@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.
- package/dist/components/ActionList/ActionList.d.ts +2 -2
- package/dist/components/Alert/Alert.d.ts +1 -1
- package/dist/components/Alert/AlertContext.d.ts +3 -3
- package/dist/components/Alert/index.d.ts +1 -1
- package/dist/components/AnimatedElement/AnimatedElement.css.d.ts +1 -0
- package/dist/components/AnimatedElement/AnimatedElement.d.ts +4 -4
- package/dist/components/AnimatedElement/index.d.ts +1 -1
- package/dist/components/AnimatedList/AnimatedList.d.ts +4 -4
- package/dist/components/AnimatedList/DragPreview.d.ts +2 -2
- package/dist/components/AnimatedList/autoScroll.d.ts +1 -1
- package/dist/components/AnimatedList/dnd.d.ts +8 -8
- package/dist/components/AnimatedList/layout.d.ts +1 -1
- package/dist/components/Avatar/Avatar.css.d.ts +3 -0
- package/dist/components/Avatar/Avatar.d.ts +7 -0
- package/dist/components/Avatar/Avatar.stories.d.ts +10 -0
- package/dist/components/Avatar/index.d.ts +1 -0
- package/dist/components/Badge/Badge.css.d.ts +2 -1
- package/dist/components/Badge/Badge.d.ts +6 -2
- package/dist/components/Badge/Badge.stories.d.ts +5 -2
- package/dist/components/BaseInput/BaseInput.css.d.ts +2 -1
- package/dist/components/BaseInput/BaseInput.d.ts +5 -1
- package/dist/components/BlankSlate/BlankSlate.css.d.ts +1 -0
- package/dist/components/BlankSlate/BlankSlate.d.ts +5 -2
- package/dist/components/Box/Box.d.ts +23 -21
- package/dist/components/Box/Box.stories.d.ts +2 -124
- package/dist/components/Button/Button.d.ts +4 -2
- package/dist/components/ButtonGroup/ButtonGroup.d.ts +1 -1
- package/dist/components/Calendar/Calendar.d.ts +3 -2
- package/dist/components/Calendar/Calendar.stories.d.ts +3 -0
- package/dist/components/Calendar/CalendarCell.css.d.ts +1 -0
- package/dist/components/Calendar/CalendarCell.d.ts +4 -4
- package/dist/components/Calendar/CalendarGrid.d.ts +2 -2
- package/dist/components/Card/Card.d.ts +16 -16
- package/dist/components/Card/Card.stories.d.ts +2 -14
- package/dist/components/Carousel/Carousel.css.d.ts +0 -2
- package/dist/components/Carousel/CarouselItem.d.ts +2 -2
- package/dist/components/CircledIcon/CircledIcon.d.ts +1 -1
- package/dist/components/ColorInput/ColorArea.d.ts +1 -1
- package/dist/components/ColorInput/ColorInput.d.ts +1 -1
- package/dist/components/ColorInput/ColorSlider.d.ts +1 -1
- package/dist/components/Cropper/Cropper.d.ts +1 -1
- package/dist/components/CropperControls/CropperControls.d.ts +5 -5
- package/dist/components/DateInput/DateInput.d.ts +12 -6
- package/dist/components/DateInput/DateInput.stories.d.ts +2 -14
- package/dist/components/DateInput/DateSegments.d.ts +1 -1
- package/dist/components/Dialog/Dialog.css.d.ts +4 -0
- package/dist/components/Dialog/Dialog.d.ts +4 -1
- package/dist/components/Dialog/Dialog.stories.d.ts +3 -0
- package/dist/components/Dialog/FullscreenDialog.d.ts +1 -1
- package/dist/components/Dialog/Options/DialogOptions.d.ts +1 -1
- package/dist/components/DocumentCard/DocumentCard.css.d.ts +1 -0
- package/dist/components/DocumentCard/DocumentCard.d.ts +2 -0
- package/dist/components/DocumentStatusBar/DocumentStatusBar.d.ts +1 -1
- package/dist/components/DocumentStatusDot/DocumentStatusDot.d.ts +1 -1
- package/dist/components/DropdownMenu/DropdownMenu.d.ts +1 -1
- package/dist/components/Embed/EmbedPreview.d.ts +1 -1
- package/dist/components/Embed/EmptyEmbed.d.ts +1 -1
- package/dist/components/Embed/Icon.d.ts +1 -1
- package/dist/components/ErrorBoundary/ErrorBoundary.d.ts +3 -3
- package/dist/components/Field/Field.d.ts +1 -1
- package/dist/components/FieldSet/FieldSet.d.ts +4 -4
- package/dist/components/FieldSet/FieldSet.stories.d.ts +1 -6
- package/dist/components/FieldSet/FieldSet.utils.d.ts +4 -0
- package/dist/components/FieldSet/index.d.ts +1 -0
- package/dist/components/FileUpload/FileDropZone/FileDropZone.d.ts +1 -1
- package/dist/components/FileUpload/FileUpload.utils.d.ts +5 -1
- package/dist/components/FilterField/FilterField.d.ts +2 -2
- package/dist/components/FilterField/useFilterField.d.ts +2 -1
- package/dist/components/Form/Form.d.ts +2 -0
- package/dist/components/Form/FormDateInput.d.ts +14 -0
- package/dist/components/Form/FormField.css.d.ts +7 -0
- package/dist/components/Form/FormField.d.ts +14 -0
- package/dist/components/Form/FormInput.css.d.ts +4 -6
- package/dist/components/Form/FormInput.d.ts +5 -5
- package/dist/components/Form/index.d.ts +1 -0
- package/dist/components/Gradient/Gradient.d.ts +1 -1
- package/dist/components/HairlineButton/HairlineButton.d.ts +2 -2
- package/dist/components/Icon/Icon.d.ts +3 -1
- package/dist/components/Icon/iconNames.d.ts +2 -2
- package/dist/components/Image/Image.d.ts +4 -5
- package/dist/components/Image/Image.stories.d.ts +2 -22
- package/dist/components/Image/index.d.ts +1 -1
- package/dist/components/InvisibleButton/InvisibleButton.d.ts +1 -1
- package/dist/components/LazyRender/LazyRender.d.ts +21 -0
- package/dist/components/LazyRender/LazyRender.stories.d.ts +7 -0
- package/dist/components/LazyRender/index.d.ts +1 -0
- package/dist/components/LinkImageCard/LinkImageCard.d.ts +8 -0
- package/dist/components/LinkImageCard/LinkImageCard.stories.d.ts +11 -0
- package/dist/components/LinkImageCard/index.d.ts +1 -0
- package/dist/components/Masonry/Masonry.d.ts +1 -1
- package/dist/components/Masonry/MasonryFile.css.d.ts +2 -0
- package/dist/components/Masonry/MasonryFile.d.ts +8 -0
- package/dist/components/Masonry/MasonryMedia.d.ts +1 -2
- package/dist/components/Masonry/index.d.ts +2 -1
- package/dist/components/NumberInput/NumberInput.d.ts +2 -1
- package/dist/components/Popover/Popover.d.ts +8 -3
- package/dist/components/Popover/Popover.stories.d.ts +2 -20
- package/dist/components/Popover/index.d.ts +1 -1
- package/dist/components/Radio/RadioButton.css.d.ts +3 -0
- package/dist/components/Radio/RadioButton.d.ts +10 -0
- package/dist/components/Radio/RadioCard.css.d.ts +1 -0
- package/dist/components/Radio/RadioCard.d.ts +5 -0
- package/dist/components/Radio/RadioGroup.css.d.ts +1 -0
- package/dist/components/Radio/RadioGroup.d.ts +18 -0
- package/dist/components/Radio/RadioGroup.stories.d.ts +9 -0
- package/dist/components/Radio/RadioItem.css.d.ts +10 -0
- package/dist/components/Radio/RadioItem.d.ts +8 -0
- package/dist/components/Radio/index.d.ts +3 -0
- package/dist/components/ScrollArea/ScrollArea.d.ts +4 -5
- package/dist/components/ScrollArea/ScrollArea.stories.d.ts +2 -14
- package/dist/components/SearchInput/SearchInput.d.ts +1 -1
- package/dist/components/Select/Select.css.d.ts +4 -0
- package/dist/components/Select/Select.d.ts +7 -2
- package/dist/components/SelectButton/SelectButton.d.ts +1 -1
- package/dist/components/SelectCard/SelectButton.stories.d.ts +12 -0
- package/dist/components/SelectCard/SelectCard.css.d.ts +1 -0
- package/dist/components/SelectCard/SelectCard.d.ts +7 -0
- package/dist/components/SelectCard/index.d.ts +1 -0
- package/dist/components/Separator/Separator.d.ts +11 -5
- package/dist/components/Skeleton/Skeleton.d.ts +1 -1
- package/dist/components/Slice/Slice.stories.d.ts +2 -2
- package/dist/components/Slice/SliceCard.d.ts +1 -0
- package/dist/components/Slice/{SliceVariationCard.css.d.ts → SliceSelectCard.css.d.ts} +2 -0
- package/dist/components/Slice/SliceSelectCard.d.ts +12 -0
- package/dist/components/Slice/index.d.ts +1 -1
- package/dist/components/Slider/Slider.d.ts +1 -1
- package/dist/components/StoryCard.d.ts +12 -0
- package/dist/components/Table/Table.css.d.ts +9 -0
- package/dist/components/Table/Table.d.ts +24 -0
- package/dist/components/Table/Table.stories.d.ts +6 -0
- package/dist/components/Table/index.d.ts +1 -0
- package/dist/components/TagField/TagFieldHeader.d.ts +2 -2
- package/dist/components/TagField/useTagField.d.ts +1 -1
- package/dist/components/TagField/useTagFieldHeader.d.ts +2 -2
- package/dist/components/Text/Text.css.d.ts +3 -0
- package/dist/components/Text/Text.d.ts +4 -3
- package/dist/components/Text/index.d.ts +1 -1
- package/dist/components/TextArea/TextArea.d.ts +2 -1
- package/dist/components/TextInput/TextInput.d.ts +4 -1
- package/dist/components/TextLink/TextLink.css.d.ts +2 -0
- package/dist/components/TextLink/TextLink.d.ts +3 -1
- package/dist/components/Toast/Toast.d.ts +2 -2
- package/dist/components/Toast/Toast.stories.d.ts +2 -2
- package/dist/components/Toast/ToastContext.d.ts +1 -1
- package/dist/components/ToggleButtonGroup/ToggleButtonGroup.d.ts +2 -2
- package/dist/components/Toolbar/Toolbar.d.ts +6 -5
- package/dist/components/Tooltip/Tooltip.d.ts +14 -1
- package/dist/components/Video/Video.d.ts +2 -1
- package/dist/components/Video/Video.stories.d.ts +2 -1
- package/dist/components/Video/index.d.ts +1 -1
- package/dist/index.d.ts +18 -12
- package/dist/index.es.js +15034 -15529
- package/dist/style.css +1 -1
- package/dist/theme/colors.d.ts +65 -65
- package/dist/theme/mediaQueries.d.ts +5 -0
- package/dist/theme/selectors.d.ts +21 -21
- package/dist/theme/sprinkles.css.d.ts +8324 -536
- package/dist/theme/util.d.ts +12 -2
- package/dist/theme/vars.css.d.ts +137 -73
- package/package.json +16 -14
- package/dist/components/DocumentVersions/DocumentVersions.css.d.ts +0 -4
- package/dist/components/DocumentVersions/DocumentVersions.d.ts +0 -16
- package/dist/components/DocumentVersions/DocumentVersions.stories.d.ts +0 -31
- package/dist/components/DocumentVersions/index.d.ts +0 -1
- package/dist/components/Slice/SliceVariationCard.d.ts +0 -8
package/dist/theme/util.d.ts
CHANGED
|
@@ -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
|
-
|
|
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;
|
package/dist/theme/vars.css.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export
|
|
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
|
|
64
|
-
readonly
|
|
65
|
-
readonly
|
|
66
|
-
readonly
|
|
67
|
-
readonly
|
|
68
|
-
readonly
|
|
69
|
-
readonly
|
|
70
|
-
readonly
|
|
71
|
-
readonly
|
|
72
|
-
readonly
|
|
73
|
-
readonly
|
|
74
|
-
readonly
|
|
75
|
-
readonly
|
|
76
|
-
readonly
|
|
77
|
-
readonly
|
|
78
|
-
readonly
|
|
79
|
-
readonly
|
|
80
|
-
readonly
|
|
81
|
-
readonly
|
|
82
|
-
readonly
|
|
83
|
-
readonly
|
|
84
|
-
readonly
|
|
85
|
-
readonly
|
|
86
|
-
readonly
|
|
87
|
-
readonly
|
|
88
|
-
readonly
|
|
89
|
-
readonly
|
|
90
|
-
readonly
|
|
91
|
-
readonly
|
|
92
|
-
readonly
|
|
93
|
-
readonly
|
|
94
|
-
readonly
|
|
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
|
|
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
|
|
263
|
-
readonly
|
|
264
|
-
readonly
|
|
265
|
-
readonly
|
|
266
|
-
readonly
|
|
267
|
-
readonly
|
|
268
|
-
readonly
|
|
269
|
-
readonly
|
|
270
|
-
readonly
|
|
271
|
-
readonly
|
|
272
|
-
readonly
|
|
273
|
-
readonly
|
|
274
|
-
readonly
|
|
275
|
-
readonly
|
|
276
|
-
readonly
|
|
277
|
-
readonly
|
|
278
|
-
readonly
|
|
279
|
-
readonly
|
|
280
|
-
readonly
|
|
281
|
-
readonly
|
|
282
|
-
readonly
|
|
283
|
-
readonly
|
|
284
|
-
readonly
|
|
285
|
-
readonly
|
|
286
|
-
readonly
|
|
287
|
-
readonly
|
|
288
|
-
readonly
|
|
289
|
-
readonly
|
|
290
|
-
readonly
|
|
291
|
-
readonly
|
|
292
|
-
readonly
|
|
293
|
-
readonly
|
|
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.
|
|
4
|
-
"@prismicio/editor-support": "0.4.
|
|
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.
|
|
7
|
-
"@radix-ui/react-
|
|
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.
|
|
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": "
|
|
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.
|
|
20
|
-
"@react-aria/calendar": "3.1
|
|
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.
|
|
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
|
|
29
|
+
"@react-stately/calendar": "3.4.1",
|
|
28
30
|
"@react-stately/color": "3.3.1",
|
|
29
|
-
"@react-stately/datepicker": "3.
|
|
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.
|
|
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": "
|
|
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.
|
|
106
|
+
"version": "0.4.14"
|
|
105
107
|
}
|
|
@@ -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";
|