@pantheon-systems/pds-toolkit-react 1.0.0-beta.0 → 1.0.0-beta.2

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 (12) hide show
  1. package/_dist/components/inputs/Select/Select.d.ts +10 -1
  2. package/_dist/css/component-css/pds-index.css +1 -1
  3. package/_dist/css/component-css/pds-select.css +1 -1
  4. package/_dist/css/component-css/pds-switch.css +1 -1
  5. package/_dist/css/pds-components.css +1 -1
  6. package/_dist/index.css +1 -1
  7. package/_dist/index.js +2461 -2384
  8. package/_dist/index.js.map +1 -1
  9. package/_dist/layouts/DashboardInner/DashboardInner.d.ts +2 -1
  10. package/_dist/layouts/SidebarLayout/SidebarLayout.d.ts +2 -1
  11. package/_dist/libs/types/custom-types.d.ts +6 -1
  12. package/package.json +1 -1
package/_dist/components/inputs/Select/Select.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { ReactNode } from 'react';
2
+ import { PDSIcon } from '@components/icons/Icon/Icon';
2
3
  import { ValidationStatus } from '../input-types';
3
4
  import './select.css';
4
5
  type LabelStrings = {
@@ -10,6 +11,10 @@ export type SelectOptionType = {
10
11
  * Option disabled.
11
12
  */
12
13
  disabled?: boolean;
14
+ /**
15
+ * Optional icon to display before the option label.
16
+ */
17
+ icon?: PDSIcon;
13
18
  /**
14
19
  * Option label.
15
20
  */
@@ -50,6 +55,10 @@ export interface SelectProps {
50
55
  * Is the field disabled?
51
56
  */
52
57
  disabled?: boolean;
58
+ /**
59
+ * Optional icon to display before the placeholder text (selectOptionText). Only shows when no value is selected.
60
+ */
61
+ icon?: PDSIcon;
53
62
  /**
54
63
  * Input ID.
55
64
  */
@@ -118,5 +127,5 @@ export declare const SelectOptionGroup: ({ children, label, }: SelectOptionGroup
118
127
  /**
119
128
  * Select UI component
120
129
  */
121
- export declare const Select: ({ className, defaultValue, disabled, id, inputWidth, label, labelStrings, message, onBlur, onFocus, onOptionSelect, options, required, showLabel, tooltipText, validationMessage, validationStatus, value, ...props }: SelectProps) => import("react/jsx-runtime").JSX.Element;
130
+ 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;
122
131
  export {};
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{color:var(--pds-color-status-success-foreground);flex-shrink:0}.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 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;column-gap:1rem;display:flex;justify-content:space-between;width:100%}.pds-select__option-text{cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-select__trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);flex-shrink:0;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-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-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__label{pointer-events:none}.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{color:var(--pds-color-status-success-foreground);flex-shrink:0}.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 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;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{color:var(--pds-color-fg-default);flex-shrink:0}.pds-select__trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);flex-shrink:0;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-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{color:var(--pds-color-fg-default);flex-shrink:0}.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 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;column-gap:1rem;display:flex;justify-content:space-between;width:100%}.pds-select__option-text{cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-select__trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);flex-shrink:0;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-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}
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 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;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{color:var(--pds-color-fg-default);flex-shrink:0}.pds-select__trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);flex-shrink:0;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-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{color:var(--pds-color-fg-default);flex-shrink:0}
package/_dist/css/component-css/pds-switch.css CHANGED
@@ -1,4 +1,4 @@
1
- .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__label{pointer-events:none}.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
1
+ .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
2
2
  input:checked+.pds-switch__track-wrapper
3
3
  .pds-switch__track{background:var(--pds-color-interactive-focus);color:var(--track-icon-on-color)}.pds-switch__control
4
4
  input:checked+.pds-switch__track-wrapper
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{color:var(--pds-color-status-success-foreground);flex-shrink:0}.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 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;column-gap:1rem;display:flex;justify-content:space-between;width:100%}.pds-select__option-text{cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-select__trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);flex-shrink:0;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-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-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__label{pointer-events:none}.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{color:var(--pds-color-status-success-foreground);flex-shrink:0}.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 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;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{color:var(--pds-color-fg-default);flex-shrink:0}.pds-select__trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);flex-shrink:0;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-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{color:var(--pds-color-fg-default);flex-shrink:0}.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