@pantheon-systems/pds-toolkit-react 1.0.0-alpha.6 → 1.0.0-alpha.8

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

@@ -1,2 +1,2 @@
-.pds-tab-menu{--tab-color:var(--pds-color-fg-default);--tab-border-width:1px;border-bottom:var(--tab-border-width) solid var(--pds-color-border-separator);font-family:Poppins,sans-serif;margin-block:.512rem;position:relative;width:100%}.pds-tab-menu__menu{color:var(--tab-color);column-gap:2.441rem;display:flex;list-style:none;margin:0;padding:0}.pds-tab-menu__item{align-items:center;border-bottom:calc(var(--tab-border-width)*3) solid transparent;column-gap:.125rem;display:flex;font-size:1rem;font-weight:600;margin-block-end:calc(var(--tab-border-width)*-1);padding:.41rem .25rem;position:relative}.pds-tab-menu__item:hover{--tab-color:var(--pds-color-nav-item-default-foreground-active)}.pds-tab-menu__item:hover .pds-tab-menu__dropdown-trigger-icon{color:var(--pds-color-nav-item-default-foreground-active)}.pds-tab-menu__item.pds-tab-menu__item--active{--tab-color:var(--pds-color-nav-item-default-foreground-active);border-bottom-color:var(--pds-color-nav-item-default-foreground-active)}.pds-tab-menu__item.pds-tab-menu__item--active .pds-icon{color:var(--pds-color-nav-item-default-foreground-active)}.pds-tab-menu__item a{color:var(--tab-color);text-decoration:none}.pds-tab-menu__item a:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.125rem}.pds-tab-menu__item .pds-tab-menu__item-icon{color:var(--tab-color)}.pds-tab-menu__item .pds-tab-menu__item-inner{align-items:center;column-gap:.64rem;display:flex}.pds-tab-menu__dropdown-trigger{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-fg-default);display:flex;height:1.563rem;margin-inline-end:-.64rem;padding-inline:.375rem}.pds-tab-menu__dropdown-trigger:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-tab-menu__dropdown-trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);pointer-events:none;transition:transform .2s ease-in-out 0s}.pds-tab-menu__dropdown-trigger[aria-expanded=true]
+.pds-tab-menu{--tab-color:var(--pds-color-fg-default);--tab-border-width:1px;--tab-inline-padding:1.25rem;--dropdown-trigger-size:1.563rem;font-family:Poppins,sans-serif;margin-block:.64rem .512rem;position:relative;width:100%}.pds-tab-menu__menu{border-bottom:var(--tab-border-width) solid var(--pds-color-border-separator);color:var(--tab-color);column-gap:1rem;display:flex;list-style:none;margin:0;padding:0}.pds-tab-menu__item{align-items:center;border-radius:var(--pds-border-radius-container);column-gap:.125rem;display:flex;font-size:1rem;font-weight:400;margin-block-end:calc(var(--tab-border-width)*8);position:relative;transition:all .2s ease-in-out 0s}.pds-tab-menu__item:after{background-color:transparent;bottom:calc(var(--tab-border-width)*-9);content:"";height:calc(var(--tab-border-width)*4);left:0;position:absolute;transition:all .2s ease-in-out 0s;width:100%}.pds-tab-menu__item:hover{--tab-color:var(--pds-color-nav-item-default-foreground-active);background-color:var(--pds-color-button-secondary-background-active)}.pds-tab-menu__item:hover:after{background-color:var(--pds-color-nav-item-default-foreground-active)}.pds-tab-menu__item.pds-tab-menu__item--active{--tab-color:var(--pds-color-nav-item-default-foreground-active)}.pds-tab-menu__item.pds-tab-menu__item--active .pds-icon{color:var(--pds-color-nav-item-default-foreground-active)}.pds-tab-menu__item.pds-tab-menu__item--active:after{background-color:var(--pds-color-nav-item-default-foreground-active)}.pds-tab-menu__item a{border-radius:var(--pds-border-radius-container);color:var(--tab-color);padding:.41rem var(--tab-inline-padding) .328rem;text-decoration:none}.pds-tab-menu__item a:has(+.pds-tab-menu__dropdown-trigger){padding-inline-end:calc(var(--tab-inline-padding)*2)}.pds-tab-menu__item a:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.125rem}.pds-tab-menu__item .pds-tab-menu__item-icon{color:var(--tab-color)}.pds-tab-menu__item .pds-tab-menu__item-inner{align-items:center;column-gap:.64rem;display:flex}.pds-tab-menu__dropdown-trigger{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-fg-default);cursor:pointer;display:flex;height:1.563rem;margin-inline-end:calc(var(--tab-inline-padding)*.75);margin-inline-start:calc(var(--tab-inline-padding)*-2)}.pds-tab-menu__dropdown-trigger:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-tab-menu__dropdown-trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);padding-block-start:.125rem;pointer-events:none;transition:transform .2s ease-in-out 0s}.pds-tab-menu__dropdown-trigger[aria-expanded=true]
 	.pds-tab-menu__dropdown-trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-tab-menu__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;left:0;margin-block-start:.512rem;max-height:24rem;overflow-x:hidden;overflow-y:auto;position:absolute;top:3.052rem}.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:.512rem .64rem;row-gap:.328rem}.pds-tab-menu__dropdown-item{align-items:center;background-color:transparent;border-radius:.1875rem;color:var(--pds-color-dropdown-foreground);cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;line-height:120%;list-style-type:none;margin:0}.pds-tab-menu__dropdown-item:focus-visible{outline:1px 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:.375rem;color:var(--pds-color-dropdown-foreground);column-gap:.64rem;display:flex;justify-content:space-between;padding:.64rem .8rem;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:.64rem}.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:.328rem .512rem}.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:1rem;margin-block-end:0;padding-inline:.8rem}.pds-tab-menu--isMobile{position:relative}.pds-tab-menu--isMobile .pds-tab-menu__menu{column-gap:1.25rem;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:.96rem;padding:.328rem .25rem}.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}

package/_dist/css/component-css/pds-table.css

@@ -1 +1 @@
-.pds-table__sort-button{background-color:transparent;border:none;display:inline-flex;flex-direction:column;margin-inline-start:.328rem;transform:translateY(-.25rem)}.pds-table__sort-header{cursor:pointer}.pds-table__sort-wrapper{display:flex}.pds-table__sort-button-top{color:var(--pds-color-brand-primary-default);line-height:0}.pds-table__sort-button-bottom,.pds-table__sort-button-top.desc,.pds-table__sort-button-top.pds-table__sort-innactive{color:var(--pds-color-status-neutral-background)}.pds-table__sort-button-bottom{line-height:0;margin-block-start:-.375rem}.pds-table__sort-button-bottom.desc{color:var(--pds-color-brand-primary-default)}
+.pds-table__sort-button{background-color:transparent;border:none;display:inline-flex;flex-direction:column;margin-inline-start:.328rem;transform:translateY(-.25rem)}.pds-table__sort-header{cursor:pointer}.pds-table__sort-wrapper{display:flex}.pds-table__sort-button-top{color:var(--pds-color-brand-primary-default);line-height:0}.pds-table__sort-button-bottom,.pds-table__sort-button-top.desc,.pds-table__sort-button-top.pds-table__sort-inactive{color:var(--pds-color-status-neutral-background)}.pds-table__sort-button-bottom{line-height:0;margin-block-start:-.375rem}.pds-table__sort-button-bottom.desc{color:var(--pds-color-brand-primary-default)}

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

@@ -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-input);color:var(--pds-color-fg-default);column-gap:2.441rem;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;background-color:transparent;border:none;border-bottom:calc(var(--tab-border-width)*3) solid transparent;color:var(--pds-color-fg-default);column-gap:.125rem;cursor:pointer;display:flex;font-size:1rem;font-weight:600;margin-block-end:calc(var(--tab-border-width)*-1);padding:.41rem .125rem;position:relative;transition:all .2s ease-in-out 0s}.pds-tabs__tab:hover{color:var(--pds-color-brand-primary-default);transition:all .2s ease-in-out 0s}.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]{border-bottom-color:var(--pds-color-brand-primary-default);color:var(--pds-color-brand-primary-default)}.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:50%}.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}
+.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:50%}.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}

package/_dist/css/component-css/pds-utility-button.css

@@ -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:.41rem;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--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__separator{background-color:var(--pds-color-border-input);height:1.563rem;margin-inline:.25rem;width:1px}
+.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}