@pantheon-systems/pds-toolkit-react 1.0.0-dev.237 → 1.0.0-dev.238
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/buttons/Button/Button.d.ts +1 -1
- package/_dist/components/navigation/ButtonNav/ButtonNav.d.ts +5 -1
- package/_dist/css/component-css/pds-button-nav.css +1 -1
- package/_dist/css/component-css/pds-button.css +27 -63
- package/_dist/css/component-css/pds-index.css +28 -64
- package/_dist/css/design-tokens/pds-design-tokens-light-mode.css +9 -0
- package/_dist/css/pds-components.css +28 -64
- package/_dist/css/pds-core.css +1 -1
- package/_dist/index.css +1 -1
- package/_dist/index.js +749 -735
- package/_dist/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -49,7 +49,7 @@ interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
|
|
|
49
49
|
/**
|
|
50
50
|
* Which variant of button to render
|
|
51
51
|
*/
|
|
52
|
-
variant?: 'primary' | 'secondary' | 'subtle' | 'brand' | 'brand-secondary' | 'critical' | 'navbar' | 'inline';
|
|
52
|
+
variant?: 'primary' | 'secondary' | 'subtle' | 'brand' | 'brand-secondary' | 'critical' | 'critical-secondary' | 'navbar' | 'inline';
|
|
53
53
|
/**
|
|
54
54
|
* Additional class names
|
|
55
55
|
*/
|
|
@@ -14,6 +14,10 @@ export interface ButtonNavProps extends ComponentPropsWithoutRef<'nav'> {
|
|
|
14
14
|
* Menu items to render.
|
|
15
15
|
*/
|
|
16
16
|
menuItems?: ButtonNavItem[];
|
|
17
|
+
/**
|
|
18
|
+
* Size of the Buttons.
|
|
19
|
+
*/
|
|
20
|
+
size?: 'sm' | 'md';
|
|
17
21
|
/**
|
|
18
22
|
* Additional class names
|
|
19
23
|
*/
|
|
@@ -22,4 +26,4 @@ export interface ButtonNavProps extends ComponentPropsWithoutRef<'nav'> {
|
|
|
22
26
|
/**
|
|
23
27
|
* ButtonNav UI component
|
|
24
28
|
*/
|
|
25
|
-
export declare const ButtonNav: ({ ariaLabel, menuItems, className, ...props }: ButtonNavProps) => React.JSX.Element;
|
|
29
|
+
export declare const ButtonNav: ({ ariaLabel, menuItems, size, className, ...props }: ButtonNavProps) => React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-button-nav__menu{display:inline-flex;gap:0;list-style:none;margin:0;padding:0}.pds-button-nav__item a{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;height:2.25rem;line-height:1;padding-inline:1.01563rem;text-decoration:none;transition:all .2s ease-in-out 0s;white-space:nowrap}.pds-button-nav__item a:hover{background-color:var(--pds-color-segmented-button-background-hover);color:var(--pds-color-segmented-button-foreground-hover)}.pds-button-nav__item a:focus-visible{outline-offset:.0625rem}.pds-button-nav__item:first-child a{border-bottom-left-radius:.1875rem;border-top-left-radius:.1875rem}.pds-button-nav__item:last-child a{border-bottom-right-radius:.1875rem;border-top-right-radius:.1875rem}.pds-button-nav__item:not(:first-child) a{margin-left:-1px}.pds-button-nav__item--active{z-index:1}.pds-button-nav__item--active a{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}
|
|
1
|
+
.pds-button-nav__menu{display:inline-flex;gap:0;list-style:none;margin:0;padding:0}.pds-button-nav__item a{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;height:2.25rem;line-height:1;padding-inline:1.01563rem;text-decoration:none;transition:all .2s ease-in-out 0s;white-space:nowrap}.pds-button-nav__item a:hover{background-color:var(--pds-color-segmented-button-background-hover);color:var(--pds-color-segmented-button-foreground-hover)}.pds-button-nav__item a:focus-visible{outline-offset:.0625rem}.pds-button-nav__item:first-child a{border-bottom-left-radius:.1875rem;border-top-left-radius:.1875rem}.pds-button-nav__item:last-child a{border-bottom-right-radius:.1875rem;border-top-right-radius:.1875rem}.pds-button-nav__item:not(:first-child) a{margin-left:-1px}.pds-button-nav__item--active{z-index:1}.pds-button-nav__item--active a{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}.pds-button-nav--sm .pds-button-nav__item a{font-size:.833rem;height:2rem;padding-inline:.8125rem}.pds-button-nav--sm .pds-button-nav__item .pds-tally__label{font-size:.5625rem}
|
|
@@ -1,81 +1,45 @@
|
|
|
1
|
-
a.pds-button,button.pds-button{--button-color-background:var(
|
|
2
|
-
--pds-color-button-primary-background-default
|
|
3
|
-
);--button-color-foreground:var(
|
|
4
|
-
--pds-color-button-primary-foreground-default
|
|
5
|
-
);--button-color-border:var(--pds-color-button-primary-border-default);align-items:center;background-color:var(--button-color-background);border:1px solid var(--button-color-border);border-radius:.1875rem;box-sizing:border-box;color:var(--button-color-foreground);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;gap:.64rem;height:2.25rem;justify-content:center;letter-spacing:.025em;line-height:1;max-height:2.25rem;padding:.625rem .8125rem;text-decoration:none;transition:all .2s ease-in-out 0s;white-space:nowrap}.pds-button__icon--wrapper{align-items:center;display:flex}.pds-button__icon{flex-shrink:0}.pds-button__loading-indicator{--spinner-size:1rem;--spinner-color-1:#fff;--spinner-color-2:#f1f1f1;--spinner-color-3:#cfcfd3}a.pds-button:disabled,button.pds-button:disabled{cursor:not-allowed;opacity:50%}a.pds-button:hover,button.pds-button:hover:enabled{--button-color-background:var(
|
|
6
|
-
--pds-color-button-primary-background-hover
|
|
7
|
-
);--button-color-border:var(--pds-color-button-primary-border-hover);--button-color-foreground:var(
|
|
8
|
-
--pds-color-button-primary-foreground-hover
|
|
9
|
-
)}a.pds-button:active,button.pds-button:active:enabled{--button-color-background:var(
|
|
10
|
-
--pds-color-button-primary-background-active
|
|
11
|
-
);--button-color-border:var(--pds-color-button-primary-border-active);--button-color-foreground:var(
|
|
12
|
-
--pds-color-button-primary-foreground-active
|
|
13
|
-
)}a.pds-button:focus-visible,button.pds-button:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.0625rem}a.pds-button.pds-button--sm,button.pds-button.pds-button--sm{font-size:.833rem;gap:.41rem;height:2rem;max-height:2rem;padding:.5rem .625rem}a.pds-button.pds-button--sm .pds-button__loading-indicator,button.pds-button.pds-button--sm .pds-button__loading-indicator{--spinner-size:0.8rem}a.pds-button.pds-button--lg,button.pds-button.pds-button--lg{font-size:1.2rem;height:3rem;max-height:3rem;padding:.9375rem 1.25rem}a.pds-button.pds-button--lg .pds-button__loading-indicator,button.pds-button.pds-button--lg .pds-button__loading-indicator{--spinner-size:1.25rem}a.pds-button.pds-button--secondary,button.pds-button.pds-button--secondary{--button-color-background:var(
|
|
1
|
+
a.pds-button,button.pds-button{--button-color-background:var(--pds-color-button-primary-background-default);--button-color-foreground:var(--pds-color-button-primary-foreground-default);--button-color-border:var(--pds-color-button-primary-border-default);align-items:center;background-color:var(--button-color-background);border:1px solid var(--button-color-border);border-radius:.1875rem;box-sizing:border-box;color:var(--button-color-foreground);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;gap:.64rem;height:2.25rem;justify-content:center;letter-spacing:.025em;line-height:1;max-height:2.25rem;padding:.625rem .8125rem;text-decoration:none;transition:all .2s ease-in-out 0s;white-space:nowrap}.pds-button--full-width{width:100%}.pds-button__icon--wrapper{align-items:center;display:flex}.pds-button__icon{flex-shrink:0}.pds-button__loading-indicator{--spinner-size:1rem;--spinner-color-1:#fff;--spinner-color-2:#f1f1f1;--spinner-color-3:#cfcfd3}a.pds-button:disabled,button.pds-button:disabled{cursor:not-allowed;opacity:50%}a.pds-button:hover,button.pds-button:hover:enabled{--button-color-background:var(--pds-color-button-primary-background-hover);--button-color-border:var(--pds-color-button-primary-border-hover);--button-color-foreground:var(--pds-color-button-primary-foreground-hover)}a.pds-button:active,button.pds-button:active:enabled{--button-color-background:var(--pds-color-button-primary-background-active);--button-color-border:var(--pds-color-button-primary-border-active);--button-color-foreground:var(--pds-color-button-primary-foreground-active)}a.pds-button:focus-visible,button.pds-button:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.0625rem}a.pds-button.pds-button--sm,button.pds-button.pds-button--sm{font-size:.833rem;gap:.41rem;height:2rem;max-height:2rem;padding:.5rem .625rem}a.pds-button.pds-button--sm .pds-button__loading-indicator,button.pds-button.pds-button--sm .pds-button__loading-indicator{--spinner-size:0.8rem}a.pds-button.pds-button--lg,button.pds-button.pds-button--lg{font-size:1.2rem;height:3rem;max-height:3rem;padding:.9375rem 1.25rem}a.pds-button.pds-button--lg .pds-button__loading-indicator,button.pds-button.pds-button--lg .pds-button__loading-indicator{--spinner-size:1.25rem}a.pds-button.pds-button--secondary,button.pds-button.pds-button--secondary{--button-color-background:var(
|
|
14
2
|
--pds-color-button-secondary-background-default
|
|
15
3
|
);--button-color-border:var(--pds-color-button-secondary-border-default);--button-color-foreground:var(
|
|
16
4
|
--pds-color-button-secondary-foreground-default
|
|
17
|
-
)}a.pds-button.pds-button--secondary .pds-button__loading-indicator,button.pds-button.pds-button--secondary .pds-button__loading-indicator{--spinner-color-1:var(--pds-color-button-secondary-foreground-default);--spinner-color-2:#5f41e5;--spinner-color-3:#e5dbff}a.pds-button.pds-button--secondary:hover,button.pds-button.pds-button--secondary:hover:enabled{--button-color-background:var(
|
|
18
|
-
--pds-color-button-secondary-background-hover
|
|
19
|
-
);--button-color-border:var(--pds-color-button-secondary-border-hover);--button-color-foreground:var(
|
|
20
|
-
--pds-color-button-secondary-foreground-hover
|
|
21
|
-
)}a.pds-button.pds-button--secondary:active,button.pds-button.pds-button--secondary:active:enabled{--button-color-background:var(
|
|
5
|
+
)}a.pds-button.pds-button--secondary .pds-button__loading-indicator,button.pds-button.pds-button--secondary .pds-button__loading-indicator{--spinner-color-1:var(--pds-color-button-secondary-foreground-default);--spinner-color-2:#5f41e5;--spinner-color-3:#e5dbff}a.pds-button.pds-button--secondary:hover,button.pds-button.pds-button--secondary:hover:enabled{--button-color-background:var(--pds-color-button-secondary-background-hover);--button-color-border:var(--pds-color-button-secondary-border-hover);--button-color-foreground:var(--pds-color-button-secondary-foreground-hover)}a.pds-button.pds-button--secondary:active,button.pds-button.pds-button--secondary:active:enabled{--button-color-background:var(
|
|
22
6
|
--pds-color-button-secondary-background-active
|
|
23
7
|
);--button-color-border:var(--pds-color-button-secondary-border-active);--button-color-foreground:var(
|
|
24
8
|
--pds-color-button-secondary-foreground-active
|
|
25
|
-
)}a.pds-button.pds-button--subtle,button.pds-button.pds-button--subtle{--button-color-background:var(
|
|
26
|
-
--pds-color-button-subtle-background-default
|
|
27
|
-
);--button-color-border:var(--pds-color-button-subtle-border-default);--button-color-foreground:var(
|
|
28
|
-
--pds-color-button-subtle-foreground-default
|
|
29
|
-
);font-weight:400;padding:.64rem .25rem}a.pds-button.pds-button--subtle .pds-button__loading-indicator,button.pds-button.pds-button--subtle .pds-button__loading-indicator{--spinner-color-1:var(--pds-color-button-secondary-foreground-default);--spinner-color-2:#5f41e5;--spinner-color-3:#e5dbff}a.pds-button.pds-button--subtle:hover,button.pds-button.pds-button--subtle:hover:enabled{--button-color-background:var(
|
|
30
|
-
--pds-color-button-subtle-background-default
|
|
31
|
-
);--button-color-border:var(--pds-color-button-subtle-border-default);--button-color-foreground:var(
|
|
32
|
-
--pds-color-button-subtle-foreground-hover
|
|
33
|
-
)}a.pds-button.pds-button--subtle:active,button.pds-button.pds-button--subtle:active:enabled{--button-color-background:var(
|
|
34
|
-
--pds-color-button-subtle-background-default
|
|
35
|
-
);--button-color-border:var(--pds-color-button-subtle-border-default);--button-color-foreground:var(
|
|
36
|
-
--pds-color-button-subtle-foreground-active
|
|
37
|
-
)}.pds-background--dark a.pds-button.pds-button--brand,.pds-background--dark button.pds-button.pds-button--brand,a.pds-button.pds-button--brand,button.pds-button.pds-button--brand{--button-color-background:var(
|
|
38
|
-
--pds-color-button-brand-background-default
|
|
39
|
-
);--button-color-border:var(--pds-color-button-brand-border-default);--button-color-foreground:var(
|
|
40
|
-
--pds-color-button-brand-foreground-default
|
|
41
|
-
)}.pds-background--dark a.pds-button.pds-button--brand .pds-button__loading-indicator,.pds-background--dark button.pds-button.pds-button--brand .pds-button__loading-indicator,a.pds-button.pds-button--brand .pds-button__loading-indicator,button.pds-button.pds-button--brand .pds-button__loading-indicator{--spinner-color-1:#23232d;--spinner-color-2:#726009;--spinner-color-3:#d9b500}.pds-background--dark a.pds-button.pds-button--brand:hover,.pds-background--dark button.pds-button.pds-button--brand:hover:enabled,a.pds-button.pds-button--brand:hover,button.pds-button.pds-button--brand:hover:enabled{--button-color-background:var(--pds-color-button-brand-background-hover);--button-color-border:var(--pds-color-button-brand-border-hover);--button-color-foreground:var(--pds-color-button-brand-foreground-hover)}.pds-background--dark a.pds-button.pds-button--brand:active,.pds-background--dark button.pds-button.pds-button--brand:active:enabled,a.pds-button.pds-button--brand:active,button.pds-button.pds-button--brand:active:enabled{--button-color-background:var(
|
|
42
|
-
--pds-color-button-brand-background-active
|
|
43
|
-
);--button-color-border:var(--pds-color-button-brand-border-active);--button-color-foreground:var(
|
|
44
|
-
--pds-color-button-brand-foreground-active
|
|
45
|
-
)}a.pds-button.pds-button--brand-secondary,button.pds-button.pds-button--brand-secondary{--button-color-background:var(
|
|
9
|
+
)}a.pds-button.pds-button--subtle,button.pds-button.pds-button--subtle{--button-color-background:var(--pds-color-button-subtle-background-default);--button-color-border:var(--pds-color-button-subtle-border-default);--button-color-foreground:var(--pds-color-button-subtle-foreground-default);font-weight:400;padding:.64rem .25rem}a.pds-button.pds-button--subtle .pds-button__loading-indicator,button.pds-button.pds-button--subtle .pds-button__loading-indicator{--spinner-color-1:var(--pds-color-button-secondary-foreground-default);--spinner-color-2:#5f41e5;--spinner-color-3:#e5dbff}a.pds-button.pds-button--subtle:hover,button.pds-button.pds-button--subtle:hover:enabled{--button-color-background:var(--pds-color-button-subtle-background-default);--button-color-border:var(--pds-color-button-subtle-border-default);--button-color-foreground:var(--pds-color-button-subtle-foreground-hover)}a.pds-button.pds-button--subtle:active,button.pds-button.pds-button--subtle:active:enabled{--button-color-background:var(--pds-color-button-subtle-background-default);--button-color-border:var(--pds-color-button-subtle-border-default);--button-color-foreground:var(--pds-color-button-subtle-foreground-active)}.pds-background--dark a.pds-button.pds-button--brand,.pds-background--dark button.pds-button.pds-button--brand,a.pds-button.pds-button--brand,button.pds-button.pds-button--brand{--button-color-background:var(--pds-color-button-brand-background-default);--button-color-border:var(--pds-color-button-brand-border-default);--button-color-foreground:var(--pds-color-button-brand-foreground-default)}.pds-background--dark a.pds-button.pds-button--brand .pds-button__loading-indicator,.pds-background--dark button.pds-button.pds-button--brand .pds-button__loading-indicator,a.pds-button.pds-button--brand .pds-button__loading-indicator,button.pds-button.pds-button--brand .pds-button__loading-indicator{--spinner-color-1:#23232d;--spinner-color-2:#726009;--spinner-color-3:#d9b500}.pds-background--dark a.pds-button.pds-button--brand:hover,.pds-background--dark button.pds-button.pds-button--brand:hover:enabled,a.pds-button.pds-button--brand:hover,button.pds-button.pds-button--brand:hover:enabled{--button-color-background:var(--pds-color-button-brand-background-hover);--button-color-border:var(--pds-color-button-brand-border-hover);--button-color-foreground:var(--pds-color-button-brand-foreground-hover)}.pds-background--dark a.pds-button.pds-button--brand:active,.pds-background--dark button.pds-button.pds-button--brand:active:enabled,a.pds-button.pds-button--brand:active,button.pds-button.pds-button--brand:active:enabled{--button-color-background:var(--pds-color-button-brand-background-active);--button-color-border:var(--pds-color-button-brand-border-active);--button-color-foreground:var(--pds-color-button-brand-foreground-active)}a.pds-button.pds-button--brand-secondary,button.pds-button.pds-button--brand-secondary{--button-color-background:var(
|
|
46
10
|
--pds-color-button-brand-secondary-background-default
|
|
47
|
-
);--button-color-border:var(
|
|
48
|
-
--pds-color-button-brand-secondary-border-default
|
|
49
|
-
);--button-color-foreground:var(
|
|
11
|
+
);--button-color-border:var(--pds-color-button-brand-secondary-border-default);--button-color-foreground:var(
|
|
50
12
|
--pds-color-button-brand-secondary-foreground-default
|
|
51
13
|
)}a.pds-button.pds-button--brand-secondary .pds-button__loading-indicator,button.pds-button.pds-button--brand-secondary .pds-button__loading-indicator{--spinner-color-1:#23232d;--spinner-color-2:#6d6d78;--spinner-color-3:#cfcfd3}a.pds-button.pds-button--brand-secondary:hover,button.pds-button.pds-button--brand-secondary:hover:enabled{--button-color-background:var(
|
|
52
14
|
--pds-color-button-brand-secondary-background-hover
|
|
53
|
-
);--button-color-border:var(
|
|
54
|
-
--pds-color-button-brand-secondary-border-hover
|
|
55
|
-
);--button-color-foreground:var(
|
|
15
|
+
);--button-color-border:var(--pds-color-button-brand-secondary-border-hover);--button-color-foreground:var(
|
|
56
16
|
--pds-color-button-brand-secondary-foreground-hover
|
|
57
17
|
)}a.pds-button.pds-button--brand-secondary:active,button.pds-button.pds-button--brand-secondary:active:enabled{--button-color-background:var(
|
|
58
18
|
--pds-color-button-brand-secondary-background-active
|
|
59
|
-
);--button-color-border:var(
|
|
60
|
-
--pds-color-button-brand-secondary-border-active
|
|
61
|
-
);--button-color-foreground:var(
|
|
19
|
+
);--button-color-border:var(--pds-color-button-brand-secondary-border-active);--button-color-foreground:var(
|
|
62
20
|
--pds-color-button-brand-secondary-foreground-active
|
|
63
21
|
)}a.pds-button.pds-button--critical,button.pds-button.pds-button--critical{--button-color-background:var(
|
|
64
22
|
--pds-color-button-critical-background-default
|
|
65
23
|
);--button-color-border:var(--pds-color-button-critical-border-default);--button-color-foreground:var(
|
|
66
24
|
--pds-color-button-critical-foreground-default
|
|
67
|
-
)}a.pds-button.pds-button--critical .pds-button__loading-indicator,button.pds-button.pds-button--critical .pds-button__loading-indicator{--spinner-color-1:var(--pds-color-button-critical-foreground-default);--spinner-color-2:#
|
|
68
|
-
--pds-color-button-critical-background-
|
|
69
|
-
);--button-color-border:var(
|
|
70
|
-
--pds-color-button-critical-
|
|
71
|
-
)
|
|
72
|
-
--pds-color-button-critical-
|
|
73
|
-
)
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
--pds-color-button-
|
|
77
|
-
)
|
|
78
|
-
--pds-color-button-
|
|
79
|
-
)
|
|
80
|
-
--pds-color-button-
|
|
81
|
-
)}
|
|
25
|
+
)}a.pds-button.pds-button--critical .pds-button__loading-indicator,button.pds-button.pds-button--critical .pds-button__loading-indicator{--spinner-color-1:var(--pds-color-button-critical-foreground-default);--spinner-color-2:#f3c9c6;--spinner-color-3:#d46961}a.pds-button.pds-button--critical:hover,button.pds-button.pds-button--critical:hover:enabled{--button-color-background:var(--pds-color-button-critical-background-hover);--button-color-border:var(--pds-color-button-critical-border-hover);--button-color-foreground:var(--pds-color-button-critical-foreground-hover)}a.pds-button.pds-button--critical:active,button.pds-button.pds-button--critical:active:enabled{--button-color-background:var(--pds-color-button-critical-background-active);--button-color-border:var(--pds-color-button-critical-border-active);--button-color-foreground:var(--pds-color-button-critical-foreground-active)}a.pds-button.pds-button--critical-secondary,button.pds-button.pds-button--critical-secondary{--button-color-background:var(
|
|
26
|
+
--pds-color-button-critical-secondary-background-default
|
|
27
|
+
);--button-color-border:var(
|
|
28
|
+
--pds-color-button-critical-secondary-border-default
|
|
29
|
+
);--button-color-foreground:var(
|
|
30
|
+
--pds-color-button-critical-secondary-foreground-default
|
|
31
|
+
)}a.pds-button.pds-button--critical-secondary .pds-button__loading-indicator,button.pds-button.pds-button--critical-secondary .pds-button__loading-indicator{--spinner-color-1:var(
|
|
32
|
+
--pds-color-button-critical-secondary-foreground-default
|
|
33
|
+
);--spinner-color-2:#d46961;--spinner-color-3:#f3c9c6}a.pds-button.pds-button--critical-secondary:hover,button.pds-button.pds-button--critical-secondary:hover:enabled{--button-color-background:var(
|
|
34
|
+
--pds-color-button-critical-secondary-background-hover
|
|
35
|
+
);--button-color-border:var(
|
|
36
|
+
--pds-color-button-critical-secondary-border-hover
|
|
37
|
+
);--button-color-foreground:var(
|
|
38
|
+
--pds-color-button-critical-secondary-foreground-hover
|
|
39
|
+
)}a.pds-button.pds-button--critical-secondary:active,button.pds-button.pds-button--critical-secondary:active:enabled{--button-color-background:var(
|
|
40
|
+
--pds-color-button-critical-secondary-background-active
|
|
41
|
+
);--button-color-border:var(
|
|
42
|
+
--pds-color-button-critical-secondary-border-active
|
|
43
|
+
);--button-color-foreground:var(
|
|
44
|
+
--pds-color-button-critical-secondary-foreground-active
|
|
45
|
+
)}a.pds-button.pds-button--navbar,button.pds-button.pds-button--navbar{--button-color-background:transparent;--button-color-border:transparent;--button-color-foreground:var(--pds-color-button-navbar-foreground-default);font-weight:400}a.pds-button.pds-button--navbar .pds-button__loading-indicator,button.pds-button.pds-button--navbar .pds-button__loading-indicator{--spinner-color-1:#525560;--spinner-color-2:#6a6e7a;--spinner-color-3:#cfcfd3}a.pds-button.pds-button--navbar:hover,button.pds-button.pds-button--navbar:hover:enabled{--button-color-background:transparent;--button-color-border:transparent;--button-color-foreground:var(--pds-color-button-navbar-foreground-hover)}a.pds-button.pds-button--navbar:active,button.pds-button.pds-button--navbar:active:enabled{--button-color-background:transparent;--button-color-border:transparent;--button-color-foreground:var(--pds-color-button-navbar-foreground-active)}button.pds-button.pds-button--inline{background-color:transparent;border:none;border-radius:0;color:var(--pds-color-interactive-link-default);font-size:inherit;font-weight:400;height:unset;justify-content:unset;letter-spacing:0;max-height:unset;padding:0;transition:all .2s ease-in-out 0s}button.pds-button.pds-button--inline .pds-button__loading-indicator{--spinner-color-1:#23232d;--spinner-color-2:#6d6d78;--spinner-color-3:#cfcfd3}button.pds-button.pds-button--inline:hover:enabled{color:var(--pds-color-interactive-link-hover);text-decoration:underline}button.pds-button.pds-button--inline:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none}.pds-button-group,.pds-button-group--lg{display:flex;flex-direction:column;row-gap:1rem;width:100%}.pds-button-group a.pds-button.pds-button--subtle,.pds-button-group button.pds-button.pds-button--subtle,.pds-button-group--lg a.pds-button.pds-button--subtle,.pds-button-group--lg button.pds-button.pds-button--subtle{margin-block:-.512rem}@media (min-width:641px){.pds-button-group a.pds-button.pds-button--subtle,.pds-button-group button.pds-button.pds-button--subtle,.pds-button-group--lg a.pds-button.pds-button--subtle,.pds-button-group--lg button.pds-button.pds-button--subtle{margin-block:unset;margin-inline:-.25rem}.pds-button-group{column-gap:1.25rem;flex-direction:row;width:unset}.pds-button-group--lg{column-gap:1.563rem}}
|
|
@@ -36,87 +36,51 @@
|
|
|
36
36
|
--pds-color-badge-indicator-diamond-background
|
|
37
37
|
);--indicator-badge-text:var(
|
|
38
38
|
--pds-color-badge-indicator-diamond-foreground
|
|
39
|
-
)}.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)}.pds-branch-diff{display:flex;height:2rem;max-width:100%;width:100%}.pds-branch-diff .pds-branch-diff__behind{padding-bottom:4px;position:relative;text-align:right;width:50%}.pds-branch-diff .pds-branch-diff__behind .pds-branch-diff__behind-number{display:block;font-size:.833rem;font-weight:400;line-height:120%;padding-inline:.25rem;position:relative;top:-1px}.pds-branch-diff .pds-branch-diff__behind .pds-branch-diff__behind-line{background-color:var(--pds-color-neutral-300);border-bottom-left-radius:6.25rem;border-top-left-radius:6.25rem;height:8px;min-width:1px;position:absolute;right:0;transition:width .3s ease;width:41.95%}.pds-branch-diff .pds-branch-diff__ahead{border-color:var(--pds-color-neutral-400);border-left-style:solid;border-left-width:1px;padding-bottom:4px;position:relative;text-align:left;width:50%}.pds-branch-diff .pds-branch-diff__ahead .pds-branch-diff__ahead-number{display:block;font-size:.833rem;font-weight:400;line-height:120%;padding-inline:.25rem;position:relative;top:-1px}.pds-branch-diff .pds-branch-diff__ahead .pds-branch-diff__ahead-line{background-color:var(--pds-color-neutral-400);border-bottom-right-radius:6.25rem;border-top-right-radius:6.25rem;height:8px;left:0;min-width:1px;position:absolute;transition:width .3s ease;width:41.95%}.pds-branch-diff .pds-branch-diff__tooltip{padding-inline:0}a.pds-button,button.pds-button{--button-color-background:var(
|
|
40
|
-
--pds-color-button-primary-background-default
|
|
41
|
-
);--button-color-foreground:var(
|
|
42
|
-
--pds-color-button-primary-foreground-default
|
|
43
|
-
);--button-color-border:var(--pds-color-button-primary-border-default);align-items:center;background-color:var(--button-color-background);border:1px solid var(--button-color-border);border-radius:.1875rem;box-sizing:border-box;color:var(--button-color-foreground);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;gap:.64rem;height:2.25rem;justify-content:center;letter-spacing:.025em;line-height:1;max-height:2.25rem;padding:.625rem .8125rem;text-decoration:none;transition:all .2s ease-in-out 0s;white-space:nowrap}.pds-button__icon--wrapper{align-items:center;display:flex}.pds-button__icon{flex-shrink:0}.pds-button__loading-indicator{--spinner-size:1rem;--spinner-color-1:#fff;--spinner-color-2:#f1f1f1;--spinner-color-3:#cfcfd3}a.pds-button:disabled,button.pds-button:disabled{cursor:not-allowed;opacity:50%}a.pds-button:hover,button.pds-button:hover:enabled{--button-color-background:var(
|
|
44
|
-
--pds-color-button-primary-background-hover
|
|
45
|
-
);--button-color-border:var(--pds-color-button-primary-border-hover);--button-color-foreground:var(
|
|
46
|
-
--pds-color-button-primary-foreground-hover
|
|
47
|
-
)}a.pds-button:active,button.pds-button:active:enabled{--button-color-background:var(
|
|
48
|
-
--pds-color-button-primary-background-active
|
|
49
|
-
);--button-color-border:var(--pds-color-button-primary-border-active);--button-color-foreground:var(
|
|
50
|
-
--pds-color-button-primary-foreground-active
|
|
51
|
-
)}a.pds-button:focus-visible,button.pds-button:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.0625rem}a.pds-button.pds-button--sm,button.pds-button.pds-button--sm{font-size:.833rem;gap:.41rem;height:2rem;max-height:2rem;padding:.5rem .625rem}a.pds-button.pds-button--sm .pds-button__loading-indicator,button.pds-button.pds-button--sm .pds-button__loading-indicator{--spinner-size:0.8rem}a.pds-button.pds-button--lg,button.pds-button.pds-button--lg{font-size:1.2rem;height:3rem;max-height:3rem;padding:.9375rem 1.25rem}a.pds-button.pds-button--lg .pds-button__loading-indicator,button.pds-button.pds-button--lg .pds-button__loading-indicator{--spinner-size:1.25rem}a.pds-button.pds-button--secondary,button.pds-button.pds-button--secondary{--button-color-background:var(
|
|
39
|
+
)}.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)}.pds-branch-diff{display:flex;height:2rem;max-width:100%;width:100%}.pds-branch-diff .pds-branch-diff__behind{padding-bottom:4px;position:relative;text-align:right;width:50%}.pds-branch-diff .pds-branch-diff__behind .pds-branch-diff__behind-number{display:block;font-size:.833rem;font-weight:400;line-height:120%;padding-inline:.25rem;position:relative;top:-1px}.pds-branch-diff .pds-branch-diff__behind .pds-branch-diff__behind-line{background-color:var(--pds-color-neutral-300);border-bottom-left-radius:6.25rem;border-top-left-radius:6.25rem;height:8px;min-width:1px;position:absolute;right:0;transition:width .3s ease;width:41.95%}.pds-branch-diff .pds-branch-diff__ahead{border-color:var(--pds-color-neutral-400);border-left-style:solid;border-left-width:1px;padding-bottom:4px;position:relative;text-align:left;width:50%}.pds-branch-diff .pds-branch-diff__ahead .pds-branch-diff__ahead-number{display:block;font-size:.833rem;font-weight:400;line-height:120%;padding-inline:.25rem;position:relative;top:-1px}.pds-branch-diff .pds-branch-diff__ahead .pds-branch-diff__ahead-line{background-color:var(--pds-color-neutral-400);border-bottom-right-radius:6.25rem;border-top-right-radius:6.25rem;height:8px;left:0;min-width:1px;position:absolute;transition:width .3s ease;width:41.95%}.pds-branch-diff .pds-branch-diff__tooltip{padding-inline:0}a.pds-button,button.pds-button{--button-color-background:var(--pds-color-button-primary-background-default);--button-color-foreground:var(--pds-color-button-primary-foreground-default);--button-color-border:var(--pds-color-button-primary-border-default);align-items:center;background-color:var(--button-color-background);border:1px solid var(--button-color-border);border-radius:.1875rem;box-sizing:border-box;color:var(--button-color-foreground);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;gap:.64rem;height:2.25rem;justify-content:center;letter-spacing:.025em;line-height:1;max-height:2.25rem;padding:.625rem .8125rem;text-decoration:none;transition:all .2s ease-in-out 0s;white-space:nowrap}.pds-button--full-width{width:100%}.pds-button__icon--wrapper{align-items:center;display:flex}.pds-button__icon{flex-shrink:0}.pds-button__loading-indicator{--spinner-size:1rem;--spinner-color-1:#fff;--spinner-color-2:#f1f1f1;--spinner-color-3:#cfcfd3}a.pds-button:disabled,button.pds-button:disabled{cursor:not-allowed;opacity:50%}a.pds-button:hover,button.pds-button:hover:enabled{--button-color-background:var(--pds-color-button-primary-background-hover);--button-color-border:var(--pds-color-button-primary-border-hover);--button-color-foreground:var(--pds-color-button-primary-foreground-hover)}a.pds-button:active,button.pds-button:active:enabled{--button-color-background:var(--pds-color-button-primary-background-active);--button-color-border:var(--pds-color-button-primary-border-active);--button-color-foreground:var(--pds-color-button-primary-foreground-active)}a.pds-button:focus-visible,button.pds-button:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.0625rem}a.pds-button.pds-button--sm,button.pds-button.pds-button--sm{font-size:.833rem;gap:.41rem;height:2rem;max-height:2rem;padding:.5rem .625rem}a.pds-button.pds-button--sm .pds-button__loading-indicator,button.pds-button.pds-button--sm .pds-button__loading-indicator{--spinner-size:0.8rem}a.pds-button.pds-button--lg,button.pds-button.pds-button--lg{font-size:1.2rem;height:3rem;max-height:3rem;padding:.9375rem 1.25rem}a.pds-button.pds-button--lg .pds-button__loading-indicator,button.pds-button.pds-button--lg .pds-button__loading-indicator{--spinner-size:1.25rem}a.pds-button.pds-button--secondary,button.pds-button.pds-button--secondary{--button-color-background:var(
|
|
52
40
|
--pds-color-button-secondary-background-default
|
|
53
41
|
);--button-color-border:var(--pds-color-button-secondary-border-default);--button-color-foreground:var(
|
|
54
42
|
--pds-color-button-secondary-foreground-default
|
|
55
|
-
)}a.pds-button.pds-button--secondary .pds-button__loading-indicator,button.pds-button.pds-button--secondary .pds-button__loading-indicator{--spinner-color-1:var(--pds-color-button-secondary-foreground-default);--spinner-color-2:#5f41e5;--spinner-color-3:#e5dbff}a.pds-button.pds-button--secondary:hover,button.pds-button.pds-button--secondary:hover:enabled{--button-color-background:var(
|
|
56
|
-
--pds-color-button-secondary-background-hover
|
|
57
|
-
);--button-color-border:var(--pds-color-button-secondary-border-hover);--button-color-foreground:var(
|
|
58
|
-
--pds-color-button-secondary-foreground-hover
|
|
59
|
-
)}a.pds-button.pds-button--secondary:active,button.pds-button.pds-button--secondary:active:enabled{--button-color-background:var(
|
|
43
|
+
)}a.pds-button.pds-button--secondary .pds-button__loading-indicator,button.pds-button.pds-button--secondary .pds-button__loading-indicator{--spinner-color-1:var(--pds-color-button-secondary-foreground-default);--spinner-color-2:#5f41e5;--spinner-color-3:#e5dbff}a.pds-button.pds-button--secondary:hover,button.pds-button.pds-button--secondary:hover:enabled{--button-color-background:var(--pds-color-button-secondary-background-hover);--button-color-border:var(--pds-color-button-secondary-border-hover);--button-color-foreground:var(--pds-color-button-secondary-foreground-hover)}a.pds-button.pds-button--secondary:active,button.pds-button.pds-button--secondary:active:enabled{--button-color-background:var(
|
|
60
44
|
--pds-color-button-secondary-background-active
|
|
61
45
|
);--button-color-border:var(--pds-color-button-secondary-border-active);--button-color-foreground:var(
|
|
62
46
|
--pds-color-button-secondary-foreground-active
|
|
63
|
-
)}a.pds-button.pds-button--subtle,button.pds-button.pds-button--subtle{--button-color-background:var(
|
|
64
|
-
--pds-color-button-subtle-background-default
|
|
65
|
-
);--button-color-border:var(--pds-color-button-subtle-border-default);--button-color-foreground:var(
|
|
66
|
-
--pds-color-button-subtle-foreground-default
|
|
67
|
-
);font-weight:400;padding:.64rem .25rem}a.pds-button.pds-button--subtle .pds-button__loading-indicator,button.pds-button.pds-button--subtle .pds-button__loading-indicator{--spinner-color-1:var(--pds-color-button-secondary-foreground-default);--spinner-color-2:#5f41e5;--spinner-color-3:#e5dbff}a.pds-button.pds-button--subtle:hover,button.pds-button.pds-button--subtle:hover:enabled{--button-color-background:var(
|
|
68
|
-
--pds-color-button-subtle-background-default
|
|
69
|
-
);--button-color-border:var(--pds-color-button-subtle-border-default);--button-color-foreground:var(
|
|
70
|
-
--pds-color-button-subtle-foreground-hover
|
|
71
|
-
)}a.pds-button.pds-button--subtle:active,button.pds-button.pds-button--subtle:active:enabled{--button-color-background:var(
|
|
72
|
-
--pds-color-button-subtle-background-default
|
|
73
|
-
);--button-color-border:var(--pds-color-button-subtle-border-default);--button-color-foreground:var(
|
|
74
|
-
--pds-color-button-subtle-foreground-active
|
|
75
|
-
)}.pds-background--dark a.pds-button.pds-button--brand,.pds-background--dark button.pds-button.pds-button--brand,a.pds-button.pds-button--brand,button.pds-button.pds-button--brand{--button-color-background:var(
|
|
76
|
-
--pds-color-button-brand-background-default
|
|
77
|
-
);--button-color-border:var(--pds-color-button-brand-border-default);--button-color-foreground:var(
|
|
78
|
-
--pds-color-button-brand-foreground-default
|
|
79
|
-
)}.pds-background--dark a.pds-button.pds-button--brand .pds-button__loading-indicator,.pds-background--dark button.pds-button.pds-button--brand .pds-button__loading-indicator,a.pds-button.pds-button--brand .pds-button__loading-indicator,button.pds-button.pds-button--brand .pds-button__loading-indicator{--spinner-color-1:#23232d;--spinner-color-2:#726009;--spinner-color-3:#d9b500}.pds-background--dark a.pds-button.pds-button--brand:hover,.pds-background--dark button.pds-button.pds-button--brand:hover:enabled,a.pds-button.pds-button--brand:hover,button.pds-button.pds-button--brand:hover:enabled{--button-color-background:var(--pds-color-button-brand-background-hover);--button-color-border:var(--pds-color-button-brand-border-hover);--button-color-foreground:var(--pds-color-button-brand-foreground-hover)}.pds-background--dark a.pds-button.pds-button--brand:active,.pds-background--dark button.pds-button.pds-button--brand:active:enabled,a.pds-button.pds-button--brand:active,button.pds-button.pds-button--brand:active:enabled{--button-color-background:var(
|
|
80
|
-
--pds-color-button-brand-background-active
|
|
81
|
-
);--button-color-border:var(--pds-color-button-brand-border-active);--button-color-foreground:var(
|
|
82
|
-
--pds-color-button-brand-foreground-active
|
|
83
|
-
)}a.pds-button.pds-button--brand-secondary,button.pds-button.pds-button--brand-secondary{--button-color-background:var(
|
|
47
|
+
)}a.pds-button.pds-button--subtle,button.pds-button.pds-button--subtle{--button-color-background:var(--pds-color-button-subtle-background-default);--button-color-border:var(--pds-color-button-subtle-border-default);--button-color-foreground:var(--pds-color-button-subtle-foreground-default);font-weight:400;padding:.64rem .25rem}a.pds-button.pds-button--subtle .pds-button__loading-indicator,button.pds-button.pds-button--subtle .pds-button__loading-indicator{--spinner-color-1:var(--pds-color-button-secondary-foreground-default);--spinner-color-2:#5f41e5;--spinner-color-3:#e5dbff}a.pds-button.pds-button--subtle:hover,button.pds-button.pds-button--subtle:hover:enabled{--button-color-background:var(--pds-color-button-subtle-background-default);--button-color-border:var(--pds-color-button-subtle-border-default);--button-color-foreground:var(--pds-color-button-subtle-foreground-hover)}a.pds-button.pds-button--subtle:active,button.pds-button.pds-button--subtle:active:enabled{--button-color-background:var(--pds-color-button-subtle-background-default);--button-color-border:var(--pds-color-button-subtle-border-default);--button-color-foreground:var(--pds-color-button-subtle-foreground-active)}.pds-background--dark a.pds-button.pds-button--brand,.pds-background--dark button.pds-button.pds-button--brand,a.pds-button.pds-button--brand,button.pds-button.pds-button--brand{--button-color-background:var(--pds-color-button-brand-background-default);--button-color-border:var(--pds-color-button-brand-border-default);--button-color-foreground:var(--pds-color-button-brand-foreground-default)}.pds-background--dark a.pds-button.pds-button--brand .pds-button__loading-indicator,.pds-background--dark button.pds-button.pds-button--brand .pds-button__loading-indicator,a.pds-button.pds-button--brand .pds-button__loading-indicator,button.pds-button.pds-button--brand .pds-button__loading-indicator{--spinner-color-1:#23232d;--spinner-color-2:#726009;--spinner-color-3:#d9b500}.pds-background--dark a.pds-button.pds-button--brand:hover,.pds-background--dark button.pds-button.pds-button--brand:hover:enabled,a.pds-button.pds-button--brand:hover,button.pds-button.pds-button--brand:hover:enabled{--button-color-background:var(--pds-color-button-brand-background-hover);--button-color-border:var(--pds-color-button-brand-border-hover);--button-color-foreground:var(--pds-color-button-brand-foreground-hover)}.pds-background--dark a.pds-button.pds-button--brand:active,.pds-background--dark button.pds-button.pds-button--brand:active:enabled,a.pds-button.pds-button--brand:active,button.pds-button.pds-button--brand:active:enabled{--button-color-background:var(--pds-color-button-brand-background-active);--button-color-border:var(--pds-color-button-brand-border-active);--button-color-foreground:var(--pds-color-button-brand-foreground-active)}a.pds-button.pds-button--brand-secondary,button.pds-button.pds-button--brand-secondary{--button-color-background:var(
|
|
84
48
|
--pds-color-button-brand-secondary-background-default
|
|
85
|
-
);--button-color-border:var(
|
|
86
|
-
--pds-color-button-brand-secondary-border-default
|
|
87
|
-
);--button-color-foreground:var(
|
|
49
|
+
);--button-color-border:var(--pds-color-button-brand-secondary-border-default);--button-color-foreground:var(
|
|
88
50
|
--pds-color-button-brand-secondary-foreground-default
|
|
89
51
|
)}a.pds-button.pds-button--brand-secondary .pds-button__loading-indicator,button.pds-button.pds-button--brand-secondary .pds-button__loading-indicator{--spinner-color-1:#23232d;--spinner-color-2:#6d6d78;--spinner-color-3:#cfcfd3}a.pds-button.pds-button--brand-secondary:hover,button.pds-button.pds-button--brand-secondary:hover:enabled{--button-color-background:var(
|
|
90
52
|
--pds-color-button-brand-secondary-background-hover
|
|
91
|
-
);--button-color-border:var(
|
|
92
|
-
--pds-color-button-brand-secondary-border-hover
|
|
93
|
-
);--button-color-foreground:var(
|
|
53
|
+
);--button-color-border:var(--pds-color-button-brand-secondary-border-hover);--button-color-foreground:var(
|
|
94
54
|
--pds-color-button-brand-secondary-foreground-hover
|
|
95
55
|
)}a.pds-button.pds-button--brand-secondary:active,button.pds-button.pds-button--brand-secondary:active:enabled{--button-color-background:var(
|
|
96
56
|
--pds-color-button-brand-secondary-background-active
|
|
97
|
-
);--button-color-border:var(
|
|
98
|
-
--pds-color-button-brand-secondary-border-active
|
|
99
|
-
);--button-color-foreground:var(
|
|
57
|
+
);--button-color-border:var(--pds-color-button-brand-secondary-border-active);--button-color-foreground:var(
|
|
100
58
|
--pds-color-button-brand-secondary-foreground-active
|
|
101
59
|
)}a.pds-button.pds-button--critical,button.pds-button.pds-button--critical{--button-color-background:var(
|
|
102
60
|
--pds-color-button-critical-background-default
|
|
103
61
|
);--button-color-border:var(--pds-color-button-critical-border-default);--button-color-foreground:var(
|
|
104
62
|
--pds-color-button-critical-foreground-default
|
|
105
|
-
)}a.pds-button.pds-button--critical .pds-button__loading-indicator,button.pds-button.pds-button--critical .pds-button__loading-indicator{--spinner-color-1:var(--pds-color-button-critical-foreground-default);--spinner-color-2:#
|
|
106
|
-
--pds-color-button-critical-background-
|
|
107
|
-
);--button-color-border:var(
|
|
108
|
-
--pds-color-button-critical-
|
|
109
|
-
)
|
|
110
|
-
--pds-color-button-critical-
|
|
111
|
-
)
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
--pds-color-button-
|
|
115
|
-
)
|
|
116
|
-
--pds-color-button-
|
|
117
|
-
)
|
|
118
|
-
--pds-color-button-
|
|
119
|
-
)}
|
|
63
|
+
)}a.pds-button.pds-button--critical .pds-button__loading-indicator,button.pds-button.pds-button--critical .pds-button__loading-indicator{--spinner-color-1:var(--pds-color-button-critical-foreground-default);--spinner-color-2:#f3c9c6;--spinner-color-3:#d46961}a.pds-button.pds-button--critical:hover,button.pds-button.pds-button--critical:hover:enabled{--button-color-background:var(--pds-color-button-critical-background-hover);--button-color-border:var(--pds-color-button-critical-border-hover);--button-color-foreground:var(--pds-color-button-critical-foreground-hover)}a.pds-button.pds-button--critical:active,button.pds-button.pds-button--critical:active:enabled{--button-color-background:var(--pds-color-button-critical-background-active);--button-color-border:var(--pds-color-button-critical-border-active);--button-color-foreground:var(--pds-color-button-critical-foreground-active)}a.pds-button.pds-button--critical-secondary,button.pds-button.pds-button--critical-secondary{--button-color-background:var(
|
|
64
|
+
--pds-color-button-critical-secondary-background-default
|
|
65
|
+
);--button-color-border:var(
|
|
66
|
+
--pds-color-button-critical-secondary-border-default
|
|
67
|
+
);--button-color-foreground:var(
|
|
68
|
+
--pds-color-button-critical-secondary-foreground-default
|
|
69
|
+
)}a.pds-button.pds-button--critical-secondary .pds-button__loading-indicator,button.pds-button.pds-button--critical-secondary .pds-button__loading-indicator{--spinner-color-1:var(
|
|
70
|
+
--pds-color-button-critical-secondary-foreground-default
|
|
71
|
+
);--spinner-color-2:#d46961;--spinner-color-3:#f3c9c6}a.pds-button.pds-button--critical-secondary:hover,button.pds-button.pds-button--critical-secondary:hover:enabled{--button-color-background:var(
|
|
72
|
+
--pds-color-button-critical-secondary-background-hover
|
|
73
|
+
);--button-color-border:var(
|
|
74
|
+
--pds-color-button-critical-secondary-border-hover
|
|
75
|
+
);--button-color-foreground:var(
|
|
76
|
+
--pds-color-button-critical-secondary-foreground-hover
|
|
77
|
+
)}a.pds-button.pds-button--critical-secondary:active,button.pds-button.pds-button--critical-secondary:active:enabled{--button-color-background:var(
|
|
78
|
+
--pds-color-button-critical-secondary-background-active
|
|
79
|
+
);--button-color-border:var(
|
|
80
|
+
--pds-color-button-critical-secondary-border-active
|
|
81
|
+
);--button-color-foreground:var(
|
|
82
|
+
--pds-color-button-critical-secondary-foreground-active
|
|
83
|
+
)}a.pds-button.pds-button--navbar,button.pds-button.pds-button--navbar{--button-color-background:transparent;--button-color-border:transparent;--button-color-foreground:var(--pds-color-button-navbar-foreground-default);font-weight:400}a.pds-button.pds-button--navbar .pds-button__loading-indicator,button.pds-button.pds-button--navbar .pds-button__loading-indicator{--spinner-color-1:#525560;--spinner-color-2:#6a6e7a;--spinner-color-3:#cfcfd3}a.pds-button.pds-button--navbar:hover,button.pds-button.pds-button--navbar:hover:enabled{--button-color-background:transparent;--button-color-border:transparent;--button-color-foreground:var(--pds-color-button-navbar-foreground-hover)}a.pds-button.pds-button--navbar:active,button.pds-button.pds-button--navbar:active:enabled{--button-color-background:transparent;--button-color-border:transparent;--button-color-foreground:var(--pds-color-button-navbar-foreground-active)}button.pds-button.pds-button--inline{background-color:transparent;border:none;border-radius:0;color:var(--pds-color-interactive-link-default);font-size:inherit;font-weight:400;height:unset;justify-content:unset;letter-spacing:0;max-height:unset;padding:0;transition:all .2s ease-in-out 0s}button.pds-button.pds-button--inline .pds-button__loading-indicator{--spinner-color-1:#23232d;--spinner-color-2:#6d6d78;--spinner-color-3:#cfcfd3}button.pds-button.pds-button--inline:hover:enabled{color:var(--pds-color-interactive-link-hover);text-decoration:underline}button.pds-button.pds-button--inline:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none}.pds-button-group,.pds-button-group--lg{display:flex;flex-direction:column;row-gap:1rem;width:100%}.pds-button-group a.pds-button.pds-button--subtle,.pds-button-group button.pds-button.pds-button--subtle,.pds-button-group--lg a.pds-button.pds-button--subtle,.pds-button-group--lg button.pds-button.pds-button--subtle{margin-block:-.512rem}@media (min-width:641px){.pds-button-group a.pds-button.pds-button--subtle,.pds-button-group button.pds-button.pds-button--subtle,.pds-button-group--lg a.pds-button.pds-button--subtle,.pds-button-group--lg button.pds-button.pds-button--subtle{margin-block:unset;margin-inline:-.25rem}.pds-button-group{column-gap:1.25rem;flex-direction:row;width:unset}.pds-button-group--lg{column-gap:1.563rem}}.pds-button-link a{white-space:nowrap}.pds-button-link a:hover{color:var(--pds-color-button-primary-foreground-hover)}.pds-button-link a.pds-button.pds-button--secondary:hover{color:var(--pds-color-button-secondary-foreground-hover)}.pds-button-link a.pds-button.pds-button--subtle:hover{color:var(--pds-color-button-subtle-foreground-hover)}.pds-button-link a.pds-button.pds-button--brand:hover{color:var(--pds-color-button-brand-foreground-hover)}.pds-button-link a.pds-button.pds-button--brand-secondary:hover{color:var(--pds-color-button-brand-secondary-foreground-hover)}.pds-button-link a.pds-button.pds-button--critical:hover{color:var(--pds-color-button-critical-foreground-hover)}.pds-button-group .pds-button-link a{text-align:center;width:100%}.pds-close-button{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex}.pds-close-button:hover{color:var(--pds-color-interactive-link-hover)}.pds-close-button:focus-visible{outline:1px solid var(--pds-color-interactive-focus);transition:outline .2s ease-in-out 0s}button.pds-icon-button{--icon-button-size:2.25rem;--icon-button-foreground:var(--pds-color-foreground-default);--icon-button-background-hover:var(
|
|
120
84
|
--pds-color-icon-button-standard-background-hover
|
|
121
85
|
);--icon-button-background-active:var(
|
|
122
86
|
--pds-color-icon-button-standard-background-active
|
|
@@ -138,7 +102,7 @@
|
|
|
138
102
|
--pds-color-input-file-upload-button-background-default
|
|
139
103
|
)}.pds-file-upload--safari-default input[data-file]:after{background-color:var(--pds-color-background-default);color:var(--pds-color-foreground-default);content:attr(data-file)}.pds-file-upload--safari-default .pds-file-upload__input{color:transparent}.pds-input.pds-is-disabled,.pds-input.pds-is-disabled input,.pds-is-disabled legend.pds-input-label{cursor:not-allowed;opacity:50%}.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{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{border-color:var(--pds-color-status-success-foreground)}.pds-input.pds-is-readonly .pds-text-input__input-wrapper{background-color:var(--pds-color-background-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-background-default);-webkit-text-fill-color:var(--pds-color-foreground-default)}.pds-input-label{color:var(--pds-color-foreground-default);display:flex;font-size:1rem;font-weight:600;margin-block-end:.512rem;padding-inline-end:3.052rem;position:relative}.pds-input-label.visually-hidden{margin:0;padding:0}.pds-input-label__required{color:var(--pds-color-status-critical-foreground);height:.512rem;margin-inline-start:.25rem}.pds-input-message{align-items:flex-start;color:var(--pds-color-foreground-default-secondary);display:flex;gap:.512rem;margin-block-start:.512rem}.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:.833rem;font-weight:400;line-height:140%}.pds-input-decorator{align-items:center;display:flex}.pds-input-decorator--error{color:var(--pds-color-status-critical-foreground)}.pds-input-decorator--success{color:var(--pds-color-status-success-foreground)}.pds-input-search-shortcut{align-items:center;background:var(--pds-color-interactive-background-hover);border-radius:.1875rem;height:.64rem;padding:.512rem;width:.64rem}.pds-input-clear-button,.pds-input-search-shortcut{display:flex;justify-content:center;margin-inline-end:-.25rem}.pds-input-clear-button{background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-foreground-default);padding:.328rem;width:1.953rem}.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:1px 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:.833rem;font-weight:400}.pds-input-character-counter--overLimit{color:var(--pds-color-status-critical-foreground)}.pds-input__select-option{align-items:center;background-color:var(--pds-color-dropdown-background);color:var(--pds-color-dropdown-foreground);cursor:pointer;display:flex;gap:1.25rem;justify-content:space-between;margin:0;padding-block:.64rem;padding-inline:.8rem}.pds-input__select-option--active,.pds-input__select-option:focus-visible,.pds-input__select-option:hover,.pds-input__select-option[aria-selected=true]{background-color:var(--pds-color-dropdown-item-background-hover);outline:none}.pds-select__checked-icon{color:var(--pds-color-status-success-foreground);flex-shrink:0}.pds-input-group__inner{align-items:flex-end;display:flex;position:relative}.pds-input-group__inner .pds-input,.pds-input-group__inner .pds-input-wrapper{flex-grow:1}.pds-input-group__inner .pds-animated-button,.pds-input-group__inner .pds-icon-button{border:1px solid var(--pds-color-border-input)}.pds-input-group__inner .pds-file-upload__input-wrapper,.pds-input-group__inner .pds-input-field,.pds-input-group__inner .pds-select__input-wrapper,.pds-input-group__inner .pds-text-input__input-wrapper{border-bottom-right-radius:0;border-top-right-radius:0}.pds-input-group__inner .pds-animated-button,.pds-input-group__inner .pds-button,.pds-input-group__inner .pds-icon-button{border-bottom-left-radius:0;border-left-width:0;border-top-left-radius:0;z-index:1}.pds-input-group__inner .pds-button.pds-button--critical,.pds-input-group__inner .pds-button.pds-button--secondary{border-color:var(--pds-color-border-input)}.pds-input-group__inner:focus{outline-offset:-.0625rem}.pds-input-group--has-message .pds-input-group__inner .pds-input-message{display:none}.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}.pds-select{min-width:6.25rem;position:relative}.pds-select__input-wrapper{align-items:center;background-color:var(--pds-color-background-default);border:1px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;column-gap:.512rem;height:var(--pds-spacing-input-height);padding-inline:.64rem;position:relative;transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s;width:100%}.pds-select__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s ease-in-out 0s}.pds-select__input-inner{align-items:center;column-gap:1rem;display:flex;justify-content:space-between;width:100%}.pds-select__option-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-select__trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);flex-shrink:0;pointer-events:none;transition:transform .2s ease-in-out 0s}.pds-select__input-wrapper[aria-expanded=true] .pds-select__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-select__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;margin-block-start:.512rem;max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;width:100%}.pds-select__dropdown:focus-visible{outline:none}.pds-select__group{padding-block-start:.8rem}.pds-select__group-options,.pds-select__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:.0625rem;width:100%}.pds-select__group-options [aria-disabled=true],.pds-select__options [aria-disabled=true]{background:transparent;cursor:not-allowed;opacity:.5}.pds-select__group-label{color:var(--pds-color-dropdown-heading);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;line-height:120%;padding:.64rem .8rem}.pds-switch{--toggle-switch-thumb-height:1.256rem;--toggle-switch-border-width:0.1rem;--toggle-switch-animation:var(
|
|
140
104
|
--pds-animation-transition-default-duration
|
|
141
|
-
) 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}.pds-textarea__input-wrapper{display:flex}.pds-textarea--textarea{background-color:transparent;border:1px solid var(--pds-color-border-input);border-radius:.1875rem;color:var(--pds-color-foreground-default);flex-grow:1;line-height:165%;padding:.512rem .64rem;resize:none}.pds-textarea--textarea:focus{outline:none}.pds-textarea--textarea::placeholder{color:var(--pds-color-foreground-default-secondary)}.pds-textarea--textarea.pds-is-resizable{resize:vertical}.pds-textarea__inputlabel{flex-grow:1}.pds-textarea__inputlabel-wrapper{align-items:center;display:flex;position:relative}.pds-text-input__input-wrapper{align-items:center;border:1px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;height:var(--pds-spacing-input-height);padding-inline:.64rem;transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s}.pds-text-input__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s ease-in-out 0s}.pds-text-input__input{background-color:transparent;border:none;caret-color:var(--pds-color-foreground-default);color:var(--pds-color-foreground-default);flex-grow:1;line-height:1;padding-inline:0;width:100%}.pds-text-input__input:focus{outline:none}.pds-text-input__input::placeholder{color:var(--pds-color-foreground-default-secondary)}.pds-text-input__visibility-toggle{background-color:transparent;border:none;border-radius:.1875rem;display:flex;justify-content:center;padding:.328rem;width:1.953rem}.pds-text-input__visibility-toggle:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-text-input__visibility-toggle:focus-visible{background-color:var(--pds-color-interactive-background-hover);outline:1px solid var(--pds-color-interactive-focus)}.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}.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}.pds-breadcrumb{color:var(--pds-color-text-default-secondary);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400}.pds-breadcrumb a{color:var(--pds-color-interactive-link-default);text-decoration:none;transition:all .2s ease-in-out 0s}.pds-breadcrumb a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-breadcrumb a:active{color:var(--pds-color-interactive-link-active);outline:none}.pds-breadcrumb a:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none;transition:outline .2s ease-in-out 0s}.pds-breadcrumb__crumbs{display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0;row-gap:.512rem}.pds-breadcrumb__crumb{align-items:center;display:flex}.pds-breadcrumb__crumb:not(:last-child):after{color:var(--pds-color-border-separator);content:"/";font-size:.694rem;margin-inline:.512rem}.pds-breadcrumb__crumb--current a{color:var(--pds-color-text-default-secondary)}.pds-button-nav__menu{display:inline-flex;gap:0;list-style:none;margin:0;padding:0}.pds-button-nav__item a{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;height:2.25rem;line-height:1;padding-inline:1.01563rem;text-decoration:none;transition:all .2s ease-in-out 0s;white-space:nowrap}.pds-button-nav__item a:hover{background-color:var(--pds-color-segmented-button-background-hover);color:var(--pds-color-segmented-button-foreground-hover)}.pds-button-nav__item a:focus-visible{outline-offset:.0625rem}.pds-button-nav__item:first-child a{border-bottom-left-radius:.1875rem;border-top-left-radius:.1875rem}.pds-button-nav__item:last-child a{border-bottom-right-radius:.1875rem;border-top-right-radius:.1875rem}.pds-button-nav__item:not(:first-child) a{margin-left:-1px}.pds-button-nav__item--active{z-index:1}.pds-button-nav__item--active a{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}.pds-dashboard-nav{--dashboard-nav-icon-width:1.563rem;--dashboard-nav-space-after-icon:0.64rem;--dashboard-nav-foreground-color:var(
|
|
105
|
+
) 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}.pds-textarea__input-wrapper{display:flex}.pds-textarea--textarea{background-color:transparent;border:1px solid var(--pds-color-border-input);border-radius:.1875rem;color:var(--pds-color-foreground-default);flex-grow:1;line-height:165%;padding:.512rem .64rem;resize:none}.pds-textarea--textarea:focus{outline:none}.pds-textarea--textarea::placeholder{color:var(--pds-color-foreground-default-secondary)}.pds-textarea--textarea.pds-is-resizable{resize:vertical}.pds-textarea__inputlabel{flex-grow:1}.pds-textarea__inputlabel-wrapper{align-items:center;display:flex;position:relative}.pds-text-input__input-wrapper{align-items:center;border:1px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;height:var(--pds-spacing-input-height);padding-inline:.64rem;transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s}.pds-text-input__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s ease-in-out 0s}.pds-text-input__input{background-color:transparent;border:none;caret-color:var(--pds-color-foreground-default);color:var(--pds-color-foreground-default);flex-grow:1;line-height:1;padding-inline:0;width:100%}.pds-text-input__input:focus{outline:none}.pds-text-input__input::placeholder{color:var(--pds-color-foreground-default-secondary)}.pds-text-input__visibility-toggle{background-color:transparent;border:none;border-radius:.1875rem;display:flex;justify-content:center;padding:.328rem;width:1.953rem}.pds-text-input__visibility-toggle:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-text-input__visibility-toggle:focus-visible{background-color:var(--pds-color-interactive-background-hover);outline:1px solid var(--pds-color-interactive-focus)}.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}.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}.pds-breadcrumb{color:var(--pds-color-text-default-secondary);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400}.pds-breadcrumb a{color:var(--pds-color-interactive-link-default);text-decoration:none;transition:all .2s ease-in-out 0s}.pds-breadcrumb a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-breadcrumb a:active{color:var(--pds-color-interactive-link-active);outline:none}.pds-breadcrumb a:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none;transition:outline .2s ease-in-out 0s}.pds-breadcrumb__crumbs{display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0;row-gap:.512rem}.pds-breadcrumb__crumb{align-items:center;display:flex}.pds-breadcrumb__crumb:not(:last-child):after{color:var(--pds-color-border-separator);content:"/";font-size:.694rem;margin-inline:.512rem}.pds-breadcrumb__crumb--current a{color:var(--pds-color-text-default-secondary)}.pds-button-nav__menu{display:inline-flex;gap:0;list-style:none;margin:0;padding:0}.pds-button-nav__item a{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;height:2.25rem;line-height:1;padding-inline:1.01563rem;text-decoration:none;transition:all .2s ease-in-out 0s;white-space:nowrap}.pds-button-nav__item a:hover{background-color:var(--pds-color-segmented-button-background-hover);color:var(--pds-color-segmented-button-foreground-hover)}.pds-button-nav__item a:focus-visible{outline-offset:.0625rem}.pds-button-nav__item:first-child a{border-bottom-left-radius:.1875rem;border-top-left-radius:.1875rem}.pds-button-nav__item:last-child a{border-bottom-right-radius:.1875rem;border-top-right-radius:.1875rem}.pds-button-nav__item:not(:first-child) a{margin-left:-1px}.pds-button-nav__item--active{z-index:1}.pds-button-nav__item--active a{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}.pds-button-nav--sm .pds-button-nav__item a{font-size:.833rem;height:2rem;padding-inline:.8125rem}.pds-button-nav--sm .pds-button-nav__item .pds-tally__label{font-size:.5625rem}.pds-dashboard-nav{--dashboard-nav-icon-width:1.563rem;--dashboard-nav-space-after-icon:0.64rem;--dashboard-nav-foreground-color:var(
|
|
142
106
|
--pds-color-dashboard-nav-item-foreground-default
|
|
143
107
|
);--dashboard-nav-outline-color:var(--pds-color-interactive-focus);font-family:Poppins,sans-serif}.pds-dashboard-nav,.pds-dashboard-nav a{color:var(--dashboard-nav-foreground-color)}.pds-dashboard-nav a{text-decoration:none}.pds-dashboard-nav a:focus{box-shadow:none;outline:none}.pds-dashboard-nav a:hover{color:var(--dashboard-nav-foreground-color)}.pds-dashboard-nav a:focus-visible,.pds-dashboard-nav button:focus-visible{border-radius:.375rem;outline:1px solid var(--dashboard-nav-outline-color);outline-offset:-1px}.pds-dashboard-nav .pds-icon{pointer-events:none}.pds-dashboard-nav__logo{box-sizing:content-box;margin-block-end:1.563rem;margin-block-start:.125rem;padding-inline:calc(var(--pds-spacing-dashboard-nav-item-padding) + .1875rem)}.pds-dashboard-nav__menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0;row-gap:.64rem}.pds-dashboard-nav__menu.pds-dashboard-nav__menu--top-level{row-gap:1rem}.pds-dashboard-nav__item{list-style-type:none;margin-bottom:0}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper{align-items:center;border-radius:.375rem;display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:space-between;width:100%}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper:hover{background-color:var(--pds-color-dashboard-nav-item-background-hover);transition:all .2s ease-in-out 0s}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper a{border-radius:.375rem;box-sizing:border-box;padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-inner{align-items:center;display:flex}.pds-dashboard-nav__item--top-level.pds-dashboard-nav__item--active .pds-dashboard-nav__item-wrapper{--dashboard-nav-foreground-color:var(
|
|
144
108
|
--pds-color-dashboard-nav-item-foreground-active
|
|
@@ -91,6 +91,15 @@
|
|
|
91
91
|
--pds-color-button-critical-foreground-active: #ffffff;
|
|
92
92
|
--pds-color-button-critical-foreground-default: #ffffff;
|
|
93
93
|
--pds-color-button-critical-foreground-hover: #ffffff;
|
|
94
|
+
--pds-color-button-critical-secondary-background-active: #ffdcd8;
|
|
95
|
+
--pds-color-button-critical-secondary-background-default: rgba(0, 0, 0, 0);
|
|
96
|
+
--pds-color-button-critical-secondary-background-hover: var(--pds-color-status-critical-background);
|
|
97
|
+
--pds-color-button-critical-secondary-border-active: var(--pds-color-button-critical-border-active);
|
|
98
|
+
--pds-color-button-critical-secondary-border-default: var(--pds-color-status-critical-foreground);
|
|
99
|
+
--pds-color-button-critical-secondary-border-hover: var(--pds-color-button-critical-border-hover);
|
|
100
|
+
--pds-color-button-critical-secondary-foreground-active: var(--pds-color-status-critical-foreground);
|
|
101
|
+
--pds-color-button-critical-secondary-foreground-default: var(--pds-color-status-critical-foreground);
|
|
102
|
+
--pds-color-button-critical-secondary-foreground-hover: var(--pds-color-status-critical-foreground);
|
|
94
103
|
--pds-color-button-navbar-foreground-active: var(--pds-color-interactive-link-active);
|
|
95
104
|
--pds-color-button-navbar-foreground-default: var(--pds-color-foreground-default);
|
|
96
105
|
--pds-color-button-navbar-foreground-hover: var(--pds-color-interactive-link-hover);
|