@pantheon-systems/pds-toolkit-react 1.0.0-dev.152 → 1.0.0-dev.154
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/Tabs/Tabs.d.ts +58 -38
- package/_dist/components/Tooltip/Tooltip.d.ts +5 -1
- package/_dist/components/buttons/IconButton/IconButton.d.ts +10 -6
- package/_dist/components/inputs/Checkbox/Checkbox.d.ts +85 -2
- package/_dist/components/inputs/CheckboxFieldset/CheckboxFieldset.d.ts +60 -0
- package/_dist/components/inputs/CheckboxGroup/CheckboxGroup.d.ts +73 -41
- package/_dist/components/inputs/InputGroup/InputGroup.d.ts +18 -12
- package/_dist/components/inputs/Switch/Switch.d.ts +74 -0
- package/_dist/components/inputs/TextInput/TextInput.d.ts +2 -2
- package/_dist/components/inputs/input-types.d.ts +1 -0
- package/_dist/components/inputs/input-utilities.d.ts +15 -4
- package/_dist/css/component-css/pds-checkbox-group.css +1 -1
- package/_dist/css/component-css/pds-checkbox.css +1 -1
- package/_dist/css/component-css/pds-icon-button.css +1 -1
- package/_dist/css/component-css/pds-index.css +7 -13
- package/_dist/css/component-css/pds-input-text.css +1 -1
- package/_dist/css/component-css/pds-input-utilities.css +1 -1
- package/_dist/css/component-css/pds-input-wrapper.css +1 -1
- package/_dist/css/component-css/pds-inputs-common-deprecated.css +1 -1
- package/_dist/css/component-css/pds-inputs-common.css +1 -1
- package/_dist/css/component-css/pds-panel.css +1 -1
- package/_dist/css/component-css/pds-switch.css +3 -0
- package/_dist/css/component-css/pds-text-input.css +1 -1
- package/_dist/css/component-css/pds-tooltip.css +1 -1
- package/_dist/css/component-css/pds-workspace-selector.css +1 -1
- package/_dist/css/design-tokens/pds-design-tokens.css +2 -0
- package/_dist/css/pds-components.css +7 -13
- package/_dist/css/pds-core.css +3 -3
- package/_dist/index.css +1 -1
- package/_dist/index.d.ts +6 -5
- package/_dist/index.js +3792 -3674
- package/_dist/index.js.map +1 -1
- package/_dist/libs/components/utils.d.ts +3 -2
- package/package.json +2 -2
- package/_dist/components/buttons/AnimatedButton/AnimatedButton.d.ts +0 -42
- package/_dist/css/component-css/pds-animated-button.css +0 -9
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-input-field--text{border:.0625rem solid var(--pds-color-input-border-default);border-radius:.1875rem;height:2.441rem;padding-inline:.64rem}.pds-input-field--text>input{background-color:transparent;border:none;caret-color:var(--pds-color-input-foreground-default);color:var(--pds-color-input-foreground-default);flex-grow:1;line-height:1;padding-inline:0}.pds-input-field--text>input:focus{outline:none}.pds-input-field--text>input::placeholder{color:var(--pds-color-input-placeholder-text)}.pds-input__clear,.pds-input__visibility-toggle{background-color:transparent;border:none;border-radius:.1875rem;display:flex;padding:.328rem}.pds-input__clear:hover,.pds-input__visibility-toggle:hover{background-color:var(--pds-color-icon-button-background-hover)}.pds-input__clear:focus-visible,.pds-input__visibility-toggle:focus-visible{outline:.0625rem solid var(--pds-color-interactive-focus)}.pds-input__visibility-toggle{display:flex;justify-content:center;width:1.953rem}
|
|
1
|
+
.pds-input-field--text{border:.0625rem solid var(--pds-color-input-border-default);border-radius:.1875rem;height:2.441rem;padding-inline:.64rem}.pds-input-field--text>input{background-color:transparent;border:none;caret-color:var(--pds-color-input-foreground-default);color:var(--pds-color-input-foreground-default);flex-grow:1;line-height:1;padding-inline:0}.pds-input-field--text>input:focus{outline:none}.pds-input-field--text>input::placeholder{color:var(--pds-color-input-placeholder-text)}.pds-input__clear,.pds-input__visibility-toggle{background-color:transparent;border:none;border-radius:.1875rem;display:flex;padding:.328rem}.pds-input__clear:hover,.pds-input__visibility-toggle:hover{background-color:var(--pds-color-icon-button-standard-background-hover)}.pds-input__clear:focus-visible,.pds-input__visibility-toggle:focus-visible{outline:.0625rem solid var(--pds-color-interactive-focus)}.pds-input__visibility-toggle{display:flex;justify-content:center;width:1.953rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-input.pds-is-disabled,.pds-input.pds-is-disabled input{cursor:not-allowed;opacity:50%}.pds-input.pds-has-error .pds-text-input__input-wrapper{border-color:var(--pds-color-semantic-critical-foreground)}.pds-input.pds-has-success .pds-text-input__input-wrapper{border-color:var(--pds-color-semantic-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-text-default);display:
|
|
1
|
+
.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-text-input__input-wrapper{border-color:var(--pds-color-semantic-critical-foreground)}.pds-input.pds-has-success .pds-text-input__input-wrapper{border-color:var(--pds-color-semantic-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-text-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-semantic-critical-foreground);height:.512rem;margin-inline-start:.25rem}.pds-input-message{color:var(--pds-color-text-default-secondary);display:flex;font-size:.833rem;font-weight:400;gap:.512rem;line-height:140%;margin-block-start:.512rem}.pds-input-message--error{color:var(--pds-color-semantic-critical-foreground)}.pds-input-message--success{color:var(--pds-color-semantic-success-foreground)}.pds-input-decorator{align-items:center;display:flex}.pds-input-decorator--error{color:var(--pds-color-semantic-critical-foreground)}.pds-input-decorator--success{color:var(--pds-color-semantic-success-foreground)}.pds-input-search-shortcut{align-items:center;background:var(--pds-color-icon-button-standard-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-icon-button-standard-foreground-default);padding:.328rem;width:1.953rem}.pds-input-clear-button:hover{background-color:var(--pds-color-icon-button-standard-background-hover)}.pds-input-clear-button:focus-visible{outline:.0625rem solid var(--pds-color-interactive-focus)}input::-webkit-search-cancel-button{display:none}.pds-input-character-counter{color:var(--pds-color-text-default-secondary);font-size:.833rem;font-weight:400}.pds-input-character-counter--overLimit{color:var(--pds-color-semantic-critical-foreground)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-input-wrapper{font-family:Poppins,sans-serif;font-size:1rem;position:relative}.pds-input-field__decorator{align-items:center;display:flex}.pds-input-field__decorator svg{pointer-events:none}.pds-input-label{color:var(--pds-color-text-default);display:
|
|
1
|
+
.pds-input-wrapper{font-family:Poppins,sans-serif;font-size:1rem;position:relative}.pds-input-field__decorator{align-items:center;display:flex}.pds-input-field__decorator svg{pointer-events:none}.pds-input-label{color:var(--pds-color-text-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-field{align-items:center;box-sizing:border-box;display:flex;gap:.64rem;transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s}.pds-input-field:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s ease-in-out 0s}fieldset.pds-input-field{border:none;margin-block-end:.64rem;margin-inline:0;padding:0;padding-block-start:.328rem}.pds-input-field__message{color:var(--pds-color-text-default-secondary);font-size:.833rem;font-weight:400;line-height:140%;margin-block-start:.512rem}.pds-input-field__message--before{margin-block-end:.41rem}.pds-input-wrapper.pds-is-disabled .pds-input-field:not(fieldset),.pds-input-wrapper.pds-is-disabled .pds-input-label{opacity:50%}.pds-input-wrapper.pds-is-readonly .pds-input-field{background-color:var(--pds-color-background-default-secondary)}.pds-input-label__required{color:var(--pds-color-semantic-critical-foreground);height:.512rem;margin-inline-start:.25rem}.pds-input-wrapper.pds-has-error .pds-input-field{background-color:var(--pds-color-input-background-critical);border-color:var(--pds-color-input-foreground-critical)}.pds-input-wrapper.pds-has-error .pds-input-field__decorator,.pds-input-wrapper.pds-has-error .pds-input-field__message,.pds-input-wrapper.pds-has-error .pds-input-label,.pds-input-wrapper.pds-has-error .pds-input-text{color:var(--pds-color-input-foreground-critical)}.pds-input-wrapper.pds-has-success .pds-input-field{border-color:var(--pds-color-input-foreground-success)}.pds-input-wrapper.pds-has-success .pds-input-field__decorator,.pds-input-wrapper.pds-has-success .pds-input-field__message{color:var(--pds-color-input-foreground-success)}.pds-input__counter{color:var(--pds-color-text-default-secondary);font-size:.833rem;font-weight:400}.pds-input-field input::-webkit-search-cancel-button{display:none}.pds-input-field input:-internal-autofill-selected,.pds-input-field 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-has-error .pds-input-field input:-internal-autofill-selected,.pds-has-error .pds-input-field input:-webkit-autofill{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,0),inset 0 0 0 100px var(--pds-color-input-background-critical);-webkit-text-fill-color:var(--pds-color-input-foreground-critical)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-input-field{font-family:Poppins,sans-serif;font-size:1rem}.pds-input-label,label{color:var(--pds-color-text-default);display:block;font-size
|
|
1
|
+
.pds-input-field{font-family:Poppins,sans-serif;font-size:1rem}.pds-input-label,label{color:var(--pds-color-text-default);display:block;font-size:1rem;font-weight:600;margin-block-end:.512rem;position:relative}.pds-checkbox label,.pds-radio-group__option label{font-size:1rem}.pds-input-fieldset{border:none;margin-inline:0;padding:0;padding-block-start:.328rem}.pds-input-field__message{color:var(--pds-color-text-default-secondary);font-size:.833rem;font-weight:400;margin-block-start:.512rem}.pds-input-field__input-wrapper{align-items:center;border-color:var(--pds-color-input-border-default);border-radius:.1875rem;border-style:solid;border-width:.0625rem;box-sizing:border-box;display:flex;gap:.64rem;height:2.441rem;padding-inline:.64rem;transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s}.pds-input-formatted--phone .pds-input-field__input-wrapper{max-width:16rem}.pds-input-formatted--credit-card .pds-input-field__input-wrapper{max-width:20rem}.pds-input-field__input{border:none;caret-color:var(--pds-color-input-foreground-default);color:var(--pds-color-input-foreground-default);flex-grow:1;line-height:1;padding-inline:0}.pds-input-field__input,select{background-color:transparent}.pds-input-field__input:focus{outline:none}.pds-input-field__input::placeholder{color:var(--pds-color-input-placeholder-text)}.pds-input-field__accessories,.pds-input-field__decorators{align-items:center;display:flex;gap:.512rem;height:2.441rem}.pds-input-field__accessory{background:transparent;border:0;display:flex;padding:0}.pds-input-field__search-shortcut{align-items:center;background:var(--pds-color-icon-button-standard-background-hover);border-radius:.1875rem;display:flex;height:.64rem;justify-content:center;margin-inline-end:-.25rem;padding:.512rem;width:.64rem}.pds-input-obscured__toggle,.pds-input__clear{border-radius:.1875rem;padding:.1875rem}.pds-input-obscured__toggle:hover,.pds-input__clear:hover{background-color:var(--pds-color-input-action-background-hover)}.pds-input-obscured__toggle:focus-visible,.pds-input__clear:focus-visible{outline:.0625rem solid var(--pds-color-interactive-focus)}.pds-input-obscured__toggle svg,.pds-input__clear svg{color:var(--pds-color-input-foreground-default)}.pds-input-field__counter{color:var(--pds-color-text-default-secondary)}.pds-checkbox input[type=checkbox]:focus-visible,.pds-input-field:active .pds-input-field__input-wrapper,.pds-input-field__input-wrapper:focus-within,.pds-select [role=combobox]:focus-visible,.pds-select [role=combobox][aria-expanded=true],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 .pds-input-label: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.875z"/></svg>');margin-inline-start:.328rem;position:relative;top:-.328rem}.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 .pds-input-label{color:var(--pds-color-input-foreground-critical)}.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)}.pds-input-field.pds-has-success .pds-input-field__decorator{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)}.pds-input-field input::-webkit-search-cancel-button{display:none}.pds-input-field input:-internal-autofill-selected,.pds-input-field 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-field.pds-has-error input:-internal-autofill-selected,.pds-input-field.pds-has-error input:-webkit-autofill{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,0),inset 0 0 0 100px var(--pds-color-input-background-critical);-webkit-text-fill-color:var(--pds-color-input-foreground-critical)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-input__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:1rem;justify-content:space-between;margin:0;padding-block:.64rem;padding-inline:.8rem}.pds-input__option--active,.pds-input__option:focus-visible,.pds-input__option:hover,.pds-input__option[aria-selected=true]{background-color:var(--pds-color-menu-item-background-hover);outline:none}.pds-input__clear{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-text-default-secondary);display:flex;height:1.563rem}.pds-input__clear:focus-visible{outline:.0625rem solid var(--pds-color-interactive-focus)}.pds-input__search-shortcut{align-items:center;background:var(--pds-color-icon-button-background-hover);border-radius:.1875rem;display:flex;height:.64rem;justify-content:center;margin-inline-end:-.25rem;padding:.512rem;width:.64rem}
|
|
1
|
+
.pds-input__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:1rem;justify-content:space-between;margin:0;padding-block:.64rem;padding-inline:.8rem}.pds-input__option--active,.pds-input__option:focus-visible,.pds-input__option:hover,.pds-input__option[aria-selected=true]{background-color:var(--pds-color-menu-item-background-hover);outline:none}.pds-input__clear{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-text-default-secondary);display:flex;height:1.563rem}.pds-input__clear:focus-visible{outline:.0625rem solid var(--pds-color-interactive-focus)}.pds-input__search-shortcut{align-items:center;background:var(--pds-color-icon-button-standard-background-hover);border-radius:.1875rem;display:flex;height:.64rem;justify-content:center;margin-inline-end:-.25rem;padding:.512rem;width:.64rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
div.pds-panel{border:.0625rem solid var(--pds-color-panel-default-border);border-radius:.375rem;display:flex}div.pds-panel>:last-child{margin-block-end:0}.pds-panel__content{padding:1.563rem}@media (min-width:641px){.pds-panel__content{padding:1.953rem}}div.pds-panel--default{background-color:var(--pds-color-panel-default-background)}div.pds-panel--sunken{background-color:var(--pds-color-panel-sunken-background);border-color:transparent}div.pds-panel--raised{border-color:transparent;box-shadow:var(--pds-elevation-raised)}div.pds-panel--overlay{border-color:transparent;box-shadow:var(--pds-elevation-overlay)}div.pds-panel--critical{border-color:var(--pds-color-panel-critical-border)}span.pds-panel__status{border-radius:.375rem 0 0 .375rem;margin:-.0625rem;min-width:.41rem}.pds-panel__status-info{background-color:var(--pds-color-semantic-info-foreground)}.pds-panel__status-success{background-color:var(--pds-color-semantic-success-foreground)}.pds-panel__status-warning{background-color:var(--pds-color-semantic-warning-foreground)}.pds-panel__status-critical{background-color:var(--pds-color-semantic-critical-foreground)}
|
|
1
|
+
div.pds-panel{border:.0625rem solid var(--pds-color-panel-default-border);border-radius:.375rem;display:flex}div.pds-panel>:last-child{margin-block-end:0}.pds-panel__content{display:block;padding:1.563rem;width:100%}@media (min-width:641px){.pds-panel__content{padding:1.953rem}}div.pds-panel--default{background-color:var(--pds-color-panel-default-background)}div.pds-panel--sunken{background-color:var(--pds-color-panel-sunken-background);border-color:transparent}div.pds-panel--raised{border-color:transparent;box-shadow:var(--pds-elevation-raised)}div.pds-panel--overlay{border-color:transparent;box-shadow:var(--pds-elevation-overlay)}div.pds-panel--critical{border-color:var(--pds-color-panel-critical-border)}span.pds-panel__status{border-radius:.375rem 0 0 .375rem;margin:-.0625rem;min-width:.41rem}.pds-panel__status-info{background-color:var(--pds-color-semantic-info-foreground)}.pds-panel__status-success{background-color:var(--pds-color-semantic-success-foreground)}.pds-panel__status-warning{background-color:var(--pds-color-semantic-warning-foreground)}.pds-panel__status-critical{background-color:var(--pds-color-semantic-critical-foreground)}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
.pds-switch{--pds-toggle-switch-thumb-height:1.256rem;--pds-toggle-switch-border-width:0.1rem;--pds-toggle-switch-animation:var(
|
|
2
|
+
--pds-animation-transition-default-duration
|
|
3
|
+
) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);--pds-toggle-thumb-background:var(--pds-color-input-toggle-switch-icon);--pds-toggle-gutter:0.06rem;--pds-toggle-decor-space:2px 0.525rem;--pds-input-off-text-color:var(--pds-color-input-toggle-switch-icon);--pds-input-on-text-color:var(--pds-color-input-toggle-switch-icon);--pds-input-thumb-stroke:1px solid var(--pds-color-input-toggle-switch-off);--pds-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-input-toggle-switch-off);border-radius:calc(var(--pds-toggle-switch-thumb-height) + var(--pds-toggle-gutter));color:var(--pds-input-off-text-color);container-type:inline-size;cursor:pointer;height:calc(var(--pds-toggle-switch-thumb-height) + var(--pds-toggle-gutter)*2);margin-block-end:0;padding:var(--pds-toggle-gutter);position:relative;width:calc(var(--pds-toggle-switch-thumb-height)*2 + var(--pds-toggle-gutter)*3)}.pds-switch__input:has(:checked){background:var(--pds-color-input-toggle-switch-on);color:var(--pds-input-on-text-color)}.pds-switch__input:has(:checked) .pds-switch__thumb{border-color:var(--pds-color-input-toggle-switch-on);inset-inline-start:calc(var(--pds-toggle-switch-thumb-height) + var(--pds-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-input-toggle-switch-on);border-radius:calc(var(--pds-toggle-switch-thumb-height) + var(--pds-toggle-gutter));bottom:var(--pds-focus-border-spacing);content:"";display:block;left:var(--pds-focus-border-spacing);pointer-events:none;position:absolute;right:var(--pds-focus-border-spacing);top:var(--pds-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(--pds-toggle-thumb-background);border:var(--pds-input-thumb-stroke);border-color:var(--pds-color-input-toggle-switch-off);border-radius:6.25rem;border-width:var(--pds-toggle-switch-border-width);display:block;height:var(--pds-toggle-switch-thumb-height);inset-block-start:var(--pds-toggle-gutter);inset-inline-start:var(--pds-toggle-gutter);position:absolute;transition:var(--pds-toggle-switch-animation);width:var(--pds-toggle-switch-thumb-height);z-index:1}.pds-switch__toggle-label{color:var(--pds-color-text-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(--pds-toggle-decor-space);position:absolute;width:100%}.pds-switch__input-decor[data-switch-input-state=off]{justify-content:flex-end}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-text-input__input-wrapper{align-items:center;border:.0625rem solid var(--pds-color-input-border-default);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;height:2.441rem;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-input-foreground-default);color:var(--pds-color-input-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-input-placeholder-text)}.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-icon-button-background-hover)}.pds-text-input__visibility-toggle:focus-visible{outline:.0625rem solid var(--pds-color-interactive-focus)}
|
|
1
|
+
.pds-text-input__input-wrapper{align-items:center;border:.0625rem solid var(--pds-color-input-border-default);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;height:2.441rem;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-input-foreground-default);color:var(--pds-color-input-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-input-placeholder-text)}.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-icon-button-standard-background-hover)}.pds-text-input__visibility-toggle:focus-visible{outline:.0625rem solid var(--pds-color-interactive-focus)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-tooltip{display:inline}.pds-tooltip.pds-icon_info{color:var(--pds-color-tooltip-trigger-icon-critical)}.pds-tooltip:hover{cursor:pointer}.pds-tooltip:focus-visible{outline:1.5px solid var(--pds-color-interactive-focus)}.pds-tooltip__trigger{background:none;border:none;color:var(--pds-color-tooltip-trigger-icon-default);display:inline-block;line-height:0;outline:inherit}.pds-tooltip__icon{padding-inline:.125rem}.pds-icon--circleExclamation.pds-tooltip__icon{color:var(--pds-color-tooltip-trigger-icon-critical)}.pds-tooltip__trigger-text{border-bottom:1.5px dotted var(--pds-color-interactive-link);display:inline-block;padding-block:.8rem}.pds-tooltip__container{background-color:var(--pds-color-tooltip-background);border-radius:.375rem;box-shadow:0 4px 12px 0 rgba(0,0,0,.2);box-sizing:border-box;color:var(--pds-color-tooltip-text);font-size:.694rem;font-weight:400;line-height:140%;max-width:var(--pds-container-tooltip-max-width);padding:.512rem .64rem;width:max-content}
|
|
1
|
+
.pds-tooltip{display:inline}.pds-tooltip.pds-icon_info{color:var(--pds-color-tooltip-trigger-icon-critical)}.pds-tooltip:hover{cursor:pointer}.pds-tooltip:focus-visible{outline:1.5px solid var(--pds-color-interactive-focus)}.pds-tooltip__trigger{background:none;border:none;color:var(--pds-color-tooltip-trigger-icon-default);cursor:pointer;display:inline-block;line-height:0;outline:inherit}.pds-tooltip__icon{padding-inline:.125rem}.pds-icon--circleExclamation.pds-tooltip__icon{color:var(--pds-color-tooltip-trigger-icon-critical)}.pds-tooltip__trigger-text{border-bottom:1.5px dotted var(--pds-color-interactive-link);display:inline-block;padding-block:.8rem}.pds-tooltip__container{background-color:var(--pds-color-tooltip-background);border-radius:.375rem;box-shadow:0 4px 12px 0 rgba(0,0,0,.2);box-sizing:border-box;color:var(--pds-color-tooltip-text);font-size:.694rem;font-weight:400;line-height:140%;max-width:var(--pds-container-tooltip-max-width);padding:.512rem .64rem;width:max-content}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-workspace-selector{display:inline-block;position:relative}.pds-workspace-selector__trigger{align-items:center;background-color:transparent;border:none;color:var(--pds-color-text-default);column-gap:.64rem;display:flex;position:relative}.pds-workspace-selector__trigger .pds-workspace-selector__trigger-icon{transition:transform .2s ease-in-out 0s}.pds-workspace-selector__trigger:hover{color:var(--pds-color-interactive-link-hover);cursor:pointer}.pds-workspace-selector__trigger:hover .pds-workspace-selector__avatar{outline:1px solid var(--pds-color-interactive-link-hover);outline-offset:.03125rem}.pds-workspace-selector__trigger:focus-visible{border-radius:.375rem;outline:.125rem solid var(--pds-color-interactive-focus);outline-offset:2px;transition:outline .2s ease-in-out 0s}.pds-workspace-selector__toggle[aria-expanded=true],.pds-workspace-selector__trigger[aria-expanded=true]{color:var(--pds-color-interactive-link-hover)}.pds-workspace-selector__toggle[aria-expanded=true] .pds-workspace-selector__avatar,.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__avatar{outline:1px solid var(--pds-color-interactive-link-hover);outline-offset:.03125rem}.pds-workspace-selector__toggle[aria-expanded=true] .pds-workspace-selector__trigger-icon,.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-workspace-selector__button-content{align-items:center;column-gap:.64rem;display:flex}.pds-workspace-selector__name{font-family:Poppins,sans-serif;font-size:1rem;font-weight:400}.pds-workspace-selector__trigger-icon{color:var(--pds-color-text-default-secondary)}.pds-workspace-selector__dropdown{background-color:var(--pds-color-menu-background);border-radius:.375rem;box-shadow:var(--pds-elevation-overlay);left:0;position:absolute;top:2.5rem;width:20rem}.pds-workspace-selector__dropdown:focus{outline:none}.pds-workspace-selector__menu{display:flex;flex-direction:column;list-style:none;margin:0;padding:.512rem .64rem;row-gap:.328rem}.pds-workspace-selector__menu--scroll{max-height:23.25rem;overflow-y:auto}.pds-workspace-selector__item{background-color:transparent;border-radius:.375rem;color:var(--pds-color-menu-item-foreground);cursor:pointer;font-size:1rem;line-height:120%;margin:0}.pds-workspace-selector__item:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.03125rem}.pds-workspace-selector__item:hover{background-color:var(--pds-color-menu-item-background-hover);outline:none}.pds-workspace-selector__item a{align-items:center;border-radius:.375rem;color:var(--pds-color-menu-item-foreground);column-gap:.64rem;display:flex;justify-content:space-between;padding:.64rem .8rem;text-decoration:none}.pds-workspace-selector__item-heading{color:var(--pds-color-menu-item-heading-text);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;line-height:120%;padding:.64rem .8rem .328rem}.pds-workspace-selector__item--active{background-color:var(--pds-color-menu-item-background-hover);border-radius:.375rem}.pds-workspace-selector__item--unprivileged{opacity:.5}.pds-workspace-selector__item--unprivileged:hover{background-color:transparent}.pds-workspace-selector__item--unprivileged a{cursor:not-allowed}.pds-workspace-selector__active-icon{margin-inline-start:.8rem}.pds-workspace-selector__item-content{align-items:center;column-gap:.64rem;display:flex}.pds-workspace-selector__no-results{color:var(--pds-color-text-default);font-size:1rem;margin-block-end:.512rem;padding-inline:.8rem}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter{border-block-end:1px solid var(--pds-color-border-default);box-shadow:0 1px 9px -7px rgba(0,0,0,.2);padding:.41rem .64rem}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-input-field--text{border-color:transparent}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-input-field--text:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-workspace-selector__create-link{border-block-start:1px solid var(--pds-color-border-default);box-shadow:0 -1px 9px -7px rgba(0,0,0,.2);padding:.41rem .8rem}.pds-workspace-selector__create-link a{display:flex;justify-content:space-between}.pds-workspace-selector__create-link a:focus-visible{outline-width:1px}.pds-workspace-selector--isMobile{background-color:var(--pds-color-background-default);border-bottom:.0625rem solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;position:relative;width:100vw}.pds-workspace-selector__toggle{align-items:center;background-color:var(--pds-color-background-default);border:none;display:flex;justify-content:space-between;min-height:3.815rem;padding-inline:1.563rem;width:100%}.pds-workspace-selector__toggle>*{pointer-events:none}.pds-workspace-selector__toggle .pds-workspace-selector__trigger-icon{margin-inline-end:.328rem}.pds-workspace-selector__mobile-menu{display:none;padding-inline:.25rem}.pds-workspace-selector__mobile-menu .pds-workspace-selector__filter{padding-block:.512rem;padding-inline:1.25rem}.pds-workspace-selector__mobile-menu .pds-workspace-selector__create-link{border-block-start:none;box-shadow:none;padding-block:.41rem;padding-inline:1.25rem}.pds-workspace-selector__mobile-menu--expanded{display:flex;flex-direction:column}
|
|
1
|
+
.pds-workspace-selector{display:inline-block;position:relative}.pds-workspace-selector__trigger{align-items:center;background-color:transparent;border:none;color:var(--pds-color-text-default);column-gap:.64rem;display:flex;position:relative}.pds-workspace-selector__trigger .pds-workspace-selector__trigger-icon{transition:transform .2s ease-in-out 0s}.pds-workspace-selector__trigger:hover{color:var(--pds-color-interactive-link-hover);cursor:pointer}.pds-workspace-selector__trigger:hover .pds-workspace-selector__avatar{outline:1px solid var(--pds-color-interactive-link-hover);outline-offset:.03125rem}.pds-workspace-selector__trigger:focus-visible{border-radius:.375rem;outline:.125rem solid var(--pds-color-interactive-focus);outline-offset:2px;transition:outline .2s ease-in-out 0s}.pds-workspace-selector__toggle[aria-expanded=true],.pds-workspace-selector__trigger[aria-expanded=true]{color:var(--pds-color-interactive-link-hover)}.pds-workspace-selector__toggle[aria-expanded=true] .pds-workspace-selector__avatar,.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__avatar{outline:1px solid var(--pds-color-interactive-link-hover);outline-offset:.03125rem}.pds-workspace-selector__toggle[aria-expanded=true] .pds-workspace-selector__trigger-icon,.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-workspace-selector__button-content{align-items:center;column-gap:.64rem;display:flex}.pds-workspace-selector__name{font-family:Poppins,sans-serif;font-size:1rem;font-weight:400}.pds-workspace-selector__trigger-icon{color:var(--pds-color-text-default-secondary)}.pds-workspace-selector__dropdown{background-color:var(--pds-color-menu-background);border-radius:.375rem;box-shadow:var(--pds-elevation-overlay);left:0;position:absolute;top:2.5rem;width:20rem}.pds-workspace-selector__dropdown:focus{outline:none}.pds-workspace-selector__menu{display:flex;flex-direction:column;list-style:none;margin:0;padding:.512rem .64rem;row-gap:.328rem}.pds-workspace-selector__menu--scroll{max-height:23.25rem;overflow-y:auto}.pds-workspace-selector__item{background-color:transparent;border-radius:.375rem;color:var(--pds-color-menu-item-foreground);cursor:pointer;font-size:1rem;line-height:120%;margin:0}.pds-workspace-selector__item:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.03125rem}.pds-workspace-selector__item:hover{background-color:var(--pds-color-menu-item-background-hover);outline:none}.pds-workspace-selector__item a{align-items:center;border-radius:.375rem;color:var(--pds-color-menu-item-foreground);column-gap:.64rem;display:flex;justify-content:space-between;padding:.64rem .8rem;text-decoration:none}.pds-workspace-selector__item-heading{color:var(--pds-color-menu-item-heading-text);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;line-height:120%;padding:.64rem .8rem .328rem}.pds-workspace-selector__item--active{background-color:var(--pds-color-menu-item-background-hover);border-radius:.375rem}.pds-workspace-selector__item--unprivileged{opacity:.5}.pds-workspace-selector__item--unprivileged:hover{background-color:transparent}.pds-workspace-selector__item--unprivileged a{cursor:not-allowed}.pds-workspace-selector__active-icon{margin-inline-start:.8rem}.pds-workspace-selector__item-content{align-items:center;column-gap:.64rem;display:flex}.pds-workspace-selector__no-results{color:var(--pds-color-text-default);font-size:1rem;margin-block-end:.512rem;padding-inline:.8rem}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter{border-block-end:1px solid var(--pds-color-border-default);box-shadow:0 1px 9px -7px rgba(0,0,0,.2);padding:.41rem .64rem}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter .pds-text-input__input-wrapper{border-color:transparent}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter .pds-text-input__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-input-field--text{border-color:transparent}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-input-field--text:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-workspace-selector__create-link{border-block-start:1px solid var(--pds-color-border-default);box-shadow:0 -1px 9px -7px rgba(0,0,0,.2);padding:.41rem .8rem}.pds-workspace-selector__create-link a{display:flex;justify-content:space-between}.pds-workspace-selector__create-link a:focus-visible{outline-width:1px}.pds-workspace-selector--isMobile{background-color:var(--pds-color-background-default);border-bottom:.0625rem solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;position:relative;width:100vw}.pds-workspace-selector__toggle{align-items:center;background-color:var(--pds-color-background-default);border:none;display:flex;justify-content:space-between;min-height:3.815rem;padding-inline:1.563rem;width:100%}.pds-workspace-selector__toggle>*{pointer-events:none}.pds-workspace-selector__toggle .pds-workspace-selector__trigger-icon{margin-inline-end:.328rem}.pds-workspace-selector__mobile-menu{display:none;padding-inline:.25rem}.pds-workspace-selector__mobile-menu .pds-workspace-selector__filter{padding-block:.512rem;padding-inline:1.25rem}.pds-workspace-selector__mobile-menu .pds-workspace-selector__create-link{border-block-start:none;box-shadow:none;padding-block:.41rem;padding-inline:1.25rem}.pds-workspace-selector__mobile-menu--expanded{display:flex;flex-direction:column}
|
|
@@ -90,6 +90,8 @@
|
|
|
90
90
|
--pds-typography-size-7xl: 4.3rem;
|
|
91
91
|
--pds-typography-size-8xl: 5.160rem;
|
|
92
92
|
--pds-typography-size-9xl: 6.192rem;
|
|
93
|
+
--pds-typography-size-default: 1rem;
|
|
94
|
+
--pds-typography-size-input-label: 1rem;
|
|
93
95
|
--pds-typography-size-l: 1.2rem;
|
|
94
96
|
--pds-typography-size-m: 1rem;
|
|
95
97
|
--pds-typography-size-s: 0.833rem;
|