ids-enterprise-wc 1.0.0-beta.12 → 1.0.0-beta.13

package/components/ids-popup/ids-popup.css

@@ -1,7 +1,7 @@
 /* Ids Popup Component */
 :root {
   display: block;
-  z-index: var(--ids-z-index-popup);
+  z-index: var(--ids-z-index-60);
   text-align: unset;
 }
 
@@ -22,7 +22,7 @@
 }
 
 :host([visible][animated]) {
-  transition: left var(--ids-transition-length) var(--ids-transition-linear), top var(--ids-transition-length) var(--ids-transition-linear);
+  transition: left var(--ids-motion-duration) var(--ids-motion-linear), top var(--ids-motion-duration) var(--ids-motion-linear);
 }
 
 .ids-popup {
@@ -94,10 +94,10 @@
   top: calc(var(--ids-popup-arrow-size) * -1);
 }
 .ids-popup.animated {
-  transition: opacity var(--ids-transition-length) var(--ids-transition-linear), transform var(--ids-transition-length) var(--ids-transition-linear);
+  transition: opacity var(--ids-motion-duration) var(--ids-motion-linear), transform var(--ids-motion-duration) var(--ids-motion-linear);
 }
 .ids-popup.animated.open {
-  transition: opacity var(--ids-transition-length) var(--ids-transition-linear), height var(--ids-transition-length) var(--ids-transition-linear), width var(--ids-transition-length) var(--ids-transition-linear), transform var(--ids-transition-length) var(--ids-transition-linear);
+  transition: opacity var(--ids-motion-duration) var(--ids-motion-linear), height var(--ids-motion-duration) var(--ids-motion-linear), width var(--ids-motion-duration) var(--ids-motion-linear), transform var(--ids-motion-duration) var(--ids-motion-linear);
 }
 .ids-popup.animation-fade {
   opacity: 0;
@@ -154,226 +154,226 @@
   transform: none;
 }
 .ids-popup.none {
-  background-color: var(--ids-popup-background-color);
-  border: 1px solid var(--ids-popup-border-color);
+  background-color: var(--ids-popup-color-background);
+  border: 1px solid var(--ids-popup-color-border);
   padding: 1px solid var(--ids-popup-padding);
 }
 .ids-popup.custom {
-  background-color: var(--ids-popup-background-color);
+  background-color: var(--ids-popup-color-background);
   border: 1px solid transparent;
 }
 .ids-popup.menu {
-  background-color: var(--ids-popup-menu-background-color);
-  border: 1px solid var(--ids-popup-menu-border-color);
-  font-family: var(--ids-font-family);
+  background-color: var(--ids-popup-menu-color-background-default);
+  border: 1px solid var(--ids-popup-menu-color-border-default);
+  font-family: var(--ids-font-family-default);
   padding-block: var(--ids-popup-menu-padding);
-  color: var(--ids-popup-menu-text-color);
+  color: var(--ids-popup-menu-color-text-default);
   border-radius: var(--ids-popup-menu-border-radius);
-  box-shadow: var(--ids-popup-menu-box-shadow);
+  box-shadow: var(--ids-popup-menu-shadow-default);
 }
 .ids-popup.menu .arrow.bottom {
-  border-bottom-color: var(--ids-popup-menu-border-color);
+  border-bottom-color: var(--ids-popup-menu-color-border-default);
 }
 .ids-popup.menu .arrow.bottom::after {
-  border-bottom-color: var(--ids-popup-menu-background-color);
+  border-bottom-color: var(--ids-popup-menu-color-background-default);
 }
 .ids-popup.menu .arrow.left {
-  border-left-color: var(--ids-popup-menu-border-color);
+  border-left-color: var(--ids-popup-menu-color-border-default);
 }
 .ids-popup.menu .arrow.left::after {
-  border-left-color: var(--ids-popup-menu-background-color);
+  border-left-color: var(--ids-popup-menu-color-background-default);
 }
 .ids-popup.menu .arrow.right {
-  border-right-color: var(--ids-popup-menu-border-color);
+  border-right-color: var(--ids-popup-menu-color-border-default);
 }
 .ids-popup.menu .arrow.right::after {
-  border-right-color: var(--ids-popup-menu-background-color);
+  border-right-color: var(--ids-popup-menu-color-background-default);
 }
 .ids-popup.menu .arrow.top {
-  border-top-color: var(--ids-popup-menu-border-color);
+  border-top-color: var(--ids-popup-menu-color-border-default);
 }
 .ids-popup.menu .arrow.top::after {
-  border-top-color: var(--ids-popup-menu-background-color);
+  border-top-color: var(--ids-popup-menu-color-background-default);
 }
 .ids-popup.menu-alt {
-  background-color: var(--ids-popup-menu-inverse-background-color);
-  border: 1px solid var(--ids-popup-menu-inverse-border-color);
+  background-color: var(--ids-popup-menu-color-background-inverse);
+  border: 1px solid var(--ids-popup-menu-color-border-inverse);
   padding-block: var(--ids-popup-menu-padding);
-  box-shadow: var(--ids-popup-menu-inverse-box-shadow);
+  box-shadow: var(--ids-popup-menu-shadow-inverse);
   font-size: var(--ids-popup-menu-font-size);
-  color: var(--ids-popup-menu-inverse-text-color);
-  border-color: var(--ids-popup-menu-inverse-border-color);
-  border-radius: var(--ids-border-radius-xs);
-  font-family: var(--ids-font-family);
+  color: var(--ids-popup-menu-color-text-inverse);
+  border-color: var(--ids-popup-menu-color-border-inverse);
+  border-radius: var(--ids-border-radius-01);
+  font-family: var(--ids-font-family-default);
 }
 .ids-popup.menu-alt .arrow.bottom,
 .ids-popup.menu-alt .arrow.bottom::after {
-  border-bottom-color: var(--ids-popup-menu-inverse-border-color);
+  border-bottom-color: var(--ids-popup-menu-color-border-inverse);
 }
 .ids-popup.menu-alt .arrow.left,
 .ids-popup.menu-alt .arrow.left::after {
-  border-left-color: var(--ids-popup-menu-inverse-border-color);
+  border-left-color: var(--ids-popup-menu-color-border-inverse);
 }
 .ids-popup.menu-alt .arrow.right,
 .ids-popup.menu-alt .arrow.right::after {
-  border-right-color: var(--ids-popup-menu-inverse-border-color);
+  border-right-color: var(--ids-popup-menu-color-border-inverse);
 }
 .ids-popup.menu-alt .arrow.top,
 .ids-popup.menu-alt .arrow.top::after {
-  border-top-color: var(--ids-popup-menu-inverse-border-color);
+  border-top-color: var(--ids-popup-menu-color-border-inverse);
 }
 .ids-popup.tooltip {
-  background-color: var(--ids-tooltip-background-color);
+  background-color: var(--ids-tooltip-color-background);
   border-radius: var(--ids-tooltip-border-radius);
-  box-shadow: var(--ids-tooltip-box-shadow);
+  box-shadow: var(--ids-tooltip-shadow);
   cursor: var(--ids-cursor-pointer);
-  color: var(--ids-tooltip-text-color);
+  color: var(--ids-tooltip-color-text);
   display: inline-block;
   font-size: var(--ids-tooltip-font-size);
   padding: var(--ids-tooltip-padding);
-  font-family: var(--ids-font-family);
-  z-index: var(--ids-z-index-tooltip);
+  font-family: var(--ids-font-family-default);
+  z-index: var(--ids-z-index-70);
 }
 .ids-popup.tooltip .arrow.bottom,
 .ids-popup.tooltip .arrow.bottom::after {
-  border-bottom-color: var(--ids-tooltip-background-color);
+  border-bottom-color: var(--ids-tooltip-color-background);
 }
 .ids-popup.tooltip .arrow.bottom {
   top: -6px;
 }
 .ids-popup.tooltip .arrow.left,
 .ids-popup.tooltip .arrow.left::after {
-  border-left-color: var(--ids-tooltip-background-color);
+  border-left-color: var(--ids-tooltip-color-background);
 }
 .ids-popup.tooltip .arrow.left {
   right: -6px;
 }
 .ids-popup.tooltip .arrow.right,
 .ids-popup.tooltip .arrow.right::after {
-  border-right-color: var(--ids-tooltip-background-color);
+  border-right-color: var(--ids-tooltip-color-background);
 }
 .ids-popup.tooltip .arrow.right {
   left: -6px;
 }
 .ids-popup.tooltip .arrow.top,
 .ids-popup.tooltip .arrow.top::after {
-  border-top-color: var(--ids-tooltip-background-color);
+  border-top-color: var(--ids-tooltip-color-background);
 }
 .ids-popup.tooltip .arrow.top {
   bottom: -6px;
 }
 .ids-popup.tooltip.error-color {
-  background-color: var(--ids-tooltip-error-background-color);
+  background-color: var(--ids-tooltip-error-color-background-error);
 }
 .ids-popup.tooltip.error-color .arrow.bottom,
 .ids-popup.tooltip.error-color .arrow.bottom::after {
-  border-bottom-color: var(--ids-tooltip-error-background-color);
+  border-bottom-color: var(--ids-tooltip-error-color-background-error);
 }
 .ids-popup.tooltip.error-color .arrow.left,
 .ids-popup.tooltip.error-color .arrow.left::after {
-  border-left-color: var(--ids-tooltip-error-background-color);
+  border-left-color: var(--ids-tooltip-error-color-background-error);
 }
 .ids-popup.tooltip.error-color .arrow.right,
 .ids-popup.tooltip.error-color .arrow.right::after {
-  border-right-color: var(--ids-tooltip-error-background-color);
+  border-right-color: var(--ids-tooltip-error-color-background-error);
 }
 .ids-popup.tooltip.error-color .arrow.top,
 .ids-popup.tooltip.error-color .arrow.top::after {
-  border-top-color: var(--ids-tooltip-error-background-color);
+  border-top-color: var(--ids-tooltip-error-color-background-error);
 }
 .ids-popup.tooltip.info-color {
-  background-color: var(--ids-tooltip-info-background-color);
+  background-color: var(--ids-tooltip-info-color-background-info);
 }
 .ids-popup.tooltip.info-color .arrow.bottom,
 .ids-popup.tooltip.info-color .arrow.bottom::after {
-  border-bottom-color: var(--ids-tooltip-info-background-color);
+  border-bottom-color: var(--ids-tooltip-info-color-background-info);
 }
 .ids-popup.tooltip.info-color .arrow.left,
 .ids-popup.tooltip.info-color .arrow.left::after {
-  border-left-color: var(--ids-tooltip-info-background-color);
+  border-left-color: var(--ids-tooltip-info-color-background-info);
 }
 .ids-popup.tooltip.info-color .arrow.right,
 .ids-popup.tooltip.info-color .arrow.right::after {
-  border-right-color: var(--ids-tooltip-info-background-color);
+  border-right-color: var(--ids-tooltip-info-color-background-info);
 }
 .ids-popup.tooltip.info-color .arrow.top,
 .ids-popup.tooltip.info-color .arrow.top::after {
-  border-top-color: var(--ids-tooltip-info-background-color);
+  border-top-color: var(--ids-tooltip-info-color-background-info);
 }
 .ids-popup.tooltip.alert-color, .ids-popup.tooltip.warning-color {
-  background-color: var(--ids-tooltip-warning-background-color);
+  background-color: var(--ids-tooltip-color-background-warning);
 }
 .ids-popup.tooltip.alert-color .arrow.bottom,
 .ids-popup.tooltip.alert-color .arrow.bottom::after, .ids-popup.tooltip.warning-color .arrow.bottom,
 .ids-popup.tooltip.warning-color .arrow.bottom::after {
-  border-bottom-color: var(--ids-tooltip-warning-background-color);
+  border-bottom-color: var(--ids-tooltip-color-background-warning);
 }
 .ids-popup.tooltip.alert-color .arrow.left,
 .ids-popup.tooltip.alert-color .arrow.left::after, .ids-popup.tooltip.warning-color .arrow.left,
 .ids-popup.tooltip.warning-color .arrow.left::after {
-  border-left-color: var(--ids-tooltip-warning-background-color);
+  border-left-color: var(--ids-tooltip-color-background-warning);
 }
 .ids-popup.tooltip.alert-color .arrow.right,
 .ids-popup.tooltip.alert-color .arrow.right::after, .ids-popup.tooltip.warning-color .arrow.right,
 .ids-popup.tooltip.warning-color .arrow.right::after {
-  border-right-color: var(--ids-tooltip-warning-background-color);
+  border-right-color: var(--ids-tooltip-color-background-warning);
 }
 .ids-popup.tooltip.alert-color .arrow.top,
 .ids-popup.tooltip.alert-color .arrow.top::after, .ids-popup.tooltip.warning-color .arrow.top,
 .ids-popup.tooltip.warning-color .arrow.top::after {
-  border-top-color: var(--ids-tooltip-warning-background-color);
+  border-top-color: var(--ids-tooltip-color-background-warning);
 }
 .ids-popup.tooltip.success-color {
-  background-color: var(--ids-tooltip-success-background-color);
+  background-color: var(--ids-tooltip-color-background-success);
 }
 .ids-popup.tooltip.success-color .arrow.bottom,
 .ids-popup.tooltip.success-color .arrow.bottom::after {
-  border-bottom-color: var(--ids-tooltip-success-background-color);
+  border-bottom-color: var(--ids-tooltip-color-background-success);
 }
 .ids-popup.tooltip.success-color .arrow.left,
 .ids-popup.tooltip.success-color .arrow.left::after {
-  border-left-color: var(--ids-tooltip-success-background-color);
+  border-left-color: var(--ids-tooltip-color-background-success);
 }
 .ids-popup.tooltip.success-color .arrow.right,
 .ids-popup.tooltip.success-color .arrow.right::after {
-  border-right-color: var(--ids-tooltip-success-background-color);
+  border-right-color: var(--ids-tooltip-color-background-success);
 }
 .ids-popup.tooltip.success-color .arrow.top,
 .ids-popup.tooltip.success-color .arrow.top::after {
-  border-top-color: var(--ids-tooltip-success-background-color);
+  border-top-color: var(--ids-tooltip-color-background-success);
 }
 .ids-popup.tooltip-alt {
-  background-color: var(--ids-tooltip-inverse-background-color);
+  background-color: var(--ids-tooltip-color-background-inverse);
   padding: var(--ids-tooltip-padding);
   border-radius: var(--ids-tooltip-border-radius);
   font-size: var(--ids-tooltip-font-size);
-  color: var(--ids-tooltip-inverse-text-color);
-  font-family: var(--ids-font-family);
+  color: var(--ids-tooltip-color-text-inverse);
+  font-family: var(--ids-font-family-default);
 }
 .ids-popup.modal {
-  background-color: var(--ids-modal-background-color);
-  border: 1px solid var(--ids-modal-border-color);
+  background-color: var(--ids-modal-color-background);
+  border: 1px solid var(--ids-modal-color-border);
   padding: var(--ids-modal-padding);
   border-radius: var(--ids-modal-border-radius);
-  box-shadow: var(--ids-modal-box-shadow);
-  font-family: var(--ids-font-family);
-  color: var(--ids-modal-text-color);
+  box-shadow: var(--ids-modal-shadow-default);
+  font-family: var(--ids-font-family-default);
+  color: var(--ids-modal-color-text);
 }
 .ids-popup.dropdown {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  background-color: var(--ids-dropdown-background-color);
-  border: 1px solid var(--ids-dropdown-border-color);
-  box-shadow: var(--ids-dropdown-box-shadow);
+  background-color: var(--ids-dropdown-color-background-default);
+  border: 1px solid var(--ids-dropdown-color-border);
+  box-shadow: var(--ids-dropdown-shadow-default);
   border-radius: var(--ids-dropdown-border-radius);
   outline: none;
-  border-top-color: var(--ids-dropdown-attached-border-color);
+  border-top-color: var(--ids-dropdown-attached-color-border);
 }
 .ids-popup.dropdown.flipped {
-  border-radius: var(--ids-dropdown-flipped-border-radius);
-  border-bottom-color: var(--ids-dropdown-attached-border-color);
-  border-top-color: var(--ids-dropdown-border-color);
-  box-shadow: var(--ids-dropdown-flipped-box-shadow);
+  border-radius: var(--ids-dropdown-border-radius-opened-up);
+  border-bottom-color: var(--ids-dropdown-attached-color-border);
+  border-top-color: var(--ids-dropdown-color-border);
+  box-shadow: var(--ids-dropdown-shadow-opened-up);
 }
 .ids-popup:not(.position-viewport).has-maxheight .content-wrapper {
   height: var(--ids-popup-maxheight);

package/components/ids-popup/ids-popup.d.ts

@@ -41,6 +41,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -414,6 +415,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;

package/components/ids-popup/ids-popup.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-YKXR5BK4.js";import"../../chunks/ids-chunk-VKONCQ6O.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-X5HHVE4J.js";import"../../chunks/ids-chunk-YWQWAWKA.js";import"../../chunks/ids-chunk-IUQDTAVW.js";import"../../chunks/ids-chunk-FP7JXALX.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-YS37TBDI.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-GTV4PSEA.js";import"../../chunks/ids-chunk-VGRUIA4C.js";import"../../chunks/ids-chunk-2NN3ZJ6Q.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-5OKDI6GX.js";import"../../chunks/ids-chunk-4TL64355.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-N7RNTKMO.js";import"../../chunks/ids-chunk-RZESIOE7.js";import"../../chunks/ids-chunk-4W3JMIJK.js";import"../../chunks/ids-chunk-FP7JXALX.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-AKCO43TX.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-GFV2Z7F5.js";import"../../chunks/ids-chunk-QPDOZZIG.js";import"../../chunks/ids-chunk-EQJWBFQ2.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};

package/components/ids-popup-menu/ids-popup-menu.css

@@ -82,5 +82,5 @@
 
 .ids-popup-menu:not([hidden]) {
   display: block;
-  z-index: var(--ids-z-index-popup);
+  z-index: var(--ids-z-index-60);
 }

package/components/ids-popup-menu/ids-popup-menu.d.ts

@@ -36,6 +36,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -397,6 +398,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -754,6 +756,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -1099,6 +1102,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;

package/components/ids-popup-menu/ids-popup-menu.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-YU2I4MHS.js";import"../../chunks/ids-chunk-NOZIDPCE.js";import"../../chunks/ids-chunk-NQTSEY5I.js";import"../../chunks/ids-chunk-OCX72AHL.js";import"../../chunks/ids-chunk-H2ESTTQV.js";import"../../chunks/ids-chunk-MH4P6OJT.js";import"../../chunks/ids-chunk-DXGQFMWW.js";import"../../chunks/ids-chunk-Q6YDMB2A.js";import"../../chunks/ids-chunk-F3RQ5V7T.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-OI3V5ZMR.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-ZHYOU3QW.js";import"../../chunks/ids-chunk-J6DDVFGW.js";import"../../chunks/ids-chunk-YKXR5BK4.js";import"../../chunks/ids-chunk-VKONCQ6O.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-X5HHVE4J.js";import"../../chunks/ids-chunk-YWQWAWKA.js";import"../../chunks/ids-chunk-IUQDTAVW.js";import"../../chunks/ids-chunk-FP7JXALX.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-OIRG76OL.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-YS37TBDI.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-GTV4PSEA.js";import"../../chunks/ids-chunk-VGRUIA4C.js";import"../../chunks/ids-chunk-2NN3ZJ6Q.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-2WNWFTXI.js";import"../../chunks/ids-chunk-JS5OI342.js";import"../../chunks/ids-chunk-GRYAIPTC.js";import"../../chunks/ids-chunk-DYJJYVFP.js";import"../../chunks/ids-chunk-KXLOXEBI.js";import"../../chunks/ids-chunk-F4DULBMC.js";import"../../chunks/ids-chunk-DXGQFMWW.js";import"../../chunks/ids-chunk-DHQCPTJO.js";import"../../chunks/ids-chunk-OIS6KGMU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-M2BHOD5L.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-UV7FAVD2.js";import"../../chunks/ids-chunk-J6DDVFGW.js";import"../../chunks/ids-chunk-5OKDI6GX.js";import"../../chunks/ids-chunk-4TL64355.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-N7RNTKMO.js";import"../../chunks/ids-chunk-RZESIOE7.js";import"../../chunks/ids-chunk-4W3JMIJK.js";import"../../chunks/ids-chunk-FP7JXALX.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-RRSHSZ55.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-AKCO43TX.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-GFV2Z7F5.js";import"../../chunks/ids-chunk-QPDOZZIG.js";import"../../chunks/ids-chunk-EQJWBFQ2.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};

package/components/ids-process-indicator/ids-process-indicator-step.d.ts

@@ -59,6 +59,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;

package/components/ids-process-indicator/ids-process-indicator-step.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-PL6TH5G5.js";import"../../chunks/ids-chunk-YS37TBDI.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-GTV4PSEA.js";import"../../chunks/ids-chunk-VGRUIA4C.js";import"../../chunks/ids-chunk-2NN3ZJ6Q.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-6A46ZPUZ.js";import"../../chunks/ids-chunk-AKCO43TX.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-GFV2Z7F5.js";import"../../chunks/ids-chunk-QPDOZZIG.js";import"../../chunks/ids-chunk-EQJWBFQ2.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};

package/components/ids-process-indicator/ids-process-indicator.css

@@ -4,7 +4,7 @@
     position: absolute;
   }
   :host .xs-header .label {
-    margin-left: var(--ids-spacing-md);
+    margin-left: var(--ids-space-30);
   }
 }
 @media (min-width: 840px) {

package/components/ids-process-indicator/ids-process-indicator.d.ts

@@ -58,6 +58,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;

package/components/ids-process-indicator/ids-process-indicator.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-OJLVOWNJ.js";import"../../chunks/ids-chunk-PL6TH5G5.js";import"../../chunks/ids-chunk-P3LFWF2P.js";import"../../chunks/ids-chunk-DFQRXICA.js";import"../../chunks/ids-chunk-3VZAZNKV.js";import"../../chunks/ids-chunk-OI3V5ZMR.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-YKXR5BK4.js";import"../../chunks/ids-chunk-VKONCQ6O.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-X5HHVE4J.js";import"../../chunks/ids-chunk-YWQWAWKA.js";import"../../chunks/ids-chunk-IUQDTAVW.js";import"../../chunks/ids-chunk-FP7JXALX.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-OIRG76OL.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-YS37TBDI.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-GTV4PSEA.js";import"../../chunks/ids-chunk-VGRUIA4C.js";import"../../chunks/ids-chunk-2NN3ZJ6Q.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-YZO37FF2.js";import"../../chunks/ids-chunk-6A46ZPUZ.js";import"../../chunks/ids-chunk-6QEU7B7L.js";import"../../chunks/ids-chunk-WGF76AHI.js";import"../../chunks/ids-chunk-WSLP3ZMG.js";import"../../chunks/ids-chunk-M2BHOD5L.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-5OKDI6GX.js";import"../../chunks/ids-chunk-4TL64355.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-N7RNTKMO.js";import"../../chunks/ids-chunk-RZESIOE7.js";import"../../chunks/ids-chunk-4W3JMIJK.js";import"../../chunks/ids-chunk-FP7JXALX.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-RRSHSZ55.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-AKCO43TX.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-GFV2Z7F5.js";import"../../chunks/ids-chunk-QPDOZZIG.js";import"../../chunks/ids-chunk-EQJWBFQ2.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};

package/components/ids-progress-bar/ids-progress-bar.css

@@ -11,10 +11,10 @@
   contain: content;
 }
 .ids-progress-bar .progress-label {
-  color: var(--ids-progress-bar-label-text-color);
+  color: var(--ids-progress-bar-label-color-text);
 }
 .ids-progress-bar .progress-bar {
-  background-color: var(--ids-progress-bar-background-color);
+  background-color: var(--ids-progress-bar-color-background-default);
   border-radius: var(--ids-progress-bar-border-radius);
   border: var(--ids-progress-bar-border);
   height: var(--ids-progress-bar-height);
@@ -22,29 +22,29 @@
   width: 100%;
 }
 .ids-progress-bar .progress-bar::-webkit-progress-bar {
-  background-color: var(--ids-progress-bar-background-color);
+  background-color: var(--ids-progress-bar-color-background-default);
   border-radius: var(--ids-progress-bar-border-radius);
 }
 .ids-progress-bar .progress-bar::-webkit-progress-value {
-  background-color: var(--ids-progress-bar-fill-background-color);
+  background-color: var(--ids-progress-bar-fill-color-background);
   border-radius: var(--ids-progress-bar-border-radius);
-  transition: width var(--ids-transition-length) var(--ids-transition-ease);
+  transition: width var(--ids-motion-duration) var(--ids-motion-ease);
 }
 .ids-progress-bar .progress-bar::-moz-progress-bar {
-  background-color: var(--ids-progress-bar-fill-background-color);
+  background-color: var(--ids-progress-bar-fill-color-background);
   border-radius: var(--ids-progress-bar-border-radius);
-  transition: width var(--ids-transition-length) var(--ids-transition-ease);
+  transition: width var(--ids-motion-duration) var(--ids-motion-ease);
 }
 .ids-progress-bar.label-audible .progress-bar {
   margin: var(--ids-progress-bar-label-audible-margin);
 }
 .ids-progress-bar.disabled .progress-label {
-  color: var(--ids-progress-bar-disabled-text-color);
+  color: var(--ids-progress-bar-color-text-disabled);
 }
 .ids-progress-bar.disabled .progress-bar {
-  border-color: var(--ids-progress-bar-disabled-background-color);
+  border-color: var(--ids-progress-bar-color-background-disabled);
 }
 .ids-progress-bar.disabled .progress-bar::-webkit-progress-value {
-  background-color: var(--ids-progress-bar-disabled-background-color);
-  border-color: var(--ids-progress-bar-disabled-background-color);
+  background-color: var(--ids-progress-bar-color-background-disabled);
+  border-color: var(--ids-progress-bar-color-background-disabled);
 }

package/components/ids-progress-bar/ids-progress-bar.d.ts

@@ -56,6 +56,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;

package/components/ids-progress-bar/ids-progress-bar.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-LXYTBRXE.js";import"../../chunks/ids-chunk-YS37TBDI.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-GTV4PSEA.js";import"../../chunks/ids-chunk-VGRUIA4C.js";import"../../chunks/ids-chunk-2NN3ZJ6Q.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-O2YDDBEC.js";import"../../chunks/ids-chunk-AKCO43TX.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-GFV2Z7F5.js";import"../../chunks/ids-chunk-QPDOZZIG.js";import"../../chunks/ids-chunk-EQJWBFQ2.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};

package/components/ids-progress-chart/ids-progress-chart.css

@@ -9,15 +9,15 @@
   display: inline-flex;
   flex-direction: row;
   align-items: flex-end;
-  color: var(--ids-progress-chart-labels-text-color);
-  font-size: var(--ids-progress-chart-labels-font-size);
-  margin-bottom: var(--ids-progress-chart-labels-margin-bottom);
+  color: var(--ids-progress-chart-label-color-text);
+  font-size: var(--ids-progress-chart-label-font-size);
+  margin-bottom: var(--ids-progress-chart-label-margin-bottom);
   position: relative;
   width: 100%;
 }
 .ids-progress-chart .labels .label-main {
   display: inline-flex;
-  margin: var(--ids-progress-chart-labels-main-margin);
+  margin: var(--ids-progress-chart-label-main-margin);
 }
 .ids-progress-chart .labels .label-main::part(text) {
   color: currentColor;
@@ -26,7 +26,7 @@
 }
 .ids-progress-chart .labels .label-progress {
   display: inline-flex;
-  margin: var(--ids-progress-chart-labels-progress-margin);
+  margin: var(--ids-progress-chart-label-progress-margin);
 }
 .ids-progress-chart .labels .label-progress::part(text) {
   color: currentColor;
@@ -51,13 +51,13 @@
 }
 .ids-progress-chart .bar {
   border-radius: var(--ids-progress-chart-bar-border-radius);
-  min-height: var(--ids-progress-chart-bar-min-height);
-  min-width: var(--ids-progress-chart-bar-min-width);
+  min-height: var(--ids-progress-chart-height-min);
+  min-width: var(--ids-progress-chart-bar-width-min);
   display: flex;
   position: relative;
 }
 .ids-progress-chart .bar .bar-total {
-  background-color: var(--ids-progress-chart-bar-total-background-color);
+  background-color: var(--ids-progress-chart-total-color-background);
   border-radius: inherit;
   display: flex;
   top: 0;
@@ -66,7 +66,7 @@
   height: inherit;
 }
 .ids-progress-chart .bar .bar-progress {
-  background-color: var(--ids-progress-chart-bar-progress-background-color);
+  background-color: var(--ids-progress-chart-bar-progress-color-background);
   border-radius: inherit;
   display: flex;
   top: 0;

package/components/ids-progress-chart/ids-progress-chart.d.ts

@@ -22,10 +22,6 @@ declare const Base: {
         triggerVetoableEvent(eventType: string, data?: any): boolean;
         detachAllEvents(): void;
         detachEventsByName: (eventName: string) => void;
-        /**
-         * Set the label of total possible progress--useful for displaying units
-         * @param {string} value The label for total progress (i.e. 26 hours)
-         */
         "__#3@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         "__#3@#removeLongPressListener"(): void;
         "__#3@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
@@ -60,6 +56,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;

package/components/ids-progress-chart/ids-progress-chart.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-UE6KINFT.js";import"../../chunks/ids-chunk-YS37TBDI.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-GTV4PSEA.js";import"../../chunks/ids-chunk-VGRUIA4C.js";import"../../chunks/ids-chunk-2NN3ZJ6Q.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-UWUR4MQD.js";import"../../chunks/ids-chunk-AKCO43TX.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-GFV2Z7F5.js";import"../../chunks/ids-chunk-QPDOZZIG.js";import"../../chunks/ids-chunk-EQJWBFQ2.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};

package/components/ids-radio/ids-radio-group.d.ts

@@ -57,6 +57,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -430,6 +431,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -787,6 +789,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -1160,6 +1163,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;