@pantheon-systems/pds-toolkit-react 2.0.0-alpha.33 → 2.0.0-alpha.34
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/Tag/Tag.d.ts +5 -2
- package/dist/components/badges/Badge/Badge.d.ts +1 -1
- package/dist/components/buttons/ButtonLink/ButtonLink.d.ts +1 -1
- package/dist/components/buttons/ClipboardButton/ClipboardButton.d.ts +5 -1
- package/dist/components/buttons/MenuButton/MenuButton.d.ts +1 -1
- package/dist/css/component-css/pds-badge.css +1 -1
- package/dist/css/component-css/pds-button.css +37 -13
- package/dist/css/component-css/pds-close-button.css +1 -1
- package/dist/css/component-css/pds-icon-button.css +3 -1
- package/dist/css/component-css/pds-index.css +47 -19
- package/dist/css/component-css/pds-menu-button.css +1 -1
- package/dist/css/component-css/pds-navbar.css +1 -1
- package/dist/css/component-css/pds-section-message.css +1 -1
- package/dist/css/component-css/pds-tag.css +1 -1
- package/dist/css/component-css/pds-toaster.css +1 -1
- package/dist/css/component-css/pds-utility-button.css +3 -1
- package/dist/css/design-tokens/variables.dark.css +164 -188
- package/dist/css/design-tokens/variables.global.css +0 -3
- package/dist/css/design-tokens/variables.light.css +149 -173
- package/dist/css/layout-css/pds-app-layout.css +1 -1
- package/dist/css/layout-css/pds-index.css +1 -1
- package/dist/css/pds-components.css +47 -19
- 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.js +10428 -14167
- package/dist/index.js.map +1 -1
- package/dist/libs/types/custom-types.d.ts +2 -2
- package/package.json +4 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.pds-menu-button{display:inline-block;position:relative}button.pds-menu-button__trigger .pds-button__icon{position:relative;transition:var(--pds-animation-transition-rotation)}button.pds-menu-button__trigger[aria-expanded=true] .pds-button__icon{transform:rotate(180deg) translateY(-1px);transition:var(--pds-animation-transition-rotation)}button.pds-button--
|
|
1
|
+
.pds-menu-button{display:inline-block;position:relative}button.pds-menu-button__trigger .pds-button__icon{position:relative;transition:var(--pds-animation-transition-rotation)}button.pds-menu-button__trigger[aria-expanded=true] .pds-button__icon{transform:rotate(180deg) translateY(-1px);transition:var(--pds-animation-transition-rotation)}button.pds-button--subtle.pds-menu-button__trigger{gap:var(--pds-spacing-2xs)}button.pds-button--subtle.pds-menu-button__trigger:hover .pds-button__icon{color:var(--pds-color-interactive-ui-hover)}button.pds-button--subtle.pds-menu-button__trigger .pds-button__icon{color:var(--pds-color-foreground-default-secondary)}button.pds-button--subtle.pds-menu-button__trigger[aria-expanded=true],button.pds-button--subtle.pds-menu-button__trigger[aria-expanded=true]:active{background-color:transparent;border-color:transparent;color:var(--pds-color-foreground-default-secondary)}button.pds-menu-button__trigger--icon-only[aria-expanded=true],button.pds-menu-button__trigger--icon-only[aria-expanded=true]:active{background-color:var(--pds-color-interactive-background-active);color:var(--pds-color-foreground-default)}.pds-menu-button__listbox{margin-block-start:var(--pds-spacing-2xs);max-width:30rem;width:max-content}ul.pds-menu-button__listbox{margin-inline:0}@media (min-width:768px){.pds-menu-button__listbox--end{left:unset;right:0}}.pds-menu-button__listbox:focus-visible{outline:none}.pds-menu-button ul,.pds-menu-button ul [role=separator]{list-style:none}.pds-menu-button ul:not(.pds-menu-button__listbox){margin:0;padding:0}.pds-menu-button__listbox .pds-dropdown__separator{margin-block-end:var(--pds-spacing-4xs)}.pds-menu-button__item-label{align-items:center;display:flex;gap:var(--pds-spacing-xs)}.pds-menu-button__listbox .pds-dropdown__item>a{color:inherit;flex:1;text-decoration:none}.pds-menu-button__listbox [role=menuitem][aria-disabled=true]{background:transparent;cursor:not-allowed;opacity:.5}.pds-menu-button .pds-nav-accordion{display:none}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button .pds-nav-accordion{display:block}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button__trigger{display:none}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button{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;right:50%;width:100vw}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button__mobile-menu{padding:0}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button__mobile-menu li{font-size:var(--pds-typography-size-m);padding-block:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl)}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button__mobile-menu li[role=menuitem]:hover{background-color:var(--pds-color-dropdown-item-background-hover);border-radius:var(--pds-border-radius-container)}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button__mobile-menu li[role=separator]{background-color:var(--pds-color-border-default);height:var(--pds-border-width-default);margin-block:var(--pds-spacing-xs);padding:0;width:calc(100% - var(--pds-spacing-3xl))}[data-pds-mobile]
|
|
2
2
|
.pds-navbar__mobile
|
|
3
3
|
.pds-menu-button
|
|
4
4
|
.pds-menu-button__listbox-heading{color:var(--pds-color-dropdown-heading);font-size:var(--pds-typography-size-s)}.pds-menu-button__icon-label{align-items:center;display:flex;gap:var(--pds-spacing-s)}.pds-menu-button__icon-label .pds-icon{min-width:var(--pds-spacing-xl)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.pds-navbar{background-color:var(--pds-color-surface-default);border-block-end:.0625rem solid var(--pds-color-border-default);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;display:flex;height:var(--pds-spacing-5xl);justify-content:space-between}.pds-navbar__menu-toggle{align-items:center;background-color:transparent;border:none;color:var(--pds-color-foreground-default);display:flex}.pds-navbar__menu-toggle:hover{color:var(--pds-color-
|
|
1
|
+
.pds-navbar{background-color:var(--pds-color-surface-default);border-block-end:.0625rem solid var(--pds-color-border-default);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;display:flex;height:var(--pds-spacing-5xl);justify-content:space-between}.pds-navbar__menu-toggle{align-items:center;background-color:transparent;border:none;color:var(--pds-color-foreground-default);display:flex}.pds-navbar__menu-toggle:hover{color:var(--pds-color-interactive-ui-hover)}.pds-navbar__menu-toggle:focus-visible{border-radius:var(--pds-border-radius-button);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-3xs)}.pds-navbar__mobile{background-color:var(--pds-color-surface-default);display:none;height:100vh;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;column-gap:var(--pds-spacing-m);display:flex;height:var(--pds-spacing-5xl)}.pds-navbar__content{align-items:center;column-gap:var(--pds-spacing-l);display:flex;justify-content:space-between;width:100%}.pds-navbar__items-left,.pds-navbar__items-right{align-items:center;column-gap:var(--pds-spacing-m);display:flex;position:relative}.pds-navbar__items-right{justify-content:flex-end}.pds-navbar__items-right .pds-button-group{align-items:center}[data-pds-mobile] .pds-navbar__bar-mobile .pds-container{padding-inline:var(--pds-spacing-xl)}[data-pds-mobile] .pds-navbar__mobile .pds-button-group{row-gap:0}[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-inline-start:var(--pds-spacing-xl)}[data-pds-mobile] .pds-navbar__mobile .pds-dropdown__separator{margin:0}[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 @@
|
|
|
1
|
-
.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:.125rem}.pds-section-
|
|
1
|
+
.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:.125rem}.pds-section-message__actions{align-self:center;display:flex;gap:var(--pds-spacing-m)}@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)}.pds-section-message[data-context=marketing] .pds-section-message__title{font-size:var(--pds-typography-size-l)}.pds-section-message[data-context=marketing] .pds-section-message__message p{font-size:var(--pds-typography-size-m)}@keyframes hideMessageAnimation{to{opacity:0}0%{opacity:1}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-tag{--tag-bg:var(--pds-color-tag-
|
|
1
|
+
.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-button-height-s);--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;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--s{--tag-height:var(--pds-spacing-button-height-xs);--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--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}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{display:flex;flex-wrap:wrap;gap:var(--pds-spacing-xs)}.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--silver{--tag-bg:var(--pds-color-tag-silver-background);--tag-fg:var(--pds-color-tag-silver-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--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 +1 @@
|
|
|
1
|
-
:root{--toastify-toast-min-height:2rem;--toastify-toast-width:22rem;--toastify-font-family:var(--pds-typography-ff-default);--toastify-color-progress-light:color-mix(in oklch,var(--pds-color-
|
|
1
|
+
:root{--toastify-toast-min-height:2rem;--toastify-toast-width:22rem;--toastify-font-family:var(--pds-typography-ff-default);--toastify-color-progress-light:color-mix(in oklch,var(--pds-color-foreground-default) 25%,transparent);--toastify-color-progress-dark:var(--toastify-color-progress-light);--toastify-color-progress-info:var(--toastify-color-progress-light);--toastify-color-progress-success:var(--toastify-color-progress-light);--toastify-color-progress-warning:var(--toastify-color-progress-light);--toastify-color-progress-error:var(--toastify-color-progress-light)}.pds-toaster .Toastify__toast{background-color:var(--pds-color-surface-default);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);padding:var(--pds-spacing-m)}.pds-toaster .Toastify__toast-body{margin:0;padding:0}.pds-toaster .Toastify__progress-bar{background-color:color-mix(in oklch,var(--pds-color-foreground-default) 25%,transparent);background-image:unset;height:.2125rem}.pds-toaster .pds-toast__close-button,.pds-toaster .pds-toast__pause-button{align-self:flex-start;color:var(--pds-color-foreground-default-secondary);margin-block-start:.0625rem;padding:0}.pds-toaster .pds-toast__close-button:hover,.pds-toaster .pds-toast__pause-button:hover{background-color:color-mix(in oklch,var(--pds-color-foreground-default) 15%,transparent)}.pds-toaster .pds-toast__close-button{margin-inline-start:var(--pds-spacing-m)}.pds-toast{color:var(--pds-color-foreground-default);font-family:var(--pds-typography-ff-default);gap:var(--pds-spacing-s)}.pds-toast,.pds-toast__icon-container{align-items:center;display:flex}.pds-toast__message{color:var(--pds-color-foreground-default);flex:1;font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-m);min-width:0}.pds-toast__message a{color:var(--pds-color-interactive-link-default);text-decoration:underline}.pds-toast__message a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:none}.pds-toast .pds-spinner--monochromatic-reverse{--spinner-color-1:var(--pds-color-foreground-default);--spinner-color-2:color-mix(in oklch,var(--pds-color-foreground-default) 50%,transparent);--spinner-color-3:transparent}.pds-toast__icon--info{color:var(--pds-color-status-info-fill)}.pds-toast__icon--success{color:var(--pds-color-status-success-fill)}.pds-toast__icon--warning{color:var(--pds-color-status-warning-fill)}.pds-toast__icon--critical{color:var(--pds-color-status-critical-fill)}.pds-toast--bounceInPlace{animation:bounceInPlace .5s ease;animation-fill-mode:both}@keyframes bounceInPlace{0%{transform:translateX(0)}20%{transform:translateX(-20px)}40%{transform:translateX(10px)}60%{transform:translateX(-5px)}80%{transform:translateX(0)}}.pds-toast--slideOut{animation:slideOut .7s ease;animation-fill-mode:both}@keyframes slideOut{0%{transform:translateZ(0)}to{transform:translate3d(120%,0,0);visibility:hidden}}@media (prefers-reduced-motion:reduce){[class*=Toastify__slide-enter],[class*=Toastify__slide-exit]{animation:none!important;transition:none!important}.pds-toast--bounceInPlace,.pds-toast--slideOut{animation:none!important}}
|
|
@@ -1 +1,3 @@
|
|
|
1
|
-
.pds-utility-button{--utility-button-color:var(--pds-color-foreground-default);align-items:center;display:inline-flex;height:var(--pds-spacing-button-height-s);position:relative}.pds-utility-button .pds-icon,.pds-utility-button__button{color:var(--utility-button-color)}.pds-utility-button__button{align-items:center;background-color:transparent;border:none;column-gap:var(--pds-spacing-button-gap-inline-s);cursor:pointer;display:flex;height:var(--pds-spacing-button-height-s);margin:0;padding-block:var(--pds-spacing-xs);padding-inline:var(--pds-spacing-s)}.pds-utility-button__button:hover{--utility-button-color:var(--pds-color-interactive-ui-hover)}.pds-utility-button__button:focus-visible{border-radius:var(--pds-border-radius-button);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-utility-button__icon{height:calc(var(--pds-spacing-m)*.875)}.pds-utility-button a.pds-utility-button__button{color:var(--utility-button-color);text-decoration:none;white-space:nowrap}.pds-utility-button a.pds-utility-button__button:hover{text-decoration:none}.pds-utility-button__label{font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-medium)}.pds-utility-button--border .pds-utility-button__button{background-color:var(--pds-color-button-secondary-background-default);border:var(--pds-border-width-default) solid var(--pds-color-button-secondary-border);border-radius:var(--pds-border-radius-button);color:var(--pds-color-button-secondary-foreground);padding-inline:var(--pds-spacing-button-padding-inline-s);transition:var(--pds-animation-transition-button)}.pds-utility-button--border .pds-utility-button__button:hover{--utility-button-color:var(--pds-color-button-secondary-foreground);background-color:var(--pds-color-button-secondary-background-hover);border-color:var(--pds-color-button-secondary-border)}.pds-utility-button--monospace .pds-utility-button__label{font-family:var(--pds-typography-font-code)}.pds-utility-button--critical .pds-utility-button__button:focus-visible,.pds-utility-button--critical .pds-utility-button__button:hover{--utility-button-color:var(--pds-color-status-critical-foreground)}.pds-utility-button
|
|
1
|
+
.pds-utility-button{--utility-button-color:var(--pds-color-foreground-default);align-items:center;display:inline-flex;height:var(--pds-spacing-button-height-s);position:relative}.pds-utility-button .pds-icon,.pds-utility-button__button{color:var(--utility-button-color)}.pds-utility-button__button{align-items:center;background-color:transparent;border:none;column-gap:var(--pds-spacing-button-gap-inline-s);cursor:pointer;display:flex;height:var(--pds-spacing-button-height-s);margin:0;padding-block:var(--pds-spacing-xs);padding-inline:var(--pds-spacing-s)}.pds-utility-button__button:hover{--utility-button-color:var(--pds-color-interactive-ui-hover)}.pds-utility-button__button:focus-visible{border-radius:var(--pds-border-radius-button);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-utility-button__icon{height:calc(var(--pds-spacing-m)*.875)}.pds-utility-button a.pds-utility-button__button{color:var(--utility-button-color);text-decoration:none;white-space:nowrap}.pds-utility-button a.pds-utility-button__button:hover{text-decoration:none}.pds-utility-button__label{font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-medium)}.pds-utility-button--border .pds-utility-button__button{background-color:var(--pds-color-button-secondary-background-default);border:var(--pds-border-width-default) solid var(--pds-color-button-secondary-border);border-radius:var(--pds-border-radius-button);color:var(--pds-color-button-secondary-foreground);padding-inline:var(--pds-spacing-button-padding-inline-s);transition:var(--pds-animation-transition-button)}.pds-utility-button--border .pds-utility-button__button:hover{--utility-button-color:var(--pds-color-button-secondary-foreground);background-color:var(--pds-color-button-secondary-background-hover);border-color:var(--pds-color-button-secondary-border)}.pds-utility-button--monospace .pds-utility-button__label{font-family:var(--pds-typography-font-code)}.pds-utility-button--critical .pds-utility-button__button:focus-visible,.pds-utility-button--critical .pds-utility-button__button:hover{--utility-button-color:var(--pds-color-status-critical-foreground)}.pds-utility-button:not(.pds-utility-button--border):not(.pds-utility-button--disabled):not(.pds-utility-button--working):not(.pds-utility-button--loading)
|
|
2
|
+
.pds-utility-button__button:active{--utility-button-color:var(--pds-color-interactive-link-active)}.pds-utility-button--border:not(.pds-utility-button--disabled):not(.pds-utility-button--working)
|
|
3
|
+
.pds-utility-button__button:active{background-color:var(--pds-color-button-secondary-background-active);box-shadow:var(--pds-elevation-button-secondary-active)}.pds-utility-button--disabled .pds-utility-button__button,.pds-utility-button--working .pds-utility-button__button{cursor:not-allowed;opacity:.5}.pds-utility-button--disabled .pds-utility-button__button:hover,.pds-utility-button--working .pds-utility-button__button:hover{--utility-button-color:var(--pds-color-foreground-default)}.pds-utility-button__spinner{margin-inline-end:.0625rem}.pds-utility-button--loading .pds-utility-button__button{cursor:not-allowed}.pds-utility-button--loading .pds-utility-button__button:hover{--utility-button-color:var(--pds-color-foreground-default)}.pds-utility-button--loading .pds-utility-button__icon,.pds-utility-button--loading .pds-utility-button__label{opacity:0}.pds-utility-button--loading .pds-utility-button__button.pds-pulse{background-color:var(--pulse-regular-base-color);border-radius:var(--pds-border-radius-button);padding-block:var(--pds-spacing-3xs)}.pds-utility-button-group,.pds-utility-button-group-border{align-items:center;display:flex;flex-wrap:wrap}.pds-utility-button-group{gap:var(--pds-spacing-4xs)}.pds-utility-button-group-border{gap:var(--pds-spacing-2xs)}.pds-utility-button-group__separator{background-color:var(--pds-color-border-input);height:var(--pds-spacing-xl);margin-inline:var(--pds-spacing-3xs);width:var(--pds-border-width-default)}
|
|
@@ -1,104 +1,79 @@
|
|
|
1
1
|
[data-theme="dark"] {
|
|
2
|
-
--pds-color-badge-
|
|
3
|
-
--pds-color-badge-
|
|
4
|
-
--pds-color-badge-
|
|
5
|
-
--pds-color-badge-
|
|
6
|
-
--pds-color-badge-
|
|
7
|
-
--pds-color-badge-
|
|
8
|
-
--pds-color-badge-
|
|
9
|
-
--pds-color-badge-
|
|
10
|
-
--pds-color-badge-
|
|
11
|
-
--pds-color-badge-
|
|
12
|
-
--pds-color-badge-
|
|
13
|
-
--pds-color-badge-
|
|
14
|
-
--pds-color-badge-
|
|
15
|
-
--pds-color-badge-
|
|
16
|
-
--pds-color-badge-
|
|
17
|
-
--pds-color-badge-
|
|
18
|
-
--pds-color-badge-
|
|
19
|
-
--pds-color-badge-
|
|
20
|
-
--pds-color-badge-
|
|
21
|
-
--pds-color-badge-
|
|
22
|
-
--pds-color-badge-
|
|
23
|
-
--pds-color-badge-
|
|
24
|
-
--pds-color-badge-
|
|
25
|
-
--pds-color-badge-
|
|
26
|
-
--pds-color-badge-
|
|
27
|
-
--pds-color-badge-
|
|
28
|
-
--pds-color-badge-
|
|
29
|
-
--pds-color-badge-
|
|
30
|
-
--pds-color-badge-
|
|
31
|
-
--pds-color-badge-
|
|
32
|
-
--pds-color-badge-
|
|
33
|
-
--pds-color-badge-
|
|
34
|
-
--pds-color-badge-
|
|
35
|
-
--pds-color-badge-
|
|
36
|
-
--pds-color-badge-
|
|
37
|
-
--pds-color-badge-
|
|
38
|
-
--pds-color-badge-
|
|
39
|
-
--pds-color-badge-
|
|
40
|
-
--pds-color-badge-
|
|
41
|
-
--pds-color-badge-
|
|
42
|
-
--pds-color-badge-
|
|
43
|
-
--pds-color-badge-
|
|
44
|
-
--pds-color-badge-
|
|
45
|
-
--pds-color-badge-
|
|
46
|
-
--pds-color-badge-
|
|
47
|
-
--pds-color-badge-
|
|
48
|
-
--pds-color-badge-
|
|
49
|
-
--pds-color-badge-
|
|
50
|
-
--pds-color-badge-
|
|
51
|
-
--pds-color-badge-
|
|
52
|
-
--pds-color-badge-
|
|
53
|
-
--pds-color-badge-
|
|
54
|
-
--pds-color-badge-
|
|
55
|
-
--pds-color-badge-
|
|
56
|
-
--pds-color-badge-
|
|
57
|
-
--pds-color-badge-
|
|
58
|
-
--pds-color-badge-
|
|
59
|
-
--pds-color-badge-
|
|
60
|
-
--pds-color-badge-
|
|
61
|
-
--pds-color-badge-
|
|
62
|
-
--pds-color-badge-
|
|
63
|
-
--pds-color-badge-
|
|
64
|
-
--pds-color-badge-
|
|
65
|
-
--pds-color-badge-
|
|
66
|
-
--pds-color-
|
|
67
|
-
--pds-color-
|
|
68
|
-
--pds-color-
|
|
69
|
-
--pds-color-
|
|
70
|
-
--pds-color-
|
|
71
|
-
--pds-color-
|
|
72
|
-
--pds-color-
|
|
73
|
-
--pds-color-
|
|
74
|
-
--pds-color-
|
|
75
|
-
--pds-color-
|
|
76
|
-
--pds-color-
|
|
77
|
-
--pds-color-badge-sand-secondary-foreground: oklch(1.0000 0 0);
|
|
78
|
-
--pds-color-badge-mint-background: oklch(0.9601 0.0479 173.52);
|
|
79
|
-
--pds-color-badge-mint-foreground: oklch(0.3074 0.0697 159.89);
|
|
80
|
-
--pds-color-badge-mint-secondary-background: oklch(0.5463 0.1062 171.76);
|
|
81
|
-
--pds-color-badge-mint-secondary-foreground: oklch(1.0000 0 0);
|
|
82
|
-
--pds-color-badge-silver-background: oklch(0.9551 0 0);
|
|
83
|
-
--pds-color-badge-silver-foreground: oklch(0.3211 0 0);
|
|
84
|
-
--pds-color-badge-silver-secondary-background: oklch(0.2929 0.0039 264.51);
|
|
85
|
-
--pds-color-badge-silver-secondary-foreground: oklch(0.1489 0.0027 248.08);
|
|
86
|
-
--pds-color-badge-stone-background: oklch(0.8822 0 0);
|
|
87
|
-
--pds-color-badge-stone-foreground: oklch(0.2850 0 0);
|
|
88
|
-
--pds-color-badge-stone-secondary-background: oklch(0.2433 0.0041 264.49);
|
|
89
|
-
--pds-color-badge-stone-secondary-foreground: oklch(1.0000 0 0);
|
|
90
|
-
--pds-color-badge-feature-foreground: oklch(1.0000 0 0);
|
|
91
|
-
--pds-color-banner-info-background: oklch(0.4399 0.1453 255.91);
|
|
92
|
-
--pds-color-banner-info-foreground: oklch(1.0000 0 0);
|
|
93
|
-
--pds-color-banner-warning-background: oklch(0.5757 0.1336 61.11);
|
|
94
|
-
--pds-color-banner-warning-foreground: oklch(1.0000 0 0);
|
|
95
|
-
--pds-color-banner-critical-background: oklch(0.5103 0.1942 29.6);
|
|
96
|
-
--pds-color-banner-critical-foreground: oklch(1.0000 0 0);
|
|
97
|
-
--pds-color-banner-discovery-background: oklch(0.4772 0.1603 302.13);
|
|
98
|
-
--pds-color-banner-discovery-foreground: oklch(1.0000 0 0);
|
|
99
|
-
--pds-color-banner-neutral-background: oklch(0.3554 0.0058 258.35);
|
|
100
|
-
--pds-color-banner-neutral-foreground: oklch(1.0000 0 0);
|
|
101
|
-
--pds-color-card-background: oklch(0.2433 0.0041 264.49);
|
|
2
|
+
--pds-color-badge-brand-background: oklch(0.8622 0.1681 88.31);
|
|
3
|
+
--pds-color-badge-brand-foreground: oklch(0.2178 0 0);
|
|
4
|
+
--pds-color-badge-brand-muted-background: oklch(0.5143 0.1019 76.13);
|
|
5
|
+
--pds-color-badge-brand-muted-foreground: oklch(0.9577 0.0624 93.43);
|
|
6
|
+
--pds-color-badge-success-background: oklch(0.8020 0.0936 127.07);
|
|
7
|
+
--pds-color-badge-success-foreground: oklch(0.2178 0 0);
|
|
8
|
+
--pds-color-badge-success-muted-background: oklch(0.3746 0.0812 134.16);
|
|
9
|
+
--pds-color-badge-success-muted-foreground: oklch(0.9301 0.0402 124.12);
|
|
10
|
+
--pds-color-badge-warning-background: oklch(0.7885 0.1129 63.65);
|
|
11
|
+
--pds-color-badge-warning-foreground: oklch(0.2178 0 0);
|
|
12
|
+
--pds-color-badge-warning-muted-background: oklch(0.3111 0.0678 55.70);
|
|
13
|
+
--pds-color-badge-warning-muted-foreground: oklch(0.9208 0.0469 69.27);
|
|
14
|
+
--pds-color-badge-critical-background: oklch(0.6991 0.1140 20.37);
|
|
15
|
+
--pds-color-badge-critical-foreground: oklch(0.2178 0 0);
|
|
16
|
+
--pds-color-badge-critical-muted-background: oklch(0.3541 0.1230 26.18);
|
|
17
|
+
--pds-color-badge-critical-muted-foreground: oklch(0.8880 0.0405 17.94);
|
|
18
|
+
--pds-color-badge-info-background: oklch(0.7445 0.0724 235.56);
|
|
19
|
+
--pds-color-badge-info-foreground: oklch(0.2178 0 0);
|
|
20
|
+
--pds-color-badge-info-muted-background: oklch(0.3751 0.0783 246.74);
|
|
21
|
+
--pds-color-badge-info-muted-foreground: oklch(0.9123 0.0286 231.46);
|
|
22
|
+
--pds-color-badge-discovery-background: oklch(0.7268 0.0778 307.70);
|
|
23
|
+
--pds-color-badge-discovery-foreground: oklch(0.2178 0 0);
|
|
24
|
+
--pds-color-badge-discovery-muted-background: oklch(0.3388 0.0952 301.67);
|
|
25
|
+
--pds-color-badge-discovery-muted-foreground: oklch(0.9077 0.0264 310.39);
|
|
26
|
+
--pds-color-badge-rose-background: oklch(0.7622 0.1214 358.96);
|
|
27
|
+
--pds-color-badge-rose-foreground: oklch(0.2178 0 0);
|
|
28
|
+
--pds-color-badge-rose-muted-background: oklch(0.3462 0.0939 8.11);
|
|
29
|
+
--pds-color-badge-rose-muted-foreground: oklch(0.9106 0.0331 351.20);
|
|
30
|
+
--pds-color-badge-orange-background: oklch(0.7424 0.1407 52.51);
|
|
31
|
+
--pds-color-badge-orange-foreground: oklch(0.2178 0 0);
|
|
32
|
+
--pds-color-badge-orange-muted-background: oklch(0.3382 0.1012 42.43);
|
|
33
|
+
--pds-color-badge-orange-muted-foreground: oklch(0.9175 0.0328 49.33);
|
|
34
|
+
--pds-color-badge-lime-background: oklch(0.7787 0.1672 131.15);
|
|
35
|
+
--pds-color-badge-lime-foreground: oklch(0.2178 0 0);
|
|
36
|
+
--pds-color-badge-lime-muted-background: oklch(0.3715 0.0965 131.92);
|
|
37
|
+
--pds-color-badge-lime-muted-foreground: oklch(0.9185 0.0344 128.89);
|
|
38
|
+
--pds-color-badge-sky-background: oklch(0.7435 0.1023 229.83);
|
|
39
|
+
--pds-color-badge-sky-foreground: oklch(0.2178 0 0);
|
|
40
|
+
--pds-color-badge-sky-muted-background: oklch(0.3262 0.0771 241.77);
|
|
41
|
+
--pds-color-badge-sky-muted-foreground: oklch(0.9144 0.0264 224.25);
|
|
42
|
+
--pds-color-badge-indigo-background: oklch(0.6729 0.1514 281.54);
|
|
43
|
+
--pds-color-badge-indigo-foreground: oklch(0.2178 0 0);
|
|
44
|
+
--pds-color-badge-indigo-muted-background: oklch(0.2846 0.1010 279.36);
|
|
45
|
+
--pds-color-badge-indigo-muted-foreground: oklch(0.9364 0.0311 281.82);
|
|
46
|
+
--pds-color-badge-ink-background: oklch(0.9702 0 0);
|
|
47
|
+
--pds-color-badge-ink-foreground: oklch(0.2178 0 0);
|
|
48
|
+
--pds-color-badge-ink-muted-background: oklch(0.4091 0 0);
|
|
49
|
+
--pds-color-badge-ink-muted-foreground: oklch(0.8452 0 0);
|
|
50
|
+
--pds-color-badge-silver-background: oklch(0.6830 0 0);
|
|
51
|
+
--pds-color-badge-silver-foreground: oklch(0.2178 0 0);
|
|
52
|
+
--pds-color-badge-silver-muted-background: oklch(0.3329 0 0);
|
|
53
|
+
--pds-color-badge-silver-muted-foreground: oklch(0.8452 0 0);
|
|
54
|
+
--pds-color-badge-slate-background: oklch(0.8270 0.0260 240.73);
|
|
55
|
+
--pds-color-badge-slate-foreground: oklch(0.2178 0 0);
|
|
56
|
+
--pds-color-badge-slate-muted-background: oklch(0.4263 0.0263 240.04);
|
|
57
|
+
--pds-color-badge-slate-muted-foreground: oklch(0.9388 0.0118 239.91);
|
|
58
|
+
--pds-color-badge-stone-background: oklch(0.7772 0.0121 84.58);
|
|
59
|
+
--pds-color-badge-stone-foreground: oklch(0.2178 0 0);
|
|
60
|
+
--pds-color-badge-stone-muted-background: oklch(0.4022 0.0071 84.59);
|
|
61
|
+
--pds-color-badge-stone-muted-foreground: oklch(0.9558 0.0086 84.57);
|
|
62
|
+
--pds-color-badge-gold-background: oklch(0.7739 0.0682 79.28);
|
|
63
|
+
--pds-color-badge-gold-foreground: oklch(0.2178 0 0);
|
|
64
|
+
--pds-color-badge-gold-muted-background: oklch(0.3989 0.0551 79.95);
|
|
65
|
+
--pds-color-badge-gold-muted-foreground: oklch(0.9281 0.0348 98.08);
|
|
66
|
+
--pds-color-banner-info-background: oklch(0.4662 0.0924 245.48);
|
|
67
|
+
--pds-color-banner-info-foreground: oklch(0.9702 0 0);
|
|
68
|
+
--pds-color-banner-warning-background: oklch(0.5428 0.1292 52.61);
|
|
69
|
+
--pds-color-banner-warning-foreground: oklch(0.9702 0 0);
|
|
70
|
+
--pds-color-banner-critical-background: oklch(0.5338 0.1771 25.54);
|
|
71
|
+
--pds-color-banner-critical-foreground: oklch(0.9702 0 0);
|
|
72
|
+
--pds-color-banner-discovery-background: oklch(0.5200 0.1177 303.12);
|
|
73
|
+
--pds-color-banner-discovery-foreground: oklch(0.9702 0 0);
|
|
74
|
+
--pds-color-banner-neutral-background: oklch(0.5103 0 0);
|
|
75
|
+
--pds-color-banner-neutral-foreground: oklch(0.9702 0 0);
|
|
76
|
+
--pds-color-card-background: oklch(0.2178 0 0);
|
|
102
77
|
--pds-color-code-block-dark-background: var(--pds-color-surface-reverse);
|
|
103
78
|
--pds-color-code-block-dark-foreground: var(--pds-color-foreground-reverse);
|
|
104
79
|
--pds-color-code-block-dark-line-prefix: #9699A1;
|
|
@@ -107,42 +82,31 @@
|
|
|
107
82
|
--pds-color-code-block-light-foreground: #3B3D45;
|
|
108
83
|
--pds-color-code-block-light-line-prefix: #686D78;
|
|
109
84
|
--pds-color-code-block-light-highlight: #DEDFE0;
|
|
110
|
-
--pds-color-
|
|
111
|
-
--pds-color-
|
|
112
|
-
--pds-color-dashboard-nav-background: var(--pds-color-surface-default-secondary);
|
|
113
|
-
--pds-color-dashboard-nav-background-admin: #252038;
|
|
114
|
-
--pds-color-dashboard-nav-item-background-default: rgba(255, 255, 255, 0.00);
|
|
115
|
-
--pds-color-dashboard-nav-item-background-hover: oklch(0.4235 0.0071 264.49);
|
|
116
|
-
--pds-color-dashboard-nav-item-background-hover-admin: oklch(0.2046 0 0);
|
|
117
|
-
--pds-color-dashboard-nav-item-background-active: var(--pds-color-surface-reverse);
|
|
118
|
-
--pds-color-dashboard-nav-item-foreground-default: var(--pds-color-foreground-default);
|
|
119
|
-
--pds-color-dashboard-nav-item-foreground-hover: var(--pds-color-foreground-default);
|
|
120
|
-
--pds-color-dashboard-nav-item-foreground-active: var(--pds-color-foreground-reverse);
|
|
121
|
-
--pds-color-datepicker-accent-foreground: oklch(0.5308 0.2335 268.08);
|
|
122
|
-
--pds-color-datepicker-range-background: oklch(0.287 0.0845 266.41);
|
|
85
|
+
--pds-color-datepicker-accent-foreground: oklch(0.6496 0.1590 270.95);
|
|
86
|
+
--pds-color-datepicker-range-background: oklch(0.2000 0.0400 268.00);
|
|
123
87
|
--pds-color-datepicker-range-foreground: oklch(0.2178 0 0);
|
|
124
|
-
--pds-color-datepicker-selected-background: oklch(0.
|
|
88
|
+
--pds-color-datepicker-selected-background: oklch(0.6496 0.1590 270.95);
|
|
125
89
|
--pds-color-datepicker-selected-foreground: oklch(0.2178 0 0);
|
|
126
90
|
--pds-color-log-row-standard-background-default: oklch(0.9702 0 0);
|
|
127
91
|
--pds-color-log-row-standard-background-hover: oklch(0.8452 0 0);
|
|
128
92
|
--pds-color-log-row-warning-background-default: oklch(0.3111 0.0678 55.70);
|
|
129
93
|
--pds-color-log-row-error-background-default: oklch(0.2550 0.0814 25.05);
|
|
130
94
|
--pds-color-pagination-foreground-hover: oklch(1 0 0);
|
|
131
|
-
--pds-color-pagination-foreground-active: oklch(0.
|
|
95
|
+
--pds-color-pagination-foreground-active: oklch(0.9702 0 0);
|
|
132
96
|
--pds-color-pagination-foreground-current: oklch(1 0 0);
|
|
133
|
-
--pds-color-pagination-background-hover: oklch(0.
|
|
134
|
-
--pds-color-pagination-background-active: oklch(0.
|
|
135
|
-
--pds-color-pagination-background-current: oklch(0.
|
|
136
|
-
--pds-color-panel-sunken-background: oklch(0.
|
|
137
|
-
--pds-color-panel-raised-background: oklch(0.
|
|
138
|
-
--pds-color-panel-overlay-background: oklch(0.
|
|
139
|
-
--pds-color-expansion-panel-hover: oklch(0.
|
|
140
|
-
--pds-color-expansion-panel-open: oklch(0.
|
|
141
|
-
--pds-color-popover-border: oklch(0.
|
|
142
|
-
--pds-color-skeleton-regular-base: oklch(0.
|
|
143
|
-
--pds-color-skeleton-regular-movement: oklch(0.
|
|
144
|
-
--pds-color-skeleton-bold-base: oklch(0.
|
|
145
|
-
--pds-color-skeleton-bold-movement: oklch(0.
|
|
97
|
+
--pds-color-pagination-background-hover: oklch(0.2603 0 0);
|
|
98
|
+
--pds-color-pagination-background-active: oklch(0.2000 0.0400 268.00);
|
|
99
|
+
--pds-color-pagination-background-current: oklch(0.6496 0.1590 270.95);
|
|
100
|
+
--pds-color-panel-sunken-background: oklch(0.2178 0 0);
|
|
101
|
+
--pds-color-panel-raised-background: oklch(0.2178 0 0);
|
|
102
|
+
--pds-color-panel-overlay-background: oklch(0.2178 0 0);
|
|
103
|
+
--pds-color-expansion-panel-hover: oklch(0.2931 0 0);
|
|
104
|
+
--pds-color-expansion-panel-open: oklch(0.2931 0 0);
|
|
105
|
+
--pds-color-popover-border: oklch(0.31 0.005 258);
|
|
106
|
+
--pds-color-skeleton-regular-base: oklch(0.3329 0 0);
|
|
107
|
+
--pds-color-skeleton-regular-movement: oklch(0.6830 0 0);
|
|
108
|
+
--pds-color-skeleton-bold-base: oklch(0.4091 0 0);
|
|
109
|
+
--pds-color-skeleton-bold-movement: oklch(0.6830 0 0);
|
|
146
110
|
--pds-color-sortable-border-hover: oklch(0.38 0.135 268);
|
|
147
111
|
--pds-color-sortable-border-target: oklch(0.6575 0.177 272.74);
|
|
148
112
|
--pds-color-spinner-full-1: #7600D9;
|
|
@@ -158,58 +122,55 @@
|
|
|
158
122
|
--pds-color-spinner-critical-secondary-2: #de2e21;
|
|
159
123
|
--pds-color-spinner-critical-secondary-3: transparent;
|
|
160
124
|
--pds-color-table-sort-icon-inactive: oklch(0.5 0 0);
|
|
161
|
-
--pds-color-tabs-border: oklch(0.
|
|
162
|
-
--pds-color-tag-
|
|
163
|
-
--pds-color-tag-
|
|
164
|
-
--pds-color-tag-
|
|
165
|
-
--pds-color-tag-
|
|
166
|
-
--pds-color-tag-
|
|
167
|
-
--pds-color-tag-
|
|
168
|
-
--pds-color-tag-
|
|
169
|
-
--pds-color-tag-
|
|
170
|
-
--pds-color-tag-
|
|
171
|
-
--pds-color-tag-
|
|
172
|
-
--pds-color-tag-
|
|
173
|
-
--pds-color-tag-
|
|
174
|
-
--pds-color-tag-
|
|
175
|
-
--pds-color-tag-
|
|
176
|
-
--pds-color-tag-
|
|
177
|
-
--pds-color-tag-
|
|
178
|
-
--pds-color-tag-
|
|
179
|
-
--pds-color-tag-
|
|
180
|
-
--pds-color-tag-
|
|
181
|
-
--pds-color-tag-
|
|
182
|
-
--pds-color-tag-
|
|
183
|
-
--pds-color-tag-
|
|
184
|
-
--pds-color-tag-
|
|
185
|
-
--pds-color-tag-
|
|
186
|
-
--pds-color-tag-
|
|
187
|
-
--pds-color-tag-
|
|
188
|
-
--pds-color-tag-
|
|
189
|
-
--pds-color-tag-
|
|
190
|
-
--pds-color-tag-
|
|
191
|
-
--pds-color-tag-
|
|
192
|
-
--pds-color-tag-
|
|
193
|
-
--pds-color-tag-
|
|
194
|
-
--pds-color-tag-
|
|
195
|
-
--pds-color-tag-
|
|
196
|
-
--pds-color-tag-
|
|
197
|
-
--pds-color-tag-
|
|
198
|
-
--pds-color-tag-
|
|
199
|
-
--pds-color-tag-
|
|
200
|
-
--pds-color-tag-
|
|
201
|
-
--pds-color-tag-
|
|
202
|
-
--pds-color-tag-
|
|
203
|
-
--pds-color-tag-
|
|
204
|
-
--pds-color-tag-
|
|
205
|
-
--pds-color-tag-
|
|
206
|
-
--pds-color-
|
|
207
|
-
--pds-color-
|
|
208
|
-
--pds-color-
|
|
209
|
-
--pds-color-
|
|
210
|
-
--pds-color-toast-success-icon: oklch(0.7275 0.177 148.24);
|
|
211
|
-
--pds-color-toast-warning-icon: oklch(0.7867 0.1649 66.34);
|
|
212
|
-
--pds-color-toast-critical-icon: oklch(0.6766 0.1572 26.68);
|
|
125
|
+
--pds-color-tabs-border: oklch(0.3329 0 0);
|
|
126
|
+
--pds-color-tag-orange-background: oklch(0.3382 0.1012 42.43);
|
|
127
|
+
--pds-color-tag-orange-foreground: oklch(0.9175 0.0328 49.33);
|
|
128
|
+
--pds-color-tag-stone-background: oklch(0.4022 0.0071 84.59);
|
|
129
|
+
--pds-color-tag-stone-foreground: oklch(0.9558 0.0086 84.57);
|
|
130
|
+
--pds-color-tag-gold-background: oklch(0.3989 0.0551 79.95);
|
|
131
|
+
--pds-color-tag-gold-foreground: oklch(0.9281 0.0348 98.08);
|
|
132
|
+
--pds-color-tag-lime-background: oklch(0.3715 0.0965 131.92);
|
|
133
|
+
--pds-color-tag-lime-foreground: oklch(0.9185 0.0344 128.89);
|
|
134
|
+
--pds-color-tag-mint-background: oklch(0.3059 0.0558 164.75);
|
|
135
|
+
--pds-color-tag-mint-foreground: oklch(0.9131 0.0504 156.82);
|
|
136
|
+
--pds-color-tag-teal-background: oklch(0.2956 0.0455 185.86);
|
|
137
|
+
--pds-color-tag-teal-foreground: oklch(0.9189 0.0386 190.48);
|
|
138
|
+
--pds-color-tag-sky-background: oklch(0.3262 0.0771 241.77);
|
|
139
|
+
--pds-color-tag-sky-foreground: oklch(0.9144 0.0264 224.25);
|
|
140
|
+
--pds-color-tag-slate-background: oklch(0.4263 0.0263 240.04);
|
|
141
|
+
--pds-color-tag-slate-foreground: oklch(0.9388 0.0118 239.91);
|
|
142
|
+
--pds-color-tag-indigo-background: oklch(0.2846 0.1010 279.36);
|
|
143
|
+
--pds-color-tag-indigo-foreground: oklch(0.9364 0.0311 281.82);
|
|
144
|
+
--pds-color-tag-purple-background: oklch(0.3479 0.1189 294.81);
|
|
145
|
+
--pds-color-tag-purple-foreground: oklch(0.8951 0.0581 297.20);
|
|
146
|
+
--pds-color-tag-magenta-background: oklch(0.2465 0.0921 337.45);
|
|
147
|
+
--pds-color-tag-magenta-foreground: oklch(0.8885 0.0587 337.81);
|
|
148
|
+
--pds-color-tag-rose-background: oklch(0.3462 0.0939 8.11);
|
|
149
|
+
--pds-color-tag-rose-foreground: oklch(0.9390 0.0187 9.31);
|
|
150
|
+
--pds-color-tag-red-background: oklch(0.2785 0.0849 24.52);
|
|
151
|
+
--pds-color-tag-red-foreground: oklch(0.8886 0.0584 23.52);
|
|
152
|
+
--pds-color-tag-silver-background: oklch(0.3329 0 0);
|
|
153
|
+
--pds-color-tag-silver-foreground: oklch(0.8452 0 0);
|
|
154
|
+
--pds-color-tag-orange-solid-background: oklch(0.7424 0.1407 52.51);
|
|
155
|
+
--pds-color-tag-orange-solid-foreground: oklch(0.2178 0 0);
|
|
156
|
+
--pds-color-tag-teal-solid-background: oklch(0.7512 0.1057 185.82);
|
|
157
|
+
--pds-color-tag-teal-solid-foreground: oklch(0.2178 0 0);
|
|
158
|
+
--pds-color-tag-indigo-solid-background: oklch(0.6729 0.1514 281.54);
|
|
159
|
+
--pds-color-tag-indigo-solid-foreground: oklch(0.2178 0 0);
|
|
160
|
+
--pds-color-tag-magenta-solid-background: oklch(0.7113 0.1755 341.03);
|
|
161
|
+
--pds-color-tag-magenta-solid-foreground: oklch(0.2178 0 0);
|
|
162
|
+
--pds-color-tag-rose-solid-background: oklch(0.7622 0.1214 358.96);
|
|
163
|
+
--pds-color-tag-rose-solid-foreground: oklch(0.2178 0 0);
|
|
164
|
+
--pds-color-tag-success-solid-background: oklch(0.8020 0.0936 127.07);
|
|
165
|
+
--pds-color-tag-success-solid-foreground: oklch(0.2178 0 0);
|
|
166
|
+
--pds-color-tag-warning-solid-background: oklch(0.7885 0.1129 63.65);
|
|
167
|
+
--pds-color-tag-warning-solid-foreground: oklch(0.2178 0 0);
|
|
168
|
+
--pds-color-tag-critical-solid-background: oklch(0.6991 0.1140 20.37);
|
|
169
|
+
--pds-color-tag-critical-solid-foreground: oklch(0.2178 0 0);
|
|
170
|
+
--pds-color-tag-info-solid-background: oklch(0.7445 0.0724 235.56);
|
|
171
|
+
--pds-color-tag-info-solid-foreground: oklch(0.2178 0 0);
|
|
172
|
+
--pds-color-tag-discovery-solid-background: oklch(0.7268 0.0778 307.70);
|
|
173
|
+
--pds-color-tag-discovery-solid-foreground: oklch(0.2178 0 0);
|
|
213
174
|
--pds-color-surface-default: oklch(0.2178 0 0);
|
|
214
175
|
--pds-color-surface-default-secondary: oklch(0.2603 0 0);
|
|
215
176
|
--pds-color-surface-reverse: oklch(0.9702 0 0);
|
|
@@ -219,38 +180,44 @@
|
|
|
219
180
|
--pds-color-border-separator: oklch(0.5991 0 0);
|
|
220
181
|
--pds-color-border-hover: oklch(0.5 0.005 264);
|
|
221
182
|
--pds-color-button-primary-background-default: oklch(0.9702 0 0);
|
|
222
|
-
--pds-color-button-primary-background-hover: oklch(0.
|
|
183
|
+
--pds-color-button-primary-background-hover: oklch(0.8800 0 0);
|
|
184
|
+
--pds-color-button-primary-background-active: oklch(0.8096 0 0);
|
|
223
185
|
--pds-color-button-primary-foreground: oklch(0.2178 0 0);
|
|
224
186
|
--pds-color-button-secondary-background-default: rgba(255, 255, 255, 0.00);
|
|
225
187
|
--pds-color-button-secondary-background-hover: oklch(0.2931 0 0);
|
|
188
|
+
--pds-color-button-secondary-background-active: oklch(0.3638 0 0);
|
|
226
189
|
--pds-color-button-secondary-border: oklch(0.5103 0 0);
|
|
227
|
-
--pds-color-button-secondary-foreground-default: oklch(
|
|
228
|
-
--pds-color-button-secondary-foreground-hover: oklch(
|
|
190
|
+
--pds-color-button-secondary-foreground-default: oklch(0.9702 0 0);
|
|
191
|
+
--pds-color-button-secondary-foreground-hover: oklch(0.9702 0 0);
|
|
229
192
|
--pds-color-button-subtle-background-default: rgba(255, 255, 255, 0.00);
|
|
230
193
|
--pds-color-button-subtle-background-hover: oklch(0.2931 0 0);
|
|
194
|
+
--pds-color-button-subtle-background-active: oklch(0.3426 0 0);
|
|
231
195
|
--pds-color-button-subtle-foreground: oklch(0.9702 0 0);
|
|
232
196
|
--pds-color-button-brand-background-default: oklch(0.8622 0.1681 88.31);
|
|
233
197
|
--pds-color-button-brand-background-hover: oklch(0.7640 0.1510 84.30);
|
|
198
|
+
--pds-color-button-brand-background-active: oklch(0.6723 0.1329 84.30);
|
|
234
199
|
--pds-color-button-brand-foreground: oklch(0.2178 0 0);
|
|
235
200
|
--pds-color-button-highlight-background-default: oklch(0.5256 0.1988 268.04);
|
|
236
201
|
--pds-color-button-highlight-background-hover: oklch(0.4293 0.1892 266.63);
|
|
202
|
+
--pds-color-button-highlight-background-active: oklch(0.3778 0.1665 266.63);
|
|
237
203
|
--pds-color-button-highlight-foreground: oklch(1.0000 0 0);
|
|
238
204
|
--pds-color-button-critical-background-default: oklch(0.5338 0.1771 25.54);
|
|
239
205
|
--pds-color-button-critical-background-hover: oklch(0.4501 0.1581 26.35);
|
|
206
|
+
--pds-color-button-critical-background-active: oklch(0.3961 0.1391 26.35);
|
|
240
207
|
--pds-color-button-critical-foreground: oklch(1.0000 0 0);
|
|
241
208
|
--pds-color-button-critical-secondary-background-default: rgba(255, 255, 255, 0.00);
|
|
242
209
|
--pds-color-button-critical-secondary-background-hover: oklch(0.4501 0.1581 26.35 / 25%);
|
|
210
|
+
--pds-color-button-critical-secondary-background-active: oklch(0.4666 0.1534 26.35);
|
|
243
211
|
--pds-color-button-critical-secondary-border-default: oklch(0.5954 0.1582 23.19);
|
|
244
212
|
--pds-color-button-critical-secondary-border-hover: oklch(0.5954 0.1582 23.19);
|
|
245
213
|
--pds-color-button-critical-secondary-foreground: oklch(0.5954 0.1582 23.19);
|
|
246
|
-
--pds-color-button-navbar-background-default: rgba(255, 255, 255, 0.00);
|
|
247
|
-
--pds-color-button-navbar-background-hover: oklch(0.2603 0 0);
|
|
248
|
-
--pds-color-button-navbar-foreground: oklch(0.8452 0 0);
|
|
249
214
|
--pds-color-button-reverse-background-default: oklch(0.2178 0 0);
|
|
250
|
-
--pds-color-button-reverse-background-hover: oklch(0.
|
|
215
|
+
--pds-color-button-reverse-background-hover: oklch(0.3100 0 0);
|
|
216
|
+
--pds-color-button-reverse-background-active: oklch(0.3652 0 0);
|
|
251
217
|
--pds-color-button-reverse-foreground: oklch(0.9702 0 0);
|
|
252
218
|
--pds-color-button-reverse-secondary-background-default: rgba(255, 255, 255, 0.00);
|
|
253
219
|
--pds-color-button-reverse-secondary-background-hover: oklch(0.9430 0 0);
|
|
220
|
+
--pds-color-button-reverse-secondary-background-active: oklch(0.9147 0 0);
|
|
254
221
|
--pds-color-button-reverse-secondary-border: oklch(0.8047 0 0);
|
|
255
222
|
--pds-color-button-reverse-secondary-foreground: oklch(0.2178 0 0);
|
|
256
223
|
--pds-color-close-button-foreground: oklch(0.8452 0 0);
|
|
@@ -370,6 +337,7 @@
|
|
|
370
337
|
--pds-color-interactive-ui-current: oklch(0.6496 0.1590 270.95);
|
|
371
338
|
--pds-color-interactive-ui-background-hover: oklch(0.2603 0 0);
|
|
372
339
|
--pds-color-interactive-ui-background-active: oklch(0.2931 0 0);
|
|
340
|
+
--pds-color-interactive-ui-background-selected: oklch(0.2000 0.0400 268.00);
|
|
373
341
|
--pds-color-interactive-reverse-focus: oklch(0.5256 0.1988 268.04);
|
|
374
342
|
--pds-color-interactive-reverse-link-default: oklch(0.5256 0.1988 268.04);
|
|
375
343
|
--pds-color-interactive-reverse-link-hover: oklch(0.6015 0.1484 35.70);
|
|
@@ -413,6 +381,15 @@
|
|
|
413
381
|
--pds-color-status-neutral-indicator: oklch(0.8452 0 0);
|
|
414
382
|
--pds-color-status-frozen-fill: oklch(0.6392 0.0968 238.41);
|
|
415
383
|
--pds-color-status-disabled-fill: oklch(0.5103 0 0);
|
|
384
|
+
--pds-elevation-button-primary-active: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
|
|
385
|
+
--pds-elevation-button-secondary-active: inset 0px 1px 3px 0px rgba(255, 255, 255, 0.16);
|
|
386
|
+
--pds-elevation-button-subtle-active: inset 0px 0px 2px 0px rgba(255, 255, 255, 0.16);
|
|
387
|
+
--pds-elevation-button-critical-active: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.20);
|
|
388
|
+
--pds-elevation-button-critical-secondary-active: inset 0px 1px 3px 0px rgba(255, 255, 255, 0.16);
|
|
389
|
+
--pds-elevation-button-brand-active: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
|
|
390
|
+
--pds-elevation-button-highlight-active: inset 0px 2px 4px 0px rgba(255, 255, 255, 0.15);
|
|
391
|
+
--pds-elevation-button-reverse-active: inset 0px 1px 3px 0px rgba(255, 255, 255, 0.15);
|
|
392
|
+
--pds-elevation-button-reverse-secondary-active: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.10);
|
|
416
393
|
--pds-elevation-drawer-left: 2px 0px 32px 0px rgba(0, 0, 0, 0.8), 1px 0px 0px 0px rgba(255, 255, 255, 0.12);
|
|
417
394
|
--pds-elevation-drawer-right: -2px 0px 32px 0px rgba(0, 0, 0, 0.8), -1px 0px 0px 0px rgba(255, 255, 255, 0.12);
|
|
418
395
|
--pds-elevation-icon-button-pressed: inset 0px 0px 4px 1px rgba(255, 255, 255, 0.06);
|
|
@@ -436,7 +413,6 @@
|
|
|
436
413
|
--pds-gradient-avatar-earth: linear-gradient(315deg, #6BC5FC 0%, #218C5F 100%);
|
|
437
414
|
--pds-gradient-avatar-moon: linear-gradient(315deg, #A2CFFF 0%, #8A70FF 100%);
|
|
438
415
|
--pds-gradient-avatar-sun: linear-gradient(135deg, #E65F35 0%, #FFFF11 100%);
|
|
439
|
-
--pds-gradient-badge-feature: linear-gradient(81deg, oklch(0.5939 0.2479 349.85) 3.17%, oklch(0.5157 0.2324 282.97) 92.85%);
|
|
440
416
|
--pds-gradient-card-yellow: linear-gradient(225deg, #FFCB45 0%, #FFDC28 50%, #FFF1A9 100%);
|
|
441
417
|
--pds-gradient-card-mint: linear-gradient(225deg, #4BCE97 0%, #BAF3DB 100%);
|
|
442
418
|
--pds-gradient-card-lavender: linear-gradient(225deg, #8A70FF 0%, #BFB1FF 100%);
|
|
@@ -63,17 +63,14 @@
|
|
|
63
63
|
--pds-spacing-button-height-s: var(--pds-spacing-2xl);
|
|
64
64
|
--pds-spacing-button-height-m: var(--pds-spacing-3xl);
|
|
65
65
|
--pds-spacing-button-height-l: var(--pds-spacing-4xl);
|
|
66
|
-
--pds-spacing-button-height-xl: 3.5rem;
|
|
67
66
|
--pds-spacing-button-padding-inline-xs: var(--pds-spacing-s);
|
|
68
67
|
--pds-spacing-button-padding-inline-s: var(--pds-spacing-m);
|
|
69
68
|
--pds-spacing-button-padding-inline-m: var(--pds-spacing-l);
|
|
70
69
|
--pds-spacing-button-padding-inline-l: var(--pds-spacing-xl);
|
|
71
|
-
--pds-spacing-button-padding-inline-xl: 2.25rem;
|
|
72
70
|
--pds-spacing-button-gap-inline-xs: var(--pds-spacing-2xs);
|
|
73
71
|
--pds-spacing-button-gap-inline-s: var(--pds-spacing-2xs);
|
|
74
72
|
--pds-spacing-button-gap-inline-m: var(--pds-spacing-xs);
|
|
75
73
|
--pds-spacing-button-gap-inline-l: var(--pds-spacing-xs);
|
|
76
|
-
--pds-spacing-button-gap-inline-xl: var(--pds-spacing-xs);
|
|
77
74
|
--pds-spacing-input-height-s: var(--pds-spacing-2xl);
|
|
78
75
|
--pds-spacing-input-height-m: var(--pds-spacing-3xl);
|
|
79
76
|
--pds-spacing-input-height-l: var(--pds-spacing-4xl);
|