@pantheon-systems/pds-toolkit-react 1.0.0-dev.206 → 1.0.0-dev.208

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 (79) hide show
  1. package/_dist/components/badges/Tally/Tally.d.ts +4 -1
  2. package/_dist/components/cards/NewSiteCard/NewSiteCard.d.ts +5 -1
  3. package/_dist/css/component-css/pds-avatar-tile-list.css +1 -1
  4. package/_dist/css/component-css/pds-breadcrumb.css +1 -1
  5. package/_dist/css/component-css/pds-callout.css +1 -1
  6. package/_dist/css/component-css/pds-card-heading.css +1 -1
  7. package/_dist/css/component-css/pds-card-select-group.css +1 -1
  8. package/_dist/css/component-css/pds-card.css +1 -1
  9. package/_dist/css/component-css/pds-checkbox.css +1 -1
  10. package/_dist/css/component-css/pds-combobox.css +1 -1
  11. package/_dist/css/component-css/pds-comparison-list.css +1 -1
  12. package/_dist/css/component-css/pds-cta-link.css +1 -1
  13. package/_dist/css/component-css/pds-cta-slice.css +1 -1
  14. package/_dist/css/component-css/pds-dashboard-nav.css +1 -1
  15. package/_dist/css/component-css/pds-dashboard-search.css +1 -1
  16. package/_dist/css/component-css/pds-dropdown-menu.css +2 -2
  17. package/_dist/css/component-css/pds-expansion-panel.css +1 -1
  18. package/_dist/css/component-css/pds-file-diff.css +1 -1
  19. package/_dist/css/component-css/pds-file-upload.css +1 -1
  20. package/_dist/css/component-css/pds-footer-heading.css +1 -1
  21. package/_dist/css/component-css/pds-footer-links.css +1 -1
  22. package/_dist/css/component-css/pds-icon-button.css +6 -24
  23. package/_dist/css/component-css/pds-index.css +18 -32
  24. package/_dist/css/component-css/pds-inline-message.css +1 -1
  25. package/_dist/css/component-css/pds-input-group.css +1 -1
  26. package/_dist/css/component-css/pds-input-utilities.css +1 -1
  27. package/_dist/css/component-css/pds-menu-button.css +1 -1
  28. package/_dist/css/component-css/pds-modal.css +1 -1
  29. package/_dist/css/component-css/pds-nav-menu.css +7 -1
  30. package/_dist/css/component-css/pds-navbar.css +1 -3
  31. package/_dist/css/component-css/pds-new-site-card.css +1 -1
  32. package/_dist/css/component-css/pds-pager.css +1 -1
  33. package/_dist/css/component-css/pds-panel-list.css +1 -1
  34. package/_dist/css/component-css/pds-panel.css +1 -1
  35. package/_dist/css/component-css/pds-pantheon-logo.css +1 -1
  36. package/_dist/css/component-css/pds-popover.css +1 -1
  37. package/_dist/css/component-css/pds-pricing-card.css +1 -1
  38. package/_dist/css/component-css/pds-progress-bar.css +1 -1
  39. package/_dist/css/component-css/pds-progress-ring.css +1 -1
  40. package/_dist/css/component-css/pds-pull-quote.css +1 -1
  41. package/_dist/css/component-css/pds-radio-group.css +1 -1
  42. package/_dist/css/component-css/pds-refresh-checker.css +1 -1
  43. package/_dist/css/component-css/pds-section-message.css +1 -1
  44. package/_dist/css/component-css/pds-segmented-button.css +1 -1
  45. package/_dist/css/component-css/pds-select.css +1 -1
  46. package/_dist/css/component-css/pds-side-nav-compact.css +1 -1
  47. package/_dist/css/component-css/pds-side-nav.css +1 -1
  48. package/_dist/css/component-css/pds-site-card.css +1 -1
  49. package/_dist/css/component-css/pds-site-footer.css +1 -1
  50. package/_dist/css/component-css/pds-social-links.css +1 -1
  51. package/_dist/css/component-css/pds-status-indicator.css +1 -1
  52. package/_dist/css/component-css/pds-stepper.css +1 -1
  53. package/_dist/css/component-css/pds-switch.css +1 -1
  54. package/_dist/css/component-css/pds-tab-menu.css +2 -2
  55. package/_dist/css/component-css/pds-table-of-contents.css +1 -1
  56. package/_dist/css/component-css/pds-table.css +1 -1
  57. package/_dist/css/component-css/pds-tabs.css +1 -1
  58. package/_dist/css/component-css/pds-text-input.css +1 -1
  59. package/_dist/css/component-css/pds-textarea.css +1 -1
  60. package/_dist/css/component-css/pds-tile.css +1 -1
  61. package/_dist/css/component-css/pds-tiles-common.css +1 -1
  62. package/_dist/css/component-css/pds-toaster.css +1 -1
  63. package/_dist/css/component-css/pds-toggle-button.css +1 -1
  64. package/_dist/css/component-css/pds-tooltip.css +1 -1
  65. package/_dist/css/component-css/pds-user-menu.css +1 -1
  66. package/_dist/css/component-css/pds-utility-button.css +1 -1
  67. package/_dist/css/component-css/pds-workspace-selector.css +1 -1
  68. package/_dist/css/design-tokens/pds-design-tokens-dark-mode.css +46 -68
  69. package/_dist/css/design-tokens/pds-design-tokens-light-mode.css +141 -154
  70. package/_dist/css/pds-components.css +18 -32
  71. package/_dist/css/pds-core.css +3 -3
  72. package/_dist/css/pds-layouts.css +3 -1
  73. package/_dist/index.css +1 -1
  74. package/_dist/index.js +1691 -1706
  75. package/_dist/index.js.map +1 -1
  76. package/_dist/layouts/StepperLayout/StepperLayout.d.ts +3 -0
  77. package/_dist/layouts/ThreeItemLayout/ThreeItemLayout.d.ts +2 -2
  78. package/_dist/mocks/data/navigation-items.d.ts +18 -0
  79. package/package.json +2 -2
@@ -1 +1 @@
1
- .pds-workspace-selector{display:inline-block;position:relative}.pds-workspace-selector__trigger{align-items:center;background-color:transparent;border:none;color:var(--pds-color-text-default);column-gap:.64rem;display:flex;position:relative}.pds-workspace-selector__trigger .pds-workspace-selector__trigger-icon{transition:transform .2s ease-in-out 0s}.pds-workspace-selector__trigger:hover{color:var(--pds-color-interactive-link-hover);cursor:pointer}.pds-workspace-selector__trigger:hover .pds-workspace-selector__avatar{outline:1px solid var(--pds-color-interactive-link-hover);outline-offset:.03125rem}.pds-workspace-selector__trigger:focus-visible{border-radius:.375rem;outline:.0625rem solid var(--pds-color-interactive-focus);outline-offset:2px;transition:outline .2s ease-in-out 0s}.pds-workspace-selector__toggle[aria-expanded=true],.pds-workspace-selector__trigger[aria-expanded=true]{color:var(--pds-color-interactive-link-hover)}.pds-workspace-selector__toggle[aria-expanded=true] .pds-workspace-selector__avatar,.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__avatar{outline:1px solid var(--pds-color-interactive-link-hover);outline-offset:.03125rem}.pds-workspace-selector__toggle[aria-expanded=true] .pds-workspace-selector__trigger-icon,.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-workspace-selector__button-content{align-items:center;column-gap:.64rem;display:flex}.pds-workspace-selector__name{font-family:Poppins,sans-serif;font-size:1rem;font-weight:400}.pds-workspace-selector__trigger-icon{color:var(--pds-color-text-default-secondary)}.pds-workspace-selector__dropdown{background-color:var(--pds-color-menu-background);border-radius:.375rem;box-shadow:var(--pds-elevation-overlay);left:0;position:absolute;top:2.5rem;width:20rem}.pds-workspace-selector__dropdown:focus{outline:none}.pds-workspace-selector__menu{display:flex;flex-direction:column;list-style:none;margin:0;padding:.512rem .64rem;row-gap:.328rem}.pds-workspace-selector__menu--scroll{max-height:23.25rem;overflow-y:auto}.pds-workspace-selector__item{background-color:transparent;border-radius:.375rem;color:var(--pds-color-menu-item-foreground);cursor:pointer;font-size:1rem;line-height:120%;margin:0}.pds-workspace-selector__item:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.03125rem}.pds-workspace-selector__item:hover{background-color:var(--pds-color-menu-item-background-hover);outline:none}.pds-workspace-selector__item a{align-items:center;border-radius:.375rem;column-gap:.64rem;display:flex;justify-content:space-between;padding:.64rem .8rem;text-decoration:none}.pds-workspace-selector__item a,.pds-workspace-selector__item a:hover{color:var(--pds-color-menu-item-foreground)}.pds-workspace-selector__item-heading{color:var(--pds-color-menu-item-heading-text);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;line-height:120%;padding:.64rem .8rem .328rem}.pds-workspace-selector__item--active{background-color:var(--pds-color-menu-item-background-hover);border-radius:.375rem}.pds-workspace-selector__item--unprivileged{opacity:.5}.pds-workspace-selector__item--unprivileged:hover{background-color:transparent}.pds-workspace-selector__item--unprivileged a{cursor:not-allowed}.pds-workspace-selector__active-icon{margin-inline-start:.8rem}.pds-workspace-selector__item-content{align-items:center;column-gap:.64rem;display:flex}.pds-workspace-selector__no-results{color:var(--pds-color-text-default);font-size:1rem;margin-block-end:.512rem;padding-inline:.8rem}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter{border-block-end:1px solid var(--pds-color-border-default);box-shadow:0 1px 9px -7px rgba(0,0,0,.2);padding:.41rem .64rem}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter .pds-text-input__input-wrapper{border-color:transparent}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter .pds-text-input__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-input-field--text{border-color:transparent}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-input-field--text:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-workspace-selector__create-link{border-block-start:1px solid var(--pds-color-border-default);box-shadow:0 -1px 9px -7px rgba(0,0,0,.2);padding:.41rem .8rem}.pds-workspace-selector__create-link a{display:flex;justify-content:space-between}.pds-workspace-selector__create-link a:focus-visible{outline-width:1px}.pds-workspace-selector--isMobile{background-color:var(--pds-color-background-default);border-bottom:.0625rem solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;position:relative;width:100vw}.pds-workspace-selector__toggle{align-items:center;background-color:var(--pds-color-background-default);border:none;display:flex;justify-content:space-between;min-height:3.815rem;padding-inline:1.563rem;width:100%}.pds-workspace-selector__toggle>*{pointer-events:none}.pds-workspace-selector__toggle .pds-workspace-selector__trigger-icon{margin-inline-end:.328rem}.pds-workspace-selector__mobile-menu{display:none;padding-inline:.25rem}.pds-workspace-selector__mobile-menu .pds-workspace-selector__filter{padding-block:.512rem;padding-inline:1.25rem}.pds-workspace-selector__mobile-menu .pds-workspace-selector__create-link{border-block-start:none;box-shadow:none;padding-block:.41rem;padding-inline:1.25rem}.pds-workspace-selector__mobile-menu--expanded{display:flex;flex-direction:column}
1
+ .pds-workspace-selector{display:inline-block;position:relative}.pds-workspace-selector__trigger{align-items:center;background-color:transparent;border:none;color:var(--pds-color-foreground-default);column-gap:.64rem;display:flex;position:relative}.pds-workspace-selector__trigger .pds-workspace-selector__trigger-icon{color:var(--pds-color-nav-trigger-default);transition:transform .2s ease-in-out 0s}.pds-workspace-selector__trigger:hover{color:var(--pds-color-interactive-link-hover);cursor:pointer}.pds-workspace-selector__trigger:hover .pds-workspace-selector__avatar{outline:1px solid var(--pds-color-interactive-link-hover);outline-offset:.03125rem}.pds-workspace-selector__trigger:hover .pds-workspace-selector__trigger-icon{color:var(--pds-color-nav-trigger-open)}.pds-workspace-selector__trigger:focus-visible{border-radius:.375rem;outline:.0625rem solid var(--pds-color-interactive-focus);outline-offset:2px;transition:outline .2s ease-in-out 0s}.pds-workspace-selector__toggle[aria-expanded=true],.pds-workspace-selector__trigger[aria-expanded=true]{color:var(--pds-color-interactive-link-hover)}.pds-workspace-selector__toggle[aria-expanded=true] .pds-workspace-selector__avatar,.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__avatar{outline:1px solid var(--pds-color-interactive-link-hover);outline-offset:.03125rem}.pds-workspace-selector__toggle[aria-expanded=true] .pds-workspace-selector__trigger-icon,.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__trigger-icon{color:var(--pds-color-nav-trigger-open);transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-workspace-selector__button-content{align-items:center;column-gap:.64rem;display:flex}.pds-workspace-selector__name{font-family:Poppins,sans-serif;font-size:1rem;font-weight:400}.pds-workspace-selector__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.375rem;box-shadow:var(--pds-elevation-overlay);left:0;position:absolute;top:2.5rem;width:20rem}.pds-workspace-selector__dropdown:focus{outline:none}.pds-workspace-selector__menu{display:flex;flex-direction:column;list-style:none;margin:0;padding:.512rem .64rem;row-gap:.328rem}.pds-workspace-selector__menu--scroll{max-height:23.25rem;overflow-y:auto}.pds-workspace-selector__item{background-color:transparent;border-radius:.375rem;color:var(--pds-color-dropdown-foreground);cursor:pointer;font-size:1rem;line-height:120%;margin:0}.pds-workspace-selector__item a:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-workspace-selector__item:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.03125rem}.pds-workspace-selector__item:hover{background-color:var(--pds-color-dropdown-item-background-hover);outline:none}.pds-workspace-selector__item a{align-items:center;border-radius:.375rem;column-gap:.64rem;display:flex;justify-content:space-between;padding:.64rem .8rem;text-decoration:none}.pds-workspace-selector__item a,.pds-workspace-selector__item a:hover{color:var(--pds-color-dropdown-foreground)}.pds-workspace-selector__item-heading{color:var(--pds-color-dropdown-heading);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;line-height:120%;padding:.64rem .8rem .328rem}.pds-workspace-selector__item--active{background-color:var(--pds-color-dropdown-item-background-selected);border-radius:.375rem}.pds-workspace-selector__item--unprivileged{opacity:.5}.pds-workspace-selector__item--unprivileged:hover{background-color:transparent}.pds-workspace-selector__item--unprivileged a{cursor:not-allowed}.pds-workspace-selector__active-icon{margin-inline-start:.8rem}.pds-workspace-selector__item-content{align-items:center;column-gap:.64rem;display:flex}.pds-workspace-selector__no-results{color:var(--pds-color-foreground-default);font-size:1rem;margin-block-end:.512rem;padding-inline:.8rem}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter{border-block-end:1px solid var(--pds-color-border-default);box-shadow:0 1px 9px -7px rgba(0,0,0,.2);padding:.41rem .64rem}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter .pds-text-input__input-wrapper{border-color:transparent}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter .pds-text-input__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-input-field--text{border-color:transparent}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-input-field--text:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-workspace-selector__create-link{border-block-start:1px solid var(--pds-color-border-default);box-shadow:0 -1px 9px -7px rgba(0,0,0,.2);padding:.41rem .8rem}.pds-workspace-selector__create-link a{display:flex;justify-content:space-between}.pds-workspace-selector__create-link a:focus-visible{outline-width:1px}.pds-workspace-selector--isMobile{background-color:var(--pds-color-background-default);border-bottom:.0625rem solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;position:relative;width:100vw}.pds-workspace-selector__toggle{align-items:center;background-color:var(--pds-color-background-default);border:none;display:flex;justify-content:space-between;min-height:3.815rem;padding-inline:1.563rem;width:100%}.pds-workspace-selector__toggle>*{pointer-events:none}.pds-workspace-selector__toggle .pds-workspace-selector__trigger-icon{margin-inline-end:.328rem}.pds-workspace-selector__mobile-menu{display:none;padding-inline:.25rem}.pds-workspace-selector__mobile-menu .pds-workspace-selector__filter{padding-block:.512rem;padding-inline:1.25rem}.pds-workspace-selector__mobile-menu .pds-workspace-selector__create-link{border-block-start:none;box-shadow:none;padding-block:.41rem;padding-inline:1.25rem}.pds-workspace-selector__mobile-menu--expanded{display:flex;flex-direction:column}
@@ -10,24 +10,25 @@
10
10
  */
11
11
 
12
12
  :root {
13
- --pds-color-background-brand-secondary: #4e39a8;
14
13
  --pds-color-background-default: #1d1d29;
15
14
  --pds-color-background-default-secondary: #282839;
16
15
  --pds-color-background-reverse: #e7e7eb;
16
+ --pds-color-badge-indicator-brand-background: #8a70ff;
17
+ --pds-color-badge-indicator-brand-foreground: #ffffff;
17
18
  --pds-color-badge-indicator-critical-background: #ef5c48;
18
19
  --pds-color-badge-indicator-critical-foreground: #ffffff;
19
20
  --pds-color-badge-indicator-diamond-background: #f0fdff;
20
21
  --pds-color-badge-indicator-diamond-foreground: #388bff;
21
- --pds-color-badge-indicator-gold-background: #fff1a9;
22
+ --pds-color-badge-indicator-gold-background: #ffe668;
22
23
  --pds-color-badge-indicator-gold-foreground: #705e00;
23
24
  --pds-color-badge-indicator-info-background: #388bff;
24
25
  --pds-color-badge-indicator-info-foreground: #ffffff;
25
26
  --pds-color-badge-indicator-neutral-background: #504e62;
26
27
  --pds-color-badge-indicator-neutral-foreground: #ffffff;
27
- --pds-color-badge-indicator-platinum-background: #d0c6ff;
28
- --pds-color-badge-indicator-platinum-foreground: #4e39a8;
28
+ --pds-color-badge-indicator-platinum-background: #fff1a9;
29
+ --pds-color-badge-indicator-platinum-foreground: #ddbd16;
29
30
  --pds-color-badge-indicator-silver-background: #a6a3b4;
30
- --pds-color-badge-indicator-silver-foreground: var(--pds-color-text-default-secondary);
31
+ --pds-color-badge-indicator-silver-foreground: var(--pds-color-foreground-default-secondary);
31
32
  --pds-color-badge-indicator-success-background: #2abb7f;
32
33
  --pds-color-badge-indicator-success-foreground: #ffffff;
33
34
  --pds-color-badge-indicator-warning-background: #cf9f02;
@@ -36,32 +37,32 @@
36
37
  --pds-color-badge-status-dot-default: #858299;
37
38
  --pds-color-badge-status-dot-disabled: #858299;
38
39
  --pds-color-badge-status-dot-discovery: var(--pds-color-semantic-discovery-foreground);
39
- --pds-color-badge-status-dot-frozen: #d0c6ff;
40
+ --pds-color-badge-status-dot-frozen: #ad9bff;
40
41
  --pds-color-badge-status-dot-info: var(--pds-color-semantic-info-foreground);
41
42
  --pds-color-badge-status-dot-success: var(--pds-color-semantic-success-foreground);
42
43
  --pds-color-badge-status-dot-warning: var(--pds-color-semantic-warning-foreground);
43
44
  --pds-color-badge-status-neutral-background: var(--pds-color-background-default);
44
45
  --pds-color-badge-status-neutral-border: var(--pds-color-border-default);
45
- --pds-color-badge-status-neutral-label: var(--pds-color-text-default-secondary);
46
+ --pds-color-badge-status-neutral-label: var(--pds-color-foreground-default-secondary);
46
47
  --pds-color-badge-status-reverse-background: var(--pds-color-background-reverse);
47
48
  --pds-color-badge-status-reverse-border: var(--pds-color-background-reverse);
48
- --pds-color-badge-status-reverse-label: var(--pds-color-text-reverse);
49
+ --pds-color-badge-status-reverse-label: var(--pds-color-foreground-reverse);
49
50
  --pds-color-badge-status-transparent-background: rgba(0, 0, 0, 0);
50
51
  --pds-color-badge-status-transparent-border: var(--pds-color-border-default);
51
- --pds-color-badge-status-transparent-label: var(--pds-color-text-default-secondary);
52
- --pds-color-banner-critical-background: linear-gradient(135deg, #CA3521 0%, #B95898 100%);
52
+ --pds-color-badge-status-transparent-label: var(--pds-color-foreground-default-secondary);
53
+ --pds-color-banner-critical-background: #d34431;
53
54
  --pds-color-banner-critical-foreground: #ffffff;
54
- --pds-color-banner-info-background: linear-gradient(315deg, #1265DA 0%, #5F41E5 100%);
55
+ --pds-color-banner-info-background: #3575d0;
55
56
  --pds-color-banner-info-foreground: #ffffff;
56
- --pds-color-banner-warning-background: linear-gradient(135deg, #DDBD16 0%, #DB7612 100%);
57
+ --pds-color-banner-warning-background: #f5b730;
57
58
  --pds-color-banner-warning-foreground: #121219;
59
+ --pds-color-border-brand: #ad9bff;
58
60
  --pds-color-border-default: #504e62;
61
+ --pds-color-border-input: #858299;
62
+ --pds-color-border-separator: #858299;
59
63
  --pds-color-brand-accent-default: #de0093;
60
- --pds-color-brand-primary-default: #ffdc28;
61
- --pds-color-brand-secondary-default: #8a70ff;
62
- --pds-color-breadcrumb-link: var(--pds-color-interactive-link-default);
63
- --pds-color-breadcrumb-separator: #858299;
64
- --pds-color-breadcrumb-text: var(--pds-color-text-default-secondary);
64
+ --pds-color-brand-primary-default: #8a70ff;
65
+ --pds-color-brand-secondary-default: #ffdc28;
65
66
  --pds-color-button-brand-background-active: #ddbd16;
66
67
  --pds-color-button-brand-background-default: #ffdc28;
67
68
  --pds-color-button-brand-background-hover: #ffe668;
@@ -93,11 +94,11 @@
93
94
  --pds-color-button-navbar-foreground-default: #ffffff;
94
95
  --pds-color-button-navbar-foreground-hover: var(--pds-color-interactive-link-hover);
95
96
  --pds-color-button-primary-background-active: #4e39a8;
96
- --pds-color-button-primary-background-default: #8a70ff;
97
- --pds-color-button-primary-background-hover: #ad9bff;
97
+ --pds-color-button-primary-background-default: #4e39a8;
98
+ --pds-color-button-primary-background-hover: #2e1d78;
98
99
  --pds-color-button-primary-border-active: #4e39a8;
99
- --pds-color-button-primary-border-default: #8a70ff;
100
- --pds-color-button-primary-border-hover: #ad9bff;
100
+ --pds-color-button-primary-border-default: #4e39a8;
101
+ --pds-color-button-primary-border-hover: #2e1d78;
101
102
  --pds-color-button-primary-foreground-active: #ffffff;
102
103
  --pds-color-button-primary-foreground-default: #ffffff;
103
104
  --pds-color-button-primary-foreground-hover: #ffffff;
@@ -115,33 +116,24 @@
115
116
  --pds-color-button-subtle-foreground-active: #8a70ff;
116
117
  --pds-color-button-subtle-foreground-default: #d0c6ff;
117
118
  --pds-color-button-subtle-foreground-hover: #8a70ff;
118
- --pds-color-card-border: #504e62;
119
119
  --pds-color-code-inline-background: #282839;
120
120
  --pds-color-code-inline-border: #504e62;
121
121
  --pds-color-code-inline-text: #ffffff;
122
122
  --pds-color-expansion-panel-hover: #282839;
123
123
  --pds-color-expansion-panel-open: #282839;
124
124
  --pds-color-foreground-default: #ffffff;
125
+ --pds-color-foreground-default-secondary: #a6a3b4;
125
126
  --pds-color-foreground-reverse: #1d1d29;
126
127
  --pds-color-gradient-after-hours: linear-gradient(228.64deg, #1B0874 41.87%, #29B2FF 100%);
127
128
  --pds-color-gradient-midnight: linear-gradient(228.64deg, #1B0874 46.34%, #00E0C3 100%);
128
129
  --pds-color-gradient-sunrise: linear-gradient(227.79deg, #1B0874 38.28%, #E65F35 100%);
129
130
  --pds-color-gradient-sunset: linear-gradient(48.24deg, #EF13AD 0%, #1B0874 66.25%);
130
- --pds-color-icon-button-critical-background-active: #391813;
131
- --pds-color-icon-button-critical-background-default: rgba(0, 0, 0, 0);
132
- --pds-color-icon-button-critical-background-hover: #391813;
133
- --pds-color-icon-button-critical-foreground-default: #ef5c48;
134
- --pds-color-icon-button-standard-background-active: #858299;
135
- --pds-color-icon-button-standard-background-default: rgba(0, 0, 0, 0);
136
- --pds-color-icon-button-standard-background-hover: #a6a3b4;
137
- --pds-color-icon-button-standard-foreground-default: #ffffff;
138
131
  --pds-color-input-action-background-hover: #504e62;
139
132
  --pds-color-input-background-critical: #1d1d29;
140
133
  --pds-color-input-background-default: #1d1d29;
141
134
  --pds-color-input-background-hover: #282839;
142
135
  --pds-color-input-border-critical: #ef5c48;
143
136
  --pds-color-input-border-default: #858299;
144
- --pds-color-input-border-hover: #ad9bff;
145
137
  --pds-color-input-border-success: #2abb7f;
146
138
  --pds-color-input-checked-background: var(--pds-color-interactive-focus);
147
139
  --pds-color-input-checked-foreground: #ffffff;
@@ -151,9 +143,9 @@
151
143
  --pds-color-input-foreground-default: #ffffff;
152
144
  --pds-color-input-foreground-success: #2abb7f;
153
145
  --pds-color-input-placeholder-text: #a6a3b4;
154
- --pds-color-input-toggle-switch-icon: #ffffff;
155
- --pds-color-input-toggle-switch-off: #504e62;
156
- --pds-color-input-toggle-switch-on: var(--pds-color-interactive-focus);
146
+ --pds-color-input-switch-icon: #ffffff;
147
+ --pds-color-input-switch-off: #504e62;
148
+ --pds-color-input-switch-on: var(--pds-color-interactive-focus);
157
149
  --pds-color-interactive-focus: #36a3ff;
158
150
  --pds-color-interactive-link-active: #ad9bff;
159
151
  --pds-color-interactive-link-default: #36a3ff;
@@ -162,22 +154,13 @@
162
154
  --pds-color-interactive-reverse-focus: #0f62fe;
163
155
  --pds-color-interactive-reverse-link-active: #3017a1;
164
156
  --pds-color-interactive-reverse-link-default: #0f62fe;
165
- --pds-color-interactive-reverse-link-hover: #654bd5;
166
- --pds-color-interactive-reverse-link-visited: #654bd5;
167
- --pds-color-link-cta-active: #d0c6ff;
168
- --pds-color-link-cta-default: #8a70ff;
169
- --pds-color-link-cta-hover: #ad9bff;
170
- --pds-color-menu-background: #282839;
171
- --pds-color-menu-item-background-active: #858299;
172
- --pds-color-menu-item-background-default: #282839;
173
- --pds-color-menu-item-background-hover: #504e62;
174
- --pds-color-menu-item-description-text: #a6a3b4;
175
- --pds-color-menu-item-foreground: #ffffff;
176
- --pds-color-menu-item-heading-text: #a6a3b4;
157
+ --pds-color-interactive-reverse-link-hover: #4f32ce;
158
+ --pds-color-interactive-reverse-link-visited: #4f32ce;
177
159
  --pds-color-overlay: rgba(9, 0, 48, 0.45);
178
- --pds-color-panel-critical-border: #ef5c48;
179
- --pds-color-panel-default-background: var(--pds-color-background-default);
180
- --pds-color-panel-default-border: var(--pds-color-border-default);
160
+ --pds-color-pagination-background-active: #2e1d78;
161
+ --pds-color-pagination-background-hover: #4e39a8;
162
+ --pds-color-pagination-foreground-active: #f3f0ff;
163
+ --pds-color-pagination-foreground-hover: #ffffff;
181
164
  --pds-color-panel-sunken-background: #121219;
182
165
  --pds-color-partner-bitbucket: #004dc0;
183
166
  --pds-color-partner-drupal: #009cde;
@@ -201,19 +184,22 @@
201
184
  --pds-color-semantic-success-foreground: #2abb7f;
202
185
  --pds-color-semantic-warning-background: #3d2e00;
203
186
  --pds-color-semantic-warning-foreground: #cf9f02;
204
- --pds-color-side-nav-background-hover: #282839;
205
187
  --pds-color-social-rss: #f3763a;
206
- --pds-color-stepper-completed: #8a70ff;
207
- --pds-color-stepper-current: #8a70ff;
208
- --pds-color-stepper-default: #858299;
209
- --pds-color-stepper-error: #ef5c48;
188
+ --pds-color-status-critical-background: #391813;
189
+ --pds-color-status-critical-foreground: #ef5c48;
190
+ --pds-color-status-discovery-background: #231c3f;
191
+ --pds-color-status-discovery-foreground: #8f7ee7;
192
+ --pds-color-status-info-background: #082145;
193
+ --pds-color-status-info-foreground: #388bff;
194
+ --pds-color-status-success-background: #133527;
195
+ --pds-color-status-success-foreground: #2abb7f;
196
+ --pds-color-status-warning-background: #3d2e00;
197
+ --pds-color-status-warning-foreground: #cf9f02;
210
198
  --pds-color-strength-fair: #cf9f02;
211
199
  --pds-color-strength-strong: #2abb7f;
212
200
  --pds-color-strength-very-weak: #a6a3b4;
213
201
  --pds-color-strength-weak: #ef5c48;
214
- --pds-color-table-sort-arrow-active: #8a70ff;
215
- --pds-color-table-sort-arrow-inactive: #a6a3b4;
216
- --pds-color-tabs-accent: #ad9bff;
202
+ --pds-color-tabs-accent: #8a70ff;
217
203
  --pds-color-tag-1-background: #ded8fa;
218
204
  --pds-color-tag-1-foreground: #5c4fac;
219
205
  --pds-color-tag-10-background: #d0dffc;
@@ -254,18 +240,10 @@
254
240
  --pds-color-tag-8-foreground: #9a4e1c;
255
241
  --pds-color-tag-9-background: #ceecf9;
256
242
  --pds-color-tag-9-foreground: #366880;
257
- --pds-color-text-default: var(--pds-color-foreground-default);
243
+ --pds-color-text-default: #ffffff;
258
244
  --pds-color-text-default-secondary: #a6a3b4;
259
- --pds-color-text-reverse: var(--pds-color-foreground-reverse);
260
- --pds-color-tile-background-active: #858299;
261
- --pds-color-tile-background-hover: #504e62;
262
- --pds-color-tile-separator: #504e62;
263
- --pds-color-toggle-button-background-off: #504e62;
264
- --pds-color-toggle-button-foreground-off: #e7e7eb;
265
- --pds-color-tooltip-background: #a6a3b4;
266
- --pds-color-tooltip-text: #121219;
267
- --pds-color-tooltip-trigger-icon-critical: #ef5c48;
268
- --pds-color-tooltip-trigger-icon-default: #e7e7eb;
245
+ --pds-color-text-reverse: #1d1d29;
246
+ --pds-color-utility-neutral: #858299;
269
247
  --pds-elevation-dropdown: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
270
248
  --pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
271
249
  --pds-elevation-raised: 0px 1px 1px 0px rgba(18, 18, 25, 0.95);