@luzmo/lucero 1.0.3-alpha.9 → 2.0.0

package/components/tags-Cr8ObbWn.cjs

@@ -0,0 +1,47 @@
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./focus-visible-DNHNlrty.cjs"),r=require("./roving-tabindex-BoPao4td.cjs");require("./tooltip-Sm0pruxL.cjs"),require("./button-BJ0Y6wlM.cjs");let i=require("lit"),a=require("lit/decorators.js");var o=`:host{font-family:var(--luzmo-font-family);background-color:var(--highcontrast-tag-background-color,var(--luzmo-tag-background-color,var(--tag-background-color)));color:var(--highcontrast-tag-content-color,var(--luzmo-tag-content-color,var(--tag-content-color)));border-radius:var(--luzmo-tag-border-radius,var(--tag-border-radius));block-size:var(--luzmo-tag-height,var(--tag-height));box-sizing:border-box;vertical-align:bottom;max-inline-size:var(--luzmo-tag-max-inline-size,var(--tag-max-inline-size));-webkit-user-select:none;user-select:none;transition:border-color var(--luzmo-tag-animation-duration,var(--tag-animation-duration)) ease-in-out, color var(--luzmo-tag-animation-duration,var(--tag-animation-duration)) ease-in-out, box-shadow var(--luzmo-tag-animation-duration,var(--tag-animation-duration)) ease-in-out, background-color var(--luzmo-tag-animation-duration,var(--tag-animation-duration)) ease-in-out;outline:none;justify-content:center;align-items:center;padding-inline-start:calc(var(--luzmo-tag-spacing-inline-start,var(--tag-spacing-inline-start)) - var(--luzmo-tag-border-width,var(--tag-border-width)));padding-inline-end:0;display:inline-flex;position:relative;border-color:var(--highcontrast-tag-border-color,var(--luzmo-tag-border-color,var(--tag-border-color)))!important;border-width:var(--luzmo-tag-border-width,var(--tag-border-width))!important;border-style:solid!important}::slotted([slot=icon]){block-size:var(--luzmo-tag-icon-size,var(--tag-icon-size));inline-size:var(--luzmo-tag-icon-size,var(--tag-icon-size));flex-shrink:0;margin-inline-end:var(--luzmo-tag-icon-spacing-inline-end,var(--tag-icon-spacing-inline-end))}::slotted([slot=avatar]){margin-inline-end:var(--luzmo-tag-avatar-spacing-inline-end,var(--tag-avatar-spacing-inline-end))}.clear-button{--luzmo-clear-button-width:fit-content;--clearbutton-fill-size:fit-content;--clearbutton-fill-background-color:transparent;box-sizing:border-box;color:currentColor;margin-inline-start:calc(var(--luzmo-tag-clear-button-spacing-inline-start,var(--tag-clear-button-spacing-inline-start)) + var(--luzmo-tag-label-spacing-inline-end,var(--tag-label-spacing-inline-end)) * -1);margin-inline-end:calc(var(--luzmo-tag-clear-button-spacing-inline-end,var(--tag-clear-button-spacing-inline-end)) - var(--luzmo-tag-border-width,var(--tag-border-width)))}.clear-button .luzmo-ClearButton-fill{background-color:var(--luzmo-clearbutton-fill-background-color,var(--clearbutton-fill-background-color));inline-size:var(--luzmo-clearbutton-fill-size,var(--clearbutton-fill-size));block-size:var(--luzmo-clearbutton-fill-size,var(--clearbutton-fill-size))}.label{box-sizing:border-box;block-size:100%;min-inline-size:0;line-height:var(--luzmo-tag-label-line-height,var(--tag-label-line-height));font-weight:var(--luzmo-tag-label-font-weight,var(--tag-label-font-weight));font-size:var(--luzmo-tag-font-size,var(--tag-font-size));cursor:default;white-space:nowrap;text-overflow:ellipsis;flex:auto;align-items:center;margin-inline-end:calc(var(--luzmo-tag-label-spacing-inline-end,var(--tag-label-spacing-inline-end)) - var(--luzmo-tag-border-width,var(--tag-border-width)));display:flex;overflow:hidden}.label-text{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-inline-size:0;display:block;overflow:hidden}.label-text slot{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}:host(:is(:active,[active])){background-color:var(--highcontrast-tag-background-color-active,var(--luzmo-tag-background-color-active,var(--tag-background-color-active)));color:var(--highcontrast-tag-content-color-active,var(--luzmo-tag-content-color-active,var(--tag-content-color-active)));border-color:var(--highcontrast-tag-border-color-active,var(--luzmo-tag-border-color-active,var(--tag-border-color-active)))!important}:host([focused]),:host(:focus-visible){background-color:var(--highcontrast-tag-background-color-focus,var(--luzmo-tag-background-color-focus,var(--tag-background-color-focus)));color:var(--highcontrast-tag-content-color-focus,var(--luzmo-tag-content-color-focus,var(--tag-content-color-focus)));border-color:var(--highcontrast-tag-border-color-focus,var(--luzmo-tag-border-color-focus,var(--tag-border-color-focus)))!important}:host([focused]):after,:host(:focus-visible):after{content:"";border-radius:calc(var(--luzmo-tag-border-radius,var(--tag-border-radius)) + var(--luzmo-tag-focus-ring-gap,var(--tag-focus-ring-gap)) + var(--luzmo-tag-border-width,var(--tag-border-width)));pointer-events:none;display:inline-block;position:absolute;inset-block-start:calc(var(--luzmo-tag-focus-ring-gap,var(--tag-focus-ring-gap)) * -1 - var(--luzmo-tag-border-width,var(--tag-border-width)) - var(--luzmo-tag-focus-ring-thickness,var(--tag-focus-ring-thickness)));inset-block-end:calc(var(--luzmo-tag-focus-ring-gap,var(--tag-focus-ring-gap)) * -1 - var(--luzmo-tag-border-width,var(--tag-border-width)) - var(--luzmo-tag-focus-ring-thickness,var(--tag-focus-ring-thickness)));inset-inline-start:calc(var(--luzmo-tag-focus-ring-gap,var(--tag-focus-ring-gap)) * -1 - var(--luzmo-tag-border-width,var(--tag-border-width)) - var(--luzmo-tag-focus-ring-thickness,var(--tag-focus-ring-thickness)));inset-inline-end:calc(var(--luzmo-tag-focus-ring-gap,var(--tag-focus-ring-gap)) * -1 - var(--luzmo-tag-border-width,var(--tag-border-width)) - var(--luzmo-tag-focus-ring-thickness,var(--tag-focus-ring-thickness)));border-color:var(--highcontrast-tag-focus-ring-color,var(--luzmo-tag-focus-ring-color,var(--tag-focus-ring-color)))!important;border-width:var(--luzmo-tag-focus-ring-thickness,var(--tag-focus-ring-thickness))!important;border-style:solid!important}:host([selected]){background-color:var(--highcontrast-tag-background-color-selected,var(--luzmo-tag-background-color-selected,var(--tag-background-color-selected)));color:var(--highcontrast-tag-content-color-selected,var(--luzmo-tag-content-color-selected,var(--tag-content-color-selected)));border-color:var(--highcontrast-tag-border-color-selected,var(--luzmo-tag-border-color-selected,var(--tag-border-color-selected)))!important}:host([selected]:is(:active,[active])){background-color:var(--highcontrast-tag-background-color-selected-active,var(--luzmo-tag-background-color-selected-active,var(--tag-background-color-selected-active)));border-color:var(--highcontrast-tag-border-color-selected-active,var(--luzmo-tag-border-color-selected-active,var(--tag-border-color-selected-active)))!important}:host([selected][focused]),:host([selected]:focus-visible){background-color:var(--highcontrast-tag-background-color-selected-focus,var(--luzmo-tag-background-color-selected-focus,var(--tag-background-color-selected-focus)));border-color:var(--highcontrast-tag-border-color-selected-focus,var(--luzmo-tag-border-color-selected-focus,var(--tag-border-color-selected-focus)))!important}:host([invalid]){color:var(--highcontrast-tag-content-color-invalid,var(--luzmo-tag-content-color-invalid,var(--tag-content-color-invalid)));border-color:var(--highcontrast-tag-border-color-invalid,var(--luzmo-tag-border-color-invalid,var(--tag-border-color-invalid)))!important}:host([invalid]:is(:active,[active])){color:var(--highcontrast-tag-content-color-invalid-active,var(--luzmo-tag-content-color-invalid-active,var(--tag-content-color-invalid-active)));border-color:var(--highcontrast-tag-border-color-invalid-active,var(--luzmo-tag-border-color-invalid-active,var(--tag-border-color-invalid-active)))!important}:host([invalid][focused]),:host([invalid]:focus-visible){color:var(--highcontrast-tag-content-color-invalid-focus,var(--luzmo-tag-content-color-invalid-focus,var(--tag-content-color-invalid-focus)));border-color:var(--highcontrast-tag-border-color-invalid-focus,var(--luzmo-tag-border-color-invalid-focus,var(--tag-border-color-invalid-focus)))!important}:host([invalid][selected]){background-color:var(--highcontrast-tag-background-color-invalid-selected,var(--luzmo-tag-background-color-invalid-selected,var(--tag-background-color-invalid-selected)));color:var(--highcontrast-tag-content-color-invalid-selected,var(--luzmo-tag-content-color-invalid-selected,var(--tag-content-color-invalid-selected)));border-color:var(--highcontrast-tag-border-color-invalid-selected,var(--luzmo-tag-border-color-invalid-selected,var(--tag-border-color-invalid-selected)))!important}:host([invalid][selected]:is(:active,[active])){background-color:var(--highcontrast-tag-background-color-invalid-selected-active,var(--luzmo-tag-background-color-invalid-selected-active,var(--tag-background-color-invalid-selected-active)));border-color:var(--highcontrast-tag-border-color-invalid-selected-active,var(--luzmo-tag-border-color-invalid-selected-active,var(--tag-border-color-invalid-selected-active)))!important}:host([invalid][selected][focused]),:host([invalid][selected]:focus-visible){background-color:var(--highcontrast-tag-background-color-invalid-selected-focus,var(--luzmo-tag-background-color-invalid-selected-focus,var(--tag-background-color-invalid-selected-focus)));border-color:var(--highcontrast-tag-border-color-invalid-selected-focus,var(--luzmo-tag-border-color-invalid-selected-focus,var(--tag-border-color-invalid-selected-focus)))!important}:host([emphasized]){background-color:var(--highcontrast-tag-background-color-emphasized,var(--luzmo-tag-background-color-emphasized,var(--tag-background-color-emphasized)));color:var(--highcontrast-tag-content-color-emphasized,var(--luzmo-tag-content-color-emphasized,var(--tag-content-color-emphasized)));--luzmo-clear-button-background-color-hover:var(--luzmo-tag-background-color-emphasized,var(--tag-background-color-emphasized));--luzmo-clear-button-background-color-focus:var(--luzmo-tag-background-color-emphasized,var(--tag-background-color-emphasized));--luzmo-clear-button-background-color-down:var(--luzmo-tag-background-color-emphasized,var(--tag-background-color-emphasized));border-color:var(--highcontrast-tag-border-color-emphasized,var(--luzmo-tag-border-color-emphasized,var(--tag-border-color-emphasized)))!important}@media (hover:hover){:host(:hover){background-color:var(--highcontrast-tag-background-color-hover,var(--luzmo-tag-background-color-hover,var(--tag-background-color-hover)));color:var(--highcontrast-tag-content-color-hover,var(--luzmo-tag-content-color-hover,var(--tag-content-color-hover)));border-color:var(--highcontrast-tag-border-color-hover,var(--luzmo-tag-border-color-hover,var(--tag-border-color-hover)))!important}:host([selected]:hover){background-color:var(--highcontrast-tag-background-color-selected-hover,var(--luzmo-tag-background-color-selected-hover,var(--tag-background-color-selected-hover)));color:var(--highcontrast-tag-content-color-selected,var(--luzmo-tag-content-color-selected,var(--tag-content-color-selected)));border-color:var(--highcontrast-tag-border-color-selected-hover,var(--luzmo-tag-border-color-selected-hover,var(--tag-border-color-selected-hover)))!important}:host([invalid]:hover){color:var(--highcontrast-tag-content-color-invalid-hover,var(--luzmo-tag-content-color-invalid-hover,var(--tag-content-color-invalid-hover)));border-color:var(--highcontrast-tag-border-color-invalid-hover,var(--luzmo-tag-border-color-invalid-hover,var(--tag-border-color-invalid-hover)))!important}:host([invalid][selected]:hover){background-color:var(--highcontrast-tag-background-color-invalid-selected-hover,var(--luzmo-tag-background-color-invalid-selected-hover,var(--tag-background-color-invalid-selected-hover)));color:var(--highcontrast-tag-content-color-invalid-selected,var(--luzmo-tag-content-color-invalid-selected,var(--tag-content-color-invalid-selected)));border-color:var(--highcontrast-tag-border-color-invalid-selected-hover,var(--luzmo-tag-border-color-invalid-selected-hover,var(--tag-border-color-invalid-selected-hover)))!important}:host([emphasized]:hover){background-color:var(--highcontrast-tag-background-color-emphasized-hover,var(--luzmo-tag-background-color-emphasized-hover,var(--tag-background-color-emphasized-hover)));color:var(--highcontrast-tag-content-color-emphasized,var(--luzmo-tag-content-color-emphasized,var(--tag-content-color-emphasized)));border-color:var(--highcontrast-tag-border-color-emphasized-hover,var(--luzmo-tag-border-color-emphasized-hover,var(--tag-border-color-emphasized-hover)))!important}}:host([emphasized]:is(:active,[active])){background-color:var(--highcontrast-tag-background-color-emphasized-active,var(--luzmo-tag-background-color-emphasized-active,var(--tag-background-color-emphasized-active)));border-color:var(--highcontrast-tag-border-color-emphasized-active,var(--luzmo-tag-border-color-emphasized-active,var(--tag-border-color-emphasized-active)))!important}:host([emphasized][focused]),:host([emphasized]:focus-visible){background-color:var(--highcontrast-tag-background-color-emphasized-focus,var(--luzmo-tag-background-color-emphasized-focus,var(--tag-background-color-emphasized-focus)));border-color:var(--highcontrast-tag-border-color-emphasized-focus,var(--luzmo-tag-border-color-emphasized-focus,var(--tag-border-color-emphasized-focus)))!important}:host([disabled]){background-color:var(--highcontrast-tag-background-color-disabled,var(--luzmo-tag-background-color-disabled,var(--tag-background-color-disabled)));color:var(--highcontrast-tag-content-color-disabled,var(--luzmo-tag-content-color-disabled,var(--tag-content-color-disabled)));pointer-events:none;border-color:var(--highcontrast-tag-border-color-disabled,var(--luzmo-tag-border-color-disabled,var(--tag-border-color-disabled)))!important}:host([disabled]) ::slotted([slot=avatar]){opacity:var(--luzmo-avatar-opacity-disabled,var(--avatar-opacity-disabled))}@media (forced-colors:active){:host{--highcontrast-tag-border-color:ButtonText;--highcontrast-tag-border-color-hover:ButtonText;--highcontrast-tag-border-color-active:ButtonText;--highcontrast-tag-border-color-focus:Highlight;--highcontrast-tag-background-color:ButtonFace;--highcontrast-tag-background-color-hover:ButtonFace;--highcontrast-tag-background-color-active:ButtonFace;--highcontrast-tag-background-color-focus:ButtonFace;--highcontrast-tag-content-color:ButtonText;--highcontrast-tag-content-color-hover:ButtonText;--highcontrast-tag-content-color-active:ButtonText;--highcontrast-tag-content-color-focus:ButtonText;--highcontrast-tag-focus-ring-color:Highlight;forced-color-adjust:none}:host([selected]){--highcontrast-tag-border-color-selected:Highlight;--highcontrast-tag-border-color-selected-hover:Highlight;--highcontrast-tag-border-color-selected-active:Highlight;--highcontrast-tag-border-color-selected-focus:Highlight;--highcontrast-tag-background-color-selected:Highlight;--highcontrast-tag-background-color-selected-hover:Highlight;--highcontrast-tag-background-color-selected-active:Highlight;--highcontrast-tag-background-color-selected-focus:Highlight;--highcontrast-tag-content-color-selected:HighlightText}:host([disabled]){--highcontrast-tag-border-color-disabled:GrayText;--highcontrast-tag-background-color-disabled:ButtonFace;--highcontrast-tag-content-color-disabled:GrayText}:host([invalid]){--highcontrast-tag-border-color-invalid:Highlight;--highcontrast-tag-border-color-invalid-hover:Highlight;--highcontrast-tag-border-color-invalid-active:Highlight;--highcontrast-tag-border-color-invalid-focus:Highlight;--highcontrast-tag-content-color-invalid:CanvasText;--highcontrast-tag-content-color-invalid-hover:CanvasText;--highcontrast-tag-content-color-invalid-active:CanvasText;--highcontrast-tag-content-color-invalid-focus:CanvasText}:host([invalid][selected]){--highcontrast-tag-border-color-invalid-selected:Highlight;--highcontrast-tag-border-color-invalid-selected-hover:Highlight;--highcontrast-tag-border-color-invalid-selected-focus:Highlight;--highcontrast-tag-border-color-invalid-selected-active:Highlight;--highcontrast-tag-background-color-invalid-selected:Highlight;--highcontrast-tag-background-color-invalid-selected-hover:Highlight;--highcontrast-tag-background-color-invalid-selected-active:Highlight;--highcontrast-tag-background-color-invalid-selected-focus:Highlight;--highcontrast-tag-content-color-invalid-selected:HighlightText}:host([emphasized]){--highcontrast-tag-border-color-emphasized:Highlight;--highcontrast-tag-border-color-emphasized-hover:Highlight;--highcontrast-tag-border-color-emphasized-active:Highlight;--highcontrast-tag-border-color-emphasized-focus:Highlight;--highcontrast-tag-background-color-emphasized:ButtonFace;--highcontrast-tag-background-color-emphasized-hover:ButtonFace;--highcontrast-tag-background-color-emphasized-active:ButtonFace;--highcontrast-tag-background-color-emphasized-focus:ButtonFace;--highcontrast-tag-content-color-emphasized:CanvasText}:host([variant][treatment=fill]){--highcontrast-tag-border-color:Highlight;--highcontrast-tag-border-color-hover:Highlight;--highcontrast-tag-border-color-active:Highlight;--highcontrast-tag-border-color-focus:Highlight;--highcontrast-tag-background-color:Highlight;--highcontrast-tag-background-color-hover:Highlight;--highcontrast-tag-background-color-active:Highlight;--highcontrast-tag-background-color-focus:Highlight;--highcontrast-tag-content-color:HighlightText;--highcontrast-tag-content-color-hover:HighlightText;--highcontrast-tag-content-color-active:HighlightText;--highcontrast-tag-content-color-focus:HighlightText}}:host{--tag-border-color:var(--luzmo-border-color);--tag-border-color-hover:var(--luzmo-border-color-hover);--tag-border-color-active:var(--luzmo-border-color-active);--tag-border-color-focus:var(--luzmo-border-color-focus);--tag-size-small-border-radius:var(--luzmo-border-radius-s);--tag-size-medium-border-radius:var(--luzmo-border-radius);--tag-size-large-border-radius:var(--luzmo-border-radius);--tag-background-color:var(--luzmo-background-color);--tag-background-color-hover:var(--luzmo-background-color-hover);--tag-background-color-active:var(--luzmo-background-color-active);--tag-background-color-focus:var(--luzmo-background-color-focus);--tag-content-color:var(--luzmo-font-color);--tag-content-color-hover:var(--luzmo-font-color-hover);--tag-content-color-active:var(--luzmo-font-color-active);--tag-content-color-focus:var(--luzmo-font-color-focus);--tag-border-color-selected:var(--luzmo-border-color-down);--tag-border-color-selected-hover:var(--luzmo-border-color-down);--tag-border-color-selected-active:var(--luzmo-border-color-down);--tag-border-color-selected-focus:var(--luzmo-border-color-down);--tag-border-color-disabled:var(--luzmo-border-color-disabled);--tag-background-color-disabled:var(--luzmo-background-color-disabled);--avatar-opacity-disabled:.3;--tag-animation-duration:var(--luzmo-animation-duration);--tag-border-width:var(--luzmo-border-width);--tag-focus-ring-thickness:var(--luzmo-indicator-width);--tag-focus-ring-gap:var(--luzmo-indicator-gap);--tag-focus-ring-color:var(--luzmo-indicator-color);--tag-label-line-height:var(--luzmo-line-height);--tag-label-font-weight:var(--luzmo-font-weight);--tag-variant-color-hover:color-mix(in oklch, var(--tag-variant-color), black 8%);--tag-variant-color-down:color-mix(in oklch, var(--tag-variant-color), black 20%);--tag-variant-color-focus:var(--tag-variant-color-hover);--tag-variant-fill-color-hover:var(--tag-variant-color-hover);--tag-variant-fill-color-down:var(--tag-variant-color-down);--tag-variant-fill-color-focus:var(--tag-variant-color-focus);--tag-content-color-selected:var(--luzmo-font-color-down);--tag-background-color-selected:var(--luzmo-background-color-down);--tag-background-color-selected-hover:var(--luzmo-background-color-down);--tag-background-color-selected-active:var(--luzmo-background-color-down);--tag-background-color-selected-focus:var(--luzmo-background-color-down);--tag-border-color-invalid:var(--luzmo-negative-color);--tag-border-color-invalid-hover:var(--luzmo-negative-color-hover);--tag-border-color-invalid-active:var(--luzmo-negative-color-down);--tag-border-color-invalid-focus:var(--luzmo-negative-color-focus);--tag-content-color-invalid:var(--luzmo-negative-color);--tag-content-color-invalid-hover:var(--luzmo-negative-color-hover);--tag-content-color-invalid-active:var(--luzmo-negative-color-down);--tag-content-color-invalid-focus:var(--luzmo-negative-color-focus);--tag-border-color-invalid-selected:var(--luzmo-negative-color-down);--tag-border-color-invalid-selected-hover:var(--luzmo-negative-color-down);--tag-border-color-invalid-selected-focus:var(--luzmo-negative-color-down);--tag-border-color-invalid-selected-active:var(--luzmo-negative-color-down);--tag-background-color-invalid-selected:var(--luzmo-background-color-down);--tag-background-color-invalid-selected-hover:var(--luzmo-background-color-down);--tag-background-color-invalid-selected-active:var(--luzmo-background-color-down);--tag-background-color-invalid-selected-focus:var(--luzmo-background-color-down);--tag-content-color-invalid-selected:var(--luzmo-negative-color-down);--tag-border-color-emphasized:var(--luzmo-primary);--tag-border-color-emphasized-hover:var(--luzmo-primary-hover);--tag-border-color-emphasized-active:var(--luzmo-primary-down);--tag-border-color-emphasized-focus:var(--luzmo-primary-focus);--tag-background-color-emphasized:var(--luzmo-primary);--tag-background-color-emphasized-hover:var(--luzmo-primary-hover);--tag-background-color-emphasized-active:var(--luzmo-primary-down);--tag-background-color-emphasized-focus:var(--luzmo-primary-focus);--tag-content-color-emphasized:white;--tag-content-color-disabled:var(--luzmo-disabled-color);--tag-icon-spacing-inline-end:var(--luzmo-spacing-3);--tag-icon-size:var(--luzmo-font-icon-size-s);--tag-avatar-spacing-inline-end:var(--luzmo-spacing-3);--tag-font-size:var(--luzmo-font-size);--tag-max-inline-size:100%;--tag-subtle-background-opacity:10%;--tag-subtle-interaction-background-opacity:20%;--tag-subtle-content-mix:57%}:host([size=s]){--tag-height:var(--luzmo-component-height-xs);--tag-font-size:var(--luzmo-font-size-s);--tag-icon-size:var(--luzmo-icon-size-s);--tag-icon-spacing-inline-end:var(--luzmo-spacing-2);--tag-clear-button-spacing-inline-start:var(--luzmo-spacing-2);--tag-border-radius:var(--luzmo-border-radius);--tag-spacing-inline-start:var(--luzmo-spacing-3);--tag-label-spacing-inline-end:var(--luzmo-spacing-3);--tag-clear-button-spacing-inline-end:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host{--tag-height:var(--luzmo-component-height-s);--tag-font-size:var(--luzmo-font-size);--tag-icon-size:var(--luzmo-icon-size-m);--tag-clear-button-spacing-inline-start:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--tag-border-radius:var(--luzmo-border-radius);--tag-spacing-inline-start:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--tag-label-spacing-inline-end:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--tag-clear-button-spacing-inline-end:var(--luzmo-spacing-3)}:host([size=l]){--tag-height:var(--luzmo-component-height);--tag-font-size:var(--luzmo-font-size);--tag-icon-size:var(--luzmo-icon-size-l);--tag-icon-spacing-inline-end:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--tag-clear-button-spacing-inline-start:var(--luzmo-spacing-3);--tag-border-radius:var(--luzmo-border-radius);--tag-spacing-inline-start:var(--luzmo-spacing-4);--tag-label-spacing-inline-end:var(--luzmo-spacing-4);--tag-clear-button-spacing-inline-end:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=xl]){--tag-height:var(--luzmo-component-height-l);--tag-font-size:var(--luzmo-font-size-l);--tag-icon-size:var(--luzmo-icon-size-xl);--tag-icon-spacing-inline-end:var(--luzmo-spacing-4);--tag-clear-button-spacing-inline-start:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--tag-border-radius:var(--luzmo-border-radius-l);--tag-spacing-inline-start:var(--luzmo-spacing-5);--tag-label-spacing-inline-end:var(--luzmo-spacing-5);--tag-clear-button-spacing-inline-end:var(--luzmo-spacing-4)}:host([variant=accent]){--tag-variant-color:var(--luzmo-primary);--tag-variant-color-hover:var(--luzmo-primary-hover);--tag-variant-color-down:var(--luzmo-primary-down);--tag-variant-color-focus:var(--luzmo-primary-focus);--tag-variant-fill-content-color:var(--luzmo-primary-inverse-color);--tag-variant-subtle-content-color:var(--luzmo-accent-on-subtle-color)}:host([variant=neutral]){--tag-variant-color:var(--luzmo-selected-color-hard);--tag-variant-color-hover:var(--luzmo-selected-color-hard-hover);--tag-variant-color-down:var(--luzmo-selected-color-hard-down);--tag-variant-color-focus:var(--luzmo-selected-color-hard-focus);--tag-variant-fill-content-color:var(--luzmo-background-color);--tag-variant-subtle-content-color:var(--luzmo-neutral-on-subtle-color)}:host([variant=informative]){--tag-variant-color:var(--luzmo-informative-color);--tag-variant-color-hover:var(--luzmo-informative-color-hover);--tag-variant-color-down:var(--luzmo-informative-color-down);--tag-variant-color-focus:var(--luzmo-informative-color-focus);--tag-variant-fill-content-color:var(--luzmo-informative-inverse-color);--tag-variant-subtle-content-color:var(--luzmo-informative-on-subtle-color)}:host([variant=positive]){--tag-variant-color:var(--luzmo-positive-color);--tag-variant-color-hover:var(--luzmo-positive-color-hover);--tag-variant-color-down:var(--luzmo-positive-color-down);--tag-variant-color-focus:var(--luzmo-positive-color-focus);--tag-variant-fill-content-color:var(--luzmo-positive-inverse-color);--tag-variant-subtle-content-color:var(--luzmo-positive-on-subtle-color)}:host([variant=negative]){--tag-variant-color:var(--luzmo-negative-color);--tag-variant-color-hover:var(--luzmo-negative-color-hover);--tag-variant-color-down:var(--luzmo-negative-color-down);--tag-variant-color-focus:var(--luzmo-negative-color-focus);--tag-variant-fill-content-color:var(--luzmo-negative-inverse-color);--tag-variant-subtle-content-color:var(--luzmo-negative-on-subtle-color)}:host([variant=notice]){--tag-variant-color:var(--luzmo-notice-color);--tag-variant-color-hover:var(--luzmo-notice-color-hover);--tag-variant-color-down:var(--luzmo-notice-color-down);--tag-variant-color-focus:var(--luzmo-notice-color-focus);--tag-variant-fill-color-hover:color-mix(in oklch, var(--luzmo-notice-color), white 12%);--tag-variant-fill-color-down:color-mix(in oklch, var(--luzmo-notice-color), white 24%);--tag-variant-fill-color-focus:var(--tag-variant-fill-color-hover);--tag-variant-fill-content-color:var(--luzmo-notice-inverse-color);--tag-variant-subtle-content-color:var(--luzmo-notice-on-subtle-color)}:host([variant=seafoam]){--tag-variant-color:var(--luzmo-seafoam-color);--tag-variant-fill-content-color:white}:host([variant=indigo]){--tag-variant-color:var(--luzmo-indigo-color);--tag-variant-fill-content-color:white}:host([variant=purple]){--tag-variant-color:var(--luzmo-purple-color);--tag-variant-fill-content-color:white}:host([variant=fuchsia]){--tag-variant-color:var(--luzmo-fuchsia-color);--tag-variant-fill-content-color:white}:host([variant=magenta]){--tag-variant-color:var(--luzmo-magenta-color);--tag-variant-fill-content-color:white}:host([variant=yellow]){--tag-variant-color:var(--luzmo-yellow-color);--tag-variant-fill-content-color:black}:host([variant=gray]){--tag-variant-color:var(--luzmo-gray-color);--tag-variant-fill-content-color:white}:host([variant=red]){--tag-variant-color:var(--luzmo-red-color);--tag-variant-fill-content-color:white}:host([variant=orange]){--tag-variant-color:var(--luzmo-orange-color);--tag-variant-fill-content-color:black}:host([variant=chartreuse]){--tag-variant-color:var(--luzmo-chartreuse-color);--tag-variant-fill-content-color:white}:host([variant=celery]){--tag-variant-color:var(--luzmo-celery-color);--tag-variant-fill-content-color:black}:host([variant=green]){--tag-variant-color:var(--luzmo-green-color);--tag-variant-fill-content-color:white}:host([variant=cyan]){--tag-variant-color:var(--luzmo-cyan-color);--tag-variant-fill-content-color:white}:host([variant=blue]){--tag-variant-color:var(--luzmo-blue-color);--tag-variant-fill-content-color:white}:host([variant]:not([treatment=fill])){--tag-border-color:var(--tag-variant-color);--tag-border-color-hover:var(--tag-variant-color-hover);--tag-border-color-active:var(--tag-variant-color-down);--tag-border-color-focus:var(--tag-variant-color-focus);--tag-content-color:var(--tag-variant-color);--tag-content-color-hover:var(--tag-variant-color-hover);--tag-content-color-active:var(--tag-variant-color-down);--tag-content-color-focus:var(--tag-variant-color-focus);--tag-background-color:transparent;--tag-background-color-hover:color-mix(in oklch, var(--tag-variant-color), transparent 90%);--tag-background-color-active:color-mix(in oklch, var(--tag-variant-color), transparent 82%);--tag-background-color-focus:color-mix(in oklch, var(--tag-variant-color), transparent 90%);--tag-border-color-selected:var(--tag-variant-color-down);--tag-border-color-selected-hover:var(--tag-variant-color-down);--tag-border-color-selected-active:var(--tag-variant-color-down);--tag-border-color-selected-focus:var(--tag-variant-color-down);--tag-content-color-selected:var(--tag-variant-color-down);--tag-background-color-selected:color-mix(in oklch, var(--tag-variant-color), transparent 80%);--tag-background-color-selected-hover:color-mix(in oklch, var(--tag-variant-color), transparent 72%);--tag-background-color-selected-active:color-mix(in oklch, var(--tag-variant-color), transparent 72%);--tag-background-color-selected-focus:color-mix(in oklch, var(--tag-variant-color), transparent 72%)}:host([variant][treatment=subtle]){--tag-subtle-background-color:color-mix(in srgb, var(--tag-variant-color) var(--tag-subtle-background-opacity), var(--luzmo-background-color));--tag-subtle-interaction-background-color:color-mix(in srgb, var(--tag-variant-color) var(--tag-subtle-interaction-background-opacity), var(--luzmo-background-color));--tag-subtle-content-color:var(--tag-variant-subtle-content-color,color-mix(in oklch, var(--tag-variant-color), var(--luzmo-font-color) var(--tag-subtle-content-mix)));--tag-subtle-interaction-content-color:color-mix(in oklch, var(--tag-variant-color), var(--luzmo-font-color) var(--tag-subtle-content-mix));--tag-background-color:var(--tag-subtle-background-color);--tag-background-color-hover:var(--tag-subtle-interaction-background-color);--tag-background-color-active:var(--tag-subtle-background-color);--tag-background-color-focus:var(--tag-subtle-interaction-background-color);--tag-background-color-selected:var(--tag-subtle-background-color);--tag-background-color-selected-hover:var(--tag-subtle-background-color);--tag-background-color-selected-active:var(--tag-subtle-background-color);--tag-background-color-selected-focus:var(--tag-subtle-background-color);--tag-content-color:var(--tag-subtle-content-color);--tag-content-color-hover:var(--tag-subtle-interaction-content-color);--tag-content-color-active:var(--tag-subtle-content-color);--tag-content-color-focus:var(--tag-subtle-interaction-content-color);--tag-content-color-selected:var(--tag-subtle-content-color);--luzmo-clear-button-background-color-hover:var(--tag-subtle-interaction-background-color);--luzmo-clear-button-background-color-focus:var(--tag-subtle-interaction-background-color);--luzmo-clear-button-background-color-down:var(--tag-subtle-background-color)}:host([variant][treatment=fill]){--tag-background-color:var(--tag-variant-color);--tag-background-color-hover:var(--tag-variant-fill-color-hover);--tag-background-color-active:var(--tag-variant-fill-color-down);--tag-background-color-focus:var(--tag-variant-fill-color-focus);--tag-content-color:var(--tag-variant-fill-content-color);--tag-content-color-hover:var(--tag-variant-fill-content-color);--tag-content-color-active:var(--tag-variant-fill-content-color);--tag-content-color-focus:var(--tag-variant-fill-content-color);--tag-border-color:transparent;--tag-border-color-hover:transparent;--tag-border-color-active:transparent;--tag-border-color-focus:transparent;--tag-background-color-selected:var(--tag-variant-fill-color-down);--tag-background-color-selected-hover:var(--tag-variant-fill-color-down);--tag-background-color-selected-active:var(--tag-variant-fill-color-down);--tag-background-color-selected-focus:var(--tag-variant-fill-color-down);--tag-content-color-selected:var(--tag-variant-fill-content-color);--tag-border-color-selected:transparent;--tag-border-color-selected-hover:transparent;--tag-border-color-selected-active:transparent;--tag-border-color-selected-focus:transparent;--luzmo-clear-button-background-color-hover:var(--tag-variant-fill-color-hover);--luzmo-clear-button-background-color-focus:var(--tag-variant-fill-color-focus);--luzmo-clear-button-background-color-down:var(--tag-variant-fill-color-down)}:host([variant]:is([treatment=subtle],[treatment=fill])[invalid]){--tag-background-color:var(--luzmo-background-color);--tag-background-color-hover:var(--luzmo-background-color-hover);--tag-background-color-active:var(--luzmo-background-color-down);--tag-background-color-focus:var(--luzmo-background-color-focus);--tag-content-color:var(--luzmo-negative-color);--tag-content-color-hover:var(--luzmo-negative-color-hover);--tag-content-color-active:var(--luzmo-negative-color-down);--tag-content-color-focus:var(--luzmo-negative-color-focus)}:host([invalid]) .clear-button{--clearbutton-medium-icon-color:var(--tag-icon-color-error-key-focus,var(--red-600));--clearbutton-medium-icon-color-hover:var(--clearbutton-medium-icon-color);--clearbutton-medium-icon-color-down:var(--tag-deletable-icon-color-error-down,var(--red-700))}:host([invalid]):hover .clear-button,:host([invalid]:is(:active,[active])) .clear-button{--clearbutton-medium-icon-color:var(--tag-icon-color-error-hover,var(--red-600));--clearbutton-medium-icon-color-hover:var(--clearbutton-medium-icon-color);--clearbutton-medium-icon-color-down:var(--tag-deletable-icon-color-error-down,var(--red-700))}:host([size=xs]){--icon-size:var(--workflow-icon-size-50)}:host([size=s]){--icon-size:var(--workflow-icon-size-75)}:host([size=m]){--icon-size:var(--workflow-icon-size)}:host([size=l]){--icon-size:var(--workflow-icon-size-200)}:host([size=xl]){--icon-size:var(--workflow-icon-size-300)}:host([size=xxl]){--icon-size:var(--workflow-icon-size-400)}`,s=[`accent`,`neutral`,`informative`,`positive`,`negative`,`notice`,`seafoam`,`indigo`,`purple`,`fuchsia`,`magenta`,`yellow`,`gray`,`red`,`orange`,`chartreuse`,`celery`,`green`,`cyan`,`blue`],c=class extends t.n(e.n,{validSizes:[`s`,`m`,`l`,`xl`],noDefaultSize:!0}){static get styles(){return[(0,i.unsafeCSS)(o)]}get variant(){return this._variant}set variant(e){if(e===this._variant)return;let t=this._variant;e&&s.includes(e)?(this._variant=e,this.setAttribute(`variant`,e)):(this._variant=void 0,this.removeAttribute(`variant`)),this.requestUpdate(`variant`,t)}constructor(){super(),this.treatment=`outline`,this.deletable=!1,this.disabled=!1,this.readonly=!1,this._labelText=``,this.handleFocusin=()=>{this.addEventListener(`focusout`,this.handleFocusout),this.addEventListener(`keydown`,this.handleKeydown)},this.handleFocusout=()=>{this.removeEventListener(`keydown`,this.handleKeydown),this.removeEventListener(`focusout`,this.handleFocusout)},this.handleKeydown=e=>{if(!this.deletable||this.disabled)return;let{code:t}=e;switch(t){case`Backspace`:case`Space`:case`Delete`:e.preventDefault(),e.stopPropagation(),this.delete();break;default:return}},this.addEventListener(`focusin`,this.handleFocusin)}handleIconSlotChange(e){e.target.assignedElements().forEach(e=>{e.tagName.toLowerCase()===`luzmo-icon`&&e.setAttribute(`block`,``)})}handleLabelSlotChange(e){let t=e.target.assignedNodes({flatten:!0});this._labelText=t.map(e=>e.textContent).join(``).trim()}delete(){this.readonly||this.dispatchEvent(new Event(`delete`,{bubbles:!0,cancelable:!0,composed:!0}))&&(this.blur(),this.remove())}render(){return i.html`
+      <slot name="avatar"></slot>
+      <slot name="icon" @slotchange=${this.handleIconSlotChange}></slot>
+      <span class="label" focusable>
+        <span class="label-text">
+          <slot @slotchange=${this.handleLabelSlotChange}></slot>
+        </span>
+        ${this._labelText?i.html`
+                <luzmo-tooltip
+                  self-managed
+                  show-only-if-truncated
+                  truncated-element-selector="slot"
+                  placement="top"
+                >
+                  ${this._labelText}
+                </luzmo-tooltip>
+              `:i.nothing}
+      </span>
+      ${this.deletable?i.html`
+              <luzmo-clear-button
+                class="clear-button"
+                ?disabled=${this.disabled}
+                label="Remove"
+                .size=${this.size}
+                tabindex="-1"
+                aria-hidden="true"
+                @click=${this.delete}
+              ></luzmo-clear-button>
+            `:i.nothing}
+    `}firstUpdated(e){super.firstUpdated(e),this.hasAttribute(`role`)||this.setAttribute(`role`,`listitem`),this.hasAttribute(`treatment`)||this.setAttribute(`treatment`,this.treatment),this.deletable&&this.setAttribute(`tabindex`,`0`)}updated(e){super.updated(e),e.has(`disabled`)&&(this.disabled?this.setAttribute(`aria-disabled`,`true`):this.removeAttribute(`aria-disabled`))}};e.t([(0,a.property)({reflect:!0})],c.prototype,`variant`,null),e.t([(0,a.property)({reflect:!0})],c.prototype,`treatment`,void 0),e.t([(0,a.property)({type:Boolean,reflect:!0})],c.prototype,`deletable`,void 0),e.t([(0,a.property)({type:Boolean,reflect:!0})],c.prototype,`disabled`,void 0),e.t([(0,a.property)({type:Boolean,reflect:!0})],c.prototype,`readonly`,void 0),e.t([(0,a.state)()],c.prototype,`_labelText`,void 0);var l=`:host{flex-wrap:wrap;margin:0;padding:0;list-style:none;display:inline-flex}::slotted(*){margin-block:var(--luzmo-tag-group-item-margin-block,var(--tag-group-item-margin-block));margin-inline:var(--luzmo-tag-group-item-margin-inline,var(--tag-group-item-margin-inline))}::slotted(:first-child){margin-inline-start:0}::slotted(:last-child){margin-inline-end:0}:host{--luzmo-tag-group-item-margin-block:var(--luzmo-spacing-2);--luzmo-tag-group-item-margin-inline:var(--luzmo-spacing-2);--luzmo-clear-button-width:fit-content;margin:0;padding:0;list-style:none;display:inline-flex}:host([size=s]){--luzmo-tag-group-item-margin-block:var(--luzmo-spacing-2);--luzmo-tag-group-item-margin-inline:var(--luzmo-spacing-2)}:host([size=l]){--luzmo-tag-group-item-margin-block:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--luzmo-tag-group-item-margin-inline:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([size=xl]){--luzmo-tag-group-item-margin-block:var(--luzmo-spacing-3);--luzmo-tag-group-item-margin-inline:var(--luzmo-spacing-3)}:host{--clear-button-width:fit-content;margin:0;padding:0;list-style:none;display:inline-flex}`,u=class extends n.t(t.n(e.n)){static get styles(){return[(0,i.unsafeCSS)(l)]}get tags(){return this.defaultNodes.filter(e=>e instanceof c)}constructor(){super(),this.rovingTabindexController=new r.t(this,{focusInIndex:e=>e.findIndex(e=>!e.disabled&&e.deletable),elements:()=>this.tags,isFocusableElement:e=>!e.disabled&&e.deletable}),this.handleFocusin=()=>{this.addEventListener(`focusout`,this.handleFocusout),this.addEventListener(`keydown`,this.handleKeydown)},this.handleKeydown=e=>{let{code:t}=e;if(t!==`PageUp`&&t!==`PageDown`)return;let n=(e,t)=>e[(e.length+t)%e.length],r=[...this.getRootNode().querySelectorAll(`luzmo-tags`)];if(r.length<2)return;e.preventDefault();let i=r.indexOf(this),a=t===`PageUp`?-1:1,o=i+a,s=n(r,o),c=0;for(;s.tags.length===0;){if(++c>=r.length)return;o+=a,s=n(r,o)}s.focus()},this.handleFocusout=()=>{this.removeEventListener(`keydown`,this.handleKeydown),this.removeEventListener(`focusout`,this.handleFocusout)},this.addEventListener(`focusin`,this.handleFocusin)}focus(){this.rovingTabindexController.focus()}handleSlotchange(){this.rovingTabindexController.clearElementCache(),this.updateTagSizes()}updateTagSizes(){this.tags.forEach(e=>{e.size=this.size})}render(){return i.html` <slot @slotchange=${this.handleSlotchange}></slot> `}firstUpdated(){this.hasAttribute(`role`)||this.setAttribute(`role`,`list`),this.hasAttribute(`aria-label`)||this.setAttribute(`aria-label`,`Tags`)}updated(e){super.updated(e),e.has(`size`)&&this.updateTagSizes()}};e.t([(0,a.queryAssignedNodes)()],u.prototype,`defaultNodes`,void 0),customElements.get(`luzmo-tag`)||customElements.define(`luzmo-tag`,c),customElements.get(`luzmo-tags`)||customElements.define(`luzmo-tags`,u),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return u}});

package/components/text-field/help-text-manager.d.ts

@@ -4,11 +4,13 @@ export declare class HelpTextManager {
     private host;
     id: string;
     private mode;
+    private _live;
     private previousTabindex?;
     private helpTextElement;
     private get isInternal();
-    constructor(host: HTMLElement, { mode }?: {
+    constructor(host: HTMLElement, { mode, live }?: {
         mode: 'internal' | 'external';
+        live?: 'polite' | 'assertive';
     });
     render(negative?: boolean): TemplateResult;
     private addId;

package/components/text-field/help-text.d.ts

@@ -7,6 +7,10 @@ declare const LuzmoHelpText_base: typeof LuzmoElement & {
 };
 /**
  * @element luzmo-help-text
+ * @cssprop --luzmo-helptext-font-size - Message text size.
+ * @cssprop --luzmo-helptext-min-height - Minimum block size of the message.
+ * @cssprop --luzmo-helptext-top-to-text - Space from the top of the control to the message.
+ * @cssprop --luzmo-helptext-bottom-to-text - Space from the message to the bottom of the control.
  */
 export declare class LuzmoHelpText extends LuzmoHelpText_base {
     static get styles(): CSSResultArray;

package/components/text-field/index.cjs

@@ -15,4 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../text-field-FJr8ZUhI.cjs`),t=require(`../text-field-A4Obzs4l.cjs`);exports.LuzmoHelpText=t.t,exports.LuzmoTextField=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../text-field-3fDtTQkR.cjs"),t=require("../text-field-wJK2bzMT.cjs");exports.LuzmoHelpText=t.t,exports.LuzmoTextField=e.t;

package/components/text-field/index.js

@@ -18,9 +18,9 @@
 (() => {
 	if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
 		let e = document.createElement("style");
-		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-informative-color: #1670dd;--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
+		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-shadow-color-rgb: 0, 0, 0;--luzmo-shadow-opacity: 0.1;--luzmo-shadow-color: rgba( var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity) );--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-accent-on-subtle-color: var(--luzmo-primary);--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-on-subtle-color: var(--luzmo-negative-color);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 11% );--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #1670dd;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), black 8%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), black 20%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 9% );--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-informative-inverse-color: #ffffff;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), black 8%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), black 20%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: color-mix( in oklch, var(--luzmo-notice-color), var(--luzmo-font-color) 40% );--luzmo-notice-inverse-color: var(--luzmo-selected-color-hard);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}html.dark,html.dark-theme,:where(.dark-theme){--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.2);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.35);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-rgb: 255, 255, 255;--luzmo-border-color-full: #4c4c57;--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), white 35%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-disabled: #333;--luzmo-shadow-opacity: 0.35;--luzmo-shadow-color: rgba( var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity) );--luzmo-font-color: #ced4da;--luzmo-font-color-extra-dimmed: #72787f;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), white 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-primary: #7b90ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), white 24%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-accent-on-subtle-color: color-mix( in oklch, var(--luzmo-primary), var(--luzmo-font-color) 1% );--luzmo-background-color: #262626;--luzmo-background-color-rgb: 0, 0, 0;--luzmo-background-color-disabled: #939ea8;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 25%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-highlight: rgb(72, 72, 72);--luzmo-background-color-highlight-disabled: #313131;--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), white 35%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-primary-inverse-color: var(--luzmo-background-color);--luzmo-indicator-color: var(--luzmo-primary);--luzmo-primary-rgb: 94, 113, 208;--luzmo-secondary: #ebff00;--luzmo-secondary-inverse-color: #333;--luzmo-secondary-rgb: 200, 219, 0;--luzmo-negative-color: #f76d74;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), white 24%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-on-subtle-color: color-mix( in oklch, var(--luzmo-negative-color), var(--luzmo-font-color) 40% );--luzmo-negative-color-rgb: 247, 109, 116;--luzmo-negative-inverse-color: var(--luzmo-background-color);--luzmo-positive-color: #39a875;--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), white 24%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 35% );--luzmo-positive-color-rgb: 57, 168, 117;--luzmo-positive-inverse-color: var(--luzmo-background-color);--luzmo-selected-color: #afafaf;--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), white 35%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-hard: #e9e9e9;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), white 35%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #5c94ff;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), white 12%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), white 24%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 36% );--luzmo-informative-color-rgb: 92, 148, 255;--luzmo-informative-inverse-color: var(--luzmo-background-color);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), white 12%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), white 24%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: var(--luzmo-notice-color);--luzmo-notice-inverse-color: var(--luzmo-background-color);--luzmo-disabled-color: #75797b}", document.head.appendChild(e);
 	}
 })();
-import { t as e } from "../text-field-Cs8HYRYL.js";
-import { t } from "../text-field-BoGAvXvh.js";
+import { t as e } from "../text-field-CmSym2QK.js";
+import { t } from "../text-field-C2MHZbTp.js";
 export { t as LuzmoHelpText, e as LuzmoTextField };

package/components/text-field/manage-help-text.d.ts

@@ -7,7 +7,8 @@ export interface HelpTextElementInterface {
     renderHelpText(negative?: boolean): TemplateResult;
     helpTextId: string;
 }
-export declare function ManageHelpText<T extends Constructor<ReactiveElement>>(constructor: T, { mode }?: {
+export declare function ManageHelpText<T extends Constructor<ReactiveElement>>(constructor: T, { mode, live }?: {
     mode: 'internal' | 'external';
+    live?: 'polite' | 'assertive';
 }): T & Constructor<HelpTextElementInterface>;
 export {};

package/components/text-field/text-field.d.ts

@@ -160,6 +160,15 @@ export declare class LuzmoTextFieldBase extends LuzmoTextFieldBase_base {
  * @element luzmo-text-field
  * @slot help-text - default or non-negative help text to associate to your form element
  * @slot negative-help-text - negative help text to associate to your form element when `invalid`
+ * @cssprop --luzmo-text-field-width - Control width.
+ * @cssprop --luzmo-text-field-height - Control height.
+ * @cssprop --luzmo-text-field-background-color - Field background.
+ * @cssprop --luzmo-text-field-background-color-disabled - Field background when disabled.
+ * @cssprop --luzmo-text-field-placeholder-font-size - Placeholder text size.
+ * @cssprop --luzmo-text-field-border-width - Field border width.
+ * @cssprop --luzmo-text-field-spacing-inline - Inline padding inside the field.
+ * @cssprop --luzmo-text-field-spacing-block-start - Block-start padding inside the field.
+ * @cssprop --luzmo-text-field-spacing-block-end - Block-end padding inside the field.
  */
 export declare class LuzmoTextField extends LuzmoTextFieldBase {
     set value(value: string);

package/components/{text-field-FJr8ZUhI.cjs → text-field-3fDtTQkR.cjs}

@@ -15,7 +15,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./decorate-B2wePfNm.cjs`),t=require(`./sized-mixin-StFA4y0J.cjs`),n=require(`./focusable-CupEoHmn.cjs`),r=require(`./manage-help-text-D9VbYRf_.cjs`),i=require(`./text-field.module-D5oDP7MB.cjs`);let a=require(`lit`),o=require(`lit/decorators.js`),s=require(`@luzmo/icons`),c=require(`lit/directives/if-defined.js`),l=require(`lit/directives/live.js`);var u=[`text`,`url`,`tel`,`email`,`password`],d=class extends r.t(t.n(n.t,{noDefaultSize:!0})){constructor(...e){super(...e),this.allowedKeys=``,this.focused=!1,this.invalid=!1,this.label=``,this.placeholder=``,this._type=`text`,this.grows=!1,this.maxlength=-1,this.minlength=-1,this.multiline=!1,this.readonly=!1,this.rows=-1,this.maxRows=-1,this.valid=!1,this.hideValidationIcons=!1,this._value=``,this.quiet=!1,this.required=!1}static get styles(){return[(0,a.unsafeCSS)(i.t)]}applyFocusElementLabel(e){this.appliedLabel=e}set type(e){let t=this._type;this._type=e,this.requestUpdate(`type`,t)}get type(){return u.find(e=>e===this._type)??`text`}set value(e){if(e===this.value)return;let t=this._value;this._value=e,this.requestUpdate(`value`,t)}get value(){return this._value}get focusElement(){return this.inputElement}setSelectionRange(e,t,n=`none`){this.inputElement.setSelectionRange(e,t,n)}select(){this.inputElement.select()}handleInput(e){if(this.allowedKeys&&this.inputElement.value&&!RegExp(`^[${this.allowedKeys}]*$`,`u`).test(this.inputElement.value)){let e=this.inputElement.selectionStart-1;this.inputElement.value=this.value.toString(),this.inputElement.setSelectionRange(e,e);return}this.value=this.inputElement.value}handleChange(){this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0}))}onFocus(){this.focused=!this.readonly&&!0}onBlur(e){this.focused=!this.readonly&&!1}handleInputElementPointerdown(){}renderStateIcons(){return this.hideValidationIcons?a.nothing:this.invalid?a.html`
+const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./focusable-B6h03pAe.cjs"),r=require("./manage-help-text-DtFJsl0k.cjs"),i=require("./text-field.module-l8CaTCwE.cjs");let a=require("lit"),o=require("lit/decorators.js"),s=require("@luzmo/icons"),c=require("lit/directives/if-defined.js"),l=require("lit/directives/live.js");var u=[`text`,`url`,`tel`,`email`,`password`],d=class extends r.t(t.n(n.t,{noDefaultSize:!0})){constructor(...e){super(...e),this.allowedKeys=``,this.focused=!1,this.invalid=!1,this.label=``,this.placeholder=``,this._type=`text`,this.grows=!1,this.maxlength=-1,this.minlength=-1,this.multiline=!1,this.readonly=!1,this.rows=-1,this.maxRows=-1,this.valid=!1,this.hideValidationIcons=!1,this._value=``,this.quiet=!1,this.required=!1}static get styles(){return[(0,a.unsafeCSS)(i.t)]}applyFocusElementLabel(e){this.appliedLabel=e}set type(e){let t=this._type;this._type=e,this.requestUpdate(`type`,t)}get type(){return u.find(e=>e===this._type)??`text`}set value(e){if(e===this.value)return;let t=this._value;this._value=e,this.requestUpdate(`value`,t)}get value(){return this._value}get focusElement(){return this.inputElement}setSelectionRange(e,t,n=`none`){this.inputElement.setSelectionRange(e,t,n)}select(){this.inputElement.select()}handleInput(e){if(this.allowedKeys&&this.inputElement.value&&!RegExp(`^[${this.allowedKeys}]*$`,`u`).test(this.inputElement.value)){let e=this.inputElement.selectionStart-1;this.inputElement.value=this.value.toString(),this.inputElement.setSelectionRange(e,e);return}this.value=this.inputElement.value}handleChange(){this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0}))}onFocus(){this.focused=!this.readonly&&!0}onBlur(e){this.focused=!this.readonly&&!1}handleInputElementPointerdown(){}renderStateIcons(){return this.hideValidationIcons?a.nothing:this.invalid?a.html`
         <div id="invalid" class="icon">${(0,s.luzmoIcon)(s.luzmoAlert)}</div>
       `:this.valid?a.html`
         <div id="valid" class="icon">${(0,s.luzmoIcon)(s.luzmoCheck)}</div>
@@ -78,4 +78,4 @@ require(`./chunk-D-qHiVGv.cjs`);const e=require(`./decorate-B2wePfNm.cjs`),t=req
     `}render(){return a.html`
       <div id="text-field">${this.renderField()}</div>
       ${this.renderHelpText(this.invalid)}
-    `}update(e){(e.has(`value`)||e.has(`required`)&&this.required)&&this.updateComplete.then(()=>{this.checkValidity()}),e.has(`maxRows`)&&(this.maxRows>=1?this.setAttribute(`max-rows`,String(this.maxRows)):this.removeAttribute(`max-rows`)),(e.has(`maxRows`)||e.has(`multiline`)||e.has(`grows`)||e.has(`size`)||e.has(`value`)&&this.multiline&&this.grows&&this.maxRows>=1)&&requestAnimationFrame(()=>{this.recalculateMaxHeight()}),super.update(e)}firstUpdated(e){super.firstUpdated(e),this.updateComplete.then(()=>{requestAnimationFrame(()=>{this.recalculateMaxHeight()})})}recalculateMaxHeight(){let e=this.calculateMaxHeight();this.calculatedMaxHeight!==e&&(this.calculatedMaxHeight=e)}checkValidity(){let e=this.inputElement.checkValidity();return(this.required||this.value&&this.pattern)&&(this.disabled||this.multiline)&&this.pattern&&(e=RegExp(`^${this.pattern}$`,`u`).test(this.value.toString())),this.minlength>-1&&this.value.toString().length>0&&(e&&=this.value.toString().length>=this.minlength),(this.required||this.pattern||this.minlength>-1)&&(!this.required&&this.value.toString().length===0?(this.valid=!1,this.invalid=!1):(this.valid=e,this.invalid=!e)),e}};e.t([(0,o.state)()],d.prototype,`appliedLabel`,void 0),e.t([(0,o.state)()],d.prototype,`calculatedMaxHeight`,void 0),e.t([(0,o.property)({attribute:`allowed-keys`})],d.prototype,`allowedKeys`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],d.prototype,`focused`,void 0),e.t([(0,o.query)(`.input:not(#sizer)`)],d.prototype,`inputElement`,void 0),e.t([(0,o.query)(`#sizer`)],d.prototype,`sizerElement`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],d.prototype,`invalid`,void 0),e.t([(0,o.property)()],d.prototype,`label`,void 0),e.t([(0,o.property)({type:String,reflect:!0})],d.prototype,`name`,void 0),e.t([(0,o.property)()],d.prototype,`placeholder`,void 0),e.t([(0,o.state)()],d.prototype,`type`,null),e.t([(0,o.property)({attribute:`type`,reflect:!0})],d.prototype,`_type`,void 0),e.t([(0,o.property)()],d.prototype,`pattern`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],d.prototype,`grows`,void 0),e.t([(0,o.property)({type:Number})],d.prototype,`maxlength`,void 0),e.t([(0,o.property)({type:Number})],d.prototype,`minlength`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],d.prototype,`multiline`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],d.prototype,`readonly`,void 0),e.t([(0,o.property)({type:Number})],d.prototype,`rows`,void 0),e.t([(0,o.property)({type:Number,attribute:`max-rows`})],d.prototype,`maxRows`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],d.prototype,`valid`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0,attribute:`hide-validation-icons`})],d.prototype,`hideValidationIcons`,void 0),e.t([(0,o.property)({type:String})],d.prototype,`value`,null),e.t([(0,o.property)({type:Boolean,reflect:!0})],d.prototype,`quiet`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],d.prototype,`required`,void 0),e.t([(0,o.property)({type:String,reflect:!0})],d.prototype,`autocomplete`,void 0);var f=class extends d{constructor(...e){super(...e),this._value=``}set value(e){if(e===this.value)return;let t=this._value;this._value=e,this.requestUpdate(`value`,t)}get value(){return this._value}};e.t([(0,o.property)({type:String})],f.prototype,`value`,null),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});
+    `}update(e){(e.has(`value`)||e.has(`required`)&&this.required)&&this.updateComplete.then(()=>{this.checkValidity()}),e.has(`maxRows`)&&(this.maxRows>=1?this.setAttribute(`max-rows`,String(this.maxRows)):this.removeAttribute(`max-rows`)),(e.has(`maxRows`)||e.has(`multiline`)||e.has(`grows`)||e.has(`size`)||e.has(`value`)&&this.multiline&&this.grows&&this.maxRows>=1)&&requestAnimationFrame(()=>{this.recalculateMaxHeight()}),super.update(e)}firstUpdated(e){super.firstUpdated(e),this.updateComplete.then(()=>{requestAnimationFrame(()=>{this.recalculateMaxHeight()})})}recalculateMaxHeight(){let e=this.calculateMaxHeight();this.calculatedMaxHeight!==e&&(this.calculatedMaxHeight=e)}checkValidity(){let e=this.inputElement.checkValidity();return(this.required||this.value&&this.pattern)&&(this.disabled||this.multiline)&&this.pattern&&(e=RegExp(`^${this.pattern}$`,`u`).test(this.value.toString())),this.minlength>-1&&this.value.toString().length>0&&(e&&=this.value.toString().length>=this.minlength),(this.required||this.pattern||this.minlength>-1)&&(!this.required&&this.value.toString().length===0?(this.valid=!1,this.invalid=!1):(this.valid=e,this.invalid=!e)),e}};e.t([(0,o.state)()],d.prototype,`appliedLabel`,void 0),e.t([(0,o.state)()],d.prototype,`calculatedMaxHeight`,void 0),e.t([(0,o.property)({attribute:`allowed-keys`})],d.prototype,`allowedKeys`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],d.prototype,`focused`,void 0),e.t([(0,o.query)(`.input:not(#sizer)`)],d.prototype,`inputElement`,void 0),e.t([(0,o.query)(`#sizer`)],d.prototype,`sizerElement`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],d.prototype,`invalid`,void 0),e.t([(0,o.property)()],d.prototype,`label`,void 0),e.t([(0,o.property)({type:String,reflect:!0})],d.prototype,`name`,void 0),e.t([(0,o.property)()],d.prototype,`placeholder`,void 0),e.t([(0,o.state)()],d.prototype,`type`,null),e.t([(0,o.property)({attribute:`type`,reflect:!0})],d.prototype,`_type`,void 0),e.t([(0,o.property)()],d.prototype,`pattern`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],d.prototype,`grows`,void 0),e.t([(0,o.property)({type:Number})],d.prototype,`maxlength`,void 0),e.t([(0,o.property)({type:Number})],d.prototype,`minlength`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],d.prototype,`multiline`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],d.prototype,`readonly`,void 0),e.t([(0,o.property)({type:Number})],d.prototype,`rows`,void 0),e.t([(0,o.property)({type:Number,attribute:`max-rows`})],d.prototype,`maxRows`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],d.prototype,`valid`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0,attribute:`hide-validation-icons`})],d.prototype,`hideValidationIcons`,void 0),e.t([(0,o.property)({type:String})],d.prototype,`value`,null),e.t([(0,o.property)({type:Boolean,reflect:!0})],d.prototype,`quiet`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],d.prototype,`required`,void 0),e.t([(0,o.property)({type:String,reflect:!0})],d.prototype,`autocomplete`,void 0);var f=class extends d{constructor(...e){super(...e),this._value=``}set value(e){if(e===this.value)return;let t=this._value;this._value=e,this.requestUpdate(`value`,t)}get value(){return this._value}};e.t([(0,o.property)({type:String})],f.prototype,`value`,null),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});

package/components/{text-field-BoGAvXvh.js → text-field-C2MHZbTp.js}

@@ -15,9 +15,9 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { n as e, t } from "./decorate-aGxJUVxg.js";
-import { n } from "./sized-mixin-DaBoZkVS.js";
-import { t as r } from "./text-field-Cs8HYRYL.js";
+import { n as e, t } from "./decorate-CkCg3wfh.js";
+import { n } from "./sized-mixin-DzQTebN-.js";
+import { t as r } from "./text-field-CmSym2QK.js";
 import { html as i, nothing as a, unsafeCSS as o } from "lit";
 import { property as s } from "lit/decorators.js";
 import { luzmoClose14 as c, luzmoIcon as l } from "@luzmo/icons";

package/components/{text-field-Cs8HYRYL.js → text-field-CmSym2QK.js}

@@ -15,11 +15,11 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { t as e } from "./decorate-aGxJUVxg.js";
-import { n as t } from "./sized-mixin-DaBoZkVS.js";
-import { t as n } from "./focusable-BmS8IzhH.js";
-import { t as r } from "./manage-help-text-CF0xBh0F.js";
-import { t as i } from "./text-field.module-Btsve-VN.js";
+import { t as e } from "./decorate-CkCg3wfh.js";
+import { n as t } from "./sized-mixin-DzQTebN-.js";
+import { t as n } from "./focusable-DuP0-Kuy.js";
+import { t as r } from "./manage-help-text-ByLb0QYX.js";
+import { t as i } from "./text-field.module-BHhBReKL.js";
 import { html as a, nothing as o, unsafeCSS as s } from "lit";
 import { property as c, query as l, state as u } from "lit/decorators.js";
 import { luzmoAlert as d, luzmoCheck as f, luzmoIcon as p } from "@luzmo/icons";

package/components/text-field-wJK2bzMT.cjs

@@ -0,0 +1,21 @@
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./text-field-3fDtTQkR.cjs");let r=require("lit"),i=require("lit/decorators.js"),a=require("@luzmo/icons");var o=`@media (forced-colors:active){:host{--highcontrast-helptext-content-color-default:CanvasText;--highcontrast-helptext-icon-color-default:CanvasText}:host,.text,.icon{forced-color-adjust:none}}:host{--helptext-bottom-to-workflow-icon:3px;color:var(--highcontrast-helptext-content-color-default,var(--luzmo-helptext-content-color-default,var(--helptext-content-color-default)));font-family:var(--luzmo-helptext-font-family,var(--luzmo-font-family));font-weight:var(--luzmo-helptext-font-weight,var(--luzmo-font-weight));font-size:var(--luzmo-helptext-font-size,var(--helptext-font-size,var(--luzmo-font-size-s)));min-block-size:var(--luzmo-helptext-min-height,var(--helptext-min-height,24px));display:flex}.icon{block-size:var(--luzmo-helptext-icon-size,var(--helptext-icon-size,18px));inline-size:var(--luzmo-helptext-icon-size,var(--helptext-icon-size,18px));flex-shrink:0;margin-inline-end:var(--luzmo-helptext-text-to-visual,var(--helptext-text-to-visual,7px));padding-block-start:var(--luzmo-helptext-top-to-workflow-icon,var(--helptext-top-to-workflow-icon,3px));padding-block-end:var(--luzmo-helptext-bottom-to-workflow-icon,var(--helptext-bottom-to-workflow-icon,3px))}.text{line-height:var(--luzmo-helptext-line-height,var(--helptext-line-height,1.3));padding-block-start:var(--luzmo-helptext-top-to-text,var(--helptext-top-to-text,4px));padding-block-end:var(--luzmo-helptext-bottom-to-text,var(--helptext-bottom-to-text,5px))}:host(:lang(ja)) .text,:host(:lang(ko)) .text,:host(:lang(zh)) .text{line-height:var(--luzmo-helptext-line-height-cjk,var(--helptext-line-height-cjk,1.4))}:host([variant=neutral]) .text{color:var(--highcontrast-helptext-content-color-default,var(--luzmo-helptext-content-color-default,var(--helptext-content-color-default)))}:host([variant=neutral]) .icon{color:var(--highcontrast-helptext-icon-color-default,var(--luzmo-helptext-icon-color-default,var(--helptext-icon-color-default)))}:host([variant=negative]) .text{color:var(--highcontrast-helptext-content-color-default,var(--luzmo-helptext-content-color-default,var(--luzmo-negative-color-down)))}:host([variant=negative]) .icon{color:var(--highcontrast-helptext-icon-color-default,var(--luzmo-helptext-icon-color-default,var(--helptext-icon-color-default)))}:host([disabled]) .text{color:var(--highcontrast-helptext-content-color-default,var(--luzmo-helptext-content-color-default,var(--luzmo-font-color)))}:host([disabled]) .icon{color:var(--highcontrast-helptext-icon-color-default,var(--luzmo-helptext-icon-color-default,var(--helptext-icon-color-default)))}:host{--helptext-line-height:1.3;--helptext-content-color-default:var(--luzmo-font-color);--helptext-icon-color-default:var(--luzmo-font-color);--helptext-disabled-content-color:var(--luzmo-font-color-disabled)}:host([variant=neutral]){--helptext-content-color-default:var(--luzmo-font-color);--helptext-icon-color-default:var(--luzmo-font-color)}:host([variant=negative]){--helptext-content-color-default:var(--luzmo-negative-color);--helptext-icon-color-default:var(--luzmo-negative-color)}:host([disabled]){--helptext-content-color-default:var(--luzmo-font-color-disabled);--helptext-icon-color-default:var(--luzmo-font-color-disabled)}:host(:lang(ja)),:host(:lang(zh)),:host(:lang(ko)){--helptext-line-height-cjk:1.4}:host([size=s]){--helptext-min-height:24px;--helptext-icon-size:16px;--helptext-font-size:12px;--helptext-text-to-visual:7px;--helptext-top-to-workflow-icon:4px;--helptext-top-to-text:4px;--helptext-bottom-to-text:5px}:host{--helptext-min-height:24px;--helptext-icon-size:18px;--helptext-font-size:12px;--helptext-text-to-visual:7px;--helptext-top-to-workflow-icon:3px;--helptext-top-to-text:4px;--helptext-bottom-to-text:5px}:host([size=l]){--helptext-min-height:32px;--helptext-icon-size:20px;--helptext-font-size:14px;--helptext-text-to-visual:8px;--helptext-top-to-workflow-icon:6px;--helptext-top-to-text:6px;--helptext-bottom-to-text:5px}:host([size=xl]){--helptext-min-height:40px;--helptext-icon-size:22px;--helptext-font-size:16px;--helptext-text-to-visual:9px;--helptext-top-to-workflow-icon:9px;--helptext-top-to-text:9px;--helptext-bottom-to-text:12px}`,s=class extends t.n(e.n,{noDefaultSize:!0}){constructor(...e){super(...e),this.icon=!1,this.variant=`neutral`}static get styles(){return[(0,r.unsafeCSS)(o)]}render(){return r.html`
+      ${this.variant===`negative`&&this.icon?r.html` ${(0,a.luzmoIcon)(a.luzmoClose14)} `:r.nothing}
+      <div class="text"><slot></slot></div>
+    `}};e.t([(0,i.property)({type:Boolean,reflect:!0})],s.prototype,`icon`,void 0),e.t([(0,i.property)({reflect:!0})],s.prototype,`variant`,void 0),customElements.get(`luzmo-text-field`)||customElements.define(`luzmo-text-field`,n.t),customElements.get(`luzmo-help-text`)||customElements.define(`luzmo-help-text`,s),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/components/{text-field.module-Btsve-VN.js → text-field.module-BHhBReKL.js}

@@ -16,6 +16,6 @@
  * SOFTWARE.
  * */
 //#region src/components/text-field/text-field.module.scss?inline
-var e = "#text-field{--luzmo-text-field-input-line-height:var(--luzmo-text-field-height,var(--text-field-height));text-overflow:ellipsis;inline-size:var(--luzmo-text-field-width,var(--text-field-width));grid-template-rows:auto auto auto;grid-template-columns:auto auto;margin:0;display:inline-grid;position:relative;overflow:visible}:host([quiet]) #text-field:after{content:\"\";pointer-events:none;inline-size:100%;block-size:var(--luzmo-text-field-focus-indicator-width,2px);position:absolute;inset-block-end:calc((var(--luzmo-text-field-focus-indicator-gap,2px) + var(--luzmo-text-field-focus-indicator-width,2px)) * -1);inset-inline-start:0}:host([quiet][focused]) #text-field:after{background-color:var(--highcontrast-text-field-focus-indicator-color,var(--luzmo-text-field-focus-indicator-color,var(--luzmo-informative-color)))}:host([quiet][invalid]) #text-field .input{padding-inline-end:calc(var(--luzmo-text-field-icon-spacing-inline-start-invalid,var(--text-field-icon-spacing-inline-start-invalid)) + var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid)))}:host([quiet][valid]) #text-field .input{padding-inline-end:calc(var(--luzmo-text-field-icon-spacing-inline-start-valid,var(--text-field-icon-spacing-inline-start-valid)) + var(--luzmo-text-field-icon-size-valid,var(--text-field-icon-size-valid)))}:host([invalid]) #text-field .icon,:host([valid]) #text-field .icon{pointer-events:all;grid-area:2/2;justify-content:center;align-items:center;margin-inline-start:auto;display:flex;position:absolute;inset-block-start:0}#text-field.luzmo-text-field--sideLabel .icon{grid-area:1/2/span 1/span 1}:host([valid]) #text-field .icon{font-size:var(--luzmo-text-field-icon-size-valid,var(--text-field-icon-size-valid));color:var(--highcontrast-text-field-icon-color-valid,var(--luzmo-text-field-icon-color-valid,var(--luzmo-positive-color)));inset-block-start:var(--luzmo-text-field-icon-spacing-block-valid,var(--text-field-icon-spacing-block-valid));inset-block-end:var(--luzmo-text-field-icon-spacing-block-valid,var(--text-field-icon-spacing-block-valid));inset-inline-end:var(--luzmo-text-field-icon-spacing-inline-end-valid,var(--text-field-icon-spacing-inline-end-valid))}:host([invalid]) #text-field .icon{font-size:var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid));color:var(--highcontrast-text-field-icon-color-invalid,var(--luzmo-text-field-icon-color-invalid,var(--luzmo-negative-color)));inset-block-start:var(--luzmo-text-field-icon-spacing-block-invalid,var(--text-field-icon-spacing-block-invalid));inset-block-end:var(--luzmo-text-field-icon-spacing-block-invalid,var(--text-field-icon-spacing-block-invalid));inset-inline-end:var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid))}:host([disabled]) #text-field .icon,:host([readonly]) #text-field .icon{color:#0000}:host([quiet]) .icon{padding-inline-end:0}:host([quiet][valid]) .icon{inset-inline-end:var(--luzmo-text-field-icon-spacing-inline-end-quiet-valid,0px)}:host([quiet][invalid]) .icon{inset-inline-end:var(--luzmo-text-field-icon-spacing-inline-end-quiet-invalid,0px)}#text-field .luzmo-field-label{grid-area:1/1/auto/span 1;margin-block-end:var(--luzmo-text-field-label-spacing-block,0px)}:host([quiet]) .luzmo-field-label{margin-block-end:var(--luzmo-text-field-label-spacing-block-quiet,var(--text-field-label-spacing-block-quiet))}:host([disabled]) .luzmo-field-label{color:var(--luzmo-text-field-text-color-disabled,var(--luzmo-font-color-disabled))}#text-field .luzmo-help-text{grid-area:3/1/auto/span 2;margin-block-start:var(--luzmo-text-field-helptext-spacing-block,0px)}.luzmo-text-field-characterCount{inline-size:auto;font-size:var(--luzmo-text-field-character-count-font-size,var(--text-field-character-count-font-size));font-family:var(--luzmo-text-field-character-count-font-family,var(--luzmo-font-family));font-weight:var(--luzmo-text-field-character-count-font-weight,var(--luzmo-font-weight));grid-area:1/2/auto/span 1;justify-content:flex-end;align-items:flex-end;margin-block-end:var(--luzmo-text-field-character-count-spacing-block,var(--text-field-character-count-spacing-block));margin-inline-start:var(--luzmo-text-field-character-count-spacing-inline,12px);margin-inline-end:0;padding-inline-end:calc(var(--luzmo-text-field-border-radius,var(--luzmo-border-radius)) / 2);display:inline-flex}:host([quiet]) .luzmo-text-field-characterCount{margin-block-end:var(--luzmo-text-field-character-count-spacing-block-quiet,var(--text-field-character-count-spacing-block-quiet))}.input{text-align:var(--luzmo-text-field-text-align,start);line-height:var(--luzmo-text-field-input-line-height);box-sizing:border-box;inline-size:100%;min-inline-size:var(--luzmo-text-field-min-width,1.5);block-size:var(--luzmo-text-field-height,var(--text-field-height));padding-block-start:calc(var(--luzmo-text-field-spacing-block-start,var(--luzmo-spacing-3)) - var(--luzmo-text-field-border-width,var(--luzmo-border-width)));padding-block-end:calc(var(--luzmo-text-field-spacing-block-end,var(--luzmo-spacing-3)) - var(--luzmo-text-field-border-width,var(--luzmo-border-width)));padding-inline:calc(var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline)) - var(--luzmo-text-field-border-width,var(--luzmo-border-width)));vertical-align:top;background-color:var(--luzmo-text-field-background-color,var(--luzmo-background-color));border-color:var(--highcontrast-text-field-border-color,var(--luzmo-text-field-border-color,var(--luzmo-border-color)));border-style:solid;border-width:var(--luzmo-text-field-border-width,var(--luzmo-border-width));border-radius:var(--luzmo-text-field-border-radius,var(--luzmo-border-radius));transition:border-color var(--luzmo-text-field-animation-duration,var(--luzmo-animation-duration)) ease-in-out;font-size:var(--luzmo-text-field-placeholder-font-size,var(--text-field-placeholder-font-size));font-family:var(--luzmo-text-field-font-family,var(--luzmo-font-family));font-weight:var(--luzmo-text-field-font-weight,var(--luzmo-font-weight));color:var(--highcontrast-text-field-text-color-default,var(--luzmo-text-field-text-color-default,var(--luzmo-font-color)));text-overflow:ellipsis;appearance:none;outline:none;grid-area:2/1/auto/span 2;margin:0}:host([type=number]) .input{-moz-appearance:text-field}:host([type=number]) .input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host([type=number]) .input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input:-moz-ui-invalid{box-shadow:none}.input::placeholder{opacity:1;font-size:var(--luzmo-text-field-placeholder-font-size,var(--text-field-placeholder-font-size));font-family:var(--luzmo-text-field-font-family,var(--luzmo-font-family));font-weight:var(--luzmo-text-field-font-weight,var(--luzmo-font-weight));color:var(--highcontrast-text-field-text-color-default,var(--luzmo-text-field-placeholder-text-color-default,var(--luzmo-font-color-disabled)));transition:color var(--luzmo-text-field-animation-duration,var(--luzmo-animation-duration)) ease-in-out}.input:lang(ja)::placeholder,.input:lang(ko)::placeholder,.input:lang(zh)::placeholder{font-style:normal}:host([focused]) .input,.input:focus{border-color:var(--highcontrast-text-field-border-color-focus,var(--luzmo-text-field-border-color-focus,var(--luzmo-primary)));color:var(--highcontrast-text-field-text-color-focus,var(--luzmo-text-field-text-color-focus,var(--luzmo-font-color-focus)))}:host([focused]) .input::placeholder,.input:focus::placeholder{color:var(--highcontrast-text-field-text-color-focus,var(--luzmo-text-field-placeholder-text-color-focus,var(--luzmo-disabled-color)))}:host([focused]) .input{border-color:var(--highcontrast-text-field-border-color-keyboard-focus,var(--luzmo-text-field-border-color-keyboard-focus,var(--luzmo-primary)));outline:var(--luzmo-text-field-focus-indicator-width,0) solid;outline-color:var(--highcontrast-text-field-focus-indicator-color,var(--luzmo-text-field-focus-indicator-color,var(--luzmo-informative-color)));outline-offset:var(--luzmo-text-field-focus-indicator-gap,2px);color:var(--highcontrast-text-field-text-color-keyboard-focus,var(--luzmo-text-field-text-color-keyboard-focus,var(--luzmo-font-color-focus)))}:host([focused]) .input::placeholder{color:var(--highcontrast-text-field-text-color-keyboard-focus,var(--luzmo-text-field-placeholder-text-color-keyboard-focus,var(--luzmo-disabled-color)))}:host([valid]) .input{color:var(--highcontrast-text-field-text-color-valid,var(--luzmo-text-field-text-color-valid,var(--luzmo-font-color)));padding-inline-end:calc(var(--luzmo-text-field-icon-spacing-inline-start-valid,var(--text-field-icon-spacing-inline-start-valid)) + var(--luzmo-text-field-icon-size-valid,var(--text-field-icon-size-valid)) + var(--luzmo-text-field-icon-spacing-inline-end-valid,var(--text-field-icon-spacing-inline-end-valid)) - var(--luzmo-text-field-border-width,var(--luzmo-border-width)))}:host([invalid]) .input{color:var(--highcontrast-text-field-text-color-invalid,var(--luzmo-text-field-text-color-invalid,var(--luzmo-font-color)));border-color:var(--highcontrast-text-field-border-color-invalid-default,var(--luzmo-text-field-border-color-invalid-default,var(--luzmo-negative-color)));padding-inline-end:calc(var(--luzmo-text-field-icon-spacing-inline-start-invalid,var(--text-field-icon-spacing-inline-start-invalid)) + var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid)) + var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid)) - var(--luzmo-text-field-border-width,var(--luzmo-border-width)))}:host([invalid]) .input:focus,:host([invalid][focused]) .input,:host([invalid]:focus) .input{border-color:var(--highcontrast-text-field-border-color-invalid-focus,var(--luzmo-text-field-border-color-invalid-focus,var(--luzmo-negative-color)))}:host([invalid]) .input:focus-visible,:host([invalid][focused]) .input{border-color:var(--highcontrast-text-field-border-color-invalid-keyboard-focus,var(--luzmo-text-field-border-color-invalid-keyboard-focus,var(--luzmo-negative-color)))}.input:disabled,:host([disabled]) #text-field .input{background-color:var(--luzmo-text-field-background-color-disabled,var(--luzmo-background-color-disabled));resize:none;opacity:1;border-color:#0000}.input:disabled,.input:disabled::placeholder,:host([disabled]) #text-field .input,:host([disabled]) #text-field .input::placeholder{color:var(--highcontrast-text-field-text-color-disabled,var(--luzmo-text-field-text-color-disabled,var(--luzmo-font-color-disabled)))}:host([border=none]) .input{border-width:0;outline:none}:host([quiet]) .input{padding-block-start:var(--luzmo-text-field-spacing-block-start,var(--luzmo-spacing-2));padding-inline:var(--luzmo-text-field-spacing-inline-quiet,0px);background-color:initial;resize:none;border-block-start-width:0;border-inline-width:0;border-radius:0;outline:none;margin-block-end:var(--luzmo-text-field-spacing-block-quiet,0px);overflow-y:hidden}:host([quiet][disabled]) .input,.input:disabled{background-color:initial;border-color:var(--luzmo-text-field-border-color-disabled,var(--luzmo-border-color-disabled))}:host([quiet][disabled]) .input,:host([quiet][disabled]) .input::placeholder,.input:disabled,.input:disabled::placeholder{color:var(--highcontrast-text-field-text-color-disabled,var(--luzmo-text-field-text-color-disabled,var(--luzmo-disabled-color)))}.input:read-only,:host([readonly]) #text-field .input{background-color:initial;color:var(--highcontrast-text-field-text-color-readonly,var(--luzmo-text-field-text-color-readonly,var(--luzmo-font-color)));border-color:#0000;outline:none}.input:read-only::placeholder,:host([readonly]) #text-field .input::placeholder{color:var(--highcontrast-text-field-text-color-readonly,var(--luzmo-text-field-text-color-readonly,var(--luzmo-disabled-color)));background-color:initial}@media (hover:hover){.input:hover,#text-field:hover .input{border-color:var(--highcontrast-text-field-border-color-hover,var(--luzmo-text-field-border-color-hover,rgba(var(--luzmo-primary-rgb), .3)));color:var(--highcontrast-text-field-text-color-hover,var(--luzmo-text-field-text-color-hover,var(--luzmo-font-color-hover)))}.input:hover::placeholder,#text-field:hover .input::placeholder{color:var(--highcontrast-text-field-text-color-hover,var(--luzmo-text-field-placeholder-text-color-hover,var(--luzmo-disabled-color)))}:host([focused]) .input:hover,:host([focused]) #text-field:hover .input,.input:focus:hover{border-color:var(--highcontrast-text-field-border-color-focus-hover,var(--luzmo-text-field-border-color-focus-hover,var(--luzmo-primary)))}:host([focused]) .input:hover,.input:focus:hover{color:var(--highcontrast-text-field-text-color-focus-hover,var(--luzmo-text-field-text-color-focus-hover,var(--luzmo-font-color-hover)))}:host([focused]) .input:hover::placeholder,.input:focus:hover::placeholder{color:var(--highcontrast-text-field-text-color-focus-hover,var(--luzmo-text-field-placeholder-text-color-focus-hover,var(--luzmo-disabled-color)))}:host([invalid]) .input:hover:not(.is-disabled),:host([invalid]:hover):not(.is-disabled) .input{border-color:var(--highcontrast-text-field-border-color-invalid-hover,var(--luzmo-text-field-border-color-invalid-hover,var(--luzmo-negative-color)))}:host([invalid]) .input:focus:hover,:host([invalid][focused]) .input:hover,:host([invalid]:focus) .input:hover{border-color:var(--highcontrast-text-field-border-color-invalid-focus-hover,var(--luzmo-text-field-border-color-invalid-focus-hover,var(--luzmo-negative-color)))}:host([disabled]) #text-field:hover .input{background-color:var(--luzmo-text-field-background-color-disabled,var(--luzmo-background-color-disabled));resize:none;opacity:1;border-color:#0000}:host([quiet][disabled]:hover) .input,:host([disabled]) #text-field:hover .input,:host([disabled]) #text-field:hover .input::placeholder{color:var(--highcontrast-text-field-text-color-disabled,var(--luzmo-text-field-text-color-disabled,var(--luzmo-font-color-disabled)))}:host([quiet][disabled]:hover) .input{background-color:initial;border-color:var(--luzmo-text-field-border-color-disabled,var(--luzmo-border-color-disabled))}:host([quiet][disabled]:hover) .input::placeholder{color:var(--highcontrast-text-field-text-color-disabled,var(--luzmo-text-field-text-color-disabled,var(--luzmo-font-color-disabled)))}:host([readonly]) #text-field:hover .input{border-color:#0000;outline:none}:host([readonly]) #text-field:hover .input,:host([readonly]) #text-field:hover .input::placeholder{background-color:initial;color:var(--highcontrast-text-field-text-color-readonly,var(--luzmo-text-field-text-color-readonly,var(--luzmo-font-color)))}}.luzmo-text-field--sideLabel{grid-template-rows:auto auto;grid-template-columns:auto auto auto}.luzmo-text-field--sideLabel:after{grid-area:1/2/span 1/span 1}.luzmo-text-field--sideLabel .luzmo-field-label{grid-area:1/1/span 2/span 1;margin-inline-end:var(--luzmo-text-field-label-spacing-inline-side-label,var(--text-field-label-spacing-inline-side-label))}.luzmo-text-field--sideLabel .luzmo-text-field-characterCount{grid-area:1/3/auto/span 1;align-items:flex-start;margin-block-start:var(--luzmo-text-field-character-count-spacing-block-side,var(--text-field-character-count-spacing-block-side));margin-inline-start:var(--luzmo-text-field-character-count-spacing-inline-side,12px)}.luzmo-text-field--sideLabel .luzmo-help-text{grid-area:2/2/auto/span 1}.luzmo-text-field--sideLabel .input,.luzmo-text-field--sideLabel .icon{grid-area:1/2/span 1/span 1}:host([multiline]){--luzmo-text-field-input-line-height:normal}:host([multiline]) .input{min-inline-size:var(--luzmo-text-area-min-inline-size,112px);min-block-size:var(--luzmo-text-area-min-block-size,56px);resize:inherit}:host([multiline][grows]) .input{grid-row:2}:host([multiline][grows]) .luzmo-text-field--sideLabel .input{grid-row:1}:host([multiline][quiet]) .input{min-block-size:var(--luzmo-text-area-min-block-size-quiet,var(--text-area-min-block-size-quiet));resize:none;overflow-y:hidden}@media (forced-colors:active){:host{--highcontrast-text-field-border-color-hover:Highlight;--highcontrast-text-field-border-color-focus:Highlight;--highcontrast-text-field-border-color-keyboard-focus:CanvasText;--highcontrast-text-field-focus-indicator-color:Highlight;--highcontrast-text-field-border-color-invalid-default:Highlight;--highcontrast-text-field-border-color-invalid-hover:Highlight;--highcontrast-text-field-border-color-invalid-focus:Highlight;--highcontrast-text-field-border-color-invalid-keyboard-focus:Highlight;--highcontrast-text-field-text-color-valid:CanvasText;--highcontrast-text-field-text-color-invalid:CanvasText}#text-field .input{--highcontrast-text-field-text-color-default:CanvasText;--highcontrast-text-field-text-color-hover:CanvasText;--highcontrast-text-field-text-color-keyboard-focus:CanvasText;--highcontrast-text-field-text-color-disabled:GrayText;--highcontrast-text-field-text-color-readonly:CanvasText}#text-field .input::placeholder{--highcontrast-text-field-text-color-default:GrayText;--highcontrast-text-field-text-color-hover:GrayText;--highcontrast-text-field-text-color-keyboard-focus:GrayText;--highcontrast-text-field-text-color-disabled:GrayText;--highcontrast-text-field-text-color-readonly:CanvasText}}:host{inline-size:var(--luzmo-text-field-width,var(--text-field-width));flex-direction:column;display:inline-flex}:host([multiline]){resize:both}:host([multiline][readonly]){resize:none}:host([disabled]:focus-visible){outline:none}#text-field{inline-size:100%}#text-field,textarea{resize:inherit}.input{min-inline-size:var(--luzmo-text-field-min-width,1.5)}:host([focused]) .input{caret-color:var(--swc-test-caret-color);forced-color-adjust:var(--swc-test-forced-color-adjust)}#sizer{word-break:break-word;white-space:pre-line;block-size:auto;opacity:0!important}.icon,.icon-workflow{pointer-events:none}:host([multiline]) #text-field{--luzmo-text-field-input-line-height:normal;display:inline-grid}:host([multiline]) textarea{transition:box-shadow var(--luzmo-animation-duration) ease-in-out, border-color var(--luzmo-animation-duration) ease-in-out}:host([multiline]:not([quiet])) #text-field:after{box-shadow:none}:host([multiline][rows]) .input{resize:none;block-size:auto}:host([multiline][rows=\"1\"]) .input{min-block-size:auto}:host([disabled][quiet]) #text-field .input,:host([disabled][quiet]) #text-field:hover .input,:host([quiet]) .input :disabled{border-color:var(--luzmo-text-field-border-color-disabled,var(--luzmo-border-color-disabled));color:var(--highcontrast-text-field-text-color-disabled,var(--luzmo-text-field-text-color-disabled,var(--luzmo-font-color-disabled)));background-color:#0000}:host([disabled]) #text-field .icon.icon-search,:host([readonly]) #text-field .icon.icon-search{color:var(--highcontrast-text-field-text-color-disabled,var(--luzmo-text-field-text-color-disabled,var(--luzmo-font-color-disabled)))}:host([multiline][grows]:not([quiet])) #text-field:after{grid-area:unset;min-block-size:calc(var(--luzmo-text-area-min-block-size,var(--luzmo-text-area-min-block-size)) + var(--luzmo-text-field-focus-indicator-gap,2px) * 2)}:host([multiline][grows]) .input:not(#sizer){resize:none;height:100%;position:absolute;top:0;left:0;overflow:hidden}:host([multiline][grows][max-rows]) .input:not(#sizer){overflow-y:auto}:host{--text-field-height:var(--luzmo-component-height);--text-field-width:240px;--text-field-label-spacing-block-quiet:-8px;--text-field-label-spacing-inline-side-label:12px;--text-field-placeholder-font-size:14px;--text-field-spacing-inline:12px;--text-field-icon-size-invalid:18px;--text-field-icon-size-valid:10px;--text-field-icon-spacing-inline-end-invalid:12px;--text-field-icon-spacing-inline-end-valid:15px;--text-field-icon-spacing-block-invalid:7px;--text-field-icon-spacing-block-valid:4px;--text-field-icon-spacing-inline-start-invalid:var(--luzmo-spacing-4);--text-field-icon-spacing-inline-start-valid:var(--luzmo-spacing-4);--text-field-character-count-font-size:var(--luzmo-font-size-s);--text-field-character-count-spacing-block:5px;--text-field-character-count-spacing-block-quiet:-3px;--text-field-character-count-spacing-block-side:8px;--text-area-min-block-size-quiet:var(--luzmo-component-height)}:host([size=s]){--text-field-height:var(--luzmo-component-height-s);--text-field-width:220px;--text-field-label-spacing-block-quiet:-8px;--text-field-label-spacing-inline-side-label:8px;--text-field-placeholder-font-size:12px;--text-field-spacing-inline:9px;--text-field-icon-size-invalid:16px;--text-field-icon-size-valid:10px;--text-field-icon-spacing-inline-end-invalid:9px;--text-field-icon-spacing-inline-end-valid:11px;--text-field-icon-spacing-block-invalid:2px;--text-field-icon-spacing-block-valid:-1px;--text-field-icon-spacing-inline-start-invalid:var(--luzmo-spacing-3);--text-field-icon-spacing-inline-start-valid:var(--luzmo-spacing-3);--text-field-character-count-font-size:var(--luzmo-font-size-xs);--text-field-character-count-spacing-block:5px;--text-field-character-count-spacing-block-quiet:-3px;--text-field-character-count-spacing-block-side:4px;--text-area-min-block-size-quiet:var(--luzmo-component-height-s)}:host([size=l]){--text-field-height:var(--luzmo-component-height-l);--text-field-width:280px;--text-field-label-spacing-block-quiet:-12px;--text-field-label-spacing-inline-side-label:12px;--text-field-placeholder-font-size:16px;--text-field-spacing-inline:15px;--text-field-icon-size-invalid:20px;--text-field-icon-size-valid:12px;--text-field-icon-spacing-inline-end-invalid:15px;--text-field-icon-spacing-inline-end-valid:17px;--text-field-icon-spacing-block-invalid:10px;--text-field-icon-spacing-block-valid:8px;--text-field-icon-spacing-inline-start-invalid:15px;--text-field-icon-spacing-inline-start-valid:15px;--text-field-character-count-font-size:var(--luzmo-font-size);--text-field-character-count-spacing-block:9px;--text-field-character-count-spacing-block-quiet:-3px;--text-field-character-count-spacing-block-side:11px;--text-area-min-block-size-quiet:var(--luzmo-component-height-l)}:host([size=xl]){--text-field-height:var(--luzmo-component-height-xl);--text-field-width:320px;--text-field-label-spacing-block-quiet:-15px;--text-field-label-spacing-inline-side-label:12px;--text-field-placeholder-font-size:18px;--text-field-spacing-inline:15px;--text-field-icon-size-invalid:22px;--text-field-icon-size-valid:14px;--text-field-icon-spacing-inline-end-invalid:18px;--text-field-icon-spacing-inline-end-valid:20px;--text-field-icon-spacing-block-invalid:12px;--text-field-icon-spacing-block-valid:13px;--text-field-icon-spacing-inline-start-invalid:18px;--text-field-icon-spacing-inline-start-valid:18px;--text-field-character-count-font-size:var(--luzmo-font-size-l);--text-field-character-count-spacing-block:11px;--text-field-character-count-spacing-block-quiet:-4px;--text-field-character-count-spacing-block-side:14px;--text-area-min-block-size-quiet:var(--luzmo-component-height-xl)}";
+var e = "#text-field{--luzmo-text-field-input-line-height:var(--luzmo-text-field-height,var(--text-field-height));text-overflow:ellipsis;inline-size:var(--luzmo-text-field-width,var(--text-field-width));grid-template-rows:auto auto auto;grid-template-columns:auto auto;margin:0;display:inline-grid;position:relative;overflow:visible}:host([quiet]) #text-field:after{content:\"\";pointer-events:none;inline-size:100%;block-size:var(--luzmo-text-field-focus-indicator-width,2px);position:absolute;inset-block-end:calc((var(--luzmo-text-field-focus-indicator-gap,2px) + var(--luzmo-text-field-focus-indicator-width,2px)) * -1);inset-inline-start:0}:host([quiet][focused]) #text-field:after{background-color:var(--highcontrast-text-field-focus-indicator-color,var(--luzmo-text-field-focus-indicator-color,var(--luzmo-informative-color)))}:host([quiet][invalid]) #text-field .input{padding-inline-end:calc(var(--luzmo-text-field-icon-spacing-inline-start-invalid,var(--text-field-icon-spacing-inline-start-invalid)) + var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid)))}:host([quiet][valid]) #text-field .input{padding-inline-end:calc(var(--luzmo-text-field-icon-spacing-inline-start-valid,var(--text-field-icon-spacing-inline-start-valid)) + var(--luzmo-text-field-icon-size-valid,var(--text-field-icon-size-valid)))}:host([invalid]) #text-field .icon,:host([valid]) #text-field .icon{pointer-events:all;grid-area:2/2;justify-content:center;align-items:center;margin-inline-start:auto;display:flex;position:absolute;inset-block-start:0}#text-field.luzmo-text-field--sideLabel .icon{grid-area:1/2/span 1/span 1}:host([valid]) #text-field .icon{font-size:var(--luzmo-text-field-icon-size-valid,var(--text-field-icon-size-valid));color:var(--highcontrast-text-field-icon-color-valid,var(--luzmo-text-field-icon-color-valid,var(--luzmo-positive-color)));inset-block-start:var(--luzmo-text-field-icon-spacing-block-valid,var(--text-field-icon-spacing-block-valid));inset-block-end:var(--luzmo-text-field-icon-spacing-block-valid,var(--text-field-icon-spacing-block-valid));inset-inline-end:var(--luzmo-text-field-icon-spacing-inline-end-valid,var(--text-field-icon-spacing-inline-end-valid))}:host([invalid]) #text-field .icon{font-size:var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid));color:var(--highcontrast-text-field-icon-color-invalid,var(--luzmo-text-field-icon-color-invalid,var(--luzmo-negative-color)));inset-block-start:var(--luzmo-text-field-icon-spacing-block-invalid,var(--text-field-icon-spacing-block-invalid));inset-block-end:var(--luzmo-text-field-icon-spacing-block-invalid,var(--text-field-icon-spacing-block-invalid));inset-inline-end:var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid))}:host([disabled]) #text-field .icon,:host([readonly]) #text-field .icon{color:#0000}:host([quiet]) .icon{padding-inline-end:0}:host([quiet][valid]) .icon{inset-inline-end:var(--luzmo-text-field-icon-spacing-inline-end-quiet-valid,0px)}:host([quiet][invalid]) .icon{inset-inline-end:var(--luzmo-text-field-icon-spacing-inline-end-quiet-invalid,0px)}#text-field .luzmo-field-label{grid-area:1/1/auto/span 1;margin-block-end:var(--luzmo-text-field-label-spacing-block,0px)}:host([quiet]) .luzmo-field-label{margin-block-end:var(--luzmo-text-field-label-spacing-block-quiet,var(--text-field-label-spacing-block-quiet))}:host([disabled]) .luzmo-field-label{color:var(--luzmo-text-field-text-color-disabled,var(--luzmo-font-color-disabled))}#text-field .luzmo-help-text{grid-area:3/1/auto/span 2;margin-block-start:var(--luzmo-text-field-helptext-spacing-block,0px)}.luzmo-text-field-characterCount{inline-size:auto;font-size:var(--luzmo-text-field-character-count-font-size,var(--text-field-character-count-font-size));font-family:var(--luzmo-text-field-character-count-font-family,var(--luzmo-font-family));font-weight:var(--luzmo-text-field-character-count-font-weight,var(--luzmo-font-weight));grid-area:1/2/auto/span 1;justify-content:flex-end;align-items:flex-end;margin-block-end:var(--luzmo-text-field-character-count-spacing-block,var(--text-field-character-count-spacing-block));margin-inline-start:var(--luzmo-text-field-character-count-spacing-inline,12px);margin-inline-end:0;padding-inline-end:calc(var(--luzmo-text-field-border-radius,var(--luzmo-border-radius)) / 2);display:inline-flex}:host([quiet]) .luzmo-text-field-characterCount{margin-block-end:var(--luzmo-text-field-character-count-spacing-block-quiet,var(--text-field-character-count-spacing-block-quiet))}.input{text-align:var(--luzmo-text-field-text-align,start);line-height:var(--luzmo-text-field-input-line-height);box-sizing:border-box;inline-size:100%;min-inline-size:var(--luzmo-text-field-min-width,1.5);block-size:var(--luzmo-text-field-height,var(--text-field-height));padding-block-start:calc(var(--luzmo-text-field-spacing-block-start,var(--luzmo-spacing-3)) - var(--luzmo-text-field-border-width,var(--luzmo-border-width)));padding-block-end:calc(var(--luzmo-text-field-spacing-block-end,var(--luzmo-spacing-3)) - var(--luzmo-text-field-border-width,var(--luzmo-border-width)));padding-inline:calc(var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline)) - var(--luzmo-text-field-border-width,var(--luzmo-border-width)));vertical-align:top;background-color:var(--luzmo-text-field-background-color,var(--luzmo-background-color));border-color:var(--highcontrast-text-field-border-color,var(--luzmo-text-field-border-color,var(--luzmo-border-color)));border-style:solid;border-width:var(--luzmo-text-field-border-width,var(--luzmo-border-width));border-radius:var(--luzmo-text-field-border-radius,var(--luzmo-border-radius));transition:border-color var(--luzmo-text-field-animation-duration,var(--luzmo-animation-duration)) ease-in-out;font-size:var(--luzmo-text-field-placeholder-font-size,var(--text-field-placeholder-font-size));font-family:var(--luzmo-text-field-font-family,var(--luzmo-font-family));font-weight:var(--luzmo-text-field-font-weight,var(--luzmo-font-weight));color:var(--highcontrast-text-field-text-color-default,var(--luzmo-text-field-text-color-default,var(--luzmo-font-color)));text-overflow:ellipsis;appearance:none;outline:none;grid-area:2/1/auto/span 2;margin:0}:host([type=number]) .input{-moz-appearance:text-field}:host([type=number]) .input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host([type=number]) .input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input:-moz-ui-invalid{box-shadow:none}.input::placeholder{opacity:1;font-size:var(--luzmo-text-field-placeholder-font-size,var(--text-field-placeholder-font-size));font-family:var(--luzmo-text-field-font-family,var(--luzmo-font-family));font-weight:var(--luzmo-text-field-font-weight,var(--luzmo-font-weight));color:var(--highcontrast-text-field-text-color-default,var(--luzmo-text-field-placeholder-text-color-default,var(--luzmo-font-color-disabled)));transition:color var(--luzmo-text-field-animation-duration,var(--luzmo-animation-duration)) ease-in-out}.input:lang(ja)::placeholder,.input:lang(ko)::placeholder,.input:lang(zh)::placeholder{font-style:normal}:host([focused]) .input,.input:focus{border-color:var(--highcontrast-text-field-border-color-focus,var(--luzmo-text-field-border-color-focus,var(--luzmo-primary)));color:var(--highcontrast-text-field-text-color-focus,var(--luzmo-text-field-text-color-focus,var(--luzmo-font-color-focus)))}:host([focused]) .input::placeholder,.input:focus::placeholder{color:var(--highcontrast-text-field-text-color-focus,var(--luzmo-text-field-placeholder-text-color-focus,var(--luzmo-disabled-color)))}:host([focused]) .input{border-color:var(--highcontrast-text-field-border-color-keyboard-focus,var(--luzmo-text-field-border-color-keyboard-focus,var(--luzmo-primary)));outline:var(--luzmo-text-field-focus-indicator-width,0) solid;outline-color:var(--highcontrast-text-field-focus-indicator-color,var(--luzmo-text-field-focus-indicator-color,var(--luzmo-informative-color)));outline-offset:var(--luzmo-text-field-focus-indicator-gap,2px);color:var(--highcontrast-text-field-text-color-keyboard-focus,var(--luzmo-text-field-text-color-keyboard-focus,var(--luzmo-font-color-focus)))}:host([focused]) .input::placeholder{color:var(--highcontrast-text-field-text-color-keyboard-focus,var(--luzmo-text-field-placeholder-text-color-keyboard-focus,var(--luzmo-disabled-color)))}:host([valid]) .input{color:var(--highcontrast-text-field-text-color-valid,var(--luzmo-text-field-text-color-valid,var(--luzmo-font-color)));padding-inline-end:calc(var(--luzmo-text-field-icon-spacing-inline-start-valid,var(--text-field-icon-spacing-inline-start-valid)) + var(--luzmo-text-field-icon-size-valid,var(--text-field-icon-size-valid)) + var(--luzmo-text-field-icon-spacing-inline-end-valid,var(--text-field-icon-spacing-inline-end-valid)) - var(--luzmo-text-field-border-width,var(--luzmo-border-width)))}:host([invalid]) .input{color:var(--highcontrast-text-field-text-color-invalid,var(--luzmo-text-field-text-color-invalid,var(--luzmo-font-color)));border-color:var(--highcontrast-text-field-border-color-invalid-default,var(--luzmo-text-field-border-color-invalid-default,var(--luzmo-negative-color)));padding-inline-end:calc(var(--luzmo-text-field-icon-spacing-inline-start-invalid,var(--text-field-icon-spacing-inline-start-invalid)) + var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid)) + var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid)) - var(--luzmo-text-field-border-width,var(--luzmo-border-width)))}:host([invalid]) .input:focus,:host([invalid][focused]) .input,:host([invalid]:focus) .input{border-color:var(--highcontrast-text-field-border-color-invalid-focus,var(--luzmo-text-field-border-color-invalid-focus,var(--luzmo-negative-color)))}:host([invalid]) .input:focus-visible,:host([invalid][focused]) .input{border-color:var(--highcontrast-text-field-border-color-invalid-keyboard-focus,var(--luzmo-text-field-border-color-invalid-keyboard-focus,var(--luzmo-negative-color)))}.input:disabled,:host([disabled]) #text-field .input{background-color:var(--luzmo-text-field-background-color-disabled,var(--luzmo-background-color-disabled));resize:none;opacity:1;border-color:#0000}.input:disabled,.input:disabled::placeholder,:host([disabled]) #text-field .input,:host([disabled]) #text-field .input::placeholder{color:var(--highcontrast-text-field-text-color-disabled,var(--luzmo-text-field-text-color-disabled,var(--luzmo-font-color-disabled)))}:host([border=none]) .input{border-width:0;outline:none}:host([quiet]) .input{padding-block-start:var(--luzmo-text-field-spacing-block-start,var(--luzmo-spacing-2));padding-inline:var(--luzmo-text-field-spacing-inline-quiet,0px);background-color:initial;resize:none;border-block-start-width:0;border-inline-width:0;border-radius:0;outline:none;margin-block-end:var(--luzmo-text-field-spacing-block-quiet,0px);overflow-y:hidden}:host([quiet][disabled]) .input,.input:disabled{background-color:initial;border-color:var(--luzmo-text-field-border-color-disabled,var(--luzmo-border-color-disabled))}:host([quiet][disabled]) .input,:host([quiet][disabled]) .input::placeholder,.input:disabled,.input:disabled::placeholder{color:var(--highcontrast-text-field-text-color-disabled,var(--luzmo-text-field-text-color-disabled,var(--luzmo-disabled-color)))}.input:read-only,:host([readonly]) #text-field .input{background-color:initial;color:var(--highcontrast-text-field-text-color-readonly,var(--luzmo-text-field-text-color-readonly,var(--luzmo-font-color)));border-color:#0000;outline:none}.input:read-only::placeholder,:host([readonly]) #text-field .input::placeholder{color:var(--highcontrast-text-field-text-color-readonly,var(--luzmo-text-field-text-color-readonly,var(--luzmo-disabled-color)));background-color:initial}@media (hover:hover){.input:hover,#text-field:hover .input{border-color:var(--highcontrast-text-field-border-color-hover,var(--luzmo-text-field-border-color-hover,rgba(var(--luzmo-primary-rgb), .3)));color:var(--highcontrast-text-field-text-color-hover,var(--luzmo-text-field-text-color-hover,var(--luzmo-font-color-hover)))}.input:hover::placeholder,#text-field:hover .input::placeholder{color:var(--highcontrast-text-field-text-color-hover,var(--luzmo-text-field-placeholder-text-color-hover,var(--luzmo-disabled-color)))}:host([focused]) .input:hover,:host([focused]) #text-field:hover .input,.input:focus:hover{border-color:var(--highcontrast-text-field-border-color-focus-hover,var(--luzmo-text-field-border-color-focus-hover,var(--luzmo-primary)))}:host([focused]) .input:hover,.input:focus:hover{color:var(--highcontrast-text-field-text-color-focus-hover,var(--luzmo-text-field-text-color-focus-hover,var(--luzmo-font-color-hover)))}:host([focused]) .input:hover::placeholder,.input:focus:hover::placeholder{color:var(--highcontrast-text-field-text-color-focus-hover,var(--luzmo-text-field-placeholder-text-color-focus-hover,var(--luzmo-disabled-color)))}:host([invalid]) .input:hover:not(.is-disabled),:host([invalid]:hover):not(.is-disabled) .input{border-color:var(--highcontrast-text-field-border-color-invalid-hover,var(--luzmo-text-field-border-color-invalid-hover,var(--luzmo-negative-color)))}:host([invalid]) .input:focus:hover,:host([invalid][focused]) .input:hover,:host([invalid]:focus) .input:hover{border-color:var(--highcontrast-text-field-border-color-invalid-focus-hover,var(--luzmo-text-field-border-color-invalid-focus-hover,var(--luzmo-negative-color)))}:host([disabled]) #text-field:hover .input{background-color:var(--luzmo-text-field-background-color-disabled,var(--luzmo-background-color-disabled));resize:none;opacity:1;border-color:#0000}:host([quiet][disabled]:hover) .input,:host([disabled]) #text-field:hover .input,:host([disabled]) #text-field:hover .input::placeholder{color:var(--highcontrast-text-field-text-color-disabled,var(--luzmo-text-field-text-color-disabled,var(--luzmo-font-color-disabled)))}:host([quiet][disabled]:hover) .input{background-color:initial;border-color:var(--luzmo-text-field-border-color-disabled,var(--luzmo-border-color-disabled))}:host([quiet][disabled]:hover) .input::placeholder{color:var(--highcontrast-text-field-text-color-disabled,var(--luzmo-text-field-text-color-disabled,var(--luzmo-font-color-disabled)))}:host([readonly]) #text-field:hover .input{border-color:#0000;outline:none}:host([readonly]) #text-field:hover .input,:host([readonly]) #text-field:hover .input::placeholder{background-color:initial;color:var(--highcontrast-text-field-text-color-readonly,var(--luzmo-text-field-text-color-readonly,var(--luzmo-font-color)))}}.luzmo-text-field--sideLabel{grid-template-rows:auto auto;grid-template-columns:auto auto auto}.luzmo-text-field--sideLabel:after{grid-area:1/2/span 1/span 1}.luzmo-text-field--sideLabel .luzmo-field-label{grid-area:1/1/span 2/span 1;margin-inline-end:var(--luzmo-text-field-label-spacing-inline-side-label,var(--text-field-label-spacing-inline-side-label))}.luzmo-text-field--sideLabel .luzmo-text-field-characterCount{grid-area:1/3/auto/span 1;align-items:flex-start;margin-block-start:var(--luzmo-text-field-character-count-spacing-block-side,var(--text-field-character-count-spacing-block-side));margin-inline-start:var(--luzmo-text-field-character-count-spacing-inline-side,12px)}.luzmo-text-field--sideLabel .luzmo-help-text{grid-area:2/2/auto/span 1}.luzmo-text-field--sideLabel .input,.luzmo-text-field--sideLabel .icon{grid-area:1/2/span 1/span 1}:host([multiline]){--luzmo-text-field-input-line-height:normal}:host([multiline]) .input{min-inline-size:var(--luzmo-text-area-min-inline-size,112px);min-block-size:var(--luzmo-text-area-min-block-size,56px);resize:inherit}:host([multiline][grows]) .input{grid-row:2}:host([multiline][grows]) .luzmo-text-field--sideLabel .input{grid-row:1}:host([multiline][quiet]) .input{min-block-size:var(--luzmo-text-area-min-block-size-quiet,var(--text-area-min-block-size-quiet));resize:none;overflow-y:hidden}@media (forced-colors:active){:host{--highcontrast-text-field-border-color-hover:Highlight;--highcontrast-text-field-border-color-focus:Highlight;--highcontrast-text-field-border-color-keyboard-focus:CanvasText;--highcontrast-text-field-focus-indicator-color:Highlight;--highcontrast-text-field-border-color-invalid-default:Highlight;--highcontrast-text-field-border-color-invalid-hover:Highlight;--highcontrast-text-field-border-color-invalid-focus:Highlight;--highcontrast-text-field-border-color-invalid-keyboard-focus:Highlight;--highcontrast-text-field-text-color-valid:CanvasText;--highcontrast-text-field-text-color-invalid:CanvasText}#text-field .input{--highcontrast-text-field-text-color-default:CanvasText;--highcontrast-text-field-text-color-hover:CanvasText;--highcontrast-text-field-text-color-keyboard-focus:CanvasText;--highcontrast-text-field-text-color-disabled:GrayText;--highcontrast-text-field-text-color-readonly:CanvasText}#text-field .input::placeholder{--highcontrast-text-field-text-color-default:GrayText;--highcontrast-text-field-text-color-hover:GrayText;--highcontrast-text-field-text-color-keyboard-focus:GrayText;--highcontrast-text-field-text-color-disabled:GrayText;--highcontrast-text-field-text-color-readonly:CanvasText}}:host{inline-size:var(--luzmo-text-field-width,var(--text-field-width));flex-direction:column;display:inline-flex}:host([multiline]){resize:both}:host([multiline][readonly]){resize:none}:host([disabled]:focus-visible){outline:none}#text-field{inline-size:100%}#text-field,textarea{resize:inherit}.input{min-inline-size:var(--luzmo-text-field-min-width,1.5)}:host([focused]) .input{caret-color:var(--swc-test-caret-color);forced-color-adjust:var(--swc-test-forced-color-adjust)}#sizer{word-break:break-word;white-space:pre-line;block-size:auto;opacity:0!important}.icon,.icon-workflow{pointer-events:none}:host([multiline]) #text-field{--luzmo-text-field-input-line-height:normal;display:inline-grid}:host([multiline]) textarea{transition:box-shadow var(--luzmo-animation-duration) ease-in-out, border-color var(--luzmo-animation-duration) ease-in-out}:host([multiline]:not([quiet])) #text-field:after{box-shadow:none}:host([multiline][rows]) .input{resize:none;block-size:auto}:host([multiline][rows=\"1\"]) .input{min-block-size:auto}:host([disabled][quiet]) #text-field .input,:host([disabled][quiet]) #text-field:hover .input,:host([quiet]) .input :disabled{border-color:var(--luzmo-text-field-border-color-disabled,var(--luzmo-border-color-disabled));color:var(--highcontrast-text-field-text-color-disabled,var(--luzmo-text-field-text-color-disabled,var(--luzmo-font-color-disabled)));background-color:#0000}:host([multiline][grows]:not([quiet])) #text-field:after{grid-area:unset;min-block-size:calc(var(--luzmo-text-area-min-block-size,var(--luzmo-text-area-min-block-size)) + var(--luzmo-text-field-focus-indicator-gap,2px) * 2)}:host([multiline][grows]) .input:not(#sizer){resize:none;height:100%;position:absolute;top:0;left:0;overflow:hidden}:host([multiline][grows][max-rows]) .input:not(#sizer){overflow-y:auto}:host{--text-field-height:var(--luzmo-component-height);--text-field-width:240px;--text-field-label-spacing-block-quiet:-8px;--text-field-label-spacing-inline-side-label:12px;--text-field-placeholder-font-size:14px;--text-field-spacing-inline:12px;--text-field-icon-size-invalid:18px;--text-field-icon-size-valid:10px;--text-field-icon-spacing-inline-end-invalid:12px;--text-field-icon-spacing-inline-end-valid:15px;--text-field-icon-spacing-block-invalid:7px;--text-field-icon-spacing-block-valid:4px;--text-field-icon-spacing-inline-start-invalid:var(--luzmo-spacing-4);--text-field-icon-spacing-inline-start-valid:var(--luzmo-spacing-4);--text-field-character-count-font-size:var(--luzmo-font-size-s);--text-field-character-count-spacing-block:5px;--text-field-character-count-spacing-block-quiet:-3px;--text-field-character-count-spacing-block-side:8px;--text-area-min-block-size-quiet:var(--luzmo-component-height)}:host([size=s]){--text-field-height:var(--luzmo-component-height-s);--text-field-width:220px;--text-field-label-spacing-block-quiet:-8px;--text-field-label-spacing-inline-side-label:8px;--text-field-placeholder-font-size:12px;--text-field-spacing-inline:9px;--text-field-icon-size-invalid:16px;--text-field-icon-size-valid:10px;--text-field-icon-spacing-inline-end-invalid:9px;--text-field-icon-spacing-inline-end-valid:11px;--text-field-icon-spacing-block-invalid:2px;--text-field-icon-spacing-block-valid:-1px;--text-field-icon-spacing-inline-start-invalid:var(--luzmo-spacing-3);--text-field-icon-spacing-inline-start-valid:var(--luzmo-spacing-3);--text-field-character-count-font-size:var(--luzmo-font-size-xs);--text-field-character-count-spacing-block:5px;--text-field-character-count-spacing-block-quiet:-3px;--text-field-character-count-spacing-block-side:4px;--text-area-min-block-size-quiet:var(--luzmo-component-height-s)}:host([size=l]){--text-field-height:var(--luzmo-component-height-l);--text-field-width:280px;--text-field-label-spacing-block-quiet:-12px;--text-field-label-spacing-inline-side-label:12px;--text-field-placeholder-font-size:16px;--text-field-spacing-inline:15px;--text-field-icon-size-invalid:20px;--text-field-icon-size-valid:12px;--text-field-icon-spacing-inline-end-invalid:15px;--text-field-icon-spacing-inline-end-valid:17px;--text-field-icon-spacing-block-invalid:10px;--text-field-icon-spacing-block-valid:8px;--text-field-icon-spacing-inline-start-invalid:15px;--text-field-icon-spacing-inline-start-valid:15px;--text-field-character-count-font-size:var(--luzmo-font-size);--text-field-character-count-spacing-block:9px;--text-field-character-count-spacing-block-quiet:-3px;--text-field-character-count-spacing-block-side:11px;--text-area-min-block-size-quiet:var(--luzmo-component-height-l)}:host([size=xl]){--text-field-height:var(--luzmo-component-height-xl);--text-field-width:320px;--text-field-label-spacing-block-quiet:-15px;--text-field-label-spacing-inline-side-label:12px;--text-field-placeholder-font-size:18px;--text-field-spacing-inline:15px;--text-field-icon-size-invalid:22px;--text-field-icon-size-valid:14px;--text-field-icon-spacing-inline-end-invalid:18px;--text-field-icon-spacing-inline-end-valid:20px;--text-field-icon-spacing-block-invalid:12px;--text-field-icon-spacing-block-valid:13px;--text-field-icon-spacing-inline-start-invalid:18px;--text-field-icon-spacing-inline-start-valid:18px;--text-field-character-count-font-size:var(--luzmo-font-size-l);--text-field-character-count-spacing-block:11px;--text-field-character-count-spacing-block-quiet:-4px;--text-field-character-count-spacing-block-side:14px;--text-area-min-block-size-quiet:var(--luzmo-component-height-xl)}";
 //#endregion
 export { e as t };

package/components/{text-field.module-D5oDP7MB.cjs → text-field.module-l8CaTCwE.cjs}

@@ -15,4 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-var e=`#text-field{--luzmo-text-field-input-line-height:var(--luzmo-text-field-height,var(--text-field-height));text-overflow:ellipsis;inline-size:var(--luzmo-text-field-width,var(--text-field-width));grid-template-rows:auto auto auto;grid-template-columns:auto auto;margin:0;display:inline-grid;position:relative;overflow:visible}:host([quiet]) #text-field:after{content:"";pointer-events:none;inline-size:100%;block-size:var(--luzmo-text-field-focus-indicator-width,2px);position:absolute;inset-block-end:calc((var(--luzmo-text-field-focus-indicator-gap,2px) + var(--luzmo-text-field-focus-indicator-width,2px)) * -1);inset-inline-start:0}:host([quiet][focused]) #text-field:after{background-color:var(--highcontrast-text-field-focus-indicator-color,var(--luzmo-text-field-focus-indicator-color,var(--luzmo-informative-color)))}:host([quiet][invalid]) #text-field .input{padding-inline-end:calc(var(--luzmo-text-field-icon-spacing-inline-start-invalid,var(--text-field-icon-spacing-inline-start-invalid)) + var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid)))}:host([quiet][valid]) #text-field .input{padding-inline-end:calc(var(--luzmo-text-field-icon-spacing-inline-start-valid,var(--text-field-icon-spacing-inline-start-valid)) + var(--luzmo-text-field-icon-size-valid,var(--text-field-icon-size-valid)))}:host([invalid]) #text-field .icon,:host([valid]) #text-field .icon{pointer-events:all;grid-area:2/2;justify-content:center;align-items:center;margin-inline-start:auto;display:flex;position:absolute;inset-block-start:0}#text-field.luzmo-text-field--sideLabel .icon{grid-area:1/2/span 1/span 1}:host([valid]) #text-field .icon{font-size:var(--luzmo-text-field-icon-size-valid,var(--text-field-icon-size-valid));color:var(--highcontrast-text-field-icon-color-valid,var(--luzmo-text-field-icon-color-valid,var(--luzmo-positive-color)));inset-block-start:var(--luzmo-text-field-icon-spacing-block-valid,var(--text-field-icon-spacing-block-valid));inset-block-end:var(--luzmo-text-field-icon-spacing-block-valid,var(--text-field-icon-spacing-block-valid));inset-inline-end:var(--luzmo-text-field-icon-spacing-inline-end-valid,var(--text-field-icon-spacing-inline-end-valid))}:host([invalid]) #text-field .icon{font-size:var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid));color:var(--highcontrast-text-field-icon-color-invalid,var(--luzmo-text-field-icon-color-invalid,var(--luzmo-negative-color)));inset-block-start:var(--luzmo-text-field-icon-spacing-block-invalid,var(--text-field-icon-spacing-block-invalid));inset-block-end:var(--luzmo-text-field-icon-spacing-block-invalid,var(--text-field-icon-spacing-block-invalid));inset-inline-end:var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid))}:host([disabled]) #text-field .icon,:host([readonly]) #text-field .icon{color:#0000}:host([quiet]) .icon{padding-inline-end:0}:host([quiet][valid]) .icon{inset-inline-end:var(--luzmo-text-field-icon-spacing-inline-end-quiet-valid,0px)}:host([quiet][invalid]) .icon{inset-inline-end:var(--luzmo-text-field-icon-spacing-inline-end-quiet-invalid,0px)}#text-field .luzmo-field-label{grid-area:1/1/auto/span 1;margin-block-end:var(--luzmo-text-field-label-spacing-block,0px)}:host([quiet]) .luzmo-field-label{margin-block-end:var(--luzmo-text-field-label-spacing-block-quiet,var(--text-field-label-spacing-block-quiet))}:host([disabled]) .luzmo-field-label{color:var(--luzmo-text-field-text-color-disabled,var(--luzmo-font-color-disabled))}#text-field .luzmo-help-text{grid-area:3/1/auto/span 2;margin-block-start:var(--luzmo-text-field-helptext-spacing-block,0px)}.luzmo-text-field-characterCount{inline-size:auto;font-size:var(--luzmo-text-field-character-count-font-size,var(--text-field-character-count-font-size));font-family:var(--luzmo-text-field-character-count-font-family,var(--luzmo-font-family));font-weight:var(--luzmo-text-field-character-count-font-weight,var(--luzmo-font-weight));grid-area:1/2/auto/span 1;justify-content:flex-end;align-items:flex-end;margin-block-end:var(--luzmo-text-field-character-count-spacing-block,var(--text-field-character-count-spacing-block));margin-inline-start:var(--luzmo-text-field-character-count-spacing-inline,12px);margin-inline-end:0;padding-inline-end:calc(var(--luzmo-text-field-border-radius,var(--luzmo-border-radius)) / 2);display:inline-flex}:host([quiet]) .luzmo-text-field-characterCount{margin-block-end:var(--luzmo-text-field-character-count-spacing-block-quiet,var(--text-field-character-count-spacing-block-quiet))}.input{text-align:var(--luzmo-text-field-text-align,start);line-height:var(--luzmo-text-field-input-line-height);box-sizing:border-box;inline-size:100%;min-inline-size:var(--luzmo-text-field-min-width,1.5);block-size:var(--luzmo-text-field-height,var(--text-field-height));padding-block-start:calc(var(--luzmo-text-field-spacing-block-start,var(--luzmo-spacing-3)) - var(--luzmo-text-field-border-width,var(--luzmo-border-width)));padding-block-end:calc(var(--luzmo-text-field-spacing-block-end,var(--luzmo-spacing-3)) - var(--luzmo-text-field-border-width,var(--luzmo-border-width)));padding-inline:calc(var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline)) - var(--luzmo-text-field-border-width,var(--luzmo-border-width)));vertical-align:top;background-color:var(--luzmo-text-field-background-color,var(--luzmo-background-color));border-color:var(--highcontrast-text-field-border-color,var(--luzmo-text-field-border-color,var(--luzmo-border-color)));border-style:solid;border-width:var(--luzmo-text-field-border-width,var(--luzmo-border-width));border-radius:var(--luzmo-text-field-border-radius,var(--luzmo-border-radius));transition:border-color var(--luzmo-text-field-animation-duration,var(--luzmo-animation-duration)) ease-in-out;font-size:var(--luzmo-text-field-placeholder-font-size,var(--text-field-placeholder-font-size));font-family:var(--luzmo-text-field-font-family,var(--luzmo-font-family));font-weight:var(--luzmo-text-field-font-weight,var(--luzmo-font-weight));color:var(--highcontrast-text-field-text-color-default,var(--luzmo-text-field-text-color-default,var(--luzmo-font-color)));text-overflow:ellipsis;appearance:none;outline:none;grid-area:2/1/auto/span 2;margin:0}:host([type=number]) .input{-moz-appearance:text-field}:host([type=number]) .input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host([type=number]) .input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input:-moz-ui-invalid{box-shadow:none}.input::placeholder{opacity:1;font-size:var(--luzmo-text-field-placeholder-font-size,var(--text-field-placeholder-font-size));font-family:var(--luzmo-text-field-font-family,var(--luzmo-font-family));font-weight:var(--luzmo-text-field-font-weight,var(--luzmo-font-weight));color:var(--highcontrast-text-field-text-color-default,var(--luzmo-text-field-placeholder-text-color-default,var(--luzmo-font-color-disabled)));transition:color var(--luzmo-text-field-animation-duration,var(--luzmo-animation-duration)) ease-in-out}.input:lang(ja)::placeholder,.input:lang(ko)::placeholder,.input:lang(zh)::placeholder{font-style:normal}:host([focused]) .input,.input:focus{border-color:var(--highcontrast-text-field-border-color-focus,var(--luzmo-text-field-border-color-focus,var(--luzmo-primary)));color:var(--highcontrast-text-field-text-color-focus,var(--luzmo-text-field-text-color-focus,var(--luzmo-font-color-focus)))}:host([focused]) .input::placeholder,.input:focus::placeholder{color:var(--highcontrast-text-field-text-color-focus,var(--luzmo-text-field-placeholder-text-color-focus,var(--luzmo-disabled-color)))}:host([focused]) .input{border-color:var(--highcontrast-text-field-border-color-keyboard-focus,var(--luzmo-text-field-border-color-keyboard-focus,var(--luzmo-primary)));outline:var(--luzmo-text-field-focus-indicator-width,0) solid;outline-color:var(--highcontrast-text-field-focus-indicator-color,var(--luzmo-text-field-focus-indicator-color,var(--luzmo-informative-color)));outline-offset:var(--luzmo-text-field-focus-indicator-gap,2px);color:var(--highcontrast-text-field-text-color-keyboard-focus,var(--luzmo-text-field-text-color-keyboard-focus,var(--luzmo-font-color-focus)))}:host([focused]) .input::placeholder{color:var(--highcontrast-text-field-text-color-keyboard-focus,var(--luzmo-text-field-placeholder-text-color-keyboard-focus,var(--luzmo-disabled-color)))}:host([valid]) .input{color:var(--highcontrast-text-field-text-color-valid,var(--luzmo-text-field-text-color-valid,var(--luzmo-font-color)));padding-inline-end:calc(var(--luzmo-text-field-icon-spacing-inline-start-valid,var(--text-field-icon-spacing-inline-start-valid)) + var(--luzmo-text-field-icon-size-valid,var(--text-field-icon-size-valid)) + var(--luzmo-text-field-icon-spacing-inline-end-valid,var(--text-field-icon-spacing-inline-end-valid)) - var(--luzmo-text-field-border-width,var(--luzmo-border-width)))}:host([invalid]) .input{color:var(--highcontrast-text-field-text-color-invalid,var(--luzmo-text-field-text-color-invalid,var(--luzmo-font-color)));border-color:var(--highcontrast-text-field-border-color-invalid-default,var(--luzmo-text-field-border-color-invalid-default,var(--luzmo-negative-color)));padding-inline-end:calc(var(--luzmo-text-field-icon-spacing-inline-start-invalid,var(--text-field-icon-spacing-inline-start-invalid)) + var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid)) + var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid)) - var(--luzmo-text-field-border-width,var(--luzmo-border-width)))}:host([invalid]) .input:focus,:host([invalid][focused]) .input,:host([invalid]:focus) .input{border-color:var(--highcontrast-text-field-border-color-invalid-focus,var(--luzmo-text-field-border-color-invalid-focus,var(--luzmo-negative-color)))}:host([invalid]) .input:focus-visible,:host([invalid][focused]) .input{border-color:var(--highcontrast-text-field-border-color-invalid-keyboard-focus,var(--luzmo-text-field-border-color-invalid-keyboard-focus,var(--luzmo-negative-color)))}.input:disabled,:host([disabled]) #text-field .input{background-color:var(--luzmo-text-field-background-color-disabled,var(--luzmo-background-color-disabled));resize:none;opacity:1;border-color:#0000}.input:disabled,.input:disabled::placeholder,:host([disabled]) #text-field .input,:host([disabled]) #text-field .input::placeholder{color:var(--highcontrast-text-field-text-color-disabled,var(--luzmo-text-field-text-color-disabled,var(--luzmo-font-color-disabled)))}:host([border=none]) .input{border-width:0;outline:none}:host([quiet]) .input{padding-block-start:var(--luzmo-text-field-spacing-block-start,var(--luzmo-spacing-2));padding-inline:var(--luzmo-text-field-spacing-inline-quiet,0px);background-color:initial;resize:none;border-block-start-width:0;border-inline-width:0;border-radius:0;outline:none;margin-block-end:var(--luzmo-text-field-spacing-block-quiet,0px);overflow-y:hidden}:host([quiet][disabled]) .input,.input:disabled{background-color:initial;border-color:var(--luzmo-text-field-border-color-disabled,var(--luzmo-border-color-disabled))}:host([quiet][disabled]) .input,:host([quiet][disabled]) .input::placeholder,.input:disabled,.input:disabled::placeholder{color:var(--highcontrast-text-field-text-color-disabled,var(--luzmo-text-field-text-color-disabled,var(--luzmo-disabled-color)))}.input:read-only,:host([readonly]) #text-field .input{background-color:initial;color:var(--highcontrast-text-field-text-color-readonly,var(--luzmo-text-field-text-color-readonly,var(--luzmo-font-color)));border-color:#0000;outline:none}.input:read-only::placeholder,:host([readonly]) #text-field .input::placeholder{color:var(--highcontrast-text-field-text-color-readonly,var(--luzmo-text-field-text-color-readonly,var(--luzmo-disabled-color)));background-color:initial}@media (hover:hover){.input:hover,#text-field:hover .input{border-color:var(--highcontrast-text-field-border-color-hover,var(--luzmo-text-field-border-color-hover,rgba(var(--luzmo-primary-rgb), .3)));color:var(--highcontrast-text-field-text-color-hover,var(--luzmo-text-field-text-color-hover,var(--luzmo-font-color-hover)))}.input:hover::placeholder,#text-field:hover .input::placeholder{color:var(--highcontrast-text-field-text-color-hover,var(--luzmo-text-field-placeholder-text-color-hover,var(--luzmo-disabled-color)))}:host([focused]) .input:hover,:host([focused]) #text-field:hover .input,.input:focus:hover{border-color:var(--highcontrast-text-field-border-color-focus-hover,var(--luzmo-text-field-border-color-focus-hover,var(--luzmo-primary)))}:host([focused]) .input:hover,.input:focus:hover{color:var(--highcontrast-text-field-text-color-focus-hover,var(--luzmo-text-field-text-color-focus-hover,var(--luzmo-font-color-hover)))}:host([focused]) .input:hover::placeholder,.input:focus:hover::placeholder{color:var(--highcontrast-text-field-text-color-focus-hover,var(--luzmo-text-field-placeholder-text-color-focus-hover,var(--luzmo-disabled-color)))}:host([invalid]) .input:hover:not(.is-disabled),:host([invalid]:hover):not(.is-disabled) .input{border-color:var(--highcontrast-text-field-border-color-invalid-hover,var(--luzmo-text-field-border-color-invalid-hover,var(--luzmo-negative-color)))}:host([invalid]) .input:focus:hover,:host([invalid][focused]) .input:hover,:host([invalid]:focus) .input:hover{border-color:var(--highcontrast-text-field-border-color-invalid-focus-hover,var(--luzmo-text-field-border-color-invalid-focus-hover,var(--luzmo-negative-color)))}:host([disabled]) #text-field:hover .input{background-color:var(--luzmo-text-field-background-color-disabled,var(--luzmo-background-color-disabled));resize:none;opacity:1;border-color:#0000}:host([quiet][disabled]:hover) .input,:host([disabled]) #text-field:hover .input,:host([disabled]) #text-field:hover .input::placeholder{color:var(--highcontrast-text-field-text-color-disabled,var(--luzmo-text-field-text-color-disabled,var(--luzmo-font-color-disabled)))}:host([quiet][disabled]:hover) .input{background-color:initial;border-color:var(--luzmo-text-field-border-color-disabled,var(--luzmo-border-color-disabled))}:host([quiet][disabled]:hover) .input::placeholder{color:var(--highcontrast-text-field-text-color-disabled,var(--luzmo-text-field-text-color-disabled,var(--luzmo-font-color-disabled)))}:host([readonly]) #text-field:hover .input{border-color:#0000;outline:none}:host([readonly]) #text-field:hover .input,:host([readonly]) #text-field:hover .input::placeholder{background-color:initial;color:var(--highcontrast-text-field-text-color-readonly,var(--luzmo-text-field-text-color-readonly,var(--luzmo-font-color)))}}.luzmo-text-field--sideLabel{grid-template-rows:auto auto;grid-template-columns:auto auto auto}.luzmo-text-field--sideLabel:after{grid-area:1/2/span 1/span 1}.luzmo-text-field--sideLabel .luzmo-field-label{grid-area:1/1/span 2/span 1;margin-inline-end:var(--luzmo-text-field-label-spacing-inline-side-label,var(--text-field-label-spacing-inline-side-label))}.luzmo-text-field--sideLabel .luzmo-text-field-characterCount{grid-area:1/3/auto/span 1;align-items:flex-start;margin-block-start:var(--luzmo-text-field-character-count-spacing-block-side,var(--text-field-character-count-spacing-block-side));margin-inline-start:var(--luzmo-text-field-character-count-spacing-inline-side,12px)}.luzmo-text-field--sideLabel .luzmo-help-text{grid-area:2/2/auto/span 1}.luzmo-text-field--sideLabel .input,.luzmo-text-field--sideLabel .icon{grid-area:1/2/span 1/span 1}:host([multiline]){--luzmo-text-field-input-line-height:normal}:host([multiline]) .input{min-inline-size:var(--luzmo-text-area-min-inline-size,112px);min-block-size:var(--luzmo-text-area-min-block-size,56px);resize:inherit}:host([multiline][grows]) .input{grid-row:2}:host([multiline][grows]) .luzmo-text-field--sideLabel .input{grid-row:1}:host([multiline][quiet]) .input{min-block-size:var(--luzmo-text-area-min-block-size-quiet,var(--text-area-min-block-size-quiet));resize:none;overflow-y:hidden}@media (forced-colors:active){:host{--highcontrast-text-field-border-color-hover:Highlight;--highcontrast-text-field-border-color-focus:Highlight;--highcontrast-text-field-border-color-keyboard-focus:CanvasText;--highcontrast-text-field-focus-indicator-color:Highlight;--highcontrast-text-field-border-color-invalid-default:Highlight;--highcontrast-text-field-border-color-invalid-hover:Highlight;--highcontrast-text-field-border-color-invalid-focus:Highlight;--highcontrast-text-field-border-color-invalid-keyboard-focus:Highlight;--highcontrast-text-field-text-color-valid:CanvasText;--highcontrast-text-field-text-color-invalid:CanvasText}#text-field .input{--highcontrast-text-field-text-color-default:CanvasText;--highcontrast-text-field-text-color-hover:CanvasText;--highcontrast-text-field-text-color-keyboard-focus:CanvasText;--highcontrast-text-field-text-color-disabled:GrayText;--highcontrast-text-field-text-color-readonly:CanvasText}#text-field .input::placeholder{--highcontrast-text-field-text-color-default:GrayText;--highcontrast-text-field-text-color-hover:GrayText;--highcontrast-text-field-text-color-keyboard-focus:GrayText;--highcontrast-text-field-text-color-disabled:GrayText;--highcontrast-text-field-text-color-readonly:CanvasText}}:host{inline-size:var(--luzmo-text-field-width,var(--text-field-width));flex-direction:column;display:inline-flex}:host([multiline]){resize:both}:host([multiline][readonly]){resize:none}:host([disabled]:focus-visible){outline:none}#text-field{inline-size:100%}#text-field,textarea{resize:inherit}.input{min-inline-size:var(--luzmo-text-field-min-width,1.5)}:host([focused]) .input{caret-color:var(--swc-test-caret-color);forced-color-adjust:var(--swc-test-forced-color-adjust)}#sizer{word-break:break-word;white-space:pre-line;block-size:auto;opacity:0!important}.icon,.icon-workflow{pointer-events:none}:host([multiline]) #text-field{--luzmo-text-field-input-line-height:normal;display:inline-grid}:host([multiline]) textarea{transition:box-shadow var(--luzmo-animation-duration) ease-in-out, border-color var(--luzmo-animation-duration) ease-in-out}:host([multiline]:not([quiet])) #text-field:after{box-shadow:none}:host([multiline][rows]) .input{resize:none;block-size:auto}:host([multiline][rows="1"]) .input{min-block-size:auto}:host([disabled][quiet]) #text-field .input,:host([disabled][quiet]) #text-field:hover .input,:host([quiet]) .input :disabled{border-color:var(--luzmo-text-field-border-color-disabled,var(--luzmo-border-color-disabled));color:var(--highcontrast-text-field-text-color-disabled,var(--luzmo-text-field-text-color-disabled,var(--luzmo-font-color-disabled)));background-color:#0000}:host([disabled]) #text-field .icon.icon-search,:host([readonly]) #text-field .icon.icon-search{color:var(--highcontrast-text-field-text-color-disabled,var(--luzmo-text-field-text-color-disabled,var(--luzmo-font-color-disabled)))}:host([multiline][grows]:not([quiet])) #text-field:after{grid-area:unset;min-block-size:calc(var(--luzmo-text-area-min-block-size,var(--luzmo-text-area-min-block-size)) + var(--luzmo-text-field-focus-indicator-gap,2px) * 2)}:host([multiline][grows]) .input:not(#sizer){resize:none;height:100%;position:absolute;top:0;left:0;overflow:hidden}:host([multiline][grows][max-rows]) .input:not(#sizer){overflow-y:auto}:host{--text-field-height:var(--luzmo-component-height);--text-field-width:240px;--text-field-label-spacing-block-quiet:-8px;--text-field-label-spacing-inline-side-label:12px;--text-field-placeholder-font-size:14px;--text-field-spacing-inline:12px;--text-field-icon-size-invalid:18px;--text-field-icon-size-valid:10px;--text-field-icon-spacing-inline-end-invalid:12px;--text-field-icon-spacing-inline-end-valid:15px;--text-field-icon-spacing-block-invalid:7px;--text-field-icon-spacing-block-valid:4px;--text-field-icon-spacing-inline-start-invalid:var(--luzmo-spacing-4);--text-field-icon-spacing-inline-start-valid:var(--luzmo-spacing-4);--text-field-character-count-font-size:var(--luzmo-font-size-s);--text-field-character-count-spacing-block:5px;--text-field-character-count-spacing-block-quiet:-3px;--text-field-character-count-spacing-block-side:8px;--text-area-min-block-size-quiet:var(--luzmo-component-height)}:host([size=s]){--text-field-height:var(--luzmo-component-height-s);--text-field-width:220px;--text-field-label-spacing-block-quiet:-8px;--text-field-label-spacing-inline-side-label:8px;--text-field-placeholder-font-size:12px;--text-field-spacing-inline:9px;--text-field-icon-size-invalid:16px;--text-field-icon-size-valid:10px;--text-field-icon-spacing-inline-end-invalid:9px;--text-field-icon-spacing-inline-end-valid:11px;--text-field-icon-spacing-block-invalid:2px;--text-field-icon-spacing-block-valid:-1px;--text-field-icon-spacing-inline-start-invalid:var(--luzmo-spacing-3);--text-field-icon-spacing-inline-start-valid:var(--luzmo-spacing-3);--text-field-character-count-font-size:var(--luzmo-font-size-xs);--text-field-character-count-spacing-block:5px;--text-field-character-count-spacing-block-quiet:-3px;--text-field-character-count-spacing-block-side:4px;--text-area-min-block-size-quiet:var(--luzmo-component-height-s)}:host([size=l]){--text-field-height:var(--luzmo-component-height-l);--text-field-width:280px;--text-field-label-spacing-block-quiet:-12px;--text-field-label-spacing-inline-side-label:12px;--text-field-placeholder-font-size:16px;--text-field-spacing-inline:15px;--text-field-icon-size-invalid:20px;--text-field-icon-size-valid:12px;--text-field-icon-spacing-inline-end-invalid:15px;--text-field-icon-spacing-inline-end-valid:17px;--text-field-icon-spacing-block-invalid:10px;--text-field-icon-spacing-block-valid:8px;--text-field-icon-spacing-inline-start-invalid:15px;--text-field-icon-spacing-inline-start-valid:15px;--text-field-character-count-font-size:var(--luzmo-font-size);--text-field-character-count-spacing-block:9px;--text-field-character-count-spacing-block-quiet:-3px;--text-field-character-count-spacing-block-side:11px;--text-area-min-block-size-quiet:var(--luzmo-component-height-l)}:host([size=xl]){--text-field-height:var(--luzmo-component-height-xl);--text-field-width:320px;--text-field-label-spacing-block-quiet:-15px;--text-field-label-spacing-inline-side-label:12px;--text-field-placeholder-font-size:18px;--text-field-spacing-inline:15px;--text-field-icon-size-invalid:22px;--text-field-icon-size-valid:14px;--text-field-icon-spacing-inline-end-invalid:18px;--text-field-icon-spacing-inline-end-valid:20px;--text-field-icon-spacing-block-invalid:12px;--text-field-icon-spacing-block-valid:13px;--text-field-icon-spacing-inline-start-invalid:18px;--text-field-icon-spacing-inline-start-valid:18px;--text-field-character-count-font-size:var(--luzmo-font-size-l);--text-field-character-count-spacing-block:11px;--text-field-character-count-spacing-block-quiet:-4px;--text-field-character-count-spacing-block-side:14px;--text-area-min-block-size-quiet:var(--luzmo-component-height-xl)}`;Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});
+Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return`#text-field{--luzmo-text-field-input-line-height:var(--luzmo-text-field-height,var(--text-field-height));text-overflow:ellipsis;inline-size:var(--luzmo-text-field-width,var(--text-field-width));grid-template-rows:auto auto auto;grid-template-columns:auto auto;margin:0;display:inline-grid;position:relative;overflow:visible}:host([quiet]) #text-field:after{content:"";pointer-events:none;inline-size:100%;block-size:var(--luzmo-text-field-focus-indicator-width,2px);position:absolute;inset-block-end:calc((var(--luzmo-text-field-focus-indicator-gap,2px) + var(--luzmo-text-field-focus-indicator-width,2px)) * -1);inset-inline-start:0}:host([quiet][focused]) #text-field:after{background-color:var(--highcontrast-text-field-focus-indicator-color,var(--luzmo-text-field-focus-indicator-color,var(--luzmo-informative-color)))}:host([quiet][invalid]) #text-field .input{padding-inline-end:calc(var(--luzmo-text-field-icon-spacing-inline-start-invalid,var(--text-field-icon-spacing-inline-start-invalid)) + var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid)))}:host([quiet][valid]) #text-field .input{padding-inline-end:calc(var(--luzmo-text-field-icon-spacing-inline-start-valid,var(--text-field-icon-spacing-inline-start-valid)) + var(--luzmo-text-field-icon-size-valid,var(--text-field-icon-size-valid)))}:host([invalid]) #text-field .icon,:host([valid]) #text-field .icon{pointer-events:all;grid-area:2/2;justify-content:center;align-items:center;margin-inline-start:auto;display:flex;position:absolute;inset-block-start:0}#text-field.luzmo-text-field--sideLabel .icon{grid-area:1/2/span 1/span 1}:host([valid]) #text-field .icon{font-size:var(--luzmo-text-field-icon-size-valid,var(--text-field-icon-size-valid));color:var(--highcontrast-text-field-icon-color-valid,var(--luzmo-text-field-icon-color-valid,var(--luzmo-positive-color)));inset-block-start:var(--luzmo-text-field-icon-spacing-block-valid,var(--text-field-icon-spacing-block-valid));inset-block-end:var(--luzmo-text-field-icon-spacing-block-valid,var(--text-field-icon-spacing-block-valid));inset-inline-end:var(--luzmo-text-field-icon-spacing-inline-end-valid,var(--text-field-icon-spacing-inline-end-valid))}:host([invalid]) #text-field .icon{font-size:var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid));color:var(--highcontrast-text-field-icon-color-invalid,var(--luzmo-text-field-icon-color-invalid,var(--luzmo-negative-color)));inset-block-start:var(--luzmo-text-field-icon-spacing-block-invalid,var(--text-field-icon-spacing-block-invalid));inset-block-end:var(--luzmo-text-field-icon-spacing-block-invalid,var(--text-field-icon-spacing-block-invalid));inset-inline-end:var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid))}:host([disabled]) #text-field .icon,:host([readonly]) #text-field .icon{color:#0000}:host([quiet]) .icon{padding-inline-end:0}:host([quiet][valid]) .icon{inset-inline-end:var(--luzmo-text-field-icon-spacing-inline-end-quiet-valid,0px)}:host([quiet][invalid]) .icon{inset-inline-end:var(--luzmo-text-field-icon-spacing-inline-end-quiet-invalid,0px)}#text-field .luzmo-field-label{grid-area:1/1/auto/span 1;margin-block-end:var(--luzmo-text-field-label-spacing-block,0px)}:host([quiet]) .luzmo-field-label{margin-block-end:var(--luzmo-text-field-label-spacing-block-quiet,var(--text-field-label-spacing-block-quiet))}:host([disabled]) .luzmo-field-label{color:var(--luzmo-text-field-text-color-disabled,var(--luzmo-font-color-disabled))}#text-field .luzmo-help-text{grid-area:3/1/auto/span 2;margin-block-start:var(--luzmo-text-field-helptext-spacing-block,0px)}.luzmo-text-field-characterCount{inline-size:auto;font-size:var(--luzmo-text-field-character-count-font-size,var(--text-field-character-count-font-size));font-family:var(--luzmo-text-field-character-count-font-family,var(--luzmo-font-family));font-weight:var(--luzmo-text-field-character-count-font-weight,var(--luzmo-font-weight));grid-area:1/2/auto/span 1;justify-content:flex-end;align-items:flex-end;margin-block-end:var(--luzmo-text-field-character-count-spacing-block,var(--text-field-character-count-spacing-block));margin-inline-start:var(--luzmo-text-field-character-count-spacing-inline,12px);margin-inline-end:0;padding-inline-end:calc(var(--luzmo-text-field-border-radius,var(--luzmo-border-radius)) / 2);display:inline-flex}:host([quiet]) .luzmo-text-field-characterCount{margin-block-end:var(--luzmo-text-field-character-count-spacing-block-quiet,var(--text-field-character-count-spacing-block-quiet))}.input{text-align:var(--luzmo-text-field-text-align,start);line-height:var(--luzmo-text-field-input-line-height);box-sizing:border-box;inline-size:100%;min-inline-size:var(--luzmo-text-field-min-width,1.5);block-size:var(--luzmo-text-field-height,var(--text-field-height));padding-block-start:calc(var(--luzmo-text-field-spacing-block-start,var(--luzmo-spacing-3)) - var(--luzmo-text-field-border-width,var(--luzmo-border-width)));padding-block-end:calc(var(--luzmo-text-field-spacing-block-end,var(--luzmo-spacing-3)) - var(--luzmo-text-field-border-width,var(--luzmo-border-width)));padding-inline:calc(var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline)) - var(--luzmo-text-field-border-width,var(--luzmo-border-width)));vertical-align:top;background-color:var(--luzmo-text-field-background-color,var(--luzmo-background-color));border-color:var(--highcontrast-text-field-border-color,var(--luzmo-text-field-border-color,var(--luzmo-border-color)));border-style:solid;border-width:var(--luzmo-text-field-border-width,var(--luzmo-border-width));border-radius:var(--luzmo-text-field-border-radius,var(--luzmo-border-radius));transition:border-color var(--luzmo-text-field-animation-duration,var(--luzmo-animation-duration)) ease-in-out;font-size:var(--luzmo-text-field-placeholder-font-size,var(--text-field-placeholder-font-size));font-family:var(--luzmo-text-field-font-family,var(--luzmo-font-family));font-weight:var(--luzmo-text-field-font-weight,var(--luzmo-font-weight));color:var(--highcontrast-text-field-text-color-default,var(--luzmo-text-field-text-color-default,var(--luzmo-font-color)));text-overflow:ellipsis;appearance:none;outline:none;grid-area:2/1/auto/span 2;margin:0}:host([type=number]) .input{-moz-appearance:text-field}:host([type=number]) .input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host([type=number]) .input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input:-moz-ui-invalid{box-shadow:none}.input::placeholder{opacity:1;font-size:var(--luzmo-text-field-placeholder-font-size,var(--text-field-placeholder-font-size));font-family:var(--luzmo-text-field-font-family,var(--luzmo-font-family));font-weight:var(--luzmo-text-field-font-weight,var(--luzmo-font-weight));color:var(--highcontrast-text-field-text-color-default,var(--luzmo-text-field-placeholder-text-color-default,var(--luzmo-font-color-disabled)));transition:color var(--luzmo-text-field-animation-duration,var(--luzmo-animation-duration)) ease-in-out}.input:lang(ja)::placeholder,.input:lang(ko)::placeholder,.input:lang(zh)::placeholder{font-style:normal}:host([focused]) .input,.input:focus{border-color:var(--highcontrast-text-field-border-color-focus,var(--luzmo-text-field-border-color-focus,var(--luzmo-primary)));color:var(--highcontrast-text-field-text-color-focus,var(--luzmo-text-field-text-color-focus,var(--luzmo-font-color-focus)))}:host([focused]) .input::placeholder,.input:focus::placeholder{color:var(--highcontrast-text-field-text-color-focus,var(--luzmo-text-field-placeholder-text-color-focus,var(--luzmo-disabled-color)))}:host([focused]) .input{border-color:var(--highcontrast-text-field-border-color-keyboard-focus,var(--luzmo-text-field-border-color-keyboard-focus,var(--luzmo-primary)));outline:var(--luzmo-text-field-focus-indicator-width,0) solid;outline-color:var(--highcontrast-text-field-focus-indicator-color,var(--luzmo-text-field-focus-indicator-color,var(--luzmo-informative-color)));outline-offset:var(--luzmo-text-field-focus-indicator-gap,2px);color:var(--highcontrast-text-field-text-color-keyboard-focus,var(--luzmo-text-field-text-color-keyboard-focus,var(--luzmo-font-color-focus)))}:host([focused]) .input::placeholder{color:var(--highcontrast-text-field-text-color-keyboard-focus,var(--luzmo-text-field-placeholder-text-color-keyboard-focus,var(--luzmo-disabled-color)))}:host([valid]) .input{color:var(--highcontrast-text-field-text-color-valid,var(--luzmo-text-field-text-color-valid,var(--luzmo-font-color)));padding-inline-end:calc(var(--luzmo-text-field-icon-spacing-inline-start-valid,var(--text-field-icon-spacing-inline-start-valid)) + var(--luzmo-text-field-icon-size-valid,var(--text-field-icon-size-valid)) + var(--luzmo-text-field-icon-spacing-inline-end-valid,var(--text-field-icon-spacing-inline-end-valid)) - var(--luzmo-text-field-border-width,var(--luzmo-border-width)))}:host([invalid]) .input{color:var(--highcontrast-text-field-text-color-invalid,var(--luzmo-text-field-text-color-invalid,var(--luzmo-font-color)));border-color:var(--highcontrast-text-field-border-color-invalid-default,var(--luzmo-text-field-border-color-invalid-default,var(--luzmo-negative-color)));padding-inline-end:calc(var(--luzmo-text-field-icon-spacing-inline-start-invalid,var(--text-field-icon-spacing-inline-start-invalid)) + var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid)) + var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid)) - var(--luzmo-text-field-border-width,var(--luzmo-border-width)))}:host([invalid]) .input:focus,:host([invalid][focused]) .input,:host([invalid]:focus) .input{border-color:var(--highcontrast-text-field-border-color-invalid-focus,var(--luzmo-text-field-border-color-invalid-focus,var(--luzmo-negative-color)))}:host([invalid]) .input:focus-visible,:host([invalid][focused]) .input{border-color:var(--highcontrast-text-field-border-color-invalid-keyboard-focus,var(--luzmo-text-field-border-color-invalid-keyboard-focus,var(--luzmo-negative-color)))}.input:disabled,:host([disabled]) #text-field .input{background-color:var(--luzmo-text-field-background-color-disabled,var(--luzmo-background-color-disabled));resize:none;opacity:1;border-color:#0000}.input:disabled,.input:disabled::placeholder,:host([disabled]) #text-field .input,:host([disabled]) #text-field .input::placeholder{color:var(--highcontrast-text-field-text-color-disabled,var(--luzmo-text-field-text-color-disabled,var(--luzmo-font-color-disabled)))}:host([border=none]) .input{border-width:0;outline:none}:host([quiet]) .input{padding-block-start:var(--luzmo-text-field-spacing-block-start,var(--luzmo-spacing-2));padding-inline:var(--luzmo-text-field-spacing-inline-quiet,0px);background-color:initial;resize:none;border-block-start-width:0;border-inline-width:0;border-radius:0;outline:none;margin-block-end:var(--luzmo-text-field-spacing-block-quiet,0px);overflow-y:hidden}:host([quiet][disabled]) .input,.input:disabled{background-color:initial;border-color:var(--luzmo-text-field-border-color-disabled,var(--luzmo-border-color-disabled))}:host([quiet][disabled]) .input,:host([quiet][disabled]) .input::placeholder,.input:disabled,.input:disabled::placeholder{color:var(--highcontrast-text-field-text-color-disabled,var(--luzmo-text-field-text-color-disabled,var(--luzmo-disabled-color)))}.input:read-only,:host([readonly]) #text-field .input{background-color:initial;color:var(--highcontrast-text-field-text-color-readonly,var(--luzmo-text-field-text-color-readonly,var(--luzmo-font-color)));border-color:#0000;outline:none}.input:read-only::placeholder,:host([readonly]) #text-field .input::placeholder{color:var(--highcontrast-text-field-text-color-readonly,var(--luzmo-text-field-text-color-readonly,var(--luzmo-disabled-color)));background-color:initial}@media (hover:hover){.input:hover,#text-field:hover .input{border-color:var(--highcontrast-text-field-border-color-hover,var(--luzmo-text-field-border-color-hover,rgba(var(--luzmo-primary-rgb), .3)));color:var(--highcontrast-text-field-text-color-hover,var(--luzmo-text-field-text-color-hover,var(--luzmo-font-color-hover)))}.input:hover::placeholder,#text-field:hover .input::placeholder{color:var(--highcontrast-text-field-text-color-hover,var(--luzmo-text-field-placeholder-text-color-hover,var(--luzmo-disabled-color)))}:host([focused]) .input:hover,:host([focused]) #text-field:hover .input,.input:focus:hover{border-color:var(--highcontrast-text-field-border-color-focus-hover,var(--luzmo-text-field-border-color-focus-hover,var(--luzmo-primary)))}:host([focused]) .input:hover,.input:focus:hover{color:var(--highcontrast-text-field-text-color-focus-hover,var(--luzmo-text-field-text-color-focus-hover,var(--luzmo-font-color-hover)))}:host([focused]) .input:hover::placeholder,.input:focus:hover::placeholder{color:var(--highcontrast-text-field-text-color-focus-hover,var(--luzmo-text-field-placeholder-text-color-focus-hover,var(--luzmo-disabled-color)))}:host([invalid]) .input:hover:not(.is-disabled),:host([invalid]:hover):not(.is-disabled) .input{border-color:var(--highcontrast-text-field-border-color-invalid-hover,var(--luzmo-text-field-border-color-invalid-hover,var(--luzmo-negative-color)))}:host([invalid]) .input:focus:hover,:host([invalid][focused]) .input:hover,:host([invalid]:focus) .input:hover{border-color:var(--highcontrast-text-field-border-color-invalid-focus-hover,var(--luzmo-text-field-border-color-invalid-focus-hover,var(--luzmo-negative-color)))}:host([disabled]) #text-field:hover .input{background-color:var(--luzmo-text-field-background-color-disabled,var(--luzmo-background-color-disabled));resize:none;opacity:1;border-color:#0000}:host([quiet][disabled]:hover) .input,:host([disabled]) #text-field:hover .input,:host([disabled]) #text-field:hover .input::placeholder{color:var(--highcontrast-text-field-text-color-disabled,var(--luzmo-text-field-text-color-disabled,var(--luzmo-font-color-disabled)))}:host([quiet][disabled]:hover) .input{background-color:initial;border-color:var(--luzmo-text-field-border-color-disabled,var(--luzmo-border-color-disabled))}:host([quiet][disabled]:hover) .input::placeholder{color:var(--highcontrast-text-field-text-color-disabled,var(--luzmo-text-field-text-color-disabled,var(--luzmo-font-color-disabled)))}:host([readonly]) #text-field:hover .input{border-color:#0000;outline:none}:host([readonly]) #text-field:hover .input,:host([readonly]) #text-field:hover .input::placeholder{background-color:initial;color:var(--highcontrast-text-field-text-color-readonly,var(--luzmo-text-field-text-color-readonly,var(--luzmo-font-color)))}}.luzmo-text-field--sideLabel{grid-template-rows:auto auto;grid-template-columns:auto auto auto}.luzmo-text-field--sideLabel:after{grid-area:1/2/span 1/span 1}.luzmo-text-field--sideLabel .luzmo-field-label{grid-area:1/1/span 2/span 1;margin-inline-end:var(--luzmo-text-field-label-spacing-inline-side-label,var(--text-field-label-spacing-inline-side-label))}.luzmo-text-field--sideLabel .luzmo-text-field-characterCount{grid-area:1/3/auto/span 1;align-items:flex-start;margin-block-start:var(--luzmo-text-field-character-count-spacing-block-side,var(--text-field-character-count-spacing-block-side));margin-inline-start:var(--luzmo-text-field-character-count-spacing-inline-side,12px)}.luzmo-text-field--sideLabel .luzmo-help-text{grid-area:2/2/auto/span 1}.luzmo-text-field--sideLabel .input,.luzmo-text-field--sideLabel .icon{grid-area:1/2/span 1/span 1}:host([multiline]){--luzmo-text-field-input-line-height:normal}:host([multiline]) .input{min-inline-size:var(--luzmo-text-area-min-inline-size,112px);min-block-size:var(--luzmo-text-area-min-block-size,56px);resize:inherit}:host([multiline][grows]) .input{grid-row:2}:host([multiline][grows]) .luzmo-text-field--sideLabel .input{grid-row:1}:host([multiline][quiet]) .input{min-block-size:var(--luzmo-text-area-min-block-size-quiet,var(--text-area-min-block-size-quiet));resize:none;overflow-y:hidden}@media (forced-colors:active){:host{--highcontrast-text-field-border-color-hover:Highlight;--highcontrast-text-field-border-color-focus:Highlight;--highcontrast-text-field-border-color-keyboard-focus:CanvasText;--highcontrast-text-field-focus-indicator-color:Highlight;--highcontrast-text-field-border-color-invalid-default:Highlight;--highcontrast-text-field-border-color-invalid-hover:Highlight;--highcontrast-text-field-border-color-invalid-focus:Highlight;--highcontrast-text-field-border-color-invalid-keyboard-focus:Highlight;--highcontrast-text-field-text-color-valid:CanvasText;--highcontrast-text-field-text-color-invalid:CanvasText}#text-field .input{--highcontrast-text-field-text-color-default:CanvasText;--highcontrast-text-field-text-color-hover:CanvasText;--highcontrast-text-field-text-color-keyboard-focus:CanvasText;--highcontrast-text-field-text-color-disabled:GrayText;--highcontrast-text-field-text-color-readonly:CanvasText}#text-field .input::placeholder{--highcontrast-text-field-text-color-default:GrayText;--highcontrast-text-field-text-color-hover:GrayText;--highcontrast-text-field-text-color-keyboard-focus:GrayText;--highcontrast-text-field-text-color-disabled:GrayText;--highcontrast-text-field-text-color-readonly:CanvasText}}:host{inline-size:var(--luzmo-text-field-width,var(--text-field-width));flex-direction:column;display:inline-flex}:host([multiline]){resize:both}:host([multiline][readonly]){resize:none}:host([disabled]:focus-visible){outline:none}#text-field{inline-size:100%}#text-field,textarea{resize:inherit}.input{min-inline-size:var(--luzmo-text-field-min-width,1.5)}:host([focused]) .input{caret-color:var(--swc-test-caret-color);forced-color-adjust:var(--swc-test-forced-color-adjust)}#sizer{word-break:break-word;white-space:pre-line;block-size:auto;opacity:0!important}.icon,.icon-workflow{pointer-events:none}:host([multiline]) #text-field{--luzmo-text-field-input-line-height:normal;display:inline-grid}:host([multiline]) textarea{transition:box-shadow var(--luzmo-animation-duration) ease-in-out, border-color var(--luzmo-animation-duration) ease-in-out}:host([multiline]:not([quiet])) #text-field:after{box-shadow:none}:host([multiline][rows]) .input{resize:none;block-size:auto}:host([multiline][rows="1"]) .input{min-block-size:auto}:host([disabled][quiet]) #text-field .input,:host([disabled][quiet]) #text-field:hover .input,:host([quiet]) .input :disabled{border-color:var(--luzmo-text-field-border-color-disabled,var(--luzmo-border-color-disabled));color:var(--highcontrast-text-field-text-color-disabled,var(--luzmo-text-field-text-color-disabled,var(--luzmo-font-color-disabled)));background-color:#0000}:host([multiline][grows]:not([quiet])) #text-field:after{grid-area:unset;min-block-size:calc(var(--luzmo-text-area-min-block-size,var(--luzmo-text-area-min-block-size)) + var(--luzmo-text-field-focus-indicator-gap,2px) * 2)}:host([multiline][grows]) .input:not(#sizer){resize:none;height:100%;position:absolute;top:0;left:0;overflow:hidden}:host([multiline][grows][max-rows]) .input:not(#sizer){overflow-y:auto}:host{--text-field-height:var(--luzmo-component-height);--text-field-width:240px;--text-field-label-spacing-block-quiet:-8px;--text-field-label-spacing-inline-side-label:12px;--text-field-placeholder-font-size:14px;--text-field-spacing-inline:12px;--text-field-icon-size-invalid:18px;--text-field-icon-size-valid:10px;--text-field-icon-spacing-inline-end-invalid:12px;--text-field-icon-spacing-inline-end-valid:15px;--text-field-icon-spacing-block-invalid:7px;--text-field-icon-spacing-block-valid:4px;--text-field-icon-spacing-inline-start-invalid:var(--luzmo-spacing-4);--text-field-icon-spacing-inline-start-valid:var(--luzmo-spacing-4);--text-field-character-count-font-size:var(--luzmo-font-size-s);--text-field-character-count-spacing-block:5px;--text-field-character-count-spacing-block-quiet:-3px;--text-field-character-count-spacing-block-side:8px;--text-area-min-block-size-quiet:var(--luzmo-component-height)}:host([size=s]){--text-field-height:var(--luzmo-component-height-s);--text-field-width:220px;--text-field-label-spacing-block-quiet:-8px;--text-field-label-spacing-inline-side-label:8px;--text-field-placeholder-font-size:12px;--text-field-spacing-inline:9px;--text-field-icon-size-invalid:16px;--text-field-icon-size-valid:10px;--text-field-icon-spacing-inline-end-invalid:9px;--text-field-icon-spacing-inline-end-valid:11px;--text-field-icon-spacing-block-invalid:2px;--text-field-icon-spacing-block-valid:-1px;--text-field-icon-spacing-inline-start-invalid:var(--luzmo-spacing-3);--text-field-icon-spacing-inline-start-valid:var(--luzmo-spacing-3);--text-field-character-count-font-size:var(--luzmo-font-size-xs);--text-field-character-count-spacing-block:5px;--text-field-character-count-spacing-block-quiet:-3px;--text-field-character-count-spacing-block-side:4px;--text-area-min-block-size-quiet:var(--luzmo-component-height-s)}:host([size=l]){--text-field-height:var(--luzmo-component-height-l);--text-field-width:280px;--text-field-label-spacing-block-quiet:-12px;--text-field-label-spacing-inline-side-label:12px;--text-field-placeholder-font-size:16px;--text-field-spacing-inline:15px;--text-field-icon-size-invalid:20px;--text-field-icon-size-valid:12px;--text-field-icon-spacing-inline-end-invalid:15px;--text-field-icon-spacing-inline-end-valid:17px;--text-field-icon-spacing-block-invalid:10px;--text-field-icon-spacing-block-valid:8px;--text-field-icon-spacing-inline-start-invalid:15px;--text-field-icon-spacing-inline-start-valid:15px;--text-field-character-count-font-size:var(--luzmo-font-size);--text-field-character-count-spacing-block:9px;--text-field-character-count-spacing-block-quiet:-3px;--text-field-character-count-spacing-block-side:11px;--text-area-min-block-size-quiet:var(--luzmo-component-height-l)}:host([size=xl]){--text-field-height:var(--luzmo-component-height-xl);--text-field-width:320px;--text-field-label-spacing-block-quiet:-15px;--text-field-label-spacing-inline-side-label:12px;--text-field-placeholder-font-size:18px;--text-field-spacing-inline:15px;--text-field-icon-size-invalid:22px;--text-field-icon-size-valid:14px;--text-field-icon-spacing-inline-end-invalid:18px;--text-field-icon-spacing-inline-end-valid:20px;--text-field-icon-spacing-block-invalid:12px;--text-field-icon-spacing-block-valid:13px;--text-field-icon-spacing-inline-start-invalid:18px;--text-field-icon-spacing-inline-start-valid:18px;--text-field-character-count-font-size:var(--luzmo-font-size-l);--text-field-character-count-spacing-block:11px;--text-field-character-count-spacing-block-quiet:-4px;--text-field-character-count-spacing-block-side:14px;--text-area-min-block-size-quiet:var(--luzmo-component-height-xl)}`}});

package/components/toast/index.cjs

@@ -15,4 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../toast-NZ0Z1lz9.cjs`);exports.LuzmoToast=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../toast-BPhdMJTx.cjs");exports.LuzmoToast=e.t;