@loadsmart/loadsmart-ui 7.3.3 → 7.5.0

package/dist/miranda-compatibility.theme-ClCWbTIT.mjs

@@ -0,0 +1,2525 @@
+import { toCSSValue as t } from "@loadsmart/miranda-tokens";
+import $ from "lodash/get.js";
+var E = {}, S = {}, j;
+function zr() {
+  if (j) return S;
+  j = 1;
+  var u = S && S.__spreadArrays || function() {
+    for (var s = 0, m = 0, h = arguments.length; m < h; m++)
+      s += arguments[m].length;
+    for (var F = Array(s), Z = 0, m = 0; m < h; m++)
+      for (var U = arguments[m], C = 0, vr = U.length; C < vr; C++, Z++)
+        F[Z] = U[C];
+    return F;
+  };
+  Object.defineProperty(S, "__esModule", { value: !0 });
+  function b(s) {
+    return function() {
+      for (var h = [], F = 0; F < arguments.length; F++)
+        h[F] = arguments[F];
+      return h.length >= s.length ? s.apply(void 0, h) : b(
+        s.bind.apply(s, u([null], h))
+      );
+    };
+  }
+  return S.default = b, S;
+}
+var I = {}, V;
+function $r() {
+  if (V) return I;
+  V = 1, Object.defineProperty(I, "__esModule", { value: !0 });
+  function u(b) {
+    return b;
+  }
+  return I.default = u, I;
+}
+var A = {}, J;
+function Fr() {
+  if (J) return A;
+  J = 1, Object.defineProperty(A, "__esModule", { value: !0 });
+  function u(b) {
+    var s = typeof b;
+    return b != null && s == "function";
+  }
+  return A.default = u, A;
+}
+var K;
+function Er() {
+  if (K) return E;
+  K = 1, Object.defineProperty(E, "__esModule", { value: !0 }), E.isFunction = E.identity = E.enablePartialApplication = void 0;
+  var u = zr();
+  E.enablePartialApplication = u.default;
+  var b = $r();
+  E.identity = b.default;
+  var s = Fr();
+  return E.isFunction = s.default, E;
+}
+var Nr = Er();
+function O(u) {
+  return function(s, m) {
+    const h = $(u, `color-${s}`);
+    if (m == null)
+      return h;
+    const F = (m * 255).toString(16);
+    return `${h}${F}`;
+  };
+}
+function T(u) {
+  return function(s) {
+    return $(u, `space-${s}`);
+  };
+}
+function R(u) {
+  return function(s) {
+    return $(u, `shadow-${s}`);
+  };
+}
+function D({
+  families: u,
+  sizes: b,
+  weights: s,
+  heights: m
+}) {
+  return {
+    family(h) {
+      return $(u, `font-family-${h}`);
+    },
+    size(h) {
+      return $(b, `font-size-${h}`);
+    },
+    weight(h) {
+      return $(s, `font-weight-${h}`);
+    },
+    height(h) {
+      return $(m, `font-height-${h}`);
+    }
+  };
+}
+function H({
+  radiuses: u,
+  widths: b
+}) {
+  return {
+    radius(s) {
+      return $(u, `border-radius-${s}`);
+    },
+    width(s) {
+      return $(b, `border-width-${s}`);
+    }
+  };
+}
+function N(u) {
+  return function(s) {
+    return $(u, `height-${s}`);
+  };
+}
+const Sr = 16;
+function e(u, b = Sr) {
+  return `${parseInt(String(u), 10) / b}rem`;
+}
+const G = {
+  "color-primary": "#56748E",
+  "color-accent": "#0B6FB6",
+  "color-neutral-darkest": "#0A0A0B",
+  "color-neutral-darker": "#313336",
+  "color-neutral-dark": "#575C61",
+  "color-neutral": "#929AA1",
+  "color-neutral-light": "#CACCCF",
+  "color-neutral-lighter": "#E9EBEC",
+  "color-neutral-lightest": "#FCFCFC",
+  "color-neutral-white": "#FFFFFF",
+  "color-success-dark": "#267E4A",
+  "color-success": "#48C881",
+  "color-success-light": "#C0ECD3",
+  "color-transparent": "transparent",
+  "color-warning-dark": "#955800",
+  "color-warning": "#FFCE4F",
+  "color-warning-light": "#FFF5D6",
+  "color-danger-dark": "#8F002B",
+  "color-danger": "#E80045",
+  "color-danger-light": "#FFD6E2"
+}, Q = {
+  "opacity-0": 0,
+  "opacity-20": 0.2,
+  "opacity-40": 0.4,
+  "opacity-60": 0.6,
+  "opacity-100": 1
+}, B = {
+  "space-none": 0,
+  "space-2xs": e("2px"),
+  "space-xs": e("4px"),
+  "space-s": e("8px"),
+  "space-m": e("16px"),
+  "space-l": e("24px"),
+  "space-xl": e("32px"),
+  "space-2xl": e("40px"),
+  "space-3xl": e("48px")
+}, P = {
+  "font-family-default": "Manrope, sans-serif",
+  "font-family-monospace": "Roboto Mono, monospace"
+}, M = {
+  "font-size-6": e("10px"),
+  "font-size-5": e("12px"),
+  "font-size-4": e("14px"),
+  "font-size-3": e("16px"),
+  "font-size-2": e("20px"),
+  "font-size-1": e("26px")
+}, q = {
+  "font-weight-regular": 400,
+  "font-weight-medium": 500,
+  "font-weight-bold": 800
+}, L = {
+  "font-height-1": "100%",
+  "font-height-2": "125%",
+  "font-height-3": "140%"
+}, Y = {
+  "shadow-none": "none",
+  "shadow-modal": "0px 2px 6px 0px rgba(10, 10, 11, 0.4)",
+  "shadow-droplist": "0px 2px 3px 0px rgba(10, 10, 11, 0.4)",
+  "shadow-glow-primary": "0px 0px 4px 0px rgba(11, 111, 182, 1.0)",
+  "shadow-glow-warning": "0px 0px 4px 0px rgba(255, 206, 79, 1.0)"
+}, W = {
+  "border-radius-none": 0,
+  "border-radius-s": e("4px"),
+  "border-radius-m": e("8px"),
+  "border-radius-l": e("16px"),
+  "border-radius-circle": "50%"
+}, X = {
+  "border-width-none": 0,
+  "border-width-thin": "1px",
+  "border-width-medium": "2px",
+  "border-width-bold": "4px"
+}, rr = {
+  "z-index-none": 0,
+  "z-index-default": 1,
+  "z-index-droplist": 10,
+  "z-index-tooltip": 15,
+  "z-index-overlay": 20,
+  "z-index-modal": 30
+}, Ir = {
+  left: "left",
+  center: "center",
+  right: "right"
+}, or = {
+  "height-small": e("24px"),
+  "height-default": e("36px"),
+  "height-large": e("48px")
+}, r = O(G), p = R(Y), i = T(B), n = D({
+  families: P,
+  heights: L,
+  sizes: M,
+  weights: q
+}), x = H({
+  radiuses: W,
+  widths: X
+}), v = N(or), Ar = {
+  ...W,
+  ...X,
+  ...G,
+  ...P,
+  ...L,
+  ...M,
+  ...q,
+  ...Q,
+  ...Y,
+  ...B,
+  ...rr,
+  ...Ir,
+  ...or,
+  // button
+  "button-border-radius": x.radius("s"),
+  "button-border-width": x.width("thin"),
+  "button-font-weight": n.weight("bold"),
+  "button-font-height": n.height("1"),
+  "button-small-font-size": n.size("5"),
+  "button-small-height": v("small"),
+  "button-small-padding-x": i("s"),
+  "button-small-padding-y": e("6px"),
+  "button-font-size": n.size("3"),
+  "button-height": v("default"),
+  "button-width": "auto",
+  "button-padding-y": e("10px"),
+  "button-padding-x": i("m"),
+  "button-spacing-x": i("s"),
+  "button-large-font-size": n.size("3"),
+  "button-large-height": v("large"),
+  "button-large-padding-x": i("m"),
+  "button-large-padding-y": e("14px"),
+  "button-outline-offset": "0",
+  // button primary
+  "button-primary-background": r("primary"),
+  "button-primary-background--hover": r("accent"),
+  "button-primary-background--focus": r("primary"),
+  "button-primary-background--active": r("accent", 0.6),
+  "button-primary-background--disabled": r("primary"),
+  "button-primary-border-color": r("primary"),
+  "button-primary-border-color--hover": r("accent"),
+  "button-primary-border-color--focus": r("accent"),
+  "button-primary-border-color--active": r("accent", 0.6),
+  "button-primary-border-color--disabled": r("primary"),
+  "button-primary-color": r("neutral-white"),
+  "button-primary-color--hover": r("neutral-white"),
+  "button-primary-color--focus": r("neutral-white"),
+  "button-primary-color--active": r("neutral-white"),
+  "button-primary-color--disabled": r("neutral-white"),
+  "button-primary-outline": "none",
+  "button-primary-box-shadow": p("glow-primary"),
+  // button secondary
+  "button-secondary-background": r("transparent"),
+  "button-secondary-background--hover": r("neutral", 0.2),
+  "button-secondary-background--focus": r("neutral", 0.2),
+  "button-secondary-background--active": r("transparent"),
+  "button-secondary-background--disabled": r("transparent"),
+  "button-secondary-border-color": r("primary"),
+  "button-secondary-border-color--hover": r("accent"),
+  "button-secondary-border-color--focus": r("accent"),
+  "button-secondary-border-color--active": r("accent", 0.6),
+  "button-secondary-border-color--disabled": r("primary"),
+  "button-secondary-color": r("primary"),
+  "button-secondary-color--hover": r("accent"),
+  "button-secondary-color--focus": r("primary"),
+  "button-secondary-color--active": r("accent", 0.6),
+  "button-secondary-color--disabled": r("primary"),
+  "button-secondary-outline": "none",
+  "button-secondary-box-shadow": p("glow-primary"),
+  // button secondary dark
+  "button-secondary-dark-background": r("transparent"),
+  "button-secondary-dark-background--hover": r("neutral", 0.2),
+  "button-secondary-dark-background--focus": r("transparent"),
+  "button-secondary-dark-background--active": r("neutral", 0.4),
+  "button-secondary-dark-background--disabled": r("transparent"),
+  "button-secondary-dark-border-color": r("neutral-light"),
+  "button-secondary-dark-border-color--hover": r("accent"),
+  "button-secondary-dark-border-color--focus": r("neutral-light"),
+  "button-secondary-dark-border-color--active": r("accent", 0.6),
+  "button-secondary-dark-border-color--disabled": r("neutral-light"),
+  "button-secondary-dark-color": r("neutral-light"),
+  "button-secondary-dark-color--hover": r("accent"),
+  "button-secondary-dark-color--focus": r("neutral-light"),
+  "button-secondary-dark-color--active": r("accent", 0.6),
+  "button-secondary-dark-color--disabled": r("neutral-light"),
+  // button tertiary
+  "button-tertiary-background": r("transparent"),
+  "button-tertiary-background--hover": r("neutral", 0.2),
+  "button-tertiary-background--focus": r("neutral", 0.2),
+  "button-tertiary-background--active": r("transparent"),
+  "button-tertiary-background--disabled": r("transparent"),
+  "button-tertiary-border-color": r("transparent"),
+  "button-tertiary-border-color--hover": r("transparent"),
+  "button-tertiary-border-color--focus": r("transparent"),
+  "button-tertiary-border-color--active": r("accent", 0.6),
+  "button-tertiary-border-color--disabled": r("transparent"),
+  "button-tertiary-color": r("neutral-darker"),
+  "button-tertiary-color--hover": r("accent"),
+  "button-tertiary-color--focus": r("primary"),
+  "button-tertiary-color--active": r("accent", 0.6),
+  "button-tertiary-color--disabled": r("neutral-darker"),
+  "button-tertiary-outline": "none",
+  "button-tertiary-box-shadow": "none",
+  // button warning
+  "button-warning-background": r("transparent"),
+  "button-warning-background--hover": r("warning", 0.2),
+  "button-warning-background--focus": r("transparent"),
+  "button-warning-background--active": r("transparent"),
+  "button-warning-background--disabled": r("transparent"),
+  "button-warning-border-color": r("warning-dark"),
+  "button-warning-border-color--hover": r("warning"),
+  "button-warning-border-color--focus": r("warning-dark"),
+  "button-warning-border-color--active": r("warning"),
+  "button-warning-border-color--disabled": r("warning-dark"),
+  "button-warning-color": r("warning-dark"),
+  "button-warning-color--hover": r("warning"),
+  "button-warning-color--focus": r("warning-dark"),
+  "button-warning-color--active": r("warning"),
+  "button-warning-color--disabled": r("warning-dark"),
+  "button-warning-outline": "none",
+  "button-warning-box-shadow": p("glow-warning"),
+  // button icon
+  "button-icon-border-radius": x.radius("circle"),
+  "button-icon-small-width": v("small"),
+  "button-icon-width": v("default"),
+  "button-icon-large-width": v("large"),
+  "button-icon-background": r("neutral-lighter"),
+  "button-icon-background--hover": r("neutral-lighter"),
+  "button-icon-background--focus": r("neutral-lighter"),
+  "button-icon-background--active": r("neutral-light"),
+  "button-icon-background--disabled": r("neutral-lighter"),
+  "button-icon-border-color": r("neutral-lighter"),
+  "button-icon-border-color--hover": r("neutral-lighter"),
+  "button-icon-border-color--focus": r("neutral-lighter"),
+  "button-icon-border-color--active": r("neutral-light"),
+  "button-icon-border-color--disabled": r("neutral-lighter"),
+  "button-icon-color": r("neutral-darkest"),
+  "button-icon-color--hover": r("accent"),
+  "button-icon-color--focus": r("neutral-darkest"),
+  "button-icon-color--active": r("neutral-darkest"),
+  "button-icon-color--disabled": r("neutral-darkest"),
+  "button-icon-box-shadow": p("glow-primary"),
+  "button-icon-outline": "none",
+  // tag
+  "tag-border-radius": e("30px"),
+  "tag-border-width": x.width("thin"),
+  "tag-font-height": n.height("1"),
+  "tag-spacing": `0 ${i("s")}`,
+  "tag-removable-spacing": `0 ${i("xs")} 0 ${i("s")}`,
+  "tag-width": "auto",
+  "tag-box-shadow": p("glow-primary"),
+  "tag-outline-offset": "0",
+  "tag-remove-button-background": r("neutral-white"),
+  "tag-remove-button-border-radius": e("24px"),
+  "tag-icon-spacing": i("xs"),
+  // tag small
+  "tag-small-font-size": n.size("6"),
+  "tag-small-font-weight": n.weight("bold"),
+  "tag-small-height": e("16px"),
+  "tag-small-transform": "uppercase",
+  "tag-small-leading-display": "none",
+  "tag-small-remove-button-size": e("0"),
+  "tag-small-remove-button-icon-size": e("0"),
+  "tag-small-spacing": `0 ${i("s")}`,
+  "tag-small-removable-spacing": `0 ${i("s")}`,
+  // tag medium
+  "tag-font-size": n.size("5"),
+  "tag-font-weight": n.weight("bold"),
+  "tag-height": e("24px"),
+  "tag-transform": "none",
+  "tag-leading-display": "inline-flex",
+  "tag-remove-button-size": e("16px"),
+  "tag-remove-button-icon-size": e("10px"),
+  // tag large
+  "tag-large-font-size": n.size("4"),
+  "tag-large-font-weight": n.weight("bold"),
+  "tag-large-height": e("32px"),
+  "tag-large-transform": "none",
+  "tag-large-leading-display": "inline-flex",
+  "tag-large-remove-button-size": e("24px"),
+  "tag-large-remove-button-icon-size": e("12px"),
+  "tag-large-spacing": `0 ${i("s")}`,
+  // tag default
+  "tag-default-background": r("neutral-light"),
+  "tag-default-background--hover": r("accent", 0.4),
+  "tag-default-background--focus": r("neutral-dark", 0.2),
+  "tag-default-color": r("neutral-darkest"),
+  "tag-default-color--hover": r("neutral-darkest"),
+  "tag-default-color--focus": r("neutral-dark"),
+  "tag-default-border-color": "transparent",
+  "tag-default-border-color--hover": "transparent",
+  "tag-default-border-color--focus": "transparent",
+  "tag-default-outline": "none",
+  // tag outline
+  "tag-outlined-background": r("transparent"),
+  "tag-outlined-background--hover": r("accent", 0.4),
+  "tag-outlined-background--focus": r("neutral-white"),
+  "tag-outlined-color": r("neutral-darkest"),
+  "tag-outlined-color--hover": r("neutral-darkest"),
+  "tag-outlined-color--focus": r("neutral-darker"),
+  "tag-outlined-border-color": r("neutral-darkest"),
+  "tag-outlined-border-color--hover": r("neutral-darkest"),
+  "tag-outlined-border-color--focus": r("neutral-darker"),
+  "tag-outline-outline": "none",
+  // tag accent
+  "tag-accent-background": r("accent", 0.2),
+  "tag-accent-background--hover": r("accent", 0.4),
+  "tag-accent-background--focus": r("accent", 0.2),
+  "tag-accent-color": r("accent"),
+  "tag-accent-color--hover": r("accent"),
+  "tag-accent-color--focus": r("accent"),
+  "tag-accent-border-color": "transparent",
+  "tag-accent-border-color--hover": "transparent",
+  "tag-accent-border-color--focus": "transparent",
+  "tag-accent-outline": "none",
+  // tag success
+  "tag-success-background": r("success-light"),
+  "tag-success-background--hover": r("success-light"),
+  "tag-success-background--focus": r("success-light"),
+  "tag-success-color": r("success-dark"),
+  "tag-success-color--hover": r("success-dark"),
+  "tag-success-color--focus": r("success-dark"),
+  "tag-success-border-color": r("success-light"),
+  "tag-success-border-color--hover": r("success-light"),
+  "tag-success-border-color--focus": r("success-light"),
+  "tag-success-outline": "none",
+  // tag warning
+  "tag-warning-background": r("warning-light"),
+  "tag-warning-background--hover": r("warning-light"),
+  "tag-warning-background--focus": r("warning-light"),
+  "tag-warning-color": r("warning-dark"),
+  "tag-warning-color--hover": r("warning-dark"),
+  "tag-warning-color--focus": r("warning-dark"),
+  "tag-warning-border-color": r("warning-light"),
+  "tag-warning-border-color--hover": r("warning-light"),
+  "tag-warning-border-color--focus": r("warning-light"),
+  "tag-warning-outline": "none",
+  // tag danger
+  "tag-danger-background": r("danger-light"),
+  "tag-danger-background--hover": r("danger-light"),
+  "tag-danger-background--focus": r("danger-light"),
+  "tag-danger-color": r("danger-dark"),
+  "tag-danger-color--hover": r("danger-dark"),
+  "tag-danger-color--focus": r("danger-dark"),
+  "tag-danger-border-color": r("danger-light"),
+  "tag-danger-border-color--hover": r("danger-light"),
+  "tag-danger-border-color--focus": r("danger-light"),
+  "tag-danger-outline": "none",
+  // checkbox
+  "checkbox-color": r("neutral-darker"),
+  "checkbox-font-weight": n.weight("medium"),
+  "checkbox-font-size": n.size("4"),
+  "checkbox-selector-border-radius": x.radius("s"),
+  "checkbox-selector-size": e("16px"),
+  "checkbox-selector-box-shadow": p("glow-primary"),
+  "checkbox-selector-outline": "none",
+  "checkbox-selector-outline-offset": "0",
+  "checkbox-small-font-size": n.size("5"),
+  "checkbox-selector-icon-color": r("neutral-white"),
+  "checkbox-selector-background": r("neutral-white"),
+  "checkbox-selector-background--hover": r("neutral-white"),
+  "checkbox-selector-background--focus": r("neutral-white"),
+  "checkbox-selector-background--disabled": r("neutral-light"),
+  "checkbox-selector-checked-background": r("primary"),
+  "checkbox-selector-checked-background--hover": r("accent"),
+  "checkbox-selector-checked-background--focus": r("primary"),
+  "checkbox-selector-checked-background--disabled": r("neutral-dark"),
+  "checkbox-selector-border-color": r("neutral-darker"),
+  "checkbox-selector-border-color--hover": r("accent"),
+  "checkbox-selector-border-color--focus": r("accent"),
+  "checkbox-selector-border-color--disabled": r("neutral-darker"),
+  "checkbox-selector-checked-border-color": r("primary"),
+  "checkbox-selector-checked-border-color--hover": r("accent"),
+  "checkbox-selector-checked-border-color--focus": r("accent"),
+  "checkbox-selector-checked-border-color--disabled": r("neutral-darkest"),
+  // checkbox dark
+  "checkbox-dark-color": r("neutral-lighter"),
+  "checkbox-dark-selector-background": r("neutral-darker"),
+  "checkbox-dark-selector-background--hover": r("neutral-darker"),
+  "checkbox-dark-selector-background--focus": r("neutral-darker"),
+  "checkbox-dark-selector-background--disabled": r("neutral-neutral"),
+  "checkbox-dark-selector-border-color": r("neutral-lighter"),
+  "checkbox-dark-selector-border-color--hover": r("accent"),
+  "checkbox-dark-selector-border-color--focus": r("accent"),
+  "checkbox-dark-selector-border-color--disabled": r("neutral-lighter"),
+  // radio
+  "radio-color": r("accent"),
+  "radio-font-weight": n.weight("medium"),
+  "radio-font-size": n.size("4"),
+  "radio-selector-border-radius": x.radius("circle"),
+  "radio-selector-size": e("24px"),
+  "radio-selector-box-shadow": p("glow-primary"),
+  "radio-small-font-size": n.size("5"),
+  "radio-small-selector-size": e("16px"),
+  "radio-selector-background": r("neutral-white"),
+  "radio-selector-background--hover": r("neutral-white"),
+  "radio-selector-background--focus": r("neutral-white"),
+  "radio-selector-background--disabled": r("neutral-light"),
+  "radio-selector-border-color": r("neutral-darker"),
+  "radio-selector-border-color--hover": r("accent"),
+  "radio-selector-border-color--focus": r("accent"),
+  "radio-selector-border-color--disabled": r("neutral-darker"),
+  "radio-selector-border-color--checked": r("accent"),
+  // radio dark
+  "radio-dark-color": r("neutral-lighter"),
+  "radio-dark-selector-background": r("neutral-darker"),
+  "radio-dark-selector-background--hover": r("neutral-darker"),
+  "radio-dark-selector-background--focus": r("neutral-darker"),
+  "radio-dark-selector-background--disabled": r("neutral-neutral"),
+  "radio-dark-selector-border-color": r("neutral-lighter"),
+  "radio-dark-selector-border-color--hover": r("accent"),
+  "radio-dark-selector-border-color--focus": r("accent"),
+  "radio-dark-selector-border-color--disabled": r("neutral-lighter"),
+  // tooltip
+  "tooltip-arrow-height": e("12px"),
+  "tooltip-arrow-width": e("20px"),
+  "tooltip-background": r("neutral-darker"),
+  "tooltip-border-radius": e("8px"),
+  "tooltip-color": r("neutral-white"),
+  "tooltip-dark-outline": r("neutral", 0.4),
+  "tooltip-font-size": n.size("4"),
+  "tooltip-font-height": n.height("3"),
+  "tooltip-max-width": e("240px"),
+  "tooltip-min-width": e("80px"),
+  "tooltip-outline": r("neutral-darkest"),
+  "tooltip-padding-x": i("m"),
+  "tooltip-padding-y": i("s"),
+  "tooltip-margin": i("s"),
+  "tooltip-shadow": p("droplist"),
+  // modal
+  "modal-small-max-width": e("344px"),
+  "modal-max-width": e("484px"),
+  "modal-large-max-width": e("688px"),
+  "modal-overlay-background": r("neutral-darkest", 0.4),
+  // dialog
+  "dialog-header-color": r("neutral-darkest"),
+  "dialog-header-border-color": r("neutral-light"),
+  "dialog-body-font-color": r("color-neutral-darker"),
+  // text-field
+  "text-field-border-radius": x.radius("s"),
+  "text-field-color": r("neutral-darker"),
+  "text-field-font-size": n.size("4"),
+  "text-field-font-weight": n.weight("medium"),
+  "text-field-font-height": n.height("3"),
+  "text-field-height": v("default"),
+  "text-field-padding-x": i("s"),
+  "text-field-padding-y": i("s"),
+  "text-field-box-shadow": p("glow-primary"),
+  "text-field-outline": "none",
+  "text-field-outline-offset": "0",
+  "text-field-small-height": v("small"),
+  "text-field-small-padding-x": i("s"),
+  "text-field-small-padding-y": i("xs"),
+  "text-field-small-font-size": n.size("5"),
+  "text-field-large-height": v("large"),
+  "text-field-large-padding-x": i("s"),
+  "text-field-large-padding-y": e("12px"),
+  "text-field-large-font-size": n.size("4"),
+  "text-field-background": r("neutral-white"),
+  "text-field-background--hover": r("neutral-white"),
+  "text-field-background--focus": r("neutral-white"),
+  "text-field-background--disabled": r("neutral-light"),
+  "text-field-border-color": r("neutral-darker"),
+  "text-field-border-color--hover": r("accent"),
+  "text-field-border-color--focus": r("accent"),
+  "text-field-border-color--disabled": r("neutral-darker"),
+  // text-field dark
+  "text-field-dark-color": r("neutral-lighter"),
+  "text-field-dark-background": r("neutral-darker"),
+  "text-field-dark-border-color": r("neutral-lighter"),
+  "text-field-dark-border-color--hover": r("accent"),
+  "text-field-dark-border-color--focus": r("accent"),
+  "text-field-dark-border-color--disabled": r("neutral-lighter"),
+  "text-field-success-border-color": r("accent"),
+  "text-field-danger-border-color": r("danger"),
+  "text-field-dark-box-shadow": r("neutral", 0.4),
+  // textarea
+  "textarea-border-radius": x.radius("s"),
+  "textarea-color": r("neutral-darker"),
+  "textarea-font-size": n.size("4"),
+  "textarea-font-weight": n.weight("medium"),
+  "textarea-font-height": n.height("3"),
+  "textarea-min-height": e("64px"),
+  "textarea-padding-x": i("s"),
+  "textarea-padding-y": i("s"),
+  "textarea-box-shadow": p("glow-primary"),
+  "textarea-outline": "none",
+  "textarea-outline-offset": "0",
+  "textarea-small-padding-x": i("s"),
+  "textarea-small-padding-y": i("xs"),
+  "textarea-small-font-size": n.size("5"),
+  "textarea-large-height": e("45px"),
+  "textarea-large-padding-x": i("s"),
+  "textarea-large-padding-y": e("12px"),
+  "textarea-large-font-size": n.size("4"),
+  "textarea-background": r("neutral-white"),
+  "textarea-background--hover": r("neutral-white"),
+  "textarea-background--focus": r("neutral-white"),
+  "textarea-background--disabled": r("neutral-light"),
+  "textarea-border-color": r("neutral-darker"),
+  "textarea-border-color--hover": r("accent"),
+  "textarea-border-color--focus": r("accent"),
+  "textarea-border-color--disabled": r("neutral-darker"),
+  // textarea dark
+  "textarea-dark-color": r("neutral-lighter"),
+  "textarea-dark-background": r("neutral-darker"),
+  "textarea-dark-border-color": r("neutral-lighter"),
+  "textarea-dark-border-color--hover": r("accent"),
+  "textarea-dark-border-color--focus": r("accent"),
+  "textarea-dark-border-color--disabled": r("neutral-lighter"),
+  "textarea-success-border-color": r("accent"),
+  "textarea-danger-border-color": r("danger"),
+  "textarea-dark-box-shadow": r("neutral", 0.4),
+  // link
+  "link-font-size": n.size("3"),
+  "link-font-height": n.height("2"),
+  "link-color": r("accent"),
+  "link-font-weight": n.weight("medium"),
+  "link-font-weight--hover": n.weight("bold"),
+  "link-box-shadow": p("glow-primary"),
+  "link-outline": "none",
+  "link-outline-offset": "0",
+  // breadcrumbs
+  "breadcrumbs-font-size": n.size("2"),
+  "breadcrumbs-font-height": n.height("2"),
+  "breadcrumbs-font-weight": n.weight("medium"),
+  "breadcrumbs-font-weight--active": n.weight("bold"),
+  "breadcrumbs-spacing-x": e("36px"),
+  //banner
+  "banner-font-size": n.size("4"),
+  "banner-font-height": n.height("3"),
+  "banner-default-height": e("40px"),
+  "banner-min-width": e("320px"),
+  "banner-description-color": r("neutral-darker"),
+  "banner-title-font-weight": n.weight("bold"),
+  "banner-border-radius": x.radius("m"),
+  "banner-border-width": x.width("thin"),
+  "banner-close-button-color": r("neutral-darker"),
+  "banner-icon-width": e("24px"),
+  "banner-icon-height": e("24px"),
+  "banner-icon-margin-right": e("10px"),
+  "banner-default-padding-x": i("m"),
+  "banner-default-padding-y": i("s"),
+  "banner-large-padding": i("m"),
+  "banner-default-icon-alignment": "center",
+  "banner-large-icon-alignment": "start",
+  "banner-default-close-top": i("s"),
+  "banner-default-close-right": i("s"),
+  "banner-large-close-top": e("12px"),
+  "banner-large-close-right": e("12px"),
+  //banner success
+  "banner-title-color-success": r("success-dark"),
+  "banner-border-color-success": r("success"),
+  "banner-background-success": r("success-light"),
+  //banner danger
+  "banner-title-color-danger": r("danger-dark"),
+  "banner-border-color-danger": r("danger"),
+  "banner-background-danger": r("danger-light"),
+  //banner warning
+  "banner-title-color-warning": r("warning-dark"),
+  "banner-border-color-warning": r("warning"),
+  "banner-background-warning": r("warning-light"),
+  //banner neutral
+  "banner-title-color-neutral": r("neutral-darker"),
+  "banner-border-color-neutral": r("neutral"),
+  "banner-background-neutral": r("neutral-light"),
+  //banner action
+  "banner-button-background-success": r("success-dark"),
+  "banner-button-background-neutral": r("neutral-dark"),
+  "banner-button-background-danger": r("danger-dark"),
+  "banner-button-background-warning": r("warning-dark"),
+  "banner-button-background-secondary": r("transparent"),
+  "banner-button-text-color": r("neutral-white"),
+  "banner-secondary-button-margin-left": i("s"),
+  // progressbar
+  "progressbar-height": e("5px"),
+  "progressbar-background": r("transparent"),
+  "progressbar-line": r("darker"),
+  // neutral
+  "progressbar-neutral-fill": r("neutral-light"),
+  // success
+  "progressbar-success-fill": r("success-light"),
+  // danger
+  "progressbar-danger-fill": r("danger-light"),
+  // warning
+  "progressbar-warning-fill": r("warning-light"),
+  // toast
+  "toast-padding-x": i("m"),
+  "toast-padding-y": i("m"),
+  "toast-border-radius": x.radius("s"),
+  "toast-font-color": r("neutral-white"),
+  "toast-font-size": n.size("4"),
+  "toast-font-weight": n.weight("bold"),
+  "toast-font-height": n.height("3"),
+  "toast-close-x": i("xs"),
+  "toast-close-y": i("xs"),
+  "toast-shadow": p("modal"),
+  "toast-width": e("320px"),
+  // neutral
+  "toast-neutral-background": r("neutral-dark"),
+  // success
+  "toast-success-background": r("success"),
+  // danger
+  "toast-danger-background": r("danger"),
+  // warning
+  "toast-warning-background": r("warning"),
+  // Label
+  "label-font-size": n.size("4"),
+  "label-font-weight": n.weight("medium"),
+  "label-font-height": n.height("3"),
+  "label-font-color": r("darker"),
+  // Label required
+  "label-required-color": r("danger"),
+  // Label tooltip
+  "label-tooltip-margin-left": i("xs"),
+  "label-tooltip-font-weight": n.weight("bold"),
+  "label-tooltip-font-size": n.size("5"),
+  "label-tooltip-font-color": r("darker"),
+  "label-tooltip-background-color": r("neutral"),
+  // Label dark
+  "label-dark-font-color": r("neutral-white"),
+  // Label tooltip dark
+  "label-tooltip-dark-font-color": r("neutral-white"),
+  "label-tooltip-dark-background-color": r("neutral"),
+  // Switch
+  "switch-width": e("52px"),
+  "switch-height": e("22px"),
+  "switch-border-radius": e("22px"),
+  "switch-box-shadow": p("glow-primary"),
+  "switch-outline": "none",
+  "switch-outline-offset": "0",
+  // Switch Large
+  "switch-large-width": e("70px"),
+  "switch-large-height": e("32px"),
+  "switch-large-border-radius": e("32px"),
+  // Switch Icon
+  "switch-icon-height": e("16px"),
+  "switch-icon-width": e("16px"),
+  "switch-icon-color": r("neutral-white"),
+  // Switch Icon Large
+  "switch-large-icon-height": e("20px"),
+  "switch-large-icon-width": e("20px"),
+  // Switch Icon Active
+  "switch-icon-active-x": e("8px"),
+  "switch-icon-active-y": e("3px"),
+  // Switch Large Icon Active
+  "switch-large-icon-active-x": e("8px"),
+  "switch-large-icon-active-y": e("6px"),
+  // Switch Icon Inactive
+  "switch-icon-inactive-x": e("28px"),
+  "switch-icon-inactive-y": e("3px"),
+  // Switch Large Icon Inactive
+  "switch-large-icon-inactive-x": e("42px"),
+  "switch-large-icon-inactive-y": e("6px"),
+  // Switch Inactive
+  "switch-inactive-background-color": r("neutral"),
+  "switch-inactive-background-color--hover": r("neutral-dark", 0.4),
+  // Switch Active
+  "switch-active-background-color": r("accent"),
+  "switch-active-background-color--hover": r("accent", 0.6),
+  // Switch Slider
+  "switch-slider-x": e("3px"),
+  "switch-slider-active-x": e("33px"),
+  "switch-slider-y": e("3px"),
+  "switch-slider-active-y": e("3px"),
+  "switch-slider-size": e("16px"),
+  "switch-slider-background-color": r("neutral-white"),
+  "switch-slider-border-radius": x.radius("circle"),
+  // Switch Slider Large
+  "switch-slider-large-x": e("2px"),
+  "switch-slider-large-active-x": e("40px"),
+  "switch-slider-large-y": e("2px"),
+  "switch-slider-large-active-y": e("2px"),
+  "switch-slider-large-size": e("28px"),
+  // steps
+  "steps-step-padding-y": i("xl"),
+  "steps-step-padding-x": i("xl"),
+  "steps-color": r("neutral-darker"),
+  "steps-progress-padding-y": i("xl"),
+  "steps-progress-padding-x": i("xl"),
+  "steps-spacing-y": i("3xl"),
+  "steps-indicator-size": e("24px"),
+  "steps-conector-height": "1px",
+  "steps-conector-height--complete": "3px",
+  "steps-conector-top": "12px",
+  // Math.round((steps-indicator-size - steps-conector-height) / 2)
+  "steps-conector-top--complete": "11px",
+  // Math.round((steps-indicator-size - steps-conector-height--complete) / 2)
+  "steps-progress-step-background-color": r("neutral"),
+  "steps-progress-step-background-color--complete": r("accent"),
+  // card
+  "card-background": r("neutral-white"),
+  "card-border-color": r("neutral-light"),
+  "card-border-radius": x.radius("s"),
+  "card-color": r("neutral-darker"),
+  "card-flag-background-danger": r("danger"),
+  "card-flag-background-neutral": r("neutral-light"),
+  "card-flag-background-success": r("success"),
+  "card-flag-background-warning": r("warning"),
+  "card-flag-width": e("4px"),
+  "card-font-height": n.height("3"),
+  "card-padding-x": i("m"),
+  "card-padding-y": i("m"),
+  "card-separator-background": r("neutral-lighter"),
+  "card-subtitle-font-size": n.size("4"),
+  "card-subtitle-font-weight": n.weight("medium"),
+  "card-title-font-height": n.height("2"),
+  "card-title-font-size": n.size("3"),
+  "card-title-font-weight": n.weight("bold"),
+  // dropdown
+  "dropdown-background": r("neutral-white"),
+  "dropdown-border-color": r("neutral-light"),
+  "dropdown-border-radius": x.radius("s"),
+  "dropdown-shadow": p("droplist"),
+  // popover
+  "popover-background": r("neutral-white"),
+  "popover-border-color": r("neutral-light"),
+  "popover-border-radius": x.radius("s"),
+  "popover-shadow": p("droplist"),
+  // Side Navigation
+  "side-navigation-collapsing-breakpoint": e("1280px"),
+  "side-navigation-width": e("200px"),
+  "side-navigation-width-large": e("300px"),
+  "side-navigation-padding-bottom": i("l"),
+  "side-navigation-background-color": r("neutral-darker"),
+  "side-navigation-component-margin-top": i("l"),
+  "side-navigation-logo-padding-x": i("l"),
+  "side-navigation-separator-color": r("neutral-dark"),
+  "side-navigation-menu-title-font-weight": n.weight("bold"),
+  "side-navigation-menu-title-font-size": n.size("5"),
+  "side-navigation-menu-title-line-height": n.height("3"),
+  "side-navigation-menu-link-color--hover": r("primary"),
+  "side-navigation-menu-link-background-color--active": r("neutral-darkest", 0.2),
+  "side-navigation-menu-link-box-shadow-color--active": r("primary"),
+  "side-navigation-menu-item-color--focus": r("primary"),
+  // Table
+  "table-row-default-color": r("neutral-white"),
+  "table-row-variant-color": r("neutral-light", 0.2),
+  "table-row-selected-color": r("accent", 0.2),
+  // Top Navigation
+  "top-navigation-height": e("60px"),
+  "top-navigation-background-color": r("neutral-white"),
+  "top-navigation-border-color": r("neutral-lighter"),
+  "top-navigation-dropdown-separator-color": r("neutral-lighter"),
+  "top-navigation-dropdown-trigger-color": r("neutral"),
+  "top-navigation-dropdown-subitem-color": r("neutral-dark"),
+  "top-navigation-item-icon-color": r("neutral-dark"),
+  "top-navigation-item-color": r("neutral-darkest"),
+  "top-navigation-item-color--hover": r("primary"),
+  // Select
+  "select-trigger-height": "100%",
+  "select-trigger-border-color": r("neutral-lighter"),
+  "select-selected-option-check-color": r("accent"),
+  "select-selected-option-background-color": r("accent", 0.2),
+  // Toggle & Toggle Group
+  "toggle-text-transform": "uppercase",
+  "toggle-box-shadow": p("glow-primary"),
+  "toggle-outline": "none",
+  "toggle-outline-offset": "0",
+  "toggle-background-color": r("transparent"),
+  "toggle-background-color--hover": r("transparent"),
+  "toggle-background-color--focus": r("transparent"),
+  "toggle-background-color--active": r("transparent"),
+  "toggle-background-color--disabled": r("transparent"),
+  "toggle-checked-background-color": r("neutral-darkest"),
+  "toggle-checked-background-color--hover": r("neutral-dark"),
+  "toggle-checked-background-color--focus": r("neutral-darker"),
+  "toggle-checked-background-color--active": r("neutral"),
+  "toggle-checked-background-color--disabled": r("neutral-darkest"),
+  "toggle-color": r("neutral-darker"),
+  "toggle-color--hover": r("neutral-dark"),
+  "toggle-color--focus": r("neutral-darker"),
+  "toggle-color--active": r("neutral"),
+  "toggle-color--disabled": r("neutral-darker"),
+  "toggle-checked-color": r("neutral-white"),
+  "toggle-checked-color--hover": r("neutral-white"),
+  "toggle-checked-color--focus": r("neutral-white"),
+  "toggle-checked-color--active": r("neutral-white"),
+  "toggle-checked-color--disabled": r("neutral-lightest"),
+  "toggle-single-border-color": r("transparent"),
+  "toggle-single-border-color--hover": r("transparent"),
+  "toggle-single-border-color--focus": r("neutral-darker"),
+  "toggle-single-border-color--active": r("neutral"),
+  "toggle-single-border-color--disabled": r("transparent"),
+  "toggle-single-checked-border-color": r("neutral-darkest"),
+  "toggle-single-checked-border-color--disabled": r("neutral-darkest"),
+  "toggle-single-font-size": n.size("4"),
+  "toggle-single-small-font-size": "10px",
+  "toggle-single-height": "28px",
+  "toggle-single-small-height": "16px",
+  "toggle-multiple-border-color": r("neutral-darkest"),
+  "toggle-multiple-border-color--hover": r("neutral-dark"),
+  "toggle-multiple-border-color--focus": r("neutral-darker"),
+  "toggle-multiple-border-color--active": r("neutral"),
+  "toggle-multiple-border-color--disabled": r("neutral-darkest"),
+  "toggle-multiple-checked-border-color": r("neutral-darkest"),
+  "toggle-multiple-checked-border-color--disabled": r("neutral-darkest"),
+  "toggle-multiple-font-size": n.size("4"),
+  "toggle-multiple-small-font-size": n.size("5"),
+  "toggle-multiple-height": "36px",
+  "toggle-multiple-small-height": "24px",
+  "toggle-group-border-color--disabled": r("neutral-darkest", 0.4),
+  "toggle-group-multiple-border-width": "initial",
+  "toggle-group-multiple-border-style": "none",
+  "toggle-group-multiple-border-color": "initial",
+  "toggle-group-multiple-border-radius": "initial",
+  "toggle-group-multiple-padding": 0,
+  "toggle-group-single-border-width": "1px",
+  "toggle-group-single-border-style": "solid",
+  "toggle-group-single-border-color": r("neutral-darker"),
+  "toggle-group-single-border-radius": x.radius("s"),
+  "toggle-group-single-padding": "3px",
+  // dropdown
+  "dropdown-trigger-border-color": r("primary"),
+  "dropdown-trigger-dark-border-color": r("neutral-light"),
+  "dropdown-trigger-outlined-border-color": r("transparent"),
+  "dropdown-trigger-expanded-color": r("accent"),
+  "dropdown-trigger-height": v("default"),
+  "dropdown-trigger-small-height": v("small"),
+  "dropdown-trigger-large-height": v("large"),
+  "dropdown-trigger-box-shadow": p("glow-primary"),
+  "dropdown-trigger-outline": "none",
+  "dropdown-trigger-outline-offset": "0"
+}, er = {
+  "color-primary": "#33CC60",
+  "color-accent": "#0CA933",
+  "color-neutral-darkest": "#0A0A0B",
+  "color-neutral-darker": "#313336",
+  "color-neutral-dark": "#575C61",
+  "color-neutral": "#929AA1",
+  "color-neutral-light": "#CACCCF",
+  "color-neutral-lighter": "#E9EBEC",
+  "color-neutral-lightest": "#FCFCFC",
+  "color-neutral-white": "#FFFFFF",
+  "color-success-dark": "#2A5C85",
+  "color-success": "#55B0FB",
+  "color-success-light": "#C0E1F5",
+  "color-transparent": "transparent",
+  "color-warning-dark": "#955800",
+  "color-warning": "#FFCE4F",
+  "color-warning-light": "#FFF5D6",
+  "color-danger-dark": "#8F002B",
+  "color-danger": "#E80045",
+  "color-danger-light": "#FFD6E2"
+}, Cr = {
+  "opacity-0": 0,
+  "opacity-20": 0.2,
+  "opacity-40": 0.4,
+  "opacity-60": 0.6,
+  "opacity-100": 1
+}, tr = {
+  "space-none": 0,
+  "space-2xs": e("2px"),
+  "space-xs": e("4px"),
+  "space-s": e("8px"),
+  "space-m": e("16px"),
+  "space-l": e("24px"),
+  "space-xl": e("32px"),
+  "space-2xl": e("40px"),
+  "space-3xl": e("48px")
+}, ar = {
+  "font-family-default": "'Sharp Sans', Manrope, sans-serif",
+  "font-family-monospace": "Roboto Mono, monospace"
+}, nr = {
+  "font-size-6": e("10px"),
+  "font-size-5": e("12px"),
+  "font-size-4": e("14px"),
+  "font-size-3": e("16px"),
+  "font-size-2": e("20px"),
+  "font-size-1": e("26px")
+}, lr = {
+  "font-weight-regular": 400,
+  "font-weight-medium": 500,
+  "font-weight-bold": 700
+}, cr = {
+  "font-height-1": "100%",
+  "font-height-2": "125%",
+  "font-height-3": "140%"
+}, ir = {
+  "shadow-none": "none",
+  "shadow-modal": "0px 2px 6px 0px rgba(10, 10, 11, 0.4)",
+  "shadow-droplist": "0px 2px 3px 0px rgba(10, 10, 11, 0.4)",
+  "shadow-glow-primary": "0px 0px 4px 0px rgba(51, 204, 96, 1)",
+  "shadow-glow-warning": "0px 0px 4px 0px rgba(255, 206, 79, 1.0)"
+}, dr = {
+  "border-radius-none": 0,
+  "border-radius-s": e("4px"),
+  "border-radius-m": e("8px"),
+  "border-radius-l": e("16px"),
+  "border-radius-circle": "50%"
+}, gr = {
+  "border-width-none": 0,
+  "border-width-thin": "1px",
+  "border-width-medium": "2px",
+  "border-width-bold": "4px"
+}, _r = {
+  "z-index-none": 0,
+  "z-index-default": 1,
+  "z-index-droplist": 10,
+  "z-index-tooltip": 15,
+  "z-index-overlay": 20,
+  "z-index-modal": 30
+}, Or = {
+  left: "left",
+  center: "center",
+  right: "right"
+}, sr = {
+  "height-small": e("24px"),
+  "height-default": e("36px"),
+  "height-large": e("48px")
+}, o = O(er), k = R(ir), d = T(tr), l = D({
+  families: ar,
+  heights: cr,
+  sizes: nr,
+  weights: lr
+}), w = H({
+  radiuses: dr,
+  widths: gr
+}), z = N(sr), Gr = {
+  ...dr,
+  ...gr,
+  ...er,
+  ...ar,
+  ...nr,
+  ...lr,
+  ...cr,
+  ...Cr,
+  ...ir,
+  ...tr,
+  ..._r,
+  ...Or,
+  ...sr,
+  // button
+  "button-border-radius": w.radius("s"),
+  "button-border-width": w.width("thin"),
+  "button-font-weight": l.weight("bold"),
+  "button-font-height": l.height("1"),
+  "button-small-font-size": l.size("5"),
+  "button-small-height": z("small"),
+  "button-small-padding-x": d("s"),
+  "button-small-padding-y": e("6px"),
+  "button-font-size": l.size("3"),
+  "button-height": z("default"),
+  "button-width": "auto",
+  "button-padding-y": e("10px"),
+  "button-padding-x": d("m"),
+  "button-spacing-x": d("s"),
+  "button-large-font-size": l.size("3"),
+  "button-large-height": z("large"),
+  "button-large-padding-x": d("m"),
+  "button-large-padding-y": e("14px"),
+  "button-outline-offset": "0",
+  // button primary
+  "button-primary-background": o("primary"),
+  "button-primary-background--hover": o("accent"),
+  "button-primary-background--focus": o("primary"),
+  "button-primary-background--active": o("accent"),
+  "button-primary-background--disabled": o("primary"),
+  "button-primary-border-color": o("primary"),
+  "button-primary-border-color--hover": o("accent"),
+  "button-primary-border-color--focus": o("accent"),
+  "button-primary-border-color--active": o("accent"),
+  "button-primary-border-color--disabled": o("primary"),
+  "button-primary-color": o("neutral-white"),
+  "button-primary-color--hover": o("neutral-white"),
+  "button-primary-color--focus": o("neutral-white"),
+  "button-primary-color--active": o("neutral-white"),
+  "button-primary-color--disabled": o("neutral-white"),
+  "button-primary-outline": "none",
+  "button-primary-box-shadow": k("glow-primary"),
+  // button secondary
+  "button-secondary-background": o("transparent"),
+  "button-secondary-background--hover": o("neutral", 0.2),
+  "button-secondary-background--focus": o("transparent"),
+  "button-secondary-background--active": o("transparent"),
+  "button-secondary-background--disabled": o("transparent"),
+  "button-secondary-border-color": o("neutral-darker"),
+  "button-secondary-border-color--hover": o("accent"),
+  "button-secondary-border-color--focus": o("accent"),
+  "button-secondary-border-color--active": o("accent", 0.6),
+  "button-secondary-border-color--disabled": o("neutral-darker"),
+  "button-secondary-color": o("neutral-darker"),
+  "button-secondary-color--hover": o("accent"),
+  "button-secondary-color--focus": o("primary"),
+  "button-secondary-color--active": o("accent", 0.6),
+  "button-secondary-color--disabled": o("neutral-darker"),
+  "button-secondary-outline": "none",
+  "button-secondary-box-shadow": k("glow-primary"),
+  // button secondary dark
+  "button-secondary-dark-background": o("transparent"),
+  "button-secondary-dark-background--hover": o("neutral", 0.2),
+  "button-secondary-dark-background--focus": o("transparent"),
+  "button-secondary-dark-background--active": o("neutral", 0.4),
+  "button-secondary-dark-background--disabled": o("transparent"),
+  "button-secondary-dark-border-color": o("neutral-light"),
+  "button-secondary-dark-border-color--hover": o("accent"),
+  "button-secondary-dark-border-color--focus": o("neutral-light"),
+  "button-secondary-dark-border-color--active": o("accent", 0.6),
+  "button-secondary-dark-border-color--disabled": o("neutral-light"),
+  "button-secondary-dark-color": o("neutral-light"),
+  "button-secondary-dark-color--hover": o("accent"),
+  "button-secondary-dark-color--focus": o("neutral-light"),
+  "button-secondary-dark-color--active": o("accent", 0.6),
+  "button-secondary-dark-color--disabled": o("neutral-light"),
+  // button tertiary
+  "button-tertiary-background": o("transparent"),
+  "button-tertiary-background--hover": o("neutral", 0.2),
+  "button-tertiary-background--focus": o("neutral", 0.2),
+  "button-tertiary-background--active": o("transparent"),
+  "button-tertiary-background--disabled": o("transparent"),
+  "button-tertiary-border-color": o("transparent"),
+  "button-tertiary-border-color--hover": o("transparent"),
+  "button-tertiary-border-color--focus": o("transparent"),
+  "button-tertiary-border-color--active": o("accent", 0.6),
+  "button-tertiary-border-color--disabled": o("transparent"),
+  "button-tertiary-color": o("neutral-darker"),
+  "button-tertiary-color--hover": o("accent"),
+  "button-tertiary-color--focus": o("primary"),
+  "button-tertiary-color--active": o("accent", 0.6),
+  "button-tertiary-color--disabled": o("neutral-darker"),
+  "button-tertiary-outline": "none",
+  "button-tertiary-box-shadow": "none",
+  // button warning
+  "button-warning-background": o("transparent"),
+  "button-warning-background--hover": o("warning", 0.2),
+  "button-warning-background--focus": o("transparent"),
+  "button-warning-background--active": o("transparent"),
+  "button-warning-background--disabled": o("transparent"),
+  "button-warning-border-color": o("warning-dark"),
+  "button-warning-border-color--hover": o("warning"),
+  "button-warning-border-color--focus": o("warning-dark"),
+  "button-warning-border-color--active": o("warning"),
+  "button-warning-border-color--disabled": o("warning-dark"),
+  "button-warning-color": o("warning-dark"),
+  "button-warning-color--hover": o("warning"),
+  "button-warning-color--focus": o("warning-dark"),
+  "button-warning-color--active": o("warning"),
+  "button-warning-color--disabled": o("warning-dark"),
+  "button-warning-outline": "none",
+  "button-warning-box-shadow": k("glow-warning"),
+  // button icon
+  "button-icon-border-radius": w.radius("circle"),
+  "button-icon-small-width": z("small"),
+  "button-icon-width": z("default"),
+  "button-icon-large-width": z("large"),
+  "button-icon-background": o("neutral-lighter"),
+  "button-icon-background--hover": o("neutral-lighter"),
+  "button-icon-background--focus": o("neutral-lighter"),
+  "button-icon-background--active": o("neutral-light"),
+  "button-icon-background--disabled": o("neutral-lighter"),
+  "button-icon-border-color": o("neutral-lighter"),
+  "button-icon-border-color--hover": o("neutral-lighter"),
+  "button-icon-border-color--focus": o("neutral-lighter"),
+  "button-icon-border-color--active": o("neutral-light"),
+  "button-icon-border-color--disabled": o("neutral-lighter"),
+  "button-icon-color": o("neutral-darkest"),
+  "button-icon-color--hover": o("accent"),
+  "button-icon-color--focus": o("neutral-darkest"),
+  "button-icon-color--active": o("neutral-darkest"),
+  "button-icon-color--disabled": o("neutral-darkest"),
+  "button-icon-box-shadow": k("glow-primary"),
+  "button-icon-outline": "none",
+  // tag
+  "tag-border-radius": e("30px"),
+  "tag-border-width": w.width("thin"),
+  "tag-font-height": l.height("1"),
+  "tag-spacing": `0 ${d("s")}`,
+  "tag-removable-spacing": `0 ${d("xs")} 0 ${d("s")}`,
+  "tag-width": "auto",
+  "tag-box-shadow": k("glow-primary"),
+  "tag-outline-offset": "0",
+  "tag-remove-button-background": o("neutral-white"),
+  "tag-remove-button-border-radius": e("24px"),
+  "tag-icon-spacing": d("xs"),
+  // tag small
+  "tag-small-font-size": l.size("6"),
+  "tag-small-font-weight": l.weight("bold"),
+  "tag-small-height": e("16px"),
+  "tag-small-transform": "uppercase",
+  "tag-small-leading-display": "none",
+  "tag-small-remove-button-size": e("0"),
+  "tag-small-remove-button-icon-size": e("0"),
+  "tag-small-spacing": `0 ${d("s")}`,
+  "tag-small-removable-spacing": `0 ${d("s")}`,
+  // tag medium
+  "tag-font-size": l.size("5"),
+  "tag-font-weight": l.weight("bold"),
+  "tag-height": e("24px"),
+  "tag-transform": "none",
+  "tag-leading-display": "inline-flex",
+  "tag-remove-button-size": e("16px"),
+  "tag-remove-button-icon-size": e("10px"),
+  // tag large
+  "tag-large-font-size": l.size("4"),
+  "tag-large-font-weight": l.weight("bold"),
+  "tag-large-height": e("32px"),
+  "tag-large-transform": "none",
+  "tag-large-leading-display": "inline-flex",
+  "tag-large-remove-button-size": e("24px"),
+  "tag-large-remove-button-icon-size": e("12px"),
+  "tag-large-spacing": `0 ${d("s")}`,
+  // tag default
+  "tag-default-background": o("neutral-light"),
+  "tag-default-background--hover": o("accent", 0.4),
+  "tag-default-background--focus": o("neutral-dark", 0.2),
+  "tag-default-color": o("neutral-darkest"),
+  "tag-default-color--hover": o("neutral-darkest"),
+  "tag-default-color--focus": o("neutral-dark"),
+  "tag-default-border-color": "transparent",
+  "tag-default-border-color--hover": "transparent",
+  "tag-default-border-color--focus": "transparent",
+  "tag-default-outline": "none",
+  // tag outline
+  "tag-outlined-background": o("transparent"),
+  "tag-outlined-background--hover": o("accent", 0.4),
+  "tag-outlined-background--focus": o("neutral-white"),
+  "tag-outlined-color": o("neutral-darkest"),
+  "tag-outlined-color--hover": o("neutral-darkest"),
+  "tag-outlined-color--focus": o("neutral-darker"),
+  "tag-outlined-border-color": o("neutral-darkest"),
+  "tag-outlined-border-color--hover": o("neutral-darkest"),
+  "tag-outlined-border-color--focus": o("neutral-darker"),
+  "tag-outline-outline": "none",
+  // tag accent
+  "tag-accent-background": o("accent", 0.2),
+  "tag-accent-background--hover": o("accent", 0.4),
+  "tag-accent-background--focus": o("accent", 0.2),
+  "tag-accent-color": o("accent"),
+  "tag-accent-color--hover": o("accent"),
+  "tag-accent-color--focus": o("accent"),
+  "tag-accent-border-color": "transparent",
+  "tag-accent-border-color--hover": "transparent",
+  "tag-accent-border-color--focus": "transparent",
+  "tag-accent-outline": "none",
+  // tag success
+  "tag-success-background": o("success-light"),
+  "tag-success-background--hover": o("success-light"),
+  "tag-success-background--focus": o("success-light"),
+  "tag-success-color": o("success-dark"),
+  "tag-success-color--hover": o("success-dark"),
+  "tag-success-color--focus": o("success-dark"),
+  "tag-success-border-color": o("success-light"),
+  "tag-success-border-color--hover": o("success-light"),
+  "tag-success-border-color--focus": o("success-light"),
+  "tag-success-outline": "none",
+  // tag warning
+  "tag-warning-background": o("warning-light"),
+  "tag-warning-background--hover": o("warning-light"),
+  "tag-warning-background--focus": o("warning-light"),
+  "tag-warning-color": o("warning-dark"),
+  "tag-warning-color--hover": o("warning-dark"),
+  "tag-warning-color--focus": o("warning-dark"),
+  "tag-warning-border-color": o("warning-light"),
+  "tag-warning-border-color--hover": o("warning-light"),
+  "tag-warning-border-color--focus": o("warning-light"),
+  "tag-warning-outline": "none",
+  // tag danger
+  "tag-danger-background": o("danger-light"),
+  "tag-danger-background--hover": o("danger-light"),
+  "tag-danger-background--focus": o("danger-light"),
+  "tag-danger-color": o("danger-dark"),
+  "tag-danger-color--hover": o("danger-dark"),
+  "tag-danger-color--focus": o("danger-dark"),
+  "tag-danger-border-color": o("danger-light"),
+  "tag-danger-border-color--hover": o("danger-light"),
+  "tag-danger-border-color--focus": o("danger-light"),
+  "tag-danger-outline": "none",
+  // checkbox
+  "checkbox-color": o("neutral-darker"),
+  "checkbox-font-weight": l.weight("medium"),
+  "checkbox-font-size": l.size("4"),
+  "checkbox-selector-border-radius": w.radius("s"),
+  "checkbox-selector-size": e("16px"),
+  "checkbox-selector-box-shadow": k("glow-primary"),
+  "checkbox-selector-outline": "none",
+  "checkbox-selector-outline-offset": "0",
+  "checkbox-small-font-size": l.size("5"),
+  "checkbox-selector-icon-color": o("neutral-white"),
+  "checkbox-selector-background": o("neutral-white"),
+  "checkbox-selector-background--hover": o("neutral-white"),
+  "checkbox-selector-background--focus": o("neutral-white"),
+  "checkbox-selector-background--disabled": o("neutral-light"),
+  "checkbox-selector-checked-background": o("primary"),
+  "checkbox-selector-checked-background--hover": o("accent"),
+  "checkbox-selector-checked-background--focus": o("primary"),
+  "checkbox-selector-checked-background--disabled": o("primary"),
+  "checkbox-selector-border-color": o("neutral-darker"),
+  "checkbox-selector-border-color--hover": o("accent"),
+  "checkbox-selector-border-color--focus": o("accent"),
+  "checkbox-selector-border-color--disabled": o("neutral-darker"),
+  "checkbox-selector-checked-border-color": o("primary"),
+  "checkbox-selector-checked-border-color--hover": o("accent"),
+  "checkbox-selector-checked-border-color--focus": o("accent"),
+  "checkbox-selector-checked-border-color--disabled": o("neutral-darkest"),
+  // checkbox dark
+  "checkbox-dark-color": o("neutral-lighter"),
+  "checkbox-dark-selector-background": o("neutral-darker"),
+  "checkbox-dark-selector-background--hover": o("neutral-darker"),
+  "checkbox-dark-selector-background--focus": o("neutral-darker"),
+  "checkbox-dark-selector-background--disabled": o("neutral-neutral"),
+  "checkbox-dark-selector-border-color": o("neutral-lighter"),
+  "checkbox-dark-selector-border-color--hover": o("accent"),
+  "checkbox-dark-selector-border-color--focus": o("accent"),
+  "checkbox-dark-selector-border-color--disabled": o("neutral-lighter"),
+  // radio
+  "radio-color": o("accent"),
+  "radio-font-weight": l.weight("medium"),
+  "radio-font-size": l.size("4"),
+  "radio-selector-border-radius": w.radius("circle"),
+  "radio-selector-size": e("24px"),
+  "radio-selector-box-shadow": k("glow-primary"),
+  "radio-small-font-size": l.size("5"),
+  "radio-small-selector-size": e("16px"),
+  "radio-selector-background": o("neutral-white"),
+  "radio-selector-background--hover": o("neutral-white"),
+  "radio-selector-background--focus": o("neutral-white"),
+  "radio-selector-background--disabled": o("neutral-light"),
+  "radio-selector-border-color": o("neutral-darker"),
+  "radio-selector-border-color--hover": o("accent"),
+  "radio-selector-border-color--focus": o("accent"),
+  "radio-selector-border-color--disabled": o("neutral-darker"),
+  "radio-selector-border-color--checked": o("accent"),
+  // radio dark
+  "radio-dark-color": o("neutral-lighter"),
+  "radio-dark-selector-background": o("neutral-darker"),
+  "radio-dark-selector-background--hover": o("neutral-darker"),
+  "radio-dark-selector-background--focus": o("neutral-darker"),
+  "radio-dark-selector-background--disabled": o("neutral-neutral"),
+  "radio-dark-selector-border-color": o("neutral-lighter"),
+  "radio-dark-selector-border-color--hover": o("accent"),
+  "radio-dark-selector-border-color--focus": o("accent"),
+  "radio-dark-selector-border-color--disabled": o("neutral-lighter"),
+  // tooltip
+  "tooltip-arrow-height": e("12px"),
+  "tooltip-arrow-width": e("20px"),
+  "tooltip-background": o("neutral-darker"),
+  "tooltip-border-radius": e("8px"),
+  "tooltip-color": o("neutral-white"),
+  "tooltip-dark-outline": o("neutral", 0.4),
+  "tooltip-font-size": l.size("4"),
+  "tooltip-font-height": l.height("3"),
+  "tooltip-max-width": e("240px"),
+  "tooltip-min-width": e("80px"),
+  "tooltip-outline": o("neutral-darkest"),
+  "tooltip-padding-x": d("m"),
+  "tooltip-padding-y": d("s"),
+  "tooltip-margin": d("s"),
+  "tooltip-shadow": k("droplist"),
+  // modal
+  "modal-small-max-width": e("344px"),
+  "modal-max-width": e("484px"),
+  "modal-large-max-width": e("688px"),
+  "modal-overlay-background": o("neutral-darkest", 0.4),
+  // dialog
+  "dialog-header-color": o("neutral-darkest"),
+  "dialog-header-border-color": o("neutral-light"),
+  "dialog-body-font-color": o("color-neutral-darker"),
+  // text-field
+  "text-field-border-radius": w.radius("s"),
+  "text-field-color": o("neutral-darker"),
+  "text-field-font-size": l.size("4"),
+  "text-field-font-weight": l.weight("medium"),
+  "text-field-font-height": l.height("3"),
+  "text-field-height": z("default"),
+  "text-field-padding-x": d("s"),
+  "text-field-padding-y": d("s"),
+  "text-field-box-shadow": k("glow-primary"),
+  "text-field-outline": "none",
+  "text-field-outline-offset": "0",
+  "text-field-small-height": z("small"),
+  "text-field-small-padding-x": d("s"),
+  "text-field-small-padding-y": d("xs"),
+  "text-field-small-font-size": l.size("5"),
+  "text-field-large-height": z("large"),
+  "text-field-large-padding-x": d("s"),
+  "text-field-large-padding-y": e("12px"),
+  "text-field-large-font-size": l.size("4"),
+  "text-field-background": o("neutral-white"),
+  "text-field-background--hover": o("neutral-white"),
+  "text-field-background--focus": o("neutral-white"),
+  "text-field-background--disabled": o("neutral-light"),
+  "text-field-border-color": o("neutral-darker"),
+  "text-field-border-color--hover": o("accent"),
+  "text-field-border-color--focus": o("accent"),
+  "text-field-border-color--disabled": o("neutral-darker"),
+  // text-field dark
+  "text-field-dark-color": o("neutral-lighter"),
+  "text-field-dark-background": o("neutral-darker"),
+  "text-field-dark-border-color": o("neutral-lighter"),
+  "text-field-dark-border-color--hover": o("accent"),
+  "text-field-dark-border-color--focus": o("accent"),
+  "text-field-dark-border-color--disabled": o("neutral-lighter"),
+  "text-field-success-border-color": o("accent"),
+  "text-field-danger-border-color": o("danger"),
+  "text-field-dark-box-shadow": o("neutral", 0.4),
+  // textarea
+  "textarea-border-radius": w.radius("s"),
+  "textarea-color": o("neutral-darker"),
+  "textarea-font-size": l.size("4"),
+  "textarea-font-weight": l.weight("medium"),
+  "textarea-font-height": l.height("3"),
+  "textarea-min-height": e("64px"),
+  "textarea-padding-x": d("s"),
+  "textarea-padding-y": d("s"),
+  "textarea-box-shadow": k("glow-primary"),
+  "textarea-outline": "none",
+  "textarea-outline-offset": "0",
+  "textarea-small-padding-x": d("s"),
+  "textarea-small-padding-y": d("xs"),
+  "textarea-small-font-size": l.size("5"),
+  "textarea-large-height": e("45px"),
+  "textarea-large-padding-x": d("s"),
+  "textarea-large-padding-y": e("12px"),
+  "textarea-large-font-size": l.size("4"),
+  "textarea-background": o("neutral-white"),
+  "textarea-background--hover": o("neutral-white"),
+  "textarea-background--focus": o("neutral-white"),
+  "textarea-background--disabled": o("neutral-light"),
+  "textarea-border-color": o("neutral-darker"),
+  "textarea-border-color--hover": o("accent"),
+  "textarea-border-color--focus": o("accent"),
+  "textarea-border-color--disabled": o("neutral-darker"),
+  // textarea dark
+  "textarea-dark-color": o("neutral-lighter"),
+  "textarea-dark-background": o("neutral-darker"),
+  "textarea-dark-border-color": o("neutral-lighter"),
+  "textarea-dark-border-color--hover": o("accent"),
+  "textarea-dark-border-color--focus": o("accent"),
+  "textarea-dark-border-color--disabled": o("neutral-lighter"),
+  "textarea-success-border-color": o("accent"),
+  "textarea-danger-border-color": o("danger"),
+  "textarea-dark-box-shadow": o("neutral", 0.4),
+  // link
+  "link-font-size": l.size("3"),
+  "link-font-height": l.height("2"),
+  "link-color": o("accent"),
+  "link-font-weight": l.weight("medium"),
+  "link-font-weight--hover": l.weight("bold"),
+  "link-box-shadow": k("glow-primary"),
+  "link-outline": "none",
+  "link-outline-offset": "0",
+  // breadcrumbs
+  "breadcrumbs-font-size": l.size("2"),
+  "breadcrumbs-font-height": l.height("2"),
+  "breadcrumbs-font-weight": l.weight("medium"),
+  "breadcrumbs-font-weight--active": l.weight("bold"),
+  "breadcrumbs-spacing-x": e("36px"),
+  //banner
+  "banner-font-size": l.size("4"),
+  "banner-font-height": l.height("3"),
+  "banner-default-height": e("40px"),
+  "banner-min-width": e("320px"),
+  "banner-description-color": o("neutral-darker"),
+  "banner-title-font-weight": l.weight("bold"),
+  "banner-border-radius": w.radius("m"),
+  "banner-border-width": w.width("thin"),
+  "banner-close-button-color": o("neutral-darker"),
+  "banner-icon-width": e("24px"),
+  "banner-icon-height": e("24px"),
+  "banner-icon-margin-right": e("10px"),
+  "banner-default-padding-x": d("m"),
+  "banner-default-padding-y": d("s"),
+  "banner-large-padding": d("m"),
+  "banner-default-icon-alignment": "center",
+  "banner-large-icon-alignment": "start",
+  "banner-default-close-top": d("s"),
+  "banner-default-close-right": d("s"),
+  "banner-large-close-top": e("12px"),
+  "banner-large-close-right": e("12px"),
+  //banner success
+  "banner-title-color-success": o("success-dark"),
+  "banner-border-color-success": o("success"),
+  "banner-background-success": o("success-light"),
+  //banner danger
+  "banner-title-color-danger": o("danger-dark"),
+  "banner-border-color-danger": o("danger"),
+  "banner-background-danger": o("danger-light"),
+  //banner warning
+  "banner-title-color-warning": o("warning-dark"),
+  "banner-border-color-warning": o("warning"),
+  "banner-background-warning": o("warning-light"),
+  //banner neutral
+  "banner-title-color-neutral": o("neutral-darker"),
+  "banner-border-color-neutral": o("neutral"),
+  "banner-background-neutral": o("neutral-light"),
+  //banner action
+  "banner-button-background-success": o("success-dark"),
+  "banner-button-background-neutral": o("neutral-dark"),
+  "banner-button-background-danger": o("danger-dark"),
+  "banner-button-background-warning": o("warning-dark"),
+  "banner-button-background-secondary": o("transparent"),
+  "banner-button-text-color": o("neutral-white"),
+  "banner-secondary-button-margin-left": d("s"),
+  // progressbar
+  "progressbar-height": e("5px"),
+  "progressbar-background": o("transparent"),
+  "progressbar-line": o("darker"),
+  // neutral
+  "progressbar-neutral-fill": o("neutral-light"),
+  // success
+  "progressbar-success-fill": o("success-light"),
+  // danger
+  "progressbar-danger-fill": o("danger-light"),
+  // warning
+  "progressbar-warning-fill": o("warning-light"),
+  // toast
+  "toast-padding-x": d("m"),
+  "toast-padding-y": d("m"),
+  "toast-border-radius": w.radius("s"),
+  "toast-font-color": o("neutral-white"),
+  "toast-font-size": l.size("4"),
+  "toast-font-weight": l.weight("bold"),
+  "toast-font-height": l.height("3"),
+  "toast-close-x": d("xs"),
+  "toast-close-y": d("xs"),
+  "toast-shadow": k("modal"),
+  "toast-width": e("320px"),
+  // neutral
+  "toast-neutral-background": o("neutral-dark"),
+  // success
+  "toast-success-background": o("success"),
+  // danger
+  "toast-danger-background": o("danger"),
+  // warning
+  "toast-warning-background": o("warning"),
+  // Label
+  "label-font-size": l.size("4"),
+  "label-font-weight": l.weight("medium"),
+  "label-font-height": l.height("3"),
+  "label-font-color": o("darker"),
+  // Label required
+  "label-required-color": o("danger"),
+  // Label tooltip
+  "label-tooltip-margin-left": d("xs"),
+  "label-tooltip-font-weight": l.weight("bold"),
+  "label-tooltip-font-size": l.size("5"),
+  "label-tooltip-font-color": o("darker"),
+  "label-tooltip-background-color": o("neutral"),
+  // Label dark
+  "label-dark-font-color": o("neutral-white"),
+  // Label tooltip dark
+  "label-tooltip-dark-font-color": o("neutral-white"),
+  "label-tooltip-dark-background-color": o("neutral"),
+  // Switch
+  "switch-width": e("52px"),
+  "switch-height": e("22px"),
+  "switch-border-radius": e("22px"),
+  "switch-box-shadow": k("glow-primary"),
+  "switch-outline": "none",
+  "switch-outline-offset": "0",
+  // Switch Large
+  "switch-large-width": e("70px"),
+  "switch-large-height": e("32px"),
+  "switch-large-border-radius": e("32px"),
+  // Switch Icon
+  "switch-icon-height": e("16px"),
+  "switch-icon-width": e("16px"),
+  "switch-icon-color": o("neutral-white"),
+  // Switch Icon Large
+  "switch-large-icon-height": e("20px"),
+  "switch-large-icon-width": e("20px"),
+  // Switch Icon Active
+  "switch-icon-active-x": e("8px"),
+  "switch-icon-active-y": e("3px"),
+  // Switch Large Icon Active
+  "switch-large-icon-active-x": e("8px"),
+  "switch-large-icon-active-y": e("6px"),
+  // Switch Icon Inactive
+  "switch-icon-inactive-x": e("28px"),
+  "switch-icon-inactive-y": e("3px"),
+  // Switch Large Icon Inactive
+  "switch-large-icon-inactive-x": e("42px"),
+  "switch-large-icon-inactive-y": e("6px"),
+  // Switch Inactive
+  "switch-inactive-background-color": o("neutral"),
+  "switch-inactive-background-color--hover": o("neutral-dark", 0.4),
+  // Switch Active
+  "switch-active-background-color": o("accent"),
+  "switch-active-background-color--hover": o("accent", 0.6),
+  // Switch Slider
+  "switch-slider-x": e("3px"),
+  "switch-slider-active-x": e("33px"),
+  "switch-slider-y": e("3px"),
+  "switch-slider-active-y": e("3px"),
+  "switch-slider-size": e("16px"),
+  "switch-slider-background-color": o("neutral-white"),
+  "switch-slider-border-radius": w.radius("circle"),
+  // Switch Slider Large
+  "switch-slider-large-x": e("2px"),
+  "switch-slider-large-active-x": e("40px"),
+  "switch-slider-large-y": e("2px"),
+  "switch-slider-large-active-y": e("2px"),
+  "switch-slider-large-size": e("28px"),
+  // steps
+  "steps-step-padding-y": d("xl"),
+  "steps-step-padding-x": d("xl"),
+  "steps-color": o("neutral-darker"),
+  "steps-progress-padding-y": d("xl"),
+  "steps-progress-padding-x": d("xl"),
+  "steps-spacing-y": d("3xl"),
+  "steps-indicator-size": e("24px"),
+  "steps-conector-height": "1px",
+  "steps-conector-height--complete": "3px",
+  "steps-conector-top": "12px",
+  // Math.round((steps-indicator-size - steps-conector-height) / 2)
+  "steps-conector-top--complete": "11px",
+  // Math.round((steps-indicator-size - steps-conector-height--complete) / 2)
+  "steps-progress-step-background-color": o("neutral"),
+  "steps-progress-step-background-color--complete": o("accent"),
+  // card
+  "card-background": o("neutral-white"),
+  "card-border-color": o("neutral-light"),
+  "card-border-radius": w.radius("s"),
+  "card-color": o("neutral-darker"),
+  "card-flag-background-danger": o("danger"),
+  "card-flag-background-neutral": o("neutral-light"),
+  "card-flag-background-success": o("success"),
+  "card-flag-background-warning": o("warning"),
+  "card-flag-width": e("4px"),
+  "card-font-height": l.height("3"),
+  "card-padding-x": d("m"),
+  "card-padding-y": d("m"),
+  "card-separator-background": o("neutral-lighter"),
+  "card-subtitle-font-size": l.size("4"),
+  "card-subtitle-font-weight": l.weight("medium"),
+  "card-title-font-height": l.height("2"),
+  "card-title-font-size": l.size("3"),
+  "card-title-font-weight": l.weight("bold"),
+  // dropdown
+  "dropdown-background": o("neutral-white"),
+  "dropdown-border-color": o("neutral-light"),
+  "dropdown-border-radius": w.radius("s"),
+  "dropdown-shadow": k("droplist"),
+  // popover
+  "popover-background": o("neutral-white"),
+  "popover-border-color": o("neutral-light"),
+  "popover-border-radius": w.radius("s"),
+  "popover-shadow": k("droplist"),
+  // Side Navigation
+  "side-navigation-collapsing-breakpoint": e("1280px"),
+  "side-navigation-width": e("200px"),
+  "side-navigation-width-large": e("300px"),
+  "side-navigation-padding-bottom": d("l"),
+  "side-navigation-background-color": o("neutral-darker"),
+  "side-navigation-component-margin-top": d("l"),
+  "side-navigation-logo-padding-x": d("l"),
+  "side-navigation-separator-color": o("neutral-dark"),
+  "side-navigation-menu-title-font-weight": l.weight("bold"),
+  "side-navigation-menu-title-font-size": l.size("5"),
+  "side-navigation-menu-title-line-height": l.height("3"),
+  "side-navigation-menu-link-color--hover": o("primary"),
+  "side-navigation-menu-link-background-color--active": o("neutral-darkest", 0.2),
+  "side-navigation-menu-link-box-shadow-color--active": o("primary"),
+  "side-navigation-menu-item-color--focus": o("primary"),
+  // Table
+  "table-row-default-color": o("neutral-white"),
+  "table-row-variant-color": o("neutral-light", 0.2),
+  "table-row-selected-color": o("accent", 0.2),
+  // Top Navigation
+  "top-navigation-height": e("60px"),
+  "top-navigation-background-color": o("neutral-white"),
+  "top-navigation-border-color": o("neutral-lighter"),
+  "top-navigation-dropdown-separator-color": o("neutral-lighter"),
+  "top-navigation-dropdown-trigger-color": o("neutral"),
+  "top-navigation-dropdown-subitem-color": o("neutral-dark"),
+  "top-navigation-item-icon-color": o("neutral-dark"),
+  "top-navigation-item-color": o("neutral-darkest"),
+  "top-navigation-item-color--hover": o("primary"),
+  // Select
+  "select-trigger-height": "100%",
+  "select-trigger-border-color": o("neutral-lighter"),
+  "select-selected-option-check-color": o("accent"),
+  "select-selected-option-background-color": o("accent", 0.2),
+  // Toggle & Toggle Group
+  "toggle-text-transform": "uppercase",
+  "toggle-box-shadow": k("glow-primary"),
+  "toggle-outline": "none",
+  "toggle-outline-offset": "0",
+  "toggle-background-color": o("transparent"),
+  "toggle-background-color--hover": o("transparent"),
+  "toggle-background-color--focus": o("transparent"),
+  "toggle-background-color--active": o("transparent"),
+  "toggle-background-color--disabled": o("transparent"),
+  "toggle-checked-background-color": o("neutral-darkest"),
+  "toggle-checked-background-color--hover": o("neutral-dark"),
+  "toggle-checked-background-color--focus": o("neutral-darker"),
+  "toggle-checked-background-color--active": o("neutral"),
+  "toggle-checked-background-color--disabled": o("neutral-darkest"),
+  "toggle-color": o("neutral-darker"),
+  "toggle-color--hover": o("neutral-dark"),
+  "toggle-color--focus": o("neutral-darker"),
+  "toggle-color--active": o("neutral"),
+  "toggle-color--disabled": o("neutral-darker"),
+  "toggle-checked-color": o("neutral-white"),
+  "toggle-checked-color--hover": o("neutral-white"),
+  "toggle-checked-color--focus": o("neutral-white"),
+  "toggle-checked-color--active": o("neutral-white"),
+  "toggle-checked-color--disabled": o("neutral-lightest"),
+  "toggle-single-border-color": o("transparent"),
+  "toggle-single-border-color--hover": o("transparent"),
+  "toggle-single-border-color--focus": o("neutral-darker"),
+  "toggle-single-border-color--active": o("neutral"),
+  "toggle-single-border-color--disabled": o("transparent"),
+  "toggle-single-checked-border-color": o("neutral-darkest"),
+  "toggle-single-checked-border-color--disabled": o("neutral-darkest"),
+  "toggle-single-font-size": l.size("4"),
+  "toggle-single-small-font-size": "10px",
+  "toggle-single-height": "28px",
+  "toggle-single-small-height": "16px",
+  "toggle-multiple-border-color": o("neutral-darkest"),
+  "toggle-multiple-border-color--hover": o("neutral-dark"),
+  "toggle-multiple-border-color--focus": o("neutral-darker"),
+  "toggle-multiple-border-color--active": o("neutral"),
+  "toggle-multiple-border-color--disabled": o("neutral-darkest"),
+  "toggle-multiple-checked-border-color": o("neutral-darkest"),
+  "toggle-multiple-checked-border-color--disabled": o("neutral-darkest"),
+  "toggle-multiple-font-size": l.size("4"),
+  "toggle-multiple-small-font-size": l.size("5"),
+  "toggle-multiple-height": "36px",
+  "toggle-multiple-small-height": "24px",
+  "toggle-group-border-color--disabled": o("neutral-darkest", 0.4),
+  "toggle-group-multiple-border-width": "initial",
+  "toggle-group-multiple-border-style": "none",
+  "toggle-group-multiple-border-color": "initial",
+  "toggle-group-multiple-border-radius": "initial",
+  "toggle-group-multiple-padding": 0,
+  "toggle-group-single-border-width": "1px",
+  "toggle-group-single-border-style": "solid",
+  "toggle-group-single-border-color": o("neutral-darker"),
+  "toggle-group-single-border-radius": w.radius("s"),
+  "toggle-group-single-padding": "3px",
+  // dropdown
+  "dropdown-trigger-border-color": o("primary"),
+  "dropdown-trigger-dark-border-color": o("neutral-light"),
+  "dropdown-trigger-outlined-border-color": o("transparent"),
+  "dropdown-trigger-expanded-color": o("accent"),
+  "dropdown-trigger-height": z("default"),
+  "dropdown-trigger-small-height": z("small"),
+  "dropdown-trigger-large-height": z("large"),
+  "dropdown-trigger-box-shadow": k("glow-primary"),
+  "dropdown-trigger-outline": "none",
+  "dropdown-trigger-outline-offset": "0"
+}, ur = {
+  ...G,
+  "color-primary": t("color-primary-60"),
+  "color-accent": t("color-accent-60"),
+  "color-neutral-white": t("color-neutral-0"),
+  "color-neutral-lightest": t("color-neutral-10"),
+  "color-neutral-lighter": t("color-neutral-20"),
+  "color-neutral-light": t("color-neutral-40"),
+  "color-neutral": t("color-neutral-60"),
+  "color-neutral-dark": t("color-neutral-80"),
+  "color-neutral-darker": t("color-neutral-90"),
+  "color-neutral-darkest": t("color-neutral-100"),
+  "color-success-dark": t("color-success-100"),
+  "color-success": t("color-success-60"),
+  "color-success-light": t("color-success-20"),
+  "color-danger-dark": t("color-danger-100"),
+  "color-danger": t("color-danger-60"),
+  "color-danger-light": t("color-danger-20"),
+  "color-warning-dark": t("color-warning-100"),
+  "color-warning": t("color-warning-60"),
+  "color-warning-light": t("color-warning-20")
+}, Tr = Q, br = B, hr = P, pr = M, kr = q, xr = L, wr = {
+  "shadow-none": "none",
+  "shadow-modal": "0px 2px 6px 0px rgba(10, 10, 11, 0.4)",
+  "shadow-droplist": "0px 2px 3px 0px rgba(10, 10, 11, 0.4)",
+  "shadow-glow-primary": `0px 0px 4px 0px ${t("color-primary-60")}`,
+  "shadow-glow-warning": `0px 0px 4px 0px ${t("color-warning-60")}`
+}, fr = W, mr = X, Rr = rr, yr = {
+  "height-small": t("global-height-small"),
+  "height-default": t("global-height-default"),
+  "height-large": t("global-height-large")
+}, a = O(ur), _ = R(wr), g = T(br), c = D({
+  families: hr,
+  heights: xr,
+  sizes: pr,
+  weights: kr
+}), f = H({
+  radiuses: fr,
+  widths: mr
+}), y = N(yr), Br = {
+  ...Ar,
+  ...fr,
+  ...mr,
+  ...ur,
+  ...hr,
+  ...xr,
+  ...pr,
+  ...kr,
+  ...Tr,
+  ...wr,
+  ...br,
+  ...Rr,
+  ...yr,
+  // button
+  "button-border-radius": f.radius("s"),
+  "button-border-width": f.width("thin"),
+  "button-font-weight": c.weight("bold"),
+  "button-font-height": c.height("1"),
+  "button-small-font-size": c.size("5"),
+  "button-small-height": y("small"),
+  "button-small-padding-x": g("s"),
+  "button-small-padding-y": e("6px"),
+  "button-font-size": c.size("3"),
+  "button-height": y("default"),
+  "button-width": "auto",
+  "button-padding-y": e("10px"),
+  "button-padding-x": g("m"),
+  "button-spacing-x": g("s"),
+  "button-large-font-size": c.size("3"),
+  "button-large-height": y("large"),
+  "button-large-padding-x": g("m"),
+  "button-large-padding-y": e("14px"),
+  "button-outline-offset": "2px",
+  // button primary
+  "button-primary-background": a("primary"),
+  "button-primary-background--hover": t("color-primary-100"),
+  "button-primary-background--focus": a("primary"),
+  "button-primary-background--active": t("color-primary-60", 0.6),
+  "button-primary-background--disabled": a("primary"),
+  "button-primary-border-color": a("primary"),
+  "button-primary-border-color--hover": t("color-primary-100"),
+  "button-primary-border-color--focus": t("color-primary-100"),
+  "button-primary-border-color--active": t("color-primary-60", 0.6),
+  "button-primary-border-color--disabled": a("primary"),
+  "button-primary-color": a("neutral-white"),
+  "button-primary-color--hover": a("neutral-white"),
+  "button-primary-color--focus": a("neutral-white"),
+  "button-primary-color--active": a("neutral-white"),
+  "button-primary-color--disabled": a("neutral-white"),
+  "button-primary-outline": `1px solid ${t("color-primary-60")}`,
+  "button-primary-box-shadow": "none",
+  // button secondary
+  "button-secondary-background": a("transparent"),
+  "button-secondary-background--hover": t("color-background-tertiary"),
+  "button-secondary-background--focus": a("transparent"),
+  "button-secondary-background--active": t("color-background-tertiary"),
+  "button-secondary-background--disabled": a("transparent"),
+  "button-secondary-border-color": t("color-primary-100"),
+  "button-secondary-border-color--hover": t("color-primary-60"),
+  "button-secondary-border-color--focus": t("color-primary-100"),
+  "button-secondary-border-color--active": t("color-primary-60"),
+  "button-secondary-border-color--disabled": t("color-primary-100"),
+  "button-secondary-color": t("color-primary-100"),
+  "button-secondary-color--hover": t("color-primary-60"),
+  "button-secondary-color--focus": t("color-primary-100"),
+  "button-secondary-color--active": t("color-primary-60"),
+  "button-secondary-color--disabled": t("color-primary-100"),
+  "button-secondary-outline": `1px solid ${t("color-primary-60")}`,
+  "button-secondary-box-shadow": "none",
+  // button secondary dark
+  "button-secondary-dark-background": a("transparent"),
+  "button-secondary-dark-background--hover": t("color-neutral-60", 0.2),
+  "button-secondary-dark-background--focus": a("transparent"),
+  "button-secondary-dark-background--active": t("color-neutral-60", 0.4),
+  "button-secondary-dark-background--disabled": a("transparent"),
+  "button-secondary-dark-border-color": a("neutral-light"),
+  "button-secondary-dark-border-color--hover": a("accent"),
+  "button-secondary-dark-border-color--focus": a("neutral-light"),
+  "button-secondary-dark-border-color--active": t("color-primary-60", 0.6),
+  "button-secondary-dark-border-color--disabled": a("neutral-light"),
+  "button-secondary-dark-color": a("neutral-light"),
+  "button-secondary-dark-color--hover": a("accent"),
+  "button-secondary-dark-color--focus": a("neutral-light"),
+  "button-secondary-dark-color--active": t("color-primary-60", 0.6),
+  "button-secondary-dark-color--disabled": a("neutral-light"),
+  // button tertiary
+  "button-tertiary-background": a("transparent"),
+  "button-tertiary-background--hover": t("color-background-tertiary"),
+  "button-tertiary-background--focus": a("transparent"),
+  "button-tertiary-background--active": t("color-background-tertiary"),
+  "button-tertiary-background--disabled": a("transparent"),
+  "button-tertiary-border-color": a("transparent"),
+  "button-tertiary-border-color--hover": t("color-background-tertiary"),
+  "button-tertiary-border-color--focus": a("transparent"),
+  "button-tertiary-border-color--active": t("color-background-tertiary"),
+  "button-tertiary-border-color--disabled": a("transparent"),
+  "button-tertiary-color": t("color-primary-100"),
+  "button-tertiary-color--hover": t("color-primary-60"),
+  "button-tertiary-color--focus": t("color-primary-100"),
+  "button-tertiary-color--active": t("color-primary-60"),
+  "button-tertiary-color--disabled": t("color-primary-100"),
+  "button-tertiary-outline": `1px solid ${t("color-primary-60")}`,
+  "button-tertiary-box-shadow": "none",
+  // button warning
+  "button-warning-background": t("color-warning-60"),
+  "button-warning-background--hover": t("color-warning-100"),
+  "button-warning-background--focus": t("color-warning-60"),
+  "button-warning-background--active": t("color-warning-100"),
+  "button-warning-background--disabled": t("color-warning-60"),
+  "button-warning-border-color": t("color-warning-60"),
+  "button-warning-border-color--hover": t("color-warning-100"),
+  "button-warning-border-color--focus": t("color-warning-60"),
+  "button-warning-border-color--active": t("color-warning-100"),
+  "button-warning-border-color--disabled": t("color-warning-60"),
+  "button-warning-color": t("color-text-primary"),
+  "button-warning-color--hover": t("color-text-inverted"),
+  "button-warning-color--focus": t("color-text-primary"),
+  "button-warning-color--active": t("color-text-inverted"),
+  "button-warning-color--disabled": a("neutral-white"),
+  "button-warning-outline": `1px solid ${t("color-warning-60")}`,
+  "button-warning-box-shadow": "none",
+  // button icon
+  "button-icon-border-radius": f.radius("circle"),
+  "button-icon-small-width": y("small"),
+  "button-icon-width": y("default"),
+  "button-icon-large-width": y("large"),
+  "button-icon-background": t("color-background-tertiary"),
+  "button-icon-background--hover": t("color-background-highlight"),
+  "button-icon-background--focus": t("color-background-tertiary"),
+  "button-icon-background--active": t("color-background-highlight"),
+  "button-icon-background--disabled": t("color-background-tertiary"),
+  "button-icon-border-color": t("color-background-tertiary"),
+  "button-icon-border-color--hover": t("color-background-highlight"),
+  "button-icon-border-color--focus": t("color-background-tertiary"),
+  "button-icon-border-color--active": t("color-background-highlight"),
+  "button-icon-border-color--disabled": t("color-background-tertiary"),
+  "button-icon-color": t("color-background-secondary-inverted"),
+  "button-icon-color--hover": t("color-primary-60"),
+  "button-icon-color--focus": t("color-primary-60"),
+  "button-icon-color--active": t("color-primary-60"),
+  "button-icon-color--disabled": t("color-background-secondary-inverted"),
+  "button-icon-outline": `1px solid ${t("color-primary-60")}`,
+  "button-icon-box-shadow": "none",
+  // tag
+  "tag-border-radius": e("30px"),
+  "tag-border-width": f.width("thin"),
+  "tag-font-height": c.height("1"),
+  "tag-spacing": `0 ${t("spacing-3")}`,
+  "tag-removable-spacing": `0 ${g("xs")} 0 ${g("s")}`,
+  "tag-width": "auto",
+  "tag-box-shadow": "none",
+  "tag-outline-offset": "2px",
+  "tag-remove-button-background": a("neutral-white"),
+  "tag-remove-button-border-radius": e("24px"),
+  "tag-icon-spacing": g("xs"),
+  // tag small
+  "tag-small-font-size": t("font-size-1"),
+  "tag-small-font-weight": t("font-weight-medium"),
+  "tag-small-height": e("18px"),
+  "tag-small-transform": "uppercase",
+  "tag-small-leading-display": "none",
+  "tag-small-remove-button-size": e("0"),
+  "tag-small-remove-button-icon-size": e("0"),
+  "tag-small-spacing": `0 ${t("spacing-2")}`,
+  "tag-small-removable-spacing": `0 ${g("s")}`,
+  // tag medium
+  "tag-font-size": t("font-size-2"),
+  "tag-font-weight": t("font-weight-bold"),
+  "tag-height": e("28px"),
+  "tag-transform": "none",
+  "tag-leading-display": "inline-flex",
+  "tag-remove-button-size": e("16px"),
+  "tag-remove-button-icon-size": e("10px"),
+  // tag large
+  "tag-large-font-size": t("font-size-4"),
+  "tag-large-font-weight": t("font-weight-bold"),
+  "tag-large-height": e("40px"),
+  "tag-large-transform": "none",
+  "tag-large-leading-display": "inline-flex",
+  "tag-large-remove-button-size": e("24px"),
+  "tag-large-remove-button-icon-size": e("12px"),
+  "tag-large-spacing": `0 ${t("spacing-4")}`,
+  // tag default
+  "tag-default-background": t("color-background-tertiary"),
+  "tag-default-background--hover": t("color-background-tertiary"),
+  "tag-default-background--focus": t("color-background-tertiary"),
+  "tag-default-color": t("color-text-tertiary"),
+  "tag-default-color--hover": a("neutral-darkest"),
+  "tag-default-color--focus": a("neutral-dark"),
+  "tag-default-border-color": t("color-background-tertiary"),
+  "tag-default-border-color--hover": t("color-background-tertiary"),
+  "tag-default-border-color--focus": t("color-background-tertiary"),
+  "tag-default-outline": `1px solid ${t("color-neutral-100")}`,
+  // tag outline
+  "tag-outlined-background": a("transparent"),
+  "tag-outlined-background--hover": a("transparent"),
+  "tag-outlined-background--focus": a("transparent"),
+  "tag-outlined-color": a("neutral-darkest"),
+  "tag-outlined-color--hover": a("neutral-darkest"),
+  "tag-outlined-color--focus": a("neutral-darker"),
+  "tag-outlined-border-color": a("neutral-darkest"),
+  "tag-outlined-border-color--hover": a("neutral-darkest"),
+  "tag-outlined-border-color--focus": a("neutral-darker"),
+  "tag-outlined-outline": `1px solid ${t("color-neutral-100")}`,
+  // tag accent
+  "tag-accent-background": t("color-accent-20"),
+  "tag-accent-background--hover": t("color-accent-20"),
+  "tag-accent-background--focus": t("color-accent-20"),
+  "tag-accent-color": t("color-accent-60"),
+  "tag-accent-color--hover": t("color-accent-60"),
+  "tag-accent-color--focus": t("color-accent-60"),
+  "tag-accent-border-color": "transparent",
+  "tag-accent-border-color--hover": "transparent",
+  "tag-accent-border-color--focus": "transparent",
+  "tag-accent-outline": `1px solid ${t("color-accent-100")}`,
+  // tag success
+  "tag-success-background": t("color-success-20"),
+  "tag-success-background--hover": t("color-success-20"),
+  "tag-success-background--focus": t("color-success-20"),
+  "tag-success-color": t("color-success-60"),
+  "tag-success-color--hover": a("success-dark"),
+  "tag-success-color--focus": a("success-dark"),
+  "tag-success-border-color": t("color-success-20"),
+  "tag-success-border-color--hover": t("color-success-20"),
+  "tag-success-border-color--focus": t("color-success-20"),
+  "tag-success-outline": `1px solid ${t("color-success-100")}`,
+  // tag warning
+  "tag-warning-background": t("color-warning-20"),
+  "tag-warning-background--hover": t("color-warning-20"),
+  "tag-warning-background--focus": t("color-warning-20"),
+  "tag-warning-color": t("color-warning-100"),
+  "tag-warning-color--hover": t("color-warning-100"),
+  "tag-warning-color--focus": t("color-warning-100"),
+  "tag-warning-border-color": t("color-warning-20"),
+  "tag-warning-border-color--hover": t("color-warning-20"),
+  "tag-warning-border-color--focus": t("color-warning-20"),
+  "tag-warning-outline": `1px solid ${t("color-warning-100")}`,
+  // tag danger
+  "tag-danger-background": t("color-danger-20"),
+  "tag-danger-background--hover": t("color-danger-20"),
+  "tag-danger-background--focus": t("color-danger-20"),
+  "tag-danger-color": t("color-danger-60"),
+  "tag-danger-color--hover": t("color-danger-60"),
+  "tag-danger-color--focus": t("color-danger-60"),
+  "tag-danger-border-color": t("color-danger-20"),
+  "tag-danger-border-color--hover": t("color-danger-20"),
+  "tag-danger-border-color--focus": t("color-danger-20"),
+  "tag-danger-outline": `1px solid ${t("color-danger-100")}`,
+  // checkbox
+  "checkbox-color": a("neutral-darker"),
+  "checkbox-font-weight": c.weight("medium"),
+  "checkbox-font-size": c.size("4"),
+  "checkbox-selector-border-radius": f.radius("s"),
+  "checkbox-selector-size": e("16px"),
+  "checkbox-selector-box-shadow": "none",
+  "checkbox-selector-outline": `1px solid ${t("color-primary-100")}`,
+  "checkbox-selector-outline-offset": "2px",
+  "checkbox-small-font-size": c.size("5"),
+  "checkbox-selector-icon-color": a("neutral-white"),
+  "checkbox-selector-background": a("neutral-white"),
+  "checkbox-selector-background--hover": a("neutral-white"),
+  "checkbox-selector-background--focus": a("neutral-white"),
+  "checkbox-selector-background--disabled": a("neutral-light"),
+  "checkbox-selector-checked-background": a("primary"),
+  "checkbox-selector-checked-background--hover": t("color-primary-100"),
+  "checkbox-selector-checked-background--focus": a("primary"),
+  "checkbox-selector-checked-background--disabled": a("neutral-dark"),
+  "checkbox-selector-border-color": a("neutral-darker"),
+  "checkbox-selector-border-color--hover": a("accent"),
+  "checkbox-selector-border-color--focus": a("accent"),
+  "checkbox-selector-border-color--disabled": a("neutral-darker"),
+  "checkbox-selector-checked-border-color": a("primary"),
+  "checkbox-selector-checked-border-color--hover": a("accent"),
+  "checkbox-selector-checked-border-color--focus": a("accent"),
+  "checkbox-selector-checked-border-color--disabled": a("neutral-darkest"),
+  // checkbox dark
+  "checkbox-dark-color": a("neutral-lighter"),
+  "checkbox-dark-selector-background": a("neutral-darker"),
+  "checkbox-dark-selector-background--hover": a("neutral-darker"),
+  "checkbox-dark-selector-background--focus": a("neutral-darker"),
+  "checkbox-dark-selector-background--disabled": a("neutral-neutral"),
+  "checkbox-dark-selector-border-color": a("neutral-lighter"),
+  "checkbox-dark-selector-border-color--hover": a("accent"),
+  "checkbox-dark-selector-border-color--focus": a("accent"),
+  "checkbox-dark-selector-border-color--disabled": a("neutral-lighter"),
+  // radio
+  "radio-color": a("accent"),
+  "radio-font-weight": c.weight("medium"),
+  "radio-font-size": c.size("4"),
+  "radio-selector-border-radius": f.radius("circle"),
+  "radio-selector-size": e("24px"),
+  "radio-selector-box-shadow": "none",
+  "radio-small-font-size": c.size("5"),
+  "radio-small-selector-size": e("16px"),
+  "radio-selector-background": a("neutral-white"),
+  "radio-selector-background--hover": a("neutral-white"),
+  "radio-selector-background--focus": a("neutral-white"),
+  "radio-selector-background--disabled": a("neutral-light"),
+  "radio-selector-border-color": a("neutral-darker"),
+  "radio-selector-border-color--hover": a("accent"),
+  "radio-selector-border-color--focus": a("accent"),
+  "radio-selector-border-color--disabled": a("neutral-darker"),
+  "radio-selector-border-color--checked": t("color-primary-60"),
+  // radio dark
+  "radio-dark-color": a("neutral-lighter"),
+  "radio-dark-selector-background": a("neutral-darker"),
+  "radio-dark-selector-background--hover": a("neutral-darker"),
+  "radio-dark-selector-background--focus": a("neutral-darker"),
+  "radio-dark-selector-background--disabled": a("neutral-neutral"),
+  "radio-dark-selector-border-color": a("neutral-lighter"),
+  "radio-dark-selector-border-color--hover": a("accent"),
+  "radio-dark-selector-border-color--focus": a("accent"),
+  "radio-dark-selector-border-color--disabled": a("neutral-lighter"),
+  // tooltip
+  "tooltip-arrow-height": e("12px"),
+  "tooltip-arrow-width": e("20px"),
+  "tooltip-background": a("neutral-darker"),
+  "tooltip-border-radius": e("8px"),
+  "tooltip-color": a("neutral-white"),
+  "tooltip-dark-outline": t("color-neutral-60", 0.4),
+  "tooltip-font-size": c.size("4"),
+  "tooltip-font-height": c.height("3"),
+  "tooltip-max-width": e("240px"),
+  "tooltip-min-width": e("80px"),
+  "tooltip-outline": a("neutral-darkest"),
+  "tooltip-padding-x": g("m"),
+  "tooltip-padding-y": g("s"),
+  "tooltip-margin": g("s"),
+  "tooltip-shadow": _("droplist"),
+  // modal
+  "modal-small-max-width": e("344px"),
+  "modal-max-width": e("484px"),
+  "modal-large-max-width": e("688px"),
+  "modal-overlay-background": t("color-neutral-100", 0.4),
+  // dialog
+  "dialog-header-color": a("neutral-darkest"),
+  "dialog-header-border-color": a("neutral-light"),
+  "dialog-body-font-color": a("color-neutral-darker"),
+  // text-field
+  "text-field-border-radius": f.radius("s"),
+  "text-field-color": a("neutral-darker"),
+  "text-field-font-size": c.size("4"),
+  "text-field-font-weight": c.weight("medium"),
+  "text-field-font-height": c.height("3"),
+  "text-field-height": y("default"),
+  "text-field-padding-x": g("s"),
+  "text-field-padding-y": g("s"),
+  "text-field-box-shadow": "none",
+  "text-field-outline": `1px solid ${t("color-primary-100")}`,
+  "text-field-outline-offset": "2px",
+  "text-field-small-height": y("small"),
+  "text-field-small-padding-x": g("s"),
+  "text-field-small-padding-y": g("xs"),
+  "text-field-small-font-size": c.size("5"),
+  "text-field-large-height": y("large"),
+  "text-field-large-padding-x": g("s"),
+  "text-field-large-padding-y": e("12px"),
+  "text-field-large-font-size": c.size("4"),
+  "text-field-background": a("neutral-white"),
+  "text-field-background--hover": a("neutral-white"),
+  "text-field-background--focus": a("neutral-white"),
+  "text-field-background--disabled": a("neutral-light"),
+  "text-field-border-color": t("color-border"),
+  "text-field-border-color--hover": t("color-primary-60"),
+  "text-field-border-color--focus": t("color-primary-60"),
+  "text-field-border-color--disabled": t("color-border"),
+  // text-field dark
+  "text-field-dark-color": a("neutral-lighter"),
+  "text-field-dark-background": a("neutral-darker"),
+  "text-field-dark-border-color": a("neutral-lighter"),
+  "text-field-dark-border-color--hover": a("accent"),
+  "text-field-dark-border-color--focus": a("accent"),
+  "text-field-dark-border-color--disabled": a("neutral-lighter"),
+  "text-field-success-border-color": a("accent"),
+  "text-field-danger-border-color": t("color-danger-60"),
+  "text-field-dark-box-shadow": "none",
+  // textarea
+  "textarea-border-radius": f.radius("s"),
+  "textarea-color": a("neutral-darker"),
+  "textarea-font-size": c.size("4"),
+  "textarea-font-weight": c.weight("medium"),
+  "textarea-font-height": c.height("3"),
+  "textarea-min-height": e("64px"),
+  "textarea-padding-x": g("s"),
+  "textarea-padding-y": g("s"),
+  "textarea-box-shadow": "none",
+  "textarea-outline": `1px solid ${t("color-primary-100")}`,
+  "textarea-outline-offset": "2px",
+  "textarea-small-padding-x": g("s"),
+  "textarea-small-padding-y": g("xs"),
+  "textarea-small-font-size": c.size("5"),
+  "textarea-large-height": e("45px"),
+  "textarea-large-padding-x": g("s"),
+  "textarea-large-padding-y": e("12px"),
+  "textarea-large-font-size": c.size("4"),
+  "textarea-background": a("neutral-white"),
+  "textarea-background--hover": a("neutral-white"),
+  "textarea-background--focus": a("neutral-white"),
+  "textarea-background--disabled": a("neutral-light"),
+  "textarea-border-color": a("neutral-darker"),
+  "textarea-border-color--hover": t("color-primary-60"),
+  "textarea-border-color--focus": t("color-primary-60"),
+  "textarea-border-color--disabled": a("neutral-darker"),
+  // textarea dark
+  "textarea-dark-color": a("neutral-lighter"),
+  "textarea-dark-background": a("neutral-darker"),
+  "textarea-dark-border-color": a("neutral-lighter"),
+  "textarea-dark-border-color--hover": a("accent"),
+  "textarea-dark-border-color--focus": a("accent"),
+  "textarea-dark-border-color--disabled": a("neutral-lighter"),
+  "textarea-success-border-color": a("accent"),
+  "textarea-danger-border-color": a("danger"),
+  "textarea-dark-box-shadow": "none",
+  // link
+  "link-font-size": c.size("3"),
+  "link-font-height": c.height("2"),
+  "link-color": t("color-primary-60", 1),
+  "link-font-weight": c.weight("medium"),
+  "link-font-weight--hover": c.weight("bold"),
+  "link-box-shadow": "none",
+  "link-outline": `1px solid ${t("color-primary-100")}`,
+  "link-outline-offset": "2px",
+  // breadcrumbs
+  "breadcrumbs-font-size": c.size("2"),
+  "breadcrumbs-font-height": c.height("2"),
+  "breadcrumbs-font-weight": c.weight("medium"),
+  "breadcrumbs-font-weight--active": c.weight("bold"),
+  "breadcrumbs-spacing-x": e("36px"),
+  //banner
+  "banner-font-size": c.size("4"),
+  "banner-font-height": c.height("3"),
+  "banner-default-height": e("40px"),
+  "banner-min-width": e("320px"),
+  "banner-description-color": a("neutral-darker"),
+  "banner-title-font-weight": c.weight("bold"),
+  "banner-border-radius": f.radius("m"),
+  "banner-border-width": f.width("thin"),
+  "banner-close-button-color": a("neutral-darker"),
+  "banner-icon-width": e("24px"),
+  "banner-icon-height": e("24px"),
+  "banner-icon-margin-right": e("10px"),
+  "banner-default-padding-x": g("m"),
+  "banner-default-padding-y": g("s"),
+  "banner-large-padding": g("m"),
+  "banner-default-icon-alignment": "center",
+  "banner-large-icon-alignment": "start",
+  "banner-default-close-top": g("s"),
+  "banner-default-close-right": g("s"),
+  "banner-large-close-top": e("12px"),
+  "banner-large-close-right": e("12px"),
+  //banner success
+  "banner-title-color-success": a("success-dark"),
+  "banner-border-color-success": a("success"),
+  "banner-background-success": a("success-light"),
+  //banner danger
+  "banner-title-color-danger": a("danger-dark"),
+  "banner-border-color-danger": a("danger"),
+  "banner-background-danger": a("danger-light"),
+  //banner warning
+  "banner-title-color-warning": a("warning-dark"),
+  "banner-border-color-warning": a("warning"),
+  "banner-background-warning": a("warning-light"),
+  //banner neutral
+  "banner-title-color-neutral": a("neutral-darker"),
+  "banner-border-color-neutral": a("neutral"),
+  "banner-background-neutral": a("neutral-light"),
+  //banner action
+  "banner-button-background-success": a("success-dark"),
+  "banner-button-background-neutral": a("neutral-dark"),
+  "banner-button-background-danger": a("danger-dark"),
+  "banner-button-background-warning": a("warning-dark"),
+  "banner-button-background-secondary": a("transparent"),
+  "banner-button-text-color": a("neutral-white"),
+  "banner-secondary-button-margin-left": g("s"),
+  // progressbar
+  "progressbar-height": e("5px"),
+  "progressbar-background": a("transparent"),
+  "progressbar-line": a("darker"),
+  // neutral
+  "progressbar-neutral-fill": a("neutral-light"),
+  // success
+  "progressbar-success-fill": a("success-light"),
+  // danger
+  "progressbar-danger-fill": a("danger-light"),
+  // warning
+  "progressbar-warning-fill": a("warning-light"),
+  // toast
+  "toast-padding-x": g("m"),
+  "toast-padding-y": g("m"),
+  "toast-border-radius": f.radius("s"),
+  "toast-font-color": a("neutral-white"),
+  "toast-font-size": c.size("4"),
+  "toast-font-weight": c.weight("bold"),
+  "toast-font-height": c.height("3"),
+  "toast-close-x": g("xs"),
+  "toast-close-y": g("xs"),
+  "toast-shadow": _("modal"),
+  "toast-width": e("320px"),
+  // neutral
+  "toast-neutral-background": a("neutral-dark"),
+  // success
+  "toast-success-background": a("success"),
+  // danger
+  "toast-danger-background": a("danger"),
+  // warning
+  "toast-warning-background": a("warning"),
+  // Label
+  "label-font-size": c.size("4"),
+  "label-font-weight": c.weight("medium"),
+  "label-font-height": c.height("3"),
+  "label-font-color": a("darker"),
+  // Label required
+  "label-required-color": a("danger"),
+  // Label tooltip
+  "label-tooltip-margin-left": g("xs"),
+  "label-tooltip-font-weight": c.weight("bold"),
+  "label-tooltip-font-size": c.size("5"),
+  "label-tooltip-font-color": a("neutral-white"),
+  "label-tooltip-background-color": a("neutral"),
+  // Label dark
+  "label-dark-font-color": a("neutral-white"),
+  // Label tooltip dark
+  "label-tooltip-dark-font-color": a("neutral-white"),
+  "label-tooltip-dark-background-color": a("neutral"),
+  // Switch
+  "switch-width": e("52px"),
+  "switch-height": e("22px"),
+  "switch-border-radius": e("22px"),
+  "switch-box-shadow": "none",
+  "switch-outline": `1px solid ${t("color-primary-100")}`,
+  "switch-outline-offset": "2px",
+  // Switch Large
+  "switch-large-width": e("70px"),
+  "switch-large-height": e("32px"),
+  "switch-large-border-radius": e("32px"),
+  // Switch Icon
+  "switch-icon-height": e("16px"),
+  "switch-icon-width": e("16px"),
+  "switch-icon-color": a("neutral-white"),
+  // Switch Icon Large
+  "switch-large-icon-height": e("20px"),
+  "switch-large-icon-width": e("20px"),
+  // Switch Icon Active
+  "switch-icon-active-x": e("8px"),
+  "switch-icon-active-y": e("3px"),
+  // Switch Large Icon Active
+  "switch-large-icon-active-x": e("8px"),
+  "switch-large-icon-active-y": e("6px"),
+  // Switch Icon Inactive
+  "switch-icon-inactive-x": e("28px"),
+  "switch-icon-inactive-y": e("3px"),
+  // Switch Large Icon Inactive
+  "switch-large-icon-inactive-x": e("42px"),
+  "switch-large-icon-inactive-y": e("6px"),
+  // Switch Inactive
+  "switch-inactive-background-color": a("neutral"),
+  "switch-inactive-background-color--hover": t("color-neutral-80", 0.4),
+  // Switch Active
+  "switch-active-background-color": t("color-primary-60"),
+  "switch-active-background-color--hover": t("color-primary-60", 0.6),
+  // Switch Slider
+  "switch-slider-x": e("3px"),
+  "switch-slider-active-x": e("33px"),
+  "switch-slider-y": e("3px"),
+  "switch-slider-active-y": e("3px"),
+  "switch-slider-size": e("16px"),
+  "switch-slider-background-color": a("neutral-white"),
+  "switch-slider-border-radius": f.radius("circle"),
+  // Switch Slider Large
+  "switch-slider-large-x": e("2px"),
+  "switch-slider-large-active-x": e("40px"),
+  "switch-slider-large-y": e("2px"),
+  "switch-slider-large-active-y": e("2px"),
+  "switch-slider-large-size": e("28px"),
+  // steps
+  "steps-step-padding-y": g("xl"),
+  "steps-step-padding-x": g("xl"),
+  "steps-color": a("neutral-darker"),
+  "steps-progress-padding-y": g("xl"),
+  "steps-progress-padding-x": g("xl"),
+  "steps-spacing-y": g("3xl"),
+  "steps-indicator-size": e("24px"),
+  "steps-conector-height": "1px",
+  "steps-conector-height--complete": "3px",
+  "steps-conector-top": "12px",
+  // Math.round((steps-indicator-size - steps-conector-height) / 2)
+  "steps-conector-top--complete": "11px",
+  // Math.round((steps-indicator-size - steps-conector-height--complete) / 2)
+  "steps-progress-step-background-color": a("neutral"),
+  "steps-progress-step-background-color--complete": t("color-primary-60"),
+  // card
+  "card-background": a("neutral-white"),
+  "card-border-color": a("neutral-light"),
+  "card-border-radius": f.radius("s"),
+  "card-color": a("neutral-darker"),
+  "card-flag-background-danger": a("danger"),
+  "card-flag-background-neutral": a("neutral-light"),
+  "card-flag-background-success": a("success"),
+  "card-flag-background-warning": a("warning"),
+  "card-flag-width": e("4px"),
+  "card-font-height": c.height("3"),
+  "card-padding-x": g("m"),
+  "card-padding-y": g("m"),
+  "card-separator-background": a("neutral-lighter"),
+  "card-subtitle-font-size": c.size("4"),
+  "card-subtitle-font-weight": c.weight("medium"),
+  "card-title-font-height": c.height("2"),
+  "card-title-font-size": c.size("3"),
+  "card-title-font-weight": c.weight("bold"),
+  // popover
+  "popover-background": a("neutral-white"),
+  "popover-border-color": a("neutral-light"),
+  "popover-border-radius": f.radius("s"),
+  "popover-shadow": _("droplist"),
+  // Side Navigation
+  "side-navigation-collapsing-breakpoint": e("1280px"),
+  "side-navigation-width": e("200px"),
+  "side-navigation-width-large": e("300px"),
+  "side-navigation-padding-bottom": g("l"),
+  "side-navigation-background-color": t("color-background-inverted"),
+  "side-navigation-component-margin-top": g("l"),
+  "side-navigation-logo-padding-x": g("l"),
+  "side-navigation-separator-color": a("neutral-dark"),
+  "side-navigation-menu-title-font-weight": t("font-weight-bold"),
+  "side-navigation-menu-title-font-size": t("font-size-5"),
+  "side-navigation-menu-title-line-height": t("line-height-5"),
+  "side-navigation-menu-link-color--hover": t("color-brand"),
+  "side-navigation-menu-link-background-color--active": t("color-background-secondary-inverted"),
+  "side-navigation-menu-link-box-shadow-color--active": t("color-brand"),
+  "side-navigation-menu-item-color--focus": t("color-brand"),
+  // Table
+  "table-row-default-color": a("neutral-white"),
+  "table-row-variant-color": t("color-neutral-40", 0.2),
+  "table-row-selected-color": t("color-primary-20"),
+  // Top Navigation
+  "top-navigation-height": e("60px"),
+  "top-navigation-background-color": a("neutral-white"),
+  "top-navigation-border-color": a("neutral-lighter"),
+  "top-navigation-dropdown-separator-color": a("neutral-lighter"),
+  "top-navigation-dropdown-trigger-color": a("neutral"),
+  "top-navigation-dropdown-subitem-color": a("neutral-dark"),
+  "top-navigation-item-icon-color": a("neutral-dark"),
+  "top-navigation-item-color": a("neutral-darkest"),
+  "top-navigation-item-color--hover": t("color-brand"),
+  // Select
+  "select-trigger-height": `calc(${y("default")} - 2px)`,
+  "select-trigger-border-color": t("color-border"),
+  "select-selected-option-check-color": t("color-primary-60"),
+  "select-selected-option-background-color": t("color-primary-60", 0.2),
+  // Toggle & Toggle Group
+  "toggle-text-transform": "initial",
+  "toggle-box-shadow": "none",
+  "toggle-outline": `1px solid ${t("color-primary-100")}`,
+  "toggle-outline-offset": "2px",
+  "toggle-background-color": a("transparent"),
+  "toggle-background-color--hover": t("color-background-tertiary"),
+  "toggle-background-color--focus": a("transparent"),
+  "toggle-background-color--active": a("transparent"),
+  "toggle-background-color--disabled": a("transparent"),
+  "toggle-checked-background-color": t("color-primary-20"),
+  "toggle-checked-background-color--hover": t("color-background-tertiary"),
+  "toggle-checked-background-color--focus": t("color-primary-20"),
+  "toggle-checked-background-color--active": t("color-background-tertiary"),
+  "toggle-checked-background-color--disabled": t("color-primary-20"),
+  "toggle-color": t("color-primary-100"),
+  "toggle-color--hover": t("color-primary-100"),
+  "toggle-color--focus": t("color-primary-100"),
+  "toggle-color--active": t("color-primary-100"),
+  "toggle-color--disabled": t("color-primary-100"),
+  "toggle-checked-color": t("color-primary-100"),
+  "toggle-checked-color--hover": t("color-primary-100"),
+  "toggle-checked-color--focus": t("color-primary-100"),
+  "toggle-checked-color--active": t("color-primary-100"),
+  "toggle-checked-color--disabled": t("color-primary-100"),
+  "toggle-single-border-color": a("transparent"),
+  "toggle-single-border-color--hover": t("color-background-tertiary"),
+  "toggle-single-border-color--focus": t("color-background-tertiary"),
+  "toggle-single-border-color--active": t("color-background-tertiary"),
+  "toggle-single-border-color--disabled": a("transparent"),
+  "toggle-single-checked-border-color": t("color-primary-20"),
+  "toggle-single-checked-border-color--disabled": t("color-primary-20"),
+  "toggle-single-font-size": t("font-size-3"),
+  "toggle-single-small-font-size": t("font-size-2"),
+  "toggle-single-height": "30px",
+  "toggle-single-small-height": "18px",
+  "toggle-multiple-border-color": a("transparent"),
+  "toggle-multiple-border-color--hover": t("color-background-tertiary"),
+  "toggle-multiple-border-color--focus": t("color-background-tertiary"),
+  "toggle-multiple-border-color--active": t("color-background-tertiary"),
+  "toggle-multiple-border-color--disabled": a("transparent"),
+  "toggle-multiple-checked-border-color": t("color-primary-20"),
+  "toggle-multiple-checked-border-color--disabled": t("color-primary-20"),
+  "toggle-multiple-font-size": t("font-size-3"),
+  "toggle-multiple-small-font-size": t("font-size-2"),
+  "toggle-multiple-height": "30px",
+  "toggle-multiple-small-height": "18px",
+  "toggle-group-border-color--disabled": t("color-primary-20"),
+  "toggle-group-multiple-border-width": "1px",
+  "toggle-group-multiple-border-style": "solid",
+  "toggle-group-multiple-border-color": t("color-border"),
+  "toggle-group-multiple-border-radius": t("border-radius-s"),
+  "toggle-group-multiple-padding": t("spacing-1"),
+  "toggle-group-single-border-width": "1px",
+  "toggle-group-single-border-style": "solid",
+  "toggle-group-single-border-color": t("color-border"),
+  "toggle-group-single-border-radius": t("border-radius-s"),
+  "toggle-group-single-padding": t("spacing-1"),
+  // dropdown
+  "dropdown-trigger-border-color": t("color-border"),
+  "dropdown-trigger-dark-border-color": t("color-border"),
+  "dropdown-trigger-outlined-border-color": a("transparent"),
+  "dropdown-trigger-expanded-color": t("color-primary-60"),
+  "dropdown-trigger-height": `calc(${y("default")} - 2px)`,
+  "dropdown-trigger-small-height": `calc(${y("small")} - 2px)`,
+  "dropdown-trigger-large-height": `calc(${y("large")} - 2px)`,
+  "dropdown-trigger-box-shadow": "none",
+  "dropdown-trigger-outline": `1px solid ${t("color-primary-100")}`,
+  "dropdown-trigger-outline-offset": "2px"
+};
+export {
+  Sr as B,
+  Ar as a,
+  Gr as b,
+  Nr as l,
+  Br as m,
+  e as r
+};
+//# sourceMappingURL=miranda-compatibility.theme-ClCWbTIT.mjs.map