@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.
- package/cjs/components/Accordion/Accordion.tokens.js +0 -2
- package/cjs/components/Accordion/Accordion.tokens.js.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.css +11 -11
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +1 -2
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +19 -19
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles_56cr5h.css +11 -0
- package/cjs/components/Toast/ToastController.js +1 -13
- package/cjs/components/Toast/ToastController.js.map +1 -1
- package/cjs/components/Toast/ToastProvider/ToastProvider.js +16 -3
- package/cjs/components/Toast/ToastProvider/ToastProvider.js.map +1 -1
- package/cjs/index.css +11 -11
- package/emotion/cjs/components/Accordion/Accordion.tokens.js +0 -2
- package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +1 -2
- package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +24 -24
- package/emotion/cjs/components/Toast/ToastController.js +3 -16
- package/emotion/cjs/components/Toast/ToastProvider/ToastProvider.js +16 -3
- package/emotion/es/components/Accordion/Accordion.tokens.js +0 -2
- package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.js +1 -2
- package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +24 -24
- package/emotion/es/components/Toast/ToastController.js +2 -14
- package/emotion/es/components/Toast/ToastProvider/ToastProvider.js +16 -3
- package/es/components/Accordion/Accordion.tokens.js +0 -2
- package/es/components/Accordion/Accordion.tokens.js.map +1 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.css +11 -11
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.js +1 -2
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +19 -19
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles_56cr5h.css +11 -0
- package/es/components/Toast/ToastController.js +2 -14
- package/es/components/Toast/ToastController.js.map +1 -1
- package/es/components/Toast/ToastProvider/ToastProvider.js +16 -3
- package/es/components/Toast/ToastProvider/ToastProvider.js.map +1 -1
- package/es/index.css +11 -11
- package/package.json +2 -2
- package/styled-components/cjs/components/Accordion/Accordion.tokens.js +0 -2
- package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +1 -2
- package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +14 -14
- package/styled-components/cjs/components/Toast/ToastController.js +3 -16
- package/styled-components/cjs/components/Toast/ToastProvider/ToastProvider.js +16 -3
- package/styled-components/es/components/Accordion/Accordion.tokens.js +0 -2
- package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.js +1 -2
- package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +14 -14
- package/styled-components/es/components/Toast/ToastController.js +2 -14
- package/styled-components/es/components/Toast/ToastProvider/ToastProvider.js +16 -3
- package/types/components/Accordion/Accordion.tokens.d.ts +0 -2
- package/types/components/Accordion/Accordion.tokens.d.ts.map +1 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts.map +1 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts +1 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts.map +1 -1
- package/types/components/Toast/ToastController.d.ts.map +1 -1
- package/types/components/Toast/ToastProvider/ToastProvider.d.ts.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles_5g1zce.css +0 -11
- 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,
|
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
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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
|
-
})(["
|
47
|
-
var
|
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
|
-
})(["
|
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__*/
|
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
|
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,
|
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
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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
|
-
})(["
|
40
|
-
export var
|
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
|
-
})(["
|
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
|
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
|
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;;;;;;;;;;;;;;;;
|
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,
|
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,
|
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;
|
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));}
|