@pleodigital/design-system-votey 1.0.82 → 1.0.83

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.
Files changed (7) hide show
  1. package/dist/css/tokens.css +23 -16
  2. package/dist/css/tokens.dark.css +66 -0
  3. package/dist/css/tokens.light.css +62 -0
  4. package/dist/css/tokens.tailwind.css +84 -15
  5. package/dist/scss/_variables_dark.scss +89 -16
  6. package/dist/scss/_variables_light.scss +85 -16
  7. package/package.json +1 -1
package/dist/css/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 11 May 2026 09:06:45 GMT
3
+ * Generated on Wed, 13 May 2026 09:21:33 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -11,41 +11,48 @@
11
11
  --color-gray-700: #939393;
12
12
  --color-navy-blue-900: #010027;
13
13
  --color-navy-blue-800: #07064e;
14
- --color-navy-blue-100: #7d81bf;
15
14
  --color-navy-blue-700: #13125d;
16
- --color-navy-blue-200: #5250df;
17
15
  --color-navy-blue-600: #26256b;
18
- --color-navy-blue-70: #b7bcfa;
19
16
  --color-navy-blue-400: #3b3a76;
17
+ --color-navy-blue-200: #5250df;
18
+ --color-navy-blue-100: #7d81bf;
19
+ --color-navy-blue-70: #b7bcfa;
20
20
  --color-navy-blue-50: #cdd0fd;
21
- --color-active-green-400: #77dc6c;
22
- --color-active-green-500: #5fbe54;
23
- --color-mint-green-100: #cafdee;
24
- --color-mint-green-300: #62ffd1;
25
- --color-mint-green-400: #2af5ba;
21
+ --color-navy-blue-25: #e9eaff;
22
+ --color-mint-green-900: #05516b;
23
+ --color-mint-green-800: #86a89e;
26
24
  --color-mint-green-600: #02c295;
27
25
  --color-mint-green-500: #0ad69c;
28
- --color-mint-green-800: #86a89e;
26
+ --color-mint-green-400: #2af5ba;
27
+ --color-mint-green-300: #62ffd1;
28
+ --color-mint-green-100: #cafdee;
29
29
  --color-mint-green-70: #e1fff6;
30
- --color-red-200: #fbb1aa;
30
+ --color-mint-green-50: #edfffa;
31
31
  --color-red-50: #fee5e3;
32
+ --color-red-200: #fbb1aa;
32
33
  --color-red-400: #f56161;
33
- --color-orange-400: #ea7b20;
34
+ --color-red-500: #b93f3f;
35
+ --color-red-600: #750d0d;
34
36
  --color-orange-50: #fff3e8;
35
37
  --color-orange-70: #ffe7d4;
36
38
  --color-orange-100: #fcd5b5;
37
- --color-orange-800: #9a4601;
38
- --color-orange-500: #df6705;
39
39
  --color-orange-300: #f19a58;
40
- --color-navy-blue-25: #e9eaff;
40
+ --color-orange-400: #ea7b20;
41
+ --color-orange-500: #df6705;
42
+ --color-orange-800: #9a4601;
41
43
  --color-yellow-100: #ffeda3;
42
44
  --color-yellow-400: #ffd52f;
45
+ --color-yellow-600: #e8bb08;
46
+ --color-active-green-500: #5fbe54;
47
+ --color-active-green-400: #77dc6c;
43
48
  --color-active-green-300: #88ea7d;
49
+ --color-active-green-100: #adffa1;
44
50
  --color-active-green-25: #e6ffe3;
51
+ --color-blue-900: #1c3283;
52
+ --color-blue-600: #2e7ee0;
45
53
  --color-blue-400: #62a9ff;
46
54
  --color-blue-300: #a3cfff;
47
55
  --color-blue-100: #cdf4fd;
48
56
  --color-blue-70: #e1efff;
49
57
  --color-blue-25: #eefbfe;
50
- --color-mint-green-50: #edfffa;
51
58
  }
package/dist/css/tokens.dark.css CHANGED
@@ -10,6 +10,28 @@
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-action-danger-default: var(--color-red-500);
14
+ --color-surface-action-danger-hover: var(--color-red-500);
15
+ --color-surface-action-camera-default: var(--color-navy-blue-600);
16
+ --color-surface-action-camera-hover: var(--color-navy-blue-600);
17
+ --color-surface-action-camera-active: var(--color-red-200);
18
+ --color-surface-action-camera-active-hover: var(--color-orange-300);
19
+ --color-surface-action-microphone-default: var(--color-navy-blue-600);
20
+ --color-surface-action-microphone-hover: var(--color-navy-blue-600);
21
+ --color-surface-action-microphone-active: var(--color-red-200);
22
+ --color-surface-action-microphone-active-hover: var(--color-red-200);
23
+ --color-surface-action-presence-default: var(--color-navy-blue-600);
24
+ --color-surface-action-presence-hover: var(--color-navy-blue-600);
25
+ --color-surface-action-presence-active: var(--color-mint-green-900);
26
+ --color-surface-action-presence-active-hover: var(--color-mint-green-900);
27
+ --color-surface-action-sharing-default: var(--color-navy-blue-600);
28
+ --color-surface-action-sharing-hover: var(--color-navy-blue-600);
29
+ --color-surface-action-sharing-active: var(--color-blue-400);
30
+ --color-surface-action-sharing-active-hover: var(--color-blue-400);
31
+ --color-surface-action-utility-default: var(--color-navy-blue-600);
32
+ --color-surface-action-utility-hover: var(--color-navy-blue-600);
33
+ --color-surface-action-utility-active: var(--color-navy-blue-70);
34
+ --color-surface-action-utility-active-hover: var(--color-navy-blue-70);
13
35
  --color-alert-weak: var(--color-orange-500);
14
36
  --color-alert-strong: var(--color-orange-400);
15
37
  --color-text-dark: var(--color-navy-blue-50);
@@ -26,8 +48,52 @@
26
48
  --color-border-info: var(--color-navy-blue-100);
27
49
  --color-border-contrast: var(--color-navy-blue-100);
28
50
  --color-border-primary: var(--color-navy-blue-400);
51
+ --color-border-action-danger-default: var(--color-red-500);
52
+ --color-border-action-danger-hover: var(--color-red-600);
53
+ --color-border-action-camera-default: var(--color-navy-blue-800);
54
+ --color-border-action-camera-hover: var(--color-red-400);
55
+ --color-border-action-camera-active: var(--color-red-200);
56
+ --color-border-action-camera-active-hover: var(--color-orange-500);
57
+ --color-border-action-microphone-default: var(--color-navy-blue-800);
58
+ --color-border-action-microphone-hover: var(--color-red-400);
59
+ --color-border-action-microphone-active: var(--color-red-200);
60
+ --color-border-action-microphone-active-hover: var(--color-red-500);
61
+ --color-border-action-presence-default: var(--color-navy-blue-800);
62
+ --color-border-action-presence-hover: var(--color-mint-green-500);
63
+ --color-border-action-presence-active: var(--color-mint-green-900);
64
+ --color-border-action-presence-active-hover: var(--color-mint-green-600);
65
+ --color-border-action-sharing-default: var(--color-navy-blue-800);
66
+ --color-border-action-sharing-hover: var(--color-blue-600);
67
+ --color-border-action-sharing-active: var(--color-blue-400);
68
+ --color-border-action-sharing-active-hover: var(--color-blue-600);
69
+ --color-border-action-utility-default: var(--color-navy-blue-800);
70
+ --color-border-action-utility-hover: var(--color-navy-blue-100);
71
+ --color-border-action-utility-active: var(--color-navy-blue-70);
72
+ --color-border-action-utility-active-hover: var(--color-navy-blue-100);
29
73
  --color-icon-dark: var(--color-navy-blue-50);
30
74
  --color-icon-inactive: var(--color-navy-blue-50);
75
+ --color-icon-action-danger-default: var(--color-white);
76
+ --color-icon-action-danger-hover: var(--color-white);
77
+ --color-icon-action-camera-default: var(--color-navy-blue-50);
78
+ --color-icon-action-camera-hover: var(--color-navy-blue-50);
79
+ --color-icon-action-camera-active: var(--color-red-500);
80
+ --color-icon-action-camera-active-hover: var(--color-orange-500);
81
+ --color-icon-action-microphone-default: var(--color-navy-blue-50);
82
+ --color-icon-action-microphone-hover: var(--color-navy-blue-50);
83
+ --color-icon-action-microphone-active: var(--color-red-500);
84
+ --color-icon-action-microphone-active-hover: var(--color-red-500);
85
+ --color-icon-action-presence-default: var(--color-navy-blue-50);
86
+ --color-icon-action-presence-hover: var(--color-navy-blue-50);
87
+ --color-icon-action-presence-active: var(--color-mint-green-500);
88
+ --color-icon-action-presence-active-hover: var(--color-mint-green-500);
89
+ --color-icon-action-sharing-default: var(--color-navy-blue-50);
90
+ --color-icon-action-sharing-hover: var(--color-navy-blue-50);
91
+ --color-icon-action-sharing-active: var(--color-white);
92
+ --color-icon-action-sharing-active-hover: var(--color-white);
93
+ --color-icon-action-utility-default: var(--color-navy-blue-50);
94
+ --color-icon-action-utility-hover: var(--color-navy-blue-50);
95
+ --color-icon-action-utility-active: var(--color-navy-blue-800);
96
+ --color-icon-action-utility-active-hover: var(--color-navy-blue-800);
31
97
  --color-button-background-active: var(--color-mint-green-500);
32
98
  --color-button-background-dark: var(--color-navy-blue-900);
33
99
  --color-button-background-edit: var(--color-orange-300);
package/dist/css/tokens.light.css CHANGED
@@ -10,6 +10,24 @@
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-action-danger-default: var(--color-red-400);
14
+ --color-surface-action-danger-hover: var(--color-red-400);
15
+ --color-surface-action-camera-default: var(--color-white);
16
+ --color-surface-action-camera-hover: var(--color-white);
17
+ --color-surface-action-camera-active: var(--color-red-50);
18
+ --color-surface-action-camera-active-hover: var(--color-red-50);
19
+ --color-surface-action-microphone-default: var(--color-white);
20
+ --color-surface-action-microphone-hover: var(--color-white);
21
+ --color-surface-action-microphone-active: var(--color-red-50);
22
+ --color-surface-action-microphone-active-hover: var(--color-red-50);
23
+ --color-surface-action-presence-default: var(--color-white);
24
+ --color-surface-action-presence-hover: var(--color-white);
25
+ --color-surface-action-presence-active: var(--color-mint-green-70);
26
+ --color-surface-action-presence-active-hover: var(--color-mint-green-70);
27
+ --color-surface-action-sharing-default: var(--color-white);
28
+ --color-surface-action-sharing-hover: var(--color-white);
29
+ --color-surface-action-sharing-active: var(--color-blue-300);
30
+ --color-surface-action-sharing-active-hover: var(--color-blue-300);
13
31
  --color-alert-weak: var(--color-orange-100);
14
32
  --color-alert-strong: var(--color-orange-500);
15
33
  --color-text-dark: var(--color-navy-blue-800);
@@ -26,8 +44,52 @@
26
44
  --color-border-info: var(--color-navy-blue-50);
27
45
  --color-border-contrast: var(--color-navy-blue-800);
28
46
  --color-border-primary: var(--color-gray-400);
47
+ --color-border-action-danger-default: var(--color-red-400);
48
+ --color-border-action-danger-hover: var(--color-orange-800);
49
+ --color-border-action-camera-default: var(--color-gray-400);
50
+ --color-border-action-camera-hover: var(--color-red-200);
51
+ --color-border-action-camera-active: var(--color-red-50);
52
+ --color-border-action-camera-active-hover: var(--color-red-400);
53
+ --color-border-action-microphone-default: var(--color-gray-400);
54
+ --color-border-action-microphone-hover: var(--color-red-200);
55
+ --color-border-action-microphone-active: var(--color-red-50);
56
+ --color-border-action-microphone-active-hover: var(--color-red-400);
57
+ --color-border-action-presence-default: var(--color-gray-400);
58
+ --color-border-action-presence-hover: var(--color-mint-green-300);
59
+ --color-border-action-presence-active: var(--color-mint-green-70);
60
+ --color-border-action-presence-active-hover: var(--color-mint-green-600);
61
+ --color-border-action-sharing-default: var(--color-gray-400);
62
+ --color-border-action-sharing-hover: var(--color-blue-400);
63
+ --color-border-action-sharing-active: var(--color-blue-300);
64
+ --color-border-action-sharing-active-hover: var(--color-blue-400);
65
+ --color-border-action-utility-default: var(--color-gray-400);
66
+ --color-border-action-utility-hover: var(--color-navy-blue-70);
67
+ --color-border-action-utility-active: var(--color-navy-blue-25);
68
+ --color-border-action-utility-active-hover: var(--color-navy-blue-70);
29
69
  --color-icon-dark: var(--color-navy-blue-800);
30
70
  --color-icon-inactive: var(--color-gray-500);
71
+ --color-icon-action-danger-default: var(--color-white);
72
+ --color-icon-action-danger-hover: var(--color-white);
73
+ --color-icon-action-camera-default: var(--color-navy-blue-800);
74
+ --color-icon-action-camera-hover: var(--color-navy-blue-800);
75
+ --color-icon-action-camera-active: var(--color-red-400);
76
+ --color-icon-action-camera-active-hover: var(--color-red-400);
77
+ --color-icon-action-microphone-default: var(--color-navy-blue-800);
78
+ --color-icon-action-microphone-hover: var(--color-navy-blue-800);
79
+ --color-icon-action-microphone-active: var(--color-red-400);
80
+ --color-icon-action-microphone-active-hover: var(--color-red-400);
81
+ --color-icon-action-presence-default: var(--color-navy-blue-800);
82
+ --color-icon-action-presence-hover: var(--color-navy-blue-800);
83
+ --color-icon-action-presence-active: var(--color-mint-green-600);
84
+ --color-icon-action-presence-active-hover: var(--color-mint-green-600);
85
+ --color-icon-action-sharing-default: var(--color-navy-blue-800);
86
+ --color-icon-action-sharing-hover: var(--color-navy-blue-800);
87
+ --color-icon-action-sharing-active: var(--color-white);
88
+ --color-icon-action-sharing-active-hover: var(--color-white);
89
+ --color-icon-action-utility-default: var(--color-navy-blue-800);
90
+ --color-icon-action-utility-hover: var(--color-navy-blue-800);
91
+ --color-icon-action-utility-active: var(--color-navy-blue-800);
92
+ --color-icon-action-utility-active-hover: var(--color-navy-blue-800);
31
93
  --color-button-background-active: var(--color-mint-green-400);
32
94
  --color-button-background-dark: var(--color-navy-blue-800);
33
95
  --color-button-background-edit: var(--color-orange-100);
package/dist/css/tokens.tailwind.css CHANGED
@@ -6,43 +6,50 @@
6
6
  --color-gray-700: var(--color-gray-700);
7
7
  --color-navy-blue-900: var(--color-navy-blue-900);
8
8
  --color-navy-blue-800: var(--color-navy-blue-800);
9
- --color-navy-blue-100: var(--color-navy-blue-100);
10
9
  --color-navy-blue-700: var(--color-navy-blue-700);
11
- --color-navy-blue-200: var(--color-navy-blue-200);
12
10
  --color-navy-blue-600: var(--color-navy-blue-600);
13
- --color-navy-blue-70: var(--color-navy-blue-70);
14
11
  --color-navy-blue-400: var(--color-navy-blue-400);
12
+ --color-navy-blue-200: var(--color-navy-blue-200);
13
+ --color-navy-blue-100: var(--color-navy-blue-100);
14
+ --color-navy-blue-70: var(--color-navy-blue-70);
15
15
  --color-navy-blue-50: var(--color-navy-blue-50);
16
- --color-active-green-400: var(--color-active-green-400);
17
- --color-active-green-500: var(--color-active-green-500);
18
- --color-mint-green-100: var(--color-mint-green-100);
19
- --color-mint-green-300: var(--color-mint-green-300);
20
- --color-mint-green-400: var(--color-mint-green-400);
16
+ --color-navy-blue-25: var(--color-navy-blue-25);
17
+ --color-mint-green-900: var(--color-mint-green-900);
18
+ --color-mint-green-800: var(--color-mint-green-800);
21
19
  --color-mint-green-600: var(--color-mint-green-600);
22
20
  --color-mint-green-500: var(--color-mint-green-500);
23
- --color-mint-green-800: var(--color-mint-green-800);
21
+ --color-mint-green-400: var(--color-mint-green-400);
22
+ --color-mint-green-300: var(--color-mint-green-300);
23
+ --color-mint-green-100: var(--color-mint-green-100);
24
24
  --color-mint-green-70: var(--color-mint-green-70);
25
- --color-red-200: var(--color-red-200);
25
+ --color-mint-green-50: var(--color-mint-green-50);
26
26
  --color-red-50: var(--color-red-50);
27
+ --color-red-200: var(--color-red-200);
27
28
  --color-red-400: var(--color-red-400);
28
- --color-orange-400: var(--color-orange-400);
29
+ --color-red-500: var(--color-red-500);
30
+ --color-red-600: var(--color-red-600);
29
31
  --color-orange-50: var(--color-orange-50);
30
32
  --color-orange-70: var(--color-orange-70);
31
33
  --color-orange-100: var(--color-orange-100);
32
- --color-orange-800: var(--color-orange-800);
33
- --color-orange-500: var(--color-orange-500);
34
34
  --color-orange-300: var(--color-orange-300);
35
- --color-navy-blue-25: var(--color-navy-blue-25);
35
+ --color-orange-400: var(--color-orange-400);
36
+ --color-orange-500: var(--color-orange-500);
37
+ --color-orange-800: var(--color-orange-800);
36
38
  --color-yellow-100: var(--color-yellow-100);
37
39
  --color-yellow-400: var(--color-yellow-400);
40
+ --color-yellow-600: var(--color-yellow-600);
41
+ --color-active-green-500: var(--color-active-green-500);
42
+ --color-active-green-400: var(--color-active-green-400);
38
43
  --color-active-green-300: var(--color-active-green-300);
44
+ --color-active-green-100: var(--color-active-green-100);
39
45
  --color-active-green-25: var(--color-active-green-25);
46
+ --color-blue-900: var(--color-blue-900);
47
+ --color-blue-600: var(--color-blue-600);
40
48
  --color-blue-400: var(--color-blue-400);
41
49
  --color-blue-300: var(--color-blue-300);
42
50
  --color-blue-100: var(--color-blue-100);
43
51
  --color-blue-70: var(--color-blue-70);
44
52
  --color-blue-25: var(--color-blue-25);
45
- --color-mint-green-50: var(--color-mint-green-50);
46
53
  --color-surface-bright: var(--color-surface-bright);
47
54
  --color-surface-mild: var(--color-surface-mild);
48
55
  --color-surface-active: var(--color-surface-active);
@@ -54,6 +61,24 @@
54
61
  --color-surface-highlight: var(--color-surface-highlight);
55
62
  --color-surface-accent: var(--color-surface-accent);
56
63
  --color-surface-badge: var(--color-surface-badge);
64
+ --color-surface-action-danger-default: var(--color-surface-action-danger-default);
65
+ --color-surface-action-danger-hover: var(--color-surface-action-danger-hover);
66
+ --color-surface-action-camera-default: var(--color-surface-action-camera-default);
67
+ --color-surface-action-camera-hover: var(--color-surface-action-camera-hover);
68
+ --color-surface-action-camera-active: var(--color-surface-action-camera-active);
69
+ --color-surface-action-camera-active-hover: var(--color-surface-action-camera-active-hover);
70
+ --color-surface-action-microphone-default: var(--color-surface-action-microphone-default);
71
+ --color-surface-action-microphone-hover: var(--color-surface-action-microphone-hover);
72
+ --color-surface-action-microphone-active: var(--color-surface-action-microphone-active);
73
+ --color-surface-action-microphone-active-hover: var(--color-surface-action-microphone-active-hover);
74
+ --color-surface-action-presence-default: var(--color-surface-action-presence-default);
75
+ --color-surface-action-presence-hover: var(--color-surface-action-presence-hover);
76
+ --color-surface-action-presence-active: var(--color-surface-action-presence-active);
77
+ --color-surface-action-presence-active-hover: var(--color-surface-action-presence-active-hover);
78
+ --color-surface-action-sharing-default: var(--color-surface-action-sharing-default);
79
+ --color-surface-action-sharing-hover: var(--color-surface-action-sharing-hover);
80
+ --color-surface-action-sharing-active: var(--color-surface-action-sharing-active);
81
+ --color-surface-action-sharing-active-hover: var(--color-surface-action-sharing-active-hover);
57
82
  --color-alert-weak: var(--color-alert-weak);
58
83
  --color-alert-strong: var(--color-alert-strong);
59
84
  --color-text-dark: var(--color-text-dark);
@@ -70,8 +95,52 @@
70
95
  --color-border-info: var(--color-border-info);
71
96
  --color-border-contrast: var(--color-border-contrast);
72
97
  --color-border-primary: var(--color-border-primary);
98
+ --color-border-action-danger-default: var(--color-border-action-danger-default);
99
+ --color-border-action-danger-hover: var(--color-border-action-danger-hover);
100
+ --color-border-action-camera-default: var(--color-border-action-camera-default);
101
+ --color-border-action-camera-hover: var(--color-border-action-camera-hover);
102
+ --color-border-action-camera-active: var(--color-border-action-camera-active);
103
+ --color-border-action-camera-active-hover: var(--color-border-action-camera-active-hover);
104
+ --color-border-action-microphone-default: var(--color-border-action-microphone-default);
105
+ --color-border-action-microphone-hover: var(--color-border-action-microphone-hover);
106
+ --color-border-action-microphone-active: var(--color-border-action-microphone-active);
107
+ --color-border-action-microphone-active-hover: var(--color-border-action-microphone-active-hover);
108
+ --color-border-action-presence-default: var(--color-border-action-presence-default);
109
+ --color-border-action-presence-hover: var(--color-border-action-presence-hover);
110
+ --color-border-action-presence-active: var(--color-border-action-presence-active);
111
+ --color-border-action-presence-active-hover: var(--color-border-action-presence-active-hover);
112
+ --color-border-action-sharing-default: var(--color-border-action-sharing-default);
113
+ --color-border-action-sharing-hover: var(--color-border-action-sharing-hover);
114
+ --color-border-action-sharing-active: var(--color-border-action-sharing-active);
115
+ --color-border-action-sharing-active-hover: var(--color-border-action-sharing-active-hover);
116
+ --color-border-action-utility-default: var(--color-border-action-utility-default);
117
+ --color-border-action-utility-hover: var(--color-border-action-utility-hover);
118
+ --color-border-action-utility-active: var(--color-border-action-utility-active);
119
+ --color-border-action-utility-active-hover: var(--color-border-action-utility-active-hover);
73
120
  --color-icon-dark: var(--color-icon-dark);
74
121
  --color-icon-inactive: var(--color-icon-inactive);
122
+ --color-icon-action-danger-default: var(--color-icon-action-danger-default);
123
+ --color-icon-action-danger-hover: var(--color-icon-action-danger-hover);
124
+ --color-icon-action-camera-default: var(--color-icon-action-camera-default);
125
+ --color-icon-action-camera-hover: var(--color-icon-action-camera-hover);
126
+ --color-icon-action-camera-active: var(--color-icon-action-camera-active);
127
+ --color-icon-action-camera-active-hover: var(--color-icon-action-camera-active-hover);
128
+ --color-icon-action-microphone-default: var(--color-icon-action-microphone-default);
129
+ --color-icon-action-microphone-hover: var(--color-icon-action-microphone-hover);
130
+ --color-icon-action-microphone-active: var(--color-icon-action-microphone-active);
131
+ --color-icon-action-microphone-active-hover: var(--color-icon-action-microphone-active-hover);
132
+ --color-icon-action-presence-default: var(--color-icon-action-presence-default);
133
+ --color-icon-action-presence-hover: var(--color-icon-action-presence-hover);
134
+ --color-icon-action-presence-active: var(--color-icon-action-presence-active);
135
+ --color-icon-action-presence-active-hover: var(--color-icon-action-presence-active-hover);
136
+ --color-icon-action-sharing-default: var(--color-icon-action-sharing-default);
137
+ --color-icon-action-sharing-hover: var(--color-icon-action-sharing-hover);
138
+ --color-icon-action-sharing-active: var(--color-icon-action-sharing-active);
139
+ --color-icon-action-sharing-active-hover: var(--color-icon-action-sharing-active-hover);
140
+ --color-icon-action-utility-default: var(--color-icon-action-utility-default);
141
+ --color-icon-action-utility-hover: var(--color-icon-action-utility-hover);
142
+ --color-icon-action-utility-active: var(--color-icon-action-utility-active);
143
+ --color-icon-action-utility-active-hover: var(--color-icon-action-utility-active-hover);
75
144
  --color-button-background-active: var(--color-button-background-active);
76
145
  --color-button-background-dark: var(--color-button-background-dark);
77
146
  --color-button-background-edit: var(--color-button-background-edit);
package/dist/scss/_variables_dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 11 May 2026 09:06:45 GMT
3
+ // Generated on Wed, 13 May 2026 09:21:33 GMT
4
4
 
5
5
  $color-white: #ffffff;
6
6
  $color-gray-100: #f6f6f6;
@@ -9,43 +9,50 @@ $color-gray-500: #c6c6c6;
9
9
  $color-gray-700: #939393;
10
10
  $color-navy-blue-900: #010027;
11
11
  $color-navy-blue-800: #07064e;
12
- $color-navy-blue-100: #7d81bf;
13
12
  $color-navy-blue-700: #13125d;
14
- $color-navy-blue-200: #5250df;
15
13
  $color-navy-blue-600: #26256b;
16
- $color-navy-blue-70: #b7bcfa;
17
14
  $color-navy-blue-400: #3b3a76;
15
+ $color-navy-blue-200: #5250df;
16
+ $color-navy-blue-100: #7d81bf;
17
+ $color-navy-blue-70: #b7bcfa;
18
18
  $color-navy-blue-50: #cdd0fd;
19
- $color-active-green-400: #77dc6c;
20
- $color-active-green-500: #5fbe54;
21
- $color-mint-green-100: #cafdee;
22
- $color-mint-green-300: #62ffd1;
23
- $color-mint-green-400: #2af5ba;
19
+ $color-navy-blue-25: #e9eaff;
20
+ $color-mint-green-900: #05516b;
21
+ $color-mint-green-800: #86a89e;
24
22
  $color-mint-green-600: #02c295;
25
23
  $color-mint-green-500: #0ad69c;
26
- $color-mint-green-800: #86a89e;
24
+ $color-mint-green-400: #2af5ba;
25
+ $color-mint-green-300: #62ffd1;
26
+ $color-mint-green-100: #cafdee;
27
27
  $color-mint-green-70: #e1fff6;
28
- $color-red-200: #fbb1aa;
28
+ $color-mint-green-50: #edfffa;
29
29
  $color-red-50: #fee5e3;
30
+ $color-red-200: #fbb1aa;
30
31
  $color-red-400: #f56161;
31
- $color-orange-400: #ea7b20;
32
+ $color-red-500: #b93f3f;
33
+ $color-red-600: #750d0d;
32
34
  $color-orange-50: #fff3e8;
33
35
  $color-orange-70: #ffe7d4;
34
36
  $color-orange-100: #fcd5b5;
35
- $color-orange-800: #9a4601;
36
- $color-orange-500: #df6705;
37
37
  $color-orange-300: #f19a58;
38
- $color-navy-blue-25: #e9eaff;
38
+ $color-orange-400: #ea7b20;
39
+ $color-orange-500: #df6705;
40
+ $color-orange-800: #9a4601;
39
41
  $color-yellow-100: #ffeda3;
40
42
  $color-yellow-400: #ffd52f;
43
+ $color-yellow-600: #e8bb08;
44
+ $color-active-green-500: #5fbe54;
45
+ $color-active-green-400: #77dc6c;
41
46
  $color-active-green-300: #88ea7d;
47
+ $color-active-green-100: #adffa1;
42
48
  $color-active-green-25: #e6ffe3;
49
+ $color-blue-900: #1c3283;
50
+ $color-blue-600: #2e7ee0;
43
51
  $color-blue-400: #62a9ff;
44
52
  $color-blue-300: #a3cfff;
45
53
  $color-blue-100: #cdf4fd;
46
54
  $color-blue-70: #e1efff;
47
55
  $color-blue-25: #eefbfe;
48
- $color-mint-green-50: #edfffa;
49
56
  $color-surface-bright: #26256b;
50
57
  $color-surface-mild: #07064e;
51
58
  $color-surface-active: #62ffd1;
@@ -57,6 +64,28 @@ $color-surface-brand: #0ad69c;
57
64
  $color-surface-highlight: #3b3a76;
58
65
  $color-surface-accent: #62ffd1;
59
66
  $color-surface-badge: #7d81bf;
67
+ $color-surface-action-danger-default: #b93f3f;
68
+ $color-surface-action-danger-hover: #b93f3f;
69
+ $color-surface-action-camera-default: #26256b;
70
+ $color-surface-action-camera-hover: #26256b;
71
+ $color-surface-action-camera-active: #fbb1aa;
72
+ $color-surface-action-camera-active-hover: #f19a58;
73
+ $color-surface-action-microphone-default: #26256b;
74
+ $color-surface-action-microphone-hover: #26256b;
75
+ $color-surface-action-microphone-active: #fbb1aa;
76
+ $color-surface-action-microphone-active-hover: #fbb1aa;
77
+ $color-surface-action-presence-default: #26256b;
78
+ $color-surface-action-presence-hover: #26256b;
79
+ $color-surface-action-presence-active: #05516b;
80
+ $color-surface-action-presence-active-hover: #05516b;
81
+ $color-surface-action-sharing-default: #26256b;
82
+ $color-surface-action-sharing-hover: #26256b;
83
+ $color-surface-action-sharing-active: #62a9ff;
84
+ $color-surface-action-sharing-active-hover: #62a9ff;
85
+ $color-surface-action-utility-default: #26256b;
86
+ $color-surface-action-utility-hover: #26256b;
87
+ $color-surface-action-utility-active: #b7bcfa;
88
+ $color-surface-action-utility-active-hover: #b7bcfa;
60
89
  $color-alert-weak: #df6705;
61
90
  $color-alert-strong: #ea7b20;
62
91
  $color-text-dark: #cdd0fd;
@@ -73,8 +102,52 @@ $color-border-active: #0ad69c;
73
102
  $color-border-info: #7d81bf;
74
103
  $color-border-contrast: #7d81bf;
75
104
  $color-border-primary: #3b3a76;
105
+ $color-border-action-danger-default: #b93f3f;
106
+ $color-border-action-danger-hover: #750d0d;
107
+ $color-border-action-camera-default: #07064e;
108
+ $color-border-action-camera-hover: #f56161;
109
+ $color-border-action-camera-active: #fbb1aa;
110
+ $color-border-action-camera-active-hover: #df6705;
111
+ $color-border-action-microphone-default: #07064e;
112
+ $color-border-action-microphone-hover: #f56161;
113
+ $color-border-action-microphone-active: #fbb1aa;
114
+ $color-border-action-microphone-active-hover: #b93f3f;
115
+ $color-border-action-presence-default: #07064e;
116
+ $color-border-action-presence-hover: #0ad69c;
117
+ $color-border-action-presence-active: #05516b;
118
+ $color-border-action-presence-active-hover: #02c295;
119
+ $color-border-action-sharing-default: #07064e;
120
+ $color-border-action-sharing-hover: #2e7ee0;
121
+ $color-border-action-sharing-active: #62a9ff;
122
+ $color-border-action-sharing-active-hover: #2e7ee0;
123
+ $color-border-action-utility-default: #07064e;
124
+ $color-border-action-utility-hover: #7d81bf;
125
+ $color-border-action-utility-active: #b7bcfa;
126
+ $color-border-action-utility-active-hover: #7d81bf;
76
127
  $color-icon-dark: #cdd0fd;
77
128
  $color-icon-inactive: #cdd0fd;
129
+ $color-icon-action-danger-default: #ffffff;
130
+ $color-icon-action-danger-hover: #ffffff;
131
+ $color-icon-action-camera-default: #cdd0fd;
132
+ $color-icon-action-camera-hover: #cdd0fd;
133
+ $color-icon-action-camera-active: #b93f3f;
134
+ $color-icon-action-camera-active-hover: #df6705;
135
+ $color-icon-action-microphone-default: #cdd0fd;
136
+ $color-icon-action-microphone-hover: #cdd0fd;
137
+ $color-icon-action-microphone-active: #b93f3f;
138
+ $color-icon-action-microphone-active-hover: #b93f3f;
139
+ $color-icon-action-presence-default: #cdd0fd;
140
+ $color-icon-action-presence-hover: #cdd0fd;
141
+ $color-icon-action-presence-active: #0ad69c;
142
+ $color-icon-action-presence-active-hover: #0ad69c;
143
+ $color-icon-action-sharing-default: #cdd0fd;
144
+ $color-icon-action-sharing-hover: #cdd0fd;
145
+ $color-icon-action-sharing-active: #ffffff;
146
+ $color-icon-action-sharing-active-hover: #ffffff;
147
+ $color-icon-action-utility-default: #cdd0fd;
148
+ $color-icon-action-utility-hover: #cdd0fd;
149
+ $color-icon-action-utility-active: #07064e;
150
+ $color-icon-action-utility-active-hover: #07064e;
78
151
  $color-button-background-active: #0ad69c;
79
152
  $color-button-background-dark: #010027;
80
153
  $color-button-background-edit: #f19a58;
package/dist/scss/_variables_light.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 11 May 2026 09:06:45 GMT
3
+ // Generated on Wed, 13 May 2026 09:21:33 GMT
4
4
 
5
5
  $color-white: #ffffff;
6
6
  $color-gray-100: #f6f6f6;
@@ -9,43 +9,50 @@ $color-gray-500: #c6c6c6;
9
9
  $color-gray-700: #939393;
10
10
  $color-navy-blue-900: #010027;
11
11
  $color-navy-blue-800: #07064e;
12
- $color-navy-blue-100: #7d81bf;
13
12
  $color-navy-blue-700: #13125d;
14
- $color-navy-blue-200: #5250df;
15
13
  $color-navy-blue-600: #26256b;
16
- $color-navy-blue-70: #b7bcfa;
17
14
  $color-navy-blue-400: #3b3a76;
15
+ $color-navy-blue-200: #5250df;
16
+ $color-navy-blue-100: #7d81bf;
17
+ $color-navy-blue-70: #b7bcfa;
18
18
  $color-navy-blue-50: #cdd0fd;
19
- $color-active-green-400: #77dc6c;
20
- $color-active-green-500: #5fbe54;
21
- $color-mint-green-100: #cafdee;
22
- $color-mint-green-300: #62ffd1;
23
- $color-mint-green-400: #2af5ba;
19
+ $color-navy-blue-25: #e9eaff;
20
+ $color-mint-green-900: #05516b;
21
+ $color-mint-green-800: #86a89e;
24
22
  $color-mint-green-600: #02c295;
25
23
  $color-mint-green-500: #0ad69c;
26
- $color-mint-green-800: #86a89e;
24
+ $color-mint-green-400: #2af5ba;
25
+ $color-mint-green-300: #62ffd1;
26
+ $color-mint-green-100: #cafdee;
27
27
  $color-mint-green-70: #e1fff6;
28
- $color-red-200: #fbb1aa;
28
+ $color-mint-green-50: #edfffa;
29
29
  $color-red-50: #fee5e3;
30
+ $color-red-200: #fbb1aa;
30
31
  $color-red-400: #f56161;
31
- $color-orange-400: #ea7b20;
32
+ $color-red-500: #b93f3f;
33
+ $color-red-600: #750d0d;
32
34
  $color-orange-50: #fff3e8;
33
35
  $color-orange-70: #ffe7d4;
34
36
  $color-orange-100: #fcd5b5;
35
- $color-orange-800: #9a4601;
36
- $color-orange-500: #df6705;
37
37
  $color-orange-300: #f19a58;
38
- $color-navy-blue-25: #e9eaff;
38
+ $color-orange-400: #ea7b20;
39
+ $color-orange-500: #df6705;
40
+ $color-orange-800: #9a4601;
39
41
  $color-yellow-100: #ffeda3;
40
42
  $color-yellow-400: #ffd52f;
43
+ $color-yellow-600: #e8bb08;
44
+ $color-active-green-500: #5fbe54;
45
+ $color-active-green-400: #77dc6c;
41
46
  $color-active-green-300: #88ea7d;
47
+ $color-active-green-100: #adffa1;
42
48
  $color-active-green-25: #e6ffe3;
49
+ $color-blue-900: #1c3283;
50
+ $color-blue-600: #2e7ee0;
43
51
  $color-blue-400: #62a9ff;
44
52
  $color-blue-300: #a3cfff;
45
53
  $color-blue-100: #cdf4fd;
46
54
  $color-blue-70: #e1efff;
47
55
  $color-blue-25: #eefbfe;
48
- $color-mint-green-50: #edfffa;
49
56
  $color-surface-bright: #ffffff;
50
57
  $color-surface-mild: #ececec;
51
58
  $color-surface-active: #02c295;
@@ -57,6 +64,24 @@ $color-surface-brand: #2af5ba;
57
64
  $color-surface-highlight: #cafdee;
58
65
  $color-surface-accent: #cafdee;
59
66
  $color-surface-badge: #e9eaff;
67
+ $color-surface-action-danger-default: #f56161;
68
+ $color-surface-action-danger-hover: #f56161;
69
+ $color-surface-action-camera-default: #ffffff;
70
+ $color-surface-action-camera-hover: #ffffff;
71
+ $color-surface-action-camera-active: #fee5e3;
72
+ $color-surface-action-camera-active-hover: #fee5e3;
73
+ $color-surface-action-microphone-default: #ffffff;
74
+ $color-surface-action-microphone-hover: #ffffff;
75
+ $color-surface-action-microphone-active: #fee5e3;
76
+ $color-surface-action-microphone-active-hover: #fee5e3;
77
+ $color-surface-action-presence-default: #ffffff;
78
+ $color-surface-action-presence-hover: #ffffff;
79
+ $color-surface-action-presence-active: #e1fff6;
80
+ $color-surface-action-presence-active-hover: #e1fff6;
81
+ $color-surface-action-sharing-default: #ffffff;
82
+ $color-surface-action-sharing-hover: #ffffff;
83
+ $color-surface-action-sharing-active: #a3cfff;
84
+ $color-surface-action-sharing-active-hover: #a3cfff;
60
85
  $color-alert-weak: #fcd5b5;
61
86
  $color-alert-strong: #df6705;
62
87
  $color-text-dark: #07064e;
@@ -73,8 +98,52 @@ $color-border-active: #2af5ba;
73
98
  $color-border-info: #cdd0fd;
74
99
  $color-border-contrast: #07064e;
75
100
  $color-border-primary: #ececec;
101
+ $color-border-action-danger-default: #f56161;
102
+ $color-border-action-danger-hover: #9a4601;
103
+ $color-border-action-camera-default: #ececec;
104
+ $color-border-action-camera-hover: #fbb1aa;
105
+ $color-border-action-camera-active: #fee5e3;
106
+ $color-border-action-camera-active-hover: #f56161;
107
+ $color-border-action-microphone-default: #ececec;
108
+ $color-border-action-microphone-hover: #fbb1aa;
109
+ $color-border-action-microphone-active: #fee5e3;
110
+ $color-border-action-microphone-active-hover: #f56161;
111
+ $color-border-action-presence-default: #ececec;
112
+ $color-border-action-presence-hover: #62ffd1;
113
+ $color-border-action-presence-active: #e1fff6;
114
+ $color-border-action-presence-active-hover: #02c295;
115
+ $color-border-action-sharing-default: #ececec;
116
+ $color-border-action-sharing-hover: #62a9ff;
117
+ $color-border-action-sharing-active: #a3cfff;
118
+ $color-border-action-sharing-active-hover: #62a9ff;
119
+ $color-border-action-utility-default: #ececec;
120
+ $color-border-action-utility-hover: #b7bcfa;
121
+ $color-border-action-utility-active: #e9eaff;
122
+ $color-border-action-utility-active-hover: #b7bcfa;
76
123
  $color-icon-dark: #07064e;
77
124
  $color-icon-inactive: #c6c6c6;
125
+ $color-icon-action-danger-default: #ffffff;
126
+ $color-icon-action-danger-hover: #ffffff;
127
+ $color-icon-action-camera-default: #07064e;
128
+ $color-icon-action-camera-hover: #07064e;
129
+ $color-icon-action-camera-active: #f56161;
130
+ $color-icon-action-camera-active-hover: #f56161;
131
+ $color-icon-action-microphone-default: #07064e;
132
+ $color-icon-action-microphone-hover: #07064e;
133
+ $color-icon-action-microphone-active: #f56161;
134
+ $color-icon-action-microphone-active-hover: #f56161;
135
+ $color-icon-action-presence-default: #07064e;
136
+ $color-icon-action-presence-hover: #07064e;
137
+ $color-icon-action-presence-active: #02c295;
138
+ $color-icon-action-presence-active-hover: #02c295;
139
+ $color-icon-action-sharing-default: #07064e;
140
+ $color-icon-action-sharing-hover: #07064e;
141
+ $color-icon-action-sharing-active: #ffffff;
142
+ $color-icon-action-sharing-active-hover: #ffffff;
143
+ $color-icon-action-utility-default: #07064e;
144
+ $color-icon-action-utility-hover: #07064e;
145
+ $color-icon-action-utility-active: #07064e;
146
+ $color-icon-action-utility-active-hover: #07064e;
78
147
  $color-button-background-active: #2af5ba;
79
148
  $color-button-background-dark: #07064e;
80
149
  $color-button-background-edit: #fcd5b5;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pleodigital/design-system-votey",
3
- "version": "1.0.82",
3
+ "version": "1.0.83",
4
4
  "description": "Centralny system tokenów projektowych generowany przez Style Dictionary.",
5
5
  "main": "dist/js/tailwind-preset.js",
6
6
  "files": [