@pleodigital/design-system-votey 1.0.90 → 1.0.91
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
|
@@ -21,6 +21,14 @@
|
|
|
21
21
|
--color-surface-warning: var(--color-yellow-600);
|
|
22
22
|
--color-surface-highlight-soft: var(--color-navy-blue-100);
|
|
23
23
|
--color-surface-info-gentle: var(--color-navy-blue-70);
|
|
24
|
+
--color-surface-neutral: var(--color-navy-blue-700);
|
|
25
|
+
--color-surface-neutral-strong: var(--color-navy-blue-900);
|
|
26
|
+
--color-surface-subtle-contrast: var(--color-navy-blue-400);
|
|
27
|
+
--color-surface-attention: var(--color-navy-blue-400);
|
|
28
|
+
--color-surface-attention-subtle: var(--color-navy-blue-50);
|
|
29
|
+
--color-surface-positive: var(--color-navy-blue-200);
|
|
30
|
+
--color-surface-success: var(--color-active-green-500);
|
|
31
|
+
--color-surface-danger: var(--color-red-400);
|
|
24
32
|
--color-alert-weak: var(--color-orange-500);
|
|
25
33
|
--color-alert-strong: var(--color-orange-400);
|
|
26
34
|
--color-alert-decent: var(--color-orange-400);
|
|
@@ -35,6 +43,8 @@
|
|
|
35
43
|
--color-text-bright-strong: var(--color-navy-blue-50);
|
|
36
44
|
--color-text-navy: var(--color-navy-blue-25);
|
|
37
45
|
--color-text-lighter-navy: var(--color-navy-blue-50);
|
|
46
|
+
--color-text-positive: var(--color-navy-blue-50);
|
|
47
|
+
--color-text-on-accent: var(--color-navy-blue-800);
|
|
38
48
|
--color-border-dark: var(--color-navy-blue-400);
|
|
39
49
|
--color-border-bright: var(--color-navy-blue-600);
|
|
40
50
|
--color-border-active: var(--color-mint-green-500);
|
|
@@ -43,6 +53,8 @@
|
|
|
43
53
|
--color-border-primary: var(--color-navy-blue-400);
|
|
44
54
|
--color-border-soft: var(--color-navy-blue-70);
|
|
45
55
|
--color-border-warning: var(--color-yellow-600);
|
|
56
|
+
--color-border-positive: var(--color-navy-blue-100);
|
|
57
|
+
--color-border-subtle-accent: var(--color-navy-blue-70);
|
|
46
58
|
--color-icon-dark: var(--color-navy-blue-50);
|
|
47
59
|
--color-icon-inactive: var(--color-navy-blue-50);
|
|
48
60
|
--color-icon-highlight: var(--color-navy-blue-50);
|
|
@@ -21,6 +21,14 @@
|
|
|
21
21
|
--color-surface-warning: var(--color-yellow-100);
|
|
22
22
|
--color-surface-highlight-soft: var(--color-mint-green-70);
|
|
23
23
|
--color-surface-info-gentle: var(--color-navy-blue-25);
|
|
24
|
+
--color-surface-neutral: var(--color-gray-100);
|
|
25
|
+
--color-surface-neutral-strong: var(--color-gray-100);
|
|
26
|
+
--color-surface-subtle-contrast: var(--color-white);
|
|
27
|
+
--color-surface-attention: var(--color-navy-blue-100);
|
|
28
|
+
--color-surface-attention-subtle: var(--color-navy-blue-25);
|
|
29
|
+
--color-surface-positive: var(--color-active-green-25);
|
|
30
|
+
--color-surface-success: var(--color-active-green-500);
|
|
31
|
+
--color-surface-danger: var(--color-red-400);
|
|
24
32
|
--color-alert-weak: var(--color-orange-100);
|
|
25
33
|
--color-alert-strong: var(--color-orange-500);
|
|
26
34
|
--color-alert-decent: var(--color-orange-300);
|
|
@@ -35,6 +43,8 @@
|
|
|
35
43
|
--color-text-bright-strong: var(--color-white);
|
|
36
44
|
--color-text-navy: var(--color-navy-blue-800);
|
|
37
45
|
--color-text-lighter-navy: var(--color-navy-blue-600);
|
|
46
|
+
--color-text-positive: var(--color-active-green-500);
|
|
47
|
+
--color-text-on-accent: var(--color-navy-blue-800);
|
|
38
48
|
--color-border-dark: var(--color-gray-400);
|
|
39
49
|
--color-border-bright: var(--color-white);
|
|
40
50
|
--color-border-active: var(--color-mint-green-400);
|
|
@@ -68,6 +78,8 @@
|
|
|
68
78
|
--color-controls-disconnect-border-hover: var(--color-orange-800);
|
|
69
79
|
--color-controls-disconnect-border-active: var(--color-red-400);
|
|
70
80
|
--color-controls-disconnect-border-active-hover: var(--color-orange-800);
|
|
81
|
+
--color-controls-disconnect-border-positive: var(--color-active-green-400);
|
|
82
|
+
--color-controls-disconnect-border-subtle-accent: var(--color-navy-blue-70);
|
|
71
83
|
--color-controls-disconnect-icon-default: var(--color-white);
|
|
72
84
|
--color-controls-disconnect-icon-active: var(--color-white);
|
|
73
85
|
--color-controls-device-background-default: var(--color-white);
|
|
@@ -72,6 +72,14 @@
|
|
|
72
72
|
--color-surface-warning: var(--color-surface-warning);
|
|
73
73
|
--color-surface-highlight-soft: var(--color-surface-highlight-soft);
|
|
74
74
|
--color-surface-info-gentle: var(--color-surface-info-gentle);
|
|
75
|
+
--color-surface-neutral: var(--color-surface-neutral);
|
|
76
|
+
--color-surface-neutral-strong: var(--color-surface-neutral-strong);
|
|
77
|
+
--color-surface-subtle-contrast: var(--color-surface-subtle-contrast);
|
|
78
|
+
--color-surface-attention: var(--color-surface-attention);
|
|
79
|
+
--color-surface-attention-subtle: var(--color-surface-attention-subtle);
|
|
80
|
+
--color-surface-positive: var(--color-surface-positive);
|
|
81
|
+
--color-surface-success: var(--color-surface-success);
|
|
82
|
+
--color-surface-danger: var(--color-surface-danger);
|
|
75
83
|
--color-alert-weak: var(--color-alert-weak);
|
|
76
84
|
--color-alert-strong: var(--color-alert-strong);
|
|
77
85
|
--color-alert-decent: var(--color-alert-decent);
|
|
@@ -86,6 +94,8 @@
|
|
|
86
94
|
--color-text-bright-strong: var(--color-text-bright-strong);
|
|
87
95
|
--color-text-navy: var(--color-text-navy);
|
|
88
96
|
--color-text-lighter-navy: var(--color-text-lighter-navy);
|
|
97
|
+
--color-text-positive: var(--color-text-positive);
|
|
98
|
+
--color-text-on-accent: var(--color-text-on-accent);
|
|
89
99
|
--color-border-dark: var(--color-border-dark);
|
|
90
100
|
--color-border-bright: var(--color-border-bright);
|
|
91
101
|
--color-border-active: var(--color-border-active);
|
|
@@ -119,6 +129,8 @@
|
|
|
119
129
|
--color-controls-disconnect-border-hover: var(--color-controls-disconnect-border-hover);
|
|
120
130
|
--color-controls-disconnect-border-active: var(--color-controls-disconnect-border-active);
|
|
121
131
|
--color-controls-disconnect-border-active-hover: var(--color-controls-disconnect-border-active-hover);
|
|
132
|
+
--color-controls-disconnect-border-positive: var(--color-controls-disconnect-border-positive);
|
|
133
|
+
--color-controls-disconnect-border-subtle-accent: var(--color-controls-disconnect-border-subtle-accent);
|
|
122
134
|
--color-controls-disconnect-icon-default: var(--color-controls-disconnect-icon-default);
|
|
123
135
|
--color-controls-disconnect-icon-active: var(--color-controls-disconnect-icon-active);
|
|
124
136
|
--color-controls-device-background-default: var(--color-controls-device-background-default);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Thu, 14 May 2026 06:00:02 GMT
|
|
4
4
|
|
|
5
5
|
$color-white: #ffffff;
|
|
6
6
|
$color-gray-100: #f6f6f6;
|
|
@@ -75,6 +75,14 @@ $color-surface-ashy-gray: #26256b;
|
|
|
75
75
|
$color-surface-warning: #e8bb08;
|
|
76
76
|
$color-surface-highlight-soft: #7d81bf;
|
|
77
77
|
$color-surface-info-gentle: #b7bcfa;
|
|
78
|
+
$color-surface-neutral: #13125d;
|
|
79
|
+
$color-surface-neutral-strong: #010027;
|
|
80
|
+
$color-surface-subtle-contrast: #3b3a76;
|
|
81
|
+
$color-surface-attention: #3b3a76;
|
|
82
|
+
$color-surface-attention-subtle: #cdd0fd;
|
|
83
|
+
$color-surface-positive: #5250df;
|
|
84
|
+
$color-surface-success: #5fbe54;
|
|
85
|
+
$color-surface-danger: #f56161;
|
|
78
86
|
$color-alert-weak: #df6705;
|
|
79
87
|
$color-alert-strong: #ea7b20;
|
|
80
88
|
$color-alert-decent: #ea7b20;
|
|
@@ -89,6 +97,8 @@ $color-text-inactive-dark: #cdd0fd;
|
|
|
89
97
|
$color-text-bright-strong: #cdd0fd;
|
|
90
98
|
$color-text-navy: #e9eaff;
|
|
91
99
|
$color-text-lighter-navy: #cdd0fd;
|
|
100
|
+
$color-text-positive: #cdd0fd;
|
|
101
|
+
$color-text-on-accent: #07064e;
|
|
92
102
|
$color-border-dark: #3b3a76;
|
|
93
103
|
$color-border-bright: #26256b;
|
|
94
104
|
$color-border-active: #0ad69c;
|
|
@@ -97,6 +107,8 @@ $color-border-contrast: #7d81bf;
|
|
|
97
107
|
$color-border-primary: #3b3a76;
|
|
98
108
|
$color-border-soft: #b7bcfa;
|
|
99
109
|
$color-border-warning: #e8bb08;
|
|
110
|
+
$color-border-positive: #7d81bf;
|
|
111
|
+
$color-border-subtle-accent: #b7bcfa;
|
|
100
112
|
$color-icon-dark: #cdd0fd;
|
|
101
113
|
$color-icon-inactive: #cdd0fd;
|
|
102
114
|
$color-icon-highlight: #cdd0fd;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Thu, 14 May 2026 06:00:02 GMT
|
|
4
4
|
|
|
5
5
|
$color-white: #ffffff;
|
|
6
6
|
$color-gray-100: #f6f6f6;
|
|
@@ -75,6 +75,14 @@ $color-surface-ashy-gray: #ececec;
|
|
|
75
75
|
$color-surface-warning: #ffeda3;
|
|
76
76
|
$color-surface-highlight-soft: #e1fff6;
|
|
77
77
|
$color-surface-info-gentle: #e9eaff;
|
|
78
|
+
$color-surface-neutral: #f6f6f6;
|
|
79
|
+
$color-surface-neutral-strong: #f6f6f6;
|
|
80
|
+
$color-surface-subtle-contrast: #ffffff;
|
|
81
|
+
$color-surface-attention: #7d81bf;
|
|
82
|
+
$color-surface-attention-subtle: #e9eaff;
|
|
83
|
+
$color-surface-positive: #e6ffe3;
|
|
84
|
+
$color-surface-success: #5fbe54;
|
|
85
|
+
$color-surface-danger: #f56161;
|
|
78
86
|
$color-alert-weak: #fcd5b5;
|
|
79
87
|
$color-alert-strong: #df6705;
|
|
80
88
|
$color-alert-decent: #f19a58;
|
|
@@ -89,6 +97,8 @@ $color-text-inactive-dark: #939393;
|
|
|
89
97
|
$color-text-bright-strong: #ffffff;
|
|
90
98
|
$color-text-navy: #07064e;
|
|
91
99
|
$color-text-lighter-navy: #26256b;
|
|
100
|
+
$color-text-positive: #5fbe54;
|
|
101
|
+
$color-text-on-accent: #07064e;
|
|
92
102
|
$color-border-dark: #ececec;
|
|
93
103
|
$color-border-bright: #ffffff;
|
|
94
104
|
$color-border-active: #2af5ba;
|
|
@@ -122,6 +132,8 @@ $color-controls-disconnect-border-default: #f56161;
|
|
|
122
132
|
$color-controls-disconnect-border-hover: #9a4601;
|
|
123
133
|
$color-controls-disconnect-border-active: #f56161;
|
|
124
134
|
$color-controls-disconnect-border-active-hover: #9a4601;
|
|
135
|
+
$color-controls-disconnect-border-positive: #77dc6c;
|
|
136
|
+
$color-controls-disconnect-border-subtle-accent: #b7bcfa;
|
|
125
137
|
$color-controls-disconnect-icon-default: #ffffff;
|
|
126
138
|
$color-controls-disconnect-icon-active: #ffffff;
|
|
127
139
|
$color-controls-device-background-default: #ffffff;
|
package/package.json
CHANGED