@acorex/styles 21.0.0-next.16 → 21.0.0-next.18

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/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.css → _general-button.scss} +7 -3
  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} +5 -5
  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 +228 -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.css → index.scss} +3 -3
  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 -5
  46. package/tailwind-base.js +4 -0
  47. package/themes/{default copy.scss → default.scss} +9 -6
  48. package/utils/_theme-generator.scss +238 -0
  49. package/utils/_utils.scss +278 -0
  50. package/utils/index.scss +2 -0
  51. package/components/_editor-container.css +0 -306
  52. package/components/_radio.css +0 -33
  53. package/components/index.css +0 -11
  54. package/icons/fontawesome/_variables.css +0 -229
  55. package/icons/fontawesome/index.css +0 -555
  56. package/icons/huge/huge-bulk/_variables.css +0 -211
  57. package/icons/huge/huge-bulk/index.css +0 -520
  58. package/icons/huge/huge-duotone/_variables.css +0 -211
  59. package/icons/huge/huge-duotone/index.css +0 -517
  60. package/icons/huge/huge-solid-rounded/_variables.css +0 -211
  61. package/icons/huge/huge-solid-rounded/index.css +0 -504
  62. package/icons/huge/huge-solid-sharp/_variables.css +0 -213
  63. package/icons/huge/huge-solid-sharp/index.css +0 -517
  64. package/icons/huge/huge-solid-standard/_variables.css +0 -211
  65. package/icons/huge/huge-solid-standard/index.css +0 -516
  66. package/icons/huge/huge-stroke-rounded/_variables.css +0 -211
  67. package/icons/huge/huge-stroke-rounded/index.css +0 -515
  68. package/icons/huge/huge-stroke-sharp/_variables.css +0 -142
  69. package/icons/huge/huge-stroke-sharp/index.css +0 -515
  70. package/icons/huge/huge-stroke-standard/_variables.css +0 -141
  71. package/icons/huge/huge-stroke-standard/index.css +0 -515
  72. package/icons/huge/huge-twotone/_variables.css +0 -211
  73. package/icons/huge/huge-twotone/index.css +0 -516
  74. package/icons/material/_variables.css +0 -229
  75. package/icons/material/index.css +0 -573
  76. package/themes/default.css +0 -1240
@@ -1,555 +0,0 @@
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
- }