@pantheon-systems/pds-design-tokens 1.0.0-dev.92 → 1.0.0-dev.94

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 (6) hide show
  1. package/build/css/pds-design-tokens-dark-mode.css +12 -6
  2. package/build/css/pds-design-tokens-light-mode.css +14 -8
  3. package/build/figma/pds-design-tokens-figma.json +492 -168
  4. package/build/json/pds-design-tokens-dark-mode.json +236 -72
  5. package/build/json/pds-design-tokens-light-mode.json +239 -79
  6. package/package.json +1 -1
package/build/css/pds-design-tokens-dark-mode.css CHANGED
@@ -71,9 +71,9 @@
71
71
  --pds-color-button-critical-foreground-active: #ffffff;
72
72
  --pds-color-button-critical-foreground-default: #ffffff;
73
73
  --pds-color-button-critical-foreground-hover: #ffffff;
74
- --pds-color-button-navbar-foreground-active: #8a70ff;
74
+ --pds-color-button-navbar-foreground-active: var(--pds-color-link-active);
75
75
  --pds-color-button-navbar-foreground-default: #ffffff;
76
- --pds-color-button-navbar-foreground-hover: #8a70ff;
76
+ --pds-color-button-navbar-foreground-hover: var(--pds-color-link-hover);
77
77
  --pds-color-button-primary-background-active: #4e39a8;
78
78
  --pds-color-button-primary-background-default: #8a70ff;
79
79
  --pds-color-button-primary-background-hover: #ad9bff;
@@ -92,13 +92,11 @@
92
92
  --pds-color-button-secondary-foreground-active: #e7e7eb;
93
93
  --pds-color-button-secondary-foreground-default: #e7e7eb;
94
94
  --pds-color-button-secondary-foreground-hover: #ffffff;
95
- --pds-color-button-subtle-background-active: #282839;
96
95
  --pds-color-button-subtle-background-default: rgba(0, 0, 0, 0);
97
- --pds-color-button-subtle-background-hover: #504e62;
98
96
  --pds-color-button-subtle-border-default: rgba(0, 0, 0, 0);
99
- --pds-color-button-subtle-foreground-active: #e7e7eb;
97
+ --pds-color-button-subtle-foreground-active: var(--pds-color-link-active);
100
98
  --pds-color-button-subtle-foreground-default: #e7e7eb;
101
- --pds-color-button-subtle-foreground-hover: #ffffff;
99
+ --pds-color-button-subtle-foreground-hover: var(--pds-color-link-hover);
102
100
  --pds-color-card-border: #504e62;
103
101
  --pds-color-code-inline-background: #282839;
104
102
  --pds-color-code-inline-border: #504e62;
@@ -111,6 +109,14 @@
111
109
  --pds-color-gradient-midnight: linear-gradient(228.64deg, #1B0874 46.34%, #00E0C3 100%);
112
110
  --pds-color-gradient-sunrise: linear-gradient(227.79deg, #1B0874 38.28%, #E65F35 100%);
113
111
  --pds-color-gradient-sunset: linear-gradient(48.24deg, #EF13AD 0%, #1B0874 66.25%);
112
+ --pds-color-icon-button-critical-background-active: var(--pds-color-button-critical-background-active);
113
+ --pds-color-icon-button-critical-background-default: var(--pds-color-button-critical-background-default);
114
+ --pds-color-icon-button-critical-background-hover: var(--pds-color-button-critical-background-hover);
115
+ --pds-color-icon-button-critical-foreground-default: var(--pds-color-button-critical-foreground-default);
116
+ --pds-color-icon-button-standard-background-active: #858299;
117
+ --pds-color-icon-button-standard-background-default: rgba(0, 0, 0, 0);
118
+ --pds-color-icon-button-standard-background-hover: #a6a3b4;
119
+ --pds-color-icon-button-standard-foreground-default: #ffffff;
114
120
  --pds-color-input-action-background-hover: #504e62;
115
121
  --pds-color-input-background-critical: #1d1d29;
116
122
  --pds-color-input-background-default: #1d1d29;
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -71,9 +71,9 @@
71
71
  --pds-color-button-critical-foreground-active: #ffffff;
72
72
  --pds-color-button-critical-foreground-default: #ffffff;
73
73
  --pds-color-button-critical-foreground-hover: #ffffff;
74
- --pds-color-button-navbar-foreground-active: #5f41e5;
75
- --pds-color-button-navbar-foreground-default: #23232d;
76
- --pds-color-button-navbar-foreground-hover: #5f41e5;
74
+ --pds-color-button-navbar-foreground-active: var(--pds-color-link-active);
75
+ --pds-color-button-navbar-foreground-default: var(--pds-color-foreground-default);
76
+ --pds-color-button-navbar-foreground-hover: var(--pds-color-link-hover);
77
77
  --pds-color-button-primary-background-active: #11005d;
78
78
  --pds-color-button-primary-background-default: #3017a1;
79
79
  --pds-color-button-primary-background-hover: #5f41e5;
@@ -92,13 +92,11 @@
92
92
  --pds-color-button-secondary-foreground-active: #11005d;
93
93
  --pds-color-button-secondary-foreground-default: #3017a1;
94
94
  --pds-color-button-secondary-foreground-hover: #3017a1;
95
- --pds-color-button-subtle-background-active: #cfcfd3;
96
95
  --pds-color-button-subtle-background-default: rgba(0, 0, 0, 0);
97
- --pds-color-button-subtle-background-hover: #f1f1f1;
98
96
  --pds-color-button-subtle-border-default: rgba(0, 0, 0, 0);
99
- --pds-color-button-subtle-foreground-active: #23232d;
100
- --pds-color-button-subtle-foreground-default: #23232d;
101
- --pds-color-button-subtle-foreground-hover: #23232d;
97
+ --pds-color-button-subtle-foreground-active: var(--pds-color-link-active);
98
+ --pds-color-button-subtle-foreground-default: var(--pds-color-text-default);
99
+ --pds-color-button-subtle-foreground-hover: var(--pds-color-link-hover);
102
100
  --pds-color-card-border: var(--pds-color-border-default);
103
101
  --pds-color-code-inline-background: #f0ecff;
104
102
  --pds-color-code-inline-border: #e5dbff;
@@ -111,6 +109,14 @@
111
109
  --pds-color-gradient-midnight: linear-gradient(228.64deg, #1B0874 46.34%, #00E0C3 100%);
112
110
  --pds-color-gradient-sunrise: linear-gradient(227.79deg, #1B0874 38.28%, #E65F35 100%);
113
111
  --pds-color-gradient-sunset: linear-gradient(48.24deg, #EF13AD 0%, #1B0874 66.25%);
112
+ --pds-color-icon-button-critical-background-active: var(--pds-color-button-critical-background-active);
113
+ --pds-color-icon-button-critical-background-default: var(--pds-color-button-critical-background-default);
114
+ --pds-color-icon-button-critical-background-hover: var(--pds-color-button-critical-background-hover);
115
+ --pds-color-icon-button-critical-foreground-default: var(--pds-color-button-critical-foreground-default);
116
+ --pds-color-icon-button-standard-background-active: #cfcfd3;
117
+ --pds-color-icon-button-standard-background-default: rgba(0, 0, 0, 0);
118
+ --pds-color-icon-button-standard-background-hover: #f1f1f1;
119
+ --pds-color-icon-button-standard-foreground-default: #23232d;
114
120
  --pds-color-input-action-background-hover: #f8f8f8;
115
121
  --pds-color-input-background-critical: #ffedeb;
116
122
  --pds-color-input-background-default: #ffffff;