braid-design-system 32.16.2 → 32.16.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # braid-design-system
 
+## 32.16.3
+
+### Patch Changes
+
+- Update Capsize dependencies ([#1456](https://github.com/seek-oss/braid-design-system/pull/1456))
+
+- **Checkbox:** Improve tri-state handling ([#1458](https://github.com/seek-oss/braid-design-system/pull/1458))
+
+  Fixes a bug in [tri-state] `Checkbox` where transitioning from `mixed` to `checked` could result in the visual presentation being out of sync with the desired state.
+
+  [tri-state]: https://seek-oss.github.io/braid-design-system/components/Checkbox#tri-state-support
+
 ## 32.16.2
 
 ### Patch Changes

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

@@ -1,9 +1,9 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const cssUtils = require("@vanilla-extract/css-utils");
 const lib_themes_vars_css_cjs = require("../../themes/vars.css.cjs");
-__vanilla_filescope__.setFileScope("src/lib/components/Accordion/AccordionItem.css.ts", "braid-design-system");
+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(lib_themes_vars_css_cjs.vars.space.xsmall),
@@ -16,6 +16,6 @@ const focusRing = css.style({
     }
   }
 }, "focusRing");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.button = button;
 exports.focusRing = focusRing;

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

@@ -1,7 +1,7 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-__vanilla_filescope__.setFileScope("src/lib/components/Alert/Alert.css.ts", "braid-design-system");
+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");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.closeButton = closeButton;
 exports.closeButtonFocus = closeButtonFocus;
 exports.closeButtonHover = closeButtonHover;

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

@@ -1,10 +1,10 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const cssUtils = require("@vanilla-extract/css-utils");
 const lib_css_responsiveStyle_cjs = require("../../css/responsiveStyle.cjs");
 const lib_themes_vars_css_cjs = require("../../themes/vars.css.cjs");
-__vanilla_filescope__.setFileScope("src/lib/components/Autosuggest/Autosuggest.css.ts", "braid-design-system");
+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(lib_css_responsiveStyle_cjs.responsiveStyle({
 const groupHeading = css.style({
   textTransform: "uppercase"
 }, "groupHeading");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.backdrop = backdrop;
 exports.backdropVisible = backdropVisible;
 exports.groupHeading = groupHeading;

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

@@ -1,12 +1,12 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const cssUtils = require("@vanilla-extract/css-utils");
 const polished = require("polished");
 const lib_css_colorModeStyle_cjs = require("../../css/colorModeStyle.cjs");
 const lib_css_responsiveStyle_cjs = require("../../css/responsiveStyle.cjs");
 const lib_themes_vars_css_cjs = require("../../themes/vars.css.cjs");
-__vanilla_filescope__.setFileScope("src/lib/components/Button/Button.css.ts", "braid-design-system");
+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");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.activeOverlay = activeOverlay;
 exports.bleedVerticallyToCapHeight = bleedVerticallyToCapHeight;
 exports.focusOverlay = focusOverlay;

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

@@ -1,7 +1,7 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-__vanilla_filescope__.setFileScope("src/lib/components/ButtonIcon/ButtonIcon.css.ts", "braid-design-system");
+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");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.button = button;

package/dist/lib/components/Checkbox/resolveCheckedGroup.cjs

@@ -1,3 +1,11 @@
 "use strict";
-const resolveCheckedGroup = (values) => values.some((value) => value !== values[0]) ? "mixed" : values[0] ?? false;
+const resolveCheckedGroup = (values) => {
+  const checkedCount = values.filter(Boolean).length;
+  const someChecked = checkedCount > 0;
+  const totalCount = values.length;
+  if (someChecked && checkedCount !== totalCount) {
+    return "mixed";
+  }
+  return someChecked;
+};
 exports.resolveCheckedGroup = resolveCheckedGroup;

package/dist/lib/components/Checkbox/resolveCheckedGroup.mjs

@@ -1,4 +1,12 @@
-const resolveCheckedGroup = (values) => values.some((value) => value !== values[0]) ? "mixed" : values[0] ?? false;
+const resolveCheckedGroup = (values) => {
+  const checkedCount = values.filter(Boolean).length;
+  const someChecked = checkedCount > 0;
+  const totalCount = values.length;
+  if (someChecked && checkedCount !== totalCount) {
+    return "mixed";
+  }
+  return someChecked;
+};
 export {
   resolveCheckedGroup
 };

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

@@ -1,7 +1,7 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-__vanilla_filescope__.setFileScope("src/lib/components/Column/Column.css.ts", "braid-design-system");
+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");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.column = column;
 exports.columnContent = columnContent;
 exports.width = width;

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-__vanilla_filescope__.setFileScope("src/lib/components/Hidden/Hidden.css.ts", "braid-design-system");
+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");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.hiddenOnPrint = hiddenOnPrint;

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

@@ -1,12 +1,12 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-__vanilla_filescope__.setFileScope("src/lib/components/HiddenVisually/HiddenVisually.css.ts", "braid-design-system");
+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");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.root = root;

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

@@ -1,7 +1,7 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-__vanilla_filescope__.setFileScope("src/lib/components/List/List.css.ts", "braid-design-system");
+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");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.currentColor = currentColor;
 exports.minCharacterWidth = minCharacterWidth;
 exports.size = size;

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

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

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

@@ -1,7 +1,7 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-__vanilla_filescope__.setFileScope("src/lib/components/MenuItem/useMenuItem.css.ts", "braid-design-system");
+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");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.menuItem = menuItem;

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

@@ -1,10 +1,10 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const cssUtils = require("@vanilla-extract/css-utils");
 const lib_css_responsiveStyle_cjs = require("../../css/responsiveStyle.cjs");
 const lib_themes_vars_css_cjs = require("../../themes/vars.css.cjs");
-__vanilla_filescope__.setFileScope("src/lib/components/MenuItemCheckbox/MenuItemCheckbox.css.ts", "braid-design-system");
+fileScope.setFileScope("src/lib/components/MenuItemCheckbox/MenuItemCheckbox.css.ts", "braid-design-system");
 const checkboxFieldSize = 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([lib_css_responsiveStyle_cjs.responsiveStyle({
   marginTop: crop,
   marginBottom: crop
 }], "checkboxSize");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.checkboxSize = checkboxSize;

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

@@ -1,9 +1,9 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const cssUtils = require("@vanilla-extract/css-utils");
 const lib_themes_vars_css_cjs = require("../../themes/vars.css.cjs");
-__vanilla_filescope__.setFileScope("src/lib/components/MenuRenderer/MenuRenderer.css.ts", "braid-design-system");
+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");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.backdrop = backdrop;
 exports.menuIsClosed = menuIsClosed;
 exports.placementBottom = placementBottom;

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

@@ -1,7 +1,7 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-__vanilla_filescope__.setFileScope("src/lib/components/MonthPicker/MonthPicker.css.ts", "braid-design-system");
+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");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.nativeInput = nativeInput;

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

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

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

@@ -1,10 +1,10 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-__vanilla_filescope__.setFileScope("src/lib/components/Page/Page.css.ts", "braid-design-system");
+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");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.fullHeight = fullHeight;

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,9 +1,9 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const lib_css_atoms_sprinkles_css_cjs = require("../../css/atoms/sprinkles.css.cjs");
 const lib_themes_vars_css_cjs = require("../../themes/vars.css.cjs");
-__vanilla_filescope__.setFileScope("src/lib/components/TextLink/TextLink.css.ts", "braid-design-system");
+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");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.base = base;
 exports.regularLinkDarkMode = regularLinkDarkMode;
 exports.regularLinkLightMode = regularLinkLightMode;

package/dist/lib/components/Textarea/Highlight/Highlight.css.cjs

@@ -1,10 +1,10 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const lib_css_atoms_atoms_cjs = require("../../../css/atoms/atoms.cjs");
 const lib_css_colorModeStyle_cjs = require("../../../css/colorModeStyle.cjs");
 const lib_themes_vars_css_cjs = require("../../../themes/vars.css.cjs");
-__vanilla_filescope__.setFileScope("src/lib/components/Textarea/Highlight/Highlight.css.ts", "braid-design-system");
+fileScope.setFileScope("src/lib/components/Textarea/Highlight/Highlight.css.ts", "braid-design-system");
 const space = "2px";
 const root = css.style([lib_css_atoms_atoms_cjs.atoms({
   borderRadius: "small"
@@ -33,7 +33,7 @@ const caution = css.style([{
     background: lib_themes_vars_css_cjs.vars.backgroundColor.cautionLight
   }
 })], "caution");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.caution = caution;
 exports.critical = critical;
 exports.root = root;

package/dist/lib/components/Textarea/Textarea.css.cjs

@@ -1,9 +1,9 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const cssUtils = require("@vanilla-extract/css-utils");
 const css = require("@vanilla-extract/css");
 const lib_themes_vars_css_cjs = require("../../themes/vars.css.cjs");
-__vanilla_filescope__.setFileScope("src/lib/components/Textarea/Textarea.css.ts", "braid-design-system");
+fileScope.setFileScope("src/lib/components/Textarea/Textarea.css.ts", "braid-design-system");
 const field = css.style({
   resize: "vertical",
   background: "transparent",
@@ -17,6 +17,6 @@ const highlights = css.style({
     content: '"\\A"'
   }
 }, "highlights");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.field = field;
 exports.highlights = highlights;

package/dist/lib/components/Tiles/Tiles.css.cjs

@@ -1,8 +1,8 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const lib_css_responsiveStyle_cjs = require("../../css/responsiveStyle.cjs");
-__vanilla_filescope__.setFileScope("src/lib/components/Tiles/Tiles.css.ts", "braid-design-system");
+fileScope.setFileScope("src/lib/components/Tiles/Tiles.css.ts", "braid-design-system");
 const columnsWidths = {
   1: "100%",
   2: `${100 / 2}%`,
@@ -20,7 +20,7 @@ const columnsMobile = makeColumnsAtoms("mobile");
 const columnsTablet = makeColumnsAtoms("tablet");
 const columnsDesktop = makeColumnsAtoms("desktop");
 const columnsWide = makeColumnsAtoms("wide");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.columnsDesktop = columnsDesktop;
 exports.columnsMobile = columnsMobile;
 exports.columnsTablet = columnsTablet;