@pantheon-systems/pds-toolkit-react 1.0.0-dev.172 → 1.0.0-dev.174
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/SocialLinks/SocialLinks.d.ts +22 -12
- package/_dist/components/cards/CardSelectGroup/CardSelectGroup.d.ts +55 -37
- package/_dist/components/inputs/Textarea/Textarea.d.ts +101 -33
- package/_dist/components/navigation/DashboardSearch/DashboardSearch.d.ts +3 -3
- package/_dist/css/component-css/pds-index.css +1 -1
- package/_dist/css/component-css/pds-textarea.css +1 -1
- package/_dist/css/pds-components.css +1 -1
- package/_dist/css/pds-core.css +1 -1
- package/_dist/index.css +1 -1
- package/_dist/index.d.ts +5 -3
- package/_dist/index.js +3033 -3128
- package/_dist/index.js.map +1 -1
- package/_dist/layouts/DashboardLayout/DashboardLayout.d.ts +5 -1
- package/package.json +1 -1
|
@@ -1,13 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
import React, { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import { PDSIcon } from '@components/Icon/Icon';
|
|
3
|
+
import './social-links.css';
|
|
4
|
+
interface SocialLinksProps extends ComponentPropsWithoutRef<'ul'> {
|
|
5
|
+
/**
|
|
6
|
+
* Array of social media links
|
|
7
|
+
*/
|
|
8
|
+
linkItems?: (keyof typeof socialData)[];
|
|
9
|
+
/**
|
|
10
|
+
* Additional class names
|
|
11
|
+
*/
|
|
12
|
+
className?: string;
|
|
11
13
|
}
|
|
12
|
-
|
|
13
|
-
|
|
14
|
+
declare const socialData: Record<string, {
|
|
15
|
+
icon: PDSIcon;
|
|
16
|
+
url: string;
|
|
17
|
+
label: string;
|
|
18
|
+
}>;
|
|
19
|
+
/**
|
|
20
|
+
* SocialLinks UI component
|
|
21
|
+
*/
|
|
22
|
+
export declare const SocialLinks: ({ linkItems, className, ...props }: SocialLinksProps) => React.JSX.Element;
|
|
23
|
+
export {};
|
|
@@ -1,38 +1,56 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
let label: PropTypes.Validator<string>;
|
|
17
|
-
let labelDisplay: PropTypes.Requireable<string>;
|
|
18
|
-
let layout: PropTypes.Requireable<string>;
|
|
19
|
-
let onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
20
|
-
let options: PropTypes.Requireable<PropTypes.InferProps<{
|
|
21
|
-
/**
|
|
22
|
-
* Option label
|
|
23
|
-
*/
|
|
24
|
-
label: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
|
|
25
|
-
/**
|
|
26
|
-
* Option description
|
|
27
|
-
*/
|
|
28
|
-
description: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
|
|
29
|
-
/**
|
|
30
|
-
* Option value
|
|
31
|
-
*/
|
|
32
|
-
value: PropTypes.Validator<string>;
|
|
33
|
-
}>[]>;
|
|
34
|
-
let className: PropTypes.Requireable<string>;
|
|
35
|
-
}
|
|
1
|
+
import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
|
+
import './card-select-group.css';
|
|
3
|
+
interface CardOptions {
|
|
4
|
+
/**
|
|
5
|
+
* Option label
|
|
6
|
+
*/
|
|
7
|
+
label: string | ReactNode;
|
|
8
|
+
/**
|
|
9
|
+
* Option description
|
|
10
|
+
*/
|
|
11
|
+
description?: string | ReactNode;
|
|
12
|
+
/**
|
|
13
|
+
* Option value
|
|
14
|
+
*/
|
|
15
|
+
value: string;
|
|
36
16
|
}
|
|
37
|
-
|
|
38
|
-
|
|
17
|
+
interface CardSelectGroupProps extends Omit<ComponentPropsWithoutRef<'fieldset'>, 'onChange'> {
|
|
18
|
+
/**
|
|
19
|
+
* Unique ID for the card select group
|
|
20
|
+
*/
|
|
21
|
+
id: string;
|
|
22
|
+
/**
|
|
23
|
+
* Optional initial selected option value
|
|
24
|
+
*/
|
|
25
|
+
initialSelection?: string;
|
|
26
|
+
/**
|
|
27
|
+
* Label for the card select group
|
|
28
|
+
*/
|
|
29
|
+
label: string;
|
|
30
|
+
/**
|
|
31
|
+
* Display of the component label. `hidden` visually hides the label but keeps it accessible to screen readers.
|
|
32
|
+
*/
|
|
33
|
+
labelDisplay?: 'left' | 'center' | 'hidden';
|
|
34
|
+
/**
|
|
35
|
+
* Column layout of the cards at breakpoints medium and above.
|
|
36
|
+
*/
|
|
37
|
+
layout?: 'auto' | 'twoAcross' | 'threeAcross';
|
|
38
|
+
/**
|
|
39
|
+
* Callback function that will return the updated value from the instance when it changes.
|
|
40
|
+
* Function should have the shape of: `(value) => { <do stuff here> } `.
|
|
41
|
+
*/
|
|
42
|
+
onChange?: (value: string) => void;
|
|
43
|
+
/**
|
|
44
|
+
* Array of card options
|
|
45
|
+
*/
|
|
46
|
+
options?: CardOptions[];
|
|
47
|
+
/**
|
|
48
|
+
* Additional class names
|
|
49
|
+
*/
|
|
50
|
+
className?: string;
|
|
51
|
+
}
|
|
52
|
+
/**
|
|
53
|
+
* CardSelectGroup UI component
|
|
54
|
+
*/
|
|
55
|
+
export declare const CardSelectGroup: ({ id, initialSelection, label, labelDisplay, layout, onChange, options, className, ...props }: CardSelectGroupProps) => React.JSX.Element;
|
|
56
|
+
export {};
|
|
@@ -1,39 +1,107 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import React, { ComponentPropsWithoutRef, FocusEvent } from 'react';
|
|
2
|
+
import { ValidationStatus } from '../input-types';
|
|
3
|
+
import './textarea.css';
|
|
4
|
+
type TranslationStringProps = {
|
|
5
|
+
clearButton: string;
|
|
6
|
+
counterOverLimit?: string;
|
|
7
|
+
searchShortcut: string;
|
|
8
|
+
visibilityStatus: string;
|
|
9
|
+
visibilityToggleHide: string;
|
|
10
|
+
visibilityToggleShow: string;
|
|
11
|
+
};
|
|
12
|
+
interface TextareaProps {
|
|
13
|
+
/**
|
|
14
|
+
* Maximum character count for the character counter. Leave blank for no counter.
|
|
15
|
+
*/
|
|
16
|
+
counterMaxLength?: number;
|
|
17
|
+
/**
|
|
18
|
+
* Initial value for the input field. Setting this prop automatically makes the input uncontrolled. Cannot be used in conjunction with the `value` prop.
|
|
19
|
+
*/
|
|
20
|
+
defaultValue?: string;
|
|
21
|
+
/**
|
|
22
|
+
* Is the field disabled?
|
|
23
|
+
*/
|
|
4
24
|
disabled?: boolean;
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
25
|
+
/**
|
|
26
|
+
* ID of the textarea.
|
|
27
|
+
*/
|
|
28
|
+
id: string;
|
|
29
|
+
/**
|
|
30
|
+
* Should the textarea be resizable by the user?
|
|
31
|
+
*/
|
|
8
32
|
isResizable?: boolean;
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
33
|
+
/**
|
|
34
|
+
* Width of the input field. Accepts a number in pixels. Leave blank for width: 100%.
|
|
35
|
+
*/
|
|
36
|
+
inputWidth?: number;
|
|
37
|
+
/**
|
|
38
|
+
* Text label associated with the input field.
|
|
39
|
+
*/
|
|
40
|
+
label: string;
|
|
41
|
+
/**
|
|
42
|
+
* Message or description used to help clarify the usage of the input.
|
|
43
|
+
*/
|
|
44
|
+
message?: string;
|
|
45
|
+
/**
|
|
46
|
+
* onBlur event handler.
|
|
47
|
+
*/
|
|
48
|
+
onBlur?: (e: FocusEvent<HTMLTextAreaElement>) => void;
|
|
49
|
+
/**
|
|
50
|
+
* Function to help lift the state and retrieve the input's value.
|
|
51
|
+
* Should accept one argument, the input's value
|
|
52
|
+
*/
|
|
53
|
+
onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
54
|
+
/**
|
|
55
|
+
* onFocus event handler.
|
|
56
|
+
*/
|
|
57
|
+
onFocus?: (e: FocusEvent<HTMLTextAreaElement>) => void;
|
|
58
|
+
/**
|
|
59
|
+
* Optional placeholder text to display when the input field is empty.
|
|
60
|
+
*/
|
|
61
|
+
placeholder?: string;
|
|
62
|
+
/**
|
|
63
|
+
* Is the field read-only?
|
|
64
|
+
*/
|
|
13
65
|
readonly?: boolean;
|
|
66
|
+
/**
|
|
67
|
+
* Is the field required?
|
|
68
|
+
*/
|
|
14
69
|
required?: boolean;
|
|
70
|
+
/**
|
|
71
|
+
* Rows value to be given to the textarea type.
|
|
72
|
+
*/
|
|
15
73
|
rows?: number;
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
74
|
+
/**
|
|
75
|
+
* Should the label be visible? If false, it will render for screen readers only.
|
|
76
|
+
*/
|
|
77
|
+
showLabel?: boolean;
|
|
78
|
+
/**
|
|
79
|
+
* Additional props for the `<textarea>` element.
|
|
80
|
+
*/
|
|
81
|
+
textareaProps?: ComponentPropsWithoutRef<'textarea'>;
|
|
82
|
+
/**
|
|
83
|
+
* Translation strings for various labels or other visually-hidden text.
|
|
84
|
+
*/
|
|
85
|
+
translationStrings?: TranslationStringProps;
|
|
86
|
+
/**
|
|
87
|
+
* Validation message for the textarea field based on the validation status.
|
|
88
|
+
*/
|
|
89
|
+
validationMessage?: string;
|
|
90
|
+
/**
|
|
91
|
+
* Validation status of the textarea field.
|
|
92
|
+
*/
|
|
93
|
+
validationStatus?: ValidationStatus;
|
|
94
|
+
/**
|
|
95
|
+
* Value of the textarea field. Used to set the value of the textarea field when controlled. Cannot be used in conjunction with the `defaultValue` prop.
|
|
96
|
+
*/
|
|
97
|
+
value?: string;
|
|
98
|
+
/**
|
|
99
|
+
* Additional class names
|
|
100
|
+
*/
|
|
101
|
+
className?: string;
|
|
37
102
|
}
|
|
38
|
-
|
|
39
|
-
|
|
103
|
+
/**
|
|
104
|
+
* Textarea UI component
|
|
105
|
+
*/
|
|
106
|
+
export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
107
|
+
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export function DashboardSearch({ disabled, id, isLoading, label, labelStrings, loadingText, noResultsText, onFocus, onOptionSelect, placeholder, siteList,
|
|
1
|
+
export function DashboardSearch({ disabled, id, isLoading, label, labelStrings, loadingText, noResultsText, onFocus, onOptionSelect, placeholder, siteList, horizontalOffset, className, ...props }: {
|
|
2
2
|
[x: string]: any;
|
|
3
3
|
disabled?: boolean;
|
|
4
4
|
id: any;
|
|
@@ -15,7 +15,7 @@ export function DashboardSearch({ disabled, id, isLoading, label, labelStrings,
|
|
|
15
15
|
onOptionSelect: any;
|
|
16
16
|
placeholder?: string;
|
|
17
17
|
siteList: any;
|
|
18
|
-
|
|
18
|
+
horizontalOffset?: number;
|
|
19
19
|
className: any;
|
|
20
20
|
}): React.JSX.Element;
|
|
21
21
|
export namespace DashboardSearch {
|
|
@@ -61,7 +61,7 @@ export namespace DashboardSearch {
|
|
|
61
61
|
*/
|
|
62
62
|
type: PropTypes.Requireable<string>;
|
|
63
63
|
}>[]>;
|
|
64
|
-
let
|
|
64
|
+
let horizontalOffset: PropTypes.Requireable<number>;
|
|
65
65
|
let className: PropTypes.Requireable<string>;
|
|
66
66
|
}
|
|
67
67
|
}
|
|
@@ -145,7 +145,7 @@
|
|
|
145
145
|
--pds-color-input-file-upload-button-background-hover
|
|
146
146
|
)}.pds-input-wrapper.pds-input-wrapper--file-upload.pds-has-error .pds-input-field--file-upload,.pds-input-wrapper.pds-input-wrapper--file-upload.pds-has-success .pds-input-field--file-upload{padding-inline-start:.64rem}.pds-input-wrapper.pds-input-wrapper--file-upload.pds-has-error .pds-file-upload--has-value,.pds-input-wrapper.pds-input-wrapper--file-upload.pds-has-success .pds-file-upload--has-value{padding-inline-start:0}.pds-input.pds-is-disabled,.pds-input.pds-is-disabled input,.pds-is-disabled legend.pds-input-label{cursor:not-allowed;opacity:50%}.pds-input.pds-has-error .pds-combobox__input-wrapper,.pds-input.pds-has-error .pds-text-input__input-wrapper{border-color:var(--pds-color-semantic-critical-foreground)}.pds-input.pds-has-success .pds-combobox__input-wrapper,.pds-input.pds-has-success .pds-text-input__input-wrapper{border-color:var(--pds-color-semantic-success-foreground)}.pds-input.pds-is-readonly .pds-text-input__input-wrapper{background-color:var(--pds-color-background-default-secondary)}.pds-input input:-internal-autofill-selected,.pds-input input:-webkit-autofill{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,0),inset 0 0 0 100px var(--pds-color-background-default);-webkit-text-fill-color:var(--pds-color-foreground-default)}.pds-input-message{color:var(--pds-color-text-default-secondary);display:flex;font-size:.833rem;font-weight:400;gap:.512rem;line-height:140%;margin-block-start:.512rem}.pds-input-message--error{color:var(--pds-color-semantic-critical-foreground)}.pds-input-message--success{color:var(--pds-color-semantic-success-foreground)}.pds-input-decorator{align-items:center;display:flex}.pds-input-decorator--error{color:var(--pds-color-semantic-critical-foreground)}.pds-input-decorator--success{color:var(--pds-color-semantic-success-foreground)}.pds-input-search-shortcut{align-items:center;background:var(--pds-color-icon-button-standard-background-hover);border-radius:.1875rem;height:.64rem;padding:.512rem;width:.64rem}.pds-input-clear-button,.pds-input-search-shortcut{display:flex;justify-content:center;margin-inline-end:-.25rem}.pds-input-clear-button{background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-icon-button-standard-foreground-default);padding:.328rem;width:1.953rem}.pds-input-clear-button:hover{background-color:var(--pds-color-icon-button-standard-background-hover)}.pds-input-clear-button:focus-visible{outline:.0625rem solid var(--pds-color-interactive-focus)}input::-webkit-search-cancel-button{display:none}.pds-input-character-counter{color:var(--pds-color-text-default-secondary);font-size:.833rem;font-weight:400}.pds-input-character-counter--overLimit{color:var(--pds-color-semantic-critical-foreground)}.pds-input__select-option{align-items:center;background-color:var(--pds-color-menu-item-background-default);color:var(--pds-color-menu-item-foreground);cursor:pointer;display:flex;gap:1rem;justify-content:space-between;margin:0;padding-block:.64rem;padding-inline:.8rem}.pds-input__select-option--active,.pds-input__select-option:focus-visible,.pds-input__select-option:hover,.pds-input__select-option[aria-selected=true]{background-color:var(--pds-color-menu-item-background-hover);outline:none}.pds-input-group__inner{align-items:flex-end;display:flex;position:relative}.pds-input-group__inner .pds-input,.pds-input-group__inner .pds-input-wrapper{flex-grow:1}.pds-input-group__inner .pds-animated-button,.pds-input-group__inner .pds-icon-button{border:.0625rem solid var(--pds-color-input-border-default)}.pds-input-group__inner .pds-input-field,.pds-input-group__inner .pds-select,.pds-input-group__inner .pds-text-input__input-wrapper{border-bottom-right-radius:0;border-top-right-radius:0}.pds-input-group__inner .pds-animated-button,.pds-input-group__inner .pds-button,.pds-input-group__inner .pds-icon-button{border-bottom-left-radius:0;border-left-width:0;border-top-left-radius:0;z-index:1}.pds-input-group__inner .pds-button.pds-button--critical,.pds-input-group__inner .pds-button.pds-button--secondary{border-color:var(--pds-color-input-border-default)}.pds-input-group__inner:focus{outline-offset:-.0625rem}.pds-input-group--has-message .pds-input-group__inner .pds-input-message{display:none}.pds-input__option{align-items:center;background-color:var(--pds-color-menu-item-background-default);color:var(--pds-color-menu-item-foreground);cursor:pointer;display:flex;gap:1rem;justify-content:space-between;margin:0;padding-block:.64rem;padding-inline:.8rem}.pds-input__option--active,.pds-input__option:focus-visible,.pds-input__option:hover,.pds-input__option[aria-selected=true]{background-color:var(--pds-color-menu-item-background-hover);outline:none}.pds-input__clear{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-text-default-secondary);display:flex;height:1.563rem}.pds-input__clear:focus-visible{outline:.0625rem solid var(--pds-color-interactive-focus)}.pds-input__search-shortcut{align-items:center;background:var(--pds-color-icon-button-standard-background-hover);border-radius:.1875rem;display:flex;height:.64rem;justify-content:center;margin-inline-end:-.25rem;padding:.512rem;width:.64rem}.pds-input-field--text{border:.0625rem solid var(--pds-color-input-border-default);border-radius:.1875rem;height:2.441rem;padding-inline:.64rem}.pds-input-field--text>input{background-color:transparent;border:none;caret-color:var(--pds-color-input-foreground-default);color:var(--pds-color-input-foreground-default);flex-grow:1;line-height:1;padding-inline:0}.pds-input-field--text>input:focus{outline:none}.pds-input-field--text>input::placeholder{color:var(--pds-color-input-placeholder-text)}.pds-input__clear,.pds-input__visibility-toggle{background-color:transparent;border:none;border-radius:.1875rem;display:flex;padding:.328rem}.pds-input__clear:hover,.pds-input__visibility-toggle:hover{background-color:var(--pds-color-icon-button-standard-background-hover)}.pds-input__clear:focus-visible,.pds-input__visibility-toggle:focus-visible{outline:.0625rem solid var(--pds-color-interactive-focus)}.pds-input__visibility-toggle{display:flex;justify-content:center;width:1.953rem}.pds-input-wrapper{font-family:Poppins,sans-serif;font-size:1rem;position:relative}.pds-input-field__decorator{align-items:center;display:flex}.pds-input-field__decorator svg{pointer-events:none}.pds-input-label{color:var(--pds-color-text-default);display:flex;font-size:1rem;font-weight:600;margin-block-end:.512rem;padding-inline-end:3.052rem;position:relative}.pds-input-label.visually-hidden{margin:0;padding:0}.pds-input-field{align-items:center;box-sizing:border-box;display:flex;gap:.64rem;transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s}.pds-input-field:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s ease-in-out 0s}fieldset.pds-input-field{border:none;margin-block-end:.64rem;margin-inline:0;padding:0;padding-block-start:.328rem}.pds-input-field__message{color:var(--pds-color-text-default-secondary);font-size:.833rem;font-weight:400;line-height:140%;margin-block-start:.512rem}.pds-input-field__message--before{margin-block-end:.41rem}.pds-input-wrapper.pds-is-disabled .pds-input-field:not(fieldset),.pds-input-wrapper.pds-is-disabled .pds-input-label{opacity:50%}.pds-input-wrapper.pds-is-readonly .pds-input-field{background-color:var(--pds-color-background-default-secondary)}.pds-input-label__required{color:var(--pds-color-semantic-critical-foreground);height:.512rem;margin-inline-start:.25rem}.pds-input-wrapper.pds-has-error .pds-input-field{background-color:var(--pds-color-input-background-critical);border-color:var(--pds-color-input-foreground-critical)}.pds-input-wrapper.pds-has-error .pds-input-field__decorator,.pds-input-wrapper.pds-has-error .pds-input-field__message,.pds-input-wrapper.pds-has-error .pds-input-label,.pds-input-wrapper.pds-has-error .pds-input-text{color:var(--pds-color-input-foreground-critical)}.pds-input-wrapper.pds-has-success .pds-input-field{border-color:var(--pds-color-input-foreground-success)}.pds-input-wrapper.pds-has-success .pds-input-field__decorator,.pds-input-wrapper.pds-has-success .pds-input-field__message{color:var(--pds-color-input-foreground-success)}.pds-input__counter{color:var(--pds-color-text-default-secondary);font-size:.833rem;font-weight:400}.pds-input-field input::-webkit-search-cancel-button{display:none}.pds-input-field input:-internal-autofill-selected,.pds-input-field input:-webkit-autofill{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,0),inset 0 0 0 100px var(--pds-color-background-default);-webkit-text-fill-color:var(--pds-color-foreground-default)}.pds-has-error .pds-input-field input:-internal-autofill-selected,.pds-has-error .pds-input-field input:-webkit-autofill{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,0),inset 0 0 0 100px var(--pds-color-input-background-critical);-webkit-text-fill-color:var(--pds-color-input-foreground-critical)}.pds-radio-group__options{display:flex;flex-direction:column;row-gap:.41rem}.pds-radio-group__option{--pds-radio-input-size:1rem;align-items:start;column-gap:.512rem;display:grid;grid-template-columns:var(--pds-radio-input-size) auto}.pds-radio-group__option input[type=radio]{appearance:none;background-size:calc(var(--pds-radio-input-size)*.5);border-color:var(--pds-color-input-border-default);border-radius:50%;border-style:solid;border-width:.125rem;height:var(--pds-radio-input-size);margin:0;place-content:center;position:relative;top:.0625rem;width:var(--pds-radio-input-size)}.pds-radio-group__option input[type=radio],.pds-radio-group__option input[type=radio]:checked{background-color:transparent;transition:var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay)}.pds-radio-group__option input[type=radio]:checked{border-color:var(--pds-color-interactive-focus);box-shadow:0 0 0 .0625rem var(--pds-color-interactive-focus),inset 0 0 0 .09375rem var(--pds-color-interactive-focus)}.pds-radio-group__option input[type=radio]:focus-visible{border-color:var(--pds-color-interactive-focus);outline:none}.pds-radio-group__option>label{font-size:1rem;font-weight:400}.pds-radio-group__option input[type=radio]:disabled,.pds-radio-group__option input[type=radio]:disabled~label{opacity:50%}.pds-radio-group__option input[type=radio]:disabled:hover{cursor:not-allowed}.pds-input-field--select{position:relative;width:100%}.pds-select{align-items:center;border:.0625rem solid var(--pds-color-input-border-default);border-radius:.1875rem;box-sizing:border-box;color:var(--pds-color-input-foreground-default);cursor:pointer;display:flex;font-size:1rem;gap:1rem;height:2.441rem;justify-content:space-between;line-height:1.5;padding:.64rem;width:100%}.pds-select:focus-visible,.pds-select[aria-expanded=true]{border-color:var(--pds-color-interactive-focus);outline:none}.pds-select[aria-invalid=true]{border-color:var(--pds-color-input-border-critical)}.pds-select>span{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-select .pds-select__trigger-icon{color:var(--pds-color-text-default-secondary);transition:transform .2s ease-in-out 0s}.pds-select[aria-expanded=true] .pds-select__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-select[aria-disabled=true]{border-color:var(--pds-color-input-border-default);cursor:not-allowed;opacity:50%}.pds-select__dropdown{background-color:var(--pds-color-menu-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-active);box-sizing:border-box;max-height:20rem;overflow-x:hidden;overflow-y:auto;position:absolute;top:2.875rem;width:100%}.pds-select__dropdown:focus-visible{outline:none}.pds-select__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:.0625rem}.pds-switch{--pds-toggle-switch-thumb-height:1.256rem;--pds-toggle-switch-border-width:0.1rem;--pds-toggle-switch-animation:var(
|
|
147
147
|
--pds-animation-transition-default-duration
|
|
148
|
-
) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);--pds-toggle-thumb-background:var(--pds-color-input-toggle-switch-icon);--pds-toggle-gutter:0.06rem;--pds-toggle-decor-space:2px 0.525rem;--pds-input-off-text-color:var(--pds-color-input-toggle-switch-icon);--pds-input-on-text-color:var(--pds-color-input-toggle-switch-icon);--pds-input-thumb-stroke:1px solid var(--pds-color-input-toggle-switch-off);--pds-focus-border-spacing:-0.125rem}.pds-switch *,.pds-switch :after,.pds-switch :before{box-sizing:border-box}.pds-input-label--disable-click{pointer-events:none}.pds-switch--placement-right .pds-switch__content{margin-left:1.563rem}.pds-switch--placement-right .pds-input-message--switch{margin-block-end:0}.pds-switch--placement-right .pds-input-label{padding-inline-end:0}.pds-switch__label-switch-right{display:flex}.pds-switch__label-switch-right .pds-input-label--switch-top-message{margin-block-end:0}.pds-switch__label-switch-right .pds-input-label.visually-hidden+.pds-switch__content{margin-left:0}.pds-input-label--switch-top-message{margin-block-end:1rem}.pds-input-message--switch{margin-block-end:1rem;margin-top:0}.pds-switch__content,.pds-switch__toggle-message-container{display:flex}.pds-switch__input{background:var(--pds-color-input-toggle-switch-off);border-radius:calc(var(--pds-toggle-switch-thumb-height) + var(--pds-toggle-gutter));color:var(--pds-input-off-text-color);container-type:inline-size;cursor:pointer;height:calc(var(--pds-toggle-switch-thumb-height) + var(--pds-toggle-gutter)*2);margin-block-end:0;padding:var(--pds-toggle-gutter);position:relative;width:calc(var(--pds-toggle-switch-thumb-height)*2 + var(--pds-toggle-gutter)*3)}.pds-switch__input:has(:checked){background:var(--pds-color-input-toggle-switch-on);color:var(--pds-input-on-text-color)}.pds-switch__input:has(:checked) .pds-switch__thumb{border-color:var(--pds-color-input-toggle-switch-on);inset-inline-start:calc(var(--pds-toggle-switch-thumb-height) + var(--pds-toggle-gutter)*2)}.pds-switch__input:has(:disabled){cursor:not-allowed}.pds-switch__input:has(:focus):before{background:none;border:1.4px solid var(--pds-color-input-toggle-switch-on);border-radius:calc(var(--pds-toggle-switch-thumb-height) + var(--pds-toggle-gutter));bottom:var(--pds-focus-border-spacing);content:"";display:block;left:var(--pds-focus-border-spacing);pointer-events:none;position:absolute;right:var(--pds-focus-border-spacing);top:var(--pds-focus-border-spacing);z-index:-1}.pds-switch__input:has(:focus){outline-color:#fff;outline-style:solid;outline-width:.01rem}.pds-switch__thumb{background:var(--pds-toggle-thumb-background);border:var(--pds-input-thumb-stroke);border-color:var(--pds-color-input-toggle-switch-off);border-radius:6.25rem;border-width:var(--pds-toggle-switch-border-width);display:block;height:var(--pds-toggle-switch-thumb-height);inset-block-start:var(--pds-toggle-gutter);inset-inline-start:var(--pds-toggle-gutter);position:absolute;transition:var(--pds-toggle-switch-animation);width:var(--pds-toggle-switch-thumb-height);z-index:1}.pds-switch__toggle-label{color:var(--pds-color-text-default);font-size:1rem;font-weight:400;margin-bottom:auto;margin-left:.512rem;margin-top:auto;user-select:none}.pds-switch__input-decor{align-items:center;display:flex;font-size:1rem;inset-block:0;inset-inline-start:0;padding:var(--pds-toggle-decor-space);position:absolute;width:100%}.pds-switch__input-decor[data-switch-input-state=off]{justify-content:flex-end}.pds-
|
|
148
|
+
) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);--pds-toggle-thumb-background:var(--pds-color-input-toggle-switch-icon);--pds-toggle-gutter:0.06rem;--pds-toggle-decor-space:2px 0.525rem;--pds-input-off-text-color:var(--pds-color-input-toggle-switch-icon);--pds-input-on-text-color:var(--pds-color-input-toggle-switch-icon);--pds-input-thumb-stroke:1px solid var(--pds-color-input-toggle-switch-off);--pds-focus-border-spacing:-0.125rem}.pds-switch *,.pds-switch :after,.pds-switch :before{box-sizing:border-box}.pds-input-label--disable-click{pointer-events:none}.pds-switch--placement-right .pds-switch__content{margin-left:1.563rem}.pds-switch--placement-right .pds-input-message--switch{margin-block-end:0}.pds-switch--placement-right .pds-input-label{padding-inline-end:0}.pds-switch__label-switch-right{display:flex}.pds-switch__label-switch-right .pds-input-label--switch-top-message{margin-block-end:0}.pds-switch__label-switch-right .pds-input-label.visually-hidden+.pds-switch__content{margin-left:0}.pds-input-label--switch-top-message{margin-block-end:1rem}.pds-input-message--switch{margin-block-end:1rem;margin-top:0}.pds-switch__content,.pds-switch__toggle-message-container{display:flex}.pds-switch__input{background:var(--pds-color-input-toggle-switch-off);border-radius:calc(var(--pds-toggle-switch-thumb-height) + var(--pds-toggle-gutter));color:var(--pds-input-off-text-color);container-type:inline-size;cursor:pointer;height:calc(var(--pds-toggle-switch-thumb-height) + var(--pds-toggle-gutter)*2);margin-block-end:0;padding:var(--pds-toggle-gutter);position:relative;width:calc(var(--pds-toggle-switch-thumb-height)*2 + var(--pds-toggle-gutter)*3)}.pds-switch__input:has(:checked){background:var(--pds-color-input-toggle-switch-on);color:var(--pds-input-on-text-color)}.pds-switch__input:has(:checked) .pds-switch__thumb{border-color:var(--pds-color-input-toggle-switch-on);inset-inline-start:calc(var(--pds-toggle-switch-thumb-height) + var(--pds-toggle-gutter)*2)}.pds-switch__input:has(:disabled){cursor:not-allowed}.pds-switch__input:has(:focus):before{background:none;border:1.4px solid var(--pds-color-input-toggle-switch-on);border-radius:calc(var(--pds-toggle-switch-thumb-height) + var(--pds-toggle-gutter));bottom:var(--pds-focus-border-spacing);content:"";display:block;left:var(--pds-focus-border-spacing);pointer-events:none;position:absolute;right:var(--pds-focus-border-spacing);top:var(--pds-focus-border-spacing);z-index:-1}.pds-switch__input:has(:focus){outline-color:#fff;outline-style:solid;outline-width:.01rem}.pds-switch__thumb{background:var(--pds-toggle-thumb-background);border:var(--pds-input-thumb-stroke);border-color:var(--pds-color-input-toggle-switch-off);border-radius:6.25rem;border-width:var(--pds-toggle-switch-border-width);display:block;height:var(--pds-toggle-switch-thumb-height);inset-block-start:var(--pds-toggle-gutter);inset-inline-start:var(--pds-toggle-gutter);position:absolute;transition:var(--pds-toggle-switch-animation);width:var(--pds-toggle-switch-thumb-height);z-index:1}.pds-switch__toggle-label{color:var(--pds-color-text-default);font-size:1rem;font-weight:400;margin-bottom:auto;margin-left:.512rem;margin-top:auto;user-select:none}.pds-switch__input-decor{align-items:center;display:flex;font-size:1rem;inset-block:0;inset-inline-start:0;padding:var(--pds-toggle-decor-space);position:absolute;width:100%}.pds-switch__input-decor[data-switch-input-state=off]{justify-content:flex-end}.pds-textarea__input-wrapper{display:flex}.pds-textarea--textarea{background-color:transparent;border:.0625rem solid var(--pds-color-input-border-default);border-radius:.1875rem;color:var(--pds-color-input-foreground-default);flex-grow:1;line-height:165%;padding:.512rem .64rem;resize:none}.pds-textarea--textarea:focus{outline:none}.pds-textarea--textarea::placeholder{color:var(--pds-color-input-placeholder-text)}.pds-textarea--textarea.pds-is-resizable{resize:vertical}.pds-textarea__inputlabel{flex-grow:1}.pds-textarea__inputlabel-wrapper{align-items:center;display:flex;position:relative}.pds-text-input__input-wrapper{align-items:center;border:.0625rem solid var(--pds-color-input-border-default);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;height:2.441rem;padding-inline:.64rem;transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s}.pds-text-input__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s ease-in-out 0s}.pds-text-input__input{background-color:transparent;border:none;caret-color:var(--pds-color-input-foreground-default);color:var(--pds-color-input-foreground-default);flex-grow:1;line-height:1;padding-inline:0;width:100%}.pds-text-input__input:focus{outline:none}.pds-text-input__input::placeholder{color:var(--pds-color-input-placeholder-text)}.pds-text-input__visibility-toggle{background-color:transparent;border:none;border-radius:.1875rem;display:flex;justify-content:center;padding:.328rem;width:1.953rem}.pds-text-input__visibility-toggle:hover{background-color:var(--pds-color-icon-button-standard-background-hover)}.pds-text-input__visibility-toggle:focus-visible{outline:.0625rem solid var(--pds-color-interactive-focus)}.pds-toggle-switch{--pds-toggle-switch-width:2.625rem;--pds-toggle-switch-height:1.375rem;--pds-toggle-switch-border-width:0.125rem;--pds-toggle-switch-animation:var(
|
|
149
149
|
--pds-animation-transition-default-duration
|
|
150
150
|
) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);margin-block-start:.64rem}.pds-input-wrapper--toggle-switch .pds-input-label+.pds-input-field__message--before{margin-block-start:-.25rem}.pds-toggle-switch__toggle{align-items:center;background:none;border:none;color:var(--pds-color-foreground-default);display:flex;line-height:1;padding:0;position:relative}.pds-toggle__label{font-size:1rem;left:calc(var(--pds-toggle-switch-width) + .512rem);position:absolute;transition:var(--pds-toggle-switch-animation)}.pds-toggle-switch__toggle[aria-checked=false] .pds-toggle__label--off{opacity:1}.pds-toggle-switch__toggle[aria-checked=false] .pds-toggle__label--on{opacity:0}.pds-toggle-switch__toggle[aria-checked=true] .pds-toggle__label--on{opacity:1}.pds-toggle-switch__toggle[aria-checked=true] .pds-toggle__label--off{opacity:0}.pds-toggle-switch__toggle:before{border-radius:6.25rem;content:"";height:var(--pds-toggle-switch-height);margin-inline-end:.512rem;width:var(--pds-toggle-switch-width)}.pds-toggle-switch__toggle[aria-checked=false]:before{background-color:var(--pds-color-input-toggle-switch-off)}.pds-toggle-switch__toggle[aria-checked=true]:before{background-color:var(--pds-color-input-toggle-switch-on)}.pds-toggle-switch__toggle:after{background-color:var(--pds-color-background-default);border-radius:100%;border-style:solid;border-width:var(--pds-toggle-switch-border-width);content:"";height:calc(var(--pds-toggle-switch-height) - var(--pds-toggle-switch-border-width)*2);position:absolute;width:calc(var(--pds-toggle-switch-height) - var(--pds-toggle-switch-border-width)*2);z-index:1}.pds-toggle-switch__toggle[aria-checked=false]:after,.pds-toggle-switch__toggle[aria-checked=true]:after{transition:var(--pds-toggle-switch-animation)}.pds-toggle-switch__toggle[aria-checked=false]:after{border-color:var(--pds-color-input-toggle-switch-off);left:0}.pds-toggle-switch__toggle[aria-checked=true]:after{border-color:var(--pds-color-input-toggle-switch-on);left:calc(var(--pds-toggle-switch-height) - var(--pds-toggle-switch-border-width))}.pds-toggle-switch__off-icon,.pds-toggle-switch__on-icon{color:var(--pds-color-input-toggle-switch-icon);position:absolute;transition:var(--pds-toggle-switch-animation)}.pds-toggle-switch__off-icon{right:calc(var(--pds-toggle-switch-border-width) + .8625rem)}.pds-toggle-switch__on-icon{left:calc(var(--pds-toggle-switch-border-width) + .328rem)}.pds-toggle-switch__toggle[aria-checked=false] .pds-toggle-switch__off-icon{opacity:1;transition:var(--pds-toggle-switch-animation);z-index:2}.pds-toggle-switch__toggle[aria-checked=false] .pds-toggle-switch__on-icon{opacity:0}.pds-toggle-switch__toggle[aria-checked=true] .pds-toggle-switch__on-icon{opacity:1;transition:var(--pds-toggle-switch-animation);z-index:2}.pds-toggle-switch__toggle[aria-checked=true] .pds-toggle-switch__off-icon{opacity:0}.pds-toggle-switch__toggle:focus{outline:none}.pds-toggle-switch__toggle:focus-visible:before{outline:.0625rem solid var(--pds-color-input-toggle-background-on);outline-offset:.0625rem}.pds-toggle-switch.pds-is-disabled .pds-toggle-switch__toggle{cursor:not-allowed;opacity:50%}.pds-modal{--pds-modal--padding:1.953rem;background-color:var(--pds-color-background-default);border-radius:.375rem;box-shadow:var(--pds-elevation-overlay);margin:auto;padding:var(--pds-modal--padding);position:relative;width:36rem}@media (max-width:640px){.pds-modal{max-width:300px}}.pds-modal--sm{width:25rem}.pds-modal--lg{width:44rem}.pds-modal__close{background-color:transparent;border:none;color:var(--pds-color-text-default-secondary);cursor:pointer;position:absolute;right:var(--pds-modal--padding);top:var(--pds-modal--padding)}.pds-modal__close:hover{color:var(--pds-color-interactive-link-hover)}.pds-modal__title{font-size:1.728rem;font-weight:700;line-height:140%;margin-block-end:1.25rem;width:calc(100% - var(--pds-modal--padding))}.pds-modal__button-group{column-gap:1rem;display:flex;justify-content:flex-end;width:100%}.pds-modal form,.pds-modal__button-group{margin-block-start:1.563rem}.pds-dashboard-nav{--pds-dashboard-nav-icon-width:1.563rem;--pds-dashboard-nav-space-after-icon:0.64rem;--pds-dashboard-nav-foreground-color:var(
|
|
151
151
|
--pds-color-dashboard-nav-item-foreground-default
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-
|
|
1
|
+
.pds-textarea__input-wrapper{display:flex}.pds-textarea--textarea{background-color:transparent;border:.0625rem solid var(--pds-color-input-border-default);border-radius:.1875rem;color:var(--pds-color-input-foreground-default);flex-grow:1;line-height:165%;padding:.512rem .64rem;resize:none}.pds-textarea--textarea:focus{outline:none}.pds-textarea--textarea::placeholder{color:var(--pds-color-input-placeholder-text)}.pds-textarea--textarea.pds-is-resizable{resize:vertical}.pds-textarea__inputlabel{flex-grow:1}.pds-textarea__inputlabel-wrapper{align-items:center;display:flex;position:relative}
|
|
@@ -145,7 +145,7 @@
|
|
|
145
145
|
--pds-color-input-file-upload-button-background-hover
|
|
146
146
|
)}.pds-input-wrapper.pds-input-wrapper--file-upload.pds-has-error .pds-input-field--file-upload,.pds-input-wrapper.pds-input-wrapper--file-upload.pds-has-success .pds-input-field--file-upload{padding-inline-start:.64rem}.pds-input-wrapper.pds-input-wrapper--file-upload.pds-has-error .pds-file-upload--has-value,.pds-input-wrapper.pds-input-wrapper--file-upload.pds-has-success .pds-file-upload--has-value{padding-inline-start:0}.pds-input.pds-is-disabled,.pds-input.pds-is-disabled input,.pds-is-disabled legend.pds-input-label{cursor:not-allowed;opacity:50%}.pds-input.pds-has-error .pds-combobox__input-wrapper,.pds-input.pds-has-error .pds-text-input__input-wrapper{border-color:var(--pds-color-semantic-critical-foreground)}.pds-input.pds-has-success .pds-combobox__input-wrapper,.pds-input.pds-has-success .pds-text-input__input-wrapper{border-color:var(--pds-color-semantic-success-foreground)}.pds-input.pds-is-readonly .pds-text-input__input-wrapper{background-color:var(--pds-color-background-default-secondary)}.pds-input input:-internal-autofill-selected,.pds-input input:-webkit-autofill{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,0),inset 0 0 0 100px var(--pds-color-background-default);-webkit-text-fill-color:var(--pds-color-foreground-default)}.pds-input-message{color:var(--pds-color-text-default-secondary);display:flex;font-size:.833rem;font-weight:400;gap:.512rem;line-height:140%;margin-block-start:.512rem}.pds-input-message--error{color:var(--pds-color-semantic-critical-foreground)}.pds-input-message--success{color:var(--pds-color-semantic-success-foreground)}.pds-input-decorator{align-items:center;display:flex}.pds-input-decorator--error{color:var(--pds-color-semantic-critical-foreground)}.pds-input-decorator--success{color:var(--pds-color-semantic-success-foreground)}.pds-input-search-shortcut{align-items:center;background:var(--pds-color-icon-button-standard-background-hover);border-radius:.1875rem;height:.64rem;padding:.512rem;width:.64rem}.pds-input-clear-button,.pds-input-search-shortcut{display:flex;justify-content:center;margin-inline-end:-.25rem}.pds-input-clear-button{background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-icon-button-standard-foreground-default);padding:.328rem;width:1.953rem}.pds-input-clear-button:hover{background-color:var(--pds-color-icon-button-standard-background-hover)}.pds-input-clear-button:focus-visible{outline:.0625rem solid var(--pds-color-interactive-focus)}input::-webkit-search-cancel-button{display:none}.pds-input-character-counter{color:var(--pds-color-text-default-secondary);font-size:.833rem;font-weight:400}.pds-input-character-counter--overLimit{color:var(--pds-color-semantic-critical-foreground)}.pds-input__select-option{align-items:center;background-color:var(--pds-color-menu-item-background-default);color:var(--pds-color-menu-item-foreground);cursor:pointer;display:flex;gap:1rem;justify-content:space-between;margin:0;padding-block:.64rem;padding-inline:.8rem}.pds-input__select-option--active,.pds-input__select-option:focus-visible,.pds-input__select-option:hover,.pds-input__select-option[aria-selected=true]{background-color:var(--pds-color-menu-item-background-hover);outline:none}.pds-input-group__inner{align-items:flex-end;display:flex;position:relative}.pds-input-group__inner .pds-input,.pds-input-group__inner .pds-input-wrapper{flex-grow:1}.pds-input-group__inner .pds-animated-button,.pds-input-group__inner .pds-icon-button{border:.0625rem solid var(--pds-color-input-border-default)}.pds-input-group__inner .pds-input-field,.pds-input-group__inner .pds-select,.pds-input-group__inner .pds-text-input__input-wrapper{border-bottom-right-radius:0;border-top-right-radius:0}.pds-input-group__inner .pds-animated-button,.pds-input-group__inner .pds-button,.pds-input-group__inner .pds-icon-button{border-bottom-left-radius:0;border-left-width:0;border-top-left-radius:0;z-index:1}.pds-input-group__inner .pds-button.pds-button--critical,.pds-input-group__inner .pds-button.pds-button--secondary{border-color:var(--pds-color-input-border-default)}.pds-input-group__inner:focus{outline-offset:-.0625rem}.pds-input-group--has-message .pds-input-group__inner .pds-input-message{display:none}.pds-input__option{align-items:center;background-color:var(--pds-color-menu-item-background-default);color:var(--pds-color-menu-item-foreground);cursor:pointer;display:flex;gap:1rem;justify-content:space-between;margin:0;padding-block:.64rem;padding-inline:.8rem}.pds-input__option--active,.pds-input__option:focus-visible,.pds-input__option:hover,.pds-input__option[aria-selected=true]{background-color:var(--pds-color-menu-item-background-hover);outline:none}.pds-input__clear{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-text-default-secondary);display:flex;height:1.563rem}.pds-input__clear:focus-visible{outline:.0625rem solid var(--pds-color-interactive-focus)}.pds-input__search-shortcut{align-items:center;background:var(--pds-color-icon-button-standard-background-hover);border-radius:.1875rem;display:flex;height:.64rem;justify-content:center;margin-inline-end:-.25rem;padding:.512rem;width:.64rem}.pds-input-field--text{border:.0625rem solid var(--pds-color-input-border-default);border-radius:.1875rem;height:2.441rem;padding-inline:.64rem}.pds-input-field--text>input{background-color:transparent;border:none;caret-color:var(--pds-color-input-foreground-default);color:var(--pds-color-input-foreground-default);flex-grow:1;line-height:1;padding-inline:0}.pds-input-field--text>input:focus{outline:none}.pds-input-field--text>input::placeholder{color:var(--pds-color-input-placeholder-text)}.pds-input__clear,.pds-input__visibility-toggle{background-color:transparent;border:none;border-radius:.1875rem;display:flex;padding:.328rem}.pds-input__clear:hover,.pds-input__visibility-toggle:hover{background-color:var(--pds-color-icon-button-standard-background-hover)}.pds-input__clear:focus-visible,.pds-input__visibility-toggle:focus-visible{outline:.0625rem solid var(--pds-color-interactive-focus)}.pds-input__visibility-toggle{display:flex;justify-content:center;width:1.953rem}.pds-input-wrapper{font-family:Poppins,sans-serif;font-size:1rem;position:relative}.pds-input-field__decorator{align-items:center;display:flex}.pds-input-field__decorator svg{pointer-events:none}.pds-input-label{color:var(--pds-color-text-default);display:flex;font-size:1rem;font-weight:600;margin-block-end:.512rem;padding-inline-end:3.052rem;position:relative}.pds-input-label.visually-hidden{margin:0;padding:0}.pds-input-field{align-items:center;box-sizing:border-box;display:flex;gap:.64rem;transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s}.pds-input-field:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s ease-in-out 0s}fieldset.pds-input-field{border:none;margin-block-end:.64rem;margin-inline:0;padding:0;padding-block-start:.328rem}.pds-input-field__message{color:var(--pds-color-text-default-secondary);font-size:.833rem;font-weight:400;line-height:140%;margin-block-start:.512rem}.pds-input-field__message--before{margin-block-end:.41rem}.pds-input-wrapper.pds-is-disabled .pds-input-field:not(fieldset),.pds-input-wrapper.pds-is-disabled .pds-input-label{opacity:50%}.pds-input-wrapper.pds-is-readonly .pds-input-field{background-color:var(--pds-color-background-default-secondary)}.pds-input-label__required{color:var(--pds-color-semantic-critical-foreground);height:.512rem;margin-inline-start:.25rem}.pds-input-wrapper.pds-has-error .pds-input-field{background-color:var(--pds-color-input-background-critical);border-color:var(--pds-color-input-foreground-critical)}.pds-input-wrapper.pds-has-error .pds-input-field__decorator,.pds-input-wrapper.pds-has-error .pds-input-field__message,.pds-input-wrapper.pds-has-error .pds-input-label,.pds-input-wrapper.pds-has-error .pds-input-text{color:var(--pds-color-input-foreground-critical)}.pds-input-wrapper.pds-has-success .pds-input-field{border-color:var(--pds-color-input-foreground-success)}.pds-input-wrapper.pds-has-success .pds-input-field__decorator,.pds-input-wrapper.pds-has-success .pds-input-field__message{color:var(--pds-color-input-foreground-success)}.pds-input__counter{color:var(--pds-color-text-default-secondary);font-size:.833rem;font-weight:400}.pds-input-field input::-webkit-search-cancel-button{display:none}.pds-input-field input:-internal-autofill-selected,.pds-input-field input:-webkit-autofill{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,0),inset 0 0 0 100px var(--pds-color-background-default);-webkit-text-fill-color:var(--pds-color-foreground-default)}.pds-has-error .pds-input-field input:-internal-autofill-selected,.pds-has-error .pds-input-field input:-webkit-autofill{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,0),inset 0 0 0 100px var(--pds-color-input-background-critical);-webkit-text-fill-color:var(--pds-color-input-foreground-critical)}.pds-radio-group__options{display:flex;flex-direction:column;row-gap:.41rem}.pds-radio-group__option{--pds-radio-input-size:1rem;align-items:start;column-gap:.512rem;display:grid;grid-template-columns:var(--pds-radio-input-size) auto}.pds-radio-group__option input[type=radio]{appearance:none;background-size:calc(var(--pds-radio-input-size)*.5);border-color:var(--pds-color-input-border-default);border-radius:50%;border-style:solid;border-width:.125rem;height:var(--pds-radio-input-size);margin:0;place-content:center;position:relative;top:.0625rem;width:var(--pds-radio-input-size)}.pds-radio-group__option input[type=radio],.pds-radio-group__option input[type=radio]:checked{background-color:transparent;transition:var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay)}.pds-radio-group__option input[type=radio]:checked{border-color:var(--pds-color-interactive-focus);box-shadow:0 0 0 .0625rem var(--pds-color-interactive-focus),inset 0 0 0 .09375rem var(--pds-color-interactive-focus)}.pds-radio-group__option input[type=radio]:focus-visible{border-color:var(--pds-color-interactive-focus);outline:none}.pds-radio-group__option>label{font-size:1rem;font-weight:400}.pds-radio-group__option input[type=radio]:disabled,.pds-radio-group__option input[type=radio]:disabled~label{opacity:50%}.pds-radio-group__option input[type=radio]:disabled:hover{cursor:not-allowed}.pds-input-field--select{position:relative;width:100%}.pds-select{align-items:center;border:.0625rem solid var(--pds-color-input-border-default);border-radius:.1875rem;box-sizing:border-box;color:var(--pds-color-input-foreground-default);cursor:pointer;display:flex;font-size:1rem;gap:1rem;height:2.441rem;justify-content:space-between;line-height:1.5;padding:.64rem;width:100%}.pds-select:focus-visible,.pds-select[aria-expanded=true]{border-color:var(--pds-color-interactive-focus);outline:none}.pds-select[aria-invalid=true]{border-color:var(--pds-color-input-border-critical)}.pds-select>span{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-select .pds-select__trigger-icon{color:var(--pds-color-text-default-secondary);transition:transform .2s ease-in-out 0s}.pds-select[aria-expanded=true] .pds-select__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-select[aria-disabled=true]{border-color:var(--pds-color-input-border-default);cursor:not-allowed;opacity:50%}.pds-select__dropdown{background-color:var(--pds-color-menu-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-active);box-sizing:border-box;max-height:20rem;overflow-x:hidden;overflow-y:auto;position:absolute;top:2.875rem;width:100%}.pds-select__dropdown:focus-visible{outline:none}.pds-select__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:.0625rem}.pds-switch{--pds-toggle-switch-thumb-height:1.256rem;--pds-toggle-switch-border-width:0.1rem;--pds-toggle-switch-animation:var(
|
|
147
147
|
--pds-animation-transition-default-duration
|
|
148
|
-
) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);--pds-toggle-thumb-background:var(--pds-color-input-toggle-switch-icon);--pds-toggle-gutter:0.06rem;--pds-toggle-decor-space:2px 0.525rem;--pds-input-off-text-color:var(--pds-color-input-toggle-switch-icon);--pds-input-on-text-color:var(--pds-color-input-toggle-switch-icon);--pds-input-thumb-stroke:1px solid var(--pds-color-input-toggle-switch-off);--pds-focus-border-spacing:-0.125rem}.pds-switch *,.pds-switch :after,.pds-switch :before{box-sizing:border-box}.pds-input-label--disable-click{pointer-events:none}.pds-switch--placement-right .pds-switch__content{margin-left:1.563rem}.pds-switch--placement-right .pds-input-message--switch{margin-block-end:0}.pds-switch--placement-right .pds-input-label{padding-inline-end:0}.pds-switch__label-switch-right{display:flex}.pds-switch__label-switch-right .pds-input-label--switch-top-message{margin-block-end:0}.pds-switch__label-switch-right .pds-input-label.visually-hidden+.pds-switch__content{margin-left:0}.pds-input-label--switch-top-message{margin-block-end:1rem}.pds-input-message--switch{margin-block-end:1rem;margin-top:0}.pds-switch__content,.pds-switch__toggle-message-container{display:flex}.pds-switch__input{background:var(--pds-color-input-toggle-switch-off);border-radius:calc(var(--pds-toggle-switch-thumb-height) + var(--pds-toggle-gutter));color:var(--pds-input-off-text-color);container-type:inline-size;cursor:pointer;height:calc(var(--pds-toggle-switch-thumb-height) + var(--pds-toggle-gutter)*2);margin-block-end:0;padding:var(--pds-toggle-gutter);position:relative;width:calc(var(--pds-toggle-switch-thumb-height)*2 + var(--pds-toggle-gutter)*3)}.pds-switch__input:has(:checked){background:var(--pds-color-input-toggle-switch-on);color:var(--pds-input-on-text-color)}.pds-switch__input:has(:checked) .pds-switch__thumb{border-color:var(--pds-color-input-toggle-switch-on);inset-inline-start:calc(var(--pds-toggle-switch-thumb-height) + var(--pds-toggle-gutter)*2)}.pds-switch__input:has(:disabled){cursor:not-allowed}.pds-switch__input:has(:focus):before{background:none;border:1.4px solid var(--pds-color-input-toggle-switch-on);border-radius:calc(var(--pds-toggle-switch-thumb-height) + var(--pds-toggle-gutter));bottom:var(--pds-focus-border-spacing);content:"";display:block;left:var(--pds-focus-border-spacing);pointer-events:none;position:absolute;right:var(--pds-focus-border-spacing);top:var(--pds-focus-border-spacing);z-index:-1}.pds-switch__input:has(:focus){outline-color:#fff;outline-style:solid;outline-width:.01rem}.pds-switch__thumb{background:var(--pds-toggle-thumb-background);border:var(--pds-input-thumb-stroke);border-color:var(--pds-color-input-toggle-switch-off);border-radius:6.25rem;border-width:var(--pds-toggle-switch-border-width);display:block;height:var(--pds-toggle-switch-thumb-height);inset-block-start:var(--pds-toggle-gutter);inset-inline-start:var(--pds-toggle-gutter);position:absolute;transition:var(--pds-toggle-switch-animation);width:var(--pds-toggle-switch-thumb-height);z-index:1}.pds-switch__toggle-label{color:var(--pds-color-text-default);font-size:1rem;font-weight:400;margin-bottom:auto;margin-left:.512rem;margin-top:auto;user-select:none}.pds-switch__input-decor{align-items:center;display:flex;font-size:1rem;inset-block:0;inset-inline-start:0;padding:var(--pds-toggle-decor-space);position:absolute;width:100%}.pds-switch__input-decor[data-switch-input-state=off]{justify-content:flex-end}.pds-
|
|
148
|
+
) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);--pds-toggle-thumb-background:var(--pds-color-input-toggle-switch-icon);--pds-toggle-gutter:0.06rem;--pds-toggle-decor-space:2px 0.525rem;--pds-input-off-text-color:var(--pds-color-input-toggle-switch-icon);--pds-input-on-text-color:var(--pds-color-input-toggle-switch-icon);--pds-input-thumb-stroke:1px solid var(--pds-color-input-toggle-switch-off);--pds-focus-border-spacing:-0.125rem}.pds-switch *,.pds-switch :after,.pds-switch :before{box-sizing:border-box}.pds-input-label--disable-click{pointer-events:none}.pds-switch--placement-right .pds-switch__content{margin-left:1.563rem}.pds-switch--placement-right .pds-input-message--switch{margin-block-end:0}.pds-switch--placement-right .pds-input-label{padding-inline-end:0}.pds-switch__label-switch-right{display:flex}.pds-switch__label-switch-right .pds-input-label--switch-top-message{margin-block-end:0}.pds-switch__label-switch-right .pds-input-label.visually-hidden+.pds-switch__content{margin-left:0}.pds-input-label--switch-top-message{margin-block-end:1rem}.pds-input-message--switch{margin-block-end:1rem;margin-top:0}.pds-switch__content,.pds-switch__toggle-message-container{display:flex}.pds-switch__input{background:var(--pds-color-input-toggle-switch-off);border-radius:calc(var(--pds-toggle-switch-thumb-height) + var(--pds-toggle-gutter));color:var(--pds-input-off-text-color);container-type:inline-size;cursor:pointer;height:calc(var(--pds-toggle-switch-thumb-height) + var(--pds-toggle-gutter)*2);margin-block-end:0;padding:var(--pds-toggle-gutter);position:relative;width:calc(var(--pds-toggle-switch-thumb-height)*2 + var(--pds-toggle-gutter)*3)}.pds-switch__input:has(:checked){background:var(--pds-color-input-toggle-switch-on);color:var(--pds-input-on-text-color)}.pds-switch__input:has(:checked) .pds-switch__thumb{border-color:var(--pds-color-input-toggle-switch-on);inset-inline-start:calc(var(--pds-toggle-switch-thumb-height) + var(--pds-toggle-gutter)*2)}.pds-switch__input:has(:disabled){cursor:not-allowed}.pds-switch__input:has(:focus):before{background:none;border:1.4px solid var(--pds-color-input-toggle-switch-on);border-radius:calc(var(--pds-toggle-switch-thumb-height) + var(--pds-toggle-gutter));bottom:var(--pds-focus-border-spacing);content:"";display:block;left:var(--pds-focus-border-spacing);pointer-events:none;position:absolute;right:var(--pds-focus-border-spacing);top:var(--pds-focus-border-spacing);z-index:-1}.pds-switch__input:has(:focus){outline-color:#fff;outline-style:solid;outline-width:.01rem}.pds-switch__thumb{background:var(--pds-toggle-thumb-background);border:var(--pds-input-thumb-stroke);border-color:var(--pds-color-input-toggle-switch-off);border-radius:6.25rem;border-width:var(--pds-toggle-switch-border-width);display:block;height:var(--pds-toggle-switch-thumb-height);inset-block-start:var(--pds-toggle-gutter);inset-inline-start:var(--pds-toggle-gutter);position:absolute;transition:var(--pds-toggle-switch-animation);width:var(--pds-toggle-switch-thumb-height);z-index:1}.pds-switch__toggle-label{color:var(--pds-color-text-default);font-size:1rem;font-weight:400;margin-bottom:auto;margin-left:.512rem;margin-top:auto;user-select:none}.pds-switch__input-decor{align-items:center;display:flex;font-size:1rem;inset-block:0;inset-inline-start:0;padding:var(--pds-toggle-decor-space);position:absolute;width:100%}.pds-switch__input-decor[data-switch-input-state=off]{justify-content:flex-end}.pds-textarea__input-wrapper{display:flex}.pds-textarea--textarea{background-color:transparent;border:.0625rem solid var(--pds-color-input-border-default);border-radius:.1875rem;color:var(--pds-color-input-foreground-default);flex-grow:1;line-height:165%;padding:.512rem .64rem;resize:none}.pds-textarea--textarea:focus{outline:none}.pds-textarea--textarea::placeholder{color:var(--pds-color-input-placeholder-text)}.pds-textarea--textarea.pds-is-resizable{resize:vertical}.pds-textarea__inputlabel{flex-grow:1}.pds-textarea__inputlabel-wrapper{align-items:center;display:flex;position:relative}.pds-text-input__input-wrapper{align-items:center;border:.0625rem solid var(--pds-color-input-border-default);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;height:2.441rem;padding-inline:.64rem;transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s}.pds-text-input__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s ease-in-out 0s}.pds-text-input__input{background-color:transparent;border:none;caret-color:var(--pds-color-input-foreground-default);color:var(--pds-color-input-foreground-default);flex-grow:1;line-height:1;padding-inline:0;width:100%}.pds-text-input__input:focus{outline:none}.pds-text-input__input::placeholder{color:var(--pds-color-input-placeholder-text)}.pds-text-input__visibility-toggle{background-color:transparent;border:none;border-radius:.1875rem;display:flex;justify-content:center;padding:.328rem;width:1.953rem}.pds-text-input__visibility-toggle:hover{background-color:var(--pds-color-icon-button-standard-background-hover)}.pds-text-input__visibility-toggle:focus-visible{outline:.0625rem solid var(--pds-color-interactive-focus)}.pds-toggle-switch{--pds-toggle-switch-width:2.625rem;--pds-toggle-switch-height:1.375rem;--pds-toggle-switch-border-width:0.125rem;--pds-toggle-switch-animation:var(
|
|
149
149
|
--pds-animation-transition-default-duration
|
|
150
150
|
) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);margin-block-start:.64rem}.pds-input-wrapper--toggle-switch .pds-input-label+.pds-input-field__message--before{margin-block-start:-.25rem}.pds-toggle-switch__toggle{align-items:center;background:none;border:none;color:var(--pds-color-foreground-default);display:flex;line-height:1;padding:0;position:relative}.pds-toggle__label{font-size:1rem;left:calc(var(--pds-toggle-switch-width) + .512rem);position:absolute;transition:var(--pds-toggle-switch-animation)}.pds-toggle-switch__toggle[aria-checked=false] .pds-toggle__label--off{opacity:1}.pds-toggle-switch__toggle[aria-checked=false] .pds-toggle__label--on{opacity:0}.pds-toggle-switch__toggle[aria-checked=true] .pds-toggle__label--on{opacity:1}.pds-toggle-switch__toggle[aria-checked=true] .pds-toggle__label--off{opacity:0}.pds-toggle-switch__toggle:before{border-radius:6.25rem;content:"";height:var(--pds-toggle-switch-height);margin-inline-end:.512rem;width:var(--pds-toggle-switch-width)}.pds-toggle-switch__toggle[aria-checked=false]:before{background-color:var(--pds-color-input-toggle-switch-off)}.pds-toggle-switch__toggle[aria-checked=true]:before{background-color:var(--pds-color-input-toggle-switch-on)}.pds-toggle-switch__toggle:after{background-color:var(--pds-color-background-default);border-radius:100%;border-style:solid;border-width:var(--pds-toggle-switch-border-width);content:"";height:calc(var(--pds-toggle-switch-height) - var(--pds-toggle-switch-border-width)*2);position:absolute;width:calc(var(--pds-toggle-switch-height) - var(--pds-toggle-switch-border-width)*2);z-index:1}.pds-toggle-switch__toggle[aria-checked=false]:after,.pds-toggle-switch__toggle[aria-checked=true]:after{transition:var(--pds-toggle-switch-animation)}.pds-toggle-switch__toggle[aria-checked=false]:after{border-color:var(--pds-color-input-toggle-switch-off);left:0}.pds-toggle-switch__toggle[aria-checked=true]:after{border-color:var(--pds-color-input-toggle-switch-on);left:calc(var(--pds-toggle-switch-height) - var(--pds-toggle-switch-border-width))}.pds-toggle-switch__off-icon,.pds-toggle-switch__on-icon{color:var(--pds-color-input-toggle-switch-icon);position:absolute;transition:var(--pds-toggle-switch-animation)}.pds-toggle-switch__off-icon{right:calc(var(--pds-toggle-switch-border-width) + .8625rem)}.pds-toggle-switch__on-icon{left:calc(var(--pds-toggle-switch-border-width) + .328rem)}.pds-toggle-switch__toggle[aria-checked=false] .pds-toggle-switch__off-icon{opacity:1;transition:var(--pds-toggle-switch-animation);z-index:2}.pds-toggle-switch__toggle[aria-checked=false] .pds-toggle-switch__on-icon{opacity:0}.pds-toggle-switch__toggle[aria-checked=true] .pds-toggle-switch__on-icon{opacity:1;transition:var(--pds-toggle-switch-animation);z-index:2}.pds-toggle-switch__toggle[aria-checked=true] .pds-toggle-switch__off-icon{opacity:0}.pds-toggle-switch__toggle:focus{outline:none}.pds-toggle-switch__toggle:focus-visible:before{outline:.0625rem solid var(--pds-color-input-toggle-background-on);outline-offset:.0625rem}.pds-toggle-switch.pds-is-disabled .pds-toggle-switch__toggle{cursor:not-allowed;opacity:50%}.pds-modal{--pds-modal--padding:1.953rem;background-color:var(--pds-color-background-default);border-radius:.375rem;box-shadow:var(--pds-elevation-overlay);margin:auto;padding:var(--pds-modal--padding);position:relative;width:36rem}@media (max-width:640px){.pds-modal{max-width:300px}}.pds-modal--sm{width:25rem}.pds-modal--lg{width:44rem}.pds-modal__close{background-color:transparent;border:none;color:var(--pds-color-text-default-secondary);cursor:pointer;position:absolute;right:var(--pds-modal--padding);top:var(--pds-modal--padding)}.pds-modal__close:hover{color:var(--pds-color-interactive-link-hover)}.pds-modal__title{font-size:1.728rem;font-weight:700;line-height:140%;margin-block-end:1.25rem;width:calc(100% - var(--pds-modal--padding))}.pds-modal__button-group{column-gap:1rem;display:flex;justify-content:flex-end;width:100%}.pds-modal form,.pds-modal__button-group{margin-block-start:1.563rem}.pds-dashboard-nav{--pds-dashboard-nav-icon-width:1.563rem;--pds-dashboard-nav-space-after-icon:0.64rem;--pds-dashboard-nav-foreground-color:var(
|
|
151
151
|
--pds-color-dashboard-nav-item-foreground-default
|