@tempoxyz/ds 0.3.6 → 0.3.9

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

@@ -1 +1 @@
-.z_tds_2f_web-9hq2xM0{align-items:center}.z_tds_2f_web-9hq2xM1{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-008,#ffffff14)))}.z_tds_2f_web-9hq2xM2{border-radius:var(--z-tds_2f_web-radius-xs,calc(.75rem * var(--tds-corner-scale,1)))}.z_tds_2f_web-9hq2xM3{border-style:none}.z_tds_2f_web-9hq2xM4{box-sizing:border-box}.z_tds_2f_web-9hq2xM5{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-9hq2xM6{column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}.z_tds_2f_web-9hq2xM7{display:flex}.z_tds_2f_web-9hq2xM8{height:var(--z-tds_2f_web-spacing-48,3rem)}.z_tds_2f_web-9hq2xM9{outline-color:#0000}.z_tds_2f_web-9hq2xMa{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}.z_tds_2f_web-9hq2xMb{outline-style:solid}.z_tds_2f_web-9hq2xMc{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z_tds_2f_web-9hq2xMd{padding-block:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-9hq2xMe{padding-inline:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-9hq2xMf{position:relative}.z_tds_2f_web-9hq2xMg{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-9hq2xMh{transition-property:background-color,border-color,opacity,outline-color,scale}.z_tds_2f_web-9hq2xMi{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-9hq2xMj{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-9hq2xMk{font-size:var(--z-tds_2f_web-typography-body-b2-fontSize,14px)}.z_tds_2f_web-9hq2xMl{font-weight:var(--z-tds_2f_web-typography-body-b2-fontWeight,400)}.z_tds_2f_web-9hq2xMm{letter-spacing:var(--z-tds_2f_web-typography-body-b2-letterSpacing,-.09px)}.z_tds_2f_web-9hq2xMn{line-height:var(--z-tds_2f_web-typography-body-b2-lineHeight,20px)}.z_tds_2f_web-9hq2xMo{&:before{border-color:#0000}}.z_tds_2f_web-9hq2xMp{&:before{border-radius:inherit}}.z_tds_2f_web-9hq2xMq{&:before{border-style:solid}}.z_tds_2f_web-9hq2xMr{&:before{border-width:var(--z-tds_2f_web-borderWidth-regular,var(--z-tds_2f_web-spacing-1,1px))}}.z_tds_2f_web-9hq2xMs{&:before{box-sizing:border-box}}.z_tds_2f_web-9hq2xMt{&:before{content:""}}.z_tds_2f_web-9hq2xMu{&:before{corner-shape:inherit}}.z_tds_2f_web-9hq2xMv{&:before{inset:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-9hq2xMw{&:before{pointer-events:none}}.z_tds_2f_web-9hq2xMx{&:before{position:absolute}}.z_tds_2f_web-9hq2xMy{&:before{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}}.z_tds_2f_web-9hq2xMz{&:before{transition-property:border-color}}.z_tds_2f_web-9hq2xM10{&:before{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}}.z_tds_2f_web-9hq2xM11{&:is([data-success],[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-9hq2xM12{&:is([data-success],[data-success] *):after{content:""}}.z_tds_2f_web-9hq2xM13{&:is([data-success],[data-success] *):after{flex-shrink:0}}.z_tds_2f_web-9hq2xM14{&:is([data-success],[data-success] *):after{height:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-9hq2xM15{&:is([data-success],[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-9hq2xM16{&:is([data-success],[data-success] *):after{width:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-9hq2xM17{&:is(button){cursor:pointer}}.z_tds_2f_web-9hq2xM18{&:is(button){text-align:start}}.z_tds_2f_web-9hq2xM19{&:is(button){width:100%}}.z_tds_2f_web-9hq2xM1a{&:is(button):active:not(:disabled,[data-disabled]){scale:var(--z-tds_2f_web-scale-press,.98)}}.z_tds_2f_web-9hq2xM1b{&:is(button):active:not(:disabled,[data-disabled]){transition-duration:var(--z-tds_2f_web-transitionDuration-100,.1s)}}.z_tds_2f_web-9hq2xM1c{&:where(:hover:not(:disabled,[data-disabled],:has(input: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-9hq2xM1d{&:where(:focus-visible,:has(input: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-9hq2xM1e{&:is(:focus-visible,:has(input: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-9hq2xM1f{&[data-invalid],[data-invalid] &{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-9hq2xM1g{&:disabled,&[data-disabled],&:has(input: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-9hq2xM1h{&:disabled,&[data-disabled],&:has(input: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-9hq2xM1i{&:disabled,&[data-disabled],&:has(input:disabled){cursor:default}}.z_tds_2f_web-9hq2xM1j{&[data-entered=invalid]{animation:z-kid-tds_2f_web_2f_text_2d_input_2f_nudge .36s var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}}.z_tds_2f_web-9hq2xM1k{&[data-entered=success]{animation:z-kid-tds_2f_web_2f_text_2d_input_2f_pop .32s var(--z-tds_2f_web-ease-overshoot,cubic-bezier(.34, 1.36, .64, 1))}}@media (forced-colors:active){.z_tds_2f_web-9hq2xM1l{outline-style:none}.z_tds_2f_web-9hq2xM1m{&:focus-visible,&:has(input:focus-visible){outline-style:solid}}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-9hq2xM1n{transition-property:background-color,border-color,opacity,outline-color}.z_tds_2f_web-9hq2xM1o{&:active{scale:none}}.z_tds_2f_web-9hq2xM1p{&[data-entered]{animation:none}}}.z_tds_2f_web-9hq2xM1q{&:where([data-variant=outlined]){background-color:#0000}}.z_tds_2f_web-9hq2xM1r{&: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-9hq2xM1s{&:where([data-variant=outlined]){&:is([data-invalid],[data-invalid] *):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-9hq2xM0{align-items:center}.z_tds_2f_web-9hq2xM1{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-008,#ffffff14)))}.z_tds_2f_web-9hq2xM2{border-radius:var(--z-tds_2f_web-radius-xs,calc(.75rem * var(--tds-corner-scale,1)))}.z_tds_2f_web-9hq2xM3{border-style:none}.z_tds_2f_web-9hq2xM4{box-sizing:border-box}.z_tds_2f_web-9hq2xM5{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-9hq2xM6{column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}.z_tds_2f_web-9hq2xM7{display:flex}.z_tds_2f_web-9hq2xM8{height:var(--z-tds_2f_web-spacing-48,3rem)}.z_tds_2f_web-9hq2xM9{outline-color:#0000}.z_tds_2f_web-9hq2xMa{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}.z_tds_2f_web-9hq2xMb{outline-style:solid}.z_tds_2f_web-9hq2xMc{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z_tds_2f_web-9hq2xMd{padding-block:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-9hq2xMe{padding-inline:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-9hq2xMf{position:relative}.z_tds_2f_web-9hq2xMg{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-9hq2xMh{transition-property:background-color,border-color,opacity,outline-color,scale}.z_tds_2f_web-9hq2xMi{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-9hq2xMj{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-9hq2xMk{font-size:var(--z-tds_2f_web-typography-body-b2-fontSize,14px)}.z_tds_2f_web-9hq2xMl{font-weight:var(--z-tds_2f_web-typography-body-b2-fontWeight,400)}.z_tds_2f_web-9hq2xMm{letter-spacing:var(--z-tds_2f_web-typography-body-b2-letterSpacing,-.09px)}.z_tds_2f_web-9hq2xMn{line-height:var(--z-tds_2f_web-typography-body-b2-lineHeight,20px)}.z_tds_2f_web-9hq2xMo{&:before{border-color:#0000}}.z_tds_2f_web-9hq2xMp{&:before{border-radius:inherit}}.z_tds_2f_web-9hq2xMq{&:before{border-style:solid}}.z_tds_2f_web-9hq2xMr{&:before{border-width:var(--z-tds_2f_web-borderWidth-regular,var(--z-tds_2f_web-spacing-1,1px))}}.z_tds_2f_web-9hq2xMs{&:before{box-sizing:border-box}}.z_tds_2f_web-9hq2xMt{&:before{content:""}}.z_tds_2f_web-9hq2xMu{&:before{corner-shape:inherit}}.z_tds_2f_web-9hq2xMv{&:before{inset:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-9hq2xMw{&:before{pointer-events:none}}.z_tds_2f_web-9hq2xMx{&:before{position:absolute}}.z_tds_2f_web-9hq2xMy{&:before{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}}.z_tds_2f_web-9hq2xMz{&:before{transition-property:border-color}}.z_tds_2f_web-9hq2xM10{&:before{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}}.z_tds_2f_web-9hq2xM11{&:is([data-success],[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-9hq2xM12{&:is([data-success],[data-success] *):after{content:""}}.z_tds_2f_web-9hq2xM13{&:is([data-success],[data-success] *):after{flex-shrink:0}}.z_tds_2f_web-9hq2xM14{&:is([data-success],[data-success] *):after{height:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-9hq2xM15{&:is([data-success],[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-9hq2xM16{&:is([data-success],[data-success] *):after{width:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-9hq2xM17{&:is(button){cursor:pointer}}.z_tds_2f_web-9hq2xM18{&:is(button){text-align:start}}.z_tds_2f_web-9hq2xM19{&:is(button){width:100%}}.z_tds_2f_web-9hq2xM1a{&:is(button):active:not(:disabled,[data-disabled]){scale:var(--z-tds_2f_web-scale-press,.98)}}.z_tds_2f_web-9hq2xM1b{&:is(button):active:not(:disabled,[data-disabled]){transition-duration:var(--z-tds_2f_web-transitionDuration-100,.1s)}}.z_tds_2f_web-9hq2xM1c{&:where(:hover:not(:disabled,[data-disabled],:has(input: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-9hq2xM1d{&:where(:focus-visible,:has(input:focus-visible)){background-color:var(--z-tds_2f_web-color-background-elevated,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),#1a1a1a))}}.z_tds_2f_web-9hq2xM1e{&:is(:focus-visible,:has(input: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-9hq2xM1f{&[data-invalid],[data-invalid] &{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-9hq2xM1g{&:disabled,&[data-disabled],&:has(input: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-9hq2xM1h{&:disabled,&[data-disabled],&:has(input: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-9hq2xM1i{&:disabled,&[data-disabled],&:has(input:disabled){cursor:default}}.z_tds_2f_web-9hq2xM1j{&[data-entered=invalid]{animation:z-kid-tds_2f_web_2f_text_2d_input_2f_nudge .36s var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}}.z_tds_2f_web-9hq2xM1k{&[data-entered=success]{animation:z-kid-tds_2f_web_2f_text_2d_input_2f_pop .32s var(--z-tds_2f_web-ease-overshoot,cubic-bezier(.34, 1.36, .64, 1))}}@media (forced-colors:active){.z_tds_2f_web-9hq2xM1l{outline-style:none}.z_tds_2f_web-9hq2xM1m{&:focus-visible,&:has(input:focus-visible){outline-style:solid}}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-9hq2xM1n{transition-property:background-color,border-color,opacity,outline-color}.z_tds_2f_web-9hq2xM1o{&:active{scale:none}}.z_tds_2f_web-9hq2xM1p{&[data-entered]{animation:none}}}.z_tds_2f_web-9hq2xM1q{&:where([data-variant=outlined]){background-color:#0000}}.z_tds_2f_web-9hq2xM1r{&: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-9hq2xM1s{&:where([data-variant=outlined]){&:is([data-invalid],[data-invalid] *):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)))}}}