@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.
@@ -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;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("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] : ''}` }))),
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;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;"}
@@ -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-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";
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 gap: 5px;\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_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
 
@@ -2,7 +2,6 @@ declare const _default: {
2
2
  accordion: string;
3
3
  accordionHeader: string;
4
4
  accordionTitle: string;
5
- accordionArrow: string;
6
5
  accordionContent: string;
7
6
  accordionIconRotate180: string;
8
7
  };
@@ -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;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("div", { className: cssClasses[CSS_CLASSES.accordionArrow] },
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;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;"}
@@ -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
  };
@@ -16,6 +16,7 @@ export declare type TSearchListItemProps<Item = any> = {
16
16
  };
17
17
  export interface ISearchListResultsProps {
18
18
  SearchListItem: FC<TSearchListItemProps>;
19
+ gapValue?: number;
19
20
  }
20
21
  export declare type SearchListState = {
21
22
  items: TSearchListItem[];
@@ -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__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";
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 gap: 5px;\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_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
 
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "2.1.26",
5
+ "version": "2.1.27-2",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",