@dreamcommerce/aurora 0.3.4-152 → 0.3.4-153

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 (13) hide show
  1. package/build/cjs/src/components/button/css_classes.js +3 -1
  2. package/build/cjs/src/components/button/css_classes.js.map +1 -1
  3. package/build/cjs/src/components/button/index.js +2 -1
  4. package/build/cjs/src/components/button/index.js.map +1 -1
  5. package/build/cjs/src/css/button/main.module.less.js +2 -2
  6. package/build/esm/src/components/button/css_classes.d.ts +1 -0
  7. package/build/esm/src/components/button/css_classes.js +3 -2
  8. package/build/esm/src/components/button/css_classes.js.map +1 -1
  9. package/build/esm/src/components/button/index.js +3 -2
  10. package/build/esm/src/components/button/index.js.map +1 -1
  11. package/build/esm/src/components/button/types.d.ts +1 -0
  12. package/build/esm/src/css/button/main.module.less.js +2 -2
  13. package/package.json +1 -1
package/build/cjs/src/components/button/css_classes.js CHANGED
@@ -7,10 +7,12 @@ var cssButtonOutline = cssButton + "_outline";
7
7
  var cssButtonBg = cssButton + "_bg";
8
8
  var cssButtonS = cssButton + "_s";
9
9
  var cssButtonLink = cssButton + "_link";
10
- var cssButtonSecondary = cssButton + "_secondary";
10
+ var cssButtonSecondary = cssButton + "_secondary";
11
+ var cssButtonInactive = cssButton + "_inactive";
11
12
 
12
13
  exports.cssButton = cssButton;
13
14
  exports.cssButtonBg = cssButtonBg;
15
+ exports.cssButtonInactive = cssButtonInactive;
14
16
  exports.cssButtonLink = cssButtonLink;
15
17
  exports.cssButtonOutline = cssButtonOutline;
16
18
  exports.cssButtonS = cssButtonS;
package/build/cjs/src/components/button/css_classes.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"css_classes.js","sources":["../../../../../src/components/button/css_classes.ts"],"sourcesContent":["export const cssButton = 'btn';\nexport const cssButtonOutline = `${cssButton}_outline`;\nexport const cssButtonBg = `${cssButton}_bg`;\nexport const cssButtonS = `${cssButton}_s`;\nexport const cssButtonLink = `${cssButton}_link`;\nexport const cssButtonSecondary = `${cssButton}_secondary`;\n"],"names":[],"mappings":";;;;IAAa,SAAS,GAAG,MAAM;IAClB,gBAAgB,GAAM,SAAS,cAAW;IAC1C,WAAW,GAAM,SAAS,SAAM;IAChC,UAAU,GAAM,SAAS,QAAK;IAC9B,aAAa,GAAM,SAAS,WAAQ;IACpC,kBAAkB,GAAM,SAAS;;;;;;;;;"}
1
+ {"version":3,"file":"css_classes.js","sources":["../../../../../src/components/button/css_classes.ts"],"sourcesContent":["export const cssButton = 'btn';\nexport const cssButtonOutline = `${cssButton}_outline`;\nexport const cssButtonBg = `${cssButton}_bg`;\nexport const cssButtonS = `${cssButton}_s`;\nexport const cssButtonLink = `${cssButton}_link`;\nexport const cssButtonSecondary = `${cssButton}_secondary`;\nexport const cssButtonInactive = `${cssButton}_inactive`;\n"],"names":[],"mappings":";;;;IAAa,SAAS,GAAG,MAAM;IAClB,gBAAgB,GAAM,SAAS,cAAW;IAC1C,WAAW,GAAM,SAAS,SAAM;IAChC,UAAU,GAAM,SAAS,QAAK;IAC9B,aAAa,GAAM,SAAS,WAAQ;IACpC,kBAAkB,GAAM,SAAS,gBAAa;IAC9C,iBAAiB,GAAM,SAAS;;;;;;;;;;"}
package/build/cjs/src/components/button/index.js CHANGED
@@ -32,13 +32,14 @@ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
32
32
  */
33
33
  var Button = function (_a) {
34
34
  var _b;
35
- var _c = _a.as, as = _c === void 0 ? 'button' : _c, size = _a.size, color = _a.color, variant = _a.variant, props = _tslib.__rest(_a, ["as", "size", "color", "variant"]);
35
+ var _c = _a.as, as = _c === void 0 ? 'button' : _c, size = _a.size, color = _a.color, variant = _a.variant, inactive = _a.inactive, props = _tslib.__rest(_a, ["as", "size", "color", "variant", "inactive"]);
36
36
  var buttonClassNames = classnames__default['default'](main_module['default'][css_classes.cssButton], (_b = {},
37
37
  _b[main_module['default'][css_classes.cssButtonS]] = size,
38
38
  _b[main_module['default'][css_classes.cssButtonBg]] = !variant,
39
39
  _b[main_module['default'][css_classes.cssButtonOutline]] = variant === 'outline',
40
40
  _b[main_module['default'][css_classes.cssButtonLink]] = variant === 'link',
41
41
  _b[main_module['default'][css_classes.cssButtonSecondary]] = color === 'secondary',
42
+ _b[main_module['default'][css_classes.cssButtonInactive]] = inactive,
42
43
  _b));
43
44
  return index.buttonTypes[as].render(props, buttonClassNames);
44
45
  };
package/build/cjs/src/components/button/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../src/components/button/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport classnames from 'classnames';\nimport cssClasses from '@css/button/main.module.less';\n\nimport { IButtonProps } from './types';\nimport { cssButton, cssButtonOutline, cssButtonBg, cssButtonLink, cssButtonS, cssButtonSecondary } from './css_classes';\nimport { buttonTypes } from './components';\n\n/**\n * @component\n * @example\n * return (\n * <Button\n * size=\"small\"\n * variant=\"light\">\n * Text button\n * </Button>\n *\n * <Button\n * as=\"link\"\n * href=\"https://onet.pl\">\n * Text button\n * </Button>\n * )\n */\nconst Button: React.FC<IButtonProps> = ({ as = 'button', size, color, variant, ...props }): JSX.Element => {\n const buttonClassNames = classnames(cssClasses[cssButton], {\n [cssClasses[cssButtonS]]: size,\n [cssClasses[cssButtonBg]]: !variant,\n [cssClasses[cssButtonOutline]]: variant === 'outline',\n [cssClasses[cssButtonLink]]: variant === 'link',\n [cssClasses[cssButtonSecondary]]: color === 'secondary'\n });\n\n return buttonTypes[as].render(props, buttonClassNames);\n};\n\nexport default Button;\n"],"names":["classnames","cssClasses","cssButton","cssButtonS","cssButtonBg","cssButtonOutline","cssButtonLink","cssButtonSecondary","buttonTypes"],"mappings":";;;;;;;;;;;;;;;AASA;;;;;;;;;;;;;;;;;IAiBM,MAAM,GAA2B,UAAC,EAAiD;;IAA/C,IAAA,UAAa,EAAb,kCAAa,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,6DAAQ;IACnF,IAAM,gBAAgB,GAAGA,8BAAU,CAACC,sBAAU,CAACC,qBAAS,CAAC;QACrD,GAACD,sBAAU,CAACE,sBAAU,CAAC,IAAG,IAAI;QAC9B,GAACF,sBAAU,CAACG,uBAAW,CAAC,IAAG,CAAC,OAAO;QACnC,GAACH,sBAAU,CAACI,4BAAgB,CAAC,IAAG,OAAO,KAAK,SAAS;QACrD,GAACJ,sBAAU,CAACK,yBAAa,CAAC,IAAG,OAAO,KAAK,MAAM;QAC/C,GAACL,sBAAU,CAACM,8BAAkB,CAAC,IAAG,KAAK,KAAK,WAAW;YACzD,CAAC;IAEH,OAAOC,iBAAW,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC;AAC3D;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../../../src/components/button/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport classnames from 'classnames';\nimport cssClasses from '@css/button/main.module.less';\n\nimport { IButtonProps } from './types';\nimport { cssButton, cssButtonOutline, cssButtonBg, cssButtonLink, cssButtonS, cssButtonSecondary, cssButtonInactive } from './css_classes';\nimport { buttonTypes } from './components';\n\n/**\n * @component\n * @example\n * return (\n * <Button\n * size=\"small\"\n * variant=\"light\">\n * Text button\n * </Button>\n *\n * <Button\n * as=\"link\"\n * href=\"https://onet.pl\">\n * Text button\n * </Button>\n * )\n */\nconst Button: React.FC<IButtonProps> = ({ as = 'button', size, color, variant, inactive, ...props }): JSX.Element => {\n const buttonClassNames = classnames(cssClasses[cssButton], {\n [cssClasses[cssButtonS]]: size,\n [cssClasses[cssButtonBg]]: !variant,\n [cssClasses[cssButtonOutline]]: variant === 'outline',\n [cssClasses[cssButtonLink]]: variant === 'link',\n [cssClasses[cssButtonSecondary]]: color === 'secondary',\n [cssClasses[cssButtonInactive]]: inactive,\n });\n\n return buttonTypes[as].render(props, buttonClassNames);\n};\n\nexport default Button;\n"],"names":["classnames","cssClasses","cssButton","cssButtonS","cssButtonBg","cssButtonOutline","cssButtonLink","cssButtonSecondary","cssButtonInactive","buttonTypes"],"mappings":";;;;;;;;;;;;;;;AASA;;;;;;;;;;;;;;;;;IAiBM,MAAM,GAA2B,UAAC,EAA2D;;IAAzD,IAAA,UAAa,EAAb,kCAAa,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,sBAAQ,EAAE,yEAAQ;IAC7F,IAAM,gBAAgB,GAAGA,8BAAU,CAACC,sBAAU,CAACC,qBAAS,CAAC;QACrD,GAACD,sBAAU,CAACE,sBAAU,CAAC,IAAG,IAAI;QAC9B,GAACF,sBAAU,CAACG,uBAAW,CAAC,IAAG,CAAC,OAAO;QACnC,GAACH,sBAAU,CAACI,4BAAgB,CAAC,IAAG,OAAO,KAAK,SAAS;QACrD,GAACJ,sBAAU,CAACK,yBAAa,CAAC,IAAG,OAAO,KAAK,MAAM;QAC/C,GAACL,sBAAU,CAACM,8BAAkB,CAAC,IAAG,KAAK,KAAK,WAAW;QACvD,GAACN,sBAAU,CAACO,6BAAiB,CAAC,IAAG,QAAQ;YAC3C,CAAC;IAEH,OAAOC,iBAAW,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC;AAC3D;;;;"}
package/build/cjs/src/css/button/main.module.less.js CHANGED
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var styleInject_es = require('../../../node_modules/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";
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"};
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"};
9
9
  styleInject_es['default'](css_248z);
10
10
 
11
11
  exports.default = cssClasses;
package/build/esm/src/components/button/css_classes.d.ts CHANGED
@@ -4,3 +4,4 @@ export declare const cssButtonBg: string;
4
4
  export declare const cssButtonS: string;
5
5
  export declare const cssButtonLink: string;
6
6
  export declare const cssButtonSecondary: string;
7
+ export declare const cssButtonInactive: string;
package/build/esm/src/components/button/css_classes.js CHANGED
@@ -3,7 +3,8 @@ var cssButtonOutline = cssButton + "_outline";
3
3
  var cssButtonBg = cssButton + "_bg";
4
4
  var cssButtonS = cssButton + "_s";
5
5
  var cssButtonLink = cssButton + "_link";
6
- var cssButtonSecondary = cssButton + "_secondary";
6
+ var cssButtonSecondary = cssButton + "_secondary";
7
+ var cssButtonInactive = cssButton + "_inactive";
7
8
 
8
- export { cssButton, cssButtonBg, cssButtonLink, cssButtonOutline, cssButtonS, cssButtonSecondary };
9
+ export { cssButton, cssButtonBg, cssButtonInactive, cssButtonLink, cssButtonOutline, cssButtonS, cssButtonSecondary };
9
10
  //# sourceMappingURL=css_classes.js.map
package/build/esm/src/components/button/css_classes.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"css_classes.js","sources":["../../../../../src/components/button/css_classes.ts"],"sourcesContent":["export const cssButton = 'btn';\nexport const cssButtonOutline = `${cssButton}_outline`;\nexport const cssButtonBg = `${cssButton}_bg`;\nexport const cssButtonS = `${cssButton}_s`;\nexport const cssButtonLink = `${cssButton}_link`;\nexport const cssButtonSecondary = `${cssButton}_secondary`;\n"],"names":[],"mappings":"IAAa,SAAS,GAAG,MAAM;IAClB,gBAAgB,GAAM,SAAS,cAAW;IAC1C,WAAW,GAAM,SAAS,SAAM;IAChC,UAAU,GAAM,SAAS,QAAK;IAC9B,aAAa,GAAM,SAAS,WAAQ;IACpC,kBAAkB,GAAM,SAAS;;;;"}
1
+ {"version":3,"file":"css_classes.js","sources":["../../../../../src/components/button/css_classes.ts"],"sourcesContent":["export const cssButton = 'btn';\nexport const cssButtonOutline = `${cssButton}_outline`;\nexport const cssButtonBg = `${cssButton}_bg`;\nexport const cssButtonS = `${cssButton}_s`;\nexport const cssButtonLink = `${cssButton}_link`;\nexport const cssButtonSecondary = `${cssButton}_secondary`;\nexport const cssButtonInactive = `${cssButton}_inactive`;\n"],"names":[],"mappings":"IAAa,SAAS,GAAG,MAAM;IAClB,gBAAgB,GAAM,SAAS,cAAW;IAC1C,WAAW,GAAM,SAAS,SAAM;IAChC,UAAU,GAAM,SAAS,QAAK;IAC9B,aAAa,GAAM,SAAS,WAAQ;IACpC,kBAAkB,GAAM,SAAS,gBAAa;IAC9C,iBAAiB,GAAM,SAAS;;;;"}
package/build/esm/src/components/button/index.js CHANGED
@@ -2,7 +2,7 @@ import 'react';
2
2
  import { __rest } from '../../../_virtual/_tslib.js';
3
3
  import classnames from 'classnames';
4
4
  import cssClasses from '../../css/button/main.module.less.js';
5
- import { cssButton, cssButtonS, cssButtonBg, cssButtonOutline, cssButtonLink, cssButtonSecondary } from './css_classes.js';
5
+ import { cssButton, cssButtonS, cssButtonBg, cssButtonOutline, cssButtonLink, cssButtonSecondary, cssButtonInactive } from './css_classes.js';
6
6
  import { buttonTypes } from './components/index.js';
7
7
 
8
8
  /**
@@ -24,13 +24,14 @@ import { buttonTypes } from './components/index.js';
24
24
  */
25
25
  var Button = function (_a) {
26
26
  var _b;
27
- var _c = _a.as, as = _c === void 0 ? 'button' : _c, size = _a.size, color = _a.color, variant = _a.variant, props = __rest(_a, ["as", "size", "color", "variant"]);
27
+ var _c = _a.as, as = _c === void 0 ? 'button' : _c, size = _a.size, color = _a.color, variant = _a.variant, inactive = _a.inactive, props = __rest(_a, ["as", "size", "color", "variant", "inactive"]);
28
28
  var buttonClassNames = classnames(cssClasses[cssButton], (_b = {},
29
29
  _b[cssClasses[cssButtonS]] = size,
30
30
  _b[cssClasses[cssButtonBg]] = !variant,
31
31
  _b[cssClasses[cssButtonOutline]] = variant === 'outline',
32
32
  _b[cssClasses[cssButtonLink]] = variant === 'link',
33
33
  _b[cssClasses[cssButtonSecondary]] = color === 'secondary',
34
+ _b[cssClasses[cssButtonInactive]] = inactive,
34
35
  _b));
35
36
  return buttonTypes[as].render(props, buttonClassNames);
36
37
  };
package/build/esm/src/components/button/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../src/components/button/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport classnames from 'classnames';\nimport cssClasses from '@css/button/main.module.less';\n\nimport { IButtonProps } from './types';\nimport { cssButton, cssButtonOutline, cssButtonBg, cssButtonLink, cssButtonS, cssButtonSecondary } from './css_classes';\nimport { buttonTypes } from './components';\n\n/**\n * @component\n * @example\n * return (\n * <Button\n * size=\"small\"\n * variant=\"light\">\n * Text button\n * </Button>\n *\n * <Button\n * as=\"link\"\n * href=\"https://onet.pl\">\n * Text button\n * </Button>\n * )\n */\nconst Button: React.FC<IButtonProps> = ({ as = 'button', size, color, variant, ...props }): JSX.Element => {\n const buttonClassNames = classnames(cssClasses[cssButton], {\n [cssClasses[cssButtonS]]: size,\n [cssClasses[cssButtonBg]]: !variant,\n [cssClasses[cssButtonOutline]]: variant === 'outline',\n [cssClasses[cssButtonLink]]: variant === 'link',\n [cssClasses[cssButtonSecondary]]: color === 'secondary'\n });\n\n return buttonTypes[as].render(props, buttonClassNames);\n};\n\nexport default Button;\n"],"names":[],"mappings":";;;;;;;AASA;;;;;;;;;;;;;;;;;IAiBM,MAAM,GAA2B,UAAC,EAAiD;;IAA/C,IAAA,UAAa,EAAb,kCAAa,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,sDAAQ;IACnF,IAAM,gBAAgB,GAAG,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC;QACrD,GAAC,UAAU,CAAC,UAAU,CAAC,IAAG,IAAI;QAC9B,GAAC,UAAU,CAAC,WAAW,CAAC,IAAG,CAAC,OAAO;QACnC,GAAC,UAAU,CAAC,gBAAgB,CAAC,IAAG,OAAO,KAAK,SAAS;QACrD,GAAC,UAAU,CAAC,aAAa,CAAC,IAAG,OAAO,KAAK,MAAM;QAC/C,GAAC,UAAU,CAAC,kBAAkB,CAAC,IAAG,KAAK,KAAK,WAAW;YACzD,CAAC;IAEH,OAAO,WAAW,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC;AAC3D;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../../../src/components/button/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport classnames from 'classnames';\nimport cssClasses from '@css/button/main.module.less';\n\nimport { IButtonProps } from './types';\nimport { cssButton, cssButtonOutline, cssButtonBg, cssButtonLink, cssButtonS, cssButtonSecondary, cssButtonInactive } from './css_classes';\nimport { buttonTypes } from './components';\n\n/**\n * @component\n * @example\n * return (\n * <Button\n * size=\"small\"\n * variant=\"light\">\n * Text button\n * </Button>\n *\n * <Button\n * as=\"link\"\n * href=\"https://onet.pl\">\n * Text button\n * </Button>\n * )\n */\nconst Button: React.FC<IButtonProps> = ({ as = 'button', size, color, variant, inactive, ...props }): JSX.Element => {\n const buttonClassNames = classnames(cssClasses[cssButton], {\n [cssClasses[cssButtonS]]: size,\n [cssClasses[cssButtonBg]]: !variant,\n [cssClasses[cssButtonOutline]]: variant === 'outline',\n [cssClasses[cssButtonLink]]: variant === 'link',\n [cssClasses[cssButtonSecondary]]: color === 'secondary',\n [cssClasses[cssButtonInactive]]: inactive,\n });\n\n return buttonTypes[as].render(props, buttonClassNames);\n};\n\nexport default Button;\n"],"names":[],"mappings":";;;;;;;AASA;;;;;;;;;;;;;;;;;IAiBM,MAAM,GAA2B,UAAC,EAA2D;;IAAzD,IAAA,UAAa,EAAb,kCAAa,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,sBAAQ,EAAE,kEAAQ;IAC7F,IAAM,gBAAgB,GAAG,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC;QACrD,GAAC,UAAU,CAAC,UAAU,CAAC,IAAG,IAAI;QAC9B,GAAC,UAAU,CAAC,WAAW,CAAC,IAAG,CAAC,OAAO;QACnC,GAAC,UAAU,CAAC,gBAAgB,CAAC,IAAG,OAAO,KAAK,SAAS;QACrD,GAAC,UAAU,CAAC,aAAa,CAAC,IAAG,OAAO,KAAK,MAAM;QAC/C,GAAC,UAAU,CAAC,kBAAkB,CAAC,IAAG,KAAK,KAAK,WAAW;QACvD,GAAC,UAAU,CAAC,iBAAiB,CAAC,IAAG,QAAQ;YAC3C,CAAC;IAEH,OAAO,WAAW,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC;AAC3D;;;;"}
package/build/esm/src/components/button/types.d.ts CHANGED
@@ -3,6 +3,7 @@ export interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
3
3
  as?: 'button' | 'link';
4
4
  size?: 'small';
5
5
  variant?: 'outline' | 'link';
6
+ inactive?: true;
6
7
  color?: 'secondary';
7
8
  href?: string;
8
9
  target?: '_blank';
package/build/esm/src/css/button/main.module.less.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import styleInject from '../../../node_modules/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";
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"};
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"};
5
5
  styleInject(css_248z);
6
6
 
7
7
  export default cssClasses;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "sideEffects": false,
4
- "version": "0.3.4-152",
4
+ "version": "0.3.4-153",
5
5
  "description": "aurora",
6
6
  "author": "k0ssak",
7
7
  "license": "MIT",