@pantheon-systems/pds-design-tokens 1.0.0-dev.14 → 1.0.0-dev.16

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 (8) hide show
  1. package/build/css/pds-design-tokens-dark-mode.css +16 -6
  2. package/build/css/pds-design-tokens-light-mode.css +14 -4
  3. package/build/figma/pds-design-tokens-figma.json +896 -430
  4. package/build/json/pds-design-tokens-dark-mode.json +347 -114
  5. package/build/json/pds-design-tokens-light-mode.json +333 -100
  6. package/build/scss/_pds-design-tokens-dark-mode.scss +16 -6
  7. package/build/scss/_pds-design-tokens-light-mode.scss +14 -4
  8. package/package.json +1 -1
package/build/css/pds-design-tokens-dark-mode.css CHANGED
@@ -24,6 +24,15 @@
24
24
  --pds-color-button-brand-foreground-active: #121219;
25
25
  --pds-color-button-brand-foreground-default: #121219;
26
26
  --pds-color-button-brand-foreground-hover: #121219;
27
+ --pds-color-button-brand-secondary-background-active: #282839;
28
+ --pds-color-button-brand-secondary-background-default: rgba(0, 0, 0, 0);
29
+ --pds-color-button-brand-secondary-background-hover: #504e62;
30
+ --pds-color-button-brand-secondary-border-active: #504e62;
31
+ --pds-color-button-brand-secondary-border-default: #a6a3b4;
32
+ --pds-color-button-brand-secondary-border-hover: #ffffff;
33
+ --pds-color-button-brand-secondary-foreground-active: #e7e7eb;
34
+ --pds-color-button-brand-secondary-foreground-default: #e7e7eb;
35
+ --pds-color-button-brand-secondary-foreground-hover: #ffffff;
27
36
  --pds-color-button-critical-background-active: #9c2f2f;
28
37
  --pds-color-button-critical-background-default: #e05757;
29
38
  --pds-color-button-critical-background-hover: #be4242;
@@ -65,21 +74,22 @@
65
74
  --pds-color-gradient-sunset: linear-gradient(48.24deg, #EF13AD 0%, #300068 66.25%);
66
75
  --pds-color-input-background-critical: #1d1d29;
67
76
  --pds-color-input-background-default: #1d1d29;
77
+ --pds-color-input-background-hover: #282839;
68
78
  --pds-color-input-border-critical: #e05757;
69
79
  --pds-color-input-border-default: #a6a3b4;
70
- --pds-color-input-border-hover: var(--pds-color-interactive-focus);
71
- --pds-color-input-border-success: #22a06b;
80
+ --pds-color-input-border-hover: #5f41e5;
81
+ --pds-color-input-border-success: #3cb683;
72
82
  --pds-color-input-checked-background: var(--pds-color-interactive-focus);
73
83
  --pds-color-input-checked-foreground: #ffffff;
74
84
  --pds-color-input-foreground-critical: #e05757;
75
85
  --pds-color-input-foreground-default: #ffffff;
76
- --pds-color-input-foreground-success: #22a06b;
86
+ --pds-color-input-foreground-success: #3cb683;
77
87
  --pds-color-input-placeholder-text: #a6a3b4;
78
88
  --pds-color-interactive-focus: #36a3ff;
79
- --pds-color-link-active: #2776b9;
89
+ --pds-color-link-active: #5f41e5;
80
90
  --pds-color-link-default: #36a3ff;
81
- --pds-color-link-hover: #2776b9;
82
- --pds-color-link-visited: #967fff;
91
+ --pds-color-link-hover: #5f41e5;
92
+ --pds-color-link-visited: #5f41e5;
83
93
  --pds-color-menu-background: #282839;
84
94
  --pds-color-menu-item-background-active: #858299;
85
95
  --pds-color-menu-item-background-default: #282839;
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -24,6 +24,15 @@
24
24
  --pds-color-button-brand-foreground-active: #23232d;
25
25
  --pds-color-button-brand-foreground-default: #23232d;
26
26
  --pds-color-button-brand-foreground-hover: #23232d;
27
+ --pds-color-button-brand-secondary-background-active: #cfcfd3;
28
+ --pds-color-button-brand-secondary-background-default: rgba(0, 0, 0, 0);
29
+ --pds-color-button-brand-secondary-background-hover: #f1f1f1;
30
+ --pds-color-button-brand-secondary-border-active: #23232d;
31
+ --pds-color-button-brand-secondary-border-default: #54545f;
32
+ --pds-color-button-brand-secondary-border-hover: #23232d;
33
+ --pds-color-button-brand-secondary-foreground-active: #23232d;
34
+ --pds-color-button-brand-secondary-foreground-default: #23232d;
35
+ --pds-color-button-brand-secondary-foreground-hover: #23232d;
27
36
  --pds-color-button-critical-background-active: #700000;
28
37
  --pds-color-button-critical-background-default: #d61f1f;
29
38
  --pds-color-button-critical-background-hover: #f83333;
@@ -65,9 +74,10 @@
65
74
  --pds-color-gradient-sunset: linear-gradient(48.24deg, #EF13AD 0%, #300068 66.25%);
66
75
  --pds-color-input-background-critical: #ffebeb;
67
76
  --pds-color-input-background-default: #ffffff;
77
+ --pds-color-input-background-hover: #f0ecff;
68
78
  --pds-color-input-border-critical: #d61f1f;
69
79
  --pds-color-input-border-default: #8f8f99;
70
- --pds-color-input-border-hover: var(--pds-color-interactive-focus);
80
+ --pds-color-input-border-hover: #5f41e5;
71
81
  --pds-color-input-border-success: #1f845a;
72
82
  --pds-color-input-checked-background: var(--pds-color-interactive-focus);
73
83
  --pds-color-input-checked-foreground: #ffffff;
@@ -76,10 +86,10 @@
76
86
  --pds-color-input-foreground-success: #1f845a;
77
87
  --pds-color-input-placeholder-text: #71717c;
78
88
  --pds-color-interactive-focus: #0f62fe;
79
- --pds-color-link-active: #003cac;
89
+ --pds-color-link-active: #5f41e5;
80
90
  --pds-color-link-default: #0f62fe;
81
- --pds-color-link-hover: #003cac;
82
- --pds-color-link-visited: #967fff;
91
+ --pds-color-link-hover: #5f41e5;
92
+ --pds-color-link-visited: #5f41e5;
83
93
  --pds-color-menu-background: #ffffff;
84
94
  --pds-color-menu-item-background-active: #cfcfd3;
85
95
  --pds-color-menu-item-background-default: #ffffff;