@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
|
@@ -69,396 +69,394 @@ declare const colours: {
|
|
|
69
69
|
};
|
|
70
70
|
export type Colours = typeof colours;
|
|
71
71
|
export declare const overdriveTokens: {
|
|
72
|
-
mode: `var(--${string})` | `var(--${string}, ${string})
|
|
72
|
+
mode: `var(--${string})` | `var(--${string}, ${string})`;
|
|
73
73
|
body: {
|
|
74
|
-
backgroundColour: `var(--${string})` | `var(--${string}, ${string})
|
|
75
|
-
colour: `var(--${string})` | `var(--${string}, ${string})
|
|
74
|
+
backgroundColour: `var(--${string})` | `var(--${string}, ${string})`;
|
|
75
|
+
colour: `var(--${string})` | `var(--${string}, ${string})`;
|
|
76
76
|
};
|
|
77
77
|
contentWidth: {
|
|
78
|
-
small: `var(--${string})` | `var(--${string}, ${string})
|
|
79
|
-
medium: `var(--${string})` | `var(--${string}, ${string})
|
|
80
|
-
large: `var(--${string})` | `var(--${string}, ${string})
|
|
78
|
+
small: `var(--${string})` | `var(--${string}, ${string})`;
|
|
79
|
+
medium: `var(--${string})` | `var(--${string}, ${string})`;
|
|
80
|
+
large: `var(--${string})` | `var(--${string}, ${string})`;
|
|
81
81
|
};
|
|
82
82
|
space: {
|
|
83
|
-
'1': `var(--${string})` | `var(--${string}, ${string})
|
|
84
|
-
'2': `var(--${string})` | `var(--${string}, ${string})
|
|
85
|
-
'3': `var(--${string})` | `var(--${string}, ${string})
|
|
86
|
-
'4': `var(--${string})` | `var(--${string}, ${string})
|
|
87
|
-
'5': `var(--${string})` | `var(--${string}, ${string})
|
|
88
|
-
'6': `var(--${string})` | `var(--${string}, ${string})
|
|
89
|
-
'7': `var(--${string})` | `var(--${string}, ${string})
|
|
90
|
-
'8': `var(--${string})` | `var(--${string}, ${string})
|
|
91
|
-
'9': `var(--${string})` | `var(--${string}, ${string})
|
|
92
|
-
none: `var(--${string})` | `var(--${string}, ${string})
|
|
83
|
+
'1': `var(--${string})` | `var(--${string}, ${string})`;
|
|
84
|
+
'2': `var(--${string})` | `var(--${string}, ${string})`;
|
|
85
|
+
'3': `var(--${string})` | `var(--${string}, ${string})`;
|
|
86
|
+
'4': `var(--${string})` | `var(--${string}, ${string})`;
|
|
87
|
+
'5': `var(--${string})` | `var(--${string}, ${string})`;
|
|
88
|
+
'6': `var(--${string})` | `var(--${string}, ${string})`;
|
|
89
|
+
'7': `var(--${string})` | `var(--${string}, ${string})`;
|
|
90
|
+
'8': `var(--${string})` | `var(--${string}, ${string})`;
|
|
91
|
+
'9': `var(--${string})` | `var(--${string}, ${string})`;
|
|
92
|
+
none: `var(--${string})` | `var(--${string}, ${string})`;
|
|
93
93
|
};
|
|
94
94
|
color: {
|
|
95
95
|
gamut: {
|
|
96
|
-
white: `var(--${string})` | `var(--${string}, ${string})
|
|
96
|
+
white: `var(--${string})` | `var(--${string}, ${string})`;
|
|
97
97
|
black: {
|
|
98
|
-
'900': `var(--${string})` | `var(--${string}, ${string})
|
|
99
|
-
'800': `var(--${string})` | `var(--${string}, ${string})
|
|
100
|
-
'700': `var(--${string})` | `var(--${string}, ${string})
|
|
101
|
-
'600': `var(--${string})` | `var(--${string}, ${string})
|
|
102
|
-
'500': `var(--${string})` | `var(--${string}, ${string})
|
|
103
|
-
'400': `var(--${string})` | `var(--${string}, ${string})
|
|
104
|
-
'300': `var(--${string})` | `var(--${string}, ${string})
|
|
105
|
-
'200': `var(--${string})` | `var(--${string}, ${string})
|
|
106
|
-
'100': `var(--${string})` | `var(--${string}, ${string})
|
|
98
|
+
'900': `var(--${string})` | `var(--${string}, ${string})`;
|
|
99
|
+
'800': `var(--${string})` | `var(--${string}, ${string})`;
|
|
100
|
+
'700': `var(--${string})` | `var(--${string}, ${string})`;
|
|
101
|
+
'600': `var(--${string})` | `var(--${string}, ${string})`;
|
|
102
|
+
'500': `var(--${string})` | `var(--${string}, ${string})`;
|
|
103
|
+
'400': `var(--${string})` | `var(--${string}, ${string})`;
|
|
104
|
+
'300': `var(--${string})` | `var(--${string}, ${string})`;
|
|
105
|
+
'200': `var(--${string})` | `var(--${string}, ${string})`;
|
|
106
|
+
'100': `var(--${string})` | `var(--${string}, ${string})`;
|
|
107
107
|
};
|
|
108
108
|
gray: {
|
|
109
|
-
'900': `var(--${string})` | `var(--${string}, ${string})
|
|
110
|
-
'800': `var(--${string})` | `var(--${string}, ${string})
|
|
111
|
-
'700': `var(--${string})` | `var(--${string}, ${string})
|
|
112
|
-
'600': `var(--${string})` | `var(--${string}, ${string})
|
|
113
|
-
'500': `var(--${string})` | `var(--${string}, ${string})
|
|
114
|
-
'400': `var(--${string})` | `var(--${string}, ${string})
|
|
115
|
-
'300': `var(--${string})` | `var(--${string}, ${string})
|
|
116
|
-
'200': `var(--${string})` | `var(--${string}, ${string})
|
|
117
|
-
'100': `var(--${string})` | `var(--${string}, ${string})
|
|
109
|
+
'900': `var(--${string})` | `var(--${string}, ${string})`;
|
|
110
|
+
'800': `var(--${string})` | `var(--${string}, ${string})`;
|
|
111
|
+
'700': `var(--${string})` | `var(--${string}, ${string})`;
|
|
112
|
+
'600': `var(--${string})` | `var(--${string}, ${string})`;
|
|
113
|
+
'500': `var(--${string})` | `var(--${string}, ${string})`;
|
|
114
|
+
'400': `var(--${string})` | `var(--${string}, ${string})`;
|
|
115
|
+
'300': `var(--${string})` | `var(--${string}, ${string})`;
|
|
116
|
+
'200': `var(--${string})` | `var(--${string}, ${string})`;
|
|
117
|
+
'100': `var(--${string})` | `var(--${string}, ${string})`;
|
|
118
118
|
};
|
|
119
119
|
green: {
|
|
120
|
-
'900': `var(--${string})` | `var(--${string}, ${string})
|
|
121
|
-
'800': `var(--${string})` | `var(--${string}, ${string})
|
|
122
|
-
'700': `var(--${string})` | `var(--${string}, ${string})
|
|
123
|
-
'600': `var(--${string})` | `var(--${string}, ${string})
|
|
124
|
-
'500': `var(--${string})` | `var(--${string}, ${string})
|
|
125
|
-
'400': `var(--${string})` | `var(--${string}, ${string})
|
|
126
|
-
'300': `var(--${string})` | `var(--${string}, ${string})
|
|
127
|
-
'200': `var(--${string})` | `var(--${string}, ${string})
|
|
128
|
-
'100': `var(--${string})` | `var(--${string}, ${string})
|
|
120
|
+
'900': `var(--${string})` | `var(--${string}, ${string})`;
|
|
121
|
+
'800': `var(--${string})` | `var(--${string}, ${string})`;
|
|
122
|
+
'700': `var(--${string})` | `var(--${string}, ${string})`;
|
|
123
|
+
'600': `var(--${string})` | `var(--${string}, ${string})`;
|
|
124
|
+
'500': `var(--${string})` | `var(--${string}, ${string})`;
|
|
125
|
+
'400': `var(--${string})` | `var(--${string}, ${string})`;
|
|
126
|
+
'300': `var(--${string})` | `var(--${string}, ${string})`;
|
|
127
|
+
'200': `var(--${string})` | `var(--${string}, ${string})`;
|
|
128
|
+
'100': `var(--${string})` | `var(--${string}, ${string})`;
|
|
129
129
|
};
|
|
130
130
|
blue: {
|
|
131
|
-
'900': `var(--${string})` | `var(--${string}, ${string})
|
|
132
|
-
'800': `var(--${string})` | `var(--${string}, ${string})
|
|
133
|
-
'700': `var(--${string})` | `var(--${string}, ${string})
|
|
134
|
-
'600': `var(--${string})` | `var(--${string}, ${string})
|
|
135
|
-
'500': `var(--${string})` | `var(--${string}, ${string})
|
|
136
|
-
'400': `var(--${string})` | `var(--${string}, ${string})
|
|
137
|
-
'300': `var(--${string})` | `var(--${string}, ${string})
|
|
138
|
-
'200': `var(--${string})` | `var(--${string}, ${string})
|
|
139
|
-
'100': `var(--${string})` | `var(--${string}, ${string})
|
|
131
|
+
'900': `var(--${string})` | `var(--${string}, ${string})`;
|
|
132
|
+
'800': `var(--${string})` | `var(--${string}, ${string})`;
|
|
133
|
+
'700': `var(--${string})` | `var(--${string}, ${string})`;
|
|
134
|
+
'600': `var(--${string})` | `var(--${string}, ${string})`;
|
|
135
|
+
'500': `var(--${string})` | `var(--${string}, ${string})`;
|
|
136
|
+
'400': `var(--${string})` | `var(--${string}, ${string})`;
|
|
137
|
+
'300': `var(--${string})` | `var(--${string}, ${string})`;
|
|
138
|
+
'200': `var(--${string})` | `var(--${string}, ${string})`;
|
|
139
|
+
'100': `var(--${string})` | `var(--${string}, ${string})`;
|
|
140
140
|
};
|
|
141
141
|
yellow: {
|
|
142
|
-
'900': `var(--${string})` | `var(--${string}, ${string})
|
|
143
|
-
'800': `var(--${string})` | `var(--${string}, ${string})
|
|
144
|
-
'700': `var(--${string})` | `var(--${string}, ${string})
|
|
145
|
-
'600': `var(--${string})` | `var(--${string}, ${string})
|
|
146
|
-
'500': `var(--${string})` | `var(--${string}, ${string})
|
|
147
|
-
'400': `var(--${string})` | `var(--${string}, ${string})
|
|
148
|
-
'300': `var(--${string})` | `var(--${string}, ${string})
|
|
149
|
-
'200': `var(--${string})` | `var(--${string}, ${string})
|
|
150
|
-
'100': `var(--${string})` | `var(--${string}, ${string})
|
|
142
|
+
'900': `var(--${string})` | `var(--${string}, ${string})`;
|
|
143
|
+
'800': `var(--${string})` | `var(--${string}, ${string})`;
|
|
144
|
+
'700': `var(--${string})` | `var(--${string}, ${string})`;
|
|
145
|
+
'600': `var(--${string})` | `var(--${string}, ${string})`;
|
|
146
|
+
'500': `var(--${string})` | `var(--${string}, ${string})`;
|
|
147
|
+
'400': `var(--${string})` | `var(--${string}, ${string})`;
|
|
148
|
+
'300': `var(--${string})` | `var(--${string}, ${string})`;
|
|
149
|
+
'200': `var(--${string})` | `var(--${string}, ${string})`;
|
|
150
|
+
'100': `var(--${string})` | `var(--${string}, ${string})`;
|
|
151
151
|
};
|
|
152
152
|
red: {
|
|
153
|
-
'900': `var(--${string})` | `var(--${string}, ${string})
|
|
154
|
-
'800': `var(--${string})` | `var(--${string}, ${string})
|
|
155
|
-
'700': `var(--${string})` | `var(--${string}, ${string})
|
|
156
|
-
'600': `var(--${string})` | `var(--${string}, ${string})
|
|
157
|
-
'500': `var(--${string})` | `var(--${string}, ${string})
|
|
158
|
-
'400': `var(--${string})` | `var(--${string}, ${string})
|
|
159
|
-
'300': `var(--${string})` | `var(--${string}, ${string})
|
|
160
|
-
'200': `var(--${string})` | `var(--${string}, ${string})
|
|
161
|
-
'100': `var(--${string})` | `var(--${string}, ${string})
|
|
153
|
+
'900': `var(--${string})` | `var(--${string}, ${string})`;
|
|
154
|
+
'800': `var(--${string})` | `var(--${string}, ${string})`;
|
|
155
|
+
'700': `var(--${string})` | `var(--${string}, ${string})`;
|
|
156
|
+
'600': `var(--${string})` | `var(--${string}, ${string})`;
|
|
157
|
+
'500': `var(--${string})` | `var(--${string}, ${string})`;
|
|
158
|
+
'400': `var(--${string})` | `var(--${string}, ${string})`;
|
|
159
|
+
'300': `var(--${string})` | `var(--${string}, ${string})`;
|
|
160
|
+
'200': `var(--${string})` | `var(--${string}, ${string})`;
|
|
161
|
+
'100': `var(--${string})` | `var(--${string}, ${string})`;
|
|
162
162
|
};
|
|
163
163
|
};
|
|
164
164
|
surface: {
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
success: `var(--${string})` | `var(--${string}, ${string})
|
|
170
|
-
info: `var(--${string})` | `var(--${string}, ${string})
|
|
171
|
-
danger: `var(--${string})` | `var(--${string}, ${string})
|
|
172
|
-
warning: `var(--${string})` | `var(--${string}, ${string})
|
|
165
|
+
page: `var(--${string})` | `var(--${string}, ${string})`;
|
|
166
|
+
hard: `var(--${string})` | `var(--${string}, ${string})`;
|
|
167
|
+
soft: `var(--${string})` | `var(--${string}, ${string})`;
|
|
168
|
+
accent: `var(--${string})` | `var(--${string}, ${string})`;
|
|
169
|
+
success: `var(--${string})` | `var(--${string}, ${string})`;
|
|
170
|
+
info: `var(--${string})` | `var(--${string}, ${string})`;
|
|
171
|
+
danger: `var(--${string})` | `var(--${string}, ${string})`;
|
|
172
|
+
warning: `var(--${string})` | `var(--${string}, ${string})`;
|
|
173
173
|
};
|
|
174
174
|
content: {
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
183
|
-
warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
175
|
+
normal: `var(--${string})` | `var(--${string}, ${string})`;
|
|
176
|
+
soft: `var(--${string})` | `var(--${string}, ${string})`;
|
|
177
|
+
inverse: `var(--${string})` | `var(--${string}, ${string})`;
|
|
178
|
+
info: `var(--${string})` | `var(--${string}, ${string})`;
|
|
179
|
+
danger: `var(--${string})` | `var(--${string}, ${string})`;
|
|
180
|
+
success: `var(--${string})` | `var(--${string}, ${string})`;
|
|
181
|
+
warning: `var(--${string})` | `var(--${string}, ${string})`;
|
|
184
182
|
};
|
|
185
183
|
interactive: {
|
|
186
|
-
border: `var(--${string})` | `var(--${string}, ${string})
|
|
187
|
-
borderMuted: `var(--${string})` | `var(--${string}, ${string})
|
|
188
|
-
borderDisabled: `var(--${string})` | `var(--${string}, ${string})
|
|
189
|
-
surfaceDisabled: `var(--${string})` | `var(--${string}, ${string})
|
|
190
|
-
contentDisabled: `var(--${string})` | `var(--${string}, ${string})
|
|
191
|
-
link: `var(--${string})` | `var(--${string}, ${string})
|
|
192
|
-
linkVisited: `var(--${string})` | `var(--${string}, ${string})
|
|
193
|
-
overlayBg: `var(--${string})` | `var(--${string}, ${string})
|
|
194
|
-
overlayContainer: `var(--${string})` | `var(--${string}, ${string})
|
|
195
|
-
placeholder: `var(--${string})` | `var(--${string}, ${string})
|
|
196
|
-
focusOutline: `var(--${string})` | `var(--${string}, ${string})
|
|
184
|
+
border: `var(--${string})` | `var(--${string}, ${string})`;
|
|
185
|
+
borderMuted: `var(--${string})` | `var(--${string}, ${string})`;
|
|
186
|
+
borderDisabled: `var(--${string})` | `var(--${string}, ${string})`;
|
|
187
|
+
surfaceDisabled: `var(--${string})` | `var(--${string}, ${string})`;
|
|
188
|
+
contentDisabled: `var(--${string})` | `var(--${string}, ${string})`;
|
|
189
|
+
link: `var(--${string})` | `var(--${string}, ${string})`;
|
|
190
|
+
linkVisited: `var(--${string})` | `var(--${string}, ${string})`;
|
|
191
|
+
overlayBg: `var(--${string})` | `var(--${string}, ${string})`;
|
|
192
|
+
overlayContainer: `var(--${string})` | `var(--${string}, ${string})`;
|
|
193
|
+
placeholder: `var(--${string})` | `var(--${string}, ${string})`;
|
|
194
|
+
focusOutline: `var(--${string})` | `var(--${string}, ${string})`;
|
|
197
195
|
};
|
|
198
196
|
};
|
|
199
197
|
colours: {
|
|
200
198
|
gamut: {
|
|
201
|
-
white: `var(--${string})` | `var(--${string}, ${string})
|
|
202
|
-
black900: `var(--${string})` | `var(--${string}, ${string})
|
|
203
|
-
black800: `var(--${string})` | `var(--${string}, ${string})
|
|
204
|
-
black700: `var(--${string})` | `var(--${string}, ${string})
|
|
205
|
-
black600: `var(--${string})` | `var(--${string}, ${string})
|
|
206
|
-
black500: `var(--${string})` | `var(--${string}, ${string})
|
|
207
|
-
black400: `var(--${string})` | `var(--${string}, ${string})
|
|
208
|
-
black300: `var(--${string})` | `var(--${string}, ${string})
|
|
209
|
-
black200: `var(--${string})` | `var(--${string}, ${string})
|
|
210
|
-
black100: `var(--${string})` | `var(--${string}, ${string})
|
|
211
|
-
gray900: `var(--${string})` | `var(--${string}, ${string})
|
|
212
|
-
gray800: `var(--${string})` | `var(--${string}, ${string})
|
|
213
|
-
gray700: `var(--${string})` | `var(--${string}, ${string})
|
|
214
|
-
gray600: `var(--${string})` | `var(--${string}, ${string})
|
|
215
|
-
gray500: `var(--${string})` | `var(--${string}, ${string})
|
|
216
|
-
gray400: `var(--${string})` | `var(--${string}, ${string})
|
|
217
|
-
gray300: `var(--${string})` | `var(--${string}, ${string})
|
|
218
|
-
gray200: `var(--${string})` | `var(--${string}, ${string})
|
|
219
|
-
gray100: `var(--${string})` | `var(--${string}, ${string})
|
|
220
|
-
green900: `var(--${string})` | `var(--${string}, ${string})
|
|
221
|
-
green800: `var(--${string})` | `var(--${string}, ${string})
|
|
222
|
-
green700: `var(--${string})` | `var(--${string}, ${string})
|
|
223
|
-
green600: `var(--${string})` | `var(--${string}, ${string})
|
|
224
|
-
green500: `var(--${string})` | `var(--${string}, ${string})
|
|
225
|
-
green400: `var(--${string})` | `var(--${string}, ${string})
|
|
226
|
-
green300: `var(--${string})` | `var(--${string}, ${string})
|
|
227
|
-
green200: `var(--${string})` | `var(--${string}, ${string})
|
|
228
|
-
green100: `var(--${string})` | `var(--${string}, ${string})
|
|
229
|
-
blue900: `var(--${string})` | `var(--${string}, ${string})
|
|
230
|
-
blue800: `var(--${string})` | `var(--${string}, ${string})
|
|
231
|
-
blue700: `var(--${string})` | `var(--${string}, ${string})
|
|
232
|
-
blue600: `var(--${string})` | `var(--${string}, ${string})
|
|
233
|
-
blue500: `var(--${string})` | `var(--${string}, ${string})
|
|
234
|
-
blue400: `var(--${string})` | `var(--${string}, ${string})
|
|
235
|
-
blue300: `var(--${string})` | `var(--${string}, ${string})
|
|
236
|
-
blue200: `var(--${string})` | `var(--${string}, ${string})
|
|
237
|
-
blue100: `var(--${string})` | `var(--${string}, ${string})
|
|
238
|
-
yellow900: `var(--${string})` | `var(--${string}, ${string})
|
|
239
|
-
yellow800: `var(--${string})` | `var(--${string}, ${string})
|
|
240
|
-
yellow700: `var(--${string})` | `var(--${string}, ${string})
|
|
241
|
-
yellow600: `var(--${string})` | `var(--${string}, ${string})
|
|
242
|
-
yellow500: `var(--${string})` | `var(--${string}, ${string})
|
|
243
|
-
yellow400: `var(--${string})` | `var(--${string}, ${string})
|
|
244
|
-
yellow300: `var(--${string})` | `var(--${string}, ${string})
|
|
245
|
-
yellow200: `var(--${string})` | `var(--${string}, ${string})
|
|
246
|
-
yellow100: `var(--${string})` | `var(--${string}, ${string})
|
|
247
|
-
red900: `var(--${string})` | `var(--${string}, ${string})
|
|
248
|
-
red800: `var(--${string})` | `var(--${string}, ${string})
|
|
249
|
-
red700: `var(--${string})` | `var(--${string}, ${string})
|
|
250
|
-
red600: `var(--${string})` | `var(--${string}, ${string})
|
|
251
|
-
red500: `var(--${string})` | `var(--${string}, ${string})
|
|
252
|
-
red400: `var(--${string})` | `var(--${string}, ${string})
|
|
253
|
-
red300: `var(--${string})` | `var(--${string}, ${string})
|
|
254
|
-
red200: `var(--${string})` | `var(--${string}, ${string})
|
|
255
|
-
red100: `var(--${string})` | `var(--${string}, ${string})
|
|
199
|
+
white: `var(--${string})` | `var(--${string}, ${string})`;
|
|
200
|
+
black900: `var(--${string})` | `var(--${string}, ${string})`;
|
|
201
|
+
black800: `var(--${string})` | `var(--${string}, ${string})`;
|
|
202
|
+
black700: `var(--${string})` | `var(--${string}, ${string})`;
|
|
203
|
+
black600: `var(--${string})` | `var(--${string}, ${string})`;
|
|
204
|
+
black500: `var(--${string})` | `var(--${string}, ${string})`;
|
|
205
|
+
black400: `var(--${string})` | `var(--${string}, ${string})`;
|
|
206
|
+
black300: `var(--${string})` | `var(--${string}, ${string})`;
|
|
207
|
+
black200: `var(--${string})` | `var(--${string}, ${string})`;
|
|
208
|
+
black100: `var(--${string})` | `var(--${string}, ${string})`;
|
|
209
|
+
gray900: `var(--${string})` | `var(--${string}, ${string})`;
|
|
210
|
+
gray800: `var(--${string})` | `var(--${string}, ${string})`;
|
|
211
|
+
gray700: `var(--${string})` | `var(--${string}, ${string})`;
|
|
212
|
+
gray600: `var(--${string})` | `var(--${string}, ${string})`;
|
|
213
|
+
gray500: `var(--${string})` | `var(--${string}, ${string})`;
|
|
214
|
+
gray400: `var(--${string})` | `var(--${string}, ${string})`;
|
|
215
|
+
gray300: `var(--${string})` | `var(--${string}, ${string})`;
|
|
216
|
+
gray200: `var(--${string})` | `var(--${string}, ${string})`;
|
|
217
|
+
gray100: `var(--${string})` | `var(--${string}, ${string})`;
|
|
218
|
+
green900: `var(--${string})` | `var(--${string}, ${string})`;
|
|
219
|
+
green800: `var(--${string})` | `var(--${string}, ${string})`;
|
|
220
|
+
green700: `var(--${string})` | `var(--${string}, ${string})`;
|
|
221
|
+
green600: `var(--${string})` | `var(--${string}, ${string})`;
|
|
222
|
+
green500: `var(--${string})` | `var(--${string}, ${string})`;
|
|
223
|
+
green400: `var(--${string})` | `var(--${string}, ${string})`;
|
|
224
|
+
green300: `var(--${string})` | `var(--${string}, ${string})`;
|
|
225
|
+
green200: `var(--${string})` | `var(--${string}, ${string})`;
|
|
226
|
+
green100: `var(--${string})` | `var(--${string}, ${string})`;
|
|
227
|
+
blue900: `var(--${string})` | `var(--${string}, ${string})`;
|
|
228
|
+
blue800: `var(--${string})` | `var(--${string}, ${string})`;
|
|
229
|
+
blue700: `var(--${string})` | `var(--${string}, ${string})`;
|
|
230
|
+
blue600: `var(--${string})` | `var(--${string}, ${string})`;
|
|
231
|
+
blue500: `var(--${string})` | `var(--${string}, ${string})`;
|
|
232
|
+
blue400: `var(--${string})` | `var(--${string}, ${string})`;
|
|
233
|
+
blue300: `var(--${string})` | `var(--${string}, ${string})`;
|
|
234
|
+
blue200: `var(--${string})` | `var(--${string}, ${string})`;
|
|
235
|
+
blue100: `var(--${string})` | `var(--${string}, ${string})`;
|
|
236
|
+
yellow900: `var(--${string})` | `var(--${string}, ${string})`;
|
|
237
|
+
yellow800: `var(--${string})` | `var(--${string}, ${string})`;
|
|
238
|
+
yellow700: `var(--${string})` | `var(--${string}, ${string})`;
|
|
239
|
+
yellow600: `var(--${string})` | `var(--${string}, ${string})`;
|
|
240
|
+
yellow500: `var(--${string})` | `var(--${string}, ${string})`;
|
|
241
|
+
yellow400: `var(--${string})` | `var(--${string}, ${string})`;
|
|
242
|
+
yellow300: `var(--${string})` | `var(--${string}, ${string})`;
|
|
243
|
+
yellow200: `var(--${string})` | `var(--${string}, ${string})`;
|
|
244
|
+
yellow100: `var(--${string})` | `var(--${string}, ${string})`;
|
|
245
|
+
red900: `var(--${string})` | `var(--${string}, ${string})`;
|
|
246
|
+
red800: `var(--${string})` | `var(--${string}, ${string})`;
|
|
247
|
+
red700: `var(--${string})` | `var(--${string}, ${string})`;
|
|
248
|
+
red600: `var(--${string})` | `var(--${string}, ${string})`;
|
|
249
|
+
red500: `var(--${string})` | `var(--${string}, ${string})`;
|
|
250
|
+
red400: `var(--${string})` | `var(--${string}, ${string})`;
|
|
251
|
+
red300: `var(--${string})` | `var(--${string}, ${string})`;
|
|
252
|
+
red200: `var(--${string})` | `var(--${string}, ${string})`;
|
|
253
|
+
red100: `var(--${string})` | `var(--${string}, ${string})`;
|
|
256
254
|
};
|
|
257
255
|
foreground: {
|
|
258
|
-
body: `var(--${string})` | `var(--${string}, ${string})
|
|
259
|
-
link: `var(--${string})` | `var(--${string}, ${string})
|
|
256
|
+
body: `var(--${string})` | `var(--${string}, ${string})`;
|
|
257
|
+
link: `var(--${string})` | `var(--${string}, ${string})`;
|
|
260
258
|
};
|
|
261
259
|
background: {
|
|
262
|
-
body: `var(--${string})` | `var(--${string}, ${string})
|
|
263
|
-
light: `var(--${string})` | `var(--${string}, ${string})
|
|
264
|
-
neutral: `var(--${string})` | `var(--${string}, ${string})
|
|
265
|
-
neutralDark: `var(--${string})` | `var(--${string}, ${string})
|
|
260
|
+
body: `var(--${string})` | `var(--${string}, ${string})`;
|
|
261
|
+
light: `var(--${string})` | `var(--${string}, ${string})`;
|
|
262
|
+
neutral: `var(--${string})` | `var(--${string}, ${string})`;
|
|
263
|
+
neutralDark: `var(--${string})` | `var(--${string}, ${string})`;
|
|
266
264
|
};
|
|
267
265
|
intent: {
|
|
268
266
|
primary: {
|
|
269
267
|
background: {
|
|
270
|
-
standard: `var(--${string})` | `var(--${string}, ${string})
|
|
271
|
-
mild: `var(--${string})` | `var(--${string}, ${string})
|
|
272
|
-
strong: `var(--${string})` | `var(--${string}, ${string})
|
|
268
|
+
standard: `var(--${string})` | `var(--${string}, ${string})`;
|
|
269
|
+
mild: `var(--${string})` | `var(--${string}, ${string})`;
|
|
270
|
+
strong: `var(--${string})` | `var(--${string}, ${string})`;
|
|
273
271
|
};
|
|
274
|
-
foreground: `var(--${string})` | `var(--${string}, ${string})
|
|
275
|
-
border: `var(--${string})` | `var(--${string}, ${string})
|
|
272
|
+
foreground: `var(--${string})` | `var(--${string}, ${string})`;
|
|
273
|
+
border: `var(--${string})` | `var(--${string}, ${string})`;
|
|
276
274
|
};
|
|
277
275
|
brand: {
|
|
278
276
|
background: {
|
|
279
|
-
standard: `var(--${string})` | `var(--${string}, ${string})
|
|
280
|
-
mild: `var(--${string})` | `var(--${string}, ${string})
|
|
281
|
-
strong: `var(--${string})` | `var(--${string}, ${string})
|
|
277
|
+
standard: `var(--${string})` | `var(--${string}, ${string})`;
|
|
278
|
+
mild: `var(--${string})` | `var(--${string}, ${string})`;
|
|
279
|
+
strong: `var(--${string})` | `var(--${string}, ${string})`;
|
|
282
280
|
};
|
|
283
|
-
foreground: `var(--${string})` | `var(--${string}, ${string})
|
|
284
|
-
border: `var(--${string})` | `var(--${string}, ${string})
|
|
281
|
+
foreground: `var(--${string})` | `var(--${string}, ${string})`;
|
|
282
|
+
border: `var(--${string})` | `var(--${string}, ${string})`;
|
|
285
283
|
};
|
|
286
284
|
secondary: {
|
|
287
285
|
background: {
|
|
288
|
-
standard: `var(--${string})` | `var(--${string}, ${string})
|
|
289
|
-
mild: `var(--${string})` | `var(--${string}, ${string})
|
|
290
|
-
strong: `var(--${string})` | `var(--${string}, ${string})
|
|
286
|
+
standard: `var(--${string})` | `var(--${string}, ${string})`;
|
|
287
|
+
mild: `var(--${string})` | `var(--${string}, ${string})`;
|
|
288
|
+
strong: `var(--${string})` | `var(--${string}, ${string})`;
|
|
291
289
|
};
|
|
292
|
-
foreground: `var(--${string})` | `var(--${string}, ${string})
|
|
293
|
-
border: `var(--${string})` | `var(--${string}, ${string})
|
|
290
|
+
foreground: `var(--${string})` | `var(--${string}, ${string})`;
|
|
291
|
+
border: `var(--${string})` | `var(--${string}, ${string})`;
|
|
294
292
|
};
|
|
295
293
|
shine: {
|
|
296
294
|
background: {
|
|
297
|
-
standard: `var(--${string})` | `var(--${string}, ${string})
|
|
298
|
-
mild: `var(--${string})` | `var(--${string}, ${string})
|
|
299
|
-
strong: `var(--${string})` | `var(--${string}, ${string})
|
|
295
|
+
standard: `var(--${string})` | `var(--${string}, ${string})`;
|
|
296
|
+
mild: `var(--${string})` | `var(--${string}, ${string})`;
|
|
297
|
+
strong: `var(--${string})` | `var(--${string}, ${string})`;
|
|
300
298
|
};
|
|
301
|
-
foreground: `var(--${string})` | `var(--${string}, ${string})
|
|
302
|
-
border: `var(--${string})` | `var(--${string}, ${string})
|
|
299
|
+
foreground: `var(--${string})` | `var(--${string}, ${string})`;
|
|
300
|
+
border: `var(--${string})` | `var(--${string}, ${string})`;
|
|
303
301
|
};
|
|
304
302
|
danger: {
|
|
305
303
|
background: {
|
|
306
|
-
standard: `var(--${string})` | `var(--${string}, ${string})
|
|
307
|
-
mild: `var(--${string})` | `var(--${string}, ${string})
|
|
308
|
-
strong: `var(--${string})` | `var(--${string}, ${string})
|
|
304
|
+
standard: `var(--${string})` | `var(--${string}, ${string})`;
|
|
305
|
+
mild: `var(--${string})` | `var(--${string}, ${string})`;
|
|
306
|
+
strong: `var(--${string})` | `var(--${string}, ${string})`;
|
|
309
307
|
};
|
|
310
|
-
foreground: `var(--${string})` | `var(--${string}, ${string})
|
|
311
|
-
border: `var(--${string})` | `var(--${string}, ${string})
|
|
308
|
+
foreground: `var(--${string})` | `var(--${string}, ${string})`;
|
|
309
|
+
border: `var(--${string})` | `var(--${string}, ${string})`;
|
|
312
310
|
};
|
|
313
311
|
warning: {
|
|
314
312
|
background: {
|
|
315
|
-
standard: `var(--${string})` | `var(--${string}, ${string})
|
|
316
|
-
mild: `var(--${string})` | `var(--${string}, ${string})
|
|
317
|
-
strong: `var(--${string})` | `var(--${string}, ${string})
|
|
313
|
+
standard: `var(--${string})` | `var(--${string}, ${string})`;
|
|
314
|
+
mild: `var(--${string})` | `var(--${string}, ${string})`;
|
|
315
|
+
strong: `var(--${string})` | `var(--${string}, ${string})`;
|
|
318
316
|
};
|
|
319
|
-
foreground: `var(--${string})` | `var(--${string}, ${string})
|
|
320
|
-
border: `var(--${string})` | `var(--${string}, ${string})
|
|
317
|
+
foreground: `var(--${string})` | `var(--${string}, ${string})`;
|
|
318
|
+
border: `var(--${string})` | `var(--${string}, ${string})`;
|
|
321
319
|
};
|
|
322
320
|
neutral: {
|
|
323
321
|
background: {
|
|
324
|
-
standard: `var(--${string})` | `var(--${string}, ${string})
|
|
325
|
-
mild: `var(--${string})` | `var(--${string}, ${string})
|
|
326
|
-
strong: `var(--${string})` | `var(--${string}, ${string})
|
|
322
|
+
standard: `var(--${string})` | `var(--${string}, ${string})`;
|
|
323
|
+
mild: `var(--${string})` | `var(--${string}, ${string})`;
|
|
324
|
+
strong: `var(--${string})` | `var(--${string}, ${string})`;
|
|
327
325
|
};
|
|
328
|
-
foreground: `var(--${string})` | `var(--${string}, ${string})
|
|
329
|
-
border: `var(--${string})` | `var(--${string}, ${string})
|
|
326
|
+
foreground: `var(--${string})` | `var(--${string}, ${string})`;
|
|
327
|
+
border: `var(--${string})` | `var(--${string}, ${string})`;
|
|
330
328
|
};
|
|
331
329
|
success: {
|
|
332
330
|
background: {
|
|
333
|
-
standard: `var(--${string})` | `var(--${string}, ${string})
|
|
334
|
-
mild: `var(--${string})` | `var(--${string}, ${string})
|
|
335
|
-
strong: `var(--${string})` | `var(--${string}, ${string})
|
|
331
|
+
standard: `var(--${string})` | `var(--${string}, ${string})`;
|
|
332
|
+
mild: `var(--${string})` | `var(--${string}, ${string})`;
|
|
333
|
+
strong: `var(--${string})` | `var(--${string}, ${string})`;
|
|
336
334
|
};
|
|
337
|
-
foreground: `var(--${string})` | `var(--${string}, ${string})
|
|
338
|
-
border: `var(--${string})` | `var(--${string}, ${string})
|
|
335
|
+
foreground: `var(--${string})` | `var(--${string}, ${string})`;
|
|
336
|
+
border: `var(--${string})` | `var(--${string}, ${string})`;
|
|
339
337
|
};
|
|
340
338
|
information: {
|
|
341
339
|
background: {
|
|
342
|
-
standard: `var(--${string})` | `var(--${string}, ${string})
|
|
343
|
-
mild: `var(--${string})` | `var(--${string}, ${string})
|
|
344
|
-
strong: `var(--${string})` | `var(--${string}, ${string})
|
|
340
|
+
standard: `var(--${string})` | `var(--${string}, ${string})`;
|
|
341
|
+
mild: `var(--${string})` | `var(--${string}, ${string})`;
|
|
342
|
+
strong: `var(--${string})` | `var(--${string}, ${string})`;
|
|
345
343
|
};
|
|
346
|
-
foreground: `var(--${string})` | `var(--${string}, ${string})
|
|
347
|
-
border: `var(--${string})` | `var(--${string}, ${string})
|
|
344
|
+
foreground: `var(--${string})` | `var(--${string}, ${string})`;
|
|
345
|
+
border: `var(--${string})` | `var(--${string}, ${string})`;
|
|
348
346
|
};
|
|
349
347
|
};
|
|
350
348
|
};
|
|
351
349
|
elevation: {
|
|
352
|
-
'1': `var(--${string})` | `var(--${string}, ${string})
|
|
353
|
-
'2': `var(--${string})` | `var(--${string}, ${string})
|
|
354
|
-
'3': `var(--${string})` | `var(--${string}, ${string})
|
|
355
|
-
'4': `var(--${string})` | `var(--${string}, ${string})
|
|
356
|
-
'5': `var(--${string})` | `var(--${string}, ${string})
|
|
357
|
-
none: `var(--${string})` | `var(--${string}, ${string})
|
|
350
|
+
'1': `var(--${string})` | `var(--${string}, ${string})`;
|
|
351
|
+
'2': `var(--${string})` | `var(--${string}, ${string})`;
|
|
352
|
+
'3': `var(--${string})` | `var(--${string}, ${string})`;
|
|
353
|
+
'4': `var(--${string})` | `var(--${string}, ${string})`;
|
|
354
|
+
'5': `var(--${string})` | `var(--${string}, ${string})`;
|
|
355
|
+
none: `var(--${string})` | `var(--${string}, ${string})`;
|
|
358
356
|
};
|
|
359
357
|
border: {
|
|
360
358
|
width: {
|
|
361
|
-
'1': `var(--${string})` | `var(--${string}, ${string})
|
|
362
|
-
'2': `var(--${string})` | `var(--${string}, ${string})
|
|
363
|
-
'3': `var(--${string})` | `var(--${string}, ${string})
|
|
364
|
-
none: `var(--${string})` | `var(--${string}, ${string})
|
|
359
|
+
'1': `var(--${string})` | `var(--${string}, ${string})`;
|
|
360
|
+
'2': `var(--${string})` | `var(--${string}, ${string})`;
|
|
361
|
+
'3': `var(--${string})` | `var(--${string}, ${string})`;
|
|
362
|
+
none: `var(--${string})` | `var(--${string}, ${string})`;
|
|
365
363
|
};
|
|
366
364
|
colours: {
|
|
367
|
-
light: `var(--${string})` | `var(--${string}, ${string})
|
|
368
|
-
gray: `var(--${string})` | `var(--${string}, ${string})
|
|
369
|
-
dark: `var(--${string})` | `var(--${string}, ${string})
|
|
365
|
+
light: `var(--${string})` | `var(--${string}, ${string})`;
|
|
366
|
+
gray: `var(--${string})` | `var(--${string}, ${string})`;
|
|
367
|
+
dark: `var(--${string})` | `var(--${string}, ${string})`;
|
|
370
368
|
};
|
|
371
369
|
radius: {
|
|
372
|
-
none: `var(--${string})` | `var(--${string}, ${string})
|
|
373
|
-
min: `var(--${string})` | `var(--${string}, ${string})
|
|
374
|
-
sm: `var(--${string})` | `var(--${string}, ${string})
|
|
375
|
-
md: `var(--${string})` | `var(--${string}, ${string})
|
|
376
|
-
lg: `var(--${string})` | `var(--${string}, ${string})
|
|
377
|
-
xl: `var(--${string})` | `var(--${string}, ${string})
|
|
378
|
-
'2xl': `var(--${string})` | `var(--${string}, ${string})
|
|
379
|
-
'1': `var(--${string})` | `var(--${string}, ${string})
|
|
380
|
-
pill: `var(--${string})` | `var(--${string}, ${string})
|
|
381
|
-
full: `var(--${string})` | `var(--${string}, ${string})
|
|
370
|
+
none: `var(--${string})` | `var(--${string}, ${string})`;
|
|
371
|
+
min: `var(--${string})` | `var(--${string}, ${string})`;
|
|
372
|
+
sm: `var(--${string})` | `var(--${string}, ${string})`;
|
|
373
|
+
md: `var(--${string})` | `var(--${string}, ${string})`;
|
|
374
|
+
lg: `var(--${string})` | `var(--${string}, ${string})`;
|
|
375
|
+
xl: `var(--${string})` | `var(--${string}, ${string})`;
|
|
376
|
+
'2xl': `var(--${string})` | `var(--${string}, ${string})`;
|
|
377
|
+
'1': `var(--${string})` | `var(--${string}, ${string})`;
|
|
378
|
+
pill: `var(--${string})` | `var(--${string}, ${string})`;
|
|
379
|
+
full: `var(--${string})` | `var(--${string}, ${string})`;
|
|
382
380
|
};
|
|
383
381
|
};
|
|
384
382
|
typography: {
|
|
385
383
|
size: {
|
|
386
384
|
'1': {
|
|
387
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
388
|
-
lineHeight: `var(--${string})` | `var(--${string}, ${string})
|
|
385
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
386
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
|
|
389
387
|
};
|
|
390
388
|
'2': {
|
|
391
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
392
|
-
lineHeight: `var(--${string})` | `var(--${string}, ${string})
|
|
389
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
390
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
|
|
393
391
|
};
|
|
394
392
|
'3': {
|
|
395
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
396
|
-
lineHeight: `var(--${string})` | `var(--${string}, ${string})
|
|
393
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
394
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
|
|
397
395
|
};
|
|
398
396
|
'4': {
|
|
399
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
400
|
-
lineHeight: `var(--${string})` | `var(--${string}, ${string})
|
|
397
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
398
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
|
|
401
399
|
};
|
|
402
400
|
'5': {
|
|
403
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
404
|
-
lineHeight: `var(--${string})` | `var(--${string}, ${string})
|
|
401
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
402
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
|
|
405
403
|
};
|
|
406
404
|
'6': {
|
|
407
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
408
|
-
lineHeight: `var(--${string})` | `var(--${string}, ${string})
|
|
405
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
406
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
|
|
409
407
|
};
|
|
410
408
|
'7': {
|
|
411
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
412
|
-
lineHeight: `var(--${string})` | `var(--${string}, ${string})
|
|
409
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
410
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
|
|
413
411
|
};
|
|
414
412
|
'8': {
|
|
415
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
416
|
-
lineHeight: `var(--${string})` | `var(--${string}, ${string})
|
|
413
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
414
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
|
|
417
415
|
};
|
|
418
416
|
'9': {
|
|
419
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
420
|
-
lineHeight: `var(--${string})` | `var(--${string}, ${string})
|
|
417
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
418
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
|
|
421
419
|
};
|
|
422
420
|
};
|
|
423
421
|
colour: {
|
|
424
|
-
primary: `var(--${string})` | `var(--${string}, ${string})
|
|
425
|
-
brand: `var(--${string})` | `var(--${string}, ${string})
|
|
426
|
-
secondary: `var(--${string})` | `var(--${string}, ${string})
|
|
427
|
-
shine: `var(--${string})` | `var(--${string}, ${string})
|
|
428
|
-
link: `var(--${string})` | `var(--${string}, ${string})
|
|
429
|
-
dark: `var(--${string})` | `var(--${string}, ${string})
|
|
430
|
-
white: `var(--${string})` | `var(--${string}, ${string})
|
|
431
|
-
muted: `var(--${string})` | `var(--${string}, ${string})
|
|
432
|
-
neutral: `var(--${string})` | `var(--${string}, ${string})
|
|
433
|
-
light: `var(--${string})` | `var(--${string}, ${string})
|
|
434
|
-
danger: `var(--${string})` | `var(--${string}, ${string})
|
|
435
|
-
warning: `var(--${string})` | `var(--${string}, ${string})
|
|
436
|
-
success: `var(--${string})` | `var(--${string}, ${string})
|
|
437
|
-
information: `var(--${string})` | `var(--${string}, ${string})
|
|
422
|
+
primary: `var(--${string})` | `var(--${string}, ${string})`;
|
|
423
|
+
brand: `var(--${string})` | `var(--${string}, ${string})`;
|
|
424
|
+
secondary: `var(--${string})` | `var(--${string}, ${string})`;
|
|
425
|
+
shine: `var(--${string})` | `var(--${string}, ${string})`;
|
|
426
|
+
link: `var(--${string})` | `var(--${string}, ${string})`;
|
|
427
|
+
dark: `var(--${string})` | `var(--${string}, ${string})`;
|
|
428
|
+
white: `var(--${string})` | `var(--${string}, ${string})`;
|
|
429
|
+
muted: `var(--${string})` | `var(--${string}, ${string})`;
|
|
430
|
+
neutral: `var(--${string})` | `var(--${string}, ${string})`;
|
|
431
|
+
light: `var(--${string})` | `var(--${string}, ${string})`;
|
|
432
|
+
danger: `var(--${string})` | `var(--${string}, ${string})`;
|
|
433
|
+
warning: `var(--${string})` | `var(--${string}, ${string})`;
|
|
434
|
+
success: `var(--${string})` | `var(--${string}, ${string})`;
|
|
435
|
+
information: `var(--${string})` | `var(--${string}, ${string})`;
|
|
438
436
|
};
|
|
439
|
-
fontFamily: `var(--${string})` | `var(--${string}, ${string})
|
|
437
|
+
fontFamily: `var(--${string})` | `var(--${string}, ${string})`;
|
|
440
438
|
fontWeight: {
|
|
441
|
-
normal: `var(--${string})` | `var(--${string}, ${string})
|
|
442
|
-
semiBold: `var(--${string})` | `var(--${string}, ${string})
|
|
443
|
-
bold: `var(--${string})` | `var(--${string}, ${string})
|
|
439
|
+
normal: `var(--${string})` | `var(--${string}, ${string})`;
|
|
440
|
+
semiBold: `var(--${string})` | `var(--${string}, ${string})`;
|
|
441
|
+
bold: `var(--${string})` | `var(--${string}, ${string})`;
|
|
444
442
|
};
|
|
445
443
|
};
|
|
446
444
|
animation: {
|
|
447
445
|
easing: {
|
|
448
|
-
standard: `var(--${string})` | `var(--${string}, ${string})
|
|
449
|
-
decelerate: `var(--${string})` | `var(--${string}, ${string})
|
|
450
|
-
accelerate: `var(--${string})` | `var(--${string}, ${string})
|
|
446
|
+
standard: `var(--${string})` | `var(--${string}, ${string})`;
|
|
447
|
+
decelerate: `var(--${string})` | `var(--${string}, ${string})`;
|
|
448
|
+
accelerate: `var(--${string})` | `var(--${string}, ${string})`;
|
|
451
449
|
};
|
|
452
450
|
};
|
|
453
451
|
icon: {
|
|
454
452
|
size: {
|
|
455
|
-
small: `var(--${string})` | `var(--${string}, ${string})
|
|
456
|
-
medium: `var(--${string})` | `var(--${string}, ${string})
|
|
457
|
-
large: `var(--${string})` | `var(--${string}, ${string})
|
|
453
|
+
small: `var(--${string})` | `var(--${string}, ${string})`;
|
|
454
|
+
medium: `var(--${string})` | `var(--${string}, ${string})`;
|
|
455
|
+
large: `var(--${string})` | `var(--${string}, ${string})`;
|
|
458
456
|
};
|
|
459
457
|
};
|
|
460
458
|
opacity: {
|
|
461
|
-
overlayBg: `var(--${string})` | `var(--${string}, ${string})
|
|
459
|
+
overlayBg: `var(--${string})` | `var(--${string}, ${string})`;
|
|
462
460
|
};
|
|
463
461
|
};
|
|
464
462
|
export { overdriveTokens as themeContractVars };
|