npm - ids-enterprise-wc - Versions diffs - 1.0.0 → 1.2.0 - Mend

ids-enterprise-wc 1.0.0 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (674) hide show

package/themes/ids-theme-default-core.css CHANGED Viewed

@@ -430,6 +430,7 @@
   --ids-action-panel-header-color-background: var(--ids-color-gray-10);
   --ids-action-panel-header-color-border: var(--ids-color-gray-20);
   --ids-action-panel-content-background-color: var(--ids-color-white-100);
+  --ids-action-panel-button-color-background-hover: var(--ids-color-gray-20);
   --ids-action-sheet-border-radius: var(--ids-border-radius-md);
   --ids-action-sheet-padding: var(--ids-space-xs);
   --ids-action-sheet-shadow: 0 0 8px rgb(0 0 0 / 0.2);
@@ -457,6 +458,7 @@
   --ids-app-menu-accordion-header-filter-color-text: var(--ids-color-text-default);
   --ids-app-menu-accordion-header-color-text-focus: var(--ids-color-white-100);
   --ids-app-menu-accordion-header-color-border-focus: var(--ids-color-primary-70);
+  --ids-app-menu-accordion-header-selected-bg-color: var(--ids-color-primary-60);
   --ids-app-menu-header-color-background-hover: var(--ids-color-gray-90);
   --ids-app-menu-header-color-border-hover: var(--ids-color-gray-90);
   --ids-app-menu-accordion-header-color-text-selected: var(--ids-color-white-100);
@@ -549,12 +551,13 @@
   --ids-button-primary-opacity-disabled: 0.4;
   --ids-button-primary-color-background-pressed: var(--ids-color-action-stronger);
   --ids-button-primary-color-border-pressed: var(--ids-color-action-stronger);
+  --ids-button-primary-color-text-pressed: var(--ids-color-foreground-light-default);
   --ids-button-secondary-color-background-default: var(--ids-color-background-default);
   --ids-button-secondary-color-border-default: var(--ids-color-action-default);
   --ids-button-secondary-color-text-default: var(--ids-color-action-default);
   --ids-button-secondary-color-border-focus: var(--ids-color-action-default);
   --ids-button-secondary-color-background-focus: var(--ids-color-background-default);
-  --ids-button-secondary-shadow-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px var(--ids-color-action-stronger);
+  --ids-button-secondary-shadow-focus: 0px 0px 0px 1px var(--ids-color-action-default), 0px 0px 0px 1px var(--ids-color-action-default);
   --ids-button-secondary-color-background-hover: var(--ids-color-action-weakest);
   --ids-button-secondary-color-border-hover: var(--ids-color-action-stronger);
   --ids-button-secondary-color-text-hover: var(--ids-color-action-stronger);
@@ -577,7 +580,7 @@
   --ids-button-tertiary-color-background-disabled: transparent;
   --ids-button-tertiary-color-border-disabled: transparent;
   --ids-button-tertiary-opacity-disabled: 0.4;
-  --ids-button-tertiary-shadow-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px var(--ids-color-action-stronger);
+  --ids-button-tertiary-shadow-focus: 0px 0px 0px .5px var(--ids-color-action-default), 0px 0px 0px .5px var(--ids-color-action-default);
   --ids-button-tertiary-font-weight: var(--ids-font-weight-semibold);
   --ids-button-tertiary-color-background-pressed: var(--ids-color-accent-gray-weakest);
   --ids-button-tertiary-color-border-pressed: var(--ids-color-accent-gray-weakest);
@@ -603,7 +606,7 @@
   --ids-button-destructive-tertiary-color-background-hover: var(--ids-color-error-weak);
   --ids-button-destructive-tertiary-color-text-hover: var(--ids-color-error-stronger);
   --ids-button-destructive-tertiary-color-border-hover: var(--ids-color-error-weak);
-  --ids-button-destructive-tertiary-shadow-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px var(--ids-color-error-stronger);
+  --ids-button-destructive-tertiary-shadow-focus: 0px 0px 0px 1px var(--ids-color-error-stronger), 0px 0px 0px 1px var(--ids-color-error-stronger);
   --ids-button-destructive-tertiary-opacity-disabled: 0.4;
   --ids-button-destructive-tertiary-color-text-disabled: var(--ids-color-error-default);
   --ids-button-destructive-tertiary-color-background-disabled: var(--ids-color-background-default);
@@ -644,10 +647,11 @@
   --ids-button-system-color-border-hover: transparent;
   --ids-button-system-color-text-hover: var(--ids-color-foreground-default-default);
   --ids-button-ai-color-background-default: linear-gradient(107deg, #254A92 17.32%, #10B7A6 95.32%);
-  --ids-button-ai-color-background-hover: linear-gradient(107deg, #1A4162 17.32%, #0B9789 95.32%);
-  --ids-button-ai-color-border-hover: #0B9789;
-  --ids-button-ai-color-background-active: linear-gradient(107deg, #1A4162 17.32%, #0B9789 95.32%);
-  --ids-button-ai-color-background-disabled: linear-gradient(107deg, rgba(37 74 146 / 0.5) 17.32%, rgba(16 183 166 / 0.5) 95.32%);
+  --ids-button-ai-color-background-hover: linear-gradient(107deg, #1F405C 17.32%, #0EAA9B 95.32%);
+  --ids-button-ai-color-border-hover: #0EAA9B;
+  --ids-button-ai-color-background-active: linear-gradient(107deg, #058F81 102.35%, #051E4C 5.97%);
+  --ids-button-ai-color-text-active: var(--ids-color-foreground-light-default);
+  --ids-button-ai-color-background-disabled: linear-gradient(107deg, rgba(37 74 146 / 0.50) 17.32%, rgba(16 183 166 / 0.50) 95.32%);
   --ids-button-ai-color-background-color-disabled: transparent;
   --ids-button-ai-shadow-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px #254A92;
   --ids-button-ai-color-icon-primary: #254A92;
@@ -656,12 +660,13 @@
   --ids-button-ai-color-icon-secondary-hover: #0B9789;
   --ids-button-ai-opacity-disabled: 0.4;
   --ids-button-tertiary-ai-color-background-disabled: var(--ids-button-ai-color-background-default);
-  --ids-button-tertiary-ai-shadow-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px #0B9789;
+  --ids-button-tertiary-ai-shadow-focus: 0px 0px 0px 1px #058F81, 0px 0px 0px 1px #051E4C;
   --ids-breadcrumb-color-text-default: var(--ids-color-text-subtle);
   --ids-breadcrumb-color-text-disabled: var(--ids-color-text-disabled);
   --ids-breadcrumb-color-text-emphasis: var(--ids-color-text-inverse);
   --ids-breadcrumb-font-weight: var(--ids-font-weight-normal);
   --ids-breadcrumb-font-size: var(--ids-font-size-30);
+  --ids-breadcrumb-gradient: linear-gradient(to right, var(--ids-color-background-default), rgba(255 255 255 / 0));
   --ids-calendar-toolbar-color-background: var(--ids-color-white-100);
   --ids-calendar-toolbar-color-border: var(--ids-color-gray-20);
   --ids-calendar-event-color-background-accent-blue: var(--ids-color-blue-20);
@@ -943,6 +948,7 @@
   --ids-hierarchy-item-selected-leaf-shadow: 0 0 0 5px rgba(54 138 192 / 0.3);
   --ids-header-color-border-bottom: var(--ids-color-gray-30);
   --ids-header-color-background: var(--ids-color-white-100);
+  --ids-header-breadcrumb-gradient: linear-gradient(to right, var(--ids-color-background-default), rgba(255 255 255 / 0));
   --ids-header-color-text: var(--ids-color-text-default);
   --ids-header-button-color-text-default: var(--ids-button-tertiary-color-text-default);
   --ids-header-button-color-background-hover: var(--ids-button-tertiary-color-background-hover);

package/themes/ids-theme-default-dark.css CHANGED Viewed

@@ -430,6 +430,7 @@
   --ids-action-panel-header-color-background: var(--ids-color-gray-10);
   --ids-action-panel-header-color-border: var(--ids-color-gray-20);
   --ids-action-panel-content-background-color: var(--ids-color-white-100);
+  --ids-action-panel-button-color-background-hover: var(--ids-color-gray-20);
   --ids-action-sheet-border-radius: var(--ids-border-radius-md);
   --ids-action-sheet-padding: var(--ids-space-xs);
   --ids-action-sheet-shadow: 0 0 8px rgb(0 0 0 / 0.2);
@@ -457,6 +458,7 @@
   --ids-app-menu-accordion-header-filter-color-text: var(--ids-color-text-default);
   --ids-app-menu-accordion-header-color-text-focus: var(--ids-color-white-100);
   --ids-app-menu-accordion-header-color-border-focus: var(--ids-color-primary-70);
+  --ids-app-menu-accordion-header-selected-bg-color: var(--ids-color-primary-60);
   --ids-app-menu-header-color-background-hover: var(--ids-color-gray-90);
   --ids-app-menu-header-color-border-hover: var(--ids-color-gray-90);
   --ids-app-menu-accordion-header-color-text-selected: var(--ids-color-white-100);
@@ -549,12 +551,13 @@
   --ids-button-primary-opacity-disabled: 0.4;
   --ids-button-primary-color-background-pressed: var(--ids-color-action-stronger);
   --ids-button-primary-color-border-pressed: var(--ids-color-action-stronger);
+  --ids-button-primary-color-text-pressed: var(--ids-color-foreground-light-default);
   --ids-button-secondary-color-background-default: var(--ids-color-background-default);
   --ids-button-secondary-color-border-default: var(--ids-color-action-default);
   --ids-button-secondary-color-text-default: var(--ids-color-action-default);
   --ids-button-secondary-color-border-focus: var(--ids-color-action-default);
   --ids-button-secondary-color-background-focus: var(--ids-color-background-default);
-  --ids-button-secondary-shadow-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px var(--ids-color-action-stronger);
+  --ids-button-secondary-shadow-focus: 0px 0px 0px 1px var(--ids-color-action-default), 0px 0px 0px 1px var(--ids-color-action-default);
   --ids-button-secondary-color-background-hover: var(--ids-color-action-weakest);
   --ids-button-secondary-color-border-hover: var(--ids-color-action-stronger);
   --ids-button-secondary-color-text-hover: var(--ids-color-action-stronger);
@@ -577,7 +580,7 @@
   --ids-button-tertiary-color-background-disabled: transparent;
   --ids-button-tertiary-color-border-disabled: transparent;
   --ids-button-tertiary-opacity-disabled: 0.4;
-  --ids-button-tertiary-shadow-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px var(--ids-color-action-stronger);
+  --ids-button-tertiary-shadow-focus: 0px 0px 0px .5px var(--ids-color-action-default), 0px 0px 0px .5px var(--ids-color-action-default);
   --ids-button-tertiary-font-weight: var(--ids-font-weight-semibold);
   --ids-button-tertiary-color-background-pressed: var(--ids-color-accent-gray-weakest);
   --ids-button-tertiary-color-border-pressed: var(--ids-color-accent-gray-weakest);
@@ -603,7 +606,7 @@
   --ids-button-destructive-tertiary-color-background-hover: var(--ids-color-error-weak);
   --ids-button-destructive-tertiary-color-text-hover: var(--ids-color-error-stronger);
   --ids-button-destructive-tertiary-color-border-hover: var(--ids-color-error-weak);
-  --ids-button-destructive-tertiary-shadow-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px var(--ids-color-error-stronger);
+  --ids-button-destructive-tertiary-shadow-focus: 0px 0px 0px 1px var(--ids-color-error-stronger), 0px 0px 0px 1px var(--ids-color-error-stronger);
   --ids-button-destructive-tertiary-opacity-disabled: 0.4;
   --ids-button-destructive-tertiary-color-text-disabled: var(--ids-color-error-default);
   --ids-button-destructive-tertiary-color-background-disabled: var(--ids-color-background-default);
@@ -644,10 +647,11 @@
   --ids-button-system-color-border-hover: transparent;
   --ids-button-system-color-text-hover: var(--ids-color-foreground-default-default);
   --ids-button-ai-color-background-default: linear-gradient(107deg, #254A92 17.32%, #10B7A6 95.32%);
-  --ids-button-ai-color-background-hover: linear-gradient(107deg, #1A4162 17.32%, #0B9789 95.32%);
-  --ids-button-ai-color-border-hover: #0B9789;
-  --ids-button-ai-color-background-active: linear-gradient(107deg, #1A4162 17.32%, #0B9789 95.32%);
-  --ids-button-ai-color-background-disabled: linear-gradient(107deg, rgba(37 74 146 / 0.5) 17.32%, rgba(16 183 166 / 0.5) 95.32%);
+  --ids-button-ai-color-background-hover: linear-gradient(107deg, #1F405C 17.32%, #0EAA9B 95.32%);
+  --ids-button-ai-color-border-hover: #0EAA9B;
+  --ids-button-ai-color-background-active: linear-gradient(107deg, #058F81 102.35%, #051E4C 5.97%);
+  --ids-button-ai-color-text-active: var(--ids-color-foreground-light-default);
+  --ids-button-ai-color-background-disabled: linear-gradient(107deg, rgba(37 74 146 / 0.50) 17.32%, rgba(16 183 166 / 0.50) 95.32%);
   --ids-button-ai-color-background-color-disabled: transparent;
   --ids-button-ai-shadow-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px #254A92;
   --ids-button-ai-color-icon-primary: #254A92;
@@ -656,12 +660,13 @@
   --ids-button-ai-color-icon-secondary-hover: #0B9789;
   --ids-button-ai-opacity-disabled: 0.4;
   --ids-button-tertiary-ai-color-background-disabled: var(--ids-button-ai-color-background-default);
-  --ids-button-tertiary-ai-shadow-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px #0B9789;
+  --ids-button-tertiary-ai-shadow-focus: 0px 0px 0px 1px #058F81, 0px 0px 0px 1px #051E4C;
   --ids-breadcrumb-color-text-default: var(--ids-color-text-subtle);
   --ids-breadcrumb-color-text-disabled: var(--ids-color-text-disabled);
   --ids-breadcrumb-color-text-emphasis: var(--ids-color-text-inverse);
   --ids-breadcrumb-font-weight: var(--ids-font-weight-normal);
   --ids-breadcrumb-font-size: var(--ids-font-size-30);
+  --ids-breadcrumb-gradient: linear-gradient(to right, var(--ids-color-background-default), rgba(255 255 255 / 0));
   --ids-calendar-toolbar-color-background: var(--ids-color-white-100);
   --ids-calendar-toolbar-color-border: var(--ids-color-gray-20);
   --ids-calendar-event-color-background-accent-blue: var(--ids-color-blue-20);
@@ -943,6 +948,7 @@
   --ids-hierarchy-item-selected-leaf-shadow: 0 0 0 5px rgba(54 138 192 / 0.3);
   --ids-header-color-border-bottom: var(--ids-color-gray-30);
   --ids-header-color-background: var(--ids-color-white-100);
+  --ids-header-breadcrumb-gradient: linear-gradient(to right, var(--ids-color-background-default), rgba(255 255 255 / 0));
   --ids-header-color-text: var(--ids-color-text-default);
   --ids-header-button-color-text-default: var(--ids-button-tertiary-color-text-default);
   --ids-header-button-color-background-hover: var(--ids-button-tertiary-color-background-hover);
@@ -1979,6 +1985,7 @@
   --ids-action-panel-header-color-background: var(--ids-color-gray-80);
   --ids-action-panel-header-color-border: var(--ids-color-gray-90);
   --ids-action-panel-content-background-color: var(--ids-color-gray-100);
+  --ids-action-panel-button-color-background-hover: var(--ids-color-gray-90);
   --ids-action-sheet-color-background: var(--ids-color-gray-70);
   --ids-action-sheet-color-border: var(--ids-color-gray-50);
   --ids-alert-color-progress-default: var(--ids-color-purple-30);
@@ -1997,9 +2004,9 @@
   --ids-button-module-color-text-default: var(--ids-color-gray-10);
   --ids-button-module-color-text-hover: var(--ids-color-white-100);
   --ids-button-system-color-text-hover: var(--ids-color-white-100);
-  --ids-button-ai-color-background-color-disabled: #FFF;
-  --ids-button-ai-color-icon-primary-hover: #1A3362;
-  --ids-button-ai-color-icon-secondary-hover: #0B9789;
+  --ids-button-ai-color-border-hover: transparent;
+  --ids-button-ai-color-background-default: linear-gradient(107deg, #254A92 9.32%, #10B7A6 85.32%);
+  --ids-button-ai-color-background-hover: linear-gradient(107deg, #1F405C 5.32%, #0EAA9B 75.32%);
   --ids-button-tertiary-color-background-hover: var(--ids-color-accent-gray-weaker);
   --ids-button-tertiary-color-border-hover: var(--ids-color-accent-gray-weaker);
   --ids-calendar-toolbar-color-background: var(--ids-color-gray-80);
@@ -2071,7 +2078,7 @@
   --ids-dropdown-color-icon: var(--ids-color-gray-10);
   --ids-dropdown-typeahead-color-background: var(--ids-color-gray-30);
   --ids-dropdown-color-text-default: var(--ids-color-white-100);
-  --ids-dropdown-color-background-hover: var(--ids-color-gray-90);
+  --ids-dropdown-color-background-hover: var(--ids-color-gray-80);
   --ids-dropdown-group-color-text: var(--ids-color-gray-20);
   --ids-dropdown-group-color-border: var(--ids-color-gray-50);
   --ids-editor-background-color: var(--ids-color-gray-100);
@@ -2092,10 +2099,11 @@
   --ids-expandable-area-border-bottom: 1px solid var(--ids-color-gray-50);
   --ids-empty-message-icon-color: var(--ids-color-gray-60);
   --ids-empty-message-color-icon-fill: transparent;
-  --ids-header-color-border-bottom: var(--ids-color-gray-100);
-  --ids-header-color-background: var(--ids-color-gray-70);
-  --ids-header-gradient-opacity-none: rgb(0 114 237 / 1);
-  --ids-header-gradient-opacity-full: rgb(0 114 237 / 0);
+  --ids-header-color-border-bottom: var(--ids-color-gray-80);
+  --ids-header-color-background: var(--ids-color-gray-90);
+  --ids-header-gradient-opacity-none: rgb(40 40 42 / 1);
+  --ids-header-gradient-opacity-full: rgb(40 40 42 / 0);
+  --ids-header-breadcrumb-gradient: linear-gradient(to right, var(--ids-color-gray-90), rgba(255 255 255 / 0));
   --ids-hierarchy-item-leaf-color-border: var(--ids-color-gray-70);
   --ids-hierarchy-item-color-background: var(--ids-color-gray-100);
   --ids-hierarchy-item-leaf-inside-shadow: 0 0 8px rgb(0 0 0 / 0.7);

package/themes/ids-theme-default-light.css CHANGED Viewed

@@ -430,6 +430,7 @@
   --ids-action-panel-header-color-background: var(--ids-color-gray-10);
   --ids-action-panel-header-color-border: var(--ids-color-gray-20);
   --ids-action-panel-content-background-color: var(--ids-color-white-100);
+  --ids-action-panel-button-color-background-hover: var(--ids-color-gray-20);
   --ids-action-sheet-border-radius: var(--ids-border-radius-md);
   --ids-action-sheet-padding: var(--ids-space-xs);
   --ids-action-sheet-shadow: 0 0 8px rgb(0 0 0 / 0.2);
@@ -457,6 +458,7 @@
   --ids-app-menu-accordion-header-filter-color-text: var(--ids-color-text-default);
   --ids-app-menu-accordion-header-color-text-focus: var(--ids-color-white-100);
   --ids-app-menu-accordion-header-color-border-focus: var(--ids-color-primary-70);
+  --ids-app-menu-accordion-header-selected-bg-color: var(--ids-color-primary-60);
   --ids-app-menu-header-color-background-hover: var(--ids-color-gray-90);
   --ids-app-menu-header-color-border-hover: var(--ids-color-gray-90);
   --ids-app-menu-accordion-header-color-text-selected: var(--ids-color-white-100);
@@ -549,12 +551,13 @@
   --ids-button-primary-opacity-disabled: 0.4;
   --ids-button-primary-color-background-pressed: var(--ids-color-action-stronger);
   --ids-button-primary-color-border-pressed: var(--ids-color-action-stronger);
+  --ids-button-primary-color-text-pressed: var(--ids-color-foreground-light-default);
   --ids-button-secondary-color-background-default: var(--ids-color-background-default);
   --ids-button-secondary-color-border-default: var(--ids-color-action-default);
   --ids-button-secondary-color-text-default: var(--ids-color-action-default);
   --ids-button-secondary-color-border-focus: var(--ids-color-action-default);
   --ids-button-secondary-color-background-focus: var(--ids-color-background-default);
-  --ids-button-secondary-shadow-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px var(--ids-color-action-stronger);
+  --ids-button-secondary-shadow-focus: 0px 0px 0px 1px var(--ids-color-action-default), 0px 0px 0px 1px var(--ids-color-action-default);
   --ids-button-secondary-color-background-hover: var(--ids-color-action-weakest);
   --ids-button-secondary-color-border-hover: var(--ids-color-action-stronger);
   --ids-button-secondary-color-text-hover: var(--ids-color-action-stronger);
@@ -577,7 +580,7 @@
   --ids-button-tertiary-color-background-disabled: transparent;
   --ids-button-tertiary-color-border-disabled: transparent;
   --ids-button-tertiary-opacity-disabled: 0.4;
-  --ids-button-tertiary-shadow-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px var(--ids-color-action-stronger);
+  --ids-button-tertiary-shadow-focus: 0px 0px 0px .5px var(--ids-color-action-default), 0px 0px 0px .5px var(--ids-color-action-default);
   --ids-button-tertiary-font-weight: var(--ids-font-weight-semibold);
   --ids-button-tertiary-color-background-pressed: var(--ids-color-accent-gray-weakest);
   --ids-button-tertiary-color-border-pressed: var(--ids-color-accent-gray-weakest);
@@ -603,7 +606,7 @@
   --ids-button-destructive-tertiary-color-background-hover: var(--ids-color-error-weak);
   --ids-button-destructive-tertiary-color-text-hover: var(--ids-color-error-stronger);
   --ids-button-destructive-tertiary-color-border-hover: var(--ids-color-error-weak);
-  --ids-button-destructive-tertiary-shadow-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px var(--ids-color-error-stronger);
+  --ids-button-destructive-tertiary-shadow-focus: 0px 0px 0px 1px var(--ids-color-error-stronger), 0px 0px 0px 1px var(--ids-color-error-stronger);
   --ids-button-destructive-tertiary-opacity-disabled: 0.4;
   --ids-button-destructive-tertiary-color-text-disabled: var(--ids-color-error-default);
   --ids-button-destructive-tertiary-color-background-disabled: var(--ids-color-background-default);
@@ -644,10 +647,11 @@
   --ids-button-system-color-border-hover: transparent;
   --ids-button-system-color-text-hover: var(--ids-color-foreground-default-default);
   --ids-button-ai-color-background-default: linear-gradient(107deg, #254A92 17.32%, #10B7A6 95.32%);
-  --ids-button-ai-color-background-hover: linear-gradient(107deg, #1A4162 17.32%, #0B9789 95.32%);
-  --ids-button-ai-color-border-hover: #0B9789;
-  --ids-button-ai-color-background-active: linear-gradient(107deg, #1A4162 17.32%, #0B9789 95.32%);
-  --ids-button-ai-color-background-disabled: linear-gradient(107deg, rgba(37 74 146 / 0.5) 17.32%, rgba(16 183 166 / 0.5) 95.32%);
+  --ids-button-ai-color-background-hover: linear-gradient(107deg, #1F405C 17.32%, #0EAA9B 95.32%);
+  --ids-button-ai-color-border-hover: #0EAA9B;
+  --ids-button-ai-color-background-active: linear-gradient(107deg, #058F81 102.35%, #051E4C 5.97%);
+  --ids-button-ai-color-text-active: var(--ids-color-foreground-light-default);
+  --ids-button-ai-color-background-disabled: linear-gradient(107deg, rgba(37 74 146 / 0.50) 17.32%, rgba(16 183 166 / 0.50) 95.32%);
   --ids-button-ai-color-background-color-disabled: transparent;
   --ids-button-ai-shadow-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px #254A92;
   --ids-button-ai-color-icon-primary: #254A92;
@@ -656,12 +660,13 @@
   --ids-button-ai-color-icon-secondary-hover: #0B9789;
   --ids-button-ai-opacity-disabled: 0.4;
   --ids-button-tertiary-ai-color-background-disabled: var(--ids-button-ai-color-background-default);
-  --ids-button-tertiary-ai-shadow-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px #0B9789;
+  --ids-button-tertiary-ai-shadow-focus: 0px 0px 0px 1px #058F81, 0px 0px 0px 1px #051E4C;
   --ids-breadcrumb-color-text-default: var(--ids-color-text-subtle);
   --ids-breadcrumb-color-text-disabled: var(--ids-color-text-disabled);
   --ids-breadcrumb-color-text-emphasis: var(--ids-color-text-inverse);
   --ids-breadcrumb-font-weight: var(--ids-font-weight-normal);
   --ids-breadcrumb-font-size: var(--ids-font-size-30);
+  --ids-breadcrumb-gradient: linear-gradient(to right, var(--ids-color-background-default), rgba(255 255 255 / 0));
   --ids-calendar-toolbar-color-background: var(--ids-color-white-100);
   --ids-calendar-toolbar-color-border: var(--ids-color-gray-20);
   --ids-calendar-event-color-background-accent-blue: var(--ids-color-blue-20);
@@ -943,6 +948,7 @@
   --ids-hierarchy-item-selected-leaf-shadow: 0 0 0 5px rgba(54 138 192 / 0.3);
   --ids-header-color-border-bottom: var(--ids-color-gray-30);
   --ids-header-color-background: var(--ids-color-white-100);
+  --ids-header-breadcrumb-gradient: linear-gradient(to right, var(--ids-color-background-default), rgba(255 255 255 / 0));
   --ids-header-color-text: var(--ids-color-text-default);
   --ids-header-button-color-text-default: var(--ids-button-tertiary-color-text-default);
   --ids-header-button-color-background-hover: var(--ids-button-tertiary-color-background-hover);

package/utils/ids-device-env-specs-utils/ids-device-env-specs-utils.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{a}from"../../chunks/ids-chunk-~~K6RHXTCU~~.js";import"../../chunks/ids-chunk-~~S7XDCBUZ~~.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as getSpecs};
1	+ import{a}from"../../chunks/ids-chunk-CDH6H6NV.js";import"../../chunks/ids-chunk-2U4A7BWM.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as getSpecs};

package/utils/ids-dom-utils/ids-dom-utils.d.ts CHANGED Viewed

@@ -99,7 +99,7 @@ export declare function getEditableRect(rect: DOMRect): {
  */
 export declare function checkOverflow(el?: HTMLElement | null): boolean;
 /**
- * Toggles a scrollbar on an element that should only display one if its contents are overflowed
+ * Toggles a scrollbar on an element that should only display if its contents are overflowed
  * NOTE: the element receiving the `has-scrollbar` class should have accompanying styles
  *   applied for generating the scrollbar via `overflow: scroll;` or related prop.
  * @param {HTMLElement} el target element