@autoguru/overdrive 4.41.0-next.6 → 4.42.0-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (177) hide show
  1. package/dist/components/AutoSuggest/AutoSuggest.css.js +1 -1
  2. package/dist/components/Badge/Badge.css.js +1 -1
  3. package/dist/components/Box/argTypes.d.ts.map +1 -1
  4. package/dist/components/Box/argTypes.js +3 -2
  5. package/dist/components/Box/useBoxStyles.css.d.ts +6 -6
  6. package/dist/components/Box/useBoxStyles.css.d.ts.map +1 -1
  7. package/dist/components/Box/useBoxStyles.css.js +1 -1
  8. package/dist/components/Box/useBoxStyles.d.ts +1 -1
  9. package/dist/components/Box/useBoxStyles.d.ts.map +1 -1
  10. package/dist/components/BulletList/Bullet.css.js +1 -1
  11. package/dist/components/BulletList/BulletList.css.js +1 -1
  12. package/dist/components/BulletText/BulletText.css.js +1 -1
  13. package/dist/components/Button/Button.css.js +1 -1
  14. package/dist/components/CheckBox/CheckBox.css.js +1 -1
  15. package/dist/components/ColourInput/ColourInput.css.js +1 -1
  16. package/dist/components/Columns/Columns.css.js +1 -1
  17. package/dist/components/Columns/Columns.d.ts +1 -1
  18. package/dist/components/Columns/Columns.d.ts.map +1 -1
  19. package/dist/components/Columns/Columns.stories.d.ts +31 -31
  20. package/dist/components/Columns/Columns.stories.d.ts.map +1 -1
  21. package/dist/components/DatePicker/DatePicker.css.js +1 -1
  22. package/dist/components/DateTimePicker/DateTimePicker.css.js +21 -21
  23. package/dist/components/DividerLine/DividerLine.stories.d.ts +2 -2
  24. package/dist/components/DropDown/DropDownOption.css.js +1 -1
  25. package/dist/components/EditableText/EditableText.css.js +1 -1
  26. package/dist/components/Heading/Heading.d.ts +1 -1
  27. package/dist/components/Heading/Heading.d.ts.map +1 -1
  28. package/dist/components/Heading/Heading.stories.d.ts +3 -3
  29. package/dist/components/HorizontalAutoScroller/HorizontalAutoScroller.css.js +1 -1
  30. package/dist/components/Icon/Icon.css.js +1 -1
  31. package/dist/components/Inline/Inline.d.ts +2 -2
  32. package/dist/components/Inline/Inline.d.ts.map +1 -1
  33. package/dist/components/IntentStripe/IntentStripe.css.js +1 -1
  34. package/dist/components/LinearProgressIndicator/LinearProgressIndicator.css.js +1 -1
  35. package/dist/components/LoadingBox/LoadingBox.css.js +1 -1
  36. package/dist/components/LoadingBox/LoadingBox.stories.d.ts +26 -26
  37. package/dist/components/LoadingBox/LoadingBox.stories.d.ts.map +1 -1
  38. package/dist/components/Meta/Meta.css.js +1 -1
  39. package/dist/components/MinimalModal/MinimalModal.css.js +1 -1
  40. package/dist/components/Modal/Modal.css.js +1 -1
  41. package/dist/components/OptionGrid/OptionGrid.css.js +1 -1
  42. package/dist/components/OptionList/OptionList.css.js +1 -1
  43. package/dist/components/OrderedList/OrderedList.css.js +1 -1
  44. package/dist/components/OverdriveProvider/OverdriveProvider.d.ts +3 -3
  45. package/dist/components/OverdriveProvider/OverdriveProvider.d.ts.map +1 -1
  46. package/dist/components/OverdriveProvider/useColorOverrides.js +2 -2
  47. package/dist/components/Pagination/Pagination.css.js +1 -1
  48. package/dist/components/ProgressBar/ProgressBar.css.js +1 -1
  49. package/dist/components/ProgressBarGroup/ProgressBarGroup.css.js +1 -1
  50. package/dist/components/ProgressSpinner/ProgressSpinner.css.d.ts +1 -1
  51. package/dist/components/ProgressSpinner/ProgressSpinner.css.js +1 -1
  52. package/dist/components/Radio/Radio.css.js +1 -1
  53. package/dist/components/ScrollPane/ScrollPane.css.js +1 -1
  54. package/dist/components/ScrollPane/ScrollPane.d.ts +1 -1
  55. package/dist/components/ScrollPane/ScrollPane.d.ts.map +1 -1
  56. package/dist/components/Section/Section.css.js +1 -1
  57. package/dist/components/SelectInput/SelectInput.css.js +1 -1
  58. package/dist/components/SliderProgress/SliderProgress.css.js +1 -1
  59. package/dist/components/Stack/Divider.css.js +1 -1
  60. package/dist/components/Stack/Stack.css.js +1 -1
  61. package/dist/components/StandardModal/StandardModal.css.js +1 -1
  62. package/dist/components/StarRating/StarRating.css.js +1 -1
  63. package/dist/components/Stepper/Stepper.css.js +1 -1
  64. package/dist/components/StickyBox/StickyBox.css.js +1 -1
  65. package/dist/components/Switch/Switch.css.js +1 -1
  66. package/dist/components/Table/TableCell.css.js +1 -1
  67. package/dist/components/Table/TableCell.d.ts +1 -1
  68. package/dist/components/Table/TableCell.d.ts.map +1 -1
  69. package/dist/components/Table/TableHeadCell.css.js +1 -1
  70. package/dist/components/Table/context.d.ts +1 -1
  71. package/dist/components/Table/context.d.ts.map +1 -1
  72. package/dist/components/Tabs/Tab.css.js +1 -1
  73. package/dist/components/Tabs/TabList.css.js +1 -1
  74. package/dist/components/Text/useTextStyles.css.d.ts +3 -3
  75. package/dist/components/Text/useTextStyles.css.d.ts.map +1 -1
  76. package/dist/components/Text/useTextStyles.css.js +1 -1
  77. package/dist/components/TextLink/TextLink.css.js +1 -1
  78. package/dist/components/TextLink/TextLink.stories.d.ts +3 -3
  79. package/dist/components/Toaster/Toast.css.js +1 -1
  80. package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -1
  81. package/dist/components/private/CheckableBase/CheckableBase.css.js +1 -1
  82. package/dist/components/private/InputBase/HintText.css.js +1 -1
  83. package/dist/components/private/InputBase/InputState.css.js +1 -1
  84. package/dist/components/private/InputBase/NotchedBase.css.js +1 -1
  85. package/dist/components/private/InputBase/withEnhancedInput.css.js +1 -1
  86. package/dist/hooks/useAttachedBoxes/useAttachedBoxes.css.js +1 -1
  87. package/dist/hooks/useMedia/useMedia.d.ts +1 -1
  88. package/dist/hooks/useMedia/useMedia.d.ts.map +1 -1
  89. package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.css.js +1 -1
  90. package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.d.ts +1 -1
  91. package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.d.ts.map +1 -1
  92. package/dist/hooks/useNegativeMargin/useNegativeMarginTop.css.js +1 -1
  93. package/dist/hooks/useNegativeMargin/useNegativeMarginTop.d.ts +1 -1
  94. package/dist/hooks/useNegativeMargin/useNegativeMarginTop.d.ts.map +1 -1
  95. package/dist/hooks/useWindowHeightFill/useWindowHeightFill.d.ts +1 -1
  96. package/dist/hooks/useWindowHeightFill/useWindowHeightFill.d.ts.map +1 -1
  97. package/dist/hooks/useWindowHeightFill/useWindowHeightFill.js +2 -2
  98. package/dist/reset/globalReset.css.js +5 -5
  99. package/dist/reset/reset.css.d.ts.map +1 -1
  100. package/dist/reset/reset.css.js +5 -5
  101. package/dist/stories/borders.stories.d.ts.map +1 -1
  102. package/dist/stories/helpers/index.d.ts +5 -2
  103. package/dist/stories/helpers/index.d.ts.map +1 -1
  104. package/dist/stories/helpers/sprinkles.css.d.ts +19 -70
  105. package/dist/stories/helpers/sprinkles.css.d.ts.map +1 -1
  106. package/dist/stories/helpers/styles.css.d.ts +2 -0
  107. package/dist/stories/helpers/styles.css.d.ts.map +1 -1
  108. package/dist/stories/icons.stories.d.ts.map +1 -1
  109. package/dist/stories/intentional-colours.stories.d.ts +6 -0
  110. package/dist/stories/intentional-colours.stories.d.ts.map +1 -0
  111. package/dist/stories/palette.stories.d.ts.map +1 -1
  112. package/dist/stories/space.stories.d.ts.map +1 -1
  113. package/dist/stories/theme.stories.d.ts.map +1 -1
  114. package/dist/styles/focusOutline.css.js +1 -1
  115. package/dist/styles/intentional.css.d.ts +2 -2
  116. package/dist/styles/intentional.css.js +1 -1
  117. package/dist/styles/layers.css.d.ts +4 -0
  118. package/dist/styles/layers.css.d.ts.map +1 -0
  119. package/dist/styles/layers.css.js +11 -0
  120. package/dist/styles/sprinkles.css.js +1 -1
  121. package/dist/styles/stack.css.js +1 -1
  122. package/dist/styles/typography.css.d.ts +2 -2
  123. package/dist/styles/typography.css.js +1 -1
  124. package/dist/themes/base/colours.d.ts +139 -0
  125. package/dist/themes/base/colours.d.ts.map +1 -0
  126. package/dist/themes/base/colours.js +77 -0
  127. package/dist/themes/base/index.d.ts +510 -10
  128. package/dist/themes/base/index.d.ts.map +1 -1
  129. package/dist/themes/base/index.js +4 -4
  130. package/dist/themes/base/theme.css.d.ts +3 -0
  131. package/dist/themes/base/theme.css.d.ts.map +1 -0
  132. package/dist/themes/base/theme.css.js +11 -0
  133. package/dist/themes/base/tokens.d.ts +393 -4
  134. package/dist/themes/base/tokens.d.ts.map +1 -1
  135. package/dist/themes/base/tokens.js +113 -142
  136. package/dist/themes/flat_red/index.d.ts +617 -10
  137. package/dist/themes/flat_red/index.d.ts.map +1 -1
  138. package/dist/themes/flat_red/index.js +4 -4
  139. package/dist/themes/flat_red/theme.css.d.ts +2 -0
  140. package/dist/themes/flat_red/theme.css.d.ts.map +1 -0
  141. package/dist/themes/flat_red/theme.css.js +10 -0
  142. package/dist/themes/flat_red/tokens.d.ts +500 -1
  143. package/dist/themes/flat_red/tokens.d.ts.map +1 -1
  144. package/dist/themes/helpers.d.ts +4 -0
  145. package/dist/themes/helpers.d.ts.map +1 -1
  146. package/dist/themes/index.d.ts +792 -0
  147. package/dist/themes/index.d.ts.map +1 -1
  148. package/dist/themes/index.js +6 -1
  149. package/dist/themes/makeTheme.d.ts +396 -2
  150. package/dist/themes/makeTheme.d.ts.map +1 -1
  151. package/dist/themes/makeTheme.js +4 -0
  152. package/dist/themes/neutral/index.d.ts +750 -10
  153. package/dist/themes/neutral/index.d.ts.map +1 -1
  154. package/dist/themes/neutral/index.js +3 -3
  155. package/dist/themes/neutral/{vars.css.d.ts → theme.css.d.ts} +1 -1
  156. package/dist/themes/neutral/theme.css.d.ts.map +1 -0
  157. package/dist/themes/neutral/theme.css.js +10 -0
  158. package/dist/themes/neutral/tokens.d.ts +633 -2
  159. package/dist/themes/neutral/tokens.d.ts.map +1 -1
  160. package/dist/themes/neutral/tokens.js +5 -4
  161. package/dist/themes/theme.css.d.ts +180 -285
  162. package/dist/themes/theme.css.d.ts.map +1 -1
  163. package/dist/themes/theme.css.js +237 -194
  164. package/dist/themes/types.d.ts +19 -0
  165. package/dist/themes/types.d.ts.map +1 -0
  166. package/package.json +20 -20
  167. package/dist/themes/base/vars.css.d.ts +0 -3
  168. package/dist/themes/base/vars.css.d.ts.map +0 -1
  169. package/dist/themes/base/vars.css.js +0 -10
  170. package/dist/themes/flat_red/vars.css.d.ts +0 -2
  171. package/dist/themes/flat_red/vars.css.d.ts.map +0 -1
  172. package/dist/themes/flat_red/vars.css.js +0 -9
  173. package/dist/themes/neutral/vars.css.d.ts.map +0 -1
  174. package/dist/themes/neutral/vars.css.js +0 -9
  175. package/dist/themes/tokens.d.ts +0 -106
  176. package/dist/themes/tokens.d.ts.map +0 -1
  177. /package/dist/themes/{tokens.js → types.js} +0 -0
package/dist/themes/neutral/index.d.ts CHANGED
@@ -24,6 +24,111 @@ declare const _default: {
24
24
  '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
25
  none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
26
  };
27
+ color: {
28
+ gamut: {
29
+ white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
+ black: {
31
+ '900': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
+ '800': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
+ '700': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
+ '600': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
+ '500': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
+ '400': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
+ '300': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
+ '200': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
+ '100': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
+ };
41
+ gray: {
42
+ '900': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
43
+ '800': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
44
+ '700': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
45
+ '600': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
46
+ '500': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
47
+ '400': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
48
+ '300': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
49
+ '200': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
+ '100': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
51
+ };
52
+ green: {
53
+ '900': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
54
+ '800': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
+ '700': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
56
+ '600': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
57
+ '500': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
58
+ '400': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
+ '300': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
+ '200': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
+ '100': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
62
+ };
63
+ blue: {
64
+ '900': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
65
+ '800': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
66
+ '700': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
67
+ '600': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
68
+ '500': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
69
+ '400': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
70
+ '300': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
71
+ '200': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
72
+ '100': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
73
+ };
74
+ yellow: {
75
+ '900': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
76
+ '800': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
77
+ '700': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
78
+ '600': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
79
+ '500': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
80
+ '400': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
81
+ '300': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
82
+ '200': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
83
+ '100': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
84
+ };
85
+ red: {
86
+ '900': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
87
+ '800': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
88
+ '700': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
89
+ '600': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
90
+ '500': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
91
+ '400': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
92
+ '300': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
93
+ '200': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
94
+ '100': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
95
+ };
96
+ };
97
+ surface: {
98
+ body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
99
+ accent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
100
+ hard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
101
+ soft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
102
+ success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
103
+ info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
104
+ danger: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
105
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
106
+ };
107
+ content: {
108
+ onBody: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
109
+ onSurface: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
110
+ accent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
111
+ hard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
112
+ soft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
113
+ info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
114
+ danger: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
115
+ success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
116
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
117
+ };
118
+ interactive: {
119
+ border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
120
+ borderMuted: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
121
+ borderDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
122
+ surfaceDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
123
+ contentDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
124
+ link: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
125
+ linkVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
126
+ overlayBg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
127
+ overlayContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
128
+ placeholder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
129
+ focusOutline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
130
+ };
131
+ };
27
132
  colours: {
28
133
  gamut: {
29
134
  white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -36,15 +141,6 @@ declare const _default: {
36
141
  black300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
142
  black200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
143
  black100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
- red900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
- red800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
41
- red700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
42
- red600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
43
- red500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
44
- red400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
45
- red300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
46
- red200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
47
- red100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
48
144
  gray900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
49
145
  gray800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
146
  gray700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -81,6 +177,15 @@ declare const _default: {
81
177
  yellow300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
82
178
  yellow200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
83
179
  yellow100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
180
+ red900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
181
+ red800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
182
+ red700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
183
+ red600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
184
+ red500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
185
+ red400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
186
+ red300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
187
+ red200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
188
+ red100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
84
189
  };
85
190
  foreground: {
86
191
  body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -285,8 +390,643 @@ declare const _default: {
285
390
  large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
286
391
  };
287
392
  };
393
+ opacity: {
394
+ overlayBg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
395
+ };
396
+ };
397
+ tokens: {
398
+ mode: string;
399
+ body: {
400
+ backgroundColour: string;
401
+ colour: string;
402
+ };
403
+ contentWidth: {
404
+ small: string;
405
+ large: string;
406
+ medium: string;
407
+ };
408
+ space: {
409
+ '1': string;
410
+ '2': string;
411
+ '3': string;
412
+ '4': string;
413
+ '5': string;
414
+ '6': string;
415
+ '7': string;
416
+ '8': string;
417
+ '9': string;
418
+ none: string;
419
+ };
420
+ color: {
421
+ gamut: {
422
+ white: string;
423
+ black: {
424
+ '900': string;
425
+ '800': string;
426
+ '700': string;
427
+ '600': string;
428
+ '500': string;
429
+ '400': string;
430
+ '300': string;
431
+ '200': string;
432
+ '100': string;
433
+ };
434
+ gray: {
435
+ '900': string;
436
+ '800': string;
437
+ '700': string;
438
+ '600': string;
439
+ '500': string;
440
+ '400': string;
441
+ '300': string;
442
+ '200': string;
443
+ '100': string;
444
+ };
445
+ green: {
446
+ '900': string;
447
+ '800': string;
448
+ '700': string;
449
+ '600': string;
450
+ '500': string;
451
+ '400': string;
452
+ '300': string;
453
+ '200': string;
454
+ '100': string;
455
+ };
456
+ blue: {
457
+ '900': string;
458
+ '800': string;
459
+ '700': string;
460
+ '600': string;
461
+ '500': string;
462
+ '400': string;
463
+ '300': string;
464
+ '200': string;
465
+ '100': string;
466
+ };
467
+ yellow: {
468
+ '900': string;
469
+ '800': string;
470
+ '700': string;
471
+ '600': string;
472
+ '500': string;
473
+ '400': string;
474
+ '300': string;
475
+ '200': string;
476
+ '100': string;
477
+ };
478
+ red: {
479
+ '900': string;
480
+ '800': string;
481
+ '700': string;
482
+ '600': string;
483
+ '500': string;
484
+ '400': string;
485
+ '300': string;
486
+ '200': string;
487
+ '100': string;
488
+ };
489
+ };
490
+ surface: {
491
+ body: string;
492
+ accent: string;
493
+ hard: string;
494
+ soft: string;
495
+ success: string;
496
+ info: string;
497
+ danger: string;
498
+ warning: string;
499
+ };
500
+ content: {
501
+ onBody: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
502
+ onSurface: string;
503
+ accent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
504
+ hard: string;
505
+ soft: string;
506
+ info: string;
507
+ danger: string;
508
+ success: string;
509
+ warning: string;
510
+ };
511
+ interactive: {
512
+ border: string;
513
+ borderMuted: string;
514
+ borderDisabled: string;
515
+ surfaceDisabled: string;
516
+ contentDisabled: string;
517
+ link: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
518
+ linkVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
519
+ overlayBg: string;
520
+ overlayContainer: string;
521
+ placeholder: string;
522
+ focusOutline: string;
523
+ };
524
+ };
525
+ colours: {
526
+ gamut: {
527
+ white: string;
528
+ black900: string;
529
+ black800: string;
530
+ black700: string;
531
+ black600: string;
532
+ black500: string;
533
+ black400: string;
534
+ black300: string;
535
+ black200: string;
536
+ black100: string;
537
+ gray900: string;
538
+ gray800: string;
539
+ gray700: string;
540
+ gray600: string;
541
+ gray500: string;
542
+ gray400: string;
543
+ gray300: string;
544
+ gray200: string;
545
+ gray100: string;
546
+ green900: string;
547
+ green800: string;
548
+ green700: string;
549
+ green600: string;
550
+ green500: string;
551
+ green400: string;
552
+ green300: string;
553
+ green200: string;
554
+ green100: string;
555
+ blue900: string;
556
+ blue800: string;
557
+ blue700: string;
558
+ blue600: string;
559
+ blue500: string;
560
+ blue400: string;
561
+ blue300: string;
562
+ blue200: string;
563
+ blue100: string;
564
+ yellow900: string;
565
+ yellow800: string;
566
+ yellow700: string;
567
+ yellow600: string;
568
+ yellow500: string;
569
+ yellow400: string;
570
+ yellow300: string;
571
+ yellow200: string;
572
+ yellow100: string;
573
+ red900: string;
574
+ red800: string;
575
+ red700: string;
576
+ red600: string;
577
+ red500: string;
578
+ red400: string;
579
+ red300: string;
580
+ red200: string;
581
+ red100: string;
582
+ };
583
+ foreground: {
584
+ body: string;
585
+ link: string;
586
+ };
587
+ background: {
588
+ body: string;
589
+ light: string;
590
+ neutral: string;
591
+ neutralDark: string;
592
+ };
593
+ intent: {
594
+ primary: {
595
+ background: {
596
+ standard: string;
597
+ mild: string;
598
+ strong: string;
599
+ };
600
+ foreground: string;
601
+ border: string;
602
+ };
603
+ brand: {
604
+ background: {
605
+ standard: string;
606
+ mild: string;
607
+ strong: string;
608
+ };
609
+ foreground: string;
610
+ border: string;
611
+ };
612
+ secondary: {
613
+ background: {
614
+ standard: string;
615
+ mild: string;
616
+ strong: string;
617
+ };
618
+ foreground: string;
619
+ border: string;
620
+ };
621
+ shine: {
622
+ background: {
623
+ standard: string;
624
+ mild: string;
625
+ strong: string;
626
+ };
627
+ foreground: string;
628
+ border: string;
629
+ };
630
+ danger: {
631
+ background: {
632
+ standard: string;
633
+ mild: string;
634
+ strong: string;
635
+ };
636
+ foreground: string;
637
+ border: string;
638
+ };
639
+ warning: {
640
+ background: {
641
+ standard: string;
642
+ mild: string;
643
+ strong: string;
644
+ };
645
+ foreground: string;
646
+ border: string;
647
+ };
648
+ neutral: {
649
+ background: {
650
+ standard: string;
651
+ mild: string;
652
+ strong: string;
653
+ };
654
+ foreground: string;
655
+ border: string;
656
+ };
657
+ success: {
658
+ background: {
659
+ standard: string;
660
+ mild: string;
661
+ strong: string;
662
+ };
663
+ foreground: string;
664
+ border: string;
665
+ };
666
+ information: {
667
+ background: {
668
+ standard: string;
669
+ mild: string;
670
+ strong: string;
671
+ };
672
+ foreground: string;
673
+ border: string;
674
+ };
675
+ };
676
+ };
677
+ elevation: {
678
+ none: string;
679
+ '1': string;
680
+ '2': string;
681
+ '3': string;
682
+ '4': string;
683
+ '5': string;
684
+ };
685
+ border: {
686
+ width: {
687
+ none: string;
688
+ '1': string;
689
+ '2': string;
690
+ '3': string;
691
+ };
692
+ colours: {
693
+ light: string;
694
+ gray: string;
695
+ dark: string;
696
+ };
697
+ radius: {
698
+ none: string;
699
+ min: string;
700
+ sm: string;
701
+ md: string;
702
+ lg: string;
703
+ xl: string;
704
+ '2xl': string;
705
+ '1': string;
706
+ pill: string;
707
+ full: string;
708
+ };
709
+ };
710
+ typography: {
711
+ size: {
712
+ '1': {
713
+ fontSize: string;
714
+ lineHeight: string;
715
+ };
716
+ '2': {
717
+ fontSize: string;
718
+ lineHeight: string;
719
+ };
720
+ '3': {
721
+ fontSize: string;
722
+ lineHeight: string;
723
+ };
724
+ '4': {
725
+ fontSize: string;
726
+ lineHeight: string;
727
+ };
728
+ '5': {
729
+ fontSize: string;
730
+ lineHeight: string;
731
+ };
732
+ '6': {
733
+ fontSize: string;
734
+ lineHeight: string;
735
+ };
736
+ '7': {
737
+ fontSize: string;
738
+ lineHeight: string;
739
+ };
740
+ '8': {
741
+ fontSize: string;
742
+ lineHeight: string;
743
+ };
744
+ '9': {
745
+ fontSize: string;
746
+ lineHeight: string;
747
+ };
748
+ };
749
+ colour: {
750
+ primary: string;
751
+ secondary: string;
752
+ brand: string;
753
+ shine: string;
754
+ link: string;
755
+ dark: string;
756
+ white: string;
757
+ muted: string;
758
+ neutral: string;
759
+ light: string;
760
+ danger: string;
761
+ warning: string;
762
+ success: string;
763
+ information: string;
764
+ };
765
+ fontFamily: string;
766
+ fontWeight: {
767
+ normal: string;
768
+ semiBold: string;
769
+ bold: string;
770
+ };
771
+ };
772
+ animation: {
773
+ easing: {
774
+ standard: string;
775
+ decelerate: string;
776
+ accelerate: string;
777
+ };
778
+ };
779
+ icon: {
780
+ size: {
781
+ small: string;
782
+ medium: string;
783
+ large: string;
784
+ };
785
+ };
786
+ opacity: {
787
+ overlayBg: string;
788
+ };
789
+ } & {
790
+ mode: string;
791
+ body: {
792
+ backgroundColour: string;
793
+ colour: string;
794
+ };
795
+ contentWidth: {
796
+ small: string;
797
+ large: string;
798
+ medium: string;
799
+ };
800
+ space: {
801
+ '1': string;
802
+ '2': string;
803
+ '3': string;
804
+ '4': string;
805
+ '5': string;
806
+ '6': string;
807
+ '7': string;
808
+ '8': string;
809
+ '9': string;
810
+ none: string;
811
+ };
812
+ colours: {
813
+ gamut: {
814
+ white: string;
815
+ black900: string;
816
+ black800: string;
817
+ black700: string;
818
+ black600: string;
819
+ black500: string;
820
+ black400: string;
821
+ black300: string;
822
+ black200: string;
823
+ black100: string;
824
+ gray900: string;
825
+ gray800: string;
826
+ gray700: string;
827
+ gray600: string;
828
+ gray500: string;
829
+ gray400: string;
830
+ gray300: string;
831
+ gray200: string;
832
+ gray100: string;
833
+ green900: string;
834
+ green800: string;
835
+ green700: string;
836
+ green600: string;
837
+ green500: string;
838
+ green400: string;
839
+ green300: string;
840
+ green200: string;
841
+ green100: string;
842
+ blue900: string;
843
+ blue800: string;
844
+ blue700: string;
845
+ blue600: string;
846
+ blue500: string;
847
+ blue400: string;
848
+ blue300: string;
849
+ blue200: string;
850
+ blue100: string;
851
+ yellow900: string;
852
+ yellow800: string;
853
+ yellow700: string;
854
+ yellow600: string;
855
+ yellow500: string;
856
+ yellow400: string;
857
+ yellow300: string;
858
+ yellow200: string;
859
+ yellow100: string;
860
+ red900: string;
861
+ red800: string;
862
+ red700: string;
863
+ red600: string;
864
+ red500: string;
865
+ red400: string;
866
+ red300: string;
867
+ red200: string;
868
+ red100: string;
869
+ };
870
+ foreground: {
871
+ body: string;
872
+ link: string;
873
+ };
874
+ background: {
875
+ body: string;
876
+ light: string;
877
+ neutral: string;
878
+ neutralDark: string;
879
+ };
880
+ intent: {
881
+ primary: {
882
+ background: {
883
+ standard: string;
884
+ mild: string;
885
+ strong: string;
886
+ };
887
+ foreground: string;
888
+ border: string;
889
+ };
890
+ brand: {
891
+ background: {
892
+ standard: string;
893
+ mild: string;
894
+ strong: string;
895
+ };
896
+ foreground: string;
897
+ border: string;
898
+ };
899
+ secondary: {
900
+ background: {
901
+ standard: string;
902
+ mild: string;
903
+ strong: string;
904
+ };
905
+ foreground: string;
906
+ border: string;
907
+ };
908
+ shine: {
909
+ background: {
910
+ standard: string;
911
+ mild: string;
912
+ strong: string;
913
+ };
914
+ foreground: string;
915
+ border: string;
916
+ };
917
+ danger: {
918
+ background: {
919
+ standard: string;
920
+ mild: string;
921
+ strong: string;
922
+ };
923
+ foreground: string;
924
+ border: string;
925
+ };
926
+ warning: {
927
+ background: {
928
+ standard: string;
929
+ mild: string;
930
+ strong: string;
931
+ };
932
+ foreground: string;
933
+ border: string;
934
+ };
935
+ neutral: {
936
+ background: {
937
+ standard: string;
938
+ mild: string;
939
+ strong: string;
940
+ };
941
+ foreground: string;
942
+ border: string;
943
+ };
944
+ success: {
945
+ background: {
946
+ standard: string;
947
+ mild: string;
948
+ strong: string;
949
+ };
950
+ foreground: string;
951
+ border: string;
952
+ };
953
+ information: {
954
+ background: {
955
+ standard: string;
956
+ mild: string;
957
+ strong: string;
958
+ };
959
+ foreground: string;
960
+ border: string;
961
+ };
962
+ };
963
+ };
964
+ elevation: {
965
+ none: string;
966
+ '1': string;
967
+ '2': string;
968
+ '3': string;
969
+ '4': string;
970
+ '5': string;
971
+ };
972
+ border: {
973
+ width: {
974
+ none: string;
975
+ '1': string;
976
+ '2': string;
977
+ '3': string;
978
+ };
979
+ colours: {
980
+ light: string;
981
+ gray: string;
982
+ dark: string;
983
+ };
984
+ radius: {
985
+ none: string;
986
+ min: string;
987
+ sm: string;
988
+ md: string;
989
+ lg: string;
990
+ xl: string;
991
+ '2xl': string;
992
+ '1': string;
993
+ pill: string;
994
+ full: string;
995
+ };
996
+ };
997
+ typography: {
998
+ colour: {
999
+ primary: string;
1000
+ brand: string;
1001
+ secondary: string;
1002
+ shine: string;
1003
+ link: string;
1004
+ dark: string;
1005
+ white: string;
1006
+ muted: string;
1007
+ neutral: string;
1008
+ light: string;
1009
+ danger: string;
1010
+ warning: string;
1011
+ success: string;
1012
+ information: string;
1013
+ };
1014
+ };
1015
+ animation: {
1016
+ easing: {
1017
+ standard: string;
1018
+ decelerate: string;
1019
+ accelerate: string;
1020
+ };
1021
+ };
1022
+ icon: {
1023
+ size: {
1024
+ small: string;
1025
+ medium: string;
1026
+ large: string;
1027
+ };
1028
+ };
288
1029
  };
289
- tokens: import("../tokens").Tokens;
290
1030
  };
291
1031
  export default _default;
292
1032
  //# sourceMappingURL=index.d.ts.map