@pleodigital/design-system-votey 1.0.113 → 1.0.115
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
|
@@ -41,6 +41,13 @@
|
|
|
41
41
|
--color-surface-contrast-strong: var(--color-navy-blue-900);
|
|
42
42
|
--color-surface-accent-strong: var(--color-mint-green-400);
|
|
43
43
|
--color-surface-on-contrast: var(--color-white);
|
|
44
|
+
--color-surface-accent-emphasis: var(--color-mint-green-500);
|
|
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);
|
|
44
51
|
--color-alert-weak: var(--color-orange-500);
|
|
45
52
|
--color-alert-strong: var(--color-orange-400);
|
|
46
53
|
--color-alert-decent: var(--color-orange-400);
|
|
@@ -68,6 +75,7 @@
|
|
|
68
75
|
--color-text-on-contrast-subtle: var(--color-navy-blue-100);
|
|
69
76
|
--color-text-emphasis: var(--color-navy-blue-50);
|
|
70
77
|
--color-text-brand: var(--color-mint-green-600);
|
|
78
|
+
--color-text-alert-emphasis: var(--color-orange-800);
|
|
71
79
|
--color-border-dark: var(--color-navy-blue-400);
|
|
72
80
|
--color-border-bright: var(--color-navy-blue-600);
|
|
73
81
|
--color-border-active: var(--color-mint-green-500);
|
|
@@ -82,6 +90,8 @@
|
|
|
82
90
|
--color-border-subtle-contrast: var(--color-navy-blue-100);
|
|
83
91
|
--color-border-on-contrast: var(--color-navy-blue-100);
|
|
84
92
|
--color-border-emphasis: var(--color-navy-blue-400);
|
|
93
|
+
--color-border-info-selected: var(--color-blue-600);
|
|
94
|
+
--color-border-neutral-strong: var(--color-navy-blue-800);
|
|
85
95
|
--color-icon-dark: var(--color-navy-blue-50);
|
|
86
96
|
--color-icon-inactive: var(--color-navy-blue-50);
|
|
87
97
|
--color-icon-highlight: var(--color-navy-blue-50);
|
|
@@ -41,6 +41,13 @@
|
|
|
41
41
|
--color-surface-contrast-strong: var(--color-navy-blue-900);
|
|
42
42
|
--color-surface-accent-strong: var(--color-mint-green-400);
|
|
43
43
|
--color-surface-on-contrast: var(--color-white);
|
|
44
|
+
--color-surface-accent-emphasis: var(--color-mint-green-100);
|
|
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);
|
|
44
51
|
--color-alert-weak: var(--color-orange-100);
|
|
45
52
|
--color-alert-strong: var(--color-orange-500);
|
|
46
53
|
--color-alert-decent: var(--color-orange-300);
|
|
@@ -68,6 +75,7 @@
|
|
|
68
75
|
--color-text-on-contrast-subtle: var(--color-white);
|
|
69
76
|
--color-text-emphasis: var(--color-navy-blue-900);
|
|
70
77
|
--color-text-brand: var(--color-mint-green-600);
|
|
78
|
+
--color-text-alert-emphasis: var(--color-orange-400);
|
|
71
79
|
--color-border-dark: var(--color-gray-400);
|
|
72
80
|
--color-border-bright: var(--color-white);
|
|
73
81
|
--color-border-active: var(--color-mint-green-400);
|
|
@@ -81,6 +89,8 @@
|
|
|
81
89
|
--color-border-on-contrast: var(--color-white);
|
|
82
90
|
--color-border-emphasis: var(--color-navy-blue-800);
|
|
83
91
|
--color-border-subtle-accent: var(--color-navy-blue-70);
|
|
92
|
+
--color-border-info-selected: var(--color-blue-300);
|
|
93
|
+
--color-border-neutral-strong: var(--color-gray-400);
|
|
84
94
|
--color-icon-dark: var(--color-navy-blue-800);
|
|
85
95
|
--color-icon-inactive: var(--color-gray-500);
|
|
86
96
|
--color-icon-highlight: var(--color-mint-green-500);
|
|
@@ -92,6 +92,13 @@
|
|
|
92
92
|
--color-surface-contrast-strong: var(--color-surface-contrast-strong);
|
|
93
93
|
--color-surface-accent-strong: var(--color-surface-accent-strong);
|
|
94
94
|
--color-surface-on-contrast: var(--color-surface-on-contrast);
|
|
95
|
+
--color-surface-accent-emphasis: var(--color-surface-accent-emphasis);
|
|
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);
|
|
95
102
|
--color-alert-weak: var(--color-alert-weak);
|
|
96
103
|
--color-alert-strong: var(--color-alert-strong);
|
|
97
104
|
--color-alert-decent: var(--color-alert-decent);
|
|
@@ -119,6 +126,7 @@
|
|
|
119
126
|
--color-text-on-contrast-subtle: var(--color-text-on-contrast-subtle);
|
|
120
127
|
--color-text-emphasis: var(--color-text-emphasis);
|
|
121
128
|
--color-text-brand: var(--color-text-brand);
|
|
129
|
+
--color-text-alert-emphasis: var(--color-text-alert-emphasis);
|
|
122
130
|
--color-border-dark: var(--color-border-dark);
|
|
123
131
|
--color-border-bright: var(--color-border-bright);
|
|
124
132
|
--color-border-active: var(--color-border-active);
|
|
@@ -132,6 +140,8 @@
|
|
|
132
140
|
--color-border-on-contrast: var(--color-border-on-contrast);
|
|
133
141
|
--color-border-emphasis: var(--color-border-emphasis);
|
|
134
142
|
--color-border-subtle-accent: var(--color-border-subtle-accent);
|
|
143
|
+
--color-border-info-selected: var(--color-border-info-selected);
|
|
144
|
+
--color-border-neutral-strong: var(--color-border-neutral-strong);
|
|
135
145
|
--color-icon-dark: var(--color-icon-dark);
|
|
136
146
|
--color-icon-inactive: var(--color-icon-inactive);
|
|
137
147
|
--color-icon-highlight: var(--color-icon-highlight);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Thu, 14 May 2026
|
|
3
|
+
// Generated on Thu, 14 May 2026 14:39:39 GMT
|
|
4
4
|
|
|
5
5
|
$color-white: #ffffff;
|
|
6
6
|
$color-gray-100: #f6f6f6;
|
|
@@ -95,6 +95,13 @@ $color-surface-neutral-emphasis: #07064e;
|
|
|
95
95
|
$color-surface-contrast-strong: #010027;
|
|
96
96
|
$color-surface-accent-strong: #2af5ba;
|
|
97
97
|
$color-surface-on-contrast: #ffffff;
|
|
98
|
+
$color-surface-accent-emphasis: #0ad69c;
|
|
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;
|
|
98
105
|
$color-alert-weak: #df6705;
|
|
99
106
|
$color-alert-strong: #ea7b20;
|
|
100
107
|
$color-alert-decent: #ea7b20;
|
|
@@ -122,6 +129,7 @@ $color-text-subtle-on-neutral-emphasis: #26256b;
|
|
|
122
129
|
$color-text-on-contrast-subtle: #7d81bf;
|
|
123
130
|
$color-text-emphasis: #cdd0fd;
|
|
124
131
|
$color-text-brand: #02c295;
|
|
132
|
+
$color-text-alert-emphasis: #9a4601;
|
|
125
133
|
$color-border-dark: #3b3a76;
|
|
126
134
|
$color-border-bright: #26256b;
|
|
127
135
|
$color-border-active: #0ad69c;
|
|
@@ -136,6 +144,8 @@ $color-border-subtle: #3b3a76;
|
|
|
136
144
|
$color-border-subtle-contrast: #7d81bf;
|
|
137
145
|
$color-border-on-contrast: #7d81bf;
|
|
138
146
|
$color-border-emphasis: #3b3a76;
|
|
147
|
+
$color-border-info-selected: #2e7ee0;
|
|
148
|
+
$color-border-neutral-strong: #07064e;
|
|
139
149
|
$color-icon-dark: #cdd0fd;
|
|
140
150
|
$color-icon-inactive: #cdd0fd;
|
|
141
151
|
$color-icon-highlight: #cdd0fd;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Thu, 14 May 2026
|
|
3
|
+
// Generated on Thu, 14 May 2026 14:39:39 GMT
|
|
4
4
|
|
|
5
5
|
$color-white: #ffffff;
|
|
6
6
|
$color-gray-100: #f6f6f6;
|
|
@@ -95,6 +95,13 @@ $color-surface-neutral-emphasis: #3b3a76;
|
|
|
95
95
|
$color-surface-contrast-strong: #010027;
|
|
96
96
|
$color-surface-accent-strong: #2af5ba;
|
|
97
97
|
$color-surface-on-contrast: #ffffff;
|
|
98
|
+
$color-surface-accent-emphasis: #cafdee;
|
|
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;
|
|
98
105
|
$color-alert-weak: #fcd5b5;
|
|
99
106
|
$color-alert-strong: #df6705;
|
|
100
107
|
$color-alert-decent: #f19a58;
|
|
@@ -122,6 +129,7 @@ $color-text-subtle-on-neutral-emphasis: #ffffff;
|
|
|
122
129
|
$color-text-on-contrast-subtle: #ffffff;
|
|
123
130
|
$color-text-emphasis: #010027;
|
|
124
131
|
$color-text-brand: #02c295;
|
|
132
|
+
$color-text-alert-emphasis: #ea7b20;
|
|
125
133
|
$color-border-dark: #ececec;
|
|
126
134
|
$color-border-bright: #ffffff;
|
|
127
135
|
$color-border-active: #2af5ba;
|
|
@@ -135,6 +143,8 @@ $color-border-subtle-contrast: #ececec;
|
|
|
135
143
|
$color-border-on-contrast: #ffffff;
|
|
136
144
|
$color-border-emphasis: #07064e;
|
|
137
145
|
$color-border-subtle-accent: #b7bcfa;
|
|
146
|
+
$color-border-info-selected: #a3cfff;
|
|
147
|
+
$color-border-neutral-strong: #ececec;
|
|
138
148
|
$color-icon-dark: #07064e;
|
|
139
149
|
$color-icon-inactive: #c6c6c6;
|
|
140
150
|
$color-icon-highlight: #0ad69c;
|
package/package.json
CHANGED