@salutejs/plasma-new-hope 0.254.0-canary.1730.13072913854.0 → 0.254.0-canary.1739.13073957671.0

package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css

@@ -96,15 +96,15 @@
 
 .base_z7a2uf_b10o15xy__b340e41b .base_z7a2uf_hgy0im1__b340e41b{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
 
-.Popover_styles_gh4xvw_s1g1xbt5__0bb7cc15{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
-.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15{display:inline-block;}.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15.Popover_styles_gh4xvw_popoverTargetAsRef__0bb7cc15{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15.Popover_styles_gh4xvw_popoverTargetAsRef__0bb7cc15 .Popover_styles_gh4xvw_s1g1xbt5__0bb7cc15{width:100%;height:100%;display:block;}
-.Popover_styles_gh4xvw_s1pd4d8a__0bb7cc15{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_gh4xvw_s1pd4d8a__0bb7cc15::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
-.Popover_styles_gh4xvw_s16xlixz__0bb7cc15{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-end']:before{top:unset;left:0;right:0;height:var(--plasma-popover-arrow-height);bottom:calc(-1 * var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-end']:before{top:calc(-1 * var(--plasma-popover-arrow-height));left:0;right:0;bottom:var(--plasma-popover-arrow-height);height:var(--plasma-popover-arrow-height);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;right:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;left:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}
+.Popover_styles_zxmuer_s1g1xbt5__44fab2ad{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
+.Popover_styles_zxmuer_s12xwbyh__44fab2ad{display:inline-block;}.Popover_styles_zxmuer_s12xwbyh__44fab2ad.Popover_styles_zxmuer_popoverTargetAsRef__44fab2ad{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_zxmuer_s12xwbyh__44fab2ad.Popover_styles_zxmuer_popoverTargetAsRef__44fab2ad .Popover_styles_zxmuer_s1g1xbt5__44fab2ad{width:100%;height:100%;display:block;}
+.Popover_styles_zxmuer_s1pd4d8a__44fab2ad{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_zxmuer_s1pd4d8a__44fab2ad::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
+.Popover_styles_zxmuer_s16xlixz__44fab2ad{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;}.Popover_styles_zxmuer_s16xlixz__44fab2ad.Popover_styles_zxmuer_popoverAnimate__44fab2ad{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}.Popover_styles_zxmuer_s16xlixz__44fab2ad.Popover_styles_zxmuer_popoverOpen__44fab2ad{opacity:1;visibility:visible;}.Popover_styles_zxmuer_s16xlixz__44fab2ad:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-end']:before{top:unset;left:0;right:0;height:var(--plasma-popover-arrow-height);bottom:calc(-1 * var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-end']:before{top:calc(-1 * var(--plasma-popover-arrow-height));left:0;right:0;bottom:var(--plasma-popover-arrow-height);height:var(--plasma-popover-arrow-height);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;right:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;left:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}
 
 .Tooltip_styles_1bh0sd0_teczcv4__e6cc0309{padding:var(--plasma-tooltip-padding-top) var(--plasma-tooltip-padding-right) var(--plasma-tooltip-padding-bottom) var(--plasma-tooltip-padding-left);min-height:var(--plasma-tooltip-min-height);box-sizing:border-box;background-color:var(--plasma-tooltip-background-color);border-radius:var(--plasma-tooltip-border-radius);box-shadow:var(--plasma-tooltip-box-shadow);color:var(--plasma-tooltip-color);font-family:var(--plasma-tooltip-text-font-family);font-size:var(--plasma-tooltip-text-font-size);font-style:var(--plasma-tooltip-text-font-style);font-weight:var(--plasma-tooltip-text-font-weight);-webkit-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);line-height:var(--plasma-tooltip-text-font-line-height);max-width:var(--teczcv4-0);min-width:var(--teczcv4-1);width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word;pointer-events:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
 .Tooltip_styles_1bh0sd0_s1j361h1__e6cc0309{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:var(--plasma-tooltip-content-left-margin);height:var(--plasma-tooltip-text-font-line-height);}
 
-.Tooltip_aay375_s1cz8cv8__390cdb21{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}.Tooltip_aay375_s1cz8cv8__390cdb21.Tooltip_aay375_tooltipAnimated__390cdb21 .Tooltip_aay375_popoverRoot__390cdb21{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}
+.Tooltip_1qsg6ij_s1cz8cv8__da7f9e0a{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}
 
 .TextField_styles_1cdp5eg_iq39zt5__dcbef05d{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
 .TextField_styles_1cdp5eg_i1j28rg8__dcbef05d{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d::-webkit-scrollbar{display:none;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d.TextField_styles_1cdp5eg_hasChips__dcbef05d{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}

package/es/components/Popover/Popover.css

@@ -1,4 +1,4 @@
-.Popover_styles_gh4xvw_s1g1xbt5__0bb7cc15{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
-.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15{display:inline-block;}.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15.Popover_styles_gh4xvw_popoverTargetAsRef__0bb7cc15{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15.Popover_styles_gh4xvw_popoverTargetAsRef__0bb7cc15 .Popover_styles_gh4xvw_s1g1xbt5__0bb7cc15{width:100%;height:100%;display:block;}
-.Popover_styles_gh4xvw_s1pd4d8a__0bb7cc15{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_gh4xvw_s1pd4d8a__0bb7cc15::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
-.Popover_styles_gh4xvw_s16xlixz__0bb7cc15{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-end']:before{top:unset;left:0;right:0;height:var(--plasma-popover-arrow-height);bottom:calc(-1 * var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-end']:before{top:calc(-1 * var(--plasma-popover-arrow-height));left:0;right:0;bottom:var(--plasma-popover-arrow-height);height:var(--plasma-popover-arrow-height);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;right:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;left:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}
+.Popover_styles_zxmuer_s1g1xbt5__44fab2ad{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
+.Popover_styles_zxmuer_s12xwbyh__44fab2ad{display:inline-block;}.Popover_styles_zxmuer_s12xwbyh__44fab2ad.Popover_styles_zxmuer_popoverTargetAsRef__44fab2ad{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_zxmuer_s12xwbyh__44fab2ad.Popover_styles_zxmuer_popoverTargetAsRef__44fab2ad .Popover_styles_zxmuer_s1g1xbt5__44fab2ad{width:100%;height:100%;display:block;}
+.Popover_styles_zxmuer_s1pd4d8a__44fab2ad{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_zxmuer_s1pd4d8a__44fab2ad::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
+.Popover_styles_zxmuer_s16xlixz__44fab2ad{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;}.Popover_styles_zxmuer_s16xlixz__44fab2ad.Popover_styles_zxmuer_popoverAnimate__44fab2ad{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}.Popover_styles_zxmuer_s16xlixz__44fab2ad.Popover_styles_zxmuer_popoverOpen__44fab2ad{opacity:1;visibility:visible;}.Popover_styles_zxmuer_s16xlixz__44fab2ad:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-end']:before{top:unset;left:0;right:0;height:var(--plasma-popover-arrow-height);bottom:calc(-1 * var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-end']:before{top:calc(-1 * var(--plasma-popover-arrow-height));left:0;right:0;bottom:var(--plasma-popover-arrow-height);height:var(--plasma-popover-arrow-height);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;right:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;left:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}

package/es/components/Popover/Popover.js

@@ -9,7 +9,7 @@ import { classes } from './Popover.tokens.js';
 import { useFocusTrap } from '../../hooks/useFocusTrap.js';
 import { Portal } from '../Portal/Portal.js';
 
-var _excluded = ["target", "children", "isOpen", "opened", "trigger", "hasArrow", "frame", "className", "placement", "offset", "zIndex", "isFocusTrapped", "closeOnEsc", "preventOverflow", "usePortal", "view", "onToggle", "closeOnOverlayClick"];
+var _excluded = ["target", "children", "animated", "isOpen", "opened", "trigger", "hasArrow", "frame", "className", "placement", "offset", "zIndex", "isFocusTrapped", "closeOnEsc", "preventOverflow", "usePortal", "view", "onToggle", "closeOnOverlayClick"];
 var ESCAPE_KEYCODE = 27;
 var POPOVER_PORTAL_ID = 'plasma-popover-root';
 
@@ -22,6 +22,7 @@ var popoverRoot = function popoverRoot(Root) {
     var _placement$;
     var target = _ref.target,
       children = _ref.children,
+      animated = _ref.animated,
       isOpen = _ref.isOpen,
       opened = _ref.opened,
       _ref$trigger = _ref.trigger,
@@ -64,6 +65,8 @@ var popoverRoot = function popoverRoot(Root) {
     var portalContainer = _typeof(target) === 'object' && target !== null && 'current' in target && target.current || undefined;
     var isAutoArray = Array.isArray(placement);
     var isAuto = isAutoArray || placement.startsWith('auto');
+    var openClass = innerIsOpen ? classes.open : undefined;
+    var animatedClass = animated ? classes.animate : undefined;
     var initialStyles = {
       visibility: innerIsOpen ? 'visible' : 'hidden',
       opacity: innerIsOpen ? 1 : 0
@@ -214,11 +217,9 @@ var popoverRoot = function popoverRoot(Root) {
       view: view,
       className: className
     }, rest), /*#__PURE__*/React.createElement(StyledPopover, _extends({}, attributes.popper, {
-      className: classes.root,
+      className: cx(classes.root, openClass, animatedClass),
       ref: popoverForkRef,
-      style: _objectSpread2(_objectSpread2(_objectSpread2({}, styles.popper), {
-        display: innerIsOpen ? 'block' : 'none'
-      }), initialStyles),
+      style: _objectSpread2(_objectSpread2({}, styles.popper), initialStyles),
       zIndex: zIndex
     }), hasArrow && /*#__PURE__*/React.createElement(StyledArrow, _extends({
       className: classes.arrow,

package/es/components/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useRef, useCallback, useEffect, useState, forwardRef, isValidElement } from 'react';\nimport type { CSSProperties } from 'react';\nimport { usePopper } from 'react-popper';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines/types';\nimport { useFocusTrap } from '../../hooks';\nimport { cx } from '../../utils';\nimport { Portal } from '../Portal';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport type { PopoverPlacement, PopoverProps } from './Popover.types';\nimport { StyledArrow, StyledPopover, StyledRoot, StyledWrapper } from './Popover.styles';\nimport { classes } from './Popover.tokens';\n\nexport const ESCAPE_KEYCODE = 27;\nexport const POPOVER_PORTAL_ID = 'plasma-popover-root';\n\n/**\n * Всплывающее окно с возможностью позиционирования\n * и вызова по клику либо ховеру.\n */\nexport const popoverRoot = (Root: RootProps<HTMLDivElement, PopoverProps>) =>\n    forwardRef<HTMLDivElement, PopoverProps>(\n        (\n            {\n                target,\n                children,\n                isOpen,\n                opened,\n                trigger = 'click',\n                hasArrow,\n                frame = 'document',\n                className,\n                placement = 'auto',\n                offset = [0, 0],\n                zIndex,\n                isFocusTrapped = true,\n                closeOnEsc = true,\n                preventOverflow = true,\n                usePortal = false,\n                view,\n                onToggle,\n                closeOnOverlayClick,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const innerIsOpen = Boolean(isOpen || opened);\n\n            const rootRef = useRef<HTMLDivElement | null>(null);\n            const popoverRef = useRef<HTMLDivElement | null>(null);\n            const handleRef = useForkRef<HTMLDivElement>(rootRef, outerRootRef);\n            const portalRef = useRef<HTMLElement | null>(null);\n\n            const trapRef = useFocusTrap(innerIsOpen && isFocusTrapped);\n\n            const popoverForkRef = useForkRef<HTMLDivElement>(popoverRef, trapRef);\n\n            const [arrowElement, setArrowElement] = useState<HTMLSpanElement | null>(null);\n\n            const [, forceRender] = useState(false);\n\n            const portalContainer =\n                (typeof target === 'object' && target !== null && 'current' in target && target.current) || undefined;\n\n            const isAutoArray = Array.isArray(placement);\n            const isAuto = isAutoArray || (placement as PopoverPlacement).startsWith('auto');\n\n            const initialStyles = {\n                visibility: innerIsOpen ? 'visible' : 'hidden',\n                opacity: innerIsOpen ? 1 : 0,\n            } as CSSProperties;\n\n            const { styles, attributes, forceUpdate } = usePopper(rootRef.current, popoverRef.current, {\n                // TODO: #1121\n                // eslint-disable-next-line no-nested-ternary\n                placement: isAutoArray\n                    ? placement[0]?.endsWith('start')\n                        ? 'auto-start'\n                        : 'auto'\n                    : (placement as PopoverPlacement),\n                modifiers: [\n                    {\n                        name: 'preventOverflow',\n                        options: {\n                            mainAxis: preventOverflow,\n                        },\n                    },\n                    { name: 'offset', options: { offset: [offset[0], offset[1]] } },\n                    {\n                        name: 'flip',\n                        enabled: isAuto,\n                        options: {\n                            allowedAutoPlacements: isAutoArray ? (placement as PopoverPlacement[]) : [],\n                        },\n                    },\n                    {\n                        name: 'arrow',\n                        options: {\n                            element: arrowElement,\n                        },\n                    },\n                ],\n            });\n\n            const onEscape = useCallback(\n                (event: KeyboardEvent) => {\n                    if (innerIsOpen && closeOnEsc && event.keyCode === ESCAPE_KEYCODE) {\n                        onToggle?.(false, event);\n                    }\n                },\n                [closeOnEsc, innerIsOpen, onToggle],\n            );\n\n            const onDocumentClick = useCallback(\n                (event: MouseEvent) => {\n                    if (innerIsOpen && closeOnOverlayClick && onToggle) {\n                        const targetIsRoot = event.target === rootRef.current;\n                        const rootHasTarget = rootRef.current?.contains(event.target as Element);\n                        const popoverRootHasTarget = popoverRef.current?.contains(event.target as Element);\n\n                        if (!targetIsRoot && !rootHasTarget && !popoverRootHasTarget) {\n                            onToggle(false, event);\n                        }\n                    }\n                },\n                [closeOnOverlayClick, innerIsOpen, onToggle],\n            );\n\n            const onClick = useCallback<React.MouseEventHandler>(\n                (event) => {\n                    if (trigger === 'click') {\n                        const targetIsPopover = event.target === popoverRef.current;\n                        const rootHasTarget = popoverRef.current?.contains(event.target as Element);\n\n                        if (!targetIsPopover && !rootHasTarget) {\n                            onToggle?.(!innerIsOpen, event);\n                        }\n                    }\n                },\n                [trigger, innerIsOpen, onToggle],\n            );\n\n            const onMouseEnter = useCallback<React.MouseEventHandler>(\n                (event) => {\n                    if (trigger === 'hover') {\n                        onToggle?.(true, event);\n                    }\n                },\n                [trigger, onToggle],\n            );\n\n            const onMouseLeave = useCallback<React.MouseEventHandler>(\n                (event) => {\n                    if (trigger === 'hover') {\n                        onToggle?.(false, event);\n                    }\n                },\n                [trigger, onToggle],\n            );\n\n            const onFocus = useCallback<React.FocusEventHandler>(\n                (event) => {\n                    if (trigger === 'hover') {\n                        onToggle?.(true, event);\n                    }\n                },\n                [trigger, onToggle],\n            );\n\n            const onBlur = useCallback<React.FocusEventHandler>(\n                (event) => {\n                    if (trigger === 'hover') {\n                        onToggle?.(false, event);\n                    }\n                },\n                [trigger, onToggle],\n            );\n\n            useEffect(() => {\n                document.addEventListener('click', onDocumentClick);\n                return () => document.removeEventListener('click', onDocumentClick);\n            }, [innerIsOpen, onToggle]);\n\n            useEffect(() => {\n                window.addEventListener('keydown', onEscape);\n                return () => window.removeEventListener('keydown', onEscape);\n            }, [closeOnEsc, innerIsOpen, onToggle]);\n\n            useEffect(() => {\n                let portal = document.getElementById(POPOVER_PORTAL_ID);\n\n                if (typeof frame !== 'string' && frame && frame.current) {\n                    portal = frame.current;\n                }\n\n                if (!usePortal && isValidElement(target)) {\n                    portal = rootRef.current;\n                }\n\n                if (!portal) {\n                    portal = document.createElement('div');\n                    portal.setAttribute('id', POPOVER_PORTAL_ID);\n\n                    if (typeof frame === 'string' && frame !== 'document') {\n                        document.getElementById(frame)?.appendChild(portal);\n                    } else {\n                        document.body.appendChild(portal);\n                    }\n                }\n\n                portalRef.current = portal;\n\n                /**\n                 * Изменение стейта нужно для того, чтобы Popup\n                 * отобразился после записи DOM элемента в portalRef.current\n                 */\n                forceRender(true);\n            }, []);\n\n            useEffect(() => {\n                if (!innerIsOpen || !forceUpdate) {\n                    return;\n                }\n\n                /*\n                 * INFO: Метод forceUpdate содержит в себе flushSync и приводит\n                 * к повторному рендеру компонента, который уже находится в процессе рендера.\n                 * Данный хак, нужен для того, чтобы это поведение избежать и перенаправить\n                 * вызов метода в очередь микрозадач.\n                 */\n                Promise.resolve().then(forceUpdate);\n            }, [innerIsOpen, children, forceUpdate]);\n\n            return (\n                <Portal container={portalContainer} disabled={isValidElement(target)}>\n                    <StyledWrapper\n                        className={cx(classes.wrapper, !isValidElement(target) && classes.targetAsRef)}\n                        onMouseEnter={onMouseEnter}\n                        onMouseLeave={onMouseLeave}\n                    >\n                        <StyledRoot\n                            ref={handleRef}\n                            onClick={onClick}\n                            onFocus={onFocus}\n                            onBlur={onBlur}\n                            className={cx(className, classes.target)}\n                        >\n                            {isValidElement(target) && target}\n                        </StyledRoot>\n                        {children && portalRef.current && (\n                            <Portal container={portalRef.current}>\n                                <Root view={view} className={className} {...rest}>\n                                    <StyledPopover\n                                        {...attributes.popper}\n                                        className={classes.root}\n                                        ref={popoverForkRef}\n                                        style={{\n                                            ...styles.popper,\n                                            ...{ display: innerIsOpen ? 'block' : 'none' },\n                                            ...initialStyles,\n                                        }}\n                                        zIndex={zIndex}\n                                    >\n                                        {hasArrow && (\n                                            <StyledArrow\n                                                className={classes.arrow}\n                                                ref={setArrowElement}\n                                                style={styles.arrow}\n                                                {...attributes.arrow}\n                                            />\n                                        )}\n                                        {children}\n                                    </StyledPopover>\n                                </Root>\n                            </Portal>\n                        )}\n                    </StyledWrapper>\n                </Portal>\n            );\n        },\n    );\n\nexport const popoverConfig = {\n    name: 'Popover',\n    tag: 'div',\n    layout: popoverRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["ESCAPE_KEYCODE","POPOVER_PORTAL_ID","popoverRoot","Root","forwardRef","_ref","outerRootRef","_placement$","target","children","isOpen","opened","_ref$trigger","trigger","hasArrow","_ref$frame","frame","className","_ref$placement","placement","_ref$offset","offset","zIndex","_ref$isFocusTrapped","isFocusTrapped","_ref$closeOnEsc","closeOnEsc","_ref$preventOverflow","preventOverflow","_ref$usePortal","usePortal","view","onToggle","closeOnOverlayClick","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","rootRef","useRef","popoverRef","handleRef","useForkRef","portalRef","trapRef","useFocusTrap","popoverForkRef","_useState","useState","_useState2","_slicedToArray","arrowElement","setArrowElement","_useState3","_useState4","forceRender","portalContainer","_typeof","current","undefined","isAutoArray","Array","isArray","isAuto","startsWith","initialStyles","visibility","opacity","_usePopper","usePopper","endsWith","modifiers","name","options","mainAxis","enabled","allowedAutoPlacements","element","styles","attributes","forceUpdate","onEscape","useCallback","event","keyCode","onDocumentClick","_rootRef$current","_popoverRef$current","targetIsRoot","rootHasTarget","contains","popoverRootHasTarget","onClick","_popoverRef$current2","targetIsPopover","onMouseEnter","onMouseLeave","onFocus","onBlur","useEffect","document","addEventListener","removeEventListener","window","portal","getElementById","isValidElement","createElement","setAttribute","_document$getElementB","appendChild","body","Promise","resolve","then","React","Portal","container","disabled","StyledWrapper","cx","classes","wrapper","targetAsRef","StyledRoot","ref","_extends","StyledPopover","popper","root","style","_objectSpread","display","StyledArrow","arrow","popoverConfig","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useRef, useCallback, useEffect, useState, forwardRef, isValidElement } from 'react';\nimport type { CSSProperties } from 'react';\nimport { usePopper } from 'react-popper';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines/types';\nimport { useFocusTrap } from '../../hooks';\nimport { cx } from '../../utils';\nimport { Portal } from '../Portal';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport type { PopoverPlacement, PopoverProps } from './Popover.types';\nimport { StyledArrow, StyledPopover, StyledRoot, StyledWrapper } from './Popover.styles';\nimport { classes } from './Popover.tokens';\n\nexport const ESCAPE_KEYCODE = 27;\nexport const POPOVER_PORTAL_ID = 'plasma-popover-root';\n\n/**\n * Всплывающее окно с возможностью позиционирования\n * и вызова по клику либо ховеру.\n */\nexport const popoverRoot = (Root: RootProps<HTMLDivElement, PopoverProps>) =>\n    forwardRef<HTMLDivElement, PopoverProps>(\n        (\n            {\n                target,\n                children,\n                animated,\n                isOpen,\n                opened,\n                trigger = 'click',\n                hasArrow,\n                frame = 'document',\n                className,\n                placement = 'auto',\n                offset = [0, 0],\n                zIndex,\n                isFocusTrapped = true,\n                closeOnEsc = true,\n                preventOverflow = true,\n                usePortal = false,\n                view,\n                onToggle,\n                closeOnOverlayClick,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const innerIsOpen = Boolean(isOpen || opened);\n\n            const rootRef = useRef<HTMLDivElement | null>(null);\n            const popoverRef = useRef<HTMLDivElement | null>(null);\n            const handleRef = useForkRef<HTMLDivElement>(rootRef, outerRootRef);\n            const portalRef = useRef<HTMLElement | null>(null);\n\n            const trapRef = useFocusTrap(innerIsOpen && isFocusTrapped);\n\n            const popoverForkRef = useForkRef<HTMLDivElement>(popoverRef, trapRef);\n\n            const [arrowElement, setArrowElement] = useState<HTMLSpanElement | null>(null);\n\n            const [, forceRender] = useState(false);\n\n            const portalContainer =\n                (typeof target === 'object' && target !== null && 'current' in target && target.current) || undefined;\n\n            const isAutoArray = Array.isArray(placement);\n            const isAuto = isAutoArray || (placement as PopoverPlacement).startsWith('auto');\n\n            const openClass = innerIsOpen ? classes.open : undefined;\n            const animatedClass = animated ? classes.animate : undefined;\n\n            const initialStyles = {\n                visibility: innerIsOpen ? 'visible' : 'hidden',\n                opacity: innerIsOpen ? 1 : 0,\n            } as CSSProperties;\n\n            const { styles, attributes, forceUpdate } = usePopper(rootRef.current, popoverRef.current, {\n                // TODO: #1121\n                // eslint-disable-next-line no-nested-ternary\n                placement: isAutoArray\n                    ? placement[0]?.endsWith('start')\n                        ? 'auto-start'\n                        : 'auto'\n                    : (placement as PopoverPlacement),\n                modifiers: [\n                    {\n                        name: 'preventOverflow',\n                        options: {\n                            mainAxis: preventOverflow,\n                        },\n                    },\n                    { name: 'offset', options: { offset: [offset[0], offset[1]] } },\n                    {\n                        name: 'flip',\n                        enabled: isAuto,\n                        options: {\n                            allowedAutoPlacements: isAutoArray ? (placement as PopoverPlacement[]) : [],\n                        },\n                    },\n                    {\n                        name: 'arrow',\n                        options: {\n                            element: arrowElement,\n                        },\n                    },\n                ],\n            });\n\n            const onEscape = useCallback(\n                (event: KeyboardEvent) => {\n                    if (innerIsOpen && closeOnEsc && event.keyCode === ESCAPE_KEYCODE) {\n                        onToggle?.(false, event);\n                    }\n                },\n                [closeOnEsc, innerIsOpen, onToggle],\n            );\n\n            const onDocumentClick = useCallback(\n                (event: MouseEvent) => {\n                    if (innerIsOpen && closeOnOverlayClick && onToggle) {\n                        const targetIsRoot = event.target === rootRef.current;\n                        const rootHasTarget = rootRef.current?.contains(event.target as Element);\n                        const popoverRootHasTarget = popoverRef.current?.contains(event.target as Element);\n\n                        if (!targetIsRoot && !rootHasTarget && !popoverRootHasTarget) {\n                            onToggle(false, event);\n                        }\n                    }\n                },\n                [closeOnOverlayClick, innerIsOpen, onToggle],\n            );\n\n            const onClick = useCallback<React.MouseEventHandler>(\n                (event) => {\n                    if (trigger === 'click') {\n                        const targetIsPopover = event.target === popoverRef.current;\n                        const rootHasTarget = popoverRef.current?.contains(event.target as Element);\n\n                        if (!targetIsPopover && !rootHasTarget) {\n                            onToggle?.(!innerIsOpen, event);\n                        }\n                    }\n                },\n                [trigger, innerIsOpen, onToggle],\n            );\n\n            const onMouseEnter = useCallback<React.MouseEventHandler>(\n                (event) => {\n                    if (trigger === 'hover') {\n                        onToggle?.(true, event);\n                    }\n                },\n                [trigger, onToggle],\n            );\n\n            const onMouseLeave = useCallback<React.MouseEventHandler>(\n                (event) => {\n                    if (trigger === 'hover') {\n                        onToggle?.(false, event);\n                    }\n                },\n                [trigger, onToggle],\n            );\n\n            const onFocus = useCallback<React.FocusEventHandler>(\n                (event) => {\n                    if (trigger === 'hover') {\n                        onToggle?.(true, event);\n                    }\n                },\n                [trigger, onToggle],\n            );\n\n            const onBlur = useCallback<React.FocusEventHandler>(\n                (event) => {\n                    if (trigger === 'hover') {\n                        onToggle?.(false, event);\n                    }\n                },\n                [trigger, onToggle],\n            );\n\n            useEffect(() => {\n                document.addEventListener('click', onDocumentClick);\n                return () => document.removeEventListener('click', onDocumentClick);\n            }, [innerIsOpen, onToggle]);\n\n            useEffect(() => {\n                window.addEventListener('keydown', onEscape);\n                return () => window.removeEventListener('keydown', onEscape);\n            }, [closeOnEsc, innerIsOpen, onToggle]);\n\n            useEffect(() => {\n                let portal = document.getElementById(POPOVER_PORTAL_ID);\n\n                if (typeof frame !== 'string' && frame && frame.current) {\n                    portal = frame.current;\n                }\n\n                if (!usePortal && isValidElement(target)) {\n                    portal = rootRef.current;\n                }\n\n                if (!portal) {\n                    portal = document.createElement('div');\n                    portal.setAttribute('id', POPOVER_PORTAL_ID);\n\n                    if (typeof frame === 'string' && frame !== 'document') {\n                        document.getElementById(frame)?.appendChild(portal);\n                    } else {\n                        document.body.appendChild(portal);\n                    }\n                }\n\n                portalRef.current = portal;\n\n                /**\n                 * Изменение стейта нужно для того, чтобы Popup\n                 * отобразился после записи DOM элемента в portalRef.current\n                 */\n                forceRender(true);\n            }, []);\n\n            useEffect(() => {\n                if (!innerIsOpen || !forceUpdate) {\n                    return;\n                }\n\n                /*\n                 * INFO: Метод forceUpdate содержит в себе flushSync и приводит\n                 * к повторному рендеру компонента, который уже находится в процессе рендера.\n                 * Данный хак, нужен для того, чтобы это поведение избежать и перенаправить\n                 * вызов метода в очередь микрозадач.\n                 */\n                Promise.resolve().then(forceUpdate);\n            }, [innerIsOpen, children, forceUpdate]);\n\n            return (\n                <Portal container={portalContainer} disabled={isValidElement(target)}>\n                    <StyledWrapper\n                        className={cx(classes.wrapper, !isValidElement(target) && classes.targetAsRef)}\n                        onMouseEnter={onMouseEnter}\n                        onMouseLeave={onMouseLeave}\n                    >\n                        <StyledRoot\n                            ref={handleRef}\n                            onClick={onClick}\n                            onFocus={onFocus}\n                            onBlur={onBlur}\n                            className={cx(className, classes.target)}\n                        >\n                            {isValidElement(target) && target}\n                        </StyledRoot>\n                        {children && portalRef.current && (\n                            <Portal container={portalRef.current}>\n                                <Root view={view} className={className} {...rest}>\n                                    <StyledPopover\n                                        {...attributes.popper}\n                                        className={cx(classes.root, openClass, animatedClass)}\n                                        ref={popoverForkRef}\n                                        style={{\n                                            ...styles.popper,\n                                            ...initialStyles,\n                                        }}\n                                        zIndex={zIndex}\n                                    >\n                                        {hasArrow && (\n                                            <StyledArrow\n                                                className={classes.arrow}\n                                                ref={setArrowElement}\n                                                style={styles.arrow}\n                                                {...attributes.arrow}\n                                            />\n                                        )}\n                                        {children}\n                                    </StyledPopover>\n                                </Root>\n                            </Portal>\n                        )}\n                    </StyledWrapper>\n                </Portal>\n            );\n        },\n    );\n\nexport const popoverConfig = {\n    name: 'Popover',\n    tag: 'div',\n    layout: popoverRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["ESCAPE_KEYCODE","POPOVER_PORTAL_ID","popoverRoot","Root","forwardRef","_ref","outerRootRef","_placement$","target","children","animated","isOpen","opened","_ref$trigger","trigger","hasArrow","_ref$frame","frame","className","_ref$placement","placement","_ref$offset","offset","zIndex","_ref$isFocusTrapped","isFocusTrapped","_ref$closeOnEsc","closeOnEsc","_ref$preventOverflow","preventOverflow","_ref$usePortal","usePortal","view","onToggle","closeOnOverlayClick","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","rootRef","useRef","popoverRef","handleRef","useForkRef","portalRef","trapRef","useFocusTrap","popoverForkRef","_useState","useState","_useState2","_slicedToArray","arrowElement","setArrowElement","_useState3","_useState4","forceRender","portalContainer","_typeof","current","undefined","isAutoArray","Array","isArray","isAuto","startsWith","openClass","classes","open","animatedClass","animate","initialStyles","visibility","opacity","_usePopper","usePopper","endsWith","modifiers","name","options","mainAxis","enabled","allowedAutoPlacements","element","styles","attributes","forceUpdate","onEscape","useCallback","event","keyCode","onDocumentClick","_rootRef$current","_popoverRef$current","targetIsRoot","rootHasTarget","contains","popoverRootHasTarget","onClick","_popoverRef$current2","targetIsPopover","onMouseEnter","onMouseLeave","onFocus","onBlur","useEffect","document","addEventListener","removeEventListener","window","portal","getElementById","isValidElement","createElement","setAttribute","_document$getElementB","appendChild","body","Promise","resolve","then","React","Portal","container","disabled","StyledWrapper","cx","wrapper","targetAsRef","StyledRoot","ref","_extends","StyledPopover","popper","root","style","_objectSpread","StyledArrow","arrow","popoverConfig","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}

package/es/components/Popover/Popover.styles.js

@@ -1,4 +1,4 @@
-import './Popover.styles_gh4xvw.css';
+import './Popover.styles_zxmuer.css';
 import { styled } from '@linaria/react';
 import { DEFAULT_Z_INDEX } from '../Popup/utils/index.js';
 

package/es/components/Popover/Popover.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.styles.js","sources":["../../../src/components/Popover/Popover.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\n\nimport { classes, tokens } from './Popover.tokens';\nimport { PopoverProps } from './Popover.types';\n\nexport const StyledRoot = styled.div`\n    display: inline-flex;\n    box-sizing: border-box;\n    position: relative;\n`;\n\nexport const StyledWrapper = styled.div`\n    display: inline-block;\n\n    &.${classes.targetAsRef} {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n\n        ${StyledRoot} {\n            width: 100%;\n            height: 100%;\n            display: block;\n        }\n    }\n`;\n\nexport const StyledArrow = styled.div`\n    width: var(${String(tokens.arrowMaskWidth)});\n    height: var(${String(tokens.arrowMaskHeight)});\n\n    &::before {\n        position: absolute;\n        width: var(${String(tokens.arrowMaskWidth)});\n        height: var(${String(tokens.arrowMaskHeight)});\n        mask-image: var(${String(tokens.arrowMaskImage)});\n        background: var(${String(tokens.arrowBackground)});\n\n        content: '';\n        transform: rotate(0deg);\n    }\n`;\n\nexport const StyledPopover = styled.div<Pick<PopoverProps, 'zIndex'>>`\n    position: absolute;\n    z-index: ${({ zIndex }) => zIndex || DEFAULT_Z_INDEX};\n\n    /* пустой блок между target и popover, чтобы ловить onMouseEnter */\n    &:before {\n        content: '';\n        display: block;\n        position: absolute;\n        background: transparent;\n    }\n\n    &[data-popper-placement^='top'] > .${classes.arrow} {\n        bottom: calc(0px - var(${String(tokens.arrowHeight)}));\n    }\n\n    &[data-popper-placement^='bottom'] > .${classes.arrow} {\n        top: calc(0px - var(${String(tokens.arrowHeight)}));\n        &::before {\n            transform: rotate(180deg);\n        }\n    }\n\n    &[data-popper-placement^='left'] > .${classes.arrow} {\n        right: calc(0px - var(${String(tokens.arrowHeight)}));\n        &::before {\n            transform: rotate(-90deg);\n        }\n    }\n\n    &[data-popper-placement^='right'] > .${classes.arrow} {\n        left: calc(0px - var(${String(tokens.arrowHeight)}));\n        &::before {\n            transform: rotate(90deg);\n        }\n    }\n\n    &[data-popper-placement^='top-start'] > .${classes.arrow} {\n        bottom: calc(0px - var(${String(tokens.arrowHeight)}));\n        left: var(${String(tokens.arrowEdgeMargin)}) !important;\n        transform: unset !important;\n    }\n\n    &[data-popper-placement^='top-end'] > .${classes.arrow} {\n        bottom: calc(0px - var(${String(tokens.arrowHeight)}));\n        left: unset !important;\n        right: var(${String(tokens.arrowEdgeMargin)}) !important;\n        transform: unset !important;\n    }\n\n    &[data-popper-placement^='bottom-start'] > .${classes.arrow} {\n        top: calc(0px - var(${String(tokens.arrowHeight)}));\n        left: var(${String(tokens.arrowEdgeMargin)}) !important;\n        transform: unset !important;\n\n        &::before {\n            transform: rotate(180deg);\n        }\n    }\n\n    &[data-popper-placement^='bottom-end'] > .${classes.arrow} {\n        top: calc(0px - var(${String(tokens.arrowHeight)}));\n        left: unset !important;\n        right: var(${String(tokens.arrowEdgeMargin)}) !important;\n        transform: unset !important;\n\n        &::before {\n            transform: rotate(180deg);\n        }\n    }\n\n    &[data-popper-placement^='left-start']\n        > .${classes.arrow},\n        &[data-popper-placement^='right-start']\n        > .${classes.arrow} {\n        top: var(${String(tokens.arrowEdgeMargin)}) !important;\n        transform: unset !important;\n    }\n\n    &[data-popper-placement^='left-end']\n        > .${classes.arrow},\n        &[data-popper-placement^='right-end']\n        > .${classes.arrow} {\n        top: unset !important;\n        bottom: var(${String(tokens.arrowEdgeMargin)}) !important;\n        transform: unset !important;\n    }\n\n    &[data-popper-placement^='top'],\n    &[data-popper-placement^='top-start'],\n    &[data-popper-placement^='top-end'] {\n        &:before {\n            top: unset;\n            left: 0;\n            right: 0;\n            height: var(${String(tokens.arrowHeight)});\n            bottom: calc(-1 * var(${String(tokens.arrowHeight)}));\n        }\n    }\n\n    &[data-popper-placement^='bottom'],\n    &[data-popper-placement^='bottom-start'],\n    &[data-popper-placement^='bottom-end'] {\n        &:before {\n            top: calc(-1 * var(${String(tokens.arrowHeight)}));\n            left: 0;\n            right: 0;\n            bottom: var(${String(tokens.arrowHeight)});\n            height: var(${String(tokens.arrowHeight)});\n        }\n    }\n\n    &[data-popper-placement^='left'],\n    &[data-popper-placement^='left-start'],\n    &[data-popper-placement^='left-end'] {\n        &:before {\n            width: var(${String(tokens.arrowHeight)});\n            height: 100%;\n            top: 0;\n            right: calc(-1 * var(${String(tokens.arrowHeight)}));\n            bottom: 0;\n        }\n    }\n\n    &[data-popper-placement^='right'],\n    &[data-popper-placement^='right-start'],\n    &[data-popper-placement^='right-end'] {\n        &:before {\n            width: var(${String(tokens.arrowHeight)});\n            height: 100%;\n            top: 0;\n            left: calc(-1 * var(${String(tokens.arrowHeight)}));\n            bottom: 0;\n        }\n    }\n`;\n"],"names":["StyledRoot","styled","name","class","propsAsIs","StyledWrapper","StyledArrow","_exp9","_ref","zIndex","DEFAULT_Z_INDEX","StyledPopover","vars"],"mappings":";;;AAOO,IAAMA,UAAU,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI/B,EAAA;AAEM,IAAMC,aAAa,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgBlC,EAAA;AAEM,IAAME,WAAW,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAchC,EAAA;AAAC,IAAAG,KAAA,GA5CgBA,SA4ChBA,KAAAA,GAAA;AAAA,EAAA,OAIa,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAaA,MAAM,IAAIC,eAAe,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAFjD,IAAMC,aAAa,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAQ,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAEpBL,KAAyC,EAAA,CAAA;AAAA,GAAA;AAAA,CAqIvD;;;;"}
+{"version":3,"file":"Popover.styles.js","sources":["../../../src/components/Popover/Popover.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\n\nimport { classes, tokens } from './Popover.tokens';\nimport { PopoverProps } from './Popover.types';\n\nexport const StyledRoot = styled.div`\n    display: inline-flex;\n    box-sizing: border-box;\n    position: relative;\n`;\n\nexport const StyledWrapper = styled.div`\n    display: inline-block;\n\n    &.${classes.targetAsRef} {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n\n        ${StyledRoot} {\n            width: 100%;\n            height: 100%;\n            display: block;\n        }\n    }\n`;\n\nexport const StyledArrow = styled.div`\n    width: var(${String(tokens.arrowMaskWidth)});\n    height: var(${String(tokens.arrowMaskHeight)});\n\n    &::before {\n        position: absolute;\n        width: var(${String(tokens.arrowMaskWidth)});\n        height: var(${String(tokens.arrowMaskHeight)});\n        mask-image: var(${String(tokens.arrowMaskImage)});\n        background: var(${String(tokens.arrowBackground)});\n\n        content: '';\n        transform: rotate(0deg);\n    }\n`;\n\nexport const StyledPopover = styled.div<Pick<PopoverProps, 'zIndex'>>`\n    position: absolute;\n    z-index: ${({ zIndex }) => zIndex || DEFAULT_Z_INDEX};\n\n    opacity: 0;\n    visibility: hidden;\n\n    &.${classes.animate} {\n        transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out; /* Уменьшена длительность до 200ms */\n    }\n\n    &.${classes.open} {\n        opacity: 1;\n        visibility: visible;\n    }\n\n    /* пустой блок между target и popover, чтобы ловить onMouseEnter */\n    &:before {\n        content: '';\n        display: block;\n        position: absolute;\n        background: transparent;\n    }\n\n    &[data-popper-placement^='top'] > .${classes.arrow} {\n        bottom: calc(0px - var(${String(tokens.arrowHeight)}));\n    }\n\n    &[data-popper-placement^='bottom'] > .${classes.arrow} {\n        top: calc(0px - var(${String(tokens.arrowHeight)}));\n        &::before {\n            transform: rotate(180deg);\n        }\n    }\n\n    &[data-popper-placement^='left'] > .${classes.arrow} {\n        right: calc(0px - var(${String(tokens.arrowHeight)}));\n        &::before {\n            transform: rotate(-90deg);\n        }\n    }\n\n    &[data-popper-placement^='right'] > .${classes.arrow} {\n        left: calc(0px - var(${String(tokens.arrowHeight)}));\n        &::before {\n            transform: rotate(90deg);\n        }\n    }\n\n    &[data-popper-placement^='top-start'] > .${classes.arrow} {\n        bottom: calc(0px - var(${String(tokens.arrowHeight)}));\n        left: var(${String(tokens.arrowEdgeMargin)}) !important;\n        transform: unset !important;\n    }\n\n    &[data-popper-placement^='top-end'] > .${classes.arrow} {\n        bottom: calc(0px - var(${String(tokens.arrowHeight)}));\n        left: unset !important;\n        right: var(${String(tokens.arrowEdgeMargin)}) !important;\n        transform: unset !important;\n    }\n\n    &[data-popper-placement^='bottom-start'] > .${classes.arrow} {\n        top: calc(0px - var(${String(tokens.arrowHeight)}));\n        left: var(${String(tokens.arrowEdgeMargin)}) !important;\n        transform: unset !important;\n\n        &::before {\n            transform: rotate(180deg);\n        }\n    }\n\n    &[data-popper-placement^='bottom-end'] > .${classes.arrow} {\n        top: calc(0px - var(${String(tokens.arrowHeight)}));\n        left: unset !important;\n        right: var(${String(tokens.arrowEdgeMargin)}) !important;\n        transform: unset !important;\n\n        &::before {\n            transform: rotate(180deg);\n        }\n    }\n\n    &[data-popper-placement^='left-start']\n        > .${classes.arrow},\n        &[data-popper-placement^='right-start']\n        > .${classes.arrow} {\n        top: var(${String(tokens.arrowEdgeMargin)}) !important;\n        transform: unset !important;\n    }\n\n    &[data-popper-placement^='left-end']\n        > .${classes.arrow},\n        &[data-popper-placement^='right-end']\n        > .${classes.arrow} {\n        top: unset !important;\n        bottom: var(${String(tokens.arrowEdgeMargin)}) !important;\n        transform: unset !important;\n    }\n\n    &[data-popper-placement^='top'],\n    &[data-popper-placement^='top-start'],\n    &[data-popper-placement^='top-end'] {\n        &:before {\n            top: unset;\n            left: 0;\n            right: 0;\n            height: var(${String(tokens.arrowHeight)});\n            bottom: calc(-1 * var(${String(tokens.arrowHeight)}));\n        }\n    }\n\n    &[data-popper-placement^='bottom'],\n    &[data-popper-placement^='bottom-start'],\n    &[data-popper-placement^='bottom-end'] {\n        &:before {\n            top: calc(-1 * var(${String(tokens.arrowHeight)}));\n            left: 0;\n            right: 0;\n            bottom: var(${String(tokens.arrowHeight)});\n            height: var(${String(tokens.arrowHeight)});\n        }\n    }\n\n    &[data-popper-placement^='left'],\n    &[data-popper-placement^='left-start'],\n    &[data-popper-placement^='left-end'] {\n        &:before {\n            width: var(${String(tokens.arrowHeight)});\n            height: 100%;\n            top: 0;\n            right: calc(-1 * var(${String(tokens.arrowHeight)}));\n            bottom: 0;\n        }\n    }\n\n    &[data-popper-placement^='right'],\n    &[data-popper-placement^='right-start'],\n    &[data-popper-placement^='right-end'] {\n        &:before {\n            width: var(${String(tokens.arrowHeight)});\n            height: 100%;\n            top: 0;\n            left: calc(-1 * var(${String(tokens.arrowHeight)}));\n            bottom: 0;\n        }\n    }\n`;\n"],"names":["StyledRoot","styled","name","class","propsAsIs","StyledWrapper","StyledArrow","_exp9","_ref","zIndex","DEFAULT_Z_INDEX","StyledPopover","vars"],"mappings":";;;AAOO,IAAMA,UAAU,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI/B,EAAA;AAEM,IAAMC,aAAa,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgBlC,EAAA;AAEM,IAAME,WAAW,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAchC,EAAA;AAAC,IAAAG,KAAA,GA5CgBA,SA4ChBA,KAAAA,GAAA;AAAA,EAAA,OAIa,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAaA,MAAM,IAAIC,eAAe,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAFjD,IAAMC,aAAa,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAQ,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAEpBL,KAAyC,EAAA,CAAA;AAAA,GAAA;AAAA,CAiJvD;;;;"}

package/es/components/Popover/Popover.styles_zxmuer.css

@@ -0,0 +1,4 @@
+.s1g1xbt5{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
+.s12xwbyh{display:inline-block;}.s12xwbyh.popover-target-as-ref{position:absolute;top:0;left:0;width:100%;height:100%;}.s12xwbyh.popover-target-as-ref .s1g1xbt5{width:100%;height:100%;display:block;}
+.s1pd4d8a{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.s1pd4d8a::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
+.s16xlixz{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;}.s16xlixz.popover-animate{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}.s16xlixz.popover-open{opacity:1;visibility:visible;}.s16xlixz:before{content:'';display:block;position:absolute;background:transparent;}.s16xlixz[data-popper-placement^='top'] > .popover-arrow{bottom:calc(0px - var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='bottom'] > .popover-arrow{top:calc(0px - var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='bottom'] > .popover-arrow::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.s16xlixz[data-popper-placement^='left'] > .popover-arrow{right:calc(0px - var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='left'] > .popover-arrow::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.s16xlixz[data-popper-placement^='right'] > .popover-arrow{left:calc(0px - var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='right'] > .popover-arrow::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.s16xlixz[data-popper-placement^='top-start'] > .popover-arrow{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.s16xlixz[data-popper-placement^='top-end'] > .popover-arrow{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.s16xlixz[data-popper-placement^='bottom-start'] > .popover-arrow{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.s16xlixz[data-popper-placement^='bottom-start'] > .popover-arrow::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.s16xlixz[data-popper-placement^='bottom-end'] > .popover-arrow{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.s16xlixz[data-popper-placement^='bottom-end'] > .popover-arrow::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.s16xlixz[data-popper-placement^='left-start'] > .popover-arrow,.s16xlixz[data-popper-placement^='right-start'] > .popover-arrow{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.s16xlixz[data-popper-placement^='left-end'] > .popover-arrow,.s16xlixz[data-popper-placement^='right-end'] > .popover-arrow{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.s16xlixz[data-popper-placement^='top']:before,.s16xlixz[data-popper-placement^='top-start']:before,.s16xlixz[data-popper-placement^='top-end']:before{top:unset;left:0;right:0;height:var(--plasma-popover-arrow-height);bottom:calc(-1 * var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='bottom']:before,.s16xlixz[data-popper-placement^='bottom-start']:before,.s16xlixz[data-popper-placement^='bottom-end']:before{top:calc(-1 * var(--plasma-popover-arrow-height));left:0;right:0;bottom:var(--plasma-popover-arrow-height);height:var(--plasma-popover-arrow-height);}.s16xlixz[data-popper-placement^='left']:before,.s16xlixz[data-popper-placement^='left-start']:before,.s16xlixz[data-popper-placement^='left-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;right:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}.s16xlixz[data-popper-placement^='right']:before,.s16xlixz[data-popper-placement^='right-start']:before,.s16xlixz[data-popper-placement^='right-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;left:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}

package/es/components/Popover/Popover.tokens.js

@@ -3,7 +3,9 @@ var classes = {
   root: 'popover-root',
   target: 'popover-target',
   arrow: 'popover-arrow',
-  targetAsRef: 'popover-target-as-ref'
+  targetAsRef: 'popover-target-as-ref',
+  open: 'popover-open',
+  animate: 'popover-animate'
 };
 var tokens = {
   arrowMaskWidth: '--plasma-popover-arrow-mask-width',

package/es/components/Popover/Popover.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.tokens.js","sources":["../../../src/components/Popover/Popover.tokens.ts"],"sourcesContent":["export const classes = {\n    wrapper: 'popover-wrapper',\n    root: 'popover-root',\n    target: 'popover-target',\n    arrow: 'popover-arrow',\n    targetAsRef: 'popover-target-as-ref',\n};\n\nexport const tokens = {\n    arrowMaskWidth: '--plasma-popover-arrow-mask-width',\n    arrowMaskHeight: '--plasma-popover-arrow-mask-height',\n    arrowMaskImage: '--plasma-popover-arrow-mask-image',\n    arrowBackground: '--plasma-popover-arrow-background',\n    arrowHeight: '--plasma-popover-arrow-height',\n    arrowEdgeMargin: '--plasma-popover-arrow-edge-margin',\n};\n"],"names":["classes","wrapper","root","target","arrow","targetAsRef","tokens","arrowMaskWidth","arrowMaskHeight","arrowMaskImage","arrowBackground","arrowHeight","arrowEdgeMargin"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,IAAI,EAAE,cAAc;AACpBC,EAAAA,MAAM,EAAE,gBAAgB;AACxBC,EAAAA,KAAK,EAAE,eAAe;AACtBC,EAAAA,WAAW,EAAE,uBAAA;AACjB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,cAAc,EAAE,mCAAmC;AACnDC,EAAAA,eAAe,EAAE,oCAAoC;AACrDC,EAAAA,cAAc,EAAE,mCAAmC;AACnDC,EAAAA,eAAe,EAAE,mCAAmC;AACpDC,EAAAA,WAAW,EAAE,+BAA+B;AAC5CC,EAAAA,eAAe,EAAE,oCAAA;AACrB;;;;"}
+{"version":3,"file":"Popover.tokens.js","sources":["../../../src/components/Popover/Popover.tokens.ts"],"sourcesContent":["export const classes = {\n    wrapper: 'popover-wrapper',\n    root: 'popover-root',\n    target: 'popover-target',\n    arrow: 'popover-arrow',\n    targetAsRef: 'popover-target-as-ref',\n    open: 'popover-open',\n    animate: 'popover-animate',\n};\n\nexport const tokens = {\n    arrowMaskWidth: '--plasma-popover-arrow-mask-width',\n    arrowMaskHeight: '--plasma-popover-arrow-mask-height',\n    arrowMaskImage: '--plasma-popover-arrow-mask-image',\n    arrowBackground: '--plasma-popover-arrow-background',\n    arrowHeight: '--plasma-popover-arrow-height',\n    arrowEdgeMargin: '--plasma-popover-arrow-edge-margin',\n};\n"],"names":["classes","wrapper","root","target","arrow","targetAsRef","open","animate","tokens","arrowMaskWidth","arrowMaskHeight","arrowMaskImage","arrowBackground","arrowHeight","arrowEdgeMargin"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,IAAI,EAAE,cAAc;AACpBC,EAAAA,MAAM,EAAE,gBAAgB;AACxBC,EAAAA,KAAK,EAAE,eAAe;AACtBC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,IAAI,EAAE,cAAc;AACpBC,EAAAA,OAAO,EAAE,iBAAA;AACb,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,cAAc,EAAE,mCAAmC;AACnDC,EAAAA,eAAe,EAAE,oCAAoC;AACrDC,EAAAA,cAAc,EAAE,mCAAmC;AACnDC,EAAAA,eAAe,EAAE,mCAAmC;AACpDC,EAAAA,WAAW,EAAE,+BAA+B;AAC5CC,EAAAA,eAAe,EAAE,oCAAA;AACrB;;;;"}

package/es/components/Range/Range.css

@@ -22,15 +22,15 @@
 
 .base_z7a2uf_b10o15xy__b340e41b .base_z7a2uf_hgy0im1__b340e41b{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
 
-.Popover_styles_gh4xvw_s1g1xbt5__0bb7cc15{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
-.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15{display:inline-block;}.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15.Popover_styles_gh4xvw_popoverTargetAsRef__0bb7cc15{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15.Popover_styles_gh4xvw_popoverTargetAsRef__0bb7cc15 .Popover_styles_gh4xvw_s1g1xbt5__0bb7cc15{width:100%;height:100%;display:block;}
-.Popover_styles_gh4xvw_s1pd4d8a__0bb7cc15{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_gh4xvw_s1pd4d8a__0bb7cc15::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
-.Popover_styles_gh4xvw_s16xlixz__0bb7cc15{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-end']:before{top:unset;left:0;right:0;height:var(--plasma-popover-arrow-height);bottom:calc(-1 * var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-end']:before{top:calc(-1 * var(--plasma-popover-arrow-height));left:0;right:0;bottom:var(--plasma-popover-arrow-height);height:var(--plasma-popover-arrow-height);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;right:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;left:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}
+.Popover_styles_zxmuer_s1g1xbt5__44fab2ad{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
+.Popover_styles_zxmuer_s12xwbyh__44fab2ad{display:inline-block;}.Popover_styles_zxmuer_s12xwbyh__44fab2ad.Popover_styles_zxmuer_popoverTargetAsRef__44fab2ad{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_zxmuer_s12xwbyh__44fab2ad.Popover_styles_zxmuer_popoverTargetAsRef__44fab2ad .Popover_styles_zxmuer_s1g1xbt5__44fab2ad{width:100%;height:100%;display:block;}
+.Popover_styles_zxmuer_s1pd4d8a__44fab2ad{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_zxmuer_s1pd4d8a__44fab2ad::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
+.Popover_styles_zxmuer_s16xlixz__44fab2ad{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;}.Popover_styles_zxmuer_s16xlixz__44fab2ad.Popover_styles_zxmuer_popoverAnimate__44fab2ad{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}.Popover_styles_zxmuer_s16xlixz__44fab2ad.Popover_styles_zxmuer_popoverOpen__44fab2ad{opacity:1;visibility:visible;}.Popover_styles_zxmuer_s16xlixz__44fab2ad:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-end']:before{top:unset;left:0;right:0;height:var(--plasma-popover-arrow-height);bottom:calc(-1 * var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-end']:before{top:calc(-1 * var(--plasma-popover-arrow-height));left:0;right:0;bottom:var(--plasma-popover-arrow-height);height:var(--plasma-popover-arrow-height);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;right:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;left:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}
 
 .Tooltip_styles_1bh0sd0_teczcv4__e6cc0309{padding:var(--plasma-tooltip-padding-top) var(--plasma-tooltip-padding-right) var(--plasma-tooltip-padding-bottom) var(--plasma-tooltip-padding-left);min-height:var(--plasma-tooltip-min-height);box-sizing:border-box;background-color:var(--plasma-tooltip-background-color);border-radius:var(--plasma-tooltip-border-radius);box-shadow:var(--plasma-tooltip-box-shadow);color:var(--plasma-tooltip-color);font-family:var(--plasma-tooltip-text-font-family);font-size:var(--plasma-tooltip-text-font-size);font-style:var(--plasma-tooltip-text-font-style);font-weight:var(--plasma-tooltip-text-font-weight);-webkit-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);line-height:var(--plasma-tooltip-text-font-line-height);max-width:var(--teczcv4-0);min-width:var(--teczcv4-1);width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word;pointer-events:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
 .Tooltip_styles_1bh0sd0_s1j361h1__e6cc0309{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:var(--plasma-tooltip-content-left-margin);height:var(--plasma-tooltip-text-font-line-height);}
 
-.Tooltip_aay375_s1cz8cv8__390cdb21{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}.Tooltip_aay375_s1cz8cv8__390cdb21.Tooltip_aay375_tooltipAnimated__390cdb21 .Tooltip_aay375_popoverRoot__390cdb21{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}
+.Tooltip_1qsg6ij_s1cz8cv8__da7f9e0a{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}
 
 .TextField_styles_1cdp5eg_iq39zt5__dcbef05d{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
 .TextField_styles_1cdp5eg_i1j28rg8__dcbef05d{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d::-webkit-scrollbar{display:none;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d.TextField_styles_1cdp5eg_hasChips__dcbef05d{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}

package/es/components/Select/Select.css

@@ -96,15 +96,15 @@
 
 .base_z7a2uf_b10o15xy__b340e41b .base_z7a2uf_hgy0im1__b340e41b{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
 
-.Popover_styles_gh4xvw_s1g1xbt5__0bb7cc15{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
-.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15{display:inline-block;}.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15.Popover_styles_gh4xvw_popoverTargetAsRef__0bb7cc15{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15.Popover_styles_gh4xvw_popoverTargetAsRef__0bb7cc15 .Popover_styles_gh4xvw_s1g1xbt5__0bb7cc15{width:100%;height:100%;display:block;}
-.Popover_styles_gh4xvw_s1pd4d8a__0bb7cc15{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_gh4xvw_s1pd4d8a__0bb7cc15::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
-.Popover_styles_gh4xvw_s16xlixz__0bb7cc15{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-end']:before{top:unset;left:0;right:0;height:var(--plasma-popover-arrow-height);bottom:calc(-1 * var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-end']:before{top:calc(-1 * var(--plasma-popover-arrow-height));left:0;right:0;bottom:var(--plasma-popover-arrow-height);height:var(--plasma-popover-arrow-height);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;right:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;left:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}
+.Popover_styles_zxmuer_s1g1xbt5__44fab2ad{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
+.Popover_styles_zxmuer_s12xwbyh__44fab2ad{display:inline-block;}.Popover_styles_zxmuer_s12xwbyh__44fab2ad.Popover_styles_zxmuer_popoverTargetAsRef__44fab2ad{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_zxmuer_s12xwbyh__44fab2ad.Popover_styles_zxmuer_popoverTargetAsRef__44fab2ad .Popover_styles_zxmuer_s1g1xbt5__44fab2ad{width:100%;height:100%;display:block;}
+.Popover_styles_zxmuer_s1pd4d8a__44fab2ad{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_zxmuer_s1pd4d8a__44fab2ad::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
+.Popover_styles_zxmuer_s16xlixz__44fab2ad{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;}.Popover_styles_zxmuer_s16xlixz__44fab2ad.Popover_styles_zxmuer_popoverAnimate__44fab2ad{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}.Popover_styles_zxmuer_s16xlixz__44fab2ad.Popover_styles_zxmuer_popoverOpen__44fab2ad{opacity:1;visibility:visible;}.Popover_styles_zxmuer_s16xlixz__44fab2ad:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-end']:before{top:unset;left:0;right:0;height:var(--plasma-popover-arrow-height);bottom:calc(-1 * var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-end']:before{top:calc(-1 * var(--plasma-popover-arrow-height));left:0;right:0;bottom:var(--plasma-popover-arrow-height);height:var(--plasma-popover-arrow-height);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;right:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;left:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}
 
 .Tooltip_styles_1bh0sd0_teczcv4__e6cc0309{padding:var(--plasma-tooltip-padding-top) var(--plasma-tooltip-padding-right) var(--plasma-tooltip-padding-bottom) var(--plasma-tooltip-padding-left);min-height:var(--plasma-tooltip-min-height);box-sizing:border-box;background-color:var(--plasma-tooltip-background-color);border-radius:var(--plasma-tooltip-border-radius);box-shadow:var(--plasma-tooltip-box-shadow);color:var(--plasma-tooltip-color);font-family:var(--plasma-tooltip-text-font-family);font-size:var(--plasma-tooltip-text-font-size);font-style:var(--plasma-tooltip-text-font-style);font-weight:var(--plasma-tooltip-text-font-weight);-webkit-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);line-height:var(--plasma-tooltip-text-font-line-height);max-width:var(--teczcv4-0);min-width:var(--teczcv4-1);width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word;pointer-events:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
 .Tooltip_styles_1bh0sd0_s1j361h1__e6cc0309{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:var(--plasma-tooltip-content-left-margin);height:var(--plasma-tooltip-text-font-line-height);}
 
-.Tooltip_aay375_s1cz8cv8__390cdb21{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}.Tooltip_aay375_s1cz8cv8__390cdb21.Tooltip_aay375_tooltipAnimated__390cdb21 .Tooltip_aay375_popoverRoot__390cdb21{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}
+.Tooltip_1qsg6ij_s1cz8cv8__da7f9e0a{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}
 
 .TextField_styles_1cdp5eg_iq39zt5__dcbef05d{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
 .TextField_styles_1cdp5eg_i1j28rg8__dcbef05d{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d::-webkit-scrollbar{display:none;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d.TextField_styles_1cdp5eg_hasChips__dcbef05d{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}

package/es/components/Select/ui/Target/Target.css

@@ -48,15 +48,15 @@
 
 .base_z7a2uf_b10o15xy__b340e41b .base_z7a2uf_hgy0im1__b340e41b{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
 
-.Popover_styles_gh4xvw_s1g1xbt5__0bb7cc15{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
-.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15{display:inline-block;}.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15.Popover_styles_gh4xvw_popoverTargetAsRef__0bb7cc15{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_gh4xvw_s12xwbyh__0bb7cc15.Popover_styles_gh4xvw_popoverTargetAsRef__0bb7cc15 .Popover_styles_gh4xvw_s1g1xbt5__0bb7cc15{width:100%;height:100%;display:block;}
-.Popover_styles_gh4xvw_s1pd4d8a__0bb7cc15{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_gh4xvw_s1pd4d8a__0bb7cc15::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
-.Popover_styles_gh4xvw_s16xlixz__0bb7cc15{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-end']:before{top:unset;left:0;right:0;height:var(--plasma-popover-arrow-height);bottom:calc(-1 * var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-end']:before{top:calc(-1 * var(--plasma-popover-arrow-height));left:0;right:0;bottom:var(--plasma-popover-arrow-height);height:var(--plasma-popover-arrow-height);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;right:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;left:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}
+.Popover_styles_zxmuer_s1g1xbt5__44fab2ad{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
+.Popover_styles_zxmuer_s12xwbyh__44fab2ad{display:inline-block;}.Popover_styles_zxmuer_s12xwbyh__44fab2ad.Popover_styles_zxmuer_popoverTargetAsRef__44fab2ad{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_zxmuer_s12xwbyh__44fab2ad.Popover_styles_zxmuer_popoverTargetAsRef__44fab2ad .Popover_styles_zxmuer_s1g1xbt5__44fab2ad{width:100%;height:100%;display:block;}
+.Popover_styles_zxmuer_s1pd4d8a__44fab2ad{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_zxmuer_s1pd4d8a__44fab2ad::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
+.Popover_styles_zxmuer_s16xlixz__44fab2ad{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;}.Popover_styles_zxmuer_s16xlixz__44fab2ad.Popover_styles_zxmuer_popoverAnimate__44fab2ad{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}.Popover_styles_zxmuer_s16xlixz__44fab2ad.Popover_styles_zxmuer_popoverOpen__44fab2ad{opacity:1;visibility:visible;}.Popover_styles_zxmuer_s16xlixz__44fab2ad:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-end']:before{top:unset;left:0;right:0;height:var(--plasma-popover-arrow-height);bottom:calc(-1 * var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-end']:before{top:calc(-1 * var(--plasma-popover-arrow-height));left:0;right:0;bottom:var(--plasma-popover-arrow-height);height:var(--plasma-popover-arrow-height);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;right:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;left:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}
 
 .Tooltip_styles_1bh0sd0_teczcv4__e6cc0309{padding:var(--plasma-tooltip-padding-top) var(--plasma-tooltip-padding-right) var(--plasma-tooltip-padding-bottom) var(--plasma-tooltip-padding-left);min-height:var(--plasma-tooltip-min-height);box-sizing:border-box;background-color:var(--plasma-tooltip-background-color);border-radius:var(--plasma-tooltip-border-radius);box-shadow:var(--plasma-tooltip-box-shadow);color:var(--plasma-tooltip-color);font-family:var(--plasma-tooltip-text-font-family);font-size:var(--plasma-tooltip-text-font-size);font-style:var(--plasma-tooltip-text-font-style);font-weight:var(--plasma-tooltip-text-font-weight);-webkit-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);line-height:var(--plasma-tooltip-text-font-line-height);max-width:var(--teczcv4-0);min-width:var(--teczcv4-1);width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word;pointer-events:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
 .Tooltip_styles_1bh0sd0_s1j361h1__e6cc0309{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:var(--plasma-tooltip-content-left-margin);height:var(--plasma-tooltip-text-font-line-height);}
 
-.Tooltip_aay375_s1cz8cv8__390cdb21{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}.Tooltip_aay375_s1cz8cv8__390cdb21.Tooltip_aay375_tooltipAnimated__390cdb21 .Tooltip_aay375_popoverRoot__390cdb21{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}
+.Tooltip_1qsg6ij_s1cz8cv8__da7f9e0a{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}
 
 .TextField_styles_1cdp5eg_iq39zt5__dcbef05d{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
 .TextField_styles_1cdp5eg_i1j28rg8__dcbef05d{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d::-webkit-scrollbar{display:none;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d.TextField_styles_1cdp5eg_hasChips__dcbef05d{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}