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

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/base/_preflight.scss +421 -0
  2. package/base/index.scss +15 -0
  3. package/components/{_action-item.css → _action-item.scss} +37 -12
  4. package/components/{_actionsheet.css → _actionsheet.scss} +9 -13
  5. package/components/{_check-box.css → _check-box.scss} +24 -8
  6. package/components/{_drop-down.css → _drop-down.scss} +17 -18
  7. package/components/_editor-container.scss +293 -0
  8. package/components/_general-button.scss +75 -0
  9. package/components/{_list.css → _list.scss} +56 -25
  10. package/components/_radio.scss +51 -0
  11. package/components/{_ripple.css → _ripple.scss} +8 -8
  12. package/components/{_table.css → _table.scss} +23 -20
  13. package/components/{_uploader.css → _uploader.scss} +20 -1
  14. package/components/index.scss +11 -0
  15. package/generators/index.js +1 -0
  16. package/generators/tailwind-class-generator.js +68 -0
  17. package/icons/fontawesome/_variables.scss +227 -0
  18. package/icons/fontawesome/index.scss +714 -0
  19. package/icons/huge/huge-bulk/_variables.scss +209 -0
  20. package/icons/huge/huge-bulk/index.scss +656 -0
  21. package/icons/huge/huge-duotone/_variables.scss +209 -0
  22. package/icons/huge/huge-duotone/index.scss +657 -0
  23. package/icons/huge/huge-solid-rounded/_variables.scss +209 -0
  24. package/icons/huge/huge-solid-rounded/index.scss +643 -0
  25. package/icons/huge/huge-solid-sharp/_variables.scss +209 -0
  26. package/icons/huge/huge-solid-sharp/index.scss +656 -0
  27. package/icons/huge/huge-solid-standard/_variables.scss +209 -0
  28. package/icons/huge/huge-solid-standard/index.scss +656 -0
  29. package/icons/huge/huge-stroke-rounded/_variables.scss +209 -0
  30. package/icons/huge/huge-stroke-rounded/index.scss +656 -0
  31. package/icons/huge/huge-stroke-sharp/_variables.scss +209 -0
  32. package/icons/huge/huge-stroke-sharp/index.scss +656 -0
  33. package/icons/huge/huge-stroke-standard/_variables.scss +209 -0
  34. package/icons/huge/huge-stroke-standard/index.scss +656 -0
  35. package/icons/huge/huge-twotone/_variables.scss +209 -0
  36. package/icons/huge/huge-twotone/index.scss +656 -0
  37. package/icons/material/_variables.scss +227 -0
  38. package/icons/material/index.scss +718 -0
  39. package/index.scss +7 -0
  40. package/mixins/_editor-looks.scss +32 -0
  41. package/mixins/_media.scss +73 -0
  42. package/mixins/_scroll-bar.scss +35 -0
  43. package/mixins/_util.scss +19 -0
  44. package/mixins/index.scss +4 -0
  45. package/package.json +4 -7
  46. package/tailwind-base.js +4 -0
  47. package/themes/default.scss +74 -0
  48. package/utils/_theme-generator.scss +238 -0
  49. package/utils/_utils.scss +278 -0
  50. package/utils/index.scss +2 -0
  51. package/variables/_colors.scss +14 -0
  52. package/variables/_looks.scss +1 -0
  53. package/variables/index.scss +2 -0
  54. package/components/_editor-container copy.css +0 -267
  55. package/components/_editor-container.css +0 -82
  56. package/components/_general-button.css +0 -37
  57. package/components/_radio.css +0 -33
  58. package/components/index.css +0 -11
  59. package/icons/fontawesome/_variables.css +0 -229
  60. package/icons/fontawesome/index.css +0 -557
  61. package/icons/huge/huge-bulk/_variables.css +0 -211
  62. package/icons/huge/huge-bulk/index.css +0 -522
  63. package/icons/huge/huge-duotone/_variables.css +0 -211
  64. package/icons/huge/huge-duotone/index.css +0 -519
  65. package/icons/huge/huge-solid-rounded/_variables.css +0 -211
  66. package/icons/huge/huge-solid-rounded/index.css +0 -519
  67. package/icons/huge/huge-solid-sharp/_variables.css +0 -213
  68. package/icons/huge/huge-solid-sharp/index.css +0 -519
  69. package/icons/huge/huge-solid-standard/_variables.css +0 -211
  70. package/icons/huge/huge-solid-standard/index.css +0 -518
  71. package/icons/huge/huge-stroke-rounded/_variables.css +0 -211
  72. package/icons/huge/huge-stroke-rounded/index.css +0 -517
  73. package/icons/huge/huge-stroke-sharp/_variables.css +0 -142
  74. package/icons/huge/huge-stroke-sharp/index.css +0 -517
  75. package/icons/huge/huge-stroke-standard/_variables.css +0 -141
  76. package/icons/huge/huge-stroke-standard/index.css +0 -517
  77. package/icons/huge/huge-twotone/_variables.css +0 -211
  78. package/icons/huge/huge-twotone/index.css +0 -518
  79. package/icons/material/_variables.css +0 -229
  80. package/icons/material/index.css +0 -575
  81. package/index.css +0 -2
  82. package/themes/default.css +0 -3041
@@ -1,557 +0,0 @@
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
- }