@pleodigital/design-system-votey 1.0.27 → 1.0.28
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
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed,
|
|
3
|
+
* Generated on Wed, 26 Nov 2025 09:31:26 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
:root {
|
|
7
7
|
--color-gray-100: #f6f6f6;
|
|
8
8
|
--color-mint-green-100: #cafdee;
|
|
9
9
|
--color-gray-400: #ececec;
|
|
@@ -26,4 +26,8 @@
|
|
|
26
26
|
--color-orange-70: #ffe7d4;
|
|
27
27
|
--color-mint-green-600: #02c295;
|
|
28
28
|
--color-navy-blue-600: #26256b;
|
|
29
|
+
--color-mint-green-500: #0ad69c;
|
|
30
|
+
--color-mint-green-800: #86a89e;
|
|
31
|
+
--color-navy-blue-900: #010027;
|
|
32
|
+
--color-orange-400: #ea7b20;
|
|
29
33
|
}
|
package/dist/css/tokens.dark.css
CHANGED
|
@@ -1,33 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
--color-
|
|
3
|
-
--color-
|
|
4
|
-
--color-gray-
|
|
5
|
-
--color-
|
|
6
|
-
--color-
|
|
7
|
-
--color-
|
|
8
|
-
--color-white: #ffffff;
|
|
9
|
-
--color-mint-green-400: #2af5ba;
|
|
10
|
-
--color-mint-green-300: #62ffd1;
|
|
11
|
-
--color-blue-400: #62a9ff;
|
|
12
|
-
--color-gray-500: #c6c6c6;
|
|
13
|
-
--color-gray-700: #939393;
|
|
14
|
-
--color-navy-blue-800: #07064e;
|
|
15
|
-
--color-navy-blue-400: #3b3a76;
|
|
16
|
-
--color-navy-blue-50: #cdd0fd;
|
|
17
|
-
--color-red-400: #f56161;
|
|
18
|
-
--color-orange-50: #fff3e8;
|
|
19
|
-
--color-active-green-400: #77dc6c;
|
|
20
|
-
--color-active-green-500: #5fbe54;
|
|
21
|
-
--color-orange-70: #ffe7d4;
|
|
22
|
-
--color-mint-green-600: #02c295;
|
|
23
|
-
--color-navy-blue-600: #26256b;
|
|
24
|
-
--bg-status-main: #f6f6f6;
|
|
25
|
-
--text-heading-banner: #cafdee;
|
|
26
|
-
--button-primary-bg: #cafdee;
|
|
27
|
-
--button-primary-border: #07064e;
|
|
28
|
-
--button-secondary-bg: #3b3a76;
|
|
29
|
-
--button-secondary-border: #f56161;
|
|
30
|
-
--primary-mint: #cafdee;
|
|
31
|
-
--primary-navy: #7d81bf;
|
|
32
|
-
--primary-gray: #f6f6f6;
|
|
1
|
+
:root[data-theme="dark"] {
|
|
2
|
+
--color-accent: var(--color-mint-green-500);
|
|
3
|
+
--color-text: var(--color-navy-blue-400);
|
|
4
|
+
--color-background: var(--color-gray-500);
|
|
5
|
+
--color-overlay-primary: var(--color-gray-700);
|
|
6
|
+
--color-overlay-secondary: var(--color-mint-green-400);
|
|
7
|
+
--color-overlay-tertiary: var(--color-navy-blue-50);
|
|
33
8
|
}
|
|
@@ -1,33 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
--color-
|
|
3
|
-
--color-
|
|
4
|
-
--color-gray-
|
|
5
|
-
--color-
|
|
6
|
-
--color-
|
|
7
|
-
--color-
|
|
8
|
-
--color-white: #ffffff;
|
|
9
|
-
--color-mint-green-400: #2af5ba;
|
|
10
|
-
--color-mint-green-300: #62ffd1;
|
|
11
|
-
--color-blue-400: #62a9ff;
|
|
12
|
-
--color-gray-500: #c6c6c6;
|
|
13
|
-
--color-gray-700: #939393;
|
|
14
|
-
--color-navy-blue-800: #07064e;
|
|
15
|
-
--color-navy-blue-400: #3b3a76;
|
|
16
|
-
--color-navy-blue-50: #cdd0fd;
|
|
17
|
-
--color-red-400: #f56161;
|
|
18
|
-
--color-orange-50: #fff3e8;
|
|
19
|
-
--color-active-green-400: #77dc6c;
|
|
20
|
-
--color-active-green-500: #5fbe54;
|
|
21
|
-
--color-orange-70: #ffe7d4;
|
|
22
|
-
--color-mint-green-600: #02c295;
|
|
23
|
-
--color-navy-blue-600: #26256b;
|
|
24
|
-
--bg-status-main: #939393;
|
|
25
|
-
--text-heading-banner: #02c295;
|
|
26
|
-
--button-primary-bg: #2af5ba;
|
|
27
|
-
--button-primary-border: #26256b;
|
|
28
|
-
--button-secondary-bg: #7d81bf;
|
|
29
|
-
--button-secondary-border: #fcd5b5;
|
|
30
|
-
--primary-mint: #2af5ba;
|
|
31
|
-
--primary-navy: #3b3a76;
|
|
32
|
-
--primary-gray: #ececec;
|
|
1
|
+
:root {
|
|
2
|
+
--color-accent: var(--color-mint-green-400);
|
|
3
|
+
--color-text: var(--color-navy-blue-800);
|
|
4
|
+
--color-background: var(--color-gray-100);
|
|
5
|
+
--color-overlay-primary: var(--color-gray-100);
|
|
6
|
+
--color-overlay-secondary: var(--color-mint-green-400);
|
|
7
|
+
--color-overlay-tertiary: var(--color-navy-blue-50);
|
|
33
8
|
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
@theme {
|
|
2
|
+
--color-accent: var(--color-accent);
|
|
3
|
+
--color-text: var(--color-text);
|
|
4
|
+
--color-background: var(--color-background);
|
|
5
|
+
--color-overlay-primary: var(--color-overlay-primary);
|
|
6
|
+
--color-overlay-secondary: var(--color-overlay-secondary);
|
|
7
|
+
--color-overlay-tertiary: var(--color-overlay-tertiary);
|
|
8
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Wed,
|
|
3
|
+
// Generated on Wed, 26 Nov 2025 09:31:26 GMT
|
|
4
4
|
|
|
5
5
|
$color-gray-100: #f6f6f6;
|
|
6
6
|
$color-mint-green-100: #cafdee;
|
|
@@ -24,12 +24,13 @@ $color-active-green-500: #5fbe54;
|
|
|
24
24
|
$color-orange-70: #ffe7d4;
|
|
25
25
|
$color-mint-green-600: #02c295;
|
|
26
26
|
$color-navy-blue-600: #26256b;
|
|
27
|
-
$
|
|
28
|
-
$
|
|
29
|
-
$
|
|
30
|
-
$
|
|
31
|
-
$
|
|
32
|
-
$
|
|
33
|
-
$
|
|
34
|
-
$primary
|
|
35
|
-
$
|
|
27
|
+
$color-mint-green-500: #0ad69c;
|
|
28
|
+
$color-mint-green-800: #86a89e;
|
|
29
|
+
$color-navy-blue-900: #010027;
|
|
30
|
+
$color-orange-400: #ea7b20;
|
|
31
|
+
$color-accent: #0ad69c;
|
|
32
|
+
$color-text: #3b3a76;
|
|
33
|
+
$color-background: #c6c6c6;
|
|
34
|
+
$color-overlay-primary: #939393;
|
|
35
|
+
$color-overlay-secondary: #2af5ba;
|
|
36
|
+
$color-overlay-tertiary: #cdd0fd;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Wed,
|
|
3
|
+
// Generated on Wed, 26 Nov 2025 09:31:26 GMT
|
|
4
4
|
|
|
5
5
|
$color-gray-100: #f6f6f6;
|
|
6
6
|
$color-mint-green-100: #cafdee;
|
|
@@ -24,12 +24,13 @@ $color-active-green-500: #5fbe54;
|
|
|
24
24
|
$color-orange-70: #ffe7d4;
|
|
25
25
|
$color-mint-green-600: #02c295;
|
|
26
26
|
$color-navy-blue-600: #26256b;
|
|
27
|
-
$
|
|
28
|
-
$
|
|
29
|
-
$
|
|
30
|
-
$
|
|
31
|
-
$
|
|
32
|
-
$
|
|
33
|
-
$
|
|
34
|
-
$primary
|
|
35
|
-
$
|
|
27
|
+
$color-mint-green-500: #0ad69c;
|
|
28
|
+
$color-mint-green-800: #86a89e;
|
|
29
|
+
$color-navy-blue-900: #010027;
|
|
30
|
+
$color-orange-400: #ea7b20;
|
|
31
|
+
$color-accent: #2af5ba;
|
|
32
|
+
$color-text: #07064e;
|
|
33
|
+
$color-background: #f6f6f6;
|
|
34
|
+
$color-overlay-primary: #f6f6f6;
|
|
35
|
+
$color-overlay-secondary: #2af5ba;
|
|
36
|
+
$color-overlay-tertiary: #cdd0fd;
|
package/package.json
CHANGED