@alfalab/core-components 40.0.0 → 40.2.0

package/plate/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1lj8p */
+/* hash: 3lb2n */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-attention-muted: #f7ebd9;
@@ -48,7 +48,7 @@
     --plate-background: transparent;
     --plate-border-color: var(--color-static-status-grey);
     --plate-box-shadow: var(--shadow-s);
-} .plate__component_1amlq {
+} .plate__component_1hh71 {
     position: relative;
     display: inline-flex;
     box-sizing: border-box;
@@ -57,28 +57,28 @@
     min-height: 56px;
     padding: var(--gap-s);
     outline: none
-} .plate__component_1amlq:before {
+} .plate__component_1hh71:before {
         content: '';
         width: var(--plate-border-left);
         position: absolute;
         height: 100%;
         top: 0;
         left: 0;
-    } .plate__foldable_1amlq {
+    } .plate__foldable_1hh71 {
     cursor: pointer;
-} .plate__component_1amlq * {
+} .plate__component_1hh71 * {
     box-sizing: border-box;
-} .plate__focused_1amlq {
+} .plate__focused_1hh71 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .plate__inner_1amlq {
+} .plate__inner_1hh71 {
     position: relative;
     width: 100%;
     display: flex;
     justify-content: space-between;
-} .plate__rounded_1amlq:before, .plate__noBorder_1amlq:before {
+} .plate__rounded_1hh71:before, .plate__noBorder_1hh71:before {
         display: none;
-    } .plate__shadow_1amlq:after {
+    } .plate__shadow_1hh71:after {
     content: '';
     position: absolute;
     top: 0;
@@ -90,67 +90,67 @@
     display: block;
     box-shadow: var(--plate-box-shadow);
     pointer-events: none;
-} .plate__rounded_1amlq {
+} .plate__rounded_1hh71 {
     border-radius: var(--plate-border-radius)
-} .plate__rounded_1amlq.plate__shadow_1amlq:after {
+} .plate__rounded_1hh71.plate__shadow_1hh71:after {
         border-radius: var(--plate-border-radius);
-    } .plate__common_1amlq {
+    } .plate__common_1hh71 {
     background-color: var(--color-light-specialbg-secondary-transparent);
     box-shadow: var(--plate-border) var(--color-static-status-grey)
-} .plate__common_1amlq:before {
+} .plate__common_1hh71:before {
         background-color: var(--color-static-status-grey);
-    } .plate__negative_1amlq {
+    } .plate__negative_1hh71 {
     background-color: var(--color-light-bg-negative-muted);
     box-shadow: var(--plate-border) var(--color-static-status-red)
-} .plate__negative_1amlq:before {
+} .plate__negative_1hh71:before {
         background-color: var(--color-static-status-red);
-    } .plate__positive_1amlq {
+    } .plate__positive_1hh71 {
     background-color: var(--color-light-bg-positive-muted);
     box-shadow: var(--plate-border) var(--color-static-status-green)
-} .plate__positive_1amlq:before {
+} .plate__positive_1hh71:before {
         background-color: var(--color-static-status-green);
-    } .plate__attention_1amlq {
+    } .plate__attention_1hh71 {
     background-color: var(--color-light-bg-attention-muted);
     box-shadow: var(--plate-border) var(--color-static-status-orange)
-} .plate__attention_1amlq:before {
+} .plate__attention_1hh71:before {
         background-color: var(--color-static-status-orange);
-    } .plate__custom_1amlq {
+    } .plate__custom_1hh71 {
     background: var(--plate-background);
     box-shadow: var(--plate-border) var(--plate-border-color)
-} .plate__custom_1amlq:before {
+} .plate__custom_1hh71:before {
         background-color: var(--plate-border-color);
-    } .plate__rect_1amlq,
-.plate__noBorder_1amlq {
+    } .plate__rect_1hh71,
+.plate__noBorder_1hh71 {
     box-shadow: none;
-} .plate__isHidden_1amlq {
+} .plate__isHidden_1hh71 {
     display: none;
-} .plate__leftAddons_1amlq,
-.plate__rightAddons_1amlq {
+} .plate__leftAddons_1hh71,
+.plate__rightAddons_1hh71 {
     display: inline-flex;
     padding: var(--gap-2xs);
-} .plate__leftAddons_1amlq {
+} .plate__leftAddons_1hh71 {
     flex-shrink: 0;
     min-width: 24px;
     margin-right: var(--gap-2xs);
-} .plate__subAddons_1amlq {
+} .plate__subAddons_1hh71 {
     cursor: default;
     align-self: flex-start;
-} .plate__bold_1amlq,
-.plate__light_1amlq {
+} .plate__bold_1hh71,
+.plate__light_1hh71 {
     word-break: break-word;
-} .plate__bold_1amlq {
+} .plate__bold_1hh71 {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
     padding: 5px var(--gap-s) 5px var(--gap-2xs);
-} .plate__light_1amlq {
+} .plate__light_1hh71 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: 6px var(--gap-s) 6px var(--gap-2xs);
-} .plate__foldable_1amlq .plate__content_1amlq {
+} .plate__foldable_1hh71 .plate__content_1hh71 {
     max-height: 300vh;
-} .plate__content_1amlq {
+} .plate__content_1hh71 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -158,25 +158,25 @@
     overflow: hidden;
     transition: max-height 2s ease-in-out;
     cursor: default
-} .plate__content_1amlq.plate__isFolded_1amlq.plate__isFolded_1amlq {
+} .plate__content_1hh71.plate__isFolded_1hh71.plate__isFolded_1hh71 {
         max-height: 0;
         transition: max-height 1s cubic-bezier(0, 1, 0, 1);
-    } .plate__contentContainer_1amlq {
+    } .plate__contentContainer_1hh71 {
     flex: 1;
     margin-right: auto
-} .plate__contentContainer_1amlq.plate__withoutTitle_1amlq {
+} .plate__contentContainer_1hh71.plate__withoutTitle_1hh71 {
         padding-top: var(--gap-3xs);
-    } .plate__limitWidth_1amlq {
+    } .plate__limitWidth_1hh71 {
     max-width: var(--plate-width-limit);
-} .plate__description_1amlq {
+} .plate__description_1hh71 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: var(--gap-2xs) var(--gap-s) var(--gap-2xs) var(--gap-2xs);
-} .plate__footer_1amlq {
+} .plate__footer_1hh71 {
     padding: var(--gap-l) 0 var(--gap-2xs) var(--gap-2xs);
-} .plate__closer_1amlq,
-.plate__folder_1amlq {
+} .plate__closer_1hh71,
+.plate__folder_1hh71 {
     display: block;
     height: 24px;
     width: 24px;
@@ -184,29 +184,29 @@
     transition: opacity 0.2s ease;
     cursor: pointer;
     margin-left: var(--gap-s)
-} .plate__closer_1amlq:hover, .plate__folder_1amlq:hover {
+} .plate__closer_1hh71:hover, .plate__folder_1hh71:hover {
         opacity: 0.7;
-    } .plate__closer_1amlq:active, .plate__folder_1amlq:active {
+    } .plate__closer_1hh71:active, .plate__folder_1hh71:active {
         opacity: 0.5;
-    } .plate__folder_1amlq {
+    } .plate__folder_1hh71 {
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
     transform: var(--arrow-transform)
-} .plate__folder_1amlq.plate__isFolded_1amlq {
+} .plate__folder_1hh71.plate__isFolded_1hh71 {
         transform: rotate(0deg);
-    } .plate__button_1amlq:not(:last-child) {
+    } .plate__button_1hh71:not(:last-child) {
         margin-right: var(--gap-xs);
-    } .plate__rowLimit1_1amlq {
+    } .plate__rowLimit1_1hh71 {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .plate__rowLimit2_1amlq {
+} .plate__rowLimit2_1hh71 {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .plate__rowLimit3_1amlq {
+} .plate__rowLimit3_1hh71 {
     -webkit-line-clamp: 3;
     display: -webkit-box;
     -webkit-box-orient: vertical;

package/plate/index.css

@@ -1,4 +1,4 @@
-/* hash: 1lj8p */
+/* hash: 3lb2n */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-attention-muted: #f7ebd9;
@@ -48,7 +48,7 @@
     --plate-background: transparent;
     --plate-border-color: var(--color-static-status-grey);
     --plate-box-shadow: var(--shadow-s);
-} .plate__component_1amlq {
+} .plate__component_1hh71 {
     position: relative;
     display: inline-flex;
     box-sizing: border-box;
@@ -57,28 +57,28 @@
     min-height: 56px;
     padding: var(--gap-s);
     outline: none
-} .plate__component_1amlq:before {
+} .plate__component_1hh71:before {
         content: '';
         width: var(--plate-border-left);
         position: absolute;
         height: 100%;
         top: 0;
         left: 0;
-    } .plate__foldable_1amlq {
+    } .plate__foldable_1hh71 {
     cursor: pointer;
-} .plate__component_1amlq * {
+} .plate__component_1hh71 * {
     box-sizing: border-box;
-} .plate__focused_1amlq {
+} .plate__focused_1hh71 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .plate__inner_1amlq {
+} .plate__inner_1hh71 {
     position: relative;
     width: 100%;
     display: flex;
     justify-content: space-between;
-} .plate__rounded_1amlq:before, .plate__noBorder_1amlq:before {
+} .plate__rounded_1hh71:before, .plate__noBorder_1hh71:before {
         display: none;
-    } .plate__shadow_1amlq:after {
+    } .plate__shadow_1hh71:after {
     content: '';
     position: absolute;
     top: 0;
@@ -90,67 +90,67 @@
     display: block;
     box-shadow: var(--plate-box-shadow);
     pointer-events: none;
-} .plate__rounded_1amlq {
+} .plate__rounded_1hh71 {
     border-radius: var(--plate-border-radius)
-} .plate__rounded_1amlq.plate__shadow_1amlq:after {
+} .plate__rounded_1hh71.plate__shadow_1hh71:after {
         border-radius: var(--plate-border-radius);
-    } .plate__common_1amlq {
+    } .plate__common_1hh71 {
     background-color: var(--color-light-specialbg-secondary-transparent);
     box-shadow: var(--plate-border) var(--color-static-status-grey)
-} .plate__common_1amlq:before {
+} .plate__common_1hh71:before {
         background-color: var(--color-static-status-grey);
-    } .plate__negative_1amlq {
+    } .plate__negative_1hh71 {
     background-color: var(--color-light-bg-negative-muted);
     box-shadow: var(--plate-border) var(--color-static-status-red)
-} .plate__negative_1amlq:before {
+} .plate__negative_1hh71:before {
         background-color: var(--color-static-status-red);
-    } .plate__positive_1amlq {
+    } .plate__positive_1hh71 {
     background-color: var(--color-light-bg-positive-muted);
     box-shadow: var(--plate-border) var(--color-static-status-green)
-} .plate__positive_1amlq:before {
+} .plate__positive_1hh71:before {
         background-color: var(--color-static-status-green);
-    } .plate__attention_1amlq {
+    } .plate__attention_1hh71 {
     background-color: var(--color-light-bg-attention-muted);
     box-shadow: var(--plate-border) var(--color-static-status-orange)
-} .plate__attention_1amlq:before {
+} .plate__attention_1hh71:before {
         background-color: var(--color-static-status-orange);
-    } .plate__custom_1amlq {
+    } .plate__custom_1hh71 {
     background: var(--plate-background);
     box-shadow: var(--plate-border) var(--plate-border-color)
-} .plate__custom_1amlq:before {
+} .plate__custom_1hh71:before {
         background-color: var(--plate-border-color);
-    } .plate__rect_1amlq,
-.plate__noBorder_1amlq {
+    } .plate__rect_1hh71,
+.plate__noBorder_1hh71 {
     box-shadow: none;
-} .plate__isHidden_1amlq {
+} .plate__isHidden_1hh71 {
     display: none;
-} .plate__leftAddons_1amlq,
-.plate__rightAddons_1amlq {
+} .plate__leftAddons_1hh71,
+.plate__rightAddons_1hh71 {
     display: inline-flex;
     padding: var(--gap-2xs);
-} .plate__leftAddons_1amlq {
+} .plate__leftAddons_1hh71 {
     flex-shrink: 0;
     min-width: 24px;
     margin-right: var(--gap-2xs);
-} .plate__subAddons_1amlq {
+} .plate__subAddons_1hh71 {
     cursor: default;
     align-self: flex-start;
-} .plate__bold_1amlq,
-.plate__light_1amlq {
+} .plate__bold_1hh71,
+.plate__light_1hh71 {
     word-break: break-word;
-} .plate__bold_1amlq {
+} .plate__bold_1hh71 {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
     padding: 5px var(--gap-s) 5px var(--gap-2xs);
-} .plate__light_1amlq {
+} .plate__light_1hh71 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: 6px var(--gap-s) 6px var(--gap-2xs);
-} .plate__foldable_1amlq .plate__content_1amlq {
+} .plate__foldable_1hh71 .plate__content_1hh71 {
     max-height: 300vh;
-} .plate__content_1amlq {
+} .plate__content_1hh71 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -158,25 +158,25 @@
     overflow: hidden;
     transition: max-height 2s ease-in-out;
     cursor: default
-} .plate__content_1amlq.plate__isFolded_1amlq.plate__isFolded_1amlq {
+} .plate__content_1hh71.plate__isFolded_1hh71.plate__isFolded_1hh71 {
         max-height: 0;
         transition: max-height 1s cubic-bezier(0, 1, 0, 1);
-    } .plate__contentContainer_1amlq {
+    } .plate__contentContainer_1hh71 {
     flex: 1;
     margin-right: auto
-} .plate__contentContainer_1amlq.plate__withoutTitle_1amlq {
+} .plate__contentContainer_1hh71.plate__withoutTitle_1hh71 {
         padding-top: var(--gap-3xs);
-    } .plate__limitWidth_1amlq {
+    } .plate__limitWidth_1hh71 {
     max-width: var(--plate-width-limit);
-} .plate__description_1amlq {
+} .plate__description_1hh71 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: var(--gap-2xs) var(--gap-s) var(--gap-2xs) var(--gap-2xs);
-} .plate__footer_1amlq {
+} .plate__footer_1hh71 {
     padding: var(--gap-l) 0 var(--gap-2xs) var(--gap-2xs);
-} .plate__closer_1amlq,
-.plate__folder_1amlq {
+} .plate__closer_1hh71,
+.plate__folder_1hh71 {
     display: block;
     height: 24px;
     width: 24px;
@@ -184,29 +184,29 @@
     transition: opacity 0.2s ease;
     cursor: pointer;
     margin-left: var(--gap-s)
-} .plate__closer_1amlq:hover, .plate__folder_1amlq:hover {
+} .plate__closer_1hh71:hover, .plate__folder_1hh71:hover {
         opacity: 0.7;
-    } .plate__closer_1amlq:active, .plate__folder_1amlq:active {
+    } .plate__closer_1hh71:active, .plate__folder_1hh71:active {
         opacity: 0.5;
-    } .plate__folder_1amlq {
+    } .plate__folder_1hh71 {
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
     transform: var(--arrow-transform)
-} .plate__folder_1amlq.plate__isFolded_1amlq {
+} .plate__folder_1hh71.plate__isFolded_1hh71 {
         transform: rotate(0deg);
-    } .plate__button_1amlq:not(:last-child) {
+    } .plate__button_1hh71:not(:last-child) {
         margin-right: var(--gap-xs);
-    } .plate__rowLimit1_1amlq {
+    } .plate__rowLimit1_1hh71 {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .plate__rowLimit2_1amlq {
+} .plate__rowLimit2_1hh71 {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .plate__rowLimit3_1amlq {
+} .plate__rowLimit3_1hh71 {
     -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_1amlq","foldable":"plate__foldable_1amlq","focused":"plate__focused_1amlq","inner":"plate__inner_1amlq","rounded":"plate__rounded_1amlq","noBorder":"plate__noBorder_1amlq","shadow":"plate__shadow_1amlq","common":"plate__common_1amlq","negative":"plate__negative_1amlq","positive":"plate__positive_1amlq","attention":"plate__attention_1amlq","custom":"plate__custom_1amlq","rect":"plate__rect_1amlq","isHidden":"plate__isHidden_1amlq","leftAddons":"plate__leftAddons_1amlq","rightAddons":"plate__rightAddons_1amlq","subAddons":"plate__subAddons_1amlq","bold":"plate__bold_1amlq","light":"plate__light_1amlq","content":"plate__content_1amlq","isFolded":"plate__isFolded_1amlq","contentContainer":"plate__contentContainer_1amlq","withoutTitle":"plate__withoutTitle_1amlq","limitWidth":"plate__limitWidth_1amlq","description":"plate__description_1amlq","footer":"plate__footer_1amlq","closer":"plate__closer_1amlq","folder":"plate__folder_1amlq","button":"plate__button_1amlq","rowLimit1":"plate__rowLimit1_1amlq","rowLimit2":"plate__rowLimit2_1amlq","rowLimit3":"plate__rowLimit3_1amlq"};
+const styles = {"component":"plate__component_1hh71","foldable":"plate__foldable_1hh71","focused":"plate__focused_1hh71","inner":"plate__inner_1hh71","rounded":"plate__rounded_1hh71","noBorder":"plate__noBorder_1hh71","shadow":"plate__shadow_1hh71","common":"plate__common_1hh71","negative":"plate__negative_1hh71","positive":"plate__positive_1hh71","attention":"plate__attention_1hh71","custom":"plate__custom_1hh71","rect":"plate__rect_1hh71","isHidden":"plate__isHidden_1hh71","leftAddons":"plate__leftAddons_1hh71","rightAddons":"plate__rightAddons_1hh71","subAddons":"plate__subAddons_1hh71","bold":"plate__bold_1hh71","light":"plate__light_1hh71","content":"plate__content_1hh71","isFolded":"plate__isFolded_1hh71","contentContainer":"plate__contentContainer_1hh71","withoutTitle":"plate__withoutTitle_1hh71","limitWidth":"plate__limitWidth_1hh71","description":"plate__description_1hh71","footer":"plate__footer_1hh71","closer":"plate__closer_1hh71","folder":"plate__folder_1hh71","button":"plate__button_1hh71","rowLimit1":"plate__rowLimit1_1hh71","rowLimit2":"plate__rowLimit2_1hh71","rowLimit3":"plate__rowLimit3_1hh71"};
 require('./index.css');
 
 /* eslint-disable complexity */

package/plate/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1lj8p */
+/* hash: 3lb2n */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-attention-muted: #f7ebd9;
@@ -48,7 +48,7 @@
     --plate-background: transparent;
     --plate-border-color: var(--color-static-status-grey);
     --plate-box-shadow: var(--shadow-s);
-} .plate__component_1amlq {
+} .plate__component_1hh71 {
     position: relative;
     display: inline-flex;
     box-sizing: border-box;
@@ -57,28 +57,28 @@
     min-height: 56px;
     padding: var(--gap-s);
     outline: none
-} .plate__component_1amlq:before {
+} .plate__component_1hh71:before {
         content: '';
         width: var(--plate-border-left);
         position: absolute;
         height: 100%;
         top: 0;
         left: 0;
-    } .plate__foldable_1amlq {
+    } .plate__foldable_1hh71 {
     cursor: pointer;
-} .plate__component_1amlq * {
+} .plate__component_1hh71 * {
     box-sizing: border-box;
-} .plate__focused_1amlq {
+} .plate__focused_1hh71 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .plate__inner_1amlq {
+} .plate__inner_1hh71 {
     position: relative;
     width: 100%;
     display: flex;
     justify-content: space-between;
-} .plate__rounded_1amlq:before, .plate__noBorder_1amlq:before {
+} .plate__rounded_1hh71:before, .plate__noBorder_1hh71:before {
         display: none;
-    } .plate__shadow_1amlq:after {
+    } .plate__shadow_1hh71:after {
     content: '';
     position: absolute;
     top: 0;
@@ -90,67 +90,67 @@
     display: block;
     box-shadow: var(--plate-box-shadow);
     pointer-events: none;
-} .plate__rounded_1amlq {
+} .plate__rounded_1hh71 {
     border-radius: var(--plate-border-radius)
-} .plate__rounded_1amlq.plate__shadow_1amlq:after {
+} .plate__rounded_1hh71.plate__shadow_1hh71:after {
         border-radius: var(--plate-border-radius);
-    } .plate__common_1amlq {
+    } .plate__common_1hh71 {
     background-color: var(--color-light-specialbg-secondary-transparent);
     box-shadow: var(--plate-border) var(--color-static-status-grey)
-} .plate__common_1amlq:before {
+} .plate__common_1hh71:before {
         background-color: var(--color-static-status-grey);
-    } .plate__negative_1amlq {
+    } .plate__negative_1hh71 {
     background-color: var(--color-light-bg-negative-muted);
     box-shadow: var(--plate-border) var(--color-static-status-red)
-} .plate__negative_1amlq:before {
+} .plate__negative_1hh71:before {
         background-color: var(--color-static-status-red);
-    } .plate__positive_1amlq {
+    } .plate__positive_1hh71 {
     background-color: var(--color-light-bg-positive-muted);
     box-shadow: var(--plate-border) var(--color-static-status-green)
-} .plate__positive_1amlq:before {
+} .plate__positive_1hh71:before {
         background-color: var(--color-static-status-green);
-    } .plate__attention_1amlq {
+    } .plate__attention_1hh71 {
     background-color: var(--color-light-bg-attention-muted);
     box-shadow: var(--plate-border) var(--color-static-status-orange)
-} .plate__attention_1amlq:before {
+} .plate__attention_1hh71:before {
         background-color: var(--color-static-status-orange);
-    } .plate__custom_1amlq {
+    } .plate__custom_1hh71 {
     background: var(--plate-background);
     box-shadow: var(--plate-border) var(--plate-border-color)
-} .plate__custom_1amlq:before {
+} .plate__custom_1hh71:before {
         background-color: var(--plate-border-color);
-    } .plate__rect_1amlq,
-.plate__noBorder_1amlq {
+    } .plate__rect_1hh71,
+.plate__noBorder_1hh71 {
     box-shadow: none;
-} .plate__isHidden_1amlq {
+} .plate__isHidden_1hh71 {
     display: none;
-} .plate__leftAddons_1amlq,
-.plate__rightAddons_1amlq {
+} .plate__leftAddons_1hh71,
+.plate__rightAddons_1hh71 {
     display: inline-flex;
     padding: var(--gap-2xs);
-} .plate__leftAddons_1amlq {
+} .plate__leftAddons_1hh71 {
     flex-shrink: 0;
     min-width: 24px;
     margin-right: var(--gap-2xs);
-} .plate__subAddons_1amlq {
+} .plate__subAddons_1hh71 {
     cursor: default;
     align-self: flex-start;
-} .plate__bold_1amlq,
-.plate__light_1amlq {
+} .plate__bold_1hh71,
+.plate__light_1hh71 {
     word-break: break-word;
-} .plate__bold_1amlq {
+} .plate__bold_1hh71 {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
     padding: 5px var(--gap-s) 5px var(--gap-2xs);
-} .plate__light_1amlq {
+} .plate__light_1hh71 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: 6px var(--gap-s) 6px var(--gap-2xs);
-} .plate__foldable_1amlq .plate__content_1amlq {
+} .plate__foldable_1hh71 .plate__content_1hh71 {
     max-height: 300vh;
-} .plate__content_1amlq {
+} .plate__content_1hh71 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -158,25 +158,25 @@
     overflow: hidden;
     transition: max-height 2s ease-in-out;
     cursor: default
-} .plate__content_1amlq.plate__isFolded_1amlq.plate__isFolded_1amlq {
+} .plate__content_1hh71.plate__isFolded_1hh71.plate__isFolded_1hh71 {
         max-height: 0;
         transition: max-height 1s cubic-bezier(0, 1, 0, 1);
-    } .plate__contentContainer_1amlq {
+    } .plate__contentContainer_1hh71 {
     flex: 1;
     margin-right: auto
-} .plate__contentContainer_1amlq.plate__withoutTitle_1amlq {
+} .plate__contentContainer_1hh71.plate__withoutTitle_1hh71 {
         padding-top: var(--gap-3xs);
-    } .plate__limitWidth_1amlq {
+    } .plate__limitWidth_1hh71 {
     max-width: var(--plate-width-limit);
-} .plate__description_1amlq {
+} .plate__description_1hh71 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: var(--gap-2xs) var(--gap-s) var(--gap-2xs) var(--gap-2xs);
-} .plate__footer_1amlq {
+} .plate__footer_1hh71 {
     padding: var(--gap-l) 0 var(--gap-2xs) var(--gap-2xs);
-} .plate__closer_1amlq,
-.plate__folder_1amlq {
+} .plate__closer_1hh71,
+.plate__folder_1hh71 {
     display: block;
     height: 24px;
     width: 24px;
@@ -184,29 +184,29 @@
     transition: opacity 0.2s ease;
     cursor: pointer;
     margin-left: var(--gap-s)
-} .plate__closer_1amlq:hover, .plate__folder_1amlq:hover {
+} .plate__closer_1hh71:hover, .plate__folder_1hh71:hover {
         opacity: 0.7;
-    } .plate__closer_1amlq:active, .plate__folder_1amlq:active {
+    } .plate__closer_1hh71:active, .plate__folder_1hh71:active {
         opacity: 0.5;
-    } .plate__folder_1amlq {
+    } .plate__folder_1hh71 {
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
     transform: var(--arrow-transform)
-} .plate__folder_1amlq.plate__isFolded_1amlq {
+} .plate__folder_1hh71.plate__isFolded_1hh71 {
         transform: rotate(0deg);
-    } .plate__button_1amlq:not(:last-child) {
+    } .plate__button_1hh71:not(:last-child) {
         margin-right: var(--gap-xs);
-    } .plate__rowLimit1_1amlq {
+    } .plate__rowLimit1_1hh71 {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .plate__rowLimit2_1amlq {
+} .plate__rowLimit2_1hh71 {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .plate__rowLimit3_1amlq {
+} .plate__rowLimit3_1hh71 {
     -webkit-line-clamp: 3;
     display: -webkit-box;
     -webkit-box-orient: vertical;

package/popover/Component.js

@@ -18,7 +18,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var maxSize__default = /*#__PURE__*/_interopDefaultCompat(maxSize);
 
-var styles = {"component":"popover__component_t0vft","inner":"popover__inner_t0vft","scrollableContent":"popover__scrollableContent_t0vft","arrow":"popover__arrow_t0vft","arrowShift":"popover__arrowShift_t0vft","enter":"popover__enter_t0vft","enterActive":"popover__enterActive_t0vft","exit":"popover__exit_t0vft","exitActive":"popover__exitActive_t0vft"};
+var styles = {"component":"popover__component_1ju1s","inner":"popover__inner_1ju1s","scrollableContent":"popover__scrollableContent_1ju1s","arrow":"popover__arrow_1ju1s","arrowShift":"popover__arrowShift_1ju1s","enter":"popover__enter_1ju1s","enterActive":"popover__enterActive_1ju1s","exit":"popover__exit_1ju1s","exitActive":"popover__exitActive_1ju1s"};
 require('./index.css');
 
 var DEFAULT_TRANSITION = {