colibri-ui 0.7.20 → 0.7.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/Button/index.js +1 -2
  2. package/Button/index.props.d.ts +4 -8
  3. package/Theme/themes/buenos_aires.js +31 -9
  4. package/Theme/themes/default.js +31 -9
  5. package/esm/Button/index.js +1 -2
  6. package/esm/Button/index.props.d.ts +4 -8
  7. package/esm/Theme/themes/buenos_aires.js +31 -9
  8. package/esm/Theme/themes/default.js +31 -9
  9. package/package.json +1 -1
  10. package/Button/index.props.js +0 -8
  11. package/esm/Button/index.props.js +0 -8
package/Button/index.js CHANGED
@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib = require('tslib');
6
6
  var jsxRuntime = require('@emotion/react/jsx-runtime');
7
7
  var react = require('react');
8
- var index_props = require('./index.props.js');
9
8
  var styles = require('./styles.js');
10
9
 
11
10
  var Button = /*#__PURE__*/react.forwardRef(function (_a, ref) {
@@ -13,7 +12,7 @@ var Button = /*#__PURE__*/react.forwardRef(function (_a, ref) {
13
12
  _b = _a.fullWidth,
14
13
  fullWidth = _b === void 0 ? false : _b,
15
14
  _c = _a.variant,
16
- variant = _c === void 0 ? index_props.VARIANT.PRIMARY : _c,
15
+ variant = _c === void 0 ? "primary" : _c,
17
16
  iconStart = _a.iconStart,
18
17
  iconEnd = _a.iconEnd,
19
18
  icon = _a.icon,
package/Button/index.props.d.ts CHANGED
@@ -1,10 +1,5 @@
1
1
  import type { ButtonHTMLAttributes, ReactNode } from "react";
2
2
  import type { CSSObject } from "@emotion/react";
3
- export declare enum VARIANT {
4
- PRIMARY = "primary",
5
- SECONDARY = "secondary",
6
- CLEAR = "clear"
7
- }
8
3
  type BaseStyles = {
9
4
  color?: CSSObject["color"];
10
5
  borderRadius: CSSObject["borderRadius"];
@@ -30,9 +25,10 @@ export type ButtonBase = {
30
25
  base: BaseStyles;
31
26
  };
32
27
  export type ButtonVariant = {
33
- [VARIANT.PRIMARY]: VariantStates;
34
- [VARIANT.SECONDARY]: VariantStates;
35
- [VARIANT.CLEAR]: VariantStates;
28
+ "primary": VariantStates;
29
+ "secondary": VariantStates;
30
+ "pseudo": VariantStates;
31
+ "clear": VariantStates;
36
32
  };
37
33
  export type ButtonSize = "xs" | "s" | "m" | "l";
38
34
  export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
package/Theme/themes/buenos_aires.js CHANGED
@@ -31,9 +31,9 @@ var ButtonThemeBA = {
31
31
  borderColor: color.Color.PRIMARY_BA_5
32
32
  },
33
33
  disabled: {
34
- color: color.Color.BG_3,
35
- backgroundColor: color.Color.BG_1,
36
- borderColor: color.Color.BG_1
34
+ color: color.Color.PRIMARY_BA_2,
35
+ backgroundColor: color.Color.PRIMARY_BA_1,
36
+ borderColor: color.Color.PRIMARY_BA_1
37
37
  }
38
38
  },
39
39
  secondary: {
@@ -58,12 +58,12 @@ var ButtonThemeBA = {
58
58
  borderColor: color.Color.SECONDARY_BA_5
59
59
  },
60
60
  disabled: {
61
- color: color.Color.BG_3,
62
- backgroundColor: color.Color.BG_1,
63
- borderColor: color.Color.BG_1
61
+ color: color.Color.SECONDARY_BA_2,
62
+ backgroundColor: color.Color.SECONDARY_BA_1,
63
+ borderColor: color.Color.SECONDARY_BA_1
64
64
  }
65
65
  },
66
- clear: {
66
+ pseudo: {
67
67
  normal: {
68
68
  color: color.Color.TRETIARY_BA_5,
69
69
  backgroundColor: color.Color.WHITE,
@@ -79,10 +79,32 @@ var ButtonThemeBA = {
79
79
  backgroundColor: color.Color.TRETIARY_BA_2,
80
80
  borderColor: color.Color.TRETIARY_BA_2
81
81
  },
82
+ disabled: {
83
+ color: color.Color.TRETIARY_BA_3,
84
+ backgroundColor: color.Color.TRETIARY_BA_1,
85
+ borderColor: color.Color.TRETIARY_BA_1
86
+ }
87
+ },
88
+ clear: {
89
+ normal: {
90
+ color: color.Color.PRIMARY_BA_4,
91
+ backgroundColor: "transparent",
92
+ borderColor: "transparent"
93
+ },
94
+ hovered: {
95
+ color: color.Color.PRIMARY_BA_5,
96
+ backgroundColor: "transparent",
97
+ borderColor: "transparent"
98
+ },
99
+ active: {
100
+ color: color.Color.PRIMARY_BA_5,
101
+ backgroundColor: "transparent",
102
+ borderColor: "transparent"
103
+ },
82
104
  disabled: {
83
105
  color: color.Color.BG_3,
84
- backgroundColor: color.Color.BG_1,
85
- borderColor: color.Color.BG_1
106
+ backgroundColor: "transparent",
107
+ borderColor: "transparent"
86
108
  }
87
109
  }
88
110
  };
package/Theme/themes/default.js CHANGED
@@ -29,9 +29,9 @@ var ButtonThemeDefault = {
29
29
  borderColor: color.Color.PRIMARY_5
30
30
  },
31
31
  disabled: {
32
- color: color.Color.BG_3,
33
- backgroundColor: color.Color.BG_1,
34
- borderColor: color.Color.BG_1
32
+ color: color.Color.PRIMARY_2,
33
+ backgroundColor: color.Color.PRIMARY_1,
34
+ borderColor: color.Color.PRIMARY_1
35
35
  }
36
36
  },
37
37
  secondary: {
@@ -56,12 +56,12 @@ var ButtonThemeDefault = {
56
56
  borderColor: color.Color.SECONDARY_5
57
57
  },
58
58
  disabled: {
59
- color: color.Color.BG_3,
60
- backgroundColor: color.Color.BG_1,
61
- borderColor: color.Color.BG_1
59
+ color: color.Color.SECONDARY_2,
60
+ backgroundColor: color.Color.SECONDARY_1,
61
+ borderColor: color.Color.SECONDARY_1
62
62
  }
63
63
  },
64
- clear: {
64
+ pseudo: {
65
65
  normal: {
66
66
  color: color.Color.TRETIARY_5,
67
67
  backgroundColor: color.Color.WHITE,
@@ -77,10 +77,32 @@ var ButtonThemeDefault = {
77
77
  backgroundColor: color.Color.TRETIARY_2,
78
78
  borderColor: color.Color.TRETIARY_2
79
79
  },
80
+ disabled: {
81
+ color: color.Color.TRETIARY_3,
82
+ backgroundColor: color.Color.TRETIARY_1,
83
+ borderColor: color.Color.TRETIARY_1
84
+ }
85
+ },
86
+ clear: {
87
+ normal: {
88
+ color: color.Color.PRIMARY_4,
89
+ backgroundColor: "transparent",
90
+ borderColor: "transparent"
91
+ },
92
+ hovered: {
93
+ color: color.Color.PRIMARY_5,
94
+ backgroundColor: "transparent",
95
+ borderColor: "transparent"
96
+ },
97
+ active: {
98
+ color: color.Color.PRIMARY_5,
99
+ backgroundColor: "transparent",
100
+ borderColor: "transparent"
101
+ },
80
102
  disabled: {
81
103
  color: color.Color.BG_3,
82
- backgroundColor: color.Color.BG_1,
83
- borderColor: color.Color.BG_1
104
+ backgroundColor: "transparent",
105
+ borderColor: "transparent"
84
106
  }
85
107
  }
86
108
  };
package/esm/Button/index.js CHANGED
@@ -1,7 +1,6 @@
1
1
  import { __rest, __assign } from 'tslib';
2
2
  import { jsxs, jsx } from '@emotion/react/jsx-runtime';
3
3
  import { forwardRef } from 'react';
4
- import { VARIANT } from './index.props.js';
5
4
  import { StyledButton, StyledIcon } from './styles.js';
6
5
 
7
6
  var Button = /*#__PURE__*/forwardRef(function (_a, ref) {
@@ -9,7 +8,7 @@ var Button = /*#__PURE__*/forwardRef(function (_a, ref) {
9
8
  _b = _a.fullWidth,
10
9
  fullWidth = _b === void 0 ? false : _b,
11
10
  _c = _a.variant,
12
- variant = _c === void 0 ? VARIANT.PRIMARY : _c,
11
+ variant = _c === void 0 ? "primary" : _c,
13
12
  iconStart = _a.iconStart,
14
13
  iconEnd = _a.iconEnd,
15
14
  icon = _a.icon,
package/esm/Button/index.props.d.ts CHANGED
@@ -1,10 +1,5 @@
1
1
  import type { ButtonHTMLAttributes, ReactNode } from "react";
2
2
  import type { CSSObject } from "@emotion/react";
3
- export declare enum VARIANT {
4
- PRIMARY = "primary",
5
- SECONDARY = "secondary",
6
- CLEAR = "clear"
7
- }
8
3
  type BaseStyles = {
9
4
  color?: CSSObject["color"];
10
5
  borderRadius: CSSObject["borderRadius"];
@@ -30,9 +25,10 @@ export type ButtonBase = {
30
25
  base: BaseStyles;
31
26
  };
32
27
  export type ButtonVariant = {
33
- [VARIANT.PRIMARY]: VariantStates;
34
- [VARIANT.SECONDARY]: VariantStates;
35
- [VARIANT.CLEAR]: VariantStates;
28
+ "primary": VariantStates;
29
+ "secondary": VariantStates;
30
+ "pseudo": VariantStates;
31
+ "clear": VariantStates;
36
32
  };
37
33
  export type ButtonSize = "xs" | "s" | "m" | "l";
38
34
  export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
package/esm/Theme/themes/buenos_aires.js CHANGED
@@ -29,9 +29,9 @@ var ButtonThemeBA = {
29
29
  borderColor: Color.PRIMARY_BA_5
30
30
  },
31
31
  disabled: {
32
- color: Color.BG_3,
33
- backgroundColor: Color.BG_1,
34
- borderColor: Color.BG_1
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.BG_3,
60
- backgroundColor: Color.BG_1,
61
- borderColor: Color.BG_1
59
+ color: Color.SECONDARY_BA_2,
60
+ backgroundColor: Color.SECONDARY_BA_1,
61
+ borderColor: Color.SECONDARY_BA_1
62
62
  }
63
63
  },
64
- clear: {
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: Color.BG_1,
83
- borderColor: Color.BG_1
104
+ backgroundColor: "transparent",
105
+ borderColor: "transparent"
84
106
  }
85
107
  }
86
108
  };
package/esm/Theme/themes/default.js CHANGED
@@ -27,9 +27,9 @@ var ButtonThemeDefault = {
27
27
  borderColor: Color.PRIMARY_5
28
28
  },
29
29
  disabled: {
30
- color: Color.BG_3,
31
- backgroundColor: Color.BG_1,
32
- borderColor: Color.BG_1
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.BG_3,
58
- backgroundColor: Color.BG_1,
59
- borderColor: Color.BG_1
57
+ color: Color.SECONDARY_2,
58
+ backgroundColor: Color.SECONDARY_1,
59
+ borderColor: Color.SECONDARY_1
60
60
  }
61
61
  },
62
- clear: {
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: Color.BG_1,
81
- borderColor: Color.BG_1
102
+ backgroundColor: "transparent",
103
+ borderColor: "transparent"
82
104
  }
83
105
  }
84
106
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "colibri-ui",
3
- "version": "0.7.20",
3
+ "version": "0.7.23",
4
4
  "description": "React UI components library",
5
5
  "main": "index.js",
6
6
  "scripts": {},
package/Button/index.props.js DELETED
@@ -1,8 +0,0 @@
1
- 'use strict';
2
-
3
- exports.VARIANT = void 0;
4
- (function (VARIANT) {
5
- VARIANT["PRIMARY"] = "primary";
6
- VARIANT["SECONDARY"] = "secondary";
7
- VARIANT["CLEAR"] = "clear";
8
- })(exports.VARIANT || (exports.VARIANT = {}));
package/esm/Button/index.props.js DELETED
@@ -1,8 +0,0 @@
1
- var VARIANT;
2
- (function (VARIANT) {
3
- VARIANT["PRIMARY"] = "primary";
4
- VARIANT["SECONDARY"] = "secondary";
5
- VARIANT["CLEAR"] = "clear";
6
- })(VARIANT || (VARIANT = {}));
7
-
8
- export { VARIANT };