@pantheon-systems/pds-toolkit-react 1.0.0-dev.90 → 1.0.0-dev.92
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/cjs/index.js +11 -11
- package/_dist/cjs/index.js.map +1 -1
- package/_dist/css/component-css/pds-animated-button.css +1 -1
- package/_dist/css/component-css/pds-banner.css +1 -1
- package/_dist/css/component-css/pds-button.css +1 -1
- package/_dist/css/component-css/pds-card.css +1 -1
- package/_dist/css/component-css/pds-comparison-list.css +1 -0
- package/_dist/css/component-css/pds-cta-link.css +1 -1
- package/_dist/css/component-css/pds-expansion-panel.css +1 -1
- package/_dist/css/component-css/pds-icon-button.css +1 -1
- package/_dist/css/component-css/pds-index.css +7 -7
- package/_dist/css/component-css/pds-indicator-badge.css +1 -1
- package/_dist/css/component-css/pds-input-group.css +1 -1
- package/_dist/css/component-css/pds-inputs-common.css +1 -1
- package/_dist/css/component-css/pds-menu-button.css +1 -1
- package/_dist/css/component-css/pds-nav-menu.css +1 -1
- package/_dist/css/component-css/pds-navbar.css +1 -1
- package/_dist/css/component-css/pds-new-site-card.css +1 -1
- package/_dist/css/component-css/pds-pager.css +1 -1
- package/_dist/css/component-css/pds-pantheon-logo.css +1 -1
- package/_dist/css/component-css/pds-pricing-card-local.css +1 -0
- package/_dist/css/component-css/pds-pricing-card.css +1 -0
- package/_dist/css/component-css/pds-section-message.css +1 -1
- package/_dist/css/component-css/pds-select.css +1 -1
- package/_dist/css/component-css/pds-side-nav.css +1 -0
- package/_dist/css/component-css/pds-site-card.css +1 -1
- package/_dist/css/component-css/pds-tabs.css +1 -1
- package/_dist/css/component-css/pds-tag.css +1 -1
- package/_dist/css/component-css/pds-toaster.css +1 -1
- package/_dist/css/component-css/pds-toggle-button.css +1 -1
- package/_dist/css/component-css/pds-toggle-switch.css +1 -1
- package/_dist/css/pds-components.css +7 -7
- package/_dist/css/pds-core.css +2 -2
- package/_dist/esm/index.js +10 -10
- package/_dist/esm/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-nav-menu{z-index:100}.pds-nav-menu ul{list-style-type:none;margin:0;padding:0}ul.pds-nav-menu__menu{display:flex;flex-direction:column;margin-block-end:1.953rem;row-gap:1rem;z-index:200}.pds-nav-menu__item{font-size:1rem;line-height:120%}.pds-nav-menu__item--top-level,.pds-nav-menu__trigger{background-color:transparent;border:none;color:var(--pds-color-text-default);cursor:pointer;font-weight:600;margin:0;padding:0}.pds-nav-menu__item--top-level a,.pds-nav-menu__trigger a{color:var(--pds-color-text-default);display:inline-block;text-decoration:none;transition:all .2s ease-in-out 0s}.pds-nav-menu__item--top-level{border-bottom:.0625rem solid var(--pds-color-border-default);padding-block-end:1rem;padding-inline:1.563rem}.pds-nav-menu__trigger{align-items:center;display:flex}.pds-nav-menu__item--top-level a:hover,button.pds-nav-menu__trigger:hover{color:var(--pds-color-button-navbar-foreground-active)}.pds-nav-menu__item--top-level a:focus-visible,.pds-nav-menu__item--top-level button.pds-nav-menu__trigger:focus-visible{outline
|
|
1
|
+
.pds-nav-menu{z-index:100}.pds-nav-menu ul{list-style-type:none;margin:0;padding:0}ul.pds-nav-menu__menu{display:flex;flex-direction:column;margin-block-end:1.953rem;row-gap:1rem;z-index:200}.pds-nav-menu__item{font-size:1rem;line-height:120%}.pds-nav-menu__item--top-level,.pds-nav-menu__trigger{background-color:transparent;border:none;color:var(--pds-color-text-default);cursor:pointer;font-weight:600;margin:0;padding:0}.pds-nav-menu__item--top-level a,.pds-nav-menu__trigger a{color:var(--pds-color-text-default);display:inline-block;text-decoration:none;transition:all .2s ease-in-out 0s}.pds-nav-menu__item--top-level{border-bottom:.0625rem solid var(--pds-color-border-default);padding-block-end:1rem;padding-inline:1.563rem}.pds-nav-menu__trigger{align-items:center;display:flex}.pds-nav-menu__item--top-level a:hover,button.pds-nav-menu__trigger:hover{color:var(--pds-color-button-navbar-foreground-active)}.pds-nav-menu__item--top-level a:focus-visible,.pds-nav-menu__item--top-level button.pds-nav-menu__trigger:focus-visible{outline:.125rem solid var(--pds-color-interactive-focus);outline-offset:.41rem;transition:all .2s ease-in-out 0s}.pds-nav-menu__trigger-icon{color:var(--pds-color-text-default-secondary);margin-inline-start:.512rem;transition:var(--pds-animation-rotation-transition)}.pds-nav-menu__trigger[aria-expanded=true]{color:var(--pds-color-button-navbar-foreground-active)}.pds-nav-menu__trigger[aria-expanded=true] .pds-nav-menu__trigger-icon{color:var(--pds-color-button-navbar-foreground-active);transform:rotate(-180deg);transition:transform var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function)}ul.pds-nav-menu__dropdown{background-color:var(--pds-color-menu-background);display:flex;flex-direction:column;padding:.8rem .64rem 0;row-gap:.41rem}ul.pds-nav-menu__dropdown li{list-style-type:none}.pds-navbar__mobile{z-index:100}.pds-nav-menu__item--second-level a{background-color:var(--pds-color-menu-item-background-default);border-radius:.375rem;color:var(--pds-color-menu-item-foreground);display:inline-block;font-weight:400;margin:0;padding:.64rem .8rem}.pds-nav-menu__item--second-level a:focus,.pds-nav-menu__item--second-level a:hover{background-color:var(--pds-color-menu-item-background-hover);color:var(--pds-color-menu-item-foreground)}.pds-nav-menu__item--second-level a:focus{border-radius:.375rem;outline:.125rem solid var(--pds-color-interactive-focus);outline-offset:0}ul.pds-nav-menu__dropdown [role=separator]{border-block-start:1px solid var(--pds-color-border-default);margin:.512rem auto 0;margin-block-start:.512rem;padding-block-start:.512rem;width:calc(100% - 1.25rem)}.pds-nav-menu--isMobile{left:50%;margin-inline-end:-50vw;margin-inline-start:-50vw;max-width:100vw;position:relative;right:50%;width:100vw}.pds-nav-menu--notMobile ul.pds-nav-menu__menu{flex-direction:row;margin-block-end:0}.pds-nav-menu--notMobile .pds-nav-menu__item--top-level,.pds-nav-menu--notMobile .pds-nav-menu__trigger{align-items:center;display:inline-flex}.pds-nav-menu--notMobile .pds-nav-menu__item--top-level{border-bottom:none;padding-block-end:0;padding-inline:1rem}.pds-nav-menu--notMobile .pds-nav-menu__item--has-link:not(:last-child){margin-inline-end:.64rem}.pds-nav-menu--notMobile .pds-nav-menu__menu>.pds-nav-menu__item--has-children{display:flex;position:relative}.pds-nav-menu--notMobile ul.pds-nav-menu__dropdown{border-radius:0 0 .375rem .375rem;box-shadow:var(--pds-elevation-dropdown);display:block;max-width:30rem;padding:.64rem;position:absolute;top:3.013rem;width:max-content}.pds-nav-menu--notMobile .pds-nav-menu__item--second-level a{display:block}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-navbar{background-color:var(--pds-color-background-default);position:relative}.pds-navbar__logo a:focus-visible{outline
|
|
1
|
+
.pds-navbar{background-color:var(--pds-color-background-default);position:relative}.pds-navbar__logo a:focus-visible{outline:.125rem solid var(--pds-color-interactive-focus);outline-offset:.328rem}.pds-navbar__custom-logo{max-height:4.25rem}.pds-navbar__bar-mobile{border-bottom:.0625rem solid var(--pds-color-border-default)}.pds-navbar__inner-mobile{align-items:center;display:flex;height:4.678rem;justify-content:space-between}.pds-navbar__menu-toggle{align-items:center;background-color:transparent;border:none;color:var(--pds-color-text-default);display:flex}.pds-navbar__menu-toggle:hover{color:var(--pds-color-button-navbar-foreground-active)}.pds-navbar__mobile{background-color:var(--pds-color-background-default);height:100vh;padding-block-start:1rem;position:absolute;width:100%}.pds-navbar__mobile--closed{right:-100%;transition:all .3s ease-in-out}.pds-navbar__mobile--open{right:0;transition:all .3s ease-in-out;z-index:100}.pds-navbar--notMobile{border-bottom:.0625rem solid var(--pds-color-border-default)}@media (max-width:640px){.pds-navbar--notMobile .pds-button-group,.pds-navbar--notMobile .pds-nav-menu--isMobile{display:none}}.pds-navbar__inner{align-items:center;column-gap:1rem;display:flex;height:4.678rem}.pds-navbar__content{align-items:center;display:flex;justify-content:space-between;width:100%}.pds-navbar__items-left,.pds-navbar__items-right{align-items:center;column-gap:1.25rem;display:flex}.pds-navbar__items-right{justify-content:flex-end}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-new-site-card{background-color:var(--pds-color-panel-default-background);border-radius:.375rem;box-shadow:var(--pds-elevation-raised);display:grid;font-family:Poppins,sans-serif;grid-template-rows:1fr auto;padding:1rem;position:relative;text-decoration:none}.pds-new-site-card:hover{box-shadow:var(--pds-elevation-active)}.pds-new-site-card:focus{outline
|
|
1
|
+
.pds-new-site-card{background-color:var(--pds-color-panel-default-background);border-radius:.375rem;box-shadow:var(--pds-elevation-raised);display:grid;font-family:Poppins,sans-serif;grid-template-rows:1fr auto;padding:1rem;position:relative;text-decoration:none}.pds-new-site-card:hover{box-shadow:var(--pds-elevation-active)}.pds-new-site-card:focus{outline:.125rem solid var(--pds-color-interactive-focus)}a.pds-new-site-card__selection-link{text-decoration:none}.pds-new-site-card .pds-new-site-card__selection-link:focus-visible{outline:none}.pds-new-site-card .pds-new-site-card__selection-link:focus-visible:before{border:2px solid var(--pds-color-interactive-focus);border-radius:.375rem;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:all .2s ease-in-out 0s}.pds-new-site-card__header{align-items:center;column-gap:.8rem;display:flex;line-height:120%;margin-block-end:.8rem}.pds-new-site-card__title{color:var(--pds-color-text-default);font-size:1rem;font-weight:600}.pds-new-site-card__subtitle{color:var(--pds-color-text-default-secondary);font-size:.694rem;font-weight:400;line-height:120%}.pds-new-site-card__badge{margin-block-end:1rem}.pds-new-site-card__summary{color:var(--pds-color-text-default-secondary);font-size:.833rem;font-weight:400;line-height:140%}.pds-new-site-card__links{border-top:.0625rem solid var(--pds-color-panel-default-border);column-gap:1rem;display:flex;font-size:.694rem;margin-block-start:1rem;padding-block-start:1rem}.pds-new-site-card__link{column-gap:.25rem;display:flex}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-pager__items{column-gap:.41rem;font-family:Poppins,sans-serif;font-weight:600;list-style-type:none}.pds-pager__items,.pds-pager__items a{align-items:center;color:var(--pds-color-text-default);display:flex;justify-content:center}.pds-pager__items a{border-radius:.1875rem;line-height:1;min-width:1.953rem;padding:.512rem 0;text-decoration:none;transition:all .2s ease-in-out 0s}.pds-pager__items a:active,.pds-pager__items a:hover{background-color:var(--pds-color-pager-background-hover);outline:none;text-decoration:none}.pds-pager__items a:focus{outline:0}.pds-pager__items a:focus-visible{outline
|
|
1
|
+
.pds-pager__items{column-gap:.41rem;font-family:Poppins,sans-serif;font-weight:600;list-style-type:none}.pds-pager__items,.pds-pager__items a{align-items:center;color:var(--pds-color-text-default);display:flex;justify-content:center}.pds-pager__items a{border-radius:.1875rem;line-height:1;min-width:1.953rem;padding:.512rem 0;text-decoration:none;transition:all .2s ease-in-out 0s}.pds-pager__items a:active,.pds-pager__items a:hover{background-color:var(--pds-color-pager-background-hover);outline:none;text-decoration:none}.pds-pager__items a:focus{outline:0}.pds-pager__items a:focus-visible{outline:.125rem solid var(--pds-color-interactive-focus)}.pds-pager__items option,.pds-pager__items select{font-size:.833rem}.pds-pager__mini .pds-pager__items{justify-content:inherit}.pds-pager__mini .pds-select label{display:none}.pds-pager__mini .pds-select-input{height:32px;line-height:1.2rem!important}.pds-pager__mini .pds-select-input span{font-size:.833rem;font-weight:400;text-overflow:clip!important}.pds-pager__mini ul [role=listbox] li{font-weight:400}@media (--breakpoint-s ){.pds-pager__item--first,.pds-pager__item--last{display:none}}.pds-pager__item--first a,.pds-pager__item--last a{padding-inline:.41rem}.pds-pager__item--navigation-text a{font-size:.833rem;padding:.512rem .64rem}.pds-pager__item--navigation-text-left svg{margin-inline-end:.512rem}.pds-pager__item--navigation-text-right svg{margin-inline-start:.512rem}.pds-pager__items-advanced,.pds-pager__items-mini{font-weight:400}.pds-pager__item,.pds-pager__item--navigation{cursor:pointer}.pds-pager__item button{background-color:transparent;border:none;font-weight:600;padding:0}.pds-pager__icon{height:1rem}.pds-pager__item--active a,.pds-pager__item--active a:hover{background-color:var(--pds-color-pager-background-active);color:var(--pds-color-pager-foreground-active)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-pantheon-logo,.pds-pantheon-logo--icon{align-items:center;display:flex}.pds-pantheon-logo--wordmark{height:1rem}.pds-pantheon-logo a{line-height:0;text-decoration:none}.pds-pantheon-logo a:focus-visible{outline
|
|
1
|
+
.pds-pantheon-logo,.pds-pantheon-logo--icon{align-items:center;display:flex}.pds-pantheon-logo--wordmark{height:1rem}.pds-pantheon-logo a{line-height:0;text-decoration:none}.pds-pantheon-logo a:focus-visible{outline:.125rem solid var(--pds-color-interactive-focus);outline-offset:.328rem}.pds-pantheon-logo--sub-brand{align-items:center;column-gap:.64rem;display:flex}.pds-pantheon-logo__separator:before{background-color:var(--pds-color-tile-separator);content:"";display:inline-block;height:1.2rem;margin-block-start:.125rem;width:1px}.pds-pantheon-logo__sub-brand-wordmark{color:var(--pds-color-text-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-text-default)}.pds-pantheon-logo__sub-brand-wordmark a:hover{color:var(--pds-color-link-hover)}.pds-pantheon-logo--reverse{--pds-color-foreground-default:var(--pds-color-foreground-reverse);--pds-color-text-default:var(--pds-color-text-reverse);--pds-color-link-hover:#8a70ff;--pds-color-interactive-focus:#36a3ff}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@media screen and (min-width:1024px){.max-width-large{max-width:400px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pds-ts-xs{font-size:.694rem}.pds-ts-s{font-size:.833rem}.pds-ts-m{font-size:1rem}.pds-ts-l{font-size:1.2rem}@media (max-width:640px){.pds-ts-xl{font-size:calc(1.44rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-ts-xl{font-size:calc(1.44rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-ts-xl{font-size:1.44rem}}@media (max-width:640px){.pds-ts-2xl{font-size:calc(1.728rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-ts-2xl{font-size:calc(1.728rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-ts-2xl{font-size:1.728rem}}@media (max-width:640px){.pds-ts-3xl{font-size:calc(2.074rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-ts-3xl{font-size:calc(2.074rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-ts-3xl{font-size:2.074rem}}@media (max-width:640px){.pds-ts-4xl{font-size:calc(2.488rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-ts-4xl{font-size:calc(2.488rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-ts-4xl{font-size:2.488rem}}@media (max-width:640px){.pds-ts-5xl{font-size:calc(2.986rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-ts-5xl{font-size:calc(2.986rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-ts-5xl{font-size:2.986rem}}@media (max-width:640px){.pds-ts-6xl{font-size:calc(3.583rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-ts-6xl{font-size:calc(3.583rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-ts-6xl{font-size:3.583rem}}.pds-pricing-card{--pds-pricing-card-padding:1.563rem}@media (min-width:641px){.pds-pricing-card{--pds-pricing-card-padding:1.953rem}}.pds-pricing-card{background-color:var(--pds-color-background-default);border:.03125rem solid var(--pds-color-border-default);border-radius:.375rem;box-shadow:var(--pds-elevation-active);color:var(--pds-color-text-default);display:grid;font-family:Poppins,sans-serif;grid-template-rows:1fr auto;height:100%;justify-content:center;position:relative}.pds-pricing-card--mostPopular{border-color:var(--pds-color-badge-status-reverse-border);border-width:.0625rem}.pds-pricing-card__status-badge{left:50%;position:absolute;top:-.85rem;transform:translateX(-50%)}.pds-pricing-card__main-content{display:flex;flex-direction:column;padding:var(--pds-pricing-card-padding);row-gap:1rem}.pds-pricing-card__pricing-data{display:flex;flex-direction:column;row-gap:.64rem}.pds-pricing-card__list--hide,.pds-pricing-card__pricing-data--hide{display:none}.pds-pricing-card__price-line{align-items:center;column-gap:.125rem;display:flex}@media (max-width:640px){.pds-pricing-card__price{font-size:calc(2.074rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-pricing-card__price{font-size:calc(2.074rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-pricing-card__price{font-size:2.074rem}}.pds-pricing-card__price{font-weight:700}.pds-pricing-card__details{color:var(--pds-color-text-default-secondary);font-size:1.2rem;font-weight:400}.pds-pricing-card__savings-line{align-items:center;column-gap:.512rem;display:flex}.pds-pricing-card__savings-details{color:var(--pds-color-text-default-secondary);font-size:.694rem;font-weight:400}.pds-pricing-card__description{font-size:1rem;font-weight:400;line-height:140%}.pds-pricing-card__actions{display:flex;gap:1.25rem;padding:var(--pds-pricing-card-padding);padding-block-start:0}.pds-pricing-card__actions>*{flex-grow:1}.pds-pricing-card__actions .pds-button-link a{width:100%}.pds-pricing-card-container--with-list{display:grid;margin-block-end:1.563rem;row-gap:1.953rem}.pds-pricing-card-container--with-list .pds-pricing-card__list{margin-inline:.64rem}@media (min-width:641px){.pds-pricing-card-container--with-list{column-gap:2.441rem;grid-template-columns:1fr 1fr}.pds-pricing-card-container--with-list .pds-pricing-card__list{margin-block-start:.64rem;margin-inline:0}}@media (min-width:1025px){.pds-pricing-card-container--with-list{grid-template-columns:unset;grid-template-rows:1fr minmax(10rem,14rem);margin-block-end:0;row-gap:1.953rem}.pds-pricing-card-container--with-list .pds-pricing-card__list{margin-block-start:0;margin-inline:.64rem}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-section-message{animation:revealMessageAnimation .17s ease-in;animation-fill-mode:forwards;border-radius:.375rem;font-family:Poppins,sans-serif;justify-content:space-between;padding:1rem;position:relative}.pds-section-message,.pds-section-message__content{align-items:center;display:flex;gap:1rem}.pds-section-message__title{font-size:1rem;font-weight:600;margin-block-end:.41rem;margin-block-start:-1px}.pds-section-message__message{font-size:.833rem;line-height:140%}.pds-section-message__dismiss,.pds-section-message__icon{align-items:center;display:flex}.pds-section-message__dismiss{background:transparent;border:0;color:var(--pds-color-text-default-secondary);cursor:pointer;flex-shrink:0;margin:0;padding:0}.pds-section-message__dismiss:hover{color:var(--pds-color-text-default)}.pds-section-message__dismiss:focus-visible{border-radius:.1875rem;outline
|
|
1
|
+
.pds-section-message{animation:revealMessageAnimation .17s ease-in;animation-fill-mode:forwards;border-radius:.375rem;font-family:Poppins,sans-serif;justify-content:space-between;padding:1rem;position:relative}.pds-section-message,.pds-section-message__content{align-items:center;display:flex;gap:1rem}.pds-section-message__title{font-size:1rem;font-weight:600;margin-block-end:.41rem;margin-block-start:-1px}.pds-section-message__message{font-size:.833rem;line-height:140%}.pds-section-message__dismiss,.pds-section-message__icon{align-items:center;display:flex}.pds-section-message__dismiss{background:transparent;border:0;color:var(--pds-color-text-default-secondary);cursor:pointer;flex-shrink:0;margin:0;padding:0}.pds-section-message__dismiss:hover{color:var(--pds-color-text-default)}.pds-section-message__dismiss:focus-visible{border-radius:.1875rem;outline:.125rem solid var(--pds-color-interactive-focus);outline-offset:.125rem}.pds-section-message--dismissing{animation:hideMessageAnimation .2s ease-in;animation-fill-mode:forwards}.pds-section-message--dismissed{display:none}.pds-section-message--hasTitle,.pds-section-message--hasTitle .pds-section-message__content,.pds-section-message--hasTitle .pds-section-message__dismiss,.pds-section-message--hasTitle .pds-section-message__icon{align-items:flex-start}.pds-section-message--info{background-color:var(--pds-color-semantic-info-background)}.pds-section-message--info .pds-section-message__icon{color:var(--pds-color-semantic-info-foreground)}.pds-section-message--success{background-color:var(--pds-color-semantic-success-background)}.pds-section-message--success .pds-section-message__icon{color:var(--pds-color-semantic-success-foreground)}.pds-section-message--warning{background-color:var(--pds-color-semantic-warning-background)}.pds-section-message--warning .pds-section-message__icon{color:var(--pds-color-semantic-warning-foreground)}.pds-section-message--critical{background-color:var(--pds-color-semantic-critical-background)}.pds-section-message--critical .pds-section-message__icon{color:var(--pds-color-semantic-critical-foreground)}.pds-section-message--discovery{background-color:var(--pds-color-semantic-discovery-background)}.pds-section-message--discovery .pds-section-message__icon{color:var(--pds-color-semantic-discovery-foreground)}@keyframes revealMessageAnimation{0%{opacity:0}to{opacity:1}}@keyframes hideMessageAnimation{to{opacity:0}0%{opacity:1}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.pds-select,select{display:inline-block;position:relative}.pds-select [role=combobox],select{align-items:center;border-color:var(--pds-color-input-border-default);border-radius:.1875rem;border-style:solid;border-width:.0625rem;box-sizing:border-box;color:var(--pds-color-input-foreground-default);cursor:pointer;display:flex;font-size:1rem;gap:1rem;height:2.441rem;justify-content:space-between;line-height:1;padding:.64rem;width:100%}select{appearance:none;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="%23888"><path d="m23.313 35.313 2.062-2.157 15-15L42.531 16l-4.218-4.219-2.157 2.156-12.843 12.844-12.938-12.843-2.063-2.157L4 16l2.156 2.156 15 15 2.157 2.157Z"/></svg>');background-position:center right .64rem;background-repeat:no-repeat;background-size:1rem}.pds-select [role=combobox]>span{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-select [role=combobox] svg.select-indicator{transition:transform .2s ease-in-out 0s}.pds-select [role=combobox][aria-expanded=true] svg.select-indicator{transform:rotate(-180deg);transition:transform .2s ease-in-out 0s}.pds-input-field .pds-select-input[aria-disabled=true]:hover,.pds-select-input[aria-disabled=true]{border-color:var(--pds-color-input-border-default);cursor:not-allowed;opacity:50%}.pds-select .pds-select-shim,.pds-select [role=listbox]{box-sizing:border-box;list-style:none;margin:0;max-height:20rem;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}.pds-select [role=listbox]{background-color:var(--pds-color-menu-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-active);left:0;margin-block-start:.512rem;position:absolute;top:0}.pds-select [role=listbox]:focus-visible{outline:none}.pds-select .pds-select-shim{height:0;visibility:hidden}.pds-select [role=listbox][data-fui-placement^=top]{margin-block-start:-.512rem}.pds-select .pds-select-shim li,.pds-select [role=listbox] [role=option]{align-items:center;background-color:var(--pds-color-menu-item-background-default);color:var(--pds-color-menu-item-foreground);cursor:pointer;display:flex;gap:1rem;justify-content:space-between;margin:0;padding-block:.64rem;padding-inline:.64rem}.pds-select [role=listbox] [role=option].pds-select__item-focused,.pds-select [role=listbox] [role=option]:hover,.pds-select [role=listbox] [role=option][aria-selected=true]{background-color:var(--pds-color-menu-item-background-hover)}.pds-select
|
|
1
|
+
.pds-select,select{display:inline-block;position:relative}.pds-select [role=combobox],select{align-items:center;border-color:var(--pds-color-input-border-default);border-radius:.1875rem;border-style:solid;border-width:.0625rem;box-sizing:border-box;color:var(--pds-color-input-foreground-default);cursor:pointer;display:flex;font-size:1rem;gap:1rem;height:2.441rem;justify-content:space-between;line-height:1;padding:.64rem;width:100%}select{appearance:none;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="%23888"><path d="m23.313 35.313 2.062-2.157 15-15L42.531 16l-4.218-4.219-2.157 2.156-12.843 12.844-12.938-12.843-2.063-2.157L4 16l2.156 2.156 15 15 2.157 2.157Z"/></svg>');background-position:center right .64rem;background-repeat:no-repeat;background-size:1rem}.pds-select [role=combobox]>span{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-select [role=combobox] svg.select-indicator{transition:transform .2s ease-in-out 0s}.pds-select [role=combobox][aria-expanded=true] svg.select-indicator{transform:rotate(-180deg);transition:transform .2s ease-in-out 0s}.pds-select-input[role=combobox] span{padding-block:.64rem}.pds-input-field .pds-select-input[aria-disabled=true]:hover,.pds-select-input[aria-disabled=true]{border-color:var(--pds-color-input-border-default);cursor:not-allowed;opacity:50%}.pds-select .pds-select-shim,.pds-select [role=listbox]{box-sizing:border-box;list-style:none;margin:0;max-height:20rem;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}.pds-select [role=listbox]{background-color:var(--pds-color-menu-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-active);left:0;margin-block-start:.512rem;position:absolute;top:0}.pds-select [role=listbox]:focus-visible{outline:none}.pds-select .pds-select-shim{height:0;visibility:hidden}.pds-select [role=listbox][data-fui-placement^=top]{margin-block-start:-.512rem}.pds-select .pds-select-shim li,.pds-select [role=listbox] [role=option]{align-items:center;background-color:var(--pds-color-menu-item-background-default);color:var(--pds-color-menu-item-foreground);cursor:pointer;display:flex;gap:1rem;justify-content:space-between;margin:0;padding-block:.64rem;padding-inline:.64rem}.pds-select [role=listbox] [role=option].pds-select__item-focused,.pds-select [role=listbox] [role=option]:hover,.pds-select [role=listbox] [role=option][aria-selected=true]{background-color:var(--pds-color-menu-item-background-hover)}.pds-select
|
|
2
2
|
[role=listbox]
|
|
3
3
|
[role=option]
|
|
4
4
|
.pds-select__item-selected-indicator,.pds-select .pds-select-shim .pds-select__item-selected-indicator{display:inline-flex;width:1.25rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pds-side-nav{color:var(--pds-color-text-default);font-family:Poppins,sans-serif}h2.pds-side-nav__heading{font-size:1.2rem;font-weight:700;margin-block-end:1.563rem}h2.pds-side-nav__heading a{color:var(--pds-color-text-default);text-decoration:none}h2.pds-side-nav__heading a:hover{color:var(--pds-color-link-hover)}.pds-side-nav--isMobile{position:relative}.pds-side-nav--isMobile h2.pds-side-nav__heading{font-size:1rem;font-weight:600;margin-block-end:.64rem}.pds-side-nav--isMobile .pds-side-nav__trigger{align-items:center;background-color:var(--pds-color-input-background-default);border:.0625rem solid var(--pds-color-input-border-default);border-radius:.1875rem;color:var(--pds-color-input-foreground-default);cursor:pointer;display:flex;height:2.441rem;justify-content:space-between;padding:0 .64rem;text-align:left;width:100%}.pds-side-nav--isMobile .pds-side-nav__trigger:focus{outline:.0625rem solid var(--pds-color-interactive-focus)}.pds-side-nav--isMobile .pds-side-nav__trigger-icon{transition:transform .2s ease-in-out 0s}.pds-side-nav--isMobile .pds-side-nav__trigger[aria-expanded=true] .pds-side-nav__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-side-nav--isMobile .pds-side-nav__dropdown{background-color:var(--pds-color-menu-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-active);list-style-type:none;margin-block-start:.64rem;max-height:30rem;overflow-y:scroll;padding:0;position:absolute;width:100%;z-index:200}.pds-side-nav--isMobile .pds-side-nav__dropdown a{color:var(--pds-color-menu-item-foreground);display:flex;padding:.64rem 1rem;text-decoration:none}.pds-side-nav--isMobile .pds-side-nav__dropdown a:hover{background-color:var(--pds-color-menu-item-background-hover)}.pds-side-nav--isMobile .pds-side-nav__dropdown:focus{outline:none}.pds-side-nav--isMobile .pds-side-nav__item:focus{background-color:var(--pds-color-menu-item-background-hover);outline:none}.pds-side-nav--isMobile .pds-side-nav__item--second-level a{padding-inline-start:1.953rem}.pds-side-nav--isMobile .pds-side-nav__item--third-level a{padding-inline-start:2.953rem}.pds-side-nav--isMobile .pds-side-nav__item--active{align-items:center;background-color:var(--pds-color-menu-item-background-active);display:flex;justify-content:space-between}.pds-side-nav--isMobile .pds-side-nav__active-icon{flex-shrink:0;margin-inline:1rem}.pds-side-nav--notMobile .pds-side-nav__menu{list-style-type:none;margin:0;padding:0}.pds-side-nav--notMobile .pds-side-nav__item{list-style-type:none;margin-block-end:.512rem}.pds-side-nav--notMobile .pds-side-nav__item a{color:var(--pds-color-text-default);text-decoration:none}.pds-side-nav--notMobile .pds-side-nav__item a:hover{color:var(--pds-color-link-hover)}.pds-side-nav--notMobile .pds-side-nav__button{background-color:transparent;border:none;margin-inline-start:-1.375rem}.pds-side-nav--notMobile .pds-side-nav__button:hover{color:var(--pds-color-link-hover);cursor:pointer}.pds-side-nav--notMobile .pds-side-nav__button:focus-visible{outline:.0625rem solid var(--pds-color-interactive-focus);transition:outline .2s ease-in-out 0s}.pds-side-nav--notMobile .pds-side-nav__button .pds-icon{margin-block-end:-.09375rem;pointer-events:none}.pds-side-nav--notMobile .pds-side-nav__button--collapsed .pds-icon{transform:rotate(-90deg)}.pds-side-nav--notMobile .pds-side-nav__button--collapsed~.pds-side-nav__menu{display:none}.pds-side-nav--notMobile .pds-side-nav__button--expanded .pds-icon{transform:rotate(0deg)}.pds-side-nav--notMobile .pds-side-nav__menu--second-level{margin-inline-start:.8rem}.pds-side-nav--notMobile .pds-side-nav__menu--second-level .pds-side-nav__button{margin-inline-start:-2.5625rem}.pds-side-nav--notMobile .pds-side-nav__menu--third-level{margin-inline-start:-.375rem}.pds-side-nav--notMobile .pds-side-nav__item--second-level,.pds-side-nav--notMobile .pds-side-nav__item--third-level{margin-block-start:.512rem}.pds-side-nav--notMobile .pds-side-nav__item--second-level a,.pds-side-nav--notMobile .pds-side-nav__item--third-level a{color:var(--pds-color-text-default-secondary)}.pds-side-nav--notMobile .pds-side-nav__item--second-level.pds-side-nav__item--has-children{margin-inline-start:1.125rem}.pds-side-nav--notMobile .pds-side-nav__item--second-level button svg{color:var(--pds-color-text-default-secondary)}.pds-side-nav--notMobile .pds-side-nav__item--active{font-weight:600}.pds-side-nav--notMobile .pds-side-nav__item--active>a,.pds-side-nav--notMobile .pds-side-nav__item--active>button svg{color:var(--pds-color-link-active)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-site-card{background-color:var(--pds-color-background-default);border-radius:.375rem;box-shadow:var(--pds-elevation-raised);cursor:pointer;display:grid;font-family:Poppins,sans-serif;grid-template-rows:auto 1fr;text-decoration:none}.pds-site-card:hover{box-shadow:var(--pds-elevation-active)}.pds-site-card:focus-visible{outline
|
|
1
|
+
.pds-site-card{background-color:var(--pds-color-background-default);border-radius:.375rem;box-shadow:var(--pds-elevation-raised);cursor:pointer;display:grid;font-family:Poppins,sans-serif;grid-template-rows:auto 1fr;text-decoration:none}.pds-site-card:hover{box-shadow:var(--pds-elevation-active)}.pds-site-card:focus-visible{outline:.125rem solid var(--pds-color-interactive-focus)}.pds-site-card__image img{aspect-ratio:1.85;border-radius:.375rem .375rem 0 0;display:block;width:100%}.pds-site-card__content{padding:1.25rem 1.563rem}.pds-site-card__heading{align-items:flex-start;column-gap:.8rem;display:flex;justify-content:space-between;margin-block-end:.64rem}.pds-site-card__site-name{color:var(--pds-color-text-default);font-weight:600;line-height:120%;margin-block-end:0}.pds-site-card__plan{color:var(--pds-color-text-default-secondary);font-size:.833rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-tabs__tablist{align-items:flex-start;background-color:transparent;border-bottom:.0625rem solid var(--pds-color-border-default);color:var(-pds-color-text-default);column-gap:2.441rem;display:none;justify-content:flex-start;position:relative;width:100%}@media (min-width:641px){.pds-tabs__tablist{display:flex}}.pds-tabs__tab{background-color:transparent;border:none;border-bottom:3px solid transparent;bottom:-1px;color:var(--pds-color-text-default);cursor:pointer;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:600;padding:.512rem;padding-block-end:.64rem;position:relative;transition:all .2s ease-in-out 0s}.pds-tabs--sm .pds-tabs__tablist{column-gap:1.563rem}.pds-tabs--sm .pds-tabs__tab{font-size:1rem;padding:.41rem}.pds-tabs__tab:hover{color:var(--pds-color-tabs-accent);transition:all .2s ease-in-out 0s}.pds-tabs__tab:focus-visible{outline
|
|
1
|
+
.pds-tabs__tablist{align-items:flex-start;background-color:transparent;border-bottom:.0625rem solid var(--pds-color-border-default);color:var(-pds-color-text-default);column-gap:2.441rem;display:none;justify-content:flex-start;position:relative;width:100%}@media (min-width:641px){.pds-tabs__tablist{display:flex}}.pds-tabs__tab{background-color:transparent;border:none;border-bottom:3px solid transparent;bottom:-1px;color:var(--pds-color-text-default);cursor:pointer;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:600;padding:.512rem;padding-block-end:.64rem;position:relative;transition:all .2s ease-in-out 0s}.pds-tabs--sm .pds-tabs__tablist{column-gap:1.563rem}.pds-tabs--sm .pds-tabs__tab{font-size:1rem;padding:.41rem}.pds-tabs__tab:hover{color:var(--pds-color-tabs-accent);transition:all .2s ease-in-out 0s}.pds-tabs__tab:focus-visible{outline:.125rem solid var(--pds-color-interactive-focus)}.pds-tabs__tab[aria-selected=true]{border-bottom-color:var(--pds-color-tabs-accent);color:var(--pds-color-tabs-accent)}.pds-tabs__tab[aria-disabled=true],.pds-tabs__trigger[aria-disabled=true],.pds-tabs__trigger[aria-disabled=true]:hover{color:var(--pds-color-text-default);cursor:not-allowed;opacity:50%}.pds-tabs__tab-text{align-items:center;column-gap:.512rem;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:.0625rem solid var(--pds-color-border-default);color:var(--pds-color-text-default);cursor:pointer;display:flex;flex-wrap:nowrap;font-family:Poppins,sans-serif;font-size:1.2rem;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{color:var(--pds-color-tabs-accent)}.pds-tabs__trigger[aria-selected=true]{border-bottom-color:var(--pds-color-tabs-accent);border-width:3px;color:var(--pds-color-tabs-accent)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-tag{--pds-tag--foreground:var(--pds-color-tag-1-foreground);--pds-tag--background:var(--pds-color-tag-1-background);align-items:center;background-color:var(--pds-tag--background);border
|
|
1
|
+
.pds-tag{--pds-tag--foreground:var(--pds-color-tag-1-foreground);--pds-tag--background:var(--pds-color-tag-1-background);align-items:center;background-color:var(--pds-tag--background);border:.0625rem solid var(--pds-tag--background);border-radius:.1875rem;color:var(--pds-tag--foreground);column-gap:.41rem;display:inline-flex;font-family:Poppins,sans-serif;font-size:.833rem;font-weight:600;padding-block:.41rem;padding-inline:.64rem;white-space:nowrap}.pds-tag .pds-tag__remove{align-items:center;background-color:transparent;border:none;border-radius:50%;color:var(--pds-color-tag-remove-button);cursor:pointer;display:flex;height:1rem;justify-content:center;width:1rem}.pds-tag .pds-tag__remove:hover{color:var(--pds-color-text-default)}.pds-tag .pds-tag__remove:focus-visible{outline:.125rem solid var(--pds-color-interactive-focus);transition:all .2s ease-in-out 0s}.pds-tag .pds-tag__remove-icon{flex-grow:0;flex-shrink:0}.pds-tag.pds-tag--hide{display:none}a.pds-tag{text-decoration:none}a.pds-tag,a.pds-tag:hover{color:var(--pds-tag--foreground)}a.pds-tag:hover{filter:brightness(.95)}a.pds-tag:focus-visible{outline:.125rem solid var(--pds-color-interactive-focus);outline-offset:0}.pds-tag--color-1{--pds-tag--foreground:var(--pds-color-tag-1-foreground);--pds-tag--background:var(--pds-color-tag-1-background)}.pds-tag--color-2{--pds-tag--foreground:var(--pds-color-tag-2-foreground);--pds-tag--background:var(--pds-color-tag-2-background)}.pds-tag--color-3{--pds-tag--foreground:var(--pds-color-tag-3-foreground);--pds-tag--background:var(--pds-color-tag-3-background)}.pds-tag--color-4{--pds-tag--foreground:var(--pds-color-tag-4-foreground);--pds-tag--background:var(--pds-color-tag-4-background)}.pds-tag--color-5{--pds-tag--foreground:var(--pds-color-tag-5-foreground);--pds-tag--background:var(--pds-color-tag-5-background)}.pds-tag--color-6{--pds-tag--foreground:var(--pds-color-tag-6-foreground);--pds-tag--background:var(--pds-color-tag-6-background)}.pds-tag--color-7{--pds-tag--foreground:var(--pds-color-tag-7-foreground);--pds-tag--background:var(--pds-color-tag-7-background)}.pds-tag--color-8{--pds-tag--foreground:var(--pds-color-tag-8-foreground);--pds-tag--background:var(--pds-color-tag-8-background)}.pds-tag--color-9{--pds-tag--foreground:var(--pds-color-tag-9-foreground);--pds-tag--background:var(--pds-color-tag-9-background)}.pds-tag--color-10{--pds-tag--foreground:var(--pds-color-tag-10-foreground);--pds-tag--background:var(--pds-color-tag-10-background)}.pds-tag-group{display:flex;flex-wrap:wrap;gap:.8rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-toaster{--pds-toasts-animation-start-position:75%;box-sizing:content-box;display:flex;flex-direction:column;gap:.8rem;overflow:hidden;padding:.8rem;position:absolute;width:75%;z-index:9999}.pds-toaster--bottom-right{margin-block-end:1.953rem}.pds-toaster--top-right{margin-block-start:1.953rem}@media (min-width:641px){.pds-toaster{width:40%}}@media (min-width:1025px){.pds-toaster{width:30%}}.pds-toast{--icon-top-margin:0.1rem;align-items:stretch;animation:revealToastAnimation .3s ease-in;animation-fill-mode:forwards;background-color:var(--pds-color-background-default);border-radius:.375rem;box-shadow:var(--pds-elevation-active);color:var(--pds-color-text-default);font-family:Poppins,sans-serif;overflow:hidden}.pds-toast__content{display:flex;gap:.8rem;padding:1rem;position:relative}.pds-toast__icon-container{display:flex}.pds-toast__icon{margin-block-start:var(--icon-top-margin)}.pds-toast__message{font-size:.833rem;line-height:140%}.pds-toast__dismiss{all:unset;border-radius:.09375rem;color:var(--pds-color-text-default-secondary);cursor:pointer;display:flex;margin-block-start:var(--icon-top-margin);margin-left:auto}.pds-toast__dismiss:hover{color:var(--pds-color-link-hover)}.pds-toast__dismiss:focus-visible{outline
|
|
1
|
+
.pds-toaster{--pds-toasts-animation-start-position:75%;box-sizing:content-box;display:flex;flex-direction:column;gap:.8rem;overflow:hidden;padding:.8rem;position:absolute;width:75%;z-index:9999}.pds-toaster--bottom-right{margin-block-end:1.953rem}.pds-toaster--top-right{margin-block-start:1.953rem}@media (min-width:641px){.pds-toaster{width:40%}}@media (min-width:1025px){.pds-toaster{width:30%}}.pds-toast{--icon-top-margin:0.1rem;align-items:stretch;animation:revealToastAnimation .3s ease-in;animation-fill-mode:forwards;background-color:var(--pds-color-background-default);border-radius:.375rem;box-shadow:var(--pds-elevation-active);color:var(--pds-color-text-default);font-family:Poppins,sans-serif;overflow:hidden}.pds-toast__content{display:flex;gap:.8rem;padding:1rem;position:relative}.pds-toast__icon-container{display:flex}.pds-toast__icon{margin-block-start:var(--icon-top-margin)}.pds-toast__message{font-size:.833rem;line-height:140%}.pds-toast__dismiss{all:unset;border-radius:.09375rem;color:var(--pds-color-text-default-secondary);cursor:pointer;display:flex;margin-block-start:var(--icon-top-margin);margin-left:auto}.pds-toast__dismiss:hover{color:var(--pds-color-link-hover)}.pds-toast__dismiss:focus-visible{outline:.125rem solid var(--pds-color-interactive-focus);outline-offset:.125rem}.pds-toast--dismissing{animation:hideToastAnimation .5s ease-in;animation-fill-mode:forwards}.pds-toast--dismissed{display:none}.pds-toast__progress-bar div{animation:progressBarAnimation calc(var(--pds-progress-duration)*1s) linear forwards;background-color:var(--pds-color-neutral-300);border-radius:.1875rem .1875rem;height:.125rem;transform-origin:left center}.pds-toast__icon--warning{color:var(--pds-color-semantic-warning-foreground)}.pds-toast__icon--info{color:var(--pds-color-semantic-info-foreground)}.pds-toast__icon--success{color:var(--pds-color-semantic-success-foreground)}.pds-toast__icon--critical{color:var(--pds-color-semantic-critical-foreground)}@keyframes revealToastAnimation{0%{opacity:0;transform:translate3d(var(--pds-toasts-animation-start-position),0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes hideToastAnimation{to{opacity:0;transform:translate3d(var(--pds-toasts-animation-start-position),0,0)}0%{opacity:1;transform:translateZ(0)}}@keyframes progressBarAnimation{to{transform:scaleX(0)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-toggle-button{--pds-toggle-button-gap:0.25rem;background-color:var(--pds-color-toggle-button-background-off);border:none;border-radius:.1875rem;display:inline-block;padding:var(--pds-toggle-button-gap)}.pds-toggle-button__options{display:inline-flex;gap:var(--pds-toggle-button-gap)}.pds-toggle-button__option label{align-items:center;background-color:var(--pds-color-toggle-button-background-off);border-radius:.1875rem;color:var(--pds-color-toggle-button-foreground-off);cursor:pointer;display:block;font-size:1rem;font-weight:600;margin-block-end:0;padding:.41rem .8rem;transition:all .2s ease-in-out 0s}.pds-toggle-button__option input:checked+label{background-color:var(--pds-color-button-primary-background-default);color:var(--pds-color-button-primary-foreground-default);transition:all .2s ease-in-out 0s}.pds-toggle-button.pds-is-disabled{opacity:.5}.pds-toggle-button.pds-is-disabled input+label{cursor:not-allowed}.pds-toggle-button__option input:focus-visible+label{outline
|
|
1
|
+
.pds-toggle-button{--pds-toggle-button-gap:0.25rem;background-color:var(--pds-color-toggle-button-background-off);border:none;border-radius:.1875rem;display:inline-block;padding:var(--pds-toggle-button-gap)}.pds-toggle-button__options{display:inline-flex;gap:var(--pds-toggle-button-gap)}.pds-toggle-button__option label{align-items:center;background-color:var(--pds-color-toggle-button-background-off);border-radius:.1875rem;color:var(--pds-color-toggle-button-foreground-off);cursor:pointer;display:block;font-size:1rem;font-weight:600;margin-block-end:0;padding:.41rem .8rem;transition:all .2s ease-in-out 0s}.pds-toggle-button__option input:checked+label{background-color:var(--pds-color-button-primary-background-default);color:var(--pds-color-button-primary-foreground-default);transition:all .2s ease-in-out 0s}.pds-toggle-button.pds-is-disabled{opacity:.5}.pds-toggle-button.pds-is-disabled input+label{cursor:not-allowed}.pds-toggle-button__option input:focus-visible+label{outline:.125rem solid var(--pds-color-interactive-focus);outline-offset:.0625rem;transition:none}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
.pds-toggle-switch{--pds-toggle-switch-width:2.625rem;--pds-toggle-switch-height:1.375rem;--pds-toggle-switch-border-width:0.125rem;--pds-toggle-switch-animation:var(
|
|
2
2
|
--pds-animation-transition-default-duration
|
|
3
|
-
) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay)}.pds-toggle-switch>label{margin-block-end:0}.pds-toggle-switch .pds-input-field__message{margin-block-end:.8rem;margin-block-start:.328rem}.pds-toggle-switch__toggle{align-items:center;background:none;border:none;color:var(--pds-color-foreground-default);display:flex;line-height:1;padding:0;position:relative}.pds-toggle-switch__toggle .pds-toggle-off,.pds-toggle-switch__toggle .pds-toggle-on{left:calc(var(--pds-toggle-switch-width) + .512rem);position:absolute;transition:var(--pds-toggle-switch-animation)}.pds-toggle-switch__toggle[aria-checked=false] .pds-toggle-off{opacity:1}.pds-toggle-switch__toggle[aria-checked=false] .pds-toggle-on{opacity:0}.pds-toggle-switch__toggle[aria-checked=true] .pds-toggle-on{opacity:1}.pds-toggle-switch__toggle[aria-checked=true] .pds-toggle-off{opacity:0}.pds-toggle-switch__toggle:before{border-radius:6.25rem;content:"";height:var(--pds-toggle-switch-height);margin-inline-end:.512rem;width:var(--pds-toggle-switch-width)}.pds-toggle-switch__toggle[aria-checked=false]:before{background-color:var(--pds-color-input-toggle-switch-off)}.pds-toggle-switch__toggle[aria-checked=true]:before{background-color:var(--pds-color-input-toggle-switch-on)}.pds-toggle-switch__toggle:after{background-color:var(--pds-color-background-default);border-radius:100%;border-style:solid;border-width:var(--pds-toggle-switch-border-width);content:"";height:calc(var(--pds-toggle-switch-height) - var(--pds-toggle-switch-border-width)*2);position:absolute;width:calc(var(--pds-toggle-switch-height) - var(--pds-toggle-switch-border-width)*2);z-index:1}.pds-toggle-switch__toggle[aria-checked=false]:after,.pds-toggle-switch__toggle[aria-checked=true]:after{transition:var(--pds-toggle-switch-animation)}.pds-toggle-switch__toggle[aria-checked=false]:after{border-color:var(--pds-color-input-toggle-switch-off);left:0}.pds-toggle-switch__toggle[aria-checked=true]:after{border-color:var(--pds-color-input-toggle-switch-on);left:calc(var(--pds-toggle-switch-height) - var(--pds-toggle-switch-border-width))}.pds-toggle-switch__off-icon,.pds-toggle-switch__on-icon{color:var(--pds-color-input-toggle-switch-icon);position:absolute}.pds-toggle-switch__off-icon{left:calc(var(--pds-toggle-switch-height) + var(--pds-toggle-switch-border-width))}.pds-toggle-switch__on-icon{left:calc(var(--pds-toggle-switch-border-width)*2.5)}.pds-toggle-switch__toggle[aria-checked=false] .pds-toggle-switch__off-icon{opacity:1;transition:var(--pds-toggle-switch-animation);z-index:2}.pds-toggle-switch__toggle[aria-checked=false] .pds-toggle-switch__on-icon{opacity:0}.pds-toggle-switch__toggle[aria-checked=true] .pds-toggle-switch__on-icon{opacity:1;transition:var(--pds-toggle-switch-animation);z-index:2}.pds-toggle-switch__toggle[aria-checked=true] .pds-toggle-switch__off-icon{opacity:0}.pds-toggle-switch__toggle:focus{outline:none}.pds-toggle-switch__toggle:focus-visible:before{outline
|
|
3
|
+
) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay)}.pds-toggle-switch>label{margin-block-end:0}.pds-toggle-switch .pds-input-field__message{margin-block-end:.8rem;margin-block-start:.328rem}.pds-toggle-switch__toggle{align-items:center;background:none;border:none;color:var(--pds-color-foreground-default);display:flex;line-height:1;padding:0;position:relative}.pds-toggle-switch__toggle .pds-toggle-off,.pds-toggle-switch__toggle .pds-toggle-on{left:calc(var(--pds-toggle-switch-width) + .512rem);position:absolute;transition:var(--pds-toggle-switch-animation)}.pds-toggle-switch__toggle[aria-checked=false] .pds-toggle-off{opacity:1}.pds-toggle-switch__toggle[aria-checked=false] .pds-toggle-on{opacity:0}.pds-toggle-switch__toggle[aria-checked=true] .pds-toggle-on{opacity:1}.pds-toggle-switch__toggle[aria-checked=true] .pds-toggle-off{opacity:0}.pds-toggle-switch__toggle:before{border-radius:6.25rem;content:"";height:var(--pds-toggle-switch-height);margin-inline-end:.512rem;width:var(--pds-toggle-switch-width)}.pds-toggle-switch__toggle[aria-checked=false]:before{background-color:var(--pds-color-input-toggle-switch-off)}.pds-toggle-switch__toggle[aria-checked=true]:before{background-color:var(--pds-color-input-toggle-switch-on)}.pds-toggle-switch__toggle:after{background-color:var(--pds-color-background-default);border-radius:100%;border-style:solid;border-width:var(--pds-toggle-switch-border-width);content:"";height:calc(var(--pds-toggle-switch-height) - var(--pds-toggle-switch-border-width)*2);position:absolute;width:calc(var(--pds-toggle-switch-height) - var(--pds-toggle-switch-border-width)*2);z-index:1}.pds-toggle-switch__toggle[aria-checked=false]:after,.pds-toggle-switch__toggle[aria-checked=true]:after{transition:var(--pds-toggle-switch-animation)}.pds-toggle-switch__toggle[aria-checked=false]:after{border-color:var(--pds-color-input-toggle-switch-off);left:0}.pds-toggle-switch__toggle[aria-checked=true]:after{border-color:var(--pds-color-input-toggle-switch-on);left:calc(var(--pds-toggle-switch-height) - var(--pds-toggle-switch-border-width))}.pds-toggle-switch__off-icon,.pds-toggle-switch__on-icon{color:var(--pds-color-input-toggle-switch-icon);position:absolute}.pds-toggle-switch__off-icon{left:calc(var(--pds-toggle-switch-height) + var(--pds-toggle-switch-border-width))}.pds-toggle-switch__on-icon{left:calc(var(--pds-toggle-switch-border-width)*2.5)}.pds-toggle-switch__toggle[aria-checked=false] .pds-toggle-switch__off-icon{opacity:1;transition:var(--pds-toggle-switch-animation);z-index:2}.pds-toggle-switch__toggle[aria-checked=false] .pds-toggle-switch__on-icon{opacity:0}.pds-toggle-switch__toggle[aria-checked=true] .pds-toggle-switch__on-icon{opacity:1;transition:var(--pds-toggle-switch-animation);z-index:2}.pds-toggle-switch__toggle[aria-checked=true] .pds-toggle-switch__off-icon{opacity:0}.pds-toggle-switch__toggle:focus{outline:none}.pds-toggle-switch__toggle:focus-visible:before{outline:.0625rem solid var(--pds-color-input-toggle-background-on);outline-offset:.0625rem}.pds-toggle-switch.pds-is-disabled .pds-toggle-switch__toggle{cursor:not-allowed;opacity:50%}
|