@alfalab/core-components 39.2.1 → 39.4.0

package/plate/modern/index.css

@@ -47,7 +47,7 @@
     --plate-background: transparent;
     --plate-border-color: var(--color-static-status-grey);
     --plate-box-shadow: var(--shadow-s);
-} .plate__component_lx5nu {
+} .plate__component_iugxz {
     position: relative;
     display: inline-flex;
     box-sizing: border-box;
@@ -56,28 +56,28 @@
     min-height: 56px;
     padding: var(--gap-s);
     outline: none
-} .plate__component_lx5nu:before {
+} .plate__component_iugxz:before {
         content: '';
         width: var(--plate-border-left);
         position: absolute;
         height: 100%;
         top: 0;
         left: 0;
-    } .plate__foldable_lx5nu {
+    } .plate__foldable_iugxz {
     cursor: pointer;
-} .plate__component_lx5nu * {
+} .plate__component_iugxz * {
     box-sizing: border-box;
-} .plate__focused_lx5nu {
+} .plate__focused_iugxz {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .plate__inner_lx5nu {
+} .plate__inner_iugxz {
     position: relative;
     width: 100%;
     display: flex;
     justify-content: space-between;
-} .plate__rounded_lx5nu:before, .plate__noBorder_lx5nu:before {
+} .plate__rounded_iugxz:before, .plate__noBorder_iugxz:before {
         display: none;
-    } .plate__shadow_lx5nu:after {
+    } .plate__shadow_iugxz:after {
     content: '';
     position: absolute;
     top: 0;
@@ -89,67 +89,67 @@
     display: block;
     box-shadow: var(--plate-box-shadow);
     pointer-events: none;
-} .plate__rounded_lx5nu {
+} .plate__rounded_iugxz {
     border-radius: var(--plate-border-radius)
-} .plate__rounded_lx5nu.plate__shadow_lx5nu:after {
+} .plate__rounded_iugxz.plate__shadow_iugxz:after {
         border-radius: var(--plate-border-radius);
-    } .plate__common_lx5nu {
+    } .plate__common_iugxz {
     background-color: var(--color-light-specialbg-secondary-transparent);
     box-shadow: var(--plate-border) var(--color-static-status-grey)
-} .plate__common_lx5nu:before {
+} .plate__common_iugxz:before {
         background-color: var(--color-static-status-grey);
-    } .plate__negative_lx5nu {
+    } .plate__negative_iugxz {
     background-color: var(--color-light-bg-negative-muted);
     box-shadow: var(--plate-border) var(--color-static-status-red)
-} .plate__negative_lx5nu:before {
+} .plate__negative_iugxz:before {
         background-color: var(--color-static-status-red);
-    } .plate__positive_lx5nu {
+    } .plate__positive_iugxz {
     background-color: var(--color-light-bg-positive-muted);
     box-shadow: var(--plate-border) var(--color-static-status-green)
-} .plate__positive_lx5nu:before {
+} .plate__positive_iugxz:before {
         background-color: var(--color-static-status-green);
-    } .plate__attention_lx5nu {
+    } .plate__attention_iugxz {
     background-color: var(--color-light-bg-attention-muted);
     box-shadow: var(--plate-border) var(--color-static-status-orange)
-} .plate__attention_lx5nu:before {
+} .plate__attention_iugxz:before {
         background-color: var(--color-static-status-orange);
-    } .plate__custom_lx5nu {
+    } .plate__custom_iugxz {
     background: var(--plate-background);
     box-shadow: var(--plate-border) var(--plate-border-color)
-} .plate__custom_lx5nu:before {
+} .plate__custom_iugxz:before {
         background-color: var(--plate-border-color);
-    } .plate__rect_lx5nu,
-.plate__noBorder_lx5nu {
+    } .plate__rect_iugxz,
+.plate__noBorder_iugxz {
     box-shadow: none;
-} .plate__isHidden_lx5nu {
+} .plate__isHidden_iugxz {
     display: none;
-} .plate__leftAddons_lx5nu,
-.plate__rightAddons_lx5nu {
+} .plate__leftAddons_iugxz,
+.plate__rightAddons_iugxz {
     display: inline-flex;
     padding: var(--gap-2xs);
-} .plate__leftAddons_lx5nu {
+} .plate__leftAddons_iugxz {
     flex-shrink: 0;
     min-width: 24px;
     margin-right: var(--gap-2xs);
-} .plate__subAddons_lx5nu {
+} .plate__subAddons_iugxz {
     cursor: default;
     align-self: flex-start;
-} .plate__bold_lx5nu,
-.plate__light_lx5nu {
+} .plate__bold_iugxz,
+.plate__light_iugxz {
     word-break: break-word;
-} .plate__bold_lx5nu {
+} .plate__bold_iugxz {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
     padding: 5px var(--gap-s) 5px var(--gap-2xs);
-} .plate__light_lx5nu {
+} .plate__light_iugxz {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: 6px var(--gap-s) 6px var(--gap-2xs);
-} .plate__foldable_lx5nu .plate__content_lx5nu {
+} .plate__foldable_iugxz .plate__content_iugxz {
     max-height: 300vh;
-} .plate__content_lx5nu {
+} .plate__content_iugxz {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -157,25 +157,25 @@
     overflow: hidden;
     transition: max-height 2s ease-in-out;
     cursor: default
-} .plate__content_lx5nu.plate__isFolded_lx5nu.plate__isFolded_lx5nu {
+} .plate__content_iugxz.plate__isFolded_iugxz.plate__isFolded_iugxz {
         max-height: 0;
         transition: max-height 1s cubic-bezier(0, 1, 0, 1);
-    } .plate__contentContainer_lx5nu {
+    } .plate__contentContainer_iugxz {
     flex: 1;
     margin-right: auto
-} .plate__contentContainer_lx5nu.plate__withoutTitle_lx5nu {
+} .plate__contentContainer_iugxz.plate__withoutTitle_iugxz {
         padding-top: var(--gap-3xs);
-    } .plate__limitWidth_lx5nu {
+    } .plate__limitWidth_iugxz {
     max-width: var(--plate-width-limit);
-} .plate__description_lx5nu {
+} .plate__description_iugxz {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: var(--gap-2xs) var(--gap-s) var(--gap-2xs) var(--gap-2xs);
-} .plate__footer_lx5nu {
+} .plate__footer_iugxz {
     padding: var(--gap-l) 0 var(--gap-2xs) var(--gap-2xs);
-} .plate__closer_lx5nu,
-.plate__folder_lx5nu {
+} .plate__closer_iugxz,
+.plate__folder_iugxz {
     display: block;
     height: 24px;
     width: 24px;
@@ -183,29 +183,29 @@
     transition: opacity 0.2s ease;
     cursor: pointer;
     margin-left: var(--gap-s)
-} .plate__closer_lx5nu:hover, .plate__folder_lx5nu:hover {
+} .plate__closer_iugxz:hover, .plate__folder_iugxz:hover {
         opacity: 0.7;
-    } .plate__closer_lx5nu:active, .plate__folder_lx5nu:active {
+    } .plate__closer_iugxz:active, .plate__folder_iugxz:active {
         opacity: 0.5;
-    } .plate__folder_lx5nu {
+    } .plate__folder_iugxz {
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
     transform: var(--arrow-transform)
-} .plate__folder_lx5nu.plate__isFolded_lx5nu {
+} .plate__folder_iugxz.plate__isFolded_iugxz {
         transform: rotate(0deg);
-    } .plate__button_lx5nu:not(:last-child) {
+    } .plate__button_iugxz:not(:last-child) {
         margin-right: var(--gap-xs);
-    } .plate__rowLimit1_lx5nu {
+    } .plate__rowLimit1_iugxz {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .plate__rowLimit2_lx5nu {
+} .plate__rowLimit2_iugxz {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .plate__rowLimit3_lx5nu {
+} .plate__rowLimit3_iugxz {
     -webkit-line-clamp: 3;
     display: -webkit-box;
     -webkit-box-orient: vertical;

package/popover/Component.js

@@ -16,7 +16,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var maxSize__default = /*#__PURE__*/_interopDefaultCompat(maxSize);
 
-var styles = {"component":"popover__component_3fjuz","inner":"popover__inner_3fjuz","scrollableContent":"popover__scrollableContent_3fjuz","arrow":"popover__arrow_3fjuz","arrowShift":"popover__arrowShift_3fjuz","enter":"popover__enter_3fjuz","enterActive":"popover__enterActive_3fjuz","exit":"popover__exit_3fjuz","exitActive":"popover__exitActive_3fjuz"};
+var styles = {"component":"popover__component_fea6k","inner":"popover__inner_fea6k","scrollableContent":"popover__scrollableContent_fea6k","arrow":"popover__arrow_fea6k","arrowShift":"popover__arrowShift_fea6k","enter":"popover__enter_fea6k","enterActive":"popover__enterActive_fea6k","exit":"popover__exit_fea6k","exitActive":"popover__exitActive_fea6k"};
 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_3fjuz","inner":"popover__inner_3fjuz","scrollableContent":"popover__scrollableContent_3fjuz","arrow":"popover__arrow_3fjuz","arrowShift":"popover__arrowShift_3fjuz","enter":"popover__enter_3fjuz","enterActive":"popover__enterActive_3fjuz","exit":"popover__exit_3fjuz","exitActive":"popover__exitActive_3fjuz"};
+var styles = {"component":"popover__component_fea6k","inner":"popover__inner_fea6k","scrollableContent":"popover__scrollableContent_fea6k","arrow":"popover__arrow_fea6k","arrowShift":"popover__arrowShift_fea6k","enter":"popover__enter_fea6k","enterActive":"popover__enterActive_fea6k","exit":"popover__exit_fea6k","exitActive":"popover__exitActive_fea6k"};
 require('./index.css');
 
 var DEFAULT_TRANSITION = {

package/popover/esm/index.css

@@ -19,23 +19,23 @@
 } :root {
 } :root {
     --popover-border-color: transparent;
-} .popover__component_3fjuz {
+} .popover__component_fea6k {
     background-color: transparent;
     color: var(--color-light-text-primary);
-} .popover__inner_3fjuz {
+} .popover__inner_fea6k {
     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_3fjuz {
+} .popover__scrollableContent_fea6k {
     position: relative;
     z-index: 2;
     overflow-y: auto;
-} .popover__arrow_3fjuz {
+} .popover__arrow_fea6k {
     z-index: 1;
-} .popover__arrow_3fjuz:after {
+} .popover__arrow_fea6k:after {
     content: '';
     display: block;
     position: absolute;
@@ -45,67 +45,67 @@
     border: 1px solid var(--popover-border-color);
     box-sizing: border-box;
     transform: rotate(45deg);
-} .popover__component_3fjuz[data-popper-placement='left'] .popover__arrow_3fjuz,
-.popover__component_3fjuz[data-popper-placement='left-start'] .popover__arrow_3fjuz,
-.popover__component_3fjuz[data-popper-placement='left-end'] .popover__arrow_3fjuz {
+} .popover__component_fea6k[data-popper-placement='left'] .popover__arrow_fea6k,
+.popover__component_fea6k[data-popper-placement='left-start'] .popover__arrow_fea6k,
+.popover__component_fea6k[data-popper-placement='left-end'] .popover__arrow_fea6k {
     right: 5px
-} .popover__component_3fjuz[data-popper-placement='left'] .popover__arrow_3fjuz:after, .popover__component_3fjuz[data-popper-placement='left-start'] .popover__arrow_3fjuz:after, .popover__component_3fjuz[data-popper-placement='left-end'] .popover__arrow_3fjuz:after {
+} .popover__component_fea6k[data-popper-placement='left'] .popover__arrow_fea6k:after, .popover__component_fea6k[data-popper-placement='left-start'] .popover__arrow_fea6k:after, .popover__component_fea6k[data-popper-placement='left-end'] .popover__arrow_fea6k:after {
         top: -6px;
         border-bottom: none;
         border-left: none;
-    } .popover__component_3fjuz[data-popper-placement='left-start'].popover__arrowShift_3fjuz .popover__arrow_3fjuz:after {
+    } .popover__component_fea6k[data-popper-placement='left-start'].popover__arrowShift_fea6k .popover__arrow_fea6k:after {
     top: -7px;
-} .popover__component_3fjuz[data-popper-placement='left-end'].popover__arrowShift_3fjuz .popover__arrow_3fjuz:after {
+} .popover__component_fea6k[data-popper-placement='left-end'].popover__arrowShift_fea6k .popover__arrow_fea6k:after {
     top: -5px;
-} .popover__component_3fjuz[data-popper-placement='right'] .popover__arrow_3fjuz,
-.popover__component_3fjuz[data-popper-placement='right-start'] .popover__arrow_3fjuz,
-.popover__component_3fjuz[data-popper-placement='right-end'] .popover__arrow_3fjuz {
+} .popover__component_fea6k[data-popper-placement='right'] .popover__arrow_fea6k,
+.popover__component_fea6k[data-popper-placement='right-start'] .popover__arrow_fea6k,
+.popover__component_fea6k[data-popper-placement='right-end'] .popover__arrow_fea6k {
     left: -7px
-} .popover__component_3fjuz[data-popper-placement='right'] .popover__arrow_3fjuz:after, .popover__component_3fjuz[data-popper-placement='right-start'] .popover__arrow_3fjuz:after, .popover__component_3fjuz[data-popper-placement='right-end'] .popover__arrow_3fjuz:after {
+} .popover__component_fea6k[data-popper-placement='right'] .popover__arrow_fea6k:after, .popover__component_fea6k[data-popper-placement='right-start'] .popover__arrow_fea6k:after, .popover__component_fea6k[data-popper-placement='right-end'] .popover__arrow_fea6k:after {
         top: -6px;
         border-top: none;
         border-right: none;
-    } .popover__component_3fjuz[data-popper-placement='right-start'].popover__arrowShift_3fjuz .popover__arrow_3fjuz:after {
+    } .popover__component_fea6k[data-popper-placement='right-start'].popover__arrowShift_fea6k .popover__arrow_fea6k:after {
     top: -7px;
-} .popover__component_3fjuz[data-popper-placement='right-end'].popover__arrowShift_3fjuz .popover__arrow_3fjuz:after {
+} .popover__component_fea6k[data-popper-placement='right-end'].popover__arrowShift_fea6k .popover__arrow_fea6k:after {
     top: -5px;
-} .popover__component_3fjuz[data-popper-placement='top'] .popover__arrow_3fjuz,
-.popover__component_3fjuz[data-popper-placement='top-start'] .popover__arrow_3fjuz,
-.popover__component_3fjuz[data-popper-placement='top-end'] .popover__arrow_3fjuz {
+} .popover__component_fea6k[data-popper-placement='top'] .popover__arrow_fea6k,
+.popover__component_fea6k[data-popper-placement='top-start'] .popover__arrow_fea6k,
+.popover__component_fea6k[data-popper-placement='top-end'] .popover__arrow_fea6k {
     bottom: 5px
-} .popover__component_3fjuz[data-popper-placement='top'] .popover__arrow_3fjuz:after, .popover__component_3fjuz[data-popper-placement='top-start'] .popover__arrow_3fjuz:after, .popover__component_3fjuz[data-popper-placement='top-end'] .popover__arrow_3fjuz:after {
+} .popover__component_fea6k[data-popper-placement='top'] .popover__arrow_fea6k:after, .popover__component_fea6k[data-popper-placement='top-start'] .popover__arrow_fea6k:after, .popover__component_fea6k[data-popper-placement='top-end'] .popover__arrow_fea6k:after {
         left: -6px;
         border-top: none;
         border-left: none;
-    } .popover__component_3fjuz[data-popper-placement='top-start'].popover__arrowShift_3fjuz .popover__arrow_3fjuz:after {
+    } .popover__component_fea6k[data-popper-placement='top-start'].popover__arrowShift_fea6k .popover__arrow_fea6k:after {
     left: -17px;
-} .popover__component_3fjuz[data-popper-placement='top-end'].popover__arrowShift_3fjuz .popover__arrow_3fjuz:after {
+} .popover__component_fea6k[data-popper-placement='top-end'].popover__arrowShift_fea6k .popover__arrow_fea6k:after {
     left: 5px;
-} .popover__component_3fjuz[data-popper-placement='bottom'] .popover__arrow_3fjuz,
-.popover__component_3fjuz[data-popper-placement='bottom-start'] .popover__arrow_3fjuz,
-.popover__component_3fjuz[data-popper-placement='bottom-end'] .popover__arrow_3fjuz {
+} .popover__component_fea6k[data-popper-placement='bottom'] .popover__arrow_fea6k,
+.popover__component_fea6k[data-popper-placement='bottom-start'] .popover__arrow_fea6k,
+.popover__component_fea6k[data-popper-placement='bottom-end'] .popover__arrow_fea6k {
     top: -7px
-} .popover__component_3fjuz[data-popper-placement='bottom'] .popover__arrow_3fjuz:after, .popover__component_3fjuz[data-popper-placement='bottom-start'] .popover__arrow_3fjuz:after, .popover__component_3fjuz[data-popper-placement='bottom-end'] .popover__arrow_3fjuz:after {
+} .popover__component_fea6k[data-popper-placement='bottom'] .popover__arrow_fea6k:after, .popover__component_fea6k[data-popper-placement='bottom-start'] .popover__arrow_fea6k:after, .popover__component_fea6k[data-popper-placement='bottom-end'] .popover__arrow_fea6k:after {
         left: -6px;
         border-bottom: none;
         border-right: none;
-    } .popover__component_3fjuz[data-popper-placement='bottom-start'].popover__arrowShift_3fjuz .popover__arrow_3fjuz:after {
+    } .popover__component_fea6k[data-popper-placement='bottom-start'].popover__arrowShift_fea6k .popover__arrow_fea6k:after {
     left: -17px;
-} .popover__component_3fjuz[data-popper-placement='bottom-end'].popover__arrowShift_3fjuz .popover__arrow_3fjuz:after {
+} .popover__component_fea6k[data-popper-placement='bottom-end'].popover__arrowShift_fea6k .popover__arrow_fea6k:after {
     left: 5px;
-} .popover__enter_3fjuz .popover__inner_3fjuz {
+} .popover__enter_fea6k .popover__inner_fea6k {
     opacity: 0;
     transform: scale(0.98);
-} .popover__enterActive_3fjuz .popover__inner_3fjuz {
+} .popover__enterActive_fea6k .popover__inner_fea6k {
     opacity: 1;
     transform: scale(1);
     transition-property: opacity, transform;
     transition-timing-function: ease-in-out;
     transition-duration: 150ms;
-} .popover__exit_3fjuz .popover__inner_3fjuz {
+} .popover__exit_fea6k .popover__inner_fea6k {
     opacity: 1;
     transform: scale(1);
-} .popover__exitActive_3fjuz .popover__inner_3fjuz {
+} .popover__exitActive_fea6k .popover__inner_fea6k {
     opacity: 0;
     transform: scale(0.98);
     transition-property: opacity, transform;

package/popover/index.css

@@ -19,23 +19,23 @@
 } :root {
 } :root {
     --popover-border-color: transparent;
-} .popover__component_3fjuz {
+} .popover__component_fea6k {
     background-color: transparent;
     color: var(--color-light-text-primary);
-} .popover__inner_3fjuz {
+} .popover__inner_fea6k {
     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_3fjuz {
+} .popover__scrollableContent_fea6k {
     position: relative;
     z-index: 2;
     overflow-y: auto;
-} .popover__arrow_3fjuz {
+} .popover__arrow_fea6k {
     z-index: 1;
-} .popover__arrow_3fjuz:after {
+} .popover__arrow_fea6k:after {
     content: '';
     display: block;
     position: absolute;
@@ -45,67 +45,67 @@
     border: 1px solid var(--popover-border-color);
     box-sizing: border-box;
     transform: rotate(45deg);
-} .popover__component_3fjuz[data-popper-placement='left'] .popover__arrow_3fjuz,
-.popover__component_3fjuz[data-popper-placement='left-start'] .popover__arrow_3fjuz,
-.popover__component_3fjuz[data-popper-placement='left-end'] .popover__arrow_3fjuz {
+} .popover__component_fea6k[data-popper-placement='left'] .popover__arrow_fea6k,
+.popover__component_fea6k[data-popper-placement='left-start'] .popover__arrow_fea6k,
+.popover__component_fea6k[data-popper-placement='left-end'] .popover__arrow_fea6k {
     right: 5px
-} .popover__component_3fjuz[data-popper-placement='left'] .popover__arrow_3fjuz:after, .popover__component_3fjuz[data-popper-placement='left-start'] .popover__arrow_3fjuz:after, .popover__component_3fjuz[data-popper-placement='left-end'] .popover__arrow_3fjuz:after {
+} .popover__component_fea6k[data-popper-placement='left'] .popover__arrow_fea6k:after, .popover__component_fea6k[data-popper-placement='left-start'] .popover__arrow_fea6k:after, .popover__component_fea6k[data-popper-placement='left-end'] .popover__arrow_fea6k:after {
         top: -6px;
         border-bottom: none;
         border-left: none;
-    } .popover__component_3fjuz[data-popper-placement='left-start'].popover__arrowShift_3fjuz .popover__arrow_3fjuz:after {
+    } .popover__component_fea6k[data-popper-placement='left-start'].popover__arrowShift_fea6k .popover__arrow_fea6k:after {
     top: -7px;
-} .popover__component_3fjuz[data-popper-placement='left-end'].popover__arrowShift_3fjuz .popover__arrow_3fjuz:after {
+} .popover__component_fea6k[data-popper-placement='left-end'].popover__arrowShift_fea6k .popover__arrow_fea6k:after {
     top: -5px;
-} .popover__component_3fjuz[data-popper-placement='right'] .popover__arrow_3fjuz,
-.popover__component_3fjuz[data-popper-placement='right-start'] .popover__arrow_3fjuz,
-.popover__component_3fjuz[data-popper-placement='right-end'] .popover__arrow_3fjuz {
+} .popover__component_fea6k[data-popper-placement='right'] .popover__arrow_fea6k,
+.popover__component_fea6k[data-popper-placement='right-start'] .popover__arrow_fea6k,
+.popover__component_fea6k[data-popper-placement='right-end'] .popover__arrow_fea6k {
     left: -7px
-} .popover__component_3fjuz[data-popper-placement='right'] .popover__arrow_3fjuz:after, .popover__component_3fjuz[data-popper-placement='right-start'] .popover__arrow_3fjuz:after, .popover__component_3fjuz[data-popper-placement='right-end'] .popover__arrow_3fjuz:after {
+} .popover__component_fea6k[data-popper-placement='right'] .popover__arrow_fea6k:after, .popover__component_fea6k[data-popper-placement='right-start'] .popover__arrow_fea6k:after, .popover__component_fea6k[data-popper-placement='right-end'] .popover__arrow_fea6k:after {
         top: -6px;
         border-top: none;
         border-right: none;
-    } .popover__component_3fjuz[data-popper-placement='right-start'].popover__arrowShift_3fjuz .popover__arrow_3fjuz:after {
+    } .popover__component_fea6k[data-popper-placement='right-start'].popover__arrowShift_fea6k .popover__arrow_fea6k:after {
     top: -7px;
-} .popover__component_3fjuz[data-popper-placement='right-end'].popover__arrowShift_3fjuz .popover__arrow_3fjuz:after {
+} .popover__component_fea6k[data-popper-placement='right-end'].popover__arrowShift_fea6k .popover__arrow_fea6k:after {
     top: -5px;
-} .popover__component_3fjuz[data-popper-placement='top'] .popover__arrow_3fjuz,
-.popover__component_3fjuz[data-popper-placement='top-start'] .popover__arrow_3fjuz,
-.popover__component_3fjuz[data-popper-placement='top-end'] .popover__arrow_3fjuz {
+} .popover__component_fea6k[data-popper-placement='top'] .popover__arrow_fea6k,
+.popover__component_fea6k[data-popper-placement='top-start'] .popover__arrow_fea6k,
+.popover__component_fea6k[data-popper-placement='top-end'] .popover__arrow_fea6k {
     bottom: 5px
-} .popover__component_3fjuz[data-popper-placement='top'] .popover__arrow_3fjuz:after, .popover__component_3fjuz[data-popper-placement='top-start'] .popover__arrow_3fjuz:after, .popover__component_3fjuz[data-popper-placement='top-end'] .popover__arrow_3fjuz:after {
+} .popover__component_fea6k[data-popper-placement='top'] .popover__arrow_fea6k:after, .popover__component_fea6k[data-popper-placement='top-start'] .popover__arrow_fea6k:after, .popover__component_fea6k[data-popper-placement='top-end'] .popover__arrow_fea6k:after {
         left: -6px;
         border-top: none;
         border-left: none;
-    } .popover__component_3fjuz[data-popper-placement='top-start'].popover__arrowShift_3fjuz .popover__arrow_3fjuz:after {
+    } .popover__component_fea6k[data-popper-placement='top-start'].popover__arrowShift_fea6k .popover__arrow_fea6k:after {
     left: -17px;
-} .popover__component_3fjuz[data-popper-placement='top-end'].popover__arrowShift_3fjuz .popover__arrow_3fjuz:after {
+} .popover__component_fea6k[data-popper-placement='top-end'].popover__arrowShift_fea6k .popover__arrow_fea6k:after {
     left: 5px;
-} .popover__component_3fjuz[data-popper-placement='bottom'] .popover__arrow_3fjuz,
-.popover__component_3fjuz[data-popper-placement='bottom-start'] .popover__arrow_3fjuz,
-.popover__component_3fjuz[data-popper-placement='bottom-end'] .popover__arrow_3fjuz {
+} .popover__component_fea6k[data-popper-placement='bottom'] .popover__arrow_fea6k,
+.popover__component_fea6k[data-popper-placement='bottom-start'] .popover__arrow_fea6k,
+.popover__component_fea6k[data-popper-placement='bottom-end'] .popover__arrow_fea6k {
     top: -7px
-} .popover__component_3fjuz[data-popper-placement='bottom'] .popover__arrow_3fjuz:after, .popover__component_3fjuz[data-popper-placement='bottom-start'] .popover__arrow_3fjuz:after, .popover__component_3fjuz[data-popper-placement='bottom-end'] .popover__arrow_3fjuz:after {
+} .popover__component_fea6k[data-popper-placement='bottom'] .popover__arrow_fea6k:after, .popover__component_fea6k[data-popper-placement='bottom-start'] .popover__arrow_fea6k:after, .popover__component_fea6k[data-popper-placement='bottom-end'] .popover__arrow_fea6k:after {
         left: -6px;
         border-bottom: none;
         border-right: none;
-    } .popover__component_3fjuz[data-popper-placement='bottom-start'].popover__arrowShift_3fjuz .popover__arrow_3fjuz:after {
+    } .popover__component_fea6k[data-popper-placement='bottom-start'].popover__arrowShift_fea6k .popover__arrow_fea6k:after {
     left: -17px;
-} .popover__component_3fjuz[data-popper-placement='bottom-end'].popover__arrowShift_3fjuz .popover__arrow_3fjuz:after {
+} .popover__component_fea6k[data-popper-placement='bottom-end'].popover__arrowShift_fea6k .popover__arrow_fea6k:after {
     left: 5px;
-} .popover__enter_3fjuz .popover__inner_3fjuz {
+} .popover__enter_fea6k .popover__inner_fea6k {
     opacity: 0;
     transform: scale(0.98);
-} .popover__enterActive_3fjuz .popover__inner_3fjuz {
+} .popover__enterActive_fea6k .popover__inner_fea6k {
     opacity: 1;
     transform: scale(1);
     transition-property: opacity, transform;
     transition-timing-function: ease-in-out;
     transition-duration: 150ms;
-} .popover__exit_3fjuz .popover__inner_3fjuz {
+} .popover__exit_fea6k .popover__inner_fea6k {
     opacity: 1;
     transform: scale(1);
-} .popover__exitActive_3fjuz .popover__inner_3fjuz {
+} .popover__exitActive_fea6k .popover__inner_fea6k {
     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_3fjuz","inner":"popover__inner_3fjuz","scrollableContent":"popover__scrollableContent_3fjuz","arrow":"popover__arrow_3fjuz","arrowShift":"popover__arrowShift_3fjuz","enter":"popover__enter_3fjuz","enterActive":"popover__enterActive_3fjuz","exit":"popover__exit_3fjuz","exitActive":"popover__exitActive_3fjuz"};
+const styles = {"component":"popover__component_fea6k","inner":"popover__inner_fea6k","scrollableContent":"popover__scrollableContent_fea6k","arrow":"popover__arrow_fea6k","arrowShift":"popover__arrowShift_fea6k","enter":"popover__enter_fea6k","enterActive":"popover__enterActive_fea6k","exit":"popover__exit_fea6k","exitActive":"popover__exitActive_fea6k"};
 require('./index.css');
 
 const DEFAULT_TRANSITION = {

package/popover/modern/index.css

@@ -19,23 +19,23 @@
 } :root {
 } :root {
     --popover-border-color: transparent;
-} .popover__component_3fjuz {
+} .popover__component_fea6k {
     background-color: transparent;
     color: var(--color-light-text-primary);
-} .popover__inner_3fjuz {
+} .popover__inner_fea6k {
     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_3fjuz {
+} .popover__scrollableContent_fea6k {
     position: relative;
     z-index: 2;
     overflow-y: auto;
-} .popover__arrow_3fjuz {
+} .popover__arrow_fea6k {
     z-index: 1;
-} .popover__arrow_3fjuz:after {
+} .popover__arrow_fea6k:after {
     content: '';
     display: block;
     position: absolute;
@@ -45,67 +45,67 @@
     border: 1px solid var(--popover-border-color);
     box-sizing: border-box;
     transform: rotate(45deg);
-} .popover__component_3fjuz[data-popper-placement='left'] .popover__arrow_3fjuz,
-.popover__component_3fjuz[data-popper-placement='left-start'] .popover__arrow_3fjuz,
-.popover__component_3fjuz[data-popper-placement='left-end'] .popover__arrow_3fjuz {
+} .popover__component_fea6k[data-popper-placement='left'] .popover__arrow_fea6k,
+.popover__component_fea6k[data-popper-placement='left-start'] .popover__arrow_fea6k,
+.popover__component_fea6k[data-popper-placement='left-end'] .popover__arrow_fea6k {
     right: 5px
-} .popover__component_3fjuz[data-popper-placement='left'] .popover__arrow_3fjuz:after, .popover__component_3fjuz[data-popper-placement='left-start'] .popover__arrow_3fjuz:after, .popover__component_3fjuz[data-popper-placement='left-end'] .popover__arrow_3fjuz:after {
+} .popover__component_fea6k[data-popper-placement='left'] .popover__arrow_fea6k:after, .popover__component_fea6k[data-popper-placement='left-start'] .popover__arrow_fea6k:after, .popover__component_fea6k[data-popper-placement='left-end'] .popover__arrow_fea6k:after {
         top: -6px;
         border-bottom: none;
         border-left: none;
-    } .popover__component_3fjuz[data-popper-placement='left-start'].popover__arrowShift_3fjuz .popover__arrow_3fjuz:after {
+    } .popover__component_fea6k[data-popper-placement='left-start'].popover__arrowShift_fea6k .popover__arrow_fea6k:after {
     top: -7px;
-} .popover__component_3fjuz[data-popper-placement='left-end'].popover__arrowShift_3fjuz .popover__arrow_3fjuz:after {
+} .popover__component_fea6k[data-popper-placement='left-end'].popover__arrowShift_fea6k .popover__arrow_fea6k:after {
     top: -5px;
-} .popover__component_3fjuz[data-popper-placement='right'] .popover__arrow_3fjuz,
-.popover__component_3fjuz[data-popper-placement='right-start'] .popover__arrow_3fjuz,
-.popover__component_3fjuz[data-popper-placement='right-end'] .popover__arrow_3fjuz {
+} .popover__component_fea6k[data-popper-placement='right'] .popover__arrow_fea6k,
+.popover__component_fea6k[data-popper-placement='right-start'] .popover__arrow_fea6k,
+.popover__component_fea6k[data-popper-placement='right-end'] .popover__arrow_fea6k {
     left: -7px
-} .popover__component_3fjuz[data-popper-placement='right'] .popover__arrow_3fjuz:after, .popover__component_3fjuz[data-popper-placement='right-start'] .popover__arrow_3fjuz:after, .popover__component_3fjuz[data-popper-placement='right-end'] .popover__arrow_3fjuz:after {
+} .popover__component_fea6k[data-popper-placement='right'] .popover__arrow_fea6k:after, .popover__component_fea6k[data-popper-placement='right-start'] .popover__arrow_fea6k:after, .popover__component_fea6k[data-popper-placement='right-end'] .popover__arrow_fea6k:after {
         top: -6px;
         border-top: none;
         border-right: none;
-    } .popover__component_3fjuz[data-popper-placement='right-start'].popover__arrowShift_3fjuz .popover__arrow_3fjuz:after {
+    } .popover__component_fea6k[data-popper-placement='right-start'].popover__arrowShift_fea6k .popover__arrow_fea6k:after {
     top: -7px;
-} .popover__component_3fjuz[data-popper-placement='right-end'].popover__arrowShift_3fjuz .popover__arrow_3fjuz:after {
+} .popover__component_fea6k[data-popper-placement='right-end'].popover__arrowShift_fea6k .popover__arrow_fea6k:after {
     top: -5px;
-} .popover__component_3fjuz[data-popper-placement='top'] .popover__arrow_3fjuz,
-.popover__component_3fjuz[data-popper-placement='top-start'] .popover__arrow_3fjuz,
-.popover__component_3fjuz[data-popper-placement='top-end'] .popover__arrow_3fjuz {
+} .popover__component_fea6k[data-popper-placement='top'] .popover__arrow_fea6k,
+.popover__component_fea6k[data-popper-placement='top-start'] .popover__arrow_fea6k,
+.popover__component_fea6k[data-popper-placement='top-end'] .popover__arrow_fea6k {
     bottom: 5px
-} .popover__component_3fjuz[data-popper-placement='top'] .popover__arrow_3fjuz:after, .popover__component_3fjuz[data-popper-placement='top-start'] .popover__arrow_3fjuz:after, .popover__component_3fjuz[data-popper-placement='top-end'] .popover__arrow_3fjuz:after {
+} .popover__component_fea6k[data-popper-placement='top'] .popover__arrow_fea6k:after, .popover__component_fea6k[data-popper-placement='top-start'] .popover__arrow_fea6k:after, .popover__component_fea6k[data-popper-placement='top-end'] .popover__arrow_fea6k:after {
         left: -6px;
         border-top: none;
         border-left: none;
-    } .popover__component_3fjuz[data-popper-placement='top-start'].popover__arrowShift_3fjuz .popover__arrow_3fjuz:after {
+    } .popover__component_fea6k[data-popper-placement='top-start'].popover__arrowShift_fea6k .popover__arrow_fea6k:after {
     left: -17px;
-} .popover__component_3fjuz[data-popper-placement='top-end'].popover__arrowShift_3fjuz .popover__arrow_3fjuz:after {
+} .popover__component_fea6k[data-popper-placement='top-end'].popover__arrowShift_fea6k .popover__arrow_fea6k:after {
     left: 5px;
-} .popover__component_3fjuz[data-popper-placement='bottom'] .popover__arrow_3fjuz,
-.popover__component_3fjuz[data-popper-placement='bottom-start'] .popover__arrow_3fjuz,
-.popover__component_3fjuz[data-popper-placement='bottom-end'] .popover__arrow_3fjuz {
+} .popover__component_fea6k[data-popper-placement='bottom'] .popover__arrow_fea6k,
+.popover__component_fea6k[data-popper-placement='bottom-start'] .popover__arrow_fea6k,
+.popover__component_fea6k[data-popper-placement='bottom-end'] .popover__arrow_fea6k {
     top: -7px
-} .popover__component_3fjuz[data-popper-placement='bottom'] .popover__arrow_3fjuz:after, .popover__component_3fjuz[data-popper-placement='bottom-start'] .popover__arrow_3fjuz:after, .popover__component_3fjuz[data-popper-placement='bottom-end'] .popover__arrow_3fjuz:after {
+} .popover__component_fea6k[data-popper-placement='bottom'] .popover__arrow_fea6k:after, .popover__component_fea6k[data-popper-placement='bottom-start'] .popover__arrow_fea6k:after, .popover__component_fea6k[data-popper-placement='bottom-end'] .popover__arrow_fea6k:after {
         left: -6px;
         border-bottom: none;
         border-right: none;
-    } .popover__component_3fjuz[data-popper-placement='bottom-start'].popover__arrowShift_3fjuz .popover__arrow_3fjuz:after {
+    } .popover__component_fea6k[data-popper-placement='bottom-start'].popover__arrowShift_fea6k .popover__arrow_fea6k:after {
     left: -17px;
-} .popover__component_3fjuz[data-popper-placement='bottom-end'].popover__arrowShift_3fjuz .popover__arrow_3fjuz:after {
+} .popover__component_fea6k[data-popper-placement='bottom-end'].popover__arrowShift_fea6k .popover__arrow_fea6k:after {
     left: 5px;
-} .popover__enter_3fjuz .popover__inner_3fjuz {
+} .popover__enter_fea6k .popover__inner_fea6k {
     opacity: 0;
     transform: scale(0.98);
-} .popover__enterActive_3fjuz .popover__inner_3fjuz {
+} .popover__enterActive_fea6k .popover__inner_fea6k {
     opacity: 1;
     transform: scale(1);
     transition-property: opacity, transform;
     transition-timing-function: ease-in-out;
     transition-duration: 150ms;
-} .popover__exit_3fjuz .popover__inner_3fjuz {
+} .popover__exit_fea6k .popover__inner_fea6k {
     opacity: 1;
     transform: scale(1);
-} .popover__exitActive_3fjuz .popover__inner_3fjuz {
+} .popover__exitActive_fea6k .popover__inner_fea6k {
     opacity: 0;
     transform: scale(0.98);
     transition-property: opacity, transform;