@alfalab/core-components 48.8.0-beta.0 → 48.8.0

package/textarea/moderncssm/index.module.css

@@ -10,6 +10,7 @@
     /* error */
 
     /* height */
+    --form-control-40-min-height: var(--size-xs-height);
     --form-control-s-min-height: var(--size-s-height);
     --form-control-m-min-height: var(--size-m-height);
     --form-control-l-min-height: var(--size-l-height);
@@ -47,6 +48,7 @@
 }
 :root {
     /* min-height */
+    --textarea-40-min-height: var(--form-control-40-min-height);
     --textarea-s-min-height: var(--form-control-s-min-height);
     --textarea-m-min-height: var(--form-control-m-min-height);
     --textarea-l-min-height: var(--form-control-l-min-height);
@@ -54,24 +56,31 @@
 
     /* spacer */
     --textarea-spacer-style: solid transparent;
+    --textarea-40-spacer: 11px;
     --textarea-s-spacer: 14px;
     --textarea-m-spacer: 18px;
     --textarea-l-spacer: 22px;
     --textarea-xl-spacer: 24px;
 
     /* filled spacer-top */
+    --textarea-40-filled-spacer-top: 19px;
     --textarea-s-filled-spacer-top: 24px;
     --textarea-m-filled-spacer-top: 24px;
     --textarea-l-filled-spacer-top: 32px;
     --textarea-xl-filled-spacer-top: 34px;
 
     /* filled spacer-bottom */
+    --textarea-40-filled-spacer-bottom: 3px;
     --textarea-s-filled-spacer-bottom: 4px;
     --textarea-m-filled-spacer-bottom: 8px;
     --textarea-l-filled-spacer-bottom: 12px;
     --textarea-xl-filled-spacer-bottom: 14px;
 
     /* filled min-height */
+    --textarea-40-filled-min-height: calc(
+        var(--textarea-40-min-height) - var(--textarea-40-filled-spacer-top) -
+            var(--textarea-40-filled-spacer-bottom)
+    );
     --textarea-s-filled-min-height: calc(
         var(--textarea-s-min-height) - var(--textarea-s-filled-spacer-top) -
             var(--textarea-s-filled-spacer-bottom)
@@ -110,6 +119,11 @@
         color: transparent;
         caret-color: var(--input-color);
     }
+.textarea.size-40 {
+        font-size: 14px;
+        line-height: 18px;
+        font-weight: 400;
+    }
 .overflowHidden.overflowHidden {
     overflow: hidden;
 }
@@ -222,6 +236,9 @@
 .textarea.filled.hasInnerLabel {
     padding-top: var(--gap-0)
 }
+.textarea.filled.hasInnerLabel.size-40 {
+        min-height: var(--textarea-40-filled-min-height);
+    }
 .textarea.filled.hasInnerLabel.size-48 {
         min-height: var(--textarea-s-filled-min-height);
     }
@@ -235,6 +252,9 @@
         min-height: var(--textarea-xl-filled-min-height);
     }
 /* Correct pseudoTextarea size */
+.pseudoTextarea.filled.hasInnerLabel.size-40 {
+        min-height: calc(100% - var(--textarea-40-filled-spacer-top));
+    }
 .pseudoTextarea.filled.hasInnerLabel.size-48 {
         min-height: calc(100% - var(--textarea-s-filled-spacer-top));
     }
@@ -249,9 +269,16 @@
     }
 .wrapper.resizeVertical {
         resize: vertical;
-        min-height: 48px;
+        min-height: 48px
     }
+.wrapper.resizeVertical.size-40 {
+            min-height: 40px;
+        }
 /* Border нужен для того чтобы растянуть textarea на всю высоту FormControl , если заменить на padding, то лейбл не будет кликабельный */
+.textarea.textarea.size-40 {
+        border-top: var(--textarea-40-spacer) var(--textarea-spacer-style);
+        border-bottom: var(--textarea-40-spacer) var(--textarea-spacer-style);
+    }
 .textarea.textarea.size-48 {
         border-top: var(--textarea-s-spacer) var(--textarea-spacer-style);
         border-bottom: var(--textarea-s-spacer) var(--textarea-spacer-style);
@@ -268,6 +295,10 @@
         border-top: var(--textarea-xl-spacer) var(--textarea-spacer-style);
         border-bottom: var(--textarea-xl-spacer) var(--textarea-spacer-style);
     }
+.textarea.textarea.hasInnerLabel.size-40 {
+            border-top: var(--textarea-40-filled-spacer-top) var(--textarea-spacer-style);
+            border-bottom: var(--textarea-40-filled-spacer-bottom) var(--textarea-spacer-style);
+        }
 .textarea.textarea.hasInnerLabel.size-48 {
             border-top: var(--textarea-s-filled-spacer-top) var(--textarea-spacer-style);
             border-bottom: var(--textarea-s-filled-spacer-bottom) var(--textarea-spacer-style);
@@ -284,3 +315,7 @@
             border-top: var(--textarea-xl-filled-spacer-top) var(--textarea-spacer-style);
             border-bottom: var(--textarea-xl-filled-spacer-bottom) var(--textarea-spacer-style);
         }
+/** Нужно чтобы нативная икона resize была прижата к краю */
+.resizable-40.resizable-40 {
+    padding-right: 0;
+}

package/textarea/moderncssm/typings.d.ts

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

package/textarea/typings.d.ts

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

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

@@ -1,4 +1,25 @@
-.badge__component_dsznw.badge__background-accent_dsznw {
+.card-image__cardImage_aenzf {
+    background: #e7e8ea;
+} .card-image__loaded_aenzf {
+    background: transparent
+}.backdrop__backdrop_11ku1 {
+    -webkit-tap-highlight-color: transparent;
+} .backdrop__appear_11ku1,
+.backdrop__enter_11ku1 {
+    background-color: transparent;
+} .backdrop__appearActive_11ku1,
+.backdrop__enterActive_11ku1,
+.backdrop__appearDone_11ku1,
+.backdrop__enterDone_11ku1 {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exit_11ku1 {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exitActive_11ku1,
+.backdrop__exitDone_11ku1 {
+    background-color: transparent;
+} .backdrop__transparent_11ku1.backdrop__transparent_11ku1 {
+    background-color: transparent;
+}.badge__component_dsznw.badge__background-accent_dsznw {
         background-color: #f83a2a;
         color: rgba(255, 255, 255, 0.94);
     } .badge__component_dsznw.badge__background-specialbg-secondary-transparent_dsznw {
@@ -58,27 +79,6 @@
         background-color: rgba(255, 255, 255, 0.94);
     } .badge__dot_dsznw.badge__outlineCount_dsznw {
     border: 1px solid rgba(3, 3, 6, 0.88);
-}.card-image__cardImage_aenzf {
-    background: #e7e8ea;
-} .card-image__loaded_aenzf {
-    background: transparent
-}.backdrop__backdrop_11ku1 {
-    -webkit-tap-highlight-color: transparent;
-} .backdrop__appear_11ku1,
-.backdrop__enter_11ku1 {
-    background-color: transparent;
-} .backdrop__appearActive_11ku1,
-.backdrop__enterActive_11ku1,
-.backdrop__appearDone_11ku1,
-.backdrop__enterDone_11ku1 {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exit_11ku1 {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exitActive_11ku1,
-.backdrop__exitDone_11ku1 {
-    background-color: transparent;
-} .backdrop__transparent_11ku1.backdrop__transparent_11ku1 {
-    background-color: transparent;
 }.divider__component_ap22g {
     border-bottom: 1px solid #353539;
 }.dropzone__component_vg135 {
@@ -170,7 +170,14 @@
         background: rgba(255, 255, 255, 0.94);
     } .hatching-progress-bar__accent_de0j7 {
         background: #f83a2a;
-    }.indicator__component_cu9fe {
+    }.icon-view__component_24h5i {
+    color: rgba(238, 238, 251, 0.55)
+} .icon-view__bg_24h5i {
+    fill: #1c1c1e;
+} .icon-view__border_24h5i {
+    stroke: rgba(225, 225, 248, 0.09);
+    fill: transparent;
+}.indicator__component_cu9fe {
     color: rgba(255, 255, 255, 0.94);
     background-color: #f83a2a;
 } .indicator__red_cu9fe {
@@ -188,14 +195,7 @@
     color: rgba(255, 255, 255, 0.94)
 } .indicator__grey_cu9fe.indicator__border_cu9fe {
         outline: 2px solid rgba(3, 3, 6, 0.88);
-    }.icon-view__component_24h5i {
-    color: rgba(238, 238, 251, 0.55)
-} .icon-view__bg_24h5i {
-    fill: #1c1c1e;
-} .icon-view__border_24h5i {
-    stroke: rgba(225, 225, 248, 0.09);
-    fill: transparent;
-}@keyframes loader__blink_u4u06 {
+    }@keyframes loader__blink_u4u06 {
 }.link__primary_zrjz1 {
     color: rgba(255, 255, 255, 0.94);
     border-bottom-color: rgba(255, 255, 255, 0.94)
@@ -294,7 +294,31 @@
             background-color: rgba(9, 12, 37, 0.28);
         } .scrollbar__component_zg63l.dragging .track .scrollbar.visible:before {
             background-color: rgba(4, 4, 21, 0.47);
-        }.segmented-control__wrapper_5q0x9 {
+        }.skeleton__component_7f3b6 {
+    background: rgba(214, 214, 229, 0.07);
+} @keyframes skeleton__background_7f3b6 {
+    0% {
+        background: rgba(214, 214, 229, 0.07);
+    }
+    100% {
+        background: rgba(222, 222, 238, 0.13);
+    }
+}
+.skeleton__component_cno5f {
+    color: transparent
+} .skeleton__component_cno5f:before {
+    background: transparent;
+}
+.skeleton__component_gy180 {
+    background: rgba(38, 55, 88, 0.06);
+} @keyframes skeleton__background-inverted_gy180 {
+    0% {
+        background: rgba(38, 55, 88, 0.06);
+    }
+    100% {
+        background: rgba(15, 25, 55, 0.1);
+    }
+}.segmented-control__wrapper_5q0x9 {
     background-color: rgba(225, 225, 248, 0.09);
 } .segmented-control__segment_5q0x9.segmented-control__selected_5q0x9 {
     color: rgba(255, 255, 255, 0.94);
@@ -346,31 +370,7 @@
         background: #f83a2a;
     } .slider__component_1qpg8 .noUi-pips {
         color: rgba(238, 238, 251, 0.55);
-    }.skeleton__component_7f3b6 {
-    background: rgba(214, 214, 229, 0.07);
-} @keyframes skeleton__background_7f3b6 {
-    0% {
-        background: rgba(214, 214, 229, 0.07);
-    }
-    100% {
-        background: rgba(222, 222, 238, 0.13);
-    }
-}
-.skeleton__component_cno5f {
-    color: transparent
-} .skeleton__component_cno5f:before {
-    background: transparent;
-}
-.skeleton__component_gy180 {
-    background: rgba(38, 55, 88, 0.06);
-} @keyframes skeleton__background-inverted_gy180 {
-    0% {
-        background: rgba(38, 55, 88, 0.06);
-    }
-    100% {
-        background: rgba(15, 25, 55, 0.1);
-    }
-}.status__soft_1m3q0.status__green_1m3q0, .status__muted-alt_1m3q0.status__green_1m3q0 {
+    }.status__soft_1m3q0.status__green_1m3q0, .status__muted-alt_1m3q0.status__green_1m3q0 {
             background: #d1f1d7;
             color: #0d9336;
         } .status__soft_1m3q0.status__orange_1m3q0, .status__muted-alt_1m3q0.status__orange_1m3q0 {
@@ -456,4 +456,143 @@
 .status-badge__neutral-operation_wc4t3,
 .status-badge__neutral-cross_wc4t3 {
     background-color: #898991;
-}
+}.underlay__background-accent_1uu7a {
+            background-color: #ef3124;
+        } .underlay__background-info_1uu7a {
+            background-color: #001c3c;
+        } .underlay__background-attention-muted_1uu7a {
+            background-color: #36291f;
+        } .underlay__background-positive-muted_1uu7a {
+            background-color: #232d25;
+        } .underlay__background-negative-muted_1uu7a {
+            background-color: #392523;
+        } .underlay__background-primary_1uu7a {
+            background-color: #121213;
+        } .underlay__background-primary-inverted_1uu7a {
+            background-color: #fff;
+        } .underlay__background-secondary_1uu7a {
+            background-color: #1c1c1e;
+        } .underlay__background-secondary-inverted_1uu7a {
+            background-color: #f2f3f5;
+        } .underlay__background-tertiary_1uu7a {
+            background-color: #27272a;
+        } .underlay__background-tertiary-inverted_1uu7a {
+            background-color: #e7e8ea;
+        } .underlay__background-quaternary_1uu7a {
+            background-color: #36363a;
+        } .underlay__background-quaternary-inverted_1uu7a {
+            background-color: #dcdee2;
+        } .underlay__background-specialbg-component_1uu7a {
+            background-color: rgba(255, 255, 255, 0.1);
+        } .underlay__background-specialbg-component-inverted_1uu7a {
+            background-color: rgba(11, 31, 53, 0.07);
+        } .underlay__background-specialbg-primary-grouped_1uu7a {
+            background-color: #1c1c1e;
+        } .underlay__background-specialbg-secondary-grouped_1uu7a {
+            background-color: #27272a;
+        } .underlay__background-specialbg-tertiary-grouped_1uu7a {
+            background-color: #36363a;
+        } .underlay__background-specialbg-secondary-transparent_1uu7a {
+            background-color: rgba(214, 214, 229, 0.07);
+        } .underlay__background-specialbg-secondary-transparent-inverted_1uu7a {
+            background-color: rgba(38, 55, 88, 0.06);
+        } .underlay__background-specialbg-tertiary-transparent_1uu7a {
+            background-color: rgba(222, 222, 240, 0.12);
+        } .underlay__background-specialbg-tertiary-transparent-inverted_1uu7a {
+            background-color: rgba(30, 43, 68, 0.08);
+        } .underlay__shadow-xs_1uu7a {
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-s_1uu7a {
+        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_1uu7a {
+        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_1uu7a {
+        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_1uu7a {
+        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_1uu7a {
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-s-hard_1uu7a {
+        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_1uu7a {
+        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_1uu7a {
+        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_1uu7a {
+        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_1uu7a {
+        box-shadow: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-s-up_1uu7a {
+        box-shadow: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08);
+    } .underlay__shadow-m-up_1uu7a {
+        box-shadow: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-l-up_1uu7a {
+        box-shadow: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24);
+    } .underlay__shadow-xl-up_1uu7a {
+        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_1uu7a {
+        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_1uu7a {
+        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_1uu7a {
+        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_1uu7a {
+        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_1uu7a {
+        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_1uu7a {
+        border-color: #f83a2a;
+    } .underlay__border-color-key_1uu7a {
+        border-color: rgba(255, 255, 255, 0.94);
+    } .underlay__border-color-key-inverted_1uu7a {
+        border-color: rgba(3, 3, 6, 0.88);
+    } .underlay__border-color-link_1uu7a {
+        border-color: #3193fc;
+    } .underlay__border-color-primary_1uu7a {
+        border-color: #353539;
+    } .underlay__border-color-primary-inverted_1uu7a {
+        border-color: #d2d3d9;
+    } .underlay__border-color-secondary_1uu7a {
+        border-color: #29292c;
+    } .underlay__border-color-secondary-inverted_1uu7a {
+        border-color: #e7e8eb;
+    } .underlay__border-color-tertiary_1uu7a {
+        border-color: #212124;
+    } .underlay__border-color-tertiary-inverted_1uu7a {
+        border-color: #edeef0;
+    } .underlay__border-color-underline_1uu7a {
+        border-color: #4a4a51;
+    } .underlay__border-color-underline-inverted_1uu7a {
+        border-color: #babbc2;
+    } .underlay__border-color-graphic-attention_1uu7a {
+        border-color: #fda136;
+    } .underlay__border-color-graphic-link_1uu7a {
+        border-color: #3193fc;
+    } .underlay__border-color-graphic-negative_1uu7a {
+        border-color: #ff4837;
+    } .underlay__border-color-graphic-positive_1uu7a {
+        border-color: #17d055;
+    } .underlay__border-color-specialbg-secondary-transparent_1uu7a {
+        border-color: rgba(225, 225, 248, 0.09);
+    } .underlay__border-color-specialbg-secondary-transparent-inverted_1uu7a {
+        border-color: rgba(30, 43, 68, 0.08);
+    } .underlay__border-color-specialbg-tertiary-transparent_1uu7a {
+        border-color: rgba(222, 222, 238, 0.13);
+    } .underlay__border-color-specialbg-tertiary-transparent-inverted_1uu7a {
+        border-color: rgba(15, 25, 55, 0.1);
+    }

package/themes/form-control/site.css

@@ -1,9 +1,11 @@
 :root {
     /* theme */
+    --form-control-40-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
     --form-control-s-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
     --form-control-m-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
     --form-control-l-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
     --form-control-xl-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
+    --form-control-mobile-40-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
     --form-control-mobile-s-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
     --form-control-mobile-m-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
     --form-control-mobile-l-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;

package/themes/mixins/form-control/site.css

@@ -1,9 +1,11 @@
 @define-mixin form-control-site {
     /* theme */
+    --form-control-40-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
     --form-control-s-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
     --form-control-m-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
     --form-control-l-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
     --form-control-xl-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
+    --form-control-mobile-40-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
     --form-control-mobile-s-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
     --form-control-mobile-m-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
     --form-control-mobile-l-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;

package/themes/site.css

@@ -1827,10 +1827,12 @@
         --color-static-neutral-translucent-1300-inverted
     );
     /* theme */
+    --form-control-40-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
     --form-control-s-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
     --form-control-m-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
     --form-control-l-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
     --form-control-xl-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
+    --form-control-mobile-40-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
     --form-control-mobile-s-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
     --form-control-mobile-m-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
     --form-control-mobile-l-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;

package/toast/Component.responsive.d.ts

@@ -6,7 +6,7 @@ declare const Toast: React.ForwardRefExoticComponent<Omit<import("../toast-plate
     breakpoint?: number | undefined;
     client?: "desktop" | "mobile" | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & Pick<import("../popover").PopoverProps<HTMLElement>, "open" | "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "fallbackPlacements"> & {
+} & Pick<import("../popover").PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
     anchorElement?: HTMLElement | null | undefined;
     autoCloseDelay?: number | undefined;
     bottomOffset?: number | undefined;

package/toast/components/base-toast/component.d.ts

@@ -47,7 +47,7 @@ declare const BaseToast: React.ForwardRefExoticComponent<Omit<import("../../../t
     breakpoint?: number | undefined;
     client?: "desktop" | "mobile" | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & Pick<PopoverProps<HTMLElement>, "open" | "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "fallbackPlacements"> & {
+} & Pick<PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
     /**
      * Элемент, относительного которого появляется тост.
      * Если не передавать, тост будет позиционирован снизу экрана (position: fixed).

package/toast/cssm/Component.responsive.d.ts

@@ -6,7 +6,7 @@ declare const Toast: React.ForwardRefExoticComponent<Omit<import("../../toast-pl
     breakpoint?: number | undefined;
     client?: "desktop" | "mobile" | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & Pick<import("../../popover").PopoverProps<HTMLElement>, "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
+} & Pick<import("../../popover").PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
     anchorElement?: HTMLElement | null | undefined;
     autoCloseDelay?: number | undefined;
     bottomOffset?: number | undefined;

package/toast/cssm/components/base-toast/component.d.ts

@@ -47,7 +47,7 @@ declare const BaseToast: React.ForwardRefExoticComponent<Omit<import("../../../.
     breakpoint?: number | undefined;
     client?: "desktop" | "mobile" | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & Pick<PopoverProps<HTMLElement>, "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
+} & Pick<PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
     /**
      * Элемент, относительного которого появляется тост.
      * Если не передавать, тост будет позиционирован снизу экрана (position: fixed).

package/toast/esm/Component.responsive.d.ts

@@ -6,7 +6,7 @@ declare const Toast: React.ForwardRefExoticComponent<Omit<import("../../toast-pl
     breakpoint?: number | undefined;
     client?: "desktop" | "mobile" | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & Pick<import("../../popover").PopoverProps<HTMLElement>, "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
+} & Pick<import("../../popover").PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
     anchorElement?: HTMLElement | null | undefined;
     autoCloseDelay?: number | undefined;
     bottomOffset?: number | undefined;

package/toast/esm/components/base-toast/component.d.ts

@@ -47,7 +47,7 @@ declare const BaseToast: React.ForwardRefExoticComponent<Omit<import("../../../.
     breakpoint?: number | undefined;
     client?: "desktop" | "mobile" | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & Pick<PopoverProps<HTMLElement>, "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
+} & Pick<PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
     /**
      * Элемент, относительного которого появляется тост.
      * Если не передавать, тост будет позиционирован снизу экрана (position: fixed).

package/toast/modern/Component.responsive.d.ts

@@ -6,7 +6,7 @@ declare const Toast: React.ForwardRefExoticComponent<Omit<import("../../toast-pl
     breakpoint?: number | undefined;
     client?: "desktop" | "mobile" | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & Pick<import("../../popover").PopoverProps<HTMLElement>, "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
+} & Pick<import("../../popover").PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
     anchorElement?: HTMLElement | null | undefined;
     autoCloseDelay?: number | undefined;
     bottomOffset?: number | undefined;

package/toast/modern/components/base-toast/component.d.ts

@@ -47,7 +47,7 @@ declare const BaseToast: React.ForwardRefExoticComponent<Omit<import("../../../.
     breakpoint?: number | undefined;
     client?: "desktop" | "mobile" | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & Pick<PopoverProps<HTMLElement>, "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
+} & Pick<PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
     /**
      * Элемент, относительного которого появляется тост.
      * Если не передавать, тост будет позиционирован снизу экрана (position: fixed).

package/toast/moderncssm/Component.responsive.d.ts

@@ -6,7 +6,7 @@ declare const Toast: React.ForwardRefExoticComponent<Omit<import("../../toast-pl
     breakpoint?: number | undefined;
     client?: "desktop" | "mobile" | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & Pick<import("../../popover").PopoverProps<HTMLElement>, "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
+} & Pick<import("../../popover").PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
     anchorElement?: HTMLElement | null | undefined;
     autoCloseDelay?: number | undefined;
     bottomOffset?: number | undefined;

package/toast/moderncssm/components/base-toast/component.d.ts

@@ -47,7 +47,7 @@ declare const BaseToast: React.ForwardRefExoticComponent<Omit<import("../../../.
     breakpoint?: number | undefined;
     client?: "desktop" | "mobile" | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & Pick<PopoverProps<HTMLElement>, "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
+} & Pick<PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
     /**
      * Элемент, относительного которого появляется тост.
      * Если не передавать, тост будет позиционирован снизу экрана (position: fixed).

package/typography/title/component.d.ts

@@ -77,7 +77,7 @@ declare const TitleBase: React.ForwardRefExoticComponent<Omit<NativeProps, "colo
     /**
      * Цвет текста
      */
-    color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | undefined;
+    color?: "secondary" | "link" | "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | undefined;
     /**
      * Толщина шрифта
      */

package/typography/title/index.d.ts

@@ -4,7 +4,7 @@ import { TitleProps } from "./component";
 declare const Title: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
     tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
-    color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | undefined;
+    color?: "secondary" | "link" | "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | undefined;
     weight?: "bold" | "regular" | "medium" | "semibold" | undefined;
     font?: "styrene" | "system" | undefined;
     defaultMargins?: boolean | undefined;

package/typography/title-mobile/component.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 declare const TitleMobile: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
     tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
-    color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | undefined;
+    color?: "secondary" | "link" | "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | undefined;
     weight?: "bold" | "regular" | "medium" | "semibold" | undefined;
     font?: "styrene" | "system" | undefined;
     defaultMargins?: boolean | undefined;

package/typography/title-responsive/component.d.ts

@@ -15,7 +15,7 @@ type TitleResponsiveProps = TitleProps & {
 declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
     tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
-    color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | undefined;
+    color?: "secondary" | "link" | "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | undefined;
     weight?: "bold" | "regular" | "medium" | "semibold" | undefined;
     font?: "styrene" | "system" | undefined;
     defaultMargins?: boolean | undefined;

package/universal-date-input/components/base-universal-date-input/Component.js

@@ -13,7 +13,7 @@ var components_dateInput_Component = require('../date-input/Component.js');
 var components_dateRangeInput_Component = require('../date-range-input/Component.js');
 var components_monthInput_Component = require('../month-input/Component.js');
 var components_timeInput_Component = require('../time-input/Component.js');
-var index_module = require('../../index.module-19a466f7.js');
+var index_module = require('../../index.module-10715cde.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }