mirror of
https://github.com/roleypoly/roleypoly.git
synced 2025-04-25 11:59:11 +00:00
fix storybooks
This commit is contained in:
parent
75882f4331
commit
e35b17e685
9 changed files with 22 additions and 29 deletions
|
@ -1,5 +1,5 @@
|
||||||
import * as React from 'react';
|
import * as React from 'react';
|
||||||
import { FeatureFlagDecorator } from 'roleypoly/src/common/utils/featureFlags/react/storyDecorator';
|
import { FeatureFlagDecorator } from 'roleypoly/common/utils/featureFlags/react/storyDecorator';
|
||||||
import { FeatureGate } from './FeatureGate';
|
import { FeatureGate } from './FeatureGate';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
|
@ -2,7 +2,7 @@ import * as React from 'react';
|
||||||
import {
|
import {
|
||||||
FeatureFlag,
|
FeatureFlag,
|
||||||
FeatureFlagsContext,
|
FeatureFlagsContext,
|
||||||
} from 'roleypoly/src/common/utils/featureFlags/react';
|
} from 'roleypoly/common/utils/featureFlags/react';
|
||||||
|
|
||||||
export type FeatureGateProps = {
|
export type FeatureGateProps = {
|
||||||
featureFlag: FeatureFlag;
|
featureFlag: FeatureFlag;
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
import styled, { css } from 'styled-components';
|
import styled, { css } from 'styled-components';
|
||||||
import * as _ from 'styled-components'; // eslint-disable-line no-duplicate-imports
|
import * as _ from 'styled-components'; // eslint-disable-line no-duplicate-imports
|
||||||
import { palette } from 'roleypoly/src/design-system/atoms/colors';
|
import { palette } from 'roleypoly/design-system/atoms/colors';
|
||||||
import { transitions } from 'roleypoly/src/design-system/atoms/timings';
|
import { transitions } from 'roleypoly/design-system/atoms/timings';
|
||||||
|
|
||||||
export const Item = styled.div<{ selected: boolean }>`
|
export const Item = styled.div<{ selected: boolean }>`
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
|
|
@ -1,20 +1,13 @@
|
||||||
import * as React from 'react';
|
import * as React from 'react';
|
||||||
import { HorizontalSwitch } from 'roleypoly/src/design-system/atoms/horizontal-switch';
|
import { HorizontalSwitch } from 'roleypoly/design-system/atoms/horizontal-switch';
|
||||||
import { Space } from 'roleypoly/src/design-system/atoms/space';
|
import { Space } from 'roleypoly/design-system/atoms/space';
|
||||||
import {
|
import { TextInput, TextInputWithIcon } from 'roleypoly/design-system/atoms/text-input';
|
||||||
TextInput,
|
import { Text } from 'roleypoly/design-system/atoms/typography';
|
||||||
TextInputWithIcon,
|
import { Popover } from 'roleypoly/design-system/atoms/popover';
|
||||||
} from 'roleypoly/src/design-system/atoms/text-input';
|
import { FaderOpacity } from 'roleypoly/design-system/atoms/fader';
|
||||||
import { Text } from 'roleypoly/src/design-system/atoms/typography';
|
import { RoleSearch } from 'roleypoly/design-system/molecules/role-search';
|
||||||
import { Popover } from 'roleypoly/src/design-system/atoms/popover';
|
import { Category, CategoryType, Role as RoleType } from 'roleypoly/common/types';
|
||||||
import { FaderOpacity } from 'roleypoly/src/design-system/atoms/fader';
|
import { Role } from 'roleypoly/design-system/atoms/role';
|
||||||
import { RoleSearch } from 'roleypoly/src/design-system/molecules/role-search';
|
|
||||||
import {
|
|
||||||
Category,
|
|
||||||
CategoryType,
|
|
||||||
Role as RoleType,
|
|
||||||
} from 'roleypoly/src/design-system/shared-types';
|
|
||||||
import { Role } from 'roleypoly/src/design-system/atoms/role';
|
|
||||||
import { GoSearch } from 'react-icons/go';
|
import { GoSearch } from 'react-icons/go';
|
||||||
import { RoleContainer } from './EditorCategory.styled';
|
import { RoleContainer } from './EditorCategory.styled';
|
||||||
|
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
import * as React from 'react';
|
import * as React from 'react';
|
||||||
import { RoleSearch } from './RoleSearch';
|
import { RoleSearch } from './RoleSearch';
|
||||||
import { roleCategory } from 'roleypoly/src/design-system/shared-types/storyData';
|
import { roleCategory } from 'roleypoly/common/types/storyData';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
title: 'Molecules/Role Search',
|
title: 'Molecules/Role Search',
|
||||||
|
|
|
@ -2,10 +2,10 @@ import styled from 'styled-components';
|
||||||
import Fuse from 'fuse.js';
|
import Fuse from 'fuse.js';
|
||||||
import * as React from 'react';
|
import * as React from 'react';
|
||||||
import { GoSearch } from 'react-icons/go';
|
import { GoSearch } from 'react-icons/go';
|
||||||
import { Role } from 'roleypoly/src/design-system/atoms/role';
|
import { Role } from 'roleypoly/design-system/atoms/role';
|
||||||
import { Space } from 'roleypoly/src/design-system/atoms/space';
|
import { Space } from 'roleypoly/design-system/atoms/space';
|
||||||
import { TextInputWithIcon } from 'roleypoly/src/design-system/atoms/text-input';
|
import { TextInputWithIcon } from 'roleypoly/design-system/atoms/text-input';
|
||||||
import { Role as RoleType } from 'roleypoly/src/design-system/shared-types';
|
import { Role as RoleType } from 'roleypoly/common/types';
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
roles: RoleType[];
|
roles: RoleType[];
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
import * as React from 'react';
|
import * as React from 'react';
|
||||||
import { EditorShell } from './EditorShell';
|
import { EditorShell } from './EditorShell';
|
||||||
import { guildEnum } from 'roleypoly/src/design-system/shared-types/storyData';
|
import { guildEnum } from 'roleypoly/common/types/storyData';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
title: 'Organisms/Editor',
|
title: 'Organisms/Editor',
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
import styled from 'styled-components';
|
import styled from 'styled-components';
|
||||||
import { palette } from 'roleypoly/src/design-system/atoms/colors';
|
import { palette } from 'roleypoly/design-system/atoms/colors';
|
||||||
|
|
||||||
export const CategoryContainer = styled.div`
|
export const CategoryContainer = styled.div`
|
||||||
background-color: ${palette.taupe100};
|
background-color: ${palette.taupe100};
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
import * as React from 'react';
|
import * as React from 'react';
|
||||||
import { TabView, Tab } from 'roleypoly/src/design-system/atoms/tab-view';
|
import { TabView, Tab } from 'roleypoly/design-system/atoms/tab-view';
|
||||||
import { PresentableGuild } from 'roleypoly/src/design-system/shared-types';
|
import { PresentableGuild } from 'roleypoly/common/types';
|
||||||
import { EditorCategory } from '../../molecules/editor-category';
|
import { EditorCategory } from '../../molecules/editor-category';
|
||||||
import { CategoryContainer } from './EditorShell.styled';
|
import { CategoryContainer } from './EditorShell.styled';
|
||||||
|
|
||||||
|
|
Loading…
Add table
Reference in a new issue