@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.
- package/index.scss +3 -1
- package/package.json +1 -1
- package/src/base/index.scss +44 -30
- package/src/components/_avatar.scss +122 -122
- package/src/components/_badge.scss +178 -178
- package/src/components/_breadcrumbs.scss +30 -29
- package/src/components/_button copy.scss +924 -0
- package/src/components/_button.scss +0 -924
- package/src/components/_calendar.scss +180 -180
- package/src/components/_carousel.scss +44 -44
- package/src/components/_checkbox.scss +58 -58
- package/src/components/_collapse.scss +48 -48
- package/src/components/_color-palette.scss +5 -5
- package/src/components/_color-picker.scss +23 -23
- package/src/components/_context-menu.scss +0 -16
- package/src/components/_data-table.scss +1 -1
- package/src/components/_datepicker.scss +5 -5
- package/src/components/_decoration.scss +0 -39
- package/src/components/_dialog.scss +80 -79
- package/src/components/_drawer.scss +112 -112
- package/src/components/_dropdown.scss +162 -216
- package/src/components/_editor-container.scss +0 -155
- package/src/components/_fieldset.scss +1 -6
- package/src/components/_image.scss +1 -1
- package/src/components/_label.scss +1 -1
- package/src/components/_list.scss +0 -83
- package/src/components/_loading.scss +1 -50
- package/src/components/_menu copy.scss +5 -5
- package/src/components/_menu.scss +114 -114
- package/src/components/_popup.scss +92 -91
- package/src/components/_progress.scss +59 -59
- package/src/components/_radio.scss +30 -30
- package/src/components/_range-slider.scss +147 -125
- package/src/components/_result.scss +2 -2
- package/src/components/_selectbox.scss +15 -17
- package/src/components/_selection-list.scss +2 -2
- package/src/components/_skeleton.scss +2 -2
- package/src/components/_switch.scss +0 -186
- package/src/components/_table.scss +0 -81
- package/src/components/_tabs copy.scss +18 -18
- package/src/components/_tabs.scss +235 -235
- package/src/components/_textarea.scss +27 -31
- package/src/components/_toast.scss +1 -1
- package/src/components/_treeview.scss +0 -54
- package/src/components/_uploader.scss +0 -18
- package/src/components/index.scss +1 -47
- package/src/icons/demo.html +892 -738
- package/src/icons/fonts/acorex-icons.eot +0 -0
- package/src/icons/fonts/acorex-icons.svg +71 -0
- package/src/icons/fonts/acorex-icons.ttf +0 -0
- package/src/icons/fonts/acorex-icons.woff +0 -0
- package/src/icons/selection.json +1 -1
- package/src/icons/style.css +210 -177
- package/src/icons/style.scss +335 -280
- package/src/icons/variables.scss +65 -54
- package/src/mixins/_media.scss +27 -0
- package/src/mixins/index.scss +1 -0
- package/src/shared/_check-box.scss +45 -0
- package/src/shared/_decoration.scss +56 -0
- package/src/shared/_drop-down.scss +163 -0
- package/src/shared/_editor-container.scss +130 -0
- package/src/shared/_general-button.scss +42 -0
- package/src/shared/_icon-control.scss +0 -0
- package/src/shared/_inputs.scss +12 -0
- package/src/shared/_list.scss +134 -0
- package/src/shared/_radio.scss +37 -0
- package/src/shared/_skeleton.scss +26 -0
- package/src/shared/_table.scss +116 -0
- package/src/shared/_utils.scss +46 -0
- package/src/shared/index.scss +12 -0
- package/src/utility/_mixins.scss +3 -3
- package/src/utility/index.scss +16 -22
- package/src/variables/_colors.scss +76 -107
- package/src/variables/_degrees.scss +1 -0
- package/src/variables/index.scss +2 -0
- package/{index.js → tailwind.config.js} +14 -63
- package/src/components/_alert.scss +0 -276
- package/src/icons/fonts/acorex-icon.eot +0 -0
- package/src/icons/fonts/acorex-icon.svg +0 -60
- package/src/icons/fonts/acorex-icon.ttf +0 -0
- package/src/icons/fonts/acorex-icon.woff +0 -0
package/src/icons/style.css
CHANGED
@@ -1,177 +1,210 @@
|
|
1
|
-
@font-face {
|
2
|
-
font-family: 'acorex-
|
3
|
-
src: url('fonts/acorex-
|
4
|
-
src: url('fonts/acorex-
|
5
|
-
url('fonts/acorex-
|
6
|
-
url('fonts/acorex-
|
7
|
-
url('fonts/acorex-
|
8
|
-
font-weight: normal;
|
9
|
-
font-style: normal;
|
10
|
-
font-display: block;
|
11
|
-
}
|
12
|
-
|
13
|
-
|
14
|
-
/* use !important to prevent issues with browser extensions that change fonts */
|
15
|
-
font-family: 'acorex-
|
16
|
-
speak: never;
|
17
|
-
font-style: normal;
|
18
|
-
font-weight: normal;
|
19
|
-
font-variant: normal;
|
20
|
-
text-transform: none;
|
21
|
-
line-height: 1;
|
22
|
-
|
23
|
-
/* Better Font Rendering =========== */
|
24
|
-
-webkit-font-smoothing: antialiased;
|
25
|
-
-moz-osx-font-smoothing: grayscale;
|
26
|
-
}
|
27
|
-
|
28
|
-
.ax-
|
29
|
-
content: "\
|
30
|
-
}
|
31
|
-
.ax-
|
32
|
-
content: "\
|
33
|
-
}
|
34
|
-
.ax-
|
35
|
-
content: "\
|
36
|
-
}
|
37
|
-
.ax-
|
38
|
-
content: "\
|
39
|
-
}
|
40
|
-
.ax-
|
41
|
-
content: "\
|
42
|
-
}
|
43
|
-
.ax-
|
44
|
-
content: "\
|
45
|
-
}
|
46
|
-
.ax-
|
47
|
-
content: "\
|
48
|
-
}
|
49
|
-
.ax-
|
50
|
-
content: "\
|
51
|
-
}
|
52
|
-
.ax-
|
53
|
-
content: "\
|
54
|
-
}
|
55
|
-
.ax-
|
56
|
-
content: "\
|
57
|
-
}
|
58
|
-
.ax-
|
59
|
-
content: "\
|
60
|
-
}
|
61
|
-
.ax-
|
62
|
-
content: "\
|
63
|
-
}
|
64
|
-
.ax-
|
65
|
-
content: "\
|
66
|
-
}
|
67
|
-
.ax-
|
68
|
-
content: "\
|
69
|
-
}
|
70
|
-
.ax-
|
71
|
-
content: "\
|
72
|
-
}
|
73
|
-
.ax-
|
74
|
-
content: "\
|
75
|
-
}
|
76
|
-
.ax-
|
77
|
-
content: "\
|
78
|
-
}
|
79
|
-
.ax-
|
80
|
-
content: "\
|
81
|
-
}
|
82
|
-
.ax-
|
83
|
-
content: "\
|
84
|
-
}
|
85
|
-
.ax-
|
86
|
-
content: "\
|
87
|
-
}
|
88
|
-
.ax-
|
89
|
-
content: "\
|
90
|
-
}
|
91
|
-
.ax-
|
92
|
-
content: "\
|
93
|
-
}
|
94
|
-
.ax-
|
95
|
-
content: "\
|
96
|
-
}
|
97
|
-
.ax-
|
98
|
-
content: "\
|
99
|
-
}
|
100
|
-
.ax-
|
101
|
-
content: "\
|
102
|
-
}
|
103
|
-
.ax-
|
104
|
-
content: "\
|
105
|
-
}
|
106
|
-
.ax-
|
107
|
-
content: "\
|
108
|
-
}
|
109
|
-
.ax-
|
110
|
-
content: "\
|
111
|
-
}
|
112
|
-
.ax-
|
113
|
-
content: "\
|
114
|
-
}
|
115
|
-
.ax-
|
116
|
-
content: "\
|
117
|
-
}
|
118
|
-
.ax-
|
119
|
-
content: "\
|
120
|
-
}
|
121
|
-
.ax-
|
122
|
-
content: "\
|
123
|
-
}
|
124
|
-
.ax-
|
125
|
-
content: "\
|
126
|
-
}
|
127
|
-
.ax-
|
128
|
-
content: "\
|
129
|
-
}
|
130
|
-
.ax-
|
131
|
-
content: "\
|
132
|
-
}
|
133
|
-
.ax-
|
134
|
-
content: "\
|
135
|
-
}
|
136
|
-
.ax-
|
137
|
-
content: "\
|
138
|
-
}
|
139
|
-
.ax-
|
140
|
-
content: "\
|
141
|
-
}
|
142
|
-
.ax-
|
143
|
-
content: "\
|
144
|
-
}
|
145
|
-
.ax-
|
146
|
-
content: "\
|
147
|
-
}
|
148
|
-
.ax-
|
149
|
-
content: "\
|
150
|
-
}
|
151
|
-
.ax-
|
152
|
-
content: "\
|
153
|
-
}
|
154
|
-
.ax-
|
155
|
-
content: "\
|
156
|
-
}
|
157
|
-
.ax-
|
158
|
-
content: "\
|
159
|
-
}
|
160
|
-
.ax-
|
161
|
-
content: "\
|
162
|
-
}
|
163
|
-
.ax-
|
164
|
-
content: "\
|
165
|
-
}
|
166
|
-
.ax-
|
167
|
-
content: "\
|
168
|
-
}
|
169
|
-
.ax-
|
170
|
-
content: "\
|
171
|
-
}
|
172
|
-
.ax-
|
173
|
-
content: "\
|
174
|
-
}
|
175
|
-
.ax-
|
176
|
-
content: "\
|
177
|
-
}
|
1
|
+
@font-face {
|
2
|
+
font-family: 'acorex-icons';
|
3
|
+
src: url('fonts/acorex-icons.eot?u7b34m');
|
4
|
+
src: url('fonts/acorex-icons.eot?u7b34m#iefix') format('embedded-opentype'),
|
5
|
+
url('fonts/acorex-icons.ttf?u7b34m') format('truetype'),
|
6
|
+
url('fonts/acorex-icons.woff?u7b34m') format('woff'),
|
7
|
+
url('fonts/acorex-icons.svg?u7b34m#acorex-icons') format('svg');
|
8
|
+
font-weight: normal;
|
9
|
+
font-style: normal;
|
10
|
+
font-display: block;
|
11
|
+
}
|
12
|
+
|
13
|
+
.ax-icon {
|
14
|
+
/* use !important to prevent issues with browser extensions that change fonts */
|
15
|
+
font-family: 'acorex-icons' !important;
|
16
|
+
speak: never;
|
17
|
+
font-style: normal;
|
18
|
+
font-weight: normal;
|
19
|
+
font-variant: normal;
|
20
|
+
text-transform: none;
|
21
|
+
line-height: 1;
|
22
|
+
|
23
|
+
/* Better Font Rendering =========== */
|
24
|
+
-webkit-font-smoothing: antialiased;
|
25
|
+
-moz-osx-font-smoothing: grayscale;
|
26
|
+
}
|
27
|
+
|
28
|
+
.ax-icon-star-fill:before {
|
29
|
+
content: "\e900";
|
30
|
+
}
|
31
|
+
.ax-icon-star:before {
|
32
|
+
content: "\e901";
|
33
|
+
}
|
34
|
+
.ax-icon-light-mode:before {
|
35
|
+
content: "\e902";
|
36
|
+
}
|
37
|
+
.ax-icon-dark-mode:before {
|
38
|
+
content: "\e903";
|
39
|
+
}
|
40
|
+
.ax-icon-color-picker:before {
|
41
|
+
content: "\e904";
|
42
|
+
}
|
43
|
+
.ax-icon-color-palette:before {
|
44
|
+
content: "\e905";
|
45
|
+
}
|
46
|
+
.ax-icon-arrow-left:before {
|
47
|
+
content: "\e906";
|
48
|
+
}
|
49
|
+
.ax-icon-arrow-down:before {
|
50
|
+
content: "\e907";
|
51
|
+
}
|
52
|
+
.ax-icon-arrow-up:before {
|
53
|
+
content: "\e908";
|
54
|
+
}
|
55
|
+
.ax-icon-arrow-right:before {
|
56
|
+
content: "\e909";
|
57
|
+
}
|
58
|
+
.ax-icon-chevron-left:before {
|
59
|
+
content: "\e90a";
|
60
|
+
}
|
61
|
+
.ax-icon-chevron-down:before {
|
62
|
+
content: "\e90b";
|
63
|
+
}
|
64
|
+
.ax-icon-chevron-up:before {
|
65
|
+
content: "\e90c";
|
66
|
+
}
|
67
|
+
.ax-icon-chevron-right:before {
|
68
|
+
content: "\e90d";
|
69
|
+
}
|
70
|
+
.ax-icon-first-page:before {
|
71
|
+
content: "\e90e";
|
72
|
+
}
|
73
|
+
.ax-icon-last-page:before {
|
74
|
+
content: "\e90f";
|
75
|
+
}
|
76
|
+
.ax-icon-full-screen:before {
|
77
|
+
content: "\e910";
|
78
|
+
}
|
79
|
+
.ax-icon-full-screen-close:before {
|
80
|
+
content: "\e911";
|
81
|
+
}
|
82
|
+
.ax-icon-done:before {
|
83
|
+
content: "\e912";
|
84
|
+
}
|
85
|
+
.ax-icon-calendar:before {
|
86
|
+
content: "\e913";
|
87
|
+
}
|
88
|
+
.ax-icon-more:before {
|
89
|
+
content: "\e914";
|
90
|
+
}
|
91
|
+
.ax-icon-menu:before {
|
92
|
+
content: "\e915";
|
93
|
+
}
|
94
|
+
.ax-icon-report:before {
|
95
|
+
content: "\e916";
|
96
|
+
}
|
97
|
+
.ax-icon-report-fill:before {
|
98
|
+
content: "\e917";
|
99
|
+
}
|
100
|
+
.ax-icon-error:before {
|
101
|
+
content: "\e918";
|
102
|
+
}
|
103
|
+
.ax-icon-error-fill:before {
|
104
|
+
content: "\e919";
|
105
|
+
}
|
106
|
+
.ax-icon-warning:before {
|
107
|
+
content: "\e91a";
|
108
|
+
}
|
109
|
+
.ax-icon-warning-fill:before {
|
110
|
+
content: "\e91b";
|
111
|
+
}
|
112
|
+
.ax-icon-check-circle:before {
|
113
|
+
content: "\e91c";
|
114
|
+
}
|
115
|
+
.ax-icon-check-circle-fill:before {
|
116
|
+
content: "\e91d";
|
117
|
+
}
|
118
|
+
.ax-icon-close:before {
|
119
|
+
content: "\e91e";
|
120
|
+
}
|
121
|
+
.ax-icon-time:before {
|
122
|
+
content: "\e91f";
|
123
|
+
}
|
124
|
+
.ax-icon-visibility-off:before {
|
125
|
+
content: "\e920";
|
126
|
+
}
|
127
|
+
.ax-icon-visibility:before {
|
128
|
+
content: "\e921";
|
129
|
+
}
|
130
|
+
.ax-icon-unfold-more:before {
|
131
|
+
content: "\e922";
|
132
|
+
}
|
133
|
+
.ax-icon-unfold-less:before {
|
134
|
+
content: "\e923";
|
135
|
+
}
|
136
|
+
.ax-icon-arrow-long:before {
|
137
|
+
content: "\e924";
|
138
|
+
}
|
139
|
+
.ax-icon-arrow-short:before {
|
140
|
+
content: "\e925";
|
141
|
+
}
|
142
|
+
.ax-icon-download:before {
|
143
|
+
content: "\e926";
|
144
|
+
}
|
145
|
+
.ax-icon-upload:before {
|
146
|
+
content: "\e927";
|
147
|
+
}
|
148
|
+
.ax-icon-publish:before {
|
149
|
+
content: "\e928";
|
150
|
+
}
|
151
|
+
.ax-icon-cloud-download:before {
|
152
|
+
content: "\e929";
|
153
|
+
}
|
154
|
+
.ax-icon-cloud-upload:before {
|
155
|
+
content: "\e92a";
|
156
|
+
}
|
157
|
+
.ax-icon-undo:before {
|
158
|
+
content: "\e92b";
|
159
|
+
}
|
160
|
+
.ax-icon-redo:before {
|
161
|
+
content: "\e92c";
|
162
|
+
}
|
163
|
+
.ax-icon-search:before {
|
164
|
+
content: "\e92d";
|
165
|
+
}
|
166
|
+
.ax-icon-add:before {
|
167
|
+
content: "\e92e";
|
168
|
+
}
|
169
|
+
.ax-icon-remove:before {
|
170
|
+
content: "\e92f";
|
171
|
+
}
|
172
|
+
.ax-icon-paste:before {
|
173
|
+
content: "\e930";
|
174
|
+
}
|
175
|
+
.ax-icon-cut:before {
|
176
|
+
content: "\e931";
|
177
|
+
}
|
178
|
+
.ax-icon-copy:before {
|
179
|
+
content: "\e932";
|
180
|
+
}
|
181
|
+
.ax-icon-refresh:before {
|
182
|
+
content: "\e933";
|
183
|
+
}
|
184
|
+
.ax-icon-inbox:before {
|
185
|
+
content: "\e934";
|
186
|
+
}
|
187
|
+
.ax-icon-skip-previous:before {
|
188
|
+
content: "\e935";
|
189
|
+
}
|
190
|
+
.ax-icon-skip-next:before {
|
191
|
+
content: "\e936";
|
192
|
+
}
|
193
|
+
.ax-icon-delete:before {
|
194
|
+
content: "\e937";
|
195
|
+
}
|
196
|
+
.ax-icon-happy:before {
|
197
|
+
content: "\e938";
|
198
|
+
}
|
199
|
+
.ax-icon-normal:before {
|
200
|
+
content: "\e939";
|
201
|
+
}
|
202
|
+
.ax-icon-sad:before {
|
203
|
+
content: "\e93a";
|
204
|
+
}
|
205
|
+
.ax-icon-person:before {
|
206
|
+
content: "\e93b";
|
207
|
+
}
|
208
|
+
.ax-icon-dashboard:before {
|
209
|
+
content: "\e93c";
|
210
|
+
}
|