@carbon/charts 1.0.1 → 1.0.2

package/demo/styles.css

@@ -1738,6 +1738,8 @@ section {
 }
 
 body {
+  background-color: var(--cds-background, #ffffff);
+  color: var(--cds-text-primary, #161616);
   line-height: 1;
 }
 
@@ -1800,52 +1802,52 @@ strong {
   }
 }
 h1 {
-  font-size: var(--cds-productive-heading-06-font-size, 2rem);
-  font-weight: var(--cds-productive-heading-06-font-weight, 300);
-  line-height: var(--cds-productive-heading-06-line-height, 1.199);
-  letter-spacing: var(--cds-productive-heading-06-letter-spacing, 0);
+  font-size: var(--cds-heading-06-font-size, 2rem);
+  font-weight: var(--cds-heading-06-font-weight, 300);
+  line-height: var(--cds-heading-06-line-height, 1.199);
+  letter-spacing: var(--cds-heading-06-letter-spacing, 0);
 }
 
 h2 {
-  font-size: var(--cds-productive-heading-05-font-size, 2rem);
-  font-weight: var(--cds-productive-heading-05-font-weight, 400);
-  line-height: var(--cds-productive-heading-05-line-height, 1.25);
-  letter-spacing: var(--cds-productive-heading-05-letter-spacing, 0);
+  font-size: var(--cds-heading-05-font-size, 2rem);
+  font-weight: var(--cds-heading-05-font-weight, 400);
+  line-height: var(--cds-heading-05-line-height, 1.25);
+  letter-spacing: var(--cds-heading-05-letter-spacing, 0);
 }
 
 h3 {
-  font-size: var(--cds-productive-heading-04-font-size, 1.75rem);
-  font-weight: var(--cds-productive-heading-04-font-weight, 400);
-  line-height: var(--cds-productive-heading-04-line-height, 1.28572);
-  letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
+  font-size: var(--cds-heading-04-font-size, 1.75rem);
+  font-weight: var(--cds-heading-04-font-weight, 400);
+  line-height: var(--cds-heading-04-line-height, 1.28572);
+  letter-spacing: var(--cds-heading-04-letter-spacing, 0);
 }
 
 h4 {
-  font-size: var(--cds-productive-heading-03-font-size, 1.25rem);
-  font-weight: var(--cds-productive-heading-03-font-weight, 400);
-  line-height: var(--cds-productive-heading-03-line-height, 1.4);
-  letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
+  font-size: var(--cds-heading-03-font-size, 1.25rem);
+  font-weight: var(--cds-heading-03-font-weight, 400);
+  line-height: var(--cds-heading-03-line-height, 1.4);
+  letter-spacing: var(--cds-heading-03-letter-spacing, 0);
 }
 
 h5 {
-  font-size: var(--cds-productive-heading-02-font-size, 1rem);
-  font-weight: var(--cds-productive-heading-02-font-weight, 600);
-  line-height: var(--cds-productive-heading-02-line-height, 1.375);
-  letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
+  font-size: var(--cds-heading-02-font-size, 1rem);
+  font-weight: var(--cds-heading-02-font-weight, 600);
+  line-height: var(--cds-heading-02-line-height, 1.5);
+  letter-spacing: var(--cds-heading-02-letter-spacing, 0);
 }
 
 h6 {
-  font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
-  font-weight: var(--cds-productive-heading-01-font-weight, 600);
-  line-height: var(--cds-productive-heading-01-line-height, 1.28572);
-  letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
+  font-size: var(--cds-heading-01-font-size, 0.875rem);
+  font-weight: var(--cds-heading-01-font-weight, 600);
+  line-height: var(--cds-heading-01-line-height, 1.42857);
+  letter-spacing: var(--cds-heading-01-letter-spacing, 0.16px);
 }
 
 p {
-  font-size: var(--cds-body-long-02-font-size, 1rem);
-  font-weight: var(--cds-body-long-02-font-weight, 400);
-  line-height: var(--cds-body-long-02-line-height, 1.5);
-  letter-spacing: var(--cds-body-long-02-letter-spacing, 0);
+  font-size: var(--cds-body-02-font-size, 1rem);
+  font-weight: var(--cds-body-02-font-weight, 400);
+  line-height: var(--cds-body-02-line-height, 1.5);
+  letter-spacing: var(--cds-body-02-letter-spacing, 0);
 }
 
 a {
@@ -2723,7 +2725,7 @@ em {
   --cds-support-error-inverse: #fa4d56;
   --cds-support-info: #0043ce;
   --cds-support-info-inverse: #4589ff;
-  --cds-support-success: #24a148;
+  --cds-support-success: #198038;
   --cds-support-success-inverse: #42be65;
   --cds-support-warning: #f1c21b;
   --cds-support-warning-inverse: #f1c21b;
@@ -2737,6 +2739,74 @@ em {
   --cds-text-primary: #161616;
   --cds-text-secondary: #525252;
   --cds-toggle-off: #8d8d8d;
+  --cds-layer: var(--cds-layer-01, #f4f4f4);
+  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
+  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
+  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
+  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
+  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
+  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
+  --cds-field: var(--cds-field-01, #f4f4f4);
+  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
+  --cds-border-subtle: var(--cds-border-subtle-01, #e0e0e0);
+  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
+  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
+  --cds-button-separator: #e0e0e0;
+  --cds-button-primary: #0f62fe;
+  --cds-button-secondary: #393939;
+  --cds-button-tertiary: #0f62fe;
+  --cds-button-danger-primary: #da1e28;
+  --cds-button-danger-secondary: #da1e28;
+  --cds-button-danger-active: #750e13;
+  --cds-button-primary-active: #002d9c;
+  --cds-button-secondary-active: #6f6f6f;
+  --cds-button-tertiary-active: #002d9c;
+  --cds-button-danger-hover: #b81922;
+  --cds-button-primary-hover: #0050e6;
+  --cds-button-secondary-hover: #474747;
+  --cds-button-tertiary-hover: #0050e6;
+  --cds-button-disabled: #c6c6c6;
+  --cds-notification-background-error: #fff1f1;
+  --cds-notification-background-success: #defbe6;
+  --cds-notification-background-info: #edf5ff;
+  --cds-notification-background-warning: #fdf6dd;
+  --cds-notification-action-hover: #ffffff;
+  --cds-notification-action-tertiary-inverse: #ffffff;
+  --cds-notification-action-tertiary-inverse-active: #c6c6c6;
+  --cds-notification-action-tertiary-inverse-hover: #f4f4f4;
+  --cds-notification-action-tertiary-inverse-text: #161616;
+  --cds-notification-action-tertiary-inverse-text-on-color-disabled: rgba(255, 255, 255, 0.25);
+  --cds-tag-background-red: #ffd7d9;
+  --cds-tag-color-red: #750e13;
+  --cds-tag-hover-red: #ffb3b8;
+  --cds-tag-background-magenta: #ffd6e8;
+  --cds-tag-color-magenta: #740937;
+  --cds-tag-hover-magenta: #ffafd2;
+  --cds-tag-background-purple: #e8daff;
+  --cds-tag-color-purple: #491d8b;
+  --cds-tag-hover-purple: #d4bbff;
+  --cds-tag-background-blue: #d0e2ff;
+  --cds-tag-color-blue: #002d9c;
+  --cds-tag-hover-blue: #a6c8ff;
+  --cds-tag-background-cyan: #bae6ff;
+  --cds-tag-color-cyan: #003a6d;
+  --cds-tag-hover-cyan: #82cfff;
+  --cds-tag-background-teal: #9ef0f0;
+  --cds-tag-color-teal: #004144;
+  --cds-tag-hover-teal: #3ddbd9;
+  --cds-tag-background-green: #a7f0ba;
+  --cds-tag-color-green: #044317;
+  --cds-tag-hover-green: #6fdc8c;
+  --cds-tag-background-gray: #e0e0e0;
+  --cds-tag-color-gray: #393939;
+  --cds-tag-hover-gray: #c6c6c6;
+  --cds-tag-background-cool-gray: #dde1e6;
+  --cds-tag-color-cool-gray: #343a3f;
+  --cds-tag-hover-cool-gray: #c1c7cd;
+  --cds-tag-background-warm-gray: #e5e0df;
+  --cds-tag-color-warm-gray: #3c3838;
+  --cds-tag-hover-warm-gray: #cac5c4;
 }
 
 .cds--g10 {
@@ -2822,7 +2892,7 @@ em {
   --cds-support-error-inverse: #fa4d56;
   --cds-support-info: #0043ce;
   --cds-support-info-inverse: #4589ff;
-  --cds-support-success: #24a148;
+  --cds-support-success: #198038;
   --cds-support-success-inverse: #42be65;
   --cds-support-warning: #f1c21b;
   --cds-support-warning-inverse: #f1c21b;
@@ -2836,6 +2906,74 @@ em {
   --cds-text-primary: #161616;
   --cds-text-secondary: #525252;
   --cds-toggle-off: #8d8d8d;
+  --cds-layer: var(--cds-layer-01, #f4f4f4);
+  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
+  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
+  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
+  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
+  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
+  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
+  --cds-field: var(--cds-field-01, #f4f4f4);
+  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
+  --cds-border-subtle: var(--cds-border-subtle-01, #e0e0e0);
+  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
+  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
+  --cds-button-separator: #e0e0e0;
+  --cds-button-primary: #0f62fe;
+  --cds-button-secondary: #393939;
+  --cds-button-tertiary: #0f62fe;
+  --cds-button-danger-primary: #da1e28;
+  --cds-button-danger-secondary: #da1e28;
+  --cds-button-danger-active: #750e13;
+  --cds-button-primary-active: #002d9c;
+  --cds-button-secondary-active: #6f6f6f;
+  --cds-button-tertiary-active: #002d9c;
+  --cds-button-danger-hover: #b81922;
+  --cds-button-primary-hover: #0050e6;
+  --cds-button-secondary-hover: #474747;
+  --cds-button-tertiary-hover: #0050e6;
+  --cds-button-disabled: #c6c6c6;
+  --cds-notification-background-error: #fff1f1;
+  --cds-notification-background-success: #defbe6;
+  --cds-notification-background-info: #edf5ff;
+  --cds-notification-background-warning: #fdf6dd;
+  --cds-notification-action-hover: #ffffff;
+  --cds-notification-action-tertiary-inverse: #ffffff;
+  --cds-notification-action-tertiary-inverse-active: #c6c6c6;
+  --cds-notification-action-tertiary-inverse-hover: #f4f4f4;
+  --cds-notification-action-tertiary-inverse-text: #161616;
+  --cds-notification-action-tertiary-inverse-text-on-color-disabled: rgba(255, 255, 255, 0.25);
+  --cds-tag-background-red: #ffd7d9;
+  --cds-tag-color-red: #750e13;
+  --cds-tag-hover-red: #ffb3b8;
+  --cds-tag-background-magenta: #ffd6e8;
+  --cds-tag-color-magenta: #740937;
+  --cds-tag-hover-magenta: #ffafd2;
+  --cds-tag-background-purple: #e8daff;
+  --cds-tag-color-purple: #491d8b;
+  --cds-tag-hover-purple: #d4bbff;
+  --cds-tag-background-blue: #d0e2ff;
+  --cds-tag-color-blue: #002d9c;
+  --cds-tag-hover-blue: #a6c8ff;
+  --cds-tag-background-cyan: #bae6ff;
+  --cds-tag-color-cyan: #003a6d;
+  --cds-tag-hover-cyan: #82cfff;
+  --cds-tag-background-teal: #9ef0f0;
+  --cds-tag-color-teal: #004144;
+  --cds-tag-hover-teal: #3ddbd9;
+  --cds-tag-background-green: #a7f0ba;
+  --cds-tag-color-green: #044317;
+  --cds-tag-hover-green: #6fdc8c;
+  --cds-tag-background-gray: #e0e0e0;
+  --cds-tag-color-gray: #393939;
+  --cds-tag-hover-gray: #c6c6c6;
+  --cds-tag-background-cool-gray: #dde1e6;
+  --cds-tag-color-cool-gray: #343a3f;
+  --cds-tag-hover-cool-gray: #c1c7cd;
+  --cds-tag-background-warm-gray: #e5e0df;
+  --cds-tag-color-warm-gray: #3c3838;
+  --cds-tag-hover-warm-gray: #cac5c4;
 }
 
 .cds--g90 {
@@ -2935,6 +3073,74 @@ em {
   --cds-text-primary: #f4f4f4;
   --cds-text-secondary: #c6c6c6;
   --cds-toggle-off: #8d8d8d;
+  --cds-layer: var(--cds-layer-01, #f4f4f4);
+  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
+  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
+  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
+  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
+  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
+  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
+  --cds-field: var(--cds-field-01, #f4f4f4);
+  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
+  --cds-border-subtle: var(--cds-border-subtle-01, #e0e0e0);
+  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
+  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
+  --cds-button-separator: #e0e0e0;
+  --cds-button-primary: #0f62fe;
+  --cds-button-secondary: #393939;
+  --cds-button-tertiary: #0f62fe;
+  --cds-button-danger-primary: #da1e28;
+  --cds-button-danger-secondary: #da1e28;
+  --cds-button-danger-active: #750e13;
+  --cds-button-primary-active: #002d9c;
+  --cds-button-secondary-active: #6f6f6f;
+  --cds-button-tertiary-active: #002d9c;
+  --cds-button-danger-hover: #b81922;
+  --cds-button-primary-hover: #0050e6;
+  --cds-button-secondary-hover: #474747;
+  --cds-button-tertiary-hover: #0050e6;
+  --cds-button-disabled: #c6c6c6;
+  --cds-notification-background-error: #fff1f1;
+  --cds-notification-background-success: #defbe6;
+  --cds-notification-background-info: #edf5ff;
+  --cds-notification-background-warning: #fdf6dd;
+  --cds-notification-action-hover: #ffffff;
+  --cds-notification-action-tertiary-inverse: #ffffff;
+  --cds-notification-action-tertiary-inverse-active: #c6c6c6;
+  --cds-notification-action-tertiary-inverse-hover: #f4f4f4;
+  --cds-notification-action-tertiary-inverse-text: #161616;
+  --cds-notification-action-tertiary-inverse-text-on-color-disabled: rgba(255, 255, 255, 0.25);
+  --cds-tag-background-red: #ffd7d9;
+  --cds-tag-color-red: #750e13;
+  --cds-tag-hover-red: #ffb3b8;
+  --cds-tag-background-magenta: #ffd6e8;
+  --cds-tag-color-magenta: #740937;
+  --cds-tag-hover-magenta: #ffafd2;
+  --cds-tag-background-purple: #e8daff;
+  --cds-tag-color-purple: #491d8b;
+  --cds-tag-hover-purple: #d4bbff;
+  --cds-tag-background-blue: #d0e2ff;
+  --cds-tag-color-blue: #002d9c;
+  --cds-tag-hover-blue: #a6c8ff;
+  --cds-tag-background-cyan: #bae6ff;
+  --cds-tag-color-cyan: #003a6d;
+  --cds-tag-hover-cyan: #82cfff;
+  --cds-tag-background-teal: #9ef0f0;
+  --cds-tag-color-teal: #004144;
+  --cds-tag-hover-teal: #3ddbd9;
+  --cds-tag-background-green: #a7f0ba;
+  --cds-tag-color-green: #044317;
+  --cds-tag-hover-green: #6fdc8c;
+  --cds-tag-background-gray: #e0e0e0;
+  --cds-tag-color-gray: #393939;
+  --cds-tag-hover-gray: #c6c6c6;
+  --cds-tag-background-cool-gray: #dde1e6;
+  --cds-tag-color-cool-gray: #343a3f;
+  --cds-tag-hover-cool-gray: #c1c7cd;
+  --cds-tag-background-warm-gray: #e5e0df;
+  --cds-tag-color-warm-gray: #3c3838;
+  --cds-tag-hover-warm-gray: #cac5c4;
 }
 
 .cds--g100 {
@@ -3034,6 +3240,74 @@ em {
   --cds-text-primary: #f4f4f4;
   --cds-text-secondary: #c6c6c6;
   --cds-toggle-off: #6f6f6f;
+  --cds-layer: var(--cds-layer-01, #f4f4f4);
+  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
+  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
+  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
+  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
+  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
+  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
+  --cds-field: var(--cds-field-01, #f4f4f4);
+  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
+  --cds-border-subtle: var(--cds-border-subtle-01, #e0e0e0);
+  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
+  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
+  --cds-button-separator: #e0e0e0;
+  --cds-button-primary: #0f62fe;
+  --cds-button-secondary: #393939;
+  --cds-button-tertiary: #0f62fe;
+  --cds-button-danger-primary: #da1e28;
+  --cds-button-danger-secondary: #da1e28;
+  --cds-button-danger-active: #750e13;
+  --cds-button-primary-active: #002d9c;
+  --cds-button-secondary-active: #6f6f6f;
+  --cds-button-tertiary-active: #002d9c;
+  --cds-button-danger-hover: #b81922;
+  --cds-button-primary-hover: #0050e6;
+  --cds-button-secondary-hover: #474747;
+  --cds-button-tertiary-hover: #0050e6;
+  --cds-button-disabled: #c6c6c6;
+  --cds-notification-background-error: #fff1f1;
+  --cds-notification-background-success: #defbe6;
+  --cds-notification-background-info: #edf5ff;
+  --cds-notification-background-warning: #fdf6dd;
+  --cds-notification-action-hover: #ffffff;
+  --cds-notification-action-tertiary-inverse: #ffffff;
+  --cds-notification-action-tertiary-inverse-active: #c6c6c6;
+  --cds-notification-action-tertiary-inverse-hover: #f4f4f4;
+  --cds-notification-action-tertiary-inverse-text: #161616;
+  --cds-notification-action-tertiary-inverse-text-on-color-disabled: rgba(255, 255, 255, 0.25);
+  --cds-tag-background-red: #ffd7d9;
+  --cds-tag-color-red: #750e13;
+  --cds-tag-hover-red: #ffb3b8;
+  --cds-tag-background-magenta: #ffd6e8;
+  --cds-tag-color-magenta: #740937;
+  --cds-tag-hover-magenta: #ffafd2;
+  --cds-tag-background-purple: #e8daff;
+  --cds-tag-color-purple: #491d8b;
+  --cds-tag-hover-purple: #d4bbff;
+  --cds-tag-background-blue: #d0e2ff;
+  --cds-tag-color-blue: #002d9c;
+  --cds-tag-hover-blue: #a6c8ff;
+  --cds-tag-background-cyan: #bae6ff;
+  --cds-tag-color-cyan: #003a6d;
+  --cds-tag-hover-cyan: #82cfff;
+  --cds-tag-background-teal: #9ef0f0;
+  --cds-tag-color-teal: #004144;
+  --cds-tag-hover-teal: #3ddbd9;
+  --cds-tag-background-green: #a7f0ba;
+  --cds-tag-color-green: #044317;
+  --cds-tag-hover-green: #6fdc8c;
+  --cds-tag-background-gray: #e0e0e0;
+  --cds-tag-color-gray: #393939;
+  --cds-tag-hover-gray: #c6c6c6;
+  --cds-tag-background-cool-gray: #dde1e6;
+  --cds-tag-color-cool-gray: #343a3f;
+  --cds-tag-hover-cool-gray: #c1c7cd;
+  --cds-tag-background-warm-gray: #e5e0df;
+  --cds-tag-color-warm-gray: #3c3838;
+  --cds-tag-hover-warm-gray: #cac5c4;
 }
 
 .cds--accordion {
@@ -3587,6 +3861,118 @@ li.cds--accordion__item--disabled:last-of-type {
   }
 }
 
+.cds--link {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
+  display: inline-flex;
+  color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));
+  outline: none;
+  text-decoration: none;
+  transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+.cds--link *,
+.cds--link *::before,
+.cds--link *::after {
+  box-sizing: inherit;
+}
+.cds--link:hover {
+  color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));
+  text-decoration: underline;
+}
+.cds--link:active, .cds--link:active:visited, .cds--link:active:visited:hover {
+  color: var(--cds-text-primary, #161616);
+  text-decoration: underline;
+}
+.cds--link:focus {
+  outline: 1px solid var(--cds-focus, #0f62fe);
+  outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));
+}
+@media screen and (prefers-contrast) {
+  .cds--link:focus {
+    outline-style: dotted;
+  }
+}
+.cds--link:visited {
+  color: var(--cds-link-primary, #0f62fe);
+}
+.cds--link:visited:hover {
+  color: var(--cds-link-primary-hover, #0043ce);
+}
+
+.cds--link--disabled,
+.cds--link--disabled:hover {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
+  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
+  cursor: not-allowed;
+  font-weight: 400;
+  text-decoration: none;
+}
+.cds--link--disabled *,
+.cds--link--disabled *::before,
+.cds--link--disabled *::after,
+.cds--link--disabled:hover *,
+.cds--link--disabled:hover *::before,
+.cds--link--disabled:hover *::after {
+  box-sizing: inherit;
+}
+
+.cds--link.cds--link--visited:visited {
+  color: var(--cds-link-visited, #8a3ffc);
+}
+
+.cds--link.cds--link--visited:visited:hover {
+  color: var(--cds-link-primary-hover, #0043ce);
+}
+
+.cds--link.cds--link--inline {
+  text-decoration: underline;
+}
+.cds--link.cds--link--inline:focus, .cds--link.cds--link--inline:visited {
+  text-decoration: none;
+}
+
+.cds--link--disabled.cds--link--inline {
+  text-decoration: underline;
+}
+
+.cds--link--sm {
+  font-size: var(--cds-helper-text-01-font-size, 0.75rem);
+  line-height: var(--cds-helper-text-01-line-height, 1.33333);
+  letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
+}
+
+.cds--link--lg {
+  font-size: var(--cds-body-compact-02-font-size, 1rem);
+  font-weight: var(--cds-body-compact-02-font-weight, 400);
+  line-height: var(--cds-body-compact-02-line-height, 1.375);
+  letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
+}
+
+.cds--link__icon {
+  display: inline-flex;
+  align-self: center;
+  margin-left: 0.5rem;
+}
+
 .cds--assistive-text,
 .cds--visually-hidden {
   position: absolute;
@@ -10674,191 +11060,79 @@ button.cds--dropdown-text:focus {
     stroke-dashoffset: 0;
   }
 }
-.cds--inline-loading {
-  display: flex;
-  width: 100%;
-  min-height: 2rem;
-  align-items: center;
-}
-
-.cds--inline-loading__text {
-  font-size: var(--cds-label-01-font-size, 0.75rem);
-  font-weight: var(--cds-label-01-font-weight, 400);
-  line-height: var(--cds-label-01-line-height, 1.33333);
-  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
-  color: var(--cds-text-secondary, #525252);
-}
-
-.cds--inline-loading__animation {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-right: 0.5rem;
-}
-
-.cds--inline-loading__checkmark-container {
-  fill: var(--cds-support-success, #24a148);
-}
-.cds--inline-loading__checkmark-container.cds--inline-loading__svg {
-  position: absolute;
-  top: 0.75rem;
-  width: 0.75rem;
-}
-.cds--inline-loading__checkmark-container[hidden] {
-  display: none;
-}
-
-.cds--inline-loading__checkmark {
-  animation-duration: 250ms;
-  animation-fill-mode: forwards;
-  animation-name: stroke;
-  fill: none;
-  stroke: var(--cds-interactive, #0f62fe);
-  stroke-dasharray: 12;
-  stroke-dashoffset: 12;
-  stroke-width: 1.8;
-  transform-origin: 50% 50%;
-}
-
-.cds--inline-loading--error {
-  width: 1rem;
-  height: 1rem;
-  fill: var(--cds-support-error, #da1e28);
-}
-.cds--inline-loading--error[hidden] {
-  display: none;
-}
-
-.cds--loading--small .cds--inline-loading__svg {
-  stroke: var(--cds-interactive, #0f62fe);
-}
-
-/* If IE11 Don't show check animation */
-@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
-  .cds--inline-loading__checkmark-container {
-    top: 1px;
-    right: 0.5rem;
-  }
-
-  .cds--inline-loading__checkmark {
-    animation: none;
-    stroke-dasharray: 0;
-    stroke-dashoffset: 0;
-  }
-}
-.cds--link {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
-  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-compact-01-font-weight, 400);
-  line-height: var(--cds-body-compact-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
-  display: inline-flex;
-  color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));
-  outline: none;
-  text-decoration: none;
-  transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
-}
-.cds--link *,
-.cds--link *::before,
-.cds--link *::after {
-  box-sizing: inherit;
-}
-.cds--link:hover {
-  color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));
-  text-decoration: underline;
-}
-.cds--link:active, .cds--link:active:visited, .cds--link:active:visited:hover {
-  color: var(--cds-text-primary, #161616);
-  text-decoration: underline;
-}
-.cds--link:focus {
-  outline: 1px solid var(--cds-focus, #0f62fe);
-  outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));
-}
-@media screen and (prefers-contrast) {
-  .cds--link:focus {
-    outline-style: dotted;
-  }
-}
-.cds--link:visited {
-  color: var(--cds-link-primary, #0f62fe);
-}
-.cds--link:visited:hover {
-  color: var(--cds-link-primary-hover, #0043ce);
-}
-
-.cds--link--disabled,
-.cds--link--disabled:hover {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
-  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-compact-01-font-weight, 400);
-  line-height: var(--cds-body-compact-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
-  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
-  cursor: not-allowed;
-  font-weight: 400;
-  text-decoration: none;
-}
-.cds--link--disabled *,
-.cds--link--disabled *::before,
-.cds--link--disabled *::after,
-.cds--link--disabled:hover *,
-.cds--link--disabled:hover *::before,
-.cds--link--disabled:hover *::after {
-  box-sizing: inherit;
+.cds--inline-loading {
+  display: flex;
+  width: 100%;
+  min-height: 2rem;
+  align-items: center;
 }
 
-.cds--link.cds--link--visited:visited {
-  color: var(--cds-link-visited, #8a3ffc);
+.cds--inline-loading__text {
+  font-size: var(--cds-label-01-font-size, 0.75rem);
+  font-weight: var(--cds-label-01-font-weight, 400);
+  line-height: var(--cds-label-01-line-height, 1.33333);
+  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
+  color: var(--cds-text-secondary, #525252);
 }
 
-.cds--link.cds--link--visited:visited:hover {
-  color: var(--cds-link-primary-hover, #0043ce);
+.cds--inline-loading__animation {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 0.5rem;
 }
 
-.cds--link.cds--link--inline {
-  text-decoration: underline;
+.cds--inline-loading__checkmark-container {
+  fill: var(--cds-support-success, #198038);
 }
-.cds--link.cds--link--inline:focus, .cds--link.cds--link--inline:visited {
-  text-decoration: none;
+.cds--inline-loading__checkmark-container.cds--inline-loading__svg {
+  position: absolute;
+  top: 0.75rem;
+  width: 0.75rem;
 }
-
-.cds--link--disabled.cds--link--inline {
-  text-decoration: underline;
+.cds--inline-loading__checkmark-container[hidden] {
+  display: none;
 }
 
-.cds--link--sm {
-  font-size: var(--cds-helper-text-01-font-size, 0.75rem);
-  line-height: var(--cds-helper-text-01-line-height, 1.33333);
-  letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
+.cds--inline-loading__checkmark {
+  animation-duration: 250ms;
+  animation-fill-mode: forwards;
+  animation-name: stroke;
+  fill: none;
+  stroke: var(--cds-interactive, #0f62fe);
+  stroke-dasharray: 12;
+  stroke-dashoffset: 12;
+  stroke-width: 1.8;
+  transform-origin: 50% 50%;
 }
 
-.cds--link--lg {
-  font-size: var(--cds-body-compact-02-font-size, 1rem);
-  font-weight: var(--cds-body-compact-02-font-weight, 400);
-  line-height: var(--cds-body-compact-02-line-height, 1.375);
-  letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
+.cds--inline-loading--error {
+  width: 1rem;
+  height: 1rem;
+  fill: var(--cds-support-error, #da1e28);
+}
+.cds--inline-loading--error[hidden] {
+  display: none;
 }
 
-.cds--link__icon {
-  display: inline-flex;
-  align-self: center;
-  margin-left: 0.5rem;
+.cds--loading--small .cds--inline-loading__svg {
+  stroke: var(--cds-interactive, #0f62fe);
 }
 
+/* If IE11 Don't show check animation */
+@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+  .cds--inline-loading__checkmark-container {
+    top: 1px;
+    right: 0.5rem;
+  }
+
+  .cds--inline-loading__checkmark {
+    animation: none;
+    stroke-dasharray: 0;
+    stroke-dashoffset: 0;
+  }
+}
 .cds--list--nested,
 .cds--list--unordered,
 .cds--list--ordered,
@@ -11602,16 +11876,16 @@ button.cds--dropdown-text:focus {
 }
 
 .cds--inline-notification--low-contrast.cds--inline-notification--success {
-  border-left: 3px solid var(--cds-support-success, #24a148);
+  border-left: 3px solid var(--cds-support-success, #198038);
   background: var(--cds-notification-background-success, #defbe6);
 }
 .cds--inline-notification--low-contrast.cds--inline-notification--success .cds--inline-notification__icon,
 .cds--inline-notification--low-contrast.cds--inline-notification--success .cds--toast-notification__icon,
 .cds--inline-notification--low-contrast.cds--inline-notification--success .cds--actionable-notification__icon {
-  fill: var(--cds-support-success, #24a148);
+  fill: var(--cds-support-success, #198038);
 }
 .cds--inline-notification--low-contrast.cds--inline-notification--success::before {
-  border-color: var(--cds-support-success, #24a148);
+  border-color: var(--cds-support-success, #198038);
 }
 
 .cds--inline-notification--info,
@@ -11927,13 +12201,13 @@ button.cds--dropdown-text:focus {
 }
 
 .cds--toast-notification--low-contrast.cds--toast-notification--success {
-  border-left: 3px solid var(--cds-support-success, #24a148);
+  border-left: 3px solid var(--cds-support-success, #198038);
   background: var(--cds-notification-background-success, #defbe6);
 }
 .cds--toast-notification--low-contrast.cds--toast-notification--success .cds--inline-notification__icon,
 .cds--toast-notification--low-contrast.cds--toast-notification--success .cds--toast-notification__icon,
 .cds--toast-notification--low-contrast.cds--toast-notification--success .cds--actionable-notification__icon {
-  fill: var(--cds-support-success, #24a148);
+  fill: var(--cds-support-success, #198038);
 }
 
 .cds--toast-notification--info,
@@ -12241,16 +12515,16 @@ button.cds--dropdown-text:focus {
 }
 
 .cds--actionable-notification--low-contrast.cds--actionable-notification--success {
-  border-left: 3px solid var(--cds-support-success, #24a148);
+  border-left: 3px solid var(--cds-support-success, #198038);
   background: var(--cds-notification-background-success, #defbe6);
 }
 .cds--actionable-notification--low-contrast.cds--actionable-notification--success .cds--inline-notification__icon,
 .cds--actionable-notification--low-contrast.cds--actionable-notification--success .cds--toast-notification__icon,
 .cds--actionable-notification--low-contrast.cds--actionable-notification--success .cds--actionable-notification__icon {
-  fill: var(--cds-support-success, #24a148);
+  fill: var(--cds-support-success, #198038);
 }
 .cds--actionable-notification--low-contrast.cds--actionable-notification--success::before {
-  border-color: var(--cds-support-success, #24a148);
+  border-color: var(--cds-support-success, #198038);
 }
 
 .cds--actionable-notification--info,
@@ -14556,14 +14830,23 @@ span.cds--pagination__text.cds--pagination__items-count {
   font-weight: var(--cds-body-compact-01-font-weight, 400);
   line-height: var(--cds-body-compact-01-line-height, 1.28572);
   letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
-  display: block;
+  display: flex;
+  min-width: 3rem;
+  justify-content: space-between;
   margin-bottom: 0.5rem;
   color: var(--cds-text-primary, #161616);
 }
 
+.cds--progress-bar__label-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .cds--progress-bar__track {
   position: relative;
   width: 100%;
+  min-width: 3rem;
   height: 0.5rem;
   background-color: var(--cds-layer);
 }
@@ -14580,7 +14863,8 @@ span.cds--pagination__text.cds--pagination__items-count {
   display: block;
   width: 100%;
   height: 100%;
-  background-color: var(--cds-interactive, #0f62fe);
+  background-color: currentColor;
+  color: var(--cds-interactive, #0f62fe);
   transform: scaleX(0);
   transform-origin: 0 center /*rtl:100% center*/;
   transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
@@ -14606,10 +14890,52 @@ span.cds--pagination__text.cds--pagination__items-count {
   font-size: var(--cds-helper-text-01-font-size, 0.75rem);
   line-height: var(--cds-helper-text-01-line-height, 1.33333);
   letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
-  margin-top: 0.25rem;
+  margin-top: 0.5rem;
   color: var(--cds-text-secondary, #525252);
 }
 
+.cds--progress-bar__status-icon {
+  flex-shrink: 0;
+  margin-left: 1rem;
+}
+
+.cds--progress-bar--finished .cds--progress-bar__bar,
+.cds--progress-bar--finished .cds--progress-bar__status-icon {
+  color: var(--cds-support-success, #198038);
+}
+
+.cds--progress-bar--error .cds--progress-bar__bar,
+.cds--progress-bar--error .cds--progress-bar__status-icon,
+.cds--progress-bar--error .cds--progress-bar__helper-text {
+  color: var(--cds-support-error, #da1e28);
+}
+
+.cds--progress-bar--finished .cds--progress-bar__bar,
+.cds--progress-bar--error .cds--progress-bar__bar {
+  transform: scaleX(1);
+}
+
+.cds--progress-bar--finished.cds--progress-bar--inline .cds--progress-bar__track,
+.cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__track {
+  position: absolute;
+  overflow: hidden;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  border: 0;
+  margin: -1px;
+  clip: rect(0, 0, 0, 0);
+  visibility: inherit;
+  white-space: nowrap;
+}
+
+.cds--progress-bar--finished.cds--progress-bar--inline .cds--progress-bar__label,
+.cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__label {
+  flex-shrink: 1;
+  justify-content: flex-start;
+  margin-right: 0;
+}
+
 @keyframes progress-bar-indeterminate {
   0% {
     background-position-x: 25%;
@@ -14629,6 +14955,11 @@ span.cds--pagination__text.cds--pagination__items-count {
   margin-inline-end: 1rem;
 }
 
+.cds--progress-bar--inline .cds--progress-bar__track {
+  flex-basis: 0;
+  flex-grow: 1;
+}
+
 .cds--progress-bar--inline .cds--progress-bar__helper-text {
   position: absolute;
   overflow: hidden;
@@ -15347,10 +15678,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   left: 0.75rem;
 }
 
-.cds--search--md:not(.cds--toolbar-search-container-active) .cds--search-magnifier-icon {
-  left: 0;
-}
-
 .cds--search--lg .cds--search-input,
 .cds--search--lg.cds--search--expandable.cds--search--expanded .cds--search-input {
   height: 3rem;
@@ -15864,27 +16191,27 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 
 .cds--slider--disabled .cds--slider__thumb {
-  background-color: var(--cds-border-subtle);
+  background-color: var(--cds-border-disabled, #c6c6c6);
 }
 .cds--slider--disabled .cds--slider__thumb:hover {
   cursor: not-allowed;
   transform: translate(-50%, -50%);
 }
 .cds--slider--disabled .cds--slider__thumb:focus {
-  background-color: var(--cds-border-subtle);
+  background-color: var(--cds-border-disabled, #c6c6c6);
   box-shadow: none;
   outline: none;
   transform: translate(-50%, -50%);
 }
 .cds--slider--disabled .cds--slider__thumb:active {
-  background: var(--cds-border-subtle);
+  background: var(--cds-border-disabled, #c6c6c6);
   transform: translate(-50%, -50%);
 }
 
 .cds--slider--disabled .cds--slider__track,
 .cds--slider--disabled .cds--slider__filled-track,
 .cds--slider--disabled .cds--slider__thumb:focus ~ .cds--slider__filled-track {
-  background-color: var(--cds-border-subtle);
+  background-color: var(--cds-border-disabled, #c6c6c6);
 }
 
 .cds--slider--disabled ~ .cds--form-item .cds--slider-text-input,
@@ -16825,6 +17152,10 @@ span.cds--pagination__text.cds--pagination__items-count {
   background-color: var(--cds-layer);
   outline: 2px solid transparent;
   outline-offset: -2px;
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
 }
 .cds--tile:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
@@ -16851,10 +17182,6 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 
 .cds--tile--clickable {
-  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-compact-01-font-weight, 400);
-  line-height: var(--cds-body-compact-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
   color: var(--cds-text-primary, #161616);
   text-decoration: none;
 }
@@ -16902,6 +17229,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--tile--clickable.cds--link--disabled,
 .cds--tile--clickable:hover.cds--link--disabled {
   display: block;
+  padding: 1rem;
   background-color: var(--cds-layer);
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
 }
@@ -17017,6 +17345,10 @@ span.cds--pagination__text.cds--pagination__items-count {
   font-size: inherit;
   text-align: left;
   transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
 }
 .cds--tile--expandable:hover {
   background: var(--cds-layer-hover);
@@ -17359,7 +17691,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 
 .cds--toggle__switch--checked {
-  background-color: var(--cds-support-success, #24a148);
+  background-color: var(--cds-support-success, #198038);
 }
 .cds--toggle__switch--checked::before {
   transform: translateX(1.5rem);
@@ -17390,7 +17722,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   position: absolute;
   top: 0.375rem;
   right: 0.3125rem;
-  fill: var(--cds-support-success, #24a148);
+  fill: var(--cds-support-success, #198038);
   visibility: hidden;
 }
 
@@ -17654,18 +17986,18 @@ span.cds--pagination__text.cds--pagination__items-count {
   background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
 }
 
-.cds--header__action.cds--btn--icon-only.cds--tooltip__trigger {
+.cds--header__action.cds--btn--icon-only {
   align-items: center;
   justify-content: center;
 }
 
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger.cds--header__action svg {
+.cds--btn.cds--btn--icon-only.cds--header__action svg {
   fill: var(--cds-icon-secondary, #525252);
 }
 
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger.cds--header__action:hover svg,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger.cds--header__action:active svg,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger.cds--header__action--active svg {
+.cds--btn.cds--btn--icon-only.cds--header__action:hover svg,
+.cds--btn.cds--btn--icon-only.cds--header__action:active svg,
+.cds--btn.cds--btn--icon-only.cds--header__action--active svg {
   fill: var(--cds-icon-primary, #161616);
 }
 
@@ -18561,18 +18893,18 @@ a.cds--side-nav__link--current::before {
   background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
 }
 
-.cds--header__action.cds--btn--icon-only.cds--tooltip__trigger {
+.cds--header__action.cds--btn--icon-only {
   align-items: center;
   justify-content: center;
 }
 
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger.cds--header__action svg {
+.cds--btn.cds--btn--icon-only.cds--header__action svg {
   fill: var(--cds-icon-secondary, #525252);
 }
 
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger.cds--header__action:hover svg,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger.cds--header__action:active svg,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger.cds--header__action--active svg {
+.cds--btn.cds--btn--icon-only.cds--header__action:hover svg,
+.cds--btn.cds--btn--icon-only.cds--header__action:active svg,
+.cds--btn.cds--btn--icon-only.cds--header__action--active svg {
   fill: var(--cds-icon-primary, #161616);
 }
 
@@ -23347,7 +23679,7 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
   fill: #000000;
 }
 .cds--cc--meter-title g.status-indicator.status--success circle.status {
-  fill: var(--cds-support-success, #24a148);
+  fill: var(--cds-support-success, #198038);
 }
 .cds--cc--meter-title g.status-indicator path.innerFill {
   fill: var(--cds-layer-01-absolute, #ffffff);
@@ -23945,7 +24277,7 @@ svg.cds--cc--color-legend g.legend-title text {
   stroke: var(--cds-alert-stroke, #b28600);
 }
 .cds--cc--meter rect.value.status--success {
-  fill: var(--cds-support-success, #24a148);
+  fill: var(--cds-support-success, #198038);
 }
 .cds--cc--meter line.peak {
   stroke: var(--cds-border-inverse, #161616);
@@ -24019,7 +24351,7 @@ svg.cds--cc--color-legend g.legend-title text {
   fill: var(--cds-support-warning, #f1c21b);
 }
 .cds--cc--gauge .gauge-delta-arrow.status--success {
-  fill: var(--cds-support-success, #24a148);
+  fill: var(--cds-support-success, #198038);
 }
 
 .cds--cc--pie {
@@ -24239,7 +24571,7 @@ svg.cds--cc--color-legend g.legend-title text {
   --cds-support-error-inverse: #fa4d56;
   --cds-support-info: #0043ce;
   --cds-support-info-inverse: #4589ff;
-  --cds-support-success: #24a148;
+  --cds-support-success: #198038;
   --cds-support-success-inverse: #42be65;
   --cds-support-warning: #f1c21b;
   --cds-support-warning-inverse: #f1c21b;
@@ -24561,6 +24893,19 @@ svg.cds--cc--color-legend g.legend-title text {
   --cds-zone-stroke-02: #8d8d8d;
   --cds-zone-fill-03: #c6c6c6;
   --cds-zone-stroke-03: #8d8d8d;
+  --cds-layer: var(--cds-layer-01, #f4f4f4);
+  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
+  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
+  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
+  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
+  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
+  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
+  --cds-field: var(--cds-field-01, #f4f4f4);
+  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
+  --cds-border-subtle: var(--cds-border-subtle-01, #e0e0e0);
+  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
+  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
 }
 
 .cds--chart-holder[data-carbon-theme=g10] {
@@ -24646,7 +24991,7 @@ svg.cds--cc--color-legend g.legend-title text {
   --cds-support-error-inverse: #fa4d56;
   --cds-support-info: #0043ce;
   --cds-support-info-inverse: #4589ff;
-  --cds-support-success: #24a148;
+  --cds-support-success: #198038;
   --cds-support-success-inverse: #42be65;
   --cds-support-warning: #f1c21b;
   --cds-support-warning-inverse: #f1c21b;
@@ -24968,6 +25313,19 @@ svg.cds--cc--color-legend g.legend-title text {
   --cds-zone-stroke-02: #8d8d8d;
   --cds-zone-fill-03: #c6c6c6;
   --cds-zone-stroke-03: #8d8d8d;
+  --cds-layer: var(--cds-layer-01, #f4f4f4);
+  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
+  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
+  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
+  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
+  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
+  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
+  --cds-field: var(--cds-field-01, #f4f4f4);
+  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
+  --cds-border-subtle: var(--cds-border-subtle-01, #e0e0e0);
+  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
+  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
 }
 
 .cds--chart-holder[data-carbon-theme=g90] {
@@ -25375,6 +25733,19 @@ svg.cds--cc--color-legend g.legend-title text {
   --cds-zone-stroke-02: #6f6f6f;
   --cds-zone-fill-03: #525252;
   --cds-zone-stroke-03: #6f6f6f;
+  --cds-layer: var(--cds-layer-01, #f4f4f4);
+  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
+  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
+  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
+  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
+  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
+  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
+  --cds-field: var(--cds-field-01, #f4f4f4);
+  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
+  --cds-border-subtle: var(--cds-border-subtle-01, #e0e0e0);
+  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
+  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
 }
 
 .cds--chart-holder[data-carbon-theme=g100] {
@@ -25782,6 +26153,19 @@ svg.cds--cc--color-legend g.legend-title text {
   --cds-zone-stroke-02: #6f6f6f;
   --cds-zone-fill-03: #525252;
   --cds-zone-stroke-03: #6f6f6f;
+  --cds-layer: var(--cds-layer-01, #f4f4f4);
+  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
+  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
+  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
+  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
+  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
+  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
+  --cds-field: var(--cds-field-01, #f4f4f4);
+  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
+  --cds-border-subtle: var(--cds-border-subtle-01, #e0e0e0);
+  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
+  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
 }
 
 .cds--chart-holder.fullscreen,
@@ -25882,7 +26266,7 @@ html {
   --cds-support-error-inverse: #fa4d56;
   --cds-support-info: #0043ce;
   --cds-support-info-inverse: #4589ff;
-  --cds-support-success: #24a148;
+  --cds-support-success: #198038;
   --cds-support-success-inverse: #42be65;
   --cds-support-warning: #f1c21b;
   --cds-support-warning-inverse: #f1c21b;
@@ -26204,6 +26588,19 @@ html {
   --cds-zone-stroke-02: #8d8d8d;
   --cds-zone-fill-03: #c6c6c6;
   --cds-zone-stroke-03: #8d8d8d;
+  --cds-layer: var(--cds-layer-01, #f4f4f4);
+  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
+  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
+  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
+  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
+  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
+  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
+  --cds-field: var(--cds-field-01, #f4f4f4);
+  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
+  --cds-border-subtle: var(--cds-border-subtle-01, #e0e0e0);
+  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
+  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
 }
 
 html[data-carbon-theme=g10] {
@@ -26289,7 +26686,7 @@ html[data-carbon-theme=g10] {
   --cds-support-error-inverse: #fa4d56;
   --cds-support-info: #0043ce;
   --cds-support-info-inverse: #4589ff;
-  --cds-support-success: #24a148;
+  --cds-support-success: #198038;
   --cds-support-success-inverse: #42be65;
   --cds-support-warning: #f1c21b;
   --cds-support-warning-inverse: #f1c21b;
@@ -26611,6 +27008,19 @@ html[data-carbon-theme=g10] {
   --cds-zone-stroke-02: #8d8d8d;
   --cds-zone-fill-03: #c6c6c6;
   --cds-zone-stroke-03: #8d8d8d;
+  --cds-layer: var(--cds-layer-01, #f4f4f4);
+  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
+  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
+  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
+  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
+  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
+  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
+  --cds-field: var(--cds-field-01, #f4f4f4);
+  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
+  --cds-border-subtle: var(--cds-border-subtle-01, #e0e0e0);
+  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
+  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
 }
 
 html[data-carbon-theme=g90] {
@@ -27018,6 +27428,19 @@ html[data-carbon-theme=g90] {
   --cds-zone-stroke-02: #6f6f6f;
   --cds-zone-fill-03: #525252;
   --cds-zone-stroke-03: #6f6f6f;
+  --cds-layer: var(--cds-layer-01, #f4f4f4);
+  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
+  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
+  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
+  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
+  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
+  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
+  --cds-field: var(--cds-field-01, #f4f4f4);
+  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
+  --cds-border-subtle: var(--cds-border-subtle-01, #e0e0e0);
+  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
+  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
 }
 
 html[data-carbon-theme=g100] {
@@ -27425,6 +27848,19 @@ html[data-carbon-theme=g100] {
   --cds-zone-stroke-02: #6f6f6f;
   --cds-zone-fill-03: #525252;
   --cds-zone-stroke-03: #6f6f6f;
+  --cds-layer: var(--cds-layer-01, #f4f4f4);
+  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
+  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
+  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
+  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
+  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
+  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
+  --cds-field: var(--cds-field-01, #f4f4f4);
+  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
+  --cds-border-subtle: var(--cds-border-subtle-01, #e0e0e0);
+  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
+  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
 }
 
 div.container {