@rufous/ui 0.2.0-beta.0 → 0.2.0-beta.1

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 (35) hide show
  1. package/README.md +4 -0
  2. package/dist/CheckBoxes/CheckBox.cjs +1 -1
  3. package/dist/CheckBoxes/CheckBox.js +1 -1
  4. package/dist/Contexts/rufousThemeProvider.cjs +65 -13
  5. package/dist/Contexts/rufousThemeProvider.js +2 -2
  6. package/dist/Dialogs/BaseDialog.css +240 -132
  7. package/dist/Dialogs/BaseDialog.js +14 -13
  8. package/dist/Dialogs/index.css +240 -132
  9. package/dist/Dialogs/index.js +14 -13
  10. package/dist/TextFields/AddressLookup.js +6 -299
  11. package/dist/{chunk-TYTZEAV5.js → chunk-5DAOQ2V5.js} +1 -1
  12. package/dist/chunk-5QEWUCKT.js +303 -0
  13. package/dist/{chunk-WNZLBFLQ.js → chunk-HMG3FW2Q.js} +34 -10
  14. package/dist/{chunk-X357WQOT.js → chunk-NEGQXBQV.js} +1 -1
  15. package/dist/{chunk-QGXXOQJF.js → chunk-YXPBXCY5.js} +32 -4
  16. package/dist/icons/index.js +16 -16
  17. package/dist/main.cjs +452 -108
  18. package/dist/main.css +240 -132
  19. package/dist/main.d.cts +2 -1
  20. package/dist/main.d.ts +2 -1
  21. package/dist/main.js +33 -29
  22. package/dist/style.css +132 -132
  23. package/dist/styles/address-lookup.css +107 -0
  24. package/dist/styles/address-lookup.d.cts +2 -0
  25. package/dist/styles/address-lookup.d.ts +2 -0
  26. package/dist/styles/button.css +16 -16
  27. package/dist/styles/checkbox.css +9 -9
  28. package/dist/styles/datagrid.css +83 -83
  29. package/dist/styles/dialog.css +7 -7
  30. package/dist/styles/editor.css +7 -7
  31. package/dist/utils/constants.cjs +32 -4
  32. package/dist/utils/constants.d.cts +20 -0
  33. package/dist/utils/constants.d.ts +20 -0
  34. package/dist/utils/constants.js +1 -1
  35. package/package.json +1 -1
package/dist/styles/dialog.css CHANGED
@@ -13,8 +13,8 @@
13
13
  backdrop-filter: blur(2px);
14
14
  }
15
15
  .dialog-container {
16
- background: var(--surface-color);
17
- color: var(--text-color);
16
+ background: var(--rufous-surface-color);
17
+ color: var(--rufous-text-color);
18
18
  border-radius: 12px;
19
19
  max-height: 90vh;
20
20
  display: flex;
@@ -60,7 +60,7 @@
60
60
  font-size: 1.5rem;
61
61
  font-weight: 700;
62
62
  margin: 0;
63
- color: var(--text-color);
63
+ color: var(--rufous-text-color);
64
64
  }
65
65
  .btn-close {
66
66
  background: none;
@@ -75,18 +75,18 @@
75
75
  flex-shrink: 0;
76
76
  }
77
77
  .btn-close:hover {
78
- background-color: var(--hover-color);
78
+ background-color: var(--rufous-hover-color);
79
79
  }
80
80
  .btn-close svg {
81
- fill: var(--text-secondary);
81
+ fill: var(--rufous-text-secondary);
82
82
  transition: fill 0.2s;
83
83
  }
84
84
  .btn-close:hover svg {
85
- fill: var(--text-color);
85
+ fill: var(--rufous-text-color);
86
86
  }
87
87
  .dialog-divider {
88
88
  border: none;
89
- border-top: 1px solid var(--border-color);
89
+ border-top: 1px solid var(--rufous-border-color);
90
90
  margin: 0 24px;
91
91
  flex-shrink: 0;
92
92
  }
package/dist/styles/editor.css CHANGED
@@ -61,12 +61,12 @@
61
61
  background-color: #f9e0e0 !important;
62
62
  }
63
63
  .jodit-ui-button_variant_primary {
64
- background-color: #a81c08 !important;
64
+ background-color: var(--rufous-primary-color) !important;
65
65
  }
66
66
  .jodit-ui-button_variant_primary:hover:not([disabled]),
67
67
  .jodit-ui-button_variant_primary:focus:not([disabled]) {
68
- background-color: #a81c08 !important;
69
- outline: 1px solid #a81c08 !important;
68
+ background-color: var(--rufous-secondary-color) !important;
69
+ outline: 1px solid var(--rufous-primary-color) !important;
70
70
  }
71
71
  .rte-listening .jodit-toolbar-button_customSpeechRecognize button {
72
72
  background-color: #f9e0e0 !important;
@@ -83,8 +83,8 @@
83
83
  position: relative;
84
84
  }
85
85
  .jodit-checkbox:checked {
86
- background-color: #a81c08 !important;
87
- border-color: #a81c08 !important;
86
+ background-color: var(--rufous-primary-color) !important;
87
+ border-color: var(--rufous-primary-color) !important;
88
88
  }
89
89
  .jodit-checkbox:checked::before {
90
90
  content: "";
@@ -166,10 +166,10 @@
166
166
  display: block;
167
167
  }
168
168
  .mention-jodit {
169
- background-color: rgba(153, 0, 48, 0.1);
169
+ background-color: var(--rufous-hover-color);
170
170
  border-radius: 4px;
171
171
  padding: 2px 4px;
172
- color: #990030;
172
+ color: var(--rufous-primary-color);
173
173
  }
174
174
  .jodit-ui-translate-list__item:hover .jodit-ui-translate-list__item-title,
175
175
  .jodit-ui-translate-list__item[data-active=true] .jodit-ui-translate-list__item-title,
package/dist/utils/constants.cjs CHANGED
@@ -35,7 +35,14 @@ var APP_THEMES = {
35
35
  border: "#e0e0e0",
36
36
  hover: "#fff5f5",
37
37
  selection: "#fce4ec",
38
- icon: "#a41b06"
38
+ icon: "#a41b06",
39
+ get customStyles() {
40
+ return {
41
+ iconColor: this.icon,
42
+ primaryColor: this.primary,
43
+ secondaryColor: this.secondary
44
+ };
45
+ }
39
46
  },
40
47
  dark: {
41
48
  primary: "#dc2626",
@@ -47,7 +54,14 @@ var APP_THEMES = {
47
54
  border: "#333333",
48
55
  hover: "#2d1a1a",
49
56
  selection: "#4a1212",
50
- icon: "#dc2626"
57
+ icon: "#dc2626",
58
+ get customStyles() {
59
+ return {
60
+ iconColor: this.icon,
61
+ primaryColor: this.primary,
62
+ secondaryColor: this.secondary
63
+ };
64
+ }
51
65
  }
52
66
  },
53
67
  slate: {
@@ -62,7 +76,14 @@ var APP_THEMES = {
62
76
  border: "#e2e8f0",
63
77
  hover: "#f1f5f9",
64
78
  selection: "#e0f2fe",
65
- icon: "#334155"
79
+ icon: "#334155",
80
+ get customStyles() {
81
+ return {
82
+ iconColor: this.icon,
83
+ primaryColor: this.primary,
84
+ secondaryColor: this.secondary
85
+ };
86
+ }
66
87
  },
67
88
  dark: {
68
89
  primary: "#94a3b8",
@@ -74,7 +95,14 @@ var APP_THEMES = {
74
95
  border: "#334155",
75
96
  hover: "#1e293b",
76
97
  selection: "#0c4a6e",
77
- icon: "#94a3b8"
98
+ icon: "#94a3b8",
99
+ get customStyles() {
100
+ return {
101
+ iconColor: this.icon,
102
+ primaryColor: this.primary,
103
+ secondaryColor: this.secondary
104
+ };
105
+ }
78
106
  }
79
107
  }
80
108
  };
package/dist/utils/constants.d.cts CHANGED
@@ -12,6 +12,11 @@ declare const APP_THEMES: {
12
12
  hover: string;
13
13
  selection: string;
14
14
  icon: string;
15
+ readonly customStyles: {
16
+ iconColor: any;
17
+ primaryColor: any;
18
+ secondaryColor: any;
19
+ };
15
20
  };
16
21
  dark: {
17
22
  primary: string;
@@ -24,6 +29,11 @@ declare const APP_THEMES: {
24
29
  hover: string;
25
30
  selection: string;
26
31
  icon: string;
32
+ readonly customStyles: {
33
+ iconColor: any;
34
+ primaryColor: any;
35
+ secondaryColor: any;
36
+ };
27
37
  };
28
38
  };
29
39
  slate: {
@@ -39,6 +49,11 @@ declare const APP_THEMES: {
39
49
  hover: string;
40
50
  selection: string;
41
51
  icon: string;
52
+ readonly customStyles: {
53
+ iconColor: any;
54
+ primaryColor: any;
55
+ secondaryColor: any;
56
+ };
42
57
  };
43
58
  dark: {
44
59
  primary: string;
@@ -51,6 +66,11 @@ declare const APP_THEMES: {
51
66
  hover: string;
52
67
  selection: string;
53
68
  icon: string;
69
+ readonly customStyles: {
70
+ iconColor: any;
71
+ primaryColor: any;
72
+ secondaryColor: any;
73
+ };
54
74
  };
55
75
  };
56
76
  };
package/dist/utils/constants.d.ts CHANGED
@@ -12,6 +12,11 @@ declare const APP_THEMES: {
12
12
  hover: string;
13
13
  selection: string;
14
14
  icon: string;
15
+ readonly customStyles: {
16
+ iconColor: any;
17
+ primaryColor: any;
18
+ secondaryColor: any;
19
+ };
15
20
  };
16
21
  dark: {
17
22
  primary: string;
@@ -24,6 +29,11 @@ declare const APP_THEMES: {
24
29
  hover: string;
25
30
  selection: string;
26
31
  icon: string;
32
+ readonly customStyles: {
33
+ iconColor: any;
34
+ primaryColor: any;
35
+ secondaryColor: any;
36
+ };
27
37
  };
28
38
  };
29
39
  slate: {
@@ -39,6 +49,11 @@ declare const APP_THEMES: {
39
49
  hover: string;
40
50
  selection: string;
41
51
  icon: string;
52
+ readonly customStyles: {
53
+ iconColor: any;
54
+ primaryColor: any;
55
+ secondaryColor: any;
56
+ };
42
57
  };
43
58
  dark: {
44
59
  primary: string;
@@ -51,6 +66,11 @@ declare const APP_THEMES: {
51
66
  hover: string;
52
67
  selection: string;
53
68
  icon: string;
69
+ readonly customStyles: {
70
+ iconColor: any;
71
+ primaryColor: any;
72
+ secondaryColor: any;
73
+ };
54
74
  };
55
75
  };
56
76
  };
package/dist/utils/constants.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  APP_THEMES
3
- } from "../chunk-QGXXOQJF.js";
3
+ } from "../chunk-YXPBXCY5.js";
4
4
  import "../chunk-LI4N7JWK.js";
5
5
  export {
6
6
  APP_THEMES
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@rufous/ui",
3
3
  "private": false,
4
- "version": "0.2.0-beta.0",
4
+ "version": "0.2.0-beta.1",
5
5
  "type": "module",
6
6
  "description": "Experimental: A lightweight React UI component library (Beta)",
7
7
  "style": "./dist/style.css",