colibri-ui 0.7.19 → 0.7.21
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.props.d.ts +2 -0
- package/Button/index.props.js +1 -0
- package/Counter/index.d.ts +4 -0
- package/Counter/index.js +59 -0
- package/Counter/index.props.d.ts +9 -0
- package/Counter/package.json +6 -0
- package/Counter/styles.d.ts +17 -0
- package/Counter/styles.js +42 -0
- package/Icons/Chevron.d.ts +3 -2
- package/Icons/Chevron.js +12 -4
- package/Icons/Close.d.ts +3 -2
- package/Icons/Close.js +10 -4
- package/Icons/EyeClosed.d.ts +3 -2
- package/Icons/EyeClosed.js +14 -5
- package/Icons/EyeOpen.d.ts +3 -2
- package/Icons/EyeOpen.js +15 -6
- package/Icons/Help.d.ts +3 -2
- package/Icons/Help.js +9 -5
- package/Icons/Info.d.ts +3 -2
- package/Icons/Info.js +14 -9
- package/Icons/Minus.d.ts +4 -0
- package/Icons/Minus.js +31 -0
- package/Icons/More.d.ts +3 -2
- package/Icons/More.js +13 -4
- package/Icons/Plus.d.ts +4 -0
- package/Icons/Plus.js +37 -0
- package/Icons/Trash.d.ts +4 -0
- package/Icons/Trash.js +34 -0
- package/Icons/User.d.ts +3 -2
- package/Icons/User.js +10 -4
- package/Icons/index.d.ts +3 -0
- package/Icons/index.js +6 -0
- package/Icons/index.props.d.ts +6 -0
- package/Theme/themes/buenos_aires.js +31 -9
- package/Theme/themes/default.js +31 -9
- package/esm/Button/index.props.d.ts +2 -0
- package/esm/Button/index.props.js +1 -0
- package/esm/Counter/index.d.ts +4 -0
- package/esm/Counter/index.js +55 -0
- package/esm/Counter/index.props.d.ts +9 -0
- package/esm/Counter/styles.d.ts +17 -0
- package/esm/Counter/styles.js +34 -0
- package/esm/Icons/Chevron.d.ts +3 -2
- package/esm/Icons/Chevron.js +13 -5
- package/esm/Icons/Close.d.ts +3 -2
- package/esm/Icons/Close.js +11 -5
- package/esm/Icons/EyeClosed.d.ts +3 -2
- package/esm/Icons/EyeClosed.js +15 -6
- package/esm/Icons/EyeOpen.d.ts +3 -2
- package/esm/Icons/EyeOpen.js +16 -7
- package/esm/Icons/Help.d.ts +3 -2
- package/esm/Icons/Help.js +10 -6
- package/esm/Icons/Info.d.ts +3 -2
- package/esm/Icons/Info.js +15 -10
- package/esm/Icons/Minus.d.ts +4 -0
- package/esm/Icons/Minus.js +27 -0
- package/esm/Icons/More.d.ts +3 -2
- package/esm/Icons/More.js +14 -5
- package/esm/Icons/Plus.d.ts +4 -0
- package/esm/Icons/Plus.js +33 -0
- package/esm/Icons/Trash.d.ts +4 -0
- package/esm/Icons/Trash.js +30 -0
- package/esm/Icons/User.d.ts +3 -2
- package/esm/Icons/User.js +11 -5
- package/esm/Icons/index.d.ts +3 -0
- package/esm/Icons/index.js +3 -0
- package/esm/Icons/index.props.d.ts +6 -0
- package/esm/Theme/themes/buenos_aires.js +31 -9
- package/esm/Theme/themes/default.js +31 -9
- package/esm/index.d.ts +1 -0
- package/esm/index.js +4 -0
- package/index.d.ts +1 -0
- package/index.js +28 -20
- package/package.json +1 -1
package/esm/Icons/EyeClosed.js
CHANGED
|
@@ -1,14 +1,23 @@
|
|
|
1
|
-
import { __assign } from 'tslib';
|
|
1
|
+
import { __rest, __assign } from 'tslib';
|
|
2
2
|
import { jsx } from '@emotion/react/jsx-runtime';
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
4
|
|
|
5
|
-
var EyeClosed = /*#__PURE__*/forwardRef(function (
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
var EyeClosed = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
6
|
+
var _b = _a.fill,
|
|
7
|
+
fill = _b === void 0 ? "currentColor" : _b,
|
|
8
|
+
_c = _a.width,
|
|
9
|
+
width = _c === void 0 ? 24 : _c,
|
|
10
|
+
_d = _a.height,
|
|
11
|
+
height = _d === void 0 ? 24 : _d,
|
|
12
|
+
props = __rest(_a, ["fill", "width", "height"]);
|
|
13
|
+
return jsx("svg", __assign({
|
|
8
14
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9
|
-
|
|
15
|
+
fill: fill,
|
|
16
|
+
width: width,
|
|
17
|
+
height: height,
|
|
18
|
+
ref: ref
|
|
19
|
+
}, props, {
|
|
10
20
|
viewBox: "0 0 24 24",
|
|
11
|
-
fill: "currentColor",
|
|
12
21
|
children: jsx("path", {
|
|
13
22
|
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
23
|
})
|
package/esm/Icons/EyeOpen.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { Props } from "./index.props";
|
|
3
|
+
declare const _default: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<SVGSVGElement>>;
|
|
3
4
|
export default _default;
|
package/esm/Icons/EyeOpen.js
CHANGED
|
@@ -1,14 +1,23 @@
|
|
|
1
|
-
import { __assign } from 'tslib';
|
|
1
|
+
import { __rest, __assign } from 'tslib';
|
|
2
2
|
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
4
|
|
|
5
|
-
var EyeOpen = /*#__PURE__*/forwardRef(function (
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
var EyeOpen = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
6
|
+
var _b = _a.fill,
|
|
7
|
+
fill = _b === void 0 ? "currentColor" : _b,
|
|
8
|
+
_c = _a.width,
|
|
9
|
+
width = _c === void 0 ? 24 : _c,
|
|
10
|
+
_d = _a.height,
|
|
11
|
+
height = _d === void 0 ? 24 : _d,
|
|
12
|
+
props = __rest(_a, ["fill", "width", "height"]);
|
|
13
|
+
return jsxs("svg", __assign({
|
|
11
14
|
xmlns: "http://www.w3.org/2000/svg",
|
|
15
|
+
fill: fill,
|
|
16
|
+
width: width,
|
|
17
|
+
height: height,
|
|
18
|
+
ref: ref
|
|
19
|
+
}, props, {
|
|
20
|
+
viewBox: "0 0 24 24",
|
|
12
21
|
children: [jsx("path", {
|
|
13
22
|
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
23
|
}), jsx("circle", {
|
package/esm/Icons/Help.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { Props } from "./index.props";
|
|
3
|
+
declare const _default: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<SVGSVGElement>>;
|
|
3
4
|
export default _default;
|
package/esm/Icons/Help.js
CHANGED
|
@@ -1,16 +1,20 @@
|
|
|
1
|
-
import { __assign } from 'tslib';
|
|
1
|
+
import { __rest, __assign } from 'tslib';
|
|
2
2
|
import { jsx } from '@emotion/react/jsx-runtime';
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
4
|
|
|
5
|
-
var Help = /*#__PURE__*/forwardRef(function (
|
|
5
|
+
var Help = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
6
|
+
var _b = _a.width,
|
|
7
|
+
width = _b === void 0 ? 24 : _b,
|
|
8
|
+
_c = _a.height,
|
|
9
|
+
height = _c === void 0 ? 24 : _c,
|
|
10
|
+
props = __rest(_a, ["width", "height"]);
|
|
6
11
|
return jsx("svg", __assign({
|
|
12
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
13
|
+
width: width,
|
|
14
|
+
height: height,
|
|
7
15
|
ref: ref
|
|
8
16
|
}, props, {
|
|
9
|
-
focusable: "false",
|
|
10
|
-
height: "1em",
|
|
11
|
-
viewBox: "0 0 22 22",
|
|
12
17
|
fill: "none",
|
|
13
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
14
18
|
children: jsx("path", {
|
|
15
19
|
fillRule: "evenodd",
|
|
16
20
|
clipRule: "evenodd",
|
package/esm/Icons/Info.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { Props } from "./index.props";
|
|
3
|
+
declare const _default: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<SVGSVGElement>>;
|
|
3
4
|
export default _default;
|
package/esm/Icons/Info.js
CHANGED
|
@@ -1,21 +1,26 @@
|
|
|
1
|
-
import { __assign } from 'tslib';
|
|
1
|
+
import { __rest, __assign } from 'tslib';
|
|
2
2
|
import { jsx } from '@emotion/react/jsx-runtime';
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
4
|
|
|
5
|
-
var Info = /*#__PURE__*/forwardRef(function (
|
|
5
|
+
var Info = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
6
|
+
var _b = _a.fill,
|
|
7
|
+
fill = _b === void 0 ? "currentColor" : _b,
|
|
8
|
+
_c = _a.width,
|
|
9
|
+
width = _c === void 0 ? 24 : _c,
|
|
10
|
+
_d = _a.height,
|
|
11
|
+
height = _d === void 0 ? 24 : _d,
|
|
12
|
+
props = __rest(_a, ["fill", "width", "height"]);
|
|
6
13
|
return jsx("svg", __assign({
|
|
14
|
+
width: width,
|
|
15
|
+
height: height,
|
|
16
|
+
viewBox: "0 0 24 24",
|
|
17
|
+
fill: "none",
|
|
7
18
|
ref: ref
|
|
8
19
|
}, props, {
|
|
9
20
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
-
height: "1em",
|
|
11
|
-
viewBox: "0 0 16 16",
|
|
12
|
-
fill: "none",
|
|
13
21
|
children: jsx("path", {
|
|
14
|
-
d: "
|
|
15
|
-
|
|
16
|
-
strokeWidth: "1.33333",
|
|
17
|
-
strokeLinecap: "round",
|
|
18
|
-
strokeLinejoin: "round"
|
|
22
|
+
d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-.696-3.534c.63 0 1.332-.288 2.196-1.458l.911-1.22a.334.334 0 0 0-.074-.472.38.38 0 0 0-.505.06l-1.475 1.679a.241.241 0 0 1-.279.061.211.211 0 0 1-.12-.244l1.858-7.446a.499.499 0 0 0-.575-.613l-3.35.613a.35.35 0 0 0-.276.258l-.086.334a.25.25 0 0 0 .243.312h1.73l-1.476 5.922c-.054.234-.144.63-.144.918 0 .666.396 1.296 1.422 1.296zm1.83-10.536c.702 0 1.242-.414 1.386-1.044.036-.144.054-.306.054-.414 0-.504-.396-.972-1.134-.972-.702 0-1.242.414-1.386 1.044a1.868 1.868 0 0 0-.054.414c0 .504.396.972 1.134.972z",
|
|
23
|
+
fill: fill
|
|
19
24
|
})
|
|
20
25
|
}));
|
|
21
26
|
});
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { __rest, __assign } from 'tslib';
|
|
2
|
+
import { jsx } from '@emotion/react/jsx-runtime';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
|
|
5
|
+
var MinusIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
6
|
+
var _b = _a.fill,
|
|
7
|
+
fill = _b === void 0 ? "currentColor" : _b,
|
|
8
|
+
_c = _a.width,
|
|
9
|
+
width = _c === void 0 ? 24 : _c,
|
|
10
|
+
_d = _a.height,
|
|
11
|
+
height = _d === void 0 ? 24 : _d,
|
|
12
|
+
props = __rest(_a, ["fill", "width", "height"]);
|
|
13
|
+
return jsx("svg", __assign({
|
|
14
|
+
width: width,
|
|
15
|
+
height: height,
|
|
16
|
+
viewBox: "0 0 24 24",
|
|
17
|
+
ref: ref
|
|
18
|
+
}, props, {
|
|
19
|
+
children: jsx("path", {
|
|
20
|
+
fill: fill,
|
|
21
|
+
d: "M4 13h16v-2H4z",
|
|
22
|
+
fillRule: "evenodd"
|
|
23
|
+
})
|
|
24
|
+
}));
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
export { MinusIcon as default };
|
package/esm/Icons/More.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { Props } from "./index.props";
|
|
3
|
+
declare const _default: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<SVGSVGElement>>;
|
|
3
4
|
export default _default;
|
package/esm/Icons/More.js
CHANGED
|
@@ -1,14 +1,23 @@
|
|
|
1
|
-
import { __assign } from 'tslib';
|
|
1
|
+
import { __rest, __assign } from 'tslib';
|
|
2
2
|
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
4
|
|
|
5
|
-
var More = /*#__PURE__*/forwardRef(function (
|
|
5
|
+
var More = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
6
|
+
var _b = _a.fill,
|
|
7
|
+
fill = _b === void 0 ? "currentColor" : _b,
|
|
8
|
+
_c = _a.width,
|
|
9
|
+
width = _c === void 0 ? 24 : _c,
|
|
10
|
+
_d = _a.height,
|
|
11
|
+
height = _d === void 0 ? 24 : _d,
|
|
12
|
+
props = __rest(_a, ["fill", "width", "height"]);
|
|
6
13
|
return jsxs("svg", __assign({
|
|
14
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
15
|
+
fill: fill,
|
|
16
|
+
width: width,
|
|
17
|
+
height: height,
|
|
7
18
|
ref: ref
|
|
8
19
|
}, props, {
|
|
9
|
-
|
|
10
|
-
width: "24",
|
|
11
|
-
height: "24",
|
|
20
|
+
viewBox: "0 0 24 24",
|
|
12
21
|
children: [jsx("circle", {
|
|
13
22
|
cx: "5",
|
|
14
23
|
cy: "12",
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { __rest, __assign } from 'tslib';
|
|
2
|
+
import { jsx, jsxs } from '@emotion/react/jsx-runtime';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
|
|
5
|
+
var PlusIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
6
|
+
var _b = _a.fill,
|
|
7
|
+
fill = _b === void 0 ? "currentColor" : _b,
|
|
8
|
+
_c = _a.width,
|
|
9
|
+
width = _c === void 0 ? 24 : _c,
|
|
10
|
+
_d = _a.height,
|
|
11
|
+
height = _d === void 0 ? 24 : _d,
|
|
12
|
+
props = __rest(_a, ["fill", "width", "height"]);
|
|
13
|
+
return jsx("svg", __assign({
|
|
14
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
15
|
+
fill: fill,
|
|
16
|
+
width: width,
|
|
17
|
+
height: height,
|
|
18
|
+
ref: ref
|
|
19
|
+
}, props, {
|
|
20
|
+
viewBox: "0 0 24 24",
|
|
21
|
+
children: jsxs("g", {
|
|
22
|
+
fill: fill,
|
|
23
|
+
fillRule: "evenodd",
|
|
24
|
+
children: [jsx("path", {
|
|
25
|
+
d: "M4 13h16v-2H4z"
|
|
26
|
+
}), jsx("path", {
|
|
27
|
+
d: "M11 4v16h2V4z"
|
|
28
|
+
})]
|
|
29
|
+
})
|
|
30
|
+
}));
|
|
31
|
+
});
|
|
32
|
+
|
|
33
|
+
export { PlusIcon as default };
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { __rest, __assign } from 'tslib';
|
|
2
|
+
import { jsx } from '@emotion/react/jsx-runtime';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
|
|
5
|
+
var Trash = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
6
|
+
var _b = _a.fill,
|
|
7
|
+
fill = _b === void 0 ? "currentColor" : _b,
|
|
8
|
+
_c = _a.width,
|
|
9
|
+
width = _c === void 0 ? 24 : _c,
|
|
10
|
+
_d = _a.height,
|
|
11
|
+
height = _d === void 0 ? 24 : _d,
|
|
12
|
+
props = __rest(_a, ["fill", "width", "height"]);
|
|
13
|
+
return jsx("svg", __assign({
|
|
14
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
15
|
+
fill: "none",
|
|
16
|
+
width: width,
|
|
17
|
+
height: height,
|
|
18
|
+
ref: ref
|
|
19
|
+
}, props, {
|
|
20
|
+
viewBox: "0 0 24 24",
|
|
21
|
+
children: jsx("path", {
|
|
22
|
+
fillRule: "evenodd",
|
|
23
|
+
clipRule: "evenodd",
|
|
24
|
+
d: "M12.663 1.5h-1.326c-1.069 0-1.49.09-1.921.27-.432.181-.792.453-1.084.82-.292.365-.493.746-.784 1.774L7.368 5H5a1 1 0 0 0 0 2h.5l.844 12.666A2.5 2.5 0 0 0 8.84 22h6.322a2.5 2.5 0 0 0 2.495-2.334L18.5 7.001V7h.5a1 1 0 1 0 0-2h-2.367l-.18-.636c-.292-1.028-.493-1.409-.785-1.775a2.694 2.694 0 0 0-1.084-.819c-.431-.18-.852-.27-1.92-.27zm1.89 3.5l-.025-.09c-.203-.717-.29-.905-.424-1.074a.696.696 0 0 0-.292-.221c-.2-.084-.404-.115-1.149-.115h-1.326c-.745 0-.95.031-1.149.115a.696.696 0 0 0-.292.221c-.135.169-.221.357-.424 1.074L9.446 5h5.108zm1.943 2H7.505l.835 12.533a.5.5 0 0 0 .499.467h6.322a.5.5 0 0 0 .499-.467L16.496 7zM9.4 9.63a.85.85 0 0 1 1.699-.059l.272 7.795a.85.85 0 1 1-1.7.06L9.4 9.63zm4.381-.879a.85.85 0 0 0-.88.82l-.271 7.795a.85.85 0 1 0 1.699.06L14.6 9.63a.85.85 0 0 0-.82-.88z",
|
|
25
|
+
fill: fill
|
|
26
|
+
})
|
|
27
|
+
}));
|
|
28
|
+
});
|
|
29
|
+
|
|
30
|
+
export { Trash as default };
|
package/esm/Icons/User.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { Props } from "./index.props";
|
|
3
|
+
declare const _default: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<SVGSVGElement>>;
|
|
3
4
|
export default _default;
|
package/esm/Icons/User.js
CHANGED
|
@@ -1,14 +1,20 @@
|
|
|
1
|
-
import { __assign } from 'tslib';
|
|
1
|
+
import { __rest, __assign } from 'tslib';
|
|
2
2
|
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
4
|
|
|
5
|
-
var User = /*#__PURE__*/forwardRef(function (
|
|
5
|
+
var User = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
6
|
+
var _b = _a.width,
|
|
7
|
+
width = _b === void 0 ? 24 : _b,
|
|
8
|
+
_c = _a.height,
|
|
9
|
+
height = _c === void 0 ? 24 : _c,
|
|
10
|
+
props = __rest(_a, ["width", "height"]);
|
|
6
11
|
return jsxs("svg", __assign({
|
|
12
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
13
|
+
width: width,
|
|
14
|
+
height: height,
|
|
7
15
|
ref: ref
|
|
8
16
|
}, props, {
|
|
9
|
-
|
|
10
|
-
height: "1em",
|
|
11
|
-
viewBox: "0 0 20 20",
|
|
17
|
+
viewBox: "0 0 24 24",
|
|
12
18
|
fill: "none",
|
|
13
19
|
children: [jsx("path", {
|
|
14
20
|
stroke: "currentColor",
|
package/esm/Icons/index.d.ts
CHANGED
|
@@ -4,5 +4,8 @@ export { default as EyeOpen } from "./EyeOpen";
|
|
|
4
4
|
export { default as EyeClosed } from "./EyeClosed";
|
|
5
5
|
export { default as Help } from "./Help";
|
|
6
6
|
export { default as Info } from "./Info";
|
|
7
|
+
export { default as Minus } from "./Minus";
|
|
7
8
|
export { default as More } from "./More";
|
|
9
|
+
export { default as Plus } from "./Plus";
|
|
10
|
+
export { default as Trash } from "./Trash";
|
|
8
11
|
export { default as User } from "./User";
|
package/esm/Icons/index.js
CHANGED
|
@@ -4,5 +4,8 @@ export { default as EyeOpen } from './EyeOpen.js';
|
|
|
4
4
|
export { default as EyeClosed } from './EyeClosed.js';
|
|
5
5
|
export { default as Help } from './Help.js';
|
|
6
6
|
export { default as Info } from './Info.js';
|
|
7
|
+
export { default as Minus } from './Minus.js';
|
|
7
8
|
export { default as More } from './More.js';
|
|
9
|
+
export { default as Plus } from './Plus.js';
|
|
10
|
+
export { default as Trash } from './Trash.js';
|
|
8
11
|
export { default as User } from './User.js';
|
|
@@ -29,9 +29,9 @@ var ButtonThemeBA = {
|
|
|
29
29
|
borderColor: Color.PRIMARY_BA_5
|
|
30
30
|
},
|
|
31
31
|
disabled: {
|
|
32
|
-
color: Color.
|
|
33
|
-
backgroundColor: Color.
|
|
34
|
-
borderColor: Color.
|
|
32
|
+
color: Color.PRIMARY_BA_2,
|
|
33
|
+
backgroundColor: Color.PRIMARY_BA_1,
|
|
34
|
+
borderColor: Color.PRIMARY_BA_1
|
|
35
35
|
}
|
|
36
36
|
},
|
|
37
37
|
secondary: {
|
|
@@ -56,12 +56,12 @@ var ButtonThemeBA = {
|
|
|
56
56
|
borderColor: Color.SECONDARY_BA_5
|
|
57
57
|
},
|
|
58
58
|
disabled: {
|
|
59
|
-
color: Color.
|
|
60
|
-
backgroundColor: Color.
|
|
61
|
-
borderColor: Color.
|
|
59
|
+
color: Color.SECONDARY_BA_2,
|
|
60
|
+
backgroundColor: Color.SECONDARY_BA_1,
|
|
61
|
+
borderColor: Color.SECONDARY_BA_1
|
|
62
62
|
}
|
|
63
63
|
},
|
|
64
|
-
|
|
64
|
+
pseudo: {
|
|
65
65
|
normal: {
|
|
66
66
|
color: Color.TRETIARY_BA_5,
|
|
67
67
|
backgroundColor: Color.WHITE,
|
|
@@ -77,10 +77,32 @@ var ButtonThemeBA = {
|
|
|
77
77
|
backgroundColor: Color.TRETIARY_BA_2,
|
|
78
78
|
borderColor: Color.TRETIARY_BA_2
|
|
79
79
|
},
|
|
80
|
+
disabled: {
|
|
81
|
+
color: Color.TRETIARY_BA_3,
|
|
82
|
+
backgroundColor: Color.TRETIARY_BA_1,
|
|
83
|
+
borderColor: Color.TRETIARY_BA_1
|
|
84
|
+
}
|
|
85
|
+
},
|
|
86
|
+
clear: {
|
|
87
|
+
normal: {
|
|
88
|
+
color: Color.PRIMARY_BA_4,
|
|
89
|
+
backgroundColor: "transparent",
|
|
90
|
+
borderColor: "transparent"
|
|
91
|
+
},
|
|
92
|
+
hovered: {
|
|
93
|
+
color: Color.PRIMARY_BA_5,
|
|
94
|
+
backgroundColor: "transparent",
|
|
95
|
+
borderColor: "transparent"
|
|
96
|
+
},
|
|
97
|
+
active: {
|
|
98
|
+
color: Color.PRIMARY_BA_5,
|
|
99
|
+
backgroundColor: "transparent",
|
|
100
|
+
borderColor: "transparent"
|
|
101
|
+
},
|
|
80
102
|
disabled: {
|
|
81
103
|
color: Color.BG_3,
|
|
82
|
-
backgroundColor:
|
|
83
|
-
borderColor:
|
|
104
|
+
backgroundColor: "transparent",
|
|
105
|
+
borderColor: "transparent"
|
|
84
106
|
}
|
|
85
107
|
}
|
|
86
108
|
};
|
|
@@ -27,9 +27,9 @@ var ButtonThemeDefault = {
|
|
|
27
27
|
borderColor: Color.PRIMARY_5
|
|
28
28
|
},
|
|
29
29
|
disabled: {
|
|
30
|
-
color: Color.
|
|
31
|
-
backgroundColor: Color.
|
|
32
|
-
borderColor: Color.
|
|
30
|
+
color: Color.PRIMARY_2,
|
|
31
|
+
backgroundColor: Color.PRIMARY_1,
|
|
32
|
+
borderColor: Color.PRIMARY_1
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
35
|
secondary: {
|
|
@@ -54,12 +54,12 @@ var ButtonThemeDefault = {
|
|
|
54
54
|
borderColor: Color.SECONDARY_5
|
|
55
55
|
},
|
|
56
56
|
disabled: {
|
|
57
|
-
color: Color.
|
|
58
|
-
backgroundColor: Color.
|
|
59
|
-
borderColor: Color.
|
|
57
|
+
color: Color.SECONDARY_2,
|
|
58
|
+
backgroundColor: Color.SECONDARY_1,
|
|
59
|
+
borderColor: Color.SECONDARY_1
|
|
60
60
|
}
|
|
61
61
|
},
|
|
62
|
-
|
|
62
|
+
pseudo: {
|
|
63
63
|
normal: {
|
|
64
64
|
color: Color.TRETIARY_5,
|
|
65
65
|
backgroundColor: Color.WHITE,
|
|
@@ -75,10 +75,32 @@ var ButtonThemeDefault = {
|
|
|
75
75
|
backgroundColor: Color.TRETIARY_2,
|
|
76
76
|
borderColor: Color.TRETIARY_2
|
|
77
77
|
},
|
|
78
|
+
disabled: {
|
|
79
|
+
color: Color.TRETIARY_3,
|
|
80
|
+
backgroundColor: Color.TRETIARY_1,
|
|
81
|
+
borderColor: Color.TRETIARY_1
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
clear: {
|
|
85
|
+
normal: {
|
|
86
|
+
color: Color.PRIMARY_4,
|
|
87
|
+
backgroundColor: "transparent",
|
|
88
|
+
borderColor: "transparent"
|
|
89
|
+
},
|
|
90
|
+
hovered: {
|
|
91
|
+
color: Color.PRIMARY_5,
|
|
92
|
+
backgroundColor: "transparent",
|
|
93
|
+
borderColor: "transparent"
|
|
94
|
+
},
|
|
95
|
+
active: {
|
|
96
|
+
color: Color.PRIMARY_5,
|
|
97
|
+
backgroundColor: "transparent",
|
|
98
|
+
borderColor: "transparent"
|
|
99
|
+
},
|
|
78
100
|
disabled: {
|
|
79
101
|
color: Color.BG_3,
|
|
80
|
-
backgroundColor:
|
|
81
|
-
borderColor:
|
|
102
|
+
backgroundColor: "transparent",
|
|
103
|
+
borderColor: "transparent"
|
|
82
104
|
}
|
|
83
105
|
}
|
|
84
106
|
};
|
package/esm/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { default as Button } from "./Button";
|
|
2
2
|
export { default as Checkbox } from "./Checkbox";
|
|
3
|
+
export { default as Counter } from "./Counter";
|
|
3
4
|
export { default as DotsLoader } from "./DotsLoader";
|
|
4
5
|
export { default as Grid } from "./Grid";
|
|
5
6
|
export { default as GridItem } from "./Grid/Item";
|
package/esm/index.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { default as Button } from './Button/index.js';
|
|
2
2
|
export { default as Checkbox } from './Checkbox/index.js';
|
|
3
|
+
export { default as Counter } from './Counter/index.js';
|
|
3
4
|
export { default as DotsLoader } from './DotsLoader/index.js';
|
|
4
5
|
export { default as Grid } from './Grid/index.js';
|
|
5
6
|
export { default as GridItem } from './Grid/Item/index.js';
|
|
@@ -16,5 +17,8 @@ export { default as EyeOpen } from './Icons/EyeOpen.js';
|
|
|
16
17
|
export { default as EyeClosed } from './Icons/EyeClosed.js';
|
|
17
18
|
export { default as Help } from './Icons/Help.js';
|
|
18
19
|
export { default as Info } from './Icons/Info.js';
|
|
20
|
+
export { default as Minus } from './Icons/Minus.js';
|
|
19
21
|
export { default as More } from './Icons/More.js';
|
|
22
|
+
export { default as Plus } from './Icons/Plus.js';
|
|
23
|
+
export { default as Trash } from './Icons/Trash.js';
|
|
20
24
|
export { default as User } from './Icons/User.js';
|
package/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { default as Button } from "./Button";
|
|
2
2
|
export { default as Checkbox } from "./Checkbox";
|
|
3
|
+
export { default as Counter } from "./Counter";
|
|
3
4
|
export { default as DotsLoader } from "./DotsLoader";
|
|
4
5
|
export { default as Grid } from "./Grid";
|
|
5
6
|
export { default as GridItem } from "./Grid/Item";
|
package/index.js
CHANGED
|
@@ -2,15 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./Button/index.js');
|
|
4
4
|
var index$1 = require('./Checkbox/index.js');
|
|
5
|
-
var index$2 = require('./
|
|
6
|
-
var index$3 = require('./
|
|
7
|
-
var index$4 = require('./Grid/
|
|
8
|
-
var index$5 = require('./
|
|
9
|
-
var index$6 = require('./
|
|
10
|
-
var index$7 = require('./
|
|
11
|
-
var index$8 = require('./
|
|
12
|
-
var index$9 = require('./
|
|
13
|
-
var index$a = require('./
|
|
5
|
+
var index$2 = require('./Counter/index.js');
|
|
6
|
+
var index$3 = require('./DotsLoader/index.js');
|
|
7
|
+
var index$4 = require('./Grid/index.js');
|
|
8
|
+
var index$5 = require('./Grid/Item/index.js');
|
|
9
|
+
var index$6 = require('./Image/index.js');
|
|
10
|
+
var index$7 = require('./Input/index.js');
|
|
11
|
+
var index$8 = require('./Skeleton/index.js');
|
|
12
|
+
var index$9 = require('./Switch/index.js');
|
|
13
|
+
var index$a = require('./Theme/index.js');
|
|
14
|
+
var index$b = require('./Typography/index.js');
|
|
14
15
|
require('./Icons/index.js');
|
|
15
16
|
var Chevron = require('./Icons/Chevron.js');
|
|
16
17
|
var Close = require('./Icons/Close.js');
|
|
@@ -18,29 +19,36 @@ var EyeOpen = require('./Icons/EyeOpen.js');
|
|
|
18
19
|
var EyeClosed = require('./Icons/EyeClosed.js');
|
|
19
20
|
var Help = require('./Icons/Help.js');
|
|
20
21
|
var Info = require('./Icons/Info.js');
|
|
22
|
+
var Minus = require('./Icons/Minus.js');
|
|
21
23
|
var More = require('./Icons/More.js');
|
|
24
|
+
var Plus = require('./Icons/Plus.js');
|
|
25
|
+
var Trash = require('./Icons/Trash.js');
|
|
22
26
|
var User = require('./Icons/User.js');
|
|
23
27
|
|
|
24
28
|
|
|
25
29
|
|
|
26
30
|
exports.Button = index.default;
|
|
27
31
|
exports.Checkbox = index$1.default;
|
|
28
|
-
exports.
|
|
29
|
-
exports.
|
|
30
|
-
exports.
|
|
31
|
-
exports.
|
|
32
|
-
exports.
|
|
33
|
-
exports.
|
|
34
|
-
exports.
|
|
35
|
-
exports.
|
|
36
|
-
exports.
|
|
37
|
-
exports.
|
|
38
|
-
exports.
|
|
32
|
+
exports.Counter = index$2.default;
|
|
33
|
+
exports.DotsLoader = index$3.default;
|
|
34
|
+
exports.Grid = index$4.default;
|
|
35
|
+
exports.GridItem = index$5.default;
|
|
36
|
+
exports.Image = index$6.default;
|
|
37
|
+
exports.Input = index$7.default;
|
|
38
|
+
exports.SkeletonRect = index$8.SkeletonRect;
|
|
39
|
+
exports.SkeletonText = index$8.SkeletonText;
|
|
40
|
+
exports.Switch = index$9.default;
|
|
41
|
+
exports.THEMES = index$a.THEMES;
|
|
42
|
+
exports.ThemeProvider = index$a.ThemeProvider;
|
|
43
|
+
exports.Typography = index$b.default;
|
|
39
44
|
exports.Chevron = Chevron.default;
|
|
40
45
|
exports.Close = Close.default;
|
|
41
46
|
exports.EyeOpen = EyeOpen.default;
|
|
42
47
|
exports.EyeClosed = EyeClosed.default;
|
|
43
48
|
exports.Help = Help.default;
|
|
44
49
|
exports.Info = Info.default;
|
|
50
|
+
exports.Minus = Minus.default;
|
|
45
51
|
exports.More = More.default;
|
|
52
|
+
exports.Plus = Plus.default;
|
|
53
|
+
exports.Trash = Trash.default;
|
|
46
54
|
exports.User = User.default;
|