@pantheon-systems/pds-toolkit-react 2.0.0-alpha.76 → 2.0.0-alpha.77
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/dist/components/Dropdown/Dropdown.d.ts +67 -2
- package/dist/components/RowActionsMenu/RowActionsMenu.d.ts +46 -0
- package/dist/components/buttons/MenuButton/MenuButton.d.ts +16 -2
- package/dist/components/empty-states/VerticalEmptyState/VerticalEmptyState.d.ts +3 -2
- package/dist/components/icons/Icon/generated-icon-data.d.ts +1 -1
- package/dist/css/component-css/pds-dropdown.css +2 -1
- package/dist/css/component-css/pds-index.css +4 -2
- package/dist/css/component-css/pds-row-actions-menu.css +2 -0
- package/dist/css/layout-css/pds-sidebar-layout.css +11 -3
- package/dist/css/pds-components.css +4 -2
- package/dist/css/pds-core.css +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js +1844 -1734
- package/dist/index.js.map +1 -1
- package/dist/index.source.d.ts +2 -0
- package/dist/layouts/SidebarLayout/SidebarLayout.d.ts +22 -3
- package/dist/utilities/auto-grid/AutoGrid.d.ts +48 -0
- package/dist/utilities/hooks/useDropdown/useDropdown.d.ts +11 -1
- package/package.json +1 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
1
|
+
import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
2
|
import { UseDropdownOptions } from '../../utilities/hooks/useDropdown';
|
|
3
|
+
import { MenuButtonProps } from '../buttons/MenuButton/MenuButton';
|
|
3
4
|
import './dropdown.css';
|
|
4
5
|
export interface DropdownProps extends UseDropdownOptions {
|
|
5
6
|
/**
|
|
@@ -19,12 +20,19 @@ export interface DropdownProps extends UseDropdownOptions {
|
|
|
19
20
|
}
|
|
20
21
|
/**
|
|
21
22
|
* Root Dropdown component. Provides dropdown context to sub-components.
|
|
23
|
+
*
|
|
24
|
+
* Wraps the actual implementation in a Floating UI tree boundary: when
|
|
25
|
+
* nested inside another floating panel, it joins that panel's tree so
|
|
26
|
+
* outside-clicks and Escape inside this dropdown resolve to this (innermost)
|
|
27
|
+
* dropdown without wrongly dismissing the parent. When not nested, it
|
|
28
|
+
* provides its own single-node tree — no consumer opt-in needed.
|
|
22
29
|
*/
|
|
23
30
|
export declare const Dropdown: {
|
|
24
|
-
(
|
|
31
|
+
(props: DropdownProps): import("react/jsx-runtime").JSX.Element;
|
|
25
32
|
Trigger: ({ children, className, showTriggerIcon, ...props }: DropdownTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
26
33
|
Panel: ({ children, className, ...props }: DropdownPanelProps) => import("react/jsx-runtime").JSX.Element;
|
|
27
34
|
Item: ({ children, className, closeOnSelect, description, disabled, icon, index, isActive, isCritical, onClick, onKeyDown, trailingIcon, ...props }: DropdownItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
ActionItem: ({ children, className, closeOnSelect, description, disabled, icon, index, isActive, linkContent, menuAriaLabel, menuItems, onClick, onKeyDown, ...props }: DropdownActionItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
28
36
|
CheckboxItem: ({ checked, children, className, description, disabled, indeterminate, index, onCheckedChange, onClick, onKeyDown, ...props }: DropdownCheckboxItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
29
37
|
Heading: ({ children, className, ...props }: DropdownHeadingProps) => import("react/jsx-runtime").JSX.Element;
|
|
30
38
|
Separator: ({ className, ...props }: DropdownSeparatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -99,6 +107,63 @@ export interface DropdownItemProps extends ComponentPropsWithoutRef<'li'> {
|
|
|
99
107
|
*/
|
|
100
108
|
trailingIcon?: ReactNode;
|
|
101
109
|
}
|
|
110
|
+
export interface DropdownActionItemProps extends Omit<ComponentPropsWithoutRef<'li'>, 'onClick'> {
|
|
111
|
+
/**
|
|
112
|
+
* Item content — label text. Rendered inside `linkContent` when provided.
|
|
113
|
+
*/
|
|
114
|
+
children?: ReactNode;
|
|
115
|
+
/**
|
|
116
|
+
* Additional class names.
|
|
117
|
+
*/
|
|
118
|
+
className?: string;
|
|
119
|
+
/**
|
|
120
|
+
* Close the dropdown when the row is selected (default: true).
|
|
121
|
+
*/
|
|
122
|
+
closeOnSelect?: boolean;
|
|
123
|
+
/**
|
|
124
|
+
* Secondary text displayed below the label.
|
|
125
|
+
*/
|
|
126
|
+
description?: ReactNode;
|
|
127
|
+
/**
|
|
128
|
+
* Disabled state. Disables row selection only — the trailing kebab menu
|
|
129
|
+
* stays available.
|
|
130
|
+
*/
|
|
131
|
+
disabled?: boolean;
|
|
132
|
+
/**
|
|
133
|
+
* Leading content — PDSIcon name, or custom ReactNode (Avatar, etc.).
|
|
134
|
+
*/
|
|
135
|
+
icon?: ReactNode;
|
|
136
|
+
/**
|
|
137
|
+
* Index of this item in the list (required for keyboard navigation).
|
|
138
|
+
*/
|
|
139
|
+
index: number;
|
|
140
|
+
/**
|
|
141
|
+
* Selected or current state.
|
|
142
|
+
*/
|
|
143
|
+
isActive?: boolean;
|
|
144
|
+
/**
|
|
145
|
+
* Link element to navigate to on selection (e.g. `<a href='...'>` or a
|
|
146
|
+
* router `Link`). Takes precedence over `onClick` when both are given —
|
|
147
|
+
* pass whichever matches how selecting this row should behave.
|
|
148
|
+
*/
|
|
149
|
+
linkContent?: ReactNode;
|
|
150
|
+
/**
|
|
151
|
+
* Contextual label for the row's kebab menu, e.g. `Actions for ${item.title}`.
|
|
152
|
+
* Supplied per-row by the consumer — required, since a plain "Actions"
|
|
153
|
+
* label isn't distinguishable between rows for screen reader users.
|
|
154
|
+
*/
|
|
155
|
+
menuAriaLabel: string;
|
|
156
|
+
/**
|
|
157
|
+
* Menu items for the kebab's menu — passed straight through to the
|
|
158
|
+
* underlying `MenuButton`.
|
|
159
|
+
*/
|
|
160
|
+
menuItems: MenuButtonProps['menuItems'];
|
|
161
|
+
/**
|
|
162
|
+
* Callback fired when the row is selected. Ignored when `linkContent` is
|
|
163
|
+
* given — the link's own navigation is the selection behavior.
|
|
164
|
+
*/
|
|
165
|
+
onClick?: (event: React.SyntheticEvent<HTMLElement>) => void;
|
|
166
|
+
}
|
|
102
167
|
export interface DropdownCheckboxItemProps extends Omit<ComponentPropsWithoutRef<'li'>, 'onChange'> {
|
|
103
168
|
/**
|
|
104
169
|
* Checked state of the item.
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
|
+
import { MenuButton } from '../buttons/MenuButton/MenuButton';
|
|
3
|
+
import './row-actions-menu.css';
|
|
4
|
+
/**
|
|
5
|
+
* Prop types for RowActionsMenu
|
|
6
|
+
*/
|
|
7
|
+
export interface RowActionsMenuProps extends ComponentPropsWithoutRef<'div'> {
|
|
8
|
+
/**
|
|
9
|
+
* Arbitrary leading row content.
|
|
10
|
+
*/
|
|
11
|
+
children: ReactNode;
|
|
12
|
+
/**
|
|
13
|
+
* Additional class names
|
|
14
|
+
*/
|
|
15
|
+
className?: string;
|
|
16
|
+
/**
|
|
17
|
+
* Contextual label for the row's kebab menu, e.g. `Actions for ${item.title}`.
|
|
18
|
+
* Supplied per-row by the consumer — required, since a plain "Actions"
|
|
19
|
+
* label isn't distinguishable between rows for screen reader users.
|
|
20
|
+
*/
|
|
21
|
+
menuAriaLabel: string;
|
|
22
|
+
/**
|
|
23
|
+
* Menu items for the kebab's menu — passed straight through to the
|
|
24
|
+
* underlying `MenuButton`. Use `isCritical`/`criticalLabel` on an item
|
|
25
|
+
* for a destructive action (e.g. "Remove").
|
|
26
|
+
*/
|
|
27
|
+
menuItems: ComponentPropsWithoutRef<typeof MenuButton>['menuItems'];
|
|
28
|
+
/**
|
|
29
|
+
* Where this row is being used, for the hover/active fill style. `dropdown`
|
|
30
|
+
* (default) is an inset rounded pill, matching a floating menu's own items
|
|
31
|
+
* (e.g. nested inside `Dropdown`). `panel` fills edge-to-edge with square
|
|
32
|
+
* corners, matching a flush list inside a panel/widget (e.g. `WidgetPanel`).
|
|
33
|
+
*/
|
|
34
|
+
variant?: 'dropdown' | 'panel';
|
|
35
|
+
}
|
|
36
|
+
/**
|
|
37
|
+
* RowActionsMenu UI component.
|
|
38
|
+
*
|
|
39
|
+
* A generic row primitive: arbitrary leading content plus a trailing kebab
|
|
40
|
+
* button that's visually revealed on hover and keyboard focus, opening a
|
|
41
|
+
* `MenuButton` actions menu. Not specific to any one consumer — meant to be
|
|
42
|
+
* reused anywhere a list needs a per-row actions menu (e.g. bookmarks,
|
|
43
|
+
* recent sites). Safe to nest inside another floating panel (e.g. a
|
|
44
|
+
* `Dropdown`) — see `MenuButton`/`Dropdown`'s Floating UI tree handling.
|
|
45
|
+
*/
|
|
46
|
+
export declare const RowActionsMenu: ({ children, className, menuAriaLabel, menuItems, variant, ...props }: RowActionsMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -57,6 +57,14 @@ export interface MenuButtonProps extends ComponentPropsWithRef<'span'> {
|
|
|
57
57
|
* Optional callback function for when the button is clicked or activated by the keyboard.
|
|
58
58
|
*/
|
|
59
59
|
onClick?: () => void;
|
|
60
|
+
/**
|
|
61
|
+
* Optional callback fired whenever the menu's open state changes. Use
|
|
62
|
+
* this to manage focus deliberately when this MenuButton is nested
|
|
63
|
+
* inside another floating panel — e.g. return focus to the row that
|
|
64
|
+
* owns this menu when it closes, rather than leaving it to Floating UI's
|
|
65
|
+
* default (which can otherwise leave focus on an ancestor panel).
|
|
66
|
+
*/
|
|
67
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
60
68
|
/**
|
|
61
69
|
* Which size of button to render.
|
|
62
70
|
*/
|
|
@@ -91,7 +99,13 @@ export interface MenuButtonProps extends ComponentPropsWithRef<'span'> {
|
|
|
91
99
|
variant?: Extract<ButtonVariant, 'primary' | 'secondary' | 'subtle' | 'reverse-secondary'> | 'navbar';
|
|
92
100
|
}
|
|
93
101
|
/**
|
|
94
|
-
* MenuButton UI component
|
|
102
|
+
* MenuButton UI component.
|
|
103
|
+
*
|
|
104
|
+
* Wraps the actual implementation in a Floating UI tree boundary: when
|
|
105
|
+
* nested inside another floating panel (e.g. a `Dropdown`'s panel), it joins
|
|
106
|
+
* that panel's tree so outside-clicks and Escape inside this menu resolve to
|
|
107
|
+
* this (innermost) menu without wrongly dismissing the parent. When not
|
|
108
|
+
* nested, it provides its own single-node tree — no consumer opt-in needed.
|
|
95
109
|
*/
|
|
96
|
-
export declare const MenuButton: (
|
|
110
|
+
export declare const MenuButton: (props: MenuButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
97
111
|
export {};
|
|
@@ -24,10 +24,11 @@ export interface VerticalEmptyStateProps extends ComponentPropsWithoutRef<'div'>
|
|
|
24
24
|
headingLevel?: HeadingLevel;
|
|
25
25
|
/**
|
|
26
26
|
* PDS illustration image to display above the heading.
|
|
27
|
-
*
|
|
27
|
+
* Can be a string (a link to an SVG file, either from Brandfolder or
|
|
28
|
+
* local) or a React node (e.g. a Spinner, for in-progress empty states).
|
|
28
29
|
* See full documentation for details.
|
|
29
30
|
*/
|
|
30
|
-
image?: string;
|
|
31
|
+
image?: string | ReactNode;
|
|
31
32
|
/**
|
|
32
33
|
* Height of the image (CSS value like '200px', '50%', etc.)
|
|
33
34
|
*/
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Generated by: npm run generate:icon-data
|
|
5
5
|
* Source: icon-registry.ts + Font Awesome packages + custom-icons.tsx
|
|
6
|
-
* Generated: 2026-08-
|
|
6
|
+
* Generated: 2026-08-27T19:48:12.899Z
|
|
7
7
|
*/
|
|
8
8
|
import { customIcons } from './custom-icons';
|
|
9
9
|
export { customIcons };
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-dropdown{position:relative}.pds-dropdown--inline{display:inline-block}.pds-dropdown__trigger{align-items:center;background:transparent;border:none;border-radius:var(--pds-border-radius-container);color:inherit;cursor:pointer;display:inline-flex;font-family:inherit;gap:var(--pds-spacing-3xs);padding:var(--pds-spacing-3xs) var(--pds-spacing-2xs);transition:background-color .15s ease}.pds-dropdown__trigger:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-dropdown__trigger:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-dropdown__trigger-icon{color:var(--pds-color-foreground-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-dropdown__trigger[aria-expanded=true] .pds-dropdown__trigger-icon{transform:rotate(180deg)}.pds-dropdown__panel{background-color:var(--pds-color-dropdown-background);box-shadow:var(--pds-elevation-overlay);flex-direction:column;gap:var(--pds-spacing-4xs);margin:0;min-width:10rem;overflow-y:auto;padding-inline:var(--pds-spacing-2xs);z-index:var(--pds-z-index-dropdown)}.pds-dropdown__item,.pds-dropdown__panel{border-radius:var(--pds-border-radius-container);display:flex;list-style:none;outline:none;padding-block:var(--pds-spacing-2xs)}.pds-dropdown__item{align-items:center;color:var(--pds-color-dropdown-foreground);cursor:pointer;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-s);justify-content:space-between;min-height:var(--pds-spacing-2xl);padding-inline:var(--pds-spacing-xs)}.pds-dropdown__item:focus-visible:not(:hover){outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}.pds-dropdown__item--focused,.pds-dropdown__item:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-dropdown__item:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-dropdown__selected-icon{align-self:center;color:var(--pds-color-foreground-default);display:flex;flex-shrink:0;height:.875em;width:.875em}.pds-dropdown__item--critical{color:var(--pds-color-status-critical-foreground)}.pds-dropdown__item--critical.pds-dropdown__item--focused,.pds-dropdown__item--critical:hover{background-color:var(--pds-color-status-critical-background)}.pds-dropdown__item--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.pds-dropdown__item-content{align-items:center;display:flex;gap:var(--pds-spacing-2xs)}.pds-dropdown__item-icon{display:flex;flex-shrink:0}.pds-dropdown__item-label{display:flex;flex-direction:column}.pds-dropdown__item-description{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-xs);line-height:var(--pds-typography-lh-s);margin-block-start:var(--pds-spacing-4xs)}.pds-dropdown__item-trailing{display:flex;flex-shrink:0}.pds-
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-dropdown{position:relative}.pds-dropdown--inline{display:inline-block}.pds-dropdown__trigger{align-items:center;background:transparent;border:none;border-radius:var(--pds-border-radius-container);color:inherit;cursor:pointer;display:inline-flex;font-family:inherit;gap:var(--pds-spacing-3xs);padding:var(--pds-spacing-3xs) var(--pds-spacing-2xs);transition:background-color .15s ease}.pds-dropdown__trigger:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-dropdown__trigger:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-dropdown__trigger-icon{color:var(--pds-color-foreground-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-dropdown__trigger[aria-expanded=true] .pds-dropdown__trigger-icon{transform:rotate(180deg)}.pds-dropdown__panel{background-color:var(--pds-color-dropdown-background);box-shadow:var(--pds-elevation-overlay);flex-direction:column;gap:var(--pds-spacing-4xs);margin:0;min-width:10rem;overflow-y:auto;padding-inline:var(--pds-spacing-2xs);z-index:var(--pds-z-index-dropdown)}.pds-dropdown__item,.pds-dropdown__panel{border-radius:var(--pds-border-radius-container);display:flex;list-style:none;outline:none;padding-block:var(--pds-spacing-2xs)}.pds-dropdown__item{align-items:center;color:var(--pds-color-dropdown-foreground);cursor:pointer;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-s);justify-content:space-between;min-height:var(--pds-spacing-2xl);padding-inline:var(--pds-spacing-xs)}.pds-dropdown__item:focus-visible:not(:hover){outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}.pds-dropdown__item--focused,.pds-dropdown__item:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-dropdown__item:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-dropdown__selected-icon{align-self:center;color:var(--pds-color-foreground-default);display:flex;flex-shrink:0;height:.875em;width:.875em}.pds-dropdown__item--critical{color:var(--pds-color-status-critical-foreground)}.pds-dropdown__item--critical.pds-dropdown__item--focused,.pds-dropdown__item--critical:hover{background-color:var(--pds-color-status-critical-background)}.pds-dropdown__item--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.pds-dropdown__item-content{align-items:center;display:flex;gap:var(--pds-spacing-2xs)}.pds-dropdown__item-icon{display:flex;flex-shrink:0}.pds-dropdown__item-label{display:flex;flex-direction:column}.pds-dropdown__item-description{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-xs);line-height:var(--pds-typography-lh-s);margin-block-start:var(--pds-spacing-4xs)}.pds-dropdown__item-trailing{display:flex;flex-shrink:0}.pds-dropdown__action-item .pds-dropdown__item-label a{color:inherit;text-decoration:none}.pds-dropdown__action-item{padding-block:var(--pds-spacing-4xs)}.pds-dropdown__action-item-trigger{display:flex;flex-shrink:0;opacity:0;pointer-events:none;transition:opacity .15s ease}.pds-dropdown__action-item:focus-within .pds-dropdown__action-item-trigger,.pds-dropdown__action-item:has(.pds-menu-button--expanded)
|
|
2
|
+
.pds-dropdown__action-item-trigger,.pds-dropdown__action-item:hover .pds-dropdown__action-item-trigger{opacity:1;pointer-events:auto}.pds-dropdown__checkbox-box{align-items:center;background-color:transparent;border:var(--pds-border-width-default) solid var(--pds-color-foreground-default);border-radius:var(--pds-border-radius-default);color:var(--pds-color-input-selected-foreground);display:flex;flex-shrink:0;height:1rem;justify-content:center;padding:.0625rem;transition:var(--pds-animation-transition-default);width:1rem}.pds-dropdown__checkbox-box--checked,.pds-dropdown__checkbox-box--indeterminate{background-color:var(--pds-color-input-selected-background);border-color:var(--pds-color-input-selected-background)}.pds-dropdown__checkbox-icon{height:100%;width:100%}.pds-dropdown__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);list-style:none;padding:var(--pds-spacing-xs) var(--pds-spacing-xs) var(--pds-spacing-3xs)}.pds-dropdown__separator{border-block-end:var(--pds-border-width-default) solid var(--pds-color-dropdown-separator);list-style:none;margin-block-end:2px;margin-inline:calc(var(--pds-spacing-2xs)*-1);padding-block:2px}.pds-dropdown__filter{list-style:none;margin-block-start:calc(var(--pds-spacing-2xs)*-1);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:0}.pds-dropdown__filter-wrapper{align-items:center;display:flex;position:relative}.pds-dropdown__filter-icon{block-size:.875rem;color:var(--pds-color-foreground-default-secondary);inline-size:.875rem;left:var(--pds-spacing-s);pointer-events:none;position:absolute}.pds-dropdown__filter-wrapper:has(.pds-dropdown__filter-icon)
|
|
2
3
|
.pds-dropdown__filter-input{padding-inline-start:calc(var(--pds-spacing-s) + var(--pds-spacing-xl))}.pds-dropdown__filter-input{background-color:transparent;border:none;border-block-end:var(--pds-border-width-default) solid var(--pds-color-dropdown-separator);border-radius:0;box-sizing:border-box;color:var(--pds-color-foreground-default);font-family:inherit;font-size:var(--pds-typography-size-s);padding:var(--pds-spacing-s);width:100%}.pds-dropdown__filter-input::placeholder{color:var(--pds-color-input-placeholder);font-size:var(--pds-typography-size-s)}.pds-dropdown__filter-input:focus-visible{border-radius:var(--pds-border-radius-container) var(--pds-border-radius-container) 0 0;outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-3px}.pds-dropdown__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)}.pds-dropdown__footer{background-color:var(--pds-color-dropdown-background);border-block-start:var(--pds-border-width-default) solid var(--pds-color-dropdown-separator);bottom:calc(var(--pds-spacing-2xs)*-1);list-style:none;margin-block-end:calc(var(--pds-spacing-2xs)*-1);margin-block-start:var(--pds-spacing-3xs);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-s);position:sticky}.pds-dropdown__footer a,.pds-dropdown__footer button{align-items:center;background:none;border:none;color:var(--pds-color-interactive-link-default);cursor:pointer;display:flex;font:inherit;gap:var(--pds-spacing-3xs);padding:0;text-decoration:none;width:100%}.pds-dropdown__footer a:hover,.pds-dropdown__footer button:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-dropdown__footer a:focus-visible,.pds-dropdown__footer button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px}}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-avatar{--avatar-size:1.5rem;--avatar-icon-size:0.875rem;align-items:center;display:inline-flex;justify-content:center;vertical-align:top}.pds-avatar,.pds-avatar__content{border-radius:100%;height:var(--avatar-size);width:var(--avatar-size)}.pds-avatar__content{display:flex}.pds-avatar__content--link:hover{cursor:pointer;opacity:.8}.pds-avatar__content--link:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-avatar--image .pds-avatar__image{border-radius:100%;height:100%;object-fit:cover;width:100%}.pds-avatar__user-icon{color:#fff;height:var(--avatar-icon-size);scale:.92;width:var(--avatar-icon-size)}.pds-avatar--square,.pds-avatar--square .pds-avatar__content,.pds-avatar--square .pds-avatar__image{border-radius:var(--pds-border-radius-default)}.pds-avatar--xs{--avatar-size:1rem;--avatar-icon-size:0.5625rem}.pds-avatar--m{--avatar-size:2rem;--avatar-icon-size:1.125rem}.pds-avatar--l{--avatar-size:2.5rem;--avatar-icon-size:1.375rem}.pds-branch-diff{height:var(--pds-spacing-2xl)}.pds-branch-diff .pds-tooltip,.pds-branch-diff .pds-tooltip__trigger-custom{width:100%}.pds-branch-diff__content{display:flex;height:var(--pds-spacing-2xl)}.pds-branch-diff__segment{position:relative;width:50%}.pds-branch-diff__segment--behind{text-align:right}.pds-branch-diff__segment--ahead{border-inline-start:var(--pds-border-width-default) solid var(--pds-color-status-neutral-indicator);text-align:left}.pds-branch-diff__number{display:block;font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);height:var(--pds-spacing-m);line-height:var(--pds-typography-lh-s);padding-block:.0625rem;padding-inline:var(--pds-spacing-3xs);position:relative}.pds-branch-diff__line{height:var(--pds-spacing-xs);margin-block-start:var(--pds-spacing-4xs);min-width:.0625rem;position:absolute;transition:width var(--pds-animation-duration-reveal) var(--pds-animation-timing-function-default);width:41.95%}.pds-branch-diff__line--behind{background-color:var(--pds-color-status-neutral-background);border-bottom-left-radius:var(--pds-border-radius-bar);border-top-left-radius:var(--pds-border-radius-bar);right:0}.pds-branch-diff__line--ahead{background-color:var(--pds-color-status-neutral-indicator);border-bottom-right-radius:var(--pds-border-radius-bar);border-top-right-radius:var(--pds-border-radius-bar);left:0}.pds-branch-diff--loading .pds-branch-diff__segment--ahead{border-color:var(--pds-color-status-neutral-background)}.pds-branch-diff--loading .pds-branch-diff__line{background-color:var(--pulse-regular-base-color)}.pds-callout{--callout--border-color:var(--callout--color);--callout--color:var(--pds-color-foreground-default-secondary);border:var(--pds-border-width-default) solid var(--callout--border-color);border-radius:var(--pds-border-radius-container);font-family:var(--pds-typography-ff-default);padding:var(--pds-spacing-m);position:relative}.pds-callout,.pds-callout__inner{display:flex;gap:var(--pds-spacing-m)}.pds-callout__inner{width:100%}.pds-callout__icon{color:var(--callout--color)}.pds-callout__text{width:100%}.pds-callout__main-content>:last-child{margin-block-end:0}.pds-callout__heading{display:block;font-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-bold);letter-spacing:normal;line-height:var(--pds-typography-lh-s);margin-block-end:var(--pds-spacing-m);margin-block-start:0}.pds-callout--info{--callout--border-color:var(--pds-color-status-info-border);--callout--color:var(--pds-color-status-info-fill)}.pds-callout--earlyAccess,.pds-callout--success{--callout--border-color:var(--pds-color-status-success-border);--callout--color:var(--pds-color-status-success-fill)}.pds-callout--warning{--callout--border-color:var(--pds-color-status-warning-border);--callout--color:var(--pds-color-status-warning-fill)}.pds-callout--critical{--callout--border-color:var(--pds-color-status-critical-border);--callout--color:var(--pds-color-status-critical-fill)}.pds-callout--discovery{--callout--border-color:var(--pds-color-status-discovery-border);--callout--color:var(--pds-color-status-discovery-fill)}.pds-callout--code{--callout--color:var(--pds-color-status-neutral-indicator)}.term-fg30{color:#c3c5c9}.term-fg31{color:#f8495d}.term-fg32{color:#a0f76e}.term-fg33{color:#c6c502}.term-fg34{color:#78d1fa}.term-fg35{color:#ff61ca}.term-fg36{color:#78d1fa}.term-fgi1{color:#5ef765}.term-fgi90{color:#838887}.term-fgi91{color:#f33}.term-fgi92{color:#0f0}.term-fgi93{color:#fffc67}.term-fgi94{color:#6871ff}.term-fgi95{color:#ff76ff}.term-fgi96{color:#60fcff}.pds-code-block{--code-block-padding:var(--pds-spacing-l);--code-block-background:var(--pds-color-code-block-background);--code-block-foreground:var(--pds-color-code-block-foreground);--code-block-line-prefix:var(--pds-color-code-block-line-prefix);--code-block-focus-color:var(--pds-color-code-block-focus);--pulse-regular-base-color:#c3c5c9;--pulse-bold-base-color:#6a6e7a;display:flex;font-family:var(--pds-typography-font-code);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-l);position:relative}.pds-code-block,div.pds-code-block__code,pre.pds-code-block__code{background-color:var(--code-block-background);border-radius:var(--pds-border-radius-container)}div.pds-code-block__code,pre.pds-code-block__code{flex-grow:1;margin:0;overflow:auto;padding:var(--pds-spacing-l) var(--pds-spacing-xl)}div.pds-code-block__code:focus-visible,pre.pds-code-block__code:focus-visible{outline:var(--pds-border-width-default) solid var(--code-block-focus-color)}div.pds-code-block__code .pds-code-block__content,div.pds-code-block__code .pds-code-block__line-content,div.pds-code-block__code .token.plain,pre.pds-code-block__code .pds-code-block__content,pre.pds-code-block__code .pds-code-block__line-content,pre.pds-code-block__code .token.plain{color:var(--code-block-foreground)}div.pds-code-block__code{padding-block:var(--pds-spacing-xl)}.pds-code-block__line{column-gap:var(--pds-spacing-s);display:table-row}.pds-code-block__line-wrapped{overflow-x:hidden;text-wrap:wrap}.pds-code-block__number,.pds-code-block__prompt{color:var(--code-block-line-prefix);display:table-cell;padding-inline-end:var(--pds-spacing-m);text-align:right}.pds-code-block__copy{padding:var(--pds-spacing-s) var(--pds-spacing-s)}button.pds-clipboard-button{background-color:var(--code-block-background);color:var(--code-block-foreground)}[data-theme=dark] .pds-code-block button.pds-clipboard-button:hover{background-color:hsla(0,0%,100%,.12);color:var(--code-block-foreground)}.pds-comparison-list{--list-col-gap:var(--pds-spacing-xs);--list-font-size:var(--pds-typography-size-s);--list-icon-size:1.125em;--list-icon-col-width:var(--list-icon-size);--list-line-height:var(--pds-typography-lh-s);--list-padding-block-end:var(--pds-spacing-xs);--list-row-gap:var(--pds-spacing-s);color:var(--pds-color-foreground-default);font-family:var(--pds-typography-ff-default)}.pds-comparison-list--m{--list-col-gap:var(--pds-spacing-s);--list-font-size:var(--pds-typography-size-m);--list-line-height:var(--pds-typography-lh-m);--list-padding-block-end:var(--pds-spacing-s);--list-row-gap:var(--pds-spacing-m)}.pds-comparison-list__intro{font-size:var(--list-font-size);font-weight:var(--pds-typography-fw-bold);margin-block-end:var(--pds-spacing-xl)}.pds-comparison-list__list{all:unset;display:flex;flex-direction:column;list-style-type:none;row-gap:var(--list-row-gap)}.pds-comparison-list__list-item{align-items:start;border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);column-gap:var(--list-col-gap);display:grid;font-family:var(--pds-typography-ff-default);font-size:var(--list-font-size);grid-template-columns:var(--list-icon-col-width) auto;line-height:var(--list-line-height);padding-block-end:var(--list-padding-block-end)}.pds-comparison-list__list-item--notIncluded{color:var(--pds-color-foreground-default-secondary)}.pds-comparison-list__item-icon-wrapper{align-items:center;block-size:1lh;display:flex;justify-content:center}.pds-comparison-list__item-icon-wrapper .pds-comparison-list__item-icon{block-size:var(--list-icon-size);inline-size:var(--list-icon-size)}.pds-comparison-list__more-link{font-size:var(--list-font-size);margin-block-start:var(--pds-spacing-l)}.pds-comparison-list--no-border .pds-comparison-list__list-item{border-bottom:none}.pds-dropdown{position:relative}.pds-dropdown--inline{display:inline-block}.pds-dropdown__trigger{align-items:center;background:transparent;border:none;border-radius:var(--pds-border-radius-container);color:inherit;cursor:pointer;display:inline-flex;font-family:inherit;gap:var(--pds-spacing-3xs);padding:var(--pds-spacing-3xs) var(--pds-spacing-2xs);transition:background-color .15s ease}.pds-dropdown__trigger:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-dropdown__trigger:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-dropdown__trigger-icon{color:var(--pds-color-foreground-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-dropdown__trigger[aria-expanded=true] .pds-dropdown__trigger-icon{transform:rotate(180deg)}.pds-dropdown__panel{background-color:var(--pds-color-dropdown-background);box-shadow:var(--pds-elevation-overlay);flex-direction:column;gap:var(--pds-spacing-4xs);margin:0;min-width:10rem;overflow-y:auto;padding-inline:var(--pds-spacing-2xs);z-index:var(--pds-z-index-dropdown)}.pds-dropdown__item,.pds-dropdown__panel{border-radius:var(--pds-border-radius-container);display:flex;list-style:none;outline:none;padding-block:var(--pds-spacing-2xs)}.pds-dropdown__item{align-items:center;color:var(--pds-color-dropdown-foreground);cursor:pointer;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-s);justify-content:space-between;min-height:var(--pds-spacing-2xl);padding-inline:var(--pds-spacing-xs)}.pds-dropdown__item:focus-visible:not(:hover){outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}.pds-dropdown__item--focused,.pds-dropdown__item:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-dropdown__item:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-dropdown__selected-icon{align-self:center;color:var(--pds-color-foreground-default);display:flex;flex-shrink:0;height:.875em;width:.875em}.pds-dropdown__item--critical{color:var(--pds-color-status-critical-foreground)}.pds-dropdown__item--critical.pds-dropdown__item--focused,.pds-dropdown__item--critical:hover{background-color:var(--pds-color-status-critical-background)}.pds-dropdown__item--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.pds-dropdown__item-content{align-items:center;display:flex;gap:var(--pds-spacing-2xs)}.pds-dropdown__item-icon{display:flex;flex-shrink:0}.pds-dropdown__item-label{display:flex;flex-direction:column}.pds-dropdown__item-description{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-xs);line-height:var(--pds-typography-lh-s);margin-block-start:var(--pds-spacing-4xs)}.pds-dropdown__item-trailing{display:flex;flex-shrink:0}.pds-dropdown__checkbox-box{align-items:center;background-color:transparent;border:var(--pds-border-width-default) solid var(--pds-color-foreground-default);border-radius:var(--pds-border-radius-default);color:var(--pds-color-input-selected-foreground);display:flex;flex-shrink:0;height:1rem;justify-content:center;padding:.0625rem;transition:var(--pds-animation-transition-default);width:1rem}.pds-dropdown__checkbox-box--checked,.pds-dropdown__checkbox-box--indeterminate{background-color:var(--pds-color-input-selected-background);border-color:var(--pds-color-input-selected-background)}.pds-dropdown__checkbox-icon{height:100%;width:100%}.pds-dropdown__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);list-style:none;padding:var(--pds-spacing-xs) var(--pds-spacing-xs) var(--pds-spacing-3xs)}.pds-dropdown__separator{border-block-end:var(--pds-border-width-default) solid var(--pds-color-dropdown-separator);list-style:none;margin-block-end:2px;margin-inline:calc(var(--pds-spacing-2xs)*-1);padding-block:2px}.pds-dropdown__filter{list-style:none;margin-block-start:calc(var(--pds-spacing-2xs)*-1);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:0}.pds-dropdown__filter-wrapper{align-items:center;display:flex;position:relative}.pds-dropdown__filter-icon{block-size:.875rem;color:var(--pds-color-foreground-default-secondary);inline-size:.875rem;left:var(--pds-spacing-s);pointer-events:none;position:absolute}.pds-dropdown__filter-wrapper:has(.pds-dropdown__filter-icon)
|
|
2
|
-
.pds-dropdown__filter-input{padding-inline-start:calc(var(--pds-spacing-s) + var(--pds-spacing-xl))}.pds-dropdown__filter-input{background-color:transparent;border:none;border-block-end:var(--pds-border-width-default) solid var(--pds-color-dropdown-separator);border-radius:0;box-sizing:border-box;color:var(--pds-color-foreground-default);font-family:inherit;font-size:var(--pds-typography-size-s);padding:var(--pds-spacing-s);width:100%}.pds-dropdown__filter-input::placeholder{color:var(--pds-color-input-placeholder);font-size:var(--pds-typography-size-s)}.pds-dropdown__filter-input:focus-visible{border-radius:var(--pds-border-radius-container) var(--pds-border-radius-container) 0 0;outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-3px}.pds-dropdown__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)}.pds-dropdown__footer{background-color:var(--pds-color-dropdown-background);border-block-start:var(--pds-border-width-default) solid var(--pds-color-dropdown-separator);bottom:calc(var(--pds-spacing-2xs)*-1);list-style:none;margin-block-end:calc(var(--pds-spacing-2xs)*-1);margin-block-start:var(--pds-spacing-3xs);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-s);position:sticky}.pds-dropdown__footer a,.pds-dropdown__footer button{align-items:center;background:none;border:none;color:var(--pds-color-interactive-link-default);cursor:pointer;display:flex;font:inherit;gap:var(--pds-spacing-3xs);padding:0;text-decoration:none;width:100%}.pds-dropdown__footer a:hover,.pds-dropdown__footer button:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-dropdown__footer a:focus-visible,.pds-dropdown__footer button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-file-diff{align-items:center;display:flex;gap:var(--pds-spacing-4xs);height:1.0625rem;max-width:100%;width:100%}.pds-file-diff .pds-file-diff__total-changes{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-xs)}.pds-file-diff .pds-file-diff__bars{align-items:center;display:flex;gap:var(--pds-spacing-5xs);width:100%}.pds-file-diff .pds-file-diff__behind{position:relative}.pds-file-diff .pds-file-diff__behind .pds-file-diff__behind-bar{background-color:var(--pds-color-status-critical-fill);border-bottom-left-radius:var(--pds-border-radius-bar);border-top-left-radius:var(--pds-border-radius-bar);height:var(--pds-spacing-xs);right:0;transition:width var(--pds-animation-duration-reveal) var(--pds-animation-timing-function-default);width:100%}.pds-file-diff .pds-file-diff__ahead{position:relative}.pds-file-diff .pds-file-diff__ahead .pds-file-diff__ahead-bar{background-color:var(--pds-color-status-success-fill);border-bottom-right-radius:var(--pds-border-radius-bar);border-top-right-radius:var(--pds-border-radius-bar);height:var(--pds-spacing-xs);left:0;transition:width var(--pds-animation-duration-reveal) var(--pds-animation-timing-function-default);width:100%}.pds-file-diff .pds-file-diff__tooltip{display:block;padding-inline:0}.pds-identity-block{align-items:center;display:flex;gap:var(--pds-spacing-s);min-width:0;overflow:hidden}.pds-identity-block__avatar{flex-shrink:0}.pds-identity-block__text{display:flex;flex-direction:column;gap:var(--pds-spacing-5xs);min-width:0;opacity:1;transition:opacity .1s ease-in-out;will-change:opacity}.pds-identity-block__primary-text{color:var(--pds-color-foreground-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-semibold)}.pds-identity-block__primary-text,.pds-identity-block__secondary-text{font-family:var(--pds-typography-ff-default);line-height:var(--pds-typography-lh-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-identity-block__secondary-text{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-xs)}.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)}.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:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-popover);max-width:20rem;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__content,.pds-popover__content *{font-size:var(--pds-typography-size-s)!important;line-height:var(--pds-typography-lh-m)!important;overflow-wrap:break-word}.pds-popover__content :is(h1,h2,h3,h4,h5,h6){font-family:var(--pds-typography-ff-default)!important;font-weight:var(--pds-typography-fw-regular)!important}.pds-popover__content .pds-icon-button,.pds-popover__content img{display:none}.pds-popover__content .pds-button{--button-height:var(--pds-spacing-button-height-s);--button-padding-inline:var(--pds-spacing-button-padding-inline-s);--button-gap-inline:var(--pds-spacing-button-gap-inline-s)}.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)}.pds-result-count{--bg-color:var(--pds-color-surface-default);--border-color:var(--pds-color-border-default);--fg-color:var(--pds-color-foreground-default);align-items:center;background-color:var(--bg-color);border:var(--pds-border-width-default) solid var(--border-color);border-radius:var(--pds-border-radius-container);color:var(--fg-color);display:inline-flex;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-variant-numeric:tabular-nums;font-weight:var(--pds-typography-fw-regular);height:var(--pds-spacing-button-height-s);padding-inline:var(--pds-spacing-xs);white-space:nowrap}.pds-result-count__number{font-weight:var(--pds-typography-fw-semibold)}.pds-site-footer{padding-block:var(--pds-spacing-xl)}.pds-site-footer--border{border-top:var(--pds-border-width-default) solid var(--pds-color-border-default)}.pds-site-footer__content{border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);margin-block-end:var(--pds-spacing-2xl);padding-block-end:var(--pds-spacing-2xl)}.pds-site-footer--on-secondary .pds-site-footer__content{border-bottom-color:var(--pds-color-border-default-secondary)}.pds-site-footer__legal{column-gap:var(--pds-spacing-xl);display:flex;flex-direction:row;flex-wrap:wrap;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-regular);row-gap:var(--pds-spacing-m)}.pds-site-footer__legal a{color:var(--pds-color-foreground-default);text-decoration:none}.pds-site-footer__legal a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-site-footer__legal a:focus-visible{border-radius:var(--pds-border-width-default);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:calc(var(--pds-border-width-default)*2)}.pds-site-search{--site-search-height:var(--pds-spacing-input-height-s);height:var(--site-search-height);width:320px}@media (min-width:1280px){.pds-site-search{width:340px}}@media (min-width:1440px){.pds-site-search{width:380px}}.pds-site-search__combobox{width:100%}.pds-site-search__inner{height:100%}[data-pds-mobile] .pds-site-search{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);height:auto;left:50%;margin-inline-start:-50vw;min-height:var(--pds-spacing-4xl);position:relative;width:100vw}[data-pds-mobile] .pds-site-search__inner{padding-block:var(--pds-spacing-s)}[data-pds-mobile] .pds-site-search__combobox{margin-inline:auto;width:calc(100% - var(--pds-spacing-l)*2)}.pds-sortable-list{--indent-size:var(--pds-spacing-xl);--row-padding:var(--pds-spacing-s);--row-gap:var(--pds-spacing-m);--chevron-width:1rem;--content-offset-left:calc(var(--row-padding) + var(--chevron-width) + var(--row-gap));--header-height:2rem;--row-min-height:2.5rem;display:flex;flex-direction:column;gap:var(--pds-spacing-xs)}.pds-sortable-list--overlay{gap:0}.pds-sortable-list--overlay .pds-sortable-row,.pds-sortable-list--overlay .pds-sortable-row:hover{border-color:var(--pds-color-sortable-border-hover);box-shadow:var(--pds-elevation-raised)}.pds-sortable-row{align-items:flex-start;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-container);display:flex;gap:var(--row-gap);min-height:var(--row-min-height);padding:var(--row-padding)}.pds-sortable-row:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;position:relative;z-index:2}.pds-sortable-row[data-depth="1"]{margin-inline-start:calc(var(--indent-size)*1)}.pds-sortable-row[data-depth="2"]{margin-inline-start:calc(var(--indent-size)*2)}.pds-sortable-row[data-depth="3"]{margin-inline-start:calc(var(--indent-size)*3)}.pds-sortable-row[data-depth="4"]{margin-inline-start:calc(var(--indent-size)*4)}.pds-sortable-row[data-depth="5"]{margin-inline-start:calc(var(--indent-size)*5)}.pds-sortable-row--locked{cursor:default}.pds-sortable-list--reorder-active .pds-sortable-row--locked{background-color:var(--pds-color-expansion-panel-hover);border-color:var(--pds-color-border-input);cursor:not-allowed;opacity:.5}[data-theme=dark]
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-avatar{--avatar-size:1.5rem;--avatar-icon-size:0.875rem;align-items:center;display:inline-flex;justify-content:center;vertical-align:top}.pds-avatar,.pds-avatar__content{border-radius:100%;height:var(--avatar-size);width:var(--avatar-size)}.pds-avatar__content{display:flex}.pds-avatar__content--link:hover{cursor:pointer;opacity:.8}.pds-avatar__content--link:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-avatar--image .pds-avatar__image{border-radius:100%;height:100%;object-fit:cover;width:100%}.pds-avatar__user-icon{color:#fff;height:var(--avatar-icon-size);scale:.92;width:var(--avatar-icon-size)}.pds-avatar--square,.pds-avatar--square .pds-avatar__content,.pds-avatar--square .pds-avatar__image{border-radius:var(--pds-border-radius-default)}.pds-avatar--xs{--avatar-size:1rem;--avatar-icon-size:0.5625rem}.pds-avatar--m{--avatar-size:2rem;--avatar-icon-size:1.125rem}.pds-avatar--l{--avatar-size:2.5rem;--avatar-icon-size:1.375rem}.pds-branch-diff{height:var(--pds-spacing-2xl)}.pds-branch-diff .pds-tooltip,.pds-branch-diff .pds-tooltip__trigger-custom{width:100%}.pds-branch-diff__content{display:flex;height:var(--pds-spacing-2xl)}.pds-branch-diff__segment{position:relative;width:50%}.pds-branch-diff__segment--behind{text-align:right}.pds-branch-diff__segment--ahead{border-inline-start:var(--pds-border-width-default) solid var(--pds-color-status-neutral-indicator);text-align:left}.pds-branch-diff__number{display:block;font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);height:var(--pds-spacing-m);line-height:var(--pds-typography-lh-s);padding-block:.0625rem;padding-inline:var(--pds-spacing-3xs);position:relative}.pds-branch-diff__line{height:var(--pds-spacing-xs);margin-block-start:var(--pds-spacing-4xs);min-width:.0625rem;position:absolute;transition:width var(--pds-animation-duration-reveal) var(--pds-animation-timing-function-default);width:41.95%}.pds-branch-diff__line--behind{background-color:var(--pds-color-status-neutral-background);border-bottom-left-radius:var(--pds-border-radius-bar);border-top-left-radius:var(--pds-border-radius-bar);right:0}.pds-branch-diff__line--ahead{background-color:var(--pds-color-status-neutral-indicator);border-bottom-right-radius:var(--pds-border-radius-bar);border-top-right-radius:var(--pds-border-radius-bar);left:0}.pds-branch-diff--loading .pds-branch-diff__segment--ahead{border-color:var(--pds-color-status-neutral-background)}.pds-branch-diff--loading .pds-branch-diff__line{background-color:var(--pulse-regular-base-color)}.pds-callout{--callout--border-color:var(--callout--color);--callout--color:var(--pds-color-foreground-default-secondary);border:var(--pds-border-width-default) solid var(--callout--border-color);border-radius:var(--pds-border-radius-container);font-family:var(--pds-typography-ff-default);padding:var(--pds-spacing-m);position:relative}.pds-callout,.pds-callout__inner{display:flex;gap:var(--pds-spacing-m)}.pds-callout__inner{width:100%}.pds-callout__icon{color:var(--callout--color)}.pds-callout__text{width:100%}.pds-callout__main-content>:last-child{margin-block-end:0}.pds-callout__heading{display:block;font-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-bold);letter-spacing:normal;line-height:var(--pds-typography-lh-s);margin-block-end:var(--pds-spacing-m);margin-block-start:0}.pds-callout--info{--callout--border-color:var(--pds-color-status-info-border);--callout--color:var(--pds-color-status-info-fill)}.pds-callout--earlyAccess,.pds-callout--success{--callout--border-color:var(--pds-color-status-success-border);--callout--color:var(--pds-color-status-success-fill)}.pds-callout--warning{--callout--border-color:var(--pds-color-status-warning-border);--callout--color:var(--pds-color-status-warning-fill)}.pds-callout--critical{--callout--border-color:var(--pds-color-status-critical-border);--callout--color:var(--pds-color-status-critical-fill)}.pds-callout--discovery{--callout--border-color:var(--pds-color-status-discovery-border);--callout--color:var(--pds-color-status-discovery-fill)}.pds-callout--code{--callout--color:var(--pds-color-status-neutral-indicator)}.term-fg30{color:#c3c5c9}.term-fg31{color:#f8495d}.term-fg32{color:#a0f76e}.term-fg33{color:#c6c502}.term-fg34{color:#78d1fa}.term-fg35{color:#ff61ca}.term-fg36{color:#78d1fa}.term-fgi1{color:#5ef765}.term-fgi90{color:#838887}.term-fgi91{color:#f33}.term-fgi92{color:#0f0}.term-fgi93{color:#fffc67}.term-fgi94{color:#6871ff}.term-fgi95{color:#ff76ff}.term-fgi96{color:#60fcff}.pds-code-block{--code-block-padding:var(--pds-spacing-l);--code-block-background:var(--pds-color-code-block-background);--code-block-foreground:var(--pds-color-code-block-foreground);--code-block-line-prefix:var(--pds-color-code-block-line-prefix);--code-block-focus-color:var(--pds-color-code-block-focus);--pulse-regular-base-color:#c3c5c9;--pulse-bold-base-color:#6a6e7a;display:flex;font-family:var(--pds-typography-font-code);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-l);position:relative}.pds-code-block,div.pds-code-block__code,pre.pds-code-block__code{background-color:var(--code-block-background);border-radius:var(--pds-border-radius-container)}div.pds-code-block__code,pre.pds-code-block__code{flex-grow:1;margin:0;overflow:auto;padding:var(--pds-spacing-l) var(--pds-spacing-xl)}div.pds-code-block__code:focus-visible,pre.pds-code-block__code:focus-visible{outline:var(--pds-border-width-default) solid var(--code-block-focus-color)}div.pds-code-block__code .pds-code-block__content,div.pds-code-block__code .pds-code-block__line-content,div.pds-code-block__code .token.plain,pre.pds-code-block__code .pds-code-block__content,pre.pds-code-block__code .pds-code-block__line-content,pre.pds-code-block__code .token.plain{color:var(--code-block-foreground)}div.pds-code-block__code{padding-block:var(--pds-spacing-xl)}.pds-code-block__line{column-gap:var(--pds-spacing-s);display:table-row}.pds-code-block__line-wrapped{overflow-x:hidden;text-wrap:wrap}.pds-code-block__number,.pds-code-block__prompt{color:var(--code-block-line-prefix);display:table-cell;padding-inline-end:var(--pds-spacing-m);text-align:right}.pds-code-block__copy{padding:var(--pds-spacing-s) var(--pds-spacing-s)}button.pds-clipboard-button{background-color:var(--code-block-background);color:var(--code-block-foreground)}[data-theme=dark] .pds-code-block button.pds-clipboard-button:hover{background-color:hsla(0,0%,100%,.12);color:var(--code-block-foreground)}.pds-comparison-list{--list-col-gap:var(--pds-spacing-xs);--list-font-size:var(--pds-typography-size-s);--list-icon-size:1.125em;--list-icon-col-width:var(--list-icon-size);--list-line-height:var(--pds-typography-lh-s);--list-padding-block-end:var(--pds-spacing-xs);--list-row-gap:var(--pds-spacing-s);color:var(--pds-color-foreground-default);font-family:var(--pds-typography-ff-default)}.pds-comparison-list--m{--list-col-gap:var(--pds-spacing-s);--list-font-size:var(--pds-typography-size-m);--list-line-height:var(--pds-typography-lh-m);--list-padding-block-end:var(--pds-spacing-s);--list-row-gap:var(--pds-spacing-m)}.pds-comparison-list__intro{font-size:var(--list-font-size);font-weight:var(--pds-typography-fw-bold);margin-block-end:var(--pds-spacing-xl)}.pds-comparison-list__list{all:unset;display:flex;flex-direction:column;list-style-type:none;row-gap:var(--list-row-gap)}.pds-comparison-list__list-item{align-items:start;border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);column-gap:var(--list-col-gap);display:grid;font-family:var(--pds-typography-ff-default);font-size:var(--list-font-size);grid-template-columns:var(--list-icon-col-width) auto;line-height:var(--list-line-height);padding-block-end:var(--list-padding-block-end)}.pds-comparison-list__list-item--notIncluded{color:var(--pds-color-foreground-default-secondary)}.pds-comparison-list__item-icon-wrapper{align-items:center;block-size:1lh;display:flex;justify-content:center}.pds-comparison-list__item-icon-wrapper .pds-comparison-list__item-icon{block-size:var(--list-icon-size);inline-size:var(--list-icon-size)}.pds-comparison-list__more-link{font-size:var(--list-font-size);margin-block-start:var(--pds-spacing-l)}.pds-comparison-list--no-border .pds-comparison-list__list-item{border-bottom:none}.pds-dropdown{position:relative}.pds-dropdown--inline{display:inline-block}.pds-dropdown__trigger{align-items:center;background:transparent;border:none;border-radius:var(--pds-border-radius-container);color:inherit;cursor:pointer;display:inline-flex;font-family:inherit;gap:var(--pds-spacing-3xs);padding:var(--pds-spacing-3xs) var(--pds-spacing-2xs);transition:background-color .15s ease}.pds-dropdown__trigger:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-dropdown__trigger:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-dropdown__trigger-icon{color:var(--pds-color-foreground-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-dropdown__trigger[aria-expanded=true] .pds-dropdown__trigger-icon{transform:rotate(180deg)}.pds-dropdown__panel{background-color:var(--pds-color-dropdown-background);box-shadow:var(--pds-elevation-overlay);flex-direction:column;gap:var(--pds-spacing-4xs);margin:0;min-width:10rem;overflow-y:auto;padding-inline:var(--pds-spacing-2xs);z-index:var(--pds-z-index-dropdown)}.pds-dropdown__item,.pds-dropdown__panel{border-radius:var(--pds-border-radius-container);display:flex;list-style:none;outline:none;padding-block:var(--pds-spacing-2xs)}.pds-dropdown__item{align-items:center;color:var(--pds-color-dropdown-foreground);cursor:pointer;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-s);justify-content:space-between;min-height:var(--pds-spacing-2xl);padding-inline:var(--pds-spacing-xs)}.pds-dropdown__item:focus-visible:not(:hover){outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}.pds-dropdown__item--focused,.pds-dropdown__item:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-dropdown__item:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-dropdown__selected-icon{align-self:center;color:var(--pds-color-foreground-default);display:flex;flex-shrink:0;height:.875em;width:.875em}.pds-dropdown__item--critical{color:var(--pds-color-status-critical-foreground)}.pds-dropdown__item--critical.pds-dropdown__item--focused,.pds-dropdown__item--critical:hover{background-color:var(--pds-color-status-critical-background)}.pds-dropdown__item--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.pds-dropdown__item-content{align-items:center;display:flex;gap:var(--pds-spacing-2xs)}.pds-dropdown__item-icon{display:flex;flex-shrink:0}.pds-dropdown__item-label{display:flex;flex-direction:column}.pds-dropdown__item-description{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-xs);line-height:var(--pds-typography-lh-s);margin-block-start:var(--pds-spacing-4xs)}.pds-dropdown__item-trailing{display:flex;flex-shrink:0}.pds-dropdown__action-item .pds-dropdown__item-label a{color:inherit;text-decoration:none}.pds-dropdown__action-item{padding-block:var(--pds-spacing-4xs)}.pds-dropdown__action-item-trigger{display:flex;flex-shrink:0;opacity:0;pointer-events:none;transition:opacity .15s ease}.pds-dropdown__action-item:focus-within .pds-dropdown__action-item-trigger,.pds-dropdown__action-item:has(.pds-menu-button--expanded)
|
|
2
|
+
.pds-dropdown__action-item-trigger,.pds-dropdown__action-item:hover .pds-dropdown__action-item-trigger{opacity:1;pointer-events:auto}.pds-dropdown__checkbox-box{align-items:center;background-color:transparent;border:var(--pds-border-width-default) solid var(--pds-color-foreground-default);border-radius:var(--pds-border-radius-default);color:var(--pds-color-input-selected-foreground);display:flex;flex-shrink:0;height:1rem;justify-content:center;padding:.0625rem;transition:var(--pds-animation-transition-default);width:1rem}.pds-dropdown__checkbox-box--checked,.pds-dropdown__checkbox-box--indeterminate{background-color:var(--pds-color-input-selected-background);border-color:var(--pds-color-input-selected-background)}.pds-dropdown__checkbox-icon{height:100%;width:100%}.pds-dropdown__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);list-style:none;padding:var(--pds-spacing-xs) var(--pds-spacing-xs) var(--pds-spacing-3xs)}.pds-dropdown__separator{border-block-end:var(--pds-border-width-default) solid var(--pds-color-dropdown-separator);list-style:none;margin-block-end:2px;margin-inline:calc(var(--pds-spacing-2xs)*-1);padding-block:2px}.pds-dropdown__filter{list-style:none;margin-block-start:calc(var(--pds-spacing-2xs)*-1);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:0}.pds-dropdown__filter-wrapper{align-items:center;display:flex;position:relative}.pds-dropdown__filter-icon{block-size:.875rem;color:var(--pds-color-foreground-default-secondary);inline-size:.875rem;left:var(--pds-spacing-s);pointer-events:none;position:absolute}.pds-dropdown__filter-wrapper:has(.pds-dropdown__filter-icon)
|
|
3
|
+
.pds-dropdown__filter-input{padding-inline-start:calc(var(--pds-spacing-s) + var(--pds-spacing-xl))}.pds-dropdown__filter-input{background-color:transparent;border:none;border-block-end:var(--pds-border-width-default) solid var(--pds-color-dropdown-separator);border-radius:0;box-sizing:border-box;color:var(--pds-color-foreground-default);font-family:inherit;font-size:var(--pds-typography-size-s);padding:var(--pds-spacing-s);width:100%}.pds-dropdown__filter-input::placeholder{color:var(--pds-color-input-placeholder);font-size:var(--pds-typography-size-s)}.pds-dropdown__filter-input:focus-visible{border-radius:var(--pds-border-radius-container) var(--pds-border-radius-container) 0 0;outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-3px}.pds-dropdown__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)}.pds-dropdown__footer{background-color:var(--pds-color-dropdown-background);border-block-start:var(--pds-border-width-default) solid var(--pds-color-dropdown-separator);bottom:calc(var(--pds-spacing-2xs)*-1);list-style:none;margin-block-end:calc(var(--pds-spacing-2xs)*-1);margin-block-start:var(--pds-spacing-3xs);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-s);position:sticky}.pds-dropdown__footer a,.pds-dropdown__footer button{align-items:center;background:none;border:none;color:var(--pds-color-interactive-link-default);cursor:pointer;display:flex;font:inherit;gap:var(--pds-spacing-3xs);padding:0;text-decoration:none;width:100%}.pds-dropdown__footer a:hover,.pds-dropdown__footer button:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-dropdown__footer a:focus-visible,.pds-dropdown__footer button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-file-diff{align-items:center;display:flex;gap:var(--pds-spacing-4xs);height:1.0625rem;max-width:100%;width:100%}.pds-file-diff .pds-file-diff__total-changes{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-xs)}.pds-file-diff .pds-file-diff__bars{align-items:center;display:flex;gap:var(--pds-spacing-5xs);width:100%}.pds-file-diff .pds-file-diff__behind{position:relative}.pds-file-diff .pds-file-diff__behind .pds-file-diff__behind-bar{background-color:var(--pds-color-status-critical-fill);border-bottom-left-radius:var(--pds-border-radius-bar);border-top-left-radius:var(--pds-border-radius-bar);height:var(--pds-spacing-xs);right:0;transition:width var(--pds-animation-duration-reveal) var(--pds-animation-timing-function-default);width:100%}.pds-file-diff .pds-file-diff__ahead{position:relative}.pds-file-diff .pds-file-diff__ahead .pds-file-diff__ahead-bar{background-color:var(--pds-color-status-success-fill);border-bottom-right-radius:var(--pds-border-radius-bar);border-top-right-radius:var(--pds-border-radius-bar);height:var(--pds-spacing-xs);left:0;transition:width var(--pds-animation-duration-reveal) var(--pds-animation-timing-function-default);width:100%}.pds-file-diff .pds-file-diff__tooltip{display:block;padding-inline:0}.pds-identity-block{align-items:center;display:flex;gap:var(--pds-spacing-s);min-width:0;overflow:hidden}.pds-identity-block__avatar{flex-shrink:0}.pds-identity-block__text{display:flex;flex-direction:column;gap:var(--pds-spacing-5xs);min-width:0;opacity:1;transition:opacity .1s ease-in-out;will-change:opacity}.pds-identity-block__primary-text{color:var(--pds-color-foreground-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-semibold)}.pds-identity-block__primary-text,.pds-identity-block__secondary-text{font-family:var(--pds-typography-ff-default);line-height:var(--pds-typography-lh-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-identity-block__secondary-text{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-xs)}.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)}.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:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-popover);max-width:20rem;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__content,.pds-popover__content *{font-size:var(--pds-typography-size-s)!important;line-height:var(--pds-typography-lh-m)!important;overflow-wrap:break-word}.pds-popover__content :is(h1,h2,h3,h4,h5,h6){font-family:var(--pds-typography-ff-default)!important;font-weight:var(--pds-typography-fw-regular)!important}.pds-popover__content .pds-icon-button,.pds-popover__content img{display:none}.pds-popover__content .pds-button{--button-height:var(--pds-spacing-button-height-s);--button-padding-inline:var(--pds-spacing-button-padding-inline-s);--button-gap-inline:var(--pds-spacing-button-gap-inline-s)}.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)}.pds-result-count{--bg-color:var(--pds-color-surface-default);--border-color:var(--pds-color-border-default);--fg-color:var(--pds-color-foreground-default);align-items:center;background-color:var(--bg-color);border:var(--pds-border-width-default) solid var(--border-color);border-radius:var(--pds-border-radius-container);color:var(--fg-color);display:inline-flex;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-variant-numeric:tabular-nums;font-weight:var(--pds-typography-fw-regular);height:var(--pds-spacing-button-height-s);padding-inline:var(--pds-spacing-xs);white-space:nowrap}.pds-result-count__number{font-weight:var(--pds-typography-fw-semibold)}.pds-row-actions-menu{align-items:stretch;border-radius:var(--pds-border-radius-container);color:var(--pds-color-dropdown-foreground);display:flex;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-sm);justify-content:space-between;min-height:var(--pds-spacing-2xl);padding-block:var(--pds-spacing-4xs);padding-inline-end:var(--pds-spacing-4xs)}.pds-row-actions-menu:focus-within,.pds-row-actions-menu:has(.pds-menu-button--expanded),.pds-row-actions-menu:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-row-actions-menu--panel{border-radius:0}.pds-row-actions-menu__content{align-items:center;display:flex;flex:1;min-width:0;padding-inline-start:var(--pds-spacing-xs)}.pds-row-actions-menu__content:has(a,button){padding-inline-start:0}.pds-row-actions-menu__content a,.pds-row-actions-menu__content button{align-items:center;border-radius:var(--pds-border-radius-default);color:inherit;display:flex;font:inherit;height:100%;padding-inline-start:var(--pds-spacing-xs);text-decoration:none;width:100%}.pds-row-actions-menu__content button{background:none;border:none;cursor:pointer;text-align:inherit}.pds-row-actions-menu__content a:focus-visible,.pds-row-actions-menu__content button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-2px}.pds-row-actions-menu__trigger{align-items:center;display:flex;flex-shrink:0;opacity:0;pointer-events:none;transition:opacity .15s ease}.pds-row-actions-menu:focus-within .pds-row-actions-menu__trigger,.pds-row-actions-menu:has(.pds-menu-button--expanded)
|
|
4
|
+
.pds-row-actions-menu__trigger,.pds-row-actions-menu:hover .pds-row-actions-menu__trigger{opacity:1;pointer-events:auto}.pds-site-footer{padding-block:var(--pds-spacing-xl)}.pds-site-footer--border{border-top:var(--pds-border-width-default) solid var(--pds-color-border-default)}.pds-site-footer__content{border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);margin-block-end:var(--pds-spacing-2xl);padding-block-end:var(--pds-spacing-2xl)}.pds-site-footer--on-secondary .pds-site-footer__content{border-bottom-color:var(--pds-color-border-default-secondary)}.pds-site-footer__legal{column-gap:var(--pds-spacing-xl);display:flex;flex-direction:row;flex-wrap:wrap;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-regular);row-gap:var(--pds-spacing-m)}.pds-site-footer__legal a{color:var(--pds-color-foreground-default);text-decoration:none}.pds-site-footer__legal a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-site-footer__legal a:focus-visible{border-radius:var(--pds-border-width-default);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:calc(var(--pds-border-width-default)*2)}.pds-site-search{--site-search-height:var(--pds-spacing-input-height-s);height:var(--site-search-height);width:320px}@media (min-width:1280px){.pds-site-search{width:340px}}@media (min-width:1440px){.pds-site-search{width:380px}}.pds-site-search__combobox{width:100%}.pds-site-search__inner{height:100%}[data-pds-mobile] .pds-site-search{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);height:auto;left:50%;margin-inline-start:-50vw;min-height:var(--pds-spacing-4xl);position:relative;width:100vw}[data-pds-mobile] .pds-site-search__inner{padding-block:var(--pds-spacing-s)}[data-pds-mobile] .pds-site-search__combobox{margin-inline:auto;width:calc(100% - var(--pds-spacing-l)*2)}.pds-sortable-list{--indent-size:var(--pds-spacing-xl);--row-padding:var(--pds-spacing-s);--row-gap:var(--pds-spacing-m);--chevron-width:1rem;--content-offset-left:calc(var(--row-padding) + var(--chevron-width) + var(--row-gap));--header-height:2rem;--row-min-height:2.5rem;display:flex;flex-direction:column;gap:var(--pds-spacing-xs)}.pds-sortable-list--overlay{gap:0}.pds-sortable-list--overlay .pds-sortable-row,.pds-sortable-list--overlay .pds-sortable-row:hover{border-color:var(--pds-color-sortable-border-hover);box-shadow:var(--pds-elevation-raised)}.pds-sortable-row{align-items:flex-start;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-container);display:flex;gap:var(--row-gap);min-height:var(--row-min-height);padding:var(--row-padding)}.pds-sortable-row:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;position:relative;z-index:2}.pds-sortable-row[data-depth="1"]{margin-inline-start:calc(var(--indent-size)*1)}.pds-sortable-row[data-depth="2"]{margin-inline-start:calc(var(--indent-size)*2)}.pds-sortable-row[data-depth="3"]{margin-inline-start:calc(var(--indent-size)*3)}.pds-sortable-row[data-depth="4"]{margin-inline-start:calc(var(--indent-size)*4)}.pds-sortable-row[data-depth="5"]{margin-inline-start:calc(var(--indent-size)*5)}.pds-sortable-row--locked{cursor:default}.pds-sortable-list--reorder-active .pds-sortable-row--locked{background-color:var(--pds-color-expansion-panel-hover);border-color:var(--pds-color-border-input);cursor:not-allowed;opacity:.5}[data-theme=dark]
|
|
3
5
|
.pds-sortable-list--reorder-active
|
|
4
6
|
.pds-sortable-row--locked{opacity:.4}.pds-sortable-list--overlay-keyboard .pds-sortable-row,.pds-sortable-list--overlay-keyboard .pds-sortable-row:hover{border-color:var(--pds-color-sortable-border-hover);box-shadow:var(--pds-elevation-raised),0 0 0 var(--pds-border-width-outline) var(--pds-color-interactive-focus)}.pds-sortable-list--overlay-keyboard.pds-sortable-list--overlay-invalid{cursor:not-allowed;opacity:1}.pds-sortable-list--overlay-keyboard.pds-sortable-list--overlay-invalid
|
|
5
7
|
.pds-sortable-row,.pds-sortable-list--overlay-keyboard.pds-sortable-list--overlay-invalid
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-row-actions-menu{align-items:stretch;border-radius:var(--pds-border-radius-container);color:var(--pds-color-dropdown-foreground);display:flex;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-sm);justify-content:space-between;min-height:var(--pds-spacing-2xl);padding-block:var(--pds-spacing-4xs);padding-inline-end:var(--pds-spacing-4xs)}.pds-row-actions-menu:focus-within,.pds-row-actions-menu:has(.pds-menu-button--expanded),.pds-row-actions-menu:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-row-actions-menu--panel{border-radius:0}.pds-row-actions-menu__content{align-items:center;display:flex;flex:1;min-width:0;padding-inline-start:var(--pds-spacing-xs)}.pds-row-actions-menu__content:has(a,button){padding-inline-start:0}.pds-row-actions-menu__content a,.pds-row-actions-menu__content button{align-items:center;border-radius:var(--pds-border-radius-default);color:inherit;display:flex;font:inherit;height:100%;padding-inline-start:var(--pds-spacing-xs);text-decoration:none;width:100%}.pds-row-actions-menu__content button{background:none;border:none;cursor:pointer;text-align:inherit}.pds-row-actions-menu__content a:focus-visible,.pds-row-actions-menu__content button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-2px}.pds-row-actions-menu__trigger{align-items:center;display:flex;flex-shrink:0;opacity:0;pointer-events:none;transition:opacity .15s ease}.pds-row-actions-menu:focus-within .pds-row-actions-menu__trigger,.pds-row-actions-menu:has(.pds-menu-button--expanded)
|
|
2
|
+
.pds-row-actions-menu__trigger,.pds-row-actions-menu:hover .pds-row-actions-menu__trigger{opacity:1;pointer-events:auto}}
|
|
@@ -1,5 +1,13 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-sidebar-layout{display:flex}.pds-sidebar-layout__main{flex:1;min-width:0}.pds-sidebar-layout__side{max-width:var(--sidebar-width-max,25rem);min-width:var(--sidebar-width-min,15rem);width:var(--sidebar-width,33%)}[data-pds-mobile]
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-sidebar-layout{display:flex}.pds-sidebar-layout__main{flex:1;min-width:0}.pds-sidebar-layout__side{max-width:var(--sidebar-width-max,25rem);min-width:var(--sidebar-width-min,15rem);width:var(--sidebar-width,33%)}.pds-sidebar-layout__second-side{max-width:var(--second-sidebar-width-max,25rem);min-width:var(--second-sidebar-width-min,15rem);width:var(--second-sidebar-width,33%)}[data-pds-mobile]
|
|
2
2
|
[data-sidebar-mobile-location=before]
|
|
3
|
-
.pds-sidebar-layout__side,[data-sidebar-location=left] .pds-sidebar-layout__side{order:-1}[data-pds-mobile]
|
|
3
|
+
.pds-sidebar-layout__side,[data-sidebar-location=left] .pds-sidebar-layout__side,[data-sidebar-location=right] .pds-sidebar-layout__second-side{order:-1}[data-pds-mobile]
|
|
4
4
|
[data-sidebar-mobile-location=after]
|
|
5
|
-
.pds-sidebar-layout__side{order:
|
|
5
|
+
.pds-sidebar-layout__side{order:2}[data-pds-mobile]
|
|
6
|
+
[data-second-sidebar-mobile-location=before]
|
|
7
|
+
.pds-sidebar-layout__second-side{order:-2}[data-pds-mobile]
|
|
8
|
+
[data-second-sidebar-mobile-location=after]
|
|
9
|
+
.pds-sidebar-layout__second-side,[data-pds-mobile]
|
|
10
|
+
[data-sidebar-location=left][data-sidebar-mobile-location=after]
|
|
11
|
+
.pds-sidebar-layout__side{order:1}[data-pds-mobile]
|
|
12
|
+
[data-sidebar-location=left][data-second-sidebar-mobile-location=after]
|
|
13
|
+
.pds-sidebar-layout__second-side{order:2}[data-pds-mobile] .pds-sidebar-layout{flex-direction:column}[data-pds-mobile] .pds-sidebar-layout__second-side,[data-pds-mobile] .pds-sidebar-layout__side{max-width:unset;min-width:unset;width:100%}}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-avatar{--avatar-size:1.5rem;--avatar-icon-size:0.875rem;align-items:center;display:inline-flex;justify-content:center;vertical-align:top}.pds-avatar,.pds-avatar__content{border-radius:100%;height:var(--avatar-size);width:var(--avatar-size)}.pds-avatar__content{display:flex}.pds-avatar__content--link:hover{cursor:pointer;opacity:.8}.pds-avatar__content--link:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-avatar--image .pds-avatar__image{border-radius:100%;height:100%;object-fit:cover;width:100%}.pds-avatar__user-icon{color:#fff;height:var(--avatar-icon-size);scale:.92;width:var(--avatar-icon-size)}.pds-avatar--square,.pds-avatar--square .pds-avatar__content,.pds-avatar--square .pds-avatar__image{border-radius:var(--pds-border-radius-default)}.pds-avatar--xs{--avatar-size:1rem;--avatar-icon-size:0.5625rem}.pds-avatar--m{--avatar-size:2rem;--avatar-icon-size:1.125rem}.pds-avatar--l{--avatar-size:2.5rem;--avatar-icon-size:1.375rem}.pds-branch-diff{height:var(--pds-spacing-2xl)}.pds-branch-diff .pds-tooltip,.pds-branch-diff .pds-tooltip__trigger-custom{width:100%}.pds-branch-diff__content{display:flex;height:var(--pds-spacing-2xl)}.pds-branch-diff__segment{position:relative;width:50%}.pds-branch-diff__segment--behind{text-align:right}.pds-branch-diff__segment--ahead{border-inline-start:var(--pds-border-width-default) solid var(--pds-color-status-neutral-indicator);text-align:left}.pds-branch-diff__number{display:block;font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);height:var(--pds-spacing-m);line-height:var(--pds-typography-lh-s);padding-block:.0625rem;padding-inline:var(--pds-spacing-3xs);position:relative}.pds-branch-diff__line{height:var(--pds-spacing-xs);margin-block-start:var(--pds-spacing-4xs);min-width:.0625rem;position:absolute;transition:width var(--pds-animation-duration-reveal) var(--pds-animation-timing-function-default);width:41.95%}.pds-branch-diff__line--behind{background-color:var(--pds-color-status-neutral-background);border-bottom-left-radius:var(--pds-border-radius-bar);border-top-left-radius:var(--pds-border-radius-bar);right:0}.pds-branch-diff__line--ahead{background-color:var(--pds-color-status-neutral-indicator);border-bottom-right-radius:var(--pds-border-radius-bar);border-top-right-radius:var(--pds-border-radius-bar);left:0}.pds-branch-diff--loading .pds-branch-diff__segment--ahead{border-color:var(--pds-color-status-neutral-background)}.pds-branch-diff--loading .pds-branch-diff__line{background-color:var(--pulse-regular-base-color)}.pds-callout{--callout--border-color:var(--callout--color);--callout--color:var(--pds-color-foreground-default-secondary);border:var(--pds-border-width-default) solid var(--callout--border-color);border-radius:var(--pds-border-radius-container);font-family:var(--pds-typography-ff-default);padding:var(--pds-spacing-m);position:relative}.pds-callout,.pds-callout__inner{display:flex;gap:var(--pds-spacing-m)}.pds-callout__inner{width:100%}.pds-callout__icon{color:var(--callout--color)}.pds-callout__text{width:100%}.pds-callout__main-content>:last-child{margin-block-end:0}.pds-callout__heading{display:block;font-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-bold);letter-spacing:normal;line-height:var(--pds-typography-lh-s);margin-block-end:var(--pds-spacing-m);margin-block-start:0}.pds-callout--info{--callout--border-color:var(--pds-color-status-info-border);--callout--color:var(--pds-color-status-info-fill)}.pds-callout--earlyAccess,.pds-callout--success{--callout--border-color:var(--pds-color-status-success-border);--callout--color:var(--pds-color-status-success-fill)}.pds-callout--warning{--callout--border-color:var(--pds-color-status-warning-border);--callout--color:var(--pds-color-status-warning-fill)}.pds-callout--critical{--callout--border-color:var(--pds-color-status-critical-border);--callout--color:var(--pds-color-status-critical-fill)}.pds-callout--discovery{--callout--border-color:var(--pds-color-status-discovery-border);--callout--color:var(--pds-color-status-discovery-fill)}.pds-callout--code{--callout--color:var(--pds-color-status-neutral-indicator)}.term-fg30{color:#c3c5c9}.term-fg31{color:#f8495d}.term-fg32{color:#a0f76e}.term-fg33{color:#c6c502}.term-fg34{color:#78d1fa}.term-fg35{color:#ff61ca}.term-fg36{color:#78d1fa}.term-fgi1{color:#5ef765}.term-fgi90{color:#838887}.term-fgi91{color:#f33}.term-fgi92{color:#0f0}.term-fgi93{color:#fffc67}.term-fgi94{color:#6871ff}.term-fgi95{color:#ff76ff}.term-fgi96{color:#60fcff}.pds-code-block{--code-block-padding:var(--pds-spacing-l);--code-block-background:var(--pds-color-code-block-background);--code-block-foreground:var(--pds-color-code-block-foreground);--code-block-line-prefix:var(--pds-color-code-block-line-prefix);--code-block-focus-color:var(--pds-color-code-block-focus);--pulse-regular-base-color:#c3c5c9;--pulse-bold-base-color:#6a6e7a;display:flex;font-family:var(--pds-typography-font-code);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-l);position:relative}.pds-code-block,div.pds-code-block__code,pre.pds-code-block__code{background-color:var(--code-block-background);border-radius:var(--pds-border-radius-container)}div.pds-code-block__code,pre.pds-code-block__code{flex-grow:1;margin:0;overflow:auto;padding:var(--pds-spacing-l) var(--pds-spacing-xl)}div.pds-code-block__code:focus-visible,pre.pds-code-block__code:focus-visible{outline:var(--pds-border-width-default) solid var(--code-block-focus-color)}div.pds-code-block__code .pds-code-block__content,div.pds-code-block__code .pds-code-block__line-content,div.pds-code-block__code .token.plain,pre.pds-code-block__code .pds-code-block__content,pre.pds-code-block__code .pds-code-block__line-content,pre.pds-code-block__code .token.plain{color:var(--code-block-foreground)}div.pds-code-block__code{padding-block:var(--pds-spacing-xl)}.pds-code-block__line{column-gap:var(--pds-spacing-s);display:table-row}.pds-code-block__line-wrapped{overflow-x:hidden;text-wrap:wrap}.pds-code-block__number,.pds-code-block__prompt{color:var(--code-block-line-prefix);display:table-cell;padding-inline-end:var(--pds-spacing-m);text-align:right}.pds-code-block__copy{padding:var(--pds-spacing-s) var(--pds-spacing-s)}button.pds-clipboard-button{background-color:var(--code-block-background);color:var(--code-block-foreground)}[data-theme=dark] .pds-code-block button.pds-clipboard-button:hover{background-color:hsla(0,0%,100%,.12);color:var(--code-block-foreground)}.pds-comparison-list{--list-col-gap:var(--pds-spacing-xs);--list-font-size:var(--pds-typography-size-s);--list-icon-size:1.125em;--list-icon-col-width:var(--list-icon-size);--list-line-height:var(--pds-typography-lh-s);--list-padding-block-end:var(--pds-spacing-xs);--list-row-gap:var(--pds-spacing-s);color:var(--pds-color-foreground-default);font-family:var(--pds-typography-ff-default)}.pds-comparison-list--m{--list-col-gap:var(--pds-spacing-s);--list-font-size:var(--pds-typography-size-m);--list-line-height:var(--pds-typography-lh-m);--list-padding-block-end:var(--pds-spacing-s);--list-row-gap:var(--pds-spacing-m)}.pds-comparison-list__intro{font-size:var(--list-font-size);font-weight:var(--pds-typography-fw-bold);margin-block-end:var(--pds-spacing-xl)}.pds-comparison-list__list{all:unset;display:flex;flex-direction:column;list-style-type:none;row-gap:var(--list-row-gap)}.pds-comparison-list__list-item{align-items:start;border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);column-gap:var(--list-col-gap);display:grid;font-family:var(--pds-typography-ff-default);font-size:var(--list-font-size);grid-template-columns:var(--list-icon-col-width) auto;line-height:var(--list-line-height);padding-block-end:var(--list-padding-block-end)}.pds-comparison-list__list-item--notIncluded{color:var(--pds-color-foreground-default-secondary)}.pds-comparison-list__item-icon-wrapper{align-items:center;block-size:1lh;display:flex;justify-content:center}.pds-comparison-list__item-icon-wrapper .pds-comparison-list__item-icon{block-size:var(--list-icon-size);inline-size:var(--list-icon-size)}.pds-comparison-list__more-link{font-size:var(--list-font-size);margin-block-start:var(--pds-spacing-l)}.pds-comparison-list--no-border .pds-comparison-list__list-item{border-bottom:none}.pds-dropdown{position:relative}.pds-dropdown--inline{display:inline-block}.pds-dropdown__trigger{align-items:center;background:transparent;border:none;border-radius:var(--pds-border-radius-container);color:inherit;cursor:pointer;display:inline-flex;font-family:inherit;gap:var(--pds-spacing-3xs);padding:var(--pds-spacing-3xs) var(--pds-spacing-2xs);transition:background-color .15s ease}.pds-dropdown__trigger:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-dropdown__trigger:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-dropdown__trigger-icon{color:var(--pds-color-foreground-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-dropdown__trigger[aria-expanded=true] .pds-dropdown__trigger-icon{transform:rotate(180deg)}.pds-dropdown__panel{background-color:var(--pds-color-dropdown-background);box-shadow:var(--pds-elevation-overlay);flex-direction:column;gap:var(--pds-spacing-4xs);margin:0;min-width:10rem;overflow-y:auto;padding-inline:var(--pds-spacing-2xs);z-index:var(--pds-z-index-dropdown)}.pds-dropdown__item,.pds-dropdown__panel{border-radius:var(--pds-border-radius-container);display:flex;list-style:none;outline:none;padding-block:var(--pds-spacing-2xs)}.pds-dropdown__item{align-items:center;color:var(--pds-color-dropdown-foreground);cursor:pointer;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-s);justify-content:space-between;min-height:var(--pds-spacing-2xl);padding-inline:var(--pds-spacing-xs)}.pds-dropdown__item:focus-visible:not(:hover){outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}.pds-dropdown__item--focused,.pds-dropdown__item:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-dropdown__item:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-dropdown__selected-icon{align-self:center;color:var(--pds-color-foreground-default);display:flex;flex-shrink:0;height:.875em;width:.875em}.pds-dropdown__item--critical{color:var(--pds-color-status-critical-foreground)}.pds-dropdown__item--critical.pds-dropdown__item--focused,.pds-dropdown__item--critical:hover{background-color:var(--pds-color-status-critical-background)}.pds-dropdown__item--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.pds-dropdown__item-content{align-items:center;display:flex;gap:var(--pds-spacing-2xs)}.pds-dropdown__item-icon{display:flex;flex-shrink:0}.pds-dropdown__item-label{display:flex;flex-direction:column}.pds-dropdown__item-description{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-xs);line-height:var(--pds-typography-lh-s);margin-block-start:var(--pds-spacing-4xs)}.pds-dropdown__item-trailing{display:flex;flex-shrink:0}.pds-dropdown__checkbox-box{align-items:center;background-color:transparent;border:var(--pds-border-width-default) solid var(--pds-color-foreground-default);border-radius:var(--pds-border-radius-default);color:var(--pds-color-input-selected-foreground);display:flex;flex-shrink:0;height:1rem;justify-content:center;padding:.0625rem;transition:var(--pds-animation-transition-default);width:1rem}.pds-dropdown__checkbox-box--checked,.pds-dropdown__checkbox-box--indeterminate{background-color:var(--pds-color-input-selected-background);border-color:var(--pds-color-input-selected-background)}.pds-dropdown__checkbox-icon{height:100%;width:100%}.pds-dropdown__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);list-style:none;padding:var(--pds-spacing-xs) var(--pds-spacing-xs) var(--pds-spacing-3xs)}.pds-dropdown__separator{border-block-end:var(--pds-border-width-default) solid var(--pds-color-dropdown-separator);list-style:none;margin-block-end:2px;margin-inline:calc(var(--pds-spacing-2xs)*-1);padding-block:2px}.pds-dropdown__filter{list-style:none;margin-block-start:calc(var(--pds-spacing-2xs)*-1);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:0}.pds-dropdown__filter-wrapper{align-items:center;display:flex;position:relative}.pds-dropdown__filter-icon{block-size:.875rem;color:var(--pds-color-foreground-default-secondary);inline-size:.875rem;left:var(--pds-spacing-s);pointer-events:none;position:absolute}.pds-dropdown__filter-wrapper:has(.pds-dropdown__filter-icon)
|
|
2
|
-
.pds-dropdown__filter-input{padding-inline-start:calc(var(--pds-spacing-s) + var(--pds-spacing-xl))}.pds-dropdown__filter-input{background-color:transparent;border:none;border-block-end:var(--pds-border-width-default) solid var(--pds-color-dropdown-separator);border-radius:0;box-sizing:border-box;color:var(--pds-color-foreground-default);font-family:inherit;font-size:var(--pds-typography-size-s);padding:var(--pds-spacing-s);width:100%}.pds-dropdown__filter-input::placeholder{color:var(--pds-color-input-placeholder);font-size:var(--pds-typography-size-s)}.pds-dropdown__filter-input:focus-visible{border-radius:var(--pds-border-radius-container) var(--pds-border-radius-container) 0 0;outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-3px}.pds-dropdown__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)}.pds-dropdown__footer{background-color:var(--pds-color-dropdown-background);border-block-start:var(--pds-border-width-default) solid var(--pds-color-dropdown-separator);bottom:calc(var(--pds-spacing-2xs)*-1);list-style:none;margin-block-end:calc(var(--pds-spacing-2xs)*-1);margin-block-start:var(--pds-spacing-3xs);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-s);position:sticky}.pds-dropdown__footer a,.pds-dropdown__footer button{align-items:center;background:none;border:none;color:var(--pds-color-interactive-link-default);cursor:pointer;display:flex;font:inherit;gap:var(--pds-spacing-3xs);padding:0;text-decoration:none;width:100%}.pds-dropdown__footer a:hover,.pds-dropdown__footer button:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-dropdown__footer a:focus-visible,.pds-dropdown__footer button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-file-diff{align-items:center;display:flex;gap:var(--pds-spacing-4xs);height:1.0625rem;max-width:100%;width:100%}.pds-file-diff .pds-file-diff__total-changes{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-xs)}.pds-file-diff .pds-file-diff__bars{align-items:center;display:flex;gap:var(--pds-spacing-5xs);width:100%}.pds-file-diff .pds-file-diff__behind{position:relative}.pds-file-diff .pds-file-diff__behind .pds-file-diff__behind-bar{background-color:var(--pds-color-status-critical-fill);border-bottom-left-radius:var(--pds-border-radius-bar);border-top-left-radius:var(--pds-border-radius-bar);height:var(--pds-spacing-xs);right:0;transition:width var(--pds-animation-duration-reveal) var(--pds-animation-timing-function-default);width:100%}.pds-file-diff .pds-file-diff__ahead{position:relative}.pds-file-diff .pds-file-diff__ahead .pds-file-diff__ahead-bar{background-color:var(--pds-color-status-success-fill);border-bottom-right-radius:var(--pds-border-radius-bar);border-top-right-radius:var(--pds-border-radius-bar);height:var(--pds-spacing-xs);left:0;transition:width var(--pds-animation-duration-reveal) var(--pds-animation-timing-function-default);width:100%}.pds-file-diff .pds-file-diff__tooltip{display:block;padding-inline:0}.pds-identity-block{align-items:center;display:flex;gap:var(--pds-spacing-s);min-width:0;overflow:hidden}.pds-identity-block__avatar{flex-shrink:0}.pds-identity-block__text{display:flex;flex-direction:column;gap:var(--pds-spacing-5xs);min-width:0;opacity:1;transition:opacity .1s ease-in-out;will-change:opacity}.pds-identity-block__primary-text{color:var(--pds-color-foreground-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-semibold)}.pds-identity-block__primary-text,.pds-identity-block__secondary-text{font-family:var(--pds-typography-ff-default);line-height:var(--pds-typography-lh-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-identity-block__secondary-text{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-xs)}.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)}.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:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-popover);max-width:20rem;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__content,.pds-popover__content *{font-size:var(--pds-typography-size-s)!important;line-height:var(--pds-typography-lh-m)!important;overflow-wrap:break-word}.pds-popover__content :is(h1,h2,h3,h4,h5,h6){font-family:var(--pds-typography-ff-default)!important;font-weight:var(--pds-typography-fw-regular)!important}.pds-popover__content .pds-icon-button,.pds-popover__content img{display:none}.pds-popover__content .pds-button{--button-height:var(--pds-spacing-button-height-s);--button-padding-inline:var(--pds-spacing-button-padding-inline-s);--button-gap-inline:var(--pds-spacing-button-gap-inline-s)}.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)}.pds-result-count{--bg-color:var(--pds-color-surface-default);--border-color:var(--pds-color-border-default);--fg-color:var(--pds-color-foreground-default);align-items:center;background-color:var(--bg-color);border:var(--pds-border-width-default) solid var(--border-color);border-radius:var(--pds-border-radius-container);color:var(--fg-color);display:inline-flex;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-variant-numeric:tabular-nums;font-weight:var(--pds-typography-fw-regular);height:var(--pds-spacing-button-height-s);padding-inline:var(--pds-spacing-xs);white-space:nowrap}.pds-result-count__number{font-weight:var(--pds-typography-fw-semibold)}.pds-site-footer{padding-block:var(--pds-spacing-xl)}.pds-site-footer--border{border-top:var(--pds-border-width-default) solid var(--pds-color-border-default)}.pds-site-footer__content{border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);margin-block-end:var(--pds-spacing-2xl);padding-block-end:var(--pds-spacing-2xl)}.pds-site-footer--on-secondary .pds-site-footer__content{border-bottom-color:var(--pds-color-border-default-secondary)}.pds-site-footer__legal{column-gap:var(--pds-spacing-xl);display:flex;flex-direction:row;flex-wrap:wrap;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-regular);row-gap:var(--pds-spacing-m)}.pds-site-footer__legal a{color:var(--pds-color-foreground-default);text-decoration:none}.pds-site-footer__legal a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-site-footer__legal a:focus-visible{border-radius:var(--pds-border-width-default);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:calc(var(--pds-border-width-default)*2)}.pds-site-search{--site-search-height:var(--pds-spacing-input-height-s);height:var(--site-search-height);width:320px}@media (min-width:1280px){.pds-site-search{width:340px}}@media (min-width:1440px){.pds-site-search{width:380px}}.pds-site-search__combobox{width:100%}.pds-site-search__inner{height:100%}[data-pds-mobile] .pds-site-search{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);height:auto;left:50%;margin-inline-start:-50vw;min-height:var(--pds-spacing-4xl);position:relative;width:100vw}[data-pds-mobile] .pds-site-search__inner{padding-block:var(--pds-spacing-s)}[data-pds-mobile] .pds-site-search__combobox{margin-inline:auto;width:calc(100% - var(--pds-spacing-l)*2)}.pds-sortable-list{--indent-size:var(--pds-spacing-xl);--row-padding:var(--pds-spacing-s);--row-gap:var(--pds-spacing-m);--chevron-width:1rem;--content-offset-left:calc(var(--row-padding) + var(--chevron-width) + var(--row-gap));--header-height:2rem;--row-min-height:2.5rem;display:flex;flex-direction:column;gap:var(--pds-spacing-xs)}.pds-sortable-list--overlay{gap:0}.pds-sortable-list--overlay .pds-sortable-row,.pds-sortable-list--overlay .pds-sortable-row:hover{border-color:var(--pds-color-sortable-border-hover);box-shadow:var(--pds-elevation-raised)}.pds-sortable-row{align-items:flex-start;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-container);display:flex;gap:var(--row-gap);min-height:var(--row-min-height);padding:var(--row-padding)}.pds-sortable-row:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;position:relative;z-index:2}.pds-sortable-row[data-depth="1"]{margin-inline-start:calc(var(--indent-size)*1)}.pds-sortable-row[data-depth="2"]{margin-inline-start:calc(var(--indent-size)*2)}.pds-sortable-row[data-depth="3"]{margin-inline-start:calc(var(--indent-size)*3)}.pds-sortable-row[data-depth="4"]{margin-inline-start:calc(var(--indent-size)*4)}.pds-sortable-row[data-depth="5"]{margin-inline-start:calc(var(--indent-size)*5)}.pds-sortable-row--locked{cursor:default}.pds-sortable-list--reorder-active .pds-sortable-row--locked{background-color:var(--pds-color-expansion-panel-hover);border-color:var(--pds-color-border-input);cursor:not-allowed;opacity:.5}[data-theme=dark]
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-avatar{--avatar-size:1.5rem;--avatar-icon-size:0.875rem;align-items:center;display:inline-flex;justify-content:center;vertical-align:top}.pds-avatar,.pds-avatar__content{border-radius:100%;height:var(--avatar-size);width:var(--avatar-size)}.pds-avatar__content{display:flex}.pds-avatar__content--link:hover{cursor:pointer;opacity:.8}.pds-avatar__content--link:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-avatar--image .pds-avatar__image{border-radius:100%;height:100%;object-fit:cover;width:100%}.pds-avatar__user-icon{color:#fff;height:var(--avatar-icon-size);scale:.92;width:var(--avatar-icon-size)}.pds-avatar--square,.pds-avatar--square .pds-avatar__content,.pds-avatar--square .pds-avatar__image{border-radius:var(--pds-border-radius-default)}.pds-avatar--xs{--avatar-size:1rem;--avatar-icon-size:0.5625rem}.pds-avatar--m{--avatar-size:2rem;--avatar-icon-size:1.125rem}.pds-avatar--l{--avatar-size:2.5rem;--avatar-icon-size:1.375rem}.pds-branch-diff{height:var(--pds-spacing-2xl)}.pds-branch-diff .pds-tooltip,.pds-branch-diff .pds-tooltip__trigger-custom{width:100%}.pds-branch-diff__content{display:flex;height:var(--pds-spacing-2xl)}.pds-branch-diff__segment{position:relative;width:50%}.pds-branch-diff__segment--behind{text-align:right}.pds-branch-diff__segment--ahead{border-inline-start:var(--pds-border-width-default) solid var(--pds-color-status-neutral-indicator);text-align:left}.pds-branch-diff__number{display:block;font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);height:var(--pds-spacing-m);line-height:var(--pds-typography-lh-s);padding-block:.0625rem;padding-inline:var(--pds-spacing-3xs);position:relative}.pds-branch-diff__line{height:var(--pds-spacing-xs);margin-block-start:var(--pds-spacing-4xs);min-width:.0625rem;position:absolute;transition:width var(--pds-animation-duration-reveal) var(--pds-animation-timing-function-default);width:41.95%}.pds-branch-diff__line--behind{background-color:var(--pds-color-status-neutral-background);border-bottom-left-radius:var(--pds-border-radius-bar);border-top-left-radius:var(--pds-border-radius-bar);right:0}.pds-branch-diff__line--ahead{background-color:var(--pds-color-status-neutral-indicator);border-bottom-right-radius:var(--pds-border-radius-bar);border-top-right-radius:var(--pds-border-radius-bar);left:0}.pds-branch-diff--loading .pds-branch-diff__segment--ahead{border-color:var(--pds-color-status-neutral-background)}.pds-branch-diff--loading .pds-branch-diff__line{background-color:var(--pulse-regular-base-color)}.pds-callout{--callout--border-color:var(--callout--color);--callout--color:var(--pds-color-foreground-default-secondary);border:var(--pds-border-width-default) solid var(--callout--border-color);border-radius:var(--pds-border-radius-container);font-family:var(--pds-typography-ff-default);padding:var(--pds-spacing-m);position:relative}.pds-callout,.pds-callout__inner{display:flex;gap:var(--pds-spacing-m)}.pds-callout__inner{width:100%}.pds-callout__icon{color:var(--callout--color)}.pds-callout__text{width:100%}.pds-callout__main-content>:last-child{margin-block-end:0}.pds-callout__heading{display:block;font-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-bold);letter-spacing:normal;line-height:var(--pds-typography-lh-s);margin-block-end:var(--pds-spacing-m);margin-block-start:0}.pds-callout--info{--callout--border-color:var(--pds-color-status-info-border);--callout--color:var(--pds-color-status-info-fill)}.pds-callout--earlyAccess,.pds-callout--success{--callout--border-color:var(--pds-color-status-success-border);--callout--color:var(--pds-color-status-success-fill)}.pds-callout--warning{--callout--border-color:var(--pds-color-status-warning-border);--callout--color:var(--pds-color-status-warning-fill)}.pds-callout--critical{--callout--border-color:var(--pds-color-status-critical-border);--callout--color:var(--pds-color-status-critical-fill)}.pds-callout--discovery{--callout--border-color:var(--pds-color-status-discovery-border);--callout--color:var(--pds-color-status-discovery-fill)}.pds-callout--code{--callout--color:var(--pds-color-status-neutral-indicator)}.term-fg30{color:#c3c5c9}.term-fg31{color:#f8495d}.term-fg32{color:#a0f76e}.term-fg33{color:#c6c502}.term-fg34{color:#78d1fa}.term-fg35{color:#ff61ca}.term-fg36{color:#78d1fa}.term-fgi1{color:#5ef765}.term-fgi90{color:#838887}.term-fgi91{color:#f33}.term-fgi92{color:#0f0}.term-fgi93{color:#fffc67}.term-fgi94{color:#6871ff}.term-fgi95{color:#ff76ff}.term-fgi96{color:#60fcff}.pds-code-block{--code-block-padding:var(--pds-spacing-l);--code-block-background:var(--pds-color-code-block-background);--code-block-foreground:var(--pds-color-code-block-foreground);--code-block-line-prefix:var(--pds-color-code-block-line-prefix);--code-block-focus-color:var(--pds-color-code-block-focus);--pulse-regular-base-color:#c3c5c9;--pulse-bold-base-color:#6a6e7a;display:flex;font-family:var(--pds-typography-font-code);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-l);position:relative}.pds-code-block,div.pds-code-block__code,pre.pds-code-block__code{background-color:var(--code-block-background);border-radius:var(--pds-border-radius-container)}div.pds-code-block__code,pre.pds-code-block__code{flex-grow:1;margin:0;overflow:auto;padding:var(--pds-spacing-l) var(--pds-spacing-xl)}div.pds-code-block__code:focus-visible,pre.pds-code-block__code:focus-visible{outline:var(--pds-border-width-default) solid var(--code-block-focus-color)}div.pds-code-block__code .pds-code-block__content,div.pds-code-block__code .pds-code-block__line-content,div.pds-code-block__code .token.plain,pre.pds-code-block__code .pds-code-block__content,pre.pds-code-block__code .pds-code-block__line-content,pre.pds-code-block__code .token.plain{color:var(--code-block-foreground)}div.pds-code-block__code{padding-block:var(--pds-spacing-xl)}.pds-code-block__line{column-gap:var(--pds-spacing-s);display:table-row}.pds-code-block__line-wrapped{overflow-x:hidden;text-wrap:wrap}.pds-code-block__number,.pds-code-block__prompt{color:var(--code-block-line-prefix);display:table-cell;padding-inline-end:var(--pds-spacing-m);text-align:right}.pds-code-block__copy{padding:var(--pds-spacing-s) var(--pds-spacing-s)}button.pds-clipboard-button{background-color:var(--code-block-background);color:var(--code-block-foreground)}[data-theme=dark] .pds-code-block button.pds-clipboard-button:hover{background-color:hsla(0,0%,100%,.12);color:var(--code-block-foreground)}.pds-comparison-list{--list-col-gap:var(--pds-spacing-xs);--list-font-size:var(--pds-typography-size-s);--list-icon-size:1.125em;--list-icon-col-width:var(--list-icon-size);--list-line-height:var(--pds-typography-lh-s);--list-padding-block-end:var(--pds-spacing-xs);--list-row-gap:var(--pds-spacing-s);color:var(--pds-color-foreground-default);font-family:var(--pds-typography-ff-default)}.pds-comparison-list--m{--list-col-gap:var(--pds-spacing-s);--list-font-size:var(--pds-typography-size-m);--list-line-height:var(--pds-typography-lh-m);--list-padding-block-end:var(--pds-spacing-s);--list-row-gap:var(--pds-spacing-m)}.pds-comparison-list__intro{font-size:var(--list-font-size);font-weight:var(--pds-typography-fw-bold);margin-block-end:var(--pds-spacing-xl)}.pds-comparison-list__list{all:unset;display:flex;flex-direction:column;list-style-type:none;row-gap:var(--list-row-gap)}.pds-comparison-list__list-item{align-items:start;border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);column-gap:var(--list-col-gap);display:grid;font-family:var(--pds-typography-ff-default);font-size:var(--list-font-size);grid-template-columns:var(--list-icon-col-width) auto;line-height:var(--list-line-height);padding-block-end:var(--list-padding-block-end)}.pds-comparison-list__list-item--notIncluded{color:var(--pds-color-foreground-default-secondary)}.pds-comparison-list__item-icon-wrapper{align-items:center;block-size:1lh;display:flex;justify-content:center}.pds-comparison-list__item-icon-wrapper .pds-comparison-list__item-icon{block-size:var(--list-icon-size);inline-size:var(--list-icon-size)}.pds-comparison-list__more-link{font-size:var(--list-font-size);margin-block-start:var(--pds-spacing-l)}.pds-comparison-list--no-border .pds-comparison-list__list-item{border-bottom:none}.pds-dropdown{position:relative}.pds-dropdown--inline{display:inline-block}.pds-dropdown__trigger{align-items:center;background:transparent;border:none;border-radius:var(--pds-border-radius-container);color:inherit;cursor:pointer;display:inline-flex;font-family:inherit;gap:var(--pds-spacing-3xs);padding:var(--pds-spacing-3xs) var(--pds-spacing-2xs);transition:background-color .15s ease}.pds-dropdown__trigger:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-dropdown__trigger:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-dropdown__trigger-icon{color:var(--pds-color-foreground-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-dropdown__trigger[aria-expanded=true] .pds-dropdown__trigger-icon{transform:rotate(180deg)}.pds-dropdown__panel{background-color:var(--pds-color-dropdown-background);box-shadow:var(--pds-elevation-overlay);flex-direction:column;gap:var(--pds-spacing-4xs);margin:0;min-width:10rem;overflow-y:auto;padding-inline:var(--pds-spacing-2xs);z-index:var(--pds-z-index-dropdown)}.pds-dropdown__item,.pds-dropdown__panel{border-radius:var(--pds-border-radius-container);display:flex;list-style:none;outline:none;padding-block:var(--pds-spacing-2xs)}.pds-dropdown__item{align-items:center;color:var(--pds-color-dropdown-foreground);cursor:pointer;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-s);justify-content:space-between;min-height:var(--pds-spacing-2xl);padding-inline:var(--pds-spacing-xs)}.pds-dropdown__item:focus-visible:not(:hover){outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}.pds-dropdown__item--focused,.pds-dropdown__item:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-dropdown__item:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-dropdown__selected-icon{align-self:center;color:var(--pds-color-foreground-default);display:flex;flex-shrink:0;height:.875em;width:.875em}.pds-dropdown__item--critical{color:var(--pds-color-status-critical-foreground)}.pds-dropdown__item--critical.pds-dropdown__item--focused,.pds-dropdown__item--critical:hover{background-color:var(--pds-color-status-critical-background)}.pds-dropdown__item--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.pds-dropdown__item-content{align-items:center;display:flex;gap:var(--pds-spacing-2xs)}.pds-dropdown__item-icon{display:flex;flex-shrink:0}.pds-dropdown__item-label{display:flex;flex-direction:column}.pds-dropdown__item-description{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-xs);line-height:var(--pds-typography-lh-s);margin-block-start:var(--pds-spacing-4xs)}.pds-dropdown__item-trailing{display:flex;flex-shrink:0}.pds-dropdown__action-item .pds-dropdown__item-label a{color:inherit;text-decoration:none}.pds-dropdown__action-item{padding-block:var(--pds-spacing-4xs)}.pds-dropdown__action-item-trigger{display:flex;flex-shrink:0;opacity:0;pointer-events:none;transition:opacity .15s ease}.pds-dropdown__action-item:focus-within .pds-dropdown__action-item-trigger,.pds-dropdown__action-item:has(.pds-menu-button--expanded)
|
|
2
|
+
.pds-dropdown__action-item-trigger,.pds-dropdown__action-item:hover .pds-dropdown__action-item-trigger{opacity:1;pointer-events:auto}.pds-dropdown__checkbox-box{align-items:center;background-color:transparent;border:var(--pds-border-width-default) solid var(--pds-color-foreground-default);border-radius:var(--pds-border-radius-default);color:var(--pds-color-input-selected-foreground);display:flex;flex-shrink:0;height:1rem;justify-content:center;padding:.0625rem;transition:var(--pds-animation-transition-default);width:1rem}.pds-dropdown__checkbox-box--checked,.pds-dropdown__checkbox-box--indeterminate{background-color:var(--pds-color-input-selected-background);border-color:var(--pds-color-input-selected-background)}.pds-dropdown__checkbox-icon{height:100%;width:100%}.pds-dropdown__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);list-style:none;padding:var(--pds-spacing-xs) var(--pds-spacing-xs) var(--pds-spacing-3xs)}.pds-dropdown__separator{border-block-end:var(--pds-border-width-default) solid var(--pds-color-dropdown-separator);list-style:none;margin-block-end:2px;margin-inline:calc(var(--pds-spacing-2xs)*-1);padding-block:2px}.pds-dropdown__filter{list-style:none;margin-block-start:calc(var(--pds-spacing-2xs)*-1);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:0}.pds-dropdown__filter-wrapper{align-items:center;display:flex;position:relative}.pds-dropdown__filter-icon{block-size:.875rem;color:var(--pds-color-foreground-default-secondary);inline-size:.875rem;left:var(--pds-spacing-s);pointer-events:none;position:absolute}.pds-dropdown__filter-wrapper:has(.pds-dropdown__filter-icon)
|
|
3
|
+
.pds-dropdown__filter-input{padding-inline-start:calc(var(--pds-spacing-s) + var(--pds-spacing-xl))}.pds-dropdown__filter-input{background-color:transparent;border:none;border-block-end:var(--pds-border-width-default) solid var(--pds-color-dropdown-separator);border-radius:0;box-sizing:border-box;color:var(--pds-color-foreground-default);font-family:inherit;font-size:var(--pds-typography-size-s);padding:var(--pds-spacing-s);width:100%}.pds-dropdown__filter-input::placeholder{color:var(--pds-color-input-placeholder);font-size:var(--pds-typography-size-s)}.pds-dropdown__filter-input:focus-visible{border-radius:var(--pds-border-radius-container) var(--pds-border-radius-container) 0 0;outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-3px}.pds-dropdown__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)}.pds-dropdown__footer{background-color:var(--pds-color-dropdown-background);border-block-start:var(--pds-border-width-default) solid var(--pds-color-dropdown-separator);bottom:calc(var(--pds-spacing-2xs)*-1);list-style:none;margin-block-end:calc(var(--pds-spacing-2xs)*-1);margin-block-start:var(--pds-spacing-3xs);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-s);position:sticky}.pds-dropdown__footer a,.pds-dropdown__footer button{align-items:center;background:none;border:none;color:var(--pds-color-interactive-link-default);cursor:pointer;display:flex;font:inherit;gap:var(--pds-spacing-3xs);padding:0;text-decoration:none;width:100%}.pds-dropdown__footer a:hover,.pds-dropdown__footer button:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-dropdown__footer a:focus-visible,.pds-dropdown__footer button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-file-diff{align-items:center;display:flex;gap:var(--pds-spacing-4xs);height:1.0625rem;max-width:100%;width:100%}.pds-file-diff .pds-file-diff__total-changes{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-xs)}.pds-file-diff .pds-file-diff__bars{align-items:center;display:flex;gap:var(--pds-spacing-5xs);width:100%}.pds-file-diff .pds-file-diff__behind{position:relative}.pds-file-diff .pds-file-diff__behind .pds-file-diff__behind-bar{background-color:var(--pds-color-status-critical-fill);border-bottom-left-radius:var(--pds-border-radius-bar);border-top-left-radius:var(--pds-border-radius-bar);height:var(--pds-spacing-xs);right:0;transition:width var(--pds-animation-duration-reveal) var(--pds-animation-timing-function-default);width:100%}.pds-file-diff .pds-file-diff__ahead{position:relative}.pds-file-diff .pds-file-diff__ahead .pds-file-diff__ahead-bar{background-color:var(--pds-color-status-success-fill);border-bottom-right-radius:var(--pds-border-radius-bar);border-top-right-radius:var(--pds-border-radius-bar);height:var(--pds-spacing-xs);left:0;transition:width var(--pds-animation-duration-reveal) var(--pds-animation-timing-function-default);width:100%}.pds-file-diff .pds-file-diff__tooltip{display:block;padding-inline:0}.pds-identity-block{align-items:center;display:flex;gap:var(--pds-spacing-s);min-width:0;overflow:hidden}.pds-identity-block__avatar{flex-shrink:0}.pds-identity-block__text{display:flex;flex-direction:column;gap:var(--pds-spacing-5xs);min-width:0;opacity:1;transition:opacity .1s ease-in-out;will-change:opacity}.pds-identity-block__primary-text{color:var(--pds-color-foreground-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-semibold)}.pds-identity-block__primary-text,.pds-identity-block__secondary-text{font-family:var(--pds-typography-ff-default);line-height:var(--pds-typography-lh-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-identity-block__secondary-text{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-xs)}.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)}.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:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-popover);max-width:20rem;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__content,.pds-popover__content *{font-size:var(--pds-typography-size-s)!important;line-height:var(--pds-typography-lh-m)!important;overflow-wrap:break-word}.pds-popover__content :is(h1,h2,h3,h4,h5,h6){font-family:var(--pds-typography-ff-default)!important;font-weight:var(--pds-typography-fw-regular)!important}.pds-popover__content .pds-icon-button,.pds-popover__content img{display:none}.pds-popover__content .pds-button{--button-height:var(--pds-spacing-button-height-s);--button-padding-inline:var(--pds-spacing-button-padding-inline-s);--button-gap-inline:var(--pds-spacing-button-gap-inline-s)}.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)}.pds-result-count{--bg-color:var(--pds-color-surface-default);--border-color:var(--pds-color-border-default);--fg-color:var(--pds-color-foreground-default);align-items:center;background-color:var(--bg-color);border:var(--pds-border-width-default) solid var(--border-color);border-radius:var(--pds-border-radius-container);color:var(--fg-color);display:inline-flex;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-variant-numeric:tabular-nums;font-weight:var(--pds-typography-fw-regular);height:var(--pds-spacing-button-height-s);padding-inline:var(--pds-spacing-xs);white-space:nowrap}.pds-result-count__number{font-weight:var(--pds-typography-fw-semibold)}.pds-row-actions-menu{align-items:stretch;border-radius:var(--pds-border-radius-container);color:var(--pds-color-dropdown-foreground);display:flex;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-sm);justify-content:space-between;min-height:var(--pds-spacing-2xl);padding-block:var(--pds-spacing-4xs);padding-inline-end:var(--pds-spacing-4xs)}.pds-row-actions-menu:focus-within,.pds-row-actions-menu:has(.pds-menu-button--expanded),.pds-row-actions-menu:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-row-actions-menu--panel{border-radius:0}.pds-row-actions-menu__content{align-items:center;display:flex;flex:1;min-width:0;padding-inline-start:var(--pds-spacing-xs)}.pds-row-actions-menu__content:has(a,button){padding-inline-start:0}.pds-row-actions-menu__content a,.pds-row-actions-menu__content button{align-items:center;border-radius:var(--pds-border-radius-default);color:inherit;display:flex;font:inherit;height:100%;padding-inline-start:var(--pds-spacing-xs);text-decoration:none;width:100%}.pds-row-actions-menu__content button{background:none;border:none;cursor:pointer;text-align:inherit}.pds-row-actions-menu__content a:focus-visible,.pds-row-actions-menu__content button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-2px}.pds-row-actions-menu__trigger{align-items:center;display:flex;flex-shrink:0;opacity:0;pointer-events:none;transition:opacity .15s ease}.pds-row-actions-menu:focus-within .pds-row-actions-menu__trigger,.pds-row-actions-menu:has(.pds-menu-button--expanded)
|
|
4
|
+
.pds-row-actions-menu__trigger,.pds-row-actions-menu:hover .pds-row-actions-menu__trigger{opacity:1;pointer-events:auto}.pds-site-footer{padding-block:var(--pds-spacing-xl)}.pds-site-footer--border{border-top:var(--pds-border-width-default) solid var(--pds-color-border-default)}.pds-site-footer__content{border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);margin-block-end:var(--pds-spacing-2xl);padding-block-end:var(--pds-spacing-2xl)}.pds-site-footer--on-secondary .pds-site-footer__content{border-bottom-color:var(--pds-color-border-default-secondary)}.pds-site-footer__legal{column-gap:var(--pds-spacing-xl);display:flex;flex-direction:row;flex-wrap:wrap;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-regular);row-gap:var(--pds-spacing-m)}.pds-site-footer__legal a{color:var(--pds-color-foreground-default);text-decoration:none}.pds-site-footer__legal a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-site-footer__legal a:focus-visible{border-radius:var(--pds-border-width-default);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:calc(var(--pds-border-width-default)*2)}.pds-site-search{--site-search-height:var(--pds-spacing-input-height-s);height:var(--site-search-height);width:320px}@media (min-width:1280px){.pds-site-search{width:340px}}@media (min-width:1440px){.pds-site-search{width:380px}}.pds-site-search__combobox{width:100%}.pds-site-search__inner{height:100%}[data-pds-mobile] .pds-site-search{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);height:auto;left:50%;margin-inline-start:-50vw;min-height:var(--pds-spacing-4xl);position:relative;width:100vw}[data-pds-mobile] .pds-site-search__inner{padding-block:var(--pds-spacing-s)}[data-pds-mobile] .pds-site-search__combobox{margin-inline:auto;width:calc(100% - var(--pds-spacing-l)*2)}.pds-sortable-list{--indent-size:var(--pds-spacing-xl);--row-padding:var(--pds-spacing-s);--row-gap:var(--pds-spacing-m);--chevron-width:1rem;--content-offset-left:calc(var(--row-padding) + var(--chevron-width) + var(--row-gap));--header-height:2rem;--row-min-height:2.5rem;display:flex;flex-direction:column;gap:var(--pds-spacing-xs)}.pds-sortable-list--overlay{gap:0}.pds-sortable-list--overlay .pds-sortable-row,.pds-sortable-list--overlay .pds-sortable-row:hover{border-color:var(--pds-color-sortable-border-hover);box-shadow:var(--pds-elevation-raised)}.pds-sortable-row{align-items:flex-start;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-container);display:flex;gap:var(--row-gap);min-height:var(--row-min-height);padding:var(--row-padding)}.pds-sortable-row:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;position:relative;z-index:2}.pds-sortable-row[data-depth="1"]{margin-inline-start:calc(var(--indent-size)*1)}.pds-sortable-row[data-depth="2"]{margin-inline-start:calc(var(--indent-size)*2)}.pds-sortable-row[data-depth="3"]{margin-inline-start:calc(var(--indent-size)*3)}.pds-sortable-row[data-depth="4"]{margin-inline-start:calc(var(--indent-size)*4)}.pds-sortable-row[data-depth="5"]{margin-inline-start:calc(var(--indent-size)*5)}.pds-sortable-row--locked{cursor:default}.pds-sortable-list--reorder-active .pds-sortable-row--locked{background-color:var(--pds-color-expansion-panel-hover);border-color:var(--pds-color-border-input);cursor:not-allowed;opacity:.5}[data-theme=dark]
|
|
3
5
|
.pds-sortable-list--reorder-active
|
|
4
6
|
.pds-sortable-row--locked{opacity:.4}.pds-sortable-list--overlay-keyboard .pds-sortable-row,.pds-sortable-list--overlay-keyboard .pds-sortable-row:hover{border-color:var(--pds-color-sortable-border-hover);box-shadow:var(--pds-elevation-raised),0 0 0 var(--pds-border-width-outline) var(--pds-color-interactive-focus)}.pds-sortable-list--overlay-keyboard.pds-sortable-list--overlay-invalid{cursor:not-allowed;opacity:1}.pds-sortable-list--overlay-keyboard.pds-sortable-list--overlay-invalid
|
|
5
7
|
.pds-sortable-row,.pds-sortable-list--overlay-keyboard.pds-sortable-list--overlay-invalid
|