@graphprotocol/gds-react 0.1.1 → 0.2.0

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 (390) hide show
  1. package/dist/GDSProvider.d.ts +12 -10
  2. package/dist/GDSProvider.d.ts.map +1 -1
  3. package/dist/GDSProvider.js +10 -8
  4. package/dist/GDSProvider.js.map +1 -1
  5. package/dist/components/Address.js +2 -2
  6. package/dist/components/Address.meta.d.ts +1 -13
  7. package/dist/components/Address.meta.d.ts.map +1 -1
  8. package/dist/components/Avatar.d.ts.map +1 -1
  9. package/dist/components/Avatar.js +7 -11
  10. package/dist/components/Avatar.js.map +1 -1
  11. package/dist/components/Avatar.meta.d.ts +0 -2
  12. package/dist/components/Avatar.meta.d.ts.map +1 -1
  13. package/dist/components/AvatarGroup.meta.d.ts +8 -2
  14. package/dist/components/AvatarGroup.meta.d.ts.map +1 -1
  15. package/dist/components/Breadcrumbs.meta.d.ts +2 -3
  16. package/dist/components/Breadcrumbs.meta.d.ts.map +1 -1
  17. package/dist/components/Breadcrumbs.meta.js +3 -1
  18. package/dist/components/Breadcrumbs.meta.js.map +1 -1
  19. package/dist/components/Breadcrumbs.parts.d.ts.map +1 -1
  20. package/dist/components/Breadcrumbs.parts.js +15 -23
  21. package/dist/components/Breadcrumbs.parts.js.map +1 -1
  22. package/dist/components/Button.d.ts.map +1 -1
  23. package/dist/components/Button.js +17 -12
  24. package/dist/components/Button.js.map +1 -1
  25. package/dist/components/Button.meta.d.ts +1 -4
  26. package/dist/components/Button.meta.d.ts.map +1 -1
  27. package/dist/components/ButtonGroup.d.ts.map +1 -1
  28. package/dist/components/ButtonGroup.js +1 -5
  29. package/dist/components/ButtonGroup.js.map +1 -1
  30. package/dist/components/ButtonGroup.meta.d.ts +1 -5
  31. package/dist/components/ButtonGroup.meta.d.ts.map +1 -1
  32. package/dist/components/ButtonGroup.meta.js +8 -0
  33. package/dist/components/ButtonGroup.meta.js.map +1 -1
  34. package/dist/components/Card.js +1 -1
  35. package/dist/components/Card.js.map +1 -1
  36. package/dist/components/Card.meta.d.ts +1 -2
  37. package/dist/components/Card.meta.d.ts.map +1 -1
  38. package/dist/components/Card.meta.js +1 -0
  39. package/dist/components/Card.meta.js.map +1 -1
  40. package/dist/components/Checkbox.meta.d.ts +1 -6
  41. package/dist/components/Checkbox.meta.d.ts.map +1 -1
  42. package/dist/components/Checkbox.meta.js +1 -5
  43. package/dist/components/Checkbox.meta.js.map +1 -1
  44. package/dist/components/Chip.d.ts +6 -0
  45. package/dist/components/Chip.d.ts.map +1 -0
  46. package/dist/components/Chip.js +5 -0
  47. package/dist/components/Chip.js.map +1 -0
  48. package/dist/components/Chip.meta.d.ts +15 -0
  49. package/dist/components/Chip.meta.d.ts.map +1 -0
  50. package/dist/components/Chip.meta.js +22 -0
  51. package/dist/components/Chip.meta.js.map +1 -0
  52. package/dist/components/Chip.parts.d.ts +52 -0
  53. package/dist/components/Chip.parts.d.ts.map +1 -0
  54. package/dist/components/Chip.parts.js +114 -0
  55. package/dist/components/Chip.parts.js.map +1 -0
  56. package/dist/components/Cluster.meta.d.ts +8 -2
  57. package/dist/components/Cluster.meta.d.ts.map +1 -1
  58. package/dist/components/CodeBlock.d.ts +1 -1
  59. package/dist/components/CodeBlock.meta.d.ts +2 -4
  60. package/dist/components/CodeBlock.meta.d.ts.map +1 -1
  61. package/dist/components/CodeBlock.parts.d.ts +6 -7
  62. package/dist/components/CodeBlock.parts.d.ts.map +1 -1
  63. package/dist/components/CodeBlock.parts.js +28 -10
  64. package/dist/components/CodeBlock.parts.js.map +1 -1
  65. package/dist/components/CodeInline.js +3 -3
  66. package/dist/components/CodeInline.meta.d.ts +1 -1
  67. package/dist/components/CodeInline.meta.d.ts.map +1 -1
  68. package/dist/components/CopyButton.d.ts.map +1 -1
  69. package/dist/components/CopyButton.js +2 -4
  70. package/dist/components/CopyButton.js.map +1 -1
  71. package/dist/components/CopyButton.meta.d.ts +1 -12
  72. package/dist/components/CopyButton.meta.d.ts.map +1 -1
  73. package/dist/components/CopyButton.meta.js +1 -6
  74. package/dist/components/CopyButton.meta.js.map +1 -1
  75. package/dist/components/CurrencyInput.meta.d.ts +1 -6
  76. package/dist/components/CurrencyInput.meta.d.ts.map +1 -1
  77. package/dist/components/CurrencyInput.meta.js +1 -5
  78. package/dist/components/CurrencyInput.meta.js.map +1 -1
  79. package/dist/components/DescriptionList.meta.d.ts +2 -5
  80. package/dist/components/DescriptionList.meta.d.ts.map +1 -1
  81. package/dist/components/DescriptionList.parts.d.ts +3 -0
  82. package/dist/components/DescriptionList.parts.d.ts.map +1 -1
  83. package/dist/components/DescriptionList.parts.js +2 -1
  84. package/dist/components/DescriptionList.parts.js.map +1 -1
  85. package/dist/components/Divider.meta.d.ts +1 -3
  86. package/dist/components/Divider.meta.d.ts.map +1 -1
  87. package/dist/components/Icon.js +4 -4
  88. package/dist/components/Icon.js.map +1 -1
  89. package/dist/components/Icon.meta.d.ts +0 -2
  90. package/dist/components/Icon.meta.d.ts.map +1 -1
  91. package/dist/components/Icon.meta.js +1 -0
  92. package/dist/components/Icon.meta.js.map +1 -1
  93. package/dist/components/Input.d.ts +5 -4
  94. package/dist/components/Input.d.ts.map +1 -1
  95. package/dist/components/Input.js +1 -0
  96. package/dist/components/Input.js.map +1 -1
  97. package/dist/components/Input.meta.d.ts +1 -6
  98. package/dist/components/Input.meta.d.ts.map +1 -1
  99. package/dist/components/Input.meta.js +1 -5
  100. package/dist/components/Input.meta.js.map +1 -1
  101. package/dist/components/Keyboard.js +1 -1
  102. package/dist/components/Keyboard.meta.d.ts +0 -1
  103. package/dist/components/Keyboard.meta.d.ts.map +1 -1
  104. package/dist/components/Label.meta.d.ts +1 -3
  105. package/dist/components/Label.meta.d.ts.map +1 -1
  106. package/dist/components/Link.d.ts +1 -1
  107. package/dist/components/Link.d.ts.map +1 -1
  108. package/dist/components/Link.js +1 -2
  109. package/dist/components/Link.js.map +1 -1
  110. package/dist/components/Link.meta.d.ts +1 -2
  111. package/dist/components/Link.meta.d.ts.map +1 -1
  112. package/dist/components/Link.meta.js +1 -0
  113. package/dist/components/Link.meta.js.map +1 -1
  114. package/dist/components/Menu.meta.d.ts +31 -2
  115. package/dist/components/Menu.meta.d.ts.map +1 -1
  116. package/dist/components/Menu.meta.js +39 -1
  117. package/dist/components/Menu.meta.js.map +1 -1
  118. package/dist/components/Menu.parts.d.ts +23 -32
  119. package/dist/components/Menu.parts.d.ts.map +1 -1
  120. package/dist/components/Menu.parts.js +284 -303
  121. package/dist/components/Menu.parts.js.map +1 -1
  122. package/dist/components/Modal.d.ts +1 -1
  123. package/dist/components/Modal.meta.d.ts +1 -3
  124. package/dist/components/Modal.meta.d.ts.map +1 -1
  125. package/dist/components/Modal.meta.js +1 -1
  126. package/dist/components/Modal.meta.js.map +1 -1
  127. package/dist/components/Modal.parts.d.ts +14 -15
  128. package/dist/components/Modal.parts.d.ts.map +1 -1
  129. package/dist/components/Modal.parts.js +36 -32
  130. package/dist/components/Modal.parts.js.map +1 -1
  131. package/dist/components/OTCInput.js +1 -1
  132. package/dist/components/OTCInput.meta.d.ts +1 -6
  133. package/dist/components/OTCInput.meta.d.ts.map +1 -1
  134. package/dist/components/OTCInput.meta.js +1 -5
  135. package/dist/components/OTCInput.meta.js.map +1 -1
  136. package/dist/components/Radio.meta.d.ts +1 -6
  137. package/dist/components/Radio.meta.d.ts.map +1 -1
  138. package/dist/components/Radio.meta.js +1 -5
  139. package/dist/components/Radio.meta.js.map +1 -1
  140. package/dist/components/Search.meta.d.ts +1 -3
  141. package/dist/components/Search.meta.d.ts.map +1 -1
  142. package/dist/components/SegmentedControl.meta.d.ts +2 -3
  143. package/dist/components/SegmentedControl.meta.d.ts.map +1 -1
  144. package/dist/components/SegmentedControl.meta.js +3 -1
  145. package/dist/components/SegmentedControl.meta.js.map +1 -1
  146. package/dist/components/SegmentedControl.parts.d.ts.map +1 -1
  147. package/dist/components/SegmentedControl.parts.js +15 -31
  148. package/dist/components/SegmentedControl.parts.js.map +1 -1
  149. package/dist/components/Status.meta.d.ts +0 -2
  150. package/dist/components/Status.meta.d.ts.map +1 -1
  151. package/dist/components/Stepper.meta.d.ts +1 -2
  152. package/dist/components/Stepper.meta.d.ts.map +1 -1
  153. package/dist/components/Stepper.meta.js +1 -0
  154. package/dist/components/Stepper.meta.js.map +1 -1
  155. package/dist/components/Stepper.parts.d.ts.map +1 -1
  156. package/dist/components/Stepper.parts.js +1 -1
  157. package/dist/components/Stepper.parts.js.map +1 -1
  158. package/dist/components/Switch.meta.d.ts +1 -6
  159. package/dist/components/Switch.meta.d.ts.map +1 -1
  160. package/dist/components/Switch.meta.js +1 -5
  161. package/dist/components/Switch.meta.js.map +1 -1
  162. package/dist/components/TabSet.meta.d.ts +2 -5
  163. package/dist/components/TabSet.meta.d.ts.map +1 -1
  164. package/dist/components/TabSet.meta.js +3 -1
  165. package/dist/components/TabSet.meta.js.map +1 -1
  166. package/dist/components/TabSet.parts.js +1 -1
  167. package/dist/components/Tag.meta.d.ts +0 -2
  168. package/dist/components/Tag.meta.d.ts.map +1 -1
  169. package/dist/components/TextArea.meta.d.ts +1 -6
  170. package/dist/components/TextArea.meta.d.ts.map +1 -1
  171. package/dist/components/TextArea.meta.js +1 -5
  172. package/dist/components/TextArea.meta.js.map +1 -1
  173. package/dist/components/ToggleButton.d.ts +0 -2
  174. package/dist/components/ToggleButton.d.ts.map +1 -1
  175. package/dist/components/ToggleButton.js +2 -2
  176. package/dist/components/ToggleButton.js.map +1 -1
  177. package/dist/components/ToggleButton.meta.d.ts +1 -12
  178. package/dist/components/ToggleButton.meta.d.ts.map +1 -1
  179. package/dist/components/ToggleButton.meta.js +1 -6
  180. package/dist/components/ToggleButton.meta.js.map +1 -1
  181. package/dist/components/Tooltip.d.ts +2 -2
  182. package/dist/components/Tooltip.d.ts.map +1 -1
  183. package/dist/components/Tooltip.js +2 -2
  184. package/dist/components/Tooltip.js.map +1 -1
  185. package/dist/components/Tooltip.meta.d.ts +12 -7
  186. package/dist/components/Tooltip.meta.d.ts.map +1 -1
  187. package/dist/components/Tooltip.meta.js +13 -2
  188. package/dist/components/Tooltip.meta.js.map +1 -1
  189. package/dist/components/Tooltip.parts.d.ts +20 -20
  190. package/dist/components/Tooltip.parts.d.ts.map +1 -1
  191. package/dist/components/Tooltip.parts.js +129 -88
  192. package/dist/components/Tooltip.parts.js.map +1 -1
  193. package/dist/components/base/Addon.meta.d.ts +1 -1
  194. package/dist/components/base/Addon.meta.d.ts.map +1 -1
  195. package/dist/components/base/Addon.meta.js +3 -1
  196. package/dist/components/base/Addon.meta.js.map +1 -1
  197. package/dist/components/base/ButtonOrLink.d.ts +1 -1
  198. package/dist/components/base/ButtonOrLink.parts.d.ts +14 -10
  199. package/dist/components/base/ButtonOrLink.parts.d.ts.map +1 -1
  200. package/dist/components/base/ButtonOrLink.parts.js +47 -47
  201. package/dist/components/base/ButtonOrLink.parts.js.map +1 -1
  202. package/dist/components/base/Checkable.meta.d.ts +1 -2
  203. package/dist/components/base/Checkable.meta.d.ts.map +1 -1
  204. package/dist/components/base/Checkable.parts.d.ts +6 -6
  205. package/dist/components/base/Checkable.parts.d.ts.map +1 -1
  206. package/dist/components/base/Checkable.parts.js +2 -2
  207. package/dist/components/base/Checkable.parts.js.map +1 -1
  208. package/dist/components/base/Field.meta.d.ts +1 -2
  209. package/dist/components/base/Field.meta.d.ts.map +1 -1
  210. package/dist/components/base/Field.parts.d.ts +5 -4
  211. package/dist/components/base/Field.parts.d.ts.map +1 -1
  212. package/dist/components/base/Field.parts.js +1 -1
  213. package/dist/components/base/Field.parts.js.map +1 -1
  214. package/dist/components/base/MaybeButtonOrLink.d.ts +1 -1
  215. package/dist/components/base/MaybeButtonOrLink.d.ts.map +1 -1
  216. package/dist/components/base/Portal.d.ts +1 -1
  217. package/dist/components/base/Portal.d.ts.map +1 -1
  218. package/dist/components/base/Portal.js +3 -6
  219. package/dist/components/base/Portal.js.map +1 -1
  220. package/dist/components/base/Render.d.ts +21 -6
  221. package/dist/components/base/Render.d.ts.map +1 -1
  222. package/dist/components/base/Render.js +3 -2
  223. package/dist/components/base/Render.js.map +1 -1
  224. package/dist/components/base/Transition.js +2 -2
  225. package/dist/components/base/Transition.meta.d.ts +1 -1
  226. package/dist/components/base/Transition.meta.d.ts.map +1 -1
  227. package/dist/components/base/Transition.meta.js +1 -0
  228. package/dist/components/base/Transition.meta.js.map +1 -1
  229. package/dist/components/base/index.d.ts +1 -2
  230. package/dist/components/base/index.d.ts.map +1 -1
  231. package/dist/components/base/index.js +1 -2
  232. package/dist/components/base/index.js.map +1 -1
  233. package/dist/components/index.d.ts +3 -1
  234. package/dist/components/index.d.ts.map +1 -1
  235. package/dist/components/index.js +3 -1
  236. package/dist/components/index.js.map +1 -1
  237. package/dist/hooks/index.d.ts +1 -0
  238. package/dist/hooks/index.d.ts.map +1 -1
  239. package/dist/hooks/index.js +1 -0
  240. package/dist/hooks/index.js.map +1 -1
  241. package/dist/hooks/useCSSProp.d.ts.map +1 -1
  242. package/dist/hooks/useCSSProp.js +6 -6
  243. package/dist/hooks/useCSSProp.js.map +1 -1
  244. package/dist/hooks/useCSSProps.d.ts +11 -13
  245. package/dist/hooks/useCSSProps.d.ts.map +1 -1
  246. package/dist/hooks/useCSSProps.js +11 -19
  247. package/dist/hooks/useCSSProps.js.map +1 -1
  248. package/dist/hooks/useCSSPropsPolyfill.d.ts +1 -1
  249. package/dist/hooks/useCSSPropsPolyfill.d.ts.map +1 -1
  250. package/dist/hooks/useCSSPropsPolyfill.js +12 -20
  251. package/dist/hooks/useCSSPropsPolyfill.js.map +1 -1
  252. package/dist/hooks/useCSSState.d.ts.map +1 -1
  253. package/dist/hooks/useCSSState.js +7 -3
  254. package/dist/hooks/useCSSState.js.map +1 -1
  255. package/dist/hooks/useEffectWithRefDeps.d.ts +2 -2
  256. package/dist/hooks/useEffectWithRefDeps.d.ts.map +1 -1
  257. package/dist/hooks/useEffectWithRefDeps.js +1 -1
  258. package/dist/hooks/useEffectWithRefDeps.js.map +1 -1
  259. package/dist/hooks/useFirstRender.d.ts +14 -0
  260. package/dist/hooks/useFirstRender.d.ts.map +1 -0
  261. package/dist/hooks/useFirstRender.js +20 -0
  262. package/dist/hooks/useFirstRender.js.map +1 -0
  263. package/dist/hooks/useGDS.d.ts +1 -1
  264. package/dist/hooks/usePrevious.d.ts +6 -4
  265. package/dist/hooks/usePrevious.d.ts.map +1 -1
  266. package/dist/hooks/usePrevious.js +6 -4
  267. package/dist/hooks/usePrevious.js.map +1 -1
  268. package/dist/hooks/useRefWithInit.d.ts +2 -2
  269. package/dist/hooks/useRefWithInit.d.ts.map +1 -1
  270. package/dist/hooks/useRefWithInit.js.map +1 -1
  271. package/dist/hooks/useStyleObserver.d.ts +2 -2
  272. package/dist/hooks/useStyleObserver.d.ts.map +1 -1
  273. package/dist/hooks/useStyleObserver.js.map +1 -1
  274. package/dist/icons/CalendarDynamicIcon.d.ts +8 -5
  275. package/dist/icons/CalendarDynamicIcon.d.ts.map +1 -1
  276. package/dist/icons/CalendarDynamicIcon.js +5 -2
  277. package/dist/icons/CalendarDynamicIcon.js.map +1 -1
  278. package/dist/icons/CopyInteractiveIcon.d.ts +5 -4
  279. package/dist/icons/CopyInteractiveIcon.d.ts.map +1 -1
  280. package/dist/icons/CopyInteractiveIcon.js +2 -2
  281. package/dist/icons/CopyInteractiveIcon.js.map +1 -1
  282. package/dist/icons/SidebarLeftInteractiveIcon.d.ts +4 -3
  283. package/dist/icons/SidebarLeftInteractiveIcon.d.ts.map +1 -1
  284. package/dist/icons/SidebarLeftInteractiveIcon.js +2 -2
  285. package/dist/icons/SidebarLeftInteractiveIcon.js.map +1 -1
  286. package/dist/icons/SidebarRightInteractiveIcon.d.ts +4 -3
  287. package/dist/icons/SidebarRightInteractiveIcon.d.ts.map +1 -1
  288. package/dist/icons/SidebarRightInteractiveIcon.js +2 -2
  289. package/dist/icons/SidebarRightInteractiveIcon.js.map +1 -1
  290. package/dist/tailwind-plugin.d.ts.map +1 -1
  291. package/dist/tailwind-plugin.js +8 -5
  292. package/dist/tailwind-plugin.js.map +1 -1
  293. package/dist/utils/cn.d.ts +3 -1
  294. package/dist/utils/cn.d.ts.map +1 -1
  295. package/dist/utils/cn.js +3 -1
  296. package/dist/utils/cn.js.map +1 -1
  297. package/dist/utils/getCSSPropsAttributes.d.ts +10 -3
  298. package/dist/utils/getCSSPropsAttributes.d.ts.map +1 -1
  299. package/dist/utils/getCSSPropsAttributes.js +4 -5
  300. package/dist/utils/getCSSPropsAttributes.js.map +1 -1
  301. package/dist/utils/splitProps.d.ts +1 -4
  302. package/dist/utils/splitProps.d.ts.map +1 -1
  303. package/dist/utils/splitProps.js +2 -7
  304. package/dist/utils/splitProps.js.map +1 -1
  305. package/dist/utils/trimReactNode.d.ts +10 -8
  306. package/dist/utils/trimReactNode.d.ts.map +1 -1
  307. package/dist/utils/trimReactNode.js +10 -8
  308. package/dist/utils/trimReactNode.js.map +1 -1
  309. package/package.json +17 -17
  310. package/src/GDSProvider.tsx +11 -9
  311. package/src/components/Address.tsx +2 -2
  312. package/src/components/Avatar.tsx +10 -11
  313. package/src/components/Breadcrumbs.meta.ts +3 -1
  314. package/src/components/Breadcrumbs.parts.tsx +18 -30
  315. package/src/components/Button.tsx +27 -13
  316. package/src/components/ButtonGroup.meta.ts +8 -0
  317. package/src/components/ButtonGroup.tsx +1 -5
  318. package/src/components/Card.meta.ts +1 -0
  319. package/src/components/Card.tsx +1 -1
  320. package/src/components/Checkbox.meta.ts +1 -5
  321. package/src/components/Chip.meta.ts +23 -0
  322. package/src/components/Chip.parts.tsx +319 -0
  323. package/src/components/Chip.tsx +7 -0
  324. package/src/components/CodeBlock.parts.tsx +75 -50
  325. package/src/components/CodeInline.tsx +3 -3
  326. package/src/components/CopyButton.meta.ts +1 -6
  327. package/src/components/CopyButton.tsx +3 -4
  328. package/src/components/CurrencyInput.meta.ts +1 -5
  329. package/src/components/DescriptionList.parts.tsx +2 -1
  330. package/src/components/Icon.meta.ts +1 -0
  331. package/src/components/Icon.tsx +4 -4
  332. package/src/components/Input.meta.ts +1 -5
  333. package/src/components/Input.tsx +5 -6
  334. package/src/components/Keyboard.tsx +1 -1
  335. package/src/components/Link.meta.ts +1 -0
  336. package/src/components/Link.tsx +2 -3
  337. package/src/components/Menu.meta.ts +39 -1
  338. package/src/components/Menu.parts.tsx +553 -549
  339. package/src/components/Modal.meta.ts +1 -1
  340. package/src/components/Modal.parts.tsx +67 -68
  341. package/src/components/OTCInput.meta.ts +1 -5
  342. package/src/components/OTCInput.tsx +1 -1
  343. package/src/components/Radio.meta.ts +1 -5
  344. package/src/components/SegmentedControl.meta.ts +3 -1
  345. package/src/components/SegmentedControl.parts.tsx +40 -44
  346. package/src/components/Stepper.meta.ts +1 -0
  347. package/src/components/Stepper.parts.tsx +3 -1
  348. package/src/components/Switch.meta.ts +1 -5
  349. package/src/components/TabSet.meta.ts +3 -1
  350. package/src/components/TabSet.parts.tsx +1 -1
  351. package/src/components/TextArea.meta.ts +1 -5
  352. package/src/components/ToggleButton.meta.ts +1 -6
  353. package/src/components/ToggleButton.tsx +1 -3
  354. package/src/components/Tooltip.meta.ts +13 -2
  355. package/src/components/Tooltip.parts.tsx +215 -159
  356. package/src/components/Tooltip.tsx +2 -2
  357. package/src/components/base/Addon.meta.ts +3 -1
  358. package/src/components/base/ButtonOrLink.parts.tsx +91 -73
  359. package/src/components/base/Checkable.parts.tsx +6 -13
  360. package/src/components/base/Field.parts.tsx +5 -5
  361. package/src/components/base/Portal.tsx +5 -7
  362. package/src/components/base/Render.tsx +37 -15
  363. package/src/components/base/Transition.meta.ts +1 -0
  364. package/src/components/base/Transition.tsx +2 -2
  365. package/src/components/base/index.ts +8 -2
  366. package/src/components/index.ts +3 -2
  367. package/src/hooks/index.ts +1 -0
  368. package/src/hooks/useCSSProp.ts +6 -8
  369. package/src/hooks/useCSSProps.ts +13 -22
  370. package/src/hooks/useCSSPropsPolyfill.ts +15 -23
  371. package/src/hooks/useCSSState.ts +11 -6
  372. package/src/hooks/useEffectWithRefDeps.ts +2 -2
  373. package/src/hooks/useFirstRender.ts +36 -0
  374. package/src/hooks/usePrevious.ts +6 -4
  375. package/src/hooks/useRefWithInit.ts +2 -2
  376. package/src/hooks/useStyleObserver.ts +5 -1
  377. package/src/icons/CalendarDynamicIcon.tsx +16 -6
  378. package/src/icons/CopyInteractiveIcon.tsx +10 -5
  379. package/src/icons/SidebarLeftInteractiveIcon.tsx +9 -5
  380. package/src/icons/SidebarRightInteractiveIcon.tsx +9 -5
  381. package/src/tailwind-plugin.ts +8 -5
  382. package/src/utils/cn.ts +3 -1
  383. package/src/utils/getCSSPropsAttributes.ts +13 -8
  384. package/src/utils/splitProps.ts +9 -9
  385. package/src/utils/trimReactNode.tsx +10 -8
  386. package/dist/components/base/ButtonOrLink.meta.d.ts +0 -2
  387. package/dist/components/base/ButtonOrLink.meta.d.ts.map +0 -1
  388. package/dist/components/base/ButtonOrLink.meta.js +0 -6
  389. package/dist/components/base/ButtonOrLink.meta.js.map +0 -1
  390. package/src/components/base/ButtonOrLink.meta.ts +0 -6
@@ -8,8 +8,9 @@ import { useAutoValue, useControlled, useCSSPropsPolyfill, useCSSState, useGDS,
8
8
  import { cn, getCSSPropsAttributes, isReactNode, splitProps, } from "../utils/index.js";
9
9
  import { renderAddon } from "./base/Addon.js";
10
10
  import { SegmentedControlMeta } from "./SegmentedControl.meta.js";
11
- import { Tooltip, useCollectedTooltip } from "./Tooltip.js";
11
+ import { Tooltip } from "./Tooltip.js";
12
12
  export function SegmentedControlRoot({ ref: passedRef, size, value: controlledValue, defaultValue, onChange, className, style, children, ...props }) {
13
+ useGDS();
13
14
  if (props['aria-label'] === undefined && props['aria-labelledby'] === undefined) {
14
15
  // oxlint-disable-next-line no-console
15
16
  console.warn('[SegmentedControl] One of `aria-label` or `aria-labelledby` should be set for accessibility');
@@ -29,7 +30,7 @@ export function SegmentedControlRoot({ ref: passedRef, size, value: controlledVa
29
30
  return (_jsx(RadioGroup, { ref: cssPropsPolyfillPassedRef, value: value, onValueChange: (newValue) => {
30
31
  setValue(newValue);
31
32
  setValueJustChanged(true);
32
- }, className: cn('gds-segmented-control root-block u:w-max u:max-w-full i:h-max', className), ...getCSSPropsAttributes(SegmentedControlMeta, { size }, style), ...cssPropsPolyfillAttributes, ...props, children: _jsxs("div", { className: `
33
+ }, className: cn('gds-segmented-control root-block [anchor-scope:all] u:w-max u:max-w-full i:h-max', className), ...getCSSPropsAttributes(SegmentedControlMeta, { size }, style), ...cssPropsPolyfillAttributes, ...props, children: _jsxs("div", { className: `
33
34
  group/segmented-control border border-button-secondary-idle p-px
34
35
  has-focus-visible:outline
35
36
  @prop-size-small/segmented-control:rounded-6
@@ -49,22 +50,16 @@ export function SegmentedControlRoot({ ref: passedRef, size, value: controlledVa
49
50
  }
50
51
  SegmentedControlRoot.displayName = 'SegmentedControl';
51
52
  export function SegmentedControlOption({ ref: passedRef, value: passedValue, addonBefore, addonAfter, tooltip, className, children, ...props }) {
52
- useGDS();
53
53
  const { rootProps, nestedProps } = splitProps(props);
54
54
  const buttonRef = useRef(null);
55
55
  const buttonPassedRef = useMergedRefs(buttonRef, passedRef);
56
+ const autoValue = useAutoValue(children);
57
+ const value = passedValue !== undefined ? passedValue : autoValue;
56
58
  const [stateRef, state] = useCSSState({
57
59
  pointer: undefined,
58
60
  checked: undefined,
59
61
  'is-toggle': undefined,
60
62
  });
61
- const autoValue = useAutoValue(children);
62
- const value = passedValue !== undefined ? passedValue : autoValue;
63
- const { onCollect, collectedContent } = useCollectedTooltip();
64
- let tooltipProps = { content: collectedContent };
65
- if (tooltip !== undefined) {
66
- tooltipProps = isReactNode(tooltip) ? { content: tooltip } : { ...tooltipProps, ...tooltip };
67
- }
68
63
  const toggle = (event) => {
69
64
  if (!buttonRef.current)
70
65
  return;
@@ -86,31 +81,20 @@ export function SegmentedControlOption({ ref: passedRef, value: passedValue, add
86
81
  cancelable: true,
87
82
  }));
88
83
  };
89
- return (
90
- /**
91
- * This wrapper is necessary to ensure this component returns a single element (which some
92
- * Tailwind classes might assume) because `Radio.Root` renders a `<input type="radio">` as a
93
- * sibling of the button (actually a `<span>`). Ideally, we would make `Radio.Root` the root and
94
- * it would render an internal component (e.g. `SegmentedControlOptionButton`) that would itself
95
- * render a wrapper `<div>` around the button and the input (as well as calling `useCSSState`
96
- * with a proper initial `checked` value, from the `render` state), but that is not possible
97
- * currently (see https://github.com/mui/base-ui/issues/3143).
98
- */
99
- _jsx("div", { ref: stateRef, className: cn(`gds-segmented-control-option root-block
100
- state-[is-toggle=false]
101
- group-[:has([data-checked]):has(>:nth-child(2)):not(:has(>:nth-child(3)))]/segmented-control-options:state-[is-toggle]
102
- u:group-has-nested-hover/segmented-control--segmented-control-toggle:state-hover
103
- u:group-has-nested-active/segmented-control--segmented-control-toggle:state-active
104
- u:has-nested-hover/segmented-control-option-ref:state-hover
105
- u:has-nested-active/segmented-control-option-ref:state-active
106
- u:has-nested-[[data-checked]]/segmented-control-option-ref:state-checked`, className), ...state.polyfillAttributes, ...rootProps, children: _jsx(Tooltip, { ...tooltipProps, children: _jsxs(Radio.Root, { ref: buttonPassedRef, value: value, onKeyDown: (event) => {
84
+ return (_jsx(Tooltip, { ...(isReactNode(tooltip) ? { content: tooltip } : tooltip), children: _jsx("div", { ref: stateRef, className: cn(`gds-segmented-control-option root-block
85
+ state-[is-toggle=false]
86
+ group-[:has([data-checked]):has(>:nth-child(2)):not(:has(>:nth-child(3)))]/segmented-control-options:state-[is-toggle]
87
+ u:group-has-nested-hover/segmented-control--segmented-control-toggle:state-hover
88
+ u:group-has-nested-active/segmented-control--segmented-control-toggle:state-active
89
+ u:has-nested-hover/segmented-control-option-ref:state-hover
90
+ u:has-nested-active/segmented-control-option-ref:state-active
91
+ u:has-nested-[[data-checked]]/segmented-control-option-ref:state-checked`, className), ...state.polyfillAttributes, ...rootProps, children: _jsxs(Radio.Root, { ref: buttonPassedRef, value: value, onKeyDown: (event) => {
107
92
  // If there are only two options, toggle between them when pressing Space, like a checkbox
108
93
  if (event.key === ' ') {
109
94
  toggle(event);
110
95
  }
111
96
  }, className: `
112
- nested/segmented-control-option-ref block w-full cursor-pointer outline-0
113
- @state-checked/segmented-control-option:cursor-default
97
+ nested/segmented-control-option-ref block w-full outline-0
114
98
  @state-checked/segmented-control-option:[anchor-name:--gds-segmented-control-checked]
115
99
  `, ...nestedProps, children: [_jsxs("span", { className: `
116
100
  flex h-(--height) min-w-(--height) items-center justify-center border border-transparent text-button-naked-idle transition
@@ -128,7 +112,7 @@ export function SegmentedControlOption({ ref: passedRef, value: passedValue, add
128
112
  u:@prop-size-small/segmented-control:addon-small
129
113
  u:@prop-size-medium/segmented-control:addon-medium
130
114
  i:@state-checked/segmented-control-option:text-button-naked-toggled-idle
131
- `, children: [addonBefore ? (_jsx(SegmentedControlOptionAddon, { children: renderAddon(addonBefore) })) : null, children ? (_jsx("span", { className: "truncate px-1", children: _jsx(Tooltip.Collector, { onCollect: onCollect, children: children }) })) : null, addonAfter ? (_jsx(SegmentedControlOptionAddon, { children: renderAddon(addonAfter) })) : null] }), _jsx("span", { onClick: toggle, className: `
115
+ `, children: [addonBefore ? (_jsx(SegmentedControlOptionAddon, { children: renderAddon(addonBefore) })) : null, children ? (_jsx("span", { className: "truncate px-1", children: _jsx(Tooltip.Collector, { children: children }) })) : null, addonAfter ? (_jsx(SegmentedControlOptionAddon, { children: renderAddon(addonAfter) })) : null] }), _jsx("span", { onClick: toggle, className: `
132
116
  nested/segmented-control-toggle absolute inset-0 cursor-pointer
133
117
  @state-not-[is-toggle]/segmented-control-option:hidden
134
118
  @state-unchecked/segmented-control-option:hidden
@@ -1 +1 @@
1
- {"version":3,"file":"SegmentedControl.parts.js","sourceRoot":"","sources":["../../src/components/SegmentedControl.parts.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"SegmentedControl.parts.js","sourceRoot":"","sources":["../../src/components/SegmentedControl.parts.tsx"],"names":[],"mappings":"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"}
@@ -1,11 +1,9 @@
1
1
  export declare const StatusMeta: import("@graphprotocol/gds-css").GDSComponent<{
2
- /** @default 'default' */
3
2
  readonly variant: {
4
3
  readonly type: "values";
5
4
  readonly values: ["default", "brand", "info", "success", "warning", "error"];
6
5
  readonly defaultValue: "default";
7
6
  };
8
- /** @default 'medium' */
9
7
  readonly size: {
10
8
  readonly type: "values";
11
9
  readonly values: ["small", "medium", "large"];
@@ -1 +1 @@
1
- {"version":3,"file":"Status.meta.d.ts","sourceRoot":"","sources":["../../src/components/Status.meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;IAGnB,yBAAyB;;;;;;IAMzB,wBAAwB;;;;;;QAO1B,CAAA"}
1
+ {"version":3,"file":"Status.meta.d.ts","sourceRoot":"","sources":["../../src/components/Status.meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;;;;;;QAgBrB,CAAA"}
@@ -1,9 +1,8 @@
1
1
  export declare const StepperMeta: import("@graphprotocol/gds-css").GDSComponent<{
2
- /** @default 'top' */
3
2
  readonly labelPosition: {
4
3
  readonly type: "values";
5
4
  readonly values: ["top", "bottom", "hidden"];
6
5
  readonly defaultValue: "top";
7
6
  };
8
- }, boolean>;
7
+ }, false>;
9
8
  //# sourceMappingURL=Stepper.meta.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Stepper.meta.d.ts","sourceRoot":"","sources":["../../src/components/Stepper.meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;IAEpB,qBAAqB;;;;;;WAOvB,CAAA"}
1
+ {"version":3,"file":"Stepper.meta.d.ts","sourceRoot":"","sources":["../../src/components/Stepper.meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;SAUtB,CAAA"}
@@ -1,6 +1,7 @@
1
1
  import { createComponent } from '@graphprotocol/gds-css';
2
2
  export const StepperMeta = createComponent('Stepper', {
3
3
  cssProps: {
4
+ // TODO: Rename to `labelSide` and add a `hideLabel` prop?
4
5
  /** @default 'top' */
5
6
  labelPosition: {
6
7
  type: 'values',
@@ -1 +1 @@
1
- {"version":3,"file":"Stepper.meta.js","sourceRoot":"","sources":["../../src/components/Stepper.meta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC,SAAS,EAAE;IACpD,QAAQ,EAAE;QACR,qBAAqB;QACrB,aAAa,EAAE;YACb,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC;YACnC,YAAY,EAAE,KAAK;SACpB;KACF;CACF,CAAC,CAAA"}
1
+ {"version":3,"file":"Stepper.meta.js","sourceRoot":"","sources":["../../src/components/Stepper.meta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC,SAAS,EAAE;IACpD,QAAQ,EAAE;QACR,0DAA0D;QAC1D,qBAAqB;QACrB,aAAa,EAAE;YACb,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC;YACnC,YAAY,EAAE,KAAK;SACpB;KACF;CACF,CAAC,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Stepper.parts.d.ts","sourceRoot":"","sources":["../../src/components/Stepper.parts.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAGtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAK/D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAG/C,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,WAAW,CAAC;IAChG,mFAAmF;IACnF,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,WAAW;uHASrB,YAAY;;CAuCd,CAAA;AAQD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,IAAI,CAAC;CAAG;AAEjE,eAAO,MAAM,WAAW;wCAAuC,gBAAgB;;CA4E9E,CAAA"}
1
+ {"version":3,"file":"Stepper.parts.d.ts","sourceRoot":"","sources":["../../src/components/Stepper.parts.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAGtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAK/D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAG/C,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,WAAW,CAAC;IAChG,mFAAmF;IACnF,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,WAAW;uHASrB,YAAY;;CAyCd,CAAA;AAQD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,IAAI,CAAC;CAAG;AAEjE,eAAO,MAAM,WAAW;wCAAuC,gBAAgB;;CA4E9E,CAAA"}
@@ -14,7 +14,7 @@ export const StepperRoot = ({ ref: passedRef, count = 1, currentIndex: passedCur
14
14
  }, { ref: passedRef });
15
15
  const childrenArray = children
16
16
  ? flattenChildren(children)
17
- : Array.from({ length: Math.max(1, count) }, (_, index) => _jsx(StepperStep, {}, index));
17
+ : Array.from({ length: Math.min(Math.max(1, count), 16) }, (_, index) => (_jsx(StepperStep, {}, index)));
18
18
  const currentIndex = Math.min(Math.max(Number.isInteger(passedCurrentIndex) ? passedCurrentIndex : Math.round(passedCurrentIndex), 0), childrenArray.length - 1);
19
19
  return (_jsx("div", { ref: cssPropsPolyfillPassedRef, className: cn('gds-stepper root-block i:h-max', className), ...getCSSPropsAttributes(StepperMeta, { labelPosition }, style), ...cssPropsPolyfillAttributes, ...props, children: _jsx("ol", { className: "flex gap-1", children: childrenArray.map((child, childIndex) => (_jsx(StepperStepContext.Provider, { value: { index: childIndex, currentIndex }, children: child }, childIndex))) }) }));
20
20
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Stepper.parts.js","sourceRoot":"","sources":["../../src/components/Stepper.parts.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Stepper.parts.js","sourceRoot":"","sources":["../../src/components/Stepper.parts.tsx"],"names":[],"mappings":"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"}
@@ -1,13 +1,8 @@
1
1
  export declare const SwitchMeta: import("@graphprotocol/gds-css").GDSComponent<{
2
- /** @default 'medium' */
3
2
  readonly size: {
4
3
  readonly type: "values";
5
4
  readonly values: ["small", "medium", "large"];
6
5
  readonly defaultValue: "medium";
7
- } & {
8
- readonly name: string;
9
- readonly kebabName: string;
10
- readonly initialValue: "small" | "medium" | "large";
11
6
  };
12
- }, boolean>;
7
+ } & {}, false>;
13
8
  //# sourceMappingURL=Switch.meta.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.meta.d.ts","sourceRoot":"","sources":["../../src/components/Switch.meta.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU;IAGnB,wBAAwB;;;;;;;;;;WAG1B,CAAA"}
1
+ {"version":3,"file":"Switch.meta.d.ts","sourceRoot":"","sources":["../../src/components/Switch.meta.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU;;;;;;cAErB,CAAA"}
@@ -1,10 +1,6 @@
1
1
  import { createComponent } from '@graphprotocol/gds-css';
2
2
  import { CheckableMeta } from "./base/Checkable.meta.js";
3
3
  export const SwitchMeta = createComponent('Switch', {
4
- containerName: 'gds-checkable',
5
- cssProps: {
6
- /** @default 'medium' */
7
- size: CheckableMeta.cssProps.size,
8
- },
4
+ extends: CheckableMeta,
9
5
  });
10
6
  //# sourceMappingURL=Switch.meta.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.meta.js","sourceRoot":"","sources":["../../src/components/Switch.meta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAExD,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC,QAAQ,EAAE;IAClD,aAAa,EAAE,eAAe;IAC9B,QAAQ,EAAE;QACR,wBAAwB;QACxB,IAAI,EAAE,aAAa,CAAC,QAAQ,CAAC,IAAI;KAClC;CACF,CAAC,CAAA"}
1
+ {"version":3,"file":"Switch.meta.js","sourceRoot":"","sources":["../../src/components/Switch.meta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAExD,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC,QAAQ,EAAE;IAClD,OAAO,EAAE,aAAa;CACvB,CAAC,CAAA"}
@@ -1,22 +1,19 @@
1
1
  export declare const TabSetTabsMeta: import("@graphprotocol/gds-css").GDSComponent<{
2
- /** @default 'medium' */
3
2
  readonly size: {
4
3
  readonly type: "values";
5
4
  readonly values: ["small", "medium", "large"];
6
5
  readonly defaultValue: "medium";
7
6
  };
8
- /** @default false */
9
7
  readonly fullWidth: {
10
8
  readonly type: "values";
11
9
  readonly values: [false, true];
12
10
  readonly defaultValue: false;
13
11
  };
14
- /** @default true */
15
12
  readonly divider: {
16
13
  readonly type: "values";
17
14
  readonly values: [false, true];
18
15
  readonly defaultValue: true;
19
16
  };
20
- }, boolean>;
21
- export declare const TabSetTabMeta: import("@graphprotocol/gds-css").GDSComponent<import("@graphprotocol/gds-css").CSSPropsConfig, boolean>;
17
+ }, false>;
18
+ export declare const TabSetTabMeta: import("@graphprotocol/gds-css").GDSComponent<{}, false>;
22
19
  //# sourceMappingURL=TabSet.meta.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TabSet.meta.d.ts","sourceRoot":"","sources":["../../src/components/TabSet.meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;IAEvB,wBAAwB;;;;;;IAMxB,qBAAqB;;;;;;IAMrB,oBAAoB;;;;;;WAUtB,CAAA;AAEF,eAAO,MAAM,aAAa,yGAA+B,CAAA"}
1
+ {"version":3,"file":"TabSet.meta.d.ts","sourceRoot":"","sources":["../../src/components/TabSet.meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;SAwBzB,CAAA;AAEF,eAAO,MAAM,aAAa,0DAExB,CAAA"}
@@ -24,5 +24,7 @@ export const TabSetTabsMeta = createComponent('TabSetTabs', {
24
24
  gap: '--spacing(1)',
25
25
  },
26
26
  });
27
- export const TabSetTabMeta = createComponent('TabSetTab');
27
+ export const TabSetTabMeta = createComponent('TabSetTab', {
28
+ isolate: 'allow-inheritance',
29
+ });
28
30
  //# sourceMappingURL=TabSet.meta.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TabSet.meta.js","sourceRoot":"","sources":["../../src/components/TabSet.meta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC,YAAY,EAAE;IAC1D,QAAQ,EAAE;QACR,wBAAwB;QACxB,IAAI,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC;YACpC,YAAY,EAAE,QAAQ;SACvB;QACD,qBAAqB;QACrB,SAAS,EAAE;YACT,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC;YACrB,YAAY,EAAE,KAAK;SACpB;QACD,oBAAoB;QACpB,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC;YACrB,YAAY,EAAE,IAAI;SACnB;KACF;IACD,IAAI,EAAE;QACJ,GAAG,EAAE,cAAc;KACpB;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,CAAC,WAAW,CAAC,CAAA"}
1
+ {"version":3,"file":"TabSet.meta.js","sourceRoot":"","sources":["../../src/components/TabSet.meta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC,YAAY,EAAE;IAC1D,QAAQ,EAAE;QACR,wBAAwB;QACxB,IAAI,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC;YACpC,YAAY,EAAE,QAAQ;SACvB;QACD,qBAAqB;QACrB,SAAS,EAAE;YACT,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC;YACrB,YAAY,EAAE,KAAK;SACpB;QACD,oBAAoB;QACpB,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC;YACrB,YAAY,EAAE,IAAI;SACnB;KACF;IACD,IAAI,EAAE;QACJ,GAAG,EAAE,cAAc;KACpB;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,CAAC,WAAW,EAAE;IACxD,OAAO,EAAE,mBAAmB;CAC7B,CAAC,CAAA"}
@@ -36,8 +36,8 @@ export function TabSetTabs({ ref: passedRef, size, fullWidth, divider, className
36
36
  ` }), flattenChildren(children).map((child, childIndex) => (_jsx(TabSetItemContext.Provider, { value: { selectedTab, index: childIndex }, children: child }, childIndex))), _jsx("span", { className: `
37
37
  absolute inset-x-[anchor(inside)] bottom-0 h-px bg-(--border-color-brand-default) transition-[inset] duration-300
38
38
  [position-anchor:--gds-tab-set-underline]
39
- not-group-hover/tab-set-tabs:duration-0
40
39
  not-supports-[position-anchor:--foo]:hidden
40
+ group-not-hover/tab-set-tabs:duration-0
41
41
  group-has-focus-visible/tab-set-tabs:hidden
42
42
  ` })] }) }));
43
43
  }
@@ -1,11 +1,9 @@
1
1
  export declare const TagMeta: import("@graphprotocol/gds-css").GDSComponent<{
2
- /** @default 'brand' */
3
2
  readonly variant: {
4
3
  readonly type: "values";
5
4
  readonly values: ["brand", "galactic", "starfield", "solar", "sonja", "elevated", "muted"];
6
5
  readonly defaultValue: "brand";
7
6
  };
8
- /** @default 'medium' */
9
7
  readonly size: {
10
8
  readonly type: "values";
11
9
  readonly values: ["xsmall", "small", "medium"];
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.meta.d.ts","sourceRoot":"","sources":["../../src/components/Tag.meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;IAGhB,uBAAuB;;;;;;IAMvB,wBAAwB;;;;;;QAc1B,CAAA"}
1
+ {"version":3,"file":"Tag.meta.d.ts","sourceRoot":"","sources":["../../src/components/Tag.meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;;;;QAuBlB,CAAA"}
@@ -1,13 +1,8 @@
1
1
  export declare const TextAreaMeta: import("@graphprotocol/gds-css").GDSComponent<{
2
- /** @default 'medium' */
3
2
  readonly size: {
4
3
  readonly type: "values";
5
4
  readonly values: ["small", "medium", "large"];
6
5
  readonly defaultValue: "medium";
7
- } & {
8
- readonly name: string;
9
- readonly kebabName: string;
10
- readonly initialValue: "small" | "medium" | "large";
11
6
  };
12
- }, boolean>;
7
+ } & {}, false>;
13
8
  //# sourceMappingURL=TextArea.meta.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.meta.d.ts","sourceRoot":"","sources":["../../src/components/TextArea.meta.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY;IAGrB,wBAAwB;;;;;;;;;;WAG1B,CAAA"}
1
+ {"version":3,"file":"TextArea.meta.d.ts","sourceRoot":"","sources":["../../src/components/TextArea.meta.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY;;;;;;cAEvB,CAAA"}
@@ -1,10 +1,6 @@
1
1
  import { createComponent } from '@graphprotocol/gds-css';
2
2
  import { FieldMeta } from "./base/Field.meta.js";
3
3
  export const TextAreaMeta = createComponent('TextArea', {
4
- containerName: 'gds-field',
5
- cssProps: {
6
- /** @default 'medium' */
7
- size: FieldMeta.cssProps.size,
8
- },
4
+ extends: FieldMeta,
9
5
  });
10
6
  //# sourceMappingURL=TextArea.meta.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.meta.js","sourceRoot":"","sources":["../../src/components/TextArea.meta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAEhD,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC,UAAU,EAAE;IACtD,aAAa,EAAE,WAAW;IAC1B,QAAQ,EAAE;QACR,wBAAwB;QACxB,IAAI,EAAE,SAAS,CAAC,QAAQ,CAAC,IAAI;KAC9B;CACF,CAAC,CAAA"}
1
+ {"version":3,"file":"TextArea.meta.js","sourceRoot":"","sources":["../../src/components/TextArea.meta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAEhD,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC,UAAU,EAAE;IACtD,OAAO,EAAE,SAAS;CACnB,CAAC,CAAA"}
@@ -2,8 +2,6 @@ import type { GDSComponentProps } from '@graphprotocol/gds-css';
2
2
  import { type ButtonProps } from './Button.tsx';
3
3
  import type { ToggleButtonMeta } from './ToggleButton.meta.ts';
4
4
  export interface ToggleButtonProps extends Omit<ButtonProps.ToggleButtonProps, 'onChange' | 'variant'>, GDSComponentProps<typeof ToggleButtonMeta> {
5
- checked?: boolean | undefined;
6
- defaultChecked?: boolean | undefined;
7
5
  onChange?: ((checked: boolean) => void) | undefined;
8
6
  }
9
7
  export declare function ToggleButton({ checked: controlledChecked, defaultChecked, onChange, onClick, className, ...props }: ToggleButtonProps): import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../src/components/ToggleButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAI/D,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,cAAc,CAAA;AACvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAM9D,MAAM,WAAW,iBACf,SACE,IAAI,CAAC,WAAW,CAAC,iBAAiB,EAAE,UAAU,GAAG,SAAS,CAAC,EAC3D,iBAAiB,CAAC,OAAO,gBAAgB,CAAC;IAC5C,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACpC,QAAQ,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;CACpD;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EAAE,iBAAiB,EAC1B,cAAc,EACd,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAgBnB"}
1
+ {"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../src/components/ToggleButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAI/D,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,cAAc,CAAA;AACvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAM9D,MAAM,WAAW,iBACf,SACE,IAAI,CAAC,WAAW,CAAC,iBAAiB,EAAE,UAAU,GAAG,SAAS,CAAC,EAC3D,iBAAiB,CAAC,OAAO,gBAAgB,CAAC;IAC5C,QAAQ,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;CACpD;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EAAE,iBAAiB,EAC1B,cAAc,EACd,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAgBnB"}
@@ -7,9 +7,9 @@ const InternalButton = Button;
7
7
  export function ToggleButton({ checked: controlledChecked, defaultChecked, onChange, onClick, className, ...props }) {
8
8
  useGDS();
9
9
  const [checked, setChecked] = useControlled(controlledChecked, defaultChecked ?? false, onChange);
10
- return (_jsx(InternalButton, { ...props, checked: checked, onClick: (event) => {
10
+ return (_jsx(InternalButton, { checked: checked, onClick: (event) => {
11
11
  setChecked(!checked);
12
12
  onClick?.(event);
13
- }, className: cn('gds-toggle-button', className) }));
13
+ }, className: cn('gds-toggle-button', className), ...props }));
14
14
  }
15
15
  //# sourceMappingURL=ToggleButton.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../src/components/ToggleButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAMZ,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,MAAM,EAAoB,MAAM,aAAc,CAAA;AAGvD,MAAM,cAAc,GAAG,MAEtB,CAAA;AAWD,MAAM,UAAU,YAAY,CAAC,EAC3B,OAAO,EAAE,iBAAiB,EAC1B,cAAc,EACd,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACU;IAClB,MAAM,EAAE,CAAA;IAER,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,aAAa,CAAC,iBAAiB,EAAE,cAAc,IAAI,KAAK,EAAE,QAAQ,CAAC,CAAA;IAEjG,OAAO,CACL,KAAC,cAAc,OACT,KAAK,EACT,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,UAAU,CAAC,CAAC,OAAO,CAAC,CAAA;YACpB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;QAClB,CAAC,EACD,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,GAC7C,CACH,CAAA;AACH,CAAC"}
1
+ {"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../src/components/ToggleButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAMZ,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,MAAM,EAAoB,MAAM,aAAc,CAAA;AAGvD,MAAM,cAAc,GAAG,MAEtB,CAAA;AASD,MAAM,UAAU,YAAY,CAAC,EAC3B,OAAO,EAAE,iBAAiB,EAC1B,cAAc,EACd,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACU;IAClB,MAAM,EAAE,CAAA;IAER,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,aAAa,CAAC,iBAAiB,EAAE,cAAc,IAAI,KAAK,EAAE,QAAQ,CAAC,CAAA;IAEjG,OAAO,CACL,KAAC,cAAc,IACb,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,UAAU,CAAC,CAAC,OAAO,CAAC,CAAA;YACpB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;QAClB,CAAC,EACD,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,KACzC,KAAK,GACT,CACH,CAAA;AACH,CAAC"}
@@ -1,29 +1,18 @@
1
1
  export declare const ToggleButtonMeta: import("@graphprotocol/gds-css").GDSComponent<{
2
- /** @default 'secondary' */
3
2
  readonly variant: {
4
3
  readonly type: "values";
5
4
  readonly values: ["secondary", "tertiary", "naked"];
6
5
  readonly defaultValue: "secondary";
7
6
  };
8
- /** @default 'medium' */
9
7
  readonly size: {
10
8
  readonly type: "values";
11
9
  readonly values: ["xsmall", "small", "medium", "large"];
12
10
  readonly defaultValue: "medium";
13
- } & {
14
- readonly name: string;
15
- readonly kebabName: string;
16
- readonly initialValue: "small" | "medium" | "large" | "xsmall";
17
11
  };
18
- /** @default false */
19
12
  readonly hideLabel: {
20
13
  readonly type: "values";
21
14
  readonly values: [false, true];
22
15
  readonly defaultValue: false;
23
- } & {
24
- readonly name: string;
25
- readonly kebabName: string;
26
- readonly initialValue: boolean;
27
16
  };
28
- }, boolean>;
17
+ } & {}, false>;
29
18
  //# sourceMappingURL=ToggleButton.meta.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleButton.meta.d.ts","sourceRoot":"","sources":["../../src/components/ToggleButton.meta.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB;IAGzB,2BAA2B;;;;;;IAM3B,wBAAwB;;;;;;;;;;IAExB,qBAAqB;;;;;;;;;;WAkDvB,CAAA"}
1
+ {"version":3,"file":"ToggleButton.meta.d.ts","sourceRoot":"","sources":["../../src/components/ToggleButton.meta.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;cAwD3B,CAAA"}
@@ -1,18 +1,13 @@
1
1
  import { createComponent } from '@graphprotocol/gds-css';
2
2
  import { ButtonMeta } from "./Button.meta.js";
3
3
  export const ToggleButtonMeta = createComponent('ToggleButton', {
4
- containerName: 'gds-button',
4
+ extends: ButtonMeta,
5
5
  cssProps: {
6
- /** @default 'secondary' */
7
6
  variant: {
8
7
  type: 'values',
9
8
  values: ['secondary', 'tertiary', 'naked'],
10
9
  defaultValue: 'secondary',
11
10
  },
12
- /** @default 'medium' */
13
- size: ButtonMeta.cssProps.size,
14
- /** @default false */
15
- hideLabel: ButtonMeta.cssProps.hideLabel,
16
11
  },
17
12
  vars: {
18
13
  fg: {
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleButton.meta.js","sourceRoot":"","sources":["../../src/components/ToggleButton.meta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAI7C,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,CAAC,cAAc,EAAE;IAC9D,aAAa,EAAE,YAAY;IAC3B,QAAQ,EAAE;QACR,2BAA2B;QAC3B,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,OAAO,CAAoC;YAC7E,YAAY,EAAE,WAAW;SAC1B;QACD,wBAAwB;QACxB,IAAI,EAAE,UAAU,CAAC,QAAQ,CAAC,IAAI;QAC9B,qBAAqB;QACrB,SAAS,EAAE,UAAU,CAAC,QAAQ,CAAC,SAAS;KACzC;IACD,IAAI,EAAE;QACJ,EAAE,EAAE;YACF,gCAAgC,EAAE;gBAChC,qCAAqC,EAAE;oBACrC,6BAA6B,EAAE,6CAA6C;oBAC5E,8BAA8B,EAAE,8CAA8C;oBAC9E,+BAA+B,EAAE,+CAA+C;iBACjF;aACF;SACF;QACD,EAAE,EAAE;YACF,gCAAgC,EAAE;gBAChC,yCAAyC,EAAE;oBACzC,6BAA6B,EAAE,uDAAuD;oBACtF,8BAA8B,EAAE,wDAAwD;oBACxF,+BAA+B,EAC7B,yDAAyD;oBAC3D,iCAAiC,EAC/B,2DAA2D;iBAC9D;gBACD,wCAAwC,EAAE;oBACxC,6BAA6B,EAAE,sDAAsD;oBACrF,8BAA8B,EAAE,uDAAuD;oBACvF,+BAA+B,EAAE,wDAAwD;oBACzF,iCAAiC,EAC/B,0DAA0D;iBAC7D;aACF;SACF;QACD,MAAM,EAAE;YACN,gCAAgC,EAAE;gBAChC,yCAAyC,EAAE;oBACzC,6BAA6B,EAAE,mDAAmD;oBAClF,8BAA8B,EAAE,oDAAoD;oBACpF,+BAA+B,EAAE,qDAAqD;oBACtF,iCAAiC,EAC/B,uDAAuD;iBAC1D;gBACD,wCAAwC,EAAE;oBACxC,6BAA6B,EAAE,kDAAkD;oBACjF,8BAA8B,EAAE,mDAAmD;oBACnF,+BAA+B,EAAE,oDAAoD;oBACrF,iCAAiC,EAAE,sDAAsD;iBAC1F;aACF;SACF;KACF;CACF,CAAC,CAAA"}
1
+ {"version":3,"file":"ToggleButton.meta.js","sourceRoot":"","sources":["../../src/components/ToggleButton.meta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAI7C,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,CAAC,cAAc,EAAE;IAC9D,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,OAAO,CAAoC;YAC7E,YAAY,EAAE,WAAW;SAC1B;KACF;IACD,IAAI,EAAE;QACJ,EAAE,EAAE;YACF,gCAAgC,EAAE;gBAChC,qCAAqC,EAAE;oBACrC,6BAA6B,EAAE,6CAA6C;oBAC5E,8BAA8B,EAAE,8CAA8C;oBAC9E,+BAA+B,EAAE,+CAA+C;iBACjF;aACF;SACF;QACD,EAAE,EAAE;YACF,gCAAgC,EAAE;gBAChC,yCAAyC,EAAE;oBACzC,6BAA6B,EAAE,uDAAuD;oBACtF,8BAA8B,EAAE,wDAAwD;oBACxF,+BAA+B,EAC7B,yDAAyD;oBAC3D,iCAAiC,EAC/B,2DAA2D;iBAC9D;gBACD,wCAAwC,EAAE;oBACxC,6BAA6B,EAAE,sDAAsD;oBACrF,8BAA8B,EAAE,uDAAuD;oBACvF,+BAA+B,EAAE,wDAAwD;oBACzF,iCAAiC,EAC/B,0DAA0D;iBAC7D;aACF;SACF;QACD,MAAM,EAAE;YACN,gCAAgC,EAAE;gBAChC,yCAAyC,EAAE;oBACzC,6BAA6B,EAAE,mDAAmD;oBAClF,8BAA8B,EAAE,oDAAoD;oBACpF,+BAA+B,EAAE,qDAAqD;oBACtF,iCAAiC,EAC/B,uDAAuD;iBAC1D;gBACD,wCAAwC,EAAE;oBACxC,6BAA6B,EAAE,kDAAkD;oBACjF,8BAA8B,EAAE,mDAAmD;oBACnF,+BAA+B,EAAE,oDAAoD;oBACrF,iCAAiC,EAAE,sDAAsD;iBAC1F;aACF;SACF;KACF;CACF,CAAC,CAAA"}
@@ -1,8 +1,8 @@
1
1
  import { TooltipCollector, TooltipContent, TooltipRoot } from './Tooltip.parts.tsx';
2
2
  export declare const Tooltip: typeof TooltipRoot & {
3
- Collector: typeof TooltipCollector;
4
3
  Content: typeof TooltipContent;
4
+ Collector: typeof TooltipCollector;
5
5
  };
6
- export { useCollectTooltip, useCollectedTooltip } from './Tooltip.parts.tsx';
6
+ export { useTooltipCollector } from './Tooltip.parts.tsx';
7
7
  export type { TooltipProps, TooltipCollectorProps, TooltipContentProps } from './Tooltip.parts.tsx';
8
8
  //# sourceMappingURL=Tooltip.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEnF,eAAO,MAAM,OAAO;;;CAGlB,CAAA;AAEF,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAE5E,YAAY,EAAE,YAAY,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA"}
1
+ {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEnF,eAAO,MAAM,OAAO;;;CAGlB,CAAA;AAEF,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAEzD,YAAY,EAAE,YAAY,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA"}
@@ -1,7 +1,7 @@
1
1
  import { TooltipCollector, TooltipContent, TooltipRoot } from "./Tooltip.parts.js";
2
2
  export const Tooltip = Object.assign(TooltipRoot, {
3
- Collector: TooltipCollector,
4
3
  Content: TooltipContent,
4
+ Collector: TooltipCollector,
5
5
  });
6
- export { useCollectTooltip, useCollectedTooltip } from "./Tooltip.parts.js";
6
+ export { useTooltipCollector } from "./Tooltip.parts.js";
7
7
  //# sourceMappingURL=Tooltip.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,oBAAqB,CAAA;AAEnF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE;IAChD,SAAS,EAAE,gBAAgB;IAC3B,OAAO,EAAE,cAAc;CACxB,CAAC,CAAA;AAEF,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,oBAAqB,CAAA"}
1
+ {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,oBAAqB,CAAA;AAEnF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE;IAChD,OAAO,EAAE,cAAc;IACvB,SAAS,EAAE,gBAAgB;CAC5B,CAAC,CAAA;AAEF,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAqB,CAAA"}
@@ -1,26 +1,31 @@
1
1
  export declare const TooltipMeta: import("@graphprotocol/gds-css").GDSComponent<{
2
- /** @default 'top' */
3
- readonly position: {
2
+ readonly side: {
4
3
  readonly type: "values";
5
- readonly values: ["top", "bottom", "inline-start", "inline-end"];
4
+ readonly values: ["top", "bottom", "start", "end"];
6
5
  readonly defaultValue: "top";
7
6
  };
8
- /** @default 1 */
9
7
  readonly gap: {
10
8
  readonly type: "number";
11
9
  readonly defaultValue: 1;
12
10
  };
13
- /** @default 'center' */
14
11
  readonly align: {
15
12
  readonly type: "values";
16
13
  readonly values: ["start", "center", "end"];
17
14
  readonly defaultValue: "center";
18
15
  };
19
- /** @default false */
16
+ readonly alignOffset: {
17
+ readonly type: "number";
18
+ readonly defaultValue: 0;
19
+ };
20
20
  readonly disabled: {
21
21
  readonly type: "values";
22
22
  readonly values: [false, true];
23
23
  readonly defaultValue: false;
24
24
  };
25
- }, boolean>;
25
+ readonly overrideDescendants: {
26
+ readonly type: "values";
27
+ readonly values: [false, true];
28
+ readonly defaultValue: true;
29
+ };
30
+ }, false>;
26
31
  //# sourceMappingURL=Tooltip.meta.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.meta.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip.meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;IAEpB,qBAAqB;;;;;;IAMrB,iBAAiB;;;;;IAKjB,wBAAwB;;;;;;IAMxB,qBAAqB;;;;;;WAOvB,CAAA"}
1
+ {"version":3,"file":"Tooltip.meta.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip.meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAqCtB,CAAA"}
@@ -2,9 +2,9 @@ import { createComponent } from '@graphprotocol/gds-css';
2
2
  export const TooltipMeta = createComponent('Tooltip', {
3
3
  cssProps: {
4
4
  /** @default 'top' */
5
- position: {
5
+ side: {
6
6
  type: 'values',
7
- values: ['top', 'bottom', 'inline-start', 'inline-end'],
7
+ values: ['top', 'bottom', 'start', 'end'],
8
8
  defaultValue: 'top',
9
9
  },
10
10
  /** @default 1 */
@@ -18,12 +18,23 @@ export const TooltipMeta = createComponent('Tooltip', {
18
18
  values: ['start', 'center', 'end'],
19
19
  defaultValue: 'center',
20
20
  },
21
+ /** @default 0 */
22
+ alignOffset: {
23
+ type: 'number',
24
+ defaultValue: 0,
25
+ },
21
26
  /** @default false */
22
27
  disabled: {
23
28
  type: 'values',
24
29
  values: [false, true],
25
30
  defaultValue: false,
26
31
  },
32
+ /** @default true */
33
+ overrideDescendants: {
34
+ type: 'values',
35
+ values: [false, true],
36
+ defaultValue: true,
37
+ },
27
38
  },
28
39
  });
29
40
  //# sourceMappingURL=Tooltip.meta.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.meta.js","sourceRoot":"","sources":["../../src/components/Tooltip.meta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC,SAAS,EAAE;IACpD,QAAQ,EAAE;QACR,qBAAqB;QACrB,QAAQ,EAAE;YACR,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,CAAC;YACvD,YAAY,EAAE,KAAK;SACpB;QACD,iBAAiB;QACjB,GAAG,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,CAAC;SAChB;QACD,wBAAwB;QACxB,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC;YAClC,YAAY,EAAE,QAAQ;SACvB;QACD,qBAAqB;QACrB,QAAQ,EAAE;YACR,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC;YACrB,YAAY,EAAE,KAAK;SACpB;KACF;CACF,CAAC,CAAA"}
1
+ {"version":3,"file":"Tooltip.meta.js","sourceRoot":"","sources":["../../src/components/Tooltip.meta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC,SAAS,EAAE;IACpD,QAAQ,EAAE;QACR,qBAAqB;QACrB,IAAI,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC;YACzC,YAAY,EAAE,KAAK;SACpB;QACD,iBAAiB;QACjB,GAAG,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,CAAC;SAChB;QACD,wBAAwB;QACxB,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC;YAClC,YAAY,EAAE,QAAQ;SACvB;QACD,iBAAiB;QACjB,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,CAAC;SAChB;QACD,qBAAqB;QACrB,QAAQ,EAAE;YACR,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC;YACrB,YAAY,EAAE,KAAK;SACpB;QACD,oBAAoB;QACpB,mBAAmB,EAAE;YACnB,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC;YACrB,YAAY,EAAE,IAAI;SACnB;KACF;CACF,CAAC,CAAA"}