@epam/assets 5.5.1 → 5.5.2

package/build/theme/theme_vanilla_thunder.scss

@@ -0,0 +1,480 @@
+/*  Name convention  */
+/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */
+.uui-theme-vanilla_thunder {
+    --uui-font: var(--font-inter);
+
+    --blue-0: #F0F7FC;
+    --blue-50: #E1F4FA;
+    --blue-100: #D4F0FE;
+    --blue-200: #76CDD8;
+    --blue-300: #2BC1F0;
+    --blue-400: #1CA5D3;
+    --blue-500: #008ACE;
+
+    --grass-25: #EBFCC7;
+    --grass-50: #E4ED94;
+    --grass-100: #CEDB56;
+    --grass-200: #91C229;
+    --grass-300: #4FA762;
+    --grass-400: #329247;
+    --grass-500: #157D2C;
+
+    --sun-50: #FFF1A7;
+    --sun-100: #FFD602;
+    --sun-200: #F7A02C;
+    --sun-250: #F67E00;
+    --sun-300: #F2682A;
+
+    --chromatic-0: #FFFFFF;
+    --chromatic-100: #F7F7FD;
+    --chromatic-150: #E5E5EE;
+    --chromatic-200: #CDCDD9;
+    --chromatic-300: #8D8D9C;
+    --chromatic-400: #34384A;
+    --chromatic-500: #191F3D;
+
+    /* start Loveship colors for controllers */
+
+    --fire-5: #FEF6F6;
+    --fire-10: #FDE1E1;
+    --fire-20: #FCC8C8;
+    --fire-50: #FA4B4B;
+    --fire-60: #CC2929;
+    --fire-70: #B32424;
+
+    --white: #FFFFFF;
+
+    --night50: #FAFAFC;
+    --night100: #F5F6FA;
+    --night200: #EBEDF5;
+    --night300: #E1E3EB;
+    --night400: #CED0DB;
+    --night500: #ACAFBF;
+    --night600: #6C6F80;
+    --night700: #474A59;
+    --night800: #303240;
+    --night900: #1D1E26;
+
+    /* end Loveship colors for controllers */
+
+    /* core variables start */
+
+    --uui-accent-5: var(--grass-50);
+    --uui-accent-10: var(--grass-100);
+    --uui-accent-20: var(--grass-200);
+    --uui-accent-50: var(--grass-300);
+    --uui-accent-60: var(--grass-400);
+    --uui-accent-70: var(--grass-500);
+    --uui-accent-contrast: var(--white);
+
+    --uui-primary-5: var(--blue-50);
+    --uui-primary-10: var(--blue-100);
+    --uui-primary-20: var(--blue-200);
+    --uui-primary-50: var(--blue-300);
+    --uui-primary-60: var(--blue-400);
+    --uui-primary-70: var(--blue-500);
+    --uui-primary-contrast: var(--white);
+
+    --uui-secondary-5: var(--night100);
+    --uui-secondary-10: var(--night200);
+    --uui-secondary-20: var(--night300);
+    --uui-secondary-50: var(--night500);
+    --uui-secondary-60: var(--night600);
+    --uui-secondary-70: var(--night700);
+    --uui-secondary-contrast: var(--white);
+
+    --uui-critical-5: var(--fire-5);
+    --uui-critical-10: var(--fire-10);
+    --uui-critical-20: var(--fire-20);
+    --uui-critical-50: var(--fire-50);
+    --uui-critical-60: var(--fire-60);
+    --uui-critical-70: var(--fire-70);
+    --uui-critical-contrast: var(--white);
+
+
+    --uui-info-5: var(--blue-0);
+    --uui-info-10: var(--blue-0);
+    --uui-info-20: var(--blue-100);
+    --uui-info-50: var(--blue-300);
+    --uui-info-60: var(--blue-400);
+    --uui-info-70: var(--blue-500);
+    --uui-info-contrast: var(--white);
+
+    --uui-success-5: var(--grass-25);
+    --uui-success-10: var(--grass-100);
+    --uui-success-20: var(--grass-200);
+    --uui-success-50: var(--grass-300);
+    --uui-success-60: var(--grass-400);
+    --uui-success-70: var(--grass-500);
+    --uui-success-contrast: var(--white);
+
+    --uui-warning-5: var(--sun-50);
+    --uui-warning-10: var(--sun-50);
+    --uui-warning-20: var(--sun-100);
+    --uui-warning-50: var(--sun-200);
+    --uui-warning-60: var(--sun-250);
+    --uui-warning-70: var(--sun-300);
+    --uui-warning-contrast: var(--white);
+
+    --uui-error-5: var(--fire-5);
+    --uui-error-10: var(--fire-10);
+    --uui-error-20: var(--fire-20);
+    --uui-error-50: var(--fire-50);
+    --uui-error-60: var(--fire-60);
+    --uui-error-70: var(--fire-70);
+    --uui-error-contrast: var(--white);
+
+    --uui-neutral-0: #FFFFFF;
+    --uui-neutral-5: var(--night50);
+    --uui-neutral-10: var(--night100);
+    --uui-neutral-20: var(--night200);
+    --uui-neutral-30: var(--night300);
+    --uui-neutral-40: var(--night400);
+    --uui-neutral-50: var(--night500);
+    --uui-neutral-60: var(--night600);
+    --uui-neutral-70: var(--night700);
+    --uui-neutral-80: var(--night800);
+    --uui-neutral-90: var(--night900);
+    --uui-neutral-100: #000000;
+
+    /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */
+
+    --uui-app-bg: var(--chromatic-100);
+    --uui-overlay: rgba(29, 30, 38, 0.8);
+
+    --uui-surface-sunken: var(--night50);
+    --uui-surface-main: var(--chromatic-0);
+    --uui-surface-higher: var(--night100);
+    --uui-surface-highest: var(--night200);
+
+    --uui-divider: var(--chromatic-200);
+    --uui-divider-light: var(--chromatic-150);
+
+    --uui-text-brand: var(--chromatic-500);
+    --uui-text-primary: var(--chromatic-500);
+    --uui-text-secondary: var(--chromatic-300);
+    --uui-text-tertiary: var(--chromatic-300);
+    --uui-text-disabled: var(--chromatic-200);
+
+    --uui-text-info: var(--uui-info-50);
+    --uui-text-warning: var(--uui-warning-50);
+    --uui-text-critical: var(--uui-critical-50);
+    --uui-text-success: var(--uui-success-50);
+
+    /* not accepted part */
+
+    /* control specific */
+
+    --uui-link: var(--blue-300);
+    --uui-link-hover: var(--blue-400);
+    --uui-link-visited: #8018A0;
+    --uui-link-visited-hover: #601278;
+    --uui-link-disabled: var(--chromatic-200);
+
+    --uui-icon: var(--chromatic-300);
+    --uui-icon-hover: var(--chromatic-400);
+    --uui-icon-active: var(--chromatic-500);
+    --uui-icon-disabled: var(--chromatic-200);
+
+    --uui-control-bg: var(--chromatic-0);
+    --uui-control-bg-hover: var(--chromatic-300);
+    --uui-control-bg-disabled: var(--chromatic-100);
+
+    --uui-control-border: var(--chromatic-200);
+    --uui-control-border-hover: var(--chromatic-300);
+    --uui-control-border-focus: var(--uui-primary-50);
+    --uui-control-border-disabled: var(--chromatic-150);
+
+    --uui-control-placeholder: var(--night600);
+    --uui-control-placeholder-disabled: var(--night600);
+
+    --uui-control-text: var(--chromatic-500);
+    --uui-control-text-disabled: var(--chromatic-300);
+
+    --uui-control-icon: var(--chromatic-200);
+    --uui-control-icon-disabled: var(--chromatic-200);
+
+    --uui-outline-focus: #008ACE80;
+
+    --uui-skeleton: var(--chromatic-200);
+
+    --uui-shadow-level-1: 0 0 3px rgb(29 30 38 / 15%), 0 3px 6px rgb(29 30 38 / 10%);
+    --uui-shadow-level-2: 0 6px 12px rgb(29 30 38 / 10%), 0 3px 12px rgb(29 30 38 / 10%), 0 0 6px rgb(29 30 38 / 5%);
+    --uui-shadow-level-3: 0 0 10px rgb(29 30 38 / 5%), 0 6px 24px rgb(29 30 38 / 12%), 0 9px 15px rgb(29 30 38 / 10%);
+
+    --uui-border-radius: 3px;
+
+    /* core variables end */
+
+    /* ------------------------------------ */
+
+    /* begin color classes */
+
+    .uui-color-accent,
+    .uui-color-grass,
+    .uui-color-success {
+        --uui-color-5: var(--uui-accent-5);
+        --uui-color-10: var(--uui-accent-10);
+        --uui-color-20: var(--uui-accent-20);
+        --uui-color-50: var(--uui-accent-50);
+        --uui-color-60: var(--uui-accent-60);
+        --uui-color-70: var(--uui-accent-70);
+        --uui-color-contrast: var(--uui-accent-contrast);
+    }
+
+    .uui-color-primary,
+    .uui-color-blue,
+    .uui-color-info {
+        --uui-color-5: var(--uui-primary-5);
+        --uui-color-10: var(--uui-primary-10);
+        --uui-color-20: var(--uui-primary-20);
+        --uui-color-50: var(--uui-primary-50);
+        --uui-color-60: var(--uui-primary-60);
+        --uui-color-70: var(--uui-primary-70);
+        --uui-color-contrast: var(--uui-primary-contrast);
+    }
+
+    .uui-color-fire,
+    .uui-color-critical {
+        --uui-color-5: var(--uui-critical-5);
+        --uui-color-10: var(--uui-critical-10);
+        --uui-color-20: var(--uui-critical-20);
+        --uui-color-50: var(--uui-critical-50);
+        --uui-color-60: var(--uui-critical-60);
+        --uui-color-70: var(--uui-critical-70);
+        --uui-color-contrast: var(--uui-critical-contrast);
+    }
+
+    .uui-color-error {
+        --uui-color-5: var(--uui-error-5);
+        --uui-color-10: var(--uui-error-10);
+        --uui-color-20: var(--uui-error-20);
+        --uui-color-50: var(--uui-error-50);
+        --uui-color-60: var(--uui-error-60);
+        --uui-color-70: var(--uui-error-70);
+        --uui-color-contrast: var(--uui-error-contrast);
+    }
+
+    .uui-color-warning,
+    .uui-color-sun {
+        --uui-color-5: var(--uui-warning-5);
+        --uui-color-10: var(--uui-warning-10);
+        --uui-color-20: var(--uui-warning-20);
+        --uui-color-50: var(--uui-warning-50);
+        --uui-color-60: var(--uui-warning-60);
+        --uui-color-70: var(--uui-warning-70);
+        --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);
+        --uui-color-20: var(--uui-secondary-20);
+        --uui-color-50: var(--uui-secondary-50);
+        --uui-color-60: var(--uui-secondary-60);
+        --uui-color-70: var(--uui-secondary-70);
+        --uui-color-contrast: var(--uui-secondary-contrast);
+    }
+
+    .uui-button {
+        --uui-border-radius: 8px;
+        --uui-btn-font: var(--font-museo-sans);
+        --uui-btn-font-weight: 700;
+
+        &.uui-color-gray {
+            --uui-color-5: var(--white);
+            --uui-color-10: var(--blue-50);
+            --uui-color-20: var(--uui-primary-5);
+            --uui-color-50: var(--chromatic-100);
+            --uui-color-60: var(--blue-50);
+            --uui-color-70: var(--blue-100);
+            --uui-color-contrast: var(--uui-text-primary);
+        }
+
+        &.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);
+            --uui-color-contrast: var(--uui-text-primary);
+        }
+    }
+
+    .uui-filters-panel-item-toggler.uui-input-box {
+        --uui-filters_toggler-border: var(--uui-surface-main);
+        --uui-filters_toggler-border-hover: var(--blue-0);
+        --uui-filters_toggler-border-radius: 8px;
+        --uui-filters_toggler-bg: var(--uui-surface-main);
+        --uui-filters_toggler-bg-hover: var(--blue-0);
+        --uui-filters_toggler-text: var(--uui-text-secondary);
+        --uui-filters_toggler-label: var(--uui-text-brand);
+        --uui-filters_toggler-icon: var(--uui-icon);
+        --uui-filters_toggler-shadow: var(--uui-shadow-level-1);
+
+        --uui-filters_toggler-font: var(--uui-font);
+        --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;
+    }
+
+    .uui-scroll-bars {
+        --uui-scroll_bars-bg: var(--chromatic-200);
+        --uui-scroll_bars-bg-active: var(--chromatic-300);
+    }
+
+    .uui-text-placeholder {
+        --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--chromatic-200) 0, var(--chromatic-100) 150px, var(--chromatic-200) 300px);
+    }
+
+    /* Tooltip */
+
+    .uui-tooltip-container.uui-color-neutral {
+        --uui-tooltip-bg: var(--uui-neutral-0);
+        --uui-tooltip-text: var(--uui-text-primary);
+    }
+
+    .uui-tooltip-container.uui-color-critical {
+        --uui-tooltip-bg: var(--uui-critical-60);
+    }
+
+    .uui-tooltip-container.uui-color-inverted {
+        --uui-tooltip-bg: var(--uui-neutral-80);
+        --uui-tooltip-text: var(--uui-neutral-5);
+    }
+
+    /* 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 {
+        &.uui-size-42, &.uui-size-48 {
+            :global(.uui-caption) {
+                font-family: var(--font-museo-sans);
+            }
+        }
+    }
+}

package/icon-sources/12/Behance.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
-  <path fill="#6C6F80" d="M10.144 3.645H7.84v.688h2.303v-.688Z"/>
-  <path fill="#6C6F80" fill-rule="evenodd" d="M4.904 8.898s1.773.056 1.773-1.647c0 0 .077-1.386-1.045-1.386 0 0 .851-.064.851-1.062 0-.999-.696-1.486-1.579-1.486H2v5.581h2.904Zm0-2.483H3.28v1.491h1.543c.23-.005.67-.072.67-.725 0-.774-.588-.766-.588-.766Zm0-2.106s.395 0 .395.58-.232.665-.495.665H3.28V4.309h1.625ZM8.093 7.16h2.892s.316-2.423-1.943-2.423c-2.147 0-2.144 2.144-2.144 2.144S6.75 9.015 9.042 9.015c0 0 1.91.109 1.91-1.485H9.97s.032.6-.895.6c0 0-.982.066-.982-.97Zm-.013-.745s.12-.861.982-.861c.863 0 .851.86.851.86H8.08Z" clip-rule="evenodd"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
+  <path fill="#6C6F80" d="M10.144 3.645H7.84v.688h2.303v-.688Z"/>
+  <path fill="#6C6F80" fill-rule="evenodd" d="M4.904 8.898s1.773.056 1.773-1.647c0 0 .077-1.386-1.045-1.386 0 0 .851-.064.851-1.062 0-.999-.696-1.486-1.579-1.486H2v5.581h2.904Zm0-2.483H3.28v1.491h1.543c.23-.005.67-.072.67-.725 0-.774-.588-.766-.588-.766Zm0-2.106s.395 0 .395.58-.232.665-.495.665H3.28V4.309h1.625ZM8.093 7.16h2.892s.316-2.423-1.943-2.423c-2.147 0-2.144 2.144-2.144 2.144S6.75 9.015 9.042 9.015c0 0 1.91.109 1.91-1.485H9.97s.032.6-.895.6c0 0-.982.066-.982-.97Zm-.013-.745s.12-.861.982-.861c.863 0 .851.86.851.86H8.08Z" clip-rule="evenodd"/>
+</svg>

package/icon-sources/12/Dribble.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
-  <path fill="#6C6F80" fill-rule="evenodd" d="M6.5 1c-2.76 0-5 2.24-5 5s2.24 5 5 5c2.755 0 5-2.24 5-5s-2.245-5-5-5Zm3.303 2.305c.596.726.954 1.654.965 2.657-.141-.027-1.551-.314-2.972-.136-.032-.07-.06-.146-.092-.222a12.796 12.796 0 0 0-.282-.618c1.573-.64 2.288-1.562 2.38-1.681ZM6.5 1.738c1.085 0 2.077.406 2.83 1.073-.075.109-.72.971-2.239 1.54-.7-1.285-1.475-2.337-1.594-2.5.32-.076.656-.113 1.003-.113Zm-1.817.4c.114.153.873 1.21 1.584 2.468-1.996.532-3.758.52-3.948.52A4.29 4.29 0 0 1 4.683 2.14ZM2.227 6.006v-.13c.184.006 2.256.033 4.387-.607.125.239.239.483.347.727l-.168.048c-2.202.71-3.373 2.652-3.47 2.815a4.26 4.26 0 0 1-1.096-2.853ZM6.5 10.273a4.241 4.241 0 0 1-2.62-.9c.077-.157.944-1.827 3.352-2.668.01-.005.016-.005.027-.01.602 1.556.846 2.862.911 3.237a4.2 4.2 0 0 1-1.67.341Zm2.38-.732A18.373 18.373 0 0 0 8.052 6.5a6.237 6.237 0 0 1 2.657.184 4.234 4.234 0 0 1-1.827 2.858Z" clip-rule="evenodd"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
+  <path fill="#6C6F80" fill-rule="evenodd" d="M6.5 1c-2.76 0-5 2.24-5 5s2.24 5 5 5c2.755 0 5-2.24 5-5s-2.245-5-5-5Zm3.303 2.305c.596.726.954 1.654.965 2.657-.141-.027-1.551-.314-2.972-.136-.032-.07-.06-.146-.092-.222a12.796 12.796 0 0 0-.282-.618c1.573-.64 2.288-1.562 2.38-1.681ZM6.5 1.738c1.085 0 2.077.406 2.83 1.073-.075.109-.72.971-2.239 1.54-.7-1.285-1.475-2.337-1.594-2.5.32-.076.656-.113 1.003-.113Zm-1.817.4c.114.153.873 1.21 1.584 2.468-1.996.532-3.758.52-3.948.52A4.29 4.29 0 0 1 4.683 2.14ZM2.227 6.006v-.13c.184.006 2.256.033 4.387-.607.125.239.239.483.347.727l-.168.048c-2.202.71-3.373 2.652-3.47 2.815a4.26 4.26 0 0 1-1.096-2.853ZM6.5 10.273a4.241 4.241 0 0 1-2.62-.9c.077-.157.944-1.827 3.352-2.668.01-.005.016-.005.027-.01.602 1.556.846 2.862.911 3.237a4.2 4.2 0 0 1-1.67.341Zm2.38-.732A18.373 18.373 0 0 0 8.052 6.5a6.237 6.237 0 0 1 2.657.184 4.234 4.234 0 0 1-1.827 2.858Z" clip-rule="evenodd"/>
+</svg>

package/icon-sources/12/Flickr.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
-  <path fill="#6C6F80" d="M4.13 8.258A2.13 2.13 0 1 0 4.13 4a2.13 2.13 0 0 0 0 4.258Zm4.74 0A2.13 2.13 0 1 0 8.87 4a2.13 2.13 0 0 0 0 4.258Z"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
+  <path fill="#6C6F80" d="M4.13 8.258A2.13 2.13 0 1 0 4.13 4a2.13 2.13 0 0 0 0 4.258Zm4.74 0A2.13 2.13 0 1 0 8.87 4a2.13 2.13 0 0 0 0 4.258Z"/>
+</svg>

package/icon-sources/12/Stack_overflow.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
-  <path fill="#6C6F80" d="M9.186 10.11V7.433h.896V11H2V7.432h.895v2.679h6.291Z"/>
-  <path fill="#6C6F80" d="m3.884 7.178 4.395.912.186-.878L4.07 6.3l-.186.878Zm.581-2.079 4.07 1.883.372-.809-4.07-1.894-.372.82Zm1.128-1.986 3.453 2.852.57-.681-3.453-2.852-.57.681ZM7.825 1l-.72.531 2.674 3.58.721-.531L7.825 1ZM3.791 9.21h4.488v-.889H3.791v.89Z"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
+  <path fill="#6C6F80" d="M9.186 10.11V7.433h.896V11H2V7.432h.895v2.679h6.291Z"/>
+  <path fill="#6C6F80" d="m3.884 7.178 4.395.912.186-.878L4.07 6.3l-.186.878Zm.581-2.079 4.07 1.883.372-.809-4.07-1.894-.372.82Zm1.128-1.986 3.453 2.852.57-.681-3.453-2.852-.57.681ZM7.825 1l-.72.531 2.674 3.58.721-.531L7.825 1ZM3.791 9.21h4.488v-.889H3.791v.89Z"/>
+</svg>

package/icon-sources/12/account-multiple-plus.svg

@@ -1,10 +1,10 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
-  <g clip-path="url(#a)">
-    <path fill="#6C6F80" d="M10 8.5v1H4v-1s0-2 3-2 3 2 3 2ZM8.5 4a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Zm1.6 2.53A2.8 2.8 0 0 1 11 8.5v1h1.5v-1s0-1.725-2.4-1.97ZM9.5 2.5c-.151 0-.301.024-.445.07a2.5 2.5 0 0 1 0 2.86A1.5 1.5 0 1 0 9.5 2.5ZM4.5 5H3V3.5H2V5H.5v1H2v1.5h1V6h1.5V5Z"/>
-  </g>
-  <defs>
-    <clipPath id="a">
-      <path fill="#fff" d="M.5 0h12v12H.5z"/>
-    </clipPath>
-  </defs>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
+  <g clip-path="url(#a)">
+    <path fill="#6C6F80" d="M10 8.5v1H4v-1s0-2 3-2 3 2 3 2ZM8.5 4a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Zm1.6 2.53A2.8 2.8 0 0 1 11 8.5v1h1.5v-1s0-1.725-2.4-1.97ZM9.5 2.5c-.151 0-.301.024-.445.07a2.5 2.5 0 0 1 0 2.86A1.5 1.5 0 1 0 9.5 2.5ZM4.5 5H3V3.5H2V5H.5v1H2v1.5h1V6h1.5V5Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M.5 0h12v12H.5z"/>
+    </clipPath>
+  </defs>
+</svg>

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

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
-  <path fill="#6C6F80" fill-rule="evenodd" d="M11.5 6a5 5 0 1 1-10 0 5 5 0 0 1 10 0Zm-5 4a3.99 3.99 0 0 0 3.095-1.466.063.063 0 0 0-.02.016 5.223 5.223 0 0 0-1.425-.769A4.873 4.873 0 0 0 6.5 7.5a4.88 4.88 0 0 0-1.65.281c-.525.188-1 .444-1.425.769a.072.072 0 0 0-.021-.018A3.992 3.992 0 0 0 6.5 10ZM5.256 5.994c.338.337.752.506 1.244.506s.906-.169 1.244-.506c.337-.338.506-.752.506-1.244s-.169-.906-.506-1.244A1.692 1.692 0 0 0 6.5 3c-.492 0-.906.169-1.244.506A1.692 1.692 0 0 0 4.75 4.75c0 .492.169.906.506 1.244Z" clip-rule="evenodd"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
+  <path fill="#6C6F80" fill-rule="evenodd" d="M11.5 6a5 5 0 1 1-10 0 5 5 0 0 1 10 0Zm-5 4a3.99 3.99 0 0 0 3.095-1.466.063.063 0 0 0-.02.016 5.223 5.223 0 0 0-1.425-.769A4.873 4.873 0 0 0 6.5 7.5a4.88 4.88 0 0 0-1.65.281c-.525.188-1 .444-1.425.769a.072.072 0 0 0-.021-.018A3.992 3.992 0 0 0 6.5 10ZM5.256 5.994c.338.337.752.506 1.244.506s.906-.169 1.244-.506c.337-.338.506-.752.506-1.244s-.169-.906-.506-1.244A1.692 1.692 0 0 0 6.5 3c-.492 0-.906.169-1.244.506A1.692 1.692 0 0 0 4.75 4.75c0 .492.169.906.506 1.244Z" clip-rule="evenodd"/>
+</svg>

package/icon-sources/12/action-add-bold.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
-  <path fill="#6C6F80" d="M7.375 1.5h-1.75v3.625H2v1.75h3.625V10.5h1.75V6.875H11v-1.75H7.375V1.5Z"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
+  <path fill="#6C6F80" d="M7.375 1.5h-1.75v3.625H2v1.75h3.625V10.5h1.75V6.875H11v-1.75H7.375V1.5Z"/>
+</svg>

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

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
-  <path fill="#6C6F80" d="M7.143 1.5H5.857v3.857H2v1.286h3.857V10.5h1.286V6.643H11V5.357H7.143V1.5Z"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
+  <path fill="#6C6F80" d="M7.143 1.5H5.857v3.857H2v1.286h3.857V10.5h1.286V6.643H11V5.357H7.143V1.5Z"/>
+</svg>

package/icon-sources/12/action-align-center.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="currentColor" viewBox="0 0 13 12">
-  <path fill-rule="evenodd" d="M10 8V6.5h2v-1h-2V4L8 6l2 2ZM3 4v1.5H1v1h2V8l2-2-2-2Zm3 6h1V2H6v8Z" clip-rule="evenodd"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="currentColor" viewBox="0 0 13 12">
+  <path fill-rule="evenodd" d="M10 8V6.5h2v-1h-2V4L8 6l2 2ZM3 4v1.5H1v1h2V8l2-2-2-2Zm3 6h1V2H6v8Z" clip-rule="evenodd"/>
+</svg>

package/icon-sources/12/action-align-left.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="currentColor" viewBox="0 0 13 12">
-  <path fill-rule="evenodd" d="M6 8V6.5h5v-1H6V4L4 6l2 2Zm-4 2h1V2H2v8Z" clip-rule="evenodd"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="currentColor" viewBox="0 0 13 12">
+  <path fill-rule="evenodd" d="M6 8V6.5h5v-1H6V4L4 6l2 2Zm-4 2h1V2H2v8Z" clip-rule="evenodd"/>
+</svg>

package/icon-sources/12/action-align-right.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
-  <path fill="#6C6F80" fill-rule="evenodd" d="M7 8V6.5H2v-1h5V4l2 2-2 2Zm4 2h-1V2h1v8Z" clip-rule="evenodd"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
+  <path fill="#6C6F80" fill-rule="evenodd" d="M7 8V6.5H2v-1h5V4l2 2-2 2Zm4 2h-1V2h1v8Z" clip-rule="evenodd"/>
+</svg>

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

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
-  <path fill="#6C6F80" d="M3 11a.964.964 0 0 1-.707-.293A.964.964 0 0 1 2 10V3c0-.275.098-.51.293-.706A.963.963 0 0 1 3 2h.5V1h1v1h4V1h1v1h.5c.275 0 .51.098.707.294A.962.962 0 0 1 11 3v7c0 .275-.098.51-.293.707A.964.964 0 0 1 10 11H3Zm0-1h7V5H3v5Z"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
+  <path fill="#6C6F80" d="M3 11a.964.964 0 0 1-.707-.293A.964.964 0 0 1 2 10V3c0-.275.098-.51.293-.706A.963.963 0 0 1 3 2h.5V1h1v1h4V1h1v1h.5c.275 0 .51.098.707.294A.962.962 0 0 1 11 3v7c0 .275-.098.51-.293.707A.964.964 0 0 1 10 11H3Zm0-1h7V5H3v5Z"/>
+</svg>

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

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
-  <path fill="#6C6F80" fill-rule="evenodd" d="M10.5 10h-6V4h6m-6-1a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1h-6Zm3-2h-5a1 1 0 0 0-1 1v5h1V2h5V1Z" clip-rule="evenodd"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
+  <path fill="#6C6F80" fill-rule="evenodd" d="M10.5 10h-6V4h6m-6-1a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1h-6Zm3-2h-5a1 1 0 0 0-1 1v5h1V2h5V1Z" clip-rule="evenodd"/>
+</svg>

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

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
-  <path fill="#6C6F80" fill-rule="evenodd" d="M4 7.5h1c0 .54.685 1 1.5 1S8 8.04 8 7.5c0-.55-.52-.75-1.62-1.015C5.32 6.22 4 5.89 4 4.5c0-.895.735-1.655 1.75-1.91V1.5h1.5v1.09C8.265 2.845 9 3.605 9 4.5H8c0-.54-.685-1-1.5-1S5 3.96 5 4.5c0 .55.52.75 1.62 1.015C7.68 5.78 9 6.11 9 7.5c0 .895-.735 1.655-1.75 1.91v1.09h-1.5V9.41C4.735 9.155 4 8.395 4 7.5Z" clip-rule="evenodd"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
+  <path fill="#6C6F80" fill-rule="evenodd" d="M4 7.5h1c0 .54.685 1 1.5 1S8 8.04 8 7.5c0-.55-.52-.75-1.62-1.015C5.32 6.22 4 5.89 4 4.5c0-.895.735-1.655 1.75-1.91V1.5h1.5v1.09C8.265 2.845 9 3.605 9 4.5H8c0-.54-.685-1-1.5-1S5 3.96 5 4.5c0 .55.52.75 1.62 1.015C7.68 5.78 9 6.11 9 7.5c0 .895-.735 1.655-1.75 1.91v1.09h-1.5V9.41C4.735 9.155 4 8.395 4 7.5Z" clip-rule="evenodd"/>
+</svg>

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

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
-  <path fill="#6C6F80" fill-rule="evenodd" d="m2 2.135.64-.635L11 9.86l-.635.64L8.53 8.665c-.31.335-.76.61-1.28.745v1.09h-1.5V9.41C4.735 9.155 4 8.395 4 7.5h1c0 .54.685 1 1.5 1 .565 0 1.07-.22 1.325-.54L6.34 6.475C5.29 6.21 4 5.875 4 4.5c0-.115 0-.225.035-.33L2 2.135Zm3.75.455V1.5h1.5v1.09C8.265 2.845 9 3.605 9 4.5H8c0-.54-.685-1-1.5-1-.185 0-.36.025-.525.065L5.2 2.79l.55-.2Z" clip-rule="evenodd"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
+  <path fill="#6C6F80" fill-rule="evenodd" d="m2 2.135.64-.635L11 9.86l-.635.64L8.53 8.665c-.31.335-.76.61-1.28.745v1.09h-1.5V9.41C4.735 9.155 4 8.395 4 7.5h1c0 .54.685 1 1.5 1 .565 0 1.07-.22 1.325-.54L6.34 6.475C5.29 6.21 4 5.875 4 4.5c0-.115 0-.225.035-.33L2 2.135Zm3.75.455V1.5h1.5v1.09C8.265 2.845 9 3.605 9 4.5H8c0-.54-.685-1-1.5-1-.185 0-.36.025-.525.065L5.2 2.79l.55-.2Z" clip-rule="evenodd"/>
+</svg>

package/icon-sources/12/action-delete forever-outline.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
-  <path fill="#6C6F80" fill-rule="evenodd" d="M8.25 5.083 7.667 4.5 6.5 5.667 5.333 4.5l-.583.583L5.917 6.25 4.75 7.417 5.333 8 6.5 6.833 7.667 8l.583-.583L7.083 6.25 8.25 5.083Z" clip-rule="evenodd"/>
-  <path fill="#6C6F80" d="M5 1.5V2H2.5v1H3v6.5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V3h.5V2H8v-.5H5ZM4 3h5v6.5H4V3Z"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
+  <path fill="#6C6F80" fill-rule="evenodd" d="M8.25 5.083 7.667 4.5 6.5 5.667 5.333 4.5l-.583.583L5.917 6.25 4.75 7.417 5.333 8 6.5 6.833 7.667 8l.583-.583L7.083 6.25 8.25 5.083Z" clip-rule="evenodd"/>
+  <path fill="#6C6F80" d="M5 1.5V2H2.5v1H3v6.5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V3h.5V2H8v-.5H5ZM4 3h5v6.5H4V3Z"/>
+</svg>

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

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
-  <path fill="#6C6F80" fill-rule="evenodd" d="M4 10.5c-.55 0-1-.45-1-1V4h7v5.5c0 .55-.45 1-1 1H4ZM8 2h2.5v1h-8V2H5v-.5h3V2ZM5.2 9.25l1.3-1.3 1.3 1.3.7-.7-1.3-1.3 1.3-1.3-.7-.7-1.3 1.3-1.3-1.3-.7.7 1.3 1.3-1.3 1.3.7.7Z" clip-rule="evenodd"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
+  <path fill="#6C6F80" fill-rule="evenodd" d="M4 10.5c-.55 0-1-.45-1-1V4h7v5.5c0 .55-.45 1-1 1H4ZM8 2h2.5v1h-8V2H5v-.5h3V2ZM5.2 9.25l1.3-1.3 1.3 1.3.7-.7-1.3-1.3 1.3-1.3-.7-.7-1.3 1.3-1.3-1.3-.7.7 1.3 1.3-1.3 1.3.7.7Z" clip-rule="evenodd"/>
+</svg>

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

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
-  <path fill="#6C6F80" fill-rule="evenodd" d="M3 9.5c0 .55.45 1 1 1h5c.55 0 1-.45 1-1V4H3v5.5ZM10.5 2H8v-.5H5V2H2.5v1h8V2Z" clip-rule="evenodd"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
+  <path fill="#6C6F80" fill-rule="evenodd" d="M3 9.5c0 .55.45 1 1 1h5c.55 0 1-.45 1-1V4H3v5.5ZM10.5 2H8v-.5H5V2H2.5v1h8V2Z" clip-rule="evenodd"/>
+</svg>