@ultraviolet/ui 3.0.0-beta.2 → 3.0.0-beta.21

package/dist/components/Text/index.cjs

@@ -2,71 +2,17 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
+const dynamic = require("@vanilla-extract/dynamic");
 const react = require("react");
 const recursivelyGetChildrenString = require("../../helpers/recursivelyGetChildrenString.cjs");
 const useIsOverflowing = require("../../hooks/useIsOverflowing.cjs");
-const capitalize = require("../../utils/capitalize.cjs");
 const index = require("../Tooltip/index.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const PROMINENCES = {
-  default: "",
-  strong: "strong",
-  stronger: "stronger",
-  weak: "weak"
-};
-const generateStyles = ({
-  placement,
-  prominence,
-  sentiment,
-  variant,
-  theme,
-  oneLine,
-  disabled,
-  italic,
-  underline,
-  whiteSpace,
-  strikeThrough
-}) => {
-  const definedProminence = sentiment !== "neutral" && prominence === "stronger" ? capitalize(PROMINENCES.default) : capitalize(PROMINENCES[prominence]);
-  const isSentimentMonochrome = sentiment === "black" || sentiment === "white";
-  sentiment && !isSentimentMonochrome ? theme.colors[sentiment] : void 0;
-  const text = `text${definedProminence}${disabled ? "Disabled" : ""}`;
-  const textColor = sentiment && !isSentimentMonochrome ? theme.colors[sentiment][text] : void 0;
-  return `
-    ${sentiment ? `color: ${!isSentimentMonochrome ? textColor : theme.colors.other.monochrome[sentiment].text};` : ""}
-
-    font-size: ${theme.typography[variant].fontSize};
-    font-family: ${theme.typography[variant].fontFamily};
-    font-weight: ${theme.typography[variant].weight};
-    letter-spacing: ${theme.typography[variant].letterSpacing};
-    line-height: ${theme.typography[variant].lineHeight};
-    text-transform: ${theme.typography[variant].textCase};
-    text-decoration: ${theme.typography[variant].textDecoration};
-    ${placement ? ` text-align: ${placement};` : ""}
-    ${whiteSpace ? `white-space: ${whiteSpace};` : ""}
-
-    ${oneLine ? `white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;` : ""}
-    ${italic ? `font-style: italic;` : ""}
-    ${underline ? `text-decoration: underline;` : ""}
-    ${strikeThrough ? `text-decoration: line-through;` : ""}
-  `;
-};
-const StyledText = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["as", "placement", "variant", "sentiment", "prominence", "oneLine", "disabled", "italic", "underline", "strikeThrough", "whiteSpace"].includes(prop),
-  target: "e13y3mga0"
-} : {
-  shouldForwardProp: (prop) => !["as", "placement", "variant", "sentiment", "prominence", "oneLine", "disabled", "italic", "underline", "strikeThrough", "whiteSpace"].includes(prop),
-  target: "e13y3mga0",
-  label: "StyledText"
-})(generateStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RleHQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlJbUIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvVGV4dC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IENTU1Byb3BlcnRpZXMsIEVsZW1lbnRUeXBlLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHJlY3Vyc2l2ZWx5R2V0Q2hpbGRyZW5TdHJpbmcgZnJvbSAnLi4vLi4vaGVscGVycy9yZWN1cnNpdmVseUdldENoaWxkcmVuU3RyaW5nJ1xuaW1wb3J0IHsgdXNlSXNPdmVyZmxvd2luZyB9IGZyb20gJy4uLy4uL2hvb2tzL3VzZUlzT3ZlcmZsb3dpbmcnXG5pbXBvcnQgdHlwZSB7IEV4dGVuZGVkQ29sb3IgfSBmcm9tICcuLi8uLi90aGVtZSdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICcuLi8uLi90aGVtZSdcbmltcG9ydCBjYXBpdGFsaXplIGZyb20gJy4uLy4uL3V0aWxzL2NhcGl0YWxpemUnXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcblxuY29uc3QgUFJPTUlORU5DRVMgPSB7XG4gIGRlZmF1bHQ6ICcnLFxuICBzdHJvbmc6ICdzdHJvbmcnLFxuICBzdHJvbmdlcjogJ3N0cm9uZ2VyJyxcbiAgd2VhazogJ3dlYWsnLFxufVxuXG50eXBlIFByb21pbmVuY2VQcm9wcyA9IGtleW9mIHR5cGVvZiBQUk9NSU5FTkNFU1xudHlwZSBQbGFjZW1lbnRQcm9wcyA9IENTU1Byb3BlcnRpZXNbJ3RleHRBbGlnbiddXG50eXBlIFdoaXRlU3BhY2VQcm9wcyA9IENTU1Byb3BlcnRpZXNbJ3doaXRlU3BhY2UnXVxudHlwZSBUZXh0VmFyaWFudCA9IGtleW9mIHR5cGVvZiB0eXBvZ3JhcGh5XG5leHBvcnQgY29uc3QgdGV4dFZhcmlhbnRzID0gT2JqZWN0LmtleXModHlwb2dyYXBoeSkgYXMgVGV4dFZhcmlhbnRbXVxuXG4vKipcbiAqIEdlbmVyYXRlIGFsbCBzdHlsZXMgYXZhaWxhYmxlIGZvciB0ZXh0IGJhc2VkIG9uIHByb21pbmVuY2UgYW5kIHZhcmlhbnRzXG4gKi9cbmNvbnN0IGdlbmVyYXRlU3R5bGVzID0gKHtcbiAgcGxhY2VtZW50LFxuICBwcm9taW5lbmNlLFxuICBzZW50aW1lbnQsXG4gIHZhcmlhbnQsXG4gIHRoZW1lLFxuICBvbmVMaW5lLFxuICBkaXNhYmxlZCxcbiAgaXRhbGljLFxuICB1bmRlcmxpbmUsXG4gIHdoaXRlU3BhY2UsXG4gIHN0cmlrZVRocm91Z2gsXG59OiB7XG4gIHBsYWNlbWVudD86IFBsYWNlbWVudFByb3BzXG4gIHByb21pbmVuY2U6IFByb21pbmVuY2VQcm9wc1xuICB0aGVtZTogVGhlbWVcbiAgdmFyaWFudDogVGV4dFZhcmlhbnRcbiAgc2VudGltZW50PzogRXh0ZW5kZWRDb2xvclxuICBvbmVMaW5lOiBib29sZWFuXG4gIGRpc2FibGVkOiBib29sZWFuXG4gIGl0YWxpYzogYm9vbGVhblxuICB1bmRlcmxpbmU6IGJvb2xlYW5cbiAgd2hpdGVTcGFjZT86IFdoaXRlU3BhY2VQcm9wc1xuICBzdHJpa2VUaHJvdWdoPzogYm9vbGVhblxufSk6IHN0cmluZyA9PiB7XG4gIC8vIHN0cm9uZ2VyIGlzIGF2YWlsYWJsZSBvbmx5IGZvciBuZXV0cmFsIHNlbnRpbWVudFxuICBjb25zdCBkZWZpbmVkUHJvbWluZW5jZSA9XG4gICAgc2VudGltZW50ICE9PSAnbmV1dHJhbCcgJiYgcHJvbWluZW5jZSA9PT0gJ3N0cm9uZ2VyJ1xuICAgICAgPyBjYXBpdGFsaXplKFBST01JTkVOQ0VTLmRlZmF1bHQpXG4gICAgICA6IGNhcGl0YWxpemUoUFJPTUlORU5DRVNbcHJvbWluZW5jZV0pXG5cbiAgY29uc3QgaXNTZW50aW1lbnRNb25vY2hyb21lID0gc2VudGltZW50ID09PSAnYmxhY2snIHx8IHNlbnRpbWVudCA9PT0gJ3doaXRlJ1xuXG4gIGNvbnN0IHRoZW1lQ29sb3IgPVxuICAgIHNlbnRpbWVudCAmJiAhaXNTZW50aW1lbnRNb25vY2hyb21lID8gdGhlbWUuY29sb3JzW3NlbnRpbWVudF0gOiB1bmRlZmluZWRcblxuICBjb25zdCB0ZXh0ID0gYHRleHQke2RlZmluZWRQcm9taW5lbmNlfSR7XG4gICAgZGlzYWJsZWQgPyAnRGlzYWJsZWQnIDogJydcbiAgfWAgYXMga2V5b2YgdHlwZW9mIHRoZW1lQ29sb3JcblxuICBjb25zdCB0ZXh0Q29sb3IgPVxuICAgIHNlbnRpbWVudCAmJiAhaXNTZW50aW1lbnRNb25vY2hyb21lXG4gICAgICA/IHRoZW1lLmNvbG9yc1tzZW50aW1lbnRdW3RleHRdXG4gICAgICA6IHVuZGVmaW5lZFxuXG4gIHJldHVybiBgXG4gICAgJHtcbiAgICAgIHNlbnRpbWVudFxuICAgICAgICA/IGBjb2xvcjogJHtcbiAgICAgICAgICAgICFpc1NlbnRpbWVudE1vbm9jaHJvbWVcbiAgICAgICAgICAgICAgPyB0ZXh0Q29sb3JcbiAgICAgICAgICAgICAgOiB0aGVtZS5jb2xvcnMub3RoZXIubW9ub2Nocm9tZVtzZW50aW1lbnRdLnRleHRcbiAgICAgICAgICB9O2BcbiAgICAgICAgOiAnJ1xuICAgIH1cblxuICAgIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5W3ZhcmlhbnRdLmZvbnRTaXplfTtcbiAgICBmb250LWZhbWlseTogJHt0aGVtZS50eXBvZ3JhcGh5W3ZhcmlhbnRdLmZvbnRGYW1pbHl9O1xuICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHlbdmFyaWFudF0ud2VpZ2h0fTtcbiAgICBsZXR0ZXItc3BhY2luZzogJHt0aGVtZS50eXBvZ3JhcGh5W3ZhcmlhbnRdLmxldHRlclNwYWNpbmd9O1xuICAgIGxpbmUtaGVpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHlbdmFyaWFudF0ubGluZUhlaWdodH07XG4gICAgdGV4dC10cmFuc2Zvcm06ICR7dGhlbWUudHlwb2dyYXBoeVt2YXJpYW50XS50ZXh0Q2FzZX07XG4gICAgdGV4dC1kZWNvcmF0aW9uOiAke3RoZW1lLnR5cG9ncmFwaHlbdmFyaWFudF0udGV4dERlY29yYXRpb259O1xuICAgICR7cGxhY2VtZW50ID8gYCB0ZXh0LWFsaWduOiAke3BsYWNlbWVudH07YCA6ICcnfVxuICAgICR7d2hpdGVTcGFjZSA/IGB3aGl0ZS1zcGFjZTogJHt3aGl0ZVNwYWNlfTtgIDogJyd9XG5cbiAgICAke1xuICAgICAgb25lTGluZVxuICAgICAgICA/IGB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgIG92ZXJmbG93OiBoaWRkZW47YFxuICAgICAgICA6ICcnXG4gICAgfVxuICAgICR7aXRhbGljID8gYGZvbnQtc3R5bGU6IGl0YWxpYztgIDogJyd9XG4gICAgJHt1bmRlcmxpbmUgPyBgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7YCA6ICcnfVxuICAgICR7c3RyaWtlVGhyb3VnaCA/IGB0ZXh0LWRlY29yYXRpb246IGxpbmUtdGhyb3VnaDtgIDogJyd9XG4gIGBcbn1cblxudHlwZSBUZXh0UHJvcHMgPSB7XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIHBsYWNlbWVudD86IFBsYWNlbWVudFByb3BzXG4gIHZhcmlhbnQ6IFRleHRWYXJpYW50XG4gIHNlbnRpbWVudD86IEV4dGVuZGVkQ29sb3JcbiAgcHJvbWluZW5jZT86IFByb21pbmVuY2VQcm9wc1xuICBhczogRWxlbWVudFR5cGVcbiAgb25lTGluZT86IGJvb2xlYW5cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGl0YWxpYz86IGJvb2xlYW5cbiAgdW5kZXJsaW5lPzogYm9vbGVhblxuICBpZD86IHN0cmluZ1xuICBkaXI/OiAnbHRyJyB8ICdydGwnIHwgJ2F1dG8nXG4gIGh0bWxGb3I/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICAnYXJpYS1oaWRkZW4nPzogYm9vbGVhblxuICBzdHJpa2VUaHJvdWdoPzogYm9vbGVhblxuICB3aGl0ZVNwYWNlPzogV2hpdGVTcGFjZVByb3BzXG59XG5cbmNvbnN0IFN0eWxlZFRleHQgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT5cbiAgICAhW1xuICAgICAgJ2FzJyxcbiAgICAgICdwbGFjZW1lbnQnLFxuICAgICAgJ3ZhcmlhbnQnLFxuICAgICAgJ3NlbnRpbWVudCcsXG4gICAgICAncHJvbWluZW5jZScsXG4gICAgICAnb25lTGluZScsXG4gICAgICAnZGlzYWJsZWQnLFxuICAgICAgJ2l0YWxpYycsXG4gICAgICAndW5kZXJsaW5lJyxcbiAgICAgICdzdHJpa2VUaHJvdWdoJyxcbiAgICAgICd3aGl0ZVNwYWNlJyxcbiAgICBdLmluY2x1ZGVzKHByb3ApLFxufSk8e1xuICBwbGFjZW1lbnQ/OiBQbGFjZW1lbnRQcm9wc1xuICBzZW50aW1lbnQ/OiBFeHRlbmRlZENvbG9yXG4gIHByb21pbmVuY2U6IFByb21pbmVuY2VQcm9wc1xuICB2YXJpYW50OiBUZXh0VmFyaWFudFxuICBvbmVMaW5lOiBib29sZWFuXG4gIGRpc2FibGVkOiBib29sZWFuXG4gIGl0YWxpYzogYm9vbGVhblxuICB1bmRlcmxpbmU6IGJvb2xlYW5cbiAgaHRtbEZvcj86IHN0cmluZ1xuICBzdHJpa2VUaHJvdWdoPzogYm9vbGVhblxuICB3aGl0ZVNwYWNlPzogV2hpdGVTcGFjZVByb3BzXG59PihnZW5lcmF0ZVN0eWxlcylcblxuLyoqXG4gKiBUZXh0IGNvbXBvbmVudCBpcyB1c2VkIHRvIGRpc3BsYXkgdGV4dCB3aXRoIGRpZmZlcmVudCB2YXJpYW50cyBhbmQgc2VudGltZW50cy5cbiAqL1xuZXhwb3J0IGNvbnN0IFRleHQgPSAoe1xuICB2YXJpYW50LFxuICBjaGlsZHJlbixcbiAgYXMsXG4gIHNlbnRpbWVudCxcbiAgb25lTGluZSA9IGZhbHNlLFxuICBwbGFjZW1lbnQsXG4gIHByb21pbmVuY2UgPSAnZGVmYXVsdCcsXG4gIGNsYXNzTmFtZSxcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgaXRhbGljID0gZmFsc2UsXG4gIHVuZGVybGluZSA9IGZhbHNlLFxuICBzdHJpa2VUaHJvdWdoID0gZmFsc2UsXG4gIGlkLFxuICBkaXIsXG4gIHdoaXRlU3BhY2UsXG4gIGh0bWxGb3IsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gICdhcmlhLWhpZGRlbic6IGFyaWFIaWRkZW4sXG59OiBUZXh0UHJvcHMpID0+IHtcbiAgY29uc3QgZWxlbWVudFJlZiA9IHVzZVJlZihudWxsKVxuICBjb25zdCBpc092ZXJmbG93aW5nID0gdXNlSXNPdmVyZmxvd2luZyhlbGVtZW50UmVmKVxuXG4gIGNvbnN0IGZpbmFsU3RyaW5nQ2hpbGRyZW4gPSByZWN1cnNpdmVseUdldENoaWxkcmVuU3RyaW5nKGNoaWxkcmVuKVxuXG4gIHJldHVybiAoXG4gICAgPFRvb2x0aXAgdGV4dD17b25lTGluZSAmJiBpc092ZXJmbG93aW5nID8gZmluYWxTdHJpbmdDaGlsZHJlbiA6ICcnfT5cbiAgICAgIDxTdHlsZWRUZXh0XG4gICAgICAgIGFyaWEtaGlkZGVuPXthcmlhSGlkZGVufVxuICAgICAgICBhcz17YXN9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgZGlyPXtkaXJ9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgaHRtbEZvcj17aHRtbEZvcn1cbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBpdGFsaWM9e2l0YWxpY31cbiAgICAgICAgb25lTGluZT17b25lTGluZX1cbiAgICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICAgIHByb21pbmVuY2U9e3Byb21pbmVuY2V9XG4gICAgICAgIHJlZj17ZWxlbWVudFJlZn1cbiAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICAgIHN0cmlrZVRocm91Z2g9e3N0cmlrZVRocm91Z2h9XG4gICAgICAgIHVuZGVybGluZT17dW5kZXJsaW5lfVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICB3aGl0ZVNwYWNlPXt3aGl0ZVNwYWNlfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZFRleHQ+XG4gICAgPC9Ub29sdGlwPlxuICApXG59XG4iXX0= */");
+const style_css = require("./style.css.cjs");
+const variables_css = require("./variables.css.cjs");
 const Text = ({
   variant,
   children,
-  as,
+  as: Component = "div",
   sentiment,
   oneLine = false,
   placement,
@@ -81,11 +27,27 @@ const Text = ({
   whiteSpace,
   htmlFor,
   "data-testid": dataTestId,
-  "aria-hidden": ariaHidden
+  "aria-hidden": ariaHidden,
+  style
 }) => {
   const elementRef = react.useRef(null);
   const isOverflowing = useIsOverflowing.useIsOverflowing(elementRef);
   const finalStringChildren = recursivelyGetChildrenString(children);
-  return /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { text: oneLine && isOverflowing ? finalStringChildren : "", children: /* @__PURE__ */ jsxRuntime.jsx(StyledText, { "aria-hidden": ariaHidden, as, className, "data-testid": dataTestId, dir, disabled, htmlFor, id, italic, oneLine, placement, prominence, ref: elementRef, sentiment, strikeThrough, underline, variant, whiteSpace, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { text: oneLine && isOverflowing ? finalStringChildren : "", children: /* @__PURE__ */ jsxRuntime.jsx(Component, { "aria-hidden": ariaHidden, className: `${className ? `${className} ` : ""}${style_css.text({
+    disabled,
+    italic,
+    oneLine,
+    prominence,
+    sentiment,
+    strikeThrough,
+    underline,
+    variant
+  })}`, "data-testid": dataTestId, dir, htmlFor, id, ref: elementRef, style: {
+    ...dynamic.assignInlineVars({
+      [variables_css.placementText]: placement,
+      [variables_css.whiteSpaceText]: whiteSpace
+    }),
+    ...style
+  }, children }) });
 };
 exports.Text = Text;

package/dist/components/Text/index.d.ts

@@ -1,12 +1,7 @@
 import type { CSSProperties, ElementType, ReactNode } from 'react';
 import type { ExtendedColor } from '../../theme';
 import { typography } from '../../theme';
-declare const PROMINENCES: {
-    default: string;
-    strong: string;
-    stronger: string;
-    weak: string;
-};
+import type { PROMINENCES } from './constant';
 type ProminenceProps = keyof typeof PROMINENCES;
 type PlacementProps = CSSProperties['textAlign'];
 type WhiteSpaceProps = CSSProperties['whiteSpace'];
@@ -31,9 +26,10 @@ type TextProps = {
     'aria-hidden'?: boolean;
     strikeThrough?: boolean;
     whiteSpace?: WhiteSpaceProps;
+    style?: CSSProperties;
 };
 /**
  * Text component is used to display text with different variants and sentiments.
  */
-export declare const Text: ({ variant, children, as, sentiment, oneLine, placement, prominence, className, disabled, italic, underline, strikeThrough, id, dir, whiteSpace, htmlFor, "data-testid": dataTestId, "aria-hidden": ariaHidden, }: TextProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Text: ({ variant, children, as: Component, sentiment, oneLine, placement, prominence, className, disabled, italic, underline, strikeThrough, id, dir, whiteSpace, htmlFor, "data-testid": dataTestId, "aria-hidden": ariaHidden, style, }: TextProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Text/index.js

@@ -1,68 +1,16 @@
 "use client";
 import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { useRef } from "react";
 import recursivelyGetChildrenString from "../../helpers/recursivelyGetChildrenString.js";
 import { useIsOverflowing } from "../../hooks/useIsOverflowing.js";
-import capitalize from "../../utils/capitalize.js";
 import { Tooltip } from "../Tooltip/index.js";
-const PROMINENCES = {
-  default: "",
-  strong: "strong",
-  stronger: "stronger",
-  weak: "weak"
-};
-const generateStyles = ({
-  placement,
-  prominence,
-  sentiment,
-  variant,
-  theme,
-  oneLine,
-  disabled,
-  italic,
-  underline,
-  whiteSpace,
-  strikeThrough
-}) => {
-  const definedProminence = sentiment !== "neutral" && prominence === "stronger" ? capitalize(PROMINENCES.default) : capitalize(PROMINENCES[prominence]);
-  const isSentimentMonochrome = sentiment === "black" || sentiment === "white";
-  sentiment && !isSentimentMonochrome ? theme.colors[sentiment] : void 0;
-  const text = `text${definedProminence}${disabled ? "Disabled" : ""}`;
-  const textColor = sentiment && !isSentimentMonochrome ? theme.colors[sentiment][text] : void 0;
-  return `
-    ${sentiment ? `color: ${!isSentimentMonochrome ? textColor : theme.colors.other.monochrome[sentiment].text};` : ""}
-
-    font-size: ${theme.typography[variant].fontSize};
-    font-family: ${theme.typography[variant].fontFamily};
-    font-weight: ${theme.typography[variant].weight};
-    letter-spacing: ${theme.typography[variant].letterSpacing};
-    line-height: ${theme.typography[variant].lineHeight};
-    text-transform: ${theme.typography[variant].textCase};
-    text-decoration: ${theme.typography[variant].textDecoration};
-    ${placement ? ` text-align: ${placement};` : ""}
-    ${whiteSpace ? `white-space: ${whiteSpace};` : ""}
-
-    ${oneLine ? `white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;` : ""}
-    ${italic ? `font-style: italic;` : ""}
-    ${underline ? `text-decoration: underline;` : ""}
-    ${strikeThrough ? `text-decoration: line-through;` : ""}
-  `;
-};
-const StyledText = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["as", "placement", "variant", "sentiment", "prominence", "oneLine", "disabled", "italic", "underline", "strikeThrough", "whiteSpace"].includes(prop),
-  target: "e13y3mga0"
-} : {
-  shouldForwardProp: (prop) => !["as", "placement", "variant", "sentiment", "prominence", "oneLine", "disabled", "italic", "underline", "strikeThrough", "whiteSpace"].includes(prop),
-  target: "e13y3mga0",
-  label: "StyledText"
-})(generateStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RleHQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlJbUIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvVGV4dC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IENTU1Byb3BlcnRpZXMsIEVsZW1lbnRUeXBlLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHJlY3Vyc2l2ZWx5R2V0Q2hpbGRyZW5TdHJpbmcgZnJvbSAnLi4vLi4vaGVscGVycy9yZWN1cnNpdmVseUdldENoaWxkcmVuU3RyaW5nJ1xuaW1wb3J0IHsgdXNlSXNPdmVyZmxvd2luZyB9IGZyb20gJy4uLy4uL2hvb2tzL3VzZUlzT3ZlcmZsb3dpbmcnXG5pbXBvcnQgdHlwZSB7IEV4dGVuZGVkQ29sb3IgfSBmcm9tICcuLi8uLi90aGVtZSdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICcuLi8uLi90aGVtZSdcbmltcG9ydCBjYXBpdGFsaXplIGZyb20gJy4uLy4uL3V0aWxzL2NhcGl0YWxpemUnXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcblxuY29uc3QgUFJPTUlORU5DRVMgPSB7XG4gIGRlZmF1bHQ6ICcnLFxuICBzdHJvbmc6ICdzdHJvbmcnLFxuICBzdHJvbmdlcjogJ3N0cm9uZ2VyJyxcbiAgd2VhazogJ3dlYWsnLFxufVxuXG50eXBlIFByb21pbmVuY2VQcm9wcyA9IGtleW9mIHR5cGVvZiBQUk9NSU5FTkNFU1xudHlwZSBQbGFjZW1lbnRQcm9wcyA9IENTU1Byb3BlcnRpZXNbJ3RleHRBbGlnbiddXG50eXBlIFdoaXRlU3BhY2VQcm9wcyA9IENTU1Byb3BlcnRpZXNbJ3doaXRlU3BhY2UnXVxudHlwZSBUZXh0VmFyaWFudCA9IGtleW9mIHR5cGVvZiB0eXBvZ3JhcGh5XG5leHBvcnQgY29uc3QgdGV4dFZhcmlhbnRzID0gT2JqZWN0LmtleXModHlwb2dyYXBoeSkgYXMgVGV4dFZhcmlhbnRbXVxuXG4vKipcbiAqIEdlbmVyYXRlIGFsbCBzdHlsZXMgYXZhaWxhYmxlIGZvciB0ZXh0IGJhc2VkIG9uIHByb21pbmVuY2UgYW5kIHZhcmlhbnRzXG4gKi9cbmNvbnN0IGdlbmVyYXRlU3R5bGVzID0gKHtcbiAgcGxhY2VtZW50LFxuICBwcm9taW5lbmNlLFxuICBzZW50aW1lbnQsXG4gIHZhcmlhbnQsXG4gIHRoZW1lLFxuICBvbmVMaW5lLFxuICBkaXNhYmxlZCxcbiAgaXRhbGljLFxuICB1bmRlcmxpbmUsXG4gIHdoaXRlU3BhY2UsXG4gIHN0cmlrZVRocm91Z2gsXG59OiB7XG4gIHBsYWNlbWVudD86IFBsYWNlbWVudFByb3BzXG4gIHByb21pbmVuY2U6IFByb21pbmVuY2VQcm9wc1xuICB0aGVtZTogVGhlbWVcbiAgdmFyaWFudDogVGV4dFZhcmlhbnRcbiAgc2VudGltZW50PzogRXh0ZW5kZWRDb2xvclxuICBvbmVMaW5lOiBib29sZWFuXG4gIGRpc2FibGVkOiBib29sZWFuXG4gIGl0YWxpYzogYm9vbGVhblxuICB1bmRlcmxpbmU6IGJvb2xlYW5cbiAgd2hpdGVTcGFjZT86IFdoaXRlU3BhY2VQcm9wc1xuICBzdHJpa2VUaHJvdWdoPzogYm9vbGVhblxufSk6IHN0cmluZyA9PiB7XG4gIC8vIHN0cm9uZ2VyIGlzIGF2YWlsYWJsZSBvbmx5IGZvciBuZXV0cmFsIHNlbnRpbWVudFxuICBjb25zdCBkZWZpbmVkUHJvbWluZW5jZSA9XG4gICAgc2VudGltZW50ICE9PSAnbmV1dHJhbCcgJiYgcHJvbWluZW5jZSA9PT0gJ3N0cm9uZ2VyJ1xuICAgICAgPyBjYXBpdGFsaXplKFBST01JTkVOQ0VTLmRlZmF1bHQpXG4gICAgICA6IGNhcGl0YWxpemUoUFJPTUlORU5DRVNbcHJvbWluZW5jZV0pXG5cbiAgY29uc3QgaXNTZW50aW1lbnRNb25vY2hyb21lID0gc2VudGltZW50ID09PSAnYmxhY2snIHx8IHNlbnRpbWVudCA9PT0gJ3doaXRlJ1xuXG4gIGNvbnN0IHRoZW1lQ29sb3IgPVxuICAgIHNlbnRpbWVudCAmJiAhaXNTZW50aW1lbnRNb25vY2hyb21lID8gdGhlbWUuY29sb3JzW3NlbnRpbWVudF0gOiB1bmRlZmluZWRcblxuICBjb25zdCB0ZXh0ID0gYHRleHQke2RlZmluZWRQcm9taW5lbmNlfSR7XG4gICAgZGlzYWJsZWQgPyAnRGlzYWJsZWQnIDogJydcbiAgfWAgYXMga2V5b2YgdHlwZW9mIHRoZW1lQ29sb3JcblxuICBjb25zdCB0ZXh0Q29sb3IgPVxuICAgIHNlbnRpbWVudCAmJiAhaXNTZW50aW1lbnRNb25vY2hyb21lXG4gICAgICA/IHRoZW1lLmNvbG9yc1tzZW50aW1lbnRdW3RleHRdXG4gICAgICA6IHVuZGVmaW5lZFxuXG4gIHJldHVybiBgXG4gICAgJHtcbiAgICAgIHNlbnRpbWVudFxuICAgICAgICA/IGBjb2xvcjogJHtcbiAgICAgICAgICAgICFpc1NlbnRpbWVudE1vbm9jaHJvbWVcbiAgICAgICAgICAgICAgPyB0ZXh0Q29sb3JcbiAgICAgICAgICAgICAgOiB0aGVtZS5jb2xvcnMub3RoZXIubW9ub2Nocm9tZVtzZW50aW1lbnRdLnRleHRcbiAgICAgICAgICB9O2BcbiAgICAgICAgOiAnJ1xuICAgIH1cblxuICAgIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5W3ZhcmlhbnRdLmZvbnRTaXplfTtcbiAgICBmb250LWZhbWlseTogJHt0aGVtZS50eXBvZ3JhcGh5W3ZhcmlhbnRdLmZvbnRGYW1pbHl9O1xuICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHlbdmFyaWFudF0ud2VpZ2h0fTtcbiAgICBsZXR0ZXItc3BhY2luZzogJHt0aGVtZS50eXBvZ3JhcGh5W3ZhcmlhbnRdLmxldHRlclNwYWNpbmd9O1xuICAgIGxpbmUtaGVpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHlbdmFyaWFudF0ubGluZUhlaWdodH07XG4gICAgdGV4dC10cmFuc2Zvcm06ICR7dGhlbWUudHlwb2dyYXBoeVt2YXJpYW50XS50ZXh0Q2FzZX07XG4gICAgdGV4dC1kZWNvcmF0aW9uOiAke3RoZW1lLnR5cG9ncmFwaHlbdmFyaWFudF0udGV4dERlY29yYXRpb259O1xuICAgICR7cGxhY2VtZW50ID8gYCB0ZXh0LWFsaWduOiAke3BsYWNlbWVudH07YCA6ICcnfVxuICAgICR7d2hpdGVTcGFjZSA/IGB3aGl0ZS1zcGFjZTogJHt3aGl0ZVNwYWNlfTtgIDogJyd9XG5cbiAgICAke1xuICAgICAgb25lTGluZVxuICAgICAgICA/IGB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgIG92ZXJmbG93OiBoaWRkZW47YFxuICAgICAgICA6ICcnXG4gICAgfVxuICAgICR7aXRhbGljID8gYGZvbnQtc3R5bGU6IGl0YWxpYztgIDogJyd9XG4gICAgJHt1bmRlcmxpbmUgPyBgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7YCA6ICcnfVxuICAgICR7c3RyaWtlVGhyb3VnaCA/IGB0ZXh0LWRlY29yYXRpb246IGxpbmUtdGhyb3VnaDtgIDogJyd9XG4gIGBcbn1cblxudHlwZSBUZXh0UHJvcHMgPSB7XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIHBsYWNlbWVudD86IFBsYWNlbWVudFByb3BzXG4gIHZhcmlhbnQ6IFRleHRWYXJpYW50XG4gIHNlbnRpbWVudD86IEV4dGVuZGVkQ29sb3JcbiAgcHJvbWluZW5jZT86IFByb21pbmVuY2VQcm9wc1xuICBhczogRWxlbWVudFR5cGVcbiAgb25lTGluZT86IGJvb2xlYW5cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGl0YWxpYz86IGJvb2xlYW5cbiAgdW5kZXJsaW5lPzogYm9vbGVhblxuICBpZD86IHN0cmluZ1xuICBkaXI/OiAnbHRyJyB8ICdydGwnIHwgJ2F1dG8nXG4gIGh0bWxGb3I/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICAnYXJpYS1oaWRkZW4nPzogYm9vbGVhblxuICBzdHJpa2VUaHJvdWdoPzogYm9vbGVhblxuICB3aGl0ZVNwYWNlPzogV2hpdGVTcGFjZVByb3BzXG59XG5cbmNvbnN0IFN0eWxlZFRleHQgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT5cbiAgICAhW1xuICAgICAgJ2FzJyxcbiAgICAgICdwbGFjZW1lbnQnLFxuICAgICAgJ3ZhcmlhbnQnLFxuICAgICAgJ3NlbnRpbWVudCcsXG4gICAgICAncHJvbWluZW5jZScsXG4gICAgICAnb25lTGluZScsXG4gICAgICAnZGlzYWJsZWQnLFxuICAgICAgJ2l0YWxpYycsXG4gICAgICAndW5kZXJsaW5lJyxcbiAgICAgICdzdHJpa2VUaHJvdWdoJyxcbiAgICAgICd3aGl0ZVNwYWNlJyxcbiAgICBdLmluY2x1ZGVzKHByb3ApLFxufSk8e1xuICBwbGFjZW1lbnQ/OiBQbGFjZW1lbnRQcm9wc1xuICBzZW50aW1lbnQ/OiBFeHRlbmRlZENvbG9yXG4gIHByb21pbmVuY2U6IFByb21pbmVuY2VQcm9wc1xuICB2YXJpYW50OiBUZXh0VmFyaWFudFxuICBvbmVMaW5lOiBib29sZWFuXG4gIGRpc2FibGVkOiBib29sZWFuXG4gIGl0YWxpYzogYm9vbGVhblxuICB1bmRlcmxpbmU6IGJvb2xlYW5cbiAgaHRtbEZvcj86IHN0cmluZ1xuICBzdHJpa2VUaHJvdWdoPzogYm9vbGVhblxuICB3aGl0ZVNwYWNlPzogV2hpdGVTcGFjZVByb3BzXG59PihnZW5lcmF0ZVN0eWxlcylcblxuLyoqXG4gKiBUZXh0IGNvbXBvbmVudCBpcyB1c2VkIHRvIGRpc3BsYXkgdGV4dCB3aXRoIGRpZmZlcmVudCB2YXJpYW50cyBhbmQgc2VudGltZW50cy5cbiAqL1xuZXhwb3J0IGNvbnN0IFRleHQgPSAoe1xuICB2YXJpYW50LFxuICBjaGlsZHJlbixcbiAgYXMsXG4gIHNlbnRpbWVudCxcbiAgb25lTGluZSA9IGZhbHNlLFxuICBwbGFjZW1lbnQsXG4gIHByb21pbmVuY2UgPSAnZGVmYXVsdCcsXG4gIGNsYXNzTmFtZSxcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgaXRhbGljID0gZmFsc2UsXG4gIHVuZGVybGluZSA9IGZhbHNlLFxuICBzdHJpa2VUaHJvdWdoID0gZmFsc2UsXG4gIGlkLFxuICBkaXIsXG4gIHdoaXRlU3BhY2UsXG4gIGh0bWxGb3IsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gICdhcmlhLWhpZGRlbic6IGFyaWFIaWRkZW4sXG59OiBUZXh0UHJvcHMpID0+IHtcbiAgY29uc3QgZWxlbWVudFJlZiA9IHVzZVJlZihudWxsKVxuICBjb25zdCBpc092ZXJmbG93aW5nID0gdXNlSXNPdmVyZmxvd2luZyhlbGVtZW50UmVmKVxuXG4gIGNvbnN0IGZpbmFsU3RyaW5nQ2hpbGRyZW4gPSByZWN1cnNpdmVseUdldENoaWxkcmVuU3RyaW5nKGNoaWxkcmVuKVxuXG4gIHJldHVybiAoXG4gICAgPFRvb2x0aXAgdGV4dD17b25lTGluZSAmJiBpc092ZXJmbG93aW5nID8gZmluYWxTdHJpbmdDaGlsZHJlbiA6ICcnfT5cbiAgICAgIDxTdHlsZWRUZXh0XG4gICAgICAgIGFyaWEtaGlkZGVuPXthcmlhSGlkZGVufVxuICAgICAgICBhcz17YXN9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgZGlyPXtkaXJ9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgaHRtbEZvcj17aHRtbEZvcn1cbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBpdGFsaWM9e2l0YWxpY31cbiAgICAgICAgb25lTGluZT17b25lTGluZX1cbiAgICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICAgIHByb21pbmVuY2U9e3Byb21pbmVuY2V9XG4gICAgICAgIHJlZj17ZWxlbWVudFJlZn1cbiAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICAgIHN0cmlrZVRocm91Z2g9e3N0cmlrZVRocm91Z2h9XG4gICAgICAgIHVuZGVybGluZT17dW5kZXJsaW5lfVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICB3aGl0ZVNwYWNlPXt3aGl0ZVNwYWNlfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZFRleHQ+XG4gICAgPC9Ub29sdGlwPlxuICApXG59XG4iXX0= */");
+import { text } from "./style.css.js";
+import { whiteSpaceText, placementText } from "./variables.css.js";
 const Text = ({
   variant,
   children,
-  as,
+  as: Component = "div",
   sentiment,
   oneLine = false,
   placement,
@@ -77,12 +25,28 @@ const Text = ({
   whiteSpace,
   htmlFor,
   "data-testid": dataTestId,
-  "aria-hidden": ariaHidden
+  "aria-hidden": ariaHidden,
+  style
 }) => {
   const elementRef = useRef(null);
   const isOverflowing = useIsOverflowing(elementRef);
   const finalStringChildren = recursivelyGetChildrenString(children);
-  return /* @__PURE__ */ jsx(Tooltip, { text: oneLine && isOverflowing ? finalStringChildren : "", children: /* @__PURE__ */ jsx(StyledText, { "aria-hidden": ariaHidden, as, className, "data-testid": dataTestId, dir, disabled, htmlFor, id, italic, oneLine, placement, prominence, ref: elementRef, sentiment, strikeThrough, underline, variant, whiteSpace, children }) });
+  return /* @__PURE__ */ jsx(Tooltip, { text: oneLine && isOverflowing ? finalStringChildren : "", children: /* @__PURE__ */ jsx(Component, { "aria-hidden": ariaHidden, className: `${className ? `${className} ` : ""}${text({
+    disabled,
+    italic,
+    oneLine,
+    prominence,
+    sentiment,
+    strikeThrough,
+    underline,
+    variant
+  })}`, "data-testid": dataTestId, dir, htmlFor, id, ref: elementRef, style: {
+    ...assignInlineVars({
+      [placementText]: placement,
+      [whiteSpaceText]: whiteSpace
+    }),
+    ...style
+  }, children }) });
 };
 export {
   Text

package/dist/components/Text/style.css.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                           */
+const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var text = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_m4c9ow0", variantClassNames: { strikeThrough: { true: "uv_m4c9ow1", false: "uv_m4c9ow2" }, italic: { true: "uv_m4c9ow3", false: "uv_m4c9ow4" }, underline: { true: "uv_m4c9ow5", false: "uv_m4c9ow6" }, oneLine: { true: "uv_m4c9ow7", false: "uv_m4c9ow8" }, sentiment: { primary: "uv_m4c9ow9", secondary: "uv_m4c9owa", neutral: "uv_m4c9owb", success: "uv_m4c9owc", danger: "uv_m4c9owd", warning: "uv_m4c9owe", info: "uv_m4c9owf", black: "uv_m4c9owg", white: "uv_m4c9owh" }, prominence: { "default": "uv_m4c9owi", strong: "uv_m4c9owj", stronger: "uv_m4c9owk", weak: "uv_m4c9owl" }, variant: { body: "uv_m4c9owm", bodySmall: "uv_m4c9own", bodySmallStrong: "uv_m4c9owo", bodySmallStronger: "uv_m4c9owp", bodyStrong: "uv_m4c9owq", bodyStronger: "uv_m4c9owr", caption: "uv_m4c9ows", captionSmall: "uv_m4c9owt", captionSmallStrong: "uv_m4c9owu", captionSmallStronger: "uv_m4c9owv", captionStrong: "uv_m4c9oww", captionStronger: "uv_m4c9owx", code: "uv_m4c9owy", codeStrong: "uv_m4c9owz", codeStronger: "uv_m4c9ow10", heading: "uv_m4c9ow11", headingLarge: "uv_m4c9ow12", headingLargeStrong: "uv_m4c9ow13", headingLargeStronger: "uv_m4c9ow14", headingSmall: "uv_m4c9ow15", headingSmallStrong: "uv_m4c9ow16", headingSmallStronger: "uv_m4c9ow17", headingStrong: "uv_m4c9ow18", headingStronger: "uv_m4c9ow19" }, disabled: { true: "uv_m4c9ow1a", false: "uv_m4c9ow1b" } }, defaultVariants: { strikeThrough: false, italic: false, underline: false, oneLine: false, sentiment: void 0, prominence: "default", variant: "body", disabled: false }, compoundVariants: [[{ sentiment: "primary", prominence: "default", disabled: false }, "uv_m4c9ow1c"], [{ sentiment: "primary", prominence: "strong", disabled: false }, "uv_m4c9ow1d"], [{ sentiment: "primary", prominence: "stronger", disabled: false }, "uv_m4c9ow1e"], [{ sentiment: "primary", prominence: "weak", disabled: false }, "uv_m4c9ow1f"], [{ sentiment: "secondary", prominence: "default", disabled: false }, "uv_m4c9ow1g"], [{ sentiment: "secondary", prominence: "strong", disabled: false }, "uv_m4c9ow1h"], [{ sentiment: "secondary", prominence: "stronger", disabled: false }, "uv_m4c9ow1i"], [{ sentiment: "secondary", prominence: "weak", disabled: false }, "uv_m4c9ow1j"], [{ sentiment: "danger", prominence: "default", disabled: false }, "uv_m4c9ow1k"], [{ sentiment: "danger", prominence: "strong", disabled: false }, "uv_m4c9ow1l"], [{ sentiment: "danger", prominence: "stronger", disabled: false }, "uv_m4c9ow1m"], [{ sentiment: "danger", prominence: "weak", disabled: false }, "uv_m4c9ow1n"], [{ sentiment: "info", prominence: "default", disabled: false }, "uv_m4c9ow1o"], [{ sentiment: "info", prominence: "strong", disabled: false }, "uv_m4c9ow1p"], [{ sentiment: "info", prominence: "stronger", disabled: false }, "uv_m4c9ow1q"], [{ sentiment: "info", prominence: "weak", disabled: false }, "uv_m4c9ow1r"], [{ sentiment: "success", prominence: "default", disabled: false }, "uv_m4c9ow1s"], [{ sentiment: "success", prominence: "strong", disabled: false }, "uv_m4c9ow1t"], [{ sentiment: "success", prominence: "stronger", disabled: false }, "uv_m4c9ow1u"], [{ sentiment: "success", prominence: "weak", disabled: false }, "uv_m4c9ow1v"], [{ sentiment: "warning", prominence: "default", disabled: false }, "uv_m4c9ow1w"], [{ sentiment: "warning", prominence: "strong", disabled: false }, "uv_m4c9ow1x"], [{ sentiment: "warning", prominence: "stronger", disabled: false }, "uv_m4c9ow1y"], [{ sentiment: "warning", prominence: "weak", disabled: false }, "uv_m4c9ow1z"], [{ sentiment: "neutral", prominence: "default", disabled: false }, "uv_m4c9ow20"], [{ sentiment: "neutral", prominence: "strong", disabled: false }, "uv_m4c9ow21"], [{ sentiment: "neutral", prominence: "stronger", disabled: false }, "uv_m4c9ow22"], [{ sentiment: "neutral", prominence: "weak", disabled: false }, "uv_m4c9ow23"], [{ sentiment: "black", prominence: "default", disabled: false }, "uv_m4c9ow24"], [{ sentiment: "black", prominence: "strong", disabled: false }, "uv_m4c9ow25"], [{ sentiment: "black", prominence: "stronger", disabled: false }, "uv_m4c9ow26"], [{ sentiment: "black", prominence: "weak", disabled: false }, "uv_m4c9ow27"], [{ sentiment: "white", prominence: "default", disabled: false }, "uv_m4c9ow28"], [{ sentiment: "white", prominence: "strong", disabled: false }, "uv_m4c9ow29"], [{ sentiment: "white", prominence: "stronger", disabled: false }, "uv_m4c9ow2a"], [{ sentiment: "white", prominence: "weak", disabled: false }, "uv_m4c9ow2b"], [{ sentiment: "primary", prominence: "default", disabled: true }, "uv_m4c9ow2c"], [{ sentiment: "primary", prominence: "strong", disabled: true }, "uv_m4c9ow2d"], [{ sentiment: "primary", prominence: "stronger", disabled: true }, "uv_m4c9ow2e"], [{ sentiment: "primary", prominence: "weak", disabled: true }, "uv_m4c9ow2f"], [{ sentiment: "secondary", prominence: "default", disabled: true }, "uv_m4c9ow2g"], [{ sentiment: "secondary", prominence: "strong", disabled: true }, "uv_m4c9ow2h"], [{ sentiment: "secondary", prominence: "stronger", disabled: true }, "uv_m4c9ow2i"], [{ sentiment: "secondary", prominence: "weak", disabled: true }, "uv_m4c9ow2j"], [{ sentiment: "danger", prominence: "default", disabled: true }, "uv_m4c9ow2k"], [{ sentiment: "danger", prominence: "strong", disabled: true }, "uv_m4c9ow2l"], [{ sentiment: "danger", prominence: "stronger", disabled: true }, "uv_m4c9ow2m"], [{ sentiment: "danger", prominence: "weak", disabled: true }, "uv_m4c9ow2n"], [{ sentiment: "info", prominence: "default", disabled: true }, "uv_m4c9ow2o"], [{ sentiment: "info", prominence: "strong", disabled: true }, "uv_m4c9ow2p"], [{ sentiment: "info", prominence: "stronger", disabled: true }, "uv_m4c9ow2q"], [{ sentiment: "info", prominence: "weak", disabled: true }, "uv_m4c9ow2r"], [{ sentiment: "success", prominence: "default", disabled: true }, "uv_m4c9ow2s"], [{ sentiment: "success", prominence: "strong", disabled: true }, "uv_m4c9ow2t"], [{ sentiment: "success", prominence: "stronger", disabled: true }, "uv_m4c9ow2u"], [{ sentiment: "success", prominence: "weak", disabled: true }, "uv_m4c9ow2v"], [{ sentiment: "warning", prominence: "default", disabled: true }, "uv_m4c9ow2w"], [{ sentiment: "warning", prominence: "strong", disabled: true }, "uv_m4c9ow2x"], [{ sentiment: "warning", prominence: "stronger", disabled: true }, "uv_m4c9ow2y"], [{ sentiment: "warning", prominence: "weak", disabled: true }, "uv_m4c9ow2z"], [{ sentiment: "neutral", prominence: "default", disabled: true }, "uv_m4c9ow30"], [{ sentiment: "neutral", prominence: "strong", disabled: true }, "uv_m4c9ow31"], [{ sentiment: "neutral", prominence: "stronger", disabled: true }, "uv_m4c9ow32"], [{ sentiment: "neutral", prominence: "weak", disabled: true }, "uv_m4c9ow33"], [{ sentiment: "black", prominence: "default", disabled: true }, "uv_m4c9ow34"], [{ sentiment: "black", prominence: "strong", disabled: true }, "uv_m4c9ow35"], [{ sentiment: "black", prominence: "stronger", disabled: true }, "uv_m4c9ow36"], [{ sentiment: "black", prominence: "weak", disabled: true }, "uv_m4c9ow37"], [{ sentiment: "white", prominence: "default", disabled: true }, "uv_m4c9ow38"], [{ sentiment: "white", prominence: "strong", disabled: true }, "uv_m4c9ow39"], [{ sentiment: "white", prominence: "stronger", disabled: true }, "uv_m4c9ow3a"], [{ sentiment: "white", prominence: "weak", disabled: true }, "uv_m4c9ow3b"], [{ prominence: "default", disabled: false }, "uv_m4c9ow3c"], [{ prominence: "strong", disabled: false }, "uv_m4c9ow3d"], [{ prominence: "stronger", disabled: false }, "uv_m4c9ow3e"], [{ prominence: "weak", disabled: false }, "uv_m4c9ow3f"]] });
+exports.text = text;

package/dist/components/Text/style.css.d.ts

@@ -0,0 +1,52 @@
+import type { RecipeVariants } from '@vanilla-extract/recipes';
+export declare const text: import("@vanilla-extract/recipes").RuntimeFn<{
+    strikeThrough: {
+        true: {
+            textDecoration: "line-through";
+        };
+        false: {};
+    };
+    italic: {
+        true: {
+            fontStyle: "italic";
+        };
+        false: {};
+    };
+    underline: {
+        true: {
+            textDecoration: "underline";
+        };
+        false: {};
+    };
+    oneLine: {
+        true: {
+            whiteSpace: "nowrap";
+            textOverflow: "ellipsis";
+            overflow: "hidden";
+        };
+        false: {};
+    };
+    sentiment: {
+        primary: {};
+        secondary: {};
+        neutral: {};
+        success: {};
+        danger: {};
+        warning: {};
+        info: {};
+        black: {};
+        white: {};
+    };
+    prominence: {
+        default: {};
+        strong: {};
+        stronger: {};
+        weak: {};
+    };
+    variant: Record<"body" | "bodySmall" | "bodySmallStrong" | "bodySmallStronger" | "bodyStrong" | "bodyStronger" | "caption" | "captionSmall" | "captionSmallStrong" | "captionSmallStronger" | "captionStrong" | "captionStronger" | "code" | "codeStrong" | "codeStronger" | "heading" | "headingLarge" | "headingLargeStrong" | "headingLargeStronger" | "headingSmall" | "headingSmallStrong" | "headingSmallStronger" | "headingStrong" | "headingStronger", object>;
+    disabled: {
+        true: {};
+        false: {};
+    };
+}>;
+export type TextVariants = NonNullable<RecipeVariants<typeof text>>;

package/dist/components/Text/style.css.js

@@ -0,0 +1,6 @@
+/* empty css                         */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var text = createRuntimeFn({ defaultClassName: "uv_m4c9ow0", variantClassNames: { strikeThrough: { true: "uv_m4c9ow1", false: "uv_m4c9ow2" }, italic: { true: "uv_m4c9ow3", false: "uv_m4c9ow4" }, underline: { true: "uv_m4c9ow5", false: "uv_m4c9ow6" }, oneLine: { true: "uv_m4c9ow7", false: "uv_m4c9ow8" }, sentiment: { primary: "uv_m4c9ow9", secondary: "uv_m4c9owa", neutral: "uv_m4c9owb", success: "uv_m4c9owc", danger: "uv_m4c9owd", warning: "uv_m4c9owe", info: "uv_m4c9owf", black: "uv_m4c9owg", white: "uv_m4c9owh" }, prominence: { "default": "uv_m4c9owi", strong: "uv_m4c9owj", stronger: "uv_m4c9owk", weak: "uv_m4c9owl" }, variant: { body: "uv_m4c9owm", bodySmall: "uv_m4c9own", bodySmallStrong: "uv_m4c9owo", bodySmallStronger: "uv_m4c9owp", bodyStrong: "uv_m4c9owq", bodyStronger: "uv_m4c9owr", caption: "uv_m4c9ows", captionSmall: "uv_m4c9owt", captionSmallStrong: "uv_m4c9owu", captionSmallStronger: "uv_m4c9owv", captionStrong: "uv_m4c9oww", captionStronger: "uv_m4c9owx", code: "uv_m4c9owy", codeStrong: "uv_m4c9owz", codeStronger: "uv_m4c9ow10", heading: "uv_m4c9ow11", headingLarge: "uv_m4c9ow12", headingLargeStrong: "uv_m4c9ow13", headingLargeStronger: "uv_m4c9ow14", headingSmall: "uv_m4c9ow15", headingSmallStrong: "uv_m4c9ow16", headingSmallStronger: "uv_m4c9ow17", headingStrong: "uv_m4c9ow18", headingStronger: "uv_m4c9ow19" }, disabled: { true: "uv_m4c9ow1a", false: "uv_m4c9ow1b" } }, defaultVariants: { strikeThrough: false, italic: false, underline: false, oneLine: false, sentiment: void 0, prominence: "default", variant: "body", disabled: false }, compoundVariants: [[{ sentiment: "primary", prominence: "default", disabled: false }, "uv_m4c9ow1c"], [{ sentiment: "primary", prominence: "strong", disabled: false }, "uv_m4c9ow1d"], [{ sentiment: "primary", prominence: "stronger", disabled: false }, "uv_m4c9ow1e"], [{ sentiment: "primary", prominence: "weak", disabled: false }, "uv_m4c9ow1f"], [{ sentiment: "secondary", prominence: "default", disabled: false }, "uv_m4c9ow1g"], [{ sentiment: "secondary", prominence: "strong", disabled: false }, "uv_m4c9ow1h"], [{ sentiment: "secondary", prominence: "stronger", disabled: false }, "uv_m4c9ow1i"], [{ sentiment: "secondary", prominence: "weak", disabled: false }, "uv_m4c9ow1j"], [{ sentiment: "danger", prominence: "default", disabled: false }, "uv_m4c9ow1k"], [{ sentiment: "danger", prominence: "strong", disabled: false }, "uv_m4c9ow1l"], [{ sentiment: "danger", prominence: "stronger", disabled: false }, "uv_m4c9ow1m"], [{ sentiment: "danger", prominence: "weak", disabled: false }, "uv_m4c9ow1n"], [{ sentiment: "info", prominence: "default", disabled: false }, "uv_m4c9ow1o"], [{ sentiment: "info", prominence: "strong", disabled: false }, "uv_m4c9ow1p"], [{ sentiment: "info", prominence: "stronger", disabled: false }, "uv_m4c9ow1q"], [{ sentiment: "info", prominence: "weak", disabled: false }, "uv_m4c9ow1r"], [{ sentiment: "success", prominence: "default", disabled: false }, "uv_m4c9ow1s"], [{ sentiment: "success", prominence: "strong", disabled: false }, "uv_m4c9ow1t"], [{ sentiment: "success", prominence: "stronger", disabled: false }, "uv_m4c9ow1u"], [{ sentiment: "success", prominence: "weak", disabled: false }, "uv_m4c9ow1v"], [{ sentiment: "warning", prominence: "default", disabled: false }, "uv_m4c9ow1w"], [{ sentiment: "warning", prominence: "strong", disabled: false }, "uv_m4c9ow1x"], [{ sentiment: "warning", prominence: "stronger", disabled: false }, "uv_m4c9ow1y"], [{ sentiment: "warning", prominence: "weak", disabled: false }, "uv_m4c9ow1z"], [{ sentiment: "neutral", prominence: "default", disabled: false }, "uv_m4c9ow20"], [{ sentiment: "neutral", prominence: "strong", disabled: false }, "uv_m4c9ow21"], [{ sentiment: "neutral", prominence: "stronger", disabled: false }, "uv_m4c9ow22"], [{ sentiment: "neutral", prominence: "weak", disabled: false }, "uv_m4c9ow23"], [{ sentiment: "black", prominence: "default", disabled: false }, "uv_m4c9ow24"], [{ sentiment: "black", prominence: "strong", disabled: false }, "uv_m4c9ow25"], [{ sentiment: "black", prominence: "stronger", disabled: false }, "uv_m4c9ow26"], [{ sentiment: "black", prominence: "weak", disabled: false }, "uv_m4c9ow27"], [{ sentiment: "white", prominence: "default", disabled: false }, "uv_m4c9ow28"], [{ sentiment: "white", prominence: "strong", disabled: false }, "uv_m4c9ow29"], [{ sentiment: "white", prominence: "stronger", disabled: false }, "uv_m4c9ow2a"], [{ sentiment: "white", prominence: "weak", disabled: false }, "uv_m4c9ow2b"], [{ sentiment: "primary", prominence: "default", disabled: true }, "uv_m4c9ow2c"], [{ sentiment: "primary", prominence: "strong", disabled: true }, "uv_m4c9ow2d"], [{ sentiment: "primary", prominence: "stronger", disabled: true }, "uv_m4c9ow2e"], [{ sentiment: "primary", prominence: "weak", disabled: true }, "uv_m4c9ow2f"], [{ sentiment: "secondary", prominence: "default", disabled: true }, "uv_m4c9ow2g"], [{ sentiment: "secondary", prominence: "strong", disabled: true }, "uv_m4c9ow2h"], [{ sentiment: "secondary", prominence: "stronger", disabled: true }, "uv_m4c9ow2i"], [{ sentiment: "secondary", prominence: "weak", disabled: true }, "uv_m4c9ow2j"], [{ sentiment: "danger", prominence: "default", disabled: true }, "uv_m4c9ow2k"], [{ sentiment: "danger", prominence: "strong", disabled: true }, "uv_m4c9ow2l"], [{ sentiment: "danger", prominence: "stronger", disabled: true }, "uv_m4c9ow2m"], [{ sentiment: "danger", prominence: "weak", disabled: true }, "uv_m4c9ow2n"], [{ sentiment: "info", prominence: "default", disabled: true }, "uv_m4c9ow2o"], [{ sentiment: "info", prominence: "strong", disabled: true }, "uv_m4c9ow2p"], [{ sentiment: "info", prominence: "stronger", disabled: true }, "uv_m4c9ow2q"], [{ sentiment: "info", prominence: "weak", disabled: true }, "uv_m4c9ow2r"], [{ sentiment: "success", prominence: "default", disabled: true }, "uv_m4c9ow2s"], [{ sentiment: "success", prominence: "strong", disabled: true }, "uv_m4c9ow2t"], [{ sentiment: "success", prominence: "stronger", disabled: true }, "uv_m4c9ow2u"], [{ sentiment: "success", prominence: "weak", disabled: true }, "uv_m4c9ow2v"], [{ sentiment: "warning", prominence: "default", disabled: true }, "uv_m4c9ow2w"], [{ sentiment: "warning", prominence: "strong", disabled: true }, "uv_m4c9ow2x"], [{ sentiment: "warning", prominence: "stronger", disabled: true }, "uv_m4c9ow2y"], [{ sentiment: "warning", prominence: "weak", disabled: true }, "uv_m4c9ow2z"], [{ sentiment: "neutral", prominence: "default", disabled: true }, "uv_m4c9ow30"], [{ sentiment: "neutral", prominence: "strong", disabled: true }, "uv_m4c9ow31"], [{ sentiment: "neutral", prominence: "stronger", disabled: true }, "uv_m4c9ow32"], [{ sentiment: "neutral", prominence: "weak", disabled: true }, "uv_m4c9ow33"], [{ sentiment: "black", prominence: "default", disabled: true }, "uv_m4c9ow34"], [{ sentiment: "black", prominence: "strong", disabled: true }, "uv_m4c9ow35"], [{ sentiment: "black", prominence: "stronger", disabled: true }, "uv_m4c9ow36"], [{ sentiment: "black", prominence: "weak", disabled: true }, "uv_m4c9ow37"], [{ sentiment: "white", prominence: "default", disabled: true }, "uv_m4c9ow38"], [{ sentiment: "white", prominence: "strong", disabled: true }, "uv_m4c9ow39"], [{ sentiment: "white", prominence: "stronger", disabled: true }, "uv_m4c9ow3a"], [{ sentiment: "white", prominence: "weak", disabled: true }, "uv_m4c9ow3b"], [{ prominence: "default", disabled: false }, "uv_m4c9ow3c"], [{ prominence: "strong", disabled: false }, "uv_m4c9ow3d"], [{ prominence: "stronger", disabled: false }, "uv_m4c9ow3e"], [{ prominence: "weak", disabled: false }, "uv_m4c9ow3f"]] });
+export {
+  text
+};

package/dist/components/Text/variables.css.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                               */
+var placementText = "var(--uv_qabug40)";
+var whiteSpaceText = "var(--uv_qabug41)";
+exports.placementText = placementText;
+exports.whiteSpaceText = whiteSpaceText;

package/dist/components/Text/variables.css.d.ts

@@ -0,0 +1,2 @@
+export declare const placementText: `var(--${string})`;
+export declare const whiteSpaceText: `var(--${string})`;

package/dist/components/Text/variables.css.js

@@ -0,0 +1,7 @@
+/* empty css                             */
+var placementText = "var(--uv_qabug40)";
+var whiteSpaceText = "var(--uv_qabug41)";
+export {
+  placementText,
+  whiteSpaceText
+};