braid-design-system 32.14.2 → 32.14.4

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # braid-design-system
 
+## 32.14.4
+
+### Patch Changes
+
+- Inline Vanilla Extract styles imported from Capsize ([#1423](https://github.com/seek-oss/braid-design-system/pull/1423))
+
+## 32.14.3
+
+### Patch Changes
+
+- **Autosuggest:** Fix aria-label and aria-labelledby features ([#1420](https://github.com/seek-oss/braid-design-system/pull/1420))
+
+  Fixes an issue where the `aria-label` and `aria-labelledby` props provided by a consumer were being overidden internally by the `Autosuggest` component.
+
 ## 32.14.2
 
 ### Patch Changes

package/dist/styles/lib/components/Accordion/AccordionItem.css.cjs

@@ -1,9 +1,9 @@
 "use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
+const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const cssUtils = require("@vanilla-extract/css-utils");
 const styles_lib_themes_vars_css_cjs = require("../../themes/vars.css.cjs");
-fileScope.setFileScope("src/lib/components/Accordion/AccordionItem.css.ts", "braid-design-system");
+__vanilla_filescope__.setFileScope("src/lib/components/Accordion/AccordionItem.css.ts", "braid-design-system");
 const button = css.style({}, "button");
 const focusRing = css.style({
   top: cssUtils.calc.negate(styles_lib_themes_vars_css_cjs.vars.space.xsmall),
@@ -16,6 +16,6 @@ const focusRing = css.style({
     }
   }
 }, "focusRing");
-fileScope.endFileScope();
+__vanilla_filescope__.endFileScope();
 exports.button = button;
 exports.focusRing = focusRing;

package/dist/styles/lib/components/Alert/Alert.css.cjs

@@ -1,7 +1,7 @@
 "use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
+const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/lib/components/Alert/Alert.css.ts", "braid-design-system");
+__vanilla_filescope__.setFileScope("src/lib/components/Alert/Alert.css.ts", "braid-design-system");
 const closeButton = css.style({}, "closeButton");
 const closeButtonFocus = css.style({
   selectors: {
@@ -17,7 +17,7 @@ const closeButtonHover = css.style({
     }
   }
 }, "closeButtonHover");
-fileScope.endFileScope();
+__vanilla_filescope__.endFileScope();
 exports.closeButton = closeButton;
 exports.closeButtonFocus = closeButtonFocus;
 exports.closeButtonHover = closeButtonHover;

package/dist/styles/lib/components/Autosuggest/Autosuggest.cjs

@@ -255,12 +255,8 @@ const createAccessbilityProps = ({
   isOpen
 }) => {
   const menuId = `${id}-menu`;
-  const labelId = `${id}-label`;
   const assistiveDescriptionId = `${id}-aria-description`;
   return {
-    labelProps: {
-      id: labelId
-    },
     inputProps: {
       id,
       role: "combobox",
@@ -269,7 +265,6 @@ const createAccessbilityProps = ({
       // backwards compatibility for screenreaders implementing ARIA 1.0
       "aria-controls": menuId,
       "aria-expanded": isOpen,
-      "aria-labelledby": labelId,
       "aria-autocomplete": "list",
       "aria-activedescendant": typeof highlightedIndex === "number" ? getItemId(id, highlightedIndex) : void 0,
       "aria-describedby": assistiveDescriptionId,
@@ -775,7 +770,6 @@ const Autosuggest = React.forwardRef(function({
             {
               ...restProps,
               id,
-              labelId: a11y.labelProps.id,
               value: value.text,
               prefix: void 0,
               secondaryIcon: onClear ? /* @__PURE__ */ jsxRuntime.jsx(

package/dist/styles/lib/components/Autosuggest/Autosuggest.css.cjs

@@ -1,10 +1,10 @@
 "use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
+const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const cssUtils = require("@vanilla-extract/css-utils");
 const styles_lib_css_responsiveStyle_cjs = require("../../css/responsiveStyle.cjs");
 const styles_lib_themes_vars_css_cjs = require("../../themes/vars.css.cjs");
-fileScope.setFileScope("src/lib/components/Autosuggest/Autosuggest.css.ts", "braid-design-system");
+__vanilla_filescope__.setFileScope("src/lib/components/Autosuggest/Autosuggest.css.ts", "braid-design-system");
 const backdrop = css.style({
   width: "100vw",
   height: "100vh",
@@ -26,7 +26,7 @@ const menu = css.style(styles_lib_css_responsiveStyle_cjs.responsiveStyle({
 const groupHeading = css.style({
   textTransform: "uppercase"
 }, "groupHeading");
-fileScope.endFileScope();
+__vanilla_filescope__.endFileScope();
 exports.backdrop = backdrop;
 exports.backdropVisible = backdropVisible;
 exports.groupHeading = groupHeading;

package/dist/styles/lib/components/Autosuggest/Autosuggest.mjs

@@ -251,12 +251,8 @@ const createAccessbilityProps = ({
   isOpen
 }) => {
   const menuId = `${id}-menu`;
-  const labelId = `${id}-label`;
   const assistiveDescriptionId = `${id}-aria-description`;
   return {
-    labelProps: {
-      id: labelId
-    },
     inputProps: {
       id,
       role: "combobox",
@@ -265,7 +261,6 @@ const createAccessbilityProps = ({
       // backwards compatibility for screenreaders implementing ARIA 1.0
       "aria-controls": menuId,
       "aria-expanded": isOpen,
-      "aria-labelledby": labelId,
       "aria-autocomplete": "list",
       "aria-activedescendant": typeof highlightedIndex === "number" ? getItemId(id, highlightedIndex) : void 0,
       "aria-describedby": assistiveDescriptionId,
@@ -771,7 +766,6 @@ const Autosuggest = forwardRef(function({
             {
               ...restProps,
               id,
-              labelId: a11y.labelProps.id,
               value: value.text,
               prefix: void 0,
               secondaryIcon: onClear ? /* @__PURE__ */ jsx(

package/dist/styles/lib/components/Button/Button.css.cjs

@@ -1,12 +1,12 @@
 "use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
+const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const cssUtils = require("@vanilla-extract/css-utils");
 const polished = require("polished");
 const styles_lib_css_colorModeStyle_cjs = require("../../css/colorModeStyle.cjs");
 const styles_lib_css_responsiveStyle_cjs = require("../../css/responsiveStyle.cjs");
 const styles_lib_themes_vars_css_cjs = require("../../themes/vars.css.cjs");
-fileScope.setFileScope("src/lib/components/Button/Button.css.ts", "braid-design-system");
+__vanilla_filescope__.setFileScope("src/lib/components/Button/Button.css.ts", "braid-design-system");
 const root = css.style({
   textDecoration: "none"
 }, "root");
@@ -132,7 +132,7 @@ const invertedBackgroundsDarkMode = css.styleVariants({
     }
   })
 }, "invertedBackgroundsDarkMode");
-fileScope.endFileScope();
+__vanilla_filescope__.endFileScope();
 exports.activeOverlay = activeOverlay;
 exports.bleedVerticallyToCapHeight = bleedVerticallyToCapHeight;
 exports.focusOverlay = focusOverlay;

package/dist/styles/lib/components/ButtonIcon/ButtonIcon.css.cjs

@@ -1,7 +1,7 @@
 "use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
+const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/lib/components/ButtonIcon/ButtonIcon.css.ts", "braid-design-system");
+__vanilla_filescope__.setFileScope("src/lib/components/ButtonIcon/ButtonIcon.css.ts", "braid-design-system");
 const button = css.style({
   ":hover": {
     zIndex: 1
@@ -12,5 +12,5 @@ const button = css.style({
     }
   }
 }, "button");
-fileScope.endFileScope();
+__vanilla_filescope__.endFileScope();
 exports.button = button;

package/dist/styles/lib/components/Column/Column.css.cjs

@@ -1,7 +1,7 @@
 "use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
+const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/lib/components/Column/Column.css.ts", "braid-design-system");
+__vanilla_filescope__.setFileScope("src/lib/components/Column/Column.css.ts", "braid-design-system");
 const column = css.style({}, "column");
 const columnContent = css.style({
   selectors: {
@@ -24,7 +24,7 @@ const width = css.styleVariants({
   "3/5": getSizeStyle(3 / 5),
   "4/5": getSizeStyle(4 / 5)
 }, "width");
-fileScope.endFileScope();
+__vanilla_filescope__.endFileScope();
 exports.column = column;
 exports.columnContent = columnContent;
 exports.width = width;

package/dist/styles/lib/components/ContentBlock/ContentBlock.css.cjs

@@ -1,9 +1,9 @@
 "use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
+const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/lib/components/ContentBlock/ContentBlock.css.ts", "braid-design-system");
+__vanilla_filescope__.setFileScope("src/lib/components/ContentBlock/ContentBlock.css.ts", "braid-design-system");
 const marginAuto = css.style({
   margin: "0 auto"
 }, "marginAuto");
-fileScope.endFileScope();
+__vanilla_filescope__.endFileScope();
 exports.marginAuto = marginAuto;

package/dist/styles/lib/components/Divider/Divider.css.cjs

@@ -1,9 +1,9 @@
 "use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
+const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const styles_lib_css_colorModeStyle_cjs = require("../../css/colorModeStyle.cjs");
 const styles_lib_themes_vars_css_cjs = require("../../themes/vars.css.cjs");
-fileScope.setFileScope("src/lib/components/Divider/Divider.css.ts", "braid-design-system");
+__vanilla_filescope__.setFileScope("src/lib/components/Divider/Divider.css.ts", "braid-design-system");
 const base = css.style({
   height: styles_lib_themes_vars_css_cjs.vars.borderWidth.standard
 }, "base");
@@ -45,7 +45,7 @@ const darkModeWeight = css.styleVariants({
     darkMode: darkModeVars
   })
 }, "darkModeWeight");
-fileScope.endFileScope();
+__vanilla_filescope__.endFileScope();
 exports.base = base;
 exports.darkModeWeight = darkModeWeight;
 exports.lightModeWeight = lightModeWeight;

package/dist/styles/lib/components/Dropdown/Dropdown.cjs

@@ -23,7 +23,6 @@ const Dropdown = React.forwardRef(
       {
         ...restProps,
         disabled,
-        labelId: void 0,
         prefix: void 0,
         secondaryMessage: null,
         value,

package/dist/styles/lib/components/Dropdown/Dropdown.css.cjs

@@ -1,10 +1,10 @@
 "use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
+const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const styles_lib_themes_vars_css_cjs = require("../../themes/vars.css.cjs");
-fileScope.setFileScope("src/lib/components/Dropdown/Dropdown.css.ts", "braid-design-system");
+__vanilla_filescope__.setFileScope("src/lib/components/Dropdown/Dropdown.css.ts", "braid-design-system");
 const field = css.style({
   paddingRight: styles_lib_themes_vars_css_cjs.vars.touchableSize
 }, "field");
-fileScope.endFileScope();
+__vanilla_filescope__.endFileScope();
 exports.field = field;

package/dist/styles/lib/components/Dropdown/Dropdown.mjs

@@ -22,7 +22,6 @@ const Dropdown = forwardRef(
       {
         ...restProps,
         disabled,
-        labelId: void 0,
         prefix: void 0,
         secondaryMessage: null,
         value,

package/dist/styles/lib/components/Hidden/Hidden.css.cjs

@@ -1,7 +1,7 @@
 "use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
+const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/lib/components/Hidden/Hidden.css.ts", "braid-design-system");
+__vanilla_filescope__.setFileScope("src/lib/components/Hidden/Hidden.css.ts", "braid-design-system");
 const hiddenOnPrint = css.style({
   "@media": {
     print: {
@@ -9,5 +9,5 @@ const hiddenOnPrint = css.style({
     }
   }
 }, "hiddenOnPrint");
-fileScope.endFileScope();
+__vanilla_filescope__.endFileScope();
 exports.hiddenOnPrint = hiddenOnPrint;

package/dist/styles/lib/components/HiddenVisually/HiddenVisually.css.cjs

@@ -1,12 +1,12 @@
 "use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
+const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/lib/components/HiddenVisually/HiddenVisually.css.ts", "braid-design-system");
+__vanilla_filescope__.setFileScope("src/lib/components/HiddenVisually/HiddenVisually.css.ts", "braid-design-system");
 const root = css.style({
   width: 1,
   height: 1,
   clip: "rect(1px, 1px, 1px, 1px)",
   whiteSpace: "nowrap"
 }, "root");
-fileScope.endFileScope();
+__vanilla_filescope__.endFileScope();
 exports.root = root;

package/dist/styles/lib/components/List/List.css.cjs

@@ -1,7 +1,7 @@
 "use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
+const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/lib/components/List/List.css.ts", "braid-design-system");
+__vanilla_filescope__.setFileScope("src/lib/components/List/List.css.ts", "braid-design-system");
 const currentColor = css.style({
   background: "currentColor"
 }, "currentColor");
@@ -32,7 +32,7 @@ const minCharacterWidth = [css.style({
 const trimGutter = css.style({
   marginRight: `${-dotWidth}ch`
 }, "trimGutter");
-fileScope.endFileScope();
+__vanilla_filescope__.endFileScope();
 exports.currentColor = currentColor;
 exports.minCharacterWidth = minCharacterWidth;
 exports.size = size;

package/dist/styles/lib/components/Loader/Loader.css.cjs

@@ -1,9 +1,9 @@
 "use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
+const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const styles_lib_css_responsiveStyle_cjs = require("../../css/responsiveStyle.cjs");
 const styles_lib_themes_vars_css_cjs = require("../../themes/vars.css.cjs");
-fileScope.setFileScope("src/lib/components/Loader/Loader.css.ts", "braid-design-system");
+__vanilla_filescope__.setFileScope("src/lib/components/Loader/Loader.css.ts", "braid-design-system");
 const rootSize = css.styleVariants(styles_lib_themes_vars_css_cjs.vars.textSize, ({
   mobile,
   tablet
@@ -74,7 +74,7 @@ const delay = css.style({
   animationDuration: "0.25s",
   animationDelay: `${animationDelayValueInMs}ms`
 }, "delay");
-fileScope.endFileScope();
+__vanilla_filescope__.endFileScope();
 exports.circle = circle;
 exports.currentColor = currentColor;
 exports.delay = delay;

package/dist/styles/lib/components/MenuItem/useMenuItem.css.cjs

@@ -1,7 +1,7 @@
 "use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
+const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/lib/components/MenuItem/useMenuItem.css.ts", "braid-design-system");
+__vanilla_filescope__.setFileScope("src/lib/components/MenuItem/useMenuItem.css.ts", "braid-design-system");
 const menuItem = css.style({
   selectors: {
     [`&::-moz-focus-inner`]: {
@@ -9,5 +9,5 @@ const menuItem = css.style({
     }
   }
 }, "menuItem");
-fileScope.endFileScope();
+__vanilla_filescope__.endFileScope();
 exports.menuItem = menuItem;

package/dist/styles/lib/components/MenuItemCheckbox/MenuItemCheckbox.css.cjs

@@ -1,10 +1,10 @@
 "use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
+const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const cssUtils = require("@vanilla-extract/css-utils");
 const styles_lib_css_responsiveStyle_cjs = require("../../css/responsiveStyle.cjs");
 const styles_lib_themes_vars_css_cjs = require("../../themes/vars.css.cjs");
-fileScope.setFileScope("src/lib/components/MenuItemCheckbox/MenuItemCheckbox.css.ts", "braid-design-system");
+__vanilla_filescope__.setFileScope("src/lib/components/MenuItemCheckbox/MenuItemCheckbox.css.ts", "braid-design-system");
 const checkboxFieldSize = styles_lib_themes_vars_css_cjs.vars.inlineFieldSize.small;
 const menuItemCapHeight = css.createVar("menuItemCapHeight");
 const crop = css.createVar("crop");
@@ -26,5 +26,5 @@ const checkboxSize = css.style([styles_lib_css_responsiveStyle_cjs.responsiveSty
   marginTop: crop,
   marginBottom: crop
 }], "checkboxSize");
-fileScope.endFileScope();
+__vanilla_filescope__.endFileScope();
 exports.checkboxSize = checkboxSize;

package/dist/styles/lib/components/MenuRenderer/MenuRenderer.css.cjs

@@ -1,9 +1,9 @@
 "use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
+const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const cssUtils = require("@vanilla-extract/css-utils");
 const styles_lib_themes_vars_css_cjs = require("../../themes/vars.css.cjs");
-fileScope.setFileScope("src/lib/components/MenuRenderer/MenuRenderer.css.ts", "braid-design-system");
+__vanilla_filescope__.setFileScope("src/lib/components/MenuRenderer/MenuRenderer.css.ts", "braid-design-system");
 const backdrop = css.style({
   width: "100vw",
   height: "100vh"
@@ -33,7 +33,7 @@ const width = css.styleVariants({
 const placementBottom = css.style({
   bottom: "100%"
 }, "placementBottom");
-fileScope.endFileScope();
+__vanilla_filescope__.endFileScope();
 exports.backdrop = backdrop;
 exports.menuIsClosed = menuIsClosed;
 exports.placementBottom = placementBottom;

package/dist/styles/lib/components/MonthPicker/MonthPicker.cjs

@@ -274,7 +274,6 @@ const MonthPicker = ({
       ...restProps,
       icon: void 0,
       prefix: void 0,
-      labelId: void 0,
       name: void 0,
       autoComplete: void 0,
       secondaryMessage: null,

package/dist/styles/lib/components/MonthPicker/MonthPicker.css.cjs

@@ -1,7 +1,7 @@
 "use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
+const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/lib/components/MonthPicker/MonthPicker.css.ts", "braid-design-system");
+__vanilla_filescope__.setFileScope("src/lib/components/MonthPicker/MonthPicker.css.ts", "braid-design-system");
 const nativeInput = css.style({
   selectors: {
     "&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator, &::-webkit-clear-button": {
@@ -10,5 +10,5 @@ const nativeInput = css.style({
     }
   }
 }, "nativeInput");
-fileScope.endFileScope();
+__vanilla_filescope__.endFileScope();
 exports.nativeInput = nativeInput;

package/dist/styles/lib/components/MonthPicker/MonthPicker.mjs

@@ -271,7 +271,6 @@ const MonthPicker = ({
       ...restProps,
       icon: void 0,
       prefix: void 0,
-      labelId: void 0,
       name: void 0,
       autoComplete: void 0,
       secondaryMessage: null,

package/dist/styles/lib/components/OverflowMenu/OverflowMenu.css.cjs

@@ -1,9 +1,9 @@
 "use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
+const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/lib/components/OverflowMenu/OverflowMenu.css.ts", "braid-design-system");
+__vanilla_filescope__.setFileScope("src/lib/components/OverflowMenu/OverflowMenu.css.ts", "braid-design-system");
 const triggerOffset = css.style({
   margin: "-1px -6px"
 }, "triggerOffset");
-fileScope.endFileScope();
+__vanilla_filescope__.endFileScope();
 exports.triggerOffset = triggerOffset;

package/dist/styles/lib/components/Page/Page.css.cjs

@@ -1,10 +1,10 @@
 "use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
+const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/lib/components/Page/Page.css.ts", "braid-design-system");
+__vanilla_filescope__.setFileScope("src/lib/components/Page/Page.css.ts", "braid-design-system");
 const heightLimit = css.createVar("heightLimit");
 const fullHeight = css.style({
   minHeight: css.fallbackVar(heightLimit, "100vh")
 }, "fullHeight");
-fileScope.endFileScope();
+__vanilla_filescope__.endFileScope();
 exports.fullHeight = fullHeight;

package/dist/styles/lib/components/Pagination/Pagination.css.cjs

@@ -1,8 +1,8 @@
 "use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
+const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const styles_lib_css_colorModeStyle_cjs = require("../../css/colorModeStyle.cjs");
-fileScope.setFileScope("src/lib/components/Pagination/Pagination.css.ts", "braid-design-system");
+__vanilla_filescope__.setFileScope("src/lib/components/Pagination/Pagination.css.ts", "braid-design-system");
 const hover = css.style({}, "hover");
 const lightModeCurrentKeyline = css.style(styles_lib_css_colorModeStyle_cjs.colorModeStyle({
   lightMode: {
@@ -24,7 +24,7 @@ const background = css.style({
     }
   }
 }, "background");
-fileScope.endFileScope();
+__vanilla_filescope__.endFileScope();
 exports.background = background;
 exports.current = current;
 exports.darkModeCurrentKeyline = darkModeCurrentKeyline;

package/dist/styles/lib/components/Rating/Rating.css.cjs

@@ -1,9 +1,9 @@
 "use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
+const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const styles_lib_css_colorModeStyle_cjs = require("../../css/colorModeStyle.cjs");
 const styles_lib_themes_vars_css_cjs = require("../../themes/vars.css.cjs");
-fileScope.setFileScope("src/lib/components/Rating/Rating.css.ts", "braid-design-system");
+__vanilla_filescope__.setFileScope("src/lib/components/Rating/Rating.css.ts", "braid-design-system");
 const lightModeStarColor = css.style(styles_lib_css_colorModeStyle_cjs.colorModeStyle({
   lightMode: {
     color: styles_lib_themes_vars_css_cjs.vars.foregroundColor.rating
@@ -20,7 +20,7 @@ const starSpacing = css.style({
 const textSpacing = css.style({
   paddingLeft: "0.4em"
 }, "textSpacing");
-fileScope.endFileScope();
+__vanilla_filescope__.endFileScope();
 exports.darkModeStarColor = darkModeStarColor;
 exports.lightModeStarColor = lightModeStarColor;
 exports.starSpacing = starSpacing;

package/dist/styles/lib/components/Stepper/Stepper.css.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
+const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const cssUtils = require("@vanilla-extract/css-utils");
 const styles_lib_css_atoms_atoms_cjs = require("../../css/atoms/atoms.cjs");
@@ -7,7 +7,7 @@ const styles_lib_css_colorModeStyle_cjs = require("../../css/colorModeStyle.cjs"
 const styles_lib_css_responsiveStyle_cjs = require("../../css/responsiveStyle.cjs");
 const styles_lib_themes_vars_css_cjs = require("../../themes/vars.css.cjs");
 const styles_lib_components_private_hideFocusRings_hideFocusRingsDataAttribute_cjs = require("../private/hideFocusRings/hideFocusRingsDataAttribute.cjs");
-fileScope.setFileScope("src/lib/components/Stepper/Stepper.css.ts", "braid-design-system");
+__vanilla_filescope__.setFileScope("src/lib/components/Stepper/Stepper.css.ts", "braid-design-system");
 const baseColourVar = css.createVar("baseColourVar");
 const highlightVar = css.createVar("highlightVar");
 const stepIndicatorSize = styles_lib_themes_vars_css_cjs.vars.inlineFieldSize.small;
@@ -149,7 +149,7 @@ const focusOverlay = css.style({
     }
   }
 }, "focusOverlay");
-fileScope.endFileScope();
+__vanilla_filescope__.endFileScope();
 exports.active = active;
 exports.complete = complete;
 exports.focusOverlay = focusOverlay;

package/dist/styles/lib/components/Tabs/Tabs.css.cjs

@@ -1,10 +1,10 @@
 "use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
+const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const cssUtils = require("@vanilla-extract/css-utils");
 const styles_lib_css_colorModeStyle_cjs = require("../../css/colorModeStyle.cjs");
 const styles_lib_themes_vars_css_cjs = require("../../themes/vars.css.cjs");
-fileScope.setFileScope("src/lib/components/Tabs/Tabs.css.ts", "braid-design-system");
+__vanilla_filescope__.setFileScope("src/lib/components/Tabs/Tabs.css.ts", "braid-design-system");
 const tab = css.style({
   selectors: {
     "&::-moz-focus-inner": {
@@ -79,7 +79,7 @@ const tabPanelFocusRing = css.style({
 const divider = css.style({
   height: styles_lib_themes_vars_css_cjs.vars.borderWidth.standard
 }, "divider");
-fileScope.endFileScope();
+__vanilla_filescope__.endFileScope();
 exports.cropToIconX = cropToIconX;
 exports.divider = divider;
 exports.hoveredTab = hoveredTab;

package/dist/styles/lib/components/Tag/Tag.css.cjs

@@ -1,9 +1,9 @@
 "use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
+const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/lib/components/Tag/Tag.css.ts", "braid-design-system");
+__vanilla_filescope__.setFileScope("src/lib/components/Tag/Tag.css.ts", "braid-design-system");
 const clearGutter = css.style({
   paddingLeft: "1px"
 }, "clearGutter");
-fileScope.endFileScope();
+__vanilla_filescope__.endFileScope();
 exports.clearGutter = clearGutter;

package/dist/styles/lib/components/TextDropdown/TextDropdown.css.cjs

@@ -1,10 +1,10 @@
 "use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
+const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const cssUtils = require("@vanilla-extract/css-utils");
 const styles_lib_themes_vars_css_cjs = require("../../themes/vars.css.cjs");
 const styles_lib_components_private_touchable_virtualTouchableRules_cjs = require("../private/touchable/virtualTouchableRules.cjs");
-fileScope.setFileScope("src/lib/components/TextDropdown/TextDropdown.css.ts", "braid-design-system");
+__vanilla_filescope__.setFileScope("src/lib/components/TextDropdown/TextDropdown.css.ts", "braid-design-system");
 const select = css.style({
   ...styles_lib_components_private_touchable_virtualTouchableRules_cjs.virtualTouchableRules
 }, "select");
@@ -20,6 +20,6 @@ const focusOverlay = [css.style({
   left: cssUtils.calc.negate(styles_lib_themes_vars_css_cjs.vars.space.xxsmall),
   right: cssUtils.calc.negate(styles_lib_themes_vars_css_cjs.vars.space.xxsmall)
 }, "focusOverlay")];
-fileScope.endFileScope();
+__vanilla_filescope__.endFileScope();
 exports.focusOverlay = focusOverlay;
 exports.select = select;

package/dist/styles/lib/components/TextLink/TextLink.css.cjs

@@ -1,9 +1,9 @@
 "use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
+const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const styles_lib_css_atoms_sprinkles_css_cjs = require("../../css/atoms/sprinkles.css.cjs");
 const styles_lib_themes_vars_css_cjs = require("../../themes/vars.css.cjs");
-fileScope.setFileScope("src/lib/components/TextLink/TextLink.css.ts", "braid-design-system");
+__vanilla_filescope__.setFileScope("src/lib/components/TextLink/TextLink.css.ts", "braid-design-system");
 const textLinkVars = css.createThemeContract({
   color: null,
   colorHover: null
@@ -123,7 +123,7 @@ const visitedDarkMode = css.styleVariants({
     }
   }
 }, "visitedDarkMode");
-fileScope.endFileScope();
+__vanilla_filescope__.endFileScope();
 exports.base = base;
 exports.regularLinkDarkMode = regularLinkDarkMode;
 exports.regularLinkLightMode = regularLinkLightMode;