@loadsmart/loadsmart-ui 7.4.0 → 7.6.0

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

@@ -0,0 +1,2469 @@
+import { toCSSValue as t } from "@loadsmart/miranda-tokens";
+import v from "lodash/get.js";
+function F(k) {
+  return function(x, $) {
+    const y = v(k, `color-${x}`);
+    if ($ == null)
+      return y;
+    const gr = ($ * 255).toString(16);
+    return `${y}${gr}`;
+  };
+}
+function E(k) {
+  return function(x) {
+    return v(k, `space-${x}`);
+  };
+}
+function C(k) {
+  return function(x) {
+    return v(k, `shadow-${x}`);
+  };
+}
+function I({
+  families: k,
+  sizes: z,
+  weights: x,
+  heights: $
+}) {
+  return {
+    family(y) {
+      return v(k, `font-family-${y}`);
+    },
+    size(y) {
+      return v(z, `font-size-${y}`);
+    },
+    weight(y) {
+      return v(x, `font-weight-${y}`);
+    },
+    height(y) {
+      return v($, `font-height-${y}`);
+    }
+  };
+}
+function T({
+  radiuses: k,
+  widths: z
+}) {
+  return {
+    radius(x) {
+      return v(k, `border-radius-${x}`);
+    },
+    width(x) {
+      return v(z, `border-width-${x}`);
+    }
+  };
+}
+function A(k) {
+  return function(x) {
+    return v(k, `height-${x}`);
+  };
+}
+const sr = 16;
+function e(k, z = sr) {
+  return `${parseInt(String(k), 10) / z}rem`;
+}
+const O = {
+  "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"
+}, L = {
+  "opacity-0": 0,
+  "opacity-20": 0.2,
+  "opacity-40": 0.4,
+  "opacity-60": 0.6,
+  "opacity-100": 1
+}, _ = {
+  "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")
+}, D = {
+  "font-family-default": "Manrope, sans-serif",
+  "font-family-monospace": "Roboto Mono, monospace"
+}, H = {
+  "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")
+}, N = {
+  "font-weight-regular": 400,
+  "font-weight-medium": 500,
+  "font-weight-bold": 800
+}, G = {
+  "font-height-1": "100%",
+  "font-height-2": "125%",
+  "font-height-3": "140%"
+}, M = {
+  "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)"
+}, R = {
+  "border-radius-none": 0,
+  "border-radius-s": e("4px"),
+  "border-radius-m": e("8px"),
+  "border-radius-l": e("16px"),
+  "border-radius-circle": "50%"
+}, B = {
+  "border-width-none": 0,
+  "border-width-thin": "1px",
+  "border-width-medium": "2px",
+  "border-width-bold": "4px"
+}, W = {
+  "z-index-none": 0,
+  "z-index-default": 1,
+  "z-index-droplist": 10,
+  "z-index-tooltip": 15,
+  "z-index-overlay": 20,
+  "z-index-modal": 30
+}, ur = {
+  left: "left",
+  center: "center",
+  right: "right"
+}, P = {
+  "height-small": e("24px"),
+  "height-default": e("36px"),
+  "height-large": e("48px")
+}, r = F(O), s = C(M), i = E(_), n = I({
+  families: D,
+  heights: G,
+  sizes: H,
+  weights: N
+}), b = T({
+  radiuses: R,
+  widths: B
+}), f = A(P), br = {
+  ...R,
+  ...B,
+  ...O,
+  ...D,
+  ...G,
+  ...H,
+  ...N,
+  ...L,
+  ...M,
+  ..._,
+  ...W,
+  ...ur,
+  ...P,
+  // button
+  "button-border-radius": b.radius("s"),
+  "button-border-width": b.width("thin"),
+  "button-font-weight": n.weight("bold"),
+  "button-font-height": n.height("1"),
+  "button-small-font-size": n.size("5"),
+  "button-small-height": f("small"),
+  "button-small-padding-x": i("s"),
+  "button-small-padding-y": e("6px"),
+  "button-font-size": n.size("3"),
+  "button-height": f("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": f("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": s("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": s("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": s("glow-warning"),
+  // button icon
+  "button-icon-border-radius": b.radius("circle"),
+  "button-icon-small-width": f("small"),
+  "button-icon-width": f("default"),
+  "button-icon-large-width": f("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": s("glow-primary"),
+  "button-icon-outline": "none",
+  // tag
+  "tag-border-radius": e("30px"),
+  "tag-border-width": b.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": s("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": b.radius("s"),
+  "checkbox-selector-size": e("16px"),
+  "checkbox-selector-box-shadow": s("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": b.radius("circle"),
+  "radio-selector-size": e("24px"),
+  "radio-selector-box-shadow": s("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": s("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": b.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": f("default"),
+  "text-field-padding-x": i("s"),
+  "text-field-padding-y": i("s"),
+  "text-field-box-shadow": s("glow-primary"),
+  "text-field-outline": "none",
+  "text-field-outline-offset": "0",
+  "text-field-small-height": f("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": f("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": b.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": s("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": s("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": b.radius("m"),
+  "banner-border-width": b.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": b.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": s("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": s("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": b.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": b.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": b.radius("s"),
+  "dropdown-shadow": s("droplist"),
+  // popover
+  "popover-background": r("neutral-white"),
+  "popover-border-color": r("neutral-light"),
+  "popover-border-radius": b.radius("s"),
+  "popover-shadow": s("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": s("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": b.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": f("default"),
+  "dropdown-trigger-small-height": f("small"),
+  "dropdown-trigger-large-height": f("large"),
+  "dropdown-trigger-box-shadow": s("glow-primary"),
+  "dropdown-trigger-outline": "none",
+  "dropdown-trigger-outline-offset": "0"
+}, X = {
+  "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"
+}, hr = {
+  "opacity-0": 0,
+  "opacity-20": 0.2,
+  "opacity-40": 0.4,
+  "opacity-60": 0.6,
+  "opacity-100": 1
+}, Z = {
+  "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")
+}, q = {
+  "font-family-default": "'Sharp Sans', Manrope, sans-serif",
+  "font-family-monospace": "Roboto Mono, monospace"
+}, U = {
+  "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")
+}, V = {
+  "font-weight-regular": 400,
+  "font-weight-medium": 500,
+  "font-weight-bold": 700
+}, j = {
+  "font-height-1": "100%",
+  "font-height-2": "125%",
+  "font-height-3": "140%"
+}, J = {
+  "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)"
+}, K = {
+  "border-radius-none": 0,
+  "border-radius-s": e("4px"),
+  "border-radius-m": e("8px"),
+  "border-radius-l": e("16px"),
+  "border-radius-circle": "50%"
+}, Q = {
+  "border-width-none": 0,
+  "border-width-thin": "1px",
+  "border-width-medium": "2px",
+  "border-width-bold": "4px"
+}, pr = {
+  "z-index-none": 0,
+  "z-index-default": 1,
+  "z-index-droplist": 10,
+  "z-index-tooltip": 15,
+  "z-index-overlay": 20,
+  "z-index-modal": 30
+}, kr = {
+  left: "left",
+  center: "center",
+  right: "right"
+}, Y = {
+  "height-small": e("24px"),
+  "height-default": e("36px"),
+  "height-large": e("48px")
+}, o = F(X), u = C(J), d = E(Z), l = I({
+  families: q,
+  heights: j,
+  sizes: U,
+  weights: V
+}), h = T({
+  radiuses: K,
+  widths: Q
+}), m = A(Y), yr = {
+  ...K,
+  ...Q,
+  ...X,
+  ...q,
+  ...U,
+  ...V,
+  ...j,
+  ...hr,
+  ...J,
+  ...Z,
+  ...pr,
+  ...kr,
+  ...Y,
+  // button
+  "button-border-radius": h.radius("s"),
+  "button-border-width": h.width("thin"),
+  "button-font-weight": l.weight("bold"),
+  "button-font-height": l.height("1"),
+  "button-small-font-size": l.size("5"),
+  "button-small-height": m("small"),
+  "button-small-padding-x": d("s"),
+  "button-small-padding-y": e("6px"),
+  "button-font-size": l.size("3"),
+  "button-height": m("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": m("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": u("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": u("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": u("glow-warning"),
+  // button icon
+  "button-icon-border-radius": h.radius("circle"),
+  "button-icon-small-width": m("small"),
+  "button-icon-width": m("default"),
+  "button-icon-large-width": m("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": u("glow-primary"),
+  "button-icon-outline": "none",
+  // tag
+  "tag-border-radius": e("30px"),
+  "tag-border-width": h.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": u("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": h.radius("s"),
+  "checkbox-selector-size": e("16px"),
+  "checkbox-selector-box-shadow": u("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": h.radius("circle"),
+  "radio-selector-size": e("24px"),
+  "radio-selector-box-shadow": u("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": u("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": h.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": m("default"),
+  "text-field-padding-x": d("s"),
+  "text-field-padding-y": d("s"),
+  "text-field-box-shadow": u("glow-primary"),
+  "text-field-outline": "none",
+  "text-field-outline-offset": "0",
+  "text-field-small-height": m("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": m("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": h.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": u("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": u("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": h.radius("m"),
+  "banner-border-width": h.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": h.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": u("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": u("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": h.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": h.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": h.radius("s"),
+  "dropdown-shadow": u("droplist"),
+  // popover
+  "popover-background": o("neutral-white"),
+  "popover-border-color": o("neutral-light"),
+  "popover-border-radius": h.radius("s"),
+  "popover-shadow": u("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": u("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": h.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": m("default"),
+  "dropdown-trigger-small-height": m("small"),
+  "dropdown-trigger-large-height": m("large"),
+  "dropdown-trigger-box-shadow": u("glow-primary"),
+  "dropdown-trigger-outline": "none",
+  "dropdown-trigger-outline-offset": "0"
+}, rr = {
+  ...O,
+  "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")
+}, xr = L, or = _, er = D, tr = H, ar = N, nr = G, lr = {
+  "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")}`
+}, cr = R, ir = B, wr = W, dr = {
+  "height-small": t("global-height-small"),
+  "height-default": t("global-height-default"),
+  "height-large": t("global-height-large")
+}, a = F(rr), S = C(lr), g = E(or), c = I({
+  families: er,
+  heights: nr,
+  sizes: tr,
+  weights: ar
+}), p = T({
+  radiuses: cr,
+  widths: ir
+}), w = A(dr), vr = {
+  ...br,
+  ...cr,
+  ...ir,
+  ...rr,
+  ...er,
+  ...nr,
+  ...tr,
+  ...ar,
+  ...xr,
+  ...lr,
+  ...or,
+  ...wr,
+  ...dr,
+  // button
+  "button-border-radius": p.radius("s"),
+  "button-border-width": p.width("thin"),
+  "button-font-weight": c.weight("bold"),
+  "button-font-height": c.height("1"),
+  "button-small-font-size": c.size("5"),
+  "button-small-height": w("small"),
+  "button-small-padding-x": g("s"),
+  "button-small-padding-y": e("6px"),
+  "button-font-size": c.size("3"),
+  "button-height": w("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": w("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": p.radius("circle"),
+  "button-icon-small-width": w("small"),
+  "button-icon-width": w("default"),
+  "button-icon-large-width": w("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": p.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": p.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": p.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": S("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": p.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": w("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": w("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": w("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": p.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": p.radius("m"),
+  "banner-border-width": p.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": p.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": S("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": p.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": p.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": p.radius("s"),
+  "popover-shadow": S("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(${w("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(${w("default")} - 2px)`,
+  "dropdown-trigger-small-height": `calc(${w("small")} - 2px)`,
+  "dropdown-trigger-large-height": `calc(${w("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,
+  br as a,
+  yr as l,
+  vr as m,
+  e as r
+};
+//# sourceMappingURL=miranda-compatibility.theme-DQDHkWzC.mjs.map