braid-design-system 32.16.0 → 32.16.2

package/dist/styles/lib/hooks/useIcon/icon.css.cjs

@@ -1,66 +0,0 @@
-"use strict";
-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");
-__vanilla_filescope__.setFileScope("src/lib/hooks/useIcon/icon.css.ts", "braid-design-system");
-const iconScaleIncrease = 0.2;
-const size = css.style({
-  width: `${1 + iconScaleIncrease}em`,
-  height: `${1 + iconScaleIncrease}em`
-}, "size");
-const cropToTextSize = css.style({
-  margin: `${iconScaleIncrease / 2 * -1}em`
-}, "cropToTextSize");
-const inlineCrop = css.style({
-  marginTop: `-${iconScaleIncrease}em`,
-  marginBottom: `-${iconScaleIncrease}em`
-}, "inlineCrop");
-const inline = css.style({
-  verticalAlign: "middle"
-}, "inline");
-const uppercaseNudge = -0.105;
-const lowercaseNudge = uppercaseNudge + 0.04;
-const verticalCorrection = 0.06;
-const alignY = {
-  uppercase: css.styleVariants({
-    none: {
-      top: `${uppercaseNudge}em`
-    },
-    up: {
-      top: `${uppercaseNudge - verticalCorrection}em`
-    },
-    down: {
-      top: `${uppercaseNudge + verticalCorrection}em`
-    }
-  }, "alignY_uppercase"),
-  lowercase: css.styleVariants({
-    none: {
-      top: `${lowercaseNudge}em`
-    },
-    up: {
-      top: `${lowercaseNudge - verticalCorrection}em`
-    },
-    down: {
-      top: `${lowercaseNudge + verticalCorrection}em`
-    }
-  }, "alignY_lowercase")
-};
-const blockWidths = css.styleVariants(styles_lib_themes_vars_css_cjs.vars.textSize, ({
-  mobile,
-  tablet
-}) => styles_lib_css_responsiveStyle_cjs.responsiveStyle({
-  mobile: {
-    width: mobile.lineHeight
-  },
-  tablet: {
-    width: tablet.lineHeight
-  }
-}), "blockWidths");
-__vanilla_filescope__.endFileScope();
-exports.alignY = alignY;
-exports.blockWidths = blockWidths;
-exports.cropToTextSize = cropToTextSize;
-exports.inline = inline;
-exports.inlineCrop = inlineCrop;
-exports.size = size;

package/dist/styles/lib/hooks/useIcon/index.cjs

@@ -1,73 +0,0 @@
-"use strict";
-const React = require("react");
-const assert = require("assert");
-const clsx = require("clsx");
-const styles_lib_components_Accordion_AccordionItem_cjs = require("../../components/Accordion/AccordionItem.cjs");
-const styles_lib_components_Heading_Heading_cjs = require("../../components/Heading/Heading.cjs");
-const styles_lib_css_lineHeightContainer_css_cjs = require("../../css/lineHeightContainer.css.cjs");
-const styles_lib_components_Accordion_Accordion_cjs = require("../../components/Accordion/Accordion.cjs");
-const styles_lib_components_icons_IconRenderer_cjs = require("../../components/icons/IconRenderer.cjs");
-const styles_lib_css_atoms_atoms_cjs = require("../../css/atoms/atoms.cjs");
-const styles_lib_css_typography_css_cjs = require("../../css/typography.css.cjs");
-const styles_lib_hooks_useIcon_icon_css_cjs = require("./icon.css.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const assert__default = /* @__PURE__ */ _interopDefaultCompat(assert);
-const clsx__default = /* @__PURE__ */ _interopDefaultCompat(clsx);
-const iconSize = ({
-  size = "standard",
-  crop = false
-} = {}) => clsx__default.default(styles_lib_hooks_useIcon_icon_css_cjs.size, styles_lib_css_typography_css_cjs.textSizeUntrimmed[size], {
-  [styles_lib_hooks_useIcon_icon_css_cjs.cropToTextSize]: crop
-});
-const iconContainerSize = (size = "standard") => clsx__default.default(styles_lib_hooks_useIcon_icon_css_cjs.blockWidths[size], styles_lib_css_lineHeightContainer_css_cjs.lineHeightContainer[size]);
-const defaultVerticalCorrection = {
-  uppercase: "none",
-  lowercase: "none"
-};
-const useIcon = ({ size, tone, alignY, data, title, titleId, ...restProps }, { verticalCorrection = defaultVerticalCorrection } = {}) => {
-  const textContext = React.useContext(styles_lib_components_Accordion_AccordionItem_cjs.TextContext);
-  const headingContext = React.useContext(styles_lib_components_Heading_Heading_cjs.HeadingContext);
-  const resolvedTone = styles_lib_css_typography_css_cjs.tone[tone || (textContext == null ? void 0 : textContext.tone) || "neutral"];
-  const toneClass = tone || !headingContext && !(textContext == null ? void 0 : textContext.tone) ? resolvedTone : void 0;
-  const isInline = Boolean(textContext || headingContext);
-  const a11yProps = title ? { title, titleId, role: "img" } : { "aria-hidden": true };
-  assert__default.default(
-    !(size && isInline),
-    `Specifying a custom \`size\` for an \`Icon\` inside the context of a \`<${textContext ? "Text" : "Heading"}>\` component is invalid. See the documentation for correct usage: https://seek-oss.github.io/braid-design-system/components/${textContext ? "Text" : "Heading"}`
-  );
-  assert__default.default(
-    !(alignY && !isInline),
-    `Specifying \`alignY\` for an \`Icon\` outside of a text component is invalid.`
-  );
-  if (size === "fill") {
-    return {
-      width: "full",
-      height: "full",
-      display: "block",
-      className: toneClass,
-      ...styles_lib_components_Accordion_Accordion_cjs.buildDataAttributes({ data, validateRestProps: restProps }),
-      ...a11yProps
-    };
-  }
-  return {
-    className: [
-      toneClass,
-      isInline ? [
-        styles_lib_components_icons_IconRenderer_cjs.iconInlineSize({
-          alignY: alignY || "uppercase",
-          verticalCorrection: verticalCorrection[alignY || "uppercase"]
-        })
-      ] : [
-        styles_lib_css_atoms_atoms_cjs.atoms({
-          display: "block"
-        }),
-        iconContainerSize(size)
-      ]
-    ],
-    ...styles_lib_components_Accordion_Accordion_cjs.buildDataAttributes({ data, validateRestProps: restProps }),
-    ...a11yProps
-  };
-};
-exports.iconContainerSize = iconContainerSize;
-exports.iconSize = iconSize;
-exports.useIcon = useIcon;

package/dist/styles/lib/hooks/useIcon/index.mjs

@@ -1,71 +0,0 @@
-import { useContext } from "react";
-import assert from "assert";
-import clsx from "clsx";
-import { TextContext } from "../../components/Accordion/AccordionItem.mjs";
-import { HeadingContext } from "../../components/Heading/Heading.mjs";
-import { lineHeightContainer } from "../../css/lineHeightContainer.css.mjs";
-import { buildDataAttributes } from "../../components/Accordion/Accordion.mjs";
-import { iconInlineSize } from "../../components/icons/IconRenderer.mjs";
-import { atoms } from "../../css/atoms/atoms.mjs";
-import { tone, textSizeUntrimmed } from "../../css/typography.css.mjs";
-import { size, cropToTextSize, blockWidths } from "./icon.css.mjs";
-const iconSize = ({
-  size: size$1 = "standard",
-  crop = false
-} = {}) => clsx(size, textSizeUntrimmed[size$1], {
-  [cropToTextSize]: crop
-});
-const iconContainerSize = (size2 = "standard") => clsx(blockWidths[size2], lineHeightContainer[size2]);
-const defaultVerticalCorrection = {
-  uppercase: "none",
-  lowercase: "none"
-};
-const useIcon = ({ size: size2, tone: tone$1, alignY, data, title, titleId, ...restProps }, { verticalCorrection = defaultVerticalCorrection } = {}) => {
-  const textContext = useContext(TextContext);
-  const headingContext = useContext(HeadingContext);
-  const resolvedTone = tone[tone$1 || (textContext == null ? void 0 : textContext.tone) || "neutral"];
-  const toneClass = tone$1 || !headingContext && !(textContext == null ? void 0 : textContext.tone) ? resolvedTone : void 0;
-  const isInline = Boolean(textContext || headingContext);
-  const a11yProps = title ? { title, titleId, role: "img" } : { "aria-hidden": true };
-  assert(
-    !(size2 && isInline),
-    `Specifying a custom \`size\` for an \`Icon\` inside the context of a \`<${textContext ? "Text" : "Heading"}>\` component is invalid. See the documentation for correct usage: https://seek-oss.github.io/braid-design-system/components/${textContext ? "Text" : "Heading"}`
-  );
-  assert(
-    !(alignY && !isInline),
-    `Specifying \`alignY\` for an \`Icon\` outside of a text component is invalid.`
-  );
-  if (size2 === "fill") {
-    return {
-      width: "full",
-      height: "full",
-      display: "block",
-      className: toneClass,
-      ...buildDataAttributes({ data, validateRestProps: restProps }),
-      ...a11yProps
-    };
-  }
-  return {
-    className: [
-      toneClass,
-      isInline ? [
-        iconInlineSize({
-          alignY: alignY || "uppercase",
-          verticalCorrection: verticalCorrection[alignY || "uppercase"]
-        })
-      ] : [
-        atoms({
-          display: "block"
-        }),
-        iconContainerSize(size2)
-      ]
-    ],
-    ...buildDataAttributes({ data, validateRestProps: restProps }),
-    ...a11yProps
-  };
-};
-export {
-  iconContainerSize,
-  iconSize,
-  useIcon
-};

package/dist/styles/lib/playroom/FrameComponent.cjs

@@ -1,145 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const curry = require("lodash/curry.js");
-const styles_lib_css_atoms_sprinkles_css_cjs = require("../css/atoms/sprinkles.css.cjs");
-const sideEffects_lib_components_BraidProvider_BraidProvider_cjs = require("../../../side-effects/lib/components/BraidProvider/BraidProvider.cjs");
-const styles_lib_components_private_Placeholder_Placeholder_cjs = require("../components/private/Placeholder/Placeholder.cjs");
-const styles_lib_components_Autosuggest_Autosuggest_cjs = require("../components/Autosuggest/Autosuggest.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const curry__default = /* @__PURE__ */ _interopDefaultCompat(curry);
-const unwrapValue = (value) => {
-  let actualValue = value;
-  if (typeof value === "object" && value !== null && "currentTarget" in value) {
-    const { currentTarget } = value;
-    actualValue = currentTarget.type === "checkbox" ? currentTarget.checked : currentTarget.value;
-  }
-  return actualValue;
-};
-const makeStoreConsumer = (defaultState, store, setStore) => {
-  const setDefaultState = (key, value) => {
-    defaultState.set(key, value);
-  };
-  const getState = (key) => store.get(key) ?? defaultState.get(key);
-  const setState = curry__default.default(
-    (key, value) => setStore(new Map(store.set(key, unwrapValue(value))))
-  );
-  const toggleState = (key) => setState(key, !getState(key));
-  const resetState = (...keys) => {
-    if (keys.length) {
-      keys.forEach((key) => {
-        store.delete(key);
-      });
-      setStore(new Map(store));
-    } else {
-      setStore(/* @__PURE__ */ new Map());
-    }
-  };
-  return {
-    setDefaultState,
-    getState,
-    setState,
-    toggleState,
-    resetState
-  };
-};
-const PlayroomStateContext = React.createContext(null);
-const PlayroomStateProvider = ({
-  defaultState: defaultStateProp,
-  children
-}) => {
-  const [fallbackDefaultState] = React.useState(() => /* @__PURE__ */ new Map());
-  const defaultState = defaultStateProp ?? fallbackDefaultState;
-  const state = React.useState(/* @__PURE__ */ new Map());
-  const storeConsumer = React.useMemo(
-    () => makeStoreConsumer(defaultState, ...state),
-    [state, defaultState]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(PlayroomStateContext.Provider, { value: storeConsumer, children });
-};
-const usePlayroomStore = () => {
-  const storeConsumer = React.useContext(PlayroomStateContext);
-  if (storeConsumer === null) {
-    throw new Error("Must be within a PlayroomStateProvider");
-  }
-  return storeConsumer;
-};
-const noop = () => {
-};
-function useFallbackState(stateKey, value, onChange, defaultValue) {
-  const playroomState = usePlayroomStore();
-  const [internalStateValue, setInternalStateValue] = React.useState(defaultValue);
-  const wrapChangeHandler = (handler) => (...args) => {
-    if (value === void 0) {
-      (stateKey ? playroomState.setState(stateKey) : setInternalStateValue)(
-        unwrapValue(args[0])
-      );
-    }
-    return (handler || noop)(...args);
-  };
-  const handleChange = wrapChangeHandler(onChange || noop);
-  const resolvedValue = value ?? (stateKey ? playroomState.getState(stateKey) ?? defaultValue : internalStateValue);
-  return [resolvedValue, handleChange];
-}
-const PlayroomLink = sideEffects_lib_components_BraidProvider_BraidProvider_cjs.makeLinkComponent(
-  ({ href, onClick, ...restProps }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    "a",
-    {
-      ref,
-      href: href ?? "#",
-      onClick: (e) => {
-        if (!href) {
-          e.preventDefault();
-        }
-        if (onClick) {
-          onClick(e);
-        }
-      },
-      ...restProps
-    }
-  )
-);
-const ResponsiveReady = ({ children }) => {
-  const responsiveReady = styles_lib_components_Autosuggest_Autosuggest_cjs.useResponsiveValue()({ mobile: true }) ?? false;
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: responsiveReady ? children : null });
-};
-const FrameComponent = ({ theme, children }) => {
-  React.useEffect(() => {
-    let code = "";
-    const darkTrigger = "braiddark";
-    const lightTrigger = "braidlight";
-    const longestTrigger = Math.max(lightTrigger.length, darkTrigger.length);
-    const colorModeToggle = (ev) => {
-      code += ev.key;
-      if (code.substr(code.length - darkTrigger.length) === darkTrigger) {
-        document.documentElement.classList.add(styles_lib_css_atoms_sprinkles_css_cjs.darkMode);
-        code = "";
-      }
-      if (code.substr(code.length - lightTrigger.length) === lightTrigger) {
-        document.documentElement.classList.remove(styles_lib_css_atoms_sprinkles_css_cjs.darkMode);
-        code = "";
-      }
-      if (code.length > longestTrigger) {
-        code = code.substr(code.length - longestTrigger);
-      }
-    };
-    window.addEventListener("keydown", colorModeToggle);
-    return () => {
-      window.removeEventListener("keydown", colorModeToggle);
-    };
-  }, []);
-  return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        dangerouslySetInnerHTML: {
-          __html: theme.webFonts.map((font) => font.linkTag).join("")
-        }
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(PlayroomStateProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(sideEffects_lib_components_BraidProvider_BraidProvider_cjs.BraidProvider, { theme, linkComponent: PlayroomLink, children: /* @__PURE__ */ jsxRuntime.jsx(styles_lib_components_private_Placeholder_Placeholder_cjs.ToastProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(ResponsiveReady, { children }) }) }) })
-  ] });
-};
-exports.FrameComponent = FrameComponent;
-exports.useFallbackState = useFallbackState;
-exports.usePlayroomStore = usePlayroomStore;

package/dist/styles/lib/playroom/FrameComponent.mjs

@@ -1,144 +0,0 @@
-import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
-import { createContext, useState, useMemo, useContext, useEffect, Fragment } from "react";
-import curry from "lodash/curry.js";
-import { darkMode } from "../css/atoms/sprinkles.css.mjs";
-import { BraidProvider, makeLinkComponent } from "../../../side-effects/lib/components/BraidProvider/BraidProvider.mjs";
-import { ToastProvider } from "../components/private/Placeholder/Placeholder.mjs";
-import { useResponsiveValue } from "../components/Autosuggest/Autosuggest.mjs";
-const unwrapValue = (value) => {
-  let actualValue = value;
-  if (typeof value === "object" && value !== null && "currentTarget" in value) {
-    const { currentTarget } = value;
-    actualValue = currentTarget.type === "checkbox" ? currentTarget.checked : currentTarget.value;
-  }
-  return actualValue;
-};
-const makeStoreConsumer = (defaultState, store, setStore) => {
-  const setDefaultState = (key, value) => {
-    defaultState.set(key, value);
-  };
-  const getState = (key) => store.get(key) ?? defaultState.get(key);
-  const setState = curry(
-    (key, value) => setStore(new Map(store.set(key, unwrapValue(value))))
-  );
-  const toggleState = (key) => setState(key, !getState(key));
-  const resetState = (...keys) => {
-    if (keys.length) {
-      keys.forEach((key) => {
-        store.delete(key);
-      });
-      setStore(new Map(store));
-    } else {
-      setStore(/* @__PURE__ */ new Map());
-    }
-  };
-  return {
-    setDefaultState,
-    getState,
-    setState,
-    toggleState,
-    resetState
-  };
-};
-const PlayroomStateContext = createContext(null);
-const PlayroomStateProvider = ({
-  defaultState: defaultStateProp,
-  children
-}) => {
-  const [fallbackDefaultState] = useState(() => /* @__PURE__ */ new Map());
-  const defaultState = defaultStateProp ?? fallbackDefaultState;
-  const state = useState(/* @__PURE__ */ new Map());
-  const storeConsumer = useMemo(
-    () => makeStoreConsumer(defaultState, ...state),
-    [state, defaultState]
-  );
-  return /* @__PURE__ */ jsx(PlayroomStateContext.Provider, { value: storeConsumer, children });
-};
-const usePlayroomStore = () => {
-  const storeConsumer = useContext(PlayroomStateContext);
-  if (storeConsumer === null) {
-    throw new Error("Must be within a PlayroomStateProvider");
-  }
-  return storeConsumer;
-};
-const noop = () => {
-};
-function useFallbackState(stateKey, value, onChange, defaultValue) {
-  const playroomState = usePlayroomStore();
-  const [internalStateValue, setInternalStateValue] = useState(defaultValue);
-  const wrapChangeHandler = (handler) => (...args) => {
-    if (value === void 0) {
-      (stateKey ? playroomState.setState(stateKey) : setInternalStateValue)(
-        unwrapValue(args[0])
-      );
-    }
-    return (handler || noop)(...args);
-  };
-  const handleChange = wrapChangeHandler(onChange || noop);
-  const resolvedValue = value ?? (stateKey ? playroomState.getState(stateKey) ?? defaultValue : internalStateValue);
-  return [resolvedValue, handleChange];
-}
-const PlayroomLink = makeLinkComponent(
-  ({ href, onClick, ...restProps }, ref) => /* @__PURE__ */ jsx(
-    "a",
-    {
-      ref,
-      href: href ?? "#",
-      onClick: (e) => {
-        if (!href) {
-          e.preventDefault();
-        }
-        if (onClick) {
-          onClick(e);
-        }
-      },
-      ...restProps
-    }
-  )
-);
-const ResponsiveReady = ({ children }) => {
-  const responsiveReady = useResponsiveValue()({ mobile: true }) ?? false;
-  return /* @__PURE__ */ jsx(Fragment$1, { children: responsiveReady ? children : null });
-};
-const FrameComponent = ({ theme, children }) => {
-  useEffect(() => {
-    let code = "";
-    const darkTrigger = "braiddark";
-    const lightTrigger = "braidlight";
-    const longestTrigger = Math.max(lightTrigger.length, darkTrigger.length);
-    const colorModeToggle = (ev) => {
-      code += ev.key;
-      if (code.substr(code.length - darkTrigger.length) === darkTrigger) {
-        document.documentElement.classList.add(darkMode);
-        code = "";
-      }
-      if (code.substr(code.length - lightTrigger.length) === lightTrigger) {
-        document.documentElement.classList.remove(darkMode);
-        code = "";
-      }
-      if (code.length > longestTrigger) {
-        code = code.substr(code.length - longestTrigger);
-      }
-    };
-    window.addEventListener("keydown", colorModeToggle);
-    return () => {
-      window.removeEventListener("keydown", colorModeToggle);
-    };
-  }, []);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        dangerouslySetInnerHTML: {
-          __html: theme.webFonts.map((font) => font.linkTag).join("")
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx(PlayroomStateProvider, { children: /* @__PURE__ */ jsx(BraidProvider, { theme, linkComponent: PlayroomLink, children: /* @__PURE__ */ jsx(ToastProvider, { children: /* @__PURE__ */ jsx(ResponsiveReady, { children }) }) }) })
-  ] });
-};
-export {
-  FrameComponent,
-  useFallbackState,
-  usePlayroomStore
-};

package/dist/styles/lib/playroom/useScope.cjs

@@ -1,59 +0,0 @@
-"use strict";
-const React = require("react");
-const styles_entries_css_cjs = require("../../../css.cjs");
-const styles_lib_playroom_FrameComponent_cjs = require("./FrameComponent.cjs");
-const styles_lib_css_atoms_sprinkles_css_cjs = require("../css/atoms/sprinkles.css.cjs");
-const styles_lib_components_Autosuggest_Autosuggest_cjs = require("../components/Autosuggest/Autosuggest.cjs");
-const styles_lib_css_breakpoints_cjs = require("../css/breakpoints.cjs");
-const styles_lib_components_private_Placeholder_Placeholder_cjs = require("../components/private/Placeholder/Placeholder.cjs");
-function useScope() {
-  const responsiveValue = styles_lib_components_Autosuggest_Autosuggest_cjs.useResponsiveValue();
-  const [colorMode, setColorMode] = React.useState(
-    "lightMode"
-  );
-  React.useEffect(() => {
-    const observer = new MutationObserver((mutationsList) => {
-      for (const mutation of mutationsList) {
-        if (mutation.type === "attributes" && mutation.attributeName === "class") {
-          setColorMode(
-            document.documentElement.classList.contains(styles_lib_css_atoms_sprinkles_css_cjs.darkMode) ? "darkMode" : "lightMode"
-          );
-        }
-      }
-    });
-    observer.observe(document.documentElement, { attributes: true });
-    return () => {
-      observer.disconnect();
-    };
-  }, [colorMode]);
-  function playroomColorModeValue(value) {
-    if (typeof value !== "object" || !(value.darkMode || value.lightMode)) {
-      return;
-    }
-    return document.documentElement.classList.contains(styles_lib_css_atoms_sprinkles_css_cjs.darkMode) ? value.darkMode : value.lightMode;
-  }
-  function playroomResponsiveValue(value) {
-    Object.values(value).forEach((v) => {
-      if (v === null) {
-        throw new Error(
-          `You cannot use 'null' as a value when using 'responsiveValue'.`
-        );
-      }
-    });
-    const resolvedValue = responsiveValue(value);
-    if (resolvedValue === null) {
-      return value.mobile;
-    }
-    return resolvedValue;
-  }
-  return {
-    vars: styles_entries_css_cjs.vars,
-    atoms: styles_entries_css_cjs.atoms,
-    breakpoints: styles_lib_css_breakpoints_cjs.breakpoints,
-    showToast: styles_lib_components_private_Placeholder_Placeholder_cjs.useToast(),
-    responsiveValue: playroomResponsiveValue,
-    colorModeValue: playroomColorModeValue,
-    ...styles_lib_playroom_FrameComponent_cjs.usePlayroomStore()
-  };
-}
-exports.useScope = useScope;

package/dist/styles/lib/playroom/useScope.mjs

@@ -1,60 +0,0 @@
-import { useState, useEffect } from "react";
-import { vars, atoms } from "../../../css.mjs";
-import { usePlayroomStore } from "./FrameComponent.mjs";
-import { darkMode } from "../css/atoms/sprinkles.css.mjs";
-import { useResponsiveValue } from "../components/Autosuggest/Autosuggest.mjs";
-import { breakpoints } from "../css/breakpoints.mjs";
-import { useToast } from "../components/private/Placeholder/Placeholder.mjs";
-function useScope() {
-  const responsiveValue = useResponsiveValue();
-  const [colorMode, setColorMode] = useState(
-    "lightMode"
-  );
-  useEffect(() => {
-    const observer = new MutationObserver((mutationsList) => {
-      for (const mutation of mutationsList) {
-        if (mutation.type === "attributes" && mutation.attributeName === "class") {
-          setColorMode(
-            document.documentElement.classList.contains(darkMode) ? "darkMode" : "lightMode"
-          );
-        }
-      }
-    });
-    observer.observe(document.documentElement, { attributes: true });
-    return () => {
-      observer.disconnect();
-    };
-  }, [colorMode]);
-  function playroomColorModeValue(value) {
-    if (typeof value !== "object" || !(value.darkMode || value.lightMode)) {
-      return;
-    }
-    return document.documentElement.classList.contains(darkMode) ? value.darkMode : value.lightMode;
-  }
-  function playroomResponsiveValue(value) {
-    Object.values(value).forEach((v) => {
-      if (v === null) {
-        throw new Error(
-          `You cannot use 'null' as a value when using 'responsiveValue'.`
-        );
-      }
-    });
-    const resolvedValue = responsiveValue(value);
-    if (resolvedValue === null) {
-      return value.mobile;
-    }
-    return resolvedValue;
-  }
-  return {
-    vars,
-    atoms,
-    breakpoints,
-    showToast: useToast(),
-    responsiveValue: playroomResponsiveValue,
-    colorModeValue: playroomColorModeValue,
-    ...usePlayroomStore()
-  };
-}
-export {
-  useScope
-};

package/dist/styles/lib/themes/apac/apacTheme.css.cjs

@@ -1,8 +0,0 @@
-"use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
-const styles_lib_themes_apac_tokens_cjs = require("./tokens.cjs");
-const styles_lib_themes_makeBraidTheme_cjs = require("../makeBraidTheme.cjs");
-__vanilla_filescope__.setFileScope("src/lib/themes/apac/apacTheme.css.ts", "braid-design-system");
-const apacTheme_css = styles_lib_themes_makeBraidTheme_cjs.makeBraidTheme(styles_lib_themes_apac_tokens_cjs.tokens);
-__vanilla_filescope__.endFileScope();
-exports.apacTheme_css = apacTheme_css;