@alfalab/core-components 44.7.0-beta.1 → 45.0.0

package/textarea/modern/index.css

@@ -1,5 +1,5 @@
 /* hash: pch37 */
-:root {
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
     --color-light-graphic-negative-alpha-40: rgba(255, 84, 49, 0.4);
@@ -198,47 +198,47 @@
     outline-offset: 2px;
 } /* FILLED STATE */ .textarea__textarea_1qjt9.textarea__filled_1qjt9.textarea__hasInnerLabel_1qjt9 {
     padding-top: 0
-} .textarea__textarea_1qjt9.textarea__filled_1qjt9.textarea__hasInnerLabel_1qjt9.textarea__s_1qjt9 {
+} .textarea__textarea_1qjt9.textarea__filled_1qjt9.textarea__hasInnerLabel_1qjt9.textarea__size-48_1qjt9 {
         min-height: var(--textarea-s-filled-min-height);
-    } .textarea__textarea_1qjt9.textarea__filled_1qjt9.textarea__hasInnerLabel_1qjt9.textarea__m_1qjt9 {
+    } .textarea__textarea_1qjt9.textarea__filled_1qjt9.textarea__hasInnerLabel_1qjt9.textarea__size-56_1qjt9 {
         min-height: var(--textarea-m-filled-min-height);
-    } .textarea__textarea_1qjt9.textarea__filled_1qjt9.textarea__hasInnerLabel_1qjt9.textarea__l_1qjt9 {
+    } .textarea__textarea_1qjt9.textarea__filled_1qjt9.textarea__hasInnerLabel_1qjt9.textarea__size-64_1qjt9 {
         min-height: var(--textarea-l-filled-min-height);
-    } .textarea__textarea_1qjt9.textarea__filled_1qjt9.textarea__hasInnerLabel_1qjt9.textarea__xl_1qjt9 {
+    } .textarea__textarea_1qjt9.textarea__filled_1qjt9.textarea__hasInnerLabel_1qjt9.textarea__size-72_1qjt9 {
         min-height: var(--textarea-xl-filled-min-height);
-    } /* Correct pseudoTextarea size */ .textarea__pseudoTextarea_1qjt9.textarea__filled_1qjt9.textarea__hasInnerLabel_1qjt9.textarea__s_1qjt9 {
+    } /* Correct pseudoTextarea size */ .textarea__pseudoTextarea_1qjt9.textarea__filled_1qjt9.textarea__hasInnerLabel_1qjt9.textarea__size-48_1qjt9 {
         min-height: calc(100% - var(--textarea-s-filled-spacer-top));
-    } .textarea__pseudoTextarea_1qjt9.textarea__filled_1qjt9.textarea__hasInnerLabel_1qjt9.textarea__m_1qjt9 {
+    } .textarea__pseudoTextarea_1qjt9.textarea__filled_1qjt9.textarea__hasInnerLabel_1qjt9.textarea__size-56_1qjt9 {
         min-height: calc(100% - var(--textarea-m-filled-spacer-top));
-    } .textarea__pseudoTextarea_1qjt9.textarea__filled_1qjt9.textarea__hasInnerLabel_1qjt9.textarea__l_1qjt9 {
+    } .textarea__pseudoTextarea_1qjt9.textarea__filled_1qjt9.textarea__hasInnerLabel_1qjt9.textarea__size-64_1qjt9 {
         min-height: calc(100% - var(--textarea-l-filled-spacer-top));
-    } .textarea__pseudoTextarea_1qjt9.textarea__filled_1qjt9.textarea__hasInnerLabel_1qjt9.textarea__xl_1qjt9 {
+    } .textarea__pseudoTextarea_1qjt9.textarea__filled_1qjt9.textarea__hasInnerLabel_1qjt9.textarea__size-72_1qjt9 {
         min-height: calc(100% - var(--textarea-xl-filled-spacer-top));
     } .textarea__wrapper_1qjt9.textarea__resizeVertical_1qjt9 {
         resize: vertical;
         min-height: 48px;
-    } /* Border нужен для того чтобы растянуть textarea на всю высоту FormControl , если заменить на padding, то лейбл не будет кликабельный */ .textarea__textarea_1qjt9.textarea__s_1qjt9 {
+    } /* Border нужен для того чтобы растянуть textarea на всю высоту FormControl , если заменить на padding, то лейбл не будет кликабельный */ .textarea__textarea_1qjt9.textarea__size-48_1qjt9 {
         border-top: var(--textarea-s-spacer) var(--textarea-spacer-style);
         border-bottom: var(--textarea-s-spacer) var(--textarea-spacer-style);
-    } .textarea__textarea_1qjt9.textarea__m_1qjt9 {
+    } .textarea__textarea_1qjt9.textarea__size-56_1qjt9 {
         border-top: var(--textarea-m-spacer) var(--textarea-spacer-style);
         border-bottom: var(--textarea-m-spacer) var(--textarea-spacer-style);
-    } .textarea__textarea_1qjt9.textarea__l_1qjt9 {
+    } .textarea__textarea_1qjt9.textarea__size-64_1qjt9 {
         border-top: var(--textarea-l-spacer) var(--textarea-spacer-style);
         border-bottom: var(--textarea-l-spacer) var(--textarea-spacer-style);
-    } .textarea__textarea_1qjt9.textarea__xl_1qjt9 {
+    } .textarea__textarea_1qjt9.textarea__size-72_1qjt9 {
         border-top: var(--textarea-xl-spacer) var(--textarea-spacer-style);
         border-bottom: var(--textarea-xl-spacer) var(--textarea-spacer-style);
-    } .textarea__textarea_1qjt9.textarea__hasInnerLabel_1qjt9.textarea__s_1qjt9 {
+    } .textarea__textarea_1qjt9.textarea__hasInnerLabel_1qjt9.textarea__size-48_1qjt9 {
             border-top: var(--textarea-s-filled-spacer-top) var(--textarea-spacer-style);
             border-bottom: var(--textarea-s-filled-spacer-bottom) var(--textarea-spacer-style);
-        } .textarea__textarea_1qjt9.textarea__hasInnerLabel_1qjt9.textarea__m_1qjt9 {
+        } .textarea__textarea_1qjt9.textarea__hasInnerLabel_1qjt9.textarea__size-56_1qjt9 {
             border-top: var(--textarea-m-filled-spacer-top) var(--textarea-spacer-style);
             border-bottom: var(--textarea-m-filled-spacer-bottom) var(--textarea-spacer-style);
-        } .textarea__textarea_1qjt9.textarea__hasInnerLabel_1qjt9.textarea__l_1qjt9 {
+        } .textarea__textarea_1qjt9.textarea__hasInnerLabel_1qjt9.textarea__size-64_1qjt9 {
             border-top: var(--textarea-l-filled-spacer-top) var(--textarea-spacer-style);
             border-bottom: var(--textarea-l-filled-spacer-bottom) var(--textarea-spacer-style);
-        } .textarea__textarea_1qjt9.textarea__hasInnerLabel_1qjt9.textarea__xl_1qjt9 {
+        } .textarea__textarea_1qjt9.textarea__hasInnerLabel_1qjt9.textarea__size-72_1qjt9 {
             border-top: var(--textarea-xl-filled-spacer-top) var(--textarea-spacer-style);
             border-bottom: var(--textarea-xl-filled-spacer-bottom) var(--textarea-spacer-style);
         }

package/textarea/modern/index.js

@@ -6,4 +6,5 @@ import 'classnames';
 import '../../form-control/modern';
 import '../../shared/modern';
 import '@alfalab/hooks';
-import './PseudoTextArea-13a280b4.js';
+import './PseudoTextArea-47688b57.js';
+import './consts.js';

package/textarea/modern/inverted.css

@@ -1,5 +1,5 @@
 /* hash: 1k94k */
-:root {
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-1500-inverted: #fff;
     --color-light-text-negative: #ec2e14;

package/textarea/modern/typings.d.ts

@@ -17,8 +17,9 @@ type TextareaIncomeProps = {
     block?: boolean;
     /**
      * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl';
+    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
     /**
      * Набор цветов для компонента
      */

package/textarea/typings.d.ts

@@ -17,8 +17,9 @@ type TextareaIncomeProps = {
     block?: boolean;
     /**
      * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl';
+    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
     /**
      * Набор цветов для компонента
      */

package/themes/bottom-sheet/click.css

@@ -1,4 +1,5 @@
 :root {
+    --bottom-sheet-header-border-bottom: none;
     --bottom-sheet-footer-border-top: none;
     --bottom-sheet-footer-background-color: var(--color-light-bg-secondary);
     --bottom-sheet-title-font-size: 20px;

package/themes/click.css

@@ -1338,75 +1338,75 @@
     --color-static-tertiary-light: rgba(255, 255, 255, 0.48);
 }
 :root {
-    --color-dark-indigo: #0b1f35;
-    --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
-    --color-dark-indigo-30: rgba(11, 31, 53, 0.3);
-    --color-dark-indigo-15: rgba(11, 31, 53, 0.15);
-    --color-dark-indigo-10: rgba(11, 31, 53, 0.1);
-    --color-dark-indigo-07: rgba(11, 31, 53, 0.07);
-    --color-dark-indigo-05: rgba(11, 31, 53, 0.05);
-    --color-dark-indigo-60-flat: #6d7986;
-    --color-dark-indigo-30-flat: #b6bcc3;
-    --color-dark-indigo-15-flat: #dbdee1;
-    --color-dark-indigo-10-flat: #e7e9eb;
-    --color-dark-indigo-07-flat: #eeeff1;
-    --color-dark-indigo-05-flat: #f3f4f5;
-    --color-red-brand: #ef3124;
-    --color-red-brand-85: rgba(239, 49, 36, 0.85);
-    --color-red-brand-70: rgba(239, 49, 36, 0.7);
-    --color-red-brand-50: rgba(239, 49, 36, 0.5);
-    --color-red-brand-30: rgba(239, 49, 36, 0.3);
-    --color-red-brand-20: rgba(239, 49, 36, 0.2);
-    --color-red-brand-10: rgba(239, 49, 36, 0.1);
-    --color-red-brand-85-flat: #f15045;
-    --color-red-brand-70-flat: #f46f66;
-    --color-red-brand-50-flat: #f69791;
-    --color-red-brand-30-flat: #fbc2bd;
-    --color-red-brand-20-flat: #fcd6d3;
-    --color-red-brand-10-flat: #feebea;
-    --color-red-brand-05-flat: #fef5f4;
-    --color-red-dark: #d91d0b;
-    --color-red-error: #ff5c5c;
-    --color-green-text: #13a463;
-    --color-green-text-60: rgba(19, 164, 99, 0.6);
-    --color-green-text-60-flat: #71c8a1;
-    --color-green-done: #2fc26e;
-    --color-green-done-20: rgba(47, 194, 110, 0.2);
-    --color-green-done-10: rgba(47, 194, 110, 0.1);
-    --color-green-done-05: rgba(47, 194, 110, 0.05);
-    --color-green-done-20-flat: #d5f3e2;
-    --color-green-done-10-flat: #ebf9f1;
-    --color-green-done-05-flat: #f4fcf7;
-    --color-blue-action: #0e60b9;
-    --color-blue-swipe-a: #2670c6;
-    --color-blue-swipe-b: #3781d8;
-    --color-blue-swipe-c: #4a90e2;
-    --color-blue-link-mobile: #007aff;
-    --color-blue-link-mobile-10: rgba(0, 122, 255, 0.1);
-    --color-blue-link-mobile-10-flat: #e6f2ff;
-    --color-blue-link-web: #0f62fe;
-    --color-sand: #f6bf65;
-    --color-lavender: #8888ad;
-    --color-amethyst: #a489aa;
-    --color-black: #000;
-    --color-black-60: rgba(0, 0, 0, 0.6);
-    --color-black-30: rgba(0, 0, 0, 0.3);
-    --color-black-10: rgba(0, 0, 0, 0.1);
-    --color-black-60-flat: #666;
-    --color-black-30-flat: #b3b3b3;
-    --color-black-10-flat: #e6e6e6;
-    --color-white: #fff;
-    --color-white-60: rgba(255, 255, 255, 0.6);
-    --color-white-30: rgba(255, 255, 255, 0.3);
-    --color-white-10: rgba(255, 255, 255, 0.1);
-    --color-bg-corporate: #212a33;
-    --color-bg-corporate-90: rgba(33, 42, 51, 0.9);
-    --color-bg-corporate-60: rgba(33, 42, 51, 0.6);
-    --color-bg-corporate-30: rgba(33, 42, 51, 0.3);
-    --color-bg-corporate-90-flat: #384048;
-    --color-bg-corporate-60-flat: #7a7f85;
-    --color-bg-corporate-30-flat: #bdc0c2;
-    --color-light-blue: #f5f7f9;
+    --color-dark-indigo: #0b1f35; /* deprecated */
+    --color-dark-indigo-60: rgba(11, 31, 53, 0.6); /* deprecated */
+    --color-dark-indigo-30: rgba(11, 31, 53, 0.3); /* deprecated */
+    --color-dark-indigo-15: rgba(11, 31, 53, 0.15); /* deprecated */
+    --color-dark-indigo-10: rgba(11, 31, 53, 0.1); /* deprecated */
+    --color-dark-indigo-07: rgba(11, 31, 53, 0.07); /* deprecated */
+    --color-dark-indigo-05: rgba(11, 31, 53, 0.05); /* deprecated */
+    --color-dark-indigo-60-flat: #6d7986; /* deprecated */
+    --color-dark-indigo-30-flat: #b6bcc3; /* deprecated */
+    --color-dark-indigo-15-flat: #dbdee1; /* deprecated */
+    --color-dark-indigo-10-flat: #e7e9eb; /* deprecated */
+    --color-dark-indigo-07-flat: #eeeff1; /* deprecated */
+    --color-dark-indigo-05-flat: #f3f4f5; /* deprecated */
+    --color-red-brand: #ef3124; /* deprecated */
+    --color-red-brand-85: rgba(239, 49, 36, 0.85); /* deprecated */
+    --color-red-brand-70: rgba(239, 49, 36, 0.7); /* deprecated */
+    --color-red-brand-50: rgba(239, 49, 36, 0.5); /* deprecated */
+    --color-red-brand-30: rgba(239, 49, 36, 0.3); /* deprecated */
+    --color-red-brand-20: rgba(239, 49, 36, 0.2); /* deprecated */
+    --color-red-brand-10: rgba(239, 49, 36, 0.1); /* deprecated */
+    --color-red-brand-85-flat: #f15045; /* deprecated */
+    --color-red-brand-70-flat: #f46f66; /* deprecated */
+    --color-red-brand-50-flat: #f69791; /* deprecated */
+    --color-red-brand-30-flat: #fbc2bd; /* deprecated */
+    --color-red-brand-20-flat: #fcd6d3; /* deprecated */
+    --color-red-brand-10-flat: #feebea; /* deprecated */
+    --color-red-brand-05-flat: #fef5f4; /* deprecated */
+    --color-red-dark: #d91d0b; /* deprecated */
+    --color-red-error: #ff5c5c; /* deprecated */
+    --color-green-text: #13a463; /* deprecated */
+    --color-green-text-60: rgba(19, 164, 99, 0.6); /* deprecated */
+    --color-green-text-60-flat: #71c8a1; /* deprecated */
+    --color-green-done: #2fc26e; /* deprecated */
+    --color-green-done-20: rgba(47, 194, 110, 0.2); /* deprecated */
+    --color-green-done-10: rgba(47, 194, 110, 0.1); /* deprecated */
+    --color-green-done-05: rgba(47, 194, 110, 0.05); /* deprecated */
+    --color-green-done-20-flat: #d5f3e2; /* deprecated */
+    --color-green-done-10-flat: #ebf9f1; /* deprecated */
+    --color-green-done-05-flat: #f4fcf7; /* deprecated */
+    --color-blue-action: #0e60b9; /* deprecated */
+    --color-blue-swipe-a: #2670c6; /* deprecated */
+    --color-blue-swipe-b: #3781d8; /* deprecated */
+    --color-blue-swipe-c: #4a90e2; /* deprecated */
+    --color-blue-link-mobile: #007aff; /* deprecated */
+    --color-blue-link-mobile-10: rgba(0, 122, 255, 0.1); /* deprecated */
+    --color-blue-link-mobile-10-flat: #e6f2ff; /* deprecated */
+    --color-blue-link-web: #0f62fe; /* deprecated */
+    --color-sand: #f6bf65; /* deprecated */
+    --color-lavender: #8888ad; /* deprecated */
+    --color-amethyst: #a489aa; /* deprecated */
+    --color-black: #000; /* deprecated */
+    --color-black-60: rgba(0, 0, 0, 0.6); /* deprecated */
+    --color-black-30: rgba(0, 0, 0, 0.3); /* deprecated */
+    --color-black-10: rgba(0, 0, 0, 0.1); /* deprecated */
+    --color-black-60-flat: #666; /* deprecated */
+    --color-black-30-flat: #b3b3b3; /* deprecated */
+    --color-black-10-flat: #e6e6e6; /* deprecated */
+    --color-white: #fff; /* deprecated */
+    --color-white-60: rgba(255, 255, 255, 0.6); /* deprecated */
+    --color-white-30: rgba(255, 255, 255, 0.3); /* deprecated */
+    --color-white-10: rgba(255, 255, 255, 0.1); /* deprecated */
+    --color-bg-corporate: #212a33; /* deprecated */
+    --color-bg-corporate-90: rgba(33, 42, 51, 0.9); /* deprecated */
+    --color-bg-corporate-60: rgba(33, 42, 51, 0.6); /* deprecated */
+    --color-bg-corporate-30: rgba(33, 42, 51, 0.3); /* deprecated */
+    --color-bg-corporate-90-flat: #384048; /* deprecated */
+    --color-bg-corporate-60-flat: #7a7f85; /* deprecated */
+    --color-bg-corporate-30-flat: #bdc0c2; /* deprecated */
+    --color-light-blue: #f5f7f9; /* deprecated */
 }
 :root {
     --gap-3xs: 2px;
@@ -1494,6 +1494,10 @@
     /* closer-mobile */
 
     --navigation-bar-closer-mobile-color: var(--color-light-graphic-primary);
+
+    /* back-arrow */
+
+    --navigation-bar-back-arrow-mobile-fill: var(--color-light-graphic-primary);
     /* checkmark */
     --select-checkmark-margin-after: 0 0 0 var(--gap-s);
     --select-checkmark-size: 24px;
@@ -1612,6 +1616,7 @@
     --skeleton-bg-animation-display: block;
     --skeleton-bg-animation-color: var(--color-light-graphic-quaternary);
     --dropzone-active-cursor: pointer;
+    --bottom-sheet-header-border-bottom: none;
     --bottom-sheet-footer-border-top: none;
     --bottom-sheet-footer-background-color: var(--color-light-bg-secondary);
     --bottom-sheet-title-font-size: 20px;

package/themes/compiled/mobile-dark-bluetint.css

@@ -13,10 +13,6 @@
 } .backdrop__exitActive_gzyju,
 .backdrop__exitDone_gzyju {
     background-color: transparent;
-}.card-image__cardImage_n9550 {
-    background: #e7e8ea;
-} .card-image__loaded_n9550 {
-    background: transparent
 }.badge__component_1741a.badge__background-accent_1741a {
         background-color: #f83a2a;
         color: #fff;
@@ -77,6 +73,10 @@
         background-color: #fff;
     } .badge__dot_1741a.badge__outlineCount_1741a {
     border: 1px solid #0e0e0e;
+}.card-image__cardImage_n9550 {
+    background: #e7e8ea;
+} .card-image__loaded_n9550 {
+    background: transparent
 }.divider__component_ojir5 {
     border-bottom: 1px solid #353539;
 }.dropzone__component_10p0i {
@@ -419,143 +419,4 @@
 .status-badge__neutral-operation_5to7o,
 .status-badge__neutral-cross_5to7o {
     background-color: #898991;
-}.underlay__background-accent_tdk26 {
-            background-color: #ef3124;
-        } .underlay__background-info_tdk26 {
-            background-color: #001c3c;
-        } .underlay__background-attention-muted_tdk26 {
-            background-color: #36291f;
-        } .underlay__background-positive-muted_tdk26 {
-            background-color: #232d25;
-        } .underlay__background-negative-muted_tdk26 {
-            background-color: #392523;
-        } .underlay__background-primary_tdk26 {
-            background-color: #0e0e0e;
-        } .underlay__background-primary-inverted_tdk26 {
-            background-color: #fff;
-        } .underlay__background-secondary_tdk26 {
-            background-color: #1c1c1e;
-        } .underlay__background-secondary-inverted_tdk26 {
-            background-color: #f2f3f5;
-        } .underlay__background-tertiary_tdk26 {
-            background-color: #27272a;
-        } .underlay__background-tertiary-inverted_tdk26 {
-            background-color: #e7e8ea;
-        } .underlay__background-quaternary_tdk26 {
-            background-color: #36363a;
-        } .underlay__background-quaternary-inverted_tdk26 {
-            background-color: #dcdee2;
-        } .underlay__background-specialbg-component_tdk26 {
-            background-color: rgba(255, 255, 255, 0.1);
-        } .underlay__background-specialbg-component-inverted_tdk26 {
-            background-color: rgba(11, 31, 53, 0.07);
-        } .underlay__background-specialbg-primary-grouped_tdk26 {
-            background-color: #1c1c1e;
-        } .underlay__background-specialbg-secondary-grouped_tdk26 {
-            background-color: #27272a;
-        } .underlay__background-specialbg-tertiary-grouped_tdk26 {
-            background-color: #36363a;
-        } .underlay__background-specialbg-secondary-transparent_tdk26 {
-            background-color: rgba(214, 214, 229, 0.07);
-        } .underlay__background-specialbg-secondary-transparent-inverted_tdk26 {
-            background-color: rgba(38, 55, 88, 0.06);
-        } .underlay__background-specialbg-tertiary-transparent_tdk26 {
-            background-color: rgba(222, 222, 240, 0.12);
-        } .underlay__background-specialbg-tertiary-transparent-inverted_tdk26 {
-            background-color: rgba(30, 43, 68, 0.08);
-        } .underlay__shadow-xs_tdk26 {
-        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
-    } .underlay__shadow-s_tdk26 {
-        box-shadow: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),
-        0 0 1px rgba(0, 0, 0, 0.04);
-    } .underlay__shadow-m_tdk26 {
-        box-shadow: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
-        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
-    } .underlay__shadow-l_tdk26 {
-        box-shadow: 0 24px 32px rgba(0, 0, 0, 0.08), 0 20px 24px rgba(0, 0, 0, 0.08),
-        0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
-    } .underlay__shadow-xl_tdk26 {
-        box-shadow: 0 32px 40px rgba(0, 0, 0, 0.08), 0 24px 32px rgba(0, 0, 0, 0.08),
-        0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
-        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
-    } .underlay__shadow-xs-hard_tdk26 {
-        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
-    } .underlay__shadow-s-hard_tdk26 {
-        box-shadow: 0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16),
-        0 0 1px rgba(0, 0, 0, 0.16);
-    } .underlay__shadow-m-hard_tdk26 {
-        box-shadow: 0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),
-        0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
-    } .underlay__shadow-l-hard_tdk26 {
-        box-shadow: 0 24px 32px rgba(0, 0, 0, 0.2), 0 20px 24px rgba(0, 0, 0, 0.2),
-        0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
-    } .underlay__shadow-xl-hard_tdk26 {
-        box-shadow: 0 32px 40px rgba(0, 0, 0, 0.2), 0 24px 32px rgba(0, 0, 0, 0.2),
-        0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),
-        0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
-    } .underlay__shadow-xs-up_tdk26 {
-        box-shadow: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04);
-    } .underlay__shadow-s-up_tdk26 {
-        box-shadow: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08);
-    } .underlay__shadow-m-up_tdk26 {
-        box-shadow: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16);
-    } .underlay__shadow-l-up_tdk26 {
-        box-shadow: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24);
-    } .underlay__shadow-xl-up_tdk26 {
-        box-shadow: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32);
-    } .underlay__shadow-xs-hard-up_tdk26 {
-        box-shadow: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04),
-        0 -2px 4px rgba(0, 0, 0, 0.16);
-    } .underlay__shadow-s-hard-up_tdk26 {
-        box-shadow: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08),
-        0 -4px 8px rgba(0, 0, 0, 0.16);
-    } .underlay__shadow-m-hard-up_tdk26 {
-        box-shadow: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16),
-        0 -8px 16px rgba(0, 0, 0, 0.16);
-    } .underlay__shadow-l-hard-up_tdk26 {
-        box-shadow: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24),
-        0 -12px 24px rgba(0, 0, 0, 0.16);
-    } .underlay__shadow-xl-hard-up_tdk26 {
-        box-shadow: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32),
-        0 -16px 32px rgba(0, 0, 0, 0.16);
-    } .underlay__border-color-accent_tdk26 {
-        border-color: #f83a2a;
-    } .underlay__border-color-key_tdk26 {
-        border-color: #fff;
-    } .underlay__border-color-key-inverted_tdk26 {
-        border-color: #0e0e0e;
-    } .underlay__border-color-link_tdk26 {
-        border-color: #3193fc;
-    } .underlay__border-color-primary_tdk26 {
-        border-color: #353539;
-    } .underlay__border-color-primary-inverted_tdk26 {
-        border-color: #d2d3d9;
-    } .underlay__border-color-secondary_tdk26 {
-        border-color: #29292c;
-    } .underlay__border-color-secondary-inverted_tdk26 {
-        border-color: #e7e8eb;
-    } .underlay__border-color-tertiary_tdk26 {
-        border-color: #212124;
-    } .underlay__border-color-tertiary-inverted_tdk26 {
-        border-color: #edeef0;
-    } .underlay__border-color-underline_tdk26 {
-        border-color: #4a4a51;
-    } .underlay__border-color-underline-inverted_tdk26 {
-        border-color: #babbc2;
-    } .underlay__border-color-graphic-attention_tdk26 {
-        border-color: #fda136;
-    } .underlay__border-color-graphic-link_tdk26 {
-        border-color: #3193fc;
-    } .underlay__border-color-graphic-negative_tdk26 {
-        border-color: #ff5431;
-    } .underlay__border-color-graphic-positive_tdk26 {
-        border-color: #17d055;
-    } .underlay__border-color-specialbg-secondary-transparent_tdk26 {
-        border-color: rgba(225, 225, 248, 0.09);
-    } .underlay__border-color-specialbg-secondary-transparent-inverted_tdk26 {
-        border-color: rgba(30, 43, 68, 0.08);
-    } .underlay__border-color-specialbg-tertiary-transparent_tdk26 {
-        border-color: rgba(222, 222, 238, 0.13);
-    } .underlay__border-color-specialbg-tertiary-transparent-inverted_tdk26 {
-        border-color: rgba(15, 25, 55, 0.1);
-    }
+}

package/themes/corp.css

@@ -1338,75 +1338,75 @@
     --color-static-tertiary-light: rgba(255, 255, 255, 0.48);
 }
 :root {
-    --color-dark-indigo: #0b1f35;
-    --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
-    --color-dark-indigo-30: rgba(11, 31, 53, 0.3);
-    --color-dark-indigo-15: rgba(11, 31, 53, 0.15);
-    --color-dark-indigo-10: rgba(11, 31, 53, 0.1);
-    --color-dark-indigo-07: rgba(11, 31, 53, 0.07);
-    --color-dark-indigo-05: rgba(11, 31, 53, 0.05);
-    --color-dark-indigo-60-flat: #6d7986;
-    --color-dark-indigo-30-flat: #b6bcc3;
-    --color-dark-indigo-15-flat: #dbdee1;
-    --color-dark-indigo-10-flat: #e7e9eb;
-    --color-dark-indigo-07-flat: #eeeff1;
-    --color-dark-indigo-05-flat: #f3f4f5;
-    --color-red-brand: #ef3124;
-    --color-red-brand-85: rgba(239, 49, 36, 0.85);
-    --color-red-brand-70: rgba(239, 49, 36, 0.7);
-    --color-red-brand-50: rgba(239, 49, 36, 0.5);
-    --color-red-brand-30: rgba(239, 49, 36, 0.3);
-    --color-red-brand-20: rgba(239, 49, 36, 0.2);
-    --color-red-brand-10: rgba(239, 49, 36, 0.1);
-    --color-red-brand-85-flat: #f15045;
-    --color-red-brand-70-flat: #f46f66;
-    --color-red-brand-50-flat: #f69791;
-    --color-red-brand-30-flat: #fbc2bd;
-    --color-red-brand-20-flat: #fcd6d3;
-    --color-red-brand-10-flat: #feebea;
-    --color-red-brand-05-flat: #fef5f4;
-    --color-red-dark: #d91d0b;
-    --color-red-error: #ff5c5c;
-    --color-green-text: #13a463;
-    --color-green-text-60: rgba(19, 164, 99, 0.6);
-    --color-green-text-60-flat: #71c8a1;
-    --color-green-done: #2fc26e;
-    --color-green-done-20: rgba(47, 194, 110, 0.2);
-    --color-green-done-10: rgba(47, 194, 110, 0.1);
-    --color-green-done-05: rgba(47, 194, 110, 0.05);
-    --color-green-done-20-flat: #d5f3e2;
-    --color-green-done-10-flat: #ebf9f1;
-    --color-green-done-05-flat: #f4fcf7;
-    --color-blue-action: #0e60b9;
-    --color-blue-swipe-a: #2670c6;
-    --color-blue-swipe-b: #3781d8;
-    --color-blue-swipe-c: #4a90e2;
-    --color-blue-link-mobile: #007aff;
-    --color-blue-link-mobile-10: rgba(0, 122, 255, 0.1);
-    --color-blue-link-mobile-10-flat: #e6f2ff;
-    --color-blue-link-web: #0f62fe;
-    --color-sand: #f6bf65;
-    --color-lavender: #8888ad;
-    --color-amethyst: #a489aa;
-    --color-black: #000;
-    --color-black-60: rgba(0, 0, 0, 0.6);
-    --color-black-30: rgba(0, 0, 0, 0.3);
-    --color-black-10: rgba(0, 0, 0, 0.1);
-    --color-black-60-flat: #666;
-    --color-black-30-flat: #b3b3b3;
-    --color-black-10-flat: #e6e6e6;
-    --color-white: #fff;
-    --color-white-60: rgba(255, 255, 255, 0.6);
-    --color-white-30: rgba(255, 255, 255, 0.3);
-    --color-white-10: rgba(255, 255, 255, 0.1);
-    --color-bg-corporate: #212a33;
-    --color-bg-corporate-90: rgba(33, 42, 51, 0.9);
-    --color-bg-corporate-60: rgba(33, 42, 51, 0.6);
-    --color-bg-corporate-30: rgba(33, 42, 51, 0.3);
-    --color-bg-corporate-90-flat: #384048;
-    --color-bg-corporate-60-flat: #7a7f85;
-    --color-bg-corporate-30-flat: #bdc0c2;
-    --color-light-blue: #f5f7f9;
+    --color-dark-indigo: #0b1f35; /* deprecated */
+    --color-dark-indigo-60: rgba(11, 31, 53, 0.6); /* deprecated */
+    --color-dark-indigo-30: rgba(11, 31, 53, 0.3); /* deprecated */
+    --color-dark-indigo-15: rgba(11, 31, 53, 0.15); /* deprecated */
+    --color-dark-indigo-10: rgba(11, 31, 53, 0.1); /* deprecated */
+    --color-dark-indigo-07: rgba(11, 31, 53, 0.07); /* deprecated */
+    --color-dark-indigo-05: rgba(11, 31, 53, 0.05); /* deprecated */
+    --color-dark-indigo-60-flat: #6d7986; /* deprecated */
+    --color-dark-indigo-30-flat: #b6bcc3; /* deprecated */
+    --color-dark-indigo-15-flat: #dbdee1; /* deprecated */
+    --color-dark-indigo-10-flat: #e7e9eb; /* deprecated */
+    --color-dark-indigo-07-flat: #eeeff1; /* deprecated */
+    --color-dark-indigo-05-flat: #f3f4f5; /* deprecated */
+    --color-red-brand: #ef3124; /* deprecated */
+    --color-red-brand-85: rgba(239, 49, 36, 0.85); /* deprecated */
+    --color-red-brand-70: rgba(239, 49, 36, 0.7); /* deprecated */
+    --color-red-brand-50: rgba(239, 49, 36, 0.5); /* deprecated */
+    --color-red-brand-30: rgba(239, 49, 36, 0.3); /* deprecated */
+    --color-red-brand-20: rgba(239, 49, 36, 0.2); /* deprecated */
+    --color-red-brand-10: rgba(239, 49, 36, 0.1); /* deprecated */
+    --color-red-brand-85-flat: #f15045; /* deprecated */
+    --color-red-brand-70-flat: #f46f66; /* deprecated */
+    --color-red-brand-50-flat: #f69791; /* deprecated */
+    --color-red-brand-30-flat: #fbc2bd; /* deprecated */
+    --color-red-brand-20-flat: #fcd6d3; /* deprecated */
+    --color-red-brand-10-flat: #feebea; /* deprecated */
+    --color-red-brand-05-flat: #fef5f4; /* deprecated */
+    --color-red-dark: #d91d0b; /* deprecated */
+    --color-red-error: #ff5c5c; /* deprecated */
+    --color-green-text: #13a463; /* deprecated */
+    --color-green-text-60: rgba(19, 164, 99, 0.6); /* deprecated */
+    --color-green-text-60-flat: #71c8a1; /* deprecated */
+    --color-green-done: #2fc26e; /* deprecated */
+    --color-green-done-20: rgba(47, 194, 110, 0.2); /* deprecated */
+    --color-green-done-10: rgba(47, 194, 110, 0.1); /* deprecated */
+    --color-green-done-05: rgba(47, 194, 110, 0.05); /* deprecated */
+    --color-green-done-20-flat: #d5f3e2; /* deprecated */
+    --color-green-done-10-flat: #ebf9f1; /* deprecated */
+    --color-green-done-05-flat: #f4fcf7; /* deprecated */
+    --color-blue-action: #0e60b9; /* deprecated */
+    --color-blue-swipe-a: #2670c6; /* deprecated */
+    --color-blue-swipe-b: #3781d8; /* deprecated */
+    --color-blue-swipe-c: #4a90e2; /* deprecated */
+    --color-blue-link-mobile: #007aff; /* deprecated */
+    --color-blue-link-mobile-10: rgba(0, 122, 255, 0.1); /* deprecated */
+    --color-blue-link-mobile-10-flat: #e6f2ff; /* deprecated */
+    --color-blue-link-web: #0f62fe; /* deprecated */
+    --color-sand: #f6bf65; /* deprecated */
+    --color-lavender: #8888ad; /* deprecated */
+    --color-amethyst: #a489aa; /* deprecated */
+    --color-black: #000; /* deprecated */
+    --color-black-60: rgba(0, 0, 0, 0.6); /* deprecated */
+    --color-black-30: rgba(0, 0, 0, 0.3); /* deprecated */
+    --color-black-10: rgba(0, 0, 0, 0.1); /* deprecated */
+    --color-black-60-flat: #666; /* deprecated */
+    --color-black-30-flat: #b3b3b3; /* deprecated */
+    --color-black-10-flat: #e6e6e6; /* deprecated */
+    --color-white: #fff; /* deprecated */
+    --color-white-60: rgba(255, 255, 255, 0.6); /* deprecated */
+    --color-white-30: rgba(255, 255, 255, 0.3); /* deprecated */
+    --color-white-10: rgba(255, 255, 255, 0.1); /* deprecated */
+    --color-bg-corporate: #212a33; /* deprecated */
+    --color-bg-corporate-90: rgba(33, 42, 51, 0.9); /* deprecated */
+    --color-bg-corporate-60: rgba(33, 42, 51, 0.6); /* deprecated */
+    --color-bg-corporate-30: rgba(33, 42, 51, 0.3); /* deprecated */
+    --color-bg-corporate-90-flat: #384048; /* deprecated */
+    --color-bg-corporate-60-flat: #7a7f85; /* deprecated */
+    --color-bg-corporate-30-flat: #bdc0c2; /* deprecated */
+    --color-light-blue: #f5f7f9; /* deprecated */
 }
 :root {
     --gap-3xs: 2px;