@situaction/traq-ui-ste 1.1.31 → 1.1.32

package/dist/components/button/Button.d.ts

@@ -18,6 +18,8 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     childrenRight?: ReactNode;
     /** Optional click handler */
     onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /** Full size */
+    fullWidth?: boolean;
 }
 /**
  * Primary UI component for user interaction

package/dist/components/button/Button.js

@@ -1,54 +1,58 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import '../../styles/Button.css';const v = "_button_mzv5s_30", x = "_flexHorizontalCenter_mzv5s_191", t = {
-  button: v,
-  "button-primary": "_button-primary_mzv5s_54",
-  "button-secondary": "_button-secondary_mzv5s_68",
-  "button-tertiary": "_button-tertiary_mzv5s_84",
-  "button-ghost": "_button-ghost_mzv5s_100",
-  "button-text": "_button-text_mzv5s_116",
-  "button-text-selected": "_button-text-selected_mzv5s_129",
-  "button-error": "_button-error_mzv5s_135",
-  "button-size-xl": "_button-size-xl_mzv5s_148",
-  "button-size-l": "_button-size-l_mzv5s_154",
-  "button-size-m": "_button-size-m_mzv5s_160",
-  "button-size-s": "_button-size-s_mzv5s_166",
-  "button-size-menu": "_button-size-menu_mzv5s_172",
-  "button-gap-menu": "_button-gap-menu_mzv5s_178",
-  "button-gap-xl": "_button-gap-xl_mzv5s_181",
-  "button-gap-l": "_button-gap-l_mzv5s_184",
-  "button-gap-m": "_button-gap-m_mzv5s_178",
-  "button-gap-s": "_button-gap-s_mzv5s_187",
-  flexHorizontalCenter: x
-}, f = p(
+import { forwardRef as z } from "react";
+import '../../styles/Button.css';const m = "_button_gxbp6_30", c = "_fullWidth_gxbp6_191", f = "_flexHorizontalCenter_gxbp6_195", d = "_flexHorizontalBetween_gxbp6_202", t = {
+  button: m,
+  "button-primary": "_button-primary_gxbp6_54",
+  "button-secondary": "_button-secondary_gxbp6_68",
+  "button-tertiary": "_button-tertiary_gxbp6_84",
+  "button-ghost": "_button-ghost_gxbp6_100",
+  "button-text": "_button-text_gxbp6_116",
+  "button-text-selected": "_button-text-selected_gxbp6_129",
+  "button-error": "_button-error_gxbp6_135",
+  "button-size-xl": "_button-size-xl_gxbp6_148",
+  "button-size-l": "_button-size-l_gxbp6_154",
+  "button-size-m": "_button-size-m_gxbp6_160",
+  "button-size-s": "_button-size-s_gxbp6_166",
+  "button-size-menu": "_button-size-menu_gxbp6_172",
+  "button-gap-menu": "_button-gap-menu_gxbp6_178",
+  "button-gap-xl": "_button-gap-xl_gxbp6_181",
+  "button-gap-l": "_button-gap-l_gxbp6_184",
+  "button-gap-m": "_button-gap-m_gxbp6_178",
+  "button-gap-s": "_button-gap-s_gxbp6_187",
+  fullWidth: c,
+  flexHorizontalCenter: f,
+  flexHorizontalBetween: d
+}, C = z(
   ({
     mode: n = "primary",
     size: e = "m",
-    label: u,
-    error: b,
-    selected: r,
-    childrenLeft: s,
+    label: r,
+    error: l,
+    selected: s,
+    childrenLeft: b,
     childrenRight: _,
-    ...m
+    fullWidth: u = !1,
+    ...x
   }, a) => {
-    const z = () => b ? "error" : n, l = [
+    const p = () => l ? "error" : n, g = [
       t.button,
-      t[`button-${z()}`],
+      t[`button-${p()}`],
       t[`button-size-${e}`],
       t[`button-gap-${e}`],
-      r && n === "text" && t["button-text-selected"],
-      t.flexHorizontalCenter
+      s && n === "text" && t["button-text-selected"],
+      u ? t.flexHorizontalBetween : t.flexHorizontalCenter,
+      u && t.fullWidth
     ].filter(Boolean).join(" ");
     return /* @__PURE__ */ i(
       "button",
       {
         ref: a,
         type: "button",
-        className: l,
-        ...m,
+        className: g,
+        ...x,
         children: [
-          s && /* @__PURE__ */ o("span", { className: t.flexHorizontalCenter, children: s }),
-          /* @__PURE__ */ o("span", { children: u }),
+          b && /* @__PURE__ */ o("span", { className: t.flexHorizontalCenter, children: b }),
+          /* @__PURE__ */ o("span", { children: r }),
           _ && /* @__PURE__ */ o("span", { className: t.flexHorizontalCenter, children: _ })
         ]
       }
@@ -56,5 +60,5 @@ import '../../styles/Button.css';const v = "_button_mzv5s_30", x = "_flexHorizon
   }
 );
 export {
-  f as Button
+  C as Button
 };

package/dist/components/select/Select.d.ts

@@ -34,10 +34,11 @@ export interface SelectProps {
     placeholder?: string;
     /** Condition to close the modal */
     autoCloseCondition: boolean;
+    fullWidth?: boolean;
 }
 /**
  * Select component that allows users to choose an option from a list.
  * It supports three display modes: 'all' (icon + text), 'icon' (only icon), and 'text' (only text).
  * The selected value is displayed in a button, and a modal opens to show the list of options.
  */
-export declare const Select: ({ selected, size, listItem, modeDisplay, onSelect, positionOverride, placeholder, autoCloseCondition }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Select: ({ selected, size, listItem, modeDisplay, onSelect, positionOverride, placeholder, autoCloseCondition, fullWidth }: SelectProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/select/Select.js

@@ -1,76 +1,80 @@
-import { jsxs as K, jsx as r } from "react/jsx-runtime";
+import { jsxs as $, jsx as r } from "react/jsx-runtime";
 import { useState as k, useRef as h, useEffect as w } from "react";
-import { Button as E } from "../button/Button.js";
-import { IconButton as I } from "../icon-button/IconButton.js";
+import { Button as S } from "../button/Button.js";
+import { IconButton as O } from "../icon-button/IconButton.js";
 import { Icon as p } from "../icon/Icon.js";
-import { Modal as M } from "../modal/Modal.js";
+import { Modal as W } from "../modal/Modal.js";
 import "../theme/ThemeContext.js";
 import '../../styles/Size.css';import '../../styles/Select.css';/* empty css                   */
-const O = "_selectContainer_1o5wx_54", q = "_selected_1o5wx_57", A = "_children_1o5wx_61", D = "_active_1o5wx_78", G = "_selectList_1o5wx_82", H = "_modal_1o5wx_91", J = "_dropdownFadeIn_1o5wx_1", Q = "_itemLabel_1o5wx_98", m = {
-  selectContainer: O,
-  selected: q,
-  children: A,
-  active: D,
-  selectList: G,
-  modal: H,
-  dropdownFadeIn: J,
-  itemLabel: Q
-}, re = ({
+const q = "_selectContainer_1o5wx_54", A = "_selected_1o5wx_57", D = "_children_1o5wx_61", G = "_active_1o5wx_78", H = "_selectList_1o5wx_82", J = "_modal_1o5wx_91", Q = "_dropdownFadeIn_1o5wx_1", X = "_itemLabel_1o5wx_98", m = {
+  selectContainer: q,
+  selected: A,
+  children: D,
+  active: G,
+  selectList: H,
+  modal: J,
+  dropdownFadeIn: Q,
+  itemLabel: X
+}, ce = ({
   selected: y,
   size: _ = "m",
   listItem: a,
   modeDisplay: x = "all",
-  onSelect: S,
+  onSelect: N,
   positionOverride: g,
-  placeholder: N = "Sélectionner",
-  autoCloseCondition: W
+  placeholder: B = "Sélectionner",
+  autoCloseCondition: j,
+  fullWidth: R = !1
 }) => {
-  const [t, u] = k(!1), $ = h(null), [j, B] = k({
+  const [t, u] = k(!1), U = h(null), [V, P] = k({
     top: "calc(100% + 6px)",
     left: "0px",
     width: "100%"
-  }), [c, P] = k(y ?? null);
+  }), [c, F] = k(y ?? null);
   w(() => {
-    P(y ?? null);
+    F(y ?? null);
   }, [y]), w(() => {
-    g && B(g);
+    g && P(g);
   }, [g]);
-  const U = (e) => {
-    P(e), u(!1), S && S(e);
-  }, V = () => {
-    const e = c == null ? void 0 : c.icon, o = (c == null ? void 0 : c.label) || N || "Sélectionner";
-    return x === "icon" && e ? /* @__PURE__ */ r(I, { ref: d, mode: "tertiary", size: _, onClick: () => u(!t), children: /* @__PURE__ */ r(p, { icon: c.icon }) }) : x === "text" ? /* @__PURE__ */ r(
-      E,
+  const I = (e) => {
+    F(e), u(!1), N && N(e);
+  }, M = () => {
+    const e = c == null ? void 0 : c.icon, o = (c == null ? void 0 : c.label) || B || "Sélectionner";
+    return x === "icon" && e ? /* @__PURE__ */ r(O, { ref: d, mode: "tertiary", size: _, onClick: () => u(!t), children: /* @__PURE__ */ r(p, { icon: c.icon }) }) : x === "text" ? /* @__PURE__ */ r(
+      S,
       {
         ref: d,
         mode: "tertiary",
         label: o,
         childrenRight: /* @__PURE__ */ r(p, { icon: t ? "CaretUp" : "CaretDown", size: 14, weight: "bold" }),
         size: _,
+        fullWidth: R,
         onClick: () => u(!t)
       }
     ) : x === "all" ? /* @__PURE__ */ r(
-      E,
+      S,
       {
         ref: d,
         mode: "tertiary",
         label: o,
         size: _,
+        fullWidth: R,
         childrenLeft: e && /* @__PURE__ */ r(p, { icon: c.icon }),
         childrenRight: /* @__PURE__ */ r(p, { icon: t ? "CaretUp" : "CaretDown", size: 14, weight: "bold" }),
         onClick: () => u(!t)
       }
     ) : /* @__PURE__ */ r(
-      E,
+      S,
       {
         ref: d,
         mode: "tertiary",
-        label: N ?? "Sélectionner",
+        fullWidth: R,
+        label: B ?? "Sélectionner",
         size: _,
         onClick: () => u(!t)
       }
     );
-  }, R = h(null), b = h({}), [L, v] = k(""), f = h(null), F = h({}), T = (e) => {
+  }, T = h(null), b = h({}), [L, v] = k(""), f = h(null), K = h({}), E = (e) => {
     if (!t) return;
     const o = e.key.length === 1 ? e.key.toLowerCase() : "";
     if (!o) return;
@@ -88,8 +92,8 @@ const O = "_selectContainer_1o5wx_54", q = "_selected_1o5wx_57", A = "_children_
       v("");
     }, 500);
   };
-  w(() => (t ? window.addEventListener("keydown", T) : (window.removeEventListener("keydown", T), v("")), () => {
-    window.removeEventListener("keydown", T);
+  w(() => (t ? window.addEventListener("keydown", E) : (window.removeEventListener("keydown", E), v("")), () => {
+    window.removeEventListener("keydown", E);
   }), [t, L, a]), w(() => {
     const e = (o) => {
       if (!t) return;
@@ -103,8 +107,8 @@ const O = "_selectContainer_1o5wx_54", q = "_selected_1o5wx_57", A = "_children_
           return (C = s.label) == null ? void 0 : C.toLowerCase().startsWith(l);
         }
       );
-      if (n && R.current && n.value in b.current && b.current[n.value]) {
-        const s = R.current, C = b.current[n.value];
+      if (n && T.current && n.value in b.current && b.current[n.value]) {
+        const s = T.current, C = b.current[n.value];
         s.scrollTo({
           top: C.offsetTop - s.offsetTop,
           behavior: "smooth"
@@ -127,7 +131,7 @@ const O = "_selectContainer_1o5wx_54", q = "_selected_1o5wx_57", A = "_children_
           }
         );
         if (l) {
-          const n = F.current[l.value];
+          const n = K.current[l.value];
           n && n.scrollIntoView({ block: "start", behavior: "smooth" });
         }
       }
@@ -138,31 +142,31 @@ const O = "_selectContainer_1o5wx_54", q = "_selected_1o5wx_57", A = "_children_
   return w(() => {
     if (t && d.current) {
       const e = d.current.getBoundingClientRect().height;
-      B({
+      P({
         top: `${e + 6}px`,
         left: "0px",
         width: "100%"
       });
     }
-  }, [t]), /* @__PURE__ */ K("div", { className: m.selectContainer, children: [
-    V(),
+  }, [t]), /* @__PURE__ */ $("div", { className: m.selectContainer, children: [
+    M(),
     /* @__PURE__ */ r(
-      M,
+      W,
       {
-        ref: $,
+        ref: U,
         anchorRef: d,
         open: t,
         onClose: () => u(!1),
-        position: j,
+        position: V,
         disableOverlay: !0,
         className: m.modal,
-        autoCloseCondition: W,
-        children: /* @__PURE__ */ r("div", { className: m.selectList, ref: R, children: a.map((e) => /* @__PURE__ */ K(
+        autoCloseCondition: j,
+        children: /* @__PURE__ */ r("div", { className: m.selectList, ref: T, children: a.map((e) => /* @__PURE__ */ $(
           "div",
           {
-            ref: (o) => F.current[e.value] = o,
+            ref: (o) => K.current[e.value] = o,
             className: `${m.children} ${(c == null ? void 0 : c.value) === e.value ? m.active : ""}`,
-            onClick: () => U(e),
+            onClick: () => I(e),
             children: [
               e.icon && /* @__PURE__ */ r(p, { icon: e.icon }),
               e.label && /* @__PURE__ */ r("div", { className: m.itemLabel, children: e.label })
@@ -175,5 +179,5 @@ const O = "_selectContainer_1o5wx_54", q = "_selected_1o5wx_57", A = "_children_
   ] });
 };
 export {
-  re as Select
+  ce as Select
 };

package/dist/styles/Button.css

@@ -1 +1 @@
-@font-face{font-family:Urbanist-Thin;src:url(../fonts/Urbanist-Thin.ttf) format("truetype");font-weight:100;font-style:normal}@font-face{font-family:Urbanist-Extra-Light;src:url(../fonts/Urbanist-ExtraLight.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:Urbanist-Light;src:url(../fonts/Urbanist-Light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Urbanist-Regular;src:url(../fonts/Urbanist-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Urbanist;src:url(../fonts/Urbanist-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Urbanist-Back;src:url(../fonts/Urbanist-Black.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Urbanist-Semi-Bold;src:url(../fonts/Urbanist-SemiBold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Urbanist-Bold;src:url(../fonts/Urbanist-Bold.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:Urbanist-Extra-Bold;src:url(../fonts/Urbanist-ExtraBold.ttf) format("truetype");font-weight:900;font-style:normal}:root,body{font-family:Urbanist,sans-serif;line-height:1;width:100vw;height:100vh}h1{font-size:1.875em;font-style:normal;font-weight:700;line-height:2.25rem}h2{font-size:1.5em;font-style:normal;font-weight:700;line-height:2rem;margin:0}h3{font-size:1.25em;font-style:normal;font-weight:700;line-height:1.75rem;margin:0}h4{font-size:1.125em;font-style:normal;font-weight:700;line-height:1.75rem;margin:0}h5{font-size:1em;font-style:normal;font-weight:700;line-height:1.5rem;margin:0}h6{font-size:.875em;font-style:normal;font-weight:700;line-height:1.25rem;margin:0}.textExtraLarge{font-size:1.25em;font-style:normal;line-height:2rem}.textLarge{font-size:1.125em;font-style:normal;line-height:1.75rem}.textMedium{font-size:1em;font-style:normal;line-height:1.5rem}.textSmall{font-size:.875em;font-style:normal;line-height:1.25rem}.textSmaller{font-size:.75em;font-style:normal;line-height:1rem}.labelExtraLarge{font-size:1.25em;font-style:normal;line-height:normal;letter-spacing:1.2px}.labelLarge{font-size:1.125em;font-style:normal;line-height:normal;letter-spacing:1.08px}.labelMedium{font-size:1em;font-style:normal;line-height:normal;letter-spacing:.96px}.labelSmall{font-size:.875em;font-style:normal;line-height:normal;letter-spacing:.84px}.labelSmaller{font-size:.75em;font-style:normal;line-height:normal;letter-spacing:.72px}.labelSmallest{font-size:.625em;font-style:normal;line-height:normal;letter-spacing:.6px}.fontWeight-100{font-weight:100}.fontWeight-200{font-weight:200}.fontWeight-300{font-weight:300}.fontWeight-400{font-weight:400}.fontWeight-500{font-weight:500}.fontWeight-600{font-weight:600}.fontWeight-700{font-weight:700}.fontWeight-800{font-weight:800}.fontWeight-900{font-weight:900}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-background);border-radius:.5rem;transition:all .3s ease;margin:.625rem;background-clip:padding-box}::-webkit-scrollbar:hover{cursor:pointer}::-webkit-scrollbar-corner{background:var(--scrollbar-background)}._button_mzv5s_30{font-family:var(--font-family);font-weight:500;font-style:normal;line-height:1.25rem;border:0;cursor:pointer;width:fit-content}._button_mzv5s_30:focus-visible{outline:2px solid var(--button-focus-mode);outline-offset:2px}._button_mzv5s_30:disabled{background:var(--button-primary-disabled-background);color:var(--button-primary-disabled-text);border:1px solid var(--button-primary-disabled-border);cursor:initial;pointer-events:none}._button_mzv5s_30:disabled *{fill:var(--button-primary-disabled-text)}._button-primary_mzv5s_54{color:var(--button-primary-default-text);background:var(--button-primary-default-background)}._button-primary_mzv5s_54:hover{background:var(--button-primary-hover-background)}._button-primary_mzv5s_54:active{background:var(--button-primary-pressed-background);outline:none}._button-primary_mzv5s_54 *{fill:var(--button-primary-default-text)}._button-secondary_mzv5s_68{color:var(--button-secondary-default-text);border:1px solid var(--button-secondary-default-border);background:var(--button-secondary-default-background)}._button-secondary_mzv5s_68:hover{border:1px solid var(--button-secondary-hover-border);background:var(--button-secondary-hover-background)}._button-secondary_mzv5s_68:active{border:1px solid var(--button-secondary-pressed-border);background:var(--button-secondary-pressed-background)}._button-secondary_mzv5s_68 *{fill:var(--button-secondary-default-text)}._button-tertiary_mzv5s_84{color:var(--button-tertiary-default-text);background-color:transparent;border:1px solid var(--button-tertiary-default-border)}._button-tertiary_mzv5s_84:hover{border:1px solid var(--button-tertiary-hover-border);background:var(--button-tertiary-hover-background)}._button-tertiary_mzv5s_84:active{border:1px solid var(--button-tertiary-pressed-border);background:var(--button-tertiary-pressed-background)}._button-tertiary_mzv5s_84 *{fill:var(--button-tertiary-default-text)}._button-ghost_mzv5s_100{color:var(--button-ghost-default-text);background-color:transparent}._button-ghost_mzv5s_100:hover{background:var(--button-ghost-hover-background)}._button-ghost_mzv5s_100:active{background-color:var(--button-ghost-pressed-background)}._button-ghost_mzv5s_100:disabled{border:none}._button-ghost_mzv5s_100 *{fill:var(--button-ghost-default-text)}._button-text_mzv5s_116{color:var(--text-button-inactive-text);background-color:transparent;padding:0!important}._button-text_mzv5s_116:hover{color:var(--text-button-inactive-hover-text)}._button-text_mzv5s_116:disabled{border:none;background-color:transparent;color:var(--text-button-disabled-text)}._button-text-selected_mzv5s_129,._button-text-selected_mzv5s_129:hover{color:var(--text-button-active-text)}._button-error_mzv5s_135{color:var(--button-destructive-default-text);background:var(--button-destructive-default-background)}._button-error_mzv5s_135:hover{background:var(--button-destructive-hover-background)}._button-error_mzv5s_135:active{background:var(--button-destructive-pressed-background)}._button-error_mzv5s_135 *{fill:var(--button-destructive-default-text)}._button-size-xl_mzv5s_148{padding:1rem 2rem;font-size:1.125em;line-height:28px;border-radius:8px}._button-size-l_mzv5s_154{padding:.75rem 1.5rem;font-size:1em;line-height:24px;border-radius:8px}._button-size-m_mzv5s_160{padding:.5rem 1rem;font-size:.875em;line-height:22px;border-radius:4px}._button-size-s_mzv5s_166{padding:.375rem .75rem;font-size:.875em;line-height:16px;border-radius:4px}._button-size-menu_mzv5s_172{padding:.5rem;font-size:1em;line-height:24px;border-radius:4px}._button-gap-menu_mzv5s_178{gap:.5rem}._button-gap-xl_mzv5s_181{gap:12px}._button-gap-l_mzv5s_184{gap:8px}._button-gap-m_mzv5s_178,._button-gap-s_mzv5s_187{gap:4px}._flexHorizontalCenter_mzv5s_191{display:flex;justify-content:center;align-items:center;flex-direction:row}
+@font-face{font-family:Urbanist-Thin;src:url(../fonts/Urbanist-Thin.ttf) format("truetype");font-weight:100;font-style:normal}@font-face{font-family:Urbanist-Extra-Light;src:url(../fonts/Urbanist-ExtraLight.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:Urbanist-Light;src:url(../fonts/Urbanist-Light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Urbanist-Regular;src:url(../fonts/Urbanist-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Urbanist;src:url(../fonts/Urbanist-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Urbanist-Back;src:url(../fonts/Urbanist-Black.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Urbanist-Semi-Bold;src:url(../fonts/Urbanist-SemiBold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Urbanist-Bold;src:url(../fonts/Urbanist-Bold.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:Urbanist-Extra-Bold;src:url(../fonts/Urbanist-ExtraBold.ttf) format("truetype");font-weight:900;font-style:normal}:root,body{font-family:Urbanist,sans-serif;line-height:1;width:100vw;height:100vh}h1{font-size:1.875em;font-style:normal;font-weight:700;line-height:2.25rem}h2{font-size:1.5em;font-style:normal;font-weight:700;line-height:2rem;margin:0}h3{font-size:1.25em;font-style:normal;font-weight:700;line-height:1.75rem;margin:0}h4{font-size:1.125em;font-style:normal;font-weight:700;line-height:1.75rem;margin:0}h5{font-size:1em;font-style:normal;font-weight:700;line-height:1.5rem;margin:0}h6{font-size:.875em;font-style:normal;font-weight:700;line-height:1.25rem;margin:0}.textExtraLarge{font-size:1.25em;font-style:normal;line-height:2rem}.textLarge{font-size:1.125em;font-style:normal;line-height:1.75rem}.textMedium{font-size:1em;font-style:normal;line-height:1.5rem}.textSmall{font-size:.875em;font-style:normal;line-height:1.25rem}.textSmaller{font-size:.75em;font-style:normal;line-height:1rem}.labelExtraLarge{font-size:1.25em;font-style:normal;line-height:normal;letter-spacing:1.2px}.labelLarge{font-size:1.125em;font-style:normal;line-height:normal;letter-spacing:1.08px}.labelMedium{font-size:1em;font-style:normal;line-height:normal;letter-spacing:.96px}.labelSmall{font-size:.875em;font-style:normal;line-height:normal;letter-spacing:.84px}.labelSmaller{font-size:.75em;font-style:normal;line-height:normal;letter-spacing:.72px}.labelSmallest{font-size:.625em;font-style:normal;line-height:normal;letter-spacing:.6px}.fontWeight-100{font-weight:100}.fontWeight-200{font-weight:200}.fontWeight-300{font-weight:300}.fontWeight-400{font-weight:400}.fontWeight-500{font-weight:500}.fontWeight-600{font-weight:600}.fontWeight-700{font-weight:700}.fontWeight-800{font-weight:800}.fontWeight-900{font-weight:900}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-background);border-radius:.5rem;transition:all .3s ease;margin:.625rem;background-clip:padding-box}::-webkit-scrollbar:hover{cursor:pointer}::-webkit-scrollbar-corner{background:var(--scrollbar-background)}._button_gxbp6_30{font-family:var(--font-family);font-weight:500;font-style:normal;line-height:1.25rem;border:0;cursor:pointer;width:fit-content}._button_gxbp6_30:focus-visible{outline:2px solid var(--button-focus-mode);outline-offset:2px}._button_gxbp6_30:disabled{background:var(--button-primary-disabled-background);color:var(--button-primary-disabled-text);border:1px solid var(--button-primary-disabled-border);cursor:initial;pointer-events:none}._button_gxbp6_30:disabled *{fill:var(--button-primary-disabled-text)}._button-primary_gxbp6_54{color:var(--button-primary-default-text);background:var(--button-primary-default-background)}._button-primary_gxbp6_54:hover{background:var(--button-primary-hover-background)}._button-primary_gxbp6_54:active{background:var(--button-primary-pressed-background);outline:none}._button-primary_gxbp6_54 *{fill:var(--button-primary-default-text)}._button-secondary_gxbp6_68{color:var(--button-secondary-default-text);border:1px solid var(--button-secondary-default-border);background:var(--button-secondary-default-background)}._button-secondary_gxbp6_68:hover{border:1px solid var(--button-secondary-hover-border);background:var(--button-secondary-hover-background)}._button-secondary_gxbp6_68:active{border:1px solid var(--button-secondary-pressed-border);background:var(--button-secondary-pressed-background)}._button-secondary_gxbp6_68 *{fill:var(--button-secondary-default-text)}._button-tertiary_gxbp6_84{color:var(--button-tertiary-default-text);background-color:transparent;border:1px solid var(--button-tertiary-default-border)}._button-tertiary_gxbp6_84:hover{border:1px solid var(--button-tertiary-hover-border);background:var(--button-tertiary-hover-background)}._button-tertiary_gxbp6_84:active{border:1px solid var(--button-tertiary-pressed-border);background:var(--button-tertiary-pressed-background)}._button-tertiary_gxbp6_84 *{fill:var(--button-tertiary-default-text)}._button-ghost_gxbp6_100{color:var(--button-ghost-default-text);background-color:transparent}._button-ghost_gxbp6_100:hover{background:var(--button-ghost-hover-background)}._button-ghost_gxbp6_100:active{background-color:var(--button-ghost-pressed-background)}._button-ghost_gxbp6_100:disabled{border:none}._button-ghost_gxbp6_100 *{fill:var(--button-ghost-default-text)}._button-text_gxbp6_116{color:var(--text-button-inactive-text);background-color:transparent;padding:0!important}._button-text_gxbp6_116:hover{color:var(--text-button-inactive-hover-text)}._button-text_gxbp6_116:disabled{border:none;background-color:transparent;color:var(--text-button-disabled-text)}._button-text-selected_gxbp6_129,._button-text-selected_gxbp6_129:hover{color:var(--text-button-active-text)}._button-error_gxbp6_135{color:var(--button-destructive-default-text);background:var(--button-destructive-default-background)}._button-error_gxbp6_135:hover{background:var(--button-destructive-hover-background)}._button-error_gxbp6_135:active{background:var(--button-destructive-pressed-background)}._button-error_gxbp6_135 *{fill:var(--button-destructive-default-text)}._button-size-xl_gxbp6_148{padding:1rem 2rem;font-size:1.125em;line-height:28px;border-radius:8px}._button-size-l_gxbp6_154{padding:.75rem 1.5rem;font-size:1em;line-height:24px;border-radius:8px}._button-size-m_gxbp6_160{padding:.5rem 1rem;font-size:.875em;line-height:22px;border-radius:4px}._button-size-s_gxbp6_166{padding:.375rem .75rem;font-size:.875em;line-height:16px;border-radius:4px}._button-size-menu_gxbp6_172{padding:.5rem;font-size:1em;line-height:24px;border-radius:4px}._button-gap-menu_gxbp6_178{gap:.5rem}._button-gap-xl_gxbp6_181{gap:12px}._button-gap-l_gxbp6_184{gap:8px}._button-gap-m_gxbp6_178,._button-gap-s_gxbp6_187{gap:4px}._fullWidth_gxbp6_191{width:100%}._flexHorizontalCenter_gxbp6_195{display:flex;justify-content:center;align-items:center;flex-direction:row}._flexHorizontalBetween_gxbp6_202{display:flex;justify-content:space-between;align-items:center;flex-direction:row}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@situaction/traq-ui-ste",
-  "version": "1.1.31",
+  "version": "1.1.32",
   "description": "library react component Situaction",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",