@pleodigital/design-system-votey 1.0.30 → 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 +4 -1
  2. package/dist/css/tokens.dark.css +20 -5
  3. package/dist/css/tokens.light.css +21 -6
  4. package/dist/css/tokens.tailwind.css +22 -4
  5. package/dist/scss/_variables_dark.scss +24 -6
  6. package/dist/scss/_variables_light.scss +25 -7
  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 12:37:41 GMT
3
+ * Generated on Mon, 01 Dec 2025 12:06:29 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -30,4 +30,7 @@
30
30
  --color-mint-green-800: #86a89e;
31
31
  --color-navy-blue-900: #010027;
32
32
  --color-orange-400: #ea7b20;
33
+ --color-navy-blue-700: #13125d;
34
+ --color-orange-800: #9a4601;
35
+ --color-orange-300: #f19a58;
33
36
  }
package/dist/css/tokens.dark.css CHANGED
@@ -1,25 +1,40 @@
1
1
  :root[data-theme="dark"] {
2
2
  --color-surface-bright: var(--color-navy-blue-600);
3
- --color-surface-dark: var(--color-navy-blue-800);
4
- --color-surface-active: var(--color-mint-green-500);
3
+ --color-surface-mild: var(--color-navy-blue-800);
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);
10
11
  --color-text-inactive: var(--color-navy-blue-100);
11
12
  --color-text-bright: var(--color-blue-400);
12
13
  --color-text-highlight: var(--color-active-green-400);
14
+ --color-text-active: var(--color-mint-green-500);
15
+ --color-text-contrast: var(--color-navy-blue-100);
13
16
  --color-border-dark: var(--color-navy-blue-400);
14
17
  --color-border-bright: var(--color-navy-blue-600);
15
- --color-border-active: var(--color-mint-green-400);
18
+ --color-border-active: var(--color-mint-green-500);
16
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);
17
22
  --color-icon-dark: var(--color-navy-blue-50);
18
23
  --color-icon-inactive: var(--color-navy-blue-50);
19
- --color-button-background-bright: var(--color-mint-green-500);
24
+ --color-button-background-active: var(--color-mint-green-500);
20
25
  --color-button-background-dark: var(--color-navy-blue-900);
26
+ --color-button-background-edit: var(--color-orange-300);
21
27
  --color-button-background-inactive: var(--color-navy-blue-800);
28
+ --color-button-background-hover-active: var(--color-mint-green-400);
29
+ --color-button-background-hover-dark: var(--color-navy-blue-700);
30
+ --color-button-background-hover-edit: var(--color-orange-100);
31
+ --color-button-text-active: var(--color-mint-green-400);
22
32
  --color-button-text-dark: var(--color-navy-blue-800);
23
- --color-button-text-bright: var(--color-mint-green-400);
24
33
  --color-button-text-inactive: var(--color-navy-blue-100);
34
+ --color-button-text-edit: var(--color-orange-800);
35
+ --color-button-border-hover-active: var(--color-mint-green-300);
36
+ --color-button-border-hover-dark: var(--color-navy-blue-400);
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);
25
40
  }
package/dist/css/tokens.light.css CHANGED
@@ -1,25 +1,40 @@
1
1
  :root {
2
2
  --color-surface-bright: var(--color-white);
3
- --color-surface-dark: var(--color-gray-400);
4
- --color-surface-active: var(--color-mint-green-300);
3
+ --color-surface-mild: var(--color-gray-400);
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);
10
11
  --color-text-inactive: var(--color-gray-500);
11
12
  --color-text-bright: var(--color-blue-400);
12
13
  --color-text-highlight: var(--color-active-green-400);
14
+ --color-text-active: var(--color-mint-green-400);
15
+ --color-text-contrast: var(--color-gray-700);
13
16
  --color-border-dark: var(--color-gray-400);
14
17
  --color-border-bright: var(--color-white);
15
- --color-border-active: var(--color-mint-green-500);
18
+ --color-border-active: var(--color-mint-green-400);
16
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);
17
22
  --color-icon-dark: var(--color-navy-blue-800);
18
23
  --color-icon-inactive: var(--color-gray-500);
19
- --color-button-background-bright: var(--color-mint-green-400);
24
+ --color-button-background-active: var(--color-mint-green-400);
20
25
  --color-button-background-dark: var(--color-navy-blue-800);
26
+ --color-button-background-edit: var(--color-orange-100);
21
27
  --color-button-background-inactive: var(--color-gray-400);
22
- --color-button-text-inactive: var(--color-gray-700);
28
+ --color-button-background-hover-active: var(--color-mint-green-300);
29
+ --color-button-background-hover-dark: var(--color-navy-blue-600);
30
+ --color-button-background-hover-edit: var(--color-orange-70);
31
+ --color-button-text-active: var(--color-mint-green-400);
23
32
  --color-button-text-dark: var(--color-navy-blue-800);
24
- --color-button-text-bright: var(--color-mint-green-400);
33
+ --color-button-text-inactive: var(--color-gray-700);
34
+ --color-button-text-edit: var(--color-orange-500);
35
+ --color-button-border-hover-active: var(--color-mint-green-100);
36
+ --color-button-border-hover-dark: var(--color-navy-blue-400);
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);
25
40
  }
package/dist/css/tokens.tailwind.css CHANGED
@@ -25,27 +25,45 @@
25
25
  --color-mint-green-800: var(--color-mint-green-800);
26
26
  --color-navy-blue-900: var(--color-navy-blue-900);
27
27
  --color-orange-400: var(--color-orange-400);
28
+ --color-navy-blue-700: var(--color-navy-blue-700);
29
+ --color-orange-800: var(--color-orange-800);
30
+ --color-orange-300: var(--color-orange-300);
28
31
  --color-surface-bright: var(--color-surface-bright);
29
- --color-surface-dark: var(--color-surface-dark);
32
+ --color-surface-mild: var(--color-surface-mild);
30
33
  --color-surface-active: var(--color-surface-active);
31
34
  --color-surface-info: var(--color-surface-info);
32
35
  --color-surface-inactive: var(--color-surface-inactive);
36
+ --color-surface-dynamic: var(--color-surface-dynamic);
33
37
  --color-alert-weak: var(--color-alert-weak);
34
38
  --color-alert-strong: var(--color-alert-strong);
35
39
  --color-text-dark: var(--color-text-dark);
36
40
  --color-text-inactive: var(--color-text-inactive);
37
41
  --color-text-bright: var(--color-text-bright);
38
42
  --color-text-highlight: var(--color-text-highlight);
43
+ --color-text-active: var(--color-text-active);
44
+ --color-text-contrast: var(--color-text-contrast);
39
45
  --color-border-dark: var(--color-border-dark);
40
46
  --color-border-bright: var(--color-border-bright);
41
47
  --color-border-active: var(--color-border-active);
42
48
  --color-border-info: var(--color-border-info);
49
+ --color-border-contrast: var(--color-border-contrast);
50
+ --color-border-primary: var(--color-border-primary);
43
51
  --color-icon-dark: var(--color-icon-dark);
44
52
  --color-icon-inactive: var(--color-icon-inactive);
45
- --color-button-background-bright: var(--color-button-background-bright);
53
+ --color-button-background-active: var(--color-button-background-active);
46
54
  --color-button-background-dark: var(--color-button-background-dark);
55
+ --color-button-background-edit: var(--color-button-background-edit);
47
56
  --color-button-background-inactive: var(--color-button-background-inactive);
48
- --color-button-text-inactive: var(--color-button-text-inactive);
57
+ --color-button-background-hover-active: var(--color-button-background-hover-active);
58
+ --color-button-background-hover-dark: var(--color-button-background-hover-dark);
59
+ --color-button-background-hover-edit: var(--color-button-background-hover-edit);
60
+ --color-button-text-active: var(--color-button-text-active);
49
61
  --color-button-text-dark: var(--color-button-text-dark);
50
- --color-button-text-bright: var(--color-button-text-bright);
62
+ --color-button-text-inactive: var(--color-button-text-inactive);
63
+ --color-button-text-edit: var(--color-button-text-edit);
64
+ --color-button-border-hover-active: var(--color-button-border-hover-active);
65
+ --color-button-border-hover-dark: var(--color-button-border-hover-dark);
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);
51
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 12:37:41 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;
@@ -28,26 +28,44 @@ $color-mint-green-500: #0ad69c;
28
28
  $color-mint-green-800: #86a89e;
29
29
  $color-navy-blue-900: #010027;
30
30
  $color-orange-400: #ea7b20;
31
+ $color-navy-blue-700: #13125d;
32
+ $color-orange-800: #9a4601;
33
+ $color-orange-300: #f19a58;
31
34
  $color-surface-bright: #26256b;
32
- $color-surface-dark: #07064e;
33
- $color-surface-active: #0ad69c;
35
+ $color-surface-mild: #07064e;
36
+ $color-surface-active: #62ffd1;
34
37
  $color-surface-info: #7d81bf;
35
38
  $color-surface-inactive: #3b3a76;
39
+ $color-surface-dynamic: #07064e;
36
40
  $color-alert-weak: #df6705;
37
41
  $color-alert-strong: #ea7b20;
38
42
  $color-text-dark: #cdd0fd;
39
43
  $color-text-inactive: #7d81bf;
40
44
  $color-text-bright: #62a9ff;
41
45
  $color-text-highlight: #77dc6c;
46
+ $color-text-active: #0ad69c;
47
+ $color-text-contrast: #7d81bf;
42
48
  $color-border-dark: #3b3a76;
43
49
  $color-border-bright: #26256b;
44
- $color-border-active: #2af5ba;
50
+ $color-border-active: #0ad69c;
45
51
  $color-border-info: #7d81bf;
52
+ $color-border-contrast: #7d81bf;
53
+ $color-border-primary: #3b3a76;
46
54
  $color-icon-dark: #cdd0fd;
47
55
  $color-icon-inactive: #cdd0fd;
48
- $color-button-background-bright: #0ad69c;
56
+ $color-button-background-active: #0ad69c;
49
57
  $color-button-background-dark: #010027;
58
+ $color-button-background-edit: #f19a58;
50
59
  $color-button-background-inactive: #07064e;
60
+ $color-button-background-hover-active: #2af5ba;
61
+ $color-button-background-hover-dark: #13125d;
62
+ $color-button-background-hover-edit: #fcd5b5;
63
+ $color-button-text-active: #2af5ba;
51
64
  $color-button-text-dark: #07064e;
52
- $color-button-text-bright: #2af5ba;
53
65
  $color-button-text-inactive: #7d81bf;
66
+ $color-button-text-edit: #9a4601;
67
+ $color-button-border-hover-active: #62ffd1;
68
+ $color-button-border-hover-dark: #3b3a76;
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 12:37:41 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;
@@ -28,26 +28,44 @@ $color-mint-green-500: #0ad69c;
28
28
  $color-mint-green-800: #86a89e;
29
29
  $color-navy-blue-900: #010027;
30
30
  $color-orange-400: #ea7b20;
31
+ $color-navy-blue-700: #13125d;
32
+ $color-orange-800: #9a4601;
33
+ $color-orange-300: #f19a58;
31
34
  $color-surface-bright: #ffffff;
32
- $color-surface-dark: #ececec;
33
- $color-surface-active: #62ffd1;
35
+ $color-surface-mild: #ececec;
36
+ $color-surface-active: #02c295;
34
37
  $color-surface-info: #cdd0fd;
35
38
  $color-surface-inactive: #ececec;
39
+ $color-surface-dynamic: #f6f6f6;
36
40
  $color-alert-weak: #fcd5b5;
37
41
  $color-alert-strong: #df6705;
38
42
  $color-text-dark: #07064e;
39
43
  $color-text-inactive: #c6c6c6;
40
44
  $color-text-bright: #62a9ff;
41
45
  $color-text-highlight: #77dc6c;
46
+ $color-text-active: #2af5ba;
47
+ $color-text-contrast: #939393;
42
48
  $color-border-dark: #ececec;
43
49
  $color-border-bright: #ffffff;
44
- $color-border-active: #0ad69c;
50
+ $color-border-active: #2af5ba;
45
51
  $color-border-info: #cdd0fd;
52
+ $color-border-contrast: #07064e;
53
+ $color-border-primary: #ececec;
46
54
  $color-icon-dark: #07064e;
47
55
  $color-icon-inactive: #c6c6c6;
48
- $color-button-background-bright: #2af5ba;
56
+ $color-button-background-active: #2af5ba;
49
57
  $color-button-background-dark: #07064e;
58
+ $color-button-background-edit: #fcd5b5;
50
59
  $color-button-background-inactive: #ececec;
51
- $color-button-text-inactive: #939393;
60
+ $color-button-background-hover-active: #62ffd1;
61
+ $color-button-background-hover-dark: #26256b;
62
+ $color-button-background-hover-edit: #ffe7d4;
63
+ $color-button-text-active: #2af5ba;
52
64
  $color-button-text-dark: #07064e;
53
- $color-button-text-bright: #2af5ba;
65
+ $color-button-text-inactive: #939393;
66
+ $color-button-text-edit: #df6705;
67
+ $color-button-border-hover-active: #cafdee;
68
+ $color-button-border-hover-dark: #3b3a76;
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.30",
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": [