@pantheon-systems/pds-toolkit-react 2.0.0-alpha.34 → 2.0.0-alpha.36

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 (59) hide show
  1. package/bin/pds-codemod.cjs +58 -0
  2. package/codemods/v1-to-v2/mappings.json +1281 -0
  3. package/codemods/v1-to-v2/transforms/__testfixtures__/prop-value-standardization/basic.input.tsx +36 -0
  4. package/codemods/v1-to-v2/transforms/__testfixtures__/prop-value-standardization/basic.output.tsx +36 -0
  5. package/codemods/v1-to-v2/transforms/__tests__/prop-value-standardization.test.js +6 -0
  6. package/codemods/v1-to-v2/transforms/prop-value-standardization.js +112 -0
  7. package/dist/components/Table/Table.d.ts +107 -1
  8. package/dist/components/buttons/Button/Button.d.ts +15 -0
  9. package/dist/components/buttons/MenuButton/MenuButton.d.ts +20 -7
  10. package/dist/components/buttons/SegmentedButton/SegmentedButton.d.ts +6 -5
  11. package/dist/components/buttons/SplitButton/SplitButton.d.ts +1 -1
  12. package/dist/components/icons/Icon/generated-icon-data.d.ts +16 -2
  13. package/dist/components/inputs/Datepicker/Datepicker.d.ts +22 -13
  14. package/dist/css/component-css/pds-button-nav.css +1 -1
  15. package/dist/css/component-css/pds-button.css +6 -6
  16. package/dist/css/component-css/pds-datepicker.css +2 -2
  17. package/dist/css/component-css/pds-drawer.css +1 -1
  18. package/dist/css/component-css/pds-dropdown-menu.css +1 -1
  19. package/dist/css/component-css/pds-index.css +27 -23
  20. package/dist/css/component-css/pds-input-utilities.css +1 -1
  21. package/dist/css/component-css/pds-menu-button.css +1 -1
  22. package/dist/css/component-css/pds-nav-menu.css +1 -1
  23. package/dist/css/component-css/pds-navbar.css +1 -1
  24. package/dist/css/component-css/pds-pagination-mini.css +1 -1
  25. package/dist/css/component-css/pds-panel-list.css +1 -1
  26. package/dist/css/component-css/pds-panel.css +1 -1
  27. package/dist/css/component-css/pds-segmented-button.css +1 -1
  28. package/dist/css/component-css/pds-side-nav-global.css +1 -1
  29. package/dist/css/component-css/pds-side-nav.css +1 -1
  30. package/dist/css/component-css/pds-site-footer.css +1 -1
  31. package/dist/css/component-css/pds-sortable-list.css +1 -1
  32. package/dist/css/component-css/pds-split-button.css +1 -1
  33. package/dist/css/component-css/pds-status-checker.css +1 -1
  34. package/dist/css/component-css/pds-stepper.css +3 -1
  35. package/dist/css/component-css/pds-tab-menu.css +1 -1
  36. package/dist/css/component-css/pds-table-of-contents.css +1 -1
  37. package/dist/css/component-css/pds-table.css +3 -1
  38. package/dist/css/component-css/pds-tabs.css +1 -1
  39. package/dist/css/component-css/pds-tally.css +1 -1
  40. package/dist/css/component-css/pds-theme-switcher.css +1 -1
  41. package/dist/css/component-css/pds-tree-nav.css +1 -1
  42. package/dist/css/component-css/pds-user-menu.css +2 -2
  43. package/dist/css/component-css/pds-utility-button.css +1 -1
  44. package/dist/css/component-css/pds-vertical-stepper.css +1 -1
  45. package/dist/css/component-css/pds-workspace-selector.css +1 -1
  46. package/dist/css/design-tokens/variables.dark.css +43 -33
  47. package/dist/css/design-tokens/variables.light.css +33 -23
  48. package/dist/css/pds-components.css +27 -23
  49. package/dist/css/pds-core.css +2 -2
  50. package/dist/index.css +1 -1
  51. package/dist/index.d.ts +1 -0
  52. package/dist/index.js +1411 -1052
  53. package/dist/index.js.map +1 -1
  54. package/dist/libs/components/StatusDot/StatusDot.d.ts +15 -0
  55. package/dist/libs/types/layout-types.d.ts +1 -1
  56. package/dist/svg/anglesDown.svg +3 -0
  57. package/dist/svg/anglesUp.svg +3 -0
  58. package/dist/utilities/FlexContainer/FlexContainer.d.ts +2 -1
  59. package/package.json +17 -2
package/dist/css/design-tokens/variables.dark.css CHANGED
@@ -74,32 +74,26 @@
74
74
  --pds-color-banner-neutral-background: oklch(0.5103 0 0);
75
75
  --pds-color-banner-neutral-foreground: oklch(0.9702 0 0);
76
76
  --pds-color-card-background: oklch(0.2178 0 0);
77
- --pds-color-code-block-dark-background: var(--pds-color-surface-reverse);
78
- --pds-color-code-block-dark-foreground: var(--pds-color-foreground-reverse);
77
+ --pds-color-code-block-dark-background: oklch(1.0000 0 0);
78
+ --pds-color-code-block-dark-foreground: oklch(1.0000 0 0);
79
79
  --pds-color-code-block-dark-line-prefix: #9699A1;
80
80
  --pds-color-code-block-dark-highlight: #474954;
81
81
  --pds-color-code-block-light-background: #EFF0F0;
82
82
  --pds-color-code-block-light-foreground: #3B3D45;
83
83
  --pds-color-code-block-light-line-prefix: #686D78;
84
84
  --pds-color-code-block-light-highlight: #DEDFE0;
85
- --pds-color-datepicker-accent-foreground: oklch(0.6496 0.1590 270.95);
85
+ --pds-color-datepicker-accent-foreground: oklch(0.7049 0.1468 258.30);
86
86
  --pds-color-datepicker-range-background: oklch(0.2000 0.0400 268.00);
87
87
  --pds-color-datepicker-range-foreground: oklch(0.2178 0 0);
88
- --pds-color-datepicker-selected-background: oklch(0.6496 0.1590 270.95);
88
+ --pds-color-datepicker-selected-background: oklch(0.7049 0.1468 258.30);
89
89
  --pds-color-datepicker-selected-foreground: oklch(0.2178 0 0);
90
- --pds-color-log-row-standard-background-default: oklch(0.9702 0 0);
91
- --pds-color-log-row-standard-background-hover: oklch(0.8452 0 0);
92
- --pds-color-log-row-warning-background-default: oklch(0.3111 0.0678 55.70);
93
- --pds-color-log-row-error-background-default: oklch(0.2550 0.0814 25.05);
94
90
  --pds-color-pagination-foreground-hover: oklch(1 0 0);
95
91
  --pds-color-pagination-foreground-active: oklch(0.9702 0 0);
96
92
  --pds-color-pagination-foreground-current: oklch(1 0 0);
97
93
  --pds-color-pagination-background-hover: oklch(0.2603 0 0);
98
94
  --pds-color-pagination-background-active: oklch(0.2000 0.0400 268.00);
99
- --pds-color-pagination-background-current: oklch(0.6496 0.1590 270.95);
100
- --pds-color-panel-sunken-background: oklch(0.2178 0 0);
101
- --pds-color-panel-raised-background: oklch(0.2178 0 0);
102
- --pds-color-panel-overlay-background: oklch(0.2178 0 0);
95
+ --pds-color-pagination-background-current: oklch(0.7049 0.1468 258.30);
96
+ --pds-color-panel-sunken-background: oklch(0.2603 0 0);
103
97
  --pds-color-expansion-panel-hover: oklch(0.2931 0 0);
104
98
  --pds-color-expansion-panel-open: oklch(0.2931 0 0);
105
99
  --pds-color-popover-border: oklch(0.31 0.005 258);
@@ -171,6 +165,16 @@
171
165
  --pds-color-tag-info-solid-foreground: oklch(0.2178 0 0);
172
166
  --pds-color-tag-discovery-solid-background: oklch(0.7268 0.0778 307.70);
173
167
  --pds-color-tag-discovery-solid-foreground: oklch(0.2178 0 0);
168
+ --pds-color-tally-success-background: oklch(0.6402 0.1224 130.73);
169
+ --pds-color-tally-success-foreground: oklch(1.0000 0 0);
170
+ --pds-color-tally-warning-background: oklch(0.6419 0.1457 55.55);
171
+ --pds-color-tally-warning-foreground: oklch(1.0000 0 0);
172
+ --pds-color-tally-critical-background: oklch(0.5338 0.1771 25.54);
173
+ --pds-color-tally-critical-foreground: oklch(1.0000 0 0);
174
+ --pds-color-tally-info-background: oklch(0.5510 0.1014 242.56);
175
+ --pds-color-tally-info-foreground: oklch(1.0000 0 0);
176
+ --pds-color-tally-discovery-background: oklch(0.5200 0.1177 303.12);
177
+ --pds-color-tally-discovery-foreground: oklch(1.0000 0 0);
174
178
  --pds-color-surface-default: oklch(0.2178 0 0);
175
179
  --pds-color-surface-default-secondary: oklch(0.2603 0 0);
176
180
  --pds-color-surface-reverse: oklch(0.9702 0 0);
@@ -197,10 +201,10 @@
197
201
  --pds-color-button-brand-background-hover: oklch(0.7640 0.1510 84.30);
198
202
  --pds-color-button-brand-background-active: oklch(0.6723 0.1329 84.30);
199
203
  --pds-color-button-brand-foreground: oklch(0.2178 0 0);
200
- --pds-color-button-highlight-background-default: oklch(0.5256 0.1988 268.04);
201
- --pds-color-button-highlight-background-hover: oklch(0.4293 0.1892 266.63);
202
- --pds-color-button-highlight-background-active: oklch(0.3778 0.1665 266.63);
203
- --pds-color-button-highlight-foreground: oklch(1.0000 0 0);
204
+ --pds-color-button-highlight-background-default: oklch(0.7049 0.1468 258.30);
205
+ --pds-color-button-highlight-background-hover: oklch(0.6049 0.1468 258.30);
206
+ --pds-color-button-highlight-background-active: oklch(0.5549 0.1468 258.30);
207
+ --pds-color-button-highlight-foreground: oklch(0.2178 0 0);
204
208
  --pds-color-button-critical-background-default: oklch(0.5338 0.1771 25.54);
205
209
  --pds-color-button-critical-background-hover: oklch(0.4501 0.1581 26.35);
206
210
  --pds-color-button-critical-background-active: oklch(0.3961 0.1391 26.35);
@@ -238,10 +242,10 @@
238
242
  --pds-color-icon-button-reverse-border-default: oklch(0.8047 0 0);
239
243
  --pds-color-icon-button-reverse-border-hover: oklch(0.8047 0 0);
240
244
  --pds-color-icon-button-reverse-foreground: oklch(0.3791 0 0);
241
- --pds-color-split-button-primary-separator: oklch(0.8452 0 0);
245
+ --pds-color-split-button-primary-separator: oklch(0.2178 0 0);
242
246
  --pds-color-split-button-secondary-separator: oklch(0.4091 0 0);
243
247
  --pds-color-segmented-button-background-inactive: oklch(0.2931 0 0);
244
- --pds-color-segmented-button-background-active: oklch(0.8452 0 0);
248
+ --pds-color-segmented-button-background-active: oklch(0.7049 0.1468 258.30);
245
249
  --pds-color-segmented-button-foreground-inactive: var(--pds-color-foreground-default-secondary);
246
250
  --pds-color-segmented-button-foreground-active: var(--pds-color-foreground-reverse);
247
251
  --pds-color-category-ai-foreground: oklch(0.9559 0.0143 308.29);
@@ -315,35 +319,36 @@
315
319
  --pds-color-input-placeholder: oklch(0.6830 0 0);
316
320
  --pds-color-input-file-upload-button-background-default: oklch(0.2931 0 0);
317
321
  --pds-color-input-file-upload-button-background-hover: oklch(0.3329 0 0);
318
- --pds-color-input-selected-background: oklch(0.6496 0.1590 270.95);
322
+ --pds-color-input-selected-background: oklch(0.7049 0.1468 258.30);
319
323
  --pds-color-input-selected-foreground: oklch(1.0000 0 0);
320
324
  --pds-color-input-switch-icon: oklch(0.8452 0 0);
321
325
  --pds-color-input-tag-background-default: oklch(0.38 0 0);
322
326
  --pds-color-input-tag-background-hover: oklch(0.32 0 0);
323
- --pds-color-input-tag-background-active: oklch(0.6496 0.1590 270.95);
327
+ --pds-color-input-tag-background-active: oklch(0.7049 0.1468 258.30);
324
328
  --pds-color-input-tag-foreground-default: oklch(0.9702 0 0);
325
329
  --pds-color-input-tag-foreground-hover: oklch(0.9702 0 0);
326
330
  --pds-color-input-tag-foreground-active: oklch(0.9702 0 0);
327
- --pds-color-input-tag-outline-active: oklch(0.6496 0.1590 270.95);
328
- --pds-color-interactive-background-hover: oklch(0.2603 0 0);
329
- --pds-color-interactive-background-active: oklch(0.2931 0 0);
330
- --pds-color-interactive-focus: oklch(0.6496 0.1590 270.95);
331
- --pds-color-interactive-link-default: oklch(0.6496 0.1590 270.95);
331
+ --pds-color-input-tag-outline-active: oklch(0.7049 0.1468 258.30);
332
+ --pds-color-interactive-focus: oklch(0.7049 0.1468 258.30);
333
+ --pds-color-interactive-link-default: oklch(0.6478 0.1736 258.63);
332
334
  --pds-color-interactive-link-hover: oklch(0.6707 0.1296 32.99);
333
335
  --pds-color-interactive-link-active: oklch(0.7480 0.1030 37.44);
334
- --pds-color-interactive-link-visited: oklch(0.6496 0.1590 270.95);
335
- --pds-color-interactive-ui-hover: oklch(0.6496 0.1590 270.95);
336
- --pds-color-interactive-ui-active: oklch(0.6496 0.1590 270.95);
337
- --pds-color-interactive-ui-current: oklch(0.6496 0.1590 270.95);
338
- --pds-color-interactive-ui-background-hover: oklch(0.2603 0 0);
339
- --pds-color-interactive-ui-background-active: oklch(0.2931 0 0);
340
- --pds-color-interactive-ui-background-selected: oklch(0.2000 0.0400 268.00);
336
+ --pds-color-interactive-link-visited: oklch(0.6478 0.1736 258.63);
337
+ --pds-color-interactive-foreground-current: oklch(0.7049 0.1468 258.30);
338
+ --pds-color-interactive-foreground-hover: oklch(0.7049 0.1468 258.30);
339
+ --pds-color-interactive-foreground-active: oklch(0.7049 0.1468 258.30);
340
+ --pds-color-interactive-foreground-inactive: oklch(0.5991 0 0);
341
+ --pds-color-interactive-background-current: oklch(0.7049 0.1468 258.30);
342
+ --pds-color-interactive-background-current-foreground: oklch(0.2178 0 0);
343
+ --pds-color-interactive-background-hover: oklch(0.2603 0 0);
344
+ --pds-color-interactive-background-active: oklch(0.2931 0 0);
345
+ --pds-color-interactive-background-selected: oklch(0.2000 0.0400 268.00);
341
346
  --pds-color-interactive-reverse-focus: oklch(0.5256 0.1988 268.04);
342
347
  --pds-color-interactive-reverse-link-default: oklch(0.5256 0.1988 268.04);
343
348
  --pds-color-interactive-reverse-link-hover: oklch(0.6015 0.1484 35.70);
344
349
  --pds-color-interactive-reverse-link-active: oklch(0.5093 0.1241 35.58);
345
350
  --pds-color-interactive-reverse-link-visited: oklch(0.5256 0.1988 268.04);
346
- --pds-color-interactive-reverse-ui-hover: oklch(0.5256 0.1988 268.04);
351
+ --pds-color-interactive-reverse-foreground-hover: oklch(0.5256 0.1988 268.04);
347
352
  --pds-color-nav-item-reverse-foreground-hover: oklch(0.5200 0.1177 303.12);
348
353
  --pds-color-nav-item-reverse-foreground-active: oklch(0.5200 0.1177 303.12);
349
354
  --pds-color-overlay: rgba(0, 0, 0, 0.45);
@@ -361,22 +366,27 @@
361
366
  --pds-color-status-success-fill: oklch(0.6402 0.1224 130.73);
362
367
  --pds-color-status-success-border: oklch(0.5670 0.1201 132.73);
363
368
  --pds-color-status-success-background: oklch(0.3746 0.0812 134.16);
369
+ --pds-color-status-success-background-hover: oklch(0.4733 0.1035 134.24);
364
370
  --pds-color-status-warning-foreground: oklch(0.8603 0.0782 67.73);
365
371
  --pds-color-status-warning-fill: oklch(0.7116 0.1405 61.04);
366
372
  --pds-color-status-warning-border: oklch(0.5428 0.1292 52.61);
367
373
  --pds-color-status-warning-background: oklch(0.3111 0.0678 55.70);
374
+ --pds-color-status-warning-background-hover: oklch(0.4323 0.1012 53.56);
368
375
  --pds-color-status-critical-foreground: oklch(0.8022 0.0731 18.80);
369
376
  --pds-color-status-critical-fill: oklch(0.5954 0.1582 23.19);
370
377
  --pds-color-status-critical-border: oklch(0.4501 0.1581 26.35);
371
378
  --pds-color-status-critical-background: oklch(0.2550 0.0814 25.05);
379
+ --pds-color-status-critical-background-hover: oklch(0.3541 0.1230 26.18);
372
380
  --pds-color-status-info-foreground: oklch(0.8372 0.0459 236.03);
373
381
  --pds-color-status-info-fill: oklch(0.6392 0.0968 238.41);
374
382
  --pds-color-status-info-border: oklch(0.4662 0.0924 245.48);
375
383
  --pds-color-status-info-background: oklch(0.2906 0.0644 249.78);
384
+ --pds-color-status-info-background-hover: oklch(0.3751 0.0783 246.74);
376
385
  --pds-color-status-discovery-foreground: oklch(0.8272 0.0507 309.02);
377
386
  --pds-color-status-discovery-fill: oklch(0.6127 0.1092 305.74);
378
387
  --pds-color-status-discovery-border: oklch(0.4277 0.1065 303.89);
379
388
  --pds-color-status-discovery-background: oklch(0.2671 0.0855 295.38);
389
+ --pds-color-status-discovery-background-hover: oklch(0.3388 0.0952 301.67);
380
390
  --pds-color-status-neutral-background: oklch(0.3329 0 0);
381
391
  --pds-color-status-neutral-indicator: oklch(0.8452 0 0);
382
392
  --pds-color-status-frozen-fill: oklch(0.6392 0.0968 238.41);
package/dist/css/design-tokens/variables.light.css CHANGED
@@ -28,7 +28,7 @@
28
28
  --pds-color-badge-rose-muted-background: oklch(0.9106 0.0331 351.20);
29
29
  --pds-color-badge-rose-muted-foreground: oklch(0.3361 0.1343 13.26);
30
30
  --pds-color-badge-orange-background: oklch(0.5874 0.1832 40.31);
31
- --pds-color-badge-orange-foreground: oklch(1 0 0);
31
+ --pds-color-badge-orange-foreground: oklch(1.0000 0 0);
32
32
  --pds-color-badge-orange-muted-background: oklch(0.9175 0.0328 49.33);
33
33
  --pds-color-badge-orange-muted-foreground: oklch(0.3445 0.1414 29.23);
34
34
  --pds-color-badge-lime-background: oklch(0.5540 0.1620 135.05);
@@ -40,7 +40,7 @@
40
40
  --pds-color-badge-sky-muted-background: oklch(0.9144 0.0264 224.25);
41
41
  --pds-color-badge-sky-muted-foreground: oklch(0.3083 0.1049 255.90);
42
42
  --pds-color-badge-indigo-background: oklch(0.4574 0.1942 275.52);
43
- --pds-color-badge-indigo-foreground: oklch(1 0 0);
43
+ --pds-color-badge-indigo-foreground: oklch(1.0000 0 0);
44
44
  --pds-color-badge-indigo-muted-background: oklch(0.9364 0.0311 281.82);
45
45
  --pds-color-badge-indigo-muted-foreground: oklch(0.3152 0.1990 274.45);
46
46
  --pds-color-badge-ink-background: oklch(0.2178 0 0);
@@ -87,19 +87,13 @@
87
87
  --pds-color-datepicker-range-foreground: oklch(0.2178 0 0);
88
88
  --pds-color-datepicker-selected-background: oklch(0.5256 0.1988 268.04);
89
89
  --pds-color-datepicker-selected-foreground: oklch(1.0000 0 0);
90
- --pds-color-log-row-standard-background-default: oklch(0.2178 0 0);
91
- --pds-color-log-row-standard-background-hover: oklch(0.5173 0 0);
92
- --pds-color-log-row-warning-background-default: oklch(0.9665 0.0199 70.00);
93
- --pds-color-log-row-error-background-default: oklch(0.9740 0.0075 17.42);
94
90
  --pds-color-pagination-foreground-hover: oklch(0.2178 0 0);
95
91
  --pds-color-pagination-foreground-active: var(--pds-color-interactive-link-active);
96
- --pds-color-pagination-foreground-current: oklch(1 0 0);
92
+ --pds-color-pagination-foreground-current: var(--pds-color-interactive-background-current-foreground);
97
93
  --pds-color-pagination-background-hover: oklch(0.9702 0 0);
98
94
  --pds-color-pagination-background-active: oklch(0.9500 0.0300 268.00);
99
95
  --pds-color-pagination-background-current: oklch(0.5256 0.1988 268.04);
100
96
  --pds-color-panel-sunken-background: oklch(0.9702 0 0);
101
- --pds-color-panel-raised-background: oklch(0.9702 0 0);
102
- --pds-color-panel-overlay-background: oklch(0.9702 0 0);
103
97
  --pds-color-expansion-panel-hover: oklch(0.9702 0 0);
104
98
  --pds-color-expansion-panel-open: oklch(0.9702 0 0);
105
99
  --pds-color-popover-border: oklch(0.9430 0 0);
@@ -115,7 +109,7 @@
115
109
  --pds-color-spinner-mono-1: #171717;
116
110
  --pds-color-spinner-mono-2: #66666680;
117
111
  --pds-color-spinner-mono-3: transparent;
118
- --pds-color-spinner-mono-reverse-1: #FFFFFF;
112
+ --pds-color-spinner-mono-reverse-1: var(--pds-color-foreground-reverse);
119
113
  --pds-color-spinner-mono-reverse-2: #ffffff80;
120
114
  --pds-color-spinner-mono-reverse-3: transparent;
121
115
  --pds-color-spinner-critical-secondary-1: #DE2E21;
@@ -171,6 +165,16 @@
171
165
  --pds-color-tag-info-solid-foreground: oklch(1.0000 0 0);
172
166
  --pds-color-tag-discovery-solid-background: oklch(0.4277 0.1065 303.89);
173
167
  --pds-color-tag-discovery-solid-foreground: oklch(1.0000 0 0);
168
+ --pds-color-tally-success-background: oklch(0.5670 0.1201 132.73);
169
+ --pds-color-tally-success-foreground: oklch(1.0000 0 0);
170
+ --pds-color-tally-warning-background: oklch(0.5658 0.1338 53.43);
171
+ --pds-color-tally-warning-foreground: oklch(1.0000 0 0);
172
+ --pds-color-tally-critical-background: oklch(0.4501 0.1581 26.35);
173
+ --pds-color-tally-critical-foreground: oklch(1.0000 0 0);
174
+ --pds-color-tally-info-background: oklch(0.4662 0.0924 245.48);
175
+ --pds-color-tally-info-foreground: oklch(1.0000 0 0);
176
+ --pds-color-tally-discovery-background: oklch(0.4277 0.1065 303.89);
177
+ --pds-color-tally-discovery-foreground: oklch(1.0000 0 0);
174
178
  --pds-color-surface-default: oklch(1.0000 0 0);
175
179
  --pds-color-surface-default-secondary: oklch(0.9702 0 0);
176
180
  --pds-color-surface-reverse: oklch(0.2178 0 0);
@@ -200,7 +204,7 @@
200
204
  --pds-color-button-highlight-background-default: oklch(0.5256 0.1988 268.04);
201
205
  --pds-color-button-highlight-background-hover: oklch(0.4293 0.1892 266.63);
202
206
  --pds-color-button-highlight-background-active: oklch(0.3864 0.1703 266.63);
203
- --pds-color-button-highlight-foreground: oklch(1.0000 0 0);
207
+ --pds-color-button-highlight-foreground: var(--pds-color-foreground-reverse);
204
208
  --pds-color-button-critical-background-default: oklch(0.5338 0.1771 25.54);
205
209
  --pds-color-button-critical-background-hover: oklch(0.4501 0.1581 26.35);
206
210
  --pds-color-button-critical-background-active: oklch(0.4051 0.1423 26.35);
@@ -238,12 +242,12 @@
238
242
  --pds-color-icon-button-reverse-border-default: oklch(0.5103 0 0);
239
243
  --pds-color-icon-button-reverse-border-hover: oklch(0.5103 0 0);
240
244
  --pds-color-icon-button-reverse-foreground: oklch(0.9430 0 0);
241
- --pds-color-split-button-primary-separator: oklch(0.5173 0 0);
245
+ --pds-color-split-button-primary-separator: oklch(1.0000 0 0);
242
246
  --pds-color-split-button-secondary-separator: oklch(0.8761 0 0);
243
247
  --pds-color-segmented-button-background-inactive: oklch(0.9702 0 0);
244
- --pds-color-segmented-button-background-active: oklch(1.0000 0 0);
248
+ --pds-color-segmented-button-background-active: oklch(0.5256 0.1988 268.04);
245
249
  --pds-color-segmented-button-foreground-inactive: var(--pds-color-foreground-default-secondary);
246
- --pds-color-segmented-button-foreground-active: var(--pds-color-foreground-default);
250
+ --pds-color-segmented-button-foreground-active: var(--pds-color-foreground-reverse);
247
251
  --pds-color-category-ai-foreground: oklch(0.5200 0.1177 303.12);
248
252
  --pds-color-category-ai-utility: oklch(0.6777 0.0966 309.02);
249
253
  --pds-color-category-ai-background: oklch(0.9559 0.0143 308.29);
@@ -325,25 +329,26 @@
325
329
  --pds-color-input-tag-foreground-hover: oklch(0.2178 0 0);
326
330
  --pds-color-input-tag-foreground-active: oklch(0.5256 0.1988 268.04);
327
331
  --pds-color-input-tag-outline-active: oklch(0.5256 0.1988 268.04);
328
- --pds-color-interactive-background-hover: oklch(0.9702 0 0);
329
- --pds-color-interactive-background-active: oklch(0.9430 0 0);
330
332
  --pds-color-interactive-focus: oklch(0.5256 0.1988 268.04);
331
333
  --pds-color-interactive-link-default: oklch(0.5256 0.1988 268.04);
332
334
  --pds-color-interactive-link-hover: oklch(0.6015 0.1484 35.70);
333
335
  --pds-color-interactive-link-active: oklch(0.5093 0.1241 35.58);
334
336
  --pds-color-interactive-link-visited: oklch(0.5256 0.1988 268.04);
335
- --pds-color-interactive-ui-hover: oklch(0.5256 0.1988 268.04);
336
- --pds-color-interactive-ui-active: oklch(0.5256 0.1988 268.04);
337
- --pds-color-interactive-ui-current: oklch(0.5256 0.1988 268.04);
338
- --pds-color-interactive-ui-background-hover: oklch(0.9702 0 0);
339
- --pds-color-interactive-ui-background-active: oklch(0.9430 0 0);
340
- --pds-color-interactive-ui-background-selected: oklch(0.9500 0.0300 268.00);
337
+ --pds-color-interactive-foreground-current: oklch(0.5256 0.1988 268.04);
338
+ --pds-color-interactive-foreground-hover: oklch(0.5256 0.1988 268.04);
339
+ --pds-color-interactive-foreground-active: oklch(0.5256 0.1988 268.04);
340
+ --pds-color-interactive-foreground-inactive: oklch(0.8047 0 0);
341
+ --pds-color-interactive-background-current: oklch(0.5256 0.1988 268.04);
342
+ --pds-color-interactive-background-current-foreground: oklch(1.0000 0 0);
343
+ --pds-color-interactive-background-hover: oklch(0.9702 0 0);
344
+ --pds-color-interactive-background-active: oklch(0.9430 0 0);
345
+ --pds-color-interactive-background-selected: oklch(0.9500 0.0300 268.00);
341
346
  --pds-color-interactive-reverse-focus: oklch(0.6496 0.1590 270.95);
342
347
  --pds-color-interactive-reverse-link-default: oklch(0.6496 0.1590 270.95);
343
348
  --pds-color-interactive-reverse-link-hover: oklch(0.6707 0.1296 32.99);
344
349
  --pds-color-interactive-reverse-link-active: oklch(0.7480 0.1030 37.44);
345
350
  --pds-color-interactive-reverse-link-visited: oklch(0.6496 0.1590 270.95);
346
- --pds-color-interactive-reverse-ui-hover: oklch(0.6496 0.1590 270.95);
351
+ --pds-color-interactive-reverse-foreground-hover: oklch(0.6496 0.1590 270.95);
347
352
  --pds-color-nav-item-reverse-foreground-hover: oklch(0.8272 0.0507 309.02);
348
353
  --pds-color-nav-item-reverse-foreground-active: oklch(0.8272 0.0507 309.02);
349
354
  --pds-color-overlay: rgba(0, 0, 0, 0.45);
@@ -361,22 +366,27 @@
361
366
  --pds-color-status-success-fill: oklch(0.5670 0.1201 132.73);
362
367
  --pds-color-status-success-border: oklch(0.8774 0.0659 125.63);
363
368
  --pds-color-status-success-background: oklch(0.9656 0.0192 122.83);
369
+ --pds-color-status-success-background-hover: oklch(0.9301 0.0402 124.12);
364
370
  --pds-color-status-warning-foreground: oklch(0.5658 0.1338 53.43);
365
371
  --pds-color-status-warning-fill: oklch(0.6419 0.1457 55.55);
366
372
  --pds-color-status-warning-border: oklch(0.8603 0.0782 67.73);
367
373
  --pds-color-status-warning-background: oklch(0.9665 0.0199 70.00);
374
+ --pds-color-status-warning-background-hover: oklch(0.9208 0.0469 69.27);
368
375
  --pds-color-status-critical-foreground: oklch(0.4501 0.1581 26.35);
369
376
  --pds-color-status-critical-fill: oklch(0.5338 0.1771 25.54);
370
377
  --pds-color-status-critical-border: oklch(0.7978 0.0754 20.67);
371
378
  --pds-color-status-critical-background: oklch(0.9740 0.0075 17.42);
379
+ --pds-color-status-critical-background-hover: oklch(0.8859 0.0414 19.05);
372
380
  --pds-color-status-info-foreground: oklch(0.4662 0.0924 245.48);
373
381
  --pds-color-status-info-fill: oklch(0.5510 0.1014 242.56);
374
382
  --pds-color-status-info-border: oklch(0.8372 0.0459 236.03);
375
383
  --pds-color-status-info-background: oklch(0.9584 0.0134 233.74);
384
+ --pds-color-status-info-background-hover: oklch(0.9123 0.0286 231.46);
376
385
  --pds-color-status-discovery-foreground: oklch(0.4277 0.1065 303.89);
377
386
  --pds-color-status-discovery-fill: oklch(0.5200 0.1177 303.12);
378
387
  --pds-color-status-discovery-border: oklch(0.8272 0.0507 309.02);
379
388
  --pds-color-status-discovery-background: oklch(0.9559 0.0143 308.29);
389
+ --pds-color-status-discovery-background-hover: oklch(0.9077 0.0264 310.39);
380
390
  --pds-color-status-neutral-background: oklch(0.8761 0 0);
381
391
  --pds-color-status-neutral-indicator: oklch(0.5173 0 0);
382
392
  --pds-color-status-frozen-fill: oklch(0.5510 0.1014 242.56);