@acorex/styles 22.0.0-next.2 → 22.0.0-next.21

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