@tempoxyz/ds 0.2.0 → 0.2.4

package/dist/web/components/Textarea.css

@@ -1 +1 @@
-.z-tds_2f_web-tds_2f_web_2f_textarea-appearance-0{appearance:none}.z-tds_2f_web-tds_2f_web_2f_textarea-bg-1{background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}.z-tds_2f_web-tds_2f_web_2f_textarea-border-color-2{border-color:#0000}.z-tds_2f_web-tds_2f_web_2f_textarea-border-style-3{border-style:solid}.z-tds_2f_web-tds_2f_web_2f_textarea-border-width-4{border-width:2px}.z-tds_2f_web-tds_2f_web_2f_textarea-box-sizing-5{box-sizing:border-box}.z-tds_2f_web-tds_2f_web_2f_textarea-text-6{color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}.z-tds_2f_web-tds_2f_web_2f_textarea-display-7{display:block}.z-tds_2f_web-tds_2f_web_2f_textarea-outline-color-8{outline-color:#0000}.z-tds_2f_web-tds_2f_web_2f_textarea-outline-offset-9{outline-offset:2px}.z-tds_2f_web-tds_2f_web_2f_textarea-outline-style-10{outline-style:solid}.z-tds_2f_web-tds_2f_web_2f_textarea-outline-width-11{outline-width:2px}.z-tds_2f_web-tds_2f_web_2f_textarea-transition-duration-12{transition-duration:.16s}.z-tds_2f_web-tds_2f_web_2f_textarea-transition-property-13{transition-property:background-color,border-color,opacity,outline-color}.z-tds_2f_web-tds_2f_web_2f_textarea-transition-timing-function-14{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z-tds_2f_web-tds_2f_web_2f_textarea-w-15{width:100%}.z-tds_2f_web-tds_2f_web_2f_textarea-opacity-16{&:disabled{opacity:.4}}.z-tds_2f_web-tds_2f_web_2f_textarea-outline-color-17{&:focus-visible{outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z-tds_2f_web-tds_2f_web_2f_textarea-bg-18{&: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_textarea-text-19{&::placeholder{color:var(--z-tds_2f_web-color-grayAlpha-700,light-dark(#00000070,#ffffff8a))}}.z-tds_2f_web-tds_2f_web_2f_textarea-transition-duration-20{&::placeholder{transition-duration:.16s}}.z-tds_2f_web-tds_2f_web_2f_textarea-transition-property-21{&::placeholder{transition-property:opacity}}.z-tds_2f_web-tds_2f_web_2f_textarea-transition-timing-function-22{&::placeholder{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}}.z-tds_2f_web-tds_2f_web_2f_textarea-border-color-23{&[aria-invalid=true],[data-invalid] &{border-color:var(--z-tds_2f_web-color-red-800,light-dark(#e02401,#d8351f))}}.z-tds_2f_web-tds_2f_web_2f_textarea-border-color-24{&[aria-invalid=true]:focus-visible,[data-invalid] &:focus-visible{border-color:#0000}}.z-tds_2f_web-tds_2f_web_2f_textarea-outline-color-25{&[aria-invalid=true]:focus-visible,[data-invalid] &:focus-visible{outline-color:var(--z-tds_2f_web-color-red-800,light-dark(#e02401,#d8351f))}}.z-tds_2f_web-tds_2f_web_2f_textarea-border-radius-26{&[data-variant=card][data-size=small]{border-radius:var(--z-tds_2f_web-radius-8,.5rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-p-27{&[data-variant=card][data-size=small]{padding:var(--z-tds_2f_web-spacing-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-border-radius-28{&[data-variant=card][data-size=large]{border-radius:var(--z-tds_2f_web-radius-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-p-29{&[data-variant=card][data-size=large]{padding:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-grid-area-30{[data-variant=stacked]>&{grid-area:1/1}}.z-tds_2f_web-tds_2f_web_2f_textarea-pt-31{[data-variant=stacked]>&{padding-top:14px}}.z-tds_2f_web-tds_2f_web_2f_textarea-pt-32{[data-variant=stacked]>&[data-size=large]{padding-top:22px}}.z-tds_2f_web-tds_2f_web_2f_textarea-border-radius-33{[data-variant=stacked]>&[data-size=small]{border-radius:var(--z-tds_2f_web-radius-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-pb-34{[data-variant=stacked]>&[data-size=small]{padding-bottom:var(--z-tds_2f_web-spacing-8,.5rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-padding-inline-35{[data-variant=stacked]>&[data-size=small]{padding-inline:14px}}.z-tds_2f_web-tds_2f_web_2f_textarea-font-family-36{[data-variant=stacked]>&[data-size=small]{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_textarea-font-size-37{[data-variant=stacked]>&[data-size=small]{font-size:var(--z-tds_2f_web-typography-copy-14-fontSize,14px)}}.z-tds_2f_web-tds_2f_web_2f_textarea-font-weight-38{[data-variant=stacked]>&[data-size=small]{font-weight:var(--z-tds_2f_web-typography-copy-14-fontWeight,450)}}.z-tds_2f_web-tds_2f_web_2f_textarea-letter-spacing-39{[data-variant=stacked]>&[data-size=small]{letter-spacing:var(--z-tds_2f_web-typography-copy-14-letterSpacing,-.09px)}}.z-tds_2f_web-tds_2f_web_2f_textarea-line-height-40{[data-variant=stacked]>&[data-size=small]{line-height:var(--z-tds_2f_web-typography-copy-14-lineHeight,20px)}}.z-tds_2f_web-tds_2f_web_2f_textarea-opacity-41{[data-variant=stacked]:not([data-focused]) &::placeholder{opacity:0}}@media (forced-colors:active){.z-tds_2f_web-tds_2f_web_2f_textarea-outline-style-42{outline-style:none}.z-tds_2f_web-tds_2f_web_2f_textarea-outline-style-43{&:focus-visible{outline-style:solid}}}@media (prefers-reduced-motion:reduce){.z-tds_2f_web-tds_2f_web_2f_textarea-transition-property-44{transition-property:background-color,border-color,opacity,outline-color}}.z-tds_2f_web-tds_2f_web_2f_textarea-field-sizing-45{&:where([data-resize=auto]){field-sizing:content}}.z-tds_2f_web-tds_2f_web_2f_textarea-resize-46{&:where([data-resize=auto]){resize:none}}.z-tds_2f_web-tds_2f_web_2f_textarea-resize-47{&:where([data-resize=none]){resize:none}}.z-tds_2f_web-tds_2f_web_2f_textarea-resize-48{&:where([data-resize=vertical]){resize:vertical}}.z-tds_2f_web-tds_2f_web_2f_textarea-border-radius-49{&:where([data-size=large]){border-radius:var(--z-tds_2f_web-radius-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-padding-block-50{&:where([data-size=large]){padding-block:14px}}.z-tds_2f_web-tds_2f_web_2f_textarea-padding-inline-51{&:where([data-size=large]){padding-inline:18px}}.z-tds_2f_web-tds_2f_web_2f_textarea-font-family-52{&: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_textarea-font-size-53{&:where([data-size=large]){font-size:var(--z-tds_2f_web-typography-copy-16-fontSize,16px)}}.z-tds_2f_web-tds_2f_web_2f_textarea-font-weight-54{&:where([data-size=large]){font-weight:var(--z-tds_2f_web-typography-copy-16-fontWeight,450)}}.z-tds_2f_web-tds_2f_web_2f_textarea-letter-spacing-55{&:where([data-size=large]){letter-spacing:var(--z-tds_2f_web-typography-copy-16-letterSpacing,-.18px)}}.z-tds_2f_web-tds_2f_web_2f_textarea-line-height-56{&:where([data-size=large]){line-height:var(--z-tds_2f_web-typography-copy-16-lineHeight,24px)}}.z-tds_2f_web-tds_2f_web_2f_textarea-border-radius-57{&:where([data-size=medium]){border-radius:var(--z-tds_2f_web-radius-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-padding-block-58{&:where([data-size=medium]){padding-block:var(--z-tds_2f_web-spacing-8,.5rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-padding-inline-59{&:where([data-size=medium]){padding-inline:14px}}.z-tds_2f_web-tds_2f_web_2f_textarea-font-family-60{&: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_textarea-font-size-61{&:where([data-size=medium]){font-size:var(--z-tds_2f_web-typography-copy-14-fontSize,14px)}}.z-tds_2f_web-tds_2f_web_2f_textarea-font-weight-62{&:where([data-size=medium]){font-weight:var(--z-tds_2f_web-typography-copy-14-fontWeight,450)}}.z-tds_2f_web-tds_2f_web_2f_textarea-letter-spacing-63{&:where([data-size=medium]){letter-spacing:var(--z-tds_2f_web-typography-copy-14-letterSpacing,-.09px)}}.z-tds_2f_web-tds_2f_web_2f_textarea-line-height-64{&:where([data-size=medium]){line-height:var(--z-tds_2f_web-typography-copy-14-lineHeight,20px)}}.z-tds_2f_web-tds_2f_web_2f_textarea-border-radius-65{&:where([data-size=small]){border-radius:var(--z-tds_2f_web-radius-8,.5rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-padding-block-66{&:where([data-size=small]){padding-block:5px}}.z-tds_2f_web-tds_2f_web_2f_textarea-padding-inline-67{&:where([data-size=small]){padding-inline:10px}}.z-tds_2f_web-tds_2f_web_2f_textarea-font-family-68{&: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_textarea-font-size-69{&:where([data-size=small]){font-size:var(--z-tds_2f_web-typography-copy-13-fontSize,13px)}}.z-tds_2f_web-tds_2f_web_2f_textarea-font-weight-70{&:where([data-size=small]){font-weight:var(--z-tds_2f_web-typography-copy-13-fontWeight,450)}}.z-tds_2f_web-tds_2f_web_2f_textarea-letter-spacing-71{&:where([data-size=small]){letter-spacing:var(--z-tds_2f_web-typography-copy-13-letterSpacing,-.04px)}}.z-tds_2f_web-tds_2f_web_2f_textarea-line-height-72{&:where([data-size=small]){line-height:var(--z-tds_2f_web-typography-copy-13-lineHeight,18px)}}.z-tds_2f_web-tds_2f_web_2f_textarea-bg-73{&:where([data-variant=card]){background-color:var(--z-tds_2f_web-color-background-surface,light-dark(#fff,#1a1919))}}.z-tds_2f_web-tds_2f_web_2f_textarea-border-color-74{&:where([data-variant=card]){border-color:var(--z-tds_2f_web-color-grayAlpha-200,light-dark(#00000014,#ffffff1a))}}.z-tds_2f_web-tds_2f_web_2f_textarea-border-radius-75{&:where([data-variant=card]){border-radius:var(--z-tds_2f_web-radius-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-border-style-76{&:where([data-variant=card]){border-style:solid}}.z-tds_2f_web-tds_2f_web_2f_textarea-border-width-77{&:where([data-variant=card]){border-width:1px}}.z-tds_2f_web-tds_2f_web_2f_textarea-p-78{&:where([data-variant=card]){padding:var(--z-tds_2f_web-spacing-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-bg-79{&:where([data-variant=card]){&:hover:not(:disabled){background-color:var(--z-tds_2f_web-color-background-surface,light-dark(#fff,#1a1919))}}}.z-tds_2f_web-tds_2f_web_2f_textarea-border-color-80{&:where([data-variant=card]){&:hover:not(:disabled){border-color:var(--z-tds_2f_web-color-grayAlpha-400,light-dark(#00000014,#ffffff24))}}}
+.z-tds_2f_web-tds_2f_web_2f_textarea-appearance-0{appearance:none}.z-tds_2f_web-tds_2f_web_2f_textarea-bg-1{background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}.z-tds_2f_web-tds_2f_web_2f_textarea-border-color-2{border-color:#0000}.z-tds_2f_web-tds_2f_web_2f_textarea-border-style-3{border-style:solid}.z-tds_2f_web-tds_2f_web_2f_textarea-border-width-4{border-width:var(--z-tds_2f_web-borderWidth-2,2px)}.z-tds_2f_web-tds_2f_web_2f_textarea-box-sizing-5{box-sizing:border-box}.z-tds_2f_web-tds_2f_web_2f_textarea-text-6{color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}.z-tds_2f_web-tds_2f_web_2f_textarea-display-7{display:block}.z-tds_2f_web-tds_2f_web_2f_textarea-outline-color-8{outline-color:#0000}.z-tds_2f_web-tds_2f_web_2f_textarea-outline-offset-9{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}.z-tds_2f_web-tds_2f_web_2f_textarea-outline-style-10{outline-style:solid}.z-tds_2f_web-tds_2f_web_2f_textarea-outline-width-11{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z-tds_2f_web-tds_2f_web_2f_textarea-transition-duration-12{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z-tds_2f_web-tds_2f_web_2f_textarea-transition-property-13{transition-property:background-color,border-color,opacity,outline-color}.z-tds_2f_web-tds_2f_web_2f_textarea-transition-timing-function-14{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z-tds_2f_web-tds_2f_web_2f_textarea-w-15{width:100%}.z-tds_2f_web-tds_2f_web_2f_textarea-opacity-16{&:disabled{opacity:var(--z-tds_2f_web-opacity-disabled,.4)}}.z-tds_2f_web-tds_2f_web_2f_textarea-outline-color-17{&:focus-visible{outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z-tds_2f_web-tds_2f_web_2f_textarea-bg-18{&: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_textarea-text-19{&::placeholder{color:var(--z-tds_2f_web-color-grayAlpha-900,light-dark(#000000b3,#ffffff9c))}}.z-tds_2f_web-tds_2f_web_2f_textarea-transition-duration-20{&::placeholder{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}}.z-tds_2f_web-tds_2f_web_2f_textarea-transition-property-21{&::placeholder{transition-property:opacity}}.z-tds_2f_web-tds_2f_web_2f_textarea-transition-timing-function-22{&::placeholder{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}}.z-tds_2f_web-tds_2f_web_2f_textarea-border-color-23{&[aria-invalid=true],[data-invalid] &{border-color:var(--z-tds_2f_web-color-red-800,light-dark(#e02401,#d8351f))}}.z-tds_2f_web-tds_2f_web_2f_textarea-border-color-24{&[aria-invalid=true]:focus-visible,[data-invalid] &:focus-visible{border-color:#0000}}.z-tds_2f_web-tds_2f_web_2f_textarea-outline-color-25{&[aria-invalid=true]:focus-visible,[data-invalid] &:focus-visible{outline-color:var(--z-tds_2f_web-color-red-800,light-dark(#e02401,#d8351f))}}.z-tds_2f_web-tds_2f_web_2f_textarea-border-radius-26{&[data-variant=card][data-size=small]{border-radius:var(--z-tds_2f_web-radius-8,.5rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-p-27{&[data-variant=card][data-size=small]{padding:var(--z-tds_2f_web-spacing-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-border-radius-28{&[data-variant=card][data-size=large]{border-radius:var(--z-tds_2f_web-radius-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-p-29{&[data-variant=card][data-size=large]{padding:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-grid-area-30{[data-variant=stacked]>&{grid-area:1/1}}.z-tds_2f_web-tds_2f_web_2f_textarea-pt-31{[data-variant=stacked]>&{padding-top:var(--z-tds_2f_web-spacing-14,.875rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-pt-32{[data-variant=stacked]>&[data-size=large]{padding-top:var(--z-tds_2f_web-spacing-22,1.375rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-border-radius-33{[data-variant=stacked]>&[data-size=small]{border-radius:var(--z-tds_2f_web-radius-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-pb-34{[data-variant=stacked]>&[data-size=small]{padding-bottom:var(--z-tds_2f_web-spacing-8,.5rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-padding-inline-35{[data-variant=stacked]>&[data-size=small]{padding-inline:var(--z-tds_2f_web-spacing-14,.875rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-font-family-36{[data-variant=stacked]>&[data-size=small]{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_textarea-font-size-37{[data-variant=stacked]>&[data-size=small]{font-size:var(--z-tds_2f_web-typography-copy-14-fontSize,14px)}}.z-tds_2f_web-tds_2f_web_2f_textarea-font-weight-38{[data-variant=stacked]>&[data-size=small]{font-weight:var(--z-tds_2f_web-typography-copy-14-fontWeight,450)}}.z-tds_2f_web-tds_2f_web_2f_textarea-letter-spacing-39{[data-variant=stacked]>&[data-size=small]{letter-spacing:var(--z-tds_2f_web-typography-copy-14-letterSpacing,-.09px)}}.z-tds_2f_web-tds_2f_web_2f_textarea-line-height-40{[data-variant=stacked]>&[data-size=small]{line-height:var(--z-tds_2f_web-typography-copy-14-lineHeight,20px)}}.z-tds_2f_web-tds_2f_web_2f_textarea-opacity-41{[data-variant=stacked]:not([data-focused]) &::placeholder{opacity:0}}@media (forced-colors:active){.z-tds_2f_web-tds_2f_web_2f_textarea-outline-style-42{outline-style:none}.z-tds_2f_web-tds_2f_web_2f_textarea-outline-style-43{&:focus-visible{outline-style:solid}}}@media (prefers-reduced-motion:reduce){.z-tds_2f_web-tds_2f_web_2f_textarea-transition-property-44{transition-property:background-color,border-color,opacity,outline-color}}.z-tds_2f_web-tds_2f_web_2f_textarea-field-sizing-45{&:where([data-resize=auto]){field-sizing:content}}.z-tds_2f_web-tds_2f_web_2f_textarea-resize-46{&:where([data-resize=auto]){resize:none}}.z-tds_2f_web-tds_2f_web_2f_textarea-resize-47{&:where([data-resize=none]){resize:none}}.z-tds_2f_web-tds_2f_web_2f_textarea-resize-48{&:where([data-resize=vertical]){resize:vertical}}.z-tds_2f_web-tds_2f_web_2f_textarea-border-radius-49{&:where([data-size=large]){border-radius:var(--z-tds_2f_web-radius-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-padding-block-50{&:where([data-size=large]){padding-block:var(--z-tds_2f_web-spacing-14,.875rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-padding-inline-51{&:where([data-size=large]){padding-inline:var(--z-tds_2f_web-spacing-18,1.125rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-font-family-52{&: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_textarea-font-size-53{&:where([data-size=large]){font-size:var(--z-tds_2f_web-typography-copy-16-fontSize,16px)}}.z-tds_2f_web-tds_2f_web_2f_textarea-font-weight-54{&:where([data-size=large]){font-weight:var(--z-tds_2f_web-typography-copy-16-fontWeight,450)}}.z-tds_2f_web-tds_2f_web_2f_textarea-letter-spacing-55{&:where([data-size=large]){letter-spacing:var(--z-tds_2f_web-typography-copy-16-letterSpacing,-.18px)}}.z-tds_2f_web-tds_2f_web_2f_textarea-line-height-56{&:where([data-size=large]){line-height:var(--z-tds_2f_web-typography-copy-16-lineHeight,24px)}}.z-tds_2f_web-tds_2f_web_2f_textarea-border-radius-57{&:where([data-size=medium]){border-radius:var(--z-tds_2f_web-radius-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-padding-block-58{&:where([data-size=medium]){padding-block:var(--z-tds_2f_web-spacing-8,.5rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-padding-inline-59{&:where([data-size=medium]){padding-inline:var(--z-tds_2f_web-spacing-14,.875rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-font-family-60{&: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_textarea-font-size-61{&:where([data-size=medium]){font-size:var(--z-tds_2f_web-typography-copy-14-fontSize,14px)}}.z-tds_2f_web-tds_2f_web_2f_textarea-font-weight-62{&:where([data-size=medium]){font-weight:var(--z-tds_2f_web-typography-copy-14-fontWeight,450)}}.z-tds_2f_web-tds_2f_web_2f_textarea-letter-spacing-63{&:where([data-size=medium]){letter-spacing:var(--z-tds_2f_web-typography-copy-14-letterSpacing,-.09px)}}.z-tds_2f_web-tds_2f_web_2f_textarea-line-height-64{&:where([data-size=medium]){line-height:var(--z-tds_2f_web-typography-copy-14-lineHeight,20px)}}.z-tds_2f_web-tds_2f_web_2f_textarea-border-radius-65{&:where([data-size=small]){border-radius:var(--z-tds_2f_web-radius-8,.5rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-padding-block-66{&:where([data-size=small]){padding-block:5px}}.z-tds_2f_web-tds_2f_web_2f_textarea-padding-inline-67{&:where([data-size=small]){padding-inline:var(--z-tds_2f_web-spacing-10,.625rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-font-family-68{&: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_textarea-font-size-69{&:where([data-size=small]){font-size:var(--z-tds_2f_web-typography-copy-13-fontSize,13px)}}.z-tds_2f_web-tds_2f_web_2f_textarea-font-weight-70{&:where([data-size=small]){font-weight:var(--z-tds_2f_web-typography-copy-13-fontWeight,450)}}.z-tds_2f_web-tds_2f_web_2f_textarea-letter-spacing-71{&:where([data-size=small]){letter-spacing:var(--z-tds_2f_web-typography-copy-13-letterSpacing,-.04px)}}.z-tds_2f_web-tds_2f_web_2f_textarea-line-height-72{&:where([data-size=small]){line-height:var(--z-tds_2f_web-typography-copy-13-lineHeight,18px)}}.z-tds_2f_web-tds_2f_web_2f_textarea-bg-73{&:where([data-variant=card]){background-color:var(--z-tds_2f_web-color-background-surface,light-dark(#fff,#1a1919))}}.z-tds_2f_web-tds_2f_web_2f_textarea-border-color-74{&:where([data-variant=card]){border-color:var(--z-tds_2f_web-color-grayAlpha-200,light-dark(#00000014,#ffffff1a))}}.z-tds_2f_web-tds_2f_web_2f_textarea-border-radius-75{&:where([data-variant=card]){border-radius:var(--z-tds_2f_web-radius-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-border-style-76{&:where([data-variant=card]){border-style:solid}}.z-tds_2f_web-tds_2f_web_2f_textarea-border-width-77{&:where([data-variant=card]){border-width:var(--z-tds_2f_web-borderWidth-1,1px)}}.z-tds_2f_web-tds_2f_web_2f_textarea-p-78{&:where([data-variant=card]){padding:var(--z-tds_2f_web-spacing-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_textarea-bg-79{&:where([data-variant=card]){&:hover:not(:disabled){background-color:var(--z-tds_2f_web-color-background-surface,light-dark(#fff,#1a1919))}}}.z-tds_2f_web-tds_2f_web_2f_textarea-border-color-80{&:where([data-variant=card]){&:hover:not(:disabled){border-color:var(--z-tds_2f_web-color-grayAlpha-400,light-dark(#00000014,#ffffff24))}}}

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

@@ -32,21 +32,21 @@ declare namespace styles {
             readonly backgroundColor: "grayAlpha.100";
             readonly borderColor: "transparent !custom";
             readonly borderStyle: "solid";
-            readonly borderWidth: "2px !custom";
+            readonly borderWidth: "2";
             readonly boxSizing: "border-box";
             readonly color: "foreground";
             readonly display: "block";
             readonly outlineColor: "transparent !custom";
-            readonly outlineOffset: "2px !custom";
+            readonly outlineOffset: "2";
             readonly outlineStyle: "solid !custom";
-            readonly outlineWidth: "2px !custom";
-            readonly transitionDuration: "160ms !custom";
+            readonly outlineWidth: "2";
+            readonly transitionDuration: "160";
             readonly transitionProperty: "background-color, border-color, opacity, outline-color !custom";
             readonly transitionTimingFunction: "snappy";
             readonly width: "100% !custom";
             readonly selectors: {
                 readonly '&:disabled': {
-                    readonly opacity: "0.4 !custom";
+                    readonly opacity: "disabled";
                 };
                 readonly '&:focus-visible': {
                     readonly outlineColor: "blue.700";
@@ -55,8 +55,8 @@ declare namespace styles {
                     readonly backgroundColor: "grayAlpha.200";
                 };
                 readonly '&::placeholder': {
-                    readonly color: "grayAlpha.700";
-                    readonly transitionDuration: "160ms !custom";
+                    readonly color: "grayAlpha.900";
+                    readonly transitionDuration: "160";
                     readonly transitionProperty: "opacity !custom";
                     readonly transitionTimingFunction: "snappy";
                 };
@@ -77,15 +77,15 @@ declare namespace styles {
                 };
                 readonly '[data-variant="stacked"] > &': {
                     readonly gridArea: "1 / 1";
-                    readonly paddingTop: "14px !custom";
+                    readonly paddingTop: "14";
                 };
                 readonly '[data-variant="stacked"] > &[data-size="large"]': {
-                    readonly paddingTop: "22px !custom";
+                    readonly paddingTop: "22";
                 };
                 readonly '[data-variant="stacked"] > &[data-size="small"]': {
                     readonly borderRadius: "12";
                     readonly paddingBottom: "8";
-                    readonly paddingInline: "14px !custom";
+                    readonly paddingInline: "14";
                     readonly typography: "copy.14";
                 };
                 readonly '[data-variant="stacked"]:not([data-focused]) &::placeholder': {
@@ -125,20 +125,20 @@ declare namespace styles {
             readonly size: {
                 readonly large: {
                     readonly borderRadius: "16";
-                    readonly paddingBlock: "14px !custom";
-                    readonly paddingInline: "18px !custom";
+                    readonly paddingBlock: "14";
+                    readonly paddingInline: "18";
                     readonly typography: "copy.16";
                 };
                 readonly medium: {
                     readonly borderRadius: "12";
                     readonly paddingBlock: "8";
-                    readonly paddingInline: "14px !custom";
+                    readonly paddingInline: "14";
                     readonly typography: "copy.14";
                 };
                 readonly small: {
                     readonly borderRadius: "8";
                     readonly paddingBlock: "5px !custom";
-                    readonly paddingInline: "10px !custom";
+                    readonly paddingInline: "10";
                     readonly typography: "copy.13";
                 };
             };
@@ -148,7 +148,7 @@ declare namespace styles {
                     readonly borderColor: "grayAlpha.200";
                     readonly borderRadius: "12";
                     readonly borderStyle: "solid";
-                    readonly borderWidth: "1px !custom";
+                    readonly borderWidth: "1";
                     readonly padding: "16";
                     readonly selectors: {
                         readonly '&:hover:not(:disabled)': {

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

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