@pantheon-systems/pds-toolkit-react 1.0.0-dev.273 → 1.0.0-dev.275
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/CodeBlock/code-examples.d.ts +1 -1
- package/_dist/components/VideoEmbed/VideoEmbed.d.ts +7 -2
- package/_dist/components/navigation/SideNav/SideNav.d.ts +1 -9
- package/_dist/components/navigation/navigation-utilities.d.ts +84 -3
- package/_dist/css/component-css/pds-avatar-tile-list.css +1 -1
- package/_dist/css/component-css/pds-avatar.css +1 -1
- package/_dist/css/component-css/pds-callout.css +1 -1
- package/_dist/css/component-css/pds-card-heading.css +1 -1
- package/_dist/css/component-css/pds-card-select-group.css +1 -1
- package/_dist/css/component-css/pds-card.css +1 -1
- package/_dist/css/component-css/pds-checkbox.css +1 -1
- package/_dist/css/component-css/pds-close-button.css +1 -1
- package/_dist/css/component-css/pds-combobox-multiselect.css +2 -2
- package/_dist/css/component-css/pds-combobox.css +1 -1
- package/_dist/css/component-css/pds-compact-empty-state.css +1 -1
- package/_dist/css/component-css/pds-comparison-list.css +1 -1
- package/_dist/css/component-css/pds-cta-slice.css +1 -1
- package/_dist/css/component-css/pds-dashboard-search.css +1 -1
- package/_dist/css/component-css/pds-dashboard-stat.css +1 -1
- package/_dist/css/component-css/pds-dropdown-menu.css +2 -2
- package/_dist/css/component-css/pds-empty-state-card.css +1 -1
- package/_dist/css/component-css/pds-expansion-panel.css +1 -1
- package/_dist/css/component-css/pds-file-diff.css +1 -1
- package/_dist/css/component-css/pds-file-upload.css +3 -3
- package/_dist/css/component-css/pds-flow-steps.css +1 -1
- package/_dist/css/component-css/pds-footer-heading.css +1 -1
- package/_dist/css/component-css/pds-footer-links.css +1 -1
- package/_dist/css/component-css/pds-icon-button.css +2 -2
- package/_dist/css/component-css/pds-index.css +15 -14
- package/_dist/css/component-css/pds-inline-message.css +1 -1
- package/_dist/css/component-css/pds-input-utilities.css +1 -1
- package/_dist/css/component-css/pds-menu-button.css +1 -1
- package/_dist/css/component-css/pds-modal.css +1 -1
- package/_dist/css/component-css/pds-nav-menu.css +1 -1
- package/_dist/css/component-css/pds-navbar.css +1 -1
- package/_dist/css/component-css/pds-new-site-card.css +1 -1
- package/_dist/css/component-css/pds-panel-list.css +1 -1
- package/_dist/css/component-css/pds-panel.css +1 -1
- package/_dist/css/component-css/pds-pantheon-logo.css +1 -1
- package/_dist/css/component-css/pds-popover.css +1 -1
- package/_dist/css/component-css/pds-pricing-card.css +1 -1
- package/_dist/css/component-css/pds-progress-bar.css +1 -1
- package/_dist/css/component-css/pds-progress-ring.css +1 -1
- package/_dist/css/component-css/pds-pull-quote.css +1 -1
- package/_dist/css/component-css/pds-refresh-checker.css +1 -1
- package/_dist/css/component-css/pds-section-message.css +1 -1
- package/_dist/css/component-css/pds-select.css +1 -1
- package/_dist/css/component-css/pds-side-nav-compact.css +1 -1
- package/_dist/css/component-css/pds-side-nav.css +2 -1
- package/_dist/css/component-css/pds-site-card.css +1 -1
- package/_dist/css/component-css/pds-site-footer.css +1 -1
- package/_dist/css/component-css/pds-social-links.css +1 -1
- package/_dist/css/component-css/pds-split-button.css +1 -1
- package/_dist/css/component-css/pds-status-badge.css +1 -1
- package/_dist/css/component-css/pds-status-indicator.css +1 -1
- package/_dist/css/component-css/pds-stepper.css +1 -1
- package/_dist/css/component-css/pds-switch.css +1 -1
- package/_dist/css/component-css/pds-tab-menu.css +2 -2
- package/_dist/css/component-css/pds-table-of-contents.css +1 -1
- package/_dist/css/component-css/pds-tabs.css +1 -1
- package/_dist/css/component-css/pds-tally.css +1 -1
- package/_dist/css/component-css/pds-text-input.css +1 -1
- package/_dist/css/component-css/pds-textarea.css +1 -1
- package/_dist/css/component-css/pds-tile.css +1 -1
- package/_dist/css/component-css/pds-tiles-common.css +1 -1
- package/_dist/css/component-css/pds-toaster.css +1 -1
- package/_dist/css/component-css/pds-tooltip.css +1 -1
- package/_dist/css/component-css/pds-user-menu.css +1 -1
- package/_dist/css/component-css/pds-utility-button.css +1 -1
- package/_dist/css/component-css/pds-vertical-stepper.css +1 -1
- package/_dist/css/component-css/pds-workspace-selector.css +1 -1
- package/_dist/css/design-tokens/pds-design-tokens-dark-mode.css +40 -27
- package/_dist/css/design-tokens/pds-design-tokens-light-mode.css +37 -24
- package/_dist/css/pds-components.css +15 -14
- package/_dist/css/pds-core.css +3 -5
- package/_dist/css/pds-layouts.css +1 -1
- package/_dist/index.css +1 -1
- package/_dist/index.js +3845 -4003
- package/_dist/index.js.map +1 -1
- package/_dist/mocks/data/navigation-items.d.ts +5 -0
- package/_dist/utilities/color/color-preview-swatches.d.ts +13 -0
- package/package.json +3 -16
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const logExample = "Already have image (with digest): us-docker.pkg.dev/prod-decoupled-shared/build-tools/pantheon-build:v1.0.8-node20\nThe framework expected according to the configuration is: gatsby.\nThe framework detected from the code is: vite\nERROR: Invalid option: false\ndeprecated-tools [options]\nUsage:\n deprecated-tools -t node --min-version 18 [--max-version 20] --message-format \"Node version should be between %s and %s\" --message-data \"18 20\"\n deprecated-tools -f .nvmrc --message-format \"The file %s is deprecated\" --message-data \".nvmrc\"\n\n -t, --tool <tool> Check if a tool is deprecated\n --min-version <ver> Minimum version supported for the tool\n --max-version <ver> Max version supported for the tool\n --message-format <format> Format of the deprecation message\n --message-data <data> Array of data to use in the deprecation message\n -f, --file <file> Check if a file is deprecated\n --message-format <format> Format of the deprecation message\n --message-data <data> Array of data to use in the deprecation message\n -h, --help Display this help message\nnpm WARN deprecated rimraf@2.6.3: Rimraf versions prior to v4 are no longer supported\nnpm WARN deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported\n\n> @pantheon-systems/pds-toolkit-react@1.0.0-dev.213 prepare\n> husky install\n\nhusky - Git hooks installed";
|
|
2
2
|
export declare const reactExample = "export const ControlledExample = () => {\n const defaultValue = 'This is a default value';\n const [value, setValue] = useState(defaultValue);\n\n // This is a comment for this component.\n return (\n <TextInput\n id='text-input-controlled-example'\n label='Controlled Input example'\n type='text'\n hasClearButton={true}\n onClear={() => {\n setValue('');\n }}\n onChange={(event: ChangeEvent<HTMLInputElement>) => setValue(event.target.value)}\n value={value}\n />\n );\n};";
|
|
3
|
-
export declare const cssExample = "@design-tokens url('node_modules://@pantheon-systems/pds-design-tokens/build/json/pds-design-tokens.json') format('style-dictionary3');\n\n.pds-file-diff {\n align-items: center;\n display: flex;\n gap: 0.25rem;\n height: 1.0625rem;\n max-width: 100%;\n width: 100%;\n\n .pds-file-diff__total-changes {\n color: var(--pds-color-
|
|
3
|
+
export declare const cssExample = "@design-tokens url('node_modules://@pantheon-systems/pds-design-tokens/build/json/pds-design-tokens.json') format('style-dictionary3');\n\n.pds-file-diff {\n align-items: center;\n display: flex;\n gap: 0.25rem;\n height: 1.0625rem;\n max-width: 100%;\n width: 100%;\n\n .pds-file-diff__total-changes {\n color: var(--pds-color-fg-default-secondary);\n font-size: token('typography.size.XS' to rem);\n }\n\n .pds-file-diff__bars {\n align-items: center;\n display: flex;\n gap: 0.125rem;\n width: 100%;\n }\n\n .pds-file-diff__behind {\n position: relative;\n\n .pds-file-diff__behind-bar {\n background-color: var(--pds-color-status-critical-utility);\n border-bottom-left-radius: 6.25rem;\n border-top-left-radius: 6.25rem;\n height: 8px;\n min-width: 1px;\n right: 0px;\n transition: width 0.3s ease;\n width: 100%;\n }\n }\n\n .pds-file-diff__ahead {\n position: relative;\n\n .pds-file-diff__ahead-bar {\n background-color: var(--pds-color-status-success-utility);\n border-bottom-right-radius: 6.25rem;\n border-top-right-radius: 6.25rem;\n height: 8px;\n left: 0px;\n min-width: 1px;\n transition: width 0.3s ease;\n width: 100%;\n }\n }\n\n .pds-file-diff__tooltip {\n display: block;\n padding-inline: 0;\n }\n}\n";
|
|
4
4
|
export declare const diffExample = "diff --git a/influitive/index.css b/influitive/index.css\nindex 2069af6..b347ca3 100644\n--- a/influitive/index.css\n+++ b/influitive/index.css\n@@ -1,4 +1,4 @@\n #nav-container ul li.c-nav-list-item a.c-nav-item {\n font-weight: 500 !important;\n- font-family: 'Poppins', san-serif !important;\n+ font-family: 'Poppins', sans-serif !important;\n }";
|
|
5
5
|
export declare const twigExample = "<div class=\"pds-status-badge pds-status-badge--{{ color|default('transparent')}}{% if extra_classes %} {{ extra_classes }}{% endif %}\">\n\n {% if has_status_indicator %}\n <span class=\"pds-status-badge__status pds-status-badge__status--{{ status_type }}\">\n {% if status_type %}\n <span class=\"visually-hidden\">Status: {{ status_type }}</span>\n {% endif %}\n </span>\n {% endif %}\n\n <span class=\"pds-status-badge__label\">{{ label }}</span>\n</div>";
|
|
6
6
|
export declare const legacyExample = "Composer version 2.8.6 2025-02-25 13:03:50<br>PHP version 8.3.21 (/opt/pantheon/php8.3/php)<br>Run the "diagnose" command to get more detailed diagnostics output.<br>Cache directory does not exist (cache-vcs-dir):<br>Cache directory does not exist (cache-repo-dir):<br>Cache directory does not exist (cache-files-dir):<br>Clearing cache (cache-dir): /home/pantheon-app/.composer/cache<br>All caches cleared.<br>Running composer install...<br>composer --no-interaction --no-progress --prefer-dist --ansi install<br><span class=\"term-fg32\">No patches supplied.</span><br><span class=\"term-fg32\">Installing dependencies from lock file (including require-dev)</span><br><span class=\"term-fg32\">Verifying lock file contents can be installed on current platform.</span><br>Nothing to install, update or remove<br><span class=\"term-fg32\">Generating autoload files</span><br><span class=\"term-fg32\">89 packages you are using are looking for funding.</span><br><span class=\"term-fg32\">Use the `composer fund` command to find out more!</span><br><span class=\"term-fg32\">phpstan/extension-installer:</span> Extensions installed";
|
|
@@ -7,11 +7,16 @@ export interface VideoEmbedProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
7
7
|
/**
|
|
8
8
|
* Video hosting platform.
|
|
9
9
|
*/
|
|
10
|
-
platform
|
|
10
|
+
platform: 'vimeo' | 'wistia' | 'youtube';
|
|
11
11
|
/**
|
|
12
12
|
* Video ID to embed.
|
|
13
13
|
*/
|
|
14
14
|
videoId: string;
|
|
15
|
+
/**
|
|
16
|
+
* Video title to display. This is for the title prop on the video iframe.
|
|
17
|
+
* If none is provided it will default to `"[platform] video player"`
|
|
18
|
+
*/
|
|
19
|
+
videoTitle?: string;
|
|
15
20
|
/**
|
|
16
21
|
* Additional class names
|
|
17
22
|
*/
|
|
@@ -20,4 +25,4 @@ export interface VideoEmbedProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
20
25
|
/**
|
|
21
26
|
* VideoEmbed UI component
|
|
22
27
|
*/
|
|
23
|
-
export declare const VideoEmbed: ({ platform, videoId, className, ...props }: VideoEmbedProps) => React.JSX.Element;
|
|
28
|
+
export declare const VideoEmbed: ({ platform, videoId, videoTitle, className, ...props }: VideoEmbedProps) => React.JSX.Element;
|
|
@@ -9,10 +9,6 @@ export interface SideNavProps extends ComponentPropsWithoutRef<'nav'> {
|
|
|
9
9
|
* Aria label for the navigation.
|
|
10
10
|
*/
|
|
11
11
|
ariaLabel: string;
|
|
12
|
-
/**
|
|
13
|
-
* Whether the menu should be rendered as a mobile menu when the viewport is at or below the mobileMenuMaxWidth.
|
|
14
|
-
*/
|
|
15
|
-
hasMobileMenu?: boolean;
|
|
16
12
|
/**
|
|
17
13
|
* Heading text. If a link is passed, it will be rendered as a link.
|
|
18
14
|
*/
|
|
@@ -28,10 +24,6 @@ export interface SideNavProps extends ComponentPropsWithoutRef<'nav'> {
|
|
|
28
24
|
* Menu items to render.
|
|
29
25
|
*/
|
|
30
26
|
menuItems: NavigationItem[];
|
|
31
|
-
/**
|
|
32
|
-
* Mobile menu will be enabled when viewport is at or below this number in pixels.
|
|
33
|
-
*/
|
|
34
|
-
mobileMenuMaxWidth?: number;
|
|
35
27
|
/**
|
|
36
28
|
* Text to display in the mobile menu trigger button when no active link is found.
|
|
37
29
|
*/
|
|
@@ -44,4 +36,4 @@ export interface SideNavProps extends ComponentPropsWithoutRef<'nav'> {
|
|
|
44
36
|
/**
|
|
45
37
|
* SideNav UI component
|
|
46
38
|
*/
|
|
47
|
-
export declare const SideNav: ({ ariaLabel,
|
|
39
|
+
export declare const SideNav: ({ ariaLabel, headingText, labels, menuItems, mobileMenuSelectTextFallback, className, ...props }: SideNavProps) => React.JSX.Element;
|
|
@@ -1,9 +1,90 @@
|
|
|
1
|
-
import React, { ReactElement } from 'react';
|
|
1
|
+
import React, { ReactElement, ReactNode } from 'react';
|
|
2
2
|
import { PDSIcon } from '@components/icons/Icon/Icon';
|
|
3
3
|
import { NavigationItem } from '@components/navigation/navigation-types';
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
/**
|
|
5
|
+
* Recursively searches through navigation items to find the first active link
|
|
6
|
+
* @param items - Array of navigation items to search through
|
|
7
|
+
* @returns The active link element, or null if no active link is found or if the active item is a string
|
|
8
|
+
* @example
|
|
9
|
+
* const activeLink = getActiveLink(menuItems);
|
|
10
|
+
*/
|
|
6
11
|
export declare const getActiveLink: (items: NavigationItem[]) => ReactElement | null;
|
|
12
|
+
/**
|
|
13
|
+
* Extracts a string representation from linkContent, whether it's a string or React element
|
|
14
|
+
* @param linkContent - The link content to extract string from (string or React element)
|
|
15
|
+
* @returns String representation of the link content
|
|
16
|
+
* @example
|
|
17
|
+
* const linkText = getLinkContentString(<Link>Home</Link>); // Returns "Home"
|
|
18
|
+
* const linkText = getLinkContentString("About"); // Returns "About"
|
|
19
|
+
*/
|
|
7
20
|
export declare const getLinkContentString: (linkContent: ReactElement | string) => string;
|
|
21
|
+
/**
|
|
22
|
+
* Determines if a navigation item is currently active
|
|
23
|
+
* @param item - The navigation item to check
|
|
24
|
+
* @returns True if the item is active, false otherwise
|
|
25
|
+
* @description Checks for active state via:
|
|
26
|
+
* - The `isActive` property on the item
|
|
27
|
+
* - The presence of 'pds-isActive' class on the link element
|
|
28
|
+
* - Returns false for string-based items
|
|
29
|
+
* @example
|
|
30
|
+
* const isActive = isActiveItem(navigationItem);
|
|
31
|
+
*/
|
|
32
|
+
export declare const isActiveItem: (item: NavigationItem) => boolean;
|
|
33
|
+
/**
|
|
34
|
+
* Determines if a navigation item or any of its children are in the active trail
|
|
35
|
+
* @param item - The navigation item to check (including its children)
|
|
36
|
+
* @returns True if the item or any child is active, false otherwise
|
|
37
|
+
* @description Recursively checks the item and all child items for active state
|
|
38
|
+
* @example
|
|
39
|
+
* const inActiveTrail = isActiveTrail(parentItem); // True if parent or any child is active
|
|
40
|
+
*/
|
|
41
|
+
export declare const isActiveTrail: (item: NavigationItem) => boolean;
|
|
42
|
+
/**
|
|
43
|
+
* Checks if the provided content is an interactive element (link, button, etc.)
|
|
44
|
+
* @param content - The React content to examine
|
|
45
|
+
* @returns True if the content is an interactive element, false otherwise
|
|
46
|
+
* @description Currently detects:
|
|
47
|
+
* - Native anchor elements (`<a>`)
|
|
48
|
+
* - React Router Link components (by displayName)
|
|
49
|
+
* @example
|
|
50
|
+
* const isInteractive = isInteractiveElement(<Link to="/home">Home</Link>); // true
|
|
51
|
+
* const isInteractive = isInteractiveElement(<span>Label</span>); // false
|
|
52
|
+
* const isInteractive = isInteractiveElement("Plain text"); // false
|
|
53
|
+
*/
|
|
54
|
+
export declare const isInteractiveElement: (content: ReactNode) => boolean;
|
|
55
|
+
/**
|
|
56
|
+
* Processes navigation link content based on its type and available child links
|
|
57
|
+
* @param linkContent - The link content to process (string or React element)
|
|
58
|
+
* @param links - Optional array of child navigation items
|
|
59
|
+
* @returns Processed link content
|
|
60
|
+
* @description
|
|
61
|
+
* - If linkContent is a string and child links exist, clones the first child link with the string as label
|
|
62
|
+
* - Otherwise returns the linkContent as-is
|
|
63
|
+
* @example
|
|
64
|
+
* // With string and child links - uses first child as template
|
|
65
|
+
* const processed = processNavLinkContent("Home", [{ linkContent: <Link to="/home" /> }]);
|
|
66
|
+
*
|
|
67
|
+
* // With React element - returns as-is
|
|
68
|
+
* const processed = processNavLinkContent(<Link to="/about">About</Link>);
|
|
69
|
+
*/
|
|
8
70
|
export declare const processNavLinkContent: (linkContent: ReactElement | string, links?: NavigationItem[]) => ReactElement | string;
|
|
71
|
+
/**
|
|
72
|
+
* Processes side navigation global items with optional icons and specialized markup structure
|
|
73
|
+
* @param baseClass - Base CSS class for styling
|
|
74
|
+
* @param linkContent - The link content to process (string or React element)
|
|
75
|
+
* @param links - Optional array of child navigation items
|
|
76
|
+
* @param icon - Optional PDS icon to include
|
|
77
|
+
* @returns Processed navigation item with icon and proper markup structure, or null
|
|
78
|
+
* @description
|
|
79
|
+
* Creates a structured navigation item with:
|
|
80
|
+
* - Icon support with proper CSS classes
|
|
81
|
+
* - Consistent markup structure for global navigation
|
|
82
|
+
* - Template behavior for string content with child links
|
|
83
|
+
* @example
|
|
84
|
+
* // String with icon and child links
|
|
85
|
+
* const item = processSideNavGlobalLinkContent('nav', 'Home', childLinks, 'home');
|
|
86
|
+
*
|
|
87
|
+
* // React element with icon
|
|
88
|
+
* const item = processSideNavGlobalLinkContent('nav', <Link to="/about">About</Link>, null, 'info');
|
|
89
|
+
*/
|
|
9
90
|
export declare const processSideNavGlobalLinkContent: (baseClass: string, linkContent: ReactElement | string, links?: NavigationItem[], icon?: PDSIcon) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-avatar-tile-list a{cursor:pointer;text-decoration:none}.pds-tile-list__image{margin-block-end:1rem}.pds-tile-list__image--avatar img{border-radius:50%;height:auto;width:11rem}.pds-tile-list__name{color:var(--pds-color-
|
|
1
|
+
.pds-avatar-tile-list a{cursor:pointer;text-decoration:none}.pds-tile-list__image{margin-block-end:1rem}.pds-tile-list__image--avatar img{border-radius:50%;height:auto;width:11rem}.pds-tile-list__name{color:var(--pds-color-fg-default);font-size:1.44rem;font-weight:700}.pds-tile-list__title{color:var(--pds-color-fg-default-secondary);font-size:1rem;font-weight:600;margin-block-start:.41rem}.pds-tile-list__org{color:var(--pds-color-fg-default);font-size:.833rem;font-weight:400;margin-block-start:.125rem}.pds-tile-list__item:focus-visible{outline-width:2px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-avatar{--avatar-size:1.953rem;--avatar-icon-size:1.125rem;align-items:center;border:1px solid transparent;border-radius:100%;display:inline-flex;justify-content:center}.pds-avatar__content{border-radius:100%;display:flex;height:var(--avatar-size);width:var(--avatar-size)}.pds-avatar__content--link:hover{cursor:pointer;outline:1px solid var(--pds-color-interactive-link-hover);outline-offset:2px}.pds-avatar__content--link:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-avatar--image{border-color:var(--pds-color-border-default)}.pds-avatar--image .pds-avatar__image{border-radius:100%;height:100%;margin:auto;object-fit:cover;width:100%}.pds-avatar__user-icon{color:var(--pds-color-
|
|
1
|
+
.pds-avatar{--avatar-size:1.953rem;--avatar-icon-size:1.125rem;align-items:center;border:1px solid transparent;border-radius:100%;display:inline-flex;justify-content:center}.pds-avatar__content{border-radius:100%;display:flex;height:var(--avatar-size);width:var(--avatar-size)}.pds-avatar__content--link:hover{cursor:pointer;outline:1px solid var(--pds-color-interactive-link-hover);outline-offset:2px}.pds-avatar__content--link:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-avatar--image{border-color:var(--pds-color-border-default)}.pds-avatar--image .pds-avatar__image{border-radius:100%;height:100%;margin:auto;object-fit:cover;width:100%}.pds-avatar__user-icon{color:var(--pds-color-fg-reverse);height:var(--avatar-icon-size);width:var(--avatar-icon-size)}.pds-avatar--xs{--avatar-size:1rem;--avatar-icon-size:0.5625rem}.pds-avatar--sm{--avatar-size:1.563rem;--avatar-icon-size:0.875rem}.pds-avatar--md{--avatar-size:1.953rem;--avatar-icon-size:1.125rem}.pds-avatar--lg{--avatar-size:2.441rem;--avatar-icon-size:1.375rem}.pds-avatar--xl{--avatar-size:3.815rem;--avatar-icon-size:2.25rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-callout{--callout--color:var(--pds-color-
|
|
1
|
+
.pds-callout{--callout--color:var(--pds-color-fg-default-secondary);border:1px solid var(--callout--color);border-radius:.375rem;display:flex;font-family:Poppins,sans-serif;gap:1rem;padding:1rem;position:relative}.pds-callout__inner{display:flex;gap:1rem;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__title{font-size:1.2rem;font-weight:700;margin-block-end:1rem}.pds-callout--info{--callout--color:var(--pds-color-status-info-foreground)}.pds-callout--earlyAccess,.pds-callout--success{--callout--color:var(--pds-color-status-success-foreground)}.pds-callout--warning{--callout--color:var(--pds-color-status-warning-foreground)}.pds-callout--critical{--callout--color:var(--pds-color-status-critical-foreground)}.pds-callout--discovery{--callout--color:var(--pds-color-status-discovery-foreground)}.pds-callout--code{--callout--color:var(--pds-color-brand-accent-default)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-card-heading{color:var(--pds-color-
|
|
1
|
+
.pds-card-heading{color:var(--pds-color-fg-default);display:block;margin-block-end:1rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-card-select-group{border:none;color:var(--pds-color-
|
|
1
|
+
.pds-card-select-group{border:none;color:var(--pds-color-fg-default);font-family:Poppins,sans-serif;margin-inline:0;padding:0;padding-block-start:.328rem}.pds-card-select-group__legend{display:block;font-size:1.2rem;font-weight:600;margin-block-end:.8rem;text-align:left}.pds-card-select-group__legend--center{text-align:center}.pds-card-select-group__option input[type=radio]{appearance:none}.pds-card-select-group__option-label{background-color:var(--pds-color-card-background);border-radius:.375rem;box-shadow:var(--pds-elevation-raised);box-sizing:border-box;column-gap:.8rem;display:inline-flex;font-size:1.2rem;font-weight:600;height:100%;margin-block-end:0;padding:1rem;width:100%}.pds-card-select-group__option-label--selected,.pds-card-select-group__option-label:hover{background-color:var(--pds-color-interactive-background-hover);cursor:pointer}.pds-card-select-group__option-icon{color:var(--pds-color-border-input)}.pds-card-select-group__option-icon--selected{color:var(--pds-color-status-success-foreground)}.pds-card-select-group__option-description{color:var(--pds-color-fg-default-secondary);font-size:1rem;font-weight:400;line-height:140%;margin-block-start:.328rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-card{background-color:var(--pds-color-card-background);border-radius:.375rem;box-shadow:var(--pds-elevation-raised);color:var(--pds-color-
|
|
1
|
+
.pds-card{background-color:var(--pds-color-card-background);border-radius:.375rem;box-shadow:var(--pds-elevation-raised);color:var(--pds-color-fg-default);display:flex;flex-direction:column;min-height:8rem}.pds-card__image{border-radius:.375rem .375rem 0 0;display:block;overflow:hidden}.pds-card__image img{display:block;width:100%}.pds-card__main{flex-grow:1;padding:1.25rem 1.563rem}.pds-card--mint-gradient{background:var(--pds-color-gradient-card-mint)}.pds-card--sundown-gradient{background:var(--pds-color-gradient-avatar-sundown)}.pds-card--yellow-gradient{background:var(--pds-color-gradient-card-yellow)}.pds-card--transparent{background-color:transparent}.pds-card--pad-narrow .pds-card__main{padding:1rem}.pds-card--pad-wide .pds-card__main{padding:1.563rem 1.953rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-checkbox{--checkbox-font-size:1rem;--checkbox-input-size:1rem;--checkbox-input-gap:0.512rem;--checkbox-box-shift:0.09375rem;line-height:1.2}.pds-checkbox--sm{--checkbox-font-size:0.833rem;--checkbox-input-size:0.9rem;--checkbox-box-shift:0.025rem}.pds-checkbox__input-wrapper{display:flex}.pds-checkbox input[type=checkbox]{appearance:none}.pds-checkbox__label{align-items:start;column-gap:var(--checkbox-input-gap);display:grid;grid-template-columns:var(--checkbox-input-size) auto;margin-block-end:0}.pds-checkbox__label-text{color:var(--pds-color-
|
|
1
|
+
.pds-checkbox{--checkbox-font-size:1rem;--checkbox-input-size:1rem;--checkbox-input-gap:0.512rem;--checkbox-box-shift:0.09375rem;line-height:1.2}.pds-checkbox--sm{--checkbox-font-size:0.833rem;--checkbox-input-size:0.9rem;--checkbox-box-shift:0.025rem}.pds-checkbox__input-wrapper{display:flex}.pds-checkbox input[type=checkbox]{appearance:none}.pds-checkbox__label{align-items:start;column-gap:var(--checkbox-input-gap);display:grid;grid-template-columns:var(--checkbox-input-size) auto;margin-block-end:0}.pds-checkbox__label-text{color:var(--pds-color-fg-default);font-size:var(--checkbox-font-size);font-weight:400}.pds-checkbox__label-text--s{font-size:.833rem}.pds-checkbox__box{align-items:center;background-color:var(--pds-color-input-background);border:2px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;display:flex;height:var(--checkbox-input-size);padding:.0625rem;position:relative;top:var(--checkbox-box-shift);width:var(--checkbox-input-size)}.pds-checkbox__box,.pds-checkbox__box--checked,.pds-checkbox__box--indeterminate{transition:var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay)}.pds-checkbox__box--checked,.pds-checkbox__box--indeterminate{background-color:var(--pds-color-interactive-focus);border-color:var(--pds-color-interactive-focus)}.pds-checkbox__icon{color:var(--pds-color-input-checkbox-checked-foreground);transition:var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay)}.pds-checkbox:hover .pds-checkbox__box{cursor:pointer}.pds-checkbox input[type=checkbox]:focus-visible~label .pds-checkbox__box{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.0625rem}.pds-checkbox.pds-is-disabled .pds-checkbox__label{cursor:not-allowed;opacity:50%}.pds-checkbox .pds-input-label__required{margin-inline-start:.125rem}div.pds-checkbox-group .pds-checkbox--indent-1{margin-inline-start:calc(var(--checkbox-input-size)*2 - var(--checkbox-input-gap))}div.pds-checkbox-group .pds-checkbox--indent-2{margin-inline-start:calc(var(--checkbox-input-size)*4 - var(--checkbox-input-gap)*2)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-close-button{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-
|
|
1
|
+
.pds-close-button{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-fg-default-secondary);cursor:pointer;display:flex}.pds-close-button:hover{color:var(--pds-color-interactive-link-hover)}.pds-close-button:focus-visible{outline:1px solid var(--pds-color-interactive-focus);transition:outline .2s ease-in-out 0s}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.pds-combobox-multi{position:relative}.pds-combobox-multi:disabled .pds-combobox-multi__input-wrapper{border-color:var(--pds-color-border-disabled)}.pds-combobox-multi__items-wrapper .pds-combobox-multi__selected-item:not(:last-child){display:none}.pds-combobox-multi__selected-item{align-items:center;background:var(--pds-color-neutral-200);border-radius:3px;color:var(--pds-color--neutral-500);display:inline-flex;font-size:.75rem;font-weight:400;gap:.41rem;justify-content:center;line-height:120%;padding:.25rem .512rem;text-wrap:nowrap}.pds-combobox-multi__selected-item:hover{background:var(--pds-color-neutral-300)}.pds-combobox-multi__selected-item:focus-visible{outline:none}.pds-combobox-multi__selected-item-text{margin-top:1px}.pds-combobox-multi__selected-item-remove{border-radius:.1875rem;color:var(--pds-color-
|
|
2
|
-
.pds-combobox-multi__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-combobox-multi__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;display:flex;flex-direction:column;margin-block-start:.512rem;max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;width:100%}.pds-combobox-multi__dropdown-list{flex:1;margin-block-start:0;overflow-y:auto;padding:0}.pds-combobox-multi__dropdown-input-wrapper{align-items:center;background-color:var(--pds-color-dropdown-background);border-bottom:1px solid var(--pds-color-border-default);column-gap:.512rem;display:flex;gap:.64rem;padding:.64rem 1rem;position:sticky;top:0;z-index:1}.pds-combobox-multi__dropdown-input{background-color:transparent;border:none;caret-color:var(--pds-color-
|
|
1
|
+
.pds-combobox-multi{position:relative}.pds-combobox-multi:disabled .pds-combobox-multi__input-wrapper{border-color:var(--pds-color-border-disabled)}.pds-combobox-multi__items-wrapper .pds-combobox-multi__selected-item:not(:last-child){display:none}.pds-combobox-multi__selected-item{align-items:center;background:var(--pds-color-neutral-200);border-radius:3px;color:var(--pds-color--neutral-500);display:inline-flex;font-size:.75rem;font-weight:400;gap:.41rem;justify-content:center;line-height:120%;padding:.25rem .512rem;text-wrap:nowrap}.pds-combobox-multi__selected-item:hover{background:var(--pds-color-neutral-300)}.pds-combobox-multi__selected-item:focus-visible{outline:none}.pds-combobox-multi__selected-item-text{margin-top:1px}.pds-combobox-multi__selected-item-remove{border-radius:.1875rem;color:var(--pds-color-fg-default-secondary);cursor:pointer;display:flex;height:16px;justify-content:center;width:14px}.pds-combobox-multi__selected-item-remove:hover{color:var(--pds-color-fg-default)}.pds-combobox-multi__selected-item--marked-for-deletion .pds-combobox-multi__selected-item-remove{outline:1px solid var(--pds-color-interactive-focus)}.pds-combobox-multi__input-wrapper{align-items:center;background-color:var(--pds-color-bg-default);border:1px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;column-gap:.512rem;display:flex;gap:.512rem;height:var(--pds-spacing-input-height);justify-content:space-between;padding-inline:.64rem;position:relative;transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s;width:100%}.pds-combobox-multi__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s ease-in-out 0s}.pds-combobox-multi__counter{display:inline-block;height:24px;position:relative}.pds-combobox-multi__counter-wrapper{display:flex;position:relative}.pds-combobox-multi__counter-layer{width:8px}.pds-combobox-multi__counter-item,.pds-combobox-multi__counter-layer{background:var(--pds-color-neutral-200);border-radius:3px;box-shadow:-3px 0 0 0 var(--pds-color-neutral-000);height:24px}.pds-combobox-multi__counter-item{align-items:center;color:var(--pds-color--neutral-500);display:flex;font-size:.75rem;font-weight:400;justify-content:center;width:20.5px}.pds-combobox-multi__trigger{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-fg-default);display:flex;flex-grow:1;height:1.563rem;justify-content:flex-end;margin-inline-start:auto}.pds-combobox-multi__trigger:disabled{cursor:not-allowed}.pds-combobox-multi__trigger:focus-visible{outline:none}.pds-combobox-multi__trigger-icon{color:var(--pds-color-fg-default-secondary);pointer-events:none;transition:transform .2s ease-in-out 0s}.pds-combobox-multi__trigger[aria-expanded=true]
|
|
2
|
+
.pds-combobox-multi__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-combobox-multi__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;display:flex;flex-direction:column;margin-block-start:.512rem;max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;width:100%}.pds-combobox-multi__dropdown-list{flex:1;margin-block-start:0;overflow-y:auto;padding:0}.pds-combobox-multi__dropdown-input-wrapper{align-items:center;background-color:var(--pds-color-dropdown-background);border-bottom:1px solid var(--pds-color-border-default);column-gap:.512rem;display:flex;gap:.64rem;padding:.64rem 1rem;position:sticky;top:0;z-index:1}.pds-combobox-multi__dropdown-input{background-color:transparent;border:none;caret-color:var(--pds-color-fg-default);color:var(--pds-color-fg-default);flex-grow:1;line-height:1;padding-inline:0;width:100%}.pds-combobox-multi__dropdown-input:focus{outline:none}.pds-combobox-multi__dropdown-input::placeholder{color:var(--pds-color-fg-default-secondary)}.pds-combobox-multi__dropdown-item{padding:.64rem 1rem}.pds-combobox-multi__dropdown-item-label{align-items:center;display:flex;gap:6px;justify-content:space-between;line-height:normal;width:100%}.pds-combobox-multi__dropdown-item-icon{color:var(--pds-color-status-success-foreground)}.pds-combobox-multi__loading,.pds-combobox-multi__no-results{color:var(--pds-color-fg-default);font-size:1rem;padding:1rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-combobox{position:relative}.pds-combobox__input-wrapper{align-items:center;background-color:var(--pds-color-
|
|
1
|
+
.pds-combobox{position:relative}.pds-combobox__input-wrapper{align-items:center;background-color:var(--pds-color-bg-default);border:1px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;column-gap:.512rem;height:var(--pds-spacing-input-height);justify-content:space-between;padding-inline:.64rem;position:relative;transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s;width:100%}.pds-combobox__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s ease-in-out 0s}.pds-combobox__input{background-color:transparent;border:none;caret-color:var(--pds-color-fg-default);color:var(--pds-color-fg-default);flex-grow:1;line-height:1;padding-inline:0;width:100%}.pds-combobox__input:focus{outline:none}.pds-combobox__input::placeholder{color:var(--pds-color-fg-default-secondary)}.pds-combobox__trigger{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-fg-default);display:flex;height:1.563rem}.pds-combobox__trigger:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-combobox__trigger-icon{color:var(--pds-color-fg-default-secondary);pointer-events:none;transition:transform .2s ease-in-out 0s}.pds-combobox__trigger[aria-expanded=true] .pds-combobox__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-combobox__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;margin-block-start:.512rem;max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;width:100%}.pds-combobox__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:.0625rem}.pds-combobox__loading,.pds-combobox__no-results{color:var(--pds-color-fg-default);font-size:1rem;padding:1rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-compact-empty-state{display:flex;flex-direction:column;font-family:Poppins,sans-serif;padding-block:4.678rem;row-gap:1.563rem;text-align:center;width:100%}.pds-compact-empty-state__icon{color:var(--pds-color-
|
|
1
|
+
.pds-compact-empty-state{display:flex;flex-direction:column;font-family:Poppins,sans-serif;padding-block:4.678rem;row-gap:1.563rem;text-align:center;width:100%}.pds-compact-empty-state__icon{color:var(--pds-color-fg-default-secondary)}.pds-compact-empty-state__heading{display:block;margin-block-end:.25rem}.pds-compact-empty-state__message{color:var(--pds-color-text-default-secondary);font-size:1rem;margin-block-end:0;margin-inline:auto;max-width:600px;text-wrap:pretty}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-comparison-list{color:var(--pds-color-
|
|
1
|
+
.pds-comparison-list{color:var(--pds-color-fg-default);font-family:Poppins,sans-serif}.pds-comparison-list__intro{font-size:1rem;font-weight:700;margin-block-end:1.563rem}.pds-comparison-list__list{all:unset;display:flex;flex-direction:column;list-style-type:none;row-gap:1rem}.pds-comparison-list__list-item{border-bottom:1px solid var(--pds-color-border-default);column-gap:.64rem;display:grid;font-family:Poppins,sans-serif;font-size:1rem;grid-template-columns:1rem auto;padding-block-end:.8rem}.pds-comparison-list__list-item--notIncluded{color:var(--pds-color-fg-default-secondary)}.pds-comparison-list__item-icon-wrapper{position:relative}.pds-comparison-list__item-icon{position:absolute;top:1px}.pds-comparison-list__more-link{margin-block-start:1.25rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-cta-slice{background-color:var(--pds-color-
|
|
1
|
+
.pds-cta-slice{background-color:var(--pds-color-bg-default)}.pds-cta-slice--secondary{background-color:var(--pds-color-bg-default-secondary)}.pds-cta-slice .pds-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-block:3.052rem;text-align:center}@media (min-width:641px){.pds-cta-slice .pds-container{padding-block:3.815rem;padding-inline:3.815rem}}@media (min-width:1025px){.pds-cta-slice .pds-container{padding-block:5.96rem;padding-inline:4.678rem}}.pds-cta-slice__heading{color:var(--pds-color-fg-default);display:block;font-weight:700;margin-block-end:0}.pds-cta-slice__lead-text{color:var(--pds-color-fg-default-secondary);margin-block-end:0;margin-block-start:1.563rem}.pds-cta-slice__links{margin-block-start:1.953rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-dashboard-search{--dashboard-search-height:var(--pds-spacing-input-height);height:var(--dashboard-search-height);margin-inline-end:-.64rem;position:absolute;transition:width .375s ease;z-index:700}.pds-dashboard-search__combobox{left:0;position:absolute;right:0}.pds-dashboard-search__search-toggle{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:.1875rem;color:var(--pds-color-
|
|
1
|
+
.pds-dashboard-search{--dashboard-search-height:var(--pds-spacing-input-height);height:var(--dashboard-search-height);margin-inline-end:-.64rem;position:absolute;transition:width .375s ease;z-index:700}.pds-dashboard-search__combobox{left:0;position:absolute;right:0}.pds-dashboard-search__search-toggle{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:.1875rem;color:var(--pds-color-fg-default);cursor:pointer;display:flex;height:var(--dashboard-search-height)}.pds-dashboard-search__search-toggle:hover{color:var(--pds-color-interactive-link-hover)}.pds-dashboard-search__search-toggle:focus-visible{outline:1px solid var(--pds-color-interactive-focus);transition:outline .2s ease-in-out 0s}.pds-dashboard-search__search-toggle-icon{margin-block-start:.41rem;pointer-events:none}.pds-dashboard-search__option-display{justify-content:space-between;width:100%}.pds-dashboard-search__option-display,.pds-dashboard-search__option-inner{align-items:center;column-gap:.8rem;display:flex}.pds-dashboard-search__option-icon{align-items:center;color:var(--pds-color-fg-default-secondary);display:flex}.pds-dashboard-search__option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-dashboard-search--isMobile{border-bottom:1px solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;min-height:3.815rem;position:relative;width:100vw}.pds-dashboard-search--isMobile .pds-dashboard-search__combobox{margin-inline:auto;width:calc(100% - 2.5rem)}.pds-dashboard-search--mobile-inner{padding-block:.64rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-dashboard-stat{background-color:var(--pds-color-
|
|
1
|
+
.pds-dashboard-stat{background-color:var(--pds-color-bg-default-secondary);border-radius:.375rem;display:inline-flex;flex-direction:column;gap:.64rem;min-width:10rem;padding:.8rem}@media (max-width:640px){.pds-dashboard-stat{width:100%}}.pds-dashboard-stat .pds-dashboard-stat__title{color:var(--pds-color-fg-default-secondary);font-size:.833rem;font-weight:600;text-transform:uppercase}.pds-dashboard-stat .pds-dashboard-stat__stat-wrapper{align-items:center;display:grid;gap:.41rem;grid-template-columns:16px 1fr}.pds-dashboard-stat .pds-dashboard-stat__stat-wrapper .pds-dashboard-stat__stat-status.pds-dashboard-stat__stat-status--ready,.pds-dashboard-stat .pds-dashboard-stat__stat-wrapper .pds-dashboard-stat__stat-status.pds-dashboard-stat__stat-status--success{color:var(--pds-color-status-success-foreground)}.pds-dashboard-stat .pds-dashboard-stat__stat-wrapper .pds-dashboard-stat__stat-status.pds-dashboard-stat__stat-status--launch{color:var(--pds-color-status-info-foreground)}.pds-dashboard-stat .pds-dashboard-stat__stat-wrapper .pds-dashboard-stat__stat-status.pds-dashboard-stat__stat-status--warning{color:var(--pds-color-status-warning-foreground)}.pds-dashboard-stat .pds-dashboard-stat__stat-wrapper .pds-dashboard-stat__stat-status.pds-dashboard-stat__stat-status--error,.pds-dashboard-stat .pds-dashboard-stat__stat-wrapper .pds-dashboard-stat__stat-status.pds-dashboard-stat__stat-status--notReady{color:var(--pds-color-status-critical-foreground)}.pds-dashboard-stat .pds-dashboard-stat__stat-wrapper .pds-dashboard-stat__stat-value{color:var(--pds-color-fg-default);font-size:1.44rem;font-weight:600}@media (max-width:640px){.pds-dashboard-stat .pds-dashboard-stat__stat-wrapper .pds-dashboard-stat__stat-value{font-size:1.2rem}}.pds-dashboard-stat-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.563rem;width:unset}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.pds-dropdown-menu{position:relative}.pds-dropdown-menu__heading{font-weight:600;margin-block-end:.64rem}.pds-dropdown-menu__heading a{color:var(--pds-color-
|
|
2
|
-
.pds-dropdown-menu__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-dropdown-menu__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);list-style-type:none;margin-block-start:.64rem;max-height:30rem;overflow-y:scroll;padding:0;position:absolute;width:100%;z-index:300}.pds-dropdown-menu__dropdown a{color:var(--pds-color-dropdown-foreground);display:flex;padding:.64rem 1rem;text-decoration:none}.pds-dropdown-menu__dropdown:focus{outline:none}.pds-dropdown-menu__item:focus,.pds-dropdown-menu__item:hover{background-color:var(--pds-color-dropdown-item-background-hover);outline:none}.pds-dropdown-menu__item:focus a:active,.pds-dropdown-menu__item:hover a:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-dropdown-menu__item--second-level a{padding-inline-start:2.441rem}.pds-dropdown-menu__item--third-level a{padding-inline-start:4.004rem}.pds-dropdown-menu__item--fourth-level a{padding-inline-start:5.567rem}.pds-dropdown-menu__active-label{display:flex;padding-inline-start:.25rem}.pds-dropdown-menu__item--active{align-items:center;background-color:var(--pds-color-dropdown-item-background-selected);color:var(--pds-color-
|
|
1
|
+
.pds-dropdown-menu{position:relative}.pds-dropdown-menu__heading{font-weight:600;margin-block-end:.64rem}.pds-dropdown-menu__heading a{color:var(--pds-color-fg-default);text-decoration:none}.pds-dropdown-menu__heading a:hover{color:var(--pds-color-interactive-link-hover)}.pds-dropdown-menu__trigger{align-items:center;background-color:var(--pds-color-bg-default);border:1px solid var(--pds-color-border-input);border-radius:.1875rem;color:var(--pds-color-fg-default);cursor:pointer;display:flex;height:var(--pds-spacing-input-height);justify-content:space-between;padding:0 .64rem;text-align:left;width:100%}.pds-dropdown-menu__trigger:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-dropdown-menu__trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);transition:transform .2s ease-in-out 0s}.pds-dropdown-menu__trigger[aria-expanded=true]
|
|
2
|
+
.pds-dropdown-menu__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-dropdown-menu__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);list-style-type:none;margin-block-start:.64rem;max-height:30rem;overflow-y:scroll;padding:0;position:absolute;width:100%;z-index:300}.pds-dropdown-menu__dropdown a{color:var(--pds-color-dropdown-foreground);display:flex;padding:.64rem 1rem;text-decoration:none}.pds-dropdown-menu__dropdown:focus{outline:none}.pds-dropdown-menu__item:focus,.pds-dropdown-menu__item:hover{background-color:var(--pds-color-dropdown-item-background-hover);outline:none}.pds-dropdown-menu__item:focus a:active,.pds-dropdown-menu__item:hover a:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-dropdown-menu__item--second-level a{padding-inline-start:2.441rem}.pds-dropdown-menu__item--third-level a{padding-inline-start:4.004rem}.pds-dropdown-menu__item--fourth-level a{padding-inline-start:5.567rem}.pds-dropdown-menu__active-label{display:flex;padding-inline-start:.25rem}.pds-dropdown-menu__item--active{align-items:center;background-color:var(--pds-color-dropdown-item-background-selected);color:var(--pds-color-fg-default);display:flex;justify-content:space-between}.pds-dropdown-menu__active-icon{color:var(--pds-color-status-success-foreground);flex-shrink:0;margin-inline:1rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-empty-state-card{background-color:var(--pds-color-card-background);border-radius:.375rem;box-shadow:var(--pds-elevation-raised);color:var(--pds-color-
|
|
1
|
+
.pds-empty-state-card{background-color:var(--pds-color-card-background);border-radius:.375rem;box-shadow:var(--pds-elevation-raised);color:var(--pds-color-fg-default);display:flex;flex-direction:column;justify-content:space-between;padding:1.563rem}.pds-empty-state-card__cta{display:inline-block;margin-block-start:.512rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-expansion-panel details{border:1px solid var(--pds-color-border-default);border-radius:.375rem;line-height:normal}.pds-expansion-panel details>summary::-webkit-details-marker{display:none}.pds-expansion-panel details>summary{align-items:center;border-radius:.375rem;color:var(--pds-color-
|
|
1
|
+
.pds-expansion-panel details{border:1px solid var(--pds-color-border-default);border-radius:.375rem;line-height:normal}.pds-expansion-panel details>summary::-webkit-details-marker{display:none}.pds-expansion-panel details>summary{align-items:center;border-radius:.375rem;color:var(--pds-color-fg-default);cursor:pointer;display:flex;flex-wrap:nowrap;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;gap:1.25rem;justify-content:space-between;padding:.64rem 1rem;transition:background-color all .2s ease-in-out 0s}.pds-expansion-panel details>summary:hover{background-color:var(--pds-color-expansion-panel-hover);transition:background-color all .2s ease-in-out 0s}.pds-expansion-panel details>summary:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-expansion-panel details>summary .pds-expansion-panel__icon{color:var(--pds-color-fg-default-secondary);transition:all .2s ease-in-out 0s}.pds-expansion-panel .pds-expansion-panel__icon.rotated{transform:rotate(180deg)}.pds-expansion-panel details[open]>summary{background-color:var(--pds-color-expansion-panel-open);border-radius:.375rem .375rem 0 0}.pds-expansion-panel details[open]>summary .pds-expansion-panel__icon{color:var(--pds-color-fg-default)}.pds-expansion-panel .pds-expansion-panel__content{padding:.8rem 1rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-file-diff{align-items:center;display:flex;gap:.25rem;height:1.0625rem;max-width:100%;width:100%}.pds-file-diff .pds-file-diff__total-changes{color:var(--pds-color-
|
|
1
|
+
.pds-file-diff{align-items:center;display:flex;gap:.25rem;height:1.0625rem;max-width:100%;width:100%}.pds-file-diff .pds-file-diff__total-changes{color:var(--pds-color-fg-default-secondary);font-size:.694rem}.pds-file-diff .pds-file-diff__bars{align-items:center;display:flex;gap:.125rem;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-utility);border-bottom-left-radius:6.25rem;border-top-left-radius:6.25rem;height:8px;min-width:1px;right:0;transition:width .3s ease;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-utility);border-bottom-right-radius:6.25rem;border-top-right-radius:6.25rem;height:8px;left:0;min-width:1px;transition:width .3s ease;width:100%}.pds-file-diff .pds-file-diff__tooltip{display:block;padding-inline:0}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
.pds-file-upload__input-wrapper{align-items:center;background-color:var(--pds-color-
|
|
1
|
+
.pds-file-upload__input-wrapper{align-items:center;background-color:var(--pds-color-bg-default);border:1px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;column-gap:.328rem;cursor:pointer;height:var(--pds-spacing-input-height);padding-inline:.328rem .512rem;position:relative;transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s;width:100%}.pds-file-upload__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s ease-in-out 0s}.pds-file-upload__input-wrapper .pds-input-decorator{margin-inline-start:.328rem}.pds-file-upload__input::file-selector-button{padding:0;visibility:hidden;width:.1rem}.pds-file-upload__input{color:var(--pds-color-fg-default);font-size:1rem;text-align:left;width:100%}.pds-file-upload__input:focus{outline:none}.pds-file-upload__input-label{all:unset;align-items:center;background-color:var(
|
|
2
2
|
--pds-color-input-file-upload-button-background-default
|
|
3
|
-
);border-radius:.1875rem;color:var(--pds-color-
|
|
3
|
+
);border-radius:.1875rem;color:var(--pds-color-fg-default);display:flex;font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;gap:.41rem;letter-spacing:0;line-height:1;padding:.41rem .512rem;white-space:nowrap}.pds-file-upload__input-label:hover{background-color:var(
|
|
4
4
|
--pds-color-input-file-upload-button-background-hover
|
|
5
5
|
)}.pds-file-upload.pds-is-disabled .pds-file-upload__input-label{cursor:not-allowed}.pds-file-upload.pds-is-disabled .pds-file-upload__input-label:hover{background-color:var(
|
|
6
6
|
--pds-color-input-file-upload-button-background-default
|
|
7
|
-
)}.pds-file-upload--safari-default input[data-file]:after{background-color:var(--pds-color-
|
|
7
|
+
)}.pds-file-upload--safari-default input[data-file]:after{background-color:var(--pds-color-bg-default);color:var(--pds-color-fg-default);content:attr(data-file)}.pds-file-upload--safari-default .pds-file-upload__input{color:transparent}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ol.pds-flow-steps{display:flex;flex-direction:column;font-family:Poppins,sans-serif;list-style:none;padding:0;row-gap:2.441rem}ol.pds-flow-steps--indented li{column-gap:.512rem;display:flex}.pds-flow-steps__header{font-size:1rem;font-weight:600;line-height:140%}.pds-flow-steps__number{align-items:center;background-color:var(--pds-color-
|
|
1
|
+
ol.pds-flow-steps{display:flex;flex-direction:column;font-family:Poppins,sans-serif;list-style:none;padding:0;row-gap:2.441rem}ol.pds-flow-steps--indented li{column-gap:.512rem;display:flex}.pds-flow-steps__header{font-size:1rem;font-weight:600;line-height:140%}.pds-flow-steps__number{align-items:center;background-color:var(--pds-color-bg-reverse);border-radius:50%;color:var(--pds-color-fg-reverse);display:flex;flex-shrink:0;font-family:Poppins,sans-serif;font-size:.833rem;font-weight:600;height:1.25rem;justify-content:center;line-height:90%;padding:1px;width:1.25rem}.pds-flow-steps__number span{padding-block-start:1px}.pds-flow-steps__content{padding-block-start:.8rem}.pds-flow-steps__header-group{column-gap:.512rem;display:flex}.pds-flow-steps__content-group{overflow-x:hidden;width:100%}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-footer-heading{color:var(--pds-color-
|
|
1
|
+
.pds-footer-heading{color:var(--pds-color-fg-default);font-weight:600;line-height:120%;margin-block-end:1.25rem;margin-block-start:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-footer-links{color:var(--pds-color-
|
|
1
|
+
.pds-footer-links{color:var(--pds-color-fg-default);font-family:Poppins,sans-serif}.pds-footer-links__list{display:flex;flex-direction:column;font-size:.833rem;font-weight:400;list-style-type:none;margin:0;padding:0;row-gap:1rem}.pds-footer-links__item a{color:var(--pds-color-fg-default);text-decoration:none}.pds-footer-links__item a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
button.pds-icon-button{--icon-button-size:2.25rem;--icon-button-foreground:var(--pds-color-
|
|
1
|
+
button.pds-icon-button{--icon-button-size:2.25rem;--icon-button-foreground:var(--pds-color-fg-default);--icon-button-background-hover:var(
|
|
2
2
|
--pds-color-icon-button-standard-background-hover
|
|
3
3
|
);--icon-button-background-active:var(
|
|
4
4
|
--pds-color-icon-button-standard-background-active
|
|
5
|
-
);background-color:transparent;border:none;border-radius:.1875rem;color:var(--icon-button-foreground);cursor:pointer;height:var(--icon-button-size);padding:0;width:var(--icon-button-size)}.pds-icon-button__content,button.pds-icon-button{align-items:center;display:flex;justify-content:center}.pds-icon-button__content{align-content:stretch;height:100%}.pds-icon-button:disabled .pds-icon-button__content{cursor:not-allowed;opacity:45%}button.pds-icon-button:hover:enabled{background-color:var(--icon-button-background-hover)}button.pds-icon-button:active:enabled{background-color:var(--icon-button-background-active)}button.pds-icon-button:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}button.pds-icon-button--reverse{--icon-button-foreground:var(--pds-color-
|
|
5
|
+
);background-color:transparent;border:none;border-radius:.1875rem;color:var(--icon-button-foreground);cursor:pointer;height:var(--icon-button-size);padding:0;width:var(--icon-button-size)}.pds-icon-button__content,button.pds-icon-button{align-items:center;display:flex;justify-content:center}.pds-icon-button__content{align-content:stretch;height:100%}.pds-icon-button:disabled .pds-icon-button__content{cursor:not-allowed;opacity:45%}button.pds-icon-button:hover:enabled{background-color:var(--icon-button-background-hover)}button.pds-icon-button:active:enabled{background-color:var(--icon-button-background-active)}button.pds-icon-button:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}button.pds-icon-button--reverse{--icon-button-foreground:var(--pds-color-fg-reverse);--icon-button-background-hover:var(
|
|
6
6
|
--pds-color-icon-button-reverse-background-hover
|
|
7
7
|
);--icon-button-background-active:var(
|
|
8
8
|
--pds-color-icon-button-reverse-background-active
|