@acorex/styles 18.8.8 → 18.9.0

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,179 @@
1
+ $ax-icon-more-horizontal: '緀'; //more-horizontal
2
+ $ax-icon-more-horizontal-after: '綻'; //more-horizontal
3
+
4
+ $ax-icon-more-vertical: '緑'; //more-vertical
5
+ $ax-icon-more-vertical-after: '緌'; //more-vertical
6
+
7
+ $ax-icon-arrow-long-up: '泐'; //arrow-up-02
8
+ $ax-icon-arrow-long-up-after: '泏'; //arrow-up-02
9
+
10
+ $ax-icon-arrow-long-down: '汸'; //arrow-down-02
11
+ $ax-icon-arrow-long-down-after: '汷'; //arrow-down-02
12
+
13
+ $ax-icon-color-palette: '罈'; //paint-board
14
+ $ax-icon-color-palette-after: '罇'; //paint-board
15
+
16
+ $ax-icon-arrow-left: '沜'; //arrow-left-04
17
+ $ax-icon-arrow-left-after: '沛'; //arrow-left-04
18
+
19
+ $ax-icon-arrow-down: '汼'; //arrow-down-04
20
+ $ax-icon-arrow-down-after: '汻'; //arrow-down-04
21
+
22
+ $ax-icon-arrow-up: '泔'; //arrow-up-04
23
+ $ax-icon-arrow-up-after: '泓'; //arrow-up-04
24
+
25
+ $ax-icon-arrow-right: '沺'; //arrow-right-04
26
+ $ax-icon-arrow-right-after: '油'; //arrow-right-04
27
+
28
+ $ax-icon-chevron-left: '沖'; //arrow-left-01
29
+ $ax-icon-chevron-left-after: '沕'; //arrow-left-01
30
+
31
+ $ax-icon-chevron-down: '汶'; //arrow-down-01
32
+ $ax-icon-chevron-down-after: '汵'; //arrow-down-01
33
+
34
+ $ax-icon-chevron-up: '泎'; //arrow-up-01
35
+ $ax-icon-chevron-up-after: '泍'; //arrow-up-01
36
+
37
+ $ax-icon-chevron-right: '沴'; //arrow-right-01
38
+ $ax-icon-chevron-right-after: '河'; //arrow-right-01
39
+
40
+ $ax-icon-first-page: '沚'; //arrow-left-03
41
+ $ax-icon-first-page-after: '沙'; //arrow-left-03
42
+
43
+ $ax-icon-last-page: '沸'; //arrow-right-03
44
+ $ax-icon-last-page-after: '沷'; //arrow-right-03
45
+
46
+ $ax-icon-calendar: '澊'; //calendar-01
47
+ $ax-icon-calendar-after: '澉'; //calendar-01
48
+
49
+ $ax-icon-info: '社'; //information-circle
50
+ $ax-icon-info-after: '礽'; //information-circle
51
+
52
+ $ax-icon-error: '毈'; //alert-circle
53
+ $ax-icon-error-after: '毇'; //alert-circle
54
+
55
+ $ax-icon-warning: '毄'; //alert-01
56
+ $ax-icon-warning-after: '毃'; //alert-01
57
+
58
+ $ax-icon-check: '蟒'; //tick-02
59
+ $ax-icon-check-after: '蟑'; //tick-02
60
+
61
+ $ax-icon-check-circle: '焐'; //checkmark-circle-02
62
+ $ax-icon-check-circle-after: '焏'; //checkmark-circle-02
63
+
64
+ $ax-icon-dobble-check: '蟚'; //tick-double-02
65
+ $ax-icon-dobble-check-after: '蟙'; //tick-double-02
66
+
67
+ $ax-icon-close: '灆'; //cancel-01
68
+ $ax-icon-close-after: '灅'; //cancel-01
69
+
70
+ $ax-icon-clear: '灌'; //cancel-circle
71
+ $ax-icon-clear-after: '灋'; //cancel-circle
72
+
73
+ $ax-icon-visibility-off: '觅'; //view-off-slash
74
+ $ax-icon-visibility-off-after: '规'; //view-off-slash
75
+
76
+ $ax-icon-visibility: '疎'; //eye
77
+ $ax-icon-visibility-after: '疍'; //eye
78
+
79
+ $ax-icon-unfold-more: '褄'; //unfold-more
80
+ $ax-icon-unfold-more-after: '褃'; //unfold-more
81
+
82
+ $ax-icon-download: '璨'; //download-04
83
+ $ax-icon-download-after: '璧'; //download-04
84
+
85
+ $ax-icon-upload: '褢'; //upload-04
86
+ $ax-icon-upload-after: '褡'; //upload-04
87
+
88
+ $ax-icon-search: '苬'; //search-01
89
+ $ax-icon-search-after: '苫'; //search-01
90
+
91
+ $ax-icon-copy: '犪'; //copy-01
92
+ $ax-icon-copy-after: '犩'; //copy-01
93
+
94
+ $ax-icon-refresh: '沰'; //arrow-reload-horizontal
95
+ $ax-icon-refresh-after: '沯'; //arrow-reload-horizontal
96
+
97
+ $ax-icon-inbox: '礤'; //inbox
98
+ $ax-icon-inbox-after: '礟'; //inbox
99
+
100
+ $ax-icon-emoji: '葲'; //smile
101
+ $ax-icon-emoji-after: '葱'; //smile
102
+
103
+ $ax-icon-attach: '洐'; //attachment-01
104
+ $ax-icon-attach-after: '洏'; //attachment-01
105
+
106
+ $ax-icon-mic: '糬'; //mic-01
107
+ $ax-icon-mic-after: '糫'; //mic-01
108
+
109
+ $ax-icon-send: '茮'; //sent
110
+ $ax-icon-send-after: '茭'; //sent
111
+
112
+ $ax-icon-play: '耸'; //play
113
+ $ax-icon-play-after: '耳'; //play
114
+
115
+ $ax-icon-pause: '羔'; //pause
116
+ $ax-icon-pause-after: '羓'; //pause
117
+
118
+ $ax-icon-reload: '膦'; //reload
119
+ $ax-icon-reload-after: '膥'; //reload
120
+
121
+ $ax-icon-heart: '疦'; //favourite
122
+ $ax-icon-heart-after: '疣'; //favourite
123
+
124
+ $ax-icon-comment: '牀'; //comment-01
125
+ $ax-icon-comment-after: '爿'; //comment-01
126
+
127
+ $ax-icon-bold: '蝔'; //text-bold
128
+ $ax-icon-bold-after: '蝓'; //text-bold
129
+
130
+ $ax-icon-italic: '蝺'; //text-italic
131
+ $ax-icon-italic-after: '蝷'; //text-italic
132
+
133
+ $ax-icon-strike: '螇'; //text-strikethrough
134
+ $ax-icon-strike-after: '螆'; //text-strikethrough
135
+
136
+ $ax-icon-under-line: '螏'; //text-underline
137
+ $ax-icon-under-line-after: '螎'; //text-underline
138
+
139
+ $ax-icon-order-list: '窞'; //left-to-right-list-number
140
+ $ax-icon-order-list-after: '窝'; //left-to-right-list-number
141
+
142
+ $ax-icon-un-order-list: '窚'; //left-to-right-list-bullet
143
+ $ax-icon-un-order-list-after: '窙'; //left-to-right-list-bullet
144
+
145
+ $ax-icon-align-left: '蝌'; //text-align-left
146
+ $ax-icon-align-left-after: '蝋'; //text-align-left
147
+
148
+ $ax-icon-align-right: '蝐'; //text-align-right
149
+ $ax-icon-align-right-after: '蝏'; //text-align-right
150
+
151
+ $ax-icon-align-center: '蝂'; //text-align-center
152
+ $ax-icon-align-center-after: '蝁'; //text-align-center
153
+
154
+ $ax-icon-align-justify: '蝄'; //text-align-justify-center
155
+ $ax-icon-align-justify-after: '蝃'; //text-align-justify-center
156
+
157
+ $ax-icon-undo: '泆'; //arrow-turn-backward
158
+ $ax-icon-undo-after: '泅'; //arrow-turn-backward
159
+
160
+ $ax-icon-redo: '泊'; //arrow-turn-forward
161
+ $ax-icon-redo-after: '泉'; //arrow-turn-forward
162
+
163
+ $ax-icon-highlight: '羶'; //pen-tool-01
164
+ $ax-icon-highlight-after: '羵'; //pen-tool-01
165
+
166
+ $ax-icon-link: '竔'; //link-01
167
+ $ax-icon-link-after: '竓'; //link-01
168
+
169
+ $ax-icon-image: '磰'; //image-01
170
+ $ax-icon-image-after: '磯'; //image-01
171
+
172
+ $ax-icon-pen: '羺'; //pen-tool-03
173
+ $ax-icon-pen-after: '羹'; //pen-tool-03
174
+
175
+ $ax-icon-eraser: '番'; //eraser
176
+ $ax-icon-eraser-after: '畩'; //eraser
177
+
178
+ $ax-icon-pen-ruler: '灔'; //canvas
179
+ $ax-icon-pen-ruler-after: '灓'; //canvas
@@ -0,0 +1,13 @@
1
+ @import './variables';
2
+ .ax-icon {
3
+ font-family: 'hgi-twotone-rounded' !important;
4
+ font-style: normal;
5
+ -webkit-font-smoothing: antialiased;
6
+ -moz-osx-font-smoothing: grayscale;
7
+ position: relative;
8
+ &::after {
9
+ opacity: 0.4;
10
+ position: absolute;
11
+ left: 0;
12
+ }
13
+ }
package/icons/index.scss CHANGED
@@ -15,313 +15,539 @@
15
15
  &:before {
16
16
  content: $ax-icon-more-horizontal;
17
17
  }
18
+ &:after {
19
+ content: $ax-icon-more-horizontal-after;
20
+ }
18
21
  }
22
+
19
23
  .ax-icon-more-vertical {
20
24
  &:before {
21
25
  content: $ax-icon-more-vertical;
22
26
  }
27
+ &:after {
28
+ content: $ax-icon-more-vertical-after;
29
+ }
23
30
  }
31
+
24
32
  .ax-icon-arrow-long-up {
25
33
  &:before {
26
34
  content: $ax-icon-arrow-long-up;
27
35
  }
36
+ &:after {
37
+ content: $ax-icon-arrow-long-up-after;
38
+ }
28
39
  }
29
40
 
30
41
  .ax-icon-arrow-long-down {
31
42
  &:before {
32
43
  content: $ax-icon-arrow-long-down;
33
44
  }
45
+ &:after {
46
+ content: $ax-icon-arrow-long-down-after;
47
+ }
34
48
  }
35
49
 
50
+
36
51
  .ax-icon-color-palette {
37
52
  &:before {
38
53
  content: $ax-icon-color-palette;
39
54
  }
55
+ &:after {
56
+ content: $ax-icon-color-palette-after;
57
+ }
40
58
  }
59
+
41
60
  .ax-icon-arrow-left {
42
61
  &:before {
43
62
  content: $ax-icon-arrow-left;
44
63
  }
64
+ &:after {
65
+ content: $ax-icon-arrow-left-after;
66
+ }
45
67
  }
68
+
46
69
  .ax-icon-arrow-down {
47
70
  &:before {
48
71
  content: $ax-icon-arrow-down;
49
72
  }
73
+ &:after {
74
+ content: $ax-icon-arrow-down-after;
75
+ }
50
76
  }
77
+
51
78
  .ax-icon-arrow-up {
52
79
  &:before {
53
80
  content: $ax-icon-arrow-up;
54
81
  }
82
+ &:after {
83
+ content: $ax-icon-arrow-up-after;
84
+ }
55
85
  }
86
+
56
87
  .ax-icon-arrow-right {
57
88
  &:before {
58
89
  content: $ax-icon-arrow-right;
59
90
  }
91
+ &:after {
92
+ content: $ax-icon-arrow-right-after;
93
+ }
60
94
  }
95
+
61
96
  .ax-icon-chevron-left {
62
97
  &:before {
63
98
  content: $ax-icon-chevron-left;
64
99
  }
100
+ &:after {
101
+ content: $ax-icon-chevron-left-after;
102
+ }
65
103
  }
104
+
66
105
  .ax-icon-chevron-down {
67
106
  &:before {
68
107
  content: $ax-icon-chevron-down;
69
108
  }
109
+ &:after {
110
+ content: $ax-icon-chevron-down-after;
111
+ }
70
112
  }
71
113
 
72
114
  .ax-icon-chevron-up {
73
115
  &:before {
74
116
  content: $ax-icon-chevron-up;
75
117
  }
118
+ &:after {
119
+ content: $ax-icon-chevron-up-after;
120
+ }
76
121
  }
122
+
77
123
  .ax-icon-chevron-right {
78
124
  &:before {
79
125
  content: $ax-icon-chevron-right;
80
126
  }
127
+ &:after {
128
+ content: $ax-icon-chevron-right-after;
129
+ }
81
130
  }
131
+
82
132
  .ax-icon-first-page {
83
133
  &:before {
84
134
  content: $ax-icon-first-page;
85
135
  }
136
+ &:after {
137
+ content: $ax-icon-first-page-after;
138
+ }
86
139
  }
140
+
87
141
  .ax-icon-last-page {
88
142
  &:before {
89
143
  content: $ax-icon-last-page;
90
144
  }
145
+ &:after {
146
+ content: $ax-icon-last-page-after;
147
+ }
91
148
  }
92
149
 
93
150
  .ax-icon-calendar {
94
151
  &:before {
95
152
  content: $ax-icon-calendar;
96
153
  }
154
+ &:after {
155
+ content: $ax-icon-calendar-after;
156
+ }
97
157
  }
98
158
 
99
159
  .ax-icon-error {
100
160
  &:before {
101
161
  content: $ax-icon-error;
102
162
  }
163
+ &:after {
164
+ content: $ax-icon-error-after;
165
+ }
103
166
  }
167
+
104
168
  .ax-icon-info {
105
169
  &:before {
106
170
  content: $ax-icon-info;
107
171
  }
172
+ &:after {
173
+ content: $ax-icon-info-after;
174
+ }
108
175
  }
176
+
109
177
  .ax-icon-warning {
110
178
  &:before {
111
179
  content: $ax-icon-warning;
112
180
  }
181
+ &:after {
182
+ content: $ax-icon-warning-after;
183
+ }
113
184
  }
114
185
 
115
186
  .ax-icon-check-circle {
116
187
  &:before {
117
188
  content: $ax-icon-check-circle;
118
189
  }
190
+ &:after {
191
+ content: $ax-icon-check-circle-after;
192
+ }
119
193
  }
120
194
 
121
195
  .ax-icon-close {
122
196
  &:before {
123
197
  content: $ax-icon-close;
124
198
  }
199
+ &:after {
200
+ content: $ax-icon-close-after;
201
+ }
125
202
  }
203
+
126
204
  .ax-icon-clear {
127
205
  &:before {
128
206
  content: $ax-icon-clear;
129
207
  }
208
+ &:after {
209
+ content: $ax-icon-clear-after;
210
+ }
130
211
  }
212
+
131
213
  .ax-icon-visibility-off {
132
214
  &:before {
133
215
  content: $ax-icon-visibility-off;
134
216
  }
217
+ &:after {
218
+ content: $ax-icon-visibility-off-after;
219
+ }
135
220
  }
221
+
136
222
  .ax-icon-visibility {
137
223
  &:before {
138
224
  content: $ax-icon-visibility;
139
225
  }
226
+ &:after {
227
+ content: $ax-icon-visibility-after;
228
+ }
140
229
  }
230
+
141
231
  .ax-icon-unfold-more {
142
232
  &:before {
143
233
  content: $ax-icon-unfold-more;
144
234
  }
235
+ &:after {
236
+ content: $ax-icon-unfold-more-after;
237
+ }
145
238
  }
239
+
146
240
  .ax-icon-download {
147
241
  &:before {
148
242
  content: $ax-icon-download;
149
243
  }
244
+ &:after {
245
+ content: $ax-icon-download-after;
246
+ }
150
247
  }
248
+
151
249
  .ax-icon-upload {
152
250
  &:before {
153
251
  content: $ax-icon-upload;
154
252
  }
253
+ &:after {
254
+ content: $ax-icon-upload-after;
255
+ }
155
256
  }
156
257
 
157
258
  .ax-icon-search {
158
259
  &:before {
159
260
  content: $ax-icon-search;
160
261
  }
262
+ &:after {
263
+ content: $ax-icon-search-after;
264
+ }
161
265
  }
266
+
162
267
  .ax-icon-copy {
163
268
  &:before {
164
269
  content: $ax-icon-copy;
165
270
  }
271
+ &:after {
272
+ content: $ax-icon-copy-after;
273
+ }
166
274
  }
275
+
167
276
  .ax-icon-refresh {
168
277
  &:before {
169
278
  content: $ax-icon-refresh;
170
279
  }
280
+ &:after {
281
+ content: $ax-icon-refresh-after;
282
+ }
171
283
  }
284
+
172
285
  .ax-icon-inbox {
173
286
  &:before {
174
287
  content: $ax-icon-inbox;
175
288
  }
289
+ &:after {
290
+ content: $ax-icon-inbox-after;
291
+ }
176
292
  }
177
293
 
178
294
  .ax-icon-emoji {
179
295
  &:before {
180
296
  content: $ax-icon-emoji;
181
297
  }
298
+ &:after {
299
+ content: $ax-icon-emoji-after;
300
+ }
182
301
  }
183
302
 
184
303
  .ax-icon-attach {
185
304
  &:before {
186
305
  content: $ax-icon-attach;
187
306
  }
307
+ &:after {
308
+ content: $ax-icon-attach-after;
309
+ }
188
310
  }
189
311
 
190
312
  .ax-icon-mic {
191
313
  &:before {
192
314
  content: $ax-icon-mic;
193
315
  }
316
+ &:after {
317
+ content: $ax-icon-mic-after;
318
+ }
194
319
  }
320
+
195
321
  .ax-icon-send {
196
322
  &:before {
197
323
  content: $ax-icon-send;
198
324
  }
325
+ &:after {
326
+ content: $ax-icon-send-after;
327
+ }
199
328
  }
200
329
 
201
330
  .ax-icon-check {
202
331
  &:before {
203
332
  content: $ax-icon-check;
204
333
  }
334
+ &:after {
335
+ content: $ax-icon-check-after;
336
+ }
205
337
  }
206
338
 
207
339
  .ax-icon-dobble-check {
208
340
  &:before {
209
341
  content: $ax-icon-dobble-check;
210
342
  }
343
+ &:after {
344
+ content: $ax-icon-dobble-check-after;
345
+ }
211
346
  }
212
347
 
213
348
  .ax-icon-pause {
214
349
  &:before {
215
350
  content: $ax-icon-pause;
216
351
  }
352
+ &:after {
353
+ content: $ax-icon-pause-after;
354
+ }
217
355
  }
356
+
218
357
  .ax-icon-play {
219
358
  &:before {
220
359
  content: $ax-icon-play;
221
360
  }
361
+ &:after {
362
+ content: $ax-icon-play-after;
363
+ }
222
364
  }
365
+
223
366
  .ax-icon-reload {
224
367
  &:before {
225
368
  content: $ax-icon-reload;
226
369
  }
370
+ &:after {
371
+ content: $ax-icon-reload-after;
372
+ }
227
373
  }
374
+
228
375
  .ax-icon-heart {
229
376
  &:before {
230
377
  content: $ax-icon-heart;
231
378
  }
379
+ &:after {
380
+ content: $ax-icon-heart-after;
381
+ }
232
382
  }
383
+
233
384
  .ax-icon-comment {
234
385
  &:before {
235
386
  content: $ax-icon-comment;
236
387
  }
388
+ &:after {
389
+ content: $ax-icon-comment-after;
390
+ }
237
391
  }
392
+
238
393
  .ax-icon-bold {
239
394
  &:before {
240
395
  content: $ax-icon-bold;
241
396
  }
397
+ &:after {
398
+ content: $ax-icon-bold-after;
399
+ }
242
400
  }
401
+
243
402
  .ax-icon-italic {
244
403
  &:before {
245
404
  content: $ax-icon-italic;
246
405
  }
406
+ &:after {
407
+ content: $ax-icon-italic-after;
408
+ }
247
409
  }
410
+
248
411
  .ax-icon-under-line {
249
412
  &:before {
250
413
  content: $ax-icon-under-line;
251
414
  }
415
+ &:after {
416
+ content: $ax-icon-under-line-after;
417
+ }
252
418
  }
419
+
253
420
  .ax-icon-strike {
254
421
  &:before {
255
422
  content: $ax-icon-strike;
256
423
  }
424
+ &:after {
425
+ content: $ax-icon-strike-after;
426
+ }
257
427
  }
428
+
258
429
  .ax-icon-order-list {
259
430
  &:before {
260
431
  content: $ax-icon-order-list;
261
432
  }
433
+ &:after {
434
+ content: $ax-icon-order-list-after;
435
+ }
262
436
  }
437
+
263
438
  .ax-icon-un-order-list {
264
439
  &:before {
265
440
  content: $ax-icon-un-order-list;
266
441
  }
442
+ &:after {
443
+ content: $ax-icon-un-order-list-after;
444
+ }
267
445
  }
446
+
268
447
  .ax-icon-align-left {
269
448
  &:before {
270
449
  content: $ax-icon-align-left;
271
450
  }
451
+ &:after {
452
+ content: $ax-icon-align-left-after;
453
+ }
272
454
  }
455
+
273
456
  .ax-icon-align-right {
274
457
  &:before {
275
458
  content: $ax-icon-align-right;
276
459
  }
460
+ &:after {
461
+ content: $ax-icon-align-right-after;
462
+ }
277
463
  }
464
+
278
465
  .ax-icon-align-center {
279
466
  &:before {
280
467
  content: $ax-icon-align-center;
281
468
  }
469
+ &:after {
470
+ content: $ax-icon-align-center-after;
471
+ }
282
472
  }
473
+
283
474
  .ax-icon-align-justify {
284
475
  &:before {
285
476
  content: $ax-icon-align-justify;
286
477
  }
478
+ &:after {
479
+ content: $ax-icon-align-justify-after;
480
+ }
287
481
  }
482
+
288
483
  .ax-icon-undo {
289
484
  &:before {
290
485
  content: $ax-icon-undo;
291
486
  }
487
+ &:after {
488
+ content: $ax-icon-undo-after;
489
+ }
292
490
  }
491
+
293
492
  .ax-icon-redo {
294
493
  &:before {
295
494
  content: $ax-icon-redo;
296
495
  }
496
+ &:after {
497
+ content: $ax-icon-redo-after;
498
+ }
297
499
  }
500
+
298
501
  .ax-icon-highlight {
299
502
  &:before {
300
503
  content: $ax-icon-highlight;
301
504
  }
505
+ &:after {
506
+ content: $ax-icon-highlight-after;
507
+ }
302
508
  }
509
+
303
510
  .ax-icon-link {
304
511
  &:before {
305
512
  content: $ax-icon-link;
306
513
  }
514
+ &:after {
515
+ content: $ax-icon-link-after;
516
+ }
307
517
  }
518
+
308
519
  .ax-icon-image {
309
520
  &:before {
310
521
  content: $ax-icon-image;
311
522
  }
523
+ &:after {
524
+ content: $ax-icon-image-after;
525
+ }
312
526
  }
527
+
313
528
  .ax-icon-pen {
314
529
  &:before {
315
530
  content: $ax-icon-pen;
316
531
  }
532
+ &:after {
533
+ content: $ax-icon-pen-after;
534
+ }
317
535
  }
536
+
318
537
  .ax-icon-eraser {
319
538
  &:before {
320
539
  content: $ax-icon-eraser;
321
540
  }
541
+ &:after {
542
+ content: $ax-icon-eraser-after;
543
+ }
322
544
  }
545
+
323
546
  .ax-icon-pen-ruler {
324
547
  &:before {
325
548
  content: $ax-icon-pen-ruler;
326
549
  }
550
+ &:after {
551
+ content: $ax-icon-pen-ruler-after;
552
+ }
327
553
  }