@pantheon-systems/pds-toolkit-react 1.0.0-dev.210 → 1.0.0-dev.212
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/DashboardStat/DashboardStat.d.ts +28 -0
- package/_dist/components/Icon/Icon.d.ts +14 -2
- package/_dist/components/buttons/MenuButton/MenuButton.d.ts +3 -1
- package/_dist/components/buttons/UtilityButton/UtilityButton.d.ts +6 -2
- package/_dist/components/inputs/Checkbox/Checkbox.d.ts +6 -2
- package/_dist/components/inputs/CheckboxFieldset/CheckboxFieldset.d.ts +2 -2
- package/_dist/components/inputs/CheckboxGroup/CheckboxGroup.d.ts +2 -2
- package/_dist/components/inputs/Combobox/Combobox.d.ts +1 -1
- package/_dist/components/inputs/FileUpload/FileUpload.d.ts +2 -2
- package/_dist/components/inputs/RadioGroup/RadioGroup.d.ts +1 -1
- package/_dist/components/inputs/Select/Select.d.ts +1 -1
- package/_dist/components/inputs/Switch/Switch.d.ts +2 -2
- package/_dist/components/inputs/TextInput/TextInput.d.ts +2 -2
- package/_dist/components/inputs/Textarea/Textarea.d.ts +2 -2
- package/_dist/components/inputs/input-utilities.d.ts +3 -3
- package/_dist/css/component-css/pds-avatar.css +1 -1
- package/_dist/css/component-css/pds-banner.css +1 -1
- package/_dist/css/component-css/pds-breadcrumb.css +1 -1
- package/_dist/css/component-css/pds-button.css +3 -3
- package/_dist/css/component-css/pds-callout.css +1 -1
- package/_dist/css/component-css/pds-card-select-group.css +1 -1
- package/_dist/css/component-css/pds-checkbox.css +1 -1
- package/_dist/css/component-css/pds-combobox.css +1 -1
- package/_dist/css/component-css/pds-comparison-list.css +1 -1
- package/_dist/css/component-css/pds-cta-link.css +1 -1
- package/_dist/css/component-css/pds-dashboard-nav.css +2 -2
- package/_dist/css/component-css/pds-dashboard-search.css +1 -1
- package/_dist/css/component-css/pds-dashboard-stat.css +1 -0
- package/_dist/css/component-css/pds-dropdown-menu.css +1 -1
- package/_dist/css/component-css/pds-expansion-panel-group.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 +1 -1
- package/_dist/css/component-css/pds-icon-button.css +3 -3
- package/_dist/css/component-css/pds-index.css +17 -25
- package/_dist/css/component-css/pds-indicator-badge.css +1 -1
- package/_dist/css/component-css/pds-inline-message.css +1 -1
- package/_dist/css/component-css/pds-input-group.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-pagination.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-radio-group.css +1 -1
- package/_dist/css/component-css/pds-section-message.css +1 -1
- package/_dist/css/component-css/pds-segmented-button.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 +1 -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-split-button.css +1 -1
- package/_dist/css/component-css/pds-status-badge.css +1 -9
- 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 +1 -1
- package/_dist/css/component-css/pds-table.css +1 -1
- package/_dist/css/component-css/pds-tabs.css +1 -1
- package/_dist/css/component-css/pds-tag.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-toggle-button.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-workspace-selector.css +1 -1
- package/_dist/css/design-tokens/pds-design-tokens-dark-mode.css +8 -65
- package/_dist/css/design-tokens/pds-design-tokens-light-mode.css +33 -85
- package/_dist/css/design-tokens/pds-design-tokens.css +10 -3
- package/_dist/css/pds-components.css +17 -25
- package/_dist/css/pds-core.css +3 -3
- package/_dist/css/pds-layouts.css +1 -1
- package/_dist/index.css +1 -1
- package/_dist/index.d.ts +1 -0
- package/_dist/index.js +1412 -1365
- package/_dist/index.js.map +1 -1
- package/_dist/mocks/markup/inputs.d.ts +2 -0
- package/package.json +2 -2
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React, { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import './dashboard-stat.css';
|
|
3
|
+
export type DashBoardStatStatus = 'success' | 'warning' | 'launch' | 'error' | 'ready' | 'notReady';
|
|
4
|
+
/**
|
|
5
|
+
* Prop types for DashboardStat
|
|
6
|
+
*/
|
|
7
|
+
export interface DashboardStatProps extends ComponentPropsWithoutRef<'div'> {
|
|
8
|
+
/**
|
|
9
|
+
* Title of the stat, displayed as the main heading of the component.
|
|
10
|
+
*/
|
|
11
|
+
title?: string;
|
|
12
|
+
/**
|
|
13
|
+
* Status of the stat, which determines the icon and icon color.
|
|
14
|
+
*/
|
|
15
|
+
status?: DashBoardStatStatus;
|
|
16
|
+
/**
|
|
17
|
+
* Value of the stat, displayed next to the status icon.
|
|
18
|
+
*/
|
|
19
|
+
stat?: string | number;
|
|
20
|
+
/**
|
|
21
|
+
* Additional class names.
|
|
22
|
+
*/
|
|
23
|
+
className?: string;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* DashboardStat UI component
|
|
27
|
+
*/
|
|
28
|
+
export declare const DashboardStat: ({ title, status, stat, className, ...props }: DashboardStatProps) => React.JSX.Element;
|
|
@@ -307,7 +307,11 @@ declare const svgData: {
|
|
|
307
307
|
};
|
|
308
308
|
readonly file: {
|
|
309
309
|
readonly path: "M0 64C0 28.7 28.7 0 64 0L224 0l0 128c0 17.7 14.3 32 32 32l128 0 0 288c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 64zm384 64l-128 0L256 0 384 128z";
|
|
310
|
-
readonly width: "
|
|
310
|
+
readonly width: "384";
|
|
311
|
+
};
|
|
312
|
+
readonly fileCheck: {
|
|
313
|
+
readonly path: "M64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-288-128 0c-17.7 0-32-14.3-32-32L224 0 64 0zM256 0l0 128 128 0L256 0zm49 281L177 409c-9.4 9.4-24.6 9.4-33.9 0L79 345c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L271 247c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z";
|
|
314
|
+
readonly width: "384";
|
|
311
315
|
};
|
|
312
316
|
readonly fileContract: {
|
|
313
317
|
readonly path: "M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM80 64h64c8.8 0 16 7.2 16 16s-7.2 16-16 16H80c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64h64c8.8 0 16 7.2 16 16s-7.2 16-16 16H80c-8.8 0-16-7.2-16-16s7.2-16 16-16zm54.2 253.8c-6.1 20.3-24.8 34.2-46 34.2H80c-8.8 0-16-7.2-16-16s7.2-16 16-16h8.2c7.1 0 13.3-4.6 15.3-11.4l14.9-49.5c3.4-11.3 13.8-19.1 25.6-19.1s22.2 7.7 25.6 19.1l11.6 38.6c7.4-6.2 16.8-9.7 26.8-9.7c15.9 0 30.4 9 37.5 23.2l4.4 8.8H304c8.8 0 16 7.2 16 16s-7.2 16-16 16H240c-6.1 0-11.6-3.4-14.3-8.8l-8.8-17.7c-1.7-3.4-5.1-5.5-8.8-5.5s-7.2 2.1-8.8 5.5l-8.8 17.7c-2.9 5.9-9.2 9.4-15.7 8.8s-12.1-5.1-13.9-11.3L144 349l-9.8 32.8z";
|
|
@@ -337,6 +341,10 @@ declare const svgData: {
|
|
|
337
341
|
readonly path: "M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V304H176c-35.3 0-64 28.7-64 64V512H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128zM176 352h32c30.9 0 56 25.1 56 56s-25.1 56-56 56H192v32c0 8.8-7.2 16-16 16s-16-7.2-16-16V448 368c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24H192v48h16zm96-80h32c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48H304c-8.8 0-16-7.2-16-16V368c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16V400c0-8.8-7.2-16-16-16H320v96h16zm80-112c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16s-7.2 16-16 16H448v32h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H448v48c0 8.8-7.2 16-16 16s-16-7.2-16-16V432 368z";
|
|
338
342
|
readonly width: "512";
|
|
339
343
|
};
|
|
344
|
+
readonly fileZip: {
|
|
345
|
+
readonly path: "M0 64C0 28.7 28.7 0 64 0L224 0l0 128c0 17.7 14.3 32 32 32l128 0 0 144-144 0c-35.3 0-64 28.7-64 64l0 144L64 512c-35.3 0-64-28.7-64-64L0 64zm384 64l-128 0L256 0 384 128zM240 352l64 0c5.5 0 10.7 2.9 13.6 7.6s3.2 10.6 .7 15.6L265.9 480l38.1 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-64 0c-5.5 0-10.7-2.9-13.6-7.6s-3.2-10.6-.7-15.6L278.1 384 240 384c-8.8 0-16-7.2-16-16s7.2-16 16-16zm144 16l0 128c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-128c0-8.8 7.2-16 16-16s16 7.2 16 16zm32 0c0-8.8 7.2-16 16-16l24 0c30.9 0 56 25.1 56 56s-25.1 56-56 56l-8 0 0 32c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-48 0-80zm32 64l8 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0 48z";
|
|
346
|
+
readonly width: "512";
|
|
347
|
+
};
|
|
340
348
|
readonly folder: {
|
|
341
349
|
readonly path: "M64 480H448c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64H288c-10.1 0-19.6-4.7-25.6-12.8L243.2 57.6C231.1 41.5 212.1 32 192 32H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64z";
|
|
342
350
|
readonly width: "512";
|
|
@@ -425,6 +433,10 @@ declare const svgData: {
|
|
|
425
433
|
readonly path: "M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z";
|
|
426
434
|
readonly width: "512";
|
|
427
435
|
};
|
|
436
|
+
readonly memo: {
|
|
437
|
+
readonly path: "M0 64C0 28.7 28.7 0 64 0L320 0c35.3 0 64 28.7 64 64l0 384c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 64zm64 80c0 8.8 7.2 16 16 16l224 0c8.8 0 16-7.2 16-16s-7.2-16-16-16L80 128c-8.8 0-16 7.2-16 16zm16 80c-8.8 0-16 7.2-16 16s7.2 16 16 16l224 0c8.8 0 16-7.2 16-16s-7.2-16-16-16L80 224zm0 96c-8.8 0-16 7.2-16 16s7.2 16 16 16l128 0c8.8 0 16-7.2 16-16s-7.2-16-16-16L80 320z";
|
|
438
|
+
readonly width: "384";
|
|
439
|
+
};
|
|
428
440
|
readonly messages: {
|
|
429
441
|
readonly path: "M64 0C28.7 0 0 28.7 0 64V256c0 35.3 28.7 64 64 64H96v48c0 6.1 3.4 11.6 8.8 14.3s11.9 2.1 16.8-1.5L202.7 320H352c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H64zM352 352H256v32c0 35.3 28.7 64 64 64H437.3l81.1 60.8c4.8 3.6 11.3 4.2 16.8 1.5s8.8-8.2 8.8-14.3V448h32c35.3 0 64-28.7 64-64V192c0-35.3-28.7-64-64-64H448V256c0 53-43 96-96 96z";
|
|
430
442
|
readonly width: "640";
|
|
@@ -658,5 +670,5 @@ declare const svgData: {
|
|
|
658
670
|
readonly width: "576";
|
|
659
671
|
};
|
|
660
672
|
};
|
|
661
|
-
export declare const iconList: ("angleDown" | "angleLeft" | "angleRight" | "angleUp" | "anglesLeft" | "anglesRight" | "arrowDownToLine" | "arrowLeft" | "arrowRight" | "asterisk" | "banBug" | "bars" | "barsFilter" | "billboard" | "bitbucket" | "bolt" | "book" | "books" | "bracketRight" | "broomWide" | "building" | "buildings" | "calendarDays" | "ccAmex" | "ccDiscover" | "ccGeneric" | "ccMC" | "ccVisa" | "chartSimple" | "cloud" | "cloudArrowUp" | "cloudPlus" | "code" | "codeBranch" | "codeMerge" | "caretDown" | "caretLeft" | "caretRight" | "caretUp" | "chartLine" | "chartNetwork" | "check" | "circle" | "circleExclamation" | "circleCheck" | "circleInfo" | "circleMinus" | "circleMinusOutline" | "circleNotch" | "circlePlus" | "circlePlusOutline" | "circleQuestion" | "circleXmark" | "command" | "comment" | "copy" | "diamondExclamation" | "diamonds4" | "discourse" | "download" | "drupal" | "ellipsis" | "ellipsisVertical" | "emptySet" | "envelope" | "exclamation" | "externalLink" | "eye" | "eyeSlash" | "facebook" | "file" | "fileContract" | "fileCSV" | "fileDiff" | "fileExport" | "fileImport" | "fileLines" | "filePDF" | "folder" | "gear" | "github" | "gitlab" | "globe" | "globeLine" | "graduationCap" | "grid" | "gripDots" | "gripDotsVertical" | "heart" | "house" | "idCard" | "instagram" | "keySkeleton" | "laptopCode" | "leaf" | "lifeRing" | "linkedin" | "linkSimple" | "linkSimpleSlash" | "magnifyingGlass" | "messages" | "minus" | "moon" | "paperclip" | "paperPlane" | "pen" | "phone" | "play" | "plus" | "quotesLeft" | "quotesRight" | "rectangleList" | "rocketLaunch" | "robot" | "rotate" | "rotateClock" | "rss" | "save" | "server" | "shield" | "shovel" | "siren" | "sitemap" | "slack" | "slashForward" | "slidersSimple" | "snowflake" | "sparkles" | "squareCheck" | "squareCode" | "squareMinus" | "squarePen" | "squareQuestion" | "squareTerminal" | "star" | "sun" | "table" | "terminal" | "threads" | "thumbsDown" | "thumbsUp" | "trash" | "triangleExclamation" | "twitter" | "upload" | "user" | "userGear" | "userPlus" | "users" | "video" | "wavePulse" | "windowRestore" | "wordpress" | "wrench" | "xmark" | "xmarkLarge" | "xTwitter" | "youtube")[];
|
|
673
|
+
export declare const iconList: ("angleDown" | "angleLeft" | "angleRight" | "angleUp" | "anglesLeft" | "anglesRight" | "arrowDownToLine" | "arrowLeft" | "arrowRight" | "asterisk" | "banBug" | "bars" | "barsFilter" | "billboard" | "bitbucket" | "bolt" | "book" | "books" | "bracketRight" | "broomWide" | "building" | "buildings" | "calendarDays" | "ccAmex" | "ccDiscover" | "ccGeneric" | "ccMC" | "ccVisa" | "chartSimple" | "cloud" | "cloudArrowUp" | "cloudPlus" | "code" | "codeBranch" | "codeMerge" | "caretDown" | "caretLeft" | "caretRight" | "caretUp" | "chartLine" | "chartNetwork" | "check" | "circle" | "circleExclamation" | "circleCheck" | "circleInfo" | "circleMinus" | "circleMinusOutline" | "circleNotch" | "circlePlus" | "circlePlusOutline" | "circleQuestion" | "circleXmark" | "command" | "comment" | "copy" | "diamondExclamation" | "diamonds4" | "discourse" | "download" | "drupal" | "ellipsis" | "ellipsisVertical" | "emptySet" | "envelope" | "exclamation" | "externalLink" | "eye" | "eyeSlash" | "facebook" | "file" | "fileCheck" | "fileContract" | "fileCSV" | "fileDiff" | "fileExport" | "fileImport" | "fileLines" | "filePDF" | "fileZip" | "folder" | "gear" | "github" | "gitlab" | "globe" | "globeLine" | "graduationCap" | "grid" | "gripDots" | "gripDotsVertical" | "heart" | "house" | "idCard" | "instagram" | "keySkeleton" | "laptopCode" | "leaf" | "lifeRing" | "linkedin" | "linkSimple" | "linkSimpleSlash" | "magnifyingGlass" | "memo" | "messages" | "minus" | "moon" | "paperclip" | "paperPlane" | "pen" | "phone" | "play" | "plus" | "quotesLeft" | "quotesRight" | "rectangleList" | "rocketLaunch" | "robot" | "rotate" | "rotateClock" | "rss" | "save" | "server" | "shield" | "shovel" | "siren" | "sitemap" | "slack" | "slashForward" | "slidersSimple" | "snowflake" | "sparkles" | "squareCheck" | "squareCode" | "squareMinus" | "squarePen" | "squareQuestion" | "squareTerminal" | "star" | "sun" | "table" | "terminal" | "threads" | "thumbsDown" | "thumbsUp" | "trash" | "triangleExclamation" | "twitter" | "upload" | "user" | "userGear" | "userPlus" | "users" | "video" | "wavePulse" | "windowRestore" | "wordpress" | "wrench" | "xmark" | "xmarkLarge" | "xTwitter" | "youtube")[];
|
|
662
674
|
export {};
|
|
@@ -59,7 +59,9 @@ export interface MenuButtonProps extends ComponentPropsWithRef<'span'> {
|
|
|
59
59
|
*/
|
|
60
60
|
variant?: 'primary' | 'secondary' | 'navbar';
|
|
61
61
|
/**
|
|
62
|
-
* Is this button located
|
|
62
|
+
* Is this button located with the Navbar component?
|
|
63
|
+
* This will adjust the styling and position of the dropdown.
|
|
64
|
+
* Omit this prop for the Dashboard application. It only applies to the standard Navbar component with a bottom border.
|
|
63
65
|
*/
|
|
64
66
|
withinNavbar?: boolean;
|
|
65
67
|
/**
|
|
@@ -21,6 +21,10 @@ export interface UtilityButtonProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
21
21
|
* Is the button critical? If true, the button will be styled as critical on hover and focus.
|
|
22
22
|
*/
|
|
23
23
|
isCritical?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* Should the button label use the monospace font?
|
|
26
|
+
*/
|
|
27
|
+
isMonospace?: boolean;
|
|
24
28
|
/**
|
|
25
29
|
* The text of the button.
|
|
26
30
|
*/
|
|
@@ -30,7 +34,7 @@ export interface UtilityButtonProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
30
34
|
*/
|
|
31
35
|
onClick?: () => void;
|
|
32
36
|
/**
|
|
33
|
-
* Tooltip text.
|
|
37
|
+
* Tooltip text.
|
|
34
38
|
*/
|
|
35
39
|
tooltipText?: string;
|
|
36
40
|
/**
|
|
@@ -41,4 +45,4 @@ export interface UtilityButtonProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
41
45
|
/**
|
|
42
46
|
* UtilityButton UI component
|
|
43
47
|
*/
|
|
44
|
-
export declare const UtilityButton: ({ buttonProps, disabled, iconName, isCritical, label, onClick, tooltipText, className, ...props }: UtilityButtonProps) => React.JSX.Element;
|
|
48
|
+
export declare const UtilityButton: ({ buttonProps, disabled, iconName, isCritical, isMonospace, label, onClick, tooltipText, className, ...props }: UtilityButtonProps) => React.JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { ComponentPropsWithoutRef, ChangeEvent, FocusEvent } from 'react';
|
|
1
|
+
import React, { ComponentPropsWithoutRef, ChangeEvent, FocusEvent, ReactNode } from 'react';
|
|
2
2
|
import { ValidationStatus } from '../input-types';
|
|
3
3
|
import './checkbox.css';
|
|
4
4
|
/**
|
|
@@ -40,7 +40,7 @@ export interface CheckboxProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
40
40
|
/**
|
|
41
41
|
* Input message. Used to provide supplemental text. Will be displayed below the input field.
|
|
42
42
|
*/
|
|
43
|
-
message?: string;
|
|
43
|
+
message?: string | ReactNode;
|
|
44
44
|
/**
|
|
45
45
|
* Name attribute of the checkbox.
|
|
46
46
|
*/
|
|
@@ -69,6 +69,10 @@ export interface CheckboxProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
69
69
|
* Should the label be visible? If false, it will render for screen readers only.
|
|
70
70
|
*/
|
|
71
71
|
showLabel?: boolean;
|
|
72
|
+
/**
|
|
73
|
+
* Size of the label and checkbox. Defaults to 'M'.
|
|
74
|
+
*/
|
|
75
|
+
size?: 'S' | 'M';
|
|
72
76
|
/**
|
|
73
77
|
* Validation message for the input field based on the validation status.
|
|
74
78
|
*/
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { ComponentPropsWithoutRef } from 'react';
|
|
1
|
+
import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
2
|
import { ValidationStatus } from '../input-types';
|
|
3
3
|
import '../CheckboxGroup/checkbox-group.css';
|
|
4
4
|
/**
|
|
@@ -32,7 +32,7 @@ export interface CheckboxGroupWrapperProps extends ComponentPropsWithoutRef<'div
|
|
|
32
32
|
/**
|
|
33
33
|
* Input message. Used to provide supplemental text. Will be displayed below the field.
|
|
34
34
|
*/
|
|
35
|
-
message?: string;
|
|
35
|
+
message?: string | ReactNode;
|
|
36
36
|
/**
|
|
37
37
|
* Is the field required?
|
|
38
38
|
*/
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { ComponentPropsWithoutRef } from 'react';
|
|
1
|
+
import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
2
|
import { ValidationStatus } from '../input-types';
|
|
3
3
|
import './checkbox-group.css';
|
|
4
4
|
export type CheckboxOption = {
|
|
@@ -36,7 +36,7 @@ export interface CheckboxGroupProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
36
36
|
/**
|
|
37
37
|
* Input message. Used to provide supplemental text. Will be displayed below the field.
|
|
38
38
|
*/
|
|
39
|
-
message?: string;
|
|
39
|
+
message?: string | ReactNode;
|
|
40
40
|
/**
|
|
41
41
|
* onGroupBlur function. Called when all checkboxes have lost focus. Provides an array of checked values.
|
|
42
42
|
*/
|
|
@@ -69,7 +69,7 @@ export interface ComboboxProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
69
69
|
/**
|
|
70
70
|
* Message or description used to help clarify the usage of the input.
|
|
71
71
|
*/
|
|
72
|
-
message?: string;
|
|
72
|
+
message?: string | ReactNode;
|
|
73
73
|
/**
|
|
74
74
|
* Text to display when there are no results.
|
|
75
75
|
*/
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { ComponentPropsWithoutRef } from 'react';
|
|
1
|
+
import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
2
|
import { ValidationStatus } from '../input-types';
|
|
3
3
|
import './file-upload.css';
|
|
4
4
|
type LabelStrings = {
|
|
@@ -40,7 +40,7 @@ export interface FileUploadProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
40
40
|
/**
|
|
41
41
|
* Message or description used to help clarify the usage of the input.
|
|
42
42
|
*/
|
|
43
|
-
message?: string;
|
|
43
|
+
message?: string | ReactNode;
|
|
44
44
|
/**
|
|
45
45
|
* Should the input accept multiple files?
|
|
46
46
|
*/
|
|
@@ -50,7 +50,7 @@ export interface RadioGroupProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
50
50
|
/**
|
|
51
51
|
* Input message
|
|
52
52
|
*/
|
|
53
|
-
message?: string;
|
|
53
|
+
message?: string | ReactNode;
|
|
54
54
|
/**
|
|
55
55
|
* Callback function that will return the updated value from the instance when it changes.
|
|
56
56
|
*/
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { ChangeEvent, ComponentPropsWithoutRef } from 'react';
|
|
1
|
+
import React, { ChangeEvent, ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
2
|
import './switch.css';
|
|
3
3
|
type SwitchPlacement = 'right' | 'below';
|
|
4
4
|
/**
|
|
@@ -36,7 +36,7 @@ export interface SwitchProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
36
36
|
/**
|
|
37
37
|
* Message or description used to help clarify the usage of the input.
|
|
38
38
|
*/
|
|
39
|
-
message?: string;
|
|
39
|
+
message?: string | ReactNode;
|
|
40
40
|
/**
|
|
41
41
|
* Status text for when switch is off.
|
|
42
42
|
*/
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { ComponentPropsWithoutRef, ChangeEvent, FocusEvent } from 'react';
|
|
1
|
+
import React, { ComponentPropsWithoutRef, ChangeEvent, FocusEvent, ReactNode } from 'react';
|
|
2
2
|
import { ValidationStatus } from '../input-types';
|
|
3
3
|
import './text-input.css';
|
|
4
4
|
type TranslationStringProps = {
|
|
@@ -58,7 +58,7 @@ export interface TextInputProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
58
58
|
/**
|
|
59
59
|
* Input message. Used to provide supplemental text. Will be displayed below the input field.
|
|
60
60
|
*/
|
|
61
|
-
message?: string;
|
|
61
|
+
message?: string | ReactNode;
|
|
62
62
|
/**
|
|
63
63
|
* onBlur event handler.
|
|
64
64
|
*/
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { ComponentPropsWithoutRef, FocusEvent } from 'react';
|
|
1
|
+
import React, { ComponentPropsWithoutRef, FocusEvent, ReactNode } from 'react';
|
|
2
2
|
import { ValidationStatus } from '../input-types';
|
|
3
3
|
import './textarea.css';
|
|
4
4
|
export type TranslationStringProps = {
|
|
@@ -41,7 +41,7 @@ export interface TextareaProps {
|
|
|
41
41
|
/**
|
|
42
42
|
* Message or description used to help clarify the usage of the input.
|
|
43
43
|
*/
|
|
44
|
-
message?: string;
|
|
44
|
+
message?: string | ReactNode;
|
|
45
45
|
/**
|
|
46
46
|
* onBlur event handler.
|
|
47
47
|
*/
|
|
@@ -51,10 +51,10 @@ interface InputLabelProps {
|
|
|
51
51
|
export declare const InputLabel: ({ id, label, showLabel, required, disabled, isLegend, isPseudoLabel, className, }: InputLabelProps) => React.JSX.Element;
|
|
52
52
|
export declare const InputMessage: ({ id, message, hasValidationMessage, validationMessageHasDecorators, validationStatus, className, }: {
|
|
53
53
|
id: string;
|
|
54
|
-
message
|
|
55
|
-
hasValidationMessage
|
|
54
|
+
message?: string | ReactNode;
|
|
55
|
+
hasValidationMessage?: boolean;
|
|
56
56
|
validationMessageHasDecorators?: boolean;
|
|
57
|
-
validationStatus
|
|
57
|
+
validationStatus?: string;
|
|
58
58
|
className?: string;
|
|
59
59
|
}) => React.JSX.Element;
|
|
60
60
|
type DecoratorVariants = 'search' | 'error' | 'success';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-avatar{--pds-avatar-size:1.953rem;--pds-avatar-icon-size:1.125rem;align-items:center;border
|
|
1
|
+
.pds-avatar{--pds-avatar-size:1.953rem;--pds-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(--pds-avatar-size);width:var(--pds-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;width:auto}.pds-avatar__user-icon{color:var(--pds-color-foreground-reverse);height:var(--pds-avatar-icon-size);width:var(--pds-avatar-icon-size)}.pds-avatar--xs{--pds-avatar-size:1rem;--pds-avatar-icon-size:0.5625rem}.pds-avatar--sm{--pds-avatar-size:1.563rem;--pds-avatar-icon-size:0.875rem}.pds-avatar--md{--pds-avatar-size:1.953rem;--pds-avatar-icon-size:1.125rem}.pds-avatar--lg{--pds-avatar-size:2.441rem;--pds-avatar-icon-size:1.375rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-banner-group{--pds-banner-background:var(--pds-color-banner-info-background);--pds-banner-foreground:var(--pds-color-banner-info-foreground);--pds-banner-height:4.678rem;--pds-nav-button-size:1.953rem;min-height:var(--pds-banner-height);position:relative}@media (min-width:641px){.pds-banner-group{--pds-banner-height:3.815rem}}.pds-banner--critical,.pds-banner-group--critical{--pds-banner-background:var(--pds-color-banner-critical-background);--pds-banner-foreground:var(--pds-color-banner-critical-foreground)}.pds-banner--info,.pds-banner-group--info{--pds-banner-background:var(--pds-color-banner-info-background);--pds-banner-foreground:var(--pds-color-banner-info-foreground)}.pds-banner--warning,.pds-banner-group--warning{--pds-banner-background:var(--pds-color-banner-warning-background);--pds-banner-foreground:var(--pds-color-banner-warning-foreground)}.pds-banner{background:var(--pds-banner-background);box-sizing:border-box;color:var(--pds-banner-foreground);font-size:.833rem;height:var(--pds-banner-height);justify-content:space-between;padding-inline:1.953rem;position:absolute;width:100%}.pds-banner,.pds-banner__content{align-items:center;display:flex;gap:.8rem}.pds-banner__icon{flex-grow:0;flex-shrink:0}.pds-banner__message p{all:unset}.pds-banner__message a{color:var(--pds-banner-foreground);padding:.125rem;text-decoration:underline}.pds-banner__message a:hover{background-color:hsla(0,0%,100%,.2);color:var(--pds-banner-foreground);text-decoration:none;transition:all .2s ease-in-out 0s}.pds-banner__message a:focus-visible{outline
|
|
1
|
+
.pds-banner-group{--pds-banner-background:var(--pds-color-banner-info-background);--pds-banner-foreground:var(--pds-color-banner-info-foreground);--pds-banner-height:4.678rem;--pds-nav-button-size:1.953rem;min-height:var(--pds-banner-height);position:relative}@media (min-width:641px){.pds-banner-group{--pds-banner-height:3.815rem}}.pds-banner--critical,.pds-banner-group--critical{--pds-banner-background:var(--pds-color-banner-critical-background);--pds-banner-foreground:var(--pds-color-banner-critical-foreground)}.pds-banner--info,.pds-banner-group--info{--pds-banner-background:var(--pds-color-banner-info-background);--pds-banner-foreground:var(--pds-color-banner-info-foreground)}.pds-banner--warning,.pds-banner-group--warning{--pds-banner-background:var(--pds-color-banner-warning-background);--pds-banner-foreground:var(--pds-color-banner-warning-foreground)}.pds-banner{background:var(--pds-banner-background);box-sizing:border-box;color:var(--pds-banner-foreground);font-size:.833rem;height:var(--pds-banner-height);justify-content:space-between;padding-inline:1.953rem;position:absolute;width:100%}.pds-banner,.pds-banner__content{align-items:center;display:flex;gap:.8rem}.pds-banner__icon{flex-grow:0;flex-shrink:0}.pds-banner__message p{all:unset}.pds-banner__message a{color:var(--pds-banner-foreground);padding:.125rem;text-decoration:underline}.pds-banner__message a:hover{background-color:hsla(0,0%,100%,.2);color:var(--pds-banner-foreground);text-decoration:none;transition:all .2s ease-in-out 0s}.pds-banner__message a:focus-visible{outline:1px solid var(--pds-banner-foreground);outline-offset:0}.pds-banner__dismiss-button{all:unset;border-radius:.1875rem;cursor:pointer;padding:.328rem .512rem;transition:all .2s ease-in-out 0s}.pds-banner__dismiss-button:hover{background-color:hsla(0,0%,100%,.2)}.pds-banner__dismiss-button:focus-visible{outline:1px solid var(--pds-banner-foreground);outline-offset:0}.pds-banner-group--multiple .pds-banner{padding-inline:3.052rem}.pds-banner__navigation{display:flex;justify-content:space-between;width:100%}button.pds-banner__nav-button{color:var(--pds-banner-foreground);height:var(--pds-nav-button-size);margin-block:1.375rem;margin-inline:.512rem;min-width:unset;padding:0;transition:all .2s ease-in-out 0s;width:var(--pds-nav-button-size);z-index:calc(var(--pds-z-index-notifications) + 10)}@media (min-width:641px){button.pds-banner__nav-button{margin-block:.9375rem}}button.pds-banner__nav-button:hover:enabled{background-color:hsla(0,0%,100%,.2)}button.pds-banner__nav-button:focus-visible{outline:1px solid var(--pds-banner-foreground);outline-offset:0}.pds-banner--dismissing,.pds-banner--fading{animation:hideBannerAnimation .2s ease-in;animation-fill-mode:forwards}@keyframes hideBannerAnimation{to{opacity:0}0%{opacity:1}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-breadcrumb{color:var(--pds-color-text-default-secondary);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400}.pds-breadcrumb a{color:var(--pds-color-interactive-link-default);text-decoration:none;transition:all .2s ease-in-out 0s}.pds-breadcrumb a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-breadcrumb a:active{color:var(--pds-color-interactive-link-active);outline:none}.pds-breadcrumb a:focus-visible{outline
|
|
1
|
+
.pds-breadcrumb{color:var(--pds-color-text-default-secondary);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400}.pds-breadcrumb a{color:var(--pds-color-interactive-link-default);text-decoration:none;transition:all .2s ease-in-out 0s}.pds-breadcrumb a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-breadcrumb a:active{color:var(--pds-color-interactive-link-active);outline:none}.pds-breadcrumb a:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none;transition:outline .2s ease-in-out 0s}.pds-breadcrumb__crumbs{display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0;row-gap:.512rem}.pds-breadcrumb__crumb{align-items:center;display:flex}.pds-breadcrumb__crumb:not(:last-child):after{color:var(--pds-color-border-separator);content:"/";font-size:.694rem;margin-inline:.512rem}.pds-breadcrumb__crumb--current a{color:var(--pds-color-text-default-secondary)}
|
|
@@ -2,7 +2,7 @@ a.pds-button,button.pds-button{--pds-button-color-background:var(
|
|
|
2
2
|
--pds-color-button-primary-background-default
|
|
3
3
|
);--pds-button-color-foreground:var(
|
|
4
4
|
--pds-color-button-primary-foreground-default
|
|
5
|
-
);--pds-button-color-border:var(--pds-color-button-primary-border-default);align-items:center;background-color:var(--pds-button-color-background);border
|
|
5
|
+
);--pds-button-color-border:var(--pds-color-button-primary-border-default);align-items:center;background-color:var(--pds-button-color-background);border:1px solid var(--pds-button-color-border);border-radius:.1875rem;box-sizing:border-box;color:var(--pds-button-color-foreground);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;gap:.64rem;height:2.25rem;justify-content:center;letter-spacing:.025em;line-height:1;max-height:2.25rem;padding:.625rem .8125rem;text-decoration:none;transition:all .2s ease-in-out 0s;white-space:nowrap}.pds-button__icon--wrapper{align-items:center;display:flex}.pds-button__icon{flex-shrink:0}.pds-button__loading-indicator{--pds-spinner-size:1rem;--pds-spinner-color-1:#fff;--pds-spinner-color-2:#f1f1f1;--pds-spinner-color-3:#cfcfd3}a.pds-button:disabled,button.pds-button:disabled{cursor:not-allowed;opacity:50%}a.pds-button:hover,button.pds-button:hover:enabled{--pds-button-color-background:var(
|
|
6
6
|
--pds-color-button-primary-background-hover
|
|
7
7
|
);--pds-button-color-border:var(--pds-color-button-primary-border-hover);--pds-button-color-foreground:var(
|
|
8
8
|
--pds-color-button-primary-foreground-hover
|
|
@@ -10,7 +10,7 @@ a.pds-button,button.pds-button{--pds-button-color-background:var(
|
|
|
10
10
|
--pds-color-button-primary-background-active
|
|
11
11
|
);--pds-button-color-border:var(--pds-color-button-primary-border-active);--pds-button-color-foreground:var(
|
|
12
12
|
--pds-color-button-primary-foreground-active
|
|
13
|
-
)}a.pds-button:focus-visible,button.pds-button:focus-visible{outline
|
|
13
|
+
)}a.pds-button:focus-visible,button.pds-button:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.0625rem}a.pds-button.pds-button--sm,button.pds-button.pds-button--sm{font-size:.833rem;gap:.41rem;height:2rem;max-height:2rem;padding:.5rem .625rem}a.pds-button.pds-button--sm .pds-button__loading-indicator,button.pds-button.pds-button--sm .pds-button__loading-indicator{--pds-spinner-size:0.8rem}a.pds-button.pds-button--lg,button.pds-button.pds-button--lg{font-size:1.2rem;height:3rem;max-height:3rem;padding:.9375rem 1.25rem}a.pds-button.pds-button--lg .pds-button__loading-indicator,button.pds-button.pds-button--lg .pds-button__loading-indicator{--pds-spinner-size:1.25rem}a.pds-button.pds-button--secondary,button.pds-button.pds-button--secondary{--pds-button-color-background:var(
|
|
14
14
|
--pds-color-button-secondary-background-default
|
|
15
15
|
);--pds-button-color-border:var(--pds-color-button-secondary-border-default);--pds-button-color-foreground:var(
|
|
16
16
|
--pds-color-button-secondary-foreground-default
|
|
@@ -78,4 +78,4 @@ a.pds-button,button.pds-button{--pds-button-color-background:var(
|
|
|
78
78
|
--pds-color-button-navbar-foreground-hover
|
|
79
79
|
)}a.pds-button.pds-button--navbar:active,button.pds-button.pds-button--navbar:active:enabled{--pds-button-color-background:transparent;--pds-button-color-border:transparent;--pds-button-color-foreground:var(
|
|
80
80
|
--pds-color-button-navbar-foreground-active
|
|
81
|
-
)}button.pds-button.pds-button--inline{background-color:transparent;border:none;border-radius:0;color:var(--pds-color-interactive-link-default);font-size:inherit;font-weight:400;height:unset;justify-content:unset;letter-spacing:0;max-height:unset;padding:0;transition:all .2s ease-in-out 0s}button.pds-button.pds-button--inline .pds-button__loading-indicator{--pds-spinner-color-1:#23232d;--pds-spinner-color-2:#6d6d78;--pds-spinner-color-3:#cfcfd3}button.pds-button.pds-button--inline:hover:enabled{color:var(--pds-color-interactive-link-hover);text-decoration:underline}button.pds-button.pds-button--inline:focus-visible{outline
|
|
81
|
+
)}button.pds-button.pds-button--inline{background-color:transparent;border:none;border-radius:0;color:var(--pds-color-interactive-link-default);font-size:inherit;font-weight:400;height:unset;justify-content:unset;letter-spacing:0;max-height:unset;padding:0;transition:all .2s ease-in-out 0s}button.pds-button.pds-button--inline .pds-button__loading-indicator{--pds-spinner-color-1:#23232d;--pds-spinner-color-2:#6d6d78;--pds-spinner-color-3:#cfcfd3}button.pds-button.pds-button--inline:hover:enabled{color:var(--pds-color-interactive-link-hover);text-decoration:underline}button.pds-button.pds-button--inline:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none}.pds-button-group,.pds-button-group--lg{display:flex;flex-direction:column;row-gap:1rem;width:100%}.pds-button-group a.pds-button.pds-button--subtle,.pds-button-group button.pds-button.pds-button--subtle,.pds-button-group--lg a.pds-button.pds-button--subtle,.pds-button-group--lg button.pds-button.pds-button--subtle{margin-block:-.512rem}@media (min-width:641px){.pds-button-group a.pds-button.pds-button--subtle,.pds-button-group button.pds-button.pds-button--subtle,.pds-button-group--lg a.pds-button.pds-button--subtle,.pds-button-group--lg button.pds-button.pds-button--subtle{margin-block:unset;margin-inline:-.25rem}.pds-button-group{column-gap:1.25rem;flex-direction:row;width:unset}.pds-button-group--lg{column-gap:1.563rem}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-callout{--pds-callout--color:var(--pds-color-foreground-default-secondary);border
|
|
1
|
+
.pds-callout{--pds-callout--color:var(--pds-color-foreground-default-secondary);border:1px solid var(--pds-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(--pds-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{--pds-callout--color:var(--pds-color-status-info-foreground)}.pds-callout--earlyAccess,.pds-callout--success{--pds-callout--color:var(--pds-color-status-success-foreground)}.pds-callout--warning{--pds-callout--color:var(--pds-color-status-warning-foreground)}.pds-callout--critical{--pds-callout--color:var(--pds-color-status-critical-foreground)}.pds-callout--discovery{--pds-callout--color:var(--pds-color-status-discovery-foreground)}.pds-callout--code{--pds-callout--color:var(--pds-color-brand-accent-default)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-card-select-group{border:none;color:var(--pds-color-foreground-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-background-default);border-radius:.375rem;box-shadow:var(--pds-elevation-card-default);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-
|
|
1
|
+
.pds-card-select-group{border:none;color:var(--pds-color-foreground-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-background-default);border-radius:.375rem;box-shadow:var(--pds-elevation-card-default);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-foreground-default-secondary);font-size:1rem;font-weight:400;line-height:140%;margin-block-start:.328rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-checkbox{--pds-checkbox-input-size:1rem;--pds-checkbox-input-gap:0.512rem}.pds-checkbox__input-wrapper{display:flex}.pds-checkbox input[type=checkbox]{appearance:none}.pds-checkbox__label{align-items:start;column-gap:var(--pds-checkbox-input-gap);display:grid;grid-template-columns:var(--pds-checkbox-input-size) auto;margin-block-end:0}.pds-checkbox__label-text{color:var(--pds-color-foreground-default);font-size:
|
|
1
|
+
.pds-checkbox{--pds-checkbox-font-size:1rem;--pds-checkbox-input-size:1rem;--pds-checkbox-input-gap:0.512rem;--pds-checkbox-box-shift:0.09375rem;line-height:1.2}.pds-checkbox--sm{--pds-checkbox-font-size:0.833rem;--pds-checkbox-input-size:0.9rem;--pds-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(--pds-checkbox-input-gap);display:grid;grid-template-columns:var(--pds-checkbox-input-size) auto;margin-block-end:0}.pds-checkbox__label-text{color:var(--pds-color-foreground-default);font-size:var(--pds-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(--pds-checkbox-input-size);padding:.0625rem;position:relative;top:var(--pds-checkbox-box-shift);width:var(--pds-checkbox-input-size)}.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)}.pds-checkbox:hover .pds-checkbox__box{cursor:pointer}.pds-checkbox:focus-within .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(--pds-checkbox-input-size)*2 - var(--pds-checkbox-input-gap))}div.pds-checkbox-group .pds-checkbox--indent-2{margin-inline-start:calc(var(--pds-checkbox-input-size)*4 - var(--pds-checkbox-input-gap)*2)}
|
|
@@ -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-background-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-foreground-default);color:var(--pds-color-foreground-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-foreground-default-secondary)}.pds-combobox__trigger{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-foreground-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-foreground-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-foreground-default);font-size:1rem;padding:1rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-comparison-list{color:var(--pds-color-foreground-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
|
|
1
|
+
.pds-comparison-list{color:var(--pds-color-foreground-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-size:1rem;grid-template-columns:1rem auto;padding-block-end:.8rem}.pds-comparison-list__list-item--notIncluded{color:var(--pds-color-foreground-default-secondary)}.pds-comparison-list__item-icon-wrapper{position:relative}.pds-comparison-list__item-icon{position:absolute;top:.125rem}.pds-comparison-list__more-link{margin-block-start:1.25rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-cta-link{--cta-link-size:1.2rem;--cta-link-color:var(--pds-color-brand-primary-default);display:inline-flex;padding:.25rem 0}.pds-cta-link a,.pds-cta-link button{color:var(--cta-link-color);font-family:Poppins,sans-serif;font-size:var(--cta-link-size);font-weight:700;letter-spacing:.01rem;line-height:120%;text-decoration:none;transition:all .2s ease-in-out 0s}.pds-cta-link a:focus-visible,.pds-cta-link button:focus-visible{border-radius:.1875rem;outline
|
|
1
|
+
.pds-cta-link{--cta-link-size:1.2rem;--cta-link-color:var(--pds-color-brand-primary-default);display:inline-flex;padding:.25rem 0}.pds-cta-link a,.pds-cta-link button{color:var(--cta-link-color);font-family:Poppins,sans-serif;font-size:var(--cta-link-size);font-weight:700;letter-spacing:.01rem;line-height:120%;text-decoration:none;transition:all .2s ease-in-out 0s}.pds-cta-link a:focus-visible,.pds-cta-link button:focus-visible{border-radius:.1875rem;outline:1px solid var(--pds-color-interactive-focus);outline-offset:.25rem;text-decoration:none}.pds-cta-link button{background:none;border:none;cursor:pointer;padding:0}.pds-cta-link .pds-cta-link__icon{color:var(--cta-link-color);left:.64rem;position:relative;top:.0625rem;transition:all .2s ease-in-out 0s}.pds-cta-link:hover{--cta-link-color:var(--pds-color-interactive-link-hover)}.pds-cta-link:hover .pds-cta-link__icon{left:.8rem}.pds-cta-link:active{--cta-link-color:var(--pds-color-interactive-link-active);outline:none;text-decoration:none}.pds-cta-link--sm{--cta-link-size:1rem}.pds-link-group{display:flex;flex-direction:column;row-gap:1rem}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.pds-dashboard-nav{--pds-dashboard-nav-icon-width:1.563rem;--pds-dashboard-nav-space-after-icon:0.64rem;--pds-dashboard-nav-foreground-color:var(
|
|
2
2
|
--pds-color-dashboard-nav-item-foreground-default
|
|
3
|
-
);--pds-dashboard-nav-outline-color:var(--pds-color-interactive-focus);font-family:Poppins,sans-serif}.pds-dashboard-nav,.pds-dashboard-nav a{color:var(--pds-dashboard-nav-foreground-color)}.pds-dashboard-nav a{text-decoration:none}.pds-dashboard-nav a:focus{box-shadow:none;outline:none}.pds-dashboard-nav a:hover{color:var(--pds-dashboard-nav-foreground-color)}.pds-dashboard-nav a:focus-visible,.pds-dashboard-nav button:focus-visible{border-radius:.375rem;outline
|
|
3
|
+
);--pds-dashboard-nav-outline-color:var(--pds-color-interactive-focus);font-family:Poppins,sans-serif}.pds-dashboard-nav,.pds-dashboard-nav a{color:var(--pds-dashboard-nav-foreground-color)}.pds-dashboard-nav a{text-decoration:none}.pds-dashboard-nav a:focus{box-shadow:none;outline:none}.pds-dashboard-nav a:hover{color:var(--pds-dashboard-nav-foreground-color)}.pds-dashboard-nav a:focus-visible,.pds-dashboard-nav button:focus-visible{border-radius:.375rem;outline:1px solid var(--pds-dashboard-nav-outline-color);outline-offset:-1px}.pds-dashboard-nav .pds-icon{pointer-events:none}.pds-dashboard-nav__logo{box-sizing:content-box;margin-block-end:1.563rem;margin-block-start:.125rem;padding-inline:calc(var(--pds-spacing-dashboard-nav-item-padding) + .1875rem)}.pds-dashboard-nav__menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0;row-gap:1rem}.pds-dashboard-nav__item{list-style-type:none;margin-bottom:0}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper{align-items:center;border-radius:.375rem;display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:space-between;width:100%}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper:hover{background-color:var(--pds-color-dashboard-nav-item-background-hover);transition:all .2s ease-in-out 0s}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper a{border-radius:.375rem;box-sizing:border-box;padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-inner{align-items:center;display:flex}.pds-dashboard-nav__item--top-level.pds-dashboard-nav__item--active .pds-dashboard-nav__item-wrapper{--pds-dashboard-nav-foreground-color:var(
|
|
4
4
|
--pds-color-dashboard-nav-item-foreground-active
|
|
5
|
-
);--pds-dashboard-nav-outline-color:var(--pds-color-brand-primary-default);background-color:var(--pds-color-dashboard-nav-item-background-active)}.pds-dashboard-nav__link-icon{align-items:center;display:flex;flex-grow:0;flex-shrink:0;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:center;margin-inline-end:var(--pds-dashboard-nav-space-after-icon);width:var(--pds-dashboard-nav-icon-width)}.pds-dashboard-nav__link-icon .pds-icon--house,.pds-dashboard-nav__link-icon .pds-icon--robot{margin-block-start:-.125rem}.pds-dashboard-nav__menu--second-level{color:var(--pds-color-dashboard-nav-item-foreground-default);display:none;margin-block-start:.8rem;padding-inline-start:calc(var(--pds-spacing-dashboard-nav-item-padding) + var(--pds-dashboard-nav-icon-width) + var(--pds-dashboard-nav-space-after-icon))}.pds-dashboard-nav__menu--second-level.pds-dashboard-nav__menu--expanded{display:flex;row-gap:.64rem}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level{font-size:.833rem}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level.pds-dashboard-nav__item--active a{color:var(--pds-color-nav-item-default-foreground-hover);font-weight:600}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level a:focus-visible{border-radius:1px;outline
|
|
5
|
+
);--pds-dashboard-nav-outline-color:var(--pds-color-brand-primary-default);background-color:var(--pds-color-dashboard-nav-item-background-active)}.pds-dashboard-nav__link-icon{align-items:center;display:flex;flex-grow:0;flex-shrink:0;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:center;margin-inline-end:var(--pds-dashboard-nav-space-after-icon);width:var(--pds-dashboard-nav-icon-width)}.pds-dashboard-nav__link-icon .pds-icon--house,.pds-dashboard-nav__link-icon .pds-icon--robot{margin-block-start:-.125rem}.pds-dashboard-nav__menu--second-level{color:var(--pds-color-dashboard-nav-item-foreground-default);display:none;margin-block-start:.8rem;padding-inline-start:calc(var(--pds-spacing-dashboard-nav-item-padding) + var(--pds-dashboard-nav-icon-width) + var(--pds-dashboard-nav-space-after-icon))}.pds-dashboard-nav__menu--second-level.pds-dashboard-nav__menu--expanded{display:flex;row-gap:.64rem}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level{font-size:.833rem}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level.pds-dashboard-nav__item--active a{color:var(--pds-color-nav-item-default-foreground-hover);font-weight:600}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level a:focus-visible{border-radius:1px;outline:1px solid var(--pds-color-interactive-focus);outline-offset:4px;transition:outline .2s ease-in-out 0s}.pds-dashboard-nav__toggle{align-items:center;background-color:transparent;border:none;border-radius:.375rem;color:var(--pds-dashboard-nav-foreground-color);cursor:pointer;display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:flex-end;padding-inline:var(--pds-spacing-dashboard-nav-item-padding)}.pds-dashboard-nav__toggle .pds-icon{padding-inline:.125rem;transform:rotate(0deg);transition:all .2s ease-in-out 0s}.pds-dashboard-nav__toggle--expanded .pds-icon{transform:rotate(180deg);transition:all .2s ease-in-out 0s}.pds-dashboard-nav__link-label{opacity:1;transition:opacity .1s ease-in-out}.pds-dashboard-nav--collapsed .pds-dashboard-nav__logo svg{width:1.25rem}.pds-dashboard-nav--collapsed .pds-dashboard-nav__link-label{opacity:0;transition:opacity .1s ease-in-out}.pds-dashboard-nav--collapsed .pds-dashboard-nav__menu--second-level.pds-dashboard-nav__menu--expanded{display:none}.pds-dashboard-nav__item--top-level.pds-dashboard-nav__item--collapsed .pds-dashboard-nav__item-wrapper a{width:2.875rem}.pds-dashboard-nav__flyout{background-color:var(--pds-color-dropdown-background);border-radius:.375rem;box-shadow:var(--pds-elevation-overlay);max-width:30rem;padding:.64rem;width:max-content;z-index:200}.pds-dashboard-nav__flyout-heading{color:var(--pds-color-dropdown-heading);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;line-height:120%;padding:.64rem .8rem}.pds-dashboard-nav__menu--second-level-flyout{row-gap:0}.pds-dashboard-nav__item--second-level-flyout{background-color:var(--pds-color-dropdown-background);color:var(--pds-color-dropdown-foreground);cursor:pointer;font-size:1rem;line-height:120%;margin:0;padding:.64rem .8rem}.pds-dashboard-nav__item--second-level-flyout:hover{background-color:var(--pds-color-dropdown-item-background-hover);border-radius:.375rem}.pds-dashboard-nav__item--second-level-flyout.pds-dashboard-nav__item--active a{color:var(--pds-color-nav-item-default-foreground-active);font-weight:600}.pds-dashboard-nav__item--second-level-flyout a:focus-visible{border-radius:1px;outline:1px solid var(--pds-color-interactive-focus);outline-offset:4px;transition:outline .2s ease-in-out 0s}.pds-dashboard-nav .pds-tooltip{padding-inline:0}.pds-dashboard-nav .pds-tooltip__container{padding:.25rem .512rem}.pds-dashboard-nav .pds-dropdown-menu .pds-dashboard-nav__item-inner{align-items:center;display:flex}.pds-dashboard-nav .pds-dropdown-menu__trigger{padding-inline:calc(var(--pds-spacing-dashboard-nav-item-padding) - .25rem)}.pds-dashboard-nav .pds-dropdown-menu__item a{padding-block:.41rem;padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-dashboard-nav .pds-dropdown-menu__item--second-level{padding-block:.25rem;padding-inline-start:calc(var(--pds-dashboard-nav-icon-width) + var(--pds-dashboard-nav-space-after-icon) + .0625rem)}
|
|
@@ -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:400}.pds-dashboard-search__combobox{left:0;position:absolute;right:0}.pds-dashboard-search__search-toggle{align-items:center;background-color:transparent;border
|
|
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:400}.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-foreground-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-foreground-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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pds-dashboard-stat{background-color:var(--pds-color-background-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-foreground-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-foreground-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-size:1rem;font-weight:600;margin-block-end:.64rem}.pds-dropdown-menu__heading a{color:var(--pds-color-foreground-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-
|
|
1
|
+
.pds-dropdown-menu{position:relative}.pds-dropdown-menu__heading{font-size:1rem;font-weight:600;margin-block-end:.64rem}.pds-dropdown-menu__heading a{color:var(--pds-color-foreground-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-background-default);border:1px solid var(--pds-color-border-input);border-radius:.1875rem;color:var(--pds-color-foreground-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-trigger-default);transition:transform .2s ease-in-out 0s}.pds-dropdown-menu__trigger[aria-expanded=true]
|
|
2
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:200}.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__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-foreground-default);display:flex;justify-content:space-between}.pds-dropdown-menu__active-icon{flex-shrink:0;margin-inline:1rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-expansion-panel-group .pds-expansion-panel{margin-block-end:1rem}.pds-expansion-panel-group:last-child{margin-block-end:0}.pds-expansion-panel-group--no-border .pds-expansion-panel{margin-block-end:.512rem}.pds-expansion-panel-group--no-border .pds-expansion-panel details{border-color:transparent}.pds-expansion-panel-group--no-border .pds-expansion-panel details[open]>summary{border-radius:.375rem}.pds-expansion-panel-group--no-border .pds-expansion-panel .pds-expansion-panel__content{padding-block-end:0}.pds-expansion-panel-group--stacked .pds-expansion-panel{margin-block-end:0}.pds-expansion-panel-group--stacked .pds-expansion-panel details,.pds-expansion-panel-group--stacked .pds-expansion-panel details>summary,.pds-expansion-panel-group--stacked .pds-expansion-panel details[open]>summary{border-radius:0;border-top:none}.pds-expansion-panel-group--stacked .pds-expansion-panel:first-child details{border-top
|
|
1
|
+
.pds-expansion-panel-group .pds-expansion-panel{margin-block-end:1rem}.pds-expansion-panel-group:last-child{margin-block-end:0}.pds-expansion-panel-group--no-border .pds-expansion-panel{margin-block-end:.512rem}.pds-expansion-panel-group--no-border .pds-expansion-panel details{border-color:transparent}.pds-expansion-panel-group--no-border .pds-expansion-panel details[open]>summary{border-radius:.375rem}.pds-expansion-panel-group--no-border .pds-expansion-panel .pds-expansion-panel__content{padding-block-end:0}.pds-expansion-panel-group--stacked .pds-expansion-panel{margin-block-end:0}.pds-expansion-panel-group--stacked .pds-expansion-panel details,.pds-expansion-panel-group--stacked .pds-expansion-panel details>summary,.pds-expansion-panel-group--stacked .pds-expansion-panel details[open]>summary{border-radius:0;border-top:none}.pds-expansion-panel-group--stacked .pds-expansion-panel:first-child details{border-top:1px solid var(--pds-color-border-default)}.pds-expansion-panel-group--stacked .pds-expansion-panel:first-child details,.pds-expansion-panel-group--stacked .pds-expansion-panel:first-child details>summary,.pds-expansion-panel-group--stacked .pds-expansion-panel:first-child details[open]>summary{border-radius:.375rem .375rem 0 0}.pds-expansion-panel-group--stacked .pds-expansion-panel:last-child details,.pds-expansion-panel-group--stacked .pds-expansion-panel:last-child details>summary{border-radius:0 0 .375rem .375rem}.pds-expansion-panel-group--stacked .pds-expansion-panel:last-child details[open]>summary{border-radius:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-expansion-panel details{border
|
|
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-foreground-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-foreground-default-secondary);transition:all .2s ease-in-out 0s}.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-foreground-default);transform:rotate(180deg);transition:all .2s ease-in-out 0s}.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-foreground-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-
|
|
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-foreground-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,4 +1,4 @@
|
|
|
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-background-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-foreground-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
3
|
);border-radius:.1875rem;color:var(--pds-color-foreground-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
|
|
@@ -2,6 +2,6 @@ button.pds-icon-button{--pds-button-size:2.25rem;--pds-button-color-foreground:v
|
|
|
2
2
|
--pds-color-interactive-background-hover
|
|
3
3
|
);--pds-button-color-background-active:var(
|
|
4
4
|
--pds-color-interactive-background-active
|
|
5
|
-
);background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-button-color-foreground);height:var(--pds-button-size);padding:0;width:var(--pds-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(--pds-button-color-background-hover)}button.pds-icon-button:active:enabled{background-color:var(--pds-button-color-background-active)}button.pds-icon-button:focus-visible{outline
|
|
6
|
-
--pds-color-
|
|
7
|
-
);--pds-button-color-background-active:#fcc5be}button.pds-icon-button--critical-hover:active,button.pds-icon-button--critical-hover:hover{--pds-button-color-foreground:var(--pds-color-
|
|
5
|
+
);background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-button-color-foreground);height:var(--pds-button-size);padding:0;width:var(--pds-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(--pds-button-color-background-hover)}button.pds-icon-button:active:enabled{background-color:var(--pds-button-color-background-active)}button.pds-icon-button:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}button.pds-icon-button--critical{--pds-button-color-foreground:var(--pds-color-status-critical-foreground)}button.pds-icon-button--critical,button.pds-icon-button--critical-hover{--pds-button-color-background-hover:var(
|
|
6
|
+
--pds-color-status-critical-background
|
|
7
|
+
);--pds-button-color-background-active:#fcc5be}button.pds-icon-button--critical-hover:active,button.pds-icon-button--critical-hover:hover{--pds-button-color-foreground:var(--pds-color-status-critical-foreground)}button.pds-icon-button--sm{--pds-button-size:2rem}button.pds-icon-button--lg{--pds-button-size:3rem}.pds-icon-button__tooltip .pds-tooltip__container{padding:.328rem .512rem}.pds-icon-button__icon-wrapper{align-items:center;display:flex;justify-content:center;position:absolute}.pds-icon-button--fadeOut{-webkit-animation:scale-down-center .4s cubic-bezier(.25,.46,.45,.94) both;animation:scale-down-center .4s cubic-bezier(.25,.46,.45,.94) both;opacity:0;transition:.2s ease-in}.pds-icon-button--hide{display:none}.pds-icon-button--scaleIn{-webkit-animation:scale-in-center .2s cubic-bezier(.175,.885,.32,1.275) both;animation:scale-in-center .2s cubic-bezier(.175,.885,.32,1.275) both}@keyframes scale-in-center{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
|