@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,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
  import { AccountEditIcon, AlertCircleIcon, CalendarIcon, CarIcon, CarMultipleIcon, CheckIcon, CurrencyUsdIcon, MagnifyIcon, PlusIcon, StarIcon } from '@autoguru/icons';
10
7
  import { action } from '@storybook/addon-actions';
11
8
  import * as React from 'react';
@@ -97,12 +94,9 @@ export default {
97
94
  }
98
95
  },
99
96
  parameters: {
100
- chromatic: {
101
- delay: 3000
102
- }
97
+ chromatic: {}
103
98
  }
104
99
  };
105
-
106
100
  const Template = args => _jsxs(Stack, {
107
101
  space: "5",
108
102
  children: [_jsx(Box, {
@@ -128,7 +122,6 @@ const Template = args => _jsxs(Stack, {
128
122
  children: "Nunc ac congue lacus, ac vulputate lectus. Suspendisse vel malesuada tellus. In nec fringilla elit. Cras vitae metus et leo convallis consectetur. Cras quis congue sapien, vitae aliquet ante. Integer sed lorem pretium, vestibulum arcu eu, imperdiet mauris. Nam blandit pharetra feugiat. Maecenas eget ante metus. Vivamus pretium ipsum justo, a faucibus ex dictum non. Vestibulum et dui diam."
129
123
  })]
130
124
  });
131
-
132
125
  const standardProps = {
133
126
  value: null,
134
127
  suggestions: mockSuggestions,
@@ -151,93 +144,70 @@ const standardProps = {
151
144
  };
152
145
  export const standard = Template.bind(standardProps);
153
146
  standard.args = standardProps;
154
-
155
147
  const withValueProps = _objectSpread(_objectSpread({}, standardProps), {}, {
156
148
  value: mockSuggestions[3]
157
149
  });
158
-
159
150
  export const withValue = Template.bind(withValueProps);
160
151
  withValue.args = withValueProps;
161
-
162
152
  const withoutNotchProps = _objectSpread(_objectSpread({}, withValueProps), {}, {
163
153
  notch: false
164
154
  });
165
-
166
155
  export const withoutNotch = Template.bind(withoutNotchProps);
167
156
  withoutNotch.args = withoutNotchProps;
168
-
169
157
  const withNoItemsProps = _objectSpread(_objectSpread({}, standardProps), {}, {
170
158
  suggestions: []
171
159
  });
172
-
173
160
  export const withNoItems = Template.bind(withNoItemsProps);
174
161
  withNoItems.args = withNoItemsProps;
175
-
176
162
  const withIconProps = _objectSpread(_objectSpread({}, withValueProps), {}, {
177
163
  prefixIcon: CarIcon
178
164
  });
179
-
180
165
  export const withIcon = Template.bind(withIconProps);
181
166
  withIcon.args = withIconProps;
182
-
183
167
  const disabledProps = _objectSpread(_objectSpread({}, withIconProps), {}, {
184
168
  disabled: true
185
169
  });
186
-
187
170
  export const disabled = Template.bind(disabledProps);
188
171
  disabled.args = disabledProps;
189
-
190
172
  const withHintTextProps = _objectSpread(_objectSpread({}, withIconProps), {}, {
191
173
  hintText: 'Choose a sports car make'
192
174
  });
193
-
194
175
  export const withHintText = Template.bind(withHintTextProps);
195
176
  withHintText.args = withHintTextProps;
196
-
197
177
  const validProps = _objectSpread(_objectSpread({}, withHintTextProps), {}, {
198
178
  value: mockSuggestions[8],
199
179
  isTouched: true,
200
180
  isValid: true
201
181
  });
202
-
203
182
  export const valid = Template.bind(validProps);
204
183
  valid.args = validProps;
205
-
206
184
  const invalidProps = _objectSpread(_objectSpread({}, withHintTextProps), {}, {
207
185
  value: mockSuggestions[3],
208
186
  isTouched: true,
209
187
  isValid: false
210
188
  });
211
-
212
189
  export const invalid = Template.bind(invalidProps);
213
190
  invalid.args = invalidProps;
214
-
215
191
  const withIconSmallProps = _objectSpread(_objectSpread({}, withValueProps), {}, {
216
192
  prefixIcon: CarIcon,
217
193
  size: 'small'
218
194
  });
219
-
220
195
  const smallProps = _objectSpread(_objectSpread({}, standardProps), {}, {
221
196
  size: 'small'
222
197
  });
223
-
224
198
  export const small = Template.bind(smallProps);
225
199
  small.args = smallProps;
226
-
227
200
  const withValueSmallProps = _objectSpread(_objectSpread({}, standardProps), {}, {
228
201
  value: mockSuggestions[3],
229
202
  size: 'small'
230
203
  });
231
-
232
204
  export const withValueSmall = Template.bind(withValueSmallProps);
233
205
  withValueSmall.args = withValueSmallProps;
234
206
  export const withIconSmall = Template.bind(withIconSmallProps);
235
207
  withIconSmall.args = withIconSmallProps;
236
-
237
208
  const loadingSmallProps = _objectSpread(_objectSpread({}, withValueSmallProps), {}, {
238
209
  isLoading: true,
239
210
  size: 'small'
240
211
  });
241
-
242
212
  export const loadingSmall = Template.bind(loadingSmallProps);
243
213
  loadingSmall.args = loadingSmallProps;
@@ -15,13 +15,11 @@ export const useLayoutSuggestionVisible = (highlightIndex, highlightRef, suggest
15
15
  const {
16
16
  offsetHeight
17
17
  } = suggestionListItem;
18
-
19
18
  if (itemOffsetRelativeToContainer < scrollTop) {
20
19
  scrollTop = itemOffsetRelativeToContainer;
21
20
  } else if (itemOffsetRelativeToContainer + highlightItem.offsetHeight > scrollTop + offsetHeight) {
22
21
  scrollTop = itemOffsetRelativeToContainer + highlightItem.offsetHeight - offsetHeight;
23
22
  }
24
-
25
23
  if (scrollTop !== scrollTop) {
26
24
  suggestionListItem.scrollTop = scrollTop;
27
25
  }
@@ -1,9 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
4
-
5
4
  __vanilla_filescope__.setFileScope("lib/components/Badge/Badge.css.ts", "@autoguru/overdrive");
6
-
7
5
  import { style, styleVariants } from '@vanilla-extract/css';
8
6
  import { themeContractVars as vars } from "../../themes/theme.css.js";
9
7
  export const label = style({
@@ -82,5 +80,4 @@ export const colours = {
82
80
  }, "colours_inverted_red")
83
81
  }
84
82
  };
85
-
86
83
  __vanilla_filescope__.endFileScope();
@@ -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
  import * as React from 'react';
10
7
  import { Badge } from "./index.js";
11
8
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -30,15 +27,12 @@ export default {
30
27
  })
31
28
  })]
32
29
  };
33
-
34
30
  const template = args => _jsx(Badge, _objectSpread({}, args));
35
-
36
31
  const templateAllColours = args => _jsx(_Fragment, {
37
32
  children: colours.map(colour => _jsx(Badge, _objectSpread(_objectSpread({}, args), {}, {
38
33
  colour: colour
39
34
  }), colour))
40
35
  });
41
-
42
36
  const standardProps = {
43
37
  label: 'TITANIUM'
44
38
  };
@@ -46,26 +40,20 @@ export const standard = template.bind(standardProps);
46
40
  standard.args = standardProps;
47
41
  export const standardAllColours = templateAllColours.bind(standardProps);
48
42
  standardAllColours.args = standardProps;
49
-
50
43
  const standardLargeProps = _objectSpread(_objectSpread({}, standardProps), {}, {
51
44
  size: 'large'
52
45
  });
53
-
54
46
  export const standardLargeAllColours = templateAllColours.bind(standardLargeProps);
55
47
  standardLargeAllColours.args = standardLargeProps;
56
-
57
48
  const invertedProps = _objectSpread(_objectSpread({}, standardProps), {}, {
58
49
  look: 'inverted'
59
50
  });
60
-
61
51
  export const inverted = template.bind(invertedProps);
62
52
  inverted.args = invertedProps;
63
53
  export const invertedAllColours = templateAllColours.bind(invertedProps);
64
54
  invertedAllColours.args = invertedProps;
65
-
66
55
  const invertedLargeProps = _objectSpread(_objectSpread({}, standardLargeProps), {}, {
67
56
  look: 'inverted'
68
57
  });
69
-
70
58
  export const invertedLargeAllColours = templateAllColours.bind(invertedLargeProps);
71
59
  invertedLargeAllColours.args = invertedLargeProps;
@@ -3,11 +3,8 @@
3
3
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
4
4
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
5
5
  const _excluded = ["is", "padding", "paddingX", "paddingY", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "margin", "marginX", "marginY", "marginTop", "marginBottom", "marginLeft", "marginRight", "display", "width", "height", "position", "overflow", "userSelect", "textAlign", "pointerEvents", "borderColour", "borderColourX", "borderColourY", "borderColourTop", "borderColourRight", "borderColourBottom", "borderColourLeft", "borderWidth", "borderWidthX", "borderWidthY", "borderWidthTop", "borderWidthRight", "borderWidthBottom", "borderWidthLeft", "boxShadow", "borderRadius", "backgroundColour", "colour", "opacity", "className", "alignItems", "order", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "justifyContent", "children"];
6
-
7
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; }
8
-
9
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; }
10
-
11
8
  import clsx from 'clsx';
12
9
  import * as React from 'react';
13
10
  import { forwardRef } from 'react';
@@ -15,60 +12,59 @@ import { useBoxStyles } from "./useBoxStyles.js";
15
12
  import { jsx as _jsx } from "react/jsx-runtime";
16
13
  export const Box = forwardRef((_ref, ref) => {
17
14
  let {
18
- is: Component = 'div',
19
- padding,
20
- paddingX,
21
- paddingY,
22
- paddingTop,
23
- paddingBottom,
24
- paddingLeft,
25
- paddingRight,
26
- margin,
27
- marginX,
28
- marginY,
29
- marginTop,
30
- marginBottom,
31
- marginLeft,
32
- marginRight,
33
- display,
34
- width,
35
- height,
36
- position,
37
- overflow,
38
- userSelect,
39
- textAlign,
40
- pointerEvents,
41
- borderColour,
42
- borderColourX,
43
- borderColourY,
44
- borderColourTop,
45
- borderColourRight,
46
- borderColourBottom,
47
- borderColourLeft,
48
- borderWidth,
49
- borderWidthX,
50
- borderWidthY,
51
- borderWidthTop,
52
- borderWidthRight,
53
- borderWidthBottom,
54
- borderWidthLeft,
55
- boxShadow,
56
- borderRadius,
57
- backgroundColour,
58
- colour,
59
- opacity,
60
- className = '',
61
- alignItems,
62
- order,
63
- flexDirection,
64
- flexGrow,
65
- flexShrink,
66
- flexWrap,
67
- justifyContent,
68
- children
69
- } = _ref,
70
- allOtherProps = _objectWithoutProperties(_ref, _excluded);
71
-
15
+ is: Component = 'div',
16
+ padding,
17
+ paddingX,
18
+ paddingY,
19
+ paddingTop,
20
+ paddingBottom,
21
+ paddingLeft,
22
+ paddingRight,
23
+ margin,
24
+ marginX,
25
+ marginY,
26
+ marginTop,
27
+ marginBottom,
28
+ marginLeft,
29
+ marginRight,
30
+ display,
31
+ width,
32
+ height,
33
+ position,
34
+ overflow,
35
+ userSelect,
36
+ textAlign,
37
+ pointerEvents,
38
+ borderColour,
39
+ borderColourX,
40
+ borderColourY,
41
+ borderColourTop,
42
+ borderColourRight,
43
+ borderColourBottom,
44
+ borderColourLeft,
45
+ borderWidth,
46
+ borderWidthX,
47
+ borderWidthY,
48
+ borderWidthTop,
49
+ borderWidthRight,
50
+ borderWidthBottom,
51
+ borderWidthLeft,
52
+ boxShadow,
53
+ borderRadius,
54
+ backgroundColour,
55
+ colour,
56
+ opacity,
57
+ className = '',
58
+ alignItems,
59
+ order,
60
+ flexDirection,
61
+ flexGrow,
62
+ flexShrink,
63
+ flexWrap,
64
+ justifyContent,
65
+ children
66
+ } = _ref,
67
+ allOtherProps = _objectWithoutProperties(_ref, _excluded);
72
68
  const cls = useBoxStyles({
73
69
  is: Component,
74
70
  alignItems,
@@ -1 +1 @@
1
- {"version":3,"file":"argTypes.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/argTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAWrD,CAAC;AAwCF,eAAO,MAAM,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,CAkErE,CAAC"}
1
+ {"version":3,"file":"argTypes.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/argTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAWrD,CAAC;AAoCF,eAAO,MAAM,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,CAkErE,CAAC"}
@@ -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 scaleOptions = ['none', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
10
7
  const scaledProps = ['padding', 'paddingX', 'paddingY', 'paddingTop', 'paddingRight', 'paddingLeft', 'margin', 'marginX', 'marginY', 'marginTop', 'marginRight', 'marginLeft'];
11
8
  const boxShadowOptions = ['none', '1', '2', '3', '4', '5'];
@@ -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
  import * as React from 'react';
10
7
  import { boxArgTypes } from "./argTypes.js";
11
8
  import { Box } from "./index.js";
@@ -24,7 +21,6 @@ export default {
24
21
  })],
25
22
  argTypes: boxArgTypes
26
23
  };
27
-
28
24
  const template = args => _jsxs(_Fragment, {
29
25
  children: [_jsx(Box, _objectSpread(_objectSpread({}, args), {}, {
30
26
  children: "Box 1"
@@ -32,7 +28,6 @@ const template = args => _jsxs(_Fragment, {
32
28
  children: "Box 2"
33
29
  }))]
34
30
  });
35
-
36
31
  const standardProps = {
37
32
  borderColour: 'dark',
38
33
  borderWidth: ['none', 'none', '1', '2'],
@@ -1 +1 @@
1
- {"version":3,"file":"useBoxStyles.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/useBoxStyles.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;CAKlB,CAAC;AAEF,eAAO,MAAM,SAAS,8BAAmD,CAAC;AA2C1E,eAAO,MAAM,MAAM;;;;;;;;;;;;;;CAsBlB,CAAC;AAEF,eAAO,MAAM,YAAY,8BAGxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,0LAK7B,CAAC;AAEF,eAAO,MAAM,OAAO,kHAKnB,CAAC;AAEF,eAAO,MAAM,KAAK,iCAOhB,CAAC;AAEH,eAAO,MAAM,MAAM,wBAIjB,CAAC;AAEH,eAAO,MAAM,QAAQ,mDASpB,CAAC;AAEF,eAAO,MAAM,SAAS,6CASrB,CAAC;AAEF,eAAO,MAAM,QAAQ,0DAUpB,CAAC;AAEF,eAAO,MAAM,OAAO,kGAanB,CAAC;AAEF,eAAO,MAAM,OAAO,uBAGlB,CAAC;AAEH,eAAO,MAAM,UAAU,wBAErB,CAAC;AAIH,eAAO,MAAM,KAAK,8BAOjB,CAAC;AAEF,eAAO,MAAM,UAAU,8BAOtB,CAAC;AAEF,eAAO,MAAM,aAAa,8BAQzB,CAAC;AAEF,eAAO,MAAM,QAAQ,uBAQpB,CAAC;AAEF,eAAO,MAAM,UAAU,mBAOtB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAQpB,CAAC;AAEF,eAAO,MAAM,cAAc,8BAS1B,CAAC;AAEF,eAAO,MAAM,aAAa,wBAExB,CAAC"}
1
+ {"version":3,"file":"useBoxStyles.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/useBoxStyles.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;CAKlB,CAAC;AAEF,eAAO,MAAM,SAAS,8BAAmD,CAAC;AA2C1E,eAAO,MAAM,MAAM;;;;;;;;;;;;;;CAsBlB,CAAC;AAEF,eAAO,MAAM,YAAY,8BAGxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,0LAE7B,CAAC;AAEF,eAAO,MAAM,OAAO,kHAEnB,CAAC;AAEF,eAAO,MAAM,KAAK,iCAOhB,CAAC;AAEH,eAAO,MAAM,MAAM,wBAIjB,CAAC;AAEH,eAAO,MAAM,QAAQ,mDASpB,CAAC;AAEF,eAAO,MAAM,SAAS,6CASrB,CAAC;AAEF,eAAO,MAAM,QAAQ,0DAUpB,CAAC;AAEF,eAAO,MAAM,OAAO,kGAanB,CAAC;AAEF,eAAO,MAAM,OAAO,uBAGlB,CAAC;AAEH,eAAO,MAAM,UAAU,wBAErB,CAAC;AAIH,eAAO,MAAM,KAAK,8BAOjB,CAAC;AAEF,eAAO,MAAM,UAAU,8BAOtB,CAAC;AAEF,eAAO,MAAM,aAAa,8BAQzB,CAAC;AAEF,eAAO,MAAM,QAAQ,uBAQpB,CAAC;AAEF,eAAO,MAAM,UAAU,mBAOtB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAQpB,CAAC;AAEF,eAAO,MAAM,cAAc,8BAS1B,CAAC;AAEF,eAAO,MAAM,aAAa,wBAExB,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/components/Box/useBoxStyles.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, styleVariants } from '@vanilla-extract/css';
13
9
  import { themeContractVars as vars } from "../../themes/theme.css.js";
14
10
  import { mapTokenToProperty } from "../../utils/mapTokenToProperty.js";
@@ -26,17 +22,14 @@ export const margin = {
26
22
  left: makeResponsiveStyle(vars.space, 'marginLeft')
27
23
  };
28
24
  export const boxShadow = makeResponsiveStyle(vars.elevation, 'boxShadow');
29
-
30
25
  const borderColours = _objectSpread(_objectSpread({}, vars.border.colours), Object.entries(vars.colours.intent).reduce((map, entry) => _objectSpread(_objectSpread({}, map), {}, {
31
26
  [entry[0]]: entry[1].border
32
27
  }), {}));
33
-
34
28
  const backgroundColourTokens = _objectSpread(_objectSpread(_objectSpread({}, vars.colours.gamut), Object.entries(vars.colours.intent).reduce((map, entry) => _objectSpread(_objectSpread({}, map), {}, {
35
29
  [entry[0]]: entry[1].background.standard
36
30
  }), {})), {}, {
37
31
  transparent: 'transparent'
38
32
  });
39
-
40
33
  const foregroundColourTokens = Object.entries(vars.colours.intent).reduce((map, entry) => _objectSpread(_objectSpread({}, map), {}, {
41
34
  [entry[0]]: entry[1].foreground
42
35
  }), {});
@@ -150,5 +143,4 @@ export const pointerEvents = styleVariants({
150
143
  pointerEvents: 'none'
151
144
  }
152
145
  }, "pointerEvents");
153
-
154
146
  __vanilla_filescope__.endFileScope();
@@ -1 +1 @@
1
- {"version":3,"file":"useBoxStyles.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/useBoxStyles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"useBoxStyles.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/useBoxStyles.ts"],"names":[],"mappings":"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"}
@@ -1,3 +1,3 @@
1
- export declare const root: Record<"circle" | "default" | "square" | "disc", string>;
1
+ export declare const root: Record<"default" | "circle" | "square" | "disc", string>;
2
2
  export declare const noDot: string;
3
3
  //# sourceMappingURL=Bullet.css.d.ts.map
@@ -1,9 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
4
-
5
4
  __vanilla_filescope__.setFileScope("lib/components/BulletList/Bullet.css.ts", "@autoguru/overdrive");
6
-
7
5
  import { style, styleVariants } from '@vanilla-extract/css';
8
6
  import { themeContractVars as vars } from "../../themes/theme.css.js";
9
7
  export const root = styleVariants({
@@ -49,5 +47,4 @@ export const noDot = style({
49
47
  visibility: 'hidden'
50
48
  }
51
49
  }, "noDot");
52
-
53
50
  __vanilla_filescope__.endFileScope();
@@ -7,26 +7,20 @@ import * as styles from "./Bullet.css.js";
7
7
  import { BulletList } from "./BulletList.js";
8
8
  import { BulletListContext, bulletMap } from "./context.js";
9
9
  import { jsx as _jsx } from "react/jsx-runtime";
10
-
11
10
  const getBulletCls = (styles, type) => {
12
11
  switch (type) {
13
12
  case 'circle':
14
13
  return styles.root.circle;
15
-
16
14
  case 'square':
17
15
  return styles.root.square;
18
-
19
16
  case 'disc':
20
17
  return styles.root.disc;
21
-
22
18
  default:
23
19
  return '';
24
20
  }
25
21
  };
26
-
27
22
  export const Bullet = _ref => {
28
23
  var _getBulletCls;
29
-
30
24
  let {
31
25
  children,
32
26
  className
@@ -1,9 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
4
-
5
4
  __vanilla_filescope__.setFileScope("lib/components/BulletList/BulletList.css.ts", "@autoguru/overdrive");
6
-
7
5
  import { style } from '@vanilla-extract/css';
8
6
  import { themeContractVars as vars } from "../../themes/theme.css.js";
9
7
  export const root = style({
@@ -12,5 +10,4 @@ export const root = style({
12
10
  export const firstOccurrence = style({
13
11
  paddingLeft: vars.space['6']
14
12
  }, "firstOccurrence");
15
-
16
13
  __vanilla_filescope__.endFileScope();
@@ -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
  import * as React from 'react';
10
7
  import { Text } from "../Text/index.js";
11
8
  import { Bullet, BulletList } from "./index.js";
@@ -22,7 +19,6 @@ export default {
22
19
  children: story()
23
20
  })]
24
21
  };
25
-
26
22
  const StandardBulletListTemplate = args => _jsxs(BulletList, _objectSpread(_objectSpread({}, args), {}, {
27
23
  children: [_jsx(Bullet, {
28
24
  children: _jsx(Text, {
@@ -34,7 +30,6 @@ const StandardBulletListTemplate = args => _jsxs(BulletList, _objectSpread(_obje
34
30
  })
35
31
  })]
36
32
  }));
37
-
38
33
  const NestedBulletListTemplate = args => _jsxs(BulletList, _objectSpread(_objectSpread({}, args), {}, {
39
34
  children: [_jsx(Bullet, {
40
35
  children: _jsx(Text, {
@@ -70,7 +65,6 @@ const NestedBulletListTemplate = args => _jsxs(BulletList, _objectSpread(_object
70
65
  })
71
66
  })]
72
67
  }));
73
-
74
68
  const standardProps = {};
75
69
  export const standard = StandardBulletListTemplate.bind(standardProps);
76
70
  standard.args = {};
@@ -1,9 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
4
-
5
4
  __vanilla_filescope__.setFileScope("lib/components/BulletText/BulletText.css.ts", "@autoguru/overdrive");
6
-
7
5
  import { style } from '@vanilla-extract/css';
8
6
  import { themeContractVars as vars } from "../../themes/theme.css.js";
9
7
  export const bullet = style({
@@ -23,5 +21,4 @@ export const primaryText = style({
23
21
  export const secondaryText = style({
24
22
  color: vars.typography.colour.dark
25
23
  }, "secondaryText");
26
-
27
24
  __vanilla_filescope__.endFileScope();
@@ -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
  import { CheckIcon } from '@autoguru/icons';
10
7
  import * as React from 'react';
11
8
  import { Icon } from "../Icon/index.js";
@@ -48,11 +45,9 @@ export default {
48
45
  }
49
46
  }
50
47
  };
51
-
52
48
  const template = args => _jsx(BulletText, _objectSpread({
53
49
  is: "div"
54
50
  }, args));
55
-
56
51
  const primaryProps = {
57
52
  variant: 'primary',
58
53
  children: 'Hello World',
@@ -1,9 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
4
-
5
4
  __vanilla_filescope__.setFileScope("lib/components/Button/Button.css.ts", "@autoguru/overdrive");
6
-
7
5
  import { style, styleVariants } from '@vanilla-extract/css';
8
6
  import { themeContractVars as vars } from "../../themes/theme.css.js";
9
7
  export const root = style({
@@ -258,5 +256,4 @@ export const minimalStates = {
258
256
  }
259
257
  }, "minimalStates_success")
260
258
  };
261
-
262
259
  __vanilla_filescope__.endFileScope();