@pantheon-systems/pds-toolkit-react 2.0.0-alpha.61 → 2.0.0-alpha.63
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/buttons/SSOButton/SSOButton.d.ts +9 -1
- package/dist/components/icons/Icon/generated-icon-data.d.ts +1 -1
- package/dist/css/component-css/pds-action-card.css +1 -1
- package/dist/css/component-css/pds-horizontal-empty-state.css +1 -1
- package/dist/css/component-css/pds-index.css +8 -7
- package/dist/css/component-css/pds-navbar.css +1 -1
- package/dist/css/component-css/pds-panel.css +2 -1
- package/dist/css/component-css/pds-sso-button.css +1 -1
- package/dist/css/component-css/pds-tab-menu.css +1 -1
- package/dist/css/component-css/pds-tabs.css +1 -1
- package/dist/css/component-css/pds-vertical-empty-state.css +1 -1
- package/dist/css/design-tokens/variables.dark.css +16 -16
- package/dist/css/design-tokens/variables.light.css +5 -5
- package/dist/css/pds-components.css +8 -7
- package/dist/css/pds-core.css +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +20 -13
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-navbar{background-color:var(--pds-color-surface-default);border-block-end:.0625rem solid var(--pds-color-border-default);overflow-x:clip;position:relative}.pds-navbar__logo a:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-3xs)}.pds-navbar__custom-logo{max-height:4.25rem}.pds-navbar__bar-mobile{border-block-end:.0625rem solid var(--pds-color-border-default);display:none}.pds-navbar__inner-mobile{align-items:center;column-gap:var(--pds-spacing-m);display:flex;height:var(--
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-navbar{--navbar-height:3.75rem;background-color:var(--pds-color-surface-default);border-block-end:.0625rem solid var(--pds-color-border-default);overflow-x:clip;position:relative}.pds-navbar__logo a:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-3xs)}.pds-navbar__custom-logo{max-height:4.25rem}.pds-navbar__bar-mobile{border-block-end:.0625rem solid var(--pds-color-border-default);display:none}.pds-navbar__inner-mobile{align-items:center;column-gap:var(--pds-spacing-m);display:flex;height:var(--navbar-height);justify-content:space-between}.pds-navbar__menu-toggle{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-container);color:var(--pds-color-foreground-default);display:flex;margin-inline-end:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-2xs)}.pds-navbar__menu-toggle:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-navbar__menu-toggle:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-navbar__mobile{background-color:var(--pds-color-surface-default);display:none;height:calc(100dvh - var(--navbar-height) - .0625rem);overflow-y:auto;position:absolute;right:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,0,0,1);width:100%;z-index:var(--pds-z-index-overlay)}.pds-navbar__mobile>.pds-container{display:flex;flex-direction:column}.pds-navbar__mobile--open{transform:translateX(0)}.pds-navbar__inner{align-items:center;display:grid;grid-template-columns:1fr minmax(0,520px) 1fr;height:var(--navbar-height)}.pds-navbar__logo-group{align-items:center;display:flex;gap:var(--pds-spacing-m);grid-column:1;justify-self:start}.pds-navbar__separator{background-color:var(--pds-color-border-separator);height:var(--pds-spacing-m);width:.0625rem}.pds-navbar__items-center,.pds-navbar__items-left,.pds-navbar__items-right{align-items:center;column-gap:var(--pds-spacing-m);display:flex;position:relative}.pds-navbar__items-center{grid-column:2;justify-self:center}.pds-navbar__items-right{grid-column:3;justify-self:end}[data-pds-mobile] .pds-navbar__bar-mobile .pds-container,[data-pds-mobile] .pds-navbar__mobile .pds-container{padding-inline:var(--pds-spacing-xl)}[data-pds-mobile] .pds-navbar__mobile>.pds-container{row-gap:0}[data-pds-mobile] .pds-navbar__mobile .pds-navbar__items-center,[data-pds-mobile] .pds-navbar__mobile .pds-navbar__items-left,[data-pds-mobile] .pds-navbar__mobile .pds-navbar__items-right{justify-self:stretch;width:100%}[data-pds-mobile] .pds-navbar__mobile .pds-navbar__items-center{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;padding-block:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl);position:relative;width:100vw}[data-pds-mobile] .pds-navbar__mobile .pds-button-group{row-gap:var(--pds-spacing-s)}[data-pds-mobile] .pds-navbar__mobile .pds-nav-menu ul.pds-nav-menu__menu{margin-block-end:0}[data-pds-mobile]
|
|
2
2
|
.pds-navbar__mobile
|
|
3
3
|
.pds-nav-menu
|
|
4
4
|
.pds-nav-menu__item--top-level{left:50%;margin-inline-start:-50vw;position:relative;width:100vw}[data-pds-mobile] .pds-navbar__mobile .pds-dropdown__heading{font-size:var(--pds-typography-size-s);padding-block:var(--pds-spacing-3xs);padding-inline-start:var(--pds-spacing-xl)}[data-pds-mobile] .pds-navbar__mobile .pds-nav-accordion__toggle{min-height:var(--pds-spacing-4xl)}[data-pds-mobile] .pds-navbar__mobile .pds-nav-accordion__toggle--expanded,[data-pds-mobile] .pds-navbar__mobile .pds-nav-accordion__toggle:hover,[data-pds-mobile] .pds-navbar__mobile .pds-nav-menu__item--has-link:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-navbar--reverse-transparent,.pds-navbar--transparent{background-color:transparent}.pds-navbar--reverse{background-color:var(--pds-color-surface-reverse)}.pds-navbar--noBorder,.pds-navbar--noBorder .pds-navbar__bar-mobile{border-block-end-color:transparent}[data-pds-mobile] .pds-navbar{border-block-end:none}[data-pds-mobile] .pds-navbar__bar-mobile,[data-pds-mobile] .pds-navbar__mobile{display:block}[data-pds-mobile] .pds-navbar__inner{display:none}[data-pds-mobile] .pds-navbar__mobile [data-mobile-order="1"]{order:1}[data-pds-mobile] .pds-navbar__mobile [data-mobile-order="2"]{order:2}[data-pds-mobile] .pds-navbar__mobile [data-mobile-order="3"]{order:3}[data-pds-mobile] .pds-navbar__mobile [data-mobile-order="4"]{order:4}[data-pds-mobile] .pds-navbar__mobile [data-mobile-order="5"]{order:5}}
|
|
@@ -1 +1,2 @@
|
|
|
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-
|
|
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)+:where(:not(.pds-tooltip,.pds-icon,.pds-badge,.pds-status-badge,.pds-status-indicator)){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)}}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
--pds-color-button-secondary-background-default
|
|
3
3
|
);--button-background-color-hover:var(
|
|
4
4
|
--pds-color-button-secondary-background-hover
|
|
5
|
-
);--button-foreground-color:var(--pds-color-button-secondary-foreground);--button-border-color:var(--pds-color-button-secondary-border);--button-border-color-hover:var(--pds-color-button-secondary-border);--separator-height:1.2rem;align-items:center;background-color:var(--button-background-color);border-color:var(--button-border-color);border-radius:var(--pds-border-radius-button);border-style:solid;border-width:var(--pds-border-width-default);color:var(--button-foreground-color);cursor:pointer;display:inline-flex;font-family:var(--pds-typography-ff-default);font-size:var(--button-font-size);font-weight:var(--pds-typography-fw-medium);gap:var(--button-gap-inline);height:var(--button-height);justify-content:center;line-height:1;max-height:var(--button-height);padding-block:0;padding-inline:var(--button-padding-inline);text-decoration:none;transition:var(--pds-animation-transition-button);white-space:nowrap}.pds-sso-button:disabled{cursor:not-allowed;opacity:40%}.pds-sso-button:active:enabled,.pds-sso-button:hover:enabled,a.pds-sso-button:active,a.pds-sso-button:hover{--button-background-color:var(--button-background-color-hover);--button-border-color:var(--button-border-color-hover);color:var(--button-foreground-color);text-decoration:none}.pds-sso-button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px;transition:var(--pds-animation-transition-focus)}.pds-sso-button__icon{border-inline-end:var(--pds-border-width-default) solid var(--button-border-color);flex-shrink:0;height:var(--separator-height);padding-inline-end:var(--button-gap-inline)}.pds-sso-button--l{--button-font-size:var(--pds-typography-size-l);--button-height:var(--pds-spacing-button-height-l);--button-padding-inline:var(--pds-spacing-button-padding-inline-l);--button-gap-inline:var(--pds-spacing-button-gap-inline-l);--separator-height:1.728rem}}
|
|
5
|
+
);--button-foreground-color:var(--pds-color-button-secondary-foreground);--button-border-color:var(--pds-color-button-secondary-border);--button-border-color-hover:var(--pds-color-button-secondary-border);--separator-height:1.2rem;align-items:center;background-color:var(--button-background-color);border-color:var(--button-border-color);border-radius:var(--pds-border-radius-button);border-style:solid;border-width:var(--pds-border-width-default);color:var(--button-foreground-color);cursor:pointer;display:inline-flex;font-family:var(--pds-typography-ff-default);font-size:var(--button-font-size);font-weight:var(--pds-typography-fw-medium);gap:var(--button-gap-inline);height:var(--button-height);justify-content:center;line-height:1;max-height:var(--button-height);padding-block:0;padding-inline:var(--button-padding-inline);text-decoration:none;transition:var(--pds-animation-transition-button);white-space:nowrap}.pds-sso-button:disabled{cursor:not-allowed;opacity:40%}.pds-sso-button:active:enabled,.pds-sso-button:hover:enabled,a.pds-sso-button:active,a.pds-sso-button:hover{--button-background-color:var(--button-background-color-hover);--button-border-color:var(--button-border-color-hover);color:var(--button-foreground-color);text-decoration:none}.pds-sso-button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px;transition:var(--pds-animation-transition-focus)}.pds-sso-button__icon{border-inline-end:var(--pds-border-width-default) solid var(--button-border-color);flex-shrink:0;height:var(--separator-height);padding-inline-end:var(--button-gap-inline)}.pds-sso-button--l{--button-font-size:var(--pds-typography-size-l);--button-height:var(--pds-spacing-button-height-l);--button-padding-inline:var(--pds-spacing-button-padding-inline-l);--button-gap-inline:var(--pds-spacing-button-gap-inline-l);--separator-height:1.728rem}.pds-sso-button--l .pds-sso-button__working-indicator{margin-inline-start:var(--pds-spacing-2xs)}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-tab-menu{--tab-border-width:var(--pds-border-width-default);--tab-height:var(--pds-spacing-button-height-m);--tab-font-size:var(--pds-typography-size-m);--tab-gap:var(--pds-spacing-2xs);--tab-inline-padding:var(--pds-spacing-2xs);--dropdown-trigger-size:var(--pds-spacing-xl);font-family:var(--pds-typography-ff-default);margin-block:var(--pds-spacing-s) var(--pds-spacing-xs);position:relative;width:100%}.pds-tab-menu .pds-tab-menu__item .pds-icon{height:var(--pds-typography-size-m);width:var(--pds-typography-size-m)}.pds-tab-menu .pds-tab-menu__item{column-gap:var(--pds-spacing-5xs)}.pds-tab-menu__menu{border-bottom:var(--tab-border-width) solid var(--pds-color-tabs-border);column-gap:var(--pds-spacing-xl);display:flex;list-style:none;margin:0;padding:0}.pds-tab-menu__item:has(a:focus-visible){border-radius:var(--pds-border-radius-default) var(--pds-border-radius-default) 0 0;outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-tab-menu__item{align-items:center;border-radius:var(--pds-border-radius-input) var(--pds-border-radius-input) 0 0;color:var(--pds-color-foreground-default-secondary);column-gap:0;display:flex;font-size:var(--tab-font-size);font-weight:var(--pds-typography-fw-medium);height:var(--tab-height);margin-block-end:calc(var(--tab-border-width)*-1);position:relative}.pds-tab-menu__item,.pds-tab-menu__item:after{transition:var(--pds-animation-transition-button)}.pds-tab-menu__item:after{background-color:transparent;bottom:0;content:"";height:
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-tab-menu{--tab-border-width:var(--pds-border-width-default);--tab-height:var(--pds-spacing-button-height-m);--tab-font-size:var(--pds-typography-size-m);--tab-gap:var(--pds-spacing-2xs);--tab-inline-padding:var(--pds-spacing-2xs);--dropdown-trigger-size:var(--pds-spacing-xl);font-family:var(--pds-typography-ff-default);margin-block:var(--pds-spacing-s) var(--pds-spacing-xs);position:relative;width:100%}.pds-tab-menu .pds-tab-menu__item .pds-icon{height:var(--pds-typography-size-m);width:var(--pds-typography-size-m)}.pds-tab-menu .pds-tab-menu__item{column-gap:var(--pds-spacing-5xs)}.pds-tab-menu__menu{border-bottom:var(--tab-border-width) solid var(--pds-color-tabs-border);column-gap:var(--pds-spacing-xl);display:flex;list-style:none;margin:0;padding:0}.pds-tab-menu__item:has(a:focus-visible){border-radius:var(--pds-border-radius-default) var(--pds-border-radius-default) 0 0;outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-tab-menu__item{align-items:center;border-radius:var(--pds-border-radius-input) var(--pds-border-radius-input) 0 0;color:var(--pds-color-foreground-default-secondary);column-gap:0;display:flex;font-size:var(--tab-font-size);font-weight:var(--pds-typography-fw-medium);height:var(--tab-height);margin-block-end:calc(var(--tab-border-width)*-1);position:relative}.pds-tab-menu__item,.pds-tab-menu__item:after{transition:var(--pds-animation-transition-button)}.pds-tab-menu__item:after{background-color:transparent;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.pds-tab-menu__item:hover{color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item:hover:after{background-color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item.pds-tab-menu__item--active{font-weight:var(--pds-typography-fw-bold)}.pds-tab-menu__item.pds-tab-menu__item--active,.pds-tab-menu__item.pds-tab-menu__item--active .pds-icon{color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item.pds-tab-menu__item--active:after,.pds-tab-menu__item.pds-tab-menu__item--active:hover:after{background-color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item a{align-items:center;border-radius:var(--pds-border-radius-input) var(--pds-border-radius-input) 0 0;color:inherit;display:flex;height:100%;padding-inline:var(--tab-inline-padding);text-decoration:none}.pds-tab-menu__item a:hover{color:inherit}.pds-tab-menu__item a:has(+.pds-tab-menu__dropdown-trigger){padding-inline-end:calc(var(--tab-inline-padding) + var(--pds-spacing-4xs))}.pds-tab-menu__item a:focus-visible{outline:none}.pds-tab-menu__item .pds-tab-menu__item-icon{color:inherit}.pds-tab-menu__item .pds-tab-menu__item-inner{align-items:center;column-gap:var(--tab-gap);display:flex}.pds-tab-menu__dropdown-trigger{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-default);color:var(--pds-color-foreground-default);cursor:pointer;display:flex;justify-content:center;margin-inline-start:calc((var(--tab-inline-padding) + var(--pds-spacing-4xs))*-1);min-height:var(--dropdown-trigger-size);min-width:var(--dropdown-trigger-size)}.pds-tab-menu__dropdown-trigger:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-tab-menu__dropdown-trigger-icon{color:var(--pds-color-foreground-default-secondary);height:var(--tab-font-size);pointer-events:none;transition:var(--pds-animation-transition-rotation);width:var(--tab-font-size)}.pds-tab-menu__dropdown-trigger[aria-expanded=true]
|
|
2
2
|
.pds-tab-menu__dropdown-trigger-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-tab-menu__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);max-height:24rem;overflow-y:auto}.pds-tab-menu__dropdown:focus-visible{outline:none}.pds-tab-menu__dropdown-menu{flex-direction:column;gap:var(--pds-spacing-4xs);padding-inline:var(--pds-spacing-2xs)}.pds-tab-menu__dropdown-item,.pds-tab-menu__dropdown-menu{display:flex;list-style-type:none;margin:0;padding-block:var(--pds-spacing-2xs)}.pds-tab-menu__dropdown-item{align-items:center;background-color:transparent;border-radius:var(--pds-border-radius-container);color:var(--pds-color-dropdown-foreground);cursor:pointer;justify-content:space-between;line-height:var(--pds-typography-lh-s);min-height:var(--pds-spacing-2xl);outline:none;padding-inline:var(--pds-spacing-xs)}.pds-tab-menu__dropdown-item:focus-visible:not(:hover){outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}.pds-tab-menu__dropdown-item:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-tab-menu__dropdown-item:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-tab-menu__dropdown-item a{display:flex;flex:1;gap:var(--pds-spacing-2xs);text-decoration:none}.pds-tab-menu__dropdown-item a,.pds-tab-menu__dropdown-item a:hover{color:var(--pds-color-dropdown-foreground)}.pds-tab-menu__dropdown-item a:focus-visible{outline:none}.pds-tab-menu__dropdown-item--active{background-color:var(--pds-color-dropdown-item-background-hover);color:var(--pds-color-status-success-foreground)}.pds-tab-menu__active-icon{align-self:center;flex-shrink:0;height:.875em;width:.875em}.pds-tab-menu__filter{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);padding:var(--pds-spacing-3xs) var(--pds-spacing-xs)}.pds-tab-menu__filter .pds-text-input__input-wrapper{border-color:transparent}.pds-tab-menu__filter .pds-text-input__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-tab-menu__no-results{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s);padding-block-end:var(--pds-spacing-s);padding-block-start:var(--pds-spacing-xs);padding-inline:var(--pds-spacing-s)}[data-pds-mobile] .pds-tab-menu{position:relative}[data-pds-mobile] .pds-tab-menu .pds-tab-menu__menu{column-gap:var(--pds-spacing-l);cursor:pointer;-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none}[data-pds-mobile] .pds-tab-menu .pds-tab-menu__menu::-webkit-scrollbar{display:none}[data-pds-mobile] .pds-tab-menu .pds-tab-menu__item{font-size:calc(var(--pds-typography-size-m)*.96);padding:var(--pds-spacing-3xs) var(--pds-spacing-3xs)}[data-pds-mobile] .pds-tab-menu .pds-tab-menu__item-inner{width:max-content}[data-pds-mobile] .pds-tab-menu__mobile-menu-wrapper .pds-tab-menu__dropdown{left:1.063rem;position:fixed;top:3.58rem}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-tabs{--tab-height:var(--pds-spacing-button-height-m);--tab-font-size:var(--pds-typography-size-m);--tab-gap:var(--pds-spacing-2xs)}.pds-tabs .pds-tabs__tab .pds-icon{height:var(--pds-typography-size-m);width:var(--pds-typography-size-m)}.pds-tabs__tablist{--tab-border-width:var(--pds-border-width-default);background-color:transparent;border-bottom:var(--tab-border-width) solid var(--pds-color-tabs-border);column-gap:var(--pds-spacing-xl);display:none;font-family:var(--pds-typography-ff-default);margin:0;padding:0;position:relative;width:100%}@media (min-width:768px){.pds-tabs__tablist{display:flex}}.pds-tabs__tab{align-items:center;border:none;border-radius:var(--pds-border-radius-input) var(--pds-border-radius-input) 0 0;color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;font-size:var(--tab-font-size);font-weight:var(--pds-typography-fw-medium);height:var(--tab-height);margin-block-end:calc(var(--tab-border-width)*-1);padding-inline:var(--pds-spacing-3xs);position:relative}.pds-tabs__tab,.pds-tabs__tab:after{background-color:transparent;transition:var(--pds-animation-transition-button)}.pds-tabs__tab:after{bottom:0;content:"";height:
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-tabs{--tab-height:var(--pds-spacing-button-height-m);--tab-font-size:var(--pds-typography-size-m);--tab-gap:var(--pds-spacing-2xs)}.pds-tabs .pds-tabs__tab .pds-icon{height:var(--pds-typography-size-m);width:var(--pds-typography-size-m)}.pds-tabs__tablist{--tab-border-width:var(--pds-border-width-default);background-color:transparent;border-bottom:var(--tab-border-width) solid var(--pds-color-tabs-border);column-gap:var(--pds-spacing-xl);display:none;font-family:var(--pds-typography-ff-default);margin:0;padding:0;position:relative;width:100%}@media (min-width:768px){.pds-tabs__tablist{display:flex}}.pds-tabs__tab{align-items:center;border:none;border-radius:var(--pds-border-radius-input) var(--pds-border-radius-input) 0 0;color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;font-size:var(--tab-font-size);font-weight:var(--pds-typography-fw-medium);height:var(--tab-height);margin-block-end:calc(var(--tab-border-width)*-1);padding-inline:var(--pds-spacing-3xs);position:relative}.pds-tabs__tab,.pds-tabs__tab:after{background-color:transparent;transition:var(--pds-animation-transition-button)}.pds-tabs__tab:after{bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.pds-tabs__tab:hover{color:var(--pds-color-interactive-background-current)}.pds-tabs__tab:hover:after{background-color:var(--pds-color-interactive-background-current)}.pds-tabs__tab:focus-visible{outline:none}.pds-tabs__tab:focus-visible .pds-tabs__tab-label{border-radius:var(--pds-border-radius-default) var(--pds-border-radius-default) 0 0;outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-2xs)}.pds-tabs__tab[aria-selected=true]{color:var(--pds-color-interactive-background-current);font-weight:var(--pds-typography-fw-bold)}.pds-tabs__tab[aria-selected=true]:after,.pds-tabs__tab[aria-selected=true]:hover:after{background-color:var(--pds-color-interactive-background-current)}.pds-tabs__tab:disabled{cursor:not-allowed;opacity:40%}.pds-tabs__tab:disabled:hover{background-color:transparent;color:var(--pds-color-foreground-default-secondary)}.pds-tabs__tab:disabled:hover:after{background-color:transparent}.pds-tabs__tab-label{align-items:center;column-gap:var(--tab-gap);display:flex;justify-content:flex-start}.pds-tabs__panel{display:block}.pds-tabs__panel-content{padding:var(--pds-spacing-m) 0}.pds-tabs__expand-icon{transition:var(--pds-animation-transition-rotation)}.pds-tabs__trigger[aria-selected=true] .pds-tabs__expand-icon{transform:rotate(180deg)}.pds-tabs__trigger{align-items:center;background-color:transparent;border:none;border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;flex-wrap:nowrap;font-family:var(--pds-typography-ff-default);font-size:var(--tab-font-size);font-weight:var(--pds-typography-fw-medium);justify-content:space-between;padding-block:var(--pds-spacing-s);padding-inline:var(--pds-spacing-3xs);position:relative;width:100%}@media (min-width:768px){.pds-tabs__trigger{display:none}}.pds-tabs__trigger:hover,.pds-tabs__trigger[aria-selected=true]{color:var(--pds-color-interactive-background-current)}.pds-tabs__trigger[aria-selected=true]{border-bottom-color:var(--pds-color-interactive-background-current);border-bottom-width:2px}.pds-tabs__trigger:disabled,.pds-tabs__trigger:disabled:hover{cursor:not-allowed;opacity:40%}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-vertical-empty-state{color:var(--pds-color-foreground-default);display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);padding-block:var(--pds-spacing-m);row-gap:var(--pds-spacing-xl);text-align:center;width:100%}.pds-vertical-empty-state>*{margin-inline:auto}.pds-vertical-empty-state__image{filter:brightness(0)}[data-theme=dark] .pds-vertical-empty-state__image{filter:brightness(0) invert(1)}.pds-vertical-empty-state__heading{font-size:var(--pds-typography-size-2xl);font-weight:var(--pds-typography-fw-bold);margin-block-end:0}.pds-vertical-empty-state__text{align-items:center;display:flex;flex-direction:column;row-gap:var(--pds-spacing-m)}.pds-vertical-empty-state__message{font-size:var(--pds-typography-size-m);line-height:var(--pds-typography-lh-l);margin-block-start:0;max-width:600px;text-wrap:pretty}.pds-vertical-empty-state__message :last-child{margin-block-end:0}.pds-vertical-empty-state__cta{padding-block-start:var(--pds-spacing-xl)}.pds-vertical-empty-state__cta .pds-button-group{justify-content:center}}
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-vertical-empty-state{color:var(--pds-color-foreground-default);display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);padding-block:var(--pds-spacing-m);row-gap:var(--pds-spacing-xl);text-align:center;width:100%}.pds-vertical-empty-state>*{margin-inline:auto}.pds-vertical-empty-state__image{filter:brightness(0)}[data-theme=dark] .pds-vertical-empty-state__image{filter:brightness(0) invert(1)}.pds-vertical-empty-state__heading{font-size:var(--pds-typography-size-2xl);font-weight:var(--pds-typography-fw-bold);margin-block-end:0}.pds-vertical-empty-state__text{align-items:center;display:flex;flex-direction:column;row-gap:var(--pds-spacing-m)}.pds-vertical-empty-state__message{font-size:var(--pds-typography-size-m);line-height:var(--pds-typography-lh-l);margin-block-start:0;max-width:600px;text-wrap:pretty}.pds-vertical-empty-state__message :last-child{margin-block-end:0}.pds-vertical-empty-state__message :where(:not(.visually-hidden))+:where(:not(p,ul,ol,li)){margin-block-start:var(--pds-spacing-2xl)}.pds-vertical-empty-state__cta{padding-block-start:var(--pds-spacing-xl)}.pds-vertical-empty-state__cta .pds-button-group{justify-content:center}}
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
--pds-color-card-background: oklch(0.2178 0 0);
|
|
77
77
|
--pds-color-code-block-background: oklch(0.2931 0 0);
|
|
78
78
|
--pds-color-code-block-foreground: oklch(1 0 0);
|
|
79
|
-
--pds-color-code-block-focus: oklch(0.
|
|
79
|
+
--pds-color-code-block-focus: oklch(0.6800 0.1612 253.57);
|
|
80
80
|
--pds-color-code-block-line-prefix: #9699a1;
|
|
81
81
|
--pds-color-code-block-syntax-punctuation: #c3c5c9;
|
|
82
82
|
--pds-color-code-block-syntax-function: #f5c43a;
|
|
@@ -90,8 +90,8 @@
|
|
|
90
90
|
--pds-color-datepicker-selected-background: var(--pds-color-interactive-background-current);
|
|
91
91
|
--pds-color-datepicker-selected-foreground: oklch(0.2178 0 0);
|
|
92
92
|
--pds-color-pagination-foreground-hover: oklch(1 0 0);
|
|
93
|
-
--pds-color-pagination-foreground-current: oklch(
|
|
94
|
-
--pds-color-panel-sunken-background: oklch(0.
|
|
93
|
+
--pds-color-pagination-foreground-current: oklch(0.2178 0 0);
|
|
94
|
+
--pds-color-panel-sunken-background: oklch(0.2520 0 0);
|
|
95
95
|
--pds-color-expansion-panel-hover: oklch(0.2931 0 0);
|
|
96
96
|
--pds-color-popover-border: oklch(0.345 0.005 258);
|
|
97
97
|
--pds-color-skeleton-regular-base: oklch(0.3329 0 0);
|
|
@@ -180,7 +180,7 @@
|
|
|
180
180
|
--pds-color-tally-discovery-foreground: oklch(1.0000 0 0);
|
|
181
181
|
--pds-color-brand-default: oklch(0.8622 0.1681 88.31);
|
|
182
182
|
--pds-color-surface-default: oklch(0.2178 0 0);
|
|
183
|
-
--pds-color-surface-default-secondary: oklch(0.
|
|
183
|
+
--pds-color-surface-default-secondary: oklch(0.2520 0 0);
|
|
184
184
|
--pds-color-surface-reverse: oklch(0.8452 0 0);
|
|
185
185
|
--pds-color-border-default: oklch(0.345 0.005 258);
|
|
186
186
|
--pds-color-border-default-secondary: oklch(0.3329 0 0);
|
|
@@ -224,7 +224,7 @@
|
|
|
224
224
|
--pds-color-button-reverse-background-active: oklch(0.3652 0 0);
|
|
225
225
|
--pds-color-button-reverse-foreground: oklch(0.9702 0 0);
|
|
226
226
|
--pds-color-button-reverse-secondary-background-default: rgba(255, 255, 255, 0.00);
|
|
227
|
-
--pds-color-button-reverse-secondary-background-hover:
|
|
227
|
+
--pds-color-button-reverse-secondary-background-hover: rgba(0, 0, 0, 0.05);
|
|
228
228
|
--pds-color-button-reverse-secondary-background-active: oklch(0.9147 0 0);
|
|
229
229
|
--pds-color-button-reverse-secondary-border: oklch(0.6529 0.0064 264.52);
|
|
230
230
|
--pds-color-button-reverse-secondary-foreground: oklch(0.2178 0 0);
|
|
@@ -249,13 +249,13 @@
|
|
|
249
249
|
--pds-color-split-button-primary-separator: oklch(0.2178 0 0);
|
|
250
250
|
--pds-color-split-button-secondary-separator: oklch(0.4091 0 0);
|
|
251
251
|
--pds-color-segmented-button-background-inactive: oklch(0.2931 0 0);
|
|
252
|
-
--pds-color-segmented-button-background-active: oklch(0.
|
|
252
|
+
--pds-color-segmented-button-background-active: oklch(0.6800 0.1612 253.57);
|
|
253
253
|
--pds-color-segmented-button-foreground-inactive: var(--pds-color-foreground-default-secondary);
|
|
254
254
|
--pds-color-segmented-button-foreground-active: var(--pds-color-foreground-reverse);
|
|
255
255
|
--pds-color-category-ai-foreground: oklch(0.9561 0.0155 306.41);
|
|
256
256
|
--pds-color-category-ai-utility: oklch(0.6128 0.1241 305.50);
|
|
257
257
|
--pds-color-category-ai-background: oklch(0.5198 0.1353 302.93);
|
|
258
|
-
--pds-color-code-inline-background: oklch(0.
|
|
258
|
+
--pds-color-code-inline-background: oklch(0.2520 0 0);
|
|
259
259
|
--pds-color-code-inline-border: oklch(0.2931 0 0);
|
|
260
260
|
--pds-color-code-inline-text: #ffffff;
|
|
261
261
|
--pds-color-datavis-categorical-1: #398dea;
|
|
@@ -317,27 +317,27 @@
|
|
|
317
317
|
--pds-color-input-placeholder: oklch(0.6830 0 0);
|
|
318
318
|
--pds-color-input-file-upload-button-background-default: oklch(0.2931 0 0);
|
|
319
319
|
--pds-color-input-file-upload-button-background-hover: oklch(0.3329 0 0);
|
|
320
|
-
--pds-color-input-selected-background: oklch(0.
|
|
320
|
+
--pds-color-input-selected-background: oklch(0.6800 0.1612 253.57);
|
|
321
321
|
--pds-color-input-selected-foreground: oklch(0.2178 0 0);
|
|
322
322
|
--pds-color-input-switch-icon: oklch(0.2178 0 0);
|
|
323
323
|
--pds-color-input-switch-background: oklch(0.6830 0 0);
|
|
324
324
|
--pds-color-input-tag-background-default: oklch(0.38 0 0);
|
|
325
325
|
--pds-color-input-tag-background-hover: oklch(0.32 0 0);
|
|
326
|
-
--pds-color-input-tag-background-active: oklch(0.
|
|
326
|
+
--pds-color-input-tag-background-active: oklch(0.6800 0.1612 253.57);
|
|
327
327
|
--pds-color-input-tag-foreground-default: oklch(0.9702 0 0);
|
|
328
328
|
--pds-color-input-tag-foreground-hover: oklch(0.9702 0 0);
|
|
329
329
|
--pds-color-input-tag-foreground-active: oklch(0.9702 0 0);
|
|
330
|
-
--pds-color-input-tag-outline-active: oklch(0.
|
|
331
|
-
--pds-color-interactive-focus: oklch(0.
|
|
332
|
-
--pds-color-interactive-link-default: oklch(0.
|
|
330
|
+
--pds-color-input-tag-outline-active: oklch(0.6800 0.1612 253.57);
|
|
331
|
+
--pds-color-interactive-focus: oklch(0.6800 0.1612 253.57);
|
|
332
|
+
--pds-color-interactive-link-default: oklch(0.6800 0.1612 253.57);
|
|
333
333
|
--pds-color-interactive-link-hover: oklch(0.6707 0.1296 32.99);
|
|
334
334
|
--pds-color-interactive-link-active: oklch(0.7480 0.1030 37.44);
|
|
335
|
-
--pds-color-interactive-link-visited: oklch(0.
|
|
335
|
+
--pds-color-interactive-link-visited: oklch(0.6800 0.1612 253.57);
|
|
336
336
|
--pds-color-interactive-foreground-current: oklch(0.8369 0.0765 253.48);
|
|
337
337
|
--pds-color-interactive-foreground-hover: oklch(0.8369 0.0765 253.48);
|
|
338
338
|
--pds-color-interactive-foreground-active: oklch(0.8369 0.0765 253.48);
|
|
339
339
|
--pds-color-interactive-foreground-inactive: oklch(0.5991 0 0);
|
|
340
|
-
--pds-color-interactive-background-current: oklch(0.
|
|
340
|
+
--pds-color-interactive-background-current: oklch(0.6800 0.1612 253.57);
|
|
341
341
|
--pds-color-interactive-background-current-foreground: oklch(0.2178 0 0);
|
|
342
342
|
--pds-color-interactive-background-hover: oklch(0.293 0 0);
|
|
343
343
|
--pds-color-interactive-background-active: oklch(0.315 0 0);
|
|
@@ -382,8 +382,8 @@
|
|
|
382
382
|
--pds-color-status-critical-background: oklch(0.2550 0.0814 25.05);
|
|
383
383
|
--pds-color-status-critical-background-hover: oklch(0.3541 0.1230 26.18);
|
|
384
384
|
--pds-color-status-info-foreground: oklch(0.8369 0.0765 253.48);
|
|
385
|
-
--pds-color-status-info-fill: oklch(0.
|
|
386
|
-
--pds-color-status-info-border: oklch(0.
|
|
385
|
+
--pds-color-status-info-fill: oklch(0.6800 0.1612 253.57);
|
|
386
|
+
--pds-color-status-info-border: oklch(0.6800 0.1612 253.57);
|
|
387
387
|
--pds-color-status-info-background: oklch(0.2940 0.1030 256.67);
|
|
388
388
|
--pds-color-status-info-background-hover: oklch(0.3763 0.1280 255.90);
|
|
389
389
|
--pds-color-status-discovery-foreground: oklch(0.8275 0.0578 308.23);
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
--pds-color-card-background: oklch(1.0000 0 0);
|
|
77
77
|
--pds-color-code-block-background: oklch(0.31 0 0);
|
|
78
78
|
--pds-color-code-block-foreground: oklch(1 0 0);
|
|
79
|
-
--pds-color-code-block-focus: oklch(0.
|
|
79
|
+
--pds-color-code-block-focus: oklch(0.6800 0.1612 253.57);
|
|
80
80
|
--pds-color-code-block-line-prefix: #9699a1;
|
|
81
81
|
--pds-color-code-block-syntax-punctuation: #c3c5c9;
|
|
82
82
|
--pds-color-code-block-syntax-function: #f5c43a;
|
|
@@ -192,7 +192,7 @@
|
|
|
192
192
|
--pds-color-button-primary-background-active: oklch(0.37 0 0);
|
|
193
193
|
--pds-color-button-primary-foreground: var(--pds-color-foreground-reverse);
|
|
194
194
|
--pds-color-button-secondary-background-default: rgba(255, 255, 255, 0.00);
|
|
195
|
-
--pds-color-button-secondary-background-hover: rgba(0, 0, 0, 0.
|
|
195
|
+
--pds-color-button-secondary-background-hover: rgba(0, 0, 0, 0.05);
|
|
196
196
|
--pds-color-button-secondary-background-active: oklch(0.9731 0 0);
|
|
197
197
|
--pds-color-button-secondary-border: oklch(0.6529 0.0064 264.52);
|
|
198
198
|
--pds-color-button-secondary-foreground-default: oklch(0.2178 0 0);
|
|
@@ -343,11 +343,11 @@
|
|
|
343
343
|
--pds-color-interactive-background-active: oklch(0.92 0 0);
|
|
344
344
|
--pds-color-interactive-background-selected: oklch(0.9124 0.0439 250.42);
|
|
345
345
|
--pds-color-interactive-background-selected-foreground: oklch(0.2178 0 0);
|
|
346
|
-
--pds-color-interactive-reverse-focus: oklch(0.
|
|
347
|
-
--pds-color-interactive-reverse-link-default: oklch(0.
|
|
346
|
+
--pds-color-interactive-reverse-focus: oklch(0.6800 0.1612 253.57);
|
|
347
|
+
--pds-color-interactive-reverse-link-default: oklch(0.6800 0.1612 253.57);
|
|
348
348
|
--pds-color-interactive-reverse-link-hover: oklch(0.6707 0.1296 32.99);
|
|
349
349
|
--pds-color-interactive-reverse-link-active: oklch(0.7480 0.1030 37.44);
|
|
350
|
-
--pds-color-interactive-reverse-link-visited: oklch(0.
|
|
350
|
+
--pds-color-interactive-reverse-link-visited: oklch(0.6800 0.1612 253.57);
|
|
351
351
|
--pds-color-interactive-reverse-foreground-hover: oklch(0.8369 0.0765 253.48);
|
|
352
352
|
--pds-color-nav-item-reverse-foreground-hover: oklch(0.8275 0.0578 308.23);
|
|
353
353
|
--pds-color-nav-item-reverse-foreground-active: oklch(0.8275 0.0578 308.23);
|