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