@situaction/traq-ui-ste 1.0.11 → 1.0.12

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

@@ -1,8 +1,10 @@
 import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { Color } from '../interface';
 
 interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     mode?: 'primary' | 'secondary' | 'tertiary' | 'ghost'; /** Is this the principal call to action on the page? */
-    color?: string; /** What background color to use (blue, red, ...)*/
+    color?: Color; /** What background color to use (blue, red, ...)*/
+    colorMode?: 'light' | 'dark'; /** what mode do you use for light or dark color **/
     size?: 's' | 'm' | 'l' | 'xl'; /** How large should the button be? */
     label: string; /** button contents */
     error?: boolean;
@@ -13,5 +15,5 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 /**
  * Primary UI component for user interaction
  */
-export declare const Button: ({ mode, size, color, label, error, children, childrenPosition, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: ({ mode, size, color, colorMode, label, error, children, childrenPosition, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/button/Button.js

@@ -1,57 +1,64 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import { jsxs as y, jsx as b } from "react/jsx-runtime";
 import '../../styles/index.css';import '../../styles/Button.css';/* empty css                    */
-const m = "_button_wju3t_194", u = {
-  button: m,
-  "button-primary": "_button-primary_wju3t_209",
-  "button-secondary": "_button-secondary_wju3t_224",
-  "button-tertiary": "_button-tertiary_wju3t_243",
-  "button-ghost": "_button-ghost_wju3t_262",
-  "button-error": "_button-error_wju3t_277",
-  "button-size-xl": "_button-size-xl_wju3t_292",
-  "button-size-l": "_button-size-l_wju3t_297",
-  "button-size-m": "_button-size-m_wju3t_302",
-  "button-size-s": "_button-size-s_wju3t_307",
-  "button-gap-xl": "_button-gap-xl_wju3t_312",
-  "button-gap-l": "_button-gap-l_wju3t_315",
-  "button-gap-m": "_button-gap-m_wju3t_318",
-  "button-gap-s": "_button-gap-s_wju3t_318"
-}, w = ({
-  mode: _ = "primary",
-  size: n = "m",
-  color: c = "blue",
-  label: b,
-  error: a,
-  children: t,
-  childrenPosition: o,
-  ...s
+import { useEffect as z } from "react";
+const c = "_button_tplzh_196", a = {
+  button: c,
+  "button-primary": "_button-primary_tplzh_211",
+  "button-secondary": "_button-secondary_tplzh_226",
+  "button-tertiary": "_button-tertiary_tplzh_245",
+  "button-ghost": "_button-ghost_tplzh_264",
+  "button-error": "_button-error_tplzh_279",
+  "button-size-xl": "_button-size-xl_tplzh_294",
+  "button-size-l": "_button-size-l_tplzh_299",
+  "button-size-m": "_button-size-m_tplzh_304",
+  "button-size-s": "_button-size-s_tplzh_309",
+  "button-gap-xl": "_button-gap-xl_tplzh_314",
+  "button-gap-l": "_button-gap-l_tplzh_317",
+  "button-gap-m": "_button-gap-m_tplzh_320",
+  "button-gap-s": "_button-gap-s_tplzh_320"
+}, d = ({
+  mode: s = "primary",
+  size: u = "m",
+  color: t,
+  colorMode: r,
+  label: _,
+  error: p,
+  children: o,
+  childrenPosition: n,
+  ...e
 }) => {
-  const e = () => a ? "error" : _, l = [
-    u.button,
-    u[`button-${e()}`],
-    u[`button-size-${n}`],
-    u[`button-gap-${n}`],
+  const l = () => p ? "error" : s;
+  z(() => {
+    r && !t && console.warn("`colorMode` is defined but `color` is missing. `colorMode` will be ignored.");
+  }, [t]);
+  const i = [
+    a.button,
+    a[`button-${l()}`],
+    a[`button-size-${u}`],
+    a[`button-gap-${u}`],
     "flexHorizontalCenter"
-  ].join(" ");
-  return /* @__PURE__ */ p(
+  ].join(" "), m = {
+    "--dynamic-color-text": t ? r === "dark" ? "var(--primary-color-900)" : "var(--color-light-100)" : "var(--btn-primary-color-text)",
+    "--dynamic-color": t ? `var(--color-${t}-${r === "dark" ? "200" : "900"})` : "var(--btn-primary-color)",
+    "--dynamic-color-hover": t ? `var(--color-${t}-${r === "dark" ? "100" : "800"})` : "var(--btn-primary-color-hover)",
+    "--dynamic-color-activated": t ? `var(--color-${t}-${r === "dark" ? "50" : "700"})` : "var(--btn-primary-color-activated)",
+    "--dynamic-color-disabled": t ? r === "dark" ? "var(--color-dark-10)" : `var(--color-${t}-50)` : "var(--btn-primary-color-disabled)"
+  };
+  return /* @__PURE__ */ y(
     "button",
     {
       type: "button",
-      className: l,
-      style: {
-        "--dynamic-color": "var(--primary-color)",
-        "--dynamic-hover-color": "var(--primary-color-hover)",
-        "--dynamic-pressed-color": "var(--primary-color-activated)",
-        "--dynamic-disabled-color": "var(--primary-color-disabled)"
-      },
-      ...s,
+      className: i,
+      style: s === "primary" ? m : void 0,
+      ...e,
       children: [
-        (o === "left" || o === "both") && t && /* @__PURE__ */ r("span", { children: t }),
-        /* @__PURE__ */ r("span", { children: b }),
-        (o === "right" || o === "both") && t && /* @__PURE__ */ r("span", { children: t })
+        (n === "left" || n === "both") && o && /* @__PURE__ */ b("span", { children: o }),
+        /* @__PURE__ */ b("span", { children: _ }),
+        (n === "right" || n === "both") && o && /* @__PURE__ */ b("span", { children: o })
       ]
     }
   );
 };
 export {
-  w as Button
+  d as Button
 };

package/dist/components/icon-button/IconButton.d.ts

@@ -0,0 +1,14 @@
+import { FC, ReactElement } from 'react';
+import { Color } from '../interface';
+
+interface IconButtonProps {
+    mode?: 'primary' | 'secondary' | 'tertiary' | 'ghost';
+    color?: Color; /** What background color to use (blue, red, ...)*/
+    colorMode?: 'light' | 'dark'; /** what mode do you use for light or dark color **/
+    size?: 'xs' | 's' | 'm' | 'l' | 'xl'; /** How large should the button be? */
+    error?: boolean;
+    children: ReactElement; /** Only icons (React elements) allowed inside the button */
+    onClick?: () => void; /** Optional click handler */
+}
+export declare const IconButton: FC<IconButtonProps>;
+export {};

package/dist/components/icon-button/IconButton.js

@@ -0,0 +1,52 @@
+import { jsx as _ } from "react/jsx-runtime";
+import { useEffect as c } from "react";
+import '../../styles/IconButton.css';const l = "_button_1qaum_196", o = {
+  button: l,
+  "button-primary": "_button-primary_1qaum_216",
+  "button-secondary": "_button-secondary_1qaum_231",
+  "button-tertiary": "_button-tertiary_1qaum_250",
+  "button-ghost": "_button-ghost_1qaum_269",
+  "button-error": "_button-error_1qaum_284",
+  "button-size-xl": "_button-size-xl_1qaum_299",
+  "button-size-l": "_button-size-l_1qaum_304",
+  "button-size-m": "_button-size-m_1qaum_309",
+  "button-size-s": "_button-size-s_1qaum_314",
+  "button-size-xs": "_button-size-xs_1qaum_319"
+}, v = ({
+  mode: a = "primary",
+  color: t,
+  colorMode: r,
+  size: n = "m",
+  error: i,
+  children: u,
+  onClick: e
+}) => {
+  const s = () => i ? "error" : a;
+  c(() => {
+    r && !t && console.warn("`colorMode` is defined but `color` is missing. `colorMode` will be ignored.");
+  }, [t]);
+  const b = [
+    o.button,
+    o[`button-${s()}`],
+    o[`button-size-${n}`],
+    "flexHorizontalCenter"
+  ].join(" "), m = {
+    "--dynamic-color-text": t ? r === "dark" ? "var(--primary-color-900)" : "var(--color-light-100)" : "var(--btn-primary-color-text)",
+    "--dynamic-color": t ? `var(--color-${t}-${r === "dark" ? "200" : "900"})` : "var(--btn-primary-color)",
+    "--dynamic-color-hover": t ? `var(--color-${t}-${r === "dark" ? "100" : "800"})` : "var(--btn-primary-color-hover)",
+    "--dynamic-color-activated": t ? `var(--color-${t}-${r === "dark" ? "50" : "700"})` : "var(--btn-primary-color-activated)",
+    "--dynamic-color-disabled": t ? r === "dark" ? "var(--color-dark-10)" : `var(--color-${t}-50)` : "var(--btn-primary-color-disabled)"
+  };
+  return /* @__PURE__ */ _(
+    "button",
+    {
+      className: b,
+      style: a === "primary" ? m : void 0,
+      onClick: e,
+      children: u
+    }
+  );
+};
+export {
+  v as IconButton
+};

package/dist/components/input/Input.js

@@ -1,55 +1,55 @@
 import { jsxs as f, jsx as t, Fragment as O } from "react/jsx-runtime";
-import { useState as h, useRef as x, useEffect as q } from "react";
-import '../../styles/Input.css';const A = "_hideBorder_1hx1x_462", e = {
-  "input-style": "_input-style_1hx1x_329",
-  "input-style-ghost": "_input-style-ghost_1hx1x_337",
-  "input-style-disabled": "_input-style-disabled_1hx1x_342",
-  "input-style-focused": "_input-style-focused_1hx1x_351",
-  "input-container": "_input-container_1hx1x_356",
-  "floating-input": "_floating-input_1hx1x_356",
-  "floating-label": "_floating-label_1hx1x_356",
-  "input-style-error": "_input-style-error_1hx1x_359",
-  "input-style-error-focused": "_input-style-error-focused_1hx1x_366",
-  "input-style-error-disabled": "_input-style-error-disabled_1hx1x_369",
-  "input-style-success": "_input-style-success_1hx1x_377",
-  "input-style-success-focused": "_input-style-success-focused_1hx1x_384",
-  "input-style-success-disabled": "_input-style-success-disabled_1hx1x_387",
-  "floating-label-size-xl": "_floating-label-size-xl_1hx1x_412",
-  "floating-label-size-l": "_floating-label-size-l_1hx1x_415",
-  "floating-label-size-m": "_floating-label-size-m_1hx1x_418",
-  "floating-label-size-s": "_floating-label-size-s_1hx1x_421",
-  "floating-input-size-xl": "_floating-input-size-xl_1hx1x_430",
-  "floating-input-size-l": "_floating-input-size-l_1hx1x_434",
-  "floating-input-size-m": "_floating-input-size-m_1hx1x_438",
-  "floating-input-size-s": "_floating-input-size-s_1hx1x_442",
+import { useState as x, useRef as y, useEffect as q } from "react";
+import '../../styles/Input.css';const A = "_hideBorder_1in9x_466", e = {
+  "input-style": "_input-style_1in9x_333",
+  "input-style-ghost": "_input-style-ghost_1in9x_341",
+  "input-style-disabled": "_input-style-disabled_1in9x_346",
+  "input-style-focused": "_input-style-focused_1in9x_355",
+  "input-container": "_input-container_1in9x_360",
+  "floating-input": "_floating-input_1in9x_360",
+  "floating-label": "_floating-label_1in9x_360",
+  "input-style-error": "_input-style-error_1in9x_363",
+  "input-style-error-focused": "_input-style-error-focused_1in9x_370",
+  "input-style-error-disabled": "_input-style-error-disabled_1in9x_373",
+  "input-style-success": "_input-style-success_1in9x_381",
+  "input-style-success-focused": "_input-style-success-focused_1in9x_388",
+  "input-style-success-disabled": "_input-style-success-disabled_1in9x_391",
+  "floating-label-size-xl": "_floating-label-size-xl_1in9x_416",
+  "floating-label-size-l": "_floating-label-size-l_1in9x_419",
+  "floating-label-size-m": "_floating-label-size-m_1in9x_422",
+  "floating-label-size-s": "_floating-label-size-s_1in9x_425",
+  "floating-input-size-xl": "_floating-input-size-xl_1in9x_434",
+  "floating-input-size-l": "_floating-input-size-l_1in9x_438",
+  "floating-input-size-m": "_floating-input-size-m_1in9x_442",
+  "floating-input-size-s": "_floating-input-size-s_1in9x_446",
   hideBorder: A,
-  "hideBorder-error": "_hideBorder-error_1hx1x_472",
-  "hideBorder-success": "_hideBorder-success_1hx1x_475",
-  "input-style-size-xl": "_input-style-size-xl_1hx1x_478",
-  "input-style-size-l": "_input-style-size-l_1hx1x_484",
-  "input-style-size-m": "_input-style-size-m_1hx1x_490",
-  "input-style-size-s": "_input-style-size-s_1hx1x_496"
+  "hideBorder-error": "_hideBorder-error_1in9x_476",
+  "hideBorder-success": "_hideBorder-success_1in9x_479",
+  "input-style-size-xl": "_input-style-size-xl_1in9x_482",
+  "input-style-size-l": "_input-style-size-l_1in9x_488",
+  "input-style-size-m": "_input-style-size-m_1in9x_494",
+  "input-style-size-s": "_input-style-size-s_1in9x_500"
 }, K = ({
   sizeStyle: c = "m",
-  label: g,
-  labelUnit: b,
-  color: l,
-  status: n = "default",
-  ghost: m = !1,
-  children: i,
+  label: b,
+  labelUnit: m,
+  color: n,
+  status: i = "default",
+  ghost: h = !1,
+  children: l,
   childrenPosition: o = "left",
   disabled: _,
   defaultValue: z,
   ...B
 }) => {
-  const [d, y] = h(!1), [r, $] = h(z || ""), s = x(null), u = x(null), a = x(null), C = () => y(!0), N = () => y(!1), j = (p) => {
+  const [d, g] = x(!1), [r, $] = x(z || ""), s = y(null), u = y(null), a = y(null), C = () => g(!0), N = () => g(!1), j = (p) => {
     $(p.target.value);
   }, R = [
     e["input-style"],
     e[`input-style-size-${c}`],
-    e[`input-style-gap-${n}`],
+    e[`input-style-gap-${i}`],
     "flexHorizontalCenter gap4",
-    m && e["input-style-ghost"]
+    h && e["input-style-ghost"]
   ].filter(Boolean).join(" "), v = [
     d && e["input-style-focused"],
     _ && e["input-style-disabled"]
@@ -62,7 +62,7 @@ import '../../styles/Input.css';const A = "_hideBorder_1hx1x_462", e = {
     _ && e["input-style-success-disabled"],
     d && e["input-style-success-focused"]
   ].filter(Boolean).join(" "), H = () => {
-    switch (n) {
+    switch (i) {
       case "error":
         return S;
       case "success":
@@ -77,17 +77,17 @@ import '../../styles/Input.css';const A = "_hideBorder_1hx1x_462", e = {
     e["floating-input"],
     e[`floating-input-size-${c}`]
   ].join(" "), w = {
-    "--dynamic-color": `${l}`,
-    "--dynamic-color-border": `$color-${l}-300`,
-    "--dynamic-background-color": `$color-${l}-50`
+    "--dynamic-color": `${n}`,
+    "--dynamic-color-border": `$color-${n}-300`,
+    "--dynamic-background-color": `$color-${n}-50`
   }, V = {
     "--dynamic-color": "var(--primary-color-blue)",
     "--dynamic-color-border": "$color-blue-grey-300",
     "--dynamic-background-color": "$color-blue-situaction-50"
   }, W = [
     e.hideBorder,
-    n === "success" && e["hideBorder-success"],
-    n === "error" && e["hideBorder-error"]
+    i === "success" && e["hideBorder-success"],
+    i === "error" && e["hideBorder-error"]
   ].filter(Boolean).join(" ");
   return q(() => {
     if (r && s.current && u.current && a.current) {
@@ -103,10 +103,10 @@ import '../../styles/Input.css';const A = "_hideBorder_1hx1x_462", e = {
       className: `input-style ${R} ${H()}`,
       onFocus: C,
       onBlur: N,
-      style: l ? w : V,
+      style: n ? w : V,
       children: [
         r && /* @__PURE__ */ t("div", { className: W, ref: u }),
-        i && (o === "left" || o === "both") && /* @__PURE__ */ t("span", { className: "flexHorizontal", children: i }),
+        l && (o === "left" || o === "both") && /* @__PURE__ */ t("span", { className: "flexHorizontal", children: l }),
         /* @__PURE__ */ f("div", { className: e["input-container"], children: [
           /* @__PURE__ */ t(
             "input",
@@ -118,11 +118,11 @@ import '../../styles/Input.css';const A = "_hideBorder_1hx1x_462", e = {
               ...B
             }
           ),
-          /* @__PURE__ */ t("label", { className: I, ref: s, children: g })
+          /* @__PURE__ */ t("label", { className: I, ref: s, children: b })
         ] }),
-        i && (o === "right" || o === "both") && /* @__PURE__ */ f(O, { children: [
-          /* @__PURE__ */ t("div", { children: b }),
-          /* @__PURE__ */ t("span", { className: "flexHorizontal", children: i })
+        l && (o === "right" || o === "both") && /* @__PURE__ */ f(O, { children: [
+          /* @__PURE__ */ t("div", { children: m }),
+          /* @__PURE__ */ t("span", { className: "flexHorizontal", children: l })
         ] })
       ]
     }

package/dist/components/interface.d.ts

@@ -0,0 +1 @@
+export type Color = 'light' | 'dark' | 'grey' | 'blue-grey' | 'blue' | 'blue-situaction' | 'purple' | 'pink' | 'gold' | 'brown' | 'emerald';

package/dist/components/interface.js

@@ -0,0 +1 @@
+

package/dist/components/tabs/Tabs.d.ts

@@ -4,5 +4,5 @@ interface TabsProps {
     listItems: string[];
     onTabSelect: (selectedItem: string) => void;
 }
-declare const Tabs: FC<TabsProps>;
-export default Tabs;
+export declare const Tabs: FC<TabsProps>;
+export {};

package/dist/components/tabs/Tabs.js

@@ -22,7 +22,7 @@ const R = "_underline_1jf6b_26", n = {
   return j(() => {
     var e;
     const t = (e = i.current) == null ? void 0 : e.querySelector(`.${n["tab-item-active"]}`);
-    console.log(t), t && s.current && setTimeout(() => {
+    t && s.current && setTimeout(() => {
       _(t);
     }, 150);
   }, [r]), /* @__PURE__ */ h("div", { className: `tab ${n["tab-container"]}`, ref: i, children: [
@@ -39,5 +39,5 @@ const R = "_underline_1jf6b_26", n = {
   ] });
 };
 export {
-  T as default
+  T as Tabs
 };

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

@@ -0,0 +1,13 @@
+import { FC, ReactNode } from 'react';
+import { Color } from '../interface';
+
+interface TagProps {
+    label: string;
+    color?: Color;
+    deletable?: boolean;
+    size?: 's' | 'm' | 'l' | 'xl';
+    children?: ReactNode;
+    onClick?: () => void;
+}
+export declare const Tag: FC<TagProps>;
+export {};

package/dist/components/tag/Tag.js

@@ -0,0 +1,48 @@
+import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import { useEffect as m } from "react";
+import { IconButton as _ } from "../icon-button/IconButton.js";
+import '../../styles/Tag.css';const f = "_tag_1rbf7_6", s = {
+  tag: f,
+  "tag-children": "_tag-children_1rbf7_16",
+  "tag-size-xl": "_tag-size-xl_1rbf7_24",
+  "tag-size-l": "_tag-size-l_1rbf7_28",
+  "tag-size-m": "_tag-size-m_1rbf7_32",
+  "tag-size-s": "_tag-size-s_1rbf7_36"
+}, a = ["light", "dark", "grey", "blue-grey", "blue", "blue-situaction", "purple", "pink", "gold", "brown", "emerald"], z = ({
+  label: n,
+  color: t,
+  deletable: r = !1,
+  size: o = "m",
+  children: i,
+  onClick: l
+}) => {
+  m(() => {
+    t && !a.includes(t) && console.warn(`Warning: The color "${t}" is not a valid option. Expected one of: ${a.join(", ")}.`);
+  }, [t]);
+  const c = [
+    s.tag,
+    s[`tag-size-${o}`],
+    "flexHorizontalCenter"
+  ].join(" "), g = {
+    "--dynamic-background": t && a.includes(t) ? `var(--color-${t}-200)` : "var(--color-blue-situaction-200)",
+    "--dynamic-color-text": t && a.includes(t) ? `var(--color-${t}-950)` : "var(--color-blue-situaction-950)"
+  }, d = {
+    color: t ? `var(--color${t}-950)` : "var(--color-blue-situaction-950)"
+  };
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: c,
+      style: g,
+      onClick: l,
+      children: [
+        i && /* @__PURE__ */ e("div", { className: `flexHorizontalCenter ${s["tag-children"]}`, children: i }),
+        /* @__PURE__ */ e("label", { className: "flexHorizontal", children: n }),
+        r && /* @__PURE__ */ e(_, { mode: "ghost", size: "xs", onClick: () => l, children: /* @__PURE__ */ e("svg", { style: d, xmlns: "http://www.w3.org/2000/svg", width: "9", height: "9", fill: "currentColor", viewBox: "0 0 256 256", children: /* @__PURE__ */ e("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }) }) })
+      ]
+    }
+  );
+};
+export {
+  z as Tag
+};

package/dist/main.d.ts

@@ -1,4 +1,7 @@
 /** Export components **/
 export { Button } from './components/button/Button';
 export { Input } from './components/input/Input';
+export { Tabs } from './components/tabs/Tabs';
+export { IconButton } from './components/icon-button/IconButton';
+export { Tag } from './components/tag/Tag';
 export { ThemeProvider, useTheme } from './components/theme/ThemeContext';

package/dist/main.js

@@ -1,10 +1,16 @@
 import { Button as t } from "./components/button/Button.js";
 import { Input as p } from "./components/input/Input.js";
-import { ThemeProvider as u, useTheme as x } from "./components/theme/ThemeContext.js";
+import { Tabs as x } from "./components/tabs/Tabs.js";
+import { IconButton as u } from "./components/icon-button/IconButton.js";
+import { Tag as a } from "./components/tag/Tag.js";
+import { ThemeProvider as i, useTheme as s } from "./components/theme/ThemeContext.js";
 import './styles/index.css';import './styles/main.css';/* empty css                */
 export {
   t as Button,
+  u as IconButton,
   p as Input,
-  u as ThemeProvider,
-  x as useTheme
+  x as Tabs,
+  a as Tag,
+  i as ThemeProvider,
+  s as useTheme
 };

package/dist/styles/Button.css

@@ -1 +1 @@
-:root{--color-light-10: rgba(255, 255, 255, .1);--color-light-20: rgba(255, 255, 255, .2);--color-light-30: rgba(255, 255, 255, .3);--color-light-40: rgba(255, 255, 255, .4);--color-light-50: rgba(255, 255, 255, .5);--color-light-60: rgba(255, 255, 255, .6);--color-light-70: rgba(255, 255, 255, .7);--color-light-80: rgba(255, 255, 255, .8);--color-light-90: rgba(255, 255, 255, .9);--color-light-100: #FFF;--color-dark-10: rgba(15, 15, 15, .1);--color-dark-20: rgba(15, 15, 15, .2);--color-dark-30: rgba(15, 15, 15, .3);--color-dark-40: rgba(15, 15, 15, .4);--color-dark-50: rgba(15, 15, 15, .5);--color-dark-60: rgba(15, 15, 15, .6);--color-dark-70: rgba(15, 15, 15, .7);--color-dark-80: rgba(15, 15, 15, .8);--color-dark-90: rgba(15, 15, 15, .9);--color-dark-100: #09090B;--color-grey-50: #FAFAFA;--color-grey-100: #E7E7E7;--color-grey-200: #D1D1D1;--color-grey-300: #B0B0B0;--color-grey-400: #888888;--color-grey-500: #6D6D6D;--color-grey-600: #5D5D5D;--color-grey-700: #4F4F4F;--color-grey-800: #454545;--color-grey-900: #3D3D3D;--color-grey-950: #0F0F0F;--color-blue-grey-50: #F4F6F7;--color-blue-grey-100: #E3E8EA;--color-blue-grey-200: #CAD3D7;--color-blue-grey-300: #A5B4BB;--color-blue-grey-400: #788D98;--color-blue-grey-500: #55626C;--color-blue-grey-600: #49565F;--color-blue-grey-700: #445058;--color-blue-grey-800: #3A4047;--color-blue-grey-900: #2B3137;--color-blue-grey-950: #24292E;--color-blue-50: #F5F8FE;--color-blue-100: #EFF4FD;--color-blue-200: #EAF0FC;--color-blue-300: #E0E9FA;--color-blue-400: #D5E1F8;--color-blue-500: #CBDAF7;--color-blue-600: #C0D2F5;--color-blue-700: #B6CBF4;--color-blue-800: #ABC3F1;--color-blue-900: #A1BCF0;--color-blue-950: #24292E;--color-blue-situaction-50: #EFF8FF;--color-blue-situaction-100: #DFF1FF;--color-blue-situaction-200: #C3E9FD;--color-blue-situaction-300: #7ED3FB;--color-blue-situaction-400: #31B7FF;--color-blue-situaction-500: #069DEF;--color-blue-situaction-600: #007DCE;--color-blue-situaction-700: #02548A;--color-blue-situaction-800: #1F416D;--color-blue-situaction-900: #1D3557;--color-blue-situaction-950: #14243D;--color-purple-50: #F1F2FC;--color-purple-100: #E6E7F9;--color-purple-200: #D1D3F4;--color-purple-300: #B5B6EC;--color-purple-400: #9A96E3;--color-purple-500: #887DD7;--color-purple-600: #6E59C5;--color-purple-700: #6652B0;--color-purple-800: #53458E;--color-purple-900: #463D72;--color-purple-950: #2A2442;--color-pink-50: #FBF4F8;--color-pink-100: #F8EBF3;--color-pink-200: #F2D8E9;--color-pink-300: #E9B8D6;--color-pink-400: #DB8BBB;--color-pink-500: #CC68A0;--color-pink-600: #B84A83;--color-pink-700: #9D3869;--color-pink-800: #833158;--color-pink-900: #6E2D4C;--color-pink-950: #42152A;--color-gold-50: #FDFAE9;--color-gold-100: #FAF0B9;--color-gold-200: #F8E490;--color-gold-300: #F4CF50;--color-gold-400: #EEB721;--color-gold-500: #DE9F14;--color-gold-600: #C07A0E;--color-gold-700: #99570F;--color-gold-800: #7F4614;--color-gold-900: #6C3917;--color-gold-950: #3F1C09;--color-brown-50: #FDF9ED;--color-brown-100: #F6E4B6;--color-brown-200: #F2D897;--color-brown-300: #ECBD5F;--color-brown-400: #E6A637;--color-brown-500: #DF8620;--color-brown-600: #C7681A;--color-brown-700: #A44919;--color-brown-800: #853A19;--color-brown-900: #6C3019;--color-brown-950: #3E1709;--color-emerald-50: #F2F7F3;--color-emerald-100: #DFECE0;--color-emerald-200: #C1D9C5;--color-emerald-300: #98BDA0;--color-emerald-400: #71A07D;--color-emerald-500: #4A7F59;--color-emerald-600: #376445;--color-emerald-700: #2C5038;--color-emerald-800: #25402F;--color-emerald-900: #1F3527;--color-emerald-950: #111D15}:root,[data-theme=light]{--btn-primary-color: var(--primary-color-900);--btn-primary-color-hover: var(--primary-color-800);--btn-primary-color-activated: var(--primary-color-700);--btn-primary-color-disabled: var(--primary-color-50);--btn-primary-color-text: var(--color-light-100);--btn-secondary-color: var(--color-blue-50);--btn-secondary-color-hover: var(--color-blue-800);--btn-secondary-color-activated: var(--color-blue-400);--btn-secondary-color-disabled: var(--color-blue-grey-50);--btn-secondary-color-border-disabled: var(--color-grey-200);--btn-secondary-color-text: var(--color-blue-situaction-900);--btn-secondary-color-border: var(--color-blue-800);--btn-tertiary-color: var(--color-light-100);--btn-tertiary-color-hover: var(--color-grey-50);--btn-tertiary-color-activated: var(--color-grey-100);--btn-tertiary-color-disabled: var(--color-blue-grey-50);--btn-tertiary-color-border-disabled: var(--color-grey-200);--btn-tertiary-color-text: var(--color-grey-950);--btn-tertiary-color-border: var(--color-grey-300);--btn-ghost-color-hover: var(--color-blue-50);--btn-ghost-color-activated: var(--color-blue-100);--btn-ghost-color-text: var(--color-grey-950);--btn-ghost-color-text-disabled: var(--color-grey-200)}[data-theme=dark]{--btn-primary-color: var(--primary-color-200);--btn-primary-color-hover: var(--primary-color-100);--btn-primary-color-activated: var(--primary-color-50);--btn-primary-color-disabled: var(--primary-dark-color-disabled);--btn-primary-color-text: var(--primary-color-900);--btn-secondary-color: var(--color-blue-grey-900);--btn-secondary-color-hover: var(--color-blue-grey-800);--btn-secondary-color-activated: var(--color-blue-grey-700);--btn-secondary-color-disabled: var(--color-blue-grey-800);--btn-secondary-color-border-disabled: var(--color-blue-grey-500);--btn-secondary-color-text: var(--color-light-100);--btn-secondary-color-border: var(--color-blue-grey-500);--btn-tertiary-color: var(--color-light-100);--btn-tertiary-color-hover: var(--color-blue-grey-900);--btn-tertiary-color-activated: var(--color-blue-grey-800);--btn-tertiary-color-disabled: var(--color-blue-grey-800);--btn-tertiary-color-border-disabled: var(--color-blue-grey-500);--btn-tertiary-color-text: var(--color-light-100);--btn-tertiary-color-border: var(--color-blue-grey-700);--btn-ghost-color-hover: var(--color-blue-grey-900);--btn-ghost-color-activated: var(--color-blue-grey-800);--btn-ghost-color-text: var(--color-light-100);--btn-ghost-color-text-disabled: var(--color-grey-400)}._button_wju3t_194{font-family:var(--font-family);font-weight:500;border:0;border-radius:8px;cursor:pointer;line-height:1;box-shadow:0 4px 10px #00000008;width:fit-content}._button_wju3t_194:focus{outline:2px solid var(--btn-primary-color);outline-offset:2px}._button-primary_wju3t_209{color:var(--btn-primary-color-text);background-color:var(--btn-primary-color)}._button-primary_wju3t_209:hover{background-color:var(--btn-primary-color-hover)}._button-primary_wju3t_209:active{background-color:var(--btn-primary-color-activated)}._button-primary_wju3t_209:disabled{background-color:var(--btn-primary-color-disabled);color:var(--color-grey-400);cursor:initial}._button-secondary_wju3t_224{color:var(--btn-secondary-color-text);background-color:var(--btn-secondary-color);border:1px solid var(--btn-secondary-color-border)}._button-secondary_wju3t_224:hover{background-color:var(--btn-secondary-color-hover);border:1px solid var(--btn-secondary-color-border)}._button-secondary_wju3t_224:active{background-color:var(--btn-secondary-color-activated);border:1px solid var(--btn-secondary-color-border)}._button-secondary_wju3t_224:disabled{background-color:var(--btn-secondary-color-border-disabled);color:var(color-blue-grey-400);border:1px solid var(--btn-secondary-color-border);cursor:initial}._button-tertiary_wju3t_243{color:var(--btn-tertiary-color);background-color:transparent;border:1px solid var(--btn-tertiary-color-border)}._button-tertiary_wju3t_243:hover{background-color:var(--btn-tertiary-color-hover);border:1px solid var(--btn-tertiary-color-border)}._button-tertiary_wju3t_243:active{background-color:var(--btn-tertiary-color-activated);border:1px solid var(--btn-tertiary-color-border)}._button-tertiary_wju3t_243:disabled{background-color:var(--btn-tertiary-color-disabled);color:var(--btn-tertiary-color);border:1px solid var(--btn-tertiary-color-border);cursor:initial}._button-ghost_wju3t_262{color:var(--btn-ghost-color-text);background-color:transparent}._button-ghost_wju3t_262:hover{background-color:var(--btn-ghost-color-hover)}._button-ghost_wju3t_262:active{background-color:var(--btn-ghost-color-activated)}._button-ghost_wju3t_262:disabled{background-color:transparent;color:var(--btn-ghost-color-text-disabled);cursor:initial}._button-error_wju3t_277{color:var(color-light-100);background-color:#ff4747}._button-error_wju3t_277:hover{background-color:#ed1515}._button-error_wju3t_277:active{background-color:#c80d0d}._button-error_wju3t_277:disabled{background-color:var(color-blue-grey-200);color:var(color-blue-grey-500);cursor:initial}._button-size-xl_wju3t_292{padding:16px 32px;font-size:1.125em;line-height:28px}._button-size-l_wju3t_297{padding:12px 24px;font-size:1em;line-height:24px}._button-size-m_wju3t_302{padding:8px 16px;font-size:.875em;line-height:22px}._button-size-s_wju3t_307{padding:6px 12px;font-size:.75em;line-height:16px}._button-gap-xl_wju3t_312{gap:12px}._button-gap-l_wju3t_315{gap:8px}._button-gap-m_wju3t_318,._button-gap-s_wju3t_318{gap:4px}
+:root{--color-light-05: rgba(255, 255, 255, .05);--color-light-10: rgba(255, 255, 255, .1);--color-light-20: rgba(255, 255, 255, .2);--color-light-30: rgba(255, 255, 255, .3);--color-light-40: rgba(255, 255, 255, .4);--color-light-50: rgba(255, 255, 255, .5);--color-light-60: rgba(255, 255, 255, .6);--color-light-70: rgba(255, 255, 255, .7);--color-light-80: rgba(255, 255, 255, .8);--color-light-90: rgba(255, 255, 255, .9);--color-light-100: #FFF;--color-dark-05: rgba(15, 15, 15, .05);--color-dark-10: rgba(15, 15, 15, .1);--color-dark-20: rgba(15, 15, 15, .2);--color-dark-30: rgba(15, 15, 15, .3);--color-dark-40: rgba(15, 15, 15, .4);--color-dark-50: rgba(15, 15, 15, .5);--color-dark-60: rgba(15, 15, 15, .6);--color-dark-70: rgba(15, 15, 15, .7);--color-dark-80: rgba(15, 15, 15, .8);--color-dark-90: rgba(15, 15, 15, .9);--color-dark-100: #09090B;--color-grey-50: #FAFAFA;--color-grey-100: #E7E7E7;--color-grey-200: #D1D1D1;--color-grey-300: #B0B0B0;--color-grey-400: #888888;--color-grey-500: #6D6D6D;--color-grey-600: #5D5D5D;--color-grey-700: #4F4F4F;--color-grey-800: #454545;--color-grey-900: #3D3D3D;--color-grey-950: #0F0F0F;--color-blue-grey-50: #F4F6F7;--color-blue-grey-100: #E3E8EA;--color-blue-grey-200: #CAD3D7;--color-blue-grey-300: #A5B4BB;--color-blue-grey-400: #788D98;--color-blue-grey-500: #55626C;--color-blue-grey-600: #49565F;--color-blue-grey-700: #445058;--color-blue-grey-800: #3A4047;--color-blue-grey-900: #2B3137;--color-blue-grey-950: #24292E;--color-blue-50: #F5F8FE;--color-blue-100: #EFF4FD;--color-blue-200: #EAF0FC;--color-blue-300: #E0E9FA;--color-blue-400: #D5E1F8;--color-blue-500: #CBDAF7;--color-blue-600: #C0D2F5;--color-blue-700: #B6CBF4;--color-blue-800: #ABC3F1;--color-blue-900: #A1BCF0;--color-blue-950: #24292E;--color-blue-situaction-50: #EFF8FF;--color-blue-situaction-100: #DFF1FF;--color-blue-situaction-200: #C3E9FD;--color-blue-situaction-300: #7ED3FB;--color-blue-situaction-400: #31B7FF;--color-blue-situaction-500: #069DEF;--color-blue-situaction-600: #007DCE;--color-blue-situaction-700: #02548A;--color-blue-situaction-800: #1F416D;--color-blue-situaction-900: #1D3557;--color-blue-situaction-950: #14243D;--color-purple-50: #F1F2FC;--color-purple-100: #E6E7F9;--color-purple-200: #D1D3F4;--color-purple-300: #B5B6EC;--color-purple-400: #9A96E3;--color-purple-500: #887DD7;--color-purple-600: #6E59C5;--color-purple-700: #6652B0;--color-purple-800: #53458E;--color-purple-900: #463D72;--color-purple-950: #2A2442;--color-pink-50: #FBF4F8;--color-pink-100: #F8EBF3;--color-pink-200: #F2D8E9;--color-pink-300: #E9B8D6;--color-pink-400: #DB8BBB;--color-pink-500: #CC68A0;--color-pink-600: #B84A83;--color-pink-700: #9D3869;--color-pink-800: #833158;--color-pink-900: #6E2D4C;--color-pink-950: #42152A;--color-gold-50: #FDFAE9;--color-gold-100: #FAF0B9;--color-gold-200: #F8E490;--color-gold-300: #F4CF50;--color-gold-400: #EEB721;--color-gold-500: #DE9F14;--color-gold-600: #C07A0E;--color-gold-700: #99570F;--color-gold-800: #7F4614;--color-gold-900: #6C3917;--color-gold-950: #3F1C09;--color-brown-50: #FDF9ED;--color-brown-100: #F6E4B6;--color-brown-200: #F2D897;--color-brown-300: #ECBD5F;--color-brown-400: #E6A637;--color-brown-500: #DF8620;--color-brown-600: #C7681A;--color-brown-700: #A44919;--color-brown-800: #853A19;--color-brown-900: #6C3019;--color-brown-950: #3E1709;--color-emerald-50: #F2F7F3;--color-emerald-100: #DFECE0;--color-emerald-200: #C1D9C5;--color-emerald-300: #98BDA0;--color-emerald-400: #71A07D;--color-emerald-500: #4A7F59;--color-emerald-600: #376445;--color-emerald-700: #2C5038;--color-emerald-800: #25402F;--color-emerald-900: #1F3527;--color-emerald-950: #111D15}:root,[data-theme=light]{--btn-primary-color: var(--primary-color-900);--btn-primary-color-hover: var(--primary-color-800);--btn-primary-color-activated: var(--primary-color-700);--btn-primary-color-disabled: var(--primary-color-50);--btn-primary-color-text: var(--color-light-100);--btn-secondary-color: rgba(150, 180, 238, .1);--btn-secondary-color-hover: rgba(150, 180, 238, .2);--btn-secondary-color-activated: rgba(150, 180, 238, .3);--btn-secondary-color-disabled: var(--color-dark-05);--btn-secondary-color-border-disabled: var(--color-dark-20);--btn-secondary-color-text: var(--color-blue-situaction-900);--btn-secondary-color-border: rgba(150, 180, 238, .5);--btn-tertiary-color: var(--color-light-100);--btn-tertiary-color-hover: var(--color-dark-05);--btn-tertiary-color-activated: var(--color-dark-10);--btn-tertiary-color-disabled: var(--color-dark-05);--btn-tertiary-color-border-disabled: var(--color-dark-20);--btn-tertiary-color-text: var(--color-grey-950);--btn-tertiary-color-border: var(--color-dark-20);--btn-ghost-color-hover: var(--color-dark-05);--btn-ghost-color-activated: var(--color-dark-10);--btn-ghost-color-text: var(--color-grey-950);--btn-ghost-color-text-disabled: var(--color-dark-40)}[data-theme=dark]{--btn-primary-color: var(--primary-color-200);--btn-primary-color-hover: var(--primary-color-100);--btn-primary-color-activated: var(--primary-color-50);--btn-primary-color-disabled: var(--primary-dark-color-disabled);--btn-primary-color-text: var(--primary-color-900);--btn-secondary-color: rgba(150, 180, 238, .1);--btn-secondary-color-hover: rgba(150, 180, 238, .2);--btn-secondary-color-activated: rgba(150, 180, 238, .3);--btn-secondary-color-disabled: var(--color-dark-05);--btn-secondary-color-border-disabled: var(--color-light-20);--btn-secondary-color-text: var(--color-light-100);--btn-secondary-color-border: rgba(150, 180, 238, .5);--btn-tertiary-color: var(--color-light-100);--btn-tertiary-color-hover: var(---color-light-05);--btn-tertiary-color-activated: var(--color-light-10);--btn-tertiary-color-disabled: var(--color-light-05);--btn-tertiary-color-border-disabled: var(--color-light-40);--btn-tertiary-color-text: var(--color-light-100);--btn-tertiary-color-border: var(--color-light-20);--btn-ghost-color-hover: var(--color-light-05);--btn-ghost-color-activated: var(--color-light-10);--btn-ghost-color-text: var(--color-light-100);--btn-ghost-color-text-disabled: var(--color-light-40)}._button_tplzh_196{font-family:var(--font-family);font-weight:500;border:0;border-radius:8px;cursor:pointer;line-height:1;box-shadow:0 4px 10px #00000008;width:fit-content}._button_tplzh_196:focus{outline:2px solid var(--dynamic-color);outline-offset:2px}._button-primary_tplzh_211{color:var(--dynamic-color-text);background-color:var(--dynamic-color)}._button-primary_tplzh_211:hover{background-color:var(--dynamic-color-hover)}._button-primary_tplzh_211:active{background-color:var(--dynamic-color-activated)}._button-primary_tplzh_211:disabled{background-color:var(--dynamic-color-disabled);color:var(--color-grey-400);cursor:initial}._button-secondary_tplzh_226{color:var(--btn-secondary-color-text);background-color:var(--btn-secondary-color);border:1px solid var(--btn-secondary-color-border)}._button-secondary_tplzh_226:hover{background-color:var(--btn-secondary-color-hover);border:1px solid var(--btn-secondary-color-border)}._button-secondary_tplzh_226:active{background-color:var(--btn-secondary-color-activated);border:1px solid var(--btn-secondary-color-border)}._button-secondary_tplzh_226:disabled{background-color:var(--btn-secondary-color-border-disabled);color:var(color-blue-grey-400);border:1px solid var(--btn-secondary-color-border);cursor:initial}._button-tertiary_tplzh_245{color:var(--btn-tertiary-color);background-color:transparent;border:1px solid var(--btn-tertiary-color-border)}._button-tertiary_tplzh_245:hover{background-color:var(--btn-tertiary-color-hover);border:1px solid var(--btn-tertiary-color-border)}._button-tertiary_tplzh_245:active{background-color:var(--btn-tertiary-color-activated);border:1px solid var(--btn-tertiary-color-border)}._button-tertiary_tplzh_245:disabled{background-color:var(--btn-tertiary-color-disabled);color:var(--btn-tertiary-color);border:1px solid var(--btn-tertiary-color-border);cursor:initial}._button-ghost_tplzh_264{color:var(--btn-ghost-color-text);background-color:transparent}._button-ghost_tplzh_264:hover{background-color:var(--btn-ghost-color-hover)}._button-ghost_tplzh_264:active{background-color:var(--btn-ghost-color-activated)}._button-ghost_tplzh_264:disabled{background-color:transparent;color:var(--btn-ghost-color-text-disabled);cursor:initial}._button-error_tplzh_279{color:var(color-light-100);background-color:#ff4747}._button-error_tplzh_279:hover{background-color:#ed1515}._button-error_tplzh_279:active{background-color:#c80d0d}._button-error_tplzh_279:disabled{background-color:var(color-blue-grey-200);color:var(color-blue-grey-500);cursor:initial}._button-size-xl_tplzh_294{padding:16px 32px;font-size:1.125em;line-height:28px}._button-size-l_tplzh_299{padding:12px 24px;font-size:1em;line-height:24px}._button-size-m_tplzh_304{padding:8px 16px;font-size:.875em;line-height:22px}._button-size-s_tplzh_309{padding:6px 12px;font-size:.75em;line-height:16px}._button-gap-xl_tplzh_314{gap:12px}._button-gap-l_tplzh_317{gap:8px}._button-gap-m_tplzh_320,._button-gap-s_tplzh_320{gap:4px}

package/dist/styles/IconButton.css

@@ -0,0 +1 @@
+:root{--color-light-05: rgba(255, 255, 255, .05);--color-light-10: rgba(255, 255, 255, .1);--color-light-20: rgba(255, 255, 255, .2);--color-light-30: rgba(255, 255, 255, .3);--color-light-40: rgba(255, 255, 255, .4);--color-light-50: rgba(255, 255, 255, .5);--color-light-60: rgba(255, 255, 255, .6);--color-light-70: rgba(255, 255, 255, .7);--color-light-80: rgba(255, 255, 255, .8);--color-light-90: rgba(255, 255, 255, .9);--color-light-100: #FFF;--color-dark-05: rgba(15, 15, 15, .05);--color-dark-10: rgba(15, 15, 15, .1);--color-dark-20: rgba(15, 15, 15, .2);--color-dark-30: rgba(15, 15, 15, .3);--color-dark-40: rgba(15, 15, 15, .4);--color-dark-50: rgba(15, 15, 15, .5);--color-dark-60: rgba(15, 15, 15, .6);--color-dark-70: rgba(15, 15, 15, .7);--color-dark-80: rgba(15, 15, 15, .8);--color-dark-90: rgba(15, 15, 15, .9);--color-dark-100: #09090B;--color-grey-50: #FAFAFA;--color-grey-100: #E7E7E7;--color-grey-200: #D1D1D1;--color-grey-300: #B0B0B0;--color-grey-400: #888888;--color-grey-500: #6D6D6D;--color-grey-600: #5D5D5D;--color-grey-700: #4F4F4F;--color-grey-800: #454545;--color-grey-900: #3D3D3D;--color-grey-950: #0F0F0F;--color-blue-grey-50: #F4F6F7;--color-blue-grey-100: #E3E8EA;--color-blue-grey-200: #CAD3D7;--color-blue-grey-300: #A5B4BB;--color-blue-grey-400: #788D98;--color-blue-grey-500: #55626C;--color-blue-grey-600: #49565F;--color-blue-grey-700: #445058;--color-blue-grey-800: #3A4047;--color-blue-grey-900: #2B3137;--color-blue-grey-950: #24292E;--color-blue-50: #F5F8FE;--color-blue-100: #EFF4FD;--color-blue-200: #EAF0FC;--color-blue-300: #E0E9FA;--color-blue-400: #D5E1F8;--color-blue-500: #CBDAF7;--color-blue-600: #C0D2F5;--color-blue-700: #B6CBF4;--color-blue-800: #ABC3F1;--color-blue-900: #A1BCF0;--color-blue-950: #24292E;--color-blue-situaction-50: #EFF8FF;--color-blue-situaction-100: #DFF1FF;--color-blue-situaction-200: #C3E9FD;--color-blue-situaction-300: #7ED3FB;--color-blue-situaction-400: #31B7FF;--color-blue-situaction-500: #069DEF;--color-blue-situaction-600: #007DCE;--color-blue-situaction-700: #02548A;--color-blue-situaction-800: #1F416D;--color-blue-situaction-900: #1D3557;--color-blue-situaction-950: #14243D;--color-purple-50: #F1F2FC;--color-purple-100: #E6E7F9;--color-purple-200: #D1D3F4;--color-purple-300: #B5B6EC;--color-purple-400: #9A96E3;--color-purple-500: #887DD7;--color-purple-600: #6E59C5;--color-purple-700: #6652B0;--color-purple-800: #53458E;--color-purple-900: #463D72;--color-purple-950: #2A2442;--color-pink-50: #FBF4F8;--color-pink-100: #F8EBF3;--color-pink-200: #F2D8E9;--color-pink-300: #E9B8D6;--color-pink-400: #DB8BBB;--color-pink-500: #CC68A0;--color-pink-600: #B84A83;--color-pink-700: #9D3869;--color-pink-800: #833158;--color-pink-900: #6E2D4C;--color-pink-950: #42152A;--color-gold-50: #FDFAE9;--color-gold-100: #FAF0B9;--color-gold-200: #F8E490;--color-gold-300: #F4CF50;--color-gold-400: #EEB721;--color-gold-500: #DE9F14;--color-gold-600: #C07A0E;--color-gold-700: #99570F;--color-gold-800: #7F4614;--color-gold-900: #6C3917;--color-gold-950: #3F1C09;--color-brown-50: #FDF9ED;--color-brown-100: #F6E4B6;--color-brown-200: #F2D897;--color-brown-300: #ECBD5F;--color-brown-400: #E6A637;--color-brown-500: #DF8620;--color-brown-600: #C7681A;--color-brown-700: #A44919;--color-brown-800: #853A19;--color-brown-900: #6C3019;--color-brown-950: #3E1709;--color-emerald-50: #F2F7F3;--color-emerald-100: #DFECE0;--color-emerald-200: #C1D9C5;--color-emerald-300: #98BDA0;--color-emerald-400: #71A07D;--color-emerald-500: #4A7F59;--color-emerald-600: #376445;--color-emerald-700: #2C5038;--color-emerald-800: #25402F;--color-emerald-900: #1F3527;--color-emerald-950: #111D15}:root,[data-theme=light]{--btn-primary-color: var(--primary-color-900);--btn-primary-color-hover: var(--primary-color-800);--btn-primary-color-activated: var(--primary-color-700);--btn-primary-color-disabled: var(--primary-color-50);--btn-primary-color-text: var(--color-light-100);--btn-secondary-color: rgba(150, 180, 238, .1);--btn-secondary-color-hover: rgba(150, 180, 238, .2);--btn-secondary-color-activated: rgba(150, 180, 238, .3);--btn-secondary-color-disabled: var(--color-dark-05);--btn-secondary-color-border-disabled: var(--color-dark-20);--btn-secondary-color-text: var(--color-blue-situaction-900);--btn-secondary-color-border: rgba(150, 180, 238, .5);--btn-tertiary-color: var(--color-light-100);--btn-tertiary-color-hover: var(--color-dark-05);--btn-tertiary-color-activated: var(--color-dark-10);--btn-tertiary-color-disabled: var(--color-dark-05);--btn-tertiary-color-border-disabled: var(--color-dark-20);--btn-tertiary-color-text: var(--color-grey-950);--btn-tertiary-color-border: var(--color-dark-20);--btn-ghost-color-hover: var(--color-dark-05);--btn-ghost-color-activated: var(--color-dark-10);--btn-ghost-color-text: var(--color-grey-950);--btn-ghost-color-text-disabled: var(--color-dark-40)}[data-theme=dark]{--btn-primary-color: var(--primary-color-200);--btn-primary-color-hover: var(--primary-color-100);--btn-primary-color-activated: var(--primary-color-50);--btn-primary-color-disabled: var(--primary-dark-color-disabled);--btn-primary-color-text: var(--primary-color-900);--btn-secondary-color: rgba(150, 180, 238, .1);--btn-secondary-color-hover: rgba(150, 180, 238, .2);--btn-secondary-color-activated: rgba(150, 180, 238, .3);--btn-secondary-color-disabled: var(--color-dark-05);--btn-secondary-color-border-disabled: var(--color-light-20);--btn-secondary-color-text: var(--color-light-100);--btn-secondary-color-border: rgba(150, 180, 238, .5);--btn-tertiary-color: var(--color-light-100);--btn-tertiary-color-hover: var(---color-light-05);--btn-tertiary-color-activated: var(--color-light-10);--btn-tertiary-color-disabled: var(--color-light-05);--btn-tertiary-color-border-disabled: var(--color-light-40);--btn-tertiary-color-text: var(--color-light-100);--btn-tertiary-color-border: var(--color-light-20);--btn-ghost-color-hover: var(--color-light-05);--btn-ghost-color-activated: var(--color-light-10);--btn-ghost-color-text: var(--color-light-100);--btn-ghost-color-text-disabled: var(--color-light-40)}._button_1qaum_196{font-family:var(--font-family);font-weight:500;border:0;border-radius:50px;cursor:pointer;line-height:1;box-shadow:0 4px 10px #00000008;display:inline-flex;justify-content:center;align-items:center;min-width:12px;min-height:12px;aspect-ratio:1/1}._button_1qaum_196:focus{outline:2px solid var(--dynamic-color);outline-offset:2px}._button-primary_1qaum_216{color:var(--dynamic-color-text);background-color:var(--dynamic-color)}._button-primary_1qaum_216:hover{background-color:var(--dynamic-color-hover)}._button-primary_1qaum_216:active{background-color:var(--dynamic-color-activated)}._button-primary_1qaum_216:disabled{background-color:var(--dynamic-color-disabled);color:var(--color-grey-400);cursor:initial}._button-secondary_1qaum_231{color:var(--btn-secondary-color-text);background-color:var(--btn-secondary-color);border:1px solid var(--btn-secondary-color-border)}._button-secondary_1qaum_231:hover{background-color:var(--btn-secondary-color-hover);border:1px solid var(--btn-secondary-color-border)}._button-secondary_1qaum_231:active{background-color:var(--btn-secondary-color-activated);border:1px solid var(--btn-secondary-color-border)}._button-secondary_1qaum_231:disabled{background-color:var(--btn-secondary-color-border-disabled);color:var(color-blue-grey-400);border:1px solid var(--btn-secondary-color-border);cursor:initial}._button-tertiary_1qaum_250{color:var(--btn-tertiary-color);background-color:transparent;border:1px solid var(--btn-tertiary-color-border)}._button-tertiary_1qaum_250:hover{background-color:var(--btn-tertiary-color-hover);border:1px solid var(--btn-tertiary-color-border)}._button-tertiary_1qaum_250:active{background-color:var(--btn-tertiary-color-activated);border:1px solid var(--btn-tertiary-color-border)}._button-tertiary_1qaum_250:disabled{background-color:var(--btn-tertiary-color-disabled);color:var(--btn-tertiary-color);border:1px solid var(--btn-tertiary-color-border);cursor:initial}._button-ghost_1qaum_269{color:var(--btn-ghost-color-text);background-color:transparent}._button-ghost_1qaum_269:hover{background-color:var(--btn-ghost-color-hover)}._button-ghost_1qaum_269:active{background-color:var(--btn-ghost-color-activated)}._button-ghost_1qaum_269:disabled{background-color:transparent;color:var(--btn-ghost-color-text-disabled);cursor:initial}._button-error_1qaum_284{color:var(color-light-100);background-color:#ff4747}._button-error_1qaum_284:hover{background-color:#ed1515}._button-error_1qaum_284:active{background-color:#c80d0d}._button-error_1qaum_284:disabled{background-color:var(color-blue-grey-200);color:var(color-blue-grey-500);cursor:initial}._button-size-xl_1qaum_299{padding:.75rem;font-size:1.125em;line-height:28px}._button-size-l_1qaum_304{padding:.625rem;font-size:1em;line-height:24px}._button-size-m_1qaum_309{padding:.5rem;font-size:.875em;line-height:22px}._button-size-s_1qaum_314{padding:.375rem;font-size:.75em;line-height:16px}._button-size-xs_1qaum_319{padding:0}

package/dist/styles/Input.css

@@ -1 +1 @@
-:root,[data-theme=light]{--btn-primary-color: var(--primary-color-900);--btn-primary-color-hover: var(--primary-color-800);--btn-primary-color-activated: var(--primary-color-700);--btn-primary-color-disabled: var(--primary-color-50);--btn-primary-color-text: var(--color-light-100);--btn-secondary-color: var(--color-blue-50);--btn-secondary-color-hover: var(--color-blue-800);--btn-secondary-color-activated: var(--color-blue-400);--btn-secondary-color-disabled: var(--color-blue-grey-50);--btn-secondary-color-border-disabled: var(--color-grey-200);--btn-secondary-color-text: var(--color-blue-situaction-900);--btn-secondary-color-border: var(--color-blue-800);--btn-tertiary-color: var(--color-light-100);--btn-tertiary-color-hover: var(--color-grey-50);--btn-tertiary-color-activated: var(--color-grey-100);--btn-tertiary-color-disabled: var(--color-blue-grey-50);--btn-tertiary-color-border-disabled: var(--color-grey-200);--btn-tertiary-color-text: var(--color-grey-950);--btn-tertiary-color-border: var(--color-grey-300);--btn-ghost-color-hover: var(--color-blue-50);--btn-ghost-color-activated: var(--color-blue-100);--btn-ghost-color-text: var(--color-grey-950);--btn-ghost-color-text-disabled: var(--color-grey-200)}[data-theme=dark]{--btn-primary-color: var(--primary-color-200);--btn-primary-color-hover: var(--primary-color-100);--btn-primary-color-activated: var(--primary-color-50);--btn-primary-color-disabled: var(--primary-dark-color-disabled);--btn-primary-color-text: var(--primary-color-900);--btn-secondary-color: var(--color-blue-grey-900);--btn-secondary-color-hover: var(--color-blue-grey-800);--btn-secondary-color-activated: var(--color-blue-grey-700);--btn-secondary-color-disabled: var(--color-blue-grey-800);--btn-secondary-color-border-disabled: var(--color-blue-grey-500);--btn-secondary-color-text: var(--color-light-100);--btn-secondary-color-border: var(--color-blue-grey-500);--btn-tertiary-color: var(--color-light-100);--btn-tertiary-color-hover: var(--color-blue-grey-900);--btn-tertiary-color-activated: var(--color-blue-grey-800);--btn-tertiary-color-disabled: var(--color-blue-grey-800);--btn-tertiary-color-border-disabled: var(--color-blue-grey-500);--btn-tertiary-color-text: var(--color-light-100);--btn-tertiary-color-border: var(--color-blue-grey-700);--btn-ghost-color-hover: var(--color-blue-grey-900);--btn-ghost-color-activated: var(--color-blue-grey-800);--btn-ghost-color-text: var(--color-light-100);--btn-ghost-color-text-disabled: var(--color-grey-400)}:root{--color-light-10: rgba(255, 255, 255, .1);--color-light-20: rgba(255, 255, 255, .2);--color-light-30: rgba(255, 255, 255, .3);--color-light-40: rgba(255, 255, 255, .4);--color-light-50: rgba(255, 255, 255, .5);--color-light-60: rgba(255, 255, 255, .6);--color-light-70: rgba(255, 255, 255, .7);--color-light-80: rgba(255, 255, 255, .8);--color-light-90: rgba(255, 255, 255, .9);--color-light-100: #FFF;--color-dark-10: rgba(15, 15, 15, .1);--color-dark-20: rgba(15, 15, 15, .2);--color-dark-30: rgba(15, 15, 15, .3);--color-dark-40: rgba(15, 15, 15, .4);--color-dark-50: rgba(15, 15, 15, .5);--color-dark-60: rgba(15, 15, 15, .6);--color-dark-70: rgba(15, 15, 15, .7);--color-dark-80: rgba(15, 15, 15, .8);--color-dark-90: rgba(15, 15, 15, .9);--color-dark-100: #09090B;--color-grey-50: #FAFAFA;--color-grey-100: #E7E7E7;--color-grey-200: #D1D1D1;--color-grey-300: #B0B0B0;--color-grey-400: #888888;--color-grey-500: #6D6D6D;--color-grey-600: #5D5D5D;--color-grey-700: #4F4F4F;--color-grey-800: #454545;--color-grey-900: #3D3D3D;--color-grey-950: #0F0F0F;--color-blue-grey-50: #F4F6F7;--color-blue-grey-100: #E3E8EA;--color-blue-grey-200: #CAD3D7;--color-blue-grey-300: #A5B4BB;--color-blue-grey-400: #788D98;--color-blue-grey-500: #55626C;--color-blue-grey-600: #49565F;--color-blue-grey-700: #445058;--color-blue-grey-800: #3A4047;--color-blue-grey-900: #2B3137;--color-blue-grey-950: #24292E;--color-blue-50: #F5F8FE;--color-blue-100: #EFF4FD;--color-blue-200: #EAF0FC;--color-blue-300: #E0E9FA;--color-blue-400: #D5E1F8;--color-blue-500: #CBDAF7;--color-blue-600: #C0D2F5;--color-blue-700: #B6CBF4;--color-blue-800: #ABC3F1;--color-blue-900: #A1BCF0;--color-blue-950: #24292E;--color-blue-situaction-50: #EFF8FF;--color-blue-situaction-100: #DFF1FF;--color-blue-situaction-200: #C3E9FD;--color-blue-situaction-300: #7ED3FB;--color-blue-situaction-400: #31B7FF;--color-blue-situaction-500: #069DEF;--color-blue-situaction-600: #007DCE;--color-blue-situaction-700: #02548A;--color-blue-situaction-800: #1F416D;--color-blue-situaction-900: #1D3557;--color-blue-situaction-950: #14243D;--color-purple-50: #F1F2FC;--color-purple-100: #E6E7F9;--color-purple-200: #D1D3F4;--color-purple-300: #B5B6EC;--color-purple-400: #9A96E3;--color-purple-500: #887DD7;--color-purple-600: #6E59C5;--color-purple-700: #6652B0;--color-purple-800: #53458E;--color-purple-900: #463D72;--color-purple-950: #2A2442;--color-pink-50: #FBF4F8;--color-pink-100: #F8EBF3;--color-pink-200: #F2D8E9;--color-pink-300: #E9B8D6;--color-pink-400: #DB8BBB;--color-pink-500: #CC68A0;--color-pink-600: #B84A83;--color-pink-700: #9D3869;--color-pink-800: #833158;--color-pink-900: #6E2D4C;--color-pink-950: #42152A;--color-gold-50: #FDFAE9;--color-gold-100: #FAF0B9;--color-gold-200: #F8E490;--color-gold-300: #F4CF50;--color-gold-400: #EEB721;--color-gold-500: #DE9F14;--color-gold-600: #C07A0E;--color-gold-700: #99570F;--color-gold-800: #7F4614;--color-gold-900: #6C3917;--color-gold-950: #3F1C09;--color-brown-50: #FDF9ED;--color-brown-100: #F6E4B6;--color-brown-200: #F2D897;--color-brown-300: #ECBD5F;--color-brown-400: #E6A637;--color-brown-500: #DF8620;--color-brown-600: #C7681A;--color-brown-700: #A44919;--color-brown-800: #853A19;--color-brown-900: #6C3019;--color-brown-950: #3E1709;--color-emerald-50: #F2F7F3;--color-emerald-100: #DFECE0;--color-emerald-200: #C1D9C5;--color-emerald-300: #98BDA0;--color-emerald-400: #71A07D;--color-emerald-500: #4A7F59;--color-emerald-600: #376445;--color-emerald-700: #2C5038;--color-emerald-800: #25402F;--color-emerald-900: #1F3527;--color-emerald-950: #111D15}._input-style_1hx1x_329{font-family:Urbanist,sans-serif;border:1px solid var(--color-blue-grey-300);box-shadow:0 4px 5px #0000000a;color:var(--btn-primary-color);position:relative}._input-style-ghost_1hx1x_337{border-bottom:1px solid var(--color-blue-grey-300);border-width:0 0 1px 0;border-radius:0!important}._input-style-disabled_1hx1x_342{background-color:var(--color-light-100);border-color:var(--color-blue-grey-300);pointer-events:none;color:var(--color-blue-grey-300)}._input-style-disabled_1hx1x_342 input{color:var(--color-blue-grey-300)}._input-style-focused_1hx1x_351{border-color:var(--dynamic-color);color:var(--dynamic-color);background-color:var(--dynamic-background-color)}._input-style-focused_1hx1x_351 ._input-container_1hx1x_356 ._floating-input_1hx1x_356:not(:placeholder-shown)~._floating-label_1hx1x_356{color:var(--color-blue-situaction-900)}._input-style-error_1hx1x_359{border-color:#ff4747;color:#ff4747}._input-style-error_1hx1x_359 ._input-container_1hx1x_356 ._floating-input_1hx1x_356:not(:placeholder-shown)~._floating-label_1hx1x_356{color:#ff4747}._input-style-error-focused_1hx1x_366{background-color:#fff1f1}._input-style-error-disabled_1hx1x_369{background-color:#fff1f1;border-color:#ff9d9d;color:#ff9d9d}._input-style-error-disabled_1hx1x_369 input{color:#ff9d9d}._input-style-success_1hx1x_377{border-color:#33b449;color:#33b449}._input-style-success_1hx1x_377 ._input-container_1hx1x_356 ._floating-input_1hx1x_356:not(:placeholder-shown)~._floating-label_1hx1x_356{color:#33b449}._input-style-success-focused_1hx1x_384{background-color:#f1fcf3}._input-style-success-disabled_1hx1x_387{background-color:#f1fcf3;border-color:#91e49e;color:#91e49e}._input-style-success-disabled_1hx1x_387 input{color:#91e49e}._input-style_1hx1x_329 ._input-container_1hx1x_356{position:relative;width:100%}._input-style_1hx1x_329 ._floating-label_1hx1x_356{position:absolute;left:0;top:50%;transform:translateY(-50%);pointer-events:none;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all;width:auto;z-index:1;line-height:14px}._input-style_1hx1x_329 ._floating-label-size-xl_1hx1x_412{font-size:1em}._input-style_1hx1x_329 ._floating-label-size-l_1hx1x_415,._input-style_1hx1x_329 ._floating-label-size-m_1hx1x_418{font-size:.875em}._input-style_1hx1x_329 ._floating-label-size-s_1hx1x_421{font-size:.75em}._input-style_1hx1x_329 ._floating-input_1hx1x_356{display:block;width:100%;box-sizing:border-box}._input-style_1hx1x_329 ._floating-input-size-xl_1hx1x_430{font-size:1.125em;line-height:28px}._input-style_1hx1x_329 ._floating-input-size-l_1hx1x_434{font-size:1em;line-height:24px}._input-style_1hx1x_329 ._floating-input-size-m_1hx1x_438{font-size:.875em;line-height:22px}._input-style_1hx1x_329 ._floating-input-size-s_1hx1x_442{font-size:.875em;line-height:20px}._input-style_1hx1x_329 ._floating-input_1hx1x_356:not(:placeholder-shown)~._floating-label_1hx1x_356{top:-10px;font-size:14px}._input-style_1hx1x_329 ._floating-input_1hx1x_356:not(:placeholder-shown)~._floating-label_1hx1x_356._floating-label-size-xl_1hx1x_412{top:-19px}._input-style_1hx1x_329 ._floating-input_1hx1x_356:not(:placeholder-shown)~._floating-label_1hx1x_356._floating-label-size-l_1hx1x_415{top:-16px}._input-style_1hx1x_329 ._floating-input_1hx1x_356:not(:placeholder-shown)~._floating-label_1hx1x_356._floating-label-size-m_1hx1x_418{top:-12px}._input-style_1hx1x_329 ._floating-input_1hx1x_356:not(:placeholder-shown)~._floating-label_1hx1x_356._floating-label-size-s_1hx1x_421{top:-11px}._input-style_1hx1x_329 ._hideBorder_1hx1x_462{position:absolute;top:-1px;left:0;width:100%;height:1px;background-color:#535bf2;z-index:0;transition:background-color .2s ease}._input-style_1hx1x_329 ._hideBorder-error_1hx1x_472{background-color:#fff1f1}._input-style_1hx1x_329 ._hideBorder-success_1hx1x_475{background-color:#f1fcf3}._input-style-size-xl_1hx1x_478{padding:16px;font-size:1.125em;line-height:28px;border-radius:8px}._input-style-size-l_1hx1x_484{padding:12px;font-size:1em;line-height:24px;border-radius:8px}._input-style-size-m_1hx1x_490{padding:8px;font-size:.875em;line-height:22px;border-radius:8px}._input-style-size-s_1hx1x_496{padding:6px;font-size:.875em;line-height:20px;border-radius:4px}input{color:var(--color-blue-situaction-900)}
+:root,[data-theme=light]{--btn-primary-color: var(--primary-color-900);--btn-primary-color-hover: var(--primary-color-800);--btn-primary-color-activated: var(--primary-color-700);--btn-primary-color-disabled: var(--primary-color-50);--btn-primary-color-text: var(--color-light-100);--btn-secondary-color: rgba(150, 180, 238, .1);--btn-secondary-color-hover: rgba(150, 180, 238, .2);--btn-secondary-color-activated: rgba(150, 180, 238, .3);--btn-secondary-color-disabled: var(--color-dark-05);--btn-secondary-color-border-disabled: var(--color-dark-20);--btn-secondary-color-text: var(--color-blue-situaction-900);--btn-secondary-color-border: rgba(150, 180, 238, .5);--btn-tertiary-color: var(--color-light-100);--btn-tertiary-color-hover: var(--color-dark-05);--btn-tertiary-color-activated: var(--color-dark-10);--btn-tertiary-color-disabled: var(--color-dark-05);--btn-tertiary-color-border-disabled: var(--color-dark-20);--btn-tertiary-color-text: var(--color-grey-950);--btn-tertiary-color-border: var(--color-dark-20);--btn-ghost-color-hover: var(--color-dark-05);--btn-ghost-color-activated: var(--color-dark-10);--btn-ghost-color-text: var(--color-grey-950);--btn-ghost-color-text-disabled: var(--color-dark-40)}[data-theme=dark]{--btn-primary-color: var(--primary-color-200);--btn-primary-color-hover: var(--primary-color-100);--btn-primary-color-activated: var(--primary-color-50);--btn-primary-color-disabled: var(--primary-dark-color-disabled);--btn-primary-color-text: var(--primary-color-900);--btn-secondary-color: rgba(150, 180, 238, .1);--btn-secondary-color-hover: rgba(150, 180, 238, .2);--btn-secondary-color-activated: rgba(150, 180, 238, .3);--btn-secondary-color-disabled: var(--color-dark-05);--btn-secondary-color-border-disabled: var(--color-light-20);--btn-secondary-color-text: var(--color-light-100);--btn-secondary-color-border: rgba(150, 180, 238, .5);--btn-tertiary-color: var(--color-light-100);--btn-tertiary-color-hover: var(---color-light-05);--btn-tertiary-color-activated: var(--color-light-10);--btn-tertiary-color-disabled: var(--color-light-05);--btn-tertiary-color-border-disabled: var(--color-light-40);--btn-tertiary-color-text: var(--color-light-100);--btn-tertiary-color-border: var(--color-light-20);--btn-ghost-color-hover: var(--color-light-05);--btn-ghost-color-activated: var(--color-light-10);--btn-ghost-color-text: var(--color-light-100);--btn-ghost-color-text-disabled: var(--color-light-40)}:root{--color-light-05: rgba(255, 255, 255, .05);--color-light-10: rgba(255, 255, 255, .1);--color-light-20: rgba(255, 255, 255, .2);--color-light-30: rgba(255, 255, 255, .3);--color-light-40: rgba(255, 255, 255, .4);--color-light-50: rgba(255, 255, 255, .5);--color-light-60: rgba(255, 255, 255, .6);--color-light-70: rgba(255, 255, 255, .7);--color-light-80: rgba(255, 255, 255, .8);--color-light-90: rgba(255, 255, 255, .9);--color-light-100: #FFF;--color-dark-05: rgba(15, 15, 15, .05);--color-dark-10: rgba(15, 15, 15, .1);--color-dark-20: rgba(15, 15, 15, .2);--color-dark-30: rgba(15, 15, 15, .3);--color-dark-40: rgba(15, 15, 15, .4);--color-dark-50: rgba(15, 15, 15, .5);--color-dark-60: rgba(15, 15, 15, .6);--color-dark-70: rgba(15, 15, 15, .7);--color-dark-80: rgba(15, 15, 15, .8);--color-dark-90: rgba(15, 15, 15, .9);--color-dark-100: #09090B;--color-grey-50: #FAFAFA;--color-grey-100: #E7E7E7;--color-grey-200: #D1D1D1;--color-grey-300: #B0B0B0;--color-grey-400: #888888;--color-grey-500: #6D6D6D;--color-grey-600: #5D5D5D;--color-grey-700: #4F4F4F;--color-grey-800: #454545;--color-grey-900: #3D3D3D;--color-grey-950: #0F0F0F;--color-blue-grey-50: #F4F6F7;--color-blue-grey-100: #E3E8EA;--color-blue-grey-200: #CAD3D7;--color-blue-grey-300: #A5B4BB;--color-blue-grey-400: #788D98;--color-blue-grey-500: #55626C;--color-blue-grey-600: #49565F;--color-blue-grey-700: #445058;--color-blue-grey-800: #3A4047;--color-blue-grey-900: #2B3137;--color-blue-grey-950: #24292E;--color-blue-50: #F5F8FE;--color-blue-100: #EFF4FD;--color-blue-200: #EAF0FC;--color-blue-300: #E0E9FA;--color-blue-400: #D5E1F8;--color-blue-500: #CBDAF7;--color-blue-600: #C0D2F5;--color-blue-700: #B6CBF4;--color-blue-800: #ABC3F1;--color-blue-900: #A1BCF0;--color-blue-950: #24292E;--color-blue-situaction-50: #EFF8FF;--color-blue-situaction-100: #DFF1FF;--color-blue-situaction-200: #C3E9FD;--color-blue-situaction-300: #7ED3FB;--color-blue-situaction-400: #31B7FF;--color-blue-situaction-500: #069DEF;--color-blue-situaction-600: #007DCE;--color-blue-situaction-700: #02548A;--color-blue-situaction-800: #1F416D;--color-blue-situaction-900: #1D3557;--color-blue-situaction-950: #14243D;--color-purple-50: #F1F2FC;--color-purple-100: #E6E7F9;--color-purple-200: #D1D3F4;--color-purple-300: #B5B6EC;--color-purple-400: #9A96E3;--color-purple-500: #887DD7;--color-purple-600: #6E59C5;--color-purple-700: #6652B0;--color-purple-800: #53458E;--color-purple-900: #463D72;--color-purple-950: #2A2442;--color-pink-50: #FBF4F8;--color-pink-100: #F8EBF3;--color-pink-200: #F2D8E9;--color-pink-300: #E9B8D6;--color-pink-400: #DB8BBB;--color-pink-500: #CC68A0;--color-pink-600: #B84A83;--color-pink-700: #9D3869;--color-pink-800: #833158;--color-pink-900: #6E2D4C;--color-pink-950: #42152A;--color-gold-50: #FDFAE9;--color-gold-100: #FAF0B9;--color-gold-200: #F8E490;--color-gold-300: #F4CF50;--color-gold-400: #EEB721;--color-gold-500: #DE9F14;--color-gold-600: #C07A0E;--color-gold-700: #99570F;--color-gold-800: #7F4614;--color-gold-900: #6C3917;--color-gold-950: #3F1C09;--color-brown-50: #FDF9ED;--color-brown-100: #F6E4B6;--color-brown-200: #F2D897;--color-brown-300: #ECBD5F;--color-brown-400: #E6A637;--color-brown-500: #DF8620;--color-brown-600: #C7681A;--color-brown-700: #A44919;--color-brown-800: #853A19;--color-brown-900: #6C3019;--color-brown-950: #3E1709;--color-emerald-50: #F2F7F3;--color-emerald-100: #DFECE0;--color-emerald-200: #C1D9C5;--color-emerald-300: #98BDA0;--color-emerald-400: #71A07D;--color-emerald-500: #4A7F59;--color-emerald-600: #376445;--color-emerald-700: #2C5038;--color-emerald-800: #25402F;--color-emerald-900: #1F3527;--color-emerald-950: #111D15}._input-style_1in9x_333{font-family:Urbanist,sans-serif;border:1px solid var(--color-blue-grey-300);box-shadow:0 4px 5px #0000000a;color:var(--btn-primary-color);position:relative}._input-style-ghost_1in9x_341{border-bottom:1px solid var(--color-blue-grey-300);border-width:0 0 1px 0;border-radius:0!important}._input-style-disabled_1in9x_346{background-color:var(--color-light-100);border-color:var(--color-blue-grey-300);pointer-events:none;color:var(--color-blue-grey-300)}._input-style-disabled_1in9x_346 input{color:var(--color-blue-grey-300)}._input-style-focused_1in9x_355{border-color:var(--dynamic-color);color:var(--dynamic-color);background-color:var(--dynamic-background-color)}._input-style-focused_1in9x_355 ._input-container_1in9x_360 ._floating-input_1in9x_360:not(:placeholder-shown)~._floating-label_1in9x_360{color:var(--color-blue-situaction-900)}._input-style-error_1in9x_363{border-color:#ff4747;color:#ff4747}._input-style-error_1in9x_363 ._input-container_1in9x_360 ._floating-input_1in9x_360:not(:placeholder-shown)~._floating-label_1in9x_360{color:#ff4747}._input-style-error-focused_1in9x_370{background-color:#fff1f1}._input-style-error-disabled_1in9x_373{background-color:#fff1f1;border-color:#ff9d9d;color:#ff9d9d}._input-style-error-disabled_1in9x_373 input{color:#ff9d9d}._input-style-success_1in9x_381{border-color:#33b449;color:#33b449}._input-style-success_1in9x_381 ._input-container_1in9x_360 ._floating-input_1in9x_360:not(:placeholder-shown)~._floating-label_1in9x_360{color:#33b449}._input-style-success-focused_1in9x_388{background-color:#f1fcf3}._input-style-success-disabled_1in9x_391{background-color:#f1fcf3;border-color:#91e49e;color:#91e49e}._input-style-success-disabled_1in9x_391 input{color:#91e49e}._input-style_1in9x_333 ._input-container_1in9x_360{position:relative;width:100%}._input-style_1in9x_333 ._floating-label_1in9x_360{position:absolute;left:0;top:50%;transform:translateY(-50%);pointer-events:none;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all;width:auto;z-index:1;line-height:14px}._input-style_1in9x_333 ._floating-label-size-xl_1in9x_416{font-size:1em}._input-style_1in9x_333 ._floating-label-size-l_1in9x_419,._input-style_1in9x_333 ._floating-label-size-m_1in9x_422{font-size:.875em}._input-style_1in9x_333 ._floating-label-size-s_1in9x_425{font-size:.75em}._input-style_1in9x_333 ._floating-input_1in9x_360{display:block;width:100%;box-sizing:border-box}._input-style_1in9x_333 ._floating-input-size-xl_1in9x_434{font-size:1.125em;line-height:28px}._input-style_1in9x_333 ._floating-input-size-l_1in9x_438{font-size:1em;line-height:24px}._input-style_1in9x_333 ._floating-input-size-m_1in9x_442{font-size:.875em;line-height:22px}._input-style_1in9x_333 ._floating-input-size-s_1in9x_446{font-size:.875em;line-height:20px}._input-style_1in9x_333 ._floating-input_1in9x_360:not(:placeholder-shown)~._floating-label_1in9x_360{top:-10px;font-size:14px}._input-style_1in9x_333 ._floating-input_1in9x_360:not(:placeholder-shown)~._floating-label_1in9x_360._floating-label-size-xl_1in9x_416{top:-19px}._input-style_1in9x_333 ._floating-input_1in9x_360:not(:placeholder-shown)~._floating-label_1in9x_360._floating-label-size-l_1in9x_419{top:-16px}._input-style_1in9x_333 ._floating-input_1in9x_360:not(:placeholder-shown)~._floating-label_1in9x_360._floating-label-size-m_1in9x_422{top:-12px}._input-style_1in9x_333 ._floating-input_1in9x_360:not(:placeholder-shown)~._floating-label_1in9x_360._floating-label-size-s_1in9x_425{top:-11px}._input-style_1in9x_333 ._hideBorder_1in9x_466{position:absolute;top:-1px;left:0;width:100%;height:1px;background-color:#535bf2;z-index:0;transition:background-color .2s ease}._input-style_1in9x_333 ._hideBorder-error_1in9x_476{background-color:#fff1f1}._input-style_1in9x_333 ._hideBorder-success_1in9x_479{background-color:#f1fcf3}._input-style-size-xl_1in9x_482{padding:16px;font-size:1.125em;line-height:28px;border-radius:8px}._input-style-size-l_1in9x_488{padding:12px;font-size:1em;line-height:24px;border-radius:8px}._input-style-size-m_1in9x_494{padding:8px;font-size:.875em;line-height:22px;border-radius:8px}._input-style-size-s_1in9x_500{padding:6px;font-size:.875em;line-height:20px;border-radius:4px}input{color:var(--color-blue-situaction-900)}

package/dist/styles/Tag.css

@@ -0,0 +1 @@
+._tag_1rbf7_6{color:var(--dynamic-color-text);background-color:var(--dynamic-background);border-radius:50px;line-height:normal;gap:.25rem;font-weight:600;letter-spacing:.84px}._tag-children_1rbf7_16{background-color:var(--dynamic-color-text);color:var(--dynamic-background);border-radius:50px;min-width:16px;min-height:16px;aspect-ratio:1/1}._tag-size-xl_1rbf7_24{padding:.5rem .75rem;font-size:1.125em}._tag-size-l_1rbf7_28{padding:.375rem .625rem;font-size:1em}._tag-size-m_1rbf7_32{padding:.25rem .5rem;font-size:.875em}._tag-size-s_1rbf7_36{padding:.125rem .375rem;font-size:.75em}

package/dist/styles/index.css

@@ -1 +1 @@
-html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{overflow-x:hidden}body{line-height:1;width:100vw;height:100vh}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{border:none;padding:0;cursor:pointer}input{font-family:Urbanist,sans-serif;border:none;background-color:transparent}input:focus{outline:none;box-shadow:none;border-color:transparent}@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}.fontUrbanist{font-family:Urbanist,sans-serif}.backColorPrimary{background-color:var(--color-blue-situaction-900)}.padding-s{padding:12px}.flexHorizontal{display:flex;justify-content:flex-start;align-items:center;flex-direction:row}.flexHorizontalCenter{display:flex;justify-content:center;align-items:center;flex-direction:row}.flexVertical{display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.flexVerticalCenter{display:flex;justify-content:center;align-items:center;flex-direction:row}.gap4{gap:4px}
+html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{overflow-x:hidden}body{line-height:1;width:100vw;height:100vh}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{border:none;padding:0;cursor:pointer}input{font-family:Urbanist,sans-serif;border:none;background-color:transparent}input:focus{outline:none;box-shadow:none;border-color:transparent}@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}.fontUrbanist{font-family:Urbanist,sans-serif}.textColorPrimary{color:var(--color-blue-situaction-900)}.backColorPrimary{background-color:var(--color-blue-situaction-900)}.padding-s{padding:12px}.flexHorizontal{display:flex;justify-content:flex-start;align-items:center;flex-direction:row}.flexHorizontalCenter{display:flex;justify-content:center;align-items:center;flex-direction:row}.flexVertical{display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.flexVerticalCenter{display:flex;justify-content:center;align-items:center;flex-direction:row}.gap4{gap:4px}

package/dist/styles/main.css

@@ -1 +1 @@
-html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{overflow-x:hidden}body{line-height:1;width:100vw;height:100vh}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{border:none;padding:0;cursor:pointer}input{font-family:Urbanist,sans-serif;border:none;background-color:transparent}input:focus{outline:none;box-shadow:none;border-color:transparent}:root{--color-light-10: rgba(255, 255, 255, .1);--color-light-20: rgba(255, 255, 255, .2);--color-light-30: rgba(255, 255, 255, .3);--color-light-40: rgba(255, 255, 255, .4);--color-light-50: rgba(255, 255, 255, .5);--color-light-60: rgba(255, 255, 255, .6);--color-light-70: rgba(255, 255, 255, .7);--color-light-80: rgba(255, 255, 255, .8);--color-light-90: rgba(255, 255, 255, .9);--color-light-100: #FFF;--color-dark-10: rgba(15, 15, 15, .1);--color-dark-20: rgba(15, 15, 15, .2);--color-dark-30: rgba(15, 15, 15, .3);--color-dark-40: rgba(15, 15, 15, .4);--color-dark-50: rgba(15, 15, 15, .5);--color-dark-60: rgba(15, 15, 15, .6);--color-dark-70: rgba(15, 15, 15, .7);--color-dark-80: rgba(15, 15, 15, .8);--color-dark-90: rgba(15, 15, 15, .9);--color-dark-100: #09090B;--color-grey-50: #FAFAFA;--color-grey-100: #E7E7E7;--color-grey-200: #D1D1D1;--color-grey-300: #B0B0B0;--color-grey-400: #888888;--color-grey-500: #6D6D6D;--color-grey-600: #5D5D5D;--color-grey-700: #4F4F4F;--color-grey-800: #454545;--color-grey-900: #3D3D3D;--color-grey-950: #0F0F0F;--color-blue-grey-50: #F4F6F7;--color-blue-grey-100: #E3E8EA;--color-blue-grey-200: #CAD3D7;--color-blue-grey-300: #A5B4BB;--color-blue-grey-400: #788D98;--color-blue-grey-500: #55626C;--color-blue-grey-600: #49565F;--color-blue-grey-700: #445058;--color-blue-grey-800: #3A4047;--color-blue-grey-900: #2B3137;--color-blue-grey-950: #24292E;--color-blue-50: #F5F8FE;--color-blue-100: #EFF4FD;--color-blue-200: #EAF0FC;--color-blue-300: #E0E9FA;--color-blue-400: #D5E1F8;--color-blue-500: #CBDAF7;--color-blue-600: #C0D2F5;--color-blue-700: #B6CBF4;--color-blue-800: #ABC3F1;--color-blue-900: #A1BCF0;--color-blue-950: #24292E;--color-blue-situaction-50: #EFF8FF;--color-blue-situaction-100: #DFF1FF;--color-blue-situaction-200: #C3E9FD;--color-blue-situaction-300: #7ED3FB;--color-blue-situaction-400: #31B7FF;--color-blue-situaction-500: #069DEF;--color-blue-situaction-600: #007DCE;--color-blue-situaction-700: #02548A;--color-blue-situaction-800: #1F416D;--color-blue-situaction-900: #1D3557;--color-blue-situaction-950: #14243D;--color-purple-50: #F1F2FC;--color-purple-100: #E6E7F9;--color-purple-200: #D1D3F4;--color-purple-300: #B5B6EC;--color-purple-400: #9A96E3;--color-purple-500: #887DD7;--color-purple-600: #6E59C5;--color-purple-700: #6652B0;--color-purple-800: #53458E;--color-purple-900: #463D72;--color-purple-950: #2A2442;--color-pink-50: #FBF4F8;--color-pink-100: #F8EBF3;--color-pink-200: #F2D8E9;--color-pink-300: #E9B8D6;--color-pink-400: #DB8BBB;--color-pink-500: #CC68A0;--color-pink-600: #B84A83;--color-pink-700: #9D3869;--color-pink-800: #833158;--color-pink-900: #6E2D4C;--color-pink-950: #42152A;--color-gold-50: #FDFAE9;--color-gold-100: #FAF0B9;--color-gold-200: #F8E490;--color-gold-300: #F4CF50;--color-gold-400: #EEB721;--color-gold-500: #DE9F14;--color-gold-600: #C07A0E;--color-gold-700: #99570F;--color-gold-800: #7F4614;--color-gold-900: #6C3917;--color-gold-950: #3F1C09;--color-brown-50: #FDF9ED;--color-brown-100: #F6E4B6;--color-brown-200: #F2D897;--color-brown-300: #ECBD5F;--color-brown-400: #E6A637;--color-brown-500: #DF8620;--color-brown-600: #C7681A;--color-brown-700: #A44919;--color-brown-800: #853A19;--color-brown-900: #6C3019;--color-brown-950: #3E1709;--color-emerald-50: #F2F7F3;--color-emerald-100: #DFECE0;--color-emerald-200: #C1D9C5;--color-emerald-300: #98BDA0;--color-emerald-400: #71A07D;--color-emerald-500: #4A7F59;--color-emerald-600: #376445;--color-emerald-700: #2C5038;--color-emerald-800: #25402F;--color-emerald-900: #1F3527;--color-emerald-950: #111D15}:root,[data-theme=light]{--btn-primary-color: var(--primary-color-900);--btn-primary-color-hover: var(--primary-color-800);--btn-primary-color-activated: var(--primary-color-700);--btn-primary-color-disabled: var(--primary-color-50);--btn-primary-color-text: var(--color-light-100);--btn-secondary-color: var(--color-blue-50);--btn-secondary-color-hover: var(--color-blue-800);--btn-secondary-color-activated: var(--color-blue-400);--btn-secondary-color-disabled: var(--color-blue-grey-50);--btn-secondary-color-border-disabled: var(--color-grey-200);--btn-secondary-color-text: var(--color-blue-situaction-900);--btn-secondary-color-border: var(--color-blue-800);--btn-tertiary-color: var(--color-light-100);--btn-tertiary-color-hover: var(--color-grey-50);--btn-tertiary-color-activated: var(--color-grey-100);--btn-tertiary-color-disabled: var(--color-blue-grey-50);--btn-tertiary-color-border-disabled: var(--color-grey-200);--btn-tertiary-color-text: var(--color-grey-950);--btn-tertiary-color-border: var(--color-grey-300);--btn-ghost-color-hover: var(--color-blue-50);--btn-ghost-color-activated: var(--color-blue-100);--btn-ghost-color-text: var(--color-grey-950);--btn-ghost-color-text-disabled: var(--color-grey-200)}[data-theme=dark]{--btn-primary-color: var(--primary-color-200);--btn-primary-color-hover: var(--primary-color-100);--btn-primary-color-activated: var(--primary-color-50);--btn-primary-color-disabled: var(--primary-dark-color-disabled);--btn-primary-color-text: var(--primary-color-900);--btn-secondary-color: var(--color-blue-grey-900);--btn-secondary-color-hover: var(--color-blue-grey-800);--btn-secondary-color-activated: var(--color-blue-grey-700);--btn-secondary-color-disabled: var(--color-blue-grey-800);--btn-secondary-color-border-disabled: var(--color-blue-grey-500);--btn-secondary-color-text: var(--color-light-100);--btn-secondary-color-border: var(--color-blue-grey-500);--btn-tertiary-color: var(--color-light-100);--btn-tertiary-color-hover: var(--color-blue-grey-900);--btn-tertiary-color-activated: var(--color-blue-grey-800);--btn-tertiary-color-disabled: var(--color-blue-grey-800);--btn-tertiary-color-border-disabled: var(--color-blue-grey-500);--btn-tertiary-color-text: var(--color-light-100);--btn-tertiary-color-border: var(--color-blue-grey-700);--btn-ghost-color-hover: var(--color-blue-grey-900);--btn-ghost-color-activated: var(--color-blue-grey-800);--btn-ghost-color-text: var(--color-light-100);--btn-ghost-color-text-disabled: var(--color-grey-400)}
+html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{overflow-x:hidden}body{line-height:1;width:100vw;height:100vh}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{border:none;padding:0;cursor:pointer}input{font-family:Urbanist,sans-serif;border:none;background-color:transparent}input:focus{outline:none;box-shadow:none;border-color:transparent}:root{--color-light-05: rgba(255, 255, 255, .05);--color-light-10: rgba(255, 255, 255, .1);--color-light-20: rgba(255, 255, 255, .2);--color-light-30: rgba(255, 255, 255, .3);--color-light-40: rgba(255, 255, 255, .4);--color-light-50: rgba(255, 255, 255, .5);--color-light-60: rgba(255, 255, 255, .6);--color-light-70: rgba(255, 255, 255, .7);--color-light-80: rgba(255, 255, 255, .8);--color-light-90: rgba(255, 255, 255, .9);--color-light-100: #FFF;--color-dark-05: rgba(15, 15, 15, .05);--color-dark-10: rgba(15, 15, 15, .1);--color-dark-20: rgba(15, 15, 15, .2);--color-dark-30: rgba(15, 15, 15, .3);--color-dark-40: rgba(15, 15, 15, .4);--color-dark-50: rgba(15, 15, 15, .5);--color-dark-60: rgba(15, 15, 15, .6);--color-dark-70: rgba(15, 15, 15, .7);--color-dark-80: rgba(15, 15, 15, .8);--color-dark-90: rgba(15, 15, 15, .9);--color-dark-100: #09090B;--color-grey-50: #FAFAFA;--color-grey-100: #E7E7E7;--color-grey-200: #D1D1D1;--color-grey-300: #B0B0B0;--color-grey-400: #888888;--color-grey-500: #6D6D6D;--color-grey-600: #5D5D5D;--color-grey-700: #4F4F4F;--color-grey-800: #454545;--color-grey-900: #3D3D3D;--color-grey-950: #0F0F0F;--color-blue-grey-50: #F4F6F7;--color-blue-grey-100: #E3E8EA;--color-blue-grey-200: #CAD3D7;--color-blue-grey-300: #A5B4BB;--color-blue-grey-400: #788D98;--color-blue-grey-500: #55626C;--color-blue-grey-600: #49565F;--color-blue-grey-700: #445058;--color-blue-grey-800: #3A4047;--color-blue-grey-900: #2B3137;--color-blue-grey-950: #24292E;--color-blue-50: #F5F8FE;--color-blue-100: #EFF4FD;--color-blue-200: #EAF0FC;--color-blue-300: #E0E9FA;--color-blue-400: #D5E1F8;--color-blue-500: #CBDAF7;--color-blue-600: #C0D2F5;--color-blue-700: #B6CBF4;--color-blue-800: #ABC3F1;--color-blue-900: #A1BCF0;--color-blue-950: #24292E;--color-blue-situaction-50: #EFF8FF;--color-blue-situaction-100: #DFF1FF;--color-blue-situaction-200: #C3E9FD;--color-blue-situaction-300: #7ED3FB;--color-blue-situaction-400: #31B7FF;--color-blue-situaction-500: #069DEF;--color-blue-situaction-600: #007DCE;--color-blue-situaction-700: #02548A;--color-blue-situaction-800: #1F416D;--color-blue-situaction-900: #1D3557;--color-blue-situaction-950: #14243D;--color-purple-50: #F1F2FC;--color-purple-100: #E6E7F9;--color-purple-200: #D1D3F4;--color-purple-300: #B5B6EC;--color-purple-400: #9A96E3;--color-purple-500: #887DD7;--color-purple-600: #6E59C5;--color-purple-700: #6652B0;--color-purple-800: #53458E;--color-purple-900: #463D72;--color-purple-950: #2A2442;--color-pink-50: #FBF4F8;--color-pink-100: #F8EBF3;--color-pink-200: #F2D8E9;--color-pink-300: #E9B8D6;--color-pink-400: #DB8BBB;--color-pink-500: #CC68A0;--color-pink-600: #B84A83;--color-pink-700: #9D3869;--color-pink-800: #833158;--color-pink-900: #6E2D4C;--color-pink-950: #42152A;--color-gold-50: #FDFAE9;--color-gold-100: #FAF0B9;--color-gold-200: #F8E490;--color-gold-300: #F4CF50;--color-gold-400: #EEB721;--color-gold-500: #DE9F14;--color-gold-600: #C07A0E;--color-gold-700: #99570F;--color-gold-800: #7F4614;--color-gold-900: #6C3917;--color-gold-950: #3F1C09;--color-brown-50: #FDF9ED;--color-brown-100: #F6E4B6;--color-brown-200: #F2D897;--color-brown-300: #ECBD5F;--color-brown-400: #E6A637;--color-brown-500: #DF8620;--color-brown-600: #C7681A;--color-brown-700: #A44919;--color-brown-800: #853A19;--color-brown-900: #6C3019;--color-brown-950: #3E1709;--color-emerald-50: #F2F7F3;--color-emerald-100: #DFECE0;--color-emerald-200: #C1D9C5;--color-emerald-300: #98BDA0;--color-emerald-400: #71A07D;--color-emerald-500: #4A7F59;--color-emerald-600: #376445;--color-emerald-700: #2C5038;--color-emerald-800: #25402F;--color-emerald-900: #1F3527;--color-emerald-950: #111D15}:root,[data-theme=light]{--btn-primary-color: var(--primary-color-900);--btn-primary-color-hover: var(--primary-color-800);--btn-primary-color-activated: var(--primary-color-700);--btn-primary-color-disabled: var(--primary-color-50);--btn-primary-color-text: var(--color-light-100);--btn-secondary-color: rgba(150, 180, 238, .1);--btn-secondary-color-hover: rgba(150, 180, 238, .2);--btn-secondary-color-activated: rgba(150, 180, 238, .3);--btn-secondary-color-disabled: var(--color-dark-05);--btn-secondary-color-border-disabled: var(--color-dark-20);--btn-secondary-color-text: var(--color-blue-situaction-900);--btn-secondary-color-border: rgba(150, 180, 238, .5);--btn-tertiary-color: var(--color-light-100);--btn-tertiary-color-hover: var(--color-dark-05);--btn-tertiary-color-activated: var(--color-dark-10);--btn-tertiary-color-disabled: var(--color-dark-05);--btn-tertiary-color-border-disabled: var(--color-dark-20);--btn-tertiary-color-text: var(--color-grey-950);--btn-tertiary-color-border: var(--color-dark-20);--btn-ghost-color-hover: var(--color-dark-05);--btn-ghost-color-activated: var(--color-dark-10);--btn-ghost-color-text: var(--color-grey-950);--btn-ghost-color-text-disabled: var(--color-dark-40)}[data-theme=dark]{--btn-primary-color: var(--primary-color-200);--btn-primary-color-hover: var(--primary-color-100);--btn-primary-color-activated: var(--primary-color-50);--btn-primary-color-disabled: var(--primary-dark-color-disabled);--btn-primary-color-text: var(--primary-color-900);--btn-secondary-color: rgba(150, 180, 238, .1);--btn-secondary-color-hover: rgba(150, 180, 238, .2);--btn-secondary-color-activated: rgba(150, 180, 238, .3);--btn-secondary-color-disabled: var(--color-dark-05);--btn-secondary-color-border-disabled: var(--color-light-20);--btn-secondary-color-text: var(--color-light-100);--btn-secondary-color-border: rgba(150, 180, 238, .5);--btn-tertiary-color: var(--color-light-100);--btn-tertiary-color-hover: var(---color-light-05);--btn-tertiary-color-activated: var(--color-light-10);--btn-tertiary-color-disabled: var(--color-light-05);--btn-tertiary-color-border-disabled: var(--color-light-40);--btn-tertiary-color-text: var(--color-light-100);--btn-tertiary-color-border: var(--color-light-20);--btn-ghost-color-hover: var(--color-light-05);--btn-ghost-color-activated: var(--color-light-10);--btn-ghost-color-text: var(--color-light-100);--btn-ghost-color-text-disabled: var(--color-light-40)}

package/package.json

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