@salutejs/plasma-new-hope 0.262.0-canary.1767.13240645568.0 → 0.262.0-canary.1768.13259356377.0

package/es/index.css

@@ -126,10 +126,10 @@
 .Radiobox_styles_vikocp_s14xglkp__f2b84016{width:var(--plasma-radiobox-ellipse-size);height:var(--plasma-radiobox-ellipse-size);border-radius:var(--plasma-radiobox-ellipse-size);background-color:var(--plasma-radiobox-ellipse-color);-webkit-transition:-webkit-transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}input:checked + label .Radiobox_styles_vikocp_s14xglkp__f2b84016{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
 .Radiobox_styles_vikocp_bdte4ex__f2b84016{--plasma-checkbox-label-font-family:var(--plasma-radiobox-label-font-family);--plasma-checkbox-label-font-size:var(--plasma-radiobox-label-font-size);--plasma-checkbox-label-font-style:var(--plasma-radiobox-label-font-style);--plasma-checkbox-label-font-weight:var(--plasma-radiobox-label-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-radiobox-label-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-radiobox-label-line-height);--plasma-checkbox-description-margin-top:var(--plasma-checkbox-description-margin-top);--plasma-checkbox-description-font-family:var(--plasma-radiobox-description-font-family);--plasma-checkbox-description-font-size:var(--plasma-radiobox-description-font-size);--plasma-checkbox-description-font-style:var(--plasma-radiobox-description-font-style);--plasma-checkbox-description-font-weight:var(--plasma-radiobox-description-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-radiobox-description-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-radiobox-description-line-height);--plasma-checkbox-fill-color:var(--plasma-radiobox-fill-color);--plasma-checkbox-description-color:var(--plasma-radiobox-description-color);--plasma-checkbox-trigger-border-color:var(--plasma-radiobox-trigger-border-color);--plasma-checkbox-trigger-background-color:var(--plasma-radiobox-trigger-background-color);--plasma-checkbox-content-top-offset:var(--plasma-radiobox-content-top-offset);--plasma-checkbox-content-left-offset:var(--plasma-radiobox-content-left-offset);--plasma-checkbox-trigger-size:var(--plasma-radiobox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-radiobox-trigger-border-radius);--plasma-checkbox-trigger-margin:var(--plasma-radiobox-trigger-margin);margin:var(--plasma-radiobox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Radiobox_styles_vikocp_bdte4ex__f2b84016 .Radiobox_styles_vikocp_singleLine__f2b84016{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 
-.Popover_styles_ji8em4_s1g1xbt5__439b9cc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
-.Popover_styles_ji8em4_s12xwbyh__439b9cc0{display:inline-block;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{width:100%;height:100%;display:block;}
-.Popover_styles_ji8em4_s1pd4d8a__439b9cc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_ji8em4_s1pd4d8a__439b9cc0::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_ji8em4_s16xlixz__439b9cc0{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;box-shadow:var(--plasma-popover-box-shadow);}.Popover_styles_ji8em4_s16xlixz__439b9cc0.Popover_styles_ji8em4_popoverAnimate__439b9cc0{-webkit-transition:opacity 0.2s ease-in-out,-webkit-transform 0s ease-in-out,visibility 0.2s;-webkit-transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}.Popover_styles_ji8em4_s16xlixz__439b9cc0.Popover_styles_ji8em4_popoverOpen__439b9cc0{opacity:1;visibility:visible;}.Popover_styles_ji8em4_s16xlixz__439b9cc0:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{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_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{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_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{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_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{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_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[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_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[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_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[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_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[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_15l7isk_s1g1xbt5__0e040602{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
+.Popover_styles_15l7isk_s12xwbyh__0e040602{display:inline-block;}.Popover_styles_15l7isk_s12xwbyh__0e040602.Popover_styles_15l7isk_popoverTargetAsRef__0e040602{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_15l7isk_s12xwbyh__0e040602.Popover_styles_15l7isk_popoverTargetAsRef__0e040602 .Popover_styles_15l7isk_s1g1xbt5__0e040602{width:100%;height:100%;display:block;}
+.Popover_styles_15l7isk_s1pd4d8a__0e040602{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_15l7isk_s1pd4d8a__0e040602::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_15l7isk_s16xlixz__0e040602{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;}.Popover_styles_15l7isk_s16xlixz__0e040602.Popover_styles_15l7isk_popoverAnimate__0e040602{-webkit-transition:opacity 0.2s ease-in-out,-webkit-transform 0s ease-in-out,visibility 0.2s;-webkit-transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}.Popover_styles_15l7isk_s16xlixz__0e040602.Popover_styles_15l7isk_popoverOpen__0e040602{opacity:1;visibility:visible;}.Popover_styles_15l7isk_s16xlixz__0e040602:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='top'] > .Popover_styles_15l7isk_popoverArrow__0e040602{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='bottom'] > .Popover_styles_15l7isk_popoverArrow__0e040602{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='bottom'] > .Popover_styles_15l7isk_popoverArrow__0e040602::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='left'] > .Popover_styles_15l7isk_popoverArrow__0e040602{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='left'] > .Popover_styles_15l7isk_popoverArrow__0e040602::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='right'] > .Popover_styles_15l7isk_popoverArrow__0e040602{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='right'] > .Popover_styles_15l7isk_popoverArrow__0e040602::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='top-start'] > .Popover_styles_15l7isk_popoverArrow__0e040602{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_15l7isk_s16xlixz__0e040602[data-popper-placement^='top-end'] > .Popover_styles_15l7isk_popoverArrow__0e040602{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_15l7isk_s16xlixz__0e040602[data-popper-placement^='bottom-start'] > .Popover_styles_15l7isk_popoverArrow__0e040602{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_15l7isk_s16xlixz__0e040602[data-popper-placement^='bottom-start'] > .Popover_styles_15l7isk_popoverArrow__0e040602::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='bottom-end'] > .Popover_styles_15l7isk_popoverArrow__0e040602{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_15l7isk_s16xlixz__0e040602[data-popper-placement^='bottom-end'] > .Popover_styles_15l7isk_popoverArrow__0e040602::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='left-start'] > .Popover_styles_15l7isk_popoverArrow__0e040602,.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='right-start'] > .Popover_styles_15l7isk_popoverArrow__0e040602{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='left-end'] > .Popover_styles_15l7isk_popoverArrow__0e040602,.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='right-end'] > .Popover_styles_15l7isk_popoverArrow__0e040602{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='top']:before,.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='top-start']:before,.Popover_styles_15l7isk_s16xlixz__0e040602[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_15l7isk_s16xlixz__0e040602[data-popper-placement^='bottom']:before,.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='bottom-start']:before,.Popover_styles_15l7isk_s16xlixz__0e040602[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_15l7isk_s16xlixz__0e040602[data-popper-placement^='left']:before,.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='left-start']:before,.Popover_styles_15l7isk_s16xlixz__0e040602[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_15l7isk_s16xlixz__0e040602[data-popper-placement^='right']:before,.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='right-start']:before,.Popover_styles_15l7isk_s16xlixz__0e040602[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;}
 
 
 .TextArea_styles_ztsrpt_o1r1fvk8__c79165c1{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-bottom:var(--o1r1fvk8-0);}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.262.0-canary.1767.13240645568.0",
+  "version": "0.262.0-canary.1768.13259356377.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -131,5 +131,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "29811caed27ebbf94a4a773cdd138bf81d7ce381"
+  "gitHead": "bfdb5ad5d2044b1d2982636b828a89e84746e3ac"
 }

package/styled-components/cjs/components/Popover/Popover.styles.js

@@ -16,10 +16,10 @@ var StyledWrapper = exports.StyledWrapper = /*#__PURE__*/_styledComponents["defa
 })(["display:inline-block;&.", "{position:absolute;top:0;left:0;width:100%;height:100%;", "{width:100%;height:100%;display:block;}}"], _Popover.classes.targetAsRef, StyledRoot);
 var StyledArrow = exports.StyledArrow = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-tnpyex-2"
-})(["width:var(", ");height:var(", ");&::before{position:absolute;width:var(", ");height:var(", ");mask-image:var(", ");background:var(", ");content:'';transform:rotate(0deg);}"], _Popover.tokens.arrowMaskWidth, _Popover.tokens.arrowMaskHeight, _Popover.tokens.arrowMaskWidth, _Popover.tokens.arrowMaskHeight, _Popover.tokens.arrowMaskImage, _Popover.tokens.arrowBackground);
+})(["width:var(", ");height:var(", ");&::before{position:absolute;width:var(", ");height:var(", ");mask-image:var(", ");background:var(", ");content:'';transform:rotate(0deg);}"], /*#__PURE__*/String(_Popover.tokens.arrowMaskWidth), /*#__PURE__*/String(_Popover.tokens.arrowMaskHeight), /*#__PURE__*/String(_Popover.tokens.arrowMaskWidth), /*#__PURE__*/String(_Popover.tokens.arrowMaskHeight), /*#__PURE__*/String(_Popover.tokens.arrowMaskImage), /*#__PURE__*/String(_Popover.tokens.arrowBackground));
 var StyledPopover = exports.StyledPopover = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-tnpyex-3"
-})(["position:absolute;z-index:", ";opacity:0;visibility:hidden;box-shadow:var(", ");&.", "{transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}&.", "{opacity:1;visibility:visible;}&:before{content:'';display:block;position:absolute;background:transparent;}&[data-popper-placement^='top'] > .", "{bottom:calc(0px - var(", "));}&[data-popper-placement^='bottom'] > .", "{top:calc(0px - var(", "));&::before{transform:rotate(180deg);}}&[data-popper-placement^='left'] > .", "{right:calc(0px - var(", "));&::before{transform:rotate(-90deg);}}&[data-popper-placement^='right'] > .", "{left:calc(0px - var(", "));&::before{transform:rotate(90deg);}}&[data-popper-placement^='top-start'] > .", "{bottom:calc(0px - var(", "));left:var(", ") !important;transform:unset !important;}&[data-popper-placement^='top-end'] > .", "{bottom:calc(0px - var(", "));left:unset !important;right:var(", ") !important;transform:unset !important;}&[data-popper-placement^='bottom-start'] > .", "{top:calc(0px - var(", "));left:var(", ") !important;transform:unset !important;&::before{transform:rotate(180deg);}}&[data-popper-placement^='bottom-end'] > .", "{top:calc(0px - var(", "));left:unset !important;right:var(", ") !important;transform:unset !important;&::before{transform:rotate(180deg);}}&[data-popper-placement^='left-start'] > .", ",&[data-popper-placement^='right-start'] > .", "{top:var(", ") !important;transform:unset !important;}&[data-popper-placement^='left-end'] > .", ",&[data-popper-placement^='right-end'] > .", "{top:unset !important;bottom:var(", ") !important;transform:unset !important;}&[data-popper-placement^='top'],&[data-popper-placement^='top-start'],&[data-popper-placement^='top-end']{&:before{top:unset;left:0;right:0;height:var(", ");bottom:calc(-1 * var(", "));}}&[data-popper-placement^='bottom'],&[data-popper-placement^='bottom-start'],&[data-popper-placement^='bottom-end']{&:before{top:calc(-1 * var(", "));left:0;right:0;bottom:var(", ");height:var(", ");}}&[data-popper-placement^='left'],&[data-popper-placement^='left-start'],&[data-popper-placement^='left-end']{&:before{width:var(", ");height:100%;top:0;right:calc(-1 * var(", "));bottom:0;}}&[data-popper-placement^='right'],&[data-popper-placement^='right-start'],&[data-popper-placement^='right-end']{&:before{width:var(", ");height:100%;top:0;left:calc(-1 * var(", "));bottom:0;}}"], function (_ref) {
+})(["position:absolute;z-index:", ";opacity:0;visibility:hidden;&.", "{transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}&.", "{opacity:1;visibility:visible;}&:before{content:'';display:block;position:absolute;background:transparent;}&[data-popper-placement^='top'] > .", "{bottom:calc(0px - var(", "));}&[data-popper-placement^='bottom'] > .", "{top:calc(0px - var(", "));&::before{transform:rotate(180deg);}}&[data-popper-placement^='left'] > .", "{right:calc(0px - var(", "));&::before{transform:rotate(-90deg);}}&[data-popper-placement^='right'] > .", "{left:calc(0px - var(", "));&::before{transform:rotate(90deg);}}&[data-popper-placement^='top-start'] > .", "{bottom:calc(0px - var(", "));left:var(", ") !important;transform:unset !important;}&[data-popper-placement^='top-end'] > .", "{bottom:calc(0px - var(", "));left:unset !important;right:var(", ") !important;transform:unset !important;}&[data-popper-placement^='bottom-start'] > .", "{top:calc(0px - var(", "));left:var(", ") !important;transform:unset !important;&::before{transform:rotate(180deg);}}&[data-popper-placement^='bottom-end'] > .", "{top:calc(0px - var(", "));left:unset !important;right:var(", ") !important;transform:unset !important;&::before{transform:rotate(180deg);}}&[data-popper-placement^='left-start'] > .", ",&[data-popper-placement^='right-start'] > .", "{top:var(", ") !important;transform:unset !important;}&[data-popper-placement^='left-end'] > .", ",&[data-popper-placement^='right-end'] > .", "{top:unset !important;bottom:var(", ") !important;transform:unset !important;}&[data-popper-placement^='top'],&[data-popper-placement^='top-start'],&[data-popper-placement^='top-end']{&:before{top:unset;left:0;right:0;height:var(", ");bottom:calc(-1 * var(", "));}}&[data-popper-placement^='bottom'],&[data-popper-placement^='bottom-start'],&[data-popper-placement^='bottom-end']{&:before{top:calc(-1 * var(", "));left:0;right:0;bottom:var(", ");height:var(", ");}}&[data-popper-placement^='left'],&[data-popper-placement^='left-start'],&[data-popper-placement^='left-end']{&:before{width:var(", ");height:100%;top:0;right:calc(-1 * var(", "));bottom:0;}}&[data-popper-placement^='right'],&[data-popper-placement^='right-start'],&[data-popper-placement^='right-end']{&:before{width:var(", ");height:100%;top:0;left:calc(-1 * var(", "));bottom:0;}}"], function (_ref) {
   var zIndex = _ref.zIndex;
   return zIndex || _utils.DEFAULT_Z_INDEX;
-}, _Popover.tokens.boxShadow, _Popover.classes.animate, _Popover.classes.open, _Popover.classes.arrow, _Popover.tokens.arrowHeight, _Popover.classes.arrow, _Popover.tokens.arrowHeight, _Popover.classes.arrow, _Popover.tokens.arrowHeight, _Popover.classes.arrow, _Popover.tokens.arrowHeight, _Popover.classes.arrow, _Popover.tokens.arrowHeight, _Popover.tokens.arrowEdgeMargin, _Popover.classes.arrow, _Popover.tokens.arrowHeight, _Popover.tokens.arrowEdgeMargin, _Popover.classes.arrow, _Popover.tokens.arrowHeight, _Popover.tokens.arrowEdgeMargin, _Popover.classes.arrow, _Popover.tokens.arrowHeight, _Popover.tokens.arrowEdgeMargin, _Popover.classes.arrow, _Popover.classes.arrow, _Popover.tokens.arrowEdgeMargin, _Popover.classes.arrow, _Popover.classes.arrow, _Popover.tokens.arrowEdgeMargin, _Popover.tokens.arrowHeight, _Popover.tokens.arrowHeight, _Popover.tokens.arrowHeight, _Popover.tokens.arrowHeight, _Popover.tokens.arrowHeight, _Popover.tokens.arrowHeight, _Popover.tokens.arrowHeight, _Popover.tokens.arrowHeight, _Popover.tokens.arrowHeight);
+}, _Popover.classes.animate, _Popover.classes.open, _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowEdgeMargin), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowEdgeMargin), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowEdgeMargin), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowEdgeMargin), _Popover.classes.arrow, _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowEdgeMargin), _Popover.classes.arrow, _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowEdgeMargin), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight));

package/styled-components/cjs/components/Popover/Popover.tokens.js

@@ -14,7 +14,6 @@ var classes = exports.classes = {
   animate: 'popover-animate'
 };
 var tokens = exports.tokens = {
-  boxShadow: '--plasma-popover-box-shadow',
   arrowMaskWidth: '--plasma-popover-arrow-mask-width',
   arrowMaskHeight: '--plasma-popover-arrow-mask-height',
   arrowMaskImage: '--plasma-popover-arrow-mask-image',

package/styled-components/cjs/engines/styled-components.js

@@ -25,7 +25,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var Root = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1xug4g9-0"
-})(["", ";", ";", ";"], function (_ref) {
+})(["", ";", ";", ";", ";"], function (_ref) {
   var base = _ref.base;
   return base;
 }, function (_ref2) {
@@ -34,20 +34,26 @@ var Root = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 }, function (_ref3) {
   var dynamicVariants = _ref3.dynamicVariants;
   return dynamicVariants;
+}, function (_ref4) {
+  var intersectionStyles = _ref4.intersectionStyles;
+  return intersectionStyles;
 });
 
 /* eslint-disable no-underscore-dangle */
 var _component = exports._component = function _component(componentConfig) {
   var tag = componentConfig.tag,
-    base = componentConfig.base;
+    base = componentConfig.base,
+    intersections = componentConfig.intersections;
   var staticVariants = (0, _utils.getStaticVariants)(componentConfig);
   var dynamicVariants = (0, _utils.getDynamicVariants)(componentConfig);
   return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+    var intersectionStyles = (0, _utils.getIntersectionStyles)(props, intersections);
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       as: tag,
       base: base,
       staticVariants: staticVariants,
-      dynamicVariants: dynamicVariants
+      dynamicVariants: dynamicVariants,
+      intersectionStyles: intersectionStyles
     }, props, {
       ref: ref
     }));

package/styled-components/cjs/engines/utils.js

@@ -3,7 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getStaticVariants = exports.getDynamicVariants = void 0;
+exports.getStaticVariants = exports.getIntersectionStyles = exports.getDynamicVariants = void 0;
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -39,4 +43,25 @@ var getDynamicVariants = exports.getDynamicVariants = function getDynamicVariant
     }
     return res;
   };
+};
+var getIntersectionStyles = exports.getIntersectionStyles = function getIntersectionStyles(props, intersections) {
+  if (!intersections) {
+    return [];
+  }
+  return intersections.reduce(function (styles, item) {
+    var hasMatchStyle = Object.entries(item).filter(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 1),
+        key = _ref2[0];
+      return key !== 'style';
+    }).every(function (_ref3) {
+      var _ref4 = _slicedToArray(_ref3, 2),
+        key = _ref4[0],
+        value = _ref4[1];
+      return props[key] === value;
+    });
+    if (hasMatchStyle) {
+      styles.push(item.style);
+    }
+    return styles;
+  }, []);
 };

package/styled-components/cjs/examples/plasma_b2c/components/Popover/Popover.config.js

@@ -12,7 +12,7 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":0px 16px 32px -8px rgba(0,0,0,0.24);", ":1rem;", ":1rem;", ":url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");", ":0.375rem;", ":0.5625rem;", ":var(--surface-solid-tertiary);"], _Popover.popoverTokens.boxShadow, _Popover.popoverTokens.arrowMaskWidth, _Popover.popoverTokens.arrowMaskHeight, _Popover.popoverTokens.arrowMaskImage, _Popover.popoverTokens.arrowHeight, _Popover.popoverTokens.arrowEdgeMargin, _Popover.popoverTokens.arrowBackground)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":1rem;", ":1rem;", ":url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");", ":0.375rem;", ":0.5625rem;", ":var(--surface-solid-tertiary);"], _Popover.popoverTokens.arrowMaskWidth, _Popover.popoverTokens.arrowMaskHeight, _Popover.popoverTokens.arrowMaskImage, _Popover.popoverTokens.arrowHeight, _Popover.popoverTokens.arrowEdgeMargin, _Popover.popoverTokens.arrowBackground)
     }
   }
 };

package/styled-components/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx

@@ -8,8 +8,6 @@ import { WithTheme } from '../../../_helpers';
 
 import { Popover } from './Popover';
 
-import './style.css';
-
 const meta: Meta<typeof Popover> = {
     title: 'b2c/Overlay/Popover',
     decorators: [WithTheme],
@@ -83,7 +81,7 @@ type StoryPopoverProps = ComponentProps<typeof Popover> & {
 const StyledContent = styled.div`
     background: var(--surface-solid-tertiary);
     padding: 1rem;
-    border-radius: var(--popover-border-radius);
+    border-radius: 0.5rem;
 
     display: flex;
     flex-direction: column;

package/styled-components/cjs/examples/plasma_web/components/Popover/Popover.config.js

@@ -12,7 +12,7 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":0px 16px 32px -8px rgba(0,0,0,0.24);", ":1rem;", ":1rem;", ":url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");", ":0.375rem;", ":0.5625rem;", ":var(--surface-solid-tertiary);"], _Popover.popoverTokens.boxShadow, _Popover.popoverTokens.arrowMaskWidth, _Popover.popoverTokens.arrowMaskHeight, _Popover.popoverTokens.arrowMaskImage, _Popover.popoverTokens.arrowHeight, _Popover.popoverTokens.arrowEdgeMargin, _Popover.popoverTokens.arrowBackground)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":1rem;", ":1rem;", ":url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");", ":0.375rem;", ":0.5625rem;", ":var(--surface-solid-tertiary);"], _Popover.popoverTokens.arrowMaskWidth, _Popover.popoverTokens.arrowMaskHeight, _Popover.popoverTokens.arrowMaskImage, _Popover.popoverTokens.arrowHeight, _Popover.popoverTokens.arrowEdgeMargin, _Popover.popoverTokens.arrowBackground)
     }
   }
 };

package/styled-components/cjs/examples/plasma_web/components/Popover/Popover.stories.tsx

@@ -8,8 +8,6 @@ import { WithTheme } from '../../../_helpers';
 
 import { Popover } from './Popover';
 
-import './style.css';
-
 const meta: Meta<typeof Popover> = {
     title: 'web/Overlay/Popover',
     decorators: [WithTheme],
@@ -82,7 +80,7 @@ type StoryPopoverProps = ComponentProps<typeof Popover> & {
 const StyledContent = styled.div`
     background: var(--surface-solid-tertiary);
     padding: 1rem;
-    border-radius: var(--popover-border-radius);
+    border-radius: 0.5rem;
 
     display: flex;
     flex-direction: column;

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

@@ -9,10 +9,10 @@ export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
 })(["display:inline-block;&.", "{position:absolute;top:0;left:0;width:100%;height:100%;", "{width:100%;height:100%;display:block;}}"], classes.targetAsRef, StyledRoot);
 export var StyledArrow = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-tnpyex-2"
-})(["width:var(", ");height:var(", ");&::before{position:absolute;width:var(", ");height:var(", ");mask-image:var(", ");background:var(", ");content:'';transform:rotate(0deg);}"], tokens.arrowMaskWidth, tokens.arrowMaskHeight, tokens.arrowMaskWidth, tokens.arrowMaskHeight, tokens.arrowMaskImage, tokens.arrowBackground);
+})(["width:var(", ");height:var(", ");&::before{position:absolute;width:var(", ");height:var(", ");mask-image:var(", ");background:var(", ");content:'';transform:rotate(0deg);}"], /*#__PURE__*/String(tokens.arrowMaskWidth), /*#__PURE__*/String(tokens.arrowMaskHeight), /*#__PURE__*/String(tokens.arrowMaskWidth), /*#__PURE__*/String(tokens.arrowMaskHeight), /*#__PURE__*/String(tokens.arrowMaskImage), /*#__PURE__*/String(tokens.arrowBackground));
 export var StyledPopover = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-tnpyex-3"
-})(["position:absolute;z-index:", ";opacity:0;visibility:hidden;box-shadow:var(", ");&.", "{transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}&.", "{opacity:1;visibility:visible;}&:before{content:'';display:block;position:absolute;background:transparent;}&[data-popper-placement^='top'] > .", "{bottom:calc(0px - var(", "));}&[data-popper-placement^='bottom'] > .", "{top:calc(0px - var(", "));&::before{transform:rotate(180deg);}}&[data-popper-placement^='left'] > .", "{right:calc(0px - var(", "));&::before{transform:rotate(-90deg);}}&[data-popper-placement^='right'] > .", "{left:calc(0px - var(", "));&::before{transform:rotate(90deg);}}&[data-popper-placement^='top-start'] > .", "{bottom:calc(0px - var(", "));left:var(", ") !important;transform:unset !important;}&[data-popper-placement^='top-end'] > .", "{bottom:calc(0px - var(", "));left:unset !important;right:var(", ") !important;transform:unset !important;}&[data-popper-placement^='bottom-start'] > .", "{top:calc(0px - var(", "));left:var(", ") !important;transform:unset !important;&::before{transform:rotate(180deg);}}&[data-popper-placement^='bottom-end'] > .", "{top:calc(0px - var(", "));left:unset !important;right:var(", ") !important;transform:unset !important;&::before{transform:rotate(180deg);}}&[data-popper-placement^='left-start'] > .", ",&[data-popper-placement^='right-start'] > .", "{top:var(", ") !important;transform:unset !important;}&[data-popper-placement^='left-end'] > .", ",&[data-popper-placement^='right-end'] > .", "{top:unset !important;bottom:var(", ") !important;transform:unset !important;}&[data-popper-placement^='top'],&[data-popper-placement^='top-start'],&[data-popper-placement^='top-end']{&:before{top:unset;left:0;right:0;height:var(", ");bottom:calc(-1 * var(", "));}}&[data-popper-placement^='bottom'],&[data-popper-placement^='bottom-start'],&[data-popper-placement^='bottom-end']{&:before{top:calc(-1 * var(", "));left:0;right:0;bottom:var(", ");height:var(", ");}}&[data-popper-placement^='left'],&[data-popper-placement^='left-start'],&[data-popper-placement^='left-end']{&:before{width:var(", ");height:100%;top:0;right:calc(-1 * var(", "));bottom:0;}}&[data-popper-placement^='right'],&[data-popper-placement^='right-start'],&[data-popper-placement^='right-end']{&:before{width:var(", ");height:100%;top:0;left:calc(-1 * var(", "));bottom:0;}}"], function (_ref) {
+})(["position:absolute;z-index:", ";opacity:0;visibility:hidden;&.", "{transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}&.", "{opacity:1;visibility:visible;}&:before{content:'';display:block;position:absolute;background:transparent;}&[data-popper-placement^='top'] > .", "{bottom:calc(0px - var(", "));}&[data-popper-placement^='bottom'] > .", "{top:calc(0px - var(", "));&::before{transform:rotate(180deg);}}&[data-popper-placement^='left'] > .", "{right:calc(0px - var(", "));&::before{transform:rotate(-90deg);}}&[data-popper-placement^='right'] > .", "{left:calc(0px - var(", "));&::before{transform:rotate(90deg);}}&[data-popper-placement^='top-start'] > .", "{bottom:calc(0px - var(", "));left:var(", ") !important;transform:unset !important;}&[data-popper-placement^='top-end'] > .", "{bottom:calc(0px - var(", "));left:unset !important;right:var(", ") !important;transform:unset !important;}&[data-popper-placement^='bottom-start'] > .", "{top:calc(0px - var(", "));left:var(", ") !important;transform:unset !important;&::before{transform:rotate(180deg);}}&[data-popper-placement^='bottom-end'] > .", "{top:calc(0px - var(", "));left:unset !important;right:var(", ") !important;transform:unset !important;&::before{transform:rotate(180deg);}}&[data-popper-placement^='left-start'] > .", ",&[data-popper-placement^='right-start'] > .", "{top:var(", ") !important;transform:unset !important;}&[data-popper-placement^='left-end'] > .", ",&[data-popper-placement^='right-end'] > .", "{top:unset !important;bottom:var(", ") !important;transform:unset !important;}&[data-popper-placement^='top'],&[data-popper-placement^='top-start'],&[data-popper-placement^='top-end']{&:before{top:unset;left:0;right:0;height:var(", ");bottom:calc(-1 * var(", "));}}&[data-popper-placement^='bottom'],&[data-popper-placement^='bottom-start'],&[data-popper-placement^='bottom-end']{&:before{top:calc(-1 * var(", "));left:0;right:0;bottom:var(", ");height:var(", ");}}&[data-popper-placement^='left'],&[data-popper-placement^='left-start'],&[data-popper-placement^='left-end']{&:before{width:var(", ");height:100%;top:0;right:calc(-1 * var(", "));bottom:0;}}&[data-popper-placement^='right'],&[data-popper-placement^='right-start'],&[data-popper-placement^='right-end']{&:before{width:var(", ");height:100%;top:0;left:calc(-1 * var(", "));bottom:0;}}"], function (_ref) {
   var zIndex = _ref.zIndex;
   return zIndex || DEFAULT_Z_INDEX;
-}, tokens.boxShadow, classes.animate, classes.open, classes.arrow, tokens.arrowHeight, classes.arrow, tokens.arrowHeight, classes.arrow, tokens.arrowHeight, classes.arrow, tokens.arrowHeight, classes.arrow, tokens.arrowHeight, tokens.arrowEdgeMargin, classes.arrow, tokens.arrowHeight, tokens.arrowEdgeMargin, classes.arrow, tokens.arrowHeight, tokens.arrowEdgeMargin, classes.arrow, tokens.arrowHeight, tokens.arrowEdgeMargin, classes.arrow, classes.arrow, tokens.arrowEdgeMargin, classes.arrow, classes.arrow, tokens.arrowEdgeMargin, tokens.arrowHeight, tokens.arrowHeight, tokens.arrowHeight, tokens.arrowHeight, tokens.arrowHeight, tokens.arrowHeight, tokens.arrowHeight, tokens.arrowHeight, tokens.arrowHeight);
+}, classes.animate, classes.open, classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, classes.arrow, /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, classes.arrow, /*#__PURE__*/String(tokens.arrowEdgeMargin), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight));

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

@@ -8,7 +8,6 @@ export var classes = {
   animate: 'popover-animate'
 };
 export var tokens = {
-  boxShadow: '--plasma-popover-box-shadow',
   arrowMaskWidth: '--plasma-popover-arrow-mask-width',
   arrowMaskHeight: '--plasma-popover-arrow-mask-height',
   arrowMaskImage: '--plasma-popover-arrow-mask-image',

package/styled-components/es/engines/styled-components.js

@@ -1,11 +1,11 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
-import { getStaticVariants, getDynamicVariants } from './utils';
+import { getStaticVariants, getDynamicVariants, getIntersectionStyles } from './utils';
 export { styled, css };
 var Root = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-1xug4g9-0"
-})(["", ";", ";", ";"], function (_ref) {
+})(["", ";", ";", ";", ";"], function (_ref) {
   var base = _ref.base;
   return base;
 }, function (_ref2) {
@@ -14,20 +14,26 @@ var Root = /*#__PURE__*/styled.div.withConfig({
 }, function (_ref3) {
   var dynamicVariants = _ref3.dynamicVariants;
   return dynamicVariants;
+}, function (_ref4) {
+  var intersectionStyles = _ref4.intersectionStyles;
+  return intersectionStyles;
 });
 
 /* eslint-disable no-underscore-dangle */
 export var _component = function _component(componentConfig) {
   var tag = componentConfig.tag,
-    base = componentConfig.base;
+    base = componentConfig.base,
+    intersections = componentConfig.intersections;
   var staticVariants = getStaticVariants(componentConfig);
   var dynamicVariants = getDynamicVariants(componentConfig);
   return /*#__PURE__*/forwardRef(function (props, ref) {
+    var intersectionStyles = getIntersectionStyles(props, intersections);
     return /*#__PURE__*/React.createElement(Root, _extends({
       as: tag,
       base: base,
       staticVariants: staticVariants,
-      dynamicVariants: dynamicVariants
+      dynamicVariants: dynamicVariants,
+      intersectionStyles: intersectionStyles
     }, props, {
       ref: ref
     }));

package/styled-components/es/engines/utils.js

@@ -1,3 +1,7 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -33,4 +37,25 @@ export var getDynamicVariants = function getDynamicVariants(config) {
     }
     return res;
   };
+};
+export var getIntersectionStyles = function getIntersectionStyles(props, intersections) {
+  if (!intersections) {
+    return [];
+  }
+  return intersections.reduce(function (styles, item) {
+    var hasMatchStyle = Object.entries(item).filter(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 1),
+        key = _ref2[0];
+      return key !== 'style';
+    }).every(function (_ref3) {
+      var _ref4 = _slicedToArray(_ref3, 2),
+        key = _ref4[0],
+        value = _ref4[1];
+      return props[key] === value;
+    });
+    if (hasMatchStyle) {
+      styles.push(item.style);
+    }
+    return styles;
+  }, []);
 };

package/styled-components/es/examples/plasma_b2c/components/Popover/Popover.config.js

@@ -6,7 +6,7 @@ export var config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/css(["", ":0px 16px 32px -8px rgba(0,0,0,0.24);", ":1rem;", ":1rem;", ":url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");", ":0.375rem;", ":0.5625rem;", ":var(--surface-solid-tertiary);"], popoverTokens.boxShadow, popoverTokens.arrowMaskWidth, popoverTokens.arrowMaskHeight, popoverTokens.arrowMaskImage, popoverTokens.arrowHeight, popoverTokens.arrowEdgeMargin, popoverTokens.arrowBackground)
+      "default": /*#__PURE__*/css(["", ":1rem;", ":1rem;", ":url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");", ":0.375rem;", ":0.5625rem;", ":var(--surface-solid-tertiary);"], popoverTokens.arrowMaskWidth, popoverTokens.arrowMaskHeight, popoverTokens.arrowMaskImage, popoverTokens.arrowHeight, popoverTokens.arrowEdgeMargin, popoverTokens.arrowBackground)
     }
   }
 };

package/styled-components/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx

@@ -8,8 +8,6 @@ import { WithTheme } from '../../../_helpers';
 
 import { Popover } from './Popover';
 
-import './style.css';
-
 const meta: Meta<typeof Popover> = {
     title: 'b2c/Overlay/Popover',
     decorators: [WithTheme],
@@ -83,7 +81,7 @@ type StoryPopoverProps = ComponentProps<typeof Popover> & {
 const StyledContent = styled.div`
     background: var(--surface-solid-tertiary);
     padding: 1rem;
-    border-radius: var(--popover-border-radius);
+    border-radius: 0.5rem;
 
     display: flex;
     flex-direction: column;

package/styled-components/es/examples/plasma_web/components/Popover/Popover.config.js

@@ -6,7 +6,7 @@ export var config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/css(["", ":0px 16px 32px -8px rgba(0,0,0,0.24);", ":1rem;", ":1rem;", ":url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");", ":0.375rem;", ":0.5625rem;", ":var(--surface-solid-tertiary);"], popoverTokens.boxShadow, popoverTokens.arrowMaskWidth, popoverTokens.arrowMaskHeight, popoverTokens.arrowMaskImage, popoverTokens.arrowHeight, popoverTokens.arrowEdgeMargin, popoverTokens.arrowBackground)
+      "default": /*#__PURE__*/css(["", ":1rem;", ":1rem;", ":url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");", ":0.375rem;", ":0.5625rem;", ":var(--surface-solid-tertiary);"], popoverTokens.arrowMaskWidth, popoverTokens.arrowMaskHeight, popoverTokens.arrowMaskImage, popoverTokens.arrowHeight, popoverTokens.arrowEdgeMargin, popoverTokens.arrowBackground)
     }
   }
 };

package/styled-components/es/examples/plasma_web/components/Popover/Popover.stories.tsx

@@ -8,8 +8,6 @@ import { WithTheme } from '../../../_helpers';
 
 import { Popover } from './Popover';
 
-import './style.css';
-
 const meta: Meta<typeof Popover> = {
     title: 'web/Overlay/Popover',
     decorators: [WithTheme],
@@ -82,7 +80,7 @@ type StoryPopoverProps = ComponentProps<typeof Popover> & {
 const StyledContent = styled.div`
     background: var(--surface-solid-tertiary);
     padding: 1rem;
-    border-radius: var(--popover-border-radius);
+    border-radius: 0.5rem;
 
     display: flex;
     flex-direction: column;

package/types/components/Popover/Popover.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAO,MAAM,UAAU,qKAItB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAgBzB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAcvB,CAAC;AAEF,eAAO,MAAM,aAAa,2KAqJzB,CAAC"}
+{"version":3,"file":"Popover.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAO,MAAM,UAAU,qKAItB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAgBzB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAcvB,CAAC;AAEF,eAAO,MAAM,aAAa,2KAmJzB,CAAC"}

package/types/components/Popover/Popover.tokens.d.ts

@@ -8,7 +8,6 @@ export declare const classes: {
     animate: string;
 };
 export declare const tokens: {
-    boxShadow: string;
     arrowMaskWidth: string;
     arrowMaskHeight: string;
     arrowMaskImage: string;

package/types/components/Popover/Popover.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;CASlB,CAAC"}
+{"version":3,"file":"Popover.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;CAOlB,CAAC"}

package/types/engines/emotion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"emotion.d.ts","sourceRoot":"","sources":["../../src/engines/emotion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAoB,MAAM,gBAAgB,CAAC;AAIvD,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAElE,OAAO,EAAE,GAAG,EAAE,CAAC;AAaf,eAAO,MAAM,UAAU,oBAAqB,eAAe,uGAW1D,CAAC"}
+{"version":3,"file":"emotion.d.ts","sourceRoot":"","sources":["../../src/engines/emotion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAoB,MAAM,gBAAgB,CAAC;AAIvD,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAElE,OAAO,EAAE,GAAG,EAAE,CAAC;AAef,eAAO,MAAM,UAAU,oBAAqB,eAAe,uGAsB1D,CAAC"}

package/types/engines/linaria.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"linaria.d.ts","sourceRoot":"","sources":["../../src/engines/linaria.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGlE,eAAO,MAAM,UAAU,oBAAqB,eAAe,uGA0C1D,CAAC"}
+{"version":3,"file":"linaria.d.ts","sourceRoot":"","sources":["../../src/engines/linaria.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGlE,eAAO,MAAM,UAAU,oBAAqB,eAAe,uGA6C1D,CAAC"}

package/types/engines/styled-components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled-components.d.ts","sourceRoot":"","sources":["../../src/engines/styled-components.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAElE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;AAavB,eAAO,MAAM,UAAU,oBAAqB,eAAe,uGAe1D,CAAC"}
+{"version":3,"file":"styled-components.d.ts","sourceRoot":"","sources":["../../src/engines/styled-components.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAElE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;AAevB,eAAO,MAAM,UAAU,oBAAqB,eAAe,uGAoB1D,CAAC"}

package/types/engines/types.d.ts

@@ -35,6 +35,9 @@ export declare type PropsType<J extends Variants = Variants> = {
 export declare type Filter<T extends {} = {}, U extends string = string> = {
     [k in keyof T]: k extends U ? unknown : T[k];
 };
+export interface Intersection {
+    style: string;
+}
 export interface ComponentConfig<Tag extends HTMLTagList = React.ElementType, VariantList extends Variants = Variants, VariantsProps extends PropsType<VariantList> = {}, LayoutProps extends React.HTMLAttributes<HTMLElement> | undefined = React.HTMLAttributes<HTMLElement>> {
     name: string;
     layout: (Root: React.FunctionComponent) => (props: LayoutProps | VariantsProps) => React.ReactElement | null;
@@ -42,5 +45,6 @@ export interface ComponentConfig<Tag extends HTMLTagList = React.ElementType, Va
     base: PolymorphicClassName;
     variations: VariantList;
     defaults: Partial<Record<string, string>>;
+    intersections?: Intersection[];
 }
 //# sourceMappingURL=types.d.ts.map

package/types/engines/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/engines/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/engines/types.ts"],"names":[],"mappings":";AACA,MAAM,WAAW,gBAAgB;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,gBAAgB,CAAC;CAC3B;AAED,oBAAY,oBAAoB,GAAG,MAAM,GAAG,gBAAgB,CAAC;AAE7D,oBAAY,aAAa,GAAG;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,aAAa,CAAC;CAClD,CAAC;AAEF,oBAAY,GAAG,GAAG,CACd,OAAO,EAAE,oBAAoB,EAC7B,GAAG,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,aAAa,CAAC,KAC/C,oBAAoB,CAAC;AAE1B,oBAAY,6BAA6B,CAAC,CAAC,GAAG,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;AACvG,oBAAY,4CAA4C,CAAC,CAAC,GAAG,WAAW,IAAI,IAAI,CAC5E,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EACvB,UAAU,GAAG,cAAc,CAC9B,CAAC;AAEF,oBAAY,SAAS,CACjB,UAAU,SAAS,WAAW,EAC9B,OAAO,SAAS,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,6BAA6B,CAAC,WAAW,CAAC,IAC9F,KAAK,CAAC,iBAAiB,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;AAExG,oBAAY,qBAAqB,CAC7B,UAAU,SAAS,WAAW,EAC9B,OAAO,SAAS,6BAA6B,CAAC,WAAW,CAAC,IAC1D,KAAK,CAAC,iBAAiB,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,GAAG,OAAO,CAAC,CAAC;AAExG,oBAAY,oCAAoC,CAC5C,UAAU,SAAS,WAAW,EAC9B,OAAO,SAAS,4CAA4C,CAAC,WAAW,CAAC,IACzE,KAAK,CAAC,iBAAiB,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,GAAG,OAAO,CAAC,CAAC;AAExG,oBAAY,OAAO,GAAG;IAClB,GAAG,CAAC,EAAE,oBAAoB,CAAC;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,oBAAoB,CAAC;CAC/B,GAAG,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AAErB,oBAAY,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAEpD,oBAAY,WAAW,GAAG,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC;AAErD,oBAAY,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE/C,oBAAY,SAAS,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ,IAAI;KAClD,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;CACpE,CAAC;AAEF,oBAAY,MAAM,CAAC,CAAC,SAAS,EAAE,GAAG,EAAE,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;KAC9D,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC;CAC/C,CAAC;AAEF,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAe,CAC5B,GAAG,SAAS,WAAW,GAAG,KAAK,CAAC,WAAW,EAC3C,WAAW,SAAS,QAAQ,GAAG,QAAQ,EACvC,aAAa,SAAS,SAAS,CAAC,WAAW,CAAC,GAAG,EAAE,EACjD,WAAW,SAAS,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAErG,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,iBAAiB,KAAK,CAAC,KAAK,EAAE,WAAW,GAAG,aAAa,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;IAC7G,GAAG,EAAE,GAAG,CAAC;IACT,IAAI,EAAE,oBAAoB,CAAC;IAC3B,UAAU,EAAE,WAAW,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC1C,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;CAClC"}

package/types/engines/utils.d.ts

@@ -1,4 +1,5 @@
-import type { ComponentConfig, HTMLAnyAttributes } from './types';
+import type { ComponentConfig, HTMLAnyAttributes, Intersection } from './types';
 export declare const getStaticVariants: (config: ComponentConfig) => (string | import("./types").SerializedStyles)[];
 export declare const getDynamicVariants: (config: ComponentConfig) => (props: HTMLAnyAttributes) => any[];
+export declare const getIntersectionStyles: (props: Record<string, any>, intersections?: Intersection[] | undefined) => string[];
 //# sourceMappingURL=utils.d.ts.map

package/types/engines/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/engines/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAElE,eAAO,MAAM,iBAAiB,WAAY,eAAe,oDAcxD,CAAC;AAEF,eAAO,MAAM,kBAAkB,WAAY,eAAe,aACvC,iBAAiB,UAgBnC,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/engines/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEhF,eAAO,MAAM,iBAAiB,WAAY,eAAe,oDAcxD,CAAC;AAEF,eAAO,MAAM,kBAAkB,WAAY,eAAe,aACvC,iBAAiB,UAgBnC,CAAC;AAEF,eAAO,MAAM,qBAAqB,UAAW,OAAO,MAAM,EAAE,GAAG,CAAC,yDAgB/D,CAAC"}

package/types/examples/plasma_b2c/components/Popover/Popover.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Popover/Popover.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;CAkBlB,CAAC"}
+{"version":3,"file":"Popover.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Popover/Popover.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;CAgBlB,CAAC"}

package/types/examples/plasma_web/components/Popover/Popover.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Popover/Popover.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;CAkBlB,CAAC"}
+{"version":3,"file":"Popover.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Popover/Popover.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;CAgBlB,CAAC"}

package/cjs/components/Popover/Popover.styles_ji8em4.css

@@ -1,4 +0,0 @@
-.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;box-shadow:var(--plasma-popover-box-shadow);}.s16xlixz.popover-animate{-webkit-transition:opacity 0.2s ease-in-out,-webkit-transform 0s ease-in-out,visibility 0.2s;-webkit-transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}.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/emotion/cjs/examples/plasma_b2c/components/Popover/style.css

@@ -1,4 +0,0 @@
-.popover-root {
-    --popover-border-radius: 0.5rem;
-    border-radius: var(--popover-border-radius);
-}

package/emotion/cjs/examples/plasma_web/components/Popover/style.css

@@ -1,4 +0,0 @@
-.popover-root {
-    --popover-border-radius: 0.5rem;
-    border-radius: var(--popover-border-radius);
-}

package/emotion/es/examples/plasma_b2c/components/Popover/style.css

@@ -1,4 +0,0 @@
-.popover-root {
-    --popover-border-radius: 0.5rem;
-    border-radius: var(--popover-border-radius);
-}

package/emotion/es/examples/plasma_web/components/Popover/style.css

@@ -1,4 +0,0 @@
-.popover-root {
-    --popover-border-radius: 0.5rem;
-    border-radius: var(--popover-border-radius);
-}

package/es/components/Popover/Popover.styles_ji8em4.css

@@ -1,4 +0,0 @@
-.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;box-shadow:var(--plasma-popover-box-shadow);}.s16xlixz.popover-animate{-webkit-transition:opacity 0.2s ease-in-out,-webkit-transform 0s ease-in-out,visibility 0.2s;-webkit-transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}.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;}