@pantheon-systems/pds-toolkit-react 2.0.0-alpha.81 → 2.0.0-alpha.83
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/codemods/v1-to-v2/mappings.json +12 -4
- package/dist/components/Table/Table.d.ts +20 -11
- package/dist/components/badges/StatusBadge/StatusBadge.d.ts +1 -1
- package/dist/components/buttons/SegmentedButton/SegmentedButton.d.ts +5 -5
- package/dist/components/icons/Icon/generated-icon-data.d.ts +1 -1
- package/dist/components/{Avatar → identity/Avatar}/Avatar.d.ts +3 -2
- package/dist/components/identity/AvatarLabel/AvatarLabel.d.ts +42 -0
- package/dist/components/{IdentityBlock → identity/IdentityBlock}/IdentityBlock.d.ts +1 -1
- package/dist/components/inputs/Checkbox/Checkbox.d.ts +11 -1
- package/dist/components/inputs/CheckboxFieldset/CheckboxFieldset.d.ts +12 -2
- package/dist/components/inputs/CheckboxGroup/CheckboxGroup.d.ts +12 -2
- package/dist/components/inputs/Combobox/Combobox.d.ts +11 -1
- package/dist/components/inputs/ComboboxMultiselect/ComboboxMultiselect.d.ts +12 -2
- package/dist/components/inputs/Datepicker/Datepicker.d.ts +12 -4
- package/dist/components/inputs/FileUpload/FileUpload.d.ts +11 -1
- package/dist/components/inputs/RadioGroup/RadioGroup.d.ts +12 -2
- package/dist/components/inputs/Select/Select.d.ts +20 -3
- package/dist/components/inputs/Switch/Switch.d.ts +11 -1
- package/dist/components/inputs/TagsInput/TagsInput.d.ts +11 -1
- package/dist/components/inputs/TextInput/TextInput.d.ts +11 -1
- package/dist/components/inputs/Textarea/Textarea.d.ts +11 -1
- package/dist/components/inputs/Timepicker/Timepicker.d.ts +12 -2
- package/dist/components/inputs/input-utilities.d.ts +5 -0
- package/dist/components/navigation/ButtonNav/ButtonNav.d.ts +5 -5
- package/dist/components/overlays/Modal/Modal.d.ts +3 -1
- package/dist/components/panels/PanelList/PanelRow.d.ts +9 -1
- package/dist/css/component-css/pds-avatar-label.css +1 -0
- package/dist/css/component-css/pds-avatar.css +1 -1
- package/dist/css/component-css/pds-index.css +9 -9
- package/dist/css/component-css/pds-input-utilities.css +1 -1
- package/dist/css/component-css/pds-link-new-window.css +1 -1
- package/dist/css/component-css/pds-modal.css +1 -1
- package/dist/css/component-css/pds-panel-list.css +1 -1
- package/dist/css/component-css/pds-side-nav-global.css +1 -1
- package/dist/css/component-css/pds-stat-panel.css +1 -1
- package/dist/css/component-css/pds-status-badge.css +1 -1
- package/dist/css/layout-css/pds-sidebar-layout.css +2 -2
- package/dist/css/pds-components.css +9 -9
- package/dist/css/pds-core.css +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +3 -2
- package/dist/index.js +2295 -2244
- package/dist/index.js.map +1 -1
- package/dist/index.source.d.ts +3 -2
- package/dist/layouts/SidebarLayout/SidebarLayout.d.ts +6 -1
- package/dist/libs/types/layout-types.d.ts +1 -0
- package/dist/utilities/FlexContainer/FlexContainer.d.ts +1 -1
- package/dist/utilities/grid/Grid.d.ts +2 -4
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-input.pds-is-disabled,.pds-input.pds-is-disabled input,.pds-is-disabled legend.pds-input-label{cursor:not-allowed;opacity:63%}.pds-input.pds-has-error .pds-combobox__input-wrapper,.pds-input.pds-has-error .pds-file-upload__input-wrapper,.pds-input.pds-has-error .pds-select__input-wrapper,.pds-input.pds-has-error .pds-text-input__input-wrapper,.pds-input.pds-has-error .pds-textarea--textarea,.pds-input.pds-has-error .pds-timepicker__input-wrapper{border-color:var(--pds-color-status-critical-foreground)}.pds-input.pds-has-error .pds-combobox__input-wrapper:focus-within,.pds-input.pds-has-error .pds-file-upload__input-wrapper:focus-within,.pds-input.pds-has-error .pds-select__input-wrapper:focus-within,.pds-input.pds-has-error .pds-text-input__input-wrapper:focus-within,.pds-input.pds-has-error .pds-textarea--textarea:focus,.pds-input.pds-has-error .pds-timepicker__input-wrapper--focus-visible{outline-color:var(--pds-color-status-critical-foreground)}.pds-input.pds-has-success .pds-combobox__input-wrapper,.pds-input.pds-has-success .pds-file-upload__input-wrapper,.pds-input.pds-has-success .pds-select__input-wrapper,.pds-input.pds-has-success .pds-text-input__input-wrapper,.pds-input.pds-has-success .pds-textarea--textarea,.pds-input.pds-has-success .pds-timepicker__input-wrapper{border-color:var(--pds-color-status-success-foreground)}.pds-input.pds-has-success .pds-combobox__input-wrapper:focus-within,.pds-input.pds-has-success .pds-file-upload__input-wrapper:focus-within,.pds-input.pds-has-success .pds-select__input-wrapper:focus-within,.pds-input.pds-has-success .pds-text-input__input-wrapper:focus-within,.pds-input.pds-has-success .pds-textarea--textarea:focus,.pds-input.pds-has-success .pds-timepicker__input-wrapper--focus-visible{outline-color:var(--pds-color-status-success-foreground)}.pds-input.pds-is-readonly .pds-text-input__input-wrapper{background-color:var(--pds-color-surface-default-secondary)}.pds-input input:-internal-autofill-selected,.pds-input input:-webkit-autofill{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,0),inset 0 0 0 100px var(--pds-color-surface-default);-webkit-text-fill-color:var(--pds-color-foreground-default)}.pds-input-label{color:var(--pds-color-foreground-default);display:inline-block;font-size:var(--pds-typography-size-input-label);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-2xs);padding-inline-end:var(--pds-spacing-3xl)}.pds-input-label.visually-hidden{margin:0;padding:0}.pds-input-label--heading{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-4xs)}.pds-input-label .pds-tooltip{margin-inline-start:var(--pds-spacing-5xs);vertical-align:1px}.pds-input-label__required{align-items:flex-start;display:inline-flex;height:var(--pds-spacing-s);margin-inline-start:var(--pds-spacing-4xs);position:relative}.pds-input-label__required-icon{color:var(--pds-color-status-critical-foreground);height:var(--pds-spacing-xs);position:absolute;top:0}.pds-input-message{align-items:flex-start;color:var(--pds-color-foreground-default-secondary);display:flex;gap:var(--pds-spacing-xs);margin-block-start:var(--pds-spacing-2xs)}.pds-input-message--error{color:var(--pds-color-status-critical-foreground)}.pds-input-message--success{color:var(--pds-color-status-success-foreground)}.pds-input-message__text,.pds-input-message__text p{font-size:var(--pds-typography-size-input-message);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-m)}.pds-input-prefix{align-items:center;display:flex}.pds-input-prefix--error{color:var(--pds-color-status-critical-foreground)}.pds-input-prefix--success{color:var(--pds-color-status-success-foreground)}.pds-input-search-shortcut{align-items:center;background:var(--pds-color-interactive-background-hover);border-radius:var(--pds-border-radius-default);display:flex;height:var(--pds-spacing-s);justify-content:center;padding:var(--pds-spacing-xs);width:var(--pds-spacing-s)}.pds-input-clear-button{background-color:transparent;border:none;border-radius:var(--pds-border-radius-default);color:var(--pds-color-foreground-default);display:flex;justify-content:center;padding:var(--pds-spacing-4xs)}.pds-input-clear-button:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-input-clear-button:focus-visible{background-color:var(--pds-color-interactive-background-hover);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}input::-webkit-search-cancel-button{display:none}.pds-input-character-counter{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}.pds-input-character-counter--overLimit{color:var(--pds-color-status-critical-foreground)}}
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-input.pds-is-disabled,.pds-input.pds-is-disabled input,.pds-is-disabled legend.pds-input-label{cursor:not-allowed;opacity:63%}.pds-input.pds-has-error .pds-combobox__input-wrapper,.pds-input.pds-has-error .pds-file-upload__input-wrapper,.pds-input.pds-has-error .pds-select__input-wrapper,.pds-input.pds-has-error .pds-text-input__input-wrapper,.pds-input.pds-has-error .pds-textarea--textarea,.pds-input.pds-has-error .pds-timepicker__input-wrapper{border-color:var(--pds-color-status-critical-foreground)}.pds-input.pds-has-error .pds-combobox__input-wrapper:focus-within,.pds-input.pds-has-error .pds-file-upload__input-wrapper:focus-within,.pds-input.pds-has-error .pds-select__input-wrapper:focus-within,.pds-input.pds-has-error .pds-text-input__input-wrapper:focus-within,.pds-input.pds-has-error .pds-textarea--textarea:focus,.pds-input.pds-has-error .pds-timepicker__input-wrapper--focus-visible{outline-color:var(--pds-color-status-critical-foreground)}.pds-input.pds-has-success .pds-combobox__input-wrapper,.pds-input.pds-has-success .pds-file-upload__input-wrapper,.pds-input.pds-has-success .pds-select__input-wrapper,.pds-input.pds-has-success .pds-text-input__input-wrapper,.pds-input.pds-has-success .pds-textarea--textarea,.pds-input.pds-has-success .pds-timepicker__input-wrapper{border-color:var(--pds-color-status-success-foreground)}.pds-input.pds-has-success .pds-combobox__input-wrapper:focus-within,.pds-input.pds-has-success .pds-file-upload__input-wrapper:focus-within,.pds-input.pds-has-success .pds-select__input-wrapper:focus-within,.pds-input.pds-has-success .pds-text-input__input-wrapper:focus-within,.pds-input.pds-has-success .pds-textarea--textarea:focus,.pds-input.pds-has-success .pds-timepicker__input-wrapper--focus-visible{outline-color:var(--pds-color-status-success-foreground)}.pds-input.pds-is-readonly .pds-text-input__input-wrapper{background-color:var(--pds-color-surface-default-secondary)}.pds-input input:-internal-autofill-selected,.pds-input input:-webkit-autofill{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,0),inset 0 0 0 100px var(--pds-color-surface-default);-webkit-text-fill-color:var(--pds-color-foreground-default)}.pds-input-label{color:var(--pds-color-foreground-default);display:inline-block;font-size:var(--pds-typography-size-input-label);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-2xs);padding-inline-end:var(--pds-spacing-3xl)}.pds-input-label.visually-hidden{margin:0;padding:0}.pds-input-label--heading{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-4xs)}.pds-input-label .pds-tooltip{margin-inline-start:var(--pds-spacing-5xs);vertical-align:1px}.pds-input-label__required{align-items:flex-start;display:inline-flex;height:var(--pds-spacing-s);margin-inline-start:var(--pds-spacing-4xs);position:relative}.pds-input-label__required-icon{color:var(--pds-color-status-critical-foreground);height:var(--pds-spacing-xs);position:absolute;top:0}.pds-input-message{align-items:flex-start;color:var(--pds-color-foreground-default-secondary);display:flex;gap:var(--pds-spacing-xs);margin-block-start:var(--pds-spacing-2xs)}.pds-input-message--error{color:var(--pds-color-status-critical-foreground)}.pds-input-message--success{color:var(--pds-color-status-success-foreground)}.pds-input-message__text,.pds-input-message__text p{font-size:var(--pds-typography-size-input-message);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-m);white-space:pre-line}.pds-input-prefix{align-items:center;display:flex}.pds-input-prefix--error{color:var(--pds-color-status-critical-foreground)}.pds-input-prefix--success{color:var(--pds-color-status-success-foreground)}.pds-input-search-shortcut{align-items:center;background:var(--pds-color-interactive-background-hover);border-radius:var(--pds-border-radius-default);display:flex;height:var(--pds-spacing-s);justify-content:center;padding:var(--pds-spacing-xs);width:var(--pds-spacing-s)}.pds-input-clear-button{background-color:transparent;border:none;border-radius:var(--pds-border-radius-default);color:var(--pds-color-foreground-default);display:flex;justify-content:center;padding:var(--pds-spacing-4xs)}.pds-input-clear-button:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-input-clear-button:focus-visible{background-color:var(--pds-color-interactive-background-hover);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}input::-webkit-search-cancel-button{display:none}.pds-input-character-counter{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}.pds-input-character-counter--overLimit{color:var(--pds-color-status-critical-foreground)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-link-new-window{--link-color:var(--pds-color-interactive-link-default);--icon-size:var(--pds-typography-size-xs);--icon-h-offset:var(--pds-spacing-3xs);
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-link-new-window{--link-color:var(--pds-color-interactive-link-default);--icon-size:var(--pds-typography-size-xs);--icon-h-offset:var(--pds-spacing-3xs);color:var(--link-color);cursor:pointer;font-family:inherit;font-size:inherit;transition:var(--pds-animation-transition-link)}a.pds-link-new-window:hover{--link-color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-link-new-window__icon{color:var(--link-color);height:var(--icon-size);margin-inline-end:var(--pds-spacing-4xs);margin-inline-start:var(--icon-h-offset);transition:var(--pds-animation-transition-link);width:auto}.pds-link-new-window--loading{background-color:var(--pulse-regular-base-color);border-radius:var(--pds-border-radius-default);color:transparent;padding-block:var(--pds-spacing-4xs)}.pds-link-new-window--loading .pds-link-new-window__icon{color:transparent}.pds-link-new-window--s{--icon-size:var(--pds-typography-size-xs);--icon-h-offset:var(--pds-spacing-3xs);font-size:var(--pds-typography-size-s)}.pds-link-new-window--m{--icon-size:var(--pds-typography-size-s);--icon-h-offset:var(--pds-spacing-2xs);font-size:var(--pds-typography-size-m)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-modal{--modal-padding:var(--pds-spacing-xl);background-color:var(--pds-color-surface-default);border-radius:var(--pds-border-radius-
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-modal{--modal-padding:var(--pds-spacing-xl);background-color:var(--pds-color-surface-default);border-radius:var(--pds-border-radius-panel);box-shadow:var(--pds-elevation-overlay);margin:auto;max-width:var(--pds-container-modal-width-m);padding:var(--modal-padding);width:70vw}.pds-modal__close-wrapper{position:absolute;right:var(--modal-padding);top:var(--modal-padding)}.pds-modal__title{font-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-2xl);font-weight:var(--pds-typography-fw-semibold);line-height:var(--pds-typography-lh-s);margin-block-end:var(--pds-spacing-l);width:calc(100% - var(--modal-padding))}.pds-modal--s{max-width:var(--pds-container-modal-width-s)}.pds-modal--l{max-width:var(--pds-container-modal-width-l);width:80vw}.pds-modal--xl{max-width:var(--pds-container-modal-width-xl);width:80vw}@media (max-width:767px){.pds-modal{max-width:none;width:95vw}}.pds-modal__content :is(h2,h3,h4,h5,h6){margin-block-end:var(--pds-spacing-s)}.pds-modal__button-group,.pds-modal__footer{margin-block-start:var(--pds-spacing-xl);width:100%}.pds-modal__button-group{column-gap:var(--pds-spacing-m);display:flex;justify-content:flex-end}.pds-modal form{margin-block-start:var(--pds-spacing-xl)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-panel-list{--panel-list-background:var(--pds-color-surface-default);--panel-row-padding-block:var(--pds-spacing-m);background-color:var(--panel-list-background);border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-panel);margin:0;padding:0}.pds-panel-list .pds-panel-row{border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);overflow:visible}.pds-panel-list .pds-panel-row:last-child{border-bottom:none}.pds-panel-list ul{margin-inline-start:calc(var(--pds-spacing-2xs)*-1)}.pds-panel-list ul li{list-style-type:disc;list-style:outside}.pds-panel-list ul ul li{list-style-type:circle}.pds-panel-list--2xs{--panel-row-padding-block:var(--pds-spacing-2xs)}.pds-panel-list--xs{--panel-row-padding-block:var(--pds-spacing-xs)}.pds-panel-list--s{--panel-row-padding-block:var(--pds-spacing-s)}.pds-panel-list--m{--panel-row-padding-block:var(--pds-spacing-m)}.pds-panel-list--l{--panel-row-padding-block:var(--pds-spacing-l)}.pds-panel-list--secondary{--panel-list-background:var(--pds-color-surface-default-secondary)}.pds-panel-list--transparent{--panel-list-background:transparent}.pds-panel-list--borderless{border-color:var(--panel-list-background)}.pds-panel-row{background-color:transparent;column-gap:var(--pds-spacing-2xl);display:flex;flex-direction:column;overflow:hidden;padding:var(--panel-row-padding-block) var(--pds-spacing-l)}.pds-panel-row ol,.pds-panel-row ul{padding-inline-start:var(--pds-spacing-xl)}
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-panel-list{--panel-list-background:var(--pds-color-surface-default);--panel-row-padding-block:var(--pds-spacing-m);background-color:var(--panel-list-background);border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-panel);margin:0;padding:0}.pds-panel-list .pds-panel-row{border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);overflow:visible}.pds-panel-list .pds-panel-row:last-child{border-bottom:none}.pds-panel-list ul{margin-inline-start:calc(var(--pds-spacing-2xs)*-1)}.pds-panel-list ul li{list-style-type:disc;list-style:outside}.pds-panel-list ul ul li{list-style-type:circle}.pds-panel-list--2xs{--panel-row-padding-block:var(--pds-spacing-2xs)}.pds-panel-list--xs{--panel-row-padding-block:var(--pds-spacing-xs)}.pds-panel-list--s{--panel-row-padding-block:var(--pds-spacing-s)}.pds-panel-list--m{--panel-row-padding-block:var(--pds-spacing-m)}.pds-panel-list--l{--panel-row-padding-block:var(--pds-spacing-l)}.pds-panel-list--secondary{--panel-list-background:var(--pds-color-surface-default-secondary)}.pds-panel-list--transparent{--panel-list-background:transparent}.pds-panel-list--borderless{border-color:var(--panel-list-background)}.pds-panel-row{background-color:transparent;column-gap:var(--pds-spacing-2xl);container-name:pds-panel-row;container-type:inline-size;display:flex;flex-direction:column;overflow:hidden;padding:var(--panel-row-padding-block) var(--pds-spacing-l)}.pds-panel-row ol,.pds-panel-row ul{padding-inline-start:var(--pds-spacing-xl)}.pds-panel-row__main{align-items:flex-start;display:flex;flex-direction:column;gap:var(--pds-spacing-s);min-height:3rem;padding-inline-end:0;position:relative;width:100%}.pds-panel-row__main.is-expandable{padding-inline-end:var(--pds-spacing-3xl)}.pds-panel-row__expand-button{background-color:transparent;border:0;cursor:pointer;position:absolute;right:0;top:0}.pds-panel-row__expand-button .pds-panel-row__expand-icon{color:var(--pds-color-foreground-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-panel-row__expand-button .pds-panel-row__expand-icon.rotated{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-panel-row__expand-button:hover .pds-panel-row__expand-icon{color:var(--pds-color-interactive-foreground-hover)}.pds-panel-row__expand-button:focus-visible{border-radius:var(--pds-border-radius-default);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)!important;outline-offset:.0625rem}.pds-panel-row__items{align-items:center;display:flex}.pds-panel-row__items-inside{margin-top:var(--pds-spacing-s)}@container pds-panel-row (min-width: 30rem){.pds-panel-row--stack-s{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.pds-panel-row--stack-s .pds-panel-row__main{align-items:center;flex-direction:row;gap:var(--pds-spacing-xl);justify-content:space-between}.pds-panel-row--stack-s .pds-panel-row__expand-button{top:calc(50% - .75em)}}@container pds-panel-row (min-width: 48rem){.pds-panel-row--stack-m{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.pds-panel-row--stack-m .pds-panel-row__main{align-items:center;flex-direction:row;gap:var(--pds-spacing-xl);justify-content:space-between}.pds-panel-row--stack-m .pds-panel-row__expand-button{top:calc(50% - .75em)}}@container pds-panel-row (min-width: 60rem){.pds-panel-row--stack-l{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.pds-panel-row--stack-l .pds-panel-row__main{align-items:center;flex-direction:row;gap:var(--pds-spacing-xl);justify-content:space-between}.pds-panel-row--stack-l .pds-panel-row__expand-button{top:calc(50% - .75em)}}@container pds-panel-row (min-width: 75rem){.pds-panel-row--stack-xl{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.pds-panel-row--stack-xl .pds-panel-row__main{align-items:center;flex-direction:row;gap:var(--pds-spacing-xl);justify-content:space-between}.pds-panel-row--stack-xl .pds-panel-row__expand-button{top:calc(50% - .75em)}}}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
@layer pds-v1, pds-v2;@layer pds-v2{.pds-side-nav-global{--side-nav-global-icon-width:var(--pds-spacing-xl);--side-nav-global-space-after-icon:var(--pds-spacing-s);--side-nav-global-foreground-color:var(
|
|
2
2
|
--pds-color-foreground-default-secondary
|
|
3
|
-
);--side-nav-global-outline-color:var(--pds-color-interactive-focus);--side-nav-global-toggle-size:1.5rem;font-family:var(--pds-typography-ff-default)}.pds-side-nav-global,.pds-side-nav-global a{color:var(--side-nav-global-foreground-color)}.pds-side-nav-global a{text-decoration:none}.pds-side-nav-global a:focus{box-shadow:none;outline:none}.pds-side-nav-global a:hover{color:var(--side-nav-global-foreground-color)}.pds-side-nav-global a:focus-visible,.pds-side-nav-global button:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--side-nav-global-outline-color);outline-offset:-2px}.pds-side-nav-global .pds-icon{pointer-events:none}.pds-side-nav-global__logo{box-sizing:content-box;margin-block-end:var(--pds-spacing-xl);margin-block-start:var(--pds-spacing-4xs);padding-inline:calc(var(--pds-spacing-dashboard-nav-item-padding) + .1875rem)}.pds-side-nav-global__menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-s)}.pds-side-nav-global__menu.pds-side-nav-global__menu--top-level{row-gap:var(--pds-spacing-xs)}.pds-side-nav-global__item{list-style-type:none;margin-bottom:0}.pds-side-nav-global__item--top-level{padding-inline-start:var(--side-nav-global-item-inset,0);position:relative}.pds-side-nav-global__item--top-level:before{background-color:var(--pds-color-interactive-background-current);border-radius:0 var(--pds-border-radius-container) var(--pds-border-radius-container) 0;content:"";height:var(--pds-spacing-dashboard-nav-item-height);inset-block-start:0;inset-inline-start:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .15s ease-in-out;width:.25rem}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--active:before{transform:scaleX(1)}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--active .pds-side-nav-global__item-wrapper{--side-nav-global-foreground-color:var(--pds-color-foreground-default);background-color:var(--pds-color-interactive-background-active)}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--active .pds-side-nav-global__item-wrapper:hover{background-color:var(--pds-color-interactive-background-active)}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper{align-items:center;border-radius:var(--pds-border-radius-container);display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:space-between;position:relative;width:100%}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper:hover{--side-nav-global-foreground-color:var(--pds-color-foreground-default);background-color:var(--pds-color-interactive-background-hover);transition:var(--pds-animation-transition-button)}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper a{border-radius:var(--pds-border-radius-container);padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper:has(.pds-side-nav-global__toggle) a{padding-inline-end:var(--side-nav-global-toggle-size)}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-inner{align-items:center;display:flex}.pds-side-nav-global__link-icon{align-items:center;display:flex;flex-grow:0;flex-shrink:0;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:center;margin-inline-end:var(--side-nav-global-space-after-icon);width:var(--side-nav-global-icon-width)}.pds-side-nav-global__link-icon .pds-icon--house,.pds-side-nav-global__link-icon .pds-icon--robot{margin-block-start:-.125rem}.pds-side-nav-global__separator{background-color:var(--pds-color-border-separator);block-size:var(--pds-border-width-default);border:none;list-style-type:none;margin-block:var(--pds-spacing-s);margin-inline:var(--side-nav-global-item-inset,0) 0;pointer-events:none}.pds-side-nav-global__section-label{color:var(--side-nav-global-foreground-color);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-semibold);letter-spacing:var(--pds-typography-ls-xl);line-height:var(--pds-typography-lh-s);list-style-type:none;margin-block:0;padding-block:0 var(--pds-spacing-2xs);padding-inline-start:var(--side-nav-global-item-inset,0);text-transform:uppercase}.pds-side-nav-global__menu--second-level{color:var(--pds-color-foreground-default-secondary);display:none;margin-block-start:var(--pds-spacing-4xs);padding-inline-start:calc(var(--pds-spacing-dashboard-nav-item-padding) + var(--side-nav-global-icon-width) + var(--side-nav-global-space-after-icon))}.pds-side-nav-global__menu--second-level.pds-side-nav-global__menu--expanded{display:flex;row-gap:var(--pds-spacing-3xs)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level{font-size:var(--pds-typography-size-s)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a{border-radius:var(--pds-border-radius-container);display:block;padding-block:var(--pds-spacing-3xs)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level.pds-side-nav-global__item--active a{color:var(--pds-color-interactive-foreground-active);font-weight:var(--pds-typography-fw-bold)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a:hover{color:var(--pds-color-interactive-foreground-hover);transition:var(--pds-animation-transition-button)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);transition:var(--pds-animation-transition-focus)}.pds-side-nav-global__toggle{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-container);color:var(--side-nav-global-foreground-color);cursor:pointer;display:flex;height:var(--side-nav-global-toggle-size);inset-inline-end:var(--pds-spacing-4xs);justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:var(--side-nav-global-toggle-size)}.pds-side-nav-global__toggle .pds-icon{transform:rotate(0deg);transition:var(--pds-animation-transition-rotation)}.pds-side-nav-global__toggle--expanded .pds-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-side-nav-global__link-label{opacity:1;transition:opacity .1s ease-in-out}@keyframes pds-side-nav-global-label-fade-in{0%{opacity:0}to{opacity:1}}.pds-side-nav-global--expanded .pds-side-nav-global__link-label,.pds-side-nav-global--expanded .pds-side-nav-global__section-label{animation:pds-side-nav-global-label-fade-in .1s ease-in-out both}@media (prefers-reduced-motion:reduce){.pds-side-nav-global--expanded .pds-side-nav-global__link-label,.pds-side-nav-global--expanded .pds-side-nav-global__section-label{animation:none}}.pds-side-nav-global--collapsed{width:max-content}.pds-side-nav-global--collapsed .pds-side-nav-global__logo svg{width:1.25rem}.pds-side-nav-global--collapsed .pds-side-nav-global__link-label{opacity:0;transition:opacity .1s ease-in-out}.pds-side-nav-global--collapsed .pds-side-nav-global__menu--second-level.pds-side-nav-global__menu--expanded,.pds-side-nav-global--collapsed .pds-side-nav-global__section-label{display:none}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--collapsed .pds-side-nav-global__item-wrapper a{padding-inline:0;width:var(--pds-spacing-dashboard-nav-item-height)}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--collapsed .pds-side-nav-global__link-icon{margin-inline-end:0;width:100%}.pds-side-nav-global__flyout{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);display:flex;flex-direction:column;gap:var(--pds-spacing-4xs);max-width:30rem;min-width:8rem;padding-block:var(--pds-spacing-2xs);padding-inline:var(--pds-spacing-2xs);width:max-content;z-index:var(--pds-z-index-dropdown)}.pds-side-nav-global__flyout-heading{color:var(--pds-color-dropdown-heading);font-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);padding:var(--pds-spacing-xs) var(--pds-spacing-xs) var(--pds-spacing-3xs)}.pds-side-nav-global__menu--second-level-flyout{row-gap:var(--pds-spacing-4xs)}.pds-side-nav-global__item--second-level-flyout{color:var(--pds-color-dropdown-foreground);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);margin:0}.pds-side-nav-global__item--second-level-flyout a{align-items:center;border-radius:var(--pds-border-radius-container);color:var(--pds-color-dropdown-foreground);cursor:pointer;display:flex;min-height:var(--pds-spacing-2xl);padding:var(--pds-spacing-2xs) var(--pds-spacing-xs);text-decoration:none}.pds-side-nav-global__item--second-level-flyout a:hover{background-color:var(--pds-color-dropdown-item-background-hover);color:var(--pds-color-dropdown-foreground)}.pds-side-nav-global__item--second-level-flyout a:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-side-nav-global__item--second-level-flyout a:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}}
|
|
3
|
+
);--side-nav-global-outline-color:var(--pds-color-interactive-focus);--side-nav-global-toggle-size:1.5rem;font-family:var(--pds-typography-ff-default)}.pds-side-nav-global,.pds-side-nav-global a{color:var(--side-nav-global-foreground-color)}.pds-side-nav-global a{text-decoration:none}.pds-side-nav-global a:focus{box-shadow:none;outline:none}.pds-side-nav-global a:hover{color:var(--side-nav-global-foreground-color)}.pds-side-nav-global a:focus-visible,.pds-side-nav-global button:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--side-nav-global-outline-color);outline-offset:-2px}.pds-side-nav-global .pds-icon{pointer-events:none}.pds-side-nav-global__logo{box-sizing:content-box;margin-block-end:var(--pds-spacing-xl);margin-block-start:var(--pds-spacing-4xs);padding-inline:calc(var(--pds-spacing-dashboard-nav-item-padding) + .1875rem)}.pds-side-nav-global__menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-s)}.pds-side-nav-global__menu.pds-side-nav-global__menu--top-level{row-gap:var(--pds-spacing-xs)}.pds-side-nav-global__item{list-style-type:none;margin-bottom:0}.pds-side-nav-global__item--top-level{padding-inline-start:var(--side-nav-global-item-inset,0);position:relative}.pds-side-nav-global__item--top-level:before{background-color:var(--pds-color-interactive-background-current);border-radius:0 var(--pds-border-radius-container) var(--pds-border-radius-container) 0;content:"";height:var(--pds-spacing-dashboard-nav-item-height);inset-block-start:0;inset-inline-start:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .15s ease-in-out;width:.25rem}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--active:before{transform:scaleX(1)}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--active .pds-side-nav-global__item-wrapper{--side-nav-global-foreground-color:var(--pds-color-foreground-default);background-color:var(--pds-color-interactive-background-active)}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--active .pds-side-nav-global__item-wrapper:hover{background-color:var(--pds-color-interactive-background-active)}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper{align-items:center;border-radius:var(--pds-border-radius-container);display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:space-between;position:relative;width:100%}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper:hover{--side-nav-global-foreground-color:var(--pds-color-foreground-default);background-color:var(--pds-color-interactive-background-hover);transition:var(--pds-animation-transition-button)}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper a{border-radius:var(--pds-border-radius-container);padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper:has(.pds-side-nav-global__toggle) a{padding-inline-end:var(--side-nav-global-toggle-size)}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-inner{align-items:center;display:flex}.pds-side-nav-global__link-icon{align-items:center;display:flex;flex-grow:0;flex-shrink:0;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:center;margin-inline-end:var(--side-nav-global-space-after-icon);width:var(--side-nav-global-icon-width)}.pds-side-nav-global__link-icon .pds-icon--house,.pds-side-nav-global__link-icon .pds-icon--robot{margin-block-start:-.125rem}.pds-side-nav-global__separator{background-color:var(--pds-color-border-separator);block-size:var(--pds-border-width-default);border:none;list-style-type:none;margin-block:var(--pds-spacing-s);margin-inline:var(--side-nav-global-item-inset,0) 0;pointer-events:none}.pds-side-nav-global__section-label{color:var(--side-nav-global-foreground-color);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-semibold);letter-spacing:var(--pds-typography-ls-xl);line-height:var(--pds-typography-lh-s);list-style-type:none;margin-block:0;padding-block:0 var(--pds-spacing-2xs);padding-inline-start:var(--side-nav-global-item-inset,0);text-transform:uppercase}.pds-side-nav-global__menu--second-level{color:var(--pds-color-foreground-default-secondary);display:none;margin-block-start:var(--pds-spacing-4xs);padding-inline-start:calc(var(--pds-spacing-dashboard-nav-item-padding) + var(--side-nav-global-icon-width) + var(--side-nav-global-space-after-icon))}.pds-side-nav-global__menu--second-level.pds-side-nav-global__menu--expanded{display:flex;row-gap:var(--pds-spacing-3xs)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level{font-size:var(--pds-typography-size-s)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a{border-radius:var(--pds-border-radius-container);display:block;padding-block:var(--pds-spacing-3xs)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level.pds-side-nav-global__item--active a{color:var(--pds-color-interactive-foreground-active);font-weight:var(--pds-typography-fw-bold)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a:hover{color:var(--pds-color-interactive-foreground-hover);transition:var(--pds-animation-transition-button)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);transition:var(--pds-animation-transition-focus)}.pds-side-nav-global__toggle{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-container);color:var(--side-nav-global-foreground-color);cursor:pointer;display:flex;height:var(--side-nav-global-toggle-size);inset-inline-end:var(--pds-spacing-4xs);justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:var(--side-nav-global-toggle-size)}.pds-side-nav-global__toggle .pds-icon{transform:rotate(0deg);transition:var(--pds-animation-transition-rotation)}.pds-side-nav-global__toggle--expanded .pds-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-side-nav-global__link-label{opacity:1;transition:opacity .1s ease-in-out}@keyframes pds-side-nav-global-label-fade-in{0%{opacity:0}to{opacity:1}}.pds-side-nav-global--expanded .pds-side-nav-global__link-label,.pds-side-nav-global--expanded .pds-side-nav-global__section-label{animation:pds-side-nav-global-label-fade-in .1s ease-in-out both}@media (prefers-reduced-motion:reduce){.pds-side-nav-global--expanded .pds-side-nav-global__link-label,.pds-side-nav-global--expanded .pds-side-nav-global__section-label{animation:none}}.pds-side-nav-global--collapsed{width:max-content}.pds-side-nav-global--collapsed .pds-side-nav-global__logo svg{width:1.25rem}.pds-side-nav-global--collapsed .pds-side-nav-global__link-label{opacity:0;transition:opacity .1s ease-in-out}.pds-side-nav-global--collapsed .pds-side-nav-global__menu--second-level.pds-side-nav-global__menu--expanded,.pds-side-nav-global--collapsed .pds-side-nav-global__section-label{display:none}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--collapsed .pds-side-nav-global__item-wrapper a{padding-inline:0;width:var(--pds-spacing-dashboard-nav-item-height)}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--collapsed .pds-side-nav-global__link-icon{margin-inline-end:0;width:100%}.pds-side-nav-global__flyout{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);display:flex;flex-direction:column;gap:var(--pds-spacing-4xs);max-width:30rem;min-width:8rem;padding-block:var(--pds-spacing-2xs);padding-inline:var(--pds-spacing-2xs);width:max-content;z-index:var(--pds-z-index-dropdown)}.pds-side-nav-global__flyout-heading{color:var(--pds-color-dropdown-heading);font-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);padding:var(--pds-spacing-xs) var(--pds-spacing-xs) var(--pds-spacing-3xs)}.pds-side-nav-global__menu--second-level-flyout{row-gap:var(--pds-spacing-4xs)}.pds-side-nav-global__item--second-level-flyout{color:var(--pds-color-dropdown-foreground);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);margin:0}.pds-side-nav-global__item--second-level-flyout:focus{outline:none}.pds-side-nav-global__item--second-level-flyout:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}.pds-side-nav-global__item--second-level-flyout a{align-items:center;border-radius:var(--pds-border-radius-container);color:var(--pds-color-dropdown-foreground);cursor:pointer;display:flex;min-height:var(--pds-spacing-2xl);padding:var(--pds-spacing-2xs) var(--pds-spacing-xs);text-decoration:none}.pds-side-nav-global__item--second-level-flyout a:hover{background-color:var(--pds-color-dropdown-item-background-hover);color:var(--pds-color-dropdown-foreground)}.pds-side-nav-global__item--second-level-flyout a:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-side-nav-global__item--second-level-flyout a:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-stat-panel{--border-color:var(--pds-color-border-default);--icon-color:var(--pds-color-foreground-default-secondary);background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--border-color);border-radius:var(--pds-border-radius-panel);display:flex;flex-direction:column;padding:var(--pds-spacing-l)}.pds-stat-panel__header{margin-block-end:var(--pds-spacing-s);position:relative}.pds-stat-panel__header--has-action{padding-inline-end:calc(var(--pds-spacing-button-height-s) + var(--pds-spacing-2xs))}.pds-stat-panel__title{color:var(--pds-color-foreground-default-secondary);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-medium);letter-spacing:var(--pds-typography-ls-xl);line-height:1;text-transform:uppercase}.pds-stat-panel__action{inset-block-start:0;inset-inline-end:0;margin-block-start:calc(var(--pds-spacing-2xs)*-1);position:absolute}.pds-stat-panel__body{align-items:center;display:flex;gap:var(--pds-spacing-
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-stat-panel{--border-color:var(--pds-color-border-default);--icon-color:var(--pds-color-foreground-default-secondary);background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--border-color);border-radius:var(--pds-border-radius-panel);display:flex;flex-direction:column;padding:var(--pds-spacing-m) var(--pds-spacing-l)}.pds-stat-panel__header{margin-block-end:var(--pds-spacing-s);position:relative}.pds-stat-panel__header--has-action{padding-inline-end:calc(var(--pds-spacing-button-height-s) + var(--pds-spacing-2xs))}.pds-stat-panel__title{color:var(--pds-color-foreground-default-secondary);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-medium);letter-spacing:var(--pds-typography-ls-xl);line-height:1;text-transform:uppercase}.pds-stat-panel__action{inset-block-start:0;inset-inline-end:0;margin-block-start:calc(var(--pds-spacing-2xs)*-1);position:absolute}.pds-stat-panel__body{align-items:center;display:flex;gap:var(--pds-spacing-s)}.pds-stat-panel__icon{color:var(--icon-color);flex-shrink:0}.pds-stat-panel__icon--spinner .pds-spinner__rotator{animation:none;transform:rotate(-100deg)}.pds-stat-panel__stat{color:var(--pds-color-foreground-default);font-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-xl);font-weight:var(--pds-typography-fw-semibold)}.pds-stat-panel__description{color:var(--pds-color-foreground-default-secondary);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-regular);margin:0}.pds-stat-panel__body+.pds-stat-panel__description{margin-block-start:var(--pds-spacing-xs)}.pds-stat-panel--critical{--icon-color:var(--pds-color-status-critical-fill)}.pds-stat-panel--discovery{--icon-color:var(--pds-color-status-discovery-fill)}.pds-stat-panel--info{--icon-color:var(--pds-color-status-info-fill)}.pds-stat-panel--success{--icon-color:var(--pds-color-status-success-fill)}.pds-stat-panel--warning{--icon-color:var(--pds-color-status-warning-fill)}.pds-stat-panel--active{--border-color:var(--pds-color-interactive-focus);box-shadow:0 0 0 var(--pds-border-width-default) var(--pds-color-interactive-focus)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-status-badge{--status-badge-background:transparent;--status-badge-border:var(--pds-color-border-input);--status-badge-label:var(--pds-color-foreground-default-secondary);--status-badge-padding-inline-start:var(--pds-spacing-xs);--status-badge-status-dot:var(--pds-color-foreground-default-secondary);align-items:center;background-color:var(--status-badge-background);border:var(--pds-border-width-default) solid var(--status-badge-border);border-radius:100px;color:var(--status-badge-label);display:inline-flex;font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-medium);height:var(--pds-spacing-xl);padding-inline:var(--status-badge-padding-inline-start) var(--pds-spacing-xs)}.pds-status-badge:has(.pds-status-badge__spinner),.pds-status-badge:has(.pds-status-badge__status){--status-badge-padding-inline-start:var(--pds-spacing-2xs)}.pds-status-badge__status{background-color:var(--status-badge-status-dot);border-radius:50%;display:inline-block;height:var(--pds-spacing-xs);margin-inline-end:var(--pds-spacing-2xs);width:var(--pds-spacing-xs)}.pds-status-badge__spinner{margin-inline-end:var(--pds-spacing-3xs)}.pds-status-badge__label{display:inline-block;line-height:1}.pds-status-badge--transparent{--status-badge-background:transparent;--status-badge-border:var(--pds-color-border-input);--status-badge-label:var(--pds-color-foreground-default-secondary)}.pds-status-badge--neutral{--status-badge-background:var(--pds-color-surface-default);--status-badge-border:var(--pds-color-border-input);--status-badge-label:var(--pds-color-foreground-default-secondary)}.pds-status-badge--reverse{--status-badge-background:var(--pds-color-surface-reverse);--status-badge-border:var(--pds-color-surface-reverse);--status-badge-label:var(--pds-color-foreground-reverse)}.pds-status-badge__status--success{--status-badge-status-dot:var(--pds-color-status-success-fill)}.pds-status-badge__status--info{--status-badge-status-dot:var(--pds-color-status-info-fill)}.pds-status-badge__status--frozen{--status-badge-status-dot:var(--pds-color-status-frozen-fill)}.pds-status-badge__status--critical{--status-badge-status-dot:var(--pds-color-status-critical-fill)}.pds-status-badge__status--warning{--status-badge-status-dot:var(--pds-color-status-warning-fill)}.pds-status-badge__status--discovery{--status-badge-status-dot:var(--pds-color-status-discovery-fill)}.pds-status-badge__status--disabled{--status-badge-status-dot:var(--pds-color-status-disabled-fill)}}
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-status-badge{--status-badge-background:transparent;--status-badge-border:var(--pds-color-border-input);--status-badge-label:var(--pds-color-foreground-default-secondary);--status-badge-padding-inline-start:var(--pds-spacing-xs);--status-badge-status-dot:var(--pds-color-foreground-default-secondary);align-items:center;background-color:var(--status-badge-background);border:var(--pds-border-width-default) solid var(--status-badge-border);border-radius:100px;color:var(--status-badge-label);display:inline-flex;font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-medium);height:var(--pds-spacing-xl);padding-inline:var(--status-badge-padding-inline-start) var(--pds-spacing-xs)}.pds-status-badge:has(.pds-status-badge__spinner),.pds-status-badge:has(.pds-status-badge__status){--status-badge-padding-inline-start:var(--pds-spacing-2xs)}.pds-status-badge__status{background-color:var(--status-badge-status-dot);border-radius:50%;display:inline-block;height:var(--pds-spacing-xs);margin-inline-end:var(--pds-spacing-2xs);width:var(--pds-spacing-xs)}.pds-status-badge__spinner{margin-inline-end:var(--pds-spacing-3xs)}.pds-status-badge__label{display:inline-block;line-height:1}.pds-status-badge--transparent{--status-badge-background:transparent;--status-badge-border:var(--pds-color-border-input);--status-badge-label:var(--pds-color-foreground-default-secondary)}.pds-status-badge--neutral{--status-badge-background:var(--pds-color-surface-default);--status-badge-border:var(--pds-color-border-input);--status-badge-label:var(--pds-color-foreground-default-secondary)}.pds-status-badge--reverse{--status-badge-background:var(--pds-color-surface-reverse);--status-badge-border:var(--pds-color-surface-reverse);--status-badge-label:var(--pds-color-foreground-reverse)}.pds-status-badge__status--success{--status-badge-status-dot:var(--pds-color-status-success-fill)}.pds-status-badge__status--info{--status-badge-status-dot:var(--pds-color-status-info-fill)}.pds-status-badge__status--frozen{--status-badge-status-dot:var(--pds-color-status-frozen-fill)}.pds-status-badge__status--critical{--status-badge-status-dot:var(--pds-color-status-critical-fill)}.pds-status-badge__status--warning{--status-badge-status-dot:var(--pds-color-status-warning-fill)}.pds-status-badge__status--discovery{--status-badge-status-dot:var(--pds-color-status-discovery-fill)}.pds-status-badge__status--disabled,.pds-status-badge__status--neutral{--status-badge-status-dot:var(--pds-color-status-disabled-fill)}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-sidebar-layout{display:flex}.pds-sidebar-layout__main{flex:1;min-width:0}.pds-sidebar-layout__side{max-width:var(--sidebar-width-max,25rem);min-width:var(--sidebar-width-min,15rem);width:var(--sidebar-width,33%)}.pds-sidebar-layout__second-side{max-width:var(--second-sidebar-width-max,25rem);min-width:var(--second-sidebar-width-min,15rem);width:var(--second-sidebar-width,33%)}[data-pds-mobile]
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-sidebar-layout{display:flex;gap:var(--pds-sidebar-layout-gap)}.pds-sidebar-layout__main{flex:1;min-width:0}.pds-sidebar-layout__side{max-width:var(--sidebar-width-max,25rem);min-width:var(--sidebar-width-min,15rem);width:var(--sidebar-width,33%)}.pds-sidebar-layout__second-side{max-width:var(--second-sidebar-width-max,25rem);min-width:var(--second-sidebar-width-min,15rem);width:var(--second-sidebar-width,33%)}[data-pds-mobile]
|
|
2
2
|
[data-sidebar-mobile-location=before]
|
|
3
3
|
.pds-sidebar-layout__side,[data-sidebar-location=left] .pds-sidebar-layout__side,[data-sidebar-location=right] .pds-sidebar-layout__second-side{order:-1}[data-pds-mobile]
|
|
4
4
|
[data-sidebar-mobile-location=after]
|
|
@@ -10,4 +10,4 @@
|
|
|
10
10
|
[data-sidebar-location=left][data-sidebar-mobile-location=after]
|
|
11
11
|
.pds-sidebar-layout__side{order:1}[data-pds-mobile]
|
|
12
12
|
[data-sidebar-location=left][data-second-sidebar-mobile-location=after]
|
|
13
|
-
.pds-sidebar-layout__second-side{order:2}[data-pds-mobile] .pds-sidebar-layout{flex-direction:column}[data-pds-mobile] .pds-sidebar-layout__second-side,[data-pds-mobile] .pds-sidebar-layout__side{max-width:unset;min-width:unset;width:100%}}
|
|
13
|
+
.pds-sidebar-layout__second-side{order:2}[data-pds-mobile] .pds-sidebar-layout{flex-direction:column;gap:var(--pds-sidebar-layout-gap-mobile)}[data-pds-mobile] .pds-sidebar-layout__second-side,[data-pds-mobile] .pds-sidebar-layout__side{max-width:unset;min-width:unset;width:100%}}
|