@pantheon-systems/pds-toolkit-react 2.0.0-alpha.83 → 2.0.0-alpha.85

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

@@ -1,7 +1,7 @@
-@layer pds-v1, pds-v2;@layer pds-v2{.pds-table-wrapper{--table-footer-height:3.75rem;display:flex;flex-direction:column;gap:var(--pds-spacing-m);width:100%}.pds-table-wrapper__content{display:flex;overflow-x:clip;position:relative;width:100%}.pds-table-wrapper__table-column{display:flex;flex:1;flex-direction:column;margin-inline-end:0;min-width:0;transition:margin-inline-end .25s cubic-bezier(.2,0,0,1)}.pds-table-wrapper__content--panel-open .pds-table-wrapper__table-column{margin-inline-end:var(--pds-detail-panel-width,20rem)}.pds-table-wrapper__table-area{max-height:var(--table-max-height,none);min-height:var(--table-min-height,none);min-width:0;overflow-x:auto;overflow-y:auto}.pds-table-wrapper__detail-panel{background-color:var(--pds-color-surface-default);border-radius:0 var(--pds-border-radius-panel) var(--pds-border-radius-panel) 0;bottom:0;display:flex;flex-direction:column;overflow:hidden;position:absolute;right:0;top:0;transition:width .25s cubic-bezier(.2,0,0,1);width:0}.pds-table-wrapper__detail-panel--open{border-inline-start:var(--pds-border-width-default) solid var(--pds-color-border-default);width:var(--pds-detail-panel-width,20rem)}.pds-table-wrapper__detail-panel-upper{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.pds-table-wrapper__detail-panel-header{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;padding:var(--pds-spacing-l) var(--pds-spacing-m) 0}.pds-table-wrapper__detail-panel-title{flex:1;font-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-semibold);line-height:1}.pds-table-wrapper__detail-panel-content{flex:1;overflow-y:auto;padding:var(--pds-spacing-xl) var(--pds-spacing-m)}.pds-table-wrapper__detail-panel-footer{box-shadow:inset 0 1px 0 var(--pds-color-border-default);flex-shrink:0;height:var(--table-footer-height)}.pds-table-wrapper__detail-panel-nav{align-items:center;display:flex;gap:var(--pds-spacing-2xs);height:100%;justify-content:flex-end;padding-inline:var(--pds-spacing-m)}.pds-table-wrapper__footer{width:100%}.pds-table-wrapper--in-panel .pds-table td:first-child,.pds-table-wrapper--in-panel .pds-table th:first-child{padding-inline-start:var(--pds-spacing-l)}.pds-table-wrapper--in-panel .pds-table td.pds-table__checkbox-cell,.pds-table-wrapper--in-panel .pds-table th.pds-table__checkbox-cell{width:3rem}.pds-table-wrapper--in-panel .pds-table td:last-child,.pds-table-wrapper--in-panel .pds-table th:last-child{padding-inline-end:var(--pds-spacing-m)}.pds-table-wrapper--in-panel .pds-table th{padding-block:var(--pds-spacing-m)}.pds-table-wrapper--in-panel .pds-table-wrapper__footer,.pds-table-wrapper--in-panel .pds-table-wrapper__pagination{box-shadow:inset 0 1px 0 var(--pds-color-border-default)}.pds-table-wrapper--in-panel .pds-table-wrapper__pagination{box-sizing:border-box;height:var(--table-footer-height);padding-inline:var(--pds-spacing-m)}.pds-table-wrapper__pagination{align-items:center;display:flex;gap:var(--pds-spacing-l);width:100%}.pds-table-wrapper:not(.pds-table-wrapper--in-panel)
+@layer pds-v1, pds-v2;@layer pds-v2{.pds-table-wrapper{--table-footer-height:3.75rem;display:flex;flex-direction:column;gap:var(--pds-spacing-m);width:100%}.pds-table-wrapper__content{display:flex;overflow-x:clip;position:relative;width:100%}.pds-table-wrapper__table-column{display:flex;flex:1;flex-direction:column;margin-inline-end:0;min-width:0;transition:margin-inline-end .25s cubic-bezier(.2,0,0,1)}.pds-table-wrapper__content--panel-open .pds-table-wrapper__table-column{margin-inline-end:var(--pds-detail-panel-width,20rem)}.pds-table-wrapper__table-area{max-height:var(--table-max-height,none);min-height:var(--table-min-height,none);min-width:0;overflow-x:auto;overflow-y:auto}.pds-table-wrapper__detail-panel{background-color:var(--pds-color-surface-default);border-radius:0 var(--pds-border-radius-panel) var(--pds-border-radius-panel) 0;bottom:0;display:flex;flex-direction:column;overflow:hidden;position:absolute;right:0;top:0;transition:width .25s cubic-bezier(.2,0,0,1);width:0}.pds-table-wrapper__detail-panel--open{border-inline-start:var(--pds-border-width-default) solid var(--pds-color-border-default);width:var(--pds-detail-panel-width,20rem)}.pds-table-wrapper__detail-panel-upper{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.pds-table-wrapper__detail-panel-header{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;padding:var(--pds-spacing-l) var(--pds-spacing-m) 0}.pds-table-wrapper__detail-panel-title{flex:1;font-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-semibold);line-height:1}.pds-table-wrapper__detail-panel-content{flex:1;overflow-y:auto;padding:var(--pds-spacing-xl) var(--pds-spacing-m)}.pds-table-wrapper__detail-panel-footer{box-shadow:inset 0 1px 0 var(--pds-color-border-default);flex-shrink:0;height:var(--table-footer-height)}.pds-table-wrapper__detail-panel-nav{align-items:center;display:flex;gap:var(--pds-spacing-2xs);height:100%;justify-content:flex-end;padding-inline:var(--pds-spacing-m)}.pds-table-wrapper__footer{width:100%}.pds-table-wrapper--in-panel .pds-table td:first-child,.pds-table-wrapper--in-panel .pds-table th:first-child{padding-inline-start:var(--pds-spacing-l)}.pds-table-wrapper--in-panel .pds-table td.pds-table__checkbox-cell,.pds-table-wrapper--in-panel .pds-table th.pds-table__checkbox-cell{width:3rem}.pds-table-wrapper--in-panel .pds-table td:last-child,.pds-table-wrapper--in-panel .pds-table th:last-child{padding-inline-end:var(--pds-spacing-m)}.pds-table-wrapper--in-panel .pds-table th{padding-block:var(--pds-spacing-m)}.pds-table-wrapper--in-panel .pds-table-wrapper__footer,.pds-table-wrapper--in-panel .pds-table-wrapper__pagination{box-shadow:inset 0 1px 0 var(--pds-color-border-default)}.pds-table-wrapper--in-panel .pds-table-wrapper__pagination{box-sizing:border-box;height:var(--table-footer-height);padding-inline:var(--pds-spacing-m)}.pds-table-wrapper__pagination{align-items:center;display:flex;gap:var(--pds-spacing-l);padding-inline:var(--pds-spacing-3xs);width:100%}.pds-table-wrapper:not(.pds-table-wrapper--in-panel)
 	.pds-table-wrapper__footer,.pds-table-wrapper:not(.pds-table-wrapper--in-panel)
 	.pds-table-wrapper__pagination{margin-block-start:var(--pds-spacing-m)}.pds-table-wrapper__pagination-controls{margin-inline-start:auto}.pds-table-wrapper__pagination--center{justify-content:center}.pds-table-wrapper__pagination--center .pds-table-wrapper__pagination-controls{margin-inline-start:0}table.pds-table{border-collapse:separate;border-spacing:0}.pds-table td{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default)}.pds-table-wrapper--in-panel .pds-table tbody tr:last-child td{border-block-end:none}.pds-table th{background-color:var(--pds-color-surface-default);box-shadow:inset 0 calc(var(--pds-border-width-default)*-1) 0 var(--pds-color-border-default);position:sticky;top:0;z-index:1}.pds-table-wrapper--in-panel .pds-table-wrapper__table-area{border-start-end-radius:calc(var(--pds-border-radius-panel) - var(--pds-border-width-default));border-start-start-radius:calc(var(--pds-border-radius-panel) - var(--pds-border-width-default))}.pds-table-wrapper--in-panel .pds-table-wrapper__table-area:last-child{border-end-end-radius:calc(var(--pds-border-radius-panel) - var(--pds-border-width-default));border-end-start-radius:calc(var(--pds-border-radius-panel) - var(--pds-border-width-default))}.pds-table-wrapper--in-panel
 	.pds-table-wrapper__content--panel-open
 	.pds-table-wrapper__table-area{border-start-end-radius:0}.pds-table-wrapper--in-panel
 	.pds-table-wrapper__content--panel-open
-	.pds-table-wrapper__table-area:last-child{border-end-end-radius:0}.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__row--inspectable{cursor:pointer}.pds-table__row--inspectable:not(.pds-table__row--inspected):focus{outline:none}.pds-table__row--inspectable:focus-visible{outline:2px solid var(--pds-color-interactive-foreground-current);outline-offset:-2px}.pds-table__row--inspectable:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-table__row--inspected{background-color:var(--pds-color-interactive-background-selected);outline:2px solid var(--pds-color-interactive-foreground-current);outline-offset:-2px}tbody:has(.pds-table__row--inspected) tr:not(.pds-table__row--inspected){opacity:.65;transition:opacity .15s ease}.pds-table__row--info{background-color:var(--pds-color-status-info-background);box-shadow:inset 4px 0 0 var(--pds-color-status-info-fill)}.pds-table__row--success{background-color:var(--pds-color-status-success-background);box-shadow:inset 4px 0 0 var(--pds-color-status-success-fill)}.pds-table__row--warning{background-color:var(--pds-color-status-warning-background);box-shadow:inset 4px 0 0 var(--pds-color-status-warning-fill)}.pds-table__row--critical{background-color:var(--pds-color-status-critical-background);box-shadow:inset 4px 0 0 var(--pds-color-status-critical-fill)}.pds-table__row--discovery{background-color:var(--pds-color-status-discovery-background);box-shadow:inset 4px 0 0 var(--pds-color-status-discovery-fill)}.pds-table__row--info.pds-table__row--inspectable:hover{background-color:var(--pds-color-status-info-background-hover)}.pds-table__row--success.pds-table__row--inspectable:hover{background-color:var(--pds-color-status-success-background-hover)}.pds-table__row--warning.pds-table__row--inspectable:hover{background-color:var(--pds-color-status-warning-background-hover)}.pds-table__row--critical.pds-table__row--inspectable:hover{background-color:var(--pds-color-status-critical-background-hover)}.pds-table__row--discovery.pds-table__row--inspectable:hover{background-color:var(--pds-color-status-discovery-background-hover)}.pds-table__row--info.pds-table__row--inspected{background-color:var(--pds-color-status-info-background)}.pds-table__row--success.pds-table__row--inspected{background-color:var(--pds-color-status-success-background)}.pds-table__row--warning.pds-table__row--inspected{background-color:var(--pds-color-status-warning-background)}.pds-table__row--critical.pds-table__row--inspected{background-color:var(--pds-color-status-critical-background)}.pds-table__row--discovery.pds-table__row--inspected{background-color:var(--pds-color-status-discovery-background)}.pds-table__sort-button{--sort-icon-inactive:var(--pds-color-interactive-foreground-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-interactive-foreground-current);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-interactive-foreground-current)}.pds-table-wrapper__card-list{display:flex;flex-direction:column;gap:var(--pds-spacing-s);list-style:none;margin:0;padding:0}.pds-table__card{appearance:none;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-card);color:inherit;display:block;font:inherit;padding:var(--pds-spacing-s);text-align:start;width:100%}.pds-table__card a{text-decoration:none}.pds-table__card a:hover{text-decoration:underline}.pds-table__card-main{align-items:center;display:flex;gap:var(--pds-spacing-s)}.pds-table__card-body{flex:1;min-width:0}.pds-table__card-title{font-weight:var(--pds-typography-fw-semibold)}.pds-table__card-meta{color:var(--pds-color-foreground-default-secondary);display:flex;flex-wrap:wrap;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-l);margin-block-start:var(--pds-spacing-3xs)}.pds-table__card-chevron{color:var(--pds-color-input-placeholder);flex-shrink:0}.pds-table__card--selectable{cursor:pointer}.pds-table__card--selectable:not(.pds-table__row--inspected):focus{outline:none}.pds-table__card--selectable:focus-visible{outline:2px solid var(--pds-color-interactive-foreground-current);outline-offset:-2px}.pds-table__card--selectable:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-table__card--selectable:disabled{cursor:not-allowed;opacity:40%}.pds-table__card--selectable .pds-checkbox{flex-shrink:0}.pds-table__auto-detail{display:grid;gap:var(--pds-spacing-l) var(--pds-spacing-xl);grid-template-columns:auto 1fr}.pds-table__auto-detail dt{color:var(--pds-color-foreground-default-secondary);font-weight:var(--pds-typography-fw-regular);margin-block-start:0}.pds-table__auto-detail dd{font-weight:var(--pds-typography-fw-semibold);margin-inline-start:0}.pds-table__auto-detail a{text-decoration:none}.pds-table__auto-detail a:hover{text-decoration:underline}.pds-table-wrapper__mobile-sheet-nav{align-items:center;display:flex;justify-content:space-between;width:100%}.pds-table__detail-panel-position{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s);white-space:nowrap}}
+	.pds-table-wrapper__table-area:last-child{border-end-end-radius:0}.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__row--inspectable{cursor:pointer}.pds-table__row--inspectable:not(.pds-table__row--inspected):focus{outline:none}.pds-table__row--inspectable:focus-visible{outline:2px solid var(--pds-color-interactive-foreground-current);outline-offset:-2px}.pds-table__row--inspectable:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-table__row--inspected{background-color:var(--pds-color-interactive-background-selected);outline:2px solid var(--pds-color-interactive-foreground-current);outline-offset:-2px}tbody:has(.pds-table__row--inspected) tr:not(.pds-table__row--inspected){opacity:.65;transition:opacity .15s ease}.pds-table__row--info{background-color:var(--pds-color-status-info-background);box-shadow:inset 4px 0 0 var(--pds-color-status-info-fill)}.pds-table__row--success{background-color:var(--pds-color-status-success-background);box-shadow:inset 4px 0 0 var(--pds-color-status-success-fill)}.pds-table__row--warning{background-color:var(--pds-color-status-warning-background);box-shadow:inset 4px 0 0 var(--pds-color-status-warning-fill)}.pds-table__row--critical{background-color:var(--pds-color-status-critical-background);box-shadow:inset 4px 0 0 var(--pds-color-status-critical-fill)}.pds-table__row--discovery{background-color:var(--pds-color-status-discovery-background);box-shadow:inset 4px 0 0 var(--pds-color-status-discovery-fill)}.pds-table__row--info.pds-table__row--inspectable:hover{background-color:var(--pds-color-status-info-background-hover)}.pds-table__row--success.pds-table__row--inspectable:hover{background-color:var(--pds-color-status-success-background-hover)}.pds-table__row--warning.pds-table__row--inspectable:hover{background-color:var(--pds-color-status-warning-background-hover)}.pds-table__row--critical.pds-table__row--inspectable:hover{background-color:var(--pds-color-status-critical-background-hover)}.pds-table__row--discovery.pds-table__row--inspectable:hover{background-color:var(--pds-color-status-discovery-background-hover)}.pds-table__row--info.pds-table__row--inspected{background-color:var(--pds-color-status-info-background)}.pds-table__row--success.pds-table__row--inspected{background-color:var(--pds-color-status-success-background)}.pds-table__row--warning.pds-table__row--inspected{background-color:var(--pds-color-status-warning-background)}.pds-table__row--critical.pds-table__row--inspected{background-color:var(--pds-color-status-critical-background)}.pds-table__row--discovery.pds-table__row--inspected{background-color:var(--pds-color-status-discovery-background)}.pds-table__sort-button{--sort-icon-inactive:var(--pds-color-interactive-foreground-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-interactive-foreground-current);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-interactive-foreground-current)}.pds-table-wrapper__card-list{display:flex;flex-direction:column;gap:var(--pds-spacing-s);list-style:none;margin:0;padding:0}.pds-table__card{appearance:none;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-card);color:inherit;display:block;font:inherit;padding:var(--pds-spacing-s);text-align:start;width:100%}.pds-table__card.pds-table__row--inspectable:hover{background-color:var(--pds-color-surface-default);border-color:var(--pds-color-interactive-foreground-current)}.pds-table__card a{text-decoration:none}.pds-table__card a:hover{text-decoration:underline}.pds-table__card-main{align-items:center;display:flex;gap:var(--pds-spacing-s)}.pds-table__card-body{flex:1;min-width:0}.pds-table__card-title{font-weight:var(--pds-typography-fw-semibold)}.pds-table__card-meta{color:var(--pds-color-foreground-default-secondary);display:flex;flex-wrap:wrap;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-l);margin-block-start:var(--pds-spacing-3xs)}.pds-table__card-chevron{color:var(--pds-color-input-placeholder);flex-shrink:0}.pds-table__card--selectable{cursor:pointer}.pds-table__card--selectable:not(.pds-table__row--inspected):focus{outline:none}.pds-table__card--selectable:focus-visible{outline:2px solid var(--pds-color-interactive-foreground-current);outline-offset:-2px}.pds-table__card--selectable:hover{border-color:var(--pds-color-interactive-foreground-current)}.pds-table__card--selectable:disabled{cursor:not-allowed;opacity:40%}.pds-table__card--selectable .pds-checkbox{flex-shrink:0}.pds-table__auto-detail{display:grid;gap:var(--pds-spacing-l) var(--pds-spacing-xl);grid-template-columns:auto 1fr}.pds-table__auto-detail dt{color:var(--pds-color-foreground-default-secondary);font-weight:var(--pds-typography-fw-regular);margin-block-start:0}.pds-table__auto-detail dd{font-weight:var(--pds-typography-fw-regular);margin-inline-start:0}.pds-table__auto-detail a{text-decoration:none}.pds-table__auto-detail a:hover{text-decoration:underline}.pds-table-wrapper__mobile-sheet-nav{align-items:center;display:flex;justify-content:space-between;width:100%}.pds-table__detail-panel-position{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s);white-space:nowrap}}

package/dist/css/component-css/pds-tags-input.css

@@ -1 +1 @@
-@layer pds-v1, pds-v2;@layer pds-v2{.pds-tags-input{--tag-background:var(--pds-color-input-tag-background-default);--tag-hover-background:var(--pds-color-input-tag-background-hover);--tag-text-color:var(--pds-color-input-tag-foreground-default);--tag-text-hover-color:var(--pds-color-input-tag-foreground-hover);--tag-icon-hover-color:var(--pds-color-foreground-default-secondary);--tag-selected-outline:var(--pds-border-width-default) solid var(--pds-color-input-tag-outline-active);--wrapper-padding:var(--pds-spacing-3xs);--wrapper-gap:var(--pds-spacing-3xs);--tag-font-size:var(--pds-typography-size-xs);--tag-inner-gap:var(--pds-spacing-3xs);--tag-padding-block:var(--pds-spacing-4xs);--tag-padding-inline-end:var(--pds-spacing-3xs);--tag-padding-inline-start:var(--pds-spacing-3xs);--tag-remove-size:0.75rem;--tag-grip-size:0.625rem}.pds-tags-input__input-wrapper{align-items:flex-start;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:var(--wrapper-gap);padding:var(--wrapper-padding);transition:var(--pds-animation-transition-input)}.pds-tags-input__input-wrapper:has(.pds-tags-input__input:focus){outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-tags-input__tags{align-items:center;display:flex;flex-wrap:wrap;gap:var(--wrapper-gap)}.pds-tags-input__tag{align-items:center;background-color:var(--tag-background);border-radius:var(--pds-border-radius-input);box-sizing:border-box;color:var(--tag-text-color);cursor:grab;display:inline-flex;font-size:var(--tag-font-size);font-weight:var(--pds-typography-fw-regular);gap:var(--tag-inner-gap);line-height:1;padding-block:var(--tag-padding-block);padding-inline:var(--tag-padding-inline-start) var(--tag-padding-inline-end);position:relative;transition:background-color .2s ease,color .2s ease}.pds-tags-input__tag:focus-visible{background-color:var(--tag-hover-background);color:var(--tag-text-hover-color);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-tags-input__tag:active{cursor:grabbing}.pds-tags-input__tag--dragging{opacity:.5}.pds-tags-input__tag--dragging:after,.pds-tags-input__tag--dragging:before{display:none}.pds-tags-input__tag--dragging .pds-tags-input__tag-remove-icon{opacity:.5}.pds-tags-input__tag--drag-preview{background-color:var(--tag-hover-background)!important;color:var(--tag-text-hover-color)!important;outline:var(--tag-selected-outline)!important;outline-offset:-1px!important}.pds-tags-input__tag--drop-target-before:before{inset-inline-start:calc(var(--wrapper-gap)/-2 - 1px)}.pds-tags-input__tag--drop-target-after:after,.pds-tags-input__tag--drop-target-before:before{background:var(--pds-color-badge-indicator-platinum-foreground);content:"";height:100%;position:absolute;top:0;width:2px}.pds-tags-input__tag--drop-target-after:after{inset-inline-end:calc(var(--wrapper-gap)/-2 - 1px)}.pds-tags-input__tag-grip{align-items:center;color:var(--pds-color-foreground-default-secondary);cursor:grab;display:flex;margin-inline-start:calc(var(--pds-spacing-6xs)*-1);opacity:.6;touch-action:none;transition:color .2s ease,opacity .2s ease}.pds-tags-input__tag-grip svg{height:var(--tag-grip-size);width:auto}.pds-tags-input__tag-grip:hover{color:var(--tag-icon-hover-color);opacity:1}.pds-tags-input__tag:active .pds-tags-input__tag-grip{cursor:grabbing}.pds-tags-input__tag-text{user-select:none}.pds-tags-input__tag-remove{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;height:var(--tag-remove-size);justify-content:center;padding:0;transition:color .2s ease;width:var(--tag-remove-size)}.pds-tags-input__tag-remove:hover{color:var(--tag-icon-hover-color)}.pds-tags-input__tag-remove:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px;transition:var(--pds-animation-transition-button)}.pds-tags-input__tag-remove-icon{color:var(--pds-color-foreground-default-secondary);flex-grow:0;flex-shrink:0;height:var(--tag-remove-size);transition:color .2s ease,opacity .2s ease;width:var(--tag-remove-size)}.pds-tags-input__tag-remove:hover .pds-tags-input__tag-remove-icon{color:var(--tag-icon-hover-color)}.pds-tags-input__tag.pds-is-disabled{cursor:not-allowed;opacity:63%}.pds-tags-input__tag.pds-is-disabled .pds-tags-input__tag-grip,.pds-tags-input__tag.pds-is-disabled .pds-tags-input__tag-remove{cursor:not-allowed;pointer-events:none}.pds-tags-input:not(.pds-is-disabled) .pds-tags-input__tag:hover:not(.pds-tags-input__tag--dragging){background-color:var(--tag-hover-background);color:var(--tag-text-hover-color)}.pds-tags-input:not(.pds-is-disabled) .pds-tags-input__tag:hover:not(.pds-tags-input__tag--dragging) .pds-tags-input__tag-grip{color:var(--tag-icon-hover-color)}.pds-tags-input__input{background:none;border:none;caret-color:var(--pds-color-foreground-default);color:var(--pds-color-foreground-default);flex:1 1 auto;font-size:var(--pds-typography-size-s);height:calc(var(--tag-padding-block)*2 + var(--tag-font-size));line-height:1;min-width:3rem;outline:none;padding-block:0;padding-inline:var(--pds-spacing-3xs)}.pds-tags-input__input::placeholder{color:var(--pds-color-input-placeholder)}.pds-tags-input.pds-has-error .pds-tags-input__input-wrapper{border-color:var(--pds-color-status-critical-foreground)}.pds-tags-input.pds-has-error .pds-tags-input__input-wrapper:focus-within{outline-color:var(--pds-color-status-critical-foreground)}.pds-tags-input.pds-has-success .pds-tags-input__input-wrapper{border-color:var(--pds-color-status-success-foreground)}.pds-tags-input.pds-has-success .pds-tags-input__input-wrapper:focus-within{outline-color:var(--pds-color-status-success-foreground)}.pds-tags-input--m{--wrapper-padding:var(--pds-spacing-2xs);--wrapper-gap:var(--pds-spacing-3xs);--tag-font-size:var(--pds-typography-size-xs);--tag-inner-gap:var(--pds-spacing-3xs);--tag-padding-block:var(--pds-spacing-3xs);--tag-padding-inline-end:var(--pds-spacing-2xs);--tag-padding-inline-start:var(--pds-spacing-2xs);--tag-remove-size:0.75rem;--tag-grip-size:0.75rem}}
+@layer pds-v1, pds-v2;@layer pds-v2{.pds-tags-input{--tag-background:var(--pds-color-input-tag-background-default);--tag-hover-background:var(--pds-color-input-tag-background-hover);--tag-text-color:var(--pds-color-input-tag-foreground-default);--tag-text-hover-color:var(--pds-color-input-tag-foreground-hover);--tag-icon-hover-color:var(--pds-color-foreground-default-secondary);--tag-selected-outline:var(--pds-border-width-default) solid var(--pds-color-input-tag-outline-active);--wrapper-padding:var(--pds-spacing-3xs);--wrapper-gap:var(--pds-spacing-3xs);--tag-font-size:var(--pds-typography-size-xs);--tag-inner-gap:var(--pds-spacing-3xs);--tag-padding-block:var(--pds-spacing-4xs);--tag-padding-inline-end:var(--pds-spacing-3xs);--tag-padding-inline-start:var(--pds-spacing-3xs);--tag-remove-size:0.75rem;--tag-grip-size:0.625rem}.pds-tags-input__input-wrapper{align-items:flex-start;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:var(--wrapper-gap);padding:var(--wrapper-padding);transition:var(--pds-animation-transition-input)}.pds-tags-input__input-wrapper:has(.pds-tags-input__input:focus){outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-tags-input__tags{align-items:center;display:flex;flex-wrap:wrap;gap:var(--wrapper-gap)}.pds-tags-input__tag{align-items:center;background-color:var(--tag-background);border-radius:var(--pds-border-radius-default);box-sizing:border-box;color:var(--tag-text-color);cursor:grab;display:inline-flex;font-size:var(--tag-font-size);font-weight:var(--pds-typography-fw-regular);gap:var(--tag-inner-gap);line-height:1;padding-block:var(--tag-padding-block);padding-inline:var(--tag-padding-inline-start) var(--tag-padding-inline-end);position:relative;transition:background-color .2s ease,color .2s ease}.pds-tags-input__tag:focus-visible{background-color:var(--tag-hover-background);color:var(--tag-text-hover-color);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-tags-input__tag:active{cursor:grabbing}.pds-tags-input__tag--dragging{opacity:.5}.pds-tags-input__tag--dragging:after,.pds-tags-input__tag--dragging:before{display:none}.pds-tags-input__tag--dragging .pds-tags-input__tag-remove-icon{opacity:.5}.pds-tags-input__tag--drag-preview{background-color:var(--tag-hover-background)!important;color:var(--tag-text-hover-color)!important;outline:var(--tag-selected-outline)!important;outline-offset:-1px!important}.pds-tags-input__tag--drop-target-before:before{inset-inline-start:calc(var(--wrapper-gap)/-2 - 1px)}.pds-tags-input__tag--drop-target-after:after,.pds-tags-input__tag--drop-target-before:before{background:var(--pds-color-badge-indicator-platinum-foreground);content:"";height:100%;position:absolute;top:0;width:2px}.pds-tags-input__tag--drop-target-after:after{inset-inline-end:calc(var(--wrapper-gap)/-2 - 1px)}.pds-tags-input__tag-grip{align-items:center;color:var(--pds-color-foreground-default-secondary);cursor:grab;display:flex;margin-inline-start:calc(var(--pds-spacing-6xs)*-1);opacity:.6;touch-action:none;transition:color .2s ease,opacity .2s ease}.pds-tags-input__tag-grip svg{height:var(--tag-grip-size);width:auto}.pds-tags-input__tag-grip:hover{color:var(--tag-icon-hover-color);opacity:1}.pds-tags-input__tag:active .pds-tags-input__tag-grip{cursor:grabbing}.pds-tags-input__tag-text{user-select:none}.pds-tags-input__tag-remove{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-default);color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;height:var(--tag-remove-size);justify-content:center;padding:0;transition:color .2s ease;width:var(--tag-remove-size)}.pds-tags-input__tag-remove:hover{color:var(--tag-icon-hover-color)}.pds-tags-input__tag-remove:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px;transition:var(--pds-animation-transition-button)}.pds-tags-input__tag-remove-icon{color:var(--pds-color-foreground-default-secondary);flex-grow:0;flex-shrink:0;height:var(--tag-remove-size);transition:color .2s ease,opacity .2s ease;width:var(--tag-remove-size)}.pds-tags-input__tag-remove:hover .pds-tags-input__tag-remove-icon{color:var(--tag-icon-hover-color)}.pds-tags-input__tag.pds-is-disabled{cursor:not-allowed;opacity:63%}.pds-tags-input__tag.pds-is-disabled .pds-tags-input__tag-grip,.pds-tags-input__tag.pds-is-disabled .pds-tags-input__tag-remove{cursor:not-allowed;pointer-events:none}.pds-tags-input:not(.pds-is-disabled) .pds-tags-input__tag:hover:not(.pds-tags-input__tag--dragging){background-color:var(--tag-hover-background);color:var(--tag-text-hover-color)}.pds-tags-input:not(.pds-is-disabled) .pds-tags-input__tag:hover:not(.pds-tags-input__tag--dragging) .pds-tags-input__tag-grip{color:var(--tag-icon-hover-color)}.pds-tags-input__input{background:none;border:none;caret-color:var(--pds-color-foreground-default);color:var(--pds-color-foreground-default);flex:1 1 auto;font-size:var(--pds-typography-size-s);height:calc(var(--tag-padding-block)*2 + var(--tag-font-size));line-height:1;min-width:3rem;outline:none;padding-block:0;padding-inline:var(--pds-spacing-3xs)}.pds-tags-input__input::placeholder{color:var(--pds-color-input-placeholder)}.pds-tags-input.pds-has-error .pds-tags-input__input-wrapper{border-color:var(--pds-color-status-critical-foreground)}.pds-tags-input.pds-has-error .pds-tags-input__input-wrapper:focus-within{outline-color:var(--pds-color-status-critical-foreground)}.pds-tags-input.pds-has-success .pds-tags-input__input-wrapper{border-color:var(--pds-color-status-success-foreground)}.pds-tags-input.pds-has-success .pds-tags-input__input-wrapper:focus-within{outline-color:var(--pds-color-status-success-foreground)}.pds-tags-input--m{--wrapper-padding:var(--pds-spacing-2xs);--wrapper-gap:var(--pds-spacing-3xs);--tag-font-size:var(--pds-typography-size-xs);--tag-inner-gap:var(--pds-spacing-3xs);--tag-padding-block:var(--pds-spacing-3xs);--tag-padding-inline-end:var(--pds-spacing-2xs);--tag-padding-inline-start:var(--pds-spacing-2xs);--tag-remove-size:0.75rem;--tag-grip-size:0.75rem}}

package/dist/css/component-css/pds-utility-bar.css

@@ -1 +1 @@
-@layer pds-v1, pds-v2;@layer pds-v2{.pds-utility-bar{--utility-bar-padding:0;--utility-bar-gap:var(--pds-spacing-m);background-color:transparent;border-radius:var(--pds-border-radius-card);container-type:inline-size;padding:var(--utility-bar-padding)}.pds-utility-bar__layout{align-items:center;display:flex;gap:var(--utility-bar-gap);justify-content:space-between;width:100%}.pds-utility-bar__items-left,.pds-utility-bar__items-right{align-items:center;display:flex;flex-wrap:wrap;gap:var(--pds-spacing-xs)}@container (max-width: 640px){.pds-utility-bar__layout{align-items:stretch;flex-direction:column}.pds-utility-bar__items-left,.pds-utility-bar__items-right{width:100%}}.pds-utility-bar--pad-condensed{--utility-bar-padding:var(--pds-spacing-xs)}.pds-utility-bar--pad-standard{--utility-bar-padding:var(--pds-spacing-s)}.pds-utility-bar--pad-spacious{--utility-bar-padding:var(--pds-spacing-m)}.pds-utility-bar--bg-default{background-color:var(--pds-color-surface-default)}.pds-utility-bar--bg-default-secondary{background-color:var(--pds-color-surface-default-secondary)}}
+@layer pds-v1, pds-v2;@layer pds-v2{.pds-utility-bar{--utility-bar-padding:0;--utility-bar-column-gap:var(--pds-spacing-m);--utility-bar-row-gap:var(--pds-spacing-s);background-color:transparent;border-radius:var(--pds-border-radius-card);padding:var(--utility-bar-padding)}.pds-utility-bar__layout{align-items:center;column-gap:var(--utility-bar-column-gap);display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:var(--utility-bar-row-gap);width:100%}.pds-utility-bar__items-left{flex-grow:1}.pds-utility-bar__items-left,.pds-utility-bar__items-right{align-items:center;display:flex;flex-wrap:wrap;gap:var(--pds-spacing-xs)}.pds-utility-bar--pad-condensed{--utility-bar-padding:var(--pds-spacing-xs)}.pds-utility-bar--pad-standard{--utility-bar-padding:var(--pds-spacing-s)}.pds-utility-bar--pad-spacious{--utility-bar-padding:var(--pds-spacing-m)}.pds-utility-bar--bg-default{background-color:var(--pds-color-surface-default)}.pds-utility-bar--bg-default-secondary{background-color:var(--pds-color-surface-default-secondary)}}

package/dist/css/component-css/pds-workspace-selector-panel.css

@@ -0,0 +1 @@
+@layer pds-v1, pds-v2;@layer pds-v2{.pds-workspace-selector-panel .pds-widget-panel__content{padding-block:var(--pds-spacing-2xs) var(--pds-spacing-3xs)}.pds-workspace-selector-panel__filter{margin-block-end:var(--pds-spacing-2xs)}.pds-workspace-selector-panel__list{display:flex;flex-direction:column;list-style:none;margin-block:0;margin-inline:calc(var(--panel-padding-inline)*-1);padding:0;row-gap:var(--pds-spacing-3xs)}.pds-workspace-selector-panel__no-results{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s);margin:0;padding-block:var(--pds-spacing-2xs)}.pds-workspace-selector-panel__item{color:var(--pds-color-dropdown-foreground);font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-s);min-height:var(--pds-spacing-2xl)}.pds-workspace-selector-panel__item:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-workspace-selector-panel__item:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-workspace-selector-panel__item a,.pds-workspace-selector-panel__item button{align-items:center;color:inherit;cursor:pointer;display:flex;height:100%;padding-block:var(--pds-spacing-2xs);padding-inline:var(--panel-padding-inline);text-decoration:none}.pds-workspace-selector-panel__item a:hover{color:inherit}.pds-workspace-selector-panel__item a:focus-visible,.pds-workspace-selector-panel__item button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}.pds-workspace-selector-panel__item button{background-color:transparent;border:none;font-family:inherit;font-size:inherit;line-height:inherit;text-align:left;width:100%}.pds-workspace-selector-panel__item .pds-workspace-list-item__avatar{margin-inline-start:var(--pds-spacing-5xs)}.pds-workspace-selector-panel__item--unprivileged{opacity:.5}.pds-workspace-selector-panel__item--unprivileged:active,.pds-workspace-selector-panel__item--unprivileged:hover{background-color:transparent}.pds-workspace-selector-panel__item--unprivileged a{cursor:not-allowed}.pds-workspace-selector-panel__create-link-inner{margin-block:var(--pds-spacing-5xs)}}

package/dist/css/component-css/pds-workspace-selector.css

@@ -1,5 +1,5 @@
 @layer pds-v1, pds-v2;@layer pds-v2{.pds-workspace-selector{display:inline-block;position:relative}.pds-workspace-selector__trigger{align-items:center;background-color:transparent;border:none;color:var(--pds-color-foreground-default);column-gap:var(--pds-spacing-s)}@media (min-width:768px) and (max-width:1279px){.pds-workspace-selector__trigger{column-gap:var(--pds-spacing-2xs)}}.pds-workspace-selector__trigger{display:flex;position:relative}.pds-workspace-selector__trigger:hover{color:var(--pds-color-interactive-foreground-hover);cursor:pointer}.pds-workspace-selector__trigger:hover .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-workspace-selector__trigger:hover .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-foreground-hover)}.pds-workspace-selector__trigger:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px;transition:var(--pds-animation-transition-focus)}.pds-workspace-selector__trigger .pds-workspace-selector__trigger-icon{color:var(--pds-color-foreground-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-workspace-selector__trigger[aria-expanded=true]{color:var(--pds-color-interactive-foreground-hover)}.pds-workspace-selector__trigger[aria-expanded=true] .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-foreground-hover);transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-workspace-selector__button-content{align-items:center;column-gap:var(--pds-spacing-xs);display:flex}.pds-workspace-selector__name{font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);max-width:10rem;min-width:0;text-align:left}@media (min-width:768px) and (max-width:1279px){.pds-workspace-selector__name{display:none}}.pds-workspace-selector__name-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-wrap:balance}.pds-workspace-selector__dropdown{gap:0;margin-block-start:var(--pds-spacing-xs);padding-block-end:0;width:21rem}.pds-workspace-selector__dropdown:focus{outline:none}.pds-workspace-selector__menu{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:var(--pds-spacing-4xs)}.pds-workspace-selector__menu>*{flex-shrink:0}.pds-workspace-selector__menu--scroll{max-height:23.25rem;overflow-y:auto}.pds-workspace-selector__dropdown
-	.pds-workspace-selector__menu:not(.pds-workspace-selector__menu--scroll){padding-block-end:var(--pds-spacing-2xs)}.pds-workspace-selector__item{font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-s)}.pds-workspace-selector__item a,.pds-workspace-selector__item button{align-items:center;color:inherit;column-gap:var(--pds-spacing-2xs);display:flex;flex:1;justify-content:space-between;padding:0;text-decoration:none}.pds-workspace-selector__item a:hover{color:inherit}.pds-workspace-selector__item button{background-color:transparent;border:none;font-family:inherit;font-size:inherit;line-height:inherit;text-align:left;width:100%}.pds-workspace-selector__item--unprivileged{opacity:.5}.pds-workspace-selector__item--unprivileged:hover{background-color:transparent}.pds-workspace-selector__item--unprivileged a{cursor:not-allowed}.pds-workspace-selector__icons{align-items:center;column-gap:var(--pds-spacing-s);display:flex;flex-shrink:0}.pds-workspace-selector__lock-icon{color:var(--pds-color-foreground-default);flex-shrink:0}.pds-workspace-selector__item-content{align-items:center;column-gap:var(--pds-spacing-s);display:flex}.pds-workspace-selector__dropdown .pds-workspace-selector__filter{border-block-end:1px solid var(--pds-color-border-default);box-shadow:0 1px 9px -7px rgba(0,0,0,.2);margin-block-start:calc(var(--pds-spacing-2xs)*-1);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-2xs) var(--pds-spacing-s)}.pds-workspace-selector__dropdown .pds-workspace-selector__filter .pds-text-input__input-wrapper{border-color:transparent}.pds-workspace-selector__dropdown .pds-workspace-selector__filter .pds-text-input__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-workspace-selector__create-link{border-block-start:1px solid var(--pds-color-border-default);box-shadow:0 -1px 9px -7px rgba(0,0,0,.2);margin-block-start:var(--pds-spacing-3xs);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-m) var(--pds-spacing-m)}.pds-workspace-selector__dropdown .pds-workspace-selector__create-link{margin-block-start:0}.pds-workspace-selector__create-link-inner{align-items:center;color:var(--pds-color-interactive-link-default);display:flex;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-3xs);text-decoration:none;width:100%}.pds-workspace-selector__create-link-inner:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-workspace-selector__create-link-inner:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px}[data-pds-mobile]
+	.pds-workspace-selector__menu:not(.pds-workspace-selector__menu--scroll){padding-block-end:var(--pds-spacing-2xs)}.pds-workspace-selector__item{font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-s)}.pds-workspace-selector__item a,.pds-workspace-selector__item button{align-items:center;color:inherit;display:flex;flex:1;padding:0;text-decoration:none}.pds-workspace-selector__item a:hover{color:inherit}.pds-workspace-selector__item button{background-color:transparent;border:none;font-family:inherit;font-size:inherit;line-height:inherit;text-align:left;width:100%}.pds-workspace-selector__item--unprivileged{opacity:.5}.pds-workspace-selector__item--unprivileged:hover{background-color:transparent}.pds-workspace-selector__item--unprivileged a{cursor:not-allowed}.pds-workspace-selector__dropdown .pds-workspace-selector__filter{border-block-end:1px solid var(--pds-color-border-default);box-shadow:0 1px 9px -7px rgba(0,0,0,.2);margin-block-start:calc(var(--pds-spacing-2xs)*-1);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-2xs) var(--pds-spacing-s)}.pds-workspace-selector__dropdown .pds-workspace-selector__filter .pds-text-input__input-wrapper{border-color:transparent}.pds-workspace-selector__dropdown .pds-workspace-selector__filter .pds-text-input__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-workspace-selector__create-link{border-block-start:1px solid var(--pds-color-border-default);box-shadow:0 -1px 9px -7px rgba(0,0,0,.2);margin-block-start:var(--pds-spacing-3xs);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-m) var(--pds-spacing-m)}.pds-workspace-selector__dropdown .pds-workspace-selector__create-link{margin-block-start:0}.pds-workspace-selector__create-link-inner{width:100%}[data-pds-mobile]
 	.pds-navbar__mobile
 	.pds-workspace-selector
 	.pds-nav-accordion__toggle,[data-pds-mobile]

package/dist/css/layout-css/pds-app-layout.css

@@ -1,3 +1,3 @@
-@layer pds-v1, pds-v2;@layer pds-v2{.pds-app-layout{--toggle-icon-size:1.5rem;--toggle-trigger-size:2rem;--button-offset:calc(var(--toggle-trigger-size)*-0.5);--pds-app-layout-top-offset:0px;box-sizing:border-box;column-gap:0;display:flex;flex-direction:row;min-height:calc(100dvh - var(--pds-app-layout-top-offset));width:100%}.pds-app-layout--has-header{flex-direction:column}.pds-app-layout__header{flex-shrink:0;width:100%}.pds-app-layout__body{display:flex;flex:1;flex-direction:row;min-height:0;width:100%}.pds-app-layout__content-column{contain:layout;display:flex;flex:1;flex-direction:column;min-width:0}.pds-app-layout__footer{flex-shrink:0;padding-inline:var(--pds-spacing-xl)}.pds-app-layout__main{flex:1;padding:var(--pds-spacing-xl);position:relative}.pds-app-layout__main:focus:not(:focus-visible){outline:none}.pds-app-layout__main-inner{min-height:100%}.pds-app-layout__footer-inner,.pds-app-layout__main-inner{margin-inline:auto;width:100%}.pds-app-layout__sidebar{position:relative;z-index:1}.pds-app-layout:has(.pds-app-layout__sidebar) .pds-app-layout__content-column{border-left:1px solid var(--pds-color-border-default);transition:border-color .15s ease-in-out}.pds-app-layout__sidebar--collapsed .pds-identity-block__text{opacity:0}.pds-app-layout__sidebar .pds-identity-block__text{transition:opacity .2s ease-in-out}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-content-bottom,.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-content-top,.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-identity{padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-navigation{--side-nav-global-item-inset:var(--pds-spacing-m);overflow-x:visible}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper a{padding-inline:var(--pds-spacing-4xs);width:2rem}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-inner{padding-inline-end:var(--pds-spacing-s)}.pds-app-layout__sidebar{transition:width .2s ease-in-out,min-width .2s ease-in-out}.pds-app-layout:has(.pds-app-layout__sidebar-toggle-button:hover)
+@layer pds-v1, pds-v2;@layer pds-v2{.pds-app-layout{--toggle-icon-size:1.5rem;--toggle-trigger-size:2rem;--button-offset:calc(var(--toggle-trigger-size)*-0.5);--pds-app-layout-top-offset:0px;box-sizing:border-box;column-gap:0;display:flex;flex-direction:row;min-height:calc(100dvh - var(--pds-app-layout-top-offset));width:100%}.pds-app-layout--has-header{flex-direction:column}.pds-app-layout__header{flex-shrink:0;width:100%}.pds-app-layout__body{display:flex;flex:1;flex-direction:row;min-height:0;width:100%}.pds-app-layout__content-column{contain:layout;display:flex;flex:1;flex-direction:column;min-width:0}.pds-app-layout__footer{flex-shrink:0;padding-inline:var(--pds-spacing-xl)}.pds-app-layout__main{flex:1;padding:var(--pds-spacing-xl);position:relative}@media (max-width:767px){.pds-app-layout__footer{padding-inline:var(--pds-spacing-m)}.pds-app-layout__main{padding:var(--pds-spacing-m)}}.pds-app-layout__main:focus:not(:focus-visible){outline:none}.pds-app-layout__main-inner{min-height:100%}.pds-app-layout__footer-inner,.pds-app-layout__main-inner{margin-inline:auto;width:100%}.pds-app-layout__sidebar{position:relative;z-index:1}.pds-app-layout:has(.pds-app-layout__sidebar) .pds-app-layout__content-column{border-left:1px solid var(--pds-color-border-default);transition:border-color .15s ease-in-out}.pds-app-layout__sidebar--collapsed .pds-identity-block__text{opacity:0}.pds-app-layout__sidebar .pds-identity-block__text{transition:opacity .2s ease-in-out}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-content-bottom,.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-content-top,.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-identity{padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-navigation{--side-nav-global-item-inset:var(--pds-spacing-m);overflow-x:visible}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper a{padding-inline:var(--pds-spacing-4xs);width:2rem}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-inner{padding-inline-end:var(--pds-spacing-s)}.pds-app-layout__sidebar{transition:width .2s ease-in-out,min-width .2s ease-in-out}.pds-app-layout:has(.pds-app-layout__sidebar-toggle-button:hover)
 	.pds-app-layout__content-column{border-left-color:var(--pds-color-border-hover)}.pds-app-layout__sidebar-toggle-tooltip.pds-tooltip{height:100%;position:absolute;right:var(--button-offset);top:0;width:var(--toggle-trigger-size);z-index:2}.pds-app-layout__sidebar-toggle-tooltip .pds-tooltip__trigger-custom{display:flex;height:100%;width:100%}.pds-app-layout__sidebar-toggle-button{background-color:transparent;border:none;cursor:pointer;height:100%;position:relative;width:100%}.pds-app-layout__sidebar-toggle-button:focus-visible{outline:none}.pds-app-layout__sidebar-toggle-button:focus-visible>.pds-app-layout__sidebar-toggle-icon{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-app-layout__sidebar-toggle-button:hover>.pds-app-layout__sidebar-toggle-icon{background-color:var(--pds-color-surface-reverse);filter:brightness(.9)}.pds-app-layout__sidebar-toggle-icon{align-items:center;background-color:var(--pds-color-surface-reverse);border:none;border-radius:50%;bottom:var(--pds-spacing-5xl);color:var(--pds-color-foreground-reverse);display:flex;height:var(--toggle-icon-size);justify-content:center;position:absolute;right:.25rem;transition:var(--pds-animation-transition-rotation);width:var(--toggle-icon-size);z-index:2}.pds-app-layout__sidebar-toggle-button[aria-expanded=false]
 	.pds-app-layout__sidebar-toggle-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-app-layout__sidebar-inner{display:flex;flex-direction:column;height:100%;margin-inline-start:0;padding-block-end:var(--pds-spacing-2xl);padding-block-start:var(--pds-spacing-xl);padding-inline-end:var(--pds-spacing-l);transition:padding-inline-end .2s ease-in-out}.pds-app-layout__sidebar-identity{align-items:center;display:flex;gap:var(--pds-spacing-s);justify-content:flex-start;padding-block-end:var(--pds-spacing-xl);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__drawer-toggle{flex-shrink:0;margin-inline-start:auto}.pds-app-layout__sidebar-content-top{padding-block-end:var(--pds-spacing-l);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__sidebar-navigation{--side-nav-global-item-inset:var(--pds-spacing-m);flex:1;overflow-x:clip;text-wrap:nowrap}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item--top-level:before,.pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper{height:2rem}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper a{padding-inline:var(--pds-spacing-4xs)}.pds-app-layout__sidebar-navigation .pds-side-nav-global__menu--second-level{padding-inline-start:calc(var(--side-nav-global-icon-width) + var(--side-nav-global-space-after-icon))}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item--second-level a{padding-inline:var(--pds-spacing-3xs)}.pds-app-layout__sidebar-content-bottom{margin-block-start:auto;padding-block-start:var(--pds-spacing-l);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout--scrollable{height:calc(100dvh - var(--pds-app-layout-top-offset));overflow:hidden}.pds-app-layout--scrollable .pds-app-layout__sidebar-inner{overflow-x:hidden;overflow-y:auto}.pds-app-layout--scrollable .pds-app-layout__content-column{overflow-y:auto}.pds-app-layout--scrollable .pds-app-layout__main{flex:1 0 auto}}

package/dist/css/layout-css/pds-index.css

@@ -1,3 +1,3 @@
-@layer pds-v1, pds-v2;@layer pds-v2{.pds-app-layout{--toggle-icon-size:1.5rem;--toggle-trigger-size:2rem;--button-offset:calc(var(--toggle-trigger-size)*-0.5);--pds-app-layout-top-offset:0px;box-sizing:border-box;column-gap:0;display:flex;flex-direction:row;min-height:calc(100dvh - var(--pds-app-layout-top-offset));width:100%}.pds-app-layout--has-header{flex-direction:column}.pds-app-layout__header{flex-shrink:0;width:100%}.pds-app-layout__body{display:flex;flex:1;flex-direction:row;min-height:0;width:100%}.pds-app-layout__content-column{contain:layout;display:flex;flex:1;flex-direction:column;min-width:0}.pds-app-layout__footer{flex-shrink:0;padding-inline:var(--pds-spacing-xl)}.pds-app-layout__main{flex:1;padding:var(--pds-spacing-xl);position:relative}.pds-app-layout__main:focus:not(:focus-visible){outline:none}.pds-app-layout__main-inner{min-height:100%}.pds-app-layout__footer-inner,.pds-app-layout__main-inner{margin-inline:auto;width:100%}.pds-app-layout__sidebar{position:relative;z-index:1}.pds-app-layout:has(.pds-app-layout__sidebar) .pds-app-layout__content-column{border-left:1px solid var(--pds-color-border-default);transition:border-color .15s ease-in-out}.pds-app-layout__sidebar--collapsed .pds-identity-block__text{opacity:0}.pds-app-layout__sidebar .pds-identity-block__text{transition:opacity .2s ease-in-out}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-content-bottom,.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-content-top,.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-identity{padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-navigation{--side-nav-global-item-inset:var(--pds-spacing-m);overflow-x:visible}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper a{padding-inline:var(--pds-spacing-4xs);width:2rem}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-inner{padding-inline-end:var(--pds-spacing-s)}.pds-app-layout__sidebar{transition:width .2s ease-in-out,min-width .2s ease-in-out}.pds-app-layout:has(.pds-app-layout__sidebar-toggle-button:hover)
+@layer pds-v1, pds-v2;@layer pds-v2{.pds-app-layout{--toggle-icon-size:1.5rem;--toggle-trigger-size:2rem;--button-offset:calc(var(--toggle-trigger-size)*-0.5);--pds-app-layout-top-offset:0px;box-sizing:border-box;column-gap:0;display:flex;flex-direction:row;min-height:calc(100dvh - var(--pds-app-layout-top-offset));width:100%}.pds-app-layout--has-header{flex-direction:column}.pds-app-layout__header{flex-shrink:0;width:100%}.pds-app-layout__body{display:flex;flex:1;flex-direction:row;min-height:0;width:100%}.pds-app-layout__content-column{contain:layout;display:flex;flex:1;flex-direction:column;min-width:0}.pds-app-layout__footer{flex-shrink:0;padding-inline:var(--pds-spacing-xl)}.pds-app-layout__main{flex:1;padding:var(--pds-spacing-xl);position:relative}@media (max-width:767px){.pds-app-layout__footer{padding-inline:var(--pds-spacing-m)}.pds-app-layout__main{padding:var(--pds-spacing-m)}}.pds-app-layout__main:focus:not(:focus-visible){outline:none}.pds-app-layout__main-inner{min-height:100%}.pds-app-layout__footer-inner,.pds-app-layout__main-inner{margin-inline:auto;width:100%}.pds-app-layout__sidebar{position:relative;z-index:1}.pds-app-layout:has(.pds-app-layout__sidebar) .pds-app-layout__content-column{border-left:1px solid var(--pds-color-border-default);transition:border-color .15s ease-in-out}.pds-app-layout__sidebar--collapsed .pds-identity-block__text{opacity:0}.pds-app-layout__sidebar .pds-identity-block__text{transition:opacity .2s ease-in-out}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-content-bottom,.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-content-top,.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-identity{padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-navigation{--side-nav-global-item-inset:var(--pds-spacing-m);overflow-x:visible}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper a{padding-inline:var(--pds-spacing-4xs);width:2rem}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-inner{padding-inline-end:var(--pds-spacing-s)}.pds-app-layout__sidebar{transition:width .2s ease-in-out,min-width .2s ease-in-out}.pds-app-layout:has(.pds-app-layout__sidebar-toggle-button:hover)
 	.pds-app-layout__content-column{border-left-color:var(--pds-color-border-hover)}.pds-app-layout__sidebar-toggle-tooltip.pds-tooltip{height:100%;position:absolute;right:var(--button-offset);top:0;width:var(--toggle-trigger-size);z-index:2}.pds-app-layout__sidebar-toggle-tooltip .pds-tooltip__trigger-custom{display:flex;height:100%;width:100%}.pds-app-layout__sidebar-toggle-button{background-color:transparent;border:none;cursor:pointer;height:100%;position:relative;width:100%}.pds-app-layout__sidebar-toggle-button:focus-visible{outline:none}.pds-app-layout__sidebar-toggle-button:focus-visible>.pds-app-layout__sidebar-toggle-icon{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-app-layout__sidebar-toggle-button:hover>.pds-app-layout__sidebar-toggle-icon{background-color:var(--pds-color-surface-reverse);filter:brightness(.9)}.pds-app-layout__sidebar-toggle-icon{align-items:center;background-color:var(--pds-color-surface-reverse);border:none;border-radius:50%;bottom:var(--pds-spacing-5xl);color:var(--pds-color-foreground-reverse);display:flex;height:var(--toggle-icon-size);justify-content:center;position:absolute;right:.25rem;transition:var(--pds-animation-transition-rotation);width:var(--toggle-icon-size);z-index:2}.pds-app-layout__sidebar-toggle-button[aria-expanded=false]
 	.pds-app-layout__sidebar-toggle-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-app-layout__sidebar-inner{display:flex;flex-direction:column;height:100%;margin-inline-start:0;padding-block-end:var(--pds-spacing-2xl);padding-block-start:var(--pds-spacing-xl);padding-inline-end:var(--pds-spacing-l);transition:padding-inline-end .2s ease-in-out}.pds-app-layout__sidebar-identity{align-items:center;display:flex;gap:var(--pds-spacing-s);justify-content:flex-start;padding-block-end:var(--pds-spacing-xl);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__drawer-toggle{flex-shrink:0;margin-inline-start:auto}.pds-app-layout__sidebar-content-top{padding-block-end:var(--pds-spacing-l);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__sidebar-navigation{--side-nav-global-item-inset:var(--pds-spacing-m);flex:1;overflow-x:clip;text-wrap:nowrap}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item--top-level:before,.pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper{height:2rem}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper a{padding-inline:var(--pds-spacing-4xs)}.pds-app-layout__sidebar-navigation .pds-side-nav-global__menu--second-level{padding-inline-start:calc(var(--side-nav-global-icon-width) + var(--side-nav-global-space-after-icon))}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item--second-level a{padding-inline:var(--pds-spacing-3xs)}.pds-app-layout__sidebar-content-bottom{margin-block-start:auto;padding-block-start:var(--pds-spacing-l);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout--scrollable{height:calc(100dvh - var(--pds-app-layout-top-offset));overflow:hidden}.pds-app-layout--scrollable .pds-app-layout__sidebar-inner{overflow-x:hidden;overflow-y:auto}.pds-app-layout--scrollable .pds-app-layout__content-column{overflow-y:auto}.pds-app-layout--scrollable .pds-app-layout__main{flex:1 0 auto}.pds-docs-layout{column-gap:var(--pds-spacing-2xl);display:flex;flex:1;flex-direction:row;height:100%}.pds-docs-layout__content,.pds-docs-layout__sidebar{padding-block:var(--pds-spacing-2xl)}.pds-docs-layout__content{flex:1}.pds-docs-layout__sidebar{border-inline-end:1px solid var(--pds-color-border-default);max-width:var(--docs-sidebar-max-width,20rem);min-width:var(--docs-sidebar-min-width,15rem);width:var(--docs-sidebar-width,18%)}.pds-docs-layout__sidebar-inner{margin-inline-end:var(--pds-spacing-xl);overflow-x:hidden}[data-pds-mobile] .pds-docs-layout{flex-direction:column;height:unset}[data-pds-mobile] .pds-docs-layout__content,[data-pds-mobile] .pds-docs-layout__sidebar{border:none;max-width:unset;width:100%}[data-pds-mobile] .pds-docs-layout__sidebar{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);min-width:unset}[data-pds-mobile] .pds-docs-layout__sidebar-inner{margin-inline-end:0}.pds-stat-panel-group{--stat-panel-gap:var(--pds-spacing-m);--stat-panel-min-width:13rem;display:grid;gap:var(--stat-panel-gap);grid-template-columns:repeat(auto-fit,minmax(max(var(--stat-panel-min-width),calc((100% - (var(--max-columns) - 1)*var(--stat-panel-gap))/var(--max-columns))),1fr))}.pds-stat-panel-group:has(.pds-stat-panel__action){--stat-panel-min-width:16rem}.pds-stat-panel-group__item{display:flex}.pds-stat-panel-group__item>*{width:100%}.pds-stat-panel-group-container{container-name:pds-stat-panel-group;container-type:inline-size}@container pds-stat-panel-group (min-width: 55rem){.pds-stat-panel-group--max-4:not(:has(.pds-stat-panel__action)):has(.pds-stat-panel-group__item:nth-child(5):last-child),.pds-stat-panel-group--max-4:not(:has(.pds-stat-panel__action)):has(.pds-stat-panel-group__item:nth-child(6):last-child),.pds-stat-panel-group--max-4:not(:has(.pds-stat-panel__action)):has(.pds-stat-panel-group__item:nth-child(9):last-child){grid-template-columns:repeat(3,1fr)}}@container pds-stat-panel-group (min-width: 67rem){.pds-stat-panel-group--max-4:has(.pds-stat-panel__action):has(.pds-stat-panel-group__item:nth-child(5):last-child),.pds-stat-panel-group--max-4:has(.pds-stat-panel__action):has(.pds-stat-panel-group__item:nth-child(6):last-child),.pds-stat-panel-group--max-4:has(.pds-stat-panel__action):has(.pds-stat-panel-group__item:nth-child(9):last-child){grid-template-columns:repeat(3,1fr)}}@container pds-stat-panel-group (min-width: 41rem){.pds-stat-panel-group--max-3:not(:has(.pds-stat-panel__action)):has(.pds-stat-panel-group__item:nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}}@container pds-stat-panel-group (min-width: 50rem){.pds-stat-panel-group--max-3:has(.pds-stat-panel__action):has(.pds-stat-panel-group__item:nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}}@container pds-stat-panel-group (min-width: 41rem) and (max-width: 54.9rem){.pds-stat-panel-group--max-4:not(:has(.pds-stat-panel__action)):has(.pds-stat-panel-group__item:nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}}@container pds-stat-panel-group (min-width: 50rem) and (max-width: 66.9rem){.pds-stat-panel-group--max-4:has(.pds-stat-panel__action):has(.pds-stat-panel-group__item:nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}}.pds-stepper-layout{--stepper-form-inset:0;container-type:inline-size;padding-inline:0;width:100%}@media (min-width:768px){.pds-stepper-layout{--stepper-form-inset:14cqi}}@media (min-width:1280px){.pds-stepper-layout{--stepper-form-inset:16cqi}}@media (min-width:768px){.pds-stepper-layout--full-width{--stepper-form-inset:calc(var(--pds-spacing-stepper-indicator-size)*2)}}.pds-stepper-layout__stepper-container{padding-block-start:var(--pds-spacing-m)}.pds-stepper-layout__form-container{padding-block-end:var(--pds-spacing-m);padding-block-start:var(--pds-spacing-3xl);padding-inline:var(--stepper-form-inset)}@media (min-width:768px){.pds-stepper-layout__form-container{margin-inline:auto}}.pds-stepper__button-group{column-gap:var(--pds-spacing-xl);display:flex;justify-content:space-between;margin-inline:0;max-width:none;padding-block-start:var(--pds-spacing-3xl);transform:none;width:auto}@media (min-width:768px){.pds-stepper__button-group{margin-inline:calc(var(--stepper-form-inset)*-1);padding-inline:calc(var(--pds-spacing-stepper-indicator-size)*2)}}.pds-three-item-layout .pds-grid-item{display:flex;flex-direction:column}.pds-three-item-layout--start .pds-grid-item{justify-content:flex-start}.pds-three-item-layout--center .pds-grid-item{justify-content:center}.pds-three-item-layout--end .pds-grid-item{justify-content:flex-end}.pds-two-item-layout .pds-grid-item{display:flex;flex-direction:column}.pds-two-item-layout--start .pds-grid-item{justify-content:flex-start}.pds-two-item-layout--center .pds-grid-item{justify-content:center}.pds-two-item-layout--end .pds-grid-item{justify-content:flex-end}}