@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.
Files changed (167) hide show
  1. package/dist/components/ActionList/ActionList.d.ts +2 -2
  2. package/dist/components/Alert/Alert.d.ts +1 -1
  3. package/dist/components/Alert/AlertContext.d.ts +3 -3
  4. package/dist/components/Alert/index.d.ts +1 -1
  5. package/dist/components/AnimatedElement/AnimatedElement.css.d.ts +1 -0
  6. package/dist/components/AnimatedElement/AnimatedElement.d.ts +4 -4
  7. package/dist/components/AnimatedElement/index.d.ts +1 -1
  8. package/dist/components/AnimatedList/AnimatedList.d.ts +4 -4
  9. package/dist/components/AnimatedList/DragPreview.d.ts +2 -2
  10. package/dist/components/AnimatedList/autoScroll.d.ts +1 -1
  11. package/dist/components/AnimatedList/dnd.d.ts +8 -8
  12. package/dist/components/AnimatedList/layout.d.ts +1 -1
  13. package/dist/components/Avatar/Avatar.css.d.ts +3 -0
  14. package/dist/components/Avatar/Avatar.d.ts +7 -0
  15. package/dist/components/Avatar/Avatar.stories.d.ts +10 -0
  16. package/dist/components/Avatar/index.d.ts +1 -0
  17. package/dist/components/Badge/Badge.css.d.ts +2 -1
  18. package/dist/components/Badge/Badge.d.ts +6 -2
  19. package/dist/components/Badge/Badge.stories.d.ts +5 -2
  20. package/dist/components/BaseInput/BaseInput.css.d.ts +2 -1
  21. package/dist/components/BaseInput/BaseInput.d.ts +5 -1
  22. package/dist/components/BlankSlate/BlankSlate.css.d.ts +1 -0
  23. package/dist/components/BlankSlate/BlankSlate.d.ts +5 -2
  24. package/dist/components/Box/Box.d.ts +23 -21
  25. package/dist/components/Box/Box.stories.d.ts +2 -124
  26. package/dist/components/Button/Button.d.ts +4 -2
  27. package/dist/components/ButtonGroup/ButtonGroup.d.ts +1 -1
  28. package/dist/components/Calendar/Calendar.d.ts +3 -2
  29. package/dist/components/Calendar/Calendar.stories.d.ts +3 -0
  30. package/dist/components/Calendar/CalendarCell.css.d.ts +1 -0
  31. package/dist/components/Calendar/CalendarCell.d.ts +4 -4
  32. package/dist/components/Calendar/CalendarGrid.d.ts +2 -2
  33. package/dist/components/Card/Card.d.ts +16 -16
  34. package/dist/components/Card/Card.stories.d.ts +2 -14
  35. package/dist/components/Carousel/Carousel.css.d.ts +0 -2
  36. package/dist/components/Carousel/CarouselItem.d.ts +2 -2
  37. package/dist/components/CircledIcon/CircledIcon.d.ts +1 -1
  38. package/dist/components/ColorInput/ColorArea.d.ts +1 -1
  39. package/dist/components/ColorInput/ColorInput.d.ts +1 -1
  40. package/dist/components/ColorInput/ColorSlider.d.ts +1 -1
  41. package/dist/components/Cropper/Cropper.d.ts +1 -1
  42. package/dist/components/CropperControls/CropperControls.d.ts +5 -5
  43. package/dist/components/DateInput/DateInput.d.ts +12 -6
  44. package/dist/components/DateInput/DateInput.stories.d.ts +2 -14
  45. package/dist/components/DateInput/DateSegments.d.ts +1 -1
  46. package/dist/components/Dialog/Dialog.css.d.ts +4 -0
  47. package/dist/components/Dialog/Dialog.d.ts +4 -1
  48. package/dist/components/Dialog/Dialog.stories.d.ts +3 -0
  49. package/dist/components/Dialog/FullscreenDialog.d.ts +1 -1
  50. package/dist/components/Dialog/Options/DialogOptions.d.ts +1 -1
  51. package/dist/components/DocumentCard/DocumentCard.css.d.ts +1 -0
  52. package/dist/components/DocumentCard/DocumentCard.d.ts +2 -0
  53. package/dist/components/DocumentStatusBar/DocumentStatusBar.d.ts +1 -1
  54. package/dist/components/DocumentStatusDot/DocumentStatusDot.d.ts +1 -1
  55. package/dist/components/DropdownMenu/DropdownMenu.d.ts +1 -1
  56. package/dist/components/Embed/EmbedPreview.d.ts +1 -1
  57. package/dist/components/Embed/EmptyEmbed.d.ts +1 -1
  58. package/dist/components/Embed/Icon.d.ts +1 -1
  59. package/dist/components/ErrorBoundary/ErrorBoundary.d.ts +3 -3
  60. package/dist/components/Field/Field.d.ts +1 -1
  61. package/dist/components/FieldSet/FieldSet.d.ts +4 -4
  62. package/dist/components/FieldSet/FieldSet.stories.d.ts +1 -6
  63. package/dist/components/FieldSet/FieldSet.utils.d.ts +4 -0
  64. package/dist/components/FieldSet/index.d.ts +1 -0
  65. package/dist/components/FileUpload/FileDropZone/FileDropZone.d.ts +1 -1
  66. package/dist/components/FileUpload/FileUpload.utils.d.ts +5 -1
  67. package/dist/components/FilterField/FilterField.d.ts +2 -2
  68. package/dist/components/FilterField/useFilterField.d.ts +2 -1
  69. package/dist/components/Form/Form.d.ts +2 -0
  70. package/dist/components/Form/FormDateInput.d.ts +14 -0
  71. package/dist/components/Form/FormField.css.d.ts +7 -0
  72. package/dist/components/Form/FormField.d.ts +14 -0
  73. package/dist/components/Form/FormInput.css.d.ts +4 -6
  74. package/dist/components/Form/FormInput.d.ts +5 -5
  75. package/dist/components/Form/index.d.ts +1 -0
  76. package/dist/components/Gradient/Gradient.d.ts +1 -1
  77. package/dist/components/HairlineButton/HairlineButton.d.ts +2 -2
  78. package/dist/components/Icon/Icon.d.ts +3 -1
  79. package/dist/components/Icon/iconNames.d.ts +2 -2
  80. package/dist/components/Image/Image.d.ts +4 -5
  81. package/dist/components/Image/Image.stories.d.ts +2 -22
  82. package/dist/components/Image/index.d.ts +1 -1
  83. package/dist/components/InvisibleButton/InvisibleButton.d.ts +1 -1
  84. package/dist/components/LazyRender/LazyRender.d.ts +21 -0
  85. package/dist/components/LazyRender/LazyRender.stories.d.ts +7 -0
  86. package/dist/components/LazyRender/index.d.ts +1 -0
  87. package/dist/components/LinkImageCard/LinkImageCard.d.ts +8 -0
  88. package/dist/components/LinkImageCard/LinkImageCard.stories.d.ts +11 -0
  89. package/dist/components/LinkImageCard/index.d.ts +1 -0
  90. package/dist/components/Masonry/Masonry.d.ts +1 -1
  91. package/dist/components/Masonry/MasonryFile.css.d.ts +2 -0
  92. package/dist/components/Masonry/MasonryFile.d.ts +8 -0
  93. package/dist/components/Masonry/MasonryMedia.d.ts +1 -2
  94. package/dist/components/Masonry/index.d.ts +2 -1
  95. package/dist/components/NumberInput/NumberInput.d.ts +2 -1
  96. package/dist/components/Popover/Popover.d.ts +8 -3
  97. package/dist/components/Popover/Popover.stories.d.ts +2 -20
  98. package/dist/components/Popover/index.d.ts +1 -1
  99. package/dist/components/Radio/RadioButton.css.d.ts +3 -0
  100. package/dist/components/Radio/RadioButton.d.ts +10 -0
  101. package/dist/components/Radio/RadioCard.css.d.ts +1 -0
  102. package/dist/components/Radio/RadioCard.d.ts +5 -0
  103. package/dist/components/Radio/RadioGroup.css.d.ts +1 -0
  104. package/dist/components/Radio/RadioGroup.d.ts +18 -0
  105. package/dist/components/Radio/RadioGroup.stories.d.ts +9 -0
  106. package/dist/components/Radio/RadioItem.css.d.ts +10 -0
  107. package/dist/components/Radio/RadioItem.d.ts +8 -0
  108. package/dist/components/Radio/index.d.ts +3 -0
  109. package/dist/components/ScrollArea/ScrollArea.d.ts +4 -5
  110. package/dist/components/ScrollArea/ScrollArea.stories.d.ts +2 -14
  111. package/dist/components/SearchInput/SearchInput.d.ts +1 -1
  112. package/dist/components/Select/Select.css.d.ts +4 -0
  113. package/dist/components/Select/Select.d.ts +7 -2
  114. package/dist/components/SelectButton/SelectButton.d.ts +1 -1
  115. package/dist/components/SelectCard/SelectButton.stories.d.ts +12 -0
  116. package/dist/components/SelectCard/SelectCard.css.d.ts +1 -0
  117. package/dist/components/SelectCard/SelectCard.d.ts +7 -0
  118. package/dist/components/SelectCard/index.d.ts +1 -0
  119. package/dist/components/Separator/Separator.d.ts +11 -5
  120. package/dist/components/Skeleton/Skeleton.d.ts +1 -1
  121. package/dist/components/Slice/Slice.stories.d.ts +2 -2
  122. package/dist/components/Slice/SliceCard.d.ts +1 -0
  123. package/dist/components/Slice/{SliceVariationCard.css.d.ts → SliceSelectCard.css.d.ts} +2 -0
  124. package/dist/components/Slice/SliceSelectCard.d.ts +12 -0
  125. package/dist/components/Slice/index.d.ts +1 -1
  126. package/dist/components/Slider/Slider.d.ts +1 -1
  127. package/dist/components/StoryCard.d.ts +12 -0
  128. package/dist/components/Table/Table.css.d.ts +9 -0
  129. package/dist/components/Table/Table.d.ts +24 -0
  130. package/dist/components/Table/Table.stories.d.ts +6 -0
  131. package/dist/components/Table/index.d.ts +1 -0
  132. package/dist/components/TagField/TagField.css.d.ts +0 -5
  133. package/dist/components/TagField/TagFieldHeader.css.d.ts +6 -0
  134. package/dist/components/TagField/TagFieldHeader.d.ts +21 -0
  135. package/dist/components/TagField/useTagField.d.ts +5 -31
  136. package/dist/components/TagField/useTagFieldHeader.d.ts +24 -0
  137. package/dist/components/Text/Text.css.d.ts +3 -0
  138. package/dist/components/Text/Text.d.ts +4 -3
  139. package/dist/components/Text/index.d.ts +1 -1
  140. package/dist/components/TextArea/TextArea.d.ts +2 -1
  141. package/dist/components/TextInput/TextInput.d.ts +4 -1
  142. package/dist/components/TextLink/TextLink.css.d.ts +2 -0
  143. package/dist/components/TextLink/TextLink.d.ts +3 -1
  144. package/dist/components/Toast/Toast.d.ts +2 -2
  145. package/dist/components/Toast/Toast.stories.d.ts +2 -2
  146. package/dist/components/Toast/ToastContext.d.ts +1 -1
  147. package/dist/components/ToggleButtonGroup/ToggleButtonGroup.d.ts +2 -2
  148. package/dist/components/Toolbar/Toolbar.d.ts +6 -5
  149. package/dist/components/Tooltip/Tooltip.d.ts +14 -1
  150. package/dist/components/Video/Video.d.ts +2 -1
  151. package/dist/components/Video/Video.stories.d.ts +2 -1
  152. package/dist/components/Video/index.d.ts +1 -1
  153. package/dist/index.d.ts +18 -12
  154. package/dist/index.es.js +15679 -16180
  155. package/dist/style.css +1 -1
  156. package/dist/theme/colors.d.ts +65 -65
  157. package/dist/theme/mediaQueries.d.ts +5 -0
  158. package/dist/theme/selectors.d.ts +21 -21
  159. package/dist/theme/sprinkles.css.d.ts +8324 -536
  160. package/dist/theme/util.d.ts +12 -2
  161. package/dist/theme/vars.css.d.ts +137 -73
  162. package/package.json +16 -14
  163. package/dist/components/DocumentVersions/DocumentVersions.css.d.ts +0 -4
  164. package/dist/components/DocumentVersions/DocumentVersions.d.ts +0 -16
  165. package/dist/components/DocumentVersions/DocumentVersions.stories.d.ts +0 -31
  166. package/dist/components/DocumentVersions/index.d.ts +0 -1
  167. 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,4 +1,4 @@
1
- declare type Props = {
1
+ type Props = {
2
2
  title: string;
3
3
  subtitle?: string;
4
4
  footerButtons?: React.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: () => void;
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,3 +1,4 @@
1
+ export declare const root: string;
1
2
  export declare const entering: {
2
3
  fade: string;
3
4
  slide: string;
@@ -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
- declare type OnlyChild = ReactElement | null | undefined | false | 0;
27
+ type OnlyChild = ReactElement | null | undefined | false | 0;
28
28
  export {};
@@ -1 +1 @@
1
- export { type AnimatedElementProps, AnimatedElement } from "./AnimatedElement";
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
- declare type ChildrenFunction<ITEM> = (item: ITEM, index: number) => ReactNode;
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 declare type DragPreviewRenderer = (draggedKey: string, callback: HandlerOf<HTMLElement>) => void;
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,4 +1,4 @@
1
- import { RefObject } from "react";
1
+ import { type RefObject } from "react";
2
2
  export declare function useAutoScroll(ref: RefObject<Element>): {
3
3
  start: () => void;
4
4
  stop: () => void;
@@ -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 declare type DragState = {
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 declare type RenderDropIndicator = (params: RenderDropIndicatorParams) => ReactNode;
51
- export declare type RenderDragPreview = (params: RenderDragPreviewParams) => ReactElement;
52
- export declare type RenderDropIndicatorParams = {
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 declare type RenderDragPreviewParams = {
57
+ export type RenderDragPreviewParams = {
58
58
  key: string;
59
59
  };
60
60
  export {};
@@ -1,4 +1,4 @@
1
- import { AnimationEvent, CSSProperties, RefObject } from "react";
1
+ import { type AnimationEvent, type CSSProperties, type RefObject } from "react";
2
2
  interface UseLayoutParams<ITEM> {
3
3
  containerRef: RefObject<HTMLUListElement>;
4
4
  items: readonly ITEM[];
@@ -0,0 +1,3 @@
1
+ export declare const avatarBody: string;
2
+ export declare const avatarBorder: string;
3
+ export declare const avatarImage: string;
@@ -0,0 +1,7 @@
1
+ export interface AvatarProps {
2
+ imageUrl?: string;
3
+ firstName: string;
4
+ lastName: string;
5
+ hasBorder?: boolean;
6
+ }
7
+ export declare function Avatar(props: AvatarProps): JSX.Element;
@@ -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: "purple8";
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: string;
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: string;
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 input: string;
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
- declare type BlankSlateIconProps = Readonly<{
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
- export declare const BlankSlateImage: FC<PropsWithChildren>;
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
- declare type BoxProps = {
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?: Sprinkles["top"] | number | string;
9
- left?: Sprinkles["left"] | number | string;
10
- right?: Sprinkles["right"] | number | string;
11
- bottom?: Sprinkles["bottom"] | number | string;
12
- width?: Sprinkles["width"] | number | string;
13
- minWidth?: Sprinkles["minWidth"] | number | string;
14
- maxWidth?: Sprinkles["maxWidth"] | number | string;
15
- height?: Sprinkles["height"] | number | string;
16
- minHeight?: Sprinkles["minHeight"] | number | string;
17
- maxHeight?: Sprinkles["maxHeight"] | number | string;
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
- declare type DisplayProps = {
34
+ type DisplayProps = {
33
35
  gap?: Sprinkles["gap"];
34
36
  alignItems?: Sprinkles["alignItems"];
35
37
  justifyContent?: Sprinkles["justifyContent"];
36
- } & (GridDisplayProps | FlexDisplayProps);
37
- declare type GridDisplayProps = {
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
- declare type FlexDisplayProps = {
45
+ export type BoxFlexDisplayProps = {
44
46
  display?: "flex";
45
47
  flexDirection?: "column" | "row";
46
48
  gridTemplateColumns?: never;
47
49
  gridTemplateRows?: never;
48
50
  };
49
- declare type Animation = {
51
+ type Animation = {
50
52
  name?: "fadeIn";
51
53
  duration?: Sprinkles["animationDuration"];
52
54
  };
53
- declare type Transition = {
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
- declare type Padding = Sprinkles["padding"] | {
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
- declare type Border = boolean | {
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
- declare type ButtonGroupContextValue = Readonly<{
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 const createCalendar: () => GregorianCalendar;
8
+ export declare function createCalendar(): GregorianCalendar;
@@ -3,4 +3,7 @@ export default _default;
3
3
  export declare const Default: {
4
4
  render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./Calendar").CalendarProps>;
5
5
  name: string;
6
+ args: {
7
+ minValue: undefined;
8
+ };
6
9
  };
@@ -4,3 +4,4 @@ export declare const cell: string;
4
4
  export declare const focused: string;
5
5
  export declare const selected: string;
6
6
  export declare const hidden: string;
7
+ export declare const disabled: string;
@@ -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
- declare type Props = {
3
+ interface Props {
4
4
  state: CalendarState;
5
5
  date: AriaCalendarCellProps["date"];
6
- };
7
- export declare const CalendarCell: ({ state, date }: Props) => JSX.Element;
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
- declare type Props = AriaCalendarGridProps & {
3
+ type Props = AriaCalendarGridProps & {
4
4
  state: CalendarState;
5
5
  };
6
6
  export declare const CalendarGrid: ({ state, ...props }: Props) => JSX.Element;