braid-design-system 32.16.0 → 32.16.2

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

@@ -1,64 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import assert from "assert";
-import { Box } from "../Box/Box.mjs";
-import { Text, IconClear } from "../Accordion/AccordionItem.mjs";
-import { ButtonIcon } from "../ButtonIcon/ButtonIcon.mjs";
-import { buildDataAttributes } from "../Accordion/Accordion.mjs";
-import { clearGutter } from "./Tag.css.mjs";
-const Tag = ({
-  onClear,
-  clearLabel = "Clear",
-  data,
-  id,
-  icon,
-  children,
-  ...restProps
-}) => {
-  assert(
-    typeof children === "undefined" || typeof children === "string",
-    "Tag may only contain a string"
-  );
-  assert(
-    !icon || icon.props.size === void 0 || icon.props.tone === void 0,
-    "Icons cannot set the 'size' or 'tone' prop when passed to a Tag component"
-  );
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      id,
-      display: "flex",
-      ...buildDataAttributes({ data, validateRestProps: restProps }),
-      children: /* @__PURE__ */ jsxs(
-        Box,
-        {
-          display: "flex",
-          minWidth: 0,
-          alignItems: "center",
-          background: "neutralLight",
-          paddingY: onClear ? void 0 : "xxsmall",
-          paddingLeft: icon ? "xsmall" : "small",
-          paddingRight: onClear ? void 0 : "small",
-          borderRadius: "full",
-          children: [
-            /* @__PURE__ */ jsx(Box, { minWidth: 0, title: children, children: /* @__PURE__ */ jsx(Text, { baseline: false, maxLines: 1, icon, children }) }),
-            onClear ? /* @__PURE__ */ jsx(Box, { flexShrink: 0, display: "flex", className: clearGutter, children: /* @__PURE__ */ jsx(
-              ButtonIcon,
-              {
-                id: id ? `${id}-clear` : void 0,
-                icon: /* @__PURE__ */ jsx(IconClear, {}),
-                label: clearLabel,
-                tone: "secondary",
-                variant: "transparent",
-                bleed: false,
-                onClick: onClear
-              }
-            ) }) : null
-          ]
-        }
-      )
-    }
-  );
-};
-export {
-  Tag
-};

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

@@ -1,91 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const assert = require("assert");
-const styles_lib_components_Accordion_AccordionItem_cjs = require("../Accordion/AccordionItem.cjs");
-const styles_lib_components_Box_Box_cjs = require("../Box/Box.cjs");
-const styles_lib_components_Heading_Heading_cjs = require("../Heading/Heading.cjs");
-const styles_lib_components_Accordion_Accordion_cjs = require("../Accordion/Accordion.cjs");
-const styles_lib_components_TextDropdown_TextDropdown_css_cjs = require("./TextDropdown.css.cjs");
-const styles_lib_components_icons_IconChevron_IconChevron_cjs = require("../icons/IconChevron/IconChevron.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const assert__default = /* @__PURE__ */ _interopDefaultCompat(assert);
-function parseSimpleToComplexOption(option) {
-  return typeof option === "object" && option !== null && "text" in option && "value" in option ? option : { value: option, text: String(option) };
-}
-function TextDropdown({
-  id,
-  value,
-  onChange,
-  onBlur,
-  options,
-  label,
-  data,
-  ...restProps
-}) {
-  assert__default.default(
-    (() => {
-      const inText = React.useContext(styles_lib_components_Accordion_AccordionItem_cjs.TextContext);
-      const inHeading = React.useContext(styles_lib_components_Heading_Heading_cjs.HeadingContext);
-      return inText || inHeading;
-    })(),
-    "TextDropdown components must be rendered within a Text or Heading component. See the documentation for correct usage: https://seek-oss.github.io/braid-design-system/components/TextDropdown"
-  );
-  const parsedOptions = options.map(parseSimpleToComplexOption);
-  const [currentText] = parsedOptions.filter((o) => value === o.value);
-  if (!currentText || !currentText.text) {
-    throw new Error(
-      `The provided value of "${value}" does not exist in the provided \`options\` list.`
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    styles_lib_components_Box_Box_cjs.Box,
-    {
-      display: "inlineBlock",
-      position: "relative",
-      ...styles_lib_components_Accordion_Accordion_cjs.buildDataAttributes({ data, validateRestProps: restProps }),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(styles_lib_components_Box_Box_cjs.Box, { pointerEvents: "none", userSelect: "none", children: [
-          currentText.text,
-          " ",
-          /* @__PURE__ */ jsxRuntime.jsx(styles_lib_components_icons_IconChevron_IconChevron_cjs.IconChevron, { alignY: "lowercase" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          styles_lib_components_Box_Box_cjs.Box,
-          {
-            component: "select",
-            position: "absolute",
-            inset: 0,
-            width: "full",
-            opacity: 0,
-            className: styles_lib_components_TextDropdown_TextDropdown_css_cjs.select,
-            "aria-label": label,
-            title: label,
-            id,
-            value: String(value),
-            onChange: (ev) => {
-              if (typeof onChange === "function") {
-                const newValue = parsedOptions[ev.currentTarget.selectedIndex].value;
-                onChange(newValue);
-              }
-            },
-            onBlur,
-            children: /* @__PURE__ */ jsxRuntime.jsx("optgroup", { label, children: parsedOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: String(option.value), children: option.text }, String(option.value))) })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          styles_lib_components_Accordion_AccordionItem_cjs.Overlay,
-          {
-            boxShadow: "outlineFocus",
-            borderRadius: "standard",
-            transition: "fast",
-            onlyVisibleForKeyboardNavigation: true,
-            className: styles_lib_components_TextDropdown_TextDropdown_css_cjs.focusOverlay
-          }
-        )
-      ]
-    }
-  );
-}
-exports.TextDropdown = TextDropdown;
-exports.parseSimpleToComplexOption = parseSimpleToComplexOption;

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

@@ -1,25 +0,0 @@
-"use strict";
-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");
-__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");
-const focusOverlay = [css.style({
-  selectors: {
-    [`${select}:focus ~ &`]: {
-      opacity: 1
-    }
-  }
-}, "focusOverlay"), css.style({
-  top: cssUtils.calc.negate(styles_lib_themes_vars_css_cjs.vars.space.xxsmall),
-  bottom: cssUtils.calc.negate(styles_lib_themes_vars_css_cjs.vars.space.xxsmall),
-  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")];
-__vanilla_filescope__.endFileScope();
-exports.focusOverlay = focusOverlay;
-exports.select = select;

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

@@ -1,90 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useContext } from "react";
-import assert from "assert";
-import { TextContext, Overlay } from "../Accordion/AccordionItem.mjs";
-import { Box } from "../Box/Box.mjs";
-import { HeadingContext } from "../Heading/Heading.mjs";
-import { buildDataAttributes } from "../Accordion/Accordion.mjs";
-import { select, focusOverlay } from "./TextDropdown.css.mjs";
-import { IconChevron } from "../icons/IconChevron/IconChevron.mjs";
-function parseSimpleToComplexOption(option) {
-  return typeof option === "object" && option !== null && "text" in option && "value" in option ? option : { value: option, text: String(option) };
-}
-function TextDropdown({
-  id,
-  value,
-  onChange,
-  onBlur,
-  options,
-  label,
-  data,
-  ...restProps
-}) {
-  assert(
-    (() => {
-      const inText = useContext(TextContext);
-      const inHeading = useContext(HeadingContext);
-      return inText || inHeading;
-    })(),
-    "TextDropdown components must be rendered within a Text or Heading component. See the documentation for correct usage: https://seek-oss.github.io/braid-design-system/components/TextDropdown"
-  );
-  const parsedOptions = options.map(parseSimpleToComplexOption);
-  const [currentText] = parsedOptions.filter((o) => value === o.value);
-  if (!currentText || !currentText.text) {
-    throw new Error(
-      `The provided value of "${value}" does not exist in the provided \`options\` list.`
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      display: "inlineBlock",
-      position: "relative",
-      ...buildDataAttributes({ data, validateRestProps: restProps }),
-      children: [
-        /* @__PURE__ */ jsxs(Box, { pointerEvents: "none", userSelect: "none", children: [
-          currentText.text,
-          " ",
-          /* @__PURE__ */ jsx(IconChevron, { alignY: "lowercase" })
-        ] }),
-        /* @__PURE__ */ jsx(
-          Box,
-          {
-            component: "select",
-            position: "absolute",
-            inset: 0,
-            width: "full",
-            opacity: 0,
-            className: select,
-            "aria-label": label,
-            title: label,
-            id,
-            value: String(value),
-            onChange: (ev) => {
-              if (typeof onChange === "function") {
-                const newValue = parsedOptions[ev.currentTarget.selectedIndex].value;
-                onChange(newValue);
-              }
-            },
-            onBlur,
-            children: /* @__PURE__ */ jsx("optgroup", { label, children: parsedOptions.map((option) => /* @__PURE__ */ jsx("option", { value: String(option.value), children: option.text }, String(option.value))) })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Overlay,
-          {
-            boxShadow: "outlineFocus",
-            borderRadius: "standard",
-            transition: "fast",
-            onlyVisibleForKeyboardNavigation: true,
-            className: focusOverlay
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  TextDropdown,
-  parseSimpleToComplexOption
-};

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

@@ -1,91 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const clsx = require("clsx");
-const React = require("react");
-const styles_lib_css_atoms_atoms_cjs = require("../../css/atoms/atoms.cjs");
-const styles_lib_components_Box_BackgroundContext_cjs = require("../Box/BackgroundContext.cjs");
-const sideEffects_lib_components_BraidProvider_BraidProvider_cjs = require("../../../../side-effects/lib/components/BraidProvider/BraidProvider.cjs");
-const styles_lib_components_Heading_Heading_cjs = require("../Heading/Heading.cjs");
-const styles_lib_components_Accordion_AccordionItem_cjs = require("../Accordion/AccordionItem.cjs");
-const styles_lib_components_private_AvoidWidowIcon_AvoidWidowIcon_cjs = require("../private/AvoidWidowIcon/AvoidWidowIcon.cjs");
-const styles_lib_components_Accordion_Accordion_cjs = require("../Accordion/Accordion.cjs");
-const styles_lib_components_private_touchable_virtualTouchable_cjs = require("../private/touchable/virtualTouchable.cjs");
-const styles_lib_components_TextLink_TextLink_css_cjs = require("./TextLink.css.cjs");
-const styles_lib_css_typography_css_cjs = require("../../css/typography.css.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const clsx__default = /* @__PURE__ */ _interopDefaultCompat(clsx);
-const isPlainBackground = (backgroundContext, contrast) => contrast === "light" && (backgroundContext === "body" || backgroundContext === "surface" || backgroundContext === "neutralLight") || contrast === "dark" && (backgroundContext === "bodyDark" || backgroundContext === "surfaceDark" || backgroundContext === "neutral");
-const useLinkStyles = ({
-  reset = "a",
-  weight,
-  showVisited = false,
-  hitArea = "standard"
-}) => {
-  const backgroundLightness = styles_lib_components_Box_BackgroundContext_cjs.useBackgroundLightness();
-  const backgroundContext = styles_lib_components_Box_BackgroundContext_cjs.useBackground();
-  const textContext = React.useContext(styles_lib_components_Accordion_AccordionItem_cjs.TextContext);
-  const headingContext = React.useContext(styles_lib_components_Heading_Heading_cjs.HeadingContext);
-  const isWeakDueToTextTone = !headingContext && (textContext == null ? void 0 : textContext.tone) !== "neutral" && (textContext == null ? void 0 : textContext.tone) !== "secondary";
-  const linkStyles = weight === "weak" || isWeakDueToTextTone ? styles_lib_components_TextLink_TextLink_css_cjs.weakLink : [
-    isPlainBackground(backgroundContext.lightMode, "light") || weight === "regular" ? styles_lib_components_TextLink_TextLink_css_cjs.regularLinkLightMode[backgroundLightness.lightMode] : styles_lib_components_TextLink_TextLink_css_cjs.weakLink,
-    isPlainBackground(backgroundContext.darkMode, "dark") || weight === "regular" ? styles_lib_components_TextLink_TextLink_css_cjs.regularLinkDarkMode[backgroundLightness.darkMode] : styles_lib_components_TextLink_TextLink_css_cjs.weakLink
-  ];
-  return clsx__default.default(
-    styles_lib_components_TextLink_TextLink_css_cjs.base,
-    linkStyles,
-    weight !== "weak" ? styles_lib_css_typography_css_cjs.fontWeight.medium : void 0,
-    showVisited ? [
-      styles_lib_components_TextLink_TextLink_css_cjs.visitedLightMode[backgroundLightness.lightMode],
-      styles_lib_components_TextLink_TextLink_css_cjs.visitedDarkMode[backgroundLightness.darkMode]
-    ] : "",
-    reset !== false ? styles_lib_css_atoms_atoms_cjs.atoms({
-      reset: typeof reset === "string" ? reset : "a"
-    }) : null,
-    styles_lib_css_atoms_atoms_cjs.atoms({
-      cursor: "pointer"
-    }),
-    hitArea === "large" && styles_lib_components_private_touchable_virtualTouchable_cjs.virtualTouchable()
-  );
-};
-const TextLinkContent = ({
-  icon,
-  iconPosition = "leading",
-  children
-}) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  icon && iconPosition === "leading" ? /* @__PURE__ */ jsxRuntime.jsx(styles_lib_components_private_AvoidWidowIcon_AvoidWidowIcon_cjs.AvoidWidowIcon, { iconPosition, children: icon }) : null,
-  children,
-  icon && iconPosition === "trailing" ? /* @__PURE__ */ jsxRuntime.jsx(styles_lib_components_private_AvoidWidowIcon_AvoidWidowIcon_cjs.AvoidWidowIcon, { iconPosition, children: icon }) : null
-] });
-const TextLink = React.forwardRef(
-  ({
-    weight,
-    showVisited,
-    hitArea,
-    data,
-    icon,
-    children,
-    iconPosition,
-    ...restProps
-  }, ref) => {
-    const LinkComponent = sideEffects_lib_components_BraidProvider_BraidProvider_cjs.useLinkComponent(ref);
-    const classes = useLinkStyles({
-      weight,
-      showVisited,
-      hitArea
-    });
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      LinkComponent,
-      {
-        ref,
-        ...restProps,
-        className: classes,
-        ...styles_lib_components_Accordion_Accordion_cjs.buildDataAttributes({ data, validateRestProps: false }),
-        children: /* @__PURE__ */ jsxRuntime.jsx(TextLinkContent, { icon, iconPosition, children })
-      }
-    );
-  }
-);
-TextLink.displayName = "TextLink";
-exports.TextLink = TextLink;
-exports.TextLinkContent = TextLinkContent;
-exports.useLinkStyles = useLinkStyles;

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

@@ -1,132 +0,0 @@
-"use strict";
-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");
-__vanilla_filescope__.setFileScope("src/lib/components/TextLink/TextLink.css.ts", "braid-design-system");
-const textLinkVars = css.createThemeContract({
-  color: null,
-  colorHover: null
-});
-const lightModeRegularLinkVars = css.assignVars(textLinkVars, {
-  color: styles_lib_themes_vars_css_cjs.vars.foregroundColor.link,
-  colorHover: styles_lib_themes_vars_css_cjs.vars.foregroundColor.linkHover
-});
-const darkModeRegularLinkVars = css.assignVars(textLinkVars, {
-  color: styles_lib_themes_vars_css_cjs.vars.foregroundColor.linkLight,
-  colorHover: styles_lib_themes_vars_css_cjs.vars.foregroundColor.linkLight
-});
-const weakLinkVars = css.assignVars(textLinkVars, {
-  color: "inherit",
-  colorHover: "inherit"
-});
-const textDecorationThickness = "0.08em";
-const base = css.style({
-  color: textLinkVars.color,
-  textDecoration: styles_lib_themes_vars_css_cjs.vars.linkDecoration,
-  textDecorationThickness,
-  textUnderlineOffset: 3,
-  ":hover": {
-    color: textLinkVars.colorHover,
-    textDecoration: "underline",
-    /*
-          Duplicating the thickness property due to inconsistent support
-          for shorthand properties of `text-decoration`. Without this,
-          applying the above decoration rule resets the thickness in
-          browsers that do support shorthands.
-    
-          We also cannot use the long-form `text-decoration-line` due
-          to browser support policy of Edge 16+.
-        */
-    textDecorationThickness
-  },
-  ":focus-visible": {
-    color: textLinkVars.colorHover,
-    outline: `${styles_lib_themes_vars_css_cjs.vars.focusRingSize} solid ${styles_lib_themes_vars_css_cjs.vars.borderColor.focus}`,
-    outlineOffset: "0.2em",
-    borderRadius: styles_lib_themes_vars_css_cjs.vars.borderRadius.small
-  }
-}, "base");
-const weakLink = css.style({
-  vars: weakLinkVars,
-  textDecoration: "underline",
-  /*
-    Duplicating the thickness property again as the `textDecoration`
-    property above overrides the `textDecorationThickness` property
-    in the `base` style due to CSS rule ordering. Without this property,
-    weak links were receiving `auto` thickness instead of the desired
-    value.
-  */
-  textDecorationThickness
-}, "weakLink");
-const regularLinkLightMode = css.styleVariants({
-  light: {
-    selectors: {
-      [`html:not(${styles_lib_css_atoms_sprinkles_css_cjs.darkMode}) &`]: {
-        vars: lightModeRegularLinkVars
-      }
-    }
-  },
-  dark: {
-    selectors: {
-      [`html:not(${styles_lib_css_atoms_sprinkles_css_cjs.darkMode}) &`]: {
-        vars: darkModeRegularLinkVars
-      }
-    }
-  }
-}, "regularLinkLightMode");
-const regularLinkDarkMode = css.styleVariants({
-  light: {
-    selectors: {
-      [`html${styles_lib_css_atoms_sprinkles_css_cjs.darkMode} &`]: {
-        vars: lightModeRegularLinkVars
-      }
-    }
-  },
-  dark: {
-    selectors: {
-      [`html${styles_lib_css_atoms_sprinkles_css_cjs.darkMode} &`]: {
-        vars: darkModeRegularLinkVars
-      }
-    }
-  }
-}, "regularLinkDarkMode");
-const visitedLightMode = css.styleVariants({
-  light: {
-    selectors: {
-      [`html:not(${styles_lib_css_atoms_sprinkles_css_cjs.darkMode}) &:visited`]: {
-        color: styles_lib_themes_vars_css_cjs.vars.foregroundColor.linkVisited
-      }
-    }
-  },
-  dark: {
-    selectors: {
-      [`html:not(${styles_lib_css_atoms_sprinkles_css_cjs.darkMode}) &:visited`]: {
-        color: styles_lib_themes_vars_css_cjs.vars.foregroundColor.linkLightVisited
-      }
-    }
-  }
-}, "visitedLightMode");
-const visitedDarkMode = css.styleVariants({
-  light: {
-    selectors: {
-      [`html${styles_lib_css_atoms_sprinkles_css_cjs.darkMode} &:visited`]: {
-        color: styles_lib_themes_vars_css_cjs.vars.foregroundColor.linkVisited
-      }
-    }
-  },
-  dark: {
-    selectors: {
-      [`html${styles_lib_css_atoms_sprinkles_css_cjs.darkMode} &:visited`]: {
-        color: styles_lib_themes_vars_css_cjs.vars.foregroundColor.linkLightVisited
-      }
-    }
-  }
-}, "visitedDarkMode");
-__vanilla_filescope__.endFileScope();
-exports.base = base;
-exports.regularLinkDarkMode = regularLinkDarkMode;
-exports.regularLinkLightMode = regularLinkLightMode;
-exports.visitedDarkMode = visitedDarkMode;
-exports.visitedLightMode = visitedLightMode;
-exports.weakLink = weakLink;

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

@@ -1,90 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import clsx from "clsx";
-import { forwardRef, useContext } from "react";
-import { atoms } from "../../css/atoms/atoms.mjs";
-import { useBackgroundLightness, useBackground } from "../Box/BackgroundContext.mjs";
-import { useLinkComponent } from "../../../../side-effects/lib/components/BraidProvider/BraidProvider.mjs";
-import { HeadingContext } from "../Heading/Heading.mjs";
-import { TextContext } from "../Accordion/AccordionItem.mjs";
-import { AvoidWidowIcon } from "../private/AvoidWidowIcon/AvoidWidowIcon.mjs";
-import { buildDataAttributes } from "../Accordion/Accordion.mjs";
-import { virtualTouchable } from "../private/touchable/virtualTouchable.mjs";
-import { weakLink, regularLinkLightMode, regularLinkDarkMode, base, visitedLightMode, visitedDarkMode } from "./TextLink.css.mjs";
-import { fontWeight } from "../../css/typography.css.mjs";
-const isPlainBackground = (backgroundContext, contrast) => contrast === "light" && (backgroundContext === "body" || backgroundContext === "surface" || backgroundContext === "neutralLight") || contrast === "dark" && (backgroundContext === "bodyDark" || backgroundContext === "surfaceDark" || backgroundContext === "neutral");
-const useLinkStyles = ({
-  reset = "a",
-  weight,
-  showVisited = false,
-  hitArea = "standard"
-}) => {
-  const backgroundLightness = useBackgroundLightness();
-  const backgroundContext = useBackground();
-  const textContext = useContext(TextContext);
-  const headingContext = useContext(HeadingContext);
-  const isWeakDueToTextTone = !headingContext && (textContext == null ? void 0 : textContext.tone) !== "neutral" && (textContext == null ? void 0 : textContext.tone) !== "secondary";
-  const linkStyles = weight === "weak" || isWeakDueToTextTone ? weakLink : [
-    isPlainBackground(backgroundContext.lightMode, "light") || weight === "regular" ? regularLinkLightMode[backgroundLightness.lightMode] : weakLink,
-    isPlainBackground(backgroundContext.darkMode, "dark") || weight === "regular" ? regularLinkDarkMode[backgroundLightness.darkMode] : weakLink
-  ];
-  return clsx(
-    base,
-    linkStyles,
-    weight !== "weak" ? fontWeight.medium : void 0,
-    showVisited ? [
-      visitedLightMode[backgroundLightness.lightMode],
-      visitedDarkMode[backgroundLightness.darkMode]
-    ] : "",
-    reset !== false ? atoms({
-      reset: typeof reset === "string" ? reset : "a"
-    }) : null,
-    atoms({
-      cursor: "pointer"
-    }),
-    hitArea === "large" && virtualTouchable()
-  );
-};
-const TextLinkContent = ({
-  icon,
-  iconPosition = "leading",
-  children
-}) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  icon && iconPosition === "leading" ? /* @__PURE__ */ jsx(AvoidWidowIcon, { iconPosition, children: icon }) : null,
-  children,
-  icon && iconPosition === "trailing" ? /* @__PURE__ */ jsx(AvoidWidowIcon, { iconPosition, children: icon }) : null
-] });
-const TextLink = forwardRef(
-  ({
-    weight,
-    showVisited,
-    hitArea,
-    data,
-    icon,
-    children,
-    iconPosition,
-    ...restProps
-  }, ref) => {
-    const LinkComponent = useLinkComponent(ref);
-    const classes = useLinkStyles({
-      weight,
-      showVisited,
-      hitArea
-    });
-    return /* @__PURE__ */ jsx(
-      LinkComponent,
-      {
-        ref,
-        ...restProps,
-        className: classes,
-        ...buildDataAttributes({ data, validateRestProps: false }),
-        children: /* @__PURE__ */ jsx(TextLinkContent, { icon, iconPosition, children })
-      }
-    );
-  }
-);
-TextLink.displayName = "TextLink";
-export {
-  TextLink,
-  TextLinkContent,
-  useLinkStyles
-};

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

@@ -1,7 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const styles_lib_components_Box_Box_cjs = require("../../Box/Box.cjs");
-const styles_lib_components_Textarea_Highlight_Highlight_css_cjs = require("./Highlight.css.cjs");
-const styleForTone = { caution: styles_lib_components_Textarea_Highlight_Highlight_css_cjs.caution, critical: styles_lib_components_Textarea_Highlight_Highlight_css_cjs.critical };
-const Highlight = ({ children, tone }) => /* @__PURE__ */ jsxRuntime.jsx(styles_lib_components_Box_Box_cjs.Box, { component: "mark", className: [styles_lib_components_Textarea_Highlight_Highlight_css_cjs.root, styleForTone[tone]], children });
-exports.Highlight = Highlight;

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

@@ -1,39 +0,0 @@
-"use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
-const css = require("@vanilla-extract/css");
-const styles_lib_css_atoms_atoms_cjs = require("../../../css/atoms/atoms.cjs");
-const styles_lib_css_colorModeStyle_cjs = require("../../../css/colorModeStyle.cjs");
-const styles_lib_themes_vars_css_cjs = require("../../../themes/vars.css.cjs");
-__vanilla_filescope__.setFileScope("src/lib/components/Textarea/Highlight/Highlight.css.ts", "braid-design-system");
-const space = "2px";
-const root = css.style([styles_lib_css_atoms_atoms_cjs.atoms({
-  borderRadius: "small"
-}), {
-  padding: `0 ${space}`,
-  margin: `0 -${space}`,
-  textDecoration: "underline",
-  textDecorationStyle: "wavy",
-  textDecorationSkipInk: "none",
-  textDecorationThickness: 2,
-  textUnderlineOffset: 2
-}], "root");
-const critical = css.style(styles_lib_css_colorModeStyle_cjs.colorModeStyle({
-  lightMode: {
-    textDecorationColor: styles_lib_themes_vars_css_cjs.vars.borderColor.critical,
-    background: styles_lib_themes_vars_css_cjs.vars.backgroundColor.criticalLight
-  },
-  darkMode: {
-    textDecorationColor: styles_lib_themes_vars_css_cjs.vars.borderColor.criticalLight
-  }
-}), "critical");
-const caution = css.style([{
-  textDecorationColor: styles_lib_themes_vars_css_cjs.vars.borderColor.caution
-}, styles_lib_css_colorModeStyle_cjs.colorModeStyle({
-  lightMode: {
-    background: styles_lib_themes_vars_css_cjs.vars.backgroundColor.cautionLight
-  }
-})], "caution");
-__vanilla_filescope__.endFileScope();
-exports.caution = caution;
-exports.critical = critical;
-exports.root = root;