@acorex/styles 5.0.20 → 5.0.24
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.
- package/dark.scss +3 -21
- package/package.json +1 -1
- package/src/base/index.scss +8 -7
- package/src/components/_alert.scss +27 -26
- package/src/components/_badge.scss +37 -4
- package/src/components/_button.scss +74 -74
- package/src/components/_calendar.scss +11 -11
- package/src/components/_checkbox.scss +5 -4
- package/src/components/_dialog.scss +12 -11
- package/src/components/_drawer.scss +1 -1
- package/src/components/_dropdown.scss +38 -38
- package/src/components/_editor-container.scss +8 -6
- package/src/components/_form.scss +1 -1
- package/src/components/_input.scss +1 -1
- package/src/components/_list.scss +3 -3
- package/src/components/_loading.scss +2 -2
- package/src/components/_popup.scss +2 -1
- package/src/components/_radio.scss +5 -3
- package/src/components/_selectbox.scss +3 -0
- package/src/components/_selection-list.scss +3 -3
- package/src/components/_side-menu.scss +1 -5
- package/src/components/_switch.scss +10 -11
- package/src/components/_tabs.scss +82 -66
- package/src/components/_toast.scss +7 -7
- package/src/utility/_mixins.scss +16 -1
- package/src/variables/_colors.scss +1 -1
|
@@ -32,25 +32,25 @@
|
|
|
32
32
|
@apply ax-text-base;
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
|
-
&.ax-sm {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
}
|
|
43
|
-
&.ax-lg {
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
}
|
|
35
|
+
// &.ax-sm {
|
|
36
|
+
// height: calc((var(--ax-base-size) * var(--ax-base-ratio)) - var(--ax-base-size)) !important;
|
|
37
|
+
// line-height: calc((var(--ax-base-size) * var(--ax-base-ratio)) / 2 - var(--ax-base-size)) !important;
|
|
38
|
+
// @apply ax-text-sm;
|
|
39
|
+
// .ax-ic {
|
|
40
|
+
// @apply ax-text-sm;
|
|
41
|
+
// }
|
|
42
|
+
// }
|
|
43
|
+
// &.ax-lg {
|
|
44
|
+
// height: calc((var(--ax-base-size) * var(--ax-base-ratio)) + var(--ax-base-size)) !important;
|
|
45
|
+
// line-height: calc((var(--ax-base-size) * var(--ax-base-ratio)) / 2 + var(--ax-base-size)) !important;
|
|
46
|
+
// @apply ax-text-lg;
|
|
47
|
+
// &.ax-button-icon {
|
|
48
|
+
// @apply ax-px-3;
|
|
49
|
+
// }
|
|
50
|
+
// .ax-ic {
|
|
51
|
+
// @apply ax-text-3xl;
|
|
52
|
+
// }
|
|
53
|
+
// }
|
|
54
54
|
ax-loading-spinner {
|
|
55
55
|
@apply ax-flex ax-pe-1;
|
|
56
56
|
svg {
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
@apply ax-cursor-not-allowed ax-opacity-60;
|
|
71
71
|
}
|
|
72
72
|
// normal
|
|
73
|
-
&.ax-primary {
|
|
73
|
+
&.ax-primary-default {
|
|
74
74
|
@apply ax-shadow-sm ax-bg-primary-500 ax-text-primary-fore ax-border-transparent;
|
|
75
75
|
&:not(.ax-state-disabled) {
|
|
76
76
|
&:hover {
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
@apply ax-bg-primary-700;
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
|
-
&.ax-secondary {
|
|
91
|
+
&.ax-secondary-default {
|
|
92
92
|
@apply ax-shadow-sm ax-bg-secondary-500 ax-text-secondary-fore ax-border-transparent;
|
|
93
93
|
&:not(.ax-state-disabled) {
|
|
94
94
|
&:hover {
|
|
@@ -106,7 +106,7 @@
|
|
|
106
106
|
@apply ax-bg-secondary-700;
|
|
107
107
|
}
|
|
108
108
|
}
|
|
109
|
-
&.ax-warning {
|
|
109
|
+
&.ax-warning-default {
|
|
110
110
|
@apply ax-shadow-sm ax-bg-warning-500 ax-text-warning-fore ax-border-transparent;
|
|
111
111
|
&:not(.ax-state-disabled) {
|
|
112
112
|
&:hover {
|
|
@@ -124,7 +124,7 @@
|
|
|
124
124
|
@apply ax-bg-warning-700 ax-text-warning-50;
|
|
125
125
|
}
|
|
126
126
|
}
|
|
127
|
-
&.ax-danger {
|
|
127
|
+
&.ax-danger-default {
|
|
128
128
|
@apply ax-shadow-sm ax-bg-danger-500 ax-text-danger-fore ax-border-transparent;
|
|
129
129
|
&:not(.ax-state-disabled) {
|
|
130
130
|
&:hover {
|
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
@apply ax-bg-danger-700;
|
|
143
143
|
}
|
|
144
144
|
}
|
|
145
|
-
&.ax-success {
|
|
145
|
+
&.ax-success-default {
|
|
146
146
|
@apply ax-shadow-sm ax-bg-success-500 ax-text-success-fore ax-border-transparent;
|
|
147
147
|
&:not(.ax-state-disabled) {
|
|
148
148
|
&:hover {
|
|
@@ -160,7 +160,7 @@
|
|
|
160
160
|
@apply ax-bg-success-700;
|
|
161
161
|
}
|
|
162
162
|
}
|
|
163
|
-
&.ax-info {
|
|
163
|
+
&.ax-info-default {
|
|
164
164
|
@apply ax-shadow-sm ax-bg-info-500 ax-text-info-fore ax-border-transparent;
|
|
165
165
|
&:not(.ax-state-disabled) {
|
|
166
166
|
&:hover {
|
|
@@ -178,17 +178,17 @@
|
|
|
178
178
|
@apply ax-bg-info-700;
|
|
179
179
|
}
|
|
180
180
|
}
|
|
181
|
-
&.ax-dark {
|
|
182
|
-
@apply ax-shadow-sm ax-bg-dark-500 ax-text-dark-fore ax-border-transparent;
|
|
181
|
+
&.ax-dark-default {
|
|
182
|
+
@apply ax-shadow-sm ax-bg-dark-500 ax-text-dark-fore ax-border-transparent dark:ax-bg-dark-400;
|
|
183
183
|
&:not(.ax-state-disabled) {
|
|
184
184
|
&:hover {
|
|
185
|
-
@apply ax-bg-dark-400;
|
|
185
|
+
@apply ax-bg-dark-400 dark:ax-bg-dark-400;
|
|
186
186
|
}
|
|
187
187
|
&:focus {
|
|
188
|
-
@apply ax-ring-2 ax-ring-offset-2 ax-ring-dark-500;
|
|
188
|
+
@apply ax-ring-2 ax-ring-offset-2 ax-ring-dark-500 dark:ax-ring-dark-300 dark:ax-bg-dark-300;
|
|
189
189
|
}
|
|
190
190
|
&:active {
|
|
191
|
-
@apply ax-bg-dark-700 ax-ring-2 ax-ring-offset-2 ax-ring-dark-
|
|
191
|
+
@apply ax-bg-dark-700 ax-ring-2 ax-ring-offset-2 ax-ring-dark-200 dark:ax-ring-dark-300 dark:ax-bg-dark-300;
|
|
192
192
|
}
|
|
193
193
|
}
|
|
194
194
|
|
|
@@ -196,17 +196,17 @@
|
|
|
196
196
|
@apply ax-bg-dark-300;
|
|
197
197
|
}
|
|
198
198
|
}
|
|
199
|
-
&.ax-light {
|
|
200
|
-
@apply ax-shadow-sm ax-bg-light-50 ax-text-light-fore ax-border ax-border-light-300;
|
|
199
|
+
&.ax-light-default {
|
|
200
|
+
@apply ax-shadow-sm ax-bg-light-50 ax-text-light-fore ax-border ax-border-light-300 dark:ax-bg-light-600 dark:ax-border-light-600 dark:ax-text-light-100;
|
|
201
201
|
&:not(.ax-state-disabled) {
|
|
202
202
|
&:hover {
|
|
203
|
-
@apply ax-bg-light-100;
|
|
203
|
+
@apply ax-bg-light-100 dark:ax-bg-light-600;
|
|
204
204
|
}
|
|
205
205
|
&:focus {
|
|
206
|
-
@apply ax-ring-2 ax-ring-offset-2 ax-ring-light-200;
|
|
206
|
+
@apply ax-ring-2 ax-ring-offset-2 ax-ring-light-200 dark:ax-bg-light-500 dark:ax-ring-light-500;
|
|
207
207
|
}
|
|
208
208
|
&:active {
|
|
209
|
-
@apply ax-bg-light-200 ax-ring-2 ax-ring-offset-2 ax-ring-light-200;
|
|
209
|
+
@apply ax-bg-light-200 ax-ring-2 ax-ring-offset-2 ax-ring-light-200 dark:ax-bg-light-500 dark:ax-ring-light-500;
|
|
210
210
|
}
|
|
211
211
|
}
|
|
212
212
|
|
|
@@ -216,7 +216,7 @@
|
|
|
216
216
|
}
|
|
217
217
|
// twotone
|
|
218
218
|
&.ax-primary-twotone {
|
|
219
|
-
@apply ax-bg-primary-100 ax-text-primary-500 ax-border-transparent;
|
|
219
|
+
@apply ax-bg-primary-100 ax-text-primary-500 ax-border-transparent dark:ax-bg-primary-300 dark:ax-text-primary-700;
|
|
220
220
|
&:not(.ax-state-disabled) {
|
|
221
221
|
&:hover,
|
|
222
222
|
&:focus {
|
|
@@ -232,7 +232,7 @@
|
|
|
232
232
|
}
|
|
233
233
|
}
|
|
234
234
|
&.ax-secondary-twotone {
|
|
235
|
-
@apply ax-bg-secondary-100 ax-text-secondary-500 ax-border-transparent;
|
|
235
|
+
@apply ax-bg-secondary-100 ax-text-secondary-500 ax-border-transparent dark:ax-bg-secondary-300 dark:ax-text-secondary-700;
|
|
236
236
|
&:not(.ax-state-disabled) {
|
|
237
237
|
&:hover,
|
|
238
238
|
&:focus {
|
|
@@ -248,7 +248,7 @@
|
|
|
248
248
|
}
|
|
249
249
|
}
|
|
250
250
|
&.ax-warning-twotone {
|
|
251
|
-
@apply ax-bg-warning-100 ax-text-warning-500 ax-border-transparent;
|
|
251
|
+
@apply ax-bg-warning-100 ax-text-warning-500 ax-border-transparent dark:ax-bg-warning-300 dark:ax-text-warning-700;
|
|
252
252
|
&:not(.ax-state-disabled) {
|
|
253
253
|
&:hover,
|
|
254
254
|
&:focus {
|
|
@@ -264,7 +264,7 @@
|
|
|
264
264
|
}
|
|
265
265
|
}
|
|
266
266
|
&.ax-danger-twotone {
|
|
267
|
-
@apply ax-bg-danger-100 ax-text-danger-500 ax-border-transparent;
|
|
267
|
+
@apply ax-bg-danger-100 ax-text-danger-500 ax-border-transparent dark:ax-bg-danger-300 dark:ax-text-danger-700;
|
|
268
268
|
&:not(.ax-state-disabled) {
|
|
269
269
|
&:hover,
|
|
270
270
|
&:focus {
|
|
@@ -280,7 +280,7 @@
|
|
|
280
280
|
}
|
|
281
281
|
}
|
|
282
282
|
&.ax-success-twotone {
|
|
283
|
-
@apply ax-bg-success-100 ax-text-success-500 ax-border-transparent;
|
|
283
|
+
@apply ax-bg-success-100 ax-text-success-500 ax-border-transparent dark:ax-bg-success-300 dark:ax-text-success-700;
|
|
284
284
|
&:not(.ax-state-disabled) {
|
|
285
285
|
&:hover,
|
|
286
286
|
&:focus {
|
|
@@ -296,14 +296,14 @@
|
|
|
296
296
|
}
|
|
297
297
|
}
|
|
298
298
|
&.ax-info-twotone {
|
|
299
|
-
@apply ax-bg-info-100 ax-text-info-500 ax-border-transparent;
|
|
299
|
+
@apply ax-bg-info-100 ax-text-info-500 ax-border-transparent dark:ax-bg-info-300 dark:ax-text-info-700;
|
|
300
300
|
&:not(.ax-state-disabled) {
|
|
301
301
|
&:hover,
|
|
302
302
|
&:focus {
|
|
303
|
-
@apply ax-bg-info-200 ax-text-
|
|
303
|
+
@apply ax-bg-info-200 ax-text-info-700;
|
|
304
304
|
}
|
|
305
305
|
&:active {
|
|
306
|
-
@apply ax-bg-info-300 ax-text-
|
|
306
|
+
@apply ax-bg-info-300 ax-text-info-700;
|
|
307
307
|
}
|
|
308
308
|
}
|
|
309
309
|
|
|
@@ -312,7 +312,7 @@
|
|
|
312
312
|
}
|
|
313
313
|
}
|
|
314
314
|
&.ax-dark-twotone {
|
|
315
|
-
@apply ax-bg-dark-100 ax-text-dark ax-border-transparent;
|
|
315
|
+
@apply ax-bg-dark-100 ax-text-dark-500 ax-border-transparent dark:ax-bg-dark-300 dark:ax-text-dark-700;
|
|
316
316
|
&:not(.ax-state-disabled) {
|
|
317
317
|
&:hover {
|
|
318
318
|
}
|
|
@@ -328,7 +328,7 @@
|
|
|
328
328
|
}
|
|
329
329
|
}
|
|
330
330
|
&.ax-light-twotone {
|
|
331
|
-
@apply ax-bg-light-200 ax-text-light-fore ax-border-transparent;
|
|
331
|
+
@apply ax-bg-light-200 ax-text-light-fore ax-border-transparent dark:ax-bg-light-300 dark:ax-text-light-700;
|
|
332
332
|
&:not(.ax-state-disabled) {
|
|
333
333
|
&:hover {
|
|
334
334
|
@apply ax-bg-light-300;
|
|
@@ -351,7 +351,7 @@
|
|
|
351
351
|
&:not(.ax-state-disabled) {
|
|
352
352
|
&:hover,
|
|
353
353
|
&:focus {
|
|
354
|
-
@apply ax-bg-primary ax-border-primary ax-text-primary-fore;
|
|
354
|
+
@apply ax-bg-primary-500 ax-border-primary-500 ax-text-primary-fore;
|
|
355
355
|
}
|
|
356
356
|
&:active {
|
|
357
357
|
@apply ax-bg-primary-700 ax-border-primary-700 ax-text-primary-fore;
|
|
@@ -359,7 +359,7 @@
|
|
|
359
359
|
}
|
|
360
360
|
|
|
361
361
|
&.ax-state-selected {
|
|
362
|
-
@apply ax-bg-primary ax-text-primary-fore;
|
|
362
|
+
@apply ax-bg-primary-500 ax-text-primary-fore;
|
|
363
363
|
}
|
|
364
364
|
}
|
|
365
365
|
&.ax-secondary-outline {
|
|
@@ -367,7 +367,7 @@
|
|
|
367
367
|
&:not(.ax-state-disabled) {
|
|
368
368
|
&:hover,
|
|
369
369
|
&:focus {
|
|
370
|
-
@apply ax-bg-secondary ax-border-secondary ax-text-secondary-fore;
|
|
370
|
+
@apply ax-bg-secondary-500 ax-border-secondary-500 ax-text-secondary-fore;
|
|
371
371
|
}
|
|
372
372
|
&:active {
|
|
373
373
|
@apply ax-bg-secondary-700 ax-border-secondary-700 ax-text-primary-fore;
|
|
@@ -375,7 +375,7 @@
|
|
|
375
375
|
}
|
|
376
376
|
|
|
377
377
|
&.ax-state-selected {
|
|
378
|
-
@apply ax-bg-secondary ax-text-secondary-fore;
|
|
378
|
+
@apply ax-bg-secondary-500 ax-text-secondary-fore;
|
|
379
379
|
}
|
|
380
380
|
}
|
|
381
381
|
&.ax-warning-outline {
|
|
@@ -383,7 +383,7 @@
|
|
|
383
383
|
&:not(.ax-state-disabled) {
|
|
384
384
|
&:hover,
|
|
385
385
|
&:focus {
|
|
386
|
-
@apply ax-bg-warning ax-border-warning ax-text-warning-fore;
|
|
386
|
+
@apply ax-bg-warning-500 ax-border-warning-500 ax-text-warning-fore;
|
|
387
387
|
}
|
|
388
388
|
&:active {
|
|
389
389
|
@apply ax-bg-warning-700 ax-border-warning-700 ax-text-primary-fore;
|
|
@@ -391,7 +391,7 @@
|
|
|
391
391
|
}
|
|
392
392
|
|
|
393
393
|
&.ax-state-selected {
|
|
394
|
-
@apply ax-bg-warning ax-text-warning-fore;
|
|
394
|
+
@apply ax-bg-warning-500 ax-text-warning-fore;
|
|
395
395
|
}
|
|
396
396
|
}
|
|
397
397
|
&.ax-danger-outline {
|
|
@@ -399,7 +399,7 @@
|
|
|
399
399
|
&:not(.ax-state-disabled) {
|
|
400
400
|
&:hover,
|
|
401
401
|
&:focus {
|
|
402
|
-
@apply ax-bg-danger ax-border-danger ax-text-danger-fore;
|
|
402
|
+
@apply ax-bg-danger-500 ax-border-danger-500 ax-text-danger-fore;
|
|
403
403
|
}
|
|
404
404
|
&:active {
|
|
405
405
|
@apply ax-bg-danger-700 ax-border-danger-700 ax-text-primary-fore;
|
|
@@ -407,7 +407,7 @@
|
|
|
407
407
|
}
|
|
408
408
|
|
|
409
409
|
&.ax-state-selected {
|
|
410
|
-
@apply ax-bg-danger ax-text-danger-fore;
|
|
410
|
+
@apply ax-bg-danger-500 ax-text-danger-fore;
|
|
411
411
|
}
|
|
412
412
|
}
|
|
413
413
|
&.ax-success-outline {
|
|
@@ -415,7 +415,7 @@
|
|
|
415
415
|
&:not(.ax-state-disabled) {
|
|
416
416
|
&:hover,
|
|
417
417
|
&:focus {
|
|
418
|
-
@apply ax-bg-success ax-border-success ax-text-success-fore;
|
|
418
|
+
@apply ax-bg-success-500 ax-border-success-500 ax-text-success-fore;
|
|
419
419
|
}
|
|
420
420
|
&:active {
|
|
421
421
|
@apply ax-bg-success-700 ax-border-success-700 ax-text-success-fore;
|
|
@@ -423,7 +423,7 @@
|
|
|
423
423
|
}
|
|
424
424
|
|
|
425
425
|
&.ax-state-selected {
|
|
426
|
-
@apply ax-bg-success ax-text-success-fore;
|
|
426
|
+
@apply ax-bg-success-500 ax-text-success-fore;
|
|
427
427
|
}
|
|
428
428
|
}
|
|
429
429
|
&.ax-info-outline {
|
|
@@ -431,7 +431,7 @@
|
|
|
431
431
|
&:not(.ax-state-disabled) {
|
|
432
432
|
&:hover,
|
|
433
433
|
&:focus {
|
|
434
|
-
@apply ax-bg-info ax-border-info ax-text-info-fore;
|
|
434
|
+
@apply ax-bg-info-500 ax-border-info-500 ax-text-info-fore;
|
|
435
435
|
}
|
|
436
436
|
&:active {
|
|
437
437
|
@apply ax-bg-info-700 ax-border-info-700 ax-text-info-fore;
|
|
@@ -439,29 +439,29 @@
|
|
|
439
439
|
}
|
|
440
440
|
|
|
441
441
|
&.ax-state-selected {
|
|
442
|
-
@apply ax-bg-info ax-text-info-fore;
|
|
442
|
+
@apply ax-bg-info-500 ax-text-info-fore;
|
|
443
443
|
}
|
|
444
444
|
}
|
|
445
445
|
&.ax-dark-outline {
|
|
446
|
-
@apply ax-bg-transparent ax-text-dark-500 ax-border-dark-500 hover:ax-bg-danger-500 dark:ax-text-dark-
|
|
446
|
+
@apply ax-bg-transparent ax-text-dark-500 ax-border-dark-500 hover:ax-bg-danger-500 dark:ax-text-dark-100 dark:ax-border-dark-100;
|
|
447
447
|
&:not(.ax-state-disabled) {
|
|
448
448
|
&:hover {
|
|
449
|
-
@apply ax-bg-dark-50 ax-border-dark ax-text-dark;
|
|
449
|
+
@apply ax-bg-dark-50 ax-border-dark-500 ax-text-dark-500 dark:ax-border-dark-300 dark:ax-bg-dark-300 dark:ax-text-light-100;
|
|
450
450
|
}
|
|
451
451
|
&:focus {
|
|
452
|
-
@apply ax-bg-dark-500 ax-border-dark-500 ax-text-dark-fore;
|
|
452
|
+
@apply ax-bg-dark-500 ax-border-dark-500 ax-text-dark-fore dark:ax-border-dark-300 dark:ax-bg-dark-300 dark:ax-text-light-100;
|
|
453
453
|
}
|
|
454
454
|
&:active {
|
|
455
|
-
@apply ax-bg-dark-700 ax-border-dark-700 ax-text-dark-fore;
|
|
455
|
+
@apply ax-bg-dark-700 ax-border-dark-700 ax-text-dark-fore dark:ax-bg-dark-200 ;
|
|
456
456
|
}
|
|
457
457
|
}
|
|
458
458
|
|
|
459
459
|
&.ax-state-selected {
|
|
460
|
-
@apply ax-bg-dark ax-text-dark-fore;
|
|
460
|
+
@apply ax-bg-dark-500 ax-text-dark-fore;
|
|
461
461
|
}
|
|
462
462
|
}
|
|
463
463
|
&.ax-light-outline {
|
|
464
|
-
@apply ax-bg-transparent ax-text-light-fore ax-border-light-300 dark:ax-text-light-200;
|
|
464
|
+
@apply ax-bg-transparent ax-text-light-fore ax-border-light-300 dark:ax-text-light-200 dark:ax-border-light-400;
|
|
465
465
|
&:not(.ax-state-disabled) {
|
|
466
466
|
&:hover,
|
|
467
467
|
&:focus {
|
|
@@ -590,11 +590,11 @@
|
|
|
590
590
|
}
|
|
591
591
|
}
|
|
592
592
|
&.ax-light-blank {
|
|
593
|
-
@apply ax-bg-transparent ax-text-light-
|
|
593
|
+
@apply ax-bg-transparent ax-text-light-600 ax-border-transparent dark:ax-text-light-300;
|
|
594
594
|
&:not(.ax-state-disabled) {
|
|
595
595
|
&:hover,
|
|
596
596
|
&:focus {
|
|
597
|
-
@apply ax-bg-light-
|
|
597
|
+
@apply ax-bg-light-50 ax-text-light-500 dark:ax-bg-transparent dark:ax-text-light-500;
|
|
598
598
|
}
|
|
599
599
|
&:active {
|
|
600
600
|
@apply ax-bg-light-200 ax-text-light-700 dark:ax-text-light-300;
|
|
@@ -607,7 +607,7 @@
|
|
|
607
607
|
}
|
|
608
608
|
// link
|
|
609
609
|
&.ax-primary-link {
|
|
610
|
-
@apply ax-rounded-none ax-border-b ax-border-r-0 ax-border-l-0 ax-border-t-0 ax-text-primary-500 ax-border-primary;
|
|
610
|
+
@apply ax-rounded-none ax-border-b ax-border-r-0 ax-border-l-0 ax-border-t-0 ax-text-primary-500 ax-border-primary-500;
|
|
611
611
|
&:not(.ax-state-disabled) {
|
|
612
612
|
&:hover,
|
|
613
613
|
&:focus {
|
|
@@ -623,7 +623,7 @@
|
|
|
623
623
|
}
|
|
624
624
|
}
|
|
625
625
|
&.ax-secondary-link {
|
|
626
|
-
@apply ax-rounded-none ax-border-b ax-border-r-0 ax-border-l-0 ax-border-t-0 ax-text-secondary-500 ax-border-secondary;
|
|
626
|
+
@apply ax-rounded-none ax-border-b ax-border-r-0 ax-border-l-0 ax-border-t-0 ax-text-secondary-500 ax-border-secondary-500;
|
|
627
627
|
&:not(.ax-state-disabled) {
|
|
628
628
|
&:hover,
|
|
629
629
|
&:focus {
|
|
@@ -639,7 +639,7 @@
|
|
|
639
639
|
}
|
|
640
640
|
}
|
|
641
641
|
&.ax-warning-link {
|
|
642
|
-
@apply ax-rounded-none ax-border-b ax-border-r-0 ax-border-l-0 ax-border-t-0 ax-text-warning-500 ax-border-warning;
|
|
642
|
+
@apply ax-rounded-none ax-border-b ax-border-r-0 ax-border-l-0 ax-border-t-0 ax-text-warning-500 ax-border-warning-500;
|
|
643
643
|
&:not(.ax-state-disabled) {
|
|
644
644
|
&:hover,
|
|
645
645
|
&:focus {
|
|
@@ -655,7 +655,7 @@
|
|
|
655
655
|
}
|
|
656
656
|
}
|
|
657
657
|
&.ax-danger-link {
|
|
658
|
-
@apply ax-rounded-none ax-border-b ax-border-r-0 ax-border-l-0 ax-border-t-0 ax-text-danger-500 ax-border-danger;
|
|
658
|
+
@apply ax-rounded-none ax-border-b ax-border-r-0 ax-border-l-0 ax-border-t-0 ax-text-danger-500 ax-border-danger-500;
|
|
659
659
|
&:not(.ax-state-disabled) {
|
|
660
660
|
&:hover,
|
|
661
661
|
&:focus {
|
|
@@ -671,7 +671,7 @@
|
|
|
671
671
|
}
|
|
672
672
|
}
|
|
673
673
|
&.ax-success-link {
|
|
674
|
-
@apply ax-rounded-none ax-border-b ax-border-r-0 ax-border-l-0 ax-border-t-0 ax-text-success-500 ax-border-success;
|
|
674
|
+
@apply ax-rounded-none ax-border-b ax-border-r-0 ax-border-l-0 ax-border-t-0 ax-text-success-500 ax-border-success-500;
|
|
675
675
|
&:not(.ax-state-disabled) {
|
|
676
676
|
&:hover,
|
|
677
677
|
&:focus {
|
|
@@ -687,7 +687,7 @@
|
|
|
687
687
|
}
|
|
688
688
|
}
|
|
689
689
|
&.ax-info-link {
|
|
690
|
-
@apply ax-rounded-none ax-border-b ax-border-r-0 ax-border-l-0 ax-border-t-0 ax-text-info-500 ax-border-info;
|
|
690
|
+
@apply ax-rounded-none ax-border-b ax-border-r-0 ax-border-l-0 ax-border-t-0 ax-text-info-500 ax-border-info-500;
|
|
691
691
|
&:not(.ax-state-disabled) {
|
|
692
692
|
&:hover,
|
|
693
693
|
&:focus {
|
|
@@ -703,11 +703,11 @@
|
|
|
703
703
|
}
|
|
704
704
|
}
|
|
705
705
|
&.ax-dark-link {
|
|
706
|
-
@apply ax-rounded-none ax-border-b ax-border-r-0 ax-border-l-0 ax-border-t-0 ax-text-dark-500 ax-border-dark dark:ax-border-dark-50 dark:ax-text-dark-50;
|
|
706
|
+
@apply ax-rounded-none ax-border-b ax-border-r-0 ax-border-l-0 ax-border-t-0 ax-text-dark-500 ax-border-dark-500 dark:ax-border-dark-50 dark:ax-text-dark-50;
|
|
707
707
|
&:not(.ax-state-disabled) {
|
|
708
708
|
&:hover,
|
|
709
709
|
&:focus {
|
|
710
|
-
@apply ax-text-dark-600 ax-border-dark-600 dark:ax-border-dark-
|
|
710
|
+
@apply ax-text-dark-600 ax-border-dark-600 dark:ax-border-dark-200 dark:ax-text-dark-200;
|
|
711
711
|
}
|
|
712
712
|
&:active {
|
|
713
713
|
@apply ax-text-dark-300 ax-border-dark-300 dark:ax-border-dark-100 dark:ax-text-dark-100;
|
|
@@ -728,7 +728,7 @@
|
|
|
728
728
|
@apply ax-text-light-500 ax-border-y-light-500;
|
|
729
729
|
}
|
|
730
730
|
&:active {
|
|
731
|
-
@apply ax-text-light-600 ax-border-light-600;
|
|
731
|
+
@apply ax-text-light-600 ax-border-light-600 dark:ax-border-light-200 dark:ax-text-light-200;
|
|
732
732
|
}
|
|
733
733
|
}
|
|
734
734
|
|
|
@@ -60,16 +60,16 @@
|
|
|
60
60
|
}
|
|
61
61
|
|
|
62
62
|
&.ax-state-holiday {
|
|
63
|
-
@apply ax-text-danger;
|
|
63
|
+
@apply ax-text-danger-500;
|
|
64
64
|
&:hover {
|
|
65
65
|
@apply ax-text-black dark:ax-text-light-100;
|
|
66
66
|
}
|
|
67
67
|
}
|
|
68
68
|
|
|
69
69
|
&.ax-state-today {
|
|
70
|
-
@apply ax-bg-opacity-70 ax-bg-primary-100 ax-text-primary dark:ax-bg-primary dark:ax-text-primary-fore;
|
|
70
|
+
@apply ax-bg-opacity-70 ax-bg-primary-100 ax-text-primary-500 dark:ax-bg-primary-500 dark:ax-text-primary-fore;
|
|
71
71
|
&:hover {
|
|
72
|
-
@apply ax-text-primary dark:ax-text-primary-fore;
|
|
72
|
+
@apply ax-text-primary-500 dark:ax-text-primary-fore;
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
75
|
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
}
|
|
79
79
|
|
|
80
80
|
&.ax-state-selected {
|
|
81
|
-
@apply ax-bg-primary ax-text-primary-fore ax-opacity-100;
|
|
81
|
+
@apply ax-bg-primary-500 ax-text-primary-fore ax-opacity-100;
|
|
82
82
|
|
|
83
83
|
&:hover {
|
|
84
84
|
@apply ax-text-primary-fore;
|
|
@@ -87,43 +87,43 @@
|
|
|
87
87
|
|
|
88
88
|
&.ax-state-event {
|
|
89
89
|
&::after {
|
|
90
|
-
@apply ax-absolute ax-bottom-0.5 ax-rounded-full ax-h-0.5 ax-w-4 ax-bg-dark;
|
|
90
|
+
@apply ax-absolute ax-bottom-0.5 ax-rounded-full ax-h-0.5 ax-w-4 ax-bg-dark-500;
|
|
91
91
|
content: "";
|
|
92
92
|
}
|
|
93
93
|
|
|
94
94
|
&.ax-state-event-primary {
|
|
95
95
|
&::after {
|
|
96
|
-
@apply ax-bg-primary;
|
|
96
|
+
@apply ax-bg-primary-500;
|
|
97
97
|
}
|
|
98
98
|
}
|
|
99
99
|
|
|
100
100
|
&.ax-state-event-secondary {
|
|
101
101
|
&::after {
|
|
102
|
-
@apply ax-bg-secondary;
|
|
102
|
+
@apply ax-bg-secondary-500;
|
|
103
103
|
}
|
|
104
104
|
}
|
|
105
105
|
|
|
106
106
|
&.ax-state-event-success {
|
|
107
107
|
&::after {
|
|
108
|
-
@apply ax-bg-success;
|
|
108
|
+
@apply ax-bg-success-500;
|
|
109
109
|
}
|
|
110
110
|
}
|
|
111
111
|
|
|
112
112
|
&.ax-state-event-warning {
|
|
113
113
|
&::after {
|
|
114
|
-
@apply ax-bg-warning;
|
|
114
|
+
@apply ax-bg-warning-500;
|
|
115
115
|
}
|
|
116
116
|
}
|
|
117
117
|
|
|
118
118
|
&.ax-state-event-danger {
|
|
119
119
|
&::after {
|
|
120
|
-
@apply ax-bg-danger;
|
|
120
|
+
@apply ax-bg-danger-500;
|
|
121
121
|
}
|
|
122
122
|
}
|
|
123
123
|
|
|
124
124
|
&.ax-state-event-info {
|
|
125
125
|
&::after {
|
|
126
|
-
@apply ax-bg-info;
|
|
126
|
+
@apply ax-bg-info-500;
|
|
127
127
|
}
|
|
128
128
|
}
|
|
129
129
|
}
|
|
@@ -4,17 +4,18 @@
|
|
|
4
4
|
|
|
5
5
|
.ax-wrapper {
|
|
6
6
|
&.ax-state-disabled {
|
|
7
|
-
@apply ax-cursor-not-allowed ax-opacity-
|
|
7
|
+
@apply ax-cursor-not-allowed ax-opacity-80;
|
|
8
8
|
input[type=checkbox] {
|
|
9
9
|
@apply ax-cursor-not-allowed;
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
input[type=checkbox] {
|
|
14
|
-
@apply ax-w-4 ax-h-4 ax-border-solid ax-border ax-border-light-300 ax-rounded ax-bg-white ax-text-primary ax-m-0 ax-outline-none ax-align-middle ax-appearance-none
|
|
14
|
+
@apply ax-w-4 ax-h-4 ax-border-solid ax-border ax-border-light-300 ax-rounded ax-bg-white ax-text-primary-500 ax-m-0 ax-outline-none ax-align-middle ax-appearance-none;
|
|
15
|
+
@include control-dark('editor');
|
|
15
16
|
&:checked,
|
|
16
17
|
&:indeterminate {
|
|
17
|
-
@apply ax-border-primary ax-bg-no-repeat ax-bg-
|
|
18
|
+
@apply ax-border-primary-500 ax-bg-no-repeat ax-bg-primary-500 ax-bg-contain #{!important};
|
|
18
19
|
}
|
|
19
20
|
&:checked {
|
|
20
21
|
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
|
|
@@ -23,7 +24,7 @@
|
|
|
23
24
|
background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzIiB5PSI3IiB3aWR0aD0iMTAiIGhlaWdodD0iMiIvPjwvc3ZnPg==");
|
|
24
25
|
}
|
|
25
26
|
&:focus {
|
|
26
|
-
@apply ax-ring-2 ax-ring-primary ax-ring-offset-2;
|
|
27
|
+
@apply ax-ring-2 ax-ring-primary-500 ax-ring-offset-2;
|
|
27
28
|
}
|
|
28
29
|
}
|
|
29
30
|
ax-label {
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
@layer components {
|
|
2
2
|
.ax-dialog {
|
|
3
|
-
@apply ax-grid ax-grid-cols-12 ax-gap-4 ax-px-6 ax-py-5 ax-relative ax-bg-white ax-shadow-md ax-border ax-border-solid ax-border-light-300 ax-rounded-lg ax-outline-none ax-overflow-hidden
|
|
3
|
+
@apply ax-grid ax-grid-cols-12 ax-gap-4 ax-px-6 ax-py-5 ax-relative ax-bg-white ax-shadow-md ax-border ax-border-solid ax-border-light-300 ax-rounded-lg ax-outline-none ax-overflow-hidden;
|
|
4
|
+
@include control-dark('surface');
|
|
4
5
|
@screen sm {
|
|
5
6
|
width: 98vw;
|
|
6
7
|
}
|
|
@@ -30,29 +31,29 @@
|
|
|
30
31
|
.ax-dialog-footer {
|
|
31
32
|
@apply ax-col-span-12 ax-flex ax-justify-end;
|
|
32
33
|
}
|
|
33
|
-
&.ax-primary {
|
|
34
|
+
&.ax-primary-default {
|
|
34
35
|
.ax-dialog-icon {
|
|
35
|
-
@apply ax-text-primary ax-bg-primary-200;
|
|
36
|
+
@apply ax-text-primary-500 ax-bg-primary-200;
|
|
36
37
|
}
|
|
37
38
|
}
|
|
38
|
-
&.ax-success {
|
|
39
|
+
&.ax-success-default {
|
|
39
40
|
.ax-dialog-icon {
|
|
40
|
-
@apply ax-text-success ax-bg-success-200;
|
|
41
|
+
@apply ax-text-success-500 ax-bg-success-200;
|
|
41
42
|
}
|
|
42
43
|
}
|
|
43
|
-
&.ax-danger {
|
|
44
|
+
&.ax-danger-default {
|
|
44
45
|
.ax-dialog-icon {
|
|
45
|
-
@apply ax-text-danger ax-bg-danger-200;
|
|
46
|
+
@apply ax-text-danger-500 ax-bg-danger-200;
|
|
46
47
|
}
|
|
47
48
|
}
|
|
48
|
-
&.ax-warning {
|
|
49
|
+
&.ax-warning-default {
|
|
49
50
|
.ax-dialog-icon {
|
|
50
|
-
@apply ax-text-warning ax-bg-warning-200;
|
|
51
|
+
@apply ax-text-warning-500 ax-bg-warning-200;
|
|
51
52
|
}
|
|
52
53
|
}
|
|
53
|
-
&.ax-info {
|
|
54
|
+
&.ax-info-default {
|
|
54
55
|
.ax-dialog-icon {
|
|
55
|
-
@apply ax-text-info ax-bg-info-200;
|
|
56
|
+
@apply ax-text-info-500 ax-bg-info-200;
|
|
56
57
|
}
|
|
57
58
|
}
|
|
58
59
|
|