@alfalab/core-components 48.7.0 → 48.8.0

package/filter-tag/modern/components/base-filter-tag/index.css

@@ -1,4 +1,4 @@
-/* hash: d4lrn */
+/* hash: 8902r */
 :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-accent-secondary: #212124;
@@ -109,49 +109,49 @@
     /* mobile inverted */
 } :root {
     --filter-tag-separator-background-color-hover: transparent;
-} .filter-tag__component_1qxz9 {
+} .filter-tag__component_msfhp {
     display: flex;
     width: max-content;
     max-width: 100%;
     box-sizing: border-box
-} .filter-tag__component_1qxz9.filter-tag__block_1qxz9 {
+} .filter-tag__component_msfhp.filter-tag__block_msfhp {
         width: 100%;
-    } .filter-tag__component_1qxz9.filter-tag__disabled_1qxz9 {
+    } .filter-tag__component_msfhp.filter-tag__disabled_msfhp {
         background-color: var(--tag-outlined-background-color-disabled);
-    } .filter-tag__component_1qxz9.filter-tag__rounded_1qxz9.filter-tag__size-32_1qxz9 {
+    } .filter-tag__component_msfhp.filter-tag__rounded_msfhp.filter-tag__size-32_msfhp {
             border-radius: var(--tag-rounded-xxs-border-radius);
-        } .filter-tag__component_1qxz9.filter-tag__rounded_1qxz9.filter-tag__size-40_1qxz9 {
+        } .filter-tag__component_msfhp.filter-tag__rounded_msfhp.filter-tag__size-40_msfhp {
             border-radius: var(--tag-rounded-xs-border-radius);
-        } .filter-tag__component_1qxz9.filter-tag__rounded_1qxz9.filter-tag__size-48_1qxz9 {
+        } .filter-tag__component_msfhp.filter-tag__rounded_msfhp.filter-tag__size-48_msfhp {
             border-radius: var(--tag-rounded-s-border-radius);
-        } .filter-tag__component_1qxz9.filter-tag__checked_1qxz9:not(.filter-tag__disabled_1qxz9) {
+        } .filter-tag__component_msfhp.filter-tag__checked_msfhp:not(.filter-tag__disabled_msfhp) {
             background-color: var(--tag-background-color-checked);
-        } .filter-tag__component_1qxz9.filter-tag__checked_1qxz9:not(.filter-tag__disabled_1qxz9).filter-tag__size-32_1qxz9 {
+        } .filter-tag__component_msfhp.filter-tag__checked_msfhp:not(.filter-tag__disabled_msfhp).filter-tag__size-32_msfhp {
             min-width: 80px;
-        } .filter-tag__component_1qxz9.filter-tag__checked_1qxz9:not(.filter-tag__disabled_1qxz9).filter-tag__size-40_1qxz9 {
+        } .filter-tag__component_msfhp.filter-tag__checked_msfhp:not(.filter-tag__disabled_msfhp).filter-tag__size-40_msfhp {
             min-width: 100px;
-        } .filter-tag__component_1qxz9.filter-tag__checked_1qxz9:not(.filter-tag__disabled_1qxz9).filter-tag__size-48_1qxz9 {
+        } .filter-tag__component_msfhp.filter-tag__checked_msfhp:not(.filter-tag__disabled_msfhp).filter-tag__size-48_msfhp {
             min-width: 112px;
         } @media (hover: hover) {
-            .filter-tag__component_1qxz9.filter-tag__checked_1qxz9:not(.filter-tag__disabled_1qxz9):hover {
+            .filter-tag__component_msfhp.filter-tag__checked_msfhp:not(.filter-tag__disabled_msfhp):hover {
                 background-color: var(--tag-background-color-checked-hover);
             }
-        } .filter-tag__component_1qxz9.filter-tag__checked_1qxz9:not(.filter-tag__disabled_1qxz9):active {
+        } .filter-tag__component_msfhp.filter-tag__checked_msfhp:not(.filter-tag__disabled_msfhp):active {
             background-color: var(--tag-background-color-checked-active);
-        } .filter-tag__content_1qxz9 {
+        } .filter-tag__content_msfhp {
     overflow: hidden;
     text-overflow: ellipsis;
-} .filter-tag__focused_1qxz9 {
+} .filter-tag__focused_msfhp {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .filter-tag__chevron_1qxz9 {
+} .filter-tag__chevron_msfhp {
     position: relative;
     transition: transform 0.2s ease;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--color-light-neutral-translucent-1300);
-} .filter-tag__valueButton_1qxz9 {
+} .filter-tag__valueButton_msfhp {
     display: flex;
     align-items: center;
     box-shadow: none;
@@ -166,135 +166,135 @@
     transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
     margin: var(--gap-0);
     border: var(--tag-border-width) solid var(--tag-border-color)
-} .filter-tag__valueButton_1qxz9.filter-tag__block_1qxz9 {
+} .filter-tag__valueButton_msfhp.filter-tag__block_msfhp {
         width: inherit;
         justify-content: center;
-    } .filter-tag__valueButton_1qxz9:disabled {
+    } .filter-tag__valueButton_msfhp:disabled {
         cursor: var(--disabled-cursor)
-    } .filter-tag__valueButton_1qxz9:disabled > .filter-tag__chevron_1qxz9 {
+    } .filter-tag__valueButton_msfhp:disabled > .filter-tag__chevron_msfhp {
             color: var(--color-light-neutral-500);
-        } .filter-tag__valueButton_1qxz9.filter-tag__rounded_1qxz9.filter-tag__size-32_1qxz9 {
+        } .filter-tag__valueButton_msfhp.filter-tag__rounded_msfhp.filter-tag__size-32_msfhp {
             border-radius: var(--tag-rounded-xxs-border-radius);
-        } .filter-tag__valueButton_1qxz9.filter-tag__rounded_1qxz9.filter-tag__size-40_1qxz9 {
+        } .filter-tag__valueButton_msfhp.filter-tag__rounded_msfhp.filter-tag__size-40_msfhp {
             border-radius: var(--tag-rounded-xs-border-radius);
-        } .filter-tag__valueButton_1qxz9.filter-tag__rounded_1qxz9.filter-tag__size-48_1qxz9 {
+        } .filter-tag__valueButton_msfhp.filter-tag__rounded_msfhp.filter-tag__size-48_msfhp {
             border-radius: var(--tag-rounded-s-border-radius);
-        } .filter-tag__valueButton_1qxz9.filter-tag__size-32_1qxz9 {
+        } .filter-tag__valueButton_msfhp.filter-tag__size-32_msfhp {
         min-width: 52px;
         min-height: var(--size-xxs-height);
-    } .filter-tag__valueButton_1qxz9.filter-tag__size-40_1qxz9 {
+    } .filter-tag__valueButton_msfhp.filter-tag__size-40_msfhp {
         min-width: 64px;
         min-height: var(--size-xs-height);
-    } .filter-tag__valueButton_1qxz9.filter-tag__size-48_1qxz9 {
+    } .filter-tag__valueButton_msfhp.filter-tag__size-48_msfhp {
         min-width: 72px;
         min-height: var(--size-s-height);
-    } .filter-tag__valueButton_1qxz9.filter-tag__outlined_1qxz9 {
+    } .filter-tag__valueButton_msfhp.filter-tag__outlined_msfhp {
         color: var(--tag-text-color);
         border-color: var(--tag-border-color);
         background-color: var(--tag-outlined-background-color)
-    } .filter-tag__valueButton_1qxz9.filter-tag__outlined_1qxz9:disabled {
+    } .filter-tag__valueButton_msfhp.filter-tag__outlined_msfhp:disabled {
             border-color: var(--tag-border-color-disabled);
             color: var(--tag-text-color-disabled);
             background-color: var(--tag-outlined-background-color-disabled);
         } @media (hover: hover) {
-            .filter-tag__valueButton_1qxz9.filter-tag__outlined_1qxz9:not(:disabled):hover {
+            .filter-tag__valueButton_msfhp.filter-tag__outlined_msfhp:not(:disabled):hover {
                 border-color: var(--tag-border-color-hover);
                 background-color: var(--tag-outlined-background-color-hover);
             }
-        } .filter-tag__valueButton_1qxz9.filter-tag__outlined_1qxz9:not(:disabled):active {
+        } .filter-tag__valueButton_msfhp.filter-tag__outlined_msfhp:not(:disabled):active {
             border-color: var(--tag-border-color-active);
             background-color: var(--tag-outlined-background-color-active);
-        } .filter-tag__valueButton_1qxz9.filter-tag__filled_1qxz9 {
+        } .filter-tag__valueButton_msfhp.filter-tag__filled_msfhp {
         color: var(--tag-text-color);
         border-color: var(--tag-filled-border-color)
-    } .filter-tag__valueButton_1qxz9.filter-tag__filled_1qxz9:disabled {
+    } .filter-tag__valueButton_msfhp.filter-tag__filled_msfhp:disabled {
             color: var(--tag-text-color-disabled);
-        } .filter-tag__valueButton_1qxz9.filter-tag__size-48_1qxz9 {
+        } .filter-tag__valueButton_msfhp.filter-tag__size-48_msfhp {
         font-size: 16px;
         line-height: 24px;
         font-weight: 400;
         padding-right: var(--gap-8);
         padding-left: var(--gap-20)
-    } .filter-tag__valueButton_1qxz9.filter-tag__size-48_1qxz9 .filter-tag__chevron_1qxz9 {
+    } .filter-tag__valueButton_msfhp.filter-tag__size-48_msfhp .filter-tag__chevron_msfhp {
             margin: var(--gap-0) var(--gap-8);
-        } .filter-tag__valueButton_1qxz9.filter-tag__size-40_1qxz9 {
+        } .filter-tag__valueButton_msfhp.filter-tag__size-40_msfhp {
         font-size: 14px;
         line-height: 20px;
         font-weight: 400;
         padding-right: var(--gap-4);
         padding-left: var(--gap-16)
-    } .filter-tag__valueButton_1qxz9.filter-tag__size-40_1qxz9 .filter-tag__chevron_1qxz9 {
+    } .filter-tag__valueButton_msfhp.filter-tag__size-40_msfhp .filter-tag__chevron_msfhp {
             margin: var(--gap-0) var(--gap-12) var(--gap-0) 6px;
-        } .filter-tag__valueButton_1qxz9.filter-tag__size-32_1qxz9 {
+        } .filter-tag__valueButton_msfhp.filter-tag__size-32_msfhp {
         font-size: 14px;
         line-height: 20px;
         font-weight: 400;
         padding-right: var(--gap-0);
         padding-left: var(--gap-12)
-    } .filter-tag__valueButton_1qxz9.filter-tag__size-32_1qxz9 .filter-tag__chevron_1qxz9 {
+    } .filter-tag__valueButton_msfhp.filter-tag__size-32_msfhp .filter-tag__chevron_msfhp {
             margin: var(--gap-0) var(--gap-8) var(--gap-0) 6px;
-        } .filter-tag__valueButton_1qxz9.filter-tag__open_1qxz9 .filter-tag__chevron_1qxz9 {
+        } .filter-tag__valueButton_msfhp.filter-tag__open_msfhp .filter-tag__chevron_msfhp {
         transform: rotateZ(180deg);
-    } .filter-tag__valueButton_1qxz9.filter-tag__checked_1qxz9 {
+    } .filter-tag__valueButton_msfhp.filter-tag__checked_msfhp {
         border-width: 0;
         color: var(--tag-text-color-checked);
         background-color: var(--tag-background-color-checked)
-    } .filter-tag__valueButton_1qxz9.filter-tag__checked_1qxz9 > .filter-tag__chevron_1qxz9 {
+    } .filter-tag__valueButton_msfhp.filter-tag__checked_msfhp > .filter-tag__chevron_msfhp {
             color: var(--color-light-neutral-translucent-1300-inverted);
-        } .filter-tag__valueButton_1qxz9.filter-tag__checked_1qxz9.filter-tag__rounded_1qxz9.filter-tag__size-32_1qxz9 {
+        } .filter-tag__valueButton_msfhp.filter-tag__checked_msfhp.filter-tag__rounded_msfhp.filter-tag__size-32_msfhp {
                 border-radius: var(--tag-rounded-xxs-border-radius) 0 0
                     var(--tag-rounded-xxs-border-radius);
-            } .filter-tag__valueButton_1qxz9.filter-tag__checked_1qxz9.filter-tag__rounded_1qxz9.filter-tag__size-40_1qxz9 {
+            } .filter-tag__valueButton_msfhp.filter-tag__checked_msfhp.filter-tag__rounded_msfhp.filter-tag__size-40_msfhp {
                 border-radius: var(--tag-rounded-xs-border-radius) 0 0
                     var(--tag-rounded-xs-border-radius);
-            } .filter-tag__valueButton_1qxz9.filter-tag__checked_1qxz9.filter-tag__rounded_1qxz9.filter-tag__size-48_1qxz9 {
+            } .filter-tag__valueButton_msfhp.filter-tag__checked_msfhp.filter-tag__rounded_msfhp.filter-tag__size-48_msfhp {
                 border-radius: var(--tag-rounded-s-border-radius) 0 0
                     var(--tag-rounded-s-border-radius);
-            } .filter-tag__valueButton_1qxz9.filter-tag__checked_1qxz9.filter-tag__rounded_1qxz9:disabled,
-            .filter-tag__valueButton_1qxz9.filter-tag__checked_1qxz9.filter-tag__rounded_1qxz9.filter-tag__close_1qxz9 {
+            } .filter-tag__valueButton_msfhp.filter-tag__checked_msfhp.filter-tag__rounded_msfhp:disabled,
+            .filter-tag__valueButton_msfhp.filter-tag__checked_msfhp.filter-tag__rounded_msfhp.filter-tag__close_msfhp {
                 border-radius: var(--tag-border-radius);
-            } .filter-tag__valueButton_1qxz9.filter-tag__checked_1qxz9:not(:disabled) {
+            } .filter-tag__valueButton_msfhp.filter-tag__checked_msfhp:not(:disabled) {
             padding-right: var(--gap-0);
             border-right-width: 0
-        } .filter-tag__valueButton_1qxz9.filter-tag__checked_1qxz9:not(:disabled).filter-tag__close_1qxz9.filter-tag__size-32_1qxz9 {
+        } .filter-tag__valueButton_msfhp.filter-tag__checked_msfhp:not(:disabled).filter-tag__close_msfhp.filter-tag__size-32_msfhp {
                     padding-right: var(--gap-0);
-                } .filter-tag__valueButton_1qxz9.filter-tag__checked_1qxz9:not(:disabled).filter-tag__close_1qxz9.filter-tag__size-40_1qxz9 {
+                } .filter-tag__valueButton_msfhp.filter-tag__checked_msfhp:not(:disabled).filter-tag__close_msfhp.filter-tag__size-40_msfhp {
                     padding-right: var(--gap-4);
-                } .filter-tag__valueButton_1qxz9.filter-tag__checked_1qxz9:not(:disabled).filter-tag__close_1qxz9.filter-tag__size-48_1qxz9 {
+                } .filter-tag__valueButton_msfhp.filter-tag__checked_msfhp:not(:disabled).filter-tag__close_msfhp.filter-tag__size-48_msfhp {
                     padding-right: var(--gap-8);
                 } @media (hover: hover) {
-            .filter-tag__valueButton_1qxz9.filter-tag__checked_1qxz9:not(:disabled):hover {
+            .filter-tag__valueButton_msfhp.filter-tag__checked_msfhp:not(:disabled):hover {
                 background-color: var(--tag-background-color-checked-hover);
             }
-        } .filter-tag__valueButton_1qxz9.filter-tag__checked_1qxz9:not(:disabled):active {
+        } .filter-tag__valueButton_msfhp.filter-tag__checked_msfhp:not(:disabled):active {
             background-color: var(--tag-background-color-checked-active);
         } @media (hover: hover) {
-            .filter-tag__valueButton_1qxz9.filter-tag__checked_1qxz9:not(:disabled):hover + .filter-tag__clear_1qxz9:before {
+            .filter-tag__valueButton_msfhp.filter-tag__checked_msfhp:not(:disabled):hover + .filter-tag__clear_msfhp:before {
                 background-color: var(--filter-tag-separator-background-color-hover);
             }
-        } .filter-tag__valueButton_1qxz9.filter-tag__checked_1qxz9:not(:disabled):active + .filter-tag__clear_1qxz9:before {
+        } .filter-tag__valueButton_msfhp.filter-tag__checked_msfhp:not(:disabled):active + .filter-tag__clear_msfhp:before {
             background-color: transparent;
-        } .filter-tag__valueButton_1qxz9.filter-tag__checked_1qxz9:disabled {
+        } .filter-tag__valueButton_msfhp.filter-tag__checked_msfhp:disabled {
             color: var(--tag-text-color-checked-disabled);
             background-color: var(--tag-background-color-checked-disabled)
-        } .filter-tag__valueButton_1qxz9.filter-tag__checked_1qxz9:disabled > .filter-tag__chevron_1qxz9 {
+        } .filter-tag__valueButton_msfhp.filter-tag__checked_msfhp:disabled > .filter-tag__chevron_msfhp {
                 color: var(--color-light-neutral-500);
-            } .filter-tag__clear_1qxz9 {
+            } .filter-tag__clear_msfhp {
     position: relative;
     cursor: pointer;
     display: flex;
     align-items: center;
     color: var(--color-light-neutral-translucent-700-inverted);
     background-color: var(--tag-background-color-checked)
-} .filter-tag__clear_1qxz9.filter-tag__rounded_1qxz9.filter-tag__size-32_1qxz9 {
+} .filter-tag__clear_msfhp.filter-tag__rounded_msfhp.filter-tag__size-32_msfhp {
             border-radius: 0 var(--tag-rounded-xxs-border-radius)
                 var(--tag-rounded-xxs-border-radius) 0;
-        } .filter-tag__clear_1qxz9.filter-tag__rounded_1qxz9.filter-tag__size-40_1qxz9 {
+        } .filter-tag__clear_msfhp.filter-tag__rounded_msfhp.filter-tag__size-40_msfhp {
             border-radius: 0 var(--tag-rounded-xs-border-radius) var(--tag-rounded-xs-border-radius)
                 0;
-        } .filter-tag__clear_1qxz9.filter-tag__rounded_1qxz9.filter-tag__size-48_1qxz9 {
+        } .filter-tag__clear_msfhp.filter-tag__rounded_msfhp.filter-tag__size-48_msfhp {
             border-radius: 0 var(--tag-rounded-s-border-radius) var(--tag-rounded-s-border-radius) 0;
-        } .filter-tag__clear_1qxz9:before {
+        } .filter-tag__clear_msfhp:before {
         content: '';
         position: absolute;
         left: var(--gap-0);
@@ -305,32 +305,32 @@
         width: 1px;
         transition: background-color 0.2s ease;
     } @media (hover: hover) {
-        .filter-tag__clear_1qxz9:hover:before {
+        .filter-tag__clear_msfhp:hover:before {
             background-color: var(--filter-tag-separator-background-color-hover);
         }
-    } .filter-tag__clear_1qxz9:active:before {
+    } .filter-tag__clear_msfhp:active:before {
         background-color: transparent;
     } @media (hover: hover) {
-        .filter-tag__clear_1qxz9:hover {
+        .filter-tag__clear_msfhp:hover {
             color: var(--color-light-neutral-translucent-700-inverted-hover);
             background-color: var(--tag-background-color-checked-hover);
         }
-    } .filter-tag__clear_1qxz9:active {
+    } .filter-tag__clear_msfhp:active {
         color: var(--color-light-neutral-translucent-700-inverted-press);
         background-color: var(--tag-background-color-checked-active);
-    } .filter-tag__clear_1qxz9.filter-tag__size-48_1qxz9 {
+    } .filter-tag__clear_msfhp.filter-tag__size-48_msfhp {
         padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-8)
-    } .filter-tag__clear_1qxz9.filter-tag__size-48_1qxz9:before {
+    } .filter-tag__clear_msfhp.filter-tag__size-48_msfhp:before {
             height: 24px;
-        } .filter-tag__clear_1qxz9.filter-tag__size-40_1qxz9 {
+        } .filter-tag__clear_msfhp.filter-tag__size-40_msfhp {
         padding: var(--gap-0) var(--gap-8)
-    } .filter-tag__clear_1qxz9.filter-tag__size-40_1qxz9:before {
+    } .filter-tag__clear_msfhp.filter-tag__size-40_msfhp:before {
             height: 24px;
-        } .filter-tag__clear_1qxz9.filter-tag__size-32_1qxz9 {
+        } .filter-tag__clear_msfhp.filter-tag__size-32_msfhp {
         padding: var(--gap-0) 3px var(--gap-0) var(--gap-4)
-    } .filter-tag__clear_1qxz9.filter-tag__size-32_1qxz9:before {
+    } .filter-tag__clear_msfhp.filter-tag__size-32_msfhp:before {
             height: 20px;
-        } .filter-tag__iconWrapper_1qxz9 {
+        } .filter-tag__iconWrapper_msfhp {
     width: 24px;
     height: 24px;
     display: flex;

package/filter-tag/modern/desktop/Component.desktop.js

@@ -7,7 +7,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossCircleSIcon';
 
-const styles = {"component":"filter-tag__component_1vdtn","rectangular":"filter-tag__rectangular_1vdtn","size-32":"filter-tag__size-32_1vdtn","size-40":"filter-tag__size-40_1vdtn","size-48":"filter-tag__size-48_1vdtn","valueButton":"filter-tag__valueButton_1vdtn","filled":"filter-tag__filled_1vdtn","checked":"filter-tag__checked_1vdtn","close":"filter-tag__close_1vdtn","clear":"filter-tag__clear_1vdtn"};
+const styles = {"component":"filter-tag__component_1rol9","rectangular":"filter-tag__rectangular_1rol9","size-32":"filter-tag__size-32_1rol9","size-40":"filter-tag__size-40_1rol9","size-48":"filter-tag__size-48_1rol9","valueButton":"filter-tag__valueButton_1rol9","filled":"filter-tag__filled_1rol9","checked":"filter-tag__checked_1rol9","close":"filter-tag__close_1rol9","clear":"filter-tag__clear_1rol9"};
 require('./desktop.css');
 
 const FilterTagDesktop = forwardRef((restProps, ref) => React.createElement(BaseFilterTag, { ...restProps, ref: ref, styles: styles }));

package/filter-tag/modern/desktop/desktop.css

@@ -1,4 +1,4 @@
-/* hash: zv8qx */
+/* hash: xf3hq */
 :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-translucent-100: rgba(38, 55, 88, 0.06);
@@ -62,50 +62,50 @@
     /* mobile */
 
     /* mobile inverted */
-} .filter-tag__component_1vdtn.filter-tag__rectangular_1vdtn.filter-tag__size-32_1vdtn {
+} .filter-tag__component_1rol9.filter-tag__rectangular_1rol9.filter-tag__size-32_1rol9 {
             border-radius: var(--tag-rectangular-xxs-border-radius);
-        } .filter-tag__component_1vdtn.filter-tag__rectangular_1vdtn.filter-tag__size-40_1vdtn {
+        } .filter-tag__component_1rol9.filter-tag__rectangular_1rol9.filter-tag__size-40_1rol9 {
             border-radius: var(--tag-rectangular-xs-border-radius);
-        } .filter-tag__component_1vdtn.filter-tag__rectangular_1vdtn.filter-tag__size-48_1vdtn {
+        } .filter-tag__component_1rol9.filter-tag__rectangular_1rol9.filter-tag__size-48_1rol9 {
             border-radius: var(--tag-rectangular-s-border-radius);
-        } .filter-tag__valueButton_1vdtn.filter-tag__rectangular_1vdtn.filter-tag__size-32_1vdtn {
+        } .filter-tag__valueButton_1rol9.filter-tag__rectangular_1rol9.filter-tag__size-32_1rol9 {
             border-radius: var(--tag-rectangular-xxs-border-radius);
-        } .filter-tag__valueButton_1vdtn.filter-tag__rectangular_1vdtn.filter-tag__size-40_1vdtn {
+        } .filter-tag__valueButton_1rol9.filter-tag__rectangular_1rol9.filter-tag__size-40_1rol9 {
             border-radius: var(--tag-rectangular-xs-border-radius);
-        } .filter-tag__valueButton_1vdtn.filter-tag__rectangular_1vdtn.filter-tag__size-48_1vdtn {
+        } .filter-tag__valueButton_1rol9.filter-tag__rectangular_1rol9.filter-tag__size-48_1rol9 {
             border-radius: var(--tag-rectangular-s-border-radius);
-        } .filter-tag__valueButton_1vdtn.filter-tag__filled_1vdtn {
+        } .filter-tag__valueButton_1rol9.filter-tag__filled_1rol9 {
         background-color: var(--tag-filled-background-color)
-    } .filter-tag__valueButton_1vdtn.filter-tag__filled_1vdtn:disabled {
+    } .filter-tag__valueButton_1rol9.filter-tag__filled_1rol9:disabled {
             background-color: var(--tag-filled-background-color-disabled);
         } @media (hover: hover) {
-            .filter-tag__valueButton_1vdtn.filter-tag__filled_1vdtn:not(:disabled):hover {
+            .filter-tag__valueButton_1rol9.filter-tag__filled_1rol9:not(:disabled):hover {
                 background-color: var(--tag-filled-background-color-hover);
             }
-        } .filter-tag__valueButton_1vdtn.filter-tag__filled_1vdtn:not(:disabled):active {
+        } .filter-tag__valueButton_1rol9.filter-tag__filled_1rol9:not(:disabled):active {
             background-color: var(--tag-filled-background-color-active);
-        } .filter-tag__valueButton_1vdtn.filter-tag__checked_1vdtn.filter-tag__rectangular_1vdtn.filter-tag__size-32_1vdtn {
+        } .filter-tag__valueButton_1rol9.filter-tag__checked_1rol9.filter-tag__rectangular_1rol9.filter-tag__size-32_1rol9 {
                 border-radius: var(--tag-rectangular-xxs-border-radius) 0 0
                     var(--tag-rectangular-xxs-border-radius);
-            } .filter-tag__valueButton_1vdtn.filter-tag__checked_1vdtn.filter-tag__rectangular_1vdtn.filter-tag__size-40_1vdtn {
+            } .filter-tag__valueButton_1rol9.filter-tag__checked_1rol9.filter-tag__rectangular_1rol9.filter-tag__size-40_1rol9 {
                 border-radius: var(--tag-rectangular-xs-border-radius) 0 0
                     var(--tag-rectangular-xs-border-radius);
-            } .filter-tag__valueButton_1vdtn.filter-tag__checked_1vdtn.filter-tag__rectangular_1vdtn.filter-tag__size-48_1vdtn {
+            } .filter-tag__valueButton_1rol9.filter-tag__checked_1rol9.filter-tag__rectangular_1rol9.filter-tag__size-48_1rol9 {
                 border-radius: var(--tag-rectangular-s-border-radius) 0 0
                     var(--tag-rectangular-s-border-radius);
-            } .filter-tag__valueButton_1vdtn.filter-tag__checked_1vdtn.filter-tag__rectangular_1vdtn:disabled.filter-tag__size-32_1vdtn, .filter-tag__valueButton_1vdtn.filter-tag__checked_1vdtn.filter-tag__rectangular_1vdtn.filter-tag__close_1vdtn.filter-tag__size-32_1vdtn {
+            } .filter-tag__valueButton_1rol9.filter-tag__checked_1rol9.filter-tag__rectangular_1rol9:disabled.filter-tag__size-32_1rol9, .filter-tag__valueButton_1rol9.filter-tag__checked_1rol9.filter-tag__rectangular_1rol9.filter-tag__close_1rol9.filter-tag__size-32_1rol9 {
                     border-radius: var(--tag-rectangular-xxs-border-radius);
-                } .filter-tag__valueButton_1vdtn.filter-tag__checked_1vdtn.filter-tag__rectangular_1vdtn:disabled.filter-tag__size-40_1vdtn, .filter-tag__valueButton_1vdtn.filter-tag__checked_1vdtn.filter-tag__rectangular_1vdtn.filter-tag__close_1vdtn.filter-tag__size-40_1vdtn {
+                } .filter-tag__valueButton_1rol9.filter-tag__checked_1rol9.filter-tag__rectangular_1rol9:disabled.filter-tag__size-40_1rol9, .filter-tag__valueButton_1rol9.filter-tag__checked_1rol9.filter-tag__rectangular_1rol9.filter-tag__close_1rol9.filter-tag__size-40_1rol9 {
                     border-radius: var(--tag-rectangular-xs-border-radius);
-                } .filter-tag__valueButton_1vdtn.filter-tag__checked_1vdtn.filter-tag__rectangular_1vdtn:disabled.filter-tag__size-48_1vdtn, .filter-tag__valueButton_1vdtn.filter-tag__checked_1vdtn.filter-tag__rectangular_1vdtn.filter-tag__close_1vdtn.filter-tag__size-48_1vdtn {
+                } .filter-tag__valueButton_1rol9.filter-tag__checked_1rol9.filter-tag__rectangular_1rol9:disabled.filter-tag__size-48_1rol9, .filter-tag__valueButton_1rol9.filter-tag__checked_1rol9.filter-tag__rectangular_1rol9.filter-tag__close_1rol9.filter-tag__size-48_1rol9 {
                     border-radius: var(--tag-rectangular-s-border-radius);
-                } .filter-tag__clear_1vdtn.filter-tag__rectangular_1vdtn.filter-tag__size-32_1vdtn {
+                } .filter-tag__clear_1rol9.filter-tag__rectangular_1rol9.filter-tag__size-32_1rol9 {
             border-radius: 0 var(--tag-rectangular-xxs-border-radius)
                 var(--tag-rectangular-xxs-border-radius) 0;
-        } .filter-tag__clear_1vdtn.filter-tag__rectangular_1vdtn.filter-tag__size-40_1vdtn {
+        } .filter-tag__clear_1rol9.filter-tag__rectangular_1rol9.filter-tag__size-40_1rol9 {
             border-radius: 0 var(--tag-rectangular-xs-border-radius)
                 var(--tag-rectangular-xs-border-radius) 0;
-        } .filter-tag__clear_1vdtn.filter-tag__rectangular_1vdtn.filter-tag__size-48_1vdtn {
+        } .filter-tag__clear_1rol9.filter-tag__rectangular_1rol9.filter-tag__size-48_1rol9 {
             border-radius: 0 var(--tag-rectangular-s-border-radius)
                 var(--tag-rectangular-s-border-radius) 0;
         }

package/filter-tag/modern/mobile/Component.mobile.js

@@ -7,7 +7,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossCircleSIcon';
 
-const styles = {"component":"filter-tag__component_1eh39","rectangular":"filter-tag__rectangular_1eh39","size-32":"filter-tag__size-32_1eh39","size-40":"filter-tag__size-40_1eh39","size-48":"filter-tag__size-48_1eh39","valueButton":"filter-tag__valueButton_1eh39","filled":"filter-tag__filled_1eh39","checked":"filter-tag__checked_1eh39","close":"filter-tag__close_1eh39","clear":"filter-tag__clear_1eh39"};
+const styles = {"component":"filter-tag__component_1n70h","rectangular":"filter-tag__rectangular_1n70h","size-32":"filter-tag__size-32_1n70h","size-40":"filter-tag__size-40_1n70h","size-48":"filter-tag__size-48_1n70h","valueButton":"filter-tag__valueButton_1n70h","filled":"filter-tag__filled_1n70h","checked":"filter-tag__checked_1n70h","close":"filter-tag__close_1n70h","clear":"filter-tag__clear_1n70h"};
 require('./mobile.css');
 
 const FilterTagMobile = forwardRef((restProps, ref) => React.createElement(BaseFilterTag, { ...restProps, ref: ref, styles: styles }));

package/filter-tag/modern/mobile/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1ybxb */
+/* hash: wwd5d */
 :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-translucent-100: rgba(38, 55, 88, 0.06);
@@ -61,50 +61,50 @@
     --tag-filled-mobile-background-color-disabled: var(--color-light-neutral-translucent-100);
 
     /* mobile inverted */
-} .filter-tag__component_1eh39.filter-tag__rectangular_1eh39.filter-tag__size-32_1eh39 {
+} .filter-tag__component_1n70h.filter-tag__rectangular_1n70h.filter-tag__size-32_1n70h {
             border-radius: var(--tag-rectangular-mobile-xxs-border-radius);
-        } .filter-tag__component_1eh39.filter-tag__rectangular_1eh39.filter-tag__size-40_1eh39 {
+        } .filter-tag__component_1n70h.filter-tag__rectangular_1n70h.filter-tag__size-40_1n70h {
             border-radius: var(--tag-rectangular-mobile-xs-border-radius);
-        } .filter-tag__component_1eh39.filter-tag__rectangular_1eh39.filter-tag__size-48_1eh39 {
+        } .filter-tag__component_1n70h.filter-tag__rectangular_1n70h.filter-tag__size-48_1n70h {
             border-radius: var(--tag-rectangular-mobile-s-border-radius);
-        } .filter-tag__valueButton_1eh39.filter-tag__rectangular_1eh39.filter-tag__size-32_1eh39 {
+        } .filter-tag__valueButton_1n70h.filter-tag__rectangular_1n70h.filter-tag__size-32_1n70h {
             border-radius: var(--tag-rectangular-mobile-xxs-border-radius);
-        } .filter-tag__valueButton_1eh39.filter-tag__rectangular_1eh39.filter-tag__size-40_1eh39 {
+        } .filter-tag__valueButton_1n70h.filter-tag__rectangular_1n70h.filter-tag__size-40_1n70h {
             border-radius: var(--tag-rectangular-mobile-xs-border-radius);
-        } .filter-tag__valueButton_1eh39.filter-tag__rectangular_1eh39.filter-tag__size-48_1eh39 {
+        } .filter-tag__valueButton_1n70h.filter-tag__rectangular_1n70h.filter-tag__size-48_1n70h {
             border-radius: var(--tag-rectangular-mobile-s-border-radius);
-        } .filter-tag__valueButton_1eh39.filter-tag__filled_1eh39 {
+        } .filter-tag__valueButton_1n70h.filter-tag__filled_1n70h {
         background-color: var(--tag-filled-mobile-background-color)
-    } .filter-tag__valueButton_1eh39.filter-tag__filled_1eh39:disabled {
+    } .filter-tag__valueButton_1n70h.filter-tag__filled_1n70h:disabled {
             background-color: var(--tag-filled-mobile-background-color-disabled);
         } @media (hover: hover) {
-            .filter-tag__valueButton_1eh39.filter-tag__filled_1eh39:not(:disabled):hover {
+            .filter-tag__valueButton_1n70h.filter-tag__filled_1n70h:not(:disabled):hover {
                 background-color: var(--tag-filled-mobile-background-color-hover);
             }
-        } .filter-tag__valueButton_1eh39.filter-tag__filled_1eh39:not(:disabled):active {
+        } .filter-tag__valueButton_1n70h.filter-tag__filled_1n70h:not(:disabled):active {
             background-color: var(--tag-filled-mobile-background-color-active);
-        } .filter-tag__valueButton_1eh39.filter-tag__checked_1eh39.filter-tag__rectangular_1eh39.filter-tag__size-32_1eh39 {
+        } .filter-tag__valueButton_1n70h.filter-tag__checked_1n70h.filter-tag__rectangular_1n70h.filter-tag__size-32_1n70h {
                 border-radius: var(--tag-rectangular-mobile-xxs-border-radius) 0 0
                     var(--tag-rectangular-mobile-xxs-border-radius);
-            } .filter-tag__valueButton_1eh39.filter-tag__checked_1eh39.filter-tag__rectangular_1eh39.filter-tag__size-40_1eh39 {
+            } .filter-tag__valueButton_1n70h.filter-tag__checked_1n70h.filter-tag__rectangular_1n70h.filter-tag__size-40_1n70h {
                 border-radius: var(--tag-rectangular-mobile-xs-border-radius) 0 0
                     var(--tag-rectangular-mobile-xs-border-radius);
-            } .filter-tag__valueButton_1eh39.filter-tag__checked_1eh39.filter-tag__rectangular_1eh39.filter-tag__size-48_1eh39 {
+            } .filter-tag__valueButton_1n70h.filter-tag__checked_1n70h.filter-tag__rectangular_1n70h.filter-tag__size-48_1n70h {
                 border-radius: var(--tag-rectangular-mobile-s-border-radius) 0 0
                     var(--tag-rectangular-mobile-s-border-radius);
-            } .filter-tag__valueButton_1eh39.filter-tag__checked_1eh39.filter-tag__rectangular_1eh39:disabled.filter-tag__size-32_1eh39, .filter-tag__valueButton_1eh39.filter-tag__checked_1eh39.filter-tag__rectangular_1eh39.filter-tag__close_1eh39.filter-tag__size-32_1eh39 {
+            } .filter-tag__valueButton_1n70h.filter-tag__checked_1n70h.filter-tag__rectangular_1n70h:disabled.filter-tag__size-32_1n70h, .filter-tag__valueButton_1n70h.filter-tag__checked_1n70h.filter-tag__rectangular_1n70h.filter-tag__close_1n70h.filter-tag__size-32_1n70h {
                     border-radius: var(--tag-rectangular-mobile-xxs-border-radius);
-                } .filter-tag__valueButton_1eh39.filter-tag__checked_1eh39.filter-tag__rectangular_1eh39:disabled.filter-tag__size-40_1eh39, .filter-tag__valueButton_1eh39.filter-tag__checked_1eh39.filter-tag__rectangular_1eh39.filter-tag__close_1eh39.filter-tag__size-40_1eh39 {
+                } .filter-tag__valueButton_1n70h.filter-tag__checked_1n70h.filter-tag__rectangular_1n70h:disabled.filter-tag__size-40_1n70h, .filter-tag__valueButton_1n70h.filter-tag__checked_1n70h.filter-tag__rectangular_1n70h.filter-tag__close_1n70h.filter-tag__size-40_1n70h {
                     border-radius: var(--tag-rectangular-mobile-xs-border-radius);
-                } .filter-tag__valueButton_1eh39.filter-tag__checked_1eh39.filter-tag__rectangular_1eh39:disabled.filter-tag__size-48_1eh39, .filter-tag__valueButton_1eh39.filter-tag__checked_1eh39.filter-tag__rectangular_1eh39.filter-tag__close_1eh39.filter-tag__size-48_1eh39 {
+                } .filter-tag__valueButton_1n70h.filter-tag__checked_1n70h.filter-tag__rectangular_1n70h:disabled.filter-tag__size-48_1n70h, .filter-tag__valueButton_1n70h.filter-tag__checked_1n70h.filter-tag__rectangular_1n70h.filter-tag__close_1n70h.filter-tag__size-48_1n70h {
                     border-radius: var(--tag-rectangular-mobile-s-border-radius);
-                } .filter-tag__clear_1eh39.filter-tag__rectangular_1eh39.filter-tag__size-32_1eh39 {
+                } .filter-tag__clear_1n70h.filter-tag__rectangular_1n70h.filter-tag__size-32_1n70h {
             border-radius: 0 var(--tag-rectangular-mobile-xxs-border-radius)
                 var(--tag-rectangular-mobile-xxs-border-radius) 0;
-        } .filter-tag__clear_1eh39.filter-tag__rectangular_1eh39.filter-tag__size-40_1eh39 {
+        } .filter-tag__clear_1n70h.filter-tag__rectangular_1n70h.filter-tag__size-40_1n70h {
             border-radius: 0 var(--tag-rectangular-mobile-xs-border-radius)
                 var(--tag-rectangular-mobile-xs-border-radius) 0;
-        } .filter-tag__clear_1eh39.filter-tag__rectangular_1eh39.filter-tag__size-48_1eh39 {
+        } .filter-tag__clear_1n70h.filter-tag__rectangular_1n70h.filter-tag__size-48_1n70h {
             border-radius: 0 var(--tag-rectangular-mobile-s-border-radius)
                 var(--tag-rectangular-mobile-s-border-radius) 0;
         }

package/form-control/components/base-form-control/Component.d.ts

@@ -18,7 +18,7 @@ type BaseFormControlProps = HTMLAttributes<HTMLDivElement> & {
      * Размер компонента
      * @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;
     /**
      * Набор цветов для компонента
      */
@@ -125,7 +125,7 @@ declare const BaseFormControl: React.ForwardRefExoticComponent<React.HTMLAttribu
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: "s" | "m" | "l" | "xl" | 48 | 56 | 64 | 72 | undefined;
+    size?: "s" | "m" | "l" | "xl" | 40 | 48 | 56 | 64 | 72 | undefined;
     /**
      * Набор цветов для компонента
      */

package/form-control/components/base-form-control/Component.js

@@ -10,13 +10,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"component":"form-control__component_ws9v0","label":"form-control__label_ws9v0","hint":"form-control__hint_ws9v0","inner":"form-control__inner_ws9v0","disabled":"form-control__disabled_ws9v0","hasError":"form-control__hasError_ws9v0","focused":"form-control__focused_ws9v0","error":"form-control__error_ws9v0"};
+var defaultColors = {"component":"form-control__component_nrq9y","label":"form-control__label_nrq9y","hint":"form-control__hint_nrq9y","inner":"form-control__inner_nrq9y","disabled":"form-control__disabled_nrq9y","hasError":"form-control__hasError_nrq9y","focused":"form-control__focused_nrq9y","error":"form-control__error_nrq9y"};
 require('./default.css');
 
-var commonStyles = {"component":"form-control__component_1r3cs","inner":"form-control__inner_1r3cs","inputWrapper":"form-control__inputWrapper_1r3cs","input":"form-control__input_1r3cs","label":"form-control__label_1r3cs","labelInner":"form-control__labelInner_1r3cs","addons":"form-control__addons_1r3cs","leftAddons":"form-control__leftAddons_1r3cs","rightAddons":"form-control__rightAddons_1r3cs","sub":"form-control__sub_1r3cs","above":"form-control__above_1r3cs","block":"form-control__block_1r3cs","size-48":"form-control__size-48_1r3cs","hasInnerLabel":"form-control__hasInnerLabel_1r3cs","size-56":"form-control__size-56_1r3cs","size-64":"form-control__size-64_1r3cs","size-72":"form-control__size-72_1r3cs","hasLeftAddons":"form-control__hasLeftAddons_1r3cs","hasRightAddons":"form-control__hasRightAddons_1r3cs","disabled":"form-control__disabled_1r3cs","focused":"form-control__focused_1r3cs","hasError":"form-control__hasError_1r3cs","filled":"form-control__filled_1r3cs","hiddenLabel":"form-control__hiddenLabel_1r3cs"};
+var commonStyles = {"component":"form-control__component_1xsgz","inner":"form-control__inner_1xsgz","inputWrapper":"form-control__inputWrapper_1xsgz","input":"form-control__input_1xsgz","size-40":"form-control__size-40_1xsgz","label":"form-control__label_1xsgz","labelInner":"form-control__labelInner_1xsgz","addons":"form-control__addons_1xsgz","leftAddons":"form-control__leftAddons_1xsgz","rightAddons":"form-control__rightAddons_1xsgz","sub":"form-control__sub_1xsgz","above":"form-control__above_1xsgz","block":"form-control__block_1xsgz","hasInnerLabel":"form-control__hasInnerLabel_1xsgz","size-48":"form-control__size-48_1xsgz","size-56":"form-control__size-56_1xsgz","size-64":"form-control__size-64_1xsgz","size-72":"form-control__size-72_1xsgz","hasLeftAddons":"form-control__hasLeftAddons_1xsgz","hasRightAddons":"form-control__hasRightAddons_1xsgz","disabled":"form-control__disabled_1xsgz","focused":"form-control__focused_1xsgz","hasError":"form-control__hasError_1xsgz","filled":"form-control__filled_1xsgz","hiddenLabel":"form-control__hiddenLabel_1xsgz"};
 require('./index.css');
 
-var invertedColors = {"component":"form-control__component_r780p","label":"form-control__label_r780p","hint":"form-control__hint_r780p","inner":"form-control__inner_r780p","disabled":"form-control__disabled_r780p","hasError":"form-control__hasError_r780p","focused":"form-control__focused_r780p","error":"form-control__error_r780p"};
+var invertedColors = {"component":"form-control__component_i6ofn","label":"form-control__label_i6ofn","hint":"form-control__hint_i6ofn","inner":"form-control__inner_i6ofn","disabled":"form-control__disabled_i6ofn","hasError":"form-control__hasError_i6ofn","focused":"form-control__focused_i6ofn","error":"form-control__error_i6ofn"};
 require('./inverted.css');
 
 var colorCommonStyles = {
@@ -28,6 +28,7 @@ var SIZE_TO_CLASSNAME_MAP = {
     m: 'size-56',
     l: 'size-64',
     xl: 'size-72',
+    40: 'size-40',
     48: 'size-48',
     56: 'size-56',
     64: 'size-64',
@@ -42,7 +43,7 @@ var BaseFormControl = React__default.default.forwardRef(function (_a, ref) {
             _b[commonStyles.hasLeftAddons] = leftAddons,
             _b[commonStyles.hasRightAddons] = rightAddons || error,
             _b)) },
-        label && labelView === 'outer' && (React__default.default.createElement("span", { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'label'), className: cn__default.default(commonStyles.above, styles.above, colorCommonStyles[colors].label) }, label)),
+        label && labelView === 'outer' && (React__default.default.createElement("span", { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'label'), className: cn__default.default(commonStyles.above, commonStyles["size-".concat(size)], styles.above, colorCommonStyles[colors].label) }, label)),
         React__default.default.createElement("div", tslib.__assign({ "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'inner') }, restProps, { className: cn__default.default(fieldClassName, commonStyles.inner, styles.inner, colorCommonStyles[colors].inner, colorStyles[colors].inner, (_c = {},
                 _c[commonStyles.disabled] = disabled || readOnly,
                 _c[colorCommonStyles[colors].disabled] = disabled || readOnly,
@@ -62,11 +63,11 @@ var BaseFormControl = React__default.default.forwardRef(function (_a, ref) {
                     React__default.default.createElement("span", { className: commonStyles.hiddenLabel, "aria-hidden": true }, label),
                     React__default.default.createElement("div", { className: cn__default.default(commonStyles.label, colorCommonStyles[colors].label, labelClassName) },
                         React__default.default.createElement("span", { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'label'), className: commonStyles.labelInner }, label)))),
-                React__default.default.createElement("div", { className: commonStyles.input }, children)),
+                React__default.default.createElement("div", { className: cn__default.default(commonStyles.input, commonStyles["size-".concat(size)]) }, children)),
             rightAddons && (React__default.default.createElement("div", tslib.__assign({}, rightAddonsProps, { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'right-addons'), className: cn__default.default(commonStyles.addons, commonStyles.rightAddons, addonsClassName, rightAddonsProps === null || rightAddonsProps === void 0 ? void 0 : rightAddonsProps.className) }), rightAddons))),
         bottomAddons,
-        errorMessage && (React__default.default.createElement("span", { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'error-message'), className: cn__default.default(commonStyles.sub, styles.error, colorCommonStyles[colors].error), role: 'alert' }, errorMessage)),
-        hint && !errorMessage && (React__default.default.createElement("span", { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'hint'), className: cn__default.default(commonStyles.sub, styles.sub, colorCommonStyles[colors].hint) }, hint))));
+        errorMessage && (React__default.default.createElement("span", { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'error-message'), className: cn__default.default(commonStyles.sub, commonStyles["size-".concat(size)], styles.error, colorCommonStyles[colors].error), role: 'alert' }, errorMessage)),
+        hint && !errorMessage && (React__default.default.createElement("span", { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'hint'), className: cn__default.default(commonStyles.sub, commonStyles["size-".concat(size)], styles.sub, colorCommonStyles[colors].hint) }, hint))));
 });
 
 exports.BaseFormControl = BaseFormControl;