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