@autoguru/overdrive 4.0.3 → 4.0.4
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 +6 -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.js +297 -617
- package/dist/components/AutoSuggest/index.js +1 -3
- 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/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.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.js +14 -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
|
@@ -1,18 +1,10 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
|
|
4
|
-
|
|
5
|
-
__vanilla_filescope__.setFileScope("lib/components/Tabs/TabPanes.css.ts", "@autoguru/overdrive");
|
|
6
|
-
|
|
7
1
|
import { style } from '@vanilla-extract/css';
|
|
8
2
|
export const root = style({
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
__vanilla_filescope__.endFileScope();
|
|
3
|
+
float: 'left',
|
|
4
|
+
outline: 'none',
|
|
5
|
+
':after': {
|
|
6
|
+
display: 'table',
|
|
7
|
+
clear: 'both',
|
|
8
|
+
content: '""',
|
|
9
|
+
},
|
|
10
|
+
});
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { FunctionComponent } from 'react';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
interface TabPanesContextValue {
|
|
4
|
+
paneIndex: number;
|
|
5
|
+
renderInactive: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare const TabPanesContext: React.Context<TabPanesContextValue>;
|
|
8
|
+
interface Props {
|
|
9
|
+
renderInactivePanes?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare const TabPanes: FunctionComponent<Props>;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=TabPanes.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabPanes.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/TabPanes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,UAAU,oBAAoB;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,qCAAmD,CAAC;AAEhF,UAAU,KAAK;IAEd,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,KAAK,CAe7C,CAAC"}
|
|
@@ -1,27 +1,10 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
1
|
import * as React from 'react';
|
|
4
2
|
import { Children, createContext } from 'react';
|
|
5
3
|
import flattenChildren from 'react-keyed-flatten-children';
|
|
6
|
-
import { Box } from
|
|
7
|
-
import * as styles from
|
|
8
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
+
import { Box } from '../Box';
|
|
5
|
+
import * as styles from './TabPanes.css';
|
|
9
6
|
export const TabPanesContext = createContext(null);
|
|
10
|
-
export const TabPanes =
|
|
11
|
-
let {
|
|
12
|
-
renderInactivePanes = false,
|
|
13
|
-
children
|
|
14
|
-
} = _ref;
|
|
15
|
-
return _jsx(Box, {
|
|
16
|
-
paddingY: "6",
|
|
17
|
-
className: styles.root,
|
|
18
|
-
width: "full",
|
|
19
|
-
children: Children.map(flattenChildren(children), (child, index) => _jsx(TabPanesContext.Provider, {
|
|
20
|
-
value: {
|
|
7
|
+
export const TabPanes = ({ renderInactivePanes = false, children, }) => (React.createElement(Box, { paddingY: "6", className: styles.root, width: "full" }, Children.map(flattenChildren(children), (child, index) => (React.createElement(TabPanesContext.Provider, { value: {
|
|
21
8
|
paneIndex: index,
|
|
22
|
-
renderInactive: renderInactivePanes
|
|
23
|
-
|
|
24
|
-
children: child
|
|
25
|
-
}))
|
|
26
|
-
});
|
|
27
|
-
};
|
|
9
|
+
renderInactive: renderInactivePanes,
|
|
10
|
+
} }, child)))));
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { FunctionComponent } from 'react';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
interface TabsContextValue {
|
|
4
|
+
id?: string;
|
|
5
|
+
activeIndex: number;
|
|
6
|
+
onChange?: (index: number) => void;
|
|
7
|
+
}
|
|
8
|
+
export declare const TabsContext: React.Context<TabsContextValue>;
|
|
9
|
+
export interface Props {
|
|
10
|
+
id?: string | null;
|
|
11
|
+
active: number;
|
|
12
|
+
onChange?: (index: number) => void;
|
|
13
|
+
}
|
|
14
|
+
export declare const Tabs: FunctionComponent<Props>;
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=Tabs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,gBAAgB;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,WAAW,iCAA+C,CAAC;AAExE,MAAM,WAAW,KAAK;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAAC,KAAK,CA0BzC,CAAC"}
|
|
@@ -1,25 +1,13 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
1
|
import * as React from 'react';
|
|
4
2
|
import { createContext, useMemo } from 'react';
|
|
5
|
-
import { useId, useUncontrolledState } from
|
|
6
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useId, useUncontrolledState } from '../../utils';
|
|
7
4
|
export const TabsContext = createContext(null);
|
|
8
|
-
export const Tabs =
|
|
9
|
-
|
|
10
|
-
id
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
return _jsx(TabsContext.Provider, {
|
|
18
|
-
value: useMemo(() => ({
|
|
19
|
-
id,
|
|
20
|
-
activeIndex: activeState,
|
|
21
|
-
onChange: setActiveState
|
|
22
|
-
}), [id, activeState]),
|
|
23
|
-
children: children
|
|
24
|
-
});
|
|
25
|
-
};
|
|
5
|
+
export const Tabs = ({ id: incomingId, active = 0, onChange, children, }) => {
|
|
6
|
+
const [activeState, setActiveState] = useUncontrolledState(active, onChange);
|
|
7
|
+
const id = useId(incomingId ?? undefined);
|
|
8
|
+
return (React.createElement(TabsContext.Provider, { value: useMemo(() => ({
|
|
9
|
+
id,
|
|
10
|
+
activeIndex: activeState,
|
|
11
|
+
onChange: setActiveState,
|
|
12
|
+
}), [id, activeState]) }, children));
|
|
13
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export {
|
|
4
|
-
export {
|
|
5
|
-
export {
|
|
6
|
-
export { TabPane } from "./TabPane.js";
|
|
7
|
-
export { TabPanes } from "./TabPanes.js";
|
|
1
|
+
export { Tabs } from './Tabs';
|
|
2
|
+
export { Tab } from './Tab';
|
|
3
|
+
export { TabList } from './TabList';
|
|
4
|
+
export { TabPane } from './TabPane';
|
|
5
|
+
export { TabPanes } from './TabPanes';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { FunctionComponent } from 'react';
|
|
2
|
+
import type { BoxStyleProps } from '../Box';
|
|
3
|
+
import { TextStyleProps } from './useTextStyles';
|
|
4
|
+
export interface Props extends TextStyleProps {
|
|
5
|
+
className?: string;
|
|
6
|
+
is?: 'p' | 'span';
|
|
7
|
+
strong?: boolean;
|
|
8
|
+
display?: Extract<BoxStyleProps['display'], 'inline' | 'inlineBlock' | 'block'>;
|
|
9
|
+
}
|
|
10
|
+
export declare const Text: FunctionComponent<Props>;
|
|
11
|
+
//# sourceMappingURL=Text.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,EAAE,cAAc,EAAiB,MAAM,iBAAiB,CAAC;AAEhE,MAAM,WAAW,KAAM,SAAQ,cAAc;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,GAAG,GAAG,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAChB,aAAa,CAAC,SAAS,CAAC,EACxB,QAAQ,GAAG,aAAa,GAAG,OAAO,CAClC,CAAC;CACF;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAAC,KAAK,CA8BzC,CAAC"}
|
|
@@ -1,35 +1,14 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
1
|
import * as React from 'react';
|
|
4
|
-
import { Box } from
|
|
5
|
-
import { useTextStyles } from
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
noWrap,
|
|
18
|
-
size = '4',
|
|
19
|
-
strong = false
|
|
20
|
-
} = _ref;
|
|
21
|
-
return _jsx(Box, {
|
|
22
|
-
is: Component,
|
|
23
|
-
display: display,
|
|
24
|
-
textAlign: align,
|
|
25
|
-
className: [useTextStyles({
|
|
26
|
-
is: Component,
|
|
27
|
-
size,
|
|
28
|
-
colour: colour !== null && colour !== void 0 ? colour : strong ? 'dark' : undefined,
|
|
29
|
-
fontWeight: strong ? 'bold' : fontWeight,
|
|
30
|
-
transform,
|
|
31
|
-
noWrap
|
|
32
|
-
}), className],
|
|
33
|
-
children: children
|
|
34
|
-
});
|
|
35
|
-
};
|
|
2
|
+
import { Box } from '../Box';
|
|
3
|
+
import { useTextStyles } from './useTextStyles';
|
|
4
|
+
export const Text = ({ children, className = '', is: Component = 'span', align = 'left', colour, display, fontWeight = 'normal', transform, noWrap, size = '4', strong = false, }) => (React.createElement(Box, { is: Component, display: display, textAlign: align, className: [
|
|
5
|
+
useTextStyles({
|
|
6
|
+
is: Component,
|
|
7
|
+
size,
|
|
8
|
+
colour: colour ?? (strong ? 'dark' : undefined),
|
|
9
|
+
fontWeight: strong ? 'bold' : fontWeight,
|
|
10
|
+
transform,
|
|
11
|
+
noWrap,
|
|
12
|
+
}),
|
|
13
|
+
className,
|
|
14
|
+
] }, children));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,YAAY,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const root: string;
|
|
2
|
+
export declare const sizes: Record<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9", string>;
|
|
3
|
+
export declare const colours: Record<"primary" | "secondary" | "shine" | "neutral" | "danger" | "warning" | "success" | "information" | "light" | "dark" | "white" | "link" | "muted", string>;
|
|
4
|
+
export declare const fontWeight: Record<"normal" | "semiBold" | "bold", string>;
|
|
5
|
+
export declare const noWrap: string;
|
|
6
|
+
export declare const transform: Record<"capitalize" | "uppercase", string>;
|
|
7
|
+
//# sourceMappingURL=useTextStyles.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTextStyles.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/useTextStyles.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI,QAOf,CAAC;AAEH,eAAO,MAAM,KAAK,qEAWjB,CAAC;AAEF,eAAO,MAAM,OAAO,kKAEnB,CAAC;AAEF,eAAO,MAAM,UAAU,gDAEtB,CAAC;AAEF,eAAO,MAAM,MAAM,QAAkC,CAAC;AAEtD,eAAO,MAAM,SAAS,4CAKrB,CAAC"}
|
|
@@ -1,42 +1,22 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
4
|
-
import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
|
|
5
|
-
|
|
6
|
-
__vanilla_filescope__.setFileScope("lib/components/Text/useTextStyles.css.ts", "@autoguru/overdrive");
|
|
7
|
-
|
|
8
|
-
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; }
|
|
9
|
-
|
|
10
|
-
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; }
|
|
11
|
-
|
|
12
1
|
import { style, styleVariants } from '@vanilla-extract/css';
|
|
13
|
-
import { vars } from
|
|
14
|
-
import { mapTokenToProperty } from
|
|
2
|
+
import { vars } from '../../themes/base/vars.css';
|
|
3
|
+
import { mapTokenToProperty } from '../../utils/mapTokenToProperty';
|
|
15
4
|
export const root = style({
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}
|
|
23
|
-
export const sizes = styleVariants(Object.entries(vars.typography.size).reduce((result,
|
|
24
|
-
|
|
25
|
-
return _objectSpread(_objectSpread({}, result), {}, {
|
|
5
|
+
selectors: {
|
|
6
|
+
'&::selection': {
|
|
7
|
+
color: vars.typography.colour.white,
|
|
8
|
+
background: vars.typography.colour.primary,
|
|
9
|
+
},
|
|
10
|
+
},
|
|
11
|
+
});
|
|
12
|
+
export const sizes = styleVariants(Object.entries(vars.typography.size).reduce((result, [name, size]) => ({
|
|
13
|
+
...result,
|
|
26
14
|
[name]: {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
export const
|
|
33
|
-
export const
|
|
34
|
-
export const
|
|
35
|
-
whiteSpace: 'nowrap'
|
|
36
|
-
}, "noWrap");
|
|
37
|
-
export const transform = styleVariants(mapTokenToProperty({
|
|
38
|
-
uppercase: 'uppercase',
|
|
39
|
-
capitalize: 'capitalize'
|
|
40
|
-
}, 'textTransform'), "transform");
|
|
41
|
-
|
|
42
|
-
__vanilla_filescope__.endFileScope();
|
|
15
|
+
fontSize: size.fontSize,
|
|
16
|
+
lineHeight: size.lineHeight,
|
|
17
|
+
},
|
|
18
|
+
}), {}));
|
|
19
|
+
export const colours = styleVariants(mapTokenToProperty(vars.typography.colour, 'color'));
|
|
20
|
+
export const fontWeight = styleVariants(mapTokenToProperty(vars.typography.fontWeight, 'fontWeight'));
|
|
21
|
+
export const noWrap = style({ whiteSpace: 'nowrap' });
|
|
22
|
+
export const transform = styleVariants(mapTokenToProperty({ uppercase: 'uppercase', capitalize: 'capitalize' }, 'textTransform'));
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import type { BoxStyleProps } from '../Box';
|
|
3
|
+
import { Text } from '../Text';
|
|
4
|
+
import * as styles from './useTextStyles.css';
|
|
5
|
+
export interface TextStyleProps {
|
|
6
|
+
align?: BoxStyleProps['textAlign'];
|
|
7
|
+
colour?: keyof typeof styles.colours | 'unset';
|
|
8
|
+
fontWeight?: keyof typeof styles.fontWeight;
|
|
9
|
+
is?: ComponentProps<typeof Text>['is'];
|
|
10
|
+
noWrap?: boolean;
|
|
11
|
+
size?: keyof typeof styles.sizes;
|
|
12
|
+
transform?: keyof typeof styles.transform;
|
|
13
|
+
}
|
|
14
|
+
export declare const useTextStyles: ({ align, colour, fontWeight, is, noWrap, size, transform, }: TextStyleProps) => string;
|
|
15
|
+
//# sourceMappingURL=useTextStyles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTextStyles.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/useTextStyles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE5C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAE9C,MAAM,WAAW,cAAc;IAE9B,KAAK,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;IAC/C,UAAU,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,UAAU,CAAC;IAC5C,EAAE,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,SAAS,CAAC;CAC1C;AAED,eAAO,MAAM,aAAa,gEAQvB,cAAc,WAUhB,CAAC"}
|
|
@@ -1,20 +1,6 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
1
|
import clsx from 'clsx';
|
|
4
|
-
import { useBoxStyles } from
|
|
5
|
-
import * as styles from
|
|
6
|
-
export const useTextStyles =
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
colour,
|
|
10
|
-
fontWeight,
|
|
11
|
-
is,
|
|
12
|
-
noWrap,
|
|
13
|
-
size,
|
|
14
|
-
transform
|
|
15
|
-
} = _ref;
|
|
16
|
-
return clsx(styles.root, useBoxStyles({
|
|
17
|
-
is,
|
|
18
|
-
textAlign: align
|
|
19
|
-
}), colour !== 'unset' && styles.colours[colour !== null && colour !== void 0 ? colour : 'neutral'], styles.fontWeight[fontWeight], noWrap && styles.noWrap, styles.sizes[size], styles.transform[transform]);
|
|
20
|
-
};
|
|
2
|
+
import { useBoxStyles } from '../Box';
|
|
3
|
+
import * as styles from './useTextStyles.css';
|
|
4
|
+
export const useTextStyles = ({ align, colour, fontWeight, is, noWrap, size, transform, }) => {
|
|
5
|
+
return clsx(styles.root, useBoxStyles({ is, textAlign: align }), colour !== 'unset' && styles.colours[colour ?? 'neutral'], styles.fontWeight[fontWeight], noWrap && styles.noWrap, styles.sizes[size], styles.transform[transform]);
|
|
6
|
+
};
|
|
@@ -1,35 +1,8 @@
|
|
|
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 = ["field", "eventHandlers", "validation", "isLoading", "suffixed", "prefixed"];
|
|
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 * as React from 'react';
|
|
12
|
-
import { Box } from
|
|
13
|
-
import { withEnhancedInput } from
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
validation,
|
|
20
|
-
isLoading,
|
|
21
|
-
suffixed,
|
|
22
|
-
prefixed
|
|
23
|
-
} = _ref,
|
|
24
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
25
|
-
|
|
26
|
-
return _jsx(Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
|
|
27
|
-
is: "textarea"
|
|
28
|
-
}, eventHandlers), field), rest), {}, {
|
|
29
|
-
autoComplete: "off"
|
|
30
|
-
}));
|
|
31
|
-
}, {
|
|
32
|
-
primitiveType: 'textarea',
|
|
33
|
-
withSuffixIcon: false,
|
|
34
|
-
withPrefixIcon: false
|
|
35
|
-
});
|
|
2
|
+
import { Box } from '../Box';
|
|
3
|
+
import { withEnhancedInput } from '../private/InputBase';
|
|
4
|
+
export const TextAreaInput = withEnhancedInput(({ field, eventHandlers, validation, isLoading, suffixed, prefixed, ...rest }) => (React.createElement(Box, { is: "textarea", ...eventHandlers, ...field, ...rest, autoComplete: "off" })), {
|
|
5
|
+
primitiveType: 'textarea',
|
|
6
|
+
withSuffixIcon: false,
|
|
7
|
+
withPrefixIcon: false,
|
|
8
|
+
});
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { FunctionComponent, ReactElement } from 'react';
|
|
2
|
+
export interface Props {
|
|
3
|
+
heading?: ReactElement;
|
|
4
|
+
action?: ReactElement;
|
|
5
|
+
className?: string;
|
|
6
|
+
children: ReactElement | ReactElement[];
|
|
7
|
+
}
|
|
8
|
+
export declare const TextContainer: FunctionComponent<Props>;
|
|
9
|
+
//# sourceMappingURL=TextContainer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextContainer.d.ts","sourceRoot":"","sources":["../../../lib/components/TextContainer/TextContainer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAKxD,MAAM,WAAW,KAAK;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;CACxC;AAED,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,KAAK,CAUlD,CAAC"}
|
|
@@ -1,43 +1,9 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
1
|
import * as React from 'react';
|
|
4
|
-
import { Column, Columns } from
|
|
5
|
-
import { Stack } from
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
heading,
|
|
11
|
-
|
|
12
|
-
children,
|
|
13
|
-
action
|
|
14
|
-
} = _ref;
|
|
15
|
-
return _jsxs(Stack, {
|
|
16
|
-
space: "2",
|
|
17
|
-
is: "article",
|
|
18
|
-
className: className,
|
|
19
|
-
children: [_jsx(TextContainerHeading, {
|
|
20
|
-
heading: heading,
|
|
21
|
-
action: action
|
|
22
|
-
}), children]
|
|
23
|
-
});
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
const TextContainerHeading = _ref2 => {
|
|
27
|
-
let {
|
|
28
|
-
heading,
|
|
29
|
-
action
|
|
30
|
-
} = _ref2;
|
|
31
|
-
return _jsxs(Columns, {
|
|
32
|
-
noWrap: true,
|
|
33
|
-
align: "centre",
|
|
34
|
-
space: "4",
|
|
35
|
-
children: [_jsx(Column, {
|
|
36
|
-
grow: true,
|
|
37
|
-
children: heading
|
|
38
|
-
}), action ? _jsx(Column, {
|
|
39
|
-
width: "auto",
|
|
40
|
-
children: action
|
|
41
|
-
}) : null]
|
|
42
|
-
});
|
|
43
|
-
};
|
|
2
|
+
import { Column, Columns } from '../Columns';
|
|
3
|
+
import { Stack } from '../Stack';
|
|
4
|
+
export const TextContainer = ({ heading, className = '', children, action, }) => (React.createElement(Stack, { space: "2", is: "article", className: className },
|
|
5
|
+
React.createElement(TextContainerHeading, { heading: heading, action: action }),
|
|
6
|
+
children));
|
|
7
|
+
const TextContainerHeading = ({ heading, action }) => (React.createElement(Columns, { noWrap: true, align: "centre", space: "4" },
|
|
8
|
+
React.createElement(Column, { grow: true }, heading),
|
|
9
|
+
action ? React.createElement(Column, { width: "auto" }, action) : null));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/TextContainer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -1,36 +1,6 @@
|
|
|
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 = ["field", "eventHandlers", "validation", "suffixed", "prefixed", "isLoading"];
|
|
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 * as React from 'react';
|
|
12
|
-
import { Box } from
|
|
13
|
-
import { withEnhancedInput } from
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
let {
|
|
19
|
-
field,
|
|
20
|
-
eventHandlers,
|
|
21
|
-
validation,
|
|
22
|
-
suffixed,
|
|
23
|
-
prefixed,
|
|
24
|
-
isLoading
|
|
25
|
-
} = _ref,
|
|
26
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
27
|
-
|
|
28
|
-
return _jsx(Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
|
|
29
|
-
is: "input"
|
|
30
|
-
}, eventHandlers), field), rest), {}, {
|
|
31
|
-
autoComplete: "off",
|
|
32
|
-
type: (_rest$type = rest.type) !== null && _rest$type !== void 0 ? _rest$type : 'text'
|
|
33
|
-
}));
|
|
34
|
-
}, {
|
|
35
|
-
primitiveType: 'text'
|
|
36
|
-
});
|
|
2
|
+
import { Box } from '../Box';
|
|
3
|
+
import { withEnhancedInput } from '../private/InputBase';
|
|
4
|
+
export const TextInput = withEnhancedInput(({ field, eventHandlers, validation, suffixed, prefixed, isLoading, ...rest }) => (React.createElement(Box, { is: "input", ...eventHandlers, ...field, ...rest, autoComplete: "off", type: rest.type ?? 'text' })), {
|
|
5
|
+
primitiveType: 'text',
|
|
6
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextLink.css.d.ts","sourceRoot":"","sources":["../../../lib/components/TextLink/TextLink.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,QASf,CAAC;AAEH,eAAO,MAAM,KAAK,QAKhB,CAAC"}
|
|
@@ -1,26 +1,18 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
|
|
4
|
-
|
|
5
|
-
__vanilla_filescope__.setFileScope("lib/components/TextLink/TextLink.css.ts", "@autoguru/overdrive");
|
|
6
|
-
|
|
7
1
|
import { style } from '@vanilla-extract/css';
|
|
8
|
-
import { vars } from
|
|
2
|
+
import { vars } from '../../themes/base/vars.css';
|
|
9
3
|
export const root = style({
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
}
|
|
4
|
+
transitionDelay: '0s',
|
|
5
|
+
transitionTimingFunction: 'cubic-bezier(0, 0, 0.2, 1)',
|
|
6
|
+
transitionDuration: '0.2s',
|
|
7
|
+
transitionProperty: 'box-shadow',
|
|
8
|
+
boxShadow: `inset 0 -2px 0 0 ${vars.typography.colour.primary}`,
|
|
9
|
+
':hover': {
|
|
10
|
+
boxShadow: `inset 0 -1.6em 0 0 ${vars.typography.colour.primary}`,
|
|
11
|
+
},
|
|
12
|
+
});
|
|
19
13
|
export const muted = style({
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
__vanilla_filescope__.endFileScope();
|
|
14
|
+
':hover': {
|
|
15
|
+
color: 'white',
|
|
16
|
+
boxShadow: `inset 0 -1.6em 0 0 ${vars.typography.colour.primary}`,
|
|
17
|
+
},
|
|
18
|
+
});
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { AnchorHTMLAttributes, ComponentProps, ElementType, ReactElement, ReactText } from 'react';
|
|
3
|
+
import { Text } from '../Text';
|
|
4
|
+
declare type TextProps = Omit<ComponentProps<typeof Text>, 'is' | 'colour'>;
|
|
5
|
+
declare type AnchorProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'children' | 'style' | 'is' | keyof TextProps>;
|
|
6
|
+
export interface Props extends TextProps, AnchorProps {
|
|
7
|
+
children: ReactText;
|
|
8
|
+
className?: string;
|
|
9
|
+
is?: ElementType | ReactElement;
|
|
10
|
+
muted?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare const TextLink: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLAnchorElement>>;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=TextLink.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextLink.d.ts","sourceRoot":"","sources":["../../../lib/components/TextLink/TextLink.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,oBAAoB,EAEpB,cAAc,EAEd,WAAW,EAGX,YAAY,EACZ,SAAS,EACT,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAI/B,aAAK,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,IAAI,GAAG,QAAQ,CAAC,CAAC;AACpE,aAAK,WAAW,GAAG,IAAI,CACtB,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,SAAS,CAC7C,CAAC;AAEF,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,WAAW;IACpD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,iFA2DpB,CAAC"}
|