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