@tempoxyz/ds 0.2.6 → 0.3.0

package/dist/web/components/Field.css

@@ -1 +1 @@
-.z_tds_2f_web-mGY5xP0{color:var(--z-tds_2f_web-color-gray-900,light-dark(#4d4d4d,#bcbbbb))}.z_tds_2f_web-mGY5xP1{margin:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-mGY5xP2{transition-duration:var(--z-tds_2f_web-transitionDuration-200,.2s)}.z_tds_2f_web-mGY5xP3{transition-property:color,filter,opacity,transform}.z_tds_2f_web-mGY5xP4{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-mGY5xP5{font-family:var(--z-tds_2f_web-typography-label-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-mGY5xP6{font-size:var(--z-tds_2f_web-typography-label-14-fontSize,14px)}.z_tds_2f_web-mGY5xP7{font-weight:var(--z-tds_2f_web-typography-label-14-fontWeight,450)}.z_tds_2f_web-mGY5xP8{letter-spacing:var(--z-tds_2f_web-typography-label-14-letterSpacing,-.09px)}.z_tds_2f_web-mGY5xP9{line-height:var(--z-tds_2f_web-typography-label-14-lineHeight,20px)}.z_tds_2f_web-mGY5xPa{:has(>[data-size=medium],>*>[data-size=medium])>&{font-family:var(--z-tds_2f_web-typography-label-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-mGY5xPb{:has(>[data-size=medium],>*>[data-size=medium])>&{font-size:var(--z-tds_2f_web-typography-label-13-fontSize,13px)}}.z_tds_2f_web-mGY5xPc{:has(>[data-size=medium],>*>[data-size=medium])>&{font-weight:var(--z-tds_2f_web-typography-label-13-fontWeight,450)}}.z_tds_2f_web-mGY5xPd{:has(>[data-size=medium],>*>[data-size=medium])>&{letter-spacing:var(--z-tds_2f_web-typography-label-13-letterSpacing,-.04px)}}.z_tds_2f_web-mGY5xPe{:has(>[data-size=medium],>*>[data-size=medium])>&{line-height:var(--z-tds_2f_web-typography-label-13-lineHeight,16px)}}.z_tds_2f_web-mGY5xPf{:has(>[data-size=small],>*>[data-size=small])>&{font-family:var(--z-tds_2f_web-typography-label-12-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-mGY5xPg{:has(>[data-size=small],>*>[data-size=small])>&{font-size:var(--z-tds_2f_web-typography-label-12-fontSize,12px)}}.z_tds_2f_web-mGY5xPh{:has(>[data-size=small],>*>[data-size=small])>&{font-weight:var(--z-tds_2f_web-typography-label-12-fontWeight,450)}}.z_tds_2f_web-mGY5xPi{:has(>[data-size=small],>*>[data-size=small])>&{letter-spacing:var(--z-tds_2f_web-typography-label-12-letterSpacing,.01px)}}.z_tds_2f_web-mGY5xPj{:has(>[data-size=small],>*>[data-size=small])>&{line-height:var(--z-tds_2f_web-typography-label-12-lineHeight,16px)}}.z_tds_2f_web-mGY5xPk{:has(>[data-field-error]:not([data-ending-style]))>&{color:var(--z-tds_2f_web-color-red-900,light-dark(#cf2203,#f55c45))}}.z_tds_2f_web-mGY5xPl{:has(>[data-field-error]:not([data-ending-style]))>&{filter:blur(2px)}}.z_tds_2f_web-mGY5xPm{:has(>[data-field-error]:not([data-ending-style]))>&{inset-block-end:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-mGY5xPn{:has(>[data-field-error]:not([data-ending-style]))>&{inset-inline:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-mGY5xPo{:has(>[data-field-error]:not([data-ending-style]))>&{opacity:0}}.z_tds_2f_web-mGY5xPp{:has(>[data-field-error]:not([data-ending-style]))>&{pointer-events:none}}.z_tds_2f_web-mGY5xPq{:has(>[data-field-error]:not([data-ending-style]))>&{position:absolute}}.z_tds_2f_web-mGY5xPr{:has(>[data-field-error]:not([data-ending-style]))>&{transform:translateY(-4px)}}.z_tds_2f_web-mGY5xPs{:has(>[data-field-error]:not([data-ending-style]))>&{transition-duration:var(--z-tds_2f_web-transitionDuration-150,.15s)}}.z_tds_2f_web-mGY5xPt{[data-variant=setting]>&{grid-column:1}}.z_tds_2f_web-mGY5xPu{[data-variant=setting]>&{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-mGY5xPv{[data-variant=setting]>&{font-size:var(--z-tds_2f_web-typography-copy-14-fontSize,14px)}}.z_tds_2f_web-mGY5xPw{[data-variant=setting]>&{font-weight:var(--z-tds_2f_web-typography-copy-14-fontWeight,450)}}.z_tds_2f_web-mGY5xPx{[data-variant=setting]>&{letter-spacing:var(--z-tds_2f_web-typography-copy-14-letterSpacing,-.09px)}}.z_tds_2f_web-mGY5xPy{[data-variant=setting]>&{line-height:var(--z-tds_2f_web-typography-copy-14-lineHeight,20px)}}.z_tds_2f_web-mGY5xPz{[data-variant=setting][data-field-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-mGY5xP10{[data-variant=setting][data-field-size=small]>&{font-size:var(--z-tds_2f_web-typography-copy-13-fontSize,13px)}}.z_tds_2f_web-mGY5xP11{[data-variant=setting][data-field-size=small]>&{font-weight:var(--z-tds_2f_web-typography-copy-13-fontWeight,450)}}.z_tds_2f_web-mGY5xP12{[data-variant=setting][data-field-size=small]>&{letter-spacing:var(--z-tds_2f_web-typography-copy-13-letterSpacing,-.04px)}}.z_tds_2f_web-mGY5xP13{[data-variant=setting][data-field-size=small]>&{line-height:var(--z-tds_2f_web-typography-copy-13-lineHeight,18px)}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-mGY5xP14{transition-property:opacity}.z_tds_2f_web-mGY5xP15{:has(>[data-field-error]:not([data-ending-style]))>&{filter:none}}.z_tds_2f_web-mGY5xP16{:has(>[data-field-error]:not([data-ending-style]))>&{transform:none}}}.z_tds_2f_web-mGY5xP17{color:var(--z-tds_2f_web-color-red-900,light-dark(#cf2203,#f55c45))}.z_tds_2f_web-mGY5xP18{transition-duration:var(--z-tds_2f_web-transitionDuration-200,.2s)}.z_tds_2f_web-mGY5xP19{font-family:var(--z-tds_2f_web-typography-label-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-mGY5xP1a{font-size:var(--z-tds_2f_web-typography-label-14-fontSize,14px)}.z_tds_2f_web-mGY5xP1b{font-weight:var(--z-tds_2f_web-typography-label-14-fontWeight,450)}.z_tds_2f_web-mGY5xP1c{letter-spacing:var(--z-tds_2f_web-typography-label-14-letterSpacing,-.09px)}.z_tds_2f_web-mGY5xP1d{line-height:var(--z-tds_2f_web-typography-label-14-lineHeight,20px)}.z_tds_2f_web-mGY5xP1e{:has(>[data-size=medium],>*>[data-size=medium])>&{font-family:var(--z-tds_2f_web-typography-label-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-mGY5xP1f{:has(>[data-size=medium],>*>[data-size=medium])>&{font-size:var(--z-tds_2f_web-typography-label-13-fontSize,13px)}}.z_tds_2f_web-mGY5xP1g{:has(>[data-size=medium],>*>[data-size=medium])>&{font-weight:var(--z-tds_2f_web-typography-label-13-fontWeight,450)}}.z_tds_2f_web-mGY5xP1h{:has(>[data-size=medium],>*>[data-size=medium])>&{letter-spacing:var(--z-tds_2f_web-typography-label-13-letterSpacing,-.04px)}}.z_tds_2f_web-mGY5xP1i{:has(>[data-size=medium],>*>[data-size=medium])>&{line-height:var(--z-tds_2f_web-typography-label-13-lineHeight,16px)}}.z_tds_2f_web-mGY5xP1j{:has(>[data-size=small],>*>[data-size=small])>&{font-family:var(--z-tds_2f_web-typography-label-12-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-mGY5xP1k{:has(>[data-size=small],>*>[data-size=small])>&{font-size:var(--z-tds_2f_web-typography-label-12-fontSize,12px)}}.z_tds_2f_web-mGY5xP1l{:has(>[data-size=small],>*>[data-size=small])>&{font-weight:var(--z-tds_2f_web-typography-label-12-fontWeight,450)}}.z_tds_2f_web-mGY5xP1m{:has(>[data-size=small],>*>[data-size=small])>&{letter-spacing:var(--z-tds_2f_web-typography-label-12-letterSpacing,.01px)}}.z_tds_2f_web-mGY5xP1n{:has(>[data-size=small],>*>[data-size=small])>&{line-height:var(--z-tds_2f_web-typography-label-12-lineHeight,16px)}}.z_tds_2f_web-mGY5xP1o{&[data-ending-style]{color:var(--z-tds_2f_web-color-gray-900,light-dark(#4d4d4d,#bcbbbb))}}.z_tds_2f_web-mGY5xP1p{&[data-ending-style]{filter:blur(2px)}}.z_tds_2f_web-mGY5xP1q{&[data-ending-style]{inset-block-end:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-mGY5xP1r{&[data-ending-style]{inset-inline:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-mGY5xP1s{&[data-ending-style]{opacity:0}}.z_tds_2f_web-mGY5xP1t{&[data-ending-style]{position:absolute}}.z_tds_2f_web-mGY5xP1u{&[data-ending-style]{transform:translateY(4px)}}.z_tds_2f_web-mGY5xP1v{&[data-ending-style]{transition-duration:var(--z-tds_2f_web-transitionDuration-150,.15s)}}.z_tds_2f_web-mGY5xP1w{&[data-starting-style]{color:var(--z-tds_2f_web-color-gray-900,light-dark(#4d4d4d,#bcbbbb))}}.z_tds_2f_web-mGY5xP1x{&[data-starting-style]{filter:blur(2px)}}.z_tds_2f_web-mGY5xP1y{&[data-starting-style]{opacity:0}}.z_tds_2f_web-mGY5xP1z{&[data-starting-style]{transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-mGY5xP20{&[data-ending-style],&[data-starting-style]{filter:none}}.z_tds_2f_web-mGY5xP21{&[data-ending-style],&[data-starting-style]{transform:none}}}.z_tds_2f_web-mGY5xP22{align-items:center}.z_tds_2f_web-mGY5xP23{column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}.z_tds_2f_web-mGY5xP24{display:flex}.z_tds_2f_web-mGY5xP25{color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}.z_tds_2f_web-mGY5xP26{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-mGY5xP27{transition-property:color,opacity}.z_tds_2f_web-mGY5xP28{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-mGY5xP29{font-family:var(--z-tds_2f_web-typography-label-14-strong-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-mGY5xP2a{font-size:var(--z-tds_2f_web-typography-label-14-strong-fontSize,14px)}.z_tds_2f_web-mGY5xP2b{font-weight:var(--z-tds_2f_web-typography-label-14-strong-fontWeight,500)}.z_tds_2f_web-mGY5xP2c{letter-spacing:var(--z-tds_2f_web-typography-label-14-strong-letterSpacing,-.09px)}.z_tds_2f_web-mGY5xP2d{line-height:var(--z-tds_2f_web-typography-label-14-strong-lineHeight,20px)}.z_tds_2f_web-mGY5xP2e{:has(>[data-size=medium],>*>[data-size=medium])>&{font-family:var(--z-tds_2f_web-typography-label-13-strong-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-mGY5xP2f{:has(>[data-size=medium],>*>[data-size=medium])>&{font-size:var(--z-tds_2f_web-typography-label-13-strong-fontSize,13px)}}.z_tds_2f_web-mGY5xP2g{:has(>[data-size=medium],>*>[data-size=medium])>&{font-weight:var(--z-tds_2f_web-typography-label-13-strong-fontWeight,500)}}.z_tds_2f_web-mGY5xP2h{:has(>[data-size=medium],>*>[data-size=medium])>&{letter-spacing:var(--z-tds_2f_web-typography-label-13-strong-letterSpacing,-.04px)}}.z_tds_2f_web-mGY5xP2i{:has(>[data-size=medium],>*>[data-size=medium])>&{line-height:var(--z-tds_2f_web-typography-label-13-strong-lineHeight,16px)}}.z_tds_2f_web-mGY5xP2j{:has(>[data-size=small],>*>[data-size=small])>&{font-family:var(--z-tds_2f_web-typography-label-12-strong-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-mGY5xP2k{:has(>[data-size=small],>*>[data-size=small])>&{font-size:var(--z-tds_2f_web-typography-label-12-strong-fontSize,12px)}}.z_tds_2f_web-mGY5xP2l{:has(>[data-size=small],>*>[data-size=small])>&{font-weight:var(--z-tds_2f_web-typography-label-12-strong-fontWeight,500)}}.z_tds_2f_web-mGY5xP2m{:has(>[data-size=small],>*>[data-size=small])>&{letter-spacing:var(--z-tds_2f_web-typography-label-12-strong-letterSpacing,.01px)}}.z_tds_2f_web-mGY5xP2n{:has(>[data-size=small],>*>[data-size=small])>&{line-height:var(--z-tds_2f_web-typography-label-12-strong-lineHeight,16px)}}.z_tds_2f_web-mGY5xP2o{[data-disabled] &{opacity:var(--z-tds_2f_web-opacity-disabled,.4)}}.z_tds_2f_web-mGY5xP2p{[data-variant=setting]>&{grid-column:1}}.z_tds_2f_web-mGY5xP2q{[data-variant=setting]>&{font-family:var(--z-tds_2f_web-typography-copy-15-strong-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-mGY5xP2r{[data-variant=setting]>&{font-size:var(--z-tds_2f_web-typography-copy-15-strong-fontSize,15px)}}.z_tds_2f_web-mGY5xP2s{[data-variant=setting]>&{font-weight:var(--z-tds_2f_web-typography-copy-15-strong-fontWeight,550)}}.z_tds_2f_web-mGY5xP2t{[data-variant=setting]>&{letter-spacing:var(--z-tds_2f_web-typography-copy-15-strong-letterSpacing,-.13px)}}.z_tds_2f_web-mGY5xP2u{[data-variant=setting]>&{line-height:var(--z-tds_2f_web-typography-copy-15-strong-lineHeight,24px)}}.z_tds_2f_web-mGY5xP2v{[data-variant=setting][data-field-size=small]>&{font-family:var(--z-tds_2f_web-typography-copy-14-strong-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-mGY5xP2w{[data-variant=setting][data-field-size=small]>&{font-size:var(--z-tds_2f_web-typography-copy-14-strong-fontSize,14px)}}.z_tds_2f_web-mGY5xP2x{[data-variant=setting][data-field-size=small]>&{font-weight:var(--z-tds_2f_web-typography-copy-14-strong-fontWeight,550)}}.z_tds_2f_web-mGY5xP2y{[data-variant=setting][data-field-size=small]>&{letter-spacing:var(--z-tds_2f_web-typography-copy-14-strong-letterSpacing,-.09px)}}.z_tds_2f_web-mGY5xP2z{[data-variant=setting][data-field-size=small]>&{line-height:var(--z-tds_2f_web-typography-copy-14-strong-lineHeight,20px)}}.z_tds_2f_web-mGY5xP30{[data-variant=stacked]>&{align-self:start}}.z_tds_2f_web-mGY5xP31{[data-variant=stacked]>&{color:var(--z-tds_2f_web-color-gray-900,light-dark(#4d4d4d,#bcbbbb))}}.z_tds_2f_web-mGY5xP32{[data-variant=stacked]>&{grid-area:1/1}}.z_tds_2f_web-mGY5xP33{[data-variant=stacked]>&{inset-inline-start:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-mGY5xP34{[data-variant=stacked]>&{margin-inline:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-mGY5xP35{[data-variant=stacked]>&{pointer-events:none}}.z_tds_2f_web-mGY5xP36{[data-variant=stacked]>&{transform:translateY(10px)}}.z_tds_2f_web-mGY5xP37{[data-variant=stacked]>&{transform-origin:0 0}}.z_tds_2f_web-mGY5xP38{[data-variant=stacked]>&{transition-duration:var(--z-tds_2f_web-transitionDuration-240,.24s)}}.z_tds_2f_web-mGY5xP39{[data-variant=stacked]>&{transition-property:color,opacity,transform}}.z_tds_2f_web-mGY5xP3a{[data-variant=stacked]>&{transition-timing-function:var(--z-tds_2f_web-ease-spring,cubic-bezier(.32, .72, 0, 1))}}.z_tds_2f_web-mGY5xP3b{[data-variant=stacked]>&{font-family:var(--z-tds_2f_web-typography-label-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-mGY5xP3c{[data-variant=stacked]>&{font-size:var(--z-tds_2f_web-typography-label-14-fontSize,14px)}}.z_tds_2f_web-mGY5xP3d{[data-variant=stacked]>&{font-weight:var(--z-tds_2f_web-typography-label-14-fontWeight,450)}}.z_tds_2f_web-mGY5xP3e{[data-variant=stacked]>&{letter-spacing:var(--z-tds_2f_web-typography-label-14-letterSpacing,-.09px)}}.z_tds_2f_web-mGY5xP3f{[data-variant=stacked]>&{line-height:var(--z-tds_2f_web-typography-label-14-lineHeight,20px)}}.z_tds_2f_web-mGY5xP3g{[data-variant=stacked]>&{z-index:1}}.z_tds_2f_web-mGY5xP3h{[data-variant=stacked][data-filled]>&,[data-variant=stacked][data-focused]>&{transform:translateY(3px)scale(.75)}}.z_tds_2f_web-mGY5xP3i{[data-variant=stacked]:has(>[data-size=large],>*>[data-size=large])>&{margin-inline:var(--z-tds_2f_web-spacing-20,1.25rem)}}.z_tds_2f_web-mGY5xP3j{[data-variant=stacked]:has(>[data-size=large],>*>[data-size=large])>&{transform:translateY(18px)}}.z_tds_2f_web-mGY5xP3k{[data-variant=stacked]:has(>[data-size=large],>*>[data-size=large])>&{font-family:var(--z-tds_2f_web-typography-label-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-mGY5xP3l{[data-variant=stacked]:has(>[data-size=large],>*>[data-size=large])>&{font-size:var(--z-tds_2f_web-typography-label-16-fontSize,16px)}}.z_tds_2f_web-mGY5xP3m{[data-variant=stacked]:has(>[data-size=large],>*>[data-size=large])>&{font-weight:var(--z-tds_2f_web-typography-label-16-fontWeight,450)}}.z_tds_2f_web-mGY5xP3n{[data-variant=stacked]:has(>[data-size=large],>*>[data-size=large])>&{letter-spacing:var(--z-tds_2f_web-typography-label-16-letterSpacing,-.18px)}}.z_tds_2f_web-mGY5xP3o{[data-variant=stacked]:has(>[data-size=large],>*>[data-size=large])>&{line-height:var(--z-tds_2f_web-typography-label-16-lineHeight,20px)}}.z_tds_2f_web-mGY5xP3p{:is([data-variant=stacked][data-filled],[data-variant=stacked][data-focused]):has(>[data-size=large],>*>[data-size=large])>&{transform:translateY(8px)scale(.75)}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-mGY5xP3q{[data-variant=stacked]>&{transition-property:color,opacity}}}.z_tds_2f_web-mGY5xP3r{align-content:start}.z_tds_2f_web-mGY5xP3s{display:grid}.z_tds_2f_web-mGY5xP3t{grid-template-columns:minmax(0,1fr)}.z_tds_2f_web-mGY5xP3u{position:relative}.z_tds_2f_web-mGY5xP3v{row-gap:var(--z-tds_2f_web-spacing-8,.5rem)}.z_tds_2f_web-mGY5xP3w{&:has(>[data-size=small],>*>[data-size=small]){row-gap:var(--z-tds_2f_web-spacing-6,.375rem)}}.z_tds_2f_web-mGY5xP3x{&:has(>[role=radiogroup],>[role=group] [role=checkbox]){row-gap:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-mGY5xP3y{&[data-variant=setting]{align-content:center}}.z_tds_2f_web-mGY5xP3z{&[data-variant=setting]{column-gap:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-mGY5xP40{&[data-variant=setting]{grid-template-columns:minmax(0,1fr) auto}}.z_tds_2f_web-mGY5xP41{&[data-variant=setting]{padding-block:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-mGY5xP42{&[data-variant=setting]{row-gap:var(--z-tds_2f_web-spacing-4,.25rem)}}.z_tds_2f_web-mGY5xP43{&[data-variant=setting][data-field-size=small]{padding-block:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-mGY5xP44{&[data-variant=setting][data-field-size=small]{row-gap:var(--z-tds_2f_web-spacing-2,.125rem)}}
+.z_tds_2f_web-mGY5xP0{color:var(--z-tds_2f_web-color-content-secondary,light-dark(var(--z-tds_2f_web-color-neutral-shade-056,#0000008f),var(--z-tds_2f_web-color-neutral-tint-056,#ffffff8f)))}.z_tds_2f_web-mGY5xP1{margin:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-mGY5xP2{transition-duration:var(--z-tds_2f_web-transitionDuration-200,.2s)}.z_tds_2f_web-mGY5xP3{transition-property:color,filter,opacity,transform}.z_tds_2f_web-mGY5xP4{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-mGY5xP5{font-family:var(--z-tds_2f_web-typography-body-b3-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-mGY5xP6{font-size:var(--z-tds_2f_web-typography-body-b3-fontSize,12px)}.z_tds_2f_web-mGY5xP7{font-weight:var(--z-tds_2f_web-typography-body-b3-fontWeight,400)}.z_tds_2f_web-mGY5xP8{letter-spacing:var(--z-tds_2f_web-typography-body-b3-letterSpacing,.15px)}.z_tds_2f_web-mGY5xP9{line-height:var(--z-tds_2f_web-typography-body-b3-lineHeight,16px)}.z_tds_2f_web-mGY5xPa{:has(>[data-field-error]:not([data-ending-style]))>&{color:var(--z-tds_2f_web-color-content-negative,var(--z-tds_2f_web-color-accent-red-background,light-dark(#eb3417,#f55c45)))}}.z_tds_2f_web-mGY5xPb{:has(>[data-field-error]:not([data-ending-style]))>&{filter:blur(2px)}}.z_tds_2f_web-mGY5xPc{:has(>[data-field-error]:not([data-ending-style]))>&{inset-block-end:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-mGY5xPd{:has(>[data-field-error]:not([data-ending-style]))>&{inset-inline:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-mGY5xPe{:has(>[data-field-error]:not([data-ending-style]))>&{opacity:0}}.z_tds_2f_web-mGY5xPf{:has(>[data-field-error]:not([data-ending-style]))>&{pointer-events:none}}.z_tds_2f_web-mGY5xPg{:has(>[data-field-error]:not([data-ending-style]))>&{position:absolute}}.z_tds_2f_web-mGY5xPh{:has(>[data-field-error]:not([data-ending-style]))>&{transform:translateY(-4px)}}.z_tds_2f_web-mGY5xPi{:has(>[data-field-error]:not([data-ending-style]))>&{transition-duration:var(--z-tds_2f_web-transitionDuration-150,.15s)}}.z_tds_2f_web-mGY5xPj{[data-success]>&{color:var(--z-tds_2f_web-color-content-positive,var(--z-tds_2f_web-color-accent-green-background,light-dark(#13a963,#59e5a4)))}}.z_tds_2f_web-mGY5xPk{[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)))}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-mGY5xPl{transition-property:opacity}.z_tds_2f_web-mGY5xPm{:has(>[data-field-error]:not([data-ending-style]))>&{filter:none}}.z_tds_2f_web-mGY5xPn{:has(>[data-field-error]:not([data-ending-style]))>&{transform:none}}}.z_tds_2f_web-mGY5xPo{color:var(--z-tds_2f_web-color-content-negative,var(--z-tds_2f_web-color-accent-red-background,light-dark(#eb3417,#f55c45)))}.z_tds_2f_web-mGY5xPp{transition-duration:var(--z-tds_2f_web-transitionDuration-200,.2s)}.z_tds_2f_web-mGY5xPq{&[data-ending-style]{color:var(--z-tds_2f_web-color-content-secondary,light-dark(var(--z-tds_2f_web-color-neutral-shade-056,#0000008f),var(--z-tds_2f_web-color-neutral-tint-056,#ffffff8f)))}}.z_tds_2f_web-mGY5xPr{&[data-ending-style]{filter:blur(2px)}}.z_tds_2f_web-mGY5xPs{&[data-ending-style]{inset-block-end:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-mGY5xPt{&[data-ending-style]{inset-inline:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-mGY5xPu{&[data-ending-style]{opacity:0}}.z_tds_2f_web-mGY5xPv{&[data-ending-style]{position:absolute}}.z_tds_2f_web-mGY5xPw{&[data-ending-style]{transform:translateY(4px)}}.z_tds_2f_web-mGY5xPx{&[data-ending-style]{transition-duration:var(--z-tds_2f_web-transitionDuration-150,.15s)}}.z_tds_2f_web-mGY5xPy{&[data-starting-style]{color:var(--z-tds_2f_web-color-content-secondary,light-dark(var(--z-tds_2f_web-color-neutral-shade-056,#0000008f),var(--z-tds_2f_web-color-neutral-tint-056,#ffffff8f)))}}.z_tds_2f_web-mGY5xPz{&[data-starting-style]{filter:blur(2px)}}.z_tds_2f_web-mGY5xP10{&[data-starting-style]{opacity:0}}.z_tds_2f_web-mGY5xP11{&[data-starting-style]{transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-mGY5xP12{&[data-ending-style],&[data-starting-style]{filter:none}}.z_tds_2f_web-mGY5xP13{&[data-ending-style],&[data-starting-style]{transform:none}}}.z_tds_2f_web-mGY5xP14{align-items:center}.z_tds_2f_web-mGY5xP15{column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}.z_tds_2f_web-mGY5xP16{display:flex}.z_tds_2f_web-mGY5xP17{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-mGY5xP18{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-mGY5xP19{transition-property:color,opacity}.z_tds_2f_web-mGY5xP1a{font-family:var(--z-tds_2f_web-typography-body-b2Strong-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-mGY5xP1b{font-size:var(--z-tds_2f_web-typography-body-b2Strong-fontSize,14px)}.z_tds_2f_web-mGY5xP1c{font-weight:var(--z-tds_2f_web-typography-body-b2Strong-fontWeight,500)}.z_tds_2f_web-mGY5xP1d{letter-spacing:var(--z-tds_2f_web-typography-body-b2Strong-letterSpacing,.14px)}.z_tds_2f_web-mGY5xP1e{line-height:var(--z-tds_2f_web-typography-body-b2Strong-lineHeight,20px)}.z_tds_2f_web-mGY5xP1f{&:has(>[data-field-secondary]){column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}}.z_tds_2f_web-mGY5xP1g{&:has(>[data-field-secondary]){display:flex}}.z_tds_2f_web-mGY5xP1h{[data-disabled] &{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-mGY5xP1i{align-content:start}.z_tds_2f_web-mGY5xP1j{display:grid}.z_tds_2f_web-mGY5xP1k{grid-template-columns:minmax(0,1fr)}.z_tds_2f_web-mGY5xP1l{position:relative}.z_tds_2f_web-mGY5xP1m{row-gap:var(--z-tds_2f_web-spacing-12,.75rem)}.z_tds_2f_web-mGY5xP1n{&:has(>[role=radiogroup],>[role=group] [role=checkbox]){row-gap:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-mGY5xP1o{&:has(>[data-otp-field]){row-gap:var(--z-tds_2f_web-spacing-8,.5rem)}}.z_tds_2f_web-mGY5xP1p{color:var(--z-tds_2f_web-color-content-secondary,light-dark(var(--z-tds_2f_web-color-neutral-shade-056,#0000008f),var(--z-tds_2f_web-color-neutral-tint-056,#ffffff8f)))}.z_tds_2f_web-mGY5xP1q{margin-inline-start:auto}.z_tds_2f_web-mGY5xP1r{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-mGY5xP1s{font-size:var(--z-tds_2f_web-typography-body-b2-fontSize,14px)}.z_tds_2f_web-mGY5xP1t{font-weight:var(--z-tds_2f_web-typography-body-b2-fontWeight,400)}.z_tds_2f_web-mGY5xP1u{letter-spacing:var(--z-tds_2f_web-typography-body-b2-letterSpacing,.14px)}.z_tds_2f_web-mGY5xP1v{line-height:var(--z-tds_2f_web-typography-body-b2-lineHeight,20px)}.z_tds_2f_web-mGY5xP1w{[data-disabled] &{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)))}}

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

@@ -1,14 +1,9 @@
 import * as BaseUi from '@base-ui/react/field';
 import { type ComponentPropsWithRef } from 'react';
 import type * as zyzz from 'zyzz';
-import * as FieldVariant from './internal/FieldVariant.js';
 /**
- * Labeled form field. `stacked` places the label inside the field and floats it above the value
- * when the control is focused or filled, and a small control takes the medium size for room.
- * `default` places the label above the field. The label and
- * row gap follow the `size` of the control inside, and an error replaces the description.
- * `setting` puts the label and description beside a trailing control, and `size="small"` makes
- * that row compact.
+ * Labeled form field. The label sits 12px above the control and the message 12px below it, and a
+ * shown error replaces the description.
  *
  * - Give every control a visible `Field.Label`. Base UI links it to the control.
  * - Base UI adds `Field.Description` and a shown `Field.Error` to the control's `aria-describedby`.
@@ -17,9 +12,9 @@ import * as FieldVariant from './internal/FieldVariant.js';
  * @example
  * <Field.Root invalid={invalid}>
  *   <Field.Label>Email</Field.Label>
- *   <Input.Group>
- *     <Input.Control type="email" />
- *   </Input.Group>
+ *   <TextInput.Group>
+ *     <TextInput.Control type="email" />
+ *   </TextInput.Group>
  *   <Field.Description>Used for receipts.</Field.Description>
  *   <Field.Error match={invalid}>Enter a valid email.</Field.Error>
  * </Field.Root>
@@ -32,9 +27,7 @@ import * as FieldVariant from './internal/FieldVariant.js';
  */
 export declare namespace Field {
     /**
-     * Owns validity, dirty, touched and filled state for one control and shares the variant with the
-     * controls inside. Without `variant`, it inherits the variant of an enclosing `Fieldset` or
-     * `Field`, falling back to `default`.
+     * Owns validity, dirty, touched and filled state for one control.
      *
      * When a native `form` submit finds the control invalid, such as an empty `required` input, the
      * field validates and shows `Field.Error`. Outside `onBlur` mode, it then revalidates on each
@@ -46,15 +39,8 @@ export declare namespace Field {
     function Root(props: Root.Props): import("react").JSX.Element;
     namespace Root {
         type Props = ComponentPropsWithRef<'div'> & zyzz.Props.Variants<typeof styles.root> & Pick<BaseUi.Field.Root.Props, 'actionsRef' | 'dirty' | 'disabled' | 'invalid' | 'name' | 'render' | 'touched' | 'validate' | 'validationDebounceTime' | 'validationMode'> & {
-            /**
-             * The density of a `setting` row: `medium` (default) or `small`, which sets smaller text and
-             * less padding. Other variants follow the size of the control inside instead.
-             */
-            size?: 'medium' | 'small' | undefined;
-            /** Marks the value as accepted. Controls inside take the success tint and ring. */
+            /** Marks the value as accepted. Text fields inside end with a check. */
             success?: boolean | undefined;
-            /** The label layout: `default`, `stacked` or `setting`. */
-            variant?: FieldVariant.Variant | undefined;
         };
     }
     /** The control's label, rendered as a native `label` associated with the control. */
@@ -62,6 +48,14 @@ export declare namespace Field {
     namespace Label {
         type Props = ComponentPropsWithRef<'label'> & zyzz.Props.Variants<typeof styles.label> & Pick<BaseUi.Field.Label.Props, 'nativeLabel' | 'render'>;
     }
+    /**
+     * Regular-weight text at the end of the label row, such as "Optional". Place it inside
+     * `Field.Label`, so it joins the control's accessible name.
+     */
+    function SecondaryLabel(props: SecondaryLabel.Props): import("react").JSX.Element;
+    namespace SecondaryLabel {
+        type Props = ComponentPropsWithRef<'span'> & zyzz.Props.Variants<typeof styles.secondaryLabel>;
+    }
     /** Hint text rendered as a `p`. It fades out while a `Field.Error` is shown. */
     function Description(props: Description.Props): import("react").JSX.Element;
     namespace Description {
@@ -92,6 +86,7 @@ declare namespace styles {
     const item: zyzz.style.ReturnType<"react">;
     const label: zyzz.style.ReturnType<"react">;
     const root: zyzz.style.ReturnType<"react">;
+    const secondaryLabel: zyzz.style.ReturnType<"react">;
 }
 export {};
 //# sourceMappingURL=Field.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/web/components/Field.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/web/components/Field.tsx"],"names":[],"mappings":"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"}

package/dist/web/components/Field.js

@@ -2,16 +2,11 @@
 import { Props as __zyzzProps } from 'zyzz/runtime';
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as BaseUi from '@base-ui/react/field';
-import { useContext, useRef, useState } from 'react';
+import { useRef, useState } from 'react';
 import { style } from '../zyzz.config.js';
-import * as FieldVariant from './internal/FieldVariant.js';
 /**
- * Labeled form field. `stacked` places the label inside the field and floats it above the value
- * when the control is focused or filled, and a small control takes the medium size for room.
- * `default` places the label above the field. The label and
- * row gap follow the `size` of the control inside, and an error replaces the description.
- * `setting` puts the label and description beside a trailing control, and `size="small"` makes
- * that row compact.
+ * Labeled form field. The label sits 12px above the control and the message 12px below it, and a
+ * shown error replaces the description.
  *
  * - Give every control a visible `Field.Label`. Base UI links it to the control.
  * - Base UI adds `Field.Description` and a shown `Field.Error` to the control's `aria-describedby`.
@@ -20,9 +15,9 @@ import * as FieldVariant from './internal/FieldVariant.js';
  * @example
  * <Field.Root invalid={invalid}>
  *   <Field.Label>Email</Field.Label>
- *   <Input.Group>
- *     <Input.Control type="email" />
- *   </Input.Group>
+ *   <TextInput.Group>
+ *     <TextInput.Control type="email" />
+ *   </TextInput.Group>
  *   <Field.Description>Used for receipts.</Field.Description>
  *   <Field.Error match={invalid}>Enter a valid email.</Field.Error>
  * </Field.Root>
@@ -36,9 +31,7 @@ import * as FieldVariant from './internal/FieldVariant.js';
 export var Field;
 (function (Field) {
     /**
-     * Owns validity, dirty, touched and filled state for one control and shares the variant with the
-     * controls inside. Without `variant`, it inherits the variant of an enclosing `Fieldset` or
-     * `Field`, falling back to `default`.
+     * Owns validity, dirty, touched and filled state for one control.
      *
      * When a native `form` submit finds the control invalid, such as an empty `required` input, the
      * field validates and shows `Field.Error`. Outside `onBlur` mode, it then revalidates on each
@@ -49,24 +42,22 @@ export var Field;
      */
     function Root(props) {
         const actions = useRef(null);
-        const { actionsRef = actions, className, onInvalidCapture, size, success = false, validationMode, variant, vars, ...attributes } = props;
-        const inherited = useContext(FieldVariant.Context);
-        const resolved = variant ?? inherited ?? 'default';
+        const { actionsRef = actions, className, onInvalidCapture, success = false, validationMode, vars, ...attributes } = props;
         const [submitted, setSubmitted] = useState(false);
-        return (_jsx(FieldVariant.Context.Provider, { value: resolved, children: _jsx(BaseUi.Field.Root, { ...attributes, ...styles.root({ className, style: props.style, vars }), actionsRef: actionsRef, "data-field": "", "data-field-size": size, "data-success": success || undefined, "data-variant": resolved, onInvalidCapture: (event) => {
-                    onInvalidCapture?.(event);
-                    // Base UI runs submit validation only inside its own Form. A native form fires `invalid`
-                    // on each failing control instead, and the event does not bubble. `checkValidity()` and
-                    // `reportValidity()` fire it too, but only a submit attempt marks the form's controls
-                    // `:user-invalid` first. `invalid` targets only form controls.
-                    if (!event.target.matches(':user-invalid'))
-                        return;
-                    actionsRef.current?.validate();
-                    setSubmitted(true);
-                }, 
-                // Base UI's Form counts submits to revalidate `onSubmit` fields on change. A native
-                // form has no count, so a failed submit switches the field to `onChange`.
-                validationMode: submitted && validationMode !== 'onBlur' ? 'onChange' : validationMode }) }));
+        return (_jsx(BaseUi.Field.Root, { ...attributes, ...styles.root({ className, style: props.style, vars }), actionsRef: actionsRef, "data-field": "", "data-success": success || undefined, onInvalidCapture: (event) => {
+                onInvalidCapture?.(event);
+                // Base UI runs submit validation only inside its own Form. A native form fires `invalid`
+                // on each failing control instead, and the event does not bubble. `checkValidity()` and
+                // `reportValidity()` fire it too, but only a submit attempt marks the form's controls
+                // `:user-invalid` first. `invalid` targets only form controls.
+                if (!event.target.matches(':user-invalid'))
+                    return;
+                actionsRef.current?.validate();
+                setSubmitted(true);
+            }, 
+            // Base UI's Form counts submits to revalidate `onSubmit` fields on change. A native
+            // form has no count, so a failed submit switches the field to `onChange`.
+            validationMode: submitted && validationMode !== 'onBlur' ? 'onChange' : validationMode }));
     }
     Field.Root = Root;
     /** The control's label, rendered as a native `label` associated with the control. */
@@ -75,6 +66,15 @@ export var Field;
         return (_jsx(BaseUi.Field.Label, { ...attributes, ...styles.label({ className, style: props.style, vars }) }));
     }
     Field.Label = Label;
+    /**
+     * Regular-weight text at the end of the label row, such as "Optional". Place it inside
+     * `Field.Label`, so it joins the control's accessible name.
+     */
+    function SecondaryLabel(props) {
+        const { className, vars, ...attributes } = props;
+        return (_jsx("span", { ...attributes, ...styles.secondaryLabel({ className, style: props.style, vars }), "data-field-secondary": "" }));
+    }
+    Field.SecondaryLabel = SecondaryLabel;
     /** Hint text rendered as a `p`. It fades out while a `Field.Error` is shown. */
     function Description(props) {
         const { className, vars, ...attributes } = props;
@@ -103,12 +103,14 @@ var styles;
      * Gives up its slot while an error is shown, sliding up and turning red as it fades, so the
      * description and error read as one line changing.
      */
-    styles.description = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-mGY5xP0 z_tds_2f_web-mGY5xP1 z_tds_2f_web-mGY5xP2 z_tds_2f_web-mGY5xP3 z_tds_2f_web-mGY5xP4 z_tds_2f_web-mGY5xP5 z_tds_2f_web-mGY5xP6 z_tds_2f_web-mGY5xP7 z_tds_2f_web-mGY5xP8 z_tds_2f_web-mGY5xP9 z_tds_2f_web-mGY5xPa z_tds_2f_web-mGY5xPb z_tds_2f_web-mGY5xPc z_tds_2f_web-mGY5xPd z_tds_2f_web-mGY5xPe z_tds_2f_web-mGY5xPf z_tds_2f_web-mGY5xPg z_tds_2f_web-mGY5xPh z_tds_2f_web-mGY5xPi z_tds_2f_web-mGY5xPj z_tds_2f_web-mGY5xPk z_tds_2f_web-mGY5xPl z_tds_2f_web-mGY5xPm z_tds_2f_web-mGY5xPn z_tds_2f_web-mGY5xPo z_tds_2f_web-mGY5xPp z_tds_2f_web-mGY5xPq z_tds_2f_web-mGY5xPr z_tds_2f_web-mGY5xPs z_tds_2f_web-mGY5xPt z_tds_2f_web-mGY5xPu z_tds_2f_web-mGY5xPv z_tds_2f_web-mGY5xPw z_tds_2f_web-mGY5xPx z_tds_2f_web-mGY5xPy z_tds_2f_web-mGY5xPz z_tds_2f_web-mGY5xP10 z_tds_2f_web-mGY5xP11 z_tds_2f_web-mGY5xP12 z_tds_2f_web-mGY5xP13 z_tds_2f_web-mGY5xP14 z_tds_2f_web-mGY5xP15 z_tds_2f_web-mGY5xP16"});
+    styles.description = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-mGY5xP0 z_tds_2f_web-mGY5xP1 z_tds_2f_web-mGY5xP2 z_tds_2f_web-mGY5xP3 z_tds_2f_web-mGY5xP4 z_tds_2f_web-mGY5xP5 z_tds_2f_web-mGY5xP6 z_tds_2f_web-mGY5xP7 z_tds_2f_web-mGY5xP8 z_tds_2f_web-mGY5xP9 z_tds_2f_web-mGY5xPa z_tds_2f_web-mGY5xPb z_tds_2f_web-mGY5xPc z_tds_2f_web-mGY5xPd z_tds_2f_web-mGY5xPe z_tds_2f_web-mGY5xPf z_tds_2f_web-mGY5xPg z_tds_2f_web-mGY5xPh z_tds_2f_web-mGY5xPi z_tds_2f_web-mGY5xPj z_tds_2f_web-mGY5xPk z_tds_2f_web-mGY5xPl z_tds_2f_web-mGY5xPm z_tds_2f_web-mGY5xPn"});
     /** Takes the description's slot, rising in from below and back out as it clears. */
-    styles.error = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-mGY5xP17 z_tds_2f_web-mGY5xP18 z_tds_2f_web-mGY5xP3 z_tds_2f_web-mGY5xP14 z_tds_2f_web-mGY5xP4 z_tds_2f_web-mGY5xP19 z_tds_2f_web-mGY5xP1a z_tds_2f_web-mGY5xP1b z_tds_2f_web-mGY5xP1c z_tds_2f_web-mGY5xP1d z_tds_2f_web-mGY5xP1e z_tds_2f_web-mGY5xP1f z_tds_2f_web-mGY5xP1g z_tds_2f_web-mGY5xP1h z_tds_2f_web-mGY5xP1i z_tds_2f_web-mGY5xP1j z_tds_2f_web-mGY5xP1k z_tds_2f_web-mGY5xP1l z_tds_2f_web-mGY5xP1m z_tds_2f_web-mGY5xP1n z_tds_2f_web-mGY5xP1o z_tds_2f_web-mGY5xP1p z_tds_2f_web-mGY5xP1q z_tds_2f_web-mGY5xP1r z_tds_2f_web-mGY5xP1s z_tds_2f_web-mGY5xP1t z_tds_2f_web-mGY5xP1u z_tds_2f_web-mGY5xP1v z_tds_2f_web-mGY5xP1w z_tds_2f_web-mGY5xP1x z_tds_2f_web-mGY5xP1y z_tds_2f_web-mGY5xP1z z_tds_2f_web-mGY5xP20 z_tds_2f_web-mGY5xP21"});
-    styles.item = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-mGY5xP22 z_tds_2f_web-mGY5xP23 z_tds_2f_web-mGY5xP24"});
-    styles.label = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-mGY5xP25 z_tds_2f_web-mGY5xP26 z_tds_2f_web-mGY5xP27 z_tds_2f_web-mGY5xP28 z_tds_2f_web-mGY5xP29 z_tds_2f_web-mGY5xP2a z_tds_2f_web-mGY5xP2b z_tds_2f_web-mGY5xP2c z_tds_2f_web-mGY5xP2d z_tds_2f_web-mGY5xP2e z_tds_2f_web-mGY5xP2f z_tds_2f_web-mGY5xP2g z_tds_2f_web-mGY5xP2h z_tds_2f_web-mGY5xP2i z_tds_2f_web-mGY5xP2j z_tds_2f_web-mGY5xP2k z_tds_2f_web-mGY5xP2l z_tds_2f_web-mGY5xP2m z_tds_2f_web-mGY5xP2n z_tds_2f_web-mGY5xP2o z_tds_2f_web-mGY5xP2p z_tds_2f_web-mGY5xP2q z_tds_2f_web-mGY5xP2r z_tds_2f_web-mGY5xP2s z_tds_2f_web-mGY5xP2t z_tds_2f_web-mGY5xP2u z_tds_2f_web-mGY5xP2v z_tds_2f_web-mGY5xP2w z_tds_2f_web-mGY5xP2x z_tds_2f_web-mGY5xP2y z_tds_2f_web-mGY5xP2z z_tds_2f_web-mGY5xP30 z_tds_2f_web-mGY5xP31 z_tds_2f_web-mGY5xP32 z_tds_2f_web-mGY5xP33 z_tds_2f_web-mGY5xP34 z_tds_2f_web-mGY5xP35 z_tds_2f_web-mGY5xP36 z_tds_2f_web-mGY5xP37 z_tds_2f_web-mGY5xP38 z_tds_2f_web-mGY5xP39 z_tds_2f_web-mGY5xP3a z_tds_2f_web-mGY5xP3b z_tds_2f_web-mGY5xP3c z_tds_2f_web-mGY5xP3d z_tds_2f_web-mGY5xP3e z_tds_2f_web-mGY5xP3f z_tds_2f_web-mGY5xP3g z_tds_2f_web-mGY5xP3h z_tds_2f_web-mGY5xP3i z_tds_2f_web-mGY5xP3j z_tds_2f_web-mGY5xP3k z_tds_2f_web-mGY5xP3l z_tds_2f_web-mGY5xP3m z_tds_2f_web-mGY5xP3n z_tds_2f_web-mGY5xP3o z_tds_2f_web-mGY5xP3p z_tds_2f_web-mGY5xP3q"});
-    styles.root = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-mGY5xP3r z_tds_2f_web-mGY5xP3s z_tds_2f_web-mGY5xP3t z_tds_2f_web-mGY5xP3u z_tds_2f_web-mGY5xP3v z_tds_2f_web-mGY5xP3w z_tds_2f_web-mGY5xP3x z_tds_2f_web-mGY5xP3y z_tds_2f_web-mGY5xP3z z_tds_2f_web-mGY5xP40 z_tds_2f_web-mGY5xP41 z_tds_2f_web-mGY5xP42 z_tds_2f_web-mGY5xP43 z_tds_2f_web-mGY5xP44"});
+    styles.error = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-mGY5xPo z_tds_2f_web-mGY5xPp z_tds_2f_web-mGY5xP3 z_tds_2f_web-mGY5xPl z_tds_2f_web-mGY5xP4 z_tds_2f_web-mGY5xP5 z_tds_2f_web-mGY5xP6 z_tds_2f_web-mGY5xP7 z_tds_2f_web-mGY5xP8 z_tds_2f_web-mGY5xP9 z_tds_2f_web-mGY5xPq z_tds_2f_web-mGY5xPr z_tds_2f_web-mGY5xPs z_tds_2f_web-mGY5xPt z_tds_2f_web-mGY5xPu z_tds_2f_web-mGY5xPv z_tds_2f_web-mGY5xPw z_tds_2f_web-mGY5xPx z_tds_2f_web-mGY5xPy z_tds_2f_web-mGY5xPz z_tds_2f_web-mGY5xP10 z_tds_2f_web-mGY5xP11 z_tds_2f_web-mGY5xP12 z_tds_2f_web-mGY5xP13"});
+    styles.item = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-mGY5xP14 z_tds_2f_web-mGY5xP15 z_tds_2f_web-mGY5xP16"});
+    styles.label = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-mGY5xP17 z_tds_2f_web-mGY5xP18 z_tds_2f_web-mGY5xP19 z_tds_2f_web-mGY5xP4 z_tds_2f_web-mGY5xP1a z_tds_2f_web-mGY5xP1b z_tds_2f_web-mGY5xP1c z_tds_2f_web-mGY5xP1d z_tds_2f_web-mGY5xP1e z_tds_2f_web-mGY5xP1f z_tds_2f_web-mGY5xP1g z_tds_2f_web-mGY5xP1h"});
+    styles.root = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-mGY5xP1i z_tds_2f_web-mGY5xP1j z_tds_2f_web-mGY5xP1k z_tds_2f_web-mGY5xP1l z_tds_2f_web-mGY5xP1m z_tds_2f_web-mGY5xP1n z_tds_2f_web-mGY5xP1o"});
+    // Text keeps 4.5:1 contrast, so it takes the secondary color rather than tertiary.
+    styles.secondaryLabel = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-mGY5xP1p z_tds_2f_web-mGY5xP1q z_tds_2f_web-mGY5xP1r z_tds_2f_web-mGY5xP1s z_tds_2f_web-mGY5xP1t z_tds_2f_web-mGY5xP1u z_tds_2f_web-mGY5xP1v z_tds_2f_web-mGY5xP1w"});
 })(styles || (styles = {}));
 //# sourceMappingURL=Field.js.map
 import './Field.css';

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

@@ -1 +1 @@
-{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/web/components/Field.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/web/components/Field.tsx"],"names":[],"mappings":"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"}