@digdir/designsystemet-react 0.61.0 → 1.0.0-rc.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/cjs/components/Accordion/Accordion.js +6 -2
- package/dist/cjs/components/Accordion/AccordionContent/AccordionContent.js +2 -2
- package/dist/cjs/components/Accordion/AccordionHeader/AccordionHeader.js +2 -2
- package/dist/cjs/components/Accordion/AccordionItem/AccordionItem.js +2 -2
- package/dist/cjs/components/Alert/Alert.js +5 -3
- package/dist/cjs/components/Box/Box.js +4 -1
- package/dist/cjs/components/Button/Button.js +3 -1
- package/dist/cjs/components/Card/Card.js +3 -1
- package/dist/cjs/components/Chip/Group/Group.js +5 -1
- package/dist/cjs/components/Chip/Removable/Removable.js +3 -1
- package/dist/cjs/components/Chip/Toggle/Toggle.js +3 -1
- package/dist/cjs/components/Divider/Divider.js +2 -2
- package/dist/cjs/components/DropdownMenu/DropdownMenu.js +4 -2
- package/dist/cjs/components/DropdownMenu/DropdownMenuContent.js +3 -3
- package/dist/cjs/components/DropdownMenu/DropdownMenuItem.js +2 -2
- package/dist/cjs/components/DropdownMenu/DropdownMenuTrigger.js +1 -1
- package/dist/cjs/components/HelpText/HelpText.js +5 -3
- package/dist/cjs/components/Link/Link.js +1 -1
- package/dist/cjs/components/List/ListHeading.js +3 -3
- package/dist/cjs/components/List/ListItem.js +2 -2
- package/dist/cjs/components/List/ListRoot.js +4 -2
- package/dist/cjs/components/List/Lists.js +3 -3
- package/dist/cjs/components/Modal/ModalDialog.js +1 -1
- package/dist/cjs/components/Modal/ModalHeader.js +1 -1
- package/dist/cjs/components/Pagination/Pagination.js +6 -4
- package/dist/cjs/components/Pagination/PaginationButton.js +1 -1
- package/dist/cjs/components/Pagination/PaginationRoot.js +4 -2
- package/dist/cjs/components/Popover/Popover.js +4 -2
- package/dist/cjs/components/Popover/PopoverContent.js +6 -6
- package/dist/cjs/components/Popover/PopoverTrigger.js +1 -1
- package/dist/cjs/components/Skeleton/Circle/Circle.js +2 -2
- package/dist/cjs/components/Skeleton/Rectangle/Rectangle.js +2 -2
- package/dist/cjs/components/Skeleton/Text/Text.js +2 -2
- package/dist/cjs/components/SkipLink/SkipLink.js +2 -2
- package/dist/cjs/components/Spinner/Spinner.js +9 -7
- package/dist/cjs/components/Table/Table.js +3 -1
- package/dist/cjs/components/Tabs/Tab/Tab.js +3 -3
- package/dist/cjs/components/Tabs/Tab/useTab.js +1 -3
- package/dist/cjs/components/Tabs/TabList/TabList.js +2 -2
- package/dist/cjs/components/Tabs/Tabs.js +5 -2
- package/dist/cjs/components/Tag/Tag.js +5 -1
- package/dist/cjs/components/ToggleGroup/ToggleGroup.js +3 -1
- package/dist/cjs/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.js +3 -3
- package/dist/cjs/components/Tooltip/Tooltip.js +9 -9
- package/dist/cjs/components/Typography/ErrorMessage/ErrorMessage.js +5 -3
- package/dist/cjs/components/Typography/Heading/Heading.js +5 -3
- package/dist/cjs/components/Typography/Ingress/Ingress.js +5 -3
- package/dist/cjs/components/Typography/Label/Label.js +5 -3
- package/dist/cjs/components/Typography/Paragraph/Paragraph.js +5 -3
- package/dist/cjs/components/form/Checkbox/Checkbox.js +2 -2
- package/dist/cjs/components/form/Checkbox/Group/Group.js +1 -1
- package/dist/cjs/components/form/Combobox/Combobox.js +6 -4
- package/dist/cjs/components/form/Combobox/Custom.js +1 -1
- package/dist/cjs/components/form/Combobox/Option/useComboboxOption.js +1 -1
- package/dist/cjs/components/form/Combobox/internal/ComboboxInput.js +2 -2
- package/dist/cjs/components/form/Combobox/useFloatingCombobox.js +3 -3
- package/dist/cjs/components/form/Fieldset/Fieldset.js +2 -2
- package/dist/cjs/components/form/NativeSelect/NativeSelect.js +3 -3
- package/dist/cjs/components/form/NativeSelect/useNativeSelect.js +3 -1
- package/dist/cjs/components/form/Radio/Group/Group.js +3 -3
- package/dist/cjs/components/form/Radio/Radio.js +3 -3
- package/dist/cjs/components/form/Search/Search.js +5 -5
- package/dist/cjs/components/form/Search/useSearch.js +3 -7
- package/dist/cjs/components/form/Switch/Switch.js +1 -1
- package/dist/cjs/components/form/Textarea/Textarea.js +4 -4
- package/dist/cjs/components/form/Textarea/useTextarea.js +3 -1
- package/dist/cjs/components/form/Textfield/Textfield.js +6 -6
- package/dist/cjs/components/form/Textfield/useTextfield.js +3 -1
- package/dist/cjs/components/form/useFormField.js +5 -7
- package/dist/cjs/{packages/react/node_modules → node_modules}/@floating-ui/dom/dist/floating-ui.dom.js +3 -3
- package/dist/cjs/{packages/react/node_modules → node_modules}/@floating-ui/react/dist/floating-ui.react.js +2 -2
- package/dist/cjs/{packages/react/node_modules → node_modules}/@floating-ui/react/dist/floating-ui.react.utils.js +1 -1
- package/dist/cjs/node_modules/@radix-ui/react-slot/dist/index.js +1 -1
- package/dist/cjs/utilities/AnimateHeight/AnimateHeight.js +2 -2
- package/dist/cjs/utilities/RovingTabIndex/RovingTabindexItem.js +1 -1
- package/dist/cjs/utilities/RovingTabIndex/RovingTabindexRoot.js +1 -1
- package/dist/cjs/utilities/getColor.js +27 -0
- package/dist/cjs/utilities/getSize.js +2 -0
- package/dist/esm/components/Accordion/Accordion.js +6 -2
- package/dist/esm/components/Accordion/AccordionContent/AccordionContent.js +2 -2
- package/dist/esm/components/Accordion/AccordionHeader/AccordionHeader.js +2 -2
- package/dist/esm/components/Accordion/AccordionItem/AccordionItem.js +1 -1
- package/dist/esm/components/Alert/Alert.js +4 -2
- package/dist/esm/components/Box/Box.js +4 -1
- package/dist/esm/components/Button/Button.js +3 -1
- package/dist/esm/components/Card/Card.js +3 -1
- package/dist/esm/components/Chip/Group/Group.js +5 -1
- package/dist/esm/components/Chip/Removable/Removable.js +3 -1
- package/dist/esm/components/Chip/Toggle/Toggle.js +3 -1
- package/dist/esm/components/Divider/Divider.js +1 -1
- package/dist/esm/components/DropdownMenu/DropdownMenu.js +4 -2
- package/dist/esm/components/DropdownMenu/DropdownMenuContent.js +3 -3
- package/dist/esm/components/DropdownMenu/DropdownMenuItem.js +2 -2
- package/dist/esm/components/DropdownMenu/DropdownMenuTrigger.js +1 -1
- package/dist/esm/components/HelpText/HelpText.js +4 -2
- package/dist/esm/components/Link/Link.js +1 -1
- package/dist/esm/components/List/ListHeading.js +3 -3
- package/dist/esm/components/List/ListItem.js +1 -1
- package/dist/esm/components/List/ListRoot.js +4 -2
- package/dist/esm/components/List/Lists.js +1 -1
- package/dist/esm/components/Modal/ModalDialog.js +1 -1
- package/dist/esm/components/Modal/ModalHeader.js +1 -1
- package/dist/esm/components/Pagination/Pagination.js +6 -4
- package/dist/esm/components/Pagination/PaginationButton.js +1 -1
- package/dist/esm/components/Pagination/PaginationRoot.js +4 -2
- package/dist/esm/components/Popover/Popover.js +4 -2
- package/dist/esm/components/Popover/PopoverContent.js +4 -4
- package/dist/esm/components/Popover/PopoverTrigger.js +1 -1
- package/dist/esm/components/Skeleton/Circle/Circle.js +1 -1
- package/dist/esm/components/Skeleton/Rectangle/Rectangle.js +1 -1
- package/dist/esm/components/Skeleton/Text/Text.js +1 -1
- package/dist/esm/components/SkipLink/SkipLink.js +1 -1
- package/dist/esm/components/Spinner/Spinner.js +9 -7
- package/dist/esm/components/Table/Table.js +3 -1
- package/dist/esm/components/Tabs/Tab/Tab.js +3 -3
- package/dist/esm/components/Tabs/Tab/useTab.js +1 -3
- package/dist/esm/components/Tabs/TabList/TabList.js +1 -1
- package/dist/esm/components/Tabs/Tabs.js +5 -2
- package/dist/esm/components/Tag/Tag.js +5 -1
- package/dist/esm/components/ToggleGroup/ToggleGroup.js +3 -1
- package/dist/esm/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.js +3 -3
- package/dist/esm/components/Tooltip/Tooltip.js +9 -9
- package/dist/esm/components/Typography/ErrorMessage/ErrorMessage.js +4 -2
- package/dist/esm/components/Typography/Heading/Heading.js +4 -2
- package/dist/esm/components/Typography/Ingress/Ingress.js +4 -2
- package/dist/esm/components/Typography/Label/Label.js +4 -2
- package/dist/esm/components/Typography/Paragraph/Paragraph.js +4 -2
- package/dist/esm/components/form/Checkbox/Checkbox.js +2 -2
- package/dist/esm/components/form/Checkbox/Group/Group.js +1 -1
- package/dist/esm/components/form/Combobox/Combobox.js +6 -4
- package/dist/esm/components/form/Combobox/Custom.js +1 -1
- package/dist/esm/components/form/Combobox/Option/useComboboxOption.js +1 -1
- package/dist/esm/components/form/Combobox/internal/ComboboxInput.js +2 -2
- package/dist/esm/components/form/Combobox/useFloatingCombobox.js +3 -3
- package/dist/esm/components/form/Fieldset/Fieldset.js +1 -1
- package/dist/esm/components/form/NativeSelect/NativeSelect.js +2 -2
- package/dist/esm/components/form/NativeSelect/useNativeSelect.js +3 -1
- package/dist/esm/components/form/Radio/Group/Group.js +2 -2
- package/dist/esm/components/form/Radio/Radio.js +2 -2
- package/dist/esm/components/form/Search/Search.js +3 -3
- package/dist/esm/components/form/Search/useSearch.js +3 -7
- package/dist/esm/components/form/Switch/Switch.js +1 -1
- package/dist/esm/components/form/Textarea/Textarea.js +2 -2
- package/dist/esm/components/form/Textarea/useTextarea.js +3 -1
- package/dist/esm/components/form/Textfield/Textfield.js +3 -3
- package/dist/esm/components/form/Textfield/useTextfield.js +3 -1
- package/dist/esm/components/form/useFormField.js +5 -7
- package/dist/esm/{packages/react/node_modules → node_modules}/@floating-ui/dom/dist/floating-ui.dom.js +4 -4
- package/dist/esm/{packages/react/node_modules → node_modules}/@floating-ui/react/dist/floating-ui.react.js +2 -2
- package/dist/esm/{packages/react/node_modules → node_modules}/@floating-ui/react/dist/floating-ui.react.utils.js +1 -1
- package/dist/esm/node_modules/@radix-ui/react-slot/dist/index.js +1 -1
- package/dist/esm/utilities/AnimateHeight/AnimateHeight.js +1 -1
- package/dist/esm/utilities/RovingTabIndex/RovingTabindexItem.js +1 -1
- package/dist/esm/utilities/RovingTabIndex/RovingTabindexRoot.js +1 -1
- package/dist/esm/utilities/getColor.js +25 -0
- package/dist/esm/utilities/getSize.js +2 -0
- package/dist/types/components/Accordion/Accordion.d.ts +4 -2
- package/dist/types/components/Accordion/Accordion.d.ts.map +1 -1
- package/dist/types/components/Alert/Alert.d.ts +13 -6
- package/dist/types/components/Alert/Alert.d.ts.map +1 -1
- package/dist/types/components/Box/Box.d.ts +7 -4
- package/dist/types/components/Box/Box.d.ts.map +1 -1
- package/dist/types/components/Button/Button.d.ts +13 -6
- package/dist/types/components/Button/Button.d.ts.map +1 -1
- package/dist/types/components/Card/Card.d.ts +4 -2
- package/dist/types/components/Card/Card.d.ts.map +1 -1
- package/dist/types/components/Chip/Group/Group.d.ts +9 -3
- package/dist/types/components/Chip/Group/Group.d.ts.map +1 -1
- package/dist/types/components/Chip/Removable/Removable.d.ts +9 -6
- package/dist/types/components/Chip/Removable/Removable.d.ts.map +1 -1
- package/dist/types/components/Chip/Toggle/Toggle.d.ts +9 -6
- package/dist/types/components/Chip/Toggle/Toggle.d.ts.map +1 -1
- package/dist/types/components/DropdownMenu/DropdownMenu.d.ts +7 -4
- package/dist/types/components/DropdownMenu/DropdownMenu.d.ts.map +1 -1
- package/dist/types/components/DropdownMenu/DropdownMenuTrigger.d.ts +1 -1
- package/dist/types/components/HelpText/HelpText.d.ts +4 -3
- package/dist/types/components/HelpText/HelpText.d.ts.map +1 -1
- package/dist/types/components/Link/Link.d.ts +8 -2
- package/dist/types/components/Link/Link.d.ts.map +1 -1
- package/dist/types/components/List/ListHeading.d.ts +1 -1
- package/dist/types/components/List/ListRoot.d.ts +15 -9
- package/dist/types/components/List/ListRoot.d.ts.map +1 -1
- package/dist/types/components/Modal/ModalTrigger.d.ts +1 -1
- package/dist/types/components/Pagination/Pagination.d.ts +12 -4
- package/dist/types/components/Pagination/Pagination.d.ts.map +1 -1
- package/dist/types/components/Pagination/PaginationButton.d.ts.map +1 -1
- package/dist/types/components/Pagination/PaginationNextPrev.d.ts +2 -2
- package/dist/types/components/Pagination/PaginationNextPrev.d.ts.map +1 -1
- package/dist/types/components/Pagination/PaginationRoot.d.ts +7 -4
- package/dist/types/components/Pagination/PaginationRoot.d.ts.map +1 -1
- package/dist/types/components/Popover/Popover.d.ts +8 -4
- package/dist/types/components/Popover/Popover.d.ts.map +1 -1
- package/dist/types/components/Popover/PopoverTrigger.d.ts +1 -1
- package/dist/types/components/Spinner/Spinner.d.ts +10 -3
- package/dist/types/components/Spinner/Spinner.d.ts.map +1 -1
- package/dist/types/components/Table/Table.d.ts +8 -4
- package/dist/types/components/Table/Table.d.ts.map +1 -1
- package/dist/types/components/Tabs/Tab/Tab.d.ts.map +1 -1
- package/dist/types/components/Tabs/Tab/useTab.d.ts +1 -3
- package/dist/types/components/Tabs/Tab/useTab.d.ts.map +1 -1
- package/dist/types/components/Tabs/Tabs.d.ts +14 -4
- package/dist/types/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/types/components/Tag/Tag.d.ts +12 -7
- package/dist/types/components/Tag/Tag.d.ts.map +1 -1
- package/dist/types/components/ToggleGroup/ToggleGroup.d.ts +14 -5
- package/dist/types/components/ToggleGroup/ToggleGroup.d.ts.map +1 -1
- package/dist/types/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.d.ts.map +1 -1
- package/dist/types/components/ToggleGroup/ToggleGroupItem/useToggleGroupitem.d.ts +2 -1
- package/dist/types/components/ToggleGroup/ToggleGroupItem/useToggleGroupitem.d.ts.map +1 -1
- package/dist/types/components/Tooltip/Tooltip.d.ts +14 -3
- package/dist/types/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/types/components/Typography/ErrorMessage/ErrorMessage.d.ts +14 -4
- package/dist/types/components/Typography/ErrorMessage/ErrorMessage.d.ts.map +1 -1
- package/dist/types/components/Typography/Heading/Heading.d.ts +10 -4
- package/dist/types/components/Typography/Heading/Heading.d.ts.map +1 -1
- package/dist/types/components/Typography/Ingress/Ingress.d.ts +8 -4
- package/dist/types/components/Typography/Ingress/Ingress.d.ts.map +1 -1
- package/dist/types/components/Typography/Label/Label.d.ts +15 -4
- package/dist/types/components/Typography/Label/Label.d.ts.map +1 -1
- package/dist/types/components/Typography/Paragraph/Paragraph.d.ts +18 -4
- package/dist/types/components/Typography/Paragraph/Paragraph.d.ts.map +1 -1
- package/dist/types/components/form/CharacterCounter.d.ts +2 -1
- package/dist/types/components/form/CharacterCounter.d.ts.map +1 -1
- package/dist/types/components/form/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/types/components/form/Checkbox/Group/Group.d.ts.map +1 -1
- package/dist/types/components/form/Combobox/Combobox.d.ts +2 -2
- package/dist/types/components/form/Combobox/Combobox.d.ts.map +1 -1
- package/dist/types/components/form/Combobox/Option/useComboboxOption.d.ts +1 -1
- package/dist/types/components/form/Fieldset/useFieldset.d.ts +1 -1
- package/dist/types/components/form/NativeSelect/NativeSelect.d.ts +10 -6
- package/dist/types/components/form/NativeSelect/NativeSelect.d.ts.map +1 -1
- package/dist/types/components/form/NativeSelect/useNativeSelect.d.ts.map +1 -1
- package/dist/types/components/form/Search/Search.d.ts +12 -6
- package/dist/types/components/form/Search/Search.d.ts.map +1 -1
- package/dist/types/components/form/Search/useSearch.d.ts +1 -3
- package/dist/types/components/form/Search/useSearch.d.ts.map +1 -1
- package/dist/types/components/form/Textarea/Textarea.d.ts +10 -10
- package/dist/types/components/form/Textarea/Textarea.d.ts.map +1 -1
- package/dist/types/components/form/Textarea/useTextarea.d.ts.map +1 -1
- package/dist/types/components/form/Textfield/Textfield.d.ts +14 -4
- package/dist/types/components/form/Textfield/Textfield.d.ts.map +1 -1
- package/dist/types/components/form/Textfield/useTextfield.d.ts.map +1 -1
- package/dist/types/components/form/useFormField.d.ts +8 -2
- package/dist/types/components/form/useFormField.d.ts.map +1 -1
- package/dist/types/utilities/getColor.d.ts +2 -0
- package/dist/types/utilities/getColor.d.ts.map +1 -0
- package/dist/types/utilities/getSize.d.ts +1 -1
- package/dist/types/utilities/getSize.d.ts.map +1 -1
- package/dist/types/utilities/index.d.ts +2 -0
- package/dist/types/utilities/index.d.ts.map +1 -1
- package/package.json +2 -2
- package/dist/cjs/node_modules/clsx/dist/clsx.js +0 -9
- package/dist/esm/node_modules/clsx/dist/clsx.js +0 -4
- /package/dist/cjs/node_modules/{@radix-ui/react-slot/node_modules/@babel → @babel}/runtime/helpers/esm/extends.js +0 -0
- /package/dist/cjs/{packages/react/node_modules → node_modules}/@floating-ui/react-dom/dist/floating-ui.react-dom.js +0 -0
- /package/dist/cjs/{packages/react/node_modules → node_modules}/tabbable/dist/index.esm.js +0 -0
- /package/dist/esm/node_modules/{@radix-ui/react-slot/node_modules/@babel → @babel}/runtime/helpers/esm/extends.js +0 -0
- /package/dist/esm/{packages/react/node_modules → node_modules}/@floating-ui/react-dom/dist/floating-ui.react-dom.js +0 -0
- /package/dist/esm/{packages/react/node_modules → node_modules}/tabbable/dist/index.esm.js +0 -0
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import type { HTMLAttributes } from 'react';
|
|
2
|
+
type OldShadowSizes = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
|
|
3
|
+
type OldBorderRadii = 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge' | 'xxxxlarge';
|
|
2
4
|
export type BoxProps = {
|
|
3
5
|
/**
|
|
4
6
|
* Shadow size of the box
|
|
5
7
|
* @default undefined
|
|
6
8
|
*/
|
|
7
|
-
shadow?: '
|
|
9
|
+
shadow?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | OldShadowSizes;
|
|
8
10
|
/**
|
|
9
11
|
* Border color of the box
|
|
10
12
|
* @default undefined
|
|
@@ -14,7 +16,7 @@ export type BoxProps = {
|
|
|
14
16
|
* Border radius of the box
|
|
15
17
|
* @default undefined
|
|
16
18
|
*/
|
|
17
|
-
borderRadius?: '
|
|
19
|
+
borderRadius?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full' | OldBorderRadii;
|
|
18
20
|
/**
|
|
19
21
|
* Background color of the box
|
|
20
22
|
* @default 'default'
|
|
@@ -31,7 +33,7 @@ export declare const Box: import("react").ForwardRefExoticComponent<{
|
|
|
31
33
|
* Shadow size of the box
|
|
32
34
|
* @default undefined
|
|
33
35
|
*/
|
|
34
|
-
shadow?: "
|
|
36
|
+
shadow?: "xs" | "sm" | "md" | "lg" | "xl" | OldShadowSizes | undefined;
|
|
35
37
|
/**
|
|
36
38
|
* Border color of the box
|
|
37
39
|
* @default undefined
|
|
@@ -41,7 +43,7 @@ export declare const Box: import("react").ForwardRefExoticComponent<{
|
|
|
41
43
|
* Border radius of the box
|
|
42
44
|
* @default undefined
|
|
43
45
|
*/
|
|
44
|
-
borderRadius?: "
|
|
46
|
+
borderRadius?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | OldBorderRadii | "full" | undefined;
|
|
45
47
|
/**
|
|
46
48
|
* Background color of the box
|
|
47
49
|
* @default 'default'
|
|
@@ -53,4 +55,5 @@ export declare const Box: import("react").ForwardRefExoticComponent<{
|
|
|
53
55
|
*/
|
|
54
56
|
asChild?: boolean | undefined;
|
|
55
57
|
} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
58
|
+
export {};
|
|
56
59
|
//# sourceMappingURL=Box.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C,KAAK,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AACzE,KAAK,cAAc,GACf,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,SAAS,GACT,UAAU,GACV,WAAW,CAAC;AAEhB,MAAM,MAAM,QAAQ,GAAG;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,cAAc,CAAC;IAC3D;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC9C;;;OAGG;IACH,YAAY,CAAC,EACT,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,MAAM,GACN,cAAc,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAClC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,GAAG;IApCd;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAWH;;;OAGG;;IAEH;;;OAGG;;mFAsCJ,CAAC"}
|
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
import type { ButtonHTMLAttributes } from 'react';
|
|
2
2
|
type OldButtonSizes = 'small' | 'medium' | 'large';
|
|
3
|
+
type OldColors = 'first' | 'second' | 'success';
|
|
3
4
|
export type ButtonProps = {
|
|
4
5
|
/** Specify which variant to use */
|
|
5
6
|
variant?: 'primary' | 'secondary' | 'tertiary';
|
|
6
|
-
/** Specify which color palette to use
|
|
7
|
-
|
|
7
|
+
/** Specify which color palette to use
|
|
8
|
+
* @default accent
|
|
9
|
+
* @note `first`, `second`, `success` is deprecated
|
|
10
|
+
*/
|
|
11
|
+
color?: 'accent' | 'neutral' | 'danger' | OldColors;
|
|
8
12
|
/**
|
|
9
13
|
* Size
|
|
10
|
-
* @default
|
|
14
|
+
* @default md
|
|
11
15
|
* @note `small`, `medium`, `large` is deprecated
|
|
12
16
|
*/
|
|
13
17
|
size?: 'sm' | 'md' | 'lg' | OldButtonSizes;
|
|
@@ -29,11 +33,14 @@ export type ButtonProps = {
|
|
|
29
33
|
export declare const Button: import("react").ForwardRefExoticComponent<{
|
|
30
34
|
/** Specify which variant to use */
|
|
31
35
|
variant?: "primary" | "secondary" | "tertiary" | undefined;
|
|
32
|
-
/** Specify which color palette to use
|
|
33
|
-
|
|
36
|
+
/** Specify which color palette to use
|
|
37
|
+
* @default accent
|
|
38
|
+
* @note `first`, `second`, `success` is deprecated
|
|
39
|
+
*/
|
|
40
|
+
color?: "accent" | "neutral" | OldColors | "danger" | undefined;
|
|
34
41
|
/**
|
|
35
42
|
* Size
|
|
36
|
-
* @default
|
|
43
|
+
* @default md
|
|
37
44
|
* @note `small`, `medium`, `large` is deprecated
|
|
38
45
|
*/
|
|
39
46
|
size?: "sm" | "md" | "lg" | OldButtonSizes | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAMlD,KAAK,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAMlD,KAAK,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACnD,KAAK,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEhD,MAAM,MAAM,WAAW,GAAG;IACxB,mCAAmC;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IACpD;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,cAAc,CAAC;IAC3C,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C;;GAEG;AACH,eAAO,MAAM,MAAM;IA7BjB,mCAAmC;;IAEnC;;;OAGG;;IAEH;;;;OAIG;;IAEH,0DAA0D;;IAE1D;;OAEG;;IAEH;;;OAGG;;+FA6CJ,CAAC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import type { ReactNode, HTMLAttributes } from 'react';
|
|
2
|
+
type OldColors = 'first' | 'second' | 'third';
|
|
2
3
|
export type CardProps = {
|
|
3
4
|
/**
|
|
4
5
|
* Changes background & border color
|
|
5
6
|
* @default neutral
|
|
6
7
|
*/
|
|
7
|
-
color?: 'neutral' | 'subtle' | '
|
|
8
|
+
color?: 'neutral' | 'subtle' | 'brand1' | 'brand2' | 'brand3' | OldColors;
|
|
8
9
|
/**
|
|
9
10
|
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
10
11
|
* @default false
|
|
@@ -27,7 +28,7 @@ export declare const Card: import("react").ForwardRefExoticComponent<{
|
|
|
27
28
|
* Changes background & border color
|
|
28
29
|
* @default neutral
|
|
29
30
|
*/
|
|
30
|
-
color?: "
|
|
31
|
+
color?: "neutral" | "brand1" | "brand2" | "brand3" | "subtle" | OldColors | undefined;
|
|
31
32
|
/**
|
|
32
33
|
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
33
34
|
* @default false
|
|
@@ -45,4 +46,5 @@ export declare const Card: import("react").ForwardRefExoticComponent<{
|
|
|
45
46
|
*/
|
|
46
47
|
href?: undefined;
|
|
47
48
|
} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
49
|
+
export {};
|
|
48
50
|
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAOvD,KAAK,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE9C,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC1E;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oGAAoG;IACpG,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,IAAI;IAxBf;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH,oGAAoG;cAC1F,SAAS;IAEnB;;OAEG;;mFAuBJ,CAAC"}
|
|
@@ -1,18 +1,24 @@
|
|
|
1
1
|
import type { HTMLAttributes } from 'react';
|
|
2
|
+
type OldChipSizes = 'small' | 'medium' | 'large';
|
|
2
3
|
export type ChipGroupContext = {
|
|
3
|
-
size?: '
|
|
4
|
+
size?: 'sm' | 'md' | 'lg' | OldChipSizes;
|
|
4
5
|
};
|
|
5
6
|
export declare const ChipGroupContext: import("react").Context<ChipGroupContext | null>;
|
|
6
7
|
export type ChipGroupProps = {
|
|
7
8
|
/**
|
|
8
9
|
* Changes Chip size and gap between chips.
|
|
10
|
+
* @default md
|
|
11
|
+
* @note `small`, `medium`, `large` is deprecated
|
|
9
12
|
*/
|
|
10
|
-
size?: '
|
|
13
|
+
size?: ChipGroupContext['size'];
|
|
11
14
|
} & HTMLAttributes<HTMLUListElement>;
|
|
12
15
|
export declare const Group: import("react").ForwardRefExoticComponent<{
|
|
13
16
|
/**
|
|
14
17
|
* Changes Chip size and gap between chips.
|
|
18
|
+
* @default md
|
|
19
|
+
* @note `small`, `medium`, `large` is deprecated
|
|
15
20
|
*/
|
|
16
|
-
size?:
|
|
21
|
+
size?: ChipGroupContext['size'];
|
|
17
22
|
} & HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>>;
|
|
23
|
+
export {};
|
|
18
24
|
//# sourceMappingURL=Group.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Group/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Group/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C,KAAK,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,YAAY,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,gBAAgB,kDAA+C,CAAC;AAE7E,MAAM,MAAM,cAAc,GAAG;IAC3B;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;CACjC,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAErC,eAAO,MAAM,KAAK;IARhB;;;;OAIG;WACI,gBAAgB,CAAC,MAAM,CAAC;uFA2BhC,CAAC"}
|
|
@@ -1,16 +1,19 @@
|
|
|
1
1
|
import type { ButtonHTMLAttributes } from 'react';
|
|
2
|
+
import { ChipGroupContext } from '../Group/Group';
|
|
2
3
|
export type RemovableChipProps = {
|
|
3
4
|
/**
|
|
4
|
-
* Changes
|
|
5
|
-
* @default
|
|
5
|
+
* Changes Chip size and gap between chips.
|
|
6
|
+
* @default 'md'
|
|
7
|
+
* @note `small`, `medium`, `large` is deprecated
|
|
6
8
|
*/
|
|
7
|
-
size?: '
|
|
9
|
+
size?: ChipGroupContext['size'];
|
|
8
10
|
} & ButtonHTMLAttributes<HTMLButtonElement>;
|
|
9
11
|
export declare const RemovableChip: import("react").ForwardRefExoticComponent<{
|
|
10
12
|
/**
|
|
11
|
-
* Changes
|
|
12
|
-
* @default
|
|
13
|
+
* Changes Chip size and gap between chips.
|
|
14
|
+
* @default 'md'
|
|
15
|
+
* @note `small`, `medium`, `large` is deprecated
|
|
13
16
|
*/
|
|
14
|
-
size?:
|
|
17
|
+
size?: ChipGroupContext['size'];
|
|
15
18
|
} & ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
16
19
|
//# sourceMappingURL=Removable.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Removable.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Removable/Removable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Removable.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Removable/Removable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAMlD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGlD,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;CACjC,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,aAAa;IARxB;;;;OAIG;WACI,gBAAgB,CAAC,MAAM,CAAC;+FAuChC,CAAC"}
|
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
import type { ButtonHTMLAttributes } from 'react';
|
|
2
|
+
import { ChipGroupContext } from '../Group/Group';
|
|
2
3
|
export type ToggleChipProps = {
|
|
3
4
|
/**
|
|
4
5
|
* Enables check mark icon
|
|
5
6
|
*/
|
|
6
7
|
checkmark?: boolean;
|
|
7
8
|
/**
|
|
8
|
-
* Changes
|
|
9
|
-
* @default
|
|
9
|
+
* Changes Chip size and gap between chips.
|
|
10
|
+
* @default 'md'
|
|
11
|
+
* @note `small`, `medium`, `large` is deprecated
|
|
10
12
|
*/
|
|
11
|
-
size?: '
|
|
13
|
+
size?: ChipGroupContext['size'];
|
|
12
14
|
/**
|
|
13
15
|
* Toggles `aria-pressed` and visual-changes
|
|
14
16
|
* */
|
|
@@ -20,10 +22,11 @@ export declare const ToggleChip: import("react").ForwardRefExoticComponent<{
|
|
|
20
22
|
*/
|
|
21
23
|
checkmark?: boolean | undefined;
|
|
22
24
|
/**
|
|
23
|
-
* Changes
|
|
24
|
-
* @default
|
|
25
|
+
* Changes Chip size and gap between chips.
|
|
26
|
+
* @default 'md'
|
|
27
|
+
* @note `small`, `medium`, `large` is deprecated
|
|
25
28
|
*/
|
|
26
|
-
size?:
|
|
29
|
+
size?: ChipGroupContext['size'];
|
|
27
30
|
/**
|
|
28
31
|
* Toggles `aria-pressed` and visual-changes
|
|
29
32
|
* */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAMlD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGlD,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAChC;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,UAAU;IAhBrB;;OAEG;;IAEH;;;;OAIG;WACI,gBAAgB,CAAC,MAAM,CAAC;IAC/B;;SAEK;;+FAmDN,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type * as React from 'react';
|
|
2
2
|
import type { Placement } from '@floating-ui/react';
|
|
3
3
|
import type { PortalProps } from '../../types/Portal';
|
|
4
|
+
type OldDropdownMenuSizes = 'small' | 'medium' | 'large';
|
|
4
5
|
export type DropdownMenuProps = {
|
|
5
6
|
/** Whether the dropdown is open or not.
|
|
6
7
|
* @default false
|
|
@@ -12,14 +13,16 @@ export type DropdownMenuProps = {
|
|
|
12
13
|
* @default bottom-end
|
|
13
14
|
*/
|
|
14
15
|
placement?: Placement;
|
|
15
|
-
/**
|
|
16
|
-
*
|
|
16
|
+
/**
|
|
17
|
+
* The size of the dropdown
|
|
18
|
+
* @default md
|
|
19
|
+
* @note `small`, `medium`, `large` is deprecated
|
|
17
20
|
**/
|
|
18
|
-
size?: '
|
|
21
|
+
size?: 'sm' | 'md' | 'lg' | OldDropdownMenuSizes;
|
|
19
22
|
children: React.ReactNode;
|
|
20
23
|
} & PortalProps;
|
|
21
24
|
export declare const DropdownMenu: {
|
|
22
|
-
({ open, onClose, placement,
|
|
25
|
+
({ open, onClose, placement, portal, children, ...rest }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
|
|
23
26
|
displayName: string;
|
|
24
27
|
};
|
|
25
28
|
type DropdownMenuContextType = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,KAAK,oBAAoB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzD,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;QAII;IACJ,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,oBAAoB,CAAC;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,WAAW,CAAC;AAEhB,eAAO,MAAM,YAAY;8DAOtB,iBAAiB;;CA+BnB,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACrC,IAAI,EAAE,WAAW,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7C,MAAM,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC3C,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,mBAAmB,wCAM9B,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { Button } from '../Button';
|
|
|
3
3
|
export type DropdownMenuTriggerProps = React.ComponentPropsWithRef<typeof Button>;
|
|
4
4
|
export declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<Omit<{
|
|
5
5
|
variant?: "primary" | "secondary" | "tertiary" | undefined;
|
|
6
|
-
color?: "first" | "second" | "success" | "danger" | undefined;
|
|
6
|
+
color?: "accent" | "neutral" | ("first" | "second" | "success") | "danger" | undefined;
|
|
7
7
|
size?: "sm" | "md" | "lg" | ("small" | "medium" | "large") | undefined;
|
|
8
8
|
fullWidth?: boolean | undefined;
|
|
9
9
|
icon?: boolean | undefined;
|
|
@@ -8,8 +8,9 @@ export type HelpTextProps = {
|
|
|
8
8
|
**/
|
|
9
9
|
title: string;
|
|
10
10
|
/**
|
|
11
|
-
* Size of the
|
|
12
|
-
* @default
|
|
11
|
+
* Size of the helptext
|
|
12
|
+
* @default md
|
|
13
|
+
* @note `small`, `medium`, `large` is deprecated
|
|
13
14
|
*/
|
|
14
15
|
size?: PopoverProps['size'];
|
|
15
16
|
/**
|
|
@@ -19,7 +20,7 @@ export type HelpTextProps = {
|
|
|
19
20
|
placement?: Placement;
|
|
20
21
|
} & PortalProps & ButtonHTMLAttributes<HTMLButtonElement>;
|
|
21
22
|
declare const HelpText: {
|
|
22
|
-
({ title, placement,
|
|
23
|
+
({ title, placement, portal, className, children, ...rest }: HelpTextProps): import("react/jsx-runtime").JSX.Element;
|
|
23
24
|
displayName: string;
|
|
24
25
|
};
|
|
25
26
|
export { HelpText };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HelpText.d.ts","sourceRoot":"","sources":["../../../../src/components/HelpText/HelpText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"HelpText.d.ts","sourceRoot":"","sources":["../../../../src/components/HelpText/HelpText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAKtD,MAAM,MAAM,aAAa,GAAG;IAC1B;;QAEI;IACJ,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,GAAG,WAAW,GACb,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE1C,QAAA,MAAM,QAAQ;iEAOX,aAAa;;CAoDf,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -4,7 +4,10 @@ export type LinkProps = {
|
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
/** Custom class name for the link. This will be appended to the design system class names. */
|
|
6
6
|
className?: string;
|
|
7
|
-
/**
|
|
7
|
+
/**
|
|
8
|
+
* Inverts the color of the link. Use this on dark backgrounds.
|
|
9
|
+
* @deprecated Use `data-ds-theme="dark"` instead.
|
|
10
|
+
*/
|
|
8
11
|
inverted?: boolean;
|
|
9
12
|
/** The URL that the link points to. This can also be an email address (starting with `mailto:`) or a phone number (staring with `tel:`). */
|
|
10
13
|
href?: string;
|
|
@@ -19,7 +22,10 @@ export declare const Link: import("react").ForwardRefExoticComponent<{
|
|
|
19
22
|
children: ReactNode;
|
|
20
23
|
/** Custom class name for the link. This will be appended to the design system class names. */
|
|
21
24
|
className?: string | undefined;
|
|
22
|
-
/**
|
|
25
|
+
/**
|
|
26
|
+
* Inverts the color of the link. Use this on dark backgrounds.
|
|
27
|
+
* @deprecated Use `data-ds-theme="dark"` instead.
|
|
28
|
+
*/
|
|
23
29
|
inverted?: boolean | undefined;
|
|
24
30
|
/** The URL that the link points to. This can also be an email address (starting with `mailto:`) or a phone number (staring with `tel:`). */
|
|
25
31
|
href?: string | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK7D,MAAM,MAAM,SAAS,GAAG;IACtB,8CAA8C;IAC9C,QAAQ,EAAE,SAAS,CAAC;IAEpB,8FAA8F;IAC9F,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB
|
|
1
|
+
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK7D,MAAM,MAAM,SAAS,GAAG;IACtB,8CAA8C;IAC9C,QAAQ,EAAE,SAAS,CAAC;IAEpB,8FAA8F;IAC9F,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,4IAA4I;IAC5I,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,IAAI;IArBf,8CAA8C;cACpC,SAAS;IAEnB,8FAA8F;;IAG9F;;;OAGG;;IAGH,4IAA4I;;IAE5I;;;OAGG;;+FAmBJ,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { type HeadingProps } from '../Typography';
|
|
|
2
2
|
export type ListHeadingProps = HeadingProps;
|
|
3
3
|
export declare const ListHeading: import("react").ForwardRefExoticComponent<{
|
|
4
4
|
level?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
|
|
5
|
-
size?: "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" |
|
|
5
|
+
size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | ("xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge") | undefined;
|
|
6
6
|
spacing?: boolean | undefined;
|
|
7
7
|
asChild?: boolean | undefined;
|
|
8
8
|
} & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
@@ -1,15 +1,19 @@
|
|
|
1
1
|
import type { HTMLAttributes } from 'react';
|
|
2
|
-
type ListContextType = {
|
|
3
|
-
size:
|
|
2
|
+
export type ListContextType = {
|
|
3
|
+
size: 'sm' | 'md' | 'lg';
|
|
4
4
|
headingId?: string;
|
|
5
5
|
setHeadingId: (id: string) => void;
|
|
6
6
|
};
|
|
7
|
+
export type OldListSizes = 'small' | 'medium' | 'large';
|
|
7
8
|
export declare const ListContext: import("react").Context<ListContextType>;
|
|
8
9
|
export type ListProps = {
|
|
9
|
-
/**
|
|
10
|
-
*
|
|
10
|
+
/**
|
|
11
|
+
* Changes text sizing
|
|
12
|
+
* @default md
|
|
13
|
+
*
|
|
14
|
+
* @note `small`, `medium` and `large` are deprecated
|
|
11
15
|
*/
|
|
12
|
-
size?: '
|
|
16
|
+
size?: ListContextType['size'] | OldListSizes;
|
|
13
17
|
/**
|
|
14
18
|
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
15
19
|
* @default false
|
|
@@ -17,15 +21,17 @@ export type ListProps = {
|
|
|
17
21
|
asChild?: boolean;
|
|
18
22
|
} & HTMLAttributes<HTMLDivElement>;
|
|
19
23
|
export declare const ListRoot: import("react").ForwardRefExoticComponent<{
|
|
20
|
-
/**
|
|
21
|
-
*
|
|
24
|
+
/**
|
|
25
|
+
* Changes text sizing
|
|
26
|
+
* @default md
|
|
27
|
+
*
|
|
28
|
+
* @note `small`, `medium` and `large` are deprecated
|
|
22
29
|
*/
|
|
23
|
-
size?: "
|
|
30
|
+
size?: "sm" | "md" | "lg" | OldListSizes | undefined;
|
|
24
31
|
/**
|
|
25
32
|
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
26
33
|
* @default false
|
|
27
34
|
*/
|
|
28
35
|
asChild?: boolean | undefined;
|
|
29
36
|
} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
30
|
-
export {};
|
|
31
37
|
//# sourceMappingURL=ListRoot.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ListRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,eAAO,MAAM,WAAW,0CAItB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG;IACtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,GAAG,YAAY,CAAC;IAC9C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ;IAdnB;;;;;OAKG;;IAEH;;;OAGG;;mFAmBJ,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { Button } from '../Button';
|
|
|
3
3
|
export type ModalTriggerProps = React.ComponentPropsWithRef<typeof Button>;
|
|
4
4
|
export declare const ModalTrigger: React.ForwardRefExoticComponent<Omit<{
|
|
5
5
|
variant?: "primary" | "secondary" | "tertiary" | undefined;
|
|
6
|
-
color?: "first" | "second" | "success" | "danger" | undefined;
|
|
6
|
+
color?: "accent" | "neutral" | ("first" | "second" | "success") | "danger" | undefined;
|
|
7
7
|
size?: "sm" | "md" | "lg" | ("small" | "medium" | "large") | undefined;
|
|
8
8
|
fullWidth?: boolean | undefined;
|
|
9
9
|
icon?: boolean | undefined;
|
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
import type * as React from 'react';
|
|
2
|
+
type OldPaginationSizes = 'small' | 'medium' | 'large';
|
|
2
3
|
export type PaginationProps = {
|
|
3
4
|
/** Sets the text label for the next page button */
|
|
4
5
|
nextLabel: string;
|
|
5
6
|
/** Sets the text label for the previous page button */
|
|
6
7
|
previousLabel: string;
|
|
7
|
-
/** Sets the size of the component
|
|
8
|
-
|
|
8
|
+
/** Sets the size of the component
|
|
9
|
+
* @default md
|
|
10
|
+
* @note `small`, `medium`, `large` is deprecated
|
|
11
|
+
*/
|
|
12
|
+
size?: 'sm' | 'md' | 'lg' | OldPaginationSizes;
|
|
9
13
|
/** Sets how compact the component will be. If true, only 5 steps will show. */
|
|
10
14
|
compact?: boolean;
|
|
11
15
|
/** Hides the component's previous and next button labels */
|
|
@@ -26,8 +30,11 @@ export declare const Pagination: React.ForwardRefExoticComponent<{
|
|
|
26
30
|
nextLabel: string;
|
|
27
31
|
/** Sets the text label for the previous page button */
|
|
28
32
|
previousLabel: string;
|
|
29
|
-
/** Sets the size of the component
|
|
30
|
-
|
|
33
|
+
/** Sets the size of the component
|
|
34
|
+
* @default md
|
|
35
|
+
* @note `small`, `medium`, `large` is deprecated
|
|
36
|
+
*/
|
|
37
|
+
size?: "sm" | "md" | "lg" | OldPaginationSizes | undefined;
|
|
31
38
|
/** Sets how compact the component will be. If true, only 5 steps will show. */
|
|
32
39
|
compact?: boolean | undefined;
|
|
33
40
|
/** Hides the component's previous and next button labels */
|
|
@@ -43,4 +50,5 @@ export declare const Pagination: React.ForwardRefExoticComponent<{
|
|
|
43
50
|
/** `aria-label` for pagination item */
|
|
44
51
|
itemLabel?: ((currentPage: number) => string) | undefined;
|
|
45
52
|
} & Omit<React.HTMLAttributes<HTMLElement>, "onChange"> & React.RefAttributes<HTMLElement>>;
|
|
53
|
+
export {};
|
|
46
54
|
//# sourceMappingURL=Pagination.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAcpC,KAAK,kBAAkB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEvD,MAAM,MAAM,eAAe,GAAG;IAC5B,mDAAmD;IACnD,SAAS,EAAE,MAAM,CAAC;IAClB,uDAAuD;IACvD,aAAa,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,kBAAkB,CAAC;IAC/C,+EAA+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB,4BAA4B;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,uCAAuC;IACvC,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;CAC7C,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,CAAC;AAQxD,eAAO,MAAM,UAAU;IA/BrB,mDAAmD;eACxC,MAAM;IACjB,uDAAuD;mBACxC,MAAM;IACrB;;;OAGG;;IAEH,+EAA+E;;IAE/E,4DAA4D;;IAE5D;;OAEG;iBACU,MAAM;IACnB,4BAA4B;gBAChB,MAAM;IAClB,4DAA4D;4BACpC,MAAM,KAAK,IAAI;IACvC,uCAAuC;+BACb,MAAM,KAAK,MAAM;2FA6F5C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAK7C,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAEvC,eAAO,MAAM,gBAAgB;IAP3B;;;OAGG;;
|
|
1
|
+
{"version":3,"file":"PaginationButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAK7C,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAEvC,eAAO,MAAM,gBAAgB;IAP3B;;;OAGG;;0FAmBH,CAAC"}
|
|
@@ -2,9 +2,9 @@ import type { PaginationButtonProps } from './PaginationButton';
|
|
|
2
2
|
export type PaginationNextProps = PaginationButtonProps;
|
|
3
3
|
export declare const PaginationNext: import("react").ForwardRefExoticComponent<{
|
|
4
4
|
isActive?: boolean | undefined;
|
|
5
|
-
} & Omit<import("
|
|
5
|
+
} & Omit<import("packages/react/src").ButtonProps, "icon" | "size"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
6
6
|
export type PaginationPreviousProps = PaginationButtonProps;
|
|
7
7
|
export declare const PaginationPrevious: import("react").ForwardRefExoticComponent<{
|
|
8
8
|
isActive?: boolean | undefined;
|
|
9
|
-
} & Omit<import("
|
|
9
|
+
} & Omit<import("packages/react/src").ButtonProps, "icon" | "size"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
10
10
|
//# sourceMappingURL=PaginationNextPrev.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationNextPrev.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationNextPrev.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAGhE,MAAM,MAAM,mBAAmB,GAAG,qBAAqB,CAAC;AAExD,eAAO,MAAM,cAAc;;
|
|
1
|
+
{"version":3,"file":"PaginationNextPrev.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationNextPrev.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAGhE,MAAM,MAAM,mBAAmB,GAAG,qBAAqB,CAAC;AAExD,eAAO,MAAM,cAAc;;uHAWzB,CAAC;AAEH,MAAM,MAAM,uBAAuB,GAAG,qBAAqB,CAAC;AAE5D,eAAO,MAAM,kBAAkB;;uHAW7B,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { type HTMLAttributes } from 'react';
|
|
2
|
+
import type { PaginationProps } from './Pagination';
|
|
2
3
|
type PaginationContextProps = {
|
|
3
4
|
size: NonNullable<PaginationRootProps['size']>;
|
|
4
5
|
compact: boolean;
|
|
@@ -7,9 +8,10 @@ export declare const PaginationContext: import("react").Context<PaginationContex
|
|
|
7
8
|
export type PaginationRootProps = {
|
|
8
9
|
/**
|
|
9
10
|
* Sets the size of the component
|
|
10
|
-
* @default
|
|
11
|
+
* @default md
|
|
12
|
+
* @note `small`, `medium`, `large` is deprecated
|
|
11
13
|
*/
|
|
12
|
-
size?: '
|
|
14
|
+
size?: PaginationProps['size'];
|
|
13
15
|
/**
|
|
14
16
|
* Sets how compact the component will be. If true, only 5 steps will show.
|
|
15
17
|
* @default false
|
|
@@ -24,9 +26,10 @@ export type PaginationRootProps = {
|
|
|
24
26
|
export declare const PaginationRoot: import("react").ForwardRefExoticComponent<{
|
|
25
27
|
/**
|
|
26
28
|
* Sets the size of the component
|
|
27
|
-
* @default
|
|
29
|
+
* @default md
|
|
30
|
+
* @note `small`, `medium`, `large` is deprecated
|
|
28
31
|
*/
|
|
29
|
-
size?:
|
|
32
|
+
size?: PaginationProps['size'];
|
|
30
33
|
/**
|
|
31
34
|
* Sets how compact the component will be. If true, only 5 steps will show.
|
|
32
35
|
* @default false
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationRoot.tsx"],"names":[],"mappings":"AACA,OAAO,EAA6B,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PaginationRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationRoot.tsx"],"names":[],"mappings":"AACA,OAAO,EAA6B,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,KAAK,sBAAsB,GAAG;IAC5B,IAAI,EAAE,WAAW,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC;IAC/C,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,iBAAiB,iDAG5B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;;OAIG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC/B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC,eAAO,MAAM,cAAc;IAlBzB;;;;OAIG;WACI,eAAe,CAAC,MAAM,CAAC;IAC9B;;;OAGG;;IAEH;;;OAGG;;6EAqBJ,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { Placement } from '@floating-ui/react';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import type { PortalProps } from '../../types/Portal';
|
|
4
|
+
type OldPopoverSizes = 'small' | 'medium' | 'large';
|
|
4
5
|
export type PopoverProps = {
|
|
5
6
|
/**
|
|
6
7
|
* Placement of the tooltip on the trigger.
|
|
@@ -17,10 +18,12 @@ export type PopoverProps = {
|
|
|
17
18
|
* @default undefined
|
|
18
19
|
*/
|
|
19
20
|
open?: boolean;
|
|
20
|
-
/**
|
|
21
|
-
*
|
|
21
|
+
/**
|
|
22
|
+
* Size of the popover
|
|
23
|
+
* @default md
|
|
24
|
+
* @note `small`, `medium`, `large` is deprecated
|
|
22
25
|
*/
|
|
23
|
-
size?: '
|
|
26
|
+
size?: 'sm' | 'md' | 'lg' | OldPopoverSizes;
|
|
24
27
|
/** Callback function when popover changes open state */
|
|
25
28
|
onOpenChange?: (open: boolean) => void;
|
|
26
29
|
/**
|
|
@@ -30,7 +33,7 @@ export type PopoverProps = {
|
|
|
30
33
|
children: React.ReactNode;
|
|
31
34
|
} & PortalProps;
|
|
32
35
|
export declare const Popover: {
|
|
33
|
-
({ children, placement, open, variant,
|
|
36
|
+
({ children, placement, open, variant, portal, onOpenChange, onClose, ...rest }: PopoverProps): import("react/jsx-runtime").JSX.Element;
|
|
34
37
|
displayName: string;
|
|
35
38
|
};
|
|
36
39
|
export declare const PopoverContext: React.Context<{
|
|
@@ -50,4 +53,5 @@ export declare const PopoverContext: React.Context<{
|
|
|
50
53
|
setTriggerId?: ((id: string) => void) | undefined;
|
|
51
54
|
setInternalOpen: (open: boolean) => void;
|
|
52
55
|
}>;
|
|
56
|
+
export {};
|
|
53
57
|
//# sourceMappingURL=Popover.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,KAAK,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IACpD;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,eAAe,CAAC;IAC5C,wDAAwD;IACxD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,WAAW,CAAC;AAEhB,eAAO,MAAM,OAAO;qFASjB,YAAY;;CA2Cd,CAAC;AAEF,eAAO,MAAM,cAAc;gBACb,MAAM,SAAS,CAAC,OAAO,CAAC;cAC1B,OAAO,GAAG,IAAI;;;;;kBAKV,OAAO;UACf,YAAY,YAAY,CAAC,MAAM,CAAC,CAAC;aAC9B,YAAY,YAAY,CAAC,SAAS,CAAC,CAAC;eAClC,SAAS;mBACL,YAAY,CAAC,cAAc,CAAC;cACjC,YAAY,CAAC,SAAS,CAAC;yBACb,MAAM,KAAK,IAAI;yBACf,MAAM,KAAK,IAAI;4BACX,OAAO,KAAK,IAAI;EASxC,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { Button } from '../Button';
|
|
|
3
3
|
export type PopoverTriggerProps = React.ComponentPropsWithRef<typeof Button>;
|
|
4
4
|
export declare const PopoverTrigger: React.ForwardRefExoticComponent<Omit<{
|
|
5
5
|
variant?: "primary" | "secondary" | "tertiary" | undefined;
|
|
6
|
-
color?: "first" | "second" | "success" | "danger" | undefined;
|
|
6
|
+
color?: "accent" | "neutral" | ("first" | "second" | "success") | "danger" | undefined;
|
|
7
7
|
size?: "sm" | "md" | "lg" | ("small" | "medium" | "large") | undefined;
|
|
8
8
|
fullWidth?: boolean | undefined;
|
|
9
9
|
icon?: boolean | undefined;
|