@pantheon-systems/pds-toolkit-react 2.0.0-alpha.4 → 2.0.0-alpha.5
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/Avatar/Avatar.d.ts +1 -1
- package/dist/components/SiteDashboardHeading/SiteDashboardHeading.d.ts +1 -1
- package/dist/components/StatusIndicator/StatusIndicator.d.ts +2 -2
- package/dist/components/badges/Badge/Badge.d.ts +28 -0
- package/dist/components/cards/NewSiteCard/NewSiteCard.d.ts +1 -1
- package/dist/components/cards/PricingCard/PricingCard.d.ts +6 -1
- package/dist/components/footer/SiteFooter/SiteFooter.d.ts +5 -1
- package/dist/components/icons/Icon/generated-icon-data.d.ts +9 -2
- package/dist/components/inputs/Select/Select.d.ts +5 -1
- package/dist/components/inputs/Select/select-sample-data.d.ts +1 -0
- package/dist/components/inputs/TextInput/TextInput.d.ts +4 -0
- package/dist/components/inputs/Textarea/Textarea.d.ts +4 -0
- package/dist/components/inputs/input-utilities.d.ts +3 -3
- package/dist/components/navigation/WorkspaceSelector/WorkspaceSelector.d.ts +6 -7
- package/dist/css/component-css/pds-avatar.css +1 -1
- package/dist/css/component-css/pds-badge.css +1 -0
- package/dist/css/component-css/pds-button.css +2 -2
- package/dist/css/component-css/pds-dashboard-nav.css +1 -1
- package/dist/css/component-css/pds-file-upload.css +1 -1
- package/dist/css/component-css/pds-icon-button.css +4 -4
- package/dist/css/component-css/pds-index.css +13 -37
- package/dist/css/component-css/pds-input-utilities.css +1 -1
- package/dist/css/component-css/pds-pricing-card.css +1 -1
- package/dist/css/component-css/pds-select.css +1 -1
- package/dist/css/component-css/pds-side-nav-global.css +1 -1
- package/dist/css/component-css/pds-skiplink.css +1 -1
- package/dist/css/component-css/pds-sso-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-text-input.css +1 -1
- package/dist/css/component-css/pds-textarea.css +1 -1
- package/dist/css/component-css/pds-tooltip.css +1 -1
- package/dist/css/component-css/pds-workspace-selector.css +1 -1
- package/dist/css/design-tokens/variables.dark.css +119 -22
- package/dist/css/design-tokens/variables.global.css +1 -0
- package/dist/css/design-tokens/variables.light.css +97 -22
- package/dist/css/design-tokens/variables.typography.css +2 -0
- package/dist/css/pds-components.css +13 -37
- package/dist/css/pds-core.css +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +8 -1
- package/dist/index.js +1842 -1568
- package/dist/index.js.map +1 -1
- package/dist/index.source.d.ts +1 -1
- package/dist/libs/types/custom-types.d.ts +0 -1
- package/dist/svg/locationCrosshairs.svg +3 -0
- package/package.json +2 -2
- package/dist/components/badges/IndicatorBadge/IndicatorBadge.d.ts +0 -27
- package/dist/css/component-css/pds-indicator-badge.css +0 -25
|
@@ -24,7 +24,7 @@ export interface AvatarProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
24
24
|
/**
|
|
25
25
|
* Avatar size.
|
|
26
26
|
*/
|
|
27
|
-
size?: 'xs' | '
|
|
27
|
+
size?: 'xs' | 's' | 'm' | 'l';
|
|
28
28
|
/**
|
|
29
29
|
* Unique ID associated with the avatar. Can be workspace ID, user ID, email, etc.
|
|
30
30
|
*/
|
|
@@ -13,11 +13,11 @@ export interface StatusIndicatorProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
13
13
|
/**
|
|
14
14
|
* Sets the size
|
|
15
15
|
*/
|
|
16
|
-
size?: '
|
|
16
|
+
size?: 'xs' | 's';
|
|
17
17
|
/**
|
|
18
18
|
* Sets status type
|
|
19
19
|
*/
|
|
20
|
-
type:
|
|
20
|
+
type: StatusType | 'disabled' | 'neutral' | 'working';
|
|
21
21
|
}
|
|
22
22
|
/**
|
|
23
23
|
* StatusIndicator UI component
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
|
+
import './badge.css';
|
|
3
|
+
export type BadgeColor = 'aether' | 'aether-secondary' | 'amber' | 'amber-secondary' | 'apollo' | 'apollo-secondary' | 'critical' | 'critical-secondary' | 'discovery' | 'discovery-secondary' | 'gaia' | 'gaia-secondary' | 'hypnos' | 'hypnos-secondary' | 'indigo' | 'indigo-secondary' | 'info' | 'info-secondary' | 'iris' | 'iris-secondary' | 'lime' | 'lime-secondary' | 'mint' | 'mint-secondary' | 'orange' | 'orange-secondary' | 'rose' | 'rose-secondary' | 'sand' | 'sand-secondary' | 'silver' | 'silver-secondary' | 'sky' | 'sky-secondary' | 'slate' | 'slate-secondary' | 'stone' | 'stone-secondary' | 'success' | 'success-secondary' | 'teal' | 'teal-secondary' | 'warning' | 'warning-secondary' | 'feature';
|
|
4
|
+
/**
|
|
5
|
+
* Badge component props
|
|
6
|
+
*/
|
|
7
|
+
export interface BadgeProps extends ComponentPropsWithoutRef<'span'> {
|
|
8
|
+
/**
|
|
9
|
+
* Additional class names
|
|
10
|
+
*/
|
|
11
|
+
className?: string;
|
|
12
|
+
/**
|
|
13
|
+
* Badge color
|
|
14
|
+
*/
|
|
15
|
+
color: BadgeColor;
|
|
16
|
+
/**
|
|
17
|
+
* Badge text or content.
|
|
18
|
+
*/
|
|
19
|
+
label: ReactNode;
|
|
20
|
+
/**
|
|
21
|
+
* Badge size
|
|
22
|
+
*/
|
|
23
|
+
size?: 'xs' | 's' | 'm';
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* Badge UI component
|
|
27
|
+
*/
|
|
28
|
+
export declare const Badge: ({ className, color, label, size, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import { HeadingLevelCommon } from '../../../libs/types/custom-types';
|
|
2
3
|
import { ListItems } from '../../ComparisonList/ComparisonList';
|
|
3
4
|
import './pricing-card.css';
|
|
4
5
|
interface PrimaryCallToAction {
|
|
@@ -54,6 +55,10 @@ interface PricingCardProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
54
55
|
* Add corresponding `comparisonListId` to each planPricingData object.
|
|
55
56
|
*/
|
|
56
57
|
hasComparisonList?: boolean;
|
|
58
|
+
/**
|
|
59
|
+
* Heading level for the plan name.
|
|
60
|
+
*/
|
|
61
|
+
headingLevel?: HeadingLevelCommon;
|
|
57
62
|
/**
|
|
58
63
|
* Optional function to handle the change event of the select input. Only valid when multiple tiers of planPricingData are present.
|
|
59
64
|
*/
|
|
@@ -86,5 +91,5 @@ interface PricingCardProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
86
91
|
/**
|
|
87
92
|
* PricingCard UI component
|
|
88
93
|
*/
|
|
89
|
-
export declare const PricingCard: ({ actionPrimary, actionSecondary, className, hasComparisonList, onTierChange, planDescription, planName, planPricingData, selectLabel, statusBadgeLabels, statusBadgeType, ...props }: PricingCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
94
|
+
export declare const PricingCard: ({ actionPrimary, actionSecondary, className, hasComparisonList, headingLevel, onTierChange, planDescription, planName, planPricingData, selectLabel, statusBadgeLabels, statusBadgeType, ...props }: PricingCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
90
95
|
export {};
|
|
@@ -2,6 +2,10 @@ import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
|
2
2
|
import { ContainerWidth } from '../../../libs/types/custom-types';
|
|
3
3
|
import './site-footer.css';
|
|
4
4
|
interface SiteFooterProps extends ComponentPropsWithoutRef<'footer'> {
|
|
5
|
+
/**
|
|
6
|
+
* HTML element to render. Use 'footer' for standalone usage or 'div' when nested inside another footer landmark.
|
|
7
|
+
*/
|
|
8
|
+
as?: 'footer' | 'div';
|
|
5
9
|
/**
|
|
6
10
|
* Footer content.
|
|
7
11
|
*/
|
|
@@ -26,5 +30,5 @@ interface SiteFooterProps extends ComponentPropsWithoutRef<'footer'> {
|
|
|
26
30
|
/**
|
|
27
31
|
* SiteFooter UI component
|
|
28
32
|
*/
|
|
29
|
-
export declare const SiteFooter: ({ children, className, containerWidth, hasTopBorder, legalLinks, ...props }: SiteFooterProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
export declare const SiteFooter: ({ as: Element, children, className, containerWidth, hasTopBorder, legalLinks, ...props }: SiteFooterProps) => import("react/jsx-runtime").JSX.Element;
|
|
30
34
|
export {};
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Generated by: npm run generate:icon-data
|
|
5
5
|
* Source: icon-registry.ts + Font Awesome packages + custom-icons.tsx
|
|
6
|
-
* Generated: 2026-
|
|
6
|
+
* Generated: 2026-03-17T01:29:14.965Z
|
|
7
7
|
*/
|
|
8
8
|
import { customIcons } from './custom-icons';
|
|
9
9
|
export { customIcons };
|
|
@@ -869,6 +869,13 @@ export declare const iconData: {
|
|
|
869
869
|
readonly svgPathData: "M139.7 69.8c7.6-10.9 5-25.8-5.9-33.4s-25.8-5-33.4 5.9L60.7 98.8 41 79C31.6 69.7 16.4 69.7 7 79S-2.3 103.6 7 113l40 40c5 5 12 7.6 19.1 6.9s13.5-4.3 17.6-10.1l56-80zm0 160c7.6-10.9 5-25.8-5.9-33.4s-25.8-5-33.4 5.9L60.7 258.8 41 239c-9.4-9.4-24.6-9.4-33.9 0S-2.3 263.6 7 273l40 40c5 5 12 7.6 19.1 6.9s13.5-4.3 17.6-10.1l56-80zM192 96c0 13.3 10.7 24 24 24l272 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L216 72c-13.3 0-24 10.7-24 24zm0 160c0 13.3 10.7 24 24 24l272 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-272 0c-13.3 0-24 10.7-24 24zM160 416c0 13.3 10.7 24 24 24l304 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-304 0c-13.3 0-24 10.7-24 24zm-64 0a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z";
|
|
870
870
|
readonly width: 512;
|
|
871
871
|
};
|
|
872
|
+
readonly locationCrosshairs: {
|
|
873
|
+
readonly aliases: readonly ["location", "gps", "target", "crosshair"];
|
|
874
|
+
readonly categories: readonly ["navigation"];
|
|
875
|
+
readonly height: 512;
|
|
876
|
+
readonly svgPathData: "M288-16c13.3 0 24 10.7 24 24l0 25.3C416.5 44.4 499.6 127.5 510.7 232l25.3 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-25.3 0C499.6 384.5 416.5 467.6 312 478.7l0 25.3c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-25.3C159.5 467.6 76.4 384.5 65.3 280L40 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l25.3 0C76.4 127.5 159.5 44.4 264 33.3L264 8c0-13.3 10.7-24 24-24zM464 256a176 176 0 1 0 -352 0 176 176 0 1 0 352 0zm-112 0a64 64 0 1 0 -128 0 64 64 0 1 0 128 0zm-176 0a112 112 0 1 1 224 0 112 112 0 1 1 -224 0z";
|
|
877
|
+
readonly width: 576;
|
|
878
|
+
};
|
|
872
879
|
readonly lock: {
|
|
873
880
|
readonly aliases: readonly ["locked", "password", "secure", "private"];
|
|
874
881
|
readonly categories: readonly ["actions", "security", "status"];
|
|
@@ -1416,7 +1423,7 @@ export declare const iconData: {
|
|
|
1416
1423
|
readonly width: 576;
|
|
1417
1424
|
};
|
|
1418
1425
|
};
|
|
1419
|
-
export declare const iconList: readonly ["angleDown", "angleLeft", "angleRight", "anglesLeft", "anglesRight", "angleUp", "arrowDownToLine", "arrowLeft", "arrowRight", "arrowsRetweet", "asterisk", "banBug", "bars", "barsFilter", "bell", "billboard", "bitbucket", "bluesky", "bolt", "boltPantheon", "boltSolid", "book", "books", "bracketRight", "bracketsSquare", "brainCircuit", "broomWide", "building", "buildings", "bullhorn", "calendarDays", "caretDown", "caretLeft", "caretRight", "caretUp", "ccAmex", "ccApplePay", "ccDiscover", "ccGeneric", "ccMC", "ccPaypal", "ccVisa", "chartLine", "chartNetwork", "chartSimple", "check", "circle", "circleCheck", "circleExclamation", "circleInfo", "circleMinus", "circleNotch", "circlePlus", "circleQuestion", "circleUser", "circleXmark", "cloud", "cloudArrowDown", "cloudArrowUp", "cloudPlus", "code", "codeBranch", "codeMerge", "command", "comment", "copy", "desktop", "diamondExclamation", "diamonds4", "discourse", "display", "dollarSign", "download", "drupal", "ellipsis", "ellipsisVertical", "emptySet", "envelope", "envelopeOpen", "exclamation", "expand", "expandFromCenter", "externalLink", "eye", "eyeSlash", "facebook", "file", "fileCheck", "fileContract", "fileCSV", "fileDiff", "fileExport", "fileImport", "fileLines", "filePDF", "fileZip", "folder", "folderTree", "gear", "gem", "github", "gitlab", "globe", "graduationCap", "grid", "gripDots", "gripDotsVertical", "heart", "heartSolid", "house", "idCard", "image", "inputText", "instagram", "keySkeleton", "laptop", "laptopCode", "leaf", "lifeRing", "linkedin", "linkSimple", "linkSimpleSlash", "listCheck", "lock", "lockOpen", "magnifyingGlass", "medal", "memo", "messages", "minus", "moon", "nextJs", "paperclip", "paperPlane", "pen", "penField", "phone", "play", "plus", "question", "quotesLeft", "quotesRight", "rectangleList", "reply", "robot", "rocketLaunch", "rotate", "rotateClock", "rotateLeft", "rotateRight", "rss", "save", "server", "shareNodes", "shield", "shieldQuartered", "shovel", "siren", "sirenOn", "sitemap", "slack", "slashForward", "slidersSimple", "snowflake", "sparkles", "squareCheck", "squareCode", "squareMinus", "squarePen", "squareQuestion", "squareTerminal", "star", "starSolid", "sun", "sunBright", "table", "tableRows", "terminal", "text", "threads", "thumbsDown", "thumbsUp", "trash", "triangleExclamation", "twitter", "upload", "user", "userAstronaut", "userGear", "userPlus", "users", "video", "wavePulse", "windowRestore", "wordpress", "wreathLaurel", "wrench", "xmark", "xmarkLarge", "xTwitter", "youtube"];
|
|
1426
|
+
export declare const iconList: readonly ["angleDown", "angleLeft", "angleRight", "anglesLeft", "anglesRight", "angleUp", "arrowDownToLine", "arrowLeft", "arrowRight", "arrowsRetweet", "asterisk", "banBug", "bars", "barsFilter", "bell", "billboard", "bitbucket", "bluesky", "bolt", "boltPantheon", "boltSolid", "book", "books", "bracketRight", "bracketsSquare", "brainCircuit", "broomWide", "building", "buildings", "bullhorn", "calendarDays", "caretDown", "caretLeft", "caretRight", "caretUp", "ccAmex", "ccApplePay", "ccDiscover", "ccGeneric", "ccMC", "ccPaypal", "ccVisa", "chartLine", "chartNetwork", "chartSimple", "check", "circle", "circleCheck", "circleExclamation", "circleInfo", "circleMinus", "circleNotch", "circlePlus", "circleQuestion", "circleUser", "circleXmark", "cloud", "cloudArrowDown", "cloudArrowUp", "cloudPlus", "code", "codeBranch", "codeMerge", "command", "comment", "copy", "desktop", "diamondExclamation", "diamonds4", "discourse", "display", "dollarSign", "download", "drupal", "ellipsis", "ellipsisVertical", "emptySet", "envelope", "envelopeOpen", "exclamation", "expand", "expandFromCenter", "externalLink", "eye", "eyeSlash", "facebook", "file", "fileCheck", "fileContract", "fileCSV", "fileDiff", "fileExport", "fileImport", "fileLines", "filePDF", "fileZip", "folder", "folderTree", "gear", "gem", "github", "gitlab", "globe", "graduationCap", "grid", "gripDots", "gripDotsVertical", "heart", "heartSolid", "house", "idCard", "image", "inputText", "instagram", "keySkeleton", "laptop", "laptopCode", "leaf", "lifeRing", "linkedin", "linkSimple", "linkSimpleSlash", "listCheck", "locationCrosshairs", "lock", "lockOpen", "magnifyingGlass", "medal", "memo", "messages", "minus", "moon", "nextJs", "paperclip", "paperPlane", "pen", "penField", "phone", "play", "plus", "question", "quotesLeft", "quotesRight", "rectangleList", "reply", "robot", "rocketLaunch", "rotate", "rotateClock", "rotateLeft", "rotateRight", "rss", "save", "server", "shareNodes", "shield", "shieldQuartered", "shovel", "siren", "sirenOn", "sitemap", "slack", "slashForward", "slidersSimple", "snowflake", "sparkles", "squareCheck", "squareCode", "squareMinus", "squarePen", "squareQuestion", "squareTerminal", "star", "starSolid", "sun", "sunBright", "table", "tableRows", "terminal", "text", "threads", "thumbsDown", "thumbsUp", "trash", "triangleExclamation", "twitter", "upload", "user", "userAstronaut", "userGear", "userPlus", "users", "video", "wavePulse", "windowRestore", "wordpress", "wreathLaurel", "wrench", "xmark", "xmarkLarge", "xTwitter", "youtube"];
|
|
1420
1427
|
export type PDSIconName = (typeof iconList)[number];
|
|
1421
1428
|
export declare const categoryList: readonly ["actions", "arrows", "brands", "communication", "custom", "data", "development", "documents", "financial", "media", "navigation", "objects", "security", "status", "users"];
|
|
1422
1429
|
export type IconCategory = (typeof categoryList)[number];
|
|
@@ -44,6 +44,10 @@ interface SelectOptionGroupProps {
|
|
|
44
44
|
* Prop types for Select
|
|
45
45
|
*/
|
|
46
46
|
export interface SelectProps {
|
|
47
|
+
/**
|
|
48
|
+
* Automatically resize the select to fit the longest option label. Defaults to false (width: 100%).
|
|
49
|
+
*/
|
|
50
|
+
autoWidth?: boolean;
|
|
47
51
|
/**
|
|
48
52
|
* Additional class names
|
|
49
53
|
*/
|
|
@@ -128,5 +132,5 @@ export declare const SelectOptionGroup: ({ children, label, }: SelectOptionGroup
|
|
|
128
132
|
/**
|
|
129
133
|
* Select UI component
|
|
130
134
|
*/
|
|
131
|
-
export declare const Select: ({ className, defaultValue, disabled, icon, id, inputWidth, label, labelStrings, message, onBlur, onFocus, onOptionSelect, options, required, showLabel, tooltipText, validationMessage, validationStatus, value, ...props }: SelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
135
|
+
export declare const Select: ({ autoWidth, className, defaultValue, disabled, icon, id, inputWidth, label, labelStrings, message, onBlur, onFocus, onOptionSelect, options, required, showLabel, tooltipText, validationMessage, validationStatus, value, ...props }: SelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
132
136
|
export {};
|
|
@@ -4,4 +4,5 @@ export declare const userRoleOptions: SelectOptionType[];
|
|
|
4
4
|
export declare const validationExampleOptions: SelectOptionType[];
|
|
5
5
|
export declare const sampleSelectOptionsWithGroups: SelectOptionsType;
|
|
6
6
|
export declare const ssoProviderOptions: SelectOptionType[];
|
|
7
|
+
export declare const autoWidthOptions: SelectOptionType[];
|
|
7
8
|
export declare const sampleSelectOptions: SelectOptionType[];
|
|
@@ -107,6 +107,10 @@ export interface TextInputProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
107
107
|
* Show Toggle visibility control for input. Valid for type `password` only.
|
|
108
108
|
*/
|
|
109
109
|
showVisibilityToggle?: boolean;
|
|
110
|
+
/**
|
|
111
|
+
* Input size.
|
|
112
|
+
*/
|
|
113
|
+
size?: 's' | 'm' | 'l';
|
|
110
114
|
/**
|
|
111
115
|
* Optional tooltip text to display additional information.
|
|
112
116
|
*/
|
|
@@ -79,6 +79,10 @@ export interface TextareaProps {
|
|
|
79
79
|
* Should the label be visible? If false, it will render for screen readers only.
|
|
80
80
|
*/
|
|
81
81
|
showLabel?: boolean;
|
|
82
|
+
/**
|
|
83
|
+
* Input size.
|
|
84
|
+
*/
|
|
85
|
+
size?: 's' | 'm' | 'l';
|
|
82
86
|
/**
|
|
83
87
|
* Additional props for the `<textarea>` element.
|
|
84
88
|
*/
|
|
@@ -63,9 +63,9 @@ export declare const InputMessage: ({ className, forInputGroup, hasValidationMes
|
|
|
63
63
|
validationMessageHasDecorators?: boolean;
|
|
64
64
|
validationStatus?: string;
|
|
65
65
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
66
|
-
type
|
|
67
|
-
export declare const
|
|
68
|
-
variant:
|
|
66
|
+
export type PrefixVariants = 'search' | 'error' | 'success' | 'filter';
|
|
67
|
+
export declare const InputPrefix: ({ variant }: {
|
|
68
|
+
variant: PrefixVariants;
|
|
69
69
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
70
70
|
export declare const SearchShortcut: ({ inputId, shortcutLabel, }: {
|
|
71
71
|
inputId: string;
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react';
|
|
2
|
+
import { BadgeColor } from '../../badges/Badge/Badge';
|
|
2
3
|
import './workspace-selector.css';
|
|
3
|
-
declare const
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
};
|
|
9
|
-
export type PlanTiers = keyof typeof tierLabels;
|
|
4
|
+
declare const tierConfig: Record<string, {
|
|
5
|
+
color: BadgeColor;
|
|
6
|
+
label: string;
|
|
7
|
+
}>;
|
|
8
|
+
export type PlanTiers = keyof typeof tierConfig;
|
|
10
9
|
export type WorkspaceSelectorItem = {
|
|
11
10
|
/**
|
|
12
11
|
* Name of the workspace.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-avatar{--avatar-size:
|
|
1
|
+
.pds-avatar{--avatar-size:1.5rem;--avatar-icon-size:0.875rem;align-items:center;border:var(--pds-border-width-default) 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;opacity:.8}.pds-avatar__content--link:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-avatar--image{border-color:var(--pds-color-border-default);height:var(--avatar-size);width:var(--avatar-size)}.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--m{--avatar-size:2rem;--avatar-icon-size:1.125rem}.pds-avatar--l{--avatar-size:2.5rem;--avatar-icon-size:1.375rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pds-badge{--badge-bg:var(--pds-color-badge-gaia-background);--badge-fg:var(--pds-color-badge-gaia-foreground);align-items:center;background-color:var(--badge-bg);border-radius:var(--pds-border-radius-input);color:var(--badge-fg);display:inline-flex;font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-medium);height:var(--pds-spacing-button-height-s);line-height:normal;padding-inline:var(--pds-spacing-s);white-space:nowrap}.pds-badge--s{font-size:var(--pds-typography-size-xs);height:var(--pds-spacing-button-height-xs);padding-inline:var(--pds-spacing-xs)}.pds-badge--xs{font-size:.6875rem;height:var(--pds-spacing-l);padding-inline:var(--pds-spacing-3xs)}.pds-badge--aether{--badge-bg:var(--pds-color-badge-aether-background);--badge-fg:var(--pds-color-badge-aether-foreground)}.pds-badge--amber{--badge-bg:var(--pds-color-badge-amber-background);--badge-fg:var(--pds-color-badge-amber-foreground)}.pds-badge--apollo{--badge-bg:var(--pds-color-badge-apollo-background);--badge-fg:var(--pds-color-badge-apollo-foreground)}.pds-badge--critical{--badge-bg:var(--pds-color-badge-critical-background);--badge-fg:var(--pds-color-badge-critical-foreground)}.pds-badge--discovery{--badge-bg:var(--pds-color-badge-discovery-background);--badge-fg:var(--pds-color-badge-discovery-foreground)}.pds-badge--gaia{--badge-bg:var(--pds-color-badge-gaia-background);--badge-fg:var(--pds-color-badge-gaia-foreground)}.pds-badge--hypnos{--badge-bg:var(--pds-color-badge-hypnos-background);--badge-fg:var(--pds-color-badge-hypnos-foreground)}.pds-badge--indigo{--badge-bg:var(--pds-color-badge-indigo-background);--badge-fg:var(--pds-color-badge-indigo-foreground)}.pds-badge--info{--badge-bg:var(--pds-color-badge-info-background);--badge-fg:var(--pds-color-badge-info-foreground)}.pds-badge--iris{--badge-bg:var(--pds-color-badge-iris-background);--badge-fg:var(--pds-color-badge-iris-foreground)}.pds-badge--lime{--badge-bg:var(--pds-color-badge-lime-background);--badge-fg:var(--pds-color-badge-lime-foreground)}.pds-badge--mint{--badge-bg:var(--pds-color-badge-mint-background);--badge-fg:var(--pds-color-badge-mint-foreground)}.pds-badge--orange{--badge-bg:var(--pds-color-badge-orange-background);--badge-fg:var(--pds-color-badge-orange-foreground)}.pds-badge--rose{--badge-bg:var(--pds-color-badge-rose-background);--badge-fg:var(--pds-color-badge-rose-foreground)}.pds-badge--sand{--badge-bg:var(--pds-color-badge-sand-background);--badge-fg:var(--pds-color-badge-sand-foreground)}.pds-badge--silver{--badge-bg:var(--pds-color-badge-silver-background);--badge-fg:var(--pds-color-badge-silver-foreground)}.pds-badge--sky{--badge-bg:var(--pds-color-badge-sky-background);--badge-fg:var(--pds-color-badge-sky-foreground)}.pds-badge--slate{--badge-bg:var(--pds-color-badge-slate-background);--badge-fg:var(--pds-color-badge-slate-foreground)}.pds-badge--stone{--badge-bg:var(--pds-color-badge-stone-background);--badge-fg:var(--pds-color-badge-stone-foreground)}.pds-badge--success{--badge-bg:var(--pds-color-badge-success-background);--badge-fg:var(--pds-color-badge-success-foreground)}.pds-badge--teal{--badge-bg:var(--pds-color-badge-teal-background);--badge-fg:var(--pds-color-badge-teal-foreground)}.pds-badge--warning{--badge-bg:var(--pds-color-badge-warning-background);--badge-fg:var(--pds-color-badge-warning-foreground)}.pds-badge--aether-secondary{--badge-bg:var(--pds-color-badge-aether-secondary-background);--badge-fg:var(--pds-color-badge-aether-secondary-foreground)}.pds-badge--amber-secondary{--badge-bg:var(--pds-color-badge-amber-secondary-background);--badge-fg:var(--pds-color-badge-amber-secondary-foreground)}.pds-badge--apollo-secondary{--badge-bg:var(--pds-color-badge-apollo-secondary-background);--badge-fg:var(--pds-color-badge-apollo-secondary-foreground)}.pds-badge--critical-secondary{--badge-bg:var(--pds-color-badge-critical-secondary-background);--badge-fg:var(--pds-color-badge-critical-secondary-foreground)}.pds-badge--discovery-secondary{--badge-bg:var(--pds-color-badge-discovery-secondary-background);--badge-fg:var(--pds-color-badge-discovery-secondary-foreground)}.pds-badge--gaia-secondary{--badge-bg:var(--pds-color-badge-gaia-secondary-background);--badge-fg:var(--pds-color-badge-gaia-secondary-foreground)}.pds-badge--hypnos-secondary{--badge-bg:var(--pds-color-badge-hypnos-secondary-background);--badge-fg:var(--pds-color-badge-hypnos-secondary-foreground)}.pds-badge--indigo-secondary{--badge-bg:var(--pds-color-badge-indigo-secondary-background);--badge-fg:var(--pds-color-badge-indigo-secondary-foreground)}.pds-badge--info-secondary{--badge-bg:var(--pds-color-badge-info-secondary-background);--badge-fg:var(--pds-color-badge-info-secondary-foreground)}.pds-badge--iris-secondary{--badge-bg:var(--pds-color-badge-iris-secondary-background);--badge-fg:var(--pds-color-badge-iris-secondary-foreground)}.pds-badge--lime-secondary{--badge-bg:var(--pds-color-badge-lime-secondary-background);--badge-fg:var(--pds-color-badge-lime-secondary-foreground)}.pds-badge--mint-secondary{--badge-bg:var(--pds-color-badge-mint-secondary-background);--badge-fg:var(--pds-color-badge-mint-secondary-foreground)}.pds-badge--orange-secondary{--badge-bg:var(--pds-color-badge-orange-secondary-background);--badge-fg:var(--pds-color-badge-orange-secondary-foreground)}.pds-badge--rose-secondary{--badge-bg:var(--pds-color-badge-rose-secondary-background);--badge-fg:var(--pds-color-badge-rose-secondary-foreground)}.pds-badge--sand-secondary{--badge-bg:var(--pds-color-badge-sand-secondary-background);--badge-fg:var(--pds-color-badge-sand-secondary-foreground)}.pds-badge--silver-secondary{--badge-bg:var(--pds-color-badge-silver-secondary-background);--badge-fg:var(--pds-color-badge-silver-secondary-foreground)}.pds-badge--sky-secondary{--badge-bg:var(--pds-color-badge-sky-secondary-background);--badge-fg:var(--pds-color-badge-sky-secondary-foreground)}.pds-badge--slate-secondary{--badge-bg:var(--pds-color-badge-slate-secondary-background);--badge-fg:var(--pds-color-badge-slate-secondary-foreground)}.pds-badge--stone-secondary{--badge-bg:var(--pds-color-badge-stone-secondary-background);--badge-fg:var(--pds-color-badge-stone-secondary-foreground)}.pds-badge--success-secondary{--badge-bg:var(--pds-color-badge-success-secondary-background);--badge-fg:var(--pds-color-badge-success-secondary-foreground)}.pds-badge--teal-secondary{--badge-bg:var(--pds-color-badge-teal-secondary-background);--badge-fg:var(--pds-color-badge-teal-secondary-foreground)}.pds-badge--warning-secondary{--badge-bg:var(--pds-color-badge-warning-secondary-background);--badge-fg:var(--pds-color-badge-warning-secondary-foreground)}.pds-badge--feature{background:var(--pds-gradient-badge-feature);color:var(--pds-color-badge-feature-foreground)}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
.pds-button{--button-font-size:var(--pds-typography-size-s);--button-height:var(--pds-spacing-button-height-s);--button-padding-inline:var(--pds-spacing-button-padding-inline-s);--button-gap-inline:var(--pds-spacing-button-gap-inline-s);--button-background-color:var(--pds-color-button-primary-background-default);--button-background-color-hover:var(
|
|
2
2
|
--pds-color-button-primary-background-hover
|
|
3
|
-
);--button-foreground-color:var(--pds-color-button-primary-foreground);--button-border-color:var(--pds-color-button-primary-background-default);--button-border-color-hover:var(--pds-color-button-primary-background-hover);align-items:center;background-color:var(--button-background-color);border-color:var(--button-border-color);border-radius:var(--pds-border-radius-button);border-style:solid;border-width:var(--pds-border-width-default);color:var(--button-foreground-color);cursor:pointer;display:inline-flex;font-family:var(--pds-typography-ff-default);font-size:var(--button-font-size);font-weight:var(--pds-typography-fw-medium);gap:var(--button-gap-inline);height:var(--button-height);justify-content:center;line-height:1;max-height:var(--button-height);padding-block:0;padding-inline:var(--button-padding-inline);text-decoration:none;transition:var(--pds-animation-transition-button);white-space:nowrap}.pds-button:disabled{cursor:not-allowed;opacity:40%}.pds-button:active:enabled,.pds-button:hover:enabled{--button-background-color:var(--button-background-color-hover);--button-border-color:var(--button-border-color-hover)}.pds-button:focus-visible{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:1px;transition:var(--pds-animation-transition-focus)}.pds-button__icon{flex-shrink:0}.pds-button--full-width{width:100%}.pds-button--xs{--button-font-size:var(--pds-typography-size-xs);--button-height:var(--pds-spacing-button-height-xs);--button-padding-inline:var(--pds-spacing-button-padding-inline-xs);--button-gap-inline:var(--pds-spacing-button-gap-inline-xs)}.pds-button--s{--button-font-size:var(--pds-typography-size-s);--button-height:var(--pds-spacing-button-height-s);--button-padding-inline:var(--pds-spacing-button-padding-inline-s);-button-gap-inline:var(--pds-spacing-button-gap-inline-s)}.pds-button--m{--button-font-size:var(--pds-typography-size-m);--button-height:var(--pds-spacing-button-height-m);--button-padding-inline:var(--pds-spacing-button-padding-inline-m);--button-gap-inline:var(--pds-spacing-button-gap-inline-m)}.pds-button--l{--button-font-size:var(--pds-typography-size-l);--button-height:var(--pds-spacing-button-height-l);--button-padding-inline:var(--pds-spacing-button-padding-inline-l);--button-gap-inline:var(--pds-spacing-button-gap-inline-l)}.pds-button--xl{--button-font-size:var(--pds-typography-size-xl);--button-height:var(--pds-spacing-button-height-xl);--button-padding-inline:var(--pds-spacing-button-padding-inline-xl);--button-gap-inline:var(--pds-spacing-button-gap-inline-xl)}.pds-button--secondary{--button-background-color:var(
|
|
3
|
+
);--button-foreground-color:var(--pds-color-button-primary-foreground);--button-border-color:var(--pds-color-button-primary-background-default);--button-border-color-hover:var(--pds-color-button-primary-background-hover);align-items:center;background-color:var(--button-background-color);border-color:var(--button-border-color);border-radius:var(--pds-border-radius-button);border-style:solid;border-width:var(--pds-border-width-default);color:var(--button-foreground-color);cursor:pointer;display:inline-flex;font-family:var(--pds-typography-ff-default);font-size:var(--button-font-size);font-weight:var(--pds-typography-fw-medium);gap:var(--button-gap-inline);height:var(--button-height);justify-content:center;line-height:1;max-height:var(--button-height);padding-block:0;padding-inline:var(--button-padding-inline);text-decoration:none;transition:var(--pds-animation-transition-button);white-space:nowrap}.pds-button:disabled{cursor:not-allowed;opacity:40%}.pds-button:active:enabled,.pds-button:hover:enabled,a.pds-button:active,a.pds-button:hover{--button-background-color:var(--button-background-color-hover);--button-border-color:var(--button-border-color-hover);color:var(--button-foreground-color);text-decoration:none}.pds-button:focus-visible{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:1px;transition:var(--pds-animation-transition-focus)}.pds-button__icon{flex-shrink:0}.pds-button--full-width{width:100%}.pds-button--xs{--button-font-size:var(--pds-typography-size-xs);--button-height:var(--pds-spacing-button-height-xs);--button-padding-inline:var(--pds-spacing-button-padding-inline-xs);--button-gap-inline:var(--pds-spacing-button-gap-inline-xs)}.pds-button--s{--button-font-size:var(--pds-typography-size-s);--button-height:var(--pds-spacing-button-height-s);--button-padding-inline:var(--pds-spacing-button-padding-inline-s);-button-gap-inline:var(--pds-spacing-button-gap-inline-s)}.pds-button--m{--button-font-size:var(--pds-typography-size-m);--button-height:var(--pds-spacing-button-height-m);--button-padding-inline:var(--pds-spacing-button-padding-inline-m);--button-gap-inline:var(--pds-spacing-button-gap-inline-m)}.pds-button--l{--button-font-size:var(--pds-typography-size-l);--button-height:var(--pds-spacing-button-height-l);--button-padding-inline:var(--pds-spacing-button-padding-inline-l);--button-gap-inline:var(--pds-spacing-button-gap-inline-l)}.pds-button--xl{--button-font-size:var(--pds-typography-size-xl);--button-height:var(--pds-spacing-button-height-xl);--button-padding-inline:var(--pds-spacing-button-padding-inline-xl);--button-gap-inline:var(--pds-spacing-button-gap-inline-xl)}.pds-button--secondary{--button-background-color:var(
|
|
4
4
|
--pds-color-button-secondary-background-default
|
|
5
5
|
);--button-background-color-hover:var(
|
|
6
6
|
--pds-color-button-secondary-background-hover
|
|
@@ -36,4 +36,4 @@
|
|
|
36
36
|
--pds-color-button-reverse-secondary-foreground
|
|
37
37
|
);--button-border-color:var(--pds-color-button-reverse-secondary-border);--button-border-color-hover:var(--pds-color-button-reverse-secondary-border)}.pds-button--navbar{--button-background-color:var(--pds-color-button-navbar-background-default);--button-background-color-hover:var(
|
|
38
38
|
--pds-color-button-navbar-background-hover
|
|
39
|
-
);--button-foreground-color:var(--pds-color-button-navbar-foreground);--button-border-color:var(--pds-color-button-navbar-background-default);--button-border-color-hover:var(--pds-color-button-navbar-background-hover)}.pds-button--navbar:active:enabled,.pds-button--navbar:hover:enabled{color:var(--pds-color-fg-default-secondary)}.pds-button--inline{background-color:transparent;border:none;border-radius:0;color:var(--pds-color-interactive-link-default);height:unset;justify-content:unset;letter-spacing:0;max-height:unset;padding-inline:0;padding:0;transition:var(--pds-animation-transition-button)}.pds-button--inline:hover:enabled{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-button--loading{cursor:not-allowed}.pds-button--loading:active,.pds-button--loading:hover:enabled{--button-background-color:var(--pulse-regular-base-color);--button-border-color:var(--pulse-regular-base-color)}.pds-button--loading.pds-pulse{background-color:var(--pulse-regular-base-color);border-color:var(--pulse-regular-base-color);color:transparent}.pds-button--loading .pds-button__icon,.pds-button--loading .pds-button__working-indicator{opacity:0}.pds-button-group{display:flex;flex-direction:column;row-gap:var(--pds-spacing-m);width:100%}@media (min-width:768px){.pds-button-group{column-gap:var(--pds-spacing-m);flex-direction:row;width:unset}.pds-button-group--lg{column-gap:var(--pds-spacing-l)}}
|
|
39
|
+
);--button-foreground-color:var(--pds-color-button-navbar-foreground);--button-border-color:var(--pds-color-button-navbar-background-default);--button-border-color-hover:var(--pds-color-button-navbar-background-hover)}.pds-button--navbar:active:enabled,.pds-button--navbar:hover:enabled,a.pds-button--navbar:active,a.pds-button--navbar:hover{color:var(--pds-color-fg-default-secondary)}.pds-button--inline{background-color:transparent;border:none;border-radius:0;color:var(--pds-color-interactive-link-default);height:unset;justify-content:unset;letter-spacing:0;max-height:unset;padding-inline:0;padding:0;transition:var(--pds-animation-transition-button)}.pds-button--inline:hover:enabled,a.pds-button--inline:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-button--loading{cursor:not-allowed}.pds-button--loading:active,.pds-button--loading:hover:enabled{--button-background-color:var(--pulse-regular-base-color);--button-border-color:var(--pulse-regular-base-color)}.pds-button--loading.pds-pulse{background-color:var(--pulse-regular-base-color);border-color:var(--pulse-regular-base-color);color:transparent}.pds-button--loading .pds-button__icon,.pds-button--loading .pds-button__working-indicator{opacity:0}.pds-button-group{display:flex;flex-direction:column;row-gap:var(--pds-spacing-m);width:100%}@media (min-width:768px){.pds-button-group{column-gap:var(--pds-spacing-m);flex-direction:row;width:unset}.pds-button-group--lg{column-gap:var(--pds-spacing-l)}}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
--pds-color-dashboard-nav-item-foreground-default
|
|
3
3
|
);--dashboard-nav-outline-color:var(--pds-color-interactive-focus);font-family:var(--pds-typography-ff-default)}.pds-dashboard-nav,.pds-dashboard-nav a{color:var(--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(--dashboard-nav-foreground-color)}.pds-dashboard-nav a:focus-visible,.pds-dashboard-nav button:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--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:var(--pds-spacing-xl);margin-block-start:var(--pds-spacing-4xs);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:var(--pds-spacing-s)}.pds-dashboard-nav__menu.pds-dashboard-nav__menu--top-level{row-gap:var(--pds-spacing-m)}.pds-dashboard-nav__item{list-style-type:none;margin-bottom:0}.pds-dashboard-nav__item--top-level.pds-dashboard-nav__item--active .pds-dashboard-nav__item-wrapper{--dashboard-nav-foreground-color:var(
|
|
4
4
|
--pds-color-dashboard-nav-item-foreground-active
|
|
5
|
-
);--dashboard-nav-outline-color:var(--pds-color-brand-primary-default);background-color:var(--pds-color-dashboard-nav-item-background-active)}.pds-dashboard-nav__item--top-level.pds-dashboard-nav__item--active .pds-dashboard-nav__item-wrapper:hover{background-color:var(--pds-color-dashboard-nav-item-background-active)}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper{align-items:center;border-radius:var(--pds-border-radius-container);display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:space-between;width:100%}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper:hover{background-color:var(--pds-color-dashboard-nav-item-background-hover);transition:var(--pds-animation-transition-button)}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper a{border-radius:var(--pds-border-radius-container);padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-inner,.pds-dashboard-nav__link-icon{align-items:center;display:flex}.pds-dashboard-nav__link-icon{flex-grow:0;flex-shrink:0;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:center;margin-inline-end:var(--dashboard-nav-space-after-icon);width:var(--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:var(--pds-spacing-s);padding-inline-start:calc(var(--pds-spacing-dashboard-nav-item-padding) + var(--dashboard-nav-icon-width) + var(--dashboard-nav-space-after-icon))}.pds-dashboard-nav__menu--second-level.pds-dashboard-nav__menu--expanded{display:flex;row-gap:var(--pds-spacing-s)}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level{font-size:var(--pds-typography-size-s)}.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:var(--pds-typography-fw-semibold)}.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 a:focus-visible{border-radius:
|
|
5
|
+
);--dashboard-nav-outline-color:var(--pds-color-brand-primary-default);background-color:var(--pds-color-dashboard-nav-item-background-active)}.pds-dashboard-nav__item--top-level.pds-dashboard-nav__item--active .pds-dashboard-nav__item-wrapper:hover{background-color:var(--pds-color-dashboard-nav-item-background-active)}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper{align-items:center;border-radius:var(--pds-border-radius-container);display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:space-between;width:100%}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper:hover{background-color:var(--pds-color-dashboard-nav-item-background-hover);transition:var(--pds-animation-transition-button)}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper a{border-radius:var(--pds-border-radius-container);padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-inner,.pds-dashboard-nav__link-icon{align-items:center;display:flex}.pds-dashboard-nav__link-icon{flex-grow:0;flex-shrink:0;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:center;margin-inline-end:var(--dashboard-nav-space-after-icon);width:var(--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:var(--pds-spacing-s);padding-inline-start:calc(var(--pds-spacing-dashboard-nav-item-padding) + var(--dashboard-nav-icon-width) + var(--dashboard-nav-space-after-icon))}.pds-dashboard-nav__menu--second-level.pds-dashboard-nav__menu--expanded{display:flex;row-gap:var(--pds-spacing-s)}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level{font-size:var(--pds-typography-size-s)}.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:var(--pds-typography-fw-semibold)}.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 a:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);transition:var(--pds-animation-transition-focus)}.pds-dashboard-nav__toggle{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-container);color:var(--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:var(--pds-animation-transition-rotation)}.pds-dashboard-nav__toggle--expanded .pds-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.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:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);max-width:30rem;padding:var(--pds-spacing-s);width:max-content;z-index:var(--pds-z-index-dropdown)}.pds-dashboard-nav__flyout-heading{color:var(--pds-color-dropdown-heading);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);padding:var(--pds-spacing-s) var(--pds-spacing-s)}.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);font-size:var(--pds-typography-size-m);line-height:var(--pds-typography-lh-s);margin:0}.pds-dashboard-nav__item--second-level-flyout a{border-radius:var(--pds-border-radius-container);cursor:pointer;display:block;padding:var(--pds-spacing-s) var(--pds-spacing-s)}.pds-dashboard-nav__item--second-level-flyout a:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-dashboard-nav__item--second-level-flyout.pds-dashboard-nav__item--active a{color:var(--pds-color-nav-item-default-foreground-active);font-weight:var(--pds-typography-fw-semibold)}.pds-dashboard-nav__item--second-level-flyout a:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);transition:var(--pds-animation-transition-focus)}.pds-dashboard-nav .pds-tooltip__container{padding:var(--pds-spacing-3xs) var(--pds-spacing-xs)}.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:var(--pds-spacing-2xs);padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-dashboard-nav .pds-dropdown-menu__item--second-level{padding-block:var(--pds-spacing-3xs);padding-inline-start:calc(var(--dashboard-nav-icon-width) + var(--dashboard-nav-space-after-icon) + .0625rem)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.pds-file-upload__input-wrapper{align-items:center;background-color:var(--pds-color-bg-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-default);display:flex;gap:var(--pds-spacing-s);column-gap:var(--pds-spacing-3xs);cursor:pointer;height:var(--pds-spacing-input-height-s);padding-inline:var(--pds-spacing-3xs) var(--pds-spacing-xs);position:relative;transition:var(--pds-animation-transition-input);width:100%}.pds-file-upload__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:var(--pds-animation-transition-focus)}.pds-file-upload__input-wrapper .pds-input-
|
|
1
|
+
.pds-file-upload__input-wrapper{align-items:center;background-color:var(--pds-color-bg-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-default);display:flex;gap:var(--pds-spacing-s);column-gap:var(--pds-spacing-3xs);cursor:pointer;height:var(--pds-spacing-input-height-s);padding-inline:var(--pds-spacing-3xs) var(--pds-spacing-xs);position:relative;transition:var(--pds-animation-transition-input);width:100%}.pds-file-upload__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:var(--pds-animation-transition-focus)}.pds-file-upload__input-wrapper .pds-input-prefix{margin-inline-start:var(--pds-spacing-3xs)}.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:var(--pds-typography-size-m);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:var(--pds-border-radius-default);color:var(--pds-color-fg-default);display:flex;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);gap:var(--pds-spacing-2xs);letter-spacing:0;line-height:1;padding:var(--pds-spacing-2xs) var(--pds-spacing-xs);white-space:nowrap}.pds-file-upload__input-label:hover{background-color:var(
|
|
4
4
|
--pds-color-input-file-upload-button-background-hover
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
|
|
1
|
+
.pds-icon-button{--icon-button-size:var(--pds-spacing-button-height-s);--icon-button-padding:var(--pds-spacing-button-padding-inline-s);--icon-button-background:var(
|
|
2
2
|
--pds-color-icon-button-standard-background-default
|
|
3
3
|
);--icon-button-background-hover:var(
|
|
4
4
|
--pds-color-icon-button-standard-background-hover
|
|
5
5
|
);--icon-button-border:var(--pds-color-icon-button-standard-border-default);--icon-button-border-hover:var(
|
|
6
6
|
--pds-color-icon-button-standard-border-hover
|
|
7
|
-
);--icon-button-foreground:var(--pds-color-icon-button-standard-foreground);background-color:var(--icon-button-background);border:var(--pds-border-width-default) solid var(--icon-button-border);border-radius:var(--pds-border-radius-button);box-sizing:border-box;color:var(--icon-button-foreground);cursor:pointer;height:var(--icon-button-size);padding:var(--icon-button-padding);transition:var(--pds-animation-transition-button);width:var(--icon-button-size)}.pds-icon-
|
|
7
|
+
);--icon-button-foreground:var(--pds-color-icon-button-standard-foreground);background-color:var(--icon-button-background);border:var(--pds-border-width-default) solid var(--icon-button-border);border-radius:var(--pds-border-radius-button);box-sizing:border-box;color:var(--icon-button-foreground);cursor:pointer;height:var(--icon-button-size);padding:var(--icon-button-padding);text-decoration:none;transition:var(--pds-animation-transition-button);width:var(--icon-button-size)}.pds-icon-button,.pds-icon-button__content{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%}.pds-icon-button:hover:enabled,a.pds-icon-button:hover{background-color:var(--icon-button-background-hover);border-color:var(--icon-button-border-hover);color:var(--icon-button-foreground);text-decoration:none}.pds-icon-button:focus-visible{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus)}.pds-icon-button--reverse{--icon-button-background:var(
|
|
8
8
|
--pds-color-icon-button-reverse-background-default
|
|
9
9
|
);--icon-button-background-hover:var(
|
|
10
10
|
--pds-color-icon-button-reverse-background-hover
|
|
11
|
-
);--icon-button-border:var(--pds-color-icon-button-reverse-border-default);--icon-button-border-hover:var(--pds-color-icon-button-reverse-border-hover);--icon-button-foreground:var(--pds-color-icon-button-reverse-foreground)}
|
|
11
|
+
);--icon-button-border:var(--pds-color-icon-button-reverse-border-default);--icon-button-border-hover:var(--pds-color-icon-button-reverse-border-hover);--icon-button-foreground:var(--pds-color-icon-button-reverse-foreground)}.pds-icon-button--reverse:focus-visible{outline-color:var(--pds-color-interactive-reverse-focus)}.pds-icon-button--critical{--icon-button-background:var(
|
|
12
12
|
--pds-color-icon-button-critical-background-default
|
|
13
13
|
);--icon-button-background-hover:var(
|
|
14
14
|
--pds-color-icon-button-critical-background-hover
|
|
15
15
|
);--icon-button-border:var(--pds-color-icon-button-critical-border-default);--icon-button-border-hover:var(
|
|
16
16
|
--pds-color-icon-button-critical-border-hover
|
|
17
|
-
);--icon-button-foreground:var(--pds-color-icon-button-critical-foreground)}
|
|
17
|
+
);--icon-button-foreground:var(--pds-color-icon-button-critical-foreground)}.pds-icon-button--m{--icon-button-size:var(--pds-spacing-button-height-m);--icon-button-padding:var(--pds-spacing-button-padding-inline-m)}.pds-icon-button__tooltip .pds-tooltip__container{padding:var(--pds-spacing-3xs) var(--pds-spacing-xs)}.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}.pds-icon--copy.pds-icon--copy.pds-icon-button__icon{transform:translateX(8%) translateY(-2%)}@keyframes scale-in-center{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
|