braid-design-system 32.16.2 → 32.16.3

package/dist/lib/themes/docs/docsTheme.css.cjs

@@ -1,8 +1,8 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const lib_themes_docs_tokens_cjs = require("./tokens.cjs");
 const lib_themes_makeBraidTheme_cjs = require("../makeBraidTheme.cjs");
-__vanilla_filescope__.setFileScope("src/lib/themes/docs/docsTheme.css.ts", "braid-design-system");
+fileScope.setFileScope("src/lib/themes/docs/docsTheme.css.ts", "braid-design-system");
 const docsTheme_css = lib_themes_makeBraidTheme_cjs.makeBraidTheme(lib_themes_docs_tokens_cjs.tokens);
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.docsTheme_css = docsTheme_css;

package/dist/lib/themes/docs/tokens.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const appleSystemMetrics = require("@capsizecss/metrics/appleSystem.js");
+const appleSystemMetrics = require("@capsizecss/metrics/appleSystem");
 const polished = require("polished");
 const lib_color_palette_cjs = require("../../color/palette.cjs");
 const lib_themes_tokenType_cjs = require("../tokenType.cjs");

package/dist/lib/themes/docs/tokens.mjs

@@ -1,4 +1,4 @@
-import appleSystemMetrics from "@capsizecss/metrics/appleSystem.js";
+import appleSystemMetrics from "@capsizecss/metrics/appleSystem";
 import { rgba, darken, lighten } from "polished";
 import { palette } from "../../color/palette.mjs";
 import { extractFontMetricsForTheme } from "../tokenType.mjs";

package/dist/lib/themes/seekBusiness/seekBusinessTheme.css.cjs

@@ -1,8 +1,8 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const lib_themes_seekBusiness_tokens_cjs = require("./tokens.cjs");
 const lib_themes_makeBraidTheme_cjs = require("../makeBraidTheme.cjs");
-__vanilla_filescope__.setFileScope("src/lib/themes/seekBusiness/seekBusinessTheme.css.ts", "braid-design-system");
+fileScope.setFileScope("src/lib/themes/seekBusiness/seekBusinessTheme.css.ts", "braid-design-system");
 const seekBusinessTheme_css = lib_themes_makeBraidTheme_cjs.makeBraidTheme(lib_themes_seekBusiness_tokens_cjs.tokens);
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.seekBusinessTheme_css = seekBusinessTheme_css;

package/dist/lib/themes/seekJobs/seekJobs.css.cjs

@@ -1,8 +1,8 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const lib_themes_seekJobs_tokens_cjs = require("./tokens.cjs");
 const lib_themes_makeBraidTheme_cjs = require("../makeBraidTheme.cjs");
-__vanilla_filescope__.setFileScope("src/lib/themes/seekJobs/seekJobs.css.ts", "braid-design-system");
+fileScope.setFileScope("src/lib/themes/seekJobs/seekJobs.css.ts", "braid-design-system");
 const seekJobs_css = lib_themes_makeBraidTheme_cjs.makeBraidTheme(lib_themes_seekJobs_tokens_cjs.tokens);
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.seekJobs_css = seekJobs_css;

package/dist/lib/themes/vars.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_themes_makeVanillaTheme_cjs = require("./makeVanillaTheme.cjs");
 const lib_themes_docs_tokens_cjs = require("./docs/tokens.cjs");
-__vanilla_filescope__.setFileScope("src/lib/themes/vars.css.ts", "braid-design-system");
+fileScope.setFileScope("src/lib/themes/vars.css.ts", "braid-design-system");
 const vars = css.createThemeContract(lib_themes_makeVanillaTheme_cjs.makeVanillaTheme(lib_themes_docs_tokens_cjs.tokens));
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.vars = vars;

package/dist/lib/themes/wireframe/tokens.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const courierNewMetrics = require("@capsizecss/metrics/courierNew.js");
+const courierNewMetrics = require("@capsizecss/metrics/courierNew");
 const polished = require("polished");
 const lib_themes_tokenType_cjs = require("../tokenType.cjs");
 const lib_utils_a11y_index_cjs = require("../../utils/a11y/index.cjs");

package/dist/lib/themes/wireframe/tokens.mjs

@@ -1,4 +1,4 @@
-import courierNewMetrics from "@capsizecss/metrics/courierNew.js";
+import courierNewMetrics from "@capsizecss/metrics/courierNew";
 import { lighten, tint, darken } from "polished";
 import { extractFontMetricsForTheme } from "../tokenType.mjs";
 import { getLightVariant, findClosestAccessibleLighterColor, getAccessibleVariant } from "../../utils/a11y/index.mjs";

package/dist/lib/themes/wireframe/wireframeTheme.css.cjs

@@ -1,8 +1,8 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const lib_themes_wireframe_tokens_cjs = require("./tokens.cjs");
 const lib_themes_makeBraidTheme_cjs = require("../makeBraidTheme.cjs");
-__vanilla_filescope__.setFileScope("src/lib/themes/wireframe/wireframeTheme.css.ts", "braid-design-system");
+fileScope.setFileScope("src/lib/themes/wireframe/wireframeTheme.css.ts", "braid-design-system");
 const wireframe = lib_themes_makeBraidTheme_cjs.makeBraidTheme(lib_themes_wireframe_tokens_cjs.tokens);
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.wireframe = wireframe;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "braid-design-system",
-  "version": "32.16.2",
+  "version": "32.16.3",
   "description": "Themeable design system for the SEEK Group",
   "homepage": "https://seek-oss.github.io/braid-design-system/",
   "bugs": {
@@ -165,8 +165,9 @@
     "themes/wireframe"
   ],
   "dependencies": {
-    "@capsizecss/core": "^3.1.0",
-    "@capsizecss/metrics": "^1.1.1",
+    "@capsizecss/core": "^4.0.0",
+    "@capsizecss/metrics": "^2.0.0",
+    "@capsizecss/vanilla-extract": "^2.0.0",
     "@types/autosuggest-highlight": "^3.1.1",
     "@types/dedent": "^0.7.0",
     "@types/lodash": "^4.14.168",
@@ -194,7 +195,6 @@
     "@babel/core": "^7.18.0",
     "@babel/plugin-transform-typescript": "^7.20.13",
     "@braid-design-system/source.macro": "*",
-    "@capsizecss/vanilla-extract": "^1.0.1",
     "@svgr/core": "^5.5.0",
     "@svgr/plugin-jsx": "^5.5.0",
     "@svgr/plugin-prettier": "^5.5.0",

package/dist/lib/css/capsize.css.cjs

@@ -1,79 +0,0 @@
-"use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
-const css = require("@vanilla-extract/css");
-const core = require("@capsizecss/core");
-function _interopNamespaceCompat(e) {
-  if (e && typeof e === "object" && "default" in e)
-    return e;
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const __vanilla_filescope____namespace = /* @__PURE__ */ _interopNamespaceCompat(__vanilla_filescope__);
-__vanilla_filescope____namespace.setFileScope("packages/vanilla-extract/src/capsize.css.ts", "capsize");
-const capsizeVars = css.createThemeContract({
-  fontSize: null,
-  lineHeight: null,
-  capHeightTrim: null,
-  baselineTrim: null
-});
-const capsizeStyle = css.style(core.createStyleObject({
-  fontSize: capsizeVars.fontSize,
-  lineHeight: capsizeVars.lineHeight,
-  capHeightTrim: capsizeVars.capHeightTrim,
-  baselineTrim: capsizeVars.baselineTrim
-}), "capsizeStyle");
-__vanilla_filescope____namespace.endFileScope();
-const createVanillaStyle = (_ref) => {
-  let {
-    values,
-    mediaQueries,
-    debugId
-  } = _ref;
-  const vars = {
-    vars: css.assignVars(capsizeVars, values)
-  };
-  if (typeof mediaQueries !== "undefined") {
-    const mqs = {};
-    Object.entries(mediaQueries["@media"]).forEach((_ref2) => {
-      let [mq, val] = _ref2;
-      const builtValues = "capHeightTrim" in val ? val : core.precomputeValues(val);
-      mqs[mq] = {
-        vars: css.assignVars(capsizeVars, builtValues)
-      };
-    });
-    vars["@media"] = mqs;
-  }
-  return css.composeStyles(capsizeStyle, css.style(vars, debugId));
-};
-function createTextStyle() {
-  const hasMediaQueries = typeof (arguments.length <= 1 ? void 0 : arguments[1]) !== "undefined" && typeof (arguments.length <= 1 ? void 0 : arguments[1]) !== "string";
-  const debugId = hasMediaQueries ? arguments.length <= 2 ? void 0 : arguments[2] : arguments.length <= 1 ? void 0 : arguments[1];
-  const mediaQueries = hasMediaQueries ? arguments.length <= 1 ? void 0 : arguments[1] : void 0;
-  if ("capHeightTrim" in (arguments.length <= 0 ? void 0 : arguments[0])) {
-    return createVanillaStyle({
-      values: arguments.length <= 0 ? void 0 : arguments[0],
-      mediaQueries,
-      debugId
-    });
-  }
-  return createVanillaStyle({
-    values: core.precomputeValues(arguments.length <= 0 ? void 0 : arguments[0]),
-    mediaQueries,
-    debugId
-  });
-}
-__vanilla_filescope__.setFileScope("src/lib/css/capsize.css.ts", "braid-design-system");
-__vanilla_filescope__.endFileScope();
-exports.createTextStyle = createTextStyle;

package/dist/lib/css/capsize.css.mjs

@@ -1,62 +0,0 @@
-import * as __vanilla_filescope__ from "@vanilla-extract/css/fileScope";
-import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { createThemeContract, style, assignVars, composeStyles } from "@vanilla-extract/css";
-import { createStyleObject, precomputeValues } from "@capsizecss/core";
-__vanilla_filescope__.setFileScope("packages/vanilla-extract/src/capsize.css.ts", "capsize");
-const capsizeVars = createThemeContract({
-  fontSize: null,
-  lineHeight: null,
-  capHeightTrim: null,
-  baselineTrim: null
-});
-const capsizeStyle = style(createStyleObject({
-  fontSize: capsizeVars.fontSize,
-  lineHeight: capsizeVars.lineHeight,
-  capHeightTrim: capsizeVars.capHeightTrim,
-  baselineTrim: capsizeVars.baselineTrim
-}), "capsizeStyle");
-__vanilla_filescope__.endFileScope();
-const createVanillaStyle = (_ref) => {
-  let {
-    values,
-    mediaQueries,
-    debugId
-  } = _ref;
-  const vars = {
-    vars: assignVars(capsizeVars, values)
-  };
-  if (typeof mediaQueries !== "undefined") {
-    const mqs = {};
-    Object.entries(mediaQueries["@media"]).forEach((_ref2) => {
-      let [mq, val] = _ref2;
-      const builtValues = "capHeightTrim" in val ? val : precomputeValues(val);
-      mqs[mq] = {
-        vars: assignVars(capsizeVars, builtValues)
-      };
-    });
-    vars["@media"] = mqs;
-  }
-  return composeStyles(capsizeStyle, style(vars, debugId));
-};
-function createTextStyle() {
-  const hasMediaQueries = typeof (arguments.length <= 1 ? void 0 : arguments[1]) !== "undefined" && typeof (arguments.length <= 1 ? void 0 : arguments[1]) !== "string";
-  const debugId = hasMediaQueries ? arguments.length <= 2 ? void 0 : arguments[2] : arguments.length <= 1 ? void 0 : arguments[1];
-  const mediaQueries = hasMediaQueries ? arguments.length <= 1 ? void 0 : arguments[1] : void 0;
-  if ("capHeightTrim" in (arguments.length <= 0 ? void 0 : arguments[0])) {
-    return createVanillaStyle({
-      values: arguments.length <= 0 ? void 0 : arguments[0],
-      mediaQueries,
-      debugId
-    });
-  }
-  return createVanillaStyle({
-    values: precomputeValues(arguments.length <= 0 ? void 0 : arguments[0]),
-    mediaQueries,
-    debugId
-  });
-}
-setFileScope("src/lib/css/capsize.css.ts", "braid-design-system");
-endFileScope();
-export {
-  createTextStyle
-};