@pantheon-systems/pds-toolkit-react 2.0.0-alpha.71 → 2.0.0-alpha.73
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/StatPanel/StatPanel.d.ts +70 -0
- package/dist/components/badges/Badge/Badge.d.ts +9 -2
- package/dist/components/buttons/SplitButton/SplitButton.d.ts +7 -1
- package/dist/components/icons/Icon/generated-icon-data.d.ts +1 -1
- package/dist/components/notifications/SectionMessage/SectionMessage.d.ts +6 -4
- package/dist/css/component-css/pds-badge.css +1 -1
- package/dist/css/component-css/pds-button.css +3 -3
- package/dist/css/component-css/pds-combobox.css +1 -1
- package/dist/css/component-css/pds-filter-button.css +1 -1
- package/dist/css/component-css/pds-index.css +15 -13
- package/dist/css/component-css/pds-inline-message.css +1 -1
- package/dist/css/component-css/pds-input-utilities.css +1 -1
- package/dist/css/component-css/pds-popover.css +1 -1
- package/dist/css/component-css/pds-section-message.css +1 -1
- package/dist/css/component-css/pds-side-nav-global.css +1 -1
- package/dist/css/component-css/pds-spinner.css +1 -1
- package/dist/css/component-css/pds-split-button.css +1 -1
- package/dist/css/component-css/pds-stat-panel.css +1 -0
- package/dist/css/component-css/pds-stepper.css +3 -1
- package/dist/css/component-css/pds-text-input.css +1 -1
- package/dist/css/design-tokens/variables.dark.css +1 -0
- package/dist/css/design-tokens/variables.global.css +1 -2
- package/dist/css/design-tokens/variables.light.css +1 -0
- package/dist/css/layout-css/pds-index.css +1 -1
- package/dist/css/layout-css/pds-stat-panel-group.css +1 -0
- package/dist/css/pds-components.css +15 -13
- package/dist/css/pds-core.css +1 -1
- package/dist/css/pds-layouts.css +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js +286 -208
- package/dist/index.js.map +1 -1
- package/dist/index.source.d.ts +2 -0
- package/dist/layouts/StatPanelGroup/StatPanelGroup.d.ts +32 -0
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-inline-message{--message-fg:var(--pds-color-status-info-foreground);font-family:var(--pds-typography-ff-default);line-height:var(--pds-typography-lh-s);padding:var(--pds-spacing-m) 0;position:relative}.pds-inline-message__icon{color:var(--message-fg);left:0;position:absolute}.pds-inline-message__text{column-gap:var(--pds-spacing-s);display:flex;flex-wrap:wrap;padding-inline-start:calc(var(--pds-spacing-
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-inline-message{--message-fg:var(--pds-color-status-info-foreground);font-family:var(--pds-typography-ff-default);line-height:var(--pds-typography-lh-s);padding:var(--pds-spacing-m) 0;position:relative}.pds-inline-message__icon{color:var(--message-fg);left:0;position:absolute}.pds-inline-message__text{column-gap:var(--pds-spacing-s);display:flex;flex-wrap:wrap;padding-inline-start:calc(var(--pds-spacing-l) + var(--pds-spacing-xs));row-gap:var(--pds-spacing-2xs)}.pds-inline-message__title{color:var(--message-fg);font-weight:var(--pds-typography-fw-medium)}.pds-inline-message__message p,.pds-inline-message__title{font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-m)}.pds-inline-message__message p{color:var(--pds-color-foreground-default-secondary)}.pds-inline-message__message p:last-child{margin-block-end:0}.pds-inline-message--info{--message-fg:var(--pds-color-status-info-foreground)}.pds-inline-message--success{--message-fg:var(--pds-color-status-success-foreground)}.pds-inline-message--warning{--message-fg:var(--pds-color-status-warning-foreground)}.pds-inline-message--critical{--message-fg:var(--pds-color-status-critical-foreground)}.pds-inline-message--working{--message-fg:var(--pds-color-foreground-default)}.pds-inline-message--working .pds-inline-message__icon{align-items:center;display:flex;height:calc(var(--pds-typography-size-s)*1.5)}}
|
|
@@ -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-medium);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-
|
|
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-medium);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-input);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-popover{display:inline-block}.pds-popover__trigger{align-items:center;background-color:transparent;border:none;border-radius:100%;cursor:pointer;display:inline-flex;line-height:0;padding:var(--pds-spacing-5xs);transition:var(--pds-animation-transition-link)}.pds-popover__trigger:focus-visible{border-radius:var(--pds-border-radius-input);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none}.pds-popover__icon{display:block}.pds-popover__trigger-text{border-bottom:var(--pds-border-width-thicker) dotted var(--pds-color-interactive-link-default);display:inline-block;line-height:normal}.pds-popover__trigger-text:hover{color:var(--pds-color-interactive-link-default)}.pds-popover__arrow path{fill:var(--pds-color-surface-default)}.pds-popover__container{background-color:var(--pds-color-surface-default);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-popover{display:inline-block}.pds-popover__trigger{align-items:center;background-color:transparent;border:none;border-radius:100%;cursor:pointer;display:inline-flex;line-height:0;padding:var(--pds-spacing-5xs);transition:var(--pds-animation-transition-link)}.pds-popover__trigger:focus-visible{border-radius:var(--pds-border-radius-input);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none}.pds-popover__icon{display:block}.pds-popover__trigger-text{border-bottom:var(--pds-border-width-thicker) dotted var(--pds-color-interactive-link-default);display:inline-block;line-height:normal}.pds-popover__trigger-text:hover{color:var(--pds-color-interactive-link-default)}.pds-popover__arrow path{fill:var(--pds-color-surface-default)}.pds-popover__container{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-container);box-shadow:var(--pds-elevation-popover);max-width:20rem;padding:var(--pds-spacing-m);width:max-content;z-index:var(--pds-z-index-overlay)}@media (max-width:767px){.pds-popover__container{max-width:80vw}}.pds-popover__container:focus{outline:none}.pds-popover__title{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-xs)}.pds-popover__content a{outline:0}.pds-popover__content>:last-child{margin-block-end:0}.pds-popover__content,.pds-popover__content *{font-size:var(--pds-typography-size-s)!important;line-height:var(--pds-typography-lh-m)!important;overflow-wrap:break-word}.pds-popover__content :is(h1,h2,h3,h4,h5,h6){font-family:var(--pds-typography-ff-default)!important;font-weight:var(--pds-typography-fw-regular)!important}.pds-popover__content .pds-icon-button,.pds-popover__content img{display:none}.pds-popover__content .pds-button{--button-height:var(--pds-spacing-button-height-s);--button-padding-inline:var(--pds-spacing-button-padding-inline-s);--button-gap-inline:var(--pds-spacing-button-gap-inline-s)}.pds-popover__container-inner{position:relative}.pds-popover__close-wrapper{height:var(--pds-spacing-xl);position:absolute;right:0;top:0;width:var(--pds-spacing-xl)}}
|
|
@@ -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:.
|
|
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);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}}}
|
|
@@ -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;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 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-spinner{--spinner-color:var(--pds-color-foreground-default);align-items:center;display:flex;flex-direction:column;text-align:center}.pds-spinner--inline{align-self:center;display:inline-flex}.pds-spinner__icon{height:var(--spinner-size);overflow:visible;width:var(--spinner-size)}.pds-spinner__track{fill:none;stroke:var(--spinner-color);stroke-opacity:.3;stroke-width:2.5}.pds-spinner__rotator{animation:spinner-rotate 1s linear infinite;transform-origin:12px 12px}.pds-spinner__arc{fill:none;stroke:var(--spinner-color);stroke-dasharray:
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-spinner{--spinner-color:var(--pds-color-foreground-default);align-items:center;display:flex;flex-direction:column;text-align:center}.pds-spinner--inline{align-self:center;display:inline-flex}.pds-spinner__icon{height:var(--spinner-size);overflow:visible;width:var(--spinner-size)}.pds-spinner__track{fill:none;stroke:var(--spinner-color);stroke-opacity:.3;stroke-width:2.5}.pds-spinner__rotator{animation:spinner-rotate 1s linear infinite;transform-origin:12px 12px}.pds-spinner__arc{fill:none;stroke:var(--spinner-color);stroke-dasharray:18.7 66;stroke-linecap:round;stroke-width:2.5}@keyframes spinner-rotate{to{transform:rotate(1turn)}}.pds-spinner__label{font-family:var(--pds-typography-ff-default);font-weight:var(--pds-typography-fw-medium);line-height:var(--pds-typography-lh-m);max-width:calc(var(--spinner-size)*6)}@media (prefers-reduced-motion:reduce){.pds-spinner__rotator{animation-duration:8s}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-split-button{background-color:var(--pds-color-button-primary-background-default);border-radius:var(--pds-border-radius-button);display:inline-flex;gap:var(--pds-border-width-default)}.pds-split-button .pds-split-button__primary-action a,.pds-split-button button.pds-split-button__primary-action{border-bottom-right-radius:0;border-top-right-radius:0;padding-inline-end:var(--pds-spacing-s)}.pds-split-button button.pds-menu-button__trigger{border-bottom-left-radius:0;border-top-left-radius:0;padding-inline-start:var(--pds-spacing-s);position:relative}.pds-split-button button.pds-menu-button__trigger:before{background-color:var(--pds-color-surface-default);content:"";height:calc(100% + var(--pds-border-width-default)*2);left:calc(var(--pds-border-width-default)*-1);position:absolute;top:calc(var(--pds-border-width-default)*-1);transform:translateX(-100%);width:var(--pds-border-width-default)}.pds-split-button .pds-button__tally,.pds-split-button .pds-status-dot{display:none}.pds-split-button--secondary{background-color:var(--pds-color-button-secondary-background-default);border:var(--pds-border-width-default) solid var(--pds-color-button-secondary-border)}.pds-split-button--secondary .pds-split-button__primary-action a,.pds-split-button--secondary button.pds-menu-button__trigger,.pds-split-button--secondary button.pds-split-button__primary-action{border:0}.pds-split-button--secondary button.pds-menu-button__trigger:before{background-color:var(--pds-color-
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-split-button{background-color:var(--pds-color-button-primary-background-default);border-radius:var(--pds-border-radius-button);display:inline-flex;gap:var(--pds-border-width-default)}.pds-split-button .pds-split-button__primary-action a,.pds-split-button button.pds-split-button__primary-action{border-bottom-right-radius:0;border-top-right-radius:0;padding-inline-end:var(--pds-spacing-s)}.pds-split-button button.pds-menu-button__trigger{border-bottom-left-radius:0;border-top-left-radius:0;padding-inline-start:var(--pds-spacing-s);position:relative}.pds-split-button button.pds-menu-button__trigger:before{background-color:var(--pds-color-surface-default);content:"";height:calc(100% + var(--pds-border-width-default)*2);left:calc(var(--pds-border-width-default)*-1);position:absolute;top:calc(var(--pds-border-width-default)*-1);transform:translateX(-100%);width:var(--pds-border-width-default)}.pds-split-button .pds-button__tally,.pds-split-button .pds-status-dot{display:none}.pds-split-button--secondary{background-color:var(--pds-color-button-secondary-background-default);border:var(--pds-border-width-default) solid var(--pds-color-button-secondary-border)}.pds-split-button--secondary .pds-split-button__primary-action a,.pds-split-button--secondary button.pds-menu-button__trigger,.pds-split-button--secondary button.pds-split-button__primary-action{border:0}.pds-split-button--secondary button.pds-menu-button__trigger:before{background-color:var(--pds-color-button-secondary-border);transform:translateX(0)}}
|
|
@@ -0,0 +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-m)}.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,3 +1,5 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-stepper{--stepper-border-color:var(--pds-color-border-separator);--stepper-connector-color:var(--pds-color-border-separator);--stepper-fill-color:transparent;--indicator-size:1.75rem;display:none}@media (min-width:768px){.pds-stepper{display:block}}.pds-stepper-mobile{display:block}@media (min-width:768px){.pds-stepper-mobile{display:none}}.pds-stepper{margin-inline:auto}ol.pds-stepper__steps{display:flex;justify-content:space-between;padding:0}li.pds-stepper__step{align-items:flex-end;display:flex;justify-content:center;list-style:none;position:relative}li.pds-stepper__step:first-child{justify-content:flex-start}li.pds-stepper__step:last-child{justify-content:flex-end}.pds-stepper__step-content,button.pds-stepper__step-content{align-items:center;display:inline-flex;flex-direction:column;row-gap:var(--pds-spacing-s);text-align:center;width:var(
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-stepper{--stepper-border-color:var(--pds-color-border-separator);--stepper-connector-color:var(--pds-color-border-separator);--stepper-fill-color:transparent;--indicator-size:1.75rem;display:none}@media (min-width:768px){.pds-stepper{display:block}}.pds-stepper-mobile{display:block}@media (min-width:768px){.pds-stepper-mobile{display:none}}.pds-stepper{margin-inline:auto}ol.pds-stepper__steps{display:flex;justify-content:space-between;padding:0}li.pds-stepper__step{align-items:flex-end;display:flex;justify-content:center;list-style:none;position:relative}li.pds-stepper__step:first-child{justify-content:flex-start}li.pds-stepper__step:last-child{justify-content:flex-end}.pds-stepper__step-content,button.pds-stepper__step-content{align-items:center;display:inline-flex;flex-direction:column;row-gap:var(--pds-spacing-s);text-align:center;width:var(
|
|
2
|
+
--step-content-width,var(--pds-spacing-stepper-step-content-width)
|
|
3
|
+
)}button.pds-stepper__step-content{background-color:transparent;border:none;cursor:pointer}button.pds-stepper__step-content:hover{--stepper-fill-color:var(--pds-color-interactive-foreground-hover);--stepper-border-color:var(--pds-color-interactive-foreground-hover);--pds-color-foreground-default:var(
|
|
2
4
|
--pds-color-interactive-foreground-hover
|
|
3
5
|
)}button.pds-stepper__step-content:focus-visible>.pds-stepper__step-label{border-radius:var(--pds-border-radius-default);box-shadow:0 0 0 var(--pds-border-width-outline) var(--pds-color-interactive-focus);padding-inline:var(--pds-spacing-2xs);transition:var(--pds-animation-transition-button)}.pds-stepper__step-label{color:var(--pds-color-foreground-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-semibold);line-height:var(--pds-typography-lh-s)}.pds-stepper__step-indicator{align-items:center;background-color:var(--stepper-fill-color);border:var(--pds-border-width-stepper) solid var(--stepper-border-color);border-radius:50%;display:flex;height:var(--indicator-size);justify-content:center;transition:var(--pds-animation-transition-button);width:var(--indicator-size)}.pds-stepper__step-complete-icon{color:var(--pds-color-foreground-reverse)}.pds-stepper__connector{background-color:var(--stepper-connector-color);bottom:calc(var(--indicator-size)/2 - var(--pds-border-width-stepper)/2);height:var(--pds-border-width-stepper);position:relative}.pds-stepper__connector--before{border-bottom-right-radius:1rem;border-top-right-radius:1rem}.pds-stepper__connector--after{border-bottom-left-radius:1rem;border-top-left-radius:1rem}.pds-stepper__step--current{--stepper-border-color:var(--pds-color-interactive-background-current)}.pds-stepper__step--current .pds-stepper__connector--before{--stepper-connector-color:var(--pds-color-interactive-background-current)}.pds-stepper__step--complete{--stepper-fill-color:var(--pds-color-interactive-background-current);--stepper-border-color:var(--pds-color-interactive-background-current)}.pds-stepper__step--complete .pds-stepper__connector{--stepper-connector-color:var(--pds-color-interactive-background-current)}.pds-stepper__step--error{--stepper-border-color:var(--pds-color-status-critical-fill)}.pds-stepper-mobile__step{align-items:stretch;column-gap:var(--pds-spacing-l);display:flex;justify-content:space-between}.pds-stepper-mobile__step-text{display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);padding-block-start:var(--pds-spacing-s);row-gap:var(--pds-spacing-3xs);text-align:right}.pds-stepper-mobile__step-label{font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-semibold)}.pds-stepper-mobile__next-step{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s)}.pds-stepper-mobile__error-icon{color:var(--pds-color-status-critical-foreground);margin-inline-end:var(--pds-spacing-xs)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-text-input__input-wrapper{align-items:center;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);display:flex;gap:var(--pds-spacing-xs);height:var(--pds-spacing-input-height-s);padding-inline:var(--pds-spacing-xs);transition:var(--pds-animation-transition-input)}.pds-text-input__input-wrapper:focus-within{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-text-input--m .pds-text-input__input-wrapper{gap:var(--pds-spacing-s);height:var(--pds-spacing-input-height-m);padding-inline:var(--pds-spacing-s)}.pds-text-input__input{background-color:transparent;border:none;caret-color:var(--pds-color-foreground-default);color:var(--pds-color-foreground-default);flex-grow:1;font-size:var(--pds-typography-size-s);line-height:1;padding-inline:0;width:100%}.pds-text-input__input:focus{outline:none}.pds-text-input__input::placeholder{color:var(--pds-color-input-placeholder)}.pds-text-input__visibility-toggle{background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);display:flex;justify-content:center;padding:var(--pds-spacing-4xs)}.pds-text-input__visibility-toggle:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-text-input__visibility-toggle:focus-visible{background-color:var(--pds-color-interactive-background-hover);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-text-input__url-prefix{align-items:center;background:var(--pds-color-surface-default-secondary);border-right:var(--pds-border-width-default) solid var(--pds-color-border-input);color:var(--pds-color-foreground-default-secondary);display:flex;font-size:var(--pds-typography-size-s);height:100%;padding-inline:var(--pds-spacing-s);user-select:none}.pds-text-input__input-wrapper--has-prefix{overflow:hidden;padding-left:0}.pds-text-input__input-wrapper--has-prefix .pds-input-prefix--error,.pds-text-input__input-wrapper--has-prefix .pds-input-prefix--success{display:none}}
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-text-input__input-wrapper{--input-wrapper-padding-inline-end:var(--pds-spacing-xs);align-items:center;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);display:flex;gap:var(--pds-spacing-xs);height:var(--pds-spacing-input-height-s);padding-inline-end:var(--input-wrapper-padding-inline-end);padding-inline-start:var(--pds-spacing-xs);transition:var(--pds-animation-transition-input)}.pds-text-input__input-wrapper:focus-within{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-text-input__input-wrapper--has-search-shortcut{--input-wrapper-padding-inline-end:var(--pds-spacing-2xs)}.pds-text-input--m .pds-text-input__input-wrapper{--input-wrapper-padding-inline-end:var(--pds-spacing-s);gap:var(--pds-spacing-s);height:var(--pds-spacing-input-height-m);padding-inline-start:var(--pds-spacing-s)}.pds-text-input--m .pds-text-input__input-wrapper--has-search-shortcut{--input-wrapper-padding-inline-end:var(--pds-spacing-xs)}.pds-text-input__input{background-color:transparent;border:none;caret-color:var(--pds-color-foreground-default);color:var(--pds-color-foreground-default);flex-grow:1;font-size:var(--pds-typography-size-s);line-height:1;padding-inline:0;width:100%}.pds-text-input__input:focus{outline:none}.pds-text-input__input::placeholder{color:var(--pds-color-input-placeholder)}.pds-text-input__visibility-toggle{background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);display:flex;justify-content:center;padding:var(--pds-spacing-4xs)}.pds-text-input__visibility-toggle:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-text-input__visibility-toggle:focus-visible{background-color:var(--pds-color-interactive-background-hover);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-text-input__url-prefix{align-items:center;background:var(--pds-color-surface-default-secondary);border-right:var(--pds-border-width-default) solid var(--pds-color-border-input);color:var(--pds-color-foreground-default-secondary);display:flex;font-size:var(--pds-typography-size-s);height:100%;padding-inline:var(--pds-spacing-s);user-select:none}.pds-text-input__input-wrapper--has-prefix{overflow:hidden;padding-left:0}.pds-text-input__input-wrapper--has-prefix .pds-input-prefix--error,.pds-text-input__input-wrapper--has-prefix .pds-input-prefix--success{display:none}}
|
|
@@ -412,6 +412,7 @@
|
|
|
412
412
|
--pds-elevation-drawer-left: 2px 0px 32px 0px rgba(0, 0, 0, 0.8), 1px 0px 0px 0px rgba(255, 255, 255, 0.12);
|
|
413
413
|
--pds-elevation-drawer-right: -2px 0px 32px 0px rgba(0, 0, 0, 0.8), -1px 0px 0px 0px rgba(255, 255, 255, 0.12);
|
|
414
414
|
--pds-elevation-icon-button-pressed: inset 0px 0px 4px 1px rgba(255, 255, 255, 0.06);
|
|
415
|
+
--pds-elevation-popover: 0px 4px 8px 0px rgba(0, 0, 0, 0.5), 0px 16px 32px 0px rgba(0, 0, 0, 0.75);
|
|
415
416
|
--pds-elevation-sortable-hover: 0px 0px 3px 1px rgba(58, 93, 251, 0.35);
|
|
416
417
|
--pds-elevation-utility-button-active: inset 0px 1px 2px 0px rgba(255, 255, 255, 0.16);
|
|
417
418
|
--pds-elevation-raised: 0px 0px 0px 1px rgba(150, 150, 150, 0.16), 0px 5px 10px 0px rgba(20, 20, 20, 0.6);
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
--pds-border-radius-button: 3.5rem;
|
|
18
18
|
--pds-border-radius-card: 0.5rem;
|
|
19
19
|
--pds-border-radius-container: 0.375rem;
|
|
20
|
-
--pds-border-radius-default: 0.
|
|
20
|
+
--pds-border-radius-default: 0.25rem;
|
|
21
21
|
--pds-border-radius-input: 0.375rem;
|
|
22
22
|
--pds-border-radius-panel: 0.75rem;
|
|
23
23
|
--pds-border-radius-promo: 1.5rem;
|
|
@@ -41,7 +41,6 @@
|
|
|
41
41
|
--pds-spacing-dashboard-nav-item-height: 2.25rem;
|
|
42
42
|
--pds-spacing-dashboard-nav-item-padding: 0.625rem;
|
|
43
43
|
--pds-spacing-stepper-indicator-size: var(--pds-spacing-l);
|
|
44
|
-
--pds-spacing-stepper-step-content-width: 7rem;
|
|
45
44
|
--pds-spacing-9xl: 10rem;
|
|
46
45
|
--pds-spacing-8xl: 8rem;
|
|
47
46
|
--pds-spacing-7xl: 6rem;
|
|
@@ -412,6 +412,7 @@
|
|
|
412
412
|
--pds-elevation-drawer-left: 4px 0px 16px 0px rgba(0, 0, 0, 0.08);
|
|
413
413
|
--pds-elevation-drawer-right: -4px 0px 16px 0px rgba(0, 0, 0, 0.08);
|
|
414
414
|
--pds-elevation-icon-button-pressed: inset 0px 0px 4px 1px rgba(0, 0, 0, 0.04);
|
|
415
|
+
--pds-elevation-popover: 0px 2px 4px 0px rgba(0, 0, 0, 0.06), 0px 10px 24px -2px rgba(0, 0, 0, 0.1), 0px 28px 64px -8px rgba(0, 0, 0, 0.14);
|
|
415
416
|
--pds-elevation-sortable-hover: 0px 0px 3px 1px rgba(58, 93, 251, 0.25);
|
|
416
417
|
--pds-elevation-utility-button-active: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.10);
|
|
417
418
|
--pds-elevation-raised: 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 2px 2px 0px rgba(0, 0, 0, 0.04), 0px 8px 8px -8px rgba(0, 0, 0, 0.04);
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
@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)
|
|
2
2
|
.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]
|
|
3
|
-
.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__content-column,.pds-app-layout--scrollable .pds-app-layout__sidebar-inner{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-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}}
|
|
3
|
+
.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__content-column,.pds-app-layout--scrollable .pds-app-layout__sidebar-inner{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}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.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)}}}
|