@acorex/styles 21.0.0-next.6 → 21.0.0-next.7

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 (76) hide show
  1. package/components/{_action-item.scss → _action-item.css} +19 -27
  2. package/components/{_actionsheet.scss → _actionsheet.css} +10 -3
  3. package/components/{_check-box.scss → _check-box.css} +8 -17
  4. package/components/{_drop-down.scss → _drop-down.css} +27 -15
  5. package/components/_editor-container.css +306 -0
  6. package/components/{_list.scss → _list.css} +82 -42
  7. package/components/{_radio.scss → _radio.css} +16 -18
  8. package/components/{_table.scss → _table.css} +62 -19
  9. package/components/{_uploader.scss → _uploader.css} +13 -6
  10. package/components/index.css +11 -0
  11. package/icons/fontawesome/_variables.css +229 -0
  12. package/icons/fontawesome/index.css +555 -0
  13. package/icons/huge/huge-bulk/_variables.css +211 -0
  14. package/icons/huge/huge-bulk/index.css +520 -0
  15. package/icons/huge/huge-duotone/_variables.css +211 -0
  16. package/icons/huge/huge-duotone/index.css +517 -0
  17. package/icons/huge/huge-solid-rounded/_variables.css +211 -0
  18. package/icons/huge/huge-solid-rounded/index.css +504 -0
  19. package/icons/huge/huge-solid-sharp/_variables.css +213 -0
  20. package/icons/huge/huge-solid-sharp/index.css +517 -0
  21. package/icons/huge/huge-solid-standard/_variables.css +211 -0
  22. package/icons/huge/huge-solid-standard/index.css +516 -0
  23. package/icons/huge/huge-stroke-rounded/_variables.css +211 -0
  24. package/icons/huge/huge-stroke-rounded/index.css +515 -0
  25. package/icons/huge/huge-stroke-sharp/_variables.css +142 -0
  26. package/icons/huge/huge-stroke-sharp/index.css +515 -0
  27. package/icons/huge/huge-stroke-standard/_variables.css +141 -0
  28. package/icons/huge/huge-stroke-standard/index.css +515 -0
  29. package/icons/huge/huge-twotone/_variables.css +211 -0
  30. package/icons/huge/huge-twotone/index.css +516 -0
  31. package/icons/material/_variables.css +229 -0
  32. package/icons/material/index.css +573 -0
  33. package/index.css +25 -0
  34. package/package.json +1 -1
  35. package/tailwind-base.js +0 -4
  36. package/themes/{default.scss → default copy.scss } +6 -9
  37. package/themes/default.css +973 -0
  38. package/base/_preflight.scss +0 -424
  39. package/base/index.scss +0 -15
  40. package/components/_editor-container.scss +0 -293
  41. package/components/index.scss +0 -11
  42. package/generators/index.js +0 -1
  43. package/generators/tailwind-class-generator.js +0 -68
  44. package/icons/fontawesome/_variables.scss +0 -228
  45. package/icons/fontawesome/index.scss +0 -714
  46. package/icons/huge/huge-bulk/_variables.scss +0 -209
  47. package/icons/huge/huge-bulk/index.scss +0 -656
  48. package/icons/huge/huge-duotone/_variables.scss +0 -209
  49. package/icons/huge/huge-duotone/index.scss +0 -657
  50. package/icons/huge/huge-solid-rounded/_variables.scss +0 -209
  51. package/icons/huge/huge-solid-rounded/index.scss +0 -643
  52. package/icons/huge/huge-solid-sharp/_variables.scss +0 -209
  53. package/icons/huge/huge-solid-sharp/index.scss +0 -656
  54. package/icons/huge/huge-solid-standard/_variables.scss +0 -209
  55. package/icons/huge/huge-solid-standard/index.scss +0 -656
  56. package/icons/huge/huge-stroke-rounded/_variables.scss +0 -209
  57. package/icons/huge/huge-stroke-rounded/index.scss +0 -656
  58. package/icons/huge/huge-stroke-sharp/_variables.scss +0 -209
  59. package/icons/huge/huge-stroke-sharp/index.scss +0 -656
  60. package/icons/huge/huge-stroke-standard/_variables.scss +0 -209
  61. package/icons/huge/huge-stroke-standard/index.scss +0 -656
  62. package/icons/huge/huge-twotone/_variables.scss +0 -209
  63. package/icons/huge/huge-twotone/index.scss +0 -656
  64. package/icons/material/_variables.scss +0 -227
  65. package/icons/material/index.scss +0 -718
  66. package/index.scss +0 -7
  67. package/mixins/_editor-looks.scss +0 -32
  68. package/mixins/_media.scss +0 -73
  69. package/mixins/_scroll-bar.scss +0 -35
  70. package/mixins/_util.scss +0 -19
  71. package/mixins/index.scss +0 -4
  72. package/utils/_theme-generator.scss +0 -238
  73. package/utils/_utils.scss +0 -278
  74. package/utils/index.scss +0 -2
  75. /package/components/{_general-button.scss → _general-button.css} +0 -0
  76. /package/components/{_ripple.scss → _ripple.css} +0 -0
@@ -1,714 +0,0 @@
1
- @use './variables';
2
-
3
- .ax-icon-thin {
4
- --ax-sys-icon-weight: 100;
5
- }
6
- .ax-icon-light {
7
- --ax-sys-icon-weight: 300;
8
- }
9
- .ax-icon-regular {
10
- --ax-sys-icon-weight: 400;
11
- }
12
- .ax-icon-solid {
13
- --ax-sys-icon-weight: 900;
14
- }
15
-
16
- .ax-icon {
17
- -moz-osx-font-smoothing: grayscale;
18
- -webkit-font-smoothing: antialiased;
19
- display: inline-flex !important;
20
- align-items: center;
21
- justify-content: center;
22
- font-style: normal;
23
- font-variant: normal;
24
- text-rendering: auto;
25
- font-family: 'Font Awesome 6 Pro';
26
- width: var(--ax-sys-icon-width, inherit);
27
- height: var(--ax-sys-icon-height, inherit);
28
- font-weight: var(--ax-sys-icon-weight, 400);
29
- font-size: var(--ax-sys-icon-size, 100%);
30
- }
31
-
32
- .ax-icon-more-horizontal {
33
- &:before {
34
- content: variables.$ax-icon-more-horizontal;
35
- }
36
- &:after {
37
- content: variables.$ax-icon-more-horizontal-after;
38
- }
39
- }
40
-
41
- .ax-icon-more-vertical {
42
- &:before {
43
- content: variables.$ax-icon-more-vertical;
44
- }
45
- &:after {
46
- content: variables.$ax-icon-more-vertical-after;
47
- }
48
- }
49
-
50
- .ax-icon-arrow-long-up {
51
- &:before {
52
- content: variables.$ax-icon-arrow-long-up;
53
- }
54
- &:after {
55
- content: variables.$ax-icon-arrow-long-up-after;
56
- }
57
- }
58
-
59
- .ax-icon-arrow-long-down {
60
- &:before {
61
- content: variables.$ax-icon-arrow-long-down;
62
- }
63
- &:after {
64
- content: variables.$ax-icon-arrow-long-down-after;
65
- }
66
- }
67
-
68
- .ax-icon-color-palette {
69
- &:before {
70
- content: variables.$ax-icon-color-palette;
71
- }
72
- &:after {
73
- content: variables.$ax-icon-color-palette-after;
74
- }
75
- }
76
-
77
- .ax-icon-arrow-left {
78
- &:before {
79
- content: variables.$ax-icon-arrow-left;
80
- }
81
- &:after {
82
- content: variables.$ax-icon-arrow-left-after;
83
- }
84
- }
85
-
86
- .ax-icon-arrow-down {
87
- &:before {
88
- content: variables.$ax-icon-arrow-down;
89
- }
90
- &:after {
91
- content: variables.$ax-icon-arrow-down-after;
92
- }
93
- }
94
-
95
- .ax-icon-arrow-up {
96
- &:before {
97
- content: variables.$ax-icon-arrow-up;
98
- }
99
- &:after {
100
- content: variables.$ax-icon-arrow-up-after;
101
- }
102
- }
103
-
104
- .ax-icon-arrow-right {
105
- &:before {
106
- content: variables.$ax-icon-arrow-right;
107
- }
108
- &:after {
109
- content: variables.$ax-icon-arrow-right-after;
110
- }
111
- }
112
-
113
- .ax-icon-chevron-left {
114
- &:before {
115
- content: variables.$ax-icon-chevron-left;
116
- }
117
- &:after {
118
- content: variables.$ax-icon-chevron-left-after;
119
- }
120
- }
121
-
122
- .ax-icon-chevron-down {
123
- &:before {
124
- content: variables.$ax-icon-chevron-down;
125
- }
126
- &:after {
127
- content: variables.$ax-icon-chevron-down-after;
128
- }
129
- }
130
-
131
- .ax-icon-chevron-up {
132
- &:before {
133
- content: variables.$ax-icon-chevron-up;
134
- }
135
- &:after {
136
- content: variables.$ax-icon-chevron-up-after;
137
- }
138
- }
139
-
140
- .ax-icon-chevron-right {
141
- &:before {
142
- content: variables.$ax-icon-chevron-right;
143
- }
144
- &:after {
145
- content: variables.$ax-icon-chevron-right-after;
146
- }
147
- }
148
-
149
- .ax-icon-chevron-double-right {
150
- &:before {
151
- content: variables.$ax-icon-chevron-double-right;
152
- }
153
- &:after {
154
- content: variables.$ax-icon-chevron-double-right-after;
155
- }
156
- }
157
-
158
- .ax-icon-chevron-double-left {
159
- &:before {
160
- content: variables.$ax-icon-chevron-double-left;
161
- }
162
- &:after {
163
- content: variables.$ax-icon-chevron-double-left-after;
164
- }
165
- }
166
-
167
- .ax-icon-first-page {
168
- &:before {
169
- content: variables.$ax-icon-first-page;
170
- }
171
- &:after {
172
- content: variables.$ax-icon-first-page-after;
173
- }
174
- }
175
-
176
- .ax-icon-last-page {
177
- &:before {
178
- content: variables.$ax-icon-last-page;
179
- }
180
- &:after {
181
- content: variables.$ax-icon-last-page-after;
182
- }
183
- }
184
-
185
- .ax-icon-calendar {
186
- &:before {
187
- content: variables.$ax-icon-calendar;
188
- }
189
- &:after {
190
- content: variables.$ax-icon-calendar-after;
191
- }
192
- }
193
-
194
- .ax-icon-error {
195
- &:before {
196
- content: variables.$ax-icon-error;
197
- }
198
- &:after {
199
- content: variables.$ax-icon-error-after;
200
- }
201
- }
202
-
203
- .ax-icon-info {
204
- &:before {
205
- content: variables.$ax-icon-info;
206
- }
207
- &:after {
208
- content: variables.$ax-icon-info-after;
209
- }
210
- }
211
-
212
- .ax-icon-warning {
213
- &:before {
214
- content: variables.$ax-icon-warning;
215
- }
216
- &:after {
217
- content: variables.$ax-icon-warning-after;
218
- }
219
- }
220
-
221
- .ax-icon-check-circle {
222
- &:before {
223
- content: variables.$ax-icon-check-circle;
224
- }
225
- &:after {
226
- content: variables.$ax-icon-check-circle-after;
227
- }
228
- }
229
-
230
- .ax-icon-close {
231
- &:before {
232
- content: variables.$ax-icon-close;
233
- }
234
- &:after {
235
- content: variables.$ax-icon-close-after;
236
- }
237
- }
238
-
239
- .ax-icon-clear {
240
- &:before {
241
- content: variables.$ax-icon-clear;
242
- }
243
- &:after {
244
- content: variables.$ax-icon-clear-after;
245
- }
246
- }
247
-
248
- .ax-icon-visibility-off {
249
- &:before {
250
- content: variables.$ax-icon-visibility-off;
251
- }
252
- &:after {
253
- content: variables.$ax-icon-visibility-off-after;
254
- }
255
- }
256
-
257
- .ax-icon-visibility {
258
- &:before {
259
- content: variables.$ax-icon-visibility;
260
- }
261
- &:after {
262
- content: variables.$ax-icon-visibility-after;
263
- }
264
- }
265
-
266
- .ax-icon-unfold-more {
267
- &:before {
268
- content: variables.$ax-icon-unfold-more;
269
- }
270
- &:after {
271
- content: variables.$ax-icon-unfold-more-after;
272
- }
273
- }
274
-
275
- .ax-icon-download {
276
- &:before {
277
- content: variables.$ax-icon-download;
278
- }
279
- &:after {
280
- content: variables.$ax-icon-download-after;
281
- }
282
- }
283
-
284
- .ax-icon-upload {
285
- &:before {
286
- content: variables.$ax-icon-upload;
287
- }
288
- &:after {
289
- content: variables.$ax-icon-upload-after;
290
- }
291
- }
292
-
293
- .ax-icon-search {
294
- &:before {
295
- content: variables.$ax-icon-search;
296
- }
297
- &:after {
298
- content: variables.$ax-icon-search-after;
299
- }
300
- }
301
-
302
- .ax-icon-copy {
303
- &:before {
304
- content: variables.$ax-icon-copy;
305
- }
306
- &:after {
307
- content: variables.$ax-icon-copy-after;
308
- }
309
- }
310
-
311
- .ax-icon-refresh {
312
- &:before {
313
- content: variables.$ax-icon-refresh;
314
- }
315
- &:after {
316
- content: variables.$ax-icon-refresh-after;
317
- }
318
- }
319
-
320
- .ax-icon-inbox {
321
- &:before {
322
- content: variables.$ax-icon-inbox;
323
- }
324
- &:after {
325
- content: variables.$ax-icon-inbox-after;
326
- }
327
- }
328
-
329
- .ax-icon-emoji {
330
- &:before {
331
- content: variables.$ax-icon-emoji;
332
- }
333
- &:after {
334
- content: variables.$ax-icon-emoji-after;
335
- }
336
- }
337
-
338
- .ax-icon-attach {
339
- &:before {
340
- content: variables.$ax-icon-attach;
341
- }
342
- &:after {
343
- content: variables.$ax-icon-attach-after;
344
- }
345
- }
346
-
347
- .ax-icon-mic {
348
- &:before {
349
- content: variables.$ax-icon-mic;
350
- }
351
- &:after {
352
- content: variables.$ax-icon-mic-after;
353
- }
354
- }
355
-
356
- .ax-icon-send {
357
- &:before {
358
- content: variables.$ax-icon-send;
359
- }
360
- &:after {
361
- content: variables.$ax-icon-send-after;
362
- }
363
- }
364
-
365
- .ax-icon-check {
366
- &:before {
367
- content: variables.$ax-icon-check;
368
- }
369
- &:after {
370
- content: variables.$ax-icon-check-after;
371
- }
372
- }
373
-
374
- .ax-icon-dobble-check {
375
- &:before {
376
- content: variables.$ax-icon-dobble-check;
377
- }
378
- &:after {
379
- content: variables.$ax-icon-dobble-check-after;
380
- }
381
- }
382
-
383
- .ax-icon-pause {
384
- &:before {
385
- content: variables.$ax-icon-pause;
386
- }
387
- &:after {
388
- content: variables.$ax-icon-pause-after;
389
- }
390
- }
391
-
392
- .ax-icon-play {
393
- &:before {
394
- content: variables.$ax-icon-play;
395
- }
396
- &:after {
397
- content: variables.$ax-icon-play-after;
398
- }
399
- }
400
-
401
- .ax-icon-reload {
402
- &:before {
403
- content: variables.$ax-icon-reload;
404
- }
405
- &:after {
406
- content: variables.$ax-icon-reload-after;
407
- }
408
- }
409
-
410
- .ax-icon-heart {
411
- &:before {
412
- content: variables.$ax-icon-heart;
413
- }
414
- &:after {
415
- content: variables.$ax-icon-heart-after;
416
- }
417
- }
418
-
419
- .ax-icon-comment {
420
- &:before {
421
- content: variables.$ax-icon-comment;
422
- }
423
- &:after {
424
- content: variables.$ax-icon-comment-after;
425
- }
426
- }
427
-
428
- .ax-icon-bold {
429
- &:before {
430
- content: variables.$ax-icon-bold;
431
- }
432
- &:after {
433
- content: variables.$ax-icon-bold-after;
434
- }
435
- }
436
-
437
- .ax-icon-italic {
438
- &:before {
439
- content: variables.$ax-icon-italic;
440
- }
441
- &:after {
442
- content: variables.$ax-icon-italic-after;
443
- }
444
- }
445
-
446
- .ax-icon-under-line {
447
- &:before {
448
- content: variables.$ax-icon-under-line;
449
- }
450
- &:after {
451
- content: variables.$ax-icon-under-line-after;
452
- }
453
- }
454
-
455
- .ax-icon-strike {
456
- &:before {
457
- content: variables.$ax-icon-strike;
458
- }
459
- &:after {
460
- content: variables.$ax-icon-strike-after;
461
- }
462
- }
463
-
464
- .ax-icon-order-list {
465
- &:before {
466
- content: variables.$ax-icon-order-list;
467
- }
468
- &:after {
469
- content: variables.$ax-icon-order-list-after;
470
- }
471
- }
472
-
473
- .ax-icon-un-order-list {
474
- &:before {
475
- content: variables.$ax-icon-un-order-list;
476
- }
477
- &:after {
478
- content: variables.$ax-icon-un-order-list-after;
479
- }
480
- }
481
-
482
- .ax-icon-align-left {
483
- &:before {
484
- content: variables.$ax-icon-align-left;
485
- }
486
- &:after {
487
- content: variables.$ax-icon-align-left-after;
488
- }
489
- }
490
-
491
- .ax-icon-align-right {
492
- &:before {
493
- content: variables.$ax-icon-align-right;
494
- }
495
- &:after {
496
- content: variables.$ax-icon-align-right-after;
497
- }
498
- }
499
-
500
- .ax-icon-align-center {
501
- &:before {
502
- content: variables.$ax-icon-align-center;
503
- }
504
- &:after {
505
- content: variables.$ax-icon-align-center-after;
506
- }
507
- }
508
-
509
- .ax-icon-align-justify {
510
- &:before {
511
- content: variables.$ax-icon-align-justify;
512
- }
513
- &:after {
514
- content: variables.$ax-icon-align-justify-after;
515
- }
516
- }
517
-
518
- .ax-icon-undo {
519
- &:before {
520
- content: variables.$ax-icon-undo;
521
- }
522
- &:after {
523
- content: variables.$ax-icon-undo-after;
524
- }
525
- }
526
-
527
- .ax-icon-redo {
528
- &:before {
529
- content: variables.$ax-icon-redo;
530
- }
531
- &:after {
532
- content: variables.$ax-icon-redo-after;
533
- }
534
- }
535
-
536
- .ax-icon-highlight {
537
- &:before {
538
- content: variables.$ax-icon-highlight;
539
- }
540
- &:after {
541
- content: variables.$ax-icon-highlight-after;
542
- }
543
- }
544
-
545
- .ax-icon-link {
546
- &:before {
547
- content: variables.$ax-icon-link;
548
- }
549
- &:after {
550
- content: variables.$ax-icon-link-after;
551
- }
552
- }
553
-
554
- .ax-icon-image {
555
- &:before {
556
- content: variables.$ax-icon-image;
557
- }
558
- &:after {
559
- content: variables.$ax-icon-image-after;
560
- }
561
- }
562
-
563
- .ax-icon-pen {
564
- &:before {
565
- content: variables.$ax-icon-pen;
566
- }
567
- &:after {
568
- content: variables.$ax-icon-pen-after;
569
- }
570
- }
571
-
572
- .ax-icon-eraser {
573
- &:before {
574
- content: variables.$ax-icon-eraser;
575
- }
576
- &:after {
577
- content: variables.$ax-icon-eraser-after;
578
- }
579
- }
580
-
581
- .ax-icon-pen-ruler {
582
- &:before {
583
- content: variables.$ax-icon-pen-ruler;
584
- }
585
- &:after {
586
- content: variables.$ax-icon-pen-ruler-after;
587
- }
588
- }
589
-
590
- .ax-icon-crop {
591
- &:before {
592
- content: variables.$ax-icon-crop;
593
- }
594
- &:after {
595
- content: variables.$ax-icon-crop-after;
596
- }
597
- }
598
-
599
- .ax-icon-full-screen {
600
- &:before {
601
- content: variables.$ax-icon-full-screen;
602
- }
603
- &:after {
604
- content: variables.$ax-icon-full-screen-after;
605
- }
606
- }
607
-
608
- .ax-icon-up-folder {
609
- &:before {
610
- content: variables.$ax-icon-up-folder;
611
- }
612
- &:after {
613
- content: variables.$ax-icon-up-folder-after;
614
- }
615
- }
616
-
617
- .ax-icon-sort {
618
- &:before {
619
- content: variables.$ax-icon-sort;
620
- }
621
- &:after {
622
- content: variables.$ax-icon-sort-after;
623
- }
624
- }
625
-
626
- .ax-icon-menu {
627
- &:before {
628
- content: variables.$ax-icon-menu;
629
- }
630
- &:after {
631
- content: variables.$ax-icon-menu-after;
632
- }
633
- }
634
-
635
- .ax-icon-plus {
636
- &:before {
637
- content: variables.$ax-icon-plus;
638
- }
639
- &:after {
640
- content: variables.$ax-icon-plus-after;
641
- }
642
- }
643
-
644
- .ax-icon-trash {
645
- &:before {
646
- content: variables.$ax-icon-trash;
647
- }
648
- &:after {
649
- content: variables.$ax-icon-trash-after;
650
- }
651
- }
652
-
653
- .ax-icon-arrow-turn-right {
654
- &:before {
655
- content: variables.$ax-icon-arrow-turn-right;
656
- }
657
- &:after {
658
- content: variables.$ax-icon-arrow-turn-right-after;
659
- }
660
- }
661
-
662
- .ax-icon-arrow-turn-left {
663
- &:before {
664
- content: variables.$ax-icon-arrow-turn-left;
665
- }
666
- &:after {
667
- content: variables.$ax-icon-arrow-turn-left-after;
668
- }
669
- }
670
-
671
- .ax-icon-save {
672
- &:before {
673
- content: variables.$ax-icon-save;
674
- }
675
- &:after {
676
- content: variables.$ax-icon-save-after;
677
- }
678
- }
679
-
680
- .ax-icon-minimize {
681
- &:before {
682
- content: variables.$ax-icon-minimize;
683
- }
684
- &:after {
685
- content: variables.$ax-icon-minimize-after;
686
- }
687
- }
688
-
689
- .ax-icon-maximize {
690
- &:before {
691
- content: variables.$ax-icon-maximize;
692
- }
693
- &:after {
694
- content: variables.$ax-icon-maximize-after;
695
- }
696
- }
697
-
698
- .ax-icon-code {
699
- &:before {
700
- content: variables.$ax-icon-code;
701
- }
702
- &:after {
703
- content: variables.$ax-icon-code-after;
704
- }
705
- }
706
-
707
- .ax-icon-paragraph {
708
- &:before {
709
- content: variables.$ax-icon-paragraph;
710
- }
711
- &:after {
712
- content: variables.$ax-icon-paragraph-after;
713
- }
714
- }