@dreamcommerce/aurora 2.8.0-2 → 2.8.0-3

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.
Files changed (8) hide show
  1. package/build/cjs/packages/aurora/src/assets/lock_opened.js +1 -1
  2. package/build/cjs/packages/aurora/src/components/controls/components/values_syncer.js +2 -2
  3. package/build/cjs/packages/aurora/src/css/tabs/main.module.less.js +1 -1
  4. package/build/esm/packages/aurora/src/assets/lock_opened.d.ts +1 -3
  5. package/build/esm/packages/aurora/src/assets/lock_opened.js +1 -1
  6. package/build/esm/packages/aurora/src/components/controls/components/values_syncer.js +2 -2
  7. package/build/esm/packages/aurora/src/css/tabs/main.module.less.js +1 -1
  8. package/package.json +1 -1
package/build/cjs/packages/aurora/src/assets/lock_opened.js CHANGED
@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
9
9
 
10
10
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
11
11
 
12
- const LockOpened = ({ className }) => (React__default['default'].createElement(icon['default'], null,
12
+ const LockOpened = () => (React__default['default'].createElement(icon['default'], null,
13
13
  React__default['default'].createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
14
14
  React__default['default'].createElement("g", { id: "Frame", clipPath: "url(#clip0_30888_11215)" },
15
15
  React__default['default'].createElement("g", { id: "Vector" },
package/build/cjs/packages/aurora/src/components/controls/components/values_syncer.js CHANGED
@@ -28,9 +28,9 @@ const ValuesSyncer = ({ firstControl, secondControl, initialFirstValue, initialS
28
28
  setFirstControlValue(value);
29
29
  }
30
30
  };
31
- return (React__default['default'].createElement(index['default'], { spacing: 16 },
31
+ return (React__default['default'].createElement(index['default'], { spacing: 16, align: "center" },
32
32
  firstControl(firstControlValue, setFirstControl),
33
- React__default['default'].createElement("button", { type: "button", onClick: toggleLock }, locked ? React__default['default'].createElement(lock_closed['default'], null) : React__default['default'].createElement(lock_opened['default'], null)),
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)),
34
34
  secondControl(secondControlValue, setSecondControl)));
35
35
  };
36
36
 
package/build/cjs/packages/aurora/src/css/tabs/main.module.less.js CHANGED
@@ -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 > * {\n fill: #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";
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 fill: #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
 
package/build/esm/packages/aurora/src/assets/lock_opened.d.ts CHANGED
@@ -1,4 +1,2 @@
1
- declare const LockOpened: ({ className }: {
2
- className?: string | undefined;
3
- }) => JSX.Element;
1
+ declare const LockOpened: () => JSX.Element;
4
2
  export default LockOpened;
package/build/esm/packages/aurora/src/assets/lock_opened.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import Icon from './icon.js';
3
3
 
4
- const LockOpened = ({ className }) => (React.createElement(Icon, null,
4
+ const LockOpened = () => (React.createElement(Icon, null,
5
5
  React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
6
6
  React.createElement("g", { id: "Frame", clipPath: "url(#clip0_30888_11215)" },
7
7
  React.createElement("g", { id: "Vector" },
package/build/esm/packages/aurora/src/components/controls/components/values_syncer.js CHANGED
@@ -20,9 +20,9 @@ const ValuesSyncer = ({ firstControl, secondControl, initialFirstValue, initialS
20
20
  setFirstControlValue(value);
21
21
  }
22
22
  };
23
- return (React.createElement(Stack, { spacing: 16 },
23
+ return (React.createElement(Stack, { spacing: 16, align: "center" },
24
24
  firstControl(firstControlValue, setFirstControl),
25
- React.createElement("button", { type: "button", onClick: toggleLock }, locked ? React.createElement(LockClosed, null) : React.createElement(LockOpened, null)),
25
+ React.createElement("button", { "aria-label": "Lock values", type: "button", onClick: toggleLock }, locked ? React.createElement(LockClosed, null) : React.createElement(LockOpened, null)),
26
26
  secondControl(secondControlValue, setSecondControl)));
27
27
  };
28
28
 
package/build/esm/packages/aurora/src/css/tabs/main.module.less.js CHANGED
@@ -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 > * {\n fill: #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";
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 fill: #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
 
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.8.0-2",
5
+ "version": "2.8.0-3",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",