@pantheon-systems/pds-toolkit-react 1.0.0-alpha.13 → 1.0.0-alpha.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_dist/components/buttons/UtilityButton/UtilityButton.d.ts +9 -3
- package/_dist/components/empty-states/HorizontalEmptyState/HorizontalEmptyState.d.ts +1 -1
- package/_dist/css/component-css/pds-avatar.css +1 -1
- package/_dist/css/component-css/pds-button.css +1 -1
- package/_dist/css/component-css/pds-checkbox.css +1 -1
- package/_dist/css/component-css/pds-index.css +7 -7
- package/_dist/css/component-css/pds-input-utilities.css +1 -1
- package/_dist/css/component-css/pds-pantheon-logo.css +1 -1
- package/_dist/css/component-css/pds-radio-group.css +1 -1
- package/_dist/css/component-css/pds-segmented-button.css +1 -1
- package/_dist/css/component-css/pds-side-nav.css +1 -1
- package/_dist/css/component-css/pds-tabs.css +1 -1
- package/_dist/css/component-css/pds-utility-button.css +1 -1
- package/_dist/css/pds-components.css +7 -7
- package/_dist/index.css +1 -1
- package/_dist/index.js +3596 -3525
- package/_dist/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-input.pds-is-disabled,.pds-input.pds-is-disabled input,.pds-is-disabled legend.pds-input-label{cursor:not-allowed;opacity:
|
|
1
|
+
.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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-pantheon-logo,.pds-pantheon-logo--icon{align-items:center;display:flex;height:3.052rem}.pds-pantheon-logo--wordmark{height:1rem;width:
|
|
1
|
+
.pds-pantheon-logo,.pds-pantheon-logo--icon{align-items:center;display:flex;height:3.052rem}.pds-pantheon-logo--wordmark{height:1rem;width:10rem}.pds-pantheon-logo--icon{width:1.25rem}.pds-pantheon-logo a{line-height:0;text-decoration:none}.pds-pantheon-logo a:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.328rem}.pds-pantheon-logo--sub-brand,.pds-pantheon-logo--sub-brand-small{align-items:center;column-gap:.64rem;display:flex}.pds-pantheon-logo__separator:before{background-color:var(--pds-color-border-separator);content:"";display:inline-block;height:1.2rem;margin-block-start:.125rem;width:1px}.pds-pantheon-logo__sub-brand-wordmark{color:var(--pds-color-fg-default);font-family:Poppins,sans-serif;font-size:1.44rem;font-weight:700;letter-spacing:.02rem;padding-inline-end:1rem;text-transform:uppercase;white-space:nowrap}.pds-pantheon-logo__sub-brand-wordmark a{color:var(--pds-color-fg-default)}.pds-pantheon-logo__sub-brand-wordmark a:hover{color:var(--pds-color-interactive-link-hover)}.pds-pantheon-logo--sub-brand-small a svg{height:1.563rem}.pds-pantheon-logo--sub-brand-small .pds-pantheon-logo__sub-brand-wordmark{font-size:1.2rem}.pds-pantheon-logo--reverse{--pds-color-fg-default:var(--pds-color-fg-reverse);--pds-color-interactive-link-hover:#dfd8f5;--pds-color-interactive-focus:#36a3ff}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.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]: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:
|
|
1
|
+
.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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-segmented-button{--segmented-button-height:2.25rem;border:0;display:inline-block;padding:0}.pds-segmented-button__options{display:inline-flex;gap:0}.pds-segmented-button__option,.pds-segmented-button__option label{height:var(--segmented-button-height)}.pds-segmented-button__option label{align-items:center;background-color:transparent;border:1px solid var(--pds-color-border-input);box-sizing:border-box;color:var(--pds-color-segmented-button-foreground-default);column-gap:.41rem;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;line-height:1;padding-inline:1.01563rem;text-decoration:none;transition:all .2s ease-in-out 0s;white-space:nowrap}.pds-segmented-button__option label:hover{background-color:var(--pds-color-segmented-button-background-hover);color:var(--pds-color-segmented-button-foreground-hover)}.pds-segmented-button__option input:focus-visible+label{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.0625rem}.pds-segmented-button__option:first-child label{border-bottom-left-radius:.1875rem;border-top-left-radius:.1875rem}.pds-segmented-button__option:last-child label{border-bottom-right-radius:.1875rem;border-top-right-radius:.1875rem}.pds-segmented-button__option:not(:first-child) label{margin-left:-1px}.pds-segmented-button__option--checked label{background-color:var(--pds-color-segmented-button-background-active);border:1px solid var(--pds-color-segmented-button-border-active);color:var(--pds-color-segmented-button-foreground-active);transition:all .2s ease-in-out 0s;z-index:1}.pds-segmented-button__option input:disabled+label{background-color:transparent;color:var(--pds-color-segmented-button-foreground-default);cursor:not-allowed;opacity:
|
|
1
|
+
.pds-segmented-button{--segmented-button-height:2.25rem;border:0;display:inline-block;padding:0}.pds-segmented-button__options{display:inline-flex;gap:0}.pds-segmented-button__option,.pds-segmented-button__option label{height:var(--segmented-button-height)}.pds-segmented-button__option label{align-items:center;background-color:transparent;border:1px solid var(--pds-color-border-input);box-sizing:border-box;color:var(--pds-color-segmented-button-foreground-default);column-gap:.41rem;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;line-height:1;padding-inline:1.01563rem;text-decoration:none;transition:all .2s ease-in-out 0s;white-space:nowrap}.pds-segmented-button__option label:hover{background-color:var(--pds-color-segmented-button-background-hover);color:var(--pds-color-segmented-button-foreground-hover)}.pds-segmented-button__option input:focus-visible+label{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.0625rem}.pds-segmented-button__option:first-child label{border-bottom-left-radius:.1875rem;border-top-left-radius:.1875rem}.pds-segmented-button__option:last-child label{border-bottom-right-radius:.1875rem;border-top-right-radius:.1875rem}.pds-segmented-button__option:not(:first-child) label{margin-left:-1px}.pds-segmented-button__option--checked label{background-color:var(--pds-color-segmented-button-background-active);border:1px solid var(--pds-color-segmented-button-border-active);color:var(--pds-color-segmented-button-foreground-active);transition:all .2s ease-in-out 0s;z-index:1}.pds-segmented-button__option input:disabled+label{background-color:transparent;color:var(--pds-color-segmented-button-foreground-default);cursor:not-allowed;opacity:63%}.pds-segmented-button__option--checked input:disabled+label{background-color:var(--pds-color-segmented-button-background-active);border:1px solid var(--pds-color-segmented-button-border-active);color:var(--pds-color-segmented-button-foreground-active)}.pds-segmented-button--sm{--segmented-button-height:2rem}.pds-segmented-button--sm .pds-segmented-button__option label{font-size:.833rem;padding:.5rem .9375rem}.pds-segmented-button--sm .pds-segmented-button__tally{padding:.275rem .328rem .25rem}.pds-segmented-button--sm .pds-segmented-button__tally .pds-tally__label{font-size:.5625rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-side-nav{--item-color-foreground:var(--pds-color-fg-default);--item-color-background:transparent;--item-spacing:0.512rem;font-family:Poppins,sans-serif}.pds-side-nav,.pds-side-nav a{color:var(--pds-color-fg-default)}.pds-side-nav a{text-decoration:none}.pds-side-nav .pds-icon{pointer-events:none}@media (min-width:641px){.pds-side-nav button{background:none;border:none;cursor:pointer;padding:0}}h2.pds-side-nav__heading{font-weight:600;word-wrap:break-word;margin-block-end:1.25rem}h2.pds-side-nav__heading a{color:var(--pds-color-fg-default);text-decoration:none}h2.pds-side-nav__heading a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}h2.pds-side-nav__heading a:focus-visible{border-radius:.1875rem;outline:1px solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-side-nav__menu{display:flex;flex-direction:column;margin:0;padding:0;row-gap:var(--item-spacing)}.pds-side-nav__item,.pds-side-nav__menu{list-style-type:none}.pds-side-nav__item .pds-tally{margin-inline-start:.25rem}.pds-side-nav__item .pds-tally:first-child{margin-inline-start:.512rem}.pds-side-nav__item-wrapper,.pds-side-nav__item:not(.pds-side-nav__item--has-children)>a,button.pds-side-nav__toggle--main{align-items:
|
|
1
|
+
.pds-side-nav{--item-color-foreground:var(--pds-color-fg-default);--item-color-background:transparent;--item-spacing:0.512rem;font-family:Poppins,sans-serif}.pds-side-nav,.pds-side-nav a{color:var(--pds-color-fg-default)}.pds-side-nav a{text-decoration:none}.pds-side-nav .pds-icon{pointer-events:none}@media (min-width:641px){.pds-side-nav button{background:none;border:none;cursor:pointer;padding:0}}h2.pds-side-nav__heading{font-weight:600;word-wrap:break-word;margin-block-end:1.25rem}h2.pds-side-nav__heading a{color:var(--pds-color-fg-default);text-decoration:none}h2.pds-side-nav__heading a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}h2.pds-side-nav__heading a:focus-visible{border-radius:.1875rem;outline:1px solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-side-nav__menu{display:flex;flex-direction:column;margin:0;padding:0;row-gap:var(--item-spacing)}.pds-side-nav__item,.pds-side-nav__menu{list-style-type:none}.pds-side-nav__item .pds-tally{margin-inline-start:.25rem}.pds-side-nav__item .pds-tally:first-child{margin-inline-start:.512rem}.pds-side-nav__item-wrapper,.pds-side-nav__item:not(.pds-side-nav__item--has-children)>a,button.pds-side-nav__toggle--main{align-items:flex-start;background-color:var(--item-color-background);border-radius:.375rem;color:var(--item-color-foreground);display:flex;font-weight:400;line-height:1.2;list-style-type:none;padding:.64rem}.pds-side-nav__item-wrapper:hover,.pds-side-nav__item:not(.pds-side-nav__item--has-children)>a:hover,button.pds-side-nav__toggle--main:hover{--item-color-background:var(--pds-color-button-secondary-background-hover);--item-color-foreground:var(--pds-color-nav-item-default-foreground-hover)}.pds-side-nav__item-wrapper:focus-visible,.pds-side-nav__item:not(.pds-side-nav__item--has-children)>a:focus-visible,button.pds-side-nav__toggle--main:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:0}.pds-side-nav__item-wrapper,button.pds-side-nav__toggle--main{align-items:flex-start;column-gap:1rem;display:flex;justify-content:space-between}.pds-side-nav__item-wrapper{padding-block:.54625rem}.pds-side-nav__item-wrapper a,button.pds-side-nav__toggle--main{width:100%}.pds-side-nav__toggle-content{flex:1;text-align:left}.pds-side-nav__item-wrapper>a:focus-visible{border-radius:.09375rem;outline:1px solid var(--pds-color-interactive-focus);outline-offset:8px}.pds-side-nav__item-wrapper>button:focus-visible{border-radius:.1875rem;outline:1px solid var(--pds-color-interactive-focus);outline-offset:3px}.pds-side-nav__item--active>a{--item-color-background:var(--pds-color-button-secondary-background-hover);--item-color-foreground:var(--pds-color-nav-item-default-foreground-hover)}.pds-side-nav__toggle .pds-icon{color:var(--item-color-foreground);transition:all .2s ease-in-out 0s}.pds-side-nav__toggle--expanded .pds-icon{transform:rotate(-180deg)}.pds-side-nav__menu--second-level{display:none;margin-block-start:var(--item-spacing);padding-inline-start:1.25rem}.pds-side-nav__menu--second-level.pds-side-nav__menu--expanded{display:flex!important}@media (max-width:640px){.pds-side-nav__heading,.pds-side-nav__menu--top-level{display:none}}@media (min-width:641px){.pds-side-nav__mobile{display:none}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-tabs__tablist{--tab-color:var(--pds-color-fg-default);--tab-border-width:1px;background-color:transparent;border-bottom:var(--tab-border-width) solid var(--pds-color-border-separator);color:var(--tab-color);column-gap:1rem;display:none;font-family:Poppins,sans-serif;margin:0;padding:0;position:relative;width:100%}@media (min-width:641px){.pds-tabs__tablist{display:flex}}.pds-tabs__tab{align-items:center;border:none;border-radius:var(--pds-border-radius-container);color:var(--tab-color);column-gap:.125rem;cursor:pointer;display:flex;font-size:1rem;font-weight:400;margin-block-end:calc(var(--tab-border-width)*8);padding:.64rem 1.25rem .512rem;position:relative}.pds-tabs__tab,.pds-tabs__tab:after{background-color:transparent;transition:all .2s ease-in-out 0s}.pds-tabs__tab:after{bottom:calc(var(--tab-border-width)*-9);content:"";height:calc(var(--tab-border-width)*4);left:0;position:absolute;width:100%}.pds-tabs__tab:hover{--tab-color:var(--pds-color-nav-item-default-foreground-active);background-color:var(--pds-color-button-secondary-background-active)}.pds-tabs__tab:hover:after{background-color:var(--pds-color-nav-item-default-foreground-active)}.pds-tabs__tab:focus-visible{outline:none}.pds-tabs__tab:focus-visible .pds-tabs__tab-label{border-radius:.1875rem;outline:1px solid var(--pds-color-interactive-focus);outline-offset:.125rem}.pds-tabs__tab[aria-selected=true]{--tab-color:var(--pds-color-nav-item-default-foreground-active)}.pds-tabs__tab[aria-selected=true] .pds-icon{color:var(--pds-color-nav-item-default-foreground-active)}.pds-tabs__tab[aria-selected=true]:after{background-color:var(--pds-color-nav-item-default-foreground-active)}.pds-tabs__tab[aria-disabled=true],.pds-tabs__trigger[aria-disabled=true],.pds-tabs__trigger[aria-disabled=true]:hover{color:var(--pds-color-fg-default);cursor:not-allowed;opacity:
|
|
1
|
+
.pds-tabs__tablist{--tab-color:var(--pds-color-fg-default);--tab-border-width:1px;background-color:transparent;border-bottom:var(--tab-border-width) solid var(--pds-color-border-separator);color:var(--tab-color);column-gap:1rem;display:none;font-family:Poppins,sans-serif;margin:0;padding:0;position:relative;width:100%}@media (min-width:641px){.pds-tabs__tablist{display:flex}}.pds-tabs__tab{align-items:center;border:none;border-radius:var(--pds-border-radius-container);color:var(--tab-color);column-gap:.125rem;cursor:pointer;display:flex;font-size:1rem;font-weight:400;margin-block-end:calc(var(--tab-border-width)*8);padding:.64rem 1.25rem .512rem;position:relative}.pds-tabs__tab,.pds-tabs__tab:after{background-color:transparent;transition:all .2s ease-in-out 0s}.pds-tabs__tab:after{bottom:calc(var(--tab-border-width)*-9);content:"";height:calc(var(--tab-border-width)*4);left:0;position:absolute;width:100%}.pds-tabs__tab:hover{--tab-color:var(--pds-color-nav-item-default-foreground-active);background-color:var(--pds-color-button-secondary-background-active)}.pds-tabs__tab:hover:after{background-color:var(--pds-color-nav-item-default-foreground-active)}.pds-tabs__tab:focus-visible{outline:none}.pds-tabs__tab:focus-visible .pds-tabs__tab-label{border-radius:.1875rem;outline:1px solid var(--pds-color-interactive-focus);outline-offset:.125rem}.pds-tabs__tab[aria-selected=true]{--tab-color:var(--pds-color-nav-item-default-foreground-active)}.pds-tabs__tab[aria-selected=true] .pds-icon{color:var(--pds-color-nav-item-default-foreground-active)}.pds-tabs__tab[aria-selected=true]:after{background-color:var(--pds-color-nav-item-default-foreground-active)}.pds-tabs__tab[aria-disabled=true],.pds-tabs__trigger[aria-disabled=true],.pds-tabs__trigger[aria-disabled=true]:hover{color:var(--pds-color-fg-default);cursor:not-allowed;opacity:63%}.pds-tabs__tab[aria-disabled=true]:hover,.pds-tabs__tab[aria-disabled=true]:hover:after,.pds-tabs__trigger[aria-disabled=true]:hover,.pds-tabs__trigger[aria-disabled=true]:hover:after,.pds-tabs__trigger[aria-disabled=true]:hover:hover,.pds-tabs__trigger[aria-disabled=true]:hover:hover:after{background-color:transparent}.pds-tabs__tab-label{align-items:center;column-gap:.64rem;display:flex;justify-content:flex-start}.pds-tabs__panel{display:block}.pds-tabs__panel-content{padding:1rem 0}.pds-tabs__panel[hidden] .pds-tabs__panel-content{display:none}.pds-tabs__panel[hidden] .pds-tabs__expand-icon{transform:rotate(180deg);transition:all .2s ease-in-out 0s}.pds-tabs__expand-icon{transition:all .2s ease-in-out 0s}.pds-tabs__trigger{align-items:center;background-color:transparent;border:none;border-bottom:1px solid var(--pds-color-border-default);color:var(--pds-color-fg-default);cursor:pointer;display:flex;flex-wrap:nowrap;font-size:1rem;font-weight:600;justify-content:space-between;padding:.25rem;position:relative;width:100%}@media (min-width:641px){.pds-tabs__trigger{display:none}}.pds-tabs__trigger:hover,.pds-tabs__trigger[aria-selected=true]{color:var(--pds-color-brand-primary-default)}.pds-tabs__trigger[aria-selected=true]{border-bottom-color:var(--pds-color-brand-primary-default);border-width:3px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-utility-button{--utility-button-color:var(--pds-color-fg-default);align-items:center;display:inline-flex;height:1.953rem;position:relative}.pds-utility-button .pds-icon{color:var(--utility-button-color);height:.875rem}.pds-utility-button__button{align-items:center;background-color:transparent;border:none;color:var(--utility-button-color);column-gap:.512rem;cursor:pointer;display:flex;line-height:.75rem;margin:0;padding:.512rem .64rem}.pds-utility-button__button:hover{--utility-button-color:var(--pds-color-interactive-link-hover)}.pds-utility-button__button:focus-visible{border-radius:.1875rem;outline:1px solid var(--pds-color-interactive-focus)}.pds-utility-button__label{font-size:.833rem}.pds-utility-button--border .pds-utility-button__button{border:1px solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-container);transition:all .2s ease-in-out 0s}.pds-utility-button--border .pds-utility-button__button:hover{--utility-button-color:var(--pds-color-fg-default);background-color:var(--pds-color-interactive-background-hover)}.pds-utility-button--monospace .pds-utility-button__label{font-family:var(--pds-typography-font-code)}.pds-utility-button--critical .pds-utility-button__button:focus-visible,.pds-utility-button--critical .pds-utility-button__button:hover{--utility-button-color:var(--pds-color-status-critical-foreground)}.pds-utility-button--disabled .pds-utility-button__button,.pds-utility-button--working .pds-utility-button__button{cursor:not-allowed;opacity:.5}.pds-utility-button--disabled .pds-utility-button__button:hover,.pds-utility-button--working .pds-utility-button__button:hover{--utility-button-color:var(--pds-color-fg-default)}.pds-utility-button__spinner{margin-inline-end:.0625rem}.pds-utility-button--loading .pds-utility-button__button{cursor:not-allowed}.pds-utility-button--loading .pds-utility-button__button:hover{--utility-button-color:var(--pds-color-fg-default)}.pds-utility-button--loading .pds-utility-button__icon,.pds-utility-button--loading .pds-utility-button__label{opacity:0}.pds-utility-button--loading .pds-utility-button__button.pds-pulse{background-color:var(--pulse-regular-base-color);border-radius:.1875rem;padding-block:.25rem}.pds-utility-button-group{align-items:center;display:flex;flex-wrap:wrap;gap:.512rem}.pds-utility-button-group-border{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem}.pds-utility-button-group__separator{background-color:var(--pds-color-border-input);height:1.563rem;margin-inline:.25rem;width:1px}
|
|
1
|
+
.pds-utility-button{--utility-button-color:var(--pds-color-fg-default);align-items:center;display:inline-flex;height:1.953rem;position:relative}.pds-utility-button .pds-icon{color:var(--utility-button-color);height:.875rem}.pds-utility-button__button{align-items:center;background-color:transparent;border:none;color:var(--utility-button-color);column-gap:.512rem;cursor:pointer;display:flex;line-height:.75rem;margin:0;padding:.512rem .64rem}.pds-utility-button__button:hover{--utility-button-color:var(--pds-color-interactive-link-hover)}.pds-utility-button__button:focus-visible{border-radius:.1875rem;outline:1px solid var(--pds-color-interactive-focus)}.pds-utility-button a.pds-utility-button__button{color:var(--utility-button-color);text-decoration:none;white-space:nowrap}.pds-utility-button a.pds-utility-button__button:hover{text-decoration:none}.pds-utility-button a.pds-utility-button__button .pds-icon{color:var(--utility-button-color)}.pds-utility-button__label{font-size:.833rem}.pds-utility-button--border .pds-utility-button__button{border:1px solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-container);transition:all .2s ease-in-out 0s}.pds-utility-button--border .pds-utility-button__button:hover{--utility-button-color:var(--pds-color-fg-default);background-color:var(--pds-color-interactive-background-hover)}.pds-utility-button--monospace .pds-utility-button__label{font-family:var(--pds-typography-font-code)}.pds-utility-button--critical .pds-utility-button__button:focus-visible,.pds-utility-button--critical .pds-utility-button__button:hover{--utility-button-color:var(--pds-color-status-critical-foreground)}.pds-utility-button--critical a.pds-utility-button__button{color:var(--utility-button-color)}.pds-utility-button--critical a.pds-utility-button__button:focus-visible,.pds-utility-button--critical a.pds-utility-button__button:hover{color:var(--utility-button-color)}.pds-utility-button--critical a.pds-utility-button__button:focus-visible .pds-icon,.pds-utility-button--critical a.pds-utility-button__button:hover .pds-icon{color:var(--utility-button-color)}.pds-utility-button--disabled .pds-utility-button__button,.pds-utility-button--working .pds-utility-button__button{cursor:not-allowed;opacity:.5}.pds-utility-button--disabled .pds-utility-button__button:hover,.pds-utility-button--working .pds-utility-button__button:hover{--utility-button-color:var(--pds-color-fg-default)}.pds-utility-button__spinner{margin-inline-end:.0625rem}.pds-utility-button--loading .pds-utility-button__button{cursor:not-allowed}.pds-utility-button--loading .pds-utility-button__button:hover{--utility-button-color:var(--pds-color-fg-default)}.pds-utility-button--loading .pds-utility-button__icon,.pds-utility-button--loading .pds-utility-button__label{opacity:0}.pds-utility-button--loading .pds-utility-button__button.pds-pulse{background-color:var(--pulse-regular-base-color);border-radius:.1875rem;padding-block:.25rem}.pds-utility-button-group{align-items:center;display:flex;flex-wrap:wrap;gap:.512rem}.pds-utility-button-group-border{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem}.pds-utility-button-group__separator{background-color:var(--pds-color-border-input);height:1.563rem;margin-inline:.25rem;width:1px}
|