@pantheon-systems/pds-toolkit-react 2.0.0-alpha.20 → 2.0.0-alpha.22

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

@@ -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);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}
+.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,.pds-select__trigger-icon.pds-icon--l{height:1rem;width:1rem}.pds-select--m .pds-select__trigger-icon.pds-icon--l{height:1.125rem;width:1.125rem}.pds-select--l .pds-select__trigger-icon.pds-icon--l{height:1.25rem;width:1.25rem}.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);white-space:nowrap}.pds-select__option-icon{align-self:center;color:var(--pds-color-fg-default);display:flex;flex-shrink:0}

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

@@ -1 +1 @@
-.pds-table__sort-button{--sort-icon-inactive:oklch(0.75 0 0);background-color:transparent;border:none;display:inline-flex;flex-direction:column;margin-inline-start:0;transform:translateY(-.3rem) scale(.9)}.pds-table__sort-header{cursor:pointer}.pds-table__sort-wrapper{display:flex}.pds-table__sort-button-top{color:var(--pds-color-fg-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(--sort-icon-inactive)}.pds-table__sort-button-bottom{line-height:0;margin-block-start:-.5625rem}.pds-table__sort-button-bottom.desc{color:var(--pds-color-fg-default)}
+.pds-table-wrapper{display:flex;flex-direction:column;gap:var(--pds-spacing-m);width:100%}.pds-table-wrapper__pagination{align-items:center;display:flex;gap:var(--pds-spacing-l);width:100%}.pds-table-wrapper__pagination-controls{margin-inline-start:auto}.pds-table__checkbox-cell{padding-inline:var(--pds-spacing-xs);text-align:center;width:2.5rem}.pds-table__empty-cell{border:none;padding:0}.pds-table__sort-button{--sort-icon-inactive:var(--pds-color-table-sort-icon-inactive);align-items:center;background-color:transparent;border:none;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:var(--pds-spacing-3xs);padding:0;text-align:start}.pds-table__sort-icons{display:inline-flex;flex-direction:column;transform:scale(.8)}.pds-table__sort-button-top{color:var(--pds-color-fg-default);line-height:0}.pds-table__sort-button-bottom,.pds-table__sort-button-top--desc,.pds-table__sort-button-top--inactive{color:var(--sort-icon-inactive)}.pds-table__sort-button-bottom{line-height:0;margin-block-start:-.5625rem}.pds-table__sort-button-bottom--desc{color:var(--pds-color-fg-default)}

package/dist/css/component-css/pds-vertical-empty-state.css

@@ -1 +1 @@
-.pds-vertical-empty-state{color:var(--pds-color-text-default);display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);row-gap:var(--pds-spacing-xl);text-align:center;width:100%}.pds-vertical-empty-state>*{margin-inline:auto}.pds-vertical-empty-state__text{align-items:center;display:flex;flex-direction:column;row-gap:var(--pds-spacing-m)}.pds-vertical-empty-state__message{font-size:var(--pds-typography-size-m);line-height:var(--pds-typography-lh-l);max-width:600px;text-wrap:pretty}.pds-vertical-empty-state__message :last-child{margin-block-end:0}.pds-vertical-empty-state__cta{padding-block-start:var(--pds-spacing-xl)}.pds-vertical-empty-state__cta .pds-button-group{justify-content:center}
+.pds-vertical-empty-state{color:var(--pds-color-fg-default);display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);row-gap:var(--pds-spacing-xl);text-align:center;width:100%}.pds-vertical-empty-state>*{margin-inline:auto}.pds-vertical-empty-state__heading{font-size:var(--pds-typography-size-2xl);font-weight:var(--pds-typography-fw-bold);margin-block-end:0}.pds-vertical-empty-state__text{align-items:center;display:flex;flex-direction:column;row-gap:var(--pds-spacing-m)}.pds-vertical-empty-state__message{font-size:var(--pds-typography-size-m);line-height:var(--pds-typography-lh-l);max-width:600px;text-wrap:pretty}.pds-vertical-empty-state__message :last-child{margin-block-end:0}.pds-vertical-empty-state__cta{padding-block-start:var(--pds-spacing-xl)}.pds-vertical-empty-state__cta .pds-button-group{justify-content:center}