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

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

@@ -1,7 +1,7 @@
 :root {
   display: block;
   position: fixed;
-  transition: box-shadow var(--ids-transition-length) var(--ids-transition-ease), transform var(--ids-transition-length) var(--ids-transition-ease);
+  transition: box-shadow var(--ids-motion-duration) var(--ids-motion-ease), transform var(--ids-motion-duration) var(--ids-motion-ease);
 }
 
 :host([edge=bottom]) {
@@ -42,10 +42,10 @@
   width: 100%;
 }
 .ids-drawer.type-action-sheet {
-  background-color: var(--ids-drawer-action-sheet-background-color);
-  box-shadow: var(--ids-drawer-action-sheet-box-shadow);
-  color: var(--ids-drawer-action-sheet-text-color);
-  padding: var(--ids-spacing-xl);
+  background-color: var(--ids-drawer-action-sheet-color-background);
+  box-shadow: var(--ids-drawer-action-sheet-shadow);
+  color: var(--ids-drawer-action-sheet-color-text);
+  padding: var(--ids-space-50);
   margin: 0 auto;
   max-height: 70vh;
   max-width: 480px;
@@ -54,8 +54,8 @@
   border-top-right-radius: 15px;
 }
 .ids-drawer.type-app-menu {
-  background-color: var(--ids-drawer-app-menu-background-color);
-  color: var(--ids-drawer-app-menu-text-color);
+  background-color: var(--ids-drawer-app-menu-color-background);
+  color: var(--ids-drawer-app-menu-color-text);
   min-width: var(--ids-drawer-width);
   width: var(--ids-drawer-width);
 }
@@ -63,7 +63,7 @@
   color: inherit;
 }
 .ids-drawer.type-app-menu.visible {
-  box-shadow: var(--ids-drawer-app-menu-box-shadow);
+  box-shadow: var(--ids-drawer-app-menu-shadow);
 }
 @media (min-width: 840px) {
   .ids-drawer.type-app-menu.visible {
@@ -92,28 +92,28 @@
 }
 
 .ids-app-menu-user {
-  padding: var(--ids-spacing-4xl);
+  padding: var(--ids-space-80);
 }
 
 .ids-app-menu-search {
-  padding: var(--ids-spacing-lg);
+  padding: var(--ids-space-40);
 }
 
 ::slotted(ids-icon[slot=avatar]) {
-  padding: var(--ids-spacing-lg);
+  padding: var(--ids-space-40);
 }
 
 ::slotted(img[slot=avatar]) {
-  border-radius: var(--ids-border-radius-round);
+  border-radius: var(--ids-border-radius-circle);
   height: 40px;
   width: 40px;
 }
 
 ::slotted(ids-toolbar) {
-  padding-inline: var(--ids-spacing-lg);
-  margin-block-end: var(--ids-spacing-lg);
+  padding-inline: var(--ids-space-40);
+  margin-block-end: var(--ids-space-40);
 }
 
 .ids-app-menu-branding ::slotted(ids-icon[icon=logo]) {
-  padding: var(--ids-spacing-lg);
+  padding: var(--ids-space-40);
 }

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

@@ -45,6 +45,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-app-menu/ids-app-menu.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-BBMHS2QQ.js";import"../../chunks/ids-chunk-A6ZOIVJF.js";import"../../chunks/ids-chunk-TWEUIO2Y.js";import"../../chunks/ids-chunk-NKERXKF7.js";import"../../chunks/ids-chunk-IHPIPTZC.js";import"../../chunks/ids-chunk-WPEV3C6S.js";import"../../chunks/ids-chunk-K6SC5G6F.js";import"../../chunks/ids-chunk-DRW37UXP.js";import"../../chunks/ids-chunk-LTH7CZ6Q.js";import"../../chunks/ids-chunk-4VS5BNP3.js";import"../../chunks/ids-chunk-OMVLELNC.js";import"../../chunks/ids-chunk-C4LW4BRH.js";import"../../chunks/ids-chunk-FY732MLA.js";import"../../chunks/ids-chunk-ILL3AE5R.js";import"../../chunks/ids-chunk-VBGN2CRQ.js";import"../../chunks/ids-chunk-RTUKNVUC.js";import"../../chunks/ids-chunk-4Y4BRYZL.js";import"../../chunks/ids-chunk-6XCOPQLH.js";import"../../chunks/ids-chunk-N6J46CDW.js";import"../../chunks/ids-chunk-DFQRXICA.js";import"../../chunks/ids-chunk-3VZAZNKV.js";import"../../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-4E5OGUOL.js";import"../../chunks/ids-chunk-LFP4BXTN.js";import"../../chunks/ids-chunk-TWEUIO2Y.js";import"../../chunks/ids-chunk-IZZJC2EB.js";import"../../chunks/ids-chunk-WGNRSGWT.js";import"../../chunks/ids-chunk-Z4W2DLY5.js";import"../../chunks/ids-chunk-5Q3WAL27.js";import"../../chunks/ids-chunk-DRW37UXP.js";import"../../chunks/ids-chunk-UN2Q545Y.js";import"../../chunks/ids-chunk-ZOBFQFJN.js";import"../../chunks/ids-chunk-UXTJR3X7.js";import"../../chunks/ids-chunk-M44M2XW4.js";import"../../chunks/ids-chunk-4RXDW4MK.js";import"../../chunks/ids-chunk-T55PJIDE.js";import"../../chunks/ids-chunk-GFTX3QTI.js";import"../../chunks/ids-chunk-WY2RW7QR.js";import"../../chunks/ids-chunk-RI2BXZ6U.js";import"../../chunks/ids-chunk-FF2PR2KM.js";import"../../chunks/ids-chunk-DSILQO6B.js";import"../../chunks/ids-chunk-QXBFKEEP.js";import"../../chunks/ids-chunk-4FZLXQW3.js";import"../../chunks/ids-chunk-G6CTBPDT.js";import"../../chunks/ids-chunk-DOLUR6CX.js";import"../../chunks/ids-chunk-RXKBAZ4I.js";import"../../chunks/ids-chunk-RJCX7NER.js";import"../../chunks/ids-chunk-JA6ES3WY.js";import"../../chunks/ids-chunk-OKBUVHAP.js";import"../../chunks/ids-chunk-DXGQFMWW.js";import"../../chunks/ids-chunk-R7DZNS7W.js";import"../../chunks/ids-chunk-OIS6KGMU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-33V6A4PN.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-K7QJZ6GH.js";import"../../chunks/ids-chunk-J6DDVFGW.js";import"../../chunks/ids-chunk-BGHX2WQ5.js";import"../../chunks/ids-chunk-AVLWMYWS.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-AZSONAF7.js";import"../../chunks/ids-chunk-7VJ3NF24.js";import"../../chunks/ids-chunk-EJFTSZLS.js";import"../../chunks/ids-chunk-FP7JXALX.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-54WKNX4L.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-7JIYCFAW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-HABPILOR.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};

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

@@ -13,9 +13,9 @@
   align-items: center;
   border: 1px solid transparent;
   display: flex;
-  font-family: var(--ids-font-family);
-  font-size: var(--ids-chart-legend-text-size);
-  color: var(--ids-chart-legend-text-color);
+  font-family: var(--ids-font-family-default);
+  font-size: var(--ids-chart-legend-font-size);
+  color: var(--ids-chart-legend-color-text);
   padding-inline-start: 8px;
   padding-inline-end: 8px;
   padding-block-start: 2px;
@@ -24,8 +24,8 @@
 }
 .chart-legend a:focus {
   outline: none;
-  border-color: var(--ids-focus-border-color);
-  box-shadow: var(--ids-focus-box-shadow);
+  border-color: var(--ids-color-border-focus);
+  box-shadow: var(--ids-shadow-focus);
 }
 .chart-legend .swatch {
   display: inline-flex;
@@ -127,19 +127,18 @@
 
 .ids-axis-chart {
   display: flex;
-  border-color: var(--ids-axis-chart-border-color);
 }
 .ids-axis-chart.hidden {
   display: none;
 }
 .ids-axis-chart .grid {
   shape-rendering: crispedges;
-  stroke: var(--ids-axis-chart-grid-stroke);
+  stroke: var(--ids-axis-chart-grid-color);
   stroke-width: 1;
   stroke-dasharray: 2 2;
 }
 .ids-axis-chart .grid.horizontal-lines line:last-child {
-  stroke: var(--ids-axis-chart-last-line-stroke);
+  stroke: var(--ids-axis-chart-last-line-color-border);
   stroke-dasharray: none;
 }
 .ids-axis-chart .grid.hidden {
@@ -150,20 +149,20 @@
   stroke-dasharray: inherit;
 }
 .ids-axis-chart.horizontal .grid.vertical-lines line:first-child {
-  stroke: var(--ids-axis-chart-first-line-stroke);
+  stroke: var(--ids-axis-chart-first-line-color);
   stroke-dasharray: none;
 }
 .ids-axis-chart g[tabindex="0"]:focus {
-  outline: var(--ids-axis-chart-focus-group-outline);
+  outline: var(--ids-axis-chart-outline-focus);
 }
 .ids-axis-chart .labels {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  font-family: var(--ids-axis-chart-label-font-family);
-  font-size: var(--ids-axis-chart-label-font-size);
+  font-family: var(--ids-axis-chart-font-family);
+  font-size: var(--ids-axis-chart-font-size);
 }
 .ids-axis-chart .labels text {
-  fill: var(--ids-axis-chart-label-text-fill);
+  fill: var(--ids-axis-chart-color-text);
 }
 .ids-axis-chart .labels.x-labels {
   text-anchor: middle;
@@ -174,7 +173,7 @@
 .ids-axis-chart .labels.axis-labels text {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  font-weight: var(--ids-axis-chart-label-axis-text-font-weight);
+  font-weight: var(--ids-axis-chart-font-weight);
   text-anchor: middle;
 }
 .ids-axis-chart .audible {
@@ -198,23 +197,23 @@ ids-empty-message:not([hidden])[hidden],
 }
 
 .tooltip-center {
-  margin-block: var(--ids-spacing-md);
+  margin-block: var(--ids-space-30);
   text-align: center;
 }
 
 .tooltip.chart-legend {
   flex-direction: column;
-  margin-block-end: var(--ids-spacing-lg);
+  margin-block-end: var(--ids-space-40);
   padding: 0;
 }
 .tooltip.chart-legend .swatch {
-  margin-inline: var(--ids-spacing-md);
+  margin-inline: var(--ids-space-30);
   padding: 0;
 }
 
 .tooltip-row span {
-  padding-inline-start: var(--ids-spacing-sm);
-  padding-inline-end: var(--ids-spacing-md);
+  padding-inline-start: var(--ids-space-20);
+  padding-inline-end: var(--ids-space-30);
 }
 
 :host([dir=rtl]) .ids-axis-chart {
@@ -243,9 +242,9 @@ ids-empty-message:not([hidden])[hidden],
   align-items: center;
   border: 1px solid transparent;
   display: flex;
-  font-family: var(--ids-font-family);
-  font-size: var(--ids-chart-legend-text-size);
-  color: var(--ids-chart-legend-text-color);
+  font-family: var(--ids-font-family-default);
+  font-size: var(--ids-chart-legend-font-size);
+  color: var(--ids-chart-legend-color-text);
   padding-inline-start: 8px;
   padding-inline-end: 8px;
   padding-block-start: 2px;
@@ -254,8 +253,8 @@ ids-empty-message:not([hidden])[hidden],
 }
 .chart-legend a:focus {
   outline: none;
-  border-color: var(--ids-focus-border-color);
-  box-shadow: var(--ids-focus-box-shadow);
+  border-color: var(--ids-color-border-focus);
+  box-shadow: var(--ids-shadow-focus);
 }
 .chart-legend .swatch {
   display: inline-flex;
@@ -357,19 +356,18 @@ ids-empty-message:not([hidden])[hidden],
 
 .ids-axis-chart {
   display: flex;
-  border-color: var(--ids-axis-chart-border-color);
 }
 .ids-axis-chart.hidden {
   display: none;
 }
 .ids-axis-chart .grid {
   shape-rendering: crispedges;
-  stroke: var(--ids-axis-chart-grid-stroke);
+  stroke: var(--ids-axis-chart-grid-color);
   stroke-width: 1;
   stroke-dasharray: 2 2;
 }
 .ids-axis-chart .grid.horizontal-lines line:last-child {
-  stroke: var(--ids-axis-chart-last-line-stroke);
+  stroke: var(--ids-axis-chart-last-line-color-border);
   stroke-dasharray: none;
 }
 .ids-axis-chart .grid.hidden {
@@ -380,20 +378,20 @@ ids-empty-message:not([hidden])[hidden],
   stroke-dasharray: inherit;
 }
 .ids-axis-chart.horizontal .grid.vertical-lines line:first-child {
-  stroke: var(--ids-axis-chart-first-line-stroke);
+  stroke: var(--ids-axis-chart-first-line-color);
   stroke-dasharray: none;
 }
 .ids-axis-chart g[tabindex="0"]:focus {
-  outline: var(--ids-axis-chart-focus-group-outline);
+  outline: var(--ids-axis-chart-outline-focus);
 }
 .ids-axis-chart .labels {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  font-family: var(--ids-axis-chart-label-font-family);
-  font-size: var(--ids-axis-chart-label-font-size);
+  font-family: var(--ids-axis-chart-font-family);
+  font-size: var(--ids-axis-chart-font-size);
 }
 .ids-axis-chart .labels text {
-  fill: var(--ids-axis-chart-label-text-fill);
+  fill: var(--ids-axis-chart-color-text);
 }
 .ids-axis-chart .labels.x-labels {
   text-anchor: middle;
@@ -404,7 +402,7 @@ ids-empty-message:not([hidden])[hidden],
 .ids-axis-chart .labels.axis-labels text {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  font-weight: var(--ids-axis-chart-label-axis-text-font-weight);
+  font-weight: var(--ids-axis-chart-font-weight);
   text-anchor: middle;
 }
 .ids-axis-chart .audible {
@@ -428,23 +426,23 @@ ids-empty-message:not([hidden])[hidden],
 }
 
 .tooltip-center {
-  margin-block: var(--ids-spacing-md);
+  margin-block: var(--ids-space-30);
   text-align: center;
 }
 
 .tooltip.chart-legend {
   flex-direction: column;
-  margin-block-end: var(--ids-spacing-lg);
+  margin-block-end: var(--ids-space-40);
   padding: 0;
 }
 .tooltip.chart-legend .swatch {
-  margin-inline: var(--ids-spacing-md);
+  margin-inline: var(--ids-space-30);
   padding: 0;
 }
 
 .tooltip-row span {
-  padding-inline-start: var(--ids-spacing-sm);
-  padding-inline-end: var(--ids-spacing-md);
+  padding-inline-start: var(--ids-space-20);
+  padding-inline-end: var(--ids-space-30);
 }
 
 :host([dir=rtl]) .ids-axis-chart {
@@ -459,7 +457,7 @@ ids-empty-message:not([hidden])[hidden],
 }
 
 .ids-axis-chart .markers circle {
-  stroke-width: var(--ids-spacing-lg);
+  stroke-width: var(--ids-space-40);
   stroke: transparent;
 }
 .ids-axis-chart .markers circle.color-1 {
@@ -527,7 +525,7 @@ ids-empty-message:not([hidden])[hidden],
 }
 .ids-axis-chart .marker-lines {
   fill: none;
-  stroke-width: var(--ids-spacing-sm);
+  stroke-width: var(--ids-space-20);
 }
 .ids-axis-chart .marker-lines .data-line.color-1 {
   stroke: var(--ids-chart-color-1);

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

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-ETPDURX4.js";import"../../chunks/ids-chunk-L7UQRKY2.js";import"../../chunks/ids-chunk-SUVBHASO.js";import"../../chunks/ids-chunk-GD7I4Q2L.js";import"../../chunks/ids-chunk-3PABHGXP.js";import"../../chunks/ids-chunk-ONPEMRJP.js";import"../../chunks/ids-chunk-SDY66MPI.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-NKERXKF7.js";import"../../chunks/ids-chunk-JMCJ3SGL.js";import"../../chunks/ids-chunk-BWPOZP66.js";import"../../chunks/ids-chunk-T2TIUOXF.js";import"../../chunks/ids-chunk-DFQRXICA.js";import"../../chunks/ids-chunk-3VZAZNKV.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-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-G43XXP7Q.js";import"../../chunks/ids-chunk-GA3B7NQH.js";import"../../chunks/ids-chunk-X5346J2B.js";import"../../chunks/ids-chunk-O7EMEZFO.js";import"../../chunks/ids-chunk-AVNBEYP6.js";import"../../chunks/ids-chunk-ONPEMRJP.js";import"../../chunks/ids-chunk-I2TYEGWJ.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-IZZJC2EB.js";import"../../chunks/ids-chunk-ZIGY2P3N.js";import"../../chunks/ids-chunk-BWPOZP66.js";import"../../chunks/ids-chunk-T2TIUOXF.js";import"../../chunks/ids-chunk-QXBFKEEP.js";import"../../chunks/ids-chunk-4FZLXQW3.js";import"../../chunks/ids-chunk-OIS6KGMU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-33V6A4PN.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-BGHX2WQ5.js";import"../../chunks/ids-chunk-AVLWMYWS.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-AZSONAF7.js";import"../../chunks/ids-chunk-7VJ3NF24.js";import"../../chunks/ids-chunk-EJFTSZLS.js";import"../../chunks/ids-chunk-FP7JXALX.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-54WKNX4L.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-7JIYCFAW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-HABPILOR.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};

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

@@ -13,9 +13,9 @@
   align-items: center;
   border: 1px solid transparent;
   display: flex;
-  font-family: var(--ids-font-family);
-  font-size: var(--ids-chart-legend-text-size);
-  color: var(--ids-chart-legend-text-color);
+  font-family: var(--ids-font-family-default);
+  font-size: var(--ids-chart-legend-font-size);
+  color: var(--ids-chart-legend-color-text);
   padding-inline-start: 8px;
   padding-inline-end: 8px;
   padding-block-start: 2px;
@@ -24,8 +24,8 @@
 }
 .chart-legend a:focus {
   outline: none;
-  border-color: var(--ids-focus-border-color);
-  box-shadow: var(--ids-focus-box-shadow);
+  border-color: var(--ids-color-border-focus);
+  box-shadow: var(--ids-shadow-focus);
 }
 .chart-legend .swatch {
   display: inline-flex;
@@ -127,19 +127,18 @@
 
 .ids-axis-chart {
   display: flex;
-  border-color: var(--ids-axis-chart-border-color);
 }
 .ids-axis-chart.hidden {
   display: none;
 }
 .ids-axis-chart .grid {
   shape-rendering: crispedges;
-  stroke: var(--ids-axis-chart-grid-stroke);
+  stroke: var(--ids-axis-chart-grid-color);
   stroke-width: 1;
   stroke-dasharray: 2 2;
 }
 .ids-axis-chart .grid.horizontal-lines line:last-child {
-  stroke: var(--ids-axis-chart-last-line-stroke);
+  stroke: var(--ids-axis-chart-last-line-color-border);
   stroke-dasharray: none;
 }
 .ids-axis-chart .grid.hidden {
@@ -150,20 +149,20 @@
   stroke-dasharray: inherit;
 }
 .ids-axis-chart.horizontal .grid.vertical-lines line:first-child {
-  stroke: var(--ids-axis-chart-first-line-stroke);
+  stroke: var(--ids-axis-chart-first-line-color);
   stroke-dasharray: none;
 }
 .ids-axis-chart g[tabindex="0"]:focus {
-  outline: var(--ids-axis-chart-focus-group-outline);
+  outline: var(--ids-axis-chart-outline-focus);
 }
 .ids-axis-chart .labels {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  font-family: var(--ids-axis-chart-label-font-family);
-  font-size: var(--ids-axis-chart-label-font-size);
+  font-family: var(--ids-axis-chart-font-family);
+  font-size: var(--ids-axis-chart-font-size);
 }
 .ids-axis-chart .labels text {
-  fill: var(--ids-axis-chart-label-text-fill);
+  fill: var(--ids-axis-chart-color-text);
 }
 .ids-axis-chart .labels.x-labels {
   text-anchor: middle;
@@ -174,7 +173,7 @@
 .ids-axis-chart .labels.axis-labels text {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  font-weight: var(--ids-axis-chart-label-axis-text-font-weight);
+  font-weight: var(--ids-axis-chart-font-weight);
   text-anchor: middle;
 }
 .ids-axis-chart .audible {
@@ -198,23 +197,23 @@ ids-empty-message:not([hidden])[hidden],
 }
 
 .tooltip-center {
-  margin-block: var(--ids-spacing-md);
+  margin-block: var(--ids-space-30);
   text-align: center;
 }
 
 .tooltip.chart-legend {
   flex-direction: column;
-  margin-block-end: var(--ids-spacing-lg);
+  margin-block-end: var(--ids-space-40);
   padding: 0;
 }
 .tooltip.chart-legend .swatch {
-  margin-inline: var(--ids-spacing-md);
+  margin-inline: var(--ids-space-30);
   padding: 0;
 }
 
 .tooltip-row span {
-  padding-inline-start: var(--ids-spacing-sm);
-  padding-inline-end: var(--ids-spacing-md);
+  padding-inline-start: var(--ids-space-20);
+  padding-inline-end: var(--ids-space-30);
 }
 
 :host([dir=rtl]) .ids-axis-chart {

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

@@ -98,6 +98,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -420,8 +421,8 @@ declare const Base: {
         connectedCallback(): void;
         attachSelectionEvents(): void; /** The min value in all groups */
         detachSelectionEvents(): void;
-        "__#92@#init"(): void;
-        "__#92@#doSelectableChange"(value: boolean): void;
+        "__#93@#init"(): void;
+        "__#93@#doSelectableChange"(value: boolean): void;
         selectable: boolean;
         onEvent(eventName: string, target?: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         offEvent(eventName: string, target?: any, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
@@ -451,6 +452,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -808,6 +810,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -1181,6 +1184,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-axis-chart/ids-axis-chart.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-SUVBHASO.js";import"../../chunks/ids-chunk-GD7I4Q2L.js";import"../../chunks/ids-chunk-3PABHGXP.js";import"../../chunks/ids-chunk-ONPEMRJP.js";import"../../chunks/ids-chunk-SDY66MPI.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-NKERXKF7.js";import"../../chunks/ids-chunk-JMCJ3SGL.js";import"../../chunks/ids-chunk-BWPOZP66.js";import"../../chunks/ids-chunk-T2TIUOXF.js";import"../../chunks/ids-chunk-DFQRXICA.js";import"../../chunks/ids-chunk-3VZAZNKV.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-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-X5346J2B.js";import"../../chunks/ids-chunk-O7EMEZFO.js";import"../../chunks/ids-chunk-AVNBEYP6.js";import"../../chunks/ids-chunk-ONPEMRJP.js";import"../../chunks/ids-chunk-I2TYEGWJ.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-IZZJC2EB.js";import"../../chunks/ids-chunk-ZIGY2P3N.js";import"../../chunks/ids-chunk-BWPOZP66.js";import"../../chunks/ids-chunk-T2TIUOXF.js";import"../../chunks/ids-chunk-QXBFKEEP.js";import"../../chunks/ids-chunk-4FZLXQW3.js";import"../../chunks/ids-chunk-OIS6KGMU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-33V6A4PN.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-BGHX2WQ5.js";import"../../chunks/ids-chunk-AVLWMYWS.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-AZSONAF7.js";import"../../chunks/ids-chunk-7VJ3NF24.js";import"../../chunks/ids-chunk-EJFTSZLS.js";import"../../chunks/ids-chunk-FP7JXALX.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-54WKNX4L.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-7JIYCFAW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-HABPILOR.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};

package/components/ids-axis-chart/ids-chart-colors.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-JMCJ3SGL.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as QUALITATIVE_COLORS};
+import{a}from"../../chunks/ids-chunk-ZIGY2P3N.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as QUALITATIVE_COLORS};

package/components/ids-badge/ids-badge.css

@@ -14,16 +14,16 @@
 .ids-badge {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  background-color: var(--ids-badge-background-color);
-  border: 1px solid var(--ids-badge-border-color);
+  background-color: var(--ids-badge-color-background);
+  border: 1px solid var(--ids-badge-color-border);
   border-radius: var(--ids-badge-border-radius);
-  color: var(--ids-input-text-color);
-  font-family: var(--ids-font-family);
-  font-size: var(--ids-font-size-sm);
-  line-height: var(--ids-badge-line-height);
+  color: var(--ids-input-color-text);
+  font-family: var(--ids-font-family-default);
+  font-size: var(--ids-font-size-30);
+  line-height: var(--ids-badge-font-line-height);
   margin-bottom: var(--ids-badge-margin-bottom);
   margin-inline-end: var(--ids-badge-margin-inline-end);
-  min-width: var(--ids-badge-min-width);
+  min-width: var(--ids-badge-width-min);
   padding-inline: var(--ids-badge-padding-inline);
   flex-direction: column;
   justify-content: space-between;
@@ -32,32 +32,32 @@
   align-items: center;
   display: inline-flex;
   justify-content: center;
-  height: var(--ids-size-xxs);
-  padding: var(--ids-spacing-none);
-  width: var(--ids-size-xxs);
+  height: var(--ids-size-10);
+  padding: var(--ids-space-none);
+  width: var(--ids-size-10);
 }
 .ids-badge[color=info] {
-  background-color: var(--ids-badge-info-background-color);
-  border-color: var(--ids-badge-info-border-color);
-  color: var(--ids-badge-info-color);
+  background-color: var(--ids-badge-color-background-info);
+  border-color: var(--ids-badge-color-border-info);
+  color: var(--ids-badge-color-info);
 }
 .ids-badge[color=success] {
-  background-color: var(--ids-badge-success-background-color);
-  border-color: var(--ids-badge-success-border-color);
-  color: var(--ids-badge-success-color);
+  background-color: var(--ids-badge-color-background-success);
+  border-color: var(--ids-badge-color-border-success);
+  color: var(--ids-badge-color-success);
 }
 .ids-badge[color=caution] {
-  background-color: var(--ids-badge-caution-background-color);
-  border-color: var(--ids-badge-caution-border-color);
-  color: var(--ids-badge-caution-color);
+  background-color: var(--ids-badge-color-background-caution);
+  border-color: var(--ids-badge-color-border-caution);
+  color: var(--ids-badge-color-caution);
 }
 .ids-badge[color=warning] {
-  background-color: var(--ids-badge-warning-background-color);
-  border-color: var(--ids-badge-warning-border-color);
-  color: var(--ids-badge-warning-color);
+  background-color: var(--ids-badge-color-background-warning);
+  border-color: var(--ids-badge-color-border-warning);
+  color: var(--ids-badge-color-warning);
 }
 .ids-badge[color=error] {
-  background-color: var(--ids-badge-error-background-color);
-  border-color: var(--ids-badge-error-border-color);
-  color: var(--ids-badge-error-color);
+  background-color: var(--ids-badge-color-background-error);
+  border-color: var(--ids-badge-color-border-error);
+  color: var(--ids-badge-color-error);
 }

package/components/ids-badge/ids-badge.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;
@@ -394,12 +395,12 @@ export default class IdsBadge extends Base {
      */
     template(): string;
     /**
-     * Return the badge shape between normal and round
+     * Return the badge shape between normal (default) and round
      * @returns {string} The path data
      */
     get shape(): string;
     /**
-     * Set the shape of the badge
+     * Set the badge shape between normal (default) and round
      * @param {string} value The Badge Shape
      */
     set shape(value: string | null);

package/components/ids-badge/ids-badge.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-ZIZVHIP3.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-EPKVUBGJ.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-7JIYCFAW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-HABPILOR.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};