@artsy/palette 44.0.1 → 44.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/dist/elements/AutocompleteInput/AutocompleteInput.story.d.ts +105 -6
- package/dist/elements/AutocompleteInput/AutocompleteInput.story.js +78 -365
- package/dist/elements/AutocompleteInput/AutocompleteInput.story.js.map +1 -1
- package/dist/elements/Avatar/Avatar.story.d.ts +74 -5
- package/dist/elements/Avatar/Avatar.story.js +69 -85
- package/dist/elements/Avatar/Avatar.story.js.map +1 -1
- package/dist/elements/Banner/Banner.story.d.ts +53 -2
- package/dist/elements/Banner/Banner.story.js +55 -24
- package/dist/elements/Banner/Banner.story.js.map +1 -1
- package/dist/elements/BaseTabs/BaseTabs.story.d.ts +45 -20
- package/dist/elements/BaseTabs/BaseTabs.story.js +99 -154
- package/dist/elements/BaseTabs/BaseTabs.story.js.map +1 -1
- package/dist/elements/BorderedRadio/BorderedRadio.story.d.ts +30 -1
- package/dist/elements/BorderedRadio/BorderedRadio.story.js +92 -19
- package/dist/elements/BorderedRadio/BorderedRadio.story.js.map +1 -1
- package/dist/elements/Box/Box.story.d.ts +35 -1
- package/dist/elements/Box/Box.story.js +54 -28
- package/dist/elements/Box/Box.story.js.map +1 -1
- package/dist/elements/Breadcrumbs/Breadcrumbs.story.d.ts +27 -1
- package/dist/elements/Breadcrumbs/Breadcrumbs.story.js +43 -26
- package/dist/elements/Breadcrumbs/Breadcrumbs.story.js.map +1 -1
- package/dist/elements/Button/Button.story.d.ts +132 -19
- package/dist/elements/Button/Button.story.js +133 -228
- package/dist/elements/Button/Button.story.js.map +1 -1
- package/dist/elements/CSSGrid/CSSGrid.story.d.ts +35 -10
- package/dist/elements/CSSGrid/CSSGrid.story.js +57 -20
- package/dist/elements/CSSGrid/CSSGrid.story.js.map +1 -1
- package/dist/elements/Cards/Cards.story.d.ts +56 -14
- package/dist/elements/Cards/Cards.story.js +65 -55
- package/dist/elements/Cards/Cards.story.js.map +1 -1
- package/dist/elements/Carousel/Carousel.story.d.ts +135 -48
- package/dist/elements/Carousel/Carousel.story.js +399 -303
- package/dist/elements/Carousel/Carousel.story.js.map +1 -1
- package/dist/elements/CarouselBar/CarouselBar.story.d.ts +37 -2
- package/dist/elements/CarouselBar/CarouselBar.story.js +38 -19
- package/dist/elements/CarouselBar/CarouselBar.story.js.map +1 -1
- package/dist/elements/Checkbox/Check.story.d.ts +75 -2
- package/dist/elements/Checkbox/Check.story.js +77 -32
- package/dist/elements/Checkbox/Check.story.js.map +1 -1
- package/dist/elements/Checkbox/Checkbox.story.d.ts +79 -3
- package/dist/elements/Checkbox/Checkbox.story.js +81 -79
- package/dist/elements/Checkbox/Checkbox.story.js.map +1 -1
- package/dist/elements/Clickable/Clickable.story.d.ts +50 -5
- package/dist/elements/Clickable/Clickable.story.js +52 -58
- package/dist/elements/Clickable/Clickable.story.js.map +1 -1
- package/dist/elements/Drawer/Drawer.story.d.ts +36 -2
- package/dist/elements/Drawer/Drawer.story.js +42 -9
- package/dist/elements/Drawer/Drawer.story.js.map +1 -1
- package/dist/elements/Dropdown/Dropdown.story.d.ts +53 -18
- package/dist/elements/Dropdown/Dropdown.story.js +244 -237
- package/dist/elements/Dropdown/Dropdown.story.js.map +1 -1
- package/dist/elements/EntityHeader/EntityHeader.story.d.ts +245 -1
- package/dist/elements/EntityHeader/EntityHeader.story.js +209 -76
- package/dist/elements/EntityHeader/EntityHeader.story.js.map +1 -1
- package/dist/elements/Expandable/Expandable.story.d.ts +54 -2
- package/dist/elements/Expandable/Expandable.story.js +76 -65
- package/dist/elements/Expandable/Expandable.story.js.map +1 -1
- package/dist/elements/FilterSelect/FilterSelect.story.d.ts +153 -2
- package/dist/elements/FilterSelect/FilterSelect.story.js +159 -62
- package/dist/elements/FilterSelect/FilterSelect.story.js.map +1 -1
- package/dist/elements/FullBleed/FullBleed.story.d.ts +30 -1
- package/dist/elements/FullBleed/FullBleed.story.js +44 -21
- package/dist/elements/FullBleed/FullBleed.story.js.map +1 -1
- package/dist/elements/GridColumns/GridColumns.story.d.ts +47 -9
- package/dist/elements/GridColumns/GridColumns.story.js +188 -204
- package/dist/elements/GridColumns/GridColumns.story.js.map +1 -1
- package/dist/elements/HTML/HTML.story.d.ts +56 -9
- package/dist/elements/HTML/HTML.story.js +56 -28
- package/dist/elements/HTML/HTML.story.js.map +1 -1
- package/dist/elements/HorizontalOverflow/HorizontalOverflow.story.d.ts +52 -2
- package/dist/elements/HorizontalOverflow/HorizontalOverflow.story.js +83 -46
- package/dist/elements/HorizontalOverflow/HorizontalOverflow.story.js.map +1 -1
- package/dist/elements/Image/Image.story.d.ts +56 -17
- package/dist/elements/Image/Image.story.js +106 -88
- package/dist/elements/Image/Image.story.js.map +1 -1
- package/dist/elements/Input/Input.story.d.ts +111 -6
- package/dist/elements/Input/Input.story.js +108 -106
- package/dist/elements/Input/Input.story.js.map +1 -1
- package/dist/elements/Join/Join.d.ts +1 -2
- package/dist/elements/Join/Join.js.map +1 -1
- package/dist/elements/Join/Join.story.d.ts +55 -10
- package/dist/elements/Join/Join.story.js +122 -58
- package/dist/elements/Join/Join.story.js.map +1 -1
- package/dist/elements/Label/Label.story.d.ts +44 -2
- package/dist/elements/Label/Label.story.js +68 -24
- package/dist/elements/Label/Label.story.js.map +1 -1
- package/dist/elements/LabeledInput/LabeledInput.story.d.ts +50 -3
- package/dist/elements/LabeledInput/LabeledInput.story.js +62 -68
- package/dist/elements/LabeledInput/LabeledInput.story.js.map +1 -1
- package/dist/elements/Marquee/Marquee.story.d.ts +57 -1
- package/dist/elements/Marquee/Marquee.story.js +82 -20
- package/dist/elements/Marquee/Marquee.story.js.map +1 -1
- package/dist/elements/Message/Message.story.d.ts +56 -1
- package/dist/elements/Message/Message.story.js +84 -25
- package/dist/elements/Message/Message.story.js.map +1 -1
- package/dist/elements/Modal/ModalBase.story.d.ts +53 -4
- package/dist/elements/Modal/ModalBase.story.js +78 -33
- package/dist/elements/Modal/ModalBase.story.js.map +1 -1
- package/dist/elements/ModalDialog/ModalDialog.story.d.ts +58 -1
- package/dist/elements/ModalDialog/ModalDialog.story.js +93 -144
- package/dist/elements/ModalDialog/ModalDialog.story.js.map +1 -1
- package/dist/elements/ModalDialog/ModalDialogContent.story.d.ts +112 -1
- package/dist/elements/ModalDialog/ModalDialogContent.story.js +190 -65
- package/dist/elements/ModalDialog/ModalDialogContent.story.js.map +1 -1
- package/dist/elements/MultiSelect/MultiSelect.d.ts +1 -1
- package/dist/elements/MultiSelect/MultiSelect.js +4 -0
- package/dist/elements/MultiSelect/MultiSelect.js.map +1 -1
- package/dist/elements/MultiSelect/MultiSelect.story.d.ts +120 -2
- package/dist/elements/MultiSelect/MultiSelect.story.js +122 -44
- package/dist/elements/MultiSelect/MultiSelect.story.js.map +1 -1
- package/dist/elements/Pagination/Pagination.story.d.ts +88 -4
- package/dist/elements/Pagination/Pagination.story.js +64 -23
- package/dist/elements/Pagination/Pagination.story.js.map +1 -1
- package/dist/elements/PasswordInput/PasswordInput.story.d.ts +54 -2
- package/dist/elements/PasswordInput/PasswordInput.story.js +54 -16
- package/dist/elements/PasswordInput/PasswordInput.story.js.map +1 -1
- package/dist/elements/Pill/Pill.story.d.ts +114 -9
- package/dist/elements/Pill/Pill.story.js +282 -169
- package/dist/elements/Pill/Pill.story.js.map +1 -1
- package/dist/elements/Popover/Popover.story.d.ts +162 -13
- package/dist/elements/Popover/Popover.story.js +351 -190
- package/dist/elements/Popover/Popover.story.js.map +1 -1
- package/dist/elements/ProgressBar/ProgressBar.story.d.ts +43 -7
- package/dist/elements/ProgressBar/ProgressBar.story.js +73 -35
- package/dist/elements/ProgressBar/ProgressBar.story.js.map +1 -1
- package/dist/elements/ProgressDots/ProgressDots.story.d.ts +69 -7
- package/dist/elements/ProgressDots/ProgressDots.story.js +108 -41
- package/dist/elements/ProgressDots/ProgressDots.story.js.map +1 -1
- package/dist/elements/Radio/Radio.story.d.ts +103 -2
- package/dist/elements/Radio/Radio.story.js +112 -57
- package/dist/elements/Radio/Radio.story.js.map +1 -1
- package/dist/elements/RadioGroup/RadioGroup.story.d.ts +104 -5
- package/dist/elements/RadioGroup/RadioGroup.story.js +183 -65
- package/dist/elements/RadioGroup/RadioGroup.story.js.map +1 -1
- package/dist/elements/Range/Range.story.d.ts +89 -8
- package/dist/elements/Range/Range.story.js +170 -94
- package/dist/elements/Range/Range.story.js.map +1 -1
- package/dist/elements/ReadMore/ReadMore.story.d.ts +85 -25
- package/dist/elements/ReadMore/ReadMore.story.js +123 -80
- package/dist/elements/ReadMore/ReadMore.story.js.map +1 -1
- package/dist/elements/ResponsiveBox/ResponsiveBox.story.d.ts +40 -5
- package/dist/elements/ResponsiveBox/ResponsiveBox.story.js +87 -51
- package/dist/elements/ResponsiveBox/ResponsiveBox.story.js.map +1 -1
- package/dist/elements/Select/Select.story.d.ts +260 -2
- package/dist/elements/Select/Select.story.js +216 -48
- package/dist/elements/Select/Select.story.js.map +1 -1
- package/dist/elements/SelectInput/SelectInput.story.d.ts +304 -3
- package/dist/elements/SelectInput/SelectInput.story.js +347 -99
- package/dist/elements/SelectInput/SelectInput.story.js.map +1 -1
- package/dist/elements/SelectInput/SelectInputList.story.d.ts +31 -1
- package/dist/elements/SelectInput/SelectInputList.story.js +35 -164
- package/dist/elements/SelectInput/SelectInputList.story.js.map +1 -1
- package/dist/elements/Separator/Separator.story.d.ts +64 -2
- package/dist/elements/Separator/Separator.story.js +65 -18
- package/dist/elements/Separator/Separator.story.js.map +1 -1
- package/dist/elements/Shelf/Shelf.story.d.ts +140 -8
- package/dist/elements/Shelf/Shelf.story.js +224 -56
- package/dist/elements/Shelf/Shelf.story.js.map +1 -1
- package/dist/elements/ShowMore/ShowMore.story.d.ts +46 -4
- package/dist/elements/ShowMore/ShowMore.story.js +102 -48
- package/dist/elements/ShowMore/ShowMore.story.js.map +1 -1
- package/dist/elements/Skeleton/Skeleton.story.d.ts +68 -4
- package/dist/elements/Skeleton/Skeleton.story.js +84 -58
- package/dist/elements/Skeleton/Skeleton.story.js.map +1 -1
- package/dist/elements/Skip/Skip.story.d.ts +50 -11
- package/dist/elements/Skip/Skip.story.js +69 -31
- package/dist/elements/Skip/Skip.story.js.map +1 -1
- package/dist/elements/Spacer/Spacer.story.d.ts +39 -4
- package/dist/elements/Spacer/Spacer.story.js +53 -51
- package/dist/elements/Spacer/Spacer.story.js.map +1 -1
- package/dist/elements/Spinner/Spinner.story.d.ts +47 -7
- package/dist/elements/Spinner/Spinner.story.js +47 -27
- package/dist/elements/Spinner/Spinner.story.js.map +1 -1
- package/dist/elements/Stack/Stack.story.d.ts +45 -1
- package/dist/elements/Stack/Stack.story.js +81 -33
- package/dist/elements/Stack/Stack.story.js.map +1 -1
- package/dist/elements/StackableBorderBox/StackableBorderBox.story.d.ts +24 -1
- package/dist/elements/StackableBorderBox/StackableBorderBox.story.js +28 -9
- package/dist/elements/StackableBorderBox/StackableBorderBox.story.js.map +1 -1
- package/dist/elements/Stepper/Stepper.story.d.ts +99 -2
- package/dist/elements/Stepper/Stepper.story.js +166 -64
- package/dist/elements/Stepper/Stepper.story.js.map +1 -1
- package/dist/elements/Sup/Sup.story.d.ts +47 -1
- package/dist/elements/Sup/Sup.story.js +57 -15
- package/dist/elements/Sup/Sup.story.js.map +1 -1
- package/dist/elements/Swiper/Swiper.story.d.ts +32 -45
- package/dist/elements/Swiper/Swiper.story.js +234 -235
- package/dist/elements/Swiper/Swiper.story.js.map +1 -1
- package/dist/elements/Tabs/Tabs.story.d.ts +41 -18
- package/dist/elements/Tabs/Tabs.story.js +255 -238
- package/dist/elements/Tabs/Tabs.story.js.map +1 -1
- package/dist/elements/Text/Text.story.d.ts +117 -5
- package/dist/elements/Text/Text.story.js +119 -97
- package/dist/elements/Text/Text.story.js.map +1 -1
- package/dist/elements/TextArea/TextArea.story.d.ts +45 -2
- package/dist/elements/TextArea/TextArea.story.js +106 -49
- package/dist/elements/TextArea/TextArea.story.js.map +1 -1
- package/dist/elements/Toasts/Toast.story.d.ts +91 -2
- package/dist/elements/Toasts/Toast.story.js +90 -24
- package/dist/elements/Toasts/Toast.story.js.map +1 -1
- package/dist/elements/Toasts/Toasts.story.d.ts +13 -1
- package/dist/elements/Toasts/Toasts.story.js +78 -64
- package/dist/elements/Toasts/Toasts.story.js.map +1 -1
- package/dist/elements/Toggle/Toggle.story.d.ts +66 -2
- package/dist/elements/Toggle/Toggle.story.js +97 -41
- package/dist/elements/Toggle/Toggle.story.js.map +1 -1
- package/dist/elements/Tooltip/Tooltip.story.d.ts +53 -19
- package/dist/elements/Tooltip/Tooltip.story.js +201 -212
- package/dist/elements/Tooltip/Tooltip.story.js.map +1 -1
- package/dist/utils/storybookBlocklist.d.ts +6 -0
- package/dist/utils/storybookBlocklist.js +47 -0
- package/dist/utils/storybookBlocklist.js.map +1 -0
- package/package.json +3 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.story.js","names":["_test","require","_react","_interopRequireWildcard","_Box","_Clickable","_Text","_2","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","iter","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","i","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","toString","slice","constructor","name","test","len","length","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","_extends","assign","bind","target","arguments","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","LOREM","Demo","_ref","_ref$widths","widths","map","_","_ref$heights","heights","rest","createElement","Box","mx","my","Carousel","onChange","fn","width","Clickable","height","bg","border","borderColor","p","textAlign","Text","variant","displayName","_default","exports","title","Simple","Multiple","Fragment","SinglePage","story","SingleOverflowingItem","MultipleOverflowingItems","TwoishPages","ManyPages","VaryingWidths","VaryingHeights","DynamicItems","_useState","useState","_useState2","setWidths","useEffect","interval","setInterval","prevWidths","concat","clearInterval","parameters","chromatic","disable","CustomArrows","Previous","props","CarouselPrevious","style","transform","color","opacity","zIndex","Next","CarouselNext","CustomRailAndCells","Cell","React","forwardRef","ref","CarouselCell","display","pr","Rail","CarouselRail","transition","CarouselWithText","InitialIndexOnMount","initialIndex","NavigateViaProps","_useState3","_useState4","resetIndex","justifyContent","onClick","ConditionalChildren","PaginationByCell","paginateBy","PaginationByCellWithVaryingWidths"],"sources":["../../../src/elements/Carousel/Carousel.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useEffect, useState } from \"react\"\nimport { Box } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { Text } from \"../Text\"\nimport {\n Carousel,\n CarouselCell,\n CarouselNext,\n CarouselPrevious,\n CarouselProps,\n CarouselRail,\n} from \"./\"\n\nconst LOREM =\n \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae, adipisci. Voluptate voluptatum porro facere atque dolores est neque ipsam quaerat necessitatibus? Deleniti tempora assumenda accusantium, quia quo ad rem expedita!\"\n\nconst Demo = ({\n widths = Array.from(Array(10)).map((_) => 300),\n heights = [400],\n ...rest\n}: {\n widths?: Array<number | string>\n heights?: number[]\n} & Omit<CarouselProps, \"children\">) => {\n return (\n <Box mx={[2, 4]} my={2}>\n <Carousel onChange={fn()} {...rest}>\n {widths.map((width, i) => {\n return (\n <Clickable\n key={i}\n width={width}\n height={heights[i % heights.length]}\n bg=\"mono10\"\n border=\"1px solid\"\n borderColor=\"mono30\"\n p={1}\n textAlign=\"center\"\n >\n <Text variant=\"xs\">{i + 1}</Text>\n </Clickable>\n )\n })}\n </Carousel>\n </Box>\n )\n}\n\nexport default { title: \"Components/Carousel\" }\n\nexport const Simple = () => {\n return <Demo />\n}\n\nexport const Multiple = () => {\n return (\n <>\n <Demo />\n <Demo />\n <Demo />\n </>\n )\n}\n\nexport const SinglePage = () => {\n const widths = [250, 250]\n return <Demo widths={widths} />\n}\n\nSinglePage.story = {\n name: \"Single page\",\n}\n\nexport const SingleOverflowingItem = () => {\n const widths = [2000]\n return <Demo widths={widths} />\n}\n\nSingleOverflowingItem.story = {\n name: \"Single overflowing item\",\n}\n\nexport const MultipleOverflowingItems = () => {\n const widths = [100, 2000, 1000, 100, 1000]\n return <Demo widths={widths} />\n}\n\nMultipleOverflowingItems.story = {\n name: \"Multiple overflowing items\",\n}\n\nexport const TwoishPages = () => {\n const widths = Array.from(Array(5)).map((_) => 250)\n return <Demo widths={widths} />\n}\n\nTwoishPages.story = {\n name: \"Two-(ish) pages\",\n}\n\nexport const ManyPages = () => {\n const widths = Array.from(Array(100)).map((_) => 250)\n return <Demo widths={widths} />\n}\n\nManyPages.story = {\n name: \"Many pages\",\n}\n\nexport const VaryingWidths = () => {\n const widths = Array.from(Array(25)).map((_, i) => {\n if (i % 15 === 0) return 400\n if (i % 5 === 0) return 300\n if (i % 3 === 0) return 333\n if (i % 2 === 0) return 275\n return 250\n })\n\n return <Demo widths={widths} />\n}\n\nVaryingWidths.story = {\n name: \"Varying widths\",\n}\n\nexport const VaryingHeights = () => {\n const widths = Array.from(Array(25)).map((_, i) => {\n if (i % 15 === 0) return 400\n if (i % 5 === 0) return 300\n if (i % 3 === 0) return 333\n if (i % 2 === 0) return 275\n return 250\n })\n\n return <Demo widths={widths} heights={[400, 300, 333, 275]} />\n}\n\nVaryingHeights.story = {\n name: \"Varying heights\",\n}\n\nexport const DynamicItems = () => {\n const [widths, setWidths] = useState([300])\n useEffect(() => {\n const interval = setInterval(() => {\n setWidths((prevWidths) => [...prevWidths, 300])\n }, 500)\n return () => clearInterval(interval)\n }, [])\n\n return <Demo widths={widths} />\n}\n\nDynamicItems.story = {\n name: \"Dynamic items\",\n parameters: { chromatic: { disable: true } },\n}\n\nexport const CustomArrows = () => {\n return (\n <Demo\n Previous={(props) => (\n <CarouselPrevious\n {...props}\n style={{ transform: \"translateX(0)\" }}\n bg=\"mono5\"\n color=\"red100\"\n height={300}\n opacity={0.75}\n zIndex={1}\n />\n )}\n Next={(props) => {\n return (\n <CarouselNext\n {...props}\n style={{ transform: \"translateX(0)\" }}\n bg=\"mono5\"\n color=\"red100\"\n height={300}\n opacity={0.75}\n zIndex={1}\n />\n )\n }}\n />\n )\n}\n\nCustomArrows.story = {\n name: \"Custom arrows\",\n}\n\nexport const CustomRailAndCells = () => {\n return (\n <Demo\n widths={[\"100%\", \"100%\", \"100%\", \"100%\"]}\n // eslint-disable-next-line react/display-name\n Cell={React.forwardRef((props, ref) => {\n return (\n <CarouselCell\n {...props}\n ref={ref as any}\n display=\"inline-flex\"\n width=\"100%\"\n pr={0}\n />\n )\n })}\n Rail={(props) => {\n return <CarouselRail {...props} transition=\"none\" display=\"block\" />\n }}\n />\n )\n}\n\nCustomRailAndCells.story = {\n name: \"Custom rail and cells\",\n}\n\nexport const CarouselWithText = () => {\n return (\n <Box mx={[2, 4]} my={2}>\n <Carousel>\n <Text bg=\"mono10\" p={1} width={300}>\n {LOREM}\n </Text>\n\n <Text bg=\"mono10\" p={1} width={300}>\n {LOREM}\n </Text>\n\n <Text bg=\"mono10\" p={1} width={300}>\n {LOREM}\n </Text>\n\n <Text bg=\"mono10\" p={1} width={300}>\n {LOREM}\n </Text>\n\n <Text bg=\"mono10\" p={1} width={300}>\n {LOREM}\n </Text>\n\n <Text bg=\"mono10\" p={1} width={300}>\n {LOREM}\n </Text>\n </Carousel>\n </Box>\n )\n}\n\nCarouselWithText.story = {\n name: \"Carousel with text\",\n}\n\nexport const InitialIndexOnMount = () => {\n return <Demo initialIndex={3} />\n}\n\nInitialIndexOnMount.story = {\n name: \"initialIndex on mount\",\n}\n\nexport const NavigateViaProps = () => {\n const [initialIndex, resetIndex] = useState(0)\n return (\n <Box>\n <Demo initialIndex={initialIndex} onChange={resetIndex} />\n <Box display=\"flex\" justifyContent=\"space-around\">\n <Clickable onClick={() => resetIndex(0)}>Navigate to page 1</Clickable>\n <Clickable onClick={() => resetIndex(1)}>Navigate to page 2</Clickable>\n <Clickable onClick={() => resetIndex(2)}>Navigate to page 3</Clickable>\n <Clickable onClick={() => resetIndex(3)}>Navigate to page 4</Clickable>\n <Clickable onClick={() => resetIndex(4)}>Navigate to page 5</Clickable>\n </Box>\n </Box>\n )\n}\n\nNavigateViaProps.story = {\n name: \"Navigate via props\",\n}\n\nexport const ConditionalChildren = () => {\n return (\n <Box mx={[2, 4]} my={2}>\n <Carousel>\n <Box bg=\"mono10\" width={300} height={300} p={2}>\n <Text variant=\"xs\">1</Text>\n </Box>\n\n <Box bg=\"mono10\" width={300} height={300} p={2}>\n <Text variant=\"xs\">2</Text>\n </Box>\n\n {false && (\n <Box bg=\"mono10\" width={300} height={300} p={2}>\n <Text variant=\"xs\">3</Text>\n </Box>\n )}\n\n {true && (\n <Box bg=\"mono10\" width={300} height={300} p={2}>\n <Text variant=\"xs\">4</Text>\n </Box>\n )}\n\n <Box bg=\"mono10\" width={300} height={300} p={2}>\n <Text variant=\"xs\">5</Text>\n </Box>\n\n <Box bg=\"mono10\" width={300} height={300} p={2}>\n <Text variant=\"xs\">6</Text>\n </Box>\n </Carousel>\n </Box>\n )\n}\n\nexport const PaginationByCell = () => {\n return <Demo paginateBy=\"cell\" />\n}\n\nexport const PaginationByCellWithVaryingWidths = () => {\n const widths = Array.from(Array(25)).map((_, i) => {\n if (i % 15 === 0) return 400\n if (i % 5 === 0) return 300\n if (i % 3 === 0) return 333\n if (i % 2 === 0) return 275\n return 250\n })\n\n return <Demo paginateBy=\"cell\" widths={widths} />\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Carousel.story.js","names":["_test","require","_react","_interopRequireWildcard","_Box","_Clickable","_Text","_2","_storybookBlocklist","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","iter","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","i","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","toString","slice","constructor","name","test","len","length","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","_extends","assign","bind","target","arguments","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","LOREM","Demo","_ref","_ref$widths","widths","map","_","_ref$heights","heights","rest","createElement","Box","mx","my","Carousel","onChange","fn","width","Clickable","height","bg","border","borderColor","p","textAlign","Text","variant","displayName","_default","exports","title","component","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Simple","render","Multiple","Fragment","SinglePage","SingleOverflowingItem","story","MultipleOverflowingItems","TwoishPages","ManyPages","VaryingWidths","VaryingHeights","DynamicItems","_useState","useState","_useState2","setWidths","useEffect","interval","setInterval","prevWidths","concat","clearInterval","chromatic","disable","CustomArrows","Previous","props","CarouselPrevious","style","transform","color","opacity","zIndex","Next","CarouselNext","CustomRailAndCells","Cell","React","forwardRef","ref","CarouselCell","display","pr","Rail","CarouselRail","transition","CarouselWithText","InitialIndexOnMount","initialIndex","NavigateViaProps","_useState3","_useState4","resetIndex","justifyContent","onClick","ConditionalChildren","PaginationByCell","paginateBy","PaginationByCellWithVaryingWidths"],"sources":["../../../src/elements/Carousel/Carousel.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useEffect, useState } from \"react\"\nimport { Box } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { Text } from \"../Text\"\nimport {\n Carousel,\n CarouselCell,\n CarouselNext,\n CarouselPrevious,\n CarouselProps,\n CarouselRail,\n} from \"./\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nconst LOREM =\n \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae, adipisci. Voluptate voluptatum porro facere atque dolores est neque ipsam quaerat necessitatibus? Deleniti tempora assumenda accusantium, quia quo ad rem expedita!\"\n\nconst Demo = ({\n widths = Array.from(Array(10)).map((_) => 300),\n heights = [400],\n ...rest\n}: {\n widths?: Array<number | string>\n heights?: number[]\n} & Omit<CarouselProps, \"children\">) => {\n return (\n <Box mx={[2, 4]} my={2}>\n <Carousel onChange={fn()} {...rest}>\n {widths.map((width, i) => {\n return (\n <Clickable\n key={i}\n width={width}\n height={heights[i % heights.length]}\n bg=\"mono10\"\n border=\"1px solid\"\n borderColor=\"mono30\"\n p={1}\n textAlign=\"center\"\n >\n <Text variant=\"xs\">{i + 1}</Text>\n </Clickable>\n )\n })}\n </Carousel>\n </Box>\n )\n}\n\nexport default {\n title: \"Components/Carousel\",\n component: Carousel,\n tags: [\"autodocs\"],\n parameters: {\n docs: {\n description: {\n component:\n \"A carousel component for displaying a horizontally scrollable collection of items with navigation controls. Supports variable widths, heights, and custom styling.\",\n },\n controls: {\n exclude: STORYBOOK_PROPS_BLOCKLIST,\n },\n },\n },\n}\n\nexport const Simple = {\n render: () => <Demo />,\n}\n\nexport const Multiple = {\n render: () => (\n <>\n <Demo />\n <Demo />\n <Demo />\n </>\n ),\n}\n\nexport const SinglePage = {\n render: () => {\n const widths = [250, 250]\n return <Demo widths={widths} />\n },\n}\n\nexport const SingleOverflowingItem = {\n render: () => {\n const widths = [2000]\n return <Demo widths={widths} />\n },\n parameters: {\n docs: {\n description: {\n story:\n \"Carousel with a single item that overflows the container width.\",\n },\n },\n },\n}\n\nexport const MultipleOverflowingItems = {\n render: () => {\n const widths = [100, 2000, 1000, 100, 1000]\n return <Demo widths={widths} />\n },\n parameters: {\n docs: {\n description: {\n story:\n \"Carousel with multiple items of varying widths, some overflowing.\",\n },\n },\n },\n}\n\nexport const TwoishPages = {\n render: () => {\n const widths = Array.from(Array(5)).map((_) => 250)\n return <Demo widths={widths} />\n },\n parameters: {\n docs: {\n description: {\n story: \"Carousel spanning approximately two pages with 5 items.\",\n },\n },\n },\n}\n\nexport const ManyPages = {\n render: () => {\n const widths = Array.from(Array(100)).map((_) => 250)\n return <Demo widths={widths} />\n },\n parameters: {\n docs: {\n description: {\n story: \"Carousel with many items spanning multiple pages (100 items).\",\n },\n },\n },\n}\n\nexport const VaryingWidths = {\n render: () => {\n const widths = Array.from(Array(25)).map((_, i) => {\n if (i % 15 === 0) return 400\n if (i % 5 === 0) return 300\n if (i % 3 === 0) return 333\n if (i % 2 === 0) return 275\n return 250\n })\n\n return <Demo widths={widths} />\n },\n parameters: {\n docs: {\n description: {\n story:\n \"Carousel with items of varying widths to demonstrate layout flexibility.\",\n },\n },\n },\n}\n\nexport const VaryingHeights = {\n render: () => {\n const widths = Array.from(Array(25)).map((_, i) => {\n if (i % 15 === 0) return 400\n if (i % 5 === 0) return 300\n if (i % 3 === 0) return 333\n if (i % 2 === 0) return 275\n return 250\n })\n\n return <Demo widths={widths} heights={[400, 300, 333, 275]} />\n },\n parameters: {\n docs: {\n description: {\n story: \"Carousel with items of varying widths and heights.\",\n },\n },\n },\n}\n\nexport const DynamicItems = {\n render: () => {\n const [widths, setWidths] = useState([300])\n useEffect(() => {\n const interval = setInterval(() => {\n setWidths((prevWidths) => [...prevWidths, 300])\n }, 500)\n return () => clearInterval(interval)\n }, [])\n\n return <Demo widths={widths} />\n },\n parameters: {\n chromatic: { disable: true },\n docs: {\n description: {\n story:\n \"Carousel that dynamically adds items every 500ms to test layout updates.\",\n },\n },\n },\n}\n\nexport const CustomArrows = {\n render: () => {\n return (\n <Demo\n Previous={(props) => (\n <CarouselPrevious\n {...props}\n style={{ transform: \"translateX(0)\" }}\n bg=\"mono5\"\n color=\"red100\"\n height={300}\n opacity={0.75}\n zIndex={1}\n />\n )}\n Next={(props) => {\n return (\n <CarouselNext\n {...props}\n style={{ transform: \"translateX(0)\" }}\n bg=\"mono5\"\n color=\"red100\"\n height={300}\n opacity={0.75}\n zIndex={1}\n />\n )\n }}\n />\n )\n },\n parameters: {\n docs: {\n description: {\n story: \"Carousel with custom styled navigation arrows.\",\n },\n },\n },\n}\n\nexport const CustomRailAndCells = {\n render: () => {\n return (\n <Demo\n widths={[\"100%\", \"100%\", \"100%\", \"100%\"]}\n // eslint-disable-next-line react/display-name\n Cell={React.forwardRef((props, ref) => {\n return (\n <CarouselCell\n {...props}\n ref={ref as any}\n display=\"inline-flex\"\n width=\"100%\"\n pr={0}\n />\n )\n })}\n Rail={(props) => {\n return <CarouselRail {...props} transition=\"none\" display=\"block\" />\n }}\n />\n )\n },\n parameters: {\n docs: {\n description: {\n story:\n \"Carousel with custom rail and cell components for advanced layouts.\",\n },\n },\n },\n}\n\nexport const CarouselWithText = {\n render: () => {\n return (\n <Box mx={[2, 4]} my={2}>\n <Carousel>\n <Text bg=\"mono10\" p={1} width={300}>\n {LOREM}\n </Text>\n <Text bg=\"mono10\" p={1} width={300}>\n {LOREM}\n </Text>\n <Text bg=\"mono10\" p={1} width={300}>\n {LOREM}\n </Text>\n <Text bg=\"mono10\" p={1} width={300}>\n {LOREM}\n </Text>\n <Text bg=\"mono10\" p={1} width={300}>\n {LOREM}\n </Text>\n <Text bg=\"mono10\" p={1} width={300}>\n {LOREM}\n </Text>\n </Carousel>\n </Box>\n )\n },\n parameters: {\n docs: {\n description: {\n story:\n \"Carousel containing text content blocks instead of other components.\",\n },\n },\n },\n}\n\nexport const InitialIndexOnMount = {\n render: () => {\n return <Demo initialIndex={3} />\n },\n parameters: {\n docs: {\n description: {\n story: \"Carousel that starts at a specific index (3) on mount.\",\n },\n },\n },\n}\n\nexport const NavigateViaProps = {\n render: () => {\n const [initialIndex, resetIndex] = useState(0)\n return (\n <Box>\n <Demo initialIndex={initialIndex} onChange={resetIndex} />\n <Box display=\"flex\" justifyContent=\"space-around\">\n <Clickable onClick={() => resetIndex(0)}>\n Navigate to page 1\n </Clickable>\n <Clickable onClick={() => resetIndex(1)}>\n Navigate to page 2\n </Clickable>\n <Clickable onClick={() => resetIndex(2)}>\n Navigate to page 3\n </Clickable>\n <Clickable onClick={() => resetIndex(3)}>\n Navigate to page 4\n </Clickable>\n <Clickable onClick={() => resetIndex(4)}>\n Navigate to page 5\n </Clickable>\n </Box>\n </Box>\n )\n },\n parameters: {\n docs: {\n description: {\n story:\n \"Carousel with external navigation controls to jump to specific pages.\",\n },\n },\n },\n}\n\nexport const ConditionalChildren = {\n render: () => {\n return (\n <Box mx={[2, 4]} my={2}>\n <Carousel>\n <Box bg=\"mono10\" width={300} height={300} p={2}>\n <Text variant=\"xs\">1</Text>\n </Box>\n <Box bg=\"mono10\" width={300} height={300} p={2}>\n <Text variant=\"xs\">2</Text>\n </Box>\n {false && (\n <Box bg=\"mono10\" width={300} height={300} p={2}>\n <Text variant=\"xs\">3</Text>\n </Box>\n )}\n {true && (\n <Box bg=\"mono10\" width={300} height={300} p={2}>\n <Text variant=\"xs\">4</Text>\n </Box>\n )}\n <Box bg=\"mono10\" width={300} height={300} p={2}>\n <Text variant=\"xs\">5</Text>\n </Box>\n <Box bg=\"mono10\" width={300} height={300} p={2}>\n <Text variant=\"xs\">6</Text>\n </Box>\n </Carousel>\n </Box>\n )\n },\n parameters: {\n docs: {\n description: {\n story:\n \"Carousel with conditionally rendered children to test dynamic content.\",\n },\n },\n },\n}\n\nexport const PaginationByCell = {\n render: () => {\n return <Demo paginateBy=\"cell\" />\n },\n parameters: {\n docs: {\n description: {\n story: \"Carousel with cell-based pagination instead of page-based.\",\n },\n },\n },\n}\n\nexport const PaginationByCellWithVaryingWidths = {\n render: () => {\n const widths = Array.from(Array(25)).map((_, i) => {\n if (i % 15 === 0) return 400\n if (i % 5 === 0) return 300\n if (i % 3 === 0) return 333\n if (i % 2 === 0) return 275\n return 250\n })\n\n return <Demo paginateBy=\"cell\" widths={widths} />\n },\n parameters: {\n docs: {\n description: {\n story: \"Cell-based pagination with items of varying widths.\",\n },\n },\n },\n}\n"],"mappings":"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"}
|
|
@@ -1,6 +1,41 @@
|
|
|
1
|
-
import React from "react";
|
|
2
1
|
declare const _default: {
|
|
3
2
|
title: string;
|
|
3
|
+
component: import("react").FC<import("react").PropsWithChildren<import("..").ProgressBarProps>>;
|
|
4
|
+
tags: string[];
|
|
5
|
+
parameters: {
|
|
6
|
+
docs: {
|
|
7
|
+
description: {
|
|
8
|
+
component: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
controls: {
|
|
12
|
+
exclude: string[];
|
|
13
|
+
};
|
|
14
|
+
};
|
|
4
15
|
};
|
|
5
16
|
export default _default;
|
|
6
|
-
export declare const Default:
|
|
17
|
+
export declare const Default: {
|
|
18
|
+
args: {
|
|
19
|
+
percentComplete: number;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
export declare const Empty: {
|
|
23
|
+
args: {
|
|
24
|
+
percentComplete: number;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
export declare const AlmostEmpty: {
|
|
28
|
+
args: {
|
|
29
|
+
percentComplete: number;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
export declare const HalfComplete: {
|
|
33
|
+
args: {
|
|
34
|
+
percentComplete: number;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
export declare const Complete: {
|
|
38
|
+
args: {
|
|
39
|
+
percentComplete: number;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
@@ -3,28 +3,47 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.default = exports.Default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _storybookStates = require("storybook-states");
|
|
6
|
+
exports.default = exports.HalfComplete = exports.Empty = exports.Default = exports.Complete = exports.AlmostEmpty = void 0;
|
|
9
7
|
var _CarouselBar = require("./CarouselBar");
|
|
10
|
-
|
|
8
|
+
var _storybookBlocklist = require("../../utils/storybookBlocklist");
|
|
11
9
|
var _default = exports.default = {
|
|
12
|
-
title: "Components/CarouselBar"
|
|
10
|
+
title: "Components/CarouselBar",
|
|
11
|
+
component: _CarouselBar.CarouselBar,
|
|
12
|
+
tags: ["autodocs"],
|
|
13
|
+
parameters: {
|
|
14
|
+
docs: {
|
|
15
|
+
description: {
|
|
16
|
+
component: "A carousel progress bar component that displays completion progress as a percentage."
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
controls: {
|
|
20
|
+
exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
|
|
21
|
+
}
|
|
22
|
+
}
|
|
13
23
|
};
|
|
14
|
-
var Default = exports.Default =
|
|
15
|
-
|
|
16
|
-
states: [{
|
|
17
|
-
percentComplete: 0
|
|
18
|
-
}, {
|
|
19
|
-
percentComplete: 1
|
|
20
|
-
}, {
|
|
21
|
-
percentComplete: 50
|
|
22
|
-
}, {
|
|
23
|
-
percentComplete: 100
|
|
24
|
-
}]
|
|
25
|
-
}, /*#__PURE__*/_react.default.createElement(_CarouselBar.CarouselBar, {
|
|
24
|
+
var Default = exports.Default = {
|
|
25
|
+
args: {
|
|
26
26
|
percentComplete: 40
|
|
27
|
-
}
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
var Empty = exports.Empty = {
|
|
30
|
+
args: {
|
|
31
|
+
percentComplete: 0
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
var AlmostEmpty = exports.AlmostEmpty = {
|
|
35
|
+
args: {
|
|
36
|
+
percentComplete: 1
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
var HalfComplete = exports.HalfComplete = {
|
|
40
|
+
args: {
|
|
41
|
+
percentComplete: 50
|
|
42
|
+
}
|
|
43
|
+
};
|
|
44
|
+
var Complete = exports.Complete = {
|
|
45
|
+
args: {
|
|
46
|
+
percentComplete: 100
|
|
47
|
+
}
|
|
28
48
|
};
|
|
29
|
-
Default.displayName = "Default";
|
|
30
49
|
//# sourceMappingURL=CarouselBar.story.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselBar.story.js","names":["
|
|
1
|
+
{"version":3,"file":"CarouselBar.story.js","names":["_CarouselBar","require","_storybookBlocklist","_default","exports","default","title","component","CarouselBar","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","percentComplete","Empty","AlmostEmpty","HalfComplete","Complete"],"sources":["../../../src/elements/CarouselBar/CarouselBar.story.tsx"],"sourcesContent":["import { CarouselBar } from \"./CarouselBar\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n title: \"Components/CarouselBar\",\n component: CarouselBar,\n tags: [\"autodocs\"],\n parameters: {\n docs: {\n description: {\n component:\n \"A carousel progress bar component that displays completion progress as a percentage.\",\n },\n },\n controls: {\n exclude: STORYBOOK_PROPS_BLOCKLIST,\n },\n },\n}\n\nexport const Default = {\n args: {\n percentComplete: 40,\n },\n}\n\nexport const Empty = {\n args: {\n percentComplete: 0,\n },\n}\n\nexport const AlmostEmpty = {\n args: {\n percentComplete: 1,\n },\n}\n\nexport const HalfComplete = {\n args: {\n percentComplete: 50,\n },\n}\n\nexport const Complete = {\n args: {\n percentComplete: 100,\n },\n}\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAA0E,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE3D;EACbC,KAAK,EAAE,wBAAwB;EAC/BC,SAAS,EAAEC,wBAAW;EACtBC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXL,SAAS,EACP;MACJ;IACF,CAAC;IACDM,QAAQ,EAAE;MACNC,OAAO,EAAEC;IACX;EACJ;AACF,CAAC;AAEM,IAAMC,OAAO,GAAAZ,OAAA,CAAAY,OAAA,GAAG;EACrBC,IAAI,EAAE;IACJC,eAAe,EAAE;EACnB;AACF,CAAC;AAEM,IAAMC,KAAK,GAAAf,OAAA,CAAAe,KAAA,GAAG;EACnBF,IAAI,EAAE;IACJC,eAAe,EAAE;EACnB;AACF,CAAC;AAEM,IAAME,WAAW,GAAAhB,OAAA,CAAAgB,WAAA,GAAG;EACzBH,IAAI,EAAE;IACJC,eAAe,EAAE;EACnB;AACF,CAAC;AAEM,IAAMG,YAAY,GAAAjB,OAAA,CAAAiB,YAAA,GAAG;EAC1BJ,IAAI,EAAE;IACJC,eAAe,EAAE;EACnB;AACF,CAAC;AAEM,IAAMI,QAAQ,GAAAlB,OAAA,CAAAkB,QAAA,GAAG;EACtBL,IAAI,EAAE;IACJC,eAAe,EAAE;EACnB;AACF,CAAC"}
|
|
@@ -1,6 +1,79 @@
|
|
|
1
|
-
import React from "react";
|
|
2
1
|
declare const _default: {
|
|
2
|
+
component: import("react").FC<import("react").PropsWithChildren<import("./Check").CheckProps>>;
|
|
3
3
|
title: string;
|
|
4
|
+
tags: string[];
|
|
5
|
+
parameters: {
|
|
6
|
+
docs: {
|
|
7
|
+
description: {
|
|
8
|
+
component: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
controls: {
|
|
12
|
+
exclude: string[];
|
|
13
|
+
};
|
|
14
|
+
};
|
|
4
15
|
};
|
|
5
16
|
export default _default;
|
|
6
|
-
export declare const Default:
|
|
17
|
+
export declare const Default: {
|
|
18
|
+
args: {
|
|
19
|
+
selected: boolean;
|
|
20
|
+
};
|
|
21
|
+
parameters: {
|
|
22
|
+
docs: {
|
|
23
|
+
description: {
|
|
24
|
+
story: string;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
export declare const Selected: {
|
|
30
|
+
args: {
|
|
31
|
+
selected: boolean;
|
|
32
|
+
};
|
|
33
|
+
parameters: {
|
|
34
|
+
docs: {
|
|
35
|
+
description: {
|
|
36
|
+
story: string;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
export declare const Disabled: {
|
|
42
|
+
args: {
|
|
43
|
+
disabled: boolean;
|
|
44
|
+
selected: boolean;
|
|
45
|
+
};
|
|
46
|
+
parameters: {
|
|
47
|
+
docs: {
|
|
48
|
+
description: {
|
|
49
|
+
story: string;
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
export declare const DisabledSelected: {
|
|
55
|
+
args: {
|
|
56
|
+
disabled: boolean;
|
|
57
|
+
selected: boolean;
|
|
58
|
+
};
|
|
59
|
+
parameters: {
|
|
60
|
+
docs: {
|
|
61
|
+
description: {
|
|
62
|
+
story: string;
|
|
63
|
+
};
|
|
64
|
+
};
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
export declare const WithError: {
|
|
68
|
+
args: {
|
|
69
|
+
error: boolean;
|
|
70
|
+
selected: boolean;
|
|
71
|
+
};
|
|
72
|
+
parameters: {
|
|
73
|
+
docs: {
|
|
74
|
+
description: {
|
|
75
|
+
story: string;
|
|
76
|
+
};
|
|
77
|
+
};
|
|
78
|
+
};
|
|
79
|
+
};
|
|
@@ -3,40 +3,85 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.default = exports.Default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _storybookStates = require("storybook-states");
|
|
6
|
+
exports.default = exports.WithError = exports.Selected = exports.DisabledSelected = exports.Disabled = exports.Default = void 0;
|
|
9
7
|
var _Check = require("./Check");
|
|
10
|
-
|
|
8
|
+
var _storybookBlocklist = require("../../utils/storybookBlocklist");
|
|
11
9
|
var _default = exports.default = {
|
|
12
|
-
|
|
10
|
+
component: _Check.Check,
|
|
11
|
+
title: "Components/Check",
|
|
12
|
+
tags: ["autodocs"],
|
|
13
|
+
parameters: {
|
|
14
|
+
docs: {
|
|
15
|
+
description: {
|
|
16
|
+
component: "A simple checkbox component that can be selected, disabled, or show error states."
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
controls: {
|
|
20
|
+
exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
|
|
21
|
+
}
|
|
22
|
+
}
|
|
13
23
|
};
|
|
14
|
-
var Default = exports.Default =
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
24
|
+
var Default = exports.Default = {
|
|
25
|
+
args: {
|
|
26
|
+
selected: false
|
|
27
|
+
},
|
|
28
|
+
parameters: {
|
|
29
|
+
docs: {
|
|
30
|
+
description: {
|
|
31
|
+
story: "Basic checkbox in unselected state."
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
var Selected = exports.Selected = {
|
|
37
|
+
args: {
|
|
38
|
+
selected: true
|
|
39
|
+
},
|
|
40
|
+
parameters: {
|
|
41
|
+
docs: {
|
|
42
|
+
description: {
|
|
43
|
+
story: "Checkbox in selected state."
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
var Disabled = exports.Disabled = {
|
|
49
|
+
args: {
|
|
50
|
+
disabled: true,
|
|
51
|
+
selected: false
|
|
52
|
+
},
|
|
53
|
+
parameters: {
|
|
54
|
+
docs: {
|
|
55
|
+
description: {
|
|
56
|
+
story: "Disabled checkbox that cannot be interacted with."
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
var DisabledSelected = exports.DisabledSelected = {
|
|
62
|
+
args: {
|
|
63
|
+
disabled: true,
|
|
64
|
+
selected: true
|
|
65
|
+
},
|
|
66
|
+
parameters: {
|
|
67
|
+
docs: {
|
|
68
|
+
description: {
|
|
69
|
+
story: "Disabled checkbox in selected state."
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
};
|
|
74
|
+
var WithError = exports.WithError = {
|
|
75
|
+
args: {
|
|
76
|
+
error: true,
|
|
77
|
+
selected: false
|
|
78
|
+
},
|
|
79
|
+
parameters: {
|
|
80
|
+
docs: {
|
|
81
|
+
description: {
|
|
82
|
+
story: "Checkbox showing error state."
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
}
|
|
40
86
|
};
|
|
41
|
-
Default.displayName = "Default";
|
|
42
87
|
//# sourceMappingURL=Check.story.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Check.story.js","names":["
|
|
1
|
+
{"version":3,"file":"Check.story.js","names":["_Check","require","_storybookBlocklist","_default","exports","default","component","Check","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","selected","story","Selected","Disabled","disabled","DisabledSelected","WithError","error"],"sources":["../../../src/elements/Checkbox/Check.story.tsx"],"sourcesContent":["import { Check } from \"./Check\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n component: Check,\n title: \"Components/Check\",\n tags: [\"autodocs\"],\n parameters: {\n docs: {\n description: {\n component:\n \"A simple checkbox component that can be selected, disabled, or show error states.\",\n },\n },\n controls: {\n exclude: STORYBOOK_PROPS_BLOCKLIST,\n },\n },\n}\n\nexport const Default = {\n args: {\n selected: false,\n },\n parameters: {\n docs: {\n description: {\n story: \"Basic checkbox in unselected state.\",\n },\n },\n },\n}\n\nexport const Selected = {\n args: {\n selected: true,\n },\n parameters: {\n docs: {\n description: {\n story: \"Checkbox in selected state.\",\n },\n },\n },\n}\n\nexport const Disabled = {\n args: {\n disabled: true,\n selected: false,\n },\n parameters: {\n docs: {\n description: {\n story: \"Disabled checkbox that cannot be interacted with.\",\n },\n },\n },\n}\n\nexport const DisabledSelected = {\n args: {\n disabled: true,\n selected: true,\n },\n parameters: {\n docs: {\n description: {\n story: \"Disabled checkbox in selected state.\",\n },\n },\n },\n}\n\nexport const WithError = {\n args: {\n error: true,\n selected: false,\n },\n parameters: {\n docs: {\n description: {\n story: \"Checkbox showing error state.\",\n },\n },\n },\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAA0E,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE3D;EACbC,SAAS,EAAEC,YAAK;EAChBC,KAAK,EAAE,kBAAkB;EACzBC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXN,SAAS,EACP;MACJ;IACF,CAAC;IACDO,QAAQ,EAAE;MACNC,OAAO,EAAEC;IACX;EACJ;AACF,CAAC;AAEM,IAAMC,OAAO,GAAAZ,OAAA,CAAAY,OAAA,GAAG;EACrBC,IAAI,EAAE;IACJC,QAAQ,EAAE;EACZ,CAAC;EACDR,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXO,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMC,QAAQ,GAAAhB,OAAA,CAAAgB,QAAA,GAAG;EACtBH,IAAI,EAAE;IACJC,QAAQ,EAAE;EACZ,CAAC;EACDR,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXO,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAME,QAAQ,GAAAjB,OAAA,CAAAiB,QAAA,GAAG;EACtBJ,IAAI,EAAE;IACJK,QAAQ,EAAE,IAAI;IACdJ,QAAQ,EAAE;EACZ,CAAC;EACDR,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXO,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMI,gBAAgB,GAAAnB,OAAA,CAAAmB,gBAAA,GAAG;EAC9BN,IAAI,EAAE;IACJK,QAAQ,EAAE,IAAI;IACdJ,QAAQ,EAAE;EACZ,CAAC;EACDR,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXO,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMK,SAAS,GAAApB,OAAA,CAAAoB,SAAA,GAAG;EACvBP,IAAI,EAAE;IACJQ,KAAK,EAAE,IAAI;IACXP,QAAQ,EAAE;EACZ,CAAC;EACDR,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXO,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC"}
|
|
@@ -1,8 +1,84 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
declare const _default: {
|
|
3
3
|
title: string;
|
|
4
|
+
component: React.FC<React.PropsWithChildren<import("./Checkbox").CheckboxProps>>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
parameters: {
|
|
7
|
+
docs: {
|
|
8
|
+
description: {
|
|
9
|
+
component: string;
|
|
10
|
+
};
|
|
11
|
+
controls: {
|
|
12
|
+
exclude: string[];
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
4
16
|
};
|
|
5
17
|
export default _default;
|
|
6
|
-
export declare const
|
|
7
|
-
|
|
8
|
-
|
|
18
|
+
export declare const Unchecked: {
|
|
19
|
+
args: {
|
|
20
|
+
children: string;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
export declare const Checked: {
|
|
24
|
+
args: {
|
|
25
|
+
children: string;
|
|
26
|
+
selected: boolean;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
export declare const WithError: {
|
|
30
|
+
args: {
|
|
31
|
+
children: string;
|
|
32
|
+
error: boolean;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
export declare const Disabled: {
|
|
36
|
+
args: {
|
|
37
|
+
children: string;
|
|
38
|
+
disabled: boolean;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
export declare const DisabledAndChecked: {
|
|
42
|
+
args: {
|
|
43
|
+
children: string;
|
|
44
|
+
disabled: boolean;
|
|
45
|
+
selected: boolean;
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
export declare const Focus: {
|
|
49
|
+
args: {
|
|
50
|
+
children: string;
|
|
51
|
+
focus: boolean;
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
export declare const Hover: {
|
|
55
|
+
args: {
|
|
56
|
+
children: string;
|
|
57
|
+
hover: boolean;
|
|
58
|
+
};
|
|
59
|
+
};
|
|
60
|
+
export declare const FocusAndSelected: {
|
|
61
|
+
args: {
|
|
62
|
+
children: string;
|
|
63
|
+
focus: boolean;
|
|
64
|
+
selected: boolean;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
export declare const HoverAndSelected: {
|
|
68
|
+
args: {
|
|
69
|
+
children: string;
|
|
70
|
+
hover: boolean;
|
|
71
|
+
selected: boolean;
|
|
72
|
+
};
|
|
73
|
+
};
|
|
74
|
+
export declare const WithCustomChildren: {
|
|
75
|
+
args: {
|
|
76
|
+
children: React.JSX.Element;
|
|
77
|
+
};
|
|
78
|
+
};
|
|
79
|
+
export declare const FullWidth: {
|
|
80
|
+
args: {
|
|
81
|
+
width: string;
|
|
82
|
+
children: string;
|
|
83
|
+
};
|
|
84
|
+
};
|