@pantheon-systems/pds-toolkit-react 2.0.0-alpha.57 → 2.0.0-alpha.59
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/CodeBlock/prism-setup.d.ts +2 -0
- package/dist/components/Tag/Tag.d.ts +7 -3
- package/dist/components/icons/Icon/generated-icon-data.d.ts +1 -1
- package/dist/components/panels/PanelStack/PanelStack.d.ts +19 -0
- package/dist/css/component-css/pds-combobox-multiselect.css +1 -1
- package/dist/css/component-css/pds-combobox.css +1 -1
- package/dist/css/component-css/pds-drawer.css +1 -1
- package/dist/css/component-css/pds-dropdown.css +1 -1
- package/dist/css/component-css/pds-expansion-panel.css +2 -1
- package/dist/css/component-css/pds-full-screen-overlay.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-modal.css +1 -1
- package/dist/css/component-css/pds-panel-stack.css +1 -0
- package/dist/css/component-css/pds-panel.css +1 -1
- package/dist/css/component-css/pds-select.css +1 -1
- package/dist/css/component-css/pds-tag.css +1 -1
- package/dist/css/component-css/pds-vertical-empty-state.css +1 -1
- package/dist/css/design-tokens/variables.dark.css +8 -2
- package/dist/css/design-tokens/variables.global.css +1 -1
- package/dist/css/design-tokens/variables.light.css +8 -2
- 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.d.ts +1 -0
- package/dist/index.js +790 -754
- package/dist/index.js.map +1 -1
- package/dist/index.source.d.ts +1 -0
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-modal{--modal-padding:var(--pds-spacing-xl);background-color:var(--pds-color-surface-default);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);margin:auto;max-width:var(--pds-container-modal-width-m);padding:var(--modal-padding);width:70vw}@media (max-width:767px){.pds-modal{max-width:300px}}.pds-modal__close-wrapper{position:absolute;right:var(--modal-padding);top:var(--modal-padding)}.pds-modal__title{font-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-2xl);font-weight:var(--pds-typography-fw-semibold);line-height:var(--pds-typography-lh-s);margin-block-end:var(--pds-spacing-l);width:calc(100% - var(--modal-padding))}.pds-modal--s{max-width:var(--pds-container-modal-width-s)}.pds-modal--l{max-width:var(--pds-container-modal-width-l);width:80vw}.pds-modal--xl{max-width:var(--pds-container-modal-width-xl);width:80vw}.pds-modal__button-group,.pds-modal__footer{margin-block-start:var(--pds-spacing-xl);width:100%}.pds-modal__button-group{column-gap:var(--pds-spacing-m);display:flex;justify-content:flex-end}.pds-modal form{margin-block-start:var(--pds-spacing-xl)}}
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-modal{--modal-padding:var(--pds-spacing-xl);background-color:var(--pds-color-surface-default);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);margin:auto;max-width:var(--pds-container-modal-width-m);padding:var(--modal-padding);width:70vw}@media (max-width:767px){.pds-modal{max-width:300px}}.pds-modal__close-wrapper{position:absolute;right:var(--modal-padding);top:var(--modal-padding)}.pds-modal__title{font-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-2xl);font-weight:var(--pds-typography-fw-semibold);line-height:var(--pds-typography-lh-s);margin-block-end:var(--pds-spacing-l);width:calc(100% - var(--modal-padding))}.pds-modal--s{max-width:var(--pds-container-modal-width-s)}.pds-modal--l{max-width:var(--pds-container-modal-width-l);width:80vw}.pds-modal--xl{max-width:var(--pds-container-modal-width-xl);width:80vw}.pds-modal__content :is(h2,h3,h4,h5,h6){margin-block-end:var(--pds-spacing-s)}.pds-modal__button-group,.pds-modal__footer{margin-block-start:var(--pds-spacing-xl);width:100%}.pds-modal__button-group{column-gap:var(--pds-spacing-m);display:flex;justify-content:flex-end}.pds-modal form{margin-block-start:var(--pds-spacing-xl)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-panel-stack{display:flex;flex-direction:column;gap:var(--pds-spacing-m)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-panel{--border-color:var(--pds-color-border-default);--bg-color:var(--pds-color-surface-default);background-color:var(--bg-color);border:var(--pds-border-width-default) solid var(--border-color);border-radius:var(--pds-border-radius-panel);display:flex}.pds-panel>:last-child{margin-block-end:0}.pds-panel__content{display:block;padding:var(--pds-spacing-l);width:100%}.pds-panel__content--pad-condensed{padding:var(--pds-spacing-m)}.pds-panel__content--pad-none{padding:0}.pds-panel__content--pad-spacious{padding:var(--pds-spacing-xl)}@media (min-width:768px){.pds-panel__content{padding:var(--pds-spacing-xl)}.pds-panel__content--pad-condensed{padding:var(--pds-spacing-l)}.pds-panel__content--pad-none{padding:0}.pds-panel__content--pad-spacious{padding:var(--pds-spacing-2xl)}}.pds-panel--sunken{--bg-color:var(--pds-color-panel-sunken-background);--border-color:transparent}.pds-panel--raised{--border-color:transparent;box-shadow:var(--pds-elevation-raised)}.pds-panel--overlay{--border-color:transparent;box-shadow:var(--pds-elevation-overlay)}.pds-panel--critical{--border-color:var(--pds-color-status-critical-border)}.pds-panel--discovery{--border-color:var(--pds-color-status-discovery-border)}.pds-panel--info{--border-color:var(--pds-color-status-info-border)}.pds-panel--success{--border-color:var(--pds-color-status-success-border)}.pds-panel--warning{--border-color:var(--pds-color-status-warning-border)}}
|
|
1
|
+
@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>: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 :is(h1,h2,h3,h4,h5,h6):not(.visually-hidden)+*{margin-block-start:var(--pds-spacing-s)}.pds-panel__content{display:block;padding:var(--pds-spacing-l);width:100%}.pds-panel__content--pad-condensed{padding:var(--pds-spacing-m)}.pds-panel__content--pad-none{padding:0}.pds-panel__content--pad-spacious{padding:var(--pds-spacing-xl)}@media (min-width:768px){.pds-panel__content{padding:var(--pds-spacing-xl)}.pds-panel__content--pad-condensed{padding:var(--pds-spacing-l)}.pds-panel__content--pad-none{padding:0}.pds-panel__content--pad-spacious{padding:var(--pds-spacing-2xl)}}.pds-panel--sunken{--bg-color:var(--pds-color-panel-sunken-background);--border-color:transparent}.pds-panel--raised{--border-color:transparent;box-shadow:var(--pds-elevation-raised)}.pds-panel--overlay{--border-color:transparent;box-shadow:var(--pds-elevation-overlay)}.pds-panel--critical{--border-color:var(--pds-color-status-critical-border)}.pds-panel--discovery{--border-color:var(--pds-color-status-discovery-border)}.pds-panel--info{--border-color:var(--pds-color-status-info-border)}.pds-panel--success{--border-color:var(--pds-color-status-success-border)}.pds-panel--warning{--border-color:var(--pds-color-status-warning-border)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-select{min-width:6.25rem;position:relative}.pds-select--auto-width{width:fit-content}.pds-select__sizer{height:0;overflow:hidden;visibility:hidden}.pds-select__sizer .pds-select__input-wrapper{height:auto;width:max-content}.pds-select__sizer .pds-select__option-text{overflow:visible}.pds-select__input-wrapper{align-items:center;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);column-gap:var(--pds-spacing-xs);cursor:pointer;display:flex;font-size:var(--pds-typography-size-s);height:var(--pds-spacing-input-height-s);padding-inline:var(--pds-spacing-xs);position:relative;transition:var(--pds-animation-transition-input);width:100%}.pds-select__input-wrapper:focus-within{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-select--m .pds-select__input-wrapper{column-gap:var(--pds-spacing-s);height:var(--pds-spacing-input-height-m);padding-inline:var(--pds-spacing-s)}.pds-select__input-inner{column-gap:var(--pds-spacing-m);justify-content:space-between;width:100%}.pds-select__input-inner,.pds-select__option-text{align-items:center;display:flex;min-width:0;overflow:hidden}.pds-select__option-text{cursor:pointer;gap:var(--pds-spacing-xs);white-space:nowrap}.pds-select__option-label-text{overflow:hidden;text-overflow:ellipsis}.pds-select__icon{align-self:center;color:var(--pds-color-foreground-default);display:flex;flex-shrink:0}.pds-select__icon.pds-icon--m{height:.8125rem;width:.8125rem}.pds-select--m .pds-select__icon.pds-icon--m,.pds-select__trigger-icon.pds-icon--l{height:1rem;width:1rem}.pds-select--m .pds-select__trigger-icon.pds-icon--l{height:1.125rem;width:1.125rem}.pds-select__option-icon.pds-icon--m{height:.875rem;width:.875rem}.pds-select__trigger-icon{color:var(--pds-color-foreground-default-secondary);flex-shrink:0;pointer-events:none;transition:var(--pds-animation-transition-rotation)}.pds-select__input-wrapper[aria-expanded=true] .pds-select__trigger-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-select__dropdown{margin-block-start:var(--pds-spacing-xs);max-height:18rem;overflow-x:hidden;padding-block-end:0}.pds-select__dropdown:focus-visible{outline:none}.pds-select__group{padding-block-start:var(--pds-spacing-s)}.pds-select__group-options,.pds-select__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;width:100%}.pds-select__group-options [aria-disabled=true],.pds-select__options [aria-disabled=true]{background:transparent;cursor:not-allowed;opacity:.5}.pds-select__option-label{align-items:center;display:flex;gap:var(--pds-spacing-xs);white-space:nowrap}.pds-select__option-icon{align-self:center;color:var(--pds-color-foreground-default);display:flex;flex-shrink:0}}
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-select{min-width:6.25rem;position:relative}.pds-select--auto-width{width:fit-content}.pds-select__sizer{height:0;overflow:hidden;visibility:hidden}.pds-select__sizer .pds-select__input-wrapper{height:auto;width:max-content}.pds-select__sizer .pds-select__option-text{overflow:visible}.pds-select__input-wrapper{align-items:center;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);column-gap:var(--pds-spacing-xs);cursor:pointer;display:flex;font-size:var(--pds-typography-size-s);height:var(--pds-spacing-input-height-s);padding-inline:var(--pds-spacing-xs);position:relative;transition:var(--pds-animation-transition-input);width:100%}.pds-select__input-wrapper:focus-within{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-select--m .pds-select__input-wrapper{column-gap:var(--pds-spacing-s);height:var(--pds-spacing-input-height-m);padding-inline:var(--pds-spacing-s)}.pds-select__input-inner{column-gap:var(--pds-spacing-m);justify-content:space-between;width:100%}.pds-select__input-inner,.pds-select__option-text{align-items:center;display:flex;min-width:0;overflow:hidden}.pds-select__option-text{cursor:pointer;gap:var(--pds-spacing-xs);white-space:nowrap}.pds-select__option-label-text{overflow:hidden;text-overflow:ellipsis}.pds-select__icon{align-self:center;color:var(--pds-color-foreground-default);display:flex;flex-shrink:0}.pds-select__icon.pds-icon--m{height:.8125rem;width:.8125rem}.pds-select--m .pds-select__icon.pds-icon--m,.pds-select__trigger-icon.pds-icon--l{height:1rem;width:1rem}.pds-select--m .pds-select__trigger-icon.pds-icon--l{height:1.125rem;width:1.125rem}.pds-select__option-icon.pds-icon--m{height:.875rem;width:.875rem}.pds-select__trigger-icon{color:var(--pds-color-foreground-default-secondary);flex-shrink:0;pointer-events:none;transition:var(--pds-animation-transition-rotation)}.pds-select__input-wrapper[aria-expanded=true] .pds-select__trigger-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-select__dropdown{margin-block-start:var(--pds-spacing-xs);max-height:18rem;overflow-x:hidden;padding-block-end:0}.pds-select__dropdown:focus-visible{outline:none}.pds-select__group{padding-block-start:var(--pds-spacing-s)}.pds-select__group-options,.pds-select__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;width:100%}.pds-select__group-options [aria-disabled=true],.pds-select__options [aria-disabled=true]{background:transparent;cursor:not-allowed;opacity:.5}.pds-select__options .pds-dropdown__item:last-child{margin-block-end:var(--pds-spacing-2xs)}.pds-select__option-label{align-items:center;display:flex;gap:var(--pds-spacing-xs);white-space:nowrap}.pds-select__option-icon{align-self:center;color:var(--pds-color-foreground-default);display:flex;flex-shrink:0}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-tag{--tag-bg:var(--pds-color-tag-orange-background);--tag-fg:var(--pds-color-tag-orange-foreground);--tag-focus-color:var(--pds-color-interactive-focus);--tag-height:var(--pds-spacing-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{align-items:center;column-gap:var(--pds-spacing-xs);display:flex;flex-wrap:wrap;row-gap:var(--pds-spacing-3xs)}.pds-tag--orange{--tag-bg:var(--pds-color-tag-orange-background);--tag-fg:var(--pds-color-tag-orange-foreground)}.pds-tag--stone{--tag-bg:var(--pds-color-tag-stone-background);--tag-fg:var(--pds-color-tag-stone-foreground)}.pds-tag--gold{--tag-bg:var(--pds-color-tag-gold-background);--tag-fg:var(--pds-color-tag-gold-foreground)}.pds-tag--lime{--tag-bg:var(--pds-color-tag-lime-background);--tag-fg:var(--pds-color-tag-lime-foreground)}.pds-tag--mint{--tag-bg:var(--pds-color-tag-mint-background);--tag-fg:var(--pds-color-tag-mint-foreground)}.pds-tag--teal{--tag-bg:var(--pds-color-tag-teal-background);--tag-fg:var(--pds-color-tag-teal-foreground)}.pds-tag--sky{--tag-bg:var(--pds-color-tag-sky-background);--tag-fg:var(--pds-color-tag-sky-foreground)}.pds-tag--slate{--tag-bg:var(--pds-color-tag-slate-background);--tag-fg:var(--pds-color-tag-slate-foreground)}.pds-tag--indigo{--tag-bg:var(--pds-color-tag-indigo-background);--tag-fg:var(--pds-color-tag-indigo-foreground)}.pds-tag--purple{--tag-bg:var(--pds-color-tag-purple-background);--tag-fg:var(--pds-color-tag-purple-foreground)}.pds-tag--magenta{--tag-bg:var(--pds-color-tag-magenta-background);--tag-fg:var(--pds-color-tag-magenta-foreground)}.pds-tag--rose{--tag-bg:var(--pds-color-tag-rose-background);--tag-fg:var(--pds-color-tag-rose-foreground)}.pds-tag--red{--tag-bg:var(--pds-color-tag-red-background);--tag-fg:var(--pds-color-tag-red-foreground)}.pds-tag--
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-tag{--tag-bg:var(--pds-color-tag-orange-background);--tag-fg:var(--pds-color-tag-orange-foreground);--tag-focus-color:var(--pds-color-interactive-focus);--tag-height:var(--pds-spacing-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{align-items:center;column-gap:var(--pds-spacing-xs);display:flex;flex-wrap:wrap;row-gap:var(--pds-spacing-3xs)}.pds-tag--orange{--tag-bg:var(--pds-color-tag-orange-background);--tag-fg:var(--pds-color-tag-orange-foreground)}.pds-tag--stone{--tag-bg:var(--pds-color-tag-stone-background);--tag-fg:var(--pds-color-tag-stone-foreground)}.pds-tag--gold{--tag-bg:var(--pds-color-tag-gold-background);--tag-fg:var(--pds-color-tag-gold-foreground)}.pds-tag--lime{--tag-bg:var(--pds-color-tag-lime-background);--tag-fg:var(--pds-color-tag-lime-foreground)}.pds-tag--mint{--tag-bg:var(--pds-color-tag-mint-background);--tag-fg:var(--pds-color-tag-mint-foreground)}.pds-tag--teal{--tag-bg:var(--pds-color-tag-teal-background);--tag-fg:var(--pds-color-tag-teal-foreground)}.pds-tag--sky{--tag-bg:var(--pds-color-tag-sky-background);--tag-fg:var(--pds-color-tag-sky-foreground)}.pds-tag--slate{--tag-bg:var(--pds-color-tag-slate-background);--tag-fg:var(--pds-color-tag-slate-foreground)}.pds-tag--indigo{--tag-bg:var(--pds-color-tag-indigo-background);--tag-fg:var(--pds-color-tag-indigo-foreground)}.pds-tag--purple{--tag-bg:var(--pds-color-tag-purple-background);--tag-fg:var(--pds-color-tag-purple-foreground)}.pds-tag--magenta{--tag-bg:var(--pds-color-tag-magenta-background);--tag-fg:var(--pds-color-tag-magenta-foreground)}.pds-tag--rose{--tag-bg:var(--pds-color-tag-rose-background);--tag-fg:var(--pds-color-tag-rose-foreground)}.pds-tag--red{--tag-bg:var(--pds-color-tag-red-background);--tag-fg:var(--pds-color-tag-red-foreground)}.pds-tag--orange-solid{--tag-bg:var(--pds-color-tag-orange-solid-background);--tag-fg:var(--pds-color-tag-orange-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--teal-solid{--tag-bg:var(--pds-color-tag-teal-solid-background);--tag-fg:var(--pds-color-tag-teal-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--indigo-solid{--tag-bg:var(--pds-color-tag-indigo-solid-background);--tag-fg:var(--pds-color-tag-indigo-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--magenta-solid{--tag-bg:var(--pds-color-tag-magenta-solid-background);--tag-fg:var(--pds-color-tag-magenta-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--rose-solid{--tag-bg:var(--pds-color-tag-rose-solid-background);--tag-fg:var(--pds-color-tag-rose-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--gold-solid{--tag-bg:var(--pds-color-tag-gold-solid-background);--tag-fg:var(--pds-color-tag-gold-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--lime-solid{--tag-bg:var(--pds-color-tag-lime-solid-background);--tag-fg:var(--pds-color-tag-lime-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--sky-solid{--tag-bg:var(--pds-color-tag-sky-solid-background);--tag-fg:var(--pds-color-tag-sky-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--slate-solid{--tag-bg:var(--pds-color-tag-slate-solid-background);--tag-fg:var(--pds-color-tag-slate-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--success-solid{--tag-bg:var(--pds-color-tag-success-solid-background);--tag-fg:var(--pds-color-tag-success-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--warning-solid{--tag-bg:var(--pds-color-tag-warning-solid-background);--tag-fg:var(--pds-color-tag-warning-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--critical-solid{--tag-bg:var(--pds-color-tag-critical-solid-background);--tag-fg:var(--pds-color-tag-critical-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--info-solid{--tag-bg:var(--pds-color-tag-info-solid-background);--tag-fg:var(--pds-color-tag-info-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--discovery-solid{--tag-bg:var(--pds-color-tag-discovery-solid-background);--tag-fg:var(--pds-color-tag-discovery-solid-foreground);--tag-focus-color:var(--tag-fg)}}
|
|
@@ -1 +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);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__cta{padding-block-start:var(--pds-spacing-xl)}.pds-vertical-empty-state__cta .pds-button-group{justify-content:center}}
|
|
@@ -141,8 +141,6 @@
|
|
|
141
141
|
--pds-color-tag-rose-foreground: oklch(0.9390 0.0187 9.31);
|
|
142
142
|
--pds-color-tag-red-background: oklch(0.2785 0.0849 24.52);
|
|
143
143
|
--pds-color-tag-red-foreground: oklch(0.8886 0.0584 23.52);
|
|
144
|
-
--pds-color-tag-silver-background: oklch(0.3329 0 0);
|
|
145
|
-
--pds-color-tag-silver-foreground: oklch(0.8452 0 0);
|
|
146
144
|
--pds-color-tag-orange-solid-background: oklch(0.7424 0.1407 52.51);
|
|
147
145
|
--pds-color-tag-orange-solid-foreground: oklch(0.2178 0 0);
|
|
148
146
|
--pds-color-tag-teal-solid-background: oklch(0.7512 0.1057 185.82);
|
|
@@ -153,6 +151,14 @@
|
|
|
153
151
|
--pds-color-tag-magenta-solid-foreground: oklch(0.2178 0 0);
|
|
154
152
|
--pds-color-tag-rose-solid-background: oklch(0.7622 0.1214 358.96);
|
|
155
153
|
--pds-color-tag-rose-solid-foreground: oklch(0.2178 0 0);
|
|
154
|
+
--pds-color-tag-gold-solid-background: oklch(0.7739 0.0682 79.28);
|
|
155
|
+
--pds-color-tag-gold-solid-foreground: oklch(0.2178 0 0);
|
|
156
|
+
--pds-color-tag-lime-solid-background: oklch(0.7787 0.1672 131.15);
|
|
157
|
+
--pds-color-tag-lime-solid-foreground: oklch(0.2178 0 0);
|
|
158
|
+
--pds-color-tag-sky-solid-background: oklch(0.7435 0.1023 229.83);
|
|
159
|
+
--pds-color-tag-sky-solid-foreground: oklch(0.2178 0 0);
|
|
160
|
+
--pds-color-tag-slate-solid-background: oklch(0.8270 0.0260 240.73);
|
|
161
|
+
--pds-color-tag-slate-solid-foreground: oklch(0.2178 0 0);
|
|
156
162
|
--pds-color-tag-success-solid-background: oklch(0.7213 0.0999 134.04);
|
|
157
163
|
--pds-color-tag-success-solid-foreground: oklch(0.2178 0 0);
|
|
158
164
|
--pds-color-tag-warning-solid-background: oklch(0.7885 0.1129 63.65);
|
|
@@ -63,7 +63,7 @@
|
|
|
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-padding-inline-xs: var(--pds-spacing-
|
|
66
|
+
--pds-spacing-button-padding-inline-xs: var(--pds-spacing-xs);
|
|
67
67
|
--pds-spacing-button-padding-inline-s: var(--pds-spacing-m);
|
|
68
68
|
--pds-spacing-button-padding-inline-m: var(--pds-spacing-l);
|
|
69
69
|
--pds-spacing-button-padding-inline-l: var(--pds-spacing-xl);
|
|
@@ -141,8 +141,6 @@
|
|
|
141
141
|
--pds-color-tag-rose-foreground: oklch(0.3361 0.1343 13.26);
|
|
142
142
|
--pds-color-tag-red-background: oklch(0.8878 0.0422 25.25);
|
|
143
143
|
--pds-color-tag-red-foreground: oklch(0.3680 0.1455 30.49);
|
|
144
|
-
--pds-color-tag-silver-background: oklch(0.9430 0 0);
|
|
145
|
-
--pds-color-tag-silver-foreground: oklch(0.3211 0 0);
|
|
146
144
|
--pds-color-tag-orange-solid-background: oklch(0.5874 0.1832 40.31);
|
|
147
145
|
--pds-color-tag-orange-solid-foreground: oklch(1.0000 0 0);
|
|
148
146
|
--pds-color-tag-teal-solid-background: oklch(0.5216 0.0902 182.77);
|
|
@@ -153,6 +151,14 @@
|
|
|
153
151
|
--pds-color-tag-magenta-solid-foreground: oklch(1.0000 0 0);
|
|
154
152
|
--pds-color-tag-rose-solid-background: oklch(0.5479 0.1847 1.24);
|
|
155
153
|
--pds-color-tag-rose-solid-foreground: oklch(1.0000 0 0);
|
|
154
|
+
--pds-color-tag-gold-solid-background: oklch(0.5693 0.0766 76.35);
|
|
155
|
+
--pds-color-tag-gold-solid-foreground: oklch(1.0000 0 0);
|
|
156
|
+
--pds-color-tag-lime-solid-background: oklch(0.5540 0.1620 135.05);
|
|
157
|
+
--pds-color-tag-lime-solid-foreground: oklch(1.0000 0 0);
|
|
158
|
+
--pds-color-tag-sky-solid-background: oklch(0.5571 0.1189 235.42);
|
|
159
|
+
--pds-color-tag-sky-solid-foreground: oklch(1.0000 0 0);
|
|
160
|
+
--pds-color-tag-slate-solid-background: oklch(0.4766 0.0328 237.46);
|
|
161
|
+
--pds-color-tag-slate-solid-foreground: oklch(1.0000 0 0);
|
|
156
162
|
--pds-color-tag-success-solid-background: oklch(0.4787 0.1296 134.07);
|
|
157
163
|
--pds-color-tag-success-solid-foreground: oklch(1.0000 0 0);
|
|
158
164
|
--pds-color-tag-warning-solid-background: oklch(0.5658 0.1338 53.43);
|