@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,177 +1,210 @@
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
- }
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
+ }