@prismicio/editor-ui 0.4.12 → 0.4.14
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/components/ActionList/ActionList.d.ts +2 -2
- package/dist/components/Alert/Alert.d.ts +1 -1
- package/dist/components/Alert/AlertContext.d.ts +3 -3
- package/dist/components/Alert/index.d.ts +1 -1
- package/dist/components/AnimatedElement/AnimatedElement.css.d.ts +1 -0
- package/dist/components/AnimatedElement/AnimatedElement.d.ts +4 -4
- package/dist/components/AnimatedElement/index.d.ts +1 -1
- package/dist/components/AnimatedList/AnimatedList.d.ts +4 -4
- package/dist/components/AnimatedList/DragPreview.d.ts +2 -2
- package/dist/components/AnimatedList/autoScroll.d.ts +1 -1
- package/dist/components/AnimatedList/dnd.d.ts +8 -8
- package/dist/components/AnimatedList/layout.d.ts +1 -1
- package/dist/components/Avatar/Avatar.css.d.ts +3 -0
- package/dist/components/Avatar/Avatar.d.ts +7 -0
- package/dist/components/Avatar/Avatar.stories.d.ts +10 -0
- package/dist/components/Avatar/index.d.ts +1 -0
- package/dist/components/Badge/Badge.css.d.ts +2 -1
- package/dist/components/Badge/Badge.d.ts +6 -2
- package/dist/components/Badge/Badge.stories.d.ts +5 -2
- package/dist/components/BaseInput/BaseInput.css.d.ts +2 -1
- package/dist/components/BaseInput/BaseInput.d.ts +5 -1
- package/dist/components/BlankSlate/BlankSlate.css.d.ts +1 -0
- package/dist/components/BlankSlate/BlankSlate.d.ts +5 -2
- package/dist/components/Box/Box.d.ts +23 -21
- package/dist/components/Box/Box.stories.d.ts +2 -124
- package/dist/components/Button/Button.d.ts +4 -2
- package/dist/components/ButtonGroup/ButtonGroup.d.ts +1 -1
- package/dist/components/Calendar/Calendar.d.ts +3 -2
- package/dist/components/Calendar/Calendar.stories.d.ts +3 -0
- package/dist/components/Calendar/CalendarCell.css.d.ts +1 -0
- package/dist/components/Calendar/CalendarCell.d.ts +4 -4
- package/dist/components/Calendar/CalendarGrid.d.ts +2 -2
- package/dist/components/Card/Card.d.ts +16 -16
- package/dist/components/Card/Card.stories.d.ts +2 -14
- package/dist/components/Carousel/Carousel.css.d.ts +0 -2
- package/dist/components/Carousel/CarouselItem.d.ts +2 -2
- package/dist/components/CircledIcon/CircledIcon.d.ts +1 -1
- package/dist/components/ColorInput/ColorArea.d.ts +1 -1
- package/dist/components/ColorInput/ColorInput.d.ts +1 -1
- package/dist/components/ColorInput/ColorSlider.d.ts +1 -1
- package/dist/components/Cropper/Cropper.d.ts +1 -1
- package/dist/components/CropperControls/CropperControls.d.ts +5 -5
- package/dist/components/DateInput/DateInput.d.ts +12 -6
- package/dist/components/DateInput/DateInput.stories.d.ts +2 -14
- package/dist/components/DateInput/DateSegments.d.ts +1 -1
- package/dist/components/Dialog/Dialog.css.d.ts +4 -0
- package/dist/components/Dialog/Dialog.d.ts +4 -1
- package/dist/components/Dialog/Dialog.stories.d.ts +3 -0
- package/dist/components/Dialog/FullscreenDialog.d.ts +1 -1
- package/dist/components/Dialog/Options/DialogOptions.d.ts +1 -1
- package/dist/components/DocumentCard/DocumentCard.css.d.ts +1 -0
- package/dist/components/DocumentCard/DocumentCard.d.ts +2 -0
- package/dist/components/DocumentStatusBar/DocumentStatusBar.d.ts +1 -1
- package/dist/components/DocumentStatusDot/DocumentStatusDot.d.ts +1 -1
- package/dist/components/DropdownMenu/DropdownMenu.d.ts +1 -1
- package/dist/components/Embed/EmbedPreview.d.ts +1 -1
- package/dist/components/Embed/EmptyEmbed.d.ts +1 -1
- package/dist/components/Embed/Icon.d.ts +1 -1
- package/dist/components/ErrorBoundary/ErrorBoundary.d.ts +3 -3
- package/dist/components/Field/Field.d.ts +1 -1
- package/dist/components/FieldSet/FieldSet.d.ts +4 -4
- package/dist/components/FieldSet/FieldSet.stories.d.ts +1 -6
- package/dist/components/FieldSet/FieldSet.utils.d.ts +4 -0
- package/dist/components/FieldSet/index.d.ts +1 -0
- package/dist/components/FileUpload/FileDropZone/FileDropZone.d.ts +1 -1
- package/dist/components/FileUpload/FileUpload.utils.d.ts +5 -1
- package/dist/components/FilterField/FilterField.d.ts +2 -2
- package/dist/components/FilterField/useFilterField.d.ts +2 -1
- package/dist/components/Form/Form.d.ts +2 -0
- package/dist/components/Form/FormDateInput.d.ts +14 -0
- package/dist/components/Form/FormField.css.d.ts +7 -0
- package/dist/components/Form/FormField.d.ts +14 -0
- package/dist/components/Form/FormInput.css.d.ts +4 -6
- package/dist/components/Form/FormInput.d.ts +5 -5
- package/dist/components/Form/index.d.ts +1 -0
- package/dist/components/Gradient/Gradient.d.ts +1 -1
- package/dist/components/HairlineButton/HairlineButton.d.ts +2 -2
- package/dist/components/Icon/Icon.d.ts +3 -1
- package/dist/components/Icon/iconNames.d.ts +2 -2
- package/dist/components/Image/Image.d.ts +4 -5
- package/dist/components/Image/Image.stories.d.ts +2 -22
- package/dist/components/Image/index.d.ts +1 -1
- package/dist/components/InvisibleButton/InvisibleButton.d.ts +1 -1
- package/dist/components/LazyRender/LazyRender.d.ts +21 -0
- package/dist/components/LazyRender/LazyRender.stories.d.ts +7 -0
- package/dist/components/LazyRender/index.d.ts +1 -0
- package/dist/components/LinkImageCard/LinkImageCard.d.ts +8 -0
- package/dist/components/LinkImageCard/LinkImageCard.stories.d.ts +11 -0
- package/dist/components/LinkImageCard/index.d.ts +1 -0
- package/dist/components/Masonry/Masonry.d.ts +1 -1
- package/dist/components/Masonry/MasonryFile.css.d.ts +2 -0
- package/dist/components/Masonry/MasonryFile.d.ts +8 -0
- package/dist/components/Masonry/MasonryMedia.d.ts +1 -2
- package/dist/components/Masonry/index.d.ts +2 -1
- package/dist/components/NumberInput/NumberInput.d.ts +2 -1
- package/dist/components/Popover/Popover.d.ts +8 -3
- package/dist/components/Popover/Popover.stories.d.ts +2 -20
- package/dist/components/Popover/index.d.ts +1 -1
- package/dist/components/Radio/RadioButton.css.d.ts +3 -0
- package/dist/components/Radio/RadioButton.d.ts +10 -0
- package/dist/components/Radio/RadioCard.css.d.ts +1 -0
- package/dist/components/Radio/RadioCard.d.ts +5 -0
- package/dist/components/Radio/RadioGroup.css.d.ts +1 -0
- package/dist/components/Radio/RadioGroup.d.ts +18 -0
- package/dist/components/Radio/RadioGroup.stories.d.ts +9 -0
- package/dist/components/Radio/RadioItem.css.d.ts +10 -0
- package/dist/components/Radio/RadioItem.d.ts +8 -0
- package/dist/components/Radio/index.d.ts +3 -0
- package/dist/components/ScrollArea/ScrollArea.d.ts +4 -5
- package/dist/components/ScrollArea/ScrollArea.stories.d.ts +2 -14
- package/dist/components/SearchInput/SearchInput.d.ts +1 -1
- package/dist/components/Select/Select.css.d.ts +4 -0
- package/dist/components/Select/Select.d.ts +7 -2
- package/dist/components/SelectButton/SelectButton.d.ts +1 -1
- package/dist/components/SelectCard/SelectButton.stories.d.ts +12 -0
- package/dist/components/SelectCard/SelectCard.css.d.ts +1 -0
- package/dist/components/SelectCard/SelectCard.d.ts +7 -0
- package/dist/components/SelectCard/index.d.ts +1 -0
- package/dist/components/Separator/Separator.d.ts +11 -5
- package/dist/components/Skeleton/Skeleton.d.ts +1 -1
- package/dist/components/Slice/Slice.stories.d.ts +2 -2
- package/dist/components/Slice/SliceCard.d.ts +1 -0
- package/dist/components/Slice/{SliceVariationCard.css.d.ts → SliceSelectCard.css.d.ts} +2 -0
- package/dist/components/Slice/SliceSelectCard.d.ts +12 -0
- package/dist/components/Slice/index.d.ts +1 -1
- package/dist/components/Slider/Slider.d.ts +1 -1
- package/dist/components/StoryCard.d.ts +12 -0
- package/dist/components/Table/Table.css.d.ts +9 -0
- package/dist/components/Table/Table.d.ts +24 -0
- package/dist/components/Table/Table.stories.d.ts +6 -0
- package/dist/components/Table/index.d.ts +1 -0
- package/dist/components/TagField/TagField.css.d.ts +0 -5
- package/dist/components/TagField/TagFieldHeader.css.d.ts +6 -0
- package/dist/components/TagField/TagFieldHeader.d.ts +21 -0
- package/dist/components/TagField/useTagField.d.ts +5 -31
- package/dist/components/TagField/useTagFieldHeader.d.ts +24 -0
- package/dist/components/Text/Text.css.d.ts +3 -0
- package/dist/components/Text/Text.d.ts +4 -3
- package/dist/components/Text/index.d.ts +1 -1
- package/dist/components/TextArea/TextArea.d.ts +2 -1
- package/dist/components/TextInput/TextInput.d.ts +4 -1
- package/dist/components/TextLink/TextLink.css.d.ts +2 -0
- package/dist/components/TextLink/TextLink.d.ts +3 -1
- package/dist/components/Toast/Toast.d.ts +2 -2
- package/dist/components/Toast/Toast.stories.d.ts +2 -2
- package/dist/components/Toast/ToastContext.d.ts +1 -1
- package/dist/components/ToggleButtonGroup/ToggleButtonGroup.d.ts +2 -2
- package/dist/components/Toolbar/Toolbar.d.ts +6 -5
- package/dist/components/Tooltip/Tooltip.d.ts +14 -1
- package/dist/components/Video/Video.d.ts +2 -1
- package/dist/components/Video/Video.stories.d.ts +2 -1
- package/dist/components/Video/index.d.ts +1 -1
- package/dist/index.d.ts +18 -12
- package/dist/index.es.js +15679 -16180
- package/dist/style.css +1 -1
- package/dist/theme/colors.d.ts +65 -65
- package/dist/theme/mediaQueries.d.ts +5 -0
- package/dist/theme/selectors.d.ts +21 -21
- package/dist/theme/sprinkles.css.d.ts +8324 -536
- package/dist/theme/util.d.ts +12 -2
- package/dist/theme/vars.css.d.ts +137 -73
- package/package.json +16 -14
- package/dist/components/DocumentVersions/DocumentVersions.css.d.ts +0 -4
- package/dist/components/DocumentVersions/DocumentVersions.d.ts +0 -16
- package/dist/components/DocumentVersions/DocumentVersions.stories.d.ts +0 -31
- package/dist/components/DocumentVersions/index.d.ts +0 -1
- package/dist/components/Slice/SliceVariationCard.d.ts +0 -8
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { MouseEvent, PropsWithChildren, ReactNode } from "react";
|
|
2
|
-
import { IconName } from "../Icon";
|
|
1
|
+
import { type MouseEvent, type PropsWithChildren, type ReactNode } from "react";
|
|
2
|
+
import { type IconName } from "../Icon";
|
|
3
3
|
export declare function ActionList(props: PropsWithChildren): JSX.Element;
|
|
4
4
|
export interface ActionListItemProps {
|
|
5
5
|
children: ReactNode;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { PropsWithChildren } from "react";
|
|
2
|
-
interface AlertConfig {
|
|
1
|
+
import { type PropsWithChildren } from "react";
|
|
2
|
+
export interface AlertConfig {
|
|
3
3
|
title: string;
|
|
4
4
|
subtitle: string;
|
|
5
|
-
onRetry
|
|
5
|
+
onRetry?: () => void;
|
|
6
6
|
}
|
|
7
7
|
interface AlertContext {
|
|
8
8
|
showAlert: (config: AlertConfig) => void;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { Alert, AlertButton } from "./Alert";
|
|
2
|
-
export { AlertProvider, useAlert } from "./AlertContext";
|
|
2
|
+
export { type AlertConfig, AlertProvider, useAlert } from "./AlertContext";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ReactElement } from "react";
|
|
2
|
-
import { Sprinkles } from "../../theme/sprinkles.css";
|
|
3
|
-
import { SX } from "../../theme/util";
|
|
1
|
+
import { type ReactElement } from "react";
|
|
2
|
+
import { type Sprinkles } from "../../theme/sprinkles.css";
|
|
3
|
+
import { type SX } from "../../theme/util";
|
|
4
4
|
export interface AnimatedElementProps {
|
|
5
5
|
children: OnlyChild;
|
|
6
6
|
animation?: {
|
|
@@ -24,5 +24,5 @@ export interface AnimatedElementProps {
|
|
|
24
24
|
* you can just set a CSS animation on the element styles.
|
|
25
25
|
*/
|
|
26
26
|
export declare function AnimatedElement(props: AnimatedElementProps): JSX.Element;
|
|
27
|
-
|
|
27
|
+
type OnlyChild = ReactElement | null | undefined | false | 0;
|
|
28
28
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { type AnimatedElementProps
|
|
1
|
+
export { AnimatedElement, type AnimatedElementProps } from "./AnimatedElement";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { ReactNode } from "react";
|
|
2
|
-
import { Sprinkles } from "../../theme/sprinkles.css";
|
|
1
|
+
import { type ReactNode } from "react";
|
|
2
|
+
import { type Sprinkles } from "../../theme/sprinkles.css";
|
|
3
3
|
import type { tokens } from "../../theme/vars.css";
|
|
4
|
-
import { RenderDragPreview, RenderDropIndicator } from "./dnd";
|
|
4
|
+
import { type RenderDragPreview, type RenderDropIndicator } from "./dnd";
|
|
5
5
|
export interface AnimatedListProps<ITEM> {
|
|
6
6
|
ariaLabel: string;
|
|
7
7
|
gap?: keyof typeof tokens.space;
|
|
@@ -15,5 +15,5 @@ export interface AnimatedListProps<ITEM> {
|
|
|
15
15
|
onReorder?: (items: ITEM[]) => void;
|
|
16
16
|
}
|
|
17
17
|
export declare function AnimatedList<ITEM>(props: AnimatedListProps<ITEM>): JSX.Element;
|
|
18
|
-
|
|
18
|
+
type ChildrenFunction<ITEM> = (item: ITEM, index: number) => ReactNode;
|
|
19
19
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { HandlerOf } from "@prismicio/editor-support/Type";
|
|
2
|
-
import { ReactElement } from "react";
|
|
3
|
-
export
|
|
2
|
+
import { type ReactElement } from "react";
|
|
3
|
+
export type DragPreviewRenderer = (draggedKey: string, callback: HandlerOf<HTMLElement>) => void;
|
|
4
4
|
export interface DragPreviewProps {
|
|
5
5
|
children: (key: string) => ReactElement;
|
|
6
6
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { Handler, HandlerOf } from "@prismicio/editor-support/Type";
|
|
2
|
-
import { LiHTMLAttributes, ReactElement, ReactNode, RefObject } from "react";
|
|
3
|
-
import { DragPreviewRenderer } from "./DragPreview";
|
|
4
|
-
import { State } from "./layout";
|
|
2
|
+
import { type LiHTMLAttributes, type ReactElement, type ReactNode, type RefObject } from "react";
|
|
3
|
+
import { type DragPreviewRenderer } from "./DragPreview";
|
|
4
|
+
import { type State } from "./layout";
|
|
5
5
|
interface UseDndListProps<ITEM> {
|
|
6
6
|
containerRef: RefObject<HTMLUListElement>;
|
|
7
7
|
items: ITEM[];
|
|
@@ -16,7 +16,7 @@ export declare function useDndList<ITEM>(props: UseDndListProps<ITEM>): {
|
|
|
16
16
|
dragState: DragState;
|
|
17
17
|
preview: JSX.Element | null;
|
|
18
18
|
};
|
|
19
|
-
export
|
|
19
|
+
export type DragState = {
|
|
20
20
|
previewRef: RefObject<DragPreviewRenderer>;
|
|
21
21
|
dragIndex: number | undefined;
|
|
22
22
|
dropIndex: number | undefined;
|
|
@@ -47,14 +47,14 @@ export declare function useDndListItem<ITEM>(props: UseDndListItemProps<ITEM>):
|
|
|
47
47
|
beforeDropIndicator: JSX.Element | null;
|
|
48
48
|
afterDropIndicator: JSX.Element;
|
|
49
49
|
};
|
|
50
|
-
export
|
|
51
|
-
export
|
|
52
|
-
export
|
|
50
|
+
export type RenderDropIndicator = (params: RenderDropIndicatorParams) => ReactNode;
|
|
51
|
+
export type RenderDragPreview = (params: RenderDragPreviewParams) => ReactElement;
|
|
52
|
+
export type RenderDropIndicatorParams = {
|
|
53
53
|
isDropTarget: boolean;
|
|
54
54
|
itemIndex: number;
|
|
55
55
|
position: "before" | "after";
|
|
56
56
|
};
|
|
57
|
-
export
|
|
57
|
+
export type RenderDragPreviewParams = {
|
|
58
58
|
key: string;
|
|
59
59
|
};
|
|
60
60
|
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./Avatar").AvatarProps>;
|
|
2
|
+
export default _default;
|
|
3
|
+
export declare const Default: {
|
|
4
|
+
args: {
|
|
5
|
+
firstName: string;
|
|
6
|
+
lastName: string;
|
|
7
|
+
imageUrl: string;
|
|
8
|
+
};
|
|
9
|
+
name: string;
|
|
10
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Avatar } from "./Avatar";
|
|
@@ -17,10 +17,11 @@ export declare const textColor: {
|
|
|
17
17
|
readonly grey: "grey11";
|
|
18
18
|
readonly green: "green11";
|
|
19
19
|
readonly amber: "amber11";
|
|
20
|
-
readonly purple: "
|
|
20
|
+
readonly purple: "purple11";
|
|
21
21
|
readonly tomato: "tomato11";
|
|
22
22
|
};
|
|
23
23
|
export declare const size: {
|
|
24
24
|
large: string;
|
|
25
25
|
medium: string;
|
|
26
26
|
};
|
|
27
|
+
export declare const restricted: string;
|
|
@@ -1,9 +1,13 @@
|
|
|
1
|
+
import { type ReactNode } from "react";
|
|
1
2
|
export declare const Badge: import("react").ForwardRefExoticComponent<Readonly<{
|
|
2
|
-
title:
|
|
3
|
+
title: ReactNode;
|
|
3
4
|
color?: "green" | "grey" | "purple" | "tomato" | "amber" | undefined;
|
|
4
5
|
size?: "medium" | "large" | undefined;
|
|
6
|
+
width?: "restricted" | "unrestricted" | undefined;
|
|
5
7
|
onClose?: (() => void) | undefined;
|
|
6
|
-
icon?: "visibility" | "add" | "code" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "dateRange" | "delete" | "description" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "firstPage" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "hideImage" | "image" | "imageSearch" | "inventory" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "link" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "moreVert" | "notes" | "openInNew" | "phoneIphone" | "photo" | "pin" | "place" | "preview" | "public" | "refresh" | "save" | "schedule" | "search" | "tabletMac" | "tag" | "textFields" | "toggleOff" | "unfoldMore" | "unsplash" | "viewDay" | "zoomOutMap" | undefined;
|
|
8
|
+
icon?: "visibility" | "add" | "code" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "dateRange" | "delete" | "description" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "firstPage" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "hideImage" | "image" | "imageSearch" | "insertDriveFile" | "inventory" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "link" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "moreVert" | "notes" | "openInNew" | "phoneIphone" | "photo" | "pin" | "place" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "search" | "tabletMac" | "tag" | "textFields" | "toggleOff" | "unfoldMore" | "unsplash" | "viewDay" | "zoomOutMap" | undefined;
|
|
7
9
|
onClick?: (() => void) | undefined;
|
|
8
10
|
selected?: boolean | undefined;
|
|
11
|
+
onMouseEnter?: (() => void) | undefined;
|
|
12
|
+
onMouseLeave?: (() => void) | undefined;
|
|
9
13
|
}> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, Readonly<{
|
|
2
|
-
title:
|
|
2
|
+
title: import("react").ReactNode;
|
|
3
3
|
color?: "green" | "grey" | "purple" | "tomato" | "amber" | undefined;
|
|
4
4
|
size?: "medium" | "large" | undefined;
|
|
5
|
+
width?: "restricted" | "unrestricted" | undefined;
|
|
5
6
|
onClose?: (() => void) | undefined;
|
|
6
|
-
icon?: "visibility" | "add" | "code" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "dateRange" | "delete" | "description" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "firstPage" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "hideImage" | "image" | "imageSearch" | "inventory" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "link" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "moreVert" | "notes" | "openInNew" | "phoneIphone" | "photo" | "pin" | "place" | "preview" | "public" | "refresh" | "save" | "schedule" | "search" | "tabletMac" | "tag" | "textFields" | "toggleOff" | "unfoldMore" | "unsplash" | "viewDay" | "zoomOutMap" | undefined;
|
|
7
|
+
icon?: "visibility" | "add" | "code" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "dateRange" | "delete" | "description" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "firstPage" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "hideImage" | "image" | "imageSearch" | "insertDriveFile" | "inventory" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "link" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "moreVert" | "notes" | "openInNew" | "phoneIphone" | "photo" | "pin" | "place" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "search" | "tabletMac" | "tag" | "textFields" | "toggleOff" | "unfoldMore" | "unsplash" | "viewDay" | "zoomOutMap" | undefined;
|
|
7
8
|
onClick?: (() => void) | undefined;
|
|
8
9
|
selected?: boolean | undefined;
|
|
10
|
+
onMouseEnter?: (() => void) | undefined;
|
|
11
|
+
onMouseLeave?: (() => void) | undefined;
|
|
9
12
|
}> & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
13
|
export default _default;
|
|
11
14
|
export declare const Default: {
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export declare const base: string;
|
|
2
2
|
export declare const root: string;
|
|
3
|
-
export declare const
|
|
3
|
+
export declare const rootBorderNone: string;
|
|
4
|
+
export declare const input: Record<"normal" | "borderNone", string>;
|
|
4
5
|
export declare const inputColorVariant: {
|
|
5
6
|
normal: string;
|
|
6
7
|
link: string;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { KeyboardEvent, ReactNode } from "react";
|
|
1
|
+
import { type KeyboardEvent, type ReactNode } from "react";
|
|
2
|
+
import { type SX } from "../../theme/util";
|
|
2
3
|
import * as styles from "./BaseInput.css";
|
|
3
4
|
export interface BaseInputProps {
|
|
4
5
|
autoComplete?: string;
|
|
@@ -17,5 +18,8 @@ export interface BaseInputProps {
|
|
|
17
18
|
onChange?: (value: string) => void;
|
|
18
19
|
cursor?: keyof typeof styles.cursor;
|
|
19
20
|
onKeyDown?: (event: KeyboardEvent) => void;
|
|
21
|
+
border?: "none";
|
|
22
|
+
maxLength?: number;
|
|
23
|
+
sx?: SX;
|
|
20
24
|
}
|
|
21
25
|
export declare const BaseInput: import("react").ForwardRefExoticComponent<BaseInputProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export declare const root: string;
|
|
2
2
|
export declare const icon: string;
|
|
3
3
|
export declare const image: string;
|
|
4
|
+
export declare const imageFixedHeight: string;
|
|
4
5
|
export declare const iconChildren: string;
|
|
5
6
|
export declare const title: string;
|
|
6
7
|
export declare const titleSizeVariant: {
|
|
@@ -6,7 +6,7 @@ export interface BlankSlateProps extends PropsWithChildren {
|
|
|
6
6
|
style?: CSSProperties;
|
|
7
7
|
}
|
|
8
8
|
export declare const BlankSlate: FC<BlankSlateProps>;
|
|
9
|
-
|
|
9
|
+
type BlankSlateIconProps = Readonly<{
|
|
10
10
|
name: IconName;
|
|
11
11
|
lineColor?: keyof typeof colors;
|
|
12
12
|
backgroundColor?: keyof typeof colors;
|
|
@@ -17,6 +17,9 @@ export interface BlankSlateTitleProps extends PropsWithChildren {
|
|
|
17
17
|
}
|
|
18
18
|
export declare const BlankSlateTitle: FC<BlankSlateTitleProps>;
|
|
19
19
|
export declare const BlankSlateDescription: FC<PropsWithChildren>;
|
|
20
|
-
|
|
20
|
+
interface BlankSlateImageProps extends PropsWithChildren {
|
|
21
|
+
fixedHeight?: boolean;
|
|
22
|
+
}
|
|
23
|
+
export declare function BlankSlateImage(props: BlankSlateImageProps): JSX.Element;
|
|
21
24
|
export declare const BlankSlateActions: FC<PropsWithChildren>;
|
|
22
25
|
export {};
|
|
@@ -1,27 +1,29 @@
|
|
|
1
|
-
import { ReactNode } from "react";
|
|
1
|
+
import { type ReactNode } from "react";
|
|
2
2
|
import { type ThemeColor } from "../../theme/colors";
|
|
3
3
|
import { type Sprinkles } from "../../theme/sprinkles.css";
|
|
4
|
-
|
|
5
|
-
as?: "div" | "nav" | "ul" | "ol" | "article" | "header";
|
|
4
|
+
export type BoxProps = {
|
|
5
|
+
as?: "div" | "nav" | "ul" | "ol" | "article" | "header" | "form";
|
|
6
6
|
children?: ReactNode;
|
|
7
7
|
position?: "absolute" | "relative" | "sticky" | "fixed";
|
|
8
|
-
top?:
|
|
9
|
-
left?:
|
|
10
|
-
right?:
|
|
11
|
-
bottom?:
|
|
12
|
-
width?:
|
|
13
|
-
minWidth?:
|
|
14
|
-
maxWidth?:
|
|
15
|
-
height?:
|
|
16
|
-
minHeight?:
|
|
17
|
-
maxHeight?:
|
|
8
|
+
top?: number | string;
|
|
9
|
+
left?: number | string;
|
|
10
|
+
right?: number | string;
|
|
11
|
+
bottom?: number | string;
|
|
12
|
+
width?: number | string;
|
|
13
|
+
minWidth?: number | string;
|
|
14
|
+
maxWidth?: number | string;
|
|
15
|
+
height?: number | string;
|
|
16
|
+
minHeight?: number | string;
|
|
17
|
+
maxHeight?: number | string;
|
|
18
18
|
flexGrow?: Sprinkles["flexGrow"];
|
|
19
19
|
flexShrink?: Sprinkles["flexShrink"];
|
|
20
|
+
flexWrap?: Sprinkles["flexWrap"];
|
|
20
21
|
animation?: Animation;
|
|
21
22
|
transition?: Transition;
|
|
22
23
|
padding?: Padding;
|
|
23
24
|
border?: Border;
|
|
24
25
|
borderRadius?: Sprinkles["borderRadius"];
|
|
26
|
+
borderStyle?: Sprinkles["borderStyle"];
|
|
25
27
|
boxShadow?: Sprinkles["boxShadow"];
|
|
26
28
|
backgroundColor?: ThemeColor;
|
|
27
29
|
opacity?: Sprinkles["opacity"];
|
|
@@ -29,34 +31,34 @@ declare type BoxProps = {
|
|
|
29
31
|
overflowY?: Sprinkles["overflowY"];
|
|
30
32
|
overflow?: Sprinkles["overflow"];
|
|
31
33
|
} & DisplayProps;
|
|
32
|
-
|
|
34
|
+
type DisplayProps = {
|
|
33
35
|
gap?: Sprinkles["gap"];
|
|
34
36
|
alignItems?: Sprinkles["alignItems"];
|
|
35
37
|
justifyContent?: Sprinkles["justifyContent"];
|
|
36
|
-
} & (
|
|
37
|
-
|
|
38
|
+
} & (BoxGridDisplayProps | BoxFlexDisplayProps);
|
|
39
|
+
type BoxGridDisplayProps = {
|
|
38
40
|
display: "grid";
|
|
39
41
|
gridTemplateColumns?: string;
|
|
40
42
|
gridTemplateRows?: string;
|
|
41
43
|
flexDirection?: never;
|
|
42
44
|
};
|
|
43
|
-
|
|
45
|
+
export type BoxFlexDisplayProps = {
|
|
44
46
|
display?: "flex";
|
|
45
47
|
flexDirection?: "column" | "row";
|
|
46
48
|
gridTemplateColumns?: never;
|
|
47
49
|
gridTemplateRows?: never;
|
|
48
50
|
};
|
|
49
|
-
|
|
51
|
+
type Animation = {
|
|
50
52
|
name?: "fadeIn";
|
|
51
53
|
duration?: Sprinkles["animationDuration"];
|
|
52
54
|
};
|
|
53
|
-
|
|
55
|
+
type Transition = {
|
|
54
56
|
property: "opacity" | "background-color" | "height";
|
|
55
57
|
duration?: Sprinkles["transitionDuration"];
|
|
56
58
|
timingFunction?: Sprinkles["transitionTimingFunction"];
|
|
57
59
|
delay?: string;
|
|
58
60
|
};
|
|
59
|
-
|
|
61
|
+
type Padding = Sprinkles["padding"] | {
|
|
60
62
|
block?: Sprinkles["padding"];
|
|
61
63
|
inline?: Sprinkles["padding"];
|
|
62
64
|
top?: Sprinkles["padding"];
|
|
@@ -64,7 +66,7 @@ declare type Padding = Sprinkles["padding"] | {
|
|
|
64
66
|
left?: Sprinkles["padding"];
|
|
65
67
|
right?: Sprinkles["padding"];
|
|
66
68
|
};
|
|
67
|
-
|
|
69
|
+
type Border = boolean | {
|
|
68
70
|
top?: boolean;
|
|
69
71
|
bottom?: boolean;
|
|
70
72
|
left?: boolean;
|
|
@@ -1,129 +1,7 @@
|
|
|
1
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, (
|
|
2
|
-
as?: "article" | "div" | "header" | "nav" | "ol" | "ul" | undefined;
|
|
3
|
-
children?: import("react").ReactNode;
|
|
4
|
-
position?: "fixed" | "absolute" | "relative" | "sticky" | undefined;
|
|
5
|
-
top?: string | number | undefined;
|
|
6
|
-
left?: string | number | undefined;
|
|
7
|
-
right?: string | number | undefined;
|
|
8
|
-
bottom?: string | number | undefined;
|
|
9
|
-
width?: string | number | undefined;
|
|
10
|
-
minWidth?: string | number | undefined;
|
|
11
|
-
maxWidth?: string | number | undefined;
|
|
12
|
-
height?: string | number | undefined;
|
|
13
|
-
minHeight?: string | number | undefined;
|
|
14
|
-
maxHeight?: string | number | undefined;
|
|
15
|
-
flexGrow?: number | undefined;
|
|
16
|
-
flexShrink?: number | undefined;
|
|
17
|
-
animation?: {
|
|
18
|
-
name?: "fadeIn" | undefined;
|
|
19
|
-
duration?: 0 | 100 | 75 | 150 | 200 | 250 | 300 | 400 | undefined;
|
|
20
|
-
} | undefined;
|
|
21
|
-
transition?: {
|
|
22
|
-
property: "height" | "opacity" | "background-color";
|
|
23
|
-
duration?: 0 | 100 | 75 | 150 | 200 | 250 | 300 | 400 | undefined;
|
|
24
|
-
timingFunction?: "easeInOut" | "easeOut" | "easeIn" | "sharp" | undefined;
|
|
25
|
-
delay?: string | undefined;
|
|
26
|
-
} | undefined;
|
|
27
|
-
padding?: 0 | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 24 | 32 | 48 | 72 | 80 | 100 | {
|
|
28
|
-
block?: 0 | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 24 | 32 | 48 | 72 | 80 | 100 | undefined;
|
|
29
|
-
inline?: 0 | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 24 | 32 | 48 | 72 | 80 | 100 | undefined;
|
|
30
|
-
top?: 0 | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 24 | 32 | 48 | 72 | 80 | 100 | undefined;
|
|
31
|
-
bottom?: 0 | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 24 | 32 | 48 | 72 | 80 | 100 | undefined;
|
|
32
|
-
left?: 0 | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 24 | 32 | 48 | 72 | 80 | 100 | undefined;
|
|
33
|
-
right?: 0 | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 24 | 32 | 48 | 72 | 80 | 100 | undefined;
|
|
34
|
-
} | undefined;
|
|
35
|
-
border?: (boolean | {
|
|
36
|
-
top?: boolean | undefined;
|
|
37
|
-
bottom?: boolean | undefined;
|
|
38
|
-
left?: boolean | undefined;
|
|
39
|
-
right?: boolean | undefined;
|
|
40
|
-
}) | undefined;
|
|
41
|
-
borderRadius?: 0 | 1 | 2 | "50%" | "100%" | 4 | 6 | 8 | 10 | 12 | undefined;
|
|
42
|
-
boxShadow?: "0" | "1" | "-1" | "2" | "3" | "4" | "focus" | "ghostFocus" | undefined;
|
|
43
|
-
backgroundColor?: "indigo2" | "indigo7" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato4" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark2" | "dark4" | "dark6" | "dark7" | "dark12" | undefined;
|
|
44
|
-
opacity?: "50%" | "100%" | "30%" | "0%" | "10%" | "60%" | "80%" | undefined;
|
|
45
|
-
visibility?: "hidden" | undefined;
|
|
46
|
-
overflowY?: "auto" | undefined;
|
|
47
|
-
overflow?: "hidden" | undefined;
|
|
48
|
-
} & ({
|
|
49
|
-
gap?: 0 | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 24 | 32 | 48 | 72 | 80 | 100 | undefined;
|
|
50
|
-
alignItems?: "center" | "flex-start" | undefined;
|
|
51
|
-
justifyContent?: "space-between" | "center" | "end" | undefined;
|
|
52
|
-
} & ({
|
|
53
|
-
display: "grid";
|
|
54
|
-
gridTemplateColumns?: string | undefined;
|
|
55
|
-
gridTemplateRows?: string | undefined;
|
|
56
|
-
flexDirection?: undefined;
|
|
57
|
-
} | {
|
|
58
|
-
display?: "flex" | undefined;
|
|
59
|
-
flexDirection?: "column" | "row" | undefined;
|
|
60
|
-
gridTemplateColumns?: undefined;
|
|
61
|
-
gridTemplateRows?: undefined;
|
|
62
|
-
}))) & import("react").RefAttributes<HTMLElement>>;
|
|
1
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./Box").BoxProps & import("react").RefAttributes<HTMLElement>>;
|
|
63
2
|
export default _default;
|
|
64
3
|
export declare const Default: {
|
|
65
|
-
render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, (
|
|
66
|
-
as?: "article" | "div" | "header" | "nav" | "ol" | "ul" | undefined;
|
|
67
|
-
children?: import("react").ReactNode;
|
|
68
|
-
position?: "fixed" | "absolute" | "relative" | "sticky" | undefined;
|
|
69
|
-
top?: string | number | undefined;
|
|
70
|
-
left?: string | number | undefined;
|
|
71
|
-
right?: string | number | undefined;
|
|
72
|
-
bottom?: string | number | undefined;
|
|
73
|
-
width?: string | number | undefined;
|
|
74
|
-
minWidth?: string | number | undefined;
|
|
75
|
-
maxWidth?: string | number | undefined;
|
|
76
|
-
height?: string | number | undefined;
|
|
77
|
-
minHeight?: string | number | undefined;
|
|
78
|
-
maxHeight?: string | number | undefined;
|
|
79
|
-
flexGrow?: number | undefined;
|
|
80
|
-
flexShrink?: number | undefined;
|
|
81
|
-
animation?: {
|
|
82
|
-
name?: "fadeIn" | undefined;
|
|
83
|
-
duration?: 0 | 100 | 75 | 150 | 200 | 250 | 300 | 400 | undefined;
|
|
84
|
-
} | undefined;
|
|
85
|
-
transition?: {
|
|
86
|
-
property: "height" | "opacity" | "background-color";
|
|
87
|
-
duration?: 0 | 100 | 75 | 150 | 200 | 250 | 300 | 400 | undefined;
|
|
88
|
-
timingFunction?: "easeInOut" | "easeOut" | "easeIn" | "sharp" | undefined;
|
|
89
|
-
delay?: string | undefined;
|
|
90
|
-
} | undefined;
|
|
91
|
-
padding?: 0 | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 24 | 32 | 48 | 72 | 80 | 100 | {
|
|
92
|
-
block?: 0 | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 24 | 32 | 48 | 72 | 80 | 100 | undefined;
|
|
93
|
-
inline?: 0 | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 24 | 32 | 48 | 72 | 80 | 100 | undefined;
|
|
94
|
-
top?: 0 | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 24 | 32 | 48 | 72 | 80 | 100 | undefined;
|
|
95
|
-
bottom?: 0 | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 24 | 32 | 48 | 72 | 80 | 100 | undefined;
|
|
96
|
-
left?: 0 | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 24 | 32 | 48 | 72 | 80 | 100 | undefined;
|
|
97
|
-
right?: 0 | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 24 | 32 | 48 | 72 | 80 | 100 | undefined;
|
|
98
|
-
} | undefined;
|
|
99
|
-
border?: (boolean | {
|
|
100
|
-
top?: boolean | undefined;
|
|
101
|
-
bottom?: boolean | undefined;
|
|
102
|
-
left?: boolean | undefined;
|
|
103
|
-
right?: boolean | undefined;
|
|
104
|
-
}) | undefined;
|
|
105
|
-
borderRadius?: 0 | 1 | 2 | "50%" | "100%" | 4 | 6 | 8 | 10 | 12 | undefined;
|
|
106
|
-
boxShadow?: "0" | "1" | "-1" | "2" | "3" | "4" | "focus" | "ghostFocus" | undefined;
|
|
107
|
-
backgroundColor?: "indigo2" | "indigo7" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato4" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark2" | "dark4" | "dark6" | "dark7" | "dark12" | undefined;
|
|
108
|
-
opacity?: "50%" | "100%" | "30%" | "0%" | "10%" | "60%" | "80%" | undefined;
|
|
109
|
-
visibility?: "hidden" | undefined;
|
|
110
|
-
overflowY?: "auto" | undefined;
|
|
111
|
-
overflow?: "hidden" | undefined;
|
|
112
|
-
} & ({
|
|
113
|
-
gap?: 0 | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 24 | 32 | 48 | 72 | 80 | 100 | undefined;
|
|
114
|
-
alignItems?: "center" | "flex-start" | undefined;
|
|
115
|
-
justifyContent?: "space-between" | "center" | "end" | undefined;
|
|
116
|
-
} & ({
|
|
117
|
-
display: "grid";
|
|
118
|
-
gridTemplateColumns?: string | undefined;
|
|
119
|
-
gridTemplateRows?: string | undefined;
|
|
120
|
-
flexDirection?: undefined;
|
|
121
|
-
} | {
|
|
122
|
-
display?: "flex" | undefined;
|
|
123
|
-
flexDirection?: "column" | "row" | undefined;
|
|
124
|
-
gridTemplateColumns?: undefined;
|
|
125
|
-
gridTemplateRows?: undefined;
|
|
126
|
-
}))) & import("react").RefAttributes<HTMLElement>>;
|
|
4
|
+
render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./Box").BoxProps & import("react").RefAttributes<HTMLElement>>;
|
|
127
5
|
args: {
|
|
128
6
|
children: JSX.Element;
|
|
129
7
|
as: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type MouseEvent, type ReactNode } from "react";
|
|
2
|
-
import { SX } from "../../theme/util";
|
|
3
|
-
import { IconName } from "../Icon";
|
|
2
|
+
import { type SX } from "../../theme/util";
|
|
3
|
+
import { type IconName } from "../Icon";
|
|
4
4
|
import * as styles from "./Button.css";
|
|
5
5
|
export interface ButtonProps {
|
|
6
6
|
children?: ReactNode;
|
|
@@ -16,5 +16,7 @@ export interface ButtonProps {
|
|
|
16
16
|
renderStartIcon?: (icon: ReactNode) => ReactNode;
|
|
17
17
|
renderEndIcon?: (icon: ReactNode) => ReactNode;
|
|
18
18
|
onClick?: (event: MouseEvent) => void;
|
|
19
|
+
onMouseEnter?: (event: MouseEvent) => void;
|
|
20
|
+
onMouseLeave?: (event: MouseEvent) => void;
|
|
19
21
|
}
|
|
20
22
|
export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type ReactNode } from "react";
|
|
2
2
|
import type * as buttonStyles from "../Button/Button.css";
|
|
3
|
-
|
|
3
|
+
type ButtonGroupContextValue = Readonly<{
|
|
4
4
|
disabled?: boolean;
|
|
5
5
|
size: keyof typeof buttonStyles.size;
|
|
6
6
|
variant: keyof typeof buttonStyles.variant;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { DateValue, GregorianCalendar } from "@internationalized/date";
|
|
1
|
+
import { type DateValue, GregorianCalendar } from "@internationalized/date";
|
|
2
2
|
export interface CalendarProps {
|
|
3
|
+
minValue?: "tomorrow";
|
|
3
4
|
value: DateValue | undefined;
|
|
4
5
|
onValueChange: (value: DateValue) => void;
|
|
5
6
|
}
|
|
6
7
|
export declare function Calendar(props: CalendarProps): JSX.Element;
|
|
7
|
-
export declare
|
|
8
|
+
export declare function createCalendar(): GregorianCalendar;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { AriaCalendarCellProps } from "@react-aria/calendar";
|
|
1
|
+
import { type AriaCalendarCellProps } from "@react-aria/calendar";
|
|
2
2
|
import type { CalendarState } from "@react-stately/calendar";
|
|
3
|
-
|
|
3
|
+
interface Props {
|
|
4
4
|
state: CalendarState;
|
|
5
5
|
date: AriaCalendarCellProps["date"];
|
|
6
|
-
}
|
|
7
|
-
export declare
|
|
6
|
+
}
|
|
7
|
+
export declare function CalendarCell(props: Props): JSX.Element;
|
|
8
8
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { AriaCalendarGridProps } from "@react-aria/calendar";
|
|
1
|
+
import { type AriaCalendarGridProps } from "@react-aria/calendar";
|
|
2
2
|
import type { CalendarState } from "@react-stately/calendar";
|
|
3
|
-
|
|
3
|
+
type Props = AriaCalendarGridProps & {
|
|
4
4
|
state: CalendarState;
|
|
5
5
|
};
|
|
6
6
|
export declare const CalendarGrid: ({ state, ...props }: Props) => JSX.Element;
|