@salutejs/plasma-new-hope 0.377.0 → 0.377.1-dev.0

package/dist/css/cjs/components/Tour/components/Card/Card.styles.js

@@ -1,4 +1,4 @@
-require('./Card.styles_m0p57t.css');
+require('./Card.styles_1iom4f3.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -12,8 +12,12 @@ var mergedConfig = /*#__PURE__*/common.mergeConfig(IconButton$1.iconButtonConfig
 var IconButton = /*#__PURE__*/common.component(mergedConfig);
 var _exp = function _exp() {
   return function (_ref) {
-    var orientation = _ref.orientation;
-    return orientation === 'horizontal' ? 'row-reverse' : 'column';
+    var orientation = _ref.orientation,
+      contentDirection = _ref.contentDirection;
+    if (orientation === 'vertical') {
+      return 'column';
+    }
+    return contentDirection;
   };
 };
 var _exp5 = function _exp5() {
@@ -78,7 +82,7 @@ var Img = /*#__PURE__*/react.styled('img')({
     "i1o2e5sn-1": [/*#__PURE__*/_exp0()]
   }
 });
-var _exp12 = function _exp12() {
+var _exp13 = function _exp13() {
   return function (_ref8) {
     var onlyText = _ref8.onlyText;
     return onlyText ? "var(".concat(Card_tokens.tokens.textPaddingExtra, ")") : "var(".concat(Card_tokens.tokens.textPadding, ")");
@@ -89,7 +93,7 @@ var CardText = /*#__PURE__*/react.styled('div')({
   "class": "ckcs0i4",
   propsAsIs: false,
   vars: {
-    "ckcs0i4-0": [/*#__PURE__*/_exp12()]
+    "ckcs0i4-0": [/*#__PURE__*/_exp13()]
   }
 });
 var Title = /*#__PURE__*/react.styled('span')({
@@ -102,19 +106,23 @@ var Description = /*#__PURE__*/react.styled('span')({
   "class": "d1cs9yrc",
   propsAsIs: false
 });
-var _exp27 = function _exp27() {
+var _exp28 = function _exp28() {
   return function (_ref9) {
-    var orientation = _ref9.orientation;
-    return orientation === 'horizontal' ? 'row' : 'column';
+    var orientation = _ref9.orientation,
+      contentDirection = _ref9.contentDirection;
+    if (orientation === 'vertical') {
+      return 'column';
+    }
+    return contentDirection === 'row-reverse' ? 'row' : 'row-reverse';
   };
 };
-var _exp28 = function _exp28() {
+var _exp29 = function _exp29() {
   return function (_ref0) {
     var orientation = _ref0.orientation;
     return orientation === 'horizontal' ? 'center' : 'stretch';
   };
 };
-var _exp29 = function _exp29() {
+var _exp30 = function _exp30() {
   return function (_ref1) {
     var orientation = _ref1.orientation;
     return orientation === 'horizontal' ? 'space-between' : 'normal';
@@ -125,38 +133,43 @@ var Controls = /*#__PURE__*/react.styled('div')({
   "class": "c17sry1y",
   propsAsIs: false,
   vars: {
-    "c17sry1y-0": [/*#__PURE__*/_exp27()],
-    "c17sry1y-1": [/*#__PURE__*/_exp28()],
-    "c17sry1y-2": [/*#__PURE__*/_exp29()]
+    "c17sry1y-0": [/*#__PURE__*/_exp28()],
+    "c17sry1y-1": [/*#__PURE__*/_exp29()],
+    "c17sry1y-2": [/*#__PURE__*/_exp30()]
   }
 });
-var _exp30 = function _exp30() {
+var NumberContainer = /*#__PURE__*/react.styled('div')({
+  name: "NumberContainer",
+  "class": "n1mvnxmw",
+  propsAsIs: false
+});
+var _exp37 = function _exp37() {
   return function (_ref10) {
     var orientation = _ref10.orientation;
-    return orientation === 'horizontal' ? '0 0 0 8px' : "var(".concat(Card_tokens.tokens.dotContainerMargin, ")");
+    return orientation === 'horizontal' ? '0 0 0 0.5rem' : "var(".concat(Card_tokens.tokens.dotContainerMargin, ")");
   };
 };
 var DotsContainer = /*#__PURE__*/react.styled('ul')({
   name: "DotsContainer",
-  "class": "d1mvnxmw",
+  "class": "d1uwxd7k",
   propsAsIs: false,
   vars: {
-    "d1mvnxmw-0": [/*#__PURE__*/_exp30()]
+    "d1uwxd7k-0": [/*#__PURE__*/_exp37()]
   }
 });
-var _exp34 = function _exp34() {
+var _exp41 = function _exp41() {
   return function (_ref11) {
     var isActive = _ref11.isActive;
     return isActive ? "var(".concat(Card_tokens.tokens.dotActiveBackground, ")") : "var(".concat(Card_tokens.tokens.dotBackground, ")");
   };
 };
-var _exp35 = function _exp35() {
+var _exp42 = function _exp42() {
   return function (_ref12) {
     var isActive = _ref12.isActive;
     return isActive ? "var(".concat(Card_tokens.tokens.dotActiveBackgroundHover, ",var(").concat(Card_tokens.tokens.dotActiveBackground, "))") : "var(".concat(Card_tokens.tokens.dotBackgroundHover, ")");
   };
 };
-var _exp36 = function _exp36() {
+var _exp43 = function _exp43() {
   return function (_ref13) {
     var isActive = _ref13.isActive;
     return isActive ? "var(".concat(Card_tokens.tokens.dotActiveBackgroundActive, ", var(").concat(Card_tokens.tokens.dotActiveBackground, "))") : "var(".concat(Card_tokens.tokens.dotBackgroundActive, ")");
@@ -164,21 +177,21 @@ var _exp36 = function _exp36() {
 };
 var Dot = /*#__PURE__*/react.styled('li')({
   name: "Dot",
-  "class": "d1uwxd7k",
+  "class": "dof2pbk",
   propsAsIs: false,
   vars: {
-    "d1uwxd7k-0": [/*#__PURE__*/_exp34()],
-    "d1uwxd7k-1": [/*#__PURE__*/_exp35()],
-    "d1uwxd7k-2": [/*#__PURE__*/_exp36()]
+    "dof2pbk-0": [/*#__PURE__*/_exp41()],
+    "dof2pbk-1": [/*#__PURE__*/_exp42()],
+    "dof2pbk-2": [/*#__PURE__*/_exp43()]
   }
 });
-var _exp37 = function _exp37() {
+var _exp44 = function _exp44() {
   return function (_ref14) {
     var orientation = _ref14.orientation;
     return orientation === 'horizontal' ? '0' : "var(".concat(Card_tokens.tokens.actionButtonsMargin, ")");
   };
 };
-var _exp38 = function _exp38() {
+var _exp45 = function _exp45() {
   return function (_ref15) {
     var orientation = _ref15.orientation;
     return orientation === 'horizontal' ? '-1' : 'auto';
@@ -186,14 +199,14 @@ var _exp38 = function _exp38() {
 };
 var ActionButtonsContainer = /*#__PURE__*/react.styled('div')({
   name: "ActionButtonsContainer",
-  "class": "aof2pbk",
+  "class": "a1d55h5t",
   propsAsIs: false,
   vars: {
-    "aof2pbk-0": [/*#__PURE__*/_exp37()],
-    "aof2pbk-1": [/*#__PURE__*/_exp38()]
+    "a1d55h5t-0": [/*#__PURE__*/_exp44()],
+    "a1d55h5t-1": [/*#__PURE__*/_exp45()]
   }
 });
-var _exp39 = function _exp39() {
+var _exp46 = function _exp46() {
   return function (_ref16) {
     var orientation = _ref16.orientation;
     return orientation === 'horizontal' ? '0 0 0 8px' : "var(".concat(Card_tokens.tokens.skipButtonMargin, ")");
@@ -201,18 +214,18 @@ var _exp39 = function _exp39() {
 };
 var SkipButtonContainer = /*#__PURE__*/react.styled('div')({
   name: "SkipButtonContainer",
-  "class": "s1d55h5t",
+  "class": "svdlr61",
   propsAsIs: false,
   vars: {
-    "s1d55h5t-0": [/*#__PURE__*/_exp39()]
+    "svdlr61-0": [/*#__PURE__*/_exp46()]
   }
 });
-var _exp40 = function _exp40() {
+var _exp47 = function _exp47() {
   return IconButton;
 };
-var CloseButton = /*#__PURE__*/react.styled(_exp40())({
+var CloseButton = /*#__PURE__*/react.styled(_exp47())({
   name: "CloseButton",
-  "class": "cvdlr61",
+  "class": "ciy9mm4",
   propsAsIs: true
 });
 
@@ -226,6 +239,7 @@ exports.Dot = Dot;
 exports.DotsContainer = DotsContainer;
 exports.IconButton = IconButton;
 exports.Img = Img;
+exports.NumberContainer = NumberContainer;
 exports.SkipButtonContainer = SkipButtonContainer;
 exports.Title = Title;
 exports.TourCard = TourCard;

package/dist/css/cjs/components/Tour/components/Card/{Card.styles_m0p57t.css → Card.styles_1iom4f3.css}

@@ -1,12 +1,13 @@
 .tbc7s1g{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:var(--tbc7s1g-0);-ms-flex-direction:var(--tbc7s1g-0);flex-direction:var(--tbc7s1g-0);padding:var(--sdds-core-tour-card-card-padding);background:var(--sdds-core-tour-card-card-background);border-radius:var(--sdds-core-tour-card-border-radius);box-sizing:border-box;width:var(--tbc7s1g-1);height:var(--tbc7s1g-2);max-height:var(--tbc7s1g-3);gap:var(--tbc7s1g-4);}
 .c1cvsi6y{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex:1;-ms-flex:1;flex:1;}
-.i1o2e5sn{width:var(--i1o2e5sn-0);height:var(--i1o2e5sn-1);border-radius:calc(var(--sdds-core-tour-card-border-radius) - var(--sdds-core-tour-card-card-padding));}
-.ckcs0i4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex:1;-ms-flex:1;flex:1;padding:var(--sdds-core-tour-card-text-padding);padding:var(--ckcs0i4-0);gap:var(--sdds-core-tour-card-text-gap);}
+.i1o2e5sn{width:var(--i1o2e5sn-0);height:var(--i1o2e5sn-1);border-radius:var(--sdds-core-tour-card-image-border-radius,calc(var(--sdds-core-tour-card-border-radius) - var(--sdds-core-tour-card-card-padding)));margin:var(--sdds-core-tour-card-image-margin);}
+.ckcs0i4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex:1;-ms-flex:1;flex:1;padding:var(--ckcs0i4-0);gap:var(--sdds-core-tour-card-text-gap);}
 .t15yp80a{color:var(--sdds-core-tour-card-title-color);font-family:var(--sdds-core-tour-card-title-font-family);font-size:var(--sdds-core-tour-card-title-font-size);font-style:var(--sdds-core-tour-card-title-font-style);-webkit-letter-spacing:var(--sdds-core-tour-card-title-font-letter-spacing);-moz-letter-spacing:var(--sdds-core-tour-card-title-font-letter-spacing);-ms-letter-spacing:var(--sdds-core-tour-card-title-font-letter-spacing);letter-spacing:var(--sdds-core-tour-card-title-font-letter-spacing);line-height:var(--sdds-core-tour-card-title-font-line-height);font-weight:var(--sdds-core-tour-card-title-font-weight);}
 .d1cs9yrc{color:var(--sdds-core-tour-card-description-color);font-family:var(--sdds-core-tour-card-description-font-family);font-size:var(--sdds-core-tour-card-description-font-size);font-style:var(--sdds-core-tour-card-description-font-style);line-height:var(--sdds-core-tour-card-description-font-line-height);font-weight:var(--sdds-core-tour-card-description-font-weight);}
 .c17sry1y{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:var(--c17sry1y-0);-ms-flex-direction:var(--c17sry1y-0);flex-direction:var(--c17sry1y-0);-webkit-align-items:var(--c17sry1y-1);-webkit-box-align:var(--c17sry1y-1);-ms-flex-align:var(--c17sry1y-1);align-items:var(--c17sry1y-1);-webkit-box-pack:var(--c17sry1y-2);-webkit-justify-content:var(--c17sry1y-2);-ms-flex-pack:var(--c17sry1y-2);justify-content:var(--c17sry1y-2);}
-.d1mvnxmw{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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:var(--d1mvnxmw-0);padding:0;list-style:none;gap:var(--sdds-core-tour-card-pagination-dots-gap);}
-.d1uwxd7k{width:var(--sdds-core-tour-card-pagination-dot-size);height:var(--sdds-core-tour-card-pagination-dot-size);cursor:pointer;border-radius:50%;background:var(--d1uwxd7k-0);-webkit-transition:background 0.3s ease-in-out;transition:background 0.3s ease-in-out;}.d1uwxd7k:hover{background:var(--d1uwxd7k-1);}.d1uwxd7k:active{background:var(--d1uwxd7k-2);}
-.aof2pbk{margin:var(--aof2pbk-0);-webkit-order:var(--aof2pbk-1);-ms-flex-order:var(--aof2pbk-1);order:var(--aof2pbk-1);}
-.s1d55h5t{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:var(--s1d55h5t-0);}
-.cvdlr61{position:absolute;top:1rem;right:1rem;--plasma-icon-button-color:var(--sdds-core-tour-card-close-button-color);--plasma-icon-button-background-color:var(--sdds-core-tour-card-close-button-background-color);--plasma-icon-button-color-hover:var(--sdds-core-tour-card-close-button-color-hover);--plasma-icon-button-color-active:var(--sdds-core-tour-card-close-button-color-active);--plasma-icon-button-height:var(--sdds-core-tour-card-close-button-width);--plasma-icon-button-width:var(--sdds-core-tour-card-close-button-height);--plasma-icon-button-radius:var(--sdds-core-tour-card-close-button-radius);--plasma-icon-button-focus-color:var(--sdds-core-tour-card-close-button-focus-color);}
+.n1mvnxmw{color:var(--sdds-core-tour-card-pagination-number-color);font-family:var(--sdds-core-tour-card-pagination-number-font-family);font-size:var(--sdds-core-tour-card-pagination-number-font-size);font-style:var(--sdds-core-tour-card-pagination-number-font-style);line-height:var(--sdds-core-tour-card-pagination-number-font-line-height);font-weight:var(--sdds-core-tour-card-pagination-number-font-weight);text-align:center;}
+.d1uwxd7k{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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:var(--d1uwxd7k-0);padding:0;list-style:none;gap:var(--sdds-core-tour-card-pagination-dots-gap);}
+.dof2pbk{width:var(--sdds-core-tour-card-pagination-dot-size);height:var(--sdds-core-tour-card-pagination-dot-size);cursor:pointer;border-radius:50%;background:var(--dof2pbk-0);-webkit-transition:background 0.3s ease-in-out;transition:background 0.3s ease-in-out;}.dof2pbk:hover{background:var(--dof2pbk-1);}.dof2pbk:active{background:var(--dof2pbk-2);}
+.a1d55h5t{margin:var(--a1d55h5t-0);-webkit-order:var(--a1d55h5t-1);-ms-flex-order:var(--a1d55h5t-1);order:var(--a1d55h5t-1);}
+.svdlr61{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:var(--svdlr61-0);}
+.ciy9mm4{position:absolute;top:1rem;right:1rem;--plasma-icon-button-color:var(--sdds-core-tour-card-close-button-color);--plasma-icon-button-background-color:var(--sdds-core-tour-card-close-button-background-color);--plasma-icon-button-color-hover:var(--sdds-core-tour-card-close-button-color-hover);--plasma-icon-button-color-active:var(--sdds-core-tour-card-close-button-color-active);--plasma-icon-button-height:var(--sdds-core-tour-card-close-button-width);--plasma-icon-button-width:var(--sdds-core-tour-card-close-button-height);--plasma-icon-button-radius:var(--sdds-core-tour-card-close-button-radius);--plasma-icon-button-focus-color:var(--sdds-core-tour-card-close-button-focus-color);}

package/dist/css/cjs/components/Tour/components/Card/Card.tokens.js

@@ -15,6 +15,8 @@ var tokens = {
   background: '--sdds-core-tour-card-card-background',
   borderRadius: '--sdds-core-tour-card-border-radius',
   gap: '--sdds-core-tour-card-gap',
+  imageBorderRadius: '--sdds-core-tour-card-image-border-radius',
+  imageMargin: '--sdds-core-tour-card-image-margin',
   textPadding: '--sdds-core-tour-card-text-padding',
   textPaddingExtra: '--sdds-core-tour-card-text-padding-extra',
   textGap: '--sdds-core-tour-card-text-gap',
@@ -31,6 +33,12 @@ var tokens = {
   descriptionFontStyle: '--sdds-core-tour-card-description-font-style',
   descriptionFontLineHeight: '--sdds-core-tour-card-description-font-line-height',
   descriptionFontWeight: '--sdds-core-tour-card-description-font-weight',
+  paginationNumberColor: '--sdds-core-tour-card-pagination-number-color',
+  paginationNumberFontFamily: '--sdds-core-tour-card-pagination-number-font-family',
+  paginationNumberFontSize: '--sdds-core-tour-card-pagination-number-font-size',
+  paginationNumberFontStyle: '--sdds-core-tour-card-pagination-number-font-style',
+  paginationNumberFontLineHeight: '--sdds-core-tour-card-pagination-number-font-line-height',
+  paginationNumberFontWeight: '--sdds-core-tour-card-pagination-number-font-weight',
   dotsGap: '--sdds-core-tour-card-pagination-dots-gap',
   dotSize: '--sdds-core-tour-card-pagination-dot-size',
   dotBackground: '--sdds-core-tour-card-pagination-dot-background',
@@ -42,6 +50,7 @@ var tokens = {
   dotContainerMargin: '--sdds-core-tour-card-pagination-dot-container-margin',
   actionButtonsMargin: '--sdds-core-tour-card-actions-buttons-margin',
   skipButtonMargin: '--sdds-core-tour-card-skip-button-margin',
+  closeButtonIconSize: '--sdds-core-tour-card-close-button-icon-size',
   closeButtonWidth: '--sdds-core-tour-card-close-button-width',
   closeButtonHeight: '--sdds-core-tour-card-close-button-height',
   closeButtonRadius: '--sdds-core-tour-card-close-button-radius',

package/dist/css/cjs/components/_Icon/Icon.assets/ChevronDown.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var _path;
+var ChevronDown = function ChevronDown(props) {
+  return /*#__PURE__*/React__default.default.createElement("svg", _rollupPluginBabelHelpers.extends({
+    width: "100%",
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/React__default.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15.2929 9.88286C15.6834 9.49233 16.3166 9.49233 16.7071 9.88286C17.0976 10.2734 17.0976 10.9065 16.7071 11.2971L12 16.0042L7.29289 11.2971C6.90237 10.9065 6.90237 10.2734 7.29289 9.88286C7.68342 9.49233 8.31658 9.49233 8.70711 9.88286L12 13.1758L15.2929 9.88286Z",
+    fill: "currentColor"
+  })));
+};
+
+exports.ChevronDown = ChevronDown;

package/dist/css/cjs/components/_Icon/Icons/IconChevronDown.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var ChevronDown = require('../Icon.assets/ChevronDown.js');
+var IconRoot = require('../IconRoot.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var _excluded = ["size", "color", "className"];
+var IconChevronDown = function IconChevronDown(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'xs' : _ref$size,
+    color = _ref.color,
+    className = _ref.className,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default.default.createElement(IconRoot.IconRoot, _rollupPluginBabelHelpers.extends({
+    className: className,
+    size: size,
+    color: color,
+    icon: ChevronDown.ChevronDown
+  }, rest));
+};
+
+exports.IconChevronDown = IconChevronDown;

package/dist/css/cjs/components/_Icon/Icons/IconClose.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var Close = require('../Icon.assets/Close.js');
 var IconRoot = require('../IconRoot.js');
@@ -10,21 +11,23 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
+var _excluded = ["size", "color", "className", "sizeCustomProperty", "sizeCustomValue"];
 var IconClose = function IconClose(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 's' : _ref$size,
     color = _ref.color,
     className = _ref.className,
     sizeCustomProperty = _ref.sizeCustomProperty,
-    sizeCustomValue = _ref.sizeCustomValue;
-  return /*#__PURE__*/React__default.default.createElement(IconRoot.IconRoot, {
+    sizeCustomValue = _ref.sizeCustomValue,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default.default.createElement(IconRoot.IconRoot, _rollupPluginBabelHelpers.extends({
     className: className,
     size: size,
     color: color,
     sizeCustomProperty: sizeCustomProperty,
     sizeCustomValue: sizeCustomValue,
     icon: Close.Close
-  });
+  }, rest));
 };
 
 exports.IconClose = IconClose;

package/dist/css/cjs/components/_beta/Popover/Popover.styles.js

@@ -1,4 +1,4 @@
-require('./Popover.styles_wo1y9u.css');
+require('./Popover.styles_1go1jhe.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/css/cjs/components/_beta/Popover/{Popover.styles_wo1y9u.css → Popover.styles_1go1jhe.css}

@@ -1,4 +1,4 @@
-.b9iw01k{border-radius:var(--plasma-popover-border-radius);}
+.b9iw01k{border-radius:var(--plasma-popover-border-radius);outline:none;}
 .wy49zyb{position:relative;background:var(--plasma-popover-background-color);padding:var(--plasma-popover-padding);border-radius:var(--plasma-popover-border-radius);box-shadow:var(--plasma-popover-box-shadow);-webkit-filter:var(--plasma-popover-drop-shadow,none);filter:var(--plasma-popover-drop-shadow,none);width:100%;height:100%;box-sizing:border-box;}
 .c1elsyff{position:absolute;top:var(--plasma-popover-icon-offset);right:var(--plasma-popover-icon-offset);padding:0;margin:0;border:none;background:none;cursor:pointer;line-height:0;color:var(--plasma-popover-icon-color);}.c1elsyff:hover{color:var(--plasma-popover-icon-color-hover);}.c1elsyff:active{color:var(--plasma-popover-icon-color-active);}
 .t1ndukn0{position:absolute;pointer-events:none;width:var(--t1ndukn0-0);height:var(--t1ndukn0-1);top:var(--t1ndukn0-2);right:var(--t1ndukn0-3);bottom:var(--t1ndukn0-4);left:var(--t1ndukn0-5);}.t1ndukn0::before{content:'';position:absolute;top:50%;left:50%;width:var(--plasma-popover-tail-width);height:var(--plasma-popover-tail-height);background:var(--plasma-popover-background-color);-webkit-transform:translate(-50%,-50%) var(--t1ndukn0-6);-ms-transform:translate(-50%,-50%) var(--t1ndukn0-6);transform:translate(-50%,-50%) var(--t1ndukn0-6);-webkit-clip-path:shape( from 100% 100%, line to 0% 100%, curve to 50% 0% with calc(25% - var(--plasma-popover-tail-side-curvature) * 1.24939) calc(50% - var(--plasma-popover-tail-side-curvature) * 3.90435), curve to 100% 100% with calc(75% + var(--plasma-popover-tail-side-curvature) * 1.24939) calc(50% - var(--plasma-popover-tail-side-curvature) * 3.90435), close );clip-path:shape( from 100% 100%, line to 0% 100%, curve to 50% 0% with calc(25% - var(--plasma-popover-tail-side-curvature) * 1.24939) calc(50% - var(--plasma-popover-tail-side-curvature) * 3.90435), curve to 100% 100% with calc(75% + var(--plasma-popover-tail-side-curvature) * 1.24939) calc(50% - var(--plasma-popover-tail-side-curvature) * 3.90435), close );}

package/dist/css/cjs/hooks/useFocusTrap.js

@@ -52,17 +52,22 @@ var useFocusTrap = function useFocusTrap() {
   var focusAfterNode = arguments.length > 2 ? arguments[2] : undefined;
   var focusAfterAnimation = arguments.length > 3 ? arguments[3] : undefined;
   var enableOnFirstMount = arguments.length > 4 ? arguments[4] : undefined;
+  var focusTrapSelectors = arguments.length > 5 ? arguments[5] : undefined;
   var ref = React.useRef();
+  var focusTrapSelectorsRef = React.useRef(focusTrapSelectors);
+  focusTrapSelectorsRef.current = focusTrapSelectors;
   var setRef = React.useCallback(function (node) {
     if (!active) {
       return;
     }
     if (ref.current) {
-      focusManager.teardownScopedFocus();
+      focusManager.teardownScopedFocus(ref.current);
       focusManager.returnFocus();
     }
     if ((active || enableOnFirstMount) && node) {
-      focusManager.setupScopedFocus(node);
+      focusManager.setupScopedFocus(node, function () {
+        return focusTrapSelectorsRef.current;
+      });
       focusManager.markForFocusAfter(focusAfterNode);
 
       // Delay processing the HTML node by a frame. This ensures focus is assigned correctly.
@@ -85,11 +90,13 @@ var useFocusTrap = function useFocusTrap() {
       return;
     }
     var handleKeyDown = function handleKeyDown(event) {
-      if (event.key === 'Tab' && ref.current) {
-        scopeTab.scopeTab(ref.current, event, active);
+      if (event.key === 'Tab' && ref.current && focusManager.isTopFocusNode(ref.current)) {
+        scopeTab.scopeTab(ref.current, event, active, focusTrapSelectorsRef.current);
         if (enableOnFirstMount) {
           setTimeout(function () {
-            focusManager.teardownScopedFocus();
+            if (ref.current) {
+              focusManager.teardownScopedFocus(ref.current);
+            }
           });
         }
       }