@autoguru/overdrive 4.57.1 → 4.57.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 (57) hide show
  1. package/dist/components/Button/Button.css.d.ts.map +1 -1
  2. package/dist/components/Button/Button.css.js +3 -2
  3. package/dist/components/Calendar/Calendar.css.d.ts.map +1 -1
  4. package/dist/components/Calendar/Calendar.css.js +3 -2
  5. package/dist/components/Columns/Column.css.d.ts.map +1 -1
  6. package/dist/components/Columns/Column.css.js +3 -1
  7. package/dist/components/DateInput/DateInput.css.d.ts.map +1 -1
  8. package/dist/components/DateInput/DateInput.css.js +3 -2
  9. package/dist/components/DatePicker/DatePicker.css.d.ts.map +1 -1
  10. package/dist/components/DatePicker/DatePicker.css.js +3 -2
  11. package/dist/components/DateTimeField/DateTimeField.css.d.ts.map +1 -1
  12. package/dist/components/DateTimeField/DateTimeField.css.js +3 -2
  13. package/dist/components/EditableText/EditableText.css.d.ts.map +1 -1
  14. package/dist/components/EditableText/EditableText.css.js +3 -2
  15. package/dist/components/MarkdownRenderer/MarkdownRenderer.css.d.ts.map +1 -1
  16. package/dist/components/MarkdownRenderer/MarkdownRenderer.css.js +3 -2
  17. package/dist/components/MarkdownRenderer/components/MarkdownBlockquote.css.d.ts.map +1 -1
  18. package/dist/components/MarkdownRenderer/components/MarkdownBlockquote.css.js +3 -1
  19. package/dist/components/MarkdownRenderer/components/MarkdownCodeBlock.css.d.ts.map +1 -1
  20. package/dist/components/MarkdownRenderer/components/MarkdownCodeBlock.css.js +3 -2
  21. package/dist/components/MarkdownRenderer/components/MarkdownEmphasis.css.d.ts.map +1 -1
  22. package/dist/components/MarkdownRenderer/components/MarkdownEmphasis.css.js +3 -2
  23. package/dist/components/MarkdownRenderer/components/MarkdownImage.css.d.ts.map +1 -1
  24. package/dist/components/MarkdownRenderer/components/MarkdownImage.css.js +3 -2
  25. package/dist/components/MarkdownRenderer/components/MarkdownInlineCode.css.d.ts.map +1 -1
  26. package/dist/components/MarkdownRenderer/components/MarkdownInlineCode.css.js +3 -1
  27. package/dist/components/MarkdownRenderer/components/MarkdownStrikethrough.css.d.ts.map +1 -1
  28. package/dist/components/MarkdownRenderer/components/MarkdownStrikethrough.css.js +3 -2
  29. package/dist/components/MarkdownRenderer/components/MarkdownTable.css.d.ts.map +1 -1
  30. package/dist/components/MarkdownRenderer/components/MarkdownTable.css.js +3 -2
  31. package/dist/components/NumberBubble/NumberBubble.css.d.ts.map +1 -1
  32. package/dist/components/NumberBubble/NumberBubble.css.js +3 -2
  33. package/dist/components/OptionGrid/OptionGrid.css.d.ts.map +1 -1
  34. package/dist/components/OptionGrid/OptionGrid.css.js +7 -3
  35. package/dist/components/OptionList/OptionList.css.d.ts.map +1 -1
  36. package/dist/components/OptionList/OptionList.css.js +6 -3
  37. package/dist/components/OverdriveProvider/OverdriveProvider.d.ts.map +1 -1
  38. package/dist/components/OverdriveProvider/OverdriveProvider.js +1 -1
  39. package/dist/components/Popover/Popover.css.d.ts.map +1 -1
  40. package/dist/components/Popover/Popover.css.js +3 -2
  41. package/dist/components/SearchBar/SearchBar.css.d.ts.map +1 -1
  42. package/dist/components/SearchBar/SearchBar.css.js +3 -2
  43. package/dist/components/Slider/Slider.css.d.ts.map +1 -1
  44. package/dist/components/Slider/Slider.css.js +3 -2
  45. package/dist/components/Stack/Stack.css.d.ts.map +1 -1
  46. package/dist/components/Stack/Stack.css.js +3 -2
  47. package/dist/components/Switch/Switch.css.d.ts.map +1 -1
  48. package/dist/components/Switch/Switch.css.js +3 -2
  49. package/dist/components/ToggleButtons/ToggleButtons.css.d.ts.map +1 -1
  50. package/dist/components/ToggleButtons/ToggleButtons.css.js +3 -2
  51. package/dist/styles/index.d.ts +1 -1
  52. package/dist/styles/index.d.ts.map +1 -1
  53. package/dist/styles/index.js +1 -1
  54. package/dist/styles/layers.css.d.ts +10 -0
  55. package/dist/styles/layers.css.d.ts.map +1 -1
  56. package/dist/styles/layers.css.js +12 -1
  57. package/package.json +13 -13
@@ -1 +1 @@
1
- {"version":3,"file":"Button.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Button/Button.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAU5D,eAAO,MAAM,aAAa,QAAkC,CAAC;AAC7D,eAAO,MAAM,cAAc,QAKzB,CAAC;AACH,eAAO,MAAM,OAAO,QAA4B,CAAC;AAGjD,eAAO,MAAM,MAAM;;;;gBA+Cd,CAAC,iBAAiB,CAAC;;;;kBAIlB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;;kBAGlB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;;;kBAIlB;;;;;;;;;gBAUD,CAAC,iBAAiB,CAAC;;kBAElB;;;;;;;gBAQD,CAAC,iBAAiB,CAAC;;;;;;;kBASlB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;;;;;kBAOlB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;;;;;;;;;kBAalB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;;;;;kBAQlB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;;;;;kBAQlB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;;;;;kBAQlB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;;;;;kBAQlB;;;;;;;gBAQD,CAAC,iBAAiB,CAAC;;;;kBAIlB;;;;;;;;;;;;;;EAsMJ,CAAC;AAEH,KAAK,iBAAiB,GAAG,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC;AAE9E,MAAM,MAAM,UAAU,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;AACrD,MAAM,MAAM,YAAY,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;AACvD,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,aAAa,CAAC,CAAC;AACjE,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAC;AAC7D,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC;AACzD,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC;AAEzD,MAAM,WAAW,iBAAiB;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,SAAS,CAAC,EAAE,iBAAiB,CAAC;CAC9B"}
1
+ {"version":3,"file":"Button.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Button/Button.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAe,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAYzE,eAAO,MAAM,aAAa,QAAkC,CAAC;AAC7D,eAAO,MAAM,cAAc,QAKzB,CAAC;AACH,eAAO,MAAM,OAAO,QAA4B,CAAC;AAGjD,eAAO,MAAM,MAAM;;;;gBA+Cd,CAAC,iBAAiB,CAAC;;;;kBAIlB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;;kBAGlB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;;;kBAIlB;;;;;;;;;gBAUD,CAAC,iBAAiB,CAAC;;kBAElB;;;;;;;gBAQD,CAAC,iBAAiB,CAAC;;;;;;;kBASlB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;;;;;kBAOlB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;;;;;;;;;kBAalB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;;;;;kBAQlB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;;;;;kBAQlB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;;;;;kBAQlB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;;;;;kBAQlB;;;;;;;gBAQD,CAAC,iBAAiB,CAAC;;;;kBAIlB;;;;;;;;;;;;;;EAsMJ,CAAC;AAEH,KAAK,iBAAiB,GAAG,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC;AAE9E,MAAM,MAAM,UAAU,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;AACrD,MAAM,MAAM,YAAY,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;AACvD,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,aAAa,CAAC,CAAC;AACjE,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAC;AAC7D,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC;AACzD,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC;AAEzD,MAAM,WAAW,iBAAiB;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,SAAS,CAAC,EAAE,iBAAiB,CAAC;CAC9B"}
@@ -1,11 +1,12 @@
1
1
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
2
2
  __vanilla_filescope__.setFileScope("lib/components/Button/Button.css.ts", "@autoguru/overdrive");
3
- import { style } from '@vanilla-extract/css';
3
+ import { globalLayer, style } from '@vanilla-extract/css';
4
4
  import { recipe } from '@vanilla-extract/recipes';
5
5
  import { focusOutlineStyle } from "../../styles/focusOutline.css.js";
6
- import { cssLayerComponent } from "../../styles/layers.css.js";
6
+ import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
7
7
  import { sprinkles } from "../../styles/sprinkles.css.js";
8
8
  import { overdriveTokens as vars } from "../../themes/theme.css.js";
9
+ globalLayer(LAYER_ORDER);
9
10
  const intentColors = vars.colours.intent;
10
11
  const smallHeight = '36px';
11
12
  const selectorFocusHoverActive = '&:focus-visible, &:not(:disabled):hover, &:not(:disabled):active';
@@ -1 +1 @@
1
- {"version":3,"file":"Calendar.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Calendar/Calendar.css.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,iBAAiB,QAM5B,CAAC;AAEH,eAAO,MAAM,aAAa,QAQxB,CAAC;AAIH,eAAO,MAAM,SAAS,QAoCpB,CAAC;AAIH,eAAO,MAAM,WAAW,QAoCtB,CAAC;AAEH,eAAO,MAAM,OAAO,QAMlB,CAAC;AAEH,eAAO,MAAM,OAAO,QAElB,CAAC;AAGH,eAAO,MAAM,UAAU,QAGrB,CAAC"}
1
+ {"version":3,"file":"Calendar.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Calendar/Calendar.css.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,iBAAiB,QAM5B,CAAC;AAEH,eAAO,MAAM,aAAa,QAQxB,CAAC;AAIH,eAAO,MAAM,SAAS,QAoCpB,CAAC;AAIH,eAAO,MAAM,WAAW,QAoCtB,CAAC;AAEH,eAAO,MAAM,OAAO,QAMlB,CAAC;AAEH,eAAO,MAAM,OAAO,QAElB,CAAC;AAGH,eAAO,MAAM,UAAU,QAGrB,CAAC"}
@@ -1,11 +1,12 @@
1
1
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
2
2
  __vanilla_filescope__.setFileScope("lib/components/Calendar/Calendar.css.ts", "@autoguru/overdrive");
3
- import { style } from '@vanilla-extract/css';
3
+ import { globalLayer, style } from '@vanilla-extract/css';
4
4
  import { focusOutlineStyle } from "../../styles/focusOutline.css.js";
5
- import { cssLayerComponent } from "../../styles/layers.css.js";
5
+ import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
6
6
  import { selectors } from "../../styles/selectors.js";
7
7
  import { sprinkles } from "../../styles/sprinkles.css.js";
8
8
  import { overdriveTokens as tokens } from "../../themes/theme.css.js";
9
+ globalLayer(LAYER_ORDER);
9
10
  export const calendarGridStyle = style({
10
11
  '@layer': {
11
12
  [cssLayerComponent]: {
@@ -1 +1 @@
1
- {"version":3,"file":"Column.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Columns/Column.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AA8BvE,eAAO,MAAM,8BAA8B;;;;;;;;;CAE1C,CAAC;AACF,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAC5C,OAAO,8BAA8B,CACrC,CAAC,CAAC,CAAC,CAAC;AAEL,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;EAuBtB,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,WAAW,CAC7C,cAAc,CAAC,OAAO,WAAW,CAAC,CAClC,CAAC"}
1
+ {"version":3,"file":"Column.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Columns/Column.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAgCvE,eAAO,MAAM,8BAA8B;;;;;;;;;CAE1C,CAAC;AACF,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAC5C,OAAO,8BAA8B,CACrC,CAAC,CAAC,CAAC,CAAC;AAEL,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;EAuBtB,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,WAAW,CAC7C,cAAc,CAAC,OAAO,WAAW,CAAC,CAClC,CAAC"}
@@ -1,9 +1,11 @@
1
1
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
2
2
  __vanilla_filescope__.setFileScope("lib/components/Columns/Column.css.ts", "@autoguru/overdrive");
3
+ import { globalLayer } from '@vanilla-extract/css';
3
4
  import { recipe } from '@vanilla-extract/recipes';
4
5
  import { createSprinkles, defineProperties } from '@vanilla-extract/sprinkles';
5
- import { cssLayerComponent } from "../../styles/layers.css.js";
6
+ import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
6
7
  import { responsiveConditions, sprinkles } from "../../styles/sprinkles.css.js";
8
+ globalLayer(LAYER_ORDER);
7
9
  const getSizeStyle = scale => `${scale * 100}%`;
8
10
  const columnWidthResponsive = defineProperties({
9
11
  '@layer': cssLayerComponent,
@@ -1 +1 @@
1
- {"version":3,"file":"DateInput.css.d.ts","sourceRoot":"","sources":["../../../lib/components/DateInput/DateInput.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY,QAevB,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAI9B,CAAC"}
1
+ {"version":3,"file":"DateInput.css.d.ts","sourceRoot":"","sources":["../../../lib/components/DateInput/DateInput.css.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,YAAY,QAevB,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAI9B,CAAC"}
@@ -1,9 +1,10 @@
1
1
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
2
2
  __vanilla_filescope__.setFileScope("lib/components/DateInput/DateInput.css.ts", "@autoguru/overdrive");
3
- import { style } from '@vanilla-extract/css';
4
- import { cssLayerComponent } from "../../styles/layers.css.js";
3
+ import { globalLayer, style } from '@vanilla-extract/css';
4
+ import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
5
5
  import { selectors } from "../../styles/selectors.js";
6
6
  import { sprinkles } from "../../styles/sprinkles.css.js";
7
+ globalLayer(LAYER_ORDER);
7
8
  export const segmentStyle = style({
8
9
  '@layer': {
9
10
  [cssLayerComponent]: {
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.css.d.ts","sourceRoot":"","sources":["../../../lib/components/DatePicker/DatePicker.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc,QAOzB,CAAC;AAEH,eAAO,MAAM,KAAK,QAsBhB,CAAC;AAEH,eAAO,MAAM,YAAY,QAQvB,CAAC;AAEH,eAAO,MAAM,QAAQ,yCAmBnB,CAAC;AAEH,eAAO,MAAM,QAAQ,qCAenB,CAAC"}
1
+ {"version":3,"file":"DatePicker.css.d.ts","sourceRoot":"","sources":["../../../lib/components/DatePicker/DatePicker.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,cAAc,QAOzB,CAAC;AAEH,eAAO,MAAM,KAAK,QAsBhB,CAAC;AAEH,eAAO,MAAM,YAAY,QAQvB,CAAC;AAEH,eAAO,MAAM,QAAQ,yCAmBnB,CAAC;AAEH,eAAO,MAAM,QAAQ,qCAenB,CAAC"}
@@ -1,8 +1,9 @@
1
1
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
2
2
  __vanilla_filescope__.setFileScope("lib/components/DatePicker/DatePicker.css.ts", "@autoguru/overdrive");
3
- import { style, styleVariants } from '@vanilla-extract/css';
4
- import { cssLayerComponent } from "../../styles/layers.css.js";
3
+ import { globalLayer, style, styleVariants } from '@vanilla-extract/css';
4
+ import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
5
5
  import { overdriveTokens as vars } from "../../themes/theme.css.js";
6
+ globalLayer(LAYER_ORDER);
6
7
  export const inputContainer = style({
7
8
  '@layer': {
8
9
  [cssLayerComponent]: {
@@ -1 +1 @@
1
- {"version":3,"file":"DateTimeField.css.d.ts","sourceRoot":"","sources":["../../../lib/components/DateTimeField/DateTimeField.css.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAgD5D,eAAO,MAAM,cAAc,QAazB,CAAC;AAEH,eAAO,MAAM,cAAc,QAczB,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;gBAmBrB,CAAC,iBAAiB,CAAC;;kBAElB;;;;EAKJ,CAAC;AAEH,eAAO,MAAM,eAAe,QAc1B,CAAC;AACH,eAAO,MAAM,UAAU,QAAqD,CAAC;AAC7E,eAAO,MAAM,UAAU,QAgBrB,CAAC"}
1
+ {"version":3,"file":"DateTimeField.css.d.ts","sourceRoot":"","sources":["../../../lib/components/DateTimeField/DateTimeField.css.ts"],"names":[],"mappings":"AAIA,OAAO,EAAe,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAkDzE,eAAO,MAAM,cAAc,QAazB,CAAC;AAEH,eAAO,MAAM,cAAc,QAczB,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;gBAmBrB,CAAC,iBAAiB,CAAC;;kBAElB;;;;EAKJ,CAAC;AAEH,eAAO,MAAM,eAAe,QAc1B,CAAC;AACH,eAAO,MAAM,UAAU,QAAqD,CAAC;AAC7E,eAAO,MAAM,UAAU,QAgBrB,CAAC"}
@@ -1,13 +1,14 @@
1
1
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
2
2
  __vanilla_filescope__.setFileScope("lib/components/DateTimeField/DateTimeField.css.ts", "@autoguru/overdrive");
3
- import { style } from '@vanilla-extract/css';
3
+ import { globalLayer, style } from '@vanilla-extract/css';
4
4
  import { recipe } from '@vanilla-extract/recipes';
5
5
  import { focusOutline, focusOutlineStyle } from "../../styles/focusOutline.css.js";
6
- import { cssLayerComponent } from "../../styles/layers.css.js";
6
+ import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
7
7
  import { selectors } from "../../styles/selectors.js";
8
8
  import { sprinkles } from "../../styles/sprinkles.css.js";
9
9
  import { textStyles } from "../../styles/typography.js";
10
10
  import { overdriveTokens } from "../../themes/index.js";
11
+ globalLayer(LAYER_ORDER);
11
12
  const baseFieldStyle = style([sprinkles({
12
13
  backgroundColor: 'page',
13
14
  borderColor: 'default',
@@ -1 +1 @@
1
- {"version":3,"file":"EditableText.css.d.ts","sourceRoot":"","sources":["../../../lib/components/EditableText/EditableText.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,QAUf,CAAC;AAEH,eAAO,MAAM,KAAK,QAkBhB,CAAC;AAEH,eAAO,MAAM,IAAI,QAMf,CAAC;AAEH,eAAO,MAAM,UAAU,QAOrB,CAAC"}
1
+ {"version":3,"file":"EditableText.css.d.ts","sourceRoot":"","sources":["../../../lib/components/EditableText/EditableText.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,IAAI,QAUf,CAAC;AAEH,eAAO,MAAM,KAAK,QAkBhB,CAAC;AAEH,eAAO,MAAM,IAAI,QAMf,CAAC;AAEH,eAAO,MAAM,UAAU,QAOrB,CAAC"}
@@ -1,8 +1,9 @@
1
1
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
2
2
  __vanilla_filescope__.setFileScope("lib/components/EditableText/EditableText.css.ts", "@autoguru/overdrive");
3
- import { style } from '@vanilla-extract/css';
4
- import { cssLayerComponent } from "../../styles/layers.css.js";
3
+ import { globalLayer, style } from '@vanilla-extract/css';
4
+ import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
5
5
  import { overdriveTokens as vars } from "../../themes/theme.css.js";
6
+ globalLayer(LAYER_ORDER);
6
7
  export const root = style({
7
8
  '@layer': {
8
9
  [cssLayerComponent]: {
@@ -1 +1 @@
1
- {"version":3,"file":"MarkdownRenderer.css.d.ts","sourceRoot":"","sources":["../../../lib/components/MarkdownRenderer/MarkdownRenderer.css.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAG5D,eAAO,MAAM,QAAQ,QAOnB,CAAC;AAEH,eAAO,MAAM,WAAW;;;;gBAKnB,CAAC,iBAAiB,CAAC;;;kBAGlB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;;kBAGlB;;;;EAQJ,CAAC"}
1
+ {"version":3,"file":"MarkdownRenderer.css.d.ts","sourceRoot":"","sources":["../../../lib/components/MarkdownRenderer/MarkdownRenderer.css.ts"],"names":[],"mappings":"AAGA,OAAO,EAAe,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAKzE,eAAO,MAAM,QAAQ,QAOnB,CAAC;AAEH,eAAO,MAAM,WAAW;;;;gBAKnB,CAAC,iBAAiB,CAAC;;;kBAGlB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;;kBAGlB;;;;EAQJ,CAAC"}
@@ -1,9 +1,10 @@
1
1
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
2
2
  __vanilla_filescope__.setFileScope("lib/components/MarkdownRenderer/MarkdownRenderer.css.ts", "@autoguru/overdrive");
3
- import { globalStyle, style } from '@vanilla-extract/css';
3
+ import { globalLayer, globalStyle, style } from '@vanilla-extract/css';
4
4
  import { recipe } from '@vanilla-extract/recipes';
5
- import { cssLayerComponent } from "../../styles/layers.css.js";
5
+ import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
6
6
  import { overdriveTokens as tokens } from "../../themes/theme.css.js";
7
+ globalLayer(LAYER_ORDER);
7
8
  export const rootBase = style({
8
9
  '@layer': {
9
10
  [cssLayerComponent]: {
@@ -1 +1 @@
1
- {"version":3,"file":"MarkdownBlockquote.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/MarkdownRenderer/components/MarkdownBlockquote.css.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAG/D,eAAO,MAAM,UAAU;;;;gBAgBlB,CAAC,iBAAiB,CAAC;;;;kBAIlB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;;;kBAIlB;;;;EAQJ,CAAC"}
1
+ {"version":3,"file":"MarkdownBlockquote.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/MarkdownRenderer/components/MarkdownBlockquote.css.ts"],"names":[],"mappings":"AAGA,OAAO,EAAe,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAK5E,eAAO,MAAM,UAAU;;;;gBAgBlB,CAAC,iBAAiB,CAAC;;;;kBAIlB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;;;kBAIlB;;;;EAQJ,CAAC"}
@@ -1,8 +1,10 @@
1
1
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
2
2
  __vanilla_filescope__.setFileScope("lib/components/MarkdownRenderer/components/MarkdownBlockquote.css.ts", "@autoguru/overdrive");
3
+ import { globalLayer } from '@vanilla-extract/css';
3
4
  import { recipe } from '@vanilla-extract/recipes';
4
- import { cssLayerComponent } from "../../../styles/layers.css.js";
5
+ import { LAYER_ORDER, cssLayerComponent } from "../../../styles/layers.css.js";
5
6
  import { overdriveTokens as tokens } from "../../../themes/theme.css.js";
7
+ globalLayer(LAYER_ORDER);
6
8
  export const blockquote = recipe({
7
9
  base: {
8
10
  '@layer': {
@@ -1 +1 @@
1
- {"version":3,"file":"MarkdownCodeBlock.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/MarkdownRenderer/components/MarkdownCodeBlock.css.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAG/D,eAAO,MAAM,SAAS;;;;gBAgBjB,CAAC,iBAAiB,CAAC;;;;;;kBAMlB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;;;;;kBAMlB;;;;EAQJ,CAAC;AAEH,eAAO,MAAM,cAAc,QASzB,CAAC"}
1
+ {"version":3,"file":"MarkdownCodeBlock.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/MarkdownRenderer/components/MarkdownCodeBlock.css.ts"],"names":[],"mappings":"AAGA,OAAO,EAAe,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAK5E,eAAO,MAAM,SAAS;;;;gBAgBjB,CAAC,iBAAiB,CAAC;;;;;;kBAMlB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;;;;;kBAMlB;;;;EAQJ,CAAC;AAEH,eAAO,MAAM,cAAc,QASzB,CAAC"}
@@ -1,9 +1,10 @@
1
1
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
2
2
  __vanilla_filescope__.setFileScope("lib/components/MarkdownRenderer/components/MarkdownCodeBlock.css.ts", "@autoguru/overdrive");
3
- import { style } from '@vanilla-extract/css';
3
+ import { globalLayer, style } from '@vanilla-extract/css';
4
4
  import { recipe } from '@vanilla-extract/recipes';
5
- import { cssLayerComponent } from "../../../styles/layers.css.js";
5
+ import { LAYER_ORDER, cssLayerComponent } from "../../../styles/layers.css.js";
6
6
  import { overdriveTokens as tokens } from "../../../themes/theme.css.js";
7
+ globalLayer(LAYER_ORDER);
7
8
  export const codeBlock = recipe({
8
9
  base: {
9
10
  '@layer': {
@@ -1 +1 @@
1
- {"version":3,"file":"MarkdownEmphasis.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/MarkdownRenderer/components/MarkdownEmphasis.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,QAMnB,CAAC"}
1
+ {"version":3,"file":"MarkdownEmphasis.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/MarkdownRenderer/components/MarkdownEmphasis.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,QAAQ,QAMnB,CAAC"}
@@ -1,7 +1,8 @@
1
1
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
2
2
  __vanilla_filescope__.setFileScope("lib/components/MarkdownRenderer/components/MarkdownEmphasis.css.ts", "@autoguru/overdrive");
3
- import { style } from '@vanilla-extract/css';
4
- import { cssLayerComponent } from "../../../styles/layers.css.js";
3
+ import { globalLayer, style } from '@vanilla-extract/css';
4
+ import { LAYER_ORDER, cssLayerComponent } from "../../../styles/layers.css.js";
5
+ globalLayer(LAYER_ORDER);
5
6
  export const emphasis = style({
6
7
  '@layer': {
7
8
  [cssLayerComponent]: {
@@ -1 +1 @@
1
- {"version":3,"file":"MarkdownImage.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/MarkdownRenderer/components/MarkdownImage.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,KAAK,QAQhB,CAAC"}
1
+ {"version":3,"file":"MarkdownImage.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/MarkdownRenderer/components/MarkdownImage.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,KAAK,QAQhB,CAAC"}
@@ -1,8 +1,9 @@
1
1
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
2
2
  __vanilla_filescope__.setFileScope("lib/components/MarkdownRenderer/components/MarkdownImage.css.ts", "@autoguru/overdrive");
3
- import { style } from '@vanilla-extract/css';
4
- import { cssLayerComponent } from "../../../styles/layers.css.js";
3
+ import { globalLayer, style } from '@vanilla-extract/css';
4
+ import { LAYER_ORDER, cssLayerComponent } from "../../../styles/layers.css.js";
5
5
  import { overdriveTokens as tokens } from "../../../themes/theme.css.js";
6
+ globalLayer(LAYER_ORDER);
6
7
  export const image = style({
7
8
  '@layer': {
8
9
  [cssLayerComponent]: {
@@ -1 +1 @@
1
- {"version":3,"file":"MarkdownInlineCode.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/MarkdownRenderer/components/MarkdownInlineCode.css.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAG/D,eAAO,MAAM,UAAU;;;;gBAelB,CAAC,iBAAiB,CAAC;;kBAElB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;kBAElB;;;;EAQJ,CAAC"}
1
+ {"version":3,"file":"MarkdownInlineCode.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/MarkdownRenderer/components/MarkdownInlineCode.css.ts"],"names":[],"mappings":"AAGA,OAAO,EAAe,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAK5E,eAAO,MAAM,UAAU;;;;gBAelB,CAAC,iBAAiB,CAAC;;kBAElB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;kBAElB;;;;EAQJ,CAAC"}
@@ -1,8 +1,10 @@
1
1
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
2
2
  __vanilla_filescope__.setFileScope("lib/components/MarkdownRenderer/components/MarkdownInlineCode.css.ts", "@autoguru/overdrive");
3
+ import { globalLayer } from '@vanilla-extract/css';
3
4
  import { recipe } from '@vanilla-extract/recipes';
4
- import { cssLayerComponent } from "../../../styles/layers.css.js";
5
+ import { LAYER_ORDER, cssLayerComponent } from "../../../styles/layers.css.js";
5
6
  import { overdriveTokens as tokens } from "../../../themes/theme.css.js";
7
+ globalLayer(LAYER_ORDER);
6
8
  export const inlineCode = recipe({
7
9
  base: {
8
10
  '@layer': {
@@ -1 +1 @@
1
- {"version":3,"file":"MarkdownStrikethrough.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/MarkdownRenderer/components/MarkdownStrikethrough.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,QAMxB,CAAC"}
1
+ {"version":3,"file":"MarkdownStrikethrough.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/MarkdownRenderer/components/MarkdownStrikethrough.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,aAAa,QAMxB,CAAC"}
@@ -1,7 +1,8 @@
1
1
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
2
2
  __vanilla_filescope__.setFileScope("lib/components/MarkdownRenderer/components/MarkdownStrikethrough.css.ts", "@autoguru/overdrive");
3
- import { style } from '@vanilla-extract/css';
4
- import { cssLayerComponent } from "../../../styles/layers.css.js";
3
+ import { globalLayer, style } from '@vanilla-extract/css';
4
+ import { LAYER_ORDER, cssLayerComponent } from "../../../styles/layers.css.js";
5
+ globalLayer(LAYER_ORDER);
5
6
  export const strikethrough = style({
6
7
  '@layer': {
7
8
  [cssLayerComponent]: {
@@ -1 +1 @@
1
- {"version":3,"file":"MarkdownTable.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/MarkdownRenderer/components/MarkdownTable.css.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAG/D,eAAO,MAAM,YAAY;;;;gBAYpB,CAAC,iBAAiB,CAAC;;;kBAGlB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;;kBAGlB;;;;EAQJ,CAAC;AAEH,eAAO,MAAM,KAAK,QAOhB,CAAC;AAEH,eAAO,MAAM,EAAE;;;;gBAeV,CAAC,iBAAiB,CAAC;;kBAElB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;kBAElB;;;;EAQJ,CAAC;AAEH,eAAO,MAAM,EAAE;;;;gBAaV,CAAC,iBAAiB,CAAC;;kBAElB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;kBAElB;;;;EAQJ,CAAC"}
1
+ {"version":3,"file":"MarkdownTable.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/MarkdownRenderer/components/MarkdownTable.css.ts"],"names":[],"mappings":"AAGA,OAAO,EAAe,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAK5E,eAAO,MAAM,YAAY;;;;gBAYpB,CAAC,iBAAiB,CAAC;;;kBAGlB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;;kBAGlB;;;;EAQJ,CAAC;AAEH,eAAO,MAAM,KAAK,QAOhB,CAAC;AAEH,eAAO,MAAM,EAAE;;;;gBAeV,CAAC,iBAAiB,CAAC;;kBAElB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;kBAElB;;;;EAQJ,CAAC;AAEH,eAAO,MAAM,EAAE;;;;gBAaV,CAAC,iBAAiB,CAAC;;kBAElB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;kBAElB;;;;EAQJ,CAAC"}
@@ -1,9 +1,10 @@
1
1
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
2
2
  __vanilla_filescope__.setFileScope("lib/components/MarkdownRenderer/components/MarkdownTable.css.ts", "@autoguru/overdrive");
3
- import { style } from '@vanilla-extract/css';
3
+ import { globalLayer, style } from '@vanilla-extract/css';
4
4
  import { recipe } from '@vanilla-extract/recipes';
5
- import { cssLayerComponent } from "../../../styles/layers.css.js";
5
+ import { LAYER_ORDER, cssLayerComponent } from "../../../styles/layers.css.js";
6
6
  import { overdriveTokens as tokens } from "../../../themes/theme.css.js";
7
+ globalLayer(LAYER_ORDER);
7
8
  export const tableWrapper = recipe({
8
9
  base: {
9
10
  '@layer': {
@@ -1 +1 @@
1
- {"version":3,"file":"NumberBubble.css.d.ts","sourceRoot":"","sources":["../../../lib/components/NumberBubble/NumberBubble.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,QAMtB,CAAC"}
1
+ {"version":3,"file":"NumberBubble.css.d.ts","sourceRoot":"","sources":["../../../lib/components/NumberBubble/NumberBubble.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW,QAMtB,CAAC"}
@@ -1,7 +1,8 @@
1
1
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
2
2
  __vanilla_filescope__.setFileScope("lib/components/NumberBubble/NumberBubble.css.ts", "@autoguru/overdrive");
3
- import { style } from '@vanilla-extract/css';
4
- import { cssLayerComponent } from "../../styles/layers.css.js";
3
+ import { globalLayer, style } from '@vanilla-extract/css';
4
+ import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
5
+ globalLayer(LAYER_ORDER);
5
6
  export const numberStyle = style({
6
7
  '@layer': {
7
8
  [cssLayerComponent]: {
@@ -1 +1 @@
1
- {"version":3,"file":"OptionGrid.css.d.ts","sourceRoot":"","sources":["../../../lib/components/OptionGrid/OptionGrid.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAGvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAQ5D,eAAO,MAAM,aAAa,QAAoB,CAAC;AAC/C,eAAO,MAAM,kBAAkB,QAO7B,CAAC;AA4BH,eAAO,MAAM,YAAY;;;;;gBAWpB,CAAC,iBAAiB,CAAC;;;;;;;;kBASlB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;;;;;;;kBAUlB;;;;;;gBAQA,CAAC,iBAAiB,CAAC;;;;;;kBAMlB;;;;EASL,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC;AAY5E,eAAO,MAAM,sBAAsB,QAsBjC,CAAC;AAEH,eAAO,MAAM,aAAa,QA8CxB,CAAC;AAIH,eAAO,MAAM,cAAc,QAOzB,CAAC;AAEH,eAAO,MAAM,aAAa,QAkCxB,CAAC;AA4BH,eAAO,MAAM,gBAAgB,QAkC3B,CAAC;AAIH,eAAO,MAAM,UAAU,QAA+B,CAAC;AACvD,eAAO,MAAM,gBAAgB,QAA+B,CAAC"}
1
+ {"version":3,"file":"OptionGrid.css.d.ts","sourceRoot":"","sources":["../../../lib/components/OptionGrid/OptionGrid.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAGvE,OAAO,EAAe,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAUzE,eAAO,MAAM,aAAa,QAAoB,CAAC;AAC/C,eAAO,MAAM,kBAAkB,QAO7B,CAAC;AA4BH,eAAO,MAAM,YAAY;;;;;gBAWpB,CAAC,iBAAiB,CAAC;;;;;;;;kBASlB;;;;;gBAKD,CAAC,iBAAiB,CAAC;;;;;;;;kBAUlB;;;;;;gBAQA,CAAC,iBAAiB,CAAC;;;;;;kBAMlB;;;;EASL,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC;AAY5E,eAAO,MAAM,sBAAsB,QAsBjC,CAAC;AAEH,eAAO,MAAM,aAAa,QA8CxB,CAAC;AAIH,eAAO,MAAM,cAAc,QAOzB,CAAC;AAEH,eAAO,MAAM,aAAa,QAkCxB,CAAC;AA4BH,eAAO,MAAM,gBAAgB,QAkC3B,CAAC;AAIH,eAAO,MAAM,UAAU,QAA+B,CAAC;AACvD,eAAO,MAAM,gBAAgB,QAA+B,CAAC"}
@@ -1,13 +1,17 @@
1
1
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
2
2
  __vanilla_filescope__.setFileScope("lib/components/OptionGrid/OptionGrid.css.ts", "@autoguru/overdrive");
3
- import { createContainer, style } from '@vanilla-extract/css';
3
+ import { createContainer, globalLayer, style } from '@vanilla-extract/css';
4
4
  import { recipe } from '@vanilla-extract/recipes';
5
5
  import { focusOutlineStyle } from "../../styles/focusOutline.css.js";
6
- import { cssLayerComponent } from "../../styles/layers.css.js";
6
+ import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
7
7
  import { selectors } from "../../styles/selectors.js";
8
8
  import { sprinkles } from "../../styles/sprinkles.css.js";
9
9
  import { breakpoints } from "../../themes/makeTheme.js";
10
- import { overdriveTokens as tokens } from "../../themes/theme.css.js"; // === Container styles
10
+ import { overdriveTokens as tokens } from "../../themes/theme.css.js";
11
+ globalLayer(LAYER_ORDER);
12
+
13
+ // === Container styles
14
+
11
15
  export const gridContainer = createContainer("gridContainer");
12
16
  export const gridContainerStyle = style({
13
17
  '@layer': {
@@ -1 +1 @@
1
- {"version":3,"file":"OptionList.css.d.ts","sourceRoot":"","sources":["../../../lib/components/OptionList/OptionList.css.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,UAAU,QAErB,CAAC;AAEH,eAAO,MAAM,eAAe,QAI1B,CAAC;AAEH,eAAO,MAAM,gBAAgB,QAW3B,CAAC;AAGH,eAAO,MAAM,eAAe,QA4C1B,CAAC;AAEH,eAAO,MAAM,cAAc,QAIzB,CAAC;AAGH,eAAO,MAAM,QAAQ,QAmCnB,CAAC"}
1
+ {"version":3,"file":"OptionList.css.d.ts","sourceRoot":"","sources":["../../../lib/components/OptionList/OptionList.css.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,UAAU,QAErB,CAAC;AAEH,eAAO,MAAM,eAAe,QAI1B,CAAC;AAEH,eAAO,MAAM,gBAAgB,QAW3B,CAAC;AAGH,eAAO,MAAM,eAAe,QA4C1B,CAAC;AAEH,eAAO,MAAM,cAAc,QAIzB,CAAC;AAGH,eAAO,MAAM,QAAQ,QAmCnB,CAAC"}
@@ -1,11 +1,14 @@
1
1
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
2
2
  __vanilla_filescope__.setFileScope("lib/components/OptionList/OptionList.css.ts", "@autoguru/overdrive");
3
- import { style } from '@vanilla-extract/css';
3
+ import { globalLayer, style } from '@vanilla-extract/css';
4
4
  import { focusOutlineStyle } from "../../styles/focusOutline.css.js";
5
- import { cssLayerComponent } from "../../styles/layers.css.js";
5
+ import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
6
6
  import { selectors } from "../../styles/selectors.js";
7
7
  import { sprinkles } from "../../styles/sprinkles.css.js";
8
- import { overdriveTokens as tokens } from "../../themes/theme.css.js"; // === Group styles
8
+ import { overdriveTokens as tokens } from "../../themes/theme.css.js";
9
+ globalLayer(LAYER_ORDER);
10
+
11
+ // === Group styles
9
12
  export const groupStyle = sprinkles({
10
13
  mt: '6'
11
14
  });
@@ -1 +1 @@
1
- {"version":3,"file":"OverdriveProvider.d.ts","sourceRoot":"","sources":["../../../lib/components/OverdriveProvider/OverdriveProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAAwD,MAAM,OAAO,CAAC;AAE7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAqB,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAGzD,OAAO,EAAqB,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE7E,KAAK,aAAa,GAAG,OAAO,eAAe,CAAC;AAC5C,KAAK,gBAAgB,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;AAqC5D,MAAM,WAAW,aAAa;IAC7B,6DAA6D;IAC7D,KAAK,CAAC,EAAE,OAAO,SAAS,CAAC;IACzB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,kEAAkE;IAClE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,sDAAsD;IACtD,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,eAChB,SAAQ,IAAI,CAAC,aAAa,EAAE,gBAAgB,GAAG,kBAAkB,CAAC;IAClE,UAAU,EAAE,CAAC,OAAO,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;IACpD,IAAI,EAAE,aAAa,CAAC;CACpB;AAMD,eAAO,MAAM,QAAQ,uBAIpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,aAInC,CAAC;AAUF,eAAO,MAAM,QAAQ,GAAI,iGAQtB,aAAa,sBA6Df,CAAC;AAEF,eAAO,MAAM,iBAAiB,2CAK7B,CAAC"}
1
+ {"version":3,"file":"OverdriveProvider.d.ts","sourceRoot":"","sources":["../../../lib/components/OverdriveProvider/OverdriveProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAAwD,MAAM,OAAO,CAAC;AAG7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAqB,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAGzD,OAAO,EAAqB,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE7E,KAAK,aAAa,GAAG,OAAO,eAAe,CAAC;AAC5C,KAAK,gBAAgB,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;AAqC5D,MAAM,WAAW,aAAa;IAC7B,6DAA6D;IAC7D,KAAK,CAAC,EAAE,OAAO,SAAS,CAAC;IACzB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,kEAAkE;IAClE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,sDAAsD;IACtD,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,eAChB,SAAQ,IAAI,CAAC,aAAa,EAAE,gBAAgB,GAAG,kBAAkB,CAAC;IAClE,UAAU,EAAE,CAAC,OAAO,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;IACpD,IAAI,EAAE,aAAa,CAAC;CACpB;AAMD,eAAO,MAAM,QAAQ,uBAIpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,aAInC,CAAC;AAUF,eAAO,MAAM,QAAQ,GAAI,iGAQtB,aAAa,sBA6Df,CAAC;AAEF,eAAO,MAAM,iBAAiB,2CAK7B,CAAC"}
@@ -2,9 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
2
2
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3
3
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4
4
  import { invariant } from '@autoguru/utilities';
5
- import { I18nProvider as ReactAriaI18nProvider } from '@react-aria/i18n';
6
5
  import { isEqual } from 'es-toolkit';
7
6
  import React, { createContext, useContext, useEffect, useMemo } from 'react';
7
+ import { I18nProvider as ReactAriaI18nProvider } from 'react-aria';
8
8
  import baseTheme from "../../themes/base/index.js";
9
9
  import { makeRuntimeTokens } from "../../themes/makeTheme.js";
10
10
  import { isBrowser } from "../../utils/index.js";
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Popover/Popover.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,YAAY,QAiBvB,CAAC;AAEH,eAAO,MAAM,YAAY,QAgBvB,CAAC;AAEH,eAAO,MAAM,eAAe,QAY1B,CAAC"}
1
+ {"version":3,"file":"Popover.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Popover/Popover.css.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,YAAY,QAiBvB,CAAC;AAEH,eAAO,MAAM,YAAY,QAgBvB,CAAC;AAEH,eAAO,MAAM,eAAe,QAY1B,CAAC"}
@@ -1,10 +1,11 @@
1
1
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
2
2
  __vanilla_filescope__.setFileScope("lib/components/Popover/Popover.css.ts", "@autoguru/overdrive");
3
- import { style } from '@vanilla-extract/css';
4
- import { cssLayerComponent } from "../../styles/layers.css.js";
3
+ import { globalLayer, style } from '@vanilla-extract/css';
4
+ import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
5
5
  import { selectors } from "../../styles/selectors.js";
6
6
  import { sprinkles } from "../../styles/sprinkles.css.js";
7
7
  import { overdriveTokens as tokens } from "../../themes/theme.css.js";
8
+ globalLayer(LAYER_ORDER);
8
9
  export const overlayStyle = style([sprinkles({
9
10
  borderRadius: 'md',
10
11
  borderWidth: '1',
@@ -1 +1 @@
1
- {"version":3,"file":"SearchBar.css.d.ts","sourceRoot":"","sources":["../../../lib/components/SearchBar/SearchBar.css.ts"],"names":[],"mappings":"AAoCA,eAAO,MAAM,cAAc,QAsCzB,CAAC;AAEH,eAAO,MAAM,UAAU,QAiBrB,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;EA2C9B,CAAC;AAEH,eAAO,MAAM,YAAY,QAQvB,CAAC"}
1
+ {"version":3,"file":"SearchBar.css.d.ts","sourceRoot":"","sources":["../../../lib/components/SearchBar/SearchBar.css.ts"],"names":[],"mappings":"AAsCA,eAAO,MAAM,cAAc,QAsCzB,CAAC;AAEH,eAAO,MAAM,UAAU,QAiBrB,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;EA2C9B,CAAC;AAEH,eAAO,MAAM,YAAY,QAQvB,CAAC"}
@@ -1,11 +1,12 @@
1
1
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
2
2
  __vanilla_filescope__.setFileScope("lib/components/SearchBar/SearchBar.css.ts", "@autoguru/overdrive");
3
- import { style } from '@vanilla-extract/css';
3
+ import { globalLayer, style } from '@vanilla-extract/css';
4
4
  import { recipe } from '@vanilla-extract/recipes';
5
5
  import { focusOutlineStyle } from "../../styles/focusOutline.css.js";
6
- import { cssLayerComponent } from "../../styles/layers.css.js";
6
+ import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
7
7
  import { sprinkles } from "../../styles/sprinkles.css.js";
8
8
  import { overdriveTokens as tokens } from "../../themes/theme.css.js";
9
+ globalLayer(LAYER_ORDER);
9
10
  const hideWebkitAppearance = style({
10
11
  '@layer': {
11
12
  [cssLayerComponent]: {
@@ -1 +1 @@
1
- {"version":3,"file":"Slider.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Slider/Slider.css.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,SAAS,QAKpB,CAAC;AAEH,eAAO,MAAM,KAAK,QAIhB,CAAC;AAEH,eAAO,MAAM,YAAY,QAIvB,CAAC;AAEH,eAAO,MAAM,SAAS,QAIpB,CAAC;AAEH,eAAO,MAAM,eAAe,QAK1B,CAAC;AAEH,eAAO,MAAM,cAAc,QAIzB,CAAC;AAEH,eAAO,MAAM,KAAK,QAoBhB,CAAC;AAEH,eAAO,MAAM,KAAK,QAkChB,CAAC"}
1
+ {"version":3,"file":"Slider.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Slider/Slider.css.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS,QAKpB,CAAC;AAEH,eAAO,MAAM,KAAK,QAIhB,CAAC;AAEH,eAAO,MAAM,YAAY,QAIvB,CAAC;AAEH,eAAO,MAAM,SAAS,QAIpB,CAAC;AAEH,eAAO,MAAM,eAAe,QAK1B,CAAC;AAEH,eAAO,MAAM,cAAc,QAIzB,CAAC;AAEH,eAAO,MAAM,KAAK,QAoBhB,CAAC;AAEH,eAAO,MAAM,KAAK,QAkChB,CAAC"}
@@ -1,11 +1,12 @@
1
1
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
2
2
  __vanilla_filescope__.setFileScope("lib/components/Slider/Slider.css.ts", "@autoguru/overdrive");
3
- import { style } from '@vanilla-extract/css';
3
+ import { globalLayer, style } from '@vanilla-extract/css';
4
4
  import { focusOutlineStyle } from "../../styles/focusOutline.css.js";
5
- import { cssLayerComponent } from "../../styles/layers.css.js";
5
+ import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
6
6
  import { selectors } from "../../styles/selectors.js";
7
7
  import { sprinkles } from "../../styles/sprinkles.css.js";
8
8
  import { overdriveTokens as vars } from "../../themes/theme.css.js";
9
+ globalLayer(LAYER_ORDER);
9
10
  export const container = sprinkles({
10
11
  display: 'flex',
11
12
  flexDirection: 'column',
@@ -1 +1 @@
1
- {"version":3,"file":"Stack.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Stack/Stack.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,EAAE,QAWb,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAO5B,CAAC"}
1
+ {"version":3,"file":"Stack.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Stack/Stack.css.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,EAAE,QAWb,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAO5B,CAAC"}
@@ -1,9 +1,10 @@
1
1
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
2
2
  __vanilla_filescope__.setFileScope("lib/components/Stack/Stack.css.ts", "@autoguru/overdrive");
3
- import { style } from '@vanilla-extract/css';
4
- import { cssLayerComponent } from "../../styles/layers.css.js";
3
+ import { globalLayer, style } from '@vanilla-extract/css';
4
+ import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
5
5
  import { gapVar } from "../../styles/vars.css.js";
6
6
  import { overdriveTokens as vars } from "../../themes/theme.css.js";
7
+ globalLayer(LAYER_ORDER);
7
8
  export const hr = style({
8
9
  '@layer': {
9
10
  [cssLayerComponent]: {
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Switch/Switch.css.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,IAAI,QAMf,CAAC;AAEH,eAAO,MAAM,MAAM,QAqBjB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAMnB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAOnB,CAAC;AAKH,eAAO,MAAM,MAAM,sCAkCjB,CAAC;AAEH,eAAO,MAAM,UAAU,QAOrB,CAAC"}
1
+ {"version":3,"file":"Switch.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Switch/Switch.css.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,IAAI,QAMf,CAAC;AAEH,eAAO,MAAM,MAAM,QAqBjB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAMnB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAOnB,CAAC;AAKH,eAAO,MAAM,MAAM,sCAkCjB,CAAC;AAEH,eAAO,MAAM,UAAU,QAOrB,CAAC"}
@@ -1,9 +1,10 @@
1
1
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
2
2
  __vanilla_filescope__.setFileScope("lib/components/Switch/Switch.css.ts", "@autoguru/overdrive");
3
- import { style, styleVariants } from '@vanilla-extract/css';
3
+ import { globalLayer, style, styleVariants } from '@vanilla-extract/css';
4
4
  import { focusOutlineStyle } from "../../styles/focusOutline.css.js";
5
- import { cssLayerComponent } from "../../styles/layers.css.js";
5
+ import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
6
6
  import { overdriveTokens as vars } from "../../themes/theme.css.js";
7
+ globalLayer(LAYER_ORDER);
7
8
  const colorAccent = vars.colours.foreground.body;
8
9
  const colorContrast = vars.colours.background.body;
9
10
  const colorMid = vars.colours.background.neutral;
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleButtons.css.d.ts","sourceRoot":"","sources":["../../../lib/components/ToggleButtons/ToggleButtons.css.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAS5D,eAAO,MAAM,sBAAsB,QAAoB,CAAC;AACxD,eAAO,MAAM,2BAA2B,QAOtC,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;gBAuBzB,CAAC,iBAAiB,CAAC;;;;kBAIlB;;;;EAQJ,CAAC;AAIH,eAAO,MAAM,YAAY,QA0FvB,CAAC"}
1
+ {"version":3,"file":"ToggleButtons.css.d.ts","sourceRoot":"","sources":["../../../lib/components/ToggleButtons/ToggleButtons.css.ts"],"names":[],"mappings":"AAKA,OAAO,EAAe,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAWzE,eAAO,MAAM,sBAAsB,QAAoB,CAAC;AACxD,eAAO,MAAM,2BAA2B,QAOtC,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;gBAuBzB,CAAC,iBAAiB,CAAC;;;;kBAIlB;;;;EAQJ,CAAC;AAIH,eAAO,MAAM,YAAY,QA0FvB,CAAC"}
@@ -1,14 +1,15 @@
1
1
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
2
2
  __vanilla_filescope__.setFileScope("lib/components/ToggleButtons/ToggleButtons.css.ts", "@autoguru/overdrive");
3
- import { createContainer, style } from '@vanilla-extract/css';
3
+ import { createContainer, globalLayer, style } from '@vanilla-extract/css';
4
4
  import { recipe } from '@vanilla-extract/recipes';
5
5
  import { elementReset } from "../../styles/elementReset.css.js";
6
6
  import { focusOutlineStyle } from "../../styles/focusOutline.css.js";
7
- import { cssLayerComponent } from "../../styles/layers.css.js";
7
+ import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
8
8
  import { selectors } from "../../styles/selectors.js";
9
9
  import { sprinkles } from "../../styles/sprinkles.css.js";
10
10
  import { overdriveTokens as vars } from "../../themes/theme.css.js";
11
11
  import { WIDTH_COMPACT_ORIENTATION } from "./constants.js";
12
+ globalLayer(LAYER_ORDER);
12
13
  const TOGGLE_BUTTON_HEIGHT = '40px';
13
14
  export const toggleButtonsContainer = createContainer("toggleButtonsContainer");
14
15
  export const toggleButtonsContainerStyle = style({
@@ -1,4 +1,4 @@
1
- export { cssLayerComponent, cssLayerTheme } from './layers.css';
1
+ export { cssLayerComponent, cssLayerTheme, LAYER_ORDER } from './layers.css';
2
2
  export { resetVariants, type ResetVariantProps } from './elementReset.css';
3
3
  export { elementStyles, type ElementStylesProps, resetStyles, } from './elementStyles';
4
4
  export { sprinkles, type Sprinkles as StyleProps, type SprinklesLegacyColours as LegacyStyleProps, } from './sprinkles.css';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,EACN,aAAa,EACb,KAAK,kBAAkB,EACvB,WAAW,GACX,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACN,SAAS,EACT,KAAK,SAAS,IAAI,UAAU,EAC5B,KAAK,sBAAsB,IAAI,gBAAgB,GAC/C,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACN,UAAU,EACV,KAAK,eAAe,EACpB,UAAU,EACV,KAAK,eAAe,GACpB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,EACN,aAAa,EACb,KAAK,kBAAkB,EACvB,WAAW,GACX,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACN,SAAS,EACT,KAAK,SAAS,IAAI,UAAU,EAC5B,KAAK,sBAAsB,IAAI,gBAAgB,GAC/C,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACN,UAAU,EACV,KAAK,eAAe,EACpB,UAAU,EACV,KAAK,eAAe,GACpB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC"}
@@ -1,4 +1,4 @@
1
- export { cssLayerComponent, cssLayerTheme } from "./layers.css.js";
1
+ export { cssLayerComponent, cssLayerTheme, LAYER_ORDER } from "./layers.css.js";
2
2
  export { resetVariants } from "./elementReset.css.js";
3
3
  export { elementStyles, resetStyles } from "./elementStyles.js";
4
4
  export { sprinkles } from "./sprinkles.css.js";
@@ -1,3 +1,13 @@
1
+ /**
2
+ * The canonical layer-order declaration for the Overdrive design system.
3
+ *
4
+ * Import this constant and call `globalLayer(LAYER_ORDER)` at the top of
5
+ * any `.css.ts` file that uses cascade layers. This guarantees the
6
+ * `@layer` order declaration is emitted *inside that file's CSS output*,
7
+ * so the ordering is correct regardless of how the bundler chunks and
8
+ * loads the files.
9
+ */
10
+ export declare const LAYER_ORDER = "ag, reset, theme, styleprops, component, util";
1
11
  export declare const cssLayerReset: string;
2
12
  export declare const cssLayerTheme: string;
3
13
  export declare const cssColorSet: string;
@@ -1 +1 @@
1
- {"version":3,"file":"layers.css.d.ts","sourceRoot":"","sources":["../../lib/styles/layers.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,QAAuB,CAAC;AAClD,eAAO,MAAM,aAAa,QAAuB,CAAC;AAClD,eAAO,MAAM,WAAW,QAAqD,CAAC;AAC9E,eAAO,MAAM,kBAAkB,QAG9B,CAAC;AACF,eAAO,MAAM,kBAAkB,QAA4B,CAAC;AAC5D,eAAO,MAAM,iBAAiB,QAA2B,CAAC;AAC1D,eAAO,MAAM,YAAY,QAAsB,CAAC;AAEhD;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;;;;CAQd,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,WAAW,CAAC"}
1
+ {"version":3,"file":"layers.css.d.ts","sourceRoot":"","sources":["../../lib/styles/layers.css.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW,kDAAkD,CAAC;AAG3E,eAAO,MAAM,aAAa,QAAuB,CAAC;AAClD,eAAO,MAAM,aAAa,QAAuB,CAAC;AAClD,eAAO,MAAM,WAAW,QAAqD,CAAC;AAC9E,eAAO,MAAM,kBAAkB,QAG9B,CAAC;AACF,eAAO,MAAM,kBAAkB,QAA4B,CAAC;AAC5D,eAAO,MAAM,iBAAiB,QAA2B,CAAC;AAC1D,eAAO,MAAM,YAAY,QAAsB,CAAC;AAEhD;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;;;;CAQd,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,WAAW,CAAC"}
@@ -1,7 +1,18 @@
1
1
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
2
2
  __vanilla_filescope__.setFileScope("lib/styles/layers.css.ts", "@autoguru/overdrive");
3
3
  import { globalLayer } from '@vanilla-extract/css';
4
- globalLayer('ag, reset, theme, styleprops, component, util');
4
+
5
+ /**
6
+ * The canonical layer-order declaration for the Overdrive design system.
7
+ *
8
+ * Import this constant and call `globalLayer(LAYER_ORDER)` at the top of
9
+ * any `.css.ts` file that uses cascade layers. This guarantees the
10
+ * `@layer` order declaration is emitted *inside that file's CSS output*,
11
+ * so the ordering is correct regardless of how the bundler chunks and
12
+ * loads the files.
13
+ */
14
+ export const LAYER_ORDER = 'ag, reset, theme, styleprops, component, util';
15
+ globalLayer(LAYER_ORDER);
5
16
  export const cssLayerReset = globalLayer('reset');
6
17
  export const cssLayerTheme = globalLayer('theme');
7
18
  export const cssColorSet = globalLayer({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@autoguru/overdrive",
3
- "version": "4.57.1",
3
+ "version": "4.57.3",
4
4
  "description": "Overdrive is a product component library, and design system for AutoGuru.",
5
5
  "types": "dist/index.d.ts",
6
6
  "main": "dist/index.js",
@@ -128,7 +128,7 @@
128
128
  "devDependencies": {
129
129
  "@antebudimir/eslint-plugin-vanilla-extract": "^1.12.0",
130
130
  "@autoguru/babel-preset": "3.2.0",
131
- "@autoguru/eslint-plugin": "2.0.0",
131
+ "@autoguru/eslint-plugin": "2.0.1",
132
132
  "@autoguru/icons": "1.8.22",
133
133
  "@autoguru/tsconfig": "1.3.1",
134
134
  "@autoguru/utilities": "^1.3.3",
@@ -154,12 +154,12 @@
154
154
  "@octokit/rest": "22.0.0",
155
155
  "@popperjs/core": "2.11.8",
156
156
  "@react-stately/toggle": "3.9.2",
157
- "@storybook/addon-a11y": "9.1.13",
158
- "@storybook/addon-docs": "9.1.13",
159
- "@storybook/addon-links": "9.1.13",
160
- "@storybook/addon-onboarding": "9.1.13",
161
- "@storybook/addon-vitest": "9.1.13",
162
- "@storybook/react-vite": "9.1.13",
157
+ "@storybook/addon-a11y": "9.1.20",
158
+ "@storybook/addon-docs": "9.1.20",
159
+ "@storybook/addon-links": "9.1.20",
160
+ "@storybook/addon-onboarding": "9.1.20",
161
+ "@storybook/addon-vitest": "9.1.20",
162
+ "@storybook/react-vite": "9.1.20",
163
163
  "@testing-library/dom": "^10.4.1",
164
164
  "@testing-library/jest-dom": "6.9.1",
165
165
  "@testing-library/react": "16.3.0",
@@ -183,7 +183,7 @@
183
183
  "babel-plugin-add-import-extension": "1.6.0",
184
184
  "babel-plugin-dev-expression": "0.2.3",
185
185
  "babel-plugin-macros": "3.1.0",
186
- "browserslist-config-autoguru": "2.5.2",
186
+ "browserslist-config-autoguru": "2.5.3",
187
187
  "chromatic": "13.3.1",
188
188
  "clsx": "2.1.1",
189
189
  "colord": "2.9.3",
@@ -193,7 +193,7 @@
193
193
  "deepmerge": "4.3.1",
194
194
  "es-toolkit": "1.40.0",
195
195
  "eslint": "9.38.0",
196
- "eslint-plugin-storybook": "9.1.13",
196
+ "eslint-plugin-storybook": "9.1.20",
197
197
  "husky": "9.1.7",
198
198
  "intersection-observer": "0.12.2",
199
199
  "jsdom": "27.0.1",
@@ -219,7 +219,7 @@
219
219
  "react-swipeable": "7.0.2",
220
220
  "remark-gfm": "^4.0.0",
221
221
  "rollup-plugin-visualizer": "6.0.5",
222
- "storybook": "9.1.13",
222
+ "storybook": "9.1.20",
223
223
  "storybook-addon-tag-badges": "2.0.3",
224
224
  "typescript": "5.9.3",
225
225
  "url-loader": "4.1.1",
@@ -259,7 +259,7 @@
259
259
  },
260
260
  "volta": {
261
261
  "node": "22.22.2",
262
- "yarn": "4.10.3"
262
+ "yarn": "4.15.0"
263
263
  },
264
- "packageManager": "yarn@4.10.3"
264
+ "packageManager": "yarn@4.15.0"
265
265
  }