@pantheon-systems/pds-toolkit-react 2.0.0-alpha.31 → 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 (96) hide show
  1. package/dist/components/CodeBlock/code-examples.d.ts +1 -1
  2. package/dist/components/navigation/SideNav/SideNav.d.ts +7 -1
  3. package/dist/components/navigation/TreeNav/TreeNav.d.ts +48 -0
  4. package/dist/css/component-css/pds-action-card.css +1 -1
  5. package/dist/css/component-css/pds-avatar.css +1 -1
  6. package/dist/css/component-css/pds-breadcrumb.css +1 -1
  7. package/dist/css/component-css/pds-button-link.css +1 -1
  8. package/dist/css/component-css/pds-button.css +16 -8
  9. package/dist/css/component-css/pds-callout.css +1 -1
  10. package/dist/css/component-css/pds-card-select.css +1 -1
  11. package/dist/css/component-css/pds-card.css +1 -1
  12. package/dist/css/component-css/pds-chart-legend.css +1 -1
  13. package/dist/css/component-css/pds-chart-wrapper.css +1 -1
  14. package/dist/css/component-css/pds-checkbox.css +1 -1
  15. package/dist/css/component-css/pds-combobox-multiselect.css +2 -2
  16. package/dist/css/component-css/pds-combobox.css +1 -1
  17. package/dist/css/component-css/pds-compact-empty-state.css +1 -1
  18. package/dist/css/component-css/pds-comparison-list.css +1 -1
  19. package/dist/css/component-css/pds-datepicker.css +2 -2
  20. package/dist/css/component-css/pds-drawer.css +1 -1
  21. package/dist/css/component-css/pds-dropdown-menu.css +1 -1
  22. package/dist/css/component-css/pds-dropdown.css +2 -2
  23. package/dist/css/component-css/pds-expansion-panel.css +1 -1
  24. package/dist/css/component-css/pds-file-diff.css +1 -1
  25. package/dist/css/component-css/pds-file-upload.css +3 -3
  26. package/dist/css/component-css/pds-full-screen-overlay.css +1 -1
  27. package/dist/css/component-css/pds-horizontal-empty-state.css +1 -1
  28. package/dist/css/component-css/pds-icon.css +1 -1
  29. package/dist/css/component-css/pds-identity-block.css +1 -1
  30. package/dist/css/component-css/pds-index.css +40 -38
  31. package/dist/css/component-css/pds-inline-message.css +1 -1
  32. package/dist/css/component-css/pds-input-utilities.css +1 -1
  33. package/dist/css/component-css/pds-menu-button.css +1 -1
  34. package/dist/css/component-css/pds-modal.css +1 -1
  35. package/dist/css/component-css/pds-nav-menu.css +1 -5
  36. package/dist/css/component-css/pds-navbar.css +2 -2
  37. package/dist/css/component-css/pds-notification-hub-icon.css +1 -1
  38. package/dist/css/component-css/pds-notifications-popover.css +2 -2
  39. package/dist/css/component-css/pds-pagination-compact.css +1 -1
  40. package/dist/css/component-css/pds-pagination-mini.css +1 -1
  41. package/dist/css/component-css/pds-pagination.css +1 -1
  42. package/dist/css/component-css/pds-panel-list.css +1 -1
  43. package/dist/css/component-css/pds-panel.css +1 -1
  44. package/dist/css/component-css/pds-pantheon-logo.css +1 -1
  45. package/dist/css/component-css/pds-pie-chart.css +1 -1
  46. package/dist/css/component-css/pds-popover.css +1 -1
  47. package/dist/css/component-css/pds-progress-bar.css +1 -1
  48. package/dist/css/component-css/pds-progress-ring.css +1 -1
  49. package/dist/css/component-css/pds-proportion-bar.css +1 -1
  50. package/dist/css/component-css/pds-radio-group.css +1 -1
  51. package/dist/css/component-css/pds-section-message.css +1 -1
  52. package/dist/css/component-css/pds-select.css +1 -1
  53. package/dist/css/component-css/pds-side-nav-global.css +2 -6
  54. package/dist/css/component-css/pds-side-nav.css +3 -1
  55. package/dist/css/component-css/pds-site-footer.css +1 -1
  56. package/dist/css/component-css/pds-sortable-list.css +2 -2
  57. package/dist/css/component-css/pds-status-badge.css +1 -1
  58. package/dist/css/component-css/pds-status-checker.css +1 -1
  59. package/dist/css/component-css/pds-status-indicator.css +1 -1
  60. package/dist/css/component-css/pds-step-list.css +1 -1
  61. package/dist/css/component-css/pds-stepper.css +1 -1
  62. package/dist/css/component-css/pds-switch.css +1 -1
  63. package/dist/css/component-css/pds-tab-menu.css +2 -2
  64. package/dist/css/component-css/pds-table-of-contents.css +1 -1
  65. package/dist/css/component-css/pds-table.css +1 -1
  66. package/dist/css/component-css/pds-tabs.css +1 -1
  67. package/dist/css/component-css/pds-tags-input.css +1 -1
  68. package/dist/css/component-css/pds-tally.css +1 -1
  69. package/dist/css/component-css/pds-text-input.css +1 -1
  70. package/dist/css/component-css/pds-textarea.css +1 -1
  71. package/dist/css/component-css/pds-tooltip.css +1 -1
  72. package/dist/css/component-css/pds-tree-nav.css +1 -0
  73. package/dist/css/component-css/pds-user-menu.css +1 -1
  74. package/dist/css/component-css/pds-utility-bar.css +1 -1
  75. package/dist/css/component-css/pds-utility-button.css +1 -1
  76. package/dist/css/component-css/pds-vertical-empty-state.css +1 -1
  77. package/dist/css/component-css/pds-vertical-stepper.css +1 -1
  78. package/dist/css/component-css/pds-workspace-selector.css +2 -2
  79. package/dist/css/design-tokens/variables.dark.css +145 -150
  80. package/dist/css/design-tokens/variables.light.css +136 -141
  81. package/dist/css/layout-css/pds-app-layout.css +2 -2
  82. package/dist/css/layout-css/pds-index.css +2 -2
  83. package/dist/css/layout-css/pds-stepper-layout.css +1 -1
  84. package/dist/css/pds-components.css +40 -38
  85. package/dist/css/pds-core.css +2 -2
  86. package/dist/css/pds-layouts.css +2 -2
  87. package/dist/index.css +1 -1
  88. package/dist/index.d.ts +3 -0
  89. package/dist/index.js +3386 -2930
  90. package/dist/index.js.map +1 -1
  91. package/dist/index.source.d.ts +1 -1
  92. package/dist/layouts/AppLayout/AppLayout.d.ts +2 -2
  93. package/dist/libs/types/custom-types.d.ts +1 -1
  94. package/package.json +3 -3
  95. package/dist/components/navigation/SideNavCompact/SideNavCompact.d.ts +0 -53
  96. package/dist/css/component-css/pds-side-nav-compact.css +0 -1
package/dist/css/design-tokens/variables.dark.css CHANGED
@@ -99,34 +99,34 @@
99
99
  --pds-color-banner-neutral-background: oklch(0.3554 0.0058 258.35);
100
100
  --pds-color-banner-neutral-foreground: oklch(1.0000 0 0);
101
101
  --pds-color-card-background: oklch(0.2433 0.0041 264.49);
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: #252038;
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.4235 0.0071 264.49);
116
116
  --pds-color-dashboard-nav-item-background-hover-admin: oklch(0.2046 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.5308 0.2335 268.08);
122
122
  --pds-color-datepicker-range-background: oklch(0.287 0.0845 266.41);
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.5308 0.2335 268.08);
125
- --pds-color-datepicker-selected-foreground: oklch(0.2046 0 0);
126
- --pds-color-log-row-standard-background-default: oklch(1.0000 0 0);
127
- --pds-color-log-row-standard-background-hover: oklch(0.8388 0.003 264.54);
128
- --pds-color-log-row-warning-background-default: oklch(0.4141 0.0927 65.26);
129
- --pds-color-log-row-error-background-default: oklch(0.3866 0.145 30.09);
125
+ --pds-color-datepicker-selected-foreground: oklch(0.2178 0 0);
126
+ --pds-color-log-row-standard-background-default: oklch(0.9702 0 0);
127
+ --pds-color-log-row-standard-background-hover: oklch(0.8452 0 0);
128
+ --pds-color-log-row-warning-background-default: oklch(0.3111 0.0678 55.70);
129
+ --pds-color-log-row-error-background-default: oklch(0.2550 0.0814 25.05);
130
130
  --pds-color-pagination-foreground-hover: oklch(1 0 0);
131
131
  --pds-color-pagination-foreground-active: oklch(0.9361 0.0305 273.64);
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.4235 0.0071 264.49);
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.8388 0.003 264.54);
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.7867 0.1649 66.34);
212
212
  --pds-color-toast-critical-icon: oklch(0.6766 0.1572 26.68);
213
- --pds-color-bg-default: oklch(0.2046 0 0);
214
- --pds-color-bg-default-secondary: oklch(0.1489 0.0027 248.08);
215
- --pds-color-bg-reverse: oklch(0.8388 0.003 264.54);
213
+ --pds-color-surface-default: oklch(0.2178 0 0);
214
+ --pds-color-surface-default-secondary: oklch(0.2603 0 0);
215
+ --pds-color-surface-reverse: oklch(0.9702 0 0);
216
216
  --pds-color-border-default: oklch(0.31 0.005 258);
217
- --pds-color-border-default-secondary: oklch(0.3554 0.0058 258.35);
218
- --pds-color-border-input: oklch(0.4235 0.0071 264.49);
217
+ --pds-color-border-default-secondary: oklch(0.3329 0 0);
218
+ --pds-color-border-input: oklch(0.4091 0 0);
219
219
  --pds-color-border-separator: oklch(0.5991 0 0);
220
220
  --pds-color-border-hover: oklch(0.5 0.005 264);
221
- --pds-color-button-primary-background-default: oklch(1.0000 0 0);
222
- --pds-color-button-primary-background-hover: oklch(0.8388 0.003 264.54);
223
- --pds-color-button-primary-foreground: oklch(0.1489 0.0027 248.08);
221
+ --pds-color-button-primary-background-default: oklch(0.9702 0 0);
222
+ --pds-color-button-primary-background-hover: oklch(0.9388 0.0118 239.91);
223
+ --pds-color-button-primary-foreground: oklch(0.2178 0 0);
224
224
  --pds-color-button-secondary-background-default: rgba(255, 255, 255, 0.00);
225
- --pds-color-button-secondary-background-hover: oklch(0.2929 0.0039 264.51);
226
- --pds-color-button-secondary-border: oklch(0.4235 0.0071 264.49);
227
- --pds-color-button-secondary-foreground: oklch(1.0000 0 0);
225
+ --pds-color-button-secondary-background-hover: oklch(0.2931 0 0);
226
+ --pds-color-button-secondary-border: oklch(0.5103 0 0);
227
+ --pds-color-button-secondary-foreground-default: oklch(1.0000 0 0);
228
+ --pds-color-button-secondary-foreground-hover: oklch(1.0000 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.2929 0.0039 264.51);
230
- --pds-color-button-subtle-foreground: oklch(1.0000 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.6533 0.1351 98.32);
233
- --pds-color-button-brand-foreground: oklch(0.1489 0.0027 248.08);
234
- --pds-color-button-accent-background-default: oklch(0.5558 0.2372 267.79);
235
- --pds-color-button-accent-background-hover: oklch(0.6575 0.177 272.74);
236
- --pds-color-button-accent-foreground: oklch(1.0000 0 0);
237
- --pds-color-button-critical-background-default: oklch(0.5856 0.2126 29.44);
238
- --pds-color-button-critical-background-hover: oklch(0.5103 0.1942 29.6);
230
+ --pds-color-button-subtle-background-hover: oklch(0.2931 0 0);
231
+ --pds-color-button-subtle-foreground: oklch(0.9702 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.7640 0.1510 84.30);
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);
239
240
  --pds-color-button-critical-foreground: oklch(1.0000 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: #80120866;
242
- --pds-color-button-critical-secondary-border-default: oklch(0.3866 0.145 30.09);
243
- --pds-color-button-critical-secondary-border-hover: oklch(0.3866 0.145 30.09);
244
- --pds-color-button-critical-secondary-foreground: oklch(0.6766 0.1572 26.68);
242
+ --pds-color-button-critical-secondary-background-hover: oklch(0.4501 0.1581 26.35 / 25%);
243
+ --pds-color-button-critical-secondary-border-default: oklch(0.5954 0.1582 23.19);
244
+ --pds-color-button-critical-secondary-border-hover: oklch(0.5954 0.1582 23.19);
245
+ --pds-color-button-critical-secondary-foreground: oklch(0.5954 0.1582 23.19);
245
246
  --pds-color-button-navbar-background-default: rgba(255, 255, 255, 0.00);
246
- --pds-color-button-navbar-background-hover: oklch(0.2433 0.0041 264.49);
247
- --pds-color-button-navbar-foreground: oklch(0.8388 0.003 264.54);
248
- --pds-color-button-reverse-background-default: oklch(0.1489 0.0027 248.08);
249
- --pds-color-button-reverse-background-hover: oklch(0.2929 0.0039 264.51);
250
- --pds-color-button-reverse-foreground: oklch(1.0000 0 0);
247
+ --pds-color-button-navbar-background-hover: oklch(0.2603 0 0);
248
+ --pds-color-button-navbar-foreground: oklch(0.8452 0 0);
249
+ --pds-color-button-reverse-background-default: oklch(0.2178 0 0);
250
+ --pds-color-button-reverse-background-hover: oklch(0.3493 0.0293 246.75);
251
+ --pds-color-button-reverse-foreground: oklch(0.9702 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: #00000026;
253
- --pds-color-button-reverse-secondary-border: oklch(0.1489 0.0027 248.08);
254
- --pds-color-button-reverse-secondary-foreground: oklch(0.1489 0.0027 248.08);
255
- --pds-color-close-button-foreground: oklch(0.8388 0.003 264.54);
253
+ --pds-color-button-reverse-secondary-background-hover: oklch(0.9430 0 0);
254
+ --pds-color-button-reverse-secondary-border: oklch(0.8047 0 0);
255
+ --pds-color-button-reverse-secondary-foreground: oklch(0.2178 0 0);
256
+ --pds-color-close-button-foreground: oklch(0.8452 0 0);
256
257
  --pds-color-close-button-background-default: rgba(255, 255, 255, 0.00);
257
258
  --pds-color-close-button-background-hover: #ffffff1a;
258
259
  --pds-color-icon-button-standard-background-default: rgba(255, 255, 255, 0.00);
259
- --pds-color-icon-button-standard-background-hover: #ffffff1a;
260
- --pds-color-icon-button-standard-border-default: #ffffff2e;
261
- --pds-color-icon-button-standard-border-hover: #ffffff26;
262
- --pds-color-icon-button-standard-foreground: oklch(1.0000 0 0);
263
- --pds-color-icon-button-critical-background-default: oklch(0.5856 0.2126 29.44);
264
- --pds-color-icon-button-critical-background-hover: oklch(0.5103 0.1942 29.6);
265
- --pds-color-icon-button-critical-border-default: oklch(0.5856 0.2126 29.44);
266
- --pds-color-icon-button-critical-border-hover: oklch(0.5103 0.1942 29.6);
267
- --pds-color-icon-button-critical-foreground: oklch(1.0000 0 0);
260
+ --pds-color-icon-button-standard-background-hover: oklch(0.2931 0 0);
261
+ --pds-color-icon-button-standard-border-default: oklch(0.4091 0 0);
262
+ --pds-color-icon-button-standard-border-hover: oklch(0.5103 0 0);
263
+ --pds-color-icon-button-standard-foreground: oklch(0.8452 0 0);
264
+ --pds-color-icon-button-critical-background-default: rgba(255, 255, 255, 0.00);
265
+ --pds-color-icon-button-critical-background-hover: oklch(0.4501 0.1581 26.35 / 25%);
266
+ --pds-color-icon-button-critical-border-default: oklch(0.5954 0.1582 23.19);
267
+ --pds-color-icon-button-critical-border-hover: oklch(0.5954 0.1582 23.19);
268
+ --pds-color-icon-button-critical-foreground: oklch(0.5954 0.1582 23.19);
268
269
  --pds-color-icon-button-reverse-background-default: rgba(255, 255, 255, 0.00);
269
- --pds-color-icon-button-reverse-background-hover: #1717170d;
270
- --pds-color-icon-button-reverse-border-default: #1717171f;
271
- --pds-color-icon-button-reverse-border-hover: #17171726;
272
- --pds-color-icon-button-reverse-foreground: oklch(0.2046 0 0);
273
- --pds-color-split-button-primary-separator: oklch(0.8388 0.003 264.54);
274
- --pds-color-split-button-secondary-separator: oklch(0.4235 0.0071 264.49);
275
- --pds-color-segmented-button-background-inactive: oklch(0.2929 0.0039 264.51);
276
- --pds-color-segmented-button-background-active: oklch(0.8388 0.003 264.54);
277
- --pds-color-segmented-button-foreground-inactive: var(--pds-color-fg-default-secondary);
278
- --pds-color-segmented-button-foreground-active: var(--pds-color-fg-reverse);
279
- --pds-color-category-ai-foreground: oklch(0.9407 0.0377 309.6);
280
- --pds-color-category-ai-utility: oklch(0.542 0.2895 299.91);
281
- --pds-color-category-ai-background: oklch(0.4814 0.2603 297.73);
282
- --pds-color-code-inline-background: oklch(0.2433 0.0041 264.49);
283
- --pds-color-code-inline-border: oklch(0.2929 0.0039 264.51);
270
+ --pds-color-icon-button-reverse-background-hover: oklch(0.9430 0 0);
271
+ --pds-color-icon-button-reverse-border-default: oklch(0.8047 0 0);
272
+ --pds-color-icon-button-reverse-border-hover: oklch(0.8047 0 0);
273
+ --pds-color-icon-button-reverse-foreground: oklch(0.3791 0 0);
274
+ --pds-color-split-button-primary-separator: oklch(0.8452 0 0);
275
+ --pds-color-split-button-secondary-separator: oklch(0.4091 0 0);
276
+ --pds-color-segmented-button-background-inactive: oklch(0.2931 0 0);
277
+ --pds-color-segmented-button-background-active: oklch(0.8452 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-reverse);
280
+ --pds-color-category-ai-foreground: oklch(0.9559 0.0143 308.29);
281
+ --pds-color-category-ai-utility: oklch(0.6127 0.1092 305.74);
282
+ --pds-color-category-ai-background: oklch(0.5200 0.1177 303.12);
283
+ --pds-color-code-inline-background: oklch(0.2603 0 0);
284
+ --pds-color-code-inline-border: oklch(0.2931 0 0);
284
285
  --pds-color-code-inline-text: #ffffff;
285
286
  --pds-color-datavis-categorical-1: #00d4be;
286
287
  --pds-color-datavis-categorical-2: #5fa7ff;
287
288
  --pds-color-datavis-categorical-3: #b77ff2;
288
289
  --pds-color-datavis-categorical-4: #ff8e5f;
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: #5a7fff;
294
- --pds-color-datavis-sequential-iris-6: #4a6aee;
295
- --pds-color-datavis-sequential-iris-7: #6070d0;
296
- --pds-color-datavis-sequential-iris-8: #6878c8;
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: #5a7fff;
295
+ --pds-color-datavis-sequential-blue-6: #4a6aee;
296
+ --pds-color-datavis-sequential-blue-7: #6070d0;
297
+ --pds-color-datavis-sequential-blue-8: #6878c8;
297
298
  --pds-color-datavis-sequential-neutral-1: #f5f5f5;
298
299
  --pds-color-datavis-sequential-neutral-2: #e0e0e0;
299
300
  --pds-color-datavis-sequential-neutral-3: #c8c8c8;
@@ -332,57 +333,51 @@
332
333
  --pds-color-datavis-status-warning: #b06300;
333
334
  --pds-color-datavis-status-discovery: #6f3fa6;
334
335
  --pds-color-datavis-status-neutral: #b0b0b6;
335
- --pds-color-dropdown-background: oklch(0.2929 0.0039 264.51);
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: oklch(0.2931 0 0);
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: oklch(0.36 0.005 264);
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: rgba(255, 255, 255, 0.00);
343
- --pds-color-fg-default: oklch(1.0000 0 0);
344
- --pds-color-fg-default-secondary: oklch(0.8388 0.003 264.54);
345
- --pds-color-fg-reverse: oklch(0.2046 0 0);
346
- --pds-color-fg-reverse-secondary: oklch(0.5103 0 0);
347
- --pds-color-input-placeholder: oklch(0.5991 0.0051 258.33);
348
- --pds-color-input-file-upload-button-background-default: oklch(0.2929 0.0039 264.51);
349
- --pds-color-input-file-upload-button-background-hover: oklch(0.3554 0.0058 258.35);
350
- --pds-color-input-selected-background: oklch(0.5558 0.2372 267.79);
344
+ --pds-color-foreground-default: oklch(0.9702 0 0);
345
+ --pds-color-foreground-default-secondary: oklch(0.8452 0 0);
346
+ --pds-color-foreground-reverse: oklch(0.2178 0 0);
347
+ --pds-color-foreground-reverse-secondary: oklch(0.5173 0 0);
348
+ --pds-color-input-placeholder: oklch(0.6830 0 0);
349
+ --pds-color-input-file-upload-button-background-default: oklch(0.2931 0 0);
350
+ --pds-color-input-file-upload-button-background-hover: oklch(0.3329 0 0);
351
+ --pds-color-input-selected-background: oklch(0.6496 0.1590 270.95);
351
352
  --pds-color-input-selected-foreground: oklch(1.0000 0 0);
352
- --pds-color-input-switch-icon: oklch(0.8388 0.003 264.54);
353
+ --pds-color-input-switch-icon: oklch(0.8452 0 0);
353
354
  --pds-color-input-tag-background-default: oklch(0.38 0 0);
354
355
  --pds-color-input-tag-background-hover: oklch(0.32 0 0);
355
- --pds-color-input-tag-background-active: oklch(0.5558 0.2372 267.79);
356
- --pds-color-input-tag-foreground-default: oklch(1.0000 0 0);
357
- --pds-color-input-tag-foreground-hover: oklch(1.0000 0 0);
358
- --pds-color-input-tag-foreground-active: oklch(1.0000 0 0);
359
- --pds-color-input-tag-outline-active: oklch(0.5558 0.2372 267.79);
360
- --pds-color-interactive-background-hover: oklch(0.2929 0.0039 264.51);
361
- --pds-color-interactive-background-active: oklch(0.3554 0.0058 258.35);
362
- --pds-color-interactive-focus: oklch(0.5558 0.2372 267.79);
363
- --pds-color-interactive-link-default: oklch(0.6575 0.177 272.74);
364
- --pds-color-interactive-link-hover: oklch(0.744 0.129 274);
365
- --pds-color-interactive-link-active: oklch(0.6311 0.2503 304.99);
366
- --pds-color-interactive-link-visited: oklch(0.6311 0.2503 304.99);
367
- --pds-color-interactive-ui-hover: oklch(0.6575 0.177 272.74);
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.4125 0.1942 266.8);
371
- --pds-color-interactive-reverse-link-active: oklch(0.4682 0.2508 299.4);
372
- --pds-color-interactive-reverse-link-visited: oklch(0.4682 0.2508 299.4);
373
- --pds-color-interactive-reverse-ui-hover: oklch(0.5558 0.2372 267.79);
374
- --pds-color-nav-side-nav-indicator-active: oklch(0.5308 0.2335 268.08);
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.4235 0.0071 264.49);
377
- --pds-color-nav-side-nav-item-background-active: oklch(0.4235 0.0071 264.49);
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.6311 0.2503 304.99);
382
- --pds-color-nav-item-default-foreground-active: oklch(0.6311 0.2503 304.99);
383
- --pds-color-nav-item-default-foreground-trigger: oklch(0.4235 0.0071 264.49);
384
- --pds-color-nav-item-reverse-foreground-hover: oklch(0.4814 0.2603 297.73);
385
- --pds-color-nav-item-reverse-foreground-active: oklch(0.4814 0.2603 297.73);
356
+ --pds-color-input-tag-background-active: oklch(0.6496 0.1590 270.95);
357
+ --pds-color-input-tag-foreground-default: oklch(0.9702 0 0);
358
+ --pds-color-input-tag-foreground-hover: oklch(0.9702 0 0);
359
+ --pds-color-input-tag-foreground-active: oklch(0.9702 0 0);
360
+ --pds-color-input-tag-outline-active: oklch(0.6496 0.1590 270.95);
361
+ --pds-color-interactive-background-hover: oklch(0.2603 0 0);
362
+ --pds-color-interactive-background-active: oklch(0.2931 0 0);
363
+ --pds-color-interactive-focus: oklch(0.6496 0.1590 270.95);
364
+ --pds-color-interactive-link-default: oklch(0.6496 0.1590 270.95);
365
+ --pds-color-interactive-link-hover: oklch(0.6707 0.1296 32.99);
366
+ --pds-color-interactive-link-active: oklch(0.7480 0.1030 37.44);
367
+ --pds-color-interactive-link-visited: oklch(0.6496 0.1590 270.95);
368
+ --pds-color-interactive-ui-hover: oklch(0.6496 0.1590 270.95);
369
+ --pds-color-interactive-ui-active: oklch(0.6496 0.1590 270.95);
370
+ --pds-color-interactive-ui-current: oklch(0.6496 0.1590 270.95);
371
+ --pds-color-interactive-ui-background-hover: oklch(0.2603 0 0);
372
+ --pds-color-interactive-ui-background-active: oklch(0.2931 0 0);
373
+ --pds-color-interactive-reverse-focus: oklch(0.5256 0.1988 268.04);
374
+ --pds-color-interactive-reverse-link-default: oklch(0.5256 0.1988 268.04);
375
+ --pds-color-interactive-reverse-link-hover: oklch(0.6015 0.1484 35.70);
376
+ --pds-color-interactive-reverse-link-active: oklch(0.5093 0.1241 35.58);
377
+ --pds-color-interactive-reverse-link-visited: oklch(0.5256 0.1988 268.04);
378
+ --pds-color-interactive-reverse-ui-hover: oklch(0.5256 0.1988 268.04);
379
+ --pds-color-nav-item-reverse-foreground-hover: oklch(0.5200 0.1177 303.12);
380
+ --pds-color-nav-item-reverse-foreground-active: oklch(0.5200 0.1177 303.12);
386
381
  --pds-color-overlay: rgba(0, 0, 0, 0.45);
387
382
  --pds-color-overlay-subtle: rgba(0, 0, 0, 0.4);
388
383
  --pds-color-partner-bitbucket: #004DC0;
@@ -394,30 +389,30 @@
394
389
  --pds-color-partner-nextjs: #ffffff;
395
390
  --pds-color-partner-wordpress: #0073AA;
396
391
  --pds-color-social-rss: #f3763a;
397
- --pds-color-status-success-foreground: oklch(0.9079 0.087 152.53);
398
- --pds-color-status-success-dot: oklch(0.5118 0.1311 147.75);
399
- --pds-color-status-success-border: oklch(0.5118 0.1311 147.75);
400
- --pds-color-status-success-background: oklch(0.3778 0.0814 153.95);
401
- --pds-color-status-info-foreground: oklch(0.8816 0.0619 245.59);
402
- --pds-color-status-info-dot: oklch(0.5707 0.1855 255.14);
403
- --pds-color-status-info-border: oklch(0.5707 0.1855 255.14);
404
- --pds-color-status-info-background: oklch(0.4399 0.1453 255.91);
405
- --pds-color-status-critical-foreground: oklch(0.8326 0.0742 24.95);
406
- --pds-color-status-critical-dot: oklch(0.5103 0.1942 29.6);
407
- --pds-color-status-critical-border: oklch(0.5103 0.1942 29.6);
408
- --pds-color-status-critical-background: oklch(0.3866 0.145 30.09);
409
- --pds-color-status-warning-foreground: oklch(0.9147 0.0715 75.62);
410
- --pds-color-status-warning-dot: oklch(0.5757 0.1336 61.11);
411
- --pds-color-status-warning-border: oklch(0.5757 0.1336 61.11);
412
- --pds-color-status-warning-background: oklch(0.4141 0.0927 65.26);
413
- --pds-color-status-discovery-foreground: oklch(0.8267 0.0958 307.50);
414
- --pds-color-status-discovery-dot: oklch(0.4772 0.1603 302.13);
415
- --pds-color-status-discovery-border: oklch(0.4772 0.1603 302.13);
416
- --pds-color-status-discovery-background: oklch(0.2809 0.0442 307.66);
417
- --pds-color-status-neutral-background: oklch(0.3554 0.0058 258.35);
418
- --pds-color-status-neutral-indicator: oklch(0.8388 0.003 264.54);
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.8774 0.0659 125.63);
393
+ --pds-color-status-success-fill: oklch(0.6402 0.1224 130.73);
394
+ --pds-color-status-success-border: oklch(0.5670 0.1201 132.73);
395
+ --pds-color-status-success-background: oklch(0.3746 0.0812 134.16);
396
+ --pds-color-status-warning-foreground: oklch(0.8603 0.0782 67.73);
397
+ --pds-color-status-warning-fill: oklch(0.7116 0.1405 61.04);
398
+ --pds-color-status-warning-border: oklch(0.5428 0.1292 52.61);
399
+ --pds-color-status-warning-background: oklch(0.3111 0.0678 55.70);
400
+ --pds-color-status-critical-foreground: oklch(0.8022 0.0731 18.80);
401
+ --pds-color-status-critical-fill: oklch(0.5954 0.1582 23.19);
402
+ --pds-color-status-critical-border: oklch(0.4501 0.1581 26.35);
403
+ --pds-color-status-critical-background: oklch(0.2550 0.0814 25.05);
404
+ --pds-color-status-info-foreground: oklch(0.8372 0.0459 236.03);
405
+ --pds-color-status-info-fill: oklch(0.6392 0.0968 238.41);
406
+ --pds-color-status-info-border: oklch(0.4662 0.0924 245.48);
407
+ --pds-color-status-info-background: oklch(0.2906 0.0644 249.78);
408
+ --pds-color-status-discovery-foreground: oklch(0.8272 0.0507 309.02);
409
+ --pds-color-status-discovery-fill: oklch(0.6127 0.1092 305.74);
410
+ --pds-color-status-discovery-border: oklch(0.4277 0.1065 303.89);
411
+ --pds-color-status-discovery-background: oklch(0.2671 0.0855 295.38);
412
+ --pds-color-status-neutral-background: oklch(0.3329 0 0);
413
+ --pds-color-status-neutral-indicator: oklch(0.8452 0 0);
414
+ --pds-color-status-frozen-fill: oklch(0.6392 0.0968 238.41);
415
+ --pds-color-status-disabled-fill: oklch(0.5103 0 0);
421
416
  --pds-elevation-drawer-left: 2px 0px 32px 0px rgba(0, 0, 0, 0.8), 1px 0px 0px 0px rgba(255, 255, 255, 0.12);
422
417
  --pds-elevation-drawer-right: -2px 0px 32px 0px rgba(0, 0, 0, 0.8), -1px 0px 0px 0px rgba(255, 255, 255, 0.12);
423
418
  --pds-elevation-icon-button-pressed: inset 0px 0px 4px 1px rgba(255, 255, 255, 0.06);