@alfalab/core-components 41.15.0 → 41.16.0

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_mqch5","foldable":"plate__foldable_mqch5","focused":"plate__focused_mqch5","inner":"plate__inner_mqch5","rounded":"plate__rounded_mqch5","noBorder":"plate__noBorder_mqch5","shadow":"plate__shadow_mqch5","common":"plate__common_mqch5","negative":"plate__negative_mqch5","positive":"plate__positive_mqch5","attention":"plate__attention_mqch5","custom":"plate__custom_mqch5","rect":"plate__rect_mqch5","isHidden":"plate__isHidden_mqch5","leftAddons":"plate__leftAddons_mqch5","rightAddons":"plate__rightAddons_mqch5","subAddons":"plate__subAddons_mqch5","bold":"plate__bold_mqch5","light":"plate__light_mqch5","content":"plate__content_mqch5","isFolded":"plate__isFolded_mqch5","contentContainer":"plate__contentContainer_mqch5","withoutTitle":"plate__withoutTitle_mqch5","limitWidth":"plate__limitWidth_mqch5","description":"plate__description_mqch5","footer":"plate__footer_mqch5","closer":"plate__closer_mqch5","folder":"plate__folder_mqch5","button":"plate__button_mqch5","rowLimit1":"plate__rowLimit1_mqch5","rowLimit2":"plate__rowLimit2_mqch5","rowLimit3":"plate__rowLimit3_mqch5"};
+const styles = {"component":"plate__component_2yl9z","foldable":"plate__foldable_2yl9z","focused":"plate__focused_2yl9z","inner":"plate__inner_2yl9z","rounded":"plate__rounded_2yl9z","noBorder":"plate__noBorder_2yl9z","shadow":"plate__shadow_2yl9z","common":"plate__common_2yl9z","negative":"plate__negative_2yl9z","positive":"plate__positive_2yl9z","attention":"plate__attention_2yl9z","custom":"plate__custom_2yl9z","rect":"plate__rect_2yl9z","isHidden":"plate__isHidden_2yl9z","leftAddons":"plate__leftAddons_2yl9z","rightAddons":"plate__rightAddons_2yl9z","subAddons":"plate__subAddons_2yl9z","bold":"plate__bold_2yl9z","light":"plate__light_2yl9z","content":"plate__content_2yl9z","isFolded":"plate__isFolded_2yl9z","contentContainer":"plate__contentContainer_2yl9z","withoutTitle":"plate__withoutTitle_2yl9z","limitWidth":"plate__limitWidth_2yl9z","description":"plate__description_2yl9z","footer":"plate__footer_2yl9z","closer":"plate__closer_2yl9z","folder":"plate__folder_2yl9z","button":"plate__button_2yl9z","rowLimit1":"plate__rowLimit1_2yl9z","rowLimit2":"plate__rowLimit2_2yl9z","rowLimit3":"plate__rowLimit3_2yl9z"};
 require('./index.css');
 
 /* eslint-disable complexity */

package/plate/modern/index.css

@@ -48,7 +48,7 @@
     --plate-background: transparent;
     --plate-border-color: var(--color-static-status-grey);
     --plate-box-shadow: var(--shadow-s);
-} .plate__component_mqch5 {
+} .plate__component_2yl9z {
     position: relative;
     display: inline-flex;
     box-sizing: border-box;
@@ -57,28 +57,28 @@
     min-height: 56px;
     padding: var(--gap-s);
     outline: none
-} .plate__component_mqch5:before {
+} .plate__component_2yl9z:before {
         content: '';
         width: var(--plate-border-left);
         position: absolute;
         height: 100%;
         top: 0;
         left: 0;
-    } .plate__foldable_mqch5 {
+    } .plate__foldable_2yl9z {
     cursor: pointer;
-} .plate__component_mqch5 * {
+} .plate__component_2yl9z * {
     box-sizing: border-box;
-} .plate__focused_mqch5 {
+} .plate__focused_2yl9z {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .plate__inner_mqch5 {
+} .plate__inner_2yl9z {
     position: relative;
     width: 100%;
     display: flex;
     justify-content: space-between;
-} .plate__rounded_mqch5:before, .plate__noBorder_mqch5:before {
+} .plate__rounded_2yl9z:before, .plate__noBorder_2yl9z:before {
         display: none;
-    } .plate__shadow_mqch5:after {
+    } .plate__shadow_2yl9z:after {
     content: '';
     position: absolute;
     top: 0;
@@ -90,67 +90,67 @@
     display: block;
     box-shadow: var(--plate-box-shadow);
     pointer-events: none;
-} .plate__rounded_mqch5 {
+} .plate__rounded_2yl9z {
     border-radius: var(--plate-border-radius)
-} .plate__rounded_mqch5.plate__shadow_mqch5:after {
+} .plate__rounded_2yl9z.plate__shadow_2yl9z:after {
         border-radius: var(--plate-border-radius);
-    } .plate__common_mqch5 {
+    } .plate__common_2yl9z {
     background-color: var(--color-light-specialbg-secondary-transparent);
     box-shadow: var(--plate-border) var(--color-static-status-grey)
-} .plate__common_mqch5:before {
+} .plate__common_2yl9z:before {
         background-color: var(--color-static-status-grey);
-    } .plate__negative_mqch5 {
+    } .plate__negative_2yl9z {
     background-color: var(--color-light-bg-negative-muted);
     box-shadow: var(--plate-border) var(--color-static-status-red)
-} .plate__negative_mqch5:before {
+} .plate__negative_2yl9z:before {
         background-color: var(--color-static-status-red);
-    } .plate__positive_mqch5 {
+    } .plate__positive_2yl9z {
     background-color: var(--color-light-bg-positive-muted);
     box-shadow: var(--plate-border) var(--color-static-status-green)
-} .plate__positive_mqch5:before {
+} .plate__positive_2yl9z:before {
         background-color: var(--color-static-status-green);
-    } .plate__attention_mqch5 {
+    } .plate__attention_2yl9z {
     background-color: var(--color-light-bg-attention-muted);
     box-shadow: var(--plate-border) var(--color-static-status-orange)
-} .plate__attention_mqch5:before {
+} .plate__attention_2yl9z:before {
         background-color: var(--color-static-status-orange);
-    } .plate__custom_mqch5 {
+    } .plate__custom_2yl9z {
     background: var(--plate-background);
     box-shadow: var(--plate-border) var(--plate-border-color)
-} .plate__custom_mqch5:before {
+} .plate__custom_2yl9z:before {
         background-color: var(--plate-border-color);
-    } .plate__rect_mqch5,
-.plate__noBorder_mqch5 {
+    } .plate__rect_2yl9z,
+.plate__noBorder_2yl9z {
     box-shadow: none;
-} .plate__isHidden_mqch5 {
+} .plate__isHidden_2yl9z {
     display: none;
-} .plate__leftAddons_mqch5,
-.plate__rightAddons_mqch5 {
+} .plate__leftAddons_2yl9z,
+.plate__rightAddons_2yl9z {
     display: inline-flex;
     padding: var(--gap-2xs);
-} .plate__leftAddons_mqch5 {
+} .plate__leftAddons_2yl9z {
     flex-shrink: 0;
     min-width: 24px;
     margin-right: var(--gap-2xs);
-} .plate__subAddons_mqch5 {
+} .plate__subAddons_2yl9z {
     cursor: default;
     align-self: flex-start;
-} .plate__bold_mqch5,
-.plate__light_mqch5 {
+} .plate__bold_2yl9z,
+.plate__light_2yl9z {
     word-break: break-word;
-} .plate__bold_mqch5 {
+} .plate__bold_2yl9z {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
     padding: 5px var(--gap-s) 5px var(--gap-2xs);
-} .plate__light_mqch5 {
+} .plate__light_2yl9z {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: 6px var(--gap-s) 6px var(--gap-2xs);
-} .plate__foldable_mqch5 .plate__content_mqch5 {
+} .plate__foldable_2yl9z .plate__content_2yl9z {
     max-height: 300vh;
-} .plate__content_mqch5 {
+} .plate__content_2yl9z {
     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_mqch5.plate__isFolded_mqch5.plate__isFolded_mqch5 {
+} .plate__content_2yl9z.plate__isFolded_2yl9z.plate__isFolded_2yl9z {
         max-height: 0;
         transition: max-height 1s cubic-bezier(0, 1, 0, 1);
-    } .plate__contentContainer_mqch5 {
+    } .plate__contentContainer_2yl9z {
     flex: 1;
     margin-right: auto
-} .plate__contentContainer_mqch5.plate__withoutTitle_mqch5 {
+} .plate__contentContainer_2yl9z.plate__withoutTitle_2yl9z {
         padding-top: var(--gap-3xs);
-    } .plate__limitWidth_mqch5 {
+    } .plate__limitWidth_2yl9z {
     max-width: var(--plate-width-limit);
-} .plate__description_mqch5 {
+} .plate__description_2yl9z {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: var(--gap-2xs) var(--gap-s) var(--gap-2xs) var(--gap-2xs);
-} .plate__footer_mqch5 {
+} .plate__footer_2yl9z {
     padding: var(--gap-l) 0 var(--gap-2xs) var(--gap-2xs);
-} .plate__closer_mqch5,
-.plate__folder_mqch5 {
+} .plate__closer_2yl9z,
+.plate__folder_2yl9z {
     display: block;
     height: 24px;
     width: 24px;
@@ -184,29 +184,29 @@
     transition: opacity 0.2s ease;
     cursor: pointer;
     margin-left: var(--gap-s)
-} .plate__closer_mqch5:hover, .plate__folder_mqch5:hover {
+} .plate__closer_2yl9z:hover, .plate__folder_2yl9z:hover {
         opacity: 0.7;
-    } .plate__closer_mqch5:active, .plate__folder_mqch5:active {
+    } .plate__closer_2yl9z:active, .plate__folder_2yl9z:active {
         opacity: 0.5;
-    } .plate__folder_mqch5 {
+    } .plate__folder_2yl9z {
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
     transform: var(--arrow-transform)
-} .plate__folder_mqch5.plate__isFolded_mqch5 {
+} .plate__folder_2yl9z.plate__isFolded_2yl9z {
         transform: rotate(0deg);
-    } .plate__button_mqch5:not(:last-child) {
+    } .plate__button_2yl9z:not(:last-child) {
         margin-right: var(--gap-xs);
-    } .plate__rowLimit1_mqch5 {
+    } .plate__rowLimit1_2yl9z {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .plate__rowLimit2_mqch5 {
+} .plate__rowLimit2_2yl9z {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .plate__rowLimit3_mqch5 {
+} .plate__rowLimit3_2yl9z {
     -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_ixsfi","inner":"popover__inner_ixsfi","scrollableContent":"popover__scrollableContent_ixsfi","arrow":"popover__arrow_ixsfi","arrowShift":"popover__arrowShift_ixsfi","enter":"popover__enter_ixsfi","enterActive":"popover__enterActive_ixsfi","exit":"popover__exit_ixsfi","exitActive":"popover__exitActive_ixsfi"};
+var styles = {"component":"popover__component_ap5g9","inner":"popover__inner_ap5g9","scrollableContent":"popover__scrollableContent_ap5g9","arrow":"popover__arrow_ap5g9","arrowShift":"popover__arrowShift_ap5g9","enter":"popover__enter_ap5g9","enterActive":"popover__enterActive_ap5g9","exit":"popover__exit_ap5g9","exitActive":"popover__exitActive_ap5g9"};
 require('./index.css');
 
 var DEFAULT_TRANSITION = {

package/popover/esm/Component.js

@@ -9,7 +9,7 @@ import maxSize from 'popper-max-size-modifier';
 import { Portal } from '../../portal/esm';
 import { stackingOrder, Stack } from '../../stack/esm';
 
-var styles = {"component":"popover__component_ixsfi","inner":"popover__inner_ixsfi","scrollableContent":"popover__scrollableContent_ixsfi","arrow":"popover__arrow_ixsfi","arrowShift":"popover__arrowShift_ixsfi","enter":"popover__enter_ixsfi","enterActive":"popover__enterActive_ixsfi","exit":"popover__exit_ixsfi","exitActive":"popover__exitActive_ixsfi"};
+var styles = {"component":"popover__component_ap5g9","inner":"popover__inner_ap5g9","scrollableContent":"popover__scrollableContent_ap5g9","arrow":"popover__arrow_ap5g9","arrowShift":"popover__arrowShift_ap5g9","enter":"popover__enter_ap5g9","enterActive":"popover__enterActive_ap5g9","exit":"popover__exit_ap5g9","exitActive":"popover__exitActive_ap5g9"};
 require('./index.css');
 
 var DEFAULT_TRANSITION = {

package/popover/esm/index.css

@@ -20,23 +20,23 @@
 } :root {
 } :root {
     --popover-border-color: transparent;
-} .popover__component_ixsfi {
+} .popover__component_ap5g9 {
     background-color: transparent;
     color: var(--color-light-text-primary);
-} .popover__inner_ixsfi {
+} .popover__inner_ap5g9 {
     position: relative;
     background-color: var(--color-light-bg-primary);
     box-shadow: var(--shadow-m);
     border: 1px solid var(--popover-border-color);
     box-sizing: border-box;
     will-change: transform;
-} .popover__scrollableContent_ixsfi {
+} .popover__scrollableContent_ap5g9 {
     position: relative;
     z-index: 2;
     overflow-y: auto;
-} .popover__arrow_ixsfi {
+} .popover__arrow_ap5g9 {
     z-index: 1;
-} .popover__arrow_ixsfi:after {
+} .popover__arrow_ap5g9:after {
     content: '';
     display: block;
     position: absolute;
@@ -46,67 +46,67 @@
     border: 1px solid var(--popover-border-color);
     box-sizing: border-box;
     transform: rotate(45deg);
-} .popover__component_ixsfi[data-popper-placement='left'] .popover__arrow_ixsfi,
-.popover__component_ixsfi[data-popper-placement='left-start'] .popover__arrow_ixsfi,
-.popover__component_ixsfi[data-popper-placement='left-end'] .popover__arrow_ixsfi {
+} .popover__component_ap5g9[data-popper-placement='left'] .popover__arrow_ap5g9,
+.popover__component_ap5g9[data-popper-placement='left-start'] .popover__arrow_ap5g9,
+.popover__component_ap5g9[data-popper-placement='left-end'] .popover__arrow_ap5g9 {
     right: 5px
-} .popover__component_ixsfi[data-popper-placement='left'] .popover__arrow_ixsfi:after, .popover__component_ixsfi[data-popper-placement='left-start'] .popover__arrow_ixsfi:after, .popover__component_ixsfi[data-popper-placement='left-end'] .popover__arrow_ixsfi:after {
+} .popover__component_ap5g9[data-popper-placement='left'] .popover__arrow_ap5g9:after, .popover__component_ap5g9[data-popper-placement='left-start'] .popover__arrow_ap5g9:after, .popover__component_ap5g9[data-popper-placement='left-end'] .popover__arrow_ap5g9:after {
         top: -6px;
         border-bottom: none;
         border-left: none;
-    } .popover__component_ixsfi[data-popper-placement='left-start'].popover__arrowShift_ixsfi .popover__arrow_ixsfi:after {
+    } .popover__component_ap5g9[data-popper-placement='left-start'].popover__arrowShift_ap5g9 .popover__arrow_ap5g9:after {
     top: -7px;
-} .popover__component_ixsfi[data-popper-placement='left-end'].popover__arrowShift_ixsfi .popover__arrow_ixsfi:after {
+} .popover__component_ap5g9[data-popper-placement='left-end'].popover__arrowShift_ap5g9 .popover__arrow_ap5g9:after {
     top: -5px;
-} .popover__component_ixsfi[data-popper-placement='right'] .popover__arrow_ixsfi,
-.popover__component_ixsfi[data-popper-placement='right-start'] .popover__arrow_ixsfi,
-.popover__component_ixsfi[data-popper-placement='right-end'] .popover__arrow_ixsfi {
+} .popover__component_ap5g9[data-popper-placement='right'] .popover__arrow_ap5g9,
+.popover__component_ap5g9[data-popper-placement='right-start'] .popover__arrow_ap5g9,
+.popover__component_ap5g9[data-popper-placement='right-end'] .popover__arrow_ap5g9 {
     left: -7px
-} .popover__component_ixsfi[data-popper-placement='right'] .popover__arrow_ixsfi:after, .popover__component_ixsfi[data-popper-placement='right-start'] .popover__arrow_ixsfi:after, .popover__component_ixsfi[data-popper-placement='right-end'] .popover__arrow_ixsfi:after {
+} .popover__component_ap5g9[data-popper-placement='right'] .popover__arrow_ap5g9:after, .popover__component_ap5g9[data-popper-placement='right-start'] .popover__arrow_ap5g9:after, .popover__component_ap5g9[data-popper-placement='right-end'] .popover__arrow_ap5g9:after {
         top: -6px;
         border-top: none;
         border-right: none;
-    } .popover__component_ixsfi[data-popper-placement='right-start'].popover__arrowShift_ixsfi .popover__arrow_ixsfi:after {
+    } .popover__component_ap5g9[data-popper-placement='right-start'].popover__arrowShift_ap5g9 .popover__arrow_ap5g9:after {
     top: -7px;
-} .popover__component_ixsfi[data-popper-placement='right-end'].popover__arrowShift_ixsfi .popover__arrow_ixsfi:after {
+} .popover__component_ap5g9[data-popper-placement='right-end'].popover__arrowShift_ap5g9 .popover__arrow_ap5g9:after {
     top: -5px;
-} .popover__component_ixsfi[data-popper-placement='top'] .popover__arrow_ixsfi,
-.popover__component_ixsfi[data-popper-placement='top-start'] .popover__arrow_ixsfi,
-.popover__component_ixsfi[data-popper-placement='top-end'] .popover__arrow_ixsfi {
+} .popover__component_ap5g9[data-popper-placement='top'] .popover__arrow_ap5g9,
+.popover__component_ap5g9[data-popper-placement='top-start'] .popover__arrow_ap5g9,
+.popover__component_ap5g9[data-popper-placement='top-end'] .popover__arrow_ap5g9 {
     bottom: 5px
-} .popover__component_ixsfi[data-popper-placement='top'] .popover__arrow_ixsfi:after, .popover__component_ixsfi[data-popper-placement='top-start'] .popover__arrow_ixsfi:after, .popover__component_ixsfi[data-popper-placement='top-end'] .popover__arrow_ixsfi:after {
+} .popover__component_ap5g9[data-popper-placement='top'] .popover__arrow_ap5g9:after, .popover__component_ap5g9[data-popper-placement='top-start'] .popover__arrow_ap5g9:after, .popover__component_ap5g9[data-popper-placement='top-end'] .popover__arrow_ap5g9:after {
         left: -6px;
         border-top: none;
         border-left: none;
-    } .popover__component_ixsfi[data-popper-placement='top-start'].popover__arrowShift_ixsfi .popover__arrow_ixsfi:after {
+    } .popover__component_ap5g9[data-popper-placement='top-start'].popover__arrowShift_ap5g9 .popover__arrow_ap5g9:after {
     left: -17px;
-} .popover__component_ixsfi[data-popper-placement='top-end'].popover__arrowShift_ixsfi .popover__arrow_ixsfi:after {
+} .popover__component_ap5g9[data-popper-placement='top-end'].popover__arrowShift_ap5g9 .popover__arrow_ap5g9:after {
     left: 5px;
-} .popover__component_ixsfi[data-popper-placement='bottom'] .popover__arrow_ixsfi,
-.popover__component_ixsfi[data-popper-placement='bottom-start'] .popover__arrow_ixsfi,
-.popover__component_ixsfi[data-popper-placement='bottom-end'] .popover__arrow_ixsfi {
+} .popover__component_ap5g9[data-popper-placement='bottom'] .popover__arrow_ap5g9,
+.popover__component_ap5g9[data-popper-placement='bottom-start'] .popover__arrow_ap5g9,
+.popover__component_ap5g9[data-popper-placement='bottom-end'] .popover__arrow_ap5g9 {
     top: -7px
-} .popover__component_ixsfi[data-popper-placement='bottom'] .popover__arrow_ixsfi:after, .popover__component_ixsfi[data-popper-placement='bottom-start'] .popover__arrow_ixsfi:after, .popover__component_ixsfi[data-popper-placement='bottom-end'] .popover__arrow_ixsfi:after {
+} .popover__component_ap5g9[data-popper-placement='bottom'] .popover__arrow_ap5g9:after, .popover__component_ap5g9[data-popper-placement='bottom-start'] .popover__arrow_ap5g9:after, .popover__component_ap5g9[data-popper-placement='bottom-end'] .popover__arrow_ap5g9:after {
         left: -6px;
         border-bottom: none;
         border-right: none;
-    } .popover__component_ixsfi[data-popper-placement='bottom-start'].popover__arrowShift_ixsfi .popover__arrow_ixsfi:after {
+    } .popover__component_ap5g9[data-popper-placement='bottom-start'].popover__arrowShift_ap5g9 .popover__arrow_ap5g9:after {
     left: -17px;
-} .popover__component_ixsfi[data-popper-placement='bottom-end'].popover__arrowShift_ixsfi .popover__arrow_ixsfi:after {
+} .popover__component_ap5g9[data-popper-placement='bottom-end'].popover__arrowShift_ap5g9 .popover__arrow_ap5g9:after {
     left: 5px;
-} .popover__enter_ixsfi .popover__inner_ixsfi {
+} .popover__enter_ap5g9 .popover__inner_ap5g9 {
     opacity: 0;
     transform: scale(0.98);
-} .popover__enterActive_ixsfi .popover__inner_ixsfi {
+} .popover__enterActive_ap5g9 .popover__inner_ap5g9 {
     opacity: 1;
     transform: scale(1);
     transition-property: opacity, transform;
     transition-timing-function: ease-in-out;
     transition-duration: 150ms;
-} .popover__exit_ixsfi .popover__inner_ixsfi {
+} .popover__exit_ap5g9 .popover__inner_ap5g9 {
     opacity: 1;
     transform: scale(1);
-} .popover__exitActive_ixsfi .popover__inner_ixsfi {
+} .popover__exitActive_ap5g9 .popover__inner_ap5g9 {
     opacity: 0;
     transform: scale(0.98);
     transition-property: opacity, transform;

package/popover/index.css

@@ -20,23 +20,23 @@
 } :root {
 } :root {
     --popover-border-color: transparent;
-} .popover__component_ixsfi {
+} .popover__component_ap5g9 {
     background-color: transparent;
     color: var(--color-light-text-primary);
-} .popover__inner_ixsfi {
+} .popover__inner_ap5g9 {
     position: relative;
     background-color: var(--color-light-bg-primary);
     box-shadow: var(--shadow-m);
     border: 1px solid var(--popover-border-color);
     box-sizing: border-box;
     will-change: transform;
-} .popover__scrollableContent_ixsfi {
+} .popover__scrollableContent_ap5g9 {
     position: relative;
     z-index: 2;
     overflow-y: auto;
-} .popover__arrow_ixsfi {
+} .popover__arrow_ap5g9 {
     z-index: 1;
-} .popover__arrow_ixsfi:after {
+} .popover__arrow_ap5g9:after {
     content: '';
     display: block;
     position: absolute;
@@ -46,67 +46,67 @@
     border: 1px solid var(--popover-border-color);
     box-sizing: border-box;
     transform: rotate(45deg);
-} .popover__component_ixsfi[data-popper-placement='left'] .popover__arrow_ixsfi,
-.popover__component_ixsfi[data-popper-placement='left-start'] .popover__arrow_ixsfi,
-.popover__component_ixsfi[data-popper-placement='left-end'] .popover__arrow_ixsfi {
+} .popover__component_ap5g9[data-popper-placement='left'] .popover__arrow_ap5g9,
+.popover__component_ap5g9[data-popper-placement='left-start'] .popover__arrow_ap5g9,
+.popover__component_ap5g9[data-popper-placement='left-end'] .popover__arrow_ap5g9 {
     right: 5px
-} .popover__component_ixsfi[data-popper-placement='left'] .popover__arrow_ixsfi:after, .popover__component_ixsfi[data-popper-placement='left-start'] .popover__arrow_ixsfi:after, .popover__component_ixsfi[data-popper-placement='left-end'] .popover__arrow_ixsfi:after {
+} .popover__component_ap5g9[data-popper-placement='left'] .popover__arrow_ap5g9:after, .popover__component_ap5g9[data-popper-placement='left-start'] .popover__arrow_ap5g9:after, .popover__component_ap5g9[data-popper-placement='left-end'] .popover__arrow_ap5g9:after {
         top: -6px;
         border-bottom: none;
         border-left: none;
-    } .popover__component_ixsfi[data-popper-placement='left-start'].popover__arrowShift_ixsfi .popover__arrow_ixsfi:after {
+    } .popover__component_ap5g9[data-popper-placement='left-start'].popover__arrowShift_ap5g9 .popover__arrow_ap5g9:after {
     top: -7px;
-} .popover__component_ixsfi[data-popper-placement='left-end'].popover__arrowShift_ixsfi .popover__arrow_ixsfi:after {
+} .popover__component_ap5g9[data-popper-placement='left-end'].popover__arrowShift_ap5g9 .popover__arrow_ap5g9:after {
     top: -5px;
-} .popover__component_ixsfi[data-popper-placement='right'] .popover__arrow_ixsfi,
-.popover__component_ixsfi[data-popper-placement='right-start'] .popover__arrow_ixsfi,
-.popover__component_ixsfi[data-popper-placement='right-end'] .popover__arrow_ixsfi {
+} .popover__component_ap5g9[data-popper-placement='right'] .popover__arrow_ap5g9,
+.popover__component_ap5g9[data-popper-placement='right-start'] .popover__arrow_ap5g9,
+.popover__component_ap5g9[data-popper-placement='right-end'] .popover__arrow_ap5g9 {
     left: -7px
-} .popover__component_ixsfi[data-popper-placement='right'] .popover__arrow_ixsfi:after, .popover__component_ixsfi[data-popper-placement='right-start'] .popover__arrow_ixsfi:after, .popover__component_ixsfi[data-popper-placement='right-end'] .popover__arrow_ixsfi:after {
+} .popover__component_ap5g9[data-popper-placement='right'] .popover__arrow_ap5g9:after, .popover__component_ap5g9[data-popper-placement='right-start'] .popover__arrow_ap5g9:after, .popover__component_ap5g9[data-popper-placement='right-end'] .popover__arrow_ap5g9:after {
         top: -6px;
         border-top: none;
         border-right: none;
-    } .popover__component_ixsfi[data-popper-placement='right-start'].popover__arrowShift_ixsfi .popover__arrow_ixsfi:after {
+    } .popover__component_ap5g9[data-popper-placement='right-start'].popover__arrowShift_ap5g9 .popover__arrow_ap5g9:after {
     top: -7px;
-} .popover__component_ixsfi[data-popper-placement='right-end'].popover__arrowShift_ixsfi .popover__arrow_ixsfi:after {
+} .popover__component_ap5g9[data-popper-placement='right-end'].popover__arrowShift_ap5g9 .popover__arrow_ap5g9:after {
     top: -5px;
-} .popover__component_ixsfi[data-popper-placement='top'] .popover__arrow_ixsfi,
-.popover__component_ixsfi[data-popper-placement='top-start'] .popover__arrow_ixsfi,
-.popover__component_ixsfi[data-popper-placement='top-end'] .popover__arrow_ixsfi {
+} .popover__component_ap5g9[data-popper-placement='top'] .popover__arrow_ap5g9,
+.popover__component_ap5g9[data-popper-placement='top-start'] .popover__arrow_ap5g9,
+.popover__component_ap5g9[data-popper-placement='top-end'] .popover__arrow_ap5g9 {
     bottom: 5px
-} .popover__component_ixsfi[data-popper-placement='top'] .popover__arrow_ixsfi:after, .popover__component_ixsfi[data-popper-placement='top-start'] .popover__arrow_ixsfi:after, .popover__component_ixsfi[data-popper-placement='top-end'] .popover__arrow_ixsfi:after {
+} .popover__component_ap5g9[data-popper-placement='top'] .popover__arrow_ap5g9:after, .popover__component_ap5g9[data-popper-placement='top-start'] .popover__arrow_ap5g9:after, .popover__component_ap5g9[data-popper-placement='top-end'] .popover__arrow_ap5g9:after {
         left: -6px;
         border-top: none;
         border-left: none;
-    } .popover__component_ixsfi[data-popper-placement='top-start'].popover__arrowShift_ixsfi .popover__arrow_ixsfi:after {
+    } .popover__component_ap5g9[data-popper-placement='top-start'].popover__arrowShift_ap5g9 .popover__arrow_ap5g9:after {
     left: -17px;
-} .popover__component_ixsfi[data-popper-placement='top-end'].popover__arrowShift_ixsfi .popover__arrow_ixsfi:after {
+} .popover__component_ap5g9[data-popper-placement='top-end'].popover__arrowShift_ap5g9 .popover__arrow_ap5g9:after {
     left: 5px;
-} .popover__component_ixsfi[data-popper-placement='bottom'] .popover__arrow_ixsfi,
-.popover__component_ixsfi[data-popper-placement='bottom-start'] .popover__arrow_ixsfi,
-.popover__component_ixsfi[data-popper-placement='bottom-end'] .popover__arrow_ixsfi {
+} .popover__component_ap5g9[data-popper-placement='bottom'] .popover__arrow_ap5g9,
+.popover__component_ap5g9[data-popper-placement='bottom-start'] .popover__arrow_ap5g9,
+.popover__component_ap5g9[data-popper-placement='bottom-end'] .popover__arrow_ap5g9 {
     top: -7px
-} .popover__component_ixsfi[data-popper-placement='bottom'] .popover__arrow_ixsfi:after, .popover__component_ixsfi[data-popper-placement='bottom-start'] .popover__arrow_ixsfi:after, .popover__component_ixsfi[data-popper-placement='bottom-end'] .popover__arrow_ixsfi:after {
+} .popover__component_ap5g9[data-popper-placement='bottom'] .popover__arrow_ap5g9:after, .popover__component_ap5g9[data-popper-placement='bottom-start'] .popover__arrow_ap5g9:after, .popover__component_ap5g9[data-popper-placement='bottom-end'] .popover__arrow_ap5g9:after {
         left: -6px;
         border-bottom: none;
         border-right: none;
-    } .popover__component_ixsfi[data-popper-placement='bottom-start'].popover__arrowShift_ixsfi .popover__arrow_ixsfi:after {
+    } .popover__component_ap5g9[data-popper-placement='bottom-start'].popover__arrowShift_ap5g9 .popover__arrow_ap5g9:after {
     left: -17px;
-} .popover__component_ixsfi[data-popper-placement='bottom-end'].popover__arrowShift_ixsfi .popover__arrow_ixsfi:after {
+} .popover__component_ap5g9[data-popper-placement='bottom-end'].popover__arrowShift_ap5g9 .popover__arrow_ap5g9:after {
     left: 5px;
-} .popover__enter_ixsfi .popover__inner_ixsfi {
+} .popover__enter_ap5g9 .popover__inner_ap5g9 {
     opacity: 0;
     transform: scale(0.98);
-} .popover__enterActive_ixsfi .popover__inner_ixsfi {
+} .popover__enterActive_ap5g9 .popover__inner_ap5g9 {
     opacity: 1;
     transform: scale(1);
     transition-property: opacity, transform;
     transition-timing-function: ease-in-out;
     transition-duration: 150ms;
-} .popover__exit_ixsfi .popover__inner_ixsfi {
+} .popover__exit_ap5g9 .popover__inner_ap5g9 {
     opacity: 1;
     transform: scale(1);
-} .popover__exitActive_ixsfi .popover__inner_ixsfi {
+} .popover__exitActive_ap5g9 .popover__inner_ap5g9 {
     opacity: 0;
     transform: scale(0.98);
     transition-property: opacity, transform;

package/popover/modern/Component.js

@@ -8,7 +8,7 @@ import maxSize from 'popper-max-size-modifier';
 import { Portal } from '../../portal/modern';
 import { Stack, stackingOrder } from '../../stack/modern';
 
-const styles = {"component":"popover__component_ixsfi","inner":"popover__inner_ixsfi","scrollableContent":"popover__scrollableContent_ixsfi","arrow":"popover__arrow_ixsfi","arrowShift":"popover__arrowShift_ixsfi","enter":"popover__enter_ixsfi","enterActive":"popover__enterActive_ixsfi","exit":"popover__exit_ixsfi","exitActive":"popover__exitActive_ixsfi"};
+const styles = {"component":"popover__component_ap5g9","inner":"popover__inner_ap5g9","scrollableContent":"popover__scrollableContent_ap5g9","arrow":"popover__arrow_ap5g9","arrowShift":"popover__arrowShift_ap5g9","enter":"popover__enter_ap5g9","enterActive":"popover__enterActive_ap5g9","exit":"popover__exit_ap5g9","exitActive":"popover__exitActive_ap5g9"};
 require('./index.css');
 
 const DEFAULT_TRANSITION = {