@autoguru/overdrive 4.43.4 → 4.43.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Actions/Actions.stories.d.ts +2 -2
- package/dist/components/Actions/Actions.stories.d.ts.map +1 -1
- package/dist/components/Alert/Alert.js +4 -4
- package/dist/components/Alert/Alert.stories.d.ts +1 -1
- package/dist/components/Alert/Alert.stories.d.ts.map +1 -1
- package/dist/components/Anchor/Anchor.d.ts +7 -7
- package/dist/components/Anchor/Anchor.d.ts.map +1 -1
- package/dist/components/Anchor/Anchor.js +32 -32
- package/dist/components/Anchor/Anchor.stories.d.ts +9 -16
- package/dist/components/Anchor/Anchor.stories.d.ts.map +1 -1
- package/dist/components/AutoSuggest/AutoSuggest.js +1 -1
- package/dist/components/AutoSuggest/AutoSuggest.stories.d.ts +1 -1
- package/dist/components/AutoSuggest/AutoSuggest.stories.d.ts.map +1 -1
- package/dist/components/Badge/Badge.css.d.ts +11 -5
- package/dist/components/Badge/Badge.css.d.ts.map +1 -1
- package/dist/components/Badge/Badge.css.js +13 -7
- package/dist/components/Badge/Badge.stories.d.ts +1 -2
- package/dist/components/Badge/Badge.stories.d.ts.map +1 -1
- package/dist/components/Box/Box.spec.d.ts +2 -0
- package/dist/components/Box/Box.spec.d.ts.map +1 -0
- package/dist/components/Box/Box.stories.d.ts +1 -1
- package/dist/components/Box/Box.stories.d.ts.map +1 -1
- package/dist/components/Box/boxStyles.d.ts +8 -1
- package/dist/components/Box/boxStyles.d.ts.map +1 -1
- package/dist/components/Box/boxStyles.js +24 -14
- package/dist/components/Box/useBox.d.ts.map +1 -1
- package/dist/components/Box/useBox.js +7 -6
- package/dist/components/BulletList/Bullet.css.d.ts.map +1 -1
- package/dist/components/BulletList/Bullet.css.js +6 -5
- package/dist/components/BulletList/Bullet.stories.d.ts +2 -2
- package/dist/components/BulletList/Bullet.stories.d.ts.map +1 -1
- package/dist/components/BulletText/BulletText.stories.d.ts +1 -1
- package/dist/components/BulletText/BulletText.stories.d.ts.map +1 -1
- package/dist/components/Button/Button.css.d.ts +27 -27
- package/dist/components/Button/Button.js +2 -2
- package/dist/components/Button/Button.stories.d.ts +1 -1
- package/dist/components/Button/Button.stories.d.ts.map +1 -1
- package/dist/components/CheckBox/CheckBox.stories.d.ts +1 -1
- package/dist/components/CheckBox/CheckBox.stories.d.ts.map +1 -1
- package/dist/components/ColourInput/ColourInput.stories.d.ts +1 -1
- package/dist/components/ColourInput/ColourInput.stories.d.ts.map +1 -1
- package/dist/components/Columns/Columns.css.d.ts.map +1 -1
- package/dist/components/Columns/Columns.css.js +3 -2
- package/dist/components/Columns/Columns.stories.d.ts +1 -1
- package/dist/components/Columns/Columns.stories.d.ts.map +1 -1
- package/dist/components/DateInput/DateInput.stories.d.ts +1 -1
- package/dist/components/DateInput/DateInput.stories.d.ts.map +1 -1
- package/dist/components/DatePicker/DatePicker.stories.d.ts +2 -1
- package/dist/components/DatePicker/DatePicker.stories.d.ts.map +1 -1
- package/dist/components/DateTimePicker/DateTimePicker.css.d.ts +0 -2
- package/dist/components/DateTimePicker/DateTimePicker.css.d.ts.map +1 -1
- package/dist/components/DateTimePicker/DateTimePicker.css.js +21 -30
- package/dist/components/DateTimePicker/DateTimePicker.d.ts.map +1 -1
- package/dist/components/DateTimePicker/DateTimePicker.js +14 -7
- package/dist/components/DateTimePicker/DateTimePicker.stories.d.ts +1 -1
- package/dist/components/DateTimePicker/DateTimePicker.stories.d.ts.map +1 -1
- package/dist/components/DividerLine/DividerLine.stories.d.ts +2 -2
- package/dist/components/DividerLine/DividerLine.stories.d.ts.map +1 -1
- package/dist/components/DropDown/DropDown.stories.d.ts +2 -2
- package/dist/components/DropDown/DropDown.stories.d.ts.map +1 -1
- package/dist/components/DropDown/DropDownOption.js +3 -3
- package/dist/components/EditableText/EditableText.d.ts +1 -1
- package/dist/components/EditableText/EditableText.js +7 -7
- package/dist/components/EditableText/EditableText.stories.d.ts +1 -1
- package/dist/components/EditableText/EditableText.stories.d.ts.map +1 -1
- package/dist/components/FillHeightBox/FillHeightBox.stories.d.ts +1 -1
- package/dist/components/FillHeightBox/FillHeightBox.stories.d.ts.map +1 -1
- package/dist/components/Flyout/Flyout.stories.d.ts +1 -1
- package/dist/components/Flyout/Flyout.stories.d.ts.map +1 -1
- package/dist/components/Heading/Heading.d.ts +6 -9
- package/dist/components/Heading/Heading.d.ts.map +1 -1
- package/dist/components/Heading/Heading.js +25 -28
- package/dist/components/Heading/Heading.stories.d.ts +700 -62
- package/dist/components/Heading/Heading.stories.d.ts.map +1 -1
- package/dist/components/Heading/index.d.ts +1 -1
- package/dist/components/Heading/index.d.ts.map +1 -1
- package/dist/components/Heading/index.js +1 -1
- package/dist/components/HorizontalAutoScroller/HorizontalAutoScroller.stories.d.ts +2 -2
- package/dist/components/HorizontalAutoScroller/HorizontalAutoScroller.stories.d.ts.map +1 -1
- package/dist/components/Icon/Icon.stories.d.ts +2 -1
- package/dist/components/Icon/Icon.stories.d.ts.map +1 -1
- package/dist/components/Image/Image.stories.d.ts +1 -1
- package/dist/components/Image/Image.stories.d.ts.map +1 -1
- package/dist/components/Inline/Inline.js +1 -1
- package/dist/components/Inline/Inline.stories.d.ts +1 -1
- package/dist/components/Inline/Inline.stories.d.ts.map +1 -1
- package/dist/components/IntentStripe/IntentStripe.stories.d.ts +1 -1
- package/dist/components/IntentStripe/IntentStripe.stories.d.ts.map +1 -1
- package/dist/components/LinearProgressIndicator/LinearProgressIndicator.stories.d.ts +2 -2
- package/dist/components/LinearProgressIndicator/LinearProgressIndicator.stories.d.ts.map +1 -1
- package/dist/components/LoadingBox/LoadingBox.stories.d.ts +16 -14
- package/dist/components/LoadingBox/LoadingBox.stories.d.ts.map +1 -1
- package/dist/components/Meta/Meta.stories.d.ts +2 -1
- package/dist/components/Meta/Meta.stories.d.ts.map +1 -1
- package/dist/components/MinimalModal/MinimalModal.stories.d.ts +3 -3
- package/dist/components/MinimalModal/MinimalModal.stories.d.ts.map +1 -1
- package/dist/components/Modal/Modal.stories.d.ts +1 -1
- package/dist/components/Modal/Modal.stories.d.ts.map +1 -1
- package/dist/components/NumberBubble/NumberBubble.stories.d.ts +1 -1
- package/dist/components/NumberBubble/NumberBubble.stories.d.ts.map +1 -1
- package/dist/components/NumberInput/NumberInput.stories.d.ts +1 -1
- package/dist/components/NumberInput/NumberInput.stories.d.ts.map +1 -1
- package/dist/components/OptionGrid/OptionGrid.stories.d.ts +1 -1
- package/dist/components/OptionGrid/OptionGrid.stories.d.ts.map +1 -1
- package/dist/components/OptionList/OptionList.stories.d.ts +1 -1
- package/dist/components/OptionList/OptionList.stories.d.ts.map +1 -1
- package/dist/components/OrderedList/OrderedList.js +2 -2
- package/dist/components/OrderedList/OrderedList.stories.d.ts +1 -1
- package/dist/components/OrderedList/OrderedList.stories.d.ts.map +1 -1
- package/dist/components/OutsideClick/OutsideClick.stories.d.ts +1 -1
- package/dist/components/OutsideClick/OutsideClick.stories.d.ts.map +1 -1
- package/dist/components/OverdriveProvider/OverdriveProvider.stories.d.ts +1 -1
- package/dist/components/OverdriveProvider/OverdriveProvider.stories.d.ts.map +1 -1
- package/dist/components/Pagination/Bubble.js +2 -2
- package/dist/components/Pagination/Pagination.js +2 -2
- package/dist/components/Pagination/Pagination.stories.d.ts +1 -1
- package/dist/components/Pagination/Pagination.stories.d.ts.map +1 -1
- package/dist/components/Portal/Portal.stories.d.ts +1 -1
- package/dist/components/Portal/Portal.stories.d.ts.map +1 -1
- package/dist/components/Positioner/Positioner.stories.d.ts +1 -1
- package/dist/components/Positioner/Positioner.stories.d.ts.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.stories.d.ts +1 -1
- package/dist/components/ProgressBar/ProgressBar.stories.d.ts.map +1 -1
- package/dist/components/ProgressBarGroup/ProgressBarGroup.css.d.ts +1 -0
- package/dist/components/ProgressBarGroup/ProgressBarGroup.css.d.ts.map +1 -1
- package/dist/components/ProgressBarGroup/ProgressBarGroup.css.js +3 -0
- package/dist/components/ProgressBarGroup/ProgressBarGroup.js +1 -2
- package/dist/components/ProgressBarGroup/ProgressBarGroup.stories.d.ts +1 -1
- package/dist/components/ProgressBarGroup/ProgressBarGroup.stories.d.ts.map +1 -1
- package/dist/components/ProgressSpinner/ProgressSpinner.stories.d.ts +2 -2
- package/dist/components/ProgressSpinner/ProgressSpinner.stories.d.ts.map +1 -1
- package/dist/components/Radio/Radio.stories.d.ts +1 -1
- package/dist/components/Radio/Radio.stories.d.ts.map +1 -1
- package/dist/components/ScrollPane/ScrollPane.stories.d.ts +1 -1
- package/dist/components/ScrollPane/ScrollPane.stories.d.ts.map +1 -1
- package/dist/components/SearchBar/SearchBar.stories.d.ts +1 -1
- package/dist/components/SearchBar/SearchBar.stories.d.ts.map +1 -1
- package/dist/components/Section/Section.stories.d.ts +16 -13
- package/dist/components/Section/Section.stories.d.ts.map +1 -1
- package/dist/components/SelectInput/SelectInput.stories.d.ts +1 -1
- package/dist/components/SelectInput/SelectInput.stories.d.ts.map +1 -1
- package/dist/components/SimplePagination/SimplePagination.stories.d.ts +2 -2
- package/dist/components/SimplePagination/SimplePagination.stories.d.ts.map +1 -1
- package/dist/components/SliderProgress/SliderProgress.stories.d.ts +3 -3
- package/dist/components/SliderProgress/SliderProgress.stories.d.ts.map +1 -1
- package/dist/components/Stack/Stack.stories.d.ts +1 -1
- package/dist/components/Stack/Stack.stories.d.ts.map +1 -1
- package/dist/components/StandardModal/StandardModal.js +2 -2
- package/dist/components/StandardModal/StandardModal.stories.d.ts +1 -1
- package/dist/components/StandardModal/StandardModal.stories.d.ts.map +1 -1
- package/dist/components/StarRating/StarRating.stories.d.ts +1 -1
- package/dist/components/StarRating/StarRating.stories.d.ts.map +1 -1
- package/dist/components/Stepper/Stepper.js +2 -2
- package/dist/components/Stepper/Stepper.stories.d.ts +1 -1
- package/dist/components/Stepper/Stepper.stories.d.ts.map +1 -1
- package/dist/components/StickyBox/StickyBox.stories.d.ts +1 -1
- package/dist/components/StickyBox/StickyBox.stories.d.ts.map +1 -1
- package/dist/components/Switch/Switch.js +2 -2
- package/dist/components/Switch/Switch.stories.d.ts +1 -1
- package/dist/components/Switch/Switch.stories.d.ts.map +1 -1
- package/dist/components/Table/Table.stories.d.ts +1 -1
- package/dist/components/Table/Table.stories.d.ts.map +1 -1
- package/dist/components/Table/TableCell.css.d.ts.map +1 -1
- package/dist/components/Table/TableCell.css.js +0 -1
- package/dist/components/Table/TableCell.d.ts.map +1 -1
- package/dist/components/Table/TableCell.js +2 -2
- package/dist/components/Table/TableHeadCell.js +1 -1
- package/dist/components/Tabs/Tab.css.d.ts +8 -8
- package/dist/components/Tabs/Tab.d.ts.map +1 -1
- package/dist/components/Tabs/Tab.js +3 -4
- package/dist/components/Tabs/TabList.css.d.ts +2 -2
- package/dist/components/Tabs/TabList.js +2 -2
- package/dist/components/Tabs/Tabs.stories.d.ts +1 -1
- package/dist/components/Tabs/Tabs.stories.d.ts.map +1 -1
- package/dist/components/Text/Text.d.ts +10 -9
- package/dist/components/Text/Text.d.ts.map +1 -1
- package/dist/components/Text/Text.js +34 -26
- package/dist/components/Text/Text.stories.d.ts +1 -1
- package/dist/components/Text/Text.stories.d.ts.map +1 -1
- package/dist/components/Text/index.d.ts +2 -3
- package/dist/components/Text/index.d.ts.map +1 -1
- package/dist/components/Text/index.js +2 -2
- package/dist/components/Text/textStyles.d.ts +16 -0
- package/dist/components/Text/textStyles.d.ts.map +1 -0
- package/dist/components/Text/textStyles.js +32 -0
- package/dist/components/TextAreaInput/TextAreaInput.stories.d.ts +1 -1
- package/dist/components/TextAreaInput/TextAreaInput.stories.d.ts.map +1 -1
- package/dist/components/TextBubble/TextBubble.css.d.ts.map +1 -1
- package/dist/components/TextBubble/TextBubble.css.js +1 -0
- package/dist/components/TextBubble/TextBubble.d.ts.map +1 -1
- package/dist/components/TextBubble/TextBubble.js +0 -1
- package/dist/components/TextBubble/TextBubble.stories.d.ts +1 -1
- package/dist/components/TextBubble/TextBubble.stories.d.ts.map +1 -1
- package/dist/components/TextContainer/TextContainer.stories.d.ts +1 -1
- package/dist/components/TextContainer/TextContainer.stories.d.ts.map +1 -1
- package/dist/components/TextInput/TextInput.stories.d.ts +1 -1
- package/dist/components/TextInput/TextInput.stories.d.ts.map +1 -1
- package/dist/components/TextLink/TextLink.d.ts +11 -11
- package/dist/components/TextLink/TextLink.d.ts.map +1 -1
- package/dist/components/TextLink/TextLink.js +31 -32
- package/dist/components/TextLink/TextLink.stories.d.ts +605 -206
- package/dist/components/TextLink/TextLink.stories.d.ts.map +1 -1
- package/dist/components/Tooltip/Tooltip.stories.d.ts +3 -3
- package/dist/components/Tooltip/Tooltip.stories.d.ts.map +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.stories.d.ts +2 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.stories.d.ts.map +1 -1
- package/dist/components/private/CheckableBase/CheckableBase.js +3 -3
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/stories/borders.stories.d.ts +1 -1
- package/dist/stories/borders.stories.d.ts.map +1 -1
- package/dist/stories/helpers/stack.css.d.ts +5 -5
- package/dist/stories/helpers/styles.css.d.ts +7 -7
- package/dist/stories/icons.stories.d.ts +1 -1
- package/dist/stories/icons.stories.d.ts.map +1 -1
- package/dist/stories/intentional-colours.stories.d.ts +1 -1
- package/dist/stories/intentional-colours.stories.d.ts.map +1 -1
- package/dist/stories/palette.stories.d.ts +1 -1
- package/dist/stories/palette.stories.d.ts.map +1 -1
- package/dist/stories/shared/argTypes-box.d.ts +1 -1
- package/dist/stories/shared/argTypes-box.d.ts.map +1 -1
- package/dist/stories/shared/argTypes.d.ts +1 -0
- package/dist/stories/shared/argTypes.d.ts.map +1 -1
- package/dist/stories/space.stories.d.ts +1 -1
- package/dist/stories/space.stories.d.ts.map +1 -1
- package/dist/stories/theme.stories.d.ts +1 -1
- package/dist/stories/theme.stories.d.ts.map +1 -1
- package/dist/styles/global.css.d.ts +2 -0
- package/dist/styles/global.css.d.ts.map +1 -0
- package/dist/styles/global.css.js +71 -0
- package/dist/styles/{intentional.css.d.ts → intentColorset.css.d.ts} +2 -11
- package/dist/styles/intentColorset.css.d.ts.map +1 -0
- package/dist/styles/intentColorset.css.js +67 -0
- package/dist/styles/layers.css.d.ts +1 -0
- package/dist/styles/layers.css.d.ts.map +1 -1
- package/dist/styles/layers.css.js +1 -0
- package/dist/styles/reset.css.d.ts +89 -0
- package/dist/styles/reset.css.d.ts.map +1 -0
- package/dist/{reset → styles}/reset.css.js +72 -73
- package/dist/styles/resetStyles.d.ts +4 -0
- package/dist/styles/resetStyles.d.ts.map +1 -0
- package/dist/styles/resetStyles.js +13 -0
- package/dist/styles/sprinkles.css.d.ts +30 -12
- package/dist/styles/sprinkles.css.d.ts.map +1 -1
- package/dist/styles/sprinkles.css.js +31 -4
- package/dist/styles/typography.css.d.ts +20 -76
- package/dist/styles/typography.css.d.ts.map +1 -1
- package/dist/styles/typography.css.js +26 -44
- package/dist/styles/vars.css.d.ts +1 -1
- package/dist/styles/vars.css.d.ts.map +1 -1
- package/dist/themes/base/index.d.ts +274 -278
- package/dist/themes/base/index.d.ts.map +1 -1
- package/dist/themes/base/tokens.d.ts +4 -6
- package/dist/themes/base/tokens.d.ts.map +1 -1
- package/dist/themes/base/tokens.js +4 -6
- package/dist/themes/flat_red/index.d.ts +274 -278
- package/dist/themes/flat_red/index.d.ts.map +1 -1
- package/dist/themes/flat_red/tokens.d.ts +4 -6
- package/dist/themes/flat_red/tokens.d.ts.map +1 -1
- package/dist/themes/index.d.ts +274 -278
- package/dist/themes/index.d.ts.map +1 -1
- package/dist/themes/makeTheme.d.ts +268 -270
- package/dist/themes/makeTheme.d.ts.map +1 -1
- package/dist/themes/neutral/index.d.ts +273 -277
- package/dist/themes/neutral/index.d.ts.map +1 -1
- package/dist/themes/neutral/tokens.d.ts +4 -6
- package/dist/themes/neutral/tokens.d.ts.map +1 -1
- package/dist/themes/theme.css.d.ts +269 -271
- package/dist/themes/theme.css.d.ts.map +1 -1
- package/dist/themes/theme.css.js +15 -17
- package/dist/utils/propGuards.d.ts +2 -0
- package/dist/utils/propGuards.d.ts.map +1 -0
- package/dist/utils/propGuards.js +5 -0
- package/dist/utils/sprinkles.d.ts +1 -1
- package/dist/utils/sprinkles.d.ts.map +1 -1
- package/dist/utils/sprinkles.js +3 -3
- package/package.json +36 -42
- package/readme.md +6 -5
- package/dist/components/Anchor/Anchor.css.d.ts +0 -2
- package/dist/components/Anchor/Anchor.css.d.ts.map +0 -1
- package/dist/components/Anchor/Anchor.css.js +0 -10
- package/dist/components/Anchor/Anchor.spec.d.ts +0 -2
- package/dist/components/Anchor/Anchor.spec.d.ts.map +0 -1
- package/dist/components/Box/Box.test.d.ts +0 -2
- package/dist/components/Box/Box.test.d.ts.map +0 -1
- package/dist/components/Box/Box.test.js +0 -114
- package/dist/components/Text/useTextStyles.css.d.ts +0 -8
- package/dist/components/Text/useTextStyles.css.d.ts.map +0 -1
- package/dist/components/Text/useTextStyles.css.js +0 -44
- package/dist/components/Text/useTextStyles.d.ts +0 -21
- package/dist/components/Text/useTextStyles.d.ts.map +0 -1
- package/dist/components/Text/useTextStyles.js +0 -23
- package/dist/components/TextLink/TextLink.spec.d.ts +0 -2
- package/dist/components/TextLink/TextLink.spec.d.ts.map +0 -1
- package/dist/reset/globalFonts.css.d.ts +0 -2
- package/dist/reset/globalFonts.css.d.ts.map +0 -1
- package/dist/reset/globalFonts.css.js +0 -24
- package/dist/reset/globalReset.css.d.ts +0 -2
- package/dist/reset/globalReset.css.d.ts.map +0 -1
- package/dist/reset/globalReset.css.js +0 -45
- package/dist/reset/reset.css.d.ts +0 -50
- package/dist/reset/reset.css.d.ts.map +0 -1
- package/dist/styles/intentional.css.d.ts.map +0 -1
- package/dist/styles/intentional.css.js +0 -134
- package/dist/utils/refs.d.ts +0 -2
- package/dist/utils/refs.d.ts.map +0 -1
- package/dist/utils/refs.js +0 -12
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import type { StoryObj } from '@storybook/react';
|
|
1
|
+
import type { StoryObj } from '@storybook/react-vite';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { Actions } from './Actions';
|
|
4
4
|
declare const meta: {
|
|
5
5
|
title: string;
|
|
6
6
|
component: React.FunctionComponent<import("./Actions").ActiontsProps>;
|
|
7
|
-
decorators: ((story: import("
|
|
7
|
+
decorators: ((story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react-vite").ReactRenderer, {
|
|
8
8
|
children: React.ReactElement | React.ReactElement[];
|
|
9
9
|
className?: string | undefined;
|
|
10
10
|
wrappingDirection?: "default" | "reverse" | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Actions.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Actions/Actions.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Actions.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Actions/Actions.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI;;;;;;;;;CAQsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC"}
|
|
@@ -9,7 +9,7 @@ import { Button } from "../Button/Button.js";
|
|
|
9
9
|
import { Icon } from "../Icon/Icon.js";
|
|
10
10
|
import { IntentStripe } from "../IntentStripe/IntentStripe.js";
|
|
11
11
|
import { Text } from "../Text/Text.js";
|
|
12
|
-
import {
|
|
12
|
+
import { textStyles } from "../Text/textStyles.js";
|
|
13
13
|
import * as styles from "./Alert.css.js";
|
|
14
14
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
15
|
const iconMapForIntent = {
|
|
@@ -27,10 +27,10 @@ export const Alert = _ref => {
|
|
|
27
27
|
onRequestClose,
|
|
28
28
|
dismissible = typeof onRequestClose === 'function'
|
|
29
29
|
} = _ref;
|
|
30
|
-
const dismissBtnStyles =
|
|
30
|
+
const dismissBtnStyles = textStyles({
|
|
31
31
|
colour: 'muted'
|
|
32
32
|
});
|
|
33
|
-
const intentColourStyles =
|
|
33
|
+
const intentColourStyles = textStyles({
|
|
34
34
|
colour: intent
|
|
35
35
|
});
|
|
36
36
|
return _jsxs(Box, {
|
|
@@ -65,7 +65,7 @@ export const Alert = _ref => {
|
|
|
65
65
|
}), _jsx(Box, {
|
|
66
66
|
alignSelf: "center",
|
|
67
67
|
width: "auto",
|
|
68
|
-
className:
|
|
68
|
+
className: textStyles({
|
|
69
69
|
colour: 'dark'
|
|
70
70
|
}),
|
|
71
71
|
children: typeof children === 'string' ? _jsx(Text, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Alert/Alert.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Alert.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Alert/Alert.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAKnD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,KAAK,MAAM,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC;AAErD,QAAA,MAAM,IAAI;;;;;;;;qBAaF,MAAM,EAAE;;;;;;;CAOc,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAsBtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAsEhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAKvC,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { IconType } from '@autoguru/icons';
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
children?: ReactNode;
|
|
2
|
+
import React, { type ElementType } from 'react';
|
|
3
|
+
import { type BoxLikeProps } from '../Box/useBox';
|
|
4
|
+
declare const ANCHOR_TAG = "a";
|
|
5
|
+
interface CustomProps {
|
|
8
6
|
icon?: IconType;
|
|
9
7
|
}
|
|
10
|
-
export
|
|
8
|
+
export type AnchorProps<E extends ElementType = typeof ANCHOR_TAG> = BoxLikeProps<E, CustomProps>;
|
|
9
|
+
export declare const Anchor: <E extends ElementType = typeof ANCHOR_TAG>({ as, children, icon, ...props }: AnchorProps<E>) => React.JSX.Element;
|
|
10
|
+
export {};
|
|
11
11
|
//# sourceMappingURL=Anchor.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Anchor.d.ts","sourceRoot":"","sources":["../../../lib/components/Anchor/Anchor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Anchor.d.ts","sourceRoot":"","sources":["../../../lib/components/Anchor/Anchor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,KAAK,EAAE,EAAgB,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AAG9D,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGvE,QAAA,MAAM,UAAU,MAAM,CAAC;AAEvB,UAAU,WAAW;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;CAChB;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,OAAO,UAAU,IAChE,YAAY,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC;AAK9B,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,WAAW,GAAG,OAAO,UAAU,EAAE,kCAK/D,WAAW,CAAC,CAAC,CAAC,sBAgChB,CAAC"}
|
|
@@ -2,50 +2,50 @@
|
|
|
2
2
|
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
4
4
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
5
|
-
const _excluded = ["
|
|
5
|
+
const _excluded = ["as", "children", "icon"];
|
|
6
6
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
7
7
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import {
|
|
11
|
-
import { boxStyles } from "../Box/boxStyles.js";
|
|
8
|
+
import React, { cloneElement } from 'react';
|
|
9
|
+
import { Box } from "../Box/Box.js";
|
|
10
|
+
import { useBox } from "../Box/useBox.js";
|
|
12
11
|
import { Icon } from "../Icon/Icon.js";
|
|
13
|
-
import { Inline } from "../Inline/Inline.js";
|
|
14
|
-
import { Text } from "../Text/Text.js";
|
|
15
|
-
import { useTextStyles } from "../Text/useTextStyles.js";
|
|
16
|
-
import * as styles from "./Anchor.css.js";
|
|
17
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
const ANCHOR_TAG = 'a';
|
|
18
14
|
export const Anchor = _ref => {
|
|
19
15
|
let {
|
|
20
|
-
|
|
21
|
-
is: Component = 'a',
|
|
22
|
-
disabled = false,
|
|
16
|
+
as = ANCHOR_TAG,
|
|
23
17
|
children,
|
|
24
18
|
icon
|
|
25
19
|
} = _ref,
|
|
26
|
-
|
|
27
|
-
const
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
20
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
21
|
+
const {
|
|
22
|
+
Component,
|
|
23
|
+
componentProps,
|
|
24
|
+
reactElement
|
|
25
|
+
} = useBox(_objectSpread(_objectSpread({}, props), {}, {
|
|
26
|
+
alignItems: 'center',
|
|
27
|
+
as,
|
|
28
|
+
odComponent: 'anchor'
|
|
29
|
+
}));
|
|
30
|
+
const Content = () => _jsxs(Box, {
|
|
31
|
+
as: "span",
|
|
32
|
+
alignItems: "center",
|
|
33
|
+
colour: "link",
|
|
34
|
+
display: "inline-flex",
|
|
35
|
+
fontSize: "4",
|
|
36
|
+
fontWeight: "bold",
|
|
37
|
+
gap: "2",
|
|
39
38
|
children: [icon && _jsx(Icon, {
|
|
40
39
|
icon: icon,
|
|
41
|
-
size: "small"
|
|
42
|
-
|
|
43
|
-
}), _jsx(Text, {
|
|
44
|
-
fontWeight: "bold",
|
|
45
|
-
size: "4",
|
|
46
|
-
colour: "link",
|
|
40
|
+
size: "small"
|
|
41
|
+
}), _jsx("span", {
|
|
47
42
|
children: children
|
|
48
43
|
})]
|
|
49
44
|
});
|
|
50
|
-
|
|
45
|
+
if (reactElement) {
|
|
46
|
+
return cloneElement(reactElement, componentProps, _jsx(Content, {}));
|
|
47
|
+
}
|
|
48
|
+
return _jsx(Component, _objectSpread(_objectSpread({}, componentProps), {}, {
|
|
49
|
+
children: _jsx(Content, {})
|
|
50
|
+
}));
|
|
51
51
|
};
|
|
@@ -1,7 +1,13 @@
|
|
|
1
|
-
import type { StoryObj } from '@storybook/react';
|
|
1
|
+
import type { StoryObj } from '@storybook/react-vite';
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
|
-
|
|
4
|
+
tags: string[];
|
|
5
|
+
component: <E extends import("react").ElementType = "a">({ as, children, icon, ...props }: import("./Anchor").AnchorProps<E>) => import("react").JSX.Element;
|
|
6
|
+
args: {
|
|
7
|
+
href: string;
|
|
8
|
+
icon: string;
|
|
9
|
+
children: string;
|
|
10
|
+
};
|
|
5
11
|
argTypes: {
|
|
6
12
|
icon: {
|
|
7
13
|
options: string[];
|
|
@@ -9,6 +15,7 @@ declare const meta: {
|
|
|
9
15
|
None: null;
|
|
10
16
|
Magnify: import("react").ReactElement<import("react").SVGAttributes<SVGElement>, "svg">;
|
|
11
17
|
Car: import("react").ReactElement<import("react").SVGAttributes<SVGElement>, "svg">;
|
|
18
|
+
Phone: import("react").ReactElement<import("react").SVGAttributes<SVGElement>, "svg">;
|
|
12
19
|
'Car Multiple': import("react").ReactElement<import("react").SVGAttributes<SVGElement>, "svg">;
|
|
13
20
|
Calendar: import("react").ReactElement<import("react").SVGAttributes<SVGElement>, "svg">;
|
|
14
21
|
'Account Edit': import("react").ReactElement<import("react").SVGAttributes<SVGElement>, "svg">;
|
|
@@ -18,25 +25,11 @@ declare const meta: {
|
|
|
18
25
|
Star: import("react").ReactElement<import("react").SVGAttributes<SVGElement>, "svg">;
|
|
19
26
|
Check: import("react").ReactElement<import("react").SVGAttributes<SVGElement>, "svg">;
|
|
20
27
|
};
|
|
21
|
-
defaultValue: null;
|
|
22
28
|
description: string;
|
|
23
29
|
};
|
|
24
|
-
is: {
|
|
25
|
-
control: {
|
|
26
|
-
disable: true;
|
|
27
|
-
};
|
|
28
|
-
};
|
|
29
|
-
children: {
|
|
30
|
-
defaultValue: string;
|
|
31
|
-
control: {
|
|
32
|
-
type: "text";
|
|
33
|
-
};
|
|
34
|
-
};
|
|
35
30
|
};
|
|
36
31
|
};
|
|
37
32
|
export default meta;
|
|
38
33
|
type Story = StoryObj<typeof meta>;
|
|
39
|
-
export declare const Standard: Story;
|
|
40
34
|
export declare const WithIcon: Story;
|
|
41
|
-
export declare const WithButton: Story;
|
|
42
35
|
//# sourceMappingURL=Anchor.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Anchor.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Anchor/Anchor.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Anchor.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Anchor/Anchor.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAO5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutoSuggest.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/AutoSuggest.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AutoSuggest.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/AutoSuggest.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAO5D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AA+B5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAyElC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAMnC,eAAO,MAAM,QAAQ,EAAE,KAAU,CAAC;AAElC,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}
|
|
@@ -12,11 +12,17 @@ export declare const styledBadge: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
|
12
12
|
false: {};
|
|
13
13
|
};
|
|
14
14
|
size: {
|
|
15
|
-
small:
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
15
|
+
small: {
|
|
16
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
17
|
+
fontWeight: `var(--${string})` | `var(--${string}, ${string})`;
|
|
18
|
+
};
|
|
19
|
+
standard: {
|
|
20
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
21
|
+
};
|
|
22
|
+
large: {
|
|
23
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
24
|
+
padding: `var(--${string})` | `var(--${string}, ${string})`;
|
|
25
|
+
};
|
|
20
26
|
};
|
|
21
27
|
}>;
|
|
22
28
|
export type StyledBadgeProps = NonNullable<RecipeVariants<typeof styledBadge>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Badge/Badge.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"Badge.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Badge/Badge.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAKvE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;EAgHtB,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC"}
|
|
@@ -3,20 +3,20 @@
|
|
|
3
3
|
import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
|
|
4
4
|
__vanilla_filescope__.setFileScope("lib/components/Badge/Badge.css.ts", "@autoguru/overdrive");
|
|
5
5
|
import { recipe } from '@vanilla-extract/recipes';
|
|
6
|
-
import { styledIntentionalElement } from "../../styles/
|
|
7
|
-
import { fontSize, fontWeight } from "../../styles/typography.css.js";
|
|
6
|
+
import { styledIntentionalElement } from "../../styles/intentColorset.css.js";
|
|
8
7
|
import { overdriveTokens as tokens } from "../../themes/theme.css.js";
|
|
9
8
|
export const styledBadge = recipe({
|
|
10
9
|
base: [{
|
|
11
10
|
display: 'inline-block',
|
|
12
11
|
overflow: 'hidden',
|
|
12
|
+
fontWeight: tokens.typography.fontWeight.semiBold,
|
|
13
13
|
textOverflow: 'ellipsis',
|
|
14
14
|
textTransform: 'uppercase',
|
|
15
15
|
letterSpacing: '0.5px',
|
|
16
16
|
lineHeight: '1',
|
|
17
17
|
whiteSpace: 'nowrap',
|
|
18
18
|
padding: tokens.space[1]
|
|
19
|
-
}
|
|
19
|
+
}],
|
|
20
20
|
variants: {
|
|
21
21
|
colour: {
|
|
22
22
|
neutral: {},
|
|
@@ -30,11 +30,17 @@ export const styledBadge = recipe({
|
|
|
30
30
|
false: {}
|
|
31
31
|
},
|
|
32
32
|
size: {
|
|
33
|
-
small:
|
|
34
|
-
|
|
35
|
-
|
|
33
|
+
small: {
|
|
34
|
+
fontSize: tokens.typography.size[1].fontSize,
|
|
35
|
+
fontWeight: tokens.typography.fontWeight.bold
|
|
36
|
+
},
|
|
37
|
+
standard: {
|
|
38
|
+
fontSize: tokens.typography.size[2].fontSize
|
|
39
|
+
},
|
|
40
|
+
large: {
|
|
41
|
+
fontSize: tokens.typography.size[4].fontSize,
|
|
36
42
|
padding: tokens.space[4]
|
|
37
|
-
}
|
|
43
|
+
}
|
|
38
44
|
}
|
|
39
45
|
},
|
|
40
46
|
compoundVariants: [{
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { Badge } from './Badge';
|
|
4
4
|
type Story = StoryObj<typeof Badge>;
|
|
5
5
|
declare const _default: {
|
|
6
6
|
title: string;
|
|
7
7
|
component: ({ label, colour, look, size, className, testId, }: import("../../types").WithTestId<import("./Badge").BadgeProps>) => React.JSX.Element;
|
|
8
|
-
tags: string[];
|
|
9
8
|
};
|
|
10
9
|
export default _default;
|
|
11
10
|
export declare const Standard: Story;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Badge/Badge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Badge.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Badge/Badge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;;;;;AAUpC,wBAG+B;AAE/B,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAiChC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAa7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAa7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAahC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Box.spec.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/Box.spec.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/Box.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Box.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/Box.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGvD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,GAAG,CAiB1B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAAU,CAAC;AAKlC,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC;AAKF,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAC;AAKF,eAAO,MAAM,eAAe,EAAE,KAa7B,CAAC"}
|
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
import type { ElementType } from 'react';
|
|
2
2
|
import type { AsPolyProp, CommonBoxProps, StyleProps } from './';
|
|
3
3
|
export type BoxStylesProps<E extends ElementType = 'div'> = AsPolyProp<E> & Pick<CommonBoxProps, 'className'> & StyleProps;
|
|
4
|
-
export
|
|
4
|
+
export type BoxStylesReturn<P extends object> = [string, P];
|
|
5
|
+
export declare const boxStylesWithFilteredProps: <E extends ElementType = "div">({ as, className, ...props }: BoxStylesProps<E>) => {
|
|
6
|
+
className: string;
|
|
7
|
+
baseProps: {
|
|
8
|
+
is?: never | undefined;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
export declare const boxStyles: <E extends ElementType = "div">(props: BoxStylesProps<E>) => string;
|
|
5
12
|
//# sourceMappingURL=boxStyles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"boxStyles.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/boxStyles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAUzC,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAEjE,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,UAAU,CAAC,CAAC,CAAC,GACxE,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,GACjC,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"boxStyles.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/boxStyles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAUzC,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAEjE,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,UAAU,CAAC,CAAC,CAAC,GACxE,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,GACjC,UAAU,CAAC;AAEZ,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;AAe5D,eAAO,MAAM,0BAA0B,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,6BAIvE,cAAc,CAAC,CAAC,CAAC;;;;;CA2BnB,CAAC;AASF,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EACtD,OAAO,cAAc,CAAC,CAAC,CAAC,WAIxB,CAAC"}
|
|
@@ -3,30 +3,40 @@
|
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
4
4
|
const _excluded = ["as", "className"];
|
|
5
5
|
import clsx from 'clsx';
|
|
6
|
-
import {
|
|
6
|
+
import { resetStyles } from "../../styles/resetStyles.js";
|
|
7
7
|
import { sprinkles, sprinklesLegacyColours, sprinklesResponsive } from "../../styles/sprinkles.css.js";
|
|
8
8
|
import { filterPropsWithStyles } from "../../utils/sprinkles.js";
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
export const boxStyles = _ref => {
|
|
13
|
-
var _as$toString;
|
|
9
|
+
const borderProperties = ['Color', 'Colour', 'Width'];
|
|
10
|
+
const borderPostfixes = ['', 'Bottom', 'Left', 'Right', 'Top'];
|
|
11
|
+
export const boxStylesWithFilteredProps = _ref => {
|
|
14
12
|
let {
|
|
15
13
|
as,
|
|
16
14
|
className
|
|
17
15
|
} = _ref,
|
|
18
16
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
19
|
-
const tagName = (_as$toString = as === null || as === void 0 ? void 0 : as.toString()) !== null && _as$toString !== void 0 ? _as$toString : 'div';
|
|
20
|
-
const resets = tagName in element ? element[tagName] : '';
|
|
21
|
-
const hasBorderStyle = borderStyleProps.some(key => !!props[key]);
|
|
22
|
-
const hasBorderColorOrWidth = [].concat(borderColorProps, borderWidthProps).some(key => !!props[key]);
|
|
23
17
|
const {
|
|
24
18
|
sprinklesProps,
|
|
25
19
|
sprinklesResponsiveProps,
|
|
26
|
-
sprinklesLegacyColourProps
|
|
20
|
+
sprinklesLegacyColourProps,
|
|
21
|
+
baseProps
|
|
27
22
|
} = filterPropsWithStyles(props);
|
|
28
|
-
|
|
29
|
-
|
|
23
|
+
for (const postfix of borderPostfixes) {
|
|
24
|
+
for (const property of borderProperties) {
|
|
25
|
+
if (props[`border${postfix}${property}`]) {
|
|
26
|
+
sprinklesProps[`border${postfix}Style`] = 'solid';
|
|
27
|
+
}
|
|
28
|
+
}
|
|
30
29
|
}
|
|
31
|
-
return
|
|
30
|
+
return {
|
|
31
|
+
className: clsx(resetStyles({
|
|
32
|
+
as: as ? `${as}` : as
|
|
33
|
+
}), sprinkles(sprinklesProps), sprinklesResponsive(sprinklesResponsiveProps), sprinklesLegacyColours(sprinklesLegacyColourProps), className),
|
|
34
|
+
baseProps
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
export const boxStyles = props => {
|
|
38
|
+
const {
|
|
39
|
+
className
|
|
40
|
+
} = boxStylesWithFilteredProps(props);
|
|
41
|
+
return className;
|
|
32
42
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useBox.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/useBox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,SAAS,EAAE,MAAM,MAAM,CAAC;AACpD,OAAO,EAEN,KAAK,qBAAqB,EAC1B,KAAK,wBAAwB,EAC7B,KAAK,WAAW,EAEhB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EACX,SAAS,EACT,mBAAmB,EACnB,sBAAsB,EACtB,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"useBox.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/useBox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,SAAS,EAAE,MAAM,MAAM,CAAC;AACpD,OAAO,EAEN,KAAK,qBAAqB,EAC1B,KAAK,wBAAwB,EAC7B,KAAK,WAAW,EAEhB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EACX,SAAS,EACT,mBAAmB,EACnB,sBAAsB,EACtB,MAAM,4BAA4B,CAAC;AAYpC,MAAM,MAAM,UAAU,GAAG,SAAS,GACjC,mBAAmB,GACnB,sBAAsB,CAAC;AAMxB,MAAM,WAAW,cAAe,SAAQ,iBAAiB;IAIxD,SAAS,CAAC,EAAE,SAAS,CAAC;IAItB,WAAW,CAAC,EAAE,MAAM,CAAC;IAIrB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,IAC/C,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAGjC,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,WAAW,IAAI;IAC/C,EAAE,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC;IAEtB,EAAE,CAAC,EAAE,KAAK,CAAC;CACX,CAAC;AAGF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,IAAI;IAChD,GAAG,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;CACxB,CAAC;AAGF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,IAAI,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAO9E,MAAM,MAAM,yBAAyB,CACpC,CAAC,SAAS,WAAW,EACrB,KAAK,GAAG,MAAM,IACX,iBAAiB,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,GAC5D,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AAG1D,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IACpD,yBAAyB,CAAC,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC,CAAC;AAM3D,MAAM,MAAM,YAAY,CACvB,CAAC,SAAS,WAAW,EACrB,CAAC,GAAG,MAAM,IACP,yBAAyB,CAC5B,CAAC,EACD,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,GAAG,cAAc,GAAG,CAAC,CAC9C,CAAC;AAYF,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,mEAMnD,WAAW,CAAC,CAAC,CAAC;;;;;CAmChB,CAAC"}
|
|
@@ -8,8 +8,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
8
8
|
import { isValidElement } from 'react';
|
|
9
9
|
import { useDeepCompareMemo } from "../../hooks/index.js";
|
|
10
10
|
import { dataAttrs } from "../../utils/dataAttrs.js";
|
|
11
|
-
import {
|
|
12
|
-
import { boxStyles } from "./boxStyles.js";
|
|
11
|
+
import { boxStylesWithFilteredProps } from "./boxStyles.js";
|
|
13
12
|
const DEFAULT_TAG = 'div';
|
|
14
13
|
const LIST_ITEM_TAG = 'li';
|
|
15
14
|
const LIST_TAGS = ['ul', 'ol'];
|
|
@@ -27,15 +26,17 @@ export const useBox = _ref => {
|
|
|
27
26
|
const Component = as !== null && as !== void 0 ? as : DEFAULT_TAG;
|
|
28
27
|
const isList = LIST_TAGS.includes(Component);
|
|
29
28
|
const SemanticChild = isList ? LIST_ITEM_TAG : undefined;
|
|
30
|
-
const
|
|
29
|
+
const {
|
|
30
|
+
className,
|
|
31
|
+
baseProps
|
|
32
|
+
} = useDeepCompareMemo(() => boxStylesWithFilteredProps(_objectSpread({
|
|
31
33
|
as,
|
|
32
34
|
className: _className
|
|
33
35
|
}, props)), [as, _className, props]);
|
|
34
|
-
const
|
|
36
|
+
const componentProps = _objectSpread(_objectSpread(_objectSpread({}, baseProps), dataAttrs({
|
|
35
37
|
[OD_COMPONENT_ATTR]: odComponent === null || odComponent === void 0 ? void 0 : odComponent.toLocaleLowerCase(),
|
|
36
38
|
testId
|
|
37
|
-
})),
|
|
38
|
-
const componentProps = _objectSpread(_objectSpread({}, remainingProps), {}, {
|
|
39
|
+
})), {}, {
|
|
39
40
|
className
|
|
40
41
|
});
|
|
41
42
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Bullet.css.d.ts","sourceRoot":"","sources":["../../../lib/components/BulletList/Bullet.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"Bullet.css.d.ts","sourceRoot":"","sources":["../../../lib/components/BulletList/Bullet.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0DAwCf,CAAC;AAEH,eAAO,MAAM,KAAK,QAIhB,CAAC"}
|
|
@@ -13,7 +13,8 @@ export const root = styleVariants({
|
|
|
13
13
|
':last-of-type': {
|
|
14
14
|
marginBottom: 0
|
|
15
15
|
},
|
|
16
|
-
'
|
|
16
|
+
'::before': {
|
|
17
|
+
boxSizing: 'content-box',
|
|
17
18
|
display: 'block',
|
|
18
19
|
alignSelf: 'flex-start',
|
|
19
20
|
width: vars.space['2'],
|
|
@@ -24,26 +25,26 @@ export const root = styleVariants({
|
|
|
24
25
|
}
|
|
25
26
|
},
|
|
26
27
|
circle: {
|
|
27
|
-
'
|
|
28
|
+
'::before': {
|
|
28
29
|
borderRadius: '50%'
|
|
29
30
|
}
|
|
30
31
|
},
|
|
31
32
|
disc: {
|
|
32
|
-
'
|
|
33
|
+
'::before': {
|
|
33
34
|
border: `2px solid ${vars.typography.colour.dark}`,
|
|
34
35
|
borderRadius: '50%',
|
|
35
36
|
backgroundColor: 'transparent'
|
|
36
37
|
}
|
|
37
38
|
},
|
|
38
39
|
square: {
|
|
39
|
-
'
|
|
40
|
+
'::before': {
|
|
40
41
|
border: `2px solid ${vars.typography.colour.dark}`,
|
|
41
42
|
backgroundColor: 'transparent'
|
|
42
43
|
}
|
|
43
44
|
}
|
|
44
45
|
}, "root");
|
|
45
46
|
export const noDot = style({
|
|
46
|
-
'
|
|
47
|
+
'::before': {
|
|
47
48
|
visibility: 'hidden'
|
|
48
49
|
}
|
|
49
50
|
}, "noDot");
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
5
|
component: React.FunctionComponent<import("./BulletList").BulletListProps>;
|
|
6
|
-
decorators: ((Story: import("
|
|
6
|
+
decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react-vite").ReactRenderer, {
|
|
7
7
|
className?: string | undefined;
|
|
8
8
|
children?: React.ReactNode;
|
|
9
9
|
}>) => React.JSX.Element)[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Bullet.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/BulletList/Bullet.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Bullet.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/BulletList/Bullet.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,QAAA,MAAM,IAAI;;;;;;;CAUyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAsBtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KA0DpB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BulletText.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/BulletText/BulletText.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"BulletText.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/BulletText/BulletText.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;CAoByB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAsB9B,CAAC"}
|