@acorex/styles 19.8.0-next.8 → 19.9.0

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 (56) hide show
  1. package/icons/fontawesome/_variables.scss +9 -0
  2. package/icons/fontawesome/index.scss +38 -10
  3. package/icons/huge/huge-bulk/_variables.scss +9 -0
  4. package/icons/huge/huge-bulk/index.scss +31 -4
  5. package/icons/huge/huge-duotone/_variables.scss +9 -0
  6. package/icons/huge/huge-duotone/index.scss +31 -4
  7. package/icons/huge/huge-solid-rounded/_variables.scss +9 -0
  8. package/icons/huge/huge-solid-rounded/index.scss +27 -0
  9. package/icons/huge/huge-solid-sharp/_variables.scss +9 -0
  10. package/icons/huge/huge-solid-sharp/index.scss +31 -4
  11. package/icons/huge/huge-solid-standard/_variables.scss +9 -0
  12. package/icons/huge/huge-solid-standard/index.scss +31 -4
  13. package/icons/huge/huge-stroke-rounded/_variables.scss +9 -0
  14. package/icons/huge/huge-stroke-rounded/index.scss +31 -4
  15. package/icons/huge/huge-stroke-sharp/_variables.scss +9 -0
  16. package/icons/huge/huge-stroke-sharp/index.scss +31 -4
  17. package/icons/huge/huge-stroke-standard/_variables.scss +9 -0
  18. package/icons/huge/huge-stroke-standard/index.scss +31 -4
  19. package/icons/huge/huge-twotone/_variables.scss +9 -0
  20. package/icons/huge/huge-twotone/index.scss +31 -4
  21. package/icons/material/_variables.scss +9 -0
  22. package/icons/material/index.scss +32 -4
  23. package/index.css +2016 -319
  24. package/index.min.css +1 -1
  25. package/index.scss +0 -1
  26. package/package.json +1 -1
  27. package/src/base/index.scss +4 -2
  28. package/src/mixins/_look.scss +35 -20
  29. package/src/shared/_action-item.scss +3 -3
  30. package/src/shared/_actionsheet.scss +6 -7
  31. package/src/shared/_check-box.scss +14 -8
  32. package/src/shared/_color-look.scss +822 -0
  33. package/src/shared/_drop-down.scss +16 -7
  34. package/src/shared/_editor-container.scss +75 -35
  35. package/src/shared/_general-button.scss +12 -11
  36. package/src/shared/_inputs.scss +16 -0
  37. package/src/shared/_list.scss +41 -15
  38. package/src/shared/_radio.scss +14 -8
  39. package/src/shared/_table.scss +30 -9
  40. package/src/shared/_utils.scss +16 -10
  41. package/src/shared/index.scss +2 -4
  42. package/src/utility/index.scss +22 -2
  43. package/src/variables/_colors.scss +1 -1
  44. package/tailwind-base.js +56 -89
  45. package/themes/default.css +1 -1
  46. package/themes/default.scss +139 -240
  47. package/src/components/editors/_base.scss +0 -50
  48. package/src/components/editors/index.scss +0 -60
  49. package/src/components/editors/looks/_fill.scss +0 -17
  50. package/src/components/editors/looks/_flat.scss +0 -18
  51. package/src/components/editors/looks/_outline.scss +0 -18
  52. package/src/components/editors/looks/_solid.scss +0 -20
  53. package/src/components/editors/looks/index.scss +0 -4
  54. package/src/components/index.scss +0 -1
  55. package/src/shared/_ripple.scss +0 -13
  56. package/themes/test.scss +0 -237
package/themes/test.scss DELETED
@@ -1,237 +0,0 @@
1
- :root {
2
- --ax-sys-body-font-size: 1rem;
3
- --ax-sys-size-base: 2.5rem;
4
- --ax-sys-transition-duration: 150ms;
5
- --ax-sys-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
6
- --ax-sys-border-radius: 0.5rem;
7
- --ax-sys-border-color: 233, 234, 235;
8
- --ax-sys-body-bg-color: var(--ax-sys-surface-lowest-bg-color);
9
- --ax-sys-body-text-color: 22, 22, 22;
10
-
11
- // Surfaces
12
- --ax-sys-surface-light-bg-color: 255, 255, 255;
13
- --ax-sys-on-surface-light-color: 0, 0, 0;
14
- --ax-sys-surface-light-border-color: 0, 0, 0;
15
-
16
- --ax-sys-surface-lowest-bg-color: 255, 255, 255;
17
- --ax-sys-on-surface-lowest-color: 40, 40, 40;
18
- --ax-sys-surface-lowest-border-color: 233, 236, 239;
19
-
20
- --ax-sys-surface-low-bg-color: 248, 249, 250;
21
- --ax-sys-on-surface-low-color: 40, 40, 40;
22
- --ax-sys-surface-low-border-color: 233, 236, 239;
23
-
24
- --ax-sys-surface-bg-color: 239, 241, 243;
25
- --ax-sys-on-surface-color: 30, 30, 30;
26
- --ax-sys-surface-border-color: 232, 235, 238;
27
-
28
- --ax-sys-surface-high-bg-color: 234, 237, 239;
29
- --ax-sys-on-surface-high-color: 20, 20, 20;
30
- --ax-sys-surface-high-border-color: 228, 231, 234;
31
-
32
- --ax-sys-surface-highest-bg-color: 230, 233, 236;
33
- --ax-sys-on-surface-highest-color: 10, 10, 10;
34
- --ax-sys-surface-highest-border-color: 225, 229, 233;
35
-
36
- --ax-sys-surface-input-bg-color: 255, 255, 255;
37
- --ax-sys-surface-input-text-color: 30, 30, 30;
38
- --ax-sys-surface-input-placeholder-color: 180, 180, 180;
39
- --ax-sys-surface-input-border-color: 220, 220, 220;
40
-
41
- --ax-sys-surface-dark-bg-color: 0, 0, 0;
42
- --ax-sys-on-surface-dark-color: 255, 255, 255;
43
- --ax-sys-surface-dark-border-color: 255, 255, 255;
44
- }
45
-
46
- .ax-dark {
47
- --ax-sys-body-text-color: 255, 255, 255;
48
-
49
- --ax-sys-border-color: 34, 38, 47;
50
-
51
- --ax-sys-surface-lowest-bg-color: 15, 15, 15;
52
- --ax-sys-on-surface-lowest-color: 220, 220, 220;
53
- --ax-sys-surface-lowest-border-color: 20, 20, 20;
54
-
55
- --ax-sys-surface-low-bg-color: 20, 20, 20;
56
- --ax-sys-on-surface-low-color: 230, 230, 230;
57
- --ax-sys-surface-low-border-color: 25, 25, 25;
58
-
59
- --ax-sys-surface-bg-color: 25, 25, 25;
60
- --ax-sys-on-surface-color: 240, 240, 240;
61
- --ax-sys-surface-border-color: 34, 34, 34;
62
-
63
- --ax-sys-surface-high-bg-color: 29, 29, 29;
64
- --ax-sys-on-surface-high-color: 250, 250, 250;
65
- --ax-sys-surface-high-border-color: 43, 43, 43;
66
-
67
- --ax-sys-surface-highest-bg-color: 34, 34, 34;
68
- --ax-sys-on-surface-highest-color: 255, 255, 255;
69
- --ax-sys-surface-highest-border-color: 52, 52, 52;
70
-
71
- --ax-sys-surface-input-bg-color: var(--ax-sys-surface-lowest-bg-color);
72
- --ax-sys-surface-input-text-color: var(--ax-sys-on-surface-lowest-color);
73
- --ax-sys-surface-input-placeholder-color: 100, 100, 100;
74
- --ax-sys-surface-input-border-color: var(--ax-sys-surface-border-color);
75
- }
76
-
77
- :root {
78
- --ax-sys-color-primary-50: 232, 238, 253;
79
- --ax-sys-color-primary-100: 208, 222, 251;
80
- --ax-sys-color-primary-200: 162, 188, 246;
81
- --ax-sys-color-primary-300: 115, 155, 242;
82
- --ax-sys-color-primary-400: 68, 121, 238;
83
- --ax-sys-color-primary-500: 21, 88, 234;
84
- --ax-sys-color-primary-600: 17, 70, 187;
85
- --ax-sys-color-primary-700: 13, 53, 140;
86
- --ax-sys-color-primary-800: 9, 35, 93;
87
- --ax-sys-color-primary-900: 4, 18, 47;
88
- --ax-sys-color-primary-950: 2, 9, 23;
89
- --ax-sys-on-primary: 255, 255, 255;
90
- --ax-sys-on-contrast-primary: 0, 0, 0;
91
- --ax-sys-color-secondary-50: 243, 242, 241;
92
- --ax-sys-color-secondary-100: 231, 230, 228;
93
- --ax-sys-color-secondary-200: 207, 204, 201;
94
- --ax-sys-color-secondary-300: 183, 179, 174;
95
- --ax-sys-color-secondary-400: 159, 153, 147;
96
- --ax-sys-color-secondary-500: 135, 128, 120;
97
- --ax-sys-color-secondary-600: 108, 102, 96;
98
- --ax-sys-color-secondary-700: 81, 77, 72;
99
- --ax-sys-color-secondary-800: 54, 51, 48;
100
- --ax-sys-color-secondary-900: 27, 26, 24;
101
- --ax-sys-color-secondary-950: 14, 13, 12;
102
- --ax-sys-on-secondary: 0, 0, 0;
103
- --ax-sys-on-contrast-secondary: 0, 0, 0;
104
- --ax-sys-color-success-50: 232, 253, 246;
105
- --ax-sys-color-success-100: 208, 251, 237;
106
- --ax-sys-color-success-200: 161, 247, 218;
107
- --ax-sys-color-success-300: 114, 243, 200;
108
- --ax-sys-color-success-400: 67, 239, 182;
109
- --ax-sys-color-success-500: 20, 235, 164;
110
- --ax-sys-color-success-600: 16, 188, 131;
111
- --ax-sys-color-success-700: 12, 141, 98;
112
- --ax-sys-color-success-800: 8, 94, 65;
113
- --ax-sys-color-success-900: 4, 47, 33;
114
- --ax-sys-color-success-950: 2, 23, 16;
115
- --ax-sys-on-success: 0, 0, 0;
116
- --ax-sys-on-contrast-success: 0, 0, 0;
117
- --ax-sys-color-warning-50: 254, 245, 231;
118
- --ax-sys-color-warning-100: 253, 236, 206;
119
- --ax-sys-color-warning-200: 251, 216, 157;
120
- --ax-sys-color-warning-300: 249, 197, 108;
121
- --ax-sys-color-warning-400: 247, 177, 59;
122
- --ax-sys-color-warning-500: 245, 158, 10;
123
- --ax-sys-color-warning-600: 196, 126, 8;
124
- --ax-sys-color-warning-700: 147, 95, 6;
125
- --ax-sys-color-warning-800: 98, 63, 4;
126
- --ax-sys-color-warning-900: 49, 32, 2;
127
- --ax-sys-color-warning-950: 24, 16, 1;
128
- --ax-sys-on-warning: 0, 0, 0;
129
- --ax-sys-on-contrast-warning: 0, 0, 0;
130
- --ax-sys-color-danger-50: 254, 231, 235;
131
- --ax-sys-color-danger-100: 252, 207, 215;
132
- --ax-sys-color-danger-200: 249, 159, 174;
133
- --ax-sys-color-danger-300: 247, 110, 134;
134
- --ax-sys-color-danger-400: 244, 62, 93;
135
- --ax-sys-color-danger-500: 241, 14, 53;
136
- --ax-sys-color-danger-600: 193, 11, 42;
137
- --ax-sys-color-danger-700: 145, 8, 32;
138
- --ax-sys-color-danger-800: 96, 6, 21;
139
- --ax-sys-color-danger-900: 48, 3, 11;
140
- --ax-sys-color-danger-950: 24, 1, 5;
141
- --ax-sys-on-danger: 255, 255, 255;
142
- --ax-sys-on-contrast-danger: 0, 0, 0;
143
- --ax-sys-color-ghost-50: 242, 242, 242;
144
- --ax-sys-color-ghost-100: 230, 230, 230;
145
- --ax-sys-color-ghost-200: 204, 204, 204;
146
- --ax-sys-color-ghost-300: 179, 179, 179;
147
- --ax-sys-color-ghost-400: 153, 153, 153;
148
- --ax-sys-color-ghost-500: 128, 128, 128;
149
- --ax-sys-color-ghost-600: 102, 102, 102;
150
- --ax-sys-color-ghost-700: 77, 77, 77;
151
- --ax-sys-color-ghost-800: 51, 51, 51;
152
- --ax-sys-color-ghost-900: 26, 26, 26;
153
- --ax-sys-color-ghost-950: 13, 13, 13;
154
- --ax-sys-on-ghost: 255, 255, 255;
155
- --ax-sys-on-contrast-ghost: 0, 0, 0;
156
- }
157
-
158
- .dark {
159
- --ax-sys-color-primary-50: 255, 255, 255;
160
- --ax-sys-color-primary-100: 232, 238, 253;
161
- --ax-sys-color-primary-200: 208, 222, 251;
162
- --ax-sys-color-primary-300: 185, 205, 249;
163
- --ax-sys-color-primary-400: 162, 188, 246;
164
- --ax-sys-color-primary-500: 115, 155, 242;
165
- --ax-sys-color-primary-600: 68, 121, 238;
166
- --ax-sys-color-primary-700: 21, 88, 234;
167
- --ax-sys-color-primary-800: 17, 70, 187;
168
- --ax-sys-color-primary-900: 13, 53, 140;
169
- --ax-sys-color-primary-950: 11, 44, 117;
170
- --ax-sys-on-primary: 255, 255, 255;
171
- --ax-sys-on-contrast-primary: 0, 0, 0;
172
- --ax-sys-color-secondary-50: 255, 255, 255;
173
- --ax-sys-color-secondary-100: 243, 242, 241;
174
- --ax-sys-color-secondary-200: 231, 230, 228;
175
- --ax-sys-color-secondary-300: 219, 217, 214;
176
- --ax-sys-color-secondary-400: 207, 204, 201;
177
- --ax-sys-color-secondary-500: 183, 179, 174;
178
- --ax-sys-color-secondary-600: 159, 153, 147;
179
- --ax-sys-color-secondary-700: 135, 128, 120;
180
- --ax-sys-color-secondary-800: 108, 102, 96;
181
- --ax-sys-color-secondary-900: 81, 77, 72;
182
- --ax-sys-color-secondary-950: 68, 64, 60;
183
- --ax-sys-on-secondary: 0, 0, 0;
184
- --ax-sys-on-contrast-secondary: 0, 0, 0;
185
- --ax-sys-color-success-50: 255, 255, 255;
186
- --ax-sys-color-success-100: 232, 253, 246;
187
- --ax-sys-color-success-200: 208, 251, 237;
188
- --ax-sys-color-success-300: 185, 249, 228;
189
- --ax-sys-color-success-400: 161, 247, 218;
190
- --ax-sys-color-success-500: 114, 243, 200;
191
- --ax-sys-color-success-600: 67, 239, 182;
192
- --ax-sys-color-success-700: 20, 235, 164;
193
- --ax-sys-color-success-800: 16, 188, 131;
194
- --ax-sys-color-success-900: 12, 141, 98;
195
- --ax-sys-color-success-950: 10, 117, 82;
196
- --ax-sys-on-success: 0, 0, 0;
197
- --ax-sys-on-contrast-success: 0, 0, 0;
198
- --ax-sys-color-warning-50: 255, 255, 255;
199
- --ax-sys-color-warning-100: 254, 245, 231;
200
- --ax-sys-color-warning-200: 253, 236, 206;
201
- --ax-sys-color-warning-300: 252, 226, 182;
202
- --ax-sys-color-warning-400: 251, 216, 157;
203
- --ax-sys-color-warning-500: 249, 197, 108;
204
- --ax-sys-color-warning-600: 247, 177, 59;
205
- --ax-sys-color-warning-700: 245, 158, 10;
206
- --ax-sys-color-warning-800: 196, 126, 8;
207
- --ax-sys-color-warning-900: 147, 95, 6;
208
- --ax-sys-color-warning-950: 122, 79, 5;
209
- --ax-sys-on-warning: 0, 0, 0;
210
- --ax-sys-on-contrast-warning: 0, 0, 0;
211
- --ax-sys-color-danger-50: 255, 255, 255;
212
- --ax-sys-color-danger-100: 254, 231, 235;
213
- --ax-sys-color-danger-200: 252, 207, 215;
214
- --ax-sys-color-danger-300: 251, 183, 194;
215
- --ax-sys-color-danger-400: 249, 159, 174;
216
- --ax-sys-color-danger-500: 247, 110, 134;
217
- --ax-sys-color-danger-600: 244, 62, 93;
218
- --ax-sys-color-danger-700: 241, 14, 53;
219
- --ax-sys-color-danger-800: 193, 11, 42;
220
- --ax-sys-color-danger-900: 145, 8, 32;
221
- --ax-sys-color-danger-950: 121, 7, 26;
222
- --ax-sys-on-danger: 255, 255, 255;
223
- --ax-sys-on-contrast-danger: 0, 0, 0;
224
- --ax-sys-color-ghost-50: 255, 255, 255;
225
- --ax-sys-color-ghost-100: 242, 242, 242;
226
- --ax-sys-color-ghost-200: 230, 230, 230;
227
- --ax-sys-color-ghost-300: 217, 217, 217;
228
- --ax-sys-color-ghost-400: 204, 204, 204;
229
- --ax-sys-color-ghost-500: 179, 179, 179;
230
- --ax-sys-color-ghost-600: 153, 153, 153;
231
- --ax-sys-color-ghost-700: 128, 128, 128;
232
- --ax-sys-color-ghost-800: 102, 102, 102;
233
- --ax-sys-color-ghost-900: 77, 77, 77;
234
- --ax-sys-color-ghost-950: 64, 64, 64;
235
- --ax-sys-on-ghost: 255, 255, 255;
236
- --ax-sys-on-contrast-ghost: 0, 0, 0;
237
- }