@graphprotocol/gds-react 0.1.2 → 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 +2 -10
- 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 +13 -21
- package/dist/components/Breadcrumbs.parts.js.map +1 -1
- package/dist/components/Button.d.ts.map +1 -1
- package/dist/components/Button.js +10 -9
- 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.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.meta.d.ts +2 -4
- package/dist/components/Chip.meta.d.ts.map +1 -1
- package/dist/components/Chip.parts.d.ts.map +1 -1
- package/dist/components/Chip.parts.js +1 -9
- package/dist/components/Chip.parts.js.map +1 -1
- 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 +1 -0
- 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 +4 -9
- 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/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.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 +6 -5
- package/dist/components/base/ButtonOrLink.parts.d.ts.map +1 -1
- package/dist/components/base/ButtonOrLink.parts.js +28 -31
- 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 +1 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -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.js +5 -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 +5 -10
- package/src/components/Breadcrumbs.meta.ts +3 -1
- package/src/components/Breadcrumbs.parts.tsx +16 -28
- package/src/components/Button.tsx +14 -10
- 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/Checkbox.meta.ts +1 -5
- package/src/components/Chip.parts.tsx +1 -11
- 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 +1 -0
- 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 +7 -10
- 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/TextArea.meta.ts +1 -5
- package/src/components/ToggleButton.meta.ts +1 -6
- package/src/components/ToggleButton.tsx +1 -1
- package/src/components/Tooltip.meta.ts +13 -2
- package/src/components/Tooltip.parts.tsx +215 -158
- package/src/components/Tooltip.tsx +2 -2
- package/src/components/base/Addon.meta.ts +3 -1
- package/src/components/base/ButtonOrLink.parts.tsx +52 -51
- 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 +1 -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 +5 -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
package/dist/GDSProvider.d.ts
CHANGED
|
@@ -8,7 +8,7 @@ export interface GDSProviderProps extends Omit<ComponentProps<'div'>, 'dir'> {
|
|
|
8
8
|
theme?: Theme | undefined;
|
|
9
9
|
/** @default 'ltr' */
|
|
10
10
|
direction?: ComponentProps<typeof DirectionProvider>['direction'] | undefined;
|
|
11
|
-
/**
|
|
11
|
+
/** @default 'en' // or if `direction` is `rtl`, 'ar' */
|
|
12
12
|
language?: string | undefined;
|
|
13
13
|
buttonOrLinkConfig?: Omit<ButtonOrLinkConfigProps, 'children'> | undefined;
|
|
14
14
|
}
|
|
@@ -34,15 +34,17 @@ export declare const GDSContext: import("react").Context<GDSContextValue | null>
|
|
|
34
34
|
*
|
|
35
35
|
* @example
|
|
36
36
|
*
|
|
37
|
-
*
|
|
38
|
-
*
|
|
39
|
-
*
|
|
40
|
-
*
|
|
41
|
-
*
|
|
42
|
-
*
|
|
43
|
-
*
|
|
44
|
-
*
|
|
45
|
-
*
|
|
37
|
+
* ```tsx
|
|
38
|
+
* import { GDSProvider } from '@graphprotocol/gds-react'
|
|
39
|
+
*
|
|
40
|
+
* function App() {
|
|
41
|
+
* return (
|
|
42
|
+
* <GDSProvider theme="dark">
|
|
43
|
+
* <YourApp />
|
|
44
|
+
* </GDSProvider>
|
|
45
|
+
* )
|
|
46
|
+
* }
|
|
47
|
+
* ```
|
|
46
48
|
*/
|
|
47
49
|
export declare function GDSProvider({ theme, direction, language, buttonOrLinkConfig, children, className, ...props }: GDSProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
48
50
|
interface PreHydrationStyleProps extends ComponentProps<'style'> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GDSProvider.d.ts","sourceRoot":"","sources":["../src/GDSProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,cAAc,EACpB,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AAGrE,OAAO,EAAgB,KAAK,uBAAuB,EAAE,MAAM,oCAAoC,CAAA;AAG/F,KAAK,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;AACxC,KAAK,aAAa,GAAG,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;AA2B7C,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;IAC1E,sBAAsB;IACtB,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,CAAA;IACzB,qBAAqB;IACrB,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAC,WAAW,CAAC,GAAG,SAAS,CAAA;IAC7E,
|
|
1
|
+
{"version":3,"file":"GDSProvider.d.ts","sourceRoot":"","sources":["../src/GDSProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,cAAc,EACpB,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AAGrE,OAAO,EAAgB,KAAK,uBAAuB,EAAE,MAAM,oCAAoC,CAAA;AAG/F,KAAK,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;AACxC,KAAK,aAAa,GAAG,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;AA2B7C,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;IAC1E,sBAAsB;IACtB,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,CAAA;IACzB,qBAAqB;IACrB,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAC,WAAW,CAAC,GAAG,SAAS,CAAA;IAC7E,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,kBAAkB,CAAC,EAAE,IAAI,CAAC,uBAAuB,EAAE,UAAU,CAAC,GAAG,SAAS,CAAA;CAC3E;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAA;IAC7C,WAAW,EAAE,aAAa,CAAA;IAC1B,SAAS,EAAE,WAAW,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAA;IACrD,QAAQ,EAAE,WAAW,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,CAAA;CACpD;AAED,eAAO,MAAM,UAAU,iDAA8C,CAAA;AAErE;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAqB,EACrB,SAAiB,EACjB,QAA4C,EAC5C,kBAAkB,EAClB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA+IlB;AAED,UAAU,sBAAuB,SAAQ,cAAc,CAAC,OAAO,CAAC;CAAG;AAEnE;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,kDAU9D"}
|
package/dist/GDSProvider.js
CHANGED
|
@@ -41,15 +41,17 @@ export const GDSContext = createContext(null);
|
|
|
41
41
|
*
|
|
42
42
|
* @example
|
|
43
43
|
*
|
|
44
|
-
*
|
|
44
|
+
* ```tsx
|
|
45
|
+
* import { GDSProvider } from '@graphprotocol/gds-react'
|
|
45
46
|
*
|
|
46
|
-
*
|
|
47
|
-
*
|
|
48
|
-
*
|
|
49
|
-
*
|
|
50
|
-
*
|
|
51
|
-
*
|
|
52
|
-
*
|
|
47
|
+
* function App() {
|
|
48
|
+
* return (
|
|
49
|
+
* <GDSProvider theme="dark">
|
|
50
|
+
* <YourApp />
|
|
51
|
+
* </GDSProvider>
|
|
52
|
+
* )
|
|
53
|
+
* }
|
|
54
|
+
* ```
|
|
53
55
|
*/
|
|
54
56
|
export function GDSProvider({ theme = DEFAULT_THEME, direction = 'ltr', language = direction === 'rtl' ? 'ar' : 'en', buttonOrLinkConfig, children, className, ...props }) {
|
|
55
57
|
/**
|
package/dist/GDSProvider.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GDSProvider.js","sourceRoot":"","sources":["../src/GDSProvider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EACL,aAAa,EACb,SAAS,EACT,eAAe,EACf,OAAO,EACP,MAAM,EACN,QAAQ,GAET,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAEhD,OAAO,EAAE,YAAY,EAAgC,MAAM,mCAAoC,CAAA;AAC/F,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAKrC,MAAM,aAAa,GAAG,MAAsB,CAAA;AAE5C,MAAM,aAAa,GAA0B;IAC3C,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,WAAW;IAClB,MAAM,EAAE,YAAY;CACrB,CAAA;AAED,MAAM,aAAa,GAA0B;IAC3C,IAAI,EAAE,8DAA8D;IACpE,KAAK,EAAE,gEAAgE;IACvE,MAAM,EACJ,2KAA2K;CAC9K,CAAA;AAED,SAAS,YAAY,CAAC,KAAY;IAChC,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;QACvB,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;YAClC,OAAO,aAAa,CAAA;QACtB,CAAC;QACD,OAAO,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA;IACrF,CAAC;IACD,OAAO,KAAK,CAAA;AACd,CAAC;AAmBD,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAyB,IAAI,CAAC,CAAA;AAErE
|
|
1
|
+
{"version":3,"file":"GDSProvider.js","sourceRoot":"","sources":["../src/GDSProvider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,10 +18,10 @@ export function Address({ variant, size, address: passedAddress, avatar, copy, c
|
|
|
18
18
|
});
|
|
19
19
|
const [cssPropsPolyfillStateRef, cssPropsPolyfillAttributes] = useCSSPropsPolyfill(AddressMeta, { variant, size, copy }, { ref: stateRef });
|
|
20
20
|
const address = passedAddress || ZERO_ADDRESS;
|
|
21
|
-
return (_jsxs("span", { ref: cssPropsPolyfillStateRef, className: cn(`gds-address
|
|
21
|
+
return (_jsxs("span", { ref: cssPropsPolyfillStateRef, className: cn(`gds-address root-grid *:col-span-full *:row-span-full u:size-max u:max-w-full
|
|
22
22
|
u:state-[show-copy=false]
|
|
23
|
-
u:hover:state-[show-copy]
|
|
24
23
|
u:hover:state-hover
|
|
24
|
+
u:hover:state-[show-copy]
|
|
25
25
|
u:has-copy-button-focus:state-[show-copy]
|
|
26
26
|
u:has-nested-not-clickable/address-ref:cursor-default
|
|
27
27
|
u:has-nested-focus-visible/address-ref:expose-focus
|
|
@@ -1,30 +1,18 @@
|
|
|
1
1
|
export declare const AddressMeta: import("@graphprotocol/gds-css").GDSComponent<{
|
|
2
|
-
/** @default 'primary' */
|
|
3
2
|
readonly variant: {
|
|
4
3
|
readonly type: "values";
|
|
5
4
|
readonly values: ["primary", "secondary", "enclosed"];
|
|
6
5
|
readonly defaultValue: "primary";
|
|
7
6
|
};
|
|
8
|
-
/** @default 'medium' */
|
|
9
7
|
readonly size: {
|
|
10
8
|
readonly type: "values";
|
|
11
9
|
readonly values: ["small", "medium", "large"];
|
|
12
10
|
readonly defaultValue: "medium";
|
|
13
11
|
};
|
|
14
|
-
/**
|
|
15
|
-
* Whether the address should be copyable, and when to show the copy button.
|
|
16
|
-
*
|
|
17
|
-
* - `false`: There is no copy button/functionality.
|
|
18
|
-
* - `true`: A copy button is always visible and occupies space in the layout.
|
|
19
|
-
* - `"auto"` (default): A copy button is visible on hover or focus (or at all times on
|
|
20
|
-
* touch-capable devices, i.e. `can-touch`), but it does not occupy space in the layout.
|
|
21
|
-
*
|
|
22
|
-
* @default 'auto'
|
|
23
|
-
*/
|
|
24
12
|
readonly copy: {
|
|
25
13
|
readonly type: "values";
|
|
26
14
|
readonly values: [false, true, "auto"];
|
|
27
15
|
readonly defaultValue: "auto";
|
|
28
16
|
};
|
|
29
|
-
},
|
|
17
|
+
}, false>;
|
|
30
18
|
//# sourceMappingURL=Address.meta.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Address.meta.d.ts","sourceRoot":"","sources":["../../src/components/Address.meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"Address.meta.d.ts","sourceRoot":"","sources":["../../src/components/Address.meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;SA8BtB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,OAAO,CAAA;AAGnD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAM/D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AAC7F,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAK1D,MAAM,CAAC,OAAO,WAAW,WAAW,CAAC;IACnC,UAAU,SAAU,SAAQ,iBAAiB,CAAC,OAAO,UAAU,CAAC;QAC9D;;;;WAIG;QACH,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,YAAY,GAAG,SAAS,CAAA;QACjD;;;;WAIG;QACH,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;QACvB,kFAAkF;QAClF,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,GAAG,SAAS,CAAA;KAC/E;IACD,UAAU,WAAY,SAAQ,SAAS,EAAE,IAAI,CAAC,sBAAsB,CAAC,WAAW,EAAE,UAAU,CAAC;KAAG;IAChG,UAAU,SAAU,SAAQ,SAAS,EAAE,IAAI,CAAC,sBAAsB,CAAC,SAAS,EAAE,UAAU,CAAC;KAAG;IAC5F,UAAU,iBACR,SAAQ,SAAS,EAAE,IAAI,CAAC,sBAAsB,CAAC,iBAAiB,EAAE,UAAU,CAAC;KAAG;CACnF;AAED,MAAM,MAAM,WAAW,GACnB,WAAW,CAAC,WAAW,GACvB,WAAW,CAAC,SAAS,GACrB,WAAW,CAAC,iBAAiB,CAAA;AAEjC,wBAAgB,MAAM,CAAC,EACrB,GAAG,EAAE,SAAS,EACd,KAAK,EACL,IAAI,EACJ,GAAG,EAAE,SAAS,EACd,GAAG,EACH,OAAO,EACP,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,OAAO,CAAA;AAGnD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAM/D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AAC7F,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAK1D,MAAM,CAAC,OAAO,WAAW,WAAW,CAAC;IACnC,UAAU,SAAU,SAAQ,iBAAiB,CAAC,OAAO,UAAU,CAAC;QAC9D;;;;WAIG;QACH,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,YAAY,GAAG,SAAS,CAAA;QACjD;;;;WAIG;QACH,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;QACvB,kFAAkF;QAClF,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,GAAG,SAAS,CAAA;KAC/E;IACD,UAAU,WAAY,SAAQ,SAAS,EAAE,IAAI,CAAC,sBAAsB,CAAC,WAAW,EAAE,UAAU,CAAC;KAAG;IAChG,UAAU,SAAU,SAAQ,SAAS,EAAE,IAAI,CAAC,sBAAsB,CAAC,SAAS,EAAE,UAAU,CAAC;KAAG;IAC5F,UAAU,iBACR,SAAQ,SAAS,EAAE,IAAI,CAAC,sBAAsB,CAAC,iBAAiB,EAAE,UAAU,CAAC;KAAG;CACnF;AAED,MAAM,MAAM,WAAW,GACnB,WAAW,CAAC,WAAW,GACvB,WAAW,CAAC,SAAS,GACrB,WAAW,CAAC,iBAAiB,CAAA;AAEjC,wBAAgB,MAAM,CAAC,EACrB,GAAG,EAAE,SAAS,EACd,KAAK,EACL,IAAI,EACJ,GAAG,EAAE,SAAS,EACd,GAAG,EACH,OAAO,EACP,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,WAAW,2CAuFb"}
|
|
@@ -26,15 +26,7 @@ export function Avatar({ ref: passedRef, shape, size, src: passedSrc, alt, toolt
|
|
|
26
26
|
setCurrentSourceIndex(0);
|
|
27
27
|
}, [sourcesToTryInOrder]);
|
|
28
28
|
return (_jsx(MaybeButtonOrLink, { ref: cssPropsPolyfillPassedRef, className: cn('group/avatar peer/avatar gds-avatar root-flex u:shrink-0 u:outline-0 i:size-max', className), ...getCSSPropsAttributes(AvatarMeta, { shape, size }, style), ...cssPropsPolyfillAttributes, ...props, render: (renderProps, { Element, category }) => {
|
|
29
|
-
|
|
30
|
-
content: category !== 'other' ? alt : undefined,
|
|
31
|
-
};
|
|
32
|
-
if (tooltip !== undefined) {
|
|
33
|
-
tooltipProps = isReactNode(tooltip)
|
|
34
|
-
? { content: tooltip }
|
|
35
|
-
: { ...tooltipProps, ...tooltip };
|
|
36
|
-
}
|
|
37
|
-
return (_jsx(Tooltip, { ...tooltipProps, children: _jsx(Element, { ...renderProps, children: _jsx("span", { className: "nested/avatar-paint pointer-events-none shrink-0", children: _jsxs("span", { className: `
|
|
29
|
+
return (_jsx(Tooltip, { content: category !== 'other' ? alt : undefined, ...(isReactNode(tooltip) ? { content: tooltip } : tooltip), children: _jsx(Element, { ...renderProps, children: _jsx("span", { className: "nested/avatar-paint pointer-events-none shrink-0", children: _jsxs("span", { className: `
|
|
38
30
|
block overflow-clip bg-default
|
|
39
31
|
group-clickable-focus-visible/avatar:outline
|
|
40
32
|
@prop-size-xsmall/avatar:size-4
|
|
@@ -56,7 +48,7 @@ export function Avatar({ ref: passedRef, shape, size, src: passedSrc, alt, toolt
|
|
|
56
48
|
i:@prop-size-medium/avatar:**:icon:default-size-4
|
|
57
49
|
i:@prop-size-large/avatar:**:icon:default-size-5
|
|
58
50
|
i:@prop-size-xlarge/avatar:**:icon:default-size-8
|
|
59
|
-
`, children: [src ? (typeof src === 'string' ? (_jsx("img", { src: src, alt: "", onError: () => setCurrentSourceIndex(currentSourceIndex + 1), className: "[[src^='data:image/bmp']]:[image-rendering:pixelated]" })) : (src)) : null, alt ? _jsx("span", { className: "sr-only", children: alt }) : null] }) }) }) }));
|
|
51
|
+
`, children: [src ? (typeof src === 'string' ? (_jsx("img", { src: src, alt: "", onError: () => setCurrentSourceIndex(currentSourceIndex + 1), className: "[[src^='data:image/bmp']]:[image-rendering:pixelated]" })) : (_jsx(Tooltip.Collector, { children: src }))) : null, alt ? _jsx("span", { className: "sr-only", children: alt }) : null] }) }) }) }));
|
|
60
52
|
} }));
|
|
61
53
|
}
|
|
62
54
|
//# sourceMappingURL=Avatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,QAAQ,EAAqB,MAAM,OAAO,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAGvD,OAAO,wBAAwB,MAAM,gEAAgE,CAAA;AACrG,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAE/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC/D,OAAO,EAAE,EAAE,EAAE,WAAW,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AACvF,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAA+B,MAAM,6BAA8B,CAAA;AAC7F,OAAO,EAAE,OAAO,EAAqB,MAAM,cAAe,CAAA;AAE1D,MAAM,sBAAsB,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAA;AACnE,MAAM,uBAAuB,GAAG,WAAW,CAAC,wBAAwB,CAAC,CAAA;AA8BrE,MAAM,UAAU,MAAM,CAAC,EACrB,GAAG,EAAE,SAAS,EACd,KAAK,EACL,IAAI,EACJ,GAAG,EAAE,SAAS,EACd,GAAG,EACH,OAAO,EACP,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACI;IACZ,MAAM,EAAE,CAAA;IAER,MAAM,CAAC,yBAAyB,EAAE,0BAA0B,EAAE,QAAQ,CAAC,GAAG,mBAAmB,CAC3F,UAAU,EACV,EAAE,KAAK,EAAE,IAAI,EAAE,EACf,EAAE,GAAG,EAAE,SAAS,EAAE,gBAAgB,EAAE,EAAE,KAAK,EAAE,EAAE,CAChD,CAAA;IAED,MAAM,mBAAmB,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IACjG,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC/D,MAAM,GAAG,GACP,mBAAmB,CAAC,kBAAkB,CAAC;QACvC,CAAC,QAAQ,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAA;IAElF;;;OAGG;IACH,oBAAoB,CAAC,GAAG,EAAE;QACxB,qBAAqB,CAAC,CAAC,CAAC,CAAA;IAC1B,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAA;IAEzB,OAAO,CACL,KAAC,iBAAiB,IAChB,GAAG,EAAE,yBAAyB,EAC9B,SAAS,EAAE,EAAE,CACX,iFAAiF,EACjF,SAAS,CACV,KACG,qBAAqB,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,KAAK,CAAC,KACzD,0BAA0B,KAC1B,KAAK,EACT,MAAM,EAAE,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;YAC7C,
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
export declare const AvatarMeta: import("@graphprotocol/gds-css").GDSComponent<{
|
|
2
|
-
/** @default 'circle' */
|
|
3
2
|
readonly shape: {
|
|
4
3
|
readonly type: "values";
|
|
5
4
|
readonly values: ["circle", "rounded"];
|
|
6
5
|
readonly defaultValue: "circle";
|
|
7
6
|
};
|
|
8
|
-
/** @default 'medium' */
|
|
9
7
|
readonly size: {
|
|
10
8
|
readonly type: "values";
|
|
11
9
|
readonly values: ["xsmall", "small", "medium", "large", "xlarge"];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.meta.d.ts","sourceRoot":"","sources":["../../src/components/Avatar.meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU
|
|
1
|
+
{"version":3,"file":"Avatar.meta.d.ts","sourceRoot":"","sources":["../../src/components/Avatar.meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;;;;;;QAgBrB,CAAA"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
export declare const AvatarGroupMeta: import("@graphprotocol/gds-css").GDSComponent<{
|
|
2
|
-
/** @default 'circle' */
|
|
3
2
|
readonly shape: {
|
|
4
3
|
readonly type: "values";
|
|
5
4
|
readonly values: ["circle", "rounded"];
|
|
@@ -7,9 +6,12 @@ export declare const AvatarGroupMeta: import("@graphprotocol/gds-css").GDSCompon
|
|
|
7
6
|
} & {
|
|
8
7
|
readonly name: string;
|
|
9
8
|
readonly kebabName: string;
|
|
9
|
+
readonly containerName: string;
|
|
10
|
+
readonly cssProperty: string;
|
|
10
11
|
readonly initialValue: "circle" | "rounded";
|
|
12
|
+
readonly own: boolean;
|
|
13
|
+
readonly polyfillAttribute: string;
|
|
11
14
|
};
|
|
12
|
-
/** @default 'medium' */
|
|
13
15
|
readonly size: {
|
|
14
16
|
readonly type: "values";
|
|
15
17
|
readonly values: ["xsmall", "small", "medium", "large", "xlarge"];
|
|
@@ -17,7 +19,11 @@ export declare const AvatarGroupMeta: import("@graphprotocol/gds-css").GDSCompon
|
|
|
17
19
|
} & {
|
|
18
20
|
readonly name: string;
|
|
19
21
|
readonly kebabName: string;
|
|
22
|
+
readonly containerName: string;
|
|
23
|
+
readonly cssProperty: string;
|
|
20
24
|
readonly initialValue: "small" | "medium" | "large" | "xsmall" | "xlarge";
|
|
25
|
+
readonly own: boolean;
|
|
26
|
+
readonly polyfillAttribute: string;
|
|
21
27
|
};
|
|
22
28
|
}, true>;
|
|
23
29
|
//# sourceMappingURL=AvatarGroup.meta.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarGroup.meta.d.ts","sourceRoot":"","sources":["../../src/components/AvatarGroup.meta.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe
|
|
1
|
+
{"version":3,"file":"AvatarGroup.meta.d.ts","sourceRoot":"","sources":["../../src/components/AvatarGroup.meta.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;QAQ1B,CAAA"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
export declare const BreadcrumbsMeta: import("@graphprotocol/gds-css").GDSComponent<{
|
|
2
|
-
/** @default 'start' */
|
|
3
2
|
readonly align: {
|
|
4
3
|
readonly type: "values";
|
|
5
4
|
readonly values: ["start", "center", "end"];
|
|
6
5
|
readonly defaultValue: "center";
|
|
7
6
|
};
|
|
8
|
-
},
|
|
9
|
-
export declare const BreadcrumbsItemMeta: import("@graphprotocol/gds-css").GDSComponent<
|
|
7
|
+
}, false>;
|
|
8
|
+
export declare const BreadcrumbsItemMeta: import("@graphprotocol/gds-css").GDSComponent<{}, false>;
|
|
10
9
|
//# sourceMappingURL=Breadcrumbs.meta.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.meta.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumbs.meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.meta.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumbs.meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;;SAS1B,CAAA;AAEF,eAAO,MAAM,mBAAmB,0DAE9B,CAAA"}
|
|
@@ -9,5 +9,7 @@ export const BreadcrumbsMeta = createComponent('Breadcrumbs', {
|
|
|
9
9
|
},
|
|
10
10
|
},
|
|
11
11
|
});
|
|
12
|
-
export const BreadcrumbsItemMeta = createComponent('BreadcrumbsItem'
|
|
12
|
+
export const BreadcrumbsItemMeta = createComponent('BreadcrumbsItem', {
|
|
13
|
+
isolate: 'allow-inheritance',
|
|
14
|
+
});
|
|
13
15
|
//# sourceMappingURL=Breadcrumbs.meta.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.meta.js","sourceRoot":"","sources":["../../src/components/Breadcrumbs.meta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC,aAAa,EAAE;IAC5D,QAAQ,EAAE;QACR,uBAAuB;QACvB,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC;YAClC,YAAY,EAAE,QAAQ;SACvB;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.meta.js","sourceRoot":"","sources":["../../src/components/Breadcrumbs.meta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC,aAAa,EAAE;IAC5D,QAAQ,EAAE;QACR,uBAAuB;QACvB,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC;YAClC,YAAY,EAAE,QAAQ;SACvB;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,eAAe,CAAC,iBAAiB,EAAE;IACpE,OAAO,EAAE,mBAAmB;CAC7B,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.parts.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumbs.parts.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.parts.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumbs.parts.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiC,KAAK,cAAc,EAAsB,MAAM,OAAO,CAAA;AAI9F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAK/D,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC/D,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AAC7F,OAAO,EAAE,eAAe,EAAE,KAAK,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAIjF,MAAM,WAAW,gBACf,SAAQ,cAAc,CAAC,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,eAAe,CAAC;CAAG;AAE7E,wBAAgB,eAAe,CAAC,EAC9B,GAAG,EAAE,SAAS,EACd,KAAK,EACL,YAAY,EAAE,eAAe,EAC7B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA6LlB;yBArMe,eAAe;;;AAwM/B,MAAM,CAAC,OAAO,WAAW,oBAAoB,CAAC;IAC5C,UAAU,SAAU,SAAQ,iBAAiB,CAAC,OAAO,mBAAmB,CAAC;QACvE,WAAW,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;QAEpC;;;WAGG;QACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;KAE9B;IACD,UAAU,WAAY,SAAQ,SAAS,EAAE,sBAAsB,CAAC,WAAW;KAAG;IAC9E,UAAU,SAAU,SAAQ,SAAS,EAAE,sBAAsB,CAAC,SAAS;KAAG;IAC1E,UAAU,iBAAkB,SAAQ,SAAS,EAAE,sBAAsB,CAAC,iBAAiB;KAAG;CAC3F;AAED,MAAM,MAAM,oBAAoB,GAC5B,oBAAoB,CAAC,WAAW,GAChC,oBAAoB,CAAC,SAAS,GAC9B,oBAAoB,CAAC,iBAAiB,CAAA;AAE1C,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,OAAO,EAAE,aAAa,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAoDtB;yBA1De,eAAe"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { useCallback,
|
|
3
|
+
import { useCallback, useRef, useState } from 'react';
|
|
4
|
+
import { useRenderCount, useThrottledEffect } from '@react-hookz/web';
|
|
4
5
|
import { isEqual } from '@ver0/deep-equal';
|
|
5
6
|
import { ArrowLeftInteractiveIcon, DotsThreeIcon } from '@graphprotocol/gds-react/icons';
|
|
6
7
|
import { useCSSPropsPolyfill, useCSSState, useGDS } from "../hooks/index.js";
|
|
@@ -50,24 +51,15 @@ export function BreadcrumbsRoot({ ref: passedRef, align, 'aria-label': passedAri
|
|
|
50
51
|
// Only update state if items actually changed
|
|
51
52
|
setHiddenItems((previousHiddenItems) => isEqual(previousHiddenItems, newHiddenItems) ? previousHiddenItems : newHiddenItems);
|
|
52
53
|
}, []);
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
firstRender.current = false;
|
|
63
|
-
updateWrappedCount();
|
|
64
|
-
return;
|
|
65
|
-
}
|
|
66
|
-
const timeout = window.setTimeout(() => {
|
|
67
|
-
updateWrappedCount();
|
|
68
|
-
}, 0);
|
|
69
|
-
return () => window.clearTimeout(timeout);
|
|
70
|
-
});
|
|
54
|
+
/**
|
|
55
|
+
* Call `updateWrappedCount` after every render, with `useThrottledEffect` to prevent a "Maximum
|
|
56
|
+
* update depth exceeded" error in the unlikely event of an infinite loop due to `hiddenItems`
|
|
57
|
+
* causing a layout change that makes items wrap differently (change `-ms-10` below to `-ms-20` to
|
|
58
|
+
* see how that can happen).
|
|
59
|
+
*/
|
|
60
|
+
const renderCount = useRenderCount();
|
|
61
|
+
useThrottledEffect(updateWrappedCount, [renderCount], 1);
|
|
62
|
+
// Call `updateWrappedCount` on resize
|
|
71
63
|
const resizeObserverRef = useRef(null);
|
|
72
64
|
const hiddenContainerRefCallback = useCallback((element) => {
|
|
73
65
|
hiddenContainerRef.current = element;
|
|
@@ -81,7 +73,7 @@ export function BreadcrumbsRoot({ ref: passedRef, align, 'aria-label': passedAri
|
|
|
81
73
|
});
|
|
82
74
|
resizeObserverRef.current.observe(element);
|
|
83
75
|
}, [updateWrappedCount]);
|
|
84
|
-
return (_jsxs("nav", { ref: cssPropsPolyfillPassedRef, "aria-label": ariaLabel, className: cn('gds-breadcrumbs
|
|
76
|
+
return (_jsxs("nav", { ref: cssPropsPolyfillPassedRef, "aria-label": ariaLabel, className: cn('gds-breadcrumbs root-grid *:col-span-full *:row-span-full u:max-w-full u:text-14', className), ...getCSSPropsAttributes(BreadcrumbsMeta, { align }, style), ...cssPropsPolyfillAttributes, ...props, children: [_jsx("div", { className: `
|
|
85
77
|
flex
|
|
86
78
|
@prop-align-start/breadcrumbs:justify-start
|
|
87
79
|
@prop-align-center/breadcrumbs:justify-center
|
|
@@ -112,7 +104,7 @@ export function BreadcrumbsRoot({ ref: passedRef, align, 'aria-label': passedAri
|
|
|
112
104
|
data-[hidden-items=6]:*:nth-last-[-n+7]:not-first:not-last:hidden
|
|
113
105
|
data-[hidden-items=7]:*:nth-last-[-n+8]:not-first:not-last:hidden
|
|
114
106
|
data-[hidden-items=8]:*:nth-last-[-n+9]:not-first:not-last:hidden
|
|
115
|
-
`, children: children }), hiddenItems.length > 0 ? (_jsx("div", { className: "nested/breadcrumbs-item-wrapper z-10 flex shrink-0 items-center px-1", children: _jsx(Menu, { trigger: _jsx(Button, { variant: "naked", size: "small", children: _jsx(DotsThreeIcon, { alt: "Show hidden items", className: "top-1.25" }) }),
|
|
107
|
+
`, children: children }), hiddenItems.length > 0 ? (_jsx("div", { className: "nested/breadcrumbs-item-wrapper z-10 flex shrink-0 items-center px-1", children: _jsx(Menu, { trigger: _jsx(Button, { variant: "naked", size: "small", children: _jsx(DotsThreeIcon, { alt: "Show hidden items", className: "top-1.25" }) }), align: "center", gap: 4, children: hiddenItems.map((item, index) => (_jsx(Menu.Item, { href: item.href, disabled: item.href === undefined,
|
|
116
108
|
// TODO: Use the breadcrumb item's `addonBefore` if any?
|
|
117
109
|
addonBefore: _jsx(ArrowLeftInteractiveIcon, { hiddenByDefault: true }), addonAfter: null, children: item.label }, index))) }) })) : null] }) }), _jsxs("div", { ref: hiddenContainerRefCallback, inert: true, "aria-hidden": true, className: "-m-0.5 flex h-0 flex-wrap gap-4 p-0.5 whitespace-nowrap opacity-0", children: [_jsx("div", { "data-hidden-items": hiddenItems.length || undefined, className: `
|
|
118
110
|
contents
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.parts.js","sourceRoot":"","sources":["../../src/components/Breadcrumbs.parts.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.parts.js","sourceRoot":"","sources":["../../src/components/Breadcrumbs.parts.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAK/D,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC/D,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAK/D,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC/D,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAE1D,MAAM,CAAC,OAAO,WAAW,WAAW,CAAC;IACnC,UAAU,SAAU,SAAQ,iBAAiB,CAAC,OAAO,UAAU,CAAC;QAC9D,WAAW,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;QACpC,UAAU,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;QACnC,6FAA6F;QAC7F,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,GAAG,SAAS,CAAA;QAC9E,qBAAqB;QACrB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;KAC9B;IACD,UAAU,WACR,SAAQ,SAAS,EAAE,iBAAiB,CAAC,WAAW,EAAE,iBAAiB,CAAC,gBAAgB;KAAG;IACzF,UAAU,iBACR,SAAQ,SAAS,EAAE,iBAAiB,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,gBAAgB;KAAG;IAC/F,UAAU,SACR,SAAQ,SAAS,EAAE,iBAAiB,CAAC,SAAS,EAAE,iBAAiB,CAAC,gBAAgB;KAAG;CACxF;AAED,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC,WAAW,GAAG,WAAW,CAAC,SAAS,CAAA;AAEzE,wBAAgB,MAAM,CAAC,EACrB,GAAG,EAAE,SAAS,EACd,OAAO,EACP,IAAI,EACJ,SAAS,EACT,WAAW,EAAE,iBAAiB,EAC9B,UAAU,EAAE,gBAAgB,EAC5B,OAAO,EACP,OAAe,EACf,QAAgB,EAChB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CA0Jb"}
|
|
@@ -6,7 +6,7 @@ import { cn, getCSSPropsAttributes, isReactNode } from "../utils/index.js";
|
|
|
6
6
|
import { renderAddon } from "./base/Addon.js";
|
|
7
7
|
import { ButtonOrLink } from "./base/ButtonOrLink.js";
|
|
8
8
|
import { ButtonMeta } from "./Button.meta.js";
|
|
9
|
-
import { Tooltip
|
|
9
|
+
import { Tooltip } from "./Tooltip.js";
|
|
10
10
|
export function Button({ ref: passedRef, variant, size, hideLabel, addonBefore: passedAddonBefore, addonAfter: passedAddonAfter, tooltip, loading = false, disabled = false, className, style, children, ...props }) {
|
|
11
11
|
useGDS();
|
|
12
12
|
const [statePassedRef, state] = useCSSState({
|
|
@@ -28,12 +28,7 @@ export function Button({ ref: passedRef, variant, size, hideLabel, addonBefore:
|
|
|
28
28
|
const addonBefore = getAddon(passedAddonBefore, loading && !passedAddonAfter);
|
|
29
29
|
const addonAfter = getAddon(passedAddonAfter, loading);
|
|
30
30
|
const replaceChildrenWithLoading = loading && !addonBefore && !addonAfter;
|
|
31
|
-
|
|
32
|
-
let tooltipProps = { content: collectedContent };
|
|
33
|
-
if (tooltip !== undefined) {
|
|
34
|
-
tooltipProps = isReactNode(tooltip) ? { content: tooltip } : { ...tooltipProps, ...tooltip };
|
|
35
|
-
}
|
|
36
|
-
return (_jsx(Tooltip, { ...tooltipProps, children: _jsx(ButtonOrLink, { ref: cssPropsPolyfillStatePassedRef, disabled: disabled || (loading ? 'focusable' : false), "aria-busy": loading || undefined, "data-variant": cssProps.variant, "data-hide-label": cssProps.hideLabel || undefined, className: cn(`gds-button root-flex flex-col u:size-max u:max-w-full u:font-regular u:outline-0
|
|
31
|
+
return (_jsx(Tooltip, { ...(isReactNode(tooltip) ? { content: tooltip } : tooltip), children: _jsxs(ButtonOrLink, { ref: cssPropsPolyfillStatePassedRef, disabled: disabled || (loading ? 'focusable' : false), "aria-busy": loading || undefined, "data-variant": cssProps.variant, "data-hide-label": cssProps.hideLabel || undefined, className: cn(`gds-button root-flex flex-col u:size-max u:max-w-full u:outline-0
|
|
37
32
|
u:checked:state-checked
|
|
38
33
|
u:hover:state-hover
|
|
39
34
|
u:focus-visible:state-focus
|
|
@@ -52,9 +47,15 @@ export function Button({ ref: passedRef, variant, size, hideLabel, addonBefore:
|
|
|
52
47
|
${ /* But if the button group is `fullWidth`, then all the buttons it contains should be equal width, regardless of their content */''}
|
|
53
48
|
u:@prop-orientation-horizontal/button-group:@prop-full-width-true/button-group:grow
|
|
54
49
|
u:@prop-orientation-horizontal/button-group:@prop-full-width-true/button-group:basis-0
|
|
50
|
+
${ /* In a button group, the group itself should be the stacking context */''}
|
|
51
|
+
u:in-button-group:isolation-auto
|
|
55
52
|
${ /* Extend the tap area of a naked button */''}
|
|
56
53
|
data-[variant=naked]:before:absolute
|
|
57
|
-
data-[variant=naked]:before:-inset-2`, className), ...state.polyfillAttributes, ...getCSSPropsAttributes(ButtonMeta, { variant, size, hideLabel }, style), ...cssPropsPolyfillAttributes, ...props, children:
|
|
54
|
+
data-[variant=naked]:before:-inset-2`, className), ...state.polyfillAttributes, ...getCSSPropsAttributes(ButtonMeta, { variant, size, hideLabel }, style), ...cssPropsPolyfillAttributes, ...props, children: [_jsx("span", { className: `
|
|
55
|
+
absolute inset-[calc(-1*var(--gds-button-group-gap)/2)] z-10
|
|
56
|
+
not-in-button-group:hidden
|
|
57
|
+
@prop-not-variant-naked/button:hidden
|
|
58
|
+
` }), _jsxs("span", { className: `
|
|
58
59
|
nested/button-paint pointer-events-none flex h-(--height) max-w-full min-w-full grow items-center justify-center
|
|
59
60
|
rounded-(--gds-button-radius) border-(length:--border-width) border-(--gds-button-border)
|
|
60
61
|
bg-(--gds-button-bg) text-(--gds-button-fg) transition [--border-width:1px]
|
|
@@ -95,7 +96,7 @@ export function Button({ ref: passedRef, variant, size, hideLabel, addonBefore:
|
|
|
95
96
|
u:@prop-size-small/button:px-0.5
|
|
96
97
|
u:@prop-size-medium/button:px-1
|
|
97
98
|
u:@prop-size-large/button:px-1
|
|
98
|
-
u:i:@state-[addon-only=auto]/button:px-0`), children: _jsx(Tooltip.Collector, {
|
|
99
|
+
u:i:@state-[addon-only=auto]/button:px-0`), children: _jsx(Tooltip.Collector, { children: children }) })) : null, replaceChildrenWithLoading ? loadingIcon : null, addonAfter ? _jsx(ButtonAddon, { side: "after", children: addonAfter }) : null] })] }) }));
|
|
99
100
|
}
|
|
100
101
|
function ButtonAddon({ side, className, children, ...props }) {
|
|
101
102
|
return (_jsx("span", { "data-side": side, className: cn(`gds-addon root-flex items-center justify-center u:h-(--gds-addon-size) u:min-w-(--gds-addon-size) u:shrink-0
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAKZ,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAE5D,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC5E,OAAO,EAAE,EAAE,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC1E,OAAO,EAAE,WAAW,EAAmB,MAAM,iBAAkB,CAAA;AAC/D,OAAO,EAAE,YAAY,EAA0B,MAAM,wBAAyB,CAAA;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,21 +1,18 @@
|
|
|
1
1
|
export declare const ButtonMeta: import("@graphprotocol/gds-css").GDSComponent<{
|
|
2
|
-
/** @default 'secondary' */
|
|
3
2
|
readonly variant: {
|
|
4
3
|
readonly type: "values";
|
|
5
4
|
readonly values: ["primary", "secondary", "tertiary", "inverse", "danger", "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
11
|
};
|
|
14
|
-
/** @default false */
|
|
15
12
|
readonly hideLabel: {
|
|
16
13
|
readonly type: "values";
|
|
17
14
|
readonly values: [false, true];
|
|
18
15
|
readonly defaultValue: false;
|
|
19
16
|
};
|
|
20
|
-
},
|
|
17
|
+
}, false>;
|
|
21
18
|
//# sourceMappingURL=Button.meta.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.meta.d.ts","sourceRoot":"","sources":["../../src/components/Button.meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU
|
|
1
|
+
{"version":3,"file":"Button.meta.d.ts","sourceRoot":"","sources":["../../src/components/Button.meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;SA4GrB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/components/ButtonGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAI/D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEvD,MAAM,WAAW,gBACf,SAAQ,cAAc,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC,OAAO,eAAe,CAAC;CAAG;AAE9E,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EAAE,SAAS,EACd,OAAO,EACP,IAAI,EACJ,WAAW,EACX,SAAS,EACT,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,
|
|
1
|
+
{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/components/ButtonGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAI/D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEvD,MAAM,WAAW,gBACf,SAAQ,cAAc,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC,OAAO,eAAe,CAAC;CAAG;AAE9E,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EAAE,SAAS,EACd,OAAO,EACP,IAAI,EACJ,WAAW,EACX,SAAS,EACT,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAiElB"}
|
|
@@ -41,11 +41,7 @@ export function ButtonGroup({ ref: passedRef, variant, size, orientation, fullWi
|
|
|
41
41
|
* mentioned, vertical in horizontal doesn't make sense.
|
|
42
42
|
*/
|
|
43
43
|
className: `
|
|
44
|
-
flex items-center
|
|
45
|
-
@prop-size-xsmall/button-group:gap-1
|
|
46
|
-
@prop-size-small/button-group:gap-1.5
|
|
47
|
-
@prop-size-medium/button-group:gap-2
|
|
48
|
-
@prop-size-large/button-group:gap-2
|
|
44
|
+
flex items-center gap-(--gds-button-group-gap)
|
|
49
45
|
@prop-orientation-vertical/button-group:not-in-button-group-[[data-gds-prop-polyfill-orientation=gds-horizontal]]:flex-col
|
|
50
46
|
i:*:@prop-orientation-vertical/button-group:not-in-button-group-[[data-gds-prop-polyfill-orientation=gds-horizontal]]:w-full
|
|
51
47
|
`, children: children }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../src/components/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAMZ,OAAO,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC/D,OAAO,EAAE,EAAE,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAKvD,MAAM,UAAU,WAAW,CAAC,EAC1B,GAAG,EAAE,SAAS,EACd,OAAO,EACP,IAAI,EACJ,WAAW,EACX,SAAS,EACT,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACS;IACjB,MAAM,EAAE,CAAA;IAER,MAAM,CAAC,yBAAyB,EAAE,0BAA0B,EAAE,QAAQ,CAAC,GAAG,mBAAmB,CAC3F,eAAe,EACf,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,EACzC,EAAE,GAAG,EAAE,SAAS,EAAE,gBAAgB,EAAE,EAAE,SAAS,EAAE,EAAE,CACpD,CAAA;IAED,OAAO,CACL,eACE,GAAG,EAAE,yBAAyB,qBACb,QAAQ,CAAC,SAAS,IAAI,SAAS,EAChD,SAAS,EAAE,EAAE,CACX;;;UAGE,CAAA,8GAA+G,EAAE;;;;;;;;;;;;;;;UAejH,CAAA,wFAAyF,EAAE;;+FAEN,EACvF,SAAS,CACV,KACG,qBAAqB,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,KAAK,CAAC,KACxF,0BAA0B,KAC1B,KAAK,YAET;YACE;;;;;;;;;;;;eAYG;YACH,SAAS,EAAE
|
|
1
|
+
{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../src/components/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAMZ,OAAO,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC/D,OAAO,EAAE,EAAE,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAKvD,MAAM,UAAU,WAAW,CAAC,EAC1B,GAAG,EAAE,SAAS,EACd,OAAO,EACP,IAAI,EACJ,WAAW,EACX,SAAS,EACT,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACS;IACjB,MAAM,EAAE,CAAA;IAER,MAAM,CAAC,yBAAyB,EAAE,0BAA0B,EAAE,QAAQ,CAAC,GAAG,mBAAmB,CAC3F,eAAe,EACf,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,EACzC,EAAE,GAAG,EAAE,SAAS,EAAE,gBAAgB,EAAE,EAAE,SAAS,EAAE,EAAE,CACpD,CAAA;IAED,OAAO,CACL,eACE,GAAG,EAAE,yBAAyB,qBACb,QAAQ,CAAC,SAAS,IAAI,SAAS,EAChD,SAAS,EAAE,EAAE,CACX;;;UAGE,CAAA,8GAA+G,EAAE;;;;;;;;;;;;;;;UAejH,CAAA,wFAAyF,EAAE;;+FAEN,EACvF,SAAS,CACV,KACG,qBAAqB,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,KAAK,CAAC,KACxF,0BAA0B,KAC1B,KAAK,YAET;YACE;;;;;;;;;;;;eAYG;YACH,SAAS,EAAE;;;;SAIV,YAEA,QAAQ,GACJ,GACF,CACR,CAAA;AACH,CAAC"}
|
|
@@ -1,27 +1,23 @@
|
|
|
1
1
|
export declare const ButtonGroupMeta: import("@graphprotocol/gds-css").GDSComponent<{
|
|
2
|
-
/** @default 'secondary' */
|
|
3
2
|
readonly variant: {
|
|
4
3
|
readonly type: "values";
|
|
5
4
|
readonly values: ["primary", "secondary", "tertiary", "inverse", "danger", "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
11
|
};
|
|
14
|
-
/** @default 'horizontal' */
|
|
15
12
|
readonly orientation: {
|
|
16
13
|
readonly type: "values";
|
|
17
14
|
readonly values: ["horizontal", "vertical"];
|
|
18
15
|
readonly defaultValue: "horizontal";
|
|
19
16
|
};
|
|
20
|
-
/** @default false */
|
|
21
17
|
readonly fullWidth: {
|
|
22
18
|
readonly type: "values";
|
|
23
19
|
readonly values: [false, true];
|
|
24
20
|
readonly defaultValue: false;
|
|
25
21
|
};
|
|
26
|
-
},
|
|
22
|
+
}, false>;
|
|
27
23
|
//# sourceMappingURL=ButtonGroup.meta.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroup.meta.d.ts","sourceRoot":"","sources":["../../src/components/ButtonGroup.meta.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe
|
|
1
|
+
{"version":3,"file":"ButtonGroup.meta.d.ts","sourceRoot":"","sources":["../../src/components/ButtonGroup.meta.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;SAmC1B,CAAA"}
|
|
@@ -27,5 +27,13 @@ export const ButtonGroupMeta = createComponent('ButtonGroup', {
|
|
|
27
27
|
defaultValue: false,
|
|
28
28
|
},
|
|
29
29
|
},
|
|
30
|
+
vars: {
|
|
31
|
+
gap: {
|
|
32
|
+
'@variant @prop-size-xsmall/button-group': '--spacing(1)',
|
|
33
|
+
'@variant @prop-size-small/button-group': '--spacing(1.5)',
|
|
34
|
+
'@variant @prop-size-medium/button-group': '--spacing(2)',
|
|
35
|
+
'@variant @prop-size-large/button-group': '--spacing(2)',
|
|
36
|
+
},
|
|
37
|
+
},
|
|
30
38
|
});
|
|
31
39
|
//# sourceMappingURL=ButtonGroup.meta.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroup.meta.js","sourceRoot":"","sources":["../../src/components/ButtonGroup.meta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7C,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC,aAAa,EAAE;IAC5D,QAAQ,EAAE;QACR,2BAA2B;QAC3B,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM;YAC1C,YAAY,EAAE,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY;SACvD;QACD,wBAAwB;QACxB,IAAI,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM;YACvC,YAAY,EAAE,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY;SACpD;QACD,4BAA4B;QAC5B,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;YAClC,YAAY,EAAE,YAAY;SAC3B;QACD,qBAAqB;QACrB,SAAS,EAAE;YACT,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC;YACrB,YAAY,EAAE,KAAK;SACpB;KACF;CACF,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"ButtonGroup.meta.js","sourceRoot":"","sources":["../../src/components/ButtonGroup.meta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7C,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC,aAAa,EAAE;IAC5D,QAAQ,EAAE;QACR,2BAA2B;QAC3B,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM;YAC1C,YAAY,EAAE,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY;SACvD;QACD,wBAAwB;QACxB,IAAI,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM;YACvC,YAAY,EAAE,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY;SACpD;QACD,4BAA4B;QAC5B,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;YAClC,YAAY,EAAE,YAAY;SAC3B;QACD,qBAAqB;QACrB,SAAS,EAAE;YACT,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC;YACrB,YAAY,EAAE,KAAK;SACpB;KACF;IACD,IAAI,EAAE;QACJ,GAAG,EAAE;YACH,yCAAyC,EAAE,cAAc;YACzD,wCAAwC,EAAE,gBAAgB;YAC1D,yCAAyC,EAAE,cAAc;YACzD,wCAAwC,EAAE,cAAc;SACzD;KACF;CACF,CAAC,CAAA"}
|