@alfalab/core-components 27.13.1 → 27.14.0

package/plate/index.css

@@ -731,7 +731,7 @@
     --plate-closer-icon: url('https://alfabank.gcdn.co/icons/glyph_cross_m.svg');
     --plate-arrow-icon: url('https://alfabank.gcdn.co/icons/glyph_chevron-down_m.svg');
 }
-.plate__component_1d3nr {
+.plate__component_or8yr {
     position: relative;
     display: inline-flex;
     box-sizing: border-box;
@@ -743,54 +743,54 @@
     padding: var(--gap-m);
     outline: none;
 }
-.plate__foldable_1d3nr {
+.plate__foldable_or8yr {
     cursor: pointer;
 }
-.plate__component_1d3nr * {
+.plate__component_or8yr * {
     box-sizing: border-box;
 }
-.plate__focused_1d3nr {
+.plate__focused_or8yr {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.plate__inner_1d3nr {
+.plate__inner_or8yr {
     position: relative;
     width: 100%;
     display: flex;
     justify-content: space-between;
 }
-.plate__common_1d3nr {
+.plate__common_or8yr {
     background-color: var(--color-light-bg-secondary);
     border-color: var(--color-static-status-grey);
 }
-.plate__negative_1d3nr {
+.plate__negative_or8yr {
     background-color: var(--color-light-bg-negative-muted);
     border-color: var(--color-static-status-red);
 }
-.plate__positive_1d3nr {
+.plate__positive_or8yr {
     background-color: var(--color-light-bg-positive-muted);
     border-color: var(--color-static-status-green);
 }
-.plate__attention_1d3nr {
+.plate__attention_or8yr {
     background-color: var(--color-light-bg-attention-muted);
     border-color: var(--color-static-status-orange);
 }
-.plate__isHidden_1d3nr {
+.plate__isHidden_or8yr {
     display: none;
 }
-.plate__leftAddons_1d3nr {
+.plate__leftAddons_or8yr {
     flex-shrink: 0;
     min-width: 24px;
     margin-right: var(--gap-s);
 }
-.plate__title_1d3nr {
+.plate__title_or8yr {
     font-size: 18px;
     line-height: 24px;
     font-weight: 700;
 
     word-break: break-word;
 }
-.plate__content_1d3nr {
+.plate__content_or8yr {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -802,23 +802,23 @@
     margin: var(--gap-2xs-neg);
     cursor: default
 }
-.plate__content_1d3nr.plate__isFolded_1d3nr {
+.plate__content_or8yr.plate__isFolded_or8yr {
         max-height: 0;
         transition: max-height 1s cubic-bezier(0, 1, 0, 1);
     }
-.plate__contentContainer_1d3nr {
+.plate__contentContainer_or8yr {
     flex: 1;
     max-width: 586px;
     margin-right: auto
 }
-.plate__contentContainer_1d3nr.plate__withoutTitle_1d3nr {
+.plate__contentContainer_or8yr.plate__withoutTitle_or8yr {
         padding-top: var(--gap-3xs);
     }
-.plate__title_1d3nr + .plate__content_1d3nr > .plate__contentInner_1d3nr {
+.plate__title_or8yr + .plate__content_or8yr > .plate__contentInner_or8yr {
     padding-top: var(--gap-xs);
 }
-.plate__closer_1d3nr,
-.plate__folder_1d3nr {
+.plate__closer_or8yr,
+.plate__folder_or8yr {
     display: block;
     height: 24px;
     width: 24px;
@@ -827,29 +827,29 @@
     cursor: pointer;
     margin-left: var(--gap-m)
 }
-.plate__closer_1d3nr:hover, .plate__folder_1d3nr:hover {
+.plate__closer_or8yr:hover, .plate__folder_or8yr:hover {
         opacity: 0.7;
     }
-.plate__closer_1d3nr:active, .plate__folder_1d3nr:active {
+.plate__closer_or8yr:active, .plate__folder_or8yr:active {
         opacity: 0.5;
     }
-.plate__closer_1d3nr {
+.plate__closer_or8yr {
     background: var(--plate-closer-icon) center no-repeat;
 }
-.plate__folder_1d3nr {
+.plate__folder_or8yr {
     background: var(--plate-arrow-icon) center no-repeat;
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
     transform: var(--arrow-transform)
 }
-.plate__folder_1d3nr.plate__isFolded_1d3nr {
+.plate__folder_or8yr.plate__isFolded_or8yr {
         transform: rotate(0deg);
     }
-.plate__buttons_1d3nr {
+.plate__buttons_or8yr {
     margin-top: var(--gap-xl);
 }
-.plate__button_1d3nr {
+.plate__button_or8yr {
     margin-right: var(--gap-s)
 }
-.plate__button_1d3nr:last-child {
+.plate__button_or8yr:last-child {
         margin-right: 0;
     }

package/plate/modern/Component.js

@@ -4,7 +4,7 @@ import mergeRefs from 'react-merge-refs';
 import { useFocus } from '@alfalab/hooks';
 import { Button } from '../../button/modern';
 
-var styles = {"component":"plate__component_1d3nr","foldable":"plate__foldable_1d3nr","focused":"plate__focused_1d3nr","inner":"plate__inner_1d3nr","common":"plate__common_1d3nr","negative":"plate__negative_1d3nr","positive":"plate__positive_1d3nr","attention":"plate__attention_1d3nr","isHidden":"plate__isHidden_1d3nr","leftAddons":"plate__leftAddons_1d3nr","title":"plate__title_1d3nr","content":"plate__content_1d3nr","isFolded":"plate__isFolded_1d3nr","contentContainer":"plate__contentContainer_1d3nr","withoutTitle":"plate__withoutTitle_1d3nr","contentInner":"plate__contentInner_1d3nr","closer":"plate__closer_1d3nr","folder":"plate__folder_1d3nr","buttons":"plate__buttons_1d3nr","button":"plate__button_1d3nr"};
+var styles = {"component":"plate__component_or8yr","foldable":"plate__foldable_or8yr","focused":"plate__focused_or8yr","inner":"plate__inner_or8yr","common":"plate__common_or8yr","negative":"plate__negative_or8yr","positive":"plate__positive_or8yr","attention":"plate__attention_or8yr","isHidden":"plate__isHidden_or8yr","leftAddons":"plate__leftAddons_or8yr","title":"plate__title_or8yr","content":"plate__content_or8yr","isFolded":"plate__isFolded_or8yr","contentContainer":"plate__contentContainer_or8yr","withoutTitle":"plate__withoutTitle_or8yr","contentInner":"plate__contentInner_or8yr","closer":"plate__closer_or8yr","folder":"plate__folder_or8yr","buttons":"plate__buttons_or8yr","button":"plate__button_or8yr"};
 require('./index.css');
 
 const Plate = forwardRef(({ hasCloser, foldable: foldableProp = false, folded: foldedProp, defaultFolded = true, leftAddons, children, buttons, title, view = 'common', className, buttonsClassName, contentClassName, dataTestId, onClick, onClose, onToggle, }, ref) => {

package/plate/modern/index.css

@@ -731,7 +731,7 @@
     --plate-closer-icon: url('https://alfabank.gcdn.co/icons/glyph_cross_m.svg');
     --plate-arrow-icon: url('https://alfabank.gcdn.co/icons/glyph_chevron-down_m.svg');
 }
-.plate__component_1d3nr {
+.plate__component_or8yr {
     position: relative;
     display: inline-flex;
     box-sizing: border-box;
@@ -743,54 +743,54 @@
     padding: var(--gap-m);
     outline: none;
 }
-.plate__foldable_1d3nr {
+.plate__foldable_or8yr {
     cursor: pointer;
 }
-.plate__component_1d3nr * {
+.plate__component_or8yr * {
     box-sizing: border-box;
 }
-.plate__focused_1d3nr {
+.plate__focused_or8yr {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.plate__inner_1d3nr {
+.plate__inner_or8yr {
     position: relative;
     width: 100%;
     display: flex;
     justify-content: space-between;
 }
-.plate__common_1d3nr {
+.plate__common_or8yr {
     background-color: var(--color-light-bg-secondary);
     border-color: var(--color-static-status-grey);
 }
-.plate__negative_1d3nr {
+.plate__negative_or8yr {
     background-color: var(--color-light-bg-negative-muted);
     border-color: var(--color-static-status-red);
 }
-.plate__positive_1d3nr {
+.plate__positive_or8yr {
     background-color: var(--color-light-bg-positive-muted);
     border-color: var(--color-static-status-green);
 }
-.plate__attention_1d3nr {
+.plate__attention_or8yr {
     background-color: var(--color-light-bg-attention-muted);
     border-color: var(--color-static-status-orange);
 }
-.plate__isHidden_1d3nr {
+.plate__isHidden_or8yr {
     display: none;
 }
-.plate__leftAddons_1d3nr {
+.plate__leftAddons_or8yr {
     flex-shrink: 0;
     min-width: 24px;
     margin-right: var(--gap-s);
 }
-.plate__title_1d3nr {
+.plate__title_or8yr {
     font-size: 18px;
     line-height: 24px;
     font-weight: 700;
 
     word-break: break-word;
 }
-.plate__content_1d3nr {
+.plate__content_or8yr {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -802,23 +802,23 @@
     margin: var(--gap-2xs-neg);
     cursor: default
 }
-.plate__content_1d3nr.plate__isFolded_1d3nr {
+.plate__content_or8yr.plate__isFolded_or8yr {
         max-height: 0;
         transition: max-height 1s cubic-bezier(0, 1, 0, 1);
     }
-.plate__contentContainer_1d3nr {
+.plate__contentContainer_or8yr {
     flex: 1;
     max-width: 586px;
     margin-right: auto
 }
-.plate__contentContainer_1d3nr.plate__withoutTitle_1d3nr {
+.plate__contentContainer_or8yr.plate__withoutTitle_or8yr {
         padding-top: var(--gap-3xs);
     }
-.plate__title_1d3nr + .plate__content_1d3nr > .plate__contentInner_1d3nr {
+.plate__title_or8yr + .plate__content_or8yr > .plate__contentInner_or8yr {
     padding-top: var(--gap-xs);
 }
-.plate__closer_1d3nr,
-.plate__folder_1d3nr {
+.plate__closer_or8yr,
+.plate__folder_or8yr {
     display: block;
     height: 24px;
     width: 24px;
@@ -827,29 +827,29 @@
     cursor: pointer;
     margin-left: var(--gap-m)
 }
-.plate__closer_1d3nr:hover, .plate__folder_1d3nr:hover {
+.plate__closer_or8yr:hover, .plate__folder_or8yr:hover {
         opacity: 0.7;
     }
-.plate__closer_1d3nr:active, .plate__folder_1d3nr:active {
+.plate__closer_or8yr:active, .plate__folder_or8yr:active {
         opacity: 0.5;
     }
-.plate__closer_1d3nr {
+.plate__closer_or8yr {
     background: var(--plate-closer-icon) center no-repeat;
 }
-.plate__folder_1d3nr {
+.plate__folder_or8yr {
     background: var(--plate-arrow-icon) center no-repeat;
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
     transform: var(--arrow-transform)
 }
-.plate__folder_1d3nr.plate__isFolded_1d3nr {
+.plate__folder_or8yr.plate__isFolded_or8yr {
         transform: rotate(0deg);
     }
-.plate__buttons_1d3nr {
+.plate__buttons_or8yr {
     margin-top: var(--gap-xl);
 }
-.plate__button_1d3nr {
+.plate__button_or8yr {
     margin-right: var(--gap-s)
 }
-.plate__button_1d3nr:last-child {
+.plate__button_or8yr:last-child {
         margin-right: 0;
     }

package/popover/Component.js

@@ -6,7 +6,7 @@ var reactTransitionGroup = require('react-transition-group');
 var reactPopper = require('react-popper');
 var maxSize = require('popper-max-size-modifier');
 var mergeRefs = require('react-merge-refs');
-var resizeObserver = require('resize-observer');
+var resizeObserver = require('@juggle/resize-observer');
 var coreComponentsStack = require('../stack');
 var coreComponentsPortal = require('../portal');
 
@@ -44,7 +44,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"popover__component_c1kf8","inner":"popover__inner_c1kf8","scrollableContent":"popover__scrollableContent_c1kf8","arrow":"popover__arrow_c1kf8","arrowShift":"popover__arrowShift_c1kf8","enter":"popover__enter_c1kf8","enterActive":"popover__enterActive_c1kf8","exit":"popover__exit_c1kf8","exitActive":"popover__exitActive_c1kf8"};
+var styles = {"component":"popover__component_fzavu","inner":"popover__inner_fzavu","scrollableContent":"popover__scrollableContent_fzavu","arrow":"popover__arrow_fzavu","arrowShift":"popover__arrowShift_fzavu","enter":"popover__enter_fzavu","enterActive":"popover__enterActive_fzavu","exit":"popover__exit_fzavu","exitActive":"popover__exitActive_fzavu"};
 require('./index.css');
 
 var DEFAULT_TRANSITION = {
@@ -70,6 +70,7 @@ var availableHieghtModifier = {
         }
     },
 };
+var ResizeObserver = window.ResizeObserver || resizeObserver.ResizeObserver;
 /**
  * Минимальный размер anchorElement,
  * при котором возможно смещение стрелочки относительно центра
@@ -138,7 +139,7 @@ var Popover = React.forwardRef(function (_a, ref) {
     });
     React.useEffect(function () {
         if (useAnchorWidth) {
-            var observer_1 = new resizeObserver.ResizeObserver(updatePopoverWidth);
+            var observer_1 = new ResizeObserver(updatePopoverWidth);
             if (anchorElement) {
                 observer_1.observe(anchorElement);
             }

package/popover/cssm/Component.js

@@ -6,7 +6,7 @@ var reactTransitionGroup = require('react-transition-group');
 var reactPopper = require('react-popper');
 var maxSize = require('popper-max-size-modifier');
 var mergeRefs = require('react-merge-refs');
-var resizeObserver = require('resize-observer');
+var resizeObserver = require('@juggle/resize-observer');
 var coreComponentsStack = require('../../stack/cssm');
 var coreComponentsPortal = require('../../portal/cssm');
 var styles = require('./index.module.css');
@@ -69,6 +69,7 @@ var availableHieghtModifier = {
         }
     },
 };
+var ResizeObserver = window.ResizeObserver || resizeObserver.ResizeObserver;
 /**
  * Минимальный размер anchorElement,
  * при котором возможно смещение стрелочки относительно центра
@@ -137,7 +138,7 @@ var Popover = React.forwardRef(function (_a, ref) {
     });
     React.useEffect(function () {
         if (useAnchorWidth) {
-            var observer_1 = new resizeObserver.ResizeObserver(updatePopoverWidth);
+            var observer_1 = new ResizeObserver(updatePopoverWidth);
             if (anchorElement) {
                 observer_1.observe(anchorElement);
             }

package/popover/cssm/index.js

@@ -7,7 +7,7 @@ require('react-transition-group');
 require('react-popper');
 require('popper-max-size-modifier');
 require('react-merge-refs');
-require('resize-observer');
+require('@juggle/resize-observer');
 require('../../stack/cssm');
 require('../../portal/cssm');
 require('./index.module.css');

package/popover/esm/Component.js

@@ -4,7 +4,7 @@ import { CSSTransition } from 'react-transition-group';
 import { usePopper } from 'react-popper';
 import maxSize from 'popper-max-size-modifier';
 import mergeRefs from 'react-merge-refs';
-import { ResizeObserver } from 'resize-observer';
+import { ResizeObserver as ResizeObserver$1 } from '@juggle/resize-observer';
 import { stackingOrder, Stack } from '../../stack/esm';
 import { Portal } from '../../portal/esm';
 
@@ -35,7 +35,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"popover__component_c1kf8","inner":"popover__inner_c1kf8","scrollableContent":"popover__scrollableContent_c1kf8","arrow":"popover__arrow_c1kf8","arrowShift":"popover__arrowShift_c1kf8","enter":"popover__enter_c1kf8","enterActive":"popover__enterActive_c1kf8","exit":"popover__exit_c1kf8","exitActive":"popover__exitActive_c1kf8"};
+var styles = {"component":"popover__component_fzavu","inner":"popover__inner_fzavu","scrollableContent":"popover__scrollableContent_fzavu","arrow":"popover__arrow_fzavu","arrowShift":"popover__arrowShift_fzavu","enter":"popover__enter_fzavu","enterActive":"popover__enterActive_fzavu","exit":"popover__exit_fzavu","exitActive":"popover__exitActive_fzavu"};
 require('./index.css');
 
 var DEFAULT_TRANSITION = {
@@ -61,6 +61,7 @@ var availableHieghtModifier = {
         }
     },
 };
+var ResizeObserver = window.ResizeObserver || ResizeObserver$1;
 /**
  * Минимальный размер anchorElement,
  * при котором возможно смещение стрелочки относительно центра

package/popover/esm/index.css

@@ -725,11 +725,11 @@
 :root {
     --popover-border-color: transparent;
 }
-.popover__component_c1kf8 {
+.popover__component_fzavu {
     background-color: transparent;
     color: var(--color-light-text-primary);
 }
-.popover__inner_c1kf8 {
+.popover__inner_fzavu {
     position: relative;
     background-color: var(--color-light-bg-primary);
     box-shadow: var(--shadow-m);
@@ -739,15 +739,15 @@
     box-sizing: border-box;
     will-change: transform;
 }
-.popover__scrollableContent_c1kf8 {
+.popover__scrollableContent_fzavu {
     position: relative;
     z-index: 2;
     overflow-y: auto;
 }
-.popover__arrow_c1kf8 {
+.popover__arrow_fzavu {
     z-index: 1;
 }
-.popover__arrow_c1kf8:after {
+.popover__arrow_fzavu:after {
     content: '';
     display: block;
     position: absolute;
@@ -758,83 +758,83 @@
     box-sizing: border-box;
     transform: rotate(45deg);
 }
-.popover__component_c1kf8[data-popper-placement='left'] .popover__arrow_c1kf8,
-.popover__component_c1kf8[data-popper-placement='left-start'] .popover__arrow_c1kf8,
-.popover__component_c1kf8[data-popper-placement='left-end'] .popover__arrow_c1kf8 {
+.popover__component_fzavu[data-popper-placement='left'] .popover__arrow_fzavu,
+.popover__component_fzavu[data-popper-placement='left-start'] .popover__arrow_fzavu,
+.popover__component_fzavu[data-popper-placement='left-end'] .popover__arrow_fzavu {
     right: 5px
 }
-.popover__component_c1kf8[data-popper-placement='left'] .popover__arrow_c1kf8:after, .popover__component_c1kf8[data-popper-placement='left-start'] .popover__arrow_c1kf8:after, .popover__component_c1kf8[data-popper-placement='left-end'] .popover__arrow_c1kf8:after {
+.popover__component_fzavu[data-popper-placement='left'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='left-start'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='left-end'] .popover__arrow_fzavu:after {
         top: -6px;
         border-bottom: none;
         border-left: none;
     }
-.popover__component_c1kf8[data-popper-placement='left-start'].popover__arrowShift_c1kf8 .popover__arrow_c1kf8:after {
+.popover__component_fzavu[data-popper-placement='left-start'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
     top: -7px;
 }
-.popover__component_c1kf8[data-popper-placement='left-end'].popover__arrowShift_c1kf8 .popover__arrow_c1kf8:after {
+.popover__component_fzavu[data-popper-placement='left-end'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
     top: -5px;
 }
-.popover__component_c1kf8[data-popper-placement='right'] .popover__arrow_c1kf8,
-.popover__component_c1kf8[data-popper-placement='right-start'] .popover__arrow_c1kf8,
-.popover__component_c1kf8[data-popper-placement='right-end'] .popover__arrow_c1kf8 {
+.popover__component_fzavu[data-popper-placement='right'] .popover__arrow_fzavu,
+.popover__component_fzavu[data-popper-placement='right-start'] .popover__arrow_fzavu,
+.popover__component_fzavu[data-popper-placement='right-end'] .popover__arrow_fzavu {
     left: -7px
 }
-.popover__component_c1kf8[data-popper-placement='right'] .popover__arrow_c1kf8:after, .popover__component_c1kf8[data-popper-placement='right-start'] .popover__arrow_c1kf8:after, .popover__component_c1kf8[data-popper-placement='right-end'] .popover__arrow_c1kf8:after {
+.popover__component_fzavu[data-popper-placement='right'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='right-start'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='right-end'] .popover__arrow_fzavu:after {
         top: -6px;
         border-top: none;
         border-right: none;
     }
-.popover__component_c1kf8[data-popper-placement='right-start'].popover__arrowShift_c1kf8 .popover__arrow_c1kf8:after {
+.popover__component_fzavu[data-popper-placement='right-start'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
     top: -7px;
 }
-.popover__component_c1kf8[data-popper-placement='right-end'].popover__arrowShift_c1kf8 .popover__arrow_c1kf8:after {
+.popover__component_fzavu[data-popper-placement='right-end'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
     top: -5px;
 }
-.popover__component_c1kf8[data-popper-placement='top'] .popover__arrow_c1kf8,
-.popover__component_c1kf8[data-popper-placement='top-start'] .popover__arrow_c1kf8,
-.popover__component_c1kf8[data-popper-placement='top-end'] .popover__arrow_c1kf8 {
+.popover__component_fzavu[data-popper-placement='top'] .popover__arrow_fzavu,
+.popover__component_fzavu[data-popper-placement='top-start'] .popover__arrow_fzavu,
+.popover__component_fzavu[data-popper-placement='top-end'] .popover__arrow_fzavu {
     bottom: 5px
 }
-.popover__component_c1kf8[data-popper-placement='top'] .popover__arrow_c1kf8:after, .popover__component_c1kf8[data-popper-placement='top-start'] .popover__arrow_c1kf8:after, .popover__component_c1kf8[data-popper-placement='top-end'] .popover__arrow_c1kf8:after {
+.popover__component_fzavu[data-popper-placement='top'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='top-start'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='top-end'] .popover__arrow_fzavu:after {
         left: -6px;
         border-top: none;
         border-left: none;
     }
-.popover__component_c1kf8[data-popper-placement='top-start'].popover__arrowShift_c1kf8 .popover__arrow_c1kf8:after {
+.popover__component_fzavu[data-popper-placement='top-start'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
     left: -17px;
 }
-.popover__component_c1kf8[data-popper-placement='top-end'].popover__arrowShift_c1kf8 .popover__arrow_c1kf8:after {
+.popover__component_fzavu[data-popper-placement='top-end'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
     left: 5px;
 }
-.popover__component_c1kf8[data-popper-placement='bottom'] .popover__arrow_c1kf8,
-.popover__component_c1kf8[data-popper-placement='bottom-start'] .popover__arrow_c1kf8,
-.popover__component_c1kf8[data-popper-placement='bottom-end'] .popover__arrow_c1kf8 {
+.popover__component_fzavu[data-popper-placement='bottom'] .popover__arrow_fzavu,
+.popover__component_fzavu[data-popper-placement='bottom-start'] .popover__arrow_fzavu,
+.popover__component_fzavu[data-popper-placement='bottom-end'] .popover__arrow_fzavu {
     top: -7px
 }
-.popover__component_c1kf8[data-popper-placement='bottom'] .popover__arrow_c1kf8:after, .popover__component_c1kf8[data-popper-placement='bottom-start'] .popover__arrow_c1kf8:after, .popover__component_c1kf8[data-popper-placement='bottom-end'] .popover__arrow_c1kf8:after {
+.popover__component_fzavu[data-popper-placement='bottom'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='bottom-start'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='bottom-end'] .popover__arrow_fzavu:after {
         left: -6px;
         border-bottom: none;
         border-right: none;
     }
-.popover__component_c1kf8[data-popper-placement='bottom-start'].popover__arrowShift_c1kf8 .popover__arrow_c1kf8:after {
+.popover__component_fzavu[data-popper-placement='bottom-start'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
     left: -17px;
 }
-.popover__component_c1kf8[data-popper-placement='bottom-end'].popover__arrowShift_c1kf8 .popover__arrow_c1kf8:after {
+.popover__component_fzavu[data-popper-placement='bottom-end'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
     left: 5px;
 }
-.popover__enter_c1kf8 .popover__inner_c1kf8 {
+.popover__enter_fzavu .popover__inner_fzavu {
     opacity: 0;
     transform: scale(0.98);
 }
-.popover__enterActive_c1kf8 .popover__inner_c1kf8 {
+.popover__enterActive_fzavu .popover__inner_fzavu {
     opacity: 1;
     transform: scale(1);
 }
-.popover__exit_c1kf8 .popover__inner_c1kf8 {
+.popover__exit_fzavu .popover__inner_fzavu {
     opacity: 1;
     transform: scale(1);
 }
-.popover__exitActive_c1kf8 .popover__inner_c1kf8 {
+.popover__exitActive_fzavu .popover__inner_fzavu {
     opacity: 0;
     transform: scale(0.98);
 }

package/popover/esm/index.js

@@ -4,7 +4,7 @@ import 'react-transition-group';
 import 'react-popper';
 import 'popper-max-size-modifier';
 import 'react-merge-refs';
-import 'resize-observer';
+import '@juggle/resize-observer';
 import '../../stack/esm';
 import '../../portal/esm';
 export { Popover } from './Component.js';