@salutejs/plasma-new-hope 0.251.1-canary.1712.13062616456.0 → 0.252.0-canary.1736.13056657603.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 +2 -0
  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 +2 -1
  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_5g1zce.css +11 -0
  9. package/cjs/components/Toast/ToastController.js +13 -1
  10. package/cjs/components/Toast/ToastController.js.map +1 -1
  11. package/cjs/components/Toast/ToastProvider/ToastProvider.js +3 -16
  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 +2 -0
  15. package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +2 -1
  16. package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +24 -24
  17. package/emotion/cjs/components/Toast/ToastController.js +16 -3
  18. package/emotion/cjs/components/Toast/ToastProvider/ToastProvider.js +3 -16
  19. package/emotion/es/components/Accordion/Accordion.tokens.js +2 -0
  20. package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.js +2 -1
  21. package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +24 -24
  22. package/emotion/es/components/Toast/ToastController.js +14 -2
  23. package/emotion/es/components/Toast/ToastProvider/ToastProvider.js +3 -16
  24. package/es/components/Accordion/Accordion.tokens.js +2 -0
  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 +2 -1
  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_5g1zce.css +11 -0
  32. package/es/components/Toast/ToastController.js +14 -2
  33. package/es/components/Toast/ToastController.js.map +1 -1
  34. package/es/components/Toast/ToastProvider/ToastProvider.js +3 -16
  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 +2 -0
  39. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +2 -1
  40. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +14 -14
  41. package/styled-components/cjs/components/Toast/ToastController.js +16 -3
  42. package/styled-components/cjs/components/Toast/ToastProvider/ToastProvider.js +3 -16
  43. package/styled-components/es/components/Accordion/Accordion.tokens.js +2 -0
  44. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.js +2 -1
  45. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +14 -14
  46. package/styled-components/es/components/Toast/ToastController.js +14 -2
  47. package/styled-components/es/components/Toast/ToastProvider/ToastProvider.js +3 -16
  48. package/types/components/Accordion/Accordion.tokens.d.ts +2 -0
  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_56cr5h.css +0 -11
  56. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles_56cr5h.css +0 -11
@@ -82,6 +82,7 @@ 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 : '';
85
86
  var disabledClass = disabled ? _Accordion.classes.accordionDisabled : '';
86
87
  var leftContent = contentLeft !== null && contentLeft !== void 0 ? contentLeft : type === 'arrow' ? /*#__PURE__*/_react["default"].createElement(_AccordionItem.StyledArrow, {
87
88
  size: "xs",
@@ -92,7 +93,7 @@ var AccordionItem = exports.AccordionItem = /*#__PURE__*/(0, _react.forwardRef)(
92
93
  var rightContent = contentRight !== null && contentRight !== void 0 ? contentRight : type === 'sign' ? /*#__PURE__*/_react["default"].createElement(StyledAnimationPlus, null) : undefined;
93
94
  var rightContentRotate = type === 'sign' && (opened !== null && opened !== void 0 ? opened : value) ? _Accordion.classes.accordionItemShowBody : undefined;
94
95
  return /*#__PURE__*/_react["default"].createElement(_AccordionItem.StyledAccordionItem, {
95
- className: (0, _utils.cx)(_Accordion.classes.accordionItem, className, disabledClass),
96
+ className: (0, _utils.cx)(_Accordion.classes.accordionItem, className, openedClass, disabledClass),
96
97
  key: key,
97
98
  ref: outerRef,
98
99
  style: _objectSpread({
@@ -9,11 +9,8 @@ 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 StyledAccordionItem = exports.StyledAccordionItem = /*#__PURE__*/_styledComponents["default"].div.withConfig({
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
12
  var StyledAccordionHeader = exports.StyledAccordionHeader = /*#__PURE__*/_styledComponents["default"].button.withConfig({
16
- componentId: "plasma-new-hope__sc-20ij9z-1"
13
+ componentId: "plasma-new-hope__sc-20ij9z-0"
17
14
  })(["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)({
18
15
  outlineOffset: '0.125rem',
19
16
  outlineSize: '0.125rem',
@@ -21,29 +18,32 @@ var StyledAccordionHeader = exports.StyledAccordionHeader = /*#__PURE__*/_styled
21
18
  outlineColor: /*#__PURE__*/"var(".concat(_Accordion.tokens.accordionItemFocus, ")")
22
19
  }));
23
20
  var StyledAccordionHeaderLeft = exports.StyledAccordionHeaderLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
24
- componentId: "plasma-new-hope__sc-20ij9z-2"
21
+ componentId: "plasma-new-hope__sc-20ij9z-1"
25
22
  })(["display:flex;gap:var(", ");justify-content:space-between;align-items:center;"], _Accordion.tokens.accordionItemGap);
26
23
  var StyledAccordionContentRight = exports.StyledAccordionContentRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
27
- componentId: "plasma-new-hope__sc-20ij9z-3"
24
+ componentId: "plasma-new-hope__sc-20ij9z-2"
28
25
  })(["transition:0.2s;transform:rotate(90deg);&.", "{transition:0.2s;transform:rotate(0deg);}"], _Accordion.classes.accordionItemShowBody);
29
26
  var StyledAccordionContentLeft = exports.StyledAccordionContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
30
- componentId: "plasma-new-hope__sc-20ij9z-4"
27
+ componentId: "plasma-new-hope__sc-20ij9z-3"
31
28
  })(["transition:0.2s;display:flex;align-items:center;&.", "{transition:0.2s;transform:rotate(180deg);}"], _Accordion.classes.accordionItemShowBody);
32
29
  var StyledAccordionTitle = exports.StyledAccordionTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
33
- componentId: "plasma-new-hope__sc-20ij9z-5"
30
+ componentId: "plasma-new-hope__sc-20ij9z-4"
34
31
  })(["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);
35
32
  var StyledAccordionBodyAnimate = exports.StyledAccordionBodyAnimate = /*#__PURE__*/_styledComponents["default"].div.withConfig({
36
- componentId: "plasma-new-hope__sc-20ij9z-6"
33
+ componentId: "plasma-new-hope__sc-20ij9z-5"
37
34
  })(["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);
38
35
  var StyledAccordionBody = exports.StyledAccordionBody = /*#__PURE__*/_styledComponents["default"].div.withConfig({
39
- componentId: "plasma-new-hope__sc-20ij9z-7"
36
+ componentId: "plasma-new-hope__sc-20ij9z-6"
40
37
  })(["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);
41
38
  var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconChevronDownFill).withConfig({
42
- componentId: "plasma-new-hope__sc-20ij9z-8"
39
+ componentId: "plasma-new-hope__sc-20ij9z-7"
43
40
  })(["pointer-events:none;user-select:none;color:var(", ");"], _Accordion.tokens.accordionItemIconColor);
44
41
  var StyledMinus = exports.StyledMinus = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconMinus).withConfig({
45
- componentId: "plasma-new-hope__sc-20ij9z-9"
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);
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);
47
44
  var StyledPlus = exports.StyledPlus = /*#__PURE__*/_styledComponents["default"].div.withConfig({
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({
48
48
  componentId: "plasma-new-hope__sc-20ij9z-10"
49
- })(["position:relative;display:flex;align-items:center;justify-content:center;width:var(", ",1rem);height:var(", ",1rem);"], _Accordion.tokens.accordionItemIconSize, _Accordion.tokens.accordionItemIconSize);
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);
@@ -5,13 +5,14 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.ToastControllerHoc = void 0;
8
- var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
+ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
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; }
15
16
  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; }
16
17
  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; }
17
18
  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; }
@@ -29,7 +30,9 @@ var ToastControllerHoc = exports.ToastControllerHoc = function ToastControllerHo
29
30
  rest = _objectWithoutProperties(props, _excluded);
30
31
  var _useToastInner = (0, _ToastProvider.useToastInner)(),
31
32
  hideToast = _useToastInner.hideToast,
32
- isVisible = _useToastInner.isVisible;
33
+ isVisible = _useToastInner.isVisible,
34
+ hideTimeout = _useToastInner.hideTimeout,
35
+ animationRunTimeout = _useToastInner.animationRunTimeout;
33
36
  var toastKey = "".concat(text).concat(position);
34
37
  var showedClass = isVisible ? _Toast.classes.toastShowed : _Toast.classes.toastHidden;
35
38
  var showedFadeClass = isVisible ? _Toast.classes.toastFadeShowed : _Toast.classes.toastFadeHidden;
@@ -37,6 +40,16 @@ var ToastControllerHoc = exports.ToastControllerHoc = function ToastControllerHo
37
40
  text: text,
38
41
  onCloseButtonClick: hideToast
39
42
  }, 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
+ }, []);
40
53
  if (!text) {
41
54
  return null;
42
55
  }
@@ -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
+ }
156
159
  if (hideTimeout !== null && hideTimeout !== void 0 && hideTimeout.current) {
157
160
  clearTimeout(hideTimeout.current);
158
161
  hideTimeout.current = null;
159
162
  }
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,26 +172,13 @@ 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
- };
180
175
  }, [timeout]);
181
-
182
- // очистка таймаутов перенесена из ToastController, т. к. в StrictМоde react делает дополнительный unmount
183
176
  (0, _react.useEffect)(function () {
184
177
  if (timeout && isVisible) {
185
178
  hideTimeout.current = setTimeout(function () {
186
179
  hideToast();
187
180
  }, timeout);
188
181
  }
189
- return function () {
190
- if (hideTimeout !== null && hideTimeout !== void 0 && hideTimeout.current) {
191
- clearTimeout(hideTimeout.current);
192
- hideTimeout.current = null;
193
- }
194
- };
195
182
  }, [isVisible, timeout]);
196
183
  return /*#__PURE__*/_react["default"].createElement(ToastContext.Provider, {
197
184
  value: {
@@ -3,6 +3,7 @@ export var classes = {
3
3
  fixedStretching: 'accordion-stretching-fixed',
4
4
  accordionRoot: 'accordion-root',
5
5
  accordionItem: 'accordion-item',
6
+ accordionItemOpened: 'accordion-item-opened',
6
7
  clearAccordionItem: 'clear-accordion-item',
7
8
  accordionItemShowBody: 'accordion-item-show-body',
8
9
  accordionPlusAnimationElement: 'accordion-plus-animation-element',
@@ -26,6 +27,7 @@ export var tokens = {
26
27
  accordionItemIconColor: '--plasma-accordion-item-color-icon',
27
28
  accordionItemIconSize: '--plasma-accordion-item-icon-szie',
28
29
  accordionItemTitleColor: '--plasma-accordion-item-title-color',
30
+ accordionItemOpenedTitleColor: '--plasma-accordion-item-title-opened-color',
29
31
  accordionItemTitleFontFamily: '--plasma-accordion-item-title-font-family',
30
32
  accordionItemTitleFontSize: '--plasma-accordion-item-title-font-size',
31
33
  accordionItemTitleFontStyle: '--plasma-accordion-item-title-font-style',
@@ -74,6 +74,7 @@ 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 : '';
77
78
  var disabledClass = disabled ? classes.accordionDisabled : '';
78
79
  var leftContent = contentLeft !== null && contentLeft !== void 0 ? contentLeft : type === 'arrow' ? /*#__PURE__*/React.createElement(StyledArrow, {
79
80
  size: "xs",
@@ -84,7 +85,7 @@ export var AccordionItem = /*#__PURE__*/forwardRef(function (_ref, outerRef) {
84
85
  var rightContent = contentRight !== null && contentRight !== void 0 ? contentRight : type === 'sign' ? /*#__PURE__*/React.createElement(StyledAnimationPlus, null) : undefined;
85
86
  var rightContentRotate = type === 'sign' && (opened !== null && opened !== void 0 ? opened : value) ? classes.accordionItemShowBody : undefined;
86
87
  return /*#__PURE__*/React.createElement(StyledAccordionItem, {
87
- className: cx(classes.accordionItem, className, disabledClass),
88
+ className: cx(classes.accordionItem, className, openedClass, disabledClass),
88
89
  key: key,
89
90
  ref: outerRef,
90
91
  style: _objectSpread({
@@ -2,11 +2,8 @@ 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 StyledAccordionItem = /*#__PURE__*/styled.div.withConfig({
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
5
  export var StyledAccordionHeader = /*#__PURE__*/styled.button.withConfig({
9
- componentId: "plasma-new-hope__sc-20ij9z-1"
6
+ componentId: "plasma-new-hope__sc-20ij9z-0"
10
7
  })(["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({
11
8
  outlineOffset: '0.125rem',
12
9
  outlineSize: '0.125rem',
@@ -14,29 +11,32 @@ export var StyledAccordionHeader = /*#__PURE__*/styled.button.withConfig({
14
11
  outlineColor: /*#__PURE__*/"var(".concat(tokens.accordionItemFocus, ")")
15
12
  }));
16
13
  export var StyledAccordionHeaderLeft = /*#__PURE__*/styled.div.withConfig({
17
- componentId: "plasma-new-hope__sc-20ij9z-2"
14
+ componentId: "plasma-new-hope__sc-20ij9z-1"
18
15
  })(["display:flex;gap:var(", ");justify-content:space-between;align-items:center;"], tokens.accordionItemGap);
19
16
  export var StyledAccordionContentRight = /*#__PURE__*/styled.div.withConfig({
20
- componentId: "plasma-new-hope__sc-20ij9z-3"
17
+ componentId: "plasma-new-hope__sc-20ij9z-2"
21
18
  })(["transition:0.2s;transform:rotate(90deg);&.", "{transition:0.2s;transform:rotate(0deg);}"], classes.accordionItemShowBody);
22
19
  export var StyledAccordionContentLeft = /*#__PURE__*/styled.div.withConfig({
23
- componentId: "plasma-new-hope__sc-20ij9z-4"
20
+ componentId: "plasma-new-hope__sc-20ij9z-3"
24
21
  })(["transition:0.2s;display:flex;align-items:center;&.", "{transition:0.2s;transform:rotate(180deg);}"], classes.accordionItemShowBody);
25
22
  export var StyledAccordionTitle = /*#__PURE__*/styled.div.withConfig({
26
- componentId: "plasma-new-hope__sc-20ij9z-5"
23
+ componentId: "plasma-new-hope__sc-20ij9z-4"
27
24
  })(["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);
28
25
  export var StyledAccordionBodyAnimate = /*#__PURE__*/styled.div.withConfig({
29
- componentId: "plasma-new-hope__sc-20ij9z-6"
26
+ componentId: "plasma-new-hope__sc-20ij9z-5"
30
27
  })(["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);
31
28
  export var StyledAccordionBody = /*#__PURE__*/styled.div.withConfig({
32
- componentId: "plasma-new-hope__sc-20ij9z-7"
29
+ componentId: "plasma-new-hope__sc-20ij9z-6"
33
30
  })(["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);
34
31
  export var StyledArrow = /*#__PURE__*/styled(IconChevronDownFill).withConfig({
35
- componentId: "plasma-new-hope__sc-20ij9z-8"
32
+ componentId: "plasma-new-hope__sc-20ij9z-7"
36
33
  })(["pointer-events:none;user-select:none;color:var(", ");"], tokens.accordionItemIconColor);
37
34
  export var StyledMinus = /*#__PURE__*/styled(IconMinus).withConfig({
38
- componentId: "plasma-new-hope__sc-20ij9z-9"
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);
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);
40
37
  export var StyledPlus = /*#__PURE__*/styled.div.withConfig({
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({
41
41
  componentId: "plasma-new-hope__sc-20ij9z-10"
42
- })(["position:relative;display:flex;align-items:center;justify-content:center;width:var(", ",1rem);height:var(", ",1rem);"], tokens.accordionItemIconSize, tokens.accordionItemIconSize);
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);
@@ -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 from 'react';
10
+ import React, { useEffect } from 'react';
11
11
  import { classes } from './Toast.tokens';
12
12
  import { StyledOverlay, StyledRoot } from './Toast.styles';
13
13
  import { useToastInner } from './ToastProvider';
@@ -22,7 +22,9 @@ 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;
25
+ isVisible = _useToastInner.isVisible,
26
+ hideTimeout = _useToastInner.hideTimeout,
27
+ animationRunTimeout = _useToastInner.animationRunTimeout;
26
28
  var toastKey = "".concat(text).concat(position);
27
29
  var showedClass = isVisible ? classes.toastShowed : classes.toastHidden;
28
30
  var showedFadeClass = isVisible ? classes.toastFadeShowed : classes.toastFadeHidden;
@@ -30,6 +32,16 @@ export var ToastControllerHoc = function ToastControllerHoc(ToastComponent) {
30
32
  text: text,
31
33
  onCloseButtonClick: hideToast
32
34
  }, 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
+ }, []);
33
45
  if (!text) {
34
46
  return null;
35
47
  }
@@ -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
+ }
148
151
  if (hideTimeout !== null && hideTimeout !== void 0 && hideTimeout.current) {
149
152
  clearTimeout(hideTimeout.current);
150
153
  hideTimeout.current = null;
151
154
  }
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,26 +164,13 @@ 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
- };
172
167
  }, [timeout]);
173
-
174
- // очистка таймаутов перенесена из ToastController, т. к. в StrictМоde react делает дополнительный unmount
175
168
  useEffect(function () {
176
169
  if (timeout && isVisible) {
177
170
  hideTimeout.current = setTimeout(function () {
178
171
  hideToast();
179
172
  }, timeout);
180
173
  }
181
- return function () {
182
- if (hideTimeout !== null && hideTimeout !== void 0 && hideTimeout.current) {
183
- clearTimeout(hideTimeout.current);
184
- hideTimeout.current = null;
185
- }
186
- };
187
174
  }, [isVisible, timeout]);
188
175
  return /*#__PURE__*/React.createElement(ToastContext.Provider, {
189
176
  value: {
@@ -3,6 +3,7 @@ export declare const classes: {
3
3
  fixedStretching: string;
4
4
  accordionRoot: string;
5
5
  accordionItem: string;
6
+ accordionItemOpened: string;
6
7
  clearAccordionItem: string;
7
8
  accordionItemShowBody: string;
8
9
  accordionPlusAnimationElement: string;
@@ -26,6 +27,7 @@ export declare const tokens: {
26
27
  accordionItemIconColor: string;
27
28
  accordionItemIconSize: string;
28
29
  accordionItemTitleColor: string;
30
+ accordionItemOpenedTitleColor: string;
29
31
  accordionItemTitleFontFamily: string;
30
32
  accordionItemTitleFontSize: string;
31
33
  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;;;;;;;;;;CAUnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiClB,CAAC"}
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 +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;;;;;;;;;;;;;;;;wCAuHzB,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;;;;;;;;;;;;;;;;wCAwHzB,CAAC"}
@@ -1,5 +1,4 @@
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>>;
3
2
  export declare const StyledAccordionHeader: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
4
3
  export declare const StyledAccordionHeaderLeft: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
5
4
  export declare const StyledAccordionContentRight: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
@@ -10,4 +9,5 @@ export declare const StyledAccordionBody: import("@linaria/react").StyledCompone
10
9
  export declare const StyledArrow: import("@linaria/react").StyledMeta & import("react").FC<import("../../../_Icon/IconRoot").IconProps>;
11
10
  export declare const StyledMinus: import("@linaria/react").StyledMeta & import("react").FC<import("../../../_Icon/IconRoot").IconProps>;
12
11
  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,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
+ {"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 +1 @@
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
+ {"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 +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;iBAiHzD,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;iBAmGzD,CAAC"}
@@ -1,11 +0,0 @@
1
- .s1d847tf{background:var(--plasma-accordion-item-background);border:var(--plasma-accordion-item-border);border-bottom:var(--plasma-accordion-item-border-bottom);}.s1d847tf:last-child{border-bottom:var(--plasma-accordion-item-border);}.s1d847tf.accordion-disabled{opacity:0.4;cursor:not-allowed;}
2
- .s18inj31{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;}.s18inj31:focus{outline:none;}.s18inj31::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;}.s18inj31.focus-visible:focus::before,.s18inj31[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-accordion-item-focus);}
3
- .s1kvo44v{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;}
4
- .s2tqnbp{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.s2tqnbp.accordion-item-show-body{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
5
- .s11daj3x{-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;}.s11daj3x.accordion-item-show-body{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
6
- .sy09zp7{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;}
7
- .sbzgv9z{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;}.sbzgv9z.accordion-item-show-body{grid-template-rows:1fr;padding-bottom:var(--plasma-accordion-item-padding-vertical);}.sbzgv9z.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);}
8
- .s1ewkyyv{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;}
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);}
10
- .syldew1{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;}.syldew1.accordion-plus-animation-element{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.syldew1.accordion-item-show-body{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
11
- .s1he8scv{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);}
@@ -1,11 +0,0 @@
1
- .s1d847tf{background:var(--plasma-accordion-item-background);border:var(--plasma-accordion-item-border);border-bottom:var(--plasma-accordion-item-border-bottom);}.s1d847tf:last-child{border-bottom:var(--plasma-accordion-item-border);}.s1d847tf.accordion-disabled{opacity:0.4;cursor:not-allowed;}
2
- .s18inj31{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;}.s18inj31:focus{outline:none;}.s18inj31::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;}.s18inj31.focus-visible:focus::before,.s18inj31[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-accordion-item-focus);}
3
- .s1kvo44v{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;}
4
- .s2tqnbp{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.s2tqnbp.accordion-item-show-body{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
5
- .s11daj3x{-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;}.s11daj3x.accordion-item-show-body{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
6
- .sy09zp7{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;}
7
- .sbzgv9z{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;}.sbzgv9z.accordion-item-show-body{grid-template-rows:1fr;padding-bottom:var(--plasma-accordion-item-padding-vertical);}.sbzgv9z.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);}
8
- .s1ewkyyv{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;}
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);}
10
- .syldew1{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;}.syldew1.accordion-plus-animation-element{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.syldew1.accordion-item-show-body{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
11
- .s1he8scv{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);}