@tempoxyz/ds 0.2.5 → 0.3.0

package/dist/web/components/internal/Field.css

@@ -1 +1 @@
-.z-tds_2f_web-tds_2f_web_2f_select_2d_field-align-items-0{align-items:center}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-box-sizing-1{box-sizing:border-box}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-text-2{color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-display-3{display:flex}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-justify-content-4{justify-content:space-between}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-color-5{outline-color:#0000}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-offset-6{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-style-7{outline-style:solid}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-width-8{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-position-9{position:relative}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-text-align-10{text-align:start}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-transition-duration-11{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-transition-property-12{transition-property:background-color,border-color,opacity,outline-color}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-transition-timing-function-13{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-w-14{width:100%}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-color-15{&:before{border-color:#0000}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-radius-16{&:before{border-radius:inherit}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-style-17{&:before{border-style:solid}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-width-18{&:before{border-width:var(--z-tds_2f_web-borderWidth-2,2px)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-box-sizing-19{&:before{box-sizing:border-box}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-content-20{&:before{content:""}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-inset-21{&:before{inset:var(--z-tds_2f_web-spacing-0,0rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-pointer-events-22{&:before{pointer-events:none}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-position-23{&:before{position:absolute}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-transition-duration-24{&:before{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-transition-property-25{&:before{transition-property:border-color}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-transition-timing-function-26{&:before{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-cursor-27{&:is(button){cursor:pointer}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-color-28{&:focus-visible,&:has(:focus-visible){outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-opacity-29{&[data-disabled],&:disabled{opacity:var(--z-tds_2f_web-opacity-disabled,.4)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-color-30{&:is([aria-invalid=true],[data-invalid],:has([aria-invalid=true])):before{border-color:var(--z-tds_2f_web-color-red-800,light-dark(#e02401,#d8351f))}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-color-31{&:is([aria-invalid=true],[data-invalid],:has([aria-invalid=true])):is(:focus-visible,:has(:focus-visible)){outline-color:var(--z-tds_2f_web-color-red-800,light-dark(#e02401,#d8351f))}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-color-32{&:is(:focus-visible,:has(:focus-visible)):before{border-color:#0000}}@media (forced-colors:active){.z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-style-33{outline-style:none}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-style-34{&:focus-visible,&:has(:focus-visible){outline-style:solid}}}@media (prefers-reduced-motion:reduce){.z-tds_2f_web-tds_2f_web_2f_select_2d_field-transition-property-35{transition-property:background-color,border-color,opacity,outline-color}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-column-gap-36{&:where([data-size=large]){column-gap:var(--z-tds_2f_web-spacing-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-min-height-37{&:where([data-size=large]){min-height:var(--z-tds_2f_web-spacing-56,3.5rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-padding-inline-38{&:where([data-size=large]){padding-inline:var(--z-tds_2f_web-spacing-20,1.25rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-family-39{&:where([data-size=large]){font-family:var(--z-tds_2f_web-typography-copy-16-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-size-40{&:where([data-size=large]){font-size:var(--z-tds_2f_web-typography-copy-16-fontSize,16px)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-weight-41{&:where([data-size=large]){font-weight:var(--z-tds_2f_web-typography-copy-16-fontWeight,450)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-letter-spacing-42{&:where([data-size=large]){letter-spacing:var(--z-tds_2f_web-typography-copy-16-letterSpacing,-.18px)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-line-height-43{&:where([data-size=large]){line-height:var(--z-tds_2f_web-typography-copy-16-lineHeight,24px)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-column-gap-44{&:where([data-size=medium]){column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-min-height-45{&:where([data-size=medium]){min-height:var(--z-tds_2f_web-spacing-40,2.5rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-padding-inline-46{&:where([data-size=medium]){padding-inline:var(--z-tds_2f_web-spacing-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-family-47{&:where([data-size=medium]){font-family:var(--z-tds_2f_web-typography-copy-14-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-size-48{&:where([data-size=medium]){font-size:var(--z-tds_2f_web-typography-copy-14-fontSize,14px)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-weight-49{&:where([data-size=medium]){font-weight:var(--z-tds_2f_web-typography-copy-14-fontWeight,450)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-letter-spacing-50{&:where([data-size=medium]){letter-spacing:var(--z-tds_2f_web-typography-copy-14-letterSpacing,-.09px)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-line-height-51{&:where([data-size=medium]){line-height:var(--z-tds_2f_web-typography-copy-14-lineHeight,20px)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-column-gap-52{&:where([data-size=small]){column-gap:var(--z-tds_2f_web-spacing-6,.375rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-min-height-53{&:where([data-size=small]){min-height:var(--z-tds_2f_web-spacing-32,2rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-padding-inline-54{&:where([data-size=small]){padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-family-55{&:where([data-size=small]){font-family:var(--z-tds_2f_web-typography-copy-13-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-size-56{&:where([data-size=small]){font-size:var(--z-tds_2f_web-typography-copy-13-fontSize,13px)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-weight-57{&:where([data-size=small]){font-weight:var(--z-tds_2f_web-typography-copy-13-fontWeight,450)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-letter-spacing-58{&:where([data-size=small]){letter-spacing:var(--z-tds_2f_web-typography-copy-13-letterSpacing,-.04px)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-line-height-59{&:where([data-size=small]){line-height:var(--z-tds_2f_web-typography-copy-13-lineHeight,18px)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-bg-60{&:where([data-variant=filled]){background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-61{&:where([data-variant=filled]){border:none}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-radius-62{&:where([data-variant=filled]){border-radius:var(--z-tds_2f_web-radius-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-bg-63{&:where([data-variant=filled]){&:hover:not([data-disabled]){background-color:var(--z-tds_2f_web-color-grayAlpha-200,light-dark(#00000014,#ffffff1a))}}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-bg-64{&:where([data-variant=ghost]){background-color:#0000}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-65{&:where([data-variant=ghost]){border:none}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-radius-66{&:where([data-variant=ghost]){border-radius:var(--z-tds_2f_web-radius-full,9999px)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-bg-67{&:where([data-variant=ghost]){&:hover:not([data-disabled]){background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-bg-68{&:where([data-variant=outlined]){background-color:var(--z-tds_2f_web-color-background-surface,light-dark(#fff,#1a1919))}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-69{&:where([data-variant=outlined]){border:1px solid}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-color-70{&:where([data-variant=outlined]){border-color:var(--z-tds_2f_web-color-grayAlpha-300,light-dark(#0000001a,#ffffff21))}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-radius-71{&:where([data-variant=outlined]){border-radius:var(--z-tds_2f_web-radius-full,9999px)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-color-72{&:where([data-variant=outlined]){&:hover:not([data-disabled]){border-color:var(--z-tds_2f_web-color-grayAlpha-500,light-dark(#00000036,#ffffff3d))}}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-padding-inline-73{&:where([data-size=large]):where([data-variant=outlined]):where(*,.__zyzz-compound-0){padding-inline:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-radius-74{&:where([data-size=medium]):where([data-variant=filled]):where(*,.__zyzz-compound-1){border-radius:var(--z-tds_2f_web-radius-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-radius-75{&:where([data-size=small]):where([data-variant=filled]):where(*,.__zyzz-compound-2){border-radius:var(--z-tds_2f_web-radius-8,.5rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-bg-0{background-color:#0000}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-border-1{border:none}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-border-radius-2{border-radius:var(--z-tds_2f_web-radius-full,9999px)}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-box-sizing-3{box-sizing:border-box}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-text-4{color:var(--z-tds_2f_web-color-gray-700,light-dark(#8f8f8f,#8f8e8e))}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-cursor-5{cursor:pointer}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-display-6{display:inline-flex}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-flex-shrink-7{flex-shrink:0}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-font-size-8{font-size:var(--z-tds_2f_web-fontSize-16,1rem)}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-h-9{height:var(--z-tds_2f_web-spacing-36,2.25rem)}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-justify-content-10{justify-content:center}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-outline-color-11{outline-color:#0000}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-outline-offset-12{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-outline-style-13{outline-style:solid}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-outline-width-14{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-p-15{padding:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-duration-16{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-property-17{transition-property:background-color,color,opacity,outline-color,transform}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-timing-function-18{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-w-19{width:var(--z-tds_2f_web-spacing-36,2.25rem)}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transform-20{&:active:not(:disabled){transform:scale(.92)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-duration-21{&:active:not(:disabled){transition-duration:var(--z-tds_2f_web-transitionDuration-100,.1s)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-cursor-22{&:disabled{cursor:default}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-outline-color-23{&:focus-visible{outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-bg-24{&:hover:not(:disabled){background-color:var(--z-tds_2f_web-color-grayAlpha-200,light-dark(#00000014,#ffffff1a))}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-text-25{&:hover:not(:disabled){color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-opacity-26{&[data-ending-style],&[data-starting-style]{opacity:0}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transform-27{&[data-ending-style],&[data-starting-style]{transform:scale(.6)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-duration-28{&>svg{transition-duration:var(--z-tds_2f_web-transitionDuration-200,.2s)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-property-29{&>svg{transition-property:transform}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-timing-function-30{&>svg{transition-timing-function:var(--z-tds_2f_web-ease-spring,cubic-bezier(.32, .72, 0, 1))}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transform-31{&[data-popup-open]>svg{transform:rotate(180deg)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-margin-inline-start-32{[data-size=large]>&+&{margin-inline-start:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-margin-inline-start-33{[data-size=medium]>&+&{margin-inline-start:var(--z-tds_2f_web-spacing-_2d_8,-.5rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-margin-inline-start-34{[data-size=small]>&+&{margin-inline-start:var(--z-tds_2f_web-spacing-_2d_6,-.375rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-margin-inline-end-35{[data-size=large]>&:last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_10,-.625rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-margin-inline-end-36{[data-size=large][data-variant=outlined]>&:last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_14,-.875rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-font-size-37{[data-size=medium]>&{font-size:var(--z-tds_2f_web-fontSize-14,.875rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-h-38{[data-size=medium]>&{height:var(--z-tds_2f_web-spacing-28,1.75rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-w-39{[data-size=medium]>&{width:var(--z-tds_2f_web-spacing-28,1.75rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-margin-inline-end-40{[data-size=medium]>&:last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_10,-.625rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-font-size-41{[data-size=small]>&{font-size:var(--z-tds_2f_web-fontSize-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-h-42{[data-size=small]>&{height:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-w-43{[data-size=small]>&{width:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-margin-inline-end-44{[data-size=small]>&:last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_8,-.5rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-border-radius-45{[data-variant=filled]:is([data-size=large],[data-size=medium])>&{border-radius:var(--z-tds_2f_web-radius-6,.375rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-border-radius-46{[data-variant=filled][data-size=small]>&{border-radius:var(--z-tds_2f_web-radius-4,.25rem)}}@media (forced-colors:active){.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-outline-style-47{outline-style:none}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-outline-style-48{&:focus-visible{outline-style:solid}}}@media (prefers-reduced-motion:reduce){.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-property-49{transition-property:background-color,color,opacity,outline-color}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transform-50{&:active:not(:disabled),&[data-ending-style],&[data-starting-style]{transform:none}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-property-51{&>svg{transition-property:none}}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-align-self-0{align-self:stretch}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-bg-1{background-color:#0000}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-border-2{border:none}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-text-3{color:inherit}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-flex-basis-4{flex-basis:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-flex-grow-5{flex-grow:1}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-font-6{font:inherit}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-min-width-7{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-outline-8{outline:none}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-w-9{width:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-text-10{&::placeholder{color:var(--z-tds_2f_web-color-gray-900,light-dark(#4d4d4d,#bcbbbb))}}
+.z_tds_2f_web-u-FjQX0{align-items:center}.z_tds_2f_web-u-FjQX1{background-color:var(--z-tds_2f_web-color-container-regular,light-dark(var(--z-tds_2f_web-color-neutral-shade-004,#0000000a),var(--z-tds_2f_web-color-neutral-tint-012,#ffffff1f)))}.z_tds_2f_web-u-FjQX2{border:none}.z_tds_2f_web-u-FjQX3{border-radius:var(--z-tds_2f_web-radius-xs,calc(.75rem * var(--tds-corner-scale,1)))}.z_tds_2f_web-u-FjQX4{box-sizing:border-box}.z_tds_2f_web-u-FjQX5{color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}.z_tds_2f_web-u-FjQX6{column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}.z_tds_2f_web-u-FjQX7{display:flex}.z_tds_2f_web-u-FjQX8{justify-content:space-between}.z_tds_2f_web-u-FjQX9{min-height:var(--z-tds_2f_web-spacing-48,3rem)}.z_tds_2f_web-u-FjQXa{outline-color:#0000}.z_tds_2f_web-u-FjQXb{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}.z_tds_2f_web-u-FjQXc{outline-style:solid}.z_tds_2f_web-u-FjQXd{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z_tds_2f_web-u-FjQXe{padding-inline:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-u-FjQXf{position:relative}.z_tds_2f_web-u-FjQXg{text-align:start}.z_tds_2f_web-u-FjQXh{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-u-FjQXi{transition-property:background-color,border-color,opacity,outline-color}.z_tds_2f_web-u-FjQXj{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-u-FjQXk{font-family:var(--z-tds_2f_web-typography-body-b2-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}.z_tds_2f_web-u-FjQXl{font-size:var(--z-tds_2f_web-typography-body-b2-fontSize,14px)}.z_tds_2f_web-u-FjQXm{font-weight:var(--z-tds_2f_web-typography-body-b2-fontWeight,400)}.z_tds_2f_web-u-FjQXn{letter-spacing:var(--z-tds_2f_web-typography-body-b2-letterSpacing,.14px)}.z_tds_2f_web-u-FjQXo{line-height:var(--z-tds_2f_web-typography-body-b2-lineHeight,20px)}.z_tds_2f_web-u-FjQXp{width:100%}.z_tds_2f_web-u-FjQXq{&:before{border-color:#0000}}.z_tds_2f_web-u-FjQXr{&:before{border-radius:inherit}}.z_tds_2f_web-u-FjQXs{&:before{border-style:solid}}.z_tds_2f_web-u-FjQXt{&:before{border-width:var(--z-tds_2f_web-borderWidth-regular,var(--z-tds_2f_web-spacing-1,1px))}}.z_tds_2f_web-u-FjQXu{&:before{box-sizing:border-box}}.z_tds_2f_web-u-FjQXv{&:before{content:""}}.z_tds_2f_web-u-FjQXw{&:before{corner-shape:inherit}}.z_tds_2f_web-u-FjQXx{&:before{inset:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-u-FjQXy{&:before{pointer-events:none}}.z_tds_2f_web-u-FjQXz{&:before{position:absolute}}.z_tds_2f_web-u-FjQX10{&:before{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}}.z_tds_2f_web-u-FjQX11{&:before{transition-property:border-color}}.z_tds_2f_web-u-FjQX12{&:before{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}}.z_tds_2f_web-u-FjQX13{[data-success] &:after{background-color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}}.z_tds_2f_web-u-FjQX14{[data-success] &:after{content:""}}.z_tds_2f_web-u-FjQX15{[data-success] &:after{flex-shrink:0}}.z_tds_2f_web-u-FjQX16{[data-success] &:after{height:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-u-FjQX17{[data-success] &:after{mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M9.61328 6.0166C9.78817 5.80309 10.1037 5.77154 10.3174 5.94629C10.5306 6.12107 10.562 6.43583 10.3877 6.64941L7.3877 10.3164C7.2983 10.4257 7.16637 10.4919 7.02539 10.499C6.8843 10.5061 6.74637 10.4534 6.64648 10.3535L5.31348 9.01953C5.11845 8.82425 5.11829 8.50768 5.31348 8.3125C5.50869 8.11767 5.82534 8.11759 6.02051 8.3125L6.96191 9.25488L9.61328 6.0166Z%27/%3E%3Cpath fill-rule=%27evenodd%27 d=%27M8 1.33301C11.6817 1.33318 14.666 4.31919 14.666 8.00098C14.6656 11.6824 11.6815 14.6668 8 14.667C4.31837 14.667 1.33345 11.6825 1.33301 8.00098C1.33301 4.31908 4.3181 1.33301 8 1.33301ZM8 2.33398C4.87039 2.33398 2.33301 4.87137 2.33301 8.00098C2.33345 11.1302 4.87066 13.667 8 13.667C11.1292 13.6668 13.6656 11.1301 13.666 8.00098C13.666 4.87147 11.1294 2.33416 8 2.33398Z%27/%3E%3C/svg%3E") 50%/contain no-repeat}}.z_tds_2f_web-u-FjQX18{[data-success] &:after{width:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-u-FjQX19{&:is(button){cursor:pointer}}.z_tds_2f_web-u-FjQX1a{&:where(:hover:not([data-disabled])){background-color:var(--z-tds_2f_web-color-container-strong,light-dark(var(--z-tds_2f_web-color-neutral-shade-008,#00000014),var(--z-tds_2f_web-color-neutral-tint-016,#ffffff29)))}}.z_tds_2f_web-u-FjQX1b{&:where(:focus-visible,:has(:focus-visible)){background-color:var(--z-tds_2f_web-color-background-elevated,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-092,#141414)))}}.z_tds_2f_web-u-FjQX1c{&:is(:focus-visible,:has(:focus-visible)):before{border-color:var(--z-tds_2f_web-color-border-focus,light-dark(var(--z-tds_2f_web-color-neutral-shade-040,#0006),var(--z-tds_2f_web-color-neutral-tint-052,#ffffff85)))}}.z_tds_2f_web-u-FjQX1d{&:is([aria-invalid=true],[data-invalid],:has([aria-invalid=true])){background-color:var(--z-tds_2f_web-color-container-negative,light-dark(var(--z-tds_2f_web-color-accent-alpha-regular-red-100,#eb341714),var(--z-tds_2f_web-color-accent-alpha-regular-red-200,#f55c4529)))}}.z_tds_2f_web-u-FjQX1e{&[data-disabled],&:disabled{background-color:var(--z-tds_2f_web-color-container-subtle,light-dark(var(--z-tds_2f_web-color-neutral-shade-003,#00000008),var(--z-tds_2f_web-color-neutral-tint-008,#ffffff14)))}}.z_tds_2f_web-u-FjQX1f{&[data-disabled],&:disabled{color:var(--z-tds_2f_web-color-content-subtle,light-dark(var(--z-tds_2f_web-color-neutral-shade-020,#0003),var(--z-tds_2f_web-color-neutral-tint-020,#fff3)))}}.z_tds_2f_web-u-FjQX1g{&[data-disabled],&:disabled{cursor:default}}@media (forced-colors:active){.z_tds_2f_web-u-FjQX1h{outline-style:none}.z_tds_2f_web-u-FjQX1i{&:focus-visible,&:has(:focus-visible){outline-style:solid}}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-u-FjQX1j{transition-property:background-color,border-color,opacity,outline-color}}.z_tds_2f_web-u-FjQX1k{&:where([data-variant=outlined]){background-color:#0000}}.z_tds_2f_web-u-FjQX1l{&:where([data-variant=outlined]){&:before{border-color:var(--z-tds_2f_web-color-line-primary,light-dark(var(--z-tds_2f_web-color-neutral-shade-016,#00000029),var(--z-tds_2f_web-color-neutral-tint-024,#ffffff3d)))}}}.z_tds_2f_web-u-FjQX1m{&:where([data-variant=outlined]){&:where([aria-invalid=true],[data-invalid],:has([aria-invalid=true])):before{border-color:var(--z-tds_2f_web-color-border-negative,light-dark(var(--z-tds_2f_web-color-accent-alpha-strong-red-100,#eb341729),var(--z-tds_2f_web-color-accent-alpha-strong-red-200,#f55c4552)))}}}.z_tds_2f_web-u-FjQX1n{background-color:#0000}.z_tds_2f_web-u-FjQX1o{border:none}.z_tds_2f_web-u-FjQX1p{border-radius:var(--z-tds_2f_web-radius-2xs,calc(.5rem * var(--tds-corner-scale,1)))}.z_tds_2f_web-u-FjQX1q{box-sizing:border-box}.z_tds_2f_web-u-FjQX1r{color:var(--z-tds_2f_web-color-content-tertiary,light-dark(var(--z-tds_2f_web-color-neutral-shade-040,#0006),var(--z-tds_2f_web-color-neutral-tint-040,#fff6)))}.z_tds_2f_web-u-FjQX1s{cursor:pointer}.z_tds_2f_web-u-FjQX1t{display:inline-flex}.z_tds_2f_web-u-FjQX1u{flex-shrink:0}.z_tds_2f_web-u-FjQX1v{font-size:var(--z-tds_2f_web-fontSize-16,1rem)}.z_tds_2f_web-u-FjQX1w{height:var(--z-tds_2f_web-spacing-40,2.5rem)}.z_tds_2f_web-u-FjQX1x{justify-content:center}.z_tds_2f_web-u-FjQX1y{outline-color:#0000}.z_tds_2f_web-u-FjQX1z{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}.z_tds_2f_web-u-FjQX20{outline-style:solid}.z_tds_2f_web-u-FjQX21{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z_tds_2f_web-u-FjQX22{padding:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-u-FjQX23{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-u-FjQX24{transition-property:background-color,color,opacity,outline-color,transform}.z_tds_2f_web-u-FjQX25{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-u-FjQX26{width:var(--z-tds_2f_web-spacing-40,2.5rem)}.z_tds_2f_web-u-FjQX27{&:active:not(:disabled){transform:scale(.92)}}.z_tds_2f_web-u-FjQX28{&:active:not(:disabled){transition-duration:var(--z-tds_2f_web-transitionDuration-100,.1s)}}.z_tds_2f_web-u-FjQX29{&:disabled{cursor:default}}.z_tds_2f_web-u-FjQX2a{[data-disabled]>&{color:var(--z-tds_2f_web-color-content-subtle,light-dark(var(--z-tds_2f_web-color-neutral-shade-020,#0003),var(--z-tds_2f_web-color-neutral-tint-020,#fff3)))}}.z_tds_2f_web-u-FjQX2b{&:focus-visible{outline-color:var(--z-tds_2f_web-color-border-focus,light-dark(var(--z-tds_2f_web-color-neutral-shade-040,#0006),var(--z-tds_2f_web-color-neutral-tint-052,#ffffff85)))}}.z_tds_2f_web-u-FjQX2c{&:hover:not(:disabled){background-color:var(--z-tds_2f_web-color-container-strong,light-dark(var(--z-tds_2f_web-color-neutral-shade-008,#00000014),var(--z-tds_2f_web-color-neutral-tint-016,#ffffff29)))}}.z_tds_2f_web-u-FjQX2d{&:hover:not(:disabled){color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}}.z_tds_2f_web-u-FjQX2e{&[data-ending-style],&[data-starting-style]{opacity:0}}.z_tds_2f_web-u-FjQX2f{&[data-ending-style],&[data-starting-style]{transform:scale(.6)}}.z_tds_2f_web-u-FjQX2g{&>svg{transition-duration:var(--z-tds_2f_web-transitionDuration-200,.2s)}}.z_tds_2f_web-u-FjQX2h{&>svg{transition-property:transform}}.z_tds_2f_web-u-FjQX2i{&>svg{transition-timing-function:var(--z-tds_2f_web-ease-spring,cubic-bezier(.32, .72, 0, 1))}}.z_tds_2f_web-u-FjQX2j{&[data-popup-open]>svg{transform:rotate(180deg)}}.z_tds_2f_web-u-FjQX2k{&+&{margin-inline-start:var(--z-tds_2f_web-spacing-_2d_8,-.5rem)}}.z_tds_2f_web-u-FjQX2l{&:last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}@media (forced-colors:active){.z_tds_2f_web-u-FjQX2m{outline-style:none}.z_tds_2f_web-u-FjQX2n{&:focus-visible{outline-style:solid}}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-u-FjQX2o{transition-property:background-color,color,opacity,outline-color}.z_tds_2f_web-u-FjQX2p{&:active:not(:disabled),&[data-ending-style],&[data-starting-style]{transform:none}}.z_tds_2f_web-u-FjQX2q{&>svg{transition-property:none}}}.z_tds_2f_web-u-FjQX2r{align-self:stretch}.z_tds_2f_web-u-FjQX2s{background-color:#0000}.z_tds_2f_web-u-FjQX2t{border:none}.z_tds_2f_web-u-FjQX2u{color:inherit}.z_tds_2f_web-u-FjQX2v{flex-basis:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-u-FjQX2w{flex-grow:1}.z_tds_2f_web-u-FjQX2x{font:inherit}.z_tds_2f_web-u-FjQX2y{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-u-FjQX2z{outline:none}.z_tds_2f_web-u-FjQX30{width:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-u-FjQX31{&::placeholder{color:var(--z-tds_2f_web-color-content-tertiary,light-dark(var(--z-tds_2f_web-color-neutral-shade-040,#0006),var(--z-tds_2f_web-color-neutral-tint-040,#fff6)))}}.z_tds_2f_web-u-FjQX32{&:disabled::placeholder{color:var(--z-tds_2f_web-color-content-subtle,light-dark(var(--z-tds_2f_web-color-neutral-shade-020,#0003),var(--z-tds_2f_web-color-neutral-tint-020,#fff3)))}}

package/dist/web/components/internal/Field.d.ts

@@ -1,33 +1,42 @@
 /**
- * The field surface shared by Combobox, Autocomplete, NumberField and DatePicker. Its `size` scale
- * matches `InputGroup.styles.group` and the `Button` heights: 32, 40 and 56px.
+ * The 48px field surface shared by Combobox, Autocomplete and NumberField. Its variants and states
+ * match `InputGroup.styles.group`: an elevated fill with a 1px border on focus, a red fill while
+ * invalid, and a check at the end on success.
  */
 export declare namespace styles {
     const field: import("zyzz").variants.ReturnType<{
         readonly base: {
             readonly alignItems: "center";
+            readonly backgroundColor: "container.regular";
+            readonly border: "none !custom";
+            readonly borderRadius: "xs";
             readonly boxSizing: "border-box";
-            readonly color: "foreground";
+            readonly color: "content.primary";
+            readonly columnGap: "8";
             readonly display: "flex";
             readonly justifyContent: "space-between";
+            readonly minHeight: "48";
             readonly outlineColor: "transparent !custom";
             readonly outlineOffset: "2";
             readonly outlineStyle: "solid !custom";
             readonly outlineWidth: "2";
+            readonly paddingInline: "16";
             readonly position: "relative";
             readonly textAlign: "start";
             readonly transitionDuration: "160";
             readonly transitionProperty: "background-color, border-color, opacity, outline-color !custom";
             readonly transitionTimingFunction: "snappy";
+            readonly typography: "body.b2";
             readonly width: "100% !custom";
             readonly selectors: {
                 readonly '&::before': {
                     readonly borderColor: "transparent !custom";
                     readonly borderRadius: "inherit !custom";
                     readonly borderStyle: "solid !custom";
-                    readonly borderWidth: "2";
+                    readonly borderWidth: "regular";
                     readonly boxSizing: "border-box";
                     readonly content: "\"\" !custom";
+                    readonly cornerShape: "inherit !custom";
                     readonly inset: "0";
                     readonly pointerEvents: "none";
                     readonly position: "absolute";
@@ -35,23 +44,33 @@ export declare namespace styles {
                     readonly transitionProperty: "border-color !custom";
                     readonly transitionTimingFunction: "snappy";
                 };
+                readonly '[data-success] &::after': {
+                    readonly backgroundColor: "content.primary";
+                    readonly content: "\"\" !custom";
+                    readonly flexShrink: "0 !custom";
+                    readonly height: "16";
+                    readonly mask: "url(\"data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M9.61328 6.0166C9.78817 5.80309 10.1037 5.77154 10.3174 5.94629C10.5306 6.12107 10.562 6.43583 10.3877 6.64941L7.3877 10.3164C7.2983 10.4257 7.16637 10.4919 7.02539 10.499C6.8843 10.5061 6.74637 10.4534 6.64648 10.3535L5.31348 9.01953C5.11845 8.82425 5.11829 8.50768 5.31348 8.3125C5.50869 8.11767 5.82534 8.11759 6.02051 8.3125L6.96191 9.25488L9.61328 6.0166Z%27/%3E%3Cpath fill-rule=%27evenodd%27 d=%27M8 1.33301C11.6817 1.33318 14.666 4.31919 14.666 8.00098C14.6656 11.6824 11.6815 14.6668 8 14.667C4.31837 14.667 1.33345 11.6825 1.33301 8.00098C1.33301 4.31908 4.3181 1.33301 8 1.33301ZM8 2.33398C4.87039 2.33398 2.33301 4.87137 2.33301 8.00098C2.33345 11.1302 4.87066 13.667 8 13.667C11.1292 13.6668 13.6656 11.1301 13.666 8.00098C13.666 4.87147 11.1294 2.33416 8 2.33398Z%27/%3E%3C/svg%3E\") center / contain no-repeat !custom";
+                    readonly width: "16";
+                };
                 readonly '&:is(button)': {
                     readonly cursor: "pointer";
                 };
-                readonly '&:focus-visible, &:has(:focus-visible)': {
-                    readonly outlineColor: "blue.700";
+                readonly '&:where(:hover:not([data-disabled]))': {
+                    readonly backgroundColor: "container.strong";
                 };
-                readonly '&[data-disabled], &:disabled': {
-                    readonly opacity: "disabled";
+                readonly '&:where(:focus-visible, :has(:focus-visible))': {
+                    readonly backgroundColor: "background.elevated";
                 };
-                readonly '&:is([aria-invalid="true"], [data-invalid], :has([aria-invalid="true"]))::before': {
-                    readonly borderColor: "red.800";
+                readonly '&:is(:focus-visible, :has(:focus-visible))::before': {
+                    readonly borderColor: "border.focus";
                 };
-                readonly '&:is([aria-invalid="true"], [data-invalid], :has([aria-invalid="true"])):is(:focus-visible, :has(:focus-visible))': {
-                    readonly outlineColor: "red.800";
+                readonly '&:is([aria-invalid="true"], [data-invalid], :has([aria-invalid="true"]))': {
+                    readonly backgroundColor: "container.negative";
                 };
-                readonly '&:is(:focus-visible, :has(:focus-visible))::before': {
-                    readonly borderColor: "transparent !custom";
+                readonly '&[data-disabled], &:disabled': {
+                    readonly backgroundColor: "container.subtle";
+                    readonly color: "content.subtle";
+                    readonly cursor: "default";
                 };
             };
             readonly '@media (forced-colors: active)': {
@@ -66,85 +85,20 @@ export declare namespace styles {
                 readonly transitionProperty: "background-color, border-color, opacity, outline-color !custom";
             };
         };
-        readonly compoundVariants: readonly [{
-            readonly when: {
-                readonly size: "large";
-                readonly variant: "outlined";
-            };
-            readonly style: {
-                readonly paddingInline: "24";
-            };
-        }, {
-            readonly when: {
-                readonly size: "medium";
-                readonly variant: "filled";
-            };
-            readonly style: {
-                readonly borderRadius: "12";
-            };
-        }, {
-            readonly when: {
-                readonly size: "small";
-                readonly variant: "filled";
-            };
-            readonly style: {
-                readonly borderRadius: "8";
-            };
-        }];
         readonly defaultVariants: {
-            readonly size: "medium";
             readonly variant: "filled";
         };
         readonly variants: {
-            readonly size: {
-                readonly large: {
-                    readonly columnGap: "12";
-                    readonly minHeight: "56";
-                    readonly paddingInline: "20";
-                    readonly typography: "copy.16";
-                };
-                readonly medium: {
-                    readonly columnGap: "8";
-                    readonly minHeight: "40";
-                    readonly paddingInline: "16";
-                    readonly typography: "copy.14";
-                };
-                readonly small: {
-                    readonly columnGap: "6";
-                    readonly minHeight: "32";
-                    readonly paddingInline: "12";
-                    readonly typography: "copy.13";
-                };
-            };
             readonly variant: {
-                readonly filled: {
-                    readonly backgroundColor: "grayAlpha.100";
-                    readonly border: "none !custom";
-                    readonly borderRadius: "16";
-                    readonly selectors: {
-                        readonly '&:hover:not([data-disabled])': {
-                            readonly backgroundColor: "grayAlpha.200";
-                        };
-                    };
-                };
-                readonly ghost: {
+                readonly filled: {};
+                readonly outlined: {
                     readonly backgroundColor: "transparent !custom";
-                    readonly border: "none !custom";
-                    readonly borderRadius: "full";
                     readonly selectors: {
-                        readonly '&:hover:not([data-disabled])': {
-                            readonly backgroundColor: "grayAlpha.100";
+                        readonly '&::before': {
+                            readonly borderColor: "line.primary";
                         };
-                    };
-                };
-                readonly outlined: {
-                    readonly backgroundColor: "background.surface";
-                    readonly border: "1px solid !custom";
-                    readonly borderColor: "grayAlpha.300";
-                    readonly borderRadius: "full";
-                    readonly selectors: {
-                        readonly '&:hover:not([data-disabled])': {
-                            readonly borderColor: "grayAlpha.500";
+                        readonly '&:where([aria-invalid="true"], [data-invalid], :has([aria-invalid="true"]))::before': {
+                            readonly borderColor: "border.negative";
                         };
                     };
                 };
@@ -152,8 +106,8 @@ export declare namespace styles {
         };
     }, "react">;
     /**
-     * Clear and trigger buttons at the end of a field. Each size insets the last button from the edge
-     * by the same amount as from the top, and a filled field rounds it by its radius minus that inset.
+     * Clear and trigger buttons at the end of a field. The last button sits 4px from the end and the
+     * top, and rounds by the field's radius minus that inset.
      */
     const action: import("zyzz").style.ReturnType<"react">;
     const input: import("zyzz").style.ReturnType<"react">;

package/dist/web/components/internal/Field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../src/web/components/internal/Field.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,yBAAiB,MAAM,CAAC;IACf,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAkGjB,CAAA;IAED;;;OAGG;IACI,MAAM,MAAM,0CAyElB,CAAA;IAEM,MAAM,KAAK,0CAiBjB,CAAA;CACF"}
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../src/web/components/internal/Field.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,yBAAiB,MAAM,CAAC;IACf,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAiGjB,CAAA;IAED;;;OAGG;IACI,MAAM,MAAM,0CA6DlB,CAAA;IAEM,MAAM,KAAK,0CAoBjB,CAAA;CACF"}

package/dist/web/components/internal/Field.js

@@ -1,19 +1,20 @@
 
-import { Props as __zyzzProps, Recipe as __zyzzRecipe } from 'zyzz/runtime';
+import { Props as __zyzzProps } from 'zyzz/runtime';
 import { style, variants } from '../../zyzz.config.js';
 /**
- * The field surface shared by Combobox, Autocomplete, NumberField and DatePicker. Its `size` scale
- * matches `InputGroup.styles.group` and the `Button` heights: 32, 40 and 56px.
+ * The 48px field surface shared by Combobox, Autocomplete and NumberField. Its variants and states
+ * match `InputGroup.styles.group`: an elevated fill with a 1px border on focus, a red fill while
+ * invalid, and a check at the end on success.
  */
 export var styles;
 (function (styles) {
-    styles.field = __zyzzRecipe.create({"axes":{"size":["large","medium","small"],"variant":["filled","ghost","outlined"]},"defaults":{"size":"medium","variant":"filled"},"className":"z-tds_2f_web-tds_2f_web_2f_select_2d_field-align-items-0 z-tds_2f_web-tds_2f_web_2f_select_2d_field-box-sizing-1 z-tds_2f_web-tds_2f_web_2f_select_2d_field-text-2 z-tds_2f_web-tds_2f_web_2f_select_2d_field-display-3 z-tds_2f_web-tds_2f_web_2f_select_2d_field-justify-content-4 z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-color-5 z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-offset-6 z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-style-7 z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-width-8 z-tds_2f_web-tds_2f_web_2f_select_2d_field-position-9 z-tds_2f_web-tds_2f_web_2f_select_2d_field-text-align-10 z-tds_2f_web-tds_2f_web_2f_select_2d_field-transition-duration-11 z-tds_2f_web-tds_2f_web_2f_select_2d_field-transition-property-12 z-tds_2f_web-tds_2f_web_2f_select_2d_field-transition-timing-function-13 z-tds_2f_web-tds_2f_web_2f_select_2d_field-w-14 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-color-15 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-radius-16 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-style-17 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-width-18 z-tds_2f_web-tds_2f_web_2f_select_2d_field-box-sizing-19 z-tds_2f_web-tds_2f_web_2f_select_2d_field-content-20 z-tds_2f_web-tds_2f_web_2f_select_2d_field-inset-21 z-tds_2f_web-tds_2f_web_2f_select_2d_field-pointer-events-22 z-tds_2f_web-tds_2f_web_2f_select_2d_field-position-23 z-tds_2f_web-tds_2f_web_2f_select_2d_field-transition-duration-24 z-tds_2f_web-tds_2f_web_2f_select_2d_field-transition-property-25 z-tds_2f_web-tds_2f_web_2f_select_2d_field-transition-timing-function-26 z-tds_2f_web-tds_2f_web_2f_select_2d_field-cursor-27 z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-color-28 z-tds_2f_web-tds_2f_web_2f_select_2d_field-opacity-29 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-color-30 z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-color-31 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-color-32 z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-style-33 z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-style-34 z-tds_2f_web-tds_2f_web_2f_select_2d_field-transition-property-35 z-tds_2f_web-tds_2f_web_2f_select_2d_field-column-gap-36 z-tds_2f_web-tds_2f_web_2f_select_2d_field-min-height-37 z-tds_2f_web-tds_2f_web_2f_select_2d_field-padding-inline-38 z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-family-39 z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-size-40 z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-weight-41 z-tds_2f_web-tds_2f_web_2f_select_2d_field-letter-spacing-42 z-tds_2f_web-tds_2f_web_2f_select_2d_field-line-height-43 z-tds_2f_web-tds_2f_web_2f_select_2d_field-column-gap-44 z-tds_2f_web-tds_2f_web_2f_select_2d_field-min-height-45 z-tds_2f_web-tds_2f_web_2f_select_2d_field-padding-inline-46 z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-family-47 z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-size-48 z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-weight-49 z-tds_2f_web-tds_2f_web_2f_select_2d_field-letter-spacing-50 z-tds_2f_web-tds_2f_web_2f_select_2d_field-line-height-51 z-tds_2f_web-tds_2f_web_2f_select_2d_field-column-gap-52 z-tds_2f_web-tds_2f_web_2f_select_2d_field-min-height-53 z-tds_2f_web-tds_2f_web_2f_select_2d_field-padding-inline-54 z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-family-55 z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-size-56 z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-weight-57 z-tds_2f_web-tds_2f_web_2f_select_2d_field-letter-spacing-58 z-tds_2f_web-tds_2f_web_2f_select_2d_field-line-height-59 z-tds_2f_web-tds_2f_web_2f_select_2d_field-bg-60 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-61 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-radius-62 z-tds_2f_web-tds_2f_web_2f_select_2d_field-bg-63 z-tds_2f_web-tds_2f_web_2f_select_2d_field-bg-64 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-65 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-radius-66 z-tds_2f_web-tds_2f_web_2f_select_2d_field-bg-67 z-tds_2f_web-tds_2f_web_2f_select_2d_field-bg-68 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-69 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-color-70 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-radius-71 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-color-72 z-tds_2f_web-tds_2f_web_2f_select_2d_field-padding-inline-73 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-radius-74 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-radius-75"});
+    styles.field = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-u-FjQX0 z_tds_2f_web-u-FjQX1 z_tds_2f_web-u-FjQX2 z_tds_2f_web-u-FjQX3 z_tds_2f_web-u-FjQX4 z_tds_2f_web-u-FjQX5 z_tds_2f_web-u-FjQX6 z_tds_2f_web-u-FjQX7 z_tds_2f_web-u-FjQX8 z_tds_2f_web-u-FjQX9 z_tds_2f_web-u-FjQXa z_tds_2f_web-u-FjQXb z_tds_2f_web-u-FjQXc z_tds_2f_web-u-FjQXd z_tds_2f_web-u-FjQXe z_tds_2f_web-u-FjQXf z_tds_2f_web-u-FjQXg z_tds_2f_web-u-FjQXh z_tds_2f_web-u-FjQXi z_tds_2f_web-u-FjQXj z_tds_2f_web-u-FjQXk z_tds_2f_web-u-FjQXl z_tds_2f_web-u-FjQXm z_tds_2f_web-u-FjQXn z_tds_2f_web-u-FjQXo z_tds_2f_web-u-FjQXp z_tds_2f_web-u-FjQXq z_tds_2f_web-u-FjQXr z_tds_2f_web-u-FjQXs z_tds_2f_web-u-FjQXt z_tds_2f_web-u-FjQXu z_tds_2f_web-u-FjQXv z_tds_2f_web-u-FjQXw z_tds_2f_web-u-FjQXx z_tds_2f_web-u-FjQXy z_tds_2f_web-u-FjQXz z_tds_2f_web-u-FjQX10 z_tds_2f_web-u-FjQX11 z_tds_2f_web-u-FjQX12 z_tds_2f_web-u-FjQX13 z_tds_2f_web-u-FjQX14 z_tds_2f_web-u-FjQX15 z_tds_2f_web-u-FjQX16 z_tds_2f_web-u-FjQX17 z_tds_2f_web-u-FjQX18 z_tds_2f_web-u-FjQX19 z_tds_2f_web-u-FjQX1a z_tds_2f_web-u-FjQX1b z_tds_2f_web-u-FjQX1c z_tds_2f_web-u-FjQX1d z_tds_2f_web-u-FjQX1e z_tds_2f_web-u-FjQX1f z_tds_2f_web-u-FjQX1g z_tds_2f_web-u-FjQX1h z_tds_2f_web-u-FjQX1i z_tds_2f_web-u-FjQX1j z_tds_2f_web-u-FjQX1k z_tds_2f_web-u-FjQX1l z_tds_2f_web-u-FjQX1m"+" "+external:"z_tds_2f_web-u-FjQX0 z_tds_2f_web-u-FjQX1 z_tds_2f_web-u-FjQX2 z_tds_2f_web-u-FjQX3 z_tds_2f_web-u-FjQX4 z_tds_2f_web-u-FjQX5 z_tds_2f_web-u-FjQX6 z_tds_2f_web-u-FjQX7 z_tds_2f_web-u-FjQX8 z_tds_2f_web-u-FjQX9 z_tds_2f_web-u-FjQXa z_tds_2f_web-u-FjQXb z_tds_2f_web-u-FjQXc z_tds_2f_web-u-FjQXd z_tds_2f_web-u-FjQXe z_tds_2f_web-u-FjQXf z_tds_2f_web-u-FjQXg z_tds_2f_web-u-FjQXh z_tds_2f_web-u-FjQXi z_tds_2f_web-u-FjQXj z_tds_2f_web-u-FjQXk z_tds_2f_web-u-FjQXl z_tds_2f_web-u-FjQXm z_tds_2f_web-u-FjQXn z_tds_2f_web-u-FjQXo z_tds_2f_web-u-FjQXp z_tds_2f_web-u-FjQXq z_tds_2f_web-u-FjQXr z_tds_2f_web-u-FjQXs z_tds_2f_web-u-FjQXt z_tds_2f_web-u-FjQXu z_tds_2f_web-u-FjQXv z_tds_2f_web-u-FjQXw z_tds_2f_web-u-FjQXx z_tds_2f_web-u-FjQXy z_tds_2f_web-u-FjQXz z_tds_2f_web-u-FjQX10 z_tds_2f_web-u-FjQX11 z_tds_2f_web-u-FjQX12 z_tds_2f_web-u-FjQX13 z_tds_2f_web-u-FjQX14 z_tds_2f_web-u-FjQX15 z_tds_2f_web-u-FjQX16 z_tds_2f_web-u-FjQX17 z_tds_2f_web-u-FjQX18 z_tds_2f_web-u-FjQX19 z_tds_2f_web-u-FjQX1a z_tds_2f_web-u-FjQX1b z_tds_2f_web-u-FjQX1c z_tds_2f_web-u-FjQX1d z_tds_2f_web-u-FjQX1e z_tds_2f_web-u-FjQX1f z_tds_2f_web-u-FjQX1g z_tds_2f_web-u-FjQX1h z_tds_2f_web-u-FjQX1i z_tds_2f_web-u-FjQX1j z_tds_2f_web-u-FjQX1k z_tds_2f_web-u-FjQX1l z_tds_2f_web-u-FjQX1m",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"variant")?input["variant"]:void 0;if(value===void 0)value="filled";if(value!==null&&value!==void 0)result["data-variant"]=String(value);return result});
     /**
-     * Clear and trigger buttons at the end of a field. Each size insets the last button from the edge
-     * by the same amount as from the top, and a filled field rounds it by its radius minus that inset.
+     * Clear and trigger buttons at the end of a field. The last button sits 4px from the end and the
+     * top, and rounds by the field's radius minus that inset.
      */
-    styles.action = __zyzzProps.create({className:"z-tds_2f_web-tds_2f_web_2f_select_2d_field-align-items-0 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-bg-0 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-border-1 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-border-radius-2 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-box-sizing-3 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-text-4 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-cursor-5 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-display-6 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-flex-shrink-7 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-font-size-8 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-h-9 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-justify-content-10 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-outline-color-11 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-outline-offset-12 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-outline-style-13 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-outline-width-14 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-p-15 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-duration-16 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-property-17 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-timing-function-18 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-w-19 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transform-20 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-duration-21 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-cursor-22 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-outline-color-23 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-bg-24 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-text-25 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-opacity-26 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transform-27 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-duration-28 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-property-29 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-timing-function-30 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transform-31 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-margin-inline-start-32 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-margin-inline-start-33 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-margin-inline-start-34 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-margin-inline-end-35 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-margin-inline-end-36 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-font-size-37 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-h-38 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-w-39 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-margin-inline-end-40 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-font-size-41 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-h-42 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-w-43 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-margin-inline-end-44 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-border-radius-45 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-border-radius-46 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-outline-style-47 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-outline-style-48 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-property-49 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transform-50 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-property-51"});
-    styles.input = __zyzzProps.create({className:"z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-align-self-0 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-bg-1 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-border-2 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-text-3 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-flex-basis-4 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-flex-grow-5 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-font-6 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-min-width-7 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-outline-8 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-p-15 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-w-9 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-text-10"});
+    styles.action = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-u-FjQX0 z_tds_2f_web-u-FjQX1n z_tds_2f_web-u-FjQX1o z_tds_2f_web-u-FjQX1p z_tds_2f_web-u-FjQX1q z_tds_2f_web-u-FjQX1r z_tds_2f_web-u-FjQX1s z_tds_2f_web-u-FjQX1t z_tds_2f_web-u-FjQX1u z_tds_2f_web-u-FjQX1v z_tds_2f_web-u-FjQX1w z_tds_2f_web-u-FjQX1x z_tds_2f_web-u-FjQX1y z_tds_2f_web-u-FjQX1z z_tds_2f_web-u-FjQX20 z_tds_2f_web-u-FjQX21 z_tds_2f_web-u-FjQX22 z_tds_2f_web-u-FjQX23 z_tds_2f_web-u-FjQX24 z_tds_2f_web-u-FjQX25 z_tds_2f_web-u-FjQX26 z_tds_2f_web-u-FjQX27 z_tds_2f_web-u-FjQX28 z_tds_2f_web-u-FjQX29 z_tds_2f_web-u-FjQX2a z_tds_2f_web-u-FjQX2b z_tds_2f_web-u-FjQX2c z_tds_2f_web-u-FjQX2d z_tds_2f_web-u-FjQX2e z_tds_2f_web-u-FjQX2f z_tds_2f_web-u-FjQX2g z_tds_2f_web-u-FjQX2h z_tds_2f_web-u-FjQX2i z_tds_2f_web-u-FjQX2j z_tds_2f_web-u-FjQX2k z_tds_2f_web-u-FjQX2l z_tds_2f_web-u-FjQX2m z_tds_2f_web-u-FjQX2n z_tds_2f_web-u-FjQX2o z_tds_2f_web-u-FjQX2p z_tds_2f_web-u-FjQX2q"});
+    styles.input = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-u-FjQX2r z_tds_2f_web-u-FjQX2s z_tds_2f_web-u-FjQX2t z_tds_2f_web-u-FjQX2u z_tds_2f_web-u-FjQX2v z_tds_2f_web-u-FjQX2w z_tds_2f_web-u-FjQX2x z_tds_2f_web-u-FjQX2y z_tds_2f_web-u-FjQX2z z_tds_2f_web-u-FjQX22 z_tds_2f_web-u-FjQX30 z_tds_2f_web-u-FjQX31 z_tds_2f_web-u-FjQX32"});
 })(styles || (styles = {}));
 //# sourceMappingURL=Field.js.map
 import './Field.css';

package/dist/web/components/internal/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../../src/web/components/internal/Field.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../../src/web/components/internal/Field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEtD;;;;GAIG;AACH,MAAM,KAAW,MAAM,CA4LtB;AA5LD,WAAiB,MAAM;IACR,YAAK,GAAG,QAAQ,CAC3B;QACE,IAAI,EAAE;YACJ,UAAU,EAAE,QAAQ;YACpB,eAAe,EAAE,mBAAmB;YACpC,MAAM,EAAE,cAAc;YACtB,YAAY,EAAE,IAAI;YAClB,SAAS,EAAE,YAAY;YACvB,KAAK,EAAE,iBAAiB;YACxB,SAAS,EAAE,GAAG;YACd,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,eAAe;YAC/B,SAAS,EAAE,IAAI;YACf,0FAA0F;YAC1F,YAAY,EAAE,qBAAqB;YACnC,aAAa,EAAE,GAAG;YAClB,YAAY,EAAE,eAAe;YAC7B,YAAY,EAAE,GAAG;YACjB,aAAa,EAAE,IAAI;YACnB,QAAQ,EAAE,UAAU;YACpB,SAAS,EAAE,OAAO;YAClB,kBAAkB,EAAE,KAAK;YACzB,kBAAkB,EAAE,gEAAgE;YACpF,wBAAwB,EAAE,QAAQ;YAClC,UAAU,EAAE,SAAS;YACrB,KAAK,EAAE,cAAc;YACrB,SAAS,EAAE;gBACT,+DAA+D;gBAC/D,WAAW,EAAE;oBACX,WAAW,EAAE,qBAAqB;oBAClC,YAAY,EAAE,iBAAiB;oBAC/B,WAAW,EAAE,eAAe;oBAC5B,WAAW,EAAE,SAAS;oBACtB,SAAS,EAAE,YAAY;oBACvB,OAAO,EAAE,YAAY;oBACrB,WAAW,EAAE,iBAAiB;oBAC9B,KAAK,EAAE,GAAG;oBACV,aAAa,EAAE,MAAM;oBACrB,QAAQ,EAAE,UAAU;oBACpB,kBAAkB,EAAE,KAAK;oBACzB,kBAAkB,EAAE,sBAAsB;oBAC1C,wBAAwB,EAAE,QAAQ;iBACnC;gBACD,oFAAoF;gBACpF,yBAAyB,EAAE;oBACzB,eAAe,EAAE,iBAAiB;oBAClC,OAAO,EAAE,YAAY;oBACrB,UAAU,EAAE,WAAW;oBACvB,MAAM,EAAE,IAAI;oBACZ,IAAI,EAAE,86BAA86B;oBACp7B,KAAK,EAAE,IAAI;iBACZ;gBACD,cAAc,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;gBACrC,iFAAiF;gBACjF,sCAAsC,EAAE,EAAE,eAAe,EAAE,kBAAkB,EAAE;gBAC/E,+CAA+C,EAAE;oBAC/C,eAAe,EAAE,qBAAqB;iBACvC;gBACD,oDAAoD,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;gBACrF,0EAA0E,EAAE;oBAC1E,eAAe,EAAE,oBAAoB;iBACtC;gBACD,8BAA8B,EAAE;oBAC9B,eAAe,EAAE,kBAAkB;oBACnC,KAAK,EAAE,gBAAgB;oBACvB,MAAM,EAAE,SAAS;iBAClB;aACF;YACD,gCAAgC,EAAE;gBAChC,YAAY,EAAE,cAAc;gBAC5B,SAAS,EAAE;oBACT,wCAAwC,EAAE,EAAE,YAAY,EAAE,eAAe,EAAE;iBAC5E;aACF;YACD,yCAAyC,EAAE;gBACzC,kBAAkB,EAAE,gEAAgE;aACrF;SACF;QACD,eAAe,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QACtC,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,MAAM,EAAE,EAAE;gBACV,qFAAqF;gBACrF,QAAQ,EAAE;oBACR,eAAe,EAAE,qBAAqB;oBACtC,SAAS,EAAE;wBACT,WAAW,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;wBAC5C,qFAAqF,EACnF;4BACE,WAAW,EAAE,iBAAiB;yBAC/B;qBACJ;iBACF;aACF;SACF;KACF,EACD,EAAE,EAAE,EAAE,sBAAsB,EAAE,CAC/B,CAAA;IAED;;;OAGG;IACU,aAAM,GAAG,KAAK,CACzB;QACE,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,qBAAqB;QACtC,MAAM,EAAE,cAAc;QACtB,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,YAAY;QACvB,KAAK,EAAE,kBAAkB;QACzB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,aAAa;QACtB,UAAU,EAAE,WAAW;QACvB,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,IAAI;QACZ,cAAc,EAAE,QAAQ;QACxB,YAAY,EAAE,qBAAqB;QACnC,aAAa,EAAE,GAAG;QAClB,YAAY,EAAE,eAAe;QAC7B,YAAY,EAAE,GAAG;QACjB,OAAO,EAAE,GAAG;QACZ,kBAAkB,EAAE,KAAK;QACzB,kBAAkB,EAAE,oEAAoE;QACxF,wBAAwB,EAAE,QAAQ;QAClC,KAAK,EAAE,IAAI;QACX,SAAS,EAAE;YACT,yBAAyB,EAAE;gBACzB,SAAS,EAAE,qBAAqB;gBAChC,kBAAkB,EAAE,KAAK;aAC1B;YACD,YAAY,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;YACnC,qBAAqB,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE;YAClD,iBAAiB,EAAE,EAAE,YAAY,EAAE,cAAc,EAAE;YACnD,wBAAwB,EAAE,EAAE,eAAe,EAAE,kBAAkB,EAAE,KAAK,EAAE,iBAAiB,EAAE;YAC3F,8CAA8C,EAAE;gBAC9C,OAAO,EAAE,WAAW;gBACpB,SAAS,EAAE,oBAAoB;aAChC;YACD,SAAS,EAAE;gBACT,kBAAkB,EAAE,KAAK;gBACzB,kBAAkB,EAAE,mBAAmB;gBACvC,wBAAwB,EAAE,QAAQ;aACnC;YACD,0BAA0B,EAAE,EAAE,SAAS,EAAE,wBAAwB,EAAE;YACnE,0EAA0E;YAC1E,OAAO,EAAE,EAAE,iBAAiB,EAAE,IAAI,EAAE;YACpC,cAAc,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE;SAC3C;QACD,gCAAgC,EAAE;YAChC,YAAY,EAAE,cAAc;YAC5B,SAAS,EAAE,EAAE,iBAAiB,EAAE,EAAE,YAAY,EAAE,eAAe,EAAE,EAAE;SACpE;QACD,yCAAyC,EAAE;YACzC,kBAAkB,EAAE,yDAAyD;YAC7E,SAAS,EAAE;gBACT,uEAAuE,EAAE;oBACvE,SAAS,EAAE,cAAc;iBAC1B;gBACD,SAAS,EAAE,EAAE,kBAAkB,EAAE,cAAc,EAAE;aAClD;SACF;KACF,EACD,EAAE,EAAE,EAAE,6BAA6B,EAAE,CACtC,CAAA;IAEY,YAAK,GAAG,KAAK,CACxB;QACE,SAAS,EAAE,SAAS;QACpB,eAAe,EAAE,qBAAqB;QACtC,MAAM,EAAE,cAAc;QACtB,KAAK,EAAE,iBAAiB;QACxB,SAAS,EAAE,GAAG;QACd,QAAQ,EAAE,WAAW;QACrB,IAAI,EAAE,iBAAiB;QACvB,QAAQ,EAAE,GAAG;QACb,OAAO,EAAE,cAAc;QACvB,OAAO,EAAE,GAAG;QACZ,oFAAoF;QACpF,KAAK,EAAE,GAAG;QACV,SAAS,EAAE;YACT,gBAAgB,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE;YAC/C,yBAAyB,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE;SACvD;KACF,EACD,EAAE,EAAE,EAAE,4BAA4B,EAAE,CACrC,CAAA;AACH,CAAC,EA5LgB,MAAM,KAAN,MAAM,QA4LtB"}