@acorex/styles 6.1.0 → 6.1.2

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 (23) hide show
  1. package/package.json +1 -1
  2. package/src/components/_alert.scss +245 -643
  3. package/src/components/_avatar.scss +2 -2
  4. package/src/components/_button.scss +14 -3
  5. package/src/components/_calendar.scss +2 -2
  6. package/src/components/_decoration.scss +18 -17
  7. package/src/components/_editor-container.scss +1 -1
  8. package/src/components/_list.scss +1 -1
  9. package/src/components/_textarea.scss +2 -2
  10. package/src/icons/Read Me.txt +7 -7
  11. package/src/icons/demo-files/demo.css +152 -152
  12. package/src/icons/demo-files/demo.js +30 -30
  13. package/src/icons/demo.html +738 -626
  14. package/src/icons/fonts/acorex-icon.eot +0 -0
  15. package/src/icons/fonts/acorex-icon.svg +59 -51
  16. package/src/icons/fonts/acorex-icon.ttf +0 -0
  17. package/src/icons/fonts/acorex-icon.woff +0 -0
  18. package/src/icons/selection.json +1 -1
  19. package/src/icons/style.css +177 -153
  20. package/src/icons/style.scss +280 -240
  21. package/src/icons/variables.scss +54 -46
  22. package/src/utility/index.scss +3 -0
  23. package/src/variables/_colors.scss +12 -12
package/src/icons/style.css CHANGED
@@ -1,153 +1,177 @@
1
- @font-face {
2
- font-family: 'acorex-icon';
3
- src: url('fonts/acorex-icon.eot?1da3f8');
4
- src: url('fonts/acorex-icon.eot?1da3f8#iefix') format('embedded-opentype'),
5
- url('fonts/acorex-icon.ttf?1da3f8') format('truetype'),
6
- url('fonts/acorex-icon.woff?1da3f8') format('woff'),
7
- url('fonts/acorex-icon.svg?1da3f8#acorex-icon') format('svg');
8
- font-weight: normal;
9
- font-style: normal;
10
- font-display: block;
11
- }
12
-
13
- [class^="ax-ic-"], [class*=" ax-ic-"] {
14
- /* use !important to prevent issues with browser extensions that change fonts */
15
- font-family: 'acorex-icon' !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-ic-inbox:before {
29
- content: "\e925";
30
- }
31
- .ax-ic-cloud-download:before {
32
- content: "\e926";
33
- }
34
- .ax-ic-download:before {
35
- content: "\e927";
36
- }
37
- .ax-ic-upload:before {
38
- content: "\e928";
39
- }
40
- .ax-ic-cloud-upload:before {
41
- content: "\e929";
42
- }
43
- .ax-ic-empty-box:before {
44
- content: "\e924";
45
- }
46
- .ax-ic-colorize:before {
47
- content: "\e921";
48
- }
49
- .ax-ic-pase:before {
50
- content: "\e922";
51
- }
52
- .ax-ic-copy:before {
53
- content: "\e923";
54
- }
55
- .ax-ic-star-filled:before {
56
- content: "\e91e";
57
- }
58
- .ax-ic-star-half-filled:before {
59
- content: "\e91f";
60
- }
61
- .ax-ic-star-outline:before {
62
- content: "\e920";
63
- }
64
- .ax-ic-remove:before {
65
- content: "\e91b";
66
- }
67
- .ax-ic-plus:before {
68
- content: "\e91c";
69
- }
70
- .ax-ic-magnify:before {
71
- content: "\e91d";
72
- }
73
- .ax-ic-arrow-circle:before {
74
- content: "\e911";
75
- }
76
- .ax-ic-arrow-circle-fill:before {
77
- content: "\e912";
78
- }
79
- .ax-ic-arrow-half:before {
80
- content: "\e913";
81
- }
82
- .ax-ic-arrow-fill:before {
83
- content: "\e914";
84
- }
85
- .ax-ic-arrow:before {
86
- content: "\e915";
87
- }
88
- .ax-ic-unfold:before {
89
- content: "\e916";
90
- }
91
- .ax-ic-half-arrow:before {
92
- content: "\e917";
93
- }
94
- .ax-ic-fullscreen:before {
95
- content: "\e918";
96
- }
97
- .ax-ic-close-fullscreen:before {
98
- content: "\e919";
99
- }
100
- .ax-ic-fold:before {
101
- content: "\e91a";
102
- }
103
- .ax-ic-eye:before {
104
- content: "\e901";
105
- }
106
- .ax-ic-eye-off:before {
107
- content: "\e902";
108
- }
109
- .ax-ic-calendar:before {
110
- content: "\e903";
111
- }
112
- .ax-ic-time:before {
113
- content: "\e900";
114
- }
115
- .ax-ic-check:before {
116
- content: "\e904";
117
- }
118
- .ax-ic-check-filled:before {
119
- content: "\e905";
120
- }
121
- .ax-ic-chevron:before {
122
- content: "\e906";
123
- }
124
- .ax-ic-close:before {
125
- content: "\e907";
126
- }
127
- .ax-ic-error-filled:before {
128
- content: "\e908";
129
- }
130
- .ax-ic-chevron-page:before {
131
- content: "\e909";
132
- }
133
- .ax-ic-info-filled:before {
134
- content: "\e90a";
135
- }
136
- .ax-ic-chevron-double:before {
137
- content: "\e90b";
138
- }
139
- .ax-ic-menu:before {
140
- content: "\e90c";
141
- }
142
- .ax-ic-more:before {
143
- content: "\e90d";
144
- }
145
- .ax-ic-warning-filled:before {
146
- content: "\e90e";
147
- }
148
- .ax-ic-chevron-page-filled:before {
149
- content: "\e90f";
150
- }
151
- .ax-ic-calendar-today:before {
152
- content: "\e910";
153
- }
1
+ @font-face {
2
+ font-family: 'acorex-icon';
3
+ src: url('fonts/acorex-icon.eot?vvlbi0');
4
+ src: url('fonts/acorex-icon.eot?vvlbi0#iefix') format('embedded-opentype'),
5
+ url('fonts/acorex-icon.ttf?vvlbi0') format('truetype'),
6
+ url('fonts/acorex-icon.woff?vvlbi0') format('woff'),
7
+ url('fonts/acorex-icon.svg?vvlbi0#acorex-icon') format('svg');
8
+ font-weight: normal;
9
+ font-style: normal;
10
+ font-display: block;
11
+ }
12
+
13
+ [class^="ax-ic-"], [class*=" ax-ic-"] {
14
+ /* use !important to prevent issues with browser extensions that change fonts */
15
+ font-family: 'acorex-icon' !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-ic-skip-previous:before {
29
+ content: "\e92a";
30
+ }
31
+ .ax-ic-arrow-left:before {
32
+ content: "\e92b";
33
+ }
34
+ .ax-ic-skip-next:before {
35
+ content: "\e92c";
36
+ }
37
+ .ax-ic-arrow-right:before {
38
+ content: "\e92d";
39
+ }
40
+ .ax-ic-first-page:before {
41
+ content: "\e92e";
42
+ }
43
+ .ax-ic-last-page:before {
44
+ content: "\e92f";
45
+ }
46
+ .ax-ic-chevron-left:before {
47
+ content: "\e930";
48
+ }
49
+ .ax-ic-chevron-right:before {
50
+ content: "\e931";
51
+ }
52
+ .ax-ic-inbox:before {
53
+ content: "\e925";
54
+ }
55
+ .ax-ic-cloud-download:before {
56
+ content: "\e926";
57
+ }
58
+ .ax-ic-download:before {
59
+ content: "\e927";
60
+ }
61
+ .ax-ic-upload:before {
62
+ content: "\e928";
63
+ }
64
+ .ax-ic-cloud-upload:before {
65
+ content: "\e929";
66
+ }
67
+ .ax-ic-empty-box:before {
68
+ content: "\e924";
69
+ }
70
+ .ax-ic-colorize:before {
71
+ content: "\e921";
72
+ }
73
+ .ax-ic-pase:before {
74
+ content: "\e922";
75
+ }
76
+ .ax-ic-copy:before {
77
+ content: "\e923";
78
+ }
79
+ .ax-ic-star-filled:before {
80
+ content: "\e91e";
81
+ }
82
+ .ax-ic-star-half-filled:before {
83
+ content: "\e91f";
84
+ }
85
+ .ax-ic-star-outline:before {
86
+ content: "\e920";
87
+ }
88
+ .ax-ic-remove:before {
89
+ content: "\e91b";
90
+ }
91
+ .ax-ic-plus:before {
92
+ content: "\e91c";
93
+ }
94
+ .ax-ic-magnify:before {
95
+ content: "\e91d";
96
+ }
97
+ .ax-ic-arrow-circle:before {
98
+ content: "\e911";
99
+ }
100
+ .ax-ic-arrow-circle-fill:before {
101
+ content: "\e912";
102
+ }
103
+ .ax-ic-arrow-half:before {
104
+ content: "\e913";
105
+ }
106
+ .ax-ic-arrow-fill:before {
107
+ content: "\e914";
108
+ }
109
+ .ax-ic-arrow:before {
110
+ content: "\e915";
111
+ }
112
+ .ax-ic-unfold:before {
113
+ content: "\e916";
114
+ }
115
+ .ax-ic-half-arrow:before {
116
+ content: "\e917";
117
+ }
118
+ .ax-ic-fullscreen:before {
119
+ content: "\e918";
120
+ }
121
+ .ax-ic-close-fullscreen:before {
122
+ content: "\e919";
123
+ }
124
+ .ax-ic-fold:before {
125
+ content: "\e91a";
126
+ }
127
+ .ax-ic-eye:before {
128
+ content: "\e901";
129
+ }
130
+ .ax-ic-eye-off:before {
131
+ content: "\e902";
132
+ }
133
+ .ax-ic-calendar:before {
134
+ content: "\e903";
135
+ }
136
+ .ax-ic-time:before {
137
+ content: "\e900";
138
+ }
139
+ .ax-ic-check:before {
140
+ content: "\e904";
141
+ }
142
+ .ax-ic-check-filled:before {
143
+ content: "\e905";
144
+ }
145
+ .ax-ic-chevron:before {
146
+ content: "\e906";
147
+ }
148
+ .ax-ic-close:before {
149
+ content: "\e907";
150
+ }
151
+ .ax-ic-error-filled:before {
152
+ content: "\e908";
153
+ }
154
+ .ax-ic-chevron-page:before {
155
+ content: "\e909";
156
+ }
157
+ .ax-ic-info-filled:before {
158
+ content: "\e90a";
159
+ }
160
+ .ax-ic-chevron-double:before {
161
+ content: "\e90b";
162
+ }
163
+ .ax-ic-menu:before {
164
+ content: "\e90c";
165
+ }
166
+ .ax-ic-more:before {
167
+ content: "\e90d";
168
+ }
169
+ .ax-ic-warning-filled:before {
170
+ content: "\e90e";
171
+ }
172
+ .ax-ic-chevron-page-filled:before {
173
+ content: "\e90f";
174
+ }
175
+ .ax-ic-calendar-today:before {
176
+ content: "\e910";
177
+ }