@pleodigital/design-system-votey 1.0.31 → 1.0.32

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 +8 -2
  3. package/dist/css/tokens.light.css +8 -2
  4. package/dist/css/tokens.tailwind.css +6 -0
  5. package/dist/scss/_variables_dark.scss +9 -3
  6. package/dist/scss/_variables_light.scss +9 -3
  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, 26 Nov 2025 15:38:03 GMT
3
+ * Generated on Mon, 01 Dec 2025 12:06:29 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/css/tokens.dark.css CHANGED
@@ -1,9 +1,10 @@
1
1
  :root[data-theme="dark"] {
2
2
  --color-surface-bright: var(--color-navy-blue-600);
3
3
  --color-surface-mild: var(--color-navy-blue-800);
4
- --color-surface-active: var(--color-mint-green-500);
4
+ --color-surface-active: var(--color-mint-green-300);
5
5
  --color-surface-info: var(--color-navy-blue-100);
6
6
  --color-surface-inactive: var(--color-navy-blue-400);
7
+ --color-surface-dynamic: var(--color-navy-blue-800);
7
8
  --color-alert-weak: var(--color-orange-500);
8
9
  --color-alert-strong: var(--color-orange-400);
9
10
  --color-text-dark: var(--color-navy-blue-50);
@@ -11,10 +12,13 @@
11
12
  --color-text-bright: var(--color-blue-400);
12
13
  --color-text-highlight: var(--color-active-green-400);
13
14
  --color-text-active: var(--color-mint-green-500);
15
+ --color-text-contrast: var(--color-navy-blue-100);
14
16
  --color-border-dark: var(--color-navy-blue-400);
15
17
  --color-border-bright: var(--color-navy-blue-600);
16
- --color-border-active: var(--color-mint-green-400);
18
+ --color-border-active: var(--color-mint-green-500);
17
19
  --color-border-info: var(--color-navy-blue-100);
20
+ --color-border-contrast: var(--color-navy-blue-100);
21
+ --color-border-primary: var(--color-navy-blue-400);
18
22
  --color-icon-dark: var(--color-navy-blue-50);
19
23
  --color-icon-inactive: var(--color-navy-blue-50);
20
24
  --color-button-background-active: var(--color-mint-green-500);
@@ -31,4 +35,6 @@
31
35
  --color-button-border-hover-active: var(--color-mint-green-300);
32
36
  --color-button-border-hover-dark: var(--color-navy-blue-400);
33
37
  --color-button-border-hover-edit: var(--color-orange-70);
38
+ --color-input-text-dark: var(--color-active-green-400);
39
+ --color-input-text-test: var(--color-blue-400);
34
40
  }
package/dist/css/tokens.light.css CHANGED
@@ -1,9 +1,10 @@
1
1
  :root {
2
2
  --color-surface-bright: var(--color-white);
3
3
  --color-surface-mild: var(--color-gray-400);
4
- --color-surface-active: var(--color-mint-green-300);
4
+ --color-surface-active: var(--color-mint-green-600);
5
5
  --color-surface-info: var(--color-navy-blue-50);
6
6
  --color-surface-inactive: var(--color-gray-400);
7
+ --color-surface-dynamic: var(--color-gray-100);
7
8
  --color-alert-weak: var(--color-orange-100);
8
9
  --color-alert-strong: var(--color-orange-500);
9
10
  --color-text-dark: var(--color-navy-blue-800);
@@ -11,10 +12,13 @@
11
12
  --color-text-bright: var(--color-blue-400);
12
13
  --color-text-highlight: var(--color-active-green-400);
13
14
  --color-text-active: var(--color-mint-green-400);
15
+ --color-text-contrast: var(--color-gray-700);
14
16
  --color-border-dark: var(--color-gray-400);
15
17
  --color-border-bright: var(--color-white);
16
- --color-border-active: var(--color-mint-green-500);
18
+ --color-border-active: var(--color-mint-green-400);
17
19
  --color-border-info: var(--color-navy-blue-50);
20
+ --color-border-contrast: var(--color-navy-blue-800);
21
+ --color-border-primary: var(--color-gray-400);
18
22
  --color-icon-dark: var(--color-navy-blue-800);
19
23
  --color-icon-inactive: var(--color-gray-500);
20
24
  --color-button-background-active: var(--color-mint-green-400);
@@ -31,4 +35,6 @@
31
35
  --color-button-border-hover-active: var(--color-mint-green-100);
32
36
  --color-button-border-hover-dark: var(--color-navy-blue-400);
33
37
  --color-button-border-hover-edit: var(--color-orange-50);
38
+ --color-input-text-dark: var(--color-navy-blue-800);
39
+ --color-input-text-test: var(--color-alert.strong);
34
40
  }
package/dist/css/tokens.tailwind.css CHANGED
@@ -33,6 +33,7 @@
33
33
  --color-surface-active: var(--color-surface-active);
34
34
  --color-surface-info: var(--color-surface-info);
35
35
  --color-surface-inactive: var(--color-surface-inactive);
36
+ --color-surface-dynamic: var(--color-surface-dynamic);
36
37
  --color-alert-weak: var(--color-alert-weak);
37
38
  --color-alert-strong: var(--color-alert-strong);
38
39
  --color-text-dark: var(--color-text-dark);
@@ -40,10 +41,13 @@
40
41
  --color-text-bright: var(--color-text-bright);
41
42
  --color-text-highlight: var(--color-text-highlight);
42
43
  --color-text-active: var(--color-text-active);
44
+ --color-text-contrast: var(--color-text-contrast);
43
45
  --color-border-dark: var(--color-border-dark);
44
46
  --color-border-bright: var(--color-border-bright);
45
47
  --color-border-active: var(--color-border-active);
46
48
  --color-border-info: var(--color-border-info);
49
+ --color-border-contrast: var(--color-border-contrast);
50
+ --color-border-primary: var(--color-border-primary);
47
51
  --color-icon-dark: var(--color-icon-dark);
48
52
  --color-icon-inactive: var(--color-icon-inactive);
49
53
  --color-button-background-active: var(--color-button-background-active);
@@ -60,4 +64,6 @@
60
64
  --color-button-border-hover-active: var(--color-button-border-hover-active);
61
65
  --color-button-border-hover-dark: var(--color-button-border-hover-dark);
62
66
  --color-button-border-hover-edit: var(--color-button-border-hover-edit);
67
+ --color-input-text-dark: var(--color-input-text-dark);
68
+ --color-input-text-test: var(--color-input-text-test);
63
69
  }
package/dist/scss/_variables_dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 26 Nov 2025 15:38:03 GMT
3
+ // Generated on Mon, 01 Dec 2025 12:06:29 GMT
4
4
 
5
5
  $color-gray-100: #f6f6f6;
6
6
  $color-mint-green-100: #cafdee;
@@ -33,9 +33,10 @@ $color-orange-800: #9a4601;
33
33
  $color-orange-300: #f19a58;
34
34
  $color-surface-bright: #26256b;
35
35
  $color-surface-mild: #07064e;
36
- $color-surface-active: #0ad69c;
36
+ $color-surface-active: #62ffd1;
37
37
  $color-surface-info: #7d81bf;
38
38
  $color-surface-inactive: #3b3a76;
39
+ $color-surface-dynamic: #07064e;
39
40
  $color-alert-weak: #df6705;
40
41
  $color-alert-strong: #ea7b20;
41
42
  $color-text-dark: #cdd0fd;
@@ -43,10 +44,13 @@ $color-text-inactive: #7d81bf;
43
44
  $color-text-bright: #62a9ff;
44
45
  $color-text-highlight: #77dc6c;
45
46
  $color-text-active: #0ad69c;
47
+ $color-text-contrast: #7d81bf;
46
48
  $color-border-dark: #3b3a76;
47
49
  $color-border-bright: #26256b;
48
- $color-border-active: #2af5ba;
50
+ $color-border-active: #0ad69c;
49
51
  $color-border-info: #7d81bf;
52
+ $color-border-contrast: #7d81bf;
53
+ $color-border-primary: #3b3a76;
50
54
  $color-icon-dark: #cdd0fd;
51
55
  $color-icon-inactive: #cdd0fd;
52
56
  $color-button-background-active: #0ad69c;
@@ -63,3 +67,5 @@ $color-button-text-edit: #9a4601;
63
67
  $color-button-border-hover-active: #62ffd1;
64
68
  $color-button-border-hover-dark: #3b3a76;
65
69
  $color-button-border-hover-edit: #ffe7d4;
70
+ $color-input-text-dark: #77dc6c;
71
+ $color-input-text-test: #62a9ff;
package/dist/scss/_variables_light.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 26 Nov 2025 15:38:03 GMT
3
+ // Generated on Mon, 01 Dec 2025 12:06:29 GMT
4
4
 
5
5
  $color-gray-100: #f6f6f6;
6
6
  $color-mint-green-100: #cafdee;
@@ -33,9 +33,10 @@ $color-orange-800: #9a4601;
33
33
  $color-orange-300: #f19a58;
34
34
  $color-surface-bright: #ffffff;
35
35
  $color-surface-mild: #ececec;
36
- $color-surface-active: #62ffd1;
36
+ $color-surface-active: #02c295;
37
37
  $color-surface-info: #cdd0fd;
38
38
  $color-surface-inactive: #ececec;
39
+ $color-surface-dynamic: #f6f6f6;
39
40
  $color-alert-weak: #fcd5b5;
40
41
  $color-alert-strong: #df6705;
41
42
  $color-text-dark: #07064e;
@@ -43,10 +44,13 @@ $color-text-inactive: #c6c6c6;
43
44
  $color-text-bright: #62a9ff;
44
45
  $color-text-highlight: #77dc6c;
45
46
  $color-text-active: #2af5ba;
47
+ $color-text-contrast: #939393;
46
48
  $color-border-dark: #ececec;
47
49
  $color-border-bright: #ffffff;
48
- $color-border-active: #0ad69c;
50
+ $color-border-active: #2af5ba;
49
51
  $color-border-info: #cdd0fd;
52
+ $color-border-contrast: #07064e;
53
+ $color-border-primary: #ececec;
50
54
  $color-icon-dark: #07064e;
51
55
  $color-icon-inactive: #c6c6c6;
52
56
  $color-button-background-active: #2af5ba;
@@ -63,3 +67,5 @@ $color-button-text-edit: #df6705;
63
67
  $color-button-border-hover-active: #cafdee;
64
68
  $color-button-border-hover-dark: #3b3a76;
65
69
  $color-button-border-hover-edit: #fff3e8;
70
+ $color-input-text-dark: #07064e;
71
+ $color-input-text-test: #df6705;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pleodigital/design-system-votey",
3
- "version": "1.0.31",
3
+ "version": "1.0.32",
4
4
  "description": "Centralny system tokenów projektowych generowany przez Style Dictionary.",
5
5
  "main": "dist/js/tailwind-preset.js",
6
6
  "files": [