@pantheon-systems/pds-toolkit-react 2.0.0-alpha.67 → 2.0.0-alpha.69
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 +24 -0
- package/dist/components/icons/Icon/generated-icon-data.d.ts +30 -2
- package/dist/components/inputs/Datepicker/Datepicker.d.ts +30 -3
- package/dist/css/component-css/pds-datepicker.css +1 -1
- package/dist/css/component-css/pds-expansion-panel.css +1 -1
- package/dist/css/component-css/pds-index.css +9 -9
- package/dist/css/component-css/pds-link-new-window.css +1 -1
- package/dist/css/component-css/pds-panel.css +1 -1
- package/dist/css/component-css/pds-side-nav-global.css +1 -1
- package/dist/css/component-css/pds-side-nav.css +1 -1
- package/dist/css/component-css/pds-table.css +1 -1
- package/dist/css/component-css/pds-tag.css +1 -1
- package/dist/css/component-css/pds-user-menu.css +1 -1
- package/dist/css/pds-components.css +9 -9
- package/dist/index.css +1 -1
- package/dist/index.js +700 -643
- package/dist/index.js.map +1 -1
- package/dist/svg/bookmark.svg +3 -0
- package/dist/svg/bookmarkSolid.svg +3 -0
- package/dist/svg/box.svg +3 -0
- package/dist/svg/penPaintbrush.svg +3 -0
- package/package.json +1 -1
|
@@ -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);align-items:baseline;color:var(--link-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:inherit;gap:var(--icon-h-offset);
|
|
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);align-items:baseline;color:var(--link-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:inherit;gap:var(--icon-h-offset);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);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)}.pds-link-new-window--l{--icon-size:var(--pds-typography-size-m);--icon-h-offset:var(--pds-spacing-xs);font-size:var(--pds-typography-size-l)}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
@layer pds-v1, pds-v2;@layer pds-v2{.pds-panel{--border-color:var(--pds-color-border-default);--bg-color:var(--pds-color-surface-default);background-color:var(--bg-color);border:var(--pds-border-width-default) solid var(--border-color);border-radius:var(--pds-border-radius-panel);display:flex}.pds-panel__content>:last-child{margin-block-end:0}.pds-panel__content>:first-child>:is(h1,h2,h3,h4,h5,h6):first-child,.pds-panel__content>:is(h1,h2,h3,h4,h5,h6):first-child{font-size:var(--pds-typography-size-l)}.pds-panel__content
|
|
2
|
-
:is(h1,h2,h3,h4,h5,h6):not(.visually-hidden)+:
|
|
2
|
+
:is(h1,h2,h3,h4,h5,h6):not(.visually-hidden)+:is(p,ul,ol,dl,blockquote,table,pre,form,h1,h2,h3,h4,h5,h6){margin-block-start:var(--pds-spacing-s)}.pds-panel__content{display:block;padding:var(--pds-spacing-l);width:100%}.pds-panel__content--pad-condensed{padding:var(--pds-spacing-m)}.pds-panel__content--pad-none{padding:0}.pds-panel__content--pad-spacious{padding:var(--pds-spacing-xl)}@media (min-width:768px){.pds-panel__content{padding:var(--pds-spacing-xl)}.pds-panel__content--pad-condensed{padding:var(--pds-spacing-l)}.pds-panel__content--pad-none{padding:0}.pds-panel__content--pad-spacious{padding:var(--pds-spacing-2xl)}}.pds-panel--sunken{--bg-color:var(--pds-color-panel-sunken-background);--border-color:transparent}.pds-panel--raised{--border-color:transparent;box-shadow:var(--pds-elevation-raised)}.pds-panel--overlay{--border-color:transparent;box-shadow:var(--pds-elevation-overlay)}.pds-panel--critical{--border-color:var(--pds-color-status-critical-border)}.pds-panel--discovery{--border-color:var(--pds-color-status-discovery-border)}.pds-panel--info{--border-color:var(--pds-color-status-info-border)}.pds-panel--success{--border-color:var(--pds-color-status-success-border)}.pds-panel--warning{--border-color:var(--pds-color-status-warning-border)}}
|
|
@@ -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);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;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-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(--
|
|
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}}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-side-nav{--item-color-foreground:var(--pds-color-foreground-default);--item-color-background:transparent;--item-font-weight:var(--pds-typography-fw-regular);--item-spacing:var(--pds-spacing-3xs);color:var(--pds-color-foreground-default);font-family:var(--pds-typography-ff-default)}.pds-side-nav a{text-decoration:none}.pds-side-nav a,.pds-side-nav a:hover{color:var(--item-color-foreground)}.pds-side-nav .pds-icon{pointer-events:none}.pds-side-nav button.pds-side-nav__toggle,.pds-side-nav button.pds-side-nav__toggle--main{border:none;cursor:pointer}.pds-side-nav button.pds-side-nav__toggle:not(.pds-side-nav__toggle--main){background:none}h2.pds-side-nav__heading{font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-s);word-wrap:break-word}h2.pds-side-nav__heading a{color:var(--pds-color-foreground-default);text-decoration:none}h2.pds-side-nav__heading a:hover{color:var(--pds-color-interactive-foreground-hover)}h2.pds-side-nav__heading a:focus-visible{border-radius:var(--pds-border-radius-default);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-side-nav__menu{display:flex;flex-direction:column;margin:0;padding:0;row-gap:var(--item-spacing)}.pds-side-nav__item,.pds-side-nav__menu{list-style-type:none}.pds-side-nav__item .pds-tally{margin-inline-start:var(--pds-spacing-3xs)}.pds-side-nav__item .pds-tally:first-child{margin-inline-start:var(--pds-spacing-xs)}.pds-side-nav__item:not(.pds-side-nav__item--has-children)>a,.pds-side-nav__row{align-items:center;background-color:var(--item-color-background);border-radius:var(--pds-border-radius-container);color:var(--item-color-foreground);display:flex;font-weight:var(--item-font-weight);line-height:1.2;padding:var(--pds-spacing-xs) var(--pds-spacing-s)}.pds-side-nav__item:not(.pds-side-nav__item--has-children)>a:hover,.pds-side-nav__row:hover{--item-color-background:var(--pds-color-interactive-background-selected);--item-color-foreground:var(--pds-color-interactive-foreground-hover)}.pds-side-nav__item:not(.pds-side-nav__item--has-children)>a:focus-visible,.pds-side-nav__row:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-side-nav__row--expandable{column-gap:var(--pds-spacing-m);justify-content:space-between;width:100%}.pds-side-nav__row--expandable>.pds-side-nav__toggle-content,.pds-side-nav__row--expandable>a{flex:1;text-align:left}.pds-side-nav__row--expandable.pds-side-nav__item-wrapper{
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-side-nav{--item-color-foreground:var(--pds-color-foreground-default);--item-color-background:transparent;--item-font-weight:var(--pds-typography-fw-regular);--item-spacing:var(--pds-spacing-3xs);--toggle-size:1.5rem;color:var(--pds-color-foreground-default);font-family:var(--pds-typography-ff-default)}.pds-side-nav a{text-decoration:none}.pds-side-nav a,.pds-side-nav a:hover{color:var(--item-color-foreground)}.pds-side-nav .pds-icon{pointer-events:none}.pds-side-nav button.pds-side-nav__toggle,.pds-side-nav button.pds-side-nav__toggle--main{border:none;cursor:pointer}.pds-side-nav button.pds-side-nav__toggle:not(.pds-side-nav__toggle--main){background:none}h2.pds-side-nav__heading{font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-s);word-wrap:break-word}h2.pds-side-nav__heading a{color:var(--pds-color-foreground-default);text-decoration:none}h2.pds-side-nav__heading a:hover{color:var(--pds-color-interactive-foreground-hover)}h2.pds-side-nav__heading a:focus-visible{border-radius:var(--pds-border-radius-default);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-side-nav__menu{display:flex;flex-direction:column;margin:0;padding:0;row-gap:var(--item-spacing)}.pds-side-nav__item,.pds-side-nav__menu{list-style-type:none}.pds-side-nav__item .pds-tally{margin-inline-start:var(--pds-spacing-3xs)}.pds-side-nav__item .pds-tally:first-child{margin-inline-start:var(--pds-spacing-xs)}.pds-side-nav__item:not(.pds-side-nav__item--has-children)>a,.pds-side-nav__row{align-items:center;background-color:var(--item-color-background);border-radius:var(--pds-border-radius-container);color:var(--item-color-foreground);display:flex;font-weight:var(--item-font-weight);line-height:1.2;padding:var(--pds-spacing-xs) var(--pds-spacing-s)}.pds-side-nav__item:not(.pds-side-nav__item--has-children)>a:hover,.pds-side-nav__row:hover{--item-color-background:var(--pds-color-interactive-background-selected);--item-color-foreground:var(--pds-color-interactive-foreground-hover)}.pds-side-nav__item:not(.pds-side-nav__item--has-children)>a:focus-visible,.pds-side-nav__row:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-side-nav__row--expandable{column-gap:var(--pds-spacing-m);justify-content:space-between;width:100%}.pds-side-nav__row--expandable>.pds-side-nav__toggle-content,.pds-side-nav__row--expandable>a{flex:1;text-align:left}.pds-side-nav__row--expandable.pds-side-nav__item-wrapper{padding:0;position:relative}.pds-side-nav__row--expandable>a{border-radius:var(--pds-border-radius-container);padding:var(--pds-spacing-xs) var(--pds-spacing-s);padding-inline-end:var(--toggle-size)}.pds-side-nav__row--expandable>a:focus-visible,.pds-side-nav__row--expandable>button:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-2px}.pds-side-nav__item--active>a{--item-color-background:var(--pds-color-interactive-background-selected);--item-color-foreground:var(--pds-color-interactive-foreground-active);--item-font-weight:var(--pds-typography-fw-bold)}.pds-side-nav__toggle .pds-icon{color:var(--item-color-foreground);transition:var(--pds-animation-transition-rotation)}.pds-side-nav__toggle:not(.pds-side-nav__toggle--main){align-items:center;display:flex;height:var(--toggle-size);inset-inline-end:var(--pds-spacing-2xs);justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:var(--toggle-size)}.pds-side-nav__toggle--expanded .pds-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-side-nav__menu--second-level{display:none;margin-block-start:var(--item-spacing);padding-inline-start:var(--pds-spacing-l)}.pds-side-nav__menu--second-level.pds-side-nav__menu--expanded{display:flex!important}.pds-side-nav--has-mobile-dropdown .pds-side-nav__mobile{color:var(--pds-color-foreground-default);display:none}.pds-side-nav--has-mobile-dropdown .pds-side-nav__mobile a{color:var(--pds-color-foreground-default)}.pds-side-nav--has-mobile-dropdown .pds-side-nav__mobile a:hover{color:var(--pds-color-interactive-foreground-hover)}.pds-side-nav--has-mobile-dropdown .pds-side-nav__mobile .pds-dropdown-menu__heading{font-size:var(--pds-typography-size-l)}[data-pds-mobile]
|
|
2
2
|
.pds-side-nav--has-mobile-dropdown
|
|
3
3
|
.pds-side-nav__menu--top-level,[data-pds-mobile] .pds-side-nav--has-mobile-dropdown .pds-side-nav__heading{display:none}[data-pds-mobile] .pds-side-nav--has-mobile-dropdown .pds-side-nav__mobile{display:block}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-table-wrapper{--table-footer-height:3.75rem;display:flex;flex-direction:column;gap:var(--pds-spacing-m);width:100%}.pds-table-wrapper__content{display:flex;overflow-x:clip;position:relative;width:100%}.pds-table-wrapper__table-column{display:flex;flex:1;flex-direction:column;margin-inline-end:0;min-width:0;transition:margin-inline-end .25s cubic-bezier(.2,0,0,1)}.pds-table-wrapper__content--panel-open .pds-table-wrapper__table-column{margin-inline-end:var(--pds-detail-panel-width,20rem)}.pds-table-wrapper__table-area{max-height:var(--table-max-height,none);min-height:var(--table-min-height,none);min-width:0;overflow-x:auto;overflow-y:auto}.pds-table-wrapper__detail-panel{background-color:var(--pds-color-surface-default);border-radius:0 var(--pds-border-radius-panel) var(--pds-border-radius-panel) 0;bottom:0;display:flex;flex-direction:column;overflow:hidden;position:absolute;right:0;top:0;transition:width .25s cubic-bezier(.2,0,0,1);width:0}.pds-table-wrapper__detail-panel--open{border-inline-start:var(--pds-border-width-default) solid var(--pds-color-border-default);width:var(--pds-detail-panel-width,20rem)}.pds-table-wrapper__detail-panel-upper{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.pds-table-wrapper__detail-panel-header{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;padding:var(--pds-spacing-l) var(--pds-spacing-m) 0}.pds-table-wrapper__detail-panel-title{flex:1;font-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-semibold);line-height:1}.pds-table-wrapper__detail-panel-content{flex:1;overflow-y:auto;padding:var(--pds-spacing-xl) var(--pds-spacing-m)}.pds-table-wrapper__detail-panel-footer{box-shadow:inset 0 1px 0 var(--pds-color-border-default);flex-shrink:0;height:var(--table-footer-height)}.pds-table-wrapper__detail-panel-nav{align-items:center;display:flex;gap:var(--pds-spacing-2xs);height:100%;justify-content:flex-end;padding-inline:var(--pds-spacing-m)}.pds-table-wrapper__footer{width:100%}.pds-table-wrapper--in-panel .pds-table td:first-child,.pds-table-wrapper--in-panel .pds-table th:first-child{padding-inline-start:var(--pds-spacing-l)}.pds-table-wrapper--in-panel .pds-table td:last-child,.pds-table-wrapper--in-panel .pds-table th:last-child{padding-inline-end:var(--pds-spacing-m)}.pds-table-wrapper--in-panel .pds-table th{padding-block:var(--pds-spacing-m)}.pds-table-wrapper--in-panel .pds-table-wrapper__footer,.pds-table-wrapper--in-panel .pds-table-wrapper__pagination{box-shadow:inset 0 1px 0 var(--pds-color-border-default)}.pds-table-wrapper--in-panel .pds-table-wrapper__pagination{box-sizing:border-box;height:var(--table-footer-height);padding-inline:var(--pds-spacing-m)}.pds-table-wrapper__pagination{align-items:center;display:flex;gap:var(--pds-spacing-l);width:100%}.pds-table-wrapper__pagination-controls{margin-inline-start:auto}table.pds-table{border-collapse:separate;border-spacing:0}.pds-table td{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default)}.pds-table-wrapper--in-panel .pds-table tbody tr:last-child td{border-block-end:none}.pds-table th{background-color:var(--pds-color-surface-default);box-shadow:inset 0 calc(var(--pds-border-width-default)*-1) 0 var(--pds-color-border-default);position:sticky;top:0;z-index:1}.pds-table-wrapper--in-panel .pds-table-wrapper__table-area{border-start-end-radius:calc(var(--pds-border-radius-panel) - var(--pds-border-width-default));border-start-start-radius:calc(var(--pds-border-radius-panel) - var(--pds-border-width-default))}.pds-table-wrapper--in-panel .pds-table-wrapper__table-area:last-child{border-end-end-radius:calc(var(--pds-border-radius-panel) - var(--pds-border-width-default));border-end-start-radius:calc(var(--pds-border-radius-panel) - var(--pds-border-width-default))}.pds-table-wrapper--in-panel
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-table-wrapper{--table-footer-height:3.75rem;display:flex;flex-direction:column;gap:var(--pds-spacing-m);width:100%}.pds-table-wrapper__content{display:flex;overflow-x:clip;position:relative;width:100%}.pds-table-wrapper__table-column{display:flex;flex:1;flex-direction:column;margin-inline-end:0;min-width:0;transition:margin-inline-end .25s cubic-bezier(.2,0,0,1)}.pds-table-wrapper__content--panel-open .pds-table-wrapper__table-column{margin-inline-end:var(--pds-detail-panel-width,20rem)}.pds-table-wrapper__table-area{max-height:var(--table-max-height,none);min-height:var(--table-min-height,none);min-width:0;overflow-x:auto;overflow-y:auto}.pds-table-wrapper__detail-panel{background-color:var(--pds-color-surface-default);border-radius:0 var(--pds-border-radius-panel) var(--pds-border-radius-panel) 0;bottom:0;display:flex;flex-direction:column;overflow:hidden;position:absolute;right:0;top:0;transition:width .25s cubic-bezier(.2,0,0,1);width:0}.pds-table-wrapper__detail-panel--open{border-inline-start:var(--pds-border-width-default) solid var(--pds-color-border-default);width:var(--pds-detail-panel-width,20rem)}.pds-table-wrapper__detail-panel-upper{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.pds-table-wrapper__detail-panel-header{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;padding:var(--pds-spacing-l) var(--pds-spacing-m) 0}.pds-table-wrapper__detail-panel-title{flex:1;font-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-semibold);line-height:1}.pds-table-wrapper__detail-panel-content{flex:1;overflow-y:auto;padding:var(--pds-spacing-xl) var(--pds-spacing-m)}.pds-table-wrapper__detail-panel-footer{box-shadow:inset 0 1px 0 var(--pds-color-border-default);flex-shrink:0;height:var(--table-footer-height)}.pds-table-wrapper__detail-panel-nav{align-items:center;display:flex;gap:var(--pds-spacing-2xs);height:100%;justify-content:flex-end;padding-inline:var(--pds-spacing-m)}.pds-table-wrapper__footer{width:100%}.pds-table-wrapper--in-panel .pds-table td:first-child,.pds-table-wrapper--in-panel .pds-table th:first-child{padding-inline-start:var(--pds-spacing-l)}.pds-table-wrapper--in-panel .pds-table td.pds-table__checkbox-cell,.pds-table-wrapper--in-panel .pds-table th.pds-table__checkbox-cell{width:3rem}.pds-table-wrapper--in-panel .pds-table td:last-child,.pds-table-wrapper--in-panel .pds-table th:last-child{padding-inline-end:var(--pds-spacing-m)}.pds-table-wrapper--in-panel .pds-table th{padding-block:var(--pds-spacing-m)}.pds-table-wrapper--in-panel .pds-table-wrapper__footer,.pds-table-wrapper--in-panel .pds-table-wrapper__pagination{box-shadow:inset 0 1px 0 var(--pds-color-border-default)}.pds-table-wrapper--in-panel .pds-table-wrapper__pagination{box-sizing:border-box;height:var(--table-footer-height);padding-inline:var(--pds-spacing-m)}.pds-table-wrapper__pagination{align-items:center;display:flex;gap:var(--pds-spacing-l);width:100%}.pds-table-wrapper__pagination-controls{margin-inline-start:auto}table.pds-table{border-collapse:separate;border-spacing:0}.pds-table td{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default)}.pds-table-wrapper--in-panel .pds-table tbody tr:last-child td{border-block-end:none}.pds-table th{background-color:var(--pds-color-surface-default);box-shadow:inset 0 calc(var(--pds-border-width-default)*-1) 0 var(--pds-color-border-default);position:sticky;top:0;z-index:1}.pds-table-wrapper--in-panel .pds-table-wrapper__table-area{border-start-end-radius:calc(var(--pds-border-radius-panel) - var(--pds-border-width-default));border-start-start-radius:calc(var(--pds-border-radius-panel) - var(--pds-border-width-default))}.pds-table-wrapper--in-panel .pds-table-wrapper__table-area:last-child{border-end-end-radius:calc(var(--pds-border-radius-panel) - var(--pds-border-width-default));border-end-start-radius:calc(var(--pds-border-radius-panel) - var(--pds-border-width-default))}.pds-table-wrapper--in-panel
|
|
2
2
|
.pds-table-wrapper__content--panel-open
|
|
3
3
|
.pds-table-wrapper__table-area{border-start-end-radius:0}.pds-table-wrapper--in-panel
|
|
4
4
|
.pds-table-wrapper__content--panel-open
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-tag{--tag-bg:var(--pds-color-tag-orange-background);--tag-fg:var(--pds-color-tag-orange-foreground);--tag-focus-color:var(--pds-color-interactive-focus);--tag-height:var(--pds-spacing-
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-tag{--tag-bg:var(--pds-color-tag-orange-background);--tag-fg:var(--pds-color-tag-orange-foreground);--tag-focus-color:var(--pds-color-interactive-focus);--tag-height:var(--pds-spacing-xl);--tag-padding-start:var(--pds-spacing-xs);--tag-padding-end:var(--pds-spacing-xs);--tag-gap:var(--pds-spacing-3xs);--tag-font-size:var(--pds-typography-size-xs);--tag-icon-size:0.75rem;align-items:center;background-color:var(--tag-bg);border-radius:var(--pds-border-radius-button);color:var(--tag-fg);column-gap:var(--tag-gap);display:inline-flex;font-family:var(--pds-typography-ff-default);font-size:var(--tag-font-size);font-weight:var(--pds-typography-fw-medium);height:var(--tag-height);line-height:1;padding-inline-end:var(--tag-padding-end);padding-inline-start:var(--tag-padding-start);white-space:nowrap}.pds-tag.pds-tag--hide{display:none}.pds-tag .pds-tag__remove{align-items:center;background-color:transparent;border:none;border-radius:50%;color:var(--tag-fg);cursor:pointer;display:flex;flex-shrink:0;height:var(--tag-icon-size);justify-content:center;opacity:60%;transition:opacity var(--pds-animation-duration-default) ease;width:var(--tag-icon-size)}.pds-tag .pds-tag__remove:hover{opacity:100%}.pds-tag .pds-tag__remove:focus-visible{opacity:1;outline:var(--pds-border-width-outline) solid var(--tag-focus-color);outline-offset:2px}.pds-tag .pds-tag__remove-icon{flex-grow:0;flex-shrink:0;height:var(--tag-icon-size)}.pds-tag--xs{--tag-height:var(--pds-spacing-l);--tag-padding-start:var(--pds-spacing-2xs);--tag-padding-end:var(--pds-spacing-2xs);--tag-gap:var(--pds-spacing-3xs);--tag-font-size:var(--pds-typography-size-2xs);--tag-icon-size:0.625rem}.pds-tag--s{--tag-height:var(--pds-spacing-xl);--tag-padding-start:var(--pds-spacing-xs);--tag-padding-end:var(--pds-spacing-xs);--tag-gap:var(--pds-spacing-3xs);--tag-font-size:var(--pds-typography-size-xs);--tag-icon-size:0.75rem}.pds-tag--m{--tag-height:1.875rem;--tag-padding-start:var(--pds-spacing-s);--tag-padding-end:var(--pds-spacing-s);--tag-gap:var(--pds-spacing-2xs);--tag-font-size:var(--pds-typography-size-s);--tag-icon-size:0.875rem}a.pds-tag{color:var(--tag-fg);text-decoration:none}a.pds-tag:hover{color:var(--tag-fg);filter:brightness(.95)}a.pds-tag:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-tag-group{align-items:center;column-gap:var(--pds-spacing-xs);display:flex;flex-wrap:wrap;row-gap:var(--pds-spacing-3xs)}.pds-tag--orange{--tag-bg:var(--pds-color-tag-orange-background);--tag-fg:var(--pds-color-tag-orange-foreground)}.pds-tag--stone{--tag-bg:var(--pds-color-tag-stone-background);--tag-fg:var(--pds-color-tag-stone-foreground)}.pds-tag--gold{--tag-bg:var(--pds-color-tag-gold-background);--tag-fg:var(--pds-color-tag-gold-foreground)}.pds-tag--lime{--tag-bg:var(--pds-color-tag-lime-background);--tag-fg:var(--pds-color-tag-lime-foreground)}.pds-tag--mint{--tag-bg:var(--pds-color-tag-mint-background);--tag-fg:var(--pds-color-tag-mint-foreground)}.pds-tag--teal{--tag-bg:var(--pds-color-tag-teal-background);--tag-fg:var(--pds-color-tag-teal-foreground)}.pds-tag--sky{--tag-bg:var(--pds-color-tag-sky-background);--tag-fg:var(--pds-color-tag-sky-foreground)}.pds-tag--slate{--tag-bg:var(--pds-color-tag-slate-background);--tag-fg:var(--pds-color-tag-slate-foreground)}.pds-tag--indigo{--tag-bg:var(--pds-color-tag-indigo-background);--tag-fg:var(--pds-color-tag-indigo-foreground)}.pds-tag--purple{--tag-bg:var(--pds-color-tag-purple-background);--tag-fg:var(--pds-color-tag-purple-foreground)}.pds-tag--magenta{--tag-bg:var(--pds-color-tag-magenta-background);--tag-fg:var(--pds-color-tag-magenta-foreground)}.pds-tag--rose{--tag-bg:var(--pds-color-tag-rose-background);--tag-fg:var(--pds-color-tag-rose-foreground)}.pds-tag--red{--tag-bg:var(--pds-color-tag-red-background);--tag-fg:var(--pds-color-tag-red-foreground)}.pds-tag--orange-solid{--tag-bg:var(--pds-color-tag-orange-solid-background);--tag-fg:var(--pds-color-tag-orange-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--teal-solid{--tag-bg:var(--pds-color-tag-teal-solid-background);--tag-fg:var(--pds-color-tag-teal-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--indigo-solid{--tag-bg:var(--pds-color-tag-indigo-solid-background);--tag-fg:var(--pds-color-tag-indigo-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--magenta-solid{--tag-bg:var(--pds-color-tag-magenta-solid-background);--tag-fg:var(--pds-color-tag-magenta-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--rose-solid{--tag-bg:var(--pds-color-tag-rose-solid-background);--tag-fg:var(--pds-color-tag-rose-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--gold-solid{--tag-bg:var(--pds-color-tag-gold-solid-background);--tag-fg:var(--pds-color-tag-gold-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--lime-solid{--tag-bg:var(--pds-color-tag-lime-solid-background);--tag-fg:var(--pds-color-tag-lime-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--sky-solid{--tag-bg:var(--pds-color-tag-sky-solid-background);--tag-fg:var(--pds-color-tag-sky-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--slate-solid{--tag-bg:var(--pds-color-tag-slate-solid-background);--tag-fg:var(--pds-color-tag-slate-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--success-solid{--tag-bg:var(--pds-color-tag-success-solid-background);--tag-fg:var(--pds-color-tag-success-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--warning-solid{--tag-bg:var(--pds-color-tag-warning-solid-background);--tag-fg:var(--pds-color-tag-warning-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--critical-solid{--tag-bg:var(--pds-color-tag-critical-solid-background);--tag-fg:var(--pds-color-tag-critical-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--info-solid{--tag-bg:var(--pds-color-tag-info-solid-background);--tag-fg:var(--pds-color-tag-info-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--discovery-solid{--tag-bg:var(--pds-color-tag-discovery-solid-background);--tag-fg:var(--pds-color-tag-discovery-solid-foreground);--tag-focus-color:var(--tag-fg)}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-user-menu{align-items:center;display:flex;position:relative}.pds-user-menu__trigger{background-color:transparent;border:none;line-height:0;padding:0}.pds-user-menu__trigger:hover{cursor:pointer}.pds-user-menu__trigger:hover .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-user-menu__trigger:focus-visible{outline:none}.pds-user-menu__trigger:focus-visible .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px;transition:var(--pds-animation-transition-focus)}.pds-user-menu__trigger[aria-expanded=true] .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-user-menu__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);max-width:22.5rem;width:max-content}.pds-user-menu__dropdown:focus{outline:none}.pds-user-menu__menu{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:var(--pds-spacing-2xs)}.pds-user-menu__user-details{color:var(--pds-color-foreground-default);display:flex;flex-direction:column;font-size:var(--pds-typography-size-m);padding-block:var(--pds-spacing-3xs);padding-inline:var(--pds-spacing-s)}.pds-user-menu__user-email{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s)}.pds-user-menu__theme-row{align-items:center;border-radius:var(--pds-border-radius-container);color:var(--pds-color-dropdown-foreground);column-gap:var(--pds-spacing-2xs);display:flex;justify-content:space-between;min-height:var(--pds-spacing-2xl);padding-block:var(--pds-spacing-
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-user-menu{align-items:center;display:flex;position:relative}.pds-user-menu__trigger{background-color:transparent;border:none;line-height:0;padding:0}.pds-user-menu__trigger:hover{cursor:pointer}.pds-user-menu__trigger:hover .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-user-menu__trigger:focus-visible{outline:none}.pds-user-menu__trigger:focus-visible .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px;transition:var(--pds-animation-transition-focus)}.pds-user-menu__trigger[aria-expanded=true] .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-user-menu__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);max-width:22.5rem;width:max-content}.pds-user-menu__dropdown:focus{outline:none}.pds-user-menu__menu{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:var(--pds-spacing-2xs)}.pds-user-menu__user-details{color:var(--pds-color-foreground-default);display:flex;flex-direction:column;font-size:var(--pds-typography-size-m);padding-block:var(--pds-spacing-3xs);padding-inline:var(--pds-spacing-s)}.pds-user-menu__user-email{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s)}.pds-user-menu__theme-row{align-items:center;border-radius:var(--pds-border-radius-container);color:var(--pds-color-dropdown-foreground);column-gap:var(--pds-spacing-2xs);display:flex;justify-content:space-between;min-height:var(--pds-spacing-2xl);padding-block:var(--pds-spacing-3xs);padding-inline:var(--pds-spacing-xs) var(--pds-spacing-3xs)}ul.pds-user-menu__menu [role=separator]{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);margin-block-end:var(--pds-spacing-2xs);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding-block:var(--pds-spacing-4xs)}.pds-user-menu__icon{margin-inline-start:auto}.pds-user-menu__item{align-items:center;border-radius:var(--pds-border-radius-container);column-gap:var(--pds-spacing-2xs);display:flex;min-height:var(--pds-spacing-2xl);padding:var(--pds-spacing-2xs) var(--pds-spacing-xs)}.pds-user-menu__item:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-user-menu__item:hover{background-color:var(--pds-color-dropdown-item-background-hover);color:var(--pds-color-dropdown-foreground);cursor:pointer;outline:none}.pds-user-menu__item:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-user-menu__item.pds-user-menu__item--disabled{background-color:transparent;cursor:not-allowed;opacity:.5}.pds-user-menu__item a{text-decoration:none}.pds-user-menu__item a,.pds-user-menu__item a:hover{color:var(--pds-color-dropdown-foreground)}.pds-user-menu__item a:focus-visible{outline:none}.pds-user-menu__toggle-left{align-items:center;column-gap:var(--pds-spacing-s);display:flex}.pds-user-menu .pds-nav-accordion{display:none}[data-pds-mobile] .pds-navbar__mobile .pds-user-menu .pds-nav-accordion{display:block;width:100%}[data-pds-mobile] .pds-navbar__mobile .pds-user-menu__trigger{display:none}[data-pds-mobile] .pds-navbar__mobile .pds-user-menu{background-color:var(--pds-color-surface-default);border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;position:relative;width:100vw}[data-pds-mobile]
|
|
2
2
|
.pds-navbar__mobile
|
|
3
3
|
.pds-user-menu
|
|
4
4
|
.pds-nav-accordion__toggle{font-size:var(--pds-typography-size-m);min-height:unset;padding-block:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl)}[data-pds-mobile]
|