@acorex/styles 6.1.10 → 7.0.0

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
package/src/components/_table.scss CHANGED
@@ -1,81 +0,0 @@
1
- @layer components {
2
- .ax-table {
3
- @apply ax-w-full ax-rounded-default ax-border-collapse ax-border ax-border-light-200 dark:ax-border-white/10 ax-overflow-hidden;
4
- td {
5
- @apply ax-border-b ax-border-light-200 dark:ax-border-white/10 ax-px-6 ax-py-4 ax-text-sm;
6
- }
7
- thead {
8
- @apply ax-bg-light-100 dark:ax-bg-white/10 ax-shadow-sm ax-border-b ax-border-light-200 dark:ax-border-white/10;
9
- th {
10
- @apply ax-text-sm ax-font-bold ax-text-start ax-py-4 ax-px-6;
11
- }
12
-
13
- }
14
- &.ax-table-alternate {
15
- tbody {
16
- tr {
17
- &:nth-child(even) {
18
- @apply ax-bg-light-100 dark:ax-bg-dark-400/20;
19
- }
20
- }
21
- }
22
- }
23
- &.ax-table-bordered {
24
- thead {
25
- th {
26
- @apply ax-border-t-0 #{!important};
27
- }
28
- }
29
- tbody {
30
-
31
- tr {
32
- &:last-child {
33
- td {
34
- @apply ax-border-b-0;
35
- }
36
- }
37
- td {
38
- &:last-child {
39
- @apply ax-border-b-0;
40
- }
41
- }
42
- }
43
- }
44
-
45
- td,
46
- th {
47
- @apply ax-border ax-border-light-200 dark:ax-border-white/10;
48
- &:first-child {
49
- @apply ax-border-s-0;
50
- }
51
- &:last-child {
52
- @apply ax-border-e-0;
53
- }
54
- }
55
-
56
- }
57
- @media screen and (max-width: 601px) {
58
- &.ax-table-responsive {
59
- @apply ax-break-words ax-block ax-border-0;
60
- thead {
61
- @apply ax-absolute -ax-left-full -ax-top-full;
62
- }
63
-
64
- td {
65
- @apply ax-block ax-float-left ax-w-full ax-clear-both ax-bg-white ax-px-1.5 ax-py-2.5 ax-box-border last:ax-border-0;
66
- &:before {
67
- content: attr(data-label);
68
- @apply ax-block ax-font-bold;
69
- }
70
- }
71
- tr {
72
- @apply ax-border ax-border-light-200 dark:ax-border-white/10;
73
- }
74
- tr,
75
- tbody {
76
- @apply ax-block ax-float-left ax-w-full ax-mb-2.5;
77
- }
78
- }
79
- }
80
- }
81
- }
package/src/components/_tabs copy.scss CHANGED
@@ -46,11 +46,11 @@
46
46
 
47
47
  &.ax-horizontal {
48
48
  &.ax-look-default {
49
- @apply ax-border ax-border-solid ax-border-light-300 ax-shadow-sm ax-overflow-hidden ax-rounded-default;
49
+ @apply ax-border ax-border-solid ax-border-neutral-300 ax-shadow-sm ax-overflow-hidden ax-rounded-default;
50
50
  @include control-states("editor");
51
51
 
52
52
  ax-tab-item {
53
- @apply ax-bg-white ax-border-e ax-border-b-2 ax-border-solid ax-border-light-300 dark:ax-text-light-200;
53
+ @apply ax-bg-white ax-border-e ax-border-b-2 ax-border-solid ax-border-neutral-300 dark:ax-text-neutral-200;
54
54
  @include control-states("editor");
55
55
 
56
56
  border-bottom-color: transparent !important;
@@ -72,7 +72,7 @@
72
72
  }
73
73
 
74
74
  &.ax-look-start-line {
75
- @apply ax-border-t ax-border-solid ax-border-light-300 dark:ax-border-light-200/10 ax-w-full;
75
+ @apply ax-border-t ax-border-solid ax-border-neutral-300 dark:ax-border-neutral-200/10 ax-w-full;
76
76
  ax-tab-item {
77
77
  &.ax-state-active {
78
78
  @apply ax-text-primary-500;
@@ -91,7 +91,7 @@
91
91
  }
92
92
 
93
93
  &.ax-look-end-line {
94
- @apply ax-border-b ax-border-solid ax-border-light-300 dark:ax-border-light-200/10 ax-w-full;
94
+ @apply ax-border-b ax-border-solid ax-border-neutral-300 dark:ax-border-neutral-200/10 ax-w-full;
95
95
  ax-tab-item {
96
96
  &.ax-state-active {
97
97
  @apply ax-text-primary-500;
@@ -111,21 +111,21 @@
111
111
 
112
112
  &.ax-look-pills {
113
113
  ax-tab-item {
114
- @apply ax-text-light-fore ax-mr-1 ax-rounded dark:ax-text-light-200;
114
+ @apply ax-text-neutral-fore ax-mr-1 ax-rounded dark:ax-text-neutral-200;
115
115
 
116
116
  &:hover {
117
- @apply ax-bg-light-300 ax-text-light-fore dark:ax-text-light-50 dark:ax-bg-light-600;
117
+ @apply ax-bg-neutral-300 ax-text-neutral-fore dark:ax-text-neutral-50 dark:ax-bg-neutral-600;
118
118
  }
119
119
 
120
120
  &.ax-state-active {
121
- @apply ax-bg-light-200 ax-text-light-fore dark:ax-text-light-50 dark:ax-bg-light-600;
121
+ @apply ax-bg-neutral-200 ax-text-neutral-fore dark:ax-text-neutral-50 dark:ax-bg-neutral-600;
122
122
  }
123
123
  }
124
124
  }
125
125
 
126
126
  &.ax-look-pills-color {
127
127
  ax-tab-item {
128
- @apply ax-text-light-fore ax-mr-1 ax-rounded dark:ax-text-primary-200;
128
+ @apply ax-text-neutral-fore ax-mr-1 ax-rounded dark:ax-text-primary-200;
129
129
 
130
130
  &:hover {
131
131
  @apply ax-bg-primary-100 ax-text-primary-500 dark:ax-text-primary-50 dark:ax-bg-primary-500;
@@ -148,11 +148,11 @@
148
148
  }
149
149
 
150
150
  &.ax-look-default {
151
- @apply ax-border ax-border-solid ax-border-light-300 ax-shadow-sm ax-rounded ax-overflow-hidden;
151
+ @apply ax-border ax-border-solid ax-border-neutral-300 ax-shadow-sm ax-rounded ax-overflow-hidden;
152
152
  @include control-states("editor");
153
153
 
154
154
  ax-tab-item {
155
- @apply ax-bg-white ax-border-s ax-border-solid ax-border-light-300 ax-border-b-0 dark:ax-text-light-200 ax-mb-1;
155
+ @apply ax-bg-white ax-border-s ax-border-solid ax-border-neutral-300 ax-border-b-0 dark:ax-text-neutral-200 ax-mb-1;
156
156
  &:last-child {
157
157
  @apply ax-mb-0;
158
158
  }
@@ -165,7 +165,7 @@
165
165
 
166
166
  &.ax-look-start-line {
167
167
  ax-tab-item {
168
- @apply ax-border-s-2 ax-border-solid ax-border-light-300 dark:ax-border-light-200/10;
168
+ @apply ax-border-s-2 ax-border-solid ax-border-neutral-300 dark:ax-border-neutral-200/10;
169
169
 
170
170
  &.ax-state-active {
171
171
  @apply ax-border-primary-500 ax-text-primary-500;
@@ -183,7 +183,7 @@
183
183
 
184
184
  &.ax-look-end-line {
185
185
  ax-tab-item {
186
- @apply ax-border-e-2 ax-border-solid ax-border-light-300 dark:ax-border-light-200/10;
186
+ @apply ax-border-e-2 ax-border-solid ax-border-neutral-300 dark:ax-border-neutral-200/10;
187
187
 
188
188
  &.ax-state-active {
189
189
  @apply ax-border-primary-500 ax-text-primary-500;
@@ -201,32 +201,32 @@
201
201
 
202
202
  &.ax-look-pills {
203
203
  ax-tab-item {
204
- @apply ax-text-light-fore ax-mr-1 ax-rounded dark:ax-text-light-200 ax-mb-1;
204
+ @apply ax-text-neutral-fore ax-mr-1 ax-rounded dark:ax-text-neutral-200 ax-mb-1;
205
205
  &:last-child {
206
206
  @apply ax-mb-0;
207
207
  }
208
208
  &:hover {
209
- @apply ax-bg-light-300 ax-text-light-fore dark:ax-text-light-100;
209
+ @apply ax-bg-neutral-300 ax-text-neutral-fore dark:ax-text-neutral-100;
210
210
  }
211
211
 
212
212
  &.ax-state-active {
213
- @apply ax-bg-light-300 ax-text-light-fore dark:ax-text-light-50;
213
+ @apply ax-bg-neutral-300 ax-text-neutral-fore dark:ax-text-neutral-50;
214
214
  }
215
215
  }
216
216
  }
217
217
 
218
218
  &.ax-look-pills-color {
219
219
  ax-tab-item {
220
- @apply ax-text-light-fore ax-mr-1 ax-rounded dark:ax-text-light-200 ax-mb-1;
220
+ @apply ax-text-neutral-fore ax-mr-1 ax-rounded dark:ax-text-neutral-200 ax-mb-1;
221
221
  &:last-child {
222
222
  @apply ax-mb-0;
223
223
  }
224
224
  &:hover {
225
- @apply ax-bg-primary-100 ax-text-primary-500 dark:ax-text-light-100;
225
+ @apply ax-bg-primary-100 ax-text-primary-500 dark:ax-text-neutral-100;
226
226
  }
227
227
 
228
228
  &.ax-state-active {
229
- @apply ax-bg-primary-100 ax-text-primary-500 dark:ax-text-light-50;
229
+ @apply ax-bg-primary-100 ax-text-primary-500 dark:ax-text-neutral-50;
230
230
  }
231
231
  }
232
232
  }