colibri-ui 0.6.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 +1 -2
package/esm/Icons/Burger.js
CHANGED
|
@@ -1 +1,18 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { __assign } from 'tslib';
|
|
2
|
+
import { jsx } from '@emotion/react/jsx-runtime';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
|
|
5
|
+
var Burger = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
6
|
+
return jsx("svg", __assign({
|
|
7
|
+
ref: ref
|
|
8
|
+
}, props, {
|
|
9
|
+
height: "1em",
|
|
10
|
+
fill: "currentColor",
|
|
11
|
+
viewBox: "0 0 24 24",
|
|
12
|
+
children: jsx("path", {
|
|
13
|
+
d: "M19.714 6.004H4.286v1.714h15.428V6.004Zm0 5.144H4.286v1.715h15.428v-1.715ZM4.286 16.29h15.428v1.715H4.286V16.29Z"
|
|
14
|
+
})
|
|
15
|
+
}));
|
|
16
|
+
});
|
|
17
|
+
|
|
18
|
+
export { Burger as default };
|
package/esm/Icons/Check.js
CHANGED
|
@@ -1 +1,20 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { __assign } from 'tslib';
|
|
2
|
+
import { jsx } from '@emotion/react/jsx-runtime';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
|
|
5
|
+
var Check = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
6
|
+
return jsx("svg", __assign({
|
|
7
|
+
ref: ref
|
|
8
|
+
}, props, {
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
height: "1em",
|
|
11
|
+
fill: "none",
|
|
12
|
+
viewBox: "0 0 16 16",
|
|
13
|
+
children: jsx("path", {
|
|
14
|
+
stroke: "currentColor",
|
|
15
|
+
d: "m3.333 9.333 2.667 2L12 4"
|
|
16
|
+
})
|
|
17
|
+
}));
|
|
18
|
+
});
|
|
19
|
+
|
|
20
|
+
export { Check as default };
|
package/esm/Icons/Chevron.js
CHANGED
|
@@ -1 +1,22 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { __assign } from 'tslib';
|
|
2
|
+
import { jsx } from '@emotion/react/jsx-runtime';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
|
|
5
|
+
var Chevron = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
6
|
+
return jsx("svg", __assign({
|
|
7
|
+
ref: ref
|
|
8
|
+
}, props, {
|
|
9
|
+
height: "1em",
|
|
10
|
+
viewBox: "0 0 16 16",
|
|
11
|
+
fill: "none",
|
|
12
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
13
|
+
children: jsx("path", {
|
|
14
|
+
fillRule: "evenodd",
|
|
15
|
+
clipRule: "evenodd",
|
|
16
|
+
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",
|
|
17
|
+
fill: "currentColor"
|
|
18
|
+
})
|
|
19
|
+
}));
|
|
20
|
+
});
|
|
21
|
+
|
|
22
|
+
export { Chevron as default };
|
package/esm/Icons/Close.js
CHANGED
|
@@ -1 +1,22 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { __assign } from 'tslib';
|
|
2
|
+
import { jsx } from '@emotion/react/jsx-runtime';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
|
|
5
|
+
var Close = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
6
|
+
return jsx("svg", __assign({
|
|
7
|
+
ref: ref
|
|
8
|
+
}, props, {
|
|
9
|
+
height: "1em",
|
|
10
|
+
viewBox: "0 0 12 12",
|
|
11
|
+
fill: "none",
|
|
12
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
13
|
+
children: jsx("path", {
|
|
14
|
+
fillRule: "evenodd",
|
|
15
|
+
clipRule: "evenodd",
|
|
16
|
+
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",
|
|
17
|
+
fill: "currentColor"
|
|
18
|
+
})
|
|
19
|
+
}));
|
|
20
|
+
});
|
|
21
|
+
|
|
22
|
+
export { Close as default };
|
package/esm/Icons/EyeClosed.js
CHANGED
|
@@ -1 +1,18 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { __assign } from 'tslib';
|
|
2
|
+
import { jsx } from '@emotion/react/jsx-runtime';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
|
|
5
|
+
var EyeClosed = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
6
|
+
return jsx("svg", __assign({}, props, {
|
|
7
|
+
ref: ref,
|
|
8
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9
|
+
height: "1em",
|
|
10
|
+
viewBox: "0 0 24 24",
|
|
11
|
+
fill: "currentColor",
|
|
12
|
+
children: jsx("path", {
|
|
13
|
+
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"
|
|
14
|
+
})
|
|
15
|
+
}));
|
|
16
|
+
});
|
|
17
|
+
|
|
18
|
+
export { EyeClosed as default };
|
package/esm/Icons/EyeOpen.js
CHANGED
|
@@ -1 +1,25 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { __assign } from 'tslib';
|
|
2
|
+
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
|
|
5
|
+
var EyeOpen = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
6
|
+
return jsxs("svg", __assign({}, props, {
|
|
7
|
+
ref: ref,
|
|
8
|
+
height: "1em",
|
|
9
|
+
viewBox: "0 0 24 24",
|
|
10
|
+
fill: "currentColor",
|
|
11
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
12
|
+
children: [jsx("path", {
|
|
13
|
+
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"
|
|
14
|
+
}), jsx("circle", {
|
|
15
|
+
cx: 12,
|
|
16
|
+
cy: 12,
|
|
17
|
+
r: 2,
|
|
18
|
+
stroke: "currentColor",
|
|
19
|
+
strokeWidth: 2,
|
|
20
|
+
strokeLinecap: "round"
|
|
21
|
+
})]
|
|
22
|
+
}));
|
|
23
|
+
});
|
|
24
|
+
|
|
25
|
+
export { EyeOpen as default };
|
package/esm/Icons/Help.js
CHANGED
|
@@ -1 +1,23 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { __assign } from 'tslib';
|
|
2
|
+
import { jsx } from '@emotion/react/jsx-runtime';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
|
|
5
|
+
var Help = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
6
|
+
return jsx("svg", __assign({
|
|
7
|
+
ref: ref
|
|
8
|
+
}, props, {
|
|
9
|
+
focusable: "false",
|
|
10
|
+
height: "1em",
|
|
11
|
+
viewBox: "0 0 22 22",
|
|
12
|
+
fill: "none",
|
|
13
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
14
|
+
children: jsx("path", {
|
|
15
|
+
fillRule: "evenodd",
|
|
16
|
+
clipRule: "evenodd",
|
|
17
|
+
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",
|
|
18
|
+
fill: "currentColor"
|
|
19
|
+
})
|
|
20
|
+
}));
|
|
21
|
+
});
|
|
22
|
+
|
|
23
|
+
export { Help as default };
|
package/esm/Icons/Info.js
CHANGED
|
@@ -1 +1,23 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { __assign } from 'tslib';
|
|
2
|
+
import { jsx } from '@emotion/react/jsx-runtime';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
|
|
5
|
+
var Info = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
6
|
+
return jsx("svg", __assign({
|
|
7
|
+
ref: ref
|
|
8
|
+
}, props, {
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
height: "1em",
|
|
11
|
+
viewBox: "0 0 16 16",
|
|
12
|
+
fill: "none",
|
|
13
|
+
children: jsx("path", {
|
|
14
|
+
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",
|
|
15
|
+
stroke: "currentColor",
|
|
16
|
+
strokeWidth: "1.33333",
|
|
17
|
+
strokeLinecap: "round",
|
|
18
|
+
strokeLinejoin: "round"
|
|
19
|
+
})
|
|
20
|
+
}));
|
|
21
|
+
});
|
|
22
|
+
|
|
23
|
+
export { Info as default };
|
package/esm/Icons/More.js
CHANGED
|
@@ -1 +1,28 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { __assign } from 'tslib';
|
|
2
|
+
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
|
|
5
|
+
var More = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
6
|
+
return jsxs("svg", __assign({
|
|
7
|
+
ref: ref
|
|
8
|
+
}, props, {
|
|
9
|
+
fill: "currentColor",
|
|
10
|
+
width: "24",
|
|
11
|
+
height: "24",
|
|
12
|
+
children: [jsx("circle", {
|
|
13
|
+
cx: "5",
|
|
14
|
+
cy: "12",
|
|
15
|
+
r: "1.75"
|
|
16
|
+
}), jsx("circle", {
|
|
17
|
+
cx: "12",
|
|
18
|
+
cy: "12",
|
|
19
|
+
r: "1.75"
|
|
20
|
+
}), jsx("circle", {
|
|
21
|
+
cx: "19",
|
|
22
|
+
cy: "12",
|
|
23
|
+
r: "1.75"
|
|
24
|
+
})]
|
|
25
|
+
}));
|
|
26
|
+
});
|
|
27
|
+
|
|
28
|
+
export { More as default };
|
package/esm/Icons/User.js
CHANGED
|
@@ -1 +1,29 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { __assign } from 'tslib';
|
|
2
|
+
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
|
|
5
|
+
var User = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
6
|
+
return jsxs("svg", __assign({
|
|
7
|
+
ref: ref
|
|
8
|
+
}, props, {
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
height: "1em",
|
|
11
|
+
viewBox: "0 0 20 20",
|
|
12
|
+
fill: "none",
|
|
13
|
+
children: [jsx("path", {
|
|
14
|
+
stroke: "currentColor",
|
|
15
|
+
strokeLinecap: "round",
|
|
16
|
+
strokeWidth: "1.6",
|
|
17
|
+
d: "M15.796 15.447a6 6 0 0 0-11.592 0"
|
|
18
|
+
}), jsx("circle", {
|
|
19
|
+
cx: "10",
|
|
20
|
+
cy: "7",
|
|
21
|
+
r: "4",
|
|
22
|
+
stroke: "currentColor",
|
|
23
|
+
strokeLinecap: "round",
|
|
24
|
+
strokeWidth: "1.6"
|
|
25
|
+
})]
|
|
26
|
+
}));
|
|
27
|
+
});
|
|
28
|
+
|
|
29
|
+
export { User as default };
|
package/esm/Icons/index.js
CHANGED
|
@@ -1 +1,10 @@
|
|
|
1
|
-
export
|
|
1
|
+
export { default as Burger } from './Burger.js';
|
|
2
|
+
export { default as Check } from './Check.js';
|
|
3
|
+
export { default as Chevron } from './Chevron.js';
|
|
4
|
+
export { default as Close } from './Close.js';
|
|
5
|
+
export { default as EyeOpen } from './EyeOpen.js';
|
|
6
|
+
export { default as EyeClosed } from './EyeClosed.js';
|
|
7
|
+
export { default as Help } from './Help.js';
|
|
8
|
+
export { default as Info } from './Info.js';
|
|
9
|
+
export { default as More } from './More.js';
|
|
10
|
+
export { default as User } from './User.js';
|
package/esm/Theme/breakpoints.js
CHANGED
|
@@ -1 +1,34 @@
|
|
|
1
|
-
var
|
|
1
|
+
var Breakpoints = {
|
|
2
|
+
values: {
|
|
3
|
+
hd: 2560,
|
|
4
|
+
xl: 1920,
|
|
5
|
+
lg: 1200,
|
|
6
|
+
md: 1024,
|
|
7
|
+
sm: 640,
|
|
8
|
+
xs: 320
|
|
9
|
+
},
|
|
10
|
+
up: function up(breakpoint, isMedia) {
|
|
11
|
+
if (isMedia === void 0) {
|
|
12
|
+
isMedia = true;
|
|
13
|
+
}
|
|
14
|
+
return "".concat(isMedia ? "@media " : "", "(min-width: ").concat(this.values[breakpoint], "px)");
|
|
15
|
+
},
|
|
16
|
+
under: function under(breakpoint, isMedia) {
|
|
17
|
+
if (isMedia === void 0) {
|
|
18
|
+
isMedia = true;
|
|
19
|
+
}
|
|
20
|
+
return "".concat(isMedia ? "@media " : "", "(max-width: ").concat(this.values[breakpoint] - 1, "px)");
|
|
21
|
+
},
|
|
22
|
+
between: function between(_a, isMedia) {
|
|
23
|
+
var min = _a[0],
|
|
24
|
+
max = _a[1];
|
|
25
|
+
if (isMedia === void 0) {
|
|
26
|
+
isMedia = true;
|
|
27
|
+
}
|
|
28
|
+
var from = this.values[min];
|
|
29
|
+
var to = this.values[max] - 1;
|
|
30
|
+
return "".concat(isMedia ? "@media " : "", "(min-width: ").concat(from, "px) and (max-width: ").concat(to, "px)");
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
export { Breakpoints as default };
|
package/esm/Theme/color.js
CHANGED
|
@@ -1 +1,32 @@
|
|
|
1
|
-
var
|
|
1
|
+
var Color;
|
|
2
|
+
(function (Color) {
|
|
3
|
+
Color["WHITE"] = "#fff";
|
|
4
|
+
Color["BLACK"] = "#000";
|
|
5
|
+
Color["BLUE_1"] = "#FBFDFF";
|
|
6
|
+
Color["BLUE_2"] = "#F5F9FF";
|
|
7
|
+
Color["BLUE_3"] = "#E9F3FF";
|
|
8
|
+
Color["BLUE_4"] = "#DAECFF";
|
|
9
|
+
Color["BLUE_5"] = "#C9E2FF";
|
|
10
|
+
Color["BLUE_6"] = "#B4D5FF";
|
|
11
|
+
Color["BLUE_7"] = "#9AC3FD";
|
|
12
|
+
Color["BLUE_8"] = "#73ABF8";
|
|
13
|
+
Color["BLUE_9"] = "#0974EB";
|
|
14
|
+
Color["BLUE_10"] = "#0066DC";
|
|
15
|
+
Color["BLUE_11"] = "#006DE3";
|
|
16
|
+
Color["BLUE_12"] = "#093266";
|
|
17
|
+
Color["PURPLE_1"] = "rgba(252, 253, 255, 1)";
|
|
18
|
+
Color["PURPLE_2"] = "rgba(246, 249, 255, 1)";
|
|
19
|
+
Color["PURPLE_3"] = "rgba(236, 242, 255, 1)";
|
|
20
|
+
Color["PURPLE_4"] = "rgba(224, 233, 255, 1)";
|
|
21
|
+
Color["PURPLE_5"] = "rgba(210, 222, 255, 1)";
|
|
22
|
+
Color["PURPLE_6"] = "rgba(190, 207, 255, 1)";
|
|
23
|
+
Color["PURPLE_7"] = "rgba(166, 188, 255, 1)";
|
|
24
|
+
Color["PURPLE_8"] = "rgba(38, 49, 129, .07)";
|
|
25
|
+
Color["PURPLE_9"] = "rgba(38, 49, 129, .15)";
|
|
26
|
+
Color["PURPLE_10"] = "rgba(38, 49, 129, .3)";
|
|
27
|
+
Color["PURPLE_11"] = "rgba(79, 98, 199, .15)";
|
|
28
|
+
Color["PURPLE_12"] = "rgba(30, 38, 117, .15)";
|
|
29
|
+
})(Color || (Color = {}));
|
|
30
|
+
var Color$1 = Color;
|
|
31
|
+
|
|
32
|
+
export { Color$1 as default };
|
package/esm/Theme/global.js
CHANGED
|
@@ -1 +1,10 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { __makeTemplateObject } from 'tslib';
|
|
2
|
+
import { jsx } from '@emotion/react/jsx-runtime';
|
|
3
|
+
import { Global, css } from '@emotion/react';
|
|
4
|
+
|
|
5
|
+
var globalStyles = jsx(Global, {
|
|
6
|
+
styles: /*#__PURE__*/css(templateObject_1 || (templateObject_1 = __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= */")])))
|
|
7
|
+
});
|
|
8
|
+
var templateObject_1;
|
|
9
|
+
|
|
10
|
+
export { globalStyles as default };
|
package/esm/Theme/index.js
CHANGED
|
@@ -1 +1,21 @@
|
|
|
1
|
-
import{jsxs
|
|
1
|
+
import { jsxs } from '@emotion/react/jsx-runtime';
|
|
2
|
+
import { ThemeProvider as ThemeProvider$1 } from '@emotion/react';
|
|
3
|
+
import globalStyles from './global.js';
|
|
4
|
+
import { THEME_DEFAULT } from './themes/default.js';
|
|
5
|
+
import { THEME_BA } from './themes/buenos_aires.js';
|
|
6
|
+
|
|
7
|
+
var THEMES = {
|
|
8
|
+
DEFAULT: THEME_DEFAULT,
|
|
9
|
+
BA: THEME_BA
|
|
10
|
+
};
|
|
11
|
+
var ThemeProvider = function ThemeProvider(_a) {
|
|
12
|
+
var children = _a.children,
|
|
13
|
+
_b = _a.theme,
|
|
14
|
+
theme = _b === void 0 ? THEME_DEFAULT : _b;
|
|
15
|
+
return jsxs(ThemeProvider$1, {
|
|
16
|
+
theme: theme,
|
|
17
|
+
children: [globalStyles, children]
|
|
18
|
+
});
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export { THEMES, ThemeProvider };
|
|
@@ -1 +1,39 @@
|
|
|
1
|
-
import
|
|
1
|
+
import Color from '../color.js';
|
|
2
|
+
import Breakpoints from '../breakpoints.js';
|
|
3
|
+
|
|
4
|
+
var ButtonBA = {
|
|
5
|
+
base: {
|
|
6
|
+
color: Color.BLACK,
|
|
7
|
+
borderRadius: "26px",
|
|
8
|
+
border: "none"
|
|
9
|
+
},
|
|
10
|
+
primary: {
|
|
11
|
+
normal: {
|
|
12
|
+
backgroundColor: Color.PURPLE_9,
|
|
13
|
+
borderColor: Color.PURPLE_9
|
|
14
|
+
},
|
|
15
|
+
hover: {
|
|
16
|
+
backgroundColor: Color.PURPLE_10,
|
|
17
|
+
borderColor: Color.PURPLE_10
|
|
18
|
+
},
|
|
19
|
+
focus: {
|
|
20
|
+
backgroundColor: Color.PURPLE_10,
|
|
21
|
+
borderColor: Color.PURPLE_10
|
|
22
|
+
},
|
|
23
|
+
active: {
|
|
24
|
+
backgroundColor: Color.PURPLE_10,
|
|
25
|
+
borderColor: Color.PURPLE_10
|
|
26
|
+
},
|
|
27
|
+
disabled: {
|
|
28
|
+
color: Color.PURPLE_10,
|
|
29
|
+
backgroundColor: Color.PURPLE_8,
|
|
30
|
+
borderColor: Color.PURPLE_8
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
var THEME_BA = {
|
|
35
|
+
breakpoints: Breakpoints,
|
|
36
|
+
button: ButtonBA
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
export { ButtonBA, THEME_BA };
|
|
@@ -1 +1,38 @@
|
|
|
1
|
-
import
|
|
1
|
+
import Color from '../color.js';
|
|
2
|
+
import Breakpoints from '../breakpoints.js';
|
|
3
|
+
|
|
4
|
+
var ButtonDefault = {
|
|
5
|
+
base: {
|
|
6
|
+
color: Color.WHITE,
|
|
7
|
+
borderRadius: "26px"
|
|
8
|
+
},
|
|
9
|
+
primary: {
|
|
10
|
+
normal: {
|
|
11
|
+
backgroundColor: Color.BLUE_9,
|
|
12
|
+
borderColor: Color.BLUE_9
|
|
13
|
+
},
|
|
14
|
+
hover: {
|
|
15
|
+
backgroundColor: Color.BLUE_10,
|
|
16
|
+
borderColor: Color.BLUE_10
|
|
17
|
+
},
|
|
18
|
+
focus: {
|
|
19
|
+
backgroundColor: Color.BLUE_10,
|
|
20
|
+
borderColor: Color.BLUE_10
|
|
21
|
+
},
|
|
22
|
+
active: {
|
|
23
|
+
backgroundColor: Color.BLUE_10,
|
|
24
|
+
borderColor: Color.BLUE_10
|
|
25
|
+
},
|
|
26
|
+
disabled: {
|
|
27
|
+
color: Color.BLUE_7,
|
|
28
|
+
backgroundColor: Color.BLUE_4,
|
|
29
|
+
borderColor: Color.BLUE_4
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
var THEME_DEFAULT = {
|
|
34
|
+
breakpoints: Breakpoints,
|
|
35
|
+
button: ButtonDefault
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
export { ButtonDefault, THEME_DEFAULT };
|
package/esm/index.js
CHANGED
|
@@ -1 +1,13 @@
|
|
|
1
|
-
export
|
|
1
|
+
export { default as Button } from './Button/index.js';
|
|
2
|
+
export { THEMES, ThemeProvider } from './Theme/index.js';
|
|
3
|
+
import './Icons/index.js';
|
|
4
|
+
export { default as Burger } from './Icons/Burger.js';
|
|
5
|
+
export { default as Check } from './Icons/Check.js';
|
|
6
|
+
export { default as Chevron } from './Icons/Chevron.js';
|
|
7
|
+
export { default as Close } from './Icons/Close.js';
|
|
8
|
+
export { default as EyeOpen } from './Icons/EyeOpen.js';
|
|
9
|
+
export { default as EyeClosed } from './Icons/EyeClosed.js';
|
|
10
|
+
export { default as Help } from './Icons/Help.js';
|
|
11
|
+
export { default as Info } from './Icons/Info.js';
|
|
12
|
+
export { default as More } from './Icons/More.js';
|
|
13
|
+
export { default as User } from './Icons/User.js';
|
package/index.js
CHANGED
|
@@ -1 +1,31 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./Button/index.js');
|
|
4
|
+
var index$1 = require('./Theme/index.js');
|
|
5
|
+
require('./Icons/index.js');
|
|
6
|
+
var Burger = require('./Icons/Burger.js');
|
|
7
|
+
var Check = require('./Icons/Check.js');
|
|
8
|
+
var Chevron = require('./Icons/Chevron.js');
|
|
9
|
+
var Close = require('./Icons/Close.js');
|
|
10
|
+
var EyeOpen = require('./Icons/EyeOpen.js');
|
|
11
|
+
var EyeClosed = require('./Icons/EyeClosed.js');
|
|
12
|
+
var Help = require('./Icons/Help.js');
|
|
13
|
+
var Info = require('./Icons/Info.js');
|
|
14
|
+
var More = require('./Icons/More.js');
|
|
15
|
+
var User = require('./Icons/User.js');
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
exports.Button = index.default;
|
|
20
|
+
exports.THEMES = index$1.THEMES;
|
|
21
|
+
exports.ThemeProvider = index$1.ThemeProvider;
|
|
22
|
+
exports.Burger = Burger.default;
|
|
23
|
+
exports.Check = Check.default;
|
|
24
|
+
exports.Chevron = Chevron.default;
|
|
25
|
+
exports.Close = Close.default;
|
|
26
|
+
exports.EyeOpen = EyeOpen.default;
|
|
27
|
+
exports.EyeClosed = EyeClosed.default;
|
|
28
|
+
exports.Help = Help.default;
|
|
29
|
+
exports.Info = Info.default;
|
|
30
|
+
exports.More = More.default;
|
|
31
|
+
exports.User = User.default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "colibri-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.7.0",
|
|
4
4
|
"description": "React UI components library",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"scripts": {},
|
|
@@ -37,7 +37,6 @@
|
|
|
37
37
|
"@rollup/plugin-babel": "6.0.4",
|
|
38
38
|
"@rollup/plugin-commonjs": "25.0.7",
|
|
39
39
|
"@rollup/plugin-node-resolve": "15.2.3",
|
|
40
|
-
"@rollup/plugin-terser": "^0.4.4",
|
|
41
40
|
"@rollup/plugin-typescript": "11.1.6",
|
|
42
41
|
"@rollup/plugin-url": "8.0.2",
|
|
43
42
|
"@storybook/addon-essentials": "8.0.10",
|