npm - @alfalab/core-components - Versions diffs - 46.1.0-beta.2 → 46.2.0-beta.0 - Mend

@alfalab/core-components 46.1.0-beta.2 → 46.2.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2210) hide show

package/plate/modern/components/base-plate/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 15lc0 */
+/* hash: 1dfov */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa;
@@ -47,7 +47,7 @@
     --plate-background: transparent;
     --plate-border-color: var(--color-light-neutral-translucent-700);
     --plate-box-shadow: var(--shadow-s);
-} .plate__component_vwjvt {
+} .plate__component_kria9 {
     position: relative;
     display: inline-flex;
     box-sizing: border-box;
@@ -56,28 +56,28 @@
     min-height: 56px;
     padding: var(--gap-s);
     outline: none
-} .plate__component_vwjvt:before {
+} .plate__component_kria9:before {
         content: '';
         width: var(--plate-border-left);
         position: absolute;
         height: 100%;
         top: 0;
         left: 0;
-    } .plate__foldable_vwjvt {
+    } .plate__foldable_kria9 {
     cursor: pointer;
-} .plate__component_vwjvt * {
+} .plate__component_kria9 * {
     box-sizing: border-box;
-} .plate__focused_vwjvt {
+} .plate__focused_kria9 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .plate__inner_vwjvt {
+} .plate__inner_kria9 {
     position: relative;
     width: 100%;
     display: flex;
     justify-content: space-between;
-} .plate__rounded_vwjvt:before, .plate__noBorder_vwjvt:before {
+} .plate__rounded_kria9:before, .plate__noBorder_kria9:before {
         display: none;
-    } .plate__shadow_vwjvt:after {
+    } .plate__shadow_kria9:after {
     content: '';
     position: absolute;
     top: 0;
@@ -89,65 +89,65 @@
     display: block;
     box-shadow: var(--plate-box-shadow);
     pointer-events: none;
-} .plate__rounded_vwjvt {
+} .plate__rounded_kria9 {
     border-radius: var(--plate-border-radius)
-} .plate__rounded_vwjvt.plate__shadow_vwjvt:after {
+} .plate__rounded_kria9.plate__shadow_kria9:after {
         border-radius: var(--plate-border-radius);
-    } .plate__common_vwjvt {
+    } .plate__common_kria9 {
     background-color: var(--color-light-neutral-translucent-200);
     border: var(--plate-border-width) solid var(--color-light-neutral-translucent-700)
-} .plate__common_vwjvt:before {
+} .plate__common_kria9:before {
         background-color: var(--color-light-neutral-translucent-700);
-    } .plate__negative_vwjvt {
+    } .plate__negative_kria9 {
     background-color: var(--color-light-status-muted-negative);
     border: var(--plate-border-width) solid var(--color-light-status-negative)
-} .plate__negative_vwjvt:before {
+} .plate__negative_kria9:before {
         background-color: var(--color-light-status-negative);
-    } .plate__positive_vwjvt {
+    } .plate__positive_kria9 {
     background-color: var(--color-light-status-muted-positive);
     border: var(--plate-border-width) solid var(--color-light-status-positive)
-} .plate__positive_vwjvt:before {
+} .plate__positive_kria9:before {
         background-color: var(--color-light-status-positive);
-    } .plate__attention_vwjvt {
+    } .plate__attention_kria9 {
     background-color: var(--color-light-status-muted-attention);
     border: var(--plate-border-width) solid var(--color-light-status-attention)
-} .plate__attention_vwjvt:before {
+} .plate__attention_kria9:before {
         background-color: var(--color-light-status-attention);
-    } .plate__custom_vwjvt {
+    } .plate__custom_kria9 {
     background: var(--plate-background);
     border: var(--plate-border-width) solid var(--plate-border-color)
-} .plate__custom_vwjvt:before {
+} .plate__custom_kria9:before {
         background-color: var(--plate-border-color);
-    } .plate__rect_vwjvt,
-.plate__noBorder_vwjvt {
+    } .plate__rect_kria9,
+.plate__noBorder_kria9 {
     border: none;
-} .plate__isHidden_vwjvt {
+} .plate__isHidden_kria9 {
     display: none;
-} .plate__leftAddons_vwjvt,
-.plate__rightAddons_vwjvt {
+} .plate__leftAddons_kria9,
+.plate__rightAddons_kria9 {
     display: inline-flex;
     padding: var(--gap-2xs);
-} .plate__leftAddons_vwjvt {
+} .plate__leftAddons_kria9 {
     flex-shrink: 0;
     min-width: 24px;
     margin-right: var(--gap-2xs);
-} .plate__subAddons_vwjvt {
+} .plate__subAddons_kria9 {
     cursor: default;
     align-self: flex-start;
-} .plate__rowReverse_vwjvt {
+} .plate__rowReverse_kria9 {
     display: flex;
     flex-direction: row-reverse;
-} .plate__bold_vwjvt,
-.plate__light_vwjvt {
+} .plate__bold_kria9,
+.plate__light_kria9 {
     word-break: break-word;
-} .plate__light_vwjvt {
+} .plate__light_kria9 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: 6px var(--gap-s) 6px var(--gap-2xs);
-} .plate__foldable_vwjvt .plate__content_vwjvt {
+} .plate__foldable_kria9 .plate__content_kria9 {
     max-height: 300vh;
-} .plate__content_vwjvt {
+} .plate__content_kria9 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -155,22 +155,22 @@
     overflow: hidden;
     transition: max-height 2s ease-in-out;
     cursor: default
-} .plate__content_vwjvt.plate__isFolded_vwjvt.plate__isFolded_vwjvt {
+} .plate__content_kria9.plate__isFolded_kria9.plate__isFolded_kria9 {
         max-height: 0;
         transition: max-height 1s cubic-bezier(0, 1, 0, 1);
-    } .plate__contentContainer_vwjvt {
+    } .plate__contentContainer_kria9 {
     flex: 1;
     margin-right: auto
-} .plate__contentContainer_vwjvt.plate__withoutTitle_vwjvt {
+} .plate__contentContainer_kria9.plate__withoutTitle_kria9 {
         padding-top: var(--gap-3xs);
-    } .plate__limitWidth_vwjvt {
+    } .plate__limitWidth_kria9 {
     max-width: var(--plate-width-limit);
-} .plate__description_vwjvt {
+} .plate__description_kria9 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
-} .plate__closer_vwjvt,
-.plate__folder_vwjvt {
+} .plate__closer_kria9,
+.plate__folder_kria9 {
     display: block;
     height: 24px;
     width: 24px;
@@ -178,33 +178,33 @@
     transition: opacity 0.2s ease;
     cursor: pointer;
     margin-left: var(--gap-s)
-} .plate__closer_vwjvt:hover, .plate__folder_vwjvt:hover {
+} .plate__closer_kria9:hover, .plate__folder_kria9:hover {
         opacity: 0.7;
-    } .plate__closer_vwjvt:active, .plate__folder_vwjvt:active {
+    } .plate__closer_kria9:active, .plate__folder_kria9:active {
         opacity: 0.5;
-    } .plate__folder_vwjvt {
+    } .plate__folder_kria9 {
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
     transform: var(--arrow-transform)
-} .plate__folder_vwjvt.plate__isFolded_vwjvt {
+} .plate__folder_kria9.plate__isFolded_kria9 {
         transform: rotate(0deg);
-    } .plate__containerButton_vwjvt {
+    } .plate__containerButton_kria9 {
     display: flex;
-} .plate__subAddons_vwjvt .plate__button_vwjvt:not(:first-child) {
+} .plate__subAddons_kria9 .plate__button_kria9:not(:first-child) {
         margin-right: var(--gap-xs);
-    } .plate__containerButton_vwjvt .plate__button_vwjvt:not(:last-child) {
+    } .plate__containerButton_kria9 .plate__button_kria9:not(:last-child) {
         margin-right: var(--gap-xs);
-    } .plate__rowLimit1_vwjvt {
+    } .plate__rowLimit1_kria9 {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .plate__rowLimit2_vwjvt {
+} .plate__rowLimit2_kria9 {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .plate__rowLimit3_vwjvt {
+} .plate__rowLimit3_kria9 {
     -webkit-line-clamp: 3;
     display: -webkit-box;
     -webkit-box-orient: vertical;

package/plate/modern/desktop/Component.desktop.js CHANGED Viewed

@@ -8,7 +8,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '../components/button-list/component.js';
-const styles = {"bold":"plate__bold_1qadr","description":"plate__description_1qadr","footer":"plate__footer_1qadr"};
+const styles = {"bold":"plate__bold_1mm1z","description":"plate__description_1mm1z","footer":"plate__footer_1mm1z"};
 require('./desktop.css');
 const PlateDesktop = forwardRef((restProps, ref) => (React.createElement(BasePlate, { ...restProps, styles: styles, ref: ref })));

package/plate/modern/desktop/desktop.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 1jduc */
+/* hash: 169au */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,13 +17,13 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .plate__bold_1qadr {
+} .plate__bold_1mm1z {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
     padding: 5px var(--gap-s) 5px var(--gap-2xs);
-} .plate__description_1qadr {
+} .plate__description_1mm1z {
     padding: 0 var(--gap-s) var(--gap-2xs) var(--gap-2xs);
-} .plate__footer_1qadr {
+} .plate__footer_1mm1z {
     padding: var(--gap-xs) 0 var(--gap-2xs) var(--gap-2xs);
 }

package/plate/modern/mobile/Component.mobile.js CHANGED Viewed

@@ -8,7 +8,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '../components/button-list/component.js';
-const styles = {"bold":"plate__bold_salzq","description":"plate__description_salzq","footer":"plate__footer_salzq"};
+const styles = {"bold":"plate__bold_1cxto","description":"plate__description_1cxto","footer":"plate__footer_1cxto"};
 require('./mobile.css');
 const PlateMobile = forwardRef((restProps, ref) => (React.createElement(BasePlate, { ...restProps, styles: styles, ref: ref })));

package/plate/modern/mobile/mobile.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 1nspr */
+/* hash: 1yx2x */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,13 +17,13 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .plate__bold_salzq {
+} .plate__bold_1cxto {
     font-size: 16px;
     line-height: 20px;
     font-weight: 600;
     padding: 6px var(--gap-s) 6px var(--gap-2xs);
-} .plate__description_salzq {
+} .plate__description_1cxto {
     padding: 0 var(--gap-s) var(--gap-2xs) var(--gap-2xs);
-} .plate__footer_salzq {
+} .plate__footer_1cxto {
     padding: var(--gap-xs) 0 var(--gap-2xs) var(--gap-2xs);
 }

package/popover/Component.js CHANGED Viewed

@@ -19,7 +19,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var maxSize__default = /*#__PURE__*/_interopDefaultCompat(maxSize);
-var styles = {"component":"popover__component_trlps","inner":"popover__inner_trlps","scrollableContent":"popover__scrollableContent_trlps","arrow":"popover__arrow_trlps","enter":"popover__enter_trlps","enterActive":"popover__enterActive_trlps","exit":"popover__exit_trlps","exitActive":"popover__exitActive_trlps"};
+var styles = {"component":"popover__component_1q6mn","inner":"popover__inner_1q6mn","scrollableContent":"popover__scrollableContent_1q6mn","arrow":"popover__arrow_1q6mn","enter":"popover__enter_1q6mn","enterActive":"popover__enterActive_1q6mn","exit":"popover__exit_1q6mn","exitActive":"popover__exitActive_1q6mn"};
 require('./index.css');
 var DEFAULT_TRANSITION = {

package/popover/esm/Component.js CHANGED Viewed

@@ -10,7 +10,7 @@ import { Portal } from '../../portal/esm';
 import { stackingOrder, Stack } from '../../stack/esm';
 import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
-var styles = {"component":"popover__component_trlps","inner":"popover__inner_trlps","scrollableContent":"popover__scrollableContent_trlps","arrow":"popover__arrow_trlps","enter":"popover__enter_trlps","enterActive":"popover__enterActive_trlps","exit":"popover__exit_trlps","exitActive":"popover__exitActive_trlps"};
+var styles = {"component":"popover__component_1q6mn","inner":"popover__inner_1q6mn","scrollableContent":"popover__scrollableContent_1q6mn","arrow":"popover__arrow_1q6mn","enter":"popover__enter_1q6mn","enterActive":"popover__enterActive_1q6mn","exit":"popover__exit_1q6mn","exitActive":"popover__exitActive_1q6mn"};
 require('./index.css');
 var DEFAULT_TRANSITION = {

package/popover/esm/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 1rit7 */
+/* hash: 1p0o4 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-modal-bg-primary: #fff;
@@ -20,23 +20,23 @@
 } :root {
 } :root {
     --popover-border-color: transparent;
-} .popover__component_trlps {
+} .popover__component_1q6mn {
     background-color: transparent;
     color: var(--color-light-text-primary);
-} .popover__inner_trlps {
+} .popover__inner_1q6mn {
     position: relative;
     background-color: var(--color-light-modal-bg-primary);
     box-shadow: var(--shadow-m);
     border: 1px solid var(--popover-border-color);
     box-sizing: border-box;
     will-change: transform;
-} .popover__scrollableContent_trlps {
+} .popover__scrollableContent_1q6mn {
     position: relative;
     z-index: 2;
     overflow-y: auto;
-} .popover__arrow_trlps {
+} .popover__arrow_1q6mn {
     z-index: 1;
-} .popover__arrow_trlps:after {
+} .popover__arrow_1q6mn:after {
     content: '';
     display: block;
     position: absolute;
@@ -46,51 +46,51 @@
     border: 1px solid var(--popover-border-color);
     box-sizing: border-box;
     transform: rotate(45deg);
-} .popover__component_trlps[data-popper-placement='left'] .popover__arrow_trlps,
-.popover__component_trlps[data-popper-placement='left-start'] .popover__arrow_trlps,
-.popover__component_trlps[data-popper-placement='left-end'] .popover__arrow_trlps {
+} .popover__component_1q6mn[data-popper-placement='left'] .popover__arrow_1q6mn,
+.popover__component_1q6mn[data-popper-placement='left-start'] .popover__arrow_1q6mn,
+.popover__component_1q6mn[data-popper-placement='left-end'] .popover__arrow_1q6mn {
     right: 5px
-} .popover__component_trlps[data-popper-placement='left'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='left-start'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='left-end'] .popover__arrow_trlps:after {
+} .popover__component_1q6mn[data-popper-placement='left'] .popover__arrow_1q6mn:after, .popover__component_1q6mn[data-popper-placement='left-start'] .popover__arrow_1q6mn:after, .popover__component_1q6mn[data-popper-placement='left-end'] .popover__arrow_1q6mn:after {
         top: -6px;
         border-bottom: none;
         border-left: none;
-    } .popover__component_trlps[data-popper-placement='right'] .popover__arrow_trlps,
-.popover__component_trlps[data-popper-placement='right-start'] .popover__arrow_trlps,
-.popover__component_trlps[data-popper-placement='right-end'] .popover__arrow_trlps {
+    } .popover__component_1q6mn[data-popper-placement='right'] .popover__arrow_1q6mn,
+.popover__component_1q6mn[data-popper-placement='right-start'] .popover__arrow_1q6mn,
+.popover__component_1q6mn[data-popper-placement='right-end'] .popover__arrow_1q6mn {
     left: -7px
-} .popover__component_trlps[data-popper-placement='right'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='right-start'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='right-end'] .popover__arrow_trlps:after {
+} .popover__component_1q6mn[data-popper-placement='right'] .popover__arrow_1q6mn:after, .popover__component_1q6mn[data-popper-placement='right-start'] .popover__arrow_1q6mn:after, .popover__component_1q6mn[data-popper-placement='right-end'] .popover__arrow_1q6mn:after {
         top: -6px;
         border-top: none;
         border-right: none;
-    } .popover__component_trlps[data-popper-placement='top'] .popover__arrow_trlps,
-.popover__component_trlps[data-popper-placement='top-start'] .popover__arrow_trlps,
-.popover__component_trlps[data-popper-placement='top-end'] .popover__arrow_trlps {
+    } .popover__component_1q6mn[data-popper-placement='top'] .popover__arrow_1q6mn,
+.popover__component_1q6mn[data-popper-placement='top-start'] .popover__arrow_1q6mn,
+.popover__component_1q6mn[data-popper-placement='top-end'] .popover__arrow_1q6mn {
     bottom: 5px
-} .popover__component_trlps[data-popper-placement='top'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='top-start'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='top-end'] .popover__arrow_trlps:after {
+} .popover__component_1q6mn[data-popper-placement='top'] .popover__arrow_1q6mn:after, .popover__component_1q6mn[data-popper-placement='top-start'] .popover__arrow_1q6mn:after, .popover__component_1q6mn[data-popper-placement='top-end'] .popover__arrow_1q6mn:after {
         left: -6px;
         border-top: none;
         border-left: none;
-    } .popover__component_trlps[data-popper-placement='bottom'] .popover__arrow_trlps,
-.popover__component_trlps[data-popper-placement='bottom-start'] .popover__arrow_trlps,
-.popover__component_trlps[data-popper-placement='bottom-end'] .popover__arrow_trlps {
+    } .popover__component_1q6mn[data-popper-placement='bottom'] .popover__arrow_1q6mn,
+.popover__component_1q6mn[data-popper-placement='bottom-start'] .popover__arrow_1q6mn,
+.popover__component_1q6mn[data-popper-placement='bottom-end'] .popover__arrow_1q6mn {
     top: -7px
-} .popover__component_trlps[data-popper-placement='bottom'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='bottom-start'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='bottom-end'] .popover__arrow_trlps:after {
+} .popover__component_1q6mn[data-popper-placement='bottom'] .popover__arrow_1q6mn:after, .popover__component_1q6mn[data-popper-placement='bottom-start'] .popover__arrow_1q6mn:after, .popover__component_1q6mn[data-popper-placement='bottom-end'] .popover__arrow_1q6mn:after {
         left: -6px;
         border-bottom: none;
         border-right: none;
-    } .popover__enter_trlps .popover__inner_trlps {
+    } .popover__enter_1q6mn .popover__inner_1q6mn {
     opacity: 0;
     transform: scale(0.98);
-} .popover__enterActive_trlps .popover__inner_trlps {
+} .popover__enterActive_1q6mn .popover__inner_1q6mn {
     opacity: 1;
     transform: scale(1);
     transition-property: opacity, transform;
     transition-timing-function: ease-in-out;
     transition-duration: 150ms;
-} .popover__exit_trlps .popover__inner_trlps {
+} .popover__exit_1q6mn .popover__inner_1q6mn {
     opacity: 1;
     transform: scale(1);
-} .popover__exitActive_trlps .popover__inner_trlps {
+} .popover__exitActive_1q6mn .popover__inner_1q6mn {
     opacity: 0;
     transform: scale(0.98);
     transition-property: opacity, transform;

package/popover/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 1rit7 */
+/* hash: 1p0o4 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-modal-bg-primary: #fff;
@@ -20,23 +20,23 @@
 } :root {
 } :root {
     --popover-border-color: transparent;
-} .popover__component_trlps {
+} .popover__component_1q6mn {
     background-color: transparent;
     color: var(--color-light-text-primary);
-} .popover__inner_trlps {
+} .popover__inner_1q6mn {
     position: relative;
     background-color: var(--color-light-modal-bg-primary);
     box-shadow: var(--shadow-m);
     border: 1px solid var(--popover-border-color);
     box-sizing: border-box;
     will-change: transform;
-} .popover__scrollableContent_trlps {
+} .popover__scrollableContent_1q6mn {
     position: relative;
     z-index: 2;
     overflow-y: auto;
-} .popover__arrow_trlps {
+} .popover__arrow_1q6mn {
     z-index: 1;
-} .popover__arrow_trlps:after {
+} .popover__arrow_1q6mn:after {
     content: '';
     display: block;
     position: absolute;
@@ -46,51 +46,51 @@
     border: 1px solid var(--popover-border-color);
     box-sizing: border-box;
     transform: rotate(45deg);
-} .popover__component_trlps[data-popper-placement='left'] .popover__arrow_trlps,
-.popover__component_trlps[data-popper-placement='left-start'] .popover__arrow_trlps,
-.popover__component_trlps[data-popper-placement='left-end'] .popover__arrow_trlps {
+} .popover__component_1q6mn[data-popper-placement='left'] .popover__arrow_1q6mn,
+.popover__component_1q6mn[data-popper-placement='left-start'] .popover__arrow_1q6mn,
+.popover__component_1q6mn[data-popper-placement='left-end'] .popover__arrow_1q6mn {
     right: 5px
-} .popover__component_trlps[data-popper-placement='left'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='left-start'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='left-end'] .popover__arrow_trlps:after {
+} .popover__component_1q6mn[data-popper-placement='left'] .popover__arrow_1q6mn:after, .popover__component_1q6mn[data-popper-placement='left-start'] .popover__arrow_1q6mn:after, .popover__component_1q6mn[data-popper-placement='left-end'] .popover__arrow_1q6mn:after {
         top: -6px;
         border-bottom: none;
         border-left: none;
-    } .popover__component_trlps[data-popper-placement='right'] .popover__arrow_trlps,
-.popover__component_trlps[data-popper-placement='right-start'] .popover__arrow_trlps,
-.popover__component_trlps[data-popper-placement='right-end'] .popover__arrow_trlps {
+    } .popover__component_1q6mn[data-popper-placement='right'] .popover__arrow_1q6mn,
+.popover__component_1q6mn[data-popper-placement='right-start'] .popover__arrow_1q6mn,
+.popover__component_1q6mn[data-popper-placement='right-end'] .popover__arrow_1q6mn {
     left: -7px
-} .popover__component_trlps[data-popper-placement='right'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='right-start'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='right-end'] .popover__arrow_trlps:after {
+} .popover__component_1q6mn[data-popper-placement='right'] .popover__arrow_1q6mn:after, .popover__component_1q6mn[data-popper-placement='right-start'] .popover__arrow_1q6mn:after, .popover__component_1q6mn[data-popper-placement='right-end'] .popover__arrow_1q6mn:after {
         top: -6px;
         border-top: none;
         border-right: none;
-    } .popover__component_trlps[data-popper-placement='top'] .popover__arrow_trlps,
-.popover__component_trlps[data-popper-placement='top-start'] .popover__arrow_trlps,
-.popover__component_trlps[data-popper-placement='top-end'] .popover__arrow_trlps {
+    } .popover__component_1q6mn[data-popper-placement='top'] .popover__arrow_1q6mn,
+.popover__component_1q6mn[data-popper-placement='top-start'] .popover__arrow_1q6mn,
+.popover__component_1q6mn[data-popper-placement='top-end'] .popover__arrow_1q6mn {
     bottom: 5px
-} .popover__component_trlps[data-popper-placement='top'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='top-start'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='top-end'] .popover__arrow_trlps:after {
+} .popover__component_1q6mn[data-popper-placement='top'] .popover__arrow_1q6mn:after, .popover__component_1q6mn[data-popper-placement='top-start'] .popover__arrow_1q6mn:after, .popover__component_1q6mn[data-popper-placement='top-end'] .popover__arrow_1q6mn:after {
         left: -6px;
         border-top: none;
         border-left: none;
-    } .popover__component_trlps[data-popper-placement='bottom'] .popover__arrow_trlps,
-.popover__component_trlps[data-popper-placement='bottom-start'] .popover__arrow_trlps,
-.popover__component_trlps[data-popper-placement='bottom-end'] .popover__arrow_trlps {
+    } .popover__component_1q6mn[data-popper-placement='bottom'] .popover__arrow_1q6mn,
+.popover__component_1q6mn[data-popper-placement='bottom-start'] .popover__arrow_1q6mn,
+.popover__component_1q6mn[data-popper-placement='bottom-end'] .popover__arrow_1q6mn {
     top: -7px
-} .popover__component_trlps[data-popper-placement='bottom'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='bottom-start'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='bottom-end'] .popover__arrow_trlps:after {
+} .popover__component_1q6mn[data-popper-placement='bottom'] .popover__arrow_1q6mn:after, .popover__component_1q6mn[data-popper-placement='bottom-start'] .popover__arrow_1q6mn:after, .popover__component_1q6mn[data-popper-placement='bottom-end'] .popover__arrow_1q6mn:after {
         left: -6px;
         border-bottom: none;
         border-right: none;
-    } .popover__enter_trlps .popover__inner_trlps {
+    } .popover__enter_1q6mn .popover__inner_1q6mn {
     opacity: 0;
     transform: scale(0.98);
-} .popover__enterActive_trlps .popover__inner_trlps {
+} .popover__enterActive_1q6mn .popover__inner_1q6mn {
     opacity: 1;
     transform: scale(1);
     transition-property: opacity, transform;
     transition-timing-function: ease-in-out;
     transition-duration: 150ms;
-} .popover__exit_trlps .popover__inner_trlps {
+} .popover__exit_1q6mn .popover__inner_1q6mn {
     opacity: 1;
     transform: scale(1);
-} .popover__exitActive_trlps .popover__inner_trlps {
+} .popover__exitActive_1q6mn .popover__inner_1q6mn {
     opacity: 0;
     transform: scale(0.98);
     transition-property: opacity, transform;

package/popover/modern/Component.js CHANGED Viewed

@@ -9,7 +9,7 @@ import { Portal } from '../../portal/modern';
 import { Stack, stackingOrder } from '../../stack/modern';
 import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
-const styles = {"component":"popover__component_trlps","inner":"popover__inner_trlps","scrollableContent":"popover__scrollableContent_trlps","arrow":"popover__arrow_trlps","enter":"popover__enter_trlps","enterActive":"popover__enterActive_trlps","exit":"popover__exit_trlps","exitActive":"popover__exitActive_trlps"};
+const styles = {"component":"popover__component_1q6mn","inner":"popover__inner_1q6mn","scrollableContent":"popover__scrollableContent_1q6mn","arrow":"popover__arrow_1q6mn","enter":"popover__enter_1q6mn","enterActive":"popover__enterActive_1q6mn","exit":"popover__exit_1q6mn","exitActive":"popover__exitActive_1q6mn"};
 require('./index.css');
 const DEFAULT_TRANSITION = {