@recursica/mantine-adapter 0.9.4 → 0.11.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/.storybook/commonArgTypes.ts +148 -0
- package/CHANGELOG.md +94 -0
- package/README.md +48 -332
- package/dist/index.d.ts +2 -8
- package/dist/mantine-adapter.cjs +2 -0
- package/dist/mantine-adapter.cjs.map +1 -0
- package/dist/mantine-adapter.css +1 -0
- package/dist/mantine-adapter.js +1963 -0
- package/dist/mantine-adapter.js.map +1 -0
- package/dist/src/components/Accordion/Accordion.d.ts +42 -0
- package/dist/src/components/Accordion/index.d.ts +1 -0
- package/dist/src/components/AssistiveElement/AssistiveElement.d.ts +10 -0
- package/dist/src/components/Avatar/Avatar.d.ts +9 -0
- package/dist/src/components/Avatar/index.d.ts +1 -0
- package/dist/src/components/Badge/Badge.d.ts +8 -0
- package/dist/src/components/Breadcrumb/Breadcrumb.d.ts +6 -0
- package/dist/src/components/Button/Button.d.ts +10 -0
- package/dist/src/components/Button/index.d.ts +1 -0
- package/dist/src/components/Card/Card.d.ts +38 -0
- package/dist/src/components/Checkbox/Checkbox.d.ts +13 -0
- package/dist/src/components/Checkbox/CheckboxGroup.d.ts +9 -0
- package/dist/src/components/Chip/Chip.d.ts +15 -0
- package/dist/src/components/Container/Container.d.ts +18 -0
- package/dist/src/components/DatePicker/DatePicker.d.ts +3 -0
- package/dist/src/components/Dropdown/Dropdown.d.ts +11 -0
- package/dist/src/components/FileInput/FileInput.d.ts +3 -0
- package/dist/src/components/FileUpload/FileUpload.d.ts +3 -0
- package/dist/src/components/Flex/Flex.d.ts +17 -0
- package/dist/src/components/FormControlLayout/FormControlLayout.d.ts +21 -0
- package/dist/src/components/FormControlWrapper/FormControlWrapper.d.ts +20 -0
- package/dist/src/components/Group/Group.d.ts +17 -0
- package/dist/src/components/HoverCard/HoverCard.d.ts +3 -0
- package/dist/src/components/Label/Label.d.ts +19 -0
- package/dist/src/components/Label/index.d.ts +1 -0
- package/dist/src/components/Link/Link.d.ts +3 -0
- package/dist/src/components/Loader/Loader.d.ts +10 -0
- package/dist/src/components/Menu/Menu.d.ts +3 -0
- package/dist/src/components/Modal/Modal.d.ts +3 -0
- package/dist/src/components/NumberInput/NumberInput.d.ts +3 -0
- package/dist/src/components/Pagination/Pagination.d.ts +3 -0
- package/dist/src/components/Panel/Panel.d.ts +3 -0
- package/dist/src/components/Popover/Popover.d.ts +3 -0
- package/dist/src/components/Radio/Radio.d.ts +13 -0
- package/dist/src/components/Radio/RadioGroup.d.ts +9 -0
- package/dist/src/components/ReadOnlyField/ReadOnlyBooleanField.d.ts +5 -0
- package/dist/src/components/ReadOnlyField/ReadOnlyField.d.ts +20 -0
- package/dist/src/components/ReadOnlyField/ReadOnlySwitchField.d.ts +5 -0
- package/dist/src/components/ReadOnlyField/ReadOnlyTextField.d.ts +8 -0
- package/dist/src/components/ReadOnlyField/WithReadOnlyWrapper.d.ts +28 -0
- package/dist/src/components/ReadOnlyField/index.d.ts +5 -0
- package/dist/src/components/Search/Search.d.ts +3 -0
- package/dist/src/components/SegmentedControl/SegmentedControl.d.ts +3 -0
- package/dist/src/components/Slider/Slider.d.ts +3 -0
- package/dist/src/components/Stack/Stack.d.ts +15 -0
- package/dist/src/components/Stepper/Stepper.d.ts +3 -0
- package/dist/src/components/Switch/Switch.d.ts +13 -0
- package/dist/src/components/Switch/SwitchGroup.d.ts +9 -0
- package/dist/src/components/Table/Table.d.ts +3 -0
- package/dist/src/components/Tabs/Tabs.d.ts +3 -0
- package/dist/src/components/Text/Text.d.ts +17 -0
- package/dist/src/components/TextArea/TextArea.d.ts +15 -0
- package/dist/src/components/TextField/TextField.d.ts +9 -0
- package/dist/src/components/TimePicker/TimePicker.d.ts +3 -0
- package/dist/src/components/Timeline/Timeline.d.ts +3 -0
- package/dist/src/components/Title/Title.d.ts +13 -0
- package/dist/src/components/Toast/Toast.d.ts +3 -0
- package/dist/src/components/Tooltip/Tooltip.d.ts +3 -0
- package/dist/src/components/TransferList/TransferList.d.ts +3 -0
- package/dist/src/components/index.d.ts +48 -0
- package/dist/src/index.d.ts +2 -0
- package/dist/src/types/index.d.ts +6 -0
- package/dist/src/utils/ColorSchemeWrapper.d.ts +3 -0
- package/dist/src/utils/RequireAccessibleLabel.d.ts +18 -0
- package/dist/src/utils/copyToClipboard.d.ts +8 -0
- package/dist/src/utils/filterStylingProps.d.ts +36 -0
- package/dist/src/utils/index.d.ts +1 -0
- package/dist/vite.config.d.ts +2 -0
- package/dist/vite.svg +1 -0
- package/dist/vitest.workspace.d.ts +2 -0
- package/package.json +74 -35
- package/src/OverStyling.stories.tsx +174 -0
- package/src/Version.stories.tsx +56 -0
- package/src/components/Accordion/ACCORDION_IMPLEMENTATION_NOTES.md +48 -0
- package/src/components/Accordion/Accordion.module.css +282 -0
- package/src/components/Accordion/Accordion.stories.tsx +145 -0
- package/src/components/Accordion/Accordion.tsx +200 -0
- package/src/components/Accordion/index.ts +1 -0
- package/src/components/AssistiveElement/AssistiveElement.module.css +111 -0
- package/src/components/AssistiveElement/AssistiveElement.stories.tsx +75 -0
- package/src/components/AssistiveElement/AssistiveElement.tsx +91 -0
- package/src/components/Avatar/AVATAR_IMPLEMENTATION_NOTES.md +24 -0
- package/src/components/Avatar/Avatar.module.css +340 -0
- package/src/components/Avatar/Avatar.stories.tsx +107 -0
- package/src/components/Avatar/Avatar.tsx +100 -0
- package/src/components/Avatar/index.ts +1 -0
- package/src/components/Badge/BADGE_IMPLEMENTATION_NOTES.md +18 -0
- package/src/components/Badge/Badge.module.css +124 -0
- package/src/components/Badge/Badge.stories.tsx +78 -0
- package/src/components/Badge/Badge.tsx +66 -0
- package/src/components/Breadcrumb/BREADCRUMB_IMPLEMENTATION_NOTES.md +14 -0
- package/src/components/Breadcrumb/Breadcrumb.module.css +26 -0
- package/src/components/Breadcrumb/Breadcrumb.stories.tsx +77 -0
- package/src/components/Breadcrumb/Breadcrumb.tsx +64 -0
- package/src/components/Button/Button.module.css +275 -0
- package/src/components/Button/Button.stories.tsx +103 -0
- package/src/components/Button/Button.tsx +122 -0
- package/src/components/Button/IMPLEMENTATION_NOTES.md +45 -0
- package/src/components/Button/index.ts +1 -0
- package/src/components/Card/CARD_IMPLEMENTATION_NOTES.md +10 -0
- package/src/components/Card/Card.module.css +60 -0
- package/src/components/Card/Card.stories.tsx +141 -0
- package/src/components/Card/Card.tsx +176 -0
- package/src/components/Checkbox/CHECKBOX_IMPLEMENTATION_NOTES.md +25 -0
- package/src/components/Checkbox/Checkbox.module.css +204 -0
- package/src/components/Checkbox/Checkbox.stories.tsx +94 -0
- package/src/components/Checkbox/Checkbox.tsx +159 -0
- package/src/components/Checkbox/CheckboxGroup.stories.tsx +139 -0
- package/src/components/Checkbox/CheckboxGroup.tsx +120 -0
- package/src/components/Chip/CHIP_IMPLEMENTATION_NOTES.md +35 -0
- package/src/components/Chip/Chip.module.css +218 -0
- package/src/components/Chip/Chip.stories.tsx +115 -0
- package/src/components/Chip/Chip.tsx +143 -0
- package/src/components/Container/CONTAINER_IMPLEMENTATION_NOTES.md +4 -0
- package/src/components/Container/Container.module.css +7 -0
- package/src/components/Container/Container.stories.tsx +118 -0
- package/src/components/Container/Container.tsx +89 -0
- package/src/components/DatePicker/DatePicker.stories.tsx +18 -0
- package/src/components/DatePicker/DatePicker.tsx +7 -0
- package/src/components/Dropdown/DROPDOWN_IMPLEMENTATION_NOTES.md +7 -0
- package/src/components/Dropdown/Dropdown.module.css +272 -0
- package/src/components/Dropdown/Dropdown.stories.tsx +91 -0
- package/src/components/Dropdown/Dropdown.tsx +174 -0
- package/src/components/FileInput/FileInput.stories.tsx +18 -0
- package/src/components/FileInput/FileInput.tsx +7 -0
- package/src/components/FileUpload/FileUpload.stories.tsx +18 -0
- package/src/components/FileUpload/FileUpload.tsx +7 -0
- package/src/components/Flex/FLEX_IMPLEMENTATION_NOTES.md +4 -0
- package/src/components/Flex/Flex.module.css +7 -0
- package/src/components/Flex/Flex.stories.tsx +128 -0
- package/src/components/Flex/Flex.tsx +68 -0
- package/src/components/FormControlLayout/FormControlLayout.module.css +80 -0
- package/src/components/FormControlLayout/FormControlLayout.stories.tsx +82 -0
- package/src/components/FormControlLayout/FormControlLayout.tsx +78 -0
- package/src/components/FormControlWrapper/FORMCONTROLWRAPPER_IMPLEMENTATION_NOTES.md +32 -0
- package/src/components/FormControlWrapper/FormControlWrapper.module.css +8 -0
- package/src/components/FormControlWrapper/FormControlWrapper.stories.tsx +129 -0
- package/src/components/FormControlWrapper/FormControlWrapper.tsx +157 -0
- package/src/components/Group/GROUP_IMPLEMENTATION_NOTES.md +4 -0
- package/src/components/Group/Group.module.css +7 -0
- package/src/components/Group/Group.stories.tsx +120 -0
- package/src/components/Group/Group.tsx +68 -0
- package/src/components/HoverCard/HoverCard.stories.tsx +17 -0
- package/src/components/HoverCard/HoverCard.tsx +7 -0
- package/src/components/Label/LABEL_IMPLEMENTATION_NOTES.md +48 -0
- package/src/components/Label/Label.module.css +140 -0
- package/src/components/Label/Label.stories.tsx +122 -0
- package/src/components/Label/Label.tsx +127 -0
- package/src/components/Label/index.ts +1 -0
- package/src/components/Link/Link.stories.tsx +17 -0
- package/src/components/Link/Link.tsx +7 -0
- package/src/components/Loader/Loader.module.css +60 -0
- package/src/components/Loader/Loader.stories.tsx +103 -0
- package/src/components/Loader/Loader.tsx +76 -0
- package/src/components/Menu/Menu.stories.tsx +17 -0
- package/src/components/Menu/Menu.tsx +7 -0
- package/src/components/Modal/Modal.stories.tsx +17 -0
- package/src/components/Modal/Modal.tsx +7 -0
- package/src/components/NumberInput/NumberInput.stories.tsx +18 -0
- package/src/components/NumberInput/NumberInput.tsx +7 -0
- package/src/components/Pagination/Pagination.stories.tsx +17 -0
- package/src/components/Pagination/Pagination.tsx +7 -0
- package/src/components/Panel/Panel.stories.tsx +17 -0
- package/src/components/Panel/Panel.tsx +7 -0
- package/src/components/Popover/Popover.stories.tsx +17 -0
- package/src/components/Popover/Popover.tsx +7 -0
- package/src/components/Radio/Radio.module.css +207 -0
- package/src/components/Radio/Radio.stories.tsx +90 -0
- package/src/components/Radio/Radio.tsx +174 -0
- package/src/components/Radio/RadioGroup.stories.tsx +117 -0
- package/src/components/Radio/RadioGroup.tsx +118 -0
- package/src/components/ReadOnlyField/READ_ONLY_FIELD_IMPLEMENTATION_NOTES.md +15 -0
- package/src/components/ReadOnlyField/ReadOnlyBooleanField.tsx +21 -0
- package/src/components/ReadOnlyField/ReadOnlyField.module.css +49 -0
- package/src/components/ReadOnlyField/ReadOnlyField.stories.tsx +163 -0
- package/src/components/ReadOnlyField/ReadOnlyField.tsx +102 -0
- package/src/components/ReadOnlyField/ReadOnlySwitchField.tsx +21 -0
- package/src/components/ReadOnlyField/ReadOnlyTextField.tsx +48 -0
- package/src/components/ReadOnlyField/WithReadOnlyWrapper.tsx +93 -0
- package/src/components/ReadOnlyField/index.ts +5 -0
- package/src/components/Search/Search.stories.tsx +17 -0
- package/src/components/Search/Search.tsx +7 -0
- package/src/components/SegmentedControl/SegmentedControl.stories.tsx +18 -0
- package/src/components/SegmentedControl/SegmentedControl.tsx +7 -0
- package/src/components/Slider/Slider.stories.tsx +18 -0
- package/src/components/Slider/Slider.tsx +7 -0
- package/src/components/Stack/STACK_IMPLEMENTATION_NOTES.md +4 -0
- package/src/components/Stack/Stack.module.css +7 -0
- package/src/components/Stack/Stack.stories.tsx +108 -0
- package/src/components/Stack/Stack.tsx +66 -0
- package/src/components/Stepper/Stepper.stories.tsx +17 -0
- package/src/components/Stepper/Stepper.tsx +7 -0
- package/src/components/Switch/SWITCH_IMPLEMENTATION_NOTES.md +28 -0
- package/src/components/Switch/Switch.module.css +199 -0
- package/src/components/Switch/Switch.stories.tsx +111 -0
- package/src/components/Switch/Switch.tsx +168 -0
- package/src/components/Switch/SwitchGroup.stories.tsx +132 -0
- package/src/components/Switch/SwitchGroup.tsx +118 -0
- package/src/components/Table/Table.stories.tsx +17 -0
- package/src/components/Table/Table.tsx +7 -0
- package/src/components/Tabs/Tabs.stories.tsx +17 -0
- package/src/components/Tabs/Tabs.tsx +7 -0
- package/src/components/Text/Text.stories.tsx +88 -0
- package/src/components/Text/Text.tsx +54 -0
- package/src/components/TextArea/TEXTAREA_IMPLEMENTATION_NOTES.md +7 -0
- package/src/components/TextArea/TextArea.module.css +225 -0
- package/src/components/TextArea/TextArea.stories.tsx +91 -0
- package/src/components/TextArea/TextArea.tsx +152 -0
- package/src/components/TextField/TEXTFIELD_IMPLEMENTATION_NOTES.md +19 -0
- package/src/components/TextField/TextField.module.css +225 -0
- package/src/components/TextField/TextField.stories.tsx +162 -0
- package/src/components/TextField/TextField.tsx +139 -0
- package/src/components/TimePicker/TimePicker.stories.tsx +18 -0
- package/src/components/TimePicker/TimePicker.tsx +7 -0
- package/src/components/Timeline/Timeline.stories.tsx +17 -0
- package/src/components/Timeline/Timeline.tsx +7 -0
- package/src/components/Title/Title.stories.tsx +63 -0
- package/src/components/Title/Title.tsx +45 -0
- package/src/components/Toast/Toast.stories.tsx +17 -0
- package/src/components/Toast/Toast.tsx +7 -0
- package/src/components/Tooltip/Tooltip.stories.tsx +17 -0
- package/src/components/Tooltip/Tooltip.tsx +7 -0
- package/src/components/TransferList/TransferList.stories.tsx +17 -0
- package/src/components/TransferList/TransferList.tsx +7 -0
- package/src/components/index.ts +48 -0
- package/src/env.d.ts +7 -0
- package/src/index.ts +3 -0
- package/src/types/index.ts +9 -0
- package/src/types/mantine.d.ts +7 -0
- package/src/types/scss-modules.d.ts +9 -0
- package/src/utils/ColorSchemeWrapper.tsx +27 -0
- package/src/utils/RequireAccessibleLabel.ts +12 -0
- package/src/utils/copyToClipboard.ts +36 -0
- package/src/utils/filterStylingProps.ts +141 -0
- package/src/utils/index.ts +1 -0
- package/dist/adapter/generateBorderRadiusType.d.ts +0 -3
- package/dist/adapter/generateBorderRadiusType.d.ts.map +0 -1
- package/dist/adapter/generateColorTypes.d.ts +0 -6
- package/dist/adapter/generateColorTypes.d.ts.map +0 -1
- package/dist/adapter/generateIcons.d.ts +0 -8
- package/dist/adapter/generateIcons.d.ts.map +0 -1
- package/dist/adapter/generateMantineTheme.d.ts +0 -19
- package/dist/adapter/generateMantineTheme.d.ts.map +0 -1
- package/dist/adapter/generatePrettierignore.d.ts +0 -3
- package/dist/adapter/generatePrettierignore.d.ts.map +0 -1
- package/dist/adapter/generateRecursicaObject.d.ts +0 -7
- package/dist/adapter/generateRecursicaObject.d.ts.map +0 -1
- package/dist/adapter/generateRecursicaThemes.d.ts +0 -12
- package/dist/adapter/generateRecursicaThemes.d.ts.map +0 -1
- package/dist/adapter/generateRecursicaTokens.d.ts +0 -3
- package/dist/adapter/generateRecursicaTokens.d.ts.map +0 -1
- package/dist/adapter/generateSpacersType.d.ts +0 -3
- package/dist/adapter/generateSpacersType.d.ts.map +0 -1
- package/dist/adapter/generateUiKit.d.ts +0 -8
- package/dist/adapter/generateUiKit.d.ts.map +0 -1
- package/dist/adapter/generateVanillaExtractThemes.d.ts +0 -12
- package/dist/adapter/generateVanillaExtractThemes.d.ts.map +0 -1
- package/dist/adapter/index.d.ts +0 -44
- package/dist/adapter/index.d.ts.map +0 -1
- package/dist/cli.d.ts +0 -6
- package/dist/cli.d.ts.map +0 -1
- package/dist/index.d.ts.map +0 -1
- package/dist/index.js +0 -921
- package/dist/index.js.map +0 -1
- package/dist/main.cjs +0 -928
- package/dist/main.cjs.map +0 -1
- package/dist/main.d.ts +0 -2
- package/dist/main.d.ts.map +0 -1
- package/dist/main.js +0 -926
- package/dist/main.js.map +0 -1
- package/dist/shared/processTokens.d.ts +0 -22
- package/dist/shared/processTokens.d.ts.map +0 -1
- package/dist/types.d.ts +0 -62
- package/dist/types.d.ts.map +0 -1
- package/dist/utils/fileCheck.d.ts +0 -8
- package/dist/utils/fileCheck.d.ts.map +0 -1
- package/dist/utils/loadConfig.d.ts +0 -24
- package/dist/utils/loadConfig.d.ts.map +0 -1
- package/dist/webworker.d.ts +0 -2
- package/dist/webworker.d.ts.map +0 -1
- package/dist/webworker.js +0 -791
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ChipProps as MantineChipProps } from '@mantine/core';
|
|
3
|
+
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
4
|
+
export interface RecursicaChipProps {
|
|
5
|
+
/** Enables the error state styling */
|
|
6
|
+
error?: boolean;
|
|
7
|
+
/** Leading icon content */
|
|
8
|
+
icon?: React.ReactNode;
|
|
9
|
+
/** Called when the remove (X) icon is clicked. If provided, the remove icon will be displayed. */
|
|
10
|
+
onRemove?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
|
|
11
|
+
/** Screen reader label for the remove button. Defaults to 'Remove' */
|
|
12
|
+
removeLabel?: string;
|
|
13
|
+
}
|
|
14
|
+
export type ChipProps = RecursicaOverStyled<Omit<MantineChipProps, "variant" | "size" | "color" | "radius"> & RecursicaChipProps>;
|
|
15
|
+
export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ContainerProps as MantineContainerProps } from '@mantine/core';
|
|
3
|
+
import { RecursicaOverStyled, RecursicaSpacing } from '../../utils/filterStylingProps';
|
|
4
|
+
export interface RecursicaContainerProps {
|
|
5
|
+
/**
|
|
6
|
+
* Children components inside the layout container
|
|
7
|
+
*/
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
/**
|
|
10
|
+
* Maximum width defined by Mantine system sizes or Recursica sizes
|
|
11
|
+
*/
|
|
12
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | RecursicaSpacing | (string & {}) | number;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* Container layout wrapper
|
|
16
|
+
*/
|
|
17
|
+
export type ContainerProps = RecursicaOverStyled<Omit<MantineContainerProps, "size"> & RecursicaContainerProps>;
|
|
18
|
+
export declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { SelectProps as MantineSelectProps } from '@mantine/core';
|
|
3
|
+
import { ReadOnlyControlProps } from '@recursica/adapter-common';
|
|
4
|
+
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
5
|
+
import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
|
|
6
|
+
export interface RecursicaDropdownProps extends Omit<MantineSelectProps, "size" | "variant" | "radius" | "wrapperProps">, Pick<RecursicaFormControlWrapperProps, "assistiveText" | "assistiveWithIcon" | "formLayout" | "labelSize" | "labelAlignment" | "labelOptionalText" | "labelWithEditIcon" | "onLabelEditClick">, ReadOnlyControlProps {
|
|
7
|
+
/** Internal hook for Selects to override raw layout width properties when necessary */
|
|
8
|
+
containerWidth?: React.CSSProperties["width"];
|
|
9
|
+
}
|
|
10
|
+
export type DropdownProps = RecursicaOverStyled<RecursicaDropdownProps>;
|
|
11
|
+
export declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { FlexProps as MantineFlexProps } from '@mantine/core';
|
|
3
|
+
import { RecursicaOverStyled, RecursicaSpacing } from '../../utils/filterStylingProps';
|
|
4
|
+
export interface RecursicaFlexProps {
|
|
5
|
+
/**
|
|
6
|
+
* Children components inside the Flex container
|
|
7
|
+
*/
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
gap?: MantineFlexProps["gap"] | RecursicaSpacing;
|
|
10
|
+
rowGap?: MantineFlexProps["gap"] | RecursicaSpacing;
|
|
11
|
+
columnGap?: MantineFlexProps["gap"] | RecursicaSpacing;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* Flex layout wrapper
|
|
15
|
+
*/
|
|
16
|
+
export type FlexProps = RecursicaOverStyled<MantineFlexProps & RecursicaFlexProps>;
|
|
17
|
+
export declare const Flex: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface FormControlLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
formLayout?: "stacked" | "side-by-side";
|
|
4
|
+
labelSize?: "default" | "small" | "md";
|
|
5
|
+
controlMaxWidth?: string;
|
|
6
|
+
controlMinWidth?: string;
|
|
7
|
+
leftSection?: React.ReactNode;
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* A layout component used to correctly position form inputs alongside their labels.
|
|
12
|
+
*
|
|
13
|
+
* **When to use this:**
|
|
14
|
+
* Typically, you should use `FormControlWrapper` instead, which uses this component
|
|
15
|
+
* under the hood to handle layout automatically.
|
|
16
|
+
*
|
|
17
|
+
* However, this component is useful when you need to align standalone inputs
|
|
18
|
+
* (like a `Switch` or `Checkbox` without a label) so they perfectly match the spacing
|
|
19
|
+
* and alignment of your other form fields in a `side-by-side` layout.
|
|
20
|
+
*/
|
|
21
|
+
export declare const FormControlLayout: React.ForwardRefExoticComponent<FormControlLayoutProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { InputWrapperProps } from '@mantine/core';
|
|
3
|
+
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
4
|
+
import { RecursicaLabelProps } from '../Label/Label';
|
|
5
|
+
export interface RecursicaFormControlWrapperProps extends RecursicaLabelProps {
|
|
6
|
+
/** Overall structural flow mapping the Form Control natively cascading down to Label and Input logic. */
|
|
7
|
+
formLayout?: "stacked" | "side-by-side";
|
|
8
|
+
/** Securely replaces standard Mantine descriptions safely providing standard Assistive properties. */
|
|
9
|
+
assistiveText?: React.ReactNode;
|
|
10
|
+
/** Explicit toggle to suppress the Info icon rendering natively alongside the assistiveText. Defaults to true. */
|
|
11
|
+
assistiveWithIcon?: boolean;
|
|
12
|
+
/** Custom action area to render alongside the label instead of the default edit icon. */
|
|
13
|
+
labelActionArea?: React.ReactNode;
|
|
14
|
+
/** Pass the native maximum width design variable dynamically bounding the specific wrapper width exclusively. */
|
|
15
|
+
controlMaxWidth: string | undefined;
|
|
16
|
+
/** Pass the native minimum width design variable dynamically bounding the specific wrapper width exclusively. */
|
|
17
|
+
controlMinWidth: string | undefined;
|
|
18
|
+
}
|
|
19
|
+
export type FormControlWrapperProps = RecursicaOverStyled<Omit<InputWrapperProps, "labelProps" | "inputWrapperOrder"> & RecursicaFormControlWrapperProps>;
|
|
20
|
+
export declare const FormControlWrapper: React.ForwardRefExoticComponent<FormControlWrapperProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { GroupProps as MantineGroupProps } from '@mantine/core';
|
|
3
|
+
import { RecursicaOverStyled, RecursicaSpacing } from '../../utils/filterStylingProps';
|
|
4
|
+
export interface RecursicaGroupProps {
|
|
5
|
+
/**
|
|
6
|
+
* Children components inside the group
|
|
7
|
+
*/
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
gap?: MantineGroupProps["gap"] | RecursicaSpacing;
|
|
10
|
+
rowGap?: MantineGroupProps["gap"] | RecursicaSpacing;
|
|
11
|
+
columnGap?: MantineGroupProps["gap"] | RecursicaSpacing;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* Group flex layout wrapper
|
|
15
|
+
*/
|
|
16
|
+
export type GroupProps = RecursicaOverStyled<MantineGroupProps & RecursicaGroupProps>;
|
|
17
|
+
export declare const Group: React.ForwardRefExoticComponent<GroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { InputLabelProps } from '@mantine/core';
|
|
3
|
+
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
4
|
+
export interface RecursicaLabelProps {
|
|
5
|
+
/** Specifies the sizing metrics natively mapping the Label boundaries. */
|
|
6
|
+
labelSize?: "default" | "small" | "md";
|
|
7
|
+
/** Overall alignment directive for the label strings natively forcing Left/Right justification. */
|
|
8
|
+
labelAlignment?: "left" | "right";
|
|
9
|
+
/** Injects an indicator text block alongside the label. Can be boolean (`true` maps to '(Optional)') or custom React nodes. */
|
|
10
|
+
labelOptionalText?: boolean | React.ReactNode;
|
|
11
|
+
/** When true, forces the native Edit Icon to replace the standard asterisk visually. */
|
|
12
|
+
labelWithEditIcon?: boolean;
|
|
13
|
+
/** Custom action area to render alongside the label instead of the default edit icon. */
|
|
14
|
+
labelActionArea?: React.ReactNode;
|
|
15
|
+
/** Interaction hook invoked whenever a generated edit icon block natively triggers a click event. */
|
|
16
|
+
onLabelEditClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
17
|
+
}
|
|
18
|
+
export type LabelProps = RecursicaOverStyled<Omit<InputLabelProps, "size"> & RecursicaLabelProps>;
|
|
19
|
+
export declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Label';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { LoaderProps as MantineLoaderProps } from '@mantine/core';
|
|
2
|
+
import { RecursicaOverStyled, RecursicaSize } from '../../utils/filterStylingProps';
|
|
3
|
+
export interface RecursicaLoaderProps {
|
|
4
|
+
/** Map to the component styles defined in variables */
|
|
5
|
+
variant?: "oval" | "bars" | "dots";
|
|
6
|
+
/** Map to Recursica sizes */
|
|
7
|
+
size?: "sm" | "md" | "lg" | RecursicaSize;
|
|
8
|
+
}
|
|
9
|
+
export type LoaderProps = RecursicaOverStyled<Omit<MantineLoaderProps, "variant" | "size" | "type"> & RecursicaLoaderProps>;
|
|
10
|
+
export declare const Loader: import('react').ForwardRefExoticComponent<LoaderProps & import('react').RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { RadioProps as MantineRadioProps } from '@mantine/core';
|
|
2
|
+
import { ReadOnlyControlProps } from '@recursica/adapter-common';
|
|
3
|
+
import { RadioGroup } from './RadioGroup';
|
|
4
|
+
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
5
|
+
import { RequireAccessibleLabel } from '../../utils/RequireAccessibleLabel';
|
|
6
|
+
import { FormControlLayoutProps } from '../FormControlLayout/FormControlLayout';
|
|
7
|
+
export type RecursicaRadioProps = RequireAccessibleLabel<Omit<MantineRadioProps, "size" | "color" | "radius" | "iconColor" | "variant"> & ReadOnlyControlProps & Pick<FormControlLayoutProps, "formLayout" | "labelSize" | "controlMaxWidth" | "controlMinWidth">>;
|
|
8
|
+
export type RadioProps = RecursicaOverStyled<RecursicaRadioProps>;
|
|
9
|
+
type RadioComponent = React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>> & {
|
|
10
|
+
Group: typeof RadioGroup;
|
|
11
|
+
};
|
|
12
|
+
export declare const Radio: RadioComponent;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { RadioGroupProps as MantineRadioGroupProps } from '@mantine/core';
|
|
3
|
+
import { ReadOnlyControlProps } from '@recursica/adapter-common';
|
|
4
|
+
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
5
|
+
import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
|
|
6
|
+
export interface RecursicaRadioGroupProps extends Omit<MantineRadioGroupProps, "size" | "labelProps">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, ReadOnlyControlProps {
|
|
7
|
+
}
|
|
8
|
+
export type RadioGroupProps = RecursicaOverStyled<RecursicaRadioGroupProps>;
|
|
9
|
+
export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ReadOnlyFieldType, ReadOnlyControlProps } from '@recursica/adapter-common';
|
|
3
|
+
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
4
|
+
import { FormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
|
|
5
|
+
export interface RecursicaReadOnlyFieldProps extends Omit<FormControlWrapperProps, "children" | "overStyled" | "controlMaxWidth" | "controlMinWidth">, Pick<ReadOnlyControlProps, "emptyValueComponent"> {
|
|
6
|
+
/** The specific value to be rendered in read-only mode explicitly matching the original field input */
|
|
7
|
+
value?: any;
|
|
8
|
+
/** The data type formatting rules bounding how the string is presented to the user */
|
|
9
|
+
type?: ReadOnlyFieldType;
|
|
10
|
+
/** Pass the native maximum width design variable dynamically bounding the specific wrapper width exclusively. */
|
|
11
|
+
controlMaxWidth?: string | undefined;
|
|
12
|
+
/** Pass the native minimum width design variable dynamically bounding the specific wrapper width exclusively. */
|
|
13
|
+
controlMinWidth?: string | undefined;
|
|
14
|
+
}
|
|
15
|
+
export type ReadOnlyFieldProps = RecursicaOverStyled<RecursicaReadOnlyFieldProps>;
|
|
16
|
+
/**
|
|
17
|
+
* A native generic form control wrapper exclusively responsible for displaying fixed data.
|
|
18
|
+
* Internally maps to structural ReadOnly primitive blocks bridging standard `FormControlWrapper` layouts natively.
|
|
19
|
+
*/
|
|
20
|
+
export declare const ReadOnlyField: React.ForwardRefExoticComponent<ReadOnlyFieldProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
3
|
+
export interface RecursicaReadOnlyTextFieldProps {
|
|
4
|
+
/** The value strictly rendered as text output */
|
|
5
|
+
value?: any;
|
|
6
|
+
}
|
|
7
|
+
export type ReadOnlyTextFieldProps = RecursicaOverStyled<RecursicaReadOnlyTextFieldProps>;
|
|
8
|
+
export declare const ReadOnlyTextField: React.FC<ReadOnlyTextFieldProps>;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ReadOnlyFieldType } from '@recursica/adapter-common';
|
|
3
|
+
import { FormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
|
|
4
|
+
export interface WithReadOnlyWrapperProps extends Omit<FormControlWrapperProps, "children" | "overStyled"> {
|
|
5
|
+
/** Injects whether the field defaults to reading mode natively */
|
|
6
|
+
readOnly?: boolean;
|
|
7
|
+
/** Explicit React component directly overtaking the baseline text renderer when read-only mode is active */
|
|
8
|
+
readOnlyComponent?: React.ElementType<any>;
|
|
9
|
+
/** Custom renderer explicitly responsible for formatting missing/empty value mappings (overriding default 'N/A') */
|
|
10
|
+
emptyValueComponent?: React.ElementType<{
|
|
11
|
+
value?: any;
|
|
12
|
+
}>;
|
|
13
|
+
/** The full native props dictionary securely forwarded into the custom readOnlyComponent if active */
|
|
14
|
+
readOnlyNativeProps?: any;
|
|
15
|
+
/** Instructs the underlying generic ReadOnlyField which raw visual structure to bridge automatically */
|
|
16
|
+
readOnlyType?: ReadOnlyFieldType;
|
|
17
|
+
/** The isolated raw data value intercepted explicitly into the ReadOnly formatters */
|
|
18
|
+
readOnlyValue?: any;
|
|
19
|
+
/** Safely enables deep Mantine overrides transparently bypassing block filters */
|
|
20
|
+
overStyled?: boolean;
|
|
21
|
+
/** The nested active node dynamically exposed exclusively when read-only bounds are disabled */
|
|
22
|
+
activeComponent: React.ReactNode;
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* Universal execution barrier trapping readOnly states globally.
|
|
26
|
+
* Natively delegates active logic down avoiding duplicative internal component bindings dynamically.
|
|
27
|
+
*/
|
|
28
|
+
export declare const WithReadOnlyWrapper: React.ForwardRefExoticComponent<WithReadOnlyWrapperProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { StackProps as MantineStackProps } from '@mantine/core';
|
|
3
|
+
import { RecursicaOverStyled, RecursicaSpacing } from '../../utils/filterStylingProps';
|
|
4
|
+
export interface RecursicaStackProps {
|
|
5
|
+
/**
|
|
6
|
+
* Children components inside the stack
|
|
7
|
+
*/
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
gap?: MantineStackProps["gap"] | RecursicaSpacing;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* Stack flex layout wrapper
|
|
13
|
+
*/
|
|
14
|
+
export type StackProps = RecursicaOverStyled<MantineStackProps & RecursicaStackProps>;
|
|
15
|
+
export declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { SwitchProps as MantineSwitchProps } from '@mantine/core';
|
|
2
|
+
import { ReadOnlyControlProps } from '@recursica/adapter-common';
|
|
3
|
+
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
4
|
+
import { RequireAccessibleLabel } from '../../utils/RequireAccessibleLabel';
|
|
5
|
+
import { FormControlLayoutProps } from '../FormControlLayout/FormControlLayout';
|
|
6
|
+
import { SwitchGroup } from './SwitchGroup';
|
|
7
|
+
export type RecursicaSwitchProps = RequireAccessibleLabel<Omit<MantineSwitchProps, "size" | "color" | "radius" | "variant"> & ReadOnlyControlProps & Pick<FormControlLayoutProps, "formLayout" | "labelSize" | "controlMaxWidth" | "controlMinWidth">>;
|
|
8
|
+
export type SwitchProps = RecursicaOverStyled<RecursicaSwitchProps>;
|
|
9
|
+
type SwitchComponent = React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>> & {
|
|
10
|
+
Group: typeof SwitchGroup;
|
|
11
|
+
};
|
|
12
|
+
export declare const Switch: SwitchComponent;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { SwitchGroupProps as MantineSwitchGroupProps } from '@mantine/core';
|
|
3
|
+
import { ReadOnlyControlProps } from '@recursica/adapter-common';
|
|
4
|
+
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
5
|
+
import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
|
|
6
|
+
export interface RecursicaSwitchGroupProps extends Omit<MantineSwitchGroupProps, "size" | "labelProps">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, ReadOnlyControlProps {
|
|
7
|
+
}
|
|
8
|
+
export type SwitchGroupProps = RecursicaOverStyled<RecursicaSwitchGroupProps>;
|
|
9
|
+
export declare const SwitchGroup: React.ForwardRefExoticComponent<SwitchGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { TextProps as MantineTextProps } from '@mantine/core';
|
|
3
|
+
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
4
|
+
export type TextVariant = "body" | "body-small" | "caption" | "overline" | "subtitle" | "subtitle-small";
|
|
5
|
+
export type RecursicaTextProps = Omit<MantineTextProps, "variant"> & {
|
|
6
|
+
/**
|
|
7
|
+
* The explicit typography hierarchy dictated by Recursica's global design tokens.
|
|
8
|
+
*/
|
|
9
|
+
variant?: TextVariant;
|
|
10
|
+
children?: ReactNode;
|
|
11
|
+
};
|
|
12
|
+
export type TextProps = RecursicaOverStyled<RecursicaTextProps>;
|
|
13
|
+
/**
|
|
14
|
+
* A generalized typographical wrapper limiting text properties to bounded Recursica UI-kit tokens inherently.
|
|
15
|
+
* Do not use for semantic headings; use the explicit `<Title>` component for `<h1>` - `<h6>`.
|
|
16
|
+
*/
|
|
17
|
+
export declare const Text: import('react').ForwardRefExoticComponent<TextProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { TextareaProps as MantineTextareaProps } from '@mantine/core';
|
|
3
|
+
import { ReadOnlyControlProps } from '@recursica/adapter-common';
|
|
4
|
+
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
5
|
+
import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
|
|
6
|
+
export interface RecursicaTextAreaProps extends Omit<MantineTextareaProps, "size" | "variant" | "radius" | "wrapperProps">, Pick<RecursicaFormControlWrapperProps, "assistiveText" | "assistiveWithIcon" | "formLayout" | "labelSize" | "labelAlignment" | "labelOptionalText" | "labelWithEditIcon" | "onLabelEditClick">, ReadOnlyControlProps {
|
|
7
|
+
/** Maximum rows for autosize textarea to grow */
|
|
8
|
+
maxRows?: number;
|
|
9
|
+
/** Minimum rows of autosize textarea */
|
|
10
|
+
minRows?: number;
|
|
11
|
+
/** If set, enables textarea height growing with its content */
|
|
12
|
+
autosize?: boolean;
|
|
13
|
+
}
|
|
14
|
+
export type TextAreaProps = RecursicaOverStyled<RecursicaTextAreaProps>;
|
|
15
|
+
export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { InputProps, InputWrapperProps } from '@mantine/core';
|
|
3
|
+
import { ReadOnlyControlProps } from '@recursica/adapter-common';
|
|
4
|
+
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
5
|
+
import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
|
|
6
|
+
export interface RecursicaTextFieldProps extends Omit<InputProps, "size" | "variant" | "radius" | "wrapperProps">, Pick<InputWrapperProps, "label" | "error" | "required" | "withAsterisk" | "id">, Omit<React.ComponentPropsWithoutRef<"input">, "size" | "style" | "className" | "id">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, ReadOnlyControlProps {
|
|
7
|
+
}
|
|
8
|
+
export type TextFieldProps = RecursicaOverStyled<RecursicaTextFieldProps>;
|
|
9
|
+
export declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { TitleProps as MantineTitleProps } from '@mantine/core';
|
|
2
|
+
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
3
|
+
export type RecursicaTitleProps = Omit<MantineTitleProps, "order"> & {
|
|
4
|
+
/**
|
|
5
|
+
* Enforces semantic HTML headers (h1-h6) cleanly bound to native typographic scaling variables in the design system.
|
|
6
|
+
*/
|
|
7
|
+
order?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
8
|
+
};
|
|
9
|
+
export type TitleProps = RecursicaOverStyled<RecursicaTitleProps>;
|
|
10
|
+
/**
|
|
11
|
+
* Enforces highly accessible structural markup utilizing semantic `<h1>` through `<h6>` tags securely bound directly to Recursica typographic scales.
|
|
12
|
+
*/
|
|
13
|
+
export declare const Title: import('react').ForwardRefExoticComponent<TitleProps & import('react').RefAttributes<HTMLHeadingElement>>;
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
export * from './Accordion';
|
|
2
|
+
export * from './Avatar';
|
|
3
|
+
export * from './Badge/Badge';
|
|
4
|
+
export * from './Breadcrumb/Breadcrumb';
|
|
5
|
+
export * from './Button';
|
|
6
|
+
export * from './Card/Card';
|
|
7
|
+
export * from './Checkbox/Checkbox';
|
|
8
|
+
export * from './Checkbox/CheckboxGroup';
|
|
9
|
+
export * from './Chip/Chip';
|
|
10
|
+
export * from './Container/Container';
|
|
11
|
+
export * from './DatePicker/DatePicker';
|
|
12
|
+
export * from './Dropdown/Dropdown';
|
|
13
|
+
export * from './FileInput/FileInput';
|
|
14
|
+
export * from './FileUpload/FileUpload';
|
|
15
|
+
export * from './Flex/Flex';
|
|
16
|
+
export * from './FormControlLayout/FormControlLayout';
|
|
17
|
+
export * from './Group/Group';
|
|
18
|
+
export * from './HoverCard/HoverCard';
|
|
19
|
+
export * from './Link/Link';
|
|
20
|
+
export * from './Loader/Loader';
|
|
21
|
+
export * from './Label';
|
|
22
|
+
export * from './Menu/Menu';
|
|
23
|
+
export * from './Modal/Modal';
|
|
24
|
+
export * from './NumberInput/NumberInput';
|
|
25
|
+
export * from './Pagination/Pagination';
|
|
26
|
+
export * from './Panel/Panel';
|
|
27
|
+
export * from './Popover/Popover';
|
|
28
|
+
export * from './Radio/Radio';
|
|
29
|
+
export * from './Radio/RadioGroup';
|
|
30
|
+
export * from './ReadOnlyField';
|
|
31
|
+
export * from './Search/Search';
|
|
32
|
+
export * from './SegmentedControl/SegmentedControl';
|
|
33
|
+
export * from './Slider/Slider';
|
|
34
|
+
export * from './Stack/Stack';
|
|
35
|
+
export * from './Stepper/Stepper';
|
|
36
|
+
export * from './Switch/Switch';
|
|
37
|
+
export * from './Switch/SwitchGroup';
|
|
38
|
+
export * from './Table/Table';
|
|
39
|
+
export * from './Tabs/Tabs';
|
|
40
|
+
export * from './Text/Text';
|
|
41
|
+
export * from './TextArea/TextArea';
|
|
42
|
+
export * from './TextField/TextField';
|
|
43
|
+
export * from './TimePicker/TimePicker';
|
|
44
|
+
export * from './Timeline/Timeline';
|
|
45
|
+
export * from './Title/Title';
|
|
46
|
+
export * from './Toast/Toast';
|
|
47
|
+
export * from './Tooltip/Tooltip';
|
|
48
|
+
export * from './TransferList/TransferList';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Enforces accessibility by strictly requiring at least one form of labeling:
|
|
4
|
+
* either a visual \`label\`, an \`aria-label\`, or an \`aria-labelledby\`.
|
|
5
|
+
*/
|
|
6
|
+
export type RequireAccessibleLabel<T> = T & ({
|
|
7
|
+
label: ReactNode;
|
|
8
|
+
"aria-label"?: string;
|
|
9
|
+
"aria-labelledby"?: string;
|
|
10
|
+
} | {
|
|
11
|
+
label?: ReactNode;
|
|
12
|
+
"aria-label": string;
|
|
13
|
+
"aria-labelledby"?: string;
|
|
14
|
+
} | {
|
|
15
|
+
label?: ReactNode;
|
|
16
|
+
"aria-label"?: string;
|
|
17
|
+
"aria-labelledby": string;
|
|
18
|
+
});
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Helper function for copy text to clipboard
|
|
4
|
+
* @param {string} textToCopy The text string for copying to the clipboard
|
|
5
|
+
* @param {element|node} componentRef The ref of the component that we want to trigger the copy
|
|
6
|
+
*/
|
|
7
|
+
declare const copyToClipboard: (textToCopy: string, componentRef: React.RefObject<HTMLElement | null>) => Promise<void>;
|
|
8
|
+
export { copyToClipboard };
|