@acorex/styles 5.0.30 → 5.0.37

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 (18) hide show
  1. package/package.json +1 -1
  2. package/src/components/_calendar.scss +8 -0
  3. package/src/components/_checkbox.scss +21 -9
  4. package/src/components/_dropdown.scss +38 -9
  5. package/src/components/_editor-container.scss +7 -8
  6. package/src/components/_form.scss +2 -2
  7. package/src/components/_input.scss +1 -2
  8. package/src/components/_list.scss +27 -1
  9. package/src/components/_popup.scss +5 -5
  10. package/src/components/_radio.scss +9 -0
  11. package/src/components/_selectbox.scss +1 -1
  12. package/src/icons/demo-files/demo.css +152 -152
  13. package/src/icons/demo-files/demo.js +30 -30
  14. package/src/icons/demo.html +458 -458
  15. package/src/icons/fonts/acorex-icon.svg +39 -39
  16. package/src/icons/style.css +116 -116
  17. package/src/icons/style.scss +179 -179
  18. package/src/icons/variables.scss +34 -34
package/src/icons/style.scss CHANGED
@@ -1,179 +1,179 @@
1
- @import "variables";
2
-
3
- @font-face {
4
- font-family: '#{$icomoon-font-family}';
5
- src:
6
- url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?hruqb5') format('truetype'),
7
- url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?hruqb5') format('woff'),
8
- url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?hruqb5##{$icomoon-font-family}') format('svg');
9
- font-weight: normal;
10
- font-style: normal;
11
- font-display: block;
12
- }
13
-
14
- [class^="ax-ic-"], [class*=" ax-ic-"] {
15
- /* use !important to prevent issues with browser extensions that change fonts */
16
- font-family: '#{$icomoon-font-family}' !important;
17
- speak: never;
18
- font-style: normal;
19
- font-weight: normal;
20
- font-variant: normal;
21
- text-transform: none;
22
- line-height: 1;
23
-
24
- /* Better Font Rendering =========== */
25
- -webkit-font-smoothing: antialiased;
26
- -moz-osx-font-smoothing: grayscale;
27
- }
28
-
29
- .ax-ic-remove {
30
- &:before {
31
- content: $ax-ic-remove;
32
- }
33
- }
34
- .ax-ic-plus {
35
- &:before {
36
- content: $ax-ic-plus;
37
- }
38
- }
39
- .ax-ic-magnify {
40
- &:before {
41
- content: $ax-ic-magnify;
42
- }
43
- }
44
- .ax-ic-arrow-circle {
45
- &:before {
46
- content: $ax-ic-arrow-circle;
47
- }
48
- }
49
- .ax-ic-arrow-circle-fill {
50
- &:before {
51
- content: $ax-ic-arrow-circle-fill;
52
- }
53
- }
54
- .ax-ic-arrow-half {
55
- &:before {
56
- content: $ax-ic-arrow-half;
57
- }
58
- }
59
- .ax-ic-arrow-fill {
60
- &:before {
61
- content: $ax-ic-arrow-fill;
62
- }
63
- }
64
- .ax-ic-arrow {
65
- &:before {
66
- content: $ax-ic-arrow;
67
- }
68
- }
69
- .ax-ic-unfold {
70
- &:before {
71
- content: $ax-ic-unfold;
72
- }
73
- }
74
- .ax-ic-half-arrow {
75
- &:before {
76
- content: $ax-ic-half-arrow;
77
- }
78
- }
79
- .ax-ic-fullscreen {
80
- &:before {
81
- content: $ax-ic-fullscreen;
82
- }
83
- }
84
- .ax-ic-close-fullscreen {
85
- &:before {
86
- content: $ax-ic-close-fullscreen;
87
- }
88
- }
89
- .ax-ic-fold {
90
- &:before {
91
- content: $ax-ic-fold;
92
- }
93
- }
94
- .ax-ic-eye {
95
- &:before {
96
- content: $ax-ic-eye;
97
- }
98
- }
99
- .ax-ic-eye-off {
100
- &:before {
101
- content: $ax-ic-eye-off;
102
- }
103
- }
104
- .ax-ic-calendar {
105
- &:before {
106
- content: $ax-ic-calendar;
107
- }
108
- }
109
- .ax-ic-time {
110
- &:before {
111
- content: $ax-ic-time;
112
- }
113
- }
114
- .ax-ic-check {
115
- &:before {
116
- content: $ax-ic-check;
117
- }
118
- }
119
- .ax-ic-check-filled {
120
- &:before {
121
- content: $ax-ic-check-filled;
122
- }
123
- }
124
- .ax-ic-chevron {
125
- &:before {
126
- content: $ax-ic-chevron;
127
- }
128
- }
129
- .ax-ic-close {
130
- &:before {
131
- content: $ax-ic-close;
132
- }
133
- }
134
- .ax-ic-error-filled {
135
- &:before {
136
- content: $ax-ic-error-filled;
137
- }
138
- }
139
- .ax-ic-chevron-page {
140
- &:before {
141
- content: $ax-ic-chevron-page;
142
- }
143
- }
144
- .ax-ic-info-filled {
145
- &:before {
146
- content: $ax-ic-info-filled;
147
- }
148
- }
149
- .ax-ic-chevron-double {
150
- &:before {
151
- content: $ax-ic-chevron-double;
152
- }
153
- }
154
- .ax-ic-menu {
155
- &:before {
156
- content: $ax-ic-menu;
157
- }
158
- }
159
- .ax-ic-more {
160
- &:before {
161
- content: $ax-ic-more;
162
- }
163
- }
164
- .ax-ic-warning-filled {
165
- &:before {
166
- content: $ax-ic-warning-filled;
167
- }
168
- }
169
- .ax-ic-chevron-page-filled {
170
- &:before {
171
- content: $ax-ic-chevron-page-filled;
172
- }
173
- }
174
- .ax-ic-calendar-today {
175
- &:before {
176
- content: $ax-ic-calendar-today;
177
- }
178
- }
179
-
1
+ @import "variables";
2
+
3
+ @font-face {
4
+ font-family: '#{$icomoon-font-family}';
5
+ src:
6
+ url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?hruqb5') format('truetype'),
7
+ url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?hruqb5') format('woff'),
8
+ url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?hruqb5##{$icomoon-font-family}') format('svg');
9
+ font-weight: normal;
10
+ font-style: normal;
11
+ font-display: block;
12
+ }
13
+
14
+ [class^="ax-ic-"], [class*=" ax-ic-"] {
15
+ /* use !important to prevent issues with browser extensions that change fonts */
16
+ font-family: '#{$icomoon-font-family}' !important;
17
+ speak: never;
18
+ font-style: normal;
19
+ font-weight: normal;
20
+ font-variant: normal;
21
+ text-transform: none;
22
+ line-height: 1;
23
+
24
+ /* Better Font Rendering =========== */
25
+ -webkit-font-smoothing: antialiased;
26
+ -moz-osx-font-smoothing: grayscale;
27
+ }
28
+
29
+ .ax-ic-remove {
30
+ &:before {
31
+ content: $ax-ic-remove;
32
+ }
33
+ }
34
+ .ax-ic-plus {
35
+ &:before {
36
+ content: $ax-ic-plus;
37
+ }
38
+ }
39
+ .ax-ic-magnify {
40
+ &:before {
41
+ content: $ax-ic-magnify;
42
+ }
43
+ }
44
+ .ax-ic-arrow-circle {
45
+ &:before {
46
+ content: $ax-ic-arrow-circle;
47
+ }
48
+ }
49
+ .ax-ic-arrow-circle-fill {
50
+ &:before {
51
+ content: $ax-ic-arrow-circle-fill;
52
+ }
53
+ }
54
+ .ax-ic-arrow-half {
55
+ &:before {
56
+ content: $ax-ic-arrow-half;
57
+ }
58
+ }
59
+ .ax-ic-arrow-fill {
60
+ &:before {
61
+ content: $ax-ic-arrow-fill;
62
+ }
63
+ }
64
+ .ax-ic-arrow {
65
+ &:before {
66
+ content: $ax-ic-arrow;
67
+ }
68
+ }
69
+ .ax-ic-unfold {
70
+ &:before {
71
+ content: $ax-ic-unfold;
72
+ }
73
+ }
74
+ .ax-ic-half-arrow {
75
+ &:before {
76
+ content: $ax-ic-half-arrow;
77
+ }
78
+ }
79
+ .ax-ic-fullscreen {
80
+ &:before {
81
+ content: $ax-ic-fullscreen;
82
+ }
83
+ }
84
+ .ax-ic-close-fullscreen {
85
+ &:before {
86
+ content: $ax-ic-close-fullscreen;
87
+ }
88
+ }
89
+ .ax-ic-fold {
90
+ &:before {
91
+ content: $ax-ic-fold;
92
+ }
93
+ }
94
+ .ax-ic-eye {
95
+ &:before {
96
+ content: $ax-ic-eye;
97
+ }
98
+ }
99
+ .ax-ic-eye-off {
100
+ &:before {
101
+ content: $ax-ic-eye-off;
102
+ }
103
+ }
104
+ .ax-ic-calendar {
105
+ &:before {
106
+ content: $ax-ic-calendar;
107
+ }
108
+ }
109
+ .ax-ic-time {
110
+ &:before {
111
+ content: $ax-ic-time;
112
+ }
113
+ }
114
+ .ax-ic-check {
115
+ &:before {
116
+ content: $ax-ic-check;
117
+ }
118
+ }
119
+ .ax-ic-check-filled {
120
+ &:before {
121
+ content: $ax-ic-check-filled;
122
+ }
123
+ }
124
+ .ax-ic-chevron {
125
+ &:before {
126
+ content: $ax-ic-chevron;
127
+ }
128
+ }
129
+ .ax-ic-close {
130
+ &:before {
131
+ content: $ax-ic-close;
132
+ }
133
+ }
134
+ .ax-ic-error-filled {
135
+ &:before {
136
+ content: $ax-ic-error-filled;
137
+ }
138
+ }
139
+ .ax-ic-chevron-page {
140
+ &:before {
141
+ content: $ax-ic-chevron-page;
142
+ }
143
+ }
144
+ .ax-ic-info-filled {
145
+ &:before {
146
+ content: $ax-ic-info-filled;
147
+ }
148
+ }
149
+ .ax-ic-chevron-double {
150
+ &:before {
151
+ content: $ax-ic-chevron-double;
152
+ }
153
+ }
154
+ .ax-ic-menu {
155
+ &:before {
156
+ content: $ax-ic-menu;
157
+ }
158
+ }
159
+ .ax-ic-more {
160
+ &:before {
161
+ content: $ax-ic-more;
162
+ }
163
+ }
164
+ .ax-ic-warning-filled {
165
+ &:before {
166
+ content: $ax-ic-warning-filled;
167
+ }
168
+ }
169
+ .ax-ic-chevron-page-filled {
170
+ &:before {
171
+ content: $ax-ic-chevron-page-filled;
172
+ }
173
+ }
174
+ .ax-ic-calendar-today {
175
+ &:before {
176
+ content: $ax-ic-calendar-today;
177
+ }
178
+ }
179
+
package/src/icons/variables.scss CHANGED
@@ -1,34 +1,34 @@
1
- $icomoon-font-family: "acorex-icon" !default;
2
- $icomoon-font-path: "fonts" !default;
3
-
4
- $ax-ic-remove: "\e91b";
5
- $ax-ic-plus: "\e91c";
6
- $ax-ic-magnify: "\e91d";
7
- $ax-ic-arrow-circle: "\e911";
8
- $ax-ic-arrow-circle-fill: "\e912";
9
- $ax-ic-arrow-half: "\e913";
10
- $ax-ic-arrow-fill: "\e914";
11
- $ax-ic-arrow: "\e915";
12
- $ax-ic-unfold: "\e916";
13
- $ax-ic-half-arrow: "\e917";
14
- $ax-ic-fullscreen: "\e918";
15
- $ax-ic-close-fullscreen: "\e919";
16
- $ax-ic-fold: "\e91a";
17
- $ax-ic-eye: "\e901";
18
- $ax-ic-eye-off: "\e902";
19
- $ax-ic-calendar: "\e903";
20
- $ax-ic-time: "\e900";
21
- $ax-ic-check: "\e904";
22
- $ax-ic-check-filled: "\e905";
23
- $ax-ic-chevron: "\e906";
24
- $ax-ic-close: "\e907";
25
- $ax-ic-error-filled: "\e908";
26
- $ax-ic-chevron-page: "\e909";
27
- $ax-ic-info-filled: "\e90a";
28
- $ax-ic-chevron-double: "\e90b";
29
- $ax-ic-menu: "\e90c";
30
- $ax-ic-more: "\e90d";
31
- $ax-ic-warning-filled: "\e90e";
32
- $ax-ic-chevron-page-filled: "\e90f";
33
- $ax-ic-calendar-today: "\e910";
34
-
1
+ $icomoon-font-family: "acorex-icon" !default;
2
+ $icomoon-font-path: "fonts" !default;
3
+
4
+ $ax-ic-remove: "\e91b";
5
+ $ax-ic-plus: "\e91c";
6
+ $ax-ic-magnify: "\e91d";
7
+ $ax-ic-arrow-circle: "\e911";
8
+ $ax-ic-arrow-circle-fill: "\e912";
9
+ $ax-ic-arrow-half: "\e913";
10
+ $ax-ic-arrow-fill: "\e914";
11
+ $ax-ic-arrow: "\e915";
12
+ $ax-ic-unfold: "\e916";
13
+ $ax-ic-half-arrow: "\e917";
14
+ $ax-ic-fullscreen: "\e918";
15
+ $ax-ic-close-fullscreen: "\e919";
16
+ $ax-ic-fold: "\e91a";
17
+ $ax-ic-eye: "\e901";
18
+ $ax-ic-eye-off: "\e902";
19
+ $ax-ic-calendar: "\e903";
20
+ $ax-ic-time: "\e900";
21
+ $ax-ic-check: "\e904";
22
+ $ax-ic-check-filled: "\e905";
23
+ $ax-ic-chevron: "\e906";
24
+ $ax-ic-close: "\e907";
25
+ $ax-ic-error-filled: "\e908";
26
+ $ax-ic-chevron-page: "\e909";
27
+ $ax-ic-info-filled: "\e90a";
28
+ $ax-ic-chevron-double: "\e90b";
29
+ $ax-ic-menu: "\e90c";
30
+ $ax-ic-more: "\e90d";
31
+ $ax-ic-warning-filled: "\e90e";
32
+ $ax-ic-chevron-page-filled: "\e90f";
33
+ $ax-ic-calendar-today: "\e910";
34
+