@simplybusiness/mobius 3.7.1 → 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 +21 -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.js +2 -0
- package/dist/cjs/components/Modal/Modal.js.map +1 -1
- 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/index.d.ts +1 -0
- package/dist/cjs/hooks/index.js +1 -0
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/hooks/useBodyScrollLock/index.d.ts +1 -0
- package/dist/cjs/hooks/useBodyScrollLock/index.js +18 -0
- package/dist/cjs/hooks/useBodyScrollLock/index.js.map +1 -0
- package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.d.ts +3 -0
- package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.js +25 -0
- package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.js.map +1 -0
- package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.test.d.ts +1 -0
- package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.test.js +31 -0
- package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.test.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.js +2 -0
- package/dist/esm/components/Modal/Modal.js.map +1 -1
- 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/index.js +1 -0
- package/dist/esm/hooks/index.js.map +1 -1
- package/dist/esm/hooks/useBodyScrollLock/index.js +2 -0
- package/dist/esm/hooks/useBodyScrollLock/index.js.map +1 -0
- package/dist/esm/hooks/useBodyScrollLock/useBodyScrollLock.js +21 -0
- package/dist/esm/hooks/useBodyScrollLock/useBodyScrollLock.js.map +1 -0
- package/dist/esm/hooks/useBodyScrollLock/useBodyScrollLock.test.js +29 -0
- package/dist/esm/hooks/useBodyScrollLock/useBodyScrollLock.test.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 +15 -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/Modal/Modal.tsx +2 -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/index.tsx +1 -0
- package/src/hooks/useBodyScrollLock/index.ts +1 -0
- package/src/hooks/useBodyScrollLock/useBodyScrollLock.test.ts +34 -0
- package/src/hooks/useBodyScrollLock/useBodyScrollLock.ts +25 -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
package/CHANGELOG.md
CHANGED
|
@@ -5,12 +5,30 @@ All notable changes to this project will be documented in this file, or link in
|
|
|
5
5
|
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
|
|
6
6
|
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
7
7
|
|
|
8
|
+
## [3.9.0] - 2023-08-14
|
|
9
|
+
|
|
10
|
+
### Changed
|
|
11
|
+
|
|
12
|
+
- Upgrade Storybook from 6.5.13 to 7.2.1
|
|
13
|
+
|
|
14
|
+
### Fixed
|
|
15
|
+
|
|
16
|
+
- Add missing `<Checkbox>` `label` prop type. Storybook entry for the component contains JSX element as prop value. This fix adds the missing type
|
|
17
|
+
|
|
18
|
+
- Fix an issue where `gap` prop is ignored in `<Grid>`. This mostly affects examples where both `gap` and `rowGap` / `columnGap` values are provided. If `gap` has a value and `rowGap` / `columnGap` have `undefined`, the combined result will be `undefined` for `gap`. This is similar issue to `<Flex>` that's been recently fixed
|
|
19
|
+
|
|
20
|
+
## [3.8.0] - 2023-08-01
|
|
21
|
+
|
|
22
|
+
### Added
|
|
23
|
+
|
|
24
|
+
- Added custom `useBodyScrollLock` hook to prevent scrolling of body when modal is open
|
|
25
|
+
|
|
8
26
|
## [3.7.0] - 2023-07-31
|
|
9
27
|
|
|
10
28
|
### Added
|
|
11
29
|
|
|
12
30
|
- New simpler `useButton` hook implemenation, to work correctly with
|
|
13
|
-
shadow DOM
|
|
31
|
+
shadow DOM
|
|
14
32
|
|
|
15
33
|
## [3.6.2] - 2023-07-26
|
|
16
34
|
|
|
@@ -278,6 +296,8 @@ Additionally, mobius and themes are available on the public NPM registry and can
|
|
|
278
296
|
|
|
279
297
|
## Github Links
|
|
280
298
|
|
|
299
|
+
[3.9.0]: https://github.com/simplybusiness/mobius/releases/tag/v3.9.0
|
|
300
|
+
[3.8.0]: https://github.com/simplybusiness/mobius/releases/tag/v3.8.0
|
|
281
301
|
[3.7.1]: https://github.com/simplybusiness/mobius/releases/tag/v3.7.1
|
|
282
302
|
[3.7.0]: https://github.com/simplybusiness/mobius/releases/tag/v3.7.0
|
|
283
303
|
[3.6.2]: https://github.com/simplybusiness/mobius/releases/tag/v3.6.2
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { Meta } from "@storybook/react";
|
|
2
|
+
import { Accordion, AccordionProps } from "..";
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("../..").ForwardedRefComponent<AccordionProps, HTMLDivElement>;
|
|
6
|
+
argTypes: {};
|
|
7
|
+
};
|
|
8
|
+
export default _default;
|
|
9
|
+
export declare const Normal: Meta<typeof Accordion>;
|
|
10
|
+
export declare const StartExpanded: Meta<typeof Accordion>;
|
|
11
|
+
export declare const TopHeader: Meta<typeof Accordion>;
|
|
12
|
+
export declare const ComplexContent: Meta<typeof Accordion>;
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ComplexContent = exports.TopHeader = exports.StartExpanded = 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/Accordion",
|
|
9
|
+
component: __1.Accordion,
|
|
10
|
+
argTypes: (0, excludeControls_1.excludeControls)("onClick", "className"),
|
|
11
|
+
};
|
|
12
|
+
exports.Normal = {
|
|
13
|
+
render: (args) => ((0, jsx_runtime_1.jsxs)(__1.Accordion, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }), (0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" })] }))),
|
|
14
|
+
args: {
|
|
15
|
+
showText: "See more",
|
|
16
|
+
hideText: "See less",
|
|
17
|
+
headerPosition: "bottom",
|
|
18
|
+
startOpen: false,
|
|
19
|
+
},
|
|
20
|
+
};
|
|
21
|
+
exports.StartExpanded = {
|
|
22
|
+
render: (args) => ((0, jsx_runtime_1.jsx)(__1.Accordion, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }) }))),
|
|
23
|
+
args: {
|
|
24
|
+
showText: "See more",
|
|
25
|
+
hideText: "See less",
|
|
26
|
+
headerPosition: "bottom",
|
|
27
|
+
startOpen: true,
|
|
28
|
+
},
|
|
29
|
+
};
|
|
30
|
+
exports.TopHeader = {
|
|
31
|
+
render: (args) => ((0, jsx_runtime_1.jsx)(__1.Accordion, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }) }))),
|
|
32
|
+
args: {
|
|
33
|
+
showText: "See more",
|
|
34
|
+
hideText: "See less",
|
|
35
|
+
headerPosition: "top",
|
|
36
|
+
startOpen: false,
|
|
37
|
+
},
|
|
38
|
+
};
|
|
39
|
+
exports.ComplexContent = {
|
|
40
|
+
render: (args) => ((0, jsx_runtime_1.jsx)(__1.Accordion, Object.assign({}, args, { children: (0, jsx_runtime_1.jsxs)(__1.SegmentGroup, { children: [(0, jsx_runtime_1.jsx)(__1.Segment, { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }), (0, jsx_runtime_1.jsx)(__1.Segment, { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" })] }) }))),
|
|
41
|
+
args: {
|
|
42
|
+
showText: "See more",
|
|
43
|
+
hideText: "See less",
|
|
44
|
+
headerPosition: "bottom",
|
|
45
|
+
startOpen: false,
|
|
46
|
+
},
|
|
47
|
+
};
|
|
48
|
+
//# sourceMappingURL=Accordion.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Accordion.stories.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.stories.tsx"],"names":[],"mappings":";;;;AACA,0BAAsE;AACtE,iEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,aAAS;IACpB,QAAQ,EAAE,IAAA,iCAAe,EAAC,SAAS,EAAE,WAAW,CAAC;CAClD,CAAC;AAEW,QAAA,MAAM,GAA2B;IAC5C,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,wBAAC,aAAS,oBAAK,IAAI,eACjB,4IAGI,EACJ,4IAGI,KACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC;AAEW,QAAA,aAAa,GAA2B;IACnD,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,uBAAC,aAAS,oBAAK,IAAI,cACjB,4IAGI,IACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,IAAI;KAChB;CACF,CAAC;AAEW,QAAA,SAAS,GAA2B;IAC/C,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,uBAAC,aAAS,oBAAK,IAAI,cACjB,4IAGI,IACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,KAAK;QACrB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC;AAEW,QAAA,cAAc,GAA2B;IACpD,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,uBAAC,aAAS,oBAAK,IAAI,cACjB,wBAAC,gBAAY,eACX,uBAAC,WAAO,kHAGE,EACV,uBAAC,WAAO,kHAGE,IACG,IACL,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { Meta } from "@storybook/react";
|
|
2
|
+
import { Alert, AlertProps } from "./Alert";
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("../..").ForwardedRefComponent<AlertProps, HTMLDivElement>;
|
|
6
|
+
argTypes: {
|
|
7
|
+
variant: {
|
|
8
|
+
control: {
|
|
9
|
+
type: string;
|
|
10
|
+
};
|
|
11
|
+
options: string[];
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
export default _default;
|
|
16
|
+
export declare const Normal: Meta<typeof Alert>;
|
|
17
|
+
export declare const WithHeader: Meta<typeof Alert>;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.WithHeader = exports.Normal = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const Alert_1 = require("./Alert");
|
|
6
|
+
const excludeControls_1 = require("../../utils/excludeControls");
|
|
7
|
+
exports.default = {
|
|
8
|
+
title: "Components/Alert",
|
|
9
|
+
component: Alert_1.Alert,
|
|
10
|
+
argTypes: Object.assign({ variant: {
|
|
11
|
+
control: { type: "radio" },
|
|
12
|
+
options: ["info", "success", "warning", "error"],
|
|
13
|
+
} }, (0, excludeControls_1.excludeControls)("elementType", "className")),
|
|
14
|
+
};
|
|
15
|
+
exports.Normal = {
|
|
16
|
+
render: (args) => ((0, jsx_runtime_1.jsxs)(Alert_1.Alert, Object.assign({}, args, { children: ["Today is", " ", new Intl.DateTimeFormat("en-GB", {
|
|
17
|
+
dateStyle: "long",
|
|
18
|
+
}).format(new Date())] }))),
|
|
19
|
+
args: {
|
|
20
|
+
variant: "info",
|
|
21
|
+
show: true,
|
|
22
|
+
header: "",
|
|
23
|
+
},
|
|
24
|
+
};
|
|
25
|
+
exports.WithHeader = {
|
|
26
|
+
render: (args) => ((0, jsx_runtime_1.jsxs)(Alert_1.Alert, Object.assign({}, args, { children: ["Today is", " ", new Intl.DateTimeFormat("en-GB", {
|
|
27
|
+
dateStyle: "long",
|
|
28
|
+
}).format(new Date())] }))),
|
|
29
|
+
args: {
|
|
30
|
+
variant: "info",
|
|
31
|
+
show: true,
|
|
32
|
+
header: "Information",
|
|
33
|
+
},
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=Alert.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.stories.js","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.stories.tsx"],"names":[],"mappings":";;;;AACA,mCAA4C;AAC5C,iEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,aAAK;IAChB,QAAQ,kBACN,OAAO,EAAE;YACP,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC;SACjD,IACE,IAAA,iCAAe,EAAC,aAAa,EAAE,WAAW,CAAC,CAC/C;CACF,CAAC;AAEW,QAAA,MAAM,GAAuB;IACxC,MAAM,EAAE,CAAC,IAAgB,EAAE,EAAE,CAAC,CAC5B,wBAAC,aAAK,oBAAK,IAAI,2BACJ,GAAG,EACX,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;gBAChC,SAAS,EAAE,MAAM;aAClB,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,KACf,CACT;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,EAAE;KACX;CACF,CAAC;AAEW,QAAA,UAAU,GAAuB;IAC5C,MAAM,EAAE,CAAC,IAAgB,EAAE,EAAE,CAAC,CAC5B,wBAAC,aAAK,oBAAK,IAAI,2BACJ,GAAG,EACX,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;gBAChC,SAAS,EAAE,MAAM;aAClB,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,KACf,CACT;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,aAAa;KACtB;CACF,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { Meta } from "@storybook/react";
|
|
3
|
+
import { Box, BoxProps } from "./Box";
|
|
4
|
+
declare const _default: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: import("../..").ForwardedRefComponent<BoxProps, HTMLDivElement>;
|
|
7
|
+
argTypes: {};
|
|
8
|
+
};
|
|
9
|
+
export default _default;
|
|
10
|
+
export declare const Normal: Meta<typeof Box>;
|
|
11
|
+
export declare const CustomElement: {
|
|
12
|
+
render: (args: BoxProps) => JSX.Element;
|
|
13
|
+
name: string;
|
|
14
|
+
args: {
|
|
15
|
+
elementType: string;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CustomElement = exports.Normal = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const Box_1 = require("./Box");
|
|
6
|
+
const Button_1 = require("../Button");
|
|
7
|
+
const excludeControls_1 = require("../../utils/excludeControls");
|
|
8
|
+
exports.default = {
|
|
9
|
+
title: "Layout/Box",
|
|
10
|
+
component: Box_1.Box,
|
|
11
|
+
argTypes: (0, excludeControls_1.excludeControls)("className", "elementType", "style"),
|
|
12
|
+
};
|
|
13
|
+
exports.Normal = {
|
|
14
|
+
render: (args) => ((0, jsx_runtime_1.jsx)(Box_1.Box, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)(Button_1.Button, { children: "Click me" }) }))),
|
|
15
|
+
};
|
|
16
|
+
exports.CustomElement = {
|
|
17
|
+
render: (args) => (0, jsx_runtime_1.jsx)(Box_1.Box, Object.assign({}, args, { children: "This text is inside a span" })),
|
|
18
|
+
name: "Custom Element",
|
|
19
|
+
args: {
|
|
20
|
+
elementType: "span",
|
|
21
|
+
},
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=Box.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Box.stories.js","sourceRoot":"","sources":["../../../../src/components/Box/Box.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAsC;AACtC,sCAAmC;AACnC,iEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,SAAG;IACd,QAAQ,EAAE,IAAA,iCAAe,EAAC,WAAW,EAAE,aAAa,EAAE,OAAO,CAAC;CAC/D,CAAC;AAEW,QAAA,MAAM,GAAqB;IACtC,MAAM,EAAE,CAAC,IAAc,EAAE,EAAE,CAAC,CAC1B,uBAAC,SAAG,oBAAK,IAAI,cACX,uBAAC,eAAM,2BAAkB,IACrB,CACP;CACF,CAAC;AAEW,QAAA,aAAa,GAAG;IAC3B,MAAM,EAAE,CAAC,IAAc,EAAE,EAAE,CAAC,uBAAC,SAAG,oBAAK,IAAI,8CAAkC;IAC3E,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE;QACJ,WAAW,EAAE,MAAM;KACpB;CACF,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { Meta } from "@storybook/react";
|
|
2
|
+
import { Breadcrumbs, BreadcrumbsProps } from "./Breadcrumbs";
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("../..").ForwardedRefComponent<BreadcrumbsProps, HTMLUListElement>;
|
|
6
|
+
argTypes: {};
|
|
7
|
+
};
|
|
8
|
+
export default _default;
|
|
9
|
+
export declare const Normal: Meta<typeof Breadcrumbs>;
|
|
10
|
+
export declare const WithLogo: Meta<typeof Breadcrumbs>;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.WithLogo = exports.Normal = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const Breadcrumbs_1 = require("./Breadcrumbs");
|
|
6
|
+
const BreadcrumbItem_1 = require("./BreadcrumbItem");
|
|
7
|
+
const Link_1 = require("../Link");
|
|
8
|
+
const excludeControls_1 = require("../../utils/excludeControls");
|
|
9
|
+
exports.default = {
|
|
10
|
+
title: "Components/Breadcrumbs",
|
|
11
|
+
component: Breadcrumbs_1.Breadcrumbs,
|
|
12
|
+
argTypes: (0, excludeControls_1.excludeControls)("className"),
|
|
13
|
+
};
|
|
14
|
+
exports.Normal = {
|
|
15
|
+
render: (args) => ((0, jsx_runtime_1.jsxs)(Breadcrumbs_1.Breadcrumbs, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(BreadcrumbItem_1.BreadcrumbItem, { children: (0, jsx_runtime_1.jsx)(Link_1.Link, Object.assign({ href: "/business-insurance" }, { children: "Business insurance" })) }, "business-insurance"), (0, jsx_runtime_1.jsx)(BreadcrumbItem_1.BreadcrumbItem, { children: (0, jsx_runtime_1.jsx)(Link_1.Link, Object.assign({ href: "/tradesmen" }, { children: "Tradesmen" })) }, "tradesmen"), (0, jsx_runtime_1.jsx)(BreadcrumbItem_1.BreadcrumbItem, { children: "Beauty salon insurance" }, "beauty-salon-insurance")] }))),
|
|
16
|
+
};
|
|
17
|
+
exports.WithLogo = {
|
|
18
|
+
render: (args) => ((0, jsx_runtime_1.jsxs)(Breadcrumbs_1.Breadcrumbs, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(BreadcrumbItem_1.BreadcrumbItem, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 299.8 85", height: "32px" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M109.9 38.7c3.3-3.7 4.9-8.2 4.9-13.7 0-6.5-2.3-12.4-6.6-16.7-4.6-4.7-11.1-7.1-18.8-7.1H68.5c-5.3 0-9.1 3.8-9.1 9.1v64.8c0 5.2 3.9 9.1 9.1 9.1h24.8c8.8 0 16.1-2.6 21.2-7.6 4.7-4.6 7.3-11.1 7.3-18.3 0-4.7-1.2-8.9-3.5-12.4-2.1-3-4.9-5.4-8.4-7.2zM68.4 75.9c-.7 0-.9-.3-.9-.9V10.2c0-.8.2-.9.9-.9h20.9c3.8 0 9.2.8 13.1 4.7 2.7 2.8 4.2 6.6 4.2 10.9 0 9.1-11.8 16.2-11.8 16.2s13.2 3.4 16.5 9.2c1.4 2.1 2.1 4.8 2.1 7.9 0 5-1.7 9.4-4.8 12.5-3.5 3.4-8.9 5.3-15.5 5.3l-24.7-.1zM52.2 51.3c1.4 2.8 2.1 5.9 2.1 9.5 0 3.3-.6 6.5-1.8 9.4s-3 5.5-5.3 7.7-5.1 4-8.6 5.2c-3.5 1.3-7.3 1.9-11.5 1.9-5.2 0-10-.9-14.4-2.6-4.4-1.8-8-3.7-10.7-5.7-.7-.6-1.2-1.1-1.6-1.8-.3-.5-.4-1-.4-1.6v-.6c.1-.9.5-1.8 1.2-2.8l2.6-3.7c.9-1.2 1.9-1.9 2.9-2.1.2 0 .3-.1.5-.1.9 0 2 .4 3.2 1.1 5.7 4.1 11.3 6.1 16.7 6.1 3.8 0 6.8-.9 9-2.6s3.3-4 3.3-6.8c0-1.7-.4-3.2-1.3-4.6-.9-1.4-2.1-2.6-3.5-3.6-1.5-1-3.2-2-5.1-2.9-1.9-.9-4-1.9-6.1-2.8-2.1-.9-4.2-1.9-6.3-2.9-2.1-1-4.1-2.2-6-3.5S7.5 38.7 6 37.1c-1.5-1.6-2.7-3.6-3.5-5.8-.9-2.3-1.3-4.8-1.3-7.5 0-4.7 1.2-8.9 3.7-12.5s5.8-6.4 10-8.4C19.1 1 23.8 0 29 0c4.4 0 8.5.7 12.3 1.9 3.8 1.3 6.8 2.7 9 4.3 1.5 1.1 2.3 2.4 2.3 3.8 0 .9-.3 1.8-.9 2.8l-2.1 3.8c-.9 1.7-2.1 2.5-3.6 2.5-.9 0-1.9-.3-3-.9-1.5-.9-2.8-1.6-3.9-2.2-1.1-.6-2.6-1.1-4.6-1.6s-3.9-.8-5.9-.8c-3.8 0-6.9.9-9.2 2.6-2.3 1.7-3.4 4-3.4 6.8 0 2.1.7 3.9 2.1 5.5s3.3 3 5.5 4.1c2.3 1.1 4.7 2.3 7.5 3.4 2.7 1.1 5.4 2.4 8.2 3.7 2.7 1.4 5.2 2.9 7.4 4.7 2.2 1.9 4 4.1 5.5 6.9zm80.1-25.1l1-1.4c.7-1 1.4-1 2.5-.4 1 .7 3.2 2.2 6.2 2.2 2.9 0 4.6-1.4 4.6-3.5 0-5.8-14.3-4.6-14.3-14.2 0-5.4 4.5-8.9 10.3-8.9 3.6 0 6.6 1.4 7.9 2.3 1 .7 1.1 1.5.6 2.5l-.8 1.4c-.6 1.3-1.6 1.1-2.5.6-1.3-.7-2.9-1.7-5.3-1.7-2.9 0-4.7 1.4-4.7 3.5 0 5.7 14.3 4.3 14.3 14 0 5-3.7 9.1-10.2 9.1-4.4 0-7.9-1.9-9.4-3.1-.6-.5-1-1.3-.2-2.4zm24.1-22.5V2.4c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v1.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8zm0 7.4c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v18.4c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V11.1zm10.9 0c0-1.2.6-1.8 1.8-1.8h1.7c1.2 0 1.8.6 1.8 1.8v1.3c0 .5-.1 1-.1 1h.1c1.1-2.2 3.8-4.7 7.2-4.7 3.3 0 5.5 1.6 6.4 4.5h.1c1.2-2.3 4.1-4.5 7.5-4.5 4.6 0 7.2 2.6 7.2 8.4v12.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V18.1c0-2.5-.5-4.4-3-4.4-3.7 0-5.6 3.8-5.6 7.6v8.1c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V18.1c0-2.4-.3-4.4-2.9-4.4-3.9 0-5.7 4-5.7 7.6v8.1c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V11.1zm38.9 0c0-1.2.6-1.8 1.8-1.8h1.4c1.2 0 1.8.6 1.8 1.5v1.9h.1s1.9-3.9 7.1-3.9c6 0 9.8 4.7 9.8 11.5 0 7-4.3 11.5-10.1 11.5-4.6 0-6.4-3.4-6.4-3.4h-.1s.1.8.1 1.9v7.8c0 1.2-.6 1.8-1.8 1.8H208c-1.2 0-1.8-.6-1.8-1.8v-27zM217 27.2c3 0 5.5-2.5 5.5-6.8 0-4.2-2.2-6.9-5.5-6.9-2.9 0-5.6 2.1-5.6 6.9.1 3.4 2 6.8 5.6 6.8zm15.2-24.8c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v21.5c0 2.2.9 2.5 1.7 2.6.8.1 1.3.6 1.3 1.6v1.5c0 1.1-.5 1.9-1.8 1.9-2.9 0-6.7-.8-6.7-7.1v-22zm12.3 33c.4.2.9.4 1.6.4 1.6 0 2.9-1.4 3.5-2.9l.8-1.9-8.4-19.6c-.6-1.3 0-2.1 1.4-2.1h2.3c1.1 0 1.7.5 2 1.5l4.2 11.2c.4 1.2.8 3 .8 3h.1s.4-1.7.7-2.9l3.9-11.3c.3-1 1-1.5 2-1.5h2.2c1.3 0 1.9.8 1.5 2.1L254 34.6c-1.5 4-4.7 5.8-8 5.8-1.2 0-2.3-.3-3.1-.6-1-.4-1.3-1.3-.8-2.3l.4-1c.5-1.1 1.2-1.3 2-1.1zM133.7 52.2c0-1.2.6-1.8 1.8-1.8h9.2c5.5 0 9.5 2.8 9.5 7.9 0 2.8-1.4 5.3-3.7 6.6v.1c3.3 1 4.9 4.1 4.9 7.2 0 6.1-4.9 8.9-10.6 8.9h-9.3c-1.2 0-1.8-.6-1.8-1.8V52.2zm11 10.7c2.4 0 3.8-1.7 3.8-3.9s-1.3-3.8-3.9-3.8h-5.3v7.7h5.4zm.5 13.3c2.9 0 4.5-1.9 4.5-4.4s-1.6-4.4-4.5-4.4h-6v8.8h6zm14.3-15.4c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8V72c0 2.7.7 4.5 3.4 4.5 4 0 6.2-3.5 6.2-7.4v-8.3c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v18.4c0 1.2-.6 1.8-1.8 1.8h-1.7c-1.2 0-1.8-.6-1.8-1.8v-1.3c0-.5.1-1 .1-1-1 2.2-3.9 4.6-7.7 4.6-4.7 0-7.7-2.4-7.7-8.4V60.8zm25.1 16l.5-.8c.6-.9 1.4-1 2.5-.4 1 .6 2.7 1.5 4.9 1.5 1.9 0 3.1-.9 3.1-2.2 0-3.6-10.9-2.2-10.9-9.8 0-4.3 3.8-6.6 8.4-6.6 2.9 0 5 .9 6.1 1.6 1 .5 1.1 1.4.6 2.4l-.4.8c-.5 1-1.3 1.2-2.4.7-1-.4-2.4-1.1-4.2-1.1-1.9 0-3 .8-3 2.2 0 3.6 10.9 2.2 10.9 9.7 0 3.9-3.3 6.8-8.4 6.8-3.5 0-6-1.3-7.4-2.2-.9-.7-1-1.6-.3-2.6zm20.3-23.3v-1.3c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v1.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8zm0 7.3c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v18.4c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V60.8zm10.9 0c0-1.2.6-1.8 1.8-1.8h1.7c1.2 0 1.8.6 1.8 1.8v1.3c0 .5-.1 1-.1 1h.1c1-1.9 3.4-4.7 7.8-4.7 4.9 0 7.7 2.5 7.7 8.4v12.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V67.9c0-2.7-.7-4.5-3.5-4.5-3.9 0-6.4 3.2-6.4 7.2v8.5c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8l.1-18.3zm35.8-2.3c6.3 0 9.8 4.4 9.8 10.5 0 .9-.8 1.9-1.9 1.9H246c.3 4 3.3 6 6.6 6 2 0 3.7-.8 4.8-1.4 1.1-.5 1.9-.4 2.4.6l.5.9c.5 1 .3 1.9-.6 2.4-1.4.9-4 2.2-7.5 2.2-7.3 0-11.9-5.3-11.9-11.5.1-6.8 4.7-11.6 11.3-11.6zm4.3 9c-.1-3.1-1.9-4.9-4.5-4.9-2.8 0-4.8 1.9-5.3 4.9h9.8zm8.5 9.3l.5-.8c.6-.9 1.4-1 2.5-.4 1 .6 2.7 1.5 4.9 1.5 1.9 0 3.1-.9 3.1-2.2 0-3.6-10.9-2.2-10.9-9.8 0-4.3 3.8-6.6 8.4-6.6 2.9 0 5 .9 6.1 1.6 1 .5 1.1 1.4.6 2.4l-.4.8c-.5 1-1.3 1.2-2.4.7-1-.4-2.4-1.1-4.2-1.1-1.9 0-3 .8-3 2.2 0 3.6 10.9 2.2 10.9 9.7 0 3.9-3.3 6.8-8.4 6.8-3.5 0-6-1.3-7.4-2.2-.9-.7-1-1.6-.3-2.6zm19.3 0l.5-.8c.6-.9 1.4-1 2.5-.4 1 .6 2.7 1.5 4.9 1.5 1.9 0 3.1-.9 3.1-2.2 0-3.6-10.9-2.2-10.9-9.8 0-4.3 3.8-6.6 8.4-6.6 2.9 0 5 .9 6.1 1.6 1 .5 1.1 1.4.6 2.4l-.4.8c-.5 1-1.3 1.2-2.4.7-1-.4-2.4-1.1-4.2-1.1-1.9 0-3 .8-3 2.2 0 3.6 10.9 2.2 10.9 9.7 0 3.9-3.3 6.8-8.4 6.8-3.5 0-6-1.3-7.4-2.2-.8-.7-.9-1.6-.3-2.6z" }) })) }, "root"), (0, jsx_runtime_1.jsx)(BreadcrumbItem_1.BreadcrumbItem, { children: (0, jsx_runtime_1.jsx)(Link_1.Link, Object.assign({ href: "/business-insurance" }, { children: "Business insurance" })) }, "business-insurance"), (0, jsx_runtime_1.jsx)(BreadcrumbItem_1.BreadcrumbItem, { children: (0, jsx_runtime_1.jsx)(Link_1.Link, Object.assign({ href: "/tradesmen" }, { children: "Tradesmen" })) }, "tradesmen"), (0, jsx_runtime_1.jsx)(BreadcrumbItem_1.BreadcrumbItem, { children: (0, jsx_runtime_1.jsx)(Link_1.Link, Object.assign({ href: "/beauty" }, { children: "Beauty Salon" })) }, "beauty-salon-insurance")] }))),
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=Breadcrumbs.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.stories.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.stories.tsx"],"names":[],"mappings":";;;;AACA,+CAA8D;AAC9D,qDAAkD;AAClD,kCAA+B;AAC/B,iEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,yBAAW;IACtB,QAAQ,EAAE,IAAA,iCAAe,EAAC,WAAW,CAAC;CACvC,CAAC;AAEW,QAAA,MAAM,GAA6B;IAC9C,MAAM,EAAE,CAAC,IAAsB,EAAE,EAAE,CAAC,CAClC,wBAAC,yBAAW,oBAAK,IAAI,eACnB,uBAAC,+BAAc,cACb,uBAAC,WAAI,kBAAC,IAAI,EAAC,qBAAqB,wCAA0B,IADxC,oBAAoB,CAEvB,EACjB,uBAAC,+BAAc,cACb,uBAAC,WAAI,kBAAC,IAAI,EAAC,YAAY,+BAAiB,IADtB,WAAW,CAEd,EACjB,uBAAC,+BAAc,0CAAK,wBAAwB,CAE3B,KACL,CACf;CACF,CAAC;AAEW,QAAA,QAAQ,GAA6B;IAChD,MAAM,EAAE,CAAC,IAAsB,EAAE,EAAE,CAAC,CAClC,wBAAC,yBAAW,oBAAK,IAAI,eACnB,uBAAC,+BAAc,cACb,8CACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,cAAc,EACtB,MAAM,EAAC,MAAM,gBAEb,iCAAM,CAAC,EAAC,kwKAAkwK,GAAG,IACzwK,IAPY,MAAM,CAQT,EACjB,uBAAC,+BAAc,cACb,uBAAC,WAAI,kBAAC,IAAI,EAAC,qBAAqB,wCAA0B,IADxC,oBAAoB,CAEvB,EACjB,uBAAC,+BAAc,cACb,uBAAC,WAAI,kBAAC,IAAI,EAAC,YAAY,+BAAiB,IADtB,WAAW,CAEd,EACjB,uBAAC,+BAAc,cACb,uBAAC,WAAI,kBAAC,IAAI,EAAC,SAAS,kCAAoB,IADtB,wBAAwB,CAE3B,KACL,CACf;CACF,CAAC"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import type { Meta } from "@storybook/react";
|
|
2
|
+
import { Button, ButtonProps } from "./Button";
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("../..").ForwardedRefComponent<ButtonProps, HTMLButtonElement>;
|
|
6
|
+
argTypes: {
|
|
7
|
+
icon: {
|
|
8
|
+
options: string[];
|
|
9
|
+
control: {
|
|
10
|
+
type: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
iconPosition: {
|
|
14
|
+
if: {
|
|
15
|
+
arg: string;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
isLoading: {
|
|
19
|
+
if: {
|
|
20
|
+
arg: string;
|
|
21
|
+
truthy: boolean;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
isSuccess: {
|
|
25
|
+
if: {
|
|
26
|
+
arg: string;
|
|
27
|
+
truthy: boolean;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
href: {
|
|
31
|
+
if: {
|
|
32
|
+
arg: string;
|
|
33
|
+
eq: string;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
rel: {
|
|
37
|
+
if: {
|
|
38
|
+
arg: string;
|
|
39
|
+
eq: string;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
target: {
|
|
43
|
+
if: {
|
|
44
|
+
arg: string;
|
|
45
|
+
eq: string;
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
type: {
|
|
49
|
+
if: {
|
|
50
|
+
arg: string;
|
|
51
|
+
neq: string;
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
export default _default;
|
|
57
|
+
export declare const Normal: Meta<typeof Button>;
|
|
58
|
+
export declare const Secondary: Meta<typeof Button>;
|
|
59
|
+
export declare const Ghost: Meta<typeof Button>;
|
|
60
|
+
export declare const Basic: Meta<typeof Button>;
|
|
61
|
+
export declare const Large: Meta<typeof Button>;
|
|
62
|
+
export declare const Link: Meta<typeof Button>;
|
|
63
|
+
export declare const Loading: Meta<typeof Button>;
|
|
64
|
+
export declare const Success: Meta<typeof Button>;
|
|
65
|
+
export declare const Disabled: Meta<typeof Button>;
|
|
66
|
+
export declare const WithIcon: Meta<typeof Button>;
|
|
67
|
+
export declare const Themed: Meta<typeof Button>;
|
|
@@ -0,0 +1,201 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Themed = exports.WithIcon = exports.Disabled = exports.Success = exports.Loading = exports.Link = exports.Large = exports.Basic = exports.Ghost = exports.Secondary = exports.Normal = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const Button_1 = require("./Button");
|
|
6
|
+
const excludeControls_1 = require("../../utils/excludeControls");
|
|
7
|
+
exports.default = {
|
|
8
|
+
title: "Components/Button",
|
|
9
|
+
component: Button_1.Button,
|
|
10
|
+
argTypes: Object.assign({ icon: {
|
|
11
|
+
options: ["", "menu", "rightArrow", "leftArrow", "dropdown", "home"],
|
|
12
|
+
control: { type: "select" },
|
|
13
|
+
}, iconPosition: {
|
|
14
|
+
if: {
|
|
15
|
+
arg: "icon",
|
|
16
|
+
},
|
|
17
|
+
}, isLoading: {
|
|
18
|
+
if: {
|
|
19
|
+
arg: "isSuccess",
|
|
20
|
+
truthy: false,
|
|
21
|
+
},
|
|
22
|
+
}, isSuccess: {
|
|
23
|
+
if: {
|
|
24
|
+
arg: "isLoading",
|
|
25
|
+
truthy: false,
|
|
26
|
+
},
|
|
27
|
+
}, href: {
|
|
28
|
+
if: {
|
|
29
|
+
arg: "elementType",
|
|
30
|
+
eq: "a",
|
|
31
|
+
},
|
|
32
|
+
}, rel: {
|
|
33
|
+
if: {
|
|
34
|
+
arg: "elementType",
|
|
35
|
+
eq: "a",
|
|
36
|
+
},
|
|
37
|
+
}, target: {
|
|
38
|
+
if: {
|
|
39
|
+
arg: "elementType",
|
|
40
|
+
eq: "a",
|
|
41
|
+
},
|
|
42
|
+
}, type: {
|
|
43
|
+
if: {
|
|
44
|
+
arg: "elementType",
|
|
45
|
+
neq: "a",
|
|
46
|
+
},
|
|
47
|
+
} }, (0, excludeControls_1.excludeControls)("className", "onClick", "elementType", "onPress", "role")),
|
|
48
|
+
};
|
|
49
|
+
exports.Normal = {
|
|
50
|
+
render: (args) => (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, args)),
|
|
51
|
+
args: {
|
|
52
|
+
children: "Confirm",
|
|
53
|
+
variant: "primary",
|
|
54
|
+
size: "medium",
|
|
55
|
+
isDisabled: false,
|
|
56
|
+
isLoading: false,
|
|
57
|
+
isSuccess: false,
|
|
58
|
+
type: "button",
|
|
59
|
+
},
|
|
60
|
+
};
|
|
61
|
+
exports.Secondary = {
|
|
62
|
+
render: (args) => (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, args)),
|
|
63
|
+
args: {
|
|
64
|
+
variant: "secondary",
|
|
65
|
+
size: "medium",
|
|
66
|
+
children: "Secondary Button",
|
|
67
|
+
isDisabled: false,
|
|
68
|
+
isLoading: false,
|
|
69
|
+
isSuccess: false,
|
|
70
|
+
type: "button",
|
|
71
|
+
},
|
|
72
|
+
};
|
|
73
|
+
exports.Ghost = {
|
|
74
|
+
render: (args) => (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, args)),
|
|
75
|
+
args: {
|
|
76
|
+
variant: "ghost",
|
|
77
|
+
size: "medium",
|
|
78
|
+
children: "Ghost Button",
|
|
79
|
+
isDisabled: false,
|
|
80
|
+
isLoading: false,
|
|
81
|
+
isSuccess: false,
|
|
82
|
+
type: "button",
|
|
83
|
+
},
|
|
84
|
+
};
|
|
85
|
+
exports.Basic = {
|
|
86
|
+
render: (args) => (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, args)),
|
|
87
|
+
args: {
|
|
88
|
+
variant: "basic",
|
|
89
|
+
size: "medium",
|
|
90
|
+
children: "Basic Button",
|
|
91
|
+
isDisabled: false,
|
|
92
|
+
isLoading: false,
|
|
93
|
+
isSuccess: false,
|
|
94
|
+
type: "button",
|
|
95
|
+
},
|
|
96
|
+
};
|
|
97
|
+
exports.Large = {
|
|
98
|
+
render: (args) => (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, args)),
|
|
99
|
+
args: {
|
|
100
|
+
children: "Large Button",
|
|
101
|
+
variant: "primary",
|
|
102
|
+
size: "large",
|
|
103
|
+
isDisabled: false,
|
|
104
|
+
isLoading: false,
|
|
105
|
+
isSuccess: false,
|
|
106
|
+
type: "button",
|
|
107
|
+
},
|
|
108
|
+
};
|
|
109
|
+
exports.Link = {
|
|
110
|
+
render: (args) => (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, args)),
|
|
111
|
+
args: {
|
|
112
|
+
children: "Link Button",
|
|
113
|
+
elementType: "a",
|
|
114
|
+
variant: "primary",
|
|
115
|
+
size: "medium",
|
|
116
|
+
isDisabled: false,
|
|
117
|
+
isLoading: false,
|
|
118
|
+
isSuccess: false,
|
|
119
|
+
href: "",
|
|
120
|
+
rel: "",
|
|
121
|
+
target: "",
|
|
122
|
+
},
|
|
123
|
+
};
|
|
124
|
+
exports.Loading = {
|
|
125
|
+
render: (args) => (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, args)),
|
|
126
|
+
args: {
|
|
127
|
+
children: "Loading",
|
|
128
|
+
variant: "primary",
|
|
129
|
+
size: "medium",
|
|
130
|
+
isDisabled: false,
|
|
131
|
+
isLoading: true,
|
|
132
|
+
isSuccess: false,
|
|
133
|
+
type: "button",
|
|
134
|
+
},
|
|
135
|
+
parameters: {
|
|
136
|
+
controls: {
|
|
137
|
+
exclude: ["icon", "iconPosition"],
|
|
138
|
+
},
|
|
139
|
+
},
|
|
140
|
+
};
|
|
141
|
+
exports.Success = {
|
|
142
|
+
render: (args) => (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, args)),
|
|
143
|
+
args: {
|
|
144
|
+
children: "Success",
|
|
145
|
+
variant: "primary",
|
|
146
|
+
size: "medium",
|
|
147
|
+
isDisabled: false,
|
|
148
|
+
isLoading: false,
|
|
149
|
+
isSuccess: true,
|
|
150
|
+
type: "button",
|
|
151
|
+
},
|
|
152
|
+
parameters: {
|
|
153
|
+
controls: {
|
|
154
|
+
exclude: ["icon", "iconPosition"],
|
|
155
|
+
},
|
|
156
|
+
},
|
|
157
|
+
};
|
|
158
|
+
exports.Disabled = {
|
|
159
|
+
render: (args) => (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, args)),
|
|
160
|
+
args: {
|
|
161
|
+
children: "Disabled",
|
|
162
|
+
variant: "primary",
|
|
163
|
+
size: "medium",
|
|
164
|
+
isDisabled: true,
|
|
165
|
+
isLoading: false,
|
|
166
|
+
isSuccess: false,
|
|
167
|
+
type: "button",
|
|
168
|
+
},
|
|
169
|
+
};
|
|
170
|
+
exports.WithIcon = {
|
|
171
|
+
render: (args) => (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, args)),
|
|
172
|
+
args: {
|
|
173
|
+
children: "Menu",
|
|
174
|
+
variant: "primary",
|
|
175
|
+
size: "medium",
|
|
176
|
+
icon: "menu",
|
|
177
|
+
iconPosition: "right",
|
|
178
|
+
isDisabled: false,
|
|
179
|
+
isLoading: false,
|
|
180
|
+
isSuccess: false,
|
|
181
|
+
type: "button",
|
|
182
|
+
},
|
|
183
|
+
};
|
|
184
|
+
exports.Themed = {
|
|
185
|
+
render: (args) => {
|
|
186
|
+
// eslint-disable-next-line global-require
|
|
187
|
+
require("./Button.story.styles.css");
|
|
188
|
+
return (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, args));
|
|
189
|
+
},
|
|
190
|
+
args: {
|
|
191
|
+
children: "Confirm",
|
|
192
|
+
variant: "primary",
|
|
193
|
+
size: "medium",
|
|
194
|
+
isDisabled: false,
|
|
195
|
+
isLoading: false,
|
|
196
|
+
isSuccess: false,
|
|
197
|
+
className: "button-example-with-theme",
|
|
198
|
+
type: "button",
|
|
199
|
+
},
|
|
200
|
+
};
|
|
201
|
+
//# sourceMappingURL=Button.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import type { Meta } from "@storybook/react";
|
|
2
|
+
import { Checkbox, CheckboxProps } from ".";
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("../..").ForwardedRefComponent<CheckboxProps, HTMLInputElement>;
|
|
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
|
+
label: {
|
|
19
|
+
control: {
|
|
20
|
+
type: string;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
export default _default;
|
|
26
|
+
export declare const Normal: Meta<typeof Checkbox>;
|
|
27
|
+
export declare const ControlledValue: Meta<typeof Checkbox>;
|
|
28
|
+
export declare const Disabled: Meta<typeof Checkbox>;
|
|
29
|
+
export declare const Indeterminate: Meta<typeof Checkbox>;
|
|
30
|
+
export declare const Valid: Meta<typeof Checkbox>;
|
|
31
|
+
export declare const Invalid: Meta<typeof Checkbox>;
|
|
32
|
+
export declare const LongLabel: Meta<typeof Checkbox>;
|