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

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