@pleodigital/design-system-votey 1.0.90 → 1.0.92

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 +13 -0
  3. package/dist/css/tokens.light.css +13 -0
  4. package/dist/css/tokens.tailwind.css +13 -0
  5. package/dist/scss/_variables_dark.scss +14 -1
  6. package/dist/scss/_variables_light.scss +14 -1
  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 15:31:19 GMT
3
+ * Generated on Thu, 14 May 2026 06:02:04 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/css/tokens.dark.css CHANGED
@@ -21,6 +21,14 @@
21
21
  --color-surface-warning: var(--color-yellow-600);
22
22
  --color-surface-highlight-soft: var(--color-navy-blue-100);
23
23
  --color-surface-info-gentle: var(--color-navy-blue-70);
24
+ --color-surface-neutral: var(--color-navy-blue-700);
25
+ --color-surface-neutral-strong: var(--color-navy-blue-900);
26
+ --color-surface-subtle-contrast: var(--color-navy-blue-400);
27
+ --color-surface-attention: var(--color-navy-blue-400);
28
+ --color-surface-attention-subtle: var(--color-navy-blue-50);
29
+ --color-surface-positive: var(--color-navy-blue-200);
30
+ --color-surface-success: var(--color-active-green-500);
31
+ --color-surface-danger: var(--color-red-400);
24
32
  --color-alert-weak: var(--color-orange-500);
25
33
  --color-alert-strong: var(--color-orange-400);
26
34
  --color-alert-decent: var(--color-orange-400);
@@ -35,6 +43,9 @@
35
43
  --color-text-bright-strong: var(--color-navy-blue-50);
36
44
  --color-text-navy: var(--color-navy-blue-25);
37
45
  --color-text-lighter-navy: var(--color-navy-blue-50);
46
+ --color-text-positive: var(--color-navy-blue-50);
47
+ --color-text-on-accent: var(--color-navy-blue-800);
48
+ --color-text-info-soft: var(--color-navy-blue-50);
38
49
  --color-border-dark: var(--color-navy-blue-400);
39
50
  --color-border-bright: var(--color-navy-blue-600);
40
51
  --color-border-active: var(--color-mint-green-500);
@@ -43,6 +54,8 @@
43
54
  --color-border-primary: var(--color-navy-blue-400);
44
55
  --color-border-soft: var(--color-navy-blue-70);
45
56
  --color-border-warning: var(--color-yellow-600);
57
+ --color-border-positive: var(--color-navy-blue-100);
58
+ --color-border-subtle-accent: var(--color-navy-blue-70);
46
59
  --color-icon-dark: var(--color-navy-blue-50);
47
60
  --color-icon-inactive: var(--color-navy-blue-50);
48
61
  --color-icon-highlight: var(--color-navy-blue-50);
package/dist/css/tokens.light.css CHANGED
@@ -21,6 +21,14 @@
21
21
  --color-surface-warning: var(--color-yellow-100);
22
22
  --color-surface-highlight-soft: var(--color-mint-green-70);
23
23
  --color-surface-info-gentle: var(--color-navy-blue-25);
24
+ --color-surface-neutral: var(--color-gray-100);
25
+ --color-surface-neutral-strong: var(--color-gray-100);
26
+ --color-surface-subtle-contrast: var(--color-white);
27
+ --color-surface-attention: var(--color-navy-blue-100);
28
+ --color-surface-attention-subtle: var(--color-navy-blue-25);
29
+ --color-surface-positive: var(--color-active-green-25);
30
+ --color-surface-success: var(--color-active-green-500);
31
+ --color-surface-danger: var(--color-red-400);
24
32
  --color-alert-weak: var(--color-orange-100);
25
33
  --color-alert-strong: var(--color-orange-500);
26
34
  --color-alert-decent: var(--color-orange-300);
@@ -35,6 +43,9 @@
35
43
  --color-text-bright-strong: var(--color-white);
36
44
  --color-text-navy: var(--color-navy-blue-800);
37
45
  --color-text-lighter-navy: var(--color-navy-blue-600);
46
+ --color-text-positive: var(--color-active-green-500);
47
+ --color-text-on-accent: var(--color-navy-blue-800);
48
+ --color-text-info-soft: var(--color-mint-green-400);
38
49
  --color-border-dark: var(--color-gray-400);
39
50
  --color-border-bright: var(--color-white);
40
51
  --color-border-active: var(--color-mint-green-400);
@@ -68,6 +79,8 @@
68
79
  --color-controls-disconnect-border-hover: var(--color-orange-800);
69
80
  --color-controls-disconnect-border-active: var(--color-red-400);
70
81
  --color-controls-disconnect-border-active-hover: var(--color-orange-800);
82
+ --color-controls-disconnect-border-positive: var(--color-active-green-400);
83
+ --color-controls-disconnect-border-subtle-accent: var(--color-navy-blue-70);
71
84
  --color-controls-disconnect-icon-default: var(--color-white);
72
85
  --color-controls-disconnect-icon-active: var(--color-white);
73
86
  --color-controls-device-background-default: var(--color-white);
package/dist/css/tokens.tailwind.css CHANGED
@@ -72,6 +72,14 @@
72
72
  --color-surface-warning: var(--color-surface-warning);
73
73
  --color-surface-highlight-soft: var(--color-surface-highlight-soft);
74
74
  --color-surface-info-gentle: var(--color-surface-info-gentle);
75
+ --color-surface-neutral: var(--color-surface-neutral);
76
+ --color-surface-neutral-strong: var(--color-surface-neutral-strong);
77
+ --color-surface-subtle-contrast: var(--color-surface-subtle-contrast);
78
+ --color-surface-attention: var(--color-surface-attention);
79
+ --color-surface-attention-subtle: var(--color-surface-attention-subtle);
80
+ --color-surface-positive: var(--color-surface-positive);
81
+ --color-surface-success: var(--color-surface-success);
82
+ --color-surface-danger: var(--color-surface-danger);
75
83
  --color-alert-weak: var(--color-alert-weak);
76
84
  --color-alert-strong: var(--color-alert-strong);
77
85
  --color-alert-decent: var(--color-alert-decent);
@@ -86,6 +94,9 @@
86
94
  --color-text-bright-strong: var(--color-text-bright-strong);
87
95
  --color-text-navy: var(--color-text-navy);
88
96
  --color-text-lighter-navy: var(--color-text-lighter-navy);
97
+ --color-text-positive: var(--color-text-positive);
98
+ --color-text-on-accent: var(--color-text-on-accent);
99
+ --color-text-info-soft: var(--color-text-info-soft);
89
100
  --color-border-dark: var(--color-border-dark);
90
101
  --color-border-bright: var(--color-border-bright);
91
102
  --color-border-active: var(--color-border-active);
@@ -119,6 +130,8 @@
119
130
  --color-controls-disconnect-border-hover: var(--color-controls-disconnect-border-hover);
120
131
  --color-controls-disconnect-border-active: var(--color-controls-disconnect-border-active);
121
132
  --color-controls-disconnect-border-active-hover: var(--color-controls-disconnect-border-active-hover);
133
+ --color-controls-disconnect-border-positive: var(--color-controls-disconnect-border-positive);
134
+ --color-controls-disconnect-border-subtle-accent: var(--color-controls-disconnect-border-subtle-accent);
122
135
  --color-controls-disconnect-icon-default: var(--color-controls-disconnect-icon-default);
123
136
  --color-controls-disconnect-icon-active: var(--color-controls-disconnect-icon-active);
124
137
  --color-controls-device-background-default: var(--color-controls-device-background-default);
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 15:31:19 GMT
3
+ // Generated on Thu, 14 May 2026 06:02:04 GMT
4
4
 
5
5
  $color-white: #ffffff;
6
6
  $color-gray-100: #f6f6f6;
@@ -75,6 +75,14 @@ $color-surface-ashy-gray: #26256b;
75
75
  $color-surface-warning: #e8bb08;
76
76
  $color-surface-highlight-soft: #7d81bf;
77
77
  $color-surface-info-gentle: #b7bcfa;
78
+ $color-surface-neutral: #13125d;
79
+ $color-surface-neutral-strong: #010027;
80
+ $color-surface-subtle-contrast: #3b3a76;
81
+ $color-surface-attention: #3b3a76;
82
+ $color-surface-attention-subtle: #cdd0fd;
83
+ $color-surface-positive: #5250df;
84
+ $color-surface-success: #5fbe54;
85
+ $color-surface-danger: #f56161;
78
86
  $color-alert-weak: #df6705;
79
87
  $color-alert-strong: #ea7b20;
80
88
  $color-alert-decent: #ea7b20;
@@ -89,6 +97,9 @@ $color-text-inactive-dark: #cdd0fd;
89
97
  $color-text-bright-strong: #cdd0fd;
90
98
  $color-text-navy: #e9eaff;
91
99
  $color-text-lighter-navy: #cdd0fd;
100
+ $color-text-positive: #cdd0fd;
101
+ $color-text-on-accent: #07064e;
102
+ $color-text-info-soft: #cdd0fd;
92
103
  $color-border-dark: #3b3a76;
93
104
  $color-border-bright: #26256b;
94
105
  $color-border-active: #0ad69c;
@@ -97,6 +108,8 @@ $color-border-contrast: #7d81bf;
97
108
  $color-border-primary: #3b3a76;
98
109
  $color-border-soft: #b7bcfa;
99
110
  $color-border-warning: #e8bb08;
111
+ $color-border-positive: #7d81bf;
112
+ $color-border-subtle-accent: #b7bcfa;
100
113
  $color-icon-dark: #cdd0fd;
101
114
  $color-icon-inactive: #cdd0fd;
102
115
  $color-icon-highlight: #cdd0fd;
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 15:31:19 GMT
3
+ // Generated on Thu, 14 May 2026 06:02:04 GMT
4
4
 
5
5
  $color-white: #ffffff;
6
6
  $color-gray-100: #f6f6f6;
@@ -75,6 +75,14 @@ $color-surface-ashy-gray: #ececec;
75
75
  $color-surface-warning: #ffeda3;
76
76
  $color-surface-highlight-soft: #e1fff6;
77
77
  $color-surface-info-gentle: #e9eaff;
78
+ $color-surface-neutral: #f6f6f6;
79
+ $color-surface-neutral-strong: #f6f6f6;
80
+ $color-surface-subtle-contrast: #ffffff;
81
+ $color-surface-attention: #7d81bf;
82
+ $color-surface-attention-subtle: #e9eaff;
83
+ $color-surface-positive: #e6ffe3;
84
+ $color-surface-success: #5fbe54;
85
+ $color-surface-danger: #f56161;
78
86
  $color-alert-weak: #fcd5b5;
79
87
  $color-alert-strong: #df6705;
80
88
  $color-alert-decent: #f19a58;
@@ -89,6 +97,9 @@ $color-text-inactive-dark: #939393;
89
97
  $color-text-bright-strong: #ffffff;
90
98
  $color-text-navy: #07064e;
91
99
  $color-text-lighter-navy: #26256b;
100
+ $color-text-positive: #5fbe54;
101
+ $color-text-on-accent: #07064e;
102
+ $color-text-info-soft: #2af5ba;
92
103
  $color-border-dark: #ececec;
93
104
  $color-border-bright: #ffffff;
94
105
  $color-border-active: #2af5ba;
@@ -122,6 +133,8 @@ $color-controls-disconnect-border-default: #f56161;
122
133
  $color-controls-disconnect-border-hover: #9a4601;
123
134
  $color-controls-disconnect-border-active: #f56161;
124
135
  $color-controls-disconnect-border-active-hover: #9a4601;
136
+ $color-controls-disconnect-border-positive: #77dc6c;
137
+ $color-controls-disconnect-border-subtle-accent: #b7bcfa;
125
138
  $color-controls-disconnect-icon-default: #ffffff;
126
139
  $color-controls-disconnect-icon-active: #ffffff;
127
140
  $color-controls-device-background-default: #ffffff;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pleodigital/design-system-votey",
3
- "version": "1.0.90",
3
+ "version": "1.0.92",
4
4
  "description": "Centralny system tokenów projektowych generowany przez Style Dictionary.",
5
5
  "main": "dist/js/tailwind-preset.js",
6
6
  "files": [