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

package/dist/components/GlobalAlert/styles.css.js

@@ -0,0 +1,7 @@
+/* empty css                          */
+var closeButton = "uv_1dgk2tq0";
+var container = { info: "uv_1dgk2tq2 uv_1dgk2tq1", danger: "uv_1dgk2tq3 uv_1dgk2tq1", promotional: "uv_1dgk2tq4 uv_1dgk2tq1" };
+export {
+  closeButton,
+  container
+};

package/dist/components/Key/index.cjs

@@ -0,0 +1,85 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const react = require("react");
+const index = require("../Text/index.cjs");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+const KEYS_MATCH = {
+  backspace: "⌫",
+  command: "⌘",
+  control: "⌃",
+  enter: "↵",
+  option: "⌥",
+  shift: "⇧"
+};
+const KeyContainer = /* @__PURE__ */ _styled__default.default("kbd", process.env.NODE_ENV === "production" ? {
+  target: "eufi4n90"
+} : {
+  target: "eufi4n90",
+  label: "KeyContainer"
+})("cursor:default;background:", ({
+  theme
+}) => theme.colors.neutral.backgroundWeak, ";border-radius:", ({
+  theme
+}) => theme.radii.default, ";border:0.5px solid ", ({
+  theme
+}) => theme.colors.neutral.borderWeak, ";min-width:", ({
+  theme
+}) => theme.sizing["300"], ";height:", ({
+  theme
+}) => theme.sizing["300"], ";display:flex;justify-content:center;align-items:center;&[data-prominence='strong']{background-color:", ({
+  theme
+}) => theme.colors.neutral.backgroundStronger, ";border-color:", ({
+  theme
+}) => theme.colors.neutral.border, ';&[data-disabled="true"]{background-color:', ({
+  theme
+}) => theme.colors.neutral.backgroundStrongerDisabled, ";border-color:", ({
+  theme
+}) => theme.colors.neutral.borderDisabled, ";}}&[data-disabled='true']{background-color:", ({
+  theme
+}) => theme.colors.neutral.backgroundWeakDisabled, ";border-color:", ({
+  theme
+}) => theme.colors.neutral.borderWeakDisabled, ';cursor:not-allowed;}&[data-sentiment="primary"]{background-color:', ({
+  theme
+}) => theme.colors.primary.background, ";border-color:", ({
+  theme
+}) => theme.colors.primary.border, ";&[data-prominence='strong']{background-color:", ({
+  theme
+}) => theme.colors.primary.backgroundStrong, ';&[data-disabled="true"]{background-color:', ({
+  theme
+}) => theme.colors.primary.backgroundStrongDisabled, ";}}&[data-disabled='true']{background:", ({
+  theme
+}) => theme.colors.primary.backgroundDisabled, ";border-color:", ({
+  theme
+}) => theme.colors.neutral.borderDisabled, ';cursor:not-allowed;}}&[data-size="small"]{min-width:', ({
+  theme
+}) => theme.sizing["250"], ";height:", ({
+  theme
+}) => theme.sizing["250"], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0tleS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZStCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0tleS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcblxuZXhwb3J0IGNvbnN0IEtFWVNfTUFUQ0ggPSB7XG4gIGJhY2tzcGFjZTogJ+KMqycsXG4gIGNvbW1hbmQ6ICfijJgnLFxuICBjb250cm9sOiAn4oyDJyxcbiAgZW50ZXI6ICfihrUnLFxuICBvcHRpb246ICfijKUnLFxuICBzaGlmdDogJ+KHpycsXG59IGFzIGNvbnN0XG5cbmNvbnN0IEtleUNvbnRhaW5lciA9IHN0eWxlZC5rYmRgXG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha307XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIGJvcmRlcjogMC41cHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbiAgbWluLXdpZHRoOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1snMzAwJ119O1xuICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2l6aW5nWyczMDAnXX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gIC8qKiBOZXV0cmFsIHN0eWxlICovXG4gICZbZGF0YS1wcm9taW5lbmNlPSdzdHJvbmcnXSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nZXJ9O1xuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9O1xuXG4gICAgJltkYXRhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlckRpc2FibGVkfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJEaXNhYmxlZH07XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWtEaXNhYmxlZH07XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWtEaXNhYmxlZH07XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgfVxuXG4gIC8qKiBQcmltYXJ5IHN0eWxlICovXG4gICZbZGF0YS1zZW50aW1lbnQ9XCJwcmltYXJ5XCJdIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmR9O1xuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9O1xuXG4gICAgJltkYXRhLXByb21pbmVuY2U9J3N0cm9uZyddIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ307XG5cbiAgICAgICZbZGF0YS1kaXNhYmxlZD1cInRydWVcIl0ge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmdEaXNhYmxlZH07XG4gICAgICB9XG4gICAgfVxuXG4gICAgJltkYXRhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kRGlzYWJsZWR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlckRpc2FibGVkfTtcbiAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuICB9XG5cbiAgLyoqIFNpemUgKi9cbiAgJltkYXRhLXNpemU9XCJzbWFsbFwiXSB7XG4gICAgbWluLXdpZHRoOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1snMjUwJ119O1xuICAgIGhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzI1MCddfTtcbiAgfVxuYFxuXG50eXBlIEtleVByb3BzID0ge1xuICBjaGlsZHJlbjogc3RyaW5nXG4gIHByb21pbmVuY2U/OiAnc3Ryb25nJyB8ICdkZWZhdWx0J1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJ1xuICBzZW50aW1lbnQ/OiAnbmV1dHJhbCcgfCAncHJpbWFyeSdcbiAgaWQ/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuLyoqXG4gKiBLZXkgaXMgYSB2aXN1YWwgY29tcG9uZW50IHVzZWQgdG8gZGlzcGxheSBrZXlib2FyZCBzaG9ydGN1dHMuXG4gKi9cbmV4cG9ydCBjb25zdCBLZXkgPSAoe1xuICBjaGlsZHJlbixcbiAgcHJvbWluZW5jZSA9ICdkZWZhdWx0JyxcbiAgZGlzYWJsZWQsXG4gIHNpemUgPSAnbWVkaXVtJyxcbiAgc2VudGltZW50ID0gJ25ldXRyYWwnLFxuICBpZCxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogS2V5UHJvcHMpID0+IHtcbiAgY29uc3Qgc3BlY2lhbEtleSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gT2JqZWN0LmtleXMoS0VZU19NQVRDSCkuZmluZChrZXkgPT4ga2V5ID09PSBjaGlsZHJlbi50b0xvd2VyQ2FzZSgpKSxcbiAgICBbY2hpbGRyZW5dLFxuICApXG4gIGNvbnN0IHRleHRQcm9taW5lbmNlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKHByb21pbmVuY2UgPT09ICdkZWZhdWx0Jykge1xuICAgICAgcmV0dXJuICdkZWZhdWx0J1xuICAgIH1cblxuICAgIGlmIChzZW50aW1lbnQgPT09ICdwcmltYXJ5Jykge1xuICAgICAgcmV0dXJuICdzdHJvbmcnXG4gICAgfVxuXG4gICAgcmV0dXJuICdzdHJvbmdlcidcbiAgfSwgW3NlbnRpbWVudCwgcHJvbWluZW5jZV0pXG5cbiAgcmV0dXJuIChcbiAgICA8S2V5Q29udGFpbmVyXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgZGF0YS1wcm9taW5lbmNlPXtwcm9taW5lbmNlfVxuICAgICAgZGF0YS1zZW50aW1lbnQ9e3NlbnRpbWVudH1cbiAgICAgIGRhdGEtc2l6ZT17c2l6ZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgaWQ9e2lkfVxuICAgID5cbiAgICAgIDxUZXh0XG4gICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgcHJvbWluZW5jZT17dGV4dFByb21pbmVuY2V9XG4gICAgICAgIHNlbnRpbWVudD17c2VudGltZW50fVxuICAgICAgICB2YXJpYW50PXtzaXplID09PSAnbWVkaXVtJyA/ICdjYXB0aW9uJyA6ICdjYXB0aW9uU21hbGwnfVxuICAgICAgPlxuICAgICAgICB7c3BlY2lhbEtleVxuICAgICAgICAgID8gS0VZU19NQVRDSFtzcGVjaWFsS2V5IGFzIGtleW9mIHR5cGVvZiBLRVlTX01BVENIXVxuICAgICAgICAgIDogY2hpbGRyZW59XG4gICAgICA8L1RleHQ+XG4gICAgPC9LZXlDb250YWluZXI+XG4gIClcbn1cbiJdfQ== */"));
+const Key = ({
+  children,
+  prominence = "default",
+  disabled,
+  size = "medium",
+  sentiment = "neutral",
+  id,
+  className,
+  "data-testid": dataTestId
+}) => {
+  const specialKey = react.useMemo(() => Object.keys(KEYS_MATCH).find((key) => key === children.toLowerCase()), [children]);
+  const textProminence = react.useMemo(() => {
+    if (prominence === "default") {
+      return "default";
+    }
+    if (sentiment === "primary") {
+      return "strong";
+    }
+    return "stronger";
+  }, [sentiment, prominence]);
+  return /* @__PURE__ */ jsxRuntime.jsx(KeyContainer, { className, "data-disabled": disabled, "data-prominence": prominence, "data-sentiment": sentiment, "data-size": size, "data-testid": dataTestId, id, children: /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "span", disabled, prominence: textProminence, sentiment, variant: size === "medium" ? "caption" : "captionSmall", children: specialKey ? KEYS_MATCH[specialKey] : children }) });
+};
+exports.KEYS_MATCH = KEYS_MATCH;
+exports.Key = Key;

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

@@ -0,0 +1,23 @@
+export declare const KEYS_MATCH: {
+    readonly backspace: "⌫";
+    readonly command: "⌘";
+    readonly control: "⌃";
+    readonly enter: "↵";
+    readonly option: "⌥";
+    readonly shift: "⇧";
+};
+type KeyProps = {
+    children: string;
+    prominence?: 'strong' | 'default';
+    disabled?: boolean;
+    size?: 'small' | 'medium';
+    sentiment?: 'neutral' | 'primary';
+    id?: string;
+    className?: string;
+    'data-testid'?: string;
+};
+/**
+ * Key is a visual component used to display keyboard shortcuts.
+ */
+export declare const Key: ({ children, prominence, disabled, size, sentiment, id, className, "data-testid": dataTestId, }: KeyProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Key/index.js

@@ -0,0 +1,83 @@
+"use client";
+import { jsx } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { useMemo } from "react";
+import { Text } from "../Text/index.js";
+const KEYS_MATCH = {
+  backspace: "⌫",
+  command: "⌘",
+  control: "⌃",
+  enter: "↵",
+  option: "⌥",
+  shift: "⇧"
+};
+const KeyContainer = /* @__PURE__ */ _styled("kbd", process.env.NODE_ENV === "production" ? {
+  target: "eufi4n90"
+} : {
+  target: "eufi4n90",
+  label: "KeyContainer"
+})("cursor:default;background:", ({
+  theme
+}) => theme.colors.neutral.backgroundWeak, ";border-radius:", ({
+  theme
+}) => theme.radii.default, ";border:0.5px solid ", ({
+  theme
+}) => theme.colors.neutral.borderWeak, ";min-width:", ({
+  theme
+}) => theme.sizing["300"], ";height:", ({
+  theme
+}) => theme.sizing["300"], ";display:flex;justify-content:center;align-items:center;&[data-prominence='strong']{background-color:", ({
+  theme
+}) => theme.colors.neutral.backgroundStronger, ";border-color:", ({
+  theme
+}) => theme.colors.neutral.border, ';&[data-disabled="true"]{background-color:', ({
+  theme
+}) => theme.colors.neutral.backgroundStrongerDisabled, ";border-color:", ({
+  theme
+}) => theme.colors.neutral.borderDisabled, ";}}&[data-disabled='true']{background-color:", ({
+  theme
+}) => theme.colors.neutral.backgroundWeakDisabled, ";border-color:", ({
+  theme
+}) => theme.colors.neutral.borderWeakDisabled, ';cursor:not-allowed;}&[data-sentiment="primary"]{background-color:', ({
+  theme
+}) => theme.colors.primary.background, ";border-color:", ({
+  theme
+}) => theme.colors.primary.border, ";&[data-prominence='strong']{background-color:", ({
+  theme
+}) => theme.colors.primary.backgroundStrong, ';&[data-disabled="true"]{background-color:', ({
+  theme
+}) => theme.colors.primary.backgroundStrongDisabled, ";}}&[data-disabled='true']{background:", ({
+  theme
+}) => theme.colors.primary.backgroundDisabled, ";border-color:", ({
+  theme
+}) => theme.colors.neutral.borderDisabled, ';cursor:not-allowed;}}&[data-size="small"]{min-width:', ({
+  theme
+}) => theme.sizing["250"], ";height:", ({
+  theme
+}) => theme.sizing["250"], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0tleS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZStCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0tleS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcblxuZXhwb3J0IGNvbnN0IEtFWVNfTUFUQ0ggPSB7XG4gIGJhY2tzcGFjZTogJ+KMqycsXG4gIGNvbW1hbmQ6ICfijJgnLFxuICBjb250cm9sOiAn4oyDJyxcbiAgZW50ZXI6ICfihrUnLFxuICBvcHRpb246ICfijKUnLFxuICBzaGlmdDogJ+KHpycsXG59IGFzIGNvbnN0XG5cbmNvbnN0IEtleUNvbnRhaW5lciA9IHN0eWxlZC5rYmRgXG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha307XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIGJvcmRlcjogMC41cHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbiAgbWluLXdpZHRoOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1snMzAwJ119O1xuICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2l6aW5nWyczMDAnXX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gIC8qKiBOZXV0cmFsIHN0eWxlICovXG4gICZbZGF0YS1wcm9taW5lbmNlPSdzdHJvbmcnXSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nZXJ9O1xuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9O1xuXG4gICAgJltkYXRhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlckRpc2FibGVkfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJEaXNhYmxlZH07XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWtEaXNhYmxlZH07XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWtEaXNhYmxlZH07XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgfVxuXG4gIC8qKiBQcmltYXJ5IHN0eWxlICovXG4gICZbZGF0YS1zZW50aW1lbnQ9XCJwcmltYXJ5XCJdIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmR9O1xuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9O1xuXG4gICAgJltkYXRhLXByb21pbmVuY2U9J3N0cm9uZyddIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ307XG5cbiAgICAgICZbZGF0YS1kaXNhYmxlZD1cInRydWVcIl0ge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmdEaXNhYmxlZH07XG4gICAgICB9XG4gICAgfVxuXG4gICAgJltkYXRhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kRGlzYWJsZWR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlckRpc2FibGVkfTtcbiAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuICB9XG5cbiAgLyoqIFNpemUgKi9cbiAgJltkYXRhLXNpemU9XCJzbWFsbFwiXSB7XG4gICAgbWluLXdpZHRoOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1snMjUwJ119O1xuICAgIGhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzI1MCddfTtcbiAgfVxuYFxuXG50eXBlIEtleVByb3BzID0ge1xuICBjaGlsZHJlbjogc3RyaW5nXG4gIHByb21pbmVuY2U/OiAnc3Ryb25nJyB8ICdkZWZhdWx0J1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJ1xuICBzZW50aW1lbnQ/OiAnbmV1dHJhbCcgfCAncHJpbWFyeSdcbiAgaWQ/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuLyoqXG4gKiBLZXkgaXMgYSB2aXN1YWwgY29tcG9uZW50IHVzZWQgdG8gZGlzcGxheSBrZXlib2FyZCBzaG9ydGN1dHMuXG4gKi9cbmV4cG9ydCBjb25zdCBLZXkgPSAoe1xuICBjaGlsZHJlbixcbiAgcHJvbWluZW5jZSA9ICdkZWZhdWx0JyxcbiAgZGlzYWJsZWQsXG4gIHNpemUgPSAnbWVkaXVtJyxcbiAgc2VudGltZW50ID0gJ25ldXRyYWwnLFxuICBpZCxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogS2V5UHJvcHMpID0+IHtcbiAgY29uc3Qgc3BlY2lhbEtleSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gT2JqZWN0LmtleXMoS0VZU19NQVRDSCkuZmluZChrZXkgPT4ga2V5ID09PSBjaGlsZHJlbi50b0xvd2VyQ2FzZSgpKSxcbiAgICBbY2hpbGRyZW5dLFxuICApXG4gIGNvbnN0IHRleHRQcm9taW5lbmNlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKHByb21pbmVuY2UgPT09ICdkZWZhdWx0Jykge1xuICAgICAgcmV0dXJuICdkZWZhdWx0J1xuICAgIH1cblxuICAgIGlmIChzZW50aW1lbnQgPT09ICdwcmltYXJ5Jykge1xuICAgICAgcmV0dXJuICdzdHJvbmcnXG4gICAgfVxuXG4gICAgcmV0dXJuICdzdHJvbmdlcidcbiAgfSwgW3NlbnRpbWVudCwgcHJvbWluZW5jZV0pXG5cbiAgcmV0dXJuIChcbiAgICA8S2V5Q29udGFpbmVyXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgZGF0YS1wcm9taW5lbmNlPXtwcm9taW5lbmNlfVxuICAgICAgZGF0YS1zZW50aW1lbnQ9e3NlbnRpbWVudH1cbiAgICAgIGRhdGEtc2l6ZT17c2l6ZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgaWQ9e2lkfVxuICAgID5cbiAgICAgIDxUZXh0XG4gICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgcHJvbWluZW5jZT17dGV4dFByb21pbmVuY2V9XG4gICAgICAgIHNlbnRpbWVudD17c2VudGltZW50fVxuICAgICAgICB2YXJpYW50PXtzaXplID09PSAnbWVkaXVtJyA/ICdjYXB0aW9uJyA6ICdjYXB0aW9uU21hbGwnfVxuICAgICAgPlxuICAgICAgICB7c3BlY2lhbEtleVxuICAgICAgICAgID8gS0VZU19NQVRDSFtzcGVjaWFsS2V5IGFzIGtleW9mIHR5cGVvZiBLRVlTX01BVENIXVxuICAgICAgICAgIDogY2hpbGRyZW59XG4gICAgICA8L1RleHQ+XG4gICAgPC9LZXlDb250YWluZXI+XG4gIClcbn1cbiJdfQ== */"));
+const Key = ({
+  children,
+  prominence = "default",
+  disabled,
+  size = "medium",
+  sentiment = "neutral",
+  id,
+  className,
+  "data-testid": dataTestId
+}) => {
+  const specialKey = useMemo(() => Object.keys(KEYS_MATCH).find((key) => key === children.toLowerCase()), [children]);
+  const textProminence = useMemo(() => {
+    if (prominence === "default") {
+      return "default";
+    }
+    if (sentiment === "primary") {
+      return "strong";
+    }
+    return "stronger";
+  }, [sentiment, prominence]);
+  return /* @__PURE__ */ jsx(KeyContainer, { className, "data-disabled": disabled, "data-prominence": prominence, "data-sentiment": sentiment, "data-size": size, "data-testid": dataTestId, id, children: /* @__PURE__ */ jsx(Text, { as: "span", disabled, prominence: textProminence, sentiment, variant: size === "medium" ? "caption" : "captionSmall", children: specialKey ? KEYS_MATCH[specialKey] : children }) });
+};
+export {
+  KEYS_MATCH,
+  Key
+};

package/dist/components/Label/index.cjs

@@ -2,28 +2,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
+const react = require("react");
 const index = require("../Stack/index.cjs");
 const index$1 = require("../Text/index.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const TextPointer = /* @__PURE__ */ _styled__default.default(index$1.Text, process.env.NODE_ENV === "production" ? {
-  target: "eranz9i0"
-} : {
-  target: "eranz9i0",
-  label: "TextPointer"
-})("cursor:", ({
-  disabled,
-  htmlFor
-}) => {
-  if (disabled) {
-    return "not-allowed";
-  }
-  if (htmlFor) {
-    return "pointer";
-  }
-  return "text";
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xhYmVsL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPZ0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTGFiZWwvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJy4uL1N0YWNrJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5cbmNvbnN0IFRleHRQb2ludGVyID0gc3R5bGVkKFRleHQpYFxuICBjdXJzb3I6ICR7KHsgZGlzYWJsZWQsIGh0bWxGb3IgfSkgPT4ge1xuICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgcmV0dXJuICdub3QtYWxsb3dlZCdcbiAgICB9XG5cbiAgICBpZiAoaHRtbEZvcikge1xuICAgICAgcmV0dXJuICdwb2ludGVyJ1xuICAgIH1cblxuICAgIHJldHVybiAndGV4dCdcbiAgfX07XG5gXG5cbmNvbnN0IExhYmVsUmVxdWlyZWRPck5vdCA9ICh7XG4gIGNoaWxkcmVuLFxuICByZXF1aXJlZCxcbiAgaWQsXG4gIHNpemUsXG4gIGh0bWxGb3IsXG4gIGFzLFxuICBzZW50aW1lbnQsXG4gIGRpc2FibGVkLFxufTogTGFiZWxQcm9wcykgPT5cbiAgcmVxdWlyZWQgPyAoXG4gICAgPFN0YWNrIGFsaWduSXRlbXM9XCJzdGFydFwiIGRpcmVjdGlvbj1cInJvd1wiIGdhcD1cIjAuNVwiPlxuICAgICAgPFRleHRQb2ludGVyXG4gICAgICAgIGFzPXthcyA9PT0gJ2xhYmVsJyA/ICdsYWJlbCcgOiAnbGVnZW5kJ31cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBodG1sRm9yPXtodG1sRm9yfVxuICAgICAgICBpZD17aWR9XG4gICAgICAgIHNlbnRpbWVudD17c2VudGltZW50fVxuICAgICAgICB2YXJpYW50PXtzaXplID09PSAnbGFyZ2UnID8gJ2JvZHlTdHJvbmcnIDogJ2JvZHlTbWFsbFN0cm9uZyd9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVGV4dFBvaW50ZXI+XG4gICAgICA8VGV4dFxuICAgICAgICBhcmlhLWxhYmVsPVwicmVxdWlyZWRcIlxuICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHNlbnRpbWVudD1cImRhbmdlclwiXG4gICAgICAgIHZhcmlhbnQ9e3NpemUgPT09ICdsYXJnZScgPyAnYm9keVN0cm9uZycgOiAnYm9keVNtYWxsU3Ryb25nJ31cbiAgICAgID5cbiAgICAgICAgKlxuICAgICAgPC9UZXh0PlxuICAgIDwvU3RhY2s+XG4gICkgOiAoXG4gICAgPFRleHRQb2ludGVyXG4gICAgICBhcz17YXMgPT09ICdsYWJlbCcgPyAnbGFiZWwnIDogJ2xlZ2VuZCd9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBodG1sRm9yPXtodG1sRm9yfVxuICAgICAgaWQ9e2lkfVxuICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICB2YXJpYW50PXtzaXplID09PSAnbGFyZ2UnID8gJ2JvZHlTdHJvbmcnIDogJ2JvZHlTbWFsbFN0cm9uZyd9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGV4dFBvaW50ZXI+XG4gIClcblxudHlwZSBMYWJlbFByb3BzID0ge1xuICAvKipcbiAgICogQXMgY2FuIGhlbHAgeW91IHRvIGRlZmluZSBhIGxhYmVsIG9yIGEgbGVnZW5kIGluIGNhc2UgeW91IGFyZSB1c2luZyBpdCBpbnNpZGUgYSBmaWVsZHNldFxuICAgKi9cbiAgYXM/OiAnbGFiZWwnIHwgJ2xlZ2VuZCdcbiAgY2hpbGRyZW4/OiBzdHJpbmdcbiAgbGFiZWxEZXNjcmlwdGlvbj86IFJlYWN0Tm9kZVxuICByZXF1aXJlZD86IGJvb2xlYW5cbiAgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZSdcbiAgaHRtbEZvcj86IHN0cmluZ1xuICBpZD86IHN0cmluZ1xuICBzZW50aW1lbnQ/OiBDb21wb25lbnRQcm9wczx0eXBlb2YgVGV4dD5bJ3NlbnRpbWVudCddXG4gIGRpc2FibGVkPzogYm9vbGVhblxufVxuXG4vKipcbiAqIExhYmVsIGlzIHVzZWQgaW5zaWRlIGFsbCBvZiBvdXIgaW5wdXQgY29tcG9uZW50cywgYnV0IGl0IGNhbiBiZSB1c2VkIG91dHNpZGUgZm9yIGRlc2lnbiBwdXJwb3Nlc1xuICovXG5leHBvcnQgY29uc3QgTGFiZWwgPSAoe1xuICBhcyA9ICdsYWJlbCcsXG4gIGNoaWxkcmVuLFxuICBsYWJlbERlc2NyaXB0aW9uLFxuICByZXF1aXJlZCxcbiAgc2l6ZSA9ICdsYXJnZScsXG4gIGh0bWxGb3IsXG4gIGlkLFxuICBzZW50aW1lbnQgPSAnbmV1dHJhbCcsXG4gIGRpc2FibGVkLFxufTogTGFiZWxQcm9wcykgPT5cbiAgbGFiZWxEZXNjcmlwdGlvbiA/IChcbiAgICA8U3RhY2sgYWxpZ25JdGVtcz1cImNlbnRlclwiIGRpcmVjdGlvbj1cInJvd1wiIGdhcD1cIjFcIj5cbiAgICAgIDxMYWJlbFJlcXVpcmVkT3JOb3RcbiAgICAgICAgYXM9e2FzfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGh0bWxGb3I9e2h0bWxGb3J9XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICBzZW50aW1lbnQ9e3NlbnRpbWVudH1cbiAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9MYWJlbFJlcXVpcmVkT3JOb3Q+XG4gICAgICB7dHlwZW9mIGxhYmVsRGVzY3JpcHRpb24gPT09ICdzdHJpbmcnID8gKFxuICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiB2YXJpYW50PVwiYm9keVNtYWxsXCI+XG4gICAgICAgICAge2xhYmVsRGVzY3JpcHRpb259XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICkgOiAoXG4gICAgICAgIGxhYmVsRGVzY3JpcHRpb25cbiAgICAgICl9XG4gICAgPC9TdGFjaz5cbiAgKSA6IChcbiAgICA8TGFiZWxSZXF1aXJlZE9yTm90XG4gICAgICBhcz17YXN9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBodG1sRm9yPXtodG1sRm9yfVxuICAgICAgaWQ9e2lkfVxuICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICBzaXplPXtzaXplfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0xhYmVsUmVxdWlyZWRPck5vdD5cbiAgKVxuIl19 */"));
+const styles_css = require("./styles.css.cjs");
 const LabelRequiredOrNot = ({
   children,
   required,
@@ -33,10 +15,24 @@ const LabelRequiredOrNot = ({
   as,
   sentiment,
   disabled
-}) => required ? /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { alignItems: "start", direction: "row", gap: "0.5", children: [
-  /* @__PURE__ */ jsxRuntime.jsx(TextPointer, { as: as === "label" ? "label" : "legend", disabled, htmlFor, id, sentiment, variant: size === "large" ? "bodyStrong" : "bodySmallStrong", children }),
-  /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { "aria-label": "required", as: "span", disabled, sentiment: "danger", variant: size === "large" ? "bodyStrong" : "bodySmallStrong", children: "*" })
-] }) : /* @__PURE__ */ jsxRuntime.jsx(TextPointer, { as: as === "label" ? "label" : "legend", disabled, htmlFor, id, sentiment, variant: size === "large" ? "bodyStrong" : "bodySmallStrong", children });
+}) => {
+  const textPointerValue = react.useMemo(() => {
+    if (disabled) {
+      return "disabled";
+    }
+    if (htmlFor) {
+      return "htmlFor";
+    }
+    return "default";
+  }, [disabled, htmlFor]);
+  if (required) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { alignItems: "start", direction: "row", gap: "0.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: as === "label" ? "label" : "legend", className: styles_css.textPointer[textPointerValue], disabled, htmlFor, id, sentiment, variant: size === "large" ? "bodyStrong" : "bodySmallStrong", children }),
+      /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { "aria-label": "required", as: "span", disabled, sentiment: "danger", variant: size === "large" ? "bodyStrong" : "bodySmallStrong", children: "*" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: as === "label" ? "label" : "legend", className: styles_css.textPointer[textPointerValue], disabled, htmlFor, id, sentiment, variant: size === "large" ? "bodyStrong" : "bodySmallStrong", children });
+};
 const Label = ({
   as = "label",
   children,

package/dist/components/Label/index.js

@@ -1,25 +1,9 @@
 "use client";
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { useMemo } from "react";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
-const TextPointer = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
-  target: "eranz9i0"
-} : {
-  target: "eranz9i0",
-  label: "TextPointer"
-})("cursor:", ({
-  disabled,
-  htmlFor
-}) => {
-  if (disabled) {
-    return "not-allowed";
-  }
-  if (htmlFor) {
-    return "pointer";
-  }
-  return "text";
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xhYmVsL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPZ0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTGFiZWwvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJy4uL1N0YWNrJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5cbmNvbnN0IFRleHRQb2ludGVyID0gc3R5bGVkKFRleHQpYFxuICBjdXJzb3I6ICR7KHsgZGlzYWJsZWQsIGh0bWxGb3IgfSkgPT4ge1xuICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgcmV0dXJuICdub3QtYWxsb3dlZCdcbiAgICB9XG5cbiAgICBpZiAoaHRtbEZvcikge1xuICAgICAgcmV0dXJuICdwb2ludGVyJ1xuICAgIH1cblxuICAgIHJldHVybiAndGV4dCdcbiAgfX07XG5gXG5cbmNvbnN0IExhYmVsUmVxdWlyZWRPck5vdCA9ICh7XG4gIGNoaWxkcmVuLFxuICByZXF1aXJlZCxcbiAgaWQsXG4gIHNpemUsXG4gIGh0bWxGb3IsXG4gIGFzLFxuICBzZW50aW1lbnQsXG4gIGRpc2FibGVkLFxufTogTGFiZWxQcm9wcykgPT5cbiAgcmVxdWlyZWQgPyAoXG4gICAgPFN0YWNrIGFsaWduSXRlbXM9XCJzdGFydFwiIGRpcmVjdGlvbj1cInJvd1wiIGdhcD1cIjAuNVwiPlxuICAgICAgPFRleHRQb2ludGVyXG4gICAgICAgIGFzPXthcyA9PT0gJ2xhYmVsJyA/ICdsYWJlbCcgOiAnbGVnZW5kJ31cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBodG1sRm9yPXtodG1sRm9yfVxuICAgICAgICBpZD17aWR9XG4gICAgICAgIHNlbnRpbWVudD17c2VudGltZW50fVxuICAgICAgICB2YXJpYW50PXtzaXplID09PSAnbGFyZ2UnID8gJ2JvZHlTdHJvbmcnIDogJ2JvZHlTbWFsbFN0cm9uZyd9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVGV4dFBvaW50ZXI+XG4gICAgICA8VGV4dFxuICAgICAgICBhcmlhLWxhYmVsPVwicmVxdWlyZWRcIlxuICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHNlbnRpbWVudD1cImRhbmdlclwiXG4gICAgICAgIHZhcmlhbnQ9e3NpemUgPT09ICdsYXJnZScgPyAnYm9keVN0cm9uZycgOiAnYm9keVNtYWxsU3Ryb25nJ31cbiAgICAgID5cbiAgICAgICAgKlxuICAgICAgPC9UZXh0PlxuICAgIDwvU3RhY2s+XG4gICkgOiAoXG4gICAgPFRleHRQb2ludGVyXG4gICAgICBhcz17YXMgPT09ICdsYWJlbCcgPyAnbGFiZWwnIDogJ2xlZ2VuZCd9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBodG1sRm9yPXtodG1sRm9yfVxuICAgICAgaWQ9e2lkfVxuICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICB2YXJpYW50PXtzaXplID09PSAnbGFyZ2UnID8gJ2JvZHlTdHJvbmcnIDogJ2JvZHlTbWFsbFN0cm9uZyd9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGV4dFBvaW50ZXI+XG4gIClcblxudHlwZSBMYWJlbFByb3BzID0ge1xuICAvKipcbiAgICogQXMgY2FuIGhlbHAgeW91IHRvIGRlZmluZSBhIGxhYmVsIG9yIGEgbGVnZW5kIGluIGNhc2UgeW91IGFyZSB1c2luZyBpdCBpbnNpZGUgYSBmaWVsZHNldFxuICAgKi9cbiAgYXM/OiAnbGFiZWwnIHwgJ2xlZ2VuZCdcbiAgY2hpbGRyZW4/OiBzdHJpbmdcbiAgbGFiZWxEZXNjcmlwdGlvbj86IFJlYWN0Tm9kZVxuICByZXF1aXJlZD86IGJvb2xlYW5cbiAgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZSdcbiAgaHRtbEZvcj86IHN0cmluZ1xuICBpZD86IHN0cmluZ1xuICBzZW50aW1lbnQ/OiBDb21wb25lbnRQcm9wczx0eXBlb2YgVGV4dD5bJ3NlbnRpbWVudCddXG4gIGRpc2FibGVkPzogYm9vbGVhblxufVxuXG4vKipcbiAqIExhYmVsIGlzIHVzZWQgaW5zaWRlIGFsbCBvZiBvdXIgaW5wdXQgY29tcG9uZW50cywgYnV0IGl0IGNhbiBiZSB1c2VkIG91dHNpZGUgZm9yIGRlc2lnbiBwdXJwb3Nlc1xuICovXG5leHBvcnQgY29uc3QgTGFiZWwgPSAoe1xuICBhcyA9ICdsYWJlbCcsXG4gIGNoaWxkcmVuLFxuICBsYWJlbERlc2NyaXB0aW9uLFxuICByZXF1aXJlZCxcbiAgc2l6ZSA9ICdsYXJnZScsXG4gIGh0bWxGb3IsXG4gIGlkLFxuICBzZW50aW1lbnQgPSAnbmV1dHJhbCcsXG4gIGRpc2FibGVkLFxufTogTGFiZWxQcm9wcykgPT5cbiAgbGFiZWxEZXNjcmlwdGlvbiA/IChcbiAgICA8U3RhY2sgYWxpZ25JdGVtcz1cImNlbnRlclwiIGRpcmVjdGlvbj1cInJvd1wiIGdhcD1cIjFcIj5cbiAgICAgIDxMYWJlbFJlcXVpcmVkT3JOb3RcbiAgICAgICAgYXM9e2FzfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGh0bWxGb3I9e2h0bWxGb3J9XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICBzZW50aW1lbnQ9e3NlbnRpbWVudH1cbiAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9MYWJlbFJlcXVpcmVkT3JOb3Q+XG4gICAgICB7dHlwZW9mIGxhYmVsRGVzY3JpcHRpb24gPT09ICdzdHJpbmcnID8gKFxuICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiB2YXJpYW50PVwiYm9keVNtYWxsXCI+XG4gICAgICAgICAge2xhYmVsRGVzY3JpcHRpb259XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICkgOiAoXG4gICAgICAgIGxhYmVsRGVzY3JpcHRpb25cbiAgICAgICl9XG4gICAgPC9TdGFjaz5cbiAgKSA6IChcbiAgICA8TGFiZWxSZXF1aXJlZE9yTm90XG4gICAgICBhcz17YXN9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBodG1sRm9yPXtodG1sRm9yfVxuICAgICAgaWQ9e2lkfVxuICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICBzaXplPXtzaXplfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0xhYmVsUmVxdWlyZWRPck5vdD5cbiAgKVxuIl19 */"));
+import { textPointer } from "./styles.css.js";
 const LabelRequiredOrNot = ({
   children,
   required,
@@ -29,10 +13,24 @@ const LabelRequiredOrNot = ({
   as,
   sentiment,
   disabled
-}) => required ? /* @__PURE__ */ jsxs(Stack, { alignItems: "start", direction: "row", gap: "0.5", children: [
-  /* @__PURE__ */ jsx(TextPointer, { as: as === "label" ? "label" : "legend", disabled, htmlFor, id, sentiment, variant: size === "large" ? "bodyStrong" : "bodySmallStrong", children }),
-  /* @__PURE__ */ jsx(Text, { "aria-label": "required", as: "span", disabled, sentiment: "danger", variant: size === "large" ? "bodyStrong" : "bodySmallStrong", children: "*" })
-] }) : /* @__PURE__ */ jsx(TextPointer, { as: as === "label" ? "label" : "legend", disabled, htmlFor, id, sentiment, variant: size === "large" ? "bodyStrong" : "bodySmallStrong", children });
+}) => {
+  const textPointerValue = useMemo(() => {
+    if (disabled) {
+      return "disabled";
+    }
+    if (htmlFor) {
+      return "htmlFor";
+    }
+    return "default";
+  }, [disabled, htmlFor]);
+  if (required) {
+    return /* @__PURE__ */ jsxs(Stack, { alignItems: "start", direction: "row", gap: "0.5", children: [
+      /* @__PURE__ */ jsx(Text, { as: as === "label" ? "label" : "legend", className: textPointer[textPointerValue], disabled, htmlFor, id, sentiment, variant: size === "large" ? "bodyStrong" : "bodySmallStrong", children }),
+      /* @__PURE__ */ jsx(Text, { "aria-label": "required", as: "span", disabled, sentiment: "danger", variant: size === "large" ? "bodyStrong" : "bodySmallStrong", children: "*" })
+    ] });
+  }
+  return /* @__PURE__ */ jsx(Text, { as: as === "label" ? "label" : "legend", className: textPointer[textPointerValue], disabled, htmlFor, id, sentiment, variant: size === "large" ? "bodyStrong" : "bodySmallStrong", children });
+};
 const Label = ({
   as = "label",
   children,

package/dist/components/Label/styles.css.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                            */
+var textPointer = { disabled: "uv_17td3g90", htmlFor: "uv_17td3g91", "default": "uv_17td3g92" };
+exports.textPointer = textPointer;

package/dist/components/Label/styles.css.d.ts

@@ -0,0 +1 @@
+export declare const textPointer: Record<"default" | "disabled" | "htmlFor", string>;

package/dist/components/Label/styles.css.js

@@ -0,0 +1,5 @@
+/* empty css                          */
+var textPointer = { disabled: "uv_17td3g90", htmlFor: "uv_17td3g91", "default": "uv_17td3g92" };
+export {
+  textPointer
+};