@pantheon-systems/pds-toolkit-react 1.0.0-dev.151 → 1.0.0-dev.153

package/_dist/css/component-css/pds-inputs-common-deprecated.css

@@ -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:.833rem;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-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)}
+.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-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)}

package/_dist/css/component-css/pds-panel.css

@@ -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)}
+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)}

package/_dist/css/component-css/pds-switch.css

@@ -0,0 +1,3 @@
+.pds-switch{--pds-toggle-switch-thumb-height:1.256rem;--pds-toggle-switch-border-width:0.1rem;--pds-toggle-switch-animation:var(
+			--pds-animation-transition-default-duration
+		) 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-switch--description-left{display:flex}.pds-switch--description-left .pds-switch__content{margin-left:1.563rem}.pds-switch--description-left .pds-input-message--switch{margin-block-end:0}.pds-switch--description-left .pds-input-label{padding-inline-end: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}

package/_dist/css/component-css/pds-tooltip.css

@@ -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:.64rem .8rem;width:max-content}
+.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}

package/_dist/css/design-tokens/pds-design-tokens.css

@@ -90,6 +90,8 @@
   --pds-typography-size-7xl: 4.3rem;
   --pds-typography-size-8xl: 5.160rem;
   --pds-typography-size-9xl: 6.192rem;
+  --pds-typography-size-default: 1rem;
+  --pds-typography-size-input-label: 1rem;
   --pds-typography-size-l: 1.2rem;
   --pds-typography-size-m: 1rem;
   --pds-typography-size-s: 0.833rem;