@spectrum-web-components/textfield 0.13.12 → 0.13.13

package/src/textfield.css.js

@@ -63,15 +63,13 @@
 --spectrum-alias-item-workflow-padding-left-m
 )}#textfield{display:inline-flex;min-width:var(--spectrum-textfield-texticon-min-width);position:relative;width:var(
 --spectrum-alias-single-line-width,var(--spectrum-global-dimension-size-2400)
-)}:host([quiet][multiline]) #textfield .input{height:var(
---spectrum-textfield-texticon-height
-);min-height:var(--spectrum-textfield-texticon-height)}#textfield:after{border-color:transparent;border-radius:calc(var(--spectrum-textfield-texticon-border-radius) + var(
+)}:host([quiet][multiline]) #textfield .input{height:var(--spectrum-textfield-texticon-height);min-height:var(--spectrum-textfield-texticon-height)}#textfield:after{border-color:#0000;border-radius:calc(var(--spectrum-textfield-texticon-border-radius) + var(
 --spectrum-textfield-m-texticon-focus-ring-gap,
 var(--spectrum-alias-input-focusring-gap)
-));bottom:0;content:"";left:0;margin:calc(var(
+));content:"";inset:0;margin:calc(var(
 --spectrum-textfield-m-texticon-focus-ring-gap,
 var(--spectrum-alias-input-focusring-gap)
-)*-1);pointer-events:none;position:absolute;right:0;top:0;transition:box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-in-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([quiet]) #textfield:after{border-radius:0}.input{-webkit-appearance:none;-moz-appearance:textfield;border:var(--spectrum-textfield-texticon-border-size) solid;border-radius:var(--spectrum-textfield-texticon-border-radius);box-sizing:border-box;font-family:var(--spectrum-textfield-texticon-text-font-family);font-size:var(--spectrum-textfield-texticon-text-size);height:var(--spectrum-textfield-texticon-height);line-height:var(--spectrum-textfield-texticon-text-line-height);margin:0;outline:none;overflow:visible;padding:var(--spectrum-textfield-texticon-padding-top) var(--spectrum-textfield-texticon-padding-right) var(--spectrum-textfield-texticon-padding-bottom) calc(var(--spectrum-textfield-texticon-padding-left) + 1px);text-indent:0;text-overflow:ellipsis;transition:border-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out;vertical-align:top;width:100%}.input::placeholder{font-style:var(--spectrum-textfield-texticon-placeholder-text-font-style);font-weight:var(
+)*-1);pointer-events:none;position:absolute;transition:box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-in-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([quiet]) #textfield:after{border-radius:0}.input{-webkit-appearance:none;-moz-appearance:textfield;border:var(--spectrum-textfield-texticon-border-size) solid;border-radius:var(--spectrum-textfield-texticon-border-radius);box-sizing:border-box;font-family:var(--spectrum-textfield-texticon-text-font-family);font-size:var(--spectrum-textfield-texticon-text-size);height:var(--spectrum-textfield-texticon-height);line-height:var(--spectrum-textfield-texticon-text-line-height);margin:0;outline:none;overflow:visible;padding:var(--spectrum-textfield-texticon-padding-top) var(--spectrum-textfield-texticon-padding-right) var(--spectrum-textfield-texticon-padding-bottom) calc(var(--spectrum-textfield-texticon-padding-left) + 1px);text-indent:0;text-overflow:ellipsis;transition:border-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out;vertical-align:top;width:100%}.input::placeholder{font-style:var(--spectrum-textfield-texticon-placeholder-text-font-style);font-weight:var(
 --spectrum-textfield-texticon-placeholder-text-font-weight
 );opacity:1;transition:color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}.input:lang(ja)::placeholder,.input:lang(ko)::placeholder,.input:lang(zh)::placeholder{font-style:normal}.input:hover::placeholder{font-weight:var(
 --spectrum-textfield-texticon-placeholder-text-font-weight
@@ -89,45 +87,17 @@ var(--spectrum-textfield-texticon-invalid-icon-margin-left)
 ))}:host([dir=rtl][invalid]) #textfield .input{padding-left:calc(var(--spectrum-textfield-texticon-padding-right) + var(--spectrum-textfield-texticon-invalid-icon-width) + var(
 --spectrum-textfield-icon-inline-end-override,
 var(--spectrum-textfield-texticon-invalid-icon-margin-left)
-))}:host([multiline]) .input{height:var(
---spectrum-textarea-height-adjusted
-);min-height:var(--spectrum-textarea-min-height);overflow:auto;padding:var(--spectrum-textarea-padding-top) var(--spectrum-textarea-padding-right) var(--spectrum-textarea-padding-bottom) calc(var(--spectrum-textarea-padding-left) - 1px)}:host([dir=ltr][quiet]) .input{padding-left:var(
---spectrum-textfield-quiet-texticon-padding-left
-)}:host([dir=rtl][quiet]) .input{padding-right:var(
---spectrum-textfield-quiet-texticon-padding-left
-)}:host([dir=ltr][quiet]) .input{padding-right:var(
---spectrum-textfield-quiet-texticon-padding-right
-)}:host([dir=rtl][quiet]) .input{padding-left:var(
---spectrum-textfield-quiet-texticon-padding-right
-)}:host([quiet]) .input{border-bottom-width:var(
+))}:host([multiline]) .input{height:var(--spectrum-textarea-height-adjusted);min-height:var(--spectrum-textarea-min-height);overflow:auto;padding:var(--spectrum-textarea-padding-top) var(--spectrum-textarea-padding-right) var(--spectrum-textarea-padding-bottom) calc(var(--spectrum-textarea-padding-left) - 1px)}:host([dir=ltr][quiet]) .input{padding-left:var(--spectrum-textfield-quiet-texticon-padding-left)}:host([dir=rtl][quiet]) .input{padding-right:var(--spectrum-textfield-quiet-texticon-padding-left)}:host([dir=ltr][quiet]) .input{padding-right:var(--spectrum-textfield-quiet-texticon-padding-right)}:host([dir=rtl][quiet]) .input{padding-left:var(--spectrum-textfield-quiet-texticon-padding-right)}:host([quiet]) .input{border-bottom-width:var(
 --spectrum-textfield-quiet-texticon-border-bottom-size
-);border-left-width:0;border-radius:var(
---spectrum-textfield-quiet-texticon-border-radius
-);border-right-width:0;border-top-width:0;overflow-y:hidden;resize:none}:host([dir=ltr][invalid][quiet]) .input{padding-right:calc(var(--spectrum-textfield-texticon-invalid-icon-width) + var(--spectrum-textfield-quiet-texticon-invalid-icon-margin-left))}:host([dir=rtl][invalid][quiet]) .input{padding-left:calc(var(--spectrum-textfield-texticon-invalid-icon-width) + var(--spectrum-textfield-quiet-texticon-invalid-icon-margin-left))}:host([dir=ltr][valid][quiet]) .input{padding-right:calc(var(--spectrum-textfield-texticon-success-icon-width) + var(--spectrum-textfield-quiet-texticon-success-icon-margin-left))}:host([dir=rtl][valid][quiet]) .input{padding-left:calc(var(--spectrum-textfield-texticon-success-icon-width) + var(--spectrum-textfield-quiet-texticon-success-icon-margin-left))}.icon{pointer-events:all;position:absolute}:host([dir=ltr][quiet]) .icon{padding-right:0}:host([dir=rtl][quiet]) .icon{padding-left:0}:host([dir=ltr][invalid]) #textfield .icon{right:var(
+);border-left-width:0;border-radius:var(--spectrum-textfield-quiet-texticon-border-radius);border-right-width:0;border-top-width:0;overflow-y:hidden;resize:none}:host([dir=ltr][invalid][quiet]) .input{padding-right:calc(var(--spectrum-textfield-texticon-invalid-icon-width) + var(--spectrum-textfield-quiet-texticon-invalid-icon-margin-left))}:host([dir=rtl][invalid][quiet]) .input{padding-left:calc(var(--spectrum-textfield-texticon-invalid-icon-width) + var(--spectrum-textfield-quiet-texticon-invalid-icon-margin-left))}:host([dir=ltr][valid][quiet]) .input{padding-right:calc(var(--spectrum-textfield-texticon-success-icon-width) + var(--spectrum-textfield-quiet-texticon-success-icon-margin-left))}:host([dir=rtl][valid][quiet]) .input{padding-left:calc(var(--spectrum-textfield-texticon-success-icon-width) + var(--spectrum-textfield-quiet-texticon-success-icon-margin-left))}.icon{pointer-events:all;position:absolute}:host([dir=ltr][quiet]) .icon{padding-right:0}:host([dir=rtl][quiet]) .icon{padding-left:0}:host([dir=ltr][invalid]) #textfield .icon{right:var(
 --spectrum-textfield-icon-inline-end-override,var(--spectrum-textfield-texticon-invalid-icon-margin-left)
 )}:host([dir=rtl][invalid]) #textfield .icon{left:var(
 --spectrum-textfield-icon-inline-end-override,var(--spectrum-textfield-texticon-invalid-icon-margin-left)
-)}:host([invalid]) #textfield .icon{bottom:calc(var(--spectrum-textfield-texticon-height)/2 - var(--spectrum-textfield-texticon-invalid-icon-height)/2);height:var(--spectrum-textfield-texticon-invalid-icon-height);width:var(
---spectrum-textfield-texticon-invalid-icon-width
-)}:host([dir=ltr][quiet][invalid]) #textfield .icon{right:var(
---spectrum-textfield-icon-inline-end-override,0
-)}:host([dir=rtl][quiet][invalid]) #textfield .icon{left:var(
---spectrum-textfield-icon-inline-end-override,0
-)}:host([dir=ltr][valid]) #textfield .icon{right:var(
+)}:host([invalid]) #textfield .icon{bottom:calc(var(--spectrum-textfield-texticon-height)/2 - var(--spectrum-textfield-texticon-invalid-icon-height)/2);height:var(--spectrum-textfield-texticon-invalid-icon-height);width:var(--spectrum-textfield-texticon-invalid-icon-width)}:host([dir=ltr][quiet][invalid]) #textfield .icon{right:var(--spectrum-textfield-icon-inline-end-override,0)}:host([dir=rtl][quiet][invalid]) #textfield .icon{left:var(--spectrum-textfield-icon-inline-end-override,0)}:host([dir=ltr][valid]) #textfield .icon{right:var(
 --spectrum-textfield-icon-inline-end-override,var(--spectrum-textfield-texticon-success-icon-margin-left)
 )}:host([dir=rtl][valid]) #textfield .icon{left:var(
 --spectrum-textfield-icon-inline-end-override,var(--spectrum-textfield-texticon-success-icon-margin-left)
-)}:host([valid]) #textfield .icon{bottom:calc(var(--spectrum-textfield-texticon-height)/2 - var(--spectrum-textfield-texticon-success-icon-height)/2);height:var(--spectrum-textfield-texticon-success-icon-height);width:var(
---spectrum-textfield-texticon-success-icon-width
-)}:host([dir=ltr][quiet][valid]) #textfield .icon{right:var(
---spectrum-textfield-icon-inline-end-override,0
-)}:host([dir=rtl][quiet][valid]) #textfield .icon{left:var(
---spectrum-textfield-icon-inline-end-override,0
-)}:host([dir=ltr]) .icon-workflow{left:var(
---spectrum-textfield-texticon-padding-left
-)}:host([dir=rtl]) .icon-workflow{right:var(
---spectrum-textfield-texticon-padding-left
-)}.icon-workflow{display:block;height:var(
+)}:host([valid]) #textfield .icon{bottom:calc(var(--spectrum-textfield-texticon-height)/2 - var(--spectrum-textfield-texticon-success-icon-height)/2);height:var(--spectrum-textfield-texticon-success-icon-height);width:var(--spectrum-textfield-texticon-success-icon-width)}:host([dir=ltr][quiet][valid]) #textfield .icon{right:var(--spectrum-textfield-icon-inline-end-override,0)}:host([dir=rtl][quiet][valid]) #textfield .icon{left:var(--spectrum-textfield-icon-inline-end-override,0)}:host([dir=ltr]) .icon-workflow{left:var(--spectrum-textfield-texticon-padding-left)}:host([dir=rtl]) .icon-workflow{right:var(--spectrum-textfield-texticon-padding-left)}.icon-workflow{display:block;height:var(
 --spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225)
 );position:absolute;top:calc(var(--spectrum-textfield-texticon-height)/2 - var(
 --spectrum-alias-workflow-icon-size-m,
@@ -146,9 +116,7 @@ var(--spectrum-global-dimension-size-225)
 ) + var(--spectrum-textfield-texticon-icon-gap))}:host([dir=rtl]) .icon-workflow+.input{padding-right:calc(var(--spectrum-textfield-texticon-padding-left) + var(
 --spectrum-alias-workflow-icon-size-m,
 var(--spectrum-global-dimension-size-225)
-) + var(--spectrum-textfield-texticon-icon-gap))}:host([multiline]) .icon-workflow~.input{height:var(
---spectrum-textfield-texticon-height
-);min-height:var(--spectrum-textfield-texticon-height)}#textfield:hover .input{border-color:var(
+) + var(--spectrum-textfield-texticon-icon-gap))}:host([multiline]) .icon-workflow~.input{height:var(--spectrum-textfield-texticon-height);min-height:var(--spectrum-textfield-texticon-height)}#textfield:hover .input{border-color:var(
 --spectrum-textfield-m-texticon-border-color-hover,var(--spectrum-alias-input-border-color-hover)
 );box-shadow:none}#textfield:hover .input::placeholder{color:var(
 --spectrum-textfield-m-texticon-placeholder-text-color-hover,var(--spectrum-alias-placeholder-text-color-hover)
@@ -203,7 +171,7 @@ var(--spectrum-global-dimension-static-size-10)
 --spectrum-textfield-m-texticon-border-color-invalid-key-focus,var(--spectrum-alias-input-border-color-invalid-key-focus)
 )}:host([focused][invalid]) #textfield .input,:host([invalid]) #textfield .input:focus-visible{border-color:var(
 --spectrum-textfield-m-texticon-border-color-invalid-key-focus,var(--spectrum-alias-input-border-color-invalid-key-focus)
-)}.input :disabled,:host([disabled]) #textfield .input,:host([disabled]) #textfield:hover .input{-webkit-text-fill-color:var(
+)}.input:disabled,:host([disabled]) #textfield .input,:host([disabled]) #textfield:hover .input{-webkit-text-fill-color:var(
 --spectrum-textfield-m-texticon-text-color-disabled,var(--spectrum-alias-component-text-color-disabled)
 );background-color:var(
 --spectrum-textfield-m-texticon-background-color-disabled,var(--spectrum-global-color-gray-200)
@@ -211,7 +179,7 @@ var(--spectrum-global-dimension-static-size-10)
 --spectrum-textfield-m-texticon-border-color-disabled,var(--spectrum-alias-input-border-color-disabled)
 );color:var(
 --spectrum-textfield-m-texticon-text-color-disabled,var(--spectrum-alias-component-text-color-disabled)
-)}.input :disabled::placeholder,:host([disabled]) #textfield .input::placeholder,:host([disabled]) #textfield:hover .input::placeholder{color:var(
+)}.input:disabled::placeholder,:host([disabled]) #textfield .input::placeholder,:host([disabled]) #textfield:hover .input::placeholder{color:var(
 --spectrum-textfield-m-texticon-placeholder-text-color-disabled,var(--spectrum-alias-text-color-disabled)
 )}.input:read-only,:host([readonly]) #textfield .input,:host([readonly]) #textfield:hover .input{-webkit-text-fill-color:var(--spectrum-global-color-gray-800);background-color:var(
 --spectrum-alias-background-color-transparent,transparent
@@ -221,39 +189,47 @@ var(--spectrum-global-dimension-static-size-10)
 --spectrum-textfield-m-quiet-texticon-background-color,var(--spectrum-alias-background-color-transparent)
 );border-color:var(
 --spectrum-textfield-m-quiet-texticon-border-color,var(--spectrum-alias-input-border-color-default)
-)}:host([focused][quiet]) #textfield .input,:host([quiet]) .input:focus{border-color:var(
+)}:host([quiet]:hover) .input{border-color:var(
+--spectrum-textfield-m-quiet-texticon-border-color-hover,var(--spectrum-alias-input-border-color-hover)
+)}:host([quiet]):active .input{border-color:var(
+--spectrum-textfield-m-quiet-texticon-border-color-down,var(--spectrum-alias-input-border-color-down)
+)}:host([focused][quiet]) .input,:host([quiet]) .input:focus{border-color:var(
 --spectrum-textfield-m-quiet-texticon-border-color-mouse-focus,var(--spectrum-alias-input-border-color-mouse-focus)
-)}:host([focused][quiet]) #textfield .input,:host([quiet]) .input.focus-visible{border-color:var(
+)}:host([focused][quiet]) .input,:host([quiet]) .input.focus-visible{border-color:var(
 --spectrum-textfield-m-texticon-border-color-key-focus,var(--spectrum-alias-input-border-color-key-focus)
 );box-shadow:0 1px 0 var(
 --spectrum-textfield-m-texticon-border-color-key-focus,var(--spectrum-alias-input-border-color-key-focus)
-)}:host([focused][quiet]) #textfield .input,:host([quiet]) .input:focus-visible{border-color:var(
+)}:host([focused][quiet]) .input,:host([quiet]) .input:focus-visible{border-color:var(
 --spectrum-textfield-m-texticon-border-color-key-focus,var(--spectrum-alias-input-border-color-key-focus)
 );box-shadow:0 1px 0 var(
 --spectrum-textfield-m-texticon-border-color-key-focus,var(--spectrum-alias-input-border-color-key-focus)
-)}:host([invalid][quiet]) #textfield .input{border-color:var(
+)}:host([invalid][quiet]) .input{border-color:var(
 --spectrum-textfield-m-quiet-texticon-border-color-invalid,var(--spectrum-alias-input-border-color-invalid-default)
-)}:host([focused][invalid][quiet]) #textfield .input,:host([invalid][quiet]) #textfield .input:focus{border-color:var(
+)}:host([focused][invalid][quiet]) .input,:host([invalid][quiet]) .input:focus{border-color:var(
 --spectrum-textfield-m-quiet-texticon-border-color-invalid-mouse-focus,var(--spectrum-alias-input-border-color-invalid-mouse-focus)
-)}:host([focused][invalid][quiet]) #textfield .input,:host([invalid][quiet]) #textfield .input.focus-visible{border-color:var(
+)}:host([focused][invalid][quiet]) .input,:host([invalid][quiet]) .input.focus-visible{border-color:var(
 --spectrum-textfield-m-quiet-texticon-border-color-invalid-key-focus,var(--spectrum-alias-input-border-color-invalid-key-focus)
 );box-shadow:0 1px 0 var(
 --spectrum-textfield-m-quiet-texticon-border-color-invalid-key-focus,var(--spectrum-alias-input-border-color-invalid-key-focus)
-)}:host([focused][invalid][quiet]) #textfield .input,:host([invalid][quiet]) #textfield .input:focus-visible{border-color:var(
+)}:host([focused][invalid][quiet]) .input,:host([invalid][quiet]) .input:focus-visible{border-color:var(
 --spectrum-textfield-m-quiet-texticon-border-color-invalid-key-focus,var(--spectrum-alias-input-border-color-invalid-key-focus)
 );box-shadow:0 1px 0 var(
 --spectrum-textfield-m-quiet-texticon-border-color-invalid-key-focus,var(--spectrum-alias-input-border-color-invalid-key-focus)
-)}:host([disabled][quiet]) #textfield .input,:host([disabled][quiet]) #textfield:hover .input,:host([quiet]) .input :disabled{background-color:var(
+)}:host([disabled][quiet]) .input,:host([disabled][quiet]:hover) .input,:host([quiet]) .input:disabled{background-color:var(
 --spectrum-textfield-m-quiet-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)
 );border-color:var(
 --spectrum-textfield-m-quiet-texticon-border-color-disabled,var(--spectrum-alias-input-border-color-quiet-disabled)
-)}@media (forced-colors:active){#textfield{--spectrum-textfield-m-quiet-texticon-border-color-disabled:GrayText;--spectrum-textfield-m-quiet-texticon-border-color-down:Highlight;--spectrum-textfield-m-quiet-texticon-border-color-hover:Highlight;--spectrum-textfield-m-quiet-texticon-border-color-invalid:Highlight;--spectrum-textfield-m-quiet-texticon-border-color-invalid-key-focus:Highlight;--spectrum-textfield-m-quiet-texticon-border-color-invalid-mouse-focus:Highlight;--spectrum-textfield-m-quiet-texticon-border-color-mouse-focus:Highlight;--spectrum-textfield-m-texticon-border-color-disabled:GrayText;--spectrum-textfield-m-texticon-border-color-down:Highlight;--spectrum-textfield-m-texticon-border-color-hover:Highlight;--spectrum-textfield-m-texticon-border-color-invalid:Highlight;--spectrum-textfield-m-texticon-border-color-invalid-hover:Highlight;--spectrum-textfield-m-texticon-border-color-invalid-key-focus:Highlight;--spectrum-textfield-m-texticon-border-color-invalid-mouse-focus:Highlight;--spectrum-textfield-m-texticon-border-color-key-focus:Highlight;--spectrum-textfield-m-texticon-placeholder-text-color:GrayText;--spectrum-textfield-m-texticon-placeholder-text-color-disabled:GrayText;--spectrum-textfield-m-texticon-placeholder-text-color-hover:GrayText;--spectrum-textfield-m-texticon-text-color-disabled:GrayText;--spectrum-textfield-m-textonly-focus-ring-border-color-key-focus:Highlight;--spectrum-textfield-m-texticon-focus-ring-border-width:2px}:host([focused]) #textfield:after{forced-color-adjust:none}}:host{display:inline-flex;flex-direction:column;width:var(
+)}@media (forced-colors:active){:host{--spectrum-textfield-m-quiet-texticon-border-color-disabled:GrayText;--spectrum-textfield-m-quiet-texticon-border-color-down:Highlight;--spectrum-textfield-m-quiet-texticon-border-color-hover:Highlight;--spectrum-textfield-m-quiet-texticon-border-color-invalid:Highlight;--spectrum-textfield-m-quiet-texticon-border-color-invalid-key-focus:Highlight;--spectrum-textfield-m-quiet-texticon-border-color-invalid-mouse-focus:Highlight;--spectrum-textfield-m-quiet-texticon-border-color-mouse-focus:Highlight;--spectrum-textfield-m-texticon-border-color-disabled:GrayText;--spectrum-textfield-m-texticon-border-color-down:Highlight;--spectrum-textfield-m-texticon-border-color-hover:Highlight;--spectrum-textfield-m-texticon-border-color-invalid:Highlight;--spectrum-textfield-m-texticon-border-color-invalid-hover:Highlight;--spectrum-textfield-m-texticon-border-color-invalid-key-focus:Highlight;--spectrum-textfield-m-texticon-border-color-invalid-mouse-focus:Highlight;--spectrum-textfield-m-texticon-border-color-key-focus:Highlight;--spectrum-textfield-m-texticon-placeholder-text-color:GrayText;--spectrum-textfield-m-texticon-placeholder-text-color-disabled:GrayText;--spectrum-textfield-m-texticon-placeholder-text-color-hover:GrayText;--spectrum-textfield-m-texticon-text-color-disabled:GrayText;--spectrum-textfield-m-textonly-focus-ring-border-color-key-focus:Highlight;--spectrum-textfield-m-texticon-focus-ring-border-width:2px}:host([focused]) #textfield:after{forced-color-adjust:none}}:host{display:inline-flex;flex-direction:column;width:var(
 --spectrum-alias-single-line-width,var(--spectrum-global-dimension-size-2400)
 )}:host([multiline]){resize:both}:host([multiline][readonly]){resize:none}#textfield{width:100%}#textfield,textarea{resize:inherit}.input{min-width:var(--spectrum-textfield-texticon-min-width)}:host([focused]) .input{caret-color:var(--swc-test-caret-color);forced-color-adjust:var(--swc-test-forced-color-adjust)}:host([grows]) .input{height:100%;left:0;overflow:hidden;position:absolute;resize:none;top:0}:host([grows]) #sizer{-webkit-appearance:none;-moz-appearance:textfield;border:var(--spectrum-textfield-texticon-border-size) solid;border-radius:var(--spectrum-textfield-texticon-border-radius);box-sizing:border-box;font-family:var(--spectrum-textfield-texticon-text-font-family);font-size:var(--spectrum-textfield-texticon-text-size);line-height:var(--spectrum-textfield-texticon-text-line-height);margin:0;outline:none;overflow:visible;overflow-wrap:break-word;padding:var(--spectrum-textarea-padding-top) var(--spectrum-textarea-padding-right) var(--spectrum-textarea-padding-bottom) calc(var(--spectrum-textarea-padding-left) - 1px);text-indent:0;text-overflow:ellipsis;transition:border-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-in-out;vertical-align:top;white-space:pre-wrap;width:100%;word-break:break-word}:host([grows][quiet]) #sizer{border-radius:var(--spectrum-textfield-quiet-texticon-border-radius);border-width:0 0 var(--spectrum-textfield-quiet-texticon-border-size) 0;overflow-y:hidden;resize:none}.icon,.icon-workflow{pointer-events:none}:host([multiline]) #textfield{display:inline-grid}:host([multiline]) textarea{transition:box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-in-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([multiline][focused]:not([quiet])) textarea,:host([multiline][focused]:not([quiet]):hover) textarea{box-shadow:0 0 0 calc(var(
 --spectrum-textfield-m-texticon-focus-ring-border-width,
 var(--spectrum-alias-component-focusring-size)
 )) var(
 --spectrum-textfield-m-textonly-focus-ring-border-color-key-focus,var(--spectrum-alias-focus-ring-color)
-)!important}:host([multiline]:not([quiet])) #textfield:after{box-shadow:none}
+)!important}:host([multiline]:not([quiet])) #textfield:after{box-shadow:none}:host([disabled][quiet]) #textfield .input,:host([disabled][quiet]) #textfield:hover .input,:host([quiet]) .input :disabled{background-color:var(
+--spectrum-textfield-m-quiet-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)
+);border-color:var(
+--spectrum-textfield-m-quiet-texticon-border-color-disabled,var(--spectrum-alias-input-border-color-quiet-disabled)
+)}
 `;export default e;
 //# sourceMappingURL=textfield.css.js.map

package/src/textfield.css.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["textfield.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-textfield-quiet-texticon-border-bottom-size:var(\n--spectrum-textfield-m-quiet-texticon-border-bottom-size,var(--spectrum-alias-input-border-size)\n);--spectrum-textfield-quiet-texticon-success-icon-margin-left:var(\n--spectrum-textfield-m-quiet-texticon-success-icon-margin-left,var(--spectrum-global-dimension-size-150)\n);--spectrum-textfield-quiet-texticon-invalid-icon-margin-left:var(\n--spectrum-textfield-m-quiet-texticon-invalid-icon-margin-left,var(--spectrum-global-dimension-size-150)\n);--spectrum-textfield-quiet-texticon-border-radius:var(\n--spectrum-textfield-m-quiet-texticon-border-radius,var(--spectrum-global-dimension-size-0)\n);--spectrum-textfield-quiet-texticon-padding-left:var(\n--spectrum-textfield-m-quiet-texticon-padding-left,var(--spectrum-global-dimension-size-0)\n);--spectrum-textfield-quiet-texticon-padding-right:var(\n--spectrum-textfield-m-quiet-texticon-padding-right,var(--spectrum-global-dimension-size-0)\n);--spectrum-textfield-texticon-border-size:var(\n--spectrum-textfield-m-texticon-border-size,var(--spectrum-alias-input-border-size)\n);--spectrum-textfield-texticon-text-line-height:var(\n--spectrum-textfield-m-texticon-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-textfield-texticon-text-size:var(\n--spectrum-textfield-m-texticon-text-size,var(--spectrum-global-dimension-font-size-100)\n);--spectrum-textfield-texticon-placeholder-text-font-style:var(\n--spectrum-textfield-m-texticon-placeholder-text-font-style,var(--spectrum-global-font-style-italic)\n);--spectrum-textfield-texticon-placeholder-text-font-weight:var(\n--spectrum-textfield-m-texticon-placeholder-text-font-weight,var(--spectrum-global-font-weight-regular)\n);--spectrum-textfield-texticon-success-icon-height:var(\n--spectrum-textfield-m-texticon-success-icon-height,var(--spectrum-alias-ui-icon-checkmark-size-100)\n);--spectrum-textfield-texticon-success-icon-width:var(\n--spectrum-textfield-m-texticon-success-icon-width,var(--spectrum-alias-ui-icon-checkmark-size-100)\n);--spectrum-textfield-texticon-success-icon-margin-left:var(\n--spectrum-textfield-m-texticon-success-icon-margin-left,var(--spectrum-global-dimension-size-150)\n);--spectrum-textfield-texticon-invalid-icon-height:var(\n--spectrum-textfield-m-texticon-invalid-icon-height,var(--spectrum-alias-ui-icon-alert-size-100)\n);--spectrum-textfield-texticon-invalid-icon-width:var(\n--spectrum-textfield-m-texticon-invalid-icon-width,var(--spectrum-alias-ui-icon-alert-size-100)\n);--spectrum-textfield-texticon-invalid-icon-margin-left:var(\n--spectrum-textfield-m-texticon-invalid-icon-margin-left,var(--spectrum-global-dimension-size-150)\n);--spectrum-textfield-texticon-min-width:var(\n--spectrum-textfield-m-texticon-min-width,var(--spectrum-global-dimension-size-600)\n);--spectrum-textfield-texticon-border-radius:var(\n--spectrum-textfield-m-texticon-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-textfield-texticon-padding-right:var(\n--spectrum-textfield-m-texticon-padding-right,var(--spectrum-global-dimension-size-150)\n);--spectrum-textfield-texticon-height:var(\n--spectrum-textfield-m-texticon-height,var(--spectrum-global-dimension-size-400)\n);--spectrum-textarea-text-padding-top:var(\n--spectrum-textarea-m-text-padding-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-textarea-text-padding-bottom:var(\n--spectrum-textarea-m-text-padding-bottom,var(--spectrum-global-dimension-size-115)\n);--spectrum-textarea-padding-left:var(\n--spectrum-textarea-m-padding-left,var(--spectrum-global-dimension-size-150)\n);--spectrum-textarea-padding-right:var(\n--spectrum-textarea-m-padding-right,var(--spectrum-global-dimension-size-150)\n);--spectrum-textarea-height:var(\n--spectrum-textarea-m-height,var(--spectrum-global-dimension-size-400)\n);--spectrum-textfield-texticon-padding-top:3px;--spectrum-textfield-texticon-padding-bottom:5px;--spectrum-textfield-texticon-text-font-family:var(\n--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)\n);--spectrum-textfield-texticon-icon-gap:var(\n--spectrum-global-dimension-size-65\n);--spectrum-textfield-quiet-texticon-icon-gap:var(\n--spectrum-global-dimension-size-75\n);--spectrum-textarea-min-height:var(--spectrum-textarea-height);--spectrum-textarea-height-adjusted:auto;--spectrum-textarea-padding-top:var(--spectrum-textarea-text-padding-top);--spectrum-textarea-padding-bottom:var(\n--spectrum-textarea-text-padding-bottom\n);--spectrum-textfield-texticon-padding-left:var(\n--spectrum-alias-item-workflow-padding-left-m\n)}#textfield{display:inline-flex;min-width:var(--spectrum-textfield-texticon-min-width);position:relative;width:var(\n--spectrum-alias-single-line-width,var(--spectrum-global-dimension-size-2400)\n)}:host([quiet][multiline]) #textfield .input{height:var(\n--spectrum-textfield-texticon-height\n);min-height:var(--spectrum-textfield-texticon-height)}#textfield:after{border-color:transparent;border-radius:calc(var(--spectrum-textfield-texticon-border-radius) + var(\n--spectrum-textfield-m-texticon-focus-ring-gap,\nvar(--spectrum-alias-input-focusring-gap)\n));bottom:0;content:\"\";left:0;margin:calc(var(\n--spectrum-textfield-m-texticon-focus-ring-gap,\nvar(--spectrum-alias-input-focusring-gap)\n)*-1);pointer-events:none;position:absolute;right:0;top:0;transition:box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-in-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([quiet]) #textfield:after{border-radius:0}.input{-webkit-appearance:none;-moz-appearance:textfield;border:var(--spectrum-textfield-texticon-border-size) solid;border-radius:var(--spectrum-textfield-texticon-border-radius);box-sizing:border-box;font-family:var(--spectrum-textfield-texticon-text-font-family);font-size:var(--spectrum-textfield-texticon-text-size);height:var(--spectrum-textfield-texticon-height);line-height:var(--spectrum-textfield-texticon-text-line-height);margin:0;outline:none;overflow:visible;padding:var(--spectrum-textfield-texticon-padding-top) var(--spectrum-textfield-texticon-padding-right) var(--spectrum-textfield-texticon-padding-bottom) calc(var(--spectrum-textfield-texticon-padding-left) + 1px);text-indent:0;text-overflow:ellipsis;transition:border-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out;vertical-align:top;width:100%}.input::placeholder{font-style:var(--spectrum-textfield-texticon-placeholder-text-font-style);font-weight:var(\n--spectrum-textfield-texticon-placeholder-text-font-weight\n);opacity:1;transition:color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}.input:lang(ja)::placeholder,.input:lang(ko)::placeholder,.input:lang(zh)::placeholder{font-style:normal}.input:hover::placeholder{font-weight:var(\n--spectrum-textfield-texticon-placeholder-text-font-weight\n)}.input:disabled{opacity:1;resize:none}.input:disabled::placeholder{font-weight:var(\n--spectrum-textfield-texticon-placeholder-text-font-weight\n)}.input::-ms-clear{height:0;width:0}.input::-webkit-inner-spin-button,.input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input:-moz-ui-invalid{box-shadow:none}:host([dir=ltr][valid]) #textfield .input{padding-right:calc(var(--spectrum-textfield-texticon-padding-right) + var(--spectrum-textfield-texticon-success-icon-width) + var(\n--spectrum-textfield-icon-inline-end-override,\nvar(--spectrum-textfield-texticon-success-icon-margin-left)\n))}:host([dir=rtl][valid]) #textfield .input{padding-left:calc(var(--spectrum-textfield-texticon-padding-right) + var(--spectrum-textfield-texticon-success-icon-width) + var(\n--spectrum-textfield-icon-inline-end-override,\nvar(--spectrum-textfield-texticon-success-icon-margin-left)\n))}:host([dir=ltr][invalid]) #textfield .input{padding-right:calc(var(--spectrum-textfield-texticon-padding-right) + var(--spectrum-textfield-texticon-invalid-icon-width) + var(\n--spectrum-textfield-icon-inline-end-override,\nvar(--spectrum-textfield-texticon-invalid-icon-margin-left)\n))}:host([dir=rtl][invalid]) #textfield .input{padding-left:calc(var(--spectrum-textfield-texticon-padding-right) + var(--spectrum-textfield-texticon-invalid-icon-width) + var(\n--spectrum-textfield-icon-inline-end-override,\nvar(--spectrum-textfield-texticon-invalid-icon-margin-left)\n))}:host([multiline]) .input{height:var(\n--spectrum-textarea-height-adjusted\n);min-height:var(--spectrum-textarea-min-height);overflow:auto;padding:var(--spectrum-textarea-padding-top) var(--spectrum-textarea-padding-right) var(--spectrum-textarea-padding-bottom) calc(var(--spectrum-textarea-padding-left) - 1px)}:host([dir=ltr][quiet]) .input{padding-left:var(\n--spectrum-textfield-quiet-texticon-padding-left\n)}:host([dir=rtl][quiet]) .input{padding-right:var(\n--spectrum-textfield-quiet-texticon-padding-left\n)}:host([dir=ltr][quiet]) .input{padding-right:var(\n--spectrum-textfield-quiet-texticon-padding-right\n)}:host([dir=rtl][quiet]) .input{padding-left:var(\n--spectrum-textfield-quiet-texticon-padding-right\n)}:host([quiet]) .input{border-bottom-width:var(\n--spectrum-textfield-quiet-texticon-border-bottom-size\n);border-left-width:0;border-radius:var(\n--spectrum-textfield-quiet-texticon-border-radius\n);border-right-width:0;border-top-width:0;overflow-y:hidden;resize:none}:host([dir=ltr][invalid][quiet]) .input{padding-right:calc(var(--spectrum-textfield-texticon-invalid-icon-width) + var(--spectrum-textfield-quiet-texticon-invalid-icon-margin-left))}:host([dir=rtl][invalid][quiet]) .input{padding-left:calc(var(--spectrum-textfield-texticon-invalid-icon-width) + var(--spectrum-textfield-quiet-texticon-invalid-icon-margin-left))}:host([dir=ltr][valid][quiet]) .input{padding-right:calc(var(--spectrum-textfield-texticon-success-icon-width) + var(--spectrum-textfield-quiet-texticon-success-icon-margin-left))}:host([dir=rtl][valid][quiet]) .input{padding-left:calc(var(--spectrum-textfield-texticon-success-icon-width) + var(--spectrum-textfield-quiet-texticon-success-icon-margin-left))}.icon{pointer-events:all;position:absolute}:host([dir=ltr][quiet]) .icon{padding-right:0}:host([dir=rtl][quiet]) .icon{padding-left:0}:host([dir=ltr][invalid]) #textfield .icon{right:var(\n--spectrum-textfield-icon-inline-end-override,var(--spectrum-textfield-texticon-invalid-icon-margin-left)\n)}:host([dir=rtl][invalid]) #textfield .icon{left:var(\n--spectrum-textfield-icon-inline-end-override,var(--spectrum-textfield-texticon-invalid-icon-margin-left)\n)}:host([invalid]) #textfield .icon{bottom:calc(var(--spectrum-textfield-texticon-height)/2 - var(--spectrum-textfield-texticon-invalid-icon-height)/2);height:var(--spectrum-textfield-texticon-invalid-icon-height);width:var(\n--spectrum-textfield-texticon-invalid-icon-width\n)}:host([dir=ltr][quiet][invalid]) #textfield .icon{right:var(\n--spectrum-textfield-icon-inline-end-override,0\n)}:host([dir=rtl][quiet][invalid]) #textfield .icon{left:var(\n--spectrum-textfield-icon-inline-end-override,0\n)}:host([dir=ltr][valid]) #textfield .icon{right:var(\n--spectrum-textfield-icon-inline-end-override,var(--spectrum-textfield-texticon-success-icon-margin-left)\n)}:host([dir=rtl][valid]) #textfield .icon{left:var(\n--spectrum-textfield-icon-inline-end-override,var(--spectrum-textfield-texticon-success-icon-margin-left)\n)}:host([valid]) #textfield .icon{bottom:calc(var(--spectrum-textfield-texticon-height)/2 - var(--spectrum-textfield-texticon-success-icon-height)/2);height:var(--spectrum-textfield-texticon-success-icon-height);width:var(\n--spectrum-textfield-texticon-success-icon-width\n)}:host([dir=ltr][quiet][valid]) #textfield .icon{right:var(\n--spectrum-textfield-icon-inline-end-override,0\n)}:host([dir=rtl][quiet][valid]) #textfield .icon{left:var(\n--spectrum-textfield-icon-inline-end-override,0\n)}:host([dir=ltr]) .icon-workflow{left:var(\n--spectrum-textfield-texticon-padding-left\n)}:host([dir=rtl]) .icon-workflow{right:var(\n--spectrum-textfield-texticon-padding-left\n)}.icon-workflow{display:block;height:var(\n--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225)\n);position:absolute;top:calc(var(--spectrum-textfield-texticon-height)/2 - var(\n--spectrum-alias-workflow-icon-size-m,\nvar(--spectrum-global-dimension-size-225)\n)/2);width:var(\n--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225)\n)}:host([dir=ltr][quiet]) .icon-workflow{left:0}:host([dir=rtl][quiet]) .icon-workflow{right:0}:host([dir=ltr][quiet]) .icon-workflow~.input{padding-left:calc(var(\n--spectrum-alias-workflow-icon-size-m,\nvar(--spectrum-global-dimension-size-225)\n) + var(--spectrum-textfield-quiet-texticon-icon-gap))}:host([dir=rtl][quiet]) .icon-workflow~.input{padding-right:calc(var(\n--spectrum-alias-workflow-icon-size-m,\nvar(--spectrum-global-dimension-size-225)\n) + var(--spectrum-textfield-quiet-texticon-icon-gap))}:host([dir=ltr]) .icon-workflow+.input{padding-left:calc(var(--spectrum-textfield-texticon-padding-left) + var(\n--spectrum-alias-workflow-icon-size-m,\nvar(--spectrum-global-dimension-size-225)\n) + var(--spectrum-textfield-texticon-icon-gap))}:host([dir=rtl]) .icon-workflow+.input{padding-right:calc(var(--spectrum-textfield-texticon-padding-left) + var(\n--spectrum-alias-workflow-icon-size-m,\nvar(--spectrum-global-dimension-size-225)\n) + var(--spectrum-textfield-texticon-icon-gap))}:host([multiline]) .icon-workflow~.input{height:var(\n--spectrum-textfield-texticon-height\n);min-height:var(--spectrum-textfield-texticon-height)}#textfield:hover .input{border-color:var(\n--spectrum-textfield-m-texticon-border-color-hover,var(--spectrum-alias-input-border-color-hover)\n);box-shadow:none}#textfield:hover .input::placeholder{color:var(\n--spectrum-textfield-m-texticon-placeholder-text-color-hover,var(--spectrum-alias-placeholder-text-color-hover)\n)}#textfield:hover .icon-workflow{color:var(\n--spectrum-textfield-m-texticon-icon-color-hover,var(--spectrum-alias-component-icon-color-hover)\n)}#textfield:active .input{border-color:var(\n--spectrum-textfield-m-texticon-border-color-down,var(--spectrum-alias-input-border-color-down)\n)}#textfield:active .icon-workflow{color:var(\n--spectrum-textfield-m-texticon-icon-color-down,var(--spectrum-alias-component-icon-color-down)\n)}:host([valid]) #textfield .icon{color:var(\n--spectrum-textfield-m-texticon-validation-icon-color-valid,var(--spectrum-semantic-positive-icon-color)\n)}:host([invalid]) #textfield .icon{color:var(\n--spectrum-textfield-m-texticon-validation-icon-color-invalid,var(--spectrum-semantic-negative-icon-color)\n)}:host([invalid]) #textfield:hover .input{border-color:var(\n--spectrum-textfield-m-texticon-border-color-invalid-hover,var(--spectrum-alias-input-border-color-invalid-hover)\n)}:host([disabled]) #textfield .icon{color:var(\n--spectrum-textfield-m-texticon-validation-icon-color-invalid-disabled,var(--spectrum-alias-background-color-transparent)\n)}:host([disabled]) #textfield .icon-workflow{color:var(\n--spectrum-textfield-m-texticon-icon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n)}.icon-workflow{color:var(\n--spectrum-textfield-m-texticon-icon-color,var(--spectrum-alias-component-icon-color-default)\n)}:host([focused]) #textfield:after{box-shadow:0 0 0 var(\n--spectrum-textfield-m-texticon-focus-ring-border-width,var(--spectrum-alias-component-focusring-size)\n) var(\n--spectrum-textfield-m-textonly-focus-ring-border-color-key-focus,var(--spectrum-alias-focus-ring-color)\n)}:host([focused][quiet]) #textfield .input{box-shadow:none}:host([focused][quiet]) #textfield:after{border-bottom:2px solid var(\n--spectrum-textfield-m-textonly-focus-ring-border-color-key-focus,var(--spectrum-alias-focus-ring-color)\n);bottom:calc(var(\n--spectrum-alias-input-quiet-focusline-gap,\nvar(--spectrum-global-dimension-static-size-10)\n)*-1);box-shadow:none;margin:0}.input{background-color:var(\n--spectrum-textfield-m-texticon-background-color,var(--spectrum-global-color-gray-50)\n);border-color:var(\n--spectrum-textfield-m-texticon-border-color,var(--spectrum-alias-input-border-color-default)\n);color:var(\n--spectrum-textfield-m-texticon-text-color,var(--spectrum-alias-component-text-color-default)\n)}.input::placeholder{color:var(\n--spectrum-textfield-m-texticon-placeholder-text-color,var(--spectrum-global-color-gray-600)\n)}.input:focus,:host([focused]) #textfield .input{border-color:var(\n--spectrum-textfield-m-texticon-border-color-down,var(--spectrum-alias-input-border-color-down)\n)}.input.focus-visible,:host([focused]) #textfield .input{border-color:var(\n--spectrum-textfield-m-texticon-border-color-key-focus,var(--spectrum-alias-input-border-color-key-focus)\n)}.input.focus-visible,:host([focused]) #textfield .input{border-color:var(\n--spectrum-textfield-m-texticon-border-color-key-focus,var(--spectrum-alias-input-border-color-key-focus)\n)}.input:focus-visible,:host([focused]) #textfield .input{border-color:var(\n--spectrum-textfield-m-texticon-border-color-key-focus,var(--spectrum-alias-input-border-color-key-focus)\n)}:host([invalid]) #textfield .input{border-color:var(\n--spectrum-textfield-m-texticon-border-color-invalid,var(--spectrum-alias-input-border-color-invalid-default)\n)}:host([focused][invalid]) #textfield .input,:host([invalid]) #textfield .input:focus{border-color:var(\n--spectrum-textfield-m-texticon-border-color-invalid-mouse-focus,var(--spectrum-alias-input-border-color-invalid-mouse-focus)\n)}:host([focused][invalid]) #textfield .input,:host([invalid]) #textfield .input.focus-visible{border-color:var(\n--spectrum-textfield-m-texticon-border-color-invalid-key-focus,var(--spectrum-alias-input-border-color-invalid-key-focus)\n)}:host([focused][invalid]) #textfield .input,:host([invalid]) #textfield .input:focus-visible{border-color:var(\n--spectrum-textfield-m-texticon-border-color-invalid-key-focus,var(--spectrum-alias-input-border-color-invalid-key-focus)\n)}.input :disabled,:host([disabled]) #textfield .input,:host([disabled]) #textfield:hover .input{-webkit-text-fill-color:var(\n--spectrum-textfield-m-texticon-text-color-disabled,var(--spectrum-alias-component-text-color-disabled)\n);background-color:var(\n--spectrum-textfield-m-texticon-background-color-disabled,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-textfield-m-texticon-border-color-disabled,var(--spectrum-alias-input-border-color-disabled)\n);color:var(\n--spectrum-textfield-m-texticon-text-color-disabled,var(--spectrum-alias-component-text-color-disabled)\n)}.input :disabled::placeholder,:host([disabled]) #textfield .input::placeholder,:host([disabled]) #textfield:hover .input::placeholder{color:var(\n--spectrum-textfield-m-texticon-placeholder-text-color-disabled,var(--spectrum-alias-text-color-disabled)\n)}.input:read-only,:host([readonly]) #textfield .input,:host([readonly]) #textfield:hover .input{-webkit-text-fill-color:var(--spectrum-global-color-gray-800);background-color:var(\n--spectrum-alias-background-color-transparent,transparent\n);border-color:var(\n--spectrum-alias-background-color-transparent,transparent\n);color:var(--spectrum-global-color-gray-800)}:host([quiet]) .input{background-color:var(\n--spectrum-textfield-m-quiet-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-textfield-m-quiet-texticon-border-color,var(--spectrum-alias-input-border-color-default)\n)}:host([focused][quiet]) #textfield .input,:host([quiet]) .input:focus{border-color:var(\n--spectrum-textfield-m-quiet-texticon-border-color-mouse-focus,var(--spectrum-alias-input-border-color-mouse-focus)\n)}:host([focused][quiet]) #textfield .input,:host([quiet]) .input.focus-visible{border-color:var(\n--spectrum-textfield-m-texticon-border-color-key-focus,var(--spectrum-alias-input-border-color-key-focus)\n);box-shadow:0 1px 0 var(\n--spectrum-textfield-m-texticon-border-color-key-focus,var(--spectrum-alias-input-border-color-key-focus)\n)}:host([focused][quiet]) #textfield .input,:host([quiet]) .input:focus-visible{border-color:var(\n--spectrum-textfield-m-texticon-border-color-key-focus,var(--spectrum-alias-input-border-color-key-focus)\n);box-shadow:0 1px 0 var(\n--spectrum-textfield-m-texticon-border-color-key-focus,var(--spectrum-alias-input-border-color-key-focus)\n)}:host([invalid][quiet]) #textfield .input{border-color:var(\n--spectrum-textfield-m-quiet-texticon-border-color-invalid,var(--spectrum-alias-input-border-color-invalid-default)\n)}:host([focused][invalid][quiet]) #textfield .input,:host([invalid][quiet]) #textfield .input:focus{border-color:var(\n--spectrum-textfield-m-quiet-texticon-border-color-invalid-mouse-focus,var(--spectrum-alias-input-border-color-invalid-mouse-focus)\n)}:host([focused][invalid][quiet]) #textfield .input,:host([invalid][quiet]) #textfield .input.focus-visible{border-color:var(\n--spectrum-textfield-m-quiet-texticon-border-color-invalid-key-focus,var(--spectrum-alias-input-border-color-invalid-key-focus)\n);box-shadow:0 1px 0 var(\n--spectrum-textfield-m-quiet-texticon-border-color-invalid-key-focus,var(--spectrum-alias-input-border-color-invalid-key-focus)\n)}:host([focused][invalid][quiet]) #textfield .input,:host([invalid][quiet]) #textfield .input:focus-visible{border-color:var(\n--spectrum-textfield-m-quiet-texticon-border-color-invalid-key-focus,var(--spectrum-alias-input-border-color-invalid-key-focus)\n);box-shadow:0 1px 0 var(\n--spectrum-textfield-m-quiet-texticon-border-color-invalid-key-focus,var(--spectrum-alias-input-border-color-invalid-key-focus)\n)}:host([disabled][quiet]) #textfield .input,:host([disabled][quiet]) #textfield:hover .input,:host([quiet]) .input :disabled{background-color:var(\n--spectrum-textfield-m-quiet-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-textfield-m-quiet-texticon-border-color-disabled,var(--spectrum-alias-input-border-color-quiet-disabled)\n)}@media (forced-colors:active){#textfield{--spectrum-textfield-m-quiet-texticon-border-color-disabled:GrayText;--spectrum-textfield-m-quiet-texticon-border-color-down:Highlight;--spectrum-textfield-m-quiet-texticon-border-color-hover:Highlight;--spectrum-textfield-m-quiet-texticon-border-color-invalid:Highlight;--spectrum-textfield-m-quiet-texticon-border-color-invalid-key-focus:Highlight;--spectrum-textfield-m-quiet-texticon-border-color-invalid-mouse-focus:Highlight;--spectrum-textfield-m-quiet-texticon-border-color-mouse-focus:Highlight;--spectrum-textfield-m-texticon-border-color-disabled:GrayText;--spectrum-textfield-m-texticon-border-color-down:Highlight;--spectrum-textfield-m-texticon-border-color-hover:Highlight;--spectrum-textfield-m-texticon-border-color-invalid:Highlight;--spectrum-textfield-m-texticon-border-color-invalid-hover:Highlight;--spectrum-textfield-m-texticon-border-color-invalid-key-focus:Highlight;--spectrum-textfield-m-texticon-border-color-invalid-mouse-focus:Highlight;--spectrum-textfield-m-texticon-border-color-key-focus:Highlight;--spectrum-textfield-m-texticon-placeholder-text-color:GrayText;--spectrum-textfield-m-texticon-placeholder-text-color-disabled:GrayText;--spectrum-textfield-m-texticon-placeholder-text-color-hover:GrayText;--spectrum-textfield-m-texticon-text-color-disabled:GrayText;--spectrum-textfield-m-textonly-focus-ring-border-color-key-focus:Highlight;--spectrum-textfield-m-texticon-focus-ring-border-width:2px}:host([focused]) #textfield:after{forced-color-adjust:none}}:host{display:inline-flex;flex-direction:column;width:var(\n--spectrum-alias-single-line-width,var(--spectrum-global-dimension-size-2400)\n)}:host([multiline]){resize:both}:host([multiline][readonly]){resize:none}#textfield{width:100%}#textfield,textarea{resize:inherit}.input{min-width:var(--spectrum-textfield-texticon-min-width)}:host([focused]) .input{caret-color:var(--swc-test-caret-color);forced-color-adjust:var(--swc-test-forced-color-adjust)}:host([grows]) .input{height:100%;left:0;overflow:hidden;position:absolute;resize:none;top:0}:host([grows]) #sizer{-webkit-appearance:none;-moz-appearance:textfield;border:var(--spectrum-textfield-texticon-border-size) solid;border-radius:var(--spectrum-textfield-texticon-border-radius);box-sizing:border-box;font-family:var(--spectrum-textfield-texticon-text-font-family);font-size:var(--spectrum-textfield-texticon-text-size);line-height:var(--spectrum-textfield-texticon-text-line-height);margin:0;outline:none;overflow:visible;overflow-wrap:break-word;padding:var(--spectrum-textarea-padding-top) var(--spectrum-textarea-padding-right) var(--spectrum-textarea-padding-bottom) calc(var(--spectrum-textarea-padding-left) - 1px);text-indent:0;text-overflow:ellipsis;transition:border-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-in-out;vertical-align:top;white-space:pre-wrap;width:100%;word-break:break-word}:host([grows][quiet]) #sizer{border-radius:var(--spectrum-textfield-quiet-texticon-border-radius);border-width:0 0 var(--spectrum-textfield-quiet-texticon-border-size) 0;overflow-y:hidden;resize:none}.icon,.icon-workflow{pointer-events:none}:host([multiline]) #textfield{display:inline-grid}:host([multiline]) textarea{transition:box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-in-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([multiline][focused]:not([quiet])) textarea,:host([multiline][focused]:not([quiet]):hover) textarea{box-shadow:0 0 0 calc(var(\n--spectrum-textfield-m-texticon-focus-ring-border-width,\nvar(--spectrum-alias-component-focusring-size)\n)) var(\n--spectrum-textfield-m-textonly-focus-ring-border-color-key-focus,var(--spectrum-alias-focus-ring-color)\n)!important}:host([multiline]:not([quiet])) #textfield:after{box-shadow:none}\n`;\nexport default styles;"],
-  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkQf,eAAeC",
+  "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-textfield-quiet-texticon-border-bottom-size:var(\n--spectrum-textfield-m-quiet-texticon-border-bottom-size,var(--spectrum-alias-input-border-size)\n);--spectrum-textfield-quiet-texticon-success-icon-margin-left:var(\n--spectrum-textfield-m-quiet-texticon-success-icon-margin-left,var(--spectrum-global-dimension-size-150)\n);--spectrum-textfield-quiet-texticon-invalid-icon-margin-left:var(\n--spectrum-textfield-m-quiet-texticon-invalid-icon-margin-left,var(--spectrum-global-dimension-size-150)\n);--spectrum-textfield-quiet-texticon-border-radius:var(\n--spectrum-textfield-m-quiet-texticon-border-radius,var(--spectrum-global-dimension-size-0)\n);--spectrum-textfield-quiet-texticon-padding-left:var(\n--spectrum-textfield-m-quiet-texticon-padding-left,var(--spectrum-global-dimension-size-0)\n);--spectrum-textfield-quiet-texticon-padding-right:var(\n--spectrum-textfield-m-quiet-texticon-padding-right,var(--spectrum-global-dimension-size-0)\n);--spectrum-textfield-texticon-border-size:var(\n--spectrum-textfield-m-texticon-border-size,var(--spectrum-alias-input-border-size)\n);--spectrum-textfield-texticon-text-line-height:var(\n--spectrum-textfield-m-texticon-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-textfield-texticon-text-size:var(\n--spectrum-textfield-m-texticon-text-size,var(--spectrum-global-dimension-font-size-100)\n);--spectrum-textfield-texticon-placeholder-text-font-style:var(\n--spectrum-textfield-m-texticon-placeholder-text-font-style,var(--spectrum-global-font-style-italic)\n);--spectrum-textfield-texticon-placeholder-text-font-weight:var(\n--spectrum-textfield-m-texticon-placeholder-text-font-weight,var(--spectrum-global-font-weight-regular)\n);--spectrum-textfield-texticon-success-icon-height:var(\n--spectrum-textfield-m-texticon-success-icon-height,var(--spectrum-alias-ui-icon-checkmark-size-100)\n);--spectrum-textfield-texticon-success-icon-width:var(\n--spectrum-textfield-m-texticon-success-icon-width,var(--spectrum-alias-ui-icon-checkmark-size-100)\n);--spectrum-textfield-texticon-success-icon-margin-left:var(\n--spectrum-textfield-m-texticon-success-icon-margin-left,var(--spectrum-global-dimension-size-150)\n);--spectrum-textfield-texticon-invalid-icon-height:var(\n--spectrum-textfield-m-texticon-invalid-icon-height,var(--spectrum-alias-ui-icon-alert-size-100)\n);--spectrum-textfield-texticon-invalid-icon-width:var(\n--spectrum-textfield-m-texticon-invalid-icon-width,var(--spectrum-alias-ui-icon-alert-size-100)\n);--spectrum-textfield-texticon-invalid-icon-margin-left:var(\n--spectrum-textfield-m-texticon-invalid-icon-margin-left,var(--spectrum-global-dimension-size-150)\n);--spectrum-textfield-texticon-min-width:var(\n--spectrum-textfield-m-texticon-min-width,var(--spectrum-global-dimension-size-600)\n);--spectrum-textfield-texticon-border-radius:var(\n--spectrum-textfield-m-texticon-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-textfield-texticon-padding-right:var(\n--spectrum-textfield-m-texticon-padding-right,var(--spectrum-global-dimension-size-150)\n);--spectrum-textfield-texticon-height:var(\n--spectrum-textfield-m-texticon-height,var(--spectrum-global-dimension-size-400)\n);--spectrum-textarea-text-padding-top:var(\n--spectrum-textarea-m-text-padding-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-textarea-text-padding-bottom:var(\n--spectrum-textarea-m-text-padding-bottom,var(--spectrum-global-dimension-size-115)\n);--spectrum-textarea-padding-left:var(\n--spectrum-textarea-m-padding-left,var(--spectrum-global-dimension-size-150)\n);--spectrum-textarea-padding-right:var(\n--spectrum-textarea-m-padding-right,var(--spectrum-global-dimension-size-150)\n);--spectrum-textarea-height:var(\n--spectrum-textarea-m-height,var(--spectrum-global-dimension-size-400)\n);--spectrum-textfield-texticon-padding-top:3px;--spectrum-textfield-texticon-padding-bottom:5px;--spectrum-textfield-texticon-text-font-family:var(\n--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)\n);--spectrum-textfield-texticon-icon-gap:var(\n--spectrum-global-dimension-size-65\n);--spectrum-textfield-quiet-texticon-icon-gap:var(\n--spectrum-global-dimension-size-75\n);--spectrum-textarea-min-height:var(--spectrum-textarea-height);--spectrum-textarea-height-adjusted:auto;--spectrum-textarea-padding-top:var(--spectrum-textarea-text-padding-top);--spectrum-textarea-padding-bottom:var(\n--spectrum-textarea-text-padding-bottom\n);--spectrum-textfield-texticon-padding-left:var(\n--spectrum-alias-item-workflow-padding-left-m\n)}#textfield{display:inline-flex;min-width:var(--spectrum-textfield-texticon-min-width);position:relative;width:var(\n--spectrum-alias-single-line-width,var(--spectrum-global-dimension-size-2400)\n)}:host([quiet][multiline]) #textfield .input{height:var(--spectrum-textfield-texticon-height);min-height:var(--spectrum-textfield-texticon-height)}#textfield:after{border-color:#0000;border-radius:calc(var(--spectrum-textfield-texticon-border-radius) + var(\n--spectrum-textfield-m-texticon-focus-ring-gap,\nvar(--spectrum-alias-input-focusring-gap)\n));content:\"\";inset:0;margin:calc(var(\n--spectrum-textfield-m-texticon-focus-ring-gap,\nvar(--spectrum-alias-input-focusring-gap)\n)*-1);pointer-events:none;position:absolute;transition:box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-in-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([quiet]) #textfield:after{border-radius:0}.input{-webkit-appearance:none;-moz-appearance:textfield;border:var(--spectrum-textfield-texticon-border-size) solid;border-radius:var(--spectrum-textfield-texticon-border-radius);box-sizing:border-box;font-family:var(--spectrum-textfield-texticon-text-font-family);font-size:var(--spectrum-textfield-texticon-text-size);height:var(--spectrum-textfield-texticon-height);line-height:var(--spectrum-textfield-texticon-text-line-height);margin:0;outline:none;overflow:visible;padding:var(--spectrum-textfield-texticon-padding-top) var(--spectrum-textfield-texticon-padding-right) var(--spectrum-textfield-texticon-padding-bottom) calc(var(--spectrum-textfield-texticon-padding-left) + 1px);text-indent:0;text-overflow:ellipsis;transition:border-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out;vertical-align:top;width:100%}.input::placeholder{font-style:var(--spectrum-textfield-texticon-placeholder-text-font-style);font-weight:var(\n--spectrum-textfield-texticon-placeholder-text-font-weight\n);opacity:1;transition:color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}.input:lang(ja)::placeholder,.input:lang(ko)::placeholder,.input:lang(zh)::placeholder{font-style:normal}.input:hover::placeholder{font-weight:var(\n--spectrum-textfield-texticon-placeholder-text-font-weight\n)}.input:disabled{opacity:1;resize:none}.input:disabled::placeholder{font-weight:var(\n--spectrum-textfield-texticon-placeholder-text-font-weight\n)}.input::-ms-clear{height:0;width:0}.input::-webkit-inner-spin-button,.input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input:-moz-ui-invalid{box-shadow:none}:host([dir=ltr][valid]) #textfield .input{padding-right:calc(var(--spectrum-textfield-texticon-padding-right) + var(--spectrum-textfield-texticon-success-icon-width) + var(\n--spectrum-textfield-icon-inline-end-override,\nvar(--spectrum-textfield-texticon-success-icon-margin-left)\n))}:host([dir=rtl][valid]) #textfield .input{padding-left:calc(var(--spectrum-textfield-texticon-padding-right) + var(--spectrum-textfield-texticon-success-icon-width) + var(\n--spectrum-textfield-icon-inline-end-override,\nvar(--spectrum-textfield-texticon-success-icon-margin-left)\n))}:host([dir=ltr][invalid]) #textfield .input{padding-right:calc(var(--spectrum-textfield-texticon-padding-right) + var(--spectrum-textfield-texticon-invalid-icon-width) + var(\n--spectrum-textfield-icon-inline-end-override,\nvar(--spectrum-textfield-texticon-invalid-icon-margin-left)\n))}:host([dir=rtl][invalid]) #textfield .input{padding-left:calc(var(--spectrum-textfield-texticon-padding-right) + var(--spectrum-textfield-texticon-invalid-icon-width) + var(\n--spectrum-textfield-icon-inline-end-override,\nvar(--spectrum-textfield-texticon-invalid-icon-margin-left)\n))}:host([multiline]) .input{height:var(--spectrum-textarea-height-adjusted);min-height:var(--spectrum-textarea-min-height);overflow:auto;padding:var(--spectrum-textarea-padding-top) var(--spectrum-textarea-padding-right) var(--spectrum-textarea-padding-bottom) calc(var(--spectrum-textarea-padding-left) - 1px)}:host([dir=ltr][quiet]) .input{padding-left:var(--spectrum-textfield-quiet-texticon-padding-left)}:host([dir=rtl][quiet]) .input{padding-right:var(--spectrum-textfield-quiet-texticon-padding-left)}:host([dir=ltr][quiet]) .input{padding-right:var(--spectrum-textfield-quiet-texticon-padding-right)}:host([dir=rtl][quiet]) .input{padding-left:var(--spectrum-textfield-quiet-texticon-padding-right)}:host([quiet]) .input{border-bottom-width:var(\n--spectrum-textfield-quiet-texticon-border-bottom-size\n);border-left-width:0;border-radius:var(--spectrum-textfield-quiet-texticon-border-radius);border-right-width:0;border-top-width:0;overflow-y:hidden;resize:none}:host([dir=ltr][invalid][quiet]) .input{padding-right:calc(var(--spectrum-textfield-texticon-invalid-icon-width) + var(--spectrum-textfield-quiet-texticon-invalid-icon-margin-left))}:host([dir=rtl][invalid][quiet]) .input{padding-left:calc(var(--spectrum-textfield-texticon-invalid-icon-width) + var(--spectrum-textfield-quiet-texticon-invalid-icon-margin-left))}:host([dir=ltr][valid][quiet]) .input{padding-right:calc(var(--spectrum-textfield-texticon-success-icon-width) + var(--spectrum-textfield-quiet-texticon-success-icon-margin-left))}:host([dir=rtl][valid][quiet]) .input{padding-left:calc(var(--spectrum-textfield-texticon-success-icon-width) + var(--spectrum-textfield-quiet-texticon-success-icon-margin-left))}.icon{pointer-events:all;position:absolute}:host([dir=ltr][quiet]) .icon{padding-right:0}:host([dir=rtl][quiet]) .icon{padding-left:0}:host([dir=ltr][invalid]) #textfield .icon{right:var(\n--spectrum-textfield-icon-inline-end-override,var(--spectrum-textfield-texticon-invalid-icon-margin-left)\n)}:host([dir=rtl][invalid]) #textfield .icon{left:var(\n--spectrum-textfield-icon-inline-end-override,var(--spectrum-textfield-texticon-invalid-icon-margin-left)\n)}:host([invalid]) #textfield .icon{bottom:calc(var(--spectrum-textfield-texticon-height)/2 - var(--spectrum-textfield-texticon-invalid-icon-height)/2);height:var(--spectrum-textfield-texticon-invalid-icon-height);width:var(--spectrum-textfield-texticon-invalid-icon-width)}:host([dir=ltr][quiet][invalid]) #textfield .icon{right:var(--spectrum-textfield-icon-inline-end-override,0)}:host([dir=rtl][quiet][invalid]) #textfield .icon{left:var(--spectrum-textfield-icon-inline-end-override,0)}:host([dir=ltr][valid]) #textfield .icon{right:var(\n--spectrum-textfield-icon-inline-end-override,var(--spectrum-textfield-texticon-success-icon-margin-left)\n)}:host([dir=rtl][valid]) #textfield .icon{left:var(\n--spectrum-textfield-icon-inline-end-override,var(--spectrum-textfield-texticon-success-icon-margin-left)\n)}:host([valid]) #textfield .icon{bottom:calc(var(--spectrum-textfield-texticon-height)/2 - var(--spectrum-textfield-texticon-success-icon-height)/2);height:var(--spectrum-textfield-texticon-success-icon-height);width:var(--spectrum-textfield-texticon-success-icon-width)}:host([dir=ltr][quiet][valid]) #textfield .icon{right:var(--spectrum-textfield-icon-inline-end-override,0)}:host([dir=rtl][quiet][valid]) #textfield .icon{left:var(--spectrum-textfield-icon-inline-end-override,0)}:host([dir=ltr]) .icon-workflow{left:var(--spectrum-textfield-texticon-padding-left)}:host([dir=rtl]) .icon-workflow{right:var(--spectrum-textfield-texticon-padding-left)}.icon-workflow{display:block;height:var(\n--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225)\n);position:absolute;top:calc(var(--spectrum-textfield-texticon-height)/2 - var(\n--spectrum-alias-workflow-icon-size-m,\nvar(--spectrum-global-dimension-size-225)\n)/2);width:var(\n--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225)\n)}:host([dir=ltr][quiet]) .icon-workflow{left:0}:host([dir=rtl][quiet]) .icon-workflow{right:0}:host([dir=ltr][quiet]) .icon-workflow~.input{padding-left:calc(var(\n--spectrum-alias-workflow-icon-size-m,\nvar(--spectrum-global-dimension-size-225)\n) + var(--spectrum-textfield-quiet-texticon-icon-gap))}:host([dir=rtl][quiet]) .icon-workflow~.input{padding-right:calc(var(\n--spectrum-alias-workflow-icon-size-m,\nvar(--spectrum-global-dimension-size-225)\n) + var(--spectrum-textfield-quiet-texticon-icon-gap))}:host([dir=ltr]) .icon-workflow+.input{padding-left:calc(var(--spectrum-textfield-texticon-padding-left) + var(\n--spectrum-alias-workflow-icon-size-m,\nvar(--spectrum-global-dimension-size-225)\n) + var(--spectrum-textfield-texticon-icon-gap))}:host([dir=rtl]) .icon-workflow+.input{padding-right:calc(var(--spectrum-textfield-texticon-padding-left) + var(\n--spectrum-alias-workflow-icon-size-m,\nvar(--spectrum-global-dimension-size-225)\n) + var(--spectrum-textfield-texticon-icon-gap))}:host([multiline]) .icon-workflow~.input{height:var(--spectrum-textfield-texticon-height);min-height:var(--spectrum-textfield-texticon-height)}#textfield:hover .input{border-color:var(\n--spectrum-textfield-m-texticon-border-color-hover,var(--spectrum-alias-input-border-color-hover)\n);box-shadow:none}#textfield:hover .input::placeholder{color:var(\n--spectrum-textfield-m-texticon-placeholder-text-color-hover,var(--spectrum-alias-placeholder-text-color-hover)\n)}#textfield:hover .icon-workflow{color:var(\n--spectrum-textfield-m-texticon-icon-color-hover,var(--spectrum-alias-component-icon-color-hover)\n)}#textfield:active .input{border-color:var(\n--spectrum-textfield-m-texticon-border-color-down,var(--spectrum-alias-input-border-color-down)\n)}#textfield:active .icon-workflow{color:var(\n--spectrum-textfield-m-texticon-icon-color-down,var(--spectrum-alias-component-icon-color-down)\n)}:host([valid]) #textfield .icon{color:var(\n--spectrum-textfield-m-texticon-validation-icon-color-valid,var(--spectrum-semantic-positive-icon-color)\n)}:host([invalid]) #textfield .icon{color:var(\n--spectrum-textfield-m-texticon-validation-icon-color-invalid,var(--spectrum-semantic-negative-icon-color)\n)}:host([invalid]) #textfield:hover .input{border-color:var(\n--spectrum-textfield-m-texticon-border-color-invalid-hover,var(--spectrum-alias-input-border-color-invalid-hover)\n)}:host([disabled]) #textfield .icon{color:var(\n--spectrum-textfield-m-texticon-validation-icon-color-invalid-disabled,var(--spectrum-alias-background-color-transparent)\n)}:host([disabled]) #textfield .icon-workflow{color:var(\n--spectrum-textfield-m-texticon-icon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n)}.icon-workflow{color:var(\n--spectrum-textfield-m-texticon-icon-color,var(--spectrum-alias-component-icon-color-default)\n)}:host([focused]) #textfield:after{box-shadow:0 0 0 var(\n--spectrum-textfield-m-texticon-focus-ring-border-width,var(--spectrum-alias-component-focusring-size)\n) var(\n--spectrum-textfield-m-textonly-focus-ring-border-color-key-focus,var(--spectrum-alias-focus-ring-color)\n)}:host([focused][quiet]) #textfield .input{box-shadow:none}:host([focused][quiet]) #textfield:after{border-bottom:2px solid var(\n--spectrum-textfield-m-textonly-focus-ring-border-color-key-focus,var(--spectrum-alias-focus-ring-color)\n);bottom:calc(var(\n--spectrum-alias-input-quiet-focusline-gap,\nvar(--spectrum-global-dimension-static-size-10)\n)*-1);box-shadow:none;margin:0}.input{background-color:var(\n--spectrum-textfield-m-texticon-background-color,var(--spectrum-global-color-gray-50)\n);border-color:var(\n--spectrum-textfield-m-texticon-border-color,var(--spectrum-alias-input-border-color-default)\n);color:var(\n--spectrum-textfield-m-texticon-text-color,var(--spectrum-alias-component-text-color-default)\n)}.input::placeholder{color:var(\n--spectrum-textfield-m-texticon-placeholder-text-color,var(--spectrum-global-color-gray-600)\n)}.input:focus,:host([focused]) #textfield .input{border-color:var(\n--spectrum-textfield-m-texticon-border-color-down,var(--spectrum-alias-input-border-color-down)\n)}.input.focus-visible,:host([focused]) #textfield .input{border-color:var(\n--spectrum-textfield-m-texticon-border-color-key-focus,var(--spectrum-alias-input-border-color-key-focus)\n)}.input.focus-visible,:host([focused]) #textfield .input{border-color:var(\n--spectrum-textfield-m-texticon-border-color-key-focus,var(--spectrum-alias-input-border-color-key-focus)\n)}.input:focus-visible,:host([focused]) #textfield .input{border-color:var(\n--spectrum-textfield-m-texticon-border-color-key-focus,var(--spectrum-alias-input-border-color-key-focus)\n)}:host([invalid]) #textfield .input{border-color:var(\n--spectrum-textfield-m-texticon-border-color-invalid,var(--spectrum-alias-input-border-color-invalid-default)\n)}:host([focused][invalid]) #textfield .input,:host([invalid]) #textfield .input:focus{border-color:var(\n--spectrum-textfield-m-texticon-border-color-invalid-mouse-focus,var(--spectrum-alias-input-border-color-invalid-mouse-focus)\n)}:host([focused][invalid]) #textfield .input,:host([invalid]) #textfield .input.focus-visible{border-color:var(\n--spectrum-textfield-m-texticon-border-color-invalid-key-focus,var(--spectrum-alias-input-border-color-invalid-key-focus)\n)}:host([focused][invalid]) #textfield .input,:host([invalid]) #textfield .input:focus-visible{border-color:var(\n--spectrum-textfield-m-texticon-border-color-invalid-key-focus,var(--spectrum-alias-input-border-color-invalid-key-focus)\n)}.input:disabled,:host([disabled]) #textfield .input,:host([disabled]) #textfield:hover .input{-webkit-text-fill-color:var(\n--spectrum-textfield-m-texticon-text-color-disabled,var(--spectrum-alias-component-text-color-disabled)\n);background-color:var(\n--spectrum-textfield-m-texticon-background-color-disabled,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-textfield-m-texticon-border-color-disabled,var(--spectrum-alias-input-border-color-disabled)\n);color:var(\n--spectrum-textfield-m-texticon-text-color-disabled,var(--spectrum-alias-component-text-color-disabled)\n)}.input:disabled::placeholder,:host([disabled]) #textfield .input::placeholder,:host([disabled]) #textfield:hover .input::placeholder{color:var(\n--spectrum-textfield-m-texticon-placeholder-text-color-disabled,var(--spectrum-alias-text-color-disabled)\n)}.input:read-only,:host([readonly]) #textfield .input,:host([readonly]) #textfield:hover .input{-webkit-text-fill-color:var(--spectrum-global-color-gray-800);background-color:var(\n--spectrum-alias-background-color-transparent,transparent\n);border-color:var(\n--spectrum-alias-background-color-transparent,transparent\n);color:var(--spectrum-global-color-gray-800)}:host([quiet]) .input{background-color:var(\n--spectrum-textfield-m-quiet-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-textfield-m-quiet-texticon-border-color,var(--spectrum-alias-input-border-color-default)\n)}:host([quiet]:hover) .input{border-color:var(\n--spectrum-textfield-m-quiet-texticon-border-color-hover,var(--spectrum-alias-input-border-color-hover)\n)}:host([quiet]):active .input{border-color:var(\n--spectrum-textfield-m-quiet-texticon-border-color-down,var(--spectrum-alias-input-border-color-down)\n)}:host([focused][quiet]) .input,:host([quiet]) .input:focus{border-color:var(\n--spectrum-textfield-m-quiet-texticon-border-color-mouse-focus,var(--spectrum-alias-input-border-color-mouse-focus)\n)}:host([focused][quiet]) .input,:host([quiet]) .input.focus-visible{border-color:var(\n--spectrum-textfield-m-texticon-border-color-key-focus,var(--spectrum-alias-input-border-color-key-focus)\n);box-shadow:0 1px 0 var(\n--spectrum-textfield-m-texticon-border-color-key-focus,var(--spectrum-alias-input-border-color-key-focus)\n)}:host([focused][quiet]) .input,:host([quiet]) .input:focus-visible{border-color:var(\n--spectrum-textfield-m-texticon-border-color-key-focus,var(--spectrum-alias-input-border-color-key-focus)\n);box-shadow:0 1px 0 var(\n--spectrum-textfield-m-texticon-border-color-key-focus,var(--spectrum-alias-input-border-color-key-focus)\n)}:host([invalid][quiet]) .input{border-color:var(\n--spectrum-textfield-m-quiet-texticon-border-color-invalid,var(--spectrum-alias-input-border-color-invalid-default)\n)}:host([focused][invalid][quiet]) .input,:host([invalid][quiet]) .input:focus{border-color:var(\n--spectrum-textfield-m-quiet-texticon-border-color-invalid-mouse-focus,var(--spectrum-alias-input-border-color-invalid-mouse-focus)\n)}:host([focused][invalid][quiet]) .input,:host([invalid][quiet]) .input.focus-visible{border-color:var(\n--spectrum-textfield-m-quiet-texticon-border-color-invalid-key-focus,var(--spectrum-alias-input-border-color-invalid-key-focus)\n);box-shadow:0 1px 0 var(\n--spectrum-textfield-m-quiet-texticon-border-color-invalid-key-focus,var(--spectrum-alias-input-border-color-invalid-key-focus)\n)}:host([focused][invalid][quiet]) .input,:host([invalid][quiet]) .input:focus-visible{border-color:var(\n--spectrum-textfield-m-quiet-texticon-border-color-invalid-key-focus,var(--spectrum-alias-input-border-color-invalid-key-focus)\n);box-shadow:0 1px 0 var(\n--spectrum-textfield-m-quiet-texticon-border-color-invalid-key-focus,var(--spectrum-alias-input-border-color-invalid-key-focus)\n)}:host([disabled][quiet]) .input,:host([disabled][quiet]:hover) .input,:host([quiet]) .input:disabled{background-color:var(\n--spectrum-textfield-m-quiet-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-textfield-m-quiet-texticon-border-color-disabled,var(--spectrum-alias-input-border-color-quiet-disabled)\n)}@media (forced-colors:active){:host{--spectrum-textfield-m-quiet-texticon-border-color-disabled:GrayText;--spectrum-textfield-m-quiet-texticon-border-color-down:Highlight;--spectrum-textfield-m-quiet-texticon-border-color-hover:Highlight;--spectrum-textfield-m-quiet-texticon-border-color-invalid:Highlight;--spectrum-textfield-m-quiet-texticon-border-color-invalid-key-focus:Highlight;--spectrum-textfield-m-quiet-texticon-border-color-invalid-mouse-focus:Highlight;--spectrum-textfield-m-quiet-texticon-border-color-mouse-focus:Highlight;--spectrum-textfield-m-texticon-border-color-disabled:GrayText;--spectrum-textfield-m-texticon-border-color-down:Highlight;--spectrum-textfield-m-texticon-border-color-hover:Highlight;--spectrum-textfield-m-texticon-border-color-invalid:Highlight;--spectrum-textfield-m-texticon-border-color-invalid-hover:Highlight;--spectrum-textfield-m-texticon-border-color-invalid-key-focus:Highlight;--spectrum-textfield-m-texticon-border-color-invalid-mouse-focus:Highlight;--spectrum-textfield-m-texticon-border-color-key-focus:Highlight;--spectrum-textfield-m-texticon-placeholder-text-color:GrayText;--spectrum-textfield-m-texticon-placeholder-text-color-disabled:GrayText;--spectrum-textfield-m-texticon-placeholder-text-color-hover:GrayText;--spectrum-textfield-m-texticon-text-color-disabled:GrayText;--spectrum-textfield-m-textonly-focus-ring-border-color-key-focus:Highlight;--spectrum-textfield-m-texticon-focus-ring-border-width:2px}:host([focused]) #textfield:after{forced-color-adjust:none}}:host{display:inline-flex;flex-direction:column;width:var(\n--spectrum-alias-single-line-width,var(--spectrum-global-dimension-size-2400)\n)}:host([multiline]){resize:both}:host([multiline][readonly]){resize:none}#textfield{width:100%}#textfield,textarea{resize:inherit}.input{min-width:var(--spectrum-textfield-texticon-min-width)}:host([focused]) .input{caret-color:var(--swc-test-caret-color);forced-color-adjust:var(--swc-test-forced-color-adjust)}:host([grows]) .input{height:100%;left:0;overflow:hidden;position:absolute;resize:none;top:0}:host([grows]) #sizer{-webkit-appearance:none;-moz-appearance:textfield;border:var(--spectrum-textfield-texticon-border-size) solid;border-radius:var(--spectrum-textfield-texticon-border-radius);box-sizing:border-box;font-family:var(--spectrum-textfield-texticon-text-font-family);font-size:var(--spectrum-textfield-texticon-text-size);line-height:var(--spectrum-textfield-texticon-text-line-height);margin:0;outline:none;overflow:visible;overflow-wrap:break-word;padding:var(--spectrum-textarea-padding-top) var(--spectrum-textarea-padding-right) var(--spectrum-textarea-padding-bottom) calc(var(--spectrum-textarea-padding-left) - 1px);text-indent:0;text-overflow:ellipsis;transition:border-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-in-out;vertical-align:top;white-space:pre-wrap;width:100%;word-break:break-word}:host([grows][quiet]) #sizer{border-radius:var(--spectrum-textfield-quiet-texticon-border-radius);border-width:0 0 var(--spectrum-textfield-quiet-texticon-border-size) 0;overflow-y:hidden;resize:none}.icon,.icon-workflow{pointer-events:none}:host([multiline]) #textfield{display:inline-grid}:host([multiline]) textarea{transition:box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-in-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([multiline][focused]:not([quiet])) textarea,:host([multiline][focused]:not([quiet]):hover) textarea{box-shadow:0 0 0 calc(var(\n--spectrum-textfield-m-texticon-focus-ring-border-width,\nvar(--spectrum-alias-component-focusring-size)\n)) var(\n--spectrum-textfield-m-textonly-focus-ring-border-color-key-focus,var(--spectrum-alias-focus-ring-color)\n)!important}:host([multiline]:not([quiet])) #textfield:after{box-shadow:none}:host([disabled][quiet]) #textfield .input,:host([disabled][quiet]) #textfield:hover .input,:host([quiet]) .input :disabled{background-color:var(\n--spectrum-textfield-m-quiet-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-textfield-m-quiet-texticon-border-color-disabled,var(--spectrum-alias-input-border-color-quiet-disabled)\n)}\n`;\nexport default styles;"],
+  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA0Of,eAAeC",
   "names": ["css", "styles"]
 }

package/test/textfield.test.js

@@ -509,6 +509,26 @@ describe("Textfield", () => {
     await sendKeys({ press: "Backspace" });
     expect(el.value).to.equal("Name");
   });
+  it("handles minlength with required", async () => {
+    const el = await litFixture(
+      html`
+                <sp-textfield required minlength="3"></sp-textfield>
+            `
+    );
+    el.focus();
+    await sendKeys({
+      type: "ab"
+    });
+    await elementUpdated(el);
+    expect(el.value).to.equal("ab");
+    expect(el.checkValidity()).to.be.false;
+    await sendKeys({
+      type: "c"
+    });
+    await elementUpdated(el);
+    expect(el.value).to.equal("abc");
+    expect(el.checkValidity()).to.be.true;
+  });
   it("accepts maxlength", async () => {
     const el = await litFixture(
       html`

package/test/textfield.test.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["textfield.test.ts"],
-  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { Textfield, TextfieldType } from '../';\nimport { elementUpdated, expect, html, litFixture } from '@open-wc/testing';\nimport { sendKeys } from '@web/test-runner-commands';\nimport { sendMouse } from '../../../test/plugins/browser.js';\nimport { findDescribedNode } from '../../../test/testing-helpers-a11y.js';\nimport { HelpText } from '@spectrum-web-components/help-text';\nimport '@spectrum-web-components/help-text/sp-help-text.js';\nimport '@spectrum-web-components/textfield/sp-textfield.js';\nimport { testForLitDevWarnings } from '../../../test/testing-helpers.js';\nimport { isFirefox } from '@spectrum-web-components/shared/src/platform.js';\n\ndescribe('Textfield', () => {\n    testForLitDevWarnings(\n        async () =>\n            await litFixture<Textfield>(\n                html`\n                    <sp-textfield label=\"Enter Your Name\"></sp-textfield>\n                `\n            )\n    );\n    it('loads default textfield accessibly', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield label=\"Enter Your Name\"></sp-textfield>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n    it('loads multiline textfield accessibly', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield label=\"Enter your name\" multiline></sp-textfield>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n\n    it('manages tabIndex while disabled', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield placeholder=\"Enter Your Name\"></sp-textfield>\n            `\n        );\n\n        await elementUpdated(el);\n\n        expect(el.tabIndex).to.equal(0);\n\n        el.disabled = true;\n        await elementUpdated(el);\n\n        expect(el.tabIndex).to.equal(-1);\n\n        el.tabIndex = 2;\n        await elementUpdated(el);\n\n        expect(el.tabIndex).to.equal(-1);\n\n        el.disabled = false;\n        await elementUpdated(el);\n\n        expect(el.tabIndex).to.equal(2);\n    });\n\n    it('manages tabIndex before first render', async () => {\n        const el = document.createElement('sp-textfield') as Textfield;\n\n        expect(el.focusElement).to.be.null;\n        expect(el.tabIndex).to.equal(0);\n\n        el.remove();\n    });\n    it('loads', async () => {\n        const testPlaceholder = 'Enter your name';\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield placeholder=${testPlaceholder}></sp-textfield>\n            `\n        );\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('input')\n            : null;\n        expect(input).to.not.be.null;\n        const placeholder = input ? input.placeholder : null;\n        expect(placeholder).to.equal(testPlaceholder);\n    });\n    it('multiline', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your name\"\n                    multiline\n                ></sp-textfield>\n            `\n        );\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('textarea')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('resizes by default', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    multiline\n                    label=\"No resize control\"\n                    placeholder=\"No resize control\"\n                ></sp-textfield>\n            `\n        );\n        const startBounds = el.getBoundingClientRect();\n\n        await sendMouse({\n            steps: [\n                {\n                    type: 'move',\n                    position: [startBounds.right - 2, startBounds.bottom - 2],\n                },\n                {\n                    type: 'down',\n                },\n                {\n                    type: 'move',\n                    position: [startBounds.right + 50, startBounds.bottom + 50],\n                },\n                {\n                    type: 'up',\n                },\n            ],\n        });\n\n        const endBounds = el.getBoundingClientRect();\n        expect(endBounds.width).to.be.greaterThan(startBounds.width);\n        expect(endBounds.height).to.be.greaterThan(startBounds.height);\n    });\n    it('accepts resize styling', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    multiline\n                    style=\"resize: none;\"\n                    label=\"No resize control\"\n                    placeholder=\"No resize control\"\n                ></sp-textfield>\n            `\n        );\n        const startBounds = el.getBoundingClientRect();\n\n        await sendMouse({\n            steps: [\n                {\n                    type: 'move',\n                    position: [startBounds.right - 2, startBounds.bottom - 2],\n                },\n                {\n                    type: 'down',\n                },\n                {\n                    type: 'move',\n                    position: [startBounds.right + 50, startBounds.bottom + 50],\n                },\n                {\n                    type: 'up',\n                },\n            ],\n        });\n\n        const endBounds = el.getBoundingClientRect();\n        expect(endBounds.width).equals(startBounds.width);\n        expect(endBounds.height).equals(startBounds.height);\n    });\n    it('grows', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your name\"\n                    multiline\n                    grows\n                ></sp-textfield>\n            `\n        );\n        expect(el).to.not.equal(undefined);\n        const sizer = el.shadowRoot\n            ? el.shadowRoot.querySelector('#sizer')\n            : null;\n        expect(sizer).to.not.be.null;\n    });\n    it('valid', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    pattern=\"[\\\\d]+\"\n                    value=\"123\"\n                    required\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#valid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('valid - multiline', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    pattern=\"[\\\\d]+\"\n                    value=\"123\"\n                    required\n                    multiline\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#valid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('valid - required', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    value=\"123\"\n                    required\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#valid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('valid - multiline - required', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    value=\"123\"\n                    required\n                    multiline\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#valid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('valid - boundary-type assertions', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    pattern=\"^[\\\\d]+$\"\n                    value=\"123\"\n                    required\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#valid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('valid - multiline - boundary-type assertions', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    pattern=\"^[\\\\d]+$\"\n                    value=\"123\"\n                    required\n                    multiline\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#valid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('valid - unicode', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your name\"\n                    pattern=\"\\\\p{L}{4,8}\"\n                    value=\"\u4F60\u7684\u540D\u5B57\"\n                    required\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#valid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('valid - multiline - unicode', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your name\"\n                    pattern=\"\\\\p{L}{4,8}\"\n                    value=\"\u4F60\u7684\u540D\u5B57\"\n                    required\n                    multiline\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#valid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('invalid', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    pattern=\"[\\\\d]+\"\n                    value=\"123 not valid\"\n                    required\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#invalid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('invalid - multiline', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    pattern=\"[\\\\d]+\"\n                    value=\"123 not valid\"\n                    required\n                    multiline\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#invalid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('invalid - required', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    value=\"\"\n                    required\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#invalid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('invalid - multiline - required', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    value=\"\"\n                    required\n                    multiline\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#invalid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('invalid - unicode', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    pattern=\"\\\\p{N}+\"\n                    value=\"123 not valid\"\n                    required\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#invalid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('invalid - multiline - unicode', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    pattern=\"\\\\p{N}+\"\n                    value=\"123 not valid\"\n                    required\n                    multiline\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#invalid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('invalid - boundary-type assertions', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    pattern=\"^\\\\p{N}+$\"\n                    value=\"123 not valid\"\n                    required\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#invalid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('invalid - multiline - boundary-type assertions', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    pattern=\"^\\\\p{N}+$\"\n                    value=\"123 not valid\"\n                    required\n                    multiline\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#invalid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('receives focus', async () => {\n        let activeElement: HTMLInputElement | null = null;\n        const onFocusIn = (event: Event): void => {\n            const path = event.composedPath();\n            activeElement = path[0] as HTMLInputElement;\n        };\n        document.addEventListener('focusin', onFocusIn);\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield placeholder=\"Enter your name\"></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        el.focus();\n        await elementUpdated(el);\n\n        expect(activeElement === el.focusElement).to.be.true;\n        document.removeEventListener('focusin', onFocusIn);\n    });\n    it('does not receive focus when disabled', async () => {\n        let activeElement: HTMLInputElement | null = null;\n        const onFocusIn = (event: Event): void => {\n            const path = event.composedPath();\n            activeElement = path[0] as HTMLInputElement;\n        };\n        document.addEventListener('focusin', onFocusIn);\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    disabled\n                    placeholder=\"Enter your name\"\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        el.focus();\n        await elementUpdated(el);\n\n        expect(activeElement === el.focusElement).to.be.false;\n        expect(document.activeElement === el).to.be.false;\n        document.removeEventListener('focusin', onFocusIn);\n\n        el.click();\n        await elementUpdated(el);\n\n        expect(activeElement === el.focusElement).to.be.false;\n        expect(document.activeElement === el).to.be.false;\n        document.removeEventListener('focusin', onFocusIn);\n    });\n    it('accepts input', async () => {\n        const testValue = 'Test Name';\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield placeholder=\"Enter your name\"></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        el.focusElement.value = testValue;\n        el.focusElement.dispatchEvent(new Event('input'));\n\n        expect(el.value).to.equal(testValue);\n    });\n    it('selects', async () => {\n        const testValue = 'Test Name';\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield value=${testValue}></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n        expect(el.value).to.equal(testValue);\n\n        el.focus();\n        el.select();\n        await sendKeys({ press: 'Backspace' });\n        expect(el.value).to.equal('');\n    });\n    it('setSelectionRange', async () => {\n        const testValue = 'Test Name';\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield value=${testValue}></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n        expect(el.value).to.equal(testValue);\n\n        el.focus();\n        el.setSelectionRange(0, 'Test '.length);\n        await sendKeys({ press: 'Backspace' });\n        expect(el.value).to.equal('Name');\n    });\n    it('accepts maxlength', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your name\"\n                    maxlength=\"3\"\n                    minlength=\"2\"\n                    required\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n        el.focus();\n\n        await sendKeys({\n            type: 'a',\n        });\n        await elementUpdated(el);\n        expect(el.value).to.equal('a');\n        expect(el.checkValidity()).to.be.false;\n\n        await sendKeys({\n            type: 'b',\n        });\n        await elementUpdated(el);\n        expect(el.value).to.equal('ab');\n        expect(el.checkValidity());\n\n        await sendKeys({\n            type: 'c',\n        });\n        await elementUpdated(el);\n        expect(el.value).to.equal('abc');\n        expect(el.checkValidity());\n\n        await sendKeys({\n            type: 'd',\n        });\n        await elementUpdated(el);\n        expect(el.value).to.equal('abc');\n        expect(el.checkValidity());\n\n        await sendKeys({\n            press: 'Backspace',\n        });\n        await elementUpdated(el);\n        expect(el.value).to.equal('ab');\n        expect(el.checkValidity());\n\n        await sendKeys({\n            press: 'Backspace',\n        });\n        await elementUpdated(el);\n        expect(el.value).to.equal('a');\n        expect(el.checkValidity()).to.be.false;\n    });\n    it('dispatches a `change` event', async () => {\n        const testValue = 'Test Name';\n        let eventSource = null as Textfield | null;\n        const onChange = (event: Event): void => {\n            eventSource = event.composedPath()[0] as Textfield;\n        };\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your name\"\n                    @change=${onChange}\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        el.focusElement.value = testValue;\n        el.focusElement.dispatchEvent(new Event('input'));\n        el.focusElement.dispatchEvent(new Event('change'));\n\n        expect(el.value).to.equal(testValue);\n        const testSource = eventSource as Textfield;\n        expect(testSource).to.equal(el);\n    });\n    it('passes through `autocomplete` attribute', async () => {\n        let el = await litFixture<Textfield>(\n            html`\n                <sp-textfield autocomplete=\"off\"></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n        let input = el.shadowRoot ? el.shadowRoot.querySelector('input') : null;\n        expect(input).to.exist;\n        if (input) {\n            expect(input.getAttribute('autocomplete')).to.equal('off');\n        }\n\n        el = await litFixture<Textfield>(\n            html`\n                <sp-textfield></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n        input = el.shadowRoot ? el.shadowRoot.querySelector('input') : null;\n        expect(input).to.exist;\n        if (input) {\n            expect(input.getAttribute('autocomplete')).to.not.exist;\n        }\n    });\n    it('tests on `required` changes', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield value=\"\"></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n        expect(el.invalid).to.be.false;\n\n        el.required = true;\n        await elementUpdated(el);\n        expect(el.invalid).to.be.true;\n    });\n    it('manages `allowed-keys`', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield allowed-keys=\"asdf\"></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n        expect(el.value).to.equal('');\n\n        const inputElement = el.focusElement;\n\n        el.focusElement.value = 'asdf';\n        inputElement.dispatchEvent(new InputEvent('input'));\n\n        await elementUpdated(el);\n        expect(el.value).to.equal('asdf');\n\n        inputElement.value = `asdff`;\n        inputElement.setSelectionRange(1, 1);\n        inputElement.dispatchEvent(new InputEvent('input'));\n\n        await elementUpdated(el);\n        expect(el.value).to.equal('asdff');\n        expect(inputElement.selectionStart).to.equal(1);\n\n        inputElement.value = `asdoff`;\n        inputElement.setSelectionRange(4, 4);\n        inputElement.dispatchEvent(new InputEvent('input'));\n\n        await elementUpdated(el);\n        expect(el.value).to.equal('asdff');\n        expect(inputElement.selectionStart).to.equal(3);\n    });\n    describe('type attribute', () => {\n        // references:\n        // https://developer.mozilla.org/en-US/docs/Glossary/IDL#content_versus_idl_attributes\n        // https://html.spec.whatwg.org/multipage/common-dom-interfaces.html#reflecting-content-attributes-in-idl-attributes\n        // https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#keywords-and-enumerated-attributes\n\n        it('assigns valid attributes to the property', async () => {\n            const types: TextfieldType[] = [\n                'text',\n                'url',\n                'tel',\n                'email',\n                'password',\n            ];\n            for await (const t of types) {\n                const el = await litFixture<Textfield>(\n                    html`\n                        <sp-textfield type=${t}></sp-textfield>\n                    `\n                );\n                expect(el.type).equals(t);\n\n                el.setAttribute('type', 'url');\n                expect(el.type).equals('url');\n            }\n        });\n        it('represents invalid and missing attributes as \"text\"', async () => {\n            const el1 = await litFixture<Textfield>(\n                html`\n                    <sp-textfield></sp-textfield>\n                `\n            );\n\n            const el2 = await litFixture<Textfield>(\n                html`\n                    <sp-textfield type=\"time\"></sp-textfield>\n                `\n            );\n            expect(el1.type).equals('text');\n            expect(el2.type).equals('text');\n\n            el1.setAttribute('type', 'submit');\n            expect(el1.type).equals('text');\n        });\n        it('reflects valid property assignments', async () => {\n            const el = await litFixture<Textfield>(\n                html`\n                    <sp-textfield type=\"url\"></sp-textfield>\n                `\n            );\n\n            el.type = 'email';\n            await elementUpdated(el);\n\n            expect(el.getAttribute('type')).equals('email');\n            expect(el.type).equals('email');\n        });\n        it('reflects invalid assignments but sets state to \"text\"', async () => {\n            const el = await litFixture<Textfield>(\n                html`\n                    <sp-textfield type=\"url\"></sp-textfield>\n                `\n            );\n\n            // eslint-disable-next-line\n            // @ts-ignore\n            el.type = 'range';\n            await elementUpdated(el);\n\n            expect(el.getAttribute('type')).equals('range');\n            expect(el.type).equals('text');\n        });\n    });\n    describe('help text', () => {\n        const name = 'This is a textfield';\n        const description = 'This text helps you fill it out';\n        const descriptionNegative = 'This text helps you when invalid';\n        it('accepts help text in `slot=\"help-text\"`', async () => {\n            const el = await litFixture(html`\n                <sp-textfield label=${name}>\n                    <sp-help-text slot=\"help-text\">${description}</sp-help-text>\n                </sp-textfield>\n            `);\n\n            await elementUpdated(el);\n\n            await findDescribedNode(name, description);\n        });\n        it('accepts help text in `slot=\"help-text\"` w/ own ID', async () => {\n            const el = await litFixture(html`\n                <sp-textfield label=${name}>\n                    <sp-help-text slot=\"help-text\" id=\"help-text-id-1\">\n                        ${description}\n                    </sp-help-text>\n                </sp-textfield>\n            `);\n\n            await elementUpdated(el);\n\n            await findDescribedNode(name, description);\n        });\n        it('manages neutral/negative help text pairs', async () => {\n            const el = await litFixture<Textfield>(html`\n                <sp-textfield label=${name}>\n                    <sp-help-text slot=\"help-text\">${description}</sp-help-text>\n                    <sp-help-text slot=\"negative-help-text\">\n                        ${descriptionNegative}\n                    </sp-help-text>\n                </sp-textfield>\n            `);\n            const negativeHelpText = el.querySelector(\n                '[slot=\"negative-help-text\"]'\n            ) as HelpText;\n\n            await elementUpdated(el);\n\n            expect(negativeHelpText.variant).to.equal('neutral');\n            await findDescribedNode(name, description);\n\n            el.invalid = true;\n            await elementUpdated(el);\n\n            expect(negativeHelpText.variant).to.equal('negative');\n            // There's an issue in the way Firefox processes the a11y tree for\n            // elements with an `invalid` attribute/property. The following try/catch\n            // wrapping preps the code to pass in that context regardless and error\n            // when our tooling no longer runs into this error.\n            try {\n                await findDescribedNode(name, descriptionNegative);\n                if (isFirefox()) {\n                    throw new Error('this does not fail anymore...');\n                }\n            } catch (error) {\n                if (!isFirefox()) {\n                    throw error;\n                }\n            }\n        });\n        it('manages neutral/negative help text pairs w/ own IDs', async () => {\n            const el = await litFixture<Textfield>(html`\n                <sp-textfield label=${name}>\n                    <sp-help-text slot=\"help-text\" id=\"help-text-id-2\">\n                        ${description}\n                    </sp-help-text>\n                    <sp-help-text slot=\"negative-help-text\" id=\"help-text-id-3\">\n                        ${descriptionNegative}\n                    </sp-help-text>\n                </sp-textfield>\n            `);\n            const negativeHelpText = el.querySelector(\n                '[slot=\"negative-help-text\"]'\n            ) as HelpText;\n\n            await elementUpdated(el);\n\n            expect(negativeHelpText.variant).to.equal('neutral');\n            await findDescribedNode(name, description);\n\n            el.invalid = true;\n            await elementUpdated(el);\n\n            expect(negativeHelpText.variant).to.equal('negative');\n            // There's an issue in the way Firefox processes the a11y tree for\n            // elements with an `invalid` attribute/property. The following try/catch\n            // wrapping preps the code to pass in that context regardless and error\n            // when our tooling no longer runs into this error.\n            try {\n                await findDescribedNode(name, descriptionNegative);\n                if (isFirefox()) {\n                    throw new Error('this does not fail anymore...');\n                }\n            } catch (error) {\n                if (!isFirefox()) {\n                    throw error;\n                }\n            }\n        });\n    });\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { Textfield, TextfieldType } from '../';\nimport { elementUpdated, expect, html, litFixture } from '@open-wc/testing';\nimport { sendKeys } from '@web/test-runner-commands';\nimport { sendMouse } from '../../../test/plugins/browser.js';\nimport { findDescribedNode } from '../../../test/testing-helpers-a11y.js';\nimport { HelpText } from '@spectrum-web-components/help-text';\nimport '@spectrum-web-components/help-text/sp-help-text.js';\nimport '@spectrum-web-components/textfield/sp-textfield.js';\nimport { testForLitDevWarnings } from '../../../test/testing-helpers.js';\nimport { isFirefox } from '@spectrum-web-components/shared/src/platform.js';\n\ndescribe('Textfield', () => {\n    testForLitDevWarnings(\n        async () =>\n            await litFixture<Textfield>(\n                html`\n                    <sp-textfield label=\"Enter Your Name\"></sp-textfield>\n                `\n            )\n    );\n    it('loads default textfield accessibly', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield label=\"Enter Your Name\"></sp-textfield>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n    it('loads multiline textfield accessibly', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield label=\"Enter your name\" multiline></sp-textfield>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n\n    it('manages tabIndex while disabled', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield placeholder=\"Enter Your Name\"></sp-textfield>\n            `\n        );\n\n        await elementUpdated(el);\n\n        expect(el.tabIndex).to.equal(0);\n\n        el.disabled = true;\n        await elementUpdated(el);\n\n        expect(el.tabIndex).to.equal(-1);\n\n        el.tabIndex = 2;\n        await elementUpdated(el);\n\n        expect(el.tabIndex).to.equal(-1);\n\n        el.disabled = false;\n        await elementUpdated(el);\n\n        expect(el.tabIndex).to.equal(2);\n    });\n\n    it('manages tabIndex before first render', async () => {\n        const el = document.createElement('sp-textfield') as Textfield;\n\n        expect(el.focusElement).to.be.null;\n        expect(el.tabIndex).to.equal(0);\n\n        el.remove();\n    });\n    it('loads', async () => {\n        const testPlaceholder = 'Enter your name';\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield placeholder=${testPlaceholder}></sp-textfield>\n            `\n        );\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('input')\n            : null;\n        expect(input).to.not.be.null;\n        const placeholder = input ? input.placeholder : null;\n        expect(placeholder).to.equal(testPlaceholder);\n    });\n    it('multiline', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your name\"\n                    multiline\n                ></sp-textfield>\n            `\n        );\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('textarea')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('resizes by default', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    multiline\n                    label=\"No resize control\"\n                    placeholder=\"No resize control\"\n                ></sp-textfield>\n            `\n        );\n        const startBounds = el.getBoundingClientRect();\n\n        await sendMouse({\n            steps: [\n                {\n                    type: 'move',\n                    position: [startBounds.right - 2, startBounds.bottom - 2],\n                },\n                {\n                    type: 'down',\n                },\n                {\n                    type: 'move',\n                    position: [startBounds.right + 50, startBounds.bottom + 50],\n                },\n                {\n                    type: 'up',\n                },\n            ],\n        });\n\n        const endBounds = el.getBoundingClientRect();\n        expect(endBounds.width).to.be.greaterThan(startBounds.width);\n        expect(endBounds.height).to.be.greaterThan(startBounds.height);\n    });\n    it('accepts resize styling', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    multiline\n                    style=\"resize: none;\"\n                    label=\"No resize control\"\n                    placeholder=\"No resize control\"\n                ></sp-textfield>\n            `\n        );\n        const startBounds = el.getBoundingClientRect();\n\n        await sendMouse({\n            steps: [\n                {\n                    type: 'move',\n                    position: [startBounds.right - 2, startBounds.bottom - 2],\n                },\n                {\n                    type: 'down',\n                },\n                {\n                    type: 'move',\n                    position: [startBounds.right + 50, startBounds.bottom + 50],\n                },\n                {\n                    type: 'up',\n                },\n            ],\n        });\n\n        const endBounds = el.getBoundingClientRect();\n        expect(endBounds.width).equals(startBounds.width);\n        expect(endBounds.height).equals(startBounds.height);\n    });\n    it('grows', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your name\"\n                    multiline\n                    grows\n                ></sp-textfield>\n            `\n        );\n        expect(el).to.not.equal(undefined);\n        const sizer = el.shadowRoot\n            ? el.shadowRoot.querySelector('#sizer')\n            : null;\n        expect(sizer).to.not.be.null;\n    });\n    it('valid', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    pattern=\"[\\\\d]+\"\n                    value=\"123\"\n                    required\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#valid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('valid - multiline', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    pattern=\"[\\\\d]+\"\n                    value=\"123\"\n                    required\n                    multiline\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#valid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('valid - required', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    value=\"123\"\n                    required\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#valid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('valid - multiline - required', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    value=\"123\"\n                    required\n                    multiline\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#valid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('valid - boundary-type assertions', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    pattern=\"^[\\\\d]+$\"\n                    value=\"123\"\n                    required\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#valid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('valid - multiline - boundary-type assertions', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    pattern=\"^[\\\\d]+$\"\n                    value=\"123\"\n                    required\n                    multiline\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#valid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('valid - unicode', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your name\"\n                    pattern=\"\\\\p{L}{4,8}\"\n                    value=\"\u4F60\u7684\u540D\u5B57\"\n                    required\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#valid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('valid - multiline - unicode', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your name\"\n                    pattern=\"\\\\p{L}{4,8}\"\n                    value=\"\u4F60\u7684\u540D\u5B57\"\n                    required\n                    multiline\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#valid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('invalid', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    pattern=\"[\\\\d]+\"\n                    value=\"123 not valid\"\n                    required\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#invalid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('invalid - multiline', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    pattern=\"[\\\\d]+\"\n                    value=\"123 not valid\"\n                    required\n                    multiline\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#invalid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('invalid - required', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    value=\"\"\n                    required\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#invalid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('invalid - multiline - required', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    value=\"\"\n                    required\n                    multiline\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#invalid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('invalid - unicode', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    pattern=\"\\\\p{N}+\"\n                    value=\"123 not valid\"\n                    required\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#invalid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('invalid - multiline - unicode', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    pattern=\"\\\\p{N}+\"\n                    value=\"123 not valid\"\n                    required\n                    multiline\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#invalid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('invalid - boundary-type assertions', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    pattern=\"^\\\\p{N}+$\"\n                    value=\"123 not valid\"\n                    required\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#invalid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('invalid - multiline - boundary-type assertions', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    pattern=\"^\\\\p{N}+$\"\n                    value=\"123 not valid\"\n                    required\n                    multiline\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#invalid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('receives focus', async () => {\n        let activeElement: HTMLInputElement | null = null;\n        const onFocusIn = (event: Event): void => {\n            const path = event.composedPath();\n            activeElement = path[0] as HTMLInputElement;\n        };\n        document.addEventListener('focusin', onFocusIn);\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield placeholder=\"Enter your name\"></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        el.focus();\n        await elementUpdated(el);\n\n        expect(activeElement === el.focusElement).to.be.true;\n        document.removeEventListener('focusin', onFocusIn);\n    });\n    it('does not receive focus when disabled', async () => {\n        let activeElement: HTMLInputElement | null = null;\n        const onFocusIn = (event: Event): void => {\n            const path = event.composedPath();\n            activeElement = path[0] as HTMLInputElement;\n        };\n        document.addEventListener('focusin', onFocusIn);\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    disabled\n                    placeholder=\"Enter your name\"\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        el.focus();\n        await elementUpdated(el);\n\n        expect(activeElement === el.focusElement).to.be.false;\n        expect(document.activeElement === el).to.be.false;\n        document.removeEventListener('focusin', onFocusIn);\n\n        el.click();\n        await elementUpdated(el);\n\n        expect(activeElement === el.focusElement).to.be.false;\n        expect(document.activeElement === el).to.be.false;\n        document.removeEventListener('focusin', onFocusIn);\n    });\n    it('accepts input', async () => {\n        const testValue = 'Test Name';\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield placeholder=\"Enter your name\"></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        el.focusElement.value = testValue;\n        el.focusElement.dispatchEvent(new Event('input'));\n\n        expect(el.value).to.equal(testValue);\n    });\n    it('selects', async () => {\n        const testValue = 'Test Name';\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield value=${testValue}></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n        expect(el.value).to.equal(testValue);\n\n        el.focus();\n        el.select();\n        await sendKeys({ press: 'Backspace' });\n        expect(el.value).to.equal('');\n    });\n    it('setSelectionRange', async () => {\n        const testValue = 'Test Name';\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield value=${testValue}></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n        expect(el.value).to.equal(testValue);\n\n        el.focus();\n        el.setSelectionRange(0, 'Test '.length);\n        await sendKeys({ press: 'Backspace' });\n        expect(el.value).to.equal('Name');\n    });\n    it('handles minlength with required', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield required minlength=\"3\"></sp-textfield>\n            `\n        );\n        el.focus();\n        await sendKeys({\n            type: 'ab',\n        });\n        await elementUpdated(el);\n\n        expect(el.value).to.equal('ab');\n        expect(el.checkValidity()).to.be.false;\n\n        await sendKeys({\n            type: 'c',\n        });\n        await elementUpdated(el);\n\n        expect(el.value).to.equal('abc');\n        expect(el.checkValidity()).to.be.true;\n    });\n    it('accepts maxlength', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your name\"\n                    maxlength=\"3\"\n                    minlength=\"2\"\n                    required\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n        el.focus();\n\n        await sendKeys({\n            type: 'a',\n        });\n        await elementUpdated(el);\n        expect(el.value).to.equal('a');\n        expect(el.checkValidity()).to.be.false;\n\n        await sendKeys({\n            type: 'b',\n        });\n        await elementUpdated(el);\n        expect(el.value).to.equal('ab');\n        expect(el.checkValidity());\n\n        await sendKeys({\n            type: 'c',\n        });\n        await elementUpdated(el);\n        expect(el.value).to.equal('abc');\n        expect(el.checkValidity());\n\n        await sendKeys({\n            type: 'd',\n        });\n        await elementUpdated(el);\n        expect(el.value).to.equal('abc');\n        expect(el.checkValidity());\n\n        await sendKeys({\n            press: 'Backspace',\n        });\n        await elementUpdated(el);\n        expect(el.value).to.equal('ab');\n        expect(el.checkValidity());\n\n        await sendKeys({\n            press: 'Backspace',\n        });\n        await elementUpdated(el);\n        expect(el.value).to.equal('a');\n        expect(el.checkValidity()).to.be.false;\n    });\n    it('dispatches a `change` event', async () => {\n        const testValue = 'Test Name';\n        let eventSource = null as Textfield | null;\n        const onChange = (event: Event): void => {\n            eventSource = event.composedPath()[0] as Textfield;\n        };\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your name\"\n                    @change=${onChange}\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        el.focusElement.value = testValue;\n        el.focusElement.dispatchEvent(new Event('input'));\n        el.focusElement.dispatchEvent(new Event('change'));\n\n        expect(el.value).to.equal(testValue);\n        const testSource = eventSource as Textfield;\n        expect(testSource).to.equal(el);\n    });\n    it('passes through `autocomplete` attribute', async () => {\n        let el = await litFixture<Textfield>(\n            html`\n                <sp-textfield autocomplete=\"off\"></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n        let input = el.shadowRoot ? el.shadowRoot.querySelector('input') : null;\n        expect(input).to.exist;\n        if (input) {\n            expect(input.getAttribute('autocomplete')).to.equal('off');\n        }\n\n        el = await litFixture<Textfield>(\n            html`\n                <sp-textfield></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n        input = el.shadowRoot ? el.shadowRoot.querySelector('input') : null;\n        expect(input).to.exist;\n        if (input) {\n            expect(input.getAttribute('autocomplete')).to.not.exist;\n        }\n    });\n    it('tests on `required` changes', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield value=\"\"></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n        expect(el.invalid).to.be.false;\n\n        el.required = true;\n        await elementUpdated(el);\n        expect(el.invalid).to.be.true;\n    });\n    it('manages `allowed-keys`', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield allowed-keys=\"asdf\"></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n        expect(el.value).to.equal('');\n\n        const inputElement = el.focusElement;\n\n        el.focusElement.value = 'asdf';\n        inputElement.dispatchEvent(new InputEvent('input'));\n\n        await elementUpdated(el);\n        expect(el.value).to.equal('asdf');\n\n        inputElement.value = `asdff`;\n        inputElement.setSelectionRange(1, 1);\n        inputElement.dispatchEvent(new InputEvent('input'));\n\n        await elementUpdated(el);\n        expect(el.value).to.equal('asdff');\n        expect(inputElement.selectionStart).to.equal(1);\n\n        inputElement.value = `asdoff`;\n        inputElement.setSelectionRange(4, 4);\n        inputElement.dispatchEvent(new InputEvent('input'));\n\n        await elementUpdated(el);\n        expect(el.value).to.equal('asdff');\n        expect(inputElement.selectionStart).to.equal(3);\n    });\n    describe('type attribute', () => {\n        // references:\n        // https://developer.mozilla.org/en-US/docs/Glossary/IDL#content_versus_idl_attributes\n        // https://html.spec.whatwg.org/multipage/common-dom-interfaces.html#reflecting-content-attributes-in-idl-attributes\n        // https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#keywords-and-enumerated-attributes\n\n        it('assigns valid attributes to the property', async () => {\n            const types: TextfieldType[] = [\n                'text',\n                'url',\n                'tel',\n                'email',\n                'password',\n            ];\n            for await (const t of types) {\n                const el = await litFixture<Textfield>(\n                    html`\n                        <sp-textfield type=${t}></sp-textfield>\n                    `\n                );\n                expect(el.type).equals(t);\n\n                el.setAttribute('type', 'url');\n                expect(el.type).equals('url');\n            }\n        });\n        it('represents invalid and missing attributes as \"text\"', async () => {\n            const el1 = await litFixture<Textfield>(\n                html`\n                    <sp-textfield></sp-textfield>\n                `\n            );\n\n            const el2 = await litFixture<Textfield>(\n                html`\n                    <sp-textfield type=\"time\"></sp-textfield>\n                `\n            );\n            expect(el1.type).equals('text');\n            expect(el2.type).equals('text');\n\n            el1.setAttribute('type', 'submit');\n            expect(el1.type).equals('text');\n        });\n        it('reflects valid property assignments', async () => {\n            const el = await litFixture<Textfield>(\n                html`\n                    <sp-textfield type=\"url\"></sp-textfield>\n                `\n            );\n\n            el.type = 'email';\n            await elementUpdated(el);\n\n            expect(el.getAttribute('type')).equals('email');\n            expect(el.type).equals('email');\n        });\n        it('reflects invalid assignments but sets state to \"text\"', async () => {\n            const el = await litFixture<Textfield>(\n                html`\n                    <sp-textfield type=\"url\"></sp-textfield>\n                `\n            );\n\n            // eslint-disable-next-line\n            // @ts-ignore\n            el.type = 'range';\n            await elementUpdated(el);\n\n            expect(el.getAttribute('type')).equals('range');\n            expect(el.type).equals('text');\n        });\n    });\n    describe('help text', () => {\n        const name = 'This is a textfield';\n        const description = 'This text helps you fill it out';\n        const descriptionNegative = 'This text helps you when invalid';\n        it('accepts help text in `slot=\"help-text\"`', async () => {\n            const el = await litFixture(html`\n                <sp-textfield label=${name}>\n                    <sp-help-text slot=\"help-text\">${description}</sp-help-text>\n                </sp-textfield>\n            `);\n\n            await elementUpdated(el);\n\n            await findDescribedNode(name, description);\n        });\n        it('accepts help text in `slot=\"help-text\"` w/ own ID', async () => {\n            const el = await litFixture(html`\n                <sp-textfield label=${name}>\n                    <sp-help-text slot=\"help-text\" id=\"help-text-id-1\">\n                        ${description}\n                    </sp-help-text>\n                </sp-textfield>\n            `);\n\n            await elementUpdated(el);\n\n            await findDescribedNode(name, description);\n        });\n        it('manages neutral/negative help text pairs', async () => {\n            const el = await litFixture<Textfield>(html`\n                <sp-textfield label=${name}>\n                    <sp-help-text slot=\"help-text\">${description}</sp-help-text>\n                    <sp-help-text slot=\"negative-help-text\">\n                        ${descriptionNegative}\n                    </sp-help-text>\n                </sp-textfield>\n            `);\n            const negativeHelpText = el.querySelector(\n                '[slot=\"negative-help-text\"]'\n            ) as HelpText;\n\n            await elementUpdated(el);\n\n            expect(negativeHelpText.variant).to.equal('neutral');\n            await findDescribedNode(name, description);\n\n            el.invalid = true;\n            await elementUpdated(el);\n\n            expect(negativeHelpText.variant).to.equal('negative');\n            // There's an issue in the way Firefox processes the a11y tree for\n            // elements with an `invalid` attribute/property. The following try/catch\n            // wrapping preps the code to pass in that context regardless and error\n            // when our tooling no longer runs into this error.\n            try {\n                await findDescribedNode(name, descriptionNegative);\n                if (isFirefox()) {\n                    throw new Error('this does not fail anymore...');\n                }\n            } catch (error) {\n                if (!isFirefox()) {\n                    throw error;\n                }\n            }\n        });\n        it('manages neutral/negative help text pairs w/ own IDs', async () => {\n            const el = await litFixture<Textfield>(html`\n                <sp-textfield label=${name}>\n                    <sp-help-text slot=\"help-text\" id=\"help-text-id-2\">\n                        ${description}\n                    </sp-help-text>\n                    <sp-help-text slot=\"negative-help-text\" id=\"help-text-id-3\">\n                        ${descriptionNegative}\n                    </sp-help-text>\n                </sp-textfield>\n            `);\n            const negativeHelpText = el.querySelector(\n                '[slot=\"negative-help-text\"]'\n            ) as HelpText;\n\n            await elementUpdated(el);\n\n            expect(negativeHelpText.variant).to.equal('neutral');\n            await findDescribedNode(name, description);\n\n            el.invalid = true;\n            await elementUpdated(el);\n\n            expect(negativeHelpText.variant).to.equal('negative');\n            // There's an issue in the way Firefox processes the a11y tree for\n            // elements with an `invalid` attribute/property. The following try/catch\n            // wrapping preps the code to pass in that context regardless and error\n            // when our tooling no longer runs into this error.\n            try {\n                await findDescribedNode(name, descriptionNegative);\n                if (isFirefox()) {\n                    throw new Error('this does not fail anymore...');\n                }\n            } catch (error) {\n                if (!isFirefox()) {\n                    throw error;\n                }\n            }\n        });\n    });\n});\n"],
+  "mappings": "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",
   "names": []
 }