@dreamcommerce/aurora 2.1.26 → 2.1.27-2
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 +0 -1
- package/build/cjs/packages/aurora/src/components/accordion/css_classes.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/accordion/index.js +1 -2
- package/build/cjs/packages/aurora/src/components/accordion/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/search_list/components/search_list_results.js +2 -2
- package/build/cjs/packages/aurora/src/css/accordion/main.module.less.js +1 -1
- package/build/cjs/packages/aurora/src/css/search_list/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/components/accordion/css_classes.d.ts +0 -1
- package/build/esm/packages/aurora/src/components/accordion/css_classes.js +0 -1
- package/build/esm/packages/aurora/src/components/accordion/css_classes.js.map +1 -1
- package/build/esm/packages/aurora/src/components/accordion/index.js +1 -2
- package/build/esm/packages/aurora/src/components/accordion/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/search_list/components/search_list_results.js +2 -2
- package/build/esm/packages/aurora/src/components/search_list/types.d.ts +1 -0
- package/build/esm/packages/aurora/src/css/accordion/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/css/search_list/main.module.less.js +1 -1
- package/package.json +1 -1
|
@@ -7,7 +7,6 @@ var CSS_CLASSES = {
|
|
|
7
7
|
accordion: accordionBaseCssClass,
|
|
8
8
|
accordionHeader: `${accordionBaseCssClass}__header`,
|
|
9
9
|
accordionTitle: `${accordionBaseCssClass}__title`,
|
|
10
|
-
accordionArrow: `${accordionBaseCssClass}__arrow`,
|
|
11
10
|
accordionContent: `${accordionBaseCssClass}__content`,
|
|
12
11
|
accordionIconRotate180: `${accordionBaseCssClass}__icon_rotate-180`
|
|
13
12
|
};
|
|
@@ -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;
|
|
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;"}
|
|
@@ -19,8 +19,7 @@ const Accordion = ({ id, title, isOpened = false, children }) => {
|
|
|
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
21
|
React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].accordionTitle] }, title),
|
|
22
|
-
React__default['default'].createElement("
|
|
23
|
-
React__default['default'].createElement(icon_arrow_down['default'], { size: "m", className: `${isOpen ? main_module['default'][css_classes['default'].accordionIconRotate180] : ''}` }))),
|
|
22
|
+
React__default['default'].createElement(icon_arrow_down['default'], { size: "m", className: `${isOpen ? main_module['default'][css_classes['default'].accordionIconRotate180] : ''}` })),
|
|
24
23
|
isOpen && (React__default['default'].createElement("div", { id: id, className: main_module['default'][css_classes['default'].accordionContent] }, children))));
|
|
25
24
|
};
|
|
26
25
|
|
|
@@ -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;"}
|
package/build/cjs/packages/aurora/src/components/search_list/components/search_list_results.js
CHANGED
|
@@ -11,9 +11,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
11
11
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
13
|
|
|
14
|
-
const SearchListResults = ({ SearchListItem }) => {
|
|
14
|
+
const SearchListResults = ({ SearchListItem, gapValue = 5 }) => {
|
|
15
15
|
const [{ items }] = context.useSearchList();
|
|
16
|
-
return (React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].searchListResults] }, items.map((item, index) => {
|
|
16
|
+
return (React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].searchListResults], style: { gap: `${gapValue}px` } }, items.map((item, index) => {
|
|
17
17
|
return React__default['default'].createElement(SearchListItem, { key: `search-item-${index}`, item: item });
|
|
18
18
|
})));
|
|
19
19
|
};
|
|
@@ -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-
|
|
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__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 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";
|
|
8
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
|
|
|
@@ -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_search-list__input__2P74O {\n display: flex;\n align-items: center;\n position: relative;\n}\n.main-module_search-list__input__2P74O:not(last-child) {\n margin-bottom: 15px;\n}\n.main-module_search-list__input-field__X5bVY {\n width: 100%;\n padding: 9px 5px;\n border: 1px solid #abb4cd;\n border-radius: 3px;\n}\n.main-module_search-list__input-field-with-icon__1JdS2 {\n padding-left: 35px;\n}\n.main-module_search-list__input-icon__21RsB {\n position: absolute;\n left: 9px;\n line-height: 1;\n}\n.main-module_search-list__input-icon__21RsB::before {\n content: '\\E925';\n display: inline-block;\n font-family: 'aurora-icons';\n font-size: 18px;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n vertical-align: middle;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n color: #2d3748;\n}\n.main-module_search-list__results__23fx5 {\n display: flex;\n flex-direction: column;\n
|
|
7
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_search-list__input__2P74O {\n display: flex;\n align-items: center;\n position: relative;\n}\n.main-module_search-list__input__2P74O:not(last-child) {\n margin-bottom: 15px;\n}\n.main-module_search-list__input-field__X5bVY {\n width: 100%;\n padding: 9px 5px;\n border: 1px solid #abb4cd;\n border-radius: 3px;\n}\n.main-module_search-list__input-field-with-icon__1JdS2 {\n padding-left: 35px;\n}\n.main-module_search-list__input-icon__21RsB {\n position: absolute;\n left: 9px;\n line-height: 1;\n}\n.main-module_search-list__input-icon__21RsB::before {\n content: '\\E925';\n display: inline-block;\n font-family: 'aurora-icons';\n font-size: 18px;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n vertical-align: middle;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n color: #2d3748;\n}\n.main-module_search-list__results__23fx5 {\n display: flex;\n flex-direction: column;\n}\n";
|
|
8
8
|
var cssClasses = {"search-list__input":"main-module_search-list__input__2P74O","search-list__input-field":"main-module_search-list__input-field__X5bVY","search-list__input-field-with-icon":"main-module_search-list__input-field-with-icon__1JdS2","search-list__input-icon":"main-module_search-list__input-icon__21RsB","search-list__results":"main-module_search-list__results__23fx5"};
|
|
9
9
|
styleInject_es['default'](css_248z);
|
|
10
10
|
|
|
@@ -3,7 +3,6 @@ var CSS_CLASSES = {
|
|
|
3
3
|
accordion: accordionBaseCssClass,
|
|
4
4
|
accordionHeader: `${accordionBaseCssClass}__header`,
|
|
5
5
|
accordionTitle: `${accordionBaseCssClass}__title`,
|
|
6
|
-
accordionArrow: `${accordionBaseCssClass}__arrow`,
|
|
7
6
|
accordionContent: `${accordionBaseCssClass}__content`,
|
|
8
7
|
accordionIconRotate180: `${accordionBaseCssClass}__icon_rotate-180`
|
|
9
8
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}
|
|
@@ -11,8 +11,7 @@ const Accordion = ({ id, title, isOpened = false, children }) => {
|
|
|
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
13
|
React.createElement("div", { className: cssClasses[CSS_CLASSES.accordionTitle] }, title),
|
|
14
|
-
React.createElement("
|
|
15
|
-
React.createElement(IconArrowDown, { size: "m", className: `${isOpen ? cssClasses[CSS_CLASSES.accordionIconRotate180] : ''}` }))),
|
|
14
|
+
React.createElement(IconArrowDown, { size: "m", className: `${isOpen ? cssClasses[CSS_CLASSES.accordionIconRotate180] : ''}` })),
|
|
16
15
|
isOpen && (React.createElement("div", { id: id, className: cssClasses[CSS_CLASSES.accordionContent] }, children))));
|
|
17
16
|
};
|
|
18
17
|
|
|
@@ -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;"}
|
package/build/esm/packages/aurora/src/components/search_list/components/search_list_results.js
CHANGED
|
@@ -3,9 +3,9 @@ import { useSearchList } from '../context.js';
|
|
|
3
3
|
import CSS_CLASSES from '../css_classes.js';
|
|
4
4
|
import cssClasses from '../../../css/search_list/main.module.less.js';
|
|
5
5
|
|
|
6
|
-
const SearchListResults = ({ SearchListItem }) => {
|
|
6
|
+
const SearchListResults = ({ SearchListItem, gapValue = 5 }) => {
|
|
7
7
|
const [{ items }] = useSearchList();
|
|
8
|
-
return (React.createElement("div", { className: cssClasses[CSS_CLASSES.searchListResults] }, items.map((item, index) => {
|
|
8
|
+
return (React.createElement("div", { className: cssClasses[CSS_CLASSES.searchListResults], style: { gap: `${gapValue}px` } }, items.map((item, index) => {
|
|
9
9
|
return React.createElement(SearchListItem, { key: `search-item-${index}`, item: item });
|
|
10
10
|
})));
|
|
11
11
|
};
|
|
@@ -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-
|
|
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__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 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";
|
|
4
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
|
|
|
@@ -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_search-list__input__2P74O {\n display: flex;\n align-items: center;\n position: relative;\n}\n.main-module_search-list__input__2P74O:not(last-child) {\n margin-bottom: 15px;\n}\n.main-module_search-list__input-field__X5bVY {\n width: 100%;\n padding: 9px 5px;\n border: 1px solid #abb4cd;\n border-radius: 3px;\n}\n.main-module_search-list__input-field-with-icon__1JdS2 {\n padding-left: 35px;\n}\n.main-module_search-list__input-icon__21RsB {\n position: absolute;\n left: 9px;\n line-height: 1;\n}\n.main-module_search-list__input-icon__21RsB::before {\n content: '\\E925';\n display: inline-block;\n font-family: 'aurora-icons';\n font-size: 18px;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n vertical-align: middle;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n color: #2d3748;\n}\n.main-module_search-list__results__23fx5 {\n display: flex;\n flex-direction: column;\n
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_search-list__input__2P74O {\n display: flex;\n align-items: center;\n position: relative;\n}\n.main-module_search-list__input__2P74O:not(last-child) {\n margin-bottom: 15px;\n}\n.main-module_search-list__input-field__X5bVY {\n width: 100%;\n padding: 9px 5px;\n border: 1px solid #abb4cd;\n border-radius: 3px;\n}\n.main-module_search-list__input-field-with-icon__1JdS2 {\n padding-left: 35px;\n}\n.main-module_search-list__input-icon__21RsB {\n position: absolute;\n left: 9px;\n line-height: 1;\n}\n.main-module_search-list__input-icon__21RsB::before {\n content: '\\E925';\n display: inline-block;\n font-family: 'aurora-icons';\n font-size: 18px;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n vertical-align: middle;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n color: #2d3748;\n}\n.main-module_search-list__results__23fx5 {\n display: flex;\n flex-direction: column;\n}\n";
|
|
4
4
|
var cssClasses = {"search-list__input":"main-module_search-list__input__2P74O","search-list__input-field":"main-module_search-list__input-field__X5bVY","search-list__input-field-with-icon":"main-module_search-list__input-field-with-icon__1JdS2","search-list__input-icon":"main-module_search-list__input-icon__21RsB","search-list__results":"main-module_search-list__results__23fx5"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|