@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/Kbd.css CHANGED
@@ -1 +1 @@
1
- .z-tds_2f_web-tds_2f_web_2f_kbd_2f_hidden-clip-path-0{clip-path:inset(50%)}.z-tds_2f_web-tds_2f_web_2f_kbd_2f_hidden-h-1{height:var(--z-tds_2f_web-spacing-1,1px)}.z-tds_2f_web-tds_2f_web_2f_kbd_2f_hidden-overflow-2{overflow:hidden}.z-tds_2f_web-tds_2f_web_2f_kbd_2f_hidden-position-3{position:absolute}.z-tds_2f_web-tds_2f_web_2f_kbd_2f_hidden-white-space-4{white-space:nowrap}.z-tds_2f_web-tds_2f_web_2f_kbd_2f_hidden-w-5{width:var(--z-tds_2f_web-spacing-1,1px)}.z-tds_2f_web-tds_2f_web_2f_kbd-align-items-0{align-items:center}.z-tds_2f_web-tds_2f_web_2f_kbd-bg-1{background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}.z-tds_2f_web-tds_2f_web_2f_kbd-border-radius-2{border-radius:var(--z-tds_2f_web-radius-6,.375rem)}.z-tds_2f_web-tds_2f_web_2f_kbd-box-shadow-3{box-shadow:var(--z-tds_2f_web-shadow-raised,0 1px 2px #0000000f, 0 1px 1px #0000000a)}.z-tds_2f_web-tds_2f_web_2f_kbd-box-sizing-4{box-sizing:border-box}.z-tds_2f_web-tds_2f_web_2f_kbd-text-5{color:var(--z-tds_2f_web-color-gray-900,light-dark(#4d4d4d,#bcbbbb))}.z-tds_2f_web-tds_2f_web_2f_kbd-column-gap-6{column-gap:var(--z-tds_2f_web-spacing-4,.25rem)}.z-tds_2f_web-tds_2f_web_2f_kbd-display-7{display:inline-flex}.z-tds_2f_web-tds_2f_web_2f_kbd-justify-content-8{justify-content:center}.z-tds_2f_web-tds_2f_web_2f_kbd-h-9{&:where([data-size=large]){height:var(--z-tds_2f_web-spacing-32,2rem)}}.z-tds_2f_web-tds_2f_web_2f_kbd-min-width-10{&:where([data-size=large]){min-width:var(--z-tds_2f_web-spacing-32,2rem)}}.z-tds_2f_web-tds_2f_web_2f_kbd-padding-inline-11{&:where([data-size=large]){padding-inline:var(--z-tds_2f_web-spacing-8,.5rem)}}.z-tds_2f_web-tds_2f_web_2f_kbd-font-family-12{&:where([data-size=large]){font-family:var(--z-tds_2f_web-typography-label-14-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z-tds_2f_web-tds_2f_web_2f_kbd-font-size-13{&:where([data-size=large]){font-size:var(--z-tds_2f_web-typography-label-14-fontSize,14px)}}.z-tds_2f_web-tds_2f_web_2f_kbd-font-weight-14{&:where([data-size=large]){font-weight:var(--z-tds_2f_web-typography-label-14-fontWeight,450)}}.z-tds_2f_web-tds_2f_web_2f_kbd-letter-spacing-15{&:where([data-size=large]){letter-spacing:var(--z-tds_2f_web-typography-label-14-letterSpacing,-.09px)}}.z-tds_2f_web-tds_2f_web_2f_kbd-line-height-16{&:where([data-size=large]){line-height:var(--z-tds_2f_web-typography-label-14-lineHeight,20px)}}.z-tds_2f_web-tds_2f_web_2f_kbd-h-17{&:where([data-size=medium]){height:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z-tds_2f_web-tds_2f_web_2f_kbd-min-width-18{&:where([data-size=medium]){min-width:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z-tds_2f_web-tds_2f_web_2f_kbd-padding-inline-19{&:where([data-size=medium]){padding-inline:var(--z-tds_2f_web-spacing-6,.375rem)}}.z-tds_2f_web-tds_2f_web_2f_kbd-font-family-20{&:where([data-size=medium]){font-family:var(--z-tds_2f_web-typography-label-12-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z-tds_2f_web-tds_2f_web_2f_kbd-font-size-21{&:where([data-size=medium]){font-size:var(--z-tds_2f_web-typography-label-12-fontSize,12px)}}.z-tds_2f_web-tds_2f_web_2f_kbd-font-weight-22{&:where([data-size=medium]){font-weight:var(--z-tds_2f_web-typography-label-12-fontWeight,450)}}.z-tds_2f_web-tds_2f_web_2f_kbd-letter-spacing-23{&:where([data-size=medium]){letter-spacing:var(--z-tds_2f_web-typography-label-12-letterSpacing,.01px)}}.z-tds_2f_web-tds_2f_web_2f_kbd-line-height-24{&:where([data-size=medium]){line-height:var(--z-tds_2f_web-typography-label-12-lineHeight,16px)}}.z-tds_2f_web-tds_2f_web_2f_kbd-h-25{&:where([data-size=small]){height:var(--z-tds_2f_web-spacing-20,1.25rem)}}.z-tds_2f_web-tds_2f_web_2f_kbd-min-width-26{&:where([data-size=small]){min-width:var(--z-tds_2f_web-spacing-20,1.25rem)}}.z-tds_2f_web-tds_2f_web_2f_kbd-padding-inline-27{&:where([data-size=small]){padding-inline:var(--z-tds_2f_web-spacing-4,.25rem)}}.z-tds_2f_web-tds_2f_web_2f_kbd-font-family-28{&:where([data-size=small]){font-family:var(--z-tds_2f_web-typography-label-12-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z-tds_2f_web-tds_2f_web_2f_kbd-font-size-29{&:where([data-size=small]){font-size:var(--z-tds_2f_web-typography-label-12-fontSize,12px)}}.z-tds_2f_web-tds_2f_web_2f_kbd-font-weight-30{&:where([data-size=small]){font-weight:var(--z-tds_2f_web-typography-label-12-fontWeight,450)}}.z-tds_2f_web-tds_2f_web_2f_kbd-letter-spacing-31{&:where([data-size=small]){letter-spacing:var(--z-tds_2f_web-typography-label-12-letterSpacing,.01px)}}.z-tds_2f_web-tds_2f_web_2f_kbd-line-height-32{&:where([data-size=small]){line-height:var(--z-tds_2f_web-typography-label-12-lineHeight,16px)}}
1
+ .z_tds_2f_web-3f6sMY0{clip-path:inset(50%)}.z_tds_2f_web-3f6sMY1{height:var(--z-tds_2f_web-spacing-1,1px)}.z_tds_2f_web-3f6sMY2{overflow:hidden}.z_tds_2f_web-3f6sMY3{position:absolute}.z_tds_2f_web-3f6sMY4{white-space:nowrap}.z_tds_2f_web-3f6sMY5{width:var(--z-tds_2f_web-spacing-1,1px)}.z_tds_2f_web-3f6sMY6{align-items:center}.z_tds_2f_web-3f6sMY7{background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}.z_tds_2f_web-3f6sMY8{border-radius:var(--z-tds_2f_web-radius-6,.375rem)}.z_tds_2f_web-3f6sMY9{box-shadow:var(--z-tds_2f_web-shadow-raised,0 1px 2px #0000000f, 0 1px 1px #0000000a)}.z_tds_2f_web-3f6sMYa{box-sizing:border-box}.z_tds_2f_web-3f6sMYb{color:var(--z-tds_2f_web-color-gray-900,light-dark(#4d4d4d,#bcbbbb))}.z_tds_2f_web-3f6sMYc{column-gap:var(--z-tds_2f_web-spacing-4,.25rem)}.z_tds_2f_web-3f6sMYd{display:inline-flex}.z_tds_2f_web-3f6sMYe{justify-content:center}.z_tds_2f_web-3f6sMYf{&:where([data-size=large]){height:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-3f6sMYg{&:where([data-size=large]){min-width:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-3f6sMYh{&:where([data-size=large]){padding-inline:var(--z-tds_2f_web-spacing-8,.5rem)}}.z_tds_2f_web-3f6sMYi{&:where([data-size=large]){font-family:var(--z-tds_2f_web-typography-label-14-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z_tds_2f_web-3f6sMYj{&:where([data-size=large]){font-size:var(--z-tds_2f_web-typography-label-14-fontSize,14px)}}.z_tds_2f_web-3f6sMYk{&:where([data-size=large]){font-weight:var(--z-tds_2f_web-typography-label-14-fontWeight,450)}}.z_tds_2f_web-3f6sMYl{&:where([data-size=large]){letter-spacing:var(--z-tds_2f_web-typography-label-14-letterSpacing,-.09px)}}.z_tds_2f_web-3f6sMYm{&:where([data-size=large]){line-height:var(--z-tds_2f_web-typography-label-14-lineHeight,20px)}}.z_tds_2f_web-3f6sMYn{&:where([data-size=medium]){height:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-3f6sMYo{&:where([data-size=medium]){min-width:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-3f6sMYp{&:where([data-size=medium]){padding-inline:var(--z-tds_2f_web-spacing-6,.375rem)}}.z_tds_2f_web-3f6sMYq{&:where([data-size=medium]){font-family:var(--z-tds_2f_web-typography-label-12-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z_tds_2f_web-3f6sMYr{&:where([data-size=medium]){font-size:var(--z-tds_2f_web-typography-label-12-fontSize,12px)}}.z_tds_2f_web-3f6sMYs{&:where([data-size=medium]){font-weight:var(--z-tds_2f_web-typography-label-12-fontWeight,450)}}.z_tds_2f_web-3f6sMYt{&:where([data-size=medium]){letter-spacing:var(--z-tds_2f_web-typography-label-12-letterSpacing,.01px)}}.z_tds_2f_web-3f6sMYu{&:where([data-size=medium]){line-height:var(--z-tds_2f_web-typography-label-12-lineHeight,16px)}}.z_tds_2f_web-3f6sMYv{&:where([data-size=small]){height:var(--z-tds_2f_web-spacing-20,1.25rem)}}.z_tds_2f_web-3f6sMYw{&:where([data-size=small]){min-width:var(--z-tds_2f_web-spacing-20,1.25rem)}}.z_tds_2f_web-3f6sMYx{&:where([data-size=small]){padding-inline:var(--z-tds_2f_web-spacing-4,.25rem)}}.z_tds_2f_web-3f6sMYy{&:where([data-size=small]){font-family:var(--z-tds_2f_web-typography-label-12-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z_tds_2f_web-3f6sMYz{&:where([data-size=small]){font-size:var(--z-tds_2f_web-typography-label-12-fontSize,12px)}}.z_tds_2f_web-3f6sMY10{&:where([data-size=small]){font-weight:var(--z-tds_2f_web-typography-label-12-fontWeight,450)}}.z_tds_2f_web-3f6sMY11{&:where([data-size=small]){letter-spacing:var(--z-tds_2f_web-typography-label-12-letterSpacing,.01px)}}.z_tds_2f_web-3f6sMY12{&:where([data-size=small]){line-height:var(--z-tds_2f_web-typography-label-12-lineHeight,16px)}}
package/dist/web/components/Kbd.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 { useSyncExternalStore } from 'react';
5
5
  import { style, variants } from '../zyzz.config.js';
@@ -74,8 +74,8 @@ export function Kbd(props) {
74
74
  }
75
75
  var styles;
76
76
  (function (styles) {
77
- styles.hidden = __zyzzProps.create({className:"z-tds_2f_web-tds_2f_web_2f_kbd_2f_hidden-clip-path-0 z-tds_2f_web-tds_2f_web_2f_kbd_2f_hidden-h-1 z-tds_2f_web-tds_2f_web_2f_kbd_2f_hidden-overflow-2 z-tds_2f_web-tds_2f_web_2f_kbd_2f_hidden-position-3 z-tds_2f_web-tds_2f_web_2f_kbd_2f_hidden-white-space-4 z-tds_2f_web-tds_2f_web_2f_kbd_2f_hidden-w-5"});
78
- styles.kbd = __zyzzRecipe.create({"axes":{"size":["large","medium","small"]},"defaults":{"size":"medium"},"className":"z-tds_2f_web-tds_2f_web_2f_kbd-align-items-0 z-tds_2f_web-tds_2f_web_2f_kbd-bg-1 z-tds_2f_web-tds_2f_web_2f_kbd-border-radius-2 z-tds_2f_web-tds_2f_web_2f_kbd-box-shadow-3 z-tds_2f_web-tds_2f_web_2f_kbd-box-sizing-4 z-tds_2f_web-tds_2f_web_2f_kbd-text-5 z-tds_2f_web-tds_2f_web_2f_kbd-column-gap-6 z-tds_2f_web-tds_2f_web_2f_kbd-display-7 z-tds_2f_web-tds_2f_web_2f_kbd-justify-content-8 z-tds_2f_web-tds_2f_web_2f_kbd_2f_hidden-white-space-4 z-tds_2f_web-tds_2f_web_2f_kbd-h-9 z-tds_2f_web-tds_2f_web_2f_kbd-min-width-10 z-tds_2f_web-tds_2f_web_2f_kbd-padding-inline-11 z-tds_2f_web-tds_2f_web_2f_kbd-font-family-12 z-tds_2f_web-tds_2f_web_2f_kbd-font-size-13 z-tds_2f_web-tds_2f_web_2f_kbd-font-weight-14 z-tds_2f_web-tds_2f_web_2f_kbd-letter-spacing-15 z-tds_2f_web-tds_2f_web_2f_kbd-line-height-16 z-tds_2f_web-tds_2f_web_2f_kbd-h-17 z-tds_2f_web-tds_2f_web_2f_kbd-min-width-18 z-tds_2f_web-tds_2f_web_2f_kbd-padding-inline-19 z-tds_2f_web-tds_2f_web_2f_kbd-font-family-20 z-tds_2f_web-tds_2f_web_2f_kbd-font-size-21 z-tds_2f_web-tds_2f_web_2f_kbd-font-weight-22 z-tds_2f_web-tds_2f_web_2f_kbd-letter-spacing-23 z-tds_2f_web-tds_2f_web_2f_kbd-line-height-24 z-tds_2f_web-tds_2f_web_2f_kbd-h-25 z-tds_2f_web-tds_2f_web_2f_kbd-min-width-26 z-tds_2f_web-tds_2f_web_2f_kbd-padding-inline-27 z-tds_2f_web-tds_2f_web_2f_kbd-font-family-28 z-tds_2f_web-tds_2f_web_2f_kbd-font-size-29 z-tds_2f_web-tds_2f_web_2f_kbd-font-weight-30 z-tds_2f_web-tds_2f_web_2f_kbd-letter-spacing-31 z-tds_2f_web-tds_2f_web_2f_kbd-line-height-32"});
77
+ styles.hidden = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-3f6sMY0 z_tds_2f_web-3f6sMY1 z_tds_2f_web-3f6sMY2 z_tds_2f_web-3f6sMY3 z_tds_2f_web-3f6sMY4 z_tds_2f_web-3f6sMY5"});
78
+ styles.kbd = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-3f6sMY6 z_tds_2f_web-3f6sMY7 z_tds_2f_web-3f6sMY8 z_tds_2f_web-3f6sMY9 z_tds_2f_web-3f6sMYa z_tds_2f_web-3f6sMYb z_tds_2f_web-3f6sMYc z_tds_2f_web-3f6sMYd z_tds_2f_web-3f6sMYe z_tds_2f_web-3f6sMY4 z_tds_2f_web-3f6sMYf z_tds_2f_web-3f6sMYg z_tds_2f_web-3f6sMYh z_tds_2f_web-3f6sMYi z_tds_2f_web-3f6sMYj z_tds_2f_web-3f6sMYk z_tds_2f_web-3f6sMYl z_tds_2f_web-3f6sMYm z_tds_2f_web-3f6sMYn z_tds_2f_web-3f6sMYo z_tds_2f_web-3f6sMYp z_tds_2f_web-3f6sMYq z_tds_2f_web-3f6sMYr z_tds_2f_web-3f6sMYs z_tds_2f_web-3f6sMYt z_tds_2f_web-3f6sMYu z_tds_2f_web-3f6sMYv z_tds_2f_web-3f6sMYw z_tds_2f_web-3f6sMYx z_tds_2f_web-3f6sMYy z_tds_2f_web-3f6sMYz z_tds_2f_web-3f6sMY10 z_tds_2f_web-3f6sMY11 z_tds_2f_web-3f6sMY12"+" "+external:"z_tds_2f_web-3f6sMY6 z_tds_2f_web-3f6sMY7 z_tds_2f_web-3f6sMY8 z_tds_2f_web-3f6sMY9 z_tds_2f_web-3f6sMYa z_tds_2f_web-3f6sMYb z_tds_2f_web-3f6sMYc z_tds_2f_web-3f6sMYd z_tds_2f_web-3f6sMYe z_tds_2f_web-3f6sMY4 z_tds_2f_web-3f6sMYf z_tds_2f_web-3f6sMYg z_tds_2f_web-3f6sMYh z_tds_2f_web-3f6sMYi z_tds_2f_web-3f6sMYj z_tds_2f_web-3f6sMYk z_tds_2f_web-3f6sMYl z_tds_2f_web-3f6sMYm z_tds_2f_web-3f6sMYn z_tds_2f_web-3f6sMYo z_tds_2f_web-3f6sMYp z_tds_2f_web-3f6sMYq z_tds_2f_web-3f6sMYr z_tds_2f_web-3f6sMYs z_tds_2f_web-3f6sMYt z_tds_2f_web-3f6sMYu z_tds_2f_web-3f6sMYv z_tds_2f_web-3f6sMYw z_tds_2f_web-3f6sMYx z_tds_2f_web-3f6sMYy z_tds_2f_web-3f6sMYz z_tds_2f_web-3f6sMY10 z_tds_2f_web-3f6sMY11 z_tds_2f_web-3f6sMY12",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});
79
79
  })(styles || (styles = {}));
80
80
  //# sourceMappingURL=Kbd.js.map
81
81
  import './Kbd.css';