@pleodigital/design-system-votey 1.0.88 → 1.0.90

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 +7 -0
  3. package/dist/css/tokens.light.css +7 -0
  4. package/dist/css/tokens.tailwind.css +7 -0
  5. package/dist/scss/_variables_dark.scss +8 -1
  6. package/dist/scss/_variables_light.scss +8 -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 14:02:37 GMT
3
+ * Generated on Wed, 13 May 2026 15:31:19 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/css/tokens.dark.css CHANGED
@@ -18,6 +18,9 @@
18
18
  --color-surface-light-navy: var(--color-navy-blue-600);
19
19
  --color-surface-info-subtle: var(--color-navy-blue-700);
20
20
  --color-surface-ashy-gray: var(--color-navy-blue-600);
21
+ --color-surface-warning: var(--color-yellow-600);
22
+ --color-surface-highlight-soft: var(--color-navy-blue-100);
23
+ --color-surface-info-gentle: var(--color-navy-blue-70);
21
24
  --color-alert-weak: var(--color-orange-500);
22
25
  --color-alert-strong: var(--color-orange-400);
23
26
  --color-alert-decent: var(--color-orange-400);
@@ -31,14 +34,18 @@
31
34
  --color-text-inactive-dark: var(--color-navy-blue-50);
32
35
  --color-text-bright-strong: var(--color-navy-blue-50);
33
36
  --color-text-navy: var(--color-navy-blue-25);
37
+ --color-text-lighter-navy: var(--color-navy-blue-50);
34
38
  --color-border-dark: var(--color-navy-blue-400);
35
39
  --color-border-bright: var(--color-navy-blue-600);
36
40
  --color-border-active: var(--color-mint-green-500);
37
41
  --color-border-info: var(--color-navy-blue-100);
38
42
  --color-border-contrast: var(--color-navy-blue-100);
39
43
  --color-border-primary: var(--color-navy-blue-400);
44
+ --color-border-soft: var(--color-navy-blue-70);
45
+ --color-border-warning: var(--color-yellow-600);
40
46
  --color-icon-dark: var(--color-navy-blue-50);
41
47
  --color-icon-inactive: var(--color-navy-blue-50);
48
+ --color-icon-highlight: var(--color-navy-blue-50);
42
49
  --color-button-background-active: var(--color-mint-green-500);
43
50
  --color-button-background-dark: var(--color-navy-blue-900);
44
51
  --color-button-background-edit: var(--color-orange-300);
package/dist/css/tokens.light.css CHANGED
@@ -18,6 +18,9 @@
18
18
  --color-surface-light-navy: var(--color-white);
19
19
  --color-surface-info-subtle: var(--color-navy-blue-25);
20
20
  --color-surface-ashy-gray: var(--color-gray-400);
21
+ --color-surface-warning: var(--color-yellow-100);
22
+ --color-surface-highlight-soft: var(--color-mint-green-70);
23
+ --color-surface-info-gentle: var(--color-navy-blue-25);
21
24
  --color-alert-weak: var(--color-orange-100);
22
25
  --color-alert-strong: var(--color-orange-500);
23
26
  --color-alert-decent: var(--color-orange-300);
@@ -31,14 +34,18 @@
31
34
  --color-text-inactive-dark: var(--color-gray-700);
32
35
  --color-text-bright-strong: var(--color-white);
33
36
  --color-text-navy: var(--color-navy-blue-800);
37
+ --color-text-lighter-navy: var(--color-navy-blue-600);
34
38
  --color-border-dark: var(--color-gray-400);
35
39
  --color-border-bright: var(--color-white);
36
40
  --color-border-active: var(--color-mint-green-400);
37
41
  --color-border-info: var(--color-navy-blue-50);
38
42
  --color-border-contrast: var(--color-navy-blue-800);
39
43
  --color-border-primary: var(--color-gray-400);
44
+ --color-border-soft: var(--color-navy-blue-25);
45
+ --color-border-warning: var(--color-yellow-400);
40
46
  --color-icon-dark: var(--color-navy-blue-800);
41
47
  --color-icon-inactive: var(--color-gray-500);
48
+ --color-icon-highlight: var(--color-mint-green-500);
42
49
  --color-button-background-active: var(--color-mint-green-400);
43
50
  --color-button-background-dark: var(--color-navy-blue-800);
44
51
  --color-button-background-edit: var(--color-orange-100);
package/dist/css/tokens.tailwind.css CHANGED
@@ -69,6 +69,9 @@
69
69
  --color-surface-light-navy: var(--color-surface-light-navy);
70
70
  --color-surface-info-subtle: var(--color-surface-info-subtle);
71
71
  --color-surface-ashy-gray: var(--color-surface-ashy-gray);
72
+ --color-surface-warning: var(--color-surface-warning);
73
+ --color-surface-highlight-soft: var(--color-surface-highlight-soft);
74
+ --color-surface-info-gentle: var(--color-surface-info-gentle);
72
75
  --color-alert-weak: var(--color-alert-weak);
73
76
  --color-alert-strong: var(--color-alert-strong);
74
77
  --color-alert-decent: var(--color-alert-decent);
@@ -82,14 +85,18 @@
82
85
  --color-text-inactive-dark: var(--color-text-inactive-dark);
83
86
  --color-text-bright-strong: var(--color-text-bright-strong);
84
87
  --color-text-navy: var(--color-text-navy);
88
+ --color-text-lighter-navy: var(--color-text-lighter-navy);
85
89
  --color-border-dark: var(--color-border-dark);
86
90
  --color-border-bright: var(--color-border-bright);
87
91
  --color-border-active: var(--color-border-active);
88
92
  --color-border-info: var(--color-border-info);
89
93
  --color-border-contrast: var(--color-border-contrast);
90
94
  --color-border-primary: var(--color-border-primary);
95
+ --color-border-soft: var(--color-border-soft);
96
+ --color-border-warning: var(--color-border-warning);
91
97
  --color-icon-dark: var(--color-icon-dark);
92
98
  --color-icon-inactive: var(--color-icon-inactive);
99
+ --color-icon-highlight: var(--color-icon-highlight);
93
100
  --color-button-background-active: var(--color-button-background-active);
94
101
  --color-button-background-dark: var(--color-button-background-dark);
95
102
  --color-button-background-edit: var(--color-button-background-edit);
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 14:02:37 GMT
3
+ // Generated on Wed, 13 May 2026 15:31:19 GMT
4
4
 
5
5
  $color-white: #ffffff;
6
6
  $color-gray-100: #f6f6f6;
@@ -72,6 +72,9 @@ $color-surface-mild-mint: #05516b;
72
72
  $color-surface-light-navy: #26256b;
73
73
  $color-surface-info-subtle: #13125d;
74
74
  $color-surface-ashy-gray: #26256b;
75
+ $color-surface-warning: #e8bb08;
76
+ $color-surface-highlight-soft: #7d81bf;
77
+ $color-surface-info-gentle: #b7bcfa;
75
78
  $color-alert-weak: #df6705;
76
79
  $color-alert-strong: #ea7b20;
77
80
  $color-alert-decent: #ea7b20;
@@ -85,14 +88,18 @@ $color-text-dim: #cdd0fd;
85
88
  $color-text-inactive-dark: #cdd0fd;
86
89
  $color-text-bright-strong: #cdd0fd;
87
90
  $color-text-navy: #e9eaff;
91
+ $color-text-lighter-navy: #cdd0fd;
88
92
  $color-border-dark: #3b3a76;
89
93
  $color-border-bright: #26256b;
90
94
  $color-border-active: #0ad69c;
91
95
  $color-border-info: #7d81bf;
92
96
  $color-border-contrast: #7d81bf;
93
97
  $color-border-primary: #3b3a76;
98
+ $color-border-soft: #b7bcfa;
99
+ $color-border-warning: #e8bb08;
94
100
  $color-icon-dark: #cdd0fd;
95
101
  $color-icon-inactive: #cdd0fd;
102
+ $color-icon-highlight: #cdd0fd;
96
103
  $color-button-background-active: #0ad69c;
97
104
  $color-button-background-dark: #010027;
98
105
  $color-button-background-edit: #f19a58;
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 14:02:37 GMT
3
+ // Generated on Wed, 13 May 2026 15:31:19 GMT
4
4
 
5
5
  $color-white: #ffffff;
6
6
  $color-gray-100: #f6f6f6;
@@ -72,6 +72,9 @@ $color-surface-mild-mint: #cafdee;
72
72
  $color-surface-light-navy: #ffffff;
73
73
  $color-surface-info-subtle: #e9eaff;
74
74
  $color-surface-ashy-gray: #ececec;
75
+ $color-surface-warning: #ffeda3;
76
+ $color-surface-highlight-soft: #e1fff6;
77
+ $color-surface-info-gentle: #e9eaff;
75
78
  $color-alert-weak: #fcd5b5;
76
79
  $color-alert-strong: #df6705;
77
80
  $color-alert-decent: #f19a58;
@@ -85,14 +88,18 @@ $color-text-dim: #7d81bf;
85
88
  $color-text-inactive-dark: #939393;
86
89
  $color-text-bright-strong: #ffffff;
87
90
  $color-text-navy: #07064e;
91
+ $color-text-lighter-navy: #26256b;
88
92
  $color-border-dark: #ececec;
89
93
  $color-border-bright: #ffffff;
90
94
  $color-border-active: #2af5ba;
91
95
  $color-border-info: #cdd0fd;
92
96
  $color-border-contrast: #07064e;
93
97
  $color-border-primary: #ececec;
98
+ $color-border-soft: #e9eaff;
99
+ $color-border-warning: #ffd52f;
94
100
  $color-icon-dark: #07064e;
95
101
  $color-icon-inactive: #c6c6c6;
102
+ $color-icon-highlight: #0ad69c;
96
103
  $color-button-background-active: #2af5ba;
97
104
  $color-button-background-dark: #07064e;
98
105
  $color-button-background-edit: #fcd5b5;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pleodigital/design-system-votey",
3
- "version": "1.0.88",
3
+ "version": "1.0.90",
4
4
  "description": "Centralny system tokenów projektowych generowany przez Style Dictionary.",
5
5
  "main": "dist/js/tailwind-preset.js",
6
6
  "files": [