@pantheon-systems/pds-design-tokens 2.0.0-alpha.44 → 2.0.0-alpha.45

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 (4) hide show
  1. package/build/css/variables.dark.css +3 -3
  2. package/build/css/variables.light.css +14 -14
  3. package/build/figma/tokens.json +8 -6
  4. package/package.json +1 -1
package/build/css/variables.dark.css CHANGED
@@ -250,7 +250,7 @@
250
250
  --pds-color-button-reverse-background-hover: oklch(0.3493 0.0293 246.75);
251
251
  --pds-color-button-reverse-foreground: oklch(0.9702 0 0);
252
252
  --pds-color-button-reverse-secondary-background-default: rgba(255, 255, 255, 0.00);
253
- --pds-color-button-reverse-secondary-background-hover: oklch(0.9310 0 0);
253
+ --pds-color-button-reverse-secondary-background-hover: oklch(0.9430 0 0);
254
254
  --pds-color-button-reverse-secondary-border: oklch(0.8047 0 0);
255
255
  --pds-color-button-reverse-secondary-foreground: oklch(0.2178 0 0);
256
256
  --pds-color-close-button-foreground: oklch(0.8452 0 0);
@@ -267,7 +267,7 @@
267
267
  --pds-color-icon-button-critical-border-hover: oklch(0.5954 0.1582 23.19);
268
268
  --pds-color-icon-button-critical-foreground: oklch(0.5954 0.1582 23.19);
269
269
  --pds-color-icon-button-reverse-background-default: rgba(255, 255, 255, 0.00);
270
- --pds-color-icon-button-reverse-background-hover: oklch(0.9310 0 0);
270
+ --pds-color-icon-button-reverse-background-hover: oklch(0.9430 0 0);
271
271
  --pds-color-icon-button-reverse-border-default: oklch(0.8047 0 0);
272
272
  --pds-color-icon-button-reverse-border-hover: oklch(0.8047 0 0);
273
273
  --pds-color-icon-button-reverse-foreground: oklch(0.3791 0 0);
@@ -409,7 +409,7 @@
409
409
  --pds-color-status-discovery-fill: oklch(0.6127 0.1092 305.74);
410
410
  --pds-color-status-discovery-border: oklch(0.4277 0.1065 303.89);
411
411
  --pds-color-status-discovery-background: oklch(0.2671 0.0855 295.38);
412
- --pds-color-status-neutral-background: var(--pds-color-neutral-400);
412
+ --pds-color-status-neutral-background: oklch(0.3329 0 0);
413
413
  --pds-color-status-neutral-indicator: oklch(0.8452 0 0);
414
414
  --pds-color-status-frozen-fill: oklch(0.6392 0.0968 238.41);
415
415
  --pds-color-status-disabled-fill: oklch(0.5103 0 0);
package/build/css/variables.light.css CHANGED
@@ -213,21 +213,21 @@
213
213
  --pds-color-surface-default: oklch(1.0000 0 0);
214
214
  --pds-color-surface-default-secondary: oklch(0.9702 0 0);
215
215
  --pds-color-surface-reverse: oklch(0.2178 0 0);
216
- --pds-color-border-default: oklch(0.9310 0 0);
217
- --pds-color-border-default-secondary: oklch(0.8699 0 0);
218
- --pds-color-border-input: oklch(0.8699 0 0);
216
+ --pds-color-border-default: oklch(0.9430 0 0);
217
+ --pds-color-border-default-secondary: oklch(0.8818 0 0);
218
+ --pds-color-border-input: oklch(0.8818 0 0);
219
219
  --pds-color-border-separator: oklch(0.8047 0 0);
220
220
  --pds-color-border-hover: oklch(0.85 0 0);
221
221
  --pds-color-button-primary-background-default: oklch(0.2178 0 0);
222
222
  --pds-color-button-primary-background-hover: oklch(0.3493 0.0293 246.75);
223
223
  --pds-color-button-primary-foreground: var(--pds-color-foreground-reverse);
224
224
  --pds-color-button-secondary-background-default: rgba(255, 255, 255, 0.00);
225
- --pds-color-button-secondary-background-hover: oklch(0.9650 0.0059 239.82);
225
+ --pds-color-button-secondary-background-hover: oklch(0.9702 0 0);
226
226
  --pds-color-button-secondary-border: oklch(0.8047 0 0);
227
227
  --pds-color-button-secondary-foreground-default: oklch(0.2178 0 0);
228
228
  --pds-color-button-secondary-foreground-hover: oklch(0.2178 0 0);
229
229
  --pds-color-button-subtle-background-default: rgba(255, 255, 255, 0.00);
230
- --pds-color-button-subtle-background-hover: oklch(0.9650 0.0059 239.82);
230
+ --pds-color-button-subtle-background-hover: oklch(0.9702 0 0);
231
231
  --pds-color-button-subtle-foreground: oklch(0.2178 0 0);
232
232
  --pds-color-button-brand-background-default: oklch(0.8622 0.1681 88.31);
233
233
  --pds-color-button-brand-background-hover: oklch(0.8018 0.1553 87.86);
@@ -244,10 +244,10 @@
244
244
  --pds-color-button-critical-secondary-border-hover: var(--pds-color-status-critical-foreground);
245
245
  --pds-color-button-critical-secondary-foreground: oklch(0.4501 0.1581 26.35);
246
246
  --pds-color-button-navbar-background-default: rgba(255, 255, 255, 0.00);
247
- --pds-color-button-navbar-background-hover: oklch(0.9650 0.0059 239.82);
247
+ --pds-color-button-navbar-background-hover: oklch(0.9702 0 0);
248
248
  --pds-color-button-navbar-foreground: oklch(0.2178 0 0);
249
249
  --pds-color-button-reverse-background-default: oklch(0.9702 0 0);
250
- --pds-color-button-reverse-background-hover: oklch(0.9388 0.0118 239.91);
250
+ --pds-color-button-reverse-background-hover: oklch(0.8818 0 0);
251
251
  --pds-color-button-reverse-foreground: oklch(0.2178 0 0);
252
252
  --pds-color-button-reverse-secondary-background-default: rgba(255, 255, 255, 0.00);
253
253
  --pds-color-button-reverse-secondary-background-hover: oklch(0.2931 0 0);
@@ -270,9 +270,9 @@
270
270
  --pds-color-icon-button-reverse-background-hover: #ffffff1a;
271
271
  --pds-color-icon-button-reverse-border-default: oklch(0.5103 0 0);
272
272
  --pds-color-icon-button-reverse-border-hover: oklch(0.5103 0 0);
273
- --pds-color-icon-button-reverse-foreground: oklch(0.9310 0 0);
273
+ --pds-color-icon-button-reverse-foreground: oklch(0.9430 0 0);
274
274
  --pds-color-split-button-primary-separator: oklch(0.5173 0 0);
275
- --pds-color-split-button-secondary-separator: oklch(0.8699 0 0);
275
+ --pds-color-split-button-secondary-separator: oklch(0.8818 0 0);
276
276
  --pds-color-segmented-button-background-inactive: oklch(0.9702 0 0);
277
277
  --pds-color-segmented-button-background-active: oklch(1.0000 0 0);
278
278
  --pds-color-segmented-button-foreground-inactive: var(--pds-color-foreground-default-secondary);
@@ -281,7 +281,7 @@
281
281
  --pds-color-category-ai-utility: oklch(0.6777 0.0966 309.02);
282
282
  --pds-color-category-ai-background: oklch(0.9559 0.0143 308.29);
283
283
  --pds-color-code-inline-background: oklch(0.9702 0 0);
284
- --pds-color-code-inline-border: oklch(0.9310 0 0);
284
+ --pds-color-code-inline-border: oklch(0.9430 0 0);
285
285
  --pds-color-code-inline-text: oklch(0.2178 0 0);
286
286
  --pds-color-datavis-categorical-1: #00b29e;
287
287
  --pds-color-datavis-categorical-2: #3778d7;
@@ -347,7 +347,7 @@
347
347
  --pds-color-foreground-reverse-secondary: oklch(0.8452 0 0);
348
348
  --pds-color-input-placeholder: oklch(0.8047 0 0);
349
349
  --pds-color-input-file-upload-button-background-default: oklch(0.9702 0 0);
350
- --pds-color-input-file-upload-button-background-hover: oklch(0.9310 0 0);
350
+ --pds-color-input-file-upload-button-background-hover: oklch(0.9430 0 0);
351
351
  --pds-color-input-selected-background: oklch(0.5256 0.1988 268.04);
352
352
  --pds-color-input-selected-foreground: oklch(1.0000 0 0);
353
353
  --pds-color-input-switch-icon: oklch(0.9702 0 0);
@@ -359,7 +359,7 @@
359
359
  --pds-color-input-tag-foreground-active: oklch(0.5256 0.1988 268.04);
360
360
  --pds-color-input-tag-outline-active: oklch(0.5256 0.1988 268.04);
361
361
  --pds-color-interactive-background-hover: oklch(0.9702 0 0);
362
- --pds-color-interactive-background-active: oklch(0.9310 0 0);
362
+ --pds-color-interactive-background-active: oklch(0.9430 0 0);
363
363
  --pds-color-interactive-focus: oklch(0.5256 0.1988 268.04);
364
364
  --pds-color-interactive-link-default: oklch(0.5256 0.1988 268.04);
365
365
  --pds-color-interactive-link-hover: oklch(0.6015 0.1484 35.70);
@@ -369,7 +369,7 @@
369
369
  --pds-color-interactive-ui-active: oklch(0.5256 0.1988 268.04);
370
370
  --pds-color-interactive-ui-current: oklch(0.5256 0.1988 268.04);
371
371
  --pds-color-interactive-ui-background-hover: oklch(0.9702 0 0);
372
- --pds-color-interactive-ui-background-active: oklch(0.9310 0 0);
372
+ --pds-color-interactive-ui-background-active: oklch(0.9430 0 0);
373
373
  --pds-color-interactive-reverse-focus: oklch(0.6496 0.1590 270.95);
374
374
  --pds-color-interactive-reverse-link-default: oklch(0.6496 0.1590 270.95);
375
375
  --pds-color-interactive-reverse-link-hover: oklch(0.6707 0.1296 32.99);
@@ -409,7 +409,7 @@
409
409
  --pds-color-status-discovery-fill: oklch(0.5200 0.1177 303.12);
410
410
  --pds-color-status-discovery-border: oklch(0.8272 0.0507 309.02);
411
411
  --pds-color-status-discovery-background: oklch(0.9559 0.0143 308.29);
412
- --pds-color-status-neutral-background: var(--pds-color-neutral-300);
412
+ --pds-color-status-neutral-background: oklch(0.8818 0 0);
413
413
  --pds-color-status-neutral-indicator: oklch(0.5173 0 0);
414
414
  --pds-color-status-frozen-fill: oklch(0.5510 0.1014 242.56);
415
415
  --pds-color-status-disabled-fill: oklch(0.8047 0 0);
package/build/figma/tokens.json CHANGED
@@ -1891,7 +1891,7 @@
1891
1891
  }
1892
1892
  },
1893
1893
  "200": {
1894
- "value": "#e8e8e8",
1894
+ "value": "#ececec",
1895
1895
  "type": "color",
1896
1896
  "$extensions": {
1897
1897
  "com.figma": {
@@ -1900,7 +1900,7 @@
1900
1900
  }
1901
1901
  },
1902
1902
  "300": {
1903
- "value": "#d4d4d4",
1903
+ "value": "#d8d8d8",
1904
1904
  "type": "color",
1905
1905
  "$extensions": {
1906
1906
  "com.figma": {
@@ -3317,7 +3317,7 @@
3317
3317
  }
3318
3318
  },
3319
3319
  "hover": {
3320
- "value": "{color.light-mode.secondary.100}",
3320
+ "value": "{color.light-mode.neutral.100}",
3321
3321
  "type": "color",
3322
3322
  "$extensions": {
3323
3323
  "public": true,
@@ -3392,7 +3392,7 @@
3392
3392
  }
3393
3393
  },
3394
3394
  "hover": {
3395
- "value": "{color.light-mode.secondary.100}",
3395
+ "value": "{color.light-mode.neutral.100}",
3396
3396
  "type": "color",
3397
3397
  "$extensions": {
3398
3398
  "public": true,
@@ -3647,7 +3647,7 @@
3647
3647
  }
3648
3648
  },
3649
3649
  "hover": {
3650
- "value": "{color.light-mode.secondary.100}",
3650
+ "value": "{color.light-mode.neutral.100}",
3651
3651
  "type": "color",
3652
3652
  "$extensions": {
3653
3653
  "public": true,
@@ -3693,7 +3693,7 @@
3693
3693
  }
3694
3694
  },
3695
3695
  "hover": {
3696
- "value": "{color.dark-mode.secondary.800}",
3696
+ "value": "{color.light-mode.neutral.300}",
3697
3697
  "type": "color",
3698
3698
  "$extensions": {
3699
3699
  "public": true,
@@ -6020,6 +6020,7 @@
6020
6020
  "type": "color",
6021
6021
  "$extensions": {
6022
6022
  "public": true,
6023
+ "resolveValue": true,
6023
6024
  "com.figma": {
6024
6025
  "exportAs": "variable",
6025
6026
  "codeSyntax": {
@@ -14339,6 +14340,7 @@
14339
14340
  "type": "color",
14340
14341
  "$extensions": {
14341
14342
  "public": true,
14343
+ "resolveValue": true,
14342
14344
  "com.figma": {
14343
14345
  "exportAs": "variable",
14344
14346
  "codeSyntax": {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
3
  "description": "Design Tokens for the Pantheon Design System",
4
- "version": "2.0.0-alpha.44",
4
+ "version": "2.0.0-alpha.45",
5
5
  "publishConfig": {
6
6
  "access": "public",
7
7
  "registry": "https://registry.npmjs.org/",