@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.
- package/dist/GDSProvider.d.ts +12 -10
- package/dist/GDSProvider.d.ts.map +1 -1
- package/dist/GDSProvider.js +10 -8
- package/dist/GDSProvider.js.map +1 -1
- package/dist/components/Address.js +2 -2
- package/dist/components/Address.meta.d.ts +1 -13
- package/dist/components/Address.meta.d.ts.map +1 -1
- package/dist/components/Avatar.d.ts.map +1 -1
- package/dist/components/Avatar.js +7 -11
- package/dist/components/Avatar.js.map +1 -1
- package/dist/components/Avatar.meta.d.ts +0 -2
- package/dist/components/Avatar.meta.d.ts.map +1 -1
- package/dist/components/AvatarGroup.meta.d.ts +8 -2
- package/dist/components/AvatarGroup.meta.d.ts.map +1 -1
- package/dist/components/Breadcrumbs.meta.d.ts +2 -3
- package/dist/components/Breadcrumbs.meta.d.ts.map +1 -1
- package/dist/components/Breadcrumbs.meta.js +3 -1
- package/dist/components/Breadcrumbs.meta.js.map +1 -1
- package/dist/components/Breadcrumbs.parts.d.ts.map +1 -1
- package/dist/components/Breadcrumbs.parts.js +15 -23
- package/dist/components/Breadcrumbs.parts.js.map +1 -1
- package/dist/components/Button.d.ts.map +1 -1
- package/dist/components/Button.js +17 -12
- package/dist/components/Button.js.map +1 -1
- package/dist/components/Button.meta.d.ts +1 -4
- package/dist/components/Button.meta.d.ts.map +1 -1
- package/dist/components/ButtonGroup.d.ts.map +1 -1
- package/dist/components/ButtonGroup.js +1 -5
- package/dist/components/ButtonGroup.js.map +1 -1
- package/dist/components/ButtonGroup.meta.d.ts +1 -5
- package/dist/components/ButtonGroup.meta.d.ts.map +1 -1
- package/dist/components/ButtonGroup.meta.js +8 -0
- package/dist/components/ButtonGroup.meta.js.map +1 -1
- package/dist/components/Card.js +1 -1
- package/dist/components/Card.js.map +1 -1
- package/dist/components/Card.meta.d.ts +1 -2
- package/dist/components/Card.meta.d.ts.map +1 -1
- package/dist/components/Card.meta.js +1 -0
- package/dist/components/Card.meta.js.map +1 -1
- package/dist/components/Checkbox.meta.d.ts +1 -6
- package/dist/components/Checkbox.meta.d.ts.map +1 -1
- package/dist/components/Checkbox.meta.js +1 -5
- package/dist/components/Checkbox.meta.js.map +1 -1
- package/dist/components/Chip.d.ts +6 -0
- package/dist/components/Chip.d.ts.map +1 -0
- package/dist/components/Chip.js +5 -0
- package/dist/components/Chip.js.map +1 -0
- package/dist/components/Chip.meta.d.ts +15 -0
- package/dist/components/Chip.meta.d.ts.map +1 -0
- package/dist/components/Chip.meta.js +22 -0
- package/dist/components/Chip.meta.js.map +1 -0
- package/dist/components/Chip.parts.d.ts +52 -0
- package/dist/components/Chip.parts.d.ts.map +1 -0
- package/dist/components/Chip.parts.js +114 -0
- package/dist/components/Chip.parts.js.map +1 -0
- package/dist/components/Cluster.meta.d.ts +8 -2
- package/dist/components/Cluster.meta.d.ts.map +1 -1
- package/dist/components/CodeBlock.d.ts +1 -1
- package/dist/components/CodeBlock.meta.d.ts +2 -4
- package/dist/components/CodeBlock.meta.d.ts.map +1 -1
- package/dist/components/CodeBlock.parts.d.ts +6 -7
- package/dist/components/CodeBlock.parts.d.ts.map +1 -1
- package/dist/components/CodeBlock.parts.js +28 -10
- package/dist/components/CodeBlock.parts.js.map +1 -1
- package/dist/components/CodeInline.js +3 -3
- package/dist/components/CodeInline.meta.d.ts +1 -1
- package/dist/components/CodeInline.meta.d.ts.map +1 -1
- package/dist/components/CopyButton.d.ts.map +1 -1
- package/dist/components/CopyButton.js +2 -4
- package/dist/components/CopyButton.js.map +1 -1
- package/dist/components/CopyButton.meta.d.ts +1 -12
- package/dist/components/CopyButton.meta.d.ts.map +1 -1
- package/dist/components/CopyButton.meta.js +1 -6
- package/dist/components/CopyButton.meta.js.map +1 -1
- package/dist/components/CurrencyInput.meta.d.ts +1 -6
- package/dist/components/CurrencyInput.meta.d.ts.map +1 -1
- package/dist/components/CurrencyInput.meta.js +1 -5
- package/dist/components/CurrencyInput.meta.js.map +1 -1
- package/dist/components/DescriptionList.meta.d.ts +2 -5
- package/dist/components/DescriptionList.meta.d.ts.map +1 -1
- package/dist/components/DescriptionList.parts.d.ts +3 -0
- package/dist/components/DescriptionList.parts.d.ts.map +1 -1
- package/dist/components/DescriptionList.parts.js +2 -1
- package/dist/components/DescriptionList.parts.js.map +1 -1
- package/dist/components/Divider.meta.d.ts +1 -3
- package/dist/components/Divider.meta.d.ts.map +1 -1
- package/dist/components/Icon.js +4 -4
- package/dist/components/Icon.js.map +1 -1
- package/dist/components/Icon.meta.d.ts +0 -2
- package/dist/components/Icon.meta.d.ts.map +1 -1
- package/dist/components/Icon.meta.js +1 -0
- package/dist/components/Icon.meta.js.map +1 -1
- package/dist/components/Input.d.ts +5 -4
- package/dist/components/Input.d.ts.map +1 -1
- package/dist/components/Input.js +1 -0
- package/dist/components/Input.js.map +1 -1
- package/dist/components/Input.meta.d.ts +1 -6
- package/dist/components/Input.meta.d.ts.map +1 -1
- package/dist/components/Input.meta.js +1 -5
- package/dist/components/Input.meta.js.map +1 -1
- package/dist/components/Keyboard.js +1 -1
- package/dist/components/Keyboard.meta.d.ts +0 -1
- package/dist/components/Keyboard.meta.d.ts.map +1 -1
- package/dist/components/Label.meta.d.ts +1 -3
- package/dist/components/Label.meta.d.ts.map +1 -1
- package/dist/components/Link.d.ts +1 -1
- package/dist/components/Link.d.ts.map +1 -1
- package/dist/components/Link.js +1 -2
- package/dist/components/Link.js.map +1 -1
- package/dist/components/Link.meta.d.ts +1 -2
- package/dist/components/Link.meta.d.ts.map +1 -1
- package/dist/components/Link.meta.js +1 -0
- package/dist/components/Link.meta.js.map +1 -1
- package/dist/components/Menu.meta.d.ts +31 -2
- package/dist/components/Menu.meta.d.ts.map +1 -1
- package/dist/components/Menu.meta.js +39 -1
- package/dist/components/Menu.meta.js.map +1 -1
- package/dist/components/Menu.parts.d.ts +23 -32
- package/dist/components/Menu.parts.d.ts.map +1 -1
- package/dist/components/Menu.parts.js +284 -303
- package/dist/components/Menu.parts.js.map +1 -1
- package/dist/components/Modal.d.ts +1 -1
- package/dist/components/Modal.meta.d.ts +1 -3
- package/dist/components/Modal.meta.d.ts.map +1 -1
- package/dist/components/Modal.meta.js +1 -1
- package/dist/components/Modal.meta.js.map +1 -1
- package/dist/components/Modal.parts.d.ts +14 -15
- package/dist/components/Modal.parts.d.ts.map +1 -1
- package/dist/components/Modal.parts.js +36 -32
- package/dist/components/Modal.parts.js.map +1 -1
- package/dist/components/OTCInput.js +1 -1
- package/dist/components/OTCInput.meta.d.ts +1 -6
- package/dist/components/OTCInput.meta.d.ts.map +1 -1
- package/dist/components/OTCInput.meta.js +1 -5
- package/dist/components/OTCInput.meta.js.map +1 -1
- package/dist/components/Radio.meta.d.ts +1 -6
- package/dist/components/Radio.meta.d.ts.map +1 -1
- package/dist/components/Radio.meta.js +1 -5
- package/dist/components/Radio.meta.js.map +1 -1
- package/dist/components/Search.meta.d.ts +1 -3
- package/dist/components/Search.meta.d.ts.map +1 -1
- package/dist/components/SegmentedControl.meta.d.ts +2 -3
- package/dist/components/SegmentedControl.meta.d.ts.map +1 -1
- package/dist/components/SegmentedControl.meta.js +3 -1
- package/dist/components/SegmentedControl.meta.js.map +1 -1
- package/dist/components/SegmentedControl.parts.d.ts.map +1 -1
- package/dist/components/SegmentedControl.parts.js +15 -31
- package/dist/components/SegmentedControl.parts.js.map +1 -1
- package/dist/components/Status.meta.d.ts +0 -2
- package/dist/components/Status.meta.d.ts.map +1 -1
- package/dist/components/Stepper.meta.d.ts +1 -2
- package/dist/components/Stepper.meta.d.ts.map +1 -1
- package/dist/components/Stepper.meta.js +1 -0
- package/dist/components/Stepper.meta.js.map +1 -1
- package/dist/components/Stepper.parts.d.ts.map +1 -1
- package/dist/components/Stepper.parts.js +1 -1
- package/dist/components/Stepper.parts.js.map +1 -1
- package/dist/components/Switch.meta.d.ts +1 -6
- package/dist/components/Switch.meta.d.ts.map +1 -1
- package/dist/components/Switch.meta.js +1 -5
- package/dist/components/Switch.meta.js.map +1 -1
- package/dist/components/TabSet.meta.d.ts +2 -5
- package/dist/components/TabSet.meta.d.ts.map +1 -1
- package/dist/components/TabSet.meta.js +3 -1
- package/dist/components/TabSet.meta.js.map +1 -1
- package/dist/components/TabSet.parts.js +1 -1
- package/dist/components/Tag.meta.d.ts +0 -2
- package/dist/components/Tag.meta.d.ts.map +1 -1
- package/dist/components/TextArea.meta.d.ts +1 -6
- package/dist/components/TextArea.meta.d.ts.map +1 -1
- package/dist/components/TextArea.meta.js +1 -5
- package/dist/components/TextArea.meta.js.map +1 -1
- package/dist/components/ToggleButton.d.ts +0 -2
- package/dist/components/ToggleButton.d.ts.map +1 -1
- package/dist/components/ToggleButton.js +2 -2
- package/dist/components/ToggleButton.js.map +1 -1
- package/dist/components/ToggleButton.meta.d.ts +1 -12
- package/dist/components/ToggleButton.meta.d.ts.map +1 -1
- package/dist/components/ToggleButton.meta.js +1 -6
- package/dist/components/ToggleButton.meta.js.map +1 -1
- package/dist/components/Tooltip.d.ts +2 -2
- package/dist/components/Tooltip.d.ts.map +1 -1
- package/dist/components/Tooltip.js +2 -2
- package/dist/components/Tooltip.js.map +1 -1
- package/dist/components/Tooltip.meta.d.ts +12 -7
- package/dist/components/Tooltip.meta.d.ts.map +1 -1
- package/dist/components/Tooltip.meta.js +13 -2
- package/dist/components/Tooltip.meta.js.map +1 -1
- package/dist/components/Tooltip.parts.d.ts +20 -20
- package/dist/components/Tooltip.parts.d.ts.map +1 -1
- package/dist/components/Tooltip.parts.js +129 -88
- package/dist/components/Tooltip.parts.js.map +1 -1
- package/dist/components/base/Addon.meta.d.ts +1 -1
- package/dist/components/base/Addon.meta.d.ts.map +1 -1
- package/dist/components/base/Addon.meta.js +3 -1
- package/dist/components/base/Addon.meta.js.map +1 -1
- package/dist/components/base/ButtonOrLink.d.ts +1 -1
- package/dist/components/base/ButtonOrLink.parts.d.ts +14 -10
- package/dist/components/base/ButtonOrLink.parts.d.ts.map +1 -1
- package/dist/components/base/ButtonOrLink.parts.js +47 -47
- package/dist/components/base/ButtonOrLink.parts.js.map +1 -1
- package/dist/components/base/Checkable.meta.d.ts +1 -2
- package/dist/components/base/Checkable.meta.d.ts.map +1 -1
- package/dist/components/base/Checkable.parts.d.ts +6 -6
- package/dist/components/base/Checkable.parts.d.ts.map +1 -1
- package/dist/components/base/Checkable.parts.js +2 -2
- package/dist/components/base/Checkable.parts.js.map +1 -1
- package/dist/components/base/Field.meta.d.ts +1 -2
- package/dist/components/base/Field.meta.d.ts.map +1 -1
- package/dist/components/base/Field.parts.d.ts +5 -4
- package/dist/components/base/Field.parts.d.ts.map +1 -1
- package/dist/components/base/Field.parts.js +1 -1
- package/dist/components/base/Field.parts.js.map +1 -1
- package/dist/components/base/MaybeButtonOrLink.d.ts +1 -1
- package/dist/components/base/MaybeButtonOrLink.d.ts.map +1 -1
- package/dist/components/base/Portal.d.ts +1 -1
- package/dist/components/base/Portal.d.ts.map +1 -1
- package/dist/components/base/Portal.js +3 -6
- package/dist/components/base/Portal.js.map +1 -1
- package/dist/components/base/Render.d.ts +21 -6
- package/dist/components/base/Render.d.ts.map +1 -1
- package/dist/components/base/Render.js +3 -2
- package/dist/components/base/Render.js.map +1 -1
- package/dist/components/base/Transition.js +2 -2
- package/dist/components/base/Transition.meta.d.ts +1 -1
- package/dist/components/base/Transition.meta.d.ts.map +1 -1
- package/dist/components/base/Transition.meta.js +1 -0
- package/dist/components/base/Transition.meta.js.map +1 -1
- package/dist/components/base/index.d.ts +1 -2
- package/dist/components/base/index.d.ts.map +1 -1
- package/dist/components/base/index.js +1 -2
- package/dist/components/base/index.js.map +1 -1
- package/dist/components/index.d.ts +3 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +3 -1
- package/dist/components/index.js.map +1 -1
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +1 -0
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useCSSProp.d.ts.map +1 -1
- package/dist/hooks/useCSSProp.js +6 -6
- package/dist/hooks/useCSSProp.js.map +1 -1
- package/dist/hooks/useCSSProps.d.ts +11 -13
- package/dist/hooks/useCSSProps.d.ts.map +1 -1
- package/dist/hooks/useCSSProps.js +11 -19
- package/dist/hooks/useCSSProps.js.map +1 -1
- package/dist/hooks/useCSSPropsPolyfill.d.ts +1 -1
- package/dist/hooks/useCSSPropsPolyfill.d.ts.map +1 -1
- package/dist/hooks/useCSSPropsPolyfill.js +12 -20
- package/dist/hooks/useCSSPropsPolyfill.js.map +1 -1
- package/dist/hooks/useCSSState.d.ts.map +1 -1
- package/dist/hooks/useCSSState.js +7 -3
- package/dist/hooks/useCSSState.js.map +1 -1
- package/dist/hooks/useEffectWithRefDeps.d.ts +2 -2
- package/dist/hooks/useEffectWithRefDeps.d.ts.map +1 -1
- package/dist/hooks/useEffectWithRefDeps.js +1 -1
- package/dist/hooks/useEffectWithRefDeps.js.map +1 -1
- package/dist/hooks/useFirstRender.d.ts +14 -0
- package/dist/hooks/useFirstRender.d.ts.map +1 -0
- package/dist/hooks/useFirstRender.js +20 -0
- package/dist/hooks/useFirstRender.js.map +1 -0
- package/dist/hooks/useGDS.d.ts +1 -1
- package/dist/hooks/usePrevious.d.ts +6 -4
- package/dist/hooks/usePrevious.d.ts.map +1 -1
- package/dist/hooks/usePrevious.js +6 -4
- package/dist/hooks/usePrevious.js.map +1 -1
- package/dist/hooks/useRefWithInit.d.ts +2 -2
- package/dist/hooks/useRefWithInit.d.ts.map +1 -1
- package/dist/hooks/useRefWithInit.js.map +1 -1
- package/dist/hooks/useStyleObserver.d.ts +2 -2
- package/dist/hooks/useStyleObserver.d.ts.map +1 -1
- package/dist/hooks/useStyleObserver.js.map +1 -1
- package/dist/icons/CalendarDynamicIcon.d.ts +8 -5
- package/dist/icons/CalendarDynamicIcon.d.ts.map +1 -1
- package/dist/icons/CalendarDynamicIcon.js +5 -2
- package/dist/icons/CalendarDynamicIcon.js.map +1 -1
- package/dist/icons/CopyInteractiveIcon.d.ts +5 -4
- package/dist/icons/CopyInteractiveIcon.d.ts.map +1 -1
- package/dist/icons/CopyInteractiveIcon.js +2 -2
- package/dist/icons/CopyInteractiveIcon.js.map +1 -1
- package/dist/icons/SidebarLeftInteractiveIcon.d.ts +4 -3
- package/dist/icons/SidebarLeftInteractiveIcon.d.ts.map +1 -1
- package/dist/icons/SidebarLeftInteractiveIcon.js +2 -2
- package/dist/icons/SidebarLeftInteractiveIcon.js.map +1 -1
- package/dist/icons/SidebarRightInteractiveIcon.d.ts +4 -3
- package/dist/icons/SidebarRightInteractiveIcon.d.ts.map +1 -1
- package/dist/icons/SidebarRightInteractiveIcon.js +2 -2
- package/dist/icons/SidebarRightInteractiveIcon.js.map +1 -1
- package/dist/tailwind-plugin.d.ts.map +1 -1
- package/dist/tailwind-plugin.js +8 -5
- package/dist/tailwind-plugin.js.map +1 -1
- package/dist/utils/cn.d.ts +3 -1
- package/dist/utils/cn.d.ts.map +1 -1
- package/dist/utils/cn.js +3 -1
- package/dist/utils/cn.js.map +1 -1
- package/dist/utils/getCSSPropsAttributes.d.ts +10 -3
- package/dist/utils/getCSSPropsAttributes.d.ts.map +1 -1
- package/dist/utils/getCSSPropsAttributes.js +4 -5
- package/dist/utils/getCSSPropsAttributes.js.map +1 -1
- package/dist/utils/splitProps.d.ts +1 -4
- package/dist/utils/splitProps.d.ts.map +1 -1
- package/dist/utils/splitProps.js +2 -7
- package/dist/utils/splitProps.js.map +1 -1
- package/dist/utils/trimReactNode.d.ts +10 -8
- package/dist/utils/trimReactNode.d.ts.map +1 -1
- package/dist/utils/trimReactNode.js +10 -8
- package/dist/utils/trimReactNode.js.map +1 -1
- package/package.json +17 -17
- package/src/GDSProvider.tsx +11 -9
- package/src/components/Address.tsx +2 -2
- package/src/components/Avatar.tsx +10 -11
- package/src/components/Breadcrumbs.meta.ts +3 -1
- package/src/components/Breadcrumbs.parts.tsx +18 -30
- package/src/components/Button.tsx +27 -13
- package/src/components/ButtonGroup.meta.ts +8 -0
- package/src/components/ButtonGroup.tsx +1 -5
- package/src/components/Card.meta.ts +1 -0
- package/src/components/Card.tsx +1 -1
- package/src/components/Checkbox.meta.ts +1 -5
- package/src/components/Chip.meta.ts +23 -0
- package/src/components/Chip.parts.tsx +319 -0
- package/src/components/Chip.tsx +7 -0
- package/src/components/CodeBlock.parts.tsx +75 -50
- package/src/components/CodeInline.tsx +3 -3
- package/src/components/CopyButton.meta.ts +1 -6
- package/src/components/CopyButton.tsx +3 -4
- package/src/components/CurrencyInput.meta.ts +1 -5
- package/src/components/DescriptionList.parts.tsx +2 -1
- package/src/components/Icon.meta.ts +1 -0
- package/src/components/Icon.tsx +4 -4
- package/src/components/Input.meta.ts +1 -5
- package/src/components/Input.tsx +5 -6
- package/src/components/Keyboard.tsx +1 -1
- package/src/components/Link.meta.ts +1 -0
- package/src/components/Link.tsx +2 -3
- package/src/components/Menu.meta.ts +39 -1
- package/src/components/Menu.parts.tsx +553 -549
- package/src/components/Modal.meta.ts +1 -1
- package/src/components/Modal.parts.tsx +67 -68
- package/src/components/OTCInput.meta.ts +1 -5
- package/src/components/OTCInput.tsx +1 -1
- package/src/components/Radio.meta.ts +1 -5
- package/src/components/SegmentedControl.meta.ts +3 -1
- package/src/components/SegmentedControl.parts.tsx +40 -44
- package/src/components/Stepper.meta.ts +1 -0
- package/src/components/Stepper.parts.tsx +3 -1
- package/src/components/Switch.meta.ts +1 -5
- package/src/components/TabSet.meta.ts +3 -1
- package/src/components/TabSet.parts.tsx +1 -1
- package/src/components/TextArea.meta.ts +1 -5
- package/src/components/ToggleButton.meta.ts +1 -6
- package/src/components/ToggleButton.tsx +1 -3
- package/src/components/Tooltip.meta.ts +13 -2
- package/src/components/Tooltip.parts.tsx +215 -159
- package/src/components/Tooltip.tsx +2 -2
- package/src/components/base/Addon.meta.ts +3 -1
- package/src/components/base/ButtonOrLink.parts.tsx +91 -73
- package/src/components/base/Checkable.parts.tsx +6 -13
- package/src/components/base/Field.parts.tsx +5 -5
- package/src/components/base/Portal.tsx +5 -7
- package/src/components/base/Render.tsx +37 -15
- package/src/components/base/Transition.meta.ts +1 -0
- package/src/components/base/Transition.tsx +2 -2
- package/src/components/base/index.ts +8 -2
- package/src/components/index.ts +3 -2
- package/src/hooks/index.ts +1 -0
- package/src/hooks/useCSSProp.ts +6 -8
- package/src/hooks/useCSSProps.ts +13 -22
- package/src/hooks/useCSSPropsPolyfill.ts +15 -23
- package/src/hooks/useCSSState.ts +11 -6
- package/src/hooks/useEffectWithRefDeps.ts +2 -2
- package/src/hooks/useFirstRender.ts +36 -0
- package/src/hooks/usePrevious.ts +6 -4
- package/src/hooks/useRefWithInit.ts +2 -2
- package/src/hooks/useStyleObserver.ts +5 -1
- package/src/icons/CalendarDynamicIcon.tsx +16 -6
- package/src/icons/CopyInteractiveIcon.tsx +10 -5
- package/src/icons/SidebarLeftInteractiveIcon.tsx +9 -5
- package/src/icons/SidebarRightInteractiveIcon.tsx +9 -5
- package/src/tailwind-plugin.ts +8 -5
- package/src/utils/cn.ts +3 -1
- package/src/utils/getCSSPropsAttributes.ts +13 -8
- package/src/utils/splitProps.ts +9 -9
- package/src/utils/trimReactNode.tsx +10 -8
- package/dist/components/base/ButtonOrLink.meta.d.ts +0 -2
- package/dist/components/base/ButtonOrLink.meta.d.ts.map +0 -1
- package/dist/components/base/ButtonOrLink.meta.js +0 -6
- package/dist/components/base/ButtonOrLink.meta.js.map +0 -1
- 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
|
|
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
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
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
|
|
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, {
|
|
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":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EACL,SAAS,EACT,MAAM,EACN,QAAQ,GAIT,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAI5D,OAAO,EACL,YAAY,EACZ,aAAa,EACb,mBAAmB,EACnB,WAAW,EACX,MAAM,GACP,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EACL,EAAE,EACF,qBAAqB,EACrB,WAAW,EACX,UAAU,GAEX,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAmB,MAAM,iBAAkB,CAAA;AAC/D,OAAO,EAAE,oBAAoB,EAAmC,MAAM,4BAA4B,CAAA;AAClG,OAAO,EAAE,OAAO,
|
|
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
|
|
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
|
-
},
|
|
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
|
|
1
|
+
{"version":3,"file":"Stepper.meta.d.ts","sourceRoot":"","sources":["../../src/components/Stepper.meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;SAUtB,CAAA"}
|
|
@@ -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;;
|
|
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":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,aAAa,EAAE,UAAU,EAAuB,MAAM,OAAO,CAAA;AACtE,OAAO,eAAe,MAAM,8BAA8B,CAAA;AAG1D,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAE1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC/D,OAAO,EAAE,EAAE,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAW,CAAA;AAQ/B,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,GAAG,EAAE,SAAS,EACd,KAAK,GAAG,CAAC,EACT,YAAY,EAAE,kBAAkB,EAChC,aAAa,EACb,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACK,EAAE,EAAE;IACjB,MAAM,EAAE,CAAA;IAER,MAAM,CAAC,yBAAyB,EAAE,0BAA0B,CAAC,GAAG,mBAAmB,CACjF,WAAW,EACX;QACE,aAAa;KACd,EACD,EAAE,GAAG,EAAE,SAAS,EAAE,CACnB,CAAA;IAED,MAAM,aAAa,GAAG,QAAQ;QAC5B,CAAC,CAAC,eAAe,CAAC,QAAQ,CAAC;QAC3B,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAC,WAAW,MAAM,KAAK,CAAI,CAAC,CAAA;
|
|
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
|
-
},
|
|
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
|
|
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
|
-
|
|
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,
|
|
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
|
-
},
|
|
21
|
-
export declare const TabSetTabMeta: import("@graphprotocol/gds-css").GDSComponent<
|
|
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
|
|
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
|
|
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
|
-
},
|
|
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
|
|
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
|
-
|
|
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,
|
|
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,
|
|
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, {
|
|
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;
|
|
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
|
-
},
|
|
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
|
|
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
|
-
|
|
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,
|
|
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 {
|
|
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,
|
|
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 {
|
|
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,
|
|
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
|
-
|
|
3
|
-
readonly position: {
|
|
2
|
+
readonly side: {
|
|
4
3
|
readonly type: "values";
|
|
5
|
-
readonly values: ["top", "bottom", "
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
5
|
+
side: {
|
|
6
6
|
type: 'values',
|
|
7
|
-
values: ['top', 'bottom', '
|
|
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,
|
|
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"}
|