@pleodigital/design-system-votey 1.0.83 → 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 +1 -1
  2. package/dist/css/tokens.dark.css +40 -66
  3. package/dist/css/tokens.light.css +40 -62
  4. package/dist/css/tokens.tailwind.css +40 -62
  5. package/dist/scss/_variables_dark.scss +41 -67
  6. package/dist/scss/_variables_light.scss +41 -63
  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 Wed, 13 May 2026 09:21:33 GMT
3
+ * Generated on Wed, 13 May 2026 11:56:32 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/css/tokens.dark.css CHANGED
@@ -10,28 +10,6 @@
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);
35
13
  --color-alert-weak: var(--color-orange-500);
36
14
  --color-alert-strong: var(--color-orange-400);
37
15
  --color-text-dark: var(--color-navy-blue-50);
@@ -48,52 +26,8 @@
48
26
  --color-border-info: var(--color-navy-blue-100);
49
27
  --color-border-contrast: var(--color-navy-blue-100);
50
28
  --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);
73
29
  --color-icon-dark: var(--color-navy-blue-50);
74
30
  --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);
97
31
  --color-button-background-active: var(--color-mint-green-500);
98
32
  --color-button-background-dark: var(--color-navy-blue-900);
99
33
  --color-button-background-edit: var(--color-orange-300);
@@ -110,4 +44,44 @@
110
44
  --color-button-border-hover-edit: var(--color-orange-70);
111
45
  --color-gradient-light: var(--color-navy-blue-600);
112
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);
113
87
  }
package/dist/css/tokens.light.css CHANGED
@@ -10,24 +10,6 @@
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);
31
13
  --color-alert-weak: var(--color-orange-100);
32
14
  --color-alert-strong: var(--color-orange-500);
33
15
  --color-text-dark: var(--color-navy-blue-800);
@@ -44,52 +26,8 @@
44
26
  --color-border-info: var(--color-navy-blue-50);
45
27
  --color-border-contrast: var(--color-navy-blue-800);
46
28
  --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);
69
29
  --color-icon-dark: var(--color-navy-blue-800);
70
30
  --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);
93
31
  --color-button-background-active: var(--color-mint-green-400);
94
32
  --color-button-background-dark: var(--color-navy-blue-800);
95
33
  --color-button-background-edit: var(--color-orange-100);
@@ -106,4 +44,44 @@
106
44
  --color-button-border-hover-edit: var(--color-orange-50);
107
45
  --color-gradient-light: var(--color-white);
108
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);
109
87
  }
package/dist/css/tokens.tailwind.css CHANGED
@@ -61,24 +61,6 @@
61
61
  --color-surface-highlight: var(--color-surface-highlight);
62
62
  --color-surface-accent: var(--color-surface-accent);
63
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);
82
64
  --color-alert-weak: var(--color-alert-weak);
83
65
  --color-alert-strong: var(--color-alert-strong);
84
66
  --color-text-dark: var(--color-text-dark);
@@ -95,52 +77,8 @@
95
77
  --color-border-info: var(--color-border-info);
96
78
  --color-border-contrast: var(--color-border-contrast);
97
79
  --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);
120
80
  --color-icon-dark: var(--color-icon-dark);
121
81
  --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);
144
82
  --color-button-background-active: var(--color-button-background-active);
145
83
  --color-button-background-dark: var(--color-button-background-dark);
146
84
  --color-button-background-edit: var(--color-button-background-edit);
@@ -157,4 +95,44 @@
157
95
  --color-button-border-hover-edit: var(--color-button-border-hover-edit);
158
96
  --color-gradient-light: var(--color-gradient-light);
159
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);
160
138
  }
package/dist/scss/_variables_dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 13 May 2026 09:21:33 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;
@@ -64,28 +64,6 @@ $color-surface-brand: #0ad69c;
64
64
  $color-surface-highlight: #3b3a76;
65
65
  $color-surface-accent: #62ffd1;
66
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;
89
67
  $color-alert-weak: #df6705;
90
68
  $color-alert-strong: #ea7b20;
91
69
  $color-text-dark: #cdd0fd;
@@ -102,52 +80,8 @@ $color-border-active: #0ad69c;
102
80
  $color-border-info: #7d81bf;
103
81
  $color-border-contrast: #7d81bf;
104
82
  $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;
127
83
  $color-icon-dark: #cdd0fd;
128
84
  $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;
151
85
  $color-button-background-active: #0ad69c;
152
86
  $color-button-background-dark: #010027;
153
87
  $color-button-background-edit: #f19a58;
@@ -164,3 +98,43 @@ $color-button-border-hover-dark: #3b3a76;
164
98
  $color-button-border-hover-edit: #ffe7d4;
165
99
  $color-gradient-light: #26256b;
166
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 Wed, 13 May 2026 09:21:33 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;
@@ -64,24 +64,6 @@ $color-surface-brand: #2af5ba;
64
64
  $color-surface-highlight: #cafdee;
65
65
  $color-surface-accent: #cafdee;
66
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;
85
67
  $color-alert-weak: #fcd5b5;
86
68
  $color-alert-strong: #df6705;
87
69
  $color-text-dark: #07064e;
@@ -98,52 +80,8 @@ $color-border-active: #2af5ba;
98
80
  $color-border-info: #cdd0fd;
99
81
  $color-border-contrast: #07064e;
100
82
  $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;
123
83
  $color-icon-dark: #07064e;
124
84
  $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;
147
85
  $color-button-background-active: #2af5ba;
148
86
  $color-button-background-dark: #07064e;
149
87
  $color-button-background-edit: #fcd5b5;
@@ -160,3 +98,43 @@ $color-button-border-hover-dark: #3b3a76;
160
98
  $color-button-border-hover-edit: #fff3e8;
161
99
  $color-gradient-light: #ffffff;
162
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.83",
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": [