@pleodigital/design-system-votey 1.0.82 → 1.0.84

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 +40 -0
  3. package/dist/css/tokens.light.css +40 -0
  4. package/dist/css/tokens.tailwind.css +62 -15
  5. package/dist/scss/_variables_dark.scss +63 -16
  6. package/dist/scss/_variables_light.scss +63 -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 11:56:32 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
@@ -44,4 +44,44 @@
44
44
  --color-button-border-hover-edit: var(--color-orange-70);
45
45
  --color-gradient-light: var(--color-navy-blue-600);
46
46
  --color-gradient-dark: var(--color-navy-blue-400);
47
+ --color-controls-disconnect-background-default: var(--color-red-500);
48
+ --color-controls-disconnect-background-active: var(--color-red-500);
49
+ --color-controls-disconnect-border-default: var(--color-red-500);
50
+ --color-controls-disconnect-border-hover: var(--color-red-600);
51
+ --color-controls-disconnect-border-active: var(--color-red-500);
52
+ --color-controls-disconnect-border-active-hover: var(--color-red-600);
53
+ --color-controls-disconnect-icon-default: var(--color-white);
54
+ --color-controls-disconnect-icon-active: var(--color-white);
55
+ --color-controls-device-background-default: var(--color-navy-blue-600);
56
+ --color-controls-device-background-active: var(--color-red-200);
57
+ --color-controls-device-border-default: var(--color-navy-blue-800);
58
+ --color-controls-device-border-hover: var(--color-red-400);
59
+ --color-controls-device-border-active: var(--color-red-200);
60
+ --color-controls-device-border-active-hover: var(--color-red-500);
61
+ --color-controls-device-icon-default: var(--color-navy-blue-50);
62
+ --color-controls-device-icon-active: var(--color-red-500);
63
+ --color-controls-hand-up-background-default: var(--color-navy-blue-600);
64
+ --color-controls-hand-up-background-active: var(--color-mint-green-900);
65
+ --color-controls-hand-up-border-default: var(--color-navy-blue-800);
66
+ --color-controls-hand-up-border-hover: var(--color-mint-green-500);
67
+ --color-controls-hand-up-border-active: var(--color-mint-green-900);
68
+ --color-controls-hand-up-border-active-hover: var(--color-mint-green-600);
69
+ --color-controls-hand-up-icon-default: var(--color-navy-blue-50);
70
+ --color-controls-hand-up-icon-active: var(--color-mint-green-500);
71
+ --color-controls-share-background-default: var(--color-navy-blue-600);
72
+ --color-controls-share-background-active: var(--color-blue-400);
73
+ --color-controls-share-border-default: var(--color-navy-blue-800);
74
+ --color-controls-share-border-hover: var(--color-blue-600);
75
+ --color-controls-share-border-active: var(--color-blue-400);
76
+ --color-controls-share-border-active-hover: var(--color-blue-600);
77
+ --color-controls-share-icon-default: var(--color-navy-blue-100);
78
+ --color-controls-share-icon-active: var(--color-white);
79
+ --color-controls-fullscreen-background-default: var(--color-navy-blue-600);
80
+ --color-controls-fullscreen-background-active: var(--color-navy-blue-70);
81
+ --color-controls-fullscreen-border-default: var(--color-navy-blue-800);
82
+ --color-controls-fullscreen-border-hover: var(--color-navy-blue-100);
83
+ --color-controls-fullscreen-border-active: var(--color-navy-blue-70);
84
+ --color-controls-fullscreen-border-active-hover: var(--color-navy-blue-100);
85
+ --color-controls-fullscreen-icon-default: var(--color-navy-blue-50);
86
+ --color-controls-fullscreen-icon-active: var(--color-navy-blue-800);
47
87
  }
package/dist/css/tokens.light.css CHANGED
@@ -44,4 +44,44 @@
44
44
  --color-button-border-hover-edit: var(--color-orange-50);
45
45
  --color-gradient-light: var(--color-white);
46
46
  --color-gradient-dark: var(--color-mint-green-70);
47
+ --color-controls-disconnect-background-default: var(--color-red-400);
48
+ --color-controls-disconnect-background-active: var(--color-red-400);
49
+ --color-controls-disconnect-border-default: var(--color-red-400);
50
+ --color-controls-disconnect-border-hover: var(--color-orange-800);
51
+ --color-controls-disconnect-border-active: var(--color-red-400);
52
+ --color-controls-disconnect-border-active-hover: var(--color-orange-800);
53
+ --color-controls-disconnect-icon-default: var(--color-white);
54
+ --color-controls-disconnect-icon-active: var(--color-white);
55
+ --color-controls-device-background-default: var(--color-white);
56
+ --color-controls-device-background-active: var(--color-red-50);
57
+ --color-controls-device-border-default: var(--color-gray-400);
58
+ --color-controls-device-border-hover: var(--color-red-200);
59
+ --color-controls-device-border-active: var(--color-red-50);
60
+ --color-controls-device-border-active-hover: var(--color-red-400);
61
+ --color-controls-device-icon-default: var(--color-navy-blue-800);
62
+ --color-controls-device-icon-active: var(--color-red-400);
63
+ --color-controls-hand-up-background-default: var(--color-white);
64
+ --color-controls-hand-up-background-active: var(--color-mint-green-70);
65
+ --color-controls-hand-up-border-default: var(--color-gray-400);
66
+ --color-controls-hand-up-border-hover: var(--color-mint-green-300);
67
+ --color-controls-hand-up-border-active: var(--color-mint-green-70);
68
+ --color-controls-hand-up-border-active-hover: var(--color-mint-green-600);
69
+ --color-controls-hand-up-icon-default: var(--color-navy-blue-800);
70
+ --color-controls-hand-up-icon-active: var(--color-mint-green-600);
71
+ --color-controls-share-background-default: var(--color-white);
72
+ --color-controls-share-background-active: var(--color-blue-300);
73
+ --color-controls-share-border-default: var(--color-gray-400);
74
+ --color-controls-share-border-hover: var(--color-blue-400);
75
+ --color-controls-share-border-active: var(--color-blue-300);
76
+ --color-controls-share-border-active-hover: var(--color-blue-400);
77
+ --color-controls-share-icon-default: var(--color-navy-blue-800);
78
+ --color-controls-share-icon-active: var(--color-white);
79
+ --color-controls-fullscreen-background-default: var(--color-white);
80
+ --color-controls-fullscreen-background-active: var(--color-navy-blue-25);
81
+ --color-controls-fullscreen-border-default: var(--color-gray-400);
82
+ --color-controls-fullscreen-border-hover: var(--color-navy-blue-70);
83
+ --color-controls-fullscreen-border-active: var(--color-navy-blue-25);
84
+ --color-controls-fullscreen-border-active-hover: var(--color-navy-blue-70);
85
+ --color-controls-fullscreen-icon-default: var(--color-navy-blue-800);
86
+ --color-controls-fullscreen-icon-active: var(--color-navy-blue-800);
47
87
  }
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);
@@ -88,4 +95,44 @@
88
95
  --color-button-border-hover-edit: var(--color-button-border-hover-edit);
89
96
  --color-gradient-light: var(--color-gradient-light);
90
97
  --color-gradient-dark: var(--color-gradient-dark);
98
+ --color-controls-disconnect-background-default: var(--color-controls-disconnect-background-default);
99
+ --color-controls-disconnect-background-active: var(--color-controls-disconnect-background-active);
100
+ --color-controls-disconnect-border-default: var(--color-controls-disconnect-border-default);
101
+ --color-controls-disconnect-border-hover: var(--color-controls-disconnect-border-hover);
102
+ --color-controls-disconnect-border-active: var(--color-controls-disconnect-border-active);
103
+ --color-controls-disconnect-border-active-hover: var(--color-controls-disconnect-border-active-hover);
104
+ --color-controls-disconnect-icon-default: var(--color-controls-disconnect-icon-default);
105
+ --color-controls-disconnect-icon-active: var(--color-controls-disconnect-icon-active);
106
+ --color-controls-device-background-default: var(--color-controls-device-background-default);
107
+ --color-controls-device-background-active: var(--color-controls-device-background-active);
108
+ --color-controls-device-border-default: var(--color-controls-device-border-default);
109
+ --color-controls-device-border-hover: var(--color-controls-device-border-hover);
110
+ --color-controls-device-border-active: var(--color-controls-device-border-active);
111
+ --color-controls-device-border-active-hover: var(--color-controls-device-border-active-hover);
112
+ --color-controls-device-icon-default: var(--color-controls-device-icon-default);
113
+ --color-controls-device-icon-active: var(--color-controls-device-icon-active);
114
+ --color-controls-hand-up-background-default: var(--color-controls-hand-up-background-default);
115
+ --color-controls-hand-up-background-active: var(--color-controls-hand-up-background-active);
116
+ --color-controls-hand-up-border-default: var(--color-controls-hand-up-border-default);
117
+ --color-controls-hand-up-border-hover: var(--color-controls-hand-up-border-hover);
118
+ --color-controls-hand-up-border-active: var(--color-controls-hand-up-border-active);
119
+ --color-controls-hand-up-border-active-hover: var(--color-controls-hand-up-border-active-hover);
120
+ --color-controls-hand-up-icon-default: var(--color-controls-hand-up-icon-default);
121
+ --color-controls-hand-up-icon-active: var(--color-controls-hand-up-icon-active);
122
+ --color-controls-share-background-default: var(--color-controls-share-background-default);
123
+ --color-controls-share-background-active: var(--color-controls-share-background-active);
124
+ --color-controls-share-border-default: var(--color-controls-share-border-default);
125
+ --color-controls-share-border-hover: var(--color-controls-share-border-hover);
126
+ --color-controls-share-border-active: var(--color-controls-share-border-active);
127
+ --color-controls-share-border-active-hover: var(--color-controls-share-border-active-hover);
128
+ --color-controls-share-icon-default: var(--color-controls-share-icon-default);
129
+ --color-controls-share-icon-active: var(--color-controls-share-icon-active);
130
+ --color-controls-fullscreen-background-default: var(--color-controls-fullscreen-background-default);
131
+ --color-controls-fullscreen-background-active: var(--color-controls-fullscreen-background-active);
132
+ --color-controls-fullscreen-border-default: var(--color-controls-fullscreen-border-default);
133
+ --color-controls-fullscreen-border-hover: var(--color-controls-fullscreen-border-hover);
134
+ --color-controls-fullscreen-border-active: var(--color-controls-fullscreen-border-active);
135
+ --color-controls-fullscreen-border-active-hover: var(--color-controls-fullscreen-border-active-hover);
136
+ --color-controls-fullscreen-icon-default: var(--color-controls-fullscreen-icon-default);
137
+ --color-controls-fullscreen-icon-active: var(--color-controls-fullscreen-icon-active);
91
138
  }
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 11:56:32 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;
@@ -91,3 +98,43 @@ $color-button-border-hover-dark: #3b3a76;
91
98
  $color-button-border-hover-edit: #ffe7d4;
92
99
  $color-gradient-light: #26256b;
93
100
  $color-gradient-dark: #3b3a76;
101
+ $color-controls-disconnect-background-default: #b93f3f;
102
+ $color-controls-disconnect-background-active: #b93f3f;
103
+ $color-controls-disconnect-border-default: #b93f3f;
104
+ $color-controls-disconnect-border-hover: #750d0d;
105
+ $color-controls-disconnect-border-active: #b93f3f;
106
+ $color-controls-disconnect-border-active-hover: #750d0d;
107
+ $color-controls-disconnect-icon-default: #ffffff;
108
+ $color-controls-disconnect-icon-active: #ffffff;
109
+ $color-controls-device-background-default: #26256b;
110
+ $color-controls-device-background-active: #fbb1aa;
111
+ $color-controls-device-border-default: #07064e;
112
+ $color-controls-device-border-hover: #f56161;
113
+ $color-controls-device-border-active: #fbb1aa;
114
+ $color-controls-device-border-active-hover: #b93f3f;
115
+ $color-controls-device-icon-default: #cdd0fd;
116
+ $color-controls-device-icon-active: #b93f3f;
117
+ $color-controls-hand-up-background-default: #26256b;
118
+ $color-controls-hand-up-background-active: #05516b;
119
+ $color-controls-hand-up-border-default: #07064e;
120
+ $color-controls-hand-up-border-hover: #0ad69c;
121
+ $color-controls-hand-up-border-active: #05516b;
122
+ $color-controls-hand-up-border-active-hover: #02c295;
123
+ $color-controls-hand-up-icon-default: #cdd0fd;
124
+ $color-controls-hand-up-icon-active: #0ad69c;
125
+ $color-controls-share-background-default: #26256b;
126
+ $color-controls-share-background-active: #62a9ff;
127
+ $color-controls-share-border-default: #07064e;
128
+ $color-controls-share-border-hover: #2e7ee0;
129
+ $color-controls-share-border-active: #62a9ff;
130
+ $color-controls-share-border-active-hover: #2e7ee0;
131
+ $color-controls-share-icon-default: #7d81bf;
132
+ $color-controls-share-icon-active: #ffffff;
133
+ $color-controls-fullscreen-background-default: #26256b;
134
+ $color-controls-fullscreen-background-active: #b7bcfa;
135
+ $color-controls-fullscreen-border-default: #07064e;
136
+ $color-controls-fullscreen-border-hover: #7d81bf;
137
+ $color-controls-fullscreen-border-active: #b7bcfa;
138
+ $color-controls-fullscreen-border-active-hover: #7d81bf;
139
+ $color-controls-fullscreen-icon-default: #cdd0fd;
140
+ $color-controls-fullscreen-icon-active: #07064e;
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 11:56:32 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;
@@ -91,3 +98,43 @@ $color-button-border-hover-dark: #3b3a76;
91
98
  $color-button-border-hover-edit: #fff3e8;
92
99
  $color-gradient-light: #ffffff;
93
100
  $color-gradient-dark: #e1fff6;
101
+ $color-controls-disconnect-background-default: #f56161;
102
+ $color-controls-disconnect-background-active: #f56161;
103
+ $color-controls-disconnect-border-default: #f56161;
104
+ $color-controls-disconnect-border-hover: #9a4601;
105
+ $color-controls-disconnect-border-active: #f56161;
106
+ $color-controls-disconnect-border-active-hover: #9a4601;
107
+ $color-controls-disconnect-icon-default: #ffffff;
108
+ $color-controls-disconnect-icon-active: #ffffff;
109
+ $color-controls-device-background-default: #ffffff;
110
+ $color-controls-device-background-active: #fee5e3;
111
+ $color-controls-device-border-default: #ececec;
112
+ $color-controls-device-border-hover: #fbb1aa;
113
+ $color-controls-device-border-active: #fee5e3;
114
+ $color-controls-device-border-active-hover: #f56161;
115
+ $color-controls-device-icon-default: #07064e;
116
+ $color-controls-device-icon-active: #f56161;
117
+ $color-controls-hand-up-background-default: #ffffff;
118
+ $color-controls-hand-up-background-active: #e1fff6;
119
+ $color-controls-hand-up-border-default: #ececec;
120
+ $color-controls-hand-up-border-hover: #62ffd1;
121
+ $color-controls-hand-up-border-active: #e1fff6;
122
+ $color-controls-hand-up-border-active-hover: #02c295;
123
+ $color-controls-hand-up-icon-default: #07064e;
124
+ $color-controls-hand-up-icon-active: #02c295;
125
+ $color-controls-share-background-default: #ffffff;
126
+ $color-controls-share-background-active: #a3cfff;
127
+ $color-controls-share-border-default: #ececec;
128
+ $color-controls-share-border-hover: #62a9ff;
129
+ $color-controls-share-border-active: #a3cfff;
130
+ $color-controls-share-border-active-hover: #62a9ff;
131
+ $color-controls-share-icon-default: #07064e;
132
+ $color-controls-share-icon-active: #ffffff;
133
+ $color-controls-fullscreen-background-default: #ffffff;
134
+ $color-controls-fullscreen-background-active: #e9eaff;
135
+ $color-controls-fullscreen-border-default: #ececec;
136
+ $color-controls-fullscreen-border-hover: #b7bcfa;
137
+ $color-controls-fullscreen-border-active: #e9eaff;
138
+ $color-controls-fullscreen-border-active-hover: #b7bcfa;
139
+ $color-controls-fullscreen-icon-default: #07064e;
140
+ $color-controls-fullscreen-icon-active: #07064e;
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.84",
4
4
  "description": "Centralny system tokenów projektowych generowany przez Style Dictionary.",
5
5
  "main": "dist/js/tailwind-preset.js",
6
6
  "files": [