@pleodigital/design-system-votey 1.0.97 → 1.0.99
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
|
@@ -32,6 +32,7 @@
|
|
|
32
32
|
--color-surface-base-strong: var(--color-mint-green-900);
|
|
33
33
|
--color-surface-action-subtle: var(--color-navy-blue-70);
|
|
34
34
|
--color-surface-active-contrast: var(--color-mint-green-900);
|
|
35
|
+
--color-surface-blueish: var(--color-navy-blue-200);
|
|
35
36
|
--color-alert-weak: var(--color-orange-500);
|
|
36
37
|
--color-alert-strong: var(--color-orange-400);
|
|
37
38
|
--color-alert-decent: var(--color-orange-400);
|
|
@@ -51,6 +52,7 @@
|
|
|
51
52
|
--color-text-info-soft: var(--color-navy-blue-50);
|
|
52
53
|
--color-text-muted: var(--color-navy-blue-50);
|
|
53
54
|
--color-text-action-subtle: var(--color-navy-blue-200);
|
|
55
|
+
--color-text-purple: var(--color-blue-25);
|
|
54
56
|
--color-border-dark: var(--color-navy-blue-400);
|
|
55
57
|
--color-border-bright: var(--color-navy-blue-600);
|
|
56
58
|
--color-border-active: var(--color-mint-green-500);
|
|
@@ -66,6 +68,7 @@
|
|
|
66
68
|
--color-icon-inactive: var(--color-navy-blue-50);
|
|
67
69
|
--color-icon-highlight: var(--color-navy-blue-50);
|
|
68
70
|
--color-icon-action-subtle: var(--color-navy-blue-200);
|
|
71
|
+
--color-icon-subtle-contrast: var(--color-navy-blue-50);
|
|
69
72
|
--color-button-background-active: var(--color-mint-green-500);
|
|
70
73
|
--color-button-background-dark: var(--color-navy-blue-900);
|
|
71
74
|
--color-button-background-edit: var(--color-orange-300);
|
|
@@ -32,6 +32,7 @@
|
|
|
32
32
|
--color-surface-base-strong: var(--color-navy-blue-800);
|
|
33
33
|
--color-surface-action-subtle: var(--color-white);
|
|
34
34
|
--color-surface-active-contrast: var(--color-mint-green-400);
|
|
35
|
+
--color-surface-blueish: var(--color-navy-blue-25);
|
|
35
36
|
--color-alert-weak: var(--color-orange-100);
|
|
36
37
|
--color-alert-strong: var(--color-orange-500);
|
|
37
38
|
--color-alert-decent: var(--color-orange-300);
|
|
@@ -51,6 +52,7 @@
|
|
|
51
52
|
--color-text-info-soft: var(--color-mint-green-400);
|
|
52
53
|
--color-text-muted: var(--color-gray-500);
|
|
53
54
|
--color-text-action-subtle: var(--color-mint-green-500);
|
|
55
|
+
--color-text-purple: var(--color-navy-blue-200);
|
|
54
56
|
--color-border-dark: var(--color-gray-400);
|
|
55
57
|
--color-border-bright: var(--color-white);
|
|
56
58
|
--color-border-active: var(--color-mint-green-400);
|
|
@@ -64,6 +66,7 @@
|
|
|
64
66
|
--color-icon-inactive: var(--color-gray-500);
|
|
65
67
|
--color-icon-highlight: var(--color-mint-green-500);
|
|
66
68
|
--color-icon-action-subtle: var(--color-mint-green-500);
|
|
69
|
+
--color-icon-subtle-contrast: var(--color-navy-blue-400);
|
|
67
70
|
--color-button-background-active: var(--color-mint-green-400);
|
|
68
71
|
--color-button-background-dark: var(--color-navy-blue-800);
|
|
69
72
|
--color-button-background-edit: var(--color-orange-100);
|
|
@@ -83,6 +83,7 @@
|
|
|
83
83
|
--color-surface-base-strong: var(--color-surface-base-strong);
|
|
84
84
|
--color-surface-action-subtle: var(--color-surface-action-subtle);
|
|
85
85
|
--color-surface-active-contrast: var(--color-surface-active-contrast);
|
|
86
|
+
--color-surface-blueish: var(--color-surface-blueish);
|
|
86
87
|
--color-alert-weak: var(--color-alert-weak);
|
|
87
88
|
--color-alert-strong: var(--color-alert-strong);
|
|
88
89
|
--color-alert-decent: var(--color-alert-decent);
|
|
@@ -102,6 +103,7 @@
|
|
|
102
103
|
--color-text-info-soft: var(--color-text-info-soft);
|
|
103
104
|
--color-text-muted: var(--color-text-muted);
|
|
104
105
|
--color-text-action-subtle: var(--color-text-action-subtle);
|
|
106
|
+
--color-text-purple: var(--color-text-purple);
|
|
105
107
|
--color-border-dark: var(--color-border-dark);
|
|
106
108
|
--color-border-bright: var(--color-border-bright);
|
|
107
109
|
--color-border-active: var(--color-border-active);
|
|
@@ -115,6 +117,7 @@
|
|
|
115
117
|
--color-icon-inactive: var(--color-icon-inactive);
|
|
116
118
|
--color-icon-highlight: var(--color-icon-highlight);
|
|
117
119
|
--color-icon-action-subtle: var(--color-icon-action-subtle);
|
|
120
|
+
--color-icon-subtle-contrast: var(--color-icon-subtle-contrast);
|
|
118
121
|
--color-button-background-active: var(--color-button-background-active);
|
|
119
122
|
--color-button-background-dark: var(--color-button-background-dark);
|
|
120
123
|
--color-button-background-edit: var(--color-button-background-edit);
|
|
@@ -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 09:06:07 GMT
|
|
4
4
|
|
|
5
5
|
$color-white: #ffffff;
|
|
6
6
|
$color-gray-100: #f6f6f6;
|
|
@@ -86,6 +86,7 @@ $color-surface-danger: #f56161;
|
|
|
86
86
|
$color-surface-base-strong: #05516b;
|
|
87
87
|
$color-surface-action-subtle: #b7bcfa;
|
|
88
88
|
$color-surface-active-contrast: #05516b;
|
|
89
|
+
$color-surface-blueish: #5250df;
|
|
89
90
|
$color-alert-weak: #df6705;
|
|
90
91
|
$color-alert-strong: #ea7b20;
|
|
91
92
|
$color-alert-decent: #ea7b20;
|
|
@@ -105,6 +106,7 @@ $color-text-on-accent: #07064e;
|
|
|
105
106
|
$color-text-info-soft: #cdd0fd;
|
|
106
107
|
$color-text-muted: #cdd0fd;
|
|
107
108
|
$color-text-action-subtle: #5250df;
|
|
109
|
+
$color-text-purple: #eefbfe;
|
|
108
110
|
$color-border-dark: #3b3a76;
|
|
109
111
|
$color-border-bright: #26256b;
|
|
110
112
|
$color-border-active: #0ad69c;
|
|
@@ -120,6 +122,7 @@ $color-icon-dark: #cdd0fd;
|
|
|
120
122
|
$color-icon-inactive: #cdd0fd;
|
|
121
123
|
$color-icon-highlight: #cdd0fd;
|
|
122
124
|
$color-icon-action-subtle: #5250df;
|
|
125
|
+
$color-icon-subtle-contrast: #cdd0fd;
|
|
123
126
|
$color-button-background-active: #0ad69c;
|
|
124
127
|
$color-button-background-dark: #010027;
|
|
125
128
|
$color-button-background-edit: #f19a58;
|
|
@@ -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 09:06:07 GMT
|
|
4
4
|
|
|
5
5
|
$color-white: #ffffff;
|
|
6
6
|
$color-gray-100: #f6f6f6;
|
|
@@ -86,6 +86,7 @@ $color-surface-danger: #f56161;
|
|
|
86
86
|
$color-surface-base-strong: #07064e;
|
|
87
87
|
$color-surface-action-subtle: #ffffff;
|
|
88
88
|
$color-surface-active-contrast: #2af5ba;
|
|
89
|
+
$color-surface-blueish: #e9eaff;
|
|
89
90
|
$color-alert-weak: #fcd5b5;
|
|
90
91
|
$color-alert-strong: #df6705;
|
|
91
92
|
$color-alert-decent: #f19a58;
|
|
@@ -105,6 +106,7 @@ $color-text-on-accent: #07064e;
|
|
|
105
106
|
$color-text-info-soft: #2af5ba;
|
|
106
107
|
$color-text-muted: #c6c6c6;
|
|
107
108
|
$color-text-action-subtle: #0ad69c;
|
|
109
|
+
$color-text-purple: #5250df;
|
|
108
110
|
$color-border-dark: #ececec;
|
|
109
111
|
$color-border-bright: #ffffff;
|
|
110
112
|
$color-border-active: #2af5ba;
|
|
@@ -118,6 +120,7 @@ $color-icon-dark: #07064e;
|
|
|
118
120
|
$color-icon-inactive: #c6c6c6;
|
|
119
121
|
$color-icon-highlight: #0ad69c;
|
|
120
122
|
$color-icon-action-subtle: #0ad69c;
|
|
123
|
+
$color-icon-subtle-contrast: #3b3a76;
|
|
121
124
|
$color-button-background-active: #2af5ba;
|
|
122
125
|
$color-button-background-dark: #07064e;
|
|
123
126
|
$color-button-background-edit: #fcd5b5;
|
package/package.json
CHANGED