@pantheon-systems/pds-toolkit-react 1.0.0-dev.1 → 1.0.0-dev.5
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/README.md +0 -61
- package/_dist/cjs/index.js +55 -0
- package/_dist/cjs/index.js.map +1 -0
- package/_dist/css/pds-components.css +103 -0
- package/_dist/css/pds-core.css +3 -0
- package/_dist/esm/index.js +55 -0
- package/_dist/esm/index.js.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
.pds-input-field{--_pds-input-foreground-color:var(
|
|
2
|
+
--pds-input-foreground-color,var(--pds-color-input-foreground-default)
|
|
3
|
+
);font-family:var(--pds-typography-font-default);font-size:1em}.pds-checkbox-group legend,.pds-combobox-select>label,.pds-input-field>label,.pds-radio-group legend,label{color:var(--pds-color-input-foreground-default);display:block;font-size:1em;font-weight:600;margin-block-end:.512rem;position:relative}.pds-checkbox-group legend,.pds-radio-group legend{margin-block-end:.8rem}.pds-checkbox-group,.pds-radio-group{border:none;margin-inline:0;padding:0}.pds-checkbox-group__options,.pds-radio-group__options{display:flex;flex-direction:column;row-gap:.41rem}.pds-input-field__message{color:var(--pds-color-text-default-secondary);font-size:.875em;font-weight:400;margin-block-start:.512rem}.pds-input-field>.pds-input-field__input-wrapper{border-color:var(--pds-color-input-border-default);border-radius:.1875rem;border-style:solid;border-width:1px;display:flex;gap:.512em;padding-inline:.512em;transition:background-color,.2s ease-in-out 0s,border-color,.2s ease-in-out 0s}.pds-input-field .pds-input-field__input{background-color:transparent;border:none;caret-color:var(--_pds-input-foreground-color);color:var(--_pds-input-foreground-color);flex-grow:1;line-height:1;padding-inline:0}select{background-color:transparent}.pds-input-field .pds-input-field__input:focus{outline:none}.pds-input-field .pds-input-field__input::placeholder{color:var(--pds-color-input-placeholder-text)}.pds-input-field input:-internal-autofill-selected,.pds-input-field input:-webkit-autofill{-webkit-text-fill-color:var(--pds-color-foreground-default);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,0),inset 0 0 0 100px var(--pds-color-background-default)}.pds-input-field .pds-input-field__accessories,.pds-input-field .pds-input-field__decorators{align-items:center;display:flex;gap:.125rem;height:2.25rem}.pds-input-field .pds-input-field__accessory{background:transparent;border:0;display:flex;padding:0}.pds-input-field .pds-input-field__clear,.pds-input-obscured .pds-input-obscured__toggle{border-radius:.1875rem;padding:.1875rem}.pds-input-field .pds-input-field__clear:hover,.pds-input-obscured .pds-input-obscured__toggle:hover{background-color:var(--pds-color-input-action-background-hover)}.pds-input-field .pds-input-field__clear:focus-visible,.pds-input-obscured .pds-input-obscured__toggle:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-input-field .pds-input-field__clear svg,.pds-input-obscured .pds-input-obscured__toggle svg{color:var(--_pds-input-foreground-color)}.pds-input-field .pds-input-field__counter{color:var(--pds-color-text-default-secondary)}.pds-checkbox input[type=checkbox]:focus-visible,.pds-combobox-select [role=combobox]:focus-visible,.pds-combobox-select [role=combobox][aria-expanded=true],.pds-input-field:active>.pds-input-field__input-wrapper,.pds-input-field>.pds-input-field__input-wrapper:focus-within,select:focus-visible{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline,.2s ease-in-out 0s}.pds-input-field.pds-is-disabled>.pds-input-field__input-wrapper,.pds-input-field.pds-is-disabled>label,.pds-input-field.pds-is-disabled>legend{border-color:var(--pds-color-input-border-default);opacity:50%;outline:none}.pds-input-field.pds-is-required>label:after,.pds-input-field.pds-is-required>legend:after{color:var(--pds-color-input-foreground-critical);content:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="10" fill="none"><path fill="%23D61F1F" d="M4.547.875v3.281l1.855-1.113.547-.332.625 1.074-.527.313L5.133 5.25l1.914 1.152.527.332L6.95 7.81l-.547-.332-1.855-1.114v3.262h-1.25V6.363L1.422 7.477l-.527.332L.25 6.734l.527-.332L2.691 5.25.777 4.098.25 3.785l.645-1.074.527.332 1.875 1.113V.875h1.25Z"/></svg>');margin-inline-start:.328em;position:absolute;top:-.328em}.pds-input-field.pds-has-error .pds-input-field__decorator,.pds-input-field.pds-has-error .pds-input-field__input,.pds-input-field.pds-has-error .pds-input-field__message,.pds-input-field.pds-has-error>label{color:var(--pds-color-input-foreground-critical)}.pds-input-field.pds-has-error input:-internal-autofill-selected,.pds-input-field.pds-has-error input:-webkit-autofill,.pds-input-field.pds-has-error>.pds-input-field__input-wrapper{background-color:var(--pds-color-input-background-critical);border-color:var(--pds-color-input-foreground-critical);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,0),inset 0 0 0 100px var(--pds-color-input-background-critical)}.pds-input-field.pds-has-success .pds-input-field__decorator,.pds-input-field.pds-has-success .pds-input-field__input{color:var(--pds-color-input-foreground-success)}.pds-input-field.pds-has-success>.pds-input-field__input-wrapper{border-color:var(--pds-color-input-border-success)}button.pds-button{--_pds-button-color-background:var(
|
|
4
|
+
--pds-button-color-background,var(--pds-color-button-primary-background-default)
|
|
5
|
+
);--_pds-button-color-foreground:var(
|
|
6
|
+
--pds-button-color-foreground,var(--pds-color-button-primary-foreground-default)
|
|
7
|
+
);--_pds-button-color-border:var(
|
|
8
|
+
--pds-button-color-border,var(--pds-color-button-primary-border-default)
|
|
9
|
+
);align-items:center;background-color:var(--_pds-button-color-background);border:1px solid var(--_pds-button-color-border);border-radius:.1875rem;color:var(--_pds-button-color-foreground);cursor:pointer;display:flex;font-family:var(--pds-typography-font-default);font-size:1em;font-weight:700;gap:.41rem;height:2.25rem;letter-spacing:.01em;line-height:1;padding:.64rem .8rem;transition:background-color,.2s ease-in-out 0s,border-color,.2s ease-in-out 0s}button.pds-button:disabled{cursor:not-allowed;opacity:50%}button.pds-button:hover:enabled{--_pds-button-color-background:var(
|
|
10
|
+
--pds-color-button-primary-background-hover
|
|
11
|
+
);--_pds-button-color-border:var(--pds-color-button-primary-border-hover);--_pds-button-color-foreground:var(
|
|
12
|
+
--pds-color-button-primary-foreground-hover
|
|
13
|
+
)}button.pds-button:active:enabled,button.pds-button:hover:enabled{transition:background-color,.2s ease-in-out 0s,border-color,.2s ease-in-out 0s}button.pds-button:active:enabled{--_pds-button-color-background:var(
|
|
14
|
+
--pds-color-button-primary-background-active
|
|
15
|
+
);--_pds-button-color-border:var(--pds-color-button-primary-border-active);--_pds-button-color-foreground:var(
|
|
16
|
+
--pds-color-button-primary-foreground-active
|
|
17
|
+
)}button.pds-button:focus-visible{border-color:var(--_pds-button-color-border);outline:2px solid var(--pds-color-interactive-focus);outline-offset:.0625rem;transition:none}button.pds-button.pds-button--small{font-size:.875em;gap:.328rem;height:2rem;padding:.512rem .64rem}button.pds-button.pds-button--large{font-size:1.25em;gap:.64rem;height:3.5625rem;padding:1rem 1.25rem}button.pds-button.pds-button--secondary{--_pds-button-color-background:var(
|
|
18
|
+
--pds-color-button-secondary-background-default
|
|
19
|
+
);--_pds-button-color-border:var(--pds-color-button-secondary-border-default);--_pds-button-color-foreground:var(
|
|
20
|
+
--pds-color-button-secondary-foreground-default
|
|
21
|
+
)}button.pds-button.pds-button--secondary:hover:enabled{--_pds-button-color-background:var(
|
|
22
|
+
--pds-color-button-secondary-background-hover
|
|
23
|
+
);--_pds-button-color-border:var(--pds-color-button-secondary-border-hover);--_pds-button-color-foreground:var(
|
|
24
|
+
--pds-color-button-secondary-foreground-hover
|
|
25
|
+
)}button.pds-button.pds-button--secondary:active:enabled{--_pds-button-color-background:var(
|
|
26
|
+
--pds-color-button-secondary-background-active
|
|
27
|
+
);--_pds-button-color-border:var(--pds-color-button-secondary-border-active);--_pds-button-color-foreground:var(
|
|
28
|
+
--pds-color-button-secondary-foreground-active
|
|
29
|
+
)}button.pds-button.pds-button--subtle{--_pds-button-color-background:var(
|
|
30
|
+
--pds-color-button-subtle-background-default
|
|
31
|
+
);--_pds-button-color-border:var(--pds-color-button-subtle-border-default);--_pds-button-color-foreground:var(
|
|
32
|
+
--pds-color-button-subtle-foreground-default
|
|
33
|
+
)}button.pds-button.pds-button--subtle:hover:enabled{--_pds-button-color-background:var(
|
|
34
|
+
--pds-color-button-subtle-background-hover
|
|
35
|
+
);--_pds-button-color-border:var(--pds-color-button-subtle-border-default);--_pds-button-color-foreground:var(
|
|
36
|
+
--pds-color-button-subtle-foreground-hover
|
|
37
|
+
)}button.pds-button.pds-button--subtle:active:enabled{--_pds-button-color-background:var(
|
|
38
|
+
--pds-color-button-subtle-background-active
|
|
39
|
+
);--_pds-button-color-border:var(--pds-color-button-subtle-border-default);--_pds-button-color-foreground:var(
|
|
40
|
+
--pds-color-button-subtle-foreground-active
|
|
41
|
+
)}button.pds-button.pds-button--brand{--_pds-button-color-background:var(
|
|
42
|
+
--pds-color-button-brand-background-default
|
|
43
|
+
);--_pds-button-color-border:var(--pds-color-button-brand-border-default);--_pds-button-color-foreground:var(
|
|
44
|
+
--pds-color-button-brand-foreground-default
|
|
45
|
+
)}button.pds-button.pds-button--brand:hover:enabled{--_pds-button-color-background:var(
|
|
46
|
+
--pds-color-button-brand-background-hover
|
|
47
|
+
);--_pds-button-color-border:var(--pds-color-button-brand-border-hover);--_pds-button-color-foreground:var(
|
|
48
|
+
--pds-color-button-brand-foreground-hover
|
|
49
|
+
)}button.pds-button.pds-button--brand:active:enabled{--_pds-button-color-background:var(
|
|
50
|
+
--pds-color-button-brand-background-active
|
|
51
|
+
);--_pds-button-color-border:var(--pds-color-button-brand-border-active);--_pds-button-color-foreground:var(
|
|
52
|
+
--pds-color-button-brand-foreground-active
|
|
53
|
+
)}a.pds-button.pds-button--brand-secondary,button.pds-button.pds-button--brand-secondary{--_pds-button-color-background:var(
|
|
54
|
+
--pds-color-button-brand-secondary-background-default
|
|
55
|
+
);--_pds-button-color-border:var(
|
|
56
|
+
--pds-color-button-brand-secondary-border-default
|
|
57
|
+
);--_pds-button-color-foreground:var(
|
|
58
|
+
--pds-color-button-brand-secondary-foreground-default
|
|
59
|
+
)}a.pds-button.pds-button--brand-secondary:hover,button.pds-button.pds-button--brand-secondary:hover:enabled{--_pds-button-color-background:var(
|
|
60
|
+
--pds-color-button-brand-secondary-background-hover
|
|
61
|
+
);--_pds-button-color-border:var(
|
|
62
|
+
--pds-color-button-brand-secondary-border-hover
|
|
63
|
+
);--_pds-button-color-foreground:var(
|
|
64
|
+
--pds-color-button-brand-secondary-foreground-hover
|
|
65
|
+
)}a.pds-button.pds-button--brand-secondary:active,button.pds-button.pds-button--brand-secondary:active:enabled{--_pds-button-color-background:var(
|
|
66
|
+
--pds-color-button-brand-secondary-background-active
|
|
67
|
+
);--_pds-button-color-border:var(
|
|
68
|
+
--pds-color-button-brand-secondary-border-active
|
|
69
|
+
);--_pds-button-color-foreground:var(
|
|
70
|
+
--pds-color-button-brand-secondary-foreground-active
|
|
71
|
+
)}button.pds-button.pds-button--critical{--_pds-button-color-background:var(
|
|
72
|
+
--pds-color-button-critical-background-default
|
|
73
|
+
);--_pds-button-color-border:var(--pds-color-button-critical-border-default);--_pds-button-color-foreground:var(
|
|
74
|
+
--pds-color-button-critical-foreground-default
|
|
75
|
+
)}button.pds-button.pds-button--critical:hover:enabled{--_pds-button-color-background:var(
|
|
76
|
+
--pds-color-button-critical-background-hover
|
|
77
|
+
);--_pds-button-color-border:var(--pds-color-button-critical-border-hover);--_pds-button-color-foreground:var(
|
|
78
|
+
--pds-color-button-critical-foreground-hover
|
|
79
|
+
)}button.pds-button.pds-button--critical:active:enabled{--_pds-button-color-background:var(
|
|
80
|
+
--pds-color-button-critical-background-active
|
|
81
|
+
);--_pds-button-color-border:var(--pds-color-button-critical-border-active);--_pds-button-color-foreground:var(
|
|
82
|
+
--pds-color-button-critical-foreground-active
|
|
83
|
+
)}.pds-checkbox{--_pds-checkbox-input-size:1rem;align-items:start;column-gap:.512em;display:grid;grid-template-columns:var(--_pds-checkbox-input-size) auto}.pds-checkbox input[type=checkbox]{appearance:none;background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:.64em;border-color:var(--pds-color-input-border-default);border-radius:.1875rem;border-style:solid;border-width:2px;height:var(--_pds-checkbox-input-size);position:relative;top:.0625rem;transition:background-color,.2s ease-in-out 0s,border-color,.2s ease-in-out 0s;width:var(--_pds-checkbox-input-size)}.pds-checkbox input[type=checkbox]:disabled{border-color:var(--pds-color-input-border-default);cursor:not-allowed;opacity:50%}.pds-checkbox input[type=checkbox]:focus-visible{border-color:var(--pds-color-interactive-focus);outline:none}.pds-checkbox>label{font-weight:400}.pds-checkbox input[type=checkbox]:checked,.pds-checkbox input[type=checkbox]:indeterminate{background-color:var(--pds-color-interactive-focus);border-color:var(--pds-color-interactive-focus);transition:background-color,.2s ease-in-out 0s,border-color,.2s ease-in-out 0s}.pds-checkbox input[type=checkbox]:checked{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="%23fff"><path d="m46.219 12-2.157 2.156-24 24L18 40.313l-2.156-2.157-12-12L1.688 24 6 19.781l2.063 2.157L18 31.78 39.844 9.938 42 7.78 46.219 12Z"/></svg>')}.pds-checkbox input[type=checkbox]:indeterminate{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="%23fff"><path d="M40.5 27H8v-5h32.5v5Z"/></svg>')}.pds-combobox-select,select{display:inline-block;max-width:20rem;position:relative}.pds-combobox-select [role=combobox],select{align-items:center;border-color:var(--pds-color-input-border-default);border-radius:.1875rem;border-style:solid;border-width:1px;box-sizing:border-box;color:var(--pds-color-input-foreground-default);cursor:pointer;display:flex;font-size:1em;gap:1em;justify-content:space-between;line-height:1;padding:.64em;width:100%}select{appearance:none;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="%23888"><path d="m23.313 35.313 2.062-2.157 15-15L42.531 16l-4.218-4.219-2.157 2.156-12.843 12.844-12.938-12.843-2.063-2.157L4 16l2.156 2.156 15 15 2.157 2.157Z"/></svg>');background-position:center right .64em;background-repeat:no-repeat;background-size:1em}.pds-combobox-select [role=combobox]>span{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-combobox-select
|
|
84
|
+
[role=combobox][aria-expanded=true]
|
|
85
|
+
svg.select-indicator,.pds-combobox-select [role=combobox] svg.select-indicator{transition:var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay)}.pds-combobox-select
|
|
86
|
+
[role=combobox][aria-expanded=true]
|
|
87
|
+
svg.select-indicator{transform:rotate(-180deg)}.pds-combobox-select-input[aria-disabled=true],.pds-input-field .pds-combobox-select-input[aria-disabled=true]:hover{border-color:var(--pds-color-input-border-default);cursor:not-allowed;opacity:50%}.pds-combobox-select .pds-combobox-select-shim,.pds-combobox-select [role=listbox]{box-sizing:border-box;list-style:none;margin:0;max-height:20rem;max-width:20rem;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}.pds-combobox-select [role=listbox]{background-color:var(--pds-color-menu-background);border-radius:var(--pds-border-radius-default);box-shadow:var(--pds-elevation-overlay);left:0;margin-block-start:.512rem;position:absolute;top:0}.pds-combobox-select [role=listbox]:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-combobox-select .pds-combobox-select-shim{height:0;visibility:hidden}.pds-combobox-select [role=listbox][data-fui-placement^=top]{margin-block-start:-.512rem}.pds-combobox-select .pds-combobox-select-shim li,.pds-combobox-select [role=listbox] [role=option]{align-items:center;background-color:var(--pds-color-menu-item-background-default);color:var(--pds-color-menu-item-foreground);cursor:pointer;display:flex;gap:1em;justify-content:space-between;margin:0;padding-block:.64em;padding-inline:.64em}.pds-combobox-select
|
|
88
|
+
[role=listbox]
|
|
89
|
+
[role=option].pds-combobox-select__item-focused,.pds-combobox-select [role=listbox] [role=option]:hover,.pds-combobox-select [role=listbox] [role=option][aria-selected=true]{background-color:var(--pds-color-menu-item-background-hover)}.pds-combobox-select
|
|
90
|
+
.pds-combobox-select-shim
|
|
91
|
+
.pds-combobox-select__item-selected-indicator,.pds-combobox-select
|
|
92
|
+
[role=listbox]
|
|
93
|
+
[role=option]
|
|
94
|
+
.pds-combobox-select__item-selected-indicator{display:inline-flex;width:1.25em}.pds-icon,.pds-icon--medium{height:1rem;width:1rem}.pds-icon--large{height:1.25rem;width:1.25rem}.pds-icon--small{height:.875rem;width:.875rem}.pds-menu-button{display:inline-block}button.pds-menu-button__trigger svg.pds-button__icon,button.pds-menu-button__trigger[aria-expanded=true] svg.pds-button__icon{transition:var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay)}button.pds-menu-button__trigger[aria-expanded=true] svg.pds-button__icon{transform:rotate(-180deg)}button.pds-menu-button__trigger[aria-expanded=true],button.pds-menu-button__trigger[aria-expanded=true]:active{background-color:var(--pds-color-button-primary-background-active);border-color:var(--pds-color-button-primary-border-active);color:var(--pds-color-button-primary-foreground-active)}button.pds-button--subtle.pds-menu-button__trigger[aria-expanded=true],button.pds-button--subtle.pds-menu-button__trigger[aria-expanded=true]:active{background-color:var(--pds-color-button-subtle-background-active);border-color:var(--pds-color-button-subtle-border-default);color:var(--pds-color-button-subtle-foreground-active)}button.pds-button--secondary.pds-menu-button__trigger[aria-expanded=true],button.pds-button--secondary.pds-menu-button__trigger[aria-expanded=true]:active{background-color:var(--pds-color-button-secondary-background-active);border-color:var(--pds-color-button-secondary-border-active);color:var(--pds-color-button-secondary-foreground-active)}.pds-menu-button [role=menu]{background-color:var(--pds-color-menu-background);border-radius:var(--pds-border-radius-default);box-shadow:var(--pds-elevation-overlay);left:0;max-width:20rem;min-width:8rem;padding:.328rem 0;position:absolute;top:.328rem}.pds-menu-button ul,.pds-menu-button ul [role=separator]{list-style:none;margin:0;padding:0}.pds-menu-button
|
|
95
|
+
[role=menu]
|
|
96
|
+
[role=presentation].pds-menu-button__listbox-heading{color:var(--pds-color-menu-item-heading-text);font-family:Poppins,sans-serif;font-size:.875em;font-weight:700;letter-spacing:.04em;line-height:125%;padding:.64rem .8rem;text-transform:uppercase}.pds-menu-button [role=menu] [role=separator]{border-block-start:1px solid var(--pds-color-border-default);margin-block-start:.512rem;padding-block-start:.512rem}.pds-menu-button [role=menu] [role=menuitem]{background-color:var(--pds-color-menu-item-background-default);color:var(--pds-color-menu-item-foreground);cursor:pointer;font-size:1em;line-height:125%;margin:0;padding:.64rem .8rem}.pds-menu-button__item-label{align-items:center;display:flex;gap:.512rem}.pds-menu-button [role=menu] [role=menuitem].pds-menu-button__item-focused,.pds-menu-button [role=menu] [role=menuitem]:hover{background-color:var(--pds-color-menu-item-background-hover)}.pds-menu-button [role=menu] [role=menuitem]:active{background-color:var(--pds-color-menu-item-background-active)}.pds-menu-button [role=menu] [role=menuitem][aria-disabled=true]{background:var(--pds-color-menu-item-background-default);cursor:not-allowed;opacity:.5}.pds-menu-button__item-description{color:var(--pds-color-menu-item-description-text);display:block;font-size:.875em;margin-block-start:.41rem}div.pds-panel{--_pds-panel-background:var(
|
|
97
|
+
--pds-panel-background,var(--pds-color-panel-default-background)
|
|
98
|
+
);--_pds-panel-border:var(
|
|
99
|
+
--pds-panel-border,var(--pds-color-panel-default-border)
|
|
100
|
+
);background-color:var(--_pds-panel-background);border:var(--pds-border-width-default) solid var(--_pds-panel-border);border-radius:var(--pds-border-radius-container);padding:1.563rem}div.pds-panel>:last-child{margin-bottom:0}div.pds-panel+div.pds-panel{margin-block-start:1.25em}div.pds-panel--sunken{--_pds-panel-background:var(--pds-color-panel-sunken-background);--_pds-panel-border:var(--pds-color-panel-sunken-border)}div.pds-panel--raised{--_pds-panel-background:var(--pds-color-panel-raised-background);--_pds-panel-border:var(--pds-color-panel-raised-border);box-shadow:var(--pds-elevation-raised)}div.pds-panel--overlay{--_pds-panel-background:var(--pds-color-panel-overlay-background);--_pds-panel-border:var(--pds-color-panel-overlay-border);box-shadow:var(--pds-elevation-overlay)}.pds-radio-group__option{--_pds-radio-input-size:1rem;align-items:start;column-gap:.512em;display:grid;grid-template-columns:var(--_pds-radio-input-size) auto}.pds-radio-group__option input[type=radio]{appearance:none;background-size:calc(var(--_pds-radio-input-size)*.5);border-color:var(--pds-color-input-border-default);border-radius:50%;border-style:solid;border-width:2px;height:var(--_pds-radio-input-size);margin:0;place-content:center;position:relative;top:.0625rem;width:var(--_pds-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{border-color:var(--pds-color-interactive-focus);outline:none}.pds-radio-group__option>label{font-weight:400}.pds-radio-group.pds-is-disabled .pds-radio-group__option>label,.pds-radio-group__option input[type=radio]:disabled{opacity:50%}.pds-radio-group__option input[type=radio]:disabled:hover{border-color:var(--pds-color-input-border-default);cursor:not-allowed}.pds-split-button{display:inline-flex}.pds-split-button button.pds-split-button__primary-action{border-bottom-right-radius:0;border-right-width:.5px;border-top-right-radius:0}.pds-split-button button.pds-menu-button__trigger{border-bottom-left-radius:0;border-left-width:.5px;border-top-left-radius:0}.pds-split-button--primary button.pds-split-button__primary-action{border-right-color:var(--pds-color-background-default)}.pds-split-button--primary button.pds-menu-button__trigger{border-left-color:var(--pds-color-background-default)}.pds-split-button--primary
|
|
101
|
+
button.pds-split-button__primary-action:focus-visible{z-index:99}.pds-toggle-button{--pds-toggle-button-gap:0.25rem;background-color:var(--pds-color-toggle-button-background-off);border:none;border-radius:.1875rem;display:inline-block;padding:var(--pds-toggle-button-gap)}.pds-toggle-button__options{display:inline-flex;gap:var(--pds-toggle-button-gap)}.pds-toggle-button__option label{align-items:center;background-color:var(--pds-color-toggle-button-background-off);border-radius:.1875rem;color:var(--pds-color-toggle-button-foreground-off);cursor:pointer;display:block;font-size:1em;font-weight:600;margin-block-end:0;padding:.41rem .8rem;transition:background-color,.2s ease-in-out 0s,border-color,.2s ease-in-out 0s}.pds-toggle-button__option input:checked+label{background-color:var(--pds-color-button-primary-background-default);color:var(--pds-color-button-primary-foreground-default);transition:background-color,.2s ease-in-out 0s,border-color,.2s ease-in-out 0s}.pds-toggle-button.pds-is-disabled{opacity:.5}.pds-toggle-button.pds-is-disabled input+label{cursor:not-allowed}.pds-toggle-button__option input:focus-visible+label{outline:2px solid var(--pds-color-interactive-focus);outline-offset:.0625rem;transition:none}.pds-toggle-switch{--pds-toggle-switch-width:2.625rem;--pds-toggle-switch-height:1.375rem;--pds-toggle-switch-border-width:0.125rem;--pds-toggle-switch-animation:var(
|
|
102
|
+
--pds-animation-transition-default-duration
|
|
103
|
+
) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay)}.pds-toggle-switch>label{margin-block-end:0}.pds-toggle-switch .pds-input-field__message{margin-block-end:.8rem;margin-block-start:.328rem}.pds-toggle-switch__toggle{align-items:center;background:none;border:none;color:var(--pds-color-foreground-default);display:flex;line-height:1;padding:0;position:relative}.pds-toggle-switch__toggle .pds-toggle-off,.pds-toggle-switch__toggle .pds-toggle-on{left:calc(var(--pds-toggle-switch-width) + .512rem);position:absolute;transition:var(--pds-toggle-switch-animation)}.pds-toggle-switch__toggle[aria-checked=false] .pds-toggle-off{opacity:1}.pds-toggle-switch__toggle[aria-checked=false] .pds-toggle-on{opacity:0}.pds-toggle-switch__toggle[aria-checked=true] .pds-toggle-on{opacity:1}.pds-toggle-switch__toggle[aria-checked=true] .pds-toggle-off{opacity:0}.pds-toggle-switch__toggle:before{border-radius:6.25rem;content:"";height:var(--pds-toggle-switch-height);margin-inline-end:.512rem;width:var(--pds-toggle-switch-width)}.pds-toggle-switch__toggle[aria-checked=false]:before{background-color:var(--pds-color-input-toggle-switch-off)}.pds-toggle-switch__toggle[aria-checked=true]:before{background-color:var(--pds-color-input-toggle-switch-on)}.pds-toggle-switch__toggle:after{background-color:var(--pds-color-background-default);border-radius:100%;border-style:solid;border-width:var(--pds-toggle-switch-border-width);content:"";height:calc(var(--pds-toggle-switch-height) - var(--pds-toggle-switch-border-width)*2);position:absolute;width:calc(var(--pds-toggle-switch-height) - var(--pds-toggle-switch-border-width)*2);z-index:2}.pds-toggle-switch__toggle[aria-checked=false]:after,.pds-toggle-switch__toggle[aria-checked=true]:after{transition:var(--pds-toggle-switch-animation)}.pds-toggle-switch__toggle[aria-checked=false]:after{border-color:var(--pds-color-input-toggle-switch-off);left:0}.pds-toggle-switch__toggle[aria-checked=true]:after{border-color:var(--pds-color-input-toggle-switch-on);left:calc(var(--pds-toggle-switch-height) - var(--pds-toggle-switch-border-width))}.pds-toggle-switch__off-icon,.pds-toggle-switch__on-icon{color:var(--pds-color-input-toggle-switch-icon);position:absolute}.pds-toggle-switch__off-icon{left:calc(var(--pds-toggle-switch-height) + var(--pds-toggle-switch-border-width))}.pds-toggle-switch__on-icon{left:calc(var(--pds-toggle-switch-border-width)*2.5)}.pds-toggle-switch__toggle[aria-checked=false] .pds-toggle-switch__off-icon{opacity:1;transition:var(--pds-toggle-switch-animation);z-index:3}.pds-toggle-switch__toggle[aria-checked=false] .pds-toggle-switch__on-icon{opacity:0}.pds-toggle-switch__toggle[aria-checked=true] .pds-toggle-switch__on-icon{opacity:1;transition:var(--pds-toggle-switch-animation);z-index:3}.pds-toggle-switch__toggle[aria-checked=true] .pds-toggle-switch__off-icon{opacity:0}.pds-toggle-switch__toggle:focus{outline:none}.pds-toggle-switch__toggle:focus-visible:before{outline:1px solid var(--pds-color-input-toggle-background-on);outline-offset:1px}.pds-toggle-switch.pds-is-disabled .pds-toggle-switch__toggle{cursor:not-allowed;opacity:50%}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
@import url("https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
|
|
2
|
+
|
|
3
|
+
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.2}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.2;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}body{color:var(--pds-color-text-default);font-family:Poppins,sans-serif;font-weight:400}.pds-visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}:root{--pds-animation-transition-default-delay:0s;--pds-animation-transition-default-duration:200ms;--pds-animation-transition-default-timing-function:ease-in-out;--pds-animation-transition-dropdown-duration:300ms;--pds-border-radius-container:0.375rem;--pds-border-radius-default:0.1875rem;--pds-border-width-default:1px;--pds-typography-font-default:"Poppins",sans-serif}a{color:var(--pds-color-link-default);text-decoration:none}a:hover{color:var(--pds-color-link-hover);text-decoration:underline}a:focus{outline:1px solid var(--pds-color-interactive-focus);text-decoration:none}a:active{color:var(--pds-color-link-active);outline:none}h1,h2,h3,h4,h5,h6{color:var(--pds-color-text-headings);font-family:Poppins,sans-serif;letter-spacing:normal;line-height:125%;margin-block-start:0}h1{font-size:3.052em}h1,h2{font-weight:700}h2{font-size:2.441em}h3{font-size:1.953em}h3,h4{font-weight:700}h4{font-size:1.563em}h5{font-size:1.25em}h5,h6{font-weight:700}h6{font-size:1em}div.pds-lead-text,p.pds-lead-text{color:var(--pds-color-text-lead);font-family:Aleo,serif;font-size:1.953em;font-weight:400;letter-spacing:none;line-height:125%;margin-block-start:0}div.pds-overline-text{color:var(--pds-color-text-overline);font-size:1.25em;font-weight:700;letter-spacing:.04em;line-height:125%;text-transform:uppercase}div.pds-overline-text,p{font-family:Poppins,sans-serif;margin-block-start:0}p{color:var(--pds-color-text-paragraph);font-size:1em;font-weight:400;letter-spacing:normal;line-height:195.3%}div.pds-quote-text,p.pds-quote-text{color:var(--pds-color-text-quote);font-family:Aleo,serif;font-size:1.953em;font-style:italic;font-weight:400;letter-spacing:none;line-height:125%;margin-block-start:0}
|