@siemens/ix 0.0.0-pr-2155-20250919111817 → 0.0.0-pr-2155-20250924070505

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/siemens/ix",
     "directory": "packages/core"
   },
-  "version": "0.0.0-pr-2155-20250919111817",
+  "version": "0.0.0-pr-2155-20250924070505",
   "license": "MIT",
   "description": "Siemens iX Web Components",
   "type": "module",
@@ -74,13 +74,13 @@
   "devDependencies": {
     "@playwright/test": "^1.54.1",
     "@siemens/ix-icons": "^3.0.0",
-    "@stencil-community/eslint-plugin": "^0.7.2",
+    "@stencil-community/eslint-plugin": "^0.10.0",
     "@stencil-community/postcss": "^2.2.0",
     "@stencil/angular-output-target": "^1.1.1",
-    "@stencil/core": "^4.37.0",
-    "@stencil/react-output-target": "^1.1.0",
-    "@stencil/sass": "^3.0.12",
-    "@stencil/vue-output-target": "0.10.8",
+    "@stencil/core": "^4.37.1",
+    "@stencil/react-output-target": "^1.2.0",
+    "@stencil/sass": "^3.2.2",
+    "@stencil/vue-output-target": "^0.11.8",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.1",
     "@types/fs-extra": "^11.0.4",

package/scss/mixins/_input.scss

@@ -165,15 +165,15 @@
 
   @include form-component.input-warning {
     & {
+      background-color: var(--theme-input--background--warning);
       border-color: var(
         --theme-input--border-color--warning--active
       ) !important;
     }
 
     &:hover {
-      border-color: var(
-        --theme-input--border-color--warning--active
-      ) !important;
+      background-color: var(--theme-input--background--warning--hover);
+      border-color: var(--theme-input--border-color--warning--hover) !important;
     }
 
     &:active {
@@ -190,6 +190,7 @@
     }
 
     &:hover {
+      background-color: var(--theme-input--background--invalid--hover);
       border-color: var(--theme-input--border-color--invalid--hover) !important;
     }
 

package/scss/theme/classic/dark/_variables.scss

@@ -29,6 +29,8 @@
   --theme-color-focus-bdr: #199fff;
   --theme-color-contrast-bdr: #ffffff;
   --theme-color-hard-bdr: #6b7c85;
+  --theme-color-alarm-bdr: #ff2453;
+  --theme-color-warning-bdr: #ffbb00;
   --theme-color-ghost: rgba(255, 255, 255, 0);
   --theme-color-ghost--hover: rgba(140, 161, 171, 0.2);
   --theme-color-ghost--active: rgba(140, 161, 171, 0.15);
@@ -69,6 +71,7 @@
   --theme-color-component-7: rgba(0, 234, 255, 0.15);
   --theme-color-component-7--active: #16565c;
   --theme-color-component-error: #4b1a28;
+  --theme-color-component-warning: #4b463a;
   --theme-color-component-info: #001c4d;
   --theme-color-component-8--hover: #002639;
   --theme-color-component-8: #00273b;
@@ -124,6 +127,7 @@
   --theme-color-inv-soft-text: rgba(0, 13, 20, 0.6);
   --theme-color-inv-weak-text: rgba(0, 13, 20, 0.45);
   --theme-color-alarm-text: #ff7694;
+  --theme-color-warning-text: #ffbb00;
   --theme-color-lightbox: rgba(0, 0, 0, 0.65);
   --theme-color-backdrop: rgba(0, 0, 0, 0.85);
   --theme-color-backdrop-3: rgba(55, 70, 77, 0.85);

package/scss/theme/classic/light/_variables.scss

@@ -29,6 +29,8 @@
   --theme-color-focus-bdr: #199fff;
   --theme-color-contrast-bdr: #000000;
   --theme-color-hard-bdr: #b2b8be;
+  --theme-color-alarm-bdr: #d72332;
+  --theme-color-warning-bdr: #947100;
   --theme-color-ghost: rgba(166, 171, 140, 0);
   --theme-color-ghost--hover: rgba(168, 173, 179, 0.2);
   --theme-color-ghost--active: rgba(168, 173, 179, 0.3);
@@ -69,6 +71,7 @@
   --theme-color-component-7: rgba(0, 234, 255, 0.2);
   --theme-color-component-7--active: #00def2;
   --theme-color-component-error: #fcccd0;
+  --theme-color-component-warning: #ffe8a8;
   --theme-color-component-info: #ccdefc;
   --theme-color-component-8--hover: #d1fbff;
   --theme-color-component-8: #ebf7f8;
@@ -89,12 +92,12 @@
   --theme-color-alarm--contrast: #ffffff;
   --theme-color-alarm-40: rgba(215, 35, 50, 0.4);
   --theme-color-alarm-10: rgba(215, 35, 50, 0.1);
-  --theme-color-warning: #947100;
-  --theme-color-warning--hover: #856600;
-  --theme-color-warning--active: #755a00;
-  --theme-color-warning--contrast: #ffffff;
-  --theme-color-warning-40: rgba(148, 113, 0, 0.4);
-  --theme-color-warning-10: rgba(148, 113, 0, 0.1);
+  --theme-color-warning: #ffbb00;
+  --theme-color-warning--hover: #ffc533;
+  --theme-color-warning--active: #ffba0a;
+  --theme-color-warning--contrast: #000000;
+  --theme-color-warning-40: rgba(255, 187, 0, 0.4);
+  --theme-color-warning-10: rgba(255, 187, 0, 0.1);
   --theme-color-critical: #bc5b01;
   --theme-color-critical--hover: #ad5401;
   --theme-color-critical--active: #9d4d01;
@@ -124,6 +127,7 @@
   --theme-color-inv-soft-text: rgba(229, 242, 255, 0.6);
   --theme-color-inv-weak-text: rgba(219, 237, 255, 0.45);
   --theme-color-alarm-text: #b81e3f;
+  --theme-color-warning-text: #947100;
   --theme-color-lightbox: rgba(255, 255, 255, 0.65);
   --theme-color-backdrop: rgba(255, 255, 255, 0.85);
   --theme-color-backdrop-3: rgba(226, 228, 230, 0.85);

package/scss/theme/core/components/checkbox.scss

@@ -20,9 +20,9 @@
   --theme-checkbox-unchecked--background--invalid: var(--theme-color-component-error);
   --theme-checkbox-unchecked--background--invalid--hover: var(--theme-color-component-error);
   --theme-checkbox-unchecked--background--invalid--active: var(--theme-color-component-error);
-  --theme-checkbox-unchecked--background--warning: var(--theme-color-secondary);
-  --theme-checkbox-unchecked--background--warning--hover: var(--theme-color-secondary--hover);
-  --theme-checkbox-unchecked--background--warning--active: var(--theme-color-secondary--active);
+  --theme-checkbox-unchecked--background--warning: var(--theme-color-component-warning);
+  --theme-checkbox-unchecked--background--warning--hover: var(--theme-color-component-warning);
+  --theme-checkbox-unchecked--background--warning--active: var(--theme-color-component-warning);
   --theme-checkbox-unchecked--background--info: var(--theme-color-secondary);
   --theme-checkbox-unchecked--background--info--hover: var(--theme-color-secondary--hover);
   --theme-checkbox-unchecked--background--info--active: var(--theme-color-secondary--active);
@@ -30,12 +30,12 @@
   --theme-checkbox-unchecked--border-color--hover: var(--theme-color-dynamic);
   --theme-checkbox-unchecked--border-color--active: var(--theme-color-dynamic);
   --theme-checkbox-unchecked--border-color--disabled: var(--theme-color-component-4);
-  --theme-checkbox-unchecked--border-color--invalid: var(--theme-color-alarm);
-  --theme-checkbox-unchecked--border-color--invalid--hover: var(--theme-color-alarm--hover);
-  --theme-checkbox-unchecked--border-color--invalid--active: var(--theme-color-alarm--active);
-  --theme-checkbox-unchecked--border-color--warning: var(--theme-color-warning);
-  --theme-checkbox-unchecked--border-color--warning--hover: var(--theme-color-warning--hover);
-  --theme-checkbox-unchecked--border-color--warning--active: var(--theme-color-warning--active);
+  --theme-checkbox-unchecked--border-color--invalid: var(--theme-color-alarm-bdr);
+  --theme-checkbox-unchecked--border-color--invalid--hover: var(--theme-color-alarm-bdr);
+  --theme-checkbox-unchecked--border-color--invalid--active: var(--theme-color-alarm-bdr);
+  --theme-checkbox-unchecked--border-color--warning: var(--theme-color-warning-bdr);
+  --theme-checkbox-unchecked--border-color--warning--hover: var(--theme-color-warning-bdr);
+  --theme-checkbox-unchecked--border-color--warning--active: var(--theme-color-warning-bdr);
   --theme-checkbox-unchecked--border-color--info: var(--theme-color-info);
   --theme-checkbox-unchecked--border-color--info--hover: var(--theme-color-info--hover);
   --theme-checkbox-unchecked--border-color--info--active: var(--theme-color-info--active);
@@ -59,9 +59,9 @@
   --theme-checkbox-checked--border-color--invalid: var(--theme-color-0);
   --theme-checkbox-checked--border-color--invalid--hover: var(--theme-color-0);
   --theme-checkbox-checked--border-color--invalid--active: var(--theme-color-0);
-  --theme-checkbox-checked--border-color--warning: var(--theme-color-0);
-  --theme-checkbox-checked--border-color--warning--hover: var(--theme-color-0);
-  --theme-checkbox-checked--border-color--warning--active: var(--theme-color-0);
+  --theme-checkbox-checked--border-color--warning: var(--theme-color-warning-bdr);
+  --theme-checkbox-checked--border-color--warning--hover: var(--theme-color-warning-bdr);
+  --theme-checkbox-checked--border-color--warning--active: var(--theme-color-warning-bdr);
   --theme-checkbox-checked--border-color--info: var(--theme-color-0);
   --theme-checkbox-checked--border-color--info--hover: var(--theme-color-0);
   --theme-checkbox-checked--border-color--info--active: var(--theme-color-0);
@@ -95,9 +95,9 @@
   --theme-checkbox-mixed--border-color--invalid: var(--theme-color-0);
   --theme-checkbox-mixed--border-color--invalid--hover: var(--theme-color-0);
   --theme-checkbox-mixed--border-color--invalid--active: var(--theme-color-0);
-  --theme-checkbox-mixed--border-color--warning: var(--theme-color-0);
-  --theme-checkbox-mixed--border-color--warning--hover: var(--theme-color-0);
-  --theme-checkbox-mixed--border-color--warning--active: var(--theme-color-0);
+  --theme-checkbox-mixed--border-color--warning: var(--theme-color-warning-bdr);
+  --theme-checkbox-mixed--border-color--warning--hover: var(--theme-color-warning-bdr);
+  --theme-checkbox-mixed--border-color--warning--active: var(--theme-color-warning-bdr);
   --theme-checkbox-mixed--border-color--info: var(--theme-color-0);
   --theme-checkbox-mixed--border-color--info--hover: var(--theme-color-0);
   --theme-checkbox-mixed--border-color--info--active: var(--theme-color-0);

package/scss/theme/core/components/flip.scss

@@ -34,7 +34,7 @@
   --theme-flip-alarm-footer--background: var(--theme-color-alarm);
   --theme-flip-alarm-footer--border-color: var(--theme-color-0);
   --theme-flip-alarm-footer--color: var(--theme-color-alarm--contrast);
-  --theme-flip-warning--border-color: var(--theme-color-warning);
+  --theme-flip-warning--border-color: var(--theme-color-warning-bdr);
   --theme-flip-warning--color: var(--theme-color-std-text);
   --theme-flip-warning-footer--background: var(--theme-color-warning);
   --theme-flip-warning-footer--border-color: var(--theme-color-0);

package/scss/theme/core/components/input-helper.scss

@@ -20,6 +20,6 @@
   --theme-helper--color--info: var(--theme-color-std-text);
   --theme-helper-icon--color--invalid: var(--theme-color-alarm);
   --theme-helper-icon--color--valid: var(--theme-color-success);
-  --theme-helper-icon--color--warning: var(--theme-color-warning);
+  --theme-helper-icon--color--warning: var(--theme-color-warning-text);
   --theme-helper-icon--color--info: var(--theme-color-info);
 }

package/scss/theme/core/components/input.scss

@@ -22,6 +22,9 @@
   --theme-input--background--invalid: var(--theme-color-component-error);
   --theme-input--background--invalid--hover: var(--theme-color-component-error);
   --theme-input--background--invalid--focus: var(--theme-color-component-error);
+  --theme-input--background--warning: var(--theme-color-component-warning);
+  --theme-input--background--warning--hover: var(--theme-color-component-warning);
+  --theme-input--background--warning--focus: var(--theme-color-component-warning);
   --theme-input--border-color: var(--theme-color-std-bdr);
   --theme-input--border-color--hover: var(--theme-color-dynamic);
   --theme-input--border-color--focus: var(--theme-color-dynamic);
@@ -30,12 +33,12 @@
   --theme-input--border-color--disabled: var(--theme-color-0);
   --theme-input--border-color-bottom--readonly: var(--theme-color-soft-bdr);
   --theme-input--border-color-bottom--disabled: var(--theme-color-weak-bdr);
-  --theme-input--border-color--invalid: var(--theme-color-alarm);
-  --theme-input--border-color--invalid--hover: var(--theme-color-alarm);
-  --theme-input--border-color--invalid--active: var(--theme-color-alarm);
-  --theme-input--border-color--warning: var(--theme-color-warning);
-  --theme-input--border-color--warning--hover: var(--theme-color-warning);
-  --theme-input--border-color--warning--active: var(--theme-color-warning);
+  --theme-input--border-color--invalid: var(--theme-color-alarm-bdr);
+  --theme-input--border-color--invalid--hover: var(--theme-color-alarm-bdr);
+  --theme-input--border-color--invalid--active: var(--theme-color-alarm-bdr);
+  --theme-input--border-color--warning: var(--theme-color-warning-bdr);
+  --theme-input--border-color--warning--hover: var(--theme-color-warning-bdr);
+  --theme-input--border-color--warning--active: var(--theme-color-warning-bdr);
   --theme-input--border-color--info: var(--theme-color-info);
   --theme-input--border-color--info--hover: var(--theme-color-info);
   --theme-input--border-color--info--active: var(--theme-color-info);

package/scss/theme/core/components/progress-indicator.scss

@@ -18,16 +18,16 @@
   --theme-progress-indicator-label--color: var(--theme-color-soft-text);
   --theme-progress-indicator-helper--color: var(--theme-color-soft-text);
   --theme-progress-indicator-helper-icon--color: var(--theme-color-soft-text);
-  --theme-progress-indicator-track-error--background: var(--theme-color-component-3);
+  --theme-progress-indicator-track-error--background: var(--theme-color-component-error);
   --theme-progress-indicator-fill-error--background: var(--theme-color-alarm);
   --theme-progress-indicator-label-error--color: var(--theme-color-alarm-text);
   --theme-progress-indicator-helper-error--color: var(--theme-color-alarm-text);
   --theme-progress-indicator-helper-icon-error--color: var(--theme-color-alarm);
-  --theme-progress-indicator-track-warning--background: var(--theme-color-component-3);
-  --theme-progress-indicator-fill-warning--background: var(--theme-color-warning);
+  --theme-progress-indicator-track-warning--background: var(--theme-color-component-warning);
+  --theme-progress-indicator-fill-warning--background: var(--theme-color-warning-bdr);
   --theme-progress-indicator-label-warning--color: var(--theme-color-soft-text);
   --theme-progress-indicator-helper-warning--color: var(--theme-color-std-text);
-  --theme-progress-indicator-helper-icon-warning--color: var(--theme-color-warning);
+  --theme-progress-indicator-helper-icon-warning--color: var(--theme-color-warning-text);
   --theme-progress-indicator-track-success--background: var(--theme-color-component-3);
   --theme-progress-indicator-fill-success--background: var(--theme-color-success);
   --theme-progress-indicator-label-success--color: var(--theme-color-soft-text);

package/scss/theme/core/components/radiobutton.scss

@@ -20,9 +20,9 @@
   --theme-radiobtn-unchecked--background--invalid: var(--theme-color-component-error);
   --theme-radiobtn-unchecked--background--invalid--hover: var(--theme-color-component-error);
   --theme-radiobtn-unchecked--background--invalid--active: var(--theme-color-component-error);
-  --theme-radiobtn-unchecked--background--warning: var(--theme-color-secondary);
-  --theme-radiobtn-unchecked--background--warning--hover: var(--theme-color-secondary--hover);
-  --theme-radiobtn-unchecked--background--warning--active: var(--theme-color-secondary--active);
+  --theme-radiobtn-unchecked--background--warning: var(--theme-color-component-warning);
+  --theme-radiobtn-unchecked--background--warning--hover: var(--theme-color-component-warning);
+  --theme-radiobtn-unchecked--background--warning--active: var(--theme-color-component-warning);
   --theme-radiobtn-unchecked--background--info: var(--theme-color-secondary);
   --theme-radiobtn-unchecked--background--info--hover: var(--theme-color-secondary--hover);
   --theme-radiobtn-unchecked--background--info--active: var(--theme-color-secondary--active);
@@ -33,9 +33,9 @@
   --theme-radiobtn-unchecked--border-color--invalid: var(--theme-color-alarm);
   --theme-radiobtn-unchecked--border-color--invalid--hover: var(--theme-color-alarm--hover);
   --theme-radiobtn-unchecked--border-color--invalid--active: var(--theme-color-alarm--active);
-  --theme-radiobtn-unchecked--border-color--warning: var(--theme-color-warning);
-  --theme-radiobtn-unchecked--border-color--warning--hover: var(--theme-color-warning--hover);
-  --theme-radiobtn-unchecked--border-color--warning--active: var(--theme-color-warning--active);
+  --theme-radiobtn-unchecked--border-color--warning: var(--theme-color-warning-bdr);
+  --theme-radiobtn-unchecked--border-color--warning--hover: var(--theme-color-warning-bdr);
+  --theme-radiobtn-unchecked--border-color--warning--active: var(--theme-color-warning-bdr);
   --theme-radiobtn-unchecked--border-color--info: var(--theme-color-info);
   --theme-radiobtn-unchecked--border-color--info--hover: var(--theme-color-info--hover);
   --theme-radiobtn-unchecked--border-color--info--active: var(--theme-color-info--active);
@@ -59,9 +59,9 @@
   --theme-radiobtn-checked--border-color--invalid: var(--theme-color-0);
   --theme-radiobtn-checked--border-color--invalid--hover: var(--theme-color-0);
   --theme-radiobtn-checked--border-color--invalid--active: var(--theme-color-0);
-  --theme-radiobtn-checked--border-color--warning: var(--theme-color-0);
-  --theme-radiobtn-checked--border-color--warning--hover: var(--theme-color-0);
-  --theme-radiobtn-checked--border-color--warning--active: var(--theme-color-0);
+  --theme-radiobtn-checked--border-color--warning: var(--theme-color-warning-bdr);
+  --theme-radiobtn-checked--border-color--warning--hover: var(--theme-color-warning-bdr);
+  --theme-radiobtn-checked--border-color--warning--active: var(--theme-color-warning-bdr);
   --theme-radiobtn-checked--border-color--info: var(--theme-color-0);
   --theme-radiobtn-checked--border-color--info--hover: var(--theme-color-0);
   --theme-radiobtn-checked--border-color--info--active: var(--theme-color-0);

package/scss/theme/core/components/slider.scss

@@ -33,11 +33,11 @@
   --theme-slider-trace--background: var(--theme-color-dynamic);
   --theme-slider-trace--background--disabled: var(--theme-color-component-3);
   --theme-slider-trace--background--invalid: var(--theme-color-alarm);
-  --theme-slider-trace--background--warning: var(--theme-color-warning);
+  --theme-slider-trace--background--warning: var(--theme-color-warning-bdr);
   --theme-slider-trace--background--info: var(--theme-color-info);
   --theme-slider-trace-marker--background: var(--theme-color-dynamic);
   --theme-slider-trace-marker--background--disabled: var(--theme-color-7);
   --theme-slider-trace-marker--background--invalid: var(--theme-color-alarm);
-  --theme-slider-trace-marker--background--warning: var(--theme-color-warning);
+  --theme-slider-trace-marker--background--warning: var(--theme-color-warning-text);
   --theme-slider-trace-marker--background--info: var(--theme-color-info);
 }

package/scss/theme/core/components/switch.scss

@@ -14,6 +14,9 @@
  */
 @mixin setVars {
   --theme-switch-thumb--box-shadow: none;
+  --theme-switch-mixed--border-color--invalid: var(--theme-color-alarm-bdr);
+  --theme-switch-mixed--border-color--invalid-hover: var(--theme-color-alarm-bdr);
+  --theme-switch-mixed--border-color--invalid-active: var(--theme-color-alarm-bdr);
   --theme-switch-mixed--background: var(--theme-color-component-4);
   --theme-switch-mixed--background--hover: var(--theme-color-component-5);
   --theme-switch-mixed--background--active: var(--theme-color-component-4);
@@ -24,39 +27,45 @@
   --theme-switch-mixed--background--warning: var(--theme-color-component-4);
   --theme-switch-mixed--background--warning--hover: var(--theme-color-component-5);
   --theme-switch-mixed--background--warning--active: var(--theme-color-component-4);
+  --theme-switch-mixed--border-color--warning: var(--theme-color-warning-bdr);
+  --theme-switch-mixed--border-color--warning--hover: var(--theme-color-warning-bdr);
+  --theme-switch-mixed--border-color--warning--active: var(--theme-color-warning-bdr);
   --theme-switch-mixed--background--info: var(--theme-color-component-4);
   --theme-switch-mixed--background--info--hover: var(--theme-color-component-5);
   --theme-switch-mixed--background--info--active: var(--theme-color-component-4);
+  --theme-switch-mixed--border--info: var(--theme-color-info);
+  --theme-switch-mixed--border--info-hover: var(--theme-color-info);
+  --theme-switch-mixed--border--info-active: var(--theme-color-info);
   --theme-switch-mixed--border-color: var(--theme-color-0);
   --theme-switch-mixed--border-color--hover: var(--theme-color-0);
   --theme-switch-mixed--border-color--active: var(--theme-color-0);
   --theme-switch-mixed--border-color--disabled: var(--theme-color-0);
-  --theme-switch-thumb-mixed--background: var(--theme-color-1);
-  --theme-switch-thumb-mixed--background--hover: var(--theme-color-1);
-  --theme-switch-thumb-mixed--background--active: var(--theme-color-1);
+  --theme-switch-thumb-mixed--background: var(--theme-color-inv-std-text);
+  --theme-switch-thumb-mixed--background--hover: var(--theme-color-inv-std-text);
+  --theme-switch-thumb-mixed--background--active: var(--theme-color-inv-std-text);
   --theme-switch-thumb-mixed--background--disabled: var(--theme-color-component-3);
-  --theme-switch-thumb-mixed--background--invalid: var(--theme-color-1);
-  --theme-switch-thumb-mixed--background--invalid--hover: var(--theme-color-1);
-  --theme-switch-thumb-mixed--background--invalid--active: var(--theme-color-1);
-  --theme-switch-thumb-mixed--background--warning: var(--theme-color-1);
-  --theme-switch-thumb-mixed--background--warning--hover: var(--theme-color-1);
-  --theme-switch-thumb-mixed--background--warning--active: var(--theme-color-1);
-  --theme-switch-thumb-mixed--background--info: var(--theme-color-1);
-  --theme-switch-thumb-mixed--background--info--hover: var(--theme-color-1);
-  --theme-switch-thumb-mixed--background--info--active: var(--theme-color-1);
+  --theme-switch-thumb-mixed--background--invalid: var(--theme-color-component-error);
+  --theme-switch-thumb-mixed--background--invalid--hover: var(--theme-color-component-error);
+  --theme-switch-thumb-mixed--background--invalid--active: var(--theme-color-component-error);
+  --theme-switch-thumb-mixed--background--warning: var(--theme-color-component-warning);
+  --theme-switch-thumb-mixed--background--warning--hover: var(--theme-color-component-warning);
+  --theme-switch-thumb-mixed--background--warning--active: var(--theme-color-component-warning);
+  --theme-switch-thumb-mixed--background--info: var(--theme-color-inv-std-text);
+  --theme-switch-thumb-mixed--background--info--hover: var(--theme-color-inv-std-text);
+  --theme-switch-thumb-mixed--background--info--active: var(--theme-color-inv-std-text);
   --theme-switch-thumb-mixed--border-color: var(--theme-color-0);
   --theme-switch-thumb-mixed--border-color--hover: var(--theme-color-0);
   --theme-switch-thumb-mixed--border-color--active: var(--theme-color-0);
   --theme-switch-thumb-mixed--border-color--disabled: var(--theme-color-0);
-  --theme-switch-thumb-mixed--border-color--invalid: var(--theme-color-0);
-  --theme-switch-thumb-mixed--border-color--invalid--hover: var(--theme-color-0);
-  --theme-switch-thumb-mixed--border-color--invalid--active: var(--theme-color-0);
-  --theme-switch-thumb-mixed--border-color--warning: var(--theme-color-0);
-  --theme-switch-thumb-mixed--border-color--warning--hover: var(--theme-color-0);
-  --theme-switch-thumb-mixed--border-color--warning--active: var(--theme-color-0);
-  --theme-switch-thumb-mixed--border-color--info: var(--theme-color-0);
-  --theme-switch-thumb-mixed--border-color--info--hover: var(--theme-color-0);
-  --theme-switch-thumb-mixed--border-color--info--active: var(--theme-color-0);
+  --theme-switch-thumb-mixed--border-color--invalid: var(--theme-color-alarm-bdr);
+  --theme-switch-thumb-mixed--border-color--invalid--hover: var(--theme-color-alarm-bdr);
+  --theme-switch-thumb-mixed--border-color--invalid--active: var(--theme-color-alarm-bdr);
+  --theme-switch-thumb-mixed--border-color--warning: var(--theme-color-warning-bdr);
+  --theme-switch-thumb-mixed--border-color--warning--hover: var(--theme-color-warning-bdr);
+  --theme-switch-thumb-mixed--border-color--warning--active: var(--theme-color-warning-bdr);
+  --theme-switch-thumb-mixed--border-color--info: var(--theme-color-info);
+  --theme-switch-thumb-mixed--border-color--info--hover: var(--theme-color-info);
+  --theme-switch-thumb-mixed--border-color--info--active: var(--theme-color-info);
   --theme-switch-off--background: var(--theme-color-component-4);
   --theme-switch-off--background--hover: var(--theme-color-component-5);
   --theme-switch-off--background--active: var(--theme-color-component-4);
@@ -74,38 +83,41 @@
   --theme-switch-off--border-color--hover: var(--theme-color-0);
   --theme-switch-off--border-color--active: var(--theme-color-0);
   --theme-switch-off--border-color--disabled: var(--theme-color-0);
-  --theme-switch-off--border-color--invalid: var(--theme-color-alarm);
-  --theme-switch-off--border-color--invalid--hover: var(--theme-color-alarm--hover);
-  --theme-switch-off--border-color--invalid--active: var(--theme-color-alarm--active);
-  --theme-switch-off--border-color--warning: var(--theme-color-warning);
-  --theme-switch-off--border-color--warning--hover: var(--theme-color-warning--hover);
-  --theme-switch-off--border-color--warning--active: var(--theme-color-warning--active);
+  --theme-switch-off--border-color--invalid: var(--theme-color-alarm-bdr);
+  --theme-switch-off--border-color--invalid--hover: var(--theme-color-alarm-bdr);
+  --theme-switch-off--border-color--invalid--active: var(--theme-color-alarm-bdr);
+  --theme-switch-off--border-color--warning: var(--theme-color-warning-bdr);
+  --theme-switch-off--border-color--warning--hover: var(--theme-color-warning-bdr);
+  --theme-switch-off--border-color--warning--active: var(--theme-color-warning-bdr);
   --theme-switch-off--border-color--info: var(--theme-color-info);
   --theme-switch-off--border-color--info--hover: var(--theme-color-info--hover);
   --theme-switch-off--border-color--info--active: var(--theme-color-info--active);
-  --theme-switch-thumb-off--background: var(--theme-color-1);
-  --theme-switch-thumb-off--background--hover: var(--theme-color-1);
-  --theme-switch-thumb-off--background--active: var(--theme-color-1);
+  --theme-switch-thumb-off--background: var(--theme-color-inv-std-text);
+  --theme-switch-thumb-off--background--hover: var(--theme-color-inv-std-text);
+  --theme-switch-thumb-off--background--active: var(--theme-color-inv-std-text);
   --theme-switch-thumb-off--background--disabled: var(--theme-color-component-3);
-  --theme-switch-thumb-off--background--invalid: var(--theme-color-1);
-  --theme-switch-thumb-off--background--invalid--hover: var(--theme-color-1);
-  --theme-switch-thumb-off--background--invalid--active: var(--theme-color-1);
-  --theme-switch-thumb-off--background--warning: var(--theme-color-1);
-  --theme-switch-thumb-off--background--warning--hover: var(--theme-color-1);
-  --theme-switch-thumb-off--background--warning--active: var(--theme-color-1);
-  --theme-switch-thumb-off--background--info: var(--theme-color-1);
-  --theme-switch-thumb-off--background--info--hover: var(--theme-color-1);
-  --theme-switch-thumb-off--background--info--active: var(--theme-color-1);
+  --theme-switch-thumb-off--background--invalid: var(--theme-color-component-error);
+  --theme-switch-thumb-off--background--invalid--hover: var(--theme-color-component-error);
+  --theme-switch-thumb-off--background--invalid--active: var(--theme-color-component-error);
+  --theme-switch-thumb-off--background--warning: var(--theme-color-component-warning);
+  --theme-switch-thumb-off--background--warning--hover: var(--theme-color-component-warning);
+  --theme-switch-thumb-off--background--warning--active: var(--theme-color-component-warning);
+  --theme-switch-thumb-off--background--info--hover: var(--theme-color-inv-std-text);
+  --theme-switch-thumb-off--background--info--active: var(--theme-color-inv-std-text);
+  --theme-switch-thumb-off--background--info: var(--theme-color-inv-std-text);
+  --theme-switch-thumb-off--border--info: var(--theme-color-info);
+  --theme-switch-thumb-off--border--info-hover: var(--theme-color-info);
+  --theme-switch-thumb-off--border--info-hover-active: var(--theme-color-info);
   --theme-switch-thumb-off--border-color: var(--theme-color-0);
   --theme-switch-thumb-off--border-color--hover: var(--theme-color-0);
   --theme-switch-thumb-off--border-color--active: var(--theme-color-0);
   --theme-switch-thumb-off--border-color--disabled: var(--theme-color-0);
-  --theme-switch-thumb-off--border-color--invalid: var(--theme-color-0);
-  --theme-switch-thumb-off--border-color--invalid--hover: var(--theme-color-0);
-  --theme-switch-thumb-off--border-color--invalid--active: var(--theme-color-0);
-  --theme-switch-thumb-off--border-color--warning: var(--theme-color-0);
-  --theme-switch-thumb-off--border-color--warning--hover: var(--theme-color-0);
-  --theme-switch-thumb-off--border-color--warning--active: var(--theme-color-0);
+  --theme-switch-thumb-off--border-color--invalid: var(--theme-color-alarm-bdr);
+  --theme-switch-thumb-off--border-color--invalid--hover: var(--theme-color-alarm-bdr);
+  --theme-switch-thumb-off--border-color--invalid--active: var(--theme-color-alarm-bdr);
+  --theme-switch-thumb-off--border-color--warning: var(--theme-color-warning-bdr);
+  --theme-switch-thumb-off--border-color--warning--hover: var(--theme-color-warning-bdr);
+  --theme-switch-thumb-off--border-color--warning--active: var(--theme-color-warning-bdr);
   --theme-switch-on--background: var(--theme-color-dynamic);
   --theme-switch-on--background--hover: var(--theme-color-dynamic--hover);
   --theme-switch-on--background--active: var(--theme-color-dynamic--active);
@@ -126,9 +138,9 @@
   --theme-switch-on--border-color--invalid: var(--theme-color-0);
   --theme-switch-on--border-color--invalid--hover: var(--theme-color-0);
   --theme-switch-on--border-color--invalid--active: var(--theme-color-0);
-  --theme-switch-on--border-color--warning: var(--theme-color-0);
-  --theme-switch-on--border-color--warning--hover: var(--theme-color-0);
-  --theme-switch-on--border-color--warning--active: var(--theme-color-0);
+  --theme-switch-on--border-color--warning: var(--theme-color-warning-bdr);
+  --theme-switch-on--border-color--warning--hover: var(--theme-color-warning-bdr);
+  --theme-switch-on--border-color--warning--active: var(--theme-color-warning-bdr);
   --theme-switch-on--border-color--info: var(--theme-color-0);
   --theme-switch-on--border-color--info--hover: var(--theme-color-0);
   --theme-switch-on--border-color--info--active: var(--theme-color-0);
@@ -149,15 +161,15 @@
   --theme-switch-thumb-on--border-color--hover: var(--theme-color-0);
   --theme-switch-thumb-on--border-color--active: var(--theme-color-0);
   --theme-switch-thumb-on--border-color--disabled: var(--theme-color-0);
-  --theme-switch-thumb-on--border-color--invalid: var(--theme-color-0);
-  --theme-switch-thumb-on--border-color--invalid--hover: var(--theme-color-0);
-  --theme-switch-thumb-on--border-color--invalid--active: var(--theme-color-0);
-  --theme-switch-thumb-on--border-color--warning: var(--theme-color-0);
-  --theme-switch-thumb-on--border-color--warning--hover: var(--theme-color-0);
-  --theme-switch-thumb-on--border-color--warning--active: var(--theme-color-0);
-  --theme-switch-thumb-on--border-color--info: var(--theme-color-0);
-  --theme-switch-thumb-on--border-color--info--hover: var(--theme-color-0);
-  --theme-switch-thumb-on--border-color--info--active: var(--theme-color-0);
+  --theme-switch-thumb-on--border-color--invalid: var(--theme-color-alarm-bdr);
+  --theme-switch-thumb-on--border-color--invalid--hover: var(--theme-color-alarm-bdr);
+  --theme-switch-thumb-on--border-color--invalid--active: var(--theme-color-alarm-bdr);
+  --theme-switch-thumb-on--border-color--warning: var(--theme-color-warning-bdr);
+  --theme-switch-thumb-on--border-color--warning--hover: var(--theme-color-warning-bdr);
+  --theme-switch-thumb-on--border-color--warning--active: var(--theme-color-warning-bdr);
+  --theme-switch-thumb-on--border-color--info: var(--theme-color-info);
+  --theme-switch-thumb-on--border-color--info--hover: var(--theme-color-info);
+  --theme-switch-thumb-on--border-color--info--active: var(--theme-color-info);
   --theme-switch--color: var(--theme-color-std-text);
   --theme-switch--color--hover: var(--theme-color-std-text);
   --theme-switch--color--active: var(--theme-color-std-text);

package/components/p-B6A7qI08.js

@@ -1,56 +0,0 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-CaRf_gt1.js';
-
-const spinnerCss = ":host{display:block;position:relative;}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}.xx-small{width:0.75rem;height:0.75rem;min-width:0.75rem;min-height:0.75rem;max-width:0.75rem;max-height:0.75rem;border-radius:100%;position:relative;animation:rotate 2s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes clipMask{0%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}12.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}25%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}37.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}50%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}62.5%{clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0)}75%{clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0)}87.5%{clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0)}100%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}}.xx-small::after{content:\"\";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:1px solid var(--ix-button-color, var(--theme-color-soft-text));animation:clipMask 3s linear infinite}.xx-small:not(.hide-track)::before{content:\"\";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:1px solid var(--theme-color-ghost--hover)}.primary::after{border-color:var(--theme-color-dynamic)}.primary::before{border-color:var(--theme-color-ghost--hover)}:host{display:block;position:relative;}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}.x-small{width:1.25rem;height:1.25rem;min-width:1.25rem;min-height:1.25rem;max-width:1.25rem;max-height:1.25rem;border-radius:100%;position:relative;animation:rotate 2s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes clipMask{0%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}12.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}25%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}37.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}50%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}62.5%{clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0)}75%{clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0)}87.5%{clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0)}100%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}}.x-small::after{content:\"\";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--ix-button-color, var(--theme-color-soft-text));animation:clipMask 3s linear infinite}.x-small:not(.hide-track)::before{content:\"\";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--theme-color-ghost--hover)}.primary::after{border-color:var(--theme-color-dynamic)}.primary::before{border-color:var(--theme-color-ghost--hover)}:host{display:block;position:relative;}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}.small{width:1.5rem;height:1.5rem;min-width:1.5rem;min-height:1.5rem;max-width:1.5rem;max-height:1.5rem;border-radius:100%;position:relative;animation:rotate 2s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes clipMask{0%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}12.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}25%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}37.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}50%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}62.5%{clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0)}75%{clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0)}87.5%{clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0)}100%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}}.small::after{content:\"\";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--ix-button-color, var(--theme-color-soft-text));animation:clipMask 3s linear infinite}.small:not(.hide-track)::before{content:\"\";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--theme-color-ghost--hover)}.primary::after{border-color:var(--theme-color-dynamic)}.primary::before{border-color:var(--theme-color-ghost--hover)}:host{display:block;position:relative;}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}.medium{width:2rem;height:2rem;min-width:2rem;min-height:2rem;max-width:2rem;max-height:2rem;border-radius:100%;position:relative;animation:rotate 2s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes clipMask{0%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}12.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}25%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}37.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}50%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}62.5%{clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0)}75%{clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0)}87.5%{clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0)}100%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}}.medium::after{content:\"\";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--ix-button-color, var(--theme-color-soft-text));animation:clipMask 3s linear infinite}.medium:not(.hide-track)::before{content:\"\";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--theme-color-ghost--hover)}.primary::after{border-color:var(--theme-color-dynamic)}.primary::before{border-color:var(--theme-color-ghost--hover)}:host{display:block;position:relative;}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}.large{width:6rem;height:6rem;min-width:6rem;min-height:6rem;max-width:6rem;max-height:6rem;border-radius:100%;position:relative;animation:rotate 2s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes clipMask{0%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}12.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}25%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}37.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}50%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}62.5%{clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0)}75%{clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0)}87.5%{clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0)}100%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}}.large::after{content:\"\";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:4px solid var(--ix-button-color, var(--theme-color-soft-text));animation:clipMask 3s linear infinite}.large:not(.hide-track)::before{content:\"\";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:4px solid var(--theme-color-ghost--hover)}.primary::after{border-color:var(--theme-color-dynamic)}.primary::before{border-color:var(--theme-color-ghost--hover)}";
-
-const Spinner = /*@__PURE__*/ proxyCustomElement(class Spinner extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * Variant of spinner
-         */
-        this.variant = 'secondary';
-        /**
-         * Size of spinner
-         */
-        this.size = 'medium';
-        /**
-         * @internal
-         */
-        this.hideTrack = false;
-    }
-    render() {
-        return (h(Host, { key: 'ce8c4e7ccf1c837e2b0083ceaf144ff55498f6e0' }, h("div", { key: '28808901101e05501e41ebbb7345319d5a14a29e', class: {
-                primary: this.variant === 'primary',
-                [this.size]: true,
-                'hide-track': this.hideTrack,
-            } })));
-    }
-    get hostElement() { return this; }
-    static get style() { return spinnerCss; }
-}, [257, "ix-spinner", {
-        "variant": [1],
-        "size": [1],
-        "hideTrack": [4, "hide-track"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ix-spinner"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ix-spinner":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, Spinner);
-            }
-            break;
-    } });
-}
-
-export { Spinner as S, defineCustomElement as d };
-//# sourceMappingURL=p-B6A7qI08.js.map
-
-//# sourceMappingURL=p-B6A7qI08.js.map