@pantheon-systems/pds-toolkit-react 1.6.0 → 1.7.0
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/badges/IndicatorBadge/IndicatorBadge.d.ts +4 -4
- package/_dist/components/inputs/ComboboxMultiselect/ComboboxMultiselect.d.ts +27 -5
- package/_dist/components/inputs/TagsInput/TagsInput.d.ts +100 -0
- 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-nav.css +1 -1
- package/_dist/css/component-css/pds-button.css +2 -2
- package/_dist/css/component-css/pds-close-button.css +1 -1
- package/_dist/css/component-css/pds-combobox-multiselect.css +2 -2
- package/_dist/css/component-css/pds-combobox.css +1 -1
- package/_dist/css/component-css/pds-cta-link.css +1 -1
- package/_dist/css/component-css/pds-dashboard-nav.css +1 -1
- package/_dist/css/component-css/pds-datepicker.css +1 -1
- package/_dist/css/component-css/pds-dropdown-menu.css +2 -2
- package/_dist/css/component-css/pds-expansion-panel.css +1 -1
- package/_dist/css/component-css/pds-file-upload.css +1 -1
- package/_dist/css/component-css/pds-index.css +14 -14
- package/_dist/css/component-css/pds-indicator-badge.css +1 -1
- package/_dist/css/component-css/pds-link-new-window.css +1 -1
- package/_dist/css/component-css/pds-menu-button.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-payment-card.css +1 -1
- package/_dist/css/component-css/pds-popover.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-global.css +1 -1
- package/_dist/css/component-css/pds-side-nav.css +1 -1
- package/_dist/css/component-css/pds-stepper.css +1 -1
- package/_dist/css/component-css/pds-tab-menu.css +2 -2
- 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-tags-input.css +1 -0
- package/_dist/css/component-css/pds-text-input.css +1 -1
- package/_dist/css/component-css/pds-theme-switcher.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-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 +42 -1
- package/_dist/css/design-tokens/pds-design-tokens-light-mode.css +16 -0
- package/_dist/css/design-tokens/pds-design-tokens.css +1 -1
- package/_dist/css/pds-components.css +14 -14
- package/_dist/css/pds-core.css +2 -2
- package/_dist/css/pds-layouts.css +2 -2
- package/_dist/index.css +1 -1
- package/_dist/index.d.ts +1 -0
- package/_dist/index.js +5918 -5516
- package/_dist/index.js.map +1 -1
- package/package.json +6 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ComponentPropsWithoutRef } from 'react';
|
|
1
|
+
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
2
|
import './indicator-badge.css';
|
|
3
3
|
/**
|
|
4
4
|
* IndicatorBadge component props
|
|
@@ -11,11 +11,11 @@ export interface IndicatorBadgeProps extends ComponentPropsWithoutRef<'span'> {
|
|
|
11
11
|
/**
|
|
12
12
|
* Badge color
|
|
13
13
|
*/
|
|
14
|
-
color: 'critical' | 'info' | 'success' | 'warning' | 'neutral' | 'brand' | 'silver' | 'gold' | 'platinum' | 'diamond' | 'default';
|
|
14
|
+
color: 'ai' | 'critical' | 'info' | 'success' | 'warning' | 'neutral' | 'brand' | 'silver' | 'gold' | 'platinum' | 'diamond' | 'default';
|
|
15
15
|
/**
|
|
16
|
-
* Badge text.
|
|
16
|
+
* Badge text or content.
|
|
17
17
|
*/
|
|
18
|
-
label:
|
|
18
|
+
label: ReactNode;
|
|
19
19
|
/**
|
|
20
20
|
* Badge size
|
|
21
21
|
*/
|
|
@@ -1,19 +1,38 @@
|
|
|
1
|
-
import { ComponentPropsWithoutRef } from 'react';
|
|
1
|
+
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
2
|
import './combobox-multiselect.css';
|
|
3
3
|
type LabelStrings = {
|
|
4
|
+
aiBadgeLabel?: string;
|
|
5
|
+
aiPanelButton?: string;
|
|
6
|
+
aiPanelClose?: string;
|
|
7
|
+
aiPanelRefresh?: string;
|
|
4
8
|
inputInstructions?: string;
|
|
5
9
|
triggerButton?: string;
|
|
6
10
|
};
|
|
7
|
-
|
|
11
|
+
/**
|
|
12
|
+
* Public option interface - what users provide to the component
|
|
13
|
+
*/
|
|
14
|
+
export interface OptionProps {
|
|
15
|
+
badge?: 'ai';
|
|
8
16
|
id: string;
|
|
9
|
-
isAlreadySelected?: boolean;
|
|
10
17
|
label: string;
|
|
11
18
|
}
|
|
19
|
+
interface AuxiliaryPanel {
|
|
20
|
+
content?: ReactNode;
|
|
21
|
+
disableRefresh?: boolean;
|
|
22
|
+
isFetching?: boolean;
|
|
23
|
+
items?: OptionProps[];
|
|
24
|
+
onClose?: () => void;
|
|
25
|
+
onRefresh?: () => void;
|
|
26
|
+
}
|
|
12
27
|
type DivProps = Omit<ComponentPropsWithoutRef<'div'>, 'onChange'>;
|
|
13
28
|
/**
|
|
14
29
|
* Prop types for ComboboxMultiselect
|
|
15
30
|
*/
|
|
16
31
|
export interface ComboboxMultiselectProps extends DivProps {
|
|
32
|
+
/**
|
|
33
|
+
* Optional auxiliary panel configuration (e.g., for AI suggestions)
|
|
34
|
+
*/
|
|
35
|
+
auxiliaryPanel?: AuxiliaryPanel;
|
|
17
36
|
/**
|
|
18
37
|
* Additional class names
|
|
19
38
|
*/
|
|
@@ -70,14 +89,17 @@ export interface ComboboxMultiselectProps extends DivProps {
|
|
|
70
89
|
* Is this field required?
|
|
71
90
|
*/
|
|
72
91
|
required?: boolean;
|
|
92
|
+
/**
|
|
93
|
+
* Display all selected tags in a wrapping row instead of stacking with only the top one visible
|
|
94
|
+
*/
|
|
95
|
+
showAllTags?: boolean;
|
|
73
96
|
/**
|
|
74
97
|
* Should the label be visible? If false, it will render for screen readers only.
|
|
75
98
|
*/
|
|
76
99
|
showLabel?: boolean;
|
|
77
100
|
}
|
|
78
|
-
export declare const getFilteredOptions: (options: OptionProps[], selectedItems: OptionProps[], inputValue: string) => OptionProps[];
|
|
79
101
|
/**
|
|
80
102
|
* ComboboxMultiselect UI component
|
|
81
103
|
*/
|
|
82
|
-
export declare const ComboboxMultiselect: ({ className, disabled, id, initialSelectedItems, inputWidth, isLoading, label, labelStrings, loadingText, noResultsText, onChange, options, placeholder, required, showLabel, ...props }: ComboboxMultiselectProps) => import("react/jsx-runtime").JSX.Element;
|
|
104
|
+
export declare const ComboboxMultiselect: ({ auxiliaryPanel, className, disabled, id, initialSelectedItems, inputWidth, isLoading, label, labelStrings, loadingText, noResultsText, onChange, options, placeholder, required, showAllTags, showLabel, ...props }: ComboboxMultiselectProps) => import("react/jsx-runtime").JSX.Element;
|
|
83
105
|
export {};
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
|
+
import { ValidationStatus } from '../../../libs/types/input-types';
|
|
3
|
+
import './tags-input.css';
|
|
4
|
+
type LabelStrings = {
|
|
5
|
+
inputInstructions: string;
|
|
6
|
+
tagAriaLabel: string;
|
|
7
|
+
tagAriaLabelSimple: string;
|
|
8
|
+
tagRemove: string;
|
|
9
|
+
tagsListLabel: string;
|
|
10
|
+
};
|
|
11
|
+
/**
|
|
12
|
+
* Tag type
|
|
13
|
+
*/
|
|
14
|
+
export type TagType = {
|
|
15
|
+
id: string;
|
|
16
|
+
value: string;
|
|
17
|
+
};
|
|
18
|
+
type DivProps = Omit<ComponentPropsWithoutRef<'div'>, 'onChange'>;
|
|
19
|
+
/**
|
|
20
|
+
* Prop types for TagsInput
|
|
21
|
+
*/
|
|
22
|
+
export interface TagsInputProps extends DivProps {
|
|
23
|
+
/**
|
|
24
|
+
* Optional placeholder text to display when the input field is empty and there are existing tags.
|
|
25
|
+
*/
|
|
26
|
+
addMorePlaceholder?: string;
|
|
27
|
+
/**
|
|
28
|
+
* Additional class names
|
|
29
|
+
*/
|
|
30
|
+
className?: string;
|
|
31
|
+
/**
|
|
32
|
+
* Is the field disabled?
|
|
33
|
+
*/
|
|
34
|
+
disabled?: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* Input ID.
|
|
37
|
+
*/
|
|
38
|
+
id: string;
|
|
39
|
+
/**
|
|
40
|
+
* Minimum height in pixels for the tags input wrapper box (not including label or message). Defaults to 80px.
|
|
41
|
+
*/
|
|
42
|
+
inputMinHeight?: number;
|
|
43
|
+
/**
|
|
44
|
+
* Max-width of the input field. Accepts a number in pixels. Leave blank for width: 100%.
|
|
45
|
+
*/
|
|
46
|
+
inputWidth?: number;
|
|
47
|
+
/**
|
|
48
|
+
* Should tags be sortable via drag-and-drop and keyboard shortcuts? Defaults to false.
|
|
49
|
+
*/
|
|
50
|
+
isSortable?: boolean;
|
|
51
|
+
/**
|
|
52
|
+
* Input label.
|
|
53
|
+
*/
|
|
54
|
+
label: string;
|
|
55
|
+
/**
|
|
56
|
+
* Input message. Used to provide supplemental text. Will be displayed below the input field.
|
|
57
|
+
*/
|
|
58
|
+
message?: string | ReactNode;
|
|
59
|
+
/**
|
|
60
|
+
* onChange event handler. Called when tags change.
|
|
61
|
+
*/
|
|
62
|
+
onChange: (tags: TagType[]) => void;
|
|
63
|
+
/**
|
|
64
|
+
* Optional placeholder text to display when the input field is empty and there are no tags yet.
|
|
65
|
+
*/
|
|
66
|
+
placeholder?: string;
|
|
67
|
+
/**
|
|
68
|
+
* Is this field required?
|
|
69
|
+
*/
|
|
70
|
+
required?: boolean;
|
|
71
|
+
/**
|
|
72
|
+
* Should the label be visible? If false, it will render for screen readers only.
|
|
73
|
+
*/
|
|
74
|
+
showLabel?: boolean;
|
|
75
|
+
/**
|
|
76
|
+
* Tags array. The component is controlled and requires managing state externally.
|
|
77
|
+
*/
|
|
78
|
+
tags: TagType[];
|
|
79
|
+
/**
|
|
80
|
+
* Optional tooltip text to display additional information.
|
|
81
|
+
*/
|
|
82
|
+
tooltipText?: string | null;
|
|
83
|
+
/**
|
|
84
|
+
* Translation strings for various labels or other visually-hidden text.
|
|
85
|
+
*/
|
|
86
|
+
translationStrings?: LabelStrings;
|
|
87
|
+
/**
|
|
88
|
+
* Validation message for the input field based on the validation status.
|
|
89
|
+
*/
|
|
90
|
+
validationMessage?: string;
|
|
91
|
+
/**
|
|
92
|
+
* Validation status of the input field.
|
|
93
|
+
*/
|
|
94
|
+
validationStatus?: ValidationStatus;
|
|
95
|
+
}
|
|
96
|
+
/**
|
|
97
|
+
* TagsInput UI component
|
|
98
|
+
*/
|
|
99
|
+
export declare const TagsInput: React.ForwardRefExoticComponent<TagsInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
100
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-banner-group{--banner-background:var(--pds-color-banner-info-background);--banner-foreground:var(--pds-color-banner-info-foreground);--banner-height:4.678rem;--nav-button-size:1.953rem;min-height:var(--banner-height);position:relative}@media (min-width:641px){.pds-banner-group{--banner-height:3.815rem}}.pds-banner--critical,.pds-banner-group--critical{--banner-background:var(--pds-color-banner-critical-background);--banner-foreground:var(--pds-color-banner-critical-foreground)}.pds-banner--info,.pds-banner-group--info{--banner-background:var(--pds-color-banner-info-background);--banner-foreground:var(--pds-color-banner-info-foreground)}.pds-banner--warning,.pds-banner-group--warning{--banner-background:var(--pds-color-banner-warning-background);--banner-foreground:var(--pds-color-banner-warning-foreground)}.pds-banner{background:var(--banner-background);box-sizing:border-box;color:var(--banner-foreground);font-size:.833rem;height:var(--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(--banner-foreground);padding:.125rem;text-decoration:underline}.pds-banner__message a:hover{background-color:hsla(0,0%,100%,.2);color:var(--banner-foreground);text-decoration:none;transition:all .2s
|
|
1
|
+
.pds-banner-group{--banner-background:var(--pds-color-banner-info-background);--banner-foreground:var(--pds-color-banner-info-foreground);--banner-height:4.678rem;--nav-button-size:1.953rem;min-height:var(--banner-height);position:relative}@media (min-width:641px){.pds-banner-group{--banner-height:3.815rem}}.pds-banner--critical,.pds-banner-group--critical{--banner-background:var(--pds-color-banner-critical-background);--banner-foreground:var(--pds-color-banner-critical-foreground)}.pds-banner--info,.pds-banner-group--info{--banner-background:var(--pds-color-banner-info-background);--banner-foreground:var(--pds-color-banner-info-foreground)}.pds-banner--warning,.pds-banner-group--warning{--banner-background:var(--pds-color-banner-warning-background);--banner-foreground:var(--pds-color-banner-warning-foreground)}.pds-banner{background:var(--banner-background);box-sizing:border-box;color:var(--banner-foreground);font-size:.833rem;height:var(--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(--banner-foreground);padding:.125rem;text-decoration:underline}.pds-banner__message a:hover{background-color:hsla(0,0%,100%,.2);color:var(--banner-foreground);text-decoration:none;transition:all .2s cubic-bezier(.2,0,0,1) 0s}.pds-banner__message a:focus-visible{outline:1px solid var(--banner-foreground);outline-offset:0}.pds-banner__dismiss-button{all:unset;border-radius:.1875rem;cursor:pointer;padding:.328rem .512rem;transition:all .2s cubic-bezier(.2,0,0,1) 0s}.pds-banner__dismiss-button:hover{background-color:hsla(0,0%,100%,.2)}.pds-banner__dismiss-button:focus-visible{outline:1px solid var(--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(--banner-foreground);height:var(--nav-button-size);margin-block:1.375rem;margin-inline:.512rem;min-width:unset;padding:0;transition:all .2s cubic-bezier(.2,0,0,1) 0s;width:var(--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(--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
|
|
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 cubic-bezier(.2,0,0,1) 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 cubic-bezier(.2,0,0,1) 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)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-button-nav__menu{display:inline-flex;gap:0;list-style:none;margin:0;padding:0}.pds-button-nav__item a{align-items:center;background-color:transparent;border:1px solid var(--pds-color-border-input);box-sizing:border-box;color:var(--pds-color-segmented-button-foreground-default);column-gap:.41rem;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;height:2.25rem;line-height:1;padding-inline:1.01563rem;text-decoration:none;transition:all .2s
|
|
1
|
+
.pds-button-nav__menu{display:inline-flex;gap:0;list-style:none;margin:0;padding:0}.pds-button-nav__item a{align-items:center;background-color:transparent;border:1px solid var(--pds-color-border-input);box-sizing:border-box;color:var(--pds-color-segmented-button-foreground-default);column-gap:.41rem;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;height:2.25rem;line-height:1;padding-inline:1.01563rem;text-decoration:none;transition:all .2s cubic-bezier(.2,0,0,1) 0s;white-space:nowrap}.pds-button-nav__item a:hover{background-color:var(--pds-color-segmented-button-background-hover);color:var(--pds-color-segmented-button-foreground-hover)}.pds-button-nav__item a:focus-visible{outline-offset:.0625rem}.pds-button-nav__item:first-child a{border-bottom-left-radius:.1875rem;border-top-left-radius:.1875rem}.pds-button-nav__item:last-child a{border-bottom-right-radius:.1875rem;border-top-right-radius:.1875rem}.pds-button-nav__item:not(:first-child) a{margin-left:-1px}.pds-button-nav__item--active{z-index:1}.pds-button-nav__item--active a{background-color:var(--pds-color-segmented-button-background-active);border:1px solid var(--pds-color-segmented-button-border-active);color:var(--pds-color-segmented-button-foreground-active);transition:all .2s cubic-bezier(.2,0,0,1) 0s}.pds-button-nav--sm .pds-button-nav__item a{font-size:.833rem;height:2rem;padding-inline:.8125rem}.pds-button-nav--sm .pds-button-nav__item .pds-tally__label{font-size:.5625rem}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
a.pds-button,button.pds-button{--button-color-background:var(--pds-color-button-primary-background-default);--button-color-foreground:var(--pds-color-button-primary-foreground-default);--button-color-border:var(--pds-color-button-primary-border-default);align-items:center;background-color:var(--button-color-background);border:1px solid var(--button-color-border);border-radius:.1875rem;box-sizing:border-box;color:var(--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
|
|
1
|
+
a.pds-button,button.pds-button{--button-color-background:var(--pds-color-button-primary-background-default);--button-color-foreground:var(--pds-color-button-primary-foreground-default);--button-color-border:var(--pds-color-button-primary-border-default);align-items:center;background-color:var(--button-color-background);border:1px solid var(--button-color-border);border-radius:.1875rem;box-sizing:border-box;color:var(--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 cubic-bezier(.2,0,0,1) 0s;white-space:nowrap}.pds-button--full-width{width:100%}.pds-button__icon--wrapper{align-items:center;display:flex}.pds-button__icon{flex-shrink:0}.pds-button__loading-indicator{--spinner-size:1rem;--spinner-color-1:#fff;--spinner-color-2:#f1f1f1;--spinner-color-3:#cfcfd3}a.pds-button:disabled,button.pds-button:disabled{cursor:not-allowed;opacity:63%}a.pds-button:hover,button.pds-button:hover:enabled{--button-color-background:var(--pds-color-button-primary-background-hover);--button-color-border:var(--pds-color-button-primary-border-hover);--button-color-foreground:var(--pds-color-button-primary-foreground-hover)}a.pds-button:active,button.pds-button:active:enabled{--button-color-background:var(--pds-color-button-primary-background-active);--button-color-border:var(--pds-color-button-primary-border-active);--button-color-foreground:var(--pds-color-button-primary-foreground-active)}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{--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{--spinner-size:1.25rem}a.pds-button.pds-button--secondary,button.pds-button.pds-button--secondary{--button-color-background:var(
|
|
2
2
|
--pds-color-button-secondary-background-default
|
|
3
3
|
);--button-color-border:var(--pds-color-button-secondary-border-default);--button-color-foreground:var(
|
|
4
4
|
--pds-color-button-secondary-foreground-default
|
|
@@ -42,4 +42,4 @@ a.pds-button,button.pds-button{--button-color-background:var(--pds-color-button-
|
|
|
42
42
|
--pds-color-button-critical-secondary-border-active
|
|
43
43
|
);--button-color-foreground:var(
|
|
44
44
|
--pds-color-button-critical-secondary-foreground-active
|
|
45
|
-
)}a.pds-button.pds-button--navbar,button.pds-button.pds-button--navbar{--button-color-background:transparent;--button-color-border:transparent;--button-color-foreground:var(--pds-color-button-navbar-foreground-default);font-weight:400;letter-spacing:0}a.pds-button.pds-button--navbar .pds-button__loading-indicator,button.pds-button.pds-button--navbar .pds-button__loading-indicator{--spinner-color-1:#525560;--spinner-color-2:#6a6e7a;--spinner-color-3:#cfcfd3}a.pds-button.pds-button--navbar:hover,button.pds-button.pds-button--navbar:hover:enabled{--button-color-background:transparent;--button-color-border:transparent;--button-color-foreground:var(--pds-color-button-navbar-foreground-hover)}a.pds-button.pds-button--navbar:active,button.pds-button.pds-button--navbar:active:enabled{--button-color-background:transparent;--button-color-border:transparent;--button-color-foreground:var(--pds-color-button-navbar-foreground-active)}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
|
|
45
|
+
)}a.pds-button.pds-button--navbar,button.pds-button.pds-button--navbar{--button-color-background:transparent;--button-color-border:transparent;--button-color-foreground:var(--pds-color-button-navbar-foreground-default);font-weight:400;letter-spacing:0}a.pds-button.pds-button--navbar .pds-button__loading-indicator,button.pds-button.pds-button--navbar .pds-button__loading-indicator{--spinner-color-1:#525560;--spinner-color-2:#6a6e7a;--spinner-color-3:#cfcfd3}a.pds-button.pds-button--navbar:hover,button.pds-button.pds-button--navbar:hover:enabled{--button-color-background:transparent;--button-color-border:transparent;--button-color-foreground:var(--pds-color-button-navbar-foreground-hover)}a.pds-button.pds-button--navbar:active,button.pds-button.pds-button--navbar:active:enabled{--button-color-background:transparent;--button-color-border:transparent;--button-color-foreground:var(--pds-color-button-navbar-foreground-active)}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 cubic-bezier(.2,0,0,1) 0s}button.pds-button.pds-button--inline .pds-button__loading-indicator{--spinner-color-1:#23232d;--spinner-color-2:#6d6d78;--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-close-button{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-fg-default-secondary);cursor:pointer;display:flex}.pds-close-button:hover{color:var(--pds-color-interactive-link-hover)}.pds-close-button:focus-visible{outline:1px solid var(--pds-color-interactive-focus);transition:outline .2s
|
|
1
|
+
.pds-close-button{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-fg-default-secondary);cursor:pointer;display:flex}.pds-close-button:hover{color:var(--pds-color-interactive-link-hover)}.pds-close-button:focus-visible{outline:1px solid var(--pds-color-interactive-focus);transition:outline .2s cubic-bezier(.2,0,0,1) 0s}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.pds-combobox-multi{position:relative}.pds-combobox-multi:disabled .pds-combobox-multi__input-wrapper{border-color:var(--pds-color-border-disabled)}.pds-combobox-multi__items-wrapper .pds-combobox-multi__selected-item:not(:last-child){display:none}.pds-combobox-multi__selected-item{align-items:center;background:var(--pds-color-
|
|
2
|
-
.pds-combobox-multi__trigger-icon{transform:rotate(180deg);transition:
|
|
1
|
+
.pds-combobox-multi{position:relative}.pds-combobox-multi:disabled .pds-combobox-multi__input-wrapper{border-color:var(--pds-color-border-disabled)}.pds-combobox-multi__items-wrapper .pds-combobox-multi__selected-item:not(:last-child){display:none}.pds-combobox-multi--show-all-tags .pds-combobox-multi__input-wrapper{align-items:flex-start;height:auto;min-height:var(--pds-spacing-input-height);padding-block:var(--pds-spacing-4xs)}.pds-combobox-multi--show-all-tags .pds-combobox-multi__items-wrapper{display:flex;flex-wrap:wrap;gap:var(--pds-spacing-2xs)}.pds-combobox-multi--show-all-tags .pds-combobox-multi__items-wrapper .pds-combobox-multi__selected-item:not(:last-child){display:inline-flex}.pds-combobox-multi--show-all-tags .pds-combobox-multi__trigger{align-self:flex-start;margin-block-start:var(--pds-spacing-5xs)}.pds-combobox-multi--show-all-tags .pds-combobox-multi__ai-button{inset-block-start:.3125rem}.pds-combobox-multi__selected-item{align-items:center;background:var(--pds-color-input-tag-background-default);border-radius:.1875rem;color:var(--pds-color-input-tag-foreground-default);display:inline-flex;font-size:.75rem;font-weight:var(--pds-typography-fw-regular);gap:var(--pds-spacing-3xs);justify-content:center;line-height:var(--pds-typography-lh-s);padding:var(--pds-spacing-5xs) var(--pds-spacing-2xs);text-wrap:nowrap}.pds-combobox-multi__selected-item:hover{background:var(--pds-color-input-tag-background-hover)}.pds-combobox-multi__selected-item:focus-visible{outline:none}.pds-combobox-multi__selected-item-text{margin-top:1px}.pds-combobox-multi__selected-item-remove{border-radius:var(--pds-border-radius-default);color:var(--pds-color-fg-default-secondary);cursor:pointer;display:flex;height:1rem;justify-content:center;width:.875rem}.pds-combobox-multi__selected-item-remove:hover{color:var(--pds-color-fg-default)}.pds-combobox-multi__selected-item--marked-for-deletion .pds-combobox-multi__selected-item-remove{outline:1px solid var(--pds-color-interactive-focus)}.pds-combobox-multi__input-wrapper{align-items:center;background-color:var(--pds-color-bg-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-default);box-sizing:border-box;column-gap:var(--pds-spacing-2xs);display:flex;gap:var(--pds-spacing-2xs);height:var(--pds-spacing-input-height);justify-content:space-between;overflow:hidden;padding-block:0;padding-inline:var(--pds-spacing-3xs);position:relative;transition:var(--pds-animation-input-transition);width:100%}.pds-combobox-multi__input-wrapper:focus{outline:none}.pds-combobox-multi__input-wrapper:focus-visible,.pds-combobox-multi__input-wrapper[data-focus-method=keyboard]:focus{border-color:var(--pds-color-interactive-focus);outline:none;transition:var(--pds-animation-focus-transition)}.pds-combobox-multi__input-wrapper:has(:focus-visible){border-color:var(--pds-color-interactive-focus);transition:var(--pds-animation-focus-transition)}.pds-combobox-multi__counter{display:inline-block;height:1.5rem;position:relative}.pds-combobox-multi__counter-wrapper{display:flex;position:relative}.pds-combobox-multi__counter-layer{background-color:var(--pds-color-input-tag-background-default);width:.5rem}.pds-combobox-multi__counter-item,.pds-combobox-multi__counter-layer{border-radius:.1875rem;box-shadow:-3px 0 0 0 var(--pds-color-bg-default);height:1.5rem}.pds-combobox-multi__counter-item{align-items:center;background:var(--pds-color-input-tag-background-default);color:var(--pds-color-input-tag-foreground-default);display:flex;font-size:.75rem;font-weight:var(--pds-typography-fw-regular);justify-content:center;width:1.28125rem}.pds-combobox-multi__trigger{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-default);color:var(--pds-color-fg-default);display:flex;flex-grow:1;height:100%;justify-content:flex-end;margin-inline-start:auto}.pds-combobox-multi__trigger:disabled{cursor:not-allowed}.pds-combobox-multi__trigger:focus-visible{outline:none}.pds-combobox-multi__trigger-icon{color:var(--pds-color-fg-default-secondary);pointer-events:none;transition:var(--pds-animation-rotation-transition)}.pds-combobox-multi__trigger[aria-expanded=true]
|
|
2
|
+
.pds-combobox-multi__trigger-icon{transform:rotate(180deg);transition:var(--pds-animation-rotation-transition)}.pds-combobox-multi__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-default);box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;display:flex;flex-direction:column;margin-block-start:var(--pds-spacing-2xs);max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;width:100%}.pds-combobox-multi__dropdown:focus-visible{outline:none}.pds-combobox-multi__dropdown-list{flex:1;margin-block-start:0;overflow-y:auto;padding:0}.pds-combobox-multi__dropdown-input-wrapper{align-items:center;background-color:var(--pds-color-dropdown-background);border-bottom:1px solid var(--pds-color-border-default);column-gap:var(--pds-spacing-2xs);display:flex;gap:var(--pds-spacing-xs);padding:var(--pds-spacing-xs) var(--pds-spacing-m);position:sticky;top:0;z-index:1}.pds-combobox-multi__dropdown-input{background-color:transparent;border:none;caret-color:var(--pds-color-fg-default);color:var(--pds-color-fg-default);flex-grow:1;line-height:1;padding-inline:0;width:100%}.pds-combobox-multi__dropdown-input:focus{outline:none}.pds-combobox-multi__dropdown-input::placeholder{color:var(--pds-color-fg-default-secondary)}.pds-combobox-multi__dropdown-item{padding:var(--pds-spacing-xs) var(--pds-spacing-m)}.pds-combobox-multi__dropdown-item-label{align-items:center;display:flex;gap:.375rem;justify-content:space-between;line-height:normal;width:100%}.pds-combobox-multi__dropdown-item-text{align-items:center;display:flex;gap:var(--pds-spacing-m)}.pds-combobox-multi__dropdown-item-badge{align-items:center;background-color:var(--pds-color-category-ai-background);border-radius:var(--pds-border-radius-default);color:var(--pds-color-category-ai-foreground);display:inline-flex;font-size:var(--pds-typography-size-xs);gap:var(--pds-spacing-4xs);padding:var(--pds-spacing-6xs) var(--pds-spacing-3xs)}.pds-combobox-multi__dropdown-item-icon{color:var(--pds-color-status-success-foreground)}.pds-combobox-multi__loading,.pds-combobox-multi__no-results{color:var(--pds-color-fg-default);font-size:var(--pds-typography-size-m);padding:var(--pds-spacing-m)}.pds-combobox-multi__ai-button{align-items:center;background-color:var(--pds-color-category-ai-background);border:none;border-radius:var(--pds-border-radius-default);color:var(--pds-color-category-ai-foreground);cursor:pointer;display:flex;height:1.5rem;inset-block-start:.375rem;inset-inline-end:calc(var(--pds-spacing-3xl)*.9);justify-content:center;min-height:1.5rem;min-width:1.5rem;position:absolute;transition:opacity .2s ease;width:1.5rem;z-index:1}.pds-combobox-multi__ai-button:hover{opacity:.8}.pds-combobox-multi__ai-button:disabled{cursor:not-allowed;opacity:.5}.pds-combobox-multi__ai-button:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-combobox-multi__ai-icon{color:var(--pds-color-category-ai-foreground);font-size:.875rem;pointer-events:none}.pds-combobox-multi__aux-panel{align-items:center;background-color:var(--pds-color-bg-default-secondary);border:none;border-radius:var(--pds-border-radius-default);box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;display:flex;flex-direction:row;gap:var(--pds-spacing-xs);padding:var(--pds-spacing-xs) var(--pds-spacing-s);position:absolute}.pds-combobox-multi__aux-panel-content{align-items:center;display:flex;flex:1;gap:var(--pds-spacing-xs)}.pds-combobox-multi__aux-panel-header{align-items:center;display:flex;gap:var(--pds-spacing-xs);margin-inline-start:auto}.pds-combobox-multi__aux-panel-icon{color:var(--pds-color-fg-default-secondary);flex-shrink:0}.pds-combobox-multi__aux-panel-button{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-default);color:var(--pds-color-fg-default);cursor:pointer;display:flex;height:var(--pds-spacing-xl);justify-content:center;padding:0;transition:background-color .2s ease;width:var(--pds-spacing-xl)}.pds-combobox-multi__aux-panel-button:hover{background-color:var(--pds-color-bg-default);color:var(--pds-color-fg-default)}.pds-combobox-multi__aux-panel-button:disabled{cursor:not-allowed}.pds-combobox-multi__aux-panel-button:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-combobox-multi__aux-panel-button-icon--rotating{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pds-combobox-multi__aux-panel-items{display:flex;flex:1;flex-wrap:wrap;gap:var(--pds-spacing-xs);padding-inline-start:var(--pds-spacing-3xs)}.pds-combobox-multi__aux-panel-item{align-items:center;background-color:var(--pds-color-bg-default);border:1px solid transparent;border-radius:.1875rem;color:var(--pds-color-fg-default);cursor:pointer;display:inline-flex;font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);justify-content:center;line-height:var(--pds-typography-lh-s);padding:var(--pds-spacing-3xs) var(--pds-spacing-2xs);text-wrap:nowrap;transition:background-color .2s ease,border-color .2s ease}.pds-combobox-multi__aux-panel-item:hover{background-color:var(--pds-color-category-ai-background);border-color:var(--pds-color-category-ai-foreground)}.pds-combobox-multi__aux-panel-item:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-combobox-multi__aux-panel-item--selected{border-color:var(--pds-color-category-ai-foreground)}.pds-combobox-multi__aux-panel-content{padding:var(--pds-spacing-3xs) var(--pds-spacing-6xs)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-combobox{position:relative}.pds-combobox__input-wrapper{align-items:center;background-color:var(--pds-color-bg-default);border:1px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;column-gap:.512rem;height:var(--pds-spacing-input-height);justify-content:space-between;padding-inline:.64rem;position:relative;transition:background-color .2s
|
|
1
|
+
.pds-combobox{position:relative}.pds-combobox__input-wrapper{align-items:center;background-color:var(--pds-color-bg-default);border:1px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;column-gap:.512rem;height:var(--pds-spacing-input-height);justify-content:space-between;padding-inline:.64rem;position:relative;transition:background-color .2s cubic-bezier(.2,0,0,1) 0s,border-color .2s cubic-bezier(.2,0,0,1) 0s;width:100%}.pds-combobox__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s cubic-bezier(.2,0,0,1) 0s}.pds-combobox__input{background-color:transparent;border:none;caret-color:var(--pds-color-fg-default);color:var(--pds-color-fg-default);flex-grow:1;line-height:1;padding-inline:0;width:100%}.pds-combobox__input:focus{outline:none}.pds-combobox__input::placeholder{color:var(--pds-color-fg-default-secondary)}.pds-combobox__trigger{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-fg-default);display:flex;height:1.563rem}.pds-combobox__trigger:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-combobox__trigger-icon{color:var(--pds-color-fg-default-secondary);pointer-events:none;transition:transform .2s cubic-bezier(.2,0,0,1) 0s}.pds-combobox__trigger[aria-expanded=true] .pds-combobox__trigger-icon{transform:rotate(180deg);transition:transform .2s cubic-bezier(.2,0,0,1) 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__dropdown:focus-visible{outline:none}.pds-combobox__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:.0625rem}.pds-combobox__loading,.pds-combobox__no-results{color:var(--pds-color-fg-default);font-size:1rem;padding:1rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-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
|
|
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 cubic-bezier(.2,0,0,1) 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 cubic-bezier(.2,0,0,1) 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}
|
|
@@ -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:Poppins,sans-serif}.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:.375rem;outline:1px 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: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:.64rem}.pds-dashboard-nav__menu.pds-dashboard-nav__menu--top-level{row-gap:1rem}.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:.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
|
|
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:.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 cubic-bezier(.2,0,0,1) 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,.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:.8rem;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:.64rem}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level{font-size:.833rem}.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: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:1px;outline:1px solid var(--pds-color-interactive-focus);outline-offset:4px;transition:outline .2s cubic-bezier(.2,0,0,1) 0s}.pds-dashboard-nav__toggle{align-items:center;background-color:transparent;border:none;border-radius:.375rem;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:all .2s cubic-bezier(.2,0,0,1) 0s}.pds-dashboard-nav__toggle--expanded .pds-icon{transform:rotate(180deg);transition:all .2s cubic-bezier(.2,0,0,1) 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:300}.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);font-size:1rem;line-height:120%;margin:0}.pds-dashboard-nav__item--second-level-flyout a{border-radius:.375rem;cursor:pointer;display:block;padding:.64rem .8rem}.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: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 cubic-bezier(.2,0,0,1) 0s}.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(--dashboard-nav-icon-width) + var(--dashboard-nav-space-after-icon) + .0625rem)}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
.pds-datepicker{color:var(--pds-color-fg-default);font-family:Poppins,sans-serif}.pds-datepicker__input-wrapper{column-gap:.8rem;row-gap:.512rem;width:100%}.pds-datepicker__input-wrapper,.pds-datepicker__presets{align-items:center;display:flex}.pds-datepicker__presets .pds-segmented-button__label-text{font-weight:400}.pds-datepicker__presets .pds-segmented-button.pds-is-disabled .pds-segmented-button__option label{border-color:var(--pds-color-border-input);opacity:1}.pds-datepicker__presets .pds-segmented-button.pds-is-disabled .pds-segmented-button__label-text{color:var(--pds-color-fg-default);opacity:.5}.pds-datepicker__trigger{align-items:center;background:var(--pds-color-bg-default);border:1px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;color:var(--pds-color-fg-default);cursor:pointer;display:flex;font-size:1rem;gap:.8rem;height:var(--pds-spacing-input-height);justify-content:space-between;min-width:10rem;padding:.64rem;width:100%}.pds-datepicker__trigger:disabled{cursor:not-allowed}.pds-datepicker__trigger:focus{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s
|
|
1
|
+
.pds-datepicker{color:var(--pds-color-fg-default);font-family:Poppins,sans-serif}.pds-datepicker__input-wrapper{column-gap:.8rem;row-gap:.512rem;width:100%}.pds-datepicker__input-wrapper,.pds-datepicker__presets{align-items:center;display:flex}.pds-datepicker__presets .pds-segmented-button__label-text{font-weight:400}.pds-datepicker__presets .pds-segmented-button.pds-is-disabled .pds-segmented-button__option label{border-color:var(--pds-color-border-input);opacity:1}.pds-datepicker__presets .pds-segmented-button.pds-is-disabled .pds-segmented-button__label-text{color:var(--pds-color-fg-default);opacity:.5}.pds-datepicker__trigger{align-items:center;background:var(--pds-color-bg-default);border:1px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;color:var(--pds-color-fg-default);cursor:pointer;display:flex;font-size:1rem;gap:.8rem;height:var(--pds-spacing-input-height);justify-content:space-between;min-width:10rem;padding:.64rem;width:100%}.pds-datepicker__trigger:disabled{cursor:not-allowed}.pds-datepicker__trigger:focus{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s cubic-bezier(.2,0,0,1) 0s}.pds-datepicker__trigger-text{align-items:center;display:flex;flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.pds-datepicker__trigger-text--placeholder{color:var(--pds-color-fg-default-secondary)}.pds-datepicker__trigger-icon{color:var(--pds-color-fg-default);flex-shrink:0;margin-block-start:-1px}.pds-datepicker__separator{padding-inline:.64rem}.pds-datepicker__popover{background-color:var(--pds-color-bg-default);border-radius:.375rem;box-shadow:var(--pds-elevation-overlay);overflow:hidden;z-index:var(--pds-z-index-overlay)}.pds-datepicker__calendar{background-color:var(--pds-color-bg-default);padding:.8rem}.pds-datepicker__actions{display:flex;gap:.64rem;justify-content:flex-end;padding:0 1rem 1rem 0}.pds-datepicker__actions button.pds-button.pds-button--sm{font-size:.7497rem;font-weight:500;padding:.4rem .5625rem}.pds-datepicker{--day-size:2rem}.pds-datepicker .rdp-root{--rdp-accent-color:var(--pds-color-datepicker-accent-foreground);--rdp-range_middle-background-color:var(
|
|
2
2
|
--pds-color-datepicker-range-background
|
|
3
3
|
);--rdp-today-color:var(--pds-color-fg-default);--rdp-day-height:var(--day-size);--rdp-day-width:var(--day-size);--rdp-day_button-height:var(--day-size);--rdp-day_button-width:var(--day-size)}.pds-datepicker .rdp-month_caption{margin-block-end:.512rem}.pds-datepicker .rdp-caption_label{color:var(--pds-color-fg-default-secondary);font-size:1rem;font-weight:400}.pds-datepicker .rdp-weekday{color:var(--pds-color-fg-default-secondary);font-size:.833rem;font-weight:400;opacity:1}.pds-datepicker .rdp-week{border:.25rem solid var(--pds-color-bg-default)}.pds-datepicker .rdp-day{padding-inline:.125rem}.pds-datepicker .rdp-day_button{font-size:.833rem;font-weight:400}.pds-datepicker .rdp-day_button:focus{outline:1px solid var(--pds-color-interactive-focus)}.pds-datepicker .rdp-selected:not(.rdp-range_middle) .rdp-day_button{background-color:var(--pds-color-datepicker-selected-background);border-radius:50%;color:var(--pds-color-datepicker-selected-foreground)}.pds-datepicker .rdp-today .rdp-day_button{border:1px solid var(--pds-color-fg-default-secondary);border-radius:50%;height:calc(var(--day-size) - 1px);width:calc(var(--day-size) - 1px)}.pds-datepicker .rdp-button_next,.pds-datepicker .rdp-button_previous{color:var(--pds-color-fg-default-secondary)}.pds-datepicker .rdp-button_next:hover,.pds-datepicker .rdp-button_previous:hover{color:var(--pds-color-segmented-button-foreground-hover)}.pds-datepicker .rdp-button_next:focus-visible,.pds-datepicker .rdp-button_previous:focus-visible{border-radius:.1875rem;outline:1px solid var(--pds-color-interactive-focus)}@media (max-width:640px){.pds-datepicker__input-wrapper{align-items:stretch;flex-direction:column}.pds-datepicker__presets{width:100%}.pds-datepicker__presets .pds-segmented-button{display:block;margin-inline:-.0125rem;min-width:0;width:100%}.pds-datepicker__presets .pds-segmented-button__options{display:flex;width:100%}.pds-datepicker__presets .pds-segmented-button__option{flex:1;min-width:0}.pds-datepicker__presets .pds-segmented-button__option label{justify-content:center;overflow:hidden;text-overflow:ellipsis;width:100%}.pds-datepicker__presets .pds-segmented-button__option:not(:first-child) label{border-left:0}.pds-datepicker__presets .pds-segmented-button__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-datepicker .rdp-root .rdp-months{flex-direction:column}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.pds-dropdown-menu{position:relative}.pds-dropdown-menu__heading{font-weight:600;margin-block-end:.64rem}.pds-dropdown-menu__heading a{color:var(--pds-color-fg-default);text-decoration:none}.pds-dropdown-menu__heading a:hover{color:var(--pds-color-interactive-link-hover)}.pds-dropdown-menu__trigger{align-items:center;background-color:var(--pds-color-bg-default);border:1px solid var(--pds-color-border-input);border-radius:.1875rem;color:var(--pds-color-fg-default);cursor:pointer;display:flex;height:var(--pds-spacing-input-height);justify-content:space-between;padding:0 .64rem;text-align:left;width:100%}.pds-dropdown-menu__trigger:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-dropdown-menu__trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);transition:transform .2s
|
|
2
|
-
.pds-dropdown-menu__trigger-icon{transform:rotate(180deg);transition:transform .2s
|
|
1
|
+
.pds-dropdown-menu{position:relative}.pds-dropdown-menu__heading{font-weight:600;margin-block-end:.64rem}.pds-dropdown-menu__heading a{color:var(--pds-color-fg-default);text-decoration:none}.pds-dropdown-menu__heading a:hover{color:var(--pds-color-interactive-link-hover)}.pds-dropdown-menu__trigger{align-items:center;background-color:var(--pds-color-bg-default);border:1px solid var(--pds-color-border-input);border-radius:.1875rem;color:var(--pds-color-fg-default);cursor:pointer;display:flex;height:var(--pds-spacing-input-height);justify-content:space-between;padding:0 .64rem;text-align:left;width:100%}.pds-dropdown-menu__trigger:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-dropdown-menu__trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);transition:transform .2s cubic-bezier(.2,0,0,1) 0s}.pds-dropdown-menu__trigger[aria-expanded=true]
|
|
2
|
+
.pds-dropdown-menu__trigger-icon{transform:rotate(180deg);transition:transform .2s cubic-bezier(.2,0,0,1) 0s}.pds-dropdown-menu__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);list-style-type:none;margin-block-start:.64rem;max-height:30rem;overflow-y:scroll;padding:0;position:absolute;width:100%;z-index:300}.pds-dropdown-menu__dropdown a{color:var(--pds-color-dropdown-foreground);display:flex;padding:.64rem 1rem;text-decoration:none}.pds-dropdown-menu__dropdown:focus{outline:none}.pds-dropdown-menu__item:focus,.pds-dropdown-menu__item:hover{background-color:var(--pds-color-dropdown-item-background-hover);outline:none}.pds-dropdown-menu__item:focus a:active,.pds-dropdown-menu__item:hover a:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-dropdown-menu__item--second-level a{padding-inline-start:2.441rem}.pds-dropdown-menu__item--third-level a{padding-inline-start:4.004rem}.pds-dropdown-menu__item--fourth-level a{padding-inline-start:5.567rem}.pds-dropdown-menu__active-label{display:flex;padding-inline-start:.25rem}.pds-dropdown-menu__item--active{align-items:center;background-color:var(--pds-color-dropdown-item-background-selected);color:var(--pds-color-fg-default);display:flex;justify-content:space-between}.pds-dropdown-menu__active-icon{color:var(--pds-color-status-success-foreground);flex-shrink:0;margin-inline:1rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-expansion-panel details{border:1px solid var(--pds-color-border-default);border-radius:.375rem;line-height:normal}.pds-expansion-panel details>summary::-webkit-details-marker{display:none}.pds-expansion-panel details>summary{align-items:center;border-radius:.375rem;color:var(--pds-color-fg-default);cursor:pointer;display:flex;flex-wrap:nowrap;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;gap:1.25rem;justify-content:space-between;padding:.64rem 1rem;transition:background-color all .2s
|
|
1
|
+
.pds-expansion-panel details{border:1px solid var(--pds-color-border-default);border-radius:.375rem;line-height:normal}.pds-expansion-panel details>summary::-webkit-details-marker{display:none}.pds-expansion-panel details>summary{align-items:center;border-radius:.375rem;color:var(--pds-color-fg-default);cursor:pointer;display:flex;flex-wrap:nowrap;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;gap:1.25rem;justify-content:space-between;padding:.64rem 1rem;transition:background-color all .2s cubic-bezier(.2,0,0,1) 0s}.pds-expansion-panel details>summary:hover{background-color:var(--pds-color-expansion-panel-hover);transition:background-color all .2s cubic-bezier(.2,0,0,1) 0s}.pds-expansion-panel details>summary:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-expansion-panel details>summary .pds-expansion-panel__icon{color:var(--pds-color-fg-default-secondary);transition:all .2s cubic-bezier(.2,0,0,1) 0s}.pds-expansion-panel .pds-expansion-panel__icon.rotated{transform:rotate(180deg)}.pds-expansion-panel details[open]>summary{background-color:var(--pds-color-expansion-panel-open);border-radius:.375rem .375rem 0 0}.pds-expansion-panel details[open]>summary .pds-expansion-panel__icon{color:var(--pds-color-fg-default)}.pds-expansion-panel .pds-expansion-panel__content{padding:.8rem 1rem}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.pds-file-upload__input-wrapper{align-items:center;background-color:var(--pds-color-bg-default);border:1px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;column-gap:.328rem;cursor:pointer;height:var(--pds-spacing-input-height);padding-inline:.328rem .512rem;position:relative;transition:background-color .2s
|
|
1
|
+
.pds-file-upload__input-wrapper{align-items:center;background-color:var(--pds-color-bg-default);border:1px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;column-gap:.328rem;cursor:pointer;height:var(--pds-spacing-input-height);padding-inline:.328rem .512rem;position:relative;transition:background-color .2s cubic-bezier(.2,0,0,1) 0s,border-color .2s cubic-bezier(.2,0,0,1) 0s;width:100%}.pds-file-upload__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s cubic-bezier(.2,0,0,1) 0s}.pds-file-upload__input-wrapper .pds-input-decorator{margin-inline-start:.328rem}.pds-file-upload__input::file-selector-button{padding:0;visibility:hidden;width:.1rem}.pds-file-upload__input{color:var(--pds-color-fg-default);font-size:1rem;text-align:left;width:100%}.pds-file-upload__input:focus{outline:none}.pds-file-upload__input-label{all:unset;align-items:center;background-color:var(
|
|
2
2
|
--pds-color-input-file-upload-button-background-default
|
|
3
3
|
);border-radius:.1875rem;color:var(--pds-color-fg-default);display:flex;font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;gap:.41rem;letter-spacing:0;line-height:1;padding:.41rem .512rem;white-space:nowrap}.pds-file-upload__input-label:hover{background-color:var(
|
|
4
4
|
--pds-color-input-file-upload-button-background-hover
|