@pantheon-systems/pds-toolkit-react 2.0.0-alpha.14 → 2.0.0-alpha.16
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/ComparisonList/ComparisonList.d.ts +6 -1
- package/dist/components/Tabs/Tabs.d.ts +6 -1
- package/dist/components/icons/Icon/Icon.d.ts +2 -2
- package/dist/components/icons/PaymentIcon/PaymentIcon.d.ts +7 -3
- package/dist/components/icons/PlatformIcon/PlatformIcon.d.ts +6 -6
- package/dist/components/{CTALink → links/CTALink}/CTALink.d.ts +1 -1
- package/dist/components/{LinkNewWindow → links/LinkNewWindow}/LinkNewWindow.d.ts +1 -1
- package/dist/components/navigation/TabMenu/TabMenu.d.ts +6 -1
- package/dist/components/{Pagination → pagination/Pagination}/Pagination.d.ts +7 -2
- package/dist/components/pagination/PaginationCompact/PaginationCompact.d.ts +49 -0
- package/dist/components/pagination/PaginationMini/PaginationMini.d.ts +55 -0
- package/dist/components/panels/PanelList/PanelList.d.ts +1 -1
- package/dist/css/component-css/pds-callout.css +1 -1
- package/dist/css/component-css/pds-card-select-group.css +1 -1
- package/dist/css/component-css/pds-combobox.css +1 -1
- package/dist/css/component-css/pds-comparison-list.css +1 -1
- package/dist/css/component-css/pds-cta-link.css +1 -1
- package/dist/css/component-css/pds-icon.css +1 -1
- package/dist/css/component-css/pds-index.css +14 -12
- package/dist/css/component-css/pds-link-new-window.css +1 -1
- package/dist/css/component-css/pds-pagination-compact.css +1 -0
- package/dist/css/component-css/pds-pagination-mini.css +3 -0
- package/dist/css/component-css/pds-pagination.css +1 -1
- package/dist/css/component-css/pds-panel-list.css +1 -1
- package/dist/css/component-css/pds-payment-icon.css +1 -1
- package/dist/css/component-css/pds-platform-icon.css +1 -1
- package/dist/css/component-css/pds-radio-group.css +1 -1
- package/dist/css/component-css/pds-select.css +1 -1
- package/dist/css/component-css/pds-tab-menu.css +2 -2
- package/dist/css/component-css/pds-tabs.css +1 -1
- package/dist/css/pds-components.css +14 -12
- package/dist/css/pds-core.css +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +13 -0
- package/dist/index.js +4649 -3414
- package/dist/index.js.map +1 -1
- package/dist/index.source.d.ts +5 -3
- package/package.json +1 -1
- /package/dist/components/{Pagination → pagination/Pagination}/usePagination.d.ts +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-link-new-window{--link-color:var(--pds-color-interactive-link-default);--icon-size:var(--pds-typography-size-
|
|
1
|
+
.pds-link-new-window{--link-color:var(--pds-color-interactive-link-default);--icon-size:var(--pds-typography-size-xs);--icon-h-offset:var(--pds-spacing-3xs);align-items:baseline;color:var(--link-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:inherit;gap:var(--icon-h-offset);padding-block:var(--pds-spacing-4xs);transition:var(--pds-animation-transition-link)}a.pds-link-new-window:hover{--link-color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-link-new-window__icon{color:var(--link-color);height:var(--icon-size);margin-inline-end:var(--pds-spacing-4xs);transition:var(--pds-animation-transition-link);width:auto}.pds-link-new-window--loading{background-color:var(--pulse-regular-base-color);border-radius:var(--pds-border-radius-default);color:transparent}.pds-link-new-window--loading .pds-link-new-window__icon{color:transparent}.pds-link-new-window--s{--icon-size:var(--pds-typography-size-xs);--icon-h-offset:var(--pds-spacing-3xs);font-size:var(--pds-typography-size-s)}.pds-link-new-window--m{--icon-size:var(--pds-typography-size-s);--icon-h-offset:var(--pds-spacing-2xs);font-size:var(--pds-typography-size-m)}.pds-link-new-window--l{--icon-size:var(--pds-typography-size-m);--icon-h-offset:var(--pds-spacing-xs);font-size:var(--pds-typography-size-l)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pds-pagination-compact{align-items:center;display:flex;font-family:var(--pds-typography-ff-default);gap:var(--pds-spacing-xs)}.pds-pagination-compact .pds-select{min-width:fit-content}.pds-pagination-compact .pds-select__input-wrapper{border-radius:var(--pds-border-radius-button);padding-inline-start:var(--pds-spacing-s)}.pds-pagination-compact .pds-select__input-inner{column-gap:var(--pds-spacing-4xs)}.pds-pagination-compact .pds-select__trigger-icon{height:1rem;width:1rem}.pds-pagination-compact__count{color:var(--pds-color-fg-default-secondary);font-size:var(--pds-typography-size-s);white-space:nowrap}.pds-pagination-compact__nav{align-items:center;display:flex;gap:var(--pds-spacing-4xs)}.pds-pagination-compact__btn{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-fg-default);cursor:pointer;display:flex;height:var(--pds-spacing-xl);justify-content:center;padding:0;width:var(--pds-spacing-xl)}.pds-pagination-compact__btn:hover{background-color:var(--pds-color-pagination-background-hover);color:var(--pds-color-pagination-foreground-hover)}.pds-pagination-compact__btn:active{background-color:var(--pds-color-pagination-background-active);color:var(--pds-color-pagination-foreground-active)}.pds-pagination-compact__btn:focus-visible{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-pagination-compact__btn--disabled{cursor:not-allowed;opacity:.5}.pds-pagination-compact__btn--disabled:hover{background-color:transparent;color:var(--pds-color-fg-default)}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
.pds-pagination-mini{display:flex;font-family:var(--pds-typography-ff-default);justify-content:space-between;width:100%}.pds-pagination-mini__btn{align-items:flex-start;background:transparent;border:none;border-radius:var(--pds-border-radius-input);cursor:pointer;display:flex;flex-direction:column;gap:var(--pds-spacing-3xs);padding:0}.pds-pagination-mini__btn:hover .pds-pagination-mini__nav{color:var(--pds-color-interactive-link-hover)}.pds-pagination-mini__btn:focus-visible{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-5xs);transition:var(--pds-animation-transition-focus)}.pds-pagination-mini__btn--prev .pds-pagination-mini__label{padding-inline-start:var(
|
|
2
|
+
--pds-spacing-l
|
|
3
|
+
)}.pds-pagination-mini__btn--next{align-items:flex-start;margin-inline-start:auto}.pds-pagination-mini__label{color:var(--pds-color-fg-default-secondary);font-size:var(--pds-typography-size-xs)}.pds-pagination-mini__nav{align-items:center;color:var(--pds-color-fg-default);display:flex;font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-medium);gap:var(--pds-spacing-4xs)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-pagination{font-family:var(--pds-typography-ff-default)}.pds-pagination
|
|
1
|
+
.pds-pagination{--item-size:var(--pds-spacing-l);--item-font-size:var(--pds-typography-size-s);--item-gap:var(--pds-spacing-5xs);font-family:var(--pds-typography-ff-default)}.pds-pagination--m{--item-size:var(--pds-spacing-xl);--item-font-size:var(--pds-typography-size-m);--item-gap:var(--pds-spacing-4xs)}.pds-pagination__list{align-items:center;display:flex;gap:var(--item-gap);list-style-type:none;margin:0;padding:0}.pds-pagination__item>*{height:var(--item-size);min-width:var(--item-size)}.pds-pagination__item .pds-tooltip{align-items:center;display:flex;justify-content:center}.pds-pagination__item .pds-tooltip__trigger-custom{align-items:center;display:flex;height:100%;width:100%}.pds-pagination__item button{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-fg-default);cursor:pointer;display:flex;font-family:var(--pds-typography-ff-default);font-size:var(--item-font-size);font-weight:var(--pds-typography-fw-medium);height:var(--item-size);justify-content:center;line-height:1;min-width:var(--item-size);padding-block:0;padding-inline:var(--pds-spacing-4xs)}.pds-pagination__item button:hover{background-color:var(--pds-color-pagination-background-hover);color:var(--pds-color-pagination-foreground-hover)}.pds-pagination__item button:focus-visible{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-pagination__item button[aria-current=page],.pds-pagination__item button[aria-current=page]:hover{background-color:var(--pds-color-pagination-background-current);color:var(--pds-color-pagination-foreground-current)}.pds-pagination__item--truncated span{min-width:unset;padding-inline:var(--pds-spacing-3xs)}.pds-pagination__item--truncated span:hover{background-color:transparent;color:var(--pds-color-fg-default)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-panel-list{--panel-list-background:var(--pds-color-bg-default);--panel-row-padding-block:var(--pds-spacing-m);background-color:var(--panel-list-background);border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-panel);margin:0;padding:0}.pds-panel-list .pds-panel-row{border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);overflow:visible}.pds-panel-list .pds-panel-row:last-child{border-bottom:none}.pds-panel-list ul{margin-inline-start:calc(var(--pds-spacing-2xs)*-1)}.pds-panel-list ul li{list-style-type:disc;list-style:outside}.pds-panel-list ul ul li{list-style-type:circle}.pds-panel-list--
|
|
1
|
+
.pds-panel-list{--panel-list-background:var(--pds-color-bg-default);--panel-row-padding-block:var(--pds-spacing-m);background-color:var(--panel-list-background);border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-panel);margin:0;padding:0}.pds-panel-list .pds-panel-row{border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);overflow:visible}.pds-panel-list .pds-panel-row:last-child{border-bottom:none}.pds-panel-list ul{margin-inline-start:calc(var(--pds-spacing-2xs)*-1)}.pds-panel-list ul li{list-style-type:disc;list-style:outside}.pds-panel-list ul ul li{list-style-type:circle}.pds-panel-list--2xs{--panel-row-padding-block:var(--pds-spacing-2xs)}.pds-panel-list--xs{--panel-row-padding-block:var(--pds-spacing-xs)}.pds-panel-list--s{--panel-row-padding-block:var(--pds-spacing-s)}.pds-panel-list--m{--panel-row-padding-block:var(--pds-spacing-m)}.pds-panel-list--l{--panel-row-padding-block:var(--pds-spacing-l)}.pds-panel-list--secondary{--panel-list-background:var(--pds-color-bg-default-secondary)}.pds-panel-list--transparent{--panel-list-background:transparent}.pds-panel-list--borderless{border-color:var(--panel-list-background)}.pds-panel-row{background-color:transparent;column-gap:var(--pds-spacing-2xl);display:flex;flex-direction:column;overflow:hidden;padding:var(--panel-row-padding-block) var(--pds-spacing-l)}@media (min-width:768px){.pds-panel-row{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:space-between}}.pds-panel-row__main{display:flex;justify-content:space-between;min-height:3rem;padding-inline-end:0;position:relative;width:100%}.pds-panel-row__main.is-expandable{padding-inline-end:2rem}.pds-panel-row__expand-button{background-color:transparent;border:0;cursor:pointer;position:absolute;right:0;top:calc(50% - .75em)}.pds-panel-row__expand-button .pds-panel-row__expand-icon{transition:var(--pds-animation-transition-rotation)}.pds-panel-row__expand-button .pds-panel-row__expand-icon.rotated{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-panel-row__expand-button:hover .pds-panel-row__expand-icon{color:var(--pds-color-interactive-link-hover)}.pds-panel-row__expand-button:focus-visible{border-radius:var(--pds-border-radius-default);outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus)!important;outline-offset:.0625rem}.pds-panel-row__items{align-items:center;display:flex}.pds-panel-row__items-inside{margin-top:var(--pds-spacing-s)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-payment-icon{width:
|
|
1
|
+
.pds-payment-icon{display:inline-flex;line-height:0;vertical-align:middle}.pds-payment-icon svg{height:100%;width:auto}.pds-payment-icon--xs{height:.625rem}.pds-payment-icon--s{height:.75rem}.pds-payment-icon--m{height:1rem}.pds-payment-icon--l{height:1.25rem}.pds-payment-icon--xl{height:1.5rem}.pds-payment-icon--2xl{height:2rem}.pds-payment-icon--3xl{height:2.5rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-platform-icon{align-items:center;display:inline-flex;line-height:0;vertical-align:middle}.pds-platform-icon__group{column-gap:var(--pds-spacing-3xs);display:flex}.pds-platform-icon--m{height:1rem}.pds-platform-icon--m svg{height:100%;width:auto}.pds-platform-icon--l{height:1.
|
|
1
|
+
.pds-platform-icon{align-items:center;display:inline-flex;line-height:0;vertical-align:middle}.pds-platform-icon__group{column-gap:var(--pds-spacing-3xs);display:flex}.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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-radio-group__options{display:flex;flex-direction:column;row-gap:var(--pds-spacing-m)}.pds-radio-group__option{--radio-input-size:1rem;align-items:center;column-gap:var(--pds-spacing-2xs);display:flex}.pds-radio-group__option input[type=radio]{appearance:none;background-color:transparent;border-color:var(--pds-color-fg-default);border-radius:50%;border-style:solid;border-width:var(--pds-border-width-default);box-sizing:border-box;flex-shrink:0;height:var(--radio-input-size);margin:0;max-height:var(--radio-input-size);max-width:var(--radio-input-size);min-height:var(--radio-input-size);min-width:var(--radio-input-size);padding:0;width:var(--radio-input-size)}.pds-radio-group__option input[type=radio],.pds-radio-group__option input[type=radio]:checked{transition:var(--pds-animation-duration-default) var(--pds-animation-timing-function-default) 0ms}.pds-radio-group__option input[type=radio]:checked{background-color:var(--pds-color-fg-default);border-color:var(--pds-color-fg-default);box-shadow:inset 0 0 0 .15rem var(--pds-color-bg-default)}.pds-radio-group__option input[type=radio]:checked:before{all:unset}.pds-radio-group__option input[type=radio]:focus-visible{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:.0625rem}.pds-radio-group__option>label{font-size:var(--pds-typography-size-input-label);font-weight:var(--pds-typography-fw-regular);margin-block-end:0}.pds-radio-group__option input[type=radio]:disabled,.pds-radio-group__option input[type=radio]:disabled~label{opacity:40%}.pds-radio-group__option input[type=radio]:disabled:hover{cursor:not-allowed}
|
|
1
|
+
.pds-radio-group__options{display:flex;flex-direction:column;row-gap:var(--pds-spacing-m)}.pds-radio-group__option{--radio-input-size:1rem;align-items:center;column-gap:var(--pds-spacing-2xs);display:flex}.pds-radio-group__option input[type=radio]{appearance:none;background-color:transparent;border-color:var(--pds-color-fg-default);border-radius:50%;border-style:solid;border-width:var(--pds-border-width-default);box-sizing:border-box;cursor:pointer;flex-shrink:0;height:var(--radio-input-size);margin:0;max-height:var(--radio-input-size);max-width:var(--radio-input-size);min-height:var(--radio-input-size);min-width:var(--radio-input-size);padding:0;width:var(--radio-input-size)}.pds-radio-group__option input[type=radio],.pds-radio-group__option input[type=radio]:checked{transition:var(--pds-animation-duration-default) var(--pds-animation-timing-function-default) 0ms}.pds-radio-group__option input[type=radio]:checked{background-color:var(--pds-color-fg-default);border-color:var(--pds-color-fg-default);box-shadow:inset 0 0 0 .15rem var(--pds-color-bg-default)}.pds-radio-group__option input[type=radio]:checked:before{all:unset}.pds-radio-group__option input[type=radio]:focus-visible{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:.0625rem}.pds-radio-group__option>label{cursor:pointer;font-size:var(--pds-typography-size-input-label);font-weight:var(--pds-typography-fw-regular);margin-block-end:0}.pds-radio-group__option input[type=radio]:disabled,.pds-radio-group__option input[type=radio]:disabled~label{opacity:40%}.pds-radio-group__option input[type=radio]:disabled:hover{cursor:not-allowed}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-select{min-width:6.25rem;position:relative}.pds-select--auto-width{width:fit-content}.pds-select__sizer{height:0;overflow:hidden;visibility:hidden}.pds-select__sizer .pds-select__input-wrapper{height:auto;width:max-content}.pds-select__sizer .pds-select__option-text{overflow:visible}.pds-select__input-wrapper{align-items:center;background-color:var(--pds-color-bg-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);column-gap:var(--pds-spacing-xs);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{border-color:var(--pds-color-interactive-focus);outline:none;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--l .pds-select__input-wrapper{column-gap:var(--pds-spacing-s);font-size:var(--pds-typography-size-m);height:var(--pds-spacing-input-height-l);padding-inline:var(--pds-spacing-s)}.pds-select--l .pds-dropdown__item{font-size:var(--pds-typography-size-m);padding-block:var(--pds-spacing-s)}.pds-select--l .pds-input-label{font-size:var(--pds-typography-size-s);margin-block-end:var(--pds-spacing-xs)}.pds-select--l .pds-input-message{font-size:var(--pds-typography-size-s);margin-block-start:var(--pds-spacing-xs)}.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:
|
|
1
|
+
.pds-select{min-width:6.25rem;position:relative}.pds-select--auto-width{width:fit-content}.pds-select__sizer{height:0;overflow:hidden;visibility:hidden}.pds-select__sizer .pds-select__input-wrapper{height:auto;width:max-content}.pds-select__sizer .pds-select__option-text{overflow:visible}.pds-select__input-wrapper{align-items:center;background-color:var(--pds-color-bg-default);border: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{border-color:var(--pds-color-interactive-focus);outline:none;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--l .pds-select__input-wrapper{column-gap:var(--pds-spacing-s);font-size:var(--pds-typography-size-m);height:var(--pds-spacing-input-height-l);padding-inline:var(--pds-spacing-s)}.pds-select--l .pds-dropdown__item{font-size:var(--pds-typography-size-m);padding-block:var(--pds-spacing-s)}.pds-select--l .pds-input-label{font-size:var(--pds-typography-size-s);margin-block-end:var(--pds-spacing-xs)}.pds-select--l .pds-input-message{font-size:var(--pds-typography-size-s);margin-block-start:var(--pds-spacing-xs)}.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-fg-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{height:1rem;width:1rem}.pds-select--l .pds-select__option-icon.pds-icon--l,.pds-select__option-icon.pds-icon--m{height:.875rem;width:.875rem}.pds-select__trigger-icon{color:var(--pds-color-fg-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}.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__option-label{align-items:center;display:flex;gap:var(--pds-spacing-xs)}.pds-select__option-icon{align-self:center;color:var(--pds-color-fg-default);display:flex;flex-shrink:0}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.pds-tab-menu{--tab-
|
|
2
|
-
.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-default);box-shadow:var(--pds-elevation-overlay);
|
|
1
|
+
.pds-tab-menu{--tab-border-width:var(--pds-border-width-default);--tab-height:var(--pds-spacing-button-height-s);--tab-font-size:var(--pds-typography-size-s);--tab-gap:var(--pds-spacing-3xs);--tab-inline-padding:var(--pds-spacing-3xs);--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-s);width:var(--pds-typography-size-s)}.pds-tab-menu--m{--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)}.pds-tab-menu--m .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-default) 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-fg-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:2px;left:0;position:absolute;width:100%}.pds-tab-menu__item:hover{color:var(--pds-color-fg-default)}.pds-tab-menu__item:hover:after{background-color:var(--pds-color-fg-default)}.pds-tab-menu__item.pds-tab-menu__item--active,.pds-tab-menu__item.pds-tab-menu__item--active .pds-icon{color:var(--pds-color-fg-default)}.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-fg-default)}.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;height:100%;padding-inline:var(--tab-inline-padding);text-decoration:none}.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-fg-default);cursor:pointer;display:flex;justify-content:center;margin-inline-start:calc((var(--tab-inline-padding) + var(--pds-spacing-4xs))*-1);min-height:var(--tab-font-size);min-width:var(--tab-font-size)}.pds-tab-menu__dropdown-trigger:focus-visible{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus)}.pds-tab-menu__dropdown-trigger-icon{color:var(--pds-color-fg-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]
|
|
2
|
+
.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-default);box-shadow:var(--pds-elevation-overlay);max-height:24rem;overflow-x:hidden;overflow-y:auto}.pds-tab-menu__dropdown:focus-visible{outline:none}.pds-tab-menu__dropdown-menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:var(--pds-spacing-xs) var(--pds-spacing-s);row-gap:var(--pds-spacing-3xs)}.pds-tab-menu__dropdown-item{align-items:center;background-color:transparent;border-radius:var(--pds-border-radius-default);color:var(--pds-color-dropdown-foreground);cursor:pointer;display:flex;font-size:var(--pds-typography-size-m);justify-content:space-between;line-height:var(--pds-typography-lh-s);list-style-type:none;margin:0}.pds-tab-menu__dropdown-item:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.03125rem}.pds-tab-menu__dropdown-item:hover{background-color:var(--pds-color-dropdown-item-background-hover);outline:none}.pds-tab-menu__dropdown-item a{align-items:center;border-radius:var(--pds-border-radius-container);color:var(--pds-color-dropdown-foreground);column-gap:var(--pds-spacing-s);display:flex;justify-content:space-between;padding:var(--pds-spacing-s) var(--pds-spacing-s);text-decoration:none;width:100%}.pds-tab-menu__dropdown-item a:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-tab-menu__dropdown-item--active{background-color:var(--pds-color-dropdown-item-background-hover);color:var(--pds-color-status-success-foreground);flex-shrink:0}.pds-tab-menu__active-icon{flex-shrink:0;margin-inline-end:var(--pds-spacing-s)}.pds-tab-menu__filter{border-block-end:1px solid var(--pds-color-border-default);box-shadow:0 1px 9px -7px rgba(0,0,0,.2);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-input-field--text{border-color:transparent}.pds-input-field--text:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-tab-menu__no-results{color:var(--pds-color-fg-default);font-size:var(--pds-typography-size-m);margin-block-end:0;padding-inline:var(--pds-spacing-s)}.pds-tab-menu--isMobile{position:relative}.pds-tab-menu--isMobile .pds-tab-menu__menu{column-gap:var(--pds-spacing-l);cursor:pointer;-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none}.pds-tab-menu--isMobile .pds-tab-menu__menu::-webkit-scrollbar{display:none}.pds-tab-menu--isMobile .pds-tab-menu__item{font-size:calc(var(--pds-typography-size-m)*.96);padding:var(--pds-spacing-3xs) var(--pds-spacing-3xs)}.pds-tab-menu--isMobile .pds-tab-menu__item-inner{width:max-content}.pds-tab-menu__mobile-menu-wrapper .pds-tab-menu__dropdown{left:1.063rem;position:fixed;top:3.58rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-
|
|
1
|
+
.pds-tabs{--tab-height:var(--pds-spacing-button-height-s);--tab-font-size:var(--pds-typography-size-s);--tab-gap:var(--pds-spacing-3xs)}.pds-tabs .pds-tabs__tab .pds-icon{height:var(--pds-typography-size-s);width:var(--pds-typography-size-s)}.pds-tabs--m{--tab-height:var(--pds-spacing-button-height-m);--tab-font-size:var(--pds-typography-size-m);--tab-gap:var(--pds-spacing-2xs)}.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-fg-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:2px;left:0;position:absolute;width:100%}.pds-tabs__tab:hover{color:var(--pds-color-fg-default)}.pds-tabs__tab:hover:after{background-color:var(--pds-color-fg-default)}.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-3xs)}.pds-tabs--m .pds-tabs__tab:focus-visible .pds-tabs__tab-label{outline-offset:var(--pds-spacing-2xs)}.pds-tabs__tab[aria-selected=true]{color:var(--pds-color-fg-default)}.pds-tabs__tab[aria-selected=true]:after,.pds-tabs__tab[aria-selected=true]:hover:after{background-color:var(--pds-color-fg-default)}.pds-tabs__tab[aria-disabled=true]{cursor:not-allowed;opacity:40%}.pds-tabs__tab[aria-disabled=true]:hover{background-color:transparent;color:var(--pds-color-fg-default-secondary)}.pds-tabs__tab[aria-disabled=true]: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__panel[hidden] .pds-tabs__panel-content{display:none}.pds-tabs__panel[hidden] .pds-tabs__expand-icon{transform:rotate(180deg)}.pds-tabs__expand-icon,.pds-tabs__panel[hidden] .pds-tabs__expand-icon{transition:var(--pds-animation-transition-rotation)}.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-fg-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:var(--pds-spacing-3xs);position:relative;width:100%}@media (min-width:768px){.pds-tabs__trigger{display:none}}.pds-tabs__trigger:hover{color:var(--pds-color-fg-default)}.pds-tabs__trigger[aria-selected=true]{border-bottom-color:var(--pds-color-fg-default);border-bottom-width:2px;color:var(--pds-color-fg-default)}.pds-tabs__trigger[aria-disabled=true],.pds-tabs__trigger[aria-disabled=true]:hover{cursor:not-allowed;opacity:40%}
|