@autoguru/overdrive 4.57.2 → 4.57.3

package/dist/components/Button/Button.css.d.ts.map

@@ -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"}
+{"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"}

package/dist/components/Button/Button.css.js

@@ -1,11 +1,12 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/Button/Button.css.ts", "@autoguru/overdrive");
-import { style } from '@vanilla-extract/css';
+import { globalLayer, style } from '@vanilla-extract/css';
 import { recipe } from '@vanilla-extract/recipes';
 import { focusOutlineStyle } from "../../styles/focusOutline.css.js";
-import { cssLayerComponent } from "../../styles/layers.css.js";
+import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
 import { sprinkles } from "../../styles/sprinkles.css.js";
 import { overdriveTokens as vars } from "../../themes/theme.css.js";
+globalLayer(LAYER_ORDER);
 const intentColors = vars.colours.intent;
 const smallHeight = '36px';
 const selectorFocusHoverActive = '&:focus-visible, &:not(:disabled):hover, &:not(:disabled):active';

package/dist/components/Calendar/Calendar.css.d.ts.map

@@ -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"}
+{"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"}

package/dist/components/Calendar/Calendar.css.js

@@ -1,11 +1,12 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/Calendar/Calendar.css.ts", "@autoguru/overdrive");
-import { style } from '@vanilla-extract/css';
+import { globalLayer, style } from '@vanilla-extract/css';
 import { focusOutlineStyle } from "../../styles/focusOutline.css.js";
-import { cssLayerComponent } from "../../styles/layers.css.js";
+import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
 import { selectors } from "../../styles/selectors.js";
 import { sprinkles } from "../../styles/sprinkles.css.js";
 import { overdriveTokens as tokens } from "../../themes/theme.css.js";
+globalLayer(LAYER_ORDER);
 export const calendarGridStyle = style({
   '@layer': {
     [cssLayerComponent]: {

package/dist/components/Columns/Column.css.d.ts.map

@@ -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"}
+{"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"}

package/dist/components/Columns/Column.css.js

@@ -1,9 +1,11 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/Columns/Column.css.ts", "@autoguru/overdrive");
+import { globalLayer } from '@vanilla-extract/css';
 import { recipe } from '@vanilla-extract/recipes';
 import { createSprinkles, defineProperties } from '@vanilla-extract/sprinkles';
-import { cssLayerComponent } from "../../styles/layers.css.js";
+import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
 import { responsiveConditions, sprinkles } from "../../styles/sprinkles.css.js";
+globalLayer(LAYER_ORDER);
 const getSizeStyle = scale => `${scale * 100}%`;
 const columnWidthResponsive = defineProperties({
   '@layer': cssLayerComponent,

package/dist/components/DateInput/DateInput.css.d.ts.map

@@ -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"}
+{"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"}

package/dist/components/DateInput/DateInput.css.js

@@ -1,9 +1,10 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/DateInput/DateInput.css.ts", "@autoguru/overdrive");
-import { style } from '@vanilla-extract/css';
-import { cssLayerComponent } from "../../styles/layers.css.js";
+import { globalLayer, style } from '@vanilla-extract/css';
+import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
 import { selectors } from "../../styles/selectors.js";
 import { sprinkles } from "../../styles/sprinkles.css.js";
+globalLayer(LAYER_ORDER);
 export const segmentStyle = style({
   '@layer': {
     [cssLayerComponent]: {

package/dist/components/DatePicker/DatePicker.css.d.ts.map

@@ -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"}
+{"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"}

package/dist/components/DatePicker/DatePicker.css.js

@@ -1,8 +1,9 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/DatePicker/DatePicker.css.ts", "@autoguru/overdrive");
-import { style, styleVariants } from '@vanilla-extract/css';
-import { cssLayerComponent } from "../../styles/layers.css.js";
+import { globalLayer, style, styleVariants } from '@vanilla-extract/css';
+import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
 import { overdriveTokens as vars } from "../../themes/theme.css.js";
+globalLayer(LAYER_ORDER);
 export const inputContainer = style({
   '@layer': {
     [cssLayerComponent]: {

package/dist/components/DateTimeField/DateTimeField.css.d.ts.map

@@ -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"}
+{"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"}

package/dist/components/DateTimeField/DateTimeField.css.js

@@ -1,13 +1,14 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/DateTimeField/DateTimeField.css.ts", "@autoguru/overdrive");
-import { style } from '@vanilla-extract/css';
+import { globalLayer, style } from '@vanilla-extract/css';
 import { recipe } from '@vanilla-extract/recipes';
 import { focusOutline, focusOutlineStyle } from "../../styles/focusOutline.css.js";
-import { cssLayerComponent } from "../../styles/layers.css.js";
+import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
 import { selectors } from "../../styles/selectors.js";
 import { sprinkles } from "../../styles/sprinkles.css.js";
 import { textStyles } from "../../styles/typography.js";
 import { overdriveTokens } from "../../themes/index.js";
+globalLayer(LAYER_ORDER);
 const baseFieldStyle = style([sprinkles({
   backgroundColor: 'page',
   borderColor: 'default',

package/dist/components/EditableText/EditableText.css.d.ts.map

@@ -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"}
+{"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"}

package/dist/components/EditableText/EditableText.css.js

@@ -1,8 +1,9 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/EditableText/EditableText.css.ts", "@autoguru/overdrive");
-import { style } from '@vanilla-extract/css';
-import { cssLayerComponent } from "../../styles/layers.css.js";
+import { globalLayer, style } from '@vanilla-extract/css';
+import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
 import { overdriveTokens as vars } from "../../themes/theme.css.js";
+globalLayer(LAYER_ORDER);
 export const root = style({
   '@layer': {
     [cssLayerComponent]: {

package/dist/components/MarkdownRenderer/MarkdownRenderer.css.d.ts.map

@@ -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"}
+{"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"}

package/dist/components/MarkdownRenderer/MarkdownRenderer.css.js

@@ -1,9 +1,10 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/MarkdownRenderer/MarkdownRenderer.css.ts", "@autoguru/overdrive");
-import { globalStyle, style } from '@vanilla-extract/css';
+import { globalLayer, globalStyle, style } from '@vanilla-extract/css';
 import { recipe } from '@vanilla-extract/recipes';
-import { cssLayerComponent } from "../../styles/layers.css.js";
+import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
 import { overdriveTokens as tokens } from "../../themes/theme.css.js";
+globalLayer(LAYER_ORDER);
 export const rootBase = style({
   '@layer': {
     [cssLayerComponent]: {

package/dist/components/MarkdownRenderer/components/MarkdownBlockquote.css.d.ts.map

@@ -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"}
+{"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"}

package/dist/components/MarkdownRenderer/components/MarkdownBlockquote.css.js

@@ -1,8 +1,10 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/MarkdownRenderer/components/MarkdownBlockquote.css.ts", "@autoguru/overdrive");
+import { globalLayer } from '@vanilla-extract/css';
 import { recipe } from '@vanilla-extract/recipes';
-import { cssLayerComponent } from "../../../styles/layers.css.js";
+import { LAYER_ORDER, cssLayerComponent } from "../../../styles/layers.css.js";
 import { overdriveTokens as tokens } from "../../../themes/theme.css.js";
+globalLayer(LAYER_ORDER);
 export const blockquote = recipe({
   base: {
     '@layer': {

package/dist/components/MarkdownRenderer/components/MarkdownCodeBlock.css.d.ts.map

@@ -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"}
+{"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"}

package/dist/components/MarkdownRenderer/components/MarkdownCodeBlock.css.js

@@ -1,9 +1,10 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/MarkdownRenderer/components/MarkdownCodeBlock.css.ts", "@autoguru/overdrive");
-import { style } from '@vanilla-extract/css';
+import { globalLayer, style } from '@vanilla-extract/css';
 import { recipe } from '@vanilla-extract/recipes';
-import { cssLayerComponent } from "../../../styles/layers.css.js";
+import { LAYER_ORDER, cssLayerComponent } from "../../../styles/layers.css.js";
 import { overdriveTokens as tokens } from "../../../themes/theme.css.js";
+globalLayer(LAYER_ORDER);
 export const codeBlock = recipe({
   base: {
     '@layer': {

package/dist/components/MarkdownRenderer/components/MarkdownEmphasis.css.d.ts.map

@@ -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"}
+{"version":3,"file":"MarkdownEmphasis.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/MarkdownRenderer/components/MarkdownEmphasis.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,QAAQ,QAMnB,CAAC"}

package/dist/components/MarkdownRenderer/components/MarkdownEmphasis.css.js

@@ -1,7 +1,8 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/MarkdownRenderer/components/MarkdownEmphasis.css.ts", "@autoguru/overdrive");
-import { style } from '@vanilla-extract/css';
-import { cssLayerComponent } from "../../../styles/layers.css.js";
+import { globalLayer, style } from '@vanilla-extract/css';
+import { LAYER_ORDER, cssLayerComponent } from "../../../styles/layers.css.js";
+globalLayer(LAYER_ORDER);
 export const emphasis = style({
   '@layer': {
     [cssLayerComponent]: {

package/dist/components/MarkdownRenderer/components/MarkdownImage.css.d.ts.map

@@ -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"}
+{"version":3,"file":"MarkdownImage.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/MarkdownRenderer/components/MarkdownImage.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,KAAK,QAQhB,CAAC"}

package/dist/components/MarkdownRenderer/components/MarkdownImage.css.js

@@ -1,8 +1,9 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/MarkdownRenderer/components/MarkdownImage.css.ts", "@autoguru/overdrive");
-import { style } from '@vanilla-extract/css';
-import { cssLayerComponent } from "../../../styles/layers.css.js";
+import { globalLayer, style } from '@vanilla-extract/css';
+import { LAYER_ORDER, cssLayerComponent } from "../../../styles/layers.css.js";
 import { overdriveTokens as tokens } from "../../../themes/theme.css.js";
+globalLayer(LAYER_ORDER);
 export const image = style({
   '@layer': {
     [cssLayerComponent]: {

package/dist/components/MarkdownRenderer/components/MarkdownInlineCode.css.d.ts.map

@@ -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"}
+{"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"}

package/dist/components/MarkdownRenderer/components/MarkdownInlineCode.css.js

@@ -1,8 +1,10 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/MarkdownRenderer/components/MarkdownInlineCode.css.ts", "@autoguru/overdrive");
+import { globalLayer } from '@vanilla-extract/css';
 import { recipe } from '@vanilla-extract/recipes';
-import { cssLayerComponent } from "../../../styles/layers.css.js";
+import { LAYER_ORDER, cssLayerComponent } from "../../../styles/layers.css.js";
 import { overdriveTokens as tokens } from "../../../themes/theme.css.js";
+globalLayer(LAYER_ORDER);
 export const inlineCode = recipe({
   base: {
     '@layer': {

package/dist/components/MarkdownRenderer/components/MarkdownStrikethrough.css.d.ts.map

@@ -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"}
+{"version":3,"file":"MarkdownStrikethrough.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/MarkdownRenderer/components/MarkdownStrikethrough.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,aAAa,QAMxB,CAAC"}

package/dist/components/MarkdownRenderer/components/MarkdownStrikethrough.css.js

@@ -1,7 +1,8 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/MarkdownRenderer/components/MarkdownStrikethrough.css.ts", "@autoguru/overdrive");
-import { style } from '@vanilla-extract/css';
-import { cssLayerComponent } from "../../../styles/layers.css.js";
+import { globalLayer, style } from '@vanilla-extract/css';
+import { LAYER_ORDER, cssLayerComponent } from "../../../styles/layers.css.js";
+globalLayer(LAYER_ORDER);
 export const strikethrough = style({
   '@layer': {
     [cssLayerComponent]: {

package/dist/components/MarkdownRenderer/components/MarkdownTable.css.d.ts.map

@@ -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"}
+{"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"}

package/dist/components/MarkdownRenderer/components/MarkdownTable.css.js

@@ -1,9 +1,10 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/MarkdownRenderer/components/MarkdownTable.css.ts", "@autoguru/overdrive");
-import { style } from '@vanilla-extract/css';
+import { globalLayer, style } from '@vanilla-extract/css';
 import { recipe } from '@vanilla-extract/recipes';
-import { cssLayerComponent } from "../../../styles/layers.css.js";
+import { LAYER_ORDER, cssLayerComponent } from "../../../styles/layers.css.js";
 import { overdriveTokens as tokens } from "../../../themes/theme.css.js";
+globalLayer(LAYER_ORDER);
 export const tableWrapper = recipe({
   base: {
     '@layer': {

package/dist/components/NumberBubble/NumberBubble.css.d.ts.map

@@ -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"}
+{"version":3,"file":"NumberBubble.css.d.ts","sourceRoot":"","sources":["../../../lib/components/NumberBubble/NumberBubble.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW,QAMtB,CAAC"}

package/dist/components/NumberBubble/NumberBubble.css.js

@@ -1,7 +1,8 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/NumberBubble/NumberBubble.css.ts", "@autoguru/overdrive");
-import { style } from '@vanilla-extract/css';
-import { cssLayerComponent } from "../../styles/layers.css.js";
+import { globalLayer, style } from '@vanilla-extract/css';
+import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
+globalLayer(LAYER_ORDER);
 export const numberStyle = style({
   '@layer': {
     [cssLayerComponent]: {

package/dist/components/OptionGrid/OptionGrid.css.d.ts.map

@@ -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"}
+{"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"}

package/dist/components/OptionGrid/OptionGrid.css.js

@@ -1,13 +1,17 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/OptionGrid/OptionGrid.css.ts", "@autoguru/overdrive");
-import { createContainer, style } from '@vanilla-extract/css';
+import { createContainer, globalLayer, style } from '@vanilla-extract/css';
 import { recipe } from '@vanilla-extract/recipes';
 import { focusOutlineStyle } from "../../styles/focusOutline.css.js";
-import { cssLayerComponent } from "../../styles/layers.css.js";
+import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
 import { selectors } from "../../styles/selectors.js";
 import { sprinkles } from "../../styles/sprinkles.css.js";
 import { breakpoints } from "../../themes/makeTheme.js";
-import { overdriveTokens as tokens } from "../../themes/theme.css.js"; // === Container styles
+import { overdriveTokens as tokens } from "../../themes/theme.css.js";
+globalLayer(LAYER_ORDER);
+
+// === Container styles
+
 export const gridContainer = createContainer("gridContainer");
 export const gridContainerStyle = style({
   '@layer': {

package/dist/components/OptionList/OptionList.css.d.ts.map

@@ -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"}
+{"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"}

package/dist/components/OptionList/OptionList.css.js

@@ -1,11 +1,14 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/OptionList/OptionList.css.ts", "@autoguru/overdrive");
-import { style } from '@vanilla-extract/css';
+import { globalLayer, style } from '@vanilla-extract/css';
 import { focusOutlineStyle } from "../../styles/focusOutline.css.js";
-import { cssLayerComponent } from "../../styles/layers.css.js";
+import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
 import { selectors } from "../../styles/selectors.js";
 import { sprinkles } from "../../styles/sprinkles.css.js";
-import { overdriveTokens as tokens } from "../../themes/theme.css.js"; // === Group styles
+import { overdriveTokens as tokens } from "../../themes/theme.css.js";
+globalLayer(LAYER_ORDER);
+
+// === Group styles
 export const groupStyle = sprinkles({
   mt: '6'
 });

package/dist/components/Popover/Popover.css.d.ts.map

@@ -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"}
+{"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"}

package/dist/components/Popover/Popover.css.js

@@ -1,10 +1,11 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/Popover/Popover.css.ts", "@autoguru/overdrive");
-import { style } from '@vanilla-extract/css';
-import { cssLayerComponent } from "../../styles/layers.css.js";
+import { globalLayer, style } from '@vanilla-extract/css';
+import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
 import { selectors } from "../../styles/selectors.js";
 import { sprinkles } from "../../styles/sprinkles.css.js";
 import { overdriveTokens as tokens } from "../../themes/theme.css.js";
+globalLayer(LAYER_ORDER);
 export const overlayStyle = style([sprinkles({
   borderRadius: 'md',
   borderWidth: '1',

package/dist/components/SearchBar/SearchBar.css.d.ts.map

@@ -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"}
+{"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"}

package/dist/components/SearchBar/SearchBar.css.js

@@ -1,11 +1,12 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/SearchBar/SearchBar.css.ts", "@autoguru/overdrive");
-import { style } from '@vanilla-extract/css';
+import { globalLayer, style } from '@vanilla-extract/css';
 import { recipe } from '@vanilla-extract/recipes';
 import { focusOutlineStyle } from "../../styles/focusOutline.css.js";
-import { cssLayerComponent } from "../../styles/layers.css.js";
+import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
 import { sprinkles } from "../../styles/sprinkles.css.js";
 import { overdriveTokens as tokens } from "../../themes/theme.css.js";
+globalLayer(LAYER_ORDER);
 const hideWebkitAppearance = style({
   '@layer': {
     [cssLayerComponent]: {

package/dist/components/Slider/Slider.css.d.ts.map

@@ -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"}
+{"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"}

package/dist/components/Slider/Slider.css.js

@@ -1,11 +1,12 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/Slider/Slider.css.ts", "@autoguru/overdrive");
-import { style } from '@vanilla-extract/css';
+import { globalLayer, style } from '@vanilla-extract/css';
 import { focusOutlineStyle } from "../../styles/focusOutline.css.js";
-import { cssLayerComponent } from "../../styles/layers.css.js";
+import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
 import { selectors } from "../../styles/selectors.js";
 import { sprinkles } from "../../styles/sprinkles.css.js";
 import { overdriveTokens as vars } from "../../themes/theme.css.js";
+globalLayer(LAYER_ORDER);
 export const container = sprinkles({
   display: 'flex',
   flexDirection: 'column',

package/dist/components/Stack/Stack.css.d.ts.map

@@ -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"}
+{"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"}

package/dist/components/Stack/Stack.css.js

@@ -1,9 +1,10 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/Stack/Stack.css.ts", "@autoguru/overdrive");
-import { style } from '@vanilla-extract/css';
-import { cssLayerComponent } from "../../styles/layers.css.js";
+import { globalLayer, style } from '@vanilla-extract/css';
+import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
 import { gapVar } from "../../styles/vars.css.js";
 import { overdriveTokens as vars } from "../../themes/theme.css.js";
+globalLayer(LAYER_ORDER);
 export const hr = style({
   '@layer': {
     [cssLayerComponent]: {

package/dist/components/Switch/Switch.css.d.ts.map

@@ -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"}
+{"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"}

package/dist/components/Switch/Switch.css.js

@@ -1,9 +1,10 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/Switch/Switch.css.ts", "@autoguru/overdrive");
-import { style, styleVariants } from '@vanilla-extract/css';
+import { globalLayer, style, styleVariants } from '@vanilla-extract/css';
 import { focusOutlineStyle } from "../../styles/focusOutline.css.js";
-import { cssLayerComponent } from "../../styles/layers.css.js";
+import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
 import { overdriveTokens as vars } from "../../themes/theme.css.js";
+globalLayer(LAYER_ORDER);
 const colorAccent = vars.colours.foreground.body;
 const colorContrast = vars.colours.background.body;
 const colorMid = vars.colours.background.neutral;

package/dist/components/ToggleButtons/ToggleButtons.css.d.ts.map

@@ -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"}
+{"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"}

package/dist/components/ToggleButtons/ToggleButtons.css.js

@@ -1,14 +1,15 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/ToggleButtons/ToggleButtons.css.ts", "@autoguru/overdrive");
-import { createContainer, style } from '@vanilla-extract/css';
+import { createContainer, globalLayer, style } from '@vanilla-extract/css';
 import { recipe } from '@vanilla-extract/recipes';
 import { elementReset } from "../../styles/elementReset.css.js";
 import { focusOutlineStyle } from "../../styles/focusOutline.css.js";
-import { cssLayerComponent } from "../../styles/layers.css.js";
+import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
 import { selectors } from "../../styles/selectors.js";
 import { sprinkles } from "../../styles/sprinkles.css.js";
 import { overdriveTokens as vars } from "../../themes/theme.css.js";
 import { WIDTH_COMPACT_ORIENTATION } from "./constants.js";
+globalLayer(LAYER_ORDER);
 const TOGGLE_BUTTON_HEIGHT = '40px';
 export const toggleButtonsContainer = createContainer("toggleButtonsContainer");
 export const toggleButtonsContainerStyle = style({

package/dist/styles/index.d.ts

@@ -1,4 +1,4 @@
-export { cssLayerComponent, cssLayerTheme } from './layers.css';
+export { cssLayerComponent, cssLayerTheme, LAYER_ORDER } from './layers.css';
 export { resetVariants, type ResetVariantProps } from './elementReset.css';
 export { elementStyles, type ElementStylesProps, resetStyles, } from './elementStyles';
 export { sprinkles, type Sprinkles as StyleProps, type SprinklesLegacyColours as LegacyStyleProps, } from './sprinkles.css';

package/dist/styles/index.d.ts.map

@@ -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"}
+{"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"}

package/dist/styles/index.js

@@ -1,4 +1,4 @@
-export { cssLayerComponent, cssLayerTheme } from "./layers.css.js";
+export { cssLayerComponent, cssLayerTheme, LAYER_ORDER } from "./layers.css.js";
 export { resetVariants } from "./elementReset.css.js";
 export { elementStyles, resetStyles } from "./elementStyles.js";
 export { sprinkles } from "./sprinkles.css.js";

package/dist/styles/layers.css.d.ts

@@ -1,3 +1,13 @@
+/**
+ * The canonical layer-order declaration for the Overdrive design system.
+ *
+ * Import this constant and call `globalLayer(LAYER_ORDER)` at the top of
+ * any `.css.ts` file that uses cascade layers.  This guarantees the
+ * `@layer` order declaration is emitted *inside that file's CSS output*,
+ * so the ordering is correct regardless of how the bundler chunks and
+ * loads the files.
+ */
+export declare const LAYER_ORDER = "ag, reset, theme, styleprops, component, util";
 export declare const cssLayerReset: string;
 export declare const cssLayerTheme: string;
 export declare const cssColorSet: string;

package/dist/styles/layers.css.d.ts.map

@@ -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"}
+{"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"}

package/dist/styles/layers.css.js

@@ -1,7 +1,18 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/styles/layers.css.ts", "@autoguru/overdrive");
 import { globalLayer } from '@vanilla-extract/css';
-globalLayer('ag, reset, theme, styleprops, component, util');
+
+/**
+ * The canonical layer-order declaration for the Overdrive design system.
+ *
+ * Import this constant and call `globalLayer(LAYER_ORDER)` at the top of
+ * any `.css.ts` file that uses cascade layers.  This guarantees the
+ * `@layer` order declaration is emitted *inside that file's CSS output*,
+ * so the ordering is correct regardless of how the bundler chunks and
+ * loads the files.
+ */
+export const LAYER_ORDER = 'ag, reset, theme, styleprops, component, util';
+globalLayer(LAYER_ORDER);
 export const cssLayerReset = globalLayer('reset');
 export const cssLayerTheme = globalLayer('theme');
 export const cssColorSet = globalLayer({

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@autoguru/overdrive",
-	"version": "4.57.2",
+	"version": "4.57.3",
 	"description": "Overdrive is a product component library, and design system for AutoGuru.",
 	"types": "dist/index.d.ts",
 	"main": "dist/index.js",