oddsgate-ds 1.0.168 → 1.0.171
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/.babelrc.json +25 -25
- package/.editorconfig +12 -12
- package/.storybook/main.ts +58 -58
- package/.storybook/preview.ts +26 -26
- package/README.md +30 -30
- package/chromatic.config.json +6 -6
- package/dist/cjs/assets/components/quotes.svg +3 -3
- package/dist/cjs/index.js +4 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/molecules/EventsCard/EventsCard.component.d.ts +1 -1
- package/dist/cjs/types/components/molecules/EventsCard/EventsCard.interface.d.ts +1 -0
- package/dist/esm/assets/components/quotes.svg +3 -3
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/molecules/EventsCard/EventsCard.component.d.ts +1 -1
- package/dist/esm/types/components/molecules/EventsCard/EventsCard.interface.d.ts +1 -0
- package/dist/public/assets/components/quotes.svg +3 -3
- package/dist/public/assets/empty-state.svg +28 -28
- package/dist/public/fonts/Nichrome/mdnichrome-bold-webfont.svg +241 -241
- package/dist/public/fonts/Nichrome/mdnichrome-regular-webfont.svg +241 -241
- package/dist/public/fonts/miewfont/miewfont.svg +38 -38
- package/dist/types.d.ts +2 -1
- package/package.json +103 -103
- package/prettier.config.js +7 -7
- package/public/assets/components/quotes.svg +3 -3
- package/public/assets/empty-state.svg +28 -28
- package/public/fonts/Nichrome/mdnichrome-bold-webfont.svg +241 -241
- package/public/fonts/Nichrome/mdnichrome-regular-webfont.svg +241 -241
- package/public/fonts/miewfont/miewfont.svg +38 -38
- package/rollup.config.js +98 -98
- package/src/components/atoms/Button/Button.component.tsx +60 -60
- package/src/components/atoms/Button/Button.interface.ts +29 -29
- package/src/components/atoms/Button/Button.stories.tsx +65 -65
- package/src/components/atoms/Button/Button.theme.ts +180 -180
- package/src/components/atoms/Button/index.ts +1 -1
- package/src/components/atoms/CardMarquee/CardMarquee.component.tsx +24 -24
- package/src/components/atoms/CardMarquee/CardMarquee.interface.ts +15 -15
- package/src/components/atoms/CardMarquee/CardMarquee.stories.tsx +21 -21
- package/src/components/atoms/CardMarquee/CardMarquee.theme.ts +48 -48
- package/src/components/atoms/CardMarquee/index.ts +1 -1
- package/src/components/atoms/Chip/Chip.component.tsx +30 -30
- package/src/components/atoms/Chip/Chip.interface.ts +14 -14
- package/src/components/atoms/Chip/Chip.stories.tsx +42 -42
- package/src/components/atoms/Chip/Chip.theme.ts +57 -57
- package/src/components/atoms/Chip/index.ts +1 -1
- package/src/components/atoms/CloseButton/CloseButton.component.tsx +17 -17
- package/src/components/atoms/CloseButton/CloseButton.interface.ts +9 -9
- package/src/components/atoms/CloseButton/CloseButton.stories.tsx +24 -24
- package/src/components/atoms/CloseButton/CloseButton.theme.ts +66 -66
- package/src/components/atoms/CloseButton/index.ts +1 -1
- package/src/components/atoms/Counter/Counter.component.tsx +99 -99
- package/src/components/atoms/Counter/Counter.interface.ts +10 -10
- package/src/components/atoms/Counter/Counter.stories.tsx +29 -29
- package/src/components/atoms/Counter/Counter.theme.ts +27 -27
- package/src/components/atoms/Counter/index.ts +1 -1
- package/src/components/atoms/EmptyState/EmptyState.component.tsx +27 -27
- package/src/components/atoms/EmptyState/EmptyState.interface.ts +10 -10
- package/src/components/atoms/EmptyState/EmptyState.stories.tsx +34 -34
- package/src/components/atoms/EmptyState/EmptyState.theme.ts +27 -27
- package/src/components/atoms/EmptyState/index.ts +1 -1
- package/src/components/atoms/Flex/Flex.component.tsx +30 -30
- package/src/components/atoms/Flex/Flex.interface.ts +24 -24
- package/src/components/atoms/Flex/Flex.theme.ts +12 -12
- package/src/components/atoms/Flex/index.ts +1 -1
- package/src/components/atoms/FlexGrid/FlexGrid.component.tsx +62 -62
- package/src/components/atoms/FlexGrid/FlexGrid.interface.ts +55 -55
- package/src/components/atoms/FlexGrid/FlexGrid.stories.tsx +59 -59
- package/src/components/atoms/FlexGrid/FlexGrid.theme.ts +82 -82
- package/src/components/atoms/FlexGrid/index.ts +1 -1
- package/src/components/atoms/FormField/CheckRadioField/CheckRadioField.component.tsx +24 -24
- package/src/components/atoms/FormField/CheckRadioField/CheckRadioField.interface.tsx +6 -6
- package/src/components/atoms/FormField/CheckRadioField/CheckRadioField.theme.ts +134 -134
- package/src/components/atoms/FormField/CheckRadioField/index.ts +1 -1
- package/src/components/atoms/FormField/FormField.component.tsx +37 -37
- package/src/components/atoms/FormField/FormField.interface.ts +10 -10
- package/src/components/atoms/FormField/FormField.stories.tsx +499 -499
- package/src/components/atoms/FormField/FormField.theme.tsx +136 -136
- package/src/components/atoms/FormField/index.ts +1 -1
- package/src/components/atoms/Heading/Heading.component.tsx +18 -18
- package/src/components/atoms/Heading/Heading.interface.tsx +21 -21
- package/src/components/atoms/Heading/Heading.theme.ts +17 -17
- package/src/components/atoms/Heading/index.ts +1 -1
- package/src/components/atoms/Icon/Icon.component.tsx +19 -19
- package/src/components/atoms/Icon/Icon.interface.ts +8 -8
- package/src/components/atoms/Icon/Icon.stories.tsx +26 -26
- package/src/components/atoms/Icon/Icon.theme.ts +115 -115
- package/src/components/atoms/Icon/index.ts +1 -1
- package/src/components/atoms/ImageWrapper/ImageWrapper.component.tsx +42 -42
- package/src/components/atoms/ImageWrapper/ImageWrapper.interface.ts +16 -16
- package/src/components/atoms/ImageWrapper/ImageWrapper.stories.tsx +27 -27
- package/src/components/atoms/ImageWrapper/ImageWrapper.theme.ts +50 -50
- package/src/components/atoms/ImageWrapper/index.ts +1 -1
- package/src/components/atoms/LegalLinks/LegalLinks.component.tsx +35 -35
- package/src/components/atoms/LegalLinks/LegalLinks.interface.ts +12 -12
- package/src/components/atoms/LegalLinks/LegalLinks.stories.tsx +43 -43
- package/src/components/atoms/LegalLinks/LegalLinks.theme.ts +34 -23
- package/src/components/atoms/LegalLinks/index.ts +1 -1
- package/src/components/atoms/Loader/Loader.component.tsx +26 -26
- package/src/components/atoms/Loader/Loader.interface.ts +10 -10
- package/src/components/atoms/Loader/Loader.stories.tsx +33 -33
- package/src/components/atoms/Loader/Loader.theme.ts +51 -51
- package/src/components/atoms/Loader/index.ts +1 -1
- package/src/components/atoms/Marquee/Marquee.component.tsx +32 -32
- package/src/components/atoms/Marquee/Marquee.interface.ts +10 -10
- package/src/components/atoms/Marquee/Marquee.stories.tsx +20 -20
- package/src/components/atoms/Marquee/Marquee.theme.ts +40 -40
- package/src/components/atoms/Marquee/index.ts +1 -1
- package/src/components/atoms/Quote/Quote.component.tsx +29 -29
- package/src/components/atoms/Quote/Quote.interface.ts +10 -10
- package/src/components/atoms/Quote/Quote.stories.tsx +25 -25
- package/src/components/atoms/Quote/Quote.theme.ts +26 -26
- package/src/components/atoms/Quote/index.ts +1 -1
- package/src/components/atoms/RichText/RichText.component.tsx +32 -32
- package/src/components/atoms/RichText/RichText.interface.ts +11 -11
- package/src/components/atoms/RichText/RichText.stories.tsx +73 -73
- package/src/components/atoms/RichText/RichText.theme.ts +34 -34
- package/src/components/atoms/RichText/index.ts +1 -1
- package/src/components/atoms/ScrollingNav/ScrollingNav.component.tsx +18 -18
- package/src/components/atoms/ScrollingNav/ScrollingNav.interface.ts +8 -8
- package/src/components/atoms/ScrollingNav/ScrollingNav.stories.tsx +44 -44
- package/src/components/atoms/ScrollingNav/ScrollingNav.theme.ts +58 -58
- package/src/components/atoms/ScrollingNav/index.ts +1 -1
- package/src/components/atoms/Separator/Separator.component.tsx +19 -19
- package/src/components/atoms/Separator/Separator.interface.tsx +10 -10
- package/src/components/atoms/Separator/Separator.stories.tsx +29 -29
- package/src/components/atoms/Separator/Separator.theme.ts +9 -9
- package/src/components/atoms/Separator/index.ts +1 -1
- package/src/components/atoms/SocialLinks/SocialLinks.component.tsx +42 -42
- package/src/components/atoms/SocialLinks/SocialLinks.interface.ts +8 -8
- package/src/components/atoms/SocialLinks/SocialLinks.stories.tsx +48 -48
- package/src/components/atoms/SocialLinks/SocialLinks.theme.ts +80 -80
- package/src/components/atoms/SocialLinks/index.ts +1 -1
- package/src/components/atoms/Spacer/Spacer.component.tsx +34 -34
- package/src/components/atoms/Spacer/Spacer.interface.ts +24 -24
- package/src/components/atoms/Spacer/Spacer.stories.tsx +99 -99
- package/src/components/atoms/Spacer/Spacer.theme.ts +33 -33
- package/src/components/atoms/Spacer/index.ts +1 -1
- package/src/components/atoms/Video/Video.component.tsx +116 -116
- package/src/components/atoms/Video/Video.interface.ts +13 -13
- package/src/components/atoms/Video/Video.stories.tsx +37 -37
- package/src/components/atoms/Video/Video.theme.ts +44 -44
- package/src/components/atoms/Video/index.ts +1 -1
- package/src/components/atoms/VideoEmbed/VideoEmbed.component.tsx +109 -109
- package/src/components/atoms/VideoEmbed/VideoEmbed.interface.ts +13 -13
- package/src/components/atoms/VideoEmbed/VideoEmbed.stories.tsx +23 -23
- package/src/components/atoms/VideoEmbed/VideoEmbed.theme.ts +45 -45
- package/src/components/atoms/VideoEmbed/index.ts +1 -1
- package/src/components/common/PortalComponent/PortalComponent.tsx +48 -48
- package/src/components/common/PortalComponent/index.ts +1 -1
- package/src/components/molecules/Accordion/Accordion.component.tsx +58 -58
- package/src/components/molecules/Accordion/Accordion.interface.ts +15 -15
- package/src/components/molecules/Accordion/Accordion.stories.tsx +100 -100
- package/src/components/molecules/Accordion/Accordion.theme.ts +93 -93
- package/src/components/molecules/Accordion/index.ts +1 -1
- package/src/components/molecules/BlogCard/BlogCard.component.tsx +48 -48
- package/src/components/molecules/BlogCard/BlogCard.interface.ts +10 -10
- package/src/components/molecules/BlogCard/BlogCard.stories.tsx +37 -37
- package/src/components/molecules/BlogCard/BlogCard.theme.ts +41 -41
- package/src/components/molecules/BlogCard/index.ts +1 -1
- package/src/components/molecules/Card/Card.component.tsx +15 -15
- package/src/components/molecules/Card/Card.interface.ts +11 -11
- package/src/components/molecules/Card/Card.theme.ts +54 -54
- package/src/components/molecules/Card/index.ts +1 -1
- package/src/components/molecules/CareersCard/CareersCard.component.tsx +27 -27
- package/src/components/molecules/CareersCard/CareersCard.interface.ts +7 -7
- package/src/components/molecules/CareersCard/CareersCard.stories.tsx +30 -30
- package/src/components/molecules/CareersCard/CareersCard.theme.ts +13 -13
- package/src/components/molecules/CareersCard/index.ts +1 -1
- package/src/components/molecules/Dropdown/Dropdown.component.tsx +67 -67
- package/src/components/molecules/Dropdown/Dropdown.interface.ts +26 -26
- package/src/components/molecules/Dropdown/Dropdown.stories.tsx +54 -54
- package/src/components/molecules/Dropdown/Dropdown.theme.ts +69 -69
- package/src/components/molecules/Dropdown/index.ts +1 -1
- package/src/components/molecules/EventsCard/EventsCard.component.tsx +41 -40
- package/src/components/molecules/EventsCard/EventsCard.interface.ts +10 -9
- package/src/components/molecules/EventsCard/EventsCard.stories.tsx +38 -37
- package/src/components/molecules/EventsCard/EventsCard.theme.ts +33 -33
- package/src/components/molecules/EventsCard/index.ts +1 -1
- package/src/components/molecules/IconBox/IconBox.component.tsx +29 -29
- package/src/components/molecules/IconBox/IconBox.interface.tsx +10 -10
- package/src/components/molecules/IconBox/IconBox.stories.tsx +23 -23
- package/src/components/molecules/IconBox/IconBox.theme.ts +25 -25
- package/src/components/molecules/IconBox/index.ts +1 -1
- package/src/components/molecules/IconTitle/IconTitle.component.tsx +24 -24
- package/src/components/molecules/IconTitle/IconTitle.interface.tsx +10 -10
- package/src/components/molecules/IconTitle/IconTitle.stories.tsx +49 -49
- package/src/components/molecules/IconTitle/IconTitle.theme.ts +10 -10
- package/src/components/molecules/IconTitle/index.ts +1 -1
- package/src/components/molecules/LicenseCard/LicenseCard.component.tsx +27 -27
- package/src/components/molecules/LicenseCard/LicenseCard.interface.ts +6 -6
- package/src/components/molecules/LicenseCard/LicenseCard.stories.tsx +42 -42
- package/src/components/molecules/LicenseCard/LicenseCard.theme.ts +28 -28
- package/src/components/molecules/LicenseCard/index.ts +1 -1
- package/src/components/molecules/LogosCard/LogosCard.component.tsx +14 -14
- package/src/components/molecules/LogosCard/LogosCard.interface.ts +8 -8
- package/src/components/molecules/LogosCard/LogosCard.stories.tsx +38 -38
- package/src/components/molecules/LogosCard/LogosCard.theme.ts +19 -19
- package/src/components/molecules/LogosCard/index.ts +1 -1
- package/src/components/molecules/Modal/Modal.component.tsx +70 -70
- package/src/components/molecules/Modal/Modal.interface.ts +11 -11
- package/src/components/molecules/Modal/Modal.stories.tsx +57 -57
- package/src/components/molecules/Modal/Modal.theme.ts +55 -55
- package/src/components/molecules/Modal/index.ts +1 -1
- package/src/components/molecules/NewsCard/NewsCard.component.tsx +55 -55
- package/src/components/molecules/NewsCard/NewsCard.interface.ts +9 -9
- package/src/components/molecules/NewsCard/NewsCard.stories.tsx +44 -44
- package/src/components/molecules/NewsCard/NewsCard.theme.ts +77 -77
- package/src/components/molecules/NewsCard/index.ts +1 -1
- package/src/components/molecules/OffCanvas/OffCanvas.component.tsx +55 -55
- package/src/components/molecules/OffCanvas/OffCanvas.interface.ts +12 -12
- package/src/components/molecules/OffCanvas/OffCanvas.stories.tsx +55 -55
- package/src/components/molecules/OffCanvas/OffCanvas.theme.ts +50 -50
- package/src/components/molecules/OffCanvas/index.ts +1 -1
- package/src/components/molecules/ProductCard/ProductCard.component.tsx +60 -60
- package/src/components/molecules/ProductCard/ProductCard.interface.ts +7 -7
- package/src/components/molecules/ProductCard/ProductCard.stories.tsx +42 -42
- package/src/components/molecules/ProductCard/ProductCard.theme.ts +26 -26
- package/src/components/molecules/ProductCard/index.ts +1 -1
- package/src/components/molecules/ShareModal/ShareModal.component.tsx +167 -167
- package/src/components/molecules/ShareModal/ShareModal.interface.ts +9 -9
- package/src/components/molecules/ShareModal/ShareModal.stories.tsx +33 -33
- package/src/components/molecules/ShareModal/ShareModal.theme.ts +103 -103
- package/src/components/molecules/ShareModal/index.ts +1 -1
- package/src/components/molecules/TeamCard/TeamCard.component.tsx +31 -31
- package/src/components/molecules/TeamCard/TeamCard.interface.ts +7 -7
- package/src/components/molecules/TeamCard/TeamCard.stories.tsx +33 -33
- package/src/components/molecules/TeamCard/TeamCard.theme.ts +12 -12
- package/src/components/molecules/TeamCard/index.ts +1 -1
- package/src/components/organisms/CircularSlider/CircularSlider.component.tsx +231 -231
- package/src/components/organisms/CircularSlider/CircularSlider.interface.ts +13 -13
- package/src/components/organisms/CircularSlider/CircularSlider.stories.tsx +138 -138
- package/src/components/organisms/CircularSlider/CircularSlider.theme.ts +126 -126
- package/src/components/organisms/CircularSlider/index.ts +1 -1
- package/src/components/organisms/Cover/Cover.component.tsx +46 -46
- package/src/components/organisms/Cover/Cover.interface.ts +14 -14
- package/src/components/organisms/Cover/Cover.stories.tsx +97 -97
- package/src/components/organisms/Cover/Cover.theme.ts +49 -49
- package/src/components/organisms/Cover/index.ts +1 -1
- package/src/components/organisms/ProductsSlider/ProductsSlider.component.tsx +216 -216
- package/src/components/organisms/ProductsSlider/ProductsSlider.interface.ts +12 -12
- package/src/components/organisms/ProductsSlider/ProductsSlider.stories.tsx +132 -132
- package/src/components/organisms/ProductsSlider/ProductsSlider.theme.ts +77 -77
- package/src/components/organisms/ProductsSlider/index.ts +1 -1
- package/src/components/organisms/ProductsSlider//306/222.js +164 -164
- package/src/components/organisms/Slider/Slider.component.tsx +154 -154
- package/src/components/organisms/Slider/Slider.interface.ts +19 -19
- package/src/components/organisms/Slider/Slider.stories.tsx +146 -146
- package/src/components/organisms/Slider/Slider.theme.ts +145 -145
- package/src/components/organisms/Slider/Slider.utils.tsx +19 -19
- package/src/components/organisms/Slider/index.ts +1 -1
- package/src/components/organisms/Tabs/Tabs.component.tsx +88 -88
- package/src/components/organisms/Tabs/Tabs.interface.ts +18 -18
- package/src/components/organisms/Tabs/Tabs.stories.tsx +118 -118
- package/src/components/organisms/Tabs/Tabs.theme.ts +115 -115
- package/src/components/organisms/Tabs/index.ts +1 -1
- package/src/helpers/clickOutsideToClose.tsx +17 -17
- package/src/helpers/events.ts +9 -9
- package/src/helpers/exportCSS.tsx +27 -27
- package/src/helpers/getIcons.ts +5 -5
- package/src/helpers/isTouchDevice.tsx +11 -11
- package/src/helpers/useInterval.ts +25 -25
- package/src/helpers/useMediaMatch.tsx +26 -26
- package/src/helpers/uuid.ts +5 -5
- package/src/iconsList.json +1 -1
- package/src/index.ts +68 -68
- package/src/reportWebVitals.js +13 -13
- package/src/stories/Documentation/Colors.stories.tsx +46 -46
- package/src/stories/Documentation/Headings.stories.tsx +24 -24
- package/src/stories/Documentation/Icons.stories.tsx +73 -73
- package/src/stories/Documentation/JWT.stories.tsx +60 -60
- package/src/stories/Documentation/Utilities.stories.tsx +65 -65
- package/src/styles/Global.ts +301 -301
- package/src/styles/grid.ts +70 -70
- package/src/styles/reset.ts +47 -47
- package/src/styles/utilities.ts +374 -374
- package/src/styles/variables.ts +180 -180
- package/tsconfig.json +31 -31
package/.babelrc.json
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
{
|
|
2
|
-
"sourceType": "unambiguous",
|
|
3
|
-
"presets": [
|
|
4
|
-
[
|
|
5
|
-
"@babel/preset-env",
|
|
6
|
-
{
|
|
7
|
-
"targets": {
|
|
8
|
-
"chrome": 100
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
],
|
|
12
|
-
"@babel/preset-typescript",
|
|
13
|
-
"@babel/preset-react"
|
|
14
|
-
],
|
|
15
|
-
"plugins": [
|
|
16
|
-
[
|
|
17
|
-
"babel-plugin-styled-components",
|
|
18
|
-
{
|
|
19
|
-
"minify": false,
|
|
20
|
-
"transpileTemplateLiterals": false,
|
|
21
|
-
"pure": true
|
|
22
|
-
}
|
|
23
|
-
]
|
|
24
|
-
]
|
|
25
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"sourceType": "unambiguous",
|
|
3
|
+
"presets": [
|
|
4
|
+
[
|
|
5
|
+
"@babel/preset-env",
|
|
6
|
+
{
|
|
7
|
+
"targets": {
|
|
8
|
+
"chrome": 100
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
],
|
|
12
|
+
"@babel/preset-typescript",
|
|
13
|
+
"@babel/preset-react"
|
|
14
|
+
],
|
|
15
|
+
"plugins": [
|
|
16
|
+
[
|
|
17
|
+
"babel-plugin-styled-components",
|
|
18
|
+
{
|
|
19
|
+
"minify": false,
|
|
20
|
+
"transpileTemplateLiterals": false,
|
|
21
|
+
"pure": true
|
|
22
|
+
}
|
|
23
|
+
]
|
|
24
|
+
]
|
|
25
|
+
}
|
package/.editorconfig
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
# EditorConfig is awesome: https://EditorConfig.org
|
|
2
|
-
|
|
3
|
-
# top-most EditorConfig file
|
|
4
|
-
root = true
|
|
5
|
-
|
|
6
|
-
[*]
|
|
7
|
-
indent_style = space
|
|
8
|
-
indent_size = 2
|
|
9
|
-
end_of_line = lf
|
|
10
|
-
charset = utf-8
|
|
11
|
-
trim_trailing_whitespace = true
|
|
12
|
-
insert_final_newline = true
|
|
1
|
+
# EditorConfig is awesome: https://EditorConfig.org
|
|
2
|
+
|
|
3
|
+
# top-most EditorConfig file
|
|
4
|
+
root = true
|
|
5
|
+
|
|
6
|
+
[*]
|
|
7
|
+
indent_style = space
|
|
8
|
+
indent_size = 2
|
|
9
|
+
end_of_line = lf
|
|
10
|
+
charset = utf-8
|
|
11
|
+
trim_trailing_whitespace = true
|
|
12
|
+
insert_final_newline = true
|
package/.storybook/main.ts
CHANGED
|
@@ -1,58 +1,58 @@
|
|
|
1
|
-
import type { StorybookConfig } from '@storybook/react-webpack5'
|
|
2
|
-
const path = require("path");
|
|
3
|
-
|
|
4
|
-
const config: StorybookConfig = {
|
|
5
|
-
stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
|
|
6
|
-
addons: [
|
|
7
|
-
'@storybook/addon-links',
|
|
8
|
-
'@storybook/addon-essentials',
|
|
9
|
-
'@storybook/addon-interactions',
|
|
10
|
-
'@storybook/addon-webpack5-compiler-swc',
|
|
11
|
-
"@washingtonpost/storybook-addon-web-vitals",
|
|
12
|
-
// '@chromatic-com/storybook',
|
|
13
|
-
],
|
|
14
|
-
framework: {
|
|
15
|
-
name: '@storybook/react-webpack5',
|
|
16
|
-
options: {}
|
|
17
|
-
},
|
|
18
|
-
docs: {
|
|
19
|
-
defaultName: 'Documentation'
|
|
20
|
-
},
|
|
21
|
-
typescript: {
|
|
22
|
-
check: false,
|
|
23
|
-
checkOptions: {},
|
|
24
|
-
reactDocgen: 'react-docgen-typescript',
|
|
25
|
-
reactDocgenTypescriptOptions: {
|
|
26
|
-
// speeds up storybook build time
|
|
27
|
-
allowSyntheticDefaultImports: false,
|
|
28
|
-
// speeds up storybook build time
|
|
29
|
-
esModuleInterop: false,
|
|
30
|
-
// makes union prop types like variant and size appear as select controls
|
|
31
|
-
shouldExtractLiteralValuesFromEnum: true,
|
|
32
|
-
// makes string and boolean types that can be undefined appear as inputs and switches
|
|
33
|
-
shouldRemoveUndefinedFromOptional: true,
|
|
34
|
-
},
|
|
35
|
-
},
|
|
36
|
-
staticDirs: ["../public"],
|
|
37
|
-
webpackFinal: async (config) => {
|
|
38
|
-
// Enable @ symbol aliases.
|
|
39
|
-
config.resolve.alias = {
|
|
40
|
-
...config.resolve.alias,
|
|
41
|
-
"@": path.resolve(__dirname, "../src")
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
config.module.rules.push({
|
|
46
|
-
test: /\.(png|woff|woff2|eot|ttf|svg)$/,
|
|
47
|
-
use: [
|
|
48
|
-
{
|
|
49
|
-
loader: 'file-loader',
|
|
50
|
-
}
|
|
51
|
-
],
|
|
52
|
-
include: path.resolve(__dirname, "../"),
|
|
53
|
-
});
|
|
54
|
-
|
|
55
|
-
return config;
|
|
56
|
-
},
|
|
57
|
-
}
|
|
58
|
-
export default config
|
|
1
|
+
import type { StorybookConfig } from '@storybook/react-webpack5'
|
|
2
|
+
const path = require("path");
|
|
3
|
+
|
|
4
|
+
const config: StorybookConfig = {
|
|
5
|
+
stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
|
|
6
|
+
addons: [
|
|
7
|
+
'@storybook/addon-links',
|
|
8
|
+
'@storybook/addon-essentials',
|
|
9
|
+
'@storybook/addon-interactions',
|
|
10
|
+
'@storybook/addon-webpack5-compiler-swc',
|
|
11
|
+
"@washingtonpost/storybook-addon-web-vitals",
|
|
12
|
+
// '@chromatic-com/storybook',
|
|
13
|
+
],
|
|
14
|
+
framework: {
|
|
15
|
+
name: '@storybook/react-webpack5',
|
|
16
|
+
options: {}
|
|
17
|
+
},
|
|
18
|
+
docs: {
|
|
19
|
+
defaultName: 'Documentation'
|
|
20
|
+
},
|
|
21
|
+
typescript: {
|
|
22
|
+
check: false,
|
|
23
|
+
checkOptions: {},
|
|
24
|
+
reactDocgen: 'react-docgen-typescript',
|
|
25
|
+
reactDocgenTypescriptOptions: {
|
|
26
|
+
// speeds up storybook build time
|
|
27
|
+
allowSyntheticDefaultImports: false,
|
|
28
|
+
// speeds up storybook build time
|
|
29
|
+
esModuleInterop: false,
|
|
30
|
+
// makes union prop types like variant and size appear as select controls
|
|
31
|
+
shouldExtractLiteralValuesFromEnum: true,
|
|
32
|
+
// makes string and boolean types that can be undefined appear as inputs and switches
|
|
33
|
+
shouldRemoveUndefinedFromOptional: true,
|
|
34
|
+
},
|
|
35
|
+
},
|
|
36
|
+
staticDirs: ["../public"],
|
|
37
|
+
webpackFinal: async (config) => {
|
|
38
|
+
// Enable @ symbol aliases.
|
|
39
|
+
config.resolve.alias = {
|
|
40
|
+
...config.resolve.alias,
|
|
41
|
+
"@": path.resolve(__dirname, "../src")
|
|
42
|
+
};
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
config.module.rules.push({
|
|
46
|
+
test: /\.(png|woff|woff2|eot|ttf|svg)$/,
|
|
47
|
+
use: [
|
|
48
|
+
{
|
|
49
|
+
loader: 'file-loader',
|
|
50
|
+
}
|
|
51
|
+
],
|
|
52
|
+
include: path.resolve(__dirname, "../"),
|
|
53
|
+
});
|
|
54
|
+
|
|
55
|
+
return config;
|
|
56
|
+
},
|
|
57
|
+
}
|
|
58
|
+
export default config
|
package/.storybook/preview.ts
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import { INITIAL_VIEWPORTS, MINIMAL_VIEWPORTS } from '@storybook/addon-viewport';
|
|
2
|
-
|
|
3
|
-
import GlobalStyles from '../src/styles/Global'
|
|
4
|
-
import { Preview } from '@storybook/react';
|
|
5
|
-
import { withThemeFromJSXProvider } from '@storybook/addon-styling';
|
|
6
|
-
|
|
7
|
-
export const decorators = [
|
|
8
|
-
withThemeFromJSXProvider({
|
|
9
|
-
GlobalStyles, // Adds your GlobalStyle component to all stories
|
|
10
|
-
}),
|
|
11
|
-
];
|
|
12
|
-
|
|
13
|
-
const preview: Preview = {
|
|
14
|
-
parameters: {
|
|
15
|
-
viewport: {
|
|
16
|
-
viewports: {
|
|
17
|
-
...INITIAL_VIEWPORTS,
|
|
18
|
-
...MINIMAL_VIEWPORTS,
|
|
19
|
-
},
|
|
20
|
-
// defaultViewport: 'iphone14promax',
|
|
21
|
-
},
|
|
22
|
-
},
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
export default preview;
|
|
26
|
-
|
|
1
|
+
import { INITIAL_VIEWPORTS, MINIMAL_VIEWPORTS } from '@storybook/addon-viewport';
|
|
2
|
+
|
|
3
|
+
import GlobalStyles from '../src/styles/Global'
|
|
4
|
+
import { Preview } from '@storybook/react';
|
|
5
|
+
import { withThemeFromJSXProvider } from '@storybook/addon-styling';
|
|
6
|
+
|
|
7
|
+
export const decorators = [
|
|
8
|
+
withThemeFromJSXProvider({
|
|
9
|
+
GlobalStyles, // Adds your GlobalStyle component to all stories
|
|
10
|
+
}),
|
|
11
|
+
];
|
|
12
|
+
|
|
13
|
+
const preview: Preview = {
|
|
14
|
+
parameters: {
|
|
15
|
+
viewport: {
|
|
16
|
+
viewports: {
|
|
17
|
+
...INITIAL_VIEWPORTS,
|
|
18
|
+
...MINIMAL_VIEWPORTS,
|
|
19
|
+
},
|
|
20
|
+
// defaultViewport: 'iphone14promax',
|
|
21
|
+
},
|
|
22
|
+
},
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
export default preview;
|
|
26
|
+
|
package/README.md
CHANGED
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
# DS
|
|
2
|
-
|
|
3
|
-
## Start
|
|
4
|
-
Change `package.json` name.
|
|
5
|
-
|
|
6
|
-
Change utilities variables inside `styles/variables`.
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
## File Structure
|
|
10
|
-
Components should follow this structure:
|
|
11
|
-
|
|
12
|
-
```javascript
|
|
13
|
-
ComponentName.component
|
|
14
|
-
ComponentName.interface
|
|
15
|
-
ComponentName.stories
|
|
16
|
-
ComponentName.theme
|
|
17
|
-
```
|
|
18
|
-
|
|
19
|
-
## Export components
|
|
20
|
-
Before building export the new components inside `index.ts`.
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
## Publish
|
|
24
|
-
```javascript
|
|
25
|
-
yarn bump-version
|
|
26
|
-
|
|
27
|
-
yarn build
|
|
28
|
-
|
|
29
|
-
npm publish
|
|
30
|
-
```
|
|
1
|
+
# DS
|
|
2
|
+
|
|
3
|
+
## Start
|
|
4
|
+
Change `package.json` name.
|
|
5
|
+
|
|
6
|
+
Change utilities variables inside `styles/variables`.
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
## File Structure
|
|
10
|
+
Components should follow this structure:
|
|
11
|
+
|
|
12
|
+
```javascript
|
|
13
|
+
ComponentName.component
|
|
14
|
+
ComponentName.interface
|
|
15
|
+
ComponentName.stories
|
|
16
|
+
ComponentName.theme
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
## Export components
|
|
20
|
+
Before building export the new components inside `index.ts`.
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
## Publish
|
|
24
|
+
```javascript
|
|
25
|
+
yarn bump-version
|
|
26
|
+
|
|
27
|
+
yarn build
|
|
28
|
+
|
|
29
|
+
npm publish
|
|
30
|
+
```
|
package/chromatic.config.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
{
|
|
2
|
-
"onlyChanged": true,
|
|
3
|
-
"projectId": "Project:6682873f3a447a645a7e65ce",
|
|
4
|
-
"storybookBaseDir": "ds",
|
|
5
|
-
"zip": true
|
|
6
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"onlyChanged": true,
|
|
3
|
+
"projectId": "Project:6682873f3a447a645a7e65ce",
|
|
4
|
+
"storybookBaseDir": "ds",
|
|
5
|
+
"zip": true
|
|
6
|
+
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg width="62" height="54" viewBox="0 0 62 54" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M61.8228 40.3641C61.8228 44.1401 60.5838 47.2671 58.1058 49.7451C55.6278 52.2231 52.5598 53.4621 48.9018 53.4621C44.5358 53.4621 41.0548 51.9871 38.4588 49.0371C35.8628 46.0871 34.5648 41.6031 34.5648 35.5851C34.5648 28.1511 36.4528 21.3071 40.2288 15.0531C44.0048 8.68106 49.2558 3.84306 55.9818 0.539062L61.9998 12.0441C57.3978 13.8141 53.4448 16.0561 50.1408 18.7701C46.8368 21.4841 44.7128 24.9651 43.7688 29.2131C44.5948 28.8591 45.4208 28.5641 46.2468 28.3281C47.1908 28.0921 48.1938 27.9741 49.2558 27.9741C53.2678 27.9741 56.3358 29.1541 58.4598 31.5141C60.7018 33.7561 61.8228 36.7061 61.8228 40.3641ZM27.3078 40.3641C27.3078 44.1401 26.0688 47.2671 23.5908 49.7451C21.2308 52.2231 18.2218 53.4621 14.5638 53.4621C10.1978 53.4621 6.6578 51.9871 3.9438 49.0371C1.3478 46.0871 0.0498047 41.6031 0.0498047 35.5851C0.0498047 28.1511 1.9378 21.3071 5.7138 15.0531C9.48981 8.68106 14.7408 3.84306 21.4668 0.539062L27.4848 12.0441C22.8828 13.8141 18.9298 16.0561 15.6258 18.7701C12.4398 21.4841 10.3158 24.9651 9.25381 29.2131C10.0798 28.8591 10.9058 28.5641 11.7318 28.3281C12.6758 28.0921 13.6788 27.9741 14.7408 27.9741C18.7528 27.9741 21.8208 29.1541 23.9448 31.5141C26.1868 33.7561 27.3078 36.7061 27.3078 40.3641Z" fill="#E3EEFF"/>
|
|
3
|
-
</svg>
|
|
1
|
+
<svg width="62" height="54" viewBox="0 0 62 54" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M61.8228 40.3641C61.8228 44.1401 60.5838 47.2671 58.1058 49.7451C55.6278 52.2231 52.5598 53.4621 48.9018 53.4621C44.5358 53.4621 41.0548 51.9871 38.4588 49.0371C35.8628 46.0871 34.5648 41.6031 34.5648 35.5851C34.5648 28.1511 36.4528 21.3071 40.2288 15.0531C44.0048 8.68106 49.2558 3.84306 55.9818 0.539062L61.9998 12.0441C57.3978 13.8141 53.4448 16.0561 50.1408 18.7701C46.8368 21.4841 44.7128 24.9651 43.7688 29.2131C44.5948 28.8591 45.4208 28.5641 46.2468 28.3281C47.1908 28.0921 48.1938 27.9741 49.2558 27.9741C53.2678 27.9741 56.3358 29.1541 58.4598 31.5141C60.7018 33.7561 61.8228 36.7061 61.8228 40.3641ZM27.3078 40.3641C27.3078 44.1401 26.0688 47.2671 23.5908 49.7451C21.2308 52.2231 18.2218 53.4621 14.5638 53.4621C10.1978 53.4621 6.6578 51.9871 3.9438 49.0371C1.3478 46.0871 0.0498047 41.6031 0.0498047 35.5851C0.0498047 28.1511 1.9378 21.3071 5.7138 15.0531C9.48981 8.68106 14.7408 3.84306 21.4668 0.539062L27.4848 12.0441C22.8828 13.8141 18.9298 16.0561 15.6258 18.7701C12.4398 21.4841 10.3158 24.9651 9.25381 29.2131C10.0798 28.8591 10.9058 28.5641 11.7318 28.3281C12.6758 28.0921 13.6788 27.9741 14.7408 27.9741C18.7528 27.9741 21.8208 29.1541 23.9448 31.5141C26.1868 33.7561 27.3078 36.7061 27.3078 40.3641Z" fill="#E3EEFF"/>
|
|
3
|
+
</svg>
|