@simplybusiness/mobius 3.8.0 → 3.9.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/CHANGELOG.md +14 -1
- package/dist/cjs/components/Accordion/Accordion.stories.d.ts +12 -0
- package/dist/cjs/components/Accordion/Accordion.stories.js +48 -0
- package/dist/cjs/components/Accordion/Accordion.stories.js.map +1 -0
- package/dist/cjs/components/Alert/Alert.stories.d.ts +17 -0
- package/dist/cjs/components/Alert/Alert.stories.js +35 -0
- package/dist/cjs/components/Alert/Alert.stories.js.map +1 -0
- package/dist/cjs/components/Box/Box.stories.d.ts +17 -0
- package/dist/cjs/components/Box/Box.stories.js +23 -0
- package/dist/cjs/components/Box/Box.stories.js.map +1 -0
- package/dist/cjs/components/Breadcrumbs/Breadcrumbs.stories.d.ts +10 -0
- package/dist/cjs/components/Breadcrumbs/Breadcrumbs.stories.js +20 -0
- package/dist/cjs/components/Breadcrumbs/Breadcrumbs.stories.js.map +1 -0
- package/dist/cjs/components/Button/Button.stories.d.ts +67 -0
- package/dist/cjs/components/Button/Button.stories.js +201 -0
- package/dist/cjs/components/Button/Button.stories.js.map +1 -0
- package/dist/cjs/components/Checkbox/Checkbox.stories.d.ts +32 -0
- package/dist/cjs/components/Checkbox/Checkbox.stories.js +101 -0
- package/dist/cjs/components/Checkbox/Checkbox.stories.js.map +1 -0
- package/dist/cjs/components/Checkbox/CheckboxGroup.stories.d.ts +25 -0
- package/dist/cjs/components/Checkbox/CheckboxGroup.stories.js +74 -0
- package/dist/cjs/components/Checkbox/CheckboxGroup.stories.js.map +1 -0
- package/dist/cjs/components/Checkbox/types.d.ts +1 -1
- package/dist/cjs/components/Chopin/Actions/Actions.stories.d.ts +13 -0
- package/dist/cjs/components/Chopin/Actions/Actions.stories.js +59 -0
- package/dist/cjs/components/Chopin/Actions/Actions.stories.js.map +1 -0
- package/dist/cjs/components/Chopin/Footer/Footer.stories.d.ts +13 -0
- package/dist/cjs/components/Chopin/Footer/Footer.stories.js +169 -0
- package/dist/cjs/components/Chopin/Footer/Footer.stories.js.map +1 -0
- package/dist/cjs/components/Chopin/Header/Header.stories.d.ts +22 -0
- package/dist/cjs/components/Chopin/Header/Header.stories.js +41 -0
- package/dist/cjs/components/Chopin/Header/Header.stories.js.map +1 -0
- package/dist/cjs/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.d.ts +22 -0
- package/dist/cjs/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js +46 -0
- package/dist/cjs/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js.map +1 -0
- package/dist/cjs/components/Chopin/Question/Question.stories.d.ts +66 -0
- package/dist/cjs/components/Chopin/Question/Question.stories.js +139 -0
- package/dist/cjs/components/Chopin/Question/Question.stories.js.map +1 -0
- package/dist/cjs/components/Chopin/QuestionGroup/QuestionGroup.stories.d.ts +21 -0
- package/dist/cjs/components/Chopin/QuestionGroup/QuestionGroup.stories.js +43 -0
- package/dist/cjs/components/Chopin/QuestionGroup/QuestionGroup.stories.js.map +1 -0
- package/dist/cjs/components/Chopin/Section/Section.stories.d.ts +9 -0
- package/dist/cjs/components/Chopin/Section/Section.stories.js +19 -0
- package/dist/cjs/components/Chopin/Section/Section.stories.js.map +1 -0
- package/dist/cjs/components/Chopin/Steps/Steps.stories.d.ts +9 -0
- package/dist/cjs/components/Chopin/Steps/Steps.stories.js +15 -0
- package/dist/cjs/components/Chopin/Steps/Steps.stories.js.map +1 -0
- package/dist/cjs/components/Chopin/Testimonial/Testimonial.stories.d.ts +9 -0
- package/dist/cjs/components/Chopin/Testimonial/Testimonial.stories.js +18 -0
- package/dist/cjs/components/Chopin/Testimonial/Testimonial.stories.js.map +1 -0
- package/dist/cjs/components/Chopin/TradeSelector/TradeSelector.stories.d.ts +16 -0
- package/dist/cjs/components/Chopin/TradeSelector/TradeSelector.stories.js +55 -0
- package/dist/cjs/components/Chopin/TradeSelector/TradeSelector.stories.js.map +1 -0
- package/dist/cjs/components/Chopin/TradeSelector/TradeSelector.test.js +3 -0
- package/dist/cjs/components/Chopin/TradeSelector/TradeSelector.test.js.map +1 -1
- package/dist/cjs/components/Container/Container.stories.d.ts +9 -0
- package/dist/cjs/components/Container/Container.stories.js +15 -0
- package/dist/cjs/components/Container/Container.stories.js.map +1 -0
- package/dist/cjs/components/DataTable/DataTable.stories.d.ts +15 -0
- package/dist/cjs/components/DataTable/DataTable.stories.js +200 -0
- package/dist/cjs/components/DataTable/DataTable.stories.js.map +1 -0
- package/dist/cjs/components/DatePicker/DatePicker.stories.d.ts +16 -0
- package/dist/cjs/components/DatePicker/DatePicker.stories.js +28 -0
- package/dist/cjs/components/DatePicker/DatePicker.stories.js.map +1 -0
- package/dist/cjs/components/Divider/Divider.stories.d.ts +13 -0
- package/dist/cjs/components/Divider/Divider.stories.js +15 -0
- package/dist/cjs/components/Divider/Divider.stories.js.map +1 -0
- package/dist/cjs/components/DropdownMenu/DropdownMenu.stories.d.ts +21 -0
- package/dist/cjs/components/DropdownMenu/DropdownMenu.stories.js +64 -0
- package/dist/cjs/components/DropdownMenu/DropdownMenu.stories.js.map +1 -0
- package/dist/cjs/components/ErrorMessage/ErrorMessage.stories.d.ts +14 -0
- package/dist/cjs/components/ErrorMessage/ErrorMessage.stories.js +24 -0
- package/dist/cjs/components/ErrorMessage/ErrorMessage.stories.js.map +1 -0
- package/dist/cjs/components/Fieldset/Fieldset.stories.d.ts +10 -0
- package/dist/cjs/components/Fieldset/Fieldset.stories.js +25 -0
- package/dist/cjs/components/Fieldset/Fieldset.stories.js.map +1 -0
- package/dist/cjs/components/Flex/Flex.stories.d.ts +82 -0
- package/dist/cjs/components/Flex/Flex.stories.js +151 -0
- package/dist/cjs/components/Flex/Flex.stories.js.map +1 -0
- package/dist/cjs/components/Grid/Grid.d.ts +2 -0
- package/dist/cjs/components/Grid/Grid.js +10 -4
- package/dist/cjs/components/Grid/Grid.js.map +1 -1
- package/dist/cjs/components/Grid/Grid.stories.d.ts +86 -0
- package/dist/cjs/components/Grid/Grid.stories.js +230 -0
- package/dist/cjs/components/Grid/Grid.stories.js.map +1 -0
- package/dist/cjs/components/Grid/Item.d.ts +2 -0
- package/dist/cjs/components/Grid/Item.js +7 -2
- package/dist/cjs/components/Grid/Item.js.map +1 -1
- package/dist/cjs/components/Icon/Icon.stories.d.ts +24 -0
- package/dist/cjs/components/Icon/Icon.stories.js +46 -0
- package/dist/cjs/components/Icon/Icon.stories.js.map +1 -0
- package/dist/cjs/components/Icon/types.d.ts +2 -0
- package/dist/cjs/components/Image/Image.stories.d.ts +9 -0
- package/dist/cjs/components/Image/Image.stories.js +20 -0
- package/dist/cjs/components/Image/Image.stories.js.map +1 -0
- package/dist/cjs/components/Label/Label.stories.d.ts +9 -0
- package/dist/cjs/components/Label/Label.stories.js +18 -0
- package/dist/cjs/components/Label/Label.stories.js.map +1 -0
- package/dist/cjs/components/Link/Link.stories.d.ts +38 -0
- package/dist/cjs/components/Link/Link.stories.js +44 -0
- package/dist/cjs/components/Link/Link.stories.js.map +1 -0
- package/dist/cjs/components/LinkButton/LinkButton.stories.d.ts +48 -0
- package/dist/cjs/components/LinkButton/LinkButton.stories.js +45 -0
- package/dist/cjs/components/LinkButton/LinkButton.stories.js.map +1 -0
- package/dist/cjs/components/List/List.stories.d.ts +33 -0
- package/dist/cjs/components/List/List.stories.js +80 -0
- package/dist/cjs/components/List/List.stories.js.map +1 -0
- package/dist/cjs/components/LoadingIndicator/LoadingIndicator.d.ts +2 -0
- package/dist/cjs/components/LoadingIndicator/LoadingIndicator.js.map +1 -1
- package/dist/cjs/components/LoadingIndicator/LoadingIndicator.stories.d.ts +31 -0
- package/dist/cjs/components/LoadingIndicator/LoadingIndicator.stories.js +53 -0
- package/dist/cjs/components/LoadingIndicator/LoadingIndicator.stories.js.map +1 -0
- package/dist/cjs/components/MaskedField/MaskedField.stories.d.ts +16 -0
- package/dist/cjs/components/MaskedField/MaskedField.stories.js +25 -0
- package/dist/cjs/components/MaskedField/MaskedField.stories.js.map +1 -0
- package/dist/cjs/components/Modal/Modal.stories.d.ts +44 -0
- package/dist/cjs/components/Modal/Modal.stories.js +82 -0
- package/dist/cjs/components/Modal/Modal.stories.js.map +1 -0
- package/dist/cjs/components/NumberField/NumberField.stories.d.ts +50 -0
- package/dist/cjs/components/NumberField/NumberField.stories.js +106 -0
- package/dist/cjs/components/NumberField/NumberField.stories.js.map +1 -0
- package/dist/cjs/components/PasswordField/PasswordField.stories.d.ts +28 -0
- package/dist/cjs/components/PasswordField/PasswordField.stories.js +34 -0
- package/dist/cjs/components/PasswordField/PasswordField.stories.js.map +1 -0
- package/dist/cjs/components/Progress/Progress.stories.d.ts +56 -0
- package/dist/cjs/components/Progress/Progress.stories.js +92 -0
- package/dist/cjs/components/Progress/Progress.stories.js.map +1 -0
- package/dist/cjs/components/Radio/Radio.stories.d.ts +39 -0
- package/dist/cjs/components/Radio/Radio.stories.js +121 -0
- package/dist/cjs/components/Radio/Radio.stories.js.map +1 -0
- package/dist/cjs/components/Radio/RadioButton.stories.d.ts +23 -0
- package/dist/cjs/components/Radio/RadioButton.stories.js +91 -0
- package/dist/cjs/components/Radio/RadioButton.stories.js.map +1 -0
- package/dist/cjs/components/SVG/SVG.stories.d.ts +9 -0
- package/dist/cjs/components/SVG/SVG.stories.js +22 -0
- package/dist/cjs/components/SVG/SVG.stories.js.map +1 -0
- package/dist/cjs/components/SVG/SVG.test.js.map +1 -1
- package/dist/cjs/components/Segment/Segment.stories.d.ts +32 -0
- package/dist/cjs/components/Segment/Segment.stories.js +78 -0
- package/dist/cjs/components/Segment/Segment.stories.js.map +1 -0
- package/dist/cjs/components/Select/Select.stories.d.ts +31 -0
- package/dist/cjs/components/Select/Select.stories.js +82 -0
- package/dist/cjs/components/Select/Select.stories.js.map +1 -0
- package/dist/cjs/components/Slider/Slider.d.ts +2 -2
- package/dist/cjs/components/Slider/Slider.js.map +1 -1
- package/dist/cjs/components/Slider/Slider.stories.d.ts +12 -0
- package/dist/cjs/components/Slider/Slider.stories.js +66 -0
- package/dist/cjs/components/Slider/Slider.stories.js.map +1 -0
- package/dist/cjs/components/Table/Table.stories.d.ts +10 -0
- package/dist/cjs/components/Table/Table.stories.js +18 -0
- package/dist/cjs/components/Table/Table.stories.js.map +1 -0
- package/dist/cjs/components/Text/Text.stories.d.ts +10 -0
- package/dist/cjs/components/Text/Text.stories.js +29 -0
- package/dist/cjs/components/Text/Text.stories.js.map +1 -0
- package/dist/cjs/components/TextArea/TextArea.stories.d.ts +26 -0
- package/dist/cjs/components/TextArea/TextArea.stories.js +83 -0
- package/dist/cjs/components/TextArea/TextArea.stories.js.map +1 -0
- package/dist/cjs/components/TextField/TextField.stories.d.ts +36 -0
- package/dist/cjs/components/TextField/TextField.stories.js +103 -0
- package/dist/cjs/components/TextField/TextField.stories.js.map +1 -0
- package/dist/cjs/components/Title/Title.stories.d.ts +9 -0
- package/dist/cjs/components/Title/Title.stories.js +19 -0
- package/dist/cjs/components/Title/Title.stories.js.map +1 -0
- package/dist/cjs/components/VisuallyHidden/VisuallyHidden.stories.d.ts +9 -0
- package/dist/cjs/components/VisuallyHidden/VisuallyHidden.stories.js +15 -0
- package/dist/cjs/components/VisuallyHidden/VisuallyHidden.stories.js.map +1 -0
- package/dist/cjs/hooks/useBreakpoint/useBreakpoint.stories.d.ts +11 -0
- package/dist/cjs/hooks/useBreakpoint/useBreakpoint.stories.js +43 -0
- package/dist/cjs/hooks/useBreakpoint/useBreakpoint.stories.js.map +1 -0
- package/dist/cjs/tsconfig.tsbuildinfo +1 -1
- package/dist/esm/components/Accordion/Accordion.stories.js +45 -0
- package/dist/esm/components/Accordion/Accordion.stories.js.map +1 -0
- package/dist/esm/components/Alert/Alert.stories.js +32 -0
- package/dist/esm/components/Alert/Alert.stories.js.map +1 -0
- package/dist/esm/components/Box/Box.stories.js +20 -0
- package/dist/esm/components/Box/Box.stories.js.map +1 -0
- package/dist/esm/components/Breadcrumbs/Breadcrumbs.stories.js +17 -0
- package/dist/esm/components/Breadcrumbs/Breadcrumbs.stories.js.map +1 -0
- package/dist/esm/components/Button/Button.stories.js +198 -0
- package/dist/esm/components/Button/Button.stories.js.map +1 -0
- package/dist/esm/components/Checkbox/Checkbox.stories.js +98 -0
- package/dist/esm/components/Checkbox/Checkbox.stories.js.map +1 -0
- package/dist/esm/components/Checkbox/CheckboxGroup.stories.js +71 -0
- package/dist/esm/components/Checkbox/CheckboxGroup.stories.js.map +1 -0
- package/dist/esm/components/Chopin/Actions/Actions.stories.js +56 -0
- package/dist/esm/components/Chopin/Actions/Actions.stories.js.map +1 -0
- package/dist/esm/components/Chopin/Footer/Footer.stories.js +166 -0
- package/dist/esm/components/Chopin/Footer/Footer.stories.js.map +1 -0
- package/dist/esm/components/Chopin/Header/Header.stories.js +38 -0
- package/dist/esm/components/Chopin/Header/Header.stories.js.map +1 -0
- package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js +43 -0
- package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js.map +1 -0
- package/dist/esm/components/Chopin/Question/Question.stories.js +136 -0
- package/dist/esm/components/Chopin/Question/Question.stories.js.map +1 -0
- package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.stories.js +40 -0
- package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.stories.js.map +1 -0
- package/dist/esm/components/Chopin/Section/Section.stories.js +16 -0
- package/dist/esm/components/Chopin/Section/Section.stories.js.map +1 -0
- package/dist/esm/components/Chopin/Steps/Steps.stories.js +12 -0
- package/dist/esm/components/Chopin/Steps/Steps.stories.js.map +1 -0
- package/dist/esm/components/Chopin/Testimonial/Testimonial.stories.js +15 -0
- package/dist/esm/components/Chopin/Testimonial/Testimonial.stories.js.map +1 -0
- package/dist/esm/components/Chopin/TradeSelector/TradeSelector.stories.js +52 -0
- package/dist/esm/components/Chopin/TradeSelector/TradeSelector.stories.js.map +1 -0
- package/dist/esm/components/Chopin/TradeSelector/TradeSelector.test.js +3 -0
- package/dist/esm/components/Chopin/TradeSelector/TradeSelector.test.js.map +1 -1
- package/dist/esm/components/Container/Container.stories.js +12 -0
- package/dist/esm/components/Container/Container.stories.js.map +1 -0
- package/dist/esm/components/DataTable/DataTable.stories.js +174 -0
- package/dist/esm/components/DataTable/DataTable.stories.js.map +1 -0
- package/dist/esm/components/DatePicker/DatePicker.stories.js +25 -0
- package/dist/esm/components/DatePicker/DatePicker.stories.js.map +1 -0
- package/dist/esm/components/Divider/Divider.stories.js +12 -0
- package/dist/esm/components/Divider/Divider.stories.js.map +1 -0
- package/dist/esm/components/DropdownMenu/DropdownMenu.stories.js +58 -0
- package/dist/esm/components/DropdownMenu/DropdownMenu.stories.js.map +1 -0
- package/dist/esm/components/ErrorMessage/ErrorMessage.stories.js +21 -0
- package/dist/esm/components/ErrorMessage/ErrorMessage.stories.js.map +1 -0
- package/dist/esm/components/Fieldset/Fieldset.stories.js +22 -0
- package/dist/esm/components/Fieldset/Fieldset.stories.js.map +1 -0
- package/dist/esm/components/Flex/Flex.stories.js +148 -0
- package/dist/esm/components/Flex/Flex.stories.js.map +1 -0
- package/dist/esm/components/Grid/Grid.js +8 -5
- package/dist/esm/components/Grid/Grid.js.map +1 -1
- package/dist/esm/components/Grid/Grid.stories.js +227 -0
- package/dist/esm/components/Grid/Grid.stories.js.map +1 -0
- package/dist/esm/components/Grid/Item.js +5 -3
- package/dist/esm/components/Grid/Item.js.map +1 -1
- package/dist/esm/components/Icon/Icon.stories.js +43 -0
- package/dist/esm/components/Icon/Icon.stories.js.map +1 -0
- package/dist/esm/components/Image/Image.stories.js +17 -0
- package/dist/esm/components/Image/Image.stories.js.map +1 -0
- package/dist/esm/components/Label/Label.stories.js +15 -0
- package/dist/esm/components/Label/Label.stories.js.map +1 -0
- package/dist/esm/components/Link/Link.stories.js +41 -0
- package/dist/esm/components/Link/Link.stories.js.map +1 -0
- package/dist/esm/components/LinkButton/LinkButton.stories.js +42 -0
- package/dist/esm/components/LinkButton/LinkButton.stories.js.map +1 -0
- package/dist/esm/components/List/List.stories.js +77 -0
- package/dist/esm/components/List/List.stories.js.map +1 -0
- package/dist/esm/components/LoadingIndicator/LoadingIndicator.js.map +1 -1
- package/dist/esm/components/LoadingIndicator/LoadingIndicator.stories.js +50 -0
- package/dist/esm/components/LoadingIndicator/LoadingIndicator.stories.js.map +1 -0
- package/dist/esm/components/MaskedField/MaskedField.stories.js +22 -0
- package/dist/esm/components/MaskedField/MaskedField.stories.js.map +1 -0
- package/dist/esm/components/Modal/Modal.stories.js +79 -0
- package/dist/esm/components/Modal/Modal.stories.js.map +1 -0
- package/dist/esm/components/NumberField/NumberField.stories.js +103 -0
- package/dist/esm/components/NumberField/NumberField.stories.js.map +1 -0
- package/dist/esm/components/PasswordField/PasswordField.stories.js +31 -0
- package/dist/esm/components/PasswordField/PasswordField.stories.js.map +1 -0
- package/dist/esm/components/Progress/Progress.stories.js +89 -0
- package/dist/esm/components/Progress/Progress.stories.js.map +1 -0
- package/dist/esm/components/Radio/Radio.stories.js +118 -0
- package/dist/esm/components/Radio/Radio.stories.js.map +1 -0
- package/dist/esm/components/Radio/RadioButton.stories.js +88 -0
- package/dist/esm/components/Radio/RadioButton.stories.js.map +1 -0
- package/dist/esm/components/SVG/SVG.stories.js +19 -0
- package/dist/esm/components/SVG/SVG.stories.js.map +1 -0
- package/dist/esm/components/SVG/SVG.test.js.map +1 -1
- package/dist/esm/components/Segment/Segment.stories.js +75 -0
- package/dist/esm/components/Segment/Segment.stories.js.map +1 -0
- package/dist/esm/components/Select/Select.stories.js +79 -0
- package/dist/esm/components/Select/Select.stories.js.map +1 -0
- package/dist/esm/components/Slider/Slider.js.map +1 -1
- package/dist/esm/components/Slider/Slider.stories.js +63 -0
- package/dist/esm/components/Slider/Slider.stories.js.map +1 -0
- package/dist/esm/components/Table/Table.stories.js +15 -0
- package/dist/esm/components/Table/Table.stories.js.map +1 -0
- package/dist/esm/components/Text/Text.stories.js +26 -0
- package/dist/esm/components/Text/Text.stories.js.map +1 -0
- package/dist/esm/components/TextArea/TextArea.stories.js +80 -0
- package/dist/esm/components/TextArea/TextArea.stories.js.map +1 -0
- package/dist/esm/components/TextField/TextField.stories.js +100 -0
- package/dist/esm/components/TextField/TextField.stories.js.map +1 -0
- package/dist/esm/components/Title/Title.stories.js +16 -0
- package/dist/esm/components/Title/Title.stories.js.map +1 -0
- package/dist/esm/components/VisuallyHidden/VisuallyHidden.stories.js +12 -0
- package/dist/esm/components/VisuallyHidden/VisuallyHidden.stories.js.map +1 -0
- package/dist/esm/hooks/useBreakpoint/useBreakpoint.stories.js +40 -0
- package/dist/esm/hooks/useBreakpoint/useBreakpoint.stories.js.map +1 -0
- package/dist/esm/tsconfig.esm.tsbuildinfo +1 -1
- package/dist/mobius.d.ts +11 -2
- package/package.json +2 -2
- package/src/components/Accordion/{Accordion.story.mdx → Accordion.mdx} +15 -96
- package/src/components/Accordion/Accordion.stories.tsx +87 -0
- package/src/components/Alert/{Alert.story.mdx → Alert.mdx} +5 -35
- package/src/components/Alert/Alert.stories.tsx +47 -0
- package/src/components/Box/{Box.story.mdx → Box.mdx} +5 -21
- package/src/components/Box/Box.stories.tsx +26 -0
- package/src/components/Breadcrumbs/{Breadcrumbs.story.mdx → Breadcrumbs.mdx} +15 -48
- package/src/components/Breadcrumbs/Breadcrumbs.stories.tsx +52 -0
- package/src/components/Button/Button.mdx +227 -0
- package/src/components/Button/Button.stories.tsx +225 -0
- package/src/components/Button/Button.story.styles.css +3 -0
- package/src/components/Checkbox/Checkbox.mdx +122 -0
- package/src/components/Checkbox/Checkbox.stories.tsx +122 -0
- package/src/components/Checkbox/{CheckboxGroup.story.mdx → CheckboxGroup.mdx} +12 -114
- package/src/components/Checkbox/CheckboxGroup.stories.tsx +109 -0
- package/src/components/Checkbox/types.ts +1 -1
- package/src/components/Chopin/Actions/{Actions.story.mdx → Actions.mdx} +17 -88
- package/src/components/Chopin/Actions/Actions.stories.tsx +81 -0
- package/src/components/Chopin/Footer/Footer.mdx +163 -0
- package/src/components/Chopin/Footer/Footer.stories.tsx +217 -0
- package/src/components/Chopin/Header/{Header.story.mdx → Header.mdx} +7 -47
- package/src/components/Chopin/Header/Header.stories.tsx +50 -0
- package/src/components/Chopin/PercentageTotalsQuestion/{PercentageTotalsQuestion.story.mdx → PercentageTotalsQuestion.mdx} +4 -36
- package/src/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.tsx +63 -0
- package/src/components/Chopin/Question/{Question.story.mdx → Question.mdx} +29 -227
- package/src/components/Chopin/Question/Question.stories.tsx +211 -0
- package/src/components/Chopin/QuestionGroup/QuestionGroup.mdx +149 -0
- package/src/components/Chopin/QuestionGroup/QuestionGroup.stories.tsx +187 -0
- package/src/components/Chopin/Section/{Section.story.mdx → Section.mdx} +6 -24
- package/src/components/Chopin/Section/Section.stories.tsx +30 -0
- package/src/components/Chopin/Steps/{Steps.story.mdx → Steps.mdx} +6 -20
- package/src/components/Chopin/Steps/Steps.stories.tsx +22 -0
- package/src/components/Chopin/Testimonial/{Testimonial.story.mdx → Testimonial.mdx} +4 -14
- package/src/components/Chopin/Testimonial/Testimonial.stories.tsx +23 -0
- package/src/components/Chopin/TradeSelector/{TradeSelector.story.mdx → TradeSelector.mdx} +14 -52
- package/src/components/Chopin/TradeSelector/TradeSelector.stories.tsx +67 -0
- package/src/components/Chopin/TradeSelector/TradeSelector.test.tsx +3 -0
- package/src/components/Container/{Container.story.mdx → Container.mdx} +4 -16
- package/src/components/Container/Container.stories.tsx +20 -0
- package/src/components/DataTable/{DataTable.story.mdx → DataTable.mdx} +10 -203
- package/src/components/DataTable/DataTable.stories.tsx +228 -0
- package/src/components/DatePicker/{DatePicker.story.mdx → DatePicker.mdx} +9 -29
- package/src/components/DatePicker/DatePicker.stories.tsx +32 -0
- package/src/components/Divider/{Divider.story.mdx → Divider.mdx} +4 -9
- package/src/components/Divider/Divider.stories.tsx +13 -0
- package/src/components/DropdownMenu/{DropdownMenu.story.mdx → DropdownMenu.mdx} +5 -39
- package/src/components/DropdownMenu/DropdownMenu.stories.tsx +84 -0
- package/src/components/DropdownMenu/DropdownMenu.story.styles.css +12 -0
- package/src/components/ErrorMessage/ErrorMessage.mdx +39 -0
- package/src/components/ErrorMessage/ErrorMessage.stories.tsx +24 -0
- package/src/components/Fieldset/{Fieldset.story.mdx → Fieldset.mdx} +5 -28
- package/src/components/Fieldset/Fieldset.stories.tsx +40 -0
- package/src/components/Flex/{Flex.story.mdx → Flex.mdx} +13 -150
- package/src/components/Flex/Flex.stories.tsx +182 -0
- package/src/components/Grid/{Grid.story.mdx → Grid.mdx} +78 -360
- package/src/components/Grid/Grid.stories.tsx +375 -0
- package/src/components/Grid/Grid.story.styles.css +4 -0
- package/src/components/Grid/Grid.tsx +16 -4
- package/src/components/Grid/Item.tsx +14 -2
- package/src/components/Icon/Icon.mdx +75 -0
- package/src/components/Icon/Icon.stories.tsx +50 -0
- package/src/components/Icon/types.ts +2 -0
- package/src/components/Image/{Image.story.mdx → Image.mdx} +4 -9
- package/src/components/Image/Image.stories.tsx +20 -0
- package/src/components/Label/{Label.story.mdx → Label.mdx} +4 -9
- package/src/components/Label/Label.stories.tsx +16 -0
- package/src/components/Link/{Link.story.mdx → Link.mdx} +8 -52
- package/src/components/Link/Link.stories.tsx +50 -0
- package/src/components/LinkButton/LinkButton.mdx +45 -0
- package/src/components/LinkButton/LinkButton.stories.tsx +61 -0
- package/src/components/List/{List.story.mdx → List.mdx} +18 -113
- package/src/components/List/List.stories.tsx +135 -0
- package/src/components/LoadingIndicator/LoadingIndicator.mdx +59 -0
- package/src/components/LoadingIndicator/LoadingIndicator.stories.tsx +59 -0
- package/src/components/LoadingIndicator/LoadingIndicator.tsx +2 -0
- package/src/components/MaskedField/{MaskedField.story.mdx → MaskedField.mdx} +11 -12
- package/src/components/MaskedField/MaskedField.stories.tsx +26 -0
- package/src/components/Modal/{Modal.story.mdx → Modal.mdx} +20 -84
- package/src/components/Modal/Modal.stories.tsx +181 -0
- package/src/components/NumberField/NumberField.mdx +104 -0
- package/src/components/NumberField/NumberField.stories.tsx +114 -0
- package/src/components/PasswordField/{PasswordField.story.mdx → PasswordField.mdx} +10 -49
- package/src/components/PasswordField/PasswordField.stories.tsx +36 -0
- package/src/components/Progress/Progress.mdx +83 -0
- package/src/components/Progress/Progress.stories.tsx +105 -0
- package/src/components/Radio/Radio.mdx +202 -0
- package/src/components/Radio/Radio.stories.tsx +202 -0
- package/src/components/Radio/{RadioButton.story.mdx → RadioButton.mdx} +15 -156
- package/src/components/Radio/RadioButton.stories.tsx +153 -0
- package/src/components/SVG/{SVG.story.mdx → SVG.mdx} +5 -10
- package/src/components/SVG/SVG.stories.tsx +29 -0
- package/src/components/SVG/SVG.test.tsx +3 -14
- package/src/components/Segment/{Segment.story.mdx → Segment.mdx} +79 -107
- package/src/components/Segment/Segment.stories.tsx +129 -0
- package/src/components/Select/{Select.story.mdx → Select.mdx} +25 -186
- package/src/components/Select/Select.stories.tsx +163 -0
- package/src/components/Slider/Slider.mdx +55 -0
- package/src/components/Slider/Slider.stories.tsx +82 -0
- package/src/components/Slider/Slider.tsx +5 -2
- package/src/components/Table/Table.mdx +74 -0
- package/src/components/Table/Table.stories.tsx +149 -0
- package/src/components/Text/{Text.story.mdx → Text.mdx} +20 -16
- package/src/components/Text/Text.stories.tsx +28 -0
- package/src/components/TextArea/TextArea.mdx +82 -0
- package/src/components/TextArea/TextArea.stories.tsx +89 -0
- package/src/components/TextField/TextField.mdx +122 -0
- package/src/components/TextField/TextField.stories.tsx +111 -0
- package/src/components/Title/{Title.story.mdx → Title.mdx} +4 -12
- package/src/components/Title/Title.stories.tsx +17 -0
- package/src/components/VisuallyHidden/{VisuallyHidden.story.mdx → VisuallyHidden.mdx} +4 -13
- package/src/components/VisuallyHidden/VisuallyHidden.stories.tsx +17 -0
- package/src/hooks/useBreakpoint/{useBreakpoint.story.mdx → useBreakpoint.mdx} +6 -47
- package/src/hooks/useBreakpoint/useBreakpoint.stories.tsx +61 -0
- package/src/components/Button/Button.story.mdx +0 -401
- package/src/components/Checkbox/Checkbox.story.mdx +0 -233
- package/src/components/Chopin/Footer/Footer.story.mdx +0 -368
- package/src/components/Chopin/QuestionGroup/QuestionGroup.story.mdx +0 -309
- package/src/components/ErrorMessage/ErrorMessage.story.mdx +0 -57
- package/src/components/Icon/Icon.story.mdx +0 -175
- package/src/components/LinkButton/LinkButton.story.mdx +0 -96
- package/src/components/LoadingIndicator/LoadingIndicator.story.mdx +0 -96
- package/src/components/NumberField/NumberField.story.mdx +0 -193
- package/src/components/Progress/Progress.story.mdx +0 -172
- package/src/components/Radio/Radio.story.mdx +0 -402
- package/src/components/Slider/Slider.story.mdx +0 -130
- package/src/components/Table/Table.story.mdx +0 -213
- package/src/components/TextArea/TextArea.story.mdx +0 -172
- package/src/components/TextField/TextField.story.mdx +0 -232
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type { Meta } from "@storybook/react";
|
|
2
|
+
import { RadioGroup } from "./RadioGroup";
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("../..").ForwardedRefComponent<import("./RadioButton").RadioButtonProps, HTMLInputElement>;
|
|
6
|
+
argTypes: {
|
|
7
|
+
orientation: {
|
|
8
|
+
control: {
|
|
9
|
+
type: string;
|
|
10
|
+
};
|
|
11
|
+
options: string[];
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
export default _default;
|
|
16
|
+
export declare const Normal: Meta<typeof RadioGroup>;
|
|
17
|
+
export declare const ControlledValue: Meta<typeof RadioGroup>;
|
|
18
|
+
export declare const LabelProp: Meta<typeof RadioGroup>;
|
|
19
|
+
export declare const Selected: Meta<typeof RadioGroup>;
|
|
20
|
+
export declare const Disabled: Meta<typeof RadioGroup>;
|
|
21
|
+
export declare const VerticalOrientation: Meta<typeof RadioGroup>;
|
|
22
|
+
export declare const IconButtons: Meta<typeof RadioGroup>;
|
|
23
|
+
export declare const CircularButtons: Meta<typeof RadioGroup>;
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CircularButtons = exports.IconButtons = exports.VerticalOrientation = exports.Disabled = exports.Selected = exports.LabelProp = exports.ControlledValue = exports.Normal = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const RadioButton_1 = require("./RadioButton");
|
|
6
|
+
const RadioGroup_1 = require("./RadioGroup");
|
|
7
|
+
const Icon_1 = require("../Icon");
|
|
8
|
+
const excludeControls_1 = require("../../utils/excludeControls");
|
|
9
|
+
exports.default = {
|
|
10
|
+
title: "Forms/RadioButton",
|
|
11
|
+
component: RadioButton_1.RadioButton,
|
|
12
|
+
argTypes: Object.assign({ orientation: {
|
|
13
|
+
control: { type: "radio" },
|
|
14
|
+
options: ["horizontal", "vertical"],
|
|
15
|
+
} }, (0, excludeControls_1.excludeControls)("className", "children")),
|
|
16
|
+
};
|
|
17
|
+
exports.Normal = {
|
|
18
|
+
render: (args) => ((0, jsx_runtime_1.jsxs)(RadioGroup_1.RadioGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, Object.assign({ value: "red" }, { children: "Red" })), (0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, Object.assign({ value: "blue" }, { children: "Blue" }))] }))),
|
|
19
|
+
args: {
|
|
20
|
+
label: "Color",
|
|
21
|
+
orientation: "horizontal",
|
|
22
|
+
isDisabled: false,
|
|
23
|
+
defaultValue: "blue",
|
|
24
|
+
},
|
|
25
|
+
};
|
|
26
|
+
exports.ControlledValue = {
|
|
27
|
+
render: (args) => ((0, jsx_runtime_1.jsxs)(RadioGroup_1.RadioGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, Object.assign({ value: "red" }, { children: "Red" })), (0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, Object.assign({ value: "blue" }, { children: "Blue" }))] }))),
|
|
28
|
+
args: {
|
|
29
|
+
label: "Color",
|
|
30
|
+
orientation: "horizontal",
|
|
31
|
+
isDisabled: false,
|
|
32
|
+
value: "blue",
|
|
33
|
+
},
|
|
34
|
+
};
|
|
35
|
+
exports.LabelProp = {
|
|
36
|
+
render: (args) => ((0, jsx_runtime_1.jsxs)(RadioGroup_1.RadioGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, { value: "red", label: "Red" }), (0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, { value: "blue", label: "Blue" })] }))),
|
|
37
|
+
args: {
|
|
38
|
+
label: "Color",
|
|
39
|
+
orientation: "horizontal",
|
|
40
|
+
isDisabled: false,
|
|
41
|
+
},
|
|
42
|
+
};
|
|
43
|
+
exports.Selected = {
|
|
44
|
+
render: (args) => ((0, jsx_runtime_1.jsxs)(RadioGroup_1.RadioGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, { value: "red", label: "Red" }), (0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, { value: "blue", label: "Blue" })] }))),
|
|
45
|
+
args: {
|
|
46
|
+
label: "Color",
|
|
47
|
+
defaultValue: "red",
|
|
48
|
+
orientation: "horizontal",
|
|
49
|
+
isDisabled: false,
|
|
50
|
+
},
|
|
51
|
+
argTypes: {
|
|
52
|
+
value: {
|
|
53
|
+
control: { type: "radio" },
|
|
54
|
+
options: ["red", "blue"],
|
|
55
|
+
},
|
|
56
|
+
},
|
|
57
|
+
};
|
|
58
|
+
exports.Disabled = {
|
|
59
|
+
render: (args) => ((0, jsx_runtime_1.jsxs)(RadioGroup_1.RadioGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, { value: "red", label: "Red" }), (0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, { value: "blue", label: "Blue" })] }))),
|
|
60
|
+
args: {
|
|
61
|
+
label: "Color",
|
|
62
|
+
orientation: "horizontal",
|
|
63
|
+
isDisabled: true,
|
|
64
|
+
},
|
|
65
|
+
};
|
|
66
|
+
exports.VerticalOrientation = {
|
|
67
|
+
render: (args) => ((0, jsx_runtime_1.jsxs)(RadioGroup_1.RadioGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, { value: "red", label: "Red" }), (0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, { value: "blue", label: "Blue" })] }))),
|
|
68
|
+
args: {
|
|
69
|
+
label: "Color",
|
|
70
|
+
orientation: "vertical",
|
|
71
|
+
isDisabled: false,
|
|
72
|
+
},
|
|
73
|
+
};
|
|
74
|
+
exports.IconButtons = {
|
|
75
|
+
render: (args) => ((0, jsx_runtime_1.jsxs)(RadioGroup_1.RadioGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, Object.assign({ value: "sole_trader", label: "Sole Trader" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "user", fontSize: "28px" }) })), (0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, Object.assign({ value: "partnership", label: "Partnership" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "star", fontSize: "28px" }) })), (0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, Object.assign({ value: "company", label: "Ltd Company" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "menu", fontSize: "28px" }) }))] }))),
|
|
76
|
+
args: {
|
|
77
|
+
label: "Business Type",
|
|
78
|
+
orientation: "horizontal",
|
|
79
|
+
isDisabled: false,
|
|
80
|
+
},
|
|
81
|
+
};
|
|
82
|
+
exports.CircularButtons = {
|
|
83
|
+
render: (args) => ((0, jsx_runtime_1.jsxs)(RadioGroup_1.RadioGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, Object.assign({ value: "sole_trader", label: "Sole Trader" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "user", fontSize: "28px" }) })), (0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, Object.assign({ value: "partnership", label: "Partnership" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "star", fontSize: "28px" }) })), (0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, Object.assign({ value: "company", label: "Ltd Company" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "menu", fontSize: "28px" }) }))] }))),
|
|
84
|
+
args: {
|
|
85
|
+
label: "Business Type",
|
|
86
|
+
orientation: "horizontal",
|
|
87
|
+
circular: true,
|
|
88
|
+
isDisabled: false,
|
|
89
|
+
},
|
|
90
|
+
};
|
|
91
|
+
//# sourceMappingURL=RadioButton.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioButton.stories.js","sourceRoot":"","sources":["../../../../src/components/Radio/RadioButton.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta } from "@storybook/react";
|
|
2
|
+
import { SVG, SVGProps } from "./SVG";
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("../..").ForwardedRefComponent<SVGProps, SVGSVGElement>;
|
|
6
|
+
argTypes: {};
|
|
7
|
+
};
|
|
8
|
+
export default _default;
|
|
9
|
+
export declare const Normal: Meta<typeof SVG>;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Normal = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const SVG_1 = require("./SVG");
|
|
6
|
+
const excludeControls_1 = require("../../utils/excludeControls");
|
|
7
|
+
const Star = ((0, jsx_runtime_1.jsx)("svg", Object.assign({ viewBox: "0 0 51 48" }, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: "#000", d: "m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z" }) })));
|
|
8
|
+
exports.default = {
|
|
9
|
+
title: "Components/SVG",
|
|
10
|
+
component: SVG_1.SVG,
|
|
11
|
+
argTypes: (0, excludeControls_1.excludeControls)("className"),
|
|
12
|
+
};
|
|
13
|
+
exports.Normal = {
|
|
14
|
+
render: (args) => (0, jsx_runtime_1.jsx)(SVG_1.SVG, Object.assign({}, args, { children: Star })),
|
|
15
|
+
args: {
|
|
16
|
+
style: {
|
|
17
|
+
width: 75,
|
|
18
|
+
height: 75,
|
|
19
|
+
},
|
|
20
|
+
},
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=SVG.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SVG.stories.js","sourceRoot":"","sources":["../../../../src/components/SVG/SVG.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAsC;AACtC,iEAA8D;AAE9D,MAAM,IAAI,GAAG,CACX,8CAAK,OAAO,EAAC,WAAW,gBACtB,iCACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,MAAM,EACb,CAAC,EAAC,sDAAsD,GACxD,IACE,CACP,CAAC;AAEF,kBAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,SAAG;IACd,QAAQ,EAAE,IAAA,iCAAe,EAAC,WAAW,CAAC;CACvC,CAAC;AAEW,QAAA,MAAM,GAAqB;IACtC,MAAM,EAAE,CAAC,IAAc,EAAE,EAAE,CAAC,uBAAC,SAAG,oBAAK,IAAI,cAAG,IAAI,IAAO;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;SACX;KACF;CACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SVG.test.js","sourceRoot":"","sources":["../../../../src/components/SVG/SVG.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAwD;AACxD,wBAAwB;AAExB,MAAM,UAAU,GAAG,YAAY,CAAC;AAEhC,MAAM,QAAQ,GAAG,CACf,8CAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,cAAc,gBAC5D,iCAAM,CAAC,EAAC,kwKAAkwK,GAAG,IACzwK,CACP,CAAC;AAEF,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,IAAA,cAAM,EAAC,uBAAC,MAAG,cAAE,QAAQ,GAAO,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACxC,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;YAC3B,IAAA,cAAM,
|
|
1
|
+
{"version":3,"file":"SVG.test.js","sourceRoot":"","sources":["../../../../src/components/SVG/SVG.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAwD;AACxD,wBAAwB;AAExB,MAAM,UAAU,GAAG,YAAY,CAAC;AAEhC,MAAM,QAAQ,GAAG,CACf,8CAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,cAAc,gBAC5D,iCAAM,CAAC,EAAC,kwKAAkwK,GAAG,IACzwK,CACP,CAAC;AAEF,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,IAAA,cAAM,EAAC,uBAAC,MAAG,cAAE,QAAQ,GAAO,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACxC,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;YAC3B,IAAA,cAAM,EAAC,uBAAC,MAAG,iCAAa,MAAM,gBAAE,QAAQ,IAAO,CAAC,CAAC;YACjD,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YAChC,IAAA,cAAM,EAAC,uBAAC,MAAG,iCAAa,MAAM,gBAAE,QAAQ,IAAO,CAAC,CAAC;YACjD,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;YACpC,IAAA,cAAM,EACJ,uBAAC,MAAG,iCAAa,MAAM,EAAC,SAAS,EAAC,UAAU,gBACzC,QAAQ,IACL,CACP,CAAC;YACF,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAC3D,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { Meta } from "@storybook/react";
|
|
3
|
+
import { Segment, SegmentProps } from "./Segment";
|
|
4
|
+
import { SegmentGroup } from "./SegmentGroup";
|
|
5
|
+
declare const _default: {
|
|
6
|
+
title: string;
|
|
7
|
+
component: {
|
|
8
|
+
(props: SegmentProps): JSX.Element;
|
|
9
|
+
displayName: string;
|
|
10
|
+
};
|
|
11
|
+
argTypes: {
|
|
12
|
+
colour: {
|
|
13
|
+
control: {
|
|
14
|
+
type: string;
|
|
15
|
+
};
|
|
16
|
+
options: string[];
|
|
17
|
+
};
|
|
18
|
+
inverted: {
|
|
19
|
+
control: {
|
|
20
|
+
type: string;
|
|
21
|
+
};
|
|
22
|
+
if: {
|
|
23
|
+
arg: string;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
export default _default;
|
|
29
|
+
export declare const Single: Meta<typeof Segment>;
|
|
30
|
+
export declare const VerticalStack: Meta<typeof Segment>;
|
|
31
|
+
export declare const HorizontalStack: Meta<typeof SegmentGroup>;
|
|
32
|
+
export declare const Nested: Meta<typeof Segment>;
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Nested = exports.HorizontalStack = exports.VerticalStack = exports.Single = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const Segment_1 = require("./Segment");
|
|
6
|
+
const SegmentGroup_1 = require("./SegmentGroup");
|
|
7
|
+
const __1 = require("..");
|
|
8
|
+
const excludeControls_1 = require("../../utils/excludeControls");
|
|
9
|
+
const sizeOptions = [
|
|
10
|
+
"",
|
|
11
|
+
"size-10",
|
|
12
|
+
"size-20",
|
|
13
|
+
"size-30",
|
|
14
|
+
"size-40",
|
|
15
|
+
"size-50",
|
|
16
|
+
"size-60",
|
|
17
|
+
"size-70",
|
|
18
|
+
"size-80",
|
|
19
|
+
];
|
|
20
|
+
exports.default = {
|
|
21
|
+
title: "Layout/Segment",
|
|
22
|
+
component: Segment_1.Segment,
|
|
23
|
+
argTypes: Object.assign({ colour: {
|
|
24
|
+
control: { type: "select" },
|
|
25
|
+
options: ["", "primary", "secondary", "grey", "subtle"],
|
|
26
|
+
}, inverted: {
|
|
27
|
+
control: { type: "boolean" },
|
|
28
|
+
if: {
|
|
29
|
+
arg: "colour",
|
|
30
|
+
},
|
|
31
|
+
} }, (0, excludeControls_1.excludeControls)("className")),
|
|
32
|
+
};
|
|
33
|
+
exports.Single = {
|
|
34
|
+
render: (args) => ((0, jsx_runtime_1.jsxs)(Segment_1.Segment, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsxs)(__1.Flex, Object.assign({ style: {
|
|
35
|
+
width: "100%",
|
|
36
|
+
}, justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsx)(__1.Text, { children: "General liability*" }), (0, jsx_runtime_1.jsx)(__1.Text, { children: "$300.00" })] })), (0, jsx_runtime_1.jsxs)(__1.Flex, Object.assign({ style: {
|
|
37
|
+
width: "100%",
|
|
38
|
+
}, justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsx)(__1.Text, { children: "Contractor\u2018s equipment and small tools" }), (0, jsx_runtime_1.jsx)(__1.Text, { children: "$80.00" })] })), (0, jsx_runtime_1.jsxs)(__1.Flex, Object.assign({ style: {
|
|
39
|
+
width: "100%",
|
|
40
|
+
}, justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsx)(__1.Text, { children: "Cyber insurance" }), (0, jsx_runtime_1.jsx)(__1.Text, { children: "$250.00" })] }))] }))),
|
|
41
|
+
args: {
|
|
42
|
+
heading: "Today's Payment",
|
|
43
|
+
inverted: false,
|
|
44
|
+
},
|
|
45
|
+
};
|
|
46
|
+
exports.VerticalStack = {
|
|
47
|
+
render: (args) => ((0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, { children: [(0, jsx_runtime_1.jsx)(Segment_1.Segment, Object.assign({}, args, { children: "Item" })), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" })] })),
|
|
48
|
+
args: {
|
|
49
|
+
heading: "",
|
|
50
|
+
inverted: true,
|
|
51
|
+
},
|
|
52
|
+
};
|
|
53
|
+
exports.HorizontalStack = {
|
|
54
|
+
render: (args) => ((0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" })] }))),
|
|
55
|
+
args: {
|
|
56
|
+
horizontal: true,
|
|
57
|
+
margin: "size-20",
|
|
58
|
+
},
|
|
59
|
+
argTypes: {
|
|
60
|
+
margin: {
|
|
61
|
+
control: { type: "select" },
|
|
62
|
+
options: [...sizeOptions],
|
|
63
|
+
},
|
|
64
|
+
},
|
|
65
|
+
parameters: {
|
|
66
|
+
controls: {
|
|
67
|
+
exclude: ["heading", "colour"],
|
|
68
|
+
},
|
|
69
|
+
},
|
|
70
|
+
};
|
|
71
|
+
exports.Nested = {
|
|
72
|
+
render: (args) => ((0, jsx_runtime_1.jsx)(Segment_1.Segment, Object.assign({}, args, { children: (0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, { children: [(0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" })] }) }))),
|
|
73
|
+
args: {
|
|
74
|
+
heading: "Today's Payment",
|
|
75
|
+
inverted: false,
|
|
76
|
+
},
|
|
77
|
+
};
|
|
78
|
+
//# sourceMappingURL=Segment.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Segment.stories.js","sourceRoot":"","sources":["../../../../src/components/Segment/Segment.stories.tsx"],"names":[],"mappings":";;;;AACA,uCAAkD;AAClD,iDAAiE;AACjE,0BAAgC;AAChC,iEAA8D;AAE9D,MAAM,WAAW,GAAG;IAClB,EAAE;IACF,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACV,CAAC;AAEF,kBAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,iBAAO;IAElB,QAAQ,kBACN,MAAM,EAAE;YACN,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC;SACxD,EACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;YAC5B,EAAE,EAAE;gBACF,GAAG,EAAE,QAAQ;aACd;SACF,IACE,IAAA,iCAAe,EAAC,WAAW,CAAC,CAChC;CACF,CAAC;AAEW,QAAA,MAAM,GAAyB;IAC1C,MAAM,EAAE,CAAC,IAAkB,EAAE,EAAE,CAAC,CAC9B,wBAAC,iBAAO,oBAAK,IAAI,eACf,wBAAC,QAAI,kBACH,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;iBACd,EACD,cAAc,EAAC,eAAe,iBAE9B,uBAAC,QAAI,qCAA0B,EAC/B,uBAAC,QAAI,0BAAe,KACf,EACP,wBAAC,QAAI,kBACH,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;iBACd,EACD,cAAc,EAAC,eAAe,iBAE9B,uBAAC,QAAI,8DAAoD,EACzD,uBAAC,QAAI,yBAAc,KACd,EACP,wBAAC,QAAI,kBACH,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;iBACd,EACD,cAAc,EAAC,eAAe,iBAE9B,uBAAC,QAAI,kCAAuB,EAC5B,uBAAC,QAAI,0BAAe,KACf,KACC,CACX;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,iBAAiB;QAC1B,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEW,QAAA,aAAa,GAAyB;IACjD,MAAM,EAAE,CAAC,IAAkB,EAAE,EAAE,CAAC,CAC9B,wBAAC,2BAAY,eACX,uBAAC,iBAAO,oBAAK,IAAI,wBAAgB,EACjC,uBAAC,iBAAO,uBAAe,EACvB,uBAAC,iBAAO,uBAAe,IACV,CAChB;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,EAAE;QACX,QAAQ,EAAE,IAAI;KACf;CACF,CAAC;AAEW,QAAA,eAAe,GAA8B;IACxD,MAAM,EAAE,CAAC,IAAuB,EAAE,EAAE,CAAC,CACnC,wBAAC,2BAAY,oBAAK,IAAI,eACpB,uBAAC,iBAAO,uBAAe,EACvB,uBAAC,iBAAO,uBAAe,EACvB,uBAAC,iBAAO,uBAAe,KACV,CAChB;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,IAAI;QAChB,MAAM,EAAE,SAAS;KAClB;IACD,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,GAAG,WAAW,CAAC;SAC1B;KACF;IACD,UAAU,EAAE;QACV,QAAQ,EAAE;YACR,OAAO,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;SAC/B;KACF;CACF,CAAC;AAEW,QAAA,MAAM,GAAyB;IAC1C,MAAM,EAAE,CAAC,IAAkB,EAAE,EAAE,CAAC,CAC9B,uBAAC,iBAAO,oBAAK,IAAI,cACf,wBAAC,2BAAY,eACX,uBAAC,iBAAO,uBAAe,EACvB,uBAAC,iBAAO,uBAAe,EACvB,uBAAC,iBAAO,uBAAe,IACV,IACP,CACX;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,iBAAiB;QAC1B,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import type { Meta } from "@storybook/react";
|
|
2
|
+
import { Select, SelectProps } from "./Select";
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("../..").ForwardedRefComponent<SelectProps, HTMLSelectElement>;
|
|
6
|
+
argTypes: {
|
|
7
|
+
validationState: {
|
|
8
|
+
options: string[];
|
|
9
|
+
control: {
|
|
10
|
+
type: string;
|
|
11
|
+
};
|
|
12
|
+
mapping: {
|
|
13
|
+
valid: string;
|
|
14
|
+
invalid: string;
|
|
15
|
+
neither: string;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
value: {
|
|
19
|
+
control: {
|
|
20
|
+
type: string;
|
|
21
|
+
};
|
|
22
|
+
options: string[];
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
export default _default;
|
|
27
|
+
export declare const Normal: Meta<typeof Select>;
|
|
28
|
+
export declare const ControlledValue: Meta<typeof Select>;
|
|
29
|
+
export declare const Disabled: Meta<typeof Select>;
|
|
30
|
+
export declare const Valid: Meta<typeof Select>;
|
|
31
|
+
export declare const Invalid: Meta<typeof Select>;
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Invalid = exports.Valid = exports.Disabled = exports.ControlledValue = exports.Normal = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const Select_1 = require("./Select");
|
|
6
|
+
const Option_1 = require("../Option");
|
|
7
|
+
const excludeControls_1 = require("../../utils/excludeControls");
|
|
8
|
+
exports.default = {
|
|
9
|
+
title: "Forms/Select",
|
|
10
|
+
component: Select_1.Select,
|
|
11
|
+
argTypes: Object.assign({ validationState: {
|
|
12
|
+
options: ["valid", "invalid", "neither"],
|
|
13
|
+
control: { type: "radio" },
|
|
14
|
+
mapping: {
|
|
15
|
+
valid: "valid",
|
|
16
|
+
invalid: "invalid",
|
|
17
|
+
neither: "",
|
|
18
|
+
},
|
|
19
|
+
}, value: {
|
|
20
|
+
control: { type: "select" },
|
|
21
|
+
options: ["", "red", "blue", "green"],
|
|
22
|
+
} }, (0, excludeControls_1.excludeControls)("className", "onChange", "aria-describedby")),
|
|
23
|
+
};
|
|
24
|
+
exports.Normal = {
|
|
25
|
+
render: (args) => ((0, jsx_runtime_1.jsxs)(Select_1.Select, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Option_1.Option, Object.assign({ value: "", isDisabled: true }, { children: "Please select a color" }), "none"), (0, jsx_runtime_1.jsx)(Option_1.Option, Object.assign({ value: "red" }, { children: "Red" }), "red"), (0, jsx_runtime_1.jsx)(Option_1.Option, Object.assign({ value: "blue" }, { children: "Blue" }), "blue"), (0, jsx_runtime_1.jsx)(Option_1.Option, Object.assign({ value: "green" }, { children: "Green" }), "green")] }))),
|
|
26
|
+
args: {
|
|
27
|
+
name: "color",
|
|
28
|
+
label: "Colors",
|
|
29
|
+
defaultValue: "",
|
|
30
|
+
errorMessage: "",
|
|
31
|
+
isDisabled: false,
|
|
32
|
+
isRequired: false,
|
|
33
|
+
},
|
|
34
|
+
};
|
|
35
|
+
exports.ControlledValue = {
|
|
36
|
+
render: (args) => ((0, jsx_runtime_1.jsxs)(Select_1.Select, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Option_1.Option, Object.assign({ value: "", isDisabled: true }, { children: "Please select a color" }), "none"), (0, jsx_runtime_1.jsx)(Option_1.Option, Object.assign({ value: "red" }, { children: "Red" }), "red"), (0, jsx_runtime_1.jsx)(Option_1.Option, Object.assign({ value: "blue" }, { children: "Blue" }), "blue"), (0, jsx_runtime_1.jsx)(Option_1.Option, Object.assign({ value: "green" }, { children: "Green" }), "green")] }))),
|
|
37
|
+
args: {
|
|
38
|
+
name: "color",
|
|
39
|
+
label: "Colors",
|
|
40
|
+
value: "green",
|
|
41
|
+
errorMessage: "",
|
|
42
|
+
defaultValue: "",
|
|
43
|
+
isDisabled: false,
|
|
44
|
+
isRequired: false,
|
|
45
|
+
},
|
|
46
|
+
};
|
|
47
|
+
exports.Disabled = {
|
|
48
|
+
render: (args) => ((0, jsx_runtime_1.jsxs)(Select_1.Select, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Option_1.Option, Object.assign({ value: "", isDisabled: true }, { children: "Please select a color" }), "none"), (0, jsx_runtime_1.jsx)(Option_1.Option, Object.assign({ value: "red" }, { children: "Red" }), "red"), (0, jsx_runtime_1.jsx)(Option_1.Option, Object.assign({ value: "blue" }, { children: "Blue" }), "blue"), (0, jsx_runtime_1.jsx)(Option_1.Option, Object.assign({ value: "green" }, { children: "Green" }), "green")] }))),
|
|
49
|
+
args: {
|
|
50
|
+
name: "color",
|
|
51
|
+
label: "Colors",
|
|
52
|
+
defaultValue: "green",
|
|
53
|
+
errorMessage: "",
|
|
54
|
+
isDisabled: true,
|
|
55
|
+
isRequired: false,
|
|
56
|
+
},
|
|
57
|
+
};
|
|
58
|
+
exports.Valid = {
|
|
59
|
+
render: (args) => ((0, jsx_runtime_1.jsxs)(Select_1.Select, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Option_1.Option, Object.assign({ value: "", isDisabled: true }, { children: "Please select a color" }), "none"), (0, jsx_runtime_1.jsx)(Option_1.Option, Object.assign({ value: "red" }, { children: "Red" }), "red"), (0, jsx_runtime_1.jsx)(Option_1.Option, Object.assign({ value: "blue" }, { children: "Blue" }), "blue"), (0, jsx_runtime_1.jsx)(Option_1.Option, Object.assign({ value: "green" }, { children: "Green" }), "green")] }))),
|
|
60
|
+
args: {
|
|
61
|
+
name: "color",
|
|
62
|
+
label: "Colors",
|
|
63
|
+
defaultValue: "green",
|
|
64
|
+
validationState: "valid",
|
|
65
|
+
errorMessage: "",
|
|
66
|
+
isDisabled: false,
|
|
67
|
+
isRequired: false,
|
|
68
|
+
},
|
|
69
|
+
};
|
|
70
|
+
exports.Invalid = {
|
|
71
|
+
render: (args) => ((0, jsx_runtime_1.jsxs)(Select_1.Select, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Option_1.Option, Object.assign({ value: "", isDisabled: true }, { children: "Please select a color" }), "none"), (0, jsx_runtime_1.jsx)(Option_1.Option, Object.assign({ value: "red" }, { children: "Red" }), "red"), (0, jsx_runtime_1.jsx)(Option_1.Option, Object.assign({ value: "blue" }, { children: "Blue" }), "blue"), (0, jsx_runtime_1.jsx)(Option_1.Option, Object.assign({ value: "green" }, { children: "Green" }), "green")] }))),
|
|
72
|
+
args: {
|
|
73
|
+
name: "color",
|
|
74
|
+
label: "Colors",
|
|
75
|
+
defaultValue: "green",
|
|
76
|
+
validationState: "invalid",
|
|
77
|
+
errorMessage: "Unacceptable color",
|
|
78
|
+
isDisabled: false,
|
|
79
|
+
isRequired: false,
|
|
80
|
+
},
|
|
81
|
+
};
|
|
82
|
+
//# sourceMappingURL=Select.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.stories.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { SliderProps as SpectrumSliderProps } from "@react-types/slider";
|
|
3
|
-
import { DOMProps } from "@react-types/shared";
|
|
4
|
-
export interface SliderProps extends SpectrumSliderProps<number>, DOMProps {
|
|
3
|
+
import { DOMProps, AriaLabelingProps } from "@react-types/shared";
|
|
4
|
+
export interface SliderProps extends SpectrumSliderProps<number>, DOMProps, AriaLabelingProps {
|
|
5
5
|
variant?: "primary" | "secondary";
|
|
6
6
|
className?: string;
|
|
7
7
|
onChange?: (value: number | undefined) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;AAEb,iCAA+B;AAC/B,+CAA+C;AAE/C,kDAAuD;AACvD,2CAAsD;AACtD,gDAAwB;AAExB,mCAAsC;AACtC,oCAAiC;AACjC,uCAAiE;
|
|
1
|
+
{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;AAEb,iCAA+B;AAC/B,+CAA+C;AAE/C,kDAAuD;AACvD,2CAAsD;AACtD,gDAAwB;AAExB,mCAAsC;AACtC,oCAAiC;AACjC,uCAAiE;AAejE,SAAgB,MAAM,CAAC,KAAkB;IACvC,MAAM,EACJ,SAAS,EACT,KAAK,EACL,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,WAAW,EACX,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,UAAU,GAAG,KAAK,GACnB,GAAG,KAAK,CAAC;IACV,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC9B,MAAM,eAAe,GAAG,IAAA,yBAAkB,EAAC,aAAa,CAAC,CAAC;IAE1D,MAAM,YAAY,GAAG,IAAA,yBAAe,EAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,mBAAmB,GAAG,IAAA,yBAAe,EAAC,YAAY,CAAC,CAAC;IAE1D,MAAM,iBAAiB,GAAG,IAAA,6BAAmB,EAAC,QAAQ,CAAC,CAAC;IACxD,MAAM,oBAAoB,GAAG,IAAA,6BAAmB,EAAC,WAAW,CAAC,CAAC;IAE9D,MAAM,KAAK,GAAG,IAAA,uBAAc,kCACvB,KAAK,KACR,KAAK,EAAE,YAAY,EACnB,YAAY,EAAE,mBAAmB,EACjC,QAAQ,EAAE,iBAAiB,EAC3B,WAAW,EAAE,oBAAoB,EACjC,eAAe;QACf,UAAU,IACV,CAAC;IAEH,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAS,kCAE9D,KAAK,KACR,KAAK,EAAE,YAAY,EACnB,YAAY,EAAE,mBAAmB,EACjC,QAAQ,EAAE,iBAAiB,EAC3B,WAAW,EAAE,oBAAoB,KAEnC,KAAK,EACL,QAAQ,CACT,CAAC;IACF,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,eAAe,EAAE,SAAS,EAAE;QACzD,eAAe,EAAE,UAAU;QAC3B,cAAc,EAAE,OAAO,KAAK,SAAS;QACrC,gBAAgB,EAAE,OAAO,KAAK,WAAW;KAC1C,CAAC,CAAC;IAEH,OAAO,CACL,iDAAS,UAAU,IAAE,SAAS,EAAE,OAAO,iBAErC,+CAAK,SAAS,EAAC,2BAA2B,iBACvC,KAAK,IAAI,uBAAC,aAAK,oBAAK,UAAU,cAAG,KAAK,IAAS,EAC/C,KAAK,IAAI,CACR,mDACM,WAAW,IACf,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,gBAE5C,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,IACrB,CACV,KACG,EAEN,iDACM,UAAU,IACd,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,kCAAkC,iBAE5C,gCAAK,SAAS,EAAC,oBAAoB,GAAG,EACtC,uBAAC,mBAAW,IAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,KACvD,EACN,+CAAK,SAAS,EAAC,qBAAqB,iBAClC,8CAAK,SAAS,EAAC,uBAAuB,iBAAa,WAAW,gBAC3D,QAAQ,IACL,EACN,8CAAK,SAAS,EAAC,uBAAuB,iBAAa,WAAW,gBAC3D,QAAQ,IACL,KACF,KACF,CACP,CAAC;AACJ,CAAC;AAnFD,wBAmFC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { Meta } from "@storybook/react";
|
|
2
|
+
import { Slider } from "./Slider";
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof Slider;
|
|
6
|
+
argTypes: {};
|
|
7
|
+
};
|
|
8
|
+
export default _default;
|
|
9
|
+
export declare const Primary: Meta<typeof Slider>;
|
|
10
|
+
export declare const Secondary: Meta<typeof Slider>;
|
|
11
|
+
export declare const NoLabel: Meta<typeof Slider>;
|
|
12
|
+
export declare const Disabled: Meta<typeof Slider>;
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Disabled = exports.NoLabel = exports.Secondary = exports.Primary = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const Slider_1 = require("./Slider");
|
|
6
|
+
const excludeControls_1 = require("../../utils/excludeControls");
|
|
7
|
+
exports.default = {
|
|
8
|
+
title: "Components/Slider",
|
|
9
|
+
component: Slider_1.Slider,
|
|
10
|
+
// Note: minValue, maxValue, defaultValue only work with certain settings.
|
|
11
|
+
argTypes: Object.assign({}, (0, excludeControls_1.excludeControls)("className", "onChange", "onChangeEnd", "formatOptions", "minValue", "maxValue", "defaultValue")),
|
|
12
|
+
};
|
|
13
|
+
exports.Primary = {
|
|
14
|
+
render: (args) => (0, jsx_runtime_1.jsx)(Slider_1.Slider, Object.assign({}, args)),
|
|
15
|
+
args: {
|
|
16
|
+
label: "Tools value",
|
|
17
|
+
minValue: 20,
|
|
18
|
+
maxValue: 500,
|
|
19
|
+
defaultValue: 100,
|
|
20
|
+
variant: "primary",
|
|
21
|
+
minLabel: "",
|
|
22
|
+
maxLabel: "",
|
|
23
|
+
isDisabled: false,
|
|
24
|
+
},
|
|
25
|
+
};
|
|
26
|
+
exports.Secondary = {
|
|
27
|
+
render: (args) => (0, jsx_runtime_1.jsx)(Slider_1.Slider, Object.assign({}, args)),
|
|
28
|
+
args: {
|
|
29
|
+
label: "Tools value",
|
|
30
|
+
minValue: 20,
|
|
31
|
+
maxValue: 500,
|
|
32
|
+
defaultValue: 100,
|
|
33
|
+
variant: "secondary",
|
|
34
|
+
minLabel: "",
|
|
35
|
+
maxLabel: "",
|
|
36
|
+
isDisabled: false,
|
|
37
|
+
},
|
|
38
|
+
};
|
|
39
|
+
exports.NoLabel = {
|
|
40
|
+
render: (args) => (0, jsx_runtime_1.jsx)(Slider_1.Slider, Object.assign({}, args)),
|
|
41
|
+
args: {
|
|
42
|
+
label: "",
|
|
43
|
+
"aria-label": "Tools value",
|
|
44
|
+
minValue: 20,
|
|
45
|
+
maxValue: 500,
|
|
46
|
+
variant: "primary",
|
|
47
|
+
defaultValue: 100,
|
|
48
|
+
minLabel: "",
|
|
49
|
+
maxLabel: "",
|
|
50
|
+
isDisabled: false,
|
|
51
|
+
},
|
|
52
|
+
};
|
|
53
|
+
exports.Disabled = {
|
|
54
|
+
render: (args) => (0, jsx_runtime_1.jsx)(Slider_1.Slider, Object.assign({}, args)),
|
|
55
|
+
args: {
|
|
56
|
+
label: "Tools value",
|
|
57
|
+
minValue: 20,
|
|
58
|
+
maxValue: 500,
|
|
59
|
+
variant: "primary",
|
|
60
|
+
defaultValue: 100,
|
|
61
|
+
minLabel: "",
|
|
62
|
+
maxLabel: "",
|
|
63
|
+
isDisabled: true,
|
|
64
|
+
},
|
|
65
|
+
};
|
|
66
|
+
//# sourceMappingURL=Slider.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Slider.stories.js","sourceRoot":"","sources":["../../../../src/components/Slider/Slider.stories.tsx"],"names":[],"mappings":";;;;AACA,qCAA+C;AAC/C,iEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,eAAM;IACjB,0EAA0E;IAC1E,QAAQ,oBAMD,IAAA,iCAAe,EAChB,WAAW,EACX,UAAU,EACV,aAAa,EACb,eAAe,EACf,UAAU,EACV,UAAU,EACV,cAAc,CACf,CACF;CACJ,CAAC;AAEW,QAAA,OAAO,GAAwB;IAC1C,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,uBAAC,eAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,GAAG;QACb,YAAY,EAAE,GAAG;QACjB,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEW,QAAA,SAAS,GAAwB;IAC5C,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,uBAAC,eAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,GAAG;QACb,YAAY,EAAE,GAAG;QACjB,OAAO,EAAE,WAAW;QACpB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEW,QAAA,OAAO,GAAwB;IAC1C,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,uBAAC,eAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,KAAK,EAAE,EAAE;QACT,YAAY,EAAE,aAAa;QAC3B,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,GAAG;QACb,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,GAAG;QACjB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEW,QAAA,QAAQ,GAAwB;IAC3C,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,uBAAC,eAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,GAAG;QACb,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,GAAG;QACjB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,IAAI;KACjB;CACF,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { Meta } from "@storybook/react";
|
|
2
|
+
import { Table } from ".";
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import(".").TableCompound;
|
|
6
|
+
argTypes: {};
|
|
7
|
+
};
|
|
8
|
+
export default _default;
|
|
9
|
+
export declare const Normal: Meta<typeof Table>;
|
|
10
|
+
export declare const Extended: Meta<typeof Table>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Extended = exports.Normal = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const _1 = require(".");
|
|
6
|
+
const excludeControls_1 = require("../../utils/excludeControls");
|
|
7
|
+
exports.default = {
|
|
8
|
+
title: "Components/Table",
|
|
9
|
+
component: _1.Table,
|
|
10
|
+
argTypes: (0, excludeControls_1.excludeControls)("className"),
|
|
11
|
+
};
|
|
12
|
+
exports.Normal = {
|
|
13
|
+
render: (args) => ((0, jsx_runtime_1.jsxs)(_1.Table, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.Table.Head, { children: (0, jsx_runtime_1.jsxs)(_1.Table.Row, { children: [(0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { children: "Insurance cover" }), (0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { children: "Lowest excess" }), (0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { children: "Highest excess" })] }) }), (0, jsx_runtime_1.jsxs)(_1.Table.Body, { children: [(0, jsx_runtime_1.jsxs)(_1.Table.Row, { children: [(0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Public liability" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A3250" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A32,500" })] }), (0, jsx_runtime_1.jsxs)(_1.Table.Row, { children: [(0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Employers\u2018 liability" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A3250" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A3500" })] }), (0, jsx_runtime_1.jsxs)(_1.Table.Row, { children: [(0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Tools" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A3100" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A3500" })] }), (0, jsx_runtime_1.jsxs)(_1.Table.Row, { children: [(0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Stock" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A3250" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A3500" })] }), (0, jsx_runtime_1.jsxs)(_1.Table.Row, { children: [(0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Business and office equipment" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A350" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A3500" })] })] })] }))),
|
|
14
|
+
};
|
|
15
|
+
exports.Extended = {
|
|
16
|
+
render: (args) => ((0, jsx_runtime_1.jsxs)(_1.Table, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.Table.Head, { children: (0, jsx_runtime_1.jsxs)(_1.Table.Row, { children: [(0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { children: "Column one" }), (0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { children: "Column two" }), (0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { children: "Column three" }), (0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { children: "Column four" }), (0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { children: "Column five" }), (0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { children: "Column six" }), (0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { children: "Column seven" })] }) }), (0, jsx_runtime_1.jsxs)(_1.Table.Body, { children: [(0, jsx_runtime_1.jsxs)(_1.Table.Row, { children: [(0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Lorem" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Ipsum" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar tincidunt lorem vel vulputate. Quisque vulputate sed tortor a aliquet. Curabitur egestas sodales nunc, bibendum cursus mi ultrices vitae." }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Vestibulum nec dolor urna. In ullamcorper auctor dignissim. Quisque faucibus, nisi in faucibus cursus, turpis mi ullamcorper arcu, id tempor enim ipsum eu elit. Mauris gravida libero nisl, in consequat justo accumsan quis. Phasellus finibus ultrices blandit. Donec vehicula leo odio, in dapibus massa scelerisque ac. Aliquam nec dui erat. Duis auctor mauris in dolor accumsan elementum. Donec vehicula commodo urna quis pretium. Nullam a dui sit amet nisi porta sollicitudin." }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Vestibulum nec dolor urna. In ullamcorper auctor dignissim. Quisque faucibus, nisi in faucibus cursus, turpis mi ullamcorper arcu, id tempor enim ipsum eu elit. Mauris gravida libero nisl, in consequat justo accumsan quis." }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Phasellus finibus ultrices blandit. Donec vehicula leo odio, in dapibus massa scelerisque ac. Aliquam nec dui erat. Duis auctor mauris in dolor accumsan elementum. Donec vehicula commodo urna quis pretium. Nullam a dui sit amet nisi porta sollicitudin." }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Nullam a dui sit amet nisi porta sollicitudin." })] }), (0, jsx_runtime_1.jsxs)(_1.Table.Row, { children: [(0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Lorem" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Ipsum" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar tincidunt lorem vel vulputate. Quisque vulputate sed tortor a aliquet. Curabitur egestas sodales nunc, bibendum cursus mi ultrices vitae." }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Vestibulum nec dolor urna. In ullamcorper auctor dignissim. Quisque faucibus, nisi in faucibus cursus, turpis mi ullamcorper arcu, id tempor enim ipsum eu elit. Mauris gravida libero nisl, in consequat justo accumsan quis. Phasellus finibus ultrices blandit. Donec vehicula leo odio, in dapibus massa scelerisque ac. Aliquam nec dui erat. Duis auctor mauris in dolor accumsan elementum. Donec vehicula commodo urna quis pretium. Nullam a dui sit amet nisi porta sollicitudin." }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Vestibulum nec dolor urna. In ullamcorper auctor dignissim. Quisque faucibus, nisi in faucibus cursus, turpis mi ullamcorper arcu, id tempor enim ipsum eu elit. Mauris gravida libero nisl, in consequat justo accumsan quis." }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Phasellus finibus ultrices blandit. Donec vehicula leo odio, in dapibus massa scelerisque ac. Aliquam nec dui erat. Duis auctor mauris in dolor accumsan elementum. Donec vehicula commodo urna quis pretium. Nullam a dui sit amet nisi porta sollicitudin." }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Nullam a dui sit amet nisi porta sollicitudin." })] }), (0, jsx_runtime_1.jsxs)(_1.Table.Row, { children: [(0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Public liability" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A3250" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A32,500" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A32,500" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A32,500" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A32,500" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A32,500" })] })] })] }))),
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=Table.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.stories.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { Meta } from "@storybook/react";
|
|
2
|
+
import { Text, TextProps } from "./Text";
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("../..").ForwardedRefComponent<TextProps, import("./Text").TextElementType>;
|
|
6
|
+
argTypes: {};
|
|
7
|
+
};
|
|
8
|
+
export default _default;
|
|
9
|
+
export declare const Normal: Meta<typeof Text>;
|
|
10
|
+
export declare const Themed: Meta<typeof Text>;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Themed = exports.Normal = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const Text_1 = require("./Text");
|
|
6
|
+
const excludeControls_1 = require("../../utils/excludeControls");
|
|
7
|
+
exports.default = {
|
|
8
|
+
title: "Components/Text",
|
|
9
|
+
component: Text_1.Text,
|
|
10
|
+
argTypes: (0, excludeControls_1.excludeControls)("className", "style"),
|
|
11
|
+
};
|
|
12
|
+
exports.Normal = {
|
|
13
|
+
render: (args) => (0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({}, args, { children: "Sample Text" })),
|
|
14
|
+
args: {
|
|
15
|
+
elementType: "h4",
|
|
16
|
+
variant: "h4",
|
|
17
|
+
},
|
|
18
|
+
};
|
|
19
|
+
exports.Themed = {
|
|
20
|
+
render: (args) => (0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({}, args, { children: "Sample Text" })),
|
|
21
|
+
args: {
|
|
22
|
+
elementType: "h4",
|
|
23
|
+
variant: "h4",
|
|
24
|
+
style: {
|
|
25
|
+
color: "green",
|
|
26
|
+
},
|
|
27
|
+
},
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=Text.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.stories.js","sourceRoot":"","sources":["../../../../src/components/Text/Text.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAyC;AACzC,iEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,WAAI;IACf,QAAQ,EAAE,IAAA,iCAAe,EAAC,WAAW,EAAE,OAAO,CAAC;CAChD,CAAC;AAEW,QAAA,MAAM,GAAsB;IACvC,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,uBAAC,WAAI,oBAAK,IAAI,+BAAoB;IAC/D,IAAI,EAAE;QACJ,WAAW,EAAE,IAAI;QACjB,OAAO,EAAE,IAAI;KACd;CACF,CAAC;AAEW,QAAA,MAAM,GAAsB;IACvC,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,uBAAC,WAAI,oBAAK,IAAI,+BAAoB;IAC/D,IAAI,EAAE;QACJ,WAAW,EAAE,IAAI;QACjB,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,KAAK,EAAE,OAAO;SACf;KACF;CACF,CAAC"}
|