@acorex/styles 6.1.12 → 7.0.1

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 (81) hide show
  1. package/index.scss +3 -1
  2. package/package.json +1 -1
  3. package/src/base/index.scss +44 -30
  4. package/src/components/_avatar.scss +122 -122
  5. package/src/components/_badge.scss +178 -178
  6. package/src/components/_breadcrumbs.scss +30 -29
  7. package/src/components/_button copy.scss +924 -0
  8. package/src/components/_button.scss +0 -924
  9. package/src/components/_calendar.scss +180 -180
  10. package/src/components/_carousel.scss +44 -44
  11. package/src/components/_checkbox.scss +58 -58
  12. package/src/components/_collapse.scss +48 -48
  13. package/src/components/_color-palette.scss +5 -5
  14. package/src/components/_color-picker.scss +23 -23
  15. package/src/components/_context-menu.scss +0 -16
  16. package/src/components/_data-table.scss +1 -1
  17. package/src/components/_datepicker.scss +5 -5
  18. package/src/components/_decoration.scss +0 -39
  19. package/src/components/_dialog.scss +80 -79
  20. package/src/components/_drawer.scss +112 -112
  21. package/src/components/_dropdown.scss +162 -216
  22. package/src/components/_editor-container.scss +0 -155
  23. package/src/components/_fieldset.scss +1 -6
  24. package/src/components/_image.scss +1 -1
  25. package/src/components/_label.scss +1 -1
  26. package/src/components/_list.scss +0 -83
  27. package/src/components/_loading.scss +1 -50
  28. package/src/components/_menu copy.scss +5 -5
  29. package/src/components/_menu.scss +114 -114
  30. package/src/components/_popup.scss +92 -91
  31. package/src/components/_progress.scss +59 -59
  32. package/src/components/_radio.scss +30 -30
  33. package/src/components/_range-slider.scss +147 -125
  34. package/src/components/_result.scss +2 -2
  35. package/src/components/_selectbox.scss +15 -17
  36. package/src/components/_selection-list.scss +2 -2
  37. package/src/components/_skeleton.scss +2 -2
  38. package/src/components/_switch.scss +0 -186
  39. package/src/components/_table.scss +0 -81
  40. package/src/components/_tabs copy.scss +18 -18
  41. package/src/components/_tabs.scss +235 -235
  42. package/src/components/_textarea.scss +27 -31
  43. package/src/components/_toast.scss +1 -1
  44. package/src/components/_treeview.scss +0 -54
  45. package/src/components/_uploader.scss +0 -18
  46. package/src/components/index.scss +1 -47
  47. package/src/icons/demo.html +892 -738
  48. package/src/icons/fonts/acorex-icons.eot +0 -0
  49. package/src/icons/fonts/acorex-icons.svg +71 -0
  50. package/src/icons/fonts/acorex-icons.ttf +0 -0
  51. package/src/icons/fonts/acorex-icons.woff +0 -0
  52. package/src/icons/selection.json +1 -1
  53. package/src/icons/style.css +210 -177
  54. package/src/icons/style.scss +335 -280
  55. package/src/icons/variables.scss +65 -54
  56. package/src/mixins/_media.scss +27 -0
  57. package/src/mixins/index.scss +1 -0
  58. package/src/shared/_check-box.scss +45 -0
  59. package/src/shared/_decoration.scss +56 -0
  60. package/src/shared/_drop-down.scss +163 -0
  61. package/src/shared/_editor-container.scss +130 -0
  62. package/src/shared/_general-button.scss +42 -0
  63. package/src/shared/_icon-control.scss +0 -0
  64. package/src/shared/_inputs.scss +12 -0
  65. package/src/shared/_list.scss +134 -0
  66. package/src/shared/_radio.scss +37 -0
  67. package/src/shared/_skeleton.scss +26 -0
  68. package/src/shared/_table.scss +116 -0
  69. package/src/shared/_utils.scss +46 -0
  70. package/src/shared/index.scss +12 -0
  71. package/src/utility/_mixins.scss +3 -3
  72. package/src/utility/index.scss +16 -22
  73. package/src/variables/_colors.scss +76 -107
  74. package/src/variables/_degrees.scss +1 -0
  75. package/src/variables/index.scss +2 -0
  76. package/{index.js → tailwind.config.js} +14 -63
  77. package/src/components/_alert.scss +0 -276
  78. package/src/icons/fonts/acorex-icon.eot +0 -0
  79. package/src/icons/fonts/acorex-icon.svg +0 -60
  80. package/src/icons/fonts/acorex-icon.ttf +0 -0
  81. package/src/icons/fonts/acorex-icon.woff +0 -0
@@ -1,280 +1,335 @@
1
- @import "variables";
2
-
3
- @font-face {
4
- font-family: '#{$icomoon-font-family}';
5
- src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?vvlbi0');
6
- src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?vvlbi0#iefix') format('embedded-opentype'),
7
- url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?vvlbi0') format('truetype'),
8
- url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?vvlbi0') format('woff'),
9
- url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?vvlbi0##{$icomoon-font-family}') format('svg');
10
- font-weight: normal;
11
- font-style: normal;
12
- font-display: block;
13
- }
14
-
15
- [class^="ax-ic-"], [class*=" ax-ic-"] {
16
- /* use !important to prevent issues with browser extensions that change fonts */
17
- font-family: '#{$icomoon-font-family}' !important;
18
- speak: never;
19
- font-style: normal;
20
- font-weight: normal;
21
- font-variant: normal;
22
- text-transform: none;
23
- line-height: 1;
24
-
25
- /* Better Font Rendering =========== */
26
- -webkit-font-smoothing: antialiased;
27
- -moz-osx-font-smoothing: grayscale;
28
- }
29
-
30
- .ax-ic-skip-previous {
31
- &:before {
32
- content: $ax-ic-skip-previous;
33
- }
34
- }
35
- .ax-ic-arrow-left {
36
- &:before {
37
- content: $ax-ic-arrow-left;
38
- }
39
- }
40
- .ax-ic-skip-next {
41
- &:before {
42
- content: $ax-ic-skip-next;
43
- }
44
- }
45
- .ax-ic-arrow-right {
46
- &:before {
47
- content: $ax-ic-arrow-right;
48
- }
49
- }
50
- .ax-ic-first-page {
51
- &:before {
52
- content: $ax-ic-first-page;
53
- }
54
- }
55
- .ax-ic-last-page {
56
- &:before {
57
- content: $ax-ic-last-page;
58
- }
59
- }
60
- .ax-ic-chevron-left {
61
- &:before {
62
- content: $ax-ic-chevron-left;
63
- }
64
- }
65
- .ax-ic-chevron-right {
66
- &:before {
67
- content: $ax-ic-chevron-right;
68
- }
69
- }
70
- .ax-ic-inbox {
71
- &:before {
72
- content: $ax-ic-inbox;
73
- }
74
- }
75
- .ax-ic-cloud-download {
76
- &:before {
77
- content: $ax-ic-cloud-download;
78
- }
79
- }
80
- .ax-ic-download {
81
- &:before {
82
- content: $ax-ic-download;
83
- }
84
- }
85
- .ax-ic-upload {
86
- &:before {
87
- content: $ax-ic-upload;
88
- }
89
- }
90
- .ax-ic-cloud-upload {
91
- &:before {
92
- content: $ax-ic-cloud-upload;
93
- }
94
- }
95
- .ax-ic-empty-box {
96
- &:before {
97
- content: $ax-ic-empty-box;
98
- }
99
- }
100
- .ax-ic-colorize {
101
- &:before {
102
- content: $ax-ic-colorize;
103
- }
104
- }
105
- .ax-ic-pase {
106
- &:before {
107
- content: $ax-ic-pase;
108
- }
109
- }
110
- .ax-ic-copy {
111
- &:before {
112
- content: $ax-ic-copy;
113
- }
114
- }
115
- .ax-ic-star-filled {
116
- &:before {
117
- content: $ax-ic-star-filled;
118
- }
119
- }
120
- .ax-ic-star-half-filled {
121
- &:before {
122
- content: $ax-ic-star-half-filled;
123
- }
124
- }
125
- .ax-ic-star-outline {
126
- &:before {
127
- content: $ax-ic-star-outline;
128
- }
129
- }
130
- .ax-ic-remove {
131
- &:before {
132
- content: $ax-ic-remove;
133
- }
134
- }
135
- .ax-ic-plus {
136
- &:before {
137
- content: $ax-ic-plus;
138
- }
139
- }
140
- .ax-ic-magnify {
141
- &:before {
142
- content: $ax-ic-magnify;
143
- }
144
- }
145
- .ax-ic-arrow-circle {
146
- &:before {
147
- content: $ax-ic-arrow-circle;
148
- }
149
- }
150
- .ax-ic-arrow-circle-fill {
151
- &:before {
152
- content: $ax-ic-arrow-circle-fill;
153
- }
154
- }
155
- .ax-ic-arrow-half {
156
- &:before {
157
- content: $ax-ic-arrow-half;
158
- }
159
- }
160
- .ax-ic-arrow-fill {
161
- &:before {
162
- content: $ax-ic-arrow-fill;
163
- }
164
- }
165
- .ax-ic-arrow {
166
- &:before {
167
- content: $ax-ic-arrow;
168
- }
169
- }
170
- .ax-ic-unfold {
171
- &:before {
172
- content: $ax-ic-unfold;
173
- }
174
- }
175
- .ax-ic-half-arrow {
176
- &:before {
177
- content: $ax-ic-half-arrow;
178
- }
179
- }
180
- .ax-ic-fullscreen {
181
- &:before {
182
- content: $ax-ic-fullscreen;
183
- }
184
- }
185
- .ax-ic-close-fullscreen {
186
- &:before {
187
- content: $ax-ic-close-fullscreen;
188
- }
189
- }
190
- .ax-ic-fold {
191
- &:before {
192
- content: $ax-ic-fold;
193
- }
194
- }
195
- .ax-ic-eye {
196
- &:before {
197
- content: $ax-ic-eye;
198
- }
199
- }
200
- .ax-ic-eye-off {
201
- &:before {
202
- content: $ax-ic-eye-off;
203
- }
204
- }
205
- .ax-ic-calendar {
206
- &:before {
207
- content: $ax-ic-calendar;
208
- }
209
- }
210
- .ax-ic-time {
211
- &:before {
212
- content: $ax-ic-time;
213
- }
214
- }
215
- .ax-ic-check {
216
- &:before {
217
- content: $ax-ic-check;
218
- }
219
- }
220
- .ax-ic-check-filled {
221
- &:before {
222
- content: $ax-ic-check-filled;
223
- }
224
- }
225
- .ax-ic-chevron {
226
- &:before {
227
- content: $ax-ic-chevron;
228
- }
229
- }
230
- .ax-ic-close {
231
- &:before {
232
- content: $ax-ic-close;
233
- }
234
- }
235
- .ax-ic-error-filled {
236
- &:before {
237
- content: $ax-ic-error-filled;
238
- }
239
- }
240
- .ax-ic-chevron-page {
241
- &:before {
242
- content: $ax-ic-chevron-page;
243
- }
244
- }
245
- .ax-ic-info-filled {
246
- &:before {
247
- content: $ax-ic-info-filled;
248
- }
249
- }
250
- .ax-ic-chevron-double {
251
- &:before {
252
- content: $ax-ic-chevron-double;
253
- }
254
- }
255
- .ax-ic-menu {
256
- &:before {
257
- content: $ax-ic-menu;
258
- }
259
- }
260
- .ax-ic-more {
261
- &:before {
262
- content: $ax-ic-more;
263
- }
264
- }
265
- .ax-ic-warning-filled {
266
- &:before {
267
- content: $ax-ic-warning-filled;
268
- }
269
- }
270
- .ax-ic-chevron-page-filled {
271
- &:before {
272
- content: $ax-ic-chevron-page-filled;
273
- }
274
- }
275
- .ax-ic-calendar-today {
276
- &:before {
277
- content: $ax-ic-calendar-today;
278
- }
279
- }
280
-
1
+ @import "variables";
2
+
3
+ @font-face {
4
+ font-family: '#{$icomoon-font-family}';
5
+ src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?u7b34m');
6
+ src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?u7b34m#iefix') format('embedded-opentype'),
7
+ url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?u7b34m') format('truetype'),
8
+ url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?u7b34m') format('woff'),
9
+ url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?u7b34m##{$icomoon-font-family}') format('svg');
10
+ font-weight: normal;
11
+ font-style: normal;
12
+ font-display: block;
13
+ }
14
+
15
+ .ax-icon {
16
+ /* use !important to prevent issues with browser extensions that change fonts */
17
+ font-family: '#{$icomoon-font-family}' !important;
18
+ speak: never;
19
+ font-style: normal;
20
+ font-weight: normal;
21
+ font-variant: normal;
22
+ text-transform: none;
23
+ line-height: 1;
24
+
25
+ /* Better Font Rendering =========== */
26
+ -webkit-font-smoothing: antialiased;
27
+ -moz-osx-font-smoothing: grayscale;
28
+ }
29
+
30
+ .ax-icon-star-fill {
31
+ &:before {
32
+ content: $ax-icon-star-fill;
33
+ }
34
+ }
35
+ .ax-icon-star {
36
+ &:before {
37
+ content: $ax-icon-star;
38
+ }
39
+ }
40
+ .ax-icon-light-mode {
41
+ &:before {
42
+ content: $ax-icon-light-mode;
43
+ }
44
+ }
45
+ .ax-icon-dark-mode {
46
+ &:before {
47
+ content: $ax-icon-dark-mode;
48
+ }
49
+ }
50
+ .ax-icon-color-picker {
51
+ &:before {
52
+ content: $ax-icon-color-picker;
53
+ }
54
+ }
55
+ .ax-icon-color-palette {
56
+ &:before {
57
+ content: $ax-icon-color-palette;
58
+ }
59
+ }
60
+ .ax-icon-arrow-left {
61
+ &:before {
62
+ content: $ax-icon-arrow-left;
63
+ }
64
+ }
65
+ .ax-icon-arrow-down {
66
+ &:before {
67
+ content: $ax-icon-arrow-down;
68
+ }
69
+ }
70
+ .ax-icon-arrow-up {
71
+ &:before {
72
+ content: $ax-icon-arrow-up;
73
+ }
74
+ }
75
+ .ax-icon-arrow-right {
76
+ &:before {
77
+ content: $ax-icon-arrow-right;
78
+ }
79
+ }
80
+ .ax-icon-chevron-left {
81
+ &:before {
82
+ content: $ax-icon-chevron-left;
83
+ }
84
+ }
85
+ .ax-icon-chevron-down {
86
+ &:before {
87
+ content: $ax-icon-chevron-down;
88
+ }
89
+ }
90
+ .ax-icon-chevron-up {
91
+ &:before {
92
+ content: $ax-icon-chevron-up;
93
+ }
94
+ }
95
+ .ax-icon-chevron-right {
96
+ &:before {
97
+ content: $ax-icon-chevron-right;
98
+ }
99
+ }
100
+ .ax-icon-first-page {
101
+ &:before {
102
+ content: $ax-icon-first-page;
103
+ }
104
+ }
105
+ .ax-icon-last-page {
106
+ &:before {
107
+ content: $ax-icon-last-page;
108
+ }
109
+ }
110
+ .ax-icon-full-screen {
111
+ &:before {
112
+ content: $ax-icon-full-screen;
113
+ }
114
+ }
115
+ .ax-icon-full-screen-close {
116
+ &:before {
117
+ content: $ax-icon-full-screen-close;
118
+ }
119
+ }
120
+ .ax-icon-done {
121
+ &:before {
122
+ content: $ax-icon-done;
123
+ }
124
+ }
125
+ .ax-icon-calendar {
126
+ &:before {
127
+ content: $ax-icon-calendar;
128
+ }
129
+ }
130
+ .ax-icon-more {
131
+ &:before {
132
+ content: $ax-icon-more;
133
+ }
134
+ }
135
+ .ax-icon-menu {
136
+ &:before {
137
+ content: $ax-icon-menu;
138
+ }
139
+ }
140
+ .ax-icon-report {
141
+ &:before {
142
+ content: $ax-icon-report;
143
+ }
144
+ }
145
+ .ax-icon-report-fill {
146
+ &:before {
147
+ content: $ax-icon-report-fill;
148
+ }
149
+ }
150
+ .ax-icon-error {
151
+ &:before {
152
+ content: $ax-icon-error;
153
+ }
154
+ }
155
+ .ax-icon-error-fill {
156
+ &:before {
157
+ content: $ax-icon-error-fill;
158
+ }
159
+ }
160
+ .ax-icon-warning {
161
+ &:before {
162
+ content: $ax-icon-warning;
163
+ }
164
+ }
165
+ .ax-icon-warning-fill {
166
+ &:before {
167
+ content: $ax-icon-warning-fill;
168
+ }
169
+ }
170
+ .ax-icon-check-circle {
171
+ &:before {
172
+ content: $ax-icon-check-circle;
173
+ }
174
+ }
175
+ .ax-icon-check-circle-fill {
176
+ &:before {
177
+ content: $ax-icon-check-circle-fill;
178
+ }
179
+ }
180
+ .ax-icon-close {
181
+ &:before {
182
+ content: $ax-icon-close;
183
+ }
184
+ }
185
+ .ax-icon-time {
186
+ &:before {
187
+ content: $ax-icon-time;
188
+ }
189
+ }
190
+ .ax-icon-visibility-off {
191
+ &:before {
192
+ content: $ax-icon-visibility-off;
193
+ }
194
+ }
195
+ .ax-icon-visibility {
196
+ &:before {
197
+ content: $ax-icon-visibility;
198
+ }
199
+ }
200
+ .ax-icon-unfold-more {
201
+ &:before {
202
+ content: $ax-icon-unfold-more;
203
+ }
204
+ }
205
+ .ax-icon-unfold-less {
206
+ &:before {
207
+ content: $ax-icon-unfold-less;
208
+ }
209
+ }
210
+ .ax-icon-arrow-long {
211
+ &:before {
212
+ content: $ax-icon-arrow-long;
213
+ }
214
+ }
215
+ .ax-icon-arrow-short {
216
+ &:before {
217
+ content: $ax-icon-arrow-short;
218
+ }
219
+ }
220
+ .ax-icon-download {
221
+ &:before {
222
+ content: $ax-icon-download;
223
+ }
224
+ }
225
+ .ax-icon-upload {
226
+ &:before {
227
+ content: $ax-icon-upload;
228
+ }
229
+ }
230
+ .ax-icon-publish {
231
+ &:before {
232
+ content: $ax-icon-publish;
233
+ }
234
+ }
235
+ .ax-icon-cloud-download {
236
+ &:before {
237
+ content: $ax-icon-cloud-download;
238
+ }
239
+ }
240
+ .ax-icon-cloud-upload {
241
+ &:before {
242
+ content: $ax-icon-cloud-upload;
243
+ }
244
+ }
245
+ .ax-icon-undo {
246
+ &:before {
247
+ content: $ax-icon-undo;
248
+ }
249
+ }
250
+ .ax-icon-redo {
251
+ &:before {
252
+ content: $ax-icon-redo;
253
+ }
254
+ }
255
+ .ax-icon-search {
256
+ &:before {
257
+ content: $ax-icon-search;
258
+ }
259
+ }
260
+ .ax-icon-add {
261
+ &:before {
262
+ content: $ax-icon-add;
263
+ }
264
+ }
265
+ .ax-icon-remove {
266
+ &:before {
267
+ content: $ax-icon-remove;
268
+ }
269
+ }
270
+ .ax-icon-paste {
271
+ &:before {
272
+ content: $ax-icon-paste;
273
+ }
274
+ }
275
+ .ax-icon-cut {
276
+ &:before {
277
+ content: $ax-icon-cut;
278
+ }
279
+ }
280
+ .ax-icon-copy {
281
+ &:before {
282
+ content: $ax-icon-copy;
283
+ }
284
+ }
285
+ .ax-icon-refresh {
286
+ &:before {
287
+ content: $ax-icon-refresh;
288
+ }
289
+ }
290
+ .ax-icon-inbox {
291
+ &:before {
292
+ content: $ax-icon-inbox;
293
+ }
294
+ }
295
+ .ax-icon-skip-previous {
296
+ &:before {
297
+ content: $ax-icon-skip-previous;
298
+ }
299
+ }
300
+ .ax-icon-skip-next {
301
+ &:before {
302
+ content: $ax-icon-skip-next;
303
+ }
304
+ }
305
+ .ax-icon-delete {
306
+ &:before {
307
+ content: $ax-icon-delete;
308
+ }
309
+ }
310
+ .ax-icon-happy {
311
+ &:before {
312
+ content: $ax-icon-happy;
313
+ }
314
+ }
315
+ .ax-icon-normal {
316
+ &:before {
317
+ content: $ax-icon-normal;
318
+ }
319
+ }
320
+ .ax-icon-sad {
321
+ &:before {
322
+ content: $ax-icon-sad;
323
+ }
324
+ }
325
+ .ax-icon-person {
326
+ &:before {
327
+ content: $ax-icon-person;
328
+ }
329
+ }
330
+ .ax-icon-dashboard {
331
+ &:before {
332
+ content: $ax-icon-dashboard;
333
+ }
334
+ }
335
+