@pleodigital/design-system-votey 1.0.27 → 1.0.29

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 +6 -2
  2. package/dist/css/tokens.dark.css +24 -32
  3. package/dist/css/tokens.light.css +24 -32
  4. package/dist/css/tokens.tailwind.css +25 -0
  5. package/dist/scss/_variables_dark.scss +28 -10
  6. package/dist/scss/_variables_light.scss +28 -10
  7. package/package.json +1 -1
package/dist/css/tokens.css CHANGED
@@ -1,9 +1,9 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 19 Nov 2025 14:21:45 GMT
3
+ * Generated on Wed, 26 Nov 2025 10:40:39 GMT
4
4
  */
5
5
 
6
- @theme {
6
+ :root {
7
7
  --color-gray-100: #f6f6f6;
8
8
  --color-mint-green-100: #cafdee;
9
9
  --color-gray-400: #ececec;
@@ -26,4 +26,8 @@
26
26
  --color-orange-70: #ffe7d4;
27
27
  --color-mint-green-600: #02c295;
28
28
  --color-navy-blue-600: #26256b;
29
+ --color-mint-green-500: #0ad69c;
30
+ --color-mint-green-800: #86a89e;
31
+ --color-navy-blue-900: #010027;
32
+ --color-orange-400: #ea7b20;
29
33
  }
package/dist/css/tokens.dark.css CHANGED
@@ -1,33 +1,25 @@
1
- .dark {
2
- --color-gray-100: #f6f6f6;
3
- --color-mint-green-100: #cafdee;
4
- --color-gray-400: #ececec;
5
- --color-navy-blue-100: #7d81bf;
6
- --color-orange-500: #df6705;
7
- --color-orange-100: #fcd5b5;
8
- --color-white: #ffffff;
9
- --color-mint-green-400: #2af5ba;
10
- --color-mint-green-300: #62ffd1;
11
- --color-blue-400: #62a9ff;
12
- --color-gray-500: #c6c6c6;
13
- --color-gray-700: #939393;
14
- --color-navy-blue-800: #07064e;
15
- --color-navy-blue-400: #3b3a76;
16
- --color-navy-blue-50: #cdd0fd;
17
- --color-red-400: #f56161;
18
- --color-orange-50: #fff3e8;
19
- --color-active-green-400: #77dc6c;
20
- --color-active-green-500: #5fbe54;
21
- --color-orange-70: #ffe7d4;
22
- --color-mint-green-600: #02c295;
23
- --color-navy-blue-600: #26256b;
24
- --bg-status-main: #f6f6f6;
25
- --text-heading-banner: #cafdee;
26
- --button-primary-bg: #cafdee;
27
- --button-primary-border: #07064e;
28
- --button-secondary-bg: #3b3a76;
29
- --button-secondary-border: #f56161;
30
- --primary-mint: #cafdee;
31
- --primary-navy: #7d81bf;
32
- --primary-gray: #f6f6f6;
1
+ :root[data-theme="dark"] {
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);
5
+ --color-surface-info: var(--color-navy-blue-100);
6
+ --color-surface-inactive: var(--color-navy-blue-400);
7
+ --color-alert-weak: var(--color-orange-500);
8
+ --color-alert-strong: var(--color-orange-400);
9
+ --color-text-dark: var(--color-navy-blue-50);
10
+ --color-text-inactive: var(--color-navy-blue-100);
11
+ --color-text-bright: var(--color-blue-400);
12
+ --color-text-highlight: var(--color-active-green-400);
13
+ --color-border-dark: var(--color-navy-blue-400);
14
+ --color-border-bright: var(--color-navy-blue-600);
15
+ --color-border-active: var(--color-mint-green-400);
16
+ --color-border-info: var(--color-navy-blue-100);
17
+ --color-icon-dark: var(--color-navy-blue-50);
18
+ --color-icon-inactive: var(--color-navy-blue-50);
19
+ --color-button-background-bright: var(--color-mint-green-500);
20
+ --color-button-background-dark: var(--color-navy-blue-900);
21
+ --color-button-background-inactive: var(--color-navy-blue-800);
22
+ --color-button-text-dark: var(--color-navy-blue-800);
23
+ --color-button-text-bright: var(--color-mint-green-400);
24
+ --color-button-text-inactive: var(--color-navy-blue-100);
33
25
  }
package/dist/css/tokens.light.css CHANGED
@@ -1,33 +1,25 @@
1
- @theme {
2
- --color-gray-100: #f6f6f6;
3
- --color-mint-green-100: #cafdee;
4
- --color-gray-400: #ececec;
5
- --color-navy-blue-100: #7d81bf;
6
- --color-orange-500: #df6705;
7
- --color-orange-100: #fcd5b5;
8
- --color-white: #ffffff;
9
- --color-mint-green-400: #2af5ba;
10
- --color-mint-green-300: #62ffd1;
11
- --color-blue-400: #62a9ff;
12
- --color-gray-500: #c6c6c6;
13
- --color-gray-700: #939393;
14
- --color-navy-blue-800: #07064e;
15
- --color-navy-blue-400: #3b3a76;
16
- --color-navy-blue-50: #cdd0fd;
17
- --color-red-400: #f56161;
18
- --color-orange-50: #fff3e8;
19
- --color-active-green-400: #77dc6c;
20
- --color-active-green-500: #5fbe54;
21
- --color-orange-70: #ffe7d4;
22
- --color-mint-green-600: #02c295;
23
- --color-navy-blue-600: #26256b;
24
- --bg-status-main: #939393;
25
- --text-heading-banner: #02c295;
26
- --button-primary-bg: #2af5ba;
27
- --button-primary-border: #26256b;
28
- --button-secondary-bg: #7d81bf;
29
- --button-secondary-border: #fcd5b5;
30
- --primary-mint: #2af5ba;
31
- --primary-navy: #3b3a76;
32
- --primary-gray: #ececec;
1
+ :root {
2
+ --color-surface-bright: var(--color-white);
3
+ --color-surface-dark: var(--color-gray-400);
4
+ --color-surface-active: var(--color-mint-green-300);
5
+ --color-surface-info: var(--color-navy-blue-50);
6
+ --color-surface-inactive: var(--color-gray-400);
7
+ --color-alert-weak: var(--color-orange-100);
8
+ --color-alert-strong: var(--color-orange-500);
9
+ --color-text-dark: var(--color-navy-blue-800);
10
+ --color-text-inactive: var(--color-gray-500);
11
+ --color-text-bright: var(--color-blue-400);
12
+ --color-text-highlight: var(--color-active-green-400);
13
+ --color-border-dark: var(--color-gray-400);
14
+ --color-border-bright: var(--color-white);
15
+ --color-border-active: var(--color-mint-green-500);
16
+ --color-border-info: var(--color-navy-blue-50);
17
+ --color-icon-dark: var(--color-navy-blue-800);
18
+ --color-icon-inactive: var(--color-gray-500);
19
+ --color-button-background-bright: var(--color-mint-green-400);
20
+ --color-button-background-dark: var(--color-navy-blue-800);
21
+ --color-button-background-inactive: var(--color-gray-400);
22
+ --color-button-text-inactive: var(--color-gray-700);
23
+ --color-button-text-dark: var(--color-navy-blue-800);
24
+ --color-button-text-bright: var(--color-mint-green-400);
33
25
  }
package/dist/css/tokens.tailwind.css ADDED
@@ -0,0 +1,25 @@
1
+ @theme {
2
+ --color-surface-bright: var(--color-surface-bright);
3
+ --color-surface-dark: var(--color-surface-dark);
4
+ --color-surface-active: var(--color-surface-active);
5
+ --color-surface-info: var(--color-surface-info);
6
+ --color-surface-inactive: var(--color-surface-inactive);
7
+ --color-alert-weak: var(--color-alert-weak);
8
+ --color-alert-strong: var(--color-alert-strong);
9
+ --color-text-dark: var(--color-text-dark);
10
+ --color-text-inactive: var(--color-text-inactive);
11
+ --color-text-bright: var(--color-text-bright);
12
+ --color-text-highlight: var(--color-text-highlight);
13
+ --color-border-dark: var(--color-border-dark);
14
+ --color-border-bright: var(--color-border-bright);
15
+ --color-border-active: var(--color-border-active);
16
+ --color-border-info: var(--color-border-info);
17
+ --color-icon-dark: var(--color-icon-dark);
18
+ --color-icon-inactive: var(--color-icon-inactive);
19
+ --color-button-background-bright: var(--color-button-background-bright);
20
+ --color-button-background-dark: var(--color-button-background-dark);
21
+ --color-button-background-inactive: var(--color-button-background-inactive);
22
+ --color-button-text-inactive: var(--color-button-text-inactive);
23
+ --color-button-text-dark: var(--color-button-text-dark);
24
+ --color-button-text-bright: var(--color-button-text-bright);
25
+ }
package/dist/scss/_variables_dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 19 Nov 2025 14:21:45 GMT
3
+ // Generated on Wed, 26 Nov 2025 10:40:39 GMT
4
4
 
5
5
  $color-gray-100: #f6f6f6;
6
6
  $color-mint-green-100: #cafdee;
@@ -24,12 +24,30 @@ $color-active-green-500: #5fbe54;
24
24
  $color-orange-70: #ffe7d4;
25
25
  $color-mint-green-600: #02c295;
26
26
  $color-navy-blue-600: #26256b;
27
- $bg-status-main: #f6f6f6;
28
- $text-heading-banner: #cafdee;
29
- $button-primary-bg: #cafdee;
30
- $button-primary-border: #07064e;
31
- $button-secondary-bg: #3b3a76;
32
- $button-secondary-border: #f56161;
33
- $primary-mint: #cafdee;
34
- $primary-navy: #7d81bf;
35
- $primary-gray: #f6f6f6;
27
+ $color-mint-green-500: #0ad69c;
28
+ $color-mint-green-800: #86a89e;
29
+ $color-navy-blue-900: #010027;
30
+ $color-orange-400: #ea7b20;
31
+ $color-surface-bright: #26256b;
32
+ $color-surface-dark: #07064e;
33
+ $color-surface-active: #0ad69c;
34
+ $color-surface-info: #7d81bf;
35
+ $color-surface-inactive: #3b3a76;
36
+ $color-alert-weak: #df6705;
37
+ $color-alert-strong: #ea7b20;
38
+ $color-text-dark: #cdd0fd;
39
+ $color-text-inactive: #7d81bf;
40
+ $color-text-bright: #62a9ff;
41
+ $color-text-highlight: #77dc6c;
42
+ $color-border-dark: #3b3a76;
43
+ $color-border-bright: #26256b;
44
+ $color-border-active: #2af5ba;
45
+ $color-border-info: #7d81bf;
46
+ $color-icon-dark: #cdd0fd;
47
+ $color-icon-inactive: #cdd0fd;
48
+ $color-button-background-bright: #0ad69c;
49
+ $color-button-background-dark: #010027;
50
+ $color-button-background-inactive: #07064e;
51
+ $color-button-text-dark: #07064e;
52
+ $color-button-text-bright: #2af5ba;
53
+ $color-button-text-inactive: #7d81bf;
package/dist/scss/_variables_light.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 19 Nov 2025 14:21:45 GMT
3
+ // Generated on Wed, 26 Nov 2025 10:40:39 GMT
4
4
 
5
5
  $color-gray-100: #f6f6f6;
6
6
  $color-mint-green-100: #cafdee;
@@ -24,12 +24,30 @@ $color-active-green-500: #5fbe54;
24
24
  $color-orange-70: #ffe7d4;
25
25
  $color-mint-green-600: #02c295;
26
26
  $color-navy-blue-600: #26256b;
27
- $bg-status-main: #939393;
28
- $text-heading-banner: #02c295;
29
- $button-primary-bg: #2af5ba;
30
- $button-primary-border: #26256b;
31
- $button-secondary-bg: #7d81bf;
32
- $button-secondary-border: #fcd5b5;
33
- $primary-mint: #2af5ba;
34
- $primary-navy: #3b3a76;
35
- $primary-gray: #ececec;
27
+ $color-mint-green-500: #0ad69c;
28
+ $color-mint-green-800: #86a89e;
29
+ $color-navy-blue-900: #010027;
30
+ $color-orange-400: #ea7b20;
31
+ $color-surface-bright: #ffffff;
32
+ $color-surface-dark: #ececec;
33
+ $color-surface-active: #62ffd1;
34
+ $color-surface-info: #cdd0fd;
35
+ $color-surface-inactive: #ececec;
36
+ $color-alert-weak: #fcd5b5;
37
+ $color-alert-strong: #df6705;
38
+ $color-text-dark: #07064e;
39
+ $color-text-inactive: #c6c6c6;
40
+ $color-text-bright: #62a9ff;
41
+ $color-text-highlight: #77dc6c;
42
+ $color-border-dark: #ececec;
43
+ $color-border-bright: #ffffff;
44
+ $color-border-active: #0ad69c;
45
+ $color-border-info: #cdd0fd;
46
+ $color-icon-dark: #07064e;
47
+ $color-icon-inactive: #c6c6c6;
48
+ $color-button-background-bright: #2af5ba;
49
+ $color-button-background-dark: #07064e;
50
+ $color-button-background-inactive: #ececec;
51
+ $color-button-text-inactive: #939393;
52
+ $color-button-text-dark: #07064e;
53
+ $color-button-text-bright: #2af5ba;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pleodigital/design-system-votey",
3
- "version": "1.0.27",
3
+ "version": "1.0.29",
4
4
  "description": "Centralny system tokenów projektowych generowany przez Style Dictionary.",
5
5
  "main": "dist/js/tailwind-preset.js",
6
6
  "files": [