colibri-ui 0.1.0 → 0.2.0
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/Button/index.js +1 -40
- package/Button/styles.js +1 -44
- package/Theme/breakpoints.js +1 -38
- package/Theme/color.js +1 -36
- package/Theme/global.js +1 -14
- package/Theme/index.js +1 -24
- package/Theme/themes/buenos_aires.js +1 -42
- package/Theme/themes/default.js +1 -41
- package/esm/Button/index.js +1 -36
- package/esm/Button/styles.js +1 -41
- package/esm/Theme/breakpoints.js +1 -34
- package/esm/Theme/color.js +1 -32
- package/esm/Theme/global.js +1 -10
- package/esm/Theme/index.js +1 -21
- package/esm/Theme/themes/buenos_aires.js +1 -39
- package/esm/Theme/themes/default.js +1 -38
- package/esm/index.js +1 -2
- package/index.js +1 -10
- package/package.json +2 -1
package/Theme/breakpoints.js
CHANGED
|
@@ -1,38 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var Breakpoints = {
|
|
6
|
-
values: {
|
|
7
|
-
hd: 2560,
|
|
8
|
-
xl: 1920,
|
|
9
|
-
lg: 1200,
|
|
10
|
-
md: 1024,
|
|
11
|
-
sm: 640,
|
|
12
|
-
xs: 320
|
|
13
|
-
},
|
|
14
|
-
up: function up(breakpoint, isMedia) {
|
|
15
|
-
if (isMedia === void 0) {
|
|
16
|
-
isMedia = true;
|
|
17
|
-
}
|
|
18
|
-
return "".concat(isMedia ? "@media " : "", "(min-width: ").concat(this.values[breakpoint], "px)");
|
|
19
|
-
},
|
|
20
|
-
under: function under(breakpoint, isMedia) {
|
|
21
|
-
if (isMedia === void 0) {
|
|
22
|
-
isMedia = true;
|
|
23
|
-
}
|
|
24
|
-
return "".concat(isMedia ? "@media " : "", "(max-width: ").concat(this.values[breakpoint] - 1, "px)");
|
|
25
|
-
},
|
|
26
|
-
between: function between(_a, isMedia) {
|
|
27
|
-
var min = _a[0],
|
|
28
|
-
max = _a[1];
|
|
29
|
-
if (isMedia === void 0) {
|
|
30
|
-
isMedia = true;
|
|
31
|
-
}
|
|
32
|
-
var from = this.values[min];
|
|
33
|
-
var to = this.values[max] - 1;
|
|
34
|
-
return "".concat(isMedia ? "@media " : "", "(min-width: ").concat(from, "px) and (max-width: ").concat(to, "px)");
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
exports.default = Breakpoints;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={values:{hd:2560,xl:1920,lg:1200,md:1024,sm:640,xs:320},up:function(t,e){return void 0===e&&(e=!0),"".concat(e?"@media ":"","(min-width: ").concat(this.values[t],"px)")},under:function(t,e){return void 0===e&&(e=!0),"".concat(e?"@media ":"","(max-width: ").concat(this.values[t]-1,"px)")},between:function(t,e){var a=t[0],n=t[1];void 0===e&&(e=!0);var i=this.values[a],c=this.values[n]-1;return"".concat(e?"@media ":"","(min-width: ").concat(i,"px) and (max-width: ").concat(c,"px)")}};
|
package/Theme/color.js
CHANGED
|
@@ -1,36 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var Color;
|
|
6
|
-
(function (Color) {
|
|
7
|
-
Color["WHITE"] = "#fff";
|
|
8
|
-
Color["BLACK"] = "#000";
|
|
9
|
-
Color["BLUE_1"] = "#FBFDFF";
|
|
10
|
-
Color["BLUE_2"] = "#F5F9FF";
|
|
11
|
-
Color["BLUE_3"] = "#E9F3FF";
|
|
12
|
-
Color["BLUE_4"] = "#DAECFF";
|
|
13
|
-
Color["BLUE_5"] = "#C9E2FF";
|
|
14
|
-
Color["BLUE_6"] = "#B4D5FF";
|
|
15
|
-
Color["BLUE_7"] = "#9AC3FD";
|
|
16
|
-
Color["BLUE_8"] = "#73ABF8";
|
|
17
|
-
Color["BLUE_9"] = "#0974EB";
|
|
18
|
-
Color["BLUE_10"] = "#0066DC";
|
|
19
|
-
Color["BLUE_11"] = "#006DE3";
|
|
20
|
-
Color["BLUE_12"] = "#093266";
|
|
21
|
-
Color["PURPLE_1"] = "rgba(252, 253, 255, 1)";
|
|
22
|
-
Color["PURPLE_2"] = "rgba(246, 249, 255, 1)";
|
|
23
|
-
Color["PURPLE_3"] = "rgba(236, 242, 255, 1)";
|
|
24
|
-
Color["PURPLE_4"] = "rgba(224, 233, 255, 1)";
|
|
25
|
-
Color["PURPLE_5"] = "rgba(210, 222, 255, 1)";
|
|
26
|
-
Color["PURPLE_6"] = "rgba(190, 207, 255, 1)";
|
|
27
|
-
Color["PURPLE_7"] = "rgba(166, 188, 255, 1)";
|
|
28
|
-
Color["PURPLE_8"] = "rgba(38, 49, 129, .07)";
|
|
29
|
-
Color["PURPLE_9"] = "rgba(38, 49, 129, .15)";
|
|
30
|
-
Color["PURPLE_10"] = "rgba(38, 49, 129, .3)";
|
|
31
|
-
Color["PURPLE_11"] = "rgba(79, 98, 199, .15)";
|
|
32
|
-
Color["PURPLE_12"] = "rgba(30, 38, 117, .15)";
|
|
33
|
-
})(Color || (Color = {}));
|
|
34
|
-
var Color$1 = Color;
|
|
35
|
-
|
|
36
|
-
exports.default = Color$1;
|
|
1
|
+
"use strict";var E;Object.defineProperty(exports,"__esModule",{value:!0}),function(E){E.WHITE="#fff",E.BLACK="#000",E.BLUE_1="#FBFDFF",E.BLUE_2="#F5F9FF",E.BLUE_3="#E9F3FF",E.BLUE_4="#DAECFF",E.BLUE_5="#C9E2FF",E.BLUE_6="#B4D5FF",E.BLUE_7="#9AC3FD",E.BLUE_8="#73ABF8",E.BLUE_9="#0974EB",E.BLUE_10="#0066DC",E.BLUE_11="#006DE3",E.BLUE_12="#093266",E.PURPLE_1="rgba(252, 253, 255, 1)",E.PURPLE_2="rgba(246, 249, 255, 1)",E.PURPLE_3="rgba(236, 242, 255, 1)",E.PURPLE_4="rgba(224, 233, 255, 1)",E.PURPLE_5="rgba(210, 222, 255, 1)",E.PURPLE_6="rgba(190, 207, 255, 1)",E.PURPLE_7="rgba(166, 188, 255, 1)",E.PURPLE_8="rgba(38, 49, 129, .07)",E.PURPLE_9="rgba(38, 49, 129, .15)",E.PURPLE_10="rgba(38, 49, 129, .3)",E.PURPLE_11="rgba(79, 98, 199, .15)",E.PURPLE_12="rgba(30, 38, 117, .15)"}(E||(E={}));var _=E;exports.default=_;
|
package/Theme/global.js
CHANGED
|
@@ -1,14 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var tslib_es6_js = require('/home/sergey/Documents/ColibriUI/node_modules/tslib/tslib.es6.js');
|
|
6
|
-
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
-
var react = require('@emotion/react');
|
|
8
|
-
|
|
9
|
-
var globalStyles = jsxRuntime.jsx(react.Global, {
|
|
10
|
-
styles: /*#__PURE__*/react.css(templateObject_1 || (templateObject_1 = tslib_es6_js.__makeTemplateObject(["\n html {\n margin: 0;\n padding: 0;\n }\n\n ul,\n ol {\n list-style: none;\n }\n\n input,\n label,\n textarea,\n select,\n button {\n background: none;\n }\n\n a {\n color: inherit;\n }\n\n * {\n box-sizing: border-box;\n border: none;\n outline: none;\n text-decoration: none;\n margin: 0;\n padding: 0;\n }\n\n input,\n textarea,\n select,\n button,\n body {\n margin: 0;\n padding: 0;\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0;\n color: inherit;\n }\n " + (process.env.NODE_ENV === "production" ? "" : ";label:styles;") + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImdsb2JhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR3VDIiwiZmlsZSI6Imdsb2JhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBfX21ha2VUZW1wbGF0ZU9iamVjdCB9IGZyb20gXCJ0c2xpYlwiO1xuaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IGNzcywgR2xvYmFsIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5leHBvcnQgZGVmYXVsdCAoX2pzeChHbG9iYWwsIHsgc3R5bGVzOiBjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICAgIGh0bWwge1xcbiAgICAgICAgbWFyZ2luOiAwO1xcbiAgICAgICAgcGFkZGluZzogMDtcXG4gICAgICB9XFxuXFxuICAgICAgdWwsXFxuICAgICAgb2wge1xcbiAgICAgICAgbGlzdC1zdHlsZTogbm9uZTtcXG4gICAgICB9XFxuXFxuICAgICAgaW5wdXQsXFxuICAgICAgbGFiZWwsXFxuICAgICAgdGV4dGFyZWEsXFxuICAgICAgc2VsZWN0LFxcbiAgICAgIGJ1dHRvbiB7XFxuICAgICAgICBiYWNrZ3JvdW5kOiBub25lO1xcbiAgICAgIH1cXG5cXG4gICAgICBhIHtcXG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xcbiAgICAgIH1cXG5cXG4gICAgICAqIHtcXG4gICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XFxuICAgICAgICBib3JkZXI6IG5vbmU7XFxuICAgICAgICBvdXRsaW5lOiBub25lO1xcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xcbiAgICAgICAgbWFyZ2luOiAwO1xcbiAgICAgICAgcGFkZGluZzogMDtcXG4gICAgICB9XFxuXFxuICAgICAgaW5wdXQsXFxuICAgICAgdGV4dGFyZWEsXFxuICAgICAgc2VsZWN0LFxcbiAgICAgIGJ1dHRvbixcXG4gICAgICBib2R5IHtcXG4gICAgICAgIG1hcmdpbjogMDtcXG4gICAgICAgIHBhZGRpbmc6IDA7XFxuICAgICAgfVxcblxcbiAgICAgIGgxLFxcbiAgICAgIGgyLFxcbiAgICAgIGgzLFxcbiAgICAgIGg0LFxcbiAgICAgIGg1LFxcbiAgICAgIGg2IHtcXG4gICAgICAgIG1hcmdpbjogMDtcXG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xcbiAgICAgIH1cXG4gICAgXCJdLCBbXCJcXG4gICAgICBodG1sIHtcXG4gICAgICAgIG1hcmdpbjogMDtcXG4gICAgICAgIHBhZGRpbmc6IDA7XFxuICAgICAgfVxcblxcbiAgICAgIHVsLFxcbiAgICAgIG9sIHtcXG4gICAgICAgIGxpc3Qtc3R5bGU6IG5vbmU7XFxuICAgICAgfVxcblxcbiAgICAgIGlucHV0LFxcbiAgICAgIGxhYmVsLFxcbiAgICAgIHRleHRhcmVhLFxcbiAgICAgIHNlbGVjdCxcXG4gICAgICBidXR0b24ge1xcbiAgICAgICAgYmFja2dyb3VuZDogbm9uZTtcXG4gICAgICB9XFxuXFxuICAgICAgYSB7XFxuICAgICAgICBjb2xvcjogaW5oZXJpdDtcXG4gICAgICB9XFxuXFxuICAgICAgKiB7XFxuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xcbiAgICAgICAgYm9yZGVyOiBub25lO1xcbiAgICAgICAgb3V0bGluZTogbm9uZTtcXG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcXG4gICAgICAgIG1hcmdpbjogMDtcXG4gICAgICAgIHBhZGRpbmc6IDA7XFxuICAgICAgfVxcblxcbiAgICAgIGlucHV0LFxcbiAgICAgIHRleHRhcmVhLFxcbiAgICAgIHNlbGVjdCxcXG4gICAgICBidXR0b24sXFxuICAgICAgYm9keSB7XFxuICAgICAgICBtYXJnaW46IDA7XFxuICAgICAgICBwYWRkaW5nOiAwO1xcbiAgICAgIH1cXG5cXG4gICAgICBoMSxcXG4gICAgICBoMixcXG4gICAgICBoMyxcXG4gICAgICBoNCxcXG4gICAgICBoNSxcXG4gICAgICBoNiB7XFxuICAgICAgICBtYXJnaW46IDA7XFxuICAgICAgICBjb2xvcjogaW5oZXJpdDtcXG4gICAgICB9XFxuICAgIFwiXSkpKSB9KSk7XG52YXIgdGVtcGxhdGVPYmplY3RfMTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPWdsb2JhbC5qcy5tYXAiXX0= */")], ["\n html {\n margin: 0;\n padding: 0;\n }\n\n ul,\n ol {\n list-style: none;\n }\n\n input,\n label,\n textarea,\n select,\n button {\n background: none;\n }\n\n a {\n color: inherit;\n }\n\n * {\n box-sizing: border-box;\n border: none;\n outline: none;\n text-decoration: none;\n margin: 0;\n padding: 0;\n }\n\n input,\n textarea,\n select,\n button,\n body {\n margin: 0;\n padding: 0;\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0;\n color: inherit;\n }\n " + (process.env.NODE_ENV === "production" ? "" : ";label:styles;") + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImdsb2JhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR3VDIiwiZmlsZSI6Imdsb2JhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBfX21ha2VUZW1wbGF0ZU9iamVjdCB9IGZyb20gXCJ0c2xpYlwiO1xuaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IGNzcywgR2xvYmFsIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5leHBvcnQgZGVmYXVsdCAoX2pzeChHbG9iYWwsIHsgc3R5bGVzOiBjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICAgIGh0bWwge1xcbiAgICAgICAgbWFyZ2luOiAwO1xcbiAgICAgICAgcGFkZGluZzogMDtcXG4gICAgICB9XFxuXFxuICAgICAgdWwsXFxuICAgICAgb2wge1xcbiAgICAgICAgbGlzdC1zdHlsZTogbm9uZTtcXG4gICAgICB9XFxuXFxuICAgICAgaW5wdXQsXFxuICAgICAgbGFiZWwsXFxuICAgICAgdGV4dGFyZWEsXFxuICAgICAgc2VsZWN0LFxcbiAgICAgIGJ1dHRvbiB7XFxuICAgICAgICBiYWNrZ3JvdW5kOiBub25lO1xcbiAgICAgIH1cXG5cXG4gICAgICBhIHtcXG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xcbiAgICAgIH1cXG5cXG4gICAgICAqIHtcXG4gICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XFxuICAgICAgICBib3JkZXI6IG5vbmU7XFxuICAgICAgICBvdXRsaW5lOiBub25lO1xcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xcbiAgICAgICAgbWFyZ2luOiAwO1xcbiAgICAgICAgcGFkZGluZzogMDtcXG4gICAgICB9XFxuXFxuICAgICAgaW5wdXQsXFxuICAgICAgdGV4dGFyZWEsXFxuICAgICAgc2VsZWN0LFxcbiAgICAgIGJ1dHRvbixcXG4gICAgICBib2R5IHtcXG4gICAgICAgIG1hcmdpbjogMDtcXG4gICAgICAgIHBhZGRpbmc6IDA7XFxuICAgICAgfVxcblxcbiAgICAgIGgxLFxcbiAgICAgIGgyLFxcbiAgICAgIGgzLFxcbiAgICAgIGg0LFxcbiAgICAgIGg1LFxcbiAgICAgIGg2IHtcXG4gICAgICAgIG1hcmdpbjogMDtcXG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xcbiAgICAgIH1cXG4gICAgXCJdLCBbXCJcXG4gICAgICBodG1sIHtcXG4gICAgICAgIG1hcmdpbjogMDtcXG4gICAgICAgIHBhZGRpbmc6IDA7XFxuICAgICAgfVxcblxcbiAgICAgIHVsLFxcbiAgICAgIG9sIHtcXG4gICAgICAgIGxpc3Qtc3R5bGU6IG5vbmU7XFxuICAgICAgfVxcblxcbiAgICAgIGlucHV0LFxcbiAgICAgIGxhYmVsLFxcbiAgICAgIHRleHRhcmVhLFxcbiAgICAgIHNlbGVjdCxcXG4gICAgICBidXR0b24ge1xcbiAgICAgICAgYmFja2dyb3VuZDogbm9uZTtcXG4gICAgICB9XFxuXFxuICAgICAgYSB7XFxuICAgICAgICBjb2xvcjogaW5oZXJpdDtcXG4gICAgICB9XFxuXFxuICAgICAgKiB7XFxuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xcbiAgICAgICAgYm9yZGVyOiBub25lO1xcbiAgICAgICAgb3V0bGluZTogbm9uZTtcXG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcXG4gICAgICAgIG1hcmdpbjogMDtcXG4gICAgICAgIHBhZGRpbmc6IDA7XFxuICAgICAgfVxcblxcbiAgICAgIGlucHV0LFxcbiAgICAgIHRleHRhcmVhLFxcbiAgICAgIHNlbGVjdCxcXG4gICAgICBidXR0b24sXFxuICAgICAgYm9keSB7XFxuICAgICAgICBtYXJnaW46IDA7XFxuICAgICAgICBwYWRkaW5nOiAwO1xcbiAgICAgIH1cXG5cXG4gICAgICBoMSxcXG4gICAgICBoMixcXG4gICAgICBoMyxcXG4gICAgICBoNCxcXG4gICAgICBoNSxcXG4gICAgICBoNiB7XFxuICAgICAgICBtYXJnaW46IDA7XFxuICAgICAgICBjb2xvcjogaW5oZXJpdDtcXG4gICAgICB9XFxuICAgIFwiXSkpKSB9KSk7XG52YXIgdGVtcGxhdGVPYmplY3RfMTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPWdsb2JhbC5qcy5tYXAiXX0= */")])))
|
|
11
|
-
});
|
|
12
|
-
var templateObject_1;
|
|
13
|
-
|
|
14
|
-
exports.default = globalStyles;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var g,I=require("/home/sergey/Documents/ColibriUI/node_modules/tslib/tslib.es6.js"),C=require("@emotion/react/jsx-runtime"),A=require("@emotion/react"),c=C.jsx(A.Global,{styles:A.css(g||(g=I.__makeTemplateObject(["\n html {\n margin: 0;\n padding: 0;\n }\n\n ul,\n ol {\n list-style: none;\n }\n\n input,\n label,\n textarea,\n select,\n button {\n background: none;\n }\n\n a {\n color: inherit;\n }\n\n * {\n box-sizing: border-box;\n border: none;\n outline: none;\n text-decoration: none;\n margin: 0;\n padding: 0;\n }\n\n input,\n textarea,\n select,\n button,\n body {\n margin: 0;\n padding: 0;\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0;\n color: inherit;\n }\n "+("production"===process.env.NODE_ENV?"":";label:styles;")+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImdsb2JhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR3VDIiwiZmlsZSI6Imdsb2JhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBfX21ha2VUZW1wbGF0ZU9iamVjdCB9IGZyb20gXCJ0c2xpYlwiO1xuaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IGNzcywgR2xvYmFsIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5leHBvcnQgZGVmYXVsdCAoX2pzeChHbG9iYWwsIHsgc3R5bGVzOiBjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICAgIGh0bWwge1xcbiAgICAgICAgbWFyZ2luOiAwO1xcbiAgICAgICAgcGFkZGluZzogMDtcXG4gICAgICB9XFxuXFxuICAgICAgdWwsXFxuICAgICAgb2wge1xcbiAgICAgICAgbGlzdC1zdHlsZTogbm9uZTtcXG4gICAgICB9XFxuXFxuICAgICAgaW5wdXQsXFxuICAgICAgbGFiZWwsXFxuICAgICAgdGV4dGFyZWEsXFxuICAgICAgc2VsZWN0LFxcbiAgICAgIGJ1dHRvbiB7XFxuICAgICAgICBiYWNrZ3JvdW5kOiBub25lO1xcbiAgICAgIH1cXG5cXG4gICAgICBhIHtcXG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xcbiAgICAgIH1cXG5cXG4gICAgICAqIHtcXG4gICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XFxuICAgICAgICBib3JkZXI6IG5vbmU7XFxuICAgICAgICBvdXRsaW5lOiBub25lO1xcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xcbiAgICAgICAgbWFyZ2luOiAwO1xcbiAgICAgICAgcGFkZGluZzogMDtcXG4gICAgICB9XFxuXFxuICAgICAgaW5wdXQsXFxuICAgICAgdGV4dGFyZWEsXFxuICAgICAgc2VsZWN0LFxcbiAgICAgIGJ1dHRvbixcXG4gICAgICBib2R5IHtcXG4gICAgICAgIG1hcmdpbjogMDtcXG4gICAgICAgIHBhZGRpbmc6IDA7XFxuICAgICAgfVxcblxcbiAgICAgIGgxLFxcbiAgICAgIGgyLFxcbiAgICAgIGgzLFxcbiAgICAgIGg0LFxcbiAgICAgIGg1LFxcbiAgICAgIGg2IHtcXG4gICAgICAgIG1hcmdpbjogMDtcXG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xcbiAgICAgIH1cXG4gICAgXCJdLCBbXCJcXG4gICAgICBodG1sIHtcXG4gICAgICAgIG1hcmdpbjogMDtcXG4gICAgICAgIHBhZGRpbmc6IDA7XFxuICAgICAgfVxcblxcbiAgICAgIHVsLFxcbiAgICAgIG9sIHtcXG4gICAgICAgIGxpc3Qtc3R5bGU6IG5vbmU7XFxuICAgICAgfVxcblxcbiAgICAgIGlucHV0LFxcbiAgICAgIGxhYmVsLFxcbiAgICAgIHRleHRhcmVhLFxcbiAgICAgIHNlbGVjdCxcXG4gICAgICBidXR0b24ge1xcbiAgICAgICAgYmFja2dyb3VuZDogbm9uZTtcXG4gICAgICB9XFxuXFxuICAgICAgYSB7XFxuICAgICAgICBjb2xvcjogaW5oZXJpdDtcXG4gICAgICB9XFxuXFxuICAgICAgKiB7XFxuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xcbiAgICAgICAgYm9yZGVyOiBub25lO1xcbiAgICAgICAgb3V0bGluZTogbm9uZTtcXG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcXG4gICAgICAgIG1hcmdpbjogMDtcXG4gICAgICAgIHBhZGRpbmc6IDA7XFxuICAgICAgfVxcblxcbiAgICAgIGlucHV0LFxcbiAgICAgIHRleHRhcmVhLFxcbiAgICAgIHNlbGVjdCxcXG4gICAgICBidXR0b24sXFxuICAgICAgYm9keSB7XFxuICAgICAgICBtYXJnaW46IDA7XFxuICAgICAgICBwYWRkaW5nOiAwO1xcbiAgICAgIH1cXG5cXG4gICAgICBoMSxcXG4gICAgICBoMixcXG4gICAgICBoMyxcXG4gICAgICBoNCxcXG4gICAgICBoNSxcXG4gICAgICBoNiB7XFxuICAgICAgICBtYXJnaW46IDA7XFxuICAgICAgICBjb2xvcjogaW5oZXJpdDtcXG4gICAgICB9XFxuICAgIFwiXSkpKSB9KSk7XG52YXIgdGVtcGxhdGVPYmplY3RfMTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPWdsb2JhbC5qcy5tYXAiXX0= */")],["\n html {\n margin: 0;\n padding: 0;\n }\n\n ul,\n ol {\n list-style: none;\n }\n\n input,\n label,\n textarea,\n select,\n button {\n background: none;\n }\n\n a {\n color: inherit;\n }\n\n * {\n box-sizing: border-box;\n border: none;\n outline: none;\n text-decoration: none;\n margin: 0;\n padding: 0;\n }\n\n input,\n textarea,\n select,\n button,\n body {\n margin: 0;\n padding: 0;\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0;\n color: inherit;\n }\n "+("production"===process.env.NODE_ENV?"":";label:styles;")+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImdsb2JhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR3VDIiwiZmlsZSI6Imdsb2JhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBfX21ha2VUZW1wbGF0ZU9iamVjdCB9IGZyb20gXCJ0c2xpYlwiO1xuaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IGNzcywgR2xvYmFsIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5leHBvcnQgZGVmYXVsdCAoX2pzeChHbG9iYWwsIHsgc3R5bGVzOiBjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICAgIGh0bWwge1xcbiAgICAgICAgbWFyZ2luOiAwO1xcbiAgICAgICAgcGFkZGluZzogMDtcXG4gICAgICB9XFxuXFxuICAgICAgdWwsXFxuICAgICAgb2wge1xcbiAgICAgICAgbGlzdC1zdHlsZTogbm9uZTtcXG4gICAgICB9XFxuXFxuICAgICAgaW5wdXQsXFxuICAgICAgbGFiZWwsXFxuICAgICAgdGV4dGFyZWEsXFxuICAgICAgc2VsZWN0LFxcbiAgICAgIGJ1dHRvbiB7XFxuICAgICAgICBiYWNrZ3JvdW5kOiBub25lO1xcbiAgICAgIH1cXG5cXG4gICAgICBhIHtcXG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xcbiAgICAgIH1cXG5cXG4gICAgICAqIHtcXG4gICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XFxuICAgICAgICBib3JkZXI6IG5vbmU7XFxuICAgICAgICBvdXRsaW5lOiBub25lO1xcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xcbiAgICAgICAgbWFyZ2luOiAwO1xcbiAgICAgICAgcGFkZGluZzogMDtcXG4gICAgICB9XFxuXFxuICAgICAgaW5wdXQsXFxuICAgICAgdGV4dGFyZWEsXFxuICAgICAgc2VsZWN0LFxcbiAgICAgIGJ1dHRvbixcXG4gICAgICBib2R5IHtcXG4gICAgICAgIG1hcmdpbjogMDtcXG4gICAgICAgIHBhZGRpbmc6IDA7XFxuICAgICAgfVxcblxcbiAgICAgIGgxLFxcbiAgICAgIGgyLFxcbiAgICAgIGgzLFxcbiAgICAgIGg0LFxcbiAgICAgIGg1LFxcbiAgICAgIGg2IHtcXG4gICAgICAgIG1hcmdpbjogMDtcXG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xcbiAgICAgIH1cXG4gICAgXCJdLCBbXCJcXG4gICAgICBodG1sIHtcXG4gICAgICAgIG1hcmdpbjogMDtcXG4gICAgICAgIHBhZGRpbmc6IDA7XFxuICAgICAgfVxcblxcbiAgICAgIHVsLFxcbiAgICAgIG9sIHtcXG4gICAgICAgIGxpc3Qtc3R5bGU6IG5vbmU7XFxuICAgICAgfVxcblxcbiAgICAgIGlucHV0LFxcbiAgICAgIGxhYmVsLFxcbiAgICAgIHRleHRhcmVhLFxcbiAgICAgIHNlbGVjdCxcXG4gICAgICBidXR0b24ge1xcbiAgICAgICAgYmFja2dyb3VuZDogbm9uZTtcXG4gICAgICB9XFxuXFxuICAgICAgYSB7XFxuICAgICAgICBjb2xvcjogaW5oZXJpdDtcXG4gICAgICB9XFxuXFxuICAgICAgKiB7XFxuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xcbiAgICAgICAgYm9yZGVyOiBub25lO1xcbiAgICAgICAgb3V0bGluZTogbm9uZTtcXG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcXG4gICAgICAgIG1hcmdpbjogMDtcXG4gICAgICAgIHBhZGRpbmc6IDA7XFxuICAgICAgfVxcblxcbiAgICAgIGlucHV0LFxcbiAgICAgIHRleHRhcmVhLFxcbiAgICAgIHNlbGVjdCxcXG4gICAgICBidXR0b24sXFxuICAgICAgYm9keSB7XFxuICAgICAgICBtYXJnaW46IDA7XFxuICAgICAgICBwYWRkaW5nOiAwO1xcbiAgICAgIH1cXG5cXG4gICAgICBoMSxcXG4gICAgICBoMixcXG4gICAgICBoMyxcXG4gICAgICBoNCxcXG4gICAgICBoNSxcXG4gICAgICBoNiB7XFxuICAgICAgICBtYXJnaW46IDA7XFxuICAgICAgICBjb2xvcjogaW5oZXJpdDtcXG4gICAgICB9XFxuICAgIFwiXSkpKSB9KSk7XG52YXIgdGVtcGxhdGVPYmplY3RfMTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPWdsb2JhbC5qcy5tYXAiXX0= */")])))});exports.default=c;
|
package/Theme/index.js
CHANGED
|
@@ -1,24 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
4
|
-
var react = require('@emotion/react');
|
|
5
|
-
var global = require('./global.js');
|
|
6
|
-
var _default = require('./themes/default.js');
|
|
7
|
-
var buenos_aires = require('./themes/buenos_aires.js');
|
|
8
|
-
|
|
9
|
-
var THEMES = {
|
|
10
|
-
DEFAULT: _default.THEME_DEFAULT,
|
|
11
|
-
BA: buenos_aires.THEME_BA
|
|
12
|
-
};
|
|
13
|
-
var ThemeProvider = function ThemeProvider(_a) {
|
|
14
|
-
var children = _a.children,
|
|
15
|
-
_b = _a.theme,
|
|
16
|
-
theme = _b === void 0 ? _default.THEME_DEFAULT : _b;
|
|
17
|
-
return jsxRuntime.jsxs(react.ThemeProvider, {
|
|
18
|
-
theme: theme,
|
|
19
|
-
children: [global.default, children]
|
|
20
|
-
});
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
exports.THEMES = THEMES;
|
|
24
|
-
exports.ThemeProvider = ThemeProvider;
|
|
1
|
+
"use strict";var e=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),t=require("./global.js"),i=require("./themes/default.js"),s=require("./themes/buenos_aires.js"),o={DEFAULT:i.THEME_DEFAULT,BA:s.THEME_BA};exports.THEMES=o,exports.ThemeProvider=function(s){var o=s.children,u=s.theme,E=void 0===u?i.THEME_DEFAULT:u;return e.jsxs(r.ThemeProvider,{theme:E,children:[t.default,o]})};
|
|
@@ -1,42 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var color = require('../color.js');
|
|
4
|
-
var breakpoints = require('../breakpoints.js');
|
|
5
|
-
|
|
6
|
-
var ButtonBA = {
|
|
7
|
-
base: {
|
|
8
|
-
color: color.default.BLACK,
|
|
9
|
-
borderRadius: "26px",
|
|
10
|
-
border: "none"
|
|
11
|
-
},
|
|
12
|
-
primary: {
|
|
13
|
-
normal: {
|
|
14
|
-
backgroundColor: color.default.PURPLE_9,
|
|
15
|
-
borderColor: color.default.PURPLE_9
|
|
16
|
-
},
|
|
17
|
-
hover: {
|
|
18
|
-
backgroundColor: color.default.PURPLE_10,
|
|
19
|
-
borderColor: color.default.PURPLE_10
|
|
20
|
-
},
|
|
21
|
-
focus: {
|
|
22
|
-
backgroundColor: color.default.PURPLE_10,
|
|
23
|
-
borderColor: color.default.PURPLE_10
|
|
24
|
-
},
|
|
25
|
-
active: {
|
|
26
|
-
backgroundColor: color.default.PURPLE_10,
|
|
27
|
-
borderColor: color.default.PURPLE_10
|
|
28
|
-
},
|
|
29
|
-
disabled: {
|
|
30
|
-
color: color.default.PURPLE_10,
|
|
31
|
-
backgroundColor: color.default.PURPLE_8,
|
|
32
|
-
borderColor: color.default.PURPLE_8
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
};
|
|
36
|
-
var THEME_BA = {
|
|
37
|
-
breakpoints: breakpoints.default,
|
|
38
|
-
button: ButtonBA
|
|
39
|
-
};
|
|
40
|
-
|
|
41
|
-
exports.ButtonBA = ButtonBA;
|
|
42
|
-
exports.THEME_BA = THEME_BA;
|
|
1
|
+
"use strict";var o=require("../color.js"),r=require("../breakpoints.js"),e={base:{color:o.default.BLACK,borderRadius:"26px",border:"none"},primary:{normal:{backgroundColor:o.default.PURPLE_9,borderColor:o.default.PURPLE_9},hover:{backgroundColor:o.default.PURPLE_10,borderColor:o.default.PURPLE_10},focus:{backgroundColor:o.default.PURPLE_10,borderColor:o.default.PURPLE_10},active:{backgroundColor:o.default.PURPLE_10,borderColor:o.default.PURPLE_10},disabled:{color:o.default.PURPLE_10,backgroundColor:o.default.PURPLE_8,borderColor:o.default.PURPLE_8}}},d={breakpoints:r.default,button:e};exports.ButtonBA=e,exports.THEME_BA=d;
|
package/Theme/themes/default.js
CHANGED
|
@@ -1,41 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var color = require('../color.js');
|
|
4
|
-
var breakpoints = require('../breakpoints.js');
|
|
5
|
-
|
|
6
|
-
var ButtonDefault = {
|
|
7
|
-
base: {
|
|
8
|
-
color: color.default.WHITE,
|
|
9
|
-
borderRadius: "26px"
|
|
10
|
-
},
|
|
11
|
-
primary: {
|
|
12
|
-
normal: {
|
|
13
|
-
backgroundColor: color.default.BLUE_9,
|
|
14
|
-
borderColor: color.default.BLUE_9
|
|
15
|
-
},
|
|
16
|
-
hover: {
|
|
17
|
-
backgroundColor: color.default.BLUE_10,
|
|
18
|
-
borderColor: color.default.BLUE_10
|
|
19
|
-
},
|
|
20
|
-
focus: {
|
|
21
|
-
backgroundColor: color.default.BLUE_10,
|
|
22
|
-
borderColor: color.default.BLUE_10
|
|
23
|
-
},
|
|
24
|
-
active: {
|
|
25
|
-
backgroundColor: color.default.BLUE_10,
|
|
26
|
-
borderColor: color.default.BLUE_10
|
|
27
|
-
},
|
|
28
|
-
disabled: {
|
|
29
|
-
color: color.default.BLUE_7,
|
|
30
|
-
backgroundColor: color.default.BLUE_4,
|
|
31
|
-
borderColor: color.default.BLUE_4
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
var THEME_DEFAULT = {
|
|
36
|
-
breakpoints: breakpoints.default,
|
|
37
|
-
button: ButtonDefault
|
|
38
|
-
};
|
|
39
|
-
|
|
40
|
-
exports.ButtonDefault = ButtonDefault;
|
|
41
|
-
exports.THEME_DEFAULT = THEME_DEFAULT;
|
|
1
|
+
"use strict";var o=require("../color.js"),r=require("../breakpoints.js"),e={base:{color:o.default.WHITE,borderRadius:"26px"},primary:{normal:{backgroundColor:o.default.BLUE_9,borderColor:o.default.BLUE_9},hover:{backgroundColor:o.default.BLUE_10,borderColor:o.default.BLUE_10},focus:{backgroundColor:o.default.BLUE_10,borderColor:o.default.BLUE_10},active:{backgroundColor:o.default.BLUE_10,borderColor:o.default.BLUE_10},disabled:{color:o.default.BLUE_7,backgroundColor:o.default.BLUE_4,borderColor:o.default.BLUE_4}}},l={breakpoints:r.default,button:e};exports.ButtonDefault=e,exports.THEME_DEFAULT=l;
|
package/esm/Button/index.js
CHANGED
|
@@ -1,36 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
3
|
-
import { forwardRef } from 'react';
|
|
4
|
-
import { StyledButton, StyledIcon } from './styles.js';
|
|
5
|
-
|
|
6
|
-
var Button = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
7
|
-
var className = _a.className,
|
|
8
|
-
_b = _a.fullWidth,
|
|
9
|
-
fullWidth = _b === void 0 ? false : _b,
|
|
10
|
-
_c = _a.variant,
|
|
11
|
-
variant = _c === void 0 ? "primary" : _c,
|
|
12
|
-
iconStart = _a.iconStart,
|
|
13
|
-
iconEnd = _a.iconEnd,
|
|
14
|
-
icon = _a.icon,
|
|
15
|
-
children = _a.children,
|
|
16
|
-
onClick = _a.onClick,
|
|
17
|
-
props = __rest(_a, ["className", "fullWidth", "variant", "iconStart", "iconEnd", "icon", "children", "onClick"]);
|
|
18
|
-
return jsxs(StyledButton, __assign({
|
|
19
|
-
onClick: onClick,
|
|
20
|
-
ref: ref,
|
|
21
|
-
className: className,
|
|
22
|
-
variant: variant,
|
|
23
|
-
icon: icon,
|
|
24
|
-
fullWidth: fullWidth
|
|
25
|
-
}, props, {
|
|
26
|
-
children: [icon && jsx(StyledIcon, {
|
|
27
|
-
children: icon
|
|
28
|
-
}), iconStart && jsx(StyledIcon, {
|
|
29
|
-
children: iconStart
|
|
30
|
-
}), children && children, iconEnd && jsx(StyledIcon, {
|
|
31
|
-
children: iconEnd
|
|
32
|
-
})]
|
|
33
|
-
}));
|
|
34
|
-
});
|
|
35
|
-
|
|
36
|
-
export { Button as default };
|
|
1
|
+
import{__rest as i,__assign as r}from"/home/sergey/Documents/ColibriUI/node_modules/tslib/tslib.es6.js";import{jsxs as o,jsx as n}from"@emotion/react/jsx-runtime";import{forwardRef as t}from"react";import{StyledButton as e,StyledIcon as l}from"./styles.js";var c=t((function(t,c){var a=t.className,s=t.fullWidth,m=void 0!==s&&s,d=t.variant,f=void 0===d?"primary":d,h=t.iconStart,u=t.iconEnd,v=t.icon,p=t.children,C=t.onClick,b=i(t,["className","fullWidth","variant","iconStart","iconEnd","icon","children","onClick"]);return o(e,r({onClick:C,ref:c,className:a,variant:f,icon:v,fullWidth:m},b,{children:[v&&n(l,{children:v}),h&&n(l,{children:h}),p&&p,u&&n(l,{children:u})]}))}));export{c as default};
|