@pantheon-systems/pds-toolkit-react 1.0.0-dev.260 → 1.0.0-dev.261
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/css/component-css/pds-index.css +11 -29
- package/_dist/css/component-css/pds-indicator-badge.css +8 -24
- package/_dist/css/component-css/pds-links-card.css +1 -1
- package/_dist/css/component-css/pds-pricing-card.css +1 -1
- package/_dist/css/component-css/pds-side-nav-compact.css +1 -1
- package/_dist/css/component-css/pds-side-nav.css +1 -1
- package/_dist/css/component-css/pds-switch.css +1 -3
- package/_dist/css/design-tokens/pds-design-tokens.css +19 -22
- package/_dist/css/pds-components.css +11 -29
- package/_dist/css/pds-core.css +2 -2
- package/_dist/index.css +1 -1
- package/_dist/index.js +1 -1
- package/_dist/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,39 +1,23 @@
|
|
|
1
1
|
.pds-indicator-badge{--indicator-badge-background:var(
|
|
2
2
|
--pds-color-badge-indicator-neutral-background
|
|
3
|
-
);--indicator-badge-text:var(
|
|
4
|
-
--pds-color-badge-indicator-neutral-foreground
|
|
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(
|
|
3
|
+
);--indicator-badge-text:var(--pds-color-badge-indicator-neutral-foreground);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
4
|
--pds-color-badge-indicator-neutral-background
|
|
7
|
-
);--indicator-badge-text:var(
|
|
8
|
-
--pds-color-badge-indicator-neutral-foreground
|
|
9
|
-
)}.pds-indicator-badge--brand{--indicator-badge-background:var(
|
|
5
|
+
);--indicator-badge-text:var(--pds-color-badge-indicator-neutral-foreground)}.pds-indicator-badge--brand{--indicator-badge-background:var(
|
|
10
6
|
--pds-color-badge-indicator-brand-background
|
|
11
7
|
);--indicator-badge-text:var(--pds-color-badge-indicator-brand-foreground)}.pds-indicator-badge--critical{--indicator-badge-background:var(
|
|
12
8
|
--pds-color-badge-indicator-critical-background
|
|
13
|
-
);--indicator-badge-text:var(
|
|
14
|
-
--pds-color-badge-indicator-critical-foreground
|
|
15
|
-
)}.pds-indicator-badge--info{--indicator-badge-background:var(
|
|
9
|
+
);--indicator-badge-text:var(--pds-color-badge-indicator-critical-foreground)}.pds-indicator-badge--info{--indicator-badge-background:var(
|
|
16
10
|
--pds-color-badge-indicator-info-background
|
|
17
11
|
);--indicator-badge-text:var(--pds-color-badge-indicator-info-foreground)}.pds-indicator-badge--success{--indicator-badge-background:var(
|
|
18
12
|
--pds-color-badge-indicator-success-background
|
|
19
|
-
);--indicator-badge-text:var(
|
|
20
|
-
--pds-color-badge-indicator-success-foreground
|
|
21
|
-
)}.pds-indicator-badge--warning{--indicator-badge-background:var(
|
|
13
|
+
);--indicator-badge-text:var(--pds-color-badge-indicator-success-foreground)}.pds-indicator-badge--warning{--indicator-badge-background:var(
|
|
22
14
|
--pds-color-badge-indicator-warning-background
|
|
23
|
-
);--indicator-badge-text:var(
|
|
24
|
-
--pds-color-badge-indicator-warning-foreground
|
|
25
|
-
)}.pds-indicator-badge--silver{--indicator-badge-background:var(
|
|
15
|
+
);--indicator-badge-text:var(--pds-color-badge-indicator-warning-foreground)}.pds-indicator-badge--silver{--indicator-badge-background:var(
|
|
26
16
|
--pds-color-badge-indicator-silver-background
|
|
27
|
-
);--indicator-badge-text:var(
|
|
28
|
-
--pds-color-badge-indicator-silver-foreground
|
|
29
|
-
)}.pds-indicator-badge--gold{--indicator-badge-background:var(
|
|
17
|
+
);--indicator-badge-text:var(--pds-color-badge-indicator-silver-foreground)}.pds-indicator-badge--gold{--indicator-badge-background:var(
|
|
30
18
|
--pds-color-badge-indicator-gold-background
|
|
31
19
|
);--indicator-badge-text:var(--pds-color-badge-indicator-gold-foreground)}.pds-indicator-badge--platinum{--indicator-badge-background:var(
|
|
32
20
|
--pds-color-badge-indicator-platinum-background
|
|
33
|
-
);--indicator-badge-text:var(
|
|
34
|
-
--pds-color-badge-indicator-platinum-foreground
|
|
35
|
-
)}.pds-indicator-badge--diamond{--indicator-badge-background:var(
|
|
21
|
+
);--indicator-badge-text:var(--pds-color-badge-indicator-platinum-foreground)}.pds-indicator-badge--diamond{--indicator-badge-background:var(
|
|
36
22
|
--pds-color-badge-indicator-diamond-background
|
|
37
|
-
);--indicator-badge-text:var(
|
|
38
|
-
--pds-color-badge-indicator-diamond-foreground
|
|
39
|
-
)}
|
|
23
|
+
);--indicator-badge-text:var(--pds-color-badge-indicator-diamond-foreground)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-links-card__heading{border-bottom:1px solid var(--pds-color-border-default);padding-block-end:1rem}.pds-links-card__list{display:flex;flex-direction:column;font-weight:var(--pds-typography-
|
|
1
|
+
.pds-links-card__heading{border-bottom:1px solid var(--pds-color-border-default);padding-block-end:1rem}.pds-links-card__list{display:flex;flex-direction:column;font-weight:var(--pds-typography-fw-regular);list-style-type:none;margin:0;padding:0;row-gap:1rem}.pds-cta-links-card__item a{text-decoration:none}.pds-cta-links-card__item a:hover{text-decoration:underline}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-ts-xs{font-size:.694rem!important}.pds-ts-s{font-size:.833rem!important}.pds-ts-m{font-size:1rem!important}.pds-ts-l{font-size:1.2rem!important}@media (max-width:640px){.pds-ts-xl{font-size:calc(1.44rem*var(--pds-typography-multiplier-small))!important}}@media (min-width:641px){.pds-ts-xl{font-size:calc(1.44rem*var(--pds-typography-multiplier-medium))!important}}@media (min-width:1025px){.pds-ts-xl{font-size:1.44rem!important}}@media (max-width:640px){.pds-ts-2xl{font-size:calc(1.728rem*var(--pds-typography-multiplier-small))!important}}@media (min-width:641px){.pds-ts-2xl{font-size:calc(1.728rem*var(--pds-typography-multiplier-medium))!important}}@media (min-width:1025px){.pds-ts-2xl{font-size:1.728rem!important}}@media (max-width:640px){.pds-ts-3xl{font-size:calc(2.074rem*var(--pds-typography-multiplier-small))!important}}@media (min-width:641px){.pds-ts-3xl{font-size:calc(2.074rem*var(--pds-typography-multiplier-medium))!important}}@media (min-width:1025px){.pds-ts-3xl{font-size:2.074rem!important}}@media (max-width:640px){.pds-ts-4xl{font-size:calc(2.488rem*var(--pds-typography-multiplier-small))!important}}@media (min-width:641px){.pds-ts-4xl{font-size:calc(2.488rem*var(--pds-typography-multiplier-medium))!important}}@media (min-width:1025px){.pds-ts-4xl{font-size:2.488rem!important}}@media (max-width:640px){.pds-ts-5xl{font-size:calc(2.986rem*var(--pds-typography-multiplier-small))!important}}@media (min-width:641px){.pds-ts-5xl{font-size:calc(2.986rem*var(--pds-typography-multiplier-medium))!important}}@media (min-width:1025px){.pds-ts-5xl{font-size:2.986rem!important}}@media (max-width:640px){.pds-ts-6xl{font-size:calc(3.583rem*var(--pds-typography-multiplier-small))!important}}@media (min-width:641px){.pds-ts-6xl{font-size:calc(3.583rem*var(--pds-typography-multiplier-medium))!important}}@media (min-width:1025px){.pds-ts-6xl{font-size:3.583rem!important}}.pds-ts-7xl{font-size:calc(4.3rem*var(--pds-typography-multiplier-small))!important;line-height:1.1!important}@media (--breakpoint-m ){.pds-ts-7xl{font-size:calc(4.3rem*var(--pds-typography-multiplier-medium))!important}}@media (--breakpoint-l ){.pds-ts-7xl{font-size:4.3rem!important}}.pds-ts-8xl{font-size:calc(5.16rem*var(--pds-typography-multiplier-small))!important;line-height:1.0625!important}@media (--breakpoint-m ){.pds-ts-8xl{font-size:calc(5.16rem*var(--pds-typography-multiplier-medium))!important}}@media (--breakpoint-l ){.pds-ts-8xl{font-size:5.16rem!important}}.pds-ts-9xl{font-size:calc(6.192rem*var(--pds-typography-multiplier-small))!important;line-height:1!important}@media (--breakpoint-m ){.pds-ts-9xl{font-size:calc(6.192rem*var(--pds-typography-multiplier-medium))!important}}@media (--breakpoint-l ){.pds-ts-9xl{font-size:6.192rem!important}}.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))!important}}@media (min-width:641px){.pds-pricing-card__price{font-size:calc(2.074rem*var(--pds-typography-multiplier-medium))!important}}@media (min-width:1025px){.pds-pricing-card__price{font-size:2.074rem!important}}.pds-pricing-
|
|
1
|
+
.pds-ts-xs{font-size:.694rem!important}.pds-ts-s{font-size:.833rem!important}.pds-ts-m{font-size:1rem!important}.pds-ts-l{font-size:1.2rem!important}@media (max-width:640px){.pds-ts-xl{font-size:calc(1.44rem*var(--pds-typography-multiplier-small))!important}}@media (min-width:641px){.pds-ts-xl{font-size:calc(1.44rem*var(--pds-typography-multiplier-medium))!important}}@media (min-width:1025px){.pds-ts-xl{font-size:1.44rem!important}}@media (max-width:640px){.pds-ts-2xl{font-size:calc(1.728rem*var(--pds-typography-multiplier-small))!important}}@media (min-width:641px){.pds-ts-2xl{font-size:calc(1.728rem*var(--pds-typography-multiplier-medium))!important}}@media (min-width:1025px){.pds-ts-2xl{font-size:1.728rem!important}}@media (max-width:640px){.pds-ts-3xl{font-size:calc(2.074rem*var(--pds-typography-multiplier-small))!important}}@media (min-width:641px){.pds-ts-3xl{font-size:calc(2.074rem*var(--pds-typography-multiplier-medium))!important}}@media (min-width:1025px){.pds-ts-3xl{font-size:2.074rem!important}}@media (max-width:640px){.pds-ts-4xl{font-size:calc(2.488rem*var(--pds-typography-multiplier-small))!important}}@media (min-width:641px){.pds-ts-4xl{font-size:calc(2.488rem*var(--pds-typography-multiplier-medium))!important}}@media (min-width:1025px){.pds-ts-4xl{font-size:2.488rem!important}}@media (max-width:640px){.pds-ts-5xl{font-size:calc(2.986rem*var(--pds-typography-multiplier-small))!important}}@media (min-width:641px){.pds-ts-5xl{font-size:calc(2.986rem*var(--pds-typography-multiplier-medium))!important}}@media (min-width:1025px){.pds-ts-5xl{font-size:2.986rem!important}}@media (max-width:640px){.pds-ts-6xl{font-size:calc(3.583rem*var(--pds-typography-multiplier-small))!important}}@media (min-width:641px){.pds-ts-6xl{font-size:calc(3.583rem*var(--pds-typography-multiplier-medium))!important}}@media (min-width:1025px){.pds-ts-6xl{font-size:3.583rem!important}}.pds-ts-7xl{font-size:calc(4.3rem*var(--pds-typography-multiplier-small))!important;line-height:1.1!important}@media (--breakpoint-m ){.pds-ts-7xl{font-size:calc(4.3rem*var(--pds-typography-multiplier-medium))!important}}@media (--breakpoint-l ){.pds-ts-7xl{font-size:4.3rem!important}}.pds-ts-8xl{font-size:calc(5.16rem*var(--pds-typography-multiplier-small))!important;line-height:1.0625!important}@media (--breakpoint-m ){.pds-ts-8xl{font-size:calc(5.16rem*var(--pds-typography-multiplier-medium))!important}}@media (--breakpoint-l ){.pds-ts-8xl{font-size:5.16rem!important}}.pds-ts-9xl{font-size:calc(6.192rem*var(--pds-typography-multiplier-small))!important;line-height:1!important}@media (--breakpoint-m ){.pds-ts-9xl{font-size:calc(6.192rem*var(--pds-typography-multiplier-medium))!important}}@media (--breakpoint-l ){.pds-ts-9xl{font-size:6.192rem!important}}.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}.pds-pricing-card__price{font-weight:700}@media (max-width:640px){.pds-pricing-card__price{font-size:calc(2.074rem*var(--pds-typography-multiplier-small))!important}}@media (min-width:641px){.pds-pricing-card__price{font-size:calc(2.074rem*var(--pds-typography-multiplier-medium))!important}}@media (min-width:1025px){.pds-pricing-card__price{font-size:2.074rem!important}}.pds-pricing-card__details{color:var(--pds-color-foreground-default-secondary);font-size:1.2rem!important;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:var(--pricing-card-padding);padding-block-start:1.953rem}.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}@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}}.pds-pricing-card-container--with-list .pds-pricing-card__list{margin-inline:.64rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-side-nav-compact{color:var(--pds-color-foreground-default);font-family:Poppins,sans-serif}.pds-side-nav-compact a{color:var(--pds-color-foreground-default);text-decoration:none}.pds-side-nav-compact a:focus-visible{border-radius:.1875rem;outline:1px solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-side-nav-compact .pds-icon{pointer-events:none}h2.pds-side-nav-compact__heading{font-weight:600;margin-block-end:1.25rem}h2.pds-side-nav-compact__heading a{color:var(--pds-color-foreground-default);text-decoration:none}h2.pds-side-nav-compact__heading a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-side-nav-compact__menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0;row-gap:.64rem}.pds-side-nav-compact__item{line-height:var(--pds-typography-
|
|
1
|
+
.pds-side-nav-compact{color:var(--pds-color-foreground-default);font-family:Poppins,sans-serif}.pds-side-nav-compact a{color:var(--pds-color-foreground-default);text-decoration:none}.pds-side-nav-compact a:focus-visible{border-radius:.1875rem;outline:1px solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-side-nav-compact .pds-icon{pointer-events:none}h2.pds-side-nav-compact__heading{font-weight:600;margin-block-end:1.25rem}h2.pds-side-nav-compact__heading a{color:var(--pds-color-foreground-default);text-decoration:none}h2.pds-side-nav-compact__heading a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-side-nav-compact__menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0;row-gap:.64rem}.pds-side-nav-compact__item{line-height:var(--pds-typography-lh-m);list-style-type:none;margin-block-start:var(--pds-spacing-3xs)}.pds-side-nav-compact__item a{color:var(--pds-color-foreground-default);text-decoration:none}.pds-side-nav-compact__item a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-side-nav-compact__menu--fourth-level,.pds-side-nav-compact__menu--second-level,.pds-side-nav-compact__menu--third-level{display:none}.pds-side-nav-compact__menu--fourth-level.pds-side-nav-compact__menu--expanded,.pds-side-nav-compact__menu--second-level.pds-side-nav-compact__menu--expanded,.pds-side-nav-compact__menu--third-level.pds-side-nav-compact__menu--expanded{display:flex;margin-block-start:.512rem}.pds-side-nav-compact__menu--fourth-level,.pds-side-nav-compact__menu--second-level,.pds-side-nav-compact__menu--third-level{margin-inline-start:1rem}.pds-side-nav-compact__item--active>.pds-side-nav-compact__item-wrapper>a,.pds-side-nav-compact__item--active>a{color:var(--pds-color-nav-item-default-foreground-active);font-weight:600}.pds-side-nav-compact__toggle{background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-nav-item-default-foreground-trigger);cursor:pointer;margin-inline-start:-1.375rem}.pds-side-nav-compact__toggle:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-side-nav-compact__toggle:focus-visible{outline:1px solid var(--pds-color-interactive-focus);transition:outline .2s ease-in-out 0s}.pds-side-nav-compact__toggle .pds-icon{margin-block-end:-.125rem;pointer-events:none;transform:rotate(-90deg);transition:all .2s ease-in-out 0s}.pds-side-nav-compact__toggle--expanded .pds-icon{transform:rotate(0deg);transition:all .2s ease-in-out 0s}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-side-nav{font-family:Poppins,sans-serif}.pds-side-nav,.pds-side-nav a{color:var(--pds-color-foreground-default)}.pds-side-nav a{text-decoration:none}.pds-side-nav .pds-icon{pointer-events:none}h2.pds-side-nav__heading{font-weight:600;word-wrap:break-word;margin-block-end:1.25rem}h2.pds-side-nav__heading a{color:var(--pds-color-foreground-default);text-decoration:none}h2.pds-side-nav__heading a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-side-nav__menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0;row-gap:1rem}.pds-side-nav__item{line-height:var(--pds-typography-
|
|
1
|
+
.pds-side-nav{font-family:Poppins,sans-serif}.pds-side-nav,.pds-side-nav a{color:var(--pds-color-foreground-default)}.pds-side-nav a{text-decoration:none}.pds-side-nav .pds-icon{pointer-events:none}h2.pds-side-nav__heading{font-weight:600;word-wrap:break-word;margin-block-end:1.25rem}h2.pds-side-nav__heading a{color:var(--pds-color-foreground-default);text-decoration:none}h2.pds-side-nav__heading a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-side-nav__menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0;row-gap:1rem}.pds-side-nav__item{line-height:var(--pds-typography-lh-m);list-style-type:none;margin-block-start:var(--pds-spacing-3xs)}.pds-side-nav__item.with-tally:not(.pds-side-nav__item--has-children)>*,.pds-side-nav__item.with-tally>.pds-side-nav__item-wrapper>*{align-items:center;display:flex;gap:.328rem}.pds-side-nav__item a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-side-nav__item a:focus-visible{border-radius:.1875rem;outline:1px solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-side-nav__item--active>.pds-side-nav__item-wrapper>a,.pds-side-nav__item--active>a{color:var(--pds-color-nav-item-default-foreground-active);font-weight:600}.pds-side-nav__item-wrapper{align-items:center;column-gap:.25rem;display:flex}.pds-side-nav__menu--second-level{display:none;margin-block-start:.8rem;padding-inline-start:1.563rem;row-gap:.8rem}.pds-side-nav__menu--second-level.pds-side-nav__menu--expanded{display:flex;flex-direction:column}.pds-side-nav__toggle{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-nav-item-default-foreground-trigger);cursor:pointer;display:flex;transition:all .2s ease-in-out 0s}.pds-side-nav__toggle:hover .pds-icon{color:var(--pds-color-interactive-link-hover)}.pds-side-nav__toggle:focus-visible{outline:1px solid var(--pds-color-interactive-focus);transition:all .2s ease-in-out 0s}.pds-side-nav__toggle .pds-icon{color:var(--pds-color-foreground-default-secondary);margin-block-start:.125rem;transform:rotate(0deg);transition:all .2s ease-in-out 0s}.pds-side-nav__toggle--expanded .pds-icon{margin-block-start:.125rem;transform:rotate(-180deg);transition:all .2s ease-in-out 0s}
|
|
@@ -1,3 +1 @@
|
|
|
1
|
-
.pds-switch{--toggle-switch-thumb-height:1.256rem;--toggle-switch-border-width:0.1rem;--toggle-switch-animation:var(
|
|
2
|
-
--pds-animation-transition-default-duration
|
|
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
|
+
.pds-switch{--toggle-switch-thumb-height:1.256rem;--toggle-switch-border-width:0.1rem;--toggle-switch-animation:var(--pds-animation-transition-default-duration) 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}
|
|
@@ -82,29 +82,26 @@
|
|
|
82
82
|
--pds-spacing-s: 0.8rem;
|
|
83
83
|
--pds-spacing-xl: 1.563rem;
|
|
84
84
|
--pds-spacing-xs: 0.64rem;
|
|
85
|
-
--pds-typography-
|
|
85
|
+
--pds-typography-ff-code: 'Source Code Pro', monospace;
|
|
86
|
+
--pds-typography-ff-default: 'Poppins', sans-serif;
|
|
87
|
+
--pds-typography-ff-mono: 'Source Code Pro', monospace;
|
|
88
|
+
--pds-typography-ff-sans: 'Poppins', sans-serif;
|
|
89
|
+
--pds-typography-ff-secondary: 'Aleo', serif;
|
|
90
|
+
--pds-typography-ff-serif: 'Aleo', serif;
|
|
86
91
|
--pds-typography-font-css-import: 'https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap';
|
|
87
|
-
--pds-typography-
|
|
88
|
-
--pds-typography-
|
|
89
|
-
--pds-typography-
|
|
90
|
-
--pds-typography-
|
|
91
|
-
--pds-typography-
|
|
92
|
-
--pds-typography-
|
|
93
|
-
--pds-typography-
|
|
94
|
-
--pds-typography-
|
|
95
|
-
--pds-typography-
|
|
96
|
-
--pds-typography-
|
|
97
|
-
--pds-typography-
|
|
98
|
-
--pds-typography-
|
|
99
|
-
--pds-typography-
|
|
100
|
-
--pds-typography-letter-spacing-l: 0.04rem;
|
|
101
|
-
--pds-typography-letter-spacing-m: 0.02rem;
|
|
102
|
-
--pds-typography-letter-spacing-s: 0.01rem;
|
|
103
|
-
--pds-typography-letter-spacing-xl: 0.06rem;
|
|
104
|
-
--pds-typography-line-height-l: 165%;
|
|
105
|
-
--pds-typography-line-height-m: 140%;
|
|
106
|
-
--pds-typography-line-height-s: 120%;
|
|
107
|
-
--pds-typography-line-height-xl: 195%;
|
|
92
|
+
--pds-typography-fw-bold: 700;
|
|
93
|
+
--pds-typography-fw-light: 300;
|
|
94
|
+
--pds-typography-fw-medium: 500;
|
|
95
|
+
--pds-typography-fw-regular: 400;
|
|
96
|
+
--pds-typography-fw-semibold: 600;
|
|
97
|
+
--pds-typography-lh-l: 165%;
|
|
98
|
+
--pds-typography-lh-m: 140%;
|
|
99
|
+
--pds-typography-lh-s: 120%;
|
|
100
|
+
--pds-typography-lh-xl: 195%;
|
|
101
|
+
--pds-typography-ls-l: 0.04rem;
|
|
102
|
+
--pds-typography-ls-m: 0.02rem;
|
|
103
|
+
--pds-typography-ls-s: 0.01rem;
|
|
104
|
+
--pds-typography-ls-xl: 0.06rem;
|
|
108
105
|
--pds-typography-multiplier-medium: 0.88;
|
|
109
106
|
--pds-typography-multiplier-small: 0.84;
|
|
110
107
|
--pds-typography-size-2xl: 1.728rem;
|