@epam/assets 5.4.0 → 5.4.2

package/theme/theme_loveship.scss

@@ -676,10 +676,6 @@
         --uui-flex-row-bg: var(--night100);
     }
 
-    .uui-panel {
-        --uui-panel-bg: transparent;
-    }
-
     .uui-panel.uui-color-white {
         --uui-panel-bg: var(--white);
     }
@@ -688,6 +684,132 @@
         --uui-panel-bg: var(--night50);
     }
 
+    /* Tag */
+
+    .uui-tag {
+        &.uui-color-white {
+            &.uui-fill-solid {
+                --uui-tag-bg-hover: var(--uui-neutral-10);
+                --uui-tag-border-hover: var(--uui-neutral-10);
+                --uui-tag-fill: var(--uui-neutral-60);
+
+                .uui-count_indicator {
+                    --uui-count_indicator-bg: var(--uui-neutral-30);
+                    --uui-count_indicator-border: var(--uui-neutral-30);
+                    --uui-count_indicator-caption: var(--uui-neutral-70);
+                }
+            }
+
+            &.uui-fill-outline {
+                --uui-tag-bg-hover: var(--uui-neutral-10);
+                --uui-tag-border: var(--uui-neutral-30);
+                --uui-tag-border-hover: var(--uui-neutral-30);
+
+                .uui-count_indicator {
+                    --uui-count_indicator-bg: var(--uui-neutral-30);
+                    --uui-count_indicator-border: var(--uui-neutral-30);
+                }
+            }
+        }
+
+        &.uui-color-night100 {
+            &.uui-fill-solid {
+                --uui-tag-border-hover: var(--uui-neutral-20);
+                --uui-tag-fill: var(--uui-neutral-60);
+
+                .uui-count_indicator {
+                    --uui-count_indicator-bg: var(--uui-neutral-30);
+                    --uui-count_indicator-border: var(--uui-neutral-30);
+                    --uui-count_indicator-caption: var(--uui-neutral-70);
+                }
+            }
+
+            &.uui-fill-outline {
+                --uui-tag-bg: var(--uui-neutral-5);
+                --uui-tag-bg-hover: var(--uui-neutral-10);
+                --uui-tag-border: var(--uui-neutral-30);
+                --uui-tag-border-hover: var(--uui-neutral-30);
+
+                .uui-count_indicator {
+                    --uui-count_indicator-bg: var(--uui-neutral-30);
+                    --uui-count_indicator-border: var(--uui-neutral-30);
+                }
+            }
+        }
+
+        &.uui-color-neutral,
+        &.uui-color-night300 {
+            &.uui-fill-solid {
+                --uui-tag-bg: var(--uui-neutral-30);
+                --uui-tag-bg-hover: var(--uui-neutral-40);
+                --uui-tag-border: var(--uui-neutral-30);
+                --uui-tag-border-hover: var(--uui-neutral-40);
+                --uui-tag-caption: var(--uui-text-primary);
+                --uui-tag-fill: var(--uui-neutral-60);
+
+                .uui-count_indicator {
+                    --uui-count_indicator-bg: var(--uui-neutral-0);
+                    --uui-count_indicator-border: var(--uui-neutral-0);
+                }
+            }
+
+            &.uui-fill-outline {
+                --uui-tag-bg: var(--uui-neutral-20);
+                --uui-tag-bg-hover: var(--uui-neutral-30);
+                --uui-tag-border: var(--uui-neutral-40);
+                --uui-tag-border-hover: var(--uui-neutral-40);
+
+                .uui-count_indicator {
+                    --uui-count_indicator-bg: var(--uui-neutral-30);
+                    --uui-count_indicator-border: var(--uui-neutral-30);
+                }
+            }
+        }
+
+        &.uui-color-night700 {
+            &.uui-fill-solid {
+                --uui-tag-caption: var(--uui-neutral-0);
+                --uui-tag-fill: var(--uui-neutral-0);
+                --uui-tag-bg: var(--uui-neutral-70);
+                --uui-tag-border: var(--uui-neutral-70);
+                --uui-tag-bg-hover: var(--uui-neutral-80);
+                --uui-tag-border-hover: var(--uui-neutral-80);
+
+                .uui-count_indicator {
+                    --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);
+                    --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);
+                    --uui-count_indicator-caption: var(--uui-neutral-0);
+                }
+            }
+
+            &.uui-fill-outline {
+                --uui-tag-bg: var(--uui-neutral-20);
+                --uui-tag-bg-hover: var(--uui-neutral-30);
+                --uui-tag-border: var(--uui-neutral-50);
+                --uui-tag-border-hover: var(--uui-neutral-50);
+
+            }
+        }
+
+        &.uui-color-warning,
+        &.uui-color-sun {
+            &.uui-fill-solid {
+                --uui-tag-caption: var(--uui-text-primary);
+                --uui-tag-fill: var(--uui-neutral-90);
+
+                .uui-count_indicator {
+                    --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);
+                    --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);
+                }
+            }
+
+            &.uui-fill-outline .uui-count_indicator {
+                --uui-count_indicator-bg: var(--uui-neutral-0);
+                --uui-count_indicator-border: var(--uui-neutral-40);
+            }
+        }
+    }
+
     /* fonts */
 
     .uui-font-sans {

package/theme/theme_loveship_dark.scss

@@ -762,8 +762,154 @@
 
     /* Tag */
 
-    .uui-tag.uui-color-neutral {
-        --uui-tag-bg: var(--uui-neutral-40);
+    .uui-tag {
+        .uui-count_indicator {
+            --uui-count_indicator-bg: color-mix(in srgb, var(--white) 10%, transparent);
+            --uui-count_indicator-border: color-mix(in srgb, var(--white) 50%, transparent);
+        }
+
+        &.uui-fill-outline {
+            --uui-tag-caption: var(--uui-text-primary);
+            --uui-tag-fill: var(--uui-neutral-10);
+
+            .uui-count_indicator {
+                --uui-count_indicator-bg: var(--uui-neutral-70);
+                --uui-count_indicator-border: var(--uui-neutral-40);
+                --uui-count_indicator-caption: var(--uui-neutral-10);
+            }
+        }
+
+        &.uui-color-neutral,
+        &.uui-color-night300 {
+            &.uui-fill-solid {
+                --uui-tag-caption: var(--uui-neutral-5);
+                --uui-tag-fill: var(--uui-neutral-10);
+                --uui-tag-bg: var(--uui-neutral-40);
+                --uui-tag-border: var(--uui-neutral-40);
+                --uui-tag-bg-hover: var(--uui-neutral-30);
+                --uui-tag-border-hover: var(--uui-neutral-30);
+
+                .uui-count_indicator {
+                    --uui-count_indicator-bg: var(--uui-neutral-0);
+                    --uui-count_indicator-border: var(--uui-neutral-0);
+                }
+            }
+
+            &.uui-fill-outline {
+                --uui-tag-caption: var(--uui-neutral-5);
+                --uui-tag-fill: var(--uui-neutral-10);
+                --uui-tag-bg: var(--uui-neutral-60);
+                --uui-tag-border: var(--uui-neutral-40);
+                --uui-tag-bg-hover: var(--uui-neutral-50);
+                --uui-tag-border-hover: var(--uui-neutral-40);
+
+                .uui-count_indicator {
+                    --uui-count_indicator-bg: var(--uui-neutral-40);
+                    --uui-count_indicator-border: var(--uui-neutral-40);
+                    --uui-count_indicator-caption: var(--uui-neutral-10);
+                }
+            }
+        }
+
+        &.uui-color-white {
+            &.uui-fill-solid {
+                --uui-tag-bg-hover: var(--uui-neutral-5);
+                --uui-tag-border-hover: var(--uui-neutral-5);
+
+                .uui-count_indicator {
+                    --uui-count_indicator-bg: var(--uui-neutral-40);
+                    --uui-count_indicator-border: var(--uui-neutral-40);
+                    --uui-count_indicator-caption: var(--uui-neutral-10);
+                }
+            }
+
+            &.uui-fill-outline {
+                --uui-tag-caption: var(--uui-text-brand);
+                --uui-tag-fill: var(--uui-neutral-0);
+                --uui-tag-bg: color-mix(in srgb, var(--white) 5%, transparent);
+                --uui-tag-bg-hover: color-mix(in srgb, var(--white) 10%, transparent);
+
+                .uui-count_indicator {
+                    --uui-count_indicator-bg: var(--uui-neutral-40);
+                    --uui-count_indicator-border: var(--uui-neutral-40);
+                }
+            }
+        }
+
+        &.uui-color-night100 {
+            &.uui-fill-solid {
+                --uui-tag-caption: var(--uui-text-brand);
+                --uui-tag-fill: var(--uui-neutral-0);
+                --uui-tag-bg: var(--uui-neutral-40);
+                --uui-tag-border: var(--uui-neutral-40);
+                --uui-tag-bg-hover: var(--uui-neutral-30);
+                --uui-tag-border-hover: var(--uui-neutral-30);
+
+                .uui-count_indicator {
+                    --uui-count_indicator-bg: var(--uui-neutral-40);
+                    --uui-count_indicator-border: var(--uui-neutral-40);
+                    --uui-count_indicator-caption: var(--uui-neutral-10);
+                }
+            }
+
+            &.uui-fill-outline {
+                --uui-tag-caption: var(--uui-neutral-5);
+                --uui-tag-fill: var(--uui-neutral-5);
+                --uui-tag-bg: color-mix(in srgb, var(--uui-neutral-0) 12%, transparent);
+                --uui-tag-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 15%, transparent);
+                --uui-tag-border: var(--uui-neutral-20);
+                --uui-tag-border-hover: var(--uui-neutral-20);
+
+                .uui-count_indicator {
+                    --uui-count_indicator-bg: var(--uui-neutral-40);
+                    --uui-count_indicator-border: var(--uui-neutral-40);
+                    --uui-count_indicator-caption: var(--uui-neutral-10);
+                }
+            }
+        }
+
+        &.uui-color-night700 {
+            &.uui-fill-solid {
+                --uui-tag-caption: var(--uui-text-brand);
+                --uui-tag-fill: var(--uui-neutral-0);
+                --uui-tag-bg: var(--uui-neutral-80);
+                --uui-tag-border: var(--uui-neutral-80);
+                --uui-tag-bg-hover: var(--uui-neutral-70);
+                --uui-tag-border-hover: var(--uui-neutral-70);
+
+                .uui-count_indicator {
+                    --uui-count_indicator-caption: var(--uui-neutral-0);
+                }
+            }
+
+            &.uui-fill-outline {
+                --uui-tag-caption: var(--uui-neutral-5);
+                --uui-tag-fill: var(--uui-neutral-0);
+                --uui-tag-bg: var(--uui-neutral-80);
+                --uui-tag-border: var(--uui-neutral-50);
+                --uui-tag-bg-hover: var(--uui-neutral-70);
+                --uui-tag-border-hover: var(--uui-neutral-50);
+
+                .uui-count_indicator {
+                    --uui-count_indicator-caption: var(--uui-neutral-0);
+                    --uui-count_indicator-bg: var(--uui-neutral-70);
+                    --uui-count_indicator-border: var(--uui-neutral-40);
+                }
+            }
+        }
+
+        &.uui-color-warning,
+        &.uui-color-sun {
+            &.uui-fill-solid {
+                --uui-tag-caption: var(--uui-neutral-70);
+                --uui-tag-fill: var(--uui-neutral-70);
+
+                .uui-count_indicator {
+                    --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-5) 5%, transparent);
+                    --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-70) 30%, transparent);
+                }
+            }
+        }
     }
 
     .uui-presets-panel-input .uui-icon-cancel {
@@ -782,7 +928,7 @@
     }
 
     .uui-text-placeholder {
-        --uui-text_placeholder-gradient: linear-gradient(90deg, var(--uui-neutral-30) 0%, var(--uui-neutral-50) 50%, var(--uui-neutral-30) 100%);
+        --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--uui-neutral-30) 0, var(--uui-neutral-50) 150px, var(--uui-neutral-30) 300px);
     }
 
     /* fonts */

package/theme/theme_promo.scss

@@ -647,10 +647,6 @@
         --uui-flex-row-bg: var(--gray5);
     }
 
-    .uui-panel {
-        --uui-panel-bg: transparent;
-    }
-
     .uui-panel.uui-color-white {
         --uui-panel-bg: var(--white);
     }
@@ -659,8 +655,130 @@
         --uui-panel-bg: var(--gray90);
     }
 
+    /* Tag */
+
     .uui-tag {
-        --uui-tag-border-radius: 0;
+        &.uui-color-white {
+            &.uui-fill-solid {
+                --uui-tag-bg-hover: var(--uui-neutral-10);
+                --uui-tag-border-hover: var(--uui-neutral-10);
+                --uui-tag-fill: var(--uui-neutral-60);
+
+                .uui-count_indicator {
+                    --uui-count_indicator-bg: var(--uui-neutral-30);
+                    --uui-count_indicator-border: var(--uui-neutral-30);
+                    --uui-count_indicator-caption: var(--uui-neutral-70);
+                }
+            }
+
+            &.uui-fill-outline {
+                --uui-tag-bg-hover: var(--uui-neutral-10);
+                --uui-tag-border: var(--uui-neutral-30);
+                --uui-tag-border-hover: var(--uui-neutral-30);
+
+                .uui-count_indicator {
+                    --uui-count_indicator-bg: var(--uui-neutral-30);
+                    --uui-count_indicator-border: var(--uui-neutral-30);
+                }
+            }
+        }
+
+        &.uui-color-gray10 {
+            &.uui-fill-solid {
+                --uui-tag-border-hover: var(--uui-neutral-20);
+                --uui-tag-fill: var(--uui-neutral-60);
+
+                .uui-count_indicator {
+                    --uui-count_indicator-bg: var(--uui-neutral-30);
+                    --uui-count_indicator-border: var(--uui-neutral-30);
+                    --uui-count_indicator-caption: var(--uui-neutral-70);
+                }
+            }
+
+            &.uui-fill-outline {
+                --uui-tag-bg: var(--uui-neutral-5);
+                --uui-tag-bg-hover: var(--uui-neutral-10);
+                --uui-tag-border: var(--uui-neutral-30);
+                --uui-tag-border-hover: var(--uui-neutral-30);
+
+                .uui-count_indicator {
+                    --uui-count_indicator-bg: var(--uui-neutral-30);
+                    --uui-count_indicator-border: var(--uui-neutral-30);
+                }
+            }
+        }
+
+        &.uui-color-neutral,
+        &.uui-color-gray30 {
+            &.uui-fill-solid {
+                --uui-tag-bg: var(--uui-neutral-30);
+                --uui-tag-bg-hover: var(--uui-neutral-40);
+                --uui-tag-border: var(--uui-neutral-30);
+                --uui-tag-border-hover: var(--uui-neutral-40);
+                --uui-tag-caption: var(--uui-text-primary);
+                --uui-tag-fill: var(--uui-neutral-60);
+
+                .uui-count_indicator {
+                    --uui-count_indicator-bg: var(--uui-neutral-0);
+                    --uui-count_indicator-border: var(--uui-neutral-0);
+                }
+            }
+
+            &.uui-fill-outline {
+                --uui-tag-bg: var(--uui-neutral-20);
+                --uui-tag-bg-hover: var(--uui-neutral-30);
+                --uui-tag-border: var(--uui-neutral-40);
+                --uui-tag-border-hover: var(--uui-neutral-40);
+
+                .uui-count_indicator {
+                    --uui-count_indicator-bg: var(--uui-neutral-30);
+                    --uui-count_indicator-border: var(--uui-neutral-30);
+                }
+            }
+        }
+
+        &.uui-color-gray70 {
+            &.uui-fill-solid {
+                --uui-tag-caption: var(--uui-neutral-0);
+                --uui-tag-fill: var(--uui-neutral-0);
+                --uui-tag-bg: var(--uui-neutral-70);
+                --uui-tag-border: var(--uui-neutral-70);
+                --uui-tag-bg-hover: var(--uui-neutral-80);
+                --uui-tag-border-hover: var(--uui-neutral-80);
+
+                .uui-count_indicator {
+                    --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);
+                    --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);
+                    --uui-count_indicator-caption: var(--uui-neutral-0);
+                }
+            }
+
+            &.uui-fill-outline {
+                --uui-tag-bg: var(--uui-neutral-20);
+                --uui-tag-bg-hover: var(--uui-neutral-30);
+                --uui-tag-border: var(--uui-neutral-50);
+                --uui-tag-border-hover: var(--uui-neutral-50);
+
+            }
+        }
+
+        &.uui-color-warning,
+        &.uui-color-amber {
+            &.uui-fill-solid {
+                --uui-tag-caption: var(--uui-text-primary);
+                --uui-tag-fill: var(--uui-neutral-90);
+
+                .uui-count_indicator {
+                    --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);
+                    --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);
+                }
+            }
+
+            &.uui-fill-outline .uui-count_indicator {
+                --uui-count_indicator-bg: var(--uui-neutral-0);
+                --uui-count_indicator-border: var(--uui-neutral-40);
+            }
+        }
     }
 
     .uui-dropdown-body {

package/theme/theme_vanilla_thunder.scss

@@ -25,7 +25,7 @@
     --sun-250: #F67E00;
     --sun-300: #F2682A;
 
-    --chromatic-0: #FFF;
+    --chromatic-0: #FFFFFF;
     --chromatic-100: #F7F7FD;
     --chromatic-150: #E5E5EE;
     --chromatic-200: #CDCDD9;
@@ -42,7 +42,7 @@
     --fire-60: #CC2929;
     --fire-70: #B32424;
 
-    --white: #FFF;
+    --white: #FFFFFF;
 
     --night50: #FAFAFC;
     --night100: #F5F6FA;
@@ -266,6 +266,7 @@
         --uui-color-contrast: var(--uui-warning-contrast);
     }
 
+    .uui-color-neutral,
     .uui-color-secondary {
         --uui-color-5: var(--uui-secondary-5);
         --uui-color-10: var(--uui-secondary-10);
@@ -276,8 +277,6 @@
         --uui-color-contrast: var(--uui-secondary-contrast);
     }
 
-
-
     .uui-button {
         --uui-border-radius: 8px;
         --uui-btn-font: var(--font-museo-sans);
@@ -319,8 +318,66 @@
         --uui-filters_toggler-font-weight: 400;
     }
 
+    /* MainMenu */
+
+    .uui-main_menu {
+        --uui-main_menu-text: var(--uui-text-brand);
+        --uui-main_menu-text-active: var(--uui-info-50);
+        --uui-main_menu-bg: var(--uui-info-5);
+        --uui-main_menu-hover: var(--uui-neutral-0);
+        --uui-main_menu-active: var(--uui-neutral-0);
+        --uui-main_menu-border-active: var(--uui-neutral-0);
+
+        --uui-main_menu-search-bg: var(--uui-neutral-5);
+        --uui-main_menu-search-border: var(--uui-neutral-40);
+        --uui-main_menu-search-placeholder: var(--uui-text-tertiary);
+        --uui-main_menu-search-text: var(--uui-text-primary);
+        --uui-main_menu-search-icon: var(--uui-neutral-70);
+
+        --uui-main_menu-icon: var(--uui-text-brand);
+        --uui-main_menu-icon-hover: var(--uui-text-brand);
+        --uui-main_menu-icon-active: var(--uui-text-brand);
+    }
+
+    .uui-main_menu-dropdown {
+        --uui-main_menu-text: var(--uui-text-brand);
+        --uui-main_menu-text-active: var(--uui-text-brand);
+        --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-70);
+    }
+
+    /* BurgerMenu */
+
+    .uui-burger {
+        --uui-burger_menu-bg: var(--uui-info-5);
+        --uui-burger_menu-bg-hover: var(--uui-neutral-0);
+        --uui-burger_menu-caption: var(--uui-text-brand);
+        --uui-burger_menu-icon: var(--uui-text-brand);
+        --uui-burger_menu-item: var(--uui-info-5);
+    }
+
+    /* BurgerButton */
+    .uui-main_menu-burger-button {
+        --uui-burger_btn_caption: var(--uui-text-brand);
+        --uui-burger_btn_caption-hover: var(--uui-primary-50);
+        --uui-burger_btn_caption-active: var(--uui-primary-50);
+        --uui-burger_btn-border: var(--uui-neutral-40);
+    }
+
+    /* BurgerSearch */
+
+    .uui-main_menu-burger-search {
+        --uui-burger_search: var(--uui-text-brand);
+        --uui-burger_search-fill: var(--uui-neutral-70);
+        --uui-burger_search-bg: var(--uui-neutral-40);
+        --uui-burger_search-placeholder: var(--uui-text-tertiary);
+    }
+
     .uui-main_menu-dropdown {
+        --uui-main_menu-text: var(--uui-text-brand);
+        --uui-main_menu-text-active: var(--uui-text-brand);
+
         --uui-main_menu-dropdown-bg: var(--chromatic-0);
+        --uui-main_menu-dropdown-bg-hover: var(--chromatic-150);
         --uui-main_menu-dropdown-shadow: var(--uui-shadow-level-2);
         --uui-main_menu-dropdown-border-radius: 8px;
     }
@@ -331,7 +388,70 @@
     }
 
     .uui-text-placeholder {
-        --uui-text_placeholder-gradient: linear-gradient(90deg, var(--chromatic-200) 0%, var(--chromatic-100) 50%, var(--chromatic-200) 100%);
+        --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--chromatic-200) 0, var(--chromatic-100) 150px, var(--chromatic-200) 300px);
+    }
+
+    /* Tag */
+
+    .uui-tag {
+        &.uui-color-warning, &.uui-color-sun {
+            --uui-tag-caption: var(--uui-text-primary);
+            --uui-tag-fill: var(--uui-neutral-90);
+
+            .uui-count_indicator {
+                --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);
+                --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);
+            }
+
+            &.uui-fill-outline .uui-count_indicator {
+                --uui-count_indicator-bg: var(--uui-neutral-0);
+                --uui-count_indicator-border: var(--uui-neutral-40);
+            }
+
+        }
+
+        &.uui-color-neutral, &.uui-color-night300 {
+            --uui-tag-bg: var(--uui-neutral-30);
+            --uui-tag-bg-hover: var(--uui-neutral-40);
+            --uui-tag-border: var(--uui-neutral-30);
+            --uui-tag-border-hover: var(--uui-neutral-40);
+            --uui-tag-caption: var(--uui-text-primary);
+            --uui-tag-fill: var(--uui-neutral-60);
+
+            .uui-count_indicator {
+                --uui-count_indicator-bg: var(--uui-neutral-0);
+                --uui-count_indicator-border: var(--uui-neutral-0);
+            }
+
+            &.uui-fill-outline {
+                --uui-tag-bg: var(--uui-neutral-20);
+                --uui-tag-bg-hover: var(--uui-neutral-30);
+                --uui-tag-border: var(--uui-neutral-40);
+                --uui-tag-border-hover: var(--uui-neutral-40);
+
+                .uui-count_indicator {
+                    --uui-count_indicator-bg: var(--uui-neutral-30);
+                    --uui-count_indicator-border: var(--uui-neutral-30);
+                }
+            }
+        }
+    }
+
+    /* CountIndicator */
+
+    .uui-count_indicator {
+        &.uui-color-white {
+            --uui-color-5: var(--chromatic-0);
+            --uui-color-10: var(--blue-50);
+            --uui-color-20: var(--uui-primary-10);
+            --uui-color-50: var(--white);
+            --uui-color-60: var(--blue-50);
+            --uui-color-70: var(--blue-100);
+        }
+
+        &:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning) {
+            --uui-count_indicator-caption: var(--uui-neutral-70);
+        }
     }
 
     .uui-button {

package/icon-sources/12/action-delete light.svg

@@ -1,3 +0,0 @@
-<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.5 1.5V2H2V3H2.5V9.5C2.5 9.76522 2.60536 10.0196 2.79289 10.2071C2.98043 10.3946 3.23478 10.5 3.5 10.5H8.5C8.76522 10.5 9.01957 10.3946 9.20711 10.2071C9.39464 10.0196 9.5 9.76522 9.5 9.5V3H10V2H7.5V1.5H4.5ZM3.5 3H8.5V9.5H3.5V3ZM4.5 4V8.5H5.5V4H4.5ZM6.5 4V8.5H7.5V4H6.5Z" fill="#6C6F80"/>
-</svg>

package/icon-sources/12/action-map_pin.svg

@@ -1,3 +0,0 @@
-<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6 11C6 11 10 7.76142 10 5C10 2.23858 8.20914 1 6 1C3.79086 1 2 2.23858 2 5C2 7.76142 6 11 6 11ZM6 7C7.10457 7 8 6.10457 8 5C8 3.89543 7.10457 3 6 3C4.89543 3 4 3.89543 4 5C4 6.10457 4.89543 7 6 7Z" fill="#6C6F80"/>
-</svg>

package/icon-sources/12/chart-multiline.svg

@@ -1,3 +0,0 @@
-<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11 3.46L10.295 2.75L8.87 4.36C7.84 3.2 6.415 2.5 4.805 2.5C3.36 2.5 2.035 3.08 1 4L1.71 4.71C2.56 3.965 3.635 3.5 4.805 3.5C6.175 3.5 7.35 4.13 8.19 5.12L6.75 6.75L4.75 4.75L1 8.5L1.75 9.25L4.75 6.25L6.75 8.25L8.775 5.965C9.15 6.64 9.4 7.415 9.5 8.25H10.5C10.39 7.09 10.025 6.045 9.48 5.17L11 3.46Z" fill="#6C6F80"/>
-</svg>

package/icon-sources/12/copy_content.svg

@@ -1,3 +0,0 @@
-<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10 10H4V4H10M4 3C3.44772 3 3 3.44772 3 4V10C3 10.5523 3.44772 11 4 11H10C10.5523 11 11 10.5523 11 10V4C11 3.44772 10.5523 3 10 3H4ZM7 1H2C1.44772 1 1 1.44772 1 2V7H2V2H7V1Z" fill="#6C6F80"/>
-</svg>

package/icon-sources/12/not-recommended.svg

@@ -1,3 +0,0 @@
-<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8.82067 3.7627C9.30853 4.37664 9.6 5.15319 9.6 5.99698C9.6 7.98834 7.98693 9.6 6 9.6C5.15497 9.6 4.37756 9.30847 3.7631 8.82027L8.82067 3.7627ZM8.0408 3.03407L3.03446 8.0404C2.63436 7.45987 2.4 6.756 2.4 5.99698C2.4 4.01255 4.01216 2.4 6 2.4C6.75767 2.4 7.46073 2.63426 8.0408 3.03407ZM10.6667 5.99698C10.6667 3.42289 8.5764 1.33334 6 1.33334C3.42361 1.33334 1.33333 3.42289 1.33333 5.99698C1.33333 8.57707 3.42361 10.6667 6 10.6667C8.5764 10.6667 10.6667 8.57707 10.6667 5.99698Z" fill="#6C6F80"/>
-</svg>

package/icon-sources/18/action-chat.svg

@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M16 17L13 14H4C2.89543 14 2 13.1046 2 12V4C2 2.89543 2.89543 2 4 2H14C15.1046 2 16 2.89543 16 4V17Z" fill="#6C6F80"/>
-</svg>

package/icon-sources/18/action-clock.svg

@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9 15C12.3 15 15 12.3 15 9C15 5.7 12.3 3 9 3C5.7 3 3 5.7 3 9C3 12.3 5.7 15 9 15ZM9 1C13.4 1 17 4.6 17 9C17 13.4 13.4 17 9 17C4.6 17 1 13.4 1 9C1 4.6 4.6 1 9 1ZM13 9V10H8V5H9V9H13Z" fill="#6C6F80"/>
-</svg>

package/icon-sources/18/action-deactivate.svg

@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M17 9C17 13.4183 13.4183 17 9 17C4.58172 17 1 13.4183 1 9C1 4.58172 4.58172 1 9 1C13.4183 1 17 4.58172 17 9ZM15 9C15 12.3137 12.3137 15 9 15C7.70417 15 6.50428 14.5892 5.52347 13.8907L13.8907 5.52347C14.5892 6.50428 15 7.70417 15 9ZM12.4765 4.10925C11.4957 3.41079 10.2958 3 9 3C5.68629 3 3 5.68629 3 9C3 10.2958 3.41079 11.4957 4.10925 12.4765L12.4765 4.10925Z" fill="#6C6F80"/>
-</svg>

package/icon-sources/18/action-map_pin.svg

@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9 17C9 17 15 12.4183 15 8C15 3.58172 12.3137 1 9 1C5.68629 1 3 3.58172 3 8C3 12.4183 9 17 9 17ZM9 10C10.6569 10 12 8.65685 12 7C12 5.34315 10.6569 4 9 4C7.34315 4 6 5.34315 6 7C6 8.65685 7.34315 10 9 10Z" fill="#6C6F80"/>
-</svg>

package/icon-sources/18/action-update.svg

@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8.007 2C4.136 2 1 5.136 1 9C1 12.864 4.136 16 8.007 16C9.82923 16 11.488 15.3026 12.7322 14.1602L11.2351 12.8132C10.3632 13.5535 9.234 14 8 14C5.2375 14 3 11.7625 3 9C3 6.2375 5.2375 4 8 4C10.7625 4 13 6.2375 13 9H15C15 5.136 11.871 2 8.007 2ZM11 9L14 12L17 9H11Z" fill="#6C6F80"/>
-</svg>

package/icon-sources/18/chart-multiline.svg

@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.8318 4.85656C9.28646 4.12939 7.56614 3.85692 5.87176 4.07097C4.17737 4.28502 2.57886 4.97676 1.26294 6.06539L2.53779 7.60641C3.56128 6.7597 4.80457 6.22169 6.12242 6.0552C7.44028 5.88872 8.7783 6.10064 9.98021 6.66622C10.626 6.97009 11.2181 7.36931 11.7382 7.84764L9.00001 10.5859L6.00001 7.58586L1.29291 12.293L2.70712 13.7072L6.00001 10.4143L9.00001 13.4143L13.0073 9.40702C13.6562 10.492 13.9998 11.7335 13.9998 13H15.9998C15.9998 11.2922 15.5138 9.61955 14.5987 8.17756C14.552 8.10391 14.5042 8.031 14.4554 7.95888L16.7071 5.70718L15.2929 4.29297L13.1534 6.43247C12.47 5.79216 11.6875 5.25925 10.8318 4.85656Z" fill="#6C6F80"/>
-</svg>