skillgrid 0.0.84 → 0.0.85

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
 };