@universal-tennis/ui-shared 0.1.96 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintignore +1 -1
- package/.eslintrc.js +73 -73
- package/.storybook/main.js +16 -16
- package/.storybook/preview.js +17 -17
- package/.storybook/typography.css +5 -26
- package/.storybook/variables.css +16 -16
- package/README.md +129 -129
- package/dist/App.d.ts +1 -1
- package/dist/stories/Button.d.ts +27 -0
- package/dist/stories/Button.js +51 -0
- package/dist/stories/Button.js.map +1 -0
- package/dist/stories/Button.stories.d.ts +15 -0
- package/dist/stories/Button.stories.js +34 -0
- package/dist/stories/Button.stories.js.map +1 -0
- package/dist/stories/Header.d.ts +19 -0
- package/dist/stories/Header.js +31 -0
- package/dist/stories/Header.js.map +1 -0
- package/dist/stories/Header.stories.d.ts +11 -0
- package/dist/stories/Header.stories.js +20 -0
- package/dist/stories/Header.stories.js.map +1 -0
- package/dist/stories/Page.d.ts +1 -0
- package/dist/stories/Page.js +38 -0
- package/dist/stories/Page.js.map +1 -0
- package/dist/stories/Page.stories.d.ts +11 -0
- package/dist/stories/Page.stories.js +30 -0
- package/dist/stories/Page.stories.js.map +1 -0
- package/dist/stories/assets/comments.svg +1 -0
- package/dist/stories/assets/css/typography.css +5 -26
- package/dist/stories/assets/css/variables.css +15 -15
- package/dist/stories/assets/direction.svg +1 -0
- package/dist/stories/assets/icon-chat-blue.svg +10 -10
- package/dist/stories/assets/utr-sports-logo.svg +9 -9
- package/dist/stories/atoms/Button/Button.d.ts +1 -1
- package/dist/stories/atoms/Button/Button.js.map +1 -1
- package/dist/stories/atoms/Button/index.d.ts +1 -0
- package/dist/stories/atoms/Button/index.js +2 -0
- package/dist/stories/atoms/Button/index.js.map +1 -0
- package/dist/stories/atoms/Button.d.ts +7 -0
- package/dist/stories/atoms/Button.js +20 -0
- package/dist/stories/atoms/Button.js.map +1 -0
- package/dist/stories/atoms/Button.stories.d.ts +13 -0
- package/dist/stories/atoms/Button.stories.js +22 -0
- package/dist/stories/atoms/Button.stories.js.map +1 -0
- package/dist/stories/atoms/Icons/AddIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/AvailabilityMaybeIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/AvailabilityNoIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/AvailabilityNotSetIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/AvailabilityYesIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/BallInMotionIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/CalendarIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/ClockIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/CloseIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/DeleteIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/DoublePersonIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/EditIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/LeftChevronIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/LineIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/LocationIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/MessageIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/PickleballBallIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/RightChevronIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/SessionIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/SinglePersonIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/SinglePersonV2Icon.d.ts +2 -2
- package/dist/stories/atoms/Icons/SocialMediaFacebookIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/SocialMediaInstagramIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/SocialMediaTikTokIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/SocialMediaXIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/SocialMediaYoutubeIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/SwapIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/SwapNoBorderIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/TennisBallIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/VerifiedIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/VisibilityIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/VisibilityOffIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/WinnerIndicatorIcon.d.ts +2 -2
- package/dist/stories/atoms/Typography/Typography.d.ts +2 -2
- package/dist/stories/atoms/Typography/Typography.js.map +1 -1
- package/dist/stories/atoms/Typography/index.d.ts +1 -0
- package/dist/stories/atoms/Typography/index.js +2 -0
- package/dist/stories/atoms/Typography/index.js.map +1 -0
- package/dist/stories/atoms/UTMap/UTMap.d.ts +2 -2
- package/dist/stories/molecules/AvatarWithName/AvatarWithName.d.ts +2 -2
- package/dist/stories/molecules/Cards/ContactCard.d.ts +2 -2
- package/dist/stories/molecules/Cards/DrawCard.d.ts +2 -2
- package/dist/stories/molecules/Cards/DrawCard.js.map +1 -1
- package/dist/stories/molecules/Cards/TeamCard.d.ts +2 -2
- package/dist/stories/molecules/Cards/TeamDrawCard.d.ts +2 -2
- package/dist/stories/molecules/Cards/shared.d.ts +1 -4
- package/dist/stories/molecules/FooterSection/FooterSection.d.ts +2 -2
- package/dist/stories/molecules/GlobalNavItem/GlobalNavItem.d.ts +2 -2
- package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.d.ts +2 -2
- package/dist/stories/organisms/Footer/Footer.d.ts +2 -2
- package/dist/stories/organisms/Footer/Footer.js +2 -6
- package/dist/stories/organisms/Footer/Footer.js.map +1 -1
- package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.d.ts +2 -2
- package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.js.map +1 -1
- package/dist/stories/organisms/Modals/FullPageModal.d.ts +2 -2
- package/dist/stories/organisms/Tables/DrawCardTable.d.ts +2 -2
- package/dist/stories/organisms/Tables/DrawCardTable.js +2 -2
- package/dist/stories/organisms/Tables/SortableTable.d.ts +2 -2
- package/dist/stories/organisms/Tables/SortableTable.js.map +1 -1
- package/dist/stories/organisms/Tables/TeamDrawCardTable/DesktopTableRows.d.ts +2 -2
- package/dist/stories/organisms/Tables/TeamDrawCardTable/MobileTableRows.d.ts +2 -2
- package/dist/stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable.d.ts +2 -2
- package/dist/stories/organisms/Tables/mockData.d.ts +2 -2
- package/dist/stories/utils/constants.js.map +1 -1
- package/infrastructure/azure-pipelines.yml +112 -112
- package/package.json +99 -99
- package/public/index.html +50 -45
- package/src/App.js +25 -25
- package/src/components.jsx +52 -52
- package/src/custom.d.ts +13 -13
- package/src/index.js +17 -17
- package/src/items.jsx +1 -1
- package/src/stories/Introduction.stories.mdx +179 -179
- package/src/stories/assets/css/typography.css +5 -26
- package/src/stories/assets/css/variables.css +15 -15
- package/src/stories/assets/icon-chat-blue.svg +10 -10
- package/src/stories/assets/icons/icon-add.svg +7 -7
- package/src/stories/assets/icons/icon-availability-maybe.svg +3 -3
- package/src/stories/assets/icons/icon-availability-no.svg +3 -3
- package/src/stories/assets/icons/icon-availability-not-set.svg +8 -8
- package/src/stories/assets/icons/icon-availability-yes.svg +3 -3
- package/src/stories/assets/icons/icon-calendar.svg +4 -4
- package/src/stories/assets/icons/icon-clock.svg +7 -7
- package/src/stories/assets/icons/icon-close.svg +3 -3
- package/src/stories/assets/icons/icon-delete.svg +9 -9
- package/src/stories/assets/icons/icon-edit.svg +3 -3
- package/src/stories/assets/icons/icon-location.svg +6 -6
- package/src/stories/assets/icons/icon-message.svg +3 -3
- package/src/stories/assets/icons/icon-session.svg +3 -3
- package/src/stories/assets/icons/icon-social-media-facebook.svg +10 -10
- package/src/stories/assets/icons/icon-social-media-instagram.svg +3 -3
- package/src/stories/assets/icons/icon-social-media-tiktok.svg +10 -10
- package/src/stories/assets/icons/icon-social-media-x.svg +10 -10
- package/src/stories/assets/icons/icon-social-media-youtube.svg +3 -3
- package/src/stories/assets/icons/icon-swap.svg +3 -3
- package/src/stories/assets/icons/icon-visibility-off.svg +7 -7
- package/src/stories/assets/icons/icon-visibility.svg +6 -6
- package/src/stories/assets/utr-sports-logo.svg +9 -9
- package/src/stories/atoms/Button/Button.stories.tsx +63 -63
- package/src/stories/atoms/Button/Button.tsx +145 -145
- package/src/stories/atoms/Icons/AddIcon.tsx +13 -13
- package/src/stories/atoms/Icons/AvailabilityMaybeIcon.tsx +11 -11
- package/src/stories/atoms/Icons/AvailabilityNoIcon.tsx +11 -11
- package/src/stories/atoms/Icons/AvailabilityNotSetIcon.tsx +12 -12
- package/src/stories/atoms/Icons/AvailabilityYesIcon.tsx +11 -11
- package/src/stories/atoms/Icons/BallInMotionIcon.tsx +15 -15
- package/src/stories/atoms/Icons/CalendarIcon.tsx +11 -11
- package/src/stories/atoms/Icons/ClockIcon.tsx +14 -14
- package/src/stories/atoms/Icons/CloseIcon.tsx +11 -11
- package/src/stories/atoms/Icons/DeleteIcon.tsx +15 -15
- package/src/stories/atoms/Icons/DoublePersonIcon.tsx +20 -20
- package/src/stories/atoms/Icons/EditIcon.tsx +11 -11
- package/src/stories/atoms/Icons/Icons.stories.tsx +372 -372
- package/src/stories/atoms/Icons/LeftChevronIcon.tsx +13 -13
- package/src/stories/atoms/Icons/LineIcon.tsx +12 -12
- package/src/stories/atoms/Icons/LocationIcon.tsx +12 -12
- package/src/stories/atoms/Icons/MessageIcon.tsx +12 -12
- package/src/stories/atoms/Icons/PickleballBallIcon.tsx +22 -22
- package/src/stories/atoms/Icons/RightChevronIcon.tsx +11 -11
- package/src/stories/atoms/Icons/SessionIcon.tsx +16 -16
- package/src/stories/atoms/Icons/SinglePersonIcon.tsx +16 -16
- package/src/stories/atoms/Icons/SinglePersonV2Icon.tsx +13 -13
- package/src/stories/atoms/Icons/SocialMediaFacebookIcon.tsx +19 -19
- package/src/stories/atoms/Icons/SocialMediaInstagramIcon.tsx +11 -11
- package/src/stories/atoms/Icons/SocialMediaTikTokIcon.tsx +18 -18
- package/src/stories/atoms/Icons/SocialMediaXIcon.tsx +18 -18
- package/src/stories/atoms/Icons/SocialMediaYoutubeIcon.tsx +11 -11
- package/src/stories/atoms/Icons/SwapIcon.tsx +11 -11
- package/src/stories/atoms/Icons/SwapNoBorderIcon.tsx +14 -14
- package/src/stories/atoms/Icons/TennisBallIcon.tsx +13 -13
- package/src/stories/atoms/Icons/VerifiedIcon.tsx +13 -13
- package/src/stories/atoms/Icons/VisibilityIcon.tsx +12 -12
- package/src/stories/atoms/Icons/VisibilityOffIcon.tsx +13 -13
- package/src/stories/atoms/Icons/WinnerIndicatorIcon.tsx +39 -39
- package/src/stories/atoms/Icons/sharedTypes.tsx +12 -12
- package/src/stories/atoms/Typography/Typography.tsx +185 -185
- package/src/stories/atoms/UTMap/UTMap.stories.tsx +43 -43
- package/src/stories/atoms/UTMap/UTMap.tsx +25 -25
- package/src/stories/molecules/AvatarWithName/AvatarWithName.stories.tsx +86 -86
- package/src/stories/molecules/AvatarWithName/AvatarWithName.tsx +68 -68
- package/src/stories/molecules/Cards/Cards.stories.tsx +76 -76
- package/src/stories/molecules/Cards/ContactCard.tsx +45 -45
- package/src/stories/molecules/Cards/DrawCard.tsx +211 -211
- package/src/stories/molecules/Cards/Modals.stories.tsx +137 -137
- package/src/stories/molecules/Cards/TeamCard.tsx +14 -14
- package/src/stories/molecules/Cards/TeamDrawCard.tsx +159 -159
- package/src/stories/molecules/Cards/sharedTypes.ts +69 -69
- package/src/stories/molecules/FooterSection/FooterSection.stories.tsx +25 -25
- package/src/stories/molecules/FooterSection/FooterSection.tsx +34 -34
- package/src/stories/molecules/FooterSection/sharedTypes.ts +6 -6
- package/src/stories/molecules/GlobalNavItem/GlobalNavItem.stories.tsx +22 -22
- package/src/stories/molecules/GlobalNavItem/GlobalNavItem.tsx +51 -51
- package/src/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.tsx +96 -96
- package/src/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.tsx +112 -112
- package/src/stories/organisms/Footer/Footer.stories.tsx +63 -63
- package/src/stories/organisms/Footer/Footer.tsx +155 -165
- package/src/stories/organisms/Footer/sharedTypes.ts +17 -17
- package/src/stories/organisms/GlobalNavigation/GlobalNavigation.stories.tsx +210 -210
- package/src/stories/organisms/GlobalNavigation/GlobalNavigation.tsx +120 -120
- package/src/stories/organisms/Modals/FullPageModal.tsx +93 -93
- package/src/stories/organisms/Modals/Modals.stories.tsx +138 -138
- package/src/stories/organisms/Modals/sharedTypes.ts +15 -15
- package/src/stories/organisms/Tables/DrawCardTable.tsx +92 -92
- package/src/stories/organisms/Tables/SortableTable.tsx +119 -119
- package/src/stories/organisms/Tables/Tables.stories.tsx +104 -104
- package/src/stories/organisms/Tables/TeamDrawCardTable/DesktopTableRows.tsx +120 -120
- package/src/stories/organisms/Tables/TeamDrawCardTable/MobileTableRows.tsx +67 -67
- package/src/stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable.tsx +24 -24
- package/src/stories/organisms/Tables/mockData.tsx +131 -131
- package/src/stories/organisms/Tables/sharedTypes.ts +17 -17
- package/src/stories/utils/constants.ts +31 -31
- package/src/stories/utils/getArrayWithIds.ts +1 -1
- package/src/stories/utils/useScreenSize.ts +28 -28
- package/src/types/tableDataTypes.ts +42 -42
- package/tsconfig.json +23 -23
- package/dist/stories/atoms/Map/Map.d.ts +0 -7
- package/dist/stories/atoms/Map/Map.js +0 -9
- package/dist/stories/atoms/Map/Map.js.map +0 -1
- package/dist/stories/atoms/Map/Map.stories.d.ts +0 -9
- package/dist/stories/atoms/Map/Map.stories.js +0 -36
- package/dist/stories/atoms/Map/Map.stories.js.map +0 -1
- package/dist/stories/organisms/Tables/TeamDrawCardTable.d.ts +0 -3
- package/dist/stories/organisms/Tables/TeamDrawCardTable.js +0 -126
- package/dist/stories/organisms/Tables/TeamDrawCardTable.js.map +0 -1
package/.eslintignore
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!.storybook
|
|
1
|
+
!.storybook
|
package/.eslintrc.js
CHANGED
|
@@ -1,73 +1,73 @@
|
|
|
1
|
-
module.exports = {
|
|
2
|
-
env: {
|
|
3
|
-
browser: true,
|
|
4
|
-
es2021: true
|
|
5
|
-
},
|
|
6
|
-
extends: [
|
|
7
|
-
'plugin:react/recommended',
|
|
8
|
-
'airbnb',
|
|
9
|
-
'plugin:storybook/recommended',
|
|
10
|
-
'plugin:@typescript-eslint/recommended',
|
|
11
|
-
'plugin:storybook/recommended',
|
|
12
|
-
],
|
|
13
|
-
parser: "@typescript-eslint/parser",
|
|
14
|
-
parserOptions: {
|
|
15
|
-
ecmaFeatures: {
|
|
16
|
-
jsx: true
|
|
17
|
-
},
|
|
18
|
-
ecmaVersion: 12,
|
|
19
|
-
sourceType: 'module'
|
|
20
|
-
},
|
|
21
|
-
plugins: ['react', '@typescript-eslint'],
|
|
22
|
-
rules: {
|
|
23
|
-
"max-len": [2, { code: 140 }],
|
|
24
|
-
'react/prop-types': 0,
|
|
25
|
-
radix: 0,
|
|
26
|
-
'no-shadow': 0,
|
|
27
|
-
'prefer-rest-params': 0,
|
|
28
|
-
'no-case-declarations': 0,
|
|
29
|
-
'import/extensions': 0,
|
|
30
|
-
'react/react-in-jsx-scope': 0,
|
|
31
|
-
'react/no-children-prop': 0,
|
|
32
|
-
'import/no-unresolved': 0,
|
|
33
|
-
'no-use-before-define': 0,
|
|
34
|
-
'import/prefer-default-export': 0,
|
|
35
|
-
'react/jsx-filename-extension': 0,
|
|
36
|
-
'react/no-array-index-key': 0,
|
|
37
|
-
'@typescript-eslint/no-empty-function': 0,
|
|
38
|
-
'import/no-named-as-default': 0,
|
|
39
|
-
'react/jsx-indent': ['error', 4],
|
|
40
|
-
'react/jsx-indent-props': ['error', 4],
|
|
41
|
-
'react/jsx-props-no-spreading': 0,
|
|
42
|
-
'no-nested-ternary': 0,
|
|
43
|
-
'no-plusplus': 0,
|
|
44
|
-
'consistent-return': 0,
|
|
45
|
-
'no-param-reassign': 0,
|
|
46
|
-
'no-await-in-loop': 0,
|
|
47
|
-
'no-return-await': 0,
|
|
48
|
-
'import/named': 0,
|
|
49
|
-
'no-console': 0,
|
|
50
|
-
'import/no-named-as-default-member': 0,
|
|
51
|
-
'linebreak-style': 0,
|
|
52
|
-
'no-unused-vars': 0,
|
|
53
|
-
'react/no-unstable-nested-components': 0,
|
|
54
|
-
'jsx-a11y/click-events-have-key-events': 0,
|
|
55
|
-
'no-extraneous-dependencies': 0,
|
|
56
|
-
'require-default-props': 0,
|
|
57
|
-
'comma-dangle': 0,
|
|
58
|
-
'no-trailing-spaces': 0,
|
|
59
|
-
'react/require-default-props': 0,
|
|
60
|
-
'@typescript-eslint/ban-ts-comment': 0,
|
|
61
|
-
quotes: 0
|
|
62
|
-
},
|
|
63
|
-
settings: {
|
|
64
|
-
"import/resolver": {
|
|
65
|
-
typescript: {
|
|
66
|
-
node: {
|
|
67
|
-
extensions: [".js", ".ts"],
|
|
68
|
-
moduleDirectory: ["node_modules", "src"]
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
};
|
|
1
|
+
module.exports = {
|
|
2
|
+
env: {
|
|
3
|
+
browser: true,
|
|
4
|
+
es2021: true
|
|
5
|
+
},
|
|
6
|
+
extends: [
|
|
7
|
+
'plugin:react/recommended',
|
|
8
|
+
'airbnb',
|
|
9
|
+
'plugin:storybook/recommended',
|
|
10
|
+
'plugin:@typescript-eslint/recommended',
|
|
11
|
+
'plugin:storybook/recommended',
|
|
12
|
+
],
|
|
13
|
+
parser: "@typescript-eslint/parser",
|
|
14
|
+
parserOptions: {
|
|
15
|
+
ecmaFeatures: {
|
|
16
|
+
jsx: true
|
|
17
|
+
},
|
|
18
|
+
ecmaVersion: 12,
|
|
19
|
+
sourceType: 'module'
|
|
20
|
+
},
|
|
21
|
+
plugins: ['react', '@typescript-eslint'],
|
|
22
|
+
rules: {
|
|
23
|
+
"max-len": [2, { code: 140 }],
|
|
24
|
+
'react/prop-types': 0,
|
|
25
|
+
radix: 0,
|
|
26
|
+
'no-shadow': 0,
|
|
27
|
+
'prefer-rest-params': 0,
|
|
28
|
+
'no-case-declarations': 0,
|
|
29
|
+
'import/extensions': 0,
|
|
30
|
+
'react/react-in-jsx-scope': 0,
|
|
31
|
+
'react/no-children-prop': 0,
|
|
32
|
+
'import/no-unresolved': 0,
|
|
33
|
+
'no-use-before-define': 0,
|
|
34
|
+
'import/prefer-default-export': 0,
|
|
35
|
+
'react/jsx-filename-extension': 0,
|
|
36
|
+
'react/no-array-index-key': 0,
|
|
37
|
+
'@typescript-eslint/no-empty-function': 0,
|
|
38
|
+
'import/no-named-as-default': 0,
|
|
39
|
+
'react/jsx-indent': ['error', 4],
|
|
40
|
+
'react/jsx-indent-props': ['error', 4],
|
|
41
|
+
'react/jsx-props-no-spreading': 0,
|
|
42
|
+
'no-nested-ternary': 0,
|
|
43
|
+
'no-plusplus': 0,
|
|
44
|
+
'consistent-return': 0,
|
|
45
|
+
'no-param-reassign': 0,
|
|
46
|
+
'no-await-in-loop': 0,
|
|
47
|
+
'no-return-await': 0,
|
|
48
|
+
'import/named': 0,
|
|
49
|
+
'no-console': 0,
|
|
50
|
+
'import/no-named-as-default-member': 0,
|
|
51
|
+
'linebreak-style': 0,
|
|
52
|
+
'no-unused-vars': 0,
|
|
53
|
+
'react/no-unstable-nested-components': 0,
|
|
54
|
+
'jsx-a11y/click-events-have-key-events': 0,
|
|
55
|
+
'no-extraneous-dependencies': 0,
|
|
56
|
+
'require-default-props': 0,
|
|
57
|
+
'comma-dangle': 0,
|
|
58
|
+
'no-trailing-spaces': 0,
|
|
59
|
+
'react/require-default-props': 0,
|
|
60
|
+
'@typescript-eslint/ban-ts-comment': 0,
|
|
61
|
+
quotes: 0
|
|
62
|
+
},
|
|
63
|
+
settings: {
|
|
64
|
+
"import/resolver": {
|
|
65
|
+
typescript: {
|
|
66
|
+
node: {
|
|
67
|
+
extensions: [".js", ".ts"],
|
|
68
|
+
moduleDirectory: ["node_modules", "src"]
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
};
|
package/.storybook/main.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
module.exports = {
|
|
2
|
-
stories: [
|
|
3
|
-
"../src/**/*.stories.mdx",
|
|
4
|
-
"../src/**/*.stories.@(js|jsx|ts|tsx)",
|
|
5
|
-
],
|
|
6
|
-
addons: [
|
|
7
|
-
"@storybook/addon-links",
|
|
8
|
-
"@storybook/addon-essentials",
|
|
9
|
-
"@storybook/addon-interactions",
|
|
10
|
-
"@storybook/preset-create-react-app"
|
|
11
|
-
],
|
|
12
|
-
framework: "@storybook/react",
|
|
13
|
-
core: {
|
|
14
|
-
builder: "@storybook/builder-webpack5"
|
|
15
|
-
}
|
|
16
|
-
};
|
|
1
|
+
module.exports = {
|
|
2
|
+
stories: [
|
|
3
|
+
"../src/**/*.stories.mdx",
|
|
4
|
+
"../src/**/*.stories.@(js|jsx|ts|tsx)",
|
|
5
|
+
],
|
|
6
|
+
addons: [
|
|
7
|
+
"@storybook/addon-links",
|
|
8
|
+
"@storybook/addon-essentials",
|
|
9
|
+
"@storybook/addon-interactions",
|
|
10
|
+
"@storybook/preset-create-react-app"
|
|
11
|
+
],
|
|
12
|
+
framework: "@storybook/react",
|
|
13
|
+
core: {
|
|
14
|
+
builder: "@storybook/builder-webpack5"
|
|
15
|
+
}
|
|
16
|
+
};
|
package/.storybook/preview.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
|
|
2
|
-
|
|
3
|
-
import "./typography.css";
|
|
4
|
-
import './variables.css';
|
|
5
|
-
|
|
6
|
-
export const parameters = {
|
|
7
|
-
actions: { argTypesRegex: "^on[A-Z].*" },
|
|
8
|
-
controls: {
|
|
9
|
-
matchers: {
|
|
10
|
-
color: /(background|color)$/i,
|
|
11
|
-
date: /Date$/,
|
|
12
|
-
},
|
|
13
|
-
},
|
|
14
|
-
viewport: {
|
|
15
|
-
viewports: INITIAL_VIEWPORTS
|
|
16
|
-
}
|
|
17
|
-
};
|
|
1
|
+
import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
|
|
2
|
+
|
|
3
|
+
import "./typography.css";
|
|
4
|
+
import './variables.css';
|
|
5
|
+
|
|
6
|
+
export const parameters = {
|
|
7
|
+
actions: { argTypesRegex: "^on[A-Z].*" },
|
|
8
|
+
controls: {
|
|
9
|
+
matchers: {
|
|
10
|
+
color: /(background|color)$/i,
|
|
11
|
+
date: /Date$/,
|
|
12
|
+
},
|
|
13
|
+
},
|
|
14
|
+
viewport: {
|
|
15
|
+
viewports: INITIAL_VIEWPORTS
|
|
16
|
+
}
|
|
17
|
+
};
|