@pleodigital/design-system-votey 1.0.50 → 1.0.51
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
|
@@ -8,6 +8,8 @@
|
|
|
8
8
|
--color-surface-subtle: var(--color-navy-blue-400);
|
|
9
9
|
--color-surface-brand: var(--color-mint-green-500);
|
|
10
10
|
--color-surface-highlight: var(--color-navy-blue-400);
|
|
11
|
+
--color-surface-notification: var(--color-navy-blue-50);
|
|
12
|
+
--color-surface-notification-indicator: var(--color-navy-blue-400);
|
|
11
13
|
--color-alert-weak: var(--color-orange-500);
|
|
12
14
|
--color-alert-strong: var(--color-orange-400);
|
|
13
15
|
--color-text-dark: var(--color-navy-blue-50);
|
|
@@ -37,6 +39,7 @@
|
|
|
37
39
|
--color-button-text-dark: var(--color-navy-blue-800);
|
|
38
40
|
--color-button-text-inactive: var(--color-navy-blue-100);
|
|
39
41
|
--color-button-text-edit: var(--color-orange-800);
|
|
42
|
+
--color-button-text-notification-indicator: var(--color-white);
|
|
40
43
|
--color-button-border-hover-active: var(--color-mint-green-300);
|
|
41
44
|
--color-button-border-hover-dark: var(--color-navy-blue-400);
|
|
42
45
|
--color-button-border-hover-edit: var(--color-orange-70);
|
|
@@ -8,6 +8,8 @@
|
|
|
8
8
|
--color-surface-subtle: var(--color-gray-100);
|
|
9
9
|
--color-surface-brand: var(--color-mint-green-400);
|
|
10
10
|
--color-surface-highlight: var(--color-mint-green-100);
|
|
11
|
+
--color-surface-notification: var(--color-navy-blue-25);
|
|
12
|
+
--color-surface-notification-indicator: var(--color-navy-blue-100);
|
|
11
13
|
--color-alert-weak: var(--color-orange-100);
|
|
12
14
|
--color-alert-strong: var(--color-orange-500);
|
|
13
15
|
--color-text-dark: var(--color-navy-blue-800);
|
|
@@ -37,6 +39,7 @@
|
|
|
37
39
|
--color-button-text-dark: var(--color-navy-blue-800);
|
|
38
40
|
--color-button-text-inactive: var(--color-gray-700);
|
|
39
41
|
--color-button-text-edit: var(--color-orange-500);
|
|
42
|
+
--color-button-text-notification-indicator: var(--color-navy-blue-800);
|
|
40
43
|
--color-button-border-hover-active: var(--color-mint-green-100);
|
|
41
44
|
--color-button-border-hover-dark: var(--color-navy-blue-400);
|
|
42
45
|
--color-button-border-hover-edit: var(--color-orange-50);
|
|
@@ -41,6 +41,8 @@
|
|
|
41
41
|
--color-surface-subtle: var(--color-surface-subtle);
|
|
42
42
|
--color-surface-brand: var(--color-surface-brand);
|
|
43
43
|
--color-surface-highlight: var(--color-surface-highlight);
|
|
44
|
+
--color-surface-notification: var(--color-surface-notification);
|
|
45
|
+
--color-surface-notification-indicator: var(--color-surface-notification-indicator);
|
|
44
46
|
--color-alert-weak: var(--color-alert-weak);
|
|
45
47
|
--color-alert-strong: var(--color-alert-strong);
|
|
46
48
|
--color-text-dark: var(--color-text-dark);
|
|
@@ -70,6 +72,7 @@
|
|
|
70
72
|
--color-button-text-dark: var(--color-button-text-dark);
|
|
71
73
|
--color-button-text-inactive: var(--color-button-text-inactive);
|
|
72
74
|
--color-button-text-edit: var(--color-button-text-edit);
|
|
75
|
+
--color-button-text-notification-indicator: var(--color-button-text-notification-indicator);
|
|
73
76
|
--color-button-border-hover-active: var(--color-button-border-hover-active);
|
|
74
77
|
--color-button-border-hover-dark: var(--color-button-border-hover-dark);
|
|
75
78
|
--color-button-border-hover-edit: var(--color-button-border-hover-edit);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Thu, 18 Dec 2025 13:50:46 GMT
|
|
4
4
|
|
|
5
5
|
$color-gray-100: #f6f6f6;
|
|
6
6
|
$color-mint-green-100: #cafdee;
|
|
@@ -44,6 +44,8 @@ $color-surface-dynamic: #07064e;
|
|
|
44
44
|
$color-surface-subtle: #3b3a76;
|
|
45
45
|
$color-surface-brand: #0ad69c;
|
|
46
46
|
$color-surface-highlight: #3b3a76;
|
|
47
|
+
$color-surface-notification: #cdd0fd;
|
|
48
|
+
$color-surface-notification-indicator: #3b3a76;
|
|
47
49
|
$color-alert-weak: #df6705;
|
|
48
50
|
$color-alert-strong: #ea7b20;
|
|
49
51
|
$color-text-dark: #cdd0fd;
|
|
@@ -73,6 +75,7 @@ $color-button-text-active: #2af5ba;
|
|
|
73
75
|
$color-button-text-dark: #07064e;
|
|
74
76
|
$color-button-text-inactive: #7d81bf;
|
|
75
77
|
$color-button-text-edit: #9a4601;
|
|
78
|
+
$color-button-text-notification-indicator: #ffffff;
|
|
76
79
|
$color-button-border-hover-active: #62ffd1;
|
|
77
80
|
$color-button-border-hover-dark: #3b3a76;
|
|
78
81
|
$color-button-border-hover-edit: #ffe7d4;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Thu, 18 Dec 2025 13:50:46 GMT
|
|
4
4
|
|
|
5
5
|
$color-gray-100: #f6f6f6;
|
|
6
6
|
$color-mint-green-100: #cafdee;
|
|
@@ -44,6 +44,8 @@ $color-surface-dynamic: #f6f6f6;
|
|
|
44
44
|
$color-surface-subtle: #f6f6f6;
|
|
45
45
|
$color-surface-brand: #2af5ba;
|
|
46
46
|
$color-surface-highlight: #cafdee;
|
|
47
|
+
$color-surface-notification: #e9eaff;
|
|
48
|
+
$color-surface-notification-indicator: #7d81bf;
|
|
47
49
|
$color-alert-weak: #fcd5b5;
|
|
48
50
|
$color-alert-strong: #df6705;
|
|
49
51
|
$color-text-dark: #07064e;
|
|
@@ -73,6 +75,7 @@ $color-button-text-active: #2af5ba;
|
|
|
73
75
|
$color-button-text-dark: #07064e;
|
|
74
76
|
$color-button-text-inactive: #939393;
|
|
75
77
|
$color-button-text-edit: #df6705;
|
|
78
|
+
$color-button-text-notification-indicator: #07064e;
|
|
76
79
|
$color-button-border-hover-active: #cafdee;
|
|
77
80
|
$color-button-border-hover-dark: #3b3a76;
|
|
78
81
|
$color-button-border-hover-edit: #fff3e8;
|
package/package.json
CHANGED