colibri-ui 0.5.0 → 0.7.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 +40 -1
- package/Button/styles.js +44 -1
- package/Icons/Burger.js +22 -1
- package/Icons/Check.js +24 -1
- package/Icons/Chevron.js +26 -1
- package/Icons/Close.js +26 -1
- package/Icons/EyeClosed.js +22 -1
- package/Icons/EyeOpen.js +29 -1
- package/Icons/Help.js +27 -1
- package/Icons/Info.js +27 -1
- package/Icons/More.js +32 -1
- package/Icons/User.js +33 -1
- package/Icons/index.js +25 -1
- package/Theme/breakpoints.js +38 -1
- package/Theme/color.js +36 -1
- package/Theme/global.js +14 -1
- package/Theme/index.js +24 -1
- package/Theme/themes/buenos_aires.js +42 -1
- package/Theme/themes/default.js +41 -1
- package/esm/Button/index.js +36 -1
- package/esm/Button/styles.js +41 -1
- package/esm/Icons/Burger.js +18 -1
- package/esm/Icons/Check.js +20 -1
- package/esm/Icons/Chevron.js +22 -1
- package/esm/Icons/Close.js +22 -1
- package/esm/Icons/EyeClosed.js +18 -1
- package/esm/Icons/EyeOpen.js +25 -1
- package/esm/Icons/Help.js +23 -1
- package/esm/Icons/Info.js +23 -1
- package/esm/Icons/More.js +28 -1
- package/esm/Icons/User.js +29 -1
- package/esm/Icons/index.js +10 -1
- package/esm/Theme/breakpoints.js +34 -1
- package/esm/Theme/color.js +32 -1
- package/esm/Theme/global.js +10 -1
- package/esm/Theme/index.js +21 -1
- package/esm/Theme/themes/buenos_aires.js +39 -1
- package/esm/Theme/themes/default.js +38 -1
- package/esm/index.js +13 -1
- package/index.js +31 -1
- package/package.json +2 -8
package/Icons/Burger.js
CHANGED
|
@@ -1 +1,22 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var tslib = require('tslib');
|
|
6
|
+
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
+
var react = require('react');
|
|
8
|
+
|
|
9
|
+
var Burger = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
10
|
+
return jsxRuntime.jsx("svg", tslib.__assign({
|
|
11
|
+
ref: ref
|
|
12
|
+
}, props, {
|
|
13
|
+
height: "1em",
|
|
14
|
+
fill: "currentColor",
|
|
15
|
+
viewBox: "0 0 24 24",
|
|
16
|
+
children: jsxRuntime.jsx("path", {
|
|
17
|
+
d: "M19.714 6.004H4.286v1.714h15.428V6.004Zm0 5.144H4.286v1.715h15.428v-1.715ZM4.286 16.29h15.428v1.715H4.286V16.29Z"
|
|
18
|
+
})
|
|
19
|
+
}));
|
|
20
|
+
});
|
|
21
|
+
|
|
22
|
+
exports.default = Burger;
|
package/Icons/Check.js
CHANGED
|
@@ -1 +1,24 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var tslib = require('tslib');
|
|
6
|
+
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
+
var react = require('react');
|
|
8
|
+
|
|
9
|
+
var Check = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
10
|
+
return jsxRuntime.jsx("svg", tslib.__assign({
|
|
11
|
+
ref: ref
|
|
12
|
+
}, props, {
|
|
13
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
14
|
+
height: "1em",
|
|
15
|
+
fill: "none",
|
|
16
|
+
viewBox: "0 0 16 16",
|
|
17
|
+
children: jsxRuntime.jsx("path", {
|
|
18
|
+
stroke: "currentColor",
|
|
19
|
+
d: "m3.333 9.333 2.667 2L12 4"
|
|
20
|
+
})
|
|
21
|
+
}));
|
|
22
|
+
});
|
|
23
|
+
|
|
24
|
+
exports.default = Check;
|
package/Icons/Chevron.js
CHANGED
|
@@ -1 +1,26 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var tslib = require('tslib');
|
|
6
|
+
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
+
var react = require('react');
|
|
8
|
+
|
|
9
|
+
var Chevron = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
10
|
+
return jsxRuntime.jsx("svg", tslib.__assign({
|
|
11
|
+
ref: ref
|
|
12
|
+
}, props, {
|
|
13
|
+
height: "1em",
|
|
14
|
+
viewBox: "0 0 16 16",
|
|
15
|
+
fill: "none",
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
17
|
+
children: jsxRuntime.jsx("path", {
|
|
18
|
+
fillRule: "evenodd",
|
|
19
|
+
clipRule: "evenodd",
|
|
20
|
+
d: "M3.5492 5.50873C3.82061 5.25994 4.24232 5.27827 4.49111 5.54968C5.08905 6.20198 6.07747 7.19075 6.9255 8.02488C7.34221 8.43475 7.72193 8.80427 7.99968 9.07343C8.27742 8.80427 8.65715 8.43475 9.07385 8.02488C9.92189 7.19075 10.9103 6.20198 11.5082 5.54968C11.757 5.27827 12.1787 5.25994 12.4502 5.50873C12.7216 5.75753 12.7399 6.17924 12.4911 6.45065C11.8668 7.13169 10.8552 8.14292 10.0088 8.97545C9.58374 9.39358 9.19708 9.76978 8.91672 10.0414C8.7765 10.1773 8.66281 10.2871 8.58411 10.3629L8.46141 10.481C8.46138 10.4811 8.46137 10.4811 7.99968 10.0002C7.53799 10.4811 7.53797 10.4811 7.53794 10.481L7.41525 10.3629C7.33655 10.2871 7.22285 10.1773 7.08264 10.0414C6.80227 9.76978 6.41562 9.39358 5.99052 8.97545C5.14411 8.14292 4.13253 7.13169 3.50824 6.45065C3.25945 6.17924 3.27778 5.75753 3.5492 5.50873ZM7.99968 10.0002L7.53794 10.481C7.79592 10.7287 8.20344 10.7287 8.46141 10.481L7.99968 10.0002Z",
|
|
21
|
+
fill: "currentColor"
|
|
22
|
+
})
|
|
23
|
+
}));
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
exports.default = Chevron;
|
package/Icons/Close.js
CHANGED
|
@@ -1 +1,26 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var tslib = require('tslib');
|
|
6
|
+
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
+
var react = require('react');
|
|
8
|
+
|
|
9
|
+
var Close = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
10
|
+
return jsxRuntime.jsx("svg", tslib.__assign({
|
|
11
|
+
ref: ref
|
|
12
|
+
}, props, {
|
|
13
|
+
height: "1em",
|
|
14
|
+
viewBox: "0 0 12 12",
|
|
15
|
+
fill: "none",
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
17
|
+
children: jsxRuntime.jsx("path", {
|
|
18
|
+
fillRule: "evenodd",
|
|
19
|
+
clipRule: "evenodd",
|
|
20
|
+
d: "M3.14645 3.14645C3.34171 2.95118 3.65829 2.95118 3.85355 3.14645L6 5.29289L8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645C9.04882 3.34171 9.04882 3.65829 8.85355 3.85355L6.70711 6L8.85355 8.14645C9.04882 8.34171 9.04882 8.65829 8.85355 8.85355C8.65829 9.04882 8.34171 9.04882 8.14645 8.85355L6 6.70711L3.85355 8.85355C3.65829 9.04882 3.34171 9.04882 3.14645 8.85355C2.95118 8.65829 2.95118 8.34171 3.14645 8.14645L5.29289 6L3.14645 3.85355C2.95118 3.65829 2.95118 3.34171 3.14645 3.14645Z",
|
|
21
|
+
fill: "currentColor"
|
|
22
|
+
})
|
|
23
|
+
}));
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
exports.default = Close;
|
package/Icons/EyeClosed.js
CHANGED
|
@@ -1 +1,22 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var tslib = require('tslib');
|
|
6
|
+
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
+
var react = require('react');
|
|
8
|
+
|
|
9
|
+
var EyeClosed = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
10
|
+
return jsxRuntime.jsx("svg", tslib.__assign({}, props, {
|
|
11
|
+
ref: ref,
|
|
12
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
13
|
+
height: "1em",
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
fill: "currentColor",
|
|
16
|
+
children: jsxRuntime.jsx("path", {
|
|
17
|
+
d: "M4.204 11.5a1 1 0 0 0-1.732 1l1.732-1Zm17.324 1a1 1 0 0 0-1.731-1l1.73 1ZM12 16a8.996 8.996 0 0 1-7.796-4.5l-1.732 1C4.372 15.787 7.927 18 12 18v-2Zm7.797-4.5A8.996 8.996 0 0 1 12 16v2c4.073 0 7.627-2.214 9.528-5.5l-1.731-1Z"
|
|
18
|
+
})
|
|
19
|
+
}));
|
|
20
|
+
});
|
|
21
|
+
|
|
22
|
+
exports.default = EyeClosed;
|
package/Icons/EyeOpen.js
CHANGED
|
@@ -1 +1,29 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var tslib = require('tslib');
|
|
6
|
+
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
+
var react = require('react');
|
|
8
|
+
|
|
9
|
+
var EyeOpen = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
10
|
+
return jsxRuntime.jsxs("svg", tslib.__assign({}, props, {
|
|
11
|
+
ref: ref,
|
|
12
|
+
height: "1em",
|
|
13
|
+
viewBox: "0 0 24 24",
|
|
14
|
+
fill: "currentColor",
|
|
15
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
16
|
+
children: [jsxRuntime.jsx("path", {
|
|
17
|
+
d: "m3.338 12-.866-.5-.29.5.29.5.866-.5Zm17.324 0 .866.5.29-.5-.29-.5-.866.5Zm-16.459.5A8.996 8.996 0 0 1 12 8V6a10.996 10.996 0 0 0-9.528 5.5l1.731 1ZM12 8a8.996 8.996 0 0 1 7.797 4.5l1.73-1A10.996 10.996 0 0 0 12 6v2Zm7.797 3.5A8.996 8.996 0 0 1 12 16v2c4.073 0 7.627-2.214 9.528-5.5l-1.731-1ZM12 16a8.996 8.996 0 0 1-7.796-4.5l-1.732 1C4.372 15.787 7.927 18 12 18v-2Z"
|
|
18
|
+
}), jsxRuntime.jsx("circle", {
|
|
19
|
+
cx: 12,
|
|
20
|
+
cy: 12,
|
|
21
|
+
r: 2,
|
|
22
|
+
stroke: "currentColor",
|
|
23
|
+
strokeWidth: 2,
|
|
24
|
+
strokeLinecap: "round"
|
|
25
|
+
})]
|
|
26
|
+
}));
|
|
27
|
+
});
|
|
28
|
+
|
|
29
|
+
exports.default = EyeOpen;
|
package/Icons/Help.js
CHANGED
|
@@ -1 +1,27 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var tslib = require('tslib');
|
|
6
|
+
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
+
var react = require('react');
|
|
8
|
+
|
|
9
|
+
var Help = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
10
|
+
return jsxRuntime.jsx("svg", tslib.__assign({
|
|
11
|
+
ref: ref
|
|
12
|
+
}, props, {
|
|
13
|
+
focusable: "false",
|
|
14
|
+
height: "1em",
|
|
15
|
+
viewBox: "0 0 22 22",
|
|
16
|
+
fill: "none",
|
|
17
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
18
|
+
children: jsxRuntime.jsx("path", {
|
|
19
|
+
fillRule: "evenodd",
|
|
20
|
+
clipRule: "evenodd",
|
|
21
|
+
d: "M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20zM7.8 8.929c0-2.429 1.956-3.933 4.566-3.933 2.573 0 4.385 1.54 4.385 3.625v.109c0 1.975-1.141 2.881-2.664 3.57l-.362.162c-.435.2-.58.418-.58.963a.707.707 0 0 1-.707.706h-.562a.835.835 0 0 1-.833-.834c0-1.232.398-1.94 1.467-2.41l.363-.163c1.268-.58 1.776-1.034 1.776-2.013 0-1.032-.905-1.757-2.283-1.757-1.415 0-2.466.725-2.466 2.083a.525.525 0 0 1-.525.525h-.943a.634.634 0 0 1-.635-.633H7.8zm4.295 6.126a1.527 1.527 0 0 0-1.559 1.559c0 .906.689 1.577 1.559 1.577.887 0 1.576-.671 1.576-1.577 0-.907-.687-1.559-1.576-1.559z",
|
|
22
|
+
fill: "currentColor"
|
|
23
|
+
})
|
|
24
|
+
}));
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
exports.default = Help;
|
package/Icons/Info.js
CHANGED
|
@@ -1 +1,27 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var tslib = require('tslib');
|
|
6
|
+
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
+
var react = require('react');
|
|
8
|
+
|
|
9
|
+
var Info = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
10
|
+
return jsxRuntime.jsx("svg", tslib.__assign({
|
|
11
|
+
ref: ref
|
|
12
|
+
}, props, {
|
|
13
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
14
|
+
height: "1em",
|
|
15
|
+
viewBox: "0 0 16 16",
|
|
16
|
+
fill: "none",
|
|
17
|
+
children: jsxRuntime.jsx("path", {
|
|
18
|
+
d: "M7 8H8V10.6667H9.33333M8.00001 5.33333H8.00667M9.04189 13.9088C9.81785 13.772 10.5593 13.4837 11.2238 13.0603C11.8883 12.637 12.463 12.0869 12.9149 11.4415C13.3669 10.796 13.6872 10.0679 13.8578 9.29864C14.0283 8.52938 14.0457 7.73407 13.9088 6.95811C13.772 6.18215 13.4837 5.44074 13.0603 4.7762C12.637 4.11167 12.0869 3.53703 11.4415 3.08509C10.796 2.63315 10.0679 2.31276 9.29864 2.14222C8.52938 1.97168 7.73407 1.95433 6.95811 2.09115C6.18215 2.22798 5.44074 2.5163 4.7762 2.93965C4.11167 3.36301 3.53703 3.91311 3.08509 4.55854C2.63315 5.20398 2.31276 5.93211 2.14222 6.70136C1.97168 7.47062 1.95433 8.26593 2.09115 9.04189C2.22798 9.81785 2.5163 10.5593 2.93965 11.2238C3.36301 11.8883 3.91311 12.463 4.55854 12.9149C5.20398 13.3669 5.93211 13.6872 6.70136 13.8578C7.47062 14.0283 8.26593 14.0457 9.04189 13.9088Z",
|
|
19
|
+
stroke: "currentColor",
|
|
20
|
+
strokeWidth: "1.33333",
|
|
21
|
+
strokeLinecap: "round",
|
|
22
|
+
strokeLinejoin: "round"
|
|
23
|
+
})
|
|
24
|
+
}));
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
exports.default = Info;
|
package/Icons/More.js
CHANGED
|
@@ -1 +1,32 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var tslib = require('tslib');
|
|
6
|
+
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
+
var react = require('react');
|
|
8
|
+
|
|
9
|
+
var More = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
10
|
+
return jsxRuntime.jsxs("svg", tslib.__assign({
|
|
11
|
+
ref: ref
|
|
12
|
+
}, props, {
|
|
13
|
+
fill: "currentColor",
|
|
14
|
+
width: "24",
|
|
15
|
+
height: "24",
|
|
16
|
+
children: [jsxRuntime.jsx("circle", {
|
|
17
|
+
cx: "5",
|
|
18
|
+
cy: "12",
|
|
19
|
+
r: "1.75"
|
|
20
|
+
}), jsxRuntime.jsx("circle", {
|
|
21
|
+
cx: "12",
|
|
22
|
+
cy: "12",
|
|
23
|
+
r: "1.75"
|
|
24
|
+
}), jsxRuntime.jsx("circle", {
|
|
25
|
+
cx: "19",
|
|
26
|
+
cy: "12",
|
|
27
|
+
r: "1.75"
|
|
28
|
+
})]
|
|
29
|
+
}));
|
|
30
|
+
});
|
|
31
|
+
|
|
32
|
+
exports.default = More;
|
package/Icons/User.js
CHANGED
|
@@ -1 +1,33 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var tslib = require('tslib');
|
|
6
|
+
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
+
var react = require('react');
|
|
8
|
+
|
|
9
|
+
var User = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
10
|
+
return jsxRuntime.jsxs("svg", tslib.__assign({
|
|
11
|
+
ref: ref
|
|
12
|
+
}, props, {
|
|
13
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
14
|
+
height: "1em",
|
|
15
|
+
viewBox: "0 0 20 20",
|
|
16
|
+
fill: "none",
|
|
17
|
+
children: [jsxRuntime.jsx("path", {
|
|
18
|
+
stroke: "currentColor",
|
|
19
|
+
strokeLinecap: "round",
|
|
20
|
+
strokeWidth: "1.6",
|
|
21
|
+
d: "M15.796 15.447a6 6 0 0 0-11.592 0"
|
|
22
|
+
}), jsxRuntime.jsx("circle", {
|
|
23
|
+
cx: "10",
|
|
24
|
+
cy: "7",
|
|
25
|
+
r: "4",
|
|
26
|
+
stroke: "currentColor",
|
|
27
|
+
strokeLinecap: "round",
|
|
28
|
+
strokeWidth: "1.6"
|
|
29
|
+
})]
|
|
30
|
+
}));
|
|
31
|
+
});
|
|
32
|
+
|
|
33
|
+
exports.default = User;
|
package/Icons/index.js
CHANGED
|
@@ -1 +1,25 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var Burger = require('./Burger.js');
|
|
4
|
+
var Check = require('./Check.js');
|
|
5
|
+
var Chevron = require('./Chevron.js');
|
|
6
|
+
var Close = require('./Close.js');
|
|
7
|
+
var EyeOpen = require('./EyeOpen.js');
|
|
8
|
+
var EyeClosed = require('./EyeClosed.js');
|
|
9
|
+
var Help = require('./Help.js');
|
|
10
|
+
var Info = require('./Info.js');
|
|
11
|
+
var More = require('./More.js');
|
|
12
|
+
var User = require('./User.js');
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
exports.Burger = Burger.default;
|
|
17
|
+
exports.Check = Check.default;
|
|
18
|
+
exports.Chevron = Chevron.default;
|
|
19
|
+
exports.Close = Close.default;
|
|
20
|
+
exports.EyeOpen = EyeOpen.default;
|
|
21
|
+
exports.EyeClosed = EyeClosed.default;
|
|
22
|
+
exports.Help = Help.default;
|
|
23
|
+
exports.Info = Info.default;
|
|
24
|
+
exports.More = More.default;
|
|
25
|
+
exports.User = User.default;
|
package/Theme/breakpoints.js
CHANGED
|
@@ -1 +1,38 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
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;
|
package/Theme/color.js
CHANGED
|
@@ -1 +1,36 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
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;
|
package/Theme/global.js
CHANGED
|
@@ -1 +1,14 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var tslib = require('tslib');
|
|
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.__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;
|
package/Theme/index.js
CHANGED
|
@@ -1 +1,24 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
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 +1,42 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
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;
|
package/Theme/themes/default.js
CHANGED
|
@@ -1 +1,41 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
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;
|
package/esm/Button/index.js
CHANGED
|
@@ -1 +1,36 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { __rest, __assign } from 'tslib';
|
|
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 };
|