@studiocms/ui 1.0.0-beta.2 → 1.0.0-beta.3
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/dist/components/Toggle/toggle.css +2 -2
- package/dist/css/colors.css +23 -18
- package/package.json +1 -1
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
--switch: calc(var(--toggle-height) * 1.75);
|
|
31
31
|
height: var(--switch);
|
|
32
32
|
width: var(--switch);
|
|
33
|
-
background-color: var(--
|
|
33
|
+
background-color: var(--background-gray);
|
|
34
34
|
border-radius: var(--radius-full);
|
|
35
35
|
position: relative;
|
|
36
36
|
left: 0;
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
--switch: calc(var(--toggle-height) * 1.65);
|
|
61
61
|
}
|
|
62
62
|
.sui-toggle-label.primary .sui-toggle-container:has(.sui-toggle-checkbox:checked) {
|
|
63
|
-
background-color: var(--primary-
|
|
63
|
+
background-color: var(--primary-vibrant);
|
|
64
64
|
}
|
|
65
65
|
.sui-toggle-label.success .sui-toggle-container:has(.sui-toggle-checkbox:checked) {
|
|
66
66
|
background-color: var(--success-base);
|
package/dist/css/colors.css
CHANGED
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
--background-step-1: hsl(0 0% 8%);
|
|
12
12
|
--background-step-2: hsl(0, 0%, 9%);
|
|
13
13
|
--background-step-3: hsl(0, 0%, 12%);
|
|
14
|
+
--background-gray: hsl(0 0% 50%);
|
|
14
15
|
--text-normal: hsl(0 0% 100%);
|
|
15
16
|
--text-dimmed: hsl(0 0% 100% / 0.8);
|
|
16
17
|
--text-muted: hsl(0 0% 100% / 0.75);
|
|
@@ -46,32 +47,33 @@
|
|
|
46
47
|
--text-light: hsl(0 0% 100%);
|
|
47
48
|
--text-dark: hsl(0 0% 0%);
|
|
48
49
|
--default-flat: hsl(0 0% 14% / 0.5);
|
|
49
|
-
--default-flat-hover: hsl(0 0% 14% / 0.
|
|
50
|
-
--default-flat-active: hsl(0 0% 14% / 0.
|
|
50
|
+
--default-flat-hover: hsl(0 0% 14% / 0.85);
|
|
51
|
+
--default-flat-active: hsl(0 0% 14% / 0.75);
|
|
51
52
|
--primary-flat: hsl(259 83% 73% / 0.1);
|
|
52
|
-
--primary-flat-hover: hsl(259 83% 73% / 0.
|
|
53
|
-
--primary-flat-active: hsl(259 83% 73% / 0.
|
|
53
|
+
--primary-flat-hover: hsl(259 83% 73% / 0.35);
|
|
54
|
+
--primary-flat-active: hsl(259 83% 73% / 0.25);
|
|
54
55
|
--success-flat: hsl(142 71% 46% / 0.1);
|
|
55
|
-
--success-flat-hover: hsl(142 71% 46% / 0.
|
|
56
|
-
--success-flat-active: hsl(142 71% 46% / 0.
|
|
56
|
+
--success-flat-hover: hsl(142 71% 46% / 0.35);
|
|
57
|
+
--success-flat-active: hsl(142 71% 46% / 0.25);
|
|
57
58
|
--warning-flat: hsl(48 96% 53% / 0.1);
|
|
58
|
-
--warning-flat-hover: hsl(48 96% 53% / 0.
|
|
59
|
-
--warning-flat-active: hsl(48 96% 53% / 0.
|
|
59
|
+
--warning-flat-hover: hsl(48 96% 53% / 0.35);
|
|
60
|
+
--warning-flat-active: hsl(48 96% 53% / 0.25);
|
|
60
61
|
--danger-flat: hsl(339 97% 31% / 0.1);
|
|
61
|
-
--danger-flat-hover: hsl(339 97% 31% / 0.
|
|
62
|
-
--danger-flat-active: hsl(339 97% 31% / 0.
|
|
62
|
+
--danger-flat-hover: hsl(339 97% 31% / 0.35);
|
|
63
|
+
--danger-flat-active: hsl(339 97% 31% / 0.25);
|
|
63
64
|
--info-flat: hsl(217 92% 52% / 0.1);
|
|
64
|
-
--info-flat-hover: hsl(217 92% 52% / 0.
|
|
65
|
-
--info-flat-active: hsl(217 92% 52% / 0.
|
|
66
|
-
--mono-flat:
|
|
67
|
-
--mono-flat-hover: hsl(0 0% 70% / 0.
|
|
68
|
-
--mono-flat-active: hsl(0 0% 70% / 0.
|
|
65
|
+
--info-flat-hover: hsl(217 92% 52% / 0.35);
|
|
66
|
+
--info-flat-active: hsl(217 92% 52% / 0.25);
|
|
67
|
+
--mono-flat: hsl(0 0% 70% / 0.1);
|
|
68
|
+
--mono-flat-hover: hsl(0 0% 70% / 0.35);
|
|
69
|
+
--mono-flat-active: hsl(0 0% 70% / 0.25);
|
|
69
70
|
}
|
|
70
71
|
[data-theme=light] {
|
|
71
72
|
--background-base: hsl(0 0% 97%);
|
|
72
|
-
--background-step-1: hsl(0 0%
|
|
73
|
-
--background-step-2: hsl(0 0%
|
|
74
|
-
--background-step-3: hsl(0 0%
|
|
73
|
+
--background-step-1: hsl(0 0% 95%);
|
|
74
|
+
--background-step-2: hsl(0 0% 92%);
|
|
75
|
+
--background-step-3: hsl(0 0% 89%);
|
|
76
|
+
--background-gray: hsl(0 0% 50%);
|
|
75
77
|
--text-normal: hsl(0 0% 0%);
|
|
76
78
|
--text-dimmed: hsl(0 0% 0% / 0.8);
|
|
77
79
|
--text-muted: hsl(0 0% 0% / 0.75);
|
|
@@ -104,4 +106,7 @@
|
|
|
104
106
|
--mono-base: hsl(0 0% 10%);
|
|
105
107
|
--mono-hover: hsl(0 0% 16%);
|
|
106
108
|
--mono-active: hsl(0 0% 14%);
|
|
109
|
+
--default-flat: hsl(0 0% 70% / 0.5);
|
|
110
|
+
--default-flat-hover: hsl(0 0% 70% / 0.85);
|
|
111
|
+
--default-flat-active: hsl(0 0% 70% / 0.75);
|
|
107
112
|
}
|