@dreamcommerce/aurora 0.3.4-194 → 0.3.4-195

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/README.md CHANGED
@@ -1,23 +1,5 @@
1
1
  # Aurora
2
2
 
3
- ## Jak zainstalować yarna (wersje > 1 z której korzystamy)
4
-
5
- jeżeli mamy wersje node > 16.10 wówczas wystarczy włączyć `corepack`
6
-
7
- `corepack enable`
8
-
9
- **corepack** - jest to tool nodowy który pomaga w zarządzaniu wersjami pakiet managerów, dostarcza on m.in binarki yarna
10
-
11
- w innym wypadku
12
-
13
- `npm i -g corepack`
14
-
15
- i chyba też go trzeba z ręki właczyć
16
-
17
- zaktualizowanie wersji do najowszej
18
-
19
- `yarn set version stable`
20
-
21
3
  ## Jak odpalić?
22
4
 
23
5
  1. `yarn install`
@@ -26,11 +8,6 @@ zaktualizowanie wersji do najowszej
26
8
  tworzonego komponentu. Dzięki temu możemy sobie developować nasz komponent w izolacji. Proponuje się wzorować na tym
27
9
  co już gotowe.
28
10
 
29
- ## Jak publikować pakiety nad którymi pracujemy, żeby nie zrobić nikomu krzywdy
30
-
31
- 1. `yarn version prerelease`
32
- 2. `yarn npm publish --tag beta --access public`
33
-
34
11
  Taki pakiet możemy zainstlować w swoim projekcie przez użycie tagu beta wrzucając do
35
12
  package.json `@dreamcommerce/aurora: "0.2.10-1"`. Co jeśli pracujemy dalej? Odpalamy znowu
36
13
  `yarn version --prerelease`
@@ -7,7 +7,6 @@ var cssButtonOutline = "".concat(cssButton, "_outline");
7
7
  var cssButtonBg = "".concat(cssButton, "_bg");
8
8
  var cssButtonS = "".concat(cssButton, "_s");
9
9
  var cssButtonLink = "".concat(cssButton, "_link");
10
- var cssButtonSecondary = "".concat(cssButton, "_secondary");
11
10
  var cssButtonInactive = "".concat(cssButton, "_inactive");
12
11
 
13
12
  exports.cssButton = cssButton;
@@ -16,5 +15,4 @@ exports.cssButtonInactive = cssButtonInactive;
16
15
  exports.cssButtonLink = cssButtonLink;
17
16
  exports.cssButtonOutline = cssButtonOutline;
18
17
  exports.cssButtonS = cssButtonS;
19
- exports.cssButtonSecondary = cssButtonSecondary;
20
18
  //# sourceMappingURL=css_classes.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;"}
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;"}
@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  require('react');
6
6
  var _tslib = require('../../../../../_virtual/_tslib.js');
7
- var classnames = require('classnames');
8
- var main_module = require('../../css/button/main.module.less.js');
9
7
  var css_classes = require('./css_classes.js');
10
8
  var index = require('./components/index.js');
9
+ var classnames = require('classnames');
10
+ var main_module = require('../../css/button/main.module.less.js');
11
11
 
12
12
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
13
 
@@ -33,13 +33,14 @@ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
33
33
  var Button = function (_a) {
34
34
  var _b;
35
35
  var _c = _a.as, as = _c === void 0 ? 'button' : _c, size = _a.size, color = _a.color, variant = _a.variant, inactive = _a.inactive, _d = _a.className, className = _d === void 0 ? '' : _d, props = _tslib.__rest(_a, ["as", "size", "color", "variant", "inactive", "className"]);
36
+ var btnColor = "".concat(css_classes.cssButton, "_").concat(color);
36
37
  var buttonClassNames = classnames__default['default'](main_module['default'][css_classes.cssButton], (_b = {},
37
38
  _b[className] = className,
38
39
  _b[main_module['default'][css_classes.cssButtonS]] = size,
39
40
  _b[main_module['default'][css_classes.cssButtonBg]] = !variant,
40
41
  _b[main_module['default'][css_classes.cssButtonOutline]] = variant === 'outline',
41
42
  _b[main_module['default'][css_classes.cssButtonLink]] = variant === 'link',
42
- _b[main_module['default'][css_classes.cssButtonSecondary]] = color === 'secondary',
43
+ _b[main_module['default'][btnColor]] = true,
43
44
  _b[main_module['default'][css_classes.cssButtonInactive]] = inactive,
44
45
  _b));
45
46
  return index.buttonTypes[as].render(props, buttonClassNames);
@@ -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;"}
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;"}
@@ -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_btn__1OX4j {\n transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n display: inline-block;\n padding: 0.643rem 2rem;\n font-family: inherit;\n color: #135cc8;\n text-align: center;\n text-decoration: none;\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n background-color: transparent;\n border: 2px solid transparent;\n border-radius: 20px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: pointer;\n vertical-align: middle;\n}\n.main-module_btn__1OX4j:hover {\n border-color: #135cc8;\n background-color: #135cc8;\n color: #ffffff;\n}\n.main-module_btn_bg__oIy2H {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #ffffff;\n background-color: #3c83ec;\n}\n.main-module_btn_outline__1psTf {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n border-color: #3c83ec;\n}\n.main-module_btn_link__3tDbi {\n min-width: auto;\n font-weight: 600;\n letter-spacing: inherit;\n padding: 0.393rem 0;\n}\n.main-module_btn_link__3tDbi:hover {\n border-color: transparent;\n background-color: transparent;\n color: inherit;\n text-decoration: underline;\n}\n.main-module_btn_secondary__285QT {\n color: #5c657e;\n}\n.main-module_btn_s__rRebe {\n min-width: auto;\n padding: 0.393rem 1rem;\n}\n.main-module_btn_inactive__26wIq {\n opacity: 0.4;\n cursor: default;\n pointer-events: none;\n}\n";
8
- var cssClasses = {"btn":"main-module_btn__1OX4j","btn_bg":"main-module_btn_bg__oIy2H","btn_outline":"main-module_btn_outline__1psTf","btn_link":"main-module_btn_link__3tDbi","btn_secondary":"main-module_btn_secondary__285QT","btn_s":"main-module_btn_s__rRebe","btn_inactive":"main-module_btn_inactive__26wIq"};
7
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_btn__1OX4j {\n transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n display: inline-block;\n padding: 0.643rem 2rem;\n font-family: inherit;\n color: #135cc8;\n text-align: center;\n text-decoration: none;\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n background-color: transparent;\n border: 2px solid transparent;\n border-radius: 20px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: pointer;\n vertical-align: middle;\n}\n.main-module_btn__1OX4j:hover {\n border-color: #135cc8;\n background-color: #135cc8;\n color: #ffffff;\n}\n.main-module_btn_bg__oIy2H {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #ffffff;\n background-color: #3c83ec;\n}\n.main-module_btn_outline__1psTf {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n border-color: #3c83ec;\n}\n.main-module_btn_link__3tDbi {\n min-width: auto;\n font-weight: 600;\n letter-spacing: inherit;\n padding: 0.393rem 0;\n}\n.main-module_btn_link__3tDbi:hover {\n border-color: transparent;\n background-color: transparent;\n color: inherit;\n text-decoration: underline;\n}\n.main-module_btn_secondary__285QT {\n color: #5c657e;\n}\n.main-module_btn_on-dark-bg__a5FAF {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF:hover {\n color: #135cc8;\n}\n.main-module_btn_s__rRebe {\n min-width: auto;\n padding: 0.393rem 1rem;\n}\n.main-module_btn_inactive__26wIq {\n opacity: 0.4;\n cursor: default;\n pointer-events: none;\n}\n";
8
+ var cssClasses = {"btn":"main-module_btn__1OX4j","btn_bg":"main-module_btn_bg__oIy2H","btn_outline":"main-module_btn_outline__1psTf","btn_link":"main-module_btn_link__3tDbi","btn_secondary":"main-module_btn_secondary__285QT","btn_on-dark-bg":"main-module_btn_on-dark-bg__a5FAF","btn_s":"main-module_btn_s__rRebe","btn_inactive":"main-module_btn_inactive__26wIq"};
9
9
  styleInject_es['default'](css_248z);
10
10
 
11
11
  exports.default = cssClasses;
@@ -3,8 +3,7 @@ var cssButtonOutline = "".concat(cssButton, "_outline");
3
3
  var cssButtonBg = "".concat(cssButton, "_bg");
4
4
  var cssButtonS = "".concat(cssButton, "_s");
5
5
  var cssButtonLink = "".concat(cssButton, "_link");
6
- var cssButtonSecondary = "".concat(cssButton, "_secondary");
7
6
  var cssButtonInactive = "".concat(cssButton, "_inactive");
8
7
 
9
- export { cssButton, cssButtonBg, cssButtonInactive, cssButtonLink, cssButtonOutline, cssButtonS, cssButtonSecondary };
8
+ export { cssButton, cssButtonBg, cssButtonInactive, cssButtonLink, cssButtonOutline, cssButtonS };
10
9
  //# sourceMappingURL=css_classes.js.map
@@ -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;"}
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
1
  import { IButtonProps } from './types';
2
+ import React from 'react';
3
3
  /**
4
4
  * @component
5
5
  * @example
@@ -1,9 +1,9 @@
1
1
  import 'react';
2
2
  import { __rest } from '../../../../../_virtual/_tslib.js';
3
+ import { cssButton, cssButtonS, cssButtonBg, cssButtonOutline, cssButtonLink, cssButtonInactive } from './css_classes.js';
4
+ import { buttonTypes } from './components/index.js';
3
5
  import classnames from 'classnames';
4
6
  import cssClasses from '../../css/button/main.module.less.js';
5
- import { cssButton, cssButtonS, cssButtonBg, cssButtonOutline, cssButtonLink, cssButtonSecondary, cssButtonInactive } from './css_classes.js';
6
- import { buttonTypes } from './components/index.js';
7
7
 
8
8
  /**
9
9
  * @component
@@ -25,13 +25,14 @@ import { buttonTypes } from './components/index.js';
25
25
  var Button = function (_a) {
26
26
  var _b;
27
27
  var _c = _a.as, as = _c === void 0 ? 'button' : _c, size = _a.size, color = _a.color, variant = _a.variant, inactive = _a.inactive, _d = _a.className, className = _d === void 0 ? '' : _d, props = __rest(_a, ["as", "size", "color", "variant", "inactive", "className"]);
28
+ var btnColor = "".concat(cssButton, "_").concat(color);
28
29
  var buttonClassNames = classnames(cssClasses[cssButton], (_b = {},
29
30
  _b[className] = className,
30
31
  _b[cssClasses[cssButtonS]] = size,
31
32
  _b[cssClasses[cssButtonBg]] = !variant,
32
33
  _b[cssClasses[cssButtonOutline]] = variant === 'outline',
33
34
  _b[cssClasses[cssButtonLink]] = variant === 'link',
34
- _b[cssClasses[cssButtonSecondary]] = color === 'secondary',
35
+ _b[cssClasses[btnColor]] = true,
35
36
  _b[cssClasses[cssButtonInactive]] = inactive,
36
37
  _b));
37
38
  return buttonTypes[as].render(props, buttonClassNames);
@@ -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;"}
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;"}
@@ -4,7 +4,7 @@ export interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
4
4
  size?: 'small';
5
5
  variant?: 'outline' | 'link';
6
6
  inactive?: boolean;
7
- color?: 'secondary';
7
+ color?: 'secondary' | 'on-dark-bg';
8
8
  href?: string;
9
9
  target?: '_blank';
10
10
  children: NodeListOf<HTMLElement> | string | Element;
@@ -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_btn__1OX4j {\n transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n display: inline-block;\n padding: 0.643rem 2rem;\n font-family: inherit;\n color: #135cc8;\n text-align: center;\n text-decoration: none;\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n background-color: transparent;\n border: 2px solid transparent;\n border-radius: 20px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: pointer;\n vertical-align: middle;\n}\n.main-module_btn__1OX4j:hover {\n border-color: #135cc8;\n background-color: #135cc8;\n color: #ffffff;\n}\n.main-module_btn_bg__oIy2H {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #ffffff;\n background-color: #3c83ec;\n}\n.main-module_btn_outline__1psTf {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n border-color: #3c83ec;\n}\n.main-module_btn_link__3tDbi {\n min-width: auto;\n font-weight: 600;\n letter-spacing: inherit;\n padding: 0.393rem 0;\n}\n.main-module_btn_link__3tDbi:hover {\n border-color: transparent;\n background-color: transparent;\n color: inherit;\n text-decoration: underline;\n}\n.main-module_btn_secondary__285QT {\n color: #5c657e;\n}\n.main-module_btn_s__rRebe {\n min-width: auto;\n padding: 0.393rem 1rem;\n}\n.main-module_btn_inactive__26wIq {\n opacity: 0.4;\n cursor: default;\n pointer-events: none;\n}\n";
4
- var cssClasses = {"btn":"main-module_btn__1OX4j","btn_bg":"main-module_btn_bg__oIy2H","btn_outline":"main-module_btn_outline__1psTf","btn_link":"main-module_btn_link__3tDbi","btn_secondary":"main-module_btn_secondary__285QT","btn_s":"main-module_btn_s__rRebe","btn_inactive":"main-module_btn_inactive__26wIq"};
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_btn__1OX4j {\n transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n display: inline-block;\n padding: 0.643rem 2rem;\n font-family: inherit;\n color: #135cc8;\n text-align: center;\n text-decoration: none;\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n background-color: transparent;\n border: 2px solid transparent;\n border-radius: 20px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: pointer;\n vertical-align: middle;\n}\n.main-module_btn__1OX4j:hover {\n border-color: #135cc8;\n background-color: #135cc8;\n color: #ffffff;\n}\n.main-module_btn_bg__oIy2H {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #ffffff;\n background-color: #3c83ec;\n}\n.main-module_btn_outline__1psTf {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n border-color: #3c83ec;\n}\n.main-module_btn_link__3tDbi {\n min-width: auto;\n font-weight: 600;\n letter-spacing: inherit;\n padding: 0.393rem 0;\n}\n.main-module_btn_link__3tDbi:hover {\n border-color: transparent;\n background-color: transparent;\n color: inherit;\n text-decoration: underline;\n}\n.main-module_btn_secondary__285QT {\n color: #5c657e;\n}\n.main-module_btn_on-dark-bg__a5FAF {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF:hover {\n color: #135cc8;\n}\n.main-module_btn_s__rRebe {\n min-width: auto;\n padding: 0.393rem 1rem;\n}\n.main-module_btn_inactive__26wIq {\n opacity: 0.4;\n cursor: default;\n pointer-events: none;\n}\n";
4
+ var cssClasses = {"btn":"main-module_btn__1OX4j","btn_bg":"main-module_btn_bg__oIy2H","btn_outline":"main-module_btn_outline__1psTf","btn_link":"main-module_btn_link__3tDbi","btn_secondary":"main-module_btn_secondary__285QT","btn_on-dark-bg":"main-module_btn_on-dark-bg__a5FAF","btn_s":"main-module_btn_s__rRebe","btn_inactive":"main-module_btn_inactive__26wIq"};
5
5
  styleInject(css_248z);
6
6
 
7
7
  export default cssClasses;
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "@dreamcommerce/aurora",
3
- "packageManager": "yarn@3.1.1",
3
+ "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "0.3.4-194",
5
+ "version": "0.3.4-195",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",