@prismicio/editor-ui 0.4.50-shared-onboarding-in-page-builder.1 → 0.4.51

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 (13) hide show
  1. package/dist/components/AnimatedList/AnimatedList.stories.d.ts +1 -1
  2. package/dist/components/Box/Box.stories.d.ts +29 -29
  3. package/dist/components/Button/Button.stories.d.ts +2 -2
  4. package/dist/components/Group/Group.d.ts +1 -1
  5. package/dist/components/Group/GroupItem.d.ts +5 -7
  6. package/dist/components/Group/context.d.ts +16 -12
  7. package/dist/components/OverflowContainer/OverflowContainer.stories.d.ts +1 -1
  8. package/dist/components/Skeleton/Skeleton.d.ts +11 -11
  9. package/dist/components/Video/Video.stories.d.ts +1 -1
  10. package/dist/index.cjs.js +158 -158
  11. package/dist/index.es.js +6326 -6290
  12. package/dist/style.css +1 -1
  13. 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 | "auto" | "fieldSetGap" | 1 | 2 | 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 | undefined;
12
12
  direction?: "horizontal" | "vertical" | undefined;
13
13
  items: unknown[];
14
14
  getItemKey: (item: unknown) => string;
package/dist/components/Box/Box.stories.d.ts CHANGED
@@ -34,17 +34,17 @@ export declare const Default: {
34
34
  duration?: 0 | 100 | 75 | 150 | 200 | 250 | 300 | 400 | undefined;
35
35
  } | undefined;
36
36
  transition?: {
37
- property: "opacity" | "height" | "background-color";
37
+ property: "background-color" | "height" | "opacity";
38
38
  duration?: 0 | 100 | 75 | 150 | 200 | 250 | 300 | 400 | undefined;
39
39
  delay?: string | undefined;
40
40
  } | undefined;
41
- padding?: (0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | {
42
- block?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
43
- inline?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
44
- top?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
45
- bottom?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
46
- left?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
47
- right?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 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;
48
48
  }) | undefined;
49
49
  border?: (boolean | {
50
50
  top?: boolean | undefined;
@@ -52,11 +52,11 @@ export declare const Default: {
52
52
  left?: boolean | undefined;
53
53
  right?: boolean | undefined;
54
54
  }) | undefined;
55
- borderRadius?: (0 | "50%" | "100%" | "inherit" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | {
56
- topLeft?: 0 | "50%" | "100%" | "inherit" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | undefined;
57
- topRight?: 0 | "50%" | "100%" | "inherit" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | undefined;
58
- bottomLeft?: 0 | "50%" | "100%" | "inherit" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | undefined;
59
- bottomRight?: 0 | "50%" | "100%" | "inherit" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | undefined;
55
+ borderRadius?: (0 | 2 | 1 | "50%" | "100%" | "inherit" | 4 | 6 | 8 | 10 | 12 | {
56
+ topLeft?: 0 | 2 | 1 | "50%" | "100%" | "inherit" | 4 | 6 | 8 | 10 | 12 | undefined;
57
+ topRight?: 0 | 2 | 1 | "50%" | "100%" | "inherit" | 4 | 6 | 8 | 10 | 12 | undefined;
58
+ bottomLeft?: 0 | 2 | 1 | "50%" | "100%" | "inherit" | 4 | 6 | 8 | 10 | 12 | undefined;
59
+ bottomRight?: 0 | 2 | 1 | "50%" | "100%" | "inherit" | 4 | 6 | 8 | 10 | 12 | undefined;
60
60
  }) | undefined;
61
61
  borderStyle?: "none" | "dashed" | "solid" | undefined;
62
62
  backgroundColor?: "inherit" | "currentColor" | "transparent" | "white" | "black" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark12" | "indigo2" | "indigo4" | "indigo5" | "indigo7" | "indigo8" | "indigo10" | "indigo11" | "indigo12" | "green3" | "green4" | "green9" | "green10" | "green11" | "green12" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "amber12" | "tomato1" | "tomato2" | "tomato3" | "tomato4" | "tomato5" | "tomato6" | "tomato7" | "tomato8" | "tomato9" | "tomato10" | "tomato11" | "tomato12" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "greyAlpha1" | "logoPurple" | "logoBlue" | "logoYellow" | "logoRed" | undefined;
@@ -67,7 +67,7 @@ export declare const Default: {
67
67
  gridColumn?: string | undefined;
68
68
  gridRow?: string | undefined;
69
69
  transform?: import("csstype").Property.Transform | undefined;
70
- gap?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 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
71
  alignItems?: "center" | "flex-start" | undefined;
72
72
  justifyContent?: "center" | "end" | "space-between" | undefined;
73
73
  display: "grid";
@@ -98,17 +98,17 @@ export declare const Default: {
98
98
  duration?: 0 | 100 | 75 | 150 | 200 | 250 | 300 | 400 | undefined;
99
99
  } | undefined;
100
100
  transition?: {
101
- property: "opacity" | "height" | "background-color";
101
+ property: "background-color" | "height" | "opacity";
102
102
  duration?: 0 | 100 | 75 | 150 | 200 | 250 | 300 | 400 | undefined;
103
103
  delay?: string | undefined;
104
104
  } | undefined;
105
- padding?: (0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | {
106
- block?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
107
- inline?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
108
- top?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
109
- bottom?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
110
- left?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
111
- right?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 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;
112
112
  }) | undefined;
113
113
  border?: (boolean | {
114
114
  top?: boolean | undefined;
@@ -116,11 +116,11 @@ export declare const Default: {
116
116
  left?: boolean | undefined;
117
117
  right?: boolean | undefined;
118
118
  }) | undefined;
119
- borderRadius?: (0 | "50%" | "100%" | "inherit" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | {
120
- topLeft?: 0 | "50%" | "100%" | "inherit" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | undefined;
121
- topRight?: 0 | "50%" | "100%" | "inherit" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | undefined;
122
- bottomLeft?: 0 | "50%" | "100%" | "inherit" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | undefined;
123
- bottomRight?: 0 | "50%" | "100%" | "inherit" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | undefined;
119
+ borderRadius?: (0 | 2 | 1 | "50%" | "100%" | "inherit" | 4 | 6 | 8 | 10 | 12 | {
120
+ topLeft?: 0 | 2 | 1 | "50%" | "100%" | "inherit" | 4 | 6 | 8 | 10 | 12 | undefined;
121
+ topRight?: 0 | 2 | 1 | "50%" | "100%" | "inherit" | 4 | 6 | 8 | 10 | 12 | undefined;
122
+ bottomLeft?: 0 | 2 | 1 | "50%" | "100%" | "inherit" | 4 | 6 | 8 | 10 | 12 | undefined;
123
+ bottomRight?: 0 | 2 | 1 | "50%" | "100%" | "inherit" | 4 | 6 | 8 | 10 | 12 | undefined;
124
124
  }) | undefined;
125
125
  borderStyle?: "none" | "dashed" | "solid" | undefined;
126
126
  backgroundColor?: "inherit" | "currentColor" | "transparent" | "white" | "black" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark12" | "indigo2" | "indigo4" | "indigo5" | "indigo7" | "indigo8" | "indigo10" | "indigo11" | "indigo12" | "green3" | "green4" | "green9" | "green10" | "green11" | "green12" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "amber12" | "tomato1" | "tomato2" | "tomato3" | "tomato4" | "tomato5" | "tomato6" | "tomato7" | "tomato8" | "tomato9" | "tomato10" | "tomato11" | "tomato12" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "greyAlpha1" | "logoPurple" | "logoBlue" | "logoYellow" | "logoRed" | undefined;
@@ -131,10 +131,10 @@ export declare const Default: {
131
131
  gridColumn?: string | undefined;
132
132
  gridRow?: string | undefined;
133
133
  transform?: import("csstype").Property.Transform | undefined;
134
- gap?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 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;
135
135
  alignItems?: "center" | "flex-start" | undefined;
136
136
  justifyContent?: "center" | "end" | "space-between" | undefined;
137
- display?: "inline-flex" | "flex" | undefined;
137
+ display?: "flex" | "inline-flex" | undefined;
138
138
  flexDirection?: "row" | "column" | undefined;
139
139
  gridTemplateColumns?: undefined;
140
140
  gridTemplateRows?: undefined;
package/dist/components/Button/Button.stories.d.ts CHANGED
@@ -26,8 +26,8 @@ export declare const Default: {
26
26
  textWeight?: "bold" | "normal" | undefined;
27
27
  radius?: "normal" | "full" | undefined;
28
28
  sx?: import("../../theme").SX | undefined;
29
- startIcon?: "search" | "link" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "contentPaste" | "createNewFolder" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "database" | "dateRange" | "delete" | "description" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "hideImage" | "image" | "imageSearch" | "insertDriveFile" | "inventory" | "invite" | "javascript" | "json" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "language" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "people" | "phoneIphone" | "photo" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "tabletMac" | "tag" | "terminal" | "textFields" | "title" | "toggleOff" | "translate" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "visibility" | "vue" | "zoomOutMap" | undefined;
30
- endIcon?: "search" | "link" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "contentPaste" | "createNewFolder" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "database" | "dateRange" | "delete" | "description" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "hideImage" | "image" | "imageSearch" | "insertDriveFile" | "inventory" | "invite" | "javascript" | "json" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "language" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "people" | "phoneIphone" | "photo" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "tabletMac" | "tag" | "terminal" | "textFields" | "title" | "toggleOff" | "translate" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "visibility" | "vue" | "zoomOutMap" | undefined;
29
+ startIcon?: "translate" | "visibility" | "search" | "link" | "description" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "contentPaste" | "createNewFolder" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "database" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "hideImage" | "image" | "imageSearch" | "insertDriveFile" | "inventory" | "invite" | "javascript" | "json" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "language" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "people" | "phoneIphone" | "photo" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "tabletMac" | "tag" | "terminal" | "textFields" | "title" | "toggleOff" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "vue" | "zoomOutMap" | undefined;
30
+ endIcon?: "translate" | "visibility" | "search" | "link" | "description" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "contentPaste" | "createNewFolder" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "database" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "hideImage" | "image" | "imageSearch" | "insertDriveFile" | "inventory" | "invite" | "javascript" | "json" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "language" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "people" | "phoneIphone" | "photo" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "tabletMac" | "tag" | "terminal" | "textFields" | "title" | "toggleOff" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "vue" | "zoomOutMap" | undefined;
31
31
  renderStartIcon?: ((icon: import("react").ReactNode) => import("react").ReactNode) | undefined;
32
32
  renderEndIcon?: ((icon: import("react").ReactNode) => import("react").ReactNode) | undefined;
33
33
  hotkeys?: import("react-hotkeys-hook").Keys | undefined;
package/dist/components/Group/Group.d.ts CHANGED
@@ -7,7 +7,7 @@ export interface GroupProps<ITEM> {
7
7
  maxItems?: number;
8
8
  getItemKey: (item: ITEM) => string;
9
9
  children: (item: ITEM, index: number) => ReactNode;
10
- onAddItem?: () => void;
10
+ onAddItem?: (atIndex: number) => void;
11
11
  dnd?: {
12
12
  scrollOffsetTop?: number;
13
13
  /**
package/dist/components/Group/GroupItem.d.ts CHANGED
@@ -1,15 +1,13 @@
1
- import type { ReactNode } from "react";
1
+ import { type ReactNode } from "react";
2
2
  interface Props {
3
- index?: number;
3
+ index: number;
4
4
  title?: string;
5
- onMove?: (params: {
5
+ children?: ReactNode;
6
+ onMove?: (args: {
6
7
  index: number;
7
8
  offset: number;
8
9
  }) => void;
9
- onDelete?: (params: {
10
- index: number;
11
- }) => void;
12
- children?: ReactNode;
10
+ onDelete?: (index: number) => void;
13
11
  }
14
12
  export declare function GroupItem(props: Props): JSX.Element;
15
13
  export {};
package/dist/components/Group/context.d.ts CHANGED
@@ -1,13 +1,17 @@
1
- import { type ComponentProps } from "react";
2
- declare const GroupContext: import("react").Context<{
3
- itemsCount: number;
4
- }>;
5
- export declare const GroupContextProvider: ({ itemsCount, children }: Pick<import("react").ProviderProps<{
6
- itemsCount: number;
7
- }>, "children"> & {
8
- itemsCount: number;
9
- }) => JSX.Element;
10
- export declare const useGroupContext: () => {
11
- itemsCount: number;
12
- };
1
+ import { type ReactNode } from "react";
2
+ interface GroupProviderProps {
3
+ children: ReactNode;
4
+ itemCount: number;
5
+ draggable: boolean;
6
+ onAddItem?: (atIndex: number) => void;
7
+ }
8
+ export declare function GroupProvider(props: GroupProviderProps): JSX.Element;
9
+ interface GroupContextValue {
10
+ itemCount: number;
11
+ draggable: boolean;
12
+ activeItem?: number;
13
+ onActiveItemChange: (index: number, active: boolean) => void;
14
+ onAddItem?: (atIndex: number) => void;
15
+ }
16
+ export declare function useGroup(): GroupContextValue;
13
17
  export {};
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 | 1 | 2 | 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) | undefined;
17
17
  }>) => JSX.Element)[];
18
18
  };
19
19
  export default meta;
package/dist/components/Skeleton/Skeleton.d.ts CHANGED
@@ -21,20 +21,20 @@ export declare function Skeleton(props: Props): import("react").DetailedReactHTM
21
21
  flexShrink?: 0 | undefined;
22
22
  flexBasis?: 0 | undefined;
23
23
  flexWrap?: "wrap" | undefined;
24
- order?: 0 | 1 | 2 | 3 | undefined;
24
+ order?: 0 | 2 | 1 | 3 | undefined;
25
25
  alignSelf?: "center" | "stretch" | "start" | "end" | undefined;
26
26
  justifySelf?: "center" | "stretch" | "start" | "end" | undefined;
27
27
  visibility?: "hidden" | "visible" | undefined;
28
28
  position?: "fixed" | "absolute" | "relative" | "sticky" | undefined;
29
- marginLeft?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
30
- marginRight?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
31
- marginTop?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
32
- marginBottom?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
33
- marginInline?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
34
- marginBlock?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
35
- top?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
36
- left?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
37
- right?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
38
- bottom?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
29
+ marginLeft?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
30
+ marginRight?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
31
+ marginTop?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
32
+ marginBottom?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
33
+ marginInline?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
34
+ marginBlock?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
35
+ top?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
36
+ left?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
37
+ right?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
38
+ bottom?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
39
39
  };
40
40
  }, HTMLElement>;
package/dist/components/Video/Video.stories.d.ts CHANGED
@@ -22,7 +22,7 @@ export declare const Default: {
22
22
  src: string;
23
23
  loop?: boolean | undefined;
24
24
  autoPlay?: boolean | undefined;
25
- sizing?: "none" | "contain" | "cover" | undefined;
25
+ sizing?: "contain" | "none" | "cover" | undefined;
26
26
  borderRadius?: 0 | 4 | undefined;
27
27
  boxShadow?: "3" | undefined;
28
28
  animateOnLoad?: boolean | undefined;