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

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 (100) hide show
  1. package/dist/components/CodeBlock/code-examples.d.ts +1 -1
  2. package/dist/components/Tag/Tag.d.ts +5 -2
  3. package/dist/components/badges/Badge/Badge.d.ts +1 -1
  4. package/dist/components/buttons/ButtonLink/ButtonLink.d.ts +1 -1
  5. package/dist/components/buttons/ClipboardButton/ClipboardButton.d.ts +5 -1
  6. package/dist/components/buttons/MenuButton/MenuButton.d.ts +1 -1
  7. package/dist/css/component-css/pds-action-card.css +1 -1
  8. package/dist/css/component-css/pds-avatar.css +1 -1
  9. package/dist/css/component-css/pds-badge.css +1 -1
  10. package/dist/css/component-css/pds-breadcrumb.css +1 -1
  11. package/dist/css/component-css/pds-button-link.css +1 -1
  12. package/dist/css/component-css/pds-button.css +44 -12
  13. package/dist/css/component-css/pds-callout.css +1 -1
  14. package/dist/css/component-css/pds-card-select.css +1 -1
  15. package/dist/css/component-css/pds-card.css +1 -1
  16. package/dist/css/component-css/pds-chart-legend.css +1 -1
  17. package/dist/css/component-css/pds-chart-wrapper.css +1 -1
  18. package/dist/css/component-css/pds-checkbox.css +1 -1
  19. package/dist/css/component-css/pds-close-button.css +1 -1
  20. package/dist/css/component-css/pds-combobox-multiselect.css +2 -2
  21. package/dist/css/component-css/pds-combobox.css +1 -1
  22. package/dist/css/component-css/pds-compact-empty-state.css +1 -1
  23. package/dist/css/component-css/pds-comparison-list.css +1 -1
  24. package/dist/css/component-css/pds-datepicker.css +2 -2
  25. package/dist/css/component-css/pds-drawer.css +1 -1
  26. package/dist/css/component-css/pds-dropdown-menu.css +1 -1
  27. package/dist/css/component-css/pds-dropdown.css +2 -2
  28. package/dist/css/component-css/pds-expansion-panel.css +1 -1
  29. package/dist/css/component-css/pds-file-diff.css +1 -1
  30. package/dist/css/component-css/pds-file-upload.css +3 -3
  31. package/dist/css/component-css/pds-full-screen-overlay.css +1 -1
  32. package/dist/css/component-css/pds-horizontal-empty-state.css +1 -1
  33. package/dist/css/component-css/pds-icon-button.css +3 -1
  34. package/dist/css/component-css/pds-icon.css +1 -1
  35. package/dist/css/component-css/pds-identity-block.css +1 -1
  36. package/dist/css/component-css/pds-index.css +71 -33
  37. package/dist/css/component-css/pds-inline-message.css +1 -1
  38. package/dist/css/component-css/pds-input-utilities.css +1 -1
  39. package/dist/css/component-css/pds-menu-button.css +1 -1
  40. package/dist/css/component-css/pds-modal.css +1 -1
  41. package/dist/css/component-css/pds-nav-menu.css +1 -1
  42. package/dist/css/component-css/pds-navbar.css +2 -2
  43. package/dist/css/component-css/pds-notification-hub-icon.css +1 -1
  44. package/dist/css/component-css/pds-notifications-popover.css +2 -2
  45. package/dist/css/component-css/pds-pagination-compact.css +1 -1
  46. package/dist/css/component-css/pds-pagination-mini.css +1 -1
  47. package/dist/css/component-css/pds-pagination.css +1 -1
  48. package/dist/css/component-css/pds-panel-list.css +1 -1
  49. package/dist/css/component-css/pds-panel.css +1 -1
  50. package/dist/css/component-css/pds-pantheon-logo.css +1 -1
  51. package/dist/css/component-css/pds-pie-chart.css +1 -1
  52. package/dist/css/component-css/pds-popover.css +1 -1
  53. package/dist/css/component-css/pds-progress-bar.css +1 -1
  54. package/dist/css/component-css/pds-progress-ring.css +1 -1
  55. package/dist/css/component-css/pds-proportion-bar.css +1 -1
  56. package/dist/css/component-css/pds-radio-group.css +1 -1
  57. package/dist/css/component-css/pds-section-message.css +1 -1
  58. package/dist/css/component-css/pds-select.css +1 -1
  59. package/dist/css/component-css/pds-side-nav-global.css +3 -1
  60. package/dist/css/component-css/pds-side-nav.css +1 -1
  61. package/dist/css/component-css/pds-site-footer.css +1 -1
  62. package/dist/css/component-css/pds-sortable-list.css +2 -2
  63. package/dist/css/component-css/pds-status-badge.css +1 -1
  64. package/dist/css/component-css/pds-status-checker.css +1 -1
  65. package/dist/css/component-css/pds-status-indicator.css +1 -1
  66. package/dist/css/component-css/pds-step-list.css +1 -1
  67. package/dist/css/component-css/pds-stepper.css +1 -1
  68. package/dist/css/component-css/pds-switch.css +1 -1
  69. package/dist/css/component-css/pds-tab-menu.css +2 -2
  70. package/dist/css/component-css/pds-table-of-contents.css +1 -1
  71. package/dist/css/component-css/pds-table.css +1 -1
  72. package/dist/css/component-css/pds-tabs.css +1 -1
  73. package/dist/css/component-css/pds-tag.css +1 -1
  74. package/dist/css/component-css/pds-tags-input.css +1 -1
  75. package/dist/css/component-css/pds-tally.css +1 -1
  76. package/dist/css/component-css/pds-text-input.css +1 -1
  77. package/dist/css/component-css/pds-textarea.css +1 -1
  78. package/dist/css/component-css/pds-toaster.css +1 -1
  79. package/dist/css/component-css/pds-tooltip.css +1 -1
  80. package/dist/css/component-css/pds-tree-nav.css +1 -1
  81. package/dist/css/component-css/pds-user-menu.css +1 -1
  82. package/dist/css/component-css/pds-utility-bar.css +1 -1
  83. package/dist/css/component-css/pds-utility-button.css +3 -1
  84. package/dist/css/component-css/pds-vertical-empty-state.css +1 -1
  85. package/dist/css/component-css/pds-vertical-stepper.css +1 -1
  86. package/dist/css/component-css/pds-workspace-selector.css +2 -2
  87. package/dist/css/design-tokens/variables.dark.css +295 -324
  88. package/dist/css/design-tokens/variables.global.css +0 -3
  89. package/dist/css/design-tokens/variables.light.css +261 -290
  90. package/dist/css/layout-css/pds-app-layout.css +1 -1
  91. package/dist/css/layout-css/pds-index.css +1 -1
  92. package/dist/css/pds-components.css +71 -33
  93. package/dist/css/pds-core.css +2 -2
  94. package/dist/css/pds-layouts.css +1 -1
  95. package/dist/index.css +1 -1
  96. package/dist/index.js +10428 -14159
  97. package/dist/index.js.map +1 -1
  98. package/dist/layouts/AppLayout/AppLayout.d.ts +2 -2
  99. package/dist/libs/types/custom-types.d.ts +2 -2
  100. package/package.json +4 -4
package/dist/css/design-tokens/variables.dark.css CHANGED
@@ -1,148 +1,112 @@
1
1
  [data-theme="dark"] {
2
- --pds-color-badge-apollo-background: oklch(0.9598 0.0751 97.78);
3
- --pds-color-badge-apollo-foreground: oklch(0.2842 0.0752 49.97);
4
- --pds-color-badge-apollo-secondary-background: oklch(0.6533 0.1351 98.32);
5
- --pds-color-badge-apollo-secondary-foreground: oklch(0.1489 0.0027 248.08);
6
- --pds-color-badge-iris-background: oklch(0.9401 0.0349 232.04);
7
- --pds-color-badge-iris-foreground: oklch(0.3462 0.2268 270.06);
8
- --pds-color-badge-iris-secondary-background: oklch(0.5308 0.2335 268.08);
9
- --pds-color-badge-iris-secondary-foreground: oklch(1.0000 0 0);
10
- --pds-color-badge-hypnos-background: oklch(0.9404 0.0521 325.00);
11
- --pds-color-badge-hypnos-foreground: oklch(0.3933 0.2209 291.24);
12
- --pds-color-badge-hypnos-secondary-background: oklch(0.4814 0.2603 297.73);
13
- --pds-color-badge-hypnos-secondary-foreground: oklch(1.0000 0 0);
14
- --pds-color-badge-gaia-background: oklch(0.9606 0.0164 79.35);
15
- --pds-color-badge-gaia-foreground: oklch(0.2812 0.0674 57.94);
16
- --pds-color-badge-gaia-secondary-background: oklch(0.3554 0.0058 258.35);
17
- --pds-color-badge-gaia-secondary-foreground: oklch(0.1489 0.0027 248.08);
18
- --pds-color-badge-aether-background: oklch(0.9595 0.0167 230.90);
19
- --pds-color-badge-aether-foreground: oklch(0.2930 0.0705 242.77);
20
- --pds-color-badge-aether-secondary-background: oklch(0.1489 0.0027 248.08);
21
- --pds-color-badge-aether-secondary-foreground: oklch(1.0000 0 0);
22
- --pds-color-badge-success-background: oklch(0.9606 0.0559 147.50);
23
- --pds-color-badge-success-foreground: oklch(0.2986 0.1016 142.50);
24
- --pds-color-badge-success-secondary-background: oklch(0.3778 0.0814 153.95);
25
- --pds-color-badge-success-secondary-foreground: oklch(1.0000 0 0);
26
- --pds-color-badge-warning-background: oklch(0.9465 0.0444 75.99);
27
- --pds-color-badge-warning-foreground: oklch(0.2868 0.1177 29.23);
28
- --pds-color-badge-warning-secondary-background: oklch(0.5757 0.1336 61.11);
29
- --pds-color-badge-warning-secondary-foreground: oklch(0.1489 0.0027 248.08);
30
- --pds-color-badge-critical-background: oklch(0.9248 0.0402 41.03);
31
- --pds-color-badge-critical-foreground: oklch(0.3488 0.1431 29.23);
32
- --pds-color-badge-critical-secondary-background: oklch(0.5103 0.1942 29.6);
33
- --pds-color-badge-critical-secondary-foreground: oklch(1.0000 0 0);
34
- --pds-color-badge-info-background: oklch(0.9469 0.0406 215.88);
35
- --pds-color-badge-info-foreground: oklch(0.2923 0.2026 264.05);
36
- --pds-color-badge-info-secondary-background: oklch(0.4399 0.1453 255.91);
37
- --pds-color-badge-info-secondary-foreground: oklch(1.0000 0 0);
38
- --pds-color-badge-discovery-background: oklch(0.9487 0.0459 325.93);
39
- --pds-color-badge-discovery-foreground: oklch(0.3272 0.1732 301.51);
40
- --pds-color-badge-discovery-secondary-background: oklch(0.2809 0.0442 307.66);
41
- --pds-color-badge-discovery-secondary-foreground: oklch(1.0000 0 0);
42
- --pds-color-badge-amber-background: oklch(0.9408 0.0522 78.34);
43
- --pds-color-badge-amber-foreground: oklch(0.3116 0.1279 29.23);
44
- --pds-color-badge-amber-secondary-background: oklch(0.5748 0.1493 51.28);
45
- --pds-color-badge-amber-secondary-foreground: oklch(1.0000 0 0);
46
- --pds-color-badge-orange-background: oklch(0.9266 0.0452 57.50);
47
- --pds-color-badge-orange-foreground: oklch(0.3445 0.1414 29.23);
48
- --pds-color-badge-orange-secondary-background: oklch(0.5822 0.1890 38.39);
49
- --pds-color-badge-orange-secondary-foreground: oklch(1.0000 0 0);
50
- --pds-color-badge-lime-background: oklch(0.9603 0.0793 132.38);
51
- --pds-color-badge-lime-foreground: oklch(0.2918 0.0993 142.50);
52
- --pds-color-badge-lime-secondary-background: oklch(0.5540 0.1620 135.05);
53
- --pds-color-badge-lime-secondary-foreground: oklch(1.0000 0 0);
54
- --pds-color-badge-teal-background: oklch(0.9599 0.0392 182.77);
55
- --pds-color-badge-teal-foreground: oklch(0.3045 0.0567 176.40);
56
- --pds-color-badge-teal-secondary-background: oklch(0.5203 0.0927 183.02);
57
- --pds-color-badge-teal-secondary-foreground: oklch(1.0000 0 0);
58
- --pds-color-badge-sky-background: oklch(0.9539 0.0448 206.80);
59
- --pds-color-badge-sky-foreground: oklch(0.3083 0.1049 255.90);
60
- --pds-color-badge-sky-secondary-background: oklch(0.5571 0.1189 235.42);
61
- --pds-color-badge-sky-secondary-foreground: oklch(1.0000 0 0);
62
- --pds-color-badge-indigo-background: oklch(0.9452 0.0263 257.03);
63
- --pds-color-badge-indigo-foreground: oklch(0.3152 0.1990 274.45);
64
- --pds-color-badge-indigo-secondary-background: oklch(0.4574 0.1942 275.52);
65
- --pds-color-badge-indigo-secondary-foreground: oklch(1.0000 0 0);
66
- --pds-color-badge-rose-background: oklch(0.9305 0.0434 346.32);
67
- --pds-color-badge-rose-foreground: oklch(0.3361 0.1343 13.26);
68
- --pds-color-badge-rose-secondary-background: oklch(0.5479 0.1847 1.24);
69
- --pds-color-badge-rose-secondary-foreground: oklch(1.0000 0 0);
70
- --pds-color-badge-slate-background: oklch(0.9604 0.0137 247.97);
71
- --pds-color-badge-slate-foreground: oklch(0.2787 0.0367 249.26);
72
- --pds-color-badge-slate-secondary-background: oklch(0.5169 0.0320 248.45);
73
- --pds-color-badge-slate-secondary-foreground: oklch(1.0000 0 0);
74
- --pds-color-badge-sand-background: oklch(0.9607 0.0315 78.17);
75
- --pds-color-badge-sand-foreground: oklch(0.2816 0.0657 60.48);
76
- --pds-color-badge-sand-secondary-background: oklch(0.5693 0.0766 76.35);
77
- --pds-color-badge-sand-secondary-foreground: oklch(1.0000 0 0);
78
- --pds-color-badge-mint-background: oklch(0.9601 0.0479 173.52);
79
- --pds-color-badge-mint-foreground: oklch(0.3074 0.0697 159.89);
80
- --pds-color-badge-mint-secondary-background: oklch(0.5463 0.1062 171.76);
81
- --pds-color-badge-mint-secondary-foreground: oklch(1.0000 0 0);
82
- --pds-color-badge-silver-background: oklch(0.9551 0 0);
83
- --pds-color-badge-silver-foreground: oklch(0.3211 0 0);
84
- --pds-color-badge-silver-secondary-background: oklch(0.2929 0.0039 264.51);
85
- --pds-color-badge-silver-secondary-foreground: oklch(0.1489 0.0027 248.08);
86
- --pds-color-badge-stone-background: oklch(0.8822 0 0);
87
- --pds-color-badge-stone-foreground: oklch(0.2850 0 0);
88
- --pds-color-badge-stone-secondary-background: oklch(0.2433 0.0041 264.49);
89
- --pds-color-badge-stone-secondary-foreground: oklch(1.0000 0 0);
90
- --pds-color-badge-feature-foreground: oklch(1.0000 0 0);
91
- --pds-color-banner-info-background: oklch(0.4399 0.1453 255.91);
92
- --pds-color-banner-info-foreground: oklch(1.0000 0 0);
93
- --pds-color-banner-warning-background: oklch(0.5757 0.1336 61.11);
94
- --pds-color-banner-warning-foreground: oklch(1.0000 0 0);
95
- --pds-color-banner-critical-background: oklch(0.5103 0.1942 29.6);
96
- --pds-color-banner-critical-foreground: oklch(1.0000 0 0);
97
- --pds-color-banner-discovery-background: oklch(0.4772 0.1603 302.13);
98
- --pds-color-banner-discovery-foreground: oklch(1.0000 0 0);
99
- --pds-color-banner-neutral-background: oklch(0.3554 0.0058 258.35);
100
- --pds-color-banner-neutral-foreground: oklch(1.0000 0 0);
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);
2
+ --pds-color-badge-brand-background: oklch(0.8622 0.1681 88.31);
3
+ --pds-color-badge-brand-foreground: oklch(0.2178 0 0);
4
+ --pds-color-badge-brand-muted-background: oklch(0.5143 0.1019 76.13);
5
+ --pds-color-badge-brand-muted-foreground: oklch(0.9577 0.0624 93.43);
6
+ --pds-color-badge-success-background: oklch(0.8020 0.0936 127.07);
7
+ --pds-color-badge-success-foreground: oklch(0.2178 0 0);
8
+ --pds-color-badge-success-muted-background: oklch(0.3746 0.0812 134.16);
9
+ --pds-color-badge-success-muted-foreground: oklch(0.9301 0.0402 124.12);
10
+ --pds-color-badge-warning-background: oklch(0.7885 0.1129 63.65);
11
+ --pds-color-badge-warning-foreground: oklch(0.2178 0 0);
12
+ --pds-color-badge-warning-muted-background: oklch(0.3111 0.0678 55.70);
13
+ --pds-color-badge-warning-muted-foreground: oklch(0.9208 0.0469 69.27);
14
+ --pds-color-badge-critical-background: oklch(0.6991 0.1140 20.37);
15
+ --pds-color-badge-critical-foreground: oklch(0.2178 0 0);
16
+ --pds-color-badge-critical-muted-background: oklch(0.3541 0.1230 26.18);
17
+ --pds-color-badge-critical-muted-foreground: oklch(0.8880 0.0405 17.94);
18
+ --pds-color-badge-info-background: oklch(0.7445 0.0724 235.56);
19
+ --pds-color-badge-info-foreground: oklch(0.2178 0 0);
20
+ --pds-color-badge-info-muted-background: oklch(0.3751 0.0783 246.74);
21
+ --pds-color-badge-info-muted-foreground: oklch(0.9123 0.0286 231.46);
22
+ --pds-color-badge-discovery-background: oklch(0.7268 0.0778 307.70);
23
+ --pds-color-badge-discovery-foreground: oklch(0.2178 0 0);
24
+ --pds-color-badge-discovery-muted-background: oklch(0.3388 0.0952 301.67);
25
+ --pds-color-badge-discovery-muted-foreground: oklch(0.9077 0.0264 310.39);
26
+ --pds-color-badge-rose-background: oklch(0.7622 0.1214 358.96);
27
+ --pds-color-badge-rose-foreground: oklch(0.2178 0 0);
28
+ --pds-color-badge-rose-muted-background: oklch(0.3462 0.0939 8.11);
29
+ --pds-color-badge-rose-muted-foreground: oklch(0.9106 0.0331 351.20);
30
+ --pds-color-badge-orange-background: oklch(0.7424 0.1407 52.51);
31
+ --pds-color-badge-orange-foreground: oklch(0.2178 0 0);
32
+ --pds-color-badge-orange-muted-background: oklch(0.3382 0.1012 42.43);
33
+ --pds-color-badge-orange-muted-foreground: oklch(0.9175 0.0328 49.33);
34
+ --pds-color-badge-lime-background: oklch(0.7787 0.1672 131.15);
35
+ --pds-color-badge-lime-foreground: oklch(0.2178 0 0);
36
+ --pds-color-badge-lime-muted-background: oklch(0.3715 0.0965 131.92);
37
+ --pds-color-badge-lime-muted-foreground: oklch(0.9185 0.0344 128.89);
38
+ --pds-color-badge-sky-background: oklch(0.7435 0.1023 229.83);
39
+ --pds-color-badge-sky-foreground: oklch(0.2178 0 0);
40
+ --pds-color-badge-sky-muted-background: oklch(0.3262 0.0771 241.77);
41
+ --pds-color-badge-sky-muted-foreground: oklch(0.9144 0.0264 224.25);
42
+ --pds-color-badge-indigo-background: oklch(0.6729 0.1514 281.54);
43
+ --pds-color-badge-indigo-foreground: oklch(0.2178 0 0);
44
+ --pds-color-badge-indigo-muted-background: oklch(0.2846 0.1010 279.36);
45
+ --pds-color-badge-indigo-muted-foreground: oklch(0.9364 0.0311 281.82);
46
+ --pds-color-badge-ink-background: oklch(0.9702 0 0);
47
+ --pds-color-badge-ink-foreground: oklch(0.2178 0 0);
48
+ --pds-color-badge-ink-muted-background: oklch(0.4091 0 0);
49
+ --pds-color-badge-ink-muted-foreground: oklch(0.8452 0 0);
50
+ --pds-color-badge-silver-background: oklch(0.6830 0 0);
51
+ --pds-color-badge-silver-foreground: oklch(0.2178 0 0);
52
+ --pds-color-badge-silver-muted-background: oklch(0.3329 0 0);
53
+ --pds-color-badge-silver-muted-foreground: oklch(0.8452 0 0);
54
+ --pds-color-badge-slate-background: oklch(0.8270 0.0260 240.73);
55
+ --pds-color-badge-slate-foreground: oklch(0.2178 0 0);
56
+ --pds-color-badge-slate-muted-background: oklch(0.4263 0.0263 240.04);
57
+ --pds-color-badge-slate-muted-foreground: oklch(0.9388 0.0118 239.91);
58
+ --pds-color-badge-stone-background: oklch(0.7772 0.0121 84.58);
59
+ --pds-color-badge-stone-foreground: oklch(0.2178 0 0);
60
+ --pds-color-badge-stone-muted-background: oklch(0.4022 0.0071 84.59);
61
+ --pds-color-badge-stone-muted-foreground: oklch(0.9558 0.0086 84.57);
62
+ --pds-color-badge-gold-background: oklch(0.7739 0.0682 79.28);
63
+ --pds-color-badge-gold-foreground: oklch(0.2178 0 0);
64
+ --pds-color-badge-gold-muted-background: oklch(0.3989 0.0551 79.95);
65
+ --pds-color-badge-gold-muted-foreground: oklch(0.9281 0.0348 98.08);
66
+ --pds-color-banner-info-background: oklch(0.4662 0.0924 245.48);
67
+ --pds-color-banner-info-foreground: oklch(0.9702 0 0);
68
+ --pds-color-banner-warning-background: oklch(0.5428 0.1292 52.61);
69
+ --pds-color-banner-warning-foreground: oklch(0.9702 0 0);
70
+ --pds-color-banner-critical-background: oklch(0.5338 0.1771 25.54);
71
+ --pds-color-banner-critical-foreground: oklch(0.9702 0 0);
72
+ --pds-color-banner-discovery-background: oklch(0.5200 0.1177 303.12);
73
+ --pds-color-banner-discovery-foreground: oklch(0.9702 0 0);
74
+ --pds-color-banner-neutral-background: oklch(0.5103 0 0);
75
+ --pds-color-banner-neutral-foreground: oklch(0.9702 0 0);
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);
104
79
  --pds-color-code-block-dark-line-prefix: #9699A1;
105
80
  --pds-color-code-block-dark-highlight: #474954;
106
81
  --pds-color-code-block-light-background: #EFF0F0;
107
82
  --pds-color-code-block-light-foreground: #3B3D45;
108
83
  --pds-color-code-block-light-line-prefix: #686D78;
109
84
  --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);
113
- --pds-color-dashboard-nav-background-admin: #252038;
114
- --pds-color-dashboard-nav-item-background-default: rgba(255, 255, 255, 0.00);
115
- --pds-color-dashboard-nav-item-background-hover: oklch(0.4235 0.0071 264.49);
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);
121
- --pds-color-datepicker-accent-foreground: oklch(0.5308 0.2335 268.08);
122
- --pds-color-datepicker-range-background: oklch(0.287 0.0845 266.41);
123
- --pds-color-datepicker-range-foreground: oklch(0.2046 0 0);
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);
85
+ --pds-color-datepicker-accent-foreground: oklch(0.6496 0.1590 270.95);
86
+ --pds-color-datepicker-range-background: oklch(0.2000 0.0400 268.00);
87
+ --pds-color-datepicker-range-foreground: oklch(0.2178 0 0);
88
+ --pds-color-datepicker-selected-background: oklch(0.6496 0.1590 270.95);
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);
130
94
  --pds-color-pagination-foreground-hover: oklch(1 0 0);
131
- --pds-color-pagination-foreground-active: oklch(0.9361 0.0305 273.64);
95
+ --pds-color-pagination-foreground-active: oklch(0.9702 0 0);
132
96
  --pds-color-pagination-foreground-current: oklch(1 0 0);
133
- --pds-color-pagination-background-hover: oklch(0.2929 0.0039 264.51);
134
- --pds-color-pagination-background-active: oklch(0.287 0.0845 266.41);
135
- --pds-color-pagination-background-current: oklch(0.5308 0.2335 268.08);
136
- --pds-color-panel-sunken-background: oklch(0.1489 0.0027 248.08);
137
- --pds-color-panel-raised-background: oklch(0.2046 0 0);
138
- --pds-color-panel-overlay-background: oklch(0.2046 0 0);
139
- --pds-color-expansion-panel-hover: oklch(0.2929 0.0039 264.51);
140
- --pds-color-expansion-panel-open: oklch(0.2929 0.0039 264.51);
141
- --pds-color-popover-border: oklch(0.4235 0.0071 264.49);
142
- --pds-color-skeleton-regular-base: oklch(0.3554 0.0058 258.35);
143
- --pds-color-skeleton-regular-movement: oklch(0.5991 0.0051 258.33);
144
- --pds-color-skeleton-bold-base: oklch(0.4235 0.0071 264.49);
145
- --pds-color-skeleton-bold-movement: oklch(0.5991 0.0051 258.33);
97
+ --pds-color-pagination-background-hover: oklch(0.2603 0 0);
98
+ --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);
103
+ --pds-color-expansion-panel-hover: oklch(0.2931 0 0);
104
+ --pds-color-expansion-panel-open: oklch(0.2931 0 0);
105
+ --pds-color-popover-border: oklch(0.31 0.005 258);
106
+ --pds-color-skeleton-regular-base: oklch(0.3329 0 0);
107
+ --pds-color-skeleton-regular-movement: oklch(0.6830 0 0);
108
+ --pds-color-skeleton-bold-base: oklch(0.4091 0 0);
109
+ --pds-color-skeleton-bold-movement: oklch(0.6830 0 0);
146
110
  --pds-color-sortable-border-hover: oklch(0.38 0.135 268);
147
111
  --pds-color-sortable-border-target: oklch(0.6575 0.177 272.74);
148
112
  --pds-color-spinner-full-1: #7600D9;
@@ -158,142 +122,146 @@
158
122
  --pds-color-spinner-critical-secondary-2: #de2e21;
159
123
  --pds-color-spinner-critical-secondary-3: transparent;
160
124
  --pds-color-table-sort-icon-inactive: oklch(0.5 0 0);
161
- --pds-color-tabs-border: oklch(0.3554 0.0058 258.35);
162
- --pds-color-tag-apollo-background: #f4e296;
163
- --pds-color-tag-apollo-foreground: #461c00;
164
- --pds-color-tag-iris-background: #bcdeff;
165
- --pds-color-tag-iris-foreground: #1d00ac;
166
- --pds-color-tag-hypnos-background: #f2c8ff;
167
- --pds-color-tag-hypnos-foreground: #5000af;
168
- --pds-color-tag-gaia-background: #ebdfcf;
169
- --pds-color-tag-gaia-foreground: #411f00;
170
- --pds-color-tag-aether-background: #d1e5ef;
171
- --pds-color-tag-aether-foreground: #002f4c;
172
- --pds-color-tag-success-background: #c2efc7;
173
- --pds-color-tag-success-foreground: #003900;
174
- --pds-color-tag-warning-background: #ffd7b1;
175
- --pds-color-tag-warning-foreground: #570000;
176
- --pds-color-tag-critical-background: #ffc7b8;
177
- --pds-color-tag-critical-foreground: #730000;
178
- --pds-color-tag-info-background: #bcdeff;
179
- --pds-color-tag-info-foreground: #1d00ac;
180
- --pds-color-tag-discovery-background: #f4cfff;
181
- --pds-color-tag-discovery-foreground: #47007c;
182
- --pds-color-tag-amber-background: #bb5900;
183
- --pds-color-tag-amber-foreground: oklch(1 0 0);
184
- --pds-color-tag-orange-background: #d24300;
185
- --pds-color-tag-orange-foreground: oklch(1 0 0);
186
- --pds-color-tag-lime-background: #448600;
187
- --pds-color-tag-lime-foreground: oklch(1 0 0);
188
- --pds-color-tag-teal-background: #007a6e;
189
- --pds-color-tag-teal-foreground: oklch(1 0 0);
190
- --pds-color-tag-sky-background: #007daf;
191
- --pds-color-tag-sky-foreground: oklch(1 0 0);
192
- --pds-color-tag-indigo-background: #4040c0;
193
- --pds-color-tag-indigo-foreground: oklch(1 0 0);
194
- --pds-color-tag-rose-background: #c0306a;
195
- --pds-color-tag-rose-foreground: oklch(1 0 0);
196
- --pds-color-tag-slate-background: #5a6a7a;
197
- --pds-color-tag-slate-foreground: oklch(1 0 0);
198
- --pds-color-tag-sand-background: #917141;
199
- --pds-color-tag-sand-foreground: oklch(1 0 0);
200
- --pds-color-tag-mint-background: #008469;
201
- --pds-color-tag-mint-foreground: oklch(1 0 0);
202
- --pds-color-tag-silver-background: #969696;
203
- --pds-color-tag-silver-foreground: oklch(1 0 0);
204
- --pds-color-tag-stone-background: #717171;
205
- --pds-color-tag-stone-foreground: oklch(1 0 0);
206
- --pds-color-toast-background: oklch(0.4235 0.0071 264.49);
207
- --pds-color-toast-foreground: oklch(1.0000 0 0);
208
- --pds-color-toast-action: oklch(0.8388 0.003 264.54);
209
- --pds-color-toast-info-icon: oklch(0.7019 0.1604 252.41);
210
- --pds-color-toast-success-icon: oklch(0.7275 0.177 148.24);
211
- --pds-color-toast-warning-icon: oklch(0.7867 0.1649 66.34);
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);
125
+ --pds-color-tabs-border: oklch(0.3329 0 0);
126
+ --pds-color-tag-orange-background: oklch(0.3382 0.1012 42.43);
127
+ --pds-color-tag-orange-foreground: oklch(0.9175 0.0328 49.33);
128
+ --pds-color-tag-stone-background: oklch(0.4022 0.0071 84.59);
129
+ --pds-color-tag-stone-foreground: oklch(0.9558 0.0086 84.57);
130
+ --pds-color-tag-gold-background: oklch(0.3989 0.0551 79.95);
131
+ --pds-color-tag-gold-foreground: oklch(0.9281 0.0348 98.08);
132
+ --pds-color-tag-lime-background: oklch(0.3715 0.0965 131.92);
133
+ --pds-color-tag-lime-foreground: oklch(0.9185 0.0344 128.89);
134
+ --pds-color-tag-mint-background: oklch(0.3059 0.0558 164.75);
135
+ --pds-color-tag-mint-foreground: oklch(0.9131 0.0504 156.82);
136
+ --pds-color-tag-teal-background: oklch(0.2956 0.0455 185.86);
137
+ --pds-color-tag-teal-foreground: oklch(0.9189 0.0386 190.48);
138
+ --pds-color-tag-sky-background: oklch(0.3262 0.0771 241.77);
139
+ --pds-color-tag-sky-foreground: oklch(0.9144 0.0264 224.25);
140
+ --pds-color-tag-slate-background: oklch(0.4263 0.0263 240.04);
141
+ --pds-color-tag-slate-foreground: oklch(0.9388 0.0118 239.91);
142
+ --pds-color-tag-indigo-background: oklch(0.2846 0.1010 279.36);
143
+ --pds-color-tag-indigo-foreground: oklch(0.9364 0.0311 281.82);
144
+ --pds-color-tag-purple-background: oklch(0.3479 0.1189 294.81);
145
+ --pds-color-tag-purple-foreground: oklch(0.8951 0.0581 297.20);
146
+ --pds-color-tag-magenta-background: oklch(0.2465 0.0921 337.45);
147
+ --pds-color-tag-magenta-foreground: oklch(0.8885 0.0587 337.81);
148
+ --pds-color-tag-rose-background: oklch(0.3462 0.0939 8.11);
149
+ --pds-color-tag-rose-foreground: oklch(0.9390 0.0187 9.31);
150
+ --pds-color-tag-red-background: oklch(0.2785 0.0849 24.52);
151
+ --pds-color-tag-red-foreground: oklch(0.8886 0.0584 23.52);
152
+ --pds-color-tag-silver-background: oklch(0.3329 0 0);
153
+ --pds-color-tag-silver-foreground: oklch(0.8452 0 0);
154
+ --pds-color-tag-orange-solid-background: oklch(0.7424 0.1407 52.51);
155
+ --pds-color-tag-orange-solid-foreground: oklch(0.2178 0 0);
156
+ --pds-color-tag-teal-solid-background: oklch(0.7512 0.1057 185.82);
157
+ --pds-color-tag-teal-solid-foreground: oklch(0.2178 0 0);
158
+ --pds-color-tag-indigo-solid-background: oklch(0.6729 0.1514 281.54);
159
+ --pds-color-tag-indigo-solid-foreground: oklch(0.2178 0 0);
160
+ --pds-color-tag-magenta-solid-background: oklch(0.7113 0.1755 341.03);
161
+ --pds-color-tag-magenta-solid-foreground: oklch(0.2178 0 0);
162
+ --pds-color-tag-rose-solid-background: oklch(0.7622 0.1214 358.96);
163
+ --pds-color-tag-rose-solid-foreground: oklch(0.2178 0 0);
164
+ --pds-color-tag-success-solid-background: oklch(0.8020 0.0936 127.07);
165
+ --pds-color-tag-success-solid-foreground: oklch(0.2178 0 0);
166
+ --pds-color-tag-warning-solid-background: oklch(0.7885 0.1129 63.65);
167
+ --pds-color-tag-warning-solid-foreground: oklch(0.2178 0 0);
168
+ --pds-color-tag-critical-solid-background: oklch(0.6991 0.1140 20.37);
169
+ --pds-color-tag-critical-solid-foreground: oklch(0.2178 0 0);
170
+ --pds-color-tag-info-solid-background: oklch(0.7445 0.0724 235.56);
171
+ --pds-color-tag-info-solid-foreground: oklch(0.2178 0 0);
172
+ --pds-color-tag-discovery-solid-background: oklch(0.7268 0.0778 307.70);
173
+ --pds-color-tag-discovery-solid-foreground: oklch(0.2178 0 0);
174
+ --pds-color-surface-default: oklch(0.2178 0 0);
175
+ --pds-color-surface-default-secondary: oklch(0.2603 0 0);
176
+ --pds-color-surface-reverse: oklch(0.9702 0 0);
216
177
  --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);
178
+ --pds-color-border-default-secondary: oklch(0.3329 0 0);
179
+ --pds-color-border-input: oklch(0.4091 0 0);
219
180
  --pds-color-border-separator: oklch(0.5991 0 0);
220
181
  --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);
182
+ --pds-color-button-primary-background-default: oklch(0.9702 0 0);
183
+ --pds-color-button-primary-background-hover: oklch(0.8800 0 0);
184
+ --pds-color-button-primary-background-active: oklch(0.8096 0 0);
185
+ --pds-color-button-primary-foreground: oklch(0.2178 0 0);
224
186
  --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);
187
+ --pds-color-button-secondary-background-hover: oklch(0.2931 0 0);
188
+ --pds-color-button-secondary-background-active: oklch(0.3638 0 0);
189
+ --pds-color-button-secondary-border: oklch(0.5103 0 0);
190
+ --pds-color-button-secondary-foreground-default: oklch(0.9702 0 0);
191
+ --pds-color-button-secondary-foreground-hover: oklch(0.9702 0 0);
228
192
  --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);
193
+ --pds-color-button-subtle-background-hover: oklch(0.2931 0 0);
194
+ --pds-color-button-subtle-background-active: oklch(0.3426 0 0);
195
+ --pds-color-button-subtle-foreground: oklch(0.9702 0 0);
196
+ --pds-color-button-brand-background-default: oklch(0.8622 0.1681 88.31);
197
+ --pds-color-button-brand-background-hover: oklch(0.7640 0.1510 84.30);
198
+ --pds-color-button-brand-background-active: oklch(0.6723 0.1329 84.30);
199
+ --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-critical-background-default: oklch(0.5338 0.1771 25.54);
205
+ --pds-color-button-critical-background-hover: oklch(0.4501 0.1581 26.35);
206
+ --pds-color-button-critical-background-active: oklch(0.3961 0.1391 26.35);
239
207
  --pds-color-button-critical-foreground: oklch(1.0000 0 0);
240
208
  --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);
245
- --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);
209
+ --pds-color-button-critical-secondary-background-hover: oklch(0.4501 0.1581 26.35 / 25%);
210
+ --pds-color-button-critical-secondary-background-active: oklch(0.4666 0.1534 26.35);
211
+ --pds-color-button-critical-secondary-border-default: oklch(0.5954 0.1582 23.19);
212
+ --pds-color-button-critical-secondary-border-hover: oklch(0.5954 0.1582 23.19);
213
+ --pds-color-button-critical-secondary-foreground: oklch(0.5954 0.1582 23.19);
214
+ --pds-color-button-reverse-background-default: oklch(0.2178 0 0);
215
+ --pds-color-button-reverse-background-hover: oklch(0.3100 0 0);
216
+ --pds-color-button-reverse-background-active: oklch(0.3652 0 0);
217
+ --pds-color-button-reverse-foreground: oklch(0.9702 0 0);
251
218
  --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);
219
+ --pds-color-button-reverse-secondary-background-hover: oklch(0.9430 0 0);
220
+ --pds-color-button-reverse-secondary-background-active: oklch(0.9147 0 0);
221
+ --pds-color-button-reverse-secondary-border: oklch(0.8047 0 0);
222
+ --pds-color-button-reverse-secondary-foreground: oklch(0.2178 0 0);
223
+ --pds-color-close-button-foreground: oklch(0.8452 0 0);
256
224
  --pds-color-close-button-background-default: rgba(255, 255, 255, 0.00);
257
225
  --pds-color-close-button-background-hover: #ffffff1a;
258
226
  --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);
227
+ --pds-color-icon-button-standard-background-hover: oklch(0.2931 0 0);
228
+ --pds-color-icon-button-standard-border-default: oklch(0.4091 0 0);
229
+ --pds-color-icon-button-standard-border-hover: oklch(0.5103 0 0);
230
+ --pds-color-icon-button-standard-foreground: oklch(0.8452 0 0);
231
+ --pds-color-icon-button-critical-background-default: rgba(255, 255, 255, 0.00);
232
+ --pds-color-icon-button-critical-background-hover: oklch(0.4501 0.1581 26.35 / 25%);
233
+ --pds-color-icon-button-critical-border-default: oklch(0.5954 0.1582 23.19);
234
+ --pds-color-icon-button-critical-border-hover: oklch(0.5954 0.1582 23.19);
235
+ --pds-color-icon-button-critical-foreground: oklch(0.5954 0.1582 23.19);
268
236
  --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);
237
+ --pds-color-icon-button-reverse-background-hover: oklch(0.9430 0 0);
238
+ --pds-color-icon-button-reverse-border-default: oklch(0.8047 0 0);
239
+ --pds-color-icon-button-reverse-border-hover: oklch(0.8047 0 0);
240
+ --pds-color-icon-button-reverse-foreground: oklch(0.3791 0 0);
241
+ --pds-color-split-button-primary-separator: oklch(0.8452 0 0);
242
+ --pds-color-split-button-secondary-separator: oklch(0.4091 0 0);
243
+ --pds-color-segmented-button-background-inactive: oklch(0.2931 0 0);
244
+ --pds-color-segmented-button-background-active: oklch(0.8452 0 0);
245
+ --pds-color-segmented-button-foreground-inactive: var(--pds-color-foreground-default-secondary);
246
+ --pds-color-segmented-button-foreground-active: var(--pds-color-foreground-reverse);
247
+ --pds-color-category-ai-foreground: oklch(0.9559 0.0143 308.29);
248
+ --pds-color-category-ai-utility: oklch(0.6127 0.1092 305.74);
249
+ --pds-color-category-ai-background: oklch(0.5200 0.1177 303.12);
250
+ --pds-color-code-inline-background: oklch(0.2603 0 0);
251
+ --pds-color-code-inline-border: oklch(0.2931 0 0);
284
252
  --pds-color-code-inline-text: #ffffff;
285
253
  --pds-color-datavis-categorical-1: #00d4be;
286
254
  --pds-color-datavis-categorical-2: #5fa7ff;
287
255
  --pds-color-datavis-categorical-3: #b77ff2;
288
256
  --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;
257
+ --pds-color-datavis-sequential-blue-1: #eaf0ff;
258
+ --pds-color-datavis-sequential-blue-2: #c6d6ff;
259
+ --pds-color-datavis-sequential-blue-3: #9db9ff;
260
+ --pds-color-datavis-sequential-blue-4: #749cff;
261
+ --pds-color-datavis-sequential-blue-5: #5a7fff;
262
+ --pds-color-datavis-sequential-blue-6: #4a6aee;
263
+ --pds-color-datavis-sequential-blue-7: #6070d0;
264
+ --pds-color-datavis-sequential-blue-8: #6878c8;
297
265
  --pds-color-datavis-sequential-neutral-1: #f5f5f5;
298
266
  --pds-color-datavis-sequential-neutral-2: #e0e0e0;
299
267
  --pds-color-datavis-sequential-neutral-3: #c8c8c8;
@@ -332,57 +300,52 @@
332
300
  --pds-color-datavis-status-warning: #b06300;
333
301
  --pds-color-datavis-status-discovery: #6f3fa6;
334
302
  --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);
303
+ --pds-color-dropdown-background: oklch(0.2931 0 0);
304
+ --pds-color-dropdown-foreground: var(--pds-color-foreground-default);
305
+ --pds-color-dropdown-heading: var(--pds-color-foreground-default-secondary);
306
+ --pds-color-dropdown-description: var(--pds-color-foreground-default-secondary);
339
307
  --pds-color-dropdown-item-background-hover: oklch(0.36 0.005 264);
340
308
  --pds-color-dropdown-item-background-active: var(--pds-color-interactive-background-active);
341
309
  --pds-color-dropdown-item-background-selected: var(--pds-color-interactive-background-hover);
342
310
  --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);
311
+ --pds-color-foreground-default: oklch(0.9702 0 0);
312
+ --pds-color-foreground-default-secondary: oklch(0.8452 0 0);
313
+ --pds-color-foreground-reverse: oklch(0.2178 0 0);
314
+ --pds-color-foreground-reverse-secondary: oklch(0.5173 0 0);
315
+ --pds-color-input-placeholder: oklch(0.6830 0 0);
316
+ --pds-color-input-file-upload-button-background-default: oklch(0.2931 0 0);
317
+ --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);
351
319
  --pds-color-input-selected-foreground: oklch(1.0000 0 0);
352
- --pds-color-input-switch-icon: oklch(0.8388 0.003 264.54);
320
+ --pds-color-input-switch-icon: oklch(0.8452 0 0);
353
321
  --pds-color-input-tag-background-default: oklch(0.38 0 0);
354
322
  --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);
323
+ --pds-color-input-tag-background-active: oklch(0.6496 0.1590 270.95);
324
+ --pds-color-input-tag-foreground-default: oklch(0.9702 0 0);
325
+ --pds-color-input-tag-foreground-hover: oklch(0.9702 0 0);
326
+ --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);
332
+ --pds-color-interactive-link-hover: oklch(0.6707 0.1296 32.99);
333
+ --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);
341
+ --pds-color-interactive-reverse-focus: oklch(0.5256 0.1988 268.04);
342
+ --pds-color-interactive-reverse-link-default: oklch(0.5256 0.1988 268.04);
343
+ --pds-color-interactive-reverse-link-hover: oklch(0.6015 0.1484 35.70);
344
+ --pds-color-interactive-reverse-link-active: oklch(0.5093 0.1241 35.58);
345
+ --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);
347
+ --pds-color-nav-item-reverse-foreground-hover: oklch(0.5200 0.1177 303.12);
348
+ --pds-color-nav-item-reverse-foreground-active: oklch(0.5200 0.1177 303.12);
386
349
  --pds-color-overlay: rgba(0, 0, 0, 0.45);
387
350
  --pds-color-overlay-subtle: rgba(0, 0, 0, 0.4);
388
351
  --pds-color-partner-bitbucket: #004DC0;
@@ -394,30 +357,39 @@
394
357
  --pds-color-partner-nextjs: #ffffff;
395
358
  --pds-color-partner-wordpress: #0073AA;
396
359
  --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);
360
+ --pds-color-status-success-foreground: oklch(0.8774 0.0659 125.63);
361
+ --pds-color-status-success-fill: oklch(0.6402 0.1224 130.73);
362
+ --pds-color-status-success-border: oklch(0.5670 0.1201 132.73);
363
+ --pds-color-status-success-background: oklch(0.3746 0.0812 134.16);
364
+ --pds-color-status-warning-foreground: oklch(0.8603 0.0782 67.73);
365
+ --pds-color-status-warning-fill: oklch(0.7116 0.1405 61.04);
366
+ --pds-color-status-warning-border: oklch(0.5428 0.1292 52.61);
367
+ --pds-color-status-warning-background: oklch(0.3111 0.0678 55.70);
368
+ --pds-color-status-critical-foreground: oklch(0.8022 0.0731 18.80);
369
+ --pds-color-status-critical-fill: oklch(0.5954 0.1582 23.19);
370
+ --pds-color-status-critical-border: oklch(0.4501 0.1581 26.35);
371
+ --pds-color-status-critical-background: oklch(0.2550 0.0814 25.05);
372
+ --pds-color-status-info-foreground: oklch(0.8372 0.0459 236.03);
373
+ --pds-color-status-info-fill: oklch(0.6392 0.0968 238.41);
374
+ --pds-color-status-info-border: oklch(0.4662 0.0924 245.48);
375
+ --pds-color-status-info-background: oklch(0.2906 0.0644 249.78);
376
+ --pds-color-status-discovery-foreground: oklch(0.8272 0.0507 309.02);
377
+ --pds-color-status-discovery-fill: oklch(0.6127 0.1092 305.74);
378
+ --pds-color-status-discovery-border: oklch(0.4277 0.1065 303.89);
379
+ --pds-color-status-discovery-background: oklch(0.2671 0.0855 295.38);
380
+ --pds-color-status-neutral-background: oklch(0.3329 0 0);
381
+ --pds-color-status-neutral-indicator: oklch(0.8452 0 0);
382
+ --pds-color-status-frozen-fill: oklch(0.6392 0.0968 238.41);
383
+ --pds-color-status-disabled-fill: oklch(0.5103 0 0);
384
+ --pds-elevation-button-primary-active: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
385
+ --pds-elevation-button-secondary-active: inset 0px 1px 3px 0px rgba(255, 255, 255, 0.16);
386
+ --pds-elevation-button-subtle-active: inset 0px 0px 2px 0px rgba(255, 255, 255, 0.16);
387
+ --pds-elevation-button-critical-active: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.20);
388
+ --pds-elevation-button-critical-secondary-active: inset 0px 1px 3px 0px rgba(255, 255, 255, 0.16);
389
+ --pds-elevation-button-brand-active: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
390
+ --pds-elevation-button-highlight-active: inset 0px 2px 4px 0px rgba(255, 255, 255, 0.15);
391
+ --pds-elevation-button-reverse-active: inset 0px 1px 3px 0px rgba(255, 255, 255, 0.15);
392
+ --pds-elevation-button-reverse-secondary-active: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.10);
421
393
  --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
394
  --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
395
  --pds-elevation-icon-button-pressed: inset 0px 0px 4px 1px rgba(255, 255, 255, 0.06);
@@ -441,7 +413,6 @@
441
413
  --pds-gradient-avatar-earth: linear-gradient(315deg, #6BC5FC 0%, #218C5F 100%);
442
414
  --pds-gradient-avatar-moon: linear-gradient(315deg, #A2CFFF 0%, #8A70FF 100%);
443
415
  --pds-gradient-avatar-sun: linear-gradient(135deg, #E65F35 0%, #FFFF11 100%);
444
- --pds-gradient-badge-feature: linear-gradient(81deg, oklch(0.5939 0.2479 349.85) 3.17%, oklch(0.5157 0.2324 282.97) 92.85%);
445
416
  --pds-gradient-card-yellow: linear-gradient(225deg, #FFCB45 0%, #FFDC28 50%, #FFF1A9 100%);
446
417
  --pds-gradient-card-mint: linear-gradient(225deg, #4BCE97 0%, #BAF3DB 100%);
447
418
  --pds-gradient-card-lavender: linear-gradient(225deg, #8A70FF 0%, #BFB1FF 100%);