@pleodigital/design-system-votey 1.0.129 → 1.0.131
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
|
@@ -61,6 +61,9 @@
|
|
|
61
61
|
--color-surface-info-muted: var(--color-blue-300);
|
|
62
62
|
--color-surface-alert-muted: var(--color-orange-100);
|
|
63
63
|
--color-surface-neutral-muted: var(--color-gray-500);
|
|
64
|
+
--color-surface-thumb-active: var(--color-mint-green-900);
|
|
65
|
+
--color-surface-thumb-inactive: var(--color-navy-blue-400);
|
|
66
|
+
--color-surface-thumb-active-green: var(--color-mint-green-600);
|
|
64
67
|
--color-alert-weak: var(--color-orange-500);
|
|
65
68
|
--color-alert-strong: var(--color-orange-400);
|
|
66
69
|
--color-alert-decent: var(--color-orange-400);
|
|
@@ -115,6 +118,8 @@
|
|
|
115
118
|
--color-border-emphasis: var(--color-navy-blue-400);
|
|
116
119
|
--color-border-info-selected: var(--color-blue-600);
|
|
117
120
|
--color-border-neutral-strong: var(--color-navy-blue-800);
|
|
121
|
+
--color-border-switch-active: var(--color-mint-green-70);
|
|
122
|
+
--color-border-thumb-inactive: var(--color-navy-blue-100);
|
|
118
123
|
--color-icon-dark: var(--color-navy-blue-50);
|
|
119
124
|
--color-icon-inactive: var(--color-navy-blue-50);
|
|
120
125
|
--color-icon-highlight: var(--color-navy-blue-50);
|
|
@@ -61,6 +61,9 @@
|
|
|
61
61
|
--color-surface-info-muted: var(--color-blue-100);
|
|
62
62
|
--color-surface-alert-muted: var(--color-orange-70);
|
|
63
63
|
--color-surface-neutral-muted: var(--color-gray-100);
|
|
64
|
+
--color-surface-thumb-active: var(--color-white);
|
|
65
|
+
--color-surface-thumb-inactive: var(--color-white);
|
|
66
|
+
--color-surface-thumb-active-green: var(--color-mint-green-300);
|
|
64
67
|
--color-alert-weak: var(--color-orange-100);
|
|
65
68
|
--color-alert-strong: var(--color-orange-500);
|
|
66
69
|
--color-alert-decent: var(--color-orange-300);
|
|
@@ -113,6 +116,8 @@
|
|
|
113
116
|
--color-border-neutral-strong: var(--color-gray-400);
|
|
114
117
|
--color-border-interactive-subtle: var(--color-navy-blue-70);
|
|
115
118
|
--color-border-interactive-hover: var(--color-navy-blue-100);
|
|
119
|
+
--color-border-switch-active: var(--color-mint-green-900);
|
|
120
|
+
--color-border-thumb-inactive: var(--color-gray-700);
|
|
116
121
|
--color-icon-dark: var(--color-navy-blue-800);
|
|
117
122
|
--color-icon-inactive: var(--color-gray-500);
|
|
118
123
|
--color-icon-highlight: var(--color-mint-green-500);
|
|
@@ -112,6 +112,9 @@
|
|
|
112
112
|
--color-surface-info-muted: var(--color-surface-info-muted);
|
|
113
113
|
--color-surface-alert-muted: var(--color-surface-alert-muted);
|
|
114
114
|
--color-surface-neutral-muted: var(--color-surface-neutral-muted);
|
|
115
|
+
--color-surface-thumb-active: var(--color-surface-thumb-active);
|
|
116
|
+
--color-surface-thumb-inactive: var(--color-surface-thumb-inactive);
|
|
117
|
+
--color-surface-thumb-active-green: var(--color-surface-thumb-active-green);
|
|
115
118
|
--color-alert-weak: var(--color-alert-weak);
|
|
116
119
|
--color-alert-strong: var(--color-alert-strong);
|
|
117
120
|
--color-alert-decent: var(--color-alert-decent);
|
|
@@ -164,6 +167,8 @@
|
|
|
164
167
|
--color-border-neutral-strong: var(--color-border-neutral-strong);
|
|
165
168
|
--color-border-interactive-subtle: var(--color-border-interactive-subtle);
|
|
166
169
|
--color-border-interactive-hover: var(--color-border-interactive-hover);
|
|
170
|
+
--color-border-switch-active: var(--color-border-switch-active);
|
|
171
|
+
--color-border-thumb-inactive: var(--color-border-thumb-inactive);
|
|
167
172
|
--color-icon-dark: var(--color-icon-dark);
|
|
168
173
|
--color-icon-inactive: var(--color-icon-inactive);
|
|
169
174
|
--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 Tue, 09 Jun 2026 12:11:57 GMT
|
|
4
4
|
|
|
5
5
|
$color-white: #ffffff;
|
|
6
6
|
$color-gray-100: #f6f6f6;
|
|
@@ -115,6 +115,9 @@ $color-surface-positive-muted: #adffa1;
|
|
|
115
115
|
$color-surface-info-muted: #a3cfff;
|
|
116
116
|
$color-surface-alert-muted: #fcd5b5;
|
|
117
117
|
$color-surface-neutral-muted: #c6c6c6;
|
|
118
|
+
$color-surface-thumb-active: #05516b;
|
|
119
|
+
$color-surface-thumb-inactive: #3b3a76;
|
|
120
|
+
$color-surface-thumb-active-green: #02c295;
|
|
118
121
|
$color-alert-weak: #df6705;
|
|
119
122
|
$color-alert-strong: #ea7b20;
|
|
120
123
|
$color-alert-decent: #ea7b20;
|
|
@@ -169,6 +172,8 @@ $color-border-on-contrast: #7d81bf;
|
|
|
169
172
|
$color-border-emphasis: #3b3a76;
|
|
170
173
|
$color-border-info-selected: #2e7ee0;
|
|
171
174
|
$color-border-neutral-strong: #07064e;
|
|
175
|
+
$color-border-switch-active: #e1fff6;
|
|
176
|
+
$color-border-thumb-inactive: #7d81bf;
|
|
172
177
|
$color-icon-dark: #cdd0fd;
|
|
173
178
|
$color-icon-inactive: #cdd0fd;
|
|
174
179
|
$color-icon-highlight: #cdd0fd;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Tue, 09 Jun 2026 12:11:57 GMT
|
|
4
4
|
|
|
5
5
|
$color-white: #ffffff;
|
|
6
6
|
$color-gray-100: #f6f6f6;
|
|
@@ -115,6 +115,9 @@ $color-surface-positive-muted: #e6ffe3;
|
|
|
115
115
|
$color-surface-info-muted: #cdf4fd;
|
|
116
116
|
$color-surface-alert-muted: #ffe7d4;
|
|
117
117
|
$color-surface-neutral-muted: #f6f6f6;
|
|
118
|
+
$color-surface-thumb-active: #ffffff;
|
|
119
|
+
$color-surface-thumb-inactive: #ffffff;
|
|
120
|
+
$color-surface-thumb-active-green: #62ffd1;
|
|
118
121
|
$color-alert-weak: #fcd5b5;
|
|
119
122
|
$color-alert-strong: #df6705;
|
|
120
123
|
$color-alert-decent: #f19a58;
|
|
@@ -167,6 +170,8 @@ $color-border-info-selected: #a3cfff;
|
|
|
167
170
|
$color-border-neutral-strong: #ececec;
|
|
168
171
|
$color-border-interactive-subtle: #b7bcfa;
|
|
169
172
|
$color-border-interactive-hover: #7d81bf;
|
|
173
|
+
$color-border-switch-active: #05516b;
|
|
174
|
+
$color-border-thumb-inactive: #939393;
|
|
170
175
|
$color-icon-dark: #07064e;
|
|
171
176
|
$color-icon-inactive: #c6c6c6;
|
|
172
177
|
$color-icon-highlight: #0ad69c;
|
package/package.json
CHANGED