@pantheon-systems/pds-toolkit-react 2.0.0-alpha.32 → 2.0.0-alpha.33

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 (86) hide show
  1. package/dist/components/CodeBlock/code-examples.d.ts +1 -1
  2. package/dist/css/component-css/pds-action-card.css +1 -1
  3. package/dist/css/component-css/pds-avatar.css +1 -1
  4. package/dist/css/component-css/pds-breadcrumb.css +1 -1
  5. package/dist/css/component-css/pds-button-link.css +1 -1
  6. package/dist/css/component-css/pds-button.css +16 -8
  7. package/dist/css/component-css/pds-callout.css +1 -1
  8. package/dist/css/component-css/pds-card-select.css +1 -1
  9. package/dist/css/component-css/pds-card.css +1 -1
  10. package/dist/css/component-css/pds-chart-legend.css +1 -1
  11. package/dist/css/component-css/pds-chart-wrapper.css +1 -1
  12. package/dist/css/component-css/pds-checkbox.css +1 -1
  13. package/dist/css/component-css/pds-combobox-multiselect.css +2 -2
  14. package/dist/css/component-css/pds-combobox.css +1 -1
  15. package/dist/css/component-css/pds-compact-empty-state.css +1 -1
  16. package/dist/css/component-css/pds-comparison-list.css +1 -1
  17. package/dist/css/component-css/pds-datepicker.css +2 -2
  18. package/dist/css/component-css/pds-drawer.css +1 -1
  19. package/dist/css/component-css/pds-dropdown-menu.css +1 -1
  20. package/dist/css/component-css/pds-dropdown.css +2 -2
  21. package/dist/css/component-css/pds-expansion-panel.css +1 -1
  22. package/dist/css/component-css/pds-file-diff.css +1 -1
  23. package/dist/css/component-css/pds-file-upload.css +3 -3
  24. package/dist/css/component-css/pds-full-screen-overlay.css +1 -1
  25. package/dist/css/component-css/pds-horizontal-empty-state.css +1 -1
  26. package/dist/css/component-css/pds-icon.css +1 -1
  27. package/dist/css/component-css/pds-identity-block.css +1 -1
  28. package/dist/css/component-css/pds-index.css +39 -29
  29. package/dist/css/component-css/pds-inline-message.css +1 -1
  30. package/dist/css/component-css/pds-input-utilities.css +1 -1
  31. package/dist/css/component-css/pds-menu-button.css +1 -1
  32. package/dist/css/component-css/pds-modal.css +1 -1
  33. package/dist/css/component-css/pds-nav-menu.css +1 -1
  34. package/dist/css/component-css/pds-navbar.css +2 -2
  35. package/dist/css/component-css/pds-notification-hub-icon.css +1 -1
  36. package/dist/css/component-css/pds-notifications-popover.css +2 -2
  37. package/dist/css/component-css/pds-pagination-compact.css +1 -1
  38. package/dist/css/component-css/pds-pagination-mini.css +1 -1
  39. package/dist/css/component-css/pds-pagination.css +1 -1
  40. package/dist/css/component-css/pds-panel-list.css +1 -1
  41. package/dist/css/component-css/pds-panel.css +1 -1
  42. package/dist/css/component-css/pds-pantheon-logo.css +1 -1
  43. package/dist/css/component-css/pds-pie-chart.css +1 -1
  44. package/dist/css/component-css/pds-popover.css +1 -1
  45. package/dist/css/component-css/pds-progress-bar.css +1 -1
  46. package/dist/css/component-css/pds-progress-ring.css +1 -1
  47. package/dist/css/component-css/pds-proportion-bar.css +1 -1
  48. package/dist/css/component-css/pds-radio-group.css +1 -1
  49. package/dist/css/component-css/pds-section-message.css +1 -1
  50. package/dist/css/component-css/pds-select.css +1 -1
  51. package/dist/css/component-css/pds-side-nav-global.css +3 -1
  52. package/dist/css/component-css/pds-side-nav.css +1 -1
  53. package/dist/css/component-css/pds-site-footer.css +1 -1
  54. package/dist/css/component-css/pds-sortable-list.css +2 -2
  55. package/dist/css/component-css/pds-status-badge.css +1 -1
  56. package/dist/css/component-css/pds-status-checker.css +1 -1
  57. package/dist/css/component-css/pds-status-indicator.css +1 -1
  58. package/dist/css/component-css/pds-step-list.css +1 -1
  59. package/dist/css/component-css/pds-stepper.css +1 -1
  60. package/dist/css/component-css/pds-switch.css +1 -1
  61. package/dist/css/component-css/pds-tab-menu.css +2 -2
  62. package/dist/css/component-css/pds-table-of-contents.css +1 -1
  63. package/dist/css/component-css/pds-table.css +1 -1
  64. package/dist/css/component-css/pds-tabs.css +1 -1
  65. package/dist/css/component-css/pds-tags-input.css +1 -1
  66. package/dist/css/component-css/pds-tally.css +1 -1
  67. package/dist/css/component-css/pds-text-input.css +1 -1
  68. package/dist/css/component-css/pds-textarea.css +1 -1
  69. package/dist/css/component-css/pds-tooltip.css +1 -1
  70. package/dist/css/component-css/pds-tree-nav.css +1 -1
  71. package/dist/css/component-css/pds-user-menu.css +1 -1
  72. package/dist/css/component-css/pds-utility-bar.css +1 -1
  73. package/dist/css/component-css/pds-utility-button.css +1 -1
  74. package/dist/css/component-css/pds-vertical-empty-state.css +1 -1
  75. package/dist/css/component-css/pds-vertical-stepper.css +1 -1
  76. package/dist/css/component-css/pds-workspace-selector.css +2 -2
  77. package/dist/css/design-tokens/variables.dark.css +145 -150
  78. package/dist/css/design-tokens/variables.light.css +136 -141
  79. package/dist/css/pds-components.css +39 -29
  80. package/dist/css/pds-core.css +2 -2
  81. package/dist/index.css +1 -1
  82. package/dist/index.js +54 -46
  83. package/dist/index.js.map +1 -1
  84. package/dist/layouts/AppLayout/AppLayout.d.ts +2 -2
  85. package/dist/libs/types/custom-types.d.ts +1 -1
  86. package/package.json +2 -2
package/dist/css/design-tokens/variables.light.css CHANGED
@@ -91,7 +91,7 @@
91
91
  --pds-color-banner-info-background: oklch(0.5476 0.1867 255.95);
92
92
  --pds-color-banner-info-foreground: oklch(1.0000 0 0);
93
93
  --pds-color-banner-warning-background: oklch(0.8008 0.1637 90.52);
94
- --pds-color-banner-warning-foreground: oklch(0.2046 0 0);
94
+ --pds-color-banner-warning-foreground: oklch(0.2178 0 0);
95
95
  --pds-color-banner-critical-background: oklch(0.5856 0.2126 29.44);
96
96
  --pds-color-banner-critical-foreground: oklch(1.0000 0 0);
97
97
  --pds-color-banner-discovery-background: oklch(0.5817 0.2576 306.75);
@@ -99,34 +99,34 @@
99
99
  --pds-color-banner-neutral-background: oklch(0.2046 0 0);
100
100
  --pds-color-banner-neutral-foreground: oklch(1.0000 0 0);
101
101
  --pds-color-card-background: oklch(1.0000 0 0);
102
- --pds-color-code-block-dark-background: var(--pds-color-bg-reverse);
103
- --pds-color-code-block-dark-foreground: var(--pds-color-fg-reverse);
102
+ --pds-color-code-block-dark-background: var(--pds-color-surface-reverse);
103
+ --pds-color-code-block-dark-foreground: var(--pds-color-foreground-reverse);
104
104
  --pds-color-code-block-dark-line-prefix: #9699A1;
105
105
  --pds-color-code-block-dark-highlight: #474954;
106
106
  --pds-color-code-block-light-background: #EFF0F0;
107
107
  --pds-color-code-block-light-foreground: #3B3D45;
108
108
  --pds-color-code-block-light-line-prefix: #686D78;
109
109
  --pds-color-code-block-light-highlight: #DEDFE0;
110
- --pds-color-dashboard-toggle-button-background: var(--pds-color-bg-reverse);
111
- --pds-color-dashboard-toggle-button-foreground: var(--pds-color-fg-reverse);
112
- --pds-color-dashboard-nav-background: var(--pds-color-bg-default-secondary);
110
+ --pds-color-dashboard-toggle-button-background: var(--pds-color-surface-reverse);
111
+ --pds-color-dashboard-toggle-button-foreground: var(--pds-color-foreground-reverse);
112
+ --pds-color-dashboard-nav-background: var(--pds-color-surface-default-secondary);
113
113
  --pds-color-dashboard-nav-background-admin: #edecf8;
114
114
  --pds-color-dashboard-nav-item-background-default: rgba(255, 255, 255, 0.00);
115
115
  --pds-color-dashboard-nav-item-background-hover: oklch(0.9401 0 0);
116
116
  --pds-color-dashboard-nav-item-background-hover-admin: oklch(0.9851 0 0);
117
- --pds-color-dashboard-nav-item-background-active: var(--pds-color-bg-reverse);
118
- --pds-color-dashboard-nav-item-foreground-default: var(--pds-color-fg-default);
119
- --pds-color-dashboard-nav-item-foreground-hover: var(--pds-color-fg-default);
120
- --pds-color-dashboard-nav-item-foreground-active: var(--pds-color-fg-reverse);
117
+ --pds-color-dashboard-nav-item-background-active: var(--pds-color-surface-reverse);
118
+ --pds-color-dashboard-nav-item-foreground-default: var(--pds-color-foreground-default);
119
+ --pds-color-dashboard-nav-item-foreground-hover: var(--pds-color-foreground-default);
120
+ --pds-color-dashboard-nav-item-foreground-active: var(--pds-color-foreground-reverse);
121
121
  --pds-color-datepicker-accent-foreground: oklch(0.5558 0.2372 267.79);
122
122
  --pds-color-datepicker-range-background: oklch(0.955 0.0212 268.43);
123
- --pds-color-datepicker-range-foreground: oklch(0.2046 0 0);
123
+ --pds-color-datepicker-range-foreground: oklch(0.2178 0 0);
124
124
  --pds-color-datepicker-selected-background: oklch(0.5558 0.2372 267.79);
125
- --pds-color-datepicker-selected-foreground: oklch(1.0000 0 0);
126
- --pds-color-log-row-standard-background-default: oklch(0.2046 0 0);
127
- --pds-color-log-row-standard-background-hover: oklch(0.5103 0 0);
128
- --pds-color-log-row-warning-background-default: oklch(0.9834 0.0199 97.52);
129
- --pds-color-log-row-error-background-default: oklch(0.9645 0.0174 21.81);
125
+ --pds-color-datepicker-selected-foreground: oklch(0.9702 0 0);
126
+ --pds-color-log-row-standard-background-default: oklch(0.2178 0 0);
127
+ --pds-color-log-row-standard-background-hover: oklch(0.5173 0 0);
128
+ --pds-color-log-row-warning-background-default: oklch(0.9665 0.0199 70.00);
129
+ --pds-color-log-row-error-background-default: oklch(0.9740 0.0075 17.42);
130
130
  --pds-color-pagination-foreground-hover: oklch(0.2046 0 0);
131
131
  --pds-color-pagination-foreground-active: var(--pds-color-interactive-link-active);
132
132
  --pds-color-pagination-foreground-current: oklch(1 0 0);
@@ -204,96 +204,97 @@
204
204
  --pds-color-tag-stone-background: #717171;
205
205
  --pds-color-tag-stone-foreground: oklch(1 0 0);
206
206
  --pds-color-toast-background: oklch(0.3715 0 0);
207
- --pds-color-toast-foreground: oklch(1.0000 0 0);
207
+ --pds-color-toast-foreground: oklch(0.9702 0 0);
208
208
  --pds-color-toast-action: oklch(0.8047 0 0);
209
209
  --pds-color-toast-info-icon: oklch(0.7019 0.1604 252.41);
210
210
  --pds-color-toast-success-icon: oklch(0.7275 0.177 148.24);
211
211
  --pds-color-toast-warning-icon: oklch(0.8008 0.1637 90.52);
212
212
  --pds-color-toast-critical-icon: oklch(0.6766 0.1572 26.68);
213
- --pds-color-bg-default: oklch(1.0000 0 0);
214
- --pds-color-bg-default-secondary: oklch(0.9851 0 0);
215
- --pds-color-bg-reverse: oklch(0.2046 0 0);
216
- --pds-color-border-default: oklch(0.9401 0 0);
217
- --pds-color-border-default-secondary: oklch(0.8853 0 0);
218
- --pds-color-border-input: oklch(0.8853 0 0);
213
+ --pds-color-surface-default: oklch(1.0000 0 0);
214
+ --pds-color-surface-default-secondary: oklch(0.9702 0 0);
215
+ --pds-color-surface-reverse: oklch(0.2178 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
- --pds-color-button-primary-background-default: oklch(0.2046 0 0);
222
- --pds-color-button-primary-background-hover: oklch(0.3715 0 0);
223
- --pds-color-button-primary-foreground: var(--pds-color-fg-reverse);
221
+ --pds-color-button-primary-background-default: oklch(0.2178 0 0);
222
+ --pds-color-button-primary-background-hover: oklch(0.3493 0.0293 246.75);
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.9401 0 0);
226
- --pds-color-button-secondary-border: oklch(0.8853 0 0);
227
- --pds-color-button-secondary-foreground: oklch(0.2046 0 0);
225
+ --pds-color-button-secondary-background-hover: oklch(0.9702 0 0);
226
+ --pds-color-button-secondary-border: oklch(0.8047 0 0);
227
+ --pds-color-button-secondary-foreground-default: oklch(0.2178 0 0);
228
+ --pds-color-button-secondary-foreground-hover: oklch(0.2178 0 0);
228
229
  --pds-color-button-subtle-background-default: rgba(255, 255, 255, 0.00);
229
- --pds-color-button-subtle-background-hover: oklch(0.9401 0 0);
230
- --pds-color-button-subtle-foreground: oklch(0.2046 0 0);
231
- --pds-color-button-brand-background-default: oklch(0.8975 0.1774 96.79);
232
- --pds-color-button-brand-background-hover: oklch(0.9101 0.1759 98.94);
233
- --pds-color-button-brand-foreground: oklch(0.2046 0 0);
234
- --pds-color-button-accent-background-default: oklch(0.5558 0.2372 267.79);
235
- --pds-color-button-accent-background-hover: oklch(0.4895 0.218 267.83);
236
- --pds-color-button-accent-foreground: var(--pds-color-fg-reverse);
237
- --pds-color-button-critical-background-default: oklch(0.5103 0.1942 29.6);
238
- --pds-color-button-critical-background-hover: oklch(0.5856 0.2126 29.44);
239
- --pds-color-button-critical-foreground: oklch(1.0000 0 0);
230
+ --pds-color-button-subtle-background-hover: oklch(0.9702 0 0);
231
+ --pds-color-button-subtle-foreground: oklch(0.2178 0 0);
232
+ --pds-color-button-brand-background-default: oklch(0.8622 0.1681 88.31);
233
+ --pds-color-button-brand-background-hover: oklch(0.8018 0.1553 87.86);
234
+ --pds-color-button-brand-foreground: oklch(0.2178 0 0);
235
+ --pds-color-button-highlight-background-default: oklch(0.5256 0.1988 268.04);
236
+ --pds-color-button-highlight-background-hover: oklch(0.4293 0.1892 266.63);
237
+ --pds-color-button-highlight-foreground: oklch(1.0000 0 0);
238
+ --pds-color-button-critical-background-default: oklch(0.5338 0.1771 25.54);
239
+ --pds-color-button-critical-background-hover: oklch(0.4501 0.1581 26.35);
240
+ --pds-color-button-critical-foreground: oklch(0.9702 0 0);
240
241
  --pds-color-button-critical-secondary-background-default: rgba(255, 255, 255, 0.00);
241
- --pds-color-button-critical-secondary-background-hover: oklch(0.9645 0.0174 21.81);
242
+ --pds-color-button-critical-secondary-background-hover: oklch(0.9740 0.0075 17.42);
242
243
  --pds-color-button-critical-secondary-border-default: var(--pds-color-status-critical-foreground);
243
244
  --pds-color-button-critical-secondary-border-hover: var(--pds-color-status-critical-foreground);
244
- --pds-color-button-critical-secondary-foreground: oklch(0.5856 0.2126 29.44);
245
+ --pds-color-button-critical-secondary-foreground: oklch(0.4501 0.1581 26.35);
245
246
  --pds-color-button-navbar-background-default: rgba(255, 255, 255, 0.00);
246
- --pds-color-button-navbar-background-hover: oklch(1.0000 0 0);
247
- --pds-color-button-navbar-foreground: oklch(0.2046 0 0);
248
- --pds-color-button-reverse-background-default: oklch(1.0000 0 0);
249
- --pds-color-button-reverse-background-hover: oklch(0.9401 0 0);
250
- --pds-color-button-reverse-foreground: oklch(0.2046 0 0);
247
+ --pds-color-button-navbar-background-hover: oklch(0.9702 0 0);
248
+ --pds-color-button-navbar-foreground: oklch(0.2178 0 0);
249
+ --pds-color-button-reverse-background-default: oklch(0.9702 0 0);
250
+ --pds-color-button-reverse-background-hover: oklch(0.8818 0 0);
251
+ --pds-color-button-reverse-foreground: oklch(0.2178 0 0);
251
252
  --pds-color-button-reverse-secondary-background-default: rgba(255, 255, 255, 0.00);
252
- --pds-color-button-reverse-secondary-background-hover: #ffffff33;
253
- --pds-color-button-reverse-secondary-border: oklch(1.0000 0 0);
253
+ --pds-color-button-reverse-secondary-background-hover: oklch(0.2931 0 0);
254
+ --pds-color-button-reverse-secondary-border: oklch(0.5103 0 0);
254
255
  --pds-color-button-reverse-secondary-foreground: oklch(1.0000 0 0);
255
- --pds-color-close-button-foreground: oklch(0.5103 0 0);
256
+ --pds-color-close-button-foreground: oklch(0.5173 0 0);
256
257
  --pds-color-close-button-background-default: rgba(255, 255, 255, 0.00);
257
258
  --pds-color-close-button-background-hover: #1717171a;
258
259
  --pds-color-icon-button-standard-background-default: rgba(255, 255, 255, 0.00);
259
260
  --pds-color-icon-button-standard-background-hover: #1717170d;
260
261
  --pds-color-icon-button-standard-border-default: #1717171f;
261
262
  --pds-color-icon-button-standard-border-hover: #17171726;
262
- --pds-color-icon-button-standard-foreground: oklch(0.2046 0 0);
263
+ --pds-color-icon-button-standard-foreground: oklch(0.3791 0 0);
263
264
  --pds-color-icon-button-critical-background-default: rgba(255, 255, 255, 0.00);
264
- --pds-color-icon-button-critical-background-hover: oklch(0.9645 0.0174 21.81);
265
- --pds-color-icon-button-critical-border-default: oklch(0.8326 0.0742 24.95);
266
- --pds-color-icon-button-critical-border-hover: oklch(0.8326 0.0742 24.95);
267
- --pds-color-icon-button-critical-foreground: oklch(0.5103 0.1942 29.6);
265
+ --pds-color-icon-button-critical-background-hover: oklch(0.9740 0.0075 17.42);
266
+ --pds-color-icon-button-critical-border-default: oklch(0.8859 0.0414 19.05);
267
+ --pds-color-icon-button-critical-border-hover: oklch(0.8859 0.0414 19.05);
268
+ --pds-color-icon-button-critical-foreground: oklch(0.5338 0.1771 25.54);
268
269
  --pds-color-icon-button-reverse-background-default: rgba(255, 255, 255, 0.00);
269
270
  --pds-color-icon-button-reverse-background-hover: #ffffff1a;
270
- --pds-color-icon-button-reverse-border-default: #ffffff2e;
271
- --pds-color-icon-button-reverse-border-hover: #ffffff26;
272
- --pds-color-icon-button-reverse-foreground: oklch(1.0000 0 0);
273
- --pds-color-split-button-primary-separator: oklch(0.5103 0 0);
274
- --pds-color-split-button-secondary-separator: oklch(0.8853 0 0);
271
+ --pds-color-icon-button-reverse-border-default: oklch(0.5103 0 0);
272
+ --pds-color-icon-button-reverse-border-hover: oklch(0.5103 0 0);
273
+ --pds-color-icon-button-reverse-foreground: oklch(0.9430 0 0);
274
+ --pds-color-split-button-primary-separator: oklch(0.5173 0 0);
275
+ --pds-color-split-button-secondary-separator: oklch(0.8818 0 0);
275
276
  --pds-color-segmented-button-background-inactive: oklch(0.9702 0 0);
276
277
  --pds-color-segmented-button-background-active: oklch(1.0000 0 0);
277
- --pds-color-segmented-button-foreground-inactive: var(--pds-color-fg-default-secondary);
278
- --pds-color-segmented-button-foreground-active: var(--pds-color-fg-default);
279
- --pds-color-category-ai-foreground: oklch(0.542 0.2895 299.91);
280
- --pds-color-category-ai-utility: oklch(0.7471 0.1667 306.46);
281
- --pds-color-category-ai-background: oklch(0.9488 0.0339 312.43);
282
- --pds-color-code-inline-background: oklch(0.9851 0 0);
283
- --pds-color-code-inline-border: oklch(0.9702 0 0);
284
- --pds-color-code-inline-text: oklch(0.2046 0 0);
278
+ --pds-color-segmented-button-foreground-inactive: var(--pds-color-foreground-default-secondary);
279
+ --pds-color-segmented-button-foreground-active: var(--pds-color-foreground-default);
280
+ --pds-color-category-ai-foreground: oklch(0.5200 0.1177 303.12);
281
+ --pds-color-category-ai-utility: oklch(0.6777 0.0966 309.02);
282
+ --pds-color-category-ai-background: oklch(0.9559 0.0143 308.29);
283
+ --pds-color-code-inline-background: oklch(0.9702 0 0);
284
+ --pds-color-code-inline-border: oklch(0.9430 0 0);
285
+ --pds-color-code-inline-text: oklch(0.2178 0 0);
285
286
  --pds-color-datavis-categorical-1: #00b29e;
286
287
  --pds-color-datavis-categorical-2: #3778d7;
287
288
  --pds-color-datavis-categorical-3: #8854bb;
288
289
  --pds-color-datavis-categorical-4: #ea6134;
289
- --pds-color-datavis-sequential-iris-1: #eaf0ff;
290
- --pds-color-datavis-sequential-iris-2: #c6d6ff;
291
- --pds-color-datavis-sequential-iris-3: #9db9ff;
292
- --pds-color-datavis-sequential-iris-4: #749cff;
293
- --pds-color-datavis-sequential-iris-5: #3a5dfb;
294
- --pds-color-datavis-sequential-iris-6: #2e4bd9;
295
- --pds-color-datavis-sequential-iris-7: #1d38b2;
296
- --pds-color-datavis-sequential-iris-8: #0e2177;
290
+ --pds-color-datavis-sequential-blue-1: #eaf0ff;
291
+ --pds-color-datavis-sequential-blue-2: #c6d6ff;
292
+ --pds-color-datavis-sequential-blue-3: #9db9ff;
293
+ --pds-color-datavis-sequential-blue-4: #749cff;
294
+ --pds-color-datavis-sequential-blue-5: #3a5dfb;
295
+ --pds-color-datavis-sequential-blue-6: #2e4bd9;
296
+ --pds-color-datavis-sequential-blue-7: #1d38b2;
297
+ --pds-color-datavis-sequential-blue-8: #0e2177;
297
298
  --pds-color-datavis-sequential-neutral-1: #ebebeb;
298
299
  --pds-color-datavis-sequential-neutral-2: #cccccc;
299
300
  --pds-color-datavis-sequential-neutral-3: #adadad;
@@ -332,57 +333,51 @@
332
333
  --pds-color-datavis-status-warning: #ab6000;
333
334
  --pds-color-datavis-status-discovery: #6f20a5;
334
335
  --pds-color-datavis-status-neutral: #6a6e7a;
335
- --pds-color-dropdown-background: var(--pds-color-bg-default);
336
- --pds-color-dropdown-foreground: var(--pds-color-fg-default);
337
- --pds-color-dropdown-heading: var(--pds-color-fg-default-secondary);
338
- --pds-color-dropdown-description: var(--pds-color-fg-default-secondary);
336
+ --pds-color-dropdown-background: var(--pds-color-surface-default);
337
+ --pds-color-dropdown-foreground: var(--pds-color-foreground-default);
338
+ --pds-color-dropdown-heading: var(--pds-color-foreground-default-secondary);
339
+ --pds-color-dropdown-description: var(--pds-color-foreground-default-secondary);
339
340
  --pds-color-dropdown-item-background-hover: var(--pds-color-interactive-background-hover);
340
341
  --pds-color-dropdown-item-background-active: var(--pds-color-interactive-background-active);
341
342
  --pds-color-dropdown-item-background-selected: var(--pds-color-interactive-background-hover);
342
343
  --pds-color-dropdown-top-border: #dfdfdf;
343
- --pds-color-fg-default: oklch(0.2046 0 0);
344
- --pds-color-fg-default-secondary: oklch(0.5103 0 0);
345
- --pds-color-fg-reverse: oklch(1.0000 0 0);
346
- --pds-color-fg-reverse-secondary: oklch(0.7874 0 0);
344
+ --pds-color-foreground-default: oklch(0.2178 0 0);
345
+ --pds-color-foreground-default-secondary: oklch(0.5173 0 0);
346
+ --pds-color-foreground-reverse: oklch(0.9702 0 0);
347
+ --pds-color-foreground-reverse-secondary: oklch(0.8452 0 0);
347
348
  --pds-color-input-placeholder: oklch(0.8047 0 0);
348
349
  --pds-color-input-file-upload-button-background-default: oklch(0.9702 0 0);
349
- --pds-color-input-file-upload-button-background-hover: oklch(0.9401 0 0);
350
- --pds-color-input-selected-background: oklch(0.5558 0.2372 267.79);
350
+ --pds-color-input-file-upload-button-background-hover: oklch(0.9430 0 0);
351
+ --pds-color-input-selected-background: oklch(0.5256 0.1988 268.04);
351
352
  --pds-color-input-selected-foreground: oklch(1.0000 0 0);
352
- --pds-color-input-switch-icon: oklch(1.0000 0 0);
353
+ --pds-color-input-switch-icon: oklch(0.9702 0 0);
353
354
  --pds-color-input-tag-background-default: oklch(0.907 0 0);
354
355
  --pds-color-input-tag-background-hover: oklch(0.87 0 0);
355
- --pds-color-input-tag-background-active: oklch(0.9635 0.0220 312.19);
356
- --pds-color-input-tag-foreground-default: oklch(0.2046 0 0);
357
- --pds-color-input-tag-foreground-hover: oklch(0.2046 0 0);
358
- --pds-color-input-tag-foreground-active: oklch(0.5558 0.2372 267.79);
359
- --pds-color-input-tag-outline-active: oklch(0.5558 0.2372 267.79);
356
+ --pds-color-input-tag-background-active: oklch(0.9559 0.0143 308.29);
357
+ --pds-color-input-tag-foreground-default: oklch(0.2178 0 0);
358
+ --pds-color-input-tag-foreground-hover: oklch(0.2178 0 0);
359
+ --pds-color-input-tag-foreground-active: oklch(0.5256 0.1988 268.04);
360
+ --pds-color-input-tag-outline-active: oklch(0.5256 0.1988 268.04);
360
361
  --pds-color-interactive-background-hover: oklch(0.9702 0 0);
361
- --pds-color-interactive-background-active: oklch(0.9401 0 0);
362
- --pds-color-interactive-focus: oklch(0.5558 0.2372 267.79);
363
- --pds-color-interactive-link-default: oklch(0.5558 0.2372 267.79);
364
- --pds-color-interactive-link-hover: oklch(0.47 0.212 267.6);
365
- --pds-color-interactive-link-active: oklch(0.4682 0.2508 299.4);
366
- --pds-color-interactive-link-visited: oklch(0.4682 0.2508 299.4);
367
- --pds-color-interactive-ui-hover: oklch(0.5558 0.2372 267.79);
368
- --pds-color-interactive-reverse-focus: oklch(0.5558 0.2372 267.79);
369
- --pds-color-interactive-reverse-link-default: oklch(0.5558 0.2372 267.79);
370
- --pds-color-interactive-reverse-link-hover: oklch(0.7973 0.1023 274.67);
371
- --pds-color-interactive-reverse-link-active: oklch(0.6311 0.2503 304.99);
372
- --pds-color-interactive-reverse-link-visited: oklch(0.6311 0.2503 304.99);
373
- --pds-color-interactive-reverse-ui-hover: oklch(0.5558 0.2372 267.79);
374
- --pds-color-nav-side-nav-indicator-active: oklch(0.5558 0.2372 267.79);
375
- --pds-color-nav-side-nav-item-background-default: rgba(255, 255, 255, 0);
376
- --pds-color-nav-side-nav-item-background-hover: oklch(0.9401 0 0);
377
- --pds-color-nav-side-nav-item-background-active: oklch(0.9401 0 0);
378
- --pds-color-nav-side-nav-item-foreground-default: var(--pds-color-fg-default-secondary);
379
- --pds-color-nav-side-nav-item-foreground-hover: var(--pds-color-fg-default);
380
- --pds-color-nav-side-nav-item-foreground-active: var(--pds-color-fg-default);
381
- --pds-color-nav-item-default-foreground-hover: oklch(0.542 0.2895 299.91);
382
- --pds-color-nav-item-default-foreground-active: oklch(0.542 0.2895 299.91);
383
- --pds-color-nav-item-default-foreground-trigger: oklch(0.8047 0 0);
384
- --pds-color-nav-item-reverse-foreground-hover: oklch(0.8586 0.0908 307.99);
385
- --pds-color-nav-item-reverse-foreground-active: oklch(0.8586 0.0908 307.99);
362
+ --pds-color-interactive-background-active: oklch(0.9430 0 0);
363
+ --pds-color-interactive-focus: oklch(0.5256 0.1988 268.04);
364
+ --pds-color-interactive-link-default: oklch(0.5256 0.1988 268.04);
365
+ --pds-color-interactive-link-hover: oklch(0.6015 0.1484 35.70);
366
+ --pds-color-interactive-link-active: oklch(0.5093 0.1241 35.58);
367
+ --pds-color-interactive-link-visited: oklch(0.5256 0.1988 268.04);
368
+ --pds-color-interactive-ui-hover: oklch(0.5256 0.1988 268.04);
369
+ --pds-color-interactive-ui-active: oklch(0.5256 0.1988 268.04);
370
+ --pds-color-interactive-ui-current: oklch(0.5256 0.1988 268.04);
371
+ --pds-color-interactive-ui-background-hover: oklch(0.9702 0 0);
372
+ --pds-color-interactive-ui-background-active: oklch(0.9430 0 0);
373
+ --pds-color-interactive-reverse-focus: oklch(0.6496 0.1590 270.95);
374
+ --pds-color-interactive-reverse-link-default: oklch(0.6496 0.1590 270.95);
375
+ --pds-color-interactive-reverse-link-hover: oklch(0.6707 0.1296 32.99);
376
+ --pds-color-interactive-reverse-link-active: oklch(0.7480 0.1030 37.44);
377
+ --pds-color-interactive-reverse-link-visited: oklch(0.6496 0.1590 270.95);
378
+ --pds-color-interactive-reverse-ui-hover: oklch(0.6496 0.1590 270.95);
379
+ --pds-color-nav-item-reverse-foreground-hover: oklch(0.8272 0.0507 309.02);
380
+ --pds-color-nav-item-reverse-foreground-active: oklch(0.8272 0.0507 309.02);
386
381
  --pds-color-overlay: rgba(0, 0, 0, 0.45);
387
382
  --pds-color-overlay-subtle: rgba(0, 0, 0, 0.25);
388
383
  --pds-color-partner-bitbucket: #004DC0;
@@ -394,30 +389,30 @@
394
389
  --pds-color-partner-nextjs: #000000;
395
390
  --pds-color-partner-wordpress: #0073AA;
396
391
  --pds-color-social-rss: #f26522;
397
- --pds-color-status-success-foreground: oklch(0.5118 0.1311 147.75);
398
- --pds-color-status-success-dot: oklch(0.5118 0.1311 147.75);
399
- --pds-color-status-success-border: oklch(0.9079 0.087 152.53);
400
- --pds-color-status-success-background: oklch(0.9745 0.0116 153.67);
401
- --pds-color-status-info-foreground: oklch(0.5476 0.1867 255.95);
402
- --pds-color-status-info-dot: oklch(0.5476 0.1867 255.95);
403
- --pds-color-status-info-border: oklch(0.8816 0.0619 245.59);
404
- --pds-color-status-info-background: oklch(0.9683 0.0161 245.08);
405
- --pds-color-status-critical-foreground: oklch(0.5103 0.1942 29.6);
406
- --pds-color-status-critical-dot: oklch(0.5103 0.1942 29.6);
407
- --pds-color-status-critical-border: oklch(0.8326 0.0742 24.95);
408
- --pds-color-status-critical-background: oklch(0.9645 0.0174 21.81);
409
- --pds-color-status-warning-foreground: oklch(0.5635 0.1308 61.09);
410
- --pds-color-status-warning-dot: oklch(0.8008 0.1637 90.52);
411
- --pds-color-status-warning-border: oklch(0.8008 0.1637 90.52);
412
- --pds-color-status-warning-background: oklch(0.9834 0.0199 97.52);
413
- --pds-color-status-discovery-foreground: oklch(0.4401 0.1973 306.55);
414
- --pds-color-status-discovery-dot: oklch(0.5817 0.2576 306.75);
415
- --pds-color-status-discovery-border: oklch(0.5817 0.2576 306.75);
416
- --pds-color-status-discovery-background: oklch(0.9635 0.0220 312.19);
417
- --pds-color-status-neutral-background: oklch(0.8853 0 0);
418
- --pds-color-status-neutral-indicator: oklch(0.5103 0 0);
419
- --pds-color-status-frozen-dot: oklch(0.8816 0.0619 245.59);
420
- --pds-color-status-disabled-dot: oklch(0.8853 0 0);
392
+ --pds-color-status-success-foreground: oklch(0.5670 0.1201 132.73);
393
+ --pds-color-status-success-fill: oklch(0.5670 0.1201 132.73);
394
+ --pds-color-status-success-border: oklch(0.8774 0.0659 125.63);
395
+ --pds-color-status-success-background: oklch(0.9656 0.0192 122.83);
396
+ --pds-color-status-warning-foreground: oklch(0.5428 0.1292 52.61);
397
+ --pds-color-status-warning-fill: oklch(0.6419 0.1457 55.55);
398
+ --pds-color-status-warning-border: oklch(0.8603 0.0782 67.73);
399
+ --pds-color-status-warning-background: oklch(0.9665 0.0199 70.00);
400
+ --pds-color-status-critical-foreground: oklch(0.4501 0.1581 26.35);
401
+ --pds-color-status-critical-fill: oklch(0.5338 0.1771 25.54);
402
+ --pds-color-status-critical-border: oklch(0.7978 0.0754 20.67);
403
+ --pds-color-status-critical-background: oklch(0.9740 0.0075 17.42);
404
+ --pds-color-status-info-foreground: oklch(0.4662 0.0924 245.48);
405
+ --pds-color-status-info-fill: oklch(0.5510 0.1014 242.56);
406
+ --pds-color-status-info-border: oklch(0.8372 0.0459 236.03);
407
+ --pds-color-status-info-background: oklch(0.9584 0.0134 233.74);
408
+ --pds-color-status-discovery-foreground: oklch(0.4277 0.1065 303.89);
409
+ --pds-color-status-discovery-fill: oklch(0.5200 0.1177 303.12);
410
+ --pds-color-status-discovery-border: oklch(0.8272 0.0507 309.02);
411
+ --pds-color-status-discovery-background: oklch(0.9559 0.0143 308.29);
412
+ --pds-color-status-neutral-background: oklch(0.8818 0 0);
413
+ --pds-color-status-neutral-indicator: oklch(0.5173 0 0);
414
+ --pds-color-status-frozen-fill: oklch(0.5510 0.1014 242.56);
415
+ --pds-color-status-disabled-fill: oklch(0.8047 0 0);
421
416
  --pds-elevation-drawer-left: 4px 0px 16px 0px rgba(0, 0, 0, 0.08);
422
417
  --pds-elevation-drawer-right: -4px 0px 16px 0px rgba(0, 0, 0, 0.08);
423
418
  --pds-elevation-icon-button-pressed: inset 0px 0px 4px 1px rgba(0, 0, 0, 0.04);