@rfdtech/components 1.22.0 → 2.0.0

package/dist/mcp/generated/tokens.json

@@ -0,0 +1,1022 @@
+{
+  "--clet-bg": {
+    "group": "color",
+    "scope": "global",
+    "light": "#fff",
+    "dark": "#1f1f1f"
+  },
+  "--clet-border": {
+    "group": "color",
+    "scope": "global",
+    "light": "#dadce0",
+    "dark": "#3c4043"
+  },
+  "--clet-border-strong": {
+    "group": "color",
+    "scope": "global",
+    "light": "#d1d5db",
+    "dark": "#5f6368"
+  },
+  "--clet-border-subtle": {
+    "group": "color",
+    "scope": "global",
+    "light": "#ececef",
+    "dark": "#2c2d30"
+  },
+  "--clet-error": {
+    "group": "color",
+    "scope": "global",
+    "light": "#dc2626",
+    "dark": "#f87171"
+  },
+  "--clet-error-bg": {
+    "group": "color",
+    "scope": "global",
+    "light": "#fef2f2",
+    "dark": "#3f1515"
+  },
+  "--clet-error-text": {
+    "group": "color",
+    "scope": "global",
+    "light": "#be123c",
+    "dark": "#fca5a5"
+  },
+  "--clet-focus": {
+    "group": "color",
+    "scope": "global",
+    "light": "var(--gsl-primary, var(--clet-primary))",
+    "dark": "var(--gsl-primary, var(--clet-primary))"
+  },
+  "--clet-font": {
+    "group": "font",
+    "scope": "global",
+    "base": "-apple-system, blinkmacsystemfont, \"Segoe UI\", roboto, \"Helvetica Neue\",\n    arial, sans-serif"
+  },
+  "--clet-font-body": {
+    "group": "font",
+    "scope": "global",
+    "base": "\"Lato\", var(--gsl-font, var(--clet-font))"
+  },
+  "--clet-font-header": {
+    "group": "font",
+    "scope": "global",
+    "base": "\"Roboto Serif\", var(--gsl-font, var(--clet-font))"
+  },
+  "--clet-hover": {
+    "group": "color",
+    "scope": "global",
+    "light": "#f1f3f4",
+    "dark": "#2d2e31"
+  },
+  "--clet-main-bg": {
+    "group": "color",
+    "scope": "global",
+    "light": "#fafafa",
+    "dark": "#141414"
+  },
+  "--clet-on-primary": {
+    "group": "color",
+    "scope": "global",
+    "light": "#fff",
+    "dark": "#fff"
+  },
+  "--clet-overlay": {
+    "group": "color",
+    "scope": "global",
+    "light": "rgb(60 64 67 / 45%)",
+    "dark": "rgb(0 0 0 / 60%)"
+  },
+  "--clet-primary": {
+    "group": "color",
+    "scope": "global",
+    "light": "#083755",
+    "dark": "#4a7fa8"
+  },
+  "--clet-primary-light": {
+    "group": "color",
+    "scope": "global",
+    "light": "#e7ebee",
+    "dark": "#16232e"
+  },
+  "--clet-radius-2xl": {
+    "group": "length",
+    "scope": "global",
+    "base": "24px"
+  },
+  "--clet-radius-base": {
+    "group": "length",
+    "scope": "global",
+    "base": "8px"
+  },
+  "--clet-radius-xl": {
+    "group": "length",
+    "scope": "global",
+    "base": "16px"
+  },
+  "--clet-secondary": {
+    "group": "color",
+    "scope": "global",
+    "light": "#c8a24b",
+    "dark": "#c8a24b"
+  },
+  "--clet-shadow-lg": {
+    "group": "shadow",
+    "scope": "global",
+    "base": "0 20px 40px rgb(60 64 67 / 18%)"
+  },
+  "--clet-shadow-md": {
+    "group": "shadow",
+    "scope": "global",
+    "base": "0 10px 24px rgb(60 64 67 / 12%)"
+  },
+  "--clet-shadow-sm": {
+    "group": "shadow",
+    "scope": "global",
+    "base": "0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%)"
+  },
+  "--clet-shimmer-highlight": {
+    "group": "color",
+    "scope": "global",
+    "light": "rgb(255 255 255 / 70%)",
+    "dark": "rgb(255 255 255 / 8%)"
+  },
+  "--clet-success": {
+    "group": "color",
+    "scope": "global",
+    "light": "#16a34a",
+    "dark": "#4ade80"
+  },
+  "--clet-surface-card": {
+    "group": "color",
+    "scope": "global",
+    "base": "var(--gsl-bg, var(--clet-bg))"
+  },
+  "--clet-surface-dark": {
+    "group": "color",
+    "scope": "global",
+    "light": "#e8eaed",
+    "dark": "#35373a"
+  },
+  "--clet-surface-panel": {
+    "group": "color",
+    "scope": "global",
+    "light": "#f7f8fa",
+    "dark": "#1b1c1e"
+  },
+  "--clet-surface-subtle": {
+    "group": "color",
+    "scope": "global",
+    "light": "#f5f5f5",
+    "dark": "#282828"
+  },
+  "--clet-text": {
+    "group": "color",
+    "scope": "global",
+    "light": "#3c4043",
+    "dark": "#e8eaed"
+  },
+  "--clet-text-muted": {
+    "group": "color",
+    "scope": "global",
+    "light": "#9ca3af",
+    "dark": "#80868b"
+  },
+  "--clet-text-secondary": {
+    "group": "color",
+    "scope": "global",
+    "light": "#5f6368",
+    "dark": "#9aa0a6"
+  },
+  "--clet-text-size-base": {
+    "group": "length",
+    "scope": "global",
+    "base": "14px"
+  },
+  "--clet-text-size-lg": {
+    "group": "length",
+    "scope": "global",
+    "base": "20px"
+  },
+  "--clet-text-size-md": {
+    "group": "length",
+    "scope": "global",
+    "base": "16px"
+  },
+  "--clet-text-size-sm": {
+    "group": "length",
+    "scope": "global",
+    "base": "13px"
+  },
+  "--clet-text-size-xl": {
+    "group": "length",
+    "scope": "global",
+    "base": "24px"
+  },
+  "--clet-text-size-xs": {
+    "group": "length",
+    "scope": "global",
+    "base": "12px"
+  },
+  "--clet-warning": {
+    "group": "color",
+    "scope": "global",
+    "light": "#eab308",
+    "dark": "#facc15"
+  },
+  "--clet-z-alert": {
+    "group": "zIndex",
+    "scope": "global",
+    "base": "1200"
+  },
+  "--clet-z-alert-content": {
+    "group": "zIndex",
+    "scope": "global",
+    "base": "1201"
+  },
+  "--clet-z-dropdown": {
+    "group": "zIndex",
+    "scope": "global",
+    "base": "1300"
+  },
+  "--clet-z-header": {
+    "group": "zIndex",
+    "scope": "global",
+    "base": "10"
+  },
+  "--clet-z-modal": {
+    "group": "zIndex",
+    "scope": "global",
+    "base": "1101"
+  },
+  "--clet-z-overlay": {
+    "group": "zIndex",
+    "scope": "global",
+    "base": "1100"
+  },
+  "--clet-z-popover": {
+    "group": "zIndex",
+    "scope": "global",
+    "base": "1000"
+  },
+  "--clet-z-select": {
+    "group": "zIndex",
+    "scope": "global",
+    "base": "1400"
+  },
+  "--clet-app-header-bg": {
+    "group": "color",
+    "scope": "component",
+    "component": "app-header",
+    "base": "var(--gsl-primary, var(--clet-primary))"
+  },
+  "--clet-app-header-color": {
+    "group": "color",
+    "scope": "component",
+    "component": "app-header",
+    "base": "var(--gsl-on-primary, var(--clet-on-primary))"
+  },
+  "--clet-app-header-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "app-header",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-app-layout-body-gap": {
+    "group": "length",
+    "scope": "component",
+    "component": "app-layout",
+    "base": "var(--gsl-app-layout-gap, var(--clet-app-layout-gap, 1rem))"
+  },
+  "--clet-app-layout-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "app-layout",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-app-layout-gap": {
+    "group": "length",
+    "scope": "component",
+    "component": "app-layout",
+    "base": "1rem"
+  },
+  "--clet-app-switcher-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "app-switcher",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-avatar-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "avatar",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-badge-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "badge",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-breadcrumb-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "breadcrumb",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-button-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "button",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-card-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "card",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-card-padding": {
+    "group": "length",
+    "scope": "component",
+    "component": "card",
+    "base": "20px"
+  },
+  "--clet-card-title-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "card",
+    "base": "var(--gsl-font-header, var(--clet-font-header))"
+  },
+  "--clet-checkbox-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "checkbox",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-combobox-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "combobox",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-combobox-label-size": {
+    "group": "length",
+    "scope": "component",
+    "component": "combobox",
+    "base": "var(--gsl-text-size-base, var(--clet-text-size-base))"
+  },
+  "--clet-combobox-menu-max-height": {
+    "group": "length",
+    "scope": "component",
+    "component": "combobox",
+    "base": "320px"
+  },
+  "--clet-combobox-radius": {
+    "group": "length",
+    "scope": "component",
+    "component": "combobox",
+    "base": "var(--gsl-radius-base, var(--clet-radius-base))"
+  },
+  "--clet-combobox-trigger-height": {
+    "group": "length",
+    "scope": "component",
+    "component": "combobox",
+    "base": "40px"
+  },
+  "--clet-command-dialog-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "command",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-command-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "command",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-country-selector-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "country-selector",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-date-range-selector-calendar-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "date-range-selector",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-date-range-selector-calendar-min-width": {
+    "group": "length",
+    "scope": "component",
+    "component": "date-range-selector",
+    "base": "256px"
+  },
+  "--clet-date-range-selector-calendar-padding": {
+    "group": "length",
+    "scope": "component",
+    "component": "date-range-selector",
+    "base": "20px"
+  },
+  "--clet-date-range-selector-day-gap": {
+    "group": "length",
+    "scope": "component",
+    "component": "date-range-selector",
+    "base": "4px"
+  },
+  "--clet-date-range-selector-day-inset": {
+    "group": "misc",
+    "scope": "component",
+    "component": "date-range-selector",
+    "base": "2px"
+  },
+  "--clet-date-range-selector-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "date-range-selector",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-date-range-selector-trigger-height": {
+    "group": "length",
+    "scope": "component",
+    "component": "date-range-selector",
+    "base": "40px"
+  },
+  "--clet-date-range-selector-weekday-height": {
+    "group": "length",
+    "scope": "component",
+    "component": "date-range-selector",
+    "base": "32px"
+  },
+  "--clet-date-selector-calendar-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "date-selector",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-date-selector-calendar-min-width": {
+    "group": "length",
+    "scope": "component",
+    "component": "date-selector",
+    "base": "256px"
+  },
+  "--clet-date-selector-calendar-padding": {
+    "group": "length",
+    "scope": "component",
+    "component": "date-selector",
+    "base": "20px"
+  },
+  "--clet-date-selector-day-gap": {
+    "group": "length",
+    "scope": "component",
+    "component": "date-selector",
+    "base": "4px"
+  },
+  "--clet-date-selector-day-inset": {
+    "group": "misc",
+    "scope": "component",
+    "component": "date-selector",
+    "base": "2px"
+  },
+  "--clet-date-selector-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "date-selector",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-date-selector-nav-size": {
+    "group": "length",
+    "scope": "component",
+    "component": "date-selector",
+    "base": "32px"
+  },
+  "--clet-date-selector-trigger-height": {
+    "group": "length",
+    "scope": "component",
+    "component": "date-selector",
+    "base": "40px"
+  },
+  "--clet-date-selector-weekday-height": {
+    "group": "length",
+    "scope": "component",
+    "component": "date-selector",
+    "base": "32px"
+  },
+  "--clet-dialog-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "dialog",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-dropdown-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "dropdown",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-field-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "field",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-input-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "input",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-launchpad-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "launchpad",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-metric-card-description-size": {
+    "group": "length",
+    "scope": "component",
+    "component": "metric-card",
+    "base": "12px"
+  },
+  "--clet-metric-card-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "metric-card",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-metric-card-radius": {
+    "group": "length",
+    "scope": "component",
+    "component": "metric-card",
+    "base": "var(--gsl-radius-xl, var(--clet-radius-xl))"
+  },
+  "--clet-metric-card-shadow": {
+    "group": "shadow",
+    "scope": "component",
+    "component": "metric-card",
+    "base": "none"
+  },
+  "--clet-metric-card-value-color": {
+    "group": "color",
+    "scope": "component",
+    "component": "metric-card",
+    "base": "var(--gsl-text, var(--clet-text))"
+  },
+  "--clet-metric-card-value-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "metric-card",
+    "base": "var(--gsl-font-header, var(--clet-font-header))"
+  },
+  "--clet-metric-card-value-size": {
+    "group": "length",
+    "scope": "component",
+    "component": "metric-card",
+    "base": "28px"
+  },
+  "--clet-modal-confirm-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "modal",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-modal-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "modal",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-modal-gutter": {
+    "group": "misc",
+    "scope": "component",
+    "component": "modal",
+    "base": "24px"
+  },
+  "--clet-modal-max-width-2xl": {
+    "group": "length",
+    "scope": "component",
+    "component": "modal",
+    "base": "1024px"
+  },
+  "--clet-modal-max-width-lg": {
+    "group": "length",
+    "scope": "component",
+    "component": "modal",
+    "base": "640px"
+  },
+  "--clet-modal-max-width-md": {
+    "group": "length",
+    "scope": "component",
+    "component": "modal",
+    "base": "512px"
+  },
+  "--clet-modal-max-width-sm": {
+    "group": "length",
+    "scope": "component",
+    "component": "modal",
+    "base": "400px"
+  },
+  "--clet-modal-max-width-xl": {
+    "group": "length",
+    "scope": "component",
+    "component": "modal",
+    "base": "800px"
+  },
+  "--clet-network-operator-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "network-operator",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-notice-accent": {
+    "group": "color",
+    "scope": "component",
+    "component": "notice",
+    "base": "var(--gsl-text-secondary, var(--clet-text-secondary))"
+  },
+  "--clet-notice-bg": {
+    "group": "color",
+    "scope": "component",
+    "component": "notice",
+    "base": "color-mix(in srgb, var(--gsl-border, var(--clet-border)) 15%, transparent)"
+  },
+  "--clet-notice-body-size": {
+    "group": "length",
+    "scope": "component",
+    "component": "notice",
+    "base": "var(--gsl-text-size-sm, var(--clet-text-size-sm))"
+  },
+  "--clet-notice-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "notice",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-notice-padding": {
+    "group": "length",
+    "scope": "component",
+    "component": "notice",
+    "base": "16px"
+  },
+  "--clet-notice-radius": {
+    "group": "length",
+    "scope": "component",
+    "component": "notice",
+    "base": "var(--gsl-radius-base, var(--clet-radius-base))"
+  },
+  "--clet-notice-title-size": {
+    "group": "length",
+    "scope": "component",
+    "component": "notice",
+    "base": "var(--gsl-text-size-base, var(--clet-text-size-base))"
+  },
+  "--clet-phone-number-input-dropdown-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "phone-number-input",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-phone-number-input-dropdown-max-height": {
+    "group": "length",
+    "scope": "component",
+    "component": "phone-number-input",
+    "base": "300px"
+  },
+  "--clet-phone-number-input-dropdown-width": {
+    "group": "length",
+    "scope": "component",
+    "component": "phone-number-input",
+    "base": "320px"
+  },
+  "--clet-phone-number-input-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "phone-number-input",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-phone-number-input-height": {
+    "group": "length",
+    "scope": "component",
+    "component": "phone-number-input",
+    "base": "40px"
+  },
+  "--clet-popover-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "popover",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-popup-border-width": {
+    "group": "length",
+    "scope": "component",
+    "component": "popup",
+    "base": "1.5px"
+  },
+  "--clet-popup-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "popup",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-popup-footer-gap": {
+    "group": "length",
+    "scope": "component",
+    "component": "popup",
+    "base": "16px"
+  },
+  "--clet-popup-gap": {
+    "group": "length",
+    "scope": "component",
+    "component": "popup",
+    "base": "24px"
+  },
+  "--clet-popup-padding": {
+    "group": "length",
+    "scope": "component",
+    "component": "popup",
+    "base": "24px"
+  },
+  "--clet-popup-radius": {
+    "group": "length",
+    "scope": "component",
+    "component": "popup",
+    "base": "12px"
+  },
+  "--clet-popup-width": {
+    "group": "length",
+    "scope": "component",
+    "component": "popup",
+    "base": "350px"
+  },
+  "--clet-progress-bar-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "progress-bar",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-radio-group-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "radio-group",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-role-select-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "role-select",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-section-header-description-size": {
+    "group": "length",
+    "scope": "component",
+    "component": "section-header",
+    "base": "14px"
+  },
+  "--clet-section-header-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "section-header",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-section-header-margin-bottom": {
+    "group": "length",
+    "scope": "component",
+    "component": "section-header",
+    "base": "24px"
+  },
+  "--clet-section-header-title-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "section-header",
+    "base": "var(--gsl-font-header, var(--clet-font-header))"
+  },
+  "--clet-section-header-title-size": {
+    "group": "length",
+    "scope": "component",
+    "component": "section-header",
+    "base": "40px"
+  },
+  "--clet-sheet-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "sheet",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-sidebar-badge-bg": {
+    "group": "color",
+    "scope": "component",
+    "component": "sidebar",
+    "base": "var(--gsl-hover, var(--clet-hover))"
+  },
+  "--clet-sidebar-badge-color": {
+    "group": "color",
+    "scope": "component",
+    "component": "sidebar",
+    "base": "var(--gsl-text-secondary, var(--clet-text-secondary))"
+  },
+  "--clet-sidebar-bg": {
+    "group": "color",
+    "scope": "component",
+    "component": "sidebar",
+    "base": "var(--gsl-bg, var(--clet-bg))"
+  },
+  "--clet-sidebar-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "sidebar",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-sidebar-mask-bottom": {
+    "group": "misc",
+    "scope": "component",
+    "component": "sidebar",
+    "base": "0px"
+  },
+  "--clet-sidebar-mask-size": {
+    "group": "length",
+    "scope": "component",
+    "component": "sidebar",
+    "base": "48px"
+  },
+  "--clet-sidebar-mask-top": {
+    "group": "misc",
+    "scope": "component",
+    "component": "sidebar",
+    "base": "0px"
+  },
+  "--clet-stepper-accent": {
+    "group": "color",
+    "scope": "component",
+    "component": "stepper",
+    "base": "var(--gsl-primary, var(--clet-primary))"
+  },
+  "--clet-stepper-connector-min": {
+    "group": "misc",
+    "scope": "component",
+    "component": "stepper",
+    "base": "24px"
+  },
+  "--clet-stepper-current": {
+    "group": "color",
+    "scope": "component",
+    "component": "stepper",
+    "base": "var(--gsl-secondary, var(--clet-secondary))"
+  },
+  "--clet-stepper-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "stepper",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-stepper-gap": {
+    "group": "length",
+    "scope": "component",
+    "component": "stepper",
+    "base": "8px"
+  },
+  "--clet-stepper-marker-border": {
+    "group": "color",
+    "scope": "component",
+    "component": "stepper",
+    "base": "2px"
+  },
+  "--clet-stepper-marker-size": {
+    "group": "length",
+    "scope": "component",
+    "component": "stepper",
+    "base": "32px"
+  },
+  "--clet-stepper-track": {
+    "group": "color",
+    "scope": "component",
+    "component": "stepper",
+    "base": "var(--gsl-border, var(--clet-border))"
+  },
+  "--clet-stepper-transition": {
+    "group": "duration",
+    "scope": "component",
+    "component": "stepper",
+    "base": "250ms"
+  },
+  "--clet-switch-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "switch",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-switch-height": {
+    "group": "length",
+    "scope": "component",
+    "component": "switch",
+    "base": "24px"
+  },
+  "--clet-switch-label-size": {
+    "group": "length",
+    "scope": "component",
+    "component": "switch",
+    "base": "var(--gsl-text-size-base, var(--clet-text-size-base))"
+  },
+  "--clet-switch-padding": {
+    "group": "length",
+    "scope": "component",
+    "component": "switch",
+    "base": "2px"
+  },
+  "--clet-switch-thumb-size": {
+    "group": "length",
+    "scope": "component",
+    "component": "switch",
+    "base": "20px"
+  },
+  "--clet-switch-width": {
+    "group": "length",
+    "scope": "component",
+    "component": "switch",
+    "base": "44px"
+  },
+  "--clet-table-actions-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "table",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-table-filter-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "table",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-table-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "table",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-tabs-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "tabs",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-tabs-pill-gap": {
+    "group": "length",
+    "scope": "component",
+    "component": "tabs",
+    "base": "6px"
+  },
+  "--clet-textarea-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "textarea",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-timeline-draw-duration": {
+    "group": "duration",
+    "scope": "component",
+    "component": "timeline",
+    "base": "300ms"
+  },
+  "--clet-timeline-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "timeline",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-timeline-index": {
+    "group": "misc",
+    "scope": "component",
+    "component": "timeline",
+    "base": "0"
+  },
+  "--clet-timeline-pop-duration": {
+    "group": "duration",
+    "scope": "component",
+    "component": "timeline",
+    "base": "200ms"
+  },
+  "--clet-timeline-stagger-step": {
+    "group": "duration",
+    "scope": "component",
+    "component": "timeline",
+    "base": "60ms"
+  },
+  "--clet-toast-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "toast",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-tooltip-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "tooltip",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  },
+  "--clet-upload-field-font": {
+    "group": "font",
+    "scope": "component",
+    "component": "upload-field",
+    "base": "var(--gsl-font-body, var(--clet-font-body))"
+  }
+}