@pantheon-systems/pds-toolkit-react 2.0.0-alpha.36 → 2.0.0-alpha.37
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.
- package/codemods/v1-to-v2/mappings.json +122 -20
- package/dist/components/Callout/Callout.d.ts +6 -2
- package/dist/components/CodeBlock/CodeBlock.d.ts +10 -5
- package/dist/components/CodeBlock/code-examples.d.ts +1 -0
- package/dist/components/CodeBlock/themes/index.d.ts +1 -2
- package/dist/components/CodeBlock/themes/{pdsDark.d.ts → pds.d.ts} +1 -1
- package/dist/components/PantheonLogo/PantheonLogo.d.ts +5 -4
- package/dist/components/Tabs/Tabs.d.ts +1 -6
- package/dist/components/badges/StatusBadge/StatusBadge.d.ts +2 -1
- package/dist/components/buttons/MenuButton/MenuButton.d.ts +1 -1
- package/dist/components/buttons/SegmentedButton/SegmentedButton.d.ts +25 -7
- package/dist/components/buttons/SplitButton/SplitButton.d.ts +1 -1
- package/dist/components/icons/Icon/generated-icon-data.d.ts +9 -2
- package/dist/components/inputs/Combobox/Combobox.d.ts +1 -1
- package/dist/components/inputs/ComboboxMultiselect/ComboboxMultiselect.d.ts +1 -1
- package/dist/components/inputs/Select/Select.d.ts +1 -1
- package/dist/components/inputs/TagsInput/TagsInput.d.ts +1 -1
- package/dist/components/inputs/TextInput/TextInput.d.ts +1 -1
- package/dist/components/inputs/Textarea/Textarea.d.ts +1 -1
- package/dist/components/loading-indicators/Spinner/Spinner.d.ts +5 -4
- package/dist/components/navigation/ButtonNav/ButtonNav.d.ts +1 -5
- package/dist/components/navigation/Navbar/Navbar.d.ts +2 -23
- package/dist/components/navigation/TabMenu/TabMenu.d.ts +1 -6
- package/dist/components/navigation/WorkspaceSelector/WorkspaceSelector.d.ts +0 -11
- package/dist/components/panels/Panel/Panel.d.ts +1 -1
- package/dist/css/component-css/pds-avatar.css +1 -1
- package/dist/css/component-css/pds-button-nav.css +1 -1
- package/dist/css/component-css/pds-button.css +1 -1
- package/dist/css/component-css/pds-callout.css +1 -1
- package/dist/css/component-css/pds-card-select.css +1 -1
- package/dist/css/component-css/pds-code-block.css +1 -1
- package/dist/css/component-css/pds-combobox-multiselect.css +1 -2
- package/dist/css/component-css/pds-combobox.css +1 -1
- package/dist/css/component-css/pds-datepicker.css +3 -1
- package/dist/css/component-css/pds-index.css +42 -36
- package/dist/css/component-css/pds-input-utilities.css +1 -1
- package/dist/css/component-css/pds-menu-button.css +4 -1
- package/dist/css/component-css/pds-nav-menu.css +1 -1
- package/dist/css/component-css/pds-navbar.css +2 -2
- package/dist/css/component-css/pds-panel.css +1 -1
- package/dist/css/component-css/pds-pantheon-logo.css +1 -1
- package/dist/css/component-css/pds-popover.css +1 -1
- package/dist/css/component-css/pds-segmented-button.css +2 -1
- package/dist/css/component-css/pds-select.css +1 -1
- package/dist/css/component-css/pds-side-nav-global.css +1 -1
- package/dist/css/component-css/pds-side-nav.css +1 -1
- package/dist/css/component-css/pds-spinner.css +1 -1
- package/dist/css/component-css/pds-split-button.css +1 -1
- package/dist/css/component-css/pds-status-badge.css +1 -1
- package/dist/css/component-css/pds-status-indicator.css +1 -1
- package/dist/css/component-css/pds-tab-menu.css +1 -1
- package/dist/css/component-css/pds-tabs.css +1 -1
- package/dist/css/component-css/pds-tags-input.css +1 -1
- package/dist/css/component-css/pds-text-input.css +1 -1
- package/dist/css/component-css/pds-textarea.css +1 -1
- package/dist/css/component-css/pds-toaster.css +1 -1
- package/dist/css/component-css/pds-user-menu.css +6 -3
- package/dist/css/component-css/pds-utility-button.css +1 -1
- package/dist/css/component-css/pds-workspace-selector.css +13 -3
- package/dist/css/design-tokens/variables.dark.css +26 -21
- package/dist/css/design-tokens/variables.light.css +26 -21
- package/dist/css/design-tokens/variables.typography.css +0 -1
- package/dist/css/pds-components.css +42 -36
- package/dist/css/pds-core.css +2 -2
- package/dist/index.css +1 -1
- package/dist/index.d.ts +1 -2
- package/dist/index.js +2318 -1359
- package/dist/index.js.map +1 -1
- package/dist/index.source.d.ts +0 -2
- package/dist/libs/components/NavAccordion/NavAccordion.d.ts +1 -1
- package/dist/svg/userSolid.svg +3 -0
- package/package.json +2 -2
- package/dist/components/CodeBlock/themes/pdsLight.d.ts +0 -2
- package/dist/components/notifications/NotificationHubIcon/NotificationHubIcon.d.ts +0 -38
- package/dist/components/notifications/NotificationsPopover/NotificationsPopover.d.ts +0 -113
- package/dist/css/component-css/pds-notification-hub-icon.css +0 -1
- package/dist/css/component-css/pds-notifications-popover.css +0 -13
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-input.pds-is-disabled,.pds-input.pds-is-disabled input,.pds-is-disabled legend.pds-input-label{cursor:not-allowed;opacity:63%}.pds-input.pds-has-error .pds-combobox__input-wrapper,.pds-input.pds-has-error .pds-file-upload__input-wrapper,.pds-input.pds-has-error .pds-select__input-wrapper,.pds-input.pds-has-error .pds-text-input__input-wrapper{border-color:var(--pds-color-status-critical-foreground)}.pds-input.pds-has-success .pds-combobox__input-wrapper,.pds-input.pds-has-success .pds-file-upload__input-wrapper,.pds-input.pds-has-success .pds-select__input-wrapper,.pds-input.pds-has-success .pds-text-input__input-wrapper{border-color:var(--pds-color-status-success-foreground)}.pds-input.pds-is-readonly .pds-text-input__input-wrapper{background-color:var(--pds-color-surface-default-secondary)}.pds-input input:-internal-autofill-selected,.pds-input input:-webkit-autofill{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,0),inset 0 0 0 100px var(--pds-color-surface-default);-webkit-text-fill-color:var(--pds-color-foreground-default)}.pds-input-label{color:var(--pds-color-foreground-default);display:inline-block;font-size:var(--pds-typography-size-input-label);font-weight:var(--pds-typography-fw-medium);margin-block-end:var(--pds-spacing-2xs);padding-inline-end:var(--pds-spacing-3xl)}.pds-input-label.visually-hidden{margin:0;padding:0}.pds-input-label .pds-tooltip{margin-inline-start:var(--pds-spacing-5xs);vertical-align:1px}.pds-
|
|
1
|
+
.pds-input.pds-is-disabled,.pds-input.pds-is-disabled input,.pds-is-disabled legend.pds-input-label{cursor:not-allowed;opacity:63%}.pds-input.pds-has-error .pds-combobox__input-wrapper,.pds-input.pds-has-error .pds-file-upload__input-wrapper,.pds-input.pds-has-error .pds-select__input-wrapper,.pds-input.pds-has-error .pds-text-input__input-wrapper{border-color:var(--pds-color-status-critical-foreground)}.pds-input.pds-has-success .pds-combobox__input-wrapper,.pds-input.pds-has-success .pds-file-upload__input-wrapper,.pds-input.pds-has-success .pds-select__input-wrapper,.pds-input.pds-has-success .pds-text-input__input-wrapper{border-color:var(--pds-color-status-success-foreground)}.pds-input.pds-is-readonly .pds-text-input__input-wrapper{background-color:var(--pds-color-surface-default-secondary)}.pds-input input:-internal-autofill-selected,.pds-input input:-webkit-autofill{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,0),inset 0 0 0 100px var(--pds-color-surface-default);-webkit-text-fill-color:var(--pds-color-foreground-default)}.pds-input-label{color:var(--pds-color-foreground-default);display:inline-block;font-size:var(--pds-typography-size-input-label);font-weight:var(--pds-typography-fw-medium);margin-block-end:var(--pds-spacing-2xs);padding-inline-end:var(--pds-spacing-3xl)}.pds-input-label.visually-hidden{margin:0;padding:0}.pds-input-label .pds-tooltip{margin-inline-start:var(--pds-spacing-5xs);vertical-align:1px}.pds-input-label__required{align-items:flex-start;display:inline-flex;height:var(--pds-spacing-s);margin-inline-start:var(--pds-spacing-4xs);position:relative}.pds-input-label__required-icon{color:var(--pds-color-status-critical-foreground);height:var(--pds-spacing-xs);position:absolute;top:0}.pds-input-message{align-items:flex-start;color:var(--pds-color-foreground-default-secondary);display:flex;gap:var(--pds-spacing-xs);margin-block-start:var(--pds-spacing-2xs)}.pds-input-message--error{color:var(--pds-color-status-critical-foreground)}.pds-input-message--success{color:var(--pds-color-status-success-foreground)}.pds-input-message__text,.pds-input-message__text p{font-size:var(--pds-typography-size-input-message);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-m)}.pds-input-prefix{align-items:center;display:flex}.pds-input-prefix--error{color:var(--pds-color-status-critical-foreground)}.pds-input-prefix--success{color:var(--pds-color-status-success-foreground)}.pds-input-search-shortcut{align-items:center;background:var(--pds-color-interactive-background-hover);border-radius:var(--pds-border-radius-input);display:flex;height:var(--pds-spacing-s);justify-content:center;padding:var(--pds-spacing-xs);width:var(--pds-spacing-s)}.pds-input-clear-button{background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);display:flex;justify-content:center;padding:var(--pds-spacing-4xs)}.pds-input-clear-button:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-input-clear-button:focus-visible{background-color:var(--pds-color-interactive-background-hover);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}input::-webkit-search-cancel-button{display:none}.pds-input-character-counter{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}.pds-input-character-counter--overLimit{color:var(--pds-color-status-critical-foreground)}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
.pds-menu-button{display:inline-block;position:relative}button.pds-menu-button__trigger .pds-button__icon{position:relative;transition:var(--pds-animation-transition-rotation)}button.pds-menu-button__trigger[aria-expanded=true] .pds-button__icon{transform:rotate(180deg) translateY(-1px);transition:var(--pds-animation-transition-rotation)}button.pds-button--subtle.pds-menu-button__trigger{gap:var(--pds-spacing-2xs)}button.pds-button--subtle.pds-menu-button__trigger .pds-button__icon{color:var(--pds-color-foreground-default-secondary)}button.pds-button--subtle.pds-menu-button__trigger[aria-expanded=true],button.pds-button--subtle.pds-menu-button__trigger[aria-expanded=true]:active{background-color:var(--pds-color-button-subtle-background-active);border-color:var(--pds-color-button-subtle-background-active);color:var(--pds-color-foreground-default-secondary)}button.pds-menu-button__trigger--icon-only[aria-expanded=true],button.pds-menu-button__trigger--icon-only[aria-expanded=true]:active{background-color:var(--pds-color-interactive-background-active);color:var(--pds-color-foreground-default)}.pds-menu-button__listbox{margin-block-start:var(--pds-spacing-2xs);max-width:30rem;width:max-content}ul.pds-menu-button__listbox{margin-inline:0}@media (min-width:768px){.pds-menu-button__listbox--end{left:unset;right:0}}.pds-menu-button__listbox:focus-visible{outline:none}.pds-menu-button ul,.pds-menu-button ul [role=separator]{list-style:none}.pds-menu-button ul:not(.pds-menu-button__listbox){margin:0;padding:0}.pds-menu-button__listbox .pds-dropdown__separator{margin-block-end:var(--pds-spacing-4xs)}.pds-menu-button__accordion-label{align-items:center;display:inline-flex;gap:var(--pds-spacing-xs)}.pds-menu-button__trigger .pds-button__tally{margin-inline:var(--pds-spacing-5xs)}.pds-menu-button__trigger .pds-status-dot{margin-inline-end:var(--pds-spacing-5xs)}.pds-menu-button__item-label{align-items:center;display:flex;gap:var(--pds-spacing-xs)}.pds-menu-button__listbox .pds-dropdown__item>a{color:inherit;flex:1;text-decoration:none}.pds-menu-button__listbox [role=menuitem][aria-disabled=true]{background:transparent;cursor:not-allowed;opacity:.5}.pds-menu-button .pds-nav-accordion{display:none}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button .pds-nav-accordion{display:block}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button__trigger{display:none}[data-pds-mobile]
|
|
1
|
+
.pds-menu-button{display:inline-block;position:relative}button.pds-menu-button__trigger .pds-button__icon{position:relative;transition:var(--pds-animation-transition-rotation)}button.pds-menu-button__trigger[aria-expanded=true] .pds-button__icon{transform:rotate(180deg) translateY(-1px);transition:var(--pds-animation-transition-rotation)}button.pds-button--subtle.pds-menu-button__trigger{gap:var(--pds-spacing-2xs)}button.pds-button--subtle.pds-menu-button__trigger .pds-button__icon{color:var(--pds-color-foreground-default-secondary)}button.pds-button--subtle.pds-menu-button__trigger[aria-expanded=true],button.pds-button--subtle.pds-menu-button__trigger[aria-expanded=true]:active{background-color:var(--pds-color-button-subtle-background-active);border-color:var(--pds-color-button-subtle-background-active);color:var(--pds-color-foreground-default-secondary)}button.pds-menu-button__trigger--icon-only[aria-expanded=true],button.pds-menu-button__trigger--icon-only[aria-expanded=true]:active{background-color:var(--pds-color-interactive-background-active);color:var(--pds-color-foreground-default)}.pds-menu-button__listbox{margin-block-start:var(--pds-spacing-2xs);max-width:30rem;width:max-content}ul.pds-menu-button__listbox{margin-inline:0}@media (min-width:768px){.pds-menu-button__listbox--end{left:unset;right:0}}.pds-menu-button__listbox:focus-visible{outline:none}.pds-menu-button ul,.pds-menu-button ul [role=separator]{list-style:none}.pds-menu-button ul:not(.pds-menu-button__listbox){margin:0;padding:0}.pds-menu-button__listbox .pds-dropdown__separator{margin-block-end:var(--pds-spacing-4xs)}.pds-menu-button__accordion-label{align-items:center;display:inline-flex;gap:var(--pds-spacing-xs)}.pds-menu-button__trigger .pds-button__tally{margin-inline:var(--pds-spacing-5xs)}.pds-menu-button__trigger .pds-status-dot{margin-inline-end:var(--pds-spacing-5xs)}.pds-menu-button__item-label{align-items:center;display:flex;gap:var(--pds-spacing-xs)}.pds-menu-button__listbox .pds-dropdown__item>a,[data-pds-mobile] .pds-navbar__mobile .pds-menu-button .pds-dropdown__item>a{color:inherit;flex:1;text-decoration:none}.pds-menu-button__listbox [role=menuitem][aria-disabled=true]{background:transparent;cursor:not-allowed;opacity:.5}.pds-menu-button .pds-nav-accordion{display:none}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button .pds-nav-accordion{display:block}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button__trigger{display:none}[data-pds-mobile]
|
|
2
|
+
.pds-navbar__mobile
|
|
3
|
+
.pds-menu-button
|
|
4
|
+
.pds-nav-accordion__toggle{font-size:var(--pds-typography-size-m);min-height:unset;padding-block:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl)}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button{background-color:var(--pds-color-surface-default);border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;position:relative;right:50%;width:100vw}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button__mobile-menu{padding:0}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button__mobile-menu li{border-radius:0;font-size:var(--pds-typography-size-m);padding-block:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl)}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button__mobile-menu li[role=menuitem]:hover{background-color:var(--pds-color-dropdown-item-background-hover)}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button__mobile-menu li[role=separator]{background-color:var(--pds-color-border-default);height:var(--pds-border-width-default);margin-block:0;margin-inline:var(--pds-spacing-xl);padding:0}[data-pds-mobile]
|
|
2
5
|
.pds-navbar__mobile
|
|
3
6
|
.pds-menu-button
|
|
4
7
|
.pds-menu-button__listbox-heading{color:var(--pds-color-dropdown-heading);font-size:var(--pds-typography-size-s)}.pds-menu-button__icon-label{align-items:center;display:flex;gap:var(--pds-spacing-s)}.pds-menu-button__icon-label .pds-icon{min-width:var(--pds-spacing-xl)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-nav-menu{--menu-hover-color:var(--pds-color-interactive-foreground-hover);--menu-active-color:var(--pds-color-interactive-foreground-active);z-index:var(--pds-z-index-navigation)}.pds-nav-menu ul{margin:0;padding:0}.pds-nav-menu li,.pds-nav-menu ul{list-style-type:none}.pds-nav-menu button{background:none;border:none;cursor:pointer}.pds-nav-menu ul.pds-nav-menu__menu{display:flex;row-gap:var(--pds-spacing-m);z-index:var(--pds-z-index-dropdown)}.pds-nav-menu .pds-nav-menu__item{font-size:var(--pds-typography-size-m);line-height:var(--pds-typography-lh-s);text-align:left}.pds-nav-menu .pds-nav-menu__item--top-level,.pds-nav-menu .pds-nav-menu__trigger{background-color:transparent;border:none;color:var(--pds-color-foreground-default);cursor:pointer;font-weight:var(--pds-typography-fw-regular);margin:0;padding:0}.pds-nav-menu .pds-nav-menu__item--top-level a,.pds-nav-menu .pds-nav-menu__trigger a{color:var(--pds-color-foreground-default);display:inline-block;text-decoration:none;transition:var(--pds-animation-transition-button)}.pds-nav-menu .pds-nav-menu__item--top-level{padding-block-end:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl)}.pds-nav-menu .pds-nav-menu__dropdown .pds-dropdown__item--active>a,.pds-nav-menu .pds-nav-menu__dropdown .pds-dropdown__item--active>button,.pds-nav-menu .pds-nav-menu__item--active>a,.pds-nav-menu .pds-nav-menu__item--active>button{color:var(--menu-active-color)}.pds-nav-menu button.pds-nav-menu__trigger:hover{color:var(--menu-hover-color)}.pds-nav-menu .pds-nav-menu__item--top-level a:focus-visible,.pds-nav-menu .pds-nav-menu__item--top-level button.pds-nav-menu__trigger:focus-visible{border-radius:0;outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-3xs);transition:var(--pds-animation-transition-button)}.pds-nav-menu .pds-nav-menu__trigger{align-items:center;display:flex;padding-inline-end:var(--pds-spacing-3xs);width:100%}.pds-nav-menu .pds-nav-menu__trigger-icon{color:var(--pds-color-foreground-default-secondary);margin-inline-start:var(--pds-spacing-xs);transition:var(--pds-animation-transition-rotation)}.pds-nav-menu .pds-nav-menu__trigger[aria-expanded=true]{color:var(--menu-active-color)}.pds-nav-menu .pds-nav-menu__trigger[aria-expanded=true] .pds-nav-menu__trigger-icon{color:var(--menu-active-color);transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-nav-menu .pds-nav-menu__dropdown .pds-dropdown__item>a{color:inherit;flex:1;font-weight:var(--pds-typography-fw-regular);text-decoration:none}.pds-nav-menu .pds-nav-menu__dropdown .pds-dropdown__item:has(:focus-visible){background-color:var(--pds-color-dropdown-item-background-hover);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}.pds-nav-menu .pds-nav-menu__dropdown .pds-dropdown__item>a:focus-visible{outline:none}.pds-nav-menu .pds-nav-accordion{display:none}[data-pds-mobile] .pds-nav-menu .pds-nav-accordion{display:block}[data-pds-mobile] .pds-nav-menu .pds-nav-menu__trigger{display:none}.pds-nav-menu__accordion-menu{list-style:none;margin:0;padding:0}.pds-nav-menu__accordion-menu .pds-dropdown__item{padding-inline-start:var(--pds-spacing-xl)}.pds-nav-menu__accordion-menu .pds-dropdown__item a{color:var(--pds-color-foreground-default);display:block;font-weight:var(--pds-typography-fw-regular);padding-block:var(--pds-spacing-s);text-decoration:none}.pds-nav-menu__accordion-menu .pds-dropdown__item:hover{background-color:var(--pds-color-dropdown-item-background-hover)}[data-pds-mobile] .pds-nav-menu ul.pds-nav-menu__menu{flex-direction:column;margin-block-end:var(--pds-spacing-2xl);row-gap:0}[data-pds-mobile] .pds-nav-menu .pds-nav-menu__item--top-level{border-block-end:.0625rem solid var(--pds-color-border-default);padding:0}[data-pds-mobile] .pds-nav-menu .pds-nav-menu__item--has-link{align-items:center;display:flex;min-height:var(--pds-spacing-4xl);padding-inline:var(--pds-spacing-xl)}[data-pds-mobile] .pds-nav-menu .pds-nav-menu__item--has-link a{display:block;flex:1}[data-pds-mobile] .pds-nav-menu .pds-nav-menu__item--has-link:hover{background-color:var(--pds-color-dropdown-item-background-hover)}:root:not([data-pds-mobile]) .pds-nav-menu ul.pds-nav-menu__menu{flex-direction:row;margin-block-end:0}:root:not([data-pds-mobile]) .pds-nav-menu .pds-nav-menu__item--top-level>a:hover{color:var(--menu-hover-color)}:root:not([data-pds-mobile]) .pds-nav-menu .pds-nav-menu__item--top-level,:root:not([data-pds-mobile]) .pds-nav-menu .pds-nav-menu__trigger{align-items:center;display:inline-flex}:root:not([data-pds-mobile]) .pds-nav-menu .pds-nav-menu__item--top-level{border-bottom:none;padding-block-end:0;padding-inline:
|
|
1
|
+
.pds-nav-menu{--menu-hover-color:var(--pds-color-interactive-foreground-hover);--menu-active-color:var(--pds-color-interactive-foreground-active);z-index:var(--pds-z-index-navigation)}.pds-nav-menu ul{margin:0;padding:0}.pds-nav-menu li,.pds-nav-menu ul{list-style-type:none}.pds-nav-menu button{background:none;border:none;cursor:pointer}.pds-nav-menu ul.pds-nav-menu__menu{display:flex;row-gap:var(--pds-spacing-m);z-index:var(--pds-z-index-dropdown)}.pds-nav-menu .pds-nav-menu__item{font-size:var(--pds-typography-size-m);line-height:var(--pds-typography-lh-s);text-align:left}.pds-nav-menu .pds-nav-menu__item--top-level,.pds-nav-menu .pds-nav-menu__trigger{background-color:transparent;border:none;color:var(--pds-color-foreground-default);cursor:pointer;font-weight:var(--pds-typography-fw-regular);margin:0;padding:0}.pds-nav-menu .pds-nav-menu__item--top-level a,.pds-nav-menu .pds-nav-menu__trigger a{color:var(--pds-color-foreground-default);display:inline-block;text-decoration:none;transition:var(--pds-animation-transition-button)}.pds-nav-menu .pds-nav-menu__item--top-level{padding-block-end:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl)}.pds-nav-menu .pds-nav-menu__dropdown .pds-dropdown__item--active>a,.pds-nav-menu .pds-nav-menu__dropdown .pds-dropdown__item--active>button,.pds-nav-menu .pds-nav-menu__item--active>a,.pds-nav-menu .pds-nav-menu__item--active>button{color:var(--menu-active-color)}.pds-nav-menu button.pds-nav-menu__trigger:hover{color:var(--menu-hover-color)}.pds-nav-menu .pds-nav-menu__item--top-level a:focus-visible,.pds-nav-menu .pds-nav-menu__item--top-level button.pds-nav-menu__trigger:focus-visible{border-radius:0;outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-3xs);transition:var(--pds-animation-transition-button)}.pds-nav-menu .pds-nav-menu__trigger{align-items:center;display:flex;padding-inline-end:var(--pds-spacing-3xs);width:100%}.pds-nav-menu .pds-nav-menu__trigger-icon{color:var(--pds-color-foreground-default-secondary);margin-inline-start:var(--pds-spacing-xs);transition:var(--pds-animation-transition-rotation)}.pds-nav-menu .pds-nav-menu__trigger[aria-expanded=true]{color:var(--menu-active-color)}.pds-nav-menu .pds-nav-menu__trigger[aria-expanded=true] .pds-nav-menu__trigger-icon{color:var(--menu-active-color);transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-nav-menu .pds-nav-menu__dropdown .pds-dropdown__item>a{color:inherit;flex:1;font-weight:var(--pds-typography-fw-regular);text-decoration:none}.pds-nav-menu .pds-nav-menu__dropdown .pds-dropdown__item:has(:focus-visible){background-color:var(--pds-color-dropdown-item-background-hover);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}.pds-nav-menu .pds-nav-menu__dropdown .pds-dropdown__item>a:focus-visible{outline:none}.pds-nav-menu .pds-nav-accordion{display:none}[data-pds-mobile] .pds-nav-menu .pds-nav-accordion{display:block}[data-pds-mobile] .pds-nav-menu .pds-nav-menu__trigger{display:none}.pds-nav-menu__accordion-menu{list-style:none;margin:0;padding:0}.pds-nav-menu__accordion-menu .pds-dropdown__item{padding-inline-start:var(--pds-spacing-xl)}.pds-nav-menu__accordion-menu .pds-dropdown__item a{color:var(--pds-color-foreground-default);display:block;font-weight:var(--pds-typography-fw-regular);padding-block:var(--pds-spacing-s);text-decoration:none}.pds-nav-menu__accordion-menu .pds-dropdown__item:hover{background-color:var(--pds-color-dropdown-item-background-hover)}[data-pds-mobile] .pds-nav-menu ul.pds-nav-menu__menu{flex-direction:column;margin-block-end:var(--pds-spacing-2xl);row-gap:0}[data-pds-mobile] .pds-nav-menu .pds-nav-menu__item--top-level{border-block-end:.0625rem solid var(--pds-color-border-default);padding:0}[data-pds-mobile] .pds-nav-menu .pds-nav-menu__item--has-link{align-items:center;display:flex;min-height:var(--pds-spacing-4xl);padding-inline:var(--pds-spacing-xl)}[data-pds-mobile] .pds-nav-menu .pds-nav-menu__item--has-link a{display:block;flex:1}[data-pds-mobile] .pds-nav-menu .pds-nav-menu__item--has-link:hover{background-color:var(--pds-color-dropdown-item-background-hover)}:root:not([data-pds-mobile]) .pds-nav-menu ul.pds-nav-menu__menu{column-gap:var(--pds-spacing-m);flex-direction:row;margin-block-end:0}:root:not([data-pds-mobile]) .pds-nav-menu .pds-nav-menu__item--top-level>a:hover{color:var(--menu-hover-color)}:root:not([data-pds-mobile]) .pds-nav-menu .pds-nav-menu__item--top-level,:root:not([data-pds-mobile]) .pds-nav-menu .pds-nav-menu__trigger{align-items:center;display:inline-flex}:root:not([data-pds-mobile]) .pds-nav-menu .pds-nav-menu__item--top-level{border-bottom:none;padding-block-end:0;padding-inline:0}:root:not([data-pds-mobile]) .pds-nav-menu .pds-nav-menu__item--has-link:not(:last-child){margin-inline-end:var(--pds-spacing-s)}:root:not([data-pds-mobile]) .pds-nav-menu .pds-nav-menu__menu>.pds-nav-menu__item--has-children{display:flex;position:relative}:root:not([data-pds-mobile]) .pds-nav-menu ul.pds-nav-menu__dropdown{max-width:30rem;padding:var(--pds-spacing-3xs);width:max-content}:root:not([data-pds-mobile]) .pds-nav-menu ul.pds-nav-menu__dropdown:before{background-color:var(--pds-color-dropdown-top-border);content:"";height:1px;left:0;position:absolute;top:-1px;width:100%}:root:not([data-pds-mobile]) .pds-nav-menu--reverse,:root:not([data-pds-mobile]) .pds-navbar.pds-navbar--reverse{--pds-color-foreground-default:var(--pds-color-foreground-reverse);--pds-color-foreground-default-secondary:#a6a3b4;--menu-hover-color:var(--pds-color-nav-item-reverse-foreground-hover);--menu-active-color:var(--pds-color-nav-item-reverse-foreground-active)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.pds-navbar{background-color:var(--pds-color-surface-default);border-block-end:.0625rem solid var(--pds-color-border-default);position:relative}.pds-navbar__logo a:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-3xs)}.pds-navbar__custom-logo{max-height:4.25rem}.pds-navbar__bar-mobile{border-block-end:.0625rem solid var(--pds-color-border-default);display:none}.pds-navbar__inner-mobile{align-items:center;display:flex;height:var(--pds-spacing-5xl);justify-content:space-between}.pds-navbar__menu-toggle{align-items:center;background-color:transparent;border:none;color:var(--pds-color-foreground-default);display:flex}.pds-navbar__menu-toggle:hover{color:var(--pds-color-interactive-
|
|
1
|
+
.pds-navbar{background-color:var(--pds-color-surface-default);border-block-end:.0625rem solid var(--pds-color-border-default);position:relative}.pds-navbar__logo a:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-3xs)}.pds-navbar__custom-logo{max-height:4.25rem}.pds-navbar__bar-mobile{border-block-end:.0625rem solid var(--pds-color-border-default);display:none}.pds-navbar__inner-mobile{align-items:center;column-gap:var(--pds-spacing-m);display:flex;height:var(--pds-spacing-5xl);justify-content:space-between}.pds-navbar__menu-toggle{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-container);color:var(--pds-color-foreground-default);display:flex;margin-inline-end:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-2xs)}.pds-navbar__menu-toggle:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-navbar__menu-toggle:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-3xs)}.pds-navbar__mobile{background-color:var(--pds-color-surface-default);display:none;height:100vh;overflow-y:auto;position:absolute;right:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,0,0,1);width:100%;z-index:var(--pds-z-index-overlay)}.pds-navbar__mobile>.pds-container{display:flex;flex-direction:column}.pds-navbar__mobile--open{transform:translateX(0)}.pds-navbar__inner{align-items:center;display:grid;grid-template-columns:1fr minmax(0,600px) 1fr;height:var(--pds-spacing-5xl)}.pds-navbar__logo-group{align-items:center;display:flex;gap:var(--pds-spacing-m);grid-column:1;justify-self:start}.pds-navbar__separator{background-color:var(--pds-color-border-separator);height:var(--pds-spacing-m);width:.0625rem}.pds-navbar__items-center,.pds-navbar__items-left,.pds-navbar__items-right{align-items:center;column-gap:var(--pds-spacing-m);display:flex;position:relative}.pds-navbar__items-center{grid-column:2;justify-self:center}.pds-navbar__items-right{grid-column:3;justify-self:end}[data-pds-mobile] .pds-navbar__bar-mobile .pds-container,[data-pds-mobile] .pds-navbar__mobile .pds-container{padding-inline:var(--pds-spacing-xl)}[data-pds-mobile] .pds-navbar__mobile>.pds-container{row-gap:0}[data-pds-mobile] .pds-navbar__mobile .pds-navbar__items-center,[data-pds-mobile] .pds-navbar__mobile .pds-navbar__items-left,[data-pds-mobile] .pds-navbar__mobile .pds-navbar__items-right{justify-self:stretch;width:100%}[data-pds-mobile] .pds-navbar__mobile .pds-navbar__items-center{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;padding-block:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl);position:relative;width:100vw}[data-pds-mobile] .pds-navbar__mobile .pds-button-group{row-gap:var(--pds-spacing-s)}[data-pds-mobile] .pds-navbar__mobile .pds-nav-menu ul.pds-nav-menu__menu{margin-block-end:0}[data-pds-mobile]
|
|
2
2
|
.pds-navbar__mobile
|
|
3
3
|
.pds-nav-menu
|
|
4
|
-
.pds-nav-menu__item--top-level{left:50%;margin-inline-start:-50vw;position:relative;width:100vw}[data-pds-mobile] .pds-navbar__mobile .pds-dropdown__heading{font-size:var(--pds-typography-size-s);padding-
|
|
4
|
+
.pds-nav-menu__item--top-level{left:50%;margin-inline-start:-50vw;position:relative;width:100vw}[data-pds-mobile] .pds-navbar__mobile .pds-dropdown__heading{font-size:var(--pds-typography-size-s);padding-block:var(--pds-spacing-3xs);padding-inline-start:var(--pds-spacing-xl)}[data-pds-mobile] .pds-navbar__mobile .pds-nav-accordion__toggle{min-height:var(--pds-spacing-4xl)}[data-pds-mobile] .pds-navbar__mobile .pds-nav-accordion__toggle--expanded,[data-pds-mobile] .pds-navbar__mobile .pds-nav-accordion__toggle:hover,[data-pds-mobile] .pds-navbar__mobile .pds-nav-menu__item--has-link:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-navbar--reverse-transparent,.pds-navbar--transparent{background-color:transparent}.pds-navbar--reverse{background-color:var(--pds-color-surface-reverse)}.pds-navbar--noBorder,.pds-navbar--noBorder .pds-navbar__bar-mobile{border-block-end-color:transparent}[data-pds-mobile] .pds-navbar{border-block-end:none}[data-pds-mobile] .pds-navbar__bar-mobile,[data-pds-mobile] .pds-navbar__mobile{display:block}[data-pds-mobile] .pds-navbar__inner{display:none}[data-pds-mobile] .pds-navbar__mobile [data-mobile-order="1"]{order:1}[data-pds-mobile] .pds-navbar__mobile [data-mobile-order="2"]{order:2}[data-pds-mobile] .pds-navbar__mobile [data-mobile-order="3"]{order:3}[data-pds-mobile] .pds-navbar__mobile [data-mobile-order="4"]{order:4}[data-pds-mobile] .pds-navbar__mobile [data-mobile-order="5"]{order:5}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-panel{--border-color:var(--pds-color-border-default);--bg-color:var(--pds-color-surface-default);background-color:var(--bg-color);border:var(--pds-border-width-default) solid var(--border-color);border-radius:var(--pds-border-radius-panel);display:flex}.pds-panel>:last-child{margin-block-end:0}.pds-panel__content{display:block;padding:var(--pds-spacing-l);width:100%}.pds-panel__content--pad-narrow{padding:var(--pds-spacing-m)}.pds-panel__content--pad-none{padding:0}.pds-panel__content--pad-wide{padding:var(--pds-spacing-xl)}@media (min-width:768px){.pds-panel__content{padding:var(--pds-spacing-xl)}.pds-panel__content--pad-narrow{padding:var(--pds-spacing-l)}.pds-panel__content--pad-none{padding:0}.pds-panel__content--pad-wide{padding:var(--pds-spacing-2xl)}}.pds-panel--sunken{--bg-color:var(--pds-color-panel-sunken-background);--border-color:transparent}.pds-panel--raised{--border-color:transparent;box-shadow:var(--pds-elevation-raised)}.pds-panel--overlay{--border-color:transparent;box-shadow:var(--pds-elevation-overlay)}.pds-panel--critical{--border-color:var(--pds-color-status-critical-
|
|
1
|
+
.pds-panel{--border-color:var(--pds-color-border-default);--bg-color:var(--pds-color-surface-default);background-color:var(--bg-color);border:var(--pds-border-width-default) solid var(--border-color);border-radius:var(--pds-border-radius-panel);display:flex}.pds-panel>:last-child{margin-block-end:0}.pds-panel__content{display:block;padding:var(--pds-spacing-l);width:100%}.pds-panel__content--pad-narrow{padding:var(--pds-spacing-m)}.pds-panel__content--pad-none{padding:0}.pds-panel__content--pad-wide{padding:var(--pds-spacing-xl)}@media (min-width:768px){.pds-panel__content{padding:var(--pds-spacing-xl)}.pds-panel__content--pad-narrow{padding:var(--pds-spacing-l)}.pds-panel__content--pad-none{padding:0}.pds-panel__content--pad-wide{padding:var(--pds-spacing-2xl)}}.pds-panel--sunken{--bg-color:var(--pds-color-panel-sunken-background);--border-color:transparent}.pds-panel--raised{--border-color:transparent;box-shadow:var(--pds-elevation-raised)}.pds-panel--overlay{--border-color:transparent;box-shadow:var(--pds-elevation-overlay)}.pds-panel--critical{--border-color:var(--pds-color-status-critical-border)}.pds-panel--discovery{--border-color:var(--pds-color-status-discovery-border)}.pds-panel--info{--border-color:var(--pds-color-status-info-border)}.pds-panel--success{--border-color:var(--pds-color-status-success-border)}.pds-panel--warning{--border-color:var(--pds-color-status-warning-border)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-pantheon-logo
|
|
1
|
+
.pds-pantheon-logo{--logo-wordmark-height:var(--pds-typography-size-m);align-items:center;display:flex}.pds-pantheon-logo--s{--logo-wordmark-height:var(--pds-typography-size-s)}.pds-pantheon-logo--l{--logo-wordmark-height:var(--pds-typography-size-l)}.pds-pantheon-logo svg{height:calc(var(--logo-wordmark-height)*2.941);width:auto}.pds-pantheon-logo--wordmark svg{height:var(--logo-wordmark-height);width:auto}.pds-pantheon-logo--wordmark{margin-inline-end:calc(var(--logo-wordmark-height)*-.15)}.pds-pantheon-logo a{line-height:0;text-decoration:none}.pds-pantheon-logo a:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-3xs)}.pds-pantheon-logo--reverse{--pds-color-foreground-default:var(--pds-color-foreground-reverse);--pds-color-foreground-default-secondary:var(--pds-color-foreground-reverse);--pds-color-interactive-focus:var(--pds-color-interactive-reverse-focus)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-popover{display:inline-block}.pds-popover__trigger{align-items:center;background-color:transparent;border:none;border-radius:100%;cursor:pointer;display:inline-flex;line-height:0;padding:var(--pds-spacing-5xs);transition:var(--pds-animation-transition-link)}.pds-popover__trigger:focus-visible{border-radius:var(--pds-border-radius-input);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none}.pds-popover__icon{display:block}.pds-popover__trigger-text{border-bottom:var(--pds-border-width-thicker) dotted var(--pds-color-interactive-link-default);display:inline-block;line-height:normal}.pds-popover__trigger-text:hover{color:var(--pds-color-interactive-link-default)}.pds-popover__arrow path{fill:var(--pds-color-surface-default)}.pds-popover__container{
|
|
1
|
+
.pds-popover{display:inline-block}.pds-popover__trigger{align-items:center;background-color:transparent;border:none;border-radius:100%;cursor:pointer;display:inline-flex;line-height:0;padding:var(--pds-spacing-5xs);transition:var(--pds-animation-transition-link)}.pds-popover__trigger:focus-visible{border-radius:var(--pds-border-radius-input);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none}.pds-popover__icon{display:block}.pds-popover__trigger-text{border-bottom:var(--pds-border-width-thicker) dotted var(--pds-color-interactive-link-default);display:inline-block;line-height:normal}.pds-popover__trigger-text:hover{color:var(--pds-color-interactive-link-default)}.pds-popover__arrow path{fill:var(--pds-color-surface-default)}.pds-popover__container{background-color:var(--pds-color-surface-default);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);max-width:40vw;padding:var(--pds-spacing-m);width:max-content;z-index:var(--pds-z-index-overlay)}@media (max-width:767px){.pds-popover__container{max-width:80vw}}.pds-popover__container:focus{outline:none}.pds-popover__title{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-xs)}.pds-popover__content a{outline:0}.pds-popover__content>:last-child{margin-block-end:0}.pds-popover__container-inner{position:relative}.pds-popover__close-wrapper{height:var(--pds-spacing-xl);position:absolute;right:0;top:0;width:var(--pds-spacing-xl)}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
.pds-segmented-button{
|
|
1
|
+
.pds-segmented-button{border:0;display:inline-block;margin:0;min-inline-size:0;padding:0}.pds-segmented-button__track{align-items:center;background-color:var(--pds-color-segmented-control-track-background);border:1px solid var(--pds-color-border-default-secondary);border-radius:var(--pds-border-radius-button);display:inline-flex;gap:var(--pds-spacing-5xs);padding:3px}.pds-segmented-button__option{display:flex;flex-shrink:0}.pds-segmented-button__option label{align-items:center;block-size:var(--pds-spacing-button-height-s);border-radius:var(--pds-border-radius-button);color:var(--pds-color-foreground-default);cursor:pointer;display:flex;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-medium);gap:var(--pds-spacing-2xs);justify-content:center;line-height:0;margin-block:0;padding-inline:var(--pds-spacing-m);white-space:nowrap}.pds-segmented-button__option:not(.pds-segmented-button__option--disabled):not(.pds-segmented-button__option--checked):hover
|
|
2
|
+
label{color:var(--pds-color-interactive-foreground-hover)}.pds-segmented-button__option--checked label{background-color:var(--pds-color-segmented-control-selected-background)}.pds-segmented-button__option--disabled{cursor:not-allowed;opacity:.4}.pds-segmented-button__option--disabled label{cursor:not-allowed}.pds-segmented-button__option input:focus-visible+label{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-select{min-width:6.25rem;position:relative}.pds-select--auto-width{width:fit-content}.pds-select__sizer{height:0;overflow:hidden;visibility:hidden}.pds-select__sizer .pds-select__input-wrapper{height:auto;width:max-content}.pds-select__sizer .pds-select__option-text{overflow:visible}.pds-select__input-wrapper{align-items:center;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);column-gap:var(--pds-spacing-xs);cursor:pointer;display:flex;font-size:var(--pds-typography-size-s);height:var(--pds-spacing-input-height-s);padding-inline:var(--pds-spacing-xs);position:relative;transition:var(--pds-animation-transition-input);width:100%}.pds-select__input-wrapper:focus-within{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-select--m .pds-select__input-wrapper{column-gap:var(--pds-spacing-s);height:var(--pds-spacing-input-height-m);padding-inline:var(--pds-spacing-s)}.pds-
|
|
1
|
+
.pds-select{min-width:6.25rem;position:relative}.pds-select--auto-width{width:fit-content}.pds-select__sizer{height:0;overflow:hidden;visibility:hidden}.pds-select__sizer .pds-select__input-wrapper{height:auto;width:max-content}.pds-select__sizer .pds-select__option-text{overflow:visible}.pds-select__input-wrapper{align-items:center;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);column-gap:var(--pds-spacing-xs);cursor:pointer;display:flex;font-size:var(--pds-typography-size-s);height:var(--pds-spacing-input-height-s);padding-inline:var(--pds-spacing-xs);position:relative;transition:var(--pds-animation-transition-input);width:100%}.pds-select__input-wrapper:focus-within{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-select--m .pds-select__input-wrapper{column-gap:var(--pds-spacing-s);height:var(--pds-spacing-input-height-m);padding-inline:var(--pds-spacing-s)}.pds-select__input-inner{column-gap:var(--pds-spacing-m);justify-content:space-between;width:100%}.pds-select__input-inner,.pds-select__option-text{align-items:center;display:flex;min-width:0;overflow:hidden}.pds-select__option-text{cursor:pointer;gap:var(--pds-spacing-xs);white-space:nowrap}.pds-select__option-label-text{overflow:hidden;text-overflow:ellipsis}.pds-select__icon{align-self:center;color:var(--pds-color-foreground-default);display:flex;flex-shrink:0}.pds-select__icon.pds-icon--m{height:.8125rem;width:.8125rem}.pds-select--m .pds-select__icon.pds-icon--m,.pds-select__trigger-icon.pds-icon--l{height:1rem;width:1rem}.pds-select--m .pds-select__trigger-icon.pds-icon--l{height:1.125rem;width:1.125rem}.pds-select__option-icon.pds-icon--m{height:.875rem;width:.875rem}.pds-select__trigger-icon{color:var(--pds-color-foreground-default-secondary);flex-shrink:0;pointer-events:none;transition:var(--pds-animation-transition-rotation)}.pds-select__input-wrapper[aria-expanded=true] .pds-select__trigger-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-select__dropdown{margin-block-start:var(--pds-spacing-xs);max-height:18rem;overflow-x:hidden}.pds-select__dropdown:focus-visible{outline:none}.pds-select__group{padding-block-start:var(--pds-spacing-s)}.pds-select__group-options,.pds-select__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;width:100%}.pds-select__group-options [aria-disabled=true],.pds-select__options [aria-disabled=true]{background:transparent;cursor:not-allowed;opacity:.5}.pds-select__option-label{align-items:center;display:flex;gap:var(--pds-spacing-xs);white-space:nowrap}.pds-select__option-icon{align-self:center;color:var(--pds-color-foreground-default);display:flex;flex-shrink:0}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
.pds-side-nav-global{--side-nav-global-icon-width:var(--pds-spacing-xl);--side-nav-global-space-after-icon:var(--pds-spacing-s);--side-nav-global-foreground-color:var(
|
|
2
2
|
--pds-color-foreground-default-secondary
|
|
3
|
-
);--side-nav-global-outline-color:var(--pds-color-interactive-focus);font-family:var(--pds-typography-ff-default)}.pds-side-nav-global,.pds-side-nav-global a{color:var(--side-nav-global-foreground-color)}.pds-side-nav-global a{text-decoration:none}.pds-side-nav-global a:focus{box-shadow:none;outline:none}.pds-side-nav-global a:hover{color:var(--side-nav-global-foreground-color)}.pds-side-nav-global a:focus-visible,.pds-side-nav-global button:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--side-nav-global-outline-color);outline-offset:-1px}.pds-side-nav-global .pds-icon{pointer-events:none}.pds-side-nav-global__logo{box-sizing:content-box;margin-block-end:var(--pds-spacing-xl);margin-block-start:var(--pds-spacing-4xs);padding-inline:calc(var(--pds-spacing-dashboard-nav-item-padding) + .1875rem)}.pds-side-nav-global__menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-s)}.pds-side-nav-global__menu.pds-side-nav-global__menu--top-level{row-gap:var(--pds-spacing-3xs)}.pds-side-nav-global__item{list-style-type:none;margin-bottom:0}.pds-side-nav-global__item--top-level{padding-inline-start:var(--side-nav-global-item-inset,0);position:relative}.pds-side-nav-global__item--top-level:before{background-color:var(--pds-color-interactive-foreground-active);border-radius:0 var(--pds-border-radius-container) var(--pds-border-radius-container) 0;content:"";height:var(--pds-spacing-dashboard-nav-item-height);inset-block-start:0;inset-inline-start:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .15s ease-in-out;width:.25rem}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--active:before{transform:scaleX(1)}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--active .pds-side-nav-global__item-wrapper{--side-nav-global-foreground-color:var(--pds-color-foreground-default);background-color:var(--pds-color-interactive-background-active)}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--active .pds-side-nav-global__item-wrapper:hover{background-color:var(--pds-color-interactive-background-active)}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper{align-items:center;border-radius:var(--pds-border-radius-container);display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:space-between;width:100%}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper:hover{--side-nav-global-foreground-color:var(--pds-color-foreground-default);background-color:var(--pds-color-interactive-background-hover);transition:var(--pds-animation-transition-button)}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper a{border-radius:var(--pds-border-radius-container);padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-inner{align-items:center;display:flex}.pds-side-nav-global__link-icon{align-items:center;display:flex;flex-grow:0;flex-shrink:0;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:center;margin-inline-end:var(--side-nav-global-space-after-icon);width:var(--side-nav-global-icon-width)}.pds-side-nav-global__link-icon .pds-icon--house,.pds-side-nav-global__link-icon .pds-icon--robot{margin-block-start:-.125rem}.pds-side-nav-global__menu--second-level{color:var(--pds-color-foreground-default-secondary);display:none;margin-block-start:var(--pds-spacing-4xs);padding-inline-start:calc(var(--pds-spacing-dashboard-nav-item-padding) + var(--side-nav-global-icon-width) + var(--side-nav-global-space-after-icon))}.pds-side-nav-global__menu--second-level.pds-side-nav-global__menu--expanded{display:flex;margin-block-end:var(--pds-spacing-xs);row-gap:var(--pds-spacing-3xs)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level{font-size:var(--pds-typography-size-s)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a{border-radius:var(--pds-border-radius-container);display:block;padding-block:var(--pds-spacing-3xs)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level.pds-side-nav-global__item--active a{color:var(--pds-color-interactive-foreground-active)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a:hover{color:var(--pds-color-interactive-foreground-hover);transition:var(--pds-animation-transition-button)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);transition:var(--pds-animation-transition-focus)}.pds-side-nav-global__toggle{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-container);color:var(--side-nav-global-foreground-color);cursor:pointer;display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:flex-end;padding-inline:var(--pds-spacing-dashboard-nav-item-padding)}.pds-side-nav-global__toggle .pds-icon{padding-inline:.125rem;transform:rotate(0deg);transition:var(--pds-animation-transition-rotation)}.pds-side-nav-global__toggle--expanded .pds-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-side-nav-global__link-label{opacity:1;transition:opacity .1s ease-in-out}.pds-side-nav-global--collapsed{width:max-content}.pds-side-nav-global--collapsed .pds-side-nav-global__logo svg{width:1.25rem}.pds-side-nav-global--collapsed .pds-side-nav-global__link-label{opacity:0;transition:opacity .1s ease-in-out}.pds-side-nav-global--collapsed .pds-side-nav-global__menu--second-level.pds-side-nav-global__menu--expanded{display:none}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--collapsed .pds-side-nav-global__item-wrapper a{padding-inline:0;width:var(--pds-spacing-dashboard-nav-item-height)}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--collapsed .pds-side-nav-global__link-icon{margin-inline-end:0;width:100%}.pds-side-nav-global__flyout{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);display:flex;flex-direction:column;gap:var(--pds-spacing-4xs);max-width:30rem;padding-block:var(--pds-spacing-2xs);padding-inline:var(--pds-spacing-2xs);width:max-content;z-index:var(--pds-z-index-dropdown)}.pds-side-nav-global__flyout-heading{color:var(--pds-color-dropdown-heading);font-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);padding:var(--pds-spacing-xs) var(--pds-spacing-xs) var(--pds-spacing-3xs)}.pds-side-nav-global__menu--second-level-flyout{row-gap:var(--pds-spacing-4xs)}.pds-side-nav-global__item--second-level-flyout{color:var(--pds-color-dropdown-foreground);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);margin:0}.pds-side-nav-global__item--second-level-flyout a{align-items:center;border-radius:var(--pds-border-radius-container);color:var(--pds-color-dropdown-foreground);cursor:pointer;display:flex;min-height:var(--pds-spacing-2xl);padding:var(--pds-spacing-2xs) var(--pds-spacing-xs)}.pds-side-nav-global__item--second-level-flyout a:hover{background-color:var(--pds-color-dropdown-item-background-hover);color:var(--pds-color-dropdown-foreground)}.pds-side-nav-global__item--second-level-flyout a:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-side-nav-global__item--second-level-flyout a:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}
|
|
3
|
+
);--side-nav-global-outline-color:var(--pds-color-interactive-focus);font-family:var(--pds-typography-ff-default)}.pds-side-nav-global,.pds-side-nav-global a{color:var(--side-nav-global-foreground-color)}.pds-side-nav-global a{text-decoration:none}.pds-side-nav-global a:focus{box-shadow:none;outline:none}.pds-side-nav-global a:hover{color:var(--side-nav-global-foreground-color)}.pds-side-nav-global a:focus-visible,.pds-side-nav-global button:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--side-nav-global-outline-color);outline-offset:-1px}.pds-side-nav-global .pds-icon{pointer-events:none}.pds-side-nav-global__logo{box-sizing:content-box;margin-block-end:var(--pds-spacing-xl);margin-block-start:var(--pds-spacing-4xs);padding-inline:calc(var(--pds-spacing-dashboard-nav-item-padding) + .1875rem)}.pds-side-nav-global__menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-s)}.pds-side-nav-global__menu.pds-side-nav-global__menu--top-level{row-gap:var(--pds-spacing-3xs)}.pds-side-nav-global__item{list-style-type:none;margin-bottom:0}.pds-side-nav-global__item--top-level{padding-inline-start:var(--side-nav-global-item-inset,0);position:relative}.pds-side-nav-global__item--top-level:before{background-color:var(--pds-color-interactive-foreground-active);border-radius:0 var(--pds-border-radius-container) var(--pds-border-radius-container) 0;content:"";height:var(--pds-spacing-dashboard-nav-item-height);inset-block-start:0;inset-inline-start:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .15s ease-in-out;width:.25rem}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--active:before{transform:scaleX(1)}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--active .pds-side-nav-global__item-wrapper{--side-nav-global-foreground-color:var(--pds-color-foreground-default);background-color:var(--pds-color-interactive-background-active)}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--active .pds-side-nav-global__item-wrapper:hover{background-color:var(--pds-color-interactive-background-active)}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper{align-items:center;border-radius:var(--pds-border-radius-container);display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:space-between;width:100%}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper:hover{--side-nav-global-foreground-color:var(--pds-color-foreground-default);background-color:var(--pds-color-interactive-background-hover);transition:var(--pds-animation-transition-button)}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper a{border-radius:var(--pds-border-radius-container);padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-inner{align-items:center;display:flex}.pds-side-nav-global__link-icon{align-items:center;display:flex;flex-grow:0;flex-shrink:0;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:center;margin-inline-end:var(--side-nav-global-space-after-icon);width:var(--side-nav-global-icon-width)}.pds-side-nav-global__link-icon .pds-icon--house,.pds-side-nav-global__link-icon .pds-icon--robot{margin-block-start:-.125rem}.pds-side-nav-global__menu--second-level{color:var(--pds-color-foreground-default-secondary);display:none;margin-block-start:var(--pds-spacing-4xs);padding-inline-start:calc(var(--pds-spacing-dashboard-nav-item-padding) + var(--side-nav-global-icon-width) + var(--side-nav-global-space-after-icon))}.pds-side-nav-global__menu--second-level.pds-side-nav-global__menu--expanded{display:flex;margin-block-end:var(--pds-spacing-xs);row-gap:var(--pds-spacing-3xs)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level{font-size:var(--pds-typography-size-s)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a{border-radius:var(--pds-border-radius-container);display:block;padding-block:var(--pds-spacing-3xs)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level.pds-side-nav-global__item--active a{color:var(--pds-color-interactive-foreground-active);font-weight:var(--pds-typography-fw-bold)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a:hover{color:var(--pds-color-interactive-foreground-hover);transition:var(--pds-animation-transition-button)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);transition:var(--pds-animation-transition-focus)}.pds-side-nav-global__toggle{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-container);color:var(--side-nav-global-foreground-color);cursor:pointer;display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:flex-end;padding-inline:var(--pds-spacing-dashboard-nav-item-padding)}.pds-side-nav-global__toggle .pds-icon{padding-inline:.125rem;transform:rotate(0deg);transition:var(--pds-animation-transition-rotation)}.pds-side-nav-global__toggle--expanded .pds-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-side-nav-global__link-label{opacity:1;transition:opacity .1s ease-in-out}.pds-side-nav-global--collapsed{width:max-content}.pds-side-nav-global--collapsed .pds-side-nav-global__logo svg{width:1.25rem}.pds-side-nav-global--collapsed .pds-side-nav-global__link-label{opacity:0;transition:opacity .1s ease-in-out}.pds-side-nav-global--collapsed .pds-side-nav-global__menu--second-level.pds-side-nav-global__menu--expanded{display:none}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--collapsed .pds-side-nav-global__item-wrapper a{padding-inline:0;width:var(--pds-spacing-dashboard-nav-item-height)}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--collapsed .pds-side-nav-global__link-icon{margin-inline-end:0;width:100%}.pds-side-nav-global__flyout{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);display:flex;flex-direction:column;gap:var(--pds-spacing-4xs);max-width:30rem;padding-block:var(--pds-spacing-2xs);padding-inline:var(--pds-spacing-2xs);width:max-content;z-index:var(--pds-z-index-dropdown)}.pds-side-nav-global__flyout-heading{color:var(--pds-color-dropdown-heading);font-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);padding:var(--pds-spacing-xs) var(--pds-spacing-xs) var(--pds-spacing-3xs)}.pds-side-nav-global__menu--second-level-flyout{row-gap:var(--pds-spacing-4xs)}.pds-side-nav-global__item--second-level-flyout{color:var(--pds-color-dropdown-foreground);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);margin:0}.pds-side-nav-global__item--second-level-flyout a{align-items:center;border-radius:var(--pds-border-radius-container);color:var(--pds-color-dropdown-foreground);cursor:pointer;display:flex;min-height:var(--pds-spacing-2xl);padding:var(--pds-spacing-2xs) var(--pds-spacing-xs)}.pds-side-nav-global__item--second-level-flyout a:hover{background-color:var(--pds-color-dropdown-item-background-hover);color:var(--pds-color-dropdown-foreground)}.pds-side-nav-global__item--second-level-flyout a:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-side-nav-global__item--second-level-flyout a:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
.pds-side-nav{--item-color-foreground:var(--pds-color-foreground-default
|
|
1
|
+
.pds-side-nav{--item-color-foreground:var(--pds-color-foreground-default);--item-color-background:transparent;--item-font-weight:var(--pds-typography-fw-regular);--item-spacing:var(--pds-spacing-3xs);color:var(--pds-color-foreground-default);font-family:var(--pds-typography-ff-default)}.pds-side-nav a{color:var(--item-color-foreground);text-decoration:none}.pds-side-nav .pds-icon{pointer-events:none}.pds-side-nav button.pds-side-nav__toggle,.pds-side-nav button.pds-side-nav__toggle--main{border:none;cursor:pointer}.pds-side-nav button.pds-side-nav__toggle:not(.pds-side-nav__toggle--main){background:none}h2.pds-side-nav__heading{font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-s);word-wrap:break-word}h2.pds-side-nav__heading a{color:var(--pds-color-foreground-default);text-decoration:none}h2.pds-side-nav__heading a:hover{color:var(--pds-color-interactive-foreground-hover)}h2.pds-side-nav__heading a:focus-visible{border-radius:var(--pds-border-radius-default);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-side-nav__menu{display:flex;flex-direction:column;margin:0;padding:0;row-gap:var(--item-spacing)}.pds-side-nav__item,.pds-side-nav__menu{list-style-type:none}.pds-side-nav__item .pds-tally{margin-inline-start:var(--pds-spacing-3xs)}.pds-side-nav__item .pds-tally:first-child{margin-inline-start:var(--pds-spacing-xs)}.pds-side-nav__item:not(.pds-side-nav__item--has-children)>a,.pds-side-nav__row{align-items:center;background-color:var(--item-color-background);border-radius:var(--pds-border-radius-container);color:var(--item-color-foreground);display:flex;font-weight:var(--item-font-weight);line-height:1.2;padding:var(--pds-spacing-xs) var(--pds-spacing-s)}.pds-side-nav__item:not(.pds-side-nav__item--has-children)>a:hover,.pds-side-nav__row:hover{--item-color-background:var(--pds-color-interactive-background-selected);--item-color-foreground:var(--pds-color-interactive-foreground-hover)}.pds-side-nav__item:not(.pds-side-nav__item--has-children)>a:focus-visible,.pds-side-nav__row:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-side-nav__row--expandable{column-gap:var(--pds-spacing-m);justify-content:space-between;width:100%}.pds-side-nav__row--expandable>.pds-side-nav__toggle-content,.pds-side-nav__row--expandable>a{flex:1;text-align:left}.pds-side-nav__row--expandable>a:focus-visible{border-radius:calc(var(--pds-border-radius-button)*.5);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:8px}.pds-side-nav__row--expandable>button:focus-visible{border-radius:var(--pds-border-radius-button);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:3px}.pds-side-nav__item--active>a{--item-color-background:var(--pds-color-interactive-background-selected);--item-color-foreground:var(--pds-color-interactive-foreground-active);--item-font-weight:var(--pds-typography-fw-bold)}.pds-side-nav__toggle .pds-icon{color:var(--item-color-foreground);transition:var(--pds-animation-transition-rotation)}.pds-side-nav__toggle:not(.pds-side-nav__toggle--main){align-items:center;display:flex;padding:0}.pds-side-nav__toggle--expanded .pds-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-side-nav__menu--second-level{display:none;margin-block-start:var(--item-spacing);padding-inline-start:var(--pds-spacing-l)}.pds-side-nav__menu--second-level.pds-side-nav__menu--expanded{display:flex!important}.pds-side-nav--has-mobile-dropdown .pds-side-nav__mobile{color:var(--pds-color-foreground-default);display:none}.pds-side-nav--has-mobile-dropdown .pds-side-nav__mobile a{color:var(--pds-color-foreground-default)}.pds-side-nav--has-mobile-dropdown .pds-side-nav__mobile a:hover{color:var(--pds-color-interactive-foreground-hover)}.pds-side-nav--has-mobile-dropdown .pds-side-nav__mobile .pds-dropdown-menu__heading{font-size:var(--pds-typography-size-l)}[data-pds-mobile]
|
|
2
2
|
.pds-side-nav--has-mobile-dropdown
|
|
3
3
|
.pds-side-nav__menu--top-level,[data-pds-mobile] .pds-side-nav--has-mobile-dropdown .pds-side-nav__heading{display:none}[data-pds-mobile] .pds-side-nav--has-mobile-dropdown .pds-side-nav__mobile{display:block}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-spinner{--spinner-color
|
|
1
|
+
.pds-spinner{--spinner-color:var(--pds-color-foreground-default);align-items:center;display:flex;flex-direction:column;text-align:center}.pds-spinner--inline{align-self:center;display:inline-flex}.pds-spinner__icon{height:var(--spinner-size);overflow:visible;width:var(--spinner-size)}.pds-spinner__track{fill:none;stroke:var(--spinner-color);stroke-opacity:.3;stroke-width:2.5}.pds-spinner__rotator{animation:spinner-rotate 1s linear infinite;transform-origin:12px 12px}.pds-spinner__arc{fill:none;stroke:var(--spinner-color);stroke-dasharray:16 56.5;stroke-linecap:round;stroke-width:2.5}@keyframes spinner-rotate{to{transform:rotate(1turn)}}.pds-spinner__label{font-family:var(--pds-typography-ff-default);font-weight:var(--pds-typography-fw-medium);line-height:var(--pds-typography-lh-m);max-width:calc(var(--spinner-size)*6)}@media (prefers-reduced-motion:reduce){.pds-spinner__rotator{animation-duration:8s}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-split-button{background-color:var(--pds-color-button-primary-background-default);border-radius:var(--pds-border-radius-button);display:inline-flex;gap:var(--pds-border-width-default);overflow:hidden}.pds-split-button .pds-split-button__primary-action a,.pds-split-button button.pds-split-button__primary-action{border-bottom-right-radius:0;border-top-right-radius:0;padding-inline-end:var(--pds-spacing-s)}.pds-split-button button.pds-menu-button__trigger{border-bottom-left-radius:0;border-top-left-radius:0;padding-inline-start:var(--pds-spacing-s);position:relative}.pds-split-button button.pds-menu-button__trigger:before{background-color:var(--pds-color-surface-default);content:"";height:calc(100% + var(--pds-border-width-default)*2);left:calc(var(--pds-border-width-default)*-1);position:absolute;top:calc(var(--pds-border-width-default)*-1);transform:translateX(-100%);width:var(--pds-border-width-default)}.pds-split-button .pds-button__tally,.pds-split-button .pds-status-dot{display:none}.pds-split-button--
|
|
1
|
+
.pds-split-button{background-color:var(--pds-color-button-primary-background-default);border-radius:var(--pds-border-radius-button);display:inline-flex;gap:var(--pds-border-width-default);overflow:hidden}.pds-split-button .pds-split-button__primary-action a,.pds-split-button button.pds-split-button__primary-action{border-bottom-right-radius:0;border-top-right-radius:0;padding-inline-end:var(--pds-spacing-s)}.pds-split-button button.pds-menu-button__trigger{border-bottom-left-radius:0;border-top-left-radius:0;padding-inline-start:var(--pds-spacing-s);position:relative}.pds-split-button button.pds-menu-button__trigger:before{background-color:var(--pds-color-surface-default);content:"";height:calc(100% + var(--pds-border-width-default)*2);left:calc(var(--pds-border-width-default)*-1);position:absolute;top:calc(var(--pds-border-width-default)*-1);transform:translateX(-100%);width:var(--pds-border-width-default)}.pds-split-button .pds-button__tally,.pds-split-button .pds-status-dot{display:none}.pds-split-button--secondary{background-color:var(--pds-color-button-secondary-background-default);border:var(--pds-border-width-default) solid var(--pds-color-button-secondary-border)}.pds-split-button--secondary .pds-split-button__primary-action a,.pds-split-button--secondary button.pds-menu-button__trigger,.pds-split-button--secondary button.pds-split-button__primary-action{border:0}.pds-split-button--secondary button.pds-menu-button__trigger:before{background-color:var(--pds-color-split-button-secondary-separator);transform:translateX(0)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-status-badge{--status-badge-background:transparent;--status-badge-border:var(--pds-color-border-
|
|
1
|
+
.pds-status-badge{--status-badge-background:transparent;--status-badge-border:var(--pds-color-border-input);--status-badge-label:var(--pds-color-foreground-default-secondary);--status-badge-status-dot:var(--pds-color-foreground-default-secondary);align-items:center;background-color:var(--status-badge-background);border:var(--pds-border-width-default) solid var(--status-badge-border);border-radius:100px;color:var(--status-badge-label);display:inline-flex;font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-medium);padding:var(--pds-spacing-3xs) var(--pds-spacing-s)}.pds-status-badge__status{background-color:var(--status-badge-status-dot);border-radius:50%;display:inline-block;height:var(--pds-spacing-xs);margin-inline-end:var(--pds-spacing-xs);width:var(--pds-spacing-xs)}.pds-status-badge__spinner{margin-inline-end:var(--pds-spacing-2xs)}.pds-status-badge__label{display:inline-block;line-height:var(--pds-typography-size-xs);padding-block-start:.0625rem}.pds-status-badge--transparent{--status-badge-background:transparent;--status-badge-border:var(--pds-color-border-input);--status-badge-label:var(--pds-color-foreground-default-secondary)}.pds-status-badge--neutral{--status-badge-background:var(--pds-color-surface-default);--status-badge-border:var(--pds-color-border-input);--status-badge-label:var(--pds-color-foreground-default-secondary)}.pds-status-badge--reverse{--status-badge-background:var(--pds-color-surface-reverse);--status-badge-border:var(--pds-color-foreground-reverse);--status-badge-label:var(--pds-color-foreground-reverse)}.pds-status-badge__status--success{--status-badge-status-dot:var(--pds-color-status-success-fill)}.pds-status-badge__status--info{--status-badge-status-dot:var(--pds-color-status-info-fill)}.pds-status-badge__status--frozen{--status-badge-status-dot:var(--pds-color-status-frozen-fill)}.pds-status-badge__status--critical{--status-badge-status-dot:var(--pds-color-status-critical-fill)}.pds-status-badge__status--warning{--status-badge-status-dot:var(--pds-color-status-warning-fill)}.pds-status-badge__status--discovery{--status-badge-status-dot:var(--pds-color-status-discovery-fill)}.pds-status-badge__status--disabled{--status-badge-status-dot:var(--pds-color-status-disabled-fill)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-status-indicator{--status-indicator-dot:var(--pds-color-status-disabled-fill);--status-indicator-label:var(--pds-color-foreground-default);align-items:center;display:flex;font-family:var(--pds-typography-ff-default);gap:var(--pds-spacing-
|
|
1
|
+
.pds-status-indicator{--status-indicator-dot:var(--pds-color-status-disabled-fill);--status-indicator-label:var(--pds-color-foreground-default);align-items:center;display:flex;font-family:var(--pds-typography-ff-default);gap:var(--pds-spacing-2xs)}.pds-status-indicator--critical{--status-indicator-dot:var(--pds-color-status-critical-fill);--status-indicator-label:var(--pds-color-status-critical-foreground)}.pds-status-indicator--disabled{--status-indicator-dot:var(--pds-color-status-disabled-fill)}.pds-status-indicator--discovery{--status-indicator-dot:var(--pds-color-status-discovery-fill);--status-indicator-label:var(--pds-color-status-discovery-foreground)}.pds-status-indicator--info{--status-indicator-dot:var(--pds-color-status-info-fill);--status-indicator-label:var(--pds-color-status-info-foreground)}.pds-status-indicator--neutral{--status-indicator-dot:var(--pds-color-status-disabled-fill)}.pds-status-indicator--success{--status-indicator-dot:var(--pds-color-status-success-fill);--status-indicator-label:var(--pds-color-status-success-foreground)}.pds-status-indicator--warning{--status-indicator-dot:var(--pds-color-status-warning-fill);--status-indicator-label:var(--pds-color-status-warning-foreground)}.pds-status-indicator__icon{background-color:var(--status-indicator-dot);border-radius:50%;display:block;flex-shrink:0}.pds-status-indicator__label{color:var(--status-indicator-label)}.pds-status-indicator__icon{height:var(--pds-spacing-s);width:var(--pds-spacing-s)}.pds-status-indicator__label{font-size:var(--pds-typography-size-s)}.pds-status-indicator--xs .pds-status-indicator__icon{height:var(--pds-spacing-3xs);width:var(--pds-spacing-3xs)}.pds-status-indicator--xs .pds-status-indicator__label{font-size:var(--pds-typography-size-xs)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.pds-tab-menu{--tab-border-width:var(--pds-border-width-default);--tab-height:var(--pds-spacing-button-height-
|
|
1
|
+
.pds-tab-menu{--tab-border-width:var(--pds-border-width-default);--tab-height:var(--pds-spacing-button-height-m);--tab-font-size:var(--pds-typography-size-m);--tab-gap:var(--pds-spacing-2xs);--tab-inline-padding:var(--pds-spacing-2xs);--dropdown-trigger-size:var(--pds-spacing-xl);font-family:var(--pds-typography-ff-default);margin-block:var(--pds-spacing-s) var(--pds-spacing-xs);position:relative;width:100%}.pds-tab-menu .pds-tab-menu__item .pds-icon{height:var(--pds-typography-size-m);width:var(--pds-typography-size-m)}.pds-tab-menu .pds-tab-menu__item{column-gap:var(--pds-spacing-5xs)}.pds-tab-menu__menu{border-bottom:var(--tab-border-width) solid var(--pds-color-tabs-border);column-gap:var(--pds-spacing-xl);display:flex;list-style:none;margin:0;padding:0}.pds-tab-menu__item:has(a:focus-visible){border-radius:var(--pds-border-radius-default) var(--pds-border-radius-default) 0 0;outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-tab-menu__item{align-items:center;border-radius:var(--pds-border-radius-input) var(--pds-border-radius-input) 0 0;color:var(--pds-color-foreground-default-secondary);column-gap:0;display:flex;font-size:var(--tab-font-size);font-weight:var(--pds-typography-fw-medium);height:var(--tab-height);margin-block-end:calc(var(--tab-border-width)*-1);position:relative}.pds-tab-menu__item,.pds-tab-menu__item:after{transition:var(--pds-animation-transition-button)}.pds-tab-menu__item:after{background-color:transparent;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.pds-tab-menu__item:hover{color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item:hover:after{background-color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item.pds-tab-menu__item--active{font-weight:var(--pds-typography-fw-bold)}.pds-tab-menu__item.pds-tab-menu__item--active,.pds-tab-menu__item.pds-tab-menu__item--active .pds-icon{color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item.pds-tab-menu__item--active:after,.pds-tab-menu__item.pds-tab-menu__item--active:hover:after{background-color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item a{align-items:center;border-radius:var(--pds-border-radius-input) var(--pds-border-radius-input) 0 0;color:inherit;display:flex;height:100%;padding-inline:var(--tab-inline-padding);text-decoration:none}.pds-tab-menu__item a:has(+.pds-tab-menu__dropdown-trigger){padding-inline-end:calc(var(--tab-inline-padding) + var(--pds-spacing-4xs))}.pds-tab-menu__item a:focus-visible{outline:none}.pds-tab-menu__item .pds-tab-menu__item-icon{color:inherit}.pds-tab-menu__item .pds-tab-menu__item-inner{align-items:center;column-gap:var(--tab-gap);display:flex}.pds-tab-menu__dropdown-trigger{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-default);color:var(--pds-color-foreground-default);cursor:pointer;display:flex;justify-content:center;margin-inline-start:calc((var(--tab-inline-padding) + var(--pds-spacing-4xs))*-1);min-height:var(--dropdown-trigger-size);min-width:var(--dropdown-trigger-size)}.pds-tab-menu__dropdown-trigger:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-tab-menu__dropdown-trigger-icon{color:var(--pds-color-foreground-default-secondary);height:var(--tab-font-size);pointer-events:none;transition:var(--pds-animation-transition-rotation);width:var(--tab-font-size)}.pds-tab-menu__dropdown-trigger[aria-expanded=true]
|
|
2
2
|
.pds-tab-menu__dropdown-trigger-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-tab-menu__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);max-height:24rem;overflow-y:auto}.pds-tab-menu__dropdown:focus-visible{outline:none}.pds-tab-menu__dropdown-menu{flex-direction:column;gap:var(--pds-spacing-4xs);padding-inline:var(--pds-spacing-2xs)}.pds-tab-menu__dropdown-item,.pds-tab-menu__dropdown-menu{display:flex;list-style-type:none;margin:0;padding-block:var(--pds-spacing-2xs)}.pds-tab-menu__dropdown-item{align-items:center;background-color:transparent;border-radius:var(--pds-border-radius-container);color:var(--pds-color-dropdown-foreground);cursor:pointer;justify-content:space-between;line-height:var(--pds-typography-lh-s);min-height:var(--pds-spacing-2xl);outline:none;padding-inline:var(--pds-spacing-xs)}.pds-tab-menu__dropdown-item:focus-visible:not(:hover){outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}.pds-tab-menu__dropdown-item:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-tab-menu__dropdown-item:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-tab-menu__dropdown-item a{color:var(--pds-color-dropdown-foreground);display:flex;flex:1;gap:var(--pds-spacing-2xs);text-decoration:none}.pds-tab-menu__dropdown-item a:focus-visible{outline:none}.pds-tab-menu__dropdown-item--active{background-color:var(--pds-color-dropdown-item-background-hover);color:var(--pds-color-status-success-foreground)}.pds-tab-menu__active-icon{align-self:center;flex-shrink:0;height:.875em;width:.875em}.pds-tab-menu__filter{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);padding:var(--pds-spacing-3xs) var(--pds-spacing-xs)}.pds-tab-menu__filter .pds-text-input__input-wrapper{border-color:transparent}.pds-tab-menu__filter .pds-text-input__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-tab-menu__no-results{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s);padding-block-end:var(--pds-spacing-s);padding-block-start:var(--pds-spacing-xs);padding-inline:var(--pds-spacing-s)}[data-pds-mobile] .pds-tab-menu{position:relative}[data-pds-mobile] .pds-tab-menu .pds-tab-menu__menu{column-gap:var(--pds-spacing-l);cursor:pointer;-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none}[data-pds-mobile] .pds-tab-menu .pds-tab-menu__menu::-webkit-scrollbar{display:none}[data-pds-mobile] .pds-tab-menu .pds-tab-menu__item{font-size:calc(var(--pds-typography-size-m)*.96);padding:var(--pds-spacing-3xs) var(--pds-spacing-3xs)}[data-pds-mobile] .pds-tab-menu .pds-tab-menu__item-inner{width:max-content}[data-pds-mobile] .pds-tab-menu__mobile-menu-wrapper .pds-tab-menu__dropdown{left:1.063rem;position:fixed;top:3.58rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-tabs{--tab-height:var(--pds-spacing-button-height-
|
|
1
|
+
.pds-tabs{--tab-height:var(--pds-spacing-button-height-m);--tab-font-size:var(--pds-typography-size-m);--tab-gap:var(--pds-spacing-2xs)}.pds-tabs .pds-tabs__tab .pds-icon{height:var(--pds-typography-size-m);width:var(--pds-typography-size-m)}.pds-tabs__tablist{--tab-border-width:var(--pds-border-width-default);background-color:transparent;border-bottom:var(--tab-border-width) solid var(--pds-color-tabs-border);column-gap:var(--pds-spacing-xl);display:none;font-family:var(--pds-typography-ff-default);margin:0;padding:0;position:relative;width:100%}@media (min-width:768px){.pds-tabs__tablist{display:flex}}.pds-tabs__tab{align-items:center;border:none;border-radius:var(--pds-border-radius-input) var(--pds-border-radius-input) 0 0;color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;font-size:var(--tab-font-size);font-weight:var(--pds-typography-fw-medium);height:var(--tab-height);margin-block-end:calc(var(--tab-border-width)*-1);padding-inline:var(--pds-spacing-3xs);position:relative}.pds-tabs__tab,.pds-tabs__tab:after{background-color:transparent;transition:var(--pds-animation-transition-button)}.pds-tabs__tab:after{bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.pds-tabs__tab:hover{color:var(--pds-color-interactive-background-current)}.pds-tabs__tab:hover:after{background-color:var(--pds-color-interactive-background-current)}.pds-tabs__tab:focus-visible{outline:none}.pds-tabs__tab:focus-visible .pds-tabs__tab-label{border-radius:var(--pds-border-radius-default) var(--pds-border-radius-default) 0 0;outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-2xs)}.pds-tabs__tab[aria-selected=true]{color:var(--pds-color-interactive-background-current);font-weight:var(--pds-typography-fw-bold)}.pds-tabs__tab[aria-selected=true]:after,.pds-tabs__tab[aria-selected=true]:hover:after{background-color:var(--pds-color-interactive-background-current)}.pds-tabs__tab[aria-disabled=true]{cursor:not-allowed;opacity:40%}.pds-tabs__tab[aria-disabled=true]:hover{background-color:transparent;color:var(--pds-color-foreground-default-secondary)}.pds-tabs__tab[aria-disabled=true]:hover:after{background-color:transparent}.pds-tabs__tab-label{align-items:center;column-gap:var(--tab-gap);display:flex;justify-content:flex-start}.pds-tabs__panel{display:block}.pds-tabs__panel-content{padding:var(--pds-spacing-m) 0}.pds-tabs__expand-icon{transition:var(--pds-animation-transition-rotation)}.pds-tabs__trigger[aria-selected=true] .pds-tabs__expand-icon{transform:rotate(180deg)}.pds-tabs__trigger{align-items:center;background-color:transparent;border:none;border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;flex-wrap:nowrap;font-family:var(--pds-typography-ff-default);font-size:var(--tab-font-size);font-weight:var(--pds-typography-fw-medium);justify-content:space-between;padding-block:var(--pds-spacing-s);padding-inline:var(--pds-spacing-3xs);position:relative;width:100%}@media (min-width:768px){.pds-tabs__trigger{display:none}}.pds-tabs__trigger:hover,.pds-tabs__trigger[aria-selected=true]{color:var(--pds-color-interactive-background-current)}.pds-tabs__trigger[aria-selected=true]{border-bottom-color:var(--pds-color-interactive-background-current);border-bottom-width:2px}.pds-tabs__trigger[aria-disabled=true],.pds-tabs__trigger[aria-disabled=true]:hover{cursor:not-allowed;opacity:40%}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-tags-input{--tag-background:var(--pds-color-input-tag-background-default);--tag-hover-background:var(--pds-color-input-tag-background-hover);--tag-text-color:var(--pds-color-input-tag-foreground-default);--tag-text-hover-color:var(--pds-color-input-tag-foreground-hover);--tag-icon-hover-color:var(--pds-color-foreground-default-secondary);--tag-selected-outline:var(--pds-border-width-default) solid var(--pds-color-input-tag-outline-active);--wrapper-padding:var(--pds-spacing-3xs);--wrapper-gap:var(--pds-spacing-3xs);--tag-font-size:var(--pds-typography-size-xs);--tag-inner-gap:var(--pds-spacing-3xs);--tag-padding-block:var(--pds-spacing-4xs);--tag-padding-inline-end:var(--pds-spacing-3xs);--tag-padding-inline-start:var(--pds-spacing-3xs);--tag-remove-size:0.75rem;--tag-grip-size:0.625rem}.pds-tags-input__input-wrapper{align-items:flex-start;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:var(--wrapper-gap);padding:var(--wrapper-padding);transition:var(--pds-animation-transition-input)}.pds-tags-input__input-wrapper:has(.pds-tags-input__input:focus){outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-tags-input__tags{align-items:center;display:flex;flex-wrap:wrap;gap:var(--wrapper-gap)}.pds-tags-input__tag{align-items:center;background-color:var(--tag-background);border-radius:var(--pds-border-radius-input);box-sizing:border-box;color:var(--tag-text-color);cursor:grab;display:inline-flex;font-size:var(--tag-font-size);font-weight:var(--pds-typography-fw-regular);gap:var(--tag-inner-gap);line-height:1;padding-block:var(--tag-padding-block);padding-inline:var(--tag-padding-inline-start) var(--tag-padding-inline-end);position:relative;transition:background-color .2s ease,color .2s ease}.pds-tags-input__tag:focus-visible{background-color:var(--tag-hover-background);color:var(--tag-text-hover-color);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-tags-input__tag:active{cursor:grabbing}.pds-tags-input__tag--dragging{opacity:.5}.pds-tags-input__tag--dragging:after,.pds-tags-input__tag--dragging:before{display:none}.pds-tags-input__tag--dragging .pds-tags-input__tag-remove-icon{opacity:.5}.pds-tags-input__tag--drag-preview{background-color:var(--tag-hover-background)!important;color:var(--tag-text-hover-color)!important;outline:var(--tag-selected-outline)!important;outline-offset:-1px!important}.pds-tags-input__tag--drop-target-before:before{inset-inline-start:calc(var(--wrapper-gap)/-2 - 1px)}.pds-tags-input__tag--drop-target-after:after,.pds-tags-input__tag--drop-target-before:before{background:var(--pds-color-badge-indicator-platinum-foreground);content:"";height:100%;position:absolute;top:0;width:2px}.pds-tags-input__tag--drop-target-after:after{inset-inline-end:calc(var(--wrapper-gap)/-2 - 1px)}.pds-tags-input__tag-grip{align-items:center;color:var(--pds-color-foreground-default-secondary);cursor:grab;display:flex;margin-inline-start:calc(var(--pds-spacing-6xs)*-1);opacity:.6;touch-action:none;transition:color .2s ease,opacity .2s ease}.pds-tags-input__tag-grip svg{height:var(--tag-grip-size);width:auto}.pds-tags-input__tag-grip:hover{color:var(--tag-icon-hover-color);opacity:1}.pds-tags-input__tag:active .pds-tags-input__tag-grip{cursor:grabbing}.pds-tags-input__tag-text{user-select:none}.pds-tags-input__tag-remove{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;height:var(--tag-remove-size);justify-content:center;padding:0;transition:color .2s ease;width:var(--tag-remove-size)}.pds-tags-input__tag-remove:hover{color:var(--tag-icon-hover-color)}.pds-tags-input__tag-remove:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px;transition:var(--pds-animation-transition-button)}.pds-tags-input__tag-remove-icon{color:var(--pds-color-foreground-default-secondary);flex-grow:0;flex-shrink:0;height:var(--tag-remove-size);transition:color .2s ease,opacity .2s ease;width:var(--tag-remove-size)}.pds-tags-input__tag-remove:hover .pds-tags-input__tag-remove-icon{color:var(--tag-icon-hover-color)}.pds-tags-input__tag.pds-is-disabled{cursor:not-allowed;opacity:63%}.pds-tags-input__tag.pds-is-disabled .pds-tags-input__tag-grip,.pds-tags-input__tag.pds-is-disabled .pds-tags-input__tag-remove{cursor:not-allowed;pointer-events:none}.pds-tags-input:not(.pds-is-disabled) .pds-tags-input__tag:hover:not(.pds-tags-input__tag--dragging){background-color:var(--tag-hover-background);color:var(--tag-text-hover-color)}.pds-tags-input:not(.pds-is-disabled) .pds-tags-input__tag:hover:not(.pds-tags-input__tag--dragging) .pds-tags-input__tag-grip{color:var(--tag-icon-hover-color)}.pds-tags-input__input{background:none;border:none;caret-color:var(--pds-color-foreground-default);color:var(--pds-color-foreground-default);flex:1 1 auto;font-size:var(--pds-typography-size-s);height:calc(var(--tag-padding-block)*2 + var(--tag-font-size));line-height:1;min-width:3rem;outline:none;padding-block:0;padding-inline:var(--pds-spacing-3xs)}.pds-tags-input__input::placeholder{color:var(--pds-color-input-placeholder)}.pds-tags-input.pds-has-error .pds-tags-input__input-wrapper{border-color:var(--pds-color-status-critical-foreground)}.pds-tags-input.pds-has-error .pds-tags-input__input-wrapper:focus-within{border-color:var(--pds-color-status-critical-foreground)}.pds-tags-input.pds-has-success .pds-tags-input__input-wrapper{border-color:var(--pds-color-status-success-foreground)}.pds-tags-input.pds-has-success .pds-tags-input__input-wrapper:focus-within{border-color:var(--pds-color-status-success-foreground)}.pds-tags-input--m{--wrapper-padding:var(--pds-spacing-2xs);--wrapper-gap:var(--pds-spacing-3xs);--tag-font-size:var(--pds-typography-size-xs);--tag-inner-gap:var(--pds-spacing-3xs);--tag-padding-block:var(--pds-spacing-3xs);--tag-padding-inline-end:var(--pds-spacing-2xs);--tag-padding-inline-start:var(--pds-spacing-2xs);--tag-remove-size:0.75rem;--tag-grip-size:0.75rem}
|
|
1
|
+
.pds-tags-input{--tag-background:var(--pds-color-input-tag-background-default);--tag-hover-background:var(--pds-color-input-tag-background-hover);--tag-text-color:var(--pds-color-input-tag-foreground-default);--tag-text-hover-color:var(--pds-color-input-tag-foreground-hover);--tag-icon-hover-color:var(--pds-color-foreground-default-secondary);--tag-selected-outline:var(--pds-border-width-default) solid var(--pds-color-input-tag-outline-active);--wrapper-padding:var(--pds-spacing-3xs);--wrapper-gap:var(--pds-spacing-3xs);--tag-font-size:var(--pds-typography-size-xs);--tag-inner-gap:var(--pds-spacing-3xs);--tag-padding-block:var(--pds-spacing-4xs);--tag-padding-inline-end:var(--pds-spacing-3xs);--tag-padding-inline-start:var(--pds-spacing-3xs);--tag-remove-size:0.75rem;--tag-grip-size:0.625rem}.pds-tags-input__input-wrapper{align-items:flex-start;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:var(--wrapper-gap);padding:var(--wrapper-padding);transition:var(--pds-animation-transition-input)}.pds-tags-input__input-wrapper:has(.pds-tags-input__input:focus){outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-tags-input__tags{align-items:center;display:flex;flex-wrap:wrap;gap:var(--wrapper-gap)}.pds-tags-input__tag{align-items:center;background-color:var(--tag-background);border-radius:var(--pds-border-radius-input);box-sizing:border-box;color:var(--tag-text-color);cursor:grab;display:inline-flex;font-size:var(--tag-font-size);font-weight:var(--pds-typography-fw-regular);gap:var(--tag-inner-gap);line-height:1;padding-block:var(--tag-padding-block);padding-inline:var(--tag-padding-inline-start) var(--tag-padding-inline-end);position:relative;transition:background-color .2s ease,color .2s ease}.pds-tags-input__tag:focus-visible{background-color:var(--tag-hover-background);color:var(--tag-text-hover-color);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-tags-input__tag:active{cursor:grabbing}.pds-tags-input__tag--dragging{opacity:.5}.pds-tags-input__tag--dragging:after,.pds-tags-input__tag--dragging:before{display:none}.pds-tags-input__tag--dragging .pds-tags-input__tag-remove-icon{opacity:.5}.pds-tags-input__tag--drag-preview{background-color:var(--tag-hover-background)!important;color:var(--tag-text-hover-color)!important;outline:var(--tag-selected-outline)!important;outline-offset:-1px!important}.pds-tags-input__tag--drop-target-before:before{inset-inline-start:calc(var(--wrapper-gap)/-2 - 1px)}.pds-tags-input__tag--drop-target-after:after,.pds-tags-input__tag--drop-target-before:before{background:var(--pds-color-badge-indicator-platinum-foreground);content:"";height:100%;position:absolute;top:0;width:2px}.pds-tags-input__tag--drop-target-after:after{inset-inline-end:calc(var(--wrapper-gap)/-2 - 1px)}.pds-tags-input__tag-grip{align-items:center;color:var(--pds-color-foreground-default-secondary);cursor:grab;display:flex;margin-inline-start:calc(var(--pds-spacing-6xs)*-1);opacity:.6;touch-action:none;transition:color .2s ease,opacity .2s ease}.pds-tags-input__tag-grip svg{height:var(--tag-grip-size);width:auto}.pds-tags-input__tag-grip:hover{color:var(--tag-icon-hover-color);opacity:1}.pds-tags-input__tag:active .pds-tags-input__tag-grip{cursor:grabbing}.pds-tags-input__tag-text{user-select:none}.pds-tags-input__tag-remove{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;height:var(--tag-remove-size);justify-content:center;padding:0;transition:color .2s ease;width:var(--tag-remove-size)}.pds-tags-input__tag-remove:hover{color:var(--tag-icon-hover-color)}.pds-tags-input__tag-remove:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px;transition:var(--pds-animation-transition-button)}.pds-tags-input__tag-remove-icon{color:var(--pds-color-foreground-default-secondary);flex-grow:0;flex-shrink:0;height:var(--tag-remove-size);transition:color .2s ease,opacity .2s ease;width:var(--tag-remove-size)}.pds-tags-input__tag-remove:hover .pds-tags-input__tag-remove-icon{color:var(--tag-icon-hover-color)}.pds-tags-input__tag.pds-is-disabled{cursor:not-allowed;opacity:63%}.pds-tags-input__tag.pds-is-disabled .pds-tags-input__tag-grip,.pds-tags-input__tag.pds-is-disabled .pds-tags-input__tag-remove{cursor:not-allowed;pointer-events:none}.pds-tags-input:not(.pds-is-disabled) .pds-tags-input__tag:hover:not(.pds-tags-input__tag--dragging){background-color:var(--tag-hover-background);color:var(--tag-text-hover-color)}.pds-tags-input:not(.pds-is-disabled) .pds-tags-input__tag:hover:not(.pds-tags-input__tag--dragging) .pds-tags-input__tag-grip{color:var(--tag-icon-hover-color)}.pds-tags-input__input{background:none;border:none;caret-color:var(--pds-color-foreground-default);color:var(--pds-color-foreground-default);flex:1 1 auto;font-size:var(--pds-typography-size-s);height:calc(var(--tag-padding-block)*2 + var(--tag-font-size));line-height:1;min-width:3rem;outline:none;padding-block:0;padding-inline:var(--pds-spacing-3xs)}.pds-tags-input__input::placeholder{color:var(--pds-color-input-placeholder)}.pds-tags-input.pds-has-error .pds-tags-input__input-wrapper{border-color:var(--pds-color-status-critical-foreground)}.pds-tags-input.pds-has-error .pds-tags-input__input-wrapper:focus-within{border-color:var(--pds-color-status-critical-foreground)}.pds-tags-input.pds-has-success .pds-tags-input__input-wrapper{border-color:var(--pds-color-status-success-foreground)}.pds-tags-input.pds-has-success .pds-tags-input__input-wrapper:focus-within{border-color:var(--pds-color-status-success-foreground)}.pds-tags-input--m{--wrapper-padding:var(--pds-spacing-2xs);--wrapper-gap:var(--pds-spacing-3xs);--tag-font-size:var(--pds-typography-size-xs);--tag-inner-gap:var(--pds-spacing-3xs);--tag-padding-block:var(--pds-spacing-3xs);--tag-padding-inline-end:var(--pds-spacing-2xs);--tag-padding-inline-start:var(--pds-spacing-2xs);--tag-remove-size:0.75rem;--tag-grip-size:0.75rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-text-input__input-wrapper{align-items:center;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);display:flex;gap:var(--pds-spacing-xs);height:var(--pds-spacing-input-height-s);padding-inline:var(--pds-spacing-xs);transition:var(--pds-animation-transition-input)}.pds-text-input__input-wrapper:focus-within{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-text-input--m .pds-text-input__input-wrapper{gap:var(--pds-spacing-s);height:var(--pds-spacing-input-height-m);padding-inline:var(--pds-spacing-s)}.pds-text-
|
|
1
|
+
.pds-text-input__input-wrapper{align-items:center;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);display:flex;gap:var(--pds-spacing-xs);height:var(--pds-spacing-input-height-s);padding-inline:var(--pds-spacing-xs);transition:var(--pds-animation-transition-input)}.pds-text-input__input-wrapper:focus-within{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-text-input--m .pds-text-input__input-wrapper{gap:var(--pds-spacing-s);height:var(--pds-spacing-input-height-m);padding-inline:var(--pds-spacing-s)}.pds-text-input__input{background-color:transparent;border:none;caret-color:var(--pds-color-foreground-default);color:var(--pds-color-foreground-default);flex-grow:1;font-size:var(--pds-typography-size-s);line-height:1;padding-inline:0;width:100%}.pds-text-input__input:focus{outline:none}.pds-text-input__input::placeholder{color:var(--pds-color-input-placeholder)}.pds-text-input__visibility-toggle{background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);display:flex;justify-content:center;padding:var(--pds-spacing-4xs)}.pds-text-input__visibility-toggle:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-text-input__visibility-toggle:focus-visible{background-color:var(--pds-color-interactive-background-hover);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-text-input__url-prefix{align-items:center;background:var(--pds-color-surface-default-secondary);border-right:var(--pds-border-width-default) solid var(--pds-color-border-input);color:var(--pds-color-foreground-default-secondary);display:flex;font-size:var(--pds-typography-size-s);height:100%;padding-inline:var(--pds-spacing-s);user-select:none}.pds-text-input__input-wrapper--has-prefix{overflow:hidden;padding-left:0}.pds-text-input__input-wrapper--has-prefix .pds-input-prefix--error,.pds-text-input__input-wrapper--has-prefix .pds-input-prefix--success{display:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-textarea__input-wrapper{display:flex}.pds-textarea--textarea{background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);flex-grow:1;font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-l);padding:var(--pds-spacing-xs);resize:none}.pds-textarea--textarea:focus{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-textarea--textarea::placeholder{color:var(--pds-color-input-placeholder)}.pds-textarea--textarea.pds-is-resizable{resize:vertical}.pds-textarea__inputlabel{flex-grow:1}.pds-textarea__inputlabel-wrapper{align-items:center;display:flex;position:relative}.pds-textarea--m .pds-textarea--textarea{padding:var(--pds-spacing-s)}
|
|
1
|
+
.pds-textarea__input-wrapper{display:flex}.pds-textarea--textarea{background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);flex-grow:1;font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-l);padding:var(--pds-spacing-xs);resize:none}.pds-textarea--textarea:focus{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-textarea--textarea::placeholder{color:var(--pds-color-input-placeholder)}.pds-textarea--textarea.pds-is-resizable{resize:vertical}.pds-textarea__inputlabel{flex-grow:1}.pds-textarea__inputlabel-wrapper{align-items:center;display:flex;position:relative}.pds-textarea--m .pds-textarea--textarea{padding:var(--pds-spacing-s)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--toastify-toast-min-height:2rem;--toastify-toast-width:22rem;--toastify-font-family:var(--pds-typography-ff-default);--toastify-color-progress-light:color-mix(in oklch,var(--pds-color-foreground-default) 25%,transparent);--toastify-color-progress-dark:var(--toastify-color-progress-light);--toastify-color-progress-info:var(--toastify-color-progress-light);--toastify-color-progress-success:var(--toastify-color-progress-light);--toastify-color-progress-warning:var(--toastify-color-progress-light);--toastify-color-progress-error:var(--toastify-color-progress-light)}.pds-toaster .Toastify__toast{background-color:var(--pds-color-surface-default);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);padding:var(--pds-spacing-m)}.pds-toaster .Toastify__toast-body{margin:0;padding:0}.pds-toaster .Toastify__progress-bar{background-color:color-mix(in oklch,var(--pds-color-foreground-default) 25%,transparent);background-image:unset;height:.2125rem}.pds-toaster .pds-toast__close-button,.pds-toaster .pds-toast__pause-button{align-self:flex-start;color:var(--pds-color-foreground-default-secondary);margin-block-start:.0625rem;padding:0}.pds-toaster .pds-toast__close-button:hover,.pds-toaster .pds-toast__pause-button:hover{background-color:color-mix(in oklch,var(--pds-color-foreground-default) 15%,transparent)}.pds-toaster .pds-toast__close-button{margin-inline-start:var(--pds-spacing-m)}.pds-toast{color:var(--pds-color-foreground-default);font-family:var(--pds-typography-ff-default);gap:var(--pds-spacing-s)}.pds-toast,.pds-toast__icon-container{align-items:center;display:flex}.pds-toast__message{color:var(--pds-color-foreground-default);flex:1;font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-m);min-width:0}.pds-toast__message a{color:var(--pds-color-interactive-link-default);text-decoration:underline}.pds-toast__message a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:none}.pds-
|
|
1
|
+
:root{--toastify-toast-min-height:2rem;--toastify-toast-width:22rem;--toastify-font-family:var(--pds-typography-ff-default);--toastify-color-progress-light:color-mix(in oklch,var(--pds-color-foreground-default) 25%,transparent);--toastify-color-progress-dark:var(--toastify-color-progress-light);--toastify-color-progress-info:var(--toastify-color-progress-light);--toastify-color-progress-success:var(--toastify-color-progress-light);--toastify-color-progress-warning:var(--toastify-color-progress-light);--toastify-color-progress-error:var(--toastify-color-progress-light)}.pds-toaster .Toastify__toast{background-color:var(--pds-color-surface-default);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);padding:var(--pds-spacing-m)}.pds-toaster .Toastify__toast-body{margin:0;padding:0}.pds-toaster .Toastify__progress-bar{background-color:color-mix(in oklch,var(--pds-color-foreground-default) 25%,transparent);background-image:unset;height:.2125rem}.pds-toaster .pds-toast__close-button,.pds-toaster .pds-toast__pause-button{align-self:flex-start;color:var(--pds-color-foreground-default-secondary);margin-block-start:.0625rem;padding:0}.pds-toaster .pds-toast__close-button:hover,.pds-toaster .pds-toast__pause-button:hover{background-color:color-mix(in oklch,var(--pds-color-foreground-default) 15%,transparent)}.pds-toaster .pds-toast__close-button{margin-inline-start:var(--pds-spacing-m)}.pds-toast{color:var(--pds-color-foreground-default);font-family:var(--pds-typography-ff-default);gap:var(--pds-spacing-s)}.pds-toast,.pds-toast__icon-container{align-items:center;display:flex}.pds-toast__message{color:var(--pds-color-foreground-default);flex:1;font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-m);min-width:0}.pds-toast__message a{color:var(--pds-color-interactive-link-default);text-decoration:underline}.pds-toast__message a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:none}.pds-toast__icon--info{color:var(--pds-color-status-info-fill)}.pds-toast__icon--success{color:var(--pds-color-status-success-fill)}.pds-toast__icon--warning{color:var(--pds-color-status-warning-fill)}.pds-toast__icon--critical{color:var(--pds-color-status-critical-fill)}.pds-toast--bounceInPlace{animation:bounceInPlace .5s ease;animation-fill-mode:both}@keyframes bounceInPlace{0%{transform:translateX(0)}20%{transform:translateX(-20px)}40%{transform:translateX(10px)}60%{transform:translateX(-5px)}80%{transform:translateX(0)}}.pds-toast--slideOut{animation:slideOut .7s ease;animation-fill-mode:both}@keyframes slideOut{0%{transform:translateZ(0)}to{transform:translate3d(120%,0,0);visibility:hidden}}@media (prefers-reduced-motion:reduce){[class*=Toastify__slide-enter],[class*=Toastify__slide-exit]{animation:none!important;transition:none!important}.pds-toast--bounceInPlace,.pds-toast--slideOut{animation:none!important}}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
.pds-user-menu{display:
|
|
1
|
+
.pds-user-menu{align-items:center;display:flex;position:relative}.pds-user-menu__trigger{background-color:transparent;border:none;line-height:0;padding:0}.pds-user-menu__trigger:hover{cursor:pointer}.pds-user-menu__trigger:hover .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-user-menu__trigger:focus-visible{outline:none}.pds-user-menu__trigger:focus-visible .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px;transition:var(--pds-animation-transition-focus)}.pds-user-menu__trigger[aria-expanded=true] .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-user-menu__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);max-width:22.5rem;width:max-content}.pds-user-menu__dropdown:focus{outline:none}.pds-user-menu__menu{display:flex;flex-direction:column;gap:var(--pds-spacing-4xs);list-style:none;margin:0;padding:var(--pds-spacing-2xs)}.pds-user-menu__user-details{color:var(--pds-color-foreground-default);display:flex;flex-direction:column;font-size:var(--pds-typography-size-m);padding-block:var(--pds-spacing-3xs);padding-inline:var(--pds-spacing-s)}.pds-user-menu__user-email{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s)}ul.pds-user-menu__menu [role=separator]{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);margin-block-end:2px;margin-inline:calc(var(--pds-spacing-2xs)*-1);padding-block:2px}.pds-user-menu__item{align-items:center;border-radius:var(--pds-border-radius-container);column-gap:var(--pds-spacing-2xs);display:flex;min-height:var(--pds-spacing-2xl);padding:var(--pds-spacing-2xs) var(--pds-spacing-xs)}.pds-user-menu__item:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-user-menu__item:hover{background-color:var(--pds-color-dropdown-item-background-hover);color:var(--pds-color-dropdown-foreground);cursor:pointer;outline:none}.pds-user-menu__item:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-user-menu__item.pds-user-menu__item--disabled{background-color:transparent;cursor:not-allowed;opacity:.5}.pds-user-menu__item a{text-decoration:none}.pds-user-menu__item a,.pds-user-menu__item a:hover{color:var(--pds-color-dropdown-foreground)}.pds-user-menu__item a:focus-visible{outline:none}.pds-user-menu__toggle-left{align-items:center;column-gap:var(--pds-spacing-s);display:flex}.pds-user-menu .pds-nav-accordion{display:none}[data-pds-mobile] .pds-navbar__mobile .pds-user-menu .pds-nav-accordion{display:block;width:100%}[data-pds-mobile] .pds-navbar__mobile .pds-user-menu__trigger{display:none}[data-pds-mobile] .pds-navbar__mobile .pds-user-menu{background-color:var(--pds-color-surface-default);border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;position:relative;width:100vw}[data-pds-mobile]
|
|
2
|
+
.pds-navbar__mobile
|
|
3
|
+
.pds-user-menu
|
|
4
|
+
.pds-nav-accordion__toggle{font-size:var(--pds-typography-size-m);min-height:unset;padding-block:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl)}[data-pds-mobile]
|
|
2
5
|
.pds-navbar__mobile
|
|
3
6
|
.pds-user-menu
|
|
4
7
|
.pds-nav-accordion__toggle:hover .pds-avatar{border-color:var(--pds-color-interactive-foreground-hover);transition:var(--pds-animation-transition-button)}[data-pds-mobile] .pds-navbar__mobile .pds-user-menu .pds-user-menu__user-name{display:none}[data-pds-mobile]
|
|
@@ -18,11 +21,11 @@
|
|
|
18
21
|
.pds-navbar__mobile
|
|
19
22
|
.pds-user-menu
|
|
20
23
|
.pds-user-menu__menu--mobile
|
|
21
|
-
li[role=menuitem]{padding-block:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl) var(--pds-spacing-l)}[data-pds-mobile]
|
|
24
|
+
li[role=menuitem]{border-radius:0;padding-block:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl) var(--pds-spacing-l)}[data-pds-mobile]
|
|
22
25
|
.pds-navbar__mobile
|
|
23
26
|
.pds-user-menu
|
|
24
27
|
.pds-user-menu__menu--mobile
|
|
25
|
-
li[role=menuitem]:hover{background-color:var(--pds-color-dropdown-item-background-hover);
|
|
28
|
+
li[role=menuitem]:hover{background-color:var(--pds-color-dropdown-item-background-hover);cursor:pointer}[data-pds-mobile]
|
|
26
29
|
.pds-navbar__mobile
|
|
27
30
|
.pds-user-menu
|
|
28
31
|
.pds-user-menu__menu--mobile
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
.pds-utility-button{--utility-button-color:var(--pds-color-foreground-default);align-items:center;display:inline-flex;height:var(--pds-spacing-button-height-s);position:relative}.pds-utility-button .pds-icon,.pds-utility-button__button{color:var(--utility-button-color)}.pds-utility-button__button{align-items:center;background-color:transparent;border:none;column-gap:var(--pds-spacing-button-gap-inline-s);cursor:pointer;display:flex;height:var(--pds-spacing-button-height-s);margin:0;padding-block:var(--pds-spacing-xs);padding-inline:var(--pds-spacing-s)}.pds-utility-button__button:hover{--utility-button-color:var(--pds-color-interactive-foreground-hover)}.pds-utility-button__button:focus-visible{border-radius:var(--pds-border-radius-button);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-utility-button__icon{height:calc(var(--pds-spacing-m)*.875)}.pds-utility-button a.pds-utility-button__button{color:var(--utility-button-color);text-decoration:none;white-space:nowrap}.pds-utility-button a.pds-utility-button__button:hover{text-decoration:none}.pds-utility-button__label{font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-medium)}.pds-utility-button--border .pds-utility-button__button{background-color:var(--pds-color-button-secondary-background-default);border:var(--pds-border-width-default) solid var(--pds-color-button-secondary-border);border-radius:var(--pds-border-radius-button);color:var(--pds-color-button-secondary-foreground);padding-inline:var(--pds-spacing-button-padding-inline-s);transition:var(--pds-animation-transition-button)}.pds-utility-button--border .pds-utility-button__button:hover{--utility-button-color:var(--pds-color-button-secondary-foreground);background-color:var(--pds-color-button-secondary-background-hover);border-color:var(--pds-color-button-secondary-border)}.pds-utility-button--monospace .pds-utility-button__label{font-family:var(--pds-typography-font-code)}.pds-utility-button--critical .pds-utility-button__button:focus-visible,.pds-utility-button--critical .pds-utility-button__button:hover{--utility-button-color:var(--pds-color-status-critical-foreground)}.pds-utility-button:not(.pds-utility-button--border):not(.pds-utility-button--disabled):not(.pds-utility-button--working):not(.pds-utility-button--loading)
|
|
1
|
+
.pds-utility-button{--utility-button-color:var(--pds-color-foreground-default);align-items:center;display:inline-flex;height:var(--pds-spacing-button-height-s);position:relative}.pds-utility-button .pds-icon,.pds-utility-button__button{color:var(--utility-button-color)}.pds-utility-button__button{align-items:center;background-color:transparent;border:none;column-gap:var(--pds-spacing-button-gap-inline-s);cursor:pointer;display:flex;height:var(--pds-spacing-button-height-s);margin:0;padding-block:var(--pds-spacing-xs);padding-inline:var(--pds-spacing-s)}.pds-utility-button__button:hover{--utility-button-color:var(--pds-color-interactive-foreground-hover)}.pds-utility-button__button:focus-visible{border-radius:var(--pds-border-radius-button);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-utility-button__icon{height:calc(var(--pds-spacing-m)*.875)}.pds-utility-button a.pds-utility-button__button{color:var(--utility-button-color);text-decoration:none;white-space:nowrap}.pds-utility-button a.pds-utility-button__button:hover{text-decoration:none}.pds-utility-button__label{font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-medium)}.pds-utility-button--border .pds-utility-button__button{background-color:var(--pds-color-button-secondary-background-default);border:var(--pds-border-width-default) solid var(--pds-color-button-secondary-border);border-radius:var(--pds-border-radius-button);color:var(--pds-color-button-secondary-foreground);padding-inline:var(--pds-spacing-button-padding-inline-s);transition:var(--pds-animation-transition-button)}.pds-utility-button--border .pds-utility-button__button:has(.pds-utility-button__icon:first-child,.pds-utility-button__spinner:first-child){padding-inline-start:var(--pds-spacing-s)}.pds-utility-button--border .pds-utility-button__button:has(.pds-utility-button__icon:last-child,.pds-utility-button__spinner:last-child){padding-inline-end:var(--pds-spacing-s)}.pds-utility-button--border .pds-utility-button__button:hover{--utility-button-color:var(--pds-color-button-secondary-foreground);background-color:var(--pds-color-button-secondary-background-hover);border-color:var(--pds-color-button-secondary-border)}.pds-utility-button--monospace .pds-utility-button__label{font-family:var(--pds-typography-font-code)}.pds-utility-button--critical .pds-utility-button__button:focus-visible,.pds-utility-button--critical .pds-utility-button__button:hover{--utility-button-color:var(--pds-color-status-critical-foreground)}.pds-utility-button:not(.pds-utility-button--border):not(.pds-utility-button--disabled):not(.pds-utility-button--working):not(.pds-utility-button--loading)
|
|
2
2
|
.pds-utility-button__button:active{--utility-button-color:var(--pds-color-interactive-link-active)}.pds-utility-button--border:not(.pds-utility-button--disabled):not(.pds-utility-button--working)
|
|
3
3
|
.pds-utility-button__button:active{background-color:var(--pds-color-button-secondary-background-active);box-shadow:var(--pds-elevation-button-secondary-active)}.pds-utility-button--disabled .pds-utility-button__button,.pds-utility-button--working .pds-utility-button__button{cursor:not-allowed;opacity:.5}.pds-utility-button--disabled .pds-utility-button__button:hover,.pds-utility-button--working .pds-utility-button__button:hover{--utility-button-color:var(--pds-color-foreground-default)}.pds-utility-button__spinner{margin-inline-end:.0625rem}.pds-utility-button--loading .pds-utility-button__button{cursor:not-allowed}.pds-utility-button--loading .pds-utility-button__button:hover{--utility-button-color:var(--pds-color-foreground-default)}.pds-utility-button--loading .pds-utility-button__icon,.pds-utility-button--loading .pds-utility-button__label{opacity:0}.pds-utility-button--loading .pds-utility-button__button.pds-pulse{background-color:var(--pulse-regular-base-color);border-radius:var(--pds-border-radius-button);padding-block:var(--pds-spacing-3xs)}.pds-utility-button-group,.pds-utility-button-group-border{align-items:center;display:flex;flex-wrap:wrap}.pds-utility-button-group{gap:var(--pds-spacing-4xs)}.pds-utility-button-group-border{gap:var(--pds-spacing-2xs)}.pds-utility-button-group__separator{background-color:var(--pds-color-border-input);height:var(--pds-spacing-xl);margin-inline:var(--pds-spacing-3xs);width:var(--pds-border-width-default)}
|
|
@@ -1,4 +1,11 @@
|
|
|
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:var(--pds-spacing-s)
|
|
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:var(--pds-spacing-s)}@media (min-width:768px) and (max-width:1279px){.pds-workspace-selector__trigger{column-gap:var(--pds-spacing-2xs)}}.pds-workspace-selector__trigger{display:flex;position:relative}.pds-workspace-selector__trigger:hover{color:var(--pds-color-interactive-foreground-hover);cursor:pointer}.pds-workspace-selector__trigger:hover .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-workspace-selector__trigger:hover .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-foreground-hover)}.pds-workspace-selector__trigger:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px;transition:var(--pds-animation-transition-focus)}.pds-workspace-selector__trigger .pds-workspace-selector__trigger-icon{color:var(--pds-color-foreground-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-workspace-selector__trigger[aria-expanded=true]{color:var(--pds-color-interactive-foreground-hover)}.pds-workspace-selector__trigger[aria-expanded=true] .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-foreground-hover);transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-workspace-selector__button-content{align-items:center;column-gap:var(--pds-spacing-xs);display:flex}.pds-workspace-selector__name{font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}@media (min-width:768px) and (max-width:1279px){.pds-workspace-selector__name{display:none}}.pds-workspace-selector__dropdown{gap:0;margin-block-start:var(--pds-spacing-xs);padding-block-end:0;width:21rem}.pds-workspace-selector__dropdown:focus{outline:none}.pds-workspace-selector__menu{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:var(--pds-spacing-4xs)}.pds-workspace-selector__menu>*{flex-shrink:0}.pds-workspace-selector__menu--scroll{max-height:23.25rem;overflow-y:auto}.pds-workspace-selector__dropdown
|
|
2
|
+
.pds-workspace-selector__menu:not(.pds-workspace-selector__menu--scroll){padding-block-end:var(--pds-spacing-2xs)}.pds-workspace-selector__item{font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-s)}.pds-workspace-selector__item a,.pds-workspace-selector__item button{align-items:center;color:inherit;column-gap:var(--pds-spacing-2xs);display:flex;flex:1;justify-content:space-between;padding:0;text-decoration:none}.pds-workspace-selector__item button{background-color:transparent;border:none;font-family:inherit;font-size:inherit;line-height:inherit;text-align:left;width:100%}.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__icons{align-items:center;column-gap:var(--pds-spacing-s);display:flex;flex-shrink:0}.pds-workspace-selector__lock-icon{color:var(--pds-color-foreground-default);flex-shrink:0}.pds-workspace-selector__item-content{align-items:center;column-gap:var(--pds-spacing-s);display:flex}.pds-workspace-selector__dropdown .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);margin-block-start:calc(var(--pds-spacing-2xs)*-1);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-2xs) var(--pds-spacing-s)}.pds-workspace-selector__dropdown .pds-workspace-selector__filter .pds-text-input__input-wrapper{border-color:transparent}.pds-workspace-selector__dropdown .pds-workspace-selector__filter .pds-text-input__input-wrapper: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);margin-block-start:var(--pds-spacing-3xs);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-m) var(--pds-spacing-m)}.pds-workspace-selector__dropdown .pds-workspace-selector__create-link{margin-block-start:0}.pds-workspace-selector__create-link-inner{align-items:center;color:var(--pds-color-interactive-link-default);display:flex;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-3xs);text-decoration:none;width:100%}.pds-workspace-selector__create-link-inner:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-workspace-selector__create-link-inner:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-workspace-selector .pds-nav-accordion{display:none}[data-pds-mobile]
|
|
3
|
+
.pds-navbar__mobile
|
|
4
|
+
.pds-workspace-selector
|
|
5
|
+
.pds-nav-accordion__toggle,[data-pds-mobile]
|
|
6
|
+
.pds-navbar__mobile
|
|
7
|
+
.pds-workspace-selector
|
|
8
|
+
.pds-workspace-selector__name{font-size:var(--pds-typography-size-m)}[data-pds-mobile]
|
|
2
9
|
.pds-navbar__mobile
|
|
3
10
|
.pds-workspace-selector
|
|
4
11
|
.pds-nav-accordion{display:block}[data-pds-mobile] .pds-navbar__mobile .pds-workspace-selector__trigger{display:none}[data-pds-mobile] .pds-navbar__mobile .pds-workspace-selector{background-color:var(--pds-color-surface-default);border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;position:relative;width:100vw}[data-pds-mobile]
|
|
@@ -7,10 +14,13 @@
|
|
|
7
14
|
.pds-workspace-selector__filter{padding-block:var(--pds-spacing-xs);padding-inline:var(--pds-spacing-l)}[data-pds-mobile]
|
|
8
15
|
.pds-navbar__mobile
|
|
9
16
|
.pds-workspace-selector
|
|
17
|
+
.pds-dropdown__heading{padding-block-start:var(--pds-spacing-m)}[data-pds-mobile]
|
|
18
|
+
.pds-navbar__mobile
|
|
19
|
+
.pds-workspace-selector
|
|
10
20
|
.pds-workspace-selector__menu--mobile{display:flex;flex-direction:column;list-style:none;margin:0;padding-inline:0}[data-pds-mobile]
|
|
11
21
|
.pds-navbar__mobile
|
|
12
22
|
.pds-workspace-selector
|
|
13
|
-
.pds-dropdown__item{font-size:var(--pds-typography-size-m);padding-block:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl) var(--pds-spacing-2xl)}[data-pds-mobile]
|
|
23
|
+
.pds-dropdown__item{border-radius:0;font-size:var(--pds-typography-size-m);padding-block:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl) var(--pds-spacing-2xl)}[data-pds-mobile]
|
|
14
24
|
.pds-navbar__mobile
|
|
15
25
|
.pds-workspace-selector
|
|
16
|
-
.pds-workspace-selector__create-link{border-block-start:none;box-shadow:none;padding-block:var(--pds-spacing-2xs);padding-inline:var(--pds-spacing-
|
|
26
|
+
.pds-workspace-selector__create-link{border-block-start:none;box-shadow:none;margin-inline:0;padding-block:var(--pds-spacing-2xs) var(--pds-spacing-l);padding-inline:var(--pds-spacing-xl)}
|