colibri-ui 0.7.2 → 0.7.3

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.props.d.ts +1 -0
  2. package/Theme/color.d.ts +12 -0
  3. package/Theme/color.js +12 -0
  4. package/Theme/themes/buenos_aires.js +22 -0
  5. package/Theme/themes/default.js +22 -0
  6. package/esm/Button/index.props.d.ts +1 -0
  7. package/esm/Theme/color.d.ts +12 -0
  8. package/esm/Theme/color.js +12 -0
  9. package/esm/Theme/themes/buenos_aires.js +22 -0
  10. package/esm/Theme/themes/default.js +22 -0
  11. package/package.json +1 -1
package/Button/index.props.d.ts CHANGED
@@ -27,6 +27,7 @@ export type ButtonBase = {
27
27
  export type ButtonVariant = {
28
28
  default: VariantStates;
29
29
  primary: VariantStates;
30
+ clear: VariantStates;
30
31
  };
31
32
  export interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
32
33
  variant?: keyof ButtonVariant;
package/Theme/color.d.ts CHANGED
@@ -25,6 +25,18 @@ declare enum Color {
25
25
  GRAPHITE_10 = "#383D42",
26
26
  GRAPHITE_11 = "#5E666F",
27
27
  GRAPHITE_12 = "#22272B",
28
+ GRAY_1 = "#FCFCFD",
29
+ GRAY_2 = "#F9F9FB",
30
+ GRAY_3 = "#EFF0F3",
31
+ GRAY_4 = "#E7E8EC",
32
+ GRAY_5 = "#E0E1E6",
33
+ GRAY_6 = "#D8D9E0",
34
+ GRAY_7 = "#CDCED7",
35
+ GRAY_8 = "#B9BBC6",
36
+ GRAY_9 = "#8B8D98",
37
+ GRAY_10 = "#80828D",
38
+ GRAY_11 = "#62636C",
39
+ GRAY_12 = "#1E1F24",
28
40
  PURPLE_1 = "rgba(38, 49, 129, .07)",
29
41
  PURPLE_2 = "rgba(38, 49, 129, .15)",
30
42
  PURPLE_3 = "rgba(38, 49, 129, .3)",
package/Theme/color.js CHANGED
@@ -30,6 +30,18 @@ var Color;
30
30
  Color["GRAPHITE_10"] = "#383D42";
31
31
  Color["GRAPHITE_11"] = "#5E666F";
32
32
  Color["GRAPHITE_12"] = "#22272B";
33
+ Color["GRAY_1"] = "#FCFCFD";
34
+ Color["GRAY_2"] = "#F9F9FB";
35
+ Color["GRAY_3"] = "#EFF0F3";
36
+ Color["GRAY_4"] = "#E7E8EC";
37
+ Color["GRAY_5"] = "#E0E1E6";
38
+ Color["GRAY_6"] = "#D8D9E0";
39
+ Color["GRAY_7"] = "#CDCED7";
40
+ Color["GRAY_8"] = "#B9BBC6";
41
+ Color["GRAY_9"] = "#8B8D98";
42
+ Color["GRAY_10"] = "#80828D";
43
+ Color["GRAY_11"] = "#62636C";
44
+ Color["GRAY_12"] = "#1E1F24";
33
45
  Color["PURPLE_1"] = "rgba(38, 49, 129, .07)";
34
46
  Color["PURPLE_2"] = "rgba(38, 49, 129, .15)";
35
47
  Color["PURPLE_3"] = "rgba(38, 49, 129, .3)";
package/Theme/themes/buenos_aires.js CHANGED
@@ -58,6 +58,28 @@ var ButtonBA = {
58
58
  backgroundColor: color.default.PURPLE_1,
59
59
  borderColor: color.default.PURPLE_1
60
60
  }
61
+ },
62
+ clear: {
63
+ normal: {
64
+ color: color.default.GRAY_9,
65
+ backgroundColor: color.default.WHITE,
66
+ borderColor: color.default.WHITE
67
+ },
68
+ hover: {
69
+ color: color.default.BLACK,
70
+ backgroundColor: color.default.NEUTRAL_2,
71
+ borderColor: color.default.NEUTRAL_2
72
+ },
73
+ active: {
74
+ color: color.default.BLACK,
75
+ backgroundColor: color.default.NEUTRAL_2,
76
+ borderColor: color.default.NEUTRAL_2
77
+ },
78
+ disabled: {
79
+ color: color.default.NEUTRAL_3,
80
+ backgroundColor: color.default.NEUTRAL_1,
81
+ borderColor: color.default.NEUTRAL_1
82
+ }
61
83
  }
62
84
  };
63
85
  var THEME_BA = {
package/Theme/themes/default.js CHANGED
@@ -57,6 +57,28 @@ var ButtonDefault = {
57
57
  backgroundColor: color.default.BLUE_4,
58
58
  borderColor: color.default.BLUE_4
59
59
  }
60
+ },
61
+ clear: {
62
+ normal: {
63
+ color: color.default.GRAY_9,
64
+ backgroundColor: color.default.WHITE,
65
+ borderColor: color.default.WHITE
66
+ },
67
+ hover: {
68
+ color: color.default.BLACK,
69
+ backgroundColor: color.default.NEUTRAL_2,
70
+ borderColor: color.default.NEUTRAL_2
71
+ },
72
+ active: {
73
+ color: color.default.BLACK,
74
+ backgroundColor: color.default.NEUTRAL_2,
75
+ borderColor: color.default.NEUTRAL_2
76
+ },
77
+ disabled: {
78
+ color: color.default.NEUTRAL_3,
79
+ backgroundColor: color.default.NEUTRAL_1,
80
+ borderColor: color.default.NEUTRAL_1
81
+ }
60
82
  }
61
83
  };
62
84
  var THEME_DEFAULT = {
package/esm/Button/index.props.d.ts CHANGED
@@ -27,6 +27,7 @@ export type ButtonBase = {
27
27
  export type ButtonVariant = {
28
28
  default: VariantStates;
29
29
  primary: VariantStates;
30
+ clear: VariantStates;
30
31
  };
31
32
  export interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
32
33
  variant?: keyof ButtonVariant;
package/esm/Theme/color.d.ts CHANGED
@@ -25,6 +25,18 @@ declare enum Color {
25
25
  GRAPHITE_10 = "#383D42",
26
26
  GRAPHITE_11 = "#5E666F",
27
27
  GRAPHITE_12 = "#22272B",
28
+ GRAY_1 = "#FCFCFD",
29
+ GRAY_2 = "#F9F9FB",
30
+ GRAY_3 = "#EFF0F3",
31
+ GRAY_4 = "#E7E8EC",
32
+ GRAY_5 = "#E0E1E6",
33
+ GRAY_6 = "#D8D9E0",
34
+ GRAY_7 = "#CDCED7",
35
+ GRAY_8 = "#B9BBC6",
36
+ GRAY_9 = "#8B8D98",
37
+ GRAY_10 = "#80828D",
38
+ GRAY_11 = "#62636C",
39
+ GRAY_12 = "#1E1F24",
28
40
  PURPLE_1 = "rgba(38, 49, 129, .07)",
29
41
  PURPLE_2 = "rgba(38, 49, 129, .15)",
30
42
  PURPLE_3 = "rgba(38, 49, 129, .3)",
package/esm/Theme/color.js CHANGED
@@ -26,6 +26,18 @@ var Color;
26
26
  Color["GRAPHITE_10"] = "#383D42";
27
27
  Color["GRAPHITE_11"] = "#5E666F";
28
28
  Color["GRAPHITE_12"] = "#22272B";
29
+ Color["GRAY_1"] = "#FCFCFD";
30
+ Color["GRAY_2"] = "#F9F9FB";
31
+ Color["GRAY_3"] = "#EFF0F3";
32
+ Color["GRAY_4"] = "#E7E8EC";
33
+ Color["GRAY_5"] = "#E0E1E6";
34
+ Color["GRAY_6"] = "#D8D9E0";
35
+ Color["GRAY_7"] = "#CDCED7";
36
+ Color["GRAY_8"] = "#B9BBC6";
37
+ Color["GRAY_9"] = "#8B8D98";
38
+ Color["GRAY_10"] = "#80828D";
39
+ Color["GRAY_11"] = "#62636C";
40
+ Color["GRAY_12"] = "#1E1F24";
29
41
  Color["PURPLE_1"] = "rgba(38, 49, 129, .07)";
30
42
  Color["PURPLE_2"] = "rgba(38, 49, 129, .15)";
31
43
  Color["PURPLE_3"] = "rgba(38, 49, 129, .3)";
package/esm/Theme/themes/buenos_aires.js CHANGED
@@ -56,6 +56,28 @@ var ButtonBA = {
56
56
  backgroundColor: Color.PURPLE_1,
57
57
  borderColor: Color.PURPLE_1
58
58
  }
59
+ },
60
+ clear: {
61
+ normal: {
62
+ color: Color.GRAY_9,
63
+ backgroundColor: Color.WHITE,
64
+ borderColor: Color.WHITE
65
+ },
66
+ hover: {
67
+ color: Color.BLACK,
68
+ backgroundColor: Color.NEUTRAL_2,
69
+ borderColor: Color.NEUTRAL_2
70
+ },
71
+ active: {
72
+ color: Color.BLACK,
73
+ backgroundColor: Color.NEUTRAL_2,
74
+ borderColor: Color.NEUTRAL_2
75
+ },
76
+ disabled: {
77
+ color: Color.NEUTRAL_3,
78
+ backgroundColor: Color.NEUTRAL_1,
79
+ borderColor: Color.NEUTRAL_1
80
+ }
59
81
  }
60
82
  };
61
83
  var THEME_BA = {
package/esm/Theme/themes/default.js CHANGED
@@ -55,6 +55,28 @@ var ButtonDefault = {
55
55
  backgroundColor: Color.BLUE_4,
56
56
  borderColor: Color.BLUE_4
57
57
  }
58
+ },
59
+ clear: {
60
+ normal: {
61
+ color: Color.GRAY_9,
62
+ backgroundColor: Color.WHITE,
63
+ borderColor: Color.WHITE
64
+ },
65
+ hover: {
66
+ color: Color.BLACK,
67
+ backgroundColor: Color.NEUTRAL_2,
68
+ borderColor: Color.NEUTRAL_2
69
+ },
70
+ active: {
71
+ color: Color.BLACK,
72
+ backgroundColor: Color.NEUTRAL_2,
73
+ borderColor: Color.NEUTRAL_2
74
+ },
75
+ disabled: {
76
+ color: Color.NEUTRAL_3,
77
+ backgroundColor: Color.NEUTRAL_1,
78
+ borderColor: Color.NEUTRAL_1
79
+ }
58
80
  }
59
81
  };
60
82
  var THEME_DEFAULT = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "colibri-ui",
3
- "version": "0.7.2",
3
+ "version": "0.7.3",
4
4
  "description": "React UI components library",
5
5
  "main": "index.js",
6
6
  "scripts": {},