@dreamcommerce/aurora 2.1.24 → 2.1.26
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/accordion/css_classes.js +2 -0
- package/build/cjs/packages/aurora/src/components/accordion/css_classes.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/accordion/index.js +3 -2
- package/build/cjs/packages/aurora/src/components/accordion/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/css/accordion/main.module.less.js +2 -2
- package/build/esm/packages/aurora/src/components/accordion/css_classes.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/accordion/css_classes.js +2 -0
- package/build/esm/packages/aurora/src/components/accordion/css_classes.js.map +1 -1
- package/build/esm/packages/aurora/src/components/accordion/index.js +3 -2
- package/build/esm/packages/aurora/src/components/accordion/index.js.map +1 -1
- package/build/esm/packages/aurora/src/css/accordion/main.module.less.js +2 -2
- package/build/esm/packages/aurora/src/index.d.ts +1 -1
- package/package.json +1 -1
|
@@ -6,6 +6,8 @@ const accordionBaseCssClass = 'accordion';
|
|
|
6
6
|
var CSS_CLASSES = {
|
|
7
7
|
accordion: accordionBaseCssClass,
|
|
8
8
|
accordionHeader: `${accordionBaseCssClass}__header`,
|
|
9
|
+
accordionTitle: `${accordionBaseCssClass}__title`,
|
|
10
|
+
accordionArrow: `${accordionBaseCssClass}__arrow`,
|
|
9
11
|
accordionContent: `${accordionBaseCssClass}__content`,
|
|
10
12
|
accordionIconRotate180: `${accordionBaseCssClass}__icon_rotate-180`
|
|
11
13
|
};
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -18,8 +18,9 @@ const Accordion = ({ id, title, isOpened = false, children }) => {
|
|
|
18
18
|
};
|
|
19
19
|
return (React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].accordion] },
|
|
20
20
|
React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].accordionHeader], onClick: handleOnClick, "aria-expanded": isOpen, "aria-controls": id },
|
|
21
|
-
title,
|
|
22
|
-
React__default['default'].createElement(
|
|
21
|
+
React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].accordionTitle] }, title),
|
|
22
|
+
React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].accordionArrow] },
|
|
23
|
+
React__default['default'].createElement(icon_arrow_down['default'], { size: "m", className: `${isOpen ? main_module['default'][css_classes['default'].accordionIconRotate180] : ''}` }))),
|
|
23
24
|
isOpen && (React__default['default'].createElement("div", { id: id, className: main_module['default'][css_classes['default'].accordionContent] }, children))));
|
|
24
25
|
};
|
|
25
26
|
|
|
@@ -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;"}
|
|
@@ -4,8 +4,8 @@ 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__qbc72:not(:last-child) {\n margin-bottom: 8px;\n}\n.main-module_accordion__header__28z7_ {\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__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";
|
|
8
|
-
var cssClasses = {"accordion":"main-module_accordion__qbc72","accordion__header":"main-module_accordion__header__28z7_","accordion__content":"main-module_accordion__content__3c3tq","accordion__icon_rotate-180":"main-module_accordion__icon_rotate-180__1tqnh"};
|
|
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__qbc72:not(:last-child) {\n margin-bottom: 8px;\n}\n.main-module_accordion__header__28z7_ {\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__title__cZTxX {\n max-width: calc(100% - (12px + 8px));\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";
|
|
8
|
+
var cssClasses = {"accordion":"main-module_accordion__qbc72","accordion__header":"main-module_accordion__header__28z7_","accordion__title":"main-module_accordion__title__cZTxX","accordion__content":"main-module_accordion__content__3c3tq","accordion__icon_rotate-180":"main-module_accordion__icon_rotate-180__1tqnh"};
|
|
9
9
|
styleInject_es['default'](css_248z);
|
|
10
10
|
|
|
11
11
|
exports.default = cssClasses;
|
|
@@ -2,6 +2,8 @@ const accordionBaseCssClass = 'accordion';
|
|
|
2
2
|
var CSS_CLASSES = {
|
|
3
3
|
accordion: accordionBaseCssClass,
|
|
4
4
|
accordionHeader: `${accordionBaseCssClass}__header`,
|
|
5
|
+
accordionTitle: `${accordionBaseCssClass}__title`,
|
|
6
|
+
accordionArrow: `${accordionBaseCssClass}__arrow`,
|
|
5
7
|
accordionContent: `${accordionBaseCssClass}__content`,
|
|
6
8
|
accordionIconRotate180: `${accordionBaseCssClass}__icon_rotate-180`
|
|
7
9
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}
|
|
@@ -10,8 +10,9 @@ const Accordion = ({ id, title, isOpened = false, children }) => {
|
|
|
10
10
|
};
|
|
11
11
|
return (React.createElement("div", { className: cssClasses[CSS_CLASSES.accordion] },
|
|
12
12
|
React.createElement("div", { className: cssClasses[CSS_CLASSES.accordionHeader], onClick: handleOnClick, "aria-expanded": isOpen, "aria-controls": id },
|
|
13
|
-
title,
|
|
14
|
-
React.createElement(
|
|
13
|
+
React.createElement("div", { className: cssClasses[CSS_CLASSES.accordionTitle] }, title),
|
|
14
|
+
React.createElement("div", { className: cssClasses[CSS_CLASSES.accordionArrow] },
|
|
15
|
+
React.createElement(IconArrowDown, { size: "m", className: `${isOpen ? cssClasses[CSS_CLASSES.accordionIconRotate180] : ''}` }))),
|
|
15
16
|
isOpen && (React.createElement("div", { id: id, className: cssClasses[CSS_CLASSES.accordionContent] }, children))));
|
|
16
17
|
};
|
|
17
18
|
|
|
@@ -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;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
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__qbc72:not(:last-child) {\n margin-bottom: 8px;\n}\n.main-module_accordion__header__28z7_ {\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__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";
|
|
4
|
-
var cssClasses = {"accordion":"main-module_accordion__qbc72","accordion__header":"main-module_accordion__header__28z7_","accordion__content":"main-module_accordion__content__3c3tq","accordion__icon_rotate-180":"main-module_accordion__icon_rotate-180__1tqnh"};
|
|
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__qbc72:not(:last-child) {\n margin-bottom: 8px;\n}\n.main-module_accordion__header__28z7_ {\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__title__cZTxX {\n max-width: calc(100% - (12px + 8px));\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";
|
|
4
|
+
var cssClasses = {"accordion":"main-module_accordion__qbc72","accordion__header":"main-module_accordion__header__28z7_","accordion__title":"main-module_accordion__title__cZTxX","accordion__content":"main-module_accordion__content__3c3tq","accordion__icon_rotate-180":"main-module_accordion__icon_rotate-180__1tqnh"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export default cssClasses;
|
|
@@ -6,10 +6,10 @@ import { ICellProps, IIRowProps, ITableProps } from "./components/table/types";
|
|
|
6
6
|
import { IDropdownProps, ISelectOption } from "./components/dropdown/types";
|
|
7
7
|
import { TFlashMessage, TFlashMessageExtended } from "./components/flash_messenger/types";
|
|
8
8
|
import AbsoluteModal from "./components/modal/hoc/absolute_modal";
|
|
9
|
-
import Accordion from "./components/accordion";
|
|
10
9
|
/**
|
|
11
10
|
* import components for export
|
|
12
11
|
*/
|
|
12
|
+
import Accordion from "./components/accordion";
|
|
13
13
|
import Button from "./components/button";
|
|
14
14
|
import ButtonsGroup from "./components/buttons_group";
|
|
15
15
|
import ColorPicker from "./components/color_picker";
|