@prismicio/editor-ui 0.4.13 → 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 (165) 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/TagFieldHeader.d.ts +2 -2
  133. package/dist/components/TagField/useTagField.d.ts +1 -1
  134. package/dist/components/TagField/useTagFieldHeader.d.ts +2 -2
  135. package/dist/components/Text/Text.css.d.ts +3 -0
  136. package/dist/components/Text/Text.d.ts +4 -3
  137. package/dist/components/Text/index.d.ts +1 -1
  138. package/dist/components/TextArea/TextArea.d.ts +2 -1
  139. package/dist/components/TextInput/TextInput.d.ts +4 -1
  140. package/dist/components/TextLink/TextLink.css.d.ts +2 -0
  141. package/dist/components/TextLink/TextLink.d.ts +3 -1
  142. package/dist/components/Toast/Toast.d.ts +2 -2
  143. package/dist/components/Toast/Toast.stories.d.ts +2 -2
  144. package/dist/components/Toast/ToastContext.d.ts +1 -1
  145. package/dist/components/ToggleButtonGroup/ToggleButtonGroup.d.ts +2 -2
  146. package/dist/components/Toolbar/Toolbar.d.ts +6 -5
  147. package/dist/components/Tooltip/Tooltip.d.ts +14 -1
  148. package/dist/components/Video/Video.d.ts +2 -1
  149. package/dist/components/Video/Video.stories.d.ts +2 -1
  150. package/dist/components/Video/index.d.ts +1 -1
  151. package/dist/index.d.ts +18 -12
  152. package/dist/index.es.js +15034 -15529
  153. package/dist/style.css +1 -1
  154. package/dist/theme/colors.d.ts +65 -65
  155. package/dist/theme/mediaQueries.d.ts +5 -0
  156. package/dist/theme/selectors.d.ts +21 -21
  157. package/dist/theme/sprinkles.css.d.ts +8324 -536
  158. package/dist/theme/util.d.ts +12 -2
  159. package/dist/theme/vars.css.d.ts +137 -73
  160. package/package.json +16 -14
  161. package/dist/components/DocumentVersions/DocumentVersions.css.d.ts +0 -4
  162. package/dist/components/DocumentVersions/DocumentVersions.d.ts +0 -16
  163. package/dist/components/DocumentVersions/DocumentVersions.stories.d.ts +0 -31
  164. package/dist/components/DocumentVersions/index.d.ts +0 -1
  165. package/dist/components/Slice/SliceVariationCard.d.ts +0 -8
@@ -1,9 +1,17 @@
1
- import { Sprinkles, unconditionalProperties } from "./sprinkles.css";
1
+ import { type Sprinkles, unconditionalProperties } from "./sprinkles.css";
2
+ /**
3
+ * Workaround for:
4
+ * You can not reference a parent selector that is made of ONLY `sprinkles` generated classNames.
5
+ * See Field.css.ts -> labelPosition to see a workaround: An empty object is passed to `styleVariant`
6
+ * which is equivalent to having an empty className generated with `style({})`.
7
+ * Note: the same explanation is located in the editor-ui README.
8
+ */
9
+ export declare const emptyStyle: {};
2
10
  /**
3
11
  * Returns the className associated with this sprinkles key/value or undefined if sprinkles does not know it.
4
12
  */
5
13
  export declare function maybeSprinkles<NAME extends SprinkleKeys>(name: NAME, value: number | string | undefined): string | undefined;
6
- declare type SprinkleKeys = keyof typeof unconditionalProperties.styles;
14
+ type SprinkleKeys = keyof typeof unconditionalProperties.styles;
7
15
  export interface SX {
8
16
  flexGrow?: Sprinkles["flexGrow"];
9
17
  flexShrink?: Sprinkles["flexShrink"];
@@ -21,6 +29,8 @@ export interface SX {
21
29
  left?: Sprinkles["left"];
22
30
  right?: Sprinkles["right"];
23
31
  bottom?: Sprinkles["bottom"];
32
+ height?: Sprinkles["height"];
33
+ width?: Sprinkles["width"];
24
34
  zIndex?: Sprinkles["zIndex"];
25
35
  }
26
36
  export declare function sxClassName(sx?: SX): string;
@@ -1,4 +1,4 @@
1
- export declare type Color = keyof typeof vars.color;
1
+ export type Color = keyof typeof vars.color;
2
2
  export declare const tokens: {
3
3
  readonly borderRadius: {
4
4
  readonly 0: "0px";
@@ -60,38 +60,70 @@ export declare const tokens: {
60
60
  readonly greyLight11: "hsl(247, 4%, 45%)";
61
61
  readonly greyLight12: "hsl(261, 25%, 11%)";
62
62
  readonly inherit: "inherit";
63
- readonly indigo2: "hsl(223, 100%, 99%)";
64
- readonly indigo7: "hsl(225, 78%, 82%)";
65
- readonly indigo10: "hsl(226, 59%, 51%)";
66
- readonly indigo11: "hsl(226, 55%, 45%)";
67
- readonly green3: "hsl(139, 57%, 95%)";
68
- readonly green4: "hsl(139, 48%, 91%)";
69
- readonly green9: "hsl(151, 55%, 42%)";
70
- readonly green10: "hsl(152, 57%, 38%)";
71
- readonly green11: "hsl(153, 67%, 28%)";
72
- readonly amber3: "hsl(44, 100%, 92%)";
73
- readonly amber4: "hsl(43, 100%, 87%)";
74
- readonly amber9: "hsl(39, 100%, 57%)";
75
- readonly amber10: "hsl(35, 100%, 55%)";
76
- readonly amber11: "hsl(30, 100%, 34%)";
77
- readonly tomato1: "hsl(0, 100%, 99%)";
78
- readonly tomato3: "hsl(7, 100%, 97%)";
79
- readonly tomato4: "hsl(8, 100%, 94%)";
80
- readonly tomato7: "hsl(10, 77%, 79%)";
81
- readonly tomato10: "hsl(10, 72%, 50%)";
82
- readonly tomato11: "hsl(10, 82%, 44%)";
83
- readonly purple1: "hsl(252, 19%, 10%)";
84
- readonly purple2: "hsl(255, 30%, 13%)";
85
- readonly purple3: "hsl(252, 36%, 18%)";
86
- readonly purple4: "hsl(253, 40%, 22%)";
87
- readonly purple5: "hsl(252, 42%, 26%)";
88
- readonly purple6: "hsl(251, 44%, 31%)";
89
- readonly purple7: "hsl(250, 47%, 39%)";
90
- readonly purple8: "hsl(250, 52%, 51%)";
91
- readonly purple9: "hsl(252, 56%, 57%)";
92
- readonly purple10: "hsl(251, 63%, 63%)";
93
- readonly purple11: "hsl(250, 95%, 77%)";
94
- readonly purple12: "hsl(251, 89%, 96%)";
63
+ readonly indigoLight2: "hsl(223, 100%, 99%)";
64
+ readonly indigoLight7: "hsl(225, 78%, 82%)";
65
+ readonly indigoLight10: "hsl(226, 59%, 51%)";
66
+ readonly indigoLight11: "hsl(226, 55%, 45%)";
67
+ readonly indigoDark2: "hsl(230, 36%, 13%)";
68
+ readonly indigoDark7: "hsl(226, 56%, 35%)";
69
+ readonly indigoDark10: "hsl(227, 76%, 62%)";
70
+ readonly indigoDark11: "hsl(228, 100%, 76%)";
71
+ readonly greenLight3: "hsl(139, 57%, 95%)";
72
+ readonly greenLight4: "hsl(139, 48%, 91%)";
73
+ readonly greenLight9: "hsl(151, 55%, 42%)";
74
+ readonly greenLight10: "hsl(152, 57%, 38%)";
75
+ readonly greenLight11: "hsl(153, 67%, 28%)";
76
+ readonly greenDark3: "hsl(155, 46%, 11%)";
77
+ readonly greenDark4: "hsl(154, 48%, 13%)";
78
+ readonly greenDark9: "hsl(151, 55%, 42%)";
79
+ readonly greenDark10: "hsl(151, 49%, 46%)";
80
+ readonly greenDark11: "hsl(151, 50%, 53%)";
81
+ readonly amberLight3: "hsl(44, 100%, 92%)";
82
+ readonly amberLight4: "hsl(43, 100%, 87%)";
83
+ readonly amberLight9: "hsl(39, 100%, 57%)";
84
+ readonly amberLight10: "hsl(35, 100%, 55%)";
85
+ readonly amberLight11: "hsl(30, 100%, 34%)";
86
+ readonly amberDark3: "hsl(32, 100%, 10%)";
87
+ readonly amberDark4: "hsl(32, 100%, 12%)";
88
+ readonly amberDark9: "hsl(39, 100%, 57%)";
89
+ readonly amberDark10: "hsl(43, 100%, 64%)";
90
+ readonly amberDark11: "hsl(39, 90%, 50%)";
91
+ readonly tomatoLight1: "hsl(0, 100%, 99%)";
92
+ readonly tomatoLight3: "hsl(7, 100%, 97%)";
93
+ readonly tomatoLight4: "hsl(8, 100%, 94%)";
94
+ readonly tomatoLight7: "hsl(10, 77%, 79%)";
95
+ readonly tomatoLight10: "hsl(10, 72%, 50%)";
96
+ readonly tomatoLight11: "hsl(10, 82%, 44%)";
97
+ readonly tomatoDark1: "hsl(11, 23%, 9%)";
98
+ readonly tomatoDark3: "hsl(7, 51%, 15%)";
99
+ readonly tomatoDark4: "hsl(7, 57%, 18%)";
100
+ readonly tomatoDark7: "hsl(8, 72%, 29%)";
101
+ readonly tomatoDark10: "hsl(10, 82%, 59%)";
102
+ readonly tomatoDark11: "hsl(10, 85%, 63%)";
103
+ readonly purpleDark1: "hsl(252, 19%, 10%)";
104
+ readonly purpleDark2: "hsl(255, 30%, 13%)";
105
+ readonly purpleDark3: "hsl(252, 36%, 18%)";
106
+ readonly purpleDark4: "hsl(253, 40%, 22%)";
107
+ readonly purpleDark5: "hsl(252, 42%, 26%)";
108
+ readonly purpleDark6: "hsl(251, 44%, 31%)";
109
+ readonly purpleDark7: "hsl(250, 47%, 39%)";
110
+ readonly purpleDark8: "hsl(250, 52%, 51%)";
111
+ readonly purpleDark9: "hsl(252, 56%, 57%)";
112
+ readonly purpleDark10: "hsl(251, 63%, 63%)";
113
+ readonly purpleDark11: "hsl(250, 95%, 77%)";
114
+ readonly purpleDark12: "hsl(251, 89%, 96%)";
115
+ readonly purpleLight1: "hsl(270, 50%, 99%)";
116
+ readonly purpleLight2: "hsl(252, 100%, 99%)";
117
+ readonly purpleLight3: "hsl(254, 100%, 97%)";
118
+ readonly purpleLight4: "hsl(251, 91%, 95%)";
119
+ readonly purpleLight5: "hsl(252, 83%, 93%)";
120
+ readonly purpleLight6: "hsl(251, 78%, 89%)";
121
+ readonly purpleLight7: "hsl(252, 71%, 84%)";
122
+ readonly purpleLight8: "hsl(252, 69%, 76%)";
123
+ readonly purpleLight9: "hsl(252, 56%, 57%)";
124
+ readonly purpleLight10: "hsl(251, 48%, 53%)";
125
+ readonly purpleLight11: "hsl(250, 43%, 48%)";
126
+ readonly purpleLight12: "hsl(254, 60%, 18%)";
95
127
  readonly purpleAlpha1: "hsla(251, 63%, 63%, 0.3)";
96
128
  readonly greyAlpha1: "hsla(0, 0%, 0%, 0.3)";
97
129
  readonly transparent: "transparent";
@@ -223,12 +255,12 @@ export declare const themeClass: string, vars: {
223
255
  readonly 3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
224
256
  };
225
257
  readonly boxShadow: {
226
- readonly [-1]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
227
- readonly 0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
228
- readonly 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
229
- readonly 2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
230
- readonly 3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
231
- readonly 4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
258
+ readonly "-1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
259
+ readonly "0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
260
+ readonly "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
261
+ readonly "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
262
+ readonly "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
263
+ readonly "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
232
264
  readonly focus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
233
265
  readonly ghostFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
234
266
  };
@@ -259,38 +291,70 @@ export declare const themeClass: string, vars: {
259
291
  readonly greyLight11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
260
292
  readonly greyLight12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
261
293
  readonly inherit: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
262
- readonly indigo2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
263
- readonly indigo7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
264
- readonly indigo10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
265
- readonly indigo11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
266
- readonly green3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
267
- readonly green4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
268
- readonly green9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
269
- readonly green10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
270
- readonly green11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
271
- readonly amber3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
272
- readonly amber4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
273
- readonly amber9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
274
- readonly amber10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
275
- readonly amber11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
276
- readonly tomato1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
277
- readonly tomato3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
278
- readonly tomato4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
279
- readonly tomato7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
280
- readonly tomato10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
281
- readonly tomato11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
282
- readonly purple1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
283
- readonly purple2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
284
- readonly purple3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
285
- readonly purple4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
286
- readonly purple5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
287
- readonly purple6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
288
- readonly purple7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
289
- readonly purple8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
290
- readonly purple9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
291
- readonly purple10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
292
- readonly purple11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
293
- readonly purple12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
294
+ readonly indigoLight2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
295
+ readonly indigoLight7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
296
+ readonly indigoLight10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
297
+ readonly indigoLight11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
298
+ readonly indigoDark2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
299
+ readonly indigoDark7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
300
+ readonly indigoDark10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
301
+ readonly indigoDark11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
302
+ readonly greenLight3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
303
+ readonly greenLight4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
304
+ readonly greenLight9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
305
+ readonly greenLight10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
306
+ readonly greenLight11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
307
+ readonly greenDark3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
308
+ readonly greenDark4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
309
+ readonly greenDark9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
310
+ readonly greenDark10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
311
+ readonly greenDark11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
312
+ readonly amberLight3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
313
+ readonly amberLight4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
314
+ readonly amberLight9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
315
+ readonly amberLight10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
316
+ readonly amberLight11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
317
+ readonly amberDark3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
318
+ readonly amberDark4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
319
+ readonly amberDark9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
320
+ readonly amberDark10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
321
+ readonly amberDark11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
322
+ readonly tomatoLight1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
323
+ readonly tomatoLight3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
324
+ readonly tomatoLight4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
325
+ readonly tomatoLight7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
326
+ readonly tomatoLight10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
327
+ readonly tomatoLight11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
328
+ readonly tomatoDark1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
329
+ readonly tomatoDark3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
330
+ readonly tomatoDark4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
331
+ readonly tomatoDark7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
332
+ readonly tomatoDark10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
333
+ readonly tomatoDark11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
334
+ readonly purpleDark1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
335
+ readonly purpleDark2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
336
+ readonly purpleDark3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
337
+ readonly purpleDark4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
338
+ readonly purpleDark5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
339
+ readonly purpleDark6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
340
+ readonly purpleDark7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
341
+ readonly purpleDark8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
342
+ readonly purpleDark9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
343
+ readonly purpleDark10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
344
+ readonly purpleDark11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
345
+ readonly purpleDark12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
346
+ readonly purpleLight1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
347
+ readonly purpleLight2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
348
+ readonly purpleLight3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
349
+ readonly purpleLight4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
350
+ readonly purpleLight5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
351
+ readonly purpleLight6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
352
+ readonly purpleLight7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
353
+ readonly purpleLight8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
354
+ readonly purpleLight9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
355
+ readonly purpleLight10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
356
+ readonly purpleLight11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
357
+ readonly purpleLight12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
294
358
  readonly purpleAlpha1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
295
359
  readonly greyAlpha1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
296
360
  readonly transparent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -389,8 +453,8 @@ export declare const themeClass: string, vars: {
389
453
  readonly fadeOut: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
390
454
  };
391
455
  readonly zIndex: {
392
- readonly 0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
393
- readonly 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
456
+ readonly "0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
457
+ readonly "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
394
458
  readonly overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
395
459
  readonly dialog: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
396
460
  readonly toolbar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
package/package.json CHANGED
@@ -1,32 +1,34 @@
1
1
  {
2
2
  "dependencies": {
3
- "@internationalized/date": "3.1.0",
4
- "@prismicio/editor-support": "0.4.12",
3
+ "@internationalized/date": "3.5.0",
4
+ "@prismicio/editor-support": "0.4.14",
5
+ "@radix-ui/react-avatar": "1.0.4",
5
6
  "@radix-ui/react-checkbox": "1.0.4",
6
- "@radix-ui/react-dialog": "1.0.2",
7
- "@radix-ui/react-dropdown-menu": "2.0.1",
7
+ "@radix-ui/react-dialog": "1.0.5",
8
+ "@radix-ui/react-dismissable-layer": "1.0.5",
9
+ "@radix-ui/react-dropdown-menu": "2.0.6",
8
10
  "@radix-ui/react-label": "2.0.0",
9
- "@radix-ui/react-popover": "1.0.2",
11
+ "@radix-ui/react-popover": "1.0.7",
10
12
  "@radix-ui/react-progress": "1.0.1",
11
13
  "@radix-ui/react-radio-group": "1.1.0",
12
- "@radix-ui/react-select": "1.2.2",
14
+ "@radix-ui/react-select": "2.0.0",
13
15
  "@radix-ui/react-separator": "1.0.1",
14
16
  "@radix-ui/react-slider": "1.1.0",
15
17
  "@radix-ui/react-switch": "1.0.1",
16
18
  "@radix-ui/react-toggle": "1.0.1",
17
19
  "@radix-ui/react-toggle-group": "1.0.1",
18
20
  "@radix-ui/react-toolbar": "1.0.1",
19
- "@radix-ui/react-tooltip": "1.0.6",
20
- "@react-aria/calendar": "3.1.0",
21
+ "@radix-ui/react-tooltip": "1.0.7",
22
+ "@react-aria/calendar": "3.5.1",
21
23
  "@react-aria/color": "3.0.0-beta.20",
22
- "@react-aria/datepicker": "3.3.0",
24
+ "@react-aria/datepicker": "3.8.0",
23
25
  "@react-aria/dnd": "3.3.0",
24
26
  "@react-aria/focus": "3.12.0",
25
27
  "@react-aria/i18n": "3.7.0",
26
28
  "@react-aria/visually-hidden": "3.8.0",
27
- "@react-stately/calendar": "3.1.0",
29
+ "@react-stately/calendar": "3.4.1",
28
30
  "@react-stately/color": "3.3.1",
29
- "@react-stately/datepicker": "3.3.0",
31
+ "@react-stately/datepicker": "3.8.0",
30
32
  "@vanilla-extract/css": "1.9.5",
31
33
  "@vanilla-extract/css-utils": "0.1.2",
32
34
  "@vanilla-extract/sprinkles": "1.5.0",
@@ -53,7 +55,7 @@
53
55
  "@types/react-dom": "18.2.7",
54
56
  "@vanilla-extract/vite-plugin": "3.8.0",
55
57
  "@vitejs/plugin-react": "4.0.3",
56
- "eslint": "8.23.0",
58
+ "eslint": "8.50.0",
57
59
  "eslint-config-prettier": "8.5.0",
58
60
  "eslint-plugin-import": "2.28.0",
59
61
  "eslint-plugin-jsx-a11y": "6.6.1",
@@ -64,7 +66,7 @@
64
66
  "react": "18.2.0",
65
67
  "react-dom": "18.2.0",
66
68
  "storybook": "7.4.2",
67
- "typescript": "4.8.2",
69
+ "typescript": "5.2.2",
68
70
  "vite": "4.0.4",
69
71
  "vitest": "0.28.5"
70
72
  },
@@ -101,5 +103,5 @@
101
103
  "sideEffects": false,
102
104
  "stableVersion": "0.0.0",
103
105
  "types": "./dist/index.d.ts",
104
- "version": "0.4.13"
106
+ "version": "0.4.14"
105
107
  }
@@ -1,4 +0,0 @@
1
- export declare const section: string;
2
- export declare const header: string;
3
- export declare const icon: string;
4
- export declare const card: Record<"default" | "selected", string>;
@@ -1,16 +0,0 @@
1
- import { Sprinkles } from "../../theme/sprinkles.css";
2
- export interface Section {
3
- id: "local" | "unclassified" | "published";
4
- header: string;
5
- title: string;
6
- subtitle: string;
7
- selected: boolean;
8
- onSelect: () => void;
9
- }
10
- export interface DocumentVersionsProps {
11
- local?: Omit<Section, "subtitle">;
12
- unclassified?: Section;
13
- published?: Section;
14
- animationDuration?: Sprinkles["animationDuration"];
15
- }
16
- export declare function DocumentVersions(props: DocumentVersionsProps): JSX.Element;
@@ -1,31 +0,0 @@
1
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./DocumentVersions").DocumentVersionsProps>;
2
- export default _default;
3
- export declare const Default: {
4
- render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./DocumentVersions").DocumentVersionsProps>;
5
- args: {
6
- local: {
7
- id: string;
8
- header: string;
9
- title: string;
10
- selected: boolean;
11
- onSelect: () => null;
12
- };
13
- unclassified: {
14
- id: string;
15
- header: string;
16
- title: string;
17
- subtitle: string;
18
- selected: boolean;
19
- onSelect: () => null;
20
- };
21
- published: {
22
- id: string;
23
- header: string;
24
- title: string;
25
- subtitle: string;
26
- selected: boolean;
27
- onSelect: () => null;
28
- };
29
- };
30
- name: string;
31
- };
@@ -1 +0,0 @@
1
- export { DocumentVersions } from "./DocumentVersions";
@@ -1,8 +0,0 @@
1
- import type { ReactNode } from "react";
2
- export interface SliceVariationCardProps {
3
- slice: string;
4
- variation: string;
5
- children: ReactNode;
6
- onClick: () => void;
7
- }
8
- export declare function SliceVariationCard(props: SliceVariationCardProps): JSX.Element;