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

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

@@ -39,6 +39,9 @@ _export(exports, {
     get Img () {
         return Img;
     },
+    get NumberContainer () {
+        return NumberContainer;
+    },
     get SkipButtonContainer () {
         return SkipButtonContainer;
     },
@@ -63,50 +66,64 @@ const IconButton = (0, _engines.component)(mergedConfig);
 const WIDTH_VERTICAL = 302;
 const WIDTH_HORIZONTAL = 720;
 const TourCard = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ehootm0",
+    target: "en12sqi0",
     label: "TourCard"
-})("position:relative;display:flex;flex-direction:", ({ orientation })=>orientation === 'horizontal' ? 'row-reverse' : 'column', ";padding:var(", _Cardtokens.tokens.padding, ");background:var(", _Cardtokens.tokens.background, ");border-radius:var(", _Cardtokens.tokens.borderRadius, ");box-sizing:border-box;width:", ({ orientation })=>orientation === 'horizontal' ? WIDTH_HORIZONTAL : WIDTH_VERTICAL, "px;height:", ({ orientation })=>orientation === 'horizontal' ? `${WIDTH_VERTICAL}px` : 'auto', ";max-height:", ({ orientation })=>orientation === 'horizontal' ? WIDTH_VERTICAL : WIDTH_HORIZONTAL, "px;gap:", ({ orientation })=>orientation === 'horizontal' ? `var(${_Cardtokens.tokens.gap})` : '0', ";");
+})("position:relative;display:flex;flex-direction:", ({ orientation, contentDirection })=>{
+    if (orientation === 'vertical') {
+        return 'column';
+    }
+    return contentDirection;
+}, ";padding:var(", _Cardtokens.tokens.padding, ");background:var(", _Cardtokens.tokens.background, ");border-radius:var(", _Cardtokens.tokens.borderRadius, ");box-sizing:border-box;width:", ({ orientation })=>orientation === 'horizontal' ? WIDTH_HORIZONTAL : WIDTH_VERTICAL, "px;height:", ({ orientation })=>orientation === 'horizontal' ? `${WIDTH_VERTICAL}px` : 'auto', ";max-height:", ({ orientation })=>orientation === 'horizontal' ? WIDTH_VERTICAL : WIDTH_HORIZONTAL, "px;gap:", ({ orientation })=>orientation === 'horizontal' ? `var(${_Cardtokens.tokens.gap})` : '0', ";");
 const CardBody = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ehootm1",
+    target: "en12sqi1",
     label: "CardBody"
 })("display:flex;flex-direction:column;flex:1;");
 const Img = (0, /*#__PURE__*/ _styled.default)("img", {
-    target: "ehootm2",
+    target: "en12sqi2",
     label: "Img"
-})("width:", ({ orientation })=>orientation === 'horizontal' ? 'auto' : '100%', ";height:", ({ orientation })=>orientation === 'horizontal' ? '100%' : 'auto', ";border-radius:calc(var(", _Cardtokens.tokens.borderRadius, ") - var(", _Cardtokens.tokens.padding, "));");
+})("width:", ({ orientation })=>orientation === 'horizontal' ? 'auto' : '100%', ";height:", ({ orientation })=>orientation === 'horizontal' ? '100%' : 'auto', ";border-radius:var(", _Cardtokens.tokens.imageBorderRadius, ",calc(var(", _Cardtokens.tokens.borderRadius, ") - var(", _Cardtokens.tokens.padding, ")));margin:var(", _Cardtokens.tokens.imageMargin, ");");
 const CardText = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ehootm3",
+    target: "en12sqi3",
     label: "CardText"
-})("display:flex;flex-direction:column;flex:1;padding:var(", _Cardtokens.tokens.textPadding, ");padding:", ({ onlyText })=>onlyText ? `var(${_Cardtokens.tokens.textPaddingExtra})` : `var(${_Cardtokens.tokens.textPadding})`, ";gap:var(", _Cardtokens.tokens.textGap, ");");
+})("display:flex;flex-direction:column;flex:1;padding:", ({ onlyText })=>onlyText ? `var(${_Cardtokens.tokens.textPaddingExtra})` : `var(${_Cardtokens.tokens.textPadding})`, ";gap:var(", _Cardtokens.tokens.textGap, ");");
 const Title = (0, /*#__PURE__*/ _styled.default)("span", {
-    target: "ehootm4",
+    target: "en12sqi4",
     label: "Title"
 })("color:var(", _Cardtokens.tokens.titleColor, ");font-family:var(", _Cardtokens.tokens.titleFontFamily, ");font-size:var(", _Cardtokens.tokens.titleFontSize, ");font-style:var(", _Cardtokens.tokens.titleFontStyle, ");letter-spacing:var(", _Cardtokens.tokens.titleFontLetterSpacing, ");line-height:var(", _Cardtokens.tokens.titleFontLineHeight, ");font-weight:var(", _Cardtokens.tokens.titleFontWeight, ");");
 const Description = (0, /*#__PURE__*/ _styled.default)("span", {
-    target: "ehootm5",
+    target: "en12sqi5",
     label: "Description"
 })("color:var(", _Cardtokens.tokens.descriptionColor, ");font-family:var(", _Cardtokens.tokens.descriptionFontFamily, ");font-size:var(", _Cardtokens.tokens.descriptionFontSize, ");font-style:var(", _Cardtokens.tokens.descriptionFontStyle, ");line-height:var(", _Cardtokens.tokens.descriptionFontLineHeight, ");font-weight:var(", _Cardtokens.tokens.descriptionFontWeight, ");");
 const Controls = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ehootm6",
+    target: "en12sqi6",
     label: "Controls"
-})("display:flex;flex-direction:", ({ orientation })=>orientation === 'horizontal' ? 'row' : 'column', ";align-items:", ({ orientation })=>orientation === 'horizontal' ? 'center' : 'stretch', ";justify-content:", ({ orientation })=>orientation === 'horizontal' ? 'space-between' : 'normal', ";");
+})("display:flex;flex-direction:", ({ orientation, contentDirection })=>{
+    if (orientation === 'vertical') {
+        return 'column';
+    }
+    return contentDirection === 'row-reverse' ? 'row' : 'row-reverse';
+}, ";align-items:", ({ orientation })=>orientation === 'horizontal' ? 'center' : 'stretch', ";justify-content:", ({ orientation })=>orientation === 'horizontal' ? 'space-between' : 'normal', ";");
+const NumberContainer = (0, /*#__PURE__*/ _styled.default)("div", {
+    target: "en12sqi7",
+    label: "NumberContainer"
+})("color:var(", _Cardtokens.tokens.paginationNumberColor, ");font-family:var(", _Cardtokens.tokens.paginationNumberFontFamily, ");font-size:var(", _Cardtokens.tokens.paginationNumberFontSize, ");font-style:var(", _Cardtokens.tokens.paginationNumberFontStyle, ");line-height:var(", _Cardtokens.tokens.paginationNumberFontLineHeight, ");font-weight:var(", _Cardtokens.tokens.paginationNumberFontWeight, ");text-align:center;");
 const DotsContainer = (0, /*#__PURE__*/ _styled.default)("ul", {
-    target: "ehootm7",
+    target: "en12sqi8",
     label: "DotsContainer"
-})("display:flex;align-items:center;justify-content:center;margin:", ({ orientation })=>orientation === 'horizontal' ? '0 0 0 8px' : `var(${_Cardtokens.tokens.dotContainerMargin})`, ";padding:0;list-style:none;gap:var(", _Cardtokens.tokens.dotsGap, ");");
+})("display:flex;align-items:center;justify-content:center;margin:", ({ orientation })=>orientation === 'horizontal' ? '0 0 0 0.5rem' : `var(${_Cardtokens.tokens.dotContainerMargin})`, ";padding:0;list-style:none;gap:var(", _Cardtokens.tokens.dotsGap, ");");
 const Dot = (0, /*#__PURE__*/ _styled.default)("li", {
-    target: "ehootm8",
+    target: "en12sqi9",
     label: "Dot"
 })("width:var(", _Cardtokens.tokens.dotSize, ");height:var(", _Cardtokens.tokens.dotSize, ");cursor:pointer;border-radius:50%;background:", ({ isActive })=>isActive ? `var(${_Cardtokens.tokens.dotActiveBackground})` : `var(${_Cardtokens.tokens.dotBackground})`, ";transition:background 0.3s ease-in-out;&:hover{background:", ({ isActive })=>isActive ? `var(${_Cardtokens.tokens.dotActiveBackgroundHover},var(${_Cardtokens.tokens.dotActiveBackground}))` : `var(${_Cardtokens.tokens.dotBackgroundHover})`, ";}&:active{background:", ({ isActive })=>isActive ? `var(${_Cardtokens.tokens.dotActiveBackgroundActive}, var(${_Cardtokens.tokens.dotActiveBackground}))` : `var(${_Cardtokens.tokens.dotBackgroundActive})`, ";}");
 const ActionButtonsContainer = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ehootm9",
+    target: "en12sqi10",
     label: "ActionButtonsContainer"
 })("margin:", ({ orientation })=>orientation === 'horizontal' ? '0' : `var(${_Cardtokens.tokens.actionButtonsMargin})`, ";order:", ({ orientation })=>orientation === 'horizontal' ? '-1' : 'auto', ";");
 const SkipButtonContainer = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ehootm10",
+    target: "en12sqi11",
     label: "SkipButtonContainer"
 })("display:flex;justify-content:center;margin:", ({ orientation })=>orientation === 'horizontal' ? '0 0 0 8px' : `var(${_Cardtokens.tokens.skipButtonMargin})`, ";");
 const CloseButton = /*#__PURE__*/ (0, _styled.default)(IconButton, {
-    target: "ehootm11",
+    target: "en12sqi12",
     label: "CloseButton"
 })("position:absolute;top:1rem;right:1rem;", _IconButton.iconButtonTokens.iconButtonColor, ":var(", _Cardtokens.tokens.closeButtonColor, ");", _IconButton.iconButtonTokens.iconButtonBackgroundColor, ":var(", _Cardtokens.tokens.closeButtonBackgroundColor, ");", _IconButton.iconButtonTokens.iconButtonColorHover, ":var(", _Cardtokens.tokens.closeButtonColorHover, ");", _IconButton.iconButtonTokens.iconButtonColorActive, ":var(", _Cardtokens.tokens.closeButtonColorActive, ");", _IconButton.iconButtonTokens.iconButtonHeight, ":var(", _Cardtokens.tokens.closeButtonWidth, ");", _IconButton.iconButtonTokens.iconButtonWidth, ":var(", _Cardtokens.tokens.closeButtonHeight, ");", _IconButton.iconButtonTokens.iconButtonRadius, ":var(", _Cardtokens.tokens.closeButtonRadius, ");", _IconButton.iconButtonTokens.iconButtonFocusColor, ":var(", _Cardtokens.tokens.closeButtonFocusColor, ");");

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

@@ -29,6 +29,8 @@ const 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',
@@ -45,6 +47,12 @@ const 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',
@@ -56,6 +64,7 @@ const 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/emotion/cjs/components/_Icon/Icons/IconChevronDown.js

@@ -16,11 +16,12 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-const IconChevronDown = ({ size = 'xs', color, className })=>{
+const IconChevronDown = ({ size = 'xs', color, className, ...rest })=>{
     return /*#__PURE__*/ _react.default.createElement(_IconRoot.IconRoot, {
         className: className,
         size: size,
         color: color,
-        icon: _ChevronDown.ChevronDown
+        icon: _ChevronDown.ChevronDown,
+        ...rest
     });
 };

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

@@ -16,13 +16,14 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-const IconClose = ({ size = 's', color, className, sizeCustomProperty, sizeCustomValue })=>{
+const IconClose = ({ size = 's', color, className, sizeCustomProperty, sizeCustomValue, ...rest })=>{
     return /*#__PURE__*/ _react.default.createElement(_IconRoot.IconRoot, {
         className: className,
         size: size,
         color: color,
         sizeCustomProperty: sizeCustomProperty,
         sizeCustomValue: sizeCustomValue,
-        icon: _Close.Close
+        icon: _Close.Close,
+        ...rest
     });
 };

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

@@ -30,17 +30,17 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-const base = (0, /*#__PURE__*/ _react.css)("border-radius:var(", _Popovertokens.tokens.borderRadius, ");", "base");
+const base = (0, /*#__PURE__*/ _react.css)("border-radius:var(", _Popovertokens.tokens.borderRadius, ");outline:none;", "base");
 const Wrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ee7owtj0",
+    target: "ej4v1ln0",
     label: "Wrapper"
 })("position:relative;background:var(", _Popovertokens.tokens.backgroundColor, ");padding:var(", _Popovertokens.tokens.padding, ");border-radius:var(", _Popovertokens.tokens.borderRadius, ");box-shadow:var(", _Popovertokens.tokens.boxShadow, ");filter:var(", _Popovertokens.tokens.dropShadow, ",none);width:100%;height:100%;box-sizing:border-box;");
 const CloseButton = (0, /*#__PURE__*/ _styled.default)("button", {
-    target: "ee7owtj1",
+    target: "ej4v1ln1",
     label: "CloseButton"
 })("position:absolute;top:var(", _Popovertokens.tokens.iconOffset, ");right:var(", _Popovertokens.tokens.iconOffset, ");padding:0;margin:0;border:none;background:none;cursor:pointer;line-height:0;color:var(", _Popovertokens.tokens.iconColor, ");&:hover{color:var(", _Popovertokens.tokens.iconColorHover, ");}&:active{color:var(", _Popovertokens.tokens.iconColorActive, ");}");
 const Tail = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ee7owtj2",
+    target: "ej4v1ln2",
     label: "Tail"
 })("position:absolute;pointer-events:none;width:", ({ side })=>side === 'left' || side === 'right' ? `var(${_Popovertokens.tokens.tailHeight})` : `var(${_Popovertokens.tokens.tailWidth})`, ";height:", ({ side })=>side === 'left' || side === 'right' ? `var(${_Popovertokens.tokens.tailWidth})` : `var(${_Popovertokens.tokens.tailHeight})`, ";top:", ({ side })=>side === 'top' ? '100%' : 'auto', ";right:", ({ side })=>side === 'right' ? '100%' : 'auto', ";bottom:", ({ side })=>side === 'bottom' ? '100%' : 'auto', ";left:", ({ side })=>side === 'left' ? '100%' : 'auto', ";&::before{content:'';position:absolute;top:50%;left:50%;width:var(", _Popovertokens.tokens.tailWidth, ");height:var(", _Popovertokens.tokens.tailHeight, ");background:var(", _Popovertokens.tokens.backgroundColor, ");transform:translate(-50%,-50%)\n            ", ({ side })=>({
         top: 'rotate(180deg)',

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

@@ -44,18 +44,20 @@ const processNode = (node, firstFocusSelector, ref)=>{
     }
 };
 const focusManager = new _focusManager.FocusManager();
-const useFocusTrap = (active = true, firstFocusSelector, focusAfterNode, focusAfterAnimation, enableOnFirstMount)=>{
+const useFocusTrap = (active = true, firstFocusSelector, focusAfterNode, focusAfterAnimation, enableOnFirstMount, focusTrapSelectors)=>{
     const ref = (0, _react.useRef)();
+    const focusTrapSelectorsRef = (0, _react.useRef)(focusTrapSelectors);
+    focusTrapSelectorsRef.current = focusTrapSelectors;
     const setRef = (0, _react.useCallback)((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, ()=>focusTrapSelectorsRef.current);
             focusManager.markForFocusAfter(focusAfterNode);
             // Delay processing the HTML node by a frame. This ensures focus is assigned correctly.
             setTimeout(()=>{
@@ -81,11 +83,13 @@ const useFocusTrap = (active = true, firstFocusSelector, focusAfterNode, focusAf
             return;
         }
         const handleKeyDown = (event)=>{
-            if (event.key === 'Tab' && ref.current) {
-                (0, _scopeTab.scopeTab)(ref.current, event, active);
+            if (event.key === 'Tab' && ref.current && focusManager.isTopFocusNode(ref.current)) {
+                (0, _scopeTab.scopeTab)(ref.current, event, active, focusTrapSelectorsRef.current);
                 if (enableOnFirstMount) {
                     setTimeout(()=>{
-                        focusManager.teardownScopedFocus();
+                        if (ref.current) {
+                            focusManager.teardownScopedFocus(ref.current);
+                        }
                     });
                 }
             }

package/dist/emotion/cjs/mixins/applySliderThumb.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get applySliderThumb () {
+        return applySliderThumb;
+    },
+    get applySliderThumbFocus () {
+        return applySliderThumbFocus;
+    }
+});
+/**
+ * Слои фона бегунка. Порядок: содержимое, заливка по padding-box, рамка по border-box.
+ */ const thumbLayers = (tokens, borderColorToken, innerContent)=>`
+    background: ${innerContent} no-repeat center,
+        linear-gradient(var(${tokens.background}, transparent), var(${tokens.background}, transparent)) padding-box,
+        var(${borderColorToken}, transparent) border-box;
+`;
+const applySliderThumb = (tokens)=>`
+    box-sizing: content-box;
+    width: var(${tokens.width});
+    height: var(${tokens.height}, var(${tokens.width}));
+    border-radius: var(${tokens.borderRadius}, 50%);
+    cursor: grab;
+
+    border-style: solid;
+    border-color: transparent;
+    border-width: var(${tokens.borderWidth}, 0);
+
+    transition: background-color 0.1s ease-in-out, background-image 0.1s ease-in-out;
+
+    ${thumbLayers(tokens, tokens.borderColor, 'none')}
+`;
+const applySliderThumbFocus = (tokens)=>thumbLayers(tokens, tokens.focusBorderColor, `var(${tokens.innerContent}, none)`);

package/dist/emotion/cjs/mixins/index.js

@@ -15,6 +15,7 @@ _export_star(require("./applySkeletonAnimation"), exports);
 _export_star(require("./applyHidden"), exports);
 _export_star(require("./createApplyPaperMixin"), exports);
 _export_star(require("./addScrollbar"), exports);
+_export_star(require("./applySliderThumb"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/dist/emotion/cjs/utils/focusManager.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "FocusManager", {
         return FocusManager;
     }
 });
-const _tabbable = require("./tabbable");
+const _focusScope = require("./focusScope");
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -31,11 +31,11 @@ class FocusManager {
         _define_property(this, "handleFocus", ()=>{
             // Фокус всегда должен находиться внутри необходимой ноды
             const focusNode = this.focusNodes[this.focusNodes.length - 1];
-            if (!focusNode || focusNode.contains(document.activeElement)) {
+            if (!focusNode || (0, _focusScope.isElementInFocusScope)(focusNode.element, document.activeElement, focusNode.getFocusTrapSelectors?.())) {
                 return;
             }
             // Выделяем первый tabbable элемент
-            const el = (0, _tabbable.findTabbableDescendants)(focusNode)[0] || focusNode;
+            const el = (0, _focusScope.findTabbableInFocusScope)(focusNode.element, focusNode.getFocusTrapSelectors?.())[0] || focusNode.element;
             el.focus();
         });
         // добавление на фокус после анмаунта
@@ -51,14 +51,25 @@ class FocusManager {
             }
         });
         // при маунте ноды
-        _define_property(this, "setupScopedFocus", (element)=>{
-            this.focusNodes.push(element);
-            document.addEventListener('focusin', this.handleFocus, true);
+        _define_property(this, "setupScopedFocus", (element, getFocusTrapSelectors)=>{
+            this.focusNodes.push({
+                element,
+                getFocusTrapSelectors
+            });
+            if (this.focusNodes.length === 1) {
+                document.addEventListener('focusin', this.handleFocus, true);
+            }
         });
         // при анмаунте
-        _define_property(this, "teardownScopedFocus", ()=>{
-            this.focusNodes.pop();
-            document.removeEventListener('focusin', this.handleFocus);
+        _define_property(this, "teardownScopedFocus", (element)=>{
+            const focusNodeIndex = element ? this.focusNodes.map((focusNode)=>focusNode.element).lastIndexOf(element) : this.focusNodes.length - 1;
+            if (focusNodeIndex >= 0) {
+                this.focusNodes.splice(focusNodeIndex, 1);
+            }
+            if (!this.focusNodes.length) {
+                document.removeEventListener('focusin', this.handleFocus, true);
+            }
         });
+        _define_property(this, "isTopFocusNode", (element)=>this.focusNodes[this.focusNodes.length - 1]?.element === element);
     }
 }

package/dist/emotion/cjs/utils/focusScope.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get findTabbableInFocusScope () {
+        return findTabbableInFocusScope;
+    },
+    get isElementInFocusScope () {
+        return isElementInFocusScope;
+    }
+});
+const _tabbable = require("./tabbable");
+const getAdditionalFocusScopeElements = (root, focusTrapSelectors)=>{
+    if (!focusTrapSelectors?.length) {
+        return [];
+    }
+    const elements = focusTrapSelectors.flatMap((selector)=>Array.from(root.ownerDocument.querySelectorAll(selector)));
+    return Array.from(new Set(elements)).filter((element)=>element !== root);
+};
+const isElementInFocusScope = (root, element, focusTrapSelectors)=>{
+    if (!element) {
+        return false;
+    }
+    return [
+        root,
+        ...getAdditionalFocusScopeElements(root, focusTrapSelectors)
+    ].some((scopeElement)=>scopeElement.contains(element));
+};
+const findTabbableInFocusScope = (root, focusTrapSelectors)=>{
+    const additionalScopeElements = getAdditionalFocusScopeElements(root, focusTrapSelectors);
+    const tabbable = [
+        ...(0, _tabbable.findTabbableDescendants)(root),
+        ...additionalScopeElements.flatMap((element)=>[
+                ...(0, _tabbable.isTabble)(element) ? [
+                    element
+                ] : [],
+                ...(0, _tabbable.findTabbableDescendants)(element)
+            ])
+    ];
+    return Array.from(new Set(tabbable));
+};

package/dist/emotion/cjs/utils/scopeTab.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "scopeTab", {
         return scopeTab;
     }
 });
-const _tabbable = require("./tabbable");
-const scopeTab = (node, event, activeFocusTrap)=>{
-    const tabbable = (0, _tabbable.findTabbableDescendants)(node);
+const _focusScope = require("./focusScope");
+const scopeTab = (node, event, activeFocusTrap, focusTrapSelectors)=>{
+    const tabbable = (0, _focusScope.findTabbableInFocusScope)(node, focusTrapSelectors);
     if (!tabbable.length) {
         event.preventDefault();
         return;

package/dist/emotion/es/components/Accordion/Accordion.tokens.js

@@ -7,6 +7,8 @@ export const classes = {
     clearAccordionItem: 'clear-accordion-item',
     accordionItemShowBody: 'accordion-item-show-body',
     accordionPlusAnimationElement: 'accordion-plus-animation-element',
+    accordionArrowAnimation: 'accordion-arrow-animation',
+    accordionSignAnimation: 'accordion-sign-animation',
     accordionDisabled: 'accordion-disabled',
     accordionItemBody: 'accordion-item-body'
 };

package/dist/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.js

@@ -2,9 +2,12 @@ import React, { useState, useRef, forwardRef, useEffect } from "react";
 import { convertRoundnessMatrix } from "../../../../utils/roundness";
 import { classes, privateTokens, tokens } from "../../Accordion.tokens";
 import { cx } from "../../../../utils";
-import { StyledAccordionItem, StyledAccordionHeader, StyledAccordionBody, StyledAccordionTitle, StyledAccordionContentLeft, StyledAccordionHeaderLeft, StyledAccordionContentRight, StyledArrow, StyledMinus, StyledPlus, StyledAccordionBodyAnimate } from "./AccordionItem.styles";
-export const AccordionItem = /*#__PURE__*/ forwardRef(({ value, contentRight, contentLeft, title, pin = 'square-square', children, type = 'sign', index, className, style, eventKey, disabled, alignWithTitle = true, opened, view, onChange, onClick, titleProps, bodyProps, ...rest }, outerRef)=>{
+import { StyledAccordionItem, StyledAccordionHeader, StyledAccordionBody, StyledAccordionTitle, StyledAccordionContentLeft, StyledAccordionHeaderLeft, StyledAccordionContentRight, StyledArrow, StyledChevron, StyledMinus, StyledPlus, StyledAccordionBodyAnimate } from "./AccordionItem.styles";
+export const AccordionItem = /*#__PURE__*/ forwardRef(({ value, contentRight, contentLeft, defaultIconContent, defaultIconPlacement, title, pin = 'square-square', children, type, index, className, style, eventKey, disabled, alignWithTitle = true, opened, view, onChange, onClick, titleProps, bodyProps, ...rest }, outerRef)=>{
     const key = eventKey ?? index ?? 0;
+    const resolvedDefaultIconContent = defaultIconContent ?? type ?? 'sign';
+    const resolvedDefaultIconPlacement = defaultIconPlacement ?? (defaultIconContent === undefined && type === 'arrow' ? 'left' : 'right');
+    const openedState = opened ?? value;
     const [leftPadding, setLeftPadding] = useState();
     const handleOpen = ()=>{
         if (disabled) {
@@ -23,12 +26,15 @@ export const AccordionItem = /*#__PURE__*/ forwardRef(({ value, contentRight, co
         const leftPaddingBody = leftContentWidth && (alignWithTitle || view === 'clear') ? `calc(${leftContentWidth}px + var(${tokens.accordionItemGap}))` : 0;
         setLeftPadding(leftPaddingBody);
     }, [
-        value,
+        alignWithTitle,
+        contentLeft,
+        defaultIconContent,
+        defaultIconPlacement,
         type,
-        leftContentRef,
-        setLeftPadding
+        value,
+        view
     ]);
-    const openedBodyClass = opened ?? value ? classes.accordionItemShowBody : undefined;
+    const openedBodyClass = openedState ? classes.accordionItemShowBody : undefined;
     const StyledAnimationPlus = ()=>/*#__PURE__*/ React.createElement(StyledPlus, null, /*#__PURE__*/ React.createElement(StyledMinus, {
             size: "xs",
             color: "inherit",
@@ -40,16 +46,46 @@ export const AccordionItem = /*#__PURE__*/ forwardRef(({ value, contentRight, co
             sizeCustomProperty: tokens.accordionItemIconSize
         }));
     const accordionBorderRadius = convertRoundnessMatrix(pin, `var(${tokens.accordionItemViewBorderRadius}, var(${tokens.accordionItemBorderRadius}))`, '1.5rem');
-    const openedClass = opened ?? value ? classes.accordionItemOpened : '';
+    const openedClass = openedState ? classes.accordionItemOpened : '';
     const disabledClass = disabled ? classes.accordionDisabled : '';
-    const leftContent = contentLeft ?? (type === 'arrow' ? /*#__PURE__*/ React.createElement(StyledArrow, {
-        size: "xs",
-        color: "inherit",
-        sizeCustomProperty: tokens.accordionItemIconSize
-    }) : undefined);
-    const leftContentRotate = type === 'arrow' && (opened ?? value) ? classes.accordionItemShowBody : undefined;
-    const rightContent = contentRight ?? (type === 'sign' ? /*#__PURE__*/ React.createElement(StyledAnimationPlus, null) : undefined);
-    const rightContentRotate = type === 'sign' && (opened ?? value) ? classes.accordionItemShowBody : undefined;
+    const getDefaultIcon = ()=>{
+        switch(resolvedDefaultIconContent){
+            case 'arrow':
+                return /*#__PURE__*/ React.createElement(StyledArrow, {
+                    size: "xs",
+                    color: "inherit",
+                    sizeCustomProperty: tokens.accordionItemIconSize
+                });
+            case 'chevron':
+                return /*#__PURE__*/ React.createElement(StyledChevron, {
+                    size: "xs",
+                    color: "inherit",
+                    sizeCustomProperty: tokens.accordionItemIconSize
+                });
+            case 'sign':
+                return /*#__PURE__*/ React.createElement(StyledAnimationPlus, null);
+            default:
+                return undefined;
+        }
+    };
+    const defaultIcon = getDefaultIcon();
+    let defaultIconAnimationClass;
+    if (resolvedDefaultIconContent === 'sign') {
+        defaultIconAnimationClass = classes.accordionSignAnimation;
+    } else if (resolvedDefaultIconContent === 'arrow' || resolvedDefaultIconContent === 'chevron') {
+        defaultIconAnimationClass = classes.accordionArrowAnimation;
+    }
+    const defaultLeftContent = resolvedDefaultIconPlacement === 'left' ? defaultIcon : undefined;
+    const defaultRightContent = resolvedDefaultIconPlacement === 'right' ? defaultIcon : undefined;
+    const leftContent = contentLeft !== undefined ? contentLeft : defaultLeftContent;
+    const leftContentClassName = contentLeft === undefined ? cx(defaultIconAnimationClass, openedBodyClass) : undefined;
+    const rightContentClassName = cx(defaultIconAnimationClass, openedBodyClass);
+    let renderedRightContent = contentRight;
+    if (contentRight === undefined && defaultRightContent) {
+        renderedRightContent = /*#__PURE__*/ React.createElement(StyledAccordionContentRight, {
+            className: rightContentClassName
+        }, defaultRightContent);
+    }
     return /*#__PURE__*/ React.createElement(StyledAccordionItem, {
         className: cx(classes.accordionItem, className, openedClass, disabledClass),
         key: key,
@@ -68,7 +104,7 @@ export const AccordionItem = /*#__PURE__*/ forwardRef(({ value, contentRight, co
         },
         tabIndex: 0,
         onClick: handleOpen,
-        "aria-expanded": opened ?? value,
+        "aria-expanded": openedState,
         "aria-controls": `accordion-item-section${key}`,
         id: `accordion-item-${key}`,
         style: {
@@ -76,12 +112,10 @@ export const AccordionItem = /*#__PURE__*/ forwardRef(({ value, contentRight, co
         }
     }, /*#__PURE__*/ React.createElement(StyledAccordionHeaderLeft, null, leftContent && /*#__PURE__*/ React.createElement(StyledAccordionContentLeft, {
         ref: leftContentRef,
-        className: leftContentRotate
-    }, leftContent), /*#__PURE__*/ React.createElement(StyledAccordionTitle, titleProps, title)), contentRight || rightContent && /*#__PURE__*/ React.createElement(StyledAccordionContentRight, {
-        className: rightContentRotate
-    }, rightContent && rightContent)), /*#__PURE__*/ React.createElement(StyledAccordionBodyAnimate, {
+        className: leftContentClassName
+    }, leftContent), /*#__PURE__*/ React.createElement(StyledAccordionTitle, titleProps, title)), renderedRightContent), /*#__PURE__*/ React.createElement(StyledAccordionBodyAnimate, {
         "aria-labelledby": `accordion-item-${key}`,
-        "aria-hidden": !(opened ?? value),
+        "aria-hidden": !openedState,
         id: `accordion-item-section${key}`,
         className: cx(openedBodyClass),
         style: {

package/dist/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js

@@ -1,9 +1,9 @@
 import styled from "@emotion/styled";
 import { addFocus } from "../../../../mixins";
-import { IconChevronDownFill, IconMinus } from "../../../_Icon";
+import { IconChevronDown, IconChevronDownFill, IconMinus } from "../../../_Icon";
 import { classes, privateTokens, tokens } from "../../Accordion.tokens";
 export const StyledAccordionHeader = /*#__PURE__*/ styled("div", {
-    target: "e6swc040",
+    target: "e1cej47q0",
     label: "StyledAccordionHeader"
 })("width:100%;border:none;padding:var(", tokens.accordionItemPadding, ");display:flex;gap:var(", tokens.accordionItemGap, ");justify-content:space-between;align-items:center;background:none;box-sizing:border-box;cursor:pointer;&:focus{outline:none;}", addFocus({
     outlineOffset: '0.125rem',
@@ -12,42 +12,50 @@ export const StyledAccordionHeader = /*#__PURE__*/ styled("div", {
     outlineColor: `var(${tokens.accordionItemFocus})`
 }));
 export const StyledAccordionHeaderLeft = /*#__PURE__*/ styled("div", {
-    target: "e6swc041",
+    target: "e1cej47q1",
     label: "StyledAccordionHeaderLeft"
 })("display:flex;gap:var(", tokens.accordionItemHeaderLeftGap, ",var(", tokens.accordionItemGap, "));justify-content:space-between;align-items:center;");
-export const StyledAccordionContentRight = /*#__PURE__*/ styled("div", {
-    target: "e6swc042",
+const StyledAccordionContent = /*#__PURE__*/ styled("div", {
+    target: "e1cej47q2",
+    label: "StyledAccordionContent"
+})("transition:0.2s;display:flex;align-items:center;&.", classes.accordionArrowAnimation, ".", classes.accordionItemShowBody, "{transition:0.2s;transform:rotate(180deg);}&.", classes.accordionSignAnimation, "{transform:rotate(90deg);&.", classes.accordionItemShowBody, "{transition:0.2s;transform:rotate(0deg);}}");
+export const StyledAccordionContentRight = /*#__PURE__*/ styled(StyledAccordionContent, {
+    target: "e1cej47q3",
     label: "StyledAccordionContentRight"
-})("transition:0.2s;transform:rotate(90deg);&.", classes.accordionItemShowBody, "{transition:0.2s;transform:rotate(0deg);}");
-export const StyledAccordionContentLeft = /*#__PURE__*/ styled("div", {
-    target: "e6swc043",
+})();
+export const StyledAccordionContentLeft = /*#__PURE__*/ styled(StyledAccordionContent, {
+    target: "e1cej47q4",
     label: "StyledAccordionContentLeft"
-})("transition:0.2s;display:flex;align-items:center;&.", classes.accordionItemShowBody, "{transition:0.2s;transform:rotate(180deg);}");
+})();
 export const StyledAccordionTitle = /*#__PURE__*/ styled("div", {
-    target: "e6swc044",
+    target: "e1cej47q5",
     label: "StyledAccordionTitle"
 })("color:var(", tokens.accordionItemTitleColor, ");font-family:var(", tokens.accordionItemTitleFontFamily, ");font-size:var(", tokens.accordionItemTitleFontSize, ");font-weight:var(", tokens.accordionItemTitleFontWeight, ");font-style:var(", tokens.accordionItemTitleFontStyle, ");letter-spacing:var(", tokens.accordionItemTitleLetterSpacing, ");line-height:var(", tokens.accordionItemTitleLineHeight, ");text-align:left;");
 export const StyledAccordionBodyAnimate = /*#__PURE__*/ styled("div", {
-    target: "e6swc045",
+    target: "e1cej47q6",
     label: "StyledAccordionBodyAnimate"
 })("display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.2s ease-out;overflow:hidden;&.", classes.accordionItemShowBody, "{grid-template-rows:1fr;padding-bottom:var(", tokens.accordionItemBodyPaddingBottom, ",var(", tokens.accordionItemPaddingVertical, "));&.", classes.accordionPlusAnimationElement, "{transition:0.2s;transform:rotate(0deg);}}");
 export const StyledAccordionBody = /*#__PURE__*/ styled("div", {
-    target: "e6swc046",
+    target: "e1cej47q7",
     label: "StyledAccordionBody"
 })("color:var(", tokens.accordionItemTextColor, ");font-family:var(", tokens.accordionItemTextFontFamily, ");font-size:var(", tokens.accordionItemTextFontSize, ");font-weight:var(", tokens.accordionItemTextFontWeight, ");font-style:var(", tokens.accordionItemTextFontStyle, ");letter-spacing:var(", tokens.accordionItemTextLetterSpacing, ");line-height:var(", tokens.accordionItemTextLineHeight, ");overflow:hidden;padding-right:var(", tokens.accordionItemPaddingHorizontal, ");padding-left:var(", tokens.accordionItemPaddingHorizontalLeft, ");text-align:left;");
 export const StyledArrow = /*#__PURE__*/ styled(IconChevronDownFill, {
-    target: "e6swc047",
+    target: "e1cej47q8",
     label: "StyledArrow"
 })("pointer-events:none;user-select:none;color:var(", tokens.accordionItemIconColor, ");");
+export const StyledChevron = /*#__PURE__*/ styled(IconChevronDown, {
+    target: "e1cej47q9",
+    label: "StyledChevron"
+})("pointer-events:none;user-select:none;color:var(", tokens.accordionItemIconColor, ");");
 export const StyledMinus = /*#__PURE__*/ styled(IconMinus, {
-    target: "e6swc048",
+    target: "e1cej47q10",
     label: "StyledMinus"
 })("pointer-events:none;user-select:none;color:var(", tokens.accordionItemIconColor, ");display:flex;align-items:center;position:absolute;top:0;left:0;&.", classes.accordionPlusAnimationElement, "{transition:0.2s;transform:rotate(90deg);}&.", classes.accordionItemShowBody, "{transition:0.2s;transform:rotate(0deg);color:var(", tokens.accordionItemOpenedTitleColor, ",var(", tokens.accordionItemIconColor, "));}");
 export const StyledPlus = /*#__PURE__*/ styled("div", {
-    target: "e6swc049",
+    target: "e1cej47q11",
     label: "StyledPlus"
 })("position:relative;display:flex;align-items:center;justify-content:center;width:var(", tokens.accordionItemIconSize, ",1rem);height:var(", tokens.accordionItemIconSize, ",1rem);");
 export const StyledAccordionItem = /*#__PURE__*/ styled("div", {
-    target: "e6swc0410",
+    target: "e1cej47q12",
     label: "StyledAccordionItem"
-})("background:var(", tokens.accordionItemBackground, ");border:var(", tokens.accordionItemBorder, ");border-bottom:var(", tokens.accordionItemBorderBottom, ");box-shadow:var(", tokens.accordionItemShadow, ");&:last-child{border-bottom:var(", tokens.accordionItemBorder, ");}&.", classes.accordionDisabled, "{opacity:0.4;cursor:not-allowed;}&:hover:not(.", classes.accordionItemOpened, "){background:var(", tokens.accordionItemBackgroundHover, ",var(", tokens.accordionItemBackground, "));}&.", classes.accordionItemOpened, "{background:var(", tokens.accordionItemOpenedBackground, ",var(", tokens.accordionItemBackground, "));", StyledArrow, "{color:var(", tokens.accordionItemOpenedTitleColor, ",var(", tokens.accordionItemIconColor, "));}", StyledAccordionTitle, "{color:var(", tokens.accordionItemOpenedTitleColor, ",var(", tokens.accordionItemTitleColor, "));}}");
+})("background:var(", tokens.accordionItemBackground, ");border:var(", tokens.accordionItemBorder, ");border-bottom:var(", tokens.accordionItemBorderBottom, ");box-shadow:var(", tokens.accordionItemShadow, ");&:last-child{border-bottom:var(", tokens.accordionItemBorder, ");}&.", classes.accordionDisabled, "{opacity:0.4;cursor:not-allowed;}&:hover:not(.", classes.accordionItemOpened, "){background:var(", tokens.accordionItemBackgroundHover, ",var(", tokens.accordionItemBackground, "));}&.", classes.accordionItemOpened, "{background:var(", tokens.accordionItemOpenedBackground, ",var(", tokens.accordionItemBackground, "));", StyledArrow, "{color:var(", tokens.accordionItemOpenedTitleColor, ",var(", tokens.accordionItemIconColor, "));}", StyledChevron, "{color:var(", tokens.accordionItemOpenedTitleColor, ",var(", tokens.accordionItemIconColor, "));}", StyledAccordionTitle, "{color:var(", tokens.accordionItemOpenedTitleColor, ",var(", tokens.accordionItemTitleColor, "));}}");

package/dist/emotion/es/components/Calendar/CalendarBase/CalendarBase.js

@@ -41,7 +41,7 @@ import { IsOutOfRange, StyledCalendar } from "./CalendarBase.styles";
             min.setHours(0, 0, 0, 0);
         }
         if (max) {
-            max.setHours(23, 59, 59, 999);
+            max.setHours(0, 0, 0, 0);
         }
         const renderFrom = renderFromDate && new Date(renderFromDate);
         const [state, dispatch] = useReducer(reducer, getInitialState(value, min, renderFrom, type));