@pleodigital/design-system-votey 1.0.110 → 1.0.111

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 +11 -1
  3. package/dist/css/tokens.light.css +11 -1
  4. package/dist/css/tokens.tailwind.css +10 -0
  5. package/dist/scss/_variables_dark.scss +12 -2
  6. package/dist/scss/_variables_light.scss +12 -2
  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 Thu, 14 May 2026 12:01:05 GMT
3
+ * Generated on Thu, 14 May 2026 13:04:39 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/css/tokens.dark.css CHANGED
@@ -39,6 +39,8 @@
39
39
  --color-surface-high-contrast: var(--color-navy-blue-800);
40
40
  --color-surface-neutral-emphasis: var(--color-navy-blue-800);
41
41
  --color-surface-contrast-strong: var(--color-navy-blue-900);
42
+ --color-surface-accent-strong: var(--color-mint-green-400);
43
+ --color-surface-on-contrast: var(--color-white);
42
44
  --color-alert-weak: var(--color-orange-500);
43
45
  --color-alert-strong: var(--color-orange-400);
44
46
  --color-alert-decent: var(--color-orange-400);
@@ -65,6 +67,7 @@
65
67
  --color-text-subtle-on-neutral-emphasis: var(--color-navy-blue-600);
66
68
  --color-text-on-contrast-subtle: var(--color-navy-blue-100);
67
69
  --color-text-emphasis: var(--color-navy-blue-50);
70
+ --color-text-brand: var(--color-mint-green-600);
68
71
  --color-border-dark: var(--color-navy-blue-400);
69
72
  --color-border-bright: var(--color-navy-blue-600);
70
73
  --color-border-active: var(--color-mint-green-500);
@@ -78,15 +81,18 @@
78
81
  --color-border-subtle: var(--color-navy-blue-400);
79
82
  --color-border-subtle-contrast: var(--color-navy-blue-100);
80
83
  --color-border-on-contrast: var(--color-navy-blue-100);
84
+ --color-border-emphasis: var(--color-navy-blue-400);
81
85
  --color-icon-dark: var(--color-navy-blue-50);
82
86
  --color-icon-inactive: var(--color-navy-blue-50);
83
87
  --color-icon-highlight: var(--color-navy-blue-50);
84
88
  --color-icon-action-subtle: var(--color-navy-blue-200);
85
89
  --color-icon-subtle-contrast: var(--color-navy-blue-50);
90
+ --color-icon-on-contrast: var(--color-navy-blue-600);
86
91
  --color-button-background-active: var(--color-mint-green-500);
87
92
  --color-button-background-dark: var(--color-navy-blue-900);
88
93
  --color-button-background-edit: var(--color-orange-300);
89
- --color-button-background-inactive: var(--color-navy-blue-800);
94
+ --color-button-background-inactive: var(--color-navy-blue-400);
95
+ --color-button-background-bright: var(--color-navy-blue-600);
90
96
  --color-button-background-hover-active: var(--color-mint-green-400);
91
97
  --color-button-background-hover-dark: var(--color-navy-blue-700);
92
98
  --color-button-background-hover-edit: var(--color-orange-100);
@@ -94,9 +100,13 @@
94
100
  --color-button-text-dark: var(--color-navy-blue-800);
95
101
  --color-button-text-inactive: var(--color-navy-blue-100);
96
102
  --color-button-text-edit: var(--color-orange-800);
103
+ --color-button-text-soft-dark: var(--color-mint-green-800);
104
+ --color-button-text-hover-soft-dark: var(--color-mint-green-600);
97
105
  --color-button-border-hover-active: var(--color-mint-green-300);
98
106
  --color-button-border-hover-dark: var(--color-navy-blue-400);
99
107
  --color-button-border-hover-edit: var(--color-orange-70);
108
+ --color-button-border-hover-active-strong: var(--color-navy-blue-100);
109
+ --color-button-border-soft: var(--color-navy-blue-200);
100
110
  --color-gradient-light: var(--color-navy-blue-600);
101
111
  --color-gradient-dark: var(--color-navy-blue-400);
102
112
  --color-controls-disconnect-background-default: var(--color-red-500);
package/dist/css/tokens.light.css CHANGED
@@ -39,6 +39,8 @@
39
39
  --color-surface-high-contrast: var(--color-mint-green-400);
40
40
  --color-surface-neutral-emphasis: var(--color-navy-blue-400);
41
41
  --color-surface-contrast-strong: var(--color-navy-blue-900);
42
+ --color-surface-accent-strong: var(--color-mint-green-400);
43
+ --color-surface-on-contrast: var(--color-white);
42
44
  --color-alert-weak: var(--color-orange-100);
43
45
  --color-alert-strong: var(--color-orange-500);
44
46
  --color-alert-decent: var(--color-orange-300);
@@ -65,6 +67,7 @@
65
67
  --color-text-subtle-on-neutral-emphasis: var(--color-white);
66
68
  --color-text-on-contrast-subtle: var(--color-white);
67
69
  --color-text-emphasis: var(--color-navy-blue-900);
70
+ --color-text-brand: var(--color-mint-green-600);
68
71
  --color-border-dark: var(--color-gray-400);
69
72
  --color-border-bright: var(--color-white);
70
73
  --color-border-active: var(--color-mint-green-400);
@@ -76,6 +79,8 @@
76
79
  --color-border-subtle: var(--color-gray-500);
77
80
  --color-border-subtle-contrast: var(--color-gray-400);
78
81
  --color-border-on-contrast: var(--color-white);
82
+ --color-border-emphasis: var(--color-navy-blue-800);
83
+ --color-border-subtle-accent: var(--color-navy-blue-70);
79
84
  --color-icon-dark: var(--color-navy-blue-800);
80
85
  --color-icon-inactive: var(--color-gray-500);
81
86
  --color-icon-highlight: var(--color-mint-green-500);
@@ -84,7 +89,8 @@
84
89
  --color-button-background-active: var(--color-mint-green-400);
85
90
  --color-button-background-dark: var(--color-navy-blue-800);
86
91
  --color-button-background-edit: var(--color-orange-100);
87
- --color-button-background-inactive: var(--color-gray-100);
92
+ --color-button-background-inactive: var(--color-gray-400);
93
+ --color-button-background-bright: var(--color-white);
88
94
  --color-button-background-hover-active: var(--color-mint-green-300);
89
95
  --color-button-background-hover-dark: var(--color-navy-blue-600);
90
96
  --color-button-background-hover-edit: var(--color-orange-70);
@@ -92,9 +98,13 @@
92
98
  --color-button-text-dark: var(--color-navy-blue-800);
93
99
  --color-button-text-inactive: var(--color-gray-700);
94
100
  --color-button-text-edit: var(--color-orange-500);
101
+ --color-button-text-soft-dark: var(--color-navy-blue-400);
102
+ --color-button-text-hover-soft-dark: var(--color-navy-blue-100);
95
103
  --color-button-border-hover-active: var(--color-mint-green-100);
96
104
  --color-button-border-hover-dark: var(--color-navy-blue-400);
97
105
  --color-button-border-hover-edit: var(--color-orange-50);
106
+ --color-button-border-hover-active-strong: var(--color-mint-green-400);
107
+ --color-button-border-soft: var(--color-mint-green-100);
98
108
  --color-gradient-light: var(--color-white);
99
109
  --color-gradient-dark: var(--color-mint-green-70);
100
110
  --color-controls-disconnect-background-default: var(--color-red-400);
package/dist/css/tokens.tailwind.css CHANGED
@@ -90,6 +90,8 @@
90
90
  --color-surface-high-contrast: var(--color-surface-high-contrast);
91
91
  --color-surface-neutral-emphasis: var(--color-surface-neutral-emphasis);
92
92
  --color-surface-contrast-strong: var(--color-surface-contrast-strong);
93
+ --color-surface-accent-strong: var(--color-surface-accent-strong);
94
+ --color-surface-on-contrast: var(--color-surface-on-contrast);
93
95
  --color-alert-weak: var(--color-alert-weak);
94
96
  --color-alert-strong: var(--color-alert-strong);
95
97
  --color-alert-decent: var(--color-alert-decent);
@@ -116,6 +118,7 @@
116
118
  --color-text-subtle-on-neutral-emphasis: var(--color-text-subtle-on-neutral-emphasis);
117
119
  --color-text-on-contrast-subtle: var(--color-text-on-contrast-subtle);
118
120
  --color-text-emphasis: var(--color-text-emphasis);
121
+ --color-text-brand: var(--color-text-brand);
119
122
  --color-border-dark: var(--color-border-dark);
120
123
  --color-border-bright: var(--color-border-bright);
121
124
  --color-border-active: var(--color-border-active);
@@ -127,6 +130,8 @@
127
130
  --color-border-subtle: var(--color-border-subtle);
128
131
  --color-border-subtle-contrast: var(--color-border-subtle-contrast);
129
132
  --color-border-on-contrast: var(--color-border-on-contrast);
133
+ --color-border-emphasis: var(--color-border-emphasis);
134
+ --color-border-subtle-accent: var(--color-border-subtle-accent);
130
135
  --color-icon-dark: var(--color-icon-dark);
131
136
  --color-icon-inactive: var(--color-icon-inactive);
132
137
  --color-icon-highlight: var(--color-icon-highlight);
@@ -136,6 +141,7 @@
136
141
  --color-button-background-dark: var(--color-button-background-dark);
137
142
  --color-button-background-edit: var(--color-button-background-edit);
138
143
  --color-button-background-inactive: var(--color-button-background-inactive);
144
+ --color-button-background-bright: var(--color-button-background-bright);
139
145
  --color-button-background-hover-active: var(--color-button-background-hover-active);
140
146
  --color-button-background-hover-dark: var(--color-button-background-hover-dark);
141
147
  --color-button-background-hover-edit: var(--color-button-background-hover-edit);
@@ -143,9 +149,13 @@
143
149
  --color-button-text-dark: var(--color-button-text-dark);
144
150
  --color-button-text-inactive: var(--color-button-text-inactive);
145
151
  --color-button-text-edit: var(--color-button-text-edit);
152
+ --color-button-text-soft-dark: var(--color-button-text-soft-dark);
153
+ --color-button-text-hover-soft-dark: var(--color-button-text-hover-soft-dark);
146
154
  --color-button-border-hover-active: var(--color-button-border-hover-active);
147
155
  --color-button-border-hover-dark: var(--color-button-border-hover-dark);
148
156
  --color-button-border-hover-edit: var(--color-button-border-hover-edit);
157
+ --color-button-border-hover-active-strong: var(--color-button-border-hover-active-strong);
158
+ --color-button-border-soft: var(--color-button-border-soft);
149
159
  --color-gradient-light: var(--color-gradient-light);
150
160
  --color-gradient-dark: var(--color-gradient-dark);
151
161
  --color-controls-disconnect-background-default: var(--color-controls-disconnect-background-default);
package/dist/scss/_variables_dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 14 May 2026 12:01:05 GMT
3
+ // Generated on Thu, 14 May 2026 13:04:39 GMT
4
4
 
5
5
  $color-white: #ffffff;
6
6
  $color-gray-100: #f6f6f6;
@@ -93,6 +93,8 @@ $color-surface-selected-subtle: #7d81bf;
93
93
  $color-surface-high-contrast: #07064e;
94
94
  $color-surface-neutral-emphasis: #07064e;
95
95
  $color-surface-contrast-strong: #010027;
96
+ $color-surface-accent-strong: #2af5ba;
97
+ $color-surface-on-contrast: #ffffff;
96
98
  $color-alert-weak: #df6705;
97
99
  $color-alert-strong: #ea7b20;
98
100
  $color-alert-decent: #ea7b20;
@@ -119,6 +121,7 @@ $color-text-muted-on-neutral-emphasis: #b7bcfa;
119
121
  $color-text-subtle-on-neutral-emphasis: #26256b;
120
122
  $color-text-on-contrast-subtle: #7d81bf;
121
123
  $color-text-emphasis: #cdd0fd;
124
+ $color-text-brand: #02c295;
122
125
  $color-border-dark: #3b3a76;
123
126
  $color-border-bright: #26256b;
124
127
  $color-border-active: #0ad69c;
@@ -132,15 +135,18 @@ $color-border-subtle-accent: #b7bcfa;
132
135
  $color-border-subtle: #3b3a76;
133
136
  $color-border-subtle-contrast: #7d81bf;
134
137
  $color-border-on-contrast: #7d81bf;
138
+ $color-border-emphasis: #3b3a76;
135
139
  $color-icon-dark: #cdd0fd;
136
140
  $color-icon-inactive: #cdd0fd;
137
141
  $color-icon-highlight: #cdd0fd;
138
142
  $color-icon-action-subtle: #5250df;
139
143
  $color-icon-subtle-contrast: #cdd0fd;
144
+ $color-icon-on-contrast: #26256b;
140
145
  $color-button-background-active: #0ad69c;
141
146
  $color-button-background-dark: #010027;
142
147
  $color-button-background-edit: #f19a58;
143
- $color-button-background-inactive: #07064e;
148
+ $color-button-background-inactive: #3b3a76;
149
+ $color-button-background-bright: #26256b;
144
150
  $color-button-background-hover-active: #2af5ba;
145
151
  $color-button-background-hover-dark: #13125d;
146
152
  $color-button-background-hover-edit: #fcd5b5;
@@ -148,9 +154,13 @@ $color-button-text-active: #2af5ba;
148
154
  $color-button-text-dark: #07064e;
149
155
  $color-button-text-inactive: #7d81bf;
150
156
  $color-button-text-edit: #9a4601;
157
+ $color-button-text-soft-dark: #86a89e;
158
+ $color-button-text-hover-soft-dark: #02c295;
151
159
  $color-button-border-hover-active: #62ffd1;
152
160
  $color-button-border-hover-dark: #3b3a76;
153
161
  $color-button-border-hover-edit: #ffe7d4;
162
+ $color-button-border-hover-active-strong: #7d81bf;
163
+ $color-button-border-soft: #5250df;
154
164
  $color-gradient-light: #26256b;
155
165
  $color-gradient-dark: #3b3a76;
156
166
  $color-controls-disconnect-background-default: #b93f3f;
package/dist/scss/_variables_light.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 14 May 2026 12:01:05 GMT
3
+ // Generated on Thu, 14 May 2026 13:04:39 GMT
4
4
 
5
5
  $color-white: #ffffff;
6
6
  $color-gray-100: #f6f6f6;
@@ -93,6 +93,8 @@ $color-surface-selected-subtle: #cafdee;
93
93
  $color-surface-high-contrast: #2af5ba;
94
94
  $color-surface-neutral-emphasis: #3b3a76;
95
95
  $color-surface-contrast-strong: #010027;
96
+ $color-surface-accent-strong: #2af5ba;
97
+ $color-surface-on-contrast: #ffffff;
96
98
  $color-alert-weak: #fcd5b5;
97
99
  $color-alert-strong: #df6705;
98
100
  $color-alert-decent: #f19a58;
@@ -119,6 +121,7 @@ $color-text-muted-on-neutral-emphasis: #939393;
119
121
  $color-text-subtle-on-neutral-emphasis: #ffffff;
120
122
  $color-text-on-contrast-subtle: #ffffff;
121
123
  $color-text-emphasis: #010027;
124
+ $color-text-brand: #02c295;
122
125
  $color-border-dark: #ececec;
123
126
  $color-border-bright: #ffffff;
124
127
  $color-border-active: #2af5ba;
@@ -130,6 +133,8 @@ $color-border-warning: #ffd52f;
130
133
  $color-border-subtle: #c6c6c6;
131
134
  $color-border-subtle-contrast: #ececec;
132
135
  $color-border-on-contrast: #ffffff;
136
+ $color-border-emphasis: #07064e;
137
+ $color-border-subtle-accent: #b7bcfa;
133
138
  $color-icon-dark: #07064e;
134
139
  $color-icon-inactive: #c6c6c6;
135
140
  $color-icon-highlight: #0ad69c;
@@ -138,7 +143,8 @@ $color-icon-subtle-contrast: #3b3a76;
138
143
  $color-button-background-active: #2af5ba;
139
144
  $color-button-background-dark: #07064e;
140
145
  $color-button-background-edit: #fcd5b5;
141
- $color-button-background-inactive: #f6f6f6;
146
+ $color-button-background-inactive: #ececec;
147
+ $color-button-background-bright: #ffffff;
142
148
  $color-button-background-hover-active: #62ffd1;
143
149
  $color-button-background-hover-dark: #26256b;
144
150
  $color-button-background-hover-edit: #ffe7d4;
@@ -146,9 +152,13 @@ $color-button-text-active: #2af5ba;
146
152
  $color-button-text-dark: #07064e;
147
153
  $color-button-text-inactive: #939393;
148
154
  $color-button-text-edit: #df6705;
155
+ $color-button-text-soft-dark: #3b3a76;
156
+ $color-button-text-hover-soft-dark: #7d81bf;
149
157
  $color-button-border-hover-active: #cafdee;
150
158
  $color-button-border-hover-dark: #3b3a76;
151
159
  $color-button-border-hover-edit: #fff3e8;
160
+ $color-button-border-hover-active-strong: #2af5ba;
161
+ $color-button-border-soft: #cafdee;
152
162
  $color-gradient-light: #ffffff;
153
163
  $color-gradient-dark: #e1fff6;
154
164
  $color-controls-disconnect-background-default: #f56161;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pleodigital/design-system-votey",
3
- "version": "1.0.110",
3
+ "version": "1.0.111",
4
4
  "description": "Centralny system tokenów projektowych generowany przez Style Dictionary.",
5
5
  "main": "dist/js/tailwind-preset.js",
6
6
  "files": [