@alfalab/core-components 37.5.2 → 37.5.3

package/plate/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1xxu0 */
+/* hash: bu5b0 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-attention-muted: #fff3e0;
@@ -47,7 +47,7 @@
     --plate-background: transparent;
     --plate-border-color: var(--color-static-status-grey);
     --plate-box-shadow: var(--shadow-s);
-} .plate__component_z97lh {
+} .plate__component_1kxsp {
     position: relative;
     display: inline-flex;
     box-sizing: border-box;
@@ -56,28 +56,28 @@
     min-height: 56px;
     padding: var(--gap-s);
     outline: none
-} .plate__component_z97lh:before {
+} .plate__component_1kxsp:before {
         content: '';
         width: var(--plate-border-left);
         position: absolute;
         height: 100%;
         top: 0;
         left: 0;
-    } .plate__foldable_z97lh {
+    } .plate__foldable_1kxsp {
     cursor: pointer;
-} .plate__component_z97lh * {
+} .plate__component_1kxsp * {
     box-sizing: border-box;
-} .plate__focused_z97lh {
+} .plate__focused_1kxsp {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .plate__inner_z97lh {
+} .plate__inner_1kxsp {
     position: relative;
     width: 100%;
     display: flex;
     justify-content: space-between;
-} .plate__rounded_z97lh:before, .plate__noBorder_z97lh:before {
+} .plate__rounded_1kxsp:before, .plate__noBorder_1kxsp:before {
         display: none;
-    } .plate__shadow_z97lh:after {
+    } .plate__shadow_1kxsp:after {
     content: '';
     position: absolute;
     top: 0;
@@ -89,66 +89,66 @@
     display: block;
     box-shadow: var(--plate-box-shadow);
     pointer-events: none;
-} .plate__rounded_z97lh {
+} .plate__rounded_1kxsp {
     border-radius: var(--plate-border-radius)
-} .plate__rounded_z97lh.plate__shadow_z97lh:after {
+} .plate__rounded_1kxsp.plate__shadow_1kxsp:after {
         border-radius: var(--plate-border-radius);
-    } .plate__common_z97lh {
+    } .plate__common_1kxsp {
     background-color: var(--color-light-specialbg-secondary-transparent);
     box-shadow: var(--plate-border) var(--color-static-status-grey)
-} .plate__common_z97lh:before {
+} .plate__common_1kxsp:before {
         background-color: var(--color-static-status-grey);
-    } .plate__negative_z97lh {
+    } .plate__negative_1kxsp {
     background-color: var(--color-light-bg-negative-muted);
     box-shadow: var(--plate-border) var(--color-static-status-red)
-} .plate__negative_z97lh:before {
+} .plate__negative_1kxsp:before {
         background-color: var(--color-static-status-red);
-    } .plate__positive_z97lh {
+    } .plate__positive_1kxsp {
     background-color: var(--color-light-bg-positive-muted);
     box-shadow: var(--plate-border) var(--color-static-status-green)
-} .plate__positive_z97lh:before {
+} .plate__positive_1kxsp:before {
         background-color: var(--color-static-status-green);
-    } .plate__attention_z97lh {
+    } .plate__attention_1kxsp {
     background-color: var(--color-light-bg-attention-muted);
     box-shadow: var(--plate-border) var(--color-static-status-orange)
-} .plate__attention_z97lh:before {
+} .plate__attention_1kxsp:before {
         background-color: var(--color-static-status-orange);
-    } .plate__custom_z97lh {
+    } .plate__custom_1kxsp {
     background: var(--plate-background);
     box-shadow: var(--plate-border) var(--plate-border-color)
-} .plate__custom_z97lh:before {
+} .plate__custom_1kxsp:before {
         background-color: var(--plate-border-color);
-    } .plate__rect_z97lh,
-.plate__noBorder_z97lh {
+    } .plate__rect_1kxsp,
+.plate__noBorder_1kxsp {
     box-shadow: none;
-} .plate__isHidden_z97lh {
+} .plate__isHidden_1kxsp {
     display: none;
-} .plate__leftAddons_z97lh,
-.plate__rightAddons_z97lh {
+} .plate__leftAddons_1kxsp,
+.plate__rightAddons_1kxsp {
     padding: var(--gap-2xs);
-} .plate__leftAddons_z97lh {
+} .plate__leftAddons_1kxsp {
     flex-shrink: 0;
     min-width: 24px;
     margin-right: var(--gap-2xs);
-} .plate__subAddons_z97lh {
+} .plate__subAddons_1kxsp {
     cursor: default;
     align-self: flex-start;
-} .plate__bold_z97lh,
-.plate__light_z97lh {
+} .plate__bold_1kxsp,
+.plate__light_1kxsp {
     word-break: break-word;
-} .plate__bold_z97lh {
+} .plate__bold_1kxsp {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
     padding: 5px var(--gap-s) 5px var(--gap-2xs);
-} .plate__light_z97lh {
+} .plate__light_1kxsp {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: 6px var(--gap-s) 6px var(--gap-2xs);
-} .plate__foldable_z97lh .plate__content_z97lh {
+} .plate__foldable_1kxsp .plate__content_1kxsp {
     max-height: 300vh;
-} .plate__content_z97lh {
+} .plate__content_1kxsp {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -156,25 +156,25 @@
     overflow: hidden;
     transition: max-height 2s ease-in-out;
     cursor: default
-} .plate__content_z97lh.plate__isFolded_z97lh.plate__isFolded_z97lh {
+} .plate__content_1kxsp.plate__isFolded_1kxsp.plate__isFolded_1kxsp {
         max-height: 0;
         transition: max-height 1s cubic-bezier(0, 1, 0, 1);
-    } .plate__contentContainer_z97lh {
+    } .plate__contentContainer_1kxsp {
     flex: 1;
     margin-right: auto
-} .plate__contentContainer_z97lh.plate__withoutTitle_z97lh {
+} .plate__contentContainer_1kxsp.plate__withoutTitle_1kxsp {
         padding-top: var(--gap-3xs);
-    } .plate__limitWidth_z97lh {
+    } .plate__limitWidth_1kxsp {
     max-width: var(--plate-width-limit);
-} .plate__description_z97lh {
+} .plate__description_1kxsp {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: var(--gap-2xs) var(--gap-s) var(--gap-2xs) var(--gap-2xs);
-} .plate__footer_z97lh {
+} .plate__footer_1kxsp {
     padding: var(--gap-l) 0 var(--gap-2xs) var(--gap-2xs);
-} .plate__closer_z97lh,
-.plate__folder_z97lh {
+} .plate__closer_1kxsp,
+.plate__folder_1kxsp {
     display: block;
     height: 24px;
     width: 24px;
@@ -182,29 +182,29 @@
     transition: opacity 0.2s ease;
     cursor: pointer;
     margin-left: var(--gap-s)
-} .plate__closer_z97lh:hover, .plate__folder_z97lh:hover {
+} .plate__closer_1kxsp:hover, .plate__folder_1kxsp:hover {
         opacity: 0.7;
-    } .plate__closer_z97lh:active, .plate__folder_z97lh:active {
+    } .plate__closer_1kxsp:active, .plate__folder_1kxsp:active {
         opacity: 0.5;
-    } .plate__folder_z97lh {
+    } .plate__folder_1kxsp {
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
     transform: var(--arrow-transform)
-} .plate__folder_z97lh.plate__isFolded_z97lh {
+} .plate__folder_1kxsp.plate__isFolded_1kxsp {
         transform: rotate(0deg);
-    } .plate__button_z97lh:not(:last-child) {
+    } .plate__button_1kxsp:not(:last-child) {
         margin-right: var(--gap-xs);
-    } .plate__rowLimit1_z97lh {
+    } .plate__rowLimit1_1kxsp {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .plate__rowLimit2_z97lh {
+} .plate__rowLimit2_1kxsp {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .plate__rowLimit3_z97lh {
+} .plate__rowLimit3_1kxsp {
     -webkit-line-clamp: 3;
     display: -webkit-box;
     -webkit-box-orient: vertical;

package/plate/index.css

@@ -1,4 +1,4 @@
-/* hash: 1xxu0 */
+/* hash: bu5b0 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-attention-muted: #fff3e0;
@@ -47,7 +47,7 @@
     --plate-background: transparent;
     --plate-border-color: var(--color-static-status-grey);
     --plate-box-shadow: var(--shadow-s);
-} .plate__component_z97lh {
+} .plate__component_1kxsp {
     position: relative;
     display: inline-flex;
     box-sizing: border-box;
@@ -56,28 +56,28 @@
     min-height: 56px;
     padding: var(--gap-s);
     outline: none
-} .plate__component_z97lh:before {
+} .plate__component_1kxsp:before {
         content: '';
         width: var(--plate-border-left);
         position: absolute;
         height: 100%;
         top: 0;
         left: 0;
-    } .plate__foldable_z97lh {
+    } .plate__foldable_1kxsp {
     cursor: pointer;
-} .plate__component_z97lh * {
+} .plate__component_1kxsp * {
     box-sizing: border-box;
-} .plate__focused_z97lh {
+} .plate__focused_1kxsp {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .plate__inner_z97lh {
+} .plate__inner_1kxsp {
     position: relative;
     width: 100%;
     display: flex;
     justify-content: space-between;
-} .plate__rounded_z97lh:before, .plate__noBorder_z97lh:before {
+} .plate__rounded_1kxsp:before, .plate__noBorder_1kxsp:before {
         display: none;
-    } .plate__shadow_z97lh:after {
+    } .plate__shadow_1kxsp:after {
     content: '';
     position: absolute;
     top: 0;
@@ -89,66 +89,66 @@
     display: block;
     box-shadow: var(--plate-box-shadow);
     pointer-events: none;
-} .plate__rounded_z97lh {
+} .plate__rounded_1kxsp {
     border-radius: var(--plate-border-radius)
-} .plate__rounded_z97lh.plate__shadow_z97lh:after {
+} .plate__rounded_1kxsp.plate__shadow_1kxsp:after {
         border-radius: var(--plate-border-radius);
-    } .plate__common_z97lh {
+    } .plate__common_1kxsp {
     background-color: var(--color-light-specialbg-secondary-transparent);
     box-shadow: var(--plate-border) var(--color-static-status-grey)
-} .plate__common_z97lh:before {
+} .plate__common_1kxsp:before {
         background-color: var(--color-static-status-grey);
-    } .plate__negative_z97lh {
+    } .plate__negative_1kxsp {
     background-color: var(--color-light-bg-negative-muted);
     box-shadow: var(--plate-border) var(--color-static-status-red)
-} .plate__negative_z97lh:before {
+} .plate__negative_1kxsp:before {
         background-color: var(--color-static-status-red);
-    } .plate__positive_z97lh {
+    } .plate__positive_1kxsp {
     background-color: var(--color-light-bg-positive-muted);
     box-shadow: var(--plate-border) var(--color-static-status-green)
-} .plate__positive_z97lh:before {
+} .plate__positive_1kxsp:before {
         background-color: var(--color-static-status-green);
-    } .plate__attention_z97lh {
+    } .plate__attention_1kxsp {
     background-color: var(--color-light-bg-attention-muted);
     box-shadow: var(--plate-border) var(--color-static-status-orange)
-} .plate__attention_z97lh:before {
+} .plate__attention_1kxsp:before {
         background-color: var(--color-static-status-orange);
-    } .plate__custom_z97lh {
+    } .plate__custom_1kxsp {
     background: var(--plate-background);
     box-shadow: var(--plate-border) var(--plate-border-color)
-} .plate__custom_z97lh:before {
+} .plate__custom_1kxsp:before {
         background-color: var(--plate-border-color);
-    } .plate__rect_z97lh,
-.plate__noBorder_z97lh {
+    } .plate__rect_1kxsp,
+.plate__noBorder_1kxsp {
     box-shadow: none;
-} .plate__isHidden_z97lh {
+} .plate__isHidden_1kxsp {
     display: none;
-} .plate__leftAddons_z97lh,
-.plate__rightAddons_z97lh {
+} .plate__leftAddons_1kxsp,
+.plate__rightAddons_1kxsp {
     padding: var(--gap-2xs);
-} .plate__leftAddons_z97lh {
+} .plate__leftAddons_1kxsp {
     flex-shrink: 0;
     min-width: 24px;
     margin-right: var(--gap-2xs);
-} .plate__subAddons_z97lh {
+} .plate__subAddons_1kxsp {
     cursor: default;
     align-self: flex-start;
-} .plate__bold_z97lh,
-.plate__light_z97lh {
+} .plate__bold_1kxsp,
+.plate__light_1kxsp {
     word-break: break-word;
-} .plate__bold_z97lh {
+} .plate__bold_1kxsp {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
     padding: 5px var(--gap-s) 5px var(--gap-2xs);
-} .plate__light_z97lh {
+} .plate__light_1kxsp {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: 6px var(--gap-s) 6px var(--gap-2xs);
-} .plate__foldable_z97lh .plate__content_z97lh {
+} .plate__foldable_1kxsp .plate__content_1kxsp {
     max-height: 300vh;
-} .plate__content_z97lh {
+} .plate__content_1kxsp {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -156,25 +156,25 @@
     overflow: hidden;
     transition: max-height 2s ease-in-out;
     cursor: default
-} .plate__content_z97lh.plate__isFolded_z97lh.plate__isFolded_z97lh {
+} .plate__content_1kxsp.plate__isFolded_1kxsp.plate__isFolded_1kxsp {
         max-height: 0;
         transition: max-height 1s cubic-bezier(0, 1, 0, 1);
-    } .plate__contentContainer_z97lh {
+    } .plate__contentContainer_1kxsp {
     flex: 1;
     margin-right: auto
-} .plate__contentContainer_z97lh.plate__withoutTitle_z97lh {
+} .plate__contentContainer_1kxsp.plate__withoutTitle_1kxsp {
         padding-top: var(--gap-3xs);
-    } .plate__limitWidth_z97lh {
+    } .plate__limitWidth_1kxsp {
     max-width: var(--plate-width-limit);
-} .plate__description_z97lh {
+} .plate__description_1kxsp {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: var(--gap-2xs) var(--gap-s) var(--gap-2xs) var(--gap-2xs);
-} .plate__footer_z97lh {
+} .plate__footer_1kxsp {
     padding: var(--gap-l) 0 var(--gap-2xs) var(--gap-2xs);
-} .plate__closer_z97lh,
-.plate__folder_z97lh {
+} .plate__closer_1kxsp,
+.plate__folder_1kxsp {
     display: block;
     height: 24px;
     width: 24px;
@@ -182,29 +182,29 @@
     transition: opacity 0.2s ease;
     cursor: pointer;
     margin-left: var(--gap-s)
-} .plate__closer_z97lh:hover, .plate__folder_z97lh:hover {
+} .plate__closer_1kxsp:hover, .plate__folder_1kxsp:hover {
         opacity: 0.7;
-    } .plate__closer_z97lh:active, .plate__folder_z97lh:active {
+    } .plate__closer_1kxsp:active, .plate__folder_1kxsp:active {
         opacity: 0.5;
-    } .plate__folder_z97lh {
+    } .plate__folder_1kxsp {
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
     transform: var(--arrow-transform)
-} .plate__folder_z97lh.plate__isFolded_z97lh {
+} .plate__folder_1kxsp.plate__isFolded_1kxsp {
         transform: rotate(0deg);
-    } .plate__button_z97lh:not(:last-child) {
+    } .plate__button_1kxsp:not(:last-child) {
         margin-right: var(--gap-xs);
-    } .plate__rowLimit1_z97lh {
+    } .plate__rowLimit1_1kxsp {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .plate__rowLimit2_z97lh {
+} .plate__rowLimit2_1kxsp {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .plate__rowLimit3_z97lh {
+} .plate__rowLimit3_1kxsp {
     -webkit-line-clamp: 3;
     display: -webkit-box;
     -webkit-box-orient: vertical;

package/plate/modern/Component.js

@@ -7,7 +7,7 @@ import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
 import { ButtonList } from './components/button-list/component.js';
 
-const styles = {"component":"plate__component_z97lh","foldable":"plate__foldable_z97lh","focused":"plate__focused_z97lh","inner":"plate__inner_z97lh","rounded":"plate__rounded_z97lh","noBorder":"plate__noBorder_z97lh","shadow":"plate__shadow_z97lh","common":"plate__common_z97lh","negative":"plate__negative_z97lh","positive":"plate__positive_z97lh","attention":"plate__attention_z97lh","custom":"plate__custom_z97lh","rect":"plate__rect_z97lh","isHidden":"plate__isHidden_z97lh","leftAddons":"plate__leftAddons_z97lh","rightAddons":"plate__rightAddons_z97lh","subAddons":"plate__subAddons_z97lh","bold":"plate__bold_z97lh","light":"plate__light_z97lh","content":"plate__content_z97lh","isFolded":"plate__isFolded_z97lh","contentContainer":"plate__contentContainer_z97lh","withoutTitle":"plate__withoutTitle_z97lh","limitWidth":"plate__limitWidth_z97lh","description":"plate__description_z97lh","footer":"plate__footer_z97lh","closer":"plate__closer_z97lh","folder":"plate__folder_z97lh","button":"plate__button_z97lh","rowLimit1":"plate__rowLimit1_z97lh","rowLimit2":"plate__rowLimit2_z97lh","rowLimit3":"plate__rowLimit3_z97lh"};
+const styles = {"component":"plate__component_1kxsp","foldable":"plate__foldable_1kxsp","focused":"plate__focused_1kxsp","inner":"plate__inner_1kxsp","rounded":"plate__rounded_1kxsp","noBorder":"plate__noBorder_1kxsp","shadow":"plate__shadow_1kxsp","common":"plate__common_1kxsp","negative":"plate__negative_1kxsp","positive":"plate__positive_1kxsp","attention":"plate__attention_1kxsp","custom":"plate__custom_1kxsp","rect":"plate__rect_1kxsp","isHidden":"plate__isHidden_1kxsp","leftAddons":"plate__leftAddons_1kxsp","rightAddons":"plate__rightAddons_1kxsp","subAddons":"plate__subAddons_1kxsp","bold":"plate__bold_1kxsp","light":"plate__light_1kxsp","content":"plate__content_1kxsp","isFolded":"plate__isFolded_1kxsp","contentContainer":"plate__contentContainer_1kxsp","withoutTitle":"plate__withoutTitle_1kxsp","limitWidth":"plate__limitWidth_1kxsp","description":"plate__description_1kxsp","footer":"plate__footer_1kxsp","closer":"plate__closer_1kxsp","folder":"plate__folder_1kxsp","button":"plate__button_1kxsp","rowLimit1":"plate__rowLimit1_1kxsp","rowLimit2":"plate__rowLimit2_1kxsp","rowLimit3":"plate__rowLimit3_1kxsp"};
 require('./index.css');
 
 /* eslint-disable complexity */

package/plate/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1xxu0 */
+/* hash: bu5b0 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-attention-muted: #fff3e0;
@@ -47,7 +47,7 @@
     --plate-background: transparent;
     --plate-border-color: var(--color-static-status-grey);
     --plate-box-shadow: var(--shadow-s);
-} .plate__component_z97lh {
+} .plate__component_1kxsp {
     position: relative;
     display: inline-flex;
     box-sizing: border-box;
@@ -56,28 +56,28 @@
     min-height: 56px;
     padding: var(--gap-s);
     outline: none
-} .plate__component_z97lh:before {
+} .plate__component_1kxsp:before {
         content: '';
         width: var(--plate-border-left);
         position: absolute;
         height: 100%;
         top: 0;
         left: 0;
-    } .plate__foldable_z97lh {
+    } .plate__foldable_1kxsp {
     cursor: pointer;
-} .plate__component_z97lh * {
+} .plate__component_1kxsp * {
     box-sizing: border-box;
-} .plate__focused_z97lh {
+} .plate__focused_1kxsp {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .plate__inner_z97lh {
+} .plate__inner_1kxsp {
     position: relative;
     width: 100%;
     display: flex;
     justify-content: space-between;
-} .plate__rounded_z97lh:before, .plate__noBorder_z97lh:before {
+} .plate__rounded_1kxsp:before, .plate__noBorder_1kxsp:before {
         display: none;
-    } .plate__shadow_z97lh:after {
+    } .plate__shadow_1kxsp:after {
     content: '';
     position: absolute;
     top: 0;
@@ -89,66 +89,66 @@
     display: block;
     box-shadow: var(--plate-box-shadow);
     pointer-events: none;
-} .plate__rounded_z97lh {
+} .plate__rounded_1kxsp {
     border-radius: var(--plate-border-radius)
-} .plate__rounded_z97lh.plate__shadow_z97lh:after {
+} .plate__rounded_1kxsp.plate__shadow_1kxsp:after {
         border-radius: var(--plate-border-radius);
-    } .plate__common_z97lh {
+    } .plate__common_1kxsp {
     background-color: var(--color-light-specialbg-secondary-transparent);
     box-shadow: var(--plate-border) var(--color-static-status-grey)
-} .plate__common_z97lh:before {
+} .plate__common_1kxsp:before {
         background-color: var(--color-static-status-grey);
-    } .plate__negative_z97lh {
+    } .plate__negative_1kxsp {
     background-color: var(--color-light-bg-negative-muted);
     box-shadow: var(--plate-border) var(--color-static-status-red)
-} .plate__negative_z97lh:before {
+} .plate__negative_1kxsp:before {
         background-color: var(--color-static-status-red);
-    } .plate__positive_z97lh {
+    } .plate__positive_1kxsp {
     background-color: var(--color-light-bg-positive-muted);
     box-shadow: var(--plate-border) var(--color-static-status-green)
-} .plate__positive_z97lh:before {
+} .plate__positive_1kxsp:before {
         background-color: var(--color-static-status-green);
-    } .plate__attention_z97lh {
+    } .plate__attention_1kxsp {
     background-color: var(--color-light-bg-attention-muted);
     box-shadow: var(--plate-border) var(--color-static-status-orange)
-} .plate__attention_z97lh:before {
+} .plate__attention_1kxsp:before {
         background-color: var(--color-static-status-orange);
-    } .plate__custom_z97lh {
+    } .plate__custom_1kxsp {
     background: var(--plate-background);
     box-shadow: var(--plate-border) var(--plate-border-color)
-} .plate__custom_z97lh:before {
+} .plate__custom_1kxsp:before {
         background-color: var(--plate-border-color);
-    } .plate__rect_z97lh,
-.plate__noBorder_z97lh {
+    } .plate__rect_1kxsp,
+.plate__noBorder_1kxsp {
     box-shadow: none;
-} .plate__isHidden_z97lh {
+} .plate__isHidden_1kxsp {
     display: none;
-} .plate__leftAddons_z97lh,
-.plate__rightAddons_z97lh {
+} .plate__leftAddons_1kxsp,
+.plate__rightAddons_1kxsp {
     padding: var(--gap-2xs);
-} .plate__leftAddons_z97lh {
+} .plate__leftAddons_1kxsp {
     flex-shrink: 0;
     min-width: 24px;
     margin-right: var(--gap-2xs);
-} .plate__subAddons_z97lh {
+} .plate__subAddons_1kxsp {
     cursor: default;
     align-self: flex-start;
-} .plate__bold_z97lh,
-.plate__light_z97lh {
+} .plate__bold_1kxsp,
+.plate__light_1kxsp {
     word-break: break-word;
-} .plate__bold_z97lh {
+} .plate__bold_1kxsp {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
     padding: 5px var(--gap-s) 5px var(--gap-2xs);
-} .plate__light_z97lh {
+} .plate__light_1kxsp {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: 6px var(--gap-s) 6px var(--gap-2xs);
-} .plate__foldable_z97lh .plate__content_z97lh {
+} .plate__foldable_1kxsp .plate__content_1kxsp {
     max-height: 300vh;
-} .plate__content_z97lh {
+} .plate__content_1kxsp {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -156,25 +156,25 @@
     overflow: hidden;
     transition: max-height 2s ease-in-out;
     cursor: default
-} .plate__content_z97lh.plate__isFolded_z97lh.plate__isFolded_z97lh {
+} .plate__content_1kxsp.plate__isFolded_1kxsp.plate__isFolded_1kxsp {
         max-height: 0;
         transition: max-height 1s cubic-bezier(0, 1, 0, 1);
-    } .plate__contentContainer_z97lh {
+    } .plate__contentContainer_1kxsp {
     flex: 1;
     margin-right: auto
-} .plate__contentContainer_z97lh.plate__withoutTitle_z97lh {
+} .plate__contentContainer_1kxsp.plate__withoutTitle_1kxsp {
         padding-top: var(--gap-3xs);
-    } .plate__limitWidth_z97lh {
+    } .plate__limitWidth_1kxsp {
     max-width: var(--plate-width-limit);
-} .plate__description_z97lh {
+} .plate__description_1kxsp {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: var(--gap-2xs) var(--gap-s) var(--gap-2xs) var(--gap-2xs);
-} .plate__footer_z97lh {
+} .plate__footer_1kxsp {
     padding: var(--gap-l) 0 var(--gap-2xs) var(--gap-2xs);
-} .plate__closer_z97lh,
-.plate__folder_z97lh {
+} .plate__closer_1kxsp,
+.plate__folder_1kxsp {
     display: block;
     height: 24px;
     width: 24px;
@@ -182,29 +182,29 @@
     transition: opacity 0.2s ease;
     cursor: pointer;
     margin-left: var(--gap-s)
-} .plate__closer_z97lh:hover, .plate__folder_z97lh:hover {
+} .plate__closer_1kxsp:hover, .plate__folder_1kxsp:hover {
         opacity: 0.7;
-    } .plate__closer_z97lh:active, .plate__folder_z97lh:active {
+    } .plate__closer_1kxsp:active, .plate__folder_1kxsp:active {
         opacity: 0.5;
-    } .plate__folder_z97lh {
+    } .plate__folder_1kxsp {
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
     transform: var(--arrow-transform)
-} .plate__folder_z97lh.plate__isFolded_z97lh {
+} .plate__folder_1kxsp.plate__isFolded_1kxsp {
         transform: rotate(0deg);
-    } .plate__button_z97lh:not(:last-child) {
+    } .plate__button_1kxsp:not(:last-child) {
         margin-right: var(--gap-xs);
-    } .plate__rowLimit1_z97lh {
+    } .plate__rowLimit1_1kxsp {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .plate__rowLimit2_z97lh {
+} .plate__rowLimit2_1kxsp {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .plate__rowLimit3_z97lh {
+} .plate__rowLimit3_1kxsp {
     -webkit-line-clamp: 3;
     display: -webkit-box;
     -webkit-box-orient: vertical;

package/popover/Component.js

@@ -42,7 +42,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"popover__component_azohf","inner":"popover__inner_azohf","scrollableContent":"popover__scrollableContent_azohf","arrow":"popover__arrow_azohf","arrowShift":"popover__arrowShift_azohf","enter":"popover__enter_azohf","enterActive":"popover__enterActive_azohf","exit":"popover__exit_azohf","exitActive":"popover__exitActive_azohf"};
+var styles = {"component":"popover__component_1a8g8","inner":"popover__inner_1a8g8","scrollableContent":"popover__scrollableContent_1a8g8","arrow":"popover__arrow_1a8g8","arrowShift":"popover__arrowShift_1a8g8","enter":"popover__enter_1a8g8","enterActive":"popover__enterActive_1a8g8","exit":"popover__exit_1a8g8","exitActive":"popover__exitActive_1a8g8"};
 require('./index.css');
 
 var DEFAULT_TRANSITION = {