@pantheon-systems/pds-toolkit-react 1.10.0 → 1.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/_dist/components/inputs/Select/Select.d.ts +5 -1
  2. package/_dist/components/inputs/Select/select-sample-data.d.ts +1 -0
  3. package/_dist/css/component-css/pds-index.css +1 -1
  4. package/_dist/css/component-css/pds-select.css +1 -1
  5. package/_dist/css/pds-components.css +1 -1
  6. package/_dist/index.css +1 -1
  7. package/_dist/index.js +1800 -1794
  8. package/_dist/index.js.map +1 -1
  9. package/package.json +1 -1
package/_dist/components/inputs/Select/Select.d.ts CHANGED
@@ -44,6 +44,10 @@ interface SelectOptionGroupProps {
44
44
  * Prop types for Select
45
45
  */
46
46
  export interface SelectProps {
47
+ /**
48
+ * Automatically resize the select to fit the longest option label. Defaults to false (width: 100%).
49
+ */
50
+ autoWidth?: boolean;
47
51
  /**
48
52
  * Additional class names
49
53
  */
@@ -128,5 +132,5 @@ export declare const SelectOptionGroup: ({ children, label, }: SelectOptionGroup
128
132
  /**
129
133
  * Select UI component
130
134
  */
131
- export declare const Select: ({ className, defaultValue, disabled, icon, id, inputWidth, label, labelStrings, message, onBlur, onFocus, onOptionSelect, options, required, showLabel, tooltipText, validationMessage, validationStatus, value, ...props }: SelectProps) => import("react/jsx-runtime").JSX.Element;
135
+ export declare const Select: ({ autoWidth, className, defaultValue, disabled, icon, id, inputWidth, label, labelStrings, message, onBlur, onFocus, onOptionSelect, options, required, showLabel, tooltipText, validationMessage, validationStatus, value, ...props }: SelectProps) => import("react/jsx-runtime").JSX.Element;
132
136
  export {};
package/_dist/components/inputs/Select/select-sample-data.d.ts CHANGED
@@ -4,4 +4,5 @@ export declare const userRoleOptions: SelectOptionType[];
4
4
  export declare const validationExampleOptions: SelectOptionType[];
5
5
  export declare const sampleSelectOptionsWithGroups: SelectOptionsType;
6
6
  export declare const ssoProviderOptions: SelectOptionType[];
7
+ export declare const autoWidthOptions: SelectOptionType[];
7
8
  export declare const sampleSelectOptions: SelectOptionType[];
package/_dist/css/component-css/pds-index.css CHANGED
@@ -88,7 +88,7 @@
88
88
  --pds-color-input-file-upload-button-background-hover
89
89
  )}.pds-file-upload.pds-is-disabled .pds-file-upload__input-label{cursor:not-allowed}.pds-file-upload.pds-is-disabled .pds-file-upload__input-label:hover{background-color:var(
90
90
  --pds-color-input-file-upload-button-background-default
91
- )}.pds-file-upload--safari-default input[data-file]:after{background-color:var(--pds-color-bg-default);color:var(--pds-color-fg-default);content:attr(data-file)}.pds-file-upload--safari-default .pds-file-upload__input{color:transparent}.pds-input.pds-is-disabled,.pds-input.pds-is-disabled input,.pds-is-disabled legend.pds-input-label{cursor:not-allowed;opacity:63%}.pds-input.pds-has-error .pds-combobox__input-wrapper,.pds-input.pds-has-error .pds-file-upload__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-status-critical-foreground)}.pds-input.pds-has-success .pds-combobox__input-wrapper,.pds-input.pds-has-success .pds-file-upload__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-status-success-foreground)}.pds-input.pds-is-readonly .pds-text-input__input-wrapper{background-color:var(--pds-color-bg-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-bg-default);-webkit-text-fill-color:var(--pds-color-fg-default)}.pds-input-label{color:var(--pds-color-fg-default);display:inline-block;font-size:1rem;font-weight:600;margin-block-end:.512rem;padding-inline-end:3.052rem}.pds-input-label.visually-hidden{margin:0;padding:0}.pds-input-label__required{align-items:flex-start;display:inline-flex;height:.8rem;margin-inline-start:.25rem;position:relative}.pds-input-label__required-icon{color:var(--pds-color-status-critical-foreground);height:.512rem;position:absolute;top:0}.pds-input-message{align-items:flex-start;color:var(--pds-color-fg-default-secondary);display:flex;gap:.512rem;margin-block-start:.512rem}.pds-input-message--error{color:var(--pds-color-status-critical-foreground)}.pds-input-message--success{color:var(--pds-color-status-success-foreground)}.pds-input-message__text,.pds-input-message__text p{font-size:.833rem;font-weight:400;line-height:140%}.pds-input-decorator{align-items:center;display:flex}.pds-input-decorator--error{color:var(--pds-color-status-critical-foreground)}.pds-input-decorator--success{color:var(--pds-color-status-success-foreground)}.pds-input-search-shortcut{align-items:center;background:var(--pds-color-interactive-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-fg-default);padding:.328rem;width:1.953rem}.pds-input-clear-button:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-input-clear-button:focus-visible{background-color:var(--pds-color-interactive-background-hover);outline:1px solid var(--pds-color-interactive-focus)}input::-webkit-search-cancel-button{display:none}.pds-input-character-counter{color:var(--pds-color-fg-default-secondary);font-size:.833rem;font-weight:400}.pds-input-character-counter--overLimit{color:var(--pds-color-status-critical-foreground)}.pds-input__select-option{align-items:center;background-color:var(--pds-color-dropdown-background);color:var(--pds-color-dropdown-foreground);cursor:pointer;display:flex;gap:1.25rem;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-dropdown-item-background-hover);outline:none}.pds-select__checked-icon{align-self:center;color:var(--pds-color-status-success-foreground);display:flex;flex-shrink:0;margin-block-start:-.0625rem}.pds-input-group__inner{align-items:flex-end;display:flex;position:relative}.pds-input-group__inner:focus{outline-offset:-.0625rem}.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:1px solid var(--pds-color-border-input)}.pds-input-group__inner .pds-file-upload__input-wrapper,.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-secondary,.pds-input-group__inner .pds-button.pds-button--secondary{border-color:var(--pds-color-border-input)}.pds-input-group--has-message .pds-input-group__inner .pds-input-message{display:none}.pds-radio-group__options{display:flex;flex-direction:column;row-gap:.64rem}.pds-radio-group__option{--radio-input-size:1rem;align-items:start;column-gap:.512rem;display:grid;grid-template-columns:var(--radio-input-size) auto}.pds-radio-group__option input[type=radio]{appearance:none;background-size:calc(var(--radio-input-size)*.5);border-color:var(--pds-color-border-input);border-radius:50%;border-style:solid;border-width:2px;height:var(--radio-input-size);margin:0;place-content:center;position:relative;top:.0625rem;width:var(--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]:checked:before{all:unset}.pds-radio-group__option input[type=radio]:focus-visible{outline:1px 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:63%}.pds-radio-group__option input[type=radio]:disabled:hover{cursor:not-allowed}.pds-select{min-width:6.25rem;position:relative}.pds-select__input-wrapper{align-items:center;background-color:var(--pds-color-bg-default);border:1px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;column-gap:.512rem;height:var(--pds-spacing-input-height);padding-inline:.64rem;position:relative;transition:background-color .2s cubic-bezier(.2,0,0,1) 0s,border-color .2s cubic-bezier(.2,0,0,1) 0s;width:100%}.pds-select__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s cubic-bezier(.2,0,0,1) 0s}.pds-select__input-inner{align-items:center;column-gap:1rem;display:flex;justify-content:space-between;width:100%}.pds-select__option-text{align-items:center;cursor:default;display:flex;gap:.512rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-select__icon{align-self:center;color:var(--pds-color-fg-default);display:flex;flex-shrink:0;margin-block-start:-.0625rem}.pds-select__trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);flex-shrink:0;pointer-events:none;transition:transform .2s cubic-bezier(.2,0,0,1) 0s}.pds-select__input-wrapper[aria-expanded=true] .pds-select__trigger-icon{transform:rotate(180deg);transition:transform .2s cubic-bezier(.2,0,0,1) 0s}.pds-select__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;margin-block-start:.512rem;max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;width:100%}.pds-select__dropdown:focus-visible{outline:none}.pds-select__group{padding-block-start:.8rem}.pds-select__group-options,.pds-select__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:.0625rem;width:100%}.pds-select__group-options [aria-disabled=true],.pds-select__options [aria-disabled=true]{background:transparent;cursor:not-allowed;opacity:.5}.pds-select__group-label{color:var(--pds-color-dropdown-heading);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;line-height:120%;padding:.64rem .8rem}.pds-select__option-label{align-items:center;display:flex;gap:.512rem}.pds-select__option-icon{align-self:center;color:var(--pds-color-fg-default);display:flex;flex-shrink:0;margin-block-start:-.0625rem}.pds-switch{--toggle-switch-thumb-height:1.256rem;--toggle-switch-border-width:0.1rem;--toggle-switch-animation:var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);--toggle-thumb-background:var(--pds-color-input-switch-icon);--toggle-gutter:0.06rem;--toggle-icon-space:2px 0.525rem;--track-icon-off-color:var(--pds-color-input-switch-icon);--track-icon-on-color:var(--pds-color-input-switch-icon);--thumb-stroke:1px solid var(--pds-color-status-neutral-utility);--focus-border-spacing:-0.125rem;--track-width:calc(var(--toggle-switch-thumb-height)*2 + var(--toggle-gutter)*3);width:100%}.pds-switch *{box-sizing:border-box}.pds-switch:not(.pds-switch--message):not(.pds-switch--below){align-items:center;display:inline-flex;justify-content:space-between}.pds-switch:not(.pds-switch--message):not(.pds-switch--below) .pds-switch__label{margin-block-end:0}.pds-switch__content{align-items:flex-start;column-gap:1.563rem;display:flex;row-gap:1rem}.pds-switch--below .pds-switch__content{align-items:flex-start;flex-direction:column}.pds-input-message--switch{margin-block-start:unset}.pds-switch__control{align-items:center;display:flex}.pds-switch__track{background:var(--pds-color-status-neutral-utility);border-radius:calc(var(--toggle-switch-thumb-height) + var(--toggle-gutter));color:var(--track-icon-off-color);container-type:inline-size;cursor:pointer;height:calc(var(--toggle-switch-thumb-height) + var(--toggle-gutter)*2);margin-block-end:0;padding:var(--toggle-gutter);position:relative;width:var(--track-width)}.pds-switch__track:has(.pds-switch__track-icon){width:calc(var(--toggle-switch-thumb-height)*2.25 + var(--toggle-gutter)*3)}.pds-switch__track-wrapper{align-items:center;display:flex}.pds-switch__control
91
+ )}.pds-file-upload--safari-default input[data-file]:after{background-color:var(--pds-color-bg-default);color:var(--pds-color-fg-default);content:attr(data-file)}.pds-file-upload--safari-default .pds-file-upload__input{color:transparent}.pds-input.pds-is-disabled,.pds-input.pds-is-disabled input,.pds-is-disabled legend.pds-input-label{cursor:not-allowed;opacity:63%}.pds-input.pds-has-error .pds-combobox__input-wrapper,.pds-input.pds-has-error .pds-file-upload__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-status-critical-foreground)}.pds-input.pds-has-success .pds-combobox__input-wrapper,.pds-input.pds-has-success .pds-file-upload__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-status-success-foreground)}.pds-input.pds-is-readonly .pds-text-input__input-wrapper{background-color:var(--pds-color-bg-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-bg-default);-webkit-text-fill-color:var(--pds-color-fg-default)}.pds-input-label{color:var(--pds-color-fg-default);display:inline-block;font-size:1rem;font-weight:600;margin-block-end:.512rem;padding-inline-end:3.052rem}.pds-input-label.visually-hidden{margin:0;padding:0}.pds-input-label__required{align-items:flex-start;display:inline-flex;height:.8rem;margin-inline-start:.25rem;position:relative}.pds-input-label__required-icon{color:var(--pds-color-status-critical-foreground);height:.512rem;position:absolute;top:0}.pds-input-message{align-items:flex-start;color:var(--pds-color-fg-default-secondary);display:flex;gap:.512rem;margin-block-start:.512rem}.pds-input-message--error{color:var(--pds-color-status-critical-foreground)}.pds-input-message--success{color:var(--pds-color-status-success-foreground)}.pds-input-message__text,.pds-input-message__text p{font-size:.833rem;font-weight:400;line-height:140%}.pds-input-decorator{align-items:center;display:flex}.pds-input-decorator--error{color:var(--pds-color-status-critical-foreground)}.pds-input-decorator--success{color:var(--pds-color-status-success-foreground)}.pds-input-search-shortcut{align-items:center;background:var(--pds-color-interactive-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-fg-default);padding:.328rem;width:1.953rem}.pds-input-clear-button:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-input-clear-button:focus-visible{background-color:var(--pds-color-interactive-background-hover);outline:1px solid var(--pds-color-interactive-focus)}input::-webkit-search-cancel-button{display:none}.pds-input-character-counter{color:var(--pds-color-fg-default-secondary);font-size:.833rem;font-weight:400}.pds-input-character-counter--overLimit{color:var(--pds-color-status-critical-foreground)}.pds-input__select-option{align-items:center;background-color:var(--pds-color-dropdown-background);color:var(--pds-color-dropdown-foreground);cursor:pointer;display:flex;gap:1.25rem;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-dropdown-item-background-hover);outline:none}.pds-select__checked-icon{align-self:center;color:var(--pds-color-status-success-foreground);display:flex;flex-shrink:0;margin-block-start:-.0625rem}.pds-input-group__inner{align-items:flex-end;display:flex;position:relative}.pds-input-group__inner:focus{outline-offset:-.0625rem}.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:1px solid var(--pds-color-border-input)}.pds-input-group__inner .pds-file-upload__input-wrapper,.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-secondary,.pds-input-group__inner .pds-button.pds-button--secondary{border-color:var(--pds-color-border-input)}.pds-input-group--has-message .pds-input-group__inner .pds-input-message{display:none}.pds-radio-group__options{display:flex;flex-direction:column;row-gap:.64rem}.pds-radio-group__option{--radio-input-size:1rem;align-items:start;column-gap:.512rem;display:grid;grid-template-columns:var(--radio-input-size) auto}.pds-radio-group__option input[type=radio]{appearance:none;background-size:calc(var(--radio-input-size)*.5);border-color:var(--pds-color-border-input);border-radius:50%;border-style:solid;border-width:2px;height:var(--radio-input-size);margin:0;place-content:center;position:relative;top:.0625rem;width:var(--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]:checked:before{all:unset}.pds-radio-group__option input[type=radio]:focus-visible{outline:1px 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:63%}.pds-radio-group__option input[type=radio]:disabled:hover{cursor:not-allowed}.pds-select{min-width:6.25rem;position:relative}.pds-select--auto-width{width:fit-content}.pds-select__sizer{height:0;overflow:hidden;visibility:hidden}.pds-select__sizer .pds-select__input-wrapper{height:auto;width:max-content}.pds-select__sizer .pds-select__option-text{overflow:visible}.pds-select__input-wrapper{align-items:center;background-color:var(--pds-color-bg-default);border:1px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;column-gap:.512rem;height:var(--pds-spacing-input-height);padding-inline:.64rem;position:relative;transition:background-color .2s cubic-bezier(.2,0,0,1) 0s,border-color .2s cubic-bezier(.2,0,0,1) 0s;width:100%}.pds-select__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s cubic-bezier(.2,0,0,1) 0s}.pds-select__input-inner{column-gap:1rem;justify-content:space-between;width:100%}.pds-select__input-inner,.pds-select__option-text{align-items:center;display:flex;min-width:0;overflow:hidden}.pds-select__option-text{cursor:default;gap:.512rem;white-space:nowrap}.pds-select__option-label-text{overflow:hidden;text-overflow:ellipsis}.pds-select__icon{align-self:center;color:var(--pds-color-fg-default);display:flex;flex-shrink:0;margin-block-start:-.0625rem}.pds-select__trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);flex-shrink:0;pointer-events:none;transition:transform .2s cubic-bezier(.2,0,0,1) 0s}.pds-select__input-wrapper[aria-expanded=true] .pds-select__trigger-icon{transform:rotate(180deg);transition:transform .2s cubic-bezier(.2,0,0,1) 0s}.pds-select__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;margin-block-start:.512rem;max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;width:100%}.pds-select__dropdown:focus-visible{outline:none}.pds-select__group{padding-block-start:.8rem}.pds-select__group-options,.pds-select__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:.0625rem;width:100%}.pds-select__group-options [aria-disabled=true],.pds-select__options [aria-disabled=true]{background:transparent;cursor:not-allowed;opacity:.5}.pds-select__group-label{color:var(--pds-color-dropdown-heading);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;line-height:120%;padding:.64rem .8rem}.pds-select__option-label{align-items:center;display:flex;gap:.512rem}.pds-select__option-icon{align-self:center;color:var(--pds-color-fg-default);display:flex;flex-shrink:0;margin-block-start:-.0625rem}.pds-switch{--toggle-switch-thumb-height:1.256rem;--toggle-switch-border-width:0.1rem;--toggle-switch-animation:var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);--toggle-thumb-background:var(--pds-color-input-switch-icon);--toggle-gutter:0.06rem;--toggle-icon-space:2px 0.525rem;--track-icon-off-color:var(--pds-color-input-switch-icon);--track-icon-on-color:var(--pds-color-input-switch-icon);--thumb-stroke:1px solid var(--pds-color-status-neutral-utility);--focus-border-spacing:-0.125rem;--track-width:calc(var(--toggle-switch-thumb-height)*2 + var(--toggle-gutter)*3);width:100%}.pds-switch *{box-sizing:border-box}.pds-switch:not(.pds-switch--message):not(.pds-switch--below){align-items:center;display:inline-flex;justify-content:space-between}.pds-switch:not(.pds-switch--message):not(.pds-switch--below) .pds-switch__label{margin-block-end:0}.pds-switch__content{align-items:flex-start;column-gap:1.563rem;display:flex;row-gap:1rem}.pds-switch--below .pds-switch__content{align-items:flex-start;flex-direction:column}.pds-input-message--switch{margin-block-start:unset}.pds-switch__control{align-items:center;display:flex}.pds-switch__track{background:var(--pds-color-status-neutral-utility);border-radius:calc(var(--toggle-switch-thumb-height) + var(--toggle-gutter));color:var(--track-icon-off-color);container-type:inline-size;cursor:pointer;height:calc(var(--toggle-switch-thumb-height) + var(--toggle-gutter)*2);margin-block-end:0;padding:var(--toggle-gutter);position:relative;width:var(--track-width)}.pds-switch__track:has(.pds-switch__track-icon){width:calc(var(--toggle-switch-thumb-height)*2.25 + var(--toggle-gutter)*3)}.pds-switch__track-wrapper{align-items:center;display:flex}.pds-switch__control
92
92
  input:checked+.pds-switch__track-wrapper
93
93
  .pds-switch__track{background:var(--pds-color-interactive-focus);color:var(--track-icon-on-color)}.pds-switch__control
94
94
  input:checked+.pds-switch__track-wrapper
package/_dist/css/component-css/pds-select.css CHANGED
@@ -1 +1 @@
1
- .pds-select{min-width:6.25rem;position:relative}.pds-select__input-wrapper{align-items:center;background-color:var(--pds-color-bg-default);border:1px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;column-gap:.512rem;height:var(--pds-spacing-input-height);padding-inline:.64rem;position:relative;transition:background-color .2s cubic-bezier(.2,0,0,1) 0s,border-color .2s cubic-bezier(.2,0,0,1) 0s;width:100%}.pds-select__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s cubic-bezier(.2,0,0,1) 0s}.pds-select__input-inner{align-items:center;column-gap:1rem;display:flex;justify-content:space-between;width:100%}.pds-select__option-text{align-items:center;cursor:default;display:flex;gap:.512rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-select__icon{align-self:center;color:var(--pds-color-fg-default);display:flex;flex-shrink:0;margin-block-start:-.0625rem}.pds-select__trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);flex-shrink:0;pointer-events:none;transition:transform .2s cubic-bezier(.2,0,0,1) 0s}.pds-select__input-wrapper[aria-expanded=true] .pds-select__trigger-icon{transform:rotate(180deg);transition:transform .2s cubic-bezier(.2,0,0,1) 0s}.pds-select__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;margin-block-start:.512rem;max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;width:100%}.pds-select__dropdown:focus-visible{outline:none}.pds-select__group{padding-block-start:.8rem}.pds-select__group-options,.pds-select__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:.0625rem;width:100%}.pds-select__group-options [aria-disabled=true],.pds-select__options [aria-disabled=true]{background:transparent;cursor:not-allowed;opacity:.5}.pds-select__group-label{color:var(--pds-color-dropdown-heading);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;line-height:120%;padding:.64rem .8rem}.pds-select__option-label{align-items:center;display:flex;gap:.512rem}.pds-select__option-icon{align-self:center;color:var(--pds-color-fg-default);display:flex;flex-shrink:0;margin-block-start:-.0625rem}
1
+ .pds-select{min-width:6.25rem;position:relative}.pds-select--auto-width{width:fit-content}.pds-select__sizer{height:0;overflow:hidden;visibility:hidden}.pds-select__sizer .pds-select__input-wrapper{height:auto;width:max-content}.pds-select__sizer .pds-select__option-text{overflow:visible}.pds-select__input-wrapper{align-items:center;background-color:var(--pds-color-bg-default);border:1px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;column-gap:.512rem;height:var(--pds-spacing-input-height);padding-inline:.64rem;position:relative;transition:background-color .2s cubic-bezier(.2,0,0,1) 0s,border-color .2s cubic-bezier(.2,0,0,1) 0s;width:100%}.pds-select__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s cubic-bezier(.2,0,0,1) 0s}.pds-select__input-inner{column-gap:1rem;justify-content:space-between;width:100%}.pds-select__input-inner,.pds-select__option-text{align-items:center;display:flex;min-width:0;overflow:hidden}.pds-select__option-text{cursor:default;gap:.512rem;white-space:nowrap}.pds-select__option-label-text{overflow:hidden;text-overflow:ellipsis}.pds-select__icon{align-self:center;color:var(--pds-color-fg-default);display:flex;flex-shrink:0;margin-block-start:-.0625rem}.pds-select__trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);flex-shrink:0;pointer-events:none;transition:transform .2s cubic-bezier(.2,0,0,1) 0s}.pds-select__input-wrapper[aria-expanded=true] .pds-select__trigger-icon{transform:rotate(180deg);transition:transform .2s cubic-bezier(.2,0,0,1) 0s}.pds-select__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;margin-block-start:.512rem;max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;width:100%}.pds-select__dropdown:focus-visible{outline:none}.pds-select__group{padding-block-start:.8rem}.pds-select__group-options,.pds-select__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:.0625rem;width:100%}.pds-select__group-options [aria-disabled=true],.pds-select__options [aria-disabled=true]{background:transparent;cursor:not-allowed;opacity:.5}.pds-select__group-label{color:var(--pds-color-dropdown-heading);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;line-height:120%;padding:.64rem .8rem}.pds-select__option-label{align-items:center;display:flex;gap:.512rem}.pds-select__option-icon{align-self:center;color:var(--pds-color-fg-default);display:flex;flex-shrink:0;margin-block-start:-.0625rem}
package/_dist/css/pds-components.css CHANGED
@@ -88,7 +88,7 @@
88
88
  --pds-color-input-file-upload-button-background-hover
89
89
  )}.pds-file-upload.pds-is-disabled .pds-file-upload__input-label{cursor:not-allowed}.pds-file-upload.pds-is-disabled .pds-file-upload__input-label:hover{background-color:var(
90
90
  --pds-color-input-file-upload-button-background-default
91
- )}.pds-file-upload--safari-default input[data-file]:after{background-color:var(--pds-color-bg-default);color:var(--pds-color-fg-default);content:attr(data-file)}.pds-file-upload--safari-default .pds-file-upload__input{color:transparent}.pds-input.pds-is-disabled,.pds-input.pds-is-disabled input,.pds-is-disabled legend.pds-input-label{cursor:not-allowed;opacity:63%}.pds-input.pds-has-error .pds-combobox__input-wrapper,.pds-input.pds-has-error .pds-file-upload__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-status-critical-foreground)}.pds-input.pds-has-success .pds-combobox__input-wrapper,.pds-input.pds-has-success .pds-file-upload__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-status-success-foreground)}.pds-input.pds-is-readonly .pds-text-input__input-wrapper{background-color:var(--pds-color-bg-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-bg-default);-webkit-text-fill-color:var(--pds-color-fg-default)}.pds-input-label{color:var(--pds-color-fg-default);display:inline-block;font-size:1rem;font-weight:600;margin-block-end:.512rem;padding-inline-end:3.052rem}.pds-input-label.visually-hidden{margin:0;padding:0}.pds-input-label__required{align-items:flex-start;display:inline-flex;height:.8rem;margin-inline-start:.25rem;position:relative}.pds-input-label__required-icon{color:var(--pds-color-status-critical-foreground);height:.512rem;position:absolute;top:0}.pds-input-message{align-items:flex-start;color:var(--pds-color-fg-default-secondary);display:flex;gap:.512rem;margin-block-start:.512rem}.pds-input-message--error{color:var(--pds-color-status-critical-foreground)}.pds-input-message--success{color:var(--pds-color-status-success-foreground)}.pds-input-message__text,.pds-input-message__text p{font-size:.833rem;font-weight:400;line-height:140%}.pds-input-decorator{align-items:center;display:flex}.pds-input-decorator--error{color:var(--pds-color-status-critical-foreground)}.pds-input-decorator--success{color:var(--pds-color-status-success-foreground)}.pds-input-search-shortcut{align-items:center;background:var(--pds-color-interactive-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-fg-default);padding:.328rem;width:1.953rem}.pds-input-clear-button:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-input-clear-button:focus-visible{background-color:var(--pds-color-interactive-background-hover);outline:1px solid var(--pds-color-interactive-focus)}input::-webkit-search-cancel-button{display:none}.pds-input-character-counter{color:var(--pds-color-fg-default-secondary);font-size:.833rem;font-weight:400}.pds-input-character-counter--overLimit{color:var(--pds-color-status-critical-foreground)}.pds-input__select-option{align-items:center;background-color:var(--pds-color-dropdown-background);color:var(--pds-color-dropdown-foreground);cursor:pointer;display:flex;gap:1.25rem;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-dropdown-item-background-hover);outline:none}.pds-select__checked-icon{align-self:center;color:var(--pds-color-status-success-foreground);display:flex;flex-shrink:0;margin-block-start:-.0625rem}.pds-input-group__inner{align-items:flex-end;display:flex;position:relative}.pds-input-group__inner:focus{outline-offset:-.0625rem}.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:1px solid var(--pds-color-border-input)}.pds-input-group__inner .pds-file-upload__input-wrapper,.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-secondary,.pds-input-group__inner .pds-button.pds-button--secondary{border-color:var(--pds-color-border-input)}.pds-input-group--has-message .pds-input-group__inner .pds-input-message{display:none}.pds-radio-group__options{display:flex;flex-direction:column;row-gap:.64rem}.pds-radio-group__option{--radio-input-size:1rem;align-items:start;column-gap:.512rem;display:grid;grid-template-columns:var(--radio-input-size) auto}.pds-radio-group__option input[type=radio]{appearance:none;background-size:calc(var(--radio-input-size)*.5);border-color:var(--pds-color-border-input);border-radius:50%;border-style:solid;border-width:2px;height:var(--radio-input-size);margin:0;place-content:center;position:relative;top:.0625rem;width:var(--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]:checked:before{all:unset}.pds-radio-group__option input[type=radio]:focus-visible{outline:1px 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:63%}.pds-radio-group__option input[type=radio]:disabled:hover{cursor:not-allowed}.pds-select{min-width:6.25rem;position:relative}.pds-select__input-wrapper{align-items:center;background-color:var(--pds-color-bg-default);border:1px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;column-gap:.512rem;height:var(--pds-spacing-input-height);padding-inline:.64rem;position:relative;transition:background-color .2s cubic-bezier(.2,0,0,1) 0s,border-color .2s cubic-bezier(.2,0,0,1) 0s;width:100%}.pds-select__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s cubic-bezier(.2,0,0,1) 0s}.pds-select__input-inner{align-items:center;column-gap:1rem;display:flex;justify-content:space-between;width:100%}.pds-select__option-text{align-items:center;cursor:default;display:flex;gap:.512rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-select__icon{align-self:center;color:var(--pds-color-fg-default);display:flex;flex-shrink:0;margin-block-start:-.0625rem}.pds-select__trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);flex-shrink:0;pointer-events:none;transition:transform .2s cubic-bezier(.2,0,0,1) 0s}.pds-select__input-wrapper[aria-expanded=true] .pds-select__trigger-icon{transform:rotate(180deg);transition:transform .2s cubic-bezier(.2,0,0,1) 0s}.pds-select__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;margin-block-start:.512rem;max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;width:100%}.pds-select__dropdown:focus-visible{outline:none}.pds-select__group{padding-block-start:.8rem}.pds-select__group-options,.pds-select__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:.0625rem;width:100%}.pds-select__group-options [aria-disabled=true],.pds-select__options [aria-disabled=true]{background:transparent;cursor:not-allowed;opacity:.5}.pds-select__group-label{color:var(--pds-color-dropdown-heading);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;line-height:120%;padding:.64rem .8rem}.pds-select__option-label{align-items:center;display:flex;gap:.512rem}.pds-select__option-icon{align-self:center;color:var(--pds-color-fg-default);display:flex;flex-shrink:0;margin-block-start:-.0625rem}.pds-switch{--toggle-switch-thumb-height:1.256rem;--toggle-switch-border-width:0.1rem;--toggle-switch-animation:var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);--toggle-thumb-background:var(--pds-color-input-switch-icon);--toggle-gutter:0.06rem;--toggle-icon-space:2px 0.525rem;--track-icon-off-color:var(--pds-color-input-switch-icon);--track-icon-on-color:var(--pds-color-input-switch-icon);--thumb-stroke:1px solid var(--pds-color-status-neutral-utility);--focus-border-spacing:-0.125rem;--track-width:calc(var(--toggle-switch-thumb-height)*2 + var(--toggle-gutter)*3);width:100%}.pds-switch *{box-sizing:border-box}.pds-switch:not(.pds-switch--message):not(.pds-switch--below){align-items:center;display:inline-flex;justify-content:space-between}.pds-switch:not(.pds-switch--message):not(.pds-switch--below) .pds-switch__label{margin-block-end:0}.pds-switch__content{align-items:flex-start;column-gap:1.563rem;display:flex;row-gap:1rem}.pds-switch--below .pds-switch__content{align-items:flex-start;flex-direction:column}.pds-input-message--switch{margin-block-start:unset}.pds-switch__control{align-items:center;display:flex}.pds-switch__track{background:var(--pds-color-status-neutral-utility);border-radius:calc(var(--toggle-switch-thumb-height) + var(--toggle-gutter));color:var(--track-icon-off-color);container-type:inline-size;cursor:pointer;height:calc(var(--toggle-switch-thumb-height) + var(--toggle-gutter)*2);margin-block-end:0;padding:var(--toggle-gutter);position:relative;width:var(--track-width)}.pds-switch__track:has(.pds-switch__track-icon){width:calc(var(--toggle-switch-thumb-height)*2.25 + var(--toggle-gutter)*3)}.pds-switch__track-wrapper{align-items:center;display:flex}.pds-switch__control
91
+ )}.pds-file-upload--safari-default input[data-file]:after{background-color:var(--pds-color-bg-default);color:var(--pds-color-fg-default);content:attr(data-file)}.pds-file-upload--safari-default .pds-file-upload__input{color:transparent}.pds-input.pds-is-disabled,.pds-input.pds-is-disabled input,.pds-is-disabled legend.pds-input-label{cursor:not-allowed;opacity:63%}.pds-input.pds-has-error .pds-combobox__input-wrapper,.pds-input.pds-has-error .pds-file-upload__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-status-critical-foreground)}.pds-input.pds-has-success .pds-combobox__input-wrapper,.pds-input.pds-has-success .pds-file-upload__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-status-success-foreground)}.pds-input.pds-is-readonly .pds-text-input__input-wrapper{background-color:var(--pds-color-bg-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-bg-default);-webkit-text-fill-color:var(--pds-color-fg-default)}.pds-input-label{color:var(--pds-color-fg-default);display:inline-block;font-size:1rem;font-weight:600;margin-block-end:.512rem;padding-inline-end:3.052rem}.pds-input-label.visually-hidden{margin:0;padding:0}.pds-input-label__required{align-items:flex-start;display:inline-flex;height:.8rem;margin-inline-start:.25rem;position:relative}.pds-input-label__required-icon{color:var(--pds-color-status-critical-foreground);height:.512rem;position:absolute;top:0}.pds-input-message{align-items:flex-start;color:var(--pds-color-fg-default-secondary);display:flex;gap:.512rem;margin-block-start:.512rem}.pds-input-message--error{color:var(--pds-color-status-critical-foreground)}.pds-input-message--success{color:var(--pds-color-status-success-foreground)}.pds-input-message__text,.pds-input-message__text p{font-size:.833rem;font-weight:400;line-height:140%}.pds-input-decorator{align-items:center;display:flex}.pds-input-decorator--error{color:var(--pds-color-status-critical-foreground)}.pds-input-decorator--success{color:var(--pds-color-status-success-foreground)}.pds-input-search-shortcut{align-items:center;background:var(--pds-color-interactive-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-fg-default);padding:.328rem;width:1.953rem}.pds-input-clear-button:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-input-clear-button:focus-visible{background-color:var(--pds-color-interactive-background-hover);outline:1px solid var(--pds-color-interactive-focus)}input::-webkit-search-cancel-button{display:none}.pds-input-character-counter{color:var(--pds-color-fg-default-secondary);font-size:.833rem;font-weight:400}.pds-input-character-counter--overLimit{color:var(--pds-color-status-critical-foreground)}.pds-input__select-option{align-items:center;background-color:var(--pds-color-dropdown-background);color:var(--pds-color-dropdown-foreground);cursor:pointer;display:flex;gap:1.25rem;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-dropdown-item-background-hover);outline:none}.pds-select__checked-icon{align-self:center;color:var(--pds-color-status-success-foreground);display:flex;flex-shrink:0;margin-block-start:-.0625rem}.pds-input-group__inner{align-items:flex-end;display:flex;position:relative}.pds-input-group__inner:focus{outline-offset:-.0625rem}.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:1px solid var(--pds-color-border-input)}.pds-input-group__inner .pds-file-upload__input-wrapper,.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-secondary,.pds-input-group__inner .pds-button.pds-button--secondary{border-color:var(--pds-color-border-input)}.pds-input-group--has-message .pds-input-group__inner .pds-input-message{display:none}.pds-radio-group__options{display:flex;flex-direction:column;row-gap:.64rem}.pds-radio-group__option{--radio-input-size:1rem;align-items:start;column-gap:.512rem;display:grid;grid-template-columns:var(--radio-input-size) auto}.pds-radio-group__option input[type=radio]{appearance:none;background-size:calc(var(--radio-input-size)*.5);border-color:var(--pds-color-border-input);border-radius:50%;border-style:solid;border-width:2px;height:var(--radio-input-size);margin:0;place-content:center;position:relative;top:.0625rem;width:var(--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]:checked:before{all:unset}.pds-radio-group__option input[type=radio]:focus-visible{outline:1px 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:63%}.pds-radio-group__option input[type=radio]:disabled:hover{cursor:not-allowed}.pds-select{min-width:6.25rem;position:relative}.pds-select--auto-width{width:fit-content}.pds-select__sizer{height:0;overflow:hidden;visibility:hidden}.pds-select__sizer .pds-select__input-wrapper{height:auto;width:max-content}.pds-select__sizer .pds-select__option-text{overflow:visible}.pds-select__input-wrapper{align-items:center;background-color:var(--pds-color-bg-default);border:1px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;column-gap:.512rem;height:var(--pds-spacing-input-height);padding-inline:.64rem;position:relative;transition:background-color .2s cubic-bezier(.2,0,0,1) 0s,border-color .2s cubic-bezier(.2,0,0,1) 0s;width:100%}.pds-select__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s cubic-bezier(.2,0,0,1) 0s}.pds-select__input-inner{column-gap:1rem;justify-content:space-between;width:100%}.pds-select__input-inner,.pds-select__option-text{align-items:center;display:flex;min-width:0;overflow:hidden}.pds-select__option-text{cursor:default;gap:.512rem;white-space:nowrap}.pds-select__option-label-text{overflow:hidden;text-overflow:ellipsis}.pds-select__icon{align-self:center;color:var(--pds-color-fg-default);display:flex;flex-shrink:0;margin-block-start:-.0625rem}.pds-select__trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);flex-shrink:0;pointer-events:none;transition:transform .2s cubic-bezier(.2,0,0,1) 0s}.pds-select__input-wrapper[aria-expanded=true] .pds-select__trigger-icon{transform:rotate(180deg);transition:transform .2s cubic-bezier(.2,0,0,1) 0s}.pds-select__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;margin-block-start:.512rem;max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;width:100%}.pds-select__dropdown:focus-visible{outline:none}.pds-select__group{padding-block-start:.8rem}.pds-select__group-options,.pds-select__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:.0625rem;width:100%}.pds-select__group-options [aria-disabled=true],.pds-select__options [aria-disabled=true]{background:transparent;cursor:not-allowed;opacity:.5}.pds-select__group-label{color:var(--pds-color-dropdown-heading);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;line-height:120%;padding:.64rem .8rem}.pds-select__option-label{align-items:center;display:flex;gap:.512rem}.pds-select__option-icon{align-self:center;color:var(--pds-color-fg-default);display:flex;flex-shrink:0;margin-block-start:-.0625rem}.pds-switch{--toggle-switch-thumb-height:1.256rem;--toggle-switch-border-width:0.1rem;--toggle-switch-animation:var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);--toggle-thumb-background:var(--pds-color-input-switch-icon);--toggle-gutter:0.06rem;--toggle-icon-space:2px 0.525rem;--track-icon-off-color:var(--pds-color-input-switch-icon);--track-icon-on-color:var(--pds-color-input-switch-icon);--thumb-stroke:1px solid var(--pds-color-status-neutral-utility);--focus-border-spacing:-0.125rem;--track-width:calc(var(--toggle-switch-thumb-height)*2 + var(--toggle-gutter)*3);width:100%}.pds-switch *{box-sizing:border-box}.pds-switch:not(.pds-switch--message):not(.pds-switch--below){align-items:center;display:inline-flex;justify-content:space-between}.pds-switch:not(.pds-switch--message):not(.pds-switch--below) .pds-switch__label{margin-block-end:0}.pds-switch__content{align-items:flex-start;column-gap:1.563rem;display:flex;row-gap:1rem}.pds-switch--below .pds-switch__content{align-items:flex-start;flex-direction:column}.pds-input-message--switch{margin-block-start:unset}.pds-switch__control{align-items:center;display:flex}.pds-switch__track{background:var(--pds-color-status-neutral-utility);border-radius:calc(var(--toggle-switch-thumb-height) + var(--toggle-gutter));color:var(--track-icon-off-color);container-type:inline-size;cursor:pointer;height:calc(var(--toggle-switch-thumb-height) + var(--toggle-gutter)*2);margin-block-end:0;padding:var(--toggle-gutter);position:relative;width:var(--track-width)}.pds-switch__track:has(.pds-switch__track-icon){width:calc(var(--toggle-switch-thumb-height)*2.25 + var(--toggle-gutter)*3)}.pds-switch__track-wrapper{align-items:center;display:flex}.pds-switch__control
92
92
  input:checked+.pds-switch__track-wrapper
93
93
  .pds-switch__track{background:var(--pds-color-interactive-focus);color:var(--track-icon-on-color)}.pds-switch__control
94
94
  input:checked+.pds-switch__track-wrapper