skillgrid 0.0.83 → 0.0.85

package/dist/components/Modal/Modal.js

@@ -12,16 +12,16 @@ const { Paragraph: M, Title: R } = j, U = {
   mode: "primary",
   buttonStyle: "gray"
 }, A = (d) => {
-  const { props: g, wrapper: m } = d, h = {
+  const { props: w, wrapper: m } = d, h = {
     ...U,
-    ...g
+    ...w
   };
   return m ? /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(S, { ...h }) }) : /* @__PURE__ */ e(S, { ...h });
-}, Y = H((d, g) => {
+}, Y = H((d, w) => {
   const {
     open: m,
     onOpenChange: h,
-    size: w,
+    size: g,
     placement: p = "default",
     rightActionsSlot: v = [],
     leftActionsSlot: u = [],
@@ -38,35 +38,35 @@ const { Paragraph: M, Title: R } = j, U = {
     headerTemplate: O,
     "data-testid": i,
     ...B
-  } = d, I = p === "bottom-sheet" ? "actions-title-actions" : "title-actions-actions", $ = p === "right-drawer" || p === "left-drawer", x = p === "bottom-sheet" ? { direction: "bottom", threshold: 80 } : d == null ? void 0 : d.closeOnDrag, b = () => h(!1), y = !!(f || l || a.show || c.show || v.length || u.length), P = f ? `${i || "modal"}-title` : void 0, z = l ? `${i || "modal"}-subtitle` : void 0;
+  } = d, y = p === "bottom-sheet" ? "actions-title-actions" : "title-actions-actions", I = p === "right-drawer" || p === "left-drawer", $ = p === "bottom-sheet" ? { direction: "bottom", threshold: 80 } : d == null ? void 0 : d.closeOnDrag, b = () => h(!1), x = !!(f || l || a.show || c.show || v.length || u.length), P = f ? `${i || "modal"}-title` : void 0, z = l ? `${i || "modal"}-subtitle` : void 0;
   return /* @__PURE__ */ e(
     L,
     {
       open: m,
       onOpenChange: h,
       placement: p,
-      ref: g,
-      style: { width: w, ...o == null ? void 0 : o.dialog },
-      closeOnDrag: x,
+      ref: w,
+      style: { width: g, ...o == null ? void 0 : o.dialog },
+      closeOnDrag: $,
       className: t == null ? void 0 : t.dialog,
       ...B,
       children: /* @__PURE__ */ s(
         "div",
         {
           className: n(r.container, t == null ? void 0 : t.container),
-          style: { width: w, ...o == null ? void 0 : o.container },
+          style: { width: g, ...o == null ? void 0 : o.container },
           "data-testid": i ? `${i}-container` : void 0,
           children: [
-            y && /* @__PURE__ */ s(
+            x && /* @__PURE__ */ s(
               "div",
               {
                 "data-testid": i ? `${i}-header` : void 0,
                 className: n(
                   r.header,
                   !C && r.withBorder,
-                  r[O || I],
+                  r[O || y],
                   t == null ? void 0 : t.header,
-                  $ && r.drawerHeader
+                  I && r.drawerHeader
                 ),
                 style: o == null ? void 0 : o.header,
                 children: [
@@ -106,7 +106,7 @@ const { Paragraph: M, Title: R } = j, U = {
                             wrapper: a.wrapper,
                             props: {
                               mode: "tertiary",
-                              iconLeft: /* @__PURE__ */ e(F, { color: "var(--base-graphite-55)" }),
+                              iconLeft: /* @__PURE__ */ e(F, { color: "var(--icon-secondary)" }),
                               "aria-label": "Close modal",
                               onClick: b,
                               className: r.closeButton,

package/dist/components/Popover/lib/use-popover.js

@@ -1,7 +1,7 @@
 import { offset as G, flip as H, shift as V, inline as q, size as J, hide as K, useFloating as Q, autoUpdate as Z, useTransitionStyles as M, useClick as ee, useHover as te, useFocus as oe, useDismiss as ne, useRole as se, useInteractions as re } from "@floating-ui/react";
 import { useState as i, useMemo as v, useCallback as ce, useEffect as ae, useLayoutEffect as ie } from "react";
-import { useCompatId as S } from "../../../hooks/useCompatId.js";
 import { DEFAULT_FLOATING as le, hasMiddleware as fe } from "./utils.js";
+import { useCompatId as S } from "../../../hooks/useCompatId.js";
 const r = 8, ue = (c) => {
   switch (c.split("-")[0]) {
     case "top":

package/dist/components/Tabs/ScrollWrapper.js

@@ -1,8 +1,8 @@
 import { jsxs as N, jsx as r } from "react/jsx-runtime";
 import { useRef as W, useState as g, useEffect as w } from "react";
-import { useBackgroundColor as M } from "../../hooks/useBackgroundColor.js";
 import { clsx as i } from "clsx";
 import e from "./ScrollWrapper.module.css.js";
+import { useBackgroundColor as M } from "../../hooks/useBackgroundColor.js";
 const B = "white", G = ({
   children: b,
   withControls: a = !0,

package/dist/components/Tabs/Tabs.js

@@ -1,10 +1,10 @@
 import { jsx as n, jsxs as V } from "react/jsx-runtime";
 import F, { useState as U, createContext as j, useContext as k } from "react";
 import { ScrollWrapper as G } from "./ScrollWrapper.js";
-import { useIsMobile as M } from "../../hooks/useIsMobile.js";
 import { clsx as d } from "clsx";
 import f from "../../styles/typography.module.css.js";
 import a from "./Tabs.module.css.js";
+import { useIsMobile as M } from "../../hooks/useIsMobile.js";
 import { Badge as O } from "../Badge/Badge.js";
 const W = "md", R = !1, Y = 8, Z = "top-right-inside", P = j(null), h = () => {
   const t = k(P);

package/dist/components/Tag/Tag.js

@@ -1,48 +1,49 @@
-import { jsxs as E, jsx as r } from "react/jsx-runtime";
+import { jsxs as C, jsx as r } from "react/jsx-runtime";
 import s from "./Tag.module.css.js";
 import p from "../../styles/typography.module.css.js";
-import { forwardRef as P } from "react";
+import { forwardRef as I } from "react";
 import { clsx as a } from "clsx";
-const T = P((m, n) => {
+const z = I((m, n) => {
   const {
-    className: d,
-    children: e,
-    componentStyle: c = "neutral",
-    size: t = "medium",
+    className: c,
+    children: t,
+    componentStyle: d = "neutral",
+    size: e = "medium",
     disabled: i = !1,
-    showLabel: N = !!e,
-    slotStart: o,
-    slotEnd: l,
-    slotStartWrapperProps: f = {},
-    slotEndWrapperProps: b = {},
-    "data-testid": g,
-    ...h
-  } = m, { className: u, ...y } = f, { className: S, ...x } = b;
-  return /* @__PURE__ */ E(
+    showLabel: N = !!t,
+    slotStart: l,
+    slotEnd: o,
+    slotStartWrapperProps: b = {},
+    slotEndWrapperProps: f = {},
+    labelWrapperProps: g = {},
+    "data-testid": h,
+    ...u
+  } = m, { className: P, ...y } = b, { className: S, ...W } = f, { className: x, ...E } = g;
+  return /* @__PURE__ */ C(
     "div",
     {
       className: a(
         s.tag,
-        s[t],
-        s[c],
+        s[e],
+        s[d],
         {
           [s.disabled]: i,
-          [p["typography-label-3-regular"]]: t === "medium",
-          [p["typography-subtitle-1-semibold"]]: t === "large"
+          [p["typography-label-3-regular"]]: e === "medium",
+          [p["typography-subtitle-1-semibold"]]: e === "large"
         },
-        d
+        c
       ),
-      "data-testid": g || "tag-component",
+      "data-testid": h || "tag-component",
       ref: n,
-      ...h,
+      ...u,
       children: [
-        o && /* @__PURE__ */ r("span", { className: a([s.iconWrapper, u]), ...y, children: o }),
-        N && /* @__PURE__ */ r("span", { className: a([s.label]), children: e }),
-        l && /* @__PURE__ */ r("span", { className: a([s.iconWrapper, S]), ...x, children: l })
+        l && /* @__PURE__ */ r("span", { className: a([s.iconWrapper, P]), ...y, children: l }),
+        N && /* @__PURE__ */ r("span", { className: a([s.label, x]), ...E, children: t }),
+        o && /* @__PURE__ */ r("span", { className: a([s.iconWrapper, S]), ...W, children: o })
       ]
     }
   );
 });
 export {
-  T as Tag
+  z as Tag
 };

package/dist/components/Tag/Tag.module.css.js

@@ -1,37 +1,39 @@
-import '../../assets/components/Tag/Tag.module-FHcOZDVu.css';const _ = "_tag_16i5f_1", i = "_label_16i5f_16", e = "_iconWrapper_16i5f_20", a = "_medium_16i5f_27", n = "_large_16i5f_33", t = "_disabled_16i5f_43", c = "_neutral_16i5f_47", l = "_positive_16i5f_53", s = "_negative_16i5f_59", o = "_warning_16i5f_65", r = "_vivid_16i5f_71", f = "_special_16i5f_77", d = "_accent_16i5f_84", v = "_blue_16i5f_90", p = "_lovely_16i5f_96", g = "_dreamy_16i5f_102", u = {
-  tag: _,
-  label: i,
-  iconWrapper: e,
-  medium: a,
+import '../../assets/components/Tag/Tag.module-DN9gmOlu.css';const e = "_tag_l7ebw_1", _ = "_label_l7ebw_16", l = "_iconWrapper_l7ebw_20", t = "_medium_l7ebw_27", n = "_large_l7ebw_33", a = "_disabled_l7ebw_43", c = "_neutral_l7ebw_47", s = "_positive_l7ebw_53", o = "_negative_l7ebw_59", i = "_warning_l7ebw_65", b = "_vivid_l7ebw_71", w = "_special_l7ebw_77", r = "_accent_l7ebw_84", d = "_blue_l7ebw_90", v = "_lovely_l7ebw_96", p = "_dreamy_l7ebw_102", u = "_custom_l7ebw_108", g = {
+  tag: e,
+  label: _,
+  iconWrapper: l,
+  medium: t,
   large: n,
-  disabled: t,
+  disabled: a,
   neutral: c,
-  positive: l,
-  negative: s,
-  warning: o,
-  vivid: r,
-  special: f,
-  accent: d,
-  blue: v,
-  lovely: p,
-  dreamy: g
+  positive: s,
+  negative: o,
+  warning: i,
+  vivid: b,
+  special: w,
+  accent: r,
+  blue: d,
+  lovely: v,
+  dreamy: p,
+  custom: u
 };
 export {
-  d as accent,
-  v as blue,
-  u as default,
-  t as disabled,
-  g as dreamy,
-  e as iconWrapper,
-  i as label,
+  r as accent,
+  d as blue,
+  u as custom,
+  g as default,
+  a as disabled,
+  p as dreamy,
+  l as iconWrapper,
+  _ as label,
   n as large,
-  p as lovely,
-  a as medium,
-  s as negative,
+  v as lovely,
+  t as medium,
+  o as negative,
   c as neutral,
-  l as positive,
-  f as special,
-  _ as tag,
-  r as vivid,
-  o as warning
+  s as positive,
+  w as special,
+  e as tag,
+  b as vivid,
+  i as warning
 };

package/dist/components/Tag/Tag.type.d.ts

@@ -10,7 +10,7 @@ export interface TagProps extends ComponentProps<'div'> {
     /** Цвет компонента
      * @default "neutral"
      */
-    componentStyle?: 'neutral' | 'positive' | 'negative' | 'warning' | 'vivid' | 'special' | 'accent' | 'blue' | 'lovely' | 'dreamy';
+    componentStyle?: 'neutral' | 'positive' | 'negative' | 'warning' | 'vivid' | 'special' | 'accent' | 'blue' | 'lovely' | 'dreamy' | 'custom';
     /** Задизейблен ли компонент
      * @default false
      */
@@ -31,6 +31,10 @@ export interface TagProps extends ComponentProps<'div'> {
     slotEndWrapperProps?: ComponentProps<'span'> & {
         'data-testid'?: string;
     };
+    /** Пропсы для контейнера текста */
+    labelWrapperProps?: ComponentProps<'span'> & {
+        'data-testid'?: string;
+    };
     /** Id для тестирования */
     'data-testid'?: string;
 }

package/dist/components/Trigger/Trigger.js

@@ -1,9 +1,9 @@
-import { jsxs as v, jsx as a } from "react/jsx-runtime";
+import { jsxs as y, jsx as a } from "react/jsx-runtime";
 import { clsx as n } from "clsx";
-import { LabelState as A } from "./Trigger.type.js";
+import { LabelState as W } from "./Trigger.type.js";
 import r from "./Trigger.module.css.js";
-import { getLabelState as K, getLabelTypographySize as M, truncateContent as Q, getContentTypographySize as W, getIconSize as H } from "./lib/utils.js";
-import { Typography as y } from "../Typography/Typography.js";
+import { getLabelState as K, getLabelTypographySize as M, truncateContent as Q, getContentTypographySize as H, getIconSize as E } from "./lib/utils.js";
+import { Typography as v } from "../Typography/Typography.js";
 import { XIcon as R } from "../InputBase/assets/XIcon.js";
 import { ChevronIcon as U } from "./assets/ChevronIcon.js";
 import { Helper as V } from "../Helper/Helper.js";
@@ -17,18 +17,18 @@ const cr = ({
   clearable: m = !1,
   error: f,
   prefixIcon: S,
-  postfixTitle: b,
+  postfixTitle: L,
   disabled: o = !1,
   open: p,
   onClear: I,
   classNames: t = {},
   styles: e = {}
 }) => {
-  const g = !!d, L = !!N, c = !!f, w = s === "applied", E = !!u && (!c || o) || c && !o, O = (c && !o ? f : u) || "", h = c && !o, T = K(i, g), l = L && T === A.FLOATING, X = T === A.HIDDEN, j = n(
+  const g = !!d, b = !!N, c = !!f, w = s === "applied", O = !!u && (!c || o) || c && !o, X = (c && !o ? f : u) || "", h = c && !o, T = K(i, g), l = b && T === W.FLOATING, j = T === W.HIDDEN, z = n(
     r["trigger-wrapper"],
     { [r["trigger-stretched"]]: C },
     t.wrapper
-  ), z = n(
+  ), A = n(
     r["trigger-container"],
     r[`trigger-container-size-${i}`],
     {
@@ -39,27 +39,27 @@ const cr = ({
       [r["trigger-container-floating"]]: l
     },
     t.triggerContainer
-  ), B = n(
+  ), D = n(
     r["trigger-content-container"],
     {
       [r["trigger-content-container-floating"]]: l
     },
     t.triggerContent
-  ), D = n(
+  ), F = n(
     r["trigger-label"],
     {
       [r["trigger-label-floating"]]: l,
-      [r["trigger-label-hidden"]]: X
+      [r["trigger-label-hidden"]]: j
     },
     t.label
-  ), F = n(r["trigger-content"], t.content), k = n(r["trigger-postfix"], t.postfixTitle), G = n(r["trigger-chevron-icon"], t.chevronIcon), P = n(
+  ), k = n(r["trigger-content"], t.content), G = n(r["trigger-postfix"], t.postfixTitle), P = n(r["trigger-chevron-icon"], t.chevronIcon), $ = n(
     r["trigger-prefix-icon"],
     t.prefixIconContainer
-  ), $ = n(r["trigger-clear-icon"], t.clearIcon), q = (x) => {
+  ), q = n(r["trigger-clear-icon"], t.clearIcon), B = (x) => {
     x == null || x.stopPropagation(), I == null || I();
   }, J = g && p && (s === "selected" && m || s === "applied") || g && !p && (w || s === "selected" && m);
-  return /* @__PURE__ */ v("div", { className: j, style: e.wrapper, children: [
-    /* @__PURE__ */ v(
+  return /* @__PURE__ */ y("div", { className: z, style: e.wrapper, children: [
+    /* @__PURE__ */ y(
       "button",
       {
         "data-testid": "trigger",
@@ -67,18 +67,18 @@ const cr = ({
         "aria-haspopup": "listbox",
         "aria-expanded": p,
         role: "combobox",
-        className: z,
+        className: A,
         style: e.triggerContainer,
         disabled: o,
         type: "button",
         children: [
-          S && i !== "XL" && /* @__PURE__ */ a("div", { className: P, style: e.prefixIconContainer, children: S }),
-          /* @__PURE__ */ v("div", { className: B, style: e.triggerContent, children: [
-            L && /* @__PURE__ */ a(
-              y.Label,
+          S && i !== "XL" && /* @__PURE__ */ a("div", { className: $, style: e.prefixIconContainer, children: S }),
+          /* @__PURE__ */ y("div", { className: D, style: e.triggerContent, children: [
+            b && /* @__PURE__ */ a(
+              v.Label,
               {
                 "data-testid": "trigger-label",
-                className: D,
+                className: F,
                 style: e.label,
                 size: M(i, l),
                 as: "span",
@@ -88,58 +88,58 @@ const cr = ({
               }
             ),
             g && /* @__PURE__ */ a(
-              y.Label,
+              v.Label,
               {
                 "data-testid": "trigger-content-container",
-                className: F,
+                className: k,
                 style: e.content,
-                size: W(i),
+                size: H(i),
                 as: "span",
                 disabled: o,
                 children: C ? d : Q(d)
               }
             ),
-            g && !!b && /* @__PURE__ */ a(
-              y.Label,
+            g && !!L && /* @__PURE__ */ a(
+              v.Label,
               {
                 "data-testid": "trigger-postfix",
-                className: k,
+                className: G,
                 style: e.postfixTitle,
-                size: W(i),
+                size: H(i),
                 disabled: o,
                 typographyStyle: "secondary",
-                children: b
+                children: L
               }
             )
           ] }),
           J ? /* @__PURE__ */ a(
             R,
             {
-              className: $,
+              className: q,
               "data-testid": "trigger-clear",
-              size: H(i),
+              size: E(i),
               tabIndex: -1,
-              onClick: q,
+              onClick: B,
               style: { outline: "none", ...e.clearIcon },
-              color: s === "selected" && m ? "var(--base-graphite-75)" : void 0
+              color: s === "selected" && m ? "var(--icon-tertiary)" : void 0
             }
           ) : /* @__PURE__ */ a(
             U,
             {
               "data-testid": "trigger-chevron",
-              size: H(i),
-              className: G,
-              color: "#AABBCA",
+              size: E(i),
+              className: P,
+              color: "var(--icon-tertiary)",
               style: e.chevronIcon
             }
           )
         ]
       }
     ),
-    E && /* @__PURE__ */ a(
+    O && /* @__PURE__ */ a(
       V,
       {
-        title: O,
+        title: X,
         error: h ? f : void 0,
         className: h ? t.error : t.description,
         style: h ? e.error : e.description,

package/dist/components/Trigger/Trigger.module.css.js

@@ -1,26 +1,26 @@
-import '../../assets/components/Trigger/Trigger.module-B91SEgX2.css';const r = {
-  "trigger-wrapper": "_trigger-wrapper_fm9f9_79",
-  "trigger-container": "_trigger-container_fm9f9_85",
-  "trigger-container-applied": "_trigger-container-applied_fm9f9_109",
-  "trigger-container-open": "_trigger-container-open_fm9f9_114",
-  "trigger-container-error": "_trigger-container-error_fm9f9_125",
-  "trigger-container-size-XS": "_trigger-container-size-XS_fm9f9_137",
-  "trigger-container-size-S": "_trigger-container-size-S_fm9f9_147",
-  "trigger-container-size-M": "_trigger-container-size-M_fm9f9_153",
-  "trigger-container-size-L": "_trigger-container-size-L_fm9f9_159",
-  "trigger-container-size-XL": "_trigger-container-size-XL_fm9f9_167",
-  "trigger-container-floating": "_trigger-container-floating_fm9f9_173",
-  "trigger-stretched": "_trigger-stretched_fm9f9_178",
-  "trigger-content-container": "_trigger-content-container_fm9f9_182",
-  "trigger-content-container-floating": "_trigger-content-container-floating_fm9f9_191",
-  "trigger-label": "_trigger-label_fm9f9_196",
-  "trigger-label-floating": "_trigger-label-floating_fm9f9_203",
-  "trigger-label-hidden": "_trigger-label-hidden_fm9f9_213",
-  "trigger-content": "_trigger-content_fm9f9_182",
-  "trigger-prefix-icon": "_trigger-prefix-icon_fm9f9_225",
-  "trigger-chevron-icon": "_trigger-chevron-icon_fm9f9_230",
-  "trigger-clear-icon": "_trigger-clear-icon_fm9f9_246",
-  "trigger-postfix": "_trigger-postfix_fm9f9_262"
+import '../../assets/components/Trigger/Trigger.module-BWzHgDVC.css';const r = {
+  "trigger-wrapper": "_trigger-wrapper_1vv90_77",
+  "trigger-container": "_trigger-container_1vv90_83",
+  "trigger-container-applied": "_trigger-container-applied_1vv90_106",
+  "trigger-container-open": "_trigger-container-open_1vv90_111",
+  "trigger-container-error": "_trigger-container-error_1vv90_122",
+  "trigger-container-size-XS": "_trigger-container-size-XS_1vv90_134",
+  "trigger-container-size-S": "_trigger-container-size-S_1vv90_144",
+  "trigger-container-size-M": "_trigger-container-size-M_1vv90_150",
+  "trigger-container-size-L": "_trigger-container-size-L_1vv90_156",
+  "trigger-container-size-XL": "_trigger-container-size-XL_1vv90_164",
+  "trigger-container-floating": "_trigger-container-floating_1vv90_170",
+  "trigger-stretched": "_trigger-stretched_1vv90_175",
+  "trigger-content-container": "_trigger-content-container_1vv90_179",
+  "trigger-content-container-floating": "_trigger-content-container-floating_1vv90_189",
+  "trigger-label": "_trigger-label_1vv90_194",
+  "trigger-label-floating": "_trigger-label-floating_1vv90_201",
+  "trigger-label-hidden": "_trigger-label-hidden_1vv90_213",
+  "trigger-content": "_trigger-content_1vv90_179",
+  "trigger-prefix-icon": "_trigger-prefix-icon_1vv90_227",
+  "trigger-chevron-icon": "_trigger-chevron-icon_1vv90_232",
+  "trigger-clear-icon": "_trigger-clear-icon_1vv90_248",
+  "trigger-postfix": "_trigger-postfix_1vv90_264"
 };
 export {
   r as default

package/dist/components/Typography/Typography.module.css.js

@@ -1,35 +1,35 @@
-import '../../assets/components/Typography/Typography.module-TJDGpv-d.css';const a = "_typography_1mq4x_1", _ = "_disabled_1mq4x_8", n = "_primary_1mq4x_13", t = "_secondary_1mq4x_18", c = "_tertiary_1mq4x_23", s = "_accent_1mq4x_28", e = "_positive_1mq4x_38", o = "_negative_1mq4x_48", r = "_warning_1mq4x_58", i = "_special_1mq4x_68", y = "_contrast_1mq4x_78", m = "_custom_1mq4x_88", d = {
-  typography: a,
-  disabled: _,
-  primary: n,
-  secondary: t,
-  tertiary: c,
+import '../../assets/components/Typography/Typography.module-53KcIWaI.css';const n = "_typography_hnc4p_1", c = "_disabled_hnc4p_8", a = "_primary_hnc4p_13", _ = "_secondary_hnc4p_18", t = "_tertiary_hnc4p_23", s = "_accent_hnc4p_28", e = "_positive_hnc4p_38", o = "_negative_hnc4p_48", r = "_warning_hnc4p_58", p = "_special_hnc4p_68", i = "_contrast_hnc4p_78", y = "_custom_hnc4p_88", d = {
+  typography: n,
+  disabled: c,
+  primary: a,
+  secondary: _,
+  tertiary: t,
   accent: s,
-  "accent-secondary": "_accent-secondary_1mq4x_33",
+  "accent-secondary": "_accent-secondary_hnc4p_33",
   positive: e,
-  "positive-secondary": "_positive-secondary_1mq4x_43",
+  "positive-secondary": "_positive-secondary_hnc4p_43",
   negative: o,
-  "negative-secondary": "_negative-secondary_1mq4x_53",
+  "negative-secondary": "_negative-secondary_hnc4p_53",
   warning: r,
-  "warning-secondary": "_warning-secondary_1mq4x_63",
-  special: i,
-  "special-secondary": "_special-secondary_1mq4x_73",
-  contrast: y,
-  "contrast-secondary": "_contrast-secondary_1mq4x_83",
-  custom: m
+  "warning-secondary": "_warning-secondary_hnc4p_63",
+  special: p,
+  "special-secondary": "_special-secondary_hnc4p_73",
+  contrast: i,
+  "contrast-secondary": "_contrast-secondary_hnc4p_83",
+  custom: y
 };
 export {
   s as accent,
-  y as contrast,
-  m as custom,
+  i as contrast,
+  y as custom,
   d as default,
-  _ as disabled,
+  c as disabled,
   o as negative,
   e as positive,
-  n as primary,
-  t as secondary,
-  i as special,
-  c as tertiary,
-  a as typography,
+  a as primary,
+  _ as secondary,
+  p as special,
+  t as tertiary,
+  n as typography,
   r as warning
 };