@pantheon-systems/pds-toolkit-react 2.0.0-alpha.75 → 2.0.0-alpha.76
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Table/Table.d.ts +73 -7
- package/dist/components/buttons/MenuButton/MenuButton.d.ts +4 -2
- package/dist/components/buttons/SelectButton/SelectButton.d.ts +81 -0
- package/dist/components/icons/Icon/generated-icon-data.d.ts +16 -2
- package/dist/components/notifications/SectionMessage/SectionMessage.d.ts +7 -1
- package/dist/components/overlays/BottomSheet/BottomSheet.d.ts +66 -0
- package/dist/components/overlays/BulkActionBar/BulkActionBar.d.ts +48 -0
- package/dist/components/pagination/PaginationCompact/PaginationCompact.d.ts +7 -2
- package/dist/css/component-css/pds-bottom-sheet.css +1 -0
- package/dist/css/component-css/pds-bulk-action-bar.css +1 -0
- package/dist/css/component-css/pds-dropdown.css +1 -1
- package/dist/css/component-css/pds-filter-button.css +1 -1
- package/dist/css/component-css/pds-icon-button.css +21 -15
- package/dist/css/component-css/pds-index.css +30 -22
- package/dist/css/component-css/pds-pagination-compact.css +1 -1
- package/dist/css/component-css/pds-section-message.css +1 -1
- package/dist/css/component-css/pds-select-button.css +1 -0
- package/dist/css/component-css/pds-table.css +4 -2
- package/dist/css/component-css/pds-user-menu.css +1 -1
- package/dist/css/component-css/pds-utility-bar.css +1 -1
- package/dist/css/design-tokens/variables.dark.css +1 -18
- package/dist/css/design-tokens/variables.light.css +1 -18
- package/dist/css/pds-components.css +30 -22
- package/dist/css/pds-core.css +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/index.js +1218 -960
- package/dist/index.js.map +1 -1
- package/dist/index.source.d.ts +3 -0
- package/dist/svg/arrowDownWideShort.svg +3 -0
- package/dist/svg/arrowUpShortWide.svg +3 -0
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-pagination-compact{align-items:center;display:flex;font-family:var(--pds-typography-ff-default);gap:var(--pds-spacing-xs)}.pds-pagination-compact .pds-select{min-width:fit-content}.pds-pagination-compact .pds-select__input-inner{column-gap:var(--pds-spacing-4xs)}.pds-pagination-compact .pds-dropdown__item{justify-content:center}.pds-pagination-compact__page-input--error .pds-text-input__input-wrapper{border-color:var(--pds-color-status-critical-foreground)}.pds-pagination-compact__page-input--error .pds-text-input__input-wrapper:focus-within{outline-color:var(--pds-color-status-critical-foreground)}.pds-pagination-compact__count{color:var(--pds-color-foreground-default);font-size:var(--pds-typography-size-s);white-space:nowrap}.pds-pagination-compact__nav{align-items:center;display:flex;gap:var(--pds-spacing-4xs)}.pds-pagination-compact__btn{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);cursor:pointer;display:flex;height:var(--pds-spacing-xl);justify-content:center;padding:0;width:var(--pds-spacing-xl)}.pds-pagination-compact__btn:hover{background-color:var(--pds-color-interactive-background-hover);color:var(--pds-color-pagination-foreground-hover)}.pds-pagination-compact__btn:active{background-color:var(--pds-color-interactive-background-active)}.pds-pagination-compact__btn:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-pagination-compact__btn--disabled{cursor:not-allowed;opacity:.5}.pds-pagination-compact__btn--disabled:hover{background-color:transparent;color:var(--pds-color-foreground-default)}}
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-pagination-compact{align-items:center;display:flex;font-family:var(--pds-typography-ff-default);gap:var(--pds-spacing-xs)}.pds-pagination-compact .pds-select{min-width:fit-content}.pds-pagination-compact .pds-select__input-inner{column-gap:var(--pds-spacing-4xs)}.pds-pagination-compact .pds-dropdown__item{justify-content:center}.pds-pagination-compact--static{gap:var(--pds-spacing-m)}.pds-pagination-compact__page-input--error .pds-text-input__input-wrapper{border-color:var(--pds-color-status-critical-foreground)}.pds-pagination-compact__page-input--error .pds-text-input__input-wrapper:focus-within{outline-color:var(--pds-color-status-critical-foreground)}.pds-pagination-compact__count{color:var(--pds-color-foreground-default);font-size:var(--pds-typography-size-s);white-space:nowrap}.pds-pagination-compact__nav{align-items:center;display:flex;gap:var(--pds-spacing-4xs)}.pds-pagination-compact__btn{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);cursor:pointer;display:flex;height:var(--pds-spacing-xl);justify-content:center;padding:0;width:var(--pds-spacing-xl)}.pds-pagination-compact__btn:hover{background-color:var(--pds-color-interactive-background-hover);color:var(--pds-color-pagination-foreground-hover)}.pds-pagination-compact__btn:active{background-color:var(--pds-color-interactive-background-active)}.pds-pagination-compact__btn:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-pagination-compact__btn--disabled{cursor:not-allowed;opacity:.5}.pds-pagination-compact__btn--disabled:hover{background-color:transparent;color:var(--pds-color-foreground-default)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-section-message{--message-bg:var(--pds-color-status-info-background);--message-fg:var(--pds-color-status-info-foreground);--message-border:var(--pds-color-status-info-border);background-color:var(--message-bg);border:var(--pds-border-width-default) solid var(--message-border);border-radius:var(--pds-border-radius-container);color:var(--pds-color-foreground-default);display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);padding:var(--pds-spacing-s) var(--pds-spacing-l) var(--pds-spacing-s) var(--pds-spacing-m);position:relative}@media (min-width:768px){.pds-section-message{align-items:center;flex-direction:row;gap:var(--pds-spacing-xl);justify-content:space-between}}.pds-section-message .pds-button.pds-button--secondary{--button-background-color:var(--message-bg);--button-foreground-color:var(--message-fg);--button-border-color:var(--message-fg)}.pds-section-message .pds-button.pds-button--secondary:hover:enabled{--button-background-color:color-mix(in oklch,var(--message-bg) 90%,var(--message-fg))}.pds-section-message__content{align-items:flex-start;display:flex;gap:var(--pds-spacing-s)}.pds-section-message__title{color:var(--message-fg);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-medium);margin-block-end:var(--pds-spacing-2xs);margin-block-start:.125rem}.pds-section-message__message{padding-inline-end:var(--pds-spacing-3xs)}.pds-section-message__message p{color:var(--pds-color-foreground-default);font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-m)}.pds-section-message__message p:first-child{margin-block-start:0}.pds-section-message__message p:last-child{margin-block-end:0}.pds-section-message__message p a{color:var(--pds-color-foreground-default)}.pds-section-message__icon{align-items:center;color:var(--message-fg);display:flex;margin-block-start:.0625rem}.pds-section-message__actions{display:flex;gap:var(--pds-spacing-m)}@media (min-width:768px){.pds-section-message__actions{align-self:center}}@media (max-width:767px){.pds-section-message__cta{margin-block-start:var(--pds-spacing-xl)
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-section-message{--message-bg:var(--pds-color-status-info-background);--message-fg:var(--pds-color-status-info-foreground);--message-border:var(--pds-color-status-info-border);background-color:var(--message-bg);border:var(--pds-border-width-default) solid var(--message-border);border-radius:var(--pds-border-radius-container);color:var(--pds-color-foreground-default);display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);padding:var(--pds-spacing-s) var(--pds-spacing-l) var(--pds-spacing-s) var(--pds-spacing-m);position:relative}@media (min-width:768px){.pds-section-message{align-items:center;flex-direction:row;gap:var(--pds-spacing-xl);justify-content:space-between}}.pds-section-message .pds-button.pds-button--secondary{--button-background-color:var(--message-bg);--button-foreground-color:var(--message-fg);--button-border-color:var(--message-fg)}.pds-section-message .pds-button.pds-button--secondary:hover:enabled{--button-background-color:color-mix(in oklch,var(--message-bg) 90%,var(--message-fg))}.pds-section-message .pds-button.pds-button--link,.pds-section-message .pds-button.pds-button--link:active:enabled,.pds-section-message .pds-button.pds-button--link:hover:enabled{color:var(--message-fg)}.pds-section-message__content{align-items:flex-start;display:flex;gap:var(--pds-spacing-s)}.pds-section-message__title{color:var(--message-fg);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-medium);margin-block-end:var(--pds-spacing-2xs);margin-block-start:.125rem}.pds-section-message__message{padding-inline-end:var(--pds-spacing-3xs)}.pds-section-message__message p{color:var(--pds-color-foreground-default);font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-m)}.pds-section-message__message p:first-child{margin-block-start:0}.pds-section-message__message p:last-child{margin-block-end:0}.pds-section-message__message p a{color:var(--pds-color-foreground-default)}.pds-section-message__icon{align-items:center;color:var(--message-fg);display:flex;margin-block-start:.0625rem}.pds-section-message__actions{display:flex;gap:var(--pds-spacing-m)}@media (max-width:767px){.pds-section-message__actions{flex-wrap:wrap}}@media (min-width:768px){.pds-section-message__actions{align-self:center}}@media (max-width:767px){.pds-section-message__cta{width:100%}.pds-section-message__cta:first-child,.pds-section-message__secondary{margin-block-start:var(--pds-spacing-xl)}.pds-section-message__secondary{width:100%}}.pds-section-message__dismiss{align-self:center;background-color:var(--message-bg);color:var(--message-fg);flex-shrink:0}.pds-section-message__dismiss:hover{background-color:color-mix(in oklch,var(--message-bg) 90%,var(--message-fg))}@media (max-width:767px){.pds-section-message__dismiss{position:absolute;right:var(--pds-spacing-m);top:var(--pds-spacing-m)}}.pds-section-message--dismissing{animation:hideMessageAnimation .2s ease-in;animation-fill-mode:forwards}.pds-section-message--dismissed{display:none}@media (min-width:768px){.pds-section-message--hasTitle,.pds-section-message--hasTitle .pds-section-message__content,.pds-section-message--hasTitle .pds-section-message__icon{align-items:flex-start}}@media (max-width:767px){.pds-section-message--hasDismiss .pds-section-message__message,.pds-section-message--hasDismiss .pds-section-message__title{width:calc(100% - var(--pds-spacing-l))}}.pds-section-message--info{--message-bg:var(--pds-color-status-info-background);--message-border:var(--pds-color-status-info-border);--message-fg:var(--pds-color-status-info-foreground)}.pds-section-message--success{--message-bg:var(--pds-color-status-success-background);--message-border:var(--pds-color-status-success-border);--message-fg:var(--pds-color-status-success-foreground)}.pds-section-message--warning{--message-bg:var(--pds-color-status-warning-background);--message-border:var(--pds-color-status-warning-border);--message-fg:var(--pds-color-status-warning-foreground)}.pds-section-message--critical{--message-bg:var(--pds-color-status-critical-background);--message-border:var(--pds-color-status-critical-border);--message-fg:var(--pds-color-status-critical-foreground)}.pds-section-message--discovery{--message-bg:var(--pds-color-status-discovery-background);--message-border:var(--pds-color-status-discovery-border);--message-fg:var(--pds-color-status-discovery-foreground)}@keyframes hideMessageAnimation{to{opacity:0}0%{opacity:1}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-select-button{--sb-bg:var(--pds-color-button-secondary-background-default);--sb-bg-active:var(--pds-color-button-secondary-background-active);--sb-bg-hover:var(--pds-color-button-secondary-background-hover);--sb-border:var(--pds-color-button-secondary-border);--sb-fg:var(--pds-color-button-secondary-foreground-default)}.pds-select-button__panel{min-width:12rem;width:max-content}.pds-select-button--has-search .pds-select-button__panel{min-width:14rem}.pds-select-button__trigger{background:var(--sb-bg);block-size:var(--pds-spacing-button-height-s);border:var(--pds-border-width-default) solid var(--sb-border);border-radius:var(--pds-border-radius-button);color:var(--sb-fg);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-medium);gap:var(--pds-spacing-3xs);padding-inline:var(--pds-spacing-s);white-space:nowrap}.pds-select-button__trigger:hover{background-color:var(--sb-bg-hover)}.pds-select-button__trigger:active{background-color:var(--sb-bg-active)}.pds-select-button__trigger:disabled{cursor:not-allowed;opacity:40%}.pds-select-button__label{align-items:center;display:inline-flex}}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
@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-
|
|
1
|
+
@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)
|
|
2
|
+
.pds-table-wrapper__footer,.pds-table-wrapper:not(.pds-table-wrapper--in-panel)
|
|
3
|
+
.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
|
|
2
4
|
.pds-table-wrapper__content--panel-open
|
|
3
5
|
.pds-table-wrapper__table-area{border-start-end-radius:0}.pds-table-wrapper--in-panel
|
|
4
6
|
.pds-table-wrapper__content--panel-open
|
|
5
|
-
.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)}}
|
|
7
|
+
.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}}
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
.pds-user-menu__user-details{padding-block:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl) var(--pds-spacing-l)}[data-pds-mobile]
|
|
11
11
|
.pds-navbar__mobile
|
|
12
12
|
.pds-user-menu
|
|
13
|
-
.pds-user-menu__user-email{font-size:var(--pds-typography-size-m)}[data-pds-mobile]
|
|
13
|
+
.pds-user-menu__user-email{font-size:var(--pds-typography-size-m)}[data-pds-mobile] .pds-navbar__mobile .pds-user-menu .pds-user-menu__theme-row{font-size:var(--pds-typography-size-m);padding-block:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl) var(--pds-spacing-l)}[data-pds-mobile]
|
|
14
14
|
.pds-navbar__mobile
|
|
15
15
|
.pds-user-menu
|
|
16
16
|
.pds-user-menu__menu--mobile{gap:0;list-style:none;margin:0;padding-block:0;padding-inline:0}[data-pds-mobile]
|
|
@@ -1 +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;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)}}
|
|
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)}}
|
|
@@ -194,7 +194,7 @@
|
|
|
194
194
|
--pds-color-button-secondary-background-default: rgba(255, 255, 255, 0.00);
|
|
195
195
|
--pds-color-button-secondary-background-hover: rgba(255, 255, 255, 0.08);
|
|
196
196
|
--pds-color-button-secondary-background-active: oklch(0.3638 0 0);
|
|
197
|
-
--pds-color-button-secondary-border: oklch(0.
|
|
197
|
+
--pds-color-button-secondary-border: oklch(0.5103 0 0);
|
|
198
198
|
--pds-color-button-secondary-foreground-default: oklch(0.9702 0 0);
|
|
199
199
|
--pds-color-button-secondary-foreground-hover: oklch(0.9702 0 0);
|
|
200
200
|
--pds-color-button-subtle-background-default: rgba(255, 255, 255, 0.075);
|
|
@@ -231,23 +231,6 @@
|
|
|
231
231
|
--pds-color-close-button-foreground: oklch(0.8452 0 0);
|
|
232
232
|
--pds-color-close-button-background-default: rgba(255, 255, 255, 0.00);
|
|
233
233
|
--pds-color-close-button-background-hover: #ffffff1a;
|
|
234
|
-
--pds-color-icon-button-standard-background-default: rgba(255, 255, 255, 0.00);
|
|
235
|
-
--pds-color-icon-button-standard-background-hover: rgba(255, 255, 255, 0.05);
|
|
236
|
-
--pds-color-icon-button-standard-border-default: oklch(0.4091 0 0);
|
|
237
|
-
--pds-color-icon-button-standard-border-hover: oklch(0.5103 0 0);
|
|
238
|
-
--pds-color-icon-button-standard-foreground: oklch(0.8452 0 0);
|
|
239
|
-
--pds-color-icon-button-critical-background-default: rgba(255, 255, 255, 0.00);
|
|
240
|
-
--pds-color-icon-button-critical-background-hover: oklch(0.4501 0.1581 26.35 / 25%);
|
|
241
|
-
--pds-color-icon-button-critical-border-default: oklch(0.5954 0.1582 23.19);
|
|
242
|
-
--pds-color-icon-button-critical-border-hover: oklch(0.5954 0.1582 23.19);
|
|
243
|
-
--pds-color-icon-button-critical-foreground: oklch(0.5954 0.1582 23.19);
|
|
244
|
-
--pds-color-icon-button-reverse-background-default: rgba(255, 255, 255, 0.00);
|
|
245
|
-
--pds-color-icon-button-reverse-background-hover: oklch(0.9430 0 0);
|
|
246
|
-
--pds-color-icon-button-reverse-border-default: oklch(0.8047 0 0);
|
|
247
|
-
--pds-color-icon-button-reverse-border-hover: oklch(0.8047 0 0);
|
|
248
|
-
--pds-color-icon-button-reverse-foreground: oklch(0.3791 0 0);
|
|
249
|
-
--pds-color-split-button-primary-separator: oklch(0.2178 0 0);
|
|
250
|
-
--pds-color-split-button-secondary-separator: oklch(0.4091 0 0);
|
|
251
234
|
--pds-color-segmented-button-background-inactive: oklch(0.2931 0 0);
|
|
252
235
|
--pds-color-segmented-button-background-active: oklch(0.6800 0.1612 253.57);
|
|
253
236
|
--pds-color-segmented-button-foreground-inactive: var(--pds-color-foreground-default-secondary);
|
|
@@ -194,7 +194,7 @@
|
|
|
194
194
|
--pds-color-button-secondary-background-default: rgba(255, 255, 255, 0.00);
|
|
195
195
|
--pds-color-button-secondary-background-hover: rgba(0, 0, 0, 0.05);
|
|
196
196
|
--pds-color-button-secondary-background-active: oklch(0.9731 0 0);
|
|
197
|
-
--pds-color-button-secondary-border: oklch(0.
|
|
197
|
+
--pds-color-button-secondary-border: oklch(0.8047 0 0);
|
|
198
198
|
--pds-color-button-secondary-foreground-default: oklch(0.2178 0 0);
|
|
199
199
|
--pds-color-button-secondary-foreground-hover: oklch(0.2178 0 0);
|
|
200
200
|
--pds-color-button-subtle-background-default: rgba(0, 0, 0, 0.055);
|
|
@@ -231,23 +231,6 @@
|
|
|
231
231
|
--pds-color-close-button-foreground: oklch(0.4778 0.0020 247.87);
|
|
232
232
|
--pds-color-close-button-background-default: rgba(255, 255, 255, 0.00);
|
|
233
233
|
--pds-color-close-button-background-hover: #1717171a;
|
|
234
|
-
--pds-color-icon-button-standard-background-default: rgba(255, 255, 255, 0.00);
|
|
235
|
-
--pds-color-icon-button-standard-background-hover: #1717170d;
|
|
236
|
-
--pds-color-icon-button-standard-border-default: #1717171f;
|
|
237
|
-
--pds-color-icon-button-standard-border-hover: #17171726;
|
|
238
|
-
--pds-color-icon-button-standard-foreground: oklch(0.31 0 0);
|
|
239
|
-
--pds-color-icon-button-critical-background-default: rgba(255, 255, 255, 0.00);
|
|
240
|
-
--pds-color-icon-button-critical-background-hover: oklch(0.4501 0.1581 26.35 / 10%);
|
|
241
|
-
--pds-color-icon-button-critical-border-default: oklch(0.8859 0.0414 19.05);
|
|
242
|
-
--pds-color-icon-button-critical-border-hover: oklch(0.8859 0.0414 19.05);
|
|
243
|
-
--pds-color-icon-button-critical-foreground: oklch(0.5338 0.1771 25.54);
|
|
244
|
-
--pds-color-icon-button-reverse-background-default: rgba(255, 255, 255, 0.00);
|
|
245
|
-
--pds-color-icon-button-reverse-background-hover: #ffffff1a;
|
|
246
|
-
--pds-color-icon-button-reverse-border-default: oklch(0.5103 0 0);
|
|
247
|
-
--pds-color-icon-button-reverse-border-hover: oklch(0.5103 0 0);
|
|
248
|
-
--pds-color-icon-button-reverse-foreground: oklch(0.9430 0 0);
|
|
249
|
-
--pds-color-split-button-primary-separator: oklch(1.0000 0 0);
|
|
250
|
-
--pds-color-split-button-secondary-separator: oklch(0.8761 0 0);
|
|
251
234
|
--pds-color-segmented-button-background-inactive: oklch(0.9731 0 0);
|
|
252
235
|
--pds-color-segmented-button-background-active: oklch(0.5 0.155 254);
|
|
253
236
|
--pds-color-segmented-button-foreground-inactive: var(--pds-color-foreground-default-secondary);
|