@dreamcommerce/aurora 2.8.0-3 → 2.8.0-4
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/controls/components/values_syncer.js +6 -4
- package/build/cjs/packages/aurora/src/components/controls/components/values_syncer.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/css_classes.js +5 -1
- package/build/cjs/packages/aurora/src/components/controls/css_classes.js.map +1 -1
- package/build/cjs/packages/aurora/src/css/tabs/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/components/controls/components/values_syncer.d.ts +2 -1
- package/build/esm/packages/aurora/src/components/controls/components/values_syncer.js +5 -4
- package/build/esm/packages/aurora/src/components/controls/components/values_syncer.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/css_classes.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/controls/css_classes.js +4 -2
- package/build/esm/packages/aurora/src/components/controls/css_classes.js.map +1 -1
- package/build/esm/packages/aurora/src/css/tabs/main.module.less.js +1 -1
- package/package.json +1 -1
|
@@ -3,7 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var
|
|
6
|
+
var classnames = require('classnames');
|
|
7
|
+
var css_classes = require('../css_classes.js');
|
|
7
8
|
var use_toggle = require('../../dropdown/hooks/use_toggle.js');
|
|
8
9
|
var lock_closed = require('../../../assets/lock_closed.js');
|
|
9
10
|
var lock_opened = require('../../../assets/lock_opened.js');
|
|
@@ -11,8 +12,9 @@ var lock_opened = require('../../../assets/lock_opened.js');
|
|
|
11
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
13
|
|
|
13
14
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
|
+
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
14
16
|
|
|
15
|
-
const ValuesSyncer = ({ firstControl, secondControl, initialFirstValue, initialSecondValue }) => {
|
|
17
|
+
const ValuesSyncer = ({ firstControl, secondControl, initialFirstValue, initialSecondValue, cssClasses }) => {
|
|
16
18
|
const [locked, toggleLock] = use_toggle.useToggle(false);
|
|
17
19
|
const [firstControlValue, setFirstControlValue] = React.useState(initialFirstValue);
|
|
18
20
|
const [secondControlValue, setSecondControlValue] = React.useState(initialSecondValue);
|
|
@@ -28,9 +30,9 @@ const ValuesSyncer = ({ firstControl, secondControl, initialFirstValue, initialS
|
|
|
28
30
|
setFirstControlValue(value);
|
|
29
31
|
}
|
|
30
32
|
};
|
|
31
|
-
return (React__default['default'].createElement(
|
|
33
|
+
return (React__default['default'].createElement("div", { className: classnames__default['default'](css_classes.valuesSyncer, cssClasses) },
|
|
32
34
|
firstControl(firstControlValue, setFirstControl),
|
|
33
|
-
React__default['default'].createElement("button", { "aria-label": "Lock values", type: "button", onClick: toggleLock }, locked ? React__default['default'].createElement(lock_closed['default'], null) : React__default['default'].createElement(lock_opened['default'], null)),
|
|
35
|
+
React__default['default'].createElement("button", { className: css_classes.valuesSyncerLockButton, "aria-label": "Lock values", type: "button", onClick: toggleLock }, locked ? React__default['default'].createElement(lock_closed['default'], null) : React__default['default'].createElement(lock_opened['default'], null)),
|
|
34
36
|
secondControl(secondControlValue, setSecondControl)));
|
|
35
37
|
};
|
|
36
38
|
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -43,7 +43,9 @@ const cellSelector = 'cell-selector';
|
|
|
43
43
|
const cellSelectorContainer = `${cellSelector}__container`;
|
|
44
44
|
const cellSelectorRow = `${cellSelector}__row`;
|
|
45
45
|
const cellSelectorCell = `${cellSelector}__cell`;
|
|
46
|
-
const cellSelectorCellActive = `${cellSelectorCell}_active`;
|
|
46
|
+
const cellSelectorCellActive = `${cellSelectorCell}_active`;
|
|
47
|
+
const valuesSyncer = 'values-syncer';
|
|
48
|
+
const valuesSyncerLockButton = `${valuesSyncer}__lock-button`;
|
|
47
49
|
|
|
48
50
|
exports.cellSelector = cellSelector;
|
|
49
51
|
exports.cellSelectorCell = cellSelectorCell;
|
|
@@ -87,4 +89,6 @@ exports.radio = radio;
|
|
|
87
89
|
exports.radioControl = radioControl;
|
|
88
90
|
exports.radioDisabled = radioDisabled;
|
|
89
91
|
exports.radioLabel = radioLabel;
|
|
92
|
+
exports.valuesSyncer = valuesSyncer;
|
|
93
|
+
exports.valuesSyncerLockButton = valuesSyncerLockButton;
|
|
90
94
|
//# sourceMappingURL=css_classes.js.map
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -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_tabs__item-list__2R9BF {\n display: flex;\n list-style: none;\n}\n.main-module_tabs__item-list__2R9BF:not(.main-module_tabs_secondary__1QmBJ .main-module_tabs__item-list__2R9BF) {\n gap: 8px;\n}\n.main-module_tabs__item__2peSO {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.main-module_tabs__item__2peSO:not(.main-module_tabs_secondary__1QmBJ .main-module_tabs__item__2peSO) {\n padding: 8px 12px;\n background-color: #f3f4f8;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n font-weight: 600;\n color: #5c657e;\n text-transform: uppercase;\n}\n.main-module_tabs__item_active__1LSjR {\n position: relative;\n z-index: 1;\n}\n.main-module_tabs__item_active__1LSjR:not(.main-module_tabs_secondary__1QmBJ .main-module_tabs__item_active__1LSjR) {\n margin-top: -2px;\n margin-bottom: -1px;\n background-color: #ffffff;\n border-top: 2px solid #3c83ec;\n border-bottom: 1px solid #ffffff;\n color: #2d3748;\n box-shadow: 0 0 9px 0 rgba(92, 101, 126, 0.2);\n -webkit-clip-path: inset(-9px -9px 0 -9px);\n clip-path: inset(-9px -9px 0 -9px);\n}\n.main-module_tabs__panel-list__3Ob_w:not(.main-module_tabs_secondary__1QmBJ .main-module_tabs__panel-list__3Ob_w) {\n margin: 0 -16px;\n padding: 16px 16px 0 16px;\n background-color: #ffffff;\n box-shadow: 0 -1px 5px 0 rgba(92, 101, 126, 0.1);\n -webkit-clip-path: inset(-5px 0 0 0);\n clip-path: inset(-5px 0 0 0);\n}\n.main-module_tabs_secondary__1QmBJ .main-module_tabs__item-list__2R9BF {\n border: 1px solid #f3f4f8;\n border-radius: 2px;\n}\n.main-module_tabs_secondary__1QmBJ .main-module_tabs__item__2peSO {\n position: relative;\n flex: 1;\n justify-content: center;\n padding: 10px;\n background-color: transparent;\n}\n.main-module_tabs_secondary__1QmBJ .main-module_tabs__item__2peSO:not(.main-module_tabs_secondary__1QmBJ .main-module_tabs__item__2peSO:last-child) {\n border-right: 1px solid #f3f4f8;\n}\n.main-module_tabs_secondary__1QmBJ .main-module_tabs__item_active__1LSjR {\n background-color: #3c83ec;\n color: #ffffff;\n}\n.main-module_tabs_secondary__1QmBJ .main-module_tabs__item_active__1LSjR svg * {\n
|
|
7
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tabs__item-list__2R9BF {\n display: flex;\n list-style: none;\n}\n.main-module_tabs__item-list__2R9BF:not(.main-module_tabs_secondary__1QmBJ .main-module_tabs__item-list__2R9BF) {\n gap: 8px;\n}\n.main-module_tabs__item__2peSO {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.main-module_tabs__item__2peSO:not(.main-module_tabs_secondary__1QmBJ .main-module_tabs__item__2peSO) {\n padding: 8px 12px;\n background-color: #f3f4f8;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n font-weight: 600;\n color: #5c657e;\n text-transform: uppercase;\n}\n.main-module_tabs__item_active__1LSjR {\n position: relative;\n z-index: 1;\n}\n.main-module_tabs__item_active__1LSjR:not(.main-module_tabs_secondary__1QmBJ .main-module_tabs__item_active__1LSjR) {\n margin-top: -2px;\n margin-bottom: -1px;\n background-color: #ffffff;\n border-top: 2px solid #3c83ec;\n border-bottom: 1px solid #ffffff;\n color: #2d3748;\n box-shadow: 0 0 9px 0 rgba(92, 101, 126, 0.2);\n -webkit-clip-path: inset(-9px -9px 0 -9px);\n clip-path: inset(-9px -9px 0 -9px);\n}\n.main-module_tabs__panel-list__3Ob_w:not(.main-module_tabs_secondary__1QmBJ .main-module_tabs__panel-list__3Ob_w) {\n margin: 0 -16px;\n padding: 16px 16px 0 16px;\n background-color: #ffffff;\n box-shadow: 0 -1px 5px 0 rgba(92, 101, 126, 0.1);\n -webkit-clip-path: inset(-5px 0 0 0);\n clip-path: inset(-5px 0 0 0);\n}\n.main-module_tabs_secondary__1QmBJ .main-module_tabs__item-list__2R9BF {\n border: 1px solid #f3f4f8;\n border-radius: 2px;\n}\n.main-module_tabs_secondary__1QmBJ .main-module_tabs__item__2peSO {\n position: relative;\n flex: 1;\n justify-content: center;\n padding: 10px;\n background-color: transparent;\n}\n.main-module_tabs_secondary__1QmBJ .main-module_tabs__item__2peSO:not(.main-module_tabs_secondary__1QmBJ .main-module_tabs__item__2peSO:last-child) {\n border-right: 1px solid #f3f4f8;\n}\n.main-module_tabs_secondary__1QmBJ .main-module_tabs__item_active__1LSjR {\n background-color: #3c83ec;\n color: #ffffff;\n}\n.main-module_tabs_secondary__1QmBJ .main-module_tabs__item_active__1LSjR svg * {\n stroke: #ffffff;\n}\n.main-module_tabs_secondary__1QmBJ .main-module_tabs__item_active__1LSjR:first-child {\n border-top-left-radius: 2px;\n border-bottom-left-radius: 2px;\n}\n.main-module_tabs_secondary__1QmBJ .main-module_tabs__item_active__1LSjR:last-child {\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px;\n}\n.main-module_tabs_secondary__1QmBJ .main-module_tabs__item_active__1LSjR::after {\n content: '';\n position: absolute;\n bottom: -8px;\n width: 0;\n height: 0;\n border-left: 7px solid transparent;\n border-right: 7px solid transparent;\n border-top: 8px solid #3c83ec;\n}\n.main-module_tabs_secondary__1QmBJ .main-module_tabs__panel-list__3Ob_w {\n margin-top: 8px;\n}\n";
|
|
8
8
|
var cssClasses = {"tabs__item-list":"main-module_tabs__item-list__2R9BF","tabs_secondary":"main-module_tabs_secondary__1QmBJ","tabs__item":"main-module_tabs__item__2peSO","tabs__item_active":"main-module_tabs__item_active__1LSjR","tabs__panel-list":"main-module_tabs__panel-list__3Ob_w"};
|
|
9
9
|
styleInject_es['default'](css_248z);
|
|
10
10
|
|
|
@@ -4,6 +4,7 @@ export declare type TChildrenRenderProps = {
|
|
|
4
4
|
secondControl: (value: unknown, setValue: (value: unknown) => void) => React.ReactNode;
|
|
5
5
|
initialFirstValue?: unknown;
|
|
6
6
|
initialSecondValue?: unknown;
|
|
7
|
+
cssClasses?: string;
|
|
7
8
|
};
|
|
8
|
-
declare const ValuesSyncer: ({ firstControl, secondControl, initialFirstValue, initialSecondValue }: TChildrenRenderProps) => JSX.Element;
|
|
9
|
+
declare const ValuesSyncer: ({ firstControl, secondControl, initialFirstValue, initialSecondValue, cssClasses }: TChildrenRenderProps) => JSX.Element;
|
|
9
10
|
export default ValuesSyncer;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import React, { useState } from 'react';
|
|
2
|
-
import
|
|
2
|
+
import classnames from 'classnames';
|
|
3
|
+
import { valuesSyncer, valuesSyncerLockButton } from '../css_classes.js';
|
|
3
4
|
import { useToggle } from '../../dropdown/hooks/use_toggle.js';
|
|
4
5
|
import LockClosed from '../../../assets/lock_closed.js';
|
|
5
6
|
import LockOpened from '../../../assets/lock_opened.js';
|
|
6
7
|
|
|
7
|
-
const ValuesSyncer = ({ firstControl, secondControl, initialFirstValue, initialSecondValue }) => {
|
|
8
|
+
const ValuesSyncer = ({ firstControl, secondControl, initialFirstValue, initialSecondValue, cssClasses }) => {
|
|
8
9
|
const [locked, toggleLock] = useToggle(false);
|
|
9
10
|
const [firstControlValue, setFirstControlValue] = useState(initialFirstValue);
|
|
10
11
|
const [secondControlValue, setSecondControlValue] = useState(initialSecondValue);
|
|
@@ -20,9 +21,9 @@ const ValuesSyncer = ({ firstControl, secondControl, initialFirstValue, initialS
|
|
|
20
21
|
setFirstControlValue(value);
|
|
21
22
|
}
|
|
22
23
|
};
|
|
23
|
-
return (React.createElement(
|
|
24
|
+
return (React.createElement("div", { className: classnames(valuesSyncer, cssClasses) },
|
|
24
25
|
firstControl(firstControlValue, setFirstControl),
|
|
25
|
-
React.createElement("button", { "aria-label": "Lock values", type: "button", onClick: toggleLock }, locked ? React.createElement(LockClosed, null) : React.createElement(LockOpened, null)),
|
|
26
|
+
React.createElement("button", { className: valuesSyncerLockButton, "aria-label": "Lock values", type: "button", onClick: toggleLock }, locked ? React.createElement(LockClosed, null) : React.createElement(LockOpened, null)),
|
|
26
27
|
secondControl(secondControlValue, setSecondControl)));
|
|
27
28
|
};
|
|
28
29
|
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -41,3 +41,5 @@ export declare const cellSelectorDescription: string;
|
|
|
41
41
|
export declare const cellSelectorRow: string;
|
|
42
42
|
export declare const cellSelectorCell: string;
|
|
43
43
|
export declare const cellSelectorCellActive: string;
|
|
44
|
+
export declare const valuesSyncer = "values-syncer";
|
|
45
|
+
export declare const valuesSyncerLockButton: string;
|
|
@@ -39,7 +39,9 @@ const cellSelector = 'cell-selector';
|
|
|
39
39
|
const cellSelectorContainer = `${cellSelector}__container`;
|
|
40
40
|
const cellSelectorRow = `${cellSelector}__row`;
|
|
41
41
|
const cellSelectorCell = `${cellSelector}__cell`;
|
|
42
|
-
const cellSelectorCellActive = `${cellSelectorCell}_active`;
|
|
42
|
+
const cellSelectorCellActive = `${cellSelectorCell}_active`;
|
|
43
|
+
const valuesSyncer = 'values-syncer';
|
|
44
|
+
const valuesSyncerLockButton = `${valuesSyncer}__lock-button`;
|
|
43
45
|
|
|
44
|
-
export { cellSelector, cellSelectorCell, cellSelectorCellActive, cellSelectorContainer, cellSelectorRow, checkbox, checkboxControl, checkboxDisabled, checkboxIcon, checkboxLabel, checkboxSwitch, checkboxSwitchControl, checkboxSwitchDisabled, checkboxSwitchIcon, checkboxSwitchLabel, cssControl, cssControlDisabled, cssControlError, cssControlFocus, cssControlInput, cssControlInputRemoveButton, cssControlReadonly, cssControlS, cssControlWrapper, cssControls, cssControlsAdditionalInfo, cssControlsContent, cssControlsElement, cssControlsElementCheckbox, cssControlsElementPostfix, cssControlsElementPrefix, cssControlsElementRadio, cssControlsElementVerticalAlignTop, cssControlsError, cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem, cssControlsLabel, radio, radioControl, radioDisabled, radioLabel };
|
|
46
|
+
export { cellSelector, cellSelectorCell, cellSelectorCellActive, cellSelectorContainer, cellSelectorRow, checkbox, checkboxControl, checkboxDisabled, checkboxIcon, checkboxLabel, checkboxSwitch, checkboxSwitchControl, checkboxSwitchDisabled, checkboxSwitchIcon, checkboxSwitchLabel, cssControl, cssControlDisabled, cssControlError, cssControlFocus, cssControlInput, cssControlInputRemoveButton, cssControlReadonly, cssControlS, cssControlWrapper, cssControls, cssControlsAdditionalInfo, cssControlsContent, cssControlsElement, cssControlsElementCheckbox, cssControlsElementPostfix, cssControlsElementPrefix, cssControlsElementRadio, cssControlsElementVerticalAlignTop, cssControlsError, cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem, cssControlsLabel, radio, radioControl, radioDisabled, radioLabel, valuesSyncer, valuesSyncerLockButton };
|
|
45
47
|
//# sourceMappingURL=css_classes.js.map
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -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_tabs__item-list__2R9BF {\n display: flex;\n list-style: none;\n}\n.main-module_tabs__item-list__2R9BF:not(.main-module_tabs_secondary__1QmBJ .main-module_tabs__item-list__2R9BF) {\n gap: 8px;\n}\n.main-module_tabs__item__2peSO {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.main-module_tabs__item__2peSO:not(.main-module_tabs_secondary__1QmBJ .main-module_tabs__item__2peSO) {\n padding: 8px 12px;\n background-color: #f3f4f8;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n font-weight: 600;\n color: #5c657e;\n text-transform: uppercase;\n}\n.main-module_tabs__item_active__1LSjR {\n position: relative;\n z-index: 1;\n}\n.main-module_tabs__item_active__1LSjR:not(.main-module_tabs_secondary__1QmBJ .main-module_tabs__item_active__1LSjR) {\n margin-top: -2px;\n margin-bottom: -1px;\n background-color: #ffffff;\n border-top: 2px solid #3c83ec;\n border-bottom: 1px solid #ffffff;\n color: #2d3748;\n box-shadow: 0 0 9px 0 rgba(92, 101, 126, 0.2);\n -webkit-clip-path: inset(-9px -9px 0 -9px);\n clip-path: inset(-9px -9px 0 -9px);\n}\n.main-module_tabs__panel-list__3Ob_w:not(.main-module_tabs_secondary__1QmBJ .main-module_tabs__panel-list__3Ob_w) {\n margin: 0 -16px;\n padding: 16px 16px 0 16px;\n background-color: #ffffff;\n box-shadow: 0 -1px 5px 0 rgba(92, 101, 126, 0.1);\n -webkit-clip-path: inset(-5px 0 0 0);\n clip-path: inset(-5px 0 0 0);\n}\n.main-module_tabs_secondary__1QmBJ .main-module_tabs__item-list__2R9BF {\n border: 1px solid #f3f4f8;\n border-radius: 2px;\n}\n.main-module_tabs_secondary__1QmBJ .main-module_tabs__item__2peSO {\n position: relative;\n flex: 1;\n justify-content: center;\n padding: 10px;\n background-color: transparent;\n}\n.main-module_tabs_secondary__1QmBJ .main-module_tabs__item__2peSO:not(.main-module_tabs_secondary__1QmBJ .main-module_tabs__item__2peSO:last-child) {\n border-right: 1px solid #f3f4f8;\n}\n.main-module_tabs_secondary__1QmBJ .main-module_tabs__item_active__1LSjR {\n background-color: #3c83ec;\n color: #ffffff;\n}\n.main-module_tabs_secondary__1QmBJ .main-module_tabs__item_active__1LSjR svg * {\n
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tabs__item-list__2R9BF {\n display: flex;\n list-style: none;\n}\n.main-module_tabs__item-list__2R9BF:not(.main-module_tabs_secondary__1QmBJ .main-module_tabs__item-list__2R9BF) {\n gap: 8px;\n}\n.main-module_tabs__item__2peSO {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.main-module_tabs__item__2peSO:not(.main-module_tabs_secondary__1QmBJ .main-module_tabs__item__2peSO) {\n padding: 8px 12px;\n background-color: #f3f4f8;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n font-weight: 600;\n color: #5c657e;\n text-transform: uppercase;\n}\n.main-module_tabs__item_active__1LSjR {\n position: relative;\n z-index: 1;\n}\n.main-module_tabs__item_active__1LSjR:not(.main-module_tabs_secondary__1QmBJ .main-module_tabs__item_active__1LSjR) {\n margin-top: -2px;\n margin-bottom: -1px;\n background-color: #ffffff;\n border-top: 2px solid #3c83ec;\n border-bottom: 1px solid #ffffff;\n color: #2d3748;\n box-shadow: 0 0 9px 0 rgba(92, 101, 126, 0.2);\n -webkit-clip-path: inset(-9px -9px 0 -9px);\n clip-path: inset(-9px -9px 0 -9px);\n}\n.main-module_tabs__panel-list__3Ob_w:not(.main-module_tabs_secondary__1QmBJ .main-module_tabs__panel-list__3Ob_w) {\n margin: 0 -16px;\n padding: 16px 16px 0 16px;\n background-color: #ffffff;\n box-shadow: 0 -1px 5px 0 rgba(92, 101, 126, 0.1);\n -webkit-clip-path: inset(-5px 0 0 0);\n clip-path: inset(-5px 0 0 0);\n}\n.main-module_tabs_secondary__1QmBJ .main-module_tabs__item-list__2R9BF {\n border: 1px solid #f3f4f8;\n border-radius: 2px;\n}\n.main-module_tabs_secondary__1QmBJ .main-module_tabs__item__2peSO {\n position: relative;\n flex: 1;\n justify-content: center;\n padding: 10px;\n background-color: transparent;\n}\n.main-module_tabs_secondary__1QmBJ .main-module_tabs__item__2peSO:not(.main-module_tabs_secondary__1QmBJ .main-module_tabs__item__2peSO:last-child) {\n border-right: 1px solid #f3f4f8;\n}\n.main-module_tabs_secondary__1QmBJ .main-module_tabs__item_active__1LSjR {\n background-color: #3c83ec;\n color: #ffffff;\n}\n.main-module_tabs_secondary__1QmBJ .main-module_tabs__item_active__1LSjR svg * {\n stroke: #ffffff;\n}\n.main-module_tabs_secondary__1QmBJ .main-module_tabs__item_active__1LSjR:first-child {\n border-top-left-radius: 2px;\n border-bottom-left-radius: 2px;\n}\n.main-module_tabs_secondary__1QmBJ .main-module_tabs__item_active__1LSjR:last-child {\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px;\n}\n.main-module_tabs_secondary__1QmBJ .main-module_tabs__item_active__1LSjR::after {\n content: '';\n position: absolute;\n bottom: -8px;\n width: 0;\n height: 0;\n border-left: 7px solid transparent;\n border-right: 7px solid transparent;\n border-top: 8px solid #3c83ec;\n}\n.main-module_tabs_secondary__1QmBJ .main-module_tabs__panel-list__3Ob_w {\n margin-top: 8px;\n}\n";
|
|
4
4
|
var cssClasses = {"tabs__item-list":"main-module_tabs__item-list__2R9BF","tabs_secondary":"main-module_tabs_secondary__1QmBJ","tabs__item":"main-module_tabs__item__2peSO","tabs__item_active":"main-module_tabs__item_active__1LSjR","tabs__panel-list":"main-module_tabs__panel-list__3Ob_w"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|