@tempoxyz/ds 0.2.0 → 0.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (181) hide show
  1. package/README.md +36 -0
  2. package/dist/mobile/components/Avatar.d.ts +1 -1
  3. package/dist/mobile/components/Avatar.d.ts.map +1 -1
  4. package/dist/mobile/components/Avatar.js.map +1 -1
  5. package/dist/mobile/components/Button.d.ts +1 -1
  6. package/dist/mobile/components/Button.d.ts.map +1 -1
  7. package/dist/mobile/components/Button.js +5 -1
  8. package/dist/mobile/components/Button.js.map +1 -1
  9. package/dist/mobile/components/CodeInput.d.ts +1 -1
  10. package/dist/mobile/components/CodeInput.d.ts.map +1 -1
  11. package/dist/mobile/components/CodeInput.js.map +1 -1
  12. package/dist/mobile/components/IconButton.d.ts +1 -1
  13. package/dist/mobile/components/IconButton.d.ts.map +1 -1
  14. package/dist/mobile/components/IconButton.js +5 -1
  15. package/dist/mobile/components/IconButton.js.map +1 -1
  16. package/dist/mobile/components/Skeleton.d.ts.map +1 -1
  17. package/dist/mobile/components/Skeleton.js.map +1 -1
  18. package/dist/mobile/components/Spinner.d.ts +1 -1
  19. package/dist/mobile/components/Spinner.d.ts.map +1 -1
  20. package/dist/mobile/components/Spinner.js.map +1 -1
  21. package/dist/mobile/components/TextButton.d.ts.map +1 -1
  22. package/dist/mobile/components/TextButton.js +7 -2
  23. package/dist/mobile/components/TextButton.js.map +1 -1
  24. package/dist/mobile/components/TextInput.d.ts.map +1 -1
  25. package/dist/mobile/components/TextInput.js +1 -1
  26. package/dist/mobile/components/TextInput.js.map +1 -1
  27. package/dist/oxlint/index.d.ts +43 -0
  28. package/dist/oxlint/index.d.ts.map +1 -0
  29. package/dist/oxlint/index.js +68 -0
  30. package/dist/oxlint/index.js.map +1 -0
  31. package/dist/oxlint/internal/Imports.d.ts +22 -0
  32. package/dist/oxlint/internal/Imports.d.ts.map +1 -0
  33. package/dist/oxlint/internal/Imports.js +52 -0
  34. package/dist/oxlint/internal/Imports.js.map +1 -0
  35. package/dist/oxlint/rules/NoCrossSurface.d.ts +16 -0
  36. package/dist/oxlint/rules/NoCrossSurface.d.ts.map +1 -0
  37. package/dist/oxlint/rules/NoCrossSurface.js +55 -0
  38. package/dist/oxlint/rules/NoCrossSurface.js.map +1 -0
  39. package/dist/oxlint/rules/NoInternalImports.d.ts +8 -0
  40. package/dist/oxlint/rules/NoInternalImports.d.ts.map +1 -0
  41. package/dist/oxlint/rules/NoInternalImports.js +22 -0
  42. package/dist/oxlint/rules/NoInternalImports.js.map +1 -0
  43. package/dist/oxlint/rules/NoRawValues.d.ts +9 -0
  44. package/dist/oxlint/rules/NoRawValues.d.ts.map +1 -0
  45. package/dist/oxlint/rules/NoRawValues.js +73 -0
  46. package/dist/oxlint/rules/NoRawValues.js.map +1 -0
  47. package/dist/oxlint/rules/PreferComponent.d.ts +16 -0
  48. package/dist/oxlint/rules/PreferComponent.d.ts.map +1 -0
  49. package/dist/oxlint/rules/PreferComponent.js +92 -0
  50. package/dist/oxlint/rules/PreferComponent.js.map +1 -0
  51. package/dist/oxlint/rules/RequireAccessibleName.d.ts +9 -0
  52. package/dist/oxlint/rules/RequireAccessibleName.d.ts.map +1 -0
  53. package/dist/oxlint/rules/RequireAccessibleName.js +104 -0
  54. package/dist/oxlint/rules/RequireAccessibleName.js.map +1 -0
  55. package/dist/web/components/Amount.d.ts +10 -3
  56. package/dist/web/components/Amount.d.ts.map +1 -1
  57. package/dist/web/components/Amount.js +19 -9
  58. package/dist/web/components/Amount.js.map +1 -1
  59. package/dist/web/components/AmountInput.d.ts +15 -2
  60. package/dist/web/components/AmountInput.d.ts.map +1 -1
  61. package/dist/web/components/AmountInput.js +42 -11
  62. package/dist/web/components/AmountInput.js.map +1 -1
  63. package/dist/web/components/AmountInput.js.zyzz.json +1 -1
  64. package/dist/web/components/Autocomplete.js.zyzz.json +1 -1
  65. package/dist/web/components/Banner.js +1 -1
  66. package/dist/web/components/Calendar.d.ts.map +1 -1
  67. package/dist/web/components/Calendar.js +7 -5
  68. package/dist/web/components/Calendar.js.map +1 -1
  69. package/dist/web/components/Callout.d.ts.map +1 -1
  70. package/dist/web/components/Callout.js +4 -1
  71. package/dist/web/components/Callout.js.map +1 -1
  72. package/dist/web/components/Combobox.js.zyzz.json +1 -1
  73. package/dist/web/components/DatePicker.css +1 -1
  74. package/dist/web/components/DatePicker.d.ts +1 -1
  75. package/dist/web/components/DatePicker.js.zyzz.json +1 -1
  76. package/dist/web/components/Dialog.js +2 -2
  77. package/dist/web/components/Dialog.js.map +1 -1
  78. package/dist/web/components/Drawer.js +2 -2
  79. package/dist/web/components/Drawer.js.map +1 -1
  80. package/dist/web/components/Field.d.ts +7 -0
  81. package/dist/web/components/Field.d.ts.map +1 -1
  82. package/dist/web/components/Field.js +25 -3
  83. package/dist/web/components/Field.js.map +1 -1
  84. package/dist/web/components/Input.css +1 -1
  85. package/dist/web/components/Input.js.zyzz.json +1 -1
  86. package/dist/web/components/Kbd.d.ts +31 -9
  87. package/dist/web/components/Kbd.d.ts.map +1 -1
  88. package/dist/web/components/Kbd.js +55 -13
  89. package/dist/web/components/Kbd.js.map +1 -1
  90. package/dist/web/components/Menu.css +1 -1
  91. package/dist/web/components/Menu.js +1 -1
  92. package/dist/web/components/Menu.js.zyzz.json +1 -1
  93. package/dist/web/components/NumberField.css +1 -1
  94. package/dist/web/components/NumberField.js.zyzz.json +1 -1
  95. package/dist/web/components/Pagination.css +1 -1
  96. package/dist/web/components/Pagination.d.ts +1 -1
  97. package/dist/web/components/Pagination.js.zyzz.json +1 -1
  98. package/dist/web/components/Rows.css +1 -1
  99. package/dist/web/components/Rows.d.ts +1 -1
  100. package/dist/web/components/Rows.d.ts.map +1 -1
  101. package/dist/web/components/Rows.js +3 -3
  102. package/dist/web/components/Rows.js.map +1 -1
  103. package/dist/web/components/Rows.js.zyzz.json +1 -1
  104. package/dist/web/components/Select.css +1 -1
  105. package/dist/web/components/Select.js.zyzz.json +1 -1
  106. package/dist/web/components/Snippet.css +1 -1
  107. package/dist/web/components/Snippet.js +2 -2
  108. package/dist/web/components/Snippet.js.zyzz.json +1 -1
  109. package/dist/web/components/Table.css +1 -1
  110. package/dist/web/components/Table.d.ts +6 -3
  111. package/dist/web/components/Table.d.ts.map +1 -1
  112. package/dist/web/components/Table.js +5 -2
  113. package/dist/web/components/Table.js.map +1 -1
  114. package/dist/web/components/Table.js.zyzz.json +1 -1
  115. package/dist/web/components/Textarea.css +1 -1
  116. package/dist/web/components/Textarea.d.ts +1 -1
  117. package/dist/web/components/Textarea.js.zyzz.json +1 -1
  118. package/dist/web/components/Toast.d.ts.map +1 -1
  119. package/dist/web/components/Toast.js +5 -1
  120. package/dist/web/components/Toast.js.map +1 -1
  121. package/dist/web/components/internal/Field.css +1 -1
  122. package/dist/web/components/internal/Field.js.zyzz.json +1 -1
  123. package/dist/web/components/internal/InputGroup.d.ts.map +1 -1
  124. package/dist/web/components/internal/InputGroup.js.map +1 -1
  125. package/dist/web/components/internal/Listbox.css +1 -1
  126. package/dist/web/components/internal/Listbox.js.zyzz.json +1 -1
  127. package/dist/web/icons/BadgeX.d.ts.map +1 -1
  128. package/dist/web/icons/BadgeX.js.map +1 -1
  129. package/dist/web/icons/InfinityIcon.d.ts.map +1 -1
  130. package/dist/web/icons/InfinityIcon.js.map +1 -1
  131. package/dist/web/icons/LightMode.d.ts.map +1 -1
  132. package/dist/web/icons/LightMode.js.map +1 -1
  133. package/dist/web/icons/OctagonAlert.d.ts.map +1 -1
  134. package/dist/web/icons/OctagonAlert.js.map +1 -1
  135. package/dist/web/icons/Unlink.d.ts.map +1 -1
  136. package/dist/web/icons/Unlink.js.map +1 -1
  137. package/dist/web/index.js.zyzz.json +1 -1
  138. package/package.json +7 -1
  139. package/src/mobile/components/Avatar.tsx +2 -2
  140. package/src/mobile/components/Button.tsx +5 -2
  141. package/src/mobile/components/CodeInput.tsx +2 -2
  142. package/src/mobile/components/IconButton.tsx +5 -2
  143. package/src/mobile/components/Skeleton.tsx +1 -1
  144. package/src/mobile/components/Spinner.tsx +1 -1
  145. package/src/mobile/components/TextButton.tsx +6 -2
  146. package/src/mobile/components/TextInput.tsx +1 -1
  147. package/src/oxlint/index.ts +89 -0
  148. package/src/oxlint/internal/Imports.ts +68 -0
  149. package/src/oxlint/rules/NoCrossSurface.ts +71 -0
  150. package/src/oxlint/rules/NoInternalImports.ts +25 -0
  151. package/src/oxlint/rules/NoRawValues.ts +76 -0
  152. package/src/oxlint/rules/PreferComponent.ts +113 -0
  153. package/src/oxlint/rules/RequireAccessibleName.ts +132 -0
  154. package/src/web/components/Amount.tsx +29 -9
  155. package/src/web/components/AmountInput.tsx +48 -12
  156. package/src/web/components/Banner.tsx +1 -1
  157. package/src/web/components/Calendar.tsx +5 -6
  158. package/src/web/components/Callout.tsx +4 -1
  159. package/src/web/components/DatePicker.tsx +1 -1
  160. package/src/web/components/Dialog.tsx +2 -2
  161. package/src/web/components/Drawer.tsx +2 -2
  162. package/src/web/components/Field.tsx +37 -2
  163. package/src/web/components/Input.tsx +1 -1
  164. package/src/web/components/Kbd.tsx +76 -20
  165. package/src/web/components/Menu.tsx +2 -2
  166. package/src/web/components/NumberField.tsx +1 -1
  167. package/src/web/components/Pagination.tsx +1 -1
  168. package/src/web/components/Rows.tsx +1 -2
  169. package/src/web/components/Select.tsx +1 -1
  170. package/src/web/components/Snippet.tsx +1 -1
  171. package/src/web/components/Table.tsx +7 -3
  172. package/src/web/components/Textarea.tsx +1 -1
  173. package/src/web/components/Toast.tsx +5 -1
  174. package/src/web/components/internal/Field.ts +1 -1
  175. package/src/web/components/internal/InputGroup.ts +1 -1
  176. package/src/web/components/internal/Listbox.ts +2 -2
  177. package/src/web/icons/BadgeX.tsx +1 -1
  178. package/src/web/icons/InfinityIcon.tsx +1 -1
  179. package/src/web/icons/LightMode.tsx +1 -1
  180. package/src/web/icons/OctagonAlert.tsx +1 -1
  181. package/src/web/icons/Unlink.tsx +1 -1
package/dist/web/components/Textarea.css CHANGED
@@ -1 +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))}}}
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-900,light-dark(#000000b3,#ffffff9c))}}.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))}}}
package/dist/web/components/Textarea.d.ts CHANGED
@@ -55,7 +55,7 @@ declare namespace styles {
55
55
  readonly backgroundColor: "grayAlpha.200";
56
56
  };
57
57
  readonly '&::placeholder': {
58
- readonly color: "grayAlpha.700";
58
+ readonly color: "grayAlpha.900";
59
59
  readonly transitionDuration: "160ms !custom";
60
60
  readonly transitionProperty: "opacity !custom";
61
61
  readonly transitionTimingFunction: "snappy";