@tempoxyz/ds 0.2.4 → 0.2.6

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 (301) hide show
  1. package/dist/fonts/Inter-cyrillic-ext.woff2 +0 -0
  2. package/dist/fonts/Inter-cyrillic.woff2 +0 -0
  3. package/dist/fonts/Inter-greek-ext.woff2 +0 -0
  4. package/dist/fonts/Inter-greek.woff2 +0 -0
  5. package/dist/fonts/Inter-latin-ext.woff2 +0 -0
  6. package/dist/fonts/Inter-latin.woff2 +0 -0
  7. package/dist/fonts/Inter-symbols.woff2 +0 -0
  8. package/dist/fonts/Inter-vietnamese.woff2 +0 -0
  9. package/dist/mobile/Haptics.d.ts +39 -0
  10. package/dist/mobile/Haptics.d.ts.map +1 -0
  11. package/dist/mobile/Haptics.js +51 -0
  12. package/dist/mobile/Haptics.js.map +1 -0
  13. package/dist/mobile/components/Button.d.ts.map +1 -1
  14. package/dist/mobile/components/Button.js +3 -3
  15. package/dist/mobile/components/Button.js.map +1 -1
  16. package/dist/mobile/components/IconButton.d.ts.map +1 -1
  17. package/dist/mobile/components/IconButton.js +3 -3
  18. package/dist/mobile/components/IconButton.js.map +1 -1
  19. package/dist/mobile/components/Spinner.js +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 +3 -3
  23. package/dist/mobile/components/TextButton.js.map +1 -1
  24. package/dist/mobile/components/TextInput.js +1 -1
  25. package/dist/mobile/components/TextInput.js.map +1 -1
  26. package/dist/mobile/components/Toast.js +1 -1
  27. package/dist/mobile/components/Toast.js.map +1 -1
  28. package/dist/mobile/components/Toggle.d.ts.map +1 -1
  29. package/dist/mobile/components/Toggle.js +2 -2
  30. package/dist/mobile/components/Toggle.js.map +1 -1
  31. package/dist/mobile/index.d.ts +2 -0
  32. package/dist/mobile/index.d.ts.map +1 -1
  33. package/dist/mobile/index.js +2 -0
  34. package/dist/mobile/index.js.map +1 -1
  35. package/dist/mobile/useColor.d.ts +23 -0
  36. package/dist/mobile/useColor.d.ts.map +1 -0
  37. package/dist/mobile/useColor.js +29 -0
  38. package/dist/mobile/useColor.js.map +1 -0
  39. package/dist/web/components/Accordion.css +1 -1
  40. package/dist/web/components/Accordion.js +8 -8
  41. package/dist/web/components/Accordion.js.zyzz.json +1 -1
  42. package/dist/web/components/AlertDialog.css +1 -1
  43. package/dist/web/components/AlertDialog.js +2 -2
  44. package/dist/web/components/AlertDialog.js.zyzz.json +1 -1
  45. package/dist/web/components/Amount.css +1 -1
  46. package/dist/web/components/Amount.js +3 -3
  47. package/dist/web/components/Amount.js.zyzz.json +1 -1
  48. package/dist/web/components/AmountInput.css +1 -1
  49. package/dist/web/components/AmountInput.js +4 -4
  50. package/dist/web/components/AmountInput.js.zyzz.json +1 -1
  51. package/dist/web/components/AppShell.css +1 -1
  52. package/dist/web/components/AppShell.js +16 -16
  53. package/dist/web/components/AppShell.js.zyzz.json +1 -1
  54. package/dist/web/components/Autocomplete.js.zyzz.json +1 -1
  55. package/dist/web/components/Avatar.css +1 -1
  56. package/dist/web/components/Avatar.js +4 -6
  57. package/dist/web/components/Avatar.js.zyzz.json +1 -1
  58. package/dist/web/components/Banner.css +1 -1
  59. package/dist/web/components/Banner.js +5 -5
  60. package/dist/web/components/Banner.js.zyzz.json +1 -1
  61. package/dist/web/components/Breadcrumbs.css +1 -1
  62. package/dist/web/components/Breadcrumbs.js +6 -6
  63. package/dist/web/components/Breadcrumbs.js.zyzz.json +1 -1
  64. package/dist/web/components/Button.css +1 -1
  65. package/dist/web/components/Button.js +4 -4
  66. package/dist/web/components/Button.js.zyzz.json +1 -1
  67. package/dist/web/components/Calendar.css +1 -1
  68. package/dist/web/components/Calendar.js +7 -7
  69. package/dist/web/components/Calendar.js.zyzz.json +1 -1
  70. package/dist/web/components/Callout.css +1 -1
  71. package/dist/web/components/Callout.js +5 -5
  72. package/dist/web/components/Callout.js.zyzz.json +1 -1
  73. package/dist/web/components/Checkbox.css +1 -1
  74. package/dist/web/components/Checkbox.js +5 -5
  75. package/dist/web/components/Checkbox.js.zyzz.json +1 -1
  76. package/dist/web/components/CheckboxGroup.css +1 -1
  77. package/dist/web/components/CheckboxGroup.js +1 -1
  78. package/dist/web/components/CheckboxGroup.js.zyzz.json +1 -1
  79. package/dist/web/components/ChoiceGroup.css +1 -1
  80. package/dist/web/components/ChoiceGroup.js +5 -5
  81. package/dist/web/components/ChoiceGroup.js.zyzz.json +1 -1
  82. package/dist/web/components/Choicebox.css +1 -1
  83. package/dist/web/components/Choicebox.js +11 -11
  84. package/dist/web/components/Choicebox.js.zyzz.json +1 -1
  85. package/dist/web/components/Combobox.css +1 -1
  86. package/dist/web/components/Combobox.js +4 -4
  87. package/dist/web/components/Combobox.js.zyzz.json +1 -1
  88. package/dist/web/components/Container.css +1 -1
  89. package/dist/web/components/Container.js +1 -3
  90. package/dist/web/components/Container.js.zyzz.json +1 -1
  91. package/dist/web/components/CopyButton.css +1 -1
  92. package/dist/web/components/CopyButton.js +3 -3
  93. package/dist/web/components/CopyButton.js.zyzz.json +1 -1
  94. package/dist/web/components/DatePicker.css +1 -1
  95. package/dist/web/components/DatePicker.js +6 -6
  96. package/dist/web/components/DatePicker.js.zyzz.json +1 -1
  97. package/dist/web/components/Dialog.css +1 -1
  98. package/dist/web/components/Dialog.js +6 -6
  99. package/dist/web/components/Dialog.js.zyzz.json +1 -1
  100. package/dist/web/components/Drawer.css +1 -1
  101. package/dist/web/components/Drawer.js +4 -4
  102. package/dist/web/components/Drawer.js.zyzz.json +1 -1
  103. package/dist/web/components/Empty.css +1 -1
  104. package/dist/web/components/Empty.js +5 -5
  105. package/dist/web/components/Empty.js.zyzz.json +1 -1
  106. package/dist/web/components/Field.css +1 -1
  107. package/dist/web/components/Field.js +5 -5
  108. package/dist/web/components/Field.js.zyzz.json +1 -1
  109. package/dist/web/components/Fieldset.css +1 -1
  110. package/dist/web/components/Fieldset.js +2 -2
  111. package/dist/web/components/Fieldset.js.zyzz.json +1 -1
  112. package/dist/web/components/Frame.css +1 -1
  113. package/dist/web/components/Frame.js +8 -10
  114. package/dist/web/components/Frame.js.zyzz.json +1 -1
  115. package/dist/web/components/Gauge.css +1 -1
  116. package/dist/web/components/Gauge.js +6 -6
  117. package/dist/web/components/Gauge.js.zyzz.json +1 -1
  118. package/dist/web/components/Grid.css +1 -1
  119. package/dist/web/components/Grid.js +1 -3
  120. package/dist/web/components/Grid.js.zyzz.json +1 -1
  121. package/dist/web/components/Hex.css +1 -1
  122. package/dist/web/components/Hex.d.ts +43 -1
  123. package/dist/web/components/Hex.d.ts.map +1 -1
  124. package/dist/web/components/Hex.js +10 -8
  125. package/dist/web/components/Hex.js.map +1 -1
  126. package/dist/web/components/Hex.js.zyzz.json +1 -1
  127. package/dist/web/components/IconChip.css +1 -1
  128. package/dist/web/components/IconChip.d.ts.map +1 -1
  129. package/dist/web/components/IconChip.js +1 -3
  130. package/dist/web/components/IconChip.js.map +1 -1
  131. package/dist/web/components/IconChip.js.zyzz.json +1 -1
  132. package/dist/web/components/Identicon.css +1 -1
  133. package/dist/web/components/Identicon.d.ts +8 -0
  134. package/dist/web/components/Identicon.d.ts.map +1 -1
  135. package/dist/web/components/Identicon.js +5 -4
  136. package/dist/web/components/Identicon.js.map +1 -1
  137. package/dist/web/components/Identicon.js.zyzz.json +1 -1
  138. package/dist/web/components/Inline.css +1 -1
  139. package/dist/web/components/Inline.js +1 -3
  140. package/dist/web/components/Inline.js.zyzz.json +1 -1
  141. package/dist/web/components/Input.css +1 -1
  142. package/dist/web/components/Input.js +4 -4
  143. package/dist/web/components/Input.js.zyzz.json +1 -1
  144. package/dist/web/components/Inset.css +1 -1
  145. package/dist/web/components/Inset.js +1 -3
  146. package/dist/web/components/Inset.js.zyzz.json +1 -1
  147. package/dist/web/components/Kbd.css +1 -1
  148. package/dist/web/components/Kbd.js +3 -3
  149. package/dist/web/components/Kbd.js.zyzz.json +1 -1
  150. package/dist/web/components/LoadingDots.css +1 -1
  151. package/dist/web/components/LoadingDots.js +3 -3
  152. package/dist/web/components/LoadingDots.js.zyzz.json +1 -1
  153. package/dist/web/components/Menu.css +1 -1
  154. package/dist/web/components/Menu.js +9 -9
  155. package/dist/web/components/Menu.js.zyzz.json +1 -1
  156. package/dist/web/components/NumberField.css +1 -1
  157. package/dist/web/components/NumberField.js +5 -5
  158. package/dist/web/components/NumberField.js.zyzz.json +1 -1
  159. package/dist/web/components/OtpField.css +1 -1
  160. package/dist/web/components/OtpField.js +3 -3
  161. package/dist/web/components/OtpField.js.zyzz.json +1 -1
  162. package/dist/web/components/Pagination.css +1 -1
  163. package/dist/web/components/Pagination.js +6 -6
  164. package/dist/web/components/Pagination.js.zyzz.json +1 -1
  165. package/dist/web/components/Popover.css +1 -1
  166. package/dist/web/components/Popover.js +5 -5
  167. package/dist/web/components/Popover.js.zyzz.json +1 -1
  168. package/dist/web/components/Progress.css +1 -1
  169. package/dist/web/components/Progress.js +6 -6
  170. package/dist/web/components/Progress.js.zyzz.json +1 -1
  171. package/dist/web/components/Qr.css +1 -1
  172. package/dist/web/components/Qr.js +1 -3
  173. package/dist/web/components/Qr.js.zyzz.json +1 -1
  174. package/dist/web/components/RadioGroup.css +1 -1
  175. package/dist/web/components/RadioGroup.js +4 -4
  176. package/dist/web/components/RadioGroup.js.zyzz.json +1 -1
  177. package/dist/web/components/Rows.css +1 -1
  178. package/dist/web/components/Rows.d.ts +74 -11
  179. package/dist/web/components/Rows.d.ts.map +1 -1
  180. package/dist/web/components/Rows.js +36 -23
  181. package/dist/web/components/Rows.js.map +1 -1
  182. package/dist/web/components/Rows.js.zyzz.json +1 -1
  183. package/dist/web/components/SecretValue.css +1 -1
  184. package/dist/web/components/SecretValue.js +3 -3
  185. package/dist/web/components/SecretValue.js.zyzz.json +1 -1
  186. package/dist/web/components/Select.css +1 -1
  187. package/dist/web/components/Select.js +2 -2
  188. package/dist/web/components/Select.js.zyzz.json +1 -1
  189. package/dist/web/components/Separator.css +1 -1
  190. package/dist/web/components/Separator.js +1 -1
  191. package/dist/web/components/Separator.js.zyzz.json +1 -1
  192. package/dist/web/components/SidebarMenu.css +1 -1
  193. package/dist/web/components/SidebarMenu.js +8 -8
  194. package/dist/web/components/SidebarMenu.js.zyzz.json +1 -1
  195. package/dist/web/components/Skeleton.css +1 -1
  196. package/dist/web/components/Skeleton.js +1 -3
  197. package/dist/web/components/Skeleton.js.zyzz.json +1 -1
  198. package/dist/web/components/Slider.css +1 -1
  199. package/dist/web/components/Slider.js +6 -6
  200. package/dist/web/components/Slider.js.zyzz.json +1 -1
  201. package/dist/web/components/Snippet.css +1 -1
  202. package/dist/web/components/Snippet.js +4 -4
  203. package/dist/web/components/Snippet.js.zyzz.json +1 -1
  204. package/dist/web/components/Spinner.css +1 -1
  205. package/dist/web/components/Spinner.js +3 -3
  206. package/dist/web/components/Spinner.js.zyzz.json +1 -1
  207. package/dist/web/components/SplitButton.css +1 -1
  208. package/dist/web/components/SplitButton.js +1 -1
  209. package/dist/web/components/SplitButton.js.zyzz.json +1 -1
  210. package/dist/web/components/Stack.css +1 -1
  211. package/dist/web/components/Stack.js +1 -3
  212. package/dist/web/components/Stack.js.zyzz.json +1 -1
  213. package/dist/web/components/Stepper.css +1 -1
  214. package/dist/web/components/Stepper.js +3 -3
  215. package/dist/web/components/Stepper.js.zyzz.json +1 -1
  216. package/dist/web/components/Surface.css +1 -1
  217. package/dist/web/components/Surface.d.ts +19 -1
  218. package/dist/web/components/Surface.d.ts.map +1 -1
  219. package/dist/web/components/Surface.js +6 -8
  220. package/dist/web/components/Surface.js.map +1 -1
  221. package/dist/web/components/Surface.js.zyzz.json +1 -1
  222. package/dist/web/components/Switch.css +1 -1
  223. package/dist/web/components/Switch.js +3 -3
  224. package/dist/web/components/Switch.js.zyzz.json +1 -1
  225. package/dist/web/components/Table.css +1 -1
  226. package/dist/web/components/Table.js +5 -7
  227. package/dist/web/components/Table.js.zyzz.json +1 -1
  228. package/dist/web/components/Tabs.css +1 -1
  229. package/dist/web/components/Tabs.js +4 -6
  230. package/dist/web/components/Tabs.js.zyzz.json +1 -1
  231. package/dist/web/components/Tag.css +1 -1
  232. package/dist/web/components/Tag.js +3 -3
  233. package/dist/web/components/Tag.js.zyzz.json +1 -1
  234. package/dist/web/components/Textarea.css +1 -1
  235. package/dist/web/components/Textarea.js +1 -3
  236. package/dist/web/components/Textarea.js.zyzz.json +1 -1
  237. package/dist/web/components/Toast.css +1 -1
  238. package/dist/web/components/Toast.js +10 -10
  239. package/dist/web/components/Toast.js.zyzz.json +1 -1
  240. package/dist/web/components/Token.css +1 -1
  241. package/dist/web/components/Token.js +1 -3
  242. package/dist/web/components/Token.js.zyzz.json +1 -1
  243. package/dist/web/components/Tooltip.css +1 -1
  244. package/dist/web/components/Tooltip.js +2 -2
  245. package/dist/web/components/Tooltip.js.zyzz.json +1 -1
  246. package/dist/web/components/internal/Field.css +1 -1
  247. package/dist/web/components/internal/Field.js +4 -4
  248. package/dist/web/components/internal/Field.js.zyzz.json +1 -1
  249. package/dist/web/components/internal/InputGroup.css +1 -1
  250. package/dist/web/components/internal/InputGroup.d.ts +11 -0
  251. package/dist/web/components/internal/InputGroup.d.ts.map +1 -1
  252. package/dist/web/components/internal/InputGroup.js +1 -3
  253. package/dist/web/components/internal/InputGroup.js.map +1 -1
  254. package/dist/web/components/internal/InputGroup.js.zyzz.json +1 -1
  255. package/dist/web/components/internal/Listbox.css +1 -1
  256. package/dist/web/components/internal/Listbox.js +13 -13
  257. package/dist/web/components/internal/Listbox.js.zyzz.json +1 -1
  258. package/dist/web/index.js.zyzz.json +1 -1
  259. package/dist/web/vars.d.ts +8 -1
  260. package/dist/web/vars.d.ts.map +1 -1
  261. package/dist/web/vars.js.map +1 -1
  262. package/dist/web/vars.js.zyzz.json +1 -1
  263. package/dist/web/zyzz.config.d.ts +40 -5
  264. package/dist/web/zyzz.config.d.ts.map +1 -1
  265. package/dist/web/zyzz.config.js +10 -0
  266. package/dist/web/zyzz.config.js.map +1 -1
  267. package/dist/web/zyzz.config.js.zyzz.json +1 -1
  268. package/package.json +33 -1
  269. package/src/fonts/Inter-cyrillic-ext.woff2 +0 -0
  270. package/src/fonts/Inter-cyrillic.woff2 +0 -0
  271. package/src/fonts/Inter-greek-ext.woff2 +0 -0
  272. package/src/fonts/Inter-greek.woff2 +0 -0
  273. package/src/fonts/Inter-latin-ext.woff2 +0 -0
  274. package/src/fonts/Inter-latin.woff2 +0 -0
  275. package/src/fonts/Inter-symbols.woff2 +0 -0
  276. package/src/fonts/Inter-vietnamese.woff2 +0 -0
  277. package/src/fonts/README.md +8 -0
  278. package/src/mobile/Haptics.ts +55 -0
  279. package/src/mobile/README.md +97 -1
  280. package/src/mobile/components/Button.tsx +3 -3
  281. package/src/mobile/components/IconButton.tsx +3 -3
  282. package/src/mobile/components/Spinner.tsx +1 -1
  283. package/src/mobile/components/TextButton.tsx +3 -3
  284. package/src/mobile/components/TextInput.tsx +1 -1
  285. package/src/mobile/components/Toast.tsx +1 -1
  286. package/src/mobile/components/Toggle.tsx +2 -2
  287. package/src/mobile/index.ts +2 -0
  288. package/src/mobile/useColor.ts +31 -0
  289. package/src/web/components/Hex.tsx +45 -2
  290. package/src/web/components/IconChip.tsx +0 -1
  291. package/src/web/components/Identicon.tsx +15 -1
  292. package/src/web/components/Rows.tsx +100 -22
  293. package/src/web/components/Surface.tsx +9 -3
  294. package/src/web/components/internal/InputGroup.ts +10 -0
  295. package/src/web/vars.ts +12 -3
  296. package/src/web/zyzz.config.ts +72 -1
  297. package/dist/mobile/internal/useColor.d.ts +0 -4
  298. package/dist/mobile/internal/useColor.d.ts.map +0 -1
  299. package/dist/mobile/internal/useColor.js +0 -12
  300. package/dist/mobile/internal/useColor.js.map +0 -1
  301. package/src/mobile/internal/useColor.ts +0 -13
package/dist/web/components/SecretValue.css CHANGED
@@ -1 +1 @@
1
- .z-tds_2f_web-tds_2f_web_2f_secret_2d_value-align-items-0{align-items:center}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-bg-1{background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-box-sizing-2{box-sizing:border-box}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-text-3{color:var(--z-tds_2f_web-color-gray-900,light-dark(#4d4d4d,#bcbbbb))}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-column-gap-4{column-gap:var(--z-tds_2f_web-spacing-4,.25rem)}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-cursor-5{cursor:pointer}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-display-6{display:flex}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-min-width-7{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-position-8{position:relative}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-transition-duration-9{transition-duration:.2s,.16s}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-transition-property-10{transition-property:background-color,scale}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-transition-timing-function-11{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-bg-12{&:hover:not(:has(button:hover)){background-color:var(--z-tds_2f_web-color-grayAlpha-200,light-dark(#00000014,#ffffff1a))}}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-scale-13{&:active:not(:has(button:active)){scale:var(--z-tds_2f_web-scale-press,.98)}}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-bg-14{&[data-copied]{background-color:var(--z-tds_2f_web-color-green-200,light-dark(#e8fbed,#032f1c))}}@media (prefers-reduced-motion:reduce){.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-transition-property-15{transition-property:background-color}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-scale-16{&:active:not(:has(button:active)){scale:none}}}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-border-radius-17{&:where([data-size=large]){border-radius:var(--z-tds_2f_web-radius-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-h-18{&:where([data-size=large]){height:var(--z-tds_2f_web-spacing-56,3.5rem)}}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-padding-inline-end-19{&:where([data-size=large]){padding-inline-end:var(--z-tds_2f_web-spacing-8,.5rem)}}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-padding-inline-start-20{&:where([data-size=large]){padding-inline-start:var(--z-tds_2f_web-spacing-20,1.25rem)}}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-border-radius-21{&:where([data-size=medium]){border-radius:var(--z-tds_2f_web-radius-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-h-22{&:where([data-size=medium]){height:var(--z-tds_2f_web-spacing-40,2.5rem)}}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-padding-inline-end-23{&:where([data-size=medium]){padding-inline-end:var(--z-tds_2f_web-spacing-4,.25rem)}}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-padding-inline-start-24{&:where([data-size=medium]){padding-inline-start:var(--z-tds_2f_web-spacing-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-border-radius-25{&:where([data-size=small]){border-radius:var(--z-tds_2f_web-radius-8,.5rem)}}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-h-26{&:where([data-size=small]){height:var(--z-tds_2f_web-spacing-32,2rem)}}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-padding-inline-end-27{&:where([data-size=small]){padding-inline-end:var(--z-tds_2f_web-spacing-4,.25rem)}}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-padding-inline-start-28{&:where([data-size=small]){padding-inline-start:var(--z-tds_2f_web-spacing-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-h-29{&:where([data-size=small]){&>button{height:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-min-width-30{&:where([data-size=small]){&>button{min-width:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value-w-31{&:where([data-size=small]){&>button{width:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value_2f_text-flex-grow-0{flex-grow:1}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value_2f_text-font-family-1{font-family:var(--z-tds_2f_web-fontFamily-mono,"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace)}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value_2f_text-min-width-2{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value_2f_text-overflow-x-3{overflow-x:auto}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value_2f_text-font-size-4{font-size:var(--z-tds_2f_web-typography-label-14-mono-fontSize,14px)}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value_2f_text-font-weight-5{font-weight:var(--z-tds_2f_web-typography-label-14-mono-fontWeight,400)}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value_2f_text-letter-spacing-6{letter-spacing:var(--z-tds_2f_web-typography-label-14-mono-letterSpacing,0px)}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value_2f_text-line-height-7{line-height:var(--z-tds_2f_web-typography-label-14-mono-lineHeight,20px)}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value_2f_text-user-select-8{user-select:none}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value_2f_text-white-space-9{white-space:nowrap}.z-tds_2f_web-tds_2f_web_2f_secret_2d_value_2f_text-user-select-10{&[data-revealed]{user-select:text}}
1
+ .z_tds_2f_web-r4ILlI0{align-items:center}.z_tds_2f_web-r4ILlI1{background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}.z_tds_2f_web-r4ILlI2{box-sizing:border-box}.z_tds_2f_web-r4ILlI3{color:var(--z-tds_2f_web-color-gray-900,light-dark(#4d4d4d,#bcbbbb))}.z_tds_2f_web-r4ILlI4{column-gap:var(--z-tds_2f_web-spacing-4,.25rem)}.z_tds_2f_web-r4ILlI5{cursor:pointer}.z_tds_2f_web-r4ILlI6{display:flex}.z_tds_2f_web-r4ILlI7{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-r4ILlI8{position:relative}.z_tds_2f_web-r4ILlI9{transition-duration:.2s,.16s}.z_tds_2f_web-r4ILlIa{transition-property:background-color,scale}.z_tds_2f_web-r4ILlIb{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-r4ILlIc{&:hover:not(:has(button:hover)){background-color:var(--z-tds_2f_web-color-grayAlpha-200,light-dark(#00000014,#ffffff1a))}}.z_tds_2f_web-r4ILlId{&:active:not(:has(button:active)){scale:var(--z-tds_2f_web-scale-press,.98)}}.z_tds_2f_web-r4ILlIe{&[data-copied]{background-color:var(--z-tds_2f_web-color-green-200,light-dark(#e8fbed,#032f1c))}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-r4ILlIf{transition-property:background-color}.z_tds_2f_web-r4ILlIg{&:active:not(:has(button:active)){scale:none}}}.z_tds_2f_web-r4ILlIh{&:where([data-size=large]){border-radius:var(--z-tds_2f_web-radius-16,1rem)}}.z_tds_2f_web-r4ILlIi{&:where([data-size=large]){height:var(--z-tds_2f_web-spacing-56,3.5rem)}}.z_tds_2f_web-r4ILlIj{&:where([data-size=large]){padding-inline-end:var(--z-tds_2f_web-spacing-8,.5rem)}}.z_tds_2f_web-r4ILlIk{&:where([data-size=large]){padding-inline-start:var(--z-tds_2f_web-spacing-20,1.25rem)}}.z_tds_2f_web-r4ILlIl{&:where([data-size=medium]){border-radius:var(--z-tds_2f_web-radius-12,.75rem)}}.z_tds_2f_web-r4ILlIm{&:where([data-size=medium]){height:var(--z-tds_2f_web-spacing-40,2.5rem)}}.z_tds_2f_web-r4ILlIn{&:where([data-size=medium]){padding-inline-end:var(--z-tds_2f_web-spacing-4,.25rem)}}.z_tds_2f_web-r4ILlIo{&:where([data-size=medium]){padding-inline-start:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-r4ILlIp{&:where([data-size=small]){border-radius:var(--z-tds_2f_web-radius-8,.5rem)}}.z_tds_2f_web-r4ILlIq{&:where([data-size=small]){height:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-r4ILlIr{&:where([data-size=small]){padding-inline-end:var(--z-tds_2f_web-spacing-4,.25rem)}}.z_tds_2f_web-r4ILlIs{&:where([data-size=small]){padding-inline-start:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-r4ILlIt{&:where([data-size=small]){&>button{height:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z_tds_2f_web-r4ILlIu{&:where([data-size=small]){&>button{min-width:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z_tds_2f_web-r4ILlIv{&:where([data-size=small]){&>button{width:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z_tds_2f_web-r4ILlIw{flex-grow:1}.z_tds_2f_web-r4ILlIx{font-family:var(--z-tds_2f_web-fontFamily-mono,"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace)}.z_tds_2f_web-r4ILlIy{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-r4ILlIz{overflow-x:auto}.z_tds_2f_web-r4ILlI10{font-size:var(--z-tds_2f_web-typography-label-14-mono-fontSize,14px)}.z_tds_2f_web-r4ILlI11{font-weight:var(--z-tds_2f_web-typography-label-14-mono-fontWeight,400)}.z_tds_2f_web-r4ILlI12{letter-spacing:var(--z-tds_2f_web-typography-label-14-mono-letterSpacing,0px)}.z_tds_2f_web-r4ILlI13{line-height:var(--z-tds_2f_web-typography-label-14-mono-lineHeight,20px)}.z_tds_2f_web-r4ILlI14{user-select:none}.z_tds_2f_web-r4ILlI15{white-space:nowrap}.z_tds_2f_web-r4ILlI16{&[data-revealed]{user-select:text}}
package/dist/web/components/SecretValue.js CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- import { Props as __zyzzProps, Recipe as __zyzzRecipe } from 'zyzz/runtime';
2
+ import { Props as __zyzzProps } from 'zyzz/runtime';
3
3
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
4
4
  import { useState } from 'react';
5
5
  import { Eye } from '../icons/Eye.js';
@@ -50,8 +50,8 @@ export function SecretValue(props) {
50
50
  }
51
51
  var styles;
52
52
  (function (styles) {
53
- styles.root = __zyzzRecipe.create({"axes":{"size":["large","medium","small"]},"defaults":{"size":"medium"},"className":"z-tds_2f_web-tds_2f_web_2f_secret_2d_value-align-items-0 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-bg-1 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-box-sizing-2 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-text-3 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-column-gap-4 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-cursor-5 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-display-6 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-min-width-7 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-position-8 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-transition-duration-9 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-transition-property-10 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-transition-timing-function-11 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-bg-12 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-scale-13 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-bg-14 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-transition-property-15 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-scale-16 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-border-radius-17 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-h-18 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-padding-inline-end-19 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-padding-inline-start-20 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-border-radius-21 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-h-22 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-padding-inline-end-23 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-padding-inline-start-24 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-border-radius-25 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-h-26 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-padding-inline-end-27 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-padding-inline-start-28 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-h-29 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-min-width-30 z-tds_2f_web-tds_2f_web_2f_secret_2d_value-w-31"});
54
- styles.text = __zyzzProps.create({className:"z-tds_2f_web-tds_2f_web_2f_secret_2d_value-text-3 z-tds_2f_web-tds_2f_web_2f_secret_2d_value_2f_text-flex-grow-0 z-tds_2f_web-tds_2f_web_2f_secret_2d_value_2f_text-font-family-1 z-tds_2f_web-tds_2f_web_2f_secret_2d_value_2f_text-min-width-2 z-tds_2f_web-tds_2f_web_2f_secret_2d_value_2f_text-overflow-x-3 z-tds_2f_web-tds_2f_web_2f_secret_2d_value_2f_text-font-size-4 z-tds_2f_web-tds_2f_web_2f_secret_2d_value_2f_text-font-weight-5 z-tds_2f_web-tds_2f_web_2f_secret_2d_value_2f_text-letter-spacing-6 z-tds_2f_web-tds_2f_web_2f_secret_2d_value_2f_text-line-height-7 z-tds_2f_web-tds_2f_web_2f_secret_2d_value_2f_text-user-select-8 z-tds_2f_web-tds_2f_web_2f_secret_2d_value_2f_text-white-space-9 z-tds_2f_web-tds_2f_web_2f_secret_2d_value_2f_text-user-select-10"});
53
+ styles.root = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-r4ILlI0 z_tds_2f_web-r4ILlI1 z_tds_2f_web-r4ILlI2 z_tds_2f_web-r4ILlI3 z_tds_2f_web-r4ILlI4 z_tds_2f_web-r4ILlI5 z_tds_2f_web-r4ILlI6 z_tds_2f_web-r4ILlI7 z_tds_2f_web-r4ILlI8 z_tds_2f_web-r4ILlI9 z_tds_2f_web-r4ILlIa z_tds_2f_web-r4ILlIb z_tds_2f_web-r4ILlIc z_tds_2f_web-r4ILlId z_tds_2f_web-r4ILlIe z_tds_2f_web-r4ILlIf z_tds_2f_web-r4ILlIg z_tds_2f_web-r4ILlIh z_tds_2f_web-r4ILlIi z_tds_2f_web-r4ILlIj z_tds_2f_web-r4ILlIk z_tds_2f_web-r4ILlIl z_tds_2f_web-r4ILlIm z_tds_2f_web-r4ILlIn z_tds_2f_web-r4ILlIo z_tds_2f_web-r4ILlIp z_tds_2f_web-r4ILlIq z_tds_2f_web-r4ILlIr z_tds_2f_web-r4ILlIs z_tds_2f_web-r4ILlIt z_tds_2f_web-r4ILlIu z_tds_2f_web-r4ILlIv"+" "+external:"z_tds_2f_web-r4ILlI0 z_tds_2f_web-r4ILlI1 z_tds_2f_web-r4ILlI2 z_tds_2f_web-r4ILlI3 z_tds_2f_web-r4ILlI4 z_tds_2f_web-r4ILlI5 z_tds_2f_web-r4ILlI6 z_tds_2f_web-r4ILlI7 z_tds_2f_web-r4ILlI8 z_tds_2f_web-r4ILlI9 z_tds_2f_web-r4ILlIa z_tds_2f_web-r4ILlIb z_tds_2f_web-r4ILlIc z_tds_2f_web-r4ILlId z_tds_2f_web-r4ILlIe z_tds_2f_web-r4ILlIf z_tds_2f_web-r4ILlIg z_tds_2f_web-r4ILlIh z_tds_2f_web-r4ILlIi z_tds_2f_web-r4ILlIj z_tds_2f_web-r4ILlIk z_tds_2f_web-r4ILlIl z_tds_2f_web-r4ILlIm z_tds_2f_web-r4ILlIn z_tds_2f_web-r4ILlIo z_tds_2f_web-r4ILlIp z_tds_2f_web-r4ILlIq z_tds_2f_web-r4ILlIr z_tds_2f_web-r4ILlIs z_tds_2f_web-r4ILlIt z_tds_2f_web-r4ILlIu z_tds_2f_web-r4ILlIv",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"size")?input["size"]:void 0;if(value===void 0)value="medium";if(value!==null&&value!==void 0)result["data-size"]=String(value);return result});
54
+ styles.text = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-r4ILlI3 z_tds_2f_web-r4ILlIw z_tds_2f_web-r4ILlIx z_tds_2f_web-r4ILlIy z_tds_2f_web-r4ILlIz z_tds_2f_web-r4ILlI10 z_tds_2f_web-r4ILlI11 z_tds_2f_web-r4ILlI12 z_tds_2f_web-r4ILlI13 z_tds_2f_web-r4ILlI14 z_tds_2f_web-r4ILlI15 z_tds_2f_web-r4ILlI16"});
55
55
  })(styles || (styles = {}));
56
56
  //# sourceMappingURL=SecretValue.js.map
57
57
  import './SecretValue.css';