@acorex/styles 5.6.0 → 5.7.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.
- package/package.json +1 -1
- package/src/components/_alert.scss +17 -27
- package/src/components/_button.scss +309 -401
- package/src/components/_calendar.scss +36 -18
- package/src/components/_color-palette.scss +45 -19
- package/src/components/_data-table.scss +30 -5
- package/src/components/_datapager.scss +35 -26
- package/src/components/_decoration.scss +17 -9
- package/src/components/_drawer.scss +5 -1
- package/src/components/_dropdown.scss +6 -2
- package/src/components/_editor-container.scss +6 -1
- package/src/components/_fieldset.scss +1 -1
- package/src/components/_popup.scss +5 -1
- package/src/components/_range-slider.scss +59 -2
- package/src/components/_table.scss +40 -7
- package/src/components/_tabs.scss +3 -3
- package/src/icons/demo-files/demo.css +152 -152
- package/src/icons/demo-files/demo.js +30 -30
- package/src/icons/demo.html +15 -1
- package/src/icons/fonts/acorex-icon.eot +0 -0
- package/src/icons/fonts/acorex-icon.svg +1 -0
- package/src/icons/fonts/acorex-icon.ttf +0 -0
- package/src/icons/fonts/acorex-icon.woff +0 -0
- package/src/icons/selection.json +1 -1
- package/src/icons/style.css +8 -5
- package/src/icons/style.scss +10 -5
- package/src/icons/variables.scss +1 -0
- package/src/utility/_mixins.scss +31 -31
- package/src/variables/_colors.scss +15 -14
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@layer components {
|
|
2
2
|
ax-alert {
|
|
3
|
-
@apply ax-relative ax-w-full ax-flex ax-flex-col ax-bg-light-100 ax-text-light-fore ax-rounded ax-overflow-hidden;
|
|
3
|
+
@apply ax-relative ax-w-full ax-flex ax-flex-col ax-bg-light-100 ax-text-light-fore ax-rounded ax-overflow-hidden ax-text-sm;
|
|
4
4
|
transition: visibility 0s, opacity 0.5s ease-in-out;
|
|
5
5
|
|
|
6
6
|
&.ax-state-hidden {
|
|
@@ -13,23 +13,23 @@
|
|
|
13
13
|
opacity: 1;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
|
|
17
|
-
@apply ax-flex ax-px-3.5 ax-items-center ax-py-3 ax-bg-transparent ax-border-none ax-justify-start
|
|
16
|
+
ax-header {
|
|
17
|
+
@apply ax-flex ax-px-3.5 ax-items-center ax-py-3 ax-bg-transparent ax-border-none ax-justify-start;
|
|
18
18
|
|
|
19
|
-
|
|
20
|
-
@apply ax-
|
|
19
|
+
ax-icon {
|
|
20
|
+
@apply ax-text-2xl;
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
.ax-alert-body {
|
|
25
|
-
@apply ax-flex-1 ax-p-3.5
|
|
25
|
+
@apply ax-flex-1 ax-p-3.5;
|
|
26
26
|
|
|
27
27
|
ax-icon {
|
|
28
28
|
@apply ax-me-3 ax-text-2xl;
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
|
|
32
|
-
@apply ax-
|
|
31
|
+
ax-content {
|
|
32
|
+
@apply ax-flex ax-items-center ax-break-words;
|
|
33
33
|
|
|
34
34
|
ul {
|
|
35
35
|
@apply ax-my-2 ax-ms-5 ax-list-disc;
|
|
@@ -45,10 +45,11 @@
|
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
ax-suffix {
|
|
48
|
+
--ax-base-size: 6px;
|
|
48
49
|
@apply ax-block;
|
|
49
50
|
|
|
50
51
|
ax-button {
|
|
51
|
-
@apply ax-ms-2 #{!important};
|
|
52
|
+
@apply ax-ring-offset-0 ax-ms-2 #{!important};
|
|
52
53
|
}
|
|
53
54
|
}
|
|
54
55
|
|
|
@@ -57,6 +58,8 @@
|
|
|
57
58
|
|
|
58
59
|
ax-suffix {
|
|
59
60
|
ax-button {
|
|
61
|
+
--ax-base-size: 6px;
|
|
62
|
+
|
|
60
63
|
@apply ax-ms-0 ax-me-2 #{!important};
|
|
61
64
|
}
|
|
62
65
|
|
|
@@ -66,13 +69,12 @@
|
|
|
66
69
|
}
|
|
67
70
|
|
|
68
71
|
&.ax-light-default {
|
|
69
|
-
|
|
70
72
|
ax-header {
|
|
71
73
|
@apply ax-bg-light-200;
|
|
72
74
|
}
|
|
73
75
|
|
|
74
76
|
.ax-alert-body {
|
|
75
|
-
@
|
|
77
|
+
@apply ax-bg-light-200;
|
|
76
78
|
}
|
|
77
79
|
|
|
78
80
|
.ax-alert-progress {
|
|
@@ -80,26 +82,14 @@
|
|
|
80
82
|
}
|
|
81
83
|
}
|
|
82
84
|
|
|
83
|
-
&.ax-dark-default {
|
|
84
|
-
ax-button {
|
|
85
|
-
@apply ax-bg-white/30 #{!important};
|
|
86
|
-
|
|
87
|
-
&:hover,
|
|
88
|
-
&:active,
|
|
89
|
-
&:focus {
|
|
90
|
-
@apply ax-bg-white/20 #{!important};
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
|
|
95
85
|
&[class*="dark"] {
|
|
96
86
|
.ax-alert-progress {
|
|
97
|
-
@apply ax-bg-white/50;
|
|
87
|
+
@apply ax-bg-white/50 #{!important};
|
|
98
88
|
}
|
|
99
89
|
}
|
|
100
90
|
|
|
101
91
|
.ax-alert-progress {
|
|
102
|
-
@apply ax-absolute ax-
|
|
92
|
+
@apply ax-absolute ax-start-0 ax-bottom-0 ax-h-1.5 ax-w-0;
|
|
103
93
|
animation-duration: 4s;
|
|
104
94
|
animation-timing-function: linear;
|
|
105
95
|
animation-name: progressBar;
|
|
@@ -115,8 +105,8 @@
|
|
|
115
105
|
}
|
|
116
106
|
}
|
|
117
107
|
|
|
118
|
-
@include button-on-colorful-bg();
|
|
108
|
+
// @include button-on-colorful-bg();
|
|
119
109
|
|
|
120
110
|
@include color-look-generator();
|
|
121
111
|
}
|
|
122
|
-
}
|
|
112
|
+
}
|