@pleodigital/design-system-votey 1.0.114 → 1.0.116
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
|
@@ -43,6 +43,12 @@
|
|
|
43
43
|
--color-surface-on-contrast: var(--color-white);
|
|
44
44
|
--color-surface-accent-emphasis: var(--color-mint-green-500);
|
|
45
45
|
--color-surface-positive-emphasis: var(--color-active-green-500);
|
|
46
|
+
--color-surface-info-selected: var(--color-blue-900);
|
|
47
|
+
--color-surface-info-emphasis: var(--color-blue-400);
|
|
48
|
+
--color-surface-success-emphasis: var(--color-active-green-500);
|
|
49
|
+
--color-surface-warning-emphasis: var(--color-yellow-600);
|
|
50
|
+
--color-surface-alert-subtle: var(--color-orange-300);
|
|
51
|
+
--color-surface-plain-navy: var(--color-navy-blue-700);
|
|
46
52
|
--color-alert-weak: var(--color-orange-500);
|
|
47
53
|
--color-alert-strong: var(--color-orange-400);
|
|
48
54
|
--color-alert-decent: var(--color-orange-400);
|
|
@@ -70,6 +76,7 @@
|
|
|
70
76
|
--color-text-on-contrast-subtle: var(--color-navy-blue-100);
|
|
71
77
|
--color-text-emphasis: var(--color-navy-blue-50);
|
|
72
78
|
--color-text-brand: var(--color-mint-green-600);
|
|
79
|
+
--color-text-alert-emphasis: var(--color-orange-800);
|
|
73
80
|
--color-border-dark: var(--color-navy-blue-400);
|
|
74
81
|
--color-border-bright: var(--color-navy-blue-600);
|
|
75
82
|
--color-border-active: var(--color-mint-green-500);
|
|
@@ -84,6 +91,8 @@
|
|
|
84
91
|
--color-border-subtle-contrast: var(--color-navy-blue-100);
|
|
85
92
|
--color-border-on-contrast: var(--color-navy-blue-100);
|
|
86
93
|
--color-border-emphasis: var(--color-navy-blue-400);
|
|
94
|
+
--color-border-info-selected: var(--color-blue-600);
|
|
95
|
+
--color-border-neutral-strong: var(--color-navy-blue-800);
|
|
87
96
|
--color-icon-dark: var(--color-navy-blue-50);
|
|
88
97
|
--color-icon-inactive: var(--color-navy-blue-50);
|
|
89
98
|
--color-icon-highlight: var(--color-navy-blue-50);
|
|
@@ -43,6 +43,12 @@
|
|
|
43
43
|
--color-surface-on-contrast: var(--color-white);
|
|
44
44
|
--color-surface-accent-emphasis: var(--color-mint-green-100);
|
|
45
45
|
--color-surface-positive-emphasis: var(--color-active-green-400);
|
|
46
|
+
--color-surface-info-selected: var(--color-blue-25);
|
|
47
|
+
--color-surface-info-emphasis: var(--color-blue-100);
|
|
48
|
+
--color-surface-success-emphasis: var(--color-active-green-300);
|
|
49
|
+
--color-surface-warning-emphasis: var(--color-yellow-400);
|
|
50
|
+
--color-surface-alert-subtle: var(--color-orange-50);
|
|
51
|
+
--color-surface-plain-navy: var(--color-navy-blue-800);
|
|
46
52
|
--color-alert-weak: var(--color-orange-100);
|
|
47
53
|
--color-alert-strong: var(--color-orange-500);
|
|
48
54
|
--color-alert-decent: var(--color-orange-300);
|
|
@@ -70,6 +76,7 @@
|
|
|
70
76
|
--color-text-on-contrast-subtle: var(--color-white);
|
|
71
77
|
--color-text-emphasis: var(--color-navy-blue-900);
|
|
72
78
|
--color-text-brand: var(--color-mint-green-600);
|
|
79
|
+
--color-text-alert-emphasis: var(--color-orange-400);
|
|
73
80
|
--color-border-dark: var(--color-gray-400);
|
|
74
81
|
--color-border-bright: var(--color-white);
|
|
75
82
|
--color-border-active: var(--color-mint-green-400);
|
|
@@ -83,6 +90,8 @@
|
|
|
83
90
|
--color-border-on-contrast: var(--color-white);
|
|
84
91
|
--color-border-emphasis: var(--color-navy-blue-800);
|
|
85
92
|
--color-border-subtle-accent: var(--color-navy-blue-70);
|
|
93
|
+
--color-border-info-selected: var(--color-blue-300);
|
|
94
|
+
--color-border-neutral-strong: var(--color-gray-400);
|
|
86
95
|
--color-icon-dark: var(--color-navy-blue-800);
|
|
87
96
|
--color-icon-inactive: var(--color-gray-500);
|
|
88
97
|
--color-icon-highlight: var(--color-mint-green-500);
|
|
@@ -94,6 +94,12 @@
|
|
|
94
94
|
--color-surface-on-contrast: var(--color-surface-on-contrast);
|
|
95
95
|
--color-surface-accent-emphasis: var(--color-surface-accent-emphasis);
|
|
96
96
|
--color-surface-positive-emphasis: var(--color-surface-positive-emphasis);
|
|
97
|
+
--color-surface-info-selected: var(--color-surface-info-selected);
|
|
98
|
+
--color-surface-info-emphasis: var(--color-surface-info-emphasis);
|
|
99
|
+
--color-surface-success-emphasis: var(--color-surface-success-emphasis);
|
|
100
|
+
--color-surface-warning-emphasis: var(--color-surface-warning-emphasis);
|
|
101
|
+
--color-surface-alert-subtle: var(--color-surface-alert-subtle);
|
|
102
|
+
--color-surface-plain-navy: var(--color-surface-plain-navy);
|
|
97
103
|
--color-alert-weak: var(--color-alert-weak);
|
|
98
104
|
--color-alert-strong: var(--color-alert-strong);
|
|
99
105
|
--color-alert-decent: var(--color-alert-decent);
|
|
@@ -121,6 +127,7 @@
|
|
|
121
127
|
--color-text-on-contrast-subtle: var(--color-text-on-contrast-subtle);
|
|
122
128
|
--color-text-emphasis: var(--color-text-emphasis);
|
|
123
129
|
--color-text-brand: var(--color-text-brand);
|
|
130
|
+
--color-text-alert-emphasis: var(--color-text-alert-emphasis);
|
|
124
131
|
--color-border-dark: var(--color-border-dark);
|
|
125
132
|
--color-border-bright: var(--color-border-bright);
|
|
126
133
|
--color-border-active: var(--color-border-active);
|
|
@@ -134,6 +141,8 @@
|
|
|
134
141
|
--color-border-on-contrast: var(--color-border-on-contrast);
|
|
135
142
|
--color-border-emphasis: var(--color-border-emphasis);
|
|
136
143
|
--color-border-subtle-accent: var(--color-border-subtle-accent);
|
|
144
|
+
--color-border-info-selected: var(--color-border-info-selected);
|
|
145
|
+
--color-border-neutral-strong: var(--color-border-neutral-strong);
|
|
137
146
|
--color-icon-dark: var(--color-icon-dark);
|
|
138
147
|
--color-icon-inactive: var(--color-icon-inactive);
|
|
139
148
|
--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 Fri, 15 May 2026 08:29:46 GMT
|
|
4
4
|
|
|
5
5
|
$color-white: #ffffff;
|
|
6
6
|
$color-gray-100: #f6f6f6;
|
|
@@ -97,6 +97,12 @@ $color-surface-accent-strong: #2af5ba;
|
|
|
97
97
|
$color-surface-on-contrast: #ffffff;
|
|
98
98
|
$color-surface-accent-emphasis: #0ad69c;
|
|
99
99
|
$color-surface-positive-emphasis: #5fbe54;
|
|
100
|
+
$color-surface-info-selected: #1c3283;
|
|
101
|
+
$color-surface-info-emphasis: #62a9ff;
|
|
102
|
+
$color-surface-success-emphasis: #5fbe54;
|
|
103
|
+
$color-surface-warning-emphasis: #e8bb08;
|
|
104
|
+
$color-surface-alert-subtle: #f19a58;
|
|
105
|
+
$color-surface-plain-navy: #13125d;
|
|
100
106
|
$color-alert-weak: #df6705;
|
|
101
107
|
$color-alert-strong: #ea7b20;
|
|
102
108
|
$color-alert-decent: #ea7b20;
|
|
@@ -124,6 +130,7 @@ $color-text-subtle-on-neutral-emphasis: #26256b;
|
|
|
124
130
|
$color-text-on-contrast-subtle: #7d81bf;
|
|
125
131
|
$color-text-emphasis: #cdd0fd;
|
|
126
132
|
$color-text-brand: #02c295;
|
|
133
|
+
$color-text-alert-emphasis: #9a4601;
|
|
127
134
|
$color-border-dark: #3b3a76;
|
|
128
135
|
$color-border-bright: #26256b;
|
|
129
136
|
$color-border-active: #0ad69c;
|
|
@@ -138,6 +145,8 @@ $color-border-subtle: #3b3a76;
|
|
|
138
145
|
$color-border-subtle-contrast: #7d81bf;
|
|
139
146
|
$color-border-on-contrast: #7d81bf;
|
|
140
147
|
$color-border-emphasis: #3b3a76;
|
|
148
|
+
$color-border-info-selected: #2e7ee0;
|
|
149
|
+
$color-border-neutral-strong: #07064e;
|
|
141
150
|
$color-icon-dark: #cdd0fd;
|
|
142
151
|
$color-icon-inactive: #cdd0fd;
|
|
143
152
|
$color-icon-highlight: #cdd0fd;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Fri, 15 May 2026 08:29:46 GMT
|
|
4
4
|
|
|
5
5
|
$color-white: #ffffff;
|
|
6
6
|
$color-gray-100: #f6f6f6;
|
|
@@ -97,6 +97,12 @@ $color-surface-accent-strong: #2af5ba;
|
|
|
97
97
|
$color-surface-on-contrast: #ffffff;
|
|
98
98
|
$color-surface-accent-emphasis: #cafdee;
|
|
99
99
|
$color-surface-positive-emphasis: #77dc6c;
|
|
100
|
+
$color-surface-info-selected: #eefbfe;
|
|
101
|
+
$color-surface-info-emphasis: #cdf4fd;
|
|
102
|
+
$color-surface-success-emphasis: #88ea7d;
|
|
103
|
+
$color-surface-warning-emphasis: #ffd52f;
|
|
104
|
+
$color-surface-alert-subtle: #fff3e8;
|
|
105
|
+
$color-surface-plain-navy: #07064e;
|
|
100
106
|
$color-alert-weak: #fcd5b5;
|
|
101
107
|
$color-alert-strong: #df6705;
|
|
102
108
|
$color-alert-decent: #f19a58;
|
|
@@ -124,6 +130,7 @@ $color-text-subtle-on-neutral-emphasis: #ffffff;
|
|
|
124
130
|
$color-text-on-contrast-subtle: #ffffff;
|
|
125
131
|
$color-text-emphasis: #010027;
|
|
126
132
|
$color-text-brand: #02c295;
|
|
133
|
+
$color-text-alert-emphasis: #ea7b20;
|
|
127
134
|
$color-border-dark: #ececec;
|
|
128
135
|
$color-border-bright: #ffffff;
|
|
129
136
|
$color-border-active: #2af5ba;
|
|
@@ -137,6 +144,8 @@ $color-border-subtle-contrast: #ececec;
|
|
|
137
144
|
$color-border-on-contrast: #ffffff;
|
|
138
145
|
$color-border-emphasis: #07064e;
|
|
139
146
|
$color-border-subtle-accent: #b7bcfa;
|
|
147
|
+
$color-border-info-selected: #a3cfff;
|
|
148
|
+
$color-border-neutral-strong: #ececec;
|
|
140
149
|
$color-icon-dark: #07064e;
|
|
141
150
|
$color-icon-inactive: #c6c6c6;
|
|
142
151
|
$color-icon-highlight: #0ad69c;
|
package/package.json
CHANGED