@acorex/styles 21.0.0-next.66 → 21.0.0-next.68

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