@salutejs/plasma-new-hope 0.252.0-canary.1736.13056657603.0 → 0.252.0-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 (56) hide show
  1. package/cjs/components/Accordion/Accordion.tokens.js +0 -2
  2. package/cjs/components/Accordion/Accordion.tokens.js.map +1 -1
  3. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.css +11 -11
  4. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +1 -2
  5. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
  6. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +19 -19
  7. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
  8. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles_56cr5h.css +11 -0
  9. package/cjs/components/Toast/ToastController.js +1 -13
  10. package/cjs/components/Toast/ToastController.js.map +1 -1
  11. package/cjs/components/Toast/ToastProvider/ToastProvider.js +16 -3
  12. package/cjs/components/Toast/ToastProvider/ToastProvider.js.map +1 -1
  13. package/cjs/index.css +11 -11
  14. package/emotion/cjs/components/Accordion/Accordion.tokens.js +0 -2
  15. package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +1 -2
  16. package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +24 -24
  17. package/emotion/cjs/components/Toast/ToastController.js +3 -16
  18. package/emotion/cjs/components/Toast/ToastProvider/ToastProvider.js +16 -3
  19. package/emotion/es/components/Accordion/Accordion.tokens.js +0 -2
  20. package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.js +1 -2
  21. package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +24 -24
  22. package/emotion/es/components/Toast/ToastController.js +2 -14
  23. package/emotion/es/components/Toast/ToastProvider/ToastProvider.js +16 -3
  24. package/es/components/Accordion/Accordion.tokens.js +0 -2
  25. package/es/components/Accordion/Accordion.tokens.js.map +1 -1
  26. package/es/components/Accordion/ui/AccordionItem/AccordionItem.css +11 -11
  27. package/es/components/Accordion/ui/AccordionItem/AccordionItem.js +1 -2
  28. package/es/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
  29. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +19 -19
  30. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
  31. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles_56cr5h.css +11 -0
  32. package/es/components/Toast/ToastController.js +2 -14
  33. package/es/components/Toast/ToastController.js.map +1 -1
  34. package/es/components/Toast/ToastProvider/ToastProvider.js +16 -3
  35. package/es/components/Toast/ToastProvider/ToastProvider.js.map +1 -1
  36. package/es/index.css +11 -11
  37. package/package.json +2 -2
  38. package/styled-components/cjs/components/Accordion/Accordion.tokens.js +0 -2
  39. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +1 -2
  40. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +14 -14
  41. package/styled-components/cjs/components/Toast/ToastController.js +3 -16
  42. package/styled-components/cjs/components/Toast/ToastProvider/ToastProvider.js +16 -3
  43. package/styled-components/es/components/Accordion/Accordion.tokens.js +0 -2
  44. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.js +1 -2
  45. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +14 -14
  46. package/styled-components/es/components/Toast/ToastController.js +2 -14
  47. package/styled-components/es/components/Toast/ToastProvider/ToastProvider.js +16 -3
  48. package/types/components/Accordion/Accordion.tokens.d.ts +0 -2
  49. package/types/components/Accordion/Accordion.tokens.d.ts.map +1 -1
  50. package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts.map +1 -1
  51. package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts +1 -1
  52. package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts.map +1 -1
  53. package/types/components/Toast/ToastController.d.ts.map +1 -1
  54. package/types/components/Toast/ToastProvider/ToastProvider.d.ts.map +1 -1
  55. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles_5g1zce.css +0 -11
  56. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles_5g1zce.css +0 -11
@@ -82,7 +82,6 @@ var AccordionItem = exports.AccordionItem = /*#__PURE__*/(0, _react.forwardRef)(
82
82
  }));
83
83
  };
84
84
  var accordionBorderRadius = (0, _roundness.convertRoundnessMatrix)(pin, "var(".concat(_Accordion.tokens.accordionItemBorderRadius, ")"), '1.5rem');
85
- var openedClass = (opened !== null && opened !== void 0 ? opened : value) ? _Accordion.classes.accordionItemOpened : '';
86
85
  var disabledClass = disabled ? _Accordion.classes.accordionDisabled : '';
87
86
  var leftContent = contentLeft !== null && contentLeft !== void 0 ? contentLeft : type === 'arrow' ? /*#__PURE__*/_react["default"].createElement(_AccordionItem.StyledArrow, {
88
87
  size: "xs",
@@ -93,7 +92,7 @@ var AccordionItem = exports.AccordionItem = /*#__PURE__*/(0, _react.forwardRef)(
93
92
  var rightContent = contentRight !== null && contentRight !== void 0 ? contentRight : type === 'sign' ? /*#__PURE__*/_react["default"].createElement(StyledAnimationPlus, null) : undefined;
94
93
  var rightContentRotate = type === 'sign' && (opened !== null && opened !== void 0 ? opened : value) ? _Accordion.classes.accordionItemShowBody : undefined;
95
94
  return /*#__PURE__*/_react["default"].createElement(_AccordionItem.StyledAccordionItem, {
96
- className: (0, _utils.cx)(_Accordion.classes.accordionItem, className, openedClass, disabledClass),
95
+ className: (0, _utils.cx)(_Accordion.classes.accordionItem, className, disabledClass),
97
96
  key: key,
98
97
  ref: outerRef,
99
98
  style: _objectSpread({
@@ -9,8 +9,11 @@ var _Icon = /*#__PURE__*/require("../../../_Icon");
9
9
  var _Accordion = /*#__PURE__*/require("../../Accordion.tokens");
10
10
  var _mixins = /*#__PURE__*/require("../../../../mixins");
11
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
12
- var StyledAccordionHeader = exports.StyledAccordionHeader = /*#__PURE__*/_styledComponents["default"].button.withConfig({
12
+ var StyledAccordionItem = exports.StyledAccordionItem = /*#__PURE__*/_styledComponents["default"].div.withConfig({
13
13
  componentId: "plasma-new-hope__sc-20ij9z-0"
14
+ })(["background:var(", ");border:var(", ");border-bottom:var(", ");&:last-child{border-bottom:var(", ");}&.", "{opacity:0.4;cursor:not-allowed;}"], _Accordion.tokens.accordionItemBackground, _Accordion.tokens.accordionItemBorder, _Accordion.tokens.accordionItemBorderBottom, _Accordion.tokens.accordionItemBorder, _Accordion.classes.accordionDisabled);
15
+ var StyledAccordionHeader = exports.StyledAccordionHeader = /*#__PURE__*/_styledComponents["default"].button.withConfig({
16
+ componentId: "plasma-new-hope__sc-20ij9z-1"
14
17
  })(["width:100%;border:none;padding:var(", ");display:flex;gap:var(", ");justify-content:space-between;align-items:center;background:none;box-sizing:border-box;cursor:pointer;&:focus{outline:none;}", ""], _Accordion.tokens.accordionItemPadding, _Accordion.tokens.accordionItemGap, /*#__PURE__*/(0, _mixins.addFocus)({
15
18
  outlineOffset: '0.125rem',
16
19
  outlineSize: '0.125rem',
@@ -18,32 +21,29 @@ var StyledAccordionHeader = exports.StyledAccordionHeader = /*#__PURE__*/_styled
18
21
  outlineColor: /*#__PURE__*/"var(".concat(_Accordion.tokens.accordionItemFocus, ")")
19
22
  }));
20
23
  var StyledAccordionHeaderLeft = exports.StyledAccordionHeaderLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
21
- componentId: "plasma-new-hope__sc-20ij9z-1"
24
+ componentId: "plasma-new-hope__sc-20ij9z-2"
22
25
  })(["display:flex;gap:var(", ");justify-content:space-between;align-items:center;"], _Accordion.tokens.accordionItemGap);
23
26
  var StyledAccordionContentRight = exports.StyledAccordionContentRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
24
- componentId: "plasma-new-hope__sc-20ij9z-2"
27
+ componentId: "plasma-new-hope__sc-20ij9z-3"
25
28
  })(["transition:0.2s;transform:rotate(90deg);&.", "{transition:0.2s;transform:rotate(0deg);}"], _Accordion.classes.accordionItemShowBody);
26
29
  var StyledAccordionContentLeft = exports.StyledAccordionContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
27
- componentId: "plasma-new-hope__sc-20ij9z-3"
30
+ componentId: "plasma-new-hope__sc-20ij9z-4"
28
31
  })(["transition:0.2s;display:flex;align-items:center;&.", "{transition:0.2s;transform:rotate(180deg);}"], _Accordion.classes.accordionItemShowBody);
29
32
  var StyledAccordionTitle = exports.StyledAccordionTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
30
- componentId: "plasma-new-hope__sc-20ij9z-4"
33
+ componentId: "plasma-new-hope__sc-20ij9z-5"
31
34
  })(["color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");text-align:left;"], _Accordion.tokens.accordionItemTitleColor, _Accordion.tokens.accordionItemTitleFontFamily, _Accordion.tokens.accordionItemTitleFontSize, _Accordion.tokens.accordionItemTitleFontWeight, _Accordion.tokens.accordionItemTitleFontStyle, _Accordion.tokens.accordionItemTitleLetterSpacing, _Accordion.tokens.accordionItemTitleLineHeight);
32
35
  var StyledAccordionBodyAnimate = exports.StyledAccordionBodyAnimate = /*#__PURE__*/_styledComponents["default"].div.withConfig({
33
- componentId: "plasma-new-hope__sc-20ij9z-5"
36
+ componentId: "plasma-new-hope__sc-20ij9z-6"
34
37
  })(["display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.2s ease-out;overflow:hidden;&.", "{grid-template-rows:1fr;padding-bottom:var(", ");&.", "{transition:0.2s;transform:rotate(0deg);}}"], _Accordion.classes.accordionItemShowBody, _Accordion.tokens.accordionItemPaddingVertical, _Accordion.classes.accordionPlusAnimationElement);
35
38
  var StyledAccordionBody = exports.StyledAccordionBody = /*#__PURE__*/_styledComponents["default"].div.withConfig({
36
- componentId: "plasma-new-hope__sc-20ij9z-6"
39
+ componentId: "plasma-new-hope__sc-20ij9z-7"
37
40
  })(["color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");overflow:hidden;padding-right:var(", ");padding-left:var(", ");text-align:left;"], _Accordion.tokens.accordionItemTextColor, _Accordion.tokens.accordionItemTextFontFamily, _Accordion.tokens.accordionItemTextFontSize, _Accordion.tokens.accordionItemTextFontWeight, _Accordion.tokens.accordionItemTextFontStyle, _Accordion.tokens.accordionItemTextLetterSpacing, _Accordion.tokens.accordionItemTextLineHeight, _Accordion.tokens.accordionItemPaddingHorizontal, _Accordion.tokens.accordionItemPaddingHorizontalLeft);
38
41
  var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconChevronDownFill).withConfig({
39
- componentId: "plasma-new-hope__sc-20ij9z-7"
42
+ componentId: "plasma-new-hope__sc-20ij9z-8"
40
43
  })(["pointer-events:none;user-select:none;color:var(", ");"], _Accordion.tokens.accordionItemIconColor);
41
44
  var StyledMinus = exports.StyledMinus = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconMinus).withConfig({
42
- componentId: "plasma-new-hope__sc-20ij9z-8"
43
- })(["pointer-events:none;user-select:none;color:var(", ");display:flex;align-items:center;position:absolute;top:0;left:0;&.", "{transition:0.2s;transform:rotate(90deg);}&.", "{transition:0.2s;transform:rotate(0deg);color:var(", ",var(", "));}"], _Accordion.tokens.accordionItemIconColor, _Accordion.classes.accordionPlusAnimationElement, _Accordion.classes.accordionItemShowBody, _Accordion.tokens.accordionItemOpenedTitleColor, _Accordion.tokens.accordionItemIconColor);
44
- var StyledPlus = exports.StyledPlus = /*#__PURE__*/_styledComponents["default"].div.withConfig({
45
45
  componentId: "plasma-new-hope__sc-20ij9z-9"
46
- })(["position:relative;display:flex;align-items:center;justify-content:center;width:var(", ",1rem);height:var(", ",1rem);"], _Accordion.tokens.accordionItemIconSize, _Accordion.tokens.accordionItemIconSize);
47
- var StyledAccordionItem = exports.StyledAccordionItem = /*#__PURE__*/_styledComponents["default"].div.withConfig({
46
+ })(["pointer-events:none;user-select:none;color:var(", ");display:flex;align-items:center;position:absolute;top:0;left:0;&.", "{transition:0.2s;transform:rotate(90deg);}&.", "{transition:0.2s;transform:rotate(0deg);}"], _Accordion.tokens.accordionItemIconColor, _Accordion.classes.accordionPlusAnimationElement, _Accordion.classes.accordionItemShowBody);
47
+ var StyledPlus = exports.StyledPlus = /*#__PURE__*/_styledComponents["default"].div.withConfig({
48
48
  componentId: "plasma-new-hope__sc-20ij9z-10"
49
- })(["background:var(", ");border:var(", ");border-bottom:var(", ");&:last-child{border-bottom:var(", ");}&.", "{opacity:0.4;cursor:not-allowed;}&.", "{", "{color:var(", ",var(", "));}", "{color:var(", ",var(", "));}}"], _Accordion.tokens.accordionItemBackground, _Accordion.tokens.accordionItemBorder, _Accordion.tokens.accordionItemBorderBottom, _Accordion.tokens.accordionItemBorder, _Accordion.classes.accordionDisabled, _Accordion.classes.accordionItemOpened, StyledArrow, _Accordion.tokens.accordionItemOpenedTitleColor, _Accordion.tokens.accordionItemIconColor, StyledAccordionTitle, _Accordion.tokens.accordionItemOpenedTitleColor, _Accordion.tokens.accordionItemTitleColor);
49
+ })(["position:relative;display:flex;align-items:center;justify-content:center;width:var(", ",1rem);height:var(", ",1rem);"], _Accordion.tokens.accordionItemIconSize, _Accordion.tokens.accordionItemIconSize);
@@ -5,14 +5,13 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.ToastControllerHoc = void 0;
8
- var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
8
+ var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
9
9
  var _Toast = /*#__PURE__*/require("./Toast.tokens");
10
10
  var _Toast2 = /*#__PURE__*/require("./Toast.styles");
11
11
  var _ToastProvider = /*#__PURE__*/require("./ToastProvider");
12
12
  var _utils = /*#__PURE__*/require("./utils");
13
13
  var _excluded = ["position", "offset", "fade", "text"];
14
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
15
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
16
15
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
17
16
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
18
17
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -30,9 +29,7 @@ var ToastControllerHoc = exports.ToastControllerHoc = function ToastControllerHo
30
29
  rest = _objectWithoutProperties(props, _excluded);
31
30
  var _useToastInner = (0, _ToastProvider.useToastInner)(),
32
31
  hideToast = _useToastInner.hideToast,
33
- isVisible = _useToastInner.isVisible,
34
- hideTimeout = _useToastInner.hideTimeout,
35
- animationRunTimeout = _useToastInner.animationRunTimeout;
32
+ isVisible = _useToastInner.isVisible;
36
33
  var toastKey = "".concat(text).concat(position);
37
34
  var showedClass = isVisible ? _Toast.classes.toastShowed : _Toast.classes.toastHidden;
38
35
  var showedFadeClass = isVisible ? _Toast.classes.toastFadeShowed : _Toast.classes.toastFadeHidden;
@@ -40,16 +37,6 @@ var ToastControllerHoc = exports.ToastControllerHoc = function ToastControllerHo
40
37
  text: text,
41
38
  onCloseButtonClick: hideToast
42
39
  }, rest);
43
- (0, _react.useEffect)(function () {
44
- return function () {
45
- if (hideTimeout !== null && hideTimeout !== void 0 && hideTimeout.current) {
46
- clearTimeout(hideTimeout.current);
47
- }
48
- if (animationRunTimeout !== null && animationRunTimeout !== void 0 && animationRunTimeout.current) {
49
- clearTimeout(animationRunTimeout.current);
50
- }
51
- };
52
- }, []);
53
40
  if (!text) {
54
41
  return null;
55
42
  }
@@ -153,13 +153,13 @@ var ToastProviderHoc = exports.ToastProviderHoc = function ToastProviderHoc(Toas
153
153
  var onHide = toastInfo.onHide,
154
154
  timeout = toastInfo.timeout;
155
155
  var hideToast = (0, _react.useCallback)(function () {
156
- if (!isVisible) {
157
- return;
158
- }
159
156
  if (hideTimeout !== null && hideTimeout !== void 0 && hideTimeout.current) {
160
157
  clearTimeout(hideTimeout.current);
161
158
  hideTimeout.current = null;
162
159
  }
160
+ if (!isVisible) {
161
+ return;
162
+ }
163
163
  onHide === null || onHide === void 0 || onHide();
164
164
  setIsVisible(false);
165
165
  animationRunTimeout.current = setTimeout(function () {
@@ -172,13 +172,26 @@ var ToastProviderHoc = exports.ToastProviderHoc = function ToastProviderHoc(Toas
172
172
  clearTimeout(animationRunTimeout.current);
173
173
  animationRunTimeout.current = null;
174
174
  }
175
+ return function () {
176
+ if (animationRunTimeout !== null && animationRunTimeout !== void 0 && animationRunTimeout.current) {
177
+ clearTimeout(animationRunTimeout.current);
178
+ }
179
+ };
175
180
  }, [timeout]);
181
+
182
+ // очистка таймаутов перенесена из ToastController, т. к. в StrictМоde react делает дополнительный unmount
176
183
  (0, _react.useEffect)(function () {
177
184
  if (timeout && isVisible) {
178
185
  hideTimeout.current = setTimeout(function () {
179
186
  hideToast();
180
187
  }, timeout);
181
188
  }
189
+ return function () {
190
+ if (hideTimeout !== null && hideTimeout !== void 0 && hideTimeout.current) {
191
+ clearTimeout(hideTimeout.current);
192
+ hideTimeout.current = null;
193
+ }
194
+ };
182
195
  }, [isVisible, timeout]);
183
196
  return /*#__PURE__*/_react["default"].createElement(ToastContext.Provider, {
184
197
  value: {
@@ -3,7 +3,6 @@ export var classes = {
3
3
  fixedStretching: 'accordion-stretching-fixed',
4
4
  accordionRoot: 'accordion-root',
5
5
  accordionItem: 'accordion-item',
6
- accordionItemOpened: 'accordion-item-opened',
7
6
  clearAccordionItem: 'clear-accordion-item',
8
7
  accordionItemShowBody: 'accordion-item-show-body',
9
8
  accordionPlusAnimationElement: 'accordion-plus-animation-element',
@@ -27,7 +26,6 @@ export var tokens = {
27
26
  accordionItemIconColor: '--plasma-accordion-item-color-icon',
28
27
  accordionItemIconSize: '--plasma-accordion-item-icon-szie',
29
28
  accordionItemTitleColor: '--plasma-accordion-item-title-color',
30
- accordionItemOpenedTitleColor: '--plasma-accordion-item-title-opened-color',
31
29
  accordionItemTitleFontFamily: '--plasma-accordion-item-title-font-family',
32
30
  accordionItemTitleFontSize: '--plasma-accordion-item-title-font-size',
33
31
  accordionItemTitleFontStyle: '--plasma-accordion-item-title-font-style',
@@ -74,7 +74,6 @@ export var AccordionItem = /*#__PURE__*/forwardRef(function (_ref, outerRef) {
74
74
  }));
75
75
  };
76
76
  var accordionBorderRadius = convertRoundnessMatrix(pin, "var(".concat(tokens.accordionItemBorderRadius, ")"), '1.5rem');
77
- var openedClass = (opened !== null && opened !== void 0 ? opened : value) ? classes.accordionItemOpened : '';
78
77
  var disabledClass = disabled ? classes.accordionDisabled : '';
79
78
  var leftContent = contentLeft !== null && contentLeft !== void 0 ? contentLeft : type === 'arrow' ? /*#__PURE__*/React.createElement(StyledArrow, {
80
79
  size: "xs",
@@ -85,7 +84,7 @@ export var AccordionItem = /*#__PURE__*/forwardRef(function (_ref, outerRef) {
85
84
  var rightContent = contentRight !== null && contentRight !== void 0 ? contentRight : type === 'sign' ? /*#__PURE__*/React.createElement(StyledAnimationPlus, null) : undefined;
86
85
  var rightContentRotate = type === 'sign' && (opened !== null && opened !== void 0 ? opened : value) ? classes.accordionItemShowBody : undefined;
87
86
  return /*#__PURE__*/React.createElement(StyledAccordionItem, {
88
- className: cx(classes.accordionItem, className, openedClass, disabledClass),
87
+ className: cx(classes.accordionItem, className, disabledClass),
89
88
  key: key,
90
89
  ref: outerRef,
91
90
  style: _objectSpread({
@@ -2,8 +2,11 @@ import styled from 'styled-components';
2
2
  import { IconChevronDownFill, IconMinus } from '../../../_Icon';
3
3
  import { classes, tokens } from '../../Accordion.tokens';
4
4
  import { addFocus } from '../../../../mixins';
5
- export var StyledAccordionHeader = /*#__PURE__*/styled.button.withConfig({
5
+ export var StyledAccordionItem = /*#__PURE__*/styled.div.withConfig({
6
6
  componentId: "plasma-new-hope__sc-20ij9z-0"
7
+ })(["background:var(", ");border:var(", ");border-bottom:var(", ");&:last-child{border-bottom:var(", ");}&.", "{opacity:0.4;cursor:not-allowed;}"], tokens.accordionItemBackground, tokens.accordionItemBorder, tokens.accordionItemBorderBottom, tokens.accordionItemBorder, classes.accordionDisabled);
8
+ export var StyledAccordionHeader = /*#__PURE__*/styled.button.withConfig({
9
+ componentId: "plasma-new-hope__sc-20ij9z-1"
7
10
  })(["width:100%;border:none;padding:var(", ");display:flex;gap:var(", ");justify-content:space-between;align-items:center;background:none;box-sizing:border-box;cursor:pointer;&:focus{outline:none;}", ""], tokens.accordionItemPadding, tokens.accordionItemGap, /*#__PURE__*/addFocus({
8
11
  outlineOffset: '0.125rem',
9
12
  outlineSize: '0.125rem',
@@ -11,32 +14,29 @@ export var StyledAccordionHeader = /*#__PURE__*/styled.button.withConfig({
11
14
  outlineColor: /*#__PURE__*/"var(".concat(tokens.accordionItemFocus, ")")
12
15
  }));
13
16
  export var StyledAccordionHeaderLeft = /*#__PURE__*/styled.div.withConfig({
14
- componentId: "plasma-new-hope__sc-20ij9z-1"
17
+ componentId: "plasma-new-hope__sc-20ij9z-2"
15
18
  })(["display:flex;gap:var(", ");justify-content:space-between;align-items:center;"], tokens.accordionItemGap);
16
19
  export var StyledAccordionContentRight = /*#__PURE__*/styled.div.withConfig({
17
- componentId: "plasma-new-hope__sc-20ij9z-2"
20
+ componentId: "plasma-new-hope__sc-20ij9z-3"
18
21
  })(["transition:0.2s;transform:rotate(90deg);&.", "{transition:0.2s;transform:rotate(0deg);}"], classes.accordionItemShowBody);
19
22
  export var StyledAccordionContentLeft = /*#__PURE__*/styled.div.withConfig({
20
- componentId: "plasma-new-hope__sc-20ij9z-3"
23
+ componentId: "plasma-new-hope__sc-20ij9z-4"
21
24
  })(["transition:0.2s;display:flex;align-items:center;&.", "{transition:0.2s;transform:rotate(180deg);}"], classes.accordionItemShowBody);
22
25
  export var StyledAccordionTitle = /*#__PURE__*/styled.div.withConfig({
23
- componentId: "plasma-new-hope__sc-20ij9z-4"
26
+ componentId: "plasma-new-hope__sc-20ij9z-5"
24
27
  })(["color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");text-align:left;"], tokens.accordionItemTitleColor, tokens.accordionItemTitleFontFamily, tokens.accordionItemTitleFontSize, tokens.accordionItemTitleFontWeight, tokens.accordionItemTitleFontStyle, tokens.accordionItemTitleLetterSpacing, tokens.accordionItemTitleLineHeight);
25
28
  export var StyledAccordionBodyAnimate = /*#__PURE__*/styled.div.withConfig({
26
- componentId: "plasma-new-hope__sc-20ij9z-5"
29
+ componentId: "plasma-new-hope__sc-20ij9z-6"
27
30
  })(["display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.2s ease-out;overflow:hidden;&.", "{grid-template-rows:1fr;padding-bottom:var(", ");&.", "{transition:0.2s;transform:rotate(0deg);}}"], classes.accordionItemShowBody, tokens.accordionItemPaddingVertical, classes.accordionPlusAnimationElement);
28
31
  export var StyledAccordionBody = /*#__PURE__*/styled.div.withConfig({
29
- componentId: "plasma-new-hope__sc-20ij9z-6"
32
+ componentId: "plasma-new-hope__sc-20ij9z-7"
30
33
  })(["color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");overflow:hidden;padding-right:var(", ");padding-left:var(", ");text-align:left;"], tokens.accordionItemTextColor, tokens.accordionItemTextFontFamily, tokens.accordionItemTextFontSize, tokens.accordionItemTextFontWeight, tokens.accordionItemTextFontStyle, tokens.accordionItemTextLetterSpacing, tokens.accordionItemTextLineHeight, tokens.accordionItemPaddingHorizontal, tokens.accordionItemPaddingHorizontalLeft);
31
34
  export var StyledArrow = /*#__PURE__*/styled(IconChevronDownFill).withConfig({
32
- componentId: "plasma-new-hope__sc-20ij9z-7"
35
+ componentId: "plasma-new-hope__sc-20ij9z-8"
33
36
  })(["pointer-events:none;user-select:none;color:var(", ");"], tokens.accordionItemIconColor);
34
37
  export var StyledMinus = /*#__PURE__*/styled(IconMinus).withConfig({
35
- componentId: "plasma-new-hope__sc-20ij9z-8"
36
- })(["pointer-events:none;user-select:none;color:var(", ");display:flex;align-items:center;position:absolute;top:0;left:0;&.", "{transition:0.2s;transform:rotate(90deg);}&.", "{transition:0.2s;transform:rotate(0deg);color:var(", ",var(", "));}"], tokens.accordionItemIconColor, classes.accordionPlusAnimationElement, classes.accordionItemShowBody, tokens.accordionItemOpenedTitleColor, tokens.accordionItemIconColor);
37
- export var StyledPlus = /*#__PURE__*/styled.div.withConfig({
38
38
  componentId: "plasma-new-hope__sc-20ij9z-9"
39
- })(["position:relative;display:flex;align-items:center;justify-content:center;width:var(", ",1rem);height:var(", ",1rem);"], tokens.accordionItemIconSize, tokens.accordionItemIconSize);
40
- export var StyledAccordionItem = /*#__PURE__*/styled.div.withConfig({
39
+ })(["pointer-events:none;user-select:none;color:var(", ");display:flex;align-items:center;position:absolute;top:0;left:0;&.", "{transition:0.2s;transform:rotate(90deg);}&.", "{transition:0.2s;transform:rotate(0deg);}"], tokens.accordionItemIconColor, classes.accordionPlusAnimationElement, classes.accordionItemShowBody);
40
+ export var StyledPlus = /*#__PURE__*/styled.div.withConfig({
41
41
  componentId: "plasma-new-hope__sc-20ij9z-10"
42
- })(["background:var(", ");border:var(", ");border-bottom:var(", ");&:last-child{border-bottom:var(", ");}&.", "{opacity:0.4;cursor:not-allowed;}&.", "{", "{color:var(", ",var(", "));}", "{color:var(", ",var(", "));}}"], tokens.accordionItemBackground, tokens.accordionItemBorder, tokens.accordionItemBorderBottom, tokens.accordionItemBorder, classes.accordionDisabled, classes.accordionItemOpened, StyledArrow, tokens.accordionItemOpenedTitleColor, tokens.accordionItemIconColor, StyledAccordionTitle, tokens.accordionItemOpenedTitleColor, tokens.accordionItemTitleColor);
42
+ })(["position:relative;display:flex;align-items:center;justify-content:center;width:var(", ",1rem);height:var(", ",1rem);"], tokens.accordionItemIconSize, tokens.accordionItemIconSize);
@@ -7,7 +7,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
7
7
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
8
8
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
9
9
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
10
- import React, { useEffect } from 'react';
10
+ import React from 'react';
11
11
  import { classes } from './Toast.tokens';
12
12
  import { StyledOverlay, StyledRoot } from './Toast.styles';
13
13
  import { useToastInner } from './ToastProvider';
@@ -22,9 +22,7 @@ export var ToastControllerHoc = function ToastControllerHoc(ToastComponent) {
22
22
  rest = _objectWithoutProperties(props, _excluded);
23
23
  var _useToastInner = useToastInner(),
24
24
  hideToast = _useToastInner.hideToast,
25
- isVisible = _useToastInner.isVisible,
26
- hideTimeout = _useToastInner.hideTimeout,
27
- animationRunTimeout = _useToastInner.animationRunTimeout;
25
+ isVisible = _useToastInner.isVisible;
28
26
  var toastKey = "".concat(text).concat(position);
29
27
  var showedClass = isVisible ? classes.toastShowed : classes.toastHidden;
30
28
  var showedFadeClass = isVisible ? classes.toastFadeShowed : classes.toastFadeHidden;
@@ -32,16 +30,6 @@ export var ToastControllerHoc = function ToastControllerHoc(ToastComponent) {
32
30
  text: text,
33
31
  onCloseButtonClick: hideToast
34
32
  }, rest);
35
- useEffect(function () {
36
- return function () {
37
- if (hideTimeout !== null && hideTimeout !== void 0 && hideTimeout.current) {
38
- clearTimeout(hideTimeout.current);
39
- }
40
- if (animationRunTimeout !== null && animationRunTimeout !== void 0 && animationRunTimeout.current) {
41
- clearTimeout(animationRunTimeout.current);
42
- }
43
- };
44
- }, []);
45
33
  if (!text) {
46
34
  return null;
47
35
  }
@@ -145,13 +145,13 @@ export var ToastProviderHoc = function ToastProviderHoc(ToastComponent) {
145
145
  var onHide = toastInfo.onHide,
146
146
  timeout = toastInfo.timeout;
147
147
  var hideToast = useCallback(function () {
148
- if (!isVisible) {
149
- return;
150
- }
151
148
  if (hideTimeout !== null && hideTimeout !== void 0 && hideTimeout.current) {
152
149
  clearTimeout(hideTimeout.current);
153
150
  hideTimeout.current = null;
154
151
  }
152
+ if (!isVisible) {
153
+ return;
154
+ }
155
155
  onHide === null || onHide === void 0 || onHide();
156
156
  setIsVisible(false);
157
157
  animationRunTimeout.current = setTimeout(function () {
@@ -164,13 +164,26 @@ export var ToastProviderHoc = function ToastProviderHoc(ToastComponent) {
164
164
  clearTimeout(animationRunTimeout.current);
165
165
  animationRunTimeout.current = null;
166
166
  }
167
+ return function () {
168
+ if (animationRunTimeout !== null && animationRunTimeout !== void 0 && animationRunTimeout.current) {
169
+ clearTimeout(animationRunTimeout.current);
170
+ }
171
+ };
167
172
  }, [timeout]);
173
+
174
+ // очистка таймаутов перенесена из ToastController, т. к. в StrictМоde react делает дополнительный unmount
168
175
  useEffect(function () {
169
176
  if (timeout && isVisible) {
170
177
  hideTimeout.current = setTimeout(function () {
171
178
  hideToast();
172
179
  }, timeout);
173
180
  }
181
+ return function () {
182
+ if (hideTimeout !== null && hideTimeout !== void 0 && hideTimeout.current) {
183
+ clearTimeout(hideTimeout.current);
184
+ hideTimeout.current = null;
185
+ }
186
+ };
174
187
  }, [isVisible, timeout]);
175
188
  return /*#__PURE__*/React.createElement(ToastContext.Provider, {
176
189
  value: {
@@ -3,7 +3,6 @@ export declare const classes: {
3
3
  fixedStretching: string;
4
4
  accordionRoot: string;
5
5
  accordionItem: string;
6
- accordionItemOpened: string;
7
6
  clearAccordionItem: string;
8
7
  accordionItemShowBody: string;
9
8
  accordionPlusAnimationElement: string;
@@ -27,7 +26,6 @@ export declare const tokens: {
27
26
  accordionItemIconColor: string;
28
27
  accordionItemIconSize: string;
29
28
  accordionItemTitleColor: string;
30
- accordionItemOpenedTitleColor: string;
31
29
  accordionItemTitleFontFamily: string;
32
30
  accordionItemTitleFontSize: string;
33
31
  accordionItemTitleFontStyle: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;CAWnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkClB,CAAC"}
1
+ {"version":3,"file":"Accordion.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;CAUnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiClB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAqBvE,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;wCAwHzB,CAAC"}
1
+ {"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAqBvE,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;wCAuHzB,CAAC"}
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ export declare const StyledAccordionItem: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
2
3
  export declare const StyledAccordionHeader: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
3
4
  export declare const StyledAccordionHeaderLeft: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
4
5
  export declare const StyledAccordionContentRight: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
@@ -9,5 +10,4 @@ export declare const StyledAccordionBody: import("@linaria/react").StyledCompone
9
10
  export declare const StyledArrow: import("@linaria/react").StyledMeta & import("react").FC<import("../../../_Icon/IconRoot").IconProps>;
10
11
  export declare const StyledMinus: import("@linaria/react").StyledMeta & import("react").FC<import("../../../_Icon/IconRoot").IconProps>;
11
12
  export declare const StyledPlus: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
12
- export declare const StyledAccordionItem: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
13
13
  //# sourceMappingURL=AccordionItem.styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,qBAAqB,iLAsBjC,CAAC;AAEF,eAAO,MAAM,yBAAyB,qKAKrC,CAAC;AAEF,eAAO,MAAM,2BAA2B,qKAQvC,CAAC;AAEF,eAAO,MAAM,0BAA0B,qKAStC,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKAShC,CAAC;AAEF,eAAO,MAAM,0BAA0B,qKAetC,CAAC;AAEF,eAAO,MAAM,mBAAmB,qKAY/B,CAAC;AAEF,eAAO,MAAM,WAAW,uGAIvB,CAAC;AAEF,eAAO,MAAM,WAAW,uGAoBvB,CAAC;AAEF,eAAO,MAAM,UAAU,qKAOtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,qKAuB/B,CAAC"}
1
+ {"version":3,"file":"AccordionItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,mBAAmB,qKAa/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,iLAsBjC,CAAC;AAEF,eAAO,MAAM,yBAAyB,qKAKrC,CAAC;AAEF,eAAO,MAAM,2BAA2B,qKAQvC,CAAC;AAEF,eAAO,MAAM,0BAA0B,qKAStC,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKAShC,CAAC;AAEF,eAAO,MAAM,0BAA0B,qKAetC,CAAC;AAEF,eAAO,MAAM,mBAAmB,qKAY/B,CAAC;AAEF,eAAO,MAAM,WAAW,uGAIvB,CAAC;AAEF,eAAO,MAAM,WAAW,uGAmBvB,CAAC;AAEF,eAAO,MAAM,UAAU,qKAOtB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ToastController.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/ToastController.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAKjE,eAAO,MAAM,kBAAkB,iEACK,oBAAoB,uBAmDnD,CAAC"}
1
+ {"version":3,"file":"ToastController.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/ToastController.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAKjE,eAAO,MAAM,kBAAkB,iEACK,oBAAoB,uBAwCnD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/ToastProvider/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8E,MAAM,OAAO,CAAC;AACnG,OAAO,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAA0C,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGzF,OAAO,KAAK,EAAE,SAAS,EAAyC,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEhH,eAAO,MAAM,YAAY,wCAA+C,CAAC;AAEzE,eAAO,MAAM,aAAa,wBAMzB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AA4BF,eAAO,MAAM,gBAAgB;cACwB,SAAS;iBAmGzD,CAAC"}
1
+ {"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/ToastProvider/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8E,MAAM,OAAO,CAAC;AACnG,OAAO,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAA0C,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGzF,OAAO,KAAK,EAAE,SAAS,EAAyC,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEhH,eAAO,MAAM,YAAY,wCAA+C,CAAC;AAEzE,eAAO,MAAM,aAAa,wBAMzB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AA4BF,eAAO,MAAM,gBAAgB;cACwB,SAAS;iBAiHzD,CAAC"}
@@ -1,11 +0,0 @@
1
- .s1d847tf{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;}.s1d847tf:focus{outline:none;}.s1d847tf::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s1d847tf.focus-visible:focus::before,.s1d847tf[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-accordion-item-focus);}
2
- .s18inj31{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;}
3
- .s1kvo44v{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.s1kvo44v.accordion-item-show-body{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
4
- .s2tqnbp{-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;}.s2tqnbp.accordion-item-show-body{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
5
- .s11daj3x{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;}
6
- .sy09zp7{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;}.sy09zp7.accordion-item-show-body{grid-template-rows:1fr;padding-bottom:var(--plasma-accordion-item-padding-vertical);}.sy09zp7.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);}
7
- .sbzgv9z{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;}
8
- .s1ewkyyv{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);}
9
- .s15qiue1{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;}.s15qiue1.accordion-plus-animation-element{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.s15qiue1.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));}
10
- .syldew1{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-szie,1rem);height:var(--plasma-accordion-item-icon-szie,1rem);}
11
- .s1he8scv{background:var(--plasma-accordion-item-background);border:var(--plasma-accordion-item-border);border-bottom:var(--plasma-accordion-item-border-bottom);}.s1he8scv:last-child{border-bottom:var(--plasma-accordion-item-border);}.s1he8scv.accordion-disabled{opacity:0.4;cursor:not-allowed;}.s1he8scv.accordion-item-opened .s1ewkyyv{color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-color-icon));}.s1he8scv.accordion-item-opened .s11daj3x{color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-title-color));}
@@ -1,11 +0,0 @@
1
- .s1d847tf{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;}.s1d847tf:focus{outline:none;}.s1d847tf::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s1d847tf.focus-visible:focus::before,.s1d847tf[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-accordion-item-focus);}
2
- .s18inj31{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;}
3
- .s1kvo44v{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.s1kvo44v.accordion-item-show-body{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
4
- .s2tqnbp{-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;}.s2tqnbp.accordion-item-show-body{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
5
- .s11daj3x{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;}
6
- .sy09zp7{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;}.sy09zp7.accordion-item-show-body{grid-template-rows:1fr;padding-bottom:var(--plasma-accordion-item-padding-vertical);}.sy09zp7.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);}
7
- .sbzgv9z{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;}
8
- .s1ewkyyv{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);}
9
- .s15qiue1{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;}.s15qiue1.accordion-plus-animation-element{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.s15qiue1.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));}
10
- .syldew1{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-szie,1rem);height:var(--plasma-accordion-item-icon-szie,1rem);}
11
- .s1he8scv{background:var(--plasma-accordion-item-background);border:var(--plasma-accordion-item-border);border-bottom:var(--plasma-accordion-item-border-bottom);}.s1he8scv:last-child{border-bottom:var(--plasma-accordion-item-border);}.s1he8scv.accordion-disabled{opacity:0.4;cursor:not-allowed;}.s1he8scv.accordion-item-opened .s1ewkyyv{color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-color-icon));}.s1he8scv.accordion-item-opened .s11daj3x{color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-title-color));}