@autoguru/overdrive 4.11.2 → 4.11.3

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 (204) 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 +0 -28
  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.js +0 -3
  26. package/dist/components/BulletList/Bullet.js +0 -6
  27. package/dist/components/BulletList/BulletList.css.js +0 -3
  28. package/dist/components/BulletList/stories.js +0 -6
  29. package/dist/components/BulletText/BulletText.css.js +0 -3
  30. package/dist/components/BulletText/stories.js +0 -5
  31. package/dist/components/Button/Button.css.js +0 -3
  32. package/dist/components/Button/Button.js +0 -11
  33. package/dist/components/Button/stories.js +0 -6
  34. package/dist/components/CheckBox/CheckBox.css.js +0 -3
  35. package/dist/components/CheckBox/stories.js +3 -11
  36. package/dist/components/ColourInput/ColourInput.css.js +0 -3
  37. package/dist/components/ColourInput/ColourInput.js +9 -13
  38. package/dist/components/ColourInput/stories.js +0 -23
  39. package/dist/components/Columns/Column.css.js +0 -5
  40. package/dist/components/Columns/Column.js +10 -14
  41. package/dist/components/Columns/Columns.css.js +0 -3
  42. package/dist/components/Columns/Columns.js +11 -15
  43. package/dist/components/Columns/stories.js +0 -6
  44. package/dist/components/DateInput/DateInput.js +9 -13
  45. package/dist/components/DateInput/stories.js +0 -25
  46. package/dist/components/DatePicker/DatePicker.css.js +0 -3
  47. package/dist/components/DatePicker/DatePicker.js +8 -13
  48. package/dist/components/DatePicker/stories.js +0 -5
  49. package/dist/components/DividerLine/DividerLine.css.d.ts +0 -5
  50. package/dist/components/DividerLine/DividerLine.css.d.ts.map +1 -1
  51. package/dist/components/DividerLine/DividerLine.css.js +1 -31
  52. package/dist/components/DividerLine/DividerLine.d.ts +2 -1
  53. package/dist/components/DividerLine/DividerLine.d.ts.map +1 -1
  54. package/dist/components/DividerLine/DividerLine.js +2 -1
  55. package/dist/components/DividerLine/stories.js +0 -9
  56. package/dist/components/Flyout/Flyout.js +7 -11
  57. package/dist/components/Flyout/stories.js +0 -6
  58. package/dist/components/Heading/stories.js +0 -7
  59. package/dist/components/Icon/Icon.css.js +0 -3
  60. package/dist/components/Icon/stories.js +0 -11
  61. package/dist/components/Image/Image.js +3 -7
  62. package/dist/components/Image/ResponsiveImage.js +6 -10
  63. package/dist/components/Image/SimpleImage.js +7 -11
  64. package/dist/components/Image/stories.js +0 -13
  65. package/dist/components/Inline/Inline.js +0 -6
  66. package/dist/components/Inline/stories.js +0 -6
  67. package/dist/components/LinearProgressIndicator/LinearProgressIndicator.css.js +0 -3
  68. package/dist/components/LinearProgressIndicator/stories.js +0 -5
  69. package/dist/components/LoadingBox/LoadingBox.css.js +0 -3
  70. package/dist/components/LoadingBox/LoadingBox.js +8 -14
  71. package/dist/components/LoadingBox/stories.js +0 -5
  72. package/dist/components/Meta/Meta.css.js +0 -3
  73. package/dist/components/Meta/stories.js +0 -5
  74. package/dist/components/MinimalModal/MinimalModal.css.js +0 -3
  75. package/dist/components/MinimalModal/MinimalModal.js +0 -2
  76. package/dist/components/MinimalModal/stories.js +0 -11
  77. package/dist/components/Modal/Modal.css.d.ts.map +1 -1
  78. package/dist/components/Modal/Modal.css.js +0 -5
  79. package/dist/components/Modal/Modal.d.ts.map +1 -1
  80. package/dist/components/Modal/Modal.js +5 -18
  81. package/dist/components/Modal/stories.js +0 -5
  82. package/dist/components/NumberBubble/NumberBubble.css.js +0 -3
  83. package/dist/components/NumberBubble/NumberBubble.js +5 -9
  84. package/dist/components/NumberBubble/stories.js +0 -5
  85. package/dist/components/NumberInput/NumberInput.js +14 -20
  86. package/dist/components/NumberInput/stories.js +0 -25
  87. package/dist/components/OrderedList/OrderedList.css.js +0 -3
  88. package/dist/components/OrderedList/OrderedList.js +0 -4
  89. package/dist/components/OrderedList/stories.js +0 -5
  90. package/dist/components/OutsideClick/OutsideClick.js +0 -3
  91. package/dist/components/OutsideClick/stories.js +0 -6
  92. package/dist/components/OverdriveProvider/OverdriveProvider.js +0 -1
  93. package/dist/components/Pagination/Pagination.css.js +0 -3
  94. package/dist/components/Pagination/Pagination.js +0 -20
  95. package/dist/components/Pagination/stories.js +0 -25
  96. package/dist/components/Portal/Portal.js +0 -7
  97. package/dist/components/Portal/stories.js +0 -9
  98. package/dist/components/Positioner/Positioner.css.js +0 -3
  99. package/dist/components/Positioner/Positioner.js +7 -19
  100. package/dist/components/Positioner/alignment.js +0 -1
  101. package/dist/components/Positioner/stories.js +0 -10
  102. package/dist/components/ProgressBar/ProgressBar.css.js +0 -3
  103. package/dist/components/ProgressBar/stories.js +0 -6
  104. package/dist/components/ProgressBarGroup/ProgressBarGroup.css.js +0 -3
  105. package/dist/components/ProgressBarGroup/stories.js +0 -5
  106. package/dist/components/ProgressSpinner/ProgressSpinner.css.js +0 -3
  107. package/dist/components/ProgressSpinner/stories.js +0 -5
  108. package/dist/components/Radio/Radio.css.js +0 -3
  109. package/dist/components/Radio/Radio.js +0 -3
  110. package/dist/components/Radio/stories.js +8 -17
  111. package/dist/components/Section/Section.css.js +0 -3
  112. package/dist/components/Section/stories.js +0 -5
  113. package/dist/components/SelectInput/SelectInput.css.js +0 -3
  114. package/dist/components/SelectInput/SelectInput.js +10 -14
  115. package/dist/components/SelectInput/stories.js +0 -23
  116. package/dist/components/SimplePagination/SimplePagination.js +0 -4
  117. package/dist/components/SimplePagination/stories.js +0 -9
  118. package/dist/components/Stack/Divider.css.js +0 -3
  119. package/dist/components/Stack/Stack.css.js +0 -3
  120. package/dist/components/Stack/Stack.js +0 -2
  121. package/dist/components/Stack/stories.js +0 -11
  122. package/dist/components/StandardModal/StandardModal.css.js +0 -5
  123. package/dist/components/StandardModal/StandardModal.js +0 -4
  124. package/dist/components/StandardModal/stories.js +0 -5
  125. package/dist/components/StarRating/StarRating.css.js +0 -3
  126. package/dist/components/StarRating/StarRating.js +0 -12
  127. package/dist/components/StarRating/stories.js +0 -5
  128. package/dist/components/Stepper/Stepper.css.d.ts.map +1 -1
  129. package/dist/components/Stepper/Stepper.css.js +1 -5
  130. package/dist/components/Stepper/Stepper.d.ts.map +1 -1
  131. package/dist/components/Stepper/Stepper.js +4 -8
  132. package/dist/components/Stepper/stories.js +4 -12
  133. package/dist/components/Switch/Switch.css.js +0 -3
  134. package/dist/components/Switch/Switch.js +0 -1
  135. package/dist/components/Switch/stories.js +4 -16
  136. package/dist/components/Table/Table.css.js +0 -3
  137. package/dist/components/Table/TableCell.css.js +0 -3
  138. package/dist/components/Table/TableCell.js +0 -1
  139. package/dist/components/Table/TableHeadCell.css.js +0 -5
  140. package/dist/components/Table/TableHeadCell.js +0 -6
  141. package/dist/components/Table/stories.js +0 -7
  142. package/dist/components/Tabs/Tab.css.js +0 -3
  143. package/dist/components/Tabs/Tab.js +0 -3
  144. package/dist/components/Tabs/TabList.css.js +0 -3
  145. package/dist/components/Tabs/TabList.js +0 -7
  146. package/dist/components/Tabs/TabPane.css.js +0 -3
  147. package/dist/components/Tabs/TabPanes.css.js +0 -3
  148. package/dist/components/Tabs/stories.js +0 -7
  149. package/dist/components/Text/stories.js +0 -10
  150. package/dist/components/Text/useTextStyles.css.js +0 -5
  151. package/dist/components/TextAreaInput/TextAreaInput.js +9 -13
  152. package/dist/components/TextAreaInput/stories.js +0 -20
  153. package/dist/components/TextBubble/TextBubble.css.js +0 -3
  154. package/dist/components/TextBubble/TextBubble.js +5 -13
  155. package/dist/components/TextBubble/stories.js +0 -5
  156. package/dist/components/TextContainer/TextContainer.js +0 -2
  157. package/dist/components/TextContainer/stories.js +0 -5
  158. package/dist/components/TextInput/TextInput.js +9 -14
  159. package/dist/components/TextInput/stories.js +0 -35
  160. package/dist/components/TextLink/TextLink.css.js +0 -3
  161. package/dist/components/TextLink/TextLink.js +9 -18
  162. package/dist/components/TextLink/stories.js +0 -6
  163. package/dist/components/ThemeOverrideProvider/ThemeOverrideProvider.js +0 -3
  164. package/dist/components/ThemeOverrideProvider/useBuildThemeOverrides.js +7 -15
  165. package/dist/components/Toaster/Toast.css.js +0 -3
  166. package/dist/components/Toaster/Toast.js +0 -27
  167. package/dist/components/Tooltip/Tooltip.css.js +0 -5
  168. package/dist/components/Tooltip/Tooltip.js +0 -1
  169. package/dist/components/Tooltip/stories.js +0 -5
  170. package/dist/components/VisuallyHidden/VisuallyHidden.css.js +0 -3
  171. package/dist/components/VisuallyHidden/stories.js +0 -5
  172. package/dist/components/private/CheckableBase/CheckableBase.css.js +0 -3
  173. package/dist/components/private/CheckableBase/CheckableBase.js +0 -2
  174. package/dist/components/private/InputBase/HintText.css.js +0 -3
  175. package/dist/components/private/InputBase/InputState.css.js +0 -3
  176. package/dist/components/private/InputBase/NotchedBase.css.js +0 -6
  177. package/dist/components/private/InputBase/NotchedBase.js +0 -1
  178. package/dist/components/private/InputBase/withEnhancedInput.css.js +0 -3
  179. package/dist/components/private/InputBase/withEnhancedInput.js +28 -39
  180. package/dist/hooks/useAttachedBoxes/useAttachedBoxes.css.js +0 -3
  181. package/dist/hooks/useAttachedBoxes/useAttachedBoxes.js +4 -12
  182. package/dist/hooks/useMedia/stories.js +0 -1
  183. package/dist/hooks/useMedia/useMedia.js +0 -4
  184. package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.css.js +0 -3
  185. package/dist/hooks/useNegativeMargin/useNegativeMarginTop.css.js +0 -3
  186. package/dist/hooks/useResponsiveValue/stories.js +0 -1
  187. package/dist/reset/globalFonts.css.js +0 -3
  188. package/dist/reset/globalReset.css.js +0 -3
  189. package/dist/reset/reset.css.js +0 -5
  190. package/dist/themes/base/tokens.js +0 -3
  191. package/dist/themes/base/vars.css.js +0 -3
  192. package/dist/themes/flat_red/tokens.js +0 -3
  193. package/dist/themes/flat_red/vars.css.js +0 -3
  194. package/dist/themes/helpers.js +0 -2
  195. package/dist/themes/makeTheme.js +0 -3
  196. package/dist/themes/neutral/tokens.js +0 -3
  197. package/dist/themes/neutral/vars.css.js +0 -3
  198. package/dist/themes/theme.css.js +0 -5
  199. package/dist/utils/index.js +0 -13
  200. package/dist/utils/mapTokenToProperty.js +0 -3
  201. package/dist/utils/resolveResponsiveProps.js +0 -6
  202. package/dist/utils/responsiveProps.css.js +0 -5
  203. package/dist/utils/responsiveStyle.js +0 -6
  204. package/package.json +1 -1
@@ -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';
@@ -102,7 +99,6 @@ export default {
102
99
  }
103
100
  }
104
101
  };
105
-
106
102
  const Template = args => _jsxs(Stack, {
107
103
  space: "5",
108
104
  children: [_jsx(Box, {
@@ -128,7 +124,6 @@ const Template = args => _jsxs(Stack, {
128
124
  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
125
  })]
130
126
  });
131
-
132
127
  const standardProps = {
133
128
  value: null,
134
129
  suggestions: mockSuggestions,
@@ -151,93 +146,70 @@ const standardProps = {
151
146
  };
152
147
  export const standard = Template.bind(standardProps);
153
148
  standard.args = standardProps;
154
-
155
149
  const withValueProps = _objectSpread(_objectSpread({}, standardProps), {}, {
156
150
  value: mockSuggestions[3]
157
151
  });
158
-
159
152
  export const withValue = Template.bind(withValueProps);
160
153
  withValue.args = withValueProps;
161
-
162
154
  const withoutNotchProps = _objectSpread(_objectSpread({}, withValueProps), {}, {
163
155
  notch: false
164
156
  });
165
-
166
157
  export const withoutNotch = Template.bind(withoutNotchProps);
167
158
  withoutNotch.args = withoutNotchProps;
168
-
169
159
  const withNoItemsProps = _objectSpread(_objectSpread({}, standardProps), {}, {
170
160
  suggestions: []
171
161
  });
172
-
173
162
  export const withNoItems = Template.bind(withNoItemsProps);
174
163
  withNoItems.args = withNoItemsProps;
175
-
176
164
  const withIconProps = _objectSpread(_objectSpread({}, withValueProps), {}, {
177
165
  prefixIcon: CarIcon
178
166
  });
179
-
180
167
  export const withIcon = Template.bind(withIconProps);
181
168
  withIcon.args = withIconProps;
182
-
183
169
  const disabledProps = _objectSpread(_objectSpread({}, withIconProps), {}, {
184
170
  disabled: true
185
171
  });
186
-
187
172
  export const disabled = Template.bind(disabledProps);
188
173
  disabled.args = disabledProps;
189
-
190
174
  const withHintTextProps = _objectSpread(_objectSpread({}, withIconProps), {}, {
191
175
  hintText: 'Choose a sports car make'
192
176
  });
193
-
194
177
  export const withHintText = Template.bind(withHintTextProps);
195
178
  withHintText.args = withHintTextProps;
196
-
197
179
  const validProps = _objectSpread(_objectSpread({}, withHintTextProps), {}, {
198
180
  value: mockSuggestions[8],
199
181
  isTouched: true,
200
182
  isValid: true
201
183
  });
202
-
203
184
  export const valid = Template.bind(validProps);
204
185
  valid.args = validProps;
205
-
206
186
  const invalidProps = _objectSpread(_objectSpread({}, withHintTextProps), {}, {
207
187
  value: mockSuggestions[3],
208
188
  isTouched: true,
209
189
  isValid: false
210
190
  });
211
-
212
191
  export const invalid = Template.bind(invalidProps);
213
192
  invalid.args = invalidProps;
214
-
215
193
  const withIconSmallProps = _objectSpread(_objectSpread({}, withValueProps), {}, {
216
194
  prefixIcon: CarIcon,
217
195
  size: 'small'
218
196
  });
219
-
220
197
  const smallProps = _objectSpread(_objectSpread({}, standardProps), {}, {
221
198
  size: 'small'
222
199
  });
223
-
224
200
  export const small = Template.bind(smallProps);
225
201
  small.args = smallProps;
226
-
227
202
  const withValueSmallProps = _objectSpread(_objectSpread({}, standardProps), {}, {
228
203
  value: mockSuggestions[3],
229
204
  size: 'small'
230
205
  });
231
-
232
206
  export const withValueSmall = Template.bind(withValueSmallProps);
233
207
  withValueSmall.args = withValueSmallProps;
234
208
  export const withIconSmall = Template.bind(withIconSmallProps);
235
209
  withIconSmall.args = withIconSmallProps;
236
-
237
210
  const loadingSmallProps = _objectSpread(_objectSpread({}, withValueSmallProps), {}, {
238
211
  isLoading: true,
239
212
  size: 'small'
240
213
  });
241
-
242
214
  export const loadingSmall = Template.bind(loadingSmallProps);
243
215
  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,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();