@pantheon-systems/pds-toolkit-react 2.0.0-alpha.87 → 2.0.0-alpha.89

package/dist/css/component-css/pds-input-group.css

@@ -1 +1 @@
-@layer pds-v1, pds-v2;@layer pds-v2{.pds-input-group__inner{align-items:end;display:grid;grid-template-columns:minmax(0,1fr) auto;position:relative}.pds-input-group__inner:focus{outline-offset:-.0625rem}.pds-input-group__inner>:first-child{display:contents}.pds-input-group__inner .pds-input-label{grid-column:1/-1;grid-row:1}.pds-input-group__inner .pds-file-upload__input-wrapper,.pds-input-group__inner .pds-input-message,.pds-input-group__inner .pds-select__input-wrapper,.pds-input-group__inner .pds-select__sizer,.pds-input-group__inner .pds-text-input__input-wrapper{grid-column:1;grid-row:2}.pds-input-group__inner>:last-child{grid-column:2;grid-row:2}.pds-input-group__inner .pds-animated-button,.pds-input-group__inner .pds-icon-button{border:var(--pds-border-width-default) solid var(--pds-color-border-input);padding-block:0}.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-bottom-right-radius:var(--pds-border-radius-input);border-left-width:0;border-top-left-radius:0;border-top-right-radius:var(--pds-border-radius-input);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}}
+@layer pds-v1, pds-v2;@layer pds-v2{.pds-input-group__inner{align-items:end;container-type:inline-size;display:grid;grid-template-columns:minmax(0,1fr) auto;position:relative}.pds-input-group__inner:focus{outline-offset:-.0625rem}.pds-input-group__inner>:first-child{display:contents}.pds-input-group__inner .pds-input-label{grid-column:1/-1;grid-row:1}.pds-input-group__inner .pds-file-upload__input-wrapper,.pds-input-group__inner .pds-input-message,.pds-input-group__inner .pds-select__input-wrapper,.pds-input-group__inner .pds-select__sizer,.pds-input-group__inner .pds-text-input__input-wrapper{grid-column:1;grid-row:2}.pds-input-group__inner>:last-child{grid-column:2;grid-row:2}.pds-input-group__inner .pds-animated-button,.pds-input-group__inner .pds-icon-button{border:var(--pds-border-width-default) solid var(--pds-color-border-input);padding-block:0}.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-bottom-right-radius:var(--pds-border-radius-input);border-left-width:0;border-top-left-radius:0;border-top-right-radius:var(--pds-border-radius-input);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)}@container (max-width: 28rem){.pds-input-group__inner{grid-template-columns:1fr}.pds-input-group__inner>:last-child{grid-column:1;grid-row:3;justify-self:stretch;margin-block-start:var(--pds-spacing-2xs)}.pds-input-group__inner .pds-button-link a{width:100%}.pds-input-group__inner .pds-tooltip,.pds-input-group__inner .pds-tooltip__trigger-custom{display:flex;width:100%}.pds-input-group__inner .pds-tooltip__trigger-custom .pds-button{flex:1}.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:var(--pds-border-radius-input);border-top-right-radius:var(--pds-border-radius-input)}.pds-input-group__inner .pds-animated-button,.pds-input-group__inner .pds-button,.pds-input-group__inner .pds-icon-button{border-bottom-left-radius:var(--pds-border-radius-input);border-left-width:var(--pds-border-width-default);border-top-left-radius:var(--pds-border-radius-input)}.pds-input-group__inner:has(>:last-child.pds-icon-button){grid-template-columns:minmax(0,1fr) auto}.pds-input-group__inner:has(>:last-child.pds-icon-button)>:last-child{grid-column:2;grid-row:2;justify-self:auto;margin-block-start:0}.pds-input-group__inner:has(>:last-child.pds-icon-button) .pds-file-upload__input-wrapper,.pds-input-group__inner:has(>:last-child.pds-icon-button) .pds-input-field,.pds-input-group__inner:has(>:last-child.pds-icon-button) .pds-select__input-wrapper,.pds-input-group__inner:has(>:last-child.pds-icon-button) .pds-text-input__input-wrapper{border-bottom-right-radius:0;border-top-right-radius:0}.pds-input-group__inner:has(>:last-child.pds-icon-button) .pds-icon-button{border-bottom-left-radius:0;border-left-width:0;border-top-left-radius:0}}.pds-input-group--has-message .pds-input-group__inner .pds-input-message{display:none}}

package/dist/css/component-css/pds-input-utilities.css

@@ -1 +1 @@
-@layer pds-v1, pds-v2;@layer pds-v2{.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,.pds-input.pds-has-error .pds-textarea--textarea,.pds-input.pds-has-error .pds-timepicker__input-wrapper{border-color:var(--pds-color-status-critical-foreground)}.pds-input.pds-has-error .pds-combobox__input-wrapper:focus-within,.pds-input.pds-has-error .pds-file-upload__input-wrapper:focus-within,.pds-input.pds-has-error .pds-select__input-wrapper:focus-within,.pds-input.pds-has-error .pds-text-input__input-wrapper:focus-within,.pds-input.pds-has-error .pds-textarea--textarea:focus,.pds-input.pds-has-error .pds-timepicker__input-wrapper--focus-visible{outline-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,.pds-input.pds-has-success .pds-textarea--textarea,.pds-input.pds-has-success .pds-timepicker__input-wrapper{border-color:var(--pds-color-status-success-foreground)}.pds-input.pds-has-success .pds-combobox__input-wrapper:focus-within,.pds-input.pds-has-success .pds-file-upload__input-wrapper:focus-within,.pds-input.pds-has-success .pds-select__input-wrapper:focus-within,.pds-input.pds-has-success .pds-text-input__input-wrapper:focus-within,.pds-input.pds-has-success .pds-textarea--textarea:focus,.pds-input.pds-has-success .pds-timepicker__input-wrapper--focus-visible{outline-color:var(--pds-color-status-success-foreground)}.pds-input.pds-is-readonly .pds-text-input__input-wrapper{background-color:var(--pds-color-surface-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-surface-default);-webkit-text-fill-color:var(--pds-color-foreground-default)}.pds-input-label{color:var(--pds-color-foreground-default);display:inline-block;font-size:var(--pds-typography-size-input-label);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-2xs);padding-inline-end:var(--pds-spacing-3xl)}.pds-input-label.visually-hidden{margin:0;padding:0}.pds-input-label--heading{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-4xs)}.pds-input-label .pds-tooltip{margin-inline-start:var(--pds-spacing-5xs);vertical-align:1px}.pds-input-label__required{align-items:flex-start;display:inline-flex;height:var(--pds-spacing-s);margin-inline-start:var(--pds-spacing-4xs);position:relative}.pds-input-label__required-icon{color:var(--pds-color-status-critical-foreground);height:var(--pds-spacing-xs);position:absolute;top:0}.pds-input-message{align-items:flex-start;color:var(--pds-color-foreground-default-secondary);display:flex;gap:var(--pds-spacing-xs);margin-block-start:var(--pds-spacing-2xs)}.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:var(--pds-typography-size-input-message);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-m);white-space:pre-line}.pds-input-prefix{align-items:center;display:flex}.pds-input-prefix--error{color:var(--pds-color-status-critical-foreground)}.pds-input-prefix--success{color:var(--pds-color-status-success-foreground)}.pds-input-search-shortcut{align-items:center;background:var(--pds-color-interactive-background-hover);border-radius:var(--pds-border-radius-default);display:flex;height:var(--pds-spacing-s);justify-content:center;padding:var(--pds-spacing-xs);width:var(--pds-spacing-s)}.pds-input-clear-button{background-color:transparent;border:none;border-radius:var(--pds-border-radius-default);color:var(--pds-color-foreground-default);display:flex;justify-content:center;padding:var(--pds-spacing-4xs)}.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:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}input::-webkit-search-cancel-button{display:none}.pds-input-character-counter{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}.pds-input-character-counter--overLimit{color:var(--pds-color-status-critical-foreground)}}
+@layer pds-v1, pds-v2;@layer pds-v2{.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,.pds-input.pds-has-error .pds-textarea--textarea,.pds-input.pds-has-error .pds-timepicker__input-wrapper{border-color:var(--pds-color-status-critical-foreground)}.pds-input.pds-has-error .pds-combobox__input-wrapper:focus-within,.pds-input.pds-has-error .pds-file-upload__input-wrapper:focus-within,.pds-input.pds-has-error .pds-select__input-wrapper:focus-within,.pds-input.pds-has-error .pds-text-input__input-wrapper:focus-within,.pds-input.pds-has-error .pds-textarea--textarea:focus,.pds-input.pds-has-error .pds-timepicker__input-wrapper--focus-visible{outline-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,.pds-input.pds-has-success .pds-textarea--textarea,.pds-input.pds-has-success .pds-timepicker__input-wrapper{border-color:var(--pds-color-status-success-foreground)}.pds-input.pds-has-success .pds-combobox__input-wrapper:focus-within,.pds-input.pds-has-success .pds-file-upload__input-wrapper:focus-within,.pds-input.pds-has-success .pds-select__input-wrapper:focus-within,.pds-input.pds-has-success .pds-text-input__input-wrapper:focus-within,.pds-input.pds-has-success .pds-textarea--textarea:focus,.pds-input.pds-has-success .pds-timepicker__input-wrapper--focus-visible{outline-color:var(--pds-color-status-success-foreground)}.pds-input.pds-is-readonly .pds-text-input__input-wrapper{background-color:var(--pds-color-surface-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-surface-default);-webkit-text-fill-color:var(--pds-color-foreground-default)}.pds-input-label{color:var(--pds-color-foreground-default);display:inline-block;font-size:var(--pds-typography-size-input-label);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-2xs);padding-inline-end:var(--pds-spacing-3xl)}legend.pds-input-label{margin-block-end:var(--pds-spacing-4xs)}.pds-input-label.visually-hidden{margin:0;padding:0}.pds-input-label--heading{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-4xs)}.pds-input-label .pds-tooltip{margin-inline-start:var(--pds-spacing-5xs);vertical-align:1px}.pds-input-label__required{align-items:flex-start;display:inline-flex;height:var(--pds-spacing-s);margin-inline-start:var(--pds-spacing-4xs);position:relative}.pds-input-label__required-icon{color:var(--pds-color-status-critical-foreground);height:var(--pds-spacing-xs);position:absolute;top:0}.pds-input-message{align-items:flex-start;color:var(--pds-color-foreground-default-secondary);display:flex;gap:var(--pds-spacing-xs);margin-block-start:var(--pds-spacing-2xs)}.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:var(--pds-typography-size-input-message);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-m);white-space:pre-line}.pds-input-prefix{align-items:center;display:flex}.pds-input-prefix--error{color:var(--pds-color-status-critical-foreground)}.pds-input-prefix--success{color:var(--pds-color-status-success-foreground)}.pds-input-search-shortcut{align-items:center;background:var(--pds-color-interactive-background-hover);border-radius:var(--pds-border-radius-default);display:flex;height:var(--pds-spacing-s);justify-content:center;padding:var(--pds-spacing-xs);width:var(--pds-spacing-s)}.pds-input-clear-button{background-color:transparent;border:none;border-radius:var(--pds-border-radius-default);color:var(--pds-color-foreground-default);display:flex;justify-content:center;padding:var(--pds-spacing-4xs)}.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:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}input::-webkit-search-cancel-button{display:none}.pds-input-character-counter{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}.pds-input-character-counter--overLimit{color:var(--pds-color-status-critical-foreground)}}

package/dist/css/component-css/pds-platform-icon.css

@@ -1 +1 @@
-@layer pds-v1, pds-v2;@layer pds-v2{.pds-platform-icon{align-items:center;display:inline-flex;line-height:0;vertical-align:middle}.pds-platform-icon--xs{height:.625rem}.pds-platform-icon--xs svg{height:100%;width:auto}.pds-platform-icon--s{height:.75rem}.pds-platform-icon--s svg{height:100%;width:auto}.pds-platform-icon--m{height:1rem}.pds-platform-icon--m svg{height:100%;width:auto}.pds-platform-icon--l{height:1.25rem}.pds-platform-icon--l svg{height:100%;width:auto}.pds-platform-icon--xl{height:1.5rem}.pds-platform-icon--xl svg{height:100%;width:auto}.pds-platform-icon--2xl{height:2rem}.pds-platform-icon--2xl svg{height:100%;width:auto}.pds-platform-icon--3xl{height:2.5rem}.pds-platform-icon--3xl svg{height:100%;width:auto}}
+@layer pds-v1, pds-v2;@layer pds-v2{.pds-platform-icon{align-items:center;display:inline-flex;line-height:0;vertical-align:middle}.pds-platform-icon--xs{height:.625rem}.pds-platform-icon--xs svg{height:100%;width:auto}.pds-platform-icon--s{height:.75rem}.pds-platform-icon--s svg{height:100%;width:auto}.pds-platform-icon--m{height:1rem}.pds-platform-icon--m svg{height:100%;width:auto}.pds-platform-icon--l{height:1.25rem}.pds-platform-icon--l svg{height:100%;width:auto}.pds-platform-icon--xl{height:1.5rem}.pds-platform-icon--xl svg{height:100%;width:auto}.pds-platform-icon--2xl{height:2rem}.pds-platform-icon--2xl svg{height:100%;width:auto}.pds-platform-icon--3xl{height:2.5rem}.pds-platform-icon--3xl svg{height:100%;width:auto}.pds-platform-icon--4xl{height:3rem}.pds-platform-icon--4xl svg{height:100%;width:auto}.pds-platform-icon--5xl{height:4rem}.pds-platform-icon--5xl svg{height:100%;width:auto}}

package/dist/css/component-css/pds-progress-bar.css

@@ -1 +1 @@
-@layer pds-v1, pds-v2;@layer pds-v2{.pds-progress-bar__label{color:var(--pds-color-foreground-default);display:block;font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-medium);margin-block-end:var(--pds-spacing-s);position:relative}.pds-progress-bar__details{column-gap:var(--pds-spacing-s);display:flex;justify-content:space-between}.pds-progress-bar__message{color:var(--pds-color-foreground-default-secondary)}.pds-progress-bar__message,.pds-progress-bar__percentage{font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}.pds-progress-bar__wrapper{margin-block:var(--pds-spacing-2xs)}.pds-progress-bar__track{background-color:var(--pds-color-status-neutral-background);border-radius:3.5rem;height:var(--pds-spacing-m);overflow:hidden;width:100%}.pds-progress-bar__track--l{height:var(--pds-spacing-xl)}.pds-progress-bar__track--s{height:var(--pds-spacing-xs)}.pds-progress-bar__bar{border-radius:0 3.5rem 3.5rem 0;height:100%;min-width:var(--pds-spacing-5xs);transition:width .8s ease-out}}
+@layer pds-v1, pds-v2;@layer pds-v2{.pds-progress-bar__label{color:var(--pds-color-foreground-default);display:block;font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-medium);margin-block-end:var(--pds-spacing-s);position:relative}.pds-progress-bar__details{column-gap:var(--pds-spacing-s);display:flex;justify-content:space-between}.pds-progress-bar__message{color:var(--pds-color-foreground-default-secondary)}.pds-progress-bar__message,.pds-progress-bar__percentage{font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}.pds-progress-bar__wrapper{margin-block:var(--pds-spacing-2xs)}.pds-progress-bar__track{background-color:var(--pds-color-status-neutral-background);border-radius:3.5rem;height:var(--pds-spacing-m);overflow:hidden;width:100%}.pds-progress-bar__track--l{height:var(--pds-spacing-l)}.pds-progress-bar__track--s{height:var(--pds-spacing-xs)}.pds-progress-bar__bar{border-radius:0 3.5rem 3.5rem 0;height:100%;min-width:var(--pds-spacing-5xs);transition:width .8s ease-out}}

package/dist/css/component-css/pds-select.css

@@ -1 +1 @@
-@layer pds-v1, pds-v2;@layer pds-v2{.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-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);column-gap:var(--pds-spacing-xs);cursor:pointer;display:flex;font-size:var(--pds-typography-size-s);height:var(--pds-spacing-input-height-s);padding-inline:var(--pds-spacing-xs);position:relative;transition:var(--pds-animation-transition-input);width:100%}.pds-select__input-wrapper:focus-within{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-select--m .pds-select__input-wrapper{column-gap:var(--pds-spacing-s);height:var(--pds-spacing-input-height-m);padding-inline:var(--pds-spacing-s)}.pds-select__input-inner{column-gap:var(--pds-spacing-m);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:pointer;gap:var(--pds-spacing-xs);white-space:nowrap}.pds-select__option-label-text{overflow:hidden;text-overflow:ellipsis}.pds-select__icon{align-self:center;color:var(--pds-color-foreground-default);display:flex;flex-shrink:0}.pds-select__icon.pds-icon--m{height:.8125rem;width:.8125rem}.pds-select--m .pds-select__icon.pds-icon--m,.pds-select__trigger-icon.pds-icon--xl{height:1rem;width:1rem}.pds-select--m .pds-select__trigger-icon.pds-icon--xl{height:1.125rem;width:1.125rem}.pds-select__option-icon.pds-icon--m{height:.875rem;width:.875rem}.pds-select__trigger-icon{color:var(--pds-color-foreground-default-secondary);flex-shrink:0;pointer-events:none;transition:var(--pds-animation-transition-rotation)}.pds-select__input-wrapper[aria-expanded=true] .pds-select__trigger-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-select__dropdown{margin-block-start:var(--pds-spacing-xs);max-height:18rem;overflow-x:hidden;padding-block-end:0}.pds-select__dropdown:focus-visible{outline:none}.pds-select__group{padding-block-start:var(--pds-spacing-s)}.pds-select__group-options,.pds-select__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;width:100%}.pds-select__group-options [aria-disabled=true],.pds-select__options [aria-disabled=true]{background:transparent;cursor:not-allowed;opacity:.5}.pds-select__options .pds-dropdown__item:last-child{margin-block-end:var(--pds-spacing-2xs)}.pds-select__option-label{align-items:center;display:flex;gap:var(--pds-spacing-xs);white-space:nowrap}.pds-select__option-icon{align-self:center;color:var(--pds-color-foreground-default);display:flex;flex-shrink:0}}
+@layer pds-v1, pds-v2;@layer pds-v2{.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-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);column-gap:var(--pds-spacing-xs);cursor:pointer;display:flex;font-size:var(--pds-typography-size-s);height:var(--pds-spacing-input-height-s);padding-inline:var(--pds-spacing-xs);position:relative;transition:var(--pds-animation-transition-input);width:100%}.pds-select__input-wrapper:focus-within{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-select--m .pds-select__input-wrapper{column-gap:var(--pds-spacing-s);height:var(--pds-spacing-input-height-m);padding-inline:var(--pds-spacing-s)}.pds-select__input-inner{column-gap:var(--pds-spacing-m);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:pointer;gap:var(--pds-spacing-xs);white-space:nowrap}.pds-select__option-label-text{overflow:hidden;text-overflow:ellipsis}.pds-select__icon{align-self:center;color:var(--pds-color-foreground-default);display:flex;flex-shrink:0}.pds-select__icon.pds-icon--m{height:.8125rem;width:.8125rem}.pds-select--m .pds-select__icon.pds-icon--m,.pds-select__trigger-icon.pds-icon--xl{height:1rem;width:1rem}.pds-select--m .pds-select__trigger-icon.pds-icon--xl{height:1.125rem;width:1.125rem}.pds-select__option-icon.pds-icon--m{height:.875rem;width:.875rem}.pds-select__trigger-icon{color:var(--pds-color-foreground-default-secondary);flex-shrink:0;pointer-events:none;transition:var(--pds-animation-transition-rotation)}.pds-select__input-wrapper[aria-expanded=true] .pds-select__trigger-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-select__dropdown{margin-block-start:var(--pds-spacing-xs);max-height:18rem;overflow-x:hidden;padding-block-end:0}.pds-select__dropdown:focus-visible{outline:none}.pds-select__dropdown--has-footer{padding-block-end:var(--pds-spacing-2xs)}.pds-select__group{padding-block-start:var(--pds-spacing-s)}.pds-select__group-options,.pds-select__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;width:100%}.pds-select__group-options [aria-disabled=true],.pds-select__options [aria-disabled=true]{background:transparent;cursor:not-allowed;opacity:.5}.pds-select__options .pds-dropdown__item:last-child{margin-block-end:var(--pds-spacing-2xs)}.pds-select__option-label{align-items:center;display:flex;gap:var(--pds-spacing-xs);white-space:nowrap}.pds-select__option-icon{align-self:center;color:var(--pds-color-foreground-default);display:flex;flex-shrink:0}}

package/dist/css/component-css/pds-tab-menu.css

@@ -1,2 +1,2 @@
-@layer pds-v1, pds-v2;@layer pds-v2{.pds-tab-menu{--tab-border-width:var(--pds-border-width-default);--tab-height:var(--pds-spacing-button-height-m);--tab-font-size:var(--pds-typography-size-m);--tab-gap:var(--pds-spacing-2xs);--tab-inline-padding:var(--pds-spacing-2xs);--dropdown-trigger-size:var(--pds-spacing-xl);font-family:var(--pds-typography-ff-default);margin-block:var(--pds-spacing-s) var(--pds-spacing-xs);position:relative;width:100%}.pds-tab-menu .pds-tab-menu__item .pds-icon{height:var(--pds-typography-size-m);width:var(--pds-typography-size-m)}.pds-tab-menu .pds-tab-menu__item{column-gap:var(--pds-spacing-5xs)}.pds-tab-menu__menu{border-bottom:var(--tab-border-width) solid var(--pds-color-tabs-border);column-gap:var(--pds-spacing-xl);display:flex;list-style:none;margin:0;padding:0}.pds-tab-menu__item:has(a:focus-visible){border-radius:var(--pds-border-radius-default) var(--pds-border-radius-default) 0 0;outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-tab-menu__item{align-items:center;border-radius:var(--pds-border-radius-input) var(--pds-border-radius-input) 0 0;color:var(--pds-color-foreground-default-secondary);column-gap:0;display:flex;font-size:var(--tab-font-size);font-weight:var(--pds-typography-fw-medium);height:var(--tab-height);margin-block-end:calc(var(--tab-border-width)*-1);position:relative}.pds-tab-menu__item,.pds-tab-menu__item:after{transition:var(--pds-animation-transition-button)}.pds-tab-menu__item:after{background-color:transparent;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.pds-tab-menu__item:hover{color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item:hover:after{background-color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item.pds-tab-menu__item--active{font-weight:var(--pds-typography-fw-bold)}.pds-tab-menu__item.pds-tab-menu__item--active,.pds-tab-menu__item.pds-tab-menu__item--active .pds-icon{color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item.pds-tab-menu__item--active:after,.pds-tab-menu__item.pds-tab-menu__item--active:hover:after{background-color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item a{align-items:center;border-radius:var(--pds-border-radius-input) var(--pds-border-radius-input) 0 0;color:inherit;display:flex;flex:1;height:100%;padding-inline:var(--tab-inline-padding);text-decoration:none;transition:none}.pds-tab-menu__item a:hover{color:inherit}.pds-tab-menu__item a:has(+.pds-tab-menu__dropdown-trigger){padding-inline-end:calc(var(--tab-inline-padding) + var(--pds-spacing-4xs))}.pds-tab-menu__item a:focus-visible{outline:none}.pds-tab-menu__item .pds-tab-menu__item-icon{color:inherit}.pds-tab-menu__item .pds-tab-menu__item-inner{align-items:center;column-gap:var(--tab-gap);display:flex}.pds-tab-menu__dropdown-trigger{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-default);color:var(--pds-color-foreground-default);cursor:pointer;display:flex;justify-content:center;margin-inline-start:calc((var(--tab-inline-padding) + var(--pds-spacing-4xs))*-1);min-height:var(--dropdown-trigger-size);min-width:var(--dropdown-trigger-size)}.pds-tab-menu__dropdown-trigger:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-tab-menu__dropdown-trigger-icon{color:var(--pds-color-foreground-default-secondary);height:var(--tab-font-size);pointer-events:none;transition:var(--pds-animation-transition-rotation);width:var(--tab-font-size)}.pds-tab-menu__dropdown-trigger[aria-expanded=true]
-	.pds-tab-menu__dropdown-trigger-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-tab-menu__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);max-height:24rem;overflow-y:auto}.pds-tab-menu__dropdown:focus-visible{outline:none}.pds-tab-menu__dropdown-menu{flex-direction:column;gap:var(--pds-spacing-4xs);padding-inline:var(--pds-spacing-2xs)}.pds-tab-menu__dropdown-item,.pds-tab-menu__dropdown-menu{display:flex;list-style-type:none;margin:0;padding-block:var(--pds-spacing-2xs)}.pds-tab-menu__dropdown-item{align-items:center;background-color:transparent;border-radius:var(--pds-border-radius-container);color:var(--pds-color-dropdown-foreground);cursor:pointer;justify-content:space-between;line-height:var(--pds-typography-lh-s);min-height:var(--pds-spacing-2xl);outline:none;padding-inline:var(--pds-spacing-xs)}.pds-tab-menu__dropdown-item:focus-visible:not(:hover){outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}.pds-tab-menu__dropdown-item:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-tab-menu__dropdown-item:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-tab-menu__dropdown-item a{display:flex;flex:1;gap:var(--pds-spacing-2xs);text-decoration:none}.pds-tab-menu__dropdown-item a,.pds-tab-menu__dropdown-item a:hover{color:var(--pds-color-dropdown-foreground)}.pds-tab-menu__dropdown-item a:focus-visible{outline:none}.pds-tab-menu__dropdown-item--active{background-color:var(--pds-color-dropdown-item-background-hover);color:var(--pds-color-status-success-foreground)}.pds-tab-menu__active-icon{align-self:center;flex-shrink:0;height:.875em;width:.875em}.pds-tab-menu__filter{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);padding:var(--pds-spacing-3xs) var(--pds-spacing-xs)}.pds-tab-menu__filter .pds-text-input__input-wrapper{border-color:transparent}.pds-tab-menu__filter .pds-text-input__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-tab-menu__no-results{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s);padding-block-end:var(--pds-spacing-s);padding-block-start:var(--pds-spacing-xs);padding-inline:var(--pds-spacing-s)}[data-pds-mobile] .pds-tab-menu{position:relative}[data-pds-mobile] .pds-tab-menu .pds-tab-menu__menu{column-gap:var(--pds-spacing-l);cursor:pointer;-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none}[data-pds-mobile] .pds-tab-menu .pds-tab-menu__menu::-webkit-scrollbar{display:none}[data-pds-mobile] .pds-tab-menu .pds-tab-menu__item{font-size:calc(var(--pds-typography-size-m)*.96);padding:var(--pds-spacing-3xs) var(--pds-spacing-3xs)}[data-pds-mobile] .pds-tab-menu .pds-tab-menu__item-inner{width:max-content}[data-pds-mobile] .pds-tab-menu__mobile-menu-wrapper .pds-tab-menu__dropdown{left:1.063rem;position:fixed;top:3.58rem}}
+@layer pds-v1, pds-v2;@layer pds-v2{.pds-tab-menu{--tab-border-width:var(--pds-border-width-default);--tab-height:var(--pds-spacing-button-height-m);--tab-font-size:var(--pds-typography-size-m);--tab-gap:var(--pds-spacing-2xs);--tab-inline-padding:var(--pds-spacing-2xs);--dropdown-trigger-size:var(--pds-spacing-xl);font-family:var(--pds-typography-ff-default);margin-block:var(--pds-spacing-s) var(--pds-spacing-xs);position:relative;width:100%}.pds-tab-menu .pds-tab-menu__item .pds-icon{height:var(--pds-typography-size-m);width:var(--pds-typography-size-m)}.pds-tab-menu .pds-tab-menu__item{column-gap:var(--pds-spacing-5xs)}.pds-tab-menu__menu{column-gap:var(--pds-spacing-l);cursor:pointer;display:flex;list-style:none;margin:0;overflow-x:auto;padding:0;position:relative}.pds-tab-menu__menu:before{background-color:var(--pds-color-tabs-border);bottom:0;content:"";height:var(--tab-border-width);left:0;position:absolute;width:100%}.pds-tab-menu__item:has(a:focus-visible){border-radius:var(--pds-border-radius-default) var(--pds-border-radius-default) 0 0;outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-tab-menu__item{align-items:center;border-radius:var(--pds-border-radius-input) var(--pds-border-radius-input) 0 0;color:var(--pds-color-foreground-default-secondary);column-gap:0;display:flex;font-size:var(--tab-font-size);font-weight:var(--pds-typography-fw-medium);height:var(--tab-height);position:relative}.pds-tab-menu__item,.pds-tab-menu__item:after{transition:var(--pds-animation-transition-button)}.pds-tab-menu__item:after{background-color:transparent;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.pds-tab-menu__item:hover{color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item:hover:after{background-color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item.pds-tab-menu__item--active{font-weight:var(--pds-typography-fw-bold)}.pds-tab-menu__item.pds-tab-menu__item--active,.pds-tab-menu__item.pds-tab-menu__item--active .pds-icon{color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item.pds-tab-menu__item--active:after,.pds-tab-menu__item.pds-tab-menu__item--active:hover:after{background-color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item a{align-items:center;border-radius:var(--pds-border-radius-input) var(--pds-border-radius-input) 0 0;color:inherit;display:flex;flex:1;height:100%;padding-inline:var(--tab-inline-padding);text-decoration:none;transition:none;white-space:nowrap}.pds-tab-menu__item a:hover{color:inherit}.pds-tab-menu__item a:has(+.pds-tab-menu__dropdown-trigger){padding-inline-end:calc(var(--tab-inline-padding) + var(--pds-spacing-4xs))}.pds-tab-menu__item a:focus-visible{outline:none}.pds-tab-menu__item .pds-tab-menu__item-icon{color:inherit}.pds-tab-menu__item .pds-tab-menu__item-inner{align-items:center;column-gap:var(--tab-gap);display:flex;width:max-content}.pds-tab-menu__dropdown-trigger{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-default);color:var(--pds-color-foreground-default);cursor:pointer;display:flex;justify-content:center;margin-inline-start:calc((var(--tab-inline-padding) + var(--pds-spacing-4xs))*-1);min-height:var(--dropdown-trigger-size);min-width:var(--dropdown-trigger-size)}.pds-tab-menu__dropdown-trigger:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-tab-menu__dropdown-trigger-icon{color:var(--pds-color-foreground-default-secondary);height:var(--tab-font-size);pointer-events:none;transition:var(--pds-animation-transition-rotation);width:var(--tab-font-size)}.pds-tab-menu__dropdown-trigger[aria-expanded=true]
+	.pds-tab-menu__dropdown-trigger-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-tab-menu__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);max-height:24rem;overflow-y:auto}.pds-tab-menu__dropdown:focus-visible{outline:none}.pds-tab-menu__dropdown-menu{flex-direction:column;gap:var(--pds-spacing-4xs);padding-inline:var(--pds-spacing-2xs)}.pds-tab-menu__dropdown-item,.pds-tab-menu__dropdown-menu{display:flex;list-style-type:none;margin:0;padding-block:var(--pds-spacing-2xs)}.pds-tab-menu__dropdown-item{align-items:center;background-color:transparent;border-radius:var(--pds-border-radius-container);color:var(--pds-color-dropdown-foreground);cursor:pointer;justify-content:space-between;line-height:var(--pds-typography-lh-s);min-height:var(--pds-spacing-2xl);outline:none;padding-inline:var(--pds-spacing-xs)}.pds-tab-menu__dropdown-item:focus-visible:not(:hover){outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}.pds-tab-menu__dropdown-item:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-tab-menu__dropdown-item:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-tab-menu__dropdown-item a{display:flex;flex:1;gap:var(--pds-spacing-2xs);text-decoration:none}.pds-tab-menu__dropdown-item a,.pds-tab-menu__dropdown-item a:hover{color:var(--pds-color-dropdown-foreground)}.pds-tab-menu__dropdown-item a:focus-visible{outline:none}.pds-tab-menu__dropdown-item--active{background-color:var(--pds-color-dropdown-item-background-hover);color:var(--pds-color-status-success-foreground)}.pds-tab-menu__active-icon{align-self:center;flex-shrink:0;height:.875em;width:.875em}.pds-tab-menu__filter{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);padding:var(--pds-spacing-3xs) var(--pds-spacing-xs)}.pds-tab-menu__filter .pds-text-input__input-wrapper{border-color:transparent}.pds-tab-menu__filter .pds-text-input__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-tab-menu__no-results{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s);padding-block-end:var(--pds-spacing-s);padding-block-start:var(--pds-spacing-xs);padding-inline:var(--pds-spacing-s)}[data-pds-mobile] .pds-tab-menu{position:relative}[data-pds-mobile] .pds-tab-menu .pds-tab-menu__menu{column-gap:var(--pds-spacing-s)}[data-pds-mobile] .pds-tab-menu .pds-tab-menu__item{font-size:calc(var(--pds-typography-size-m)*.96);padding:var(--pds-spacing-3xs) var(--pds-spacing-3xs)}[data-pds-mobile] .pds-tab-menu__mobile-menu-wrapper .pds-tab-menu__dropdown{left:1.063rem;position:fixed;top:3.58rem}@supports (animation-timeline:scroll(inline)) and (timeline-scope:--x){.pds-tab-menu{--tab-menu-fade-color:var(--pds-color-surface-default);--tab-menu-fade-width:var(--pds-spacing-xl);timeline-scope:--tab-menu-scroll-start,--tab-menu-scroll-end}.pds-tab-menu .pds-tab-menu__menu{-ms-overflow-style:none;scroll-timeline-axis:inline;scroll-timeline-name:--tab-menu-scroll-start,--tab-menu-scroll-end;scrollbar-width:none}.pds-tab-menu .pds-tab-menu__menu::-webkit-scrollbar{display:none}.pds-tab-menu__mobile-menu-wrapper{position:relative}.pds-tab-menu__mobile-menu-wrapper:after,.pds-tab-menu__mobile-menu-wrapper:before{animation-fill-mode:both;content:"";inset-block:0;opacity:0;pointer-events:none;position:absolute;width:var(--tab-menu-fade-width);z-index:1}.pds-tab-menu__mobile-menu-wrapper:before{animation-name:pds-tab-menu-fade-start;animation-timeline:--tab-menu-scroll-start;background:linear-gradient(to right,var(--tab-menu-fade-color),transparent);inset-inline-start:0}.pds-tab-menu__mobile-menu-wrapper:after{animation-name:pds-tab-menu-fade-end;animation-timeline:--tab-menu-scroll-end;background:linear-gradient(to left,var(--tab-menu-fade-color),transparent);inset-inline-end:0}.pds-tab-menu__mobile-menu-wrapper:not([data-overflowing]):after,.pds-tab-menu__mobile-menu-wrapper:not([data-overflowing]):before{display:none}@keyframes pds-tab-menu-fade-start{0%,2%{opacity:0}6%,to{opacity:1}}@keyframes pds-tab-menu-fade-end{0%,94%{opacity:1}98%,to{opacity:0}}}}

package/dist/css/component-css/pds-tabs.css

@@ -1 +1 @@
-@layer pds-v1, pds-v2;@layer pds-v2{.pds-tabs{--tab-height:var(--pds-spacing-button-height-m);--tab-font-size:var(--pds-typography-size-m);--tab-gap:var(--pds-spacing-2xs)}.pds-tabs .pds-tabs__tab .pds-icon{height:var(--pds-typography-size-m);width:var(--pds-typography-size-m)}.pds-tabs__tablist{--tab-border-width:var(--pds-border-width-default);background-color:transparent;border-bottom:var(--tab-border-width) solid var(--pds-color-tabs-border);column-gap:var(--pds-spacing-xl);display:none;font-family:var(--pds-typography-ff-default);margin:0;padding:0;position:relative;width:100%}@media (min-width:768px){.pds-tabs__tablist{display:flex}}.pds-tabs__tab{align-items:center;border:none;border-radius:var(--pds-border-radius-input) var(--pds-border-radius-input) 0 0;color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;font-size:var(--tab-font-size);font-weight:var(--pds-typography-fw-medium);height:var(--tab-height);margin-block-end:calc(var(--tab-border-width)*-1);padding-inline:var(--pds-spacing-3xs);position:relative}.pds-tabs__tab,.pds-tabs__tab:after{background-color:transparent;transition:var(--pds-animation-transition-button)}.pds-tabs__tab:after{bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.pds-tabs__tab:hover{color:var(--pds-color-interactive-background-current)}.pds-tabs__tab:hover:after{background-color:var(--pds-color-interactive-background-current)}.pds-tabs__tab:focus-visible{outline:none}.pds-tabs__tab:focus-visible .pds-tabs__tab-label{border-radius:var(--pds-border-radius-default) var(--pds-border-radius-default) 0 0;outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-2xs)}.pds-tabs__tab[aria-selected=true]{color:var(--pds-color-interactive-background-current);font-weight:var(--pds-typography-fw-bold)}.pds-tabs__tab[aria-selected=true]:after,.pds-tabs__tab[aria-selected=true]:hover:after{background-color:var(--pds-color-interactive-background-current)}.pds-tabs__tab:disabled{cursor:not-allowed;opacity:40%}.pds-tabs__tab:disabled:hover{background-color:transparent;color:var(--pds-color-foreground-default-secondary)}.pds-tabs__tab:disabled:hover:after{background-color:transparent}.pds-tabs__tab-label{align-items:center;column-gap:var(--tab-gap);display:flex;justify-content:flex-start}.pds-tabs__panel{display:block}.pds-tabs__panel-content{padding:var(--pds-spacing-m) 0}.pds-tabs__expand-icon{transition:var(--pds-animation-transition-rotation)}.pds-tabs__trigger[aria-selected=true] .pds-tabs__expand-icon{transform:rotate(180deg)}.pds-tabs__trigger{align-items:center;background-color:transparent;border:none;border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;flex-wrap:nowrap;font-family:var(--pds-typography-ff-default);font-size:var(--tab-font-size);font-weight:var(--pds-typography-fw-medium);justify-content:space-between;padding-block:var(--pds-spacing-s);padding-inline:var(--pds-spacing-3xs);position:relative;width:100%}@media (min-width:768px){.pds-tabs__trigger{display:none}}.pds-tabs__trigger:hover,.pds-tabs__trigger[aria-selected=true]{color:var(--pds-color-interactive-background-current)}.pds-tabs__trigger[aria-selected=true]{border-bottom-color:var(--pds-color-interactive-background-current);border-bottom-width:2px}.pds-tabs__trigger:disabled,.pds-tabs__trigger:disabled:hover{cursor:not-allowed;opacity:40%}}
+@layer pds-v1, pds-v2;@layer pds-v2{.pds-tabs{--tab-height:var(--pds-spacing-button-height-m);--tab-font-size:var(--pds-typography-size-m);--tab-gap:var(--pds-spacing-2xs)}.pds-tabs .pds-tabs__tab .pds-icon{height:var(--pds-typography-size-m);width:var(--pds-typography-size-m)}.pds-tabs__tablist{--tab-border-width:var(--pds-border-width-default);background-color:transparent;border-bottom:var(--tab-border-width) solid var(--pds-color-tabs-border);column-gap:var(--pds-spacing-l);display:none;font-family:var(--pds-typography-ff-default);margin:0;padding:0;position:relative;width:100%}@media (min-width:768px){.pds-tabs__tablist{display:flex}}.pds-tabs__tab{align-items:center;border:none;border-radius:var(--pds-border-radius-input) var(--pds-border-radius-input) 0 0;color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;font-size:var(--tab-font-size);font-weight:var(--pds-typography-fw-medium);height:var(--tab-height);margin-block-end:calc(var(--tab-border-width)*-1);padding-inline:var(--pds-spacing-3xs);position:relative}.pds-tabs__tab,.pds-tabs__tab:after{background-color:transparent;transition:var(--pds-animation-transition-button)}.pds-tabs__tab:after{bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.pds-tabs__tab:hover{color:var(--pds-color-interactive-background-current)}.pds-tabs__tab:hover:after{background-color:var(--pds-color-interactive-background-current)}.pds-tabs__tab:focus-visible{outline:none}.pds-tabs__tab:focus-visible .pds-tabs__tab-label{border-radius:var(--pds-border-radius-default) var(--pds-border-radius-default) 0 0;outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-2xs)}.pds-tabs__tab[aria-selected=true]{color:var(--pds-color-interactive-background-current);font-weight:var(--pds-typography-fw-bold)}.pds-tabs__tab[aria-selected=true]:after,.pds-tabs__tab[aria-selected=true]:hover:after{background-color:var(--pds-color-interactive-background-current)}.pds-tabs__tab:disabled{cursor:not-allowed;opacity:40%}.pds-tabs__tab:disabled:hover{background-color:transparent;color:var(--pds-color-foreground-default-secondary)}.pds-tabs__tab:disabled:hover:after{background-color:transparent}.pds-tabs__tab-label{align-items:center;column-gap:var(--tab-gap);display:flex;justify-content:flex-start}.pds-tabs__panel{display:block}.pds-tabs__panel-content{padding:var(--pds-spacing-m) 0}.pds-tabs__expand-icon{transition:var(--pds-animation-transition-rotation)}.pds-tabs__trigger[aria-selected=true] .pds-tabs__expand-icon{transform:rotate(180deg)}.pds-tabs__trigger{align-items:center;background-color:transparent;border:none;border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;flex-wrap:nowrap;font-family:var(--pds-typography-ff-default);font-size:var(--tab-font-size);font-weight:var(--pds-typography-fw-medium);justify-content:space-between;padding-block:var(--pds-spacing-s);padding-inline:var(--pds-spacing-3xs);position:relative;width:100%}@media (min-width:768px){.pds-tabs__trigger{display:none}}.pds-tabs__trigger:hover,.pds-tabs__trigger[aria-selected=true]{color:var(--pds-color-interactive-background-current)}.pds-tabs__trigger[aria-selected=true]{border-bottom-color:var(--pds-color-interactive-background-current);border-bottom-width:2px}.pds-tabs__trigger:disabled,.pds-tabs__trigger:disabled:hover{cursor:not-allowed;opacity:40%}}