colibri-ui 0.7.57 → 0.7.58

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 (33) hide show
  1. package/Grid/Item/index.js +4 -2
  2. package/Grid/Item/index.props.d.ts +2 -1
  3. package/RadioGroup/index.d.ts +2 -1
  4. package/Theme/colors/common.d.ts +27 -0
  5. package/Theme/colors/common.js +28 -0
  6. package/Theme/colors/index.d.ts +48 -0
  7. package/Theme/colors/index.js +12 -0
  8. package/Theme/colors/theme_buenos_aires.d.ts +47 -0
  9. package/Theme/colors/theme_buenos_aires.js +40 -0
  10. package/Theme/colors/theme_default.d.ts +47 -0
  11. package/Theme/colors/theme_default.js +40 -0
  12. package/Theme/themes/buenos_aires.js +7 -7
  13. package/Theme/themes/default.js +82 -82
  14. package/esm/Grid/Item/index.js +4 -2
  15. package/esm/Grid/Item/index.props.d.ts +2 -1
  16. package/esm/RadioGroup/index.d.ts +2 -1
  17. package/esm/Theme/colors/common.d.ts +27 -0
  18. package/esm/Theme/colors/common.js +20 -0
  19. package/esm/Theme/colors/index.d.ts +48 -0
  20. package/esm/Theme/colors/index.js +8 -0
  21. package/esm/Theme/colors/theme_buenos_aires.d.ts +47 -0
  22. package/esm/Theme/colors/theme_buenos_aires.js +31 -0
  23. package/esm/Theme/colors/theme_default.d.ts +47 -0
  24. package/esm/Theme/colors/theme_default.js +31 -0
  25. package/esm/Theme/themes/buenos_aires.js +1 -1
  26. package/esm/Theme/themes/default.js +1 -1
  27. package/esm/index.d.ts +1 -1
  28. package/index.d.ts +1 -1
  29. package/package.json +1 -1
  30. package/Theme/color.d.ts +0 -118
  31. package/Theme/color.js +0 -88
  32. package/esm/Theme/color.d.ts +0 -118
  33. package/esm/Theme/color.js +0 -72
package/Grid/Item/index.js CHANGED
@@ -17,9 +17,11 @@ var GridItem = function GridItem(_a) {
17
17
  var children = _a.children,
18
18
  _c = _a.fullWidth,
19
19
  fullWidth = _c === void 0 ? false : _c,
20
- className = _a.className;
20
+ className = _a.className,
21
+ style = _a.style;
21
22
  return /*#__PURE__*/React__default.default.createElement("div", {
22
- className: classNames__default.default(styles__default.default.item, (_b = {}, _b[styles__default.default.full] = fullWidth, _b), className)
23
+ className: classNames__default.default(styles__default.default.item, (_b = {}, _b[styles__default.default.full] = fullWidth, _b), className),
24
+ style: style
23
25
  }, children);
24
26
  };
25
27
 
package/Grid/Item/index.props.d.ts CHANGED
@@ -1,6 +1,7 @@
1
- import type { ReactNode } from "react";
1
+ import type { CSSProperties, ReactNode } from "react";
2
2
  export type GridItemProps = {
3
3
  children: ReactNode;
4
4
  fullWidth?: boolean;
5
5
  className?: string;
6
+ style?: CSSProperties;
6
7
  };
package/RadioGroup/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
- import React, { FC } from "react";
1
+ import React from "react";
2
+ import type { FC } from "react";
2
3
  export interface Option {
3
4
  id?: string;
4
5
  val: string | number;
package/Theme/colors/common.d.ts ADDED
@@ -0,0 +1,27 @@
1
+ export declare const Common: {
2
+ WHITE: string;
3
+ BLACK: string;
4
+ };
5
+ export declare const Backgrounds: {
6
+ BG_1: string;
7
+ BG_2: string;
8
+ BG_3: string;
9
+ BG_4: string;
10
+ BG_5: string;
11
+ };
12
+ export declare const Accents: {
13
+ ALERT: string;
14
+ SUCCESS: string;
15
+ };
16
+ export declare const Color: {
17
+ BG_1: string;
18
+ BG_2: string;
19
+ BG_3: string;
20
+ BG_4: string;
21
+ BG_5: string;
22
+ ALERT: string;
23
+ SUCCESS: string;
24
+ WHITE: string;
25
+ BLACK: string;
26
+ };
27
+ export default Color;
package/Theme/colors/common.js ADDED
@@ -0,0 +1,28 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib = require('tslib');
6
+
7
+ var Common = {
8
+ WHITE: "#fff",
9
+ BLACK: "#000"
10
+ };
11
+ var Backgrounds = {
12
+ BG_1: "#f2f2f2",
13
+ BG_2: "#e6e6e6",
14
+ BG_3: "#dbdbdb",
15
+ BG_4: "#b3b3b3",
16
+ BG_5: "#999"
17
+ };
18
+ var Accents = {
19
+ ALERT: "#ff564e",
20
+ SUCCESS: "#28bc00"
21
+ };
22
+ var Color = tslib.__assign(tslib.__assign(tslib.__assign({}, Common), Accents), Backgrounds);
23
+
24
+ exports.Accents = Accents;
25
+ exports.Backgrounds = Backgrounds;
26
+ exports.Color = Color;
27
+ exports.Common = Common;
28
+ exports.default = Color;
package/Theme/colors/index.d.ts ADDED
@@ -0,0 +1,48 @@
1
+ declare const _default: {
2
+ TRETIARY_1: string;
3
+ TRETIARY_2: string;
4
+ TRETIARY_3: string;
5
+ TRETIARY_4: string;
6
+ TRETIARY_5: string;
7
+ SECONDARY_1: string;
8
+ SECONDARY_2: string;
9
+ SECONDARY_3: string;
10
+ SECONDARY_4: string;
11
+ SECONDARY_5: string;
12
+ PRIMARY_1: string;
13
+ PRIMARY_2: string;
14
+ PRIMARY_3: string;
15
+ PRIMARY_4: string;
16
+ PRIMARY_5: string;
17
+ BRAND_DEFAULT_1: string;
18
+ BRAND_DEFAULT_2: string;
19
+ BRAND_DEFAULT_3: string;
20
+ TRETIARY_BA_1: string;
21
+ TRETIARY_BA_2: string;
22
+ TRETIARY_BA_3: string;
23
+ TRETIARY_BA_4: string;
24
+ TRETIARY_BA_5: string;
25
+ SECONDARY_BA_1: string;
26
+ SECONDARY_BA_2: string;
27
+ SECONDARY_BA_3: string;
28
+ SECONDARY_BA_4: string;
29
+ SECONDARY_BA_5: string;
30
+ PRIMARY_BA_1: string;
31
+ PRIMARY_BA_2: string;
32
+ PRIMARY_BA_3: string;
33
+ PRIMARY_BA_4: string;
34
+ PRIMARY_BA_5: string;
35
+ BRAND_BA_1: string;
36
+ BRAND_BA_2: string;
37
+ BRAND_BA_3: string;
38
+ BG_1: string;
39
+ BG_2: string;
40
+ BG_3: string;
41
+ BG_4: string;
42
+ BG_5: string;
43
+ ALERT: string;
44
+ SUCCESS: string;
45
+ WHITE: string;
46
+ BLACK: string;
47
+ };
48
+ export default _default;
package/Theme/colors/index.js ADDED
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib = require('tslib');
6
+ var theme_default = require('./theme_default.js');
7
+ var theme_buenos_aires = require('./theme_buenos_aires.js');
8
+ var common = require('./common.js');
9
+
10
+ var Color = tslib.__assign(tslib.__assign(tslib.__assign({}, common.Color), theme_buenos_aires.Color), theme_default.Color);
11
+
12
+ exports.default = Color;
package/Theme/colors/theme_buenos_aires.d.ts ADDED
@@ -0,0 +1,47 @@
1
+ export declare const PrimaryBA: {
2
+ PRIMARY_BA_1: string;
3
+ PRIMARY_BA_2: string;
4
+ PRIMARY_BA_3: string;
5
+ PRIMARY_BA_4: string;
6
+ PRIMARY_BA_5: string;
7
+ };
8
+ export declare const SecondaryBA: {
9
+ SECONDARY_BA_1: string;
10
+ SECONDARY_BA_2: string;
11
+ SECONDARY_BA_3: string;
12
+ SECONDARY_BA_4: string;
13
+ SECONDARY_BA_5: string;
14
+ };
15
+ export declare const TretiaryBA: {
16
+ TRETIARY_BA_1: string;
17
+ TRETIARY_BA_2: string;
18
+ TRETIARY_BA_3: string;
19
+ TRETIARY_BA_4: string;
20
+ TRETIARY_BA_5: string;
21
+ };
22
+ export declare const BrandBA: {
23
+ BRAND_BA_1: string;
24
+ BRAND_BA_2: string;
25
+ BRAND_BA_3: string;
26
+ };
27
+ export declare const Color: {
28
+ TRETIARY_BA_1: string;
29
+ TRETIARY_BA_2: string;
30
+ TRETIARY_BA_3: string;
31
+ TRETIARY_BA_4: string;
32
+ TRETIARY_BA_5: string;
33
+ SECONDARY_BA_1: string;
34
+ SECONDARY_BA_2: string;
35
+ SECONDARY_BA_3: string;
36
+ SECONDARY_BA_4: string;
37
+ SECONDARY_BA_5: string;
38
+ PRIMARY_BA_1: string;
39
+ PRIMARY_BA_2: string;
40
+ PRIMARY_BA_3: string;
41
+ PRIMARY_BA_4: string;
42
+ PRIMARY_BA_5: string;
43
+ BRAND_BA_1: string;
44
+ BRAND_BA_2: string;
45
+ BRAND_BA_3: string;
46
+ };
47
+ export default Color;
package/Theme/colors/theme_buenos_aires.js ADDED
@@ -0,0 +1,40 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib = require('tslib');
6
+
7
+ var PrimaryBA = {
8
+ PRIMARY_BA_1: "rgba(38, 49, 129, .07)",
9
+ PRIMARY_BA_2: "rgba(38, 49, 129, .3)",
10
+ PRIMARY_BA_3: "rgba(38, 49, 129, .4)",
11
+ PRIMARY_BA_4: "rgba(38, 49, 129, .6)",
12
+ PRIMARY_BA_5: "rgba(38, 49, 129, .8)"
13
+ };
14
+ var SecondaryBA = {
15
+ SECONDARY_BA_1: "#d9d9d9",
16
+ SECONDARY_BA_2: "#bbb",
17
+ SECONDARY_BA_3: "#636363",
18
+ SECONDARY_BA_4: "#313131",
19
+ SECONDARY_BA_5: "#1a1a1a"
20
+ };
21
+ var TretiaryBA = {
22
+ TRETIARY_BA_1: "#EDF1F5",
23
+ TRETIARY_BA_2: "#d3dbe3",
24
+ TRETIARY_BA_3: "#c5cfda",
25
+ TRETIARY_BA_4: "#b1bcc8",
26
+ TRETIARY_BA_5: "#87929d"
27
+ };
28
+ var BrandBA = {
29
+ BRAND_BA_1: "#B54141",
30
+ BRAND_BA_2: "#fffbe9",
31
+ BRAND_BA_3: "#D5D500"
32
+ };
33
+ var Color = tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign({}, BrandBA), PrimaryBA), SecondaryBA), TretiaryBA);
34
+
35
+ exports.BrandBA = BrandBA;
36
+ exports.Color = Color;
37
+ exports.PrimaryBA = PrimaryBA;
38
+ exports.SecondaryBA = SecondaryBA;
39
+ exports.TretiaryBA = TretiaryBA;
40
+ exports.default = Color;
package/Theme/colors/theme_default.d.ts ADDED
@@ -0,0 +1,47 @@
1
+ export declare const Primary: {
2
+ PRIMARY_1: string;
3
+ PRIMARY_2: string;
4
+ PRIMARY_3: string;
5
+ PRIMARY_4: string;
6
+ PRIMARY_5: string;
7
+ };
8
+ export declare const Secondary: {
9
+ SECONDARY_1: string;
10
+ SECONDARY_2: string;
11
+ SECONDARY_3: string;
12
+ SECONDARY_4: string;
13
+ SECONDARY_5: string;
14
+ };
15
+ export declare const Tretiary: {
16
+ TRETIARY_1: string;
17
+ TRETIARY_2: string;
18
+ TRETIARY_3: string;
19
+ TRETIARY_4: string;
20
+ TRETIARY_5: string;
21
+ };
22
+ export declare const Brand: {
23
+ BRAND_DEFAULT_1: string;
24
+ BRAND_DEFAULT_2: string;
25
+ BRAND_DEFAULT_3: string;
26
+ };
27
+ export declare const Color: {
28
+ TRETIARY_1: string;
29
+ TRETIARY_2: string;
30
+ TRETIARY_3: string;
31
+ TRETIARY_4: string;
32
+ TRETIARY_5: string;
33
+ SECONDARY_1: string;
34
+ SECONDARY_2: string;
35
+ SECONDARY_3: string;
36
+ SECONDARY_4: string;
37
+ SECONDARY_5: string;
38
+ PRIMARY_1: string;
39
+ PRIMARY_2: string;
40
+ PRIMARY_3: string;
41
+ PRIMARY_4: string;
42
+ PRIMARY_5: string;
43
+ BRAND_DEFAULT_1: string;
44
+ BRAND_DEFAULT_2: string;
45
+ BRAND_DEFAULT_3: string;
46
+ };
47
+ export default Color;
package/Theme/colors/theme_default.js ADDED
@@ -0,0 +1,40 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib = require('tslib');
6
+
7
+ var Primary = {
8
+ PRIMARY_1: "#E8F0FE",
9
+ PRIMARY_2: "#B8D2FF",
10
+ PRIMARY_3: "#73ABF8",
11
+ PRIMARY_4: "#067AFF",
12
+ PRIMARY_5: "#0066DC"
13
+ };
14
+ var Secondary = {
15
+ SECONDARY_1: "#fff1db",
16
+ SECONDARY_2: "#ffdaa3",
17
+ SECONDARY_3: "#ffca79",
18
+ SECONDARY_4: "#f4b968",
19
+ SECONDARY_5: "#ffab0f"
20
+ };
21
+ var Tretiary = {
22
+ TRETIARY_1: "#FFF5F0",
23
+ TRETIARY_2: "#FFEAE2",
24
+ TRETIARY_3: "#FFD8CA",
25
+ TRETIARY_4: "#FFA384 ",
26
+ TRETIARY_5: "#fc5200"
27
+ };
28
+ var Brand = {
29
+ BRAND_DEFAULT_1: "#F393D2",
30
+ BRAND_DEFAULT_2: "#4BDCF8",
31
+ BRAND_DEFAULT_3: "#D5D500"
32
+ };
33
+ var Color = tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign({}, Brand), Primary), Secondary), Tretiary);
34
+
35
+ exports.Brand = Brand;
36
+ exports.Color = Color;
37
+ exports.Primary = Primary;
38
+ exports.Secondary = Secondary;
39
+ exports.Tretiary = Tretiary;
40
+ exports.default = Color;
package/Theme/themes/buenos_aires.js CHANGED
@@ -2,15 +2,15 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var color = require('../color.js');
5
+ var index = require('../colors/index.js');
6
6
 
7
7
  var THEME_BA = {
8
- "palette-bg-3": color.Color.BG_3,
9
- "palette-black": color.Color.BLACK,
10
- "palette-white": color.Color.WHITE,
11
- "palette-brand-ba-1": color.Color.BRAND_BA_1,
12
- "palette-brand-ba-2": color.Color.BRAND_BA_2,
13
- "palette-brand-ba-3": color.Color.BRAND_BA_3
8
+ "palette-bg-3": index.default.BG_3,
9
+ "palette-black": index.default.BLACK,
10
+ "palette-white": index.default.WHITE,
11
+ "palette-brand-ba-1": index.default.BRAND_BA_1,
12
+ "palette-brand-ba-2": index.default.BRAND_BA_2,
13
+ "palette-brand-ba-3": index.default.BRAND_BA_3
14
14
  };
15
15
 
16
16
  exports.default = THEME_BA;
package/Theme/themes/default.js CHANGED
@@ -2,91 +2,91 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var color = require('../color.js');
5
+ var index = require('../colors/index.js');
6
6
 
7
7
  var THEME_DEFAULT = {
8
- "palette-black": color.Color.BLACK,
9
- "palette-white": color.Color.WHITE,
10
- "palette-bg-1": color.Color.BG_1,
11
- "palette-bg-2": color.Color.BG_2,
12
- "palette-bg-3": color.Color.BG_3,
13
- "palette-bg-4": color.Color.BG_4,
14
- "palette-bg-5": color.Color.BG_5,
15
- "palette-brand-default-1": color.Color.BRAND_DEFAULT_1,
16
- "palette-brand-default-2": color.Color.BRAND_DEFAULT_2,
17
- "palette-brand-default-3": color.Color.BRAND_DEFAULT_3,
18
- "palette-primary-1": color.Color.PRIMARY_1,
19
- "palette-primary-2": color.Color.PRIMARY_2,
20
- "palette-primary-3": color.Color.PRIMARY_3,
21
- "palette-primary-4": color.Color.PRIMARY_4,
22
- "palette-primary-5": color.Color.PRIMARY_5,
23
- "palette-tretiary-1": color.Color.TRETIARY_1,
24
- "palette-tretiary-2": color.Color.TRETIARY_2,
25
- "palette-tretiary-3": color.Color.TRETIARY_3,
26
- "palette-tretiary-4": color.Color.TRETIARY_4,
27
- "palette-tretiary-5": color.Color.TRETIARY_5,
28
- "palette-alert": color.Color.ALERT,
29
- "typography-alert": color.Color.ALERT,
30
- "typography-success": color.Color.SUCCESS,
31
- "typography-secondary": color.Color.BG_3,
8
+ "palette-black": index.default.BLACK,
9
+ "palette-white": index.default.WHITE,
10
+ "palette-bg-1": index.default.BG_1,
11
+ "palette-bg-2": index.default.BG_2,
12
+ "palette-bg-3": index.default.BG_3,
13
+ "palette-bg-4": index.default.BG_4,
14
+ "palette-bg-5": index.default.BG_5,
15
+ "palette-brand-default-1": index.default.BRAND_DEFAULT_1,
16
+ "palette-brand-default-2": index.default.BRAND_DEFAULT_2,
17
+ "palette-brand-default-3": index.default.BRAND_DEFAULT_3,
18
+ "palette-primary-1": index.default.PRIMARY_1,
19
+ "palette-primary-2": index.default.PRIMARY_2,
20
+ "palette-primary-3": index.default.PRIMARY_3,
21
+ "palette-primary-4": index.default.PRIMARY_4,
22
+ "palette-primary-5": index.default.PRIMARY_5,
23
+ "palette-tretiary-1": index.default.TRETIARY_1,
24
+ "palette-tretiary-2": index.default.TRETIARY_2,
25
+ "palette-tretiary-3": index.default.TRETIARY_3,
26
+ "palette-tretiary-4": index.default.TRETIARY_4,
27
+ "palette-tretiary-5": index.default.TRETIARY_5,
28
+ "palette-alert": index.default.ALERT,
29
+ "typography-alert": index.default.ALERT,
30
+ "typography-success": index.default.SUCCESS,
31
+ "typography-secondary": index.default.BG_3,
32
32
  "button-border-radius": "26px",
33
- "button-primary-color": color.Color.WHITE,
34
- "button-primary-background-color": color.Color.PRIMARY_4,
35
- "button-primary-border-color": color.Color.PRIMARY_4,
36
- "button-primary-color-hovered": color.Color.WHITE,
37
- "button-primary-background-color-hovered": color.Color.PRIMARY_5,
38
- "button-primary-border-color-hovered": color.Color.PRIMARY_5,
39
- "button-primary-color-active": color.Color.WHITE,
40
- "button-primary-background-color-active": color.Color.PRIMARY_5,
41
- "button-primary-border-color-active": color.Color.PRIMARY_5,
42
- "button-primary-color-disabled": color.Color.PRIMARY_2,
43
- "button-primary-background-color-disabled": color.Color.PRIMARY_1,
44
- "button-primary-border-color-disabled": color.Color.PRIMARY_1,
45
- "button-secondary-color": color.Color.WHITE,
46
- "button-secondary-background-color": color.Color.SECONDARY_4,
47
- "button-secondary-border-color": color.Color.SECONDARY_4,
48
- "button-secondary-color-hovered": color.Color.WHITE,
49
- "button-secondary-background-color-hovered": color.Color.SECONDARY_5,
50
- "button-secondary-border-color-hovered": color.Color.SECONDARY_5,
51
- "button-secondary-color-active": color.Color.WHITE,
52
- "button-secondary-background-color-active": color.Color.SECONDARY_5,
53
- "button-secondary-border-color-active": color.Color.SECONDARY_5,
54
- "button-secondary-color-disabled": color.Color.SECONDARY_2,
55
- "button-secondary-background-color-disabled": color.Color.SECONDARY_1,
56
- "button-secondary-border-color-disabled": color.Color.SECONDARY_1,
57
- "button-pseudo-color": color.Color.TRETIARY_5,
58
- "button-pseudo-background-color": color.Color.WHITE,
59
- "button-pseudo-border-color": color.Color.WHITE,
60
- "button-pseudo-color-hovered": color.Color.TRETIARY_5,
61
- "button-pseudo-background-color-hovered": color.Color.TRETIARY_2,
62
- "button-pseudo-border-color-hovered": color.Color.TRETIARY_2,
63
- "button-pseudo-color-active": color.Color.TRETIARY_5,
64
- "button-pseudo-background-color-active": color.Color.TRETIARY_2,
65
- "button-pseudo-border-color-active": color.Color.TRETIARY_2,
66
- "button-pseudo-color-disabled": color.Color.SECONDARY_2,
67
- "button-pseudo-background-color-disabled": color.Color.SECONDARY_1,
68
- "button-pseudo-border-color-disabled": color.Color.SECONDARY_1,
69
- "button-clear-color": color.Color.PRIMARY_4,
70
- "button-clear-color-hovered": color.Color.PRIMARY_5,
71
- "button-clear-color-active": color.Color.PRIMARY_5,
72
- "input-primary-border-color": color.Color.BG_3,
73
- "input-primary-plaseholder-color": color.Color.BG_2,
74
- "checkbox-primary-background-color-checked": color.Color.PRIMARY_4,
75
- "checkbox-primary-background-color-hovered": color.Color.PRIMARY_4,
76
- "checkbox-primary-box-shadow-focused": color.Color.PRIMARY_1,
77
- "checkbox-primary-background-color-active": color.Color.PRIMARY_4,
78
- "checkbox-primary-border-color-active": color.Color.PRIMARY_4,
79
- "checkbox-primary-box-shadow-active": color.Color.PRIMARY_4,
80
- "checkbox-primary-background-color-disabled": color.Color.PRIMARY_1,
81
- "inputradio-primary-background-color-checked": color.Color.PRIMARY_4,
82
- "inputradio-primary-background-color-hovered": color.Color.PRIMARY_4,
83
- "inputradio-primary-box-shadow-focused": color.Color.PRIMARY_1,
84
- "inputradio-primary-background-color-focused": color.Color.PRIMARY_1,
85
- "inputradio-primary-border-color-focused": color.Color.PRIMARY_1,
86
- "switch-primary-background-color": color.Color.BG_2,
87
- "switch-primary-border-color": color.Color.BG_2,
88
- "switch-primary-background-color-checked": color.Color.PRIMARY_5,
89
- "switch-primary-border-color-checked": color.Color.PRIMARY_5
33
+ "button-primary-color": index.default.WHITE,
34
+ "button-primary-background-color": index.default.PRIMARY_4,
35
+ "button-primary-border-color": index.default.PRIMARY_4,
36
+ "button-primary-color-hovered": index.default.WHITE,
37
+ "button-primary-background-color-hovered": index.default.PRIMARY_5,
38
+ "button-primary-border-color-hovered": index.default.PRIMARY_5,
39
+ "button-primary-color-active": index.default.WHITE,
40
+ "button-primary-background-color-active": index.default.PRIMARY_5,
41
+ "button-primary-border-color-active": index.default.PRIMARY_5,
42
+ "button-primary-color-disabled": index.default.PRIMARY_2,
43
+ "button-primary-background-color-disabled": index.default.PRIMARY_1,
44
+ "button-primary-border-color-disabled": index.default.PRIMARY_1,
45
+ "button-secondary-color": index.default.WHITE,
46
+ "button-secondary-background-color": index.default.SECONDARY_4,
47
+ "button-secondary-border-color": index.default.SECONDARY_4,
48
+ "button-secondary-color-hovered": index.default.WHITE,
49
+ "button-secondary-background-color-hovered": index.default.SECONDARY_5,
50
+ "button-secondary-border-color-hovered": index.default.SECONDARY_5,
51
+ "button-secondary-color-active": index.default.WHITE,
52
+ "button-secondary-background-color-active": index.default.SECONDARY_5,
53
+ "button-secondary-border-color-active": index.default.SECONDARY_5,
54
+ "button-secondary-color-disabled": index.default.SECONDARY_2,
55
+ "button-secondary-background-color-disabled": index.default.SECONDARY_1,
56
+ "button-secondary-border-color-disabled": index.default.SECONDARY_1,
57
+ "button-pseudo-color": index.default.TRETIARY_5,
58
+ "button-pseudo-background-color": index.default.WHITE,
59
+ "button-pseudo-border-color": index.default.WHITE,
60
+ "button-pseudo-color-hovered": index.default.TRETIARY_5,
61
+ "button-pseudo-background-color-hovered": index.default.TRETIARY_2,
62
+ "button-pseudo-border-color-hovered": index.default.TRETIARY_2,
63
+ "button-pseudo-color-active": index.default.TRETIARY_5,
64
+ "button-pseudo-background-color-active": index.default.TRETIARY_2,
65
+ "button-pseudo-border-color-active": index.default.TRETIARY_2,
66
+ "button-pseudo-color-disabled": index.default.SECONDARY_2,
67
+ "button-pseudo-background-color-disabled": index.default.SECONDARY_1,
68
+ "button-pseudo-border-color-disabled": index.default.SECONDARY_1,
69
+ "button-clear-color": index.default.PRIMARY_4,
70
+ "button-clear-color-hovered": index.default.PRIMARY_5,
71
+ "button-clear-color-active": index.default.PRIMARY_5,
72
+ "input-primary-border-color": index.default.BG_3,
73
+ "input-primary-plaseholder-color": index.default.BG_2,
74
+ "checkbox-primary-background-color-checked": index.default.PRIMARY_4,
75
+ "checkbox-primary-background-color-hovered": index.default.PRIMARY_4,
76
+ "checkbox-primary-box-shadow-focused": index.default.PRIMARY_1,
77
+ "checkbox-primary-background-color-active": index.default.PRIMARY_4,
78
+ "checkbox-primary-border-color-active": index.default.PRIMARY_4,
79
+ "checkbox-primary-box-shadow-active": index.default.PRIMARY_4,
80
+ "checkbox-primary-background-color-disabled": index.default.PRIMARY_1,
81
+ "inputradio-primary-background-color-checked": index.default.PRIMARY_4,
82
+ "inputradio-primary-background-color-hovered": index.default.PRIMARY_4,
83
+ "inputradio-primary-box-shadow-focused": index.default.PRIMARY_1,
84
+ "inputradio-primary-background-color-focused": index.default.PRIMARY_1,
85
+ "inputradio-primary-border-color-focused": index.default.PRIMARY_1,
86
+ "switch-primary-background-color": index.default.BG_2,
87
+ "switch-primary-border-color": index.default.BG_2,
88
+ "switch-primary-background-color-checked": index.default.PRIMARY_5,
89
+ "switch-primary-border-color-checked": index.default.PRIMARY_5
90
90
  };
91
91
 
92
92
  exports.default = THEME_DEFAULT;
package/esm/Grid/Item/index.js CHANGED
@@ -7,9 +7,11 @@ var GridItem = function GridItem(_a) {
7
7
  var children = _a.children,
8
8
  _c = _a.fullWidth,
9
9
  fullWidth = _c === void 0 ? false : _c,
10
- className = _a.className;
10
+ className = _a.className,
11
+ style = _a.style;
11
12
  return /*#__PURE__*/React.createElement("div", {
12
- className: classNames(styles.item, (_b = {}, _b[styles.full] = fullWidth, _b), className)
13
+ className: classNames(styles.item, (_b = {}, _b[styles.full] = fullWidth, _b), className),
14
+ style: style
13
15
  }, children);
14
16
  };
15
17
 
package/esm/Grid/Item/index.props.d.ts CHANGED
@@ -1,6 +1,7 @@
1
- import type { ReactNode } from "react";
1
+ import type { CSSProperties, ReactNode } from "react";
2
2
  export type GridItemProps = {
3
3
  children: ReactNode;
4
4
  fullWidth?: boolean;
5
5
  className?: string;
6
+ style?: CSSProperties;
6
7
  };
package/esm/RadioGroup/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
- import React, { FC } from "react";
1
+ import React from "react";
2
+ import type { FC } from "react";
2
3
  export interface Option {
3
4
  id?: string;
4
5
  val: string | number;
package/esm/Theme/colors/common.d.ts ADDED
@@ -0,0 +1,27 @@
1
+ export declare const Common: {
2
+ WHITE: string;
3
+ BLACK: string;
4
+ };
5
+ export declare const Backgrounds: {
6
+ BG_1: string;
7
+ BG_2: string;
8
+ BG_3: string;
9
+ BG_4: string;
10
+ BG_5: string;
11
+ };
12
+ export declare const Accents: {
13
+ ALERT: string;
14
+ SUCCESS: string;
15
+ };
16
+ export declare const Color: {
17
+ BG_1: string;
18
+ BG_2: string;
19
+ BG_3: string;
20
+ BG_4: string;
21
+ BG_5: string;
22
+ ALERT: string;
23
+ SUCCESS: string;
24
+ WHITE: string;
25
+ BLACK: string;
26
+ };
27
+ export default Color;
package/esm/Theme/colors/common.js ADDED
@@ -0,0 +1,20 @@
1
+ import { __assign } from 'tslib';
2
+
3
+ var Common = {
4
+ WHITE: "#fff",
5
+ BLACK: "#000"
6
+ };
7
+ var Backgrounds = {
8
+ BG_1: "#f2f2f2",
9
+ BG_2: "#e6e6e6",
10
+ BG_3: "#dbdbdb",
11
+ BG_4: "#b3b3b3",
12
+ BG_5: "#999"
13
+ };
14
+ var Accents = {
15
+ ALERT: "#ff564e",
16
+ SUCCESS: "#28bc00"
17
+ };
18
+ var Color = __assign(__assign(__assign({}, Common), Accents), Backgrounds);
19
+
20
+ export { Accents, Backgrounds, Color, Common, Color as default };
package/esm/Theme/colors/index.d.ts ADDED
@@ -0,0 +1,48 @@
1
+ declare const _default: {
2
+ TRETIARY_1: string;
3
+ TRETIARY_2: string;
4
+ TRETIARY_3: string;
5
+ TRETIARY_4: string;
6
+ TRETIARY_5: string;
7
+ SECONDARY_1: string;
8
+ SECONDARY_2: string;
9
+ SECONDARY_3: string;
10
+ SECONDARY_4: string;
11
+ SECONDARY_5: string;
12
+ PRIMARY_1: string;
13
+ PRIMARY_2: string;
14
+ PRIMARY_3: string;
15
+ PRIMARY_4: string;
16
+ PRIMARY_5: string;
17
+ BRAND_DEFAULT_1: string;
18
+ BRAND_DEFAULT_2: string;
19
+ BRAND_DEFAULT_3: string;
20
+ TRETIARY_BA_1: string;
21
+ TRETIARY_BA_2: string;
22
+ TRETIARY_BA_3: string;
23
+ TRETIARY_BA_4: string;
24
+ TRETIARY_BA_5: string;
25
+ SECONDARY_BA_1: string;
26
+ SECONDARY_BA_2: string;
27
+ SECONDARY_BA_3: string;
28
+ SECONDARY_BA_4: string;
29
+ SECONDARY_BA_5: string;
30
+ PRIMARY_BA_1: string;
31
+ PRIMARY_BA_2: string;
32
+ PRIMARY_BA_3: string;
33
+ PRIMARY_BA_4: string;
34
+ PRIMARY_BA_5: string;
35
+ BRAND_BA_1: string;
36
+ BRAND_BA_2: string;
37
+ BRAND_BA_3: string;
38
+ BG_1: string;
39
+ BG_2: string;
40
+ BG_3: string;
41
+ BG_4: string;
42
+ BG_5: string;
43
+ ALERT: string;
44
+ SUCCESS: string;
45
+ WHITE: string;
46
+ BLACK: string;
47
+ };
48
+ export default _default;
package/esm/Theme/colors/index.js ADDED
@@ -0,0 +1,8 @@
1
+ import { __assign } from 'tslib';
2
+ import { Color as Color$3 } from './theme_default.js';
3
+ import { Color as Color$2 } from './theme_buenos_aires.js';
4
+ import { Color as Color$1 } from './common.js';
5
+
6
+ var Color = __assign(__assign(__assign({}, Color$1), Color$2), Color$3);
7
+
8
+ export { Color as default };
package/esm/Theme/colors/theme_buenos_aires.d.ts ADDED
@@ -0,0 +1,47 @@
1
+ export declare const PrimaryBA: {
2
+ PRIMARY_BA_1: string;
3
+ PRIMARY_BA_2: string;
4
+ PRIMARY_BA_3: string;
5
+ PRIMARY_BA_4: string;
6
+ PRIMARY_BA_5: string;
7
+ };
8
+ export declare const SecondaryBA: {
9
+ SECONDARY_BA_1: string;
10
+ SECONDARY_BA_2: string;
11
+ SECONDARY_BA_3: string;
12
+ SECONDARY_BA_4: string;
13
+ SECONDARY_BA_5: string;
14
+ };
15
+ export declare const TretiaryBA: {
16
+ TRETIARY_BA_1: string;
17
+ TRETIARY_BA_2: string;
18
+ TRETIARY_BA_3: string;
19
+ TRETIARY_BA_4: string;
20
+ TRETIARY_BA_5: string;
21
+ };
22
+ export declare const BrandBA: {
23
+ BRAND_BA_1: string;
24
+ BRAND_BA_2: string;
25
+ BRAND_BA_3: string;
26
+ };
27
+ export declare const Color: {
28
+ TRETIARY_BA_1: string;
29
+ TRETIARY_BA_2: string;
30
+ TRETIARY_BA_3: string;
31
+ TRETIARY_BA_4: string;
32
+ TRETIARY_BA_5: string;
33
+ SECONDARY_BA_1: string;
34
+ SECONDARY_BA_2: string;
35
+ SECONDARY_BA_3: string;
36
+ SECONDARY_BA_4: string;
37
+ SECONDARY_BA_5: string;
38
+ PRIMARY_BA_1: string;
39
+ PRIMARY_BA_2: string;
40
+ PRIMARY_BA_3: string;
41
+ PRIMARY_BA_4: string;
42
+ PRIMARY_BA_5: string;
43
+ BRAND_BA_1: string;
44
+ BRAND_BA_2: string;
45
+ BRAND_BA_3: string;
46
+ };
47
+ export default Color;
package/esm/Theme/colors/theme_buenos_aires.js ADDED
@@ -0,0 +1,31 @@
1
+ import { __assign } from 'tslib';
2
+
3
+ var PrimaryBA = {
4
+ PRIMARY_BA_1: "rgba(38, 49, 129, .07)",
5
+ PRIMARY_BA_2: "rgba(38, 49, 129, .3)",
6
+ PRIMARY_BA_3: "rgba(38, 49, 129, .4)",
7
+ PRIMARY_BA_4: "rgba(38, 49, 129, .6)",
8
+ PRIMARY_BA_5: "rgba(38, 49, 129, .8)"
9
+ };
10
+ var SecondaryBA = {
11
+ SECONDARY_BA_1: "#d9d9d9",
12
+ SECONDARY_BA_2: "#bbb",
13
+ SECONDARY_BA_3: "#636363",
14
+ SECONDARY_BA_4: "#313131",
15
+ SECONDARY_BA_5: "#1a1a1a"
16
+ };
17
+ var TretiaryBA = {
18
+ TRETIARY_BA_1: "#EDF1F5",
19
+ TRETIARY_BA_2: "#d3dbe3",
20
+ TRETIARY_BA_3: "#c5cfda",
21
+ TRETIARY_BA_4: "#b1bcc8",
22
+ TRETIARY_BA_5: "#87929d"
23
+ };
24
+ var BrandBA = {
25
+ BRAND_BA_1: "#B54141",
26
+ BRAND_BA_2: "#fffbe9",
27
+ BRAND_BA_3: "#D5D500"
28
+ };
29
+ var Color = __assign(__assign(__assign(__assign({}, BrandBA), PrimaryBA), SecondaryBA), TretiaryBA);
30
+
31
+ export { BrandBA, Color, PrimaryBA, SecondaryBA, TretiaryBA, Color as default };
package/esm/Theme/colors/theme_default.d.ts ADDED
@@ -0,0 +1,47 @@
1
+ export declare const Primary: {
2
+ PRIMARY_1: string;
3
+ PRIMARY_2: string;
4
+ PRIMARY_3: string;
5
+ PRIMARY_4: string;
6
+ PRIMARY_5: string;
7
+ };
8
+ export declare const Secondary: {
9
+ SECONDARY_1: string;
10
+ SECONDARY_2: string;
11
+ SECONDARY_3: string;
12
+ SECONDARY_4: string;
13
+ SECONDARY_5: string;
14
+ };
15
+ export declare const Tretiary: {
16
+ TRETIARY_1: string;
17
+ TRETIARY_2: string;
18
+ TRETIARY_3: string;
19
+ TRETIARY_4: string;
20
+ TRETIARY_5: string;
21
+ };
22
+ export declare const Brand: {
23
+ BRAND_DEFAULT_1: string;
24
+ BRAND_DEFAULT_2: string;
25
+ BRAND_DEFAULT_3: string;
26
+ };
27
+ export declare const Color: {
28
+ TRETIARY_1: string;
29
+ TRETIARY_2: string;
30
+ TRETIARY_3: string;
31
+ TRETIARY_4: string;
32
+ TRETIARY_5: string;
33
+ SECONDARY_1: string;
34
+ SECONDARY_2: string;
35
+ SECONDARY_3: string;
36
+ SECONDARY_4: string;
37
+ SECONDARY_5: string;
38
+ PRIMARY_1: string;
39
+ PRIMARY_2: string;
40
+ PRIMARY_3: string;
41
+ PRIMARY_4: string;
42
+ PRIMARY_5: string;
43
+ BRAND_DEFAULT_1: string;
44
+ BRAND_DEFAULT_2: string;
45
+ BRAND_DEFAULT_3: string;
46
+ };
47
+ export default Color;
package/esm/Theme/colors/theme_default.js ADDED
@@ -0,0 +1,31 @@
1
+ import { __assign } from 'tslib';
2
+
3
+ var Primary = {
4
+ PRIMARY_1: "#E8F0FE",
5
+ PRIMARY_2: "#B8D2FF",
6
+ PRIMARY_3: "#73ABF8",
7
+ PRIMARY_4: "#067AFF",
8
+ PRIMARY_5: "#0066DC"
9
+ };
10
+ var Secondary = {
11
+ SECONDARY_1: "#fff1db",
12
+ SECONDARY_2: "#ffdaa3",
13
+ SECONDARY_3: "#ffca79",
14
+ SECONDARY_4: "#f4b968",
15
+ SECONDARY_5: "#ffab0f"
16
+ };
17
+ var Tretiary = {
18
+ TRETIARY_1: "#FFF5F0",
19
+ TRETIARY_2: "#FFEAE2",
20
+ TRETIARY_3: "#FFD8CA",
21
+ TRETIARY_4: "#FFA384 ",
22
+ TRETIARY_5: "#fc5200"
23
+ };
24
+ var Brand = {
25
+ BRAND_DEFAULT_1: "#F393D2",
26
+ BRAND_DEFAULT_2: "#4BDCF8",
27
+ BRAND_DEFAULT_3: "#D5D500"
28
+ };
29
+ var Color = __assign(__assign(__assign(__assign({}, Brand), Primary), Secondary), Tretiary);
30
+
31
+ export { Brand, Color, Primary, Secondary, Tretiary, Color as default };
package/esm/Theme/themes/buenos_aires.js CHANGED
@@ -1,4 +1,4 @@
1
- import { Color } from '../color.js';
1
+ import Color from '../colors/index.js';
2
2
 
3
3
  var THEME_BA = {
4
4
  "palette-bg-3": Color.BG_3,
package/esm/Theme/themes/default.js CHANGED
@@ -1,4 +1,4 @@
1
- import { Color } from '../color.js';
1
+ import Color from '../colors/index.js';
2
2
 
3
3
  var THEME_DEFAULT = {
4
4
  "palette-black": Color.BLACK,
package/esm/index.d.ts CHANGED
@@ -11,7 +11,7 @@ export { default as Input } from "./Input";
11
11
  export { default as Menu } from "./Menu";
12
12
  export { default as Modal } from "./Modal";
13
13
  export { default as Portal } from "./Portal";
14
- export { default as RadioGroup } from './RadioGroup';
14
+ export { default as RadioGroup } from "./RadioGroup";
15
15
  export { default as Select } from "./Select";
16
16
  export { default as Separator } from "./Separator";
17
17
  export { SkeletonText, SkeletonRect } from "./Skeleton";
package/index.d.ts CHANGED
@@ -11,7 +11,7 @@ export { default as Input } from "./Input";
11
11
  export { default as Menu } from "./Menu";
12
12
  export { default as Modal } from "./Modal";
13
13
  export { default as Portal } from "./Portal";
14
- export { default as RadioGroup } from './RadioGroup';
14
+ export { default as RadioGroup } from "./RadioGroup";
15
15
  export { default as Select } from "./Select";
16
16
  export { default as Separator } from "./Separator";
17
17
  export { SkeletonText, SkeletonRect } from "./Skeleton";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "colibri-ui",
3
- "version": "0.7.57",
3
+ "version": "0.7.58",
4
4
  "description": "React UI components library",
5
5
  "main": "index.js",
6
6
  "scripts": {},
package/Theme/color.d.ts DELETED
@@ -1,118 +0,0 @@
1
- export declare const Primary: {
2
- PRIMARY_1: string;
3
- PRIMARY_2: string;
4
- PRIMARY_3: string;
5
- PRIMARY_4: string;
6
- PRIMARY_5: string;
7
- };
8
- export declare const Secondary: {
9
- SECONDARY_1: string;
10
- SECONDARY_2: string;
11
- SECONDARY_3: string;
12
- SECONDARY_4: string;
13
- SECONDARY_5: string;
14
- };
15
- export declare const Tretiary: {
16
- TRETIARY_1: string;
17
- TRETIARY_2: string;
18
- TRETIARY_3: string;
19
- TRETIARY_4: string;
20
- TRETIARY_5: string;
21
- };
22
- export declare const PrimaryBA: {
23
- PRIMARY_BA_1: string;
24
- PRIMARY_BA_2: string;
25
- PRIMARY_BA_3: string;
26
- PRIMARY_BA_4: string;
27
- PRIMARY_BA_5: string;
28
- };
29
- export declare const SecondaryBA: {
30
- SECONDARY_BA_1: string;
31
- SECONDARY_BA_2: string;
32
- SECONDARY_BA_3: string;
33
- SECONDARY_BA_4: string;
34
- SECONDARY_BA_5: string;
35
- };
36
- export declare const TretiaryBA: {
37
- TRETIARY_BA_1: string;
38
- TRETIARY_BA_2: string;
39
- TRETIARY_BA_3: string;
40
- TRETIARY_BA_4: string;
41
- TRETIARY_BA_5: string;
42
- };
43
- export declare const BrandDefault: {
44
- BRAND_DEFAULT_1: string;
45
- BRAND_DEFAULT_2: string;
46
- BRAND_DEFAULT_3: string;
47
- };
48
- export declare const BrandBA: {
49
- BRAND_BA_1: string;
50
- BRAND_BA_2: string;
51
- BRAND_BA_3: string;
52
- };
53
- export declare const Common: {
54
- WHITE: string;
55
- BLACK: string;
56
- };
57
- export declare const Backgrounds: {
58
- BG_1: string;
59
- BG_2: string;
60
- BG_3: string;
61
- BG_4: string;
62
- BG_5: string;
63
- };
64
- export declare const Accents: {
65
- ALERT: string;
66
- SUCCESS: string;
67
- };
68
- export type ColorsTheme = {
69
- [key: string]: string;
70
- };
71
- export declare const Color: {
72
- TRETIARY_BA_1: string;
73
- TRETIARY_BA_2: string;
74
- TRETIARY_BA_3: string;
75
- TRETIARY_BA_4: string;
76
- TRETIARY_BA_5: string;
77
- SECONDARY_BA_1: string;
78
- SECONDARY_BA_2: string;
79
- SECONDARY_BA_3: string;
80
- SECONDARY_BA_4: string;
81
- SECONDARY_BA_5: string;
82
- PRIMARY_BA_1: string;
83
- PRIMARY_BA_2: string;
84
- PRIMARY_BA_3: string;
85
- PRIMARY_BA_4: string;
86
- PRIMARY_BA_5: string;
87
- TRETIARY_1: string;
88
- TRETIARY_2: string;
89
- TRETIARY_3: string;
90
- TRETIARY_4: string;
91
- TRETIARY_5: string;
92
- SECONDARY_1: string;
93
- SECONDARY_2: string;
94
- SECONDARY_3: string;
95
- SECONDARY_4: string;
96
- SECONDARY_5: string;
97
- PRIMARY_1: string;
98
- PRIMARY_2: string;
99
- PRIMARY_3: string;
100
- PRIMARY_4: string;
101
- PRIMARY_5: string;
102
- BG_1: string;
103
- BG_2: string;
104
- BG_3: string;
105
- BG_4: string;
106
- BG_5: string;
107
- BRAND_BA_1: string;
108
- BRAND_BA_2: string;
109
- BRAND_BA_3: string;
110
- BRAND_DEFAULT_1: string;
111
- BRAND_DEFAULT_2: string;
112
- BRAND_DEFAULT_3: string;
113
- ALERT: string;
114
- SUCCESS: string;
115
- WHITE: string;
116
- BLACK: string;
117
- };
118
- export default Color;
package/Theme/color.js DELETED
@@ -1,88 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var tslib = require('tslib');
6
-
7
- var Primary = {
8
- PRIMARY_1: "#E8F0FE",
9
- PRIMARY_2: "#B8D2FF",
10
- PRIMARY_3: "#73ABF8",
11
- PRIMARY_4: "#067AFF",
12
- PRIMARY_5: "#0066DC"
13
- };
14
- var Secondary = {
15
- SECONDARY_1: "#fff1db",
16
- SECONDARY_2: "#ffdaa3",
17
- SECONDARY_3: "#ffca79",
18
- SECONDARY_4: "#f4b968",
19
- SECONDARY_5: "#ffab0f"
20
- };
21
- var Tretiary = {
22
- TRETIARY_1: "#FFF5F0",
23
- TRETIARY_2: "#FFEAE2",
24
- TRETIARY_3: "#FFD8CA",
25
- TRETIARY_4: "#FFA384 ",
26
- TRETIARY_5: "#fc5200"
27
- };
28
- var PrimaryBA = {
29
- PRIMARY_BA_1: "rgba(38, 49, 129, .07)",
30
- PRIMARY_BA_2: "rgba(38, 49, 129, .3)",
31
- PRIMARY_BA_3: "rgba(38, 49, 129, .4)",
32
- PRIMARY_BA_4: "rgba(38, 49, 129, .6)",
33
- PRIMARY_BA_5: "rgba(38, 49, 129, .8)"
34
- };
35
- var SecondaryBA = {
36
- SECONDARY_BA_1: "#d9d9d9",
37
- SECONDARY_BA_2: "#bbb",
38
- SECONDARY_BA_3: "#636363",
39
- SECONDARY_BA_4: "#313131",
40
- SECONDARY_BA_5: "#1a1a1a"
41
- };
42
- var TretiaryBA = {
43
- TRETIARY_BA_1: "#EDF1F5",
44
- TRETIARY_BA_2: "#d3dbe3",
45
- TRETIARY_BA_3: "#c5cfda",
46
- TRETIARY_BA_4: "#b1bcc8",
47
- TRETIARY_BA_5: "#87929d"
48
- };
49
- var BrandDefault = {
50
- BRAND_DEFAULT_1: "#F393D2",
51
- BRAND_DEFAULT_2: "#4BDCF8",
52
- BRAND_DEFAULT_3: "#D5D500"
53
- };
54
- var BrandBA = {
55
- BRAND_BA_1: "#B54141",
56
- BRAND_BA_2: "#fffbe9",
57
- BRAND_BA_3: "#D5D500"
58
- };
59
- var Common = {
60
- WHITE: "#fff",
61
- BLACK: "#000"
62
- };
63
- var Backgrounds = {
64
- BG_1: "#f2f2f2",
65
- BG_2: "#e6e6e6",
66
- BG_3: "#dbdbdb",
67
- BG_4: "#b3b3b3",
68
- BG_5: "#999"
69
- };
70
- var Accents = {
71
- ALERT: "#ff564e",
72
- SUCCESS: "#28bc00"
73
- };
74
- var Color = tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign({}, Common), Accents), BrandDefault), BrandBA), Backgrounds), Primary), Secondary), Tretiary), PrimaryBA), SecondaryBA), TretiaryBA);
75
-
76
- exports.Accents = Accents;
77
- exports.Backgrounds = Backgrounds;
78
- exports.BrandBA = BrandBA;
79
- exports.BrandDefault = BrandDefault;
80
- exports.Color = Color;
81
- exports.Common = Common;
82
- exports.Primary = Primary;
83
- exports.PrimaryBA = PrimaryBA;
84
- exports.Secondary = Secondary;
85
- exports.SecondaryBA = SecondaryBA;
86
- exports.Tretiary = Tretiary;
87
- exports.TretiaryBA = TretiaryBA;
88
- exports.default = Color;
package/esm/Theme/color.d.ts DELETED
@@ -1,118 +0,0 @@
1
- export declare const Primary: {
2
- PRIMARY_1: string;
3
- PRIMARY_2: string;
4
- PRIMARY_3: string;
5
- PRIMARY_4: string;
6
- PRIMARY_5: string;
7
- };
8
- export declare const Secondary: {
9
- SECONDARY_1: string;
10
- SECONDARY_2: string;
11
- SECONDARY_3: string;
12
- SECONDARY_4: string;
13
- SECONDARY_5: string;
14
- };
15
- export declare const Tretiary: {
16
- TRETIARY_1: string;
17
- TRETIARY_2: string;
18
- TRETIARY_3: string;
19
- TRETIARY_4: string;
20
- TRETIARY_5: string;
21
- };
22
- export declare const PrimaryBA: {
23
- PRIMARY_BA_1: string;
24
- PRIMARY_BA_2: string;
25
- PRIMARY_BA_3: string;
26
- PRIMARY_BA_4: string;
27
- PRIMARY_BA_5: string;
28
- };
29
- export declare const SecondaryBA: {
30
- SECONDARY_BA_1: string;
31
- SECONDARY_BA_2: string;
32
- SECONDARY_BA_3: string;
33
- SECONDARY_BA_4: string;
34
- SECONDARY_BA_5: string;
35
- };
36
- export declare const TretiaryBA: {
37
- TRETIARY_BA_1: string;
38
- TRETIARY_BA_2: string;
39
- TRETIARY_BA_3: string;
40
- TRETIARY_BA_4: string;
41
- TRETIARY_BA_5: string;
42
- };
43
- export declare const BrandDefault: {
44
- BRAND_DEFAULT_1: string;
45
- BRAND_DEFAULT_2: string;
46
- BRAND_DEFAULT_3: string;
47
- };
48
- export declare const BrandBA: {
49
- BRAND_BA_1: string;
50
- BRAND_BA_2: string;
51
- BRAND_BA_3: string;
52
- };
53
- export declare const Common: {
54
- WHITE: string;
55
- BLACK: string;
56
- };
57
- export declare const Backgrounds: {
58
- BG_1: string;
59
- BG_2: string;
60
- BG_3: string;
61
- BG_4: string;
62
- BG_5: string;
63
- };
64
- export declare const Accents: {
65
- ALERT: string;
66
- SUCCESS: string;
67
- };
68
- export type ColorsTheme = {
69
- [key: string]: string;
70
- };
71
- export declare const Color: {
72
- TRETIARY_BA_1: string;
73
- TRETIARY_BA_2: string;
74
- TRETIARY_BA_3: string;
75
- TRETIARY_BA_4: string;
76
- TRETIARY_BA_5: string;
77
- SECONDARY_BA_1: string;
78
- SECONDARY_BA_2: string;
79
- SECONDARY_BA_3: string;
80
- SECONDARY_BA_4: string;
81
- SECONDARY_BA_5: string;
82
- PRIMARY_BA_1: string;
83
- PRIMARY_BA_2: string;
84
- PRIMARY_BA_3: string;
85
- PRIMARY_BA_4: string;
86
- PRIMARY_BA_5: string;
87
- TRETIARY_1: string;
88
- TRETIARY_2: string;
89
- TRETIARY_3: string;
90
- TRETIARY_4: string;
91
- TRETIARY_5: string;
92
- SECONDARY_1: string;
93
- SECONDARY_2: string;
94
- SECONDARY_3: string;
95
- SECONDARY_4: string;
96
- SECONDARY_5: string;
97
- PRIMARY_1: string;
98
- PRIMARY_2: string;
99
- PRIMARY_3: string;
100
- PRIMARY_4: string;
101
- PRIMARY_5: string;
102
- BG_1: string;
103
- BG_2: string;
104
- BG_3: string;
105
- BG_4: string;
106
- BG_5: string;
107
- BRAND_BA_1: string;
108
- BRAND_BA_2: string;
109
- BRAND_BA_3: string;
110
- BRAND_DEFAULT_1: string;
111
- BRAND_DEFAULT_2: string;
112
- BRAND_DEFAULT_3: string;
113
- ALERT: string;
114
- SUCCESS: string;
115
- WHITE: string;
116
- BLACK: string;
117
- };
118
- export default Color;
package/esm/Theme/color.js DELETED
@@ -1,72 +0,0 @@
1
- import { __assign } from 'tslib';
2
-
3
- var Primary = {
4
- PRIMARY_1: "#E8F0FE",
5
- PRIMARY_2: "#B8D2FF",
6
- PRIMARY_3: "#73ABF8",
7
- PRIMARY_4: "#067AFF",
8
- PRIMARY_5: "#0066DC"
9
- };
10
- var Secondary = {
11
- SECONDARY_1: "#fff1db",
12
- SECONDARY_2: "#ffdaa3",
13
- SECONDARY_3: "#ffca79",
14
- SECONDARY_4: "#f4b968",
15
- SECONDARY_5: "#ffab0f"
16
- };
17
- var Tretiary = {
18
- TRETIARY_1: "#FFF5F0",
19
- TRETIARY_2: "#FFEAE2",
20
- TRETIARY_3: "#FFD8CA",
21
- TRETIARY_4: "#FFA384 ",
22
- TRETIARY_5: "#fc5200"
23
- };
24
- var PrimaryBA = {
25
- PRIMARY_BA_1: "rgba(38, 49, 129, .07)",
26
- PRIMARY_BA_2: "rgba(38, 49, 129, .3)",
27
- PRIMARY_BA_3: "rgba(38, 49, 129, .4)",
28
- PRIMARY_BA_4: "rgba(38, 49, 129, .6)",
29
- PRIMARY_BA_5: "rgba(38, 49, 129, .8)"
30
- };
31
- var SecondaryBA = {
32
- SECONDARY_BA_1: "#d9d9d9",
33
- SECONDARY_BA_2: "#bbb",
34
- SECONDARY_BA_3: "#636363",
35
- SECONDARY_BA_4: "#313131",
36
- SECONDARY_BA_5: "#1a1a1a"
37
- };
38
- var TretiaryBA = {
39
- TRETIARY_BA_1: "#EDF1F5",
40
- TRETIARY_BA_2: "#d3dbe3",
41
- TRETIARY_BA_3: "#c5cfda",
42
- TRETIARY_BA_4: "#b1bcc8",
43
- TRETIARY_BA_5: "#87929d"
44
- };
45
- var BrandDefault = {
46
- BRAND_DEFAULT_1: "#F393D2",
47
- BRAND_DEFAULT_2: "#4BDCF8",
48
- BRAND_DEFAULT_3: "#D5D500"
49
- };
50
- var BrandBA = {
51
- BRAND_BA_1: "#B54141",
52
- BRAND_BA_2: "#fffbe9",
53
- BRAND_BA_3: "#D5D500"
54
- };
55
- var Common = {
56
- WHITE: "#fff",
57
- BLACK: "#000"
58
- };
59
- var Backgrounds = {
60
- BG_1: "#f2f2f2",
61
- BG_2: "#e6e6e6",
62
- BG_3: "#dbdbdb",
63
- BG_4: "#b3b3b3",
64
- BG_5: "#999"
65
- };
66
- var Accents = {
67
- ALERT: "#ff564e",
68
- SUCCESS: "#28bc00"
69
- };
70
- var Color = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, Common), Accents), BrandDefault), BrandBA), Backgrounds), Primary), Secondary), Tretiary), PrimaryBA), SecondaryBA), TretiaryBA);
71
-
72
- export { Accents, Backgrounds, BrandBA, BrandDefault, Color, Common, Primary, PrimaryBA, Secondary, SecondaryBA, Tretiary, TretiaryBA, Color as default };