@pleodigital/design-system-votey 1.0.131 → 1.0.133
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/css/tokens.css
CHANGED
package/dist/css/tokens.dark.css
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
:root[data-theme="dark"] {
|
|
2
2
|
--color-surface-bright: var(--color-navy-blue-600);
|
|
3
|
+
--color-surface-active-strong: var(--color-mint-green-600);
|
|
3
4
|
--color-surface-danger-subtle: var(--color-red-400);
|
|
4
5
|
--color-surface-subtle-accent: var(--color-navy-blue-400);
|
|
5
6
|
--color-surface-mild: var(--color-navy-blue-800);
|
|
@@ -53,7 +54,6 @@
|
|
|
53
54
|
--color-surface-warning-emphasis: var(--color-yellow-600);
|
|
54
55
|
--color-surface-alert-subtle: var(--color-orange-300);
|
|
55
56
|
--color-surface-plain-navy: var(--color-navy-blue-700);
|
|
56
|
-
--color-surface-active-strong: var(--color-mint-green-600);
|
|
57
57
|
--color-surface-accent-muted: var(--color-mint-green-800);
|
|
58
58
|
--color-surface-danger-muted: var(--color-red-400);
|
|
59
59
|
--color-surface-warning-muted: var(--color-yellow-400);
|
|
@@ -99,6 +99,8 @@
|
|
|
99
99
|
--color-text-tertiary: var(--color-navy-blue-400);
|
|
100
100
|
--color-border-dark: var(--color-navy-blue-400);
|
|
101
101
|
--color-border-interactive-emphasis: var(--color-navy-blue-100);
|
|
102
|
+
--color-border-active-strong: var(--color-mint-green-800);
|
|
103
|
+
--color-border-subtle-strong: var(--color-navy-blue-900);
|
|
102
104
|
--color-border-interactive-active: var(--color-navy-blue-70);
|
|
103
105
|
--color-border-strong: var(--color-navy-blue-800);
|
|
104
106
|
--color-border-interactive-subtle: var(--color-navy-blue-100);
|
|
@@ -120,6 +122,7 @@
|
|
|
120
122
|
--color-border-neutral-strong: var(--color-navy-blue-800);
|
|
121
123
|
--color-border-switch-active: var(--color-mint-green-70);
|
|
122
124
|
--color-border-thumb-inactive: var(--color-navy-blue-100);
|
|
125
|
+
--color-border-thumb-disabled: var(--color-navy-blue-400);
|
|
123
126
|
--color-icon-dark: var(--color-navy-blue-50);
|
|
124
127
|
--color-icon-inactive: var(--color-navy-blue-50);
|
|
125
128
|
--color-icon-highlight: var(--color-navy-blue-50);
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--color-surface-bright: var(--color-white);
|
|
3
|
+
--color-surface-active-strong: var(--color-mint-green-400);
|
|
3
4
|
--color-surface-danger-subtle: var(--color-red-50);
|
|
4
5
|
--color-surface-subtle-accent: var(--color-navy-blue-70);
|
|
5
6
|
--color-surface-interactive-active: var(--color-navy-blue-200);
|
|
@@ -53,7 +54,6 @@
|
|
|
53
54
|
--color-surface-warning-emphasis: var(--color-yellow-400);
|
|
54
55
|
--color-surface-alert-subtle: var(--color-orange-50);
|
|
55
56
|
--color-surface-plain-navy: var(--color-navy-blue-800);
|
|
56
|
-
--color-surface-active-strong: var(--color-mint-green-400);
|
|
57
57
|
--color-surface-accent-muted: var(--color-mint-green-70);
|
|
58
58
|
--color-surface-danger-muted: var(--color-red-200);
|
|
59
59
|
--color-surface-warning-muted: var(--color-orange-100);
|
|
@@ -98,6 +98,8 @@
|
|
|
98
98
|
--color-text-secondary: var(--color-navy-blue-100);
|
|
99
99
|
--color-text-tertiary: var(--color-navy-blue-100);
|
|
100
100
|
--color-border-dark: var(--color-gray-400);
|
|
101
|
+
--color-border-active-strong: var(--color-mint-green-600);
|
|
102
|
+
--color-border-subtle-strong: var(--color-gray-500);
|
|
101
103
|
--color-border-interactive-emphasis: var(--color-navy-blue-200);
|
|
102
104
|
--color-border-interactive-active: var(--color-navy-blue-200);
|
|
103
105
|
--color-border-bright: var(--color-white);
|
|
@@ -118,6 +120,7 @@
|
|
|
118
120
|
--color-border-interactive-hover: var(--color-navy-blue-100);
|
|
119
121
|
--color-border-switch-active: var(--color-mint-green-900);
|
|
120
122
|
--color-border-thumb-inactive: var(--color-gray-700);
|
|
123
|
+
--color-border-thumb-disabled: var(--color-gray-500);
|
|
121
124
|
--color-icon-dark: var(--color-navy-blue-800);
|
|
122
125
|
--color-icon-inactive: var(--color-gray-500);
|
|
123
126
|
--color-icon-highlight: var(--color-mint-green-500);
|
|
@@ -51,6 +51,7 @@
|
|
|
51
51
|
--color-blue-70: var(--color-blue-70);
|
|
52
52
|
--color-blue-25: var(--color-blue-25);
|
|
53
53
|
--color-surface-bright: var(--color-surface-bright);
|
|
54
|
+
--color-surface-active-strong: var(--color-surface-active-strong);
|
|
54
55
|
--color-surface-danger-subtle: var(--color-surface-danger-subtle);
|
|
55
56
|
--color-surface-subtle-accent: var(--color-surface-subtle-accent);
|
|
56
57
|
--color-surface-interactive-active: var(--color-surface-interactive-active);
|
|
@@ -104,7 +105,6 @@
|
|
|
104
105
|
--color-surface-warning-emphasis: var(--color-surface-warning-emphasis);
|
|
105
106
|
--color-surface-alert-subtle: var(--color-surface-alert-subtle);
|
|
106
107
|
--color-surface-plain-navy: var(--color-surface-plain-navy);
|
|
107
|
-
--color-surface-active-strong: var(--color-surface-active-strong);
|
|
108
108
|
--color-surface-accent-muted: var(--color-surface-accent-muted);
|
|
109
109
|
--color-surface-danger-muted: var(--color-surface-danger-muted);
|
|
110
110
|
--color-surface-warning-muted: var(--color-surface-warning-muted);
|
|
@@ -149,6 +149,8 @@
|
|
|
149
149
|
--color-text-secondary: var(--color-text-secondary);
|
|
150
150
|
--color-text-tertiary: var(--color-text-tertiary);
|
|
151
151
|
--color-border-dark: var(--color-border-dark);
|
|
152
|
+
--color-border-active-strong: var(--color-border-active-strong);
|
|
153
|
+
--color-border-subtle-strong: var(--color-border-subtle-strong);
|
|
152
154
|
--color-border-interactive-emphasis: var(--color-border-interactive-emphasis);
|
|
153
155
|
--color-border-interactive-active: var(--color-border-interactive-active);
|
|
154
156
|
--color-border-bright: var(--color-border-bright);
|
|
@@ -169,6 +171,7 @@
|
|
|
169
171
|
--color-border-interactive-hover: var(--color-border-interactive-hover);
|
|
170
172
|
--color-border-switch-active: var(--color-border-switch-active);
|
|
171
173
|
--color-border-thumb-inactive: var(--color-border-thumb-inactive);
|
|
174
|
+
--color-border-thumb-disabled: var(--color-border-thumb-disabled);
|
|
172
175
|
--color-icon-dark: var(--color-icon-dark);
|
|
173
176
|
--color-icon-inactive: var(--color-icon-inactive);
|
|
174
177
|
--color-icon-highlight: var(--color-icon-highlight);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Mon, 15 Jun 2026 08:45:16 GMT
|
|
4
4
|
|
|
5
5
|
$color-white: #ffffff;
|
|
6
6
|
$color-gray-100: #f6f6f6;
|
|
@@ -54,6 +54,7 @@ $color-blue-100: #cdf4fd;
|
|
|
54
54
|
$color-blue-70: #e1efff;
|
|
55
55
|
$color-blue-25: #eefbfe;
|
|
56
56
|
$color-surface-bright: #26256b;
|
|
57
|
+
$color-surface-active-strong: #02c295;
|
|
57
58
|
$color-surface-danger-subtle: #f56161;
|
|
58
59
|
$color-surface-subtle-accent: #3b3a76;
|
|
59
60
|
$color-surface-mild: #07064e;
|
|
@@ -107,7 +108,6 @@ $color-surface-success-emphasis: #5fbe54;
|
|
|
107
108
|
$color-surface-warning-emphasis: #e8bb08;
|
|
108
109
|
$color-surface-alert-subtle: #f19a58;
|
|
109
110
|
$color-surface-plain-navy: #13125d;
|
|
110
|
-
$color-surface-active-strong: #02c295;
|
|
111
111
|
$color-surface-accent-muted: #86a89e;
|
|
112
112
|
$color-surface-danger-muted: #f56161;
|
|
113
113
|
$color-surface-warning-muted: #ffd52f;
|
|
@@ -153,6 +153,8 @@ $color-text-secondary: #e9eaff;
|
|
|
153
153
|
$color-text-tertiary: #3b3a76;
|
|
154
154
|
$color-border-dark: #3b3a76;
|
|
155
155
|
$color-border-interactive-emphasis: #7d81bf;
|
|
156
|
+
$color-border-active-strong: #86a89e;
|
|
157
|
+
$color-border-subtle-strong: #010027;
|
|
156
158
|
$color-border-interactive-active: #b7bcfa;
|
|
157
159
|
$color-border-strong: #07064e;
|
|
158
160
|
$color-border-interactive-subtle: #7d81bf;
|
|
@@ -174,6 +176,7 @@ $color-border-info-selected: #2e7ee0;
|
|
|
174
176
|
$color-border-neutral-strong: #07064e;
|
|
175
177
|
$color-border-switch-active: #e1fff6;
|
|
176
178
|
$color-border-thumb-inactive: #7d81bf;
|
|
179
|
+
$color-border-thumb-disabled: #3b3a76;
|
|
177
180
|
$color-icon-dark: #cdd0fd;
|
|
178
181
|
$color-icon-inactive: #cdd0fd;
|
|
179
182
|
$color-icon-highlight: #cdd0fd;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Mon, 15 Jun 2026 08:45:16 GMT
|
|
4
4
|
|
|
5
5
|
$color-white: #ffffff;
|
|
6
6
|
$color-gray-100: #f6f6f6;
|
|
@@ -54,6 +54,7 @@ $color-blue-100: #cdf4fd;
|
|
|
54
54
|
$color-blue-70: #e1efff;
|
|
55
55
|
$color-blue-25: #eefbfe;
|
|
56
56
|
$color-surface-bright: #ffffff;
|
|
57
|
+
$color-surface-active-strong: #2af5ba;
|
|
57
58
|
$color-surface-danger-subtle: #fee5e3;
|
|
58
59
|
$color-surface-subtle-accent: #b7bcfa;
|
|
59
60
|
$color-surface-interactive-active: #5250df;
|
|
@@ -107,7 +108,6 @@ $color-surface-success-emphasis: #88ea7d;
|
|
|
107
108
|
$color-surface-warning-emphasis: #ffd52f;
|
|
108
109
|
$color-surface-alert-subtle: #fff3e8;
|
|
109
110
|
$color-surface-plain-navy: #07064e;
|
|
110
|
-
$color-surface-active-strong: #2af5ba;
|
|
111
111
|
$color-surface-accent-muted: #e1fff6;
|
|
112
112
|
$color-surface-danger-muted: #fbb1aa;
|
|
113
113
|
$color-surface-warning-muted: #fcd5b5;
|
|
@@ -152,6 +152,8 @@ $color-text-action: #5250df;
|
|
|
152
152
|
$color-text-secondary: #7d81bf;
|
|
153
153
|
$color-text-tertiary: #7d81bf;
|
|
154
154
|
$color-border-dark: #ececec;
|
|
155
|
+
$color-border-active-strong: #02c295;
|
|
156
|
+
$color-border-subtle-strong: #c6c6c6;
|
|
155
157
|
$color-border-interactive-emphasis: #5250df;
|
|
156
158
|
$color-border-interactive-active: #5250df;
|
|
157
159
|
$color-border-bright: #ffffff;
|
|
@@ -172,6 +174,7 @@ $color-border-interactive-subtle: #b7bcfa;
|
|
|
172
174
|
$color-border-interactive-hover: #7d81bf;
|
|
173
175
|
$color-border-switch-active: #05516b;
|
|
174
176
|
$color-border-thumb-inactive: #939393;
|
|
177
|
+
$color-border-thumb-disabled: #c6c6c6;
|
|
175
178
|
$color-icon-dark: #07064e;
|
|
176
179
|
$color-icon-inactive: #c6c6c6;
|
|
177
180
|
$color-icon-highlight: #0ad69c;
|
package/package.json
CHANGED