@pleodigital/design-system-votey 1.0.83 → 1.0.85

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 +45 -66
  3. package/dist/css/tokens.light.css +45 -62
  4. package/dist/css/tokens.tailwind.css +45 -62
  5. package/dist/scss/_variables_dark.scss +46 -67
  6. package/dist/scss/_variables_light.scss +46 -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 12:42:11 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/css/tokens.dark.css CHANGED
@@ -10,30 +10,12 @@
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
+ --color-surface-ashy: var(--color-navy-blue-600);
14
+ --color-surface-active-mild: var(--color-mint-green-900);
15
+ --color-surface-lavenda: var(--color-navy-blue-200);
35
16
  --color-alert-weak: var(--color-orange-500);
36
17
  --color-alert-strong: var(--color-orange-400);
18
+ --color-alert-decent: var(--color-orange-400);
37
19
  --color-text-dark: var(--color-navy-blue-50);
38
20
  --color-text-inactive: var(--color-navy-blue-100);
39
21
  --color-text-bright: var(--color-blue-400);
@@ -42,58 +24,15 @@
42
24
  --color-text-contrast: var(--color-navy-blue-100);
43
25
  --color-text-dim: var(--color-navy-blue-50);
44
26
  --color-text-inactive-dark: var(--color-navy-blue-50);
27
+ --color-text-bright-strong: var(--color-navy-blue-50);
45
28
  --color-border-dark: var(--color-navy-blue-400);
46
29
  --color-border-bright: var(--color-navy-blue-600);
47
30
  --color-border-active: var(--color-mint-green-500);
48
31
  --color-border-info: var(--color-navy-blue-100);
49
32
  --color-border-contrast: var(--color-navy-blue-100);
50
33
  --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
34
  --color-icon-dark: var(--color-navy-blue-50);
74
35
  --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
36
  --color-button-background-active: var(--color-mint-green-500);
98
37
  --color-button-background-dark: var(--color-navy-blue-900);
99
38
  --color-button-background-edit: var(--color-orange-300);
@@ -110,4 +49,44 @@
110
49
  --color-button-border-hover-edit: var(--color-orange-70);
111
50
  --color-gradient-light: var(--color-navy-blue-600);
112
51
  --color-gradient-dark: var(--color-navy-blue-400);
52
+ --color-controls-disconnect-background-default: var(--color-red-500);
53
+ --color-controls-disconnect-background-active: var(--color-red-500);
54
+ --color-controls-disconnect-border-default: var(--color-red-500);
55
+ --color-controls-disconnect-border-hover: var(--color-red-600);
56
+ --color-controls-disconnect-border-active: var(--color-red-500);
57
+ --color-controls-disconnect-border-active-hover: var(--color-red-600);
58
+ --color-controls-disconnect-icon-default: var(--color-white);
59
+ --color-controls-disconnect-icon-active: var(--color-white);
60
+ --color-controls-device-background-default: var(--color-navy-blue-600);
61
+ --color-controls-device-background-active: var(--color-red-200);
62
+ --color-controls-device-border-default: var(--color-navy-blue-800);
63
+ --color-controls-device-border-hover: var(--color-red-400);
64
+ --color-controls-device-border-active: var(--color-red-200);
65
+ --color-controls-device-border-active-hover: var(--color-red-500);
66
+ --color-controls-device-icon-default: var(--color-navy-blue-50);
67
+ --color-controls-device-icon-active: var(--color-red-500);
68
+ --color-controls-hand-up-background-default: var(--color-navy-blue-600);
69
+ --color-controls-hand-up-background-active: var(--color-mint-green-900);
70
+ --color-controls-hand-up-border-default: var(--color-navy-blue-800);
71
+ --color-controls-hand-up-border-hover: var(--color-mint-green-500);
72
+ --color-controls-hand-up-border-active: var(--color-mint-green-900);
73
+ --color-controls-hand-up-border-active-hover: var(--color-mint-green-600);
74
+ --color-controls-hand-up-icon-default: var(--color-navy-blue-50);
75
+ --color-controls-hand-up-icon-active: var(--color-mint-green-500);
76
+ --color-controls-share-background-default: var(--color-navy-blue-600);
77
+ --color-controls-share-background-active: var(--color-blue-400);
78
+ --color-controls-share-border-default: var(--color-navy-blue-800);
79
+ --color-controls-share-border-hover: var(--color-blue-600);
80
+ --color-controls-share-border-active: var(--color-blue-400);
81
+ --color-controls-share-border-active-hover: var(--color-blue-600);
82
+ --color-controls-share-icon-default: var(--color-navy-blue-50);
83
+ --color-controls-share-icon-active: var(--color-white);
84
+ --color-controls-fullscreen-background-default: var(--color-navy-blue-600);
85
+ --color-controls-fullscreen-background-active: var(--color-navy-blue-70);
86
+ --color-controls-fullscreen-border-default: var(--color-navy-blue-800);
87
+ --color-controls-fullscreen-border-hover: var(--color-navy-blue-100);
88
+ --color-controls-fullscreen-border-active: var(--color-navy-blue-70);
89
+ --color-controls-fullscreen-border-active-hover: var(--color-navy-blue-100);
90
+ --color-controls-fullscreen-icon-default: var(--color-navy-blue-50);
91
+ --color-controls-fullscreen-icon-active: var(--color-navy-blue-800);
113
92
  }
package/dist/css/tokens.light.css CHANGED
@@ -10,26 +10,12 @@
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
+ --color-surface-ashy: var(--color-gray-400);
14
+ --color-surface-active-mild: var(--color-mint-green-50);
15
+ --color-surface-lavenda: var(--color-navy-blue-50);
31
16
  --color-alert-weak: var(--color-orange-100);
32
17
  --color-alert-strong: var(--color-orange-500);
18
+ --color-alert-decent: var(--color-orange-300);
33
19
  --color-text-dark: var(--color-navy-blue-800);
34
20
  --color-text-inactive: var(--color-gray-500);
35
21
  --color-text-bright: var(--color-blue-400);
@@ -38,58 +24,15 @@
38
24
  --color-text-contrast: var(--color-gray-700);
39
25
  --color-text-dim: var(--color-navy-blue-100);
40
26
  --color-text-inactive-dark: var(--color-gray-700);
27
+ --color-text-bright-strong: var(--color-white);
41
28
  --color-border-dark: var(--color-gray-400);
42
29
  --color-border-bright: var(--color-white);
43
30
  --color-border-active: var(--color-mint-green-400);
44
31
  --color-border-info: var(--color-navy-blue-50);
45
32
  --color-border-contrast: var(--color-navy-blue-800);
46
33
  --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
34
  --color-icon-dark: var(--color-navy-blue-800);
70
35
  --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
36
  --color-button-background-active: var(--color-mint-green-400);
94
37
  --color-button-background-dark: var(--color-navy-blue-800);
95
38
  --color-button-background-edit: var(--color-orange-100);
@@ -106,4 +49,44 @@
106
49
  --color-button-border-hover-edit: var(--color-orange-50);
107
50
  --color-gradient-light: var(--color-white);
108
51
  --color-gradient-dark: var(--color-mint-green-70);
52
+ --color-controls-disconnect-background-default: var(--color-red-400);
53
+ --color-controls-disconnect-background-active: var(--color-red-400);
54
+ --color-controls-disconnect-border-default: var(--color-red-400);
55
+ --color-controls-disconnect-border-hover: var(--color-orange-800);
56
+ --color-controls-disconnect-border-active: var(--color-red-400);
57
+ --color-controls-disconnect-border-active-hover: var(--color-orange-800);
58
+ --color-controls-disconnect-icon-default: var(--color-white);
59
+ --color-controls-disconnect-icon-active: var(--color-white);
60
+ --color-controls-device-background-default: var(--color-white);
61
+ --color-controls-device-background-active: var(--color-red-50);
62
+ --color-controls-device-border-default: var(--color-gray-400);
63
+ --color-controls-device-border-hover: var(--color-red-200);
64
+ --color-controls-device-border-active: var(--color-red-50);
65
+ --color-controls-device-border-active-hover: var(--color-red-400);
66
+ --color-controls-device-icon-default: var(--color-navy-blue-800);
67
+ --color-controls-device-icon-active: var(--color-red-400);
68
+ --color-controls-hand-up-background-default: var(--color-white);
69
+ --color-controls-hand-up-background-active: var(--color-mint-green-70);
70
+ --color-controls-hand-up-border-default: var(--color-gray-400);
71
+ --color-controls-hand-up-border-hover: var(--color-mint-green-300);
72
+ --color-controls-hand-up-border-active: var(--color-mint-green-70);
73
+ --color-controls-hand-up-border-active-hover: var(--color-mint-green-600);
74
+ --color-controls-hand-up-icon-default: var(--color-navy-blue-800);
75
+ --color-controls-hand-up-icon-active: var(--color-mint-green-600);
76
+ --color-controls-share-background-default: var(--color-white);
77
+ --color-controls-share-background-active: var(--color-blue-300);
78
+ --color-controls-share-border-default: var(--color-gray-400);
79
+ --color-controls-share-border-hover: var(--color-blue-400);
80
+ --color-controls-share-border-active: var(--color-blue-300);
81
+ --color-controls-share-border-active-hover: var(--color-blue-400);
82
+ --color-controls-share-icon-default: var(--color-navy-blue-800);
83
+ --color-controls-share-icon-active: var(--color-white);
84
+ --color-controls-fullscreen-background-default: var(--color-white);
85
+ --color-controls-fullscreen-background-active: var(--color-navy-blue-25);
86
+ --color-controls-fullscreen-border-default: var(--color-gray-400);
87
+ --color-controls-fullscreen-border-hover: var(--color-navy-blue-70);
88
+ --color-controls-fullscreen-border-active: var(--color-navy-blue-25);
89
+ --color-controls-fullscreen-border-active-hover: var(--color-navy-blue-70);
90
+ --color-controls-fullscreen-icon-default: var(--color-navy-blue-800);
91
+ --color-controls-fullscreen-icon-active: var(--color-navy-blue-800);
109
92
  }
package/dist/css/tokens.tailwind.css CHANGED
@@ -61,26 +61,12 @@
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);
64
+ --color-surface-ashy: var(--color-surface-ashy);
65
+ --color-surface-active-mild: var(--color-surface-active-mild);
66
+ --color-surface-lavenda: var(--color-surface-lavenda);
82
67
  --color-alert-weak: var(--color-alert-weak);
83
68
  --color-alert-strong: var(--color-alert-strong);
69
+ --color-alert-decent: var(--color-alert-decent);
84
70
  --color-text-dark: var(--color-text-dark);
85
71
  --color-text-inactive: var(--color-text-inactive);
86
72
  --color-text-bright: var(--color-text-bright);
@@ -89,58 +75,15 @@
89
75
  --color-text-contrast: var(--color-text-contrast);
90
76
  --color-text-dim: var(--color-text-dim);
91
77
  --color-text-inactive-dark: var(--color-text-inactive-dark);
78
+ --color-text-bright-strong: var(--color-text-bright-strong);
92
79
  --color-border-dark: var(--color-border-dark);
93
80
  --color-border-bright: var(--color-border-bright);
94
81
  --color-border-active: var(--color-border-active);
95
82
  --color-border-info: var(--color-border-info);
96
83
  --color-border-contrast: var(--color-border-contrast);
97
84
  --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
85
  --color-icon-dark: var(--color-icon-dark);
121
86
  --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
87
  --color-button-background-active: var(--color-button-background-active);
145
88
  --color-button-background-dark: var(--color-button-background-dark);
146
89
  --color-button-background-edit: var(--color-button-background-edit);
@@ -157,4 +100,44 @@
157
100
  --color-button-border-hover-edit: var(--color-button-border-hover-edit);
158
101
  --color-gradient-light: var(--color-gradient-light);
159
102
  --color-gradient-dark: var(--color-gradient-dark);
103
+ --color-controls-disconnect-background-default: var(--color-controls-disconnect-background-default);
104
+ --color-controls-disconnect-background-active: var(--color-controls-disconnect-background-active);
105
+ --color-controls-disconnect-border-default: var(--color-controls-disconnect-border-default);
106
+ --color-controls-disconnect-border-hover: var(--color-controls-disconnect-border-hover);
107
+ --color-controls-disconnect-border-active: var(--color-controls-disconnect-border-active);
108
+ --color-controls-disconnect-border-active-hover: var(--color-controls-disconnect-border-active-hover);
109
+ --color-controls-disconnect-icon-default: var(--color-controls-disconnect-icon-default);
110
+ --color-controls-disconnect-icon-active: var(--color-controls-disconnect-icon-active);
111
+ --color-controls-device-background-default: var(--color-controls-device-background-default);
112
+ --color-controls-device-background-active: var(--color-controls-device-background-active);
113
+ --color-controls-device-border-default: var(--color-controls-device-border-default);
114
+ --color-controls-device-border-hover: var(--color-controls-device-border-hover);
115
+ --color-controls-device-border-active: var(--color-controls-device-border-active);
116
+ --color-controls-device-border-active-hover: var(--color-controls-device-border-active-hover);
117
+ --color-controls-device-icon-default: var(--color-controls-device-icon-default);
118
+ --color-controls-device-icon-active: var(--color-controls-device-icon-active);
119
+ --color-controls-hand-up-background-default: var(--color-controls-hand-up-background-default);
120
+ --color-controls-hand-up-background-active: var(--color-controls-hand-up-background-active);
121
+ --color-controls-hand-up-border-default: var(--color-controls-hand-up-border-default);
122
+ --color-controls-hand-up-border-hover: var(--color-controls-hand-up-border-hover);
123
+ --color-controls-hand-up-border-active: var(--color-controls-hand-up-border-active);
124
+ --color-controls-hand-up-border-active-hover: var(--color-controls-hand-up-border-active-hover);
125
+ --color-controls-hand-up-icon-default: var(--color-controls-hand-up-icon-default);
126
+ --color-controls-hand-up-icon-active: var(--color-controls-hand-up-icon-active);
127
+ --color-controls-share-background-default: var(--color-controls-share-background-default);
128
+ --color-controls-share-background-active: var(--color-controls-share-background-active);
129
+ --color-controls-share-border-default: var(--color-controls-share-border-default);
130
+ --color-controls-share-border-hover: var(--color-controls-share-border-hover);
131
+ --color-controls-share-border-active: var(--color-controls-share-border-active);
132
+ --color-controls-share-border-active-hover: var(--color-controls-share-border-active-hover);
133
+ --color-controls-share-icon-default: var(--color-controls-share-icon-default);
134
+ --color-controls-share-icon-active: var(--color-controls-share-icon-active);
135
+ --color-controls-fullscreen-background-default: var(--color-controls-fullscreen-background-default);
136
+ --color-controls-fullscreen-background-active: var(--color-controls-fullscreen-background-active);
137
+ --color-controls-fullscreen-border-default: var(--color-controls-fullscreen-border-default);
138
+ --color-controls-fullscreen-border-hover: var(--color-controls-fullscreen-border-hover);
139
+ --color-controls-fullscreen-border-active: var(--color-controls-fullscreen-border-active);
140
+ --color-controls-fullscreen-border-active-hover: var(--color-controls-fullscreen-border-active-hover);
141
+ --color-controls-fullscreen-icon-default: var(--color-controls-fullscreen-icon-default);
142
+ --color-controls-fullscreen-icon-active: var(--color-controls-fullscreen-icon-active);
160
143
  }
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 12:42:11 GMT
4
4
 
5
5
  $color-white: #ffffff;
6
6
  $color-gray-100: #f6f6f6;
@@ -64,30 +64,12 @@ $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;
67
+ $color-surface-ashy: #26256b;
68
+ $color-surface-active-mild: #05516b;
69
+ $color-surface-lavenda: #5250df;
89
70
  $color-alert-weak: #df6705;
90
71
  $color-alert-strong: #ea7b20;
72
+ $color-alert-decent: #ea7b20;
91
73
  $color-text-dark: #cdd0fd;
92
74
  $color-text-inactive: #7d81bf;
93
75
  $color-text-bright: #62a9ff;
@@ -96,58 +78,15 @@ $color-text-active: #0ad69c;
96
78
  $color-text-contrast: #7d81bf;
97
79
  $color-text-dim: #cdd0fd;
98
80
  $color-text-inactive-dark: #cdd0fd;
81
+ $color-text-bright-strong: #cdd0fd;
99
82
  $color-border-dark: #3b3a76;
100
83
  $color-border-bright: #26256b;
101
84
  $color-border-active: #0ad69c;
102
85
  $color-border-info: #7d81bf;
103
86
  $color-border-contrast: #7d81bf;
104
87
  $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
88
  $color-icon-dark: #cdd0fd;
128
89
  $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
90
  $color-button-background-active: #0ad69c;
152
91
  $color-button-background-dark: #010027;
153
92
  $color-button-background-edit: #f19a58;
@@ -164,3 +103,43 @@ $color-button-border-hover-dark: #3b3a76;
164
103
  $color-button-border-hover-edit: #ffe7d4;
165
104
  $color-gradient-light: #26256b;
166
105
  $color-gradient-dark: #3b3a76;
106
+ $color-controls-disconnect-background-default: #b93f3f;
107
+ $color-controls-disconnect-background-active: #b93f3f;
108
+ $color-controls-disconnect-border-default: #b93f3f;
109
+ $color-controls-disconnect-border-hover: #750d0d;
110
+ $color-controls-disconnect-border-active: #b93f3f;
111
+ $color-controls-disconnect-border-active-hover: #750d0d;
112
+ $color-controls-disconnect-icon-default: #ffffff;
113
+ $color-controls-disconnect-icon-active: #ffffff;
114
+ $color-controls-device-background-default: #26256b;
115
+ $color-controls-device-background-active: #fbb1aa;
116
+ $color-controls-device-border-default: #07064e;
117
+ $color-controls-device-border-hover: #f56161;
118
+ $color-controls-device-border-active: #fbb1aa;
119
+ $color-controls-device-border-active-hover: #b93f3f;
120
+ $color-controls-device-icon-default: #cdd0fd;
121
+ $color-controls-device-icon-active: #b93f3f;
122
+ $color-controls-hand-up-background-default: #26256b;
123
+ $color-controls-hand-up-background-active: #05516b;
124
+ $color-controls-hand-up-border-default: #07064e;
125
+ $color-controls-hand-up-border-hover: #0ad69c;
126
+ $color-controls-hand-up-border-active: #05516b;
127
+ $color-controls-hand-up-border-active-hover: #02c295;
128
+ $color-controls-hand-up-icon-default: #cdd0fd;
129
+ $color-controls-hand-up-icon-active: #0ad69c;
130
+ $color-controls-share-background-default: #26256b;
131
+ $color-controls-share-background-active: #62a9ff;
132
+ $color-controls-share-border-default: #07064e;
133
+ $color-controls-share-border-hover: #2e7ee0;
134
+ $color-controls-share-border-active: #62a9ff;
135
+ $color-controls-share-border-active-hover: #2e7ee0;
136
+ $color-controls-share-icon-default: #cdd0fd;
137
+ $color-controls-share-icon-active: #ffffff;
138
+ $color-controls-fullscreen-background-default: #26256b;
139
+ $color-controls-fullscreen-background-active: #b7bcfa;
140
+ $color-controls-fullscreen-border-default: #07064e;
141
+ $color-controls-fullscreen-border-hover: #7d81bf;
142
+ $color-controls-fullscreen-border-active: #b7bcfa;
143
+ $color-controls-fullscreen-border-active-hover: #7d81bf;
144
+ $color-controls-fullscreen-icon-default: #cdd0fd;
145
+ $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 12:42:11 GMT
4
4
 
5
5
  $color-white: #ffffff;
6
6
  $color-gray-100: #f6f6f6;
@@ -64,26 +64,12 @@ $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;
67
+ $color-surface-ashy: #ececec;
68
+ $color-surface-active-mild: #edfffa;
69
+ $color-surface-lavenda: #cdd0fd;
85
70
  $color-alert-weak: #fcd5b5;
86
71
  $color-alert-strong: #df6705;
72
+ $color-alert-decent: #f19a58;
87
73
  $color-text-dark: #07064e;
88
74
  $color-text-inactive: #c6c6c6;
89
75
  $color-text-bright: #62a9ff;
@@ -92,58 +78,15 @@ $color-text-active: #2af5ba;
92
78
  $color-text-contrast: #939393;
93
79
  $color-text-dim: #7d81bf;
94
80
  $color-text-inactive-dark: #939393;
81
+ $color-text-bright-strong: #ffffff;
95
82
  $color-border-dark: #ececec;
96
83
  $color-border-bright: #ffffff;
97
84
  $color-border-active: #2af5ba;
98
85
  $color-border-info: #cdd0fd;
99
86
  $color-border-contrast: #07064e;
100
87
  $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
88
  $color-icon-dark: #07064e;
124
89
  $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
90
  $color-button-background-active: #2af5ba;
148
91
  $color-button-background-dark: #07064e;
149
92
  $color-button-background-edit: #fcd5b5;
@@ -160,3 +103,43 @@ $color-button-border-hover-dark: #3b3a76;
160
103
  $color-button-border-hover-edit: #fff3e8;
161
104
  $color-gradient-light: #ffffff;
162
105
  $color-gradient-dark: #e1fff6;
106
+ $color-controls-disconnect-background-default: #f56161;
107
+ $color-controls-disconnect-background-active: #f56161;
108
+ $color-controls-disconnect-border-default: #f56161;
109
+ $color-controls-disconnect-border-hover: #9a4601;
110
+ $color-controls-disconnect-border-active: #f56161;
111
+ $color-controls-disconnect-border-active-hover: #9a4601;
112
+ $color-controls-disconnect-icon-default: #ffffff;
113
+ $color-controls-disconnect-icon-active: #ffffff;
114
+ $color-controls-device-background-default: #ffffff;
115
+ $color-controls-device-background-active: #fee5e3;
116
+ $color-controls-device-border-default: #ececec;
117
+ $color-controls-device-border-hover: #fbb1aa;
118
+ $color-controls-device-border-active: #fee5e3;
119
+ $color-controls-device-border-active-hover: #f56161;
120
+ $color-controls-device-icon-default: #07064e;
121
+ $color-controls-device-icon-active: #f56161;
122
+ $color-controls-hand-up-background-default: #ffffff;
123
+ $color-controls-hand-up-background-active: #e1fff6;
124
+ $color-controls-hand-up-border-default: #ececec;
125
+ $color-controls-hand-up-border-hover: #62ffd1;
126
+ $color-controls-hand-up-border-active: #e1fff6;
127
+ $color-controls-hand-up-border-active-hover: #02c295;
128
+ $color-controls-hand-up-icon-default: #07064e;
129
+ $color-controls-hand-up-icon-active: #02c295;
130
+ $color-controls-share-background-default: #ffffff;
131
+ $color-controls-share-background-active: #a3cfff;
132
+ $color-controls-share-border-default: #ececec;
133
+ $color-controls-share-border-hover: #62a9ff;
134
+ $color-controls-share-border-active: #a3cfff;
135
+ $color-controls-share-border-active-hover: #62a9ff;
136
+ $color-controls-share-icon-default: #07064e;
137
+ $color-controls-share-icon-active: #ffffff;
138
+ $color-controls-fullscreen-background-default: #ffffff;
139
+ $color-controls-fullscreen-background-active: #e9eaff;
140
+ $color-controls-fullscreen-border-default: #ececec;
141
+ $color-controls-fullscreen-border-hover: #b7bcfa;
142
+ $color-controls-fullscreen-border-active: #e9eaff;
143
+ $color-controls-fullscreen-border-active-hover: #b7bcfa;
144
+ $color-controls-fullscreen-icon-default: #07064e;
145
+ $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.85",
4
4
  "description": "Centralny system tokenów projektowych generowany przez Style Dictionary.",
5
5
  "main": "dist/js/tailwind-preset.js",
6
6
  "files": [