@prismicio/editor-ui 0.4.53 → 0.4.56

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 (15) hide show
  1. package/dist/components/AnimatedList/AnimatedList.stories.d.ts +1 -1
  2. package/dist/components/Box/Box.d.ts +1 -0
  3. package/dist/components/Box/Box.stories.d.ts +18 -16
  4. package/dist/components/Dialog/index.d.ts +1 -1
  5. package/dist/components/OverflowContainer/OverflowContainer.stories.d.ts +1 -1
  6. package/dist/components/SearchInput/SearchInput.d.ts +1 -0
  7. package/dist/components/Skeleton/Skeleton.d.ts +10 -10
  8. package/dist/components/Table/index.d.ts +1 -1
  9. package/dist/components/Toast/ToastContext.d.ts +1 -1
  10. package/dist/components/Toast/index.d.ts +1 -1
  11. package/dist/index.cjs.js +35 -35
  12. package/dist/index.d.ts +4 -4
  13. package/dist/index.es.js +1690 -1663
  14. package/dist/theme/theme.d.ts +1 -0
  15. package/package.json +2 -2
package/dist/components/AnimatedList/AnimatedList.stories.d.ts CHANGED
@@ -8,7 +8,7 @@ export default meta;
8
8
  export declare const Default: {
9
9
  render: (args: {
10
10
  ariaLabel: string;
11
- gap?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
11
+ gap?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
12
12
  direction?: "horizontal" | "vertical" | undefined;
13
13
  items: unknown[];
14
14
  getItemKey: (item: unknown) => string;
package/dist/components/Box/Box.d.ts CHANGED
@@ -14,6 +14,7 @@ export type BoxProps = {
14
14
  height?: number | string;
15
15
  minHeight?: number | string;
16
16
  maxHeight?: number | string;
17
+ flexBasis?: 0;
17
18
  flexGrow?: 1;
18
19
  flexShrink?: 0;
19
20
  flexWrap?: "wrap";
package/dist/components/Box/Box.stories.d.ts CHANGED
@@ -26,6 +26,7 @@ export declare const Default: {
26
26
  height?: string | number | undefined;
27
27
  minHeight?: string | number | undefined;
28
28
  maxHeight?: string | number | undefined;
29
+ flexBasis?: 0 | undefined;
29
30
  flexGrow?: 1 | undefined;
30
31
  flexShrink?: 0 | undefined;
31
32
  flexWrap?: "wrap" | undefined;
@@ -38,13 +39,13 @@ export declare const Default: {
38
39
  duration?: 0 | 100 | 75 | 150 | 200 | 250 | 300 | 400 | undefined;
39
40
  delay?: string | undefined;
40
41
  } | undefined;
41
- padding?: (0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | {
42
- block?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
43
- inline?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
44
- top?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
45
- bottom?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
46
- left?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
47
- right?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
42
+ padding?: (0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | {
43
+ block?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
44
+ inline?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
45
+ top?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
46
+ bottom?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
47
+ left?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
48
+ right?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
48
49
  }) | undefined;
49
50
  border?: (boolean | {
50
51
  top?: boolean | undefined;
@@ -67,7 +68,7 @@ export declare const Default: {
67
68
  gridColumn?: string | undefined;
68
69
  gridRow?: string | undefined;
69
70
  transform?: import("csstype").Property.Transform | undefined;
70
- gap?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
71
+ gap?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
71
72
  alignItems?: "center" | "flex-start" | undefined;
72
73
  justifyContent?: "center" | "end" | "space-between" | undefined;
73
74
  display: "grid";
@@ -90,6 +91,7 @@ export declare const Default: {
90
91
  height?: string | number | undefined;
91
92
  minHeight?: string | number | undefined;
92
93
  maxHeight?: string | number | undefined;
94
+ flexBasis?: 0 | undefined;
93
95
  flexGrow?: 1 | undefined;
94
96
  flexShrink?: 0 | undefined;
95
97
  flexWrap?: "wrap" | undefined;
@@ -102,13 +104,13 @@ export declare const Default: {
102
104
  duration?: 0 | 100 | 75 | 150 | 200 | 250 | 300 | 400 | undefined;
103
105
  delay?: string | undefined;
104
106
  } | undefined;
105
- padding?: (0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | {
106
- block?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
107
- inline?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
108
- top?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
109
- bottom?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
110
- left?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
111
- right?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
107
+ padding?: (0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | {
108
+ block?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
109
+ inline?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
110
+ top?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
111
+ bottom?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
112
+ left?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
113
+ right?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
112
114
  }) | undefined;
113
115
  border?: (boolean | {
114
116
  top?: boolean | undefined;
@@ -131,7 +133,7 @@ export declare const Default: {
131
133
  gridColumn?: string | undefined;
132
134
  gridRow?: string | undefined;
133
135
  transform?: import("csstype").Property.Transform | undefined;
134
- gap?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
136
+ gap?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
135
137
  alignItems?: "center" | "flex-start" | undefined;
136
138
  justifyContent?: "center" | "end" | "space-between" | undefined;
137
139
  display?: "flex" | "inline-flex" | undefined;
package/dist/components/Dialog/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export { Dialog, DialogActionButton, DialogActionLink, DialogActions, DialogCancelButton, DialogContent, DialogHeader } from "./Dialog";
1
+ export { Dialog, DialogActionButton, DialogActionLink, DialogActions, DialogCancelButton, DialogContent, DialogHeader, type DialogProps } from "./Dialog";
2
2
  export { DialogOptions, DialogOptionsItem } from "./Options/DialogOptions";
package/dist/components/OverflowContainer/OverflowContainer.stories.d.ts CHANGED
@@ -13,7 +13,7 @@ declare const meta: {
13
13
  };
14
14
  decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
15
15
  children: import("react").ReactNode[];
16
- gap?: (0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100) | undefined;
16
+ gap?: (0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120) | undefined;
17
17
  }>) => JSX.Element)[];
18
18
  };
19
19
  export default meta;
package/dist/components/SearchInput/SearchInput.d.ts CHANGED
@@ -16,5 +16,6 @@ export interface SearchInputProps {
16
16
  * https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus#accessibility_concerns
17
17
  */
18
18
  autoFocus?: boolean;
19
+ disabled?: boolean;
19
20
  }
20
21
  export declare const SearchInput: (props: SearchInputProps & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
package/dist/components/Skeleton/Skeleton.d.ts CHANGED
@@ -36,15 +36,15 @@ export declare function Skeleton(props: Props): import("react").DetailedReactHTM
36
36
  justifySelf?: "center" | "stretch" | "start" | "end" | undefined;
37
37
  visibility?: "hidden" | "visible" | undefined;
38
38
  position?: "fixed" | "absolute" | "relative" | "sticky" | undefined;
39
- marginLeft?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
40
- marginRight?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
41
- marginTop?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
42
- marginBottom?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
43
- marginInline?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
44
- marginBlock?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
45
- top?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
46
- left?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
47
- right?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
48
- bottom?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
39
+ marginLeft?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
40
+ marginRight?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
41
+ marginTop?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
42
+ marginBottom?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
43
+ marginInline?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
44
+ marginBlock?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
45
+ top?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
46
+ left?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
47
+ right?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
48
+ bottom?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
49
49
  };
50
50
  }, HTMLElement>;
package/dist/components/Table/index.d.ts CHANGED
@@ -1 +1 @@
1
- export { Table, TableBody, TableCell, TableHead, TableRow } from "./Table";
1
+ export { Table, TableBody, TableCell, TableHead, type TableProps, TableRow } from "./Table";
package/dist/components/Toast/ToastContext.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { type PropsWithChildren, type ReactNode } from "react";
2
2
  import type { IconName } from "../Icon";
3
- interface ToastConfig {
3
+ export interface ToastConfig {
4
4
  variant?: "inline" | "card";
5
5
  anchor?: ReactNode;
6
6
  title: ReactNode;
package/dist/components/Toast/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  export { Toast } from "./Toast";
2
- export { ToastProvider, useToast } from "./ToastContext";
2
+ export { type ToastConfig, ToastProvider, useToast } from "./ToastContext";