npm - @salutejs/plasma-new-hope - Versions diffs - 0.377.0-next-sbcom.0 → 0.377.1-dev.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1172) hide show

package/dist/css/cjs/components/Accordion/Accordion.tokens.js CHANGED Viewed

@@ -11,6 +11,8 @@ var 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/css/cjs/components/Accordion/ui/AccordionItem/AccordionItem.css CHANGED Viewed

@@ -1,13 +1,15 @@
 .IconRoot_1oipl65_saiei96__3591cf96{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--saiei96-0);height:var(--saiei96-0);-webkit-flex:0 0 var(--saiei96-0);-ms-flex:0 0 var(--saiei96-0);flex:0 0 var(--saiei96-0);}
-.AccordionItem_styles_jmhhzd_s18r4alo__b11c13ec{width:100%;border:none;padding:var(--plasma-accordion-item-padding);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-accordion-item-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;box-sizing:border-box;cursor:pointer;position:relative;}.AccordionItem_styles_jmhhzd_s18r4alo__b11c13ec:focus{outline:none;}.AccordionItem_styles_jmhhzd_s18r4alo__b11c13ec::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma_private-calculated-border-radius);outline:0.125rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.AccordionItem_styles_jmhhzd_s18r4alo__b11c13ec.AccordionItem_styles_jmhhzd_focusVisible__b11c13ec:focus::before,.AccordionItem_styles_jmhhzd_s18r4alo__b11c13ec[data-focus-visible-added]::before{outline-color:var(--plasma-accordion-item-focus);}
-.AccordionItem_styles_jmhhzd_smlmb15__b11c13ec{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-accordion-item-header-left-gap,var(--plasma-accordion-item-gap));-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.AccordionItem_styles_jmhhzd_s17ielqg__b11c13ec{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.AccordionItem_styles_jmhhzd_s17ielqg__b11c13ec.AccordionItem_styles_jmhhzd_accordionItemShowBody__b11c13ec{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
-.AccordionItem_styles_jmhhzd_s1b9vluo__b11c13ec{-webkit-transition:0.2s;transition:0.2s;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;}.AccordionItem_styles_jmhhzd_s1b9vluo__b11c13ec.AccordionItem_styles_jmhhzd_accordionItemShowBody__b11c13ec{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
-.AccordionItem_styles_jmhhzd_s11pmsun__b11c13ec{color:var(--plasma-accordion-item-title-color);font-family:var(--plasma-accordion-item-title-font-family);font-size:var(--plasma-accordion-item-title-font-size);font-weight:var(--plasma-accordion-item-title-font-weight);font-style:var(--plasma-accordion-item-title-font-style);-webkit-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);letter-spacing:var(--plasma-accordion-item-title-letter-spacing);line-height:var(--plasma-accordion-item-title-line-height);text-align:left;}
-.AccordionItem_styles_jmhhzd_s1x1tofe__b11c13ec{display:grid;grid-template-rows:0fr;-webkit-transition:grid-template-rows 0.2s ease-out;transition:grid-template-rows 0.2s ease-out;overflow:hidden;}.AccordionItem_styles_jmhhzd_s1x1tofe__b11c13ec.AccordionItem_styles_jmhhzd_accordionItemShowBody__b11c13ec{grid-template-rows:1fr;padding-bottom:var(--plasma-accordion-item-body-padding-bottom,var(--plasma-accordion-item-padding-vertical));}.AccordionItem_styles_jmhhzd_s1x1tofe__b11c13ec.AccordionItem_styles_jmhhzd_accordionItemShowBody__b11c13ec.AccordionItem_styles_jmhhzd_accordionPlusAnimationElement__b11c13ec{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
-.AccordionItem_styles_jmhhzd_sx7q49v__b11c13ec{color:var(--plasma-accordion-item-text-color);font-family:var(--plasma-accordion-item-text-font-family);font-size:var(--plasma-accordion-item-text-font-size);font-weight:var(--plasma-accordion-item-text-font-weight);font-style:var(--plasma-accordion-item-text-font-style);-webkit-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);-moz-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);-ms-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);letter-spacing:var(--plasma-accordion-item-text-letter-spacing);line-height:var(--plasma-accordion-item-text-line-height);overflow:hidden;padding-right:var(--plasma-accordion-item-padding-horizontal);padding-left:var(--plasma-accordion-item-padding-horizontal-left);text-align:left;}
-.AccordionItem_styles_jmhhzd_s1avkyhz__b11c13ec{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-accordion-item-color-icon);}
-.AccordionItem_styles_jmhhzd_s1egd5jo__b11c13ec{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-accordion-item-color-icon);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;position:absolute;top:0;left:0;}.AccordionItem_styles_jmhhzd_s1egd5jo__b11c13ec.AccordionItem_styles_jmhhzd_accordionPlusAnimationElement__b11c13ec{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.AccordionItem_styles_jmhhzd_s1egd5jo__b11c13ec.AccordionItem_styles_jmhhzd_accordionItemShowBody__b11c13ec{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-color-icon));}
-.AccordionItem_styles_jmhhzd_s152y2r1__b11c13ec{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-accordion-item-icon-size,1rem);height:var(--plasma-accordion-item-icon-size,1rem);}
-.AccordionItem_styles_jmhhzd_so4zk5c__b11c13ec{background:var(--plasma-accordion-item-background);border:var(--plasma-accordion-item-border);border-bottom:var(--plasma-accordion-item-border-bottom);box-shadow:var(--plasma-accordion-item-shadow);}.AccordionItem_styles_jmhhzd_so4zk5c__b11c13ec:last-child{border-bottom:var(--plasma-accordion-item-border);}.AccordionItem_styles_jmhhzd_so4zk5c__b11c13ec.AccordionItem_styles_jmhhzd_accordionDisabled__b11c13ec{opacity:0.4;cursor:not-allowed;}.AccordionItem_styles_jmhhzd_so4zk5c__b11c13ec:hover:not(.AccordionItem_styles_jmhhzd_accordionItemOpened__b11c13ec){background:var(--plasma-accordion-item-background-hover,var(--plasma-accordion-item-background));}.AccordionItem_styles_jmhhzd_so4zk5c__b11c13ec.AccordionItem_styles_jmhhzd_accordionItemOpened__b11c13ec{background:var(--plasma-accordion-item-opened-background,var(--plasma-accordion-item-background));}.AccordionItem_styles_jmhhzd_so4zk5c__b11c13ec.AccordionItem_styles_jmhhzd_accordionItemOpened__b11c13ec .AccordionItem_styles_jmhhzd_s1avkyhz__b11c13ec{color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-color-icon));}.AccordionItem_styles_jmhhzd_so4zk5c__b11c13ec.AccordionItem_styles_jmhhzd_accordionItemOpened__b11c13ec .AccordionItem_styles_jmhhzd_s11pmsun__b11c13ec{color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-title-color));}
+.AccordionItem_styles_2z3bya_s18r4alo__bfecc988{width:100%;border:none;padding:var(--plasma-accordion-item-padding);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-accordion-item-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;box-sizing:border-box;cursor:pointer;position:relative;}.AccordionItem_styles_2z3bya_s18r4alo__bfecc988:focus{outline:none;}.AccordionItem_styles_2z3bya_s18r4alo__bfecc988::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma_private-calculated-border-radius);outline:0.125rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.AccordionItem_styles_2z3bya_s18r4alo__bfecc988.AccordionItem_styles_2z3bya_focusVisible__bfecc988:focus::before,.AccordionItem_styles_2z3bya_s18r4alo__bfecc988[data-focus-visible-added]::before{outline-color:var(--plasma-accordion-item-focus);}
+.AccordionItem_styles_2z3bya_smlmb15__bfecc988{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-accordion-item-header-left-gap,var(--plasma-accordion-item-gap));-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.AccordionItem_styles_2z3bya_s17ielqg__bfecc988{-webkit-transition:0.2s;transition:0.2s;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;}.AccordionItem_styles_2z3bya_s17ielqg__bfecc988.AccordionItem_styles_2z3bya_accordionArrowAnimation__bfecc988.AccordionItem_styles_2z3bya_accordionItemShowBody__bfecc988{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.AccordionItem_styles_2z3bya_s17ielqg__bfecc988.AccordionItem_styles_2z3bya_accordionSignAnimation__bfecc988{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.AccordionItem_styles_2z3bya_s17ielqg__bfecc988.AccordionItem_styles_2z3bya_accordionSignAnimation__bfecc988.AccordionItem_styles_2z3bya_accordionItemShowBody__bfecc988{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
+.AccordionItem_styles_2z3bya_s1x1tofe__bfecc988{color:var(--plasma-accordion-item-title-color);font-family:var(--plasma-accordion-item-title-font-family);font-size:var(--plasma-accordion-item-title-font-size);font-weight:var(--plasma-accordion-item-title-font-weight);font-style:var(--plasma-accordion-item-title-font-style);-webkit-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);letter-spacing:var(--plasma-accordion-item-title-letter-spacing);line-height:var(--plasma-accordion-item-title-line-height);text-align:left;}
+.AccordionItem_styles_2z3bya_sx7q49v__bfecc988{display:grid;grid-template-rows:0fr;-webkit-transition:grid-template-rows 0.2s ease-out;transition:grid-template-rows 0.2s ease-out;overflow:hidden;}.AccordionItem_styles_2z3bya_sx7q49v__bfecc988.AccordionItem_styles_2z3bya_accordionItemShowBody__bfecc988{grid-template-rows:1fr;padding-bottom:var(--plasma-accordion-item-body-padding-bottom,var(--plasma-accordion-item-padding-vertical));}.AccordionItem_styles_2z3bya_sx7q49v__bfecc988.AccordionItem_styles_2z3bya_accordionItemShowBody__bfecc988.AccordionItem_styles_2z3bya_accordionPlusAnimationElement__bfecc988{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
+.AccordionItem_styles_2z3bya_s1avkyhz__bfecc988{color:var(--plasma-accordion-item-text-color);font-family:var(--plasma-accordion-item-text-font-family);font-size:var(--plasma-accordion-item-text-font-size);font-weight:var(--plasma-accordion-item-text-font-weight);font-style:var(--plasma-accordion-item-text-font-style);-webkit-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);-moz-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);-ms-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);letter-spacing:var(--plasma-accordion-item-text-letter-spacing);line-height:var(--plasma-accordion-item-text-line-height);overflow:hidden;padding-right:var(--plasma-accordion-item-padding-horizontal);padding-left:var(--plasma-accordion-item-padding-horizontal-left);text-align:left;}
+.AccordionItem_styles_2z3bya_s1egd5jo__bfecc988{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-accordion-item-color-icon);}
+.AccordionItem_styles_2z3bya_s152y2r1__bfecc988{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-accordion-item-color-icon);}
+.AccordionItem_styles_2z3bya_so4zk5c__bfecc988{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-accordion-item-color-icon);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;position:absolute;top:0;left:0;}.AccordionItem_styles_2z3bya_so4zk5c__bfecc988.AccordionItem_styles_2z3bya_accordionPlusAnimationElement__bfecc988{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.AccordionItem_styles_2z3bya_so4zk5c__bfecc988.AccordionItem_styles_2z3bya_accordionItemShowBody__bfecc988{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-color-icon));}
+.AccordionItem_styles_2z3bya_sck20s3__bfecc988{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-accordion-item-icon-size,1rem);height:var(--plasma-accordion-item-icon-size,1rem);}
+.AccordionItem_styles_2z3bya_soue3sn__bfecc988{background:var(--plasma-accordion-item-background);border:var(--plasma-accordion-item-border);border-bottom:var(--plasma-accordion-item-border-bottom);box-shadow:var(--plasma-accordion-item-shadow);}.AccordionItem_styles_2z3bya_soue3sn__bfecc988:last-child{border-bottom:var(--plasma-accordion-item-border);}.AccordionItem_styles_2z3bya_soue3sn__bfecc988.AccordionItem_styles_2z3bya_accordionDisabled__bfecc988{opacity:0.4;cursor:not-allowed;}.AccordionItem_styles_2z3bya_soue3sn__bfecc988:hover:not(.AccordionItem_styles_2z3bya_accordionItemOpened__bfecc988){background:var(--plasma-accordion-item-background-hover,var(--plasma-accordion-item-background));}.AccordionItem_styles_2z3bya_soue3sn__bfecc988.AccordionItem_styles_2z3bya_accordionItemOpened__bfecc988{background:var(--plasma-accordion-item-opened-background,var(--plasma-accordion-item-background));}.AccordionItem_styles_2z3bya_soue3sn__bfecc988.AccordionItem_styles_2z3bya_accordionItemOpened__bfecc988 .AccordionItem_styles_2z3bya_s1egd5jo__bfecc988{color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-color-icon));}.AccordionItem_styles_2z3bya_soue3sn__bfecc988.AccordionItem_styles_2z3bya_accordionItemOpened__bfecc988 .AccordionItem_styles_2z3bya_s152y2r1__bfecc988{color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-color-icon));}.AccordionItem_styles_2z3bya_soue3sn__bfecc988.AccordionItem_styles_2z3bya_accordionItemOpened__bfecc988 .AccordionItem_styles_2z3bya_s1x1tofe__bfecc988{color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-title-color));}

package/dist/css/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js CHANGED Viewed

@@ -13,18 +13,19 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
-var _excluded = ["value", "contentRight", "contentLeft", "title", "pin", "children", "type", "index", "className", "style", "eventKey", "disabled", "alignWithTitle", "opened", "view", "onChange", "onClick", "titleProps", "bodyProps"];
+var _excluded = ["value", "contentRight", "contentLeft", "defaultIconContent", "defaultIconPlacement", "title", "pin", "children", "type", "index", "className", "style", "eventKey", "disabled", "alignWithTitle", "opened", "view", "onChange", "onClick", "titleProps", "bodyProps"];
 var AccordionItem = /*#__PURE__*/React.forwardRef(function (_ref, outerRef) {
-  var _ref2;
+  var _ref2, _ref3, _StyledAnimationPlus;
   var value = _ref.value,
     contentRight = _ref.contentRight,
     contentLeft = _ref.contentLeft,
+    defaultIconContent = _ref.defaultIconContent,
+    defaultIconPlacement = _ref.defaultIconPlacement,
     title = _ref.title,
     _ref$pin = _ref.pin,
     pin = _ref$pin === void 0 ? 'square-square' : _ref$pin,
     children = _ref.children,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'sign' : _ref$type,
+    type = _ref.type,
     index$1 = _ref.index,
     className = _ref.className,
     style = _ref.style,
@@ -40,6 +41,9 @@ var AccordionItem = /*#__PURE__*/React.forwardRef(function (_ref, outerRef) {
     bodyProps = _ref.bodyProps,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var key = (_ref2 = eventKey !== null && eventKey !== void 0 ? eventKey : index$1) !== null && _ref2 !== void 0 ? _ref2 : 0;
+  var resolvedDefaultIconContent = (_ref3 = defaultIconContent !== null && defaultIconContent !== void 0 ? defaultIconContent : type) !== null && _ref3 !== void 0 ? _ref3 : 'sign';
+  var resolvedDefaultIconPlacement = defaultIconPlacement !== null && defaultIconPlacement !== void 0 ? defaultIconPlacement : defaultIconContent === undefined && type === 'arrow' ? 'left' : 'right';
+  var openedState = opened !== null && opened !== void 0 ? opened : value;
   var _useState = React.useState(),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     leftPadding = _useState2[0],
@@ -61,8 +65,8 @@ var AccordionItem = /*#__PURE__*/React.forwardRef(function (_ref, outerRef) {
     var leftContentWidth = (_leftContentRef$curre = leftContentRef === null || leftContentRef === void 0 || (_leftContentRef$curre2 = leftContentRef.current) === null || _leftContentRef$curre2 === void 0 ? void 0 : _leftContentRef$curre2.offsetWidth) !== null && _leftContentRef$curre !== void 0 ? _leftContentRef$curre : 0;
     var leftPaddingBody = leftContentWidth && (alignWithTitle || view === 'clear') ? "calc(".concat(leftContentWidth, "px + var(").concat(Accordion_tokens.tokens.accordionItemGap, "))") : 0;
     setLeftPadding(leftPaddingBody);
-  }, [value, type, leftContentRef, setLeftPadding]);
-  var openedBodyClass = (opened !== null && opened !== void 0 ? opened : value) ? Accordion_tokens.classes.accordionItemShowBody : undefined;
+  }, [alignWithTitle, contentLeft, defaultIconContent, defaultIconPlacement, type, value, view]);
+  var openedBodyClass = openedState ? Accordion_tokens.classes.accordionItemShowBody : undefined;
   var StyledAnimationPlus = function StyledAnimationPlus() {
     return /*#__PURE__*/React__default.default.createElement(AccordionItem_styles.StyledPlus, null, /*#__PURE__*/React__default.default.createElement(AccordionItem_styles.StyledMinus, {
       size: "xs",
@@ -76,16 +80,46 @@ var AccordionItem = /*#__PURE__*/React.forwardRef(function (_ref, outerRef) {
     }));
   };
   var accordionBorderRadius = roundness.convertRoundnessMatrix(pin, "var(".concat(Accordion_tokens.tokens.accordionItemViewBorderRadius, ", var(").concat(Accordion_tokens.tokens.accordionItemBorderRadius, "))"), '1.5rem');
-  var openedClass = (opened !== null && opened !== void 0 ? opened : value) ? Accordion_tokens.classes.accordionItemOpened : '';
+  var openedClass = openedState ? Accordion_tokens.classes.accordionItemOpened : '';
   var disabledClass = disabled ? Accordion_tokens.classes.accordionDisabled : '';
-  var leftContent = contentLeft !== null && contentLeft !== void 0 ? contentLeft : type === 'arrow' ? /*#__PURE__*/React__default.default.createElement(AccordionItem_styles.StyledArrow, {
-    size: "xs",
-    color: "inherit",
-    sizeCustomProperty: Accordion_tokens.tokens.accordionItemIconSize
-  }) : undefined;
-  var leftContentRotate = type === 'arrow' && (opened !== null && opened !== void 0 ? opened : value) ? Accordion_tokens.classes.accordionItemShowBody : undefined;
-  var rightContent = contentRight !== null && contentRight !== void 0 ? contentRight : type === 'sign' ? /*#__PURE__*/React__default.default.createElement(StyledAnimationPlus, null) : undefined;
-  var rightContentRotate = type === 'sign' && (opened !== null && opened !== void 0 ? opened : value) ? Accordion_tokens.classes.accordionItemShowBody : undefined;
+  var getDefaultIcon = function getDefaultIcon() {
+    switch (resolvedDefaultIconContent) {
+      case 'arrow':
+        return /*#__PURE__*/React__default.default.createElement(AccordionItem_styles.StyledArrow, {
+          size: "xs",
+          color: "inherit",
+          sizeCustomProperty: Accordion_tokens.tokens.accordionItemIconSize
+        });
+      case 'chevron':
+        return /*#__PURE__*/React__default.default.createElement(AccordionItem_styles.StyledChevron, {
+          size: "xs",
+          color: "inherit",
+          sizeCustomProperty: Accordion_tokens.tokens.accordionItemIconSize
+        });
+      case 'sign':
+        return _StyledAnimationPlus || (_StyledAnimationPlus = /*#__PURE__*/React__default.default.createElement(StyledAnimationPlus, null));
+      default:
+        return undefined;
+    }
+  };
+  var defaultIcon = getDefaultIcon();
+  var defaultIconAnimationClass;
+  if (resolvedDefaultIconContent === 'sign') {
+    defaultIconAnimationClass = Accordion_tokens.classes.accordionSignAnimation;
+  } else if (resolvedDefaultIconContent === 'arrow' || resolvedDefaultIconContent === 'chevron') {
+    defaultIconAnimationClass = Accordion_tokens.classes.accordionArrowAnimation;
+  }
+  var defaultLeftContent = resolvedDefaultIconPlacement === 'left' ? defaultIcon : undefined;
+  var defaultRightContent = resolvedDefaultIconPlacement === 'right' ? defaultIcon : undefined;
+  var leftContent = contentLeft !== undefined ? contentLeft : defaultLeftContent;
+  var leftContentClassName = contentLeft === undefined ? index.cx(defaultIconAnimationClass, openedBodyClass) : undefined;
+  var rightContentClassName = index.cx(defaultIconAnimationClass, openedBodyClass);
+  var renderedRightContent = contentRight;
+  if (contentRight === undefined && defaultRightContent) {
+    renderedRightContent = /*#__PURE__*/React__default.default.createElement(AccordionItem_styles.StyledAccordionContentRight, {
+      className: rightContentClassName
+    }, defaultRightContent);
+  }
   return /*#__PURE__*/React__default.default.createElement(AccordionItem_styles.StyledAccordionItem, _rollupPluginBabelHelpers.extends({
     className: index.cx(Accordion_tokens.classes.accordionItem, className, openedClass, disabledClass),
     key: key,
@@ -102,18 +136,16 @@ var AccordionItem = /*#__PURE__*/React.forwardRef(function (_ref, outerRef) {
     },
     tabIndex: 0,
     onClick: handleOpen,
-    "aria-expanded": opened !== null && opened !== void 0 ? opened : value,
+    "aria-expanded": openedState,
     "aria-controls": "accordion-item-section".concat(key),
     id: "accordion-item-".concat(key),
     style: _rollupPluginBabelHelpers.defineProperty({}, Accordion_tokens.privateTokens.calculatedBorderRadius, accordionBorderRadius)
   }, /*#__PURE__*/React__default.default.createElement(AccordionItem_styles.StyledAccordionHeaderLeft, null, leftContent && /*#__PURE__*/React__default.default.createElement(AccordionItem_styles.StyledAccordionContentLeft, {
     ref: leftContentRef,
-    className: leftContentRotate
-  }, leftContent), /*#__PURE__*/React__default.default.createElement(AccordionItem_styles.StyledAccordionTitle, titleProps, title)), contentRight || rightContent && /*#__PURE__*/React__default.default.createElement(AccordionItem_styles.StyledAccordionContentRight, {
-    className: rightContentRotate
-  }, rightContent && rightContent)), /*#__PURE__*/React__default.default.createElement(AccordionItem_styles.StyledAccordionBodyAnimate, _rollupPluginBabelHelpers.extends({
+    className: leftContentClassName
+  }, leftContent), /*#__PURE__*/React__default.default.createElement(AccordionItem_styles.StyledAccordionTitle, titleProps, title)), renderedRightContent), /*#__PURE__*/React__default.default.createElement(AccordionItem_styles.StyledAccordionBodyAnimate, _rollupPluginBabelHelpers.extends({
     "aria-labelledby": "accordion-item-".concat(key),
-    "aria-hidden": !(opened !== null && opened !== void 0 ? opened : value),
+    "aria-hidden": !openedState,
     id: "accordion-item-section".concat(key),
     className: index.cx(openedBodyClass),
     style: {

package/dist/css/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js CHANGED Viewed

@@ -1,9 +1,10 @@
-require('./AccordionItem.styles_jmhhzd.css');
+require('./AccordionItem.styles_2z3bya.css');
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
 var react = require('@linaria/react');
+var IconChevronDown = require('../../../_Icon/Icons/IconChevronDown.js');
 var IconChevronDownFill = require('../../../_Icon/Icons/IconChevronDownFill.js');
 var IconMinus = require('../../../_Icon/Icons/IconMinus.js');
@@ -17,55 +18,74 @@ var StyledAccordionHeaderLeft = /*#__PURE__*/react.styled('div')({
   "class": "smlmb15",
   propsAsIs: false
 });
-var StyledAccordionContentRight = /*#__PURE__*/react.styled('div')({
-  name: "StyledAccordionContentRight",
+var StyledAccordionContent = /*#__PURE__*/react.styled('div')({
+  name: "StyledAccordionContent",
   "class": "s17ielqg",
   propsAsIs: false
 });
-var StyledAccordionContentLeft = /*#__PURE__*/react.styled('div')({
-  name: "StyledAccordionContentLeft",
+var _exp0 = function _exp0() {
+  return StyledAccordionContent;
+};
+var StyledAccordionContentRight = /*#__PURE__*/react.styled(_exp0())({
+  name: "StyledAccordionContentRight",
   "class": "s1b9vluo",
-  propsAsIs: false
+  propsAsIs: true
+});
+var _exp1 = function _exp1() {
+  return StyledAccordionContent;
+};
+var StyledAccordionContentLeft = /*#__PURE__*/react.styled(_exp1())({
+  name: "StyledAccordionContentLeft",
+  "class": "s11pmsun",
+  propsAsIs: true
 });
 var StyledAccordionTitle = /*#__PURE__*/react.styled('div')({
   name: "StyledAccordionTitle",
-  "class": "s11pmsun",
+  "class": "s1x1tofe",
   propsAsIs: false
 });
 var StyledAccordionBodyAnimate = /*#__PURE__*/react.styled('div')({
   name: "StyledAccordionBodyAnimate",
-  "class": "s1x1tofe",
+  "class": "sx7q49v",
   propsAsIs: false
 });
 var StyledAccordionBody = /*#__PURE__*/react.styled('div')({
   name: "StyledAccordionBody",
-  "class": "sx7q49v",
+  "class": "s1avkyhz",
   propsAsIs: false
 });
-var _exp26 = function _exp26() {
+var _exp30 = function _exp30() {
   return IconChevronDownFill.IconChevronDownFill;
 };
-var StyledArrow = /*#__PURE__*/react.styled(_exp26())({
+var StyledArrow = /*#__PURE__*/react.styled(_exp30())({
   name: "StyledArrow",
-  "class": "s1avkyhz",
+  "class": "s1egd5jo",
   propsAsIs: true
 });
-var _exp28 = function _exp28() {
+var _exp32 = function _exp32() {
+  return IconChevronDown.IconChevronDown;
+};
+var StyledChevron = /*#__PURE__*/react.styled(_exp32())({
+  name: "StyledChevron",
+  "class": "s152y2r1",
+  propsAsIs: true
+});
+var _exp34 = function _exp34() {
   return IconMinus.IconMinus;
 };
-var StyledMinus = /*#__PURE__*/react.styled(_exp28())({
+var StyledMinus = /*#__PURE__*/react.styled(_exp34())({
   name: "StyledMinus",
-  "class": "s1egd5jo",
+  "class": "so4zk5c",
   propsAsIs: true
 });
 var StyledPlus = /*#__PURE__*/react.styled('div')({
   name: "StyledPlus",
-  "class": "s152y2r1",
+  "class": "sck20s3",
   propsAsIs: false
 });
 var StyledAccordionItem = /*#__PURE__*/react.styled('div')({
   name: "StyledAccordionItem",
-  "class": "so4zk5c",
+  "class": "soue3sn",
   propsAsIs: false
 });
@@ -78,5 +98,6 @@ exports.StyledAccordionHeaderLeft = StyledAccordionHeaderLeft;
 exports.StyledAccordionItem = StyledAccordionItem;
 exports.StyledAccordionTitle = StyledAccordionTitle;
 exports.StyledArrow = StyledArrow;
+exports.StyledChevron = StyledChevron;
 exports.StyledMinus = StyledMinus;
 exports.StyledPlus = StyledPlus;

package/dist/css/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles_2z3bya.css ADDED Viewed

@@ -0,0 +1,13 @@
+.s18r4alo{width:100%;border:none;padding:var(--plasma-accordion-item-padding);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-accordion-item-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;box-sizing:border-box;cursor:pointer;position:relative;}.s18r4alo:focus{outline:none;}.s18r4alo::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma_private-calculated-border-radius);outline:0.125rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.s18r4alo.focus-visible:focus::before,.s18r4alo[data-focus-visible-added]::before{outline-color:var(--plasma-accordion-item-focus);}
+.smlmb15{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-accordion-item-header-left-gap,var(--plasma-accordion-item-gap));-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.s17ielqg{-webkit-transition:0.2s;transition:0.2s;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;}.s17ielqg.accordion-arrow-animation.accordion-item-show-body{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.s17ielqg.accordion-sign-animation{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.s17ielqg.accordion-sign-animation.accordion-item-show-body{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
+.s1x1tofe{color:var(--plasma-accordion-item-title-color);font-family:var(--plasma-accordion-item-title-font-family);font-size:var(--plasma-accordion-item-title-font-size);font-weight:var(--plasma-accordion-item-title-font-weight);font-style:var(--plasma-accordion-item-title-font-style);-webkit-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);letter-spacing:var(--plasma-accordion-item-title-letter-spacing);line-height:var(--plasma-accordion-item-title-line-height);text-align:left;}
+.sx7q49v{display:grid;grid-template-rows:0fr;-webkit-transition:grid-template-rows 0.2s ease-out;transition:grid-template-rows 0.2s ease-out;overflow:hidden;}.sx7q49v.accordion-item-show-body{grid-template-rows:1fr;padding-bottom:var(--plasma-accordion-item-body-padding-bottom,var(--plasma-accordion-item-padding-vertical));}.sx7q49v.accordion-item-show-body.accordion-plus-animation-element{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
+.s1avkyhz{color:var(--plasma-accordion-item-text-color);font-family:var(--plasma-accordion-item-text-font-family);font-size:var(--plasma-accordion-item-text-font-size);font-weight:var(--plasma-accordion-item-text-font-weight);font-style:var(--plasma-accordion-item-text-font-style);-webkit-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);-moz-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);-ms-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);letter-spacing:var(--plasma-accordion-item-text-letter-spacing);line-height:var(--plasma-accordion-item-text-line-height);overflow:hidden;padding-right:var(--plasma-accordion-item-padding-horizontal);padding-left:var(--plasma-accordion-item-padding-horizontal-left);text-align:left;}
+.s1egd5jo{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-accordion-item-color-icon);}
+.s152y2r1{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-accordion-item-color-icon);}
+.so4zk5c{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-accordion-item-color-icon);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;position:absolute;top:0;left:0;}.so4zk5c.accordion-plus-animation-element{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.so4zk5c.accordion-item-show-body{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-color-icon));}
+.sck20s3{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-accordion-item-icon-size,1rem);height:var(--plasma-accordion-item-icon-size,1rem);}
+.soue3sn{background:var(--plasma-accordion-item-background);border:var(--plasma-accordion-item-border);border-bottom:var(--plasma-accordion-item-border-bottom);box-shadow:var(--plasma-accordion-item-shadow);}.soue3sn:last-child{border-bottom:var(--plasma-accordion-item-border);}.soue3sn.accordion-disabled{opacity:0.4;cursor:not-allowed;}.soue3sn:hover:not(.accordion-item-opened){background:var(--plasma-accordion-item-background-hover,var(--plasma-accordion-item-background));}.soue3sn.accordion-item-opened{background:var(--plasma-accordion-item-opened-background,var(--plasma-accordion-item-background));}.soue3sn.accordion-item-opened .s1egd5jo{color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-color-icon));}.soue3sn.accordion-item-opened .s152y2r1{color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-color-icon));}.soue3sn.accordion-item-opened .s1x1tofe{color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-title-color));}

package/dist/css/cjs/components/Attach/Attach.css CHANGED Viewed

@@ -22,9 +22,8 @@
 .base_47yrt4_b1ffw72l__57fcff4b{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
-.Spinner_styles_79n8hc_bl1a930__bbf04b10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;position:relative;}
-.Spinner_styles_79n8hc_b13vlb5e__bbf04b10{position:absolute;inset:0;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;}
-.Spinner_styles_79n8hc_s18n71kv__bbf04b10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s18n71kv-0);height:var(--s18n71kv-1);-webkit-animation:Spinner_styles_79n8hc_rotateS18n71kv__bbf04b10 1s linear infinite;animation:Spinner_styles_79n8hc_rotateS18n71kv__bbf04b10 1s linear infinite;}@-webkit-keyframes Spinner_styles_79n8hc_rotateS18n71kv__bbf04b10{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_79n8hc_rotateS18n71kv__bbf04b10{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
+.Spinner_styles_7n7hh0_bl1a930__dfdcb852{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
+.Spinner_styles_7n7hh0_s13vlb5e__dfdcb852{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s13vlb5e-0);height:var(--s13vlb5e-1);-webkit-animation:Spinner_styles_7n7hh0_rotateS13vlb5e__dfdcb852 1s linear infinite;animation:Spinner_styles_7n7hh0_rotateS13vlb5e__dfdcb852 1s linear infinite;}@-webkit-keyframes Spinner_styles_7n7hh0_rotateS13vlb5e__dfdcb852{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_7n7hh0_rotateS13vlb5e__dfdcb852{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
 .Button_styles_inigzo_b1gnd6ak__34d2ee66{min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_inigzo_b1gnd6ak__34d2ee66.Button_styles_inigzo_buttonContentRelaxed__34d2ee66{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;text-align:start;}
 .Button_styles_inigzo_ss7vh3f__34d2ee66{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:var(--plasma-button-additional-content-margin);}.Button_styles_inigzo_ss7vh3f__34d2ee66.Button_styles_inigzo_buttonContentRelaxed__34d2ee66{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}.Button_styles_inigzo_ss7vh3f__34d2ee66.Button_styles_inigzo_buttonHasValue__34d2ee66{margin-right:var(--plasma-button-additional-content-margin-right-width-value);}
@@ -76,13 +75,13 @@
 .base_1vsph0r_b1ebstjj__ef9567da{height:var(--plasma-button-height);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);}
-.base_8ijv81_b12hpadc__54af0137[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:var(--plasma-button-cursor,not-allowed);}.base_8ijv81_b12hpadc__54af0137[disabled]:hover,.base_8ijv81_b12hpadc__54af0137[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);box-shadow:inset 0 0 0 0.063rem var(--plasma-button-border-color,inset 0 0 0 0 transparent);}
+.base_xk8a92_b12hpadc__42db1b12[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.base_xk8a92_b12hpadc__42db1b12[disabled]:hover,.base_xk8a92_b12hpadc__42db1b12[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);box-shadow:inset 0 0 0 0.063rem var(--plasma-button-border-color,inset 0 0 0 0 transparent);}
 .base_2o6xu8_b1ods17y__64cb47d9{position:relative;}.base_2o6xu8_b1ods17y__64cb47d9:focus{outline:none;}.base_2o6xu8_b1ods17y__64cb47d9:focus-visible{outline:none;}.base_2o6xu8_b1ods17y__64cb47d9::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma_private-btn-br);outline:var(--plasma_private-btn-outline-size) solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.base_2o6xu8_b1ods17y__64cb47d9.base_2o6xu8_focusVisible__64cb47d9:focus::before,.base_2o6xu8_b1ods17y__64cb47d9[data-focus-visible-added]::before{outline-color:var(--plasma-button-focus-color);}
 .base_fs39u1_bwkux9b__6e40e36a.base_fs39u1_buttonStretchingFixed__6e40e36a{width:var(--plasma-button-width);}.base_fs39u1_bwkux9b__6e40e36a.base_fs39u1_buttonStretchingFilled__6e40e36a{width:100%;}.base_fs39u1_bwkux9b__6e40e36a.base_fs39u1_buttonStretchingAuto__6e40e36a{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
-.IconButton_styles_3p9hca_blr36gw__7540fe98{--box-shadow-spread:var(--plasma-button-border-width,0.063rem);position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);box-shadow:inset 0 0 0 var(--box-shadow-spread) var(--plasma-button-border-color,inset 0 0 0 0 transparent);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-border-color:var(--plasma-icon-button-border-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-border-color-hover:var(--plasma-icon-button-border-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-border-color-active:var(--plasma-icon-button-border-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);--plasma-button-border-width:var(--plasma-icon-button-border-width);--plasma-button-cursor:var(--plasma-icon-button-cursor);}a.IconButton_styles_3p9hca_blr36gw__7540fe98{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_3p9hca_blr36gw__7540fe98.IconButton_styles_3p9hca_blr36gw__7540fe98.IconButton_styles_3p9hca_buttonSquare__7540fe98{width:var(--plasma-button-height);padding:0;}@media (hover:hover) and (pointer:fine){.IconButton_styles_3p9hca_blr36gw__7540fe98:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));box-shadow:inset 0 0 0 var(--box-shadow-spread) var(--plasma-button-border-color-hover,inset 0 0 0 0 transparent);scale:var(--plasma-button-scale-hover);}}.IconButton_styles_3p9hca_blr36gw__7540fe98:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));box-shadow:inset 0 0 0 var(--box-shadow-spread) var(--plasma-button-border-color-active,inset 0 0 0 0 transparent);scale:var(---plasma-button-scale-active);}.IconButton_styles_3p9hca_blr36gw__7540fe98:focus-visible{outline:none;}.IconButton_styles_3p9hca_blr36gw__7540fe98::before{content:'';position:absolute;inset:0;z-index:1;border-radius:calc(0.125rem + var(--plasma_private-btn-br));outline:var(--plasma_private-btn-outline-size) solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_3p9hca_blr36gw__7540fe98.IconButton_styles_3p9hca_focusVisible__7540fe98:focus::before,.IconButton_styles_3p9hca_blr36gw__7540fe98[data-focus-visible-added]::before{outline-color:var(--plasma-button-focus-color);}.IconButton_styles_3p9hca_blr36gw__7540fe98[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}@media (hover:hover) and (pointer:fine){.IconButton_styles_3p9hca_blr36gw__7540fe98[disabled]:hover,.IconButton_styles_3p9hca_blr36gw__7540fe98[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}}.IconButton_styles_3p9hca_blr36gw__7540fe98.IconButton_styles_3p9hca_buttonStretchingFixed__7540fe98{width:var(--plasma-button-width);}.IconButton_styles_3p9hca_blr36gw__7540fe98.IconButton_styles_3p9hca_buttonStretchingFilled__7540fe98{width:100%;}.IconButton_styles_3p9hca_blr36gw__7540fe98.IconButton_styles_3p9hca_buttonStretchingAuto__7540fe98{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e{--box-shadow-spread:var(--plasma-button-border-width,0.063rem);position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);box-shadow:inset 0 0 0 var(--box-shadow-spread) var(--plasma-button-border-color,inset 0 0 0 0 transparent);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-border-color:var(--plasma-icon-button-border-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-border-color-hover:var(--plasma-icon-button-border-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-border-color-active:var(--plasma-icon-button-border-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);--plasma-button-border-width:var(--plasma-icon-button-border-width);}a.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_buttonSquare__03e8ec5e{width:var(--plasma-button-height);padding:0;}@media (hover:hover) and (pointer:fine){.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));box-shadow:inset 0 0 0 var(--box-shadow-spread) var(--plasma-button-border-color-hover,inset 0 0 0 0 transparent);scale:var(--plasma-button-scale-hover);}}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));box-shadow:inset 0 0 0 var(--box-shadow-spread) var(--plasma-button-border-color-active,inset 0 0 0 0 transparent);scale:var(---plasma-button-scale-active);}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e:focus-visible{outline:none;}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e::before{content:'';position:absolute;inset:0;z-index:1;border-radius:calc(0.125rem + var(--plasma_private-btn-br));outline:var(--plasma_private-btn-outline-size) solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_focusVisible__03e8ec5e:focus::before,.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e[data-focus-visible-added]::before{outline-color:var(--plasma-button-focus-color);}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}@media (hover:hover) and (pointer:fine){.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e[disabled]:hover,.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_buttonStretchingFixed__03e8ec5e{width:var(--plasma-button-width);}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_buttonStretchingFilled__03e8ec5e{width:100%;}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_buttonStretchingAuto__03e8ec5e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
 .IconButton_styles_1xwaxjr_slgpst7__e619b22c{--plasma-icon-button-color:var(--plasma-attach-icon-button-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-spinner-size);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
 .IconButton_styles_1xwaxjr_s12nkh3q__e619b22c{--plasma-icon-button-color:var(--plasma-attach-icon-button-cancel-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-cancel-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-cancel-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-cancel-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-cancel-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-cancel-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-cancel-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-cancel-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-cancel-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-cancel-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-cancel-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-cancel-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-cancel-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-cancel-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-cancel-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-cancel-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-cancel-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-cancel-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-cancel-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-cancel-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-cancel-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-cancel-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-cancel-spinner-size);}

package/dist/css/cjs/components/Attach/components/AttachButton/AttachButton.css CHANGED Viewed

@@ -2,9 +2,8 @@
 .base_47yrt4_b1ffw72l__57fcff4b{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
-.Spinner_styles_79n8hc_bl1a930__bbf04b10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;position:relative;}
-.Spinner_styles_79n8hc_b13vlb5e__bbf04b10{position:absolute;inset:0;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;}
-.Spinner_styles_79n8hc_s18n71kv__bbf04b10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s18n71kv-0);height:var(--s18n71kv-1);-webkit-animation:Spinner_styles_79n8hc_rotateS18n71kv__bbf04b10 1s linear infinite;animation:Spinner_styles_79n8hc_rotateS18n71kv__bbf04b10 1s linear infinite;}@-webkit-keyframes Spinner_styles_79n8hc_rotateS18n71kv__bbf04b10{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_79n8hc_rotateS18n71kv__bbf04b10{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
+.Spinner_styles_7n7hh0_bl1a930__dfdcb852{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
+.Spinner_styles_7n7hh0_s13vlb5e__dfdcb852{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s13vlb5e-0);height:var(--s13vlb5e-1);-webkit-animation:Spinner_styles_7n7hh0_rotateS13vlb5e__dfdcb852 1s linear infinite;animation:Spinner_styles_7n7hh0_rotateS13vlb5e__dfdcb852 1s linear infinite;}@-webkit-keyframes Spinner_styles_7n7hh0_rotateS13vlb5e__dfdcb852{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_7n7hh0_rotateS13vlb5e__dfdcb852{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
 .Button_styles_inigzo_b1gnd6ak__34d2ee66{min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_inigzo_b1gnd6ak__34d2ee66.Button_styles_inigzo_buttonContentRelaxed__34d2ee66{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;text-align:start;}
 .Button_styles_inigzo_ss7vh3f__34d2ee66{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:var(--plasma-button-additional-content-margin);}.Button_styles_inigzo_ss7vh3f__34d2ee66.Button_styles_inigzo_buttonContentRelaxed__34d2ee66{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}.Button_styles_inigzo_ss7vh3f__34d2ee66.Button_styles_inigzo_buttonHasValue__34d2ee66{margin-right:var(--plasma-button-additional-content-margin-right-width-value);}
@@ -65,13 +64,13 @@
 .base_1vsph0r_b1ebstjj__ef9567da{height:var(--plasma-button-height);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);}
-.base_8ijv81_b12hpadc__54af0137[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:var(--plasma-button-cursor,not-allowed);}.base_8ijv81_b12hpadc__54af0137[disabled]:hover,.base_8ijv81_b12hpadc__54af0137[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);box-shadow:inset 0 0 0 0.063rem var(--plasma-button-border-color,inset 0 0 0 0 transparent);}
+.base_xk8a92_b12hpadc__42db1b12[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.base_xk8a92_b12hpadc__42db1b12[disabled]:hover,.base_xk8a92_b12hpadc__42db1b12[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);box-shadow:inset 0 0 0 0.063rem var(--plasma-button-border-color,inset 0 0 0 0 transparent);}
 .base_2o6xu8_b1ods17y__64cb47d9{position:relative;}.base_2o6xu8_b1ods17y__64cb47d9:focus{outline:none;}.base_2o6xu8_b1ods17y__64cb47d9:focus-visible{outline:none;}.base_2o6xu8_b1ods17y__64cb47d9::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma_private-btn-br);outline:var(--plasma_private-btn-outline-size) solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.base_2o6xu8_b1ods17y__64cb47d9.base_2o6xu8_focusVisible__64cb47d9:focus::before,.base_2o6xu8_b1ods17y__64cb47d9[data-focus-visible-added]::before{outline-color:var(--plasma-button-focus-color);}
 .base_fs39u1_bwkux9b__6e40e36a.base_fs39u1_buttonStretchingFixed__6e40e36a{width:var(--plasma-button-width);}.base_fs39u1_bwkux9b__6e40e36a.base_fs39u1_buttonStretchingFilled__6e40e36a{width:100%;}.base_fs39u1_bwkux9b__6e40e36a.base_fs39u1_buttonStretchingAuto__6e40e36a{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
-.IconButton_styles_3p9hca_blr36gw__7540fe98{--box-shadow-spread:var(--plasma-button-border-width,0.063rem);position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);box-shadow:inset 0 0 0 var(--box-shadow-spread) var(--plasma-button-border-color,inset 0 0 0 0 transparent);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-border-color:var(--plasma-icon-button-border-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-border-color-hover:var(--plasma-icon-button-border-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-border-color-active:var(--plasma-icon-button-border-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);--plasma-button-border-width:var(--plasma-icon-button-border-width);--plasma-button-cursor:var(--plasma-icon-button-cursor);}a.IconButton_styles_3p9hca_blr36gw__7540fe98{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_3p9hca_blr36gw__7540fe98.IconButton_styles_3p9hca_blr36gw__7540fe98.IconButton_styles_3p9hca_buttonSquare__7540fe98{width:var(--plasma-button-height);padding:0;}@media (hover:hover) and (pointer:fine){.IconButton_styles_3p9hca_blr36gw__7540fe98:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));box-shadow:inset 0 0 0 var(--box-shadow-spread) var(--plasma-button-border-color-hover,inset 0 0 0 0 transparent);scale:var(--plasma-button-scale-hover);}}.IconButton_styles_3p9hca_blr36gw__7540fe98:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));box-shadow:inset 0 0 0 var(--box-shadow-spread) var(--plasma-button-border-color-active,inset 0 0 0 0 transparent);scale:var(---plasma-button-scale-active);}.IconButton_styles_3p9hca_blr36gw__7540fe98:focus-visible{outline:none;}.IconButton_styles_3p9hca_blr36gw__7540fe98::before{content:'';position:absolute;inset:0;z-index:1;border-radius:calc(0.125rem + var(--plasma_private-btn-br));outline:var(--plasma_private-btn-outline-size) solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_3p9hca_blr36gw__7540fe98.IconButton_styles_3p9hca_focusVisible__7540fe98:focus::before,.IconButton_styles_3p9hca_blr36gw__7540fe98[data-focus-visible-added]::before{outline-color:var(--plasma-button-focus-color);}.IconButton_styles_3p9hca_blr36gw__7540fe98[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}@media (hover:hover) and (pointer:fine){.IconButton_styles_3p9hca_blr36gw__7540fe98[disabled]:hover,.IconButton_styles_3p9hca_blr36gw__7540fe98[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}}.IconButton_styles_3p9hca_blr36gw__7540fe98.IconButton_styles_3p9hca_buttonStretchingFixed__7540fe98{width:var(--plasma-button-width);}.IconButton_styles_3p9hca_blr36gw__7540fe98.IconButton_styles_3p9hca_buttonStretchingFilled__7540fe98{width:100%;}.IconButton_styles_3p9hca_blr36gw__7540fe98.IconButton_styles_3p9hca_buttonStretchingAuto__7540fe98{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e{--box-shadow-spread:var(--plasma-button-border-width,0.063rem);position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);box-shadow:inset 0 0 0 var(--box-shadow-spread) var(--plasma-button-border-color,inset 0 0 0 0 transparent);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-border-color:var(--plasma-icon-button-border-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-border-color-hover:var(--plasma-icon-button-border-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-border-color-active:var(--plasma-icon-button-border-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);--plasma-button-border-width:var(--plasma-icon-button-border-width);}a.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_buttonSquare__03e8ec5e{width:var(--plasma-button-height);padding:0;}@media (hover:hover) and (pointer:fine){.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));box-shadow:inset 0 0 0 var(--box-shadow-spread) var(--plasma-button-border-color-hover,inset 0 0 0 0 transparent);scale:var(--plasma-button-scale-hover);}}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));box-shadow:inset 0 0 0 var(--box-shadow-spread) var(--plasma-button-border-color-active,inset 0 0 0 0 transparent);scale:var(---plasma-button-scale-active);}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e:focus-visible{outline:none;}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e::before{content:'';position:absolute;inset:0;z-index:1;border-radius:calc(0.125rem + var(--plasma_private-btn-br));outline:var(--plasma_private-btn-outline-size) solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_focusVisible__03e8ec5e:focus::before,.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e[data-focus-visible-added]::before{outline-color:var(--plasma-button-focus-color);}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}@media (hover:hover) and (pointer:fine){.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e[disabled]:hover,.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_buttonStretchingFixed__03e8ec5e{width:var(--plasma-button-width);}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_buttonStretchingFilled__03e8ec5e{width:100%;}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_buttonStretchingAuto__03e8ec5e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
 .IconButton_styles_1xwaxjr_slgpst7__e619b22c{--plasma-icon-button-color:var(--plasma-attach-icon-button-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-spinner-size);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
 .IconButton_styles_1xwaxjr_s12nkh3q__e619b22c{--plasma-icon-button-color:var(--plasma-attach-icon-button-cancel-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-cancel-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-cancel-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-cancel-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-cancel-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-cancel-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-cancel-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-cancel-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-cancel-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-cancel-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-cancel-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-cancel-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-cancel-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-cancel-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-cancel-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-cancel-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-cancel-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-cancel-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-cancel-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-cancel-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-cancel-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-cancel-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-cancel-spinner-size);}

package/dist/css/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.css CHANGED Viewed

@@ -13,9 +13,8 @@
 .base_47yrt4_b1ffw72l__57fcff4b{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
-.Spinner_styles_79n8hc_bl1a930__bbf04b10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;position:relative;}
-.Spinner_styles_79n8hc_b13vlb5e__bbf04b10{position:absolute;inset:0;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;}
-.Spinner_styles_79n8hc_s18n71kv__bbf04b10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s18n71kv-0);height:var(--s18n71kv-1);-webkit-animation:Spinner_styles_79n8hc_rotateS18n71kv__bbf04b10 1s linear infinite;animation:Spinner_styles_79n8hc_rotateS18n71kv__bbf04b10 1s linear infinite;}@-webkit-keyframes Spinner_styles_79n8hc_rotateS18n71kv__bbf04b10{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_79n8hc_rotateS18n71kv__bbf04b10{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
+.Spinner_styles_7n7hh0_bl1a930__dfdcb852{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
+.Spinner_styles_7n7hh0_s13vlb5e__dfdcb852{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s13vlb5e-0);height:var(--s13vlb5e-1);-webkit-animation:Spinner_styles_7n7hh0_rotateS13vlb5e__dfdcb852 1s linear infinite;animation:Spinner_styles_7n7hh0_rotateS13vlb5e__dfdcb852 1s linear infinite;}@-webkit-keyframes Spinner_styles_7n7hh0_rotateS13vlb5e__dfdcb852{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_7n7hh0_rotateS13vlb5e__dfdcb852{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
 .Button_styles_inigzo_b1gnd6ak__34d2ee66{min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_inigzo_b1gnd6ak__34d2ee66.Button_styles_inigzo_buttonContentRelaxed__34d2ee66{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;text-align:start;}
 .Button_styles_inigzo_ss7vh3f__34d2ee66{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:var(--plasma-button-additional-content-margin);}.Button_styles_inigzo_ss7vh3f__34d2ee66.Button_styles_inigzo_buttonContentRelaxed__34d2ee66{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}.Button_styles_inigzo_ss7vh3f__34d2ee66.Button_styles_inigzo_buttonHasValue__34d2ee66{margin-right:var(--plasma-button-additional-content-margin-right-width-value);}
@@ -67,13 +66,13 @@
 .base_1vsph0r_b1ebstjj__ef9567da{height:var(--plasma-button-height);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);}
-.base_8ijv81_b12hpadc__54af0137[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:var(--plasma-button-cursor,not-allowed);}.base_8ijv81_b12hpadc__54af0137[disabled]:hover,.base_8ijv81_b12hpadc__54af0137[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);box-shadow:inset 0 0 0 0.063rem var(--plasma-button-border-color,inset 0 0 0 0 transparent);}
+.base_xk8a92_b12hpadc__42db1b12[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.base_xk8a92_b12hpadc__42db1b12[disabled]:hover,.base_xk8a92_b12hpadc__42db1b12[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);box-shadow:inset 0 0 0 0.063rem var(--plasma-button-border-color,inset 0 0 0 0 transparent);}
 .base_2o6xu8_b1ods17y__64cb47d9{position:relative;}.base_2o6xu8_b1ods17y__64cb47d9:focus{outline:none;}.base_2o6xu8_b1ods17y__64cb47d9:focus-visible{outline:none;}.base_2o6xu8_b1ods17y__64cb47d9::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma_private-btn-br);outline:var(--plasma_private-btn-outline-size) solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.base_2o6xu8_b1ods17y__64cb47d9.base_2o6xu8_focusVisible__64cb47d9:focus::before,.base_2o6xu8_b1ods17y__64cb47d9[data-focus-visible-added]::before{outline-color:var(--plasma-button-focus-color);}
 .base_fs39u1_bwkux9b__6e40e36a.base_fs39u1_buttonStretchingFixed__6e40e36a{width:var(--plasma-button-width);}.base_fs39u1_bwkux9b__6e40e36a.base_fs39u1_buttonStretchingFilled__6e40e36a{width:100%;}.base_fs39u1_bwkux9b__6e40e36a.base_fs39u1_buttonStretchingAuto__6e40e36a{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
-.IconButton_styles_3p9hca_blr36gw__7540fe98{--box-shadow-spread:var(--plasma-button-border-width,0.063rem);position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);box-shadow:inset 0 0 0 var(--box-shadow-spread) var(--plasma-button-border-color,inset 0 0 0 0 transparent);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-border-color:var(--plasma-icon-button-border-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-border-color-hover:var(--plasma-icon-button-border-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-border-color-active:var(--plasma-icon-button-border-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);--plasma-button-border-width:var(--plasma-icon-button-border-width);--plasma-button-cursor:var(--plasma-icon-button-cursor);}a.IconButton_styles_3p9hca_blr36gw__7540fe98{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_3p9hca_blr36gw__7540fe98.IconButton_styles_3p9hca_blr36gw__7540fe98.IconButton_styles_3p9hca_buttonSquare__7540fe98{width:var(--plasma-button-height);padding:0;}@media (hover:hover) and (pointer:fine){.IconButton_styles_3p9hca_blr36gw__7540fe98:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));box-shadow:inset 0 0 0 var(--box-shadow-spread) var(--plasma-button-border-color-hover,inset 0 0 0 0 transparent);scale:var(--plasma-button-scale-hover);}}.IconButton_styles_3p9hca_blr36gw__7540fe98:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));box-shadow:inset 0 0 0 var(--box-shadow-spread) var(--plasma-button-border-color-active,inset 0 0 0 0 transparent);scale:var(---plasma-button-scale-active);}.IconButton_styles_3p9hca_blr36gw__7540fe98:focus-visible{outline:none;}.IconButton_styles_3p9hca_blr36gw__7540fe98::before{content:'';position:absolute;inset:0;z-index:1;border-radius:calc(0.125rem + var(--plasma_private-btn-br));outline:var(--plasma_private-btn-outline-size) solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_3p9hca_blr36gw__7540fe98.IconButton_styles_3p9hca_focusVisible__7540fe98:focus::before,.IconButton_styles_3p9hca_blr36gw__7540fe98[data-focus-visible-added]::before{outline-color:var(--plasma-button-focus-color);}.IconButton_styles_3p9hca_blr36gw__7540fe98[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}@media (hover:hover) and (pointer:fine){.IconButton_styles_3p9hca_blr36gw__7540fe98[disabled]:hover,.IconButton_styles_3p9hca_blr36gw__7540fe98[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}}.IconButton_styles_3p9hca_blr36gw__7540fe98.IconButton_styles_3p9hca_buttonStretchingFixed__7540fe98{width:var(--plasma-button-width);}.IconButton_styles_3p9hca_blr36gw__7540fe98.IconButton_styles_3p9hca_buttonStretchingFilled__7540fe98{width:100%;}.IconButton_styles_3p9hca_blr36gw__7540fe98.IconButton_styles_3p9hca_buttonStretchingAuto__7540fe98{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e{--box-shadow-spread:var(--plasma-button-border-width,0.063rem);position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);box-shadow:inset 0 0 0 var(--box-shadow-spread) var(--plasma-button-border-color,inset 0 0 0 0 transparent);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-border-color:var(--plasma-icon-button-border-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-border-color-hover:var(--plasma-icon-button-border-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-border-color-active:var(--plasma-icon-button-border-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);--plasma-button-border-width:var(--plasma-icon-button-border-width);}a.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_buttonSquare__03e8ec5e{width:var(--plasma-button-height);padding:0;}@media (hover:hover) and (pointer:fine){.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));box-shadow:inset 0 0 0 var(--box-shadow-spread) var(--plasma-button-border-color-hover,inset 0 0 0 0 transparent);scale:var(--plasma-button-scale-hover);}}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));box-shadow:inset 0 0 0 var(--box-shadow-spread) var(--plasma-button-border-color-active,inset 0 0 0 0 transparent);scale:var(---plasma-button-scale-active);}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e:focus-visible{outline:none;}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e::before{content:'';position:absolute;inset:0;z-index:1;border-radius:calc(0.125rem + var(--plasma_private-btn-br));outline:var(--plasma_private-btn-outline-size) solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_focusVisible__03e8ec5e:focus::before,.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e[data-focus-visible-added]::before{outline-color:var(--plasma-button-focus-color);}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}@media (hover:hover) and (pointer:fine){.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e[disabled]:hover,.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_buttonStretchingFixed__03e8ec5e{width:var(--plasma-button-width);}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_buttonStretchingFilled__03e8ec5e{width:100%;}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_buttonStretchingAuto__03e8ec5e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
 .IconButton_styles_1xwaxjr_slgpst7__e619b22c{--plasma-icon-button-color:var(--plasma-attach-icon-button-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-spinner-size);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
 .IconButton_styles_1xwaxjr_s12nkh3q__e619b22c{--plasma-icon-button-color:var(--plasma-attach-icon-button-cancel-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-cancel-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-cancel-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-cancel-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-cancel-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-cancel-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-cancel-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-cancel-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-cancel-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-cancel-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-cancel-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-cancel-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-cancel-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-cancel-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-cancel-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-cancel-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-cancel-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-cancel-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-cancel-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-cancel-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-cancel-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-cancel-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-cancel-spinner-size);}