@autoguru/overdrive 4.11.2 → 4.11.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (219) hide show
  1. package/dist/components/Actions/stories.js +0 -5
  2. package/dist/components/Alert/Alert.css.d.ts +1 -2
  3. package/dist/components/Alert/Alert.css.d.ts.map +1 -1
  4. package/dist/components/Alert/Alert.css.js +8 -21
  5. package/dist/components/Alert/Alert.d.ts +2 -2
  6. package/dist/components/Alert/Alert.d.ts.map +1 -1
  7. package/dist/components/Alert/Alert.js +10 -4
  8. package/dist/components/Alert/stories.js +0 -10
  9. package/dist/components/Anchor/Anchor.css.js +0 -3
  10. package/dist/components/Anchor/Anchor.js +0 -2
  11. package/dist/components/Anchor/stories.js +0 -9
  12. package/dist/components/AutoSuggest/AutoSuggest.css.js +0 -3
  13. package/dist/components/AutoSuggest/AutoSuggest.js +56 -102
  14. package/dist/components/AutoSuggest/stories.js +1 -31
  15. package/dist/components/AutoSuggest/useLayoutSuggestionVisible.js +0 -2
  16. package/dist/components/Badge/Badge.css.js +0 -3
  17. package/dist/components/Badge/stories.js +0 -12
  18. package/dist/components/Box/Box.js +53 -57
  19. package/dist/components/Box/argTypes.d.ts.map +1 -1
  20. package/dist/components/Box/argTypes.js +0 -3
  21. package/dist/components/Box/stories.js +0 -5
  22. package/dist/components/Box/useBoxStyles.css.d.ts.map +1 -1
  23. package/dist/components/Box/useBoxStyles.css.js +0 -8
  24. package/dist/components/Box/useBoxStyles.d.ts.map +1 -1
  25. package/dist/components/BulletList/Bullet.css.d.ts +1 -1
  26. package/dist/components/BulletList/Bullet.css.js +0 -3
  27. package/dist/components/BulletList/Bullet.js +0 -6
  28. package/dist/components/BulletList/BulletList.css.js +0 -3
  29. package/dist/components/BulletList/stories.js +0 -6
  30. package/dist/components/BulletText/BulletText.css.js +0 -3
  31. package/dist/components/BulletText/stories.js +0 -5
  32. package/dist/components/Button/Button.css.js +0 -3
  33. package/dist/components/Button/Button.js +0 -11
  34. package/dist/components/Button/stories.js +0 -6
  35. package/dist/components/CheckBox/CheckBox.css.js +0 -3
  36. package/dist/components/CheckBox/stories.js +3 -11
  37. package/dist/components/ColourInput/ColourInput.css.js +0 -3
  38. package/dist/components/ColourInput/ColourInput.js +9 -13
  39. package/dist/components/ColourInput/stories.js +1 -26
  40. package/dist/components/Columns/Column.css.js +0 -5
  41. package/dist/components/Columns/Column.d.ts +1 -1
  42. package/dist/components/Columns/Column.js +10 -14
  43. package/dist/components/Columns/Columns.css.js +0 -3
  44. package/dist/components/Columns/Columns.d.ts +1 -1
  45. package/dist/components/Columns/Columns.js +11 -15
  46. package/dist/components/Columns/stories.js +0 -6
  47. package/dist/components/DateInput/DateInput.js +9 -13
  48. package/dist/components/DateInput/stories.js +1 -28
  49. package/dist/components/DatePicker/DatePicker.css.js +0 -3
  50. package/dist/components/DatePicker/DatePicker.js +8 -13
  51. package/dist/components/DatePicker/stories.js +0 -5
  52. package/dist/components/DividerLine/DividerLine.css.d.ts +0 -5
  53. package/dist/components/DividerLine/DividerLine.css.d.ts.map +1 -1
  54. package/dist/components/DividerLine/DividerLine.css.js +1 -31
  55. package/dist/components/DividerLine/DividerLine.d.ts +2 -1
  56. package/dist/components/DividerLine/DividerLine.d.ts.map +1 -1
  57. package/dist/components/DividerLine/DividerLine.js +2 -1
  58. package/dist/components/DividerLine/stories.js +0 -9
  59. package/dist/components/Flyout/Flyout.js +7 -11
  60. package/dist/components/Flyout/stories.js +1 -9
  61. package/dist/components/Heading/stories.js +0 -7
  62. package/dist/components/Icon/Icon.css.js +0 -3
  63. package/dist/components/Icon/stories.js +0 -11
  64. package/dist/components/Image/Image.js +3 -7
  65. package/dist/components/Image/ResponsiveImage.js +6 -10
  66. package/dist/components/Image/SimpleImage.js +7 -11
  67. package/dist/components/Image/stories.js +0 -13
  68. package/dist/components/Inline/Inline.js +0 -6
  69. package/dist/components/Inline/stories.js +0 -6
  70. package/dist/components/LinearProgressIndicator/LinearProgressIndicator.css.js +0 -3
  71. package/dist/components/LinearProgressIndicator/stories.js +0 -5
  72. package/dist/components/LoadingBox/LoadingBox.css.js +0 -3
  73. package/dist/components/LoadingBox/LoadingBox.js +8 -14
  74. package/dist/components/LoadingBox/stories.js +0 -5
  75. package/dist/components/Meta/Meta.css.js +0 -3
  76. package/dist/components/Meta/stories.js +0 -5
  77. package/dist/components/MinimalModal/MinimalModal.css.js +0 -3
  78. package/dist/components/MinimalModal/MinimalModal.js +0 -2
  79. package/dist/components/MinimalModal/stories.js +0 -11
  80. package/dist/components/Modal/Modal.css.d.ts.map +1 -1
  81. package/dist/components/Modal/Modal.css.js +0 -5
  82. package/dist/components/Modal/Modal.d.ts.map +1 -1
  83. package/dist/components/Modal/Modal.js +5 -18
  84. package/dist/components/Modal/stories.js +0 -5
  85. package/dist/components/NumberBubble/NumberBubble.css.js +0 -3
  86. package/dist/components/NumberBubble/NumberBubble.js +5 -9
  87. package/dist/components/NumberBubble/stories.js +0 -5
  88. package/dist/components/NumberInput/NumberInput.js +14 -20
  89. package/dist/components/NumberInput/stories.js +1 -28
  90. package/dist/components/OrderedList/OrderedList.css.js +0 -3
  91. package/dist/components/OrderedList/OrderedList.js +0 -4
  92. package/dist/components/OrderedList/stories.js +0 -5
  93. package/dist/components/OutsideClick/OutsideClick.js +0 -3
  94. package/dist/components/OutsideClick/stories.js +0 -6
  95. package/dist/components/OverdriveProvider/OverdriveProvider.js +0 -1
  96. package/dist/components/Pagination/Pagination.css.js +0 -3
  97. package/dist/components/Pagination/Pagination.js +0 -20
  98. package/dist/components/Pagination/stories.js +0 -25
  99. package/dist/components/Portal/Portal.js +0 -7
  100. package/dist/components/Portal/stories.js +0 -9
  101. package/dist/components/Positioner/Positioner.css.js +0 -3
  102. package/dist/components/Positioner/Positioner.js +7 -19
  103. package/dist/components/Positioner/alignment.js +0 -1
  104. package/dist/components/Positioner/stories.js +1 -13
  105. package/dist/components/ProgressBar/ProgressBar.css.js +0 -3
  106. package/dist/components/ProgressBar/stories.js +0 -6
  107. package/dist/components/ProgressBarGroup/ProgressBarGroup.css.js +0 -3
  108. package/dist/components/ProgressBarGroup/stories.js +0 -5
  109. package/dist/components/ProgressSpinner/ProgressSpinner.css.js +0 -3
  110. package/dist/components/ProgressSpinner/stories.js +0 -5
  111. package/dist/components/Radio/Radio.css.js +0 -3
  112. package/dist/components/Radio/Radio.js +0 -3
  113. package/dist/components/Radio/stories.js +8 -17
  114. package/dist/components/Section/Section.css.js +0 -3
  115. package/dist/components/Section/stories.js +0 -5
  116. package/dist/components/SelectInput/SelectInput.css.js +0 -3
  117. package/dist/components/SelectInput/SelectInput.js +10 -14
  118. package/dist/components/SelectInput/stories.js +1 -26
  119. package/dist/components/SimplePagination/SimplePagination.js +0 -4
  120. package/dist/components/SimplePagination/stories.js +0 -9
  121. package/dist/components/Stack/Divider.css.js +0 -3
  122. package/dist/components/Stack/Stack.css.js +0 -3
  123. package/dist/components/Stack/Stack.js +0 -2
  124. package/dist/components/Stack/stories.js +0 -11
  125. package/dist/components/StandardModal/StandardModal.css.js +0 -5
  126. package/dist/components/StandardModal/StandardModal.js +0 -4
  127. package/dist/components/StandardModal/stories.js +0 -5
  128. package/dist/components/StarRating/StarRating.css.js +0 -3
  129. package/dist/components/StarRating/StarRating.js +0 -12
  130. package/dist/components/StarRating/stories.js +0 -5
  131. package/dist/components/Stepper/Stepper.css.d.ts.map +1 -1
  132. package/dist/components/Stepper/Stepper.css.js +1 -5
  133. package/dist/components/Stepper/Stepper.d.ts.map +1 -1
  134. package/dist/components/Stepper/Stepper.js +4 -8
  135. package/dist/components/Stepper/stories.js +4 -12
  136. package/dist/components/Switch/Switch.css.js +0 -3
  137. package/dist/components/Switch/Switch.js +0 -1
  138. package/dist/components/Switch/stories.js +4 -16
  139. package/dist/components/Table/Table.css.js +0 -3
  140. package/dist/components/Table/TableCell.css.js +0 -3
  141. package/dist/components/Table/TableCell.js +0 -1
  142. package/dist/components/Table/TableHeadCell.css.js +0 -5
  143. package/dist/components/Table/TableHeadCell.js +0 -6
  144. package/dist/components/Table/stories.js +0 -7
  145. package/dist/components/Tabs/Tab.css.js +0 -3
  146. package/dist/components/Tabs/Tab.js +0 -3
  147. package/dist/components/Tabs/TabList.css.js +0 -3
  148. package/dist/components/Tabs/TabList.js +0 -7
  149. package/dist/components/Tabs/TabPane.css.js +0 -3
  150. package/dist/components/Tabs/TabPanes.css.js +0 -3
  151. package/dist/components/Tabs/stories.js +0 -7
  152. package/dist/components/Text/stories.js +0 -10
  153. package/dist/components/Text/useTextStyles.css.js +0 -5
  154. package/dist/components/TextAreaInput/TextAreaInput.js +9 -13
  155. package/dist/components/TextAreaInput/stories.js +1 -23
  156. package/dist/components/TextBubble/TextBubble.css.js +0 -3
  157. package/dist/components/TextBubble/TextBubble.js +5 -13
  158. package/dist/components/TextBubble/stories.js +0 -5
  159. package/dist/components/TextContainer/TextContainer.js +0 -2
  160. package/dist/components/TextContainer/stories.js +0 -5
  161. package/dist/components/TextInput/TextInput.js +9 -14
  162. package/dist/components/TextInput/stories.js +1 -38
  163. package/dist/components/TextLink/TextLink.css.js +0 -3
  164. package/dist/components/TextLink/TextLink.js +9 -18
  165. package/dist/components/TextLink/stories.js +0 -6
  166. package/dist/components/ThemeOverrideProvider/ThemeOverrideProvider.js +0 -3
  167. package/dist/components/ThemeOverrideProvider/useBuildThemeOverrides.js +7 -15
  168. package/dist/components/ThemeProvider/ThemeProvider.d.ts +5 -4
  169. package/dist/components/ThemeProvider/ThemeProvider.d.ts.map +1 -1
  170. package/dist/components/Toaster/Toast.css.js +0 -3
  171. package/dist/components/Toaster/Toast.js +0 -27
  172. package/dist/components/Tooltip/Tooltip.css.js +0 -5
  173. package/dist/components/Tooltip/Tooltip.js +0 -1
  174. package/dist/components/Tooltip/stories.js +0 -5
  175. package/dist/components/VisuallyHidden/VisuallyHidden.css.js +0 -3
  176. package/dist/components/VisuallyHidden/stories.js +0 -5
  177. package/dist/components/private/CheckableBase/CheckableBase.css.js +0 -3
  178. package/dist/components/private/CheckableBase/CheckableBase.js +0 -2
  179. package/dist/components/private/InputBase/HintText.css.js +0 -3
  180. package/dist/components/private/InputBase/InputState.css.js +0 -3
  181. package/dist/components/private/InputBase/NotchedBase.css.js +0 -6
  182. package/dist/components/private/InputBase/NotchedBase.js +0 -1
  183. package/dist/components/private/InputBase/withEnhancedInput.css.js +0 -3
  184. package/dist/components/private/InputBase/withEnhancedInput.js +28 -39
  185. package/dist/hooks/useAttachedBoxes/useAttachedBoxes.css.js +0 -3
  186. package/dist/hooks/useAttachedBoxes/useAttachedBoxes.js +4 -12
  187. package/dist/hooks/useMedia/stories.js +0 -1
  188. package/dist/hooks/useMedia/useMedia.js +0 -4
  189. package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.css.js +0 -3
  190. package/dist/hooks/useNegativeMargin/useNegativeMarginTop.css.js +0 -3
  191. package/dist/hooks/useResponsiveValue/stories.js +0 -1
  192. package/dist/reset/globalFonts.css.js +0 -3
  193. package/dist/reset/globalReset.css.js +0 -3
  194. package/dist/reset/reset.css.js +0 -5
  195. package/dist/themes/base/index.d.ts +177 -177
  196. package/dist/themes/base/tokens.js +0 -3
  197. package/dist/themes/base/vars.css.js +0 -3
  198. package/dist/themes/flat_red/index.d.ts +177 -177
  199. package/dist/themes/flat_red/tokens.js +0 -3
  200. package/dist/themes/flat_red/vars.css.js +0 -3
  201. package/dist/themes/helpers.js +0 -2
  202. package/dist/themes/makeTheme.js +0 -3
  203. package/dist/themes/neutral/index.d.ts +177 -177
  204. package/dist/themes/neutral/tokens.js +0 -3
  205. package/dist/themes/neutral/vars.css.js +0 -3
  206. package/dist/themes/theme.css.d.ts +177 -177
  207. package/dist/themes/theme.css.d.ts.map +1 -1
  208. package/dist/themes/theme.css.js +0 -5
  209. package/dist/themes/tokens.d.ts +3 -1
  210. package/dist/themes/tokens.d.ts.map +1 -1
  211. package/dist/utils/index.js +0 -13
  212. package/dist/utils/mapTokenToProperty.js +0 -3
  213. package/dist/utils/resolveResponsiveProps.js +0 -6
  214. package/dist/utils/responsiveProps.css.js +0 -5
  215. package/dist/utils/responsiveStyle.d.ts +2 -2
  216. package/dist/utils/responsiveStyle.d.ts.map +1 -1
  217. package/dist/utils/responsiveStyle.js +0 -6
  218. package/package.json +1 -1
  219. package/readme.md +1 -2
@@ -1,262 +1,262 @@
1
- export declare const themeContractVars: import("@vanilla-extract/private").MapLeafNodes<{
2
- mode: string;
1
+ export declare const themeContractVars: {
2
+ mode: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3
3
  body: {
4
- backgroundColour: string;
5
- colour: string;
4
+ backgroundColour: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5
+ colour: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
6
  };
7
7
  contentWidth: {
8
- small: string;
9
- large: string;
10
- medium: string;
8
+ small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
+ large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
11
11
  };
12
12
  space: {
13
- '1': string;
14
- '2': string;
15
- '3': string;
16
- '4': string;
17
- '5': string;
18
- '6': string;
19
- '7': string;
20
- '8': string;
21
- '9': string;
22
- none: string;
13
+ 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
+ 2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
+ 3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
+ 4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
+ 5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
+ 6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19
+ 7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
+ 8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
+ 9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
23
  };
24
24
  colours: {
25
25
  gamut: {
26
- white: string;
27
- red900: string;
28
- red800: string;
29
- red700: string;
30
- red600: string;
31
- red500: string;
32
- red400: string;
33
- red300: string;
34
- red200: string;
35
- red100: string;
36
- gray900: string;
37
- gray800: string;
38
- gray700: string;
39
- gray600: string;
40
- gray500: string;
41
- gray400: string;
42
- gray300: string;
43
- gray200: string;
44
- gray100: string;
45
- green900: string;
46
- green800: string;
47
- green700: string;
48
- green600: string;
49
- green500: string;
50
- green400: string;
51
- green300: string;
52
- green200: string;
53
- green100: string;
54
- blue900: string;
55
- blue800: string;
56
- blue700: string;
57
- blue600: string;
58
- blue500: string;
59
- blue400: string;
60
- blue300: string;
61
- blue200: string;
62
- blue100: string;
63
- yellow900: string;
64
- yellow800: string;
65
- yellow700: string;
66
- yellow600: string;
67
- yellow500: string;
68
- yellow400: string;
69
- yellow300: string;
70
- yellow200: string;
71
- yellow100: string;
26
+ white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
+ red900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
+ red800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
+ red700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
+ red600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
+ red500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
+ red400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
+ red300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
+ red200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
+ red100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
+ gray900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
+ gray800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
+ gray700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
+ gray600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
+ gray500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
41
+ gray400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
42
+ gray300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
43
+ gray200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
44
+ gray100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
45
+ green900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
46
+ green800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
47
+ green700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
48
+ green600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
49
+ green500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
+ green400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
51
+ green300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
52
+ green200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
53
+ green100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
54
+ blue900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
+ blue800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
56
+ blue700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
57
+ blue600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
58
+ blue500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
+ blue400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
+ blue300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
+ blue200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
62
+ blue100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
+ yellow900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
64
+ yellow800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
65
+ yellow700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
66
+ yellow600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
67
+ yellow500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
68
+ yellow400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
69
+ yellow300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
70
+ yellow200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
71
+ yellow100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
72
72
  };
73
73
  foreground: {
74
- body: string;
75
- link: string;
74
+ body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
75
+ link: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
76
76
  };
77
77
  background: {
78
- body: string;
79
- light: string;
80
- neutral: string;
81
- neutralDark: string;
78
+ body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
79
+ light: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
80
+ neutral: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
81
+ neutralDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
82
82
  };
83
83
  intent: {
84
84
  primary: {
85
85
  background: {
86
- standard: string;
87
- mild: string;
88
- strong: string;
86
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
87
+ mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
88
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
89
89
  };
90
- foreground: string;
91
- border: string;
90
+ foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
91
+ border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
92
92
  };
93
93
  secondary: {
94
94
  background: {
95
- standard: string;
96
- mild: string;
97
- strong: string;
95
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
96
+ mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
97
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
98
98
  };
99
- foreground: string;
100
- border: string;
99
+ foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
100
+ border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
101
101
  };
102
102
  shine: {
103
103
  background: {
104
- standard: string;
105
- mild: string;
106
- strong: string;
104
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
105
+ mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
106
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
107
107
  };
108
- foreground: string;
109
- border: string;
108
+ foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
109
+ border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
110
110
  };
111
111
  danger: {
112
112
  background: {
113
- standard: string;
114
- mild: string;
115
- strong: string;
113
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
114
+ mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
115
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
116
116
  };
117
- foreground: string;
118
- border: string;
117
+ foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
118
+ border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
119
119
  };
120
120
  warning: {
121
121
  background: {
122
- standard: string;
123
- mild: string;
124
- strong: string;
122
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
123
+ mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
124
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
125
125
  };
126
- foreground: string;
127
- border: string;
126
+ foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
127
+ border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
128
128
  };
129
129
  neutral: {
130
130
  background: {
131
- standard: string;
132
- mild: string;
133
- strong: string;
131
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
132
+ mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
133
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
134
134
  };
135
- foreground: string;
136
- border: string;
135
+ foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
136
+ border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
137
137
  };
138
138
  success: {
139
139
  background: {
140
- standard: string;
141
- mild: string;
142
- strong: string;
140
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
141
+ mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
142
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
143
143
  };
144
- foreground: string;
145
- border: string;
144
+ foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
145
+ border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
146
146
  };
147
147
  information: {
148
148
  background: {
149
- standard: string;
150
- mild: string;
151
- strong: string;
149
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
150
+ mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
151
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
152
152
  };
153
- foreground: string;
154
- border: string;
153
+ foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
154
+ border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
155
155
  };
156
156
  };
157
157
  };
158
158
  elevation: {
159
- none: string;
160
- '1': string;
161
- '2': string;
162
- '3': string;
163
- '4': string;
164
- '5': string;
159
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
160
+ 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
161
+ 2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
162
+ 3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
163
+ 4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
164
+ 5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
165
165
  };
166
166
  border: {
167
167
  width: {
168
- none: string;
169
- '1': string;
170
- '2': string;
171
- '3': string;
168
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
169
+ 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
170
+ 2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
171
+ 3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
172
172
  };
173
173
  colours: {
174
- light: string;
175
- gray: string;
176
- dark: string;
174
+ light: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
175
+ gray: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
176
+ dark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
177
177
  };
178
178
  radius: {
179
- none: string;
180
- pill: string;
181
- full: string;
182
- '1': string;
183
- min: string;
179
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
180
+ pill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
181
+ full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
182
+ 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
183
+ min: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
184
184
  };
185
185
  };
186
186
  typography: {
187
187
  size: {
188
- '1': {
189
- fontSize: string;
190
- lineHeight: string;
188
+ 1: {
189
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
190
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
191
191
  };
192
- '2': {
193
- fontSize: string;
194
- lineHeight: string;
192
+ 2: {
193
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
194
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
195
195
  };
196
- '3': {
197
- fontSize: string;
198
- lineHeight: string;
196
+ 3: {
197
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
198
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
199
199
  };
200
- '4': {
201
- fontSize: string;
202
- lineHeight: string;
200
+ 4: {
201
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
202
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
203
203
  };
204
- '5': {
205
- fontSize: string;
206
- lineHeight: string;
204
+ 5: {
205
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
206
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
207
207
  };
208
- '6': {
209
- fontSize: string;
210
- lineHeight: string;
208
+ 6: {
209
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
210
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
211
211
  };
212
- '7': {
213
- fontSize: string;
214
- lineHeight: string;
212
+ 7: {
213
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
214
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
215
215
  };
216
- '8': {
217
- fontSize: string;
218
- lineHeight: string;
216
+ 8: {
217
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
218
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
219
219
  };
220
- '9': {
221
- fontSize: string;
222
- lineHeight: string;
220
+ 9: {
221
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
222
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
223
223
  };
224
224
  };
225
225
  colour: {
226
- primary: string;
227
- secondary: string;
228
- shine: string;
229
- link: string;
230
- dark: string;
231
- white: string;
232
- muted: string;
233
- neutral: string;
234
- light: string;
235
- danger: string;
236
- warning: string;
237
- success: string;
238
- information: string;
226
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
227
+ secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
228
+ shine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
229
+ link: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
230
+ dark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
231
+ white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
232
+ muted: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
233
+ neutral: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
234
+ light: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
235
+ danger: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
236
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
237
+ success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
238
+ information: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
239
239
  };
240
240
  fontWeight: {
241
- normal: string;
242
- semiBold: string;
243
- bold: string;
241
+ normal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
242
+ semiBold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
243
+ bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
244
244
  };
245
245
  };
246
246
  animation: {
247
247
  easing: {
248
- standard: string;
249
- decelerate: string;
250
- accelerate: string;
248
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
249
+ decelerate: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
250
+ accelerate: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
251
251
  };
252
252
  };
253
253
  icon: {
254
254
  size: {
255
- small: string;
256
- medium: string;
257
- large: string;
255
+ small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
256
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
257
+ large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
258
258
  };
259
259
  };
260
- }, import("@vanilla-extract/private").CSSVarFunction>;
260
+ };
261
261
  export declare const container: string;
262
262
  //# sourceMappingURL=theme.css.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"theme.css.d.ts","sourceRoot":"","sources":["../../lib/themes/theme.css.ts"],"names":[],"mappings":"AAmEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAuN5B,CAAC;AAEH,eAAO,MAAM,SAAS,QAGpB,CAAC"}
1
+ {"version":3,"file":"theme.css.d.ts","sourceRoot":"","sources":["../../lib/themes/theme.css.ts"],"names":[],"mappings":"AAmEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuN5B,CAAC;AAEH,eAAO,MAAM,SAAS,QAGpB,CAAC"}
@@ -2,13 +2,9 @@
2
2
 
3
3
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
4
4
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
5
-
6
5
  __vanilla_filescope__.setFileScope("lib/themes/theme.css.ts", "@autoguru/overdrive");
7
-
8
6
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
9
-
10
7
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
11
-
12
8
  import { createThemeContract, style } from '@vanilla-extract/css';
13
9
  import { buildColourGamut } from "./makeTheme.js";
14
10
  const colours = {
@@ -287,5 +283,4 @@ export const container = style({
287
283
  boxSizing: 'border-box',
288
284
  font: '400 16px/22px AvertaStandard, system-ui, sans-serif'
289
285
  }, "container");
290
-
291
286
  __vanilla_filescope__.endFileScope();
@@ -1,4 +1,6 @@
1
- import { Tokens as VanillaTokens } from '@vanilla-extract/css/dist/declarations/src/types';
1
+ declare type VanillaTokens = {
2
+ [key: string]: string | VanillaTokens;
3
+ };
2
4
  declare type SpaceScale = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | 'none';
3
5
  declare type TextSizeScale = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
4
6
  declare type BorderWidthScale = '1' | '2' | '3' | 'none';
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../lib/themes/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kDAAkD,CAAC;AAE3F,aAAK,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC;AAC/E,aAAK,aAAa,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AACzE,aAAK,gBAAgB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC;AACjD,aAAK,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAElD,aAAK,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,cAAc,CAAC;AAEnE,aAAK,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAE1C,UAAU,kBAAmB,SAAQ,aAAa;IACjD,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AAEpD,aAAK,UAAU,GACZ,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,CAAC;AAEZ,aAAK,WAAW,GACb,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AAEb,aAAK,YAAY,GACd,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,CAAC;AAEd,aAAK,WAAW,GACb,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AAEb,aAAK,aAAa,GACf,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEf,oBAAY,WAAW,GACpB,WAAW,GACX,WAAW,GACX,YAAY,GACZ,UAAU,GACV,aAAa,CAAC;AAEjB,aAAK,MAAM,GACR,SAAS,GACT,WAAW,GACX,OAAO,GACP,SAAS,GACT,QAAQ,GACR,SAAS,GACT,SAAS,GACT,aAAa,CAAC;AAEjB,aAAK,WAAW,GAAG,OAAO,CAAC;AAE3B,oBAAY,WAAW,GAAG,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAErD,MAAM,WAAW,MAAO,SAAQ,aAAa;IAC5C,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAChC,IAAI,EAAE;QACL,MAAM,EAAE,MAAM,CAAC;QACf,gBAAgB,EAAE,MAAM,CAAC;KACzB,CAAC;IACF,YAAY,EAAE;QACb,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACd,CAAC;IACF,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IAClC,SAAS,EAAE;QACV,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;KACZ,CAAC;IACF,OAAO,EAAE;QACR,KAAK,EAAE,MAAM,CAAC,WAAW,GAAG,WAAW,EAAE,MAAM,CAAC,CAAC;QACjD,UAAU,EAAE;YACX,IAAI,EAAE,MAAM,CAAC;YACb,IAAI,EAAE,MAAM,CAAC;SACb,CAAC;QACF,UAAU,EAAE;YACX,IAAI,EAAE,MAAM,CAAC;YACb,KAAK,EAAE,MAAM,CAAC;YACd,OAAO,EAAE,MAAM,CAAC;YAChB,WAAW,EAAE,MAAM,CAAC;SACpB,CAAC;QACF,MAAM,EAAE,MAAM,CACb,MAAM,EACN;YACC,UAAU,EAAE,MAAM,CAAC;YACnB,MAAM,EAAE,MAAM,CAAC;YACf,UAAU,EAAE,kBAAkB,CAAC;SAC/B,CACD,CAAC;KACF,CAAC;IACF,MAAM,EAAE;QACP,KAAK,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;QACxC,OAAO,EAAE;YACR,KAAK,EAAE,MAAM,CAAC;YACd,IAAI,EAAE,MAAM,CAAC;YACb,IAAI,EAAE,MAAM,CAAC;SACb,CAAC;QACF,MAAM,EAAE;YACP,IAAI,EAAE,MAAM,CAAC;YACb,GAAG,EAAE,MAAM,CAAC;YACZ,GAAG,EAAE,MAAM,CAAC;YACZ,IAAI,EAAE,MAAM,CAAC;YACb,IAAI,EAAE,MAAM,CAAC;SACb,CAAC;KACF,CAAC;IACF,UAAU,EAAE;QACX,IAAI,EAAE,MAAM,CACX,aAAa,EACb;YACC,QAAQ,EAAE,MAAM,CAAC;YACjB,UAAU,EAAE,MAAM,CAAC;SACnB,CACD,CAAC;QAEF,MAAM,EAAE,MAAM,CACX,MAAM,GACN,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,GAC1B,MAAM,GACN,OAAO,GACP,SAAS,GACT,OAAO,GACP,WAAW,EACb,MAAM,CACN,CAAC;QACF,UAAU,EAAE,MAAM,CAAC,QAAQ,GAAG,UAAU,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC;KAC3D,CAAC;IACF,SAAS,EAAE;QACV,MAAM,EAAE;YACP,QAAQ,EAAE,MAAM,CAAC;YACjB,UAAU,EAAE,MAAM,CAAC;YACnB,UAAU,EAAE,MAAM,CAAC;SACnB,CAAC;KACF,CAAC;IACF,IAAI,EAAE;QACL,IAAI,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;KACpC,CAAC;CACF"}
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../lib/themes/tokens.ts"],"names":[],"mappings":"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"}
@@ -7,24 +7,19 @@ export const useUncontrolledState = (value, onChange) => {
7
7
  if (typeof onChange === 'function') {
8
8
  return [value, onChange];
9
9
  }
10
-
11
10
  return useState(value);
12
11
  };
13
12
  const handlers = new WeakMap();
14
13
  export const useInputControlledState = (incomingValue, incomingOnChange) => {
15
14
  if (typeof incomingOnChange === 'function') return [incomingValue, incomingOnChange];
16
15
  const [value, setValue] = useState(incomingValue);
17
-
18
16
  if (!handlers.has(setValue)) {
19
17
  handlers.set(setValue, e => setValue(e.target.value));
20
18
  }
21
-
22
19
  return [value, handlers.get(setValue)];
23
20
  };
24
21
  let id = 0;
25
-
26
22
  const genId = () => ++id;
27
-
28
23
  let serverHandoffComplete = false;
29
24
  export const useId = idFromProps => {
30
25
  const initialId = idFromProps !== null && idFromProps !== void 0 ? idFromProps : serverHandoffComplete ? genId() : null;
@@ -55,7 +50,6 @@ export const hex2rgba = function (c) {
55
50
  };
56
51
  export const ownerWindow = node => {
57
52
  var _ownerDocument;
58
-
59
53
  return ((_ownerDocument = ownerDocument(node)) === null || _ownerDocument === void 0 ? void 0 : _ownerDocument.defaultView) || window;
60
54
  };
61
55
  export const ownerDocument = node => (node === null || node === void 0 ? void 0 : node.ownerDocument) || document;
@@ -68,33 +62,26 @@ export const useEventCallback = fn => {
68
62
  return void ref.current.apply(ref, arguments);
69
63
  }, []);
70
64
  };
71
-
72
65
  const easeInOutCubic = t => t < 0.5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1;
73
-
74
66
  export const animate = function (element, property, to) {
75
67
  let duration = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 600;
76
68
  let start = null;
77
69
  const from = element[property];
78
70
  if (start === from) return;
79
71
  let cancelled = false;
80
-
81
72
  const cancel = () => {
82
73
  cancelled = true;
83
74
  };
84
-
85
75
  const step = timestamp => {
86
76
  if (cancelled) return;
87
-
88
77
  if (start === null) {
89
78
  start = timestamp;
90
79
  }
91
-
92
80
  const time = Math.min(1, (timestamp - start) / duration);
93
81
  element[property] = easeInOutCubic(time) * (to - from) + from;
94
82
  if (time >= 1) return;
95
83
  requestAnimationFrame(step);
96
84
  };
97
-
98
85
  requestAnimationFrame(step);
99
86
  return cancel;
100
87
  };
@@ -1,11 +1,8 @@
1
1
  "use strict";
2
2
 
3
3
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
4
-
5
4
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
6
-
7
5
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
8
-
9
6
  export const mapTokenToProperty = function (record, property) {
10
7
  let omitKeys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
11
8
  return Object.entries(record).filter(_ref => {
@@ -8,28 +8,22 @@ export const resolveResponsiveStyle = (responsiveArgument, breakpointTokenMap) =
8
8
  if (!Array.isArray(responsiveArgument)) return breakpointTokenMap[responsiveArgument] ? breakpointTokenMap[responsiveArgument].mobile : void 0;
9
9
  return clsx(_toConsumableArray(buildClassFor(responsiveArgument, breakpointTokenMap)));
10
10
  };
11
-
12
11
  function* buildClassFor(responsiveArgument, breakpointTokenMap) {
13
12
  let counter = 0;
14
13
  const maxLoops = Math.max(responsiveArgument.length, responsiveTokenOrder.length);
15
-
16
14
  while (counter < maxLoops) {
17
15
  var _responsiveArgument$c;
18
-
19
16
  const orderToken = responsiveTokenOrder[counter];
20
17
  const result = breakpointTokenMap[(_responsiveArgument$c = responsiveArgument === null || responsiveArgument === void 0 ? void 0 : responsiveArgument[counter]) !== null && _responsiveArgument$c !== void 0 ? _responsiveArgument$c : getEarliestKnownToken(responsiveArgument, counter)];
21
18
  yield result ? result[orderToken] : void 0;
22
19
  ++counter;
23
20
  }
24
21
  }
25
-
26
22
  export function getEarliestKnownToken(responsiveArgument, counter) {
27
23
  let idx = counter;
28
-
29
24
  do {
30
25
  --idx;
31
26
  if (responsiveArgument[idx] !== undefined && responsiveArgument[idx] !== null) return responsiveArgument[idx];
32
27
  } while (idx !== 0);
33
-
34
28
  return '';
35
29
  }
@@ -2,13 +2,9 @@
2
2
 
3
3
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
4
4
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
5
-
6
5
  __vanilla_filescope__.setFileScope("lib/utils/responsiveProps.css.ts", "@autoguru/overdrive");
7
-
8
6
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
9
-
10
7
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
11
-
12
8
  import { style } from '@vanilla-extract/css';
13
9
  import { breakpoints } from "../themes/makeTheme.js";
14
10
  import { responsiveStyle } from "./responsiveStyle.js";
@@ -27,5 +23,4 @@ export const makeResponsiveStyle = (tokens, property) => Object.entries(tokens |
27
23
  }, {})
28
24
  });
29
25
  }, {});
30
-
31
26
  __vanilla_filescope__.endFileScope();