@autoguru/overdrive 4.0.3 → 4.1.2
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 +24 -0
- package/dist/components/Actions/Actions.d.ts +7 -0
- package/dist/components/Actions/Actions.d.ts.map +1 -0
- package/dist/components/Actions/Actions.js +3 -20
- package/dist/components/Actions/index.d.ts +2 -0
- package/dist/components/Actions/index.d.ts.map +1 -0
- package/dist/components/Actions/index.js +1 -3
- package/dist/components/Alert/Alert.css.d.ts +4 -0
- package/dist/components/Alert/Alert.css.d.ts.map +1 -0
- package/dist/components/Alert/Alert.css.js +20 -28
- package/dist/components/Alert/Alert.d.ts +15 -0
- package/dist/components/Alert/Alert.d.ts.map +1 -0
- package/dist/components/Alert/Alert.js +26 -84
- package/dist/components/Alert/index.d.ts +2 -0
- package/dist/components/Alert/index.d.ts.map +1 -0
- package/dist/components/Alert/index.js +1 -3
- package/dist/components/Anchor/Anchor.css.d.ts +2 -0
- package/dist/components/Anchor/Anchor.css.d.ts.map +1 -0
- package/dist/components/Anchor/Anchor.css.js +3 -11
- package/dist/components/Anchor/Anchor.d.ts +14 -0
- package/dist/components/Anchor/Anchor.d.ts.map +1 -0
- package/dist/components/Anchor/Anchor.js +28 -53
- package/dist/components/Anchor/index.d.ts +2 -0
- package/dist/components/Anchor/index.d.ts.map +1 -0
- package/dist/components/Anchor/index.js +1 -3
- package/dist/components/AutoSuggest/AutoSuggest.css.d.ts +15 -0
- package/dist/components/AutoSuggest/AutoSuggest.css.d.ts.map +1 -0
- package/dist/components/AutoSuggest/AutoSuggest.css.js +76 -84
- package/dist/components/AutoSuggest/AutoSuggest.d.ts +1 -0
- package/dist/components/AutoSuggest/AutoSuggest.d.ts.map +1 -1
- package/dist/components/AutoSuggest/AutoSuggest.js +302 -617
- package/dist/components/AutoSuggest/index.js +1 -3
- package/dist/components/AutoSuggest/stories.js +1 -0
- package/dist/components/AutoSuggest/useLayoutSuggestionVisible.d.ts +3 -0
- package/dist/components/AutoSuggest/useLayoutSuggestionVisible.d.ts.map +1 -0
- package/dist/components/AutoSuggest/useLayoutSuggestionVisible.js +31 -29
- package/dist/components/Badge/Badge.css.d.ts +13 -0
- package/dist/components/Badge/Badge.css.d.ts.map +1 -0
- package/dist/components/Badge/Badge.css.js +71 -79
- package/dist/components/Badge/Badge.d.ts +11 -0
- package/dist/components/Badge/Badge.d.ts.map +1 -0
- package/dist/components/Badge/Badge.js +28 -43
- package/dist/components/Badge/index.d.ts +2 -0
- package/dist/components/Badge/index.d.ts.map +1 -0
- package/dist/components/Badge/index.js +1 -3
- package/dist/components/Box/Box.d.ts +7 -0
- package/dist/components/Box/Box.d.ts.map +1 -0
- package/dist/components/Box/Box.js +53 -122
- package/dist/components/Box/argTypes.d.ts +7 -0
- package/dist/components/Box/argTypes.d.ts.map +1 -0
- package/dist/components/Box/argTypes.js +94 -64
- package/dist/components/Box/index.d.ts +4 -0
- package/dist/components/Box/index.d.ts.map +1 -0
- package/dist/components/Box/index.js +2 -4
- package/dist/components/Box/useBoxStyles.css.d.ts +46 -0
- package/dist/components/Box/useBoxStyles.css.d.ts.map +1 -0
- package/dist/components/Box/useBoxStyles.css.js +85 -105
- package/dist/components/Box/useBoxStyles.d.ts +66 -0
- package/dist/components/Box/useBoxStyles.d.ts.map +1 -0
- package/dist/components/Box/useBoxStyles.js +47 -75
- package/dist/components/BulletList/Bullet.css.d.ts +3 -0
- package/dist/components/BulletList/Bullet.css.d.ts.map +1 -0
- package/dist/components/BulletList/Bullet.css.js +41 -49
- package/dist/components/BulletList/Bullet.d.ts +7 -0
- package/dist/components/BulletList/Bullet.d.ts.map +1 -0
- package/dist/components/BulletList/Bullet.js +24 -38
- package/dist/components/BulletList/BulletList.css.d.ts +3 -0
- package/dist/components/BulletList/BulletList.css.d.ts.map +1 -0
- package/dist/components/BulletList/BulletList.css.js +5 -13
- package/dist/components/BulletList/BulletList.d.ts +6 -0
- package/dist/components/BulletList/BulletList.d.ts.map +1 -0
- package/dist/components/BulletList/BulletList.js +10 -23
- package/dist/components/BulletList/context.d.ts +5 -0
- package/dist/components/BulletList/context.d.ts.map +1 -0
- package/dist/components/BulletList/context.js +1 -3
- package/dist/components/BulletList/index.d.ts +3 -0
- package/dist/components/BulletList/index.d.ts.map +1 -0
- package/dist/components/BulletList/index.js +2 -4
- package/dist/components/BulletText/BulletText.css.d.ts +6 -0
- package/dist/components/BulletText/BulletText.css.d.ts.map +1 -0
- package/dist/components/BulletText/BulletText.css.js +13 -21
- package/dist/components/BulletText/BulletText.d.ts +8 -0
- package/dist/components/BulletText/BulletText.d.ts.map +1 -0
- package/dist/components/BulletText/BulletText.js +15 -56
- package/dist/components/BulletText/index.d.ts +2 -0
- package/dist/components/BulletText/index.d.ts.map +1 -0
- package/dist/components/BulletText/index.js +1 -3
- package/dist/components/Button/Button.css.d.ts +30 -0
- package/dist/components/Button/Button.css.d.ts.map +1 -0
- package/dist/components/Button/Button.css.js +143 -151
- package/dist/components/Button/Button.d.ts +20 -0
- package/dist/components/Button/Button.d.ts.map +1 -0
- package/dist/components/Button/Button.js +72 -112
- package/dist/components/Button/index.d.ts +2 -0
- package/dist/components/Button/index.d.ts.map +1 -0
- package/dist/components/Button/index.js +1 -3
- package/dist/components/CheckBox/CheckBox.css.d.ts +3 -0
- package/dist/components/CheckBox/CheckBox.css.d.ts.map +1 -0
- package/dist/components/CheckBox/CheckBox.css.js +20 -28
- package/dist/components/CheckBox/CheckBox.d.ts +14 -0
- package/dist/components/CheckBox/CheckBox.d.ts.map +1 -0
- package/dist/components/CheckBox/CheckBox.js +16 -54
- package/dist/components/CheckBox/index.d.ts +2 -0
- package/dist/components/CheckBox/index.d.ts.map +1 -0
- package/dist/components/CheckBox/index.js +1 -3
- package/dist/components/Columns/Column.css.d.ts +3 -0
- package/dist/components/Columns/Column.css.d.ts.map +1 -0
- package/dist/components/Columns/Column.css.js +26 -36
- package/dist/components/Columns/Column.d.ts +15 -0
- package/dist/components/Columns/Column.d.ts.map +1 -0
- package/dist/components/Columns/Column.js +16 -51
- package/dist/components/Columns/Columns.css.d.ts +7 -0
- package/dist/components/Columns/Columns.css.d.ts.map +1 -0
- package/dist/components/Columns/Columns.css.js +31 -39
- package/dist/components/Columns/Columns.d.ts +25 -0
- package/dist/components/Columns/Columns.d.ts.map +1 -0
- package/dist/components/Columns/Columns.js +21 -54
- package/dist/components/Columns/index.d.ts +3 -0
- package/dist/components/Columns/index.d.ts.map +1 -0
- package/dist/components/Columns/index.js +2 -4
- package/dist/components/DateInput/DateInput.js +7 -33
- package/dist/components/DateInput/index.js +1 -3
- package/dist/components/Flyout/Flyout.d.ts +4 -0
- package/dist/components/Flyout/Flyout.d.ts.map +1 -0
- package/dist/components/Flyout/Flyout.js +4 -40
- package/dist/components/Flyout/index.d.ts +2 -0
- package/dist/components/Flyout/index.d.ts.map +1 -0
- package/dist/components/Flyout/index.js +1 -3
- package/dist/components/Heading/Heading.d.ts +11 -0
- package/dist/components/Heading/Heading.d.ts.map +1 -0
- package/dist/components/Heading/Heading.js +19 -38
- package/dist/components/Heading/index.d.ts +2 -0
- package/dist/components/Heading/index.d.ts.map +1 -0
- package/dist/components/Heading/index.js +1 -3
- package/dist/components/Icon/Icon.css.d.ts +2 -0
- package/dist/components/Icon/Icon.css.d.ts.map +1 -0
- package/dist/components/Icon/Icon.css.js +5 -13
- package/dist/components/Icon/Icon.d.ts +13 -0
- package/dist/components/Icon/Icon.d.ts.map +1 -0
- package/dist/components/Icon/Icon.js +8 -25
- package/dist/components/Icon/index.d.ts +2 -0
- package/dist/components/Icon/index.d.ts.map +1 -0
- package/dist/components/Icon/index.js +1 -3
- package/dist/components/Image/Image.d.ts +8 -0
- package/dist/components/Image/Image.d.ts.map +1 -0
- package/dist/components/Image/Image.js +5 -0
- package/dist/components/Image/ImageServerProvider.d.ts +18 -0
- package/dist/components/Image/ImageServerProvider.d.ts.map +1 -0
- package/dist/components/Image/ImageServerProvider.js +45 -0
- package/dist/components/Image/ResponsiveImage.d.ts +11 -0
- package/dist/components/Image/ResponsiveImage.d.ts.map +1 -0
- package/dist/components/Image/ResponsiveImage.js +22 -0
- package/dist/components/Image/SimpleImage.d.ts +12 -0
- package/dist/components/Image/SimpleImage.d.ts.map +1 -0
- package/dist/components/Image/SimpleImage.js +2 -0
- package/dist/components/Image/index.d.ts +2 -0
- package/dist/components/Image/index.d.ts.map +1 -0
- package/dist/components/Image/index.js +1 -0
- package/dist/components/Image/stories.js +194 -0
- package/dist/components/Image/types.d.ts +2 -0
- package/dist/components/Image/types.d.ts.map +1 -0
- package/dist/components/Image/types.js +1 -0
- package/dist/components/Inline/Inline.d.ts +13 -0
- package/dist/components/Inline/Inline.d.ts.map +1 -0
- package/dist/components/Inline/Inline.js +30 -71
- package/dist/components/Inline/index.d.ts +2 -0
- package/dist/components/Inline/index.d.ts.map +1 -0
- package/dist/components/Inline/index.js +1 -3
- package/dist/components/LinearProgressIndicator/LinearProgressIndicator.css.d.ts +4 -0
- package/dist/components/LinearProgressIndicator/LinearProgressIndicator.css.d.ts.map +1 -0
- package/dist/components/LinearProgressIndicator/LinearProgressIndicator.css.js +48 -56
- package/dist/components/LinearProgressIndicator/LinearProgressIndicator.d.ts +6 -0
- package/dist/components/LinearProgressIndicator/LinearProgressIndicator.d.ts.map +1 -0
- package/dist/components/LinearProgressIndicator/LinearProgressIndicator.js +7 -31
- package/dist/components/LinearProgressIndicator/index.d.ts +2 -0
- package/dist/components/LinearProgressIndicator/index.d.ts.map +1 -0
- package/dist/components/LinearProgressIndicator/index.js +1 -3
- package/dist/components/LoadingBox/LoadingBox.css.d.ts +3 -0
- package/dist/components/LoadingBox/LoadingBox.css.d.ts.map +1 -0
- package/dist/components/LoadingBox/LoadingBox.css.js +18 -26
- package/dist/components/LoadingBox/LoadingBox.d.ts +9 -0
- package/dist/components/LoadingBox/LoadingBox.d.ts.map +1 -0
- package/dist/components/LoadingBox/LoadingBox.js +6 -38
- package/dist/components/LoadingBox/index.d.ts +2 -0
- package/dist/components/LoadingBox/index.d.ts.map +1 -0
- package/dist/components/LoadingBox/index.js +1 -3
- package/dist/components/Meta/Meta.css.d.ts +2 -0
- package/dist/components/Meta/Meta.css.d.ts.map +1 -0
- package/dist/components/Meta/Meta.css.js +8 -16
- package/dist/components/Meta/Meta.js +7 -27
- package/dist/components/Meta/index.js +1 -3
- package/dist/components/MinimalModal/MinimalModal.css.d.ts +3 -0
- package/dist/components/MinimalModal/MinimalModal.css.d.ts.map +1 -0
- package/dist/components/MinimalModal/MinimalModal.css.js +7 -15
- package/dist/components/MinimalModal/MinimalModal.d.ts +7 -0
- package/dist/components/MinimalModal/MinimalModal.d.ts.map +1 -0
- package/dist/components/MinimalModal/MinimalModal.js +27 -62
- package/dist/components/MinimalModal/index.d.ts +2 -0
- package/dist/components/MinimalModal/index.d.ts.map +1 -0
- package/dist/components/MinimalModal/index.js +1 -3
- package/dist/components/Modal/Modal.css.d.ts +5 -0
- package/dist/components/Modal/Modal.css.d.ts.map +1 -0
- package/dist/components/Modal/Modal.css.js +30 -38
- package/dist/components/Modal/Modal.d.ts +9 -0
- package/dist/components/Modal/Modal.d.ts.map +1 -0
- package/dist/components/Modal/Modal.js +72 -128
- package/dist/components/Modal/index.d.ts +2 -0
- package/dist/components/Modal/index.d.ts.map +1 -0
- package/dist/components/Modal/index.js +1 -3
- package/dist/components/NumberInput/NumberInput.js +29 -60
- package/dist/components/NumberInput/index.js +1 -3
- package/dist/components/OrderedList/OrderedList.css.d.ts +2 -0
- package/dist/components/OrderedList/OrderedList.css.d.ts.map +1 -0
- package/dist/components/OrderedList/OrderedList.css.js +8 -16
- package/dist/components/OrderedList/OrderedList.d.ts +14 -0
- package/dist/components/OrderedList/OrderedList.d.ts.map +1 -0
- package/dist/components/OrderedList/OrderedList.js +26 -60
- package/dist/components/OrderedList/index.d.ts +2 -0
- package/dist/components/OrderedList/index.d.ts.map +1 -0
- package/dist/components/OrderedList/index.js +1 -3
- package/dist/components/OutsideClick/OutsideClick.d.ts +8 -0
- package/dist/components/OutsideClick/OutsideClick.d.ts.map +1 -0
- package/dist/components/OutsideClick/OutsideClick.js +35 -40
- package/dist/components/OutsideClick/index.d.ts +2 -0
- package/dist/components/OutsideClick/index.d.ts.map +1 -0
- package/dist/components/OutsideClick/index.js +1 -3
- package/dist/components/OverdriveProvider/OverdriveProvider.d.ts +7 -0
- package/dist/components/OverdriveProvider/OverdriveProvider.d.ts.map +1 -0
- package/dist/components/OverdriveProvider/OverdriveProvider.js +18 -34
- package/dist/components/OverdriveProvider/index.d.ts +2 -0
- package/dist/components/OverdriveProvider/index.d.ts.map +1 -0
- package/dist/components/OverdriveProvider/index.js +1 -3
- package/dist/components/Pagination/Bubble.d.ts +10 -0
- package/dist/components/Pagination/Bubble.d.ts.map +1 -0
- package/dist/components/Pagination/Bubble.js +19 -41
- package/dist/components/Pagination/Pagination.css.d.ts +4 -0
- package/dist/components/Pagination/Pagination.css.d.ts.map +1 -0
- package/dist/components/Pagination/Pagination.css.js +20 -28
- package/dist/components/Pagination/Pagination.d.ts +16 -0
- package/dist/components/Pagination/Pagination.d.ts.map +1 -0
- package/dist/components/Pagination/Pagination.js +69 -164
- package/dist/components/Pagination/index.d.ts +2 -0
- package/dist/components/Pagination/index.d.ts.map +1 -0
- package/dist/components/Pagination/index.js +1 -3
- package/dist/components/Portal/Portal.d.ts +10 -0
- package/dist/components/Portal/Portal.d.ts.map +1 -0
- package/dist/components/Portal/Portal.js +22 -36
- package/dist/components/Portal/index.d.ts +2 -0
- package/dist/components/Portal/index.d.ts.map +1 -0
- package/dist/components/Portal/index.js +1 -3
- package/dist/components/Positioner/Positioner.css.d.ts +2 -0
- package/dist/components/Positioner/Positioner.css.d.ts.map +1 -0
- package/dist/components/Positioner/Positioner.css.js +6 -14
- package/dist/components/Positioner/Positioner.d.ts +12 -0
- package/dist/components/Positioner/Positioner.d.ts.map +1 -0
- package/dist/components/Positioner/Positioner.js +84 -107
- package/dist/components/Positioner/alignment.d.ts +11 -0
- package/dist/components/Positioner/alignment.d.ts.map +1 -0
- package/dist/components/Positioner/alignment.js +10 -13
- package/dist/components/Positioner/index.d.ts +3 -0
- package/dist/components/Positioner/index.d.ts.map +1 -0
- package/dist/components/Positioner/index.js +2 -4
- package/dist/components/ProgressBar/ProgressBar.css.d.ts +3 -0
- package/dist/components/ProgressBar/ProgressBar.css.d.ts.map +1 -0
- package/dist/components/ProgressBar/ProgressBar.css.js +6 -14
- package/dist/components/ProgressBar/ProgressBar.d.ts +9 -0
- package/dist/components/ProgressBar/ProgressBar.d.ts.map +1 -0
- package/dist/components/ProgressBar/ProgressBar.js +11 -29
- package/dist/components/ProgressBar/index.d.ts +2 -0
- package/dist/components/ProgressBar/index.d.ts.map +1 -0
- package/dist/components/ProgressBar/index.js +1 -3
- package/dist/components/ProgressBarGroup/ProgressBarGroup.css.d.ts +2 -0
- package/dist/components/ProgressBarGroup/ProgressBarGroup.css.d.ts.map +1 -0
- package/dist/components/ProgressBarGroup/ProgressBarGroup.css.js +4 -12
- package/dist/components/ProgressBarGroup/ProgressBarGroup.d.ts +10 -0
- package/dist/components/ProgressBarGroup/ProgressBarGroup.d.ts.map +1 -0
- package/dist/components/ProgressBarGroup/ProgressBarGroup.js +14 -42
- package/dist/components/ProgressBarGroup/index.d.ts +2 -0
- package/dist/components/ProgressBarGroup/index.d.ts.map +1 -0
- package/dist/components/ProgressBarGroup/index.js +1 -3
- package/dist/components/ProgressSpinner/ProgressSpinner.css.d.ts +9 -0
- package/dist/components/ProgressSpinner/ProgressSpinner.css.d.ts.map +1 -0
- package/dist/components/ProgressSpinner/ProgressSpinner.css.js +73 -81
- package/dist/components/ProgressSpinner/ProgressSpinner.d.ts +9 -0
- package/dist/components/ProgressSpinner/ProgressSpinner.d.ts.map +1 -0
- package/dist/components/ProgressSpinner/ProgressSpinner.js +13 -31
- package/dist/components/ProgressSpinner/index.d.ts +2 -0
- package/dist/components/ProgressSpinner/index.d.ts.map +1 -0
- package/dist/components/ProgressSpinner/index.js +1 -3
- package/dist/components/Radio/Radio.css.d.ts +2 -0
- package/dist/components/Radio/Radio.css.d.ts.map +1 -0
- package/dist/components/Radio/Radio.css.js +23 -31
- package/dist/components/Radio/Radio.d.ts +10 -0
- package/dist/components/Radio/Radio.d.ts.map +1 -0
- package/dist/components/Radio/Radio.js +19 -58
- package/dist/components/Radio/RadioGroup.d.ts +19 -0
- package/dist/components/Radio/RadioGroup.d.ts.map +1 -0
- package/dist/components/Radio/RadioGroup.js +7 -32
- package/dist/components/Radio/index.d.ts +3 -0
- package/dist/components/Radio/index.d.ts.map +1 -0
- package/dist/components/Radio/index.js +2 -4
- package/dist/components/Section/Section.css.d.ts +3 -0
- package/dist/components/Section/Section.css.d.ts.map +1 -0
- package/dist/components/Section/Section.css.js +5 -13
- package/dist/components/Section/Section.d.ts +8 -0
- package/dist/components/Section/Section.d.ts.map +1 -0
- package/dist/components/Section/Section.js +3 -18
- package/dist/components/Section/index.d.ts +2 -0
- package/dist/components/Section/index.d.ts.map +1 -0
- package/dist/components/Section/index.js +1 -3
- package/dist/components/SelectInput/SelectInput.css.d.ts +4 -0
- package/dist/components/SelectInput/SelectInput.css.d.ts.map +1 -0
- package/dist/components/SelectInput/SelectInput.css.js +11 -19
- package/dist/components/SelectInput/SelectInput.js +11 -59
- package/dist/components/SelectInput/index.js +1 -3
- package/dist/components/SimplePagination/SimplePagination.d.ts +14 -0
- package/dist/components/SimplePagination/SimplePagination.d.ts.map +1 -0
- package/dist/components/SimplePagination/SimplePagination.js +17 -55
- package/dist/components/SimplePagination/index.d.ts +2 -0
- package/dist/components/SimplePagination/index.d.ts.map +1 -0
- package/dist/components/SimplePagination/index.js +1 -3
- package/dist/components/Stack/Divider.css.d.ts +2 -0
- package/dist/components/Stack/Divider.css.d.ts.map +1 -0
- package/dist/components/Stack/Divider.css.js +4 -12
- package/dist/components/Stack/Divider.d.ts +3 -0
- package/dist/components/Stack/Divider.d.ts.map +1 -0
- package/dist/components/Stack/Divider.js +4 -13
- package/dist/components/Stack/Stack.css.d.ts +5 -0
- package/dist/components/Stack/Stack.css.d.ts.map +1 -0
- package/dist/components/Stack/Stack.css.js +10 -18
- package/dist/components/Stack/Stack.d.ts +11 -0
- package/dist/components/Stack/Stack.d.ts.map +1 -0
- package/dist/components/Stack/Stack.js +23 -43
- package/dist/components/Stack/index.d.ts +2 -0
- package/dist/components/Stack/index.d.ts.map +1 -0
- package/dist/components/Stack/index.js +1 -3
- package/dist/components/StandardModal/StandardModal.css.d.ts +8 -0
- package/dist/components/StandardModal/StandardModal.css.d.ts.map +1 -0
- package/dist/components/StandardModal/StandardModal.css.js +57 -69
- package/dist/components/StandardModal/StandardModal.d.ts +16 -0
- package/dist/components/StandardModal/StandardModal.d.ts.map +1 -0
- package/dist/components/StandardModal/StandardModal.js +50 -123
- package/dist/components/StandardModal/index.d.ts +2 -0
- package/dist/components/StandardModal/index.d.ts.map +1 -0
- package/dist/components/StandardModal/index.js +1 -3
- package/dist/components/StarRating/StarRating.css.d.ts +2 -0
- package/dist/components/StarRating/StarRating.css.d.ts.map +1 -0
- package/dist/components/StarRating/StarRating.css.js +8 -16
- package/dist/components/StarRating/StarRating.d.ts +13 -0
- package/dist/components/StarRating/StarRating.d.ts.map +1 -0
- package/dist/components/StarRating/StarRating.js +46 -89
- package/dist/components/StarRating/index.d.ts +2 -0
- package/dist/components/StarRating/index.d.ts.map +1 -0
- package/dist/components/StarRating/index.js +1 -3
- package/dist/components/Stepper/Stepper.css.d.ts +5 -0
- package/dist/components/Stepper/Stepper.css.d.ts.map +1 -0
- package/dist/components/Stepper/Stepper.css.js +29 -39
- package/dist/components/Stepper/Stepper.d.ts +13 -0
- package/dist/components/Stepper/Stepper.d.ts.map +1 -0
- package/dist/components/Stepper/Stepper.js +95 -176
- package/dist/components/Stepper/index.d.ts +2 -0
- package/dist/components/Stepper/index.d.ts.map +1 -0
- package/dist/components/Stepper/index.js +1 -3
- package/dist/components/Switch/Switch.css.d.ts +5 -0
- package/dist/components/Switch/Switch.css.d.ts.map +1 -0
- package/dist/components/Switch/Switch.css.js +41 -49
- package/dist/components/Switch/Switch.d.ts +9 -0
- package/dist/components/Switch/Switch.d.ts.map +1 -0
- package/dist/components/Switch/Switch.js +27 -62
- package/dist/components/Switch/index.d.ts +2 -0
- package/dist/components/Switch/index.d.ts.map +1 -0
- package/dist/components/Switch/index.js +1 -3
- package/dist/components/Table/Table.css.d.ts +2 -0
- package/dist/components/Table/Table.css.d.ts.map +1 -0
- package/dist/components/Table/Table.css.js +6 -14
- package/dist/components/Table/Table.d.ts +9 -0
- package/dist/components/Table/Table.d.ts.map +1 -0
- package/dist/components/Table/Table.js +5 -28
- package/dist/components/Table/TableCell.css.d.ts +2 -0
- package/dist/components/Table/TableCell.css.d.ts.map +1 -0
- package/dist/components/Table/TableCell.css.js +20 -28
- package/dist/components/Table/TableCell.d.ts +12 -0
- package/dist/components/Table/TableCell.d.ts.map +1 -0
- package/dist/components/Table/TableCell.js +11 -41
- package/dist/components/Table/TableHeadCell.css.d.ts +10 -0
- package/dist/components/Table/TableHeadCell.css.d.ts.map +1 -0
- package/dist/components/Table/TableHeadCell.css.js +50 -61
- package/dist/components/Table/TableHeadCell.d.ts +14 -0
- package/dist/components/Table/TableHeadCell.d.ts.map +1 -0
- package/dist/components/Table/TableHeadCell.js +40 -86
- package/dist/components/Table/TableRow.d.ts +8 -0
- package/dist/components/Table/TableRow.d.ts.map +1 -0
- package/dist/components/Table/TableRow.js +2 -17
- package/dist/components/Table/TableRowGroup.d.ts +7 -0
- package/dist/components/Table/TableRowGroup.d.ts.map +1 -0
- package/dist/components/Table/TableRowGroup.js +2 -15
- package/dist/components/Table/context.d.ts +9 -0
- package/dist/components/Table/context.d.ts.map +1 -0
- package/dist/components/Table/context.js +10 -21
- package/dist/components/Table/index.d.ts +6 -0
- package/dist/components/Table/index.d.ts.map +1 -0
- package/dist/components/Table/index.js +5 -7
- package/dist/components/Tabs/Tab.css.d.ts +7 -0
- package/dist/components/Tabs/Tab.css.d.ts.map +1 -0
- package/dist/components/Tabs/Tab.css.js +35 -43
- package/dist/components/Tabs/Tab.d.ts +10 -0
- package/dist/components/Tabs/Tab.d.ts.map +1 -0
- package/dist/components/Tabs/Tab.js +50 -80
- package/dist/components/Tabs/TabList.css.d.ts +3 -0
- package/dist/components/Tabs/TabList.css.d.ts.map +1 -0
- package/dist/components/Tabs/TabList.css.js +22 -30
- package/dist/components/Tabs/TabList.d.ts +9 -0
- package/dist/components/Tabs/TabList.d.ts.map +1 -0
- package/dist/components/Tabs/TabList.js +68 -119
- package/dist/components/Tabs/TabPane.css.d.ts +2 -0
- package/dist/components/Tabs/TabPane.css.d.ts.map +1 -0
- package/dist/components/Tabs/TabPane.css.js +3 -11
- package/dist/components/Tabs/TabPane.d.ts +5 -0
- package/dist/components/Tabs/TabPane.d.ts.map +1 -0
- package/dist/components/Tabs/TabPane.js +15 -32
- package/dist/components/Tabs/TabPanes.css.d.ts +2 -0
- package/dist/components/Tabs/TabPanes.css.d.ts.map +1 -0
- package/dist/components/Tabs/TabPanes.css.js +8 -16
- package/dist/components/Tabs/TabPanes.d.ts +13 -0
- package/dist/components/Tabs/TabPanes.d.ts.map +1 -0
- package/dist/components/Tabs/TabPanes.js +5 -22
- package/dist/components/Tabs/Tabs.d.ts +16 -0
- package/dist/components/Tabs/Tabs.d.ts.map +1 -0
- package/dist/components/Tabs/Tabs.js +10 -22
- package/dist/components/Tabs/index.d.ts +6 -0
- package/dist/components/Tabs/index.d.ts.map +1 -0
- package/dist/components/Tabs/index.js +5 -7
- package/dist/components/Text/Text.d.ts +11 -0
- package/dist/components/Text/Text.d.ts.map +1 -0
- package/dist/components/Text/Text.js +13 -34
- package/dist/components/Text/index.d.ts +4 -0
- package/dist/components/Text/index.d.ts.map +1 -0
- package/dist/components/Text/index.js +2 -4
- package/dist/components/Text/useTextStyles.css.d.ts +7 -0
- package/dist/components/Text/useTextStyles.css.d.ts.map +1 -0
- package/dist/components/Text/useTextStyles.css.js +19 -39
- package/dist/components/Text/useTextStyles.d.ts +15 -0
- package/dist/components/Text/useTextStyles.d.ts.map +1 -0
- package/dist/components/Text/useTextStyles.js +5 -19
- package/dist/components/TextAreaInput/TextAreaInput.js +7 -34
- package/dist/components/TextAreaInput/index.js +1 -3
- package/dist/components/TextContainer/TextContainer.d.ts +9 -0
- package/dist/components/TextContainer/TextContainer.d.ts.map +1 -0
- package/dist/components/TextContainer/TextContainer.js +8 -42
- package/dist/components/TextContainer/index.d.ts +2 -0
- package/dist/components/TextContainer/index.d.ts.map +1 -0
- package/dist/components/TextContainer/index.js +1 -3
- package/dist/components/TextInput/TextInput.js +5 -35
- package/dist/components/TextInput/index.js +1 -3
- package/dist/components/TextLink/TextLink.css.d.ts +3 -0
- package/dist/components/TextLink/TextLink.css.d.ts.map +1 -0
- package/dist/components/TextLink/TextLink.css.js +15 -23
- package/dist/components/TextLink/TextLink.d.ts +14 -0
- package/dist/components/TextLink/TextLink.d.ts.map +1 -0
- package/dist/components/TextLink/TextLink.js +25 -63
- package/dist/components/TextLink/index.d.ts +2 -0
- package/dist/components/TextLink/index.d.ts.map +1 -0
- package/dist/components/TextLink/index.js +1 -3
- package/dist/components/ThemeProvider/ThemeProvider.d.ts +19 -0
- package/dist/components/ThemeProvider/ThemeProvider.d.ts.map +1 -0
- package/dist/components/ThemeProvider/ThemeProvider.js +12 -30
- package/dist/components/ThemeProvider/index.d.ts +2 -0
- package/dist/components/ThemeProvider/index.d.ts.map +1 -0
- package/dist/components/ThemeProvider/index.js +1 -3
- package/dist/components/Toaster/Toast.css.d.ts +3 -0
- package/dist/components/Toaster/Toast.css.d.ts.map +1 -0
- package/dist/components/Toaster/Toast.css.js +9 -17
- package/dist/components/Toaster/Toast.d.ts +13 -0
- package/dist/components/Toaster/Toast.d.ts.map +1 -0
- package/dist/components/Toaster/Toast.js +105 -217
- package/dist/components/Toaster/index.d.ts +2 -0
- package/dist/components/Toaster/index.d.ts.map +1 -0
- package/dist/components/Toaster/index.js +1 -3
- package/dist/components/Tooltip/Tooltip.css.d.ts +2 -0
- package/dist/components/Tooltip/Tooltip.css.d.ts.map +1 -0
- package/dist/components/Tooltip/Tooltip.css.js +9 -21
- package/dist/components/Tooltip/Tooltip.d.ts +9 -0
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -0
- package/dist/components/Tooltip/Tooltip.js +32 -61
- package/dist/components/Tooltip/index.d.ts +2 -0
- package/dist/components/Tooltip/index.d.ts.map +1 -0
- package/dist/components/Tooltip/index.js +1 -3
- package/dist/components/VisuallyHidden/VisuallyHidden.css.d.ts +2 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.css.d.ts.map +1 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.css.js +5 -13
- package/dist/components/VisuallyHidden/VisuallyHidden.d.ts +7 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.d.ts.map +1 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.js +3 -19
- package/dist/components/VisuallyHidden/index.d.ts +2 -0
- package/dist/components/VisuallyHidden/index.d.ts.map +1 -0
- package/dist/components/VisuallyHidden/index.js +1 -3
- package/dist/components/index.js +51 -53
- package/dist/components/private/CheckableBase/CheckableBase.css.d.ts +7 -0
- package/dist/components/private/CheckableBase/CheckableBase.css.d.ts.map +1 -0
- package/dist/components/private/CheckableBase/CheckableBase.css.js +38 -46
- package/dist/components/private/CheckableBase/CheckableBase.d.ts +16 -0
- package/dist/components/private/CheckableBase/CheckableBase.d.ts.map +1 -0
- package/dist/components/private/CheckableBase/CheckableBase.js +27 -89
- package/dist/components/private/CheckableBase/index.d.ts +2 -0
- package/dist/components/private/CheckableBase/index.d.ts.map +1 -0
- package/dist/components/private/CheckableBase/index.js +1 -3
- package/dist/components/private/CheckableBase/useCheckableStyles.d.ts +4 -0
- package/dist/components/private/CheckableBase/useCheckableStyles.d.ts.map +1 -0
- package/dist/components/private/CheckableBase/useCheckableStyles.js +3 -5
- package/dist/components/private/InputBase/HintText.css.d.ts +2 -0
- package/dist/components/private/InputBase/HintText.css.d.ts.map +1 -0
- package/dist/components/private/InputBase/HintText.css.js +3 -11
- package/dist/components/private/InputBase/HintText.d.ts +9 -0
- package/dist/components/private/InputBase/HintText.d.ts.map +1 -0
- package/dist/components/private/InputBase/HintText.js +14 -28
- package/dist/components/private/InputBase/InputState.css.d.ts +58 -0
- package/dist/components/private/InputBase/InputState.css.d.ts.map +1 -0
- package/dist/components/private/InputBase/InputState.css.js +80 -96
- package/dist/components/private/InputBase/NotchedBase.css.d.ts +14 -0
- package/dist/components/private/InputBase/NotchedBase.css.d.ts.map +1 -0
- package/dist/components/private/InputBase/NotchedBase.css.js +83 -78
- package/dist/components/private/InputBase/NotchedBase.d.ts +14 -0
- package/dist/components/private/InputBase/NotchedBase.d.ts.map +1 -0
- package/dist/components/private/InputBase/NotchedBase.js +34 -79
- package/dist/components/private/InputBase/index.js +1 -3
- package/dist/components/private/InputBase/withEnhancedInput.css.d.ts +1 -1
- package/dist/components/private/InputBase/withEnhancedInput.css.d.ts.map +1 -1
- package/dist/components/private/InputBase/withEnhancedInput.js +89 -176
- package/dist/hooks/useAttachedBoxes/index.js +1 -3
- package/dist/hooks/useAttachedBoxes/useAttachedBoxes.css.d.ts +9 -0
- package/dist/hooks/useAttachedBoxes/useAttachedBoxes.css.d.ts.map +1 -0
- package/dist/hooks/useAttachedBoxes/useAttachedBoxes.css.js +18 -26
- package/dist/hooks/useAttachedBoxes/useAttachedBoxes.js +46 -71
- package/dist/hooks/useMedia/index.js +1 -3
- package/dist/hooks/useMedia/useMedia.js +31 -37
- package/dist/hooks/useNegativeMargin/useNegativeMargin.d.ts +3 -0
- package/dist/hooks/useNegativeMargin/useNegativeMargin.d.ts.map +1 -0
- package/dist/hooks/useNegativeMargin/useNegativeMargin.js +2 -4
- package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.css.d.ts +2 -0
- package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.css.d.ts.map +1 -0
- package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.css.js +5 -13
- package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.d.ts +4 -0
- package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.d.ts.map +1 -0
- package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.js +3 -5
- package/dist/hooks/useNegativeMargin/useNegativeMarginTop.css.d.ts +2 -0
- package/dist/hooks/useNegativeMargin/useNegativeMarginTop.css.d.ts.map +1 -0
- package/dist/hooks/useNegativeMargin/useNegativeMarginTop.css.js +4 -12
- package/dist/hooks/useNegativeMargin/useNegativeMarginTop.d.ts +4 -0
- package/dist/hooks/useNegativeMargin/useNegativeMarginTop.d.ts.map +1 -0
- package/dist/hooks/useNegativeMargin/useNegativeMarginTop.js +3 -5
- package/dist/hooks/useResponsiveValue/index.js +1 -3
- package/dist/hooks/useResponsiveValue/useResponsiveValue.d.ts +1 -1
- package/dist/hooks/useResponsiveValue/useResponsiveValue.d.ts.map +1 -1
- package/dist/hooks/useResponsiveValue/useResponsiveValue.js +15 -14
- package/dist/index.js +5 -7
- package/dist/reset/globalFonts.css.d.ts +2 -0
- package/dist/reset/globalFonts.css.d.ts.map +1 -0
- package/dist/reset/globalFonts.css.js +12 -20
- package/dist/reset/globalReset.css.d.ts +2 -0
- package/dist/reset/globalReset.css.d.ts.map +1 -0
- package/dist/reset/globalReset.css.js +13 -21
- package/dist/reset/reset.css.d.ts +49 -0
- package/dist/reset/reset.css.d.ts.map +1 -0
- package/dist/reset/reset.css.js +109 -105
- package/dist/themes/base/index.d.ts +8 -0
- package/dist/themes/base/index.d.ts.map +1 -0
- package/dist/themes/base/index.js +7 -9
- package/dist/themes/base/tokens.d.ts +3 -0
- package/dist/themes/base/tokens.d.ts.map +1 -0
- package/dist/themes/base/tokens.js +249 -256
- package/dist/themes/base/vars.css.d.ts +3 -0
- package/dist/themes/base/vars.css.d.ts.map +1 -0
- package/dist/themes/base/vars.css.js +2 -10
- package/dist/themes/flat_red/index.d.ts +8 -0
- package/dist/themes/flat_red/index.d.ts.map +1 -0
- package/dist/themes/flat_red/index.js +8 -10
- package/dist/themes/flat_red/tokens.d.ts +3 -0
- package/dist/themes/flat_red/tokens.d.ts.map +1 -0
- package/dist/themes/flat_red/tokens.js +167 -171
- package/dist/themes/flat_red/vars.css.d.ts +2 -0
- package/dist/themes/flat_red/vars.css.d.ts.map +1 -0
- package/dist/themes/flat_red/vars.css.js +2 -10
- package/dist/themes/helpers.d.ts +2 -0
- package/dist/themes/helpers.d.ts.map +1 -0
- package/dist/themes/helpers.js +10 -9
- package/dist/themes/index.d.ts +3 -0
- package/dist/themes/index.d.ts.map +1 -0
- package/dist/themes/index.js +2 -4
- package/dist/themes/makeTheme.d.ts +12 -0
- package/dist/themes/makeTheme.d.ts.map +1 -0
- package/dist/themes/makeTheme.js +18 -29
- package/dist/themes/tokens.d.ts +95 -0
- package/dist/themes/tokens.d.ts.map +1 -0
- package/dist/themes/tokens.js +1 -3
- package/dist/utils/index.d.ts +19 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/index.js +77 -93
- package/dist/utils/mapTokenToProperty.d.ts +6 -0
- package/dist/utils/mapTokenToProperty.d.ts.map +1 -0
- package/dist/utils/mapTokenToProperty.js +10 -22
- package/dist/utils/resolveResponsiveProps.d.ts +7 -0
- package/dist/utils/resolveResponsiveProps.d.ts.map +1 -0
- package/dist/utils/resolveResponsiveProps.js +31 -29
- package/dist/utils/responsiveProps.css.d.ts +5 -0
- package/dist/utils/responsiveProps.css.d.ts.map +1 -0
- package/dist/utils/responsiveProps.css.js +17 -29
- package/dist/utils/responsiveStyle.d.ts +4 -0
- package/dist/utils/responsiveStyle.d.ts.map +1 -0
- package/dist/utils/responsiveStyle.js +16 -26
- package/package.json +1 -1
|
@@ -96,6 +96,7 @@ const standardProps = {
|
|
|
96
96
|
prefixIcon: void 0,
|
|
97
97
|
onReset: () => action('onReset')(),
|
|
98
98
|
onChange: thing => action('onChange')(thing),
|
|
99
|
+
onEnter: thing => action('onEnter')(thing),
|
|
99
100
|
onFocus: thing => action('onFocus')(thing),
|
|
100
101
|
onBlur: thing => action('onBlur')(thing)
|
|
101
102
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useLayoutSuggestionVisible.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/useLayoutSuggestionVisible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAC;AAInD,eAAO,MAAM,0BAA0B,mBACtB,MAAM,gBACR,UAAU,WAAW,CAAC,qBACjB,UAAU,WAAW,CAAC,SAyCzC,CAAC"}
|
|
@@ -1,31 +1,33 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
1
|
import { useLayoutEffect } from 'react';
|
|
4
|
-
import { isBrowser } from
|
|
2
|
+
import { isBrowser } from '../../utils';
|
|
5
3
|
export const useLayoutSuggestionVisible = (highlightIndex, highlightRef, suggestionListRef) => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
}
|
|
4
|
+
if (isBrowser) {
|
|
5
|
+
useLayoutEffect(() => {
|
|
6
|
+
if (highlightRef.current &&
|
|
7
|
+
suggestionListRef.current &&
|
|
8
|
+
highlightIndex > -1) {
|
|
9
|
+
const highlightItem = highlightRef.current;
|
|
10
|
+
const suggestionListItem = suggestionListRef.current;
|
|
11
|
+
const itemOffsetRelativeToContainer = highlightItem.offsetParent === suggestionListItem
|
|
12
|
+
? highlightItem.offsetTop
|
|
13
|
+
: highlightItem.offsetTop -
|
|
14
|
+
suggestionListItem.offsetTop;
|
|
15
|
+
let { scrollTop } = suggestionListItem;
|
|
16
|
+
const { offsetHeight } = suggestionListItem;
|
|
17
|
+
if (itemOffsetRelativeToContainer < scrollTop) {
|
|
18
|
+
scrollTop = itemOffsetRelativeToContainer;
|
|
19
|
+
}
|
|
20
|
+
else if (itemOffsetRelativeToContainer + highlightItem.offsetHeight >
|
|
21
|
+
scrollTop + offsetHeight) {
|
|
22
|
+
scrollTop =
|
|
23
|
+
itemOffsetRelativeToContainer +
|
|
24
|
+
highlightItem.offsetHeight -
|
|
25
|
+
offsetHeight;
|
|
26
|
+
}
|
|
27
|
+
if (scrollTop !== scrollTop) {
|
|
28
|
+
suggestionListItem.scrollTop = scrollTop;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}, [highlightIndex, highlightRef, suggestionListRef]);
|
|
32
|
+
}
|
|
33
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export declare const label: string;
|
|
2
|
+
export declare const labelSize: Record<"large" | "standard", string>;
|
|
3
|
+
export declare const colours: {
|
|
4
|
+
default: Record<"neutral" | "blue" | "green" | "red" | "yellow", string>;
|
|
5
|
+
inverted: {
|
|
6
|
+
neutral: Record<"background" | "text", string>;
|
|
7
|
+
green: Record<"background" | "text", string>;
|
|
8
|
+
blue: Record<"background" | "text", string>;
|
|
9
|
+
yellow: Record<"background" | "text", string>;
|
|
10
|
+
red: Record<"background" | "text", string>;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=Badge.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Badge/Badge.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK,QAIhB,CAAC;AAEH,eAAO,MAAM,SAAS,sCASpB,CAAC;AAGH,eAAO,MAAM,OAAO;;;;;;;;;CA8DnB,CAAC"}
|
|
@@ -1,86 +1,78 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
|
|
4
|
-
|
|
5
|
-
__vanilla_filescope__.setFileScope("lib/components/Badge/Badge.css.ts", "@autoguru/overdrive");
|
|
6
|
-
|
|
7
1
|
import { style, styleVariants } from '@vanilla-extract/css';
|
|
8
|
-
import { vars } from
|
|
2
|
+
import { vars } from '../../themes/base/vars.css';
|
|
9
3
|
export const label = style({
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
}
|
|
4
|
+
textOverflow: 'ellipsis',
|
|
5
|
+
letterSpacing: '0.5px',
|
|
6
|
+
textTransform: 'uppercase',
|
|
7
|
+
});
|
|
14
8
|
export const labelSize = styleVariants({
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
},
|
|
19
|
-
large: {
|
|
20
|
-
fontSize: vars.typography.size['4'].fontSize,
|
|
21
|
-
lineHeight: vars.typography.size['4'].fontSize
|
|
22
|
-
}
|
|
23
|
-
}, "labelSize");
|
|
24
|
-
export const colours = {
|
|
25
|
-
default: styleVariants({
|
|
26
|
-
neutral: {
|
|
27
|
-
backgroundColor: vars.colours.intent.neutral.background.standard
|
|
28
|
-
},
|
|
29
|
-
green: {
|
|
30
|
-
backgroundColor: vars.colours.intent.success.background.standard
|
|
9
|
+
standard: {
|
|
10
|
+
fontSize: vars.typography.size['2'].fontSize,
|
|
11
|
+
lineHeight: vars.typography.size['2'].fontSize,
|
|
31
12
|
},
|
|
32
|
-
|
|
33
|
-
|
|
13
|
+
large: {
|
|
14
|
+
fontSize: vars.typography.size['4'].fontSize,
|
|
15
|
+
lineHeight: vars.typography.size['4'].fontSize,
|
|
34
16
|
},
|
|
35
|
-
|
|
36
|
-
|
|
17
|
+
});
|
|
18
|
+
export const colours = {
|
|
19
|
+
default: styleVariants({
|
|
20
|
+
neutral: {
|
|
21
|
+
backgroundColor: vars.colours.intent.neutral.background.standard,
|
|
22
|
+
},
|
|
23
|
+
green: {
|
|
24
|
+
backgroundColor: vars.colours.intent.success.background.standard,
|
|
25
|
+
},
|
|
26
|
+
blue: {
|
|
27
|
+
backgroundColor: vars.colours.intent.information.background.standard,
|
|
28
|
+
},
|
|
29
|
+
yellow: {
|
|
30
|
+
backgroundColor: vars.colours.intent.warning.background.standard,
|
|
31
|
+
},
|
|
32
|
+
red: {
|
|
33
|
+
backgroundColor: vars.colours.intent.danger.background.standard,
|
|
34
|
+
},
|
|
35
|
+
}),
|
|
36
|
+
inverted: {
|
|
37
|
+
neutral: styleVariants({
|
|
38
|
+
background: {
|
|
39
|
+
backgroundColor: vars.colours.intent.neutral.background.mild,
|
|
40
|
+
},
|
|
41
|
+
text: {
|
|
42
|
+
color: vars.colours.intent.neutral.background.standard,
|
|
43
|
+
},
|
|
44
|
+
}),
|
|
45
|
+
green: styleVariants({
|
|
46
|
+
background: {
|
|
47
|
+
backgroundColor: vars.colours.intent.success.background.mild,
|
|
48
|
+
},
|
|
49
|
+
text: {
|
|
50
|
+
color: vars.colours.intent.success.background.standard,
|
|
51
|
+
},
|
|
52
|
+
}),
|
|
53
|
+
blue: styleVariants({
|
|
54
|
+
background: {
|
|
55
|
+
backgroundColor: vars.colours.intent.information.background.mild,
|
|
56
|
+
},
|
|
57
|
+
text: {
|
|
58
|
+
color: vars.colours.intent.information.background.standard,
|
|
59
|
+
},
|
|
60
|
+
}),
|
|
61
|
+
yellow: styleVariants({
|
|
62
|
+
background: {
|
|
63
|
+
backgroundColor: vars.colours.intent.warning.background.mild,
|
|
64
|
+
},
|
|
65
|
+
text: {
|
|
66
|
+
color: vars.colours.intent.warning.background.standard,
|
|
67
|
+
},
|
|
68
|
+
}),
|
|
69
|
+
red: styleVariants({
|
|
70
|
+
background: {
|
|
71
|
+
backgroundColor: vars.colours.intent.danger.background.mild,
|
|
72
|
+
},
|
|
73
|
+
text: {
|
|
74
|
+
color: vars.colours.intent.danger.background.standard,
|
|
75
|
+
},
|
|
76
|
+
}),
|
|
37
77
|
},
|
|
38
|
-
red: {
|
|
39
|
-
backgroundColor: vars.colours.intent.danger.background.standard
|
|
40
|
-
}
|
|
41
|
-
}, "colours_default"),
|
|
42
|
-
inverted: {
|
|
43
|
-
neutral: styleVariants({
|
|
44
|
-
background: {
|
|
45
|
-
backgroundColor: vars.colours.intent.neutral.background.mild
|
|
46
|
-
},
|
|
47
|
-
text: {
|
|
48
|
-
color: vars.colours.intent.neutral.background.standard
|
|
49
|
-
}
|
|
50
|
-
}, "colours_inverted_neutral"),
|
|
51
|
-
green: styleVariants({
|
|
52
|
-
background: {
|
|
53
|
-
backgroundColor: vars.colours.intent.success.background.mild
|
|
54
|
-
},
|
|
55
|
-
text: {
|
|
56
|
-
color: vars.colours.intent.success.background.standard
|
|
57
|
-
}
|
|
58
|
-
}, "colours_inverted_green"),
|
|
59
|
-
blue: styleVariants({
|
|
60
|
-
background: {
|
|
61
|
-
backgroundColor: vars.colours.intent.information.background.mild
|
|
62
|
-
},
|
|
63
|
-
text: {
|
|
64
|
-
color: vars.colours.intent.information.background.standard
|
|
65
|
-
}
|
|
66
|
-
}, "colours_inverted_blue"),
|
|
67
|
-
yellow: styleVariants({
|
|
68
|
-
background: {
|
|
69
|
-
backgroundColor: vars.colours.intent.warning.background.mild
|
|
70
|
-
},
|
|
71
|
-
text: {
|
|
72
|
-
color: vars.colours.intent.warning.background.standard
|
|
73
|
-
}
|
|
74
|
-
}, "colours_inverted_yellow"),
|
|
75
|
-
red: styleVariants({
|
|
76
|
-
background: {
|
|
77
|
-
backgroundColor: vars.colours.intent.danger.background.mild
|
|
78
|
-
},
|
|
79
|
-
text: {
|
|
80
|
-
color: vars.colours.intent.danger.background.standard
|
|
81
|
-
}
|
|
82
|
-
}, "colours_inverted_red")
|
|
83
|
-
}
|
|
84
78
|
};
|
|
85
|
-
|
|
86
|
-
__vanilla_filescope__.endFileScope();
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { FunctionComponent } from 'react';
|
|
2
|
+
import * as styles from './Badge.css';
|
|
3
|
+
export interface Props {
|
|
4
|
+
label: string;
|
|
5
|
+
colour?: keyof typeof styles.colours.default;
|
|
6
|
+
className?: string;
|
|
7
|
+
look?: 'standard' | 'inverted';
|
|
8
|
+
size?: keyof typeof styles.labelSize;
|
|
9
|
+
}
|
|
10
|
+
export declare const Badge: FunctionComponent<Props>;
|
|
11
|
+
//# sourceMappingURL=Badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../lib/components/Badge/Badge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK1C,OAAO,KAAK,MAAM,MAAM,aAAa,CAAC;AAEtC,MAAM,WAAW,KAAK;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,SAAS,CAAC;CACrC;AAED,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAmD1C,CAAC"}
|
|
@@ -1,45 +1,30 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
1
|
import { invariant } from '@autoguru/utilities';
|
|
4
2
|
import * as React from 'react';
|
|
5
|
-
import { Box } from
|
|
6
|
-
import { useTextStyles } from
|
|
7
|
-
import * as styles from
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
borderRadius: "1",
|
|
34
|
-
children: _jsx(Box, {
|
|
35
|
-
is: "span",
|
|
36
|
-
display: "block",
|
|
37
|
-
overflow: "hidden",
|
|
38
|
-
className: [textStyles, styles.label, inverted ? styles.colours.inverted[colour].text : useTextStyles({
|
|
39
|
-
colour: 'white'
|
|
40
|
-
})],
|
|
41
|
-
children: label
|
|
42
|
-
})
|
|
43
|
-
})
|
|
44
|
-
});
|
|
45
|
-
};
|
|
3
|
+
import { Box } from '../Box';
|
|
4
|
+
import { useTextStyles } from '../Text';
|
|
5
|
+
import * as styles from './Badge.css';
|
|
6
|
+
export const Badge = ({ label, colour = 'neutral', look = 'standard', size = 'standard', className = '', }) => {
|
|
7
|
+
const isStandardSize = size === 'standard';
|
|
8
|
+
const textStyles = useTextStyles({
|
|
9
|
+
noWrap: true,
|
|
10
|
+
fontWeight: 'semiBold',
|
|
11
|
+
colour: 'unset',
|
|
12
|
+
});
|
|
13
|
+
const inverted = look === 'inverted';
|
|
14
|
+
invariant(['string', 'number'].includes(typeof label), "Badge `label` can only contain string's or number's");
|
|
15
|
+
return (React.createElement(Box, { display: "flex" },
|
|
16
|
+
React.createElement(Box, { className: [
|
|
17
|
+
className,
|
|
18
|
+
styles.labelSize[size],
|
|
19
|
+
inverted
|
|
20
|
+
? styles.colours.inverted[colour].background
|
|
21
|
+
: styles.colours.default[colour],
|
|
22
|
+
], overflow: "hidden", display: "block", paddingX: isStandardSize ? '1' : '4', paddingY: isStandardSize ? '1' : '2', borderRadius: "1" },
|
|
23
|
+
React.createElement(Box, { is: "span", display: "block", overflow: "hidden", className: [
|
|
24
|
+
textStyles,
|
|
25
|
+
styles.label,
|
|
26
|
+
inverted
|
|
27
|
+
? styles.colours.inverted[colour].text
|
|
28
|
+
: useTextStyles({ colour: 'white' }),
|
|
29
|
+
] }, label))));
|
|
30
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { AllHTMLAttributes } from 'react';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import type { BoxStyleProps } from './useBoxStyles';
|
|
4
|
+
export interface Props extends BoxStyleProps, Omit<AllHTMLAttributes<HTMLElement>, 'width' | 'height' | 'className' | 'is'> {
|
|
5
|
+
}
|
|
6
|
+
export declare const Box: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
|
|
7
|
+
//# sourceMappingURL=Box.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAGpD,MAAM,WAAW,KAChB,SAAQ,aAAa,EACpB,IAAI,CACH,iBAAiB,CAAC,WAAW,CAAC,EAC9B,OAAO,GAAG,QAAQ,GAAG,WAAW,GAAG,IAAI,CACvC;CAAG;AAKN,eAAO,MAAM,GAAG,2EA4Hf,CAAC"}
|
|
@@ -1,126 +1,57 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
4
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
5
|
-
const _excluded = ["is", "padding", "paddingX", "paddingY", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "margin", "marginX", "marginY", "marginTop", "marginBottom", "marginLeft", "marginRight", "display", "width", "height", "position", "overflow", "userSelect", "textAlign", "pointerEvents", "borderColour", "borderColourX", "borderColourY", "borderColourTop", "borderColourRight", "borderColourBottom", "borderColourLeft", "borderWidth", "borderWidthX", "borderWidthY", "borderWidthTop", "borderWidthRight", "borderWidthBottom", "borderWidthLeft", "boxShadow", "borderRadius", "backgroundColour", "opacity", "className", "alignItems", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "justifyContent", "children"];
|
|
6
|
-
|
|
7
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
8
|
-
|
|
9
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
10
|
-
|
|
11
1
|
import clsx from 'clsx';
|
|
12
2
|
import * as React from 'react';
|
|
13
3
|
import { forwardRef } from 'react';
|
|
14
|
-
import { useBoxStyles } from
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
children
|
|
67
|
-
} = _ref,
|
|
68
|
-
allOtherProps = _objectWithoutProperties(_ref, _excluded);
|
|
69
|
-
|
|
70
|
-
const cls = useBoxStyles({
|
|
71
|
-
is: Component,
|
|
72
|
-
alignItems,
|
|
73
|
-
backgroundColour,
|
|
74
|
-
borderColour,
|
|
75
|
-
borderColourBottom,
|
|
76
|
-
borderColourLeft,
|
|
77
|
-
borderColourRight,
|
|
78
|
-
borderColourTop,
|
|
79
|
-
borderColourX,
|
|
80
|
-
borderColourY,
|
|
81
|
-
borderRadius,
|
|
82
|
-
borderWidth,
|
|
83
|
-
borderWidthBottom,
|
|
84
|
-
borderWidthLeft,
|
|
85
|
-
borderWidthRight,
|
|
86
|
-
borderWidthTop,
|
|
87
|
-
borderWidthX,
|
|
88
|
-
borderWidthY,
|
|
89
|
-
boxShadow,
|
|
90
|
-
display,
|
|
91
|
-
flexDirection,
|
|
92
|
-
flexGrow,
|
|
93
|
-
flexShrink,
|
|
94
|
-
flexWrap,
|
|
95
|
-
height,
|
|
96
|
-
justifyContent,
|
|
97
|
-
margin,
|
|
98
|
-
marginBottom,
|
|
99
|
-
marginLeft,
|
|
100
|
-
marginRight,
|
|
101
|
-
marginTop,
|
|
102
|
-
marginX,
|
|
103
|
-
marginY,
|
|
104
|
-
opacity,
|
|
105
|
-
overflow,
|
|
106
|
-
padding,
|
|
107
|
-
paddingBottom,
|
|
108
|
-
paddingLeft,
|
|
109
|
-
paddingRight,
|
|
110
|
-
paddingTop,
|
|
111
|
-
paddingX,
|
|
112
|
-
paddingY,
|
|
113
|
-
pointerEvents,
|
|
114
|
-
position,
|
|
115
|
-
textAlign,
|
|
116
|
-
userSelect,
|
|
117
|
-
width
|
|
118
|
-
});
|
|
119
|
-
return _jsx(Component, _objectSpread(_objectSpread({
|
|
120
|
-
ref: ref,
|
|
121
|
-
className: clsx(cls, className)
|
|
122
|
-
}, allOtherProps), {}, {
|
|
123
|
-
children: children
|
|
124
|
-
}));
|
|
4
|
+
import { useBoxStyles } from './useBoxStyles';
|
|
5
|
+
export const Box = forwardRef(({ is: Component = 'div', padding, paddingX, paddingY, paddingTop, paddingBottom, paddingLeft, paddingRight, margin, marginX, marginY, marginTop, marginBottom, marginLeft, marginRight, display, width, height, position, overflow, userSelect, textAlign, pointerEvents, borderColour, borderColourX, borderColourY, borderColourTop, borderColourRight, borderColourBottom, borderColourLeft, borderWidth, borderWidthX, borderWidthY, borderWidthTop, borderWidthRight, borderWidthBottom, borderWidthLeft, boxShadow, borderRadius, backgroundColour, opacity, className = '', alignItems, flexDirection, flexGrow, flexShrink, flexWrap, justifyContent, children, ...allOtherProps }, ref) => {
|
|
6
|
+
const cls = useBoxStyles({
|
|
7
|
+
is: Component,
|
|
8
|
+
alignItems,
|
|
9
|
+
backgroundColour,
|
|
10
|
+
borderColour,
|
|
11
|
+
borderColourBottom,
|
|
12
|
+
borderColourLeft,
|
|
13
|
+
borderColourRight,
|
|
14
|
+
borderColourTop,
|
|
15
|
+
borderColourX,
|
|
16
|
+
borderColourY,
|
|
17
|
+
borderRadius,
|
|
18
|
+
borderWidth,
|
|
19
|
+
borderWidthBottom,
|
|
20
|
+
borderWidthLeft,
|
|
21
|
+
borderWidthRight,
|
|
22
|
+
borderWidthTop,
|
|
23
|
+
borderWidthX,
|
|
24
|
+
borderWidthY,
|
|
25
|
+
boxShadow,
|
|
26
|
+
display,
|
|
27
|
+
flexDirection,
|
|
28
|
+
flexGrow,
|
|
29
|
+
flexShrink,
|
|
30
|
+
flexWrap,
|
|
31
|
+
height,
|
|
32
|
+
justifyContent,
|
|
33
|
+
margin,
|
|
34
|
+
marginBottom,
|
|
35
|
+
marginLeft,
|
|
36
|
+
marginRight,
|
|
37
|
+
marginTop,
|
|
38
|
+
marginX,
|
|
39
|
+
marginY,
|
|
40
|
+
opacity,
|
|
41
|
+
overflow,
|
|
42
|
+
padding,
|
|
43
|
+
paddingBottom,
|
|
44
|
+
paddingLeft,
|
|
45
|
+
paddingRight,
|
|
46
|
+
paddingTop,
|
|
47
|
+
paddingX,
|
|
48
|
+
paddingY,
|
|
49
|
+
pointerEvents,
|
|
50
|
+
position,
|
|
51
|
+
textAlign,
|
|
52
|
+
userSelect,
|
|
53
|
+
width,
|
|
54
|
+
});
|
|
55
|
+
return (React.createElement(Component, { ref: ref, className: clsx(cls, className), ...allOtherProps }, children));
|
|
125
56
|
});
|
|
126
|
-
Box.displayName = 'Box';
|
|
57
|
+
Box.displayName = 'Box';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ArgTypes } from '@storybook/react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { Tokens } from '../../themes/tokens';
|
|
4
|
+
import { Box } from './Box';
|
|
5
|
+
export declare const scaleOptions: Array<keyof Tokens['space']>;
|
|
6
|
+
export declare const boxArgTypes: Partial<ArgTypes<ComponentProps<typeof Box>>>;
|
|
7
|
+
//# sourceMappingURL=argTypes.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"argTypes.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/argTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAWrD,CAAC;AAgCF,eAAO,MAAM,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,CAoDrE,CAAC"}
|