@acorex/styles 21.0.0-next.65 → 21.0.0-next.66

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 (82) hide show
  1. package/base/_preflight.scss +421 -0
  2. package/base/index.scss +15 -0
  3. package/components/{_action-item.css → _action-item.scss} +37 -12
  4. package/components/{_actionsheet.css → _actionsheet.scss} +9 -13
  5. package/components/{_check-box.css → _check-box.scss} +24 -8
  6. package/components/{_drop-down.css → _drop-down.scss} +17 -18
  7. package/components/_editor-container.scss +293 -0
  8. package/components/_general-button.scss +75 -0
  9. package/components/{_list.css → _list.scss} +56 -25
  10. package/components/_radio.scss +51 -0
  11. package/components/{_ripple.css → _ripple.scss} +8 -8
  12. package/components/{_table.css → _table.scss} +23 -20
  13. package/components/{_uploader.css → _uploader.scss} +20 -1
  14. package/components/index.scss +11 -0
  15. package/generators/index.js +1 -0
  16. package/generators/tailwind-class-generator.js +68 -0
  17. package/icons/fontawesome/_variables.scss +227 -0
  18. package/icons/fontawesome/index.scss +714 -0
  19. package/icons/huge/huge-bulk/_variables.scss +209 -0
  20. package/icons/huge/huge-bulk/index.scss +656 -0
  21. package/icons/huge/huge-duotone/_variables.scss +209 -0
  22. package/icons/huge/huge-duotone/index.scss +657 -0
  23. package/icons/huge/huge-solid-rounded/_variables.scss +209 -0
  24. package/icons/huge/huge-solid-rounded/index.scss +643 -0
  25. package/icons/huge/huge-solid-sharp/_variables.scss +209 -0
  26. package/icons/huge/huge-solid-sharp/index.scss +656 -0
  27. package/icons/huge/huge-solid-standard/_variables.scss +209 -0
  28. package/icons/huge/huge-solid-standard/index.scss +656 -0
  29. package/icons/huge/huge-stroke-rounded/_variables.scss +209 -0
  30. package/icons/huge/huge-stroke-rounded/index.scss +656 -0
  31. package/icons/huge/huge-stroke-sharp/_variables.scss +209 -0
  32. package/icons/huge/huge-stroke-sharp/index.scss +656 -0
  33. package/icons/huge/huge-stroke-standard/_variables.scss +209 -0
  34. package/icons/huge/huge-stroke-standard/index.scss +656 -0
  35. package/icons/huge/huge-twotone/_variables.scss +209 -0
  36. package/icons/huge/huge-twotone/index.scss +656 -0
  37. package/icons/material/_variables.scss +227 -0
  38. package/icons/material/index.scss +718 -0
  39. package/index.scss +7 -0
  40. package/mixins/_editor-looks.scss +32 -0
  41. package/mixins/_media.scss +73 -0
  42. package/mixins/_scroll-bar.scss +35 -0
  43. package/mixins/_util.scss +19 -0
  44. package/mixins/index.scss +4 -0
  45. package/package.json +4 -7
  46. package/tailwind-base.js +4 -0
  47. package/themes/default.scss +74 -0
  48. package/utils/_theme-generator.scss +238 -0
  49. package/utils/_utils.scss +278 -0
  50. package/utils/index.scss +2 -0
  51. package/variables/_colors.scss +14 -0
  52. package/variables/_looks.scss +1 -0
  53. package/variables/index.scss +2 -0
  54. package/components/_editor-container copy.css +0 -267
  55. package/components/_editor-container.css +0 -82
  56. package/components/_general-button.css +0 -37
  57. package/components/_radio.css +0 -33
  58. package/components/index.css +0 -11
  59. package/icons/fontawesome/_variables.css +0 -229
  60. package/icons/fontawesome/index.css +0 -557
  61. package/icons/huge/huge-bulk/_variables.css +0 -211
  62. package/icons/huge/huge-bulk/index.css +0 -522
  63. package/icons/huge/huge-duotone/_variables.css +0 -211
  64. package/icons/huge/huge-duotone/index.css +0 -519
  65. package/icons/huge/huge-solid-rounded/_variables.css +0 -211
  66. package/icons/huge/huge-solid-rounded/index.css +0 -519
  67. package/icons/huge/huge-solid-sharp/_variables.css +0 -213
  68. package/icons/huge/huge-solid-sharp/index.css +0 -519
  69. package/icons/huge/huge-solid-standard/_variables.css +0 -211
  70. package/icons/huge/huge-solid-standard/index.css +0 -518
  71. package/icons/huge/huge-stroke-rounded/_variables.css +0 -211
  72. package/icons/huge/huge-stroke-rounded/index.css +0 -517
  73. package/icons/huge/huge-stroke-sharp/_variables.css +0 -142
  74. package/icons/huge/huge-stroke-sharp/index.css +0 -517
  75. package/icons/huge/huge-stroke-standard/_variables.css +0 -141
  76. package/icons/huge/huge-stroke-standard/index.css +0 -517
  77. package/icons/huge/huge-twotone/_variables.css +0 -211
  78. package/icons/huge/huge-twotone/index.css +0 -518
  79. package/icons/material/_variables.css +0 -229
  80. package/icons/material/index.css +0 -575
  81. package/index.css +0 -2
  82. package/themes/default.css +0 -3067
package/components/_radio.css DELETED
@@ -1,33 +0,0 @@
1
- .ax-radio {
2
- margin: 0px;
3
- height: 1rem;
4
- min-height: 1rem;
5
- min-width: 1rem;
6
- width: 1rem;
7
- cursor: pointer;
8
- appearance: none;
9
- border-radius: 9999px;
10
- border-width: 1px;
11
- border-color: rgba(var(--ax-sys-color-border-surface));
12
- background-color: rgba(var(--ax-sys-color-input-surface));
13
- vertical-align: middle;
14
- outline: 2px solid transparent;
15
- outline-offset: 2px;
16
- &:checked {
17
- border-color: rgba(var(--ax-sys-color-primary-500)) !important;
18
- background-color: rgba(var(--ax-sys-color-primary-500)) !important;
19
- background-size: contain;
20
- background-repeat: no-repeat;
21
- }
22
- &:checked {
23
- background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
24
- }
25
- &:focus-visible,
26
- &:focus {
27
- box-shadow: 0px 0px 0px 2px rgba(var(--ax-sys-color-surface)), 0px 0px 0px 4px rgba(var(--ax-sys-color-primary-500));
28
- }
29
- &:disabled {
30
- cursor: not-allowed;
31
- opacity: 0.5;
32
- }
33
- }
package/components/index.css DELETED
@@ -1,11 +0,0 @@
1
- @import './_action-item.css';
2
- @import './_actionsheet.css';
3
- @import './_check-box.css';
4
- @import './_drop-down.css';
5
- @import './_editor-container.css';
6
- @import './_general-button.css';
7
- @import './_list.css';
8
- @import './_radio.css';
9
- @import './_ripple.css';
10
- @import './_table.css';
11
- @import './_uploader.css';
package/icons/fontawesome/_variables.css DELETED
@@ -1,229 +0,0 @@
1
- :root {
2
- --ax-icon-more-horizontal: '\f141';
3
- --ax-icon-more-horizontal-after: '';
4
-
5
- --ax-icon-more-vertical: '\f142';
6
- --ax-icon-more-vertical-after: '';
7
-
8
- --ax-icon-arrow-long-up: '\f176';
9
- --ax-icon-arrow-long-up-after: '';
10
-
11
- --ax-icon-arrow-long-down: '\f175';
12
- --ax-icon-arrow-long-down-after: '';
13
-
14
- --ax-icon-color-palette: '\f53f';
15
- --ax-icon-color-palette-after: '';
16
-
17
- --ax-icon-arrow-left: '\f0d9';
18
- --ax-icon-arrow-left-after: '';
19
-
20
- --ax-icon-arrow-down: '\f0d7';
21
- --ax-icon-arrow-down-after: '';
22
-
23
- --ax-icon-arrow-up: '\f0d8';
24
- --ax-icon-arrow-up-after: '';
25
-
26
- --ax-icon-arrow-right: '\f0da';
27
- --ax-icon-arrow-right-after: '';
28
-
29
- --ax-icon-chevron-left: '\f053';
30
- --ax-icon-chevron-left-after: '';
31
-
32
- --ax-icon-chevron-down: '\f078';
33
- --ax-icon-chevron-down-after: '';
34
-
35
- --ax-icon-chevron-up: '\f077';
36
- --ax-icon-chevron-up-after: '';
37
-
38
- --ax-icon-chevron-right: '\f054';
39
- --ax-icon-chevron-right-after: '';
40
-
41
- --ax-icon-chevron-double-right: '\f324';
42
- --ax-icon-chevron-double-right-after: '';
43
-
44
- --ax-icon-chevron-double-left: '\f323';
45
- --ax-icon-chevron-double-left-after: '';
46
-
47
- --ax-icon-first-page: '\f33e';
48
- --ax-icon-first-page-after: '';
49
-
50
- --ax-icon-last-page: '\f340';
51
- --ax-icon-last-page-after: '';
52
-
53
- --ax-icon-calendar: '\f133';
54
- --ax-icon-calendar-after: '';
55
-
56
- --ax-icon-info: '\f05a';
57
- --ax-icon-info-after: '';
58
-
59
- --ax-icon-error: '\f06a';
60
- --ax-icon-error-after: '';
61
-
62
- --ax-icon-warning: '\f071';
63
- --ax-icon-warning-after: '';
64
-
65
- --ax-icon-check: '\f00c';
66
- --ax-icon-check-after: '';
67
-
68
- --ax-icon-check-circle: '\f058';
69
- --ax-icon-check-circle-after: '';
70
-
71
- --ax-icon-dobble-check: '\f560';
72
- --ax-icon-dobble-check-after: '';
73
-
74
- --ax-icon-close: '\f00d';
75
- --ax-icon-close-after: '';
76
-
77
- --ax-icon-clear: '\f057';
78
- --ax-icon-clear-after: '';
79
-
80
- --ax-icon-visibility-off: '\f070';
81
- --ax-icon-visibility-off-after: '';
82
-
83
- --ax-icon-visibility: '\f06e';
84
- --ax-icon-visibility-after: '';
85
-
86
- --ax-icon-unfold-more: '\f0dc';
87
- --ax-icon-unfold-more-after: '';
88
-
89
- --ax-icon-download: '\f019';
90
- --ax-icon-download-after: '';
91
-
92
- --ax-icon-upload: '\e09a';
93
- --ax-icon-upload-after: '';
94
-
95
- --ax-icon-search: '\f002';
96
- --ax-icon-search-after: '';
97
-
98
- --ax-icon-copy: '\f0c5';
99
- --ax-icon-copy-after: '';
100
-
101
- --ax-icon-refresh: '\f021';
102
- --ax-icon-refresh-after: '';
103
-
104
- --ax-icon-inbox: '\f01c';
105
- --ax-icon-inbox-after: '';
106
-
107
- --ax-icon-emoji: '\f118';
108
- --ax-icon-emoji-after: '';
109
-
110
- --ax-icon-attach: '\f0c6';
111
- --ax-icon-attach-after: '';
112
-
113
- --ax-icon-mic: '\f130';
114
- --ax-icon-mic-after: '';
115
-
116
- --ax-icon-send: '\f1d8';
117
- --ax-icon-send-after: '';
118
-
119
- --ax-icon-play: '\f04b';
120
- --ax-icon-play-after: '';
121
-
122
- --ax-icon-pause: '\f04c';
123
- --ax-icon-pause-after: '';
124
-
125
- --ax-icon-reload: '\f2f9';
126
- --ax-icon-reload-after: '';
127
-
128
- --ax-icon-heart: '\f004';
129
- --ax-icon-heart-after: '';
130
-
131
- --ax-icon-comment: '\f075';
132
- --ax-icon-comment-after: '';
133
-
134
- --ax-icon-bold: '\f032';
135
- --ax-icon-bold-after: '';
136
-
137
- --ax-icon-italic: '\f033';
138
- --ax-icon-italic-after: '';
139
-
140
- --ax-icon-strike: '\f0cc';
141
- --ax-icon-strike-after: '';
142
-
143
- --ax-icon-under-line: '\f0cd';
144
- --ax-icon-under-line-after: '';
145
-
146
- --ax-icon-order-list: '\f0cb';
147
- --ax-icon-order-list-after: '';
148
-
149
- --ax-icon-un-order-list: '\f0ca';
150
- --ax-icon-un-order-list-after: '';
151
-
152
- --ax-icon-align-left: '\f036';
153
- --ax-icon-align-left-after: '';
154
-
155
- --ax-icon-align-right: '\f038';
156
- --ax-icon-align-right-after: '';
157
-
158
- --ax-icon-align-center: '\f037';
159
- --ax-icon-align-center-after: '';
160
-
161
- --ax-icon-align-justify: '\f039';
162
- --ax-icon-align-justify-after: '';
163
-
164
- --ax-icon-undo: '\f0e2';
165
- --ax-icon-undo-after: '';
166
-
167
- --ax-icon-redo: '\f01e';
168
- --ax-icon-redo-after: '';
169
-
170
- --ax-icon-highlight: '\f591';
171
- --ax-icon-highlight-after: '';
172
-
173
- --ax-icon-link: '\f0c1';
174
- --ax-icon-link-after: '';
175
-
176
- --ax-icon-image: '\f03e';
177
- --ax-icon-image-after: '';
178
-
179
- --ax-icon-pen: '\f304';
180
- --ax-icon-pen-after: '';
181
-
182
- --ax-icon-eraser: '\f12d';
183
- --ax-icon-eraser-after: '';
184
-
185
- --ax-icon-pen-ruler: '\f5ae';
186
- --ax-icon-pen-ruler-after: '';
187
-
188
- --ax-icon-crop: '\f125';
189
- --ax-icon-crop-after: '';
190
-
191
- --ax-icon-full-screen: '\f065';
192
- --ax-icon-full-screen-after: '';
193
-
194
- --ax-icon-up-folder: '\e632';
195
- --ax-icon-up-folder-after: '';
196
-
197
- --ax-icon-sort: '\e0ae';
198
- --ax-icon-sort-after: '';
199
-
200
- --ax-icon-menu: '\f0c9';
201
- --ax-icon-menu-after: '';
202
-
203
- --ax-icon-plus: '\2b';
204
- --ax-icon-plus-after: '';
205
-
206
- --ax-icon-trash: '\f1f8';
207
- --ax-icon-trash-after: '';
208
-
209
- --ax-icon-arrow-turn-right: '\e635';
210
- --ax-icon-arrow-turn-right-after: '';
211
-
212
- --ax-icon-arrow-turn-left: '\e632';
213
- --ax-icon-arrow-turn-left-after: '';
214
-
215
- --ax-icon-save: '\f0c7';
216
- --ax-icon-save-after: '';
217
-
218
- --ax-icon-minimize: '\f068';
219
- --ax-icon-minimize-after: '';
220
-
221
- --ax-icon-maximize: '\f31d';
222
- --ax-icon-maximize-after: '';
223
-
224
- --ax-icon-code: '\f121';
225
- --ax-icon-code-after: '';
226
-
227
- --ax-icon-paragraph: '\f1dd';
228
- --ax-icon-paragraph-after: '';
229
- }