@pleodigital/design-system-votey 1.0.84 → 1.0.86
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
|
@@ -10,8 +10,15 @@
|
|
|
10
10
|
--color-surface-highlight: var(--color-navy-blue-400);
|
|
11
11
|
--color-surface-accent: var(--color-mint-green-300);
|
|
12
12
|
--color-surface-badge: var(--color-navy-blue-100);
|
|
13
|
+
--color-surface-ashy: var(--color-navy-blue-600);
|
|
14
|
+
--color-surface-active-mild: var(--color-mint-green-900);
|
|
15
|
+
--color-surface-lavenda: var(--color-navy-blue-200);
|
|
16
|
+
--color-surface-contrast-green: var(--color-mint-green-900);
|
|
17
|
+
--color-surface-mild-mint: var(--color-mint-green-900);
|
|
18
|
+
--color-surface-light-navy: var(--color-navy-blue-600);
|
|
13
19
|
--color-alert-weak: var(--color-orange-500);
|
|
14
20
|
--color-alert-strong: var(--color-orange-400);
|
|
21
|
+
--color-alert-decent: var(--color-orange-400);
|
|
15
22
|
--color-text-dark: var(--color-navy-blue-50);
|
|
16
23
|
--color-text-inactive: var(--color-navy-blue-100);
|
|
17
24
|
--color-text-bright: var(--color-blue-400);
|
|
@@ -20,6 +27,8 @@
|
|
|
20
27
|
--color-text-contrast: var(--color-navy-blue-100);
|
|
21
28
|
--color-text-dim: var(--color-navy-blue-50);
|
|
22
29
|
--color-text-inactive-dark: var(--color-navy-blue-50);
|
|
30
|
+
--color-text-bright-strong: var(--color-navy-blue-50);
|
|
31
|
+
--color-text-navy: var(--color-navy-blue-25);
|
|
23
32
|
--color-border-dark: var(--color-navy-blue-400);
|
|
24
33
|
--color-border-bright: var(--color-navy-blue-600);
|
|
25
34
|
--color-border-active: var(--color-mint-green-500);
|
|
@@ -74,7 +83,7 @@
|
|
|
74
83
|
--color-controls-share-border-hover: var(--color-blue-600);
|
|
75
84
|
--color-controls-share-border-active: var(--color-blue-400);
|
|
76
85
|
--color-controls-share-border-active-hover: var(--color-blue-600);
|
|
77
|
-
--color-controls-share-icon-default: var(--color-navy-blue-
|
|
86
|
+
--color-controls-share-icon-default: var(--color-navy-blue-50);
|
|
78
87
|
--color-controls-share-icon-active: var(--color-white);
|
|
79
88
|
--color-controls-fullscreen-background-default: var(--color-navy-blue-600);
|
|
80
89
|
--color-controls-fullscreen-background-active: var(--color-navy-blue-70);
|
|
@@ -10,8 +10,15 @@
|
|
|
10
10
|
--color-surface-highlight: var(--color-mint-green-100);
|
|
11
11
|
--color-surface-accent: var(--color-mint-green-100);
|
|
12
12
|
--color-surface-badge: var(--color-navy-blue-25);
|
|
13
|
+
--color-surface-ashy: var(--color-gray-400);
|
|
14
|
+
--color-surface-active-mild: var(--color-mint-green-50);
|
|
15
|
+
--color-surface-lavenda: var(--color-navy-blue-50);
|
|
16
|
+
--color-surface-contrast-green: var(--color-mint-green-70);
|
|
17
|
+
--color-surface-mild-mint: var(--color-mint-green-100);
|
|
18
|
+
--color-surface-light-navy: var(--color-white);
|
|
13
19
|
--color-alert-weak: var(--color-orange-100);
|
|
14
20
|
--color-alert-strong: var(--color-orange-500);
|
|
21
|
+
--color-alert-decent: var(--color-orange-300);
|
|
15
22
|
--color-text-dark: var(--color-navy-blue-800);
|
|
16
23
|
--color-text-inactive: var(--color-gray-500);
|
|
17
24
|
--color-text-bright: var(--color-blue-400);
|
|
@@ -20,6 +27,8 @@
|
|
|
20
27
|
--color-text-contrast: var(--color-gray-700);
|
|
21
28
|
--color-text-dim: var(--color-navy-blue-100);
|
|
22
29
|
--color-text-inactive-dark: var(--color-gray-700);
|
|
30
|
+
--color-text-bright-strong: var(--color-white);
|
|
31
|
+
--color-text-navy: var(--color-navy-blue-800);
|
|
23
32
|
--color-border-dark: var(--color-gray-400);
|
|
24
33
|
--color-border-bright: var(--color-white);
|
|
25
34
|
--color-border-active: var(--color-mint-green-400);
|
|
@@ -61,8 +61,15 @@
|
|
|
61
61
|
--color-surface-highlight: var(--color-surface-highlight);
|
|
62
62
|
--color-surface-accent: var(--color-surface-accent);
|
|
63
63
|
--color-surface-badge: var(--color-surface-badge);
|
|
64
|
+
--color-surface-ashy: var(--color-surface-ashy);
|
|
65
|
+
--color-surface-active-mild: var(--color-surface-active-mild);
|
|
66
|
+
--color-surface-lavenda: var(--color-surface-lavenda);
|
|
67
|
+
--color-surface-contrast-green: var(--color-surface-contrast-green);
|
|
68
|
+
--color-surface-mild-mint: var(--color-surface-mild-mint);
|
|
69
|
+
--color-surface-light-navy: var(--color-surface-light-navy);
|
|
64
70
|
--color-alert-weak: var(--color-alert-weak);
|
|
65
71
|
--color-alert-strong: var(--color-alert-strong);
|
|
72
|
+
--color-alert-decent: var(--color-alert-decent);
|
|
66
73
|
--color-text-dark: var(--color-text-dark);
|
|
67
74
|
--color-text-inactive: var(--color-text-inactive);
|
|
68
75
|
--color-text-bright: var(--color-text-bright);
|
|
@@ -71,6 +78,8 @@
|
|
|
71
78
|
--color-text-contrast: var(--color-text-contrast);
|
|
72
79
|
--color-text-dim: var(--color-text-dim);
|
|
73
80
|
--color-text-inactive-dark: var(--color-text-inactive-dark);
|
|
81
|
+
--color-text-bright-strong: var(--color-text-bright-strong);
|
|
82
|
+
--color-text-navy: var(--color-text-navy);
|
|
74
83
|
--color-border-dark: var(--color-border-dark);
|
|
75
84
|
--color-border-bright: var(--color-border-bright);
|
|
76
85
|
--color-border-active: var(--color-border-active);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Wed, 13 May 2026
|
|
3
|
+
// Generated on Wed, 13 May 2026 13:03:16 GMT
|
|
4
4
|
|
|
5
5
|
$color-white: #ffffff;
|
|
6
6
|
$color-gray-100: #f6f6f6;
|
|
@@ -64,8 +64,15 @@ $color-surface-brand: #0ad69c;
|
|
|
64
64
|
$color-surface-highlight: #3b3a76;
|
|
65
65
|
$color-surface-accent: #62ffd1;
|
|
66
66
|
$color-surface-badge: #7d81bf;
|
|
67
|
+
$color-surface-ashy: #26256b;
|
|
68
|
+
$color-surface-active-mild: #05516b;
|
|
69
|
+
$color-surface-lavenda: #5250df;
|
|
70
|
+
$color-surface-contrast-green: #05516b;
|
|
71
|
+
$color-surface-mild-mint: #05516b;
|
|
72
|
+
$color-surface-light-navy: #26256b;
|
|
67
73
|
$color-alert-weak: #df6705;
|
|
68
74
|
$color-alert-strong: #ea7b20;
|
|
75
|
+
$color-alert-decent: #ea7b20;
|
|
69
76
|
$color-text-dark: #cdd0fd;
|
|
70
77
|
$color-text-inactive: #7d81bf;
|
|
71
78
|
$color-text-bright: #62a9ff;
|
|
@@ -74,6 +81,8 @@ $color-text-active: #0ad69c;
|
|
|
74
81
|
$color-text-contrast: #7d81bf;
|
|
75
82
|
$color-text-dim: #cdd0fd;
|
|
76
83
|
$color-text-inactive-dark: #cdd0fd;
|
|
84
|
+
$color-text-bright-strong: #cdd0fd;
|
|
85
|
+
$color-text-navy: #e9eaff;
|
|
77
86
|
$color-border-dark: #3b3a76;
|
|
78
87
|
$color-border-bright: #26256b;
|
|
79
88
|
$color-border-active: #0ad69c;
|
|
@@ -128,7 +137,7 @@ $color-controls-share-border-default: #07064e;
|
|
|
128
137
|
$color-controls-share-border-hover: #2e7ee0;
|
|
129
138
|
$color-controls-share-border-active: #62a9ff;
|
|
130
139
|
$color-controls-share-border-active-hover: #2e7ee0;
|
|
131
|
-
$color-controls-share-icon-default: #
|
|
140
|
+
$color-controls-share-icon-default: #cdd0fd;
|
|
132
141
|
$color-controls-share-icon-active: #ffffff;
|
|
133
142
|
$color-controls-fullscreen-background-default: #26256b;
|
|
134
143
|
$color-controls-fullscreen-background-active: #b7bcfa;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Wed, 13 May 2026
|
|
3
|
+
// Generated on Wed, 13 May 2026 13:03:16 GMT
|
|
4
4
|
|
|
5
5
|
$color-white: #ffffff;
|
|
6
6
|
$color-gray-100: #f6f6f6;
|
|
@@ -64,8 +64,15 @@ $color-surface-brand: #2af5ba;
|
|
|
64
64
|
$color-surface-highlight: #cafdee;
|
|
65
65
|
$color-surface-accent: #cafdee;
|
|
66
66
|
$color-surface-badge: #e9eaff;
|
|
67
|
+
$color-surface-ashy: #ececec;
|
|
68
|
+
$color-surface-active-mild: #edfffa;
|
|
69
|
+
$color-surface-lavenda: #cdd0fd;
|
|
70
|
+
$color-surface-contrast-green: #e1fff6;
|
|
71
|
+
$color-surface-mild-mint: #cafdee;
|
|
72
|
+
$color-surface-light-navy: #ffffff;
|
|
67
73
|
$color-alert-weak: #fcd5b5;
|
|
68
74
|
$color-alert-strong: #df6705;
|
|
75
|
+
$color-alert-decent: #f19a58;
|
|
69
76
|
$color-text-dark: #07064e;
|
|
70
77
|
$color-text-inactive: #c6c6c6;
|
|
71
78
|
$color-text-bright: #62a9ff;
|
|
@@ -74,6 +81,8 @@ $color-text-active: #2af5ba;
|
|
|
74
81
|
$color-text-contrast: #939393;
|
|
75
82
|
$color-text-dim: #7d81bf;
|
|
76
83
|
$color-text-inactive-dark: #939393;
|
|
84
|
+
$color-text-bright-strong: #ffffff;
|
|
85
|
+
$color-text-navy: #07064e;
|
|
77
86
|
$color-border-dark: #ececec;
|
|
78
87
|
$color-border-bright: #ffffff;
|
|
79
88
|
$color-border-active: #2af5ba;
|
package/package.json
CHANGED