@dreamcommerce/aurora 2.4.0-21 → 2.4.0-23

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.
@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
15
15
 
16
16
  const Stack = ({ children, spacing = 0, className = '', direction = stack_constants.STACK_DIRECTIONS.row, justify = stack_constants.STACK_JUSTIFICATIONS.flexStart, align = stack_constants.STACK_ALIGNMENTS.normal, wrap = stack_constants.STACK_WRAP.nowrap, as = 'div', inline = false }) => {
17
- const stackClass = classnames__default['default'](main_module['default'][css_classes.cssStack], main_module['default'][stack_constants.STACK_DIRECTIONS_TO_CSS_CLASSES_MAP[direction]], main_module['default'][stack_constants.STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP[align]], main_module['default'][stack_constants.STACK_JUSTIFICATIONS[justify]], main_module['default'][stack_constants.STACK_WRAP_TO_CSS_CLASSES_MAP[wrap]], inline ? main_module['default'][stack_constants.STACK_CSS_CLASSES.inline] : '', className);
17
+ const stackClass = classnames__default['default'](main_module['default'][css_classes.cssStack], main_module['default'][stack_constants.STACK_DIRECTIONS_TO_CSS_CLASSES_MAP[direction]], main_module['default'][stack_constants.STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP[align]], main_module['default'][stack_constants.STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP[justify]], main_module['default'][stack_constants.STACK_WRAP_TO_CSS_CLASSES_MAP[wrap]], inline ? main_module['default'][stack_constants.STACK_CSS_CLASSES.inline] : '', className);
18
18
  return React__default['default'].createElement(as, {
19
19
  className: `${stackClass}`,
20
20
  style: { gap: `${spacing}px` }
@@ -62,6 +62,18 @@ const STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP = {
62
62
  [STACK_ALIGNMENTS.flexStart]: `${stackCssBaseClass}_align_flex-start`,
63
63
  [STACK_ALIGNMENTS.flexEnd]: `${stackCssBaseClass}_align_flex-end`
64
64
  };
65
+ const STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP = {
66
+ [STACK_JUSTIFICATIONS.start]: `${stackCssBaseClass}_justify_start`,
67
+ [STACK_JUSTIFICATIONS.end]: `${stackCssBaseClass}_justify_end`,
68
+ [STACK_JUSTIFICATIONS.center]: `${stackCssBaseClass}_justify_center`,
69
+ [STACK_JUSTIFICATIONS.spaceBetween]: `${stackCssBaseClass}_justify_space-between`,
70
+ [STACK_JUSTIFICATIONS.spaceAround]: `${stackCssBaseClass}_justify_space-around`,
71
+ [STACK_JUSTIFICATIONS.spaceEvenly]: `${stackCssBaseClass}_justify_space-evenly`,
72
+ [STACK_JUSTIFICATIONS.flexStart]: `${stackCssBaseClass}_justify_flex-start`,
73
+ [STACK_JUSTIFICATIONS.flexEnd]: `${stackCssBaseClass}_justify_flex-end`,
74
+ [STACK_JUSTIFICATIONS.initial]: `${stackCssBaseClass}_justify_initial`,
75
+ [STACK_JUSTIFICATIONS.inherit]: `${stackCssBaseClass}_justify_inherit`
76
+ };
65
77
  const STACK_WRAP_TO_CSS_CLASSES_MAP = {
66
78
  [STACK_WRAP.wrap]: `${stackCssBaseClass}_wrap_wrap`,
67
79
  [STACK_WRAP.nowrap]: `${stackCssBaseClass}_wrap_nowrap`,
@@ -74,6 +86,7 @@ exports.STACK_CSS_CLASSES = STACK_CSS_CLASSES;
74
86
  exports.STACK_DIRECTIONS = STACK_DIRECTIONS;
75
87
  exports.STACK_DIRECTIONS_TO_CSS_CLASSES_MAP = STACK_DIRECTIONS_TO_CSS_CLASSES_MAP;
76
88
  exports.STACK_JUSTIFICATIONS = STACK_JUSTIFICATIONS;
89
+ exports.STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP = STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP;
77
90
  exports.STACK_WRAP = STACK_WRAP;
78
91
  exports.STACK_WRAP_TO_CSS_CLASSES_MAP = STACK_WRAP_TO_CSS_CLASSES_MAP;
79
92
  exports.stackCssBaseClass = stackCssBaseClass;
@@ -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;"}
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;"}
@@ -2,6 +2,7 @@ import { LOADER_SIZE } from "./constants";
2
2
  import { EnumLiteralsOf } from "../../typings/general";
3
3
  export interface ILoaderProps {
4
4
  size?: TLoaderSize;
5
+ style?: Record<any, any>;
5
6
  }
6
7
  export interface ILoaderConstants {
7
8
  SIZE: typeof LOADER_SIZE;
@@ -1,11 +1,11 @@
1
1
  import React from 'react';
2
2
  import classnames from 'classnames';
3
- import { STACK_DIRECTIONS, STACK_JUSTIFICATIONS, STACK_ALIGNMENTS, STACK_WRAP, STACK_DIRECTIONS_TO_CSS_CLASSES_MAP, STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP, STACK_WRAP_TO_CSS_CLASSES_MAP, STACK_CSS_CLASSES } from './stack_constants.js';
3
+ import { STACK_DIRECTIONS, STACK_JUSTIFICATIONS, STACK_ALIGNMENTS, STACK_WRAP, STACK_DIRECTIONS_TO_CSS_CLASSES_MAP, STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP, STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP, STACK_WRAP_TO_CSS_CLASSES_MAP, STACK_CSS_CLASSES } from './stack_constants.js';
4
4
  import cssClasses from '../../css/stack/main.module.less.js';
5
5
  import { cssStack } from './css_classes.js';
6
6
 
7
7
  const Stack = ({ children, spacing = 0, className = '', direction = STACK_DIRECTIONS.row, justify = STACK_JUSTIFICATIONS.flexStart, align = STACK_ALIGNMENTS.normal, wrap = STACK_WRAP.nowrap, as = 'div', inline = false }) => {
8
- const stackClass = classnames(cssClasses[cssStack], cssClasses[STACK_DIRECTIONS_TO_CSS_CLASSES_MAP[direction]], cssClasses[STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP[align]], cssClasses[STACK_JUSTIFICATIONS[justify]], cssClasses[STACK_WRAP_TO_CSS_CLASSES_MAP[wrap]], inline ? cssClasses[STACK_CSS_CLASSES.inline] : '', className);
8
+ const stackClass = classnames(cssClasses[cssStack], cssClasses[STACK_DIRECTIONS_TO_CSS_CLASSES_MAP[direction]], cssClasses[STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP[align]], cssClasses[STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP[justify]], cssClasses[STACK_WRAP_TO_CSS_CLASSES_MAP[wrap]], inline ? cssClasses[STACK_CSS_CLASSES.inline] : '', className);
9
9
  return React.createElement(as, {
10
10
  className: `${stackClass}`,
11
11
  style: { gap: `${spacing}px` }
@@ -58,11 +58,23 @@ const STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP = {
58
58
  [STACK_ALIGNMENTS.flexStart]: `${stackCssBaseClass}_align_flex-start`,
59
59
  [STACK_ALIGNMENTS.flexEnd]: `${stackCssBaseClass}_align_flex-end`
60
60
  };
61
+ const STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP = {
62
+ [STACK_JUSTIFICATIONS.start]: `${stackCssBaseClass}_justify_start`,
63
+ [STACK_JUSTIFICATIONS.end]: `${stackCssBaseClass}_justify_end`,
64
+ [STACK_JUSTIFICATIONS.center]: `${stackCssBaseClass}_justify_center`,
65
+ [STACK_JUSTIFICATIONS.spaceBetween]: `${stackCssBaseClass}_justify_space-between`,
66
+ [STACK_JUSTIFICATIONS.spaceAround]: `${stackCssBaseClass}_justify_space-around`,
67
+ [STACK_JUSTIFICATIONS.spaceEvenly]: `${stackCssBaseClass}_justify_space-evenly`,
68
+ [STACK_JUSTIFICATIONS.flexStart]: `${stackCssBaseClass}_justify_flex-start`,
69
+ [STACK_JUSTIFICATIONS.flexEnd]: `${stackCssBaseClass}_justify_flex-end`,
70
+ [STACK_JUSTIFICATIONS.initial]: `${stackCssBaseClass}_justify_initial`,
71
+ [STACK_JUSTIFICATIONS.inherit]: `${stackCssBaseClass}_justify_inherit`
72
+ };
61
73
  const STACK_WRAP_TO_CSS_CLASSES_MAP = {
62
74
  [STACK_WRAP.wrap]: `${stackCssBaseClass}_wrap_wrap`,
63
75
  [STACK_WRAP.nowrap]: `${stackCssBaseClass}_wrap_nowrap`,
64
76
  [STACK_WRAP.wrapReverse]: `${stackCssBaseClass}_wrap_wrap-reverse`
65
77
  };
66
78
 
67
- export { STACK_ALIGNMENTS, STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP, STACK_CSS_CLASSES, STACK_DIRECTIONS, STACK_DIRECTIONS_TO_CSS_CLASSES_MAP, STACK_JUSTIFICATIONS, STACK_WRAP, STACK_WRAP_TO_CSS_CLASSES_MAP, stackCssBaseClass };
79
+ export { STACK_ALIGNMENTS, STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP, STACK_CSS_CLASSES, STACK_DIRECTIONS, STACK_DIRECTIONS_TO_CSS_CLASSES_MAP, STACK_JUSTIFICATIONS, STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP, STACK_WRAP, STACK_WRAP_TO_CSS_CLASSES_MAP, stackCssBaseClass };
68
80
  //# sourceMappingURL=stack_constants.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;"}
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;"}
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.4.0-21",
5
+ "version": "2.4.0-23",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",