@pantheon-systems/pds-toolkit-react 1.0.0-dev.179 → 1.0.0-dev.180

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.
Files changed (9) hide show
  1. package/_dist/components/inputs/RadioGroup/RadioGroup.d.ts +89 -43
  2. package/_dist/css/component-css/pds-index.css +1 -1
  3. package/_dist/css/component-css/pds-radio-group.css +1 -1
  4. package/_dist/css/pds-components.css +1 -1
  5. package/_dist/index.css +1 -1
  6. package/_dist/index.d.ts +1 -1
  7. package/_dist/index.js +1181 -1211
  8. package/_dist/index.js.map +1 -1
  9. package/package.json +1 -1
package/_dist/components/inputs/RadioGroup/RadioGroup.d.ts CHANGED
@@ -1,46 +1,92 @@
1
- export function RadioGroup({ disabled, id, initialSelection, inputWidth, label, message, onChange, options, required, className, ...props }: {
2
- [x: string]: any;
1
+ import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
2
+ import { ValidationStatus } from '../input-types';
3
+ import './radio-group.css';
4
+ export interface RadioOption {
5
+ /**
6
+ * Option is disabled
7
+ * @default false
8
+ */
3
9
  disabled?: boolean;
4
- id: any;
5
- initialSelection: any;
6
- inputWidth: any;
7
- label: any;
8
- message: any;
9
- onChange: any;
10
- options: any;
10
+ /**
11
+ * Unique ID for the option
12
+ * @default ''
13
+ */
14
+ id?: string;
15
+ /**
16
+ * Option label
17
+ */
18
+ label: string | ReactNode;
19
+ /**
20
+ * Option value
21
+ */
22
+ value: string;
23
+ }
24
+ export interface RadioGroupProps extends ComponentPropsWithoutRef<'div'> {
25
+ /**
26
+ * Optional default value
27
+ */
28
+ defaultValue?: string;
29
+ /**
30
+ * Additional props for the `<fieldset>` element.
31
+ */
32
+ fieldsetProps?: ComponentPropsWithoutRef<'fieldset'>;
33
+ /**
34
+ * is the radio group disabled
35
+ * @default false
36
+ */
37
+ disabled?: boolean;
38
+ /**
39
+ * Unique ID for the radio group
40
+ */
41
+ id: string;
42
+ /**
43
+ * Input width in rem
44
+ */
45
+ inputWidth?: number;
46
+ /**
47
+ * Label for the radio group
48
+ */
49
+ label: string;
50
+ /**
51
+ * Input message
52
+ */
53
+ message?: string;
54
+ /**
55
+ * Callback function that will return the updated value from the instance when it changes.
56
+ */
57
+ onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
58
+ /**
59
+ * Callback function that will return the updated value from the instance when it changes.
60
+ */
61
+ onValueChange?: (value: string) => void;
62
+ /**
63
+ * Array of radio options
64
+ */
65
+ options: RadioOption[];
66
+ /**
67
+ * Is the radio group required
68
+ * @default false
69
+ */
11
70
  required?: boolean;
12
- className: any;
13
- }): React.JSX.Element;
14
- export namespace RadioGroup {
15
- namespace propTypes {
16
- let disabled: PropTypes.Requireable<boolean>;
17
- let id: PropTypes.Validator<string>;
18
- let initialSelection: PropTypes.Requireable<string>;
19
- let inputWidth: PropTypes.Requireable<number>;
20
- let label: PropTypes.Validator<string>;
21
- let message: PropTypes.Requireable<string>;
22
- let onChange: PropTypes.Requireable<(...args: any[]) => any>;
23
- let options: PropTypes.Requireable<PropTypes.InferProps<{
24
- /**
25
- * Is the option disabled?
26
- */
27
- disabled: PropTypes.Requireable<boolean>;
28
- /**
29
- * Option unique ID
30
- */
31
- id: PropTypes.Requireable<string>;
32
- /**
33
- * Option label
34
- */
35
- label: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
36
- /**
37
- * Option value
38
- */
39
- value: PropTypes.Requireable<string>;
40
- }>[]>;
41
- let required: PropTypes.Requireable<boolean>;
42
- let className: PropTypes.Requireable<string>;
43
- }
71
+ /**
72
+ * Show the label
73
+ * @default true
74
+ */
75
+ showLabel?: boolean;
76
+ /**
77
+ * Validation message
78
+ */
79
+ validationMessage?: string;
80
+ /**
81
+ * Validation status of the input field.
82
+ */
83
+ validationStatus?: ValidationStatus;
84
+ /**
85
+ * Additional class names
86
+ */
87
+ className?: string;
44
88
  }
45
- import React from 'react';
46
- import PropTypes from 'prop-types';
89
+ /**
90
+ * RadioGroup UI component
91
+ */
92
+ export declare const RadioGroup: ({ defaultValue, disabled, fieldsetProps, id, inputWidth, label, message, onBlur, onValueChange, options, required, showLabel, validationMessage, validationStatus, className, ...props }: RadioGroupProps) => React.JSX.Element;
package/_dist/css/component-css/pds-index.css CHANGED
@@ -143,7 +143,7 @@
143
143
  --pds-color-input-file-upload-button-background-default
144
144
  );border-radius:.1875rem;color:var(--pds-color-foreground-default);display:flex;font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;gap:.41rem;letter-spacing:0;line-height:1;padding:.41rem .512rem;padding-inline-start:.41rem;white-space:nowrap}.pds-file-upload__label:hover{background-color:var(
145
145
  --pds-color-input-file-upload-button-background-hover
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-select__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-select__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__input-wrapper,.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-select{position:relative}.pds-select__input-wrapper{align-items:center;background-color:var(--pds-color-input-background-default);border:.0625rem solid var(--pds-color-input-border-default);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;column-gap:.512rem;height:2.441rem;padding-inline:.64rem;position:relative;transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s;width:100%}.pds-select__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s ease-in-out 0s}.pds-select__input-inner{align-items:center;display:flex;justify-content:space-between;width:100%}.pds-select__trigger-icon{color:var(--pds-color-text-default-secondary);pointer-events:none;transition:transform .2s ease-in-out 0s}.pds-select__input-wrapper[aria-expanded=true] .pds-select__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-select__dropdown{background-color:var(--pds-color-menu-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-active);box-sizing:border-box;margin-block-start:.512rem;max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;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-select__options [aria-disabled=true]{background:transparent;cursor:not-allowed;opacity:.5}.pds-switch{--pds-toggle-switch-thumb-height:1.256rem;--pds-toggle-switch-border-width:0.1rem;--pds-toggle-switch-animation:var(
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-select__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-select__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__input-wrapper,.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{outline:.0625rem solid var(--pds-color-interactive-focus);outline-offset:.0625rem}.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-select{position:relative}.pds-select__input-wrapper{align-items:center;background-color:var(--pds-color-input-background-default);border:.0625rem solid var(--pds-color-input-border-default);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;column-gap:.512rem;height:2.441rem;padding-inline:.64rem;position:relative;transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s;width:100%}.pds-select__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s ease-in-out 0s}.pds-select__input-inner{align-items:center;display:flex;justify-content:space-between;width:100%}.pds-select__trigger-icon{color:var(--pds-color-text-default-secondary);pointer-events:none;transition:transform .2s ease-in-out 0s}.pds-select__input-wrapper[aria-expanded=true] .pds-select__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-select__dropdown{background-color:var(--pds-color-menu-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-active);box-sizing:border-box;margin-block-start:.512rem;max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;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-select__options [aria-disabled=true]{background:transparent;cursor:not-allowed;opacity:.5}.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
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
package/_dist/css/component-css/pds-radio-group.css CHANGED
@@ -1 +1 @@
1
- .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}
1
+ .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{outline:.0625rem solid var(--pds-color-interactive-focus);outline-offset:.0625rem}.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}
package/_dist/css/pds-components.css CHANGED
@@ -143,7 +143,7 @@
143
143
  --pds-color-input-file-upload-button-background-default
144
144
  );border-radius:.1875rem;color:var(--pds-color-foreground-default);display:flex;font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;gap:.41rem;letter-spacing:0;line-height:1;padding:.41rem .512rem;padding-inline-start:.41rem;white-space:nowrap}.pds-file-upload__label:hover{background-color:var(
145
145
  --pds-color-input-file-upload-button-background-hover
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-select__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-select__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__input-wrapper,.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-select{position:relative}.pds-select__input-wrapper{align-items:center;background-color:var(--pds-color-input-background-default);border:.0625rem solid var(--pds-color-input-border-default);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;column-gap:.512rem;height:2.441rem;padding-inline:.64rem;position:relative;transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s;width:100%}.pds-select__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s ease-in-out 0s}.pds-select__input-inner{align-items:center;display:flex;justify-content:space-between;width:100%}.pds-select__trigger-icon{color:var(--pds-color-text-default-secondary);pointer-events:none;transition:transform .2s ease-in-out 0s}.pds-select__input-wrapper[aria-expanded=true] .pds-select__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-select__dropdown{background-color:var(--pds-color-menu-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-active);box-sizing:border-box;margin-block-start:.512rem;max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;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-select__options [aria-disabled=true]{background:transparent;cursor:not-allowed;opacity:.5}.pds-switch{--pds-toggle-switch-thumb-height:1.256rem;--pds-toggle-switch-border-width:0.1rem;--pds-toggle-switch-animation:var(
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-select__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-select__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__input-wrapper,.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{outline:.0625rem solid var(--pds-color-interactive-focus);outline-offset:.0625rem}.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-select{position:relative}.pds-select__input-wrapper{align-items:center;background-color:var(--pds-color-input-background-default);border:.0625rem solid var(--pds-color-input-border-default);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;column-gap:.512rem;height:2.441rem;padding-inline:.64rem;position:relative;transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s;width:100%}.pds-select__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s ease-in-out 0s}.pds-select__input-inner{align-items:center;display:flex;justify-content:space-between;width:100%}.pds-select__trigger-icon{color:var(--pds-color-text-default-secondary);pointer-events:none;transition:transform .2s ease-in-out 0s}.pds-select__input-wrapper[aria-expanded=true] .pds-select__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-select__dropdown{background-color:var(--pds-color-menu-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-active);box-sizing:border-box;margin-block-start:.512rem;max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;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-select__options [aria-disabled=true]{background:transparent;cursor:not-allowed;opacity:.5}.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
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