@dreamcommerce/aurora 2.26.0-4 → 2.26.0-5
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/build/cjs/packages/aurora/src/components/accordions_group/components/accordions_group_toggler.js +13 -2
- package/build/cjs/packages/aurora/src/components/accordions_group/components/accordions_group_toggler.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/accordions_group/context.js +1 -0
- package/build/cjs/packages/aurora/src/components/accordions_group/context.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js +10 -1
- package/build/cjs/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js.map +1 -1
- package/build/cjs/packages/aurora/src/css/accordion/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/components/accordions_group/components/accordions_group_toggler.js +15 -4
- package/build/esm/packages/aurora/src/components/accordions_group/components/accordions_group_toggler.js.map +1 -1
- package/build/esm/packages/aurora/src/components/accordions_group/context.js +1 -0
- package/build/esm/packages/aurora/src/components/accordions_group/context.js.map +1 -1
- package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.d.ts +1 -0
- package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js +10 -1
- package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js.map +1 -1
- package/build/esm/packages/aurora/src/components/accordions_group/types.d.ts +1 -0
- package/build/esm/packages/aurora/src/css/accordion/main.module.less.js +1 -1
- package/package.json +1 -1
|
@@ -19,16 +19,27 @@ var AccordionsGroupToggler = function AccordionsGroupToggler(_ref) {
|
|
|
19
19
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
20
20
|
|
|
21
21
|
var accordionsGroupApi = use_accordions_group_api.useAccordionsGroupApi();
|
|
22
|
+
|
|
23
|
+
var _useState = React.useState(null),
|
|
24
|
+
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
|
25
|
+
togglerContent = _useState2[0],
|
|
26
|
+
setTogglerContent = _useState2[1];
|
|
27
|
+
|
|
22
28
|
var areAllExpanded = accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.areAllExpanded;
|
|
29
|
+
var areAllCollapsed = accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.areAllCollapsed;
|
|
30
|
+
React.useEffect(function () {
|
|
31
|
+
if (areAllExpanded) setTogglerContent(expandedContent);
|
|
32
|
+
if (areAllCollapsed) setTogglerContent(collapsedContent);
|
|
33
|
+
}, [areAllExpanded, areAllCollapsed]);
|
|
23
34
|
|
|
24
35
|
var toggleGroups = function toggleGroups(ev) {
|
|
25
|
-
areAllExpanded ? accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.collapseAll() : accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.expandAll();
|
|
36
|
+
accordionsGroupApi !== null && accordionsGroupApi !== void 0 && accordionsGroupApi.areAllExpanded ? accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.collapseAll() : accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.expandAll();
|
|
26
37
|
onClick === null || onClick === void 0 || onClick(ev);
|
|
27
38
|
};
|
|
28
39
|
|
|
29
40
|
return /*#__PURE__*/React__default['default'].createElement(index['default'], _rollupPluginBabelHelpers.objectSpread2({
|
|
30
41
|
onClick: toggleGroups
|
|
31
|
-
}, rest),
|
|
42
|
+
}, rest), togglerContent);
|
|
32
43
|
};
|
|
33
44
|
|
|
34
45
|
exports.AccordionsGroupToggler = AccordionsGroupToggler;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/build/cjs/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js
CHANGED
|
@@ -16,10 +16,18 @@ var useAccordionsGroup = function useAccordionsGroup() {
|
|
|
16
16
|
areAllExpanded = _useState4[0],
|
|
17
17
|
setAreAllExpanded = _useState4[1];
|
|
18
18
|
|
|
19
|
+
var _useState5 = React.useState(false),
|
|
20
|
+
_useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
|
|
21
|
+
areAllCollapsed = _useState6[0],
|
|
22
|
+
setAreAllCollapsed = _useState6[1];
|
|
23
|
+
|
|
19
24
|
React.useEffect(function () {
|
|
20
25
|
setAreAllExpanded(accordions.every(function (accordion) {
|
|
21
26
|
return accordion.expanded;
|
|
22
27
|
}));
|
|
28
|
+
setAreAllCollapsed(accordions.every(function (accordion) {
|
|
29
|
+
return !accordion.expanded;
|
|
30
|
+
}));
|
|
23
31
|
}, [accordions]);
|
|
24
32
|
|
|
25
33
|
var expandAll = function expandAll() {
|
|
@@ -105,7 +113,8 @@ var useAccordionsGroup = function useAccordionsGroup() {
|
|
|
105
113
|
get: get,
|
|
106
114
|
toggle: toggle,
|
|
107
115
|
accordions: accordions,
|
|
108
|
-
areAllExpanded: areAllExpanded
|
|
116
|
+
areAllExpanded: areAllExpanded,
|
|
117
|
+
areAllCollapsed: areAllCollapsed
|
|
109
118
|
};
|
|
110
119
|
};
|
|
111
120
|
|
package/build/cjs/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
|
|
6
6
|
|
|
7
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_accordion__qbc72 {\n background-color: #f3f4f8;\n border: 1px solid #abb4cd;\n border-radius: 2px;\n overflow: hidden;\n}\n.main-module_accordion__toggler__1aZjG {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 10px 8px;\n font-weight: 600;\n cursor: pointer;\n}\n.main-module_accordion__toggler-icon_left__30mJs {\n flex-direction: row-reverse;\n}\n.main-module_accordion__title__cZTxX {\n max-width: calc(100% - (12px + 8px));\n word-wrap: break-word;\n}\n.main-module_accordion__content__3c3tq {\n padding: 8px;\n border-top: 1px solid #abb4cd;\n}\n.main-module_accordion__icon_rotate-180__1tqnh {\n transform: rotate(180deg);\n}\n.main-module_accordion_secondary__-v9gP {\n border: 0;\n background-color: transparent;\n}\n.main-module_accordion_secondary__-v9gP > .main-module_accordion__toggler__1aZjG {\n background-color: #f3f4f8;\n}\n.main-module_accordion_secondary__-v9gP > .main-module_accordion__content__3c3tq {\n border-top: 0;\n}\n.main-module_accordion_tertiary__1pu1L {\n border: 0;\n background-color: transparent;\n}\n.main-module_accordion_tertiary__1pu1L > .main-module_accordion__toggler__1aZjG {\n background-color: transparent;\n}\n.main-module_accordion_tertiary__1pu1L > .main-module_accordion__content__3c3tq {\n border-top: 0;\n}\n";
|
|
7
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_accordion__qbc72 {\n background-color: #f3f4f8;\n border: 1px solid #abb4cd;\n border-radius: 2px;\n overflow: hidden;\n}\n.main-module_accordion__toggler__1aZjG {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 10px 8px;\n font-weight: 600;\n cursor: pointer;\n}\n.main-module_accordion__toggler-icon_left__30mJs {\n flex-direction: row-reverse;\n}\n.main-module_accordion__title__cZTxX {\n max-width: calc(100% - (12px + 8px));\n word-wrap: break-word;\n width: 100%;\n}\n.main-module_accordion__content__3c3tq {\n padding: 8px;\n border-top: 1px solid #abb4cd;\n}\n.main-module_accordion__icon_rotate-180__1tqnh {\n transform: rotate(180deg);\n}\n.main-module_accordion_secondary__-v9gP {\n border: 0;\n background-color: transparent;\n}\n.main-module_accordion_secondary__-v9gP > .main-module_accordion__toggler__1aZjG {\n background-color: #f3f4f8;\n}\n.main-module_accordion_secondary__-v9gP > .main-module_accordion__content__3c3tq {\n border-top: 0;\n}\n.main-module_accordion_tertiary__1pu1L {\n border: 0;\n background-color: transparent;\n}\n.main-module_accordion_tertiary__1pu1L > .main-module_accordion__toggler__1aZjG {\n background-color: transparent;\n}\n.main-module_accordion_tertiary__1pu1L > .main-module_accordion__content__3c3tq {\n border-top: 0;\n}\n";
|
|
8
8
|
var cssClasses = {
|
|
9
9
|
"accordion": "main-module_accordion__qbc72",
|
|
10
10
|
"accordion__toggler": "main-module_accordion__toggler__1aZjG",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
1
|
+
import React, { useState, useEffect } from 'react';
|
|
2
|
+
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { useAccordionsGroupApi } from '../hooks/use_accordions_group_api.js';
|
|
4
4
|
import Button from '../../button/index.js';
|
|
5
5
|
|
|
@@ -11,16 +11,27 @@ var AccordionsGroupToggler = function AccordionsGroupToggler(_ref) {
|
|
|
11
11
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
12
12
|
|
|
13
13
|
var accordionsGroupApi = useAccordionsGroupApi();
|
|
14
|
+
|
|
15
|
+
var _useState = useState(null),
|
|
16
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
17
|
+
togglerContent = _useState2[0],
|
|
18
|
+
setTogglerContent = _useState2[1];
|
|
19
|
+
|
|
14
20
|
var areAllExpanded = accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.areAllExpanded;
|
|
21
|
+
var areAllCollapsed = accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.areAllCollapsed;
|
|
22
|
+
useEffect(function () {
|
|
23
|
+
if (areAllExpanded) setTogglerContent(expandedContent);
|
|
24
|
+
if (areAllCollapsed) setTogglerContent(collapsedContent);
|
|
25
|
+
}, [areAllExpanded, areAllCollapsed]);
|
|
15
26
|
|
|
16
27
|
var toggleGroups = function toggleGroups(ev) {
|
|
17
|
-
areAllExpanded ? accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.collapseAll() : accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.expandAll();
|
|
28
|
+
accordionsGroupApi !== null && accordionsGroupApi !== void 0 && accordionsGroupApi.areAllExpanded ? accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.collapseAll() : accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.expandAll();
|
|
18
29
|
onClick === null || onClick === void 0 || onClick(ev);
|
|
19
30
|
};
|
|
20
31
|
|
|
21
32
|
return /*#__PURE__*/React.createElement(Button, _objectSpread2({
|
|
22
33
|
onClick: toggleGroups
|
|
23
|
-
}, rest),
|
|
34
|
+
}, rest), togglerContent);
|
|
24
35
|
};
|
|
25
36
|
|
|
26
37
|
export { AccordionsGroupToggler };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js
CHANGED
|
@@ -12,10 +12,18 @@ var useAccordionsGroup = function useAccordionsGroup() {
|
|
|
12
12
|
areAllExpanded = _useState4[0],
|
|
13
13
|
setAreAllExpanded = _useState4[1];
|
|
14
14
|
|
|
15
|
+
var _useState5 = useState(false),
|
|
16
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
17
|
+
areAllCollapsed = _useState6[0],
|
|
18
|
+
setAreAllCollapsed = _useState6[1];
|
|
19
|
+
|
|
15
20
|
useEffect(function () {
|
|
16
21
|
setAreAllExpanded(accordions.every(function (accordion) {
|
|
17
22
|
return accordion.expanded;
|
|
18
23
|
}));
|
|
24
|
+
setAreAllCollapsed(accordions.every(function (accordion) {
|
|
25
|
+
return !accordion.expanded;
|
|
26
|
+
}));
|
|
19
27
|
}, [accordions]);
|
|
20
28
|
|
|
21
29
|
var expandAll = function expandAll() {
|
|
@@ -101,7 +109,8 @@ var useAccordionsGroup = function useAccordionsGroup() {
|
|
|
101
109
|
get: get,
|
|
102
110
|
toggle: toggle,
|
|
103
111
|
accordions: accordions,
|
|
104
|
-
areAllExpanded: areAllExpanded
|
|
112
|
+
areAllExpanded: areAllExpanded,
|
|
113
|
+
areAllCollapsed: areAllCollapsed
|
|
105
114
|
};
|
|
106
115
|
};
|
|
107
116
|
|
package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_accordion__qbc72 {\n background-color: #f3f4f8;\n border: 1px solid #abb4cd;\n border-radius: 2px;\n overflow: hidden;\n}\n.main-module_accordion__toggler__1aZjG {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 10px 8px;\n font-weight: 600;\n cursor: pointer;\n}\n.main-module_accordion__toggler-icon_left__30mJs {\n flex-direction: row-reverse;\n}\n.main-module_accordion__title__cZTxX {\n max-width: calc(100% - (12px + 8px));\n word-wrap: break-word;\n}\n.main-module_accordion__content__3c3tq {\n padding: 8px;\n border-top: 1px solid #abb4cd;\n}\n.main-module_accordion__icon_rotate-180__1tqnh {\n transform: rotate(180deg);\n}\n.main-module_accordion_secondary__-v9gP {\n border: 0;\n background-color: transparent;\n}\n.main-module_accordion_secondary__-v9gP > .main-module_accordion__toggler__1aZjG {\n background-color: #f3f4f8;\n}\n.main-module_accordion_secondary__-v9gP > .main-module_accordion__content__3c3tq {\n border-top: 0;\n}\n.main-module_accordion_tertiary__1pu1L {\n border: 0;\n background-color: transparent;\n}\n.main-module_accordion_tertiary__1pu1L > .main-module_accordion__toggler__1aZjG {\n background-color: transparent;\n}\n.main-module_accordion_tertiary__1pu1L > .main-module_accordion__content__3c3tq {\n border-top: 0;\n}\n";
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_accordion__qbc72 {\n background-color: #f3f4f8;\n border: 1px solid #abb4cd;\n border-radius: 2px;\n overflow: hidden;\n}\n.main-module_accordion__toggler__1aZjG {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 10px 8px;\n font-weight: 600;\n cursor: pointer;\n}\n.main-module_accordion__toggler-icon_left__30mJs {\n flex-direction: row-reverse;\n}\n.main-module_accordion__title__cZTxX {\n max-width: calc(100% - (12px + 8px));\n word-wrap: break-word;\n width: 100%;\n}\n.main-module_accordion__content__3c3tq {\n padding: 8px;\n border-top: 1px solid #abb4cd;\n}\n.main-module_accordion__icon_rotate-180__1tqnh {\n transform: rotate(180deg);\n}\n.main-module_accordion_secondary__-v9gP {\n border: 0;\n background-color: transparent;\n}\n.main-module_accordion_secondary__-v9gP > .main-module_accordion__toggler__1aZjG {\n background-color: #f3f4f8;\n}\n.main-module_accordion_secondary__-v9gP > .main-module_accordion__content__3c3tq {\n border-top: 0;\n}\n.main-module_accordion_tertiary__1pu1L {\n border: 0;\n background-color: transparent;\n}\n.main-module_accordion_tertiary__1pu1L > .main-module_accordion__toggler__1aZjG {\n background-color: transparent;\n}\n.main-module_accordion_tertiary__1pu1L > .main-module_accordion__content__3c3tq {\n border-top: 0;\n}\n";
|
|
4
4
|
var cssClasses = {
|
|
5
5
|
"accordion": "main-module_accordion__qbc72",
|
|
6
6
|
"accordion__toggler": "main-module_accordion__toggler__1aZjG",
|