@pantheon-systems/pds-toolkit-react 1.0.0-dev.234 → 1.0.0-dev.235
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/Avatar/Avatar.d.ts +2 -3
- package/_dist/components/Modal/Modal.d.ts +5 -1
- package/_dist/components/Popover/Popover.d.ts +5 -1
- package/_dist/components/buttons/CloseButton/CloseButton.d.ts +27 -0
- package/_dist/components/buttons/SegmentedButton/SegmentedButton.d.ts +1 -0
- package/_dist/css/component-css/pds-avatar.css +1 -1
- package/_dist/css/component-css/pds-banner.css +1 -1
- package/_dist/css/component-css/pds-button-nav.css +1 -1
- package/_dist/css/component-css/pds-button.css +41 -41
- package/_dist/css/component-css/pds-callout.css +1 -1
- package/_dist/css/component-css/pds-checkbox.css +1 -1
- package/_dist/css/component-css/pds-close-button.css +1 -0
- package/_dist/css/component-css/pds-dashboard-nav.css +3 -3
- package/_dist/css/component-css/pds-index.css +68 -68
- package/_dist/css/component-css/pds-indicator-badge.css +19 -19
- package/_dist/css/component-css/pds-link-new-window.css +1 -1
- package/_dist/css/component-css/pds-modal.css +1 -1
- package/_dist/css/component-css/pds-popover.css +1 -1
- package/_dist/css/component-css/pds-pricing-card.css +1 -1
- package/_dist/css/component-css/pds-radio-group.css +1 -1
- package/_dist/css/component-css/pds-segmented-button.css +1 -1
- package/_dist/css/component-css/pds-spinner.css +1 -1
- package/_dist/css/component-css/pds-status-badge.css +1 -1
- package/_dist/css/component-css/pds-status-indicator.css +1 -1
- package/_dist/css/component-css/pds-stepper.css +1 -1
- package/_dist/css/component-css/pds-switch.css +2 -2
- package/_dist/css/component-css/pds-tab-menu.css +1 -1
- package/_dist/css/component-css/pds-tabs.css +1 -1
- package/_dist/css/component-css/pds-tag.css +1 -1
- package/_dist/css/component-css/pds-utility-button.css +1 -1
- package/_dist/css/design-tokens/pds-design-tokens-dark-mode.css +19 -19
- package/_dist/css/design-tokens/pds-design-tokens-light-mode.css +10 -10
- package/_dist/css/pds-components.css +68 -68
- package/_dist/css/pds-core.css +1 -1
- package/_dist/css/pds-layouts.css +2 -2
- package/_dist/index.css +1 -1
- package/_dist/index.d.ts +1 -0
- package/_dist/index.js +2175 -2131
- package/_dist/index.js.map +1 -1
- package/_dist/libs/components/utils.d.ts +1 -0
- package/package.json +2 -2
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
.pds-indicator-badge{--
|
|
1
|
+
.pds-indicator-badge{--indicator-badge-background:var(
|
|
2
2
|
--pds-color-badge-indicator-neutral-background
|
|
3
|
-
);--
|
|
3
|
+
);--indicator-badge-text:var(
|
|
4
4
|
--pds-color-badge-indicator-neutral-foreground
|
|
5
|
-
);align-items:center;background-color:var(--
|
|
5
|
+
);align-items:center;background-color:var(--indicator-badge-background);border:1px solid var(--indicator-badge-background);border-radius:.1875rem;color:var(--indicator-badge-text);display:inline-block;font-weight:600;letter-spacing:.01rem;line-height:140%;text-transform:uppercase;white-space:nowrap}.pds-indicator-badge__label{display:inline-block}.pds-indicator-badge--md{font-size:.694rem;padding:.125rem .41rem}.pds-indicator-badge--md .pds-indicator-badge__label{padding-block-start:.0625rem}.pds-indicator-badge--sm{font-size:.625rem;padding:.125rem .41rem}.pds-indicator-badge--neutral{--indicator-badge-background:var(
|
|
6
6
|
--pds-color-badge-indicator-neutral-background
|
|
7
|
-
);--
|
|
7
|
+
);--indicator-badge-text:var(
|
|
8
8
|
--pds-color-badge-indicator-neutral-foreground
|
|
9
|
-
)}.pds-indicator-badge--brand{--
|
|
9
|
+
)}.pds-indicator-badge--brand{--indicator-badge-background:var(
|
|
10
10
|
--pds-color-badge-indicator-brand-background
|
|
11
|
-
);--
|
|
11
|
+
);--indicator-badge-text:var(--pds-color-badge-indicator-brand-foreground)}.pds-indicator-badge--critical{--indicator-badge-background:var(
|
|
12
12
|
--pds-color-badge-indicator-critical-background
|
|
13
|
-
);--
|
|
13
|
+
);--indicator-badge-text:var(
|
|
14
14
|
--pds-color-badge-indicator-critical-foreground
|
|
15
|
-
)}.pds-indicator-badge--info{--
|
|
15
|
+
)}.pds-indicator-badge--info{--indicator-badge-background:var(
|
|
16
16
|
--pds-color-badge-indicator-info-background
|
|
17
|
-
);--
|
|
17
|
+
);--indicator-badge-text:var(--pds-color-badge-indicator-info-foreground)}.pds-indicator-badge--success{--indicator-badge-background:var(
|
|
18
18
|
--pds-color-badge-indicator-success-background
|
|
19
|
-
);--
|
|
19
|
+
);--indicator-badge-text:var(
|
|
20
20
|
--pds-color-badge-indicator-success-foreground
|
|
21
|
-
)}.pds-indicator-badge--warning{--
|
|
21
|
+
)}.pds-indicator-badge--warning{--indicator-badge-background:var(
|
|
22
22
|
--pds-color-badge-indicator-warning-background
|
|
23
|
-
);--
|
|
23
|
+
);--indicator-badge-text:var(
|
|
24
24
|
--pds-color-badge-indicator-warning-foreground
|
|
25
|
-
)}.pds-indicator-badge--silver{--
|
|
25
|
+
)}.pds-indicator-badge--silver{--indicator-badge-background:var(
|
|
26
26
|
--pds-color-badge-indicator-silver-background
|
|
27
|
-
);--
|
|
27
|
+
);--indicator-badge-text:var(
|
|
28
28
|
--pds-color-badge-indicator-silver-foreground
|
|
29
|
-
)}.pds-indicator-badge--gold{--
|
|
29
|
+
)}.pds-indicator-badge--gold{--indicator-badge-background:var(
|
|
30
30
|
--pds-color-badge-indicator-gold-background
|
|
31
|
-
);--
|
|
31
|
+
);--indicator-badge-text:var(--pds-color-badge-indicator-gold-foreground)}.pds-indicator-badge--platinum{--indicator-badge-background:var(
|
|
32
32
|
--pds-color-badge-indicator-platinum-background
|
|
33
|
-
);--
|
|
33
|
+
);--indicator-badge-text:var(
|
|
34
34
|
--pds-color-badge-indicator-platinum-foreground
|
|
35
|
-
)}.pds-indicator-badge--diamond{--
|
|
35
|
+
)}.pds-indicator-badge--diamond{--indicator-badge-background:var(
|
|
36
36
|
--pds-color-badge-indicator-diamond-background
|
|
37
|
-
);--
|
|
37
|
+
);--indicator-badge-text:var(
|
|
38
38
|
--pds-color-badge-indicator-diamond-foreground
|
|
39
39
|
)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-link-new-window{--
|
|
1
|
+
.pds-link-new-window{--link-color:var(--pds-color-interactive-link-default);--icon-size:0.833rem;--icon-h-offset:0.5rem;--icon-v-offset:0.125rem;align-items:center;color:var(--link-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:inherit;gap:var(--icon-h-offset);transition:all .2s ease-in-out 0s}.pds-link-new-window:hover{--link-color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-link-new-window__icon{color:var(--link-color);height:var(--icon-size);margin-inline-end:.125rem;padding-block-end:var(--icon-v-offset);transition:all .2s ease-in-out 0s;width:auto}.pds-link-new-window--sm{--icon-size:0.694rem;--icon-h-offset:0.375rem;--icon-v-offset:0.0925rem;font-size:.833rem}.pds-link-new-window--md{--icon-size:0.833rem;--icon-h-offset:0.5rem;--icon-v-offset:0.125rem;font-size:1rem}.pds-link-new-window--lg{--icon-size:1rem;--icon-h-offset:0.625rem;--icon-v-offset:0.2175rem;font-size:1.2rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-modal{--
|
|
1
|
+
.pds-modal{--modal--padding:1.953rem;background-color:var(--pds-color-background-default);border-radius:.375rem;box-shadow:var(--pds-elevation-overlay);margin:auto;max-width:36rem;padding:var(--modal--padding);width:70vw}@media (max-width:640px){.pds-modal{max-width:300px}}.pds-modal--sm{max-width:25rem}.pds-modal--lg{max-width:44rem;width:80vw}.pds-modal--xl{max-width:60rem;width:80vw}.pds-modal__close-wrapper{position:absolute;right:var(--modal--padding);top:var(--modal--padding)}.pds-modal__title{font-size:1.728rem;font-weight:700;line-height:140%;margin-block-end:1.25rem;width:calc(100% - var(--modal--padding))}.pds-modal__button-group{column-gap:1rem;display:flex;justify-content:flex-end;width:100%}.pds-modal form,.pds-modal__button-group{margin-block-start:1.563rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-popover{display:inline-block}.pds-popover__trigger{background-color:transparent;border:none;cursor:pointer}.pds-
|
|
1
|
+
.pds-popover{display:inline-block}.pds-popover__trigger{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;justify-content:center;padding-inline:.125rem;transition:all .2s ease-in-out 0s}.pds-popover__trigger:focus-visible{border-radius:.1875rem;outline:1px solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none}.pds-popover__icon{padding-inline:.125rem}.pds-popover__trigger-text{border-bottom:2px dotted var(--pds-color-interactive-link-default);display:inline-block}.pds-popover__trigger-text:hover{border-color:var(--pds-color-interactive-link-hover);color:var(--pds-color-interactive-link-hover)}.pds-popover__arrow path{filter:drop-shadow(var(--pds-elevation-overlay))}.pds-popover__container{background-color:var(--pds-color-background-default);border-radius:.375rem;box-shadow:var(--pds-elevation-overlay),var(--pds-elevation-overlay);max-width:40vw;padding:1.25rem;width:max-content;z-index:var(--pds-z-index-overlay)}@media (max-width:640px){.pds-popover__container{max-width:80vw}}.pds-popover__container:focus{outline:none}.pds-popover__title{font-size:1.2rem;font-weight:600;margin-block-end:.64rem}.pds-popover__content a{outline:0}.pds-popover__content>:last-child{margin-block-end:0}.pds-popover__container-inner{position:relative}.pds-popover__close-wrapper{height:1.563rem;position:absolute;right:0;top:0;width:1.563rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-ts-xs{font-size:.694rem}.pds-ts-s{font-size:.833rem}.pds-ts-m{font-size:1rem}.pds-ts-l{font-size:1.2rem}@media (max-width:640px){.pds-ts-xl{font-size:calc(1.44rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-ts-xl{font-size:calc(1.44rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-ts-xl{font-size:1.44rem}}@media (max-width:640px){.pds-ts-2xl{font-size:calc(1.728rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-ts-2xl{font-size:calc(1.728rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-ts-2xl{font-size:1.728rem}}@media (max-width:640px){.pds-ts-3xl{font-size:calc(2.074rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-ts-3xl{font-size:calc(2.074rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-ts-3xl{font-size:2.074rem}}@media (max-width:640px){.pds-ts-4xl{font-size:calc(2.488rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-ts-4xl{font-size:calc(2.488rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-ts-4xl{font-size:2.488rem}}@media (max-width:640px){.pds-ts-5xl{font-size:calc(2.986rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-ts-5xl{font-size:calc(2.986rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-ts-5xl{font-size:2.986rem}}@media (max-width:640px){.pds-ts-6xl{font-size:calc(3.583rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-ts-6xl{font-size:calc(3.583rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-ts-6xl{font-size:3.583rem}}.pds-ts-7xl{font-size:calc(4.3rem*var(--pds-typography-multiplier-small));line-height:1.1}@media (--breakpoint-m ){.pds-ts-7xl{font-size:calc(4.3rem*var(--pds-typography-multiplier-medium))}}@media (--breakpoint-l ){.pds-ts-7xl{font-size:4.3rem}}.pds-ts-8xl{font-size:calc(5.16rem*var(--pds-typography-multiplier-small));line-height:1.0625}@media (--breakpoint-m ){.pds-ts-8xl{font-size:calc(5.16rem*var(--pds-typography-multiplier-medium))}}@media (--breakpoint-l ){.pds-ts-8xl{font-size:5.16rem}}.pds-ts-9xl{font-size:calc(6.192rem*var(--pds-typography-multiplier-small));line-height:1}@media (--breakpoint-m ){.pds-ts-9xl{font-size:calc(6.192rem*var(--pds-typography-multiplier-medium))}}@media (--breakpoint-l ){.pds-ts-9xl{font-size:6.192rem}}.pds-pricing-card{--
|
|
1
|
+
.pds-ts-xs{font-size:.694rem}.pds-ts-s{font-size:.833rem}.pds-ts-m{font-size:1rem}.pds-ts-l{font-size:1.2rem}@media (max-width:640px){.pds-ts-xl{font-size:calc(1.44rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-ts-xl{font-size:calc(1.44rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-ts-xl{font-size:1.44rem}}@media (max-width:640px){.pds-ts-2xl{font-size:calc(1.728rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-ts-2xl{font-size:calc(1.728rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-ts-2xl{font-size:1.728rem}}@media (max-width:640px){.pds-ts-3xl{font-size:calc(2.074rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-ts-3xl{font-size:calc(2.074rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-ts-3xl{font-size:2.074rem}}@media (max-width:640px){.pds-ts-4xl{font-size:calc(2.488rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-ts-4xl{font-size:calc(2.488rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-ts-4xl{font-size:2.488rem}}@media (max-width:640px){.pds-ts-5xl{font-size:calc(2.986rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-ts-5xl{font-size:calc(2.986rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-ts-5xl{font-size:2.986rem}}@media (max-width:640px){.pds-ts-6xl{font-size:calc(3.583rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-ts-6xl{font-size:calc(3.583rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-ts-6xl{font-size:3.583rem}}.pds-ts-7xl{font-size:calc(4.3rem*var(--pds-typography-multiplier-small));line-height:1.1}@media (--breakpoint-m ){.pds-ts-7xl{font-size:calc(4.3rem*var(--pds-typography-multiplier-medium))}}@media (--breakpoint-l ){.pds-ts-7xl{font-size:4.3rem}}.pds-ts-8xl{font-size:calc(5.16rem*var(--pds-typography-multiplier-small));line-height:1.0625}@media (--breakpoint-m ){.pds-ts-8xl{font-size:calc(5.16rem*var(--pds-typography-multiplier-medium))}}@media (--breakpoint-l ){.pds-ts-8xl{font-size:5.16rem}}.pds-ts-9xl{font-size:calc(6.192rem*var(--pds-typography-multiplier-small));line-height:1}@media (--breakpoint-m ){.pds-ts-9xl{font-size:calc(6.192rem*var(--pds-typography-multiplier-medium))}}@media (--breakpoint-l ){.pds-ts-9xl{font-size:6.192rem}}.pds-pricing-card{--pricing-card-padding:1.563rem;background-color:var(--pds-color-card-background);border:.5px solid var(--pds-color-border-default);border-radius:.375rem;box-shadow:var(--pds-elevation-raised);color:var(--pds-color-foreground-default);display:grid;font-family:Poppins,sans-serif;grid-template-rows:1fr auto;justify-content:center;position:relative}.pds-pricing-card--mostPopular{border-color:var(--pds-color-badge-status-reverse-border);border-width:1px}.pds-pricing-card__status-badge{left:50%;position:absolute;top:-.85rem;transform:translateX(-50%)}.pds-pricing-card__plan{margin-block-start:.328rem}.pds-pricing-card__main-content{display:flex;flex-direction:column;padding:var(--pricing-card-padding);row-gap:1.25rem}.pds-pricing-card__pricing-data{display:flex;flex-direction:column;row-gap:.8rem}.pds-pricing-card__list--hide,.pds-pricing-card__pricing-data--hide{display:none}.pds-pricing-card__price-line{align-items:center;column-gap:.125rem;display:flex}.pds-pricing-card__price-prefix{font-size:1rem;font-weight:600;margin-block-end:-.512rem;margin-block-start:.125rem}@media (max-width:640px){.pds-pricing-card__price{font-size:calc(2.074rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-pricing-card__price{font-size:calc(2.074rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-pricing-card__price{font-size:2.074rem}}.pds-pricing-card__price{font-weight:700}.pds-pricing-card__details{color:var(--pds-color-foreground-default-secondary);font-size:1.2rem;font-weight:400}.pds-pricing-card__savings-line{align-items:center;column-gap:.512rem;display:flex}.pds-pricing-card__savings-details{color:var(--pds-color-foreground-default-secondary);font-size:.694rem;font-weight:400}.pds-pricing-card__description{font-size:1rem;font-weight:400;line-height:140%}.pds-pricing-card__actions{display:flex;gap:1.25rem;padding-block-start:1.953rem;padding:var(--pricing-card-padding)}.pds-pricing-card__actions>*{flex-grow:1}.pds-pricing-card__actions .pds-button-link a{width:100%}.pds-pricing-card-container--with-list{display:grid;margin-block-end:1.563rem;row-gap:1.953rem}.pds-pricing-card-container--with-list .pds-pricing-card__list{margin-inline:.64rem}@media (min-width:641px){.pds-pricing-card-container--with-list{column-gap:2.441rem;grid-template-columns:1fr 1fr}.pds-pricing-card-container--with-list .pds-pricing-card__list{margin-block-start:.64rem;margin-inline:0}}@media (min-width:1025px){.pds-pricing-card-container--with-list{grid-template-columns:unset;grid-template-rows:1fr minmax(10rem,14rem);margin-block-end:0;row-gap:1.953rem}.pds-pricing-card-container--with-list .pds-pricing-card__list{margin-block-start:0;margin-inline:.64rem}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-radio-group__options{display:flex;flex-direction:column;row-gap:.64rem}.pds-radio-group__option{--
|
|
1
|
+
.pds-radio-group__options{display:flex;flex-direction:column;row-gap:.64rem}.pds-radio-group__option{--radio-input-size:1rem;align-items:start;column-gap:.512rem;display:grid;grid-template-columns:var(--radio-input-size) auto}.pds-radio-group__option input[type=radio]{appearance:none;background-size:calc(var(--radio-input-size)*.5);border-color:var(--pds-color-border-input);border-radius:50%;border-style:solid;border-width:2px;height:var(--radio-input-size);margin:0;place-content:center;position:relative;top:.0625rem;width:var(--radio-input-size)}.pds-radio-group__option input[type=radio],.pds-radio-group__option input[type=radio]:checked{background-color:transparent;transition:var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay)}.pds-radio-group__option input[type=radio]:checked{border-color:var(--pds-color-interactive-focus);box-shadow:0 0 0 .0625rem var(--pds-color-interactive-focus),inset 0 0 0 .09375rem var(--pds-color-interactive-focus)}.pds-radio-group__option input[type=radio]:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.0625rem}.pds-radio-group__option>label{font-size:1rem;font-weight:400}.pds-radio-group__option input[type=radio]:disabled,.pds-radio-group__option input[type=radio]:disabled~label{opacity:50%}.pds-radio-group__option input[type=radio]:disabled:hover{cursor:not-allowed}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-segmented-button{--
|
|
1
|
+
.pds-segmented-button{--segmented-button-height:2.25rem;border:0;display:inline-block;padding:0}.pds-segmented-button__options{display:inline-flex;gap:0}.pds-segmented-button__option,.pds-segmented-button__option label{height:var(--segmented-button-height)}.pds-segmented-button__option label{align-items:center;background-color:transparent;border:1px solid var(--pds-color-border-input);box-sizing:border-box;color:var(--pds-color-segmented-button-foreground-default);column-gap:.41rem;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;line-height:1;padding-inline:1.01563rem;text-decoration:none;transition:all .2s ease-in-out 0s;white-space:nowrap}.pds-segmented-button__option label:hover{background-color:var(--pds-color-segmented-button-background-hover);color:var(--pds-color-segmented-button-foreground-hover)}.pds-segmented-button__option input:focus-visible+label{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.0625rem}.pds-segmented-button__option:first-child label{border-bottom-left-radius:.1875rem;border-top-left-radius:.1875rem}.pds-segmented-button__option:last-child label{border-bottom-right-radius:.1875rem;border-top-right-radius:.1875rem}.pds-segmented-button__option:not(:first-child) label{margin-left:-1px}.pds-segmented-button__option--checked label{background-color:var(--pds-color-segmented-button-background-active);border:1px solid var(--pds-color-segmented-button-border-active);color:var(--pds-color-segmented-button-foreground-active);transition:all .2s ease-in-out 0s;z-index:1}.pds-segmented-button__option input:disabled+label{background-color:transparent;color:var(--pds-color-segmented-button-foreground-default);cursor:not-allowed;opacity:50%}.pds-segmented-button__option--checked input:disabled+label{background-color:var(--pds-color-segmented-button-background-active);border:1px solid var(--pds-color-segmented-button-border-active);color:var(--pds-color-segmented-button-foreground-active)}.pds-segmented-button--sm{--segmented-button-height:2rem}.pds-segmented-button--sm .pds-segmented-button__option label{font-size:.833rem;padding:.5rem .9375rem}.pds-segmented-button--sm .pds-segmented-button__tally{padding:.275rem .328rem .25rem}.pds-segmented-button--sm .pds-segmented-button__tally .pds-tally__label{font-size:.5625rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-spinner{--
|
|
1
|
+
.pds-spinner{--spinner-line:calc(var(--spinner-size)*0.15);--spinner-color-1:var(--pds-color-brand-primary-default);--spinner-color-2:var(--pds-color-brand-accent-default);--spinner-color-3:var(--pds-color-brand-secondary-default);align-items:center;display:flex;flex-direction:column;text-align:center}.pds-spinner--inline{align-self:center;display:inline-flex}.pds-spinner__icon{animation:spin 1.2s linear infinite;background:radial-gradient(farthest-side,var(--spinner-color-1) 94%,#0000) top/var(--spinner-line) var(--spinner-line) no-repeat,conic-gradient(#0000 120deg,var(--spinner-color-3),var(--spinner-color-2),var(--spinner-color-1) 330deg);border-radius:50%;height:var(--spinner-size);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - var(--spinner-line)),#000 0);width:var(--spinner-size)}@keyframes spin{to{transform:rotate(1turn)}}.pds-spinner__label{font-family:Poppins,sans-serif;font-weight:400;line-height:140%;max-width:calc(var(--spinner-size)*6)}.pds-spinner--monochromatic{--spinner-color-1:#525560;--spinner-color-2:#6a6e7a;--spinner-color-3:#cfcfd3}.pds-spinner--monochromatic-reverse{--spinner-color-1:#fff;--spinner-color-2:#f1f1f1;--spinner-color-3:#cfcfd3}.pds-spinner--sm{--spinner-size:0.8rem}.pds-spinner--sm .pds-spinner__label{font-size:.694rem;margin-block-start:.64rem}.pds-spinner--md{--spinner-size:1rem}.pds-spinner--md .pds-spinner__label{font-size:.694rem;margin-block-start:.64rem}.pds-spinner--lg{--spinner-size:1.25rem}.pds-spinner--lg .pds-spinner__label{font-size:.694rem;margin-block-start:.64rem}.pds-spinner--xl{--spinner-size:1.563rem}.pds-spinner--xl .pds-spinner__label{font-size:.694rem;margin-block-start:.64rem}.pds-spinner--2xl{--spinner-size:1.953rem}.pds-spinner--2xl .pds-spinner__label{font-size:.694rem;margin-block-start:.64rem}.pds-spinner--3xl{--spinner-size:2.441rem}.pds-spinner--3xl .pds-spinner__label{font-size:.833rem;margin-block-start:1rem}.pds-spinner--4xl{--spinner-size:3.052rem}.pds-spinner--4xl .pds-spinner__label{font-size:.833rem;margin-block-start:1rem}.pds-spinner--5xl{--spinner-size:3.815rem}.pds-spinner--5xl .pds-spinner__label{font-size:1rem;margin-block-start:1.25rem}.pds-spinner--6xl{--spinner-size:4.678rem}.pds-spinner--6xl .pds-spinner__label{font-size:1rem;margin-block-start:1.25rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-status-badge{--
|
|
1
|
+
.pds-status-badge{--status-badge-background:transparent;--status-badge-border:var(--pds-color-border-default);--status-badge-label:var(--pds-color-foreground-default-secondary);--status-badge-status-dot:var(--pds-color-badge-status-dot-default);align-items:center;background-color:var(--status-badge-background);border:1px solid var(--status-badge-border);border-radius:100px;color:var(--status-badge-label);display:inline-flex;font-size:.694rem;font-weight:600;padding:.328rem .64rem}.pds-status-badge__status{background-color:var(--status-badge-status-dot);border-radius:50%;display:inline-block;height:.512rem;margin-inline-end:.512rem;width:.512rem}.pds-status-badge__label{display:inline-block;line-height:.694rem;padding-block-start:.0625rem}.pds-status-badge--transparent{--status-badge-background:transparent;--status-badge-border:var(--pds-color-border-default);--status-badge-label:var(--pds-color-foreground-default-secondary)}.pds-status-badge--neutral{--status-badge-background:var(--pds-color-background-default);--status-badge-border:var(--pds-color-border-default);--status-badge-label:var(--pds-color-foreground-default-secondary)}.pds-status-badge--reverse{--status-badge-background:var(--pds-color-background-reverse);--status-badge-border:var(--pds-color-foreground-reverse);--status-badge-label:var(--pds-color-foreground-reverse)}.pds-status-badge__status--success{--status-badge-status-dot:var(--pds-color-status-success-foreground)}.pds-status-badge__status--info{--status-badge-status-dot:var(--pds-color-status-info-foreground)}.pds-status-badge__status--frozen{--status-badge-status-dot:var(--pds-color-status-discovery-utility)}.pds-status-badge__status--critical{--status-badge-status-dot:var(--pds-color-status-critical-foreground)}.pds-status-badge__status--warning{--status-badge-status-dot:var(--pds-color-status-warning-foreground)}.pds-status-badge__status--discovery{--status-badge-status-dot:var(--pds-color-status-discovery-foreground)}.pds-status-badge__status--disabled{--status-badge-status-dot:var(--pds-color-status-neutral-background)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-status-indicator{--
|
|
1
|
+
.pds-status-indicator{--status-indicator-color:var(--pds-color-status-neutral-background);align-items:center;display:flex;font-family:Poppins,sans-serif}.pds-status-indicator--critical{--status-indicator-color:var(--pds-color-status-critical-foreground)}.pds-status-indicator--info{--status-indicator-color:var(--pds-color-status-info-foreground)}.pds-status-indicator--neutral{--status-indicator-color:var(--pds-color-status-neutral-background)}.pds-status-indicator--new{--status-indicator-color:var(--pds-color-status-discovery-foreground)}.pds-status-indicator--success{--status-indicator-color:var(--pds-color-status-success-foreground)}.pds-status-indicator--warning{--status-indicator-color:var(--pds-color-status-warning-foreground)}.pds-status-indicator__icon{background-color:var(--status-indicator-color);border-radius:50%;display:block;margin-right:.512rem}.pds-status-indicator__spinner{margin-right:.512rem}.pds-status-indicator__label{color:var(--pds-color-foreground-default);text-transform:capitalize}.pds-status-indicator--sm .pds-status-indicator__icon{height:.8rem;width:.8rem}.pds-status-indicator--sm .pds-status-indicator__label{font-size:.833rem}.pds-status-indicator--md .pds-status-indicator__icon{height:1rem;width:1rem}.pds-status-indicator--md .pds-status-indicator__label{font-size:1rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-stepper{--
|
|
1
|
+
.pds-stepper{--stepper-border-color:var(--pds-color-border-separator);--stepper-connector-color:var(--pds-color-border-separator);--stepper-fill-color:transparent;display:none}@media (min-width:641px){.pds-stepper{display:block}}.pds-stepper-mobile{display:block}@media (min-width:641px){.pds-stepper-mobile{display:none}}.pds-stepper{margin-inline:auto}ol.pds-stepper__steps{display:flex;justify-content:space-between;padding:0}li.pds-stepper__step{align-items:flex-end;display:flex;justify-content:center;list-style:none;position:relative}li.pds-stepper__step:first-child{justify-content:flex-start}li.pds-stepper__step:last-child{justify-content:flex-end}.pds-stepper__step-content,button.pds-stepper__step-content{align-items:center;display:inline-flex;flex-direction:column;row-gap:.64rem;text-align:center;width:var(--pds-stepper-step-content-width)}button.pds-stepper__step-content{background-color:transparent;border:none;cursor:pointer}button.pds-stepper__step-content:hover{--stepper-fill-color:var(--pds-color-interactive-link-active);--stepper-border-color:var(--pds-color-interactive-link-active);--pds-color-foreground-default:var(--pds-color-interactive-link-active)}button.pds-stepper__step-content:focus-visible>.pds-stepper__step-label{border-radius:.1875rem;box-shadow:0 0 0 1px var(--pds-color-interactive-focus);padding-inline:.41rem;transition:all .2s ease-in-out 0s}.pds-stepper__step-label{color:var(--pds-color-foreground-default);font-size:.833rem;font-weight:600;line-height:120%}.pds-stepper__step-indicator{align-items:center;background-color:var(--stepper-fill-color);border:var(--pds-stepper-border-size) solid var(--stepper-border-color);border-radius:50%;display:flex;height:var(--pds-stepper-indicator-size);justify-content:center;transition:all .2s ease-in-out 0s;width:var(--pds-stepper-indicator-size)}.pds-stepper__step-complete-icon{color:var(--pds-color-foreground-reverse)}.pds-stepper__connector{background-color:var(--stepper-connector-color);bottom:calc(var(--pds-stepper-indicator-size)/2 + var(--pds-stepper-border-size)/2);box-sizing:border-box;height:var(--pds-stepper-border-size);position:relative}.pds-stepper__connector--before{border-bottom-right-radius:1rem;border-top-right-radius:1rem}.pds-stepper__connector--after{border-bottom-left-radius:1rem;border-top-left-radius:1rem}.pds-stepper__step--current{--stepper-border-color:var(--pds-color-brand-primary-default)}.pds-stepper__step--current .pds-stepper__connector--before{--stepper-connector-color:var(--pds-color-brand-primary-default)}.pds-stepper__step--complete{--stepper-fill-color:var(--pds-color-brand-primary-default);--stepper-border-color:var(--pds-color-brand-primary-default)}.pds-stepper__step--complete .pds-stepper__connector{--stepper-connector-color:var(--pds-color-brand-primary-default)}.pds-stepper__step--error{--stepper-border-color:var(--pds-color-status-critical-foreground)}.pds-stepper-mobile__step{align-items:stretch;column-gap:1.25rem;display:flex;justify-content:space-between}.pds-stepper-mobile__step-text{display:flex;flex-direction:column;font-family:Poppins,sans-serif;padding-block-start:.64rem;row-gap:.25rem;text-align:right}.pds-stepper-mobile__step-label{font-size:1.2rem;font-weight:600}.pds-stepper-mobile__next-step{color:var(--pds-color-foreground-default-secondary);font-size:.833rem}.pds-stepper-mobile__error-icon{color:var(--pds-color-status-critical-foreground);margin-inline-end:.512rem}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
.pds-switch{--
|
|
1
|
+
.pds-switch{--toggle-switch-thumb-height:1.256rem;--toggle-switch-border-width:0.1rem;--toggle-switch-animation:var(
|
|
2
2
|
--pds-animation-transition-default-duration
|
|
3
|
-
) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);--
|
|
3
|
+
) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);--toggle-thumb-background:var(--pds-color-input-switch-icon);--toggle-gutter:0.06rem;--toggle-decor-space:2px 0.525rem;--input-off-text-color:var(--pds-color-input-switch-icon);--input-on-text-color:var(--pds-color-input-switch-icon);--input-thumb-stroke:1px solid var(--pds-color-status-neutral-utility);--focus-border-spacing:-0.125rem}.pds-switch *,.pds-switch :after,.pds-switch :before{box-sizing:border-box}.pds-input-label--disable-click{pointer-events:none}.pds-switch--placement-right .pds-switch__content{margin-left:1.563rem}.pds-switch--placement-right .pds-input-message--switch{margin-block-end:0}.pds-switch--placement-right .pds-input-label{padding-inline-end:0}.pds-switch__label-switch-right{display:flex}.pds-switch__label-switch-right .pds-input-label--switch-top-message{margin-block-end:0}.pds-switch__label-switch-right .pds-input-label.visually-hidden+.pds-switch__content{margin-left:0}.pds-input-label--switch-top-message{margin-block-end:1rem}.pds-input-message--switch{margin-block-end:1rem;margin-top:0}.pds-switch__content,.pds-switch__toggle-message-container{display:flex}.pds-switch__input{background:var(--pds-color-status-neutral-utility);border-radius:calc(var(--toggle-switch-thumb-height) + var(--toggle-gutter));color:var(--input-off-text-color);container-type:inline-size;cursor:pointer;height:calc(var(--toggle-switch-thumb-height) + var(--toggle-gutter)*2);margin-block-end:0;padding:var(--toggle-gutter);position:relative;width:calc(var(--toggle-switch-thumb-height)*2 + var(--toggle-gutter)*3)}.pds-switch__input:has(:checked){background:var(--pds-color-interactive-focus);color:var(--input-on-text-color)}.pds-switch__input:has(:checked) .pds-switch__thumb{border-color:var(--pds-color-interactive-focus);inset-inline-start:calc(var(--toggle-switch-thumb-height) + var(--toggle-gutter)*2)}.pds-switch__input:has(:disabled){cursor:not-allowed}.pds-switch__input:has(:focus):before{background:none;border:1.4px solid var(--pds-color-interactive-focus);border-radius:calc(var(--toggle-switch-thumb-height) + var(--toggle-gutter));bottom:var(--focus-border-spacing);content:"";display:block;left:var(--focus-border-spacing);pointer-events:none;position:absolute;right:var(--focus-border-spacing);top:var(--focus-border-spacing);z-index:-1}.pds-switch__input:has(:focus){outline-color:#fff;outline-style:solid;outline-width:.01rem}.pds-switch__thumb{background:var(--toggle-thumb-background);border:var(--input-thumb-stroke);border-color:var(--pds-color-status-neutral-utility);border-radius:6.25rem;border-width:var(--toggle-switch-border-width);display:block;height:var(--toggle-switch-thumb-height);inset-block-start:var(--toggle-gutter);inset-inline-start:var(--toggle-gutter);position:absolute;transition:var(--toggle-switch-animation);width:var(--toggle-switch-thumb-height);z-index:1}.pds-switch__toggle-label{color:var(--pds-color-foreground-default);font-size:1rem;font-weight:400;margin-bottom:auto;margin-left:.512rem;margin-top:auto;user-select:none}.pds-switch__input-decor{align-items:center;display:flex;font-size:1rem;inset-block:0;inset-inline-start:0;padding:var(--toggle-decor-space);position:absolute;width:100%}.pds-switch__input-decor[data-switch-input-state=off]{justify-content:flex-end}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.pds-tab-menu{--
|
|
1
|
+
.pds-tab-menu{--tab-color:var(--pds-color-foreground-default);--tab-border-width:1px;border-bottom:var(--tab-border-width) solid var(--pds-color-border-separator);font-family:Poppins,sans-serif;margin-block:.512rem;position:relative;width:100%}.pds-tab-menu__menu{color:var(--tab-color);column-gap:2.441rem;display:flex;list-style:none;margin:0;padding:0}.pds-tab-menu__item{align-items:center;border-bottom:calc(var(--tab-border-width)*3) solid transparent;column-gap:.125rem;display:flex;font-size:1rem;font-weight:600;margin-block-end:calc(var(--tab-border-width)*-1);padding:.41rem .25rem;position:relative}.pds-tab-menu__item.pds-tab-menu__item--active{--tab-color:var(--pds-color-nav-item-default-foreground-active);border-bottom-color:var(--pds-color-nav-item-default-foreground-active)}.pds-tab-menu__item a{color:var(--tab-color);text-decoration:none}.pds-tab-menu__item a:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.125rem}.pds-tab-menu__item .pds-tab-menu__item-icon{color:var(--tab-color)}.pds-tab-menu__item:hover{--tab-color:var(--pds-color-nav-item-default-foreground-active)}.pds-tab-menu__item .pds-tab-menu__item-inner{align-items:center;column-gap:.64rem;display:flex}.pds-tab-menu__dropdown-trigger{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-foreground-default);display:flex;height:1.563rem;margin-inline-end:-.64rem}.pds-tab-menu__dropdown-trigger:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-tab-menu__dropdown-trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);pointer-events:none;transition:transform .2s ease-in-out 0s}.pds-tab-menu__dropdown-trigger[aria-expanded=true]
|
|
2
2
|
.pds-tab-menu__dropdown-trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-tab-menu__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;left:0;margin-block-start:.512rem;max-height:24rem;overflow-x:hidden;overflow-y:auto;position:absolute;top:3.052rem}.pds-tab-menu__dropdown:focus-visible{outline:none}.pds-tab-menu__dropdown-menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:.512rem .64rem;row-gap:.328rem}.pds-tab-menu__dropdown-item{align-items:center;background-color:transparent;border-radius:.1875rem;color:var(--pds-color-dropdown-foreground);cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;line-height:120%;list-style-type:none;margin:0}.pds-tab-menu__dropdown-item:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.03125rem}.pds-tab-menu__dropdown-item:hover{background-color:var(--pds-color-dropdown-item-background-hover);outline:none}.pds-tab-menu__dropdown-item a{align-items:center;border-radius:.375rem;color:var(--pds-color-dropdown-foreground);column-gap:.64rem;display:flex;justify-content:space-between;padding:.64rem .8rem;text-decoration:none;width:100%}.pds-tab-menu__dropdown-item a:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-tab-menu__dropdown-item--active{background-color:var(--pds-color-dropdown-item-background-hover);color:var(--pds-color-status-success-foreground);flex-shrink:0}.pds-tab-menu__active-icon{flex-shrink:0;margin-inline-end:.64rem}.pds-tab-menu__filter{border-block-end:1px solid var(--pds-color-border-default);box-shadow:0 1px 9px -7px rgba(0,0,0,.2);padding:.328rem .512rem}.pds-tab-menu__filter .pds-text-input__input-wrapper{border-color:transparent}.pds-tab-menu__filter .pds-text-input__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-input-field--text{border-color:transparent}.pds-input-field--text:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-tab-menu__no-results{color:var(--pds-color-foreground-default);font-size:1rem;margin-block-end:0;padding-inline:.8rem}.pds-tab-menu--isMobile{position:relative}.pds-tab-menu--isMobile .pds-tab-menu__menu{column-gap:1.25rem;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none;cursor:pointer}.pds-tab-menu--isMobile .pds-tab-menu__menu::-webkit-scrollbar{display:none}.pds-tab-menu--isMobile .pds-tab-menu__item{font-size:.96rem;padding:.328rem .25rem}.pds-tab-menu--isMobile .pds-tab-menu__item-inner{width:max-content}.pds-tab-menu__mobile-menu-wrapper .pds-tab-menu__dropdown{left:1.063rem;position:fixed;top:3.58rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-tabs__tablist{--
|
|
1
|
+
.pds-tabs__tablist{--tab-color:var(--pds-color-foreground-default);--tab-border-width:1px;background-color:transparent;border-bottom:var(--tab-border-width) solid var(--pds-color-border-input);color:var(--pds-color-foreground-default);column-gap:2.441rem;display:none;font-family:Poppins,sans-serif;margin:0;padding:0;position:relative;width:100%}@media (min-width:641px){.pds-tabs__tablist{display:flex}}.pds-tabs__tab{align-items:center;background-color:transparent;border:none;border-bottom:calc(var(--tab-border-width)*3) solid transparent;color:var(--pds-color-foreground-default);column-gap:.125rem;cursor:pointer;display:flex;font-size:1rem;font-weight:600;margin-block-end:calc(var(--tab-border-width)*-1);padding:.41rem .125rem;position:relative;transition:all .2s ease-in-out 0s}.pds-tabs__tab:hover{color:var(--pds-color-brand-primary-default);transition:all .2s ease-in-out 0s}.pds-tabs__tab:focus-visible{outline:none}.pds-tabs__tab:focus-visible .pds-tabs__tab-label{border-radius:.1875rem;outline:1px solid var(--pds-color-interactive-focus);outline-offset:.125rem}.pds-tabs__tab[aria-selected=true]{border-bottom-color:var(--pds-color-brand-primary-default);color:var(--pds-color-brand-primary-default)}.pds-tabs__tab[aria-disabled=true],.pds-tabs__trigger[aria-disabled=true],.pds-tabs__trigger[aria-disabled=true]:hover{color:var(--pds-color-foreground-default);cursor:not-allowed;opacity:50%}.pds-tabs__tab-label{align-items:center;column-gap:.64rem;display:flex;justify-content:flex-start}.pds-tabs__panel{display:block}.pds-tabs__panel-content{padding:1rem 0}.pds-tabs__panel[hidden] .pds-tabs__panel-content{display:none}.pds-tabs__panel[hidden] .pds-tabs__expand-icon{transform:rotate(180deg);transition:all .2s ease-in-out 0s}.pds-tabs__expand-icon{transition:all .2s ease-in-out 0s}.pds-tabs__trigger{align-items:center;background-color:transparent;border:none;border-bottom:1px solid var(--pds-color-border-default);color:var(--pds-color-foreground-default);cursor:pointer;display:flex;flex-wrap:nowrap;font-size:1rem;font-weight:600;justify-content:space-between;padding:.25rem;position:relative;width:100%}@media (min-width:641px){.pds-tabs__trigger{display:none}}.pds-tabs__trigger:hover,.pds-tabs__trigger[aria-selected=true]{color:var(--pds-color-brand-primary-default)}.pds-tabs__trigger[aria-selected=true]{border-bottom-color:var(--pds-color-brand-primary-default);border-width:3px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-tag{--
|
|
1
|
+
.pds-tag{--tag--foreground:var(--pds-color-tag-1-foreground);--tag--background:var(--pds-color-tag-1-background);align-items:center;background-color:var(--tag--background);border:1px solid var(--tag--background);border-radius:.1875rem;color:var(--tag--foreground);column-gap:.41em;display:inline-flex;font-family:Poppins,sans-serif;font-size:.833em;font-weight:600;padding-block:.328em;padding-inline:.512em;white-space:nowrap}.pds-tag .pds-tag__remove{align-items:center;background-color:transparent;border:none;border-radius:50%;color:var(--pds-color-tag-remove-button);cursor:pointer;display:flex;height:1em;justify-content:center;width:1em}.pds-tag .pds-tag__remove:focus-visible{outline:1px solid var(--pds-color-interactive-focus);transition:all .2s ease-in-out 0s}.pds-tag .pds-tag__remove-icon{flex-grow:0;flex-shrink:0;height:1em}.pds-tag.pds-tag--hide{display:none}a.pds-tag{text-decoration:none}a.pds-tag,a.pds-tag:hover{color:var(--tag--foreground)}a.pds-tag:hover{filter:brightness(.95)}a.pds-tag:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:0}.pds-tag-group{display:flex;flex-wrap:wrap;gap:1em}.pds-tag--color-1{--tag--foreground:var(--pds-color-tag-1-foreground);--tag--background:var(--pds-color-tag-1-background)}.pds-tag--color-2{--tag--foreground:var(--pds-color-tag-2-foreground);--tag--background:var(--pds-color-tag-2-background)}.pds-tag--color-3{--tag--foreground:var(--pds-color-tag-3-foreground);--tag--background:var(--pds-color-tag-3-background)}.pds-tag--color-4{--tag--foreground:var(--pds-color-tag-4-foreground);--tag--background:var(--pds-color-tag-4-background)}.pds-tag--color-5{--tag--foreground:var(--pds-color-tag-5-foreground);--tag--background:var(--pds-color-tag-5-background)}.pds-tag--color-6{--tag--foreground:var(--pds-color-tag-6-foreground);--tag--background:var(--pds-color-tag-6-background)}.pds-tag--color-7{--tag--foreground:var(--pds-color-tag-7-foreground);--tag--background:var(--pds-color-tag-7-background)}.pds-tag--color-8{--tag--foreground:var(--pds-color-tag-8-foreground);--tag--background:var(--pds-color-tag-8-background)}.pds-tag--color-9{--tag--foreground:var(--pds-color-tag-9-foreground);--tag--background:var(--pds-color-tag-9-background)}.pds-tag--color-10{--tag--foreground:var(--pds-color-tag-10-foreground);--tag--background:var(--pds-color-tag-10-background)}.pds-tag--color-11{--tag--foreground:var(--pds-color-tag-11-foreground);--tag--background:var(--pds-color-tag-11-background)}.pds-tag--color-12{--tag--foreground:var(--pds-color-tag-12-foreground);--tag--background:var(--pds-color-tag-12-background)}.pds-tag--color-13{--tag--foreground:var(--pds-color-tag-13-foreground);--tag--background:var(--pds-color-tag-13-background)}.pds-tag--color-14{--tag--foreground:var(--pds-color-tag-14-foreground);--tag--background:var(--pds-color-tag-14-background)}.pds-tag--color-15{--tag--foreground:var(--pds-color-tag-15-foreground);--tag--background:var(--pds-color-tag-15-background)}.pds-tag--color-16{--tag--foreground:var(--pds-color-tag-16-foreground);--tag--background:var(--pds-color-tag-16-background)}.pds-tag--color-17{--tag--foreground:var(--pds-color-tag-17-foreground);--tag--background:var(--pds-color-tag-17-background)}.pds-tag--color-18{--tag--foreground:var(--pds-color-tag-18-foreground);--tag--background:var(--pds-color-tag-18-background)}.pds-tag--color-19{--tag--foreground:var(--pds-color-tag-19-foreground);--tag--background:var(--pds-color-tag-19-background)}.pds-tag--color-20{--tag--foreground:var(--pds-color-tag-20-foreground);--tag--background:var(--pds-color-tag-20-background)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-utility-button{--
|
|
1
|
+
.pds-utility-button{--utility-button-color:var(--pds-color-foreground-default);align-items:center;display:inline-flex;height:1.953rem;position:relative}.pds-utility-button .pds-icon{color:var(--utility-button-color);height:.875rem}.pds-utility-button .pds-tooltip{padding:0}.pds-utility-button__button{align-items:center;background-color:transparent;border:none;color:var(--utility-button-color);column-gap:.41rem;cursor:pointer;display:flex;line-height:.75rem;margin:0;padding:.512rem .64rem}.pds-utility-button__button:hover{--utility-button-color:var(--pds-color-interactive-link-hover)}.pds-utility-button__button:focus-visible{border-radius:.1875rem;outline:1px solid var(--pds-color-interactive-focus)}.pds-utility-button__label{font-size:.833rem}.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--disabled .pds-utility-button__button{cursor:not-allowed;opacity:.5}.pds-utility-button--disabled .pds-utility-button__button:hover{--utility-button-color:var(--pds-color-foreground-default)}.pds-utility-button-group{align-items:center;display:flex;flex-wrap:wrap;gap:.41rem}.pds-utility-button-group__separator{background-color:var(--pds-color-border-input);height:1.563rem;margin-inline:.328rem;width:1px}
|
|
@@ -46,12 +46,12 @@
|
|
|
46
46
|
--pds-color-brand-accent-default: #de0093;
|
|
47
47
|
--pds-color-brand-primary-default: #745dd8;
|
|
48
48
|
--pds-color-brand-secondary-default: #ffdc28;
|
|
49
|
-
--pds-color-button-brand-background-active: #
|
|
50
|
-
--pds-color-button-brand-background-default: #
|
|
51
|
-
--pds-color-button-brand-background-hover: #
|
|
52
|
-
--pds-color-button-brand-border-active: #
|
|
53
|
-
--pds-color-button-brand-border-default: #
|
|
54
|
-
--pds-color-button-brand-border-hover: #
|
|
49
|
+
--pds-color-button-brand-background-active: #ffe668;
|
|
50
|
+
--pds-color-button-brand-background-default: #ddbd16;
|
|
51
|
+
--pds-color-button-brand-background-hover: #ffdc28;
|
|
52
|
+
--pds-color-button-brand-border-active: #ffe668;
|
|
53
|
+
--pds-color-button-brand-border-default: #ddbd16;
|
|
54
|
+
--pds-color-button-brand-border-hover: #ffdc28;
|
|
55
55
|
--pds-color-button-brand-foreground-active: #121219;
|
|
56
56
|
--pds-color-button-brand-foreground-default: #121219;
|
|
57
57
|
--pds-color-button-brand-foreground-hover: #121219;
|
|
@@ -64,24 +64,24 @@
|
|
|
64
64
|
--pds-color-button-brand-secondary-foreground-active: #b5b5bc;
|
|
65
65
|
--pds-color-button-brand-secondary-foreground-default: #b5b5bc;
|
|
66
66
|
--pds-color-button-brand-secondary-foreground-hover: #ffffff;
|
|
67
|
-
--pds-color-button-critical-background-active: #
|
|
68
|
-
--pds-color-button-critical-background-default: var(--pds-color-
|
|
69
|
-
--pds-color-button-critical-background-hover:
|
|
70
|
-
--pds-color-button-critical-border-active:
|
|
71
|
-
--pds-color-button-critical-border-default: var(--pds-color-status-critical-
|
|
72
|
-
--pds-color-button-critical-border-hover:
|
|
73
|
-
--pds-color-button-critical-foreground-active:
|
|
74
|
-
--pds-color-button-critical-foreground-default:
|
|
75
|
-
--pds-color-button-critical-foreground-hover:
|
|
67
|
+
--pds-color-button-critical-background-active: #e00000;
|
|
68
|
+
--pds-color-button-critical-background-default: var(--pds-color-status-critical-utility);
|
|
69
|
+
--pds-color-button-critical-background-hover: #c70000;
|
|
70
|
+
--pds-color-button-critical-border-active: #e00000;
|
|
71
|
+
--pds-color-button-critical-border-default: var(--pds-color-status-critical-utility);
|
|
72
|
+
--pds-color-button-critical-border-hover: #c70000;
|
|
73
|
+
--pds-color-button-critical-foreground-active: #ffffff;
|
|
74
|
+
--pds-color-button-critical-foreground-default: #ffffff;
|
|
75
|
+
--pds-color-button-critical-foreground-hover: #ffffff;
|
|
76
76
|
--pds-color-button-navbar-foreground-active: var(--pds-color-interactive-link-active);
|
|
77
77
|
--pds-color-button-navbar-foreground-default: #ffffff;
|
|
78
78
|
--pds-color-button-navbar-foreground-hover: var(--pds-color-interactive-link-hover);
|
|
79
|
-
--pds-color-button-primary-background-active: #
|
|
79
|
+
--pds-color-button-primary-background-active: #8a78de;
|
|
80
80
|
--pds-color-button-primary-background-default: #42318d;
|
|
81
|
-
--pds-color-button-primary-background-hover: #
|
|
82
|
-
--pds-color-button-primary-border-active: #
|
|
81
|
+
--pds-color-button-primary-background-hover: #745dd8;
|
|
82
|
+
--pds-color-button-primary-border-active: #8a78de;
|
|
83
83
|
--pds-color-button-primary-border-default: #42318d;
|
|
84
|
-
--pds-color-button-primary-border-hover: #
|
|
84
|
+
--pds-color-button-primary-border-hover: #745dd8;
|
|
85
85
|
--pds-color-button-primary-foreground-active: #ffffff;
|
|
86
86
|
--pds-color-button-primary-foreground-default: #ffffff;
|
|
87
87
|
--pds-color-button-primary-foreground-hover: #ffffff;
|
|
@@ -64,10 +64,10 @@
|
|
|
64
64
|
--pds-color-brand-secondary-500: #ddbd16;
|
|
65
65
|
--pds-color-brand-secondary-600: #726009;
|
|
66
66
|
--pds-color-brand-secondary-default: #ffdc28;
|
|
67
|
-
--pds-color-button-brand-background-active: #
|
|
67
|
+
--pds-color-button-brand-background-active: #a88f10;
|
|
68
68
|
--pds-color-button-brand-background-default: #ffdc28;
|
|
69
69
|
--pds-color-button-brand-background-hover: #ddbd16;
|
|
70
|
-
--pds-color-button-brand-border-active: #
|
|
70
|
+
--pds-color-button-brand-border-active: #a88f10;
|
|
71
71
|
--pds-color-button-brand-border-default: #ffdc28;
|
|
72
72
|
--pds-color-button-brand-border-hover: #ddbd16;
|
|
73
73
|
--pds-color-button-brand-foreground-active: #23232d;
|
|
@@ -82,15 +82,15 @@
|
|
|
82
82
|
--pds-color-button-brand-secondary-foreground-active: #23232d;
|
|
83
83
|
--pds-color-button-brand-secondary-foreground-default: #23232d;
|
|
84
84
|
--pds-color-button-brand-secondary-foreground-hover: #23232d;
|
|
85
|
-
--pds-color-button-critical-background-active: #
|
|
86
|
-
--pds-color-button-critical-background-default: var(--pds-color-
|
|
87
|
-
--pds-color-button-critical-background-hover:
|
|
88
|
-
--pds-color-button-critical-border-active: #
|
|
85
|
+
--pds-color-button-critical-background-active: #790b03;
|
|
86
|
+
--pds-color-button-critical-background-default: var(--pds-color-status-critical-foreground);
|
|
87
|
+
--pds-color-button-critical-background-hover: #9e140b;
|
|
88
|
+
--pds-color-button-critical-border-active: #790b03;
|
|
89
89
|
--pds-color-button-critical-border-default: var(--pds-color-status-critical-foreground);
|
|
90
|
-
--pds-color-button-critical-border-hover:
|
|
91
|
-
--pds-color-button-critical-foreground-active: #
|
|
92
|
-
--pds-color-button-critical-foreground-default:
|
|
93
|
-
--pds-color-button-critical-foreground-hover:
|
|
90
|
+
--pds-color-button-critical-border-hover: #9e140b;
|
|
91
|
+
--pds-color-button-critical-foreground-active: #ffffff;
|
|
92
|
+
--pds-color-button-critical-foreground-default: #ffffff;
|
|
93
|
+
--pds-color-button-critical-foreground-hover: #ffffff;
|
|
94
94
|
--pds-color-button-navbar-foreground-active: var(--pds-color-interactive-link-active);
|
|
95
95
|
--pds-color-button-navbar-foreground-default: var(--pds-color-foreground-default);
|
|
96
96
|
--pds-color-button-navbar-foreground-hover: var(--pds-color-interactive-link-hover);
|