@pantheon-systems/pds-toolkit-react 2.0.0-alpha.55 → 2.0.0-alpha.57
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/codemods/v1-to-v2/mappings.json +1 -1
- package/dist/components/ResultCount/ResultCount.d.ts +53 -0
- package/dist/components/icons/Icon/generated-icon-data.d.ts +1 -1
- package/dist/components/inputs/CheckboxFieldset/CheckboxFieldset.d.ts +9 -1
- package/dist/components/inputs/CheckboxGroup/CheckboxGroup.d.ts +9 -1
- package/dist/components/inputs/RadioGroup/RadioGroup.d.ts +9 -1
- package/dist/components/inputs/Select/Select.d.ts +5 -1
- package/dist/components/inputs/input-utilities.d.ts +10 -1
- package/dist/components/overlays/Modal/Modal.d.ts +1 -1
- package/dist/components/pagination/{PaginationMini/PaginationMini.d.ts → PaginationChapter/PaginationChapter.d.ts} +5 -5
- package/dist/components/pagination/PaginationCompact/PaginationCompact.d.ts +14 -1
- package/dist/css/component-css/pds-checkbox-group.css +1 -1
- 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-dropdown.css +1 -1
- package/dist/css/component-css/pds-index.css +12 -10
- package/dist/css/component-css/pds-input-utilities.css +1 -1
- package/dist/css/component-css/pds-pagination-chapter.css +3 -0
- package/dist/css/component-css/pds-pagination-compact.css +1 -1
- package/dist/css/component-css/pds-pagination.css +1 -1
- package/dist/css/component-css/pds-result-count.css +1 -0
- package/dist/css/component-css/pds-select.css +1 -1
- package/dist/css/component-css/pds-table.css +4 -2
- package/dist/css/component-css/pds-tabs.css +1 -1
- package/dist/css/component-css/pds-tag.css +1 -1
- package/dist/css/component-css/pds-tags-input.css +1 -1
- package/dist/css/design-tokens/variables.dark.css +4 -8
- package/dist/css/design-tokens/variables.light.css +3 -7
- package/dist/css/pds-components.css +12 -10
- package/dist/css/pds-core.css +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +387 -310
- package/dist/index.js.map +1 -1
- package/dist/index.source.d.ts +2 -1
- package/package.json +2 -2
- package/dist/css/component-css/pds-pagination-mini.css +0 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-input.pds-is-disabled,.pds-input.pds-is-disabled input,.pds-is-disabled legend.pds-input-label{cursor:not-allowed;opacity:63%}.pds-input.pds-has-error .pds-combobox__input-wrapper,.pds-input.pds-has-error .pds-file-upload__input-wrapper,.pds-input.pds-has-error .pds-select__input-wrapper,.pds-input.pds-has-error .pds-text-input__input-wrapper,.pds-input.pds-has-error .pds-time-input__input-wrapper{border-color:var(--pds-color-status-critical-foreground)}.pds-input.pds-has-success .pds-combobox__input-wrapper,.pds-input.pds-has-success .pds-file-upload__input-wrapper,.pds-input.pds-has-success .pds-select__input-wrapper,.pds-input.pds-has-success .pds-text-input__input-wrapper,.pds-input.pds-has-success .pds-time-input__input-wrapper{border-color:var(--pds-color-status-success-foreground)}.pds-input.pds-is-readonly .pds-text-input__input-wrapper{background-color:var(--pds-color-surface-default-secondary)}.pds-input input:-internal-autofill-selected,.pds-input input:-webkit-autofill{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,0),inset 0 0 0 100px var(--pds-color-surface-default);-webkit-text-fill-color:var(--pds-color-foreground-default)}.pds-input-label{color:var(--pds-color-foreground-default);display:inline-block;font-size:var(--pds-typography-size-input-label);font-weight:var(--pds-typography-fw-medium);margin-block-end:var(--pds-spacing-2xs);padding-inline-end:var(--pds-spacing-3xl)}.pds-input-label.visually-hidden{margin:0;padding:0}.pds-input-label .pds-tooltip{margin-inline-start:var(--pds-spacing-5xs);vertical-align:1px}.pds-input-label__required{align-items:flex-start;display:inline-flex;height:var(--pds-spacing-s);margin-inline-start:var(--pds-spacing-4xs);position:relative}.pds-input-label__required-icon{color:var(--pds-color-status-critical-foreground);height:var(--pds-spacing-xs);position:absolute;top:0}.pds-input-message{align-items:flex-start;color:var(--pds-color-foreground-default-secondary);display:flex;gap:var(--pds-spacing-xs);margin-block-start:var(--pds-spacing-2xs)}.pds-input-message--error{color:var(--pds-color-status-critical-foreground)}.pds-input-message--success{color:var(--pds-color-status-success-foreground)}.pds-input-message__text,.pds-input-message__text p{font-size:var(--pds-typography-size-input-message);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-m)}.pds-input-prefix{align-items:center;display:flex}.pds-input-prefix--error{color:var(--pds-color-status-critical-foreground)}.pds-input-prefix--success{color:var(--pds-color-status-success-foreground)}.pds-input-search-shortcut{align-items:center;background:var(--pds-color-interactive-background-hover);border-radius:var(--pds-border-radius-input);display:flex;height:var(--pds-spacing-s);justify-content:center;padding:var(--pds-spacing-xs);width:var(--pds-spacing-s)}.pds-input-clear-button{background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);display:flex;justify-content:center;padding:var(--pds-spacing-4xs)}.pds-input-clear-button:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-input-clear-button:focus-visible{background-color:var(--pds-color-interactive-background-hover);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}input::-webkit-search-cancel-button{display:none}.pds-input-character-counter{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}.pds-input-character-counter--overLimit{color:var(--pds-color-status-critical-foreground)}}
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-input.pds-is-disabled,.pds-input.pds-is-disabled input,.pds-is-disabled legend.pds-input-label{cursor:not-allowed;opacity:63%}.pds-input.pds-has-error .pds-combobox__input-wrapper,.pds-input.pds-has-error .pds-file-upload__input-wrapper,.pds-input.pds-has-error .pds-select__input-wrapper,.pds-input.pds-has-error .pds-text-input__input-wrapper,.pds-input.pds-has-error .pds-textarea--textarea,.pds-input.pds-has-error .pds-time-input__input-wrapper{border-color:var(--pds-color-status-critical-foreground)}.pds-input.pds-has-error .pds-combobox__input-wrapper:focus-within,.pds-input.pds-has-error .pds-file-upload__input-wrapper:focus-within,.pds-input.pds-has-error .pds-select__input-wrapper:focus-within,.pds-input.pds-has-error .pds-text-input__input-wrapper:focus-within,.pds-input.pds-has-error .pds-textarea--textarea:focus,.pds-input.pds-has-error .pds-time-input__input-wrapper--focus-visible{outline-color:var(--pds-color-status-critical-foreground)}.pds-input.pds-has-success .pds-combobox__input-wrapper,.pds-input.pds-has-success .pds-file-upload__input-wrapper,.pds-input.pds-has-success .pds-select__input-wrapper,.pds-input.pds-has-success .pds-text-input__input-wrapper,.pds-input.pds-has-success .pds-textarea--textarea,.pds-input.pds-has-success .pds-time-input__input-wrapper{border-color:var(--pds-color-status-success-foreground)}.pds-input.pds-has-success .pds-combobox__input-wrapper:focus-within,.pds-input.pds-has-success .pds-file-upload__input-wrapper:focus-within,.pds-input.pds-has-success .pds-select__input-wrapper:focus-within,.pds-input.pds-has-success .pds-text-input__input-wrapper:focus-within,.pds-input.pds-has-success .pds-textarea--textarea:focus,.pds-input.pds-has-success .pds-time-input__input-wrapper--focus-visible{outline-color:var(--pds-color-status-success-foreground)}.pds-input.pds-is-readonly .pds-text-input__input-wrapper{background-color:var(--pds-color-surface-default-secondary)}.pds-input input:-internal-autofill-selected,.pds-input input:-webkit-autofill{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,0),inset 0 0 0 100px var(--pds-color-surface-default);-webkit-text-fill-color:var(--pds-color-foreground-default)}.pds-input-label{color:var(--pds-color-foreground-default);display:inline-block;font-size:var(--pds-typography-size-input-label);font-weight:var(--pds-typography-fw-medium);margin-block-end:var(--pds-spacing-2xs);padding-inline-end:var(--pds-spacing-3xl)}.pds-input-label.visually-hidden{margin:0;padding:0}.pds-input-label--heading{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-4xs)}.pds-input-label .pds-tooltip{margin-inline-start:var(--pds-spacing-5xs);vertical-align:1px}.pds-input-label__required{align-items:flex-start;display:inline-flex;height:var(--pds-spacing-s);margin-inline-start:var(--pds-spacing-4xs);position:relative}.pds-input-label__required-icon{color:var(--pds-color-status-critical-foreground);height:var(--pds-spacing-xs);position:absolute;top:0}.pds-input-message{align-items:flex-start;color:var(--pds-color-foreground-default-secondary);display:flex;gap:var(--pds-spacing-xs);margin-block-start:var(--pds-spacing-2xs)}.pds-input-message--error{color:var(--pds-color-status-critical-foreground)}.pds-input-message--success{color:var(--pds-color-status-success-foreground)}.pds-input-message__text,.pds-input-message__text p{font-size:var(--pds-typography-size-input-message);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-m)}.pds-input-prefix{align-items:center;display:flex}.pds-input-prefix--error{color:var(--pds-color-status-critical-foreground)}.pds-input-prefix--success{color:var(--pds-color-status-success-foreground)}.pds-input-search-shortcut{align-items:center;background:var(--pds-color-interactive-background-hover);border-radius:var(--pds-border-radius-input);display:flex;height:var(--pds-spacing-s);justify-content:center;padding:var(--pds-spacing-xs);width:var(--pds-spacing-s)}.pds-input-clear-button{background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);display:flex;justify-content:center;padding:var(--pds-spacing-4xs)}.pds-input-clear-button:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-input-clear-button:focus-visible{background-color:var(--pds-color-interactive-background-hover);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}input::-webkit-search-cancel-button{display:none}.pds-input-character-counter{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}.pds-input-character-counter--overLimit{color:var(--pds-color-status-critical-foreground)}}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-pagination-chapter{display:flex;font-family:var(--pds-typography-ff-default);justify-content:space-between;width:100%}.pds-pagination-chapter__btn{align-items:flex-start;background:transparent;border:none;border-radius:var(--pds-border-radius-input);cursor:pointer;display:flex;flex-direction:column;gap:var(--pds-spacing-3xs);padding:0}.pds-pagination-chapter__btn:hover .pds-pagination-chapter__nav{color:var(--pds-color-interactive-link-hover)}.pds-pagination-chapter__btn:active .pds-pagination-chapter__nav{color:var(--pds-color-interactive-link-active)}.pds-pagination-chapter__btn:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-5xs);transition:var(--pds-animation-transition-focus)}.pds-pagination-chapter__btn--prev .pds-pagination-chapter__label{padding-inline-start:var(
|
|
2
|
+
--pds-spacing-l
|
|
3
|
+
)}.pds-pagination-chapter__btn--next{align-items:flex-start;margin-inline-start:auto}.pds-pagination-chapter__label{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-xs)}.pds-pagination-chapter__nav{align-items:center;color:var(--pds-color-interactive-link-default);display:flex;font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-medium);gap:var(--pds-spacing-4xs)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-pagination-compact{align-items:center;display:flex;font-family:var(--pds-typography-ff-default);gap:var(--pds-spacing-xs)}.pds-pagination-compact .pds-select{min-width:fit-content}.pds-pagination-compact .pds-select__input-
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-pagination-compact{align-items:center;display:flex;font-family:var(--pds-typography-ff-default);gap:var(--pds-spacing-xs)}.pds-pagination-compact .pds-select{min-width:fit-content}.pds-pagination-compact .pds-select__input-inner{column-gap:var(--pds-spacing-4xs)}.pds-pagination-compact .pds-dropdown__item{justify-content:center}.pds-pagination-compact__page-input--error .pds-text-input__input-wrapper{border-color:var(--pds-color-status-critical-foreground)}.pds-pagination-compact__page-input--error .pds-text-input__input-wrapper:focus-within{outline-color:var(--pds-color-status-critical-foreground)}.pds-pagination-compact__count{color:var(--pds-color-foreground-default);font-size:var(--pds-typography-size-s);white-space:nowrap}.pds-pagination-compact__nav{align-items:center;display:flex;gap:var(--pds-spacing-4xs)}.pds-pagination-compact__btn{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);cursor:pointer;display:flex;height:var(--pds-spacing-xl);justify-content:center;padding:0;width:var(--pds-spacing-xl)}.pds-pagination-compact__btn:hover{background-color:var(--pds-color-interactive-background-hover);color:var(--pds-color-pagination-foreground-hover)}.pds-pagination-compact__btn:active{background-color:var(--pds-color-interactive-background-active)}.pds-pagination-compact__btn:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-pagination-compact__btn--disabled{cursor:not-allowed;opacity:.5}.pds-pagination-compact__btn--disabled:hover{background-color:transparent;color:var(--pds-color-foreground-default)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-pagination{--item-size:var(--pds-spacing-l);--item-font-size:var(--pds-typography-size-s);--item-gap:var(--pds-spacing-5xs);font-family:var(--pds-typography-ff-default)}.pds-pagination--m{--item-size:var(--pds-spacing-xl);--item-font-size:var(--pds-typography-size-m);--item-gap:var(--pds-spacing-4xs)}.pds-pagination__list{align-items:center;display:flex;gap:var(--item-gap);list-style-type:none;margin:0;padding:0}.pds-pagination__item>*{height:var(--item-size);min-width:var(--item-size)}.pds-pagination__item .pds-tooltip{align-items:center;display:flex;justify-content:center}.pds-pagination__item .pds-tooltip__trigger-custom{align-items:center;display:flex;height:100%;width:100%}.pds-pagination__item button{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);cursor:pointer;display:flex;font-family:var(--pds-typography-ff-default);font-size:var(--item-font-size);font-weight:var(--pds-typography-fw-medium);height:var(--item-size);justify-content:center;line-height:1;min-width:var(--item-size);padding-block:0;padding-inline:var(--pds-spacing-4xs)}.pds-pagination__item button:hover{background-color:var(--pds-color-
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-pagination{--item-size:var(--pds-spacing-l);--item-font-size:var(--pds-typography-size-s);--item-gap:var(--pds-spacing-5xs);font-family:var(--pds-typography-ff-default)}.pds-pagination--m{--item-size:var(--pds-spacing-xl);--item-font-size:var(--pds-typography-size-m);--item-gap:var(--pds-spacing-4xs)}.pds-pagination__list{align-items:center;display:flex;gap:var(--item-gap);list-style-type:none;margin:0;padding:0}.pds-pagination__item>*{height:var(--item-size);min-width:var(--item-size)}.pds-pagination__item .pds-tooltip{align-items:center;display:flex;justify-content:center}.pds-pagination__item .pds-tooltip__trigger-custom{align-items:center;display:flex;height:100%;width:100%}.pds-pagination__item button{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);cursor:pointer;display:flex;font-family:var(--pds-typography-ff-default);font-size:var(--item-font-size);font-weight:var(--pds-typography-fw-medium);height:var(--item-size);justify-content:center;line-height:1;min-width:var(--item-size);padding-block:0;padding-inline:var(--pds-spacing-4xs)}.pds-pagination__item button:hover{background-color:var(--pds-color-interactive-background-hover);color:var(--pds-color-pagination-foreground-hover)}.pds-pagination__item button:active{background-color:var(--pds-color-interactive-background-active)}.pds-pagination__item button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-pagination__item button[aria-current=page],.pds-pagination__item button[aria-current=page]:hover{background-color:var(--pds-color-interactive-background-current);color:var(--pds-color-pagination-foreground-current)}.pds-pagination__item--truncated span{min-width:unset;padding-inline:var(--pds-spacing-3xs)}.pds-pagination__item--truncated span:hover{background-color:transparent;color:var(--pds-color-foreground-default)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-result-count{--bg-color:var(--pds-color-surface-default);--border-color:var(--pds-color-border-default);--fg-color:var(--pds-color-foreground-default);align-items:center;background-color:var(--bg-color);border:var(--pds-border-width-default) solid var(--border-color);border-radius:var(--pds-border-radius-container);color:var(--fg-color);display:inline-flex;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-variant-numeric:tabular-nums;font-weight:var(--pds-typography-fw-regular);height:var(--pds-spacing-button-height-s);padding-inline:var(--pds-spacing-xs);white-space:nowrap}.pds-result-count__number{font-weight:var(--pds-typography-fw-semibold)}}
|
|
@@ -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}.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__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,3 +1,5 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-table-wrapper{--table-footer-height:3.
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-table-wrapper{--table-footer-height:3.75rem;display:flex;flex-direction:column;gap:var(--pds-spacing-m);width:100%}.pds-table-wrapper__content{display:flex;overflow-x:clip;position:relative;width:100%}.pds-table-wrapper__table-column{display:flex;flex:1;flex-direction:column;margin-inline-end:0;min-width:0;transition:margin-inline-end .25s cubic-bezier(.2,0,0,1)}.pds-table-wrapper__content--panel-open .pds-table-wrapper__table-column{margin-inline-end:var(--pds-detail-panel-width,20rem)}.pds-table-wrapper__table-area{min-width:0;overflow-x:auto}.pds-table-wrapper__detail-panel{background-color:var(--pds-color-surface-default);border-radius:0 var(--pds-border-radius-panel) var(--pds-border-radius-panel) 0;bottom:0;display:flex;flex-direction:column;overflow:hidden;position:absolute;right:0;top:0;transition:width .25s cubic-bezier(.2,0,0,1);width:0}.pds-table-wrapper__detail-panel--open{border-inline-start:var(--pds-border-width-default) solid var(--pds-color-border-default);width:var(--pds-detail-panel-width,20rem)}.pds-table-wrapper__detail-panel-upper{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.pds-table-wrapper__detail-panel-header{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;padding:var(--pds-spacing-l) var(--pds-spacing-m) 0}.pds-table-wrapper__detail-panel-title{flex:1;font-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-semibold);line-height:1}.pds-table-wrapper__detail-panel-content{flex:1;overflow-y:auto;padding:var(--pds-spacing-xl) var(--pds-spacing-m)}.pds-table-wrapper__detail-panel-footer{box-shadow:inset 0 1px 0 var(--pds-color-border-default);flex-shrink:0;height:var(--table-footer-height)}.pds-table-wrapper__detail-panel-nav{align-items:center;display:flex;gap:var(--pds-spacing-2xs);height:100%;justify-content:flex-end;padding-inline:var(--pds-spacing-m)}.pds-table-wrapper__footer{width:100%}.pds-table-wrapper--in-panel .pds-table td:first-child,.pds-table-wrapper--in-panel .pds-table th:first-child{padding-inline-start:var(--pds-spacing-l)}.pds-table-wrapper--in-panel .pds-table td:last-child,.pds-table-wrapper--in-panel .pds-table th:last-child{padding-inline-end:var(--pds-spacing-m)}.pds-table-wrapper--in-panel .pds-table th{padding-block:var(--pds-spacing-m)}.pds-table-wrapper--in-panel .pds-table-wrapper__footer,.pds-table-wrapper--in-panel .pds-table-wrapper__pagination{box-shadow:inset 0 1px 0 var(--pds-color-border-default)}.pds-table-wrapper--in-panel .pds-table-wrapper__pagination{box-sizing:border-box;height:var(--table-footer-height);padding-inline:var(--pds-spacing-m)}.pds-table-wrapper__pagination{align-items:center;display:flex;gap:var(--pds-spacing-l);width:100%}.pds-table-wrapper__pagination-controls{margin-inline-start:auto}table.pds-table{border-collapse:separate;border-spacing:0}.pds-table td{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default)}.pds-table-wrapper--in-panel .pds-table tbody tr:last-child td{border-block-end:none}.pds-table th{background-color:var(--pds-color-surface-default);box-shadow:inset 0 calc(var(--pds-border-width-default)*-1) 0 var(--pds-color-border-default);position:sticky;top:0;z-index:1}.pds-table-wrapper--in-panel .pds-table-wrapper__table-area{border-start-end-radius:calc(var(--pds-border-radius-panel) - var(--pds-border-width-default));border-start-start-radius:calc(var(--pds-border-radius-panel) - var(--pds-border-width-default))}.pds-table-wrapper--in-panel .pds-table-wrapper__table-area:last-child{border-end-end-radius:calc(var(--pds-border-radius-panel) - var(--pds-border-width-default));border-end-start-radius:calc(var(--pds-border-radius-panel) - var(--pds-border-width-default))}.pds-table-wrapper--in-panel
|
|
2
2
|
.pds-table-wrapper__content--panel-open
|
|
3
|
-
.pds-table-wrapper__table-area{border-start-end-radius:0}.pds-
|
|
3
|
+
.pds-table-wrapper__table-area{border-start-end-radius:0}.pds-table-wrapper--in-panel
|
|
4
|
+
.pds-table-wrapper__content--panel-open
|
|
5
|
+
.pds-table-wrapper__table-area:last-child{border-end-end-radius:0}.pds-table__checkbox-cell{padding-inline:var(--pds-spacing-xs);text-align:center;width:2.5rem}.pds-table__empty-cell{border:none;padding:0}.pds-table__row--inspectable{cursor:pointer}.pds-table__row--inspectable:focus{outline:none}.pds-table__row--inspectable:focus-visible{outline:2px solid var(--pds-color-interactive-foreground-current);outline-offset:-2px}.pds-table__row--inspectable:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-table__row--inspected{background-color:var(--pds-color-interactive-background-selected)}.pds-table__row--info{background-color:var(--pds-color-status-info-background);box-shadow:inset 4px 0 0 var(--pds-color-status-info-fill)}.pds-table__row--success{background-color:var(--pds-color-status-success-background);box-shadow:inset 4px 0 0 var(--pds-color-status-success-fill)}.pds-table__row--warning{background-color:var(--pds-color-status-warning-background);box-shadow:inset 4px 0 0 var(--pds-color-status-warning-fill)}.pds-table__row--critical{background-color:var(--pds-color-status-critical-background);box-shadow:inset 4px 0 0 var(--pds-color-status-critical-fill)}.pds-table__row--discovery{background-color:var(--pds-color-status-discovery-background);box-shadow:inset 4px 0 0 var(--pds-color-status-discovery-fill)}.pds-table__row--info.pds-table__row--inspectable:hover{background-color:var(--pds-color-status-info-background-hover)}.pds-table__row--success.pds-table__row--inspectable:hover{background-color:var(--pds-color-status-success-background-hover)}.pds-table__row--warning.pds-table__row--inspectable:hover{background-color:var(--pds-color-status-warning-background-hover)}.pds-table__row--critical.pds-table__row--inspectable:hover{background-color:var(--pds-color-status-critical-background-hover)}.pds-table__row--discovery.pds-table__row--inspectable:hover{background-color:var(--pds-color-status-discovery-background-hover)}.pds-table__sort-button{--sort-icon-inactive:var(--pds-color-interactive-foreground-inactive);align-items:center;background-color:transparent;border:none;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:var(--pds-spacing-3xs);padding:0;text-align:start}.pds-table__sort-icons{display:inline-flex;flex-direction:column;transform:scale(.8)}.pds-table__sort-button-top{color:var(--pds-color-interactive-foreground-current);line-height:0}.pds-table__sort-button-bottom,.pds-table__sort-button-top--desc,.pds-table__sort-button-top--inactive{color:var(--sort-icon-inactive)}.pds-table__sort-button-bottom{line-height:0;margin-block-start:-.5625rem}.pds-table__sort-button-bottom--desc{color:var(--pds-color-interactive-foreground-current)}}
|
|
@@ -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:2px;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
|
|
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:2px;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-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-
|
|
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--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
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-tags-input{--tag-background:var(--pds-color-input-tag-background-default);--tag-hover-background:var(--pds-color-input-tag-background-hover);--tag-text-color:var(--pds-color-input-tag-foreground-default);--tag-text-hover-color:var(--pds-color-input-tag-foreground-hover);--tag-icon-hover-color:var(--pds-color-foreground-default-secondary);--tag-selected-outline:var(--pds-border-width-default) solid var(--pds-color-input-tag-outline-active);--wrapper-padding:var(--pds-spacing-3xs);--wrapper-gap:var(--pds-spacing-3xs);--tag-font-size:var(--pds-typography-size-xs);--tag-inner-gap:var(--pds-spacing-3xs);--tag-padding-block:var(--pds-spacing-4xs);--tag-padding-inline-end:var(--pds-spacing-3xs);--tag-padding-inline-start:var(--pds-spacing-3xs);--tag-remove-size:0.75rem;--tag-grip-size:0.625rem}.pds-tags-input__input-wrapper{align-items:flex-start;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);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:var(--wrapper-gap);padding:var(--wrapper-padding);transition:var(--pds-animation-transition-input)}.pds-tags-input__input-wrapper:has(.pds-tags-input__input:focus){outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-tags-input__tags{align-items:center;display:flex;flex-wrap:wrap;gap:var(--wrapper-gap)}.pds-tags-input__tag{align-items:center;background-color:var(--tag-background);border-radius:var(--pds-border-radius-input);box-sizing:border-box;color:var(--tag-text-color);cursor:grab;display:inline-flex;font-size:var(--tag-font-size);font-weight:var(--pds-typography-fw-regular);gap:var(--tag-inner-gap);line-height:1;padding-block:var(--tag-padding-block);padding-inline:var(--tag-padding-inline-start) var(--tag-padding-inline-end);position:relative;transition:background-color .2s ease,color .2s ease}.pds-tags-input__tag:focus-visible{background-color:var(--tag-hover-background);color:var(--tag-text-hover-color);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-tags-input__tag:active{cursor:grabbing}.pds-tags-input__tag--dragging{opacity:.5}.pds-tags-input__tag--dragging:after,.pds-tags-input__tag--dragging:before{display:none}.pds-tags-input__tag--dragging .pds-tags-input__tag-remove-icon{opacity:.5}.pds-tags-input__tag--drag-preview{background-color:var(--tag-hover-background)!important;color:var(--tag-text-hover-color)!important;outline:var(--tag-selected-outline)!important;outline-offset:-1px!important}.pds-tags-input__tag--drop-target-before:before{inset-inline-start:calc(var(--wrapper-gap)/-2 - 1px)}.pds-tags-input__tag--drop-target-after:after,.pds-tags-input__tag--drop-target-before:before{background:var(--pds-color-badge-indicator-platinum-foreground);content:"";height:100%;position:absolute;top:0;width:2px}.pds-tags-input__tag--drop-target-after:after{inset-inline-end:calc(var(--wrapper-gap)/-2 - 1px)}.pds-tags-input__tag-grip{align-items:center;color:var(--pds-color-foreground-default-secondary);cursor:grab;display:flex;margin-inline-start:calc(var(--pds-spacing-6xs)*-1);opacity:.6;touch-action:none;transition:color .2s ease,opacity .2s ease}.pds-tags-input__tag-grip svg{height:var(--tag-grip-size);width:auto}.pds-tags-input__tag-grip:hover{color:var(--tag-icon-hover-color);opacity:1}.pds-tags-input__tag:active .pds-tags-input__tag-grip{cursor:grabbing}.pds-tags-input__tag-text{user-select:none}.pds-tags-input__tag-remove{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;height:var(--tag-remove-size);justify-content:center;padding:0;transition:color .2s ease;width:var(--tag-remove-size)}.pds-tags-input__tag-remove:hover{color:var(--tag-icon-hover-color)}.pds-tags-input__tag-remove:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px;transition:var(--pds-animation-transition-button)}.pds-tags-input__tag-remove-icon{color:var(--pds-color-foreground-default-secondary);flex-grow:0;flex-shrink:0;height:var(--tag-remove-size);transition:color .2s ease,opacity .2s ease;width:var(--tag-remove-size)}.pds-tags-input__tag-remove:hover .pds-tags-input__tag-remove-icon{color:var(--tag-icon-hover-color)}.pds-tags-input__tag.pds-is-disabled{cursor:not-allowed;opacity:63%}.pds-tags-input__tag.pds-is-disabled .pds-tags-input__tag-grip,.pds-tags-input__tag.pds-is-disabled .pds-tags-input__tag-remove{cursor:not-allowed;pointer-events:none}.pds-tags-input:not(.pds-is-disabled) .pds-tags-input__tag:hover:not(.pds-tags-input__tag--dragging){background-color:var(--tag-hover-background);color:var(--tag-text-hover-color)}.pds-tags-input:not(.pds-is-disabled) .pds-tags-input__tag:hover:not(.pds-tags-input__tag--dragging) .pds-tags-input__tag-grip{color:var(--tag-icon-hover-color)}.pds-tags-input__input{background:none;border:none;caret-color:var(--pds-color-foreground-default);color:var(--pds-color-foreground-default);flex:1 1 auto;font-size:var(--pds-typography-size-s);height:calc(var(--tag-padding-block)*2 + var(--tag-font-size));line-height:1;min-width:3rem;outline:none;padding-block:0;padding-inline:var(--pds-spacing-3xs)}.pds-tags-input__input::placeholder{color:var(--pds-color-input-placeholder)}.pds-tags-input.pds-has-error .pds-tags-input__input-wrapper{border-color:var(--pds-color-status-critical-foreground)}.pds-tags-input.pds-has-error .pds-tags-input__input-wrapper:focus-within{
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-tags-input{--tag-background:var(--pds-color-input-tag-background-default);--tag-hover-background:var(--pds-color-input-tag-background-hover);--tag-text-color:var(--pds-color-input-tag-foreground-default);--tag-text-hover-color:var(--pds-color-input-tag-foreground-hover);--tag-icon-hover-color:var(--pds-color-foreground-default-secondary);--tag-selected-outline:var(--pds-border-width-default) solid var(--pds-color-input-tag-outline-active);--wrapper-padding:var(--pds-spacing-3xs);--wrapper-gap:var(--pds-spacing-3xs);--tag-font-size:var(--pds-typography-size-xs);--tag-inner-gap:var(--pds-spacing-3xs);--tag-padding-block:var(--pds-spacing-4xs);--tag-padding-inline-end:var(--pds-spacing-3xs);--tag-padding-inline-start:var(--pds-spacing-3xs);--tag-remove-size:0.75rem;--tag-grip-size:0.625rem}.pds-tags-input__input-wrapper{align-items:flex-start;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);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:var(--wrapper-gap);padding:var(--wrapper-padding);transition:var(--pds-animation-transition-input)}.pds-tags-input__input-wrapper:has(.pds-tags-input__input:focus){outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-tags-input__tags{align-items:center;display:flex;flex-wrap:wrap;gap:var(--wrapper-gap)}.pds-tags-input__tag{align-items:center;background-color:var(--tag-background);border-radius:var(--pds-border-radius-input);box-sizing:border-box;color:var(--tag-text-color);cursor:grab;display:inline-flex;font-size:var(--tag-font-size);font-weight:var(--pds-typography-fw-regular);gap:var(--tag-inner-gap);line-height:1;padding-block:var(--tag-padding-block);padding-inline:var(--tag-padding-inline-start) var(--tag-padding-inline-end);position:relative;transition:background-color .2s ease,color .2s ease}.pds-tags-input__tag:focus-visible{background-color:var(--tag-hover-background);color:var(--tag-text-hover-color);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-tags-input__tag:active{cursor:grabbing}.pds-tags-input__tag--dragging{opacity:.5}.pds-tags-input__tag--dragging:after,.pds-tags-input__tag--dragging:before{display:none}.pds-tags-input__tag--dragging .pds-tags-input__tag-remove-icon{opacity:.5}.pds-tags-input__tag--drag-preview{background-color:var(--tag-hover-background)!important;color:var(--tag-text-hover-color)!important;outline:var(--tag-selected-outline)!important;outline-offset:-1px!important}.pds-tags-input__tag--drop-target-before:before{inset-inline-start:calc(var(--wrapper-gap)/-2 - 1px)}.pds-tags-input__tag--drop-target-after:after,.pds-tags-input__tag--drop-target-before:before{background:var(--pds-color-badge-indicator-platinum-foreground);content:"";height:100%;position:absolute;top:0;width:2px}.pds-tags-input__tag--drop-target-after:after{inset-inline-end:calc(var(--wrapper-gap)/-2 - 1px)}.pds-tags-input__tag-grip{align-items:center;color:var(--pds-color-foreground-default-secondary);cursor:grab;display:flex;margin-inline-start:calc(var(--pds-spacing-6xs)*-1);opacity:.6;touch-action:none;transition:color .2s ease,opacity .2s ease}.pds-tags-input__tag-grip svg{height:var(--tag-grip-size);width:auto}.pds-tags-input__tag-grip:hover{color:var(--tag-icon-hover-color);opacity:1}.pds-tags-input__tag:active .pds-tags-input__tag-grip{cursor:grabbing}.pds-tags-input__tag-text{user-select:none}.pds-tags-input__tag-remove{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;height:var(--tag-remove-size);justify-content:center;padding:0;transition:color .2s ease;width:var(--tag-remove-size)}.pds-tags-input__tag-remove:hover{color:var(--tag-icon-hover-color)}.pds-tags-input__tag-remove:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px;transition:var(--pds-animation-transition-button)}.pds-tags-input__tag-remove-icon{color:var(--pds-color-foreground-default-secondary);flex-grow:0;flex-shrink:0;height:var(--tag-remove-size);transition:color .2s ease,opacity .2s ease;width:var(--tag-remove-size)}.pds-tags-input__tag-remove:hover .pds-tags-input__tag-remove-icon{color:var(--tag-icon-hover-color)}.pds-tags-input__tag.pds-is-disabled{cursor:not-allowed;opacity:63%}.pds-tags-input__tag.pds-is-disabled .pds-tags-input__tag-grip,.pds-tags-input__tag.pds-is-disabled .pds-tags-input__tag-remove{cursor:not-allowed;pointer-events:none}.pds-tags-input:not(.pds-is-disabled) .pds-tags-input__tag:hover:not(.pds-tags-input__tag--dragging){background-color:var(--tag-hover-background);color:var(--tag-text-hover-color)}.pds-tags-input:not(.pds-is-disabled) .pds-tags-input__tag:hover:not(.pds-tags-input__tag--dragging) .pds-tags-input__tag-grip{color:var(--tag-icon-hover-color)}.pds-tags-input__input{background:none;border:none;caret-color:var(--pds-color-foreground-default);color:var(--pds-color-foreground-default);flex:1 1 auto;font-size:var(--pds-typography-size-s);height:calc(var(--tag-padding-block)*2 + var(--tag-font-size));line-height:1;min-width:3rem;outline:none;padding-block:0;padding-inline:var(--pds-spacing-3xs)}.pds-tags-input__input::placeholder{color:var(--pds-color-input-placeholder)}.pds-tags-input.pds-has-error .pds-tags-input__input-wrapper{border-color:var(--pds-color-status-critical-foreground)}.pds-tags-input.pds-has-error .pds-tags-input__input-wrapper:focus-within{outline-color:var(--pds-color-status-critical-foreground)}.pds-tags-input.pds-has-success .pds-tags-input__input-wrapper{border-color:var(--pds-color-status-success-foreground)}.pds-tags-input.pds-has-success .pds-tags-input__input-wrapper:focus-within{outline-color:var(--pds-color-status-success-foreground)}.pds-tags-input--m{--wrapper-padding:var(--pds-spacing-2xs);--wrapper-gap:var(--pds-spacing-3xs);--tag-font-size:var(--pds-typography-size-xs);--tag-inner-gap:var(--pds-spacing-3xs);--tag-padding-block:var(--pds-spacing-3xs);--tag-padding-inline-end:var(--pds-spacing-2xs);--tag-padding-inline-start:var(--pds-spacing-2xs);--tag-remove-size:0.75rem;--tag-grip-size:0.75rem}}
|
|
@@ -90,11 +90,7 @@
|
|
|
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-active: oklch(0.9702 0 0);
|
|
94
93
|
--pds-color-pagination-foreground-current: oklch(1 0 0);
|
|
95
|
-
--pds-color-pagination-background-hover: oklch(0.2603 0 0);
|
|
96
|
-
--pds-color-pagination-background-active: oklch(0.2940 0.1030 256.67);
|
|
97
|
-
--pds-color-pagination-background-current: oklch(0.6382 0.1612 253.57);
|
|
98
94
|
--pds-color-panel-sunken-background: oklch(0.2603 0 0);
|
|
99
95
|
--pds-color-expansion-panel-hover: oklch(0.2931 0 0);
|
|
100
96
|
--pds-color-expansion-panel-open: oklch(0.2931 0 0);
|
|
@@ -180,7 +176,7 @@
|
|
|
180
176
|
--pds-color-brand-default: oklch(0.8622 0.1681 88.31);
|
|
181
177
|
--pds-color-surface-default: oklch(0.2178 0 0);
|
|
182
178
|
--pds-color-surface-default-secondary: oklch(0.2603 0 0);
|
|
183
|
-
--pds-color-surface-reverse: oklch(0.
|
|
179
|
+
--pds-color-surface-reverse: oklch(0.8452 0 0);
|
|
184
180
|
--pds-color-border-default: oklch(0.31 0.005 258);
|
|
185
181
|
--pds-color-border-default-secondary: oklch(0.3329 0 0);
|
|
186
182
|
--pds-color-border-input: oklch(0.4091 0 0);
|
|
@@ -298,7 +294,7 @@
|
|
|
298
294
|
--pds-color-datavis-status-warning: #e08b38;
|
|
299
295
|
--pds-color-datavis-status-discovery: #966fbf;
|
|
300
296
|
--pds-color-datavis-status-neutral: #aeaeae;
|
|
301
|
-
--pds-color-dropdown-background:
|
|
297
|
+
--pds-color-dropdown-background: var(--pds-color-surface-default);
|
|
302
298
|
--pds-color-dropdown-foreground: var(--pds-color-foreground-default);
|
|
303
299
|
--pds-color-dropdown-heading: var(--pds-color-foreground-default-secondary);
|
|
304
300
|
--pds-color-dropdown-description: var(--pds-color-foreground-default-secondary);
|
|
@@ -338,8 +334,8 @@
|
|
|
338
334
|
--pds-color-interactive-foreground-inactive: oklch(0.5991 0 0);
|
|
339
335
|
--pds-color-interactive-background-current: oklch(0.6382 0.1612 253.57);
|
|
340
336
|
--pds-color-interactive-background-current-foreground: oklch(0.2178 0 0);
|
|
341
|
-
--pds-color-interactive-background-hover: oklch(0.
|
|
342
|
-
--pds-color-interactive-background-active: oklch(0.
|
|
337
|
+
--pds-color-interactive-background-hover: oklch(0.293 0 0);
|
|
338
|
+
--pds-color-interactive-background-active: oklch(0.315 0 0);
|
|
343
339
|
--pds-color-interactive-background-selected: oklch(0.2940 0.1030 256.67);
|
|
344
340
|
--pds-color-interactive-background-selected-foreground: oklch(0.9702 0 0);
|
|
345
341
|
--pds-color-interactive-reverse-focus: oklch(0.58 0.1689 253.60);
|
|
@@ -90,13 +90,9 @@
|
|
|
90
90
|
--pds-color-datepicker-selected-background: var(--pds-color-interactive-background-current);
|
|
91
91
|
--pds-color-datepicker-selected-foreground: oklch(1.0000 0 0);
|
|
92
92
|
--pds-color-pagination-foreground-hover: oklch(0.2178 0 0);
|
|
93
|
-
--pds-color-pagination-foreground-active: var(--pds-color-interactive-link-active);
|
|
94
93
|
--pds-color-pagination-foreground-current: var(--pds-color-interactive-background-current-foreground);
|
|
95
|
-
--pds-color-pagination-background-hover: oklch(0.9731 0 0);
|
|
96
|
-
--pds-color-pagination-background-active: oklch(0.9124 0.0439 250.42);
|
|
97
|
-
--pds-color-pagination-background-current: oklch(0.5 0.155 254);
|
|
98
94
|
--pds-color-panel-sunken-background: oklch(0.9731 0 0);
|
|
99
|
-
--pds-color-expansion-panel-hover: oklch(0.
|
|
95
|
+
--pds-color-expansion-panel-hover: oklch(0.9531 0 0);
|
|
100
96
|
--pds-color-expansion-panel-open: oklch(0.9731 0 0);
|
|
101
97
|
--pds-color-popover-border: oklch(0.9430 0 0);
|
|
102
98
|
--pds-color-skeleton-regular-base: oklch(0.8761 0 0);
|
|
@@ -338,8 +334,8 @@
|
|
|
338
334
|
--pds-color-interactive-foreground-inactive: oklch(0.8047 0 0);
|
|
339
335
|
--pds-color-interactive-background-current: oklch(0.5 0.155 254);
|
|
340
336
|
--pds-color-interactive-background-current-foreground: oklch(1.0000 0 0);
|
|
341
|
-
--pds-color-interactive-background-hover: oklch(0.
|
|
342
|
-
--pds-color-interactive-background-active: oklch(0.
|
|
337
|
+
--pds-color-interactive-background-hover: oklch(0.9531 0 0);
|
|
338
|
+
--pds-color-interactive-background-active: oklch(0.92 0 0);
|
|
343
339
|
--pds-color-interactive-background-selected: oklch(0.9124 0.0439 250.42);
|
|
344
340
|
--pds-color-interactive-background-selected-foreground: oklch(0.2178 0 0);
|
|
345
341
|
--pds-color-interactive-reverse-focus: oklch(0.6382 0.1612 253.57);
|