@dust-tt/sparkle 0.7.0 → 0.7.2
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/cjs/index.js +10 -10
- package/dist/cjs/index.js.map +4 -4
- package/dist/esm/components/Citation.d.ts +7 -1
- package/dist/esm/components/Citation.d.ts.map +1 -1
- package/dist/esm/components/Citation.js +24 -13
- package/dist/esm/components/Citation.js.map +1 -1
- package/dist/esm/components/ImagePreview.d.ts +28 -0
- package/dist/esm/components/ImagePreview.d.ts.map +1 -0
- package/dist/esm/components/ImagePreview.js +100 -0
- package/dist/esm/components/ImagePreview.js.map +1 -0
- package/dist/esm/components/ImageZoomDialog.d.ts +26 -0
- package/dist/esm/components/ImageZoomDialog.d.ts.map +1 -0
- package/dist/esm/components/ImageZoomDialog.js +46 -0
- package/dist/esm/components/ImageZoomDialog.js.map +1 -0
- package/dist/esm/components/InteractiveImageGrid.d.ts.map +1 -1
- package/dist/esm/components/InteractiveImageGrid.js +25 -67
- package/dist/esm/components/InteractiveImageGrid.js.map +1 -1
- package/dist/esm/components/index.d.ts +5 -1
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +2 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/lottie/dragArea.d.ts +32 -32
- package/dist/esm/lottie/spinnerColor.d.ts +64 -64
- package/dist/esm/lottie/spinnerColorLG.d.ts +133 -133
- package/dist/esm/lottie/spinnerColorXS.d.ts +11 -11
- package/dist/esm/lottie/spinnerDark.d.ts +72 -72
- package/dist/esm/lottie/spinnerDarkLG.d.ts +134 -134
- package/dist/esm/lottie/spinnerDarkXS.d.ts +22 -22
- package/dist/esm/lottie/spinnerLight.d.ts +9 -9
- package/dist/esm/lottie/spinnerLightLG.d.ts +10 -10
- package/dist/esm/lottie/spinnerLightXS.d.ts +22 -22
- package/dist/esm/stories/Citation.stories.d.ts.map +1 -1
- package/dist/esm/stories/Citation.stories.js +7 -15
- package/dist/esm/stories/Citation.stories.js.map +1 -1
- package/dist/esm/stories/ImagePreview.stories.d.ts +45 -0
- package/dist/esm/stories/ImagePreview.stories.d.ts.map +1 -0
- package/dist/esm/stories/ImagePreview.stories.js +83 -0
- package/dist/esm/stories/ImagePreview.stories.js.map +1 -0
- package/dist/sparkle.css +28 -28
- package/package.json +1 -1
- package/src/components/Citation.tsx +52 -41
- package/src/components/ImagePreview.tsx +244 -0
- package/src/components/ImageZoomDialog.tsx +151 -0
- package/src/components/InteractiveImageGrid.tsx +60 -267
- package/src/components/index.ts +16 -1
|
@@ -65,6 +65,8 @@ declare const animation: {
|
|
|
65
65
|
ty: string;
|
|
66
66
|
it: ({
|
|
67
67
|
o?: undefined;
|
|
68
|
+
c?: undefined;
|
|
69
|
+
bm?: undefined;
|
|
68
70
|
ty: string;
|
|
69
71
|
d: number;
|
|
70
72
|
s: {
|
|
@@ -101,8 +103,6 @@ declare const animation: {
|
|
|
101
103
|
nm: string;
|
|
102
104
|
mn: string;
|
|
103
105
|
hd: boolean;
|
|
104
|
-
c?: undefined;
|
|
105
|
-
bm?: undefined;
|
|
106
106
|
a?: undefined;
|
|
107
107
|
sk?: undefined;
|
|
108
108
|
sa?: undefined;
|
|
@@ -162,9 +162,9 @@ declare const animation: {
|
|
|
162
162
|
sk?: undefined;
|
|
163
163
|
sa?: undefined;
|
|
164
164
|
} | {
|
|
165
|
-
d?: undefined;
|
|
166
165
|
c?: undefined;
|
|
167
166
|
bm?: undefined;
|
|
167
|
+
d?: undefined;
|
|
168
168
|
mn?: undefined;
|
|
169
169
|
hd?: undefined;
|
|
170
170
|
ty: string;
|
|
@@ -313,6 +313,7 @@ declare const animation: {
|
|
|
313
313
|
mn: string;
|
|
314
314
|
hd: boolean;
|
|
315
315
|
} | {
|
|
316
|
+
ix?: undefined;
|
|
316
317
|
d?: undefined;
|
|
317
318
|
p?: undefined;
|
|
318
319
|
a?: undefined;
|
|
@@ -323,7 +324,6 @@ declare const animation: {
|
|
|
323
324
|
pt?: undefined;
|
|
324
325
|
or?: undefined;
|
|
325
326
|
os?: undefined;
|
|
326
|
-
ix?: undefined;
|
|
327
327
|
ty: string;
|
|
328
328
|
c: {
|
|
329
329
|
a: number;
|
|
@@ -341,16 +341,16 @@ declare const animation: {
|
|
|
341
341
|
mn: string;
|
|
342
342
|
hd: boolean;
|
|
343
343
|
} | {
|
|
344
|
-
|
|
344
|
+
ix?: undefined;
|
|
345
345
|
c?: undefined;
|
|
346
346
|
bm?: undefined;
|
|
347
|
+
d?: undefined;
|
|
347
348
|
mn?: undefined;
|
|
348
349
|
hd?: undefined;
|
|
349
350
|
sy?: undefined;
|
|
350
351
|
pt?: undefined;
|
|
351
352
|
or?: undefined;
|
|
352
353
|
os?: undefined;
|
|
353
|
-
ix?: undefined;
|
|
354
354
|
ty: string;
|
|
355
355
|
p: {
|
|
356
356
|
a: number;
|
|
@@ -463,6 +463,7 @@ declare const animation: {
|
|
|
463
463
|
it: ({
|
|
464
464
|
o?: undefined;
|
|
465
465
|
c?: undefined;
|
|
466
|
+
r?: undefined;
|
|
466
467
|
bm?: undefined;
|
|
467
468
|
a?: undefined;
|
|
468
469
|
sk?: undefined;
|
|
@@ -482,7 +483,6 @@ declare const animation: {
|
|
|
482
483
|
nm: string;
|
|
483
484
|
mn: string;
|
|
484
485
|
hd: boolean;
|
|
485
|
-
r?: undefined;
|
|
486
486
|
} | {
|
|
487
487
|
d?: undefined;
|
|
488
488
|
p?: undefined;
|
|
@@ -507,9 +507,9 @@ declare const animation: {
|
|
|
507
507
|
mn: string;
|
|
508
508
|
hd: boolean;
|
|
509
509
|
} | {
|
|
510
|
-
d?: undefined;
|
|
511
510
|
c?: undefined;
|
|
512
511
|
bm?: undefined;
|
|
512
|
+
d?: undefined;
|
|
513
513
|
mn?: undefined;
|
|
514
514
|
hd?: undefined;
|
|
515
515
|
ty: string;
|
|
@@ -668,9 +668,9 @@ declare const animation: {
|
|
|
668
668
|
mn: string;
|
|
669
669
|
hd: boolean;
|
|
670
670
|
} | {
|
|
671
|
-
d?: undefined;
|
|
672
671
|
c?: undefined;
|
|
673
672
|
bm?: undefined;
|
|
673
|
+
d?: undefined;
|
|
674
674
|
mn?: undefined;
|
|
675
675
|
hd?: undefined;
|
|
676
676
|
ty: string;
|
|
@@ -65,6 +65,11 @@ declare const animation: {
|
|
|
65
65
|
ty: string;
|
|
66
66
|
it: ({
|
|
67
67
|
o?: undefined;
|
|
68
|
+
c?: undefined;
|
|
69
|
+
bm?: undefined;
|
|
70
|
+
a?: undefined;
|
|
71
|
+
sk?: undefined;
|
|
72
|
+
sa?: undefined;
|
|
68
73
|
ty: string;
|
|
69
74
|
d: number;
|
|
70
75
|
s: {
|
|
@@ -85,13 +90,13 @@ declare const animation: {
|
|
|
85
90
|
nm: string;
|
|
86
91
|
mn: string;
|
|
87
92
|
hd: boolean;
|
|
88
|
-
|
|
89
|
-
|
|
93
|
+
} | {
|
|
94
|
+
d?: undefined;
|
|
95
|
+
p?: undefined;
|
|
90
96
|
a?: undefined;
|
|
97
|
+
s?: undefined;
|
|
91
98
|
sk?: undefined;
|
|
92
99
|
sa?: undefined;
|
|
93
|
-
} | {
|
|
94
|
-
d?: undefined;
|
|
95
100
|
ty: string;
|
|
96
101
|
c: {
|
|
97
102
|
a: number;
|
|
@@ -108,11 +113,6 @@ declare const animation: {
|
|
|
108
113
|
nm: string;
|
|
109
114
|
mn: string;
|
|
110
115
|
hd: boolean;
|
|
111
|
-
p?: undefined;
|
|
112
|
-
a?: undefined;
|
|
113
|
-
s?: undefined;
|
|
114
|
-
sk?: undefined;
|
|
115
|
-
sa?: undefined;
|
|
116
116
|
} | {
|
|
117
117
|
d?: undefined;
|
|
118
118
|
c?: undefined;
|
|
@@ -465,6 +465,7 @@ declare const animation: {
|
|
|
465
465
|
s?: undefined;
|
|
466
466
|
sk?: undefined;
|
|
467
467
|
sa?: undefined;
|
|
468
|
+
r?: undefined;
|
|
468
469
|
ind: number;
|
|
469
470
|
ty: string;
|
|
470
471
|
ix: number;
|
|
@@ -481,7 +482,6 @@ declare const animation: {
|
|
|
481
482
|
nm: string;
|
|
482
483
|
mn: string;
|
|
483
484
|
hd: boolean;
|
|
484
|
-
r?: undefined;
|
|
485
485
|
} | {
|
|
486
486
|
p?: undefined;
|
|
487
487
|
a?: undefined;
|
|
@@ -69,6 +69,18 @@ declare const animation: {
|
|
|
69
69
|
ty: string;
|
|
70
70
|
it: ({
|
|
71
71
|
o?: undefined;
|
|
72
|
+
c?: undefined;
|
|
73
|
+
bm?: undefined;
|
|
74
|
+
p?: undefined;
|
|
75
|
+
a?: undefined;
|
|
76
|
+
s?: undefined;
|
|
77
|
+
sk?: undefined;
|
|
78
|
+
sa?: undefined;
|
|
79
|
+
r?: undefined;
|
|
80
|
+
w?: undefined;
|
|
81
|
+
lc?: undefined;
|
|
82
|
+
lj?: undefined;
|
|
83
|
+
ml?: undefined;
|
|
72
84
|
ind: number;
|
|
73
85
|
ty: string;
|
|
74
86
|
ix: number;
|
|
@@ -106,21 +118,15 @@ declare const animation: {
|
|
|
106
118
|
nm: string;
|
|
107
119
|
mn: string;
|
|
108
120
|
hd: boolean;
|
|
109
|
-
|
|
110
|
-
lc?: undefined;
|
|
111
|
-
lj?: undefined;
|
|
112
|
-
ml?: undefined;
|
|
113
|
-
c?: undefined;
|
|
114
|
-
bm?: undefined;
|
|
121
|
+
} | {
|
|
115
122
|
p?: undefined;
|
|
116
123
|
a?: undefined;
|
|
117
124
|
s?: undefined;
|
|
118
|
-
r?: undefined;
|
|
119
125
|
sk?: undefined;
|
|
120
126
|
sa?: undefined;
|
|
121
|
-
} | {
|
|
122
|
-
ind?: undefined;
|
|
123
127
|
ix?: undefined;
|
|
128
|
+
r?: undefined;
|
|
129
|
+
ind?: undefined;
|
|
124
130
|
ks?: undefined;
|
|
125
131
|
ty: string;
|
|
126
132
|
c: {
|
|
@@ -145,15 +151,14 @@ declare const animation: {
|
|
|
145
151
|
nm: string;
|
|
146
152
|
mn: string;
|
|
147
153
|
hd: boolean;
|
|
154
|
+
} | {
|
|
148
155
|
p?: undefined;
|
|
149
156
|
a?: undefined;
|
|
150
157
|
s?: undefined;
|
|
151
|
-
r?: undefined;
|
|
152
158
|
sk?: undefined;
|
|
153
159
|
sa?: undefined;
|
|
154
|
-
} | {
|
|
155
|
-
ind?: undefined;
|
|
156
160
|
ix?: undefined;
|
|
161
|
+
ind?: undefined;
|
|
157
162
|
ks?: undefined;
|
|
158
163
|
w?: undefined;
|
|
159
164
|
lc?: undefined;
|
|
@@ -191,23 +196,18 @@ declare const animation: {
|
|
|
191
196
|
nm: string;
|
|
192
197
|
mn: string;
|
|
193
198
|
hd: boolean;
|
|
194
|
-
p?: undefined;
|
|
195
|
-
a?: undefined;
|
|
196
|
-
s?: undefined;
|
|
197
|
-
sk?: undefined;
|
|
198
|
-
sa?: undefined;
|
|
199
199
|
} | {
|
|
200
|
-
|
|
200
|
+
c?: undefined;
|
|
201
|
+
bm?: undefined;
|
|
202
|
+
mn?: undefined;
|
|
203
|
+
hd?: undefined;
|
|
201
204
|
ix?: undefined;
|
|
205
|
+
ind?: undefined;
|
|
202
206
|
ks?: undefined;
|
|
203
207
|
w?: undefined;
|
|
204
208
|
lc?: undefined;
|
|
205
209
|
lj?: undefined;
|
|
206
210
|
ml?: undefined;
|
|
207
|
-
c?: undefined;
|
|
208
|
-
bm?: undefined;
|
|
209
|
-
mn?: undefined;
|
|
210
|
-
hd?: undefined;
|
|
211
211
|
ty: string;
|
|
212
212
|
p: {
|
|
213
213
|
a: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Citation.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Citation.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Citation.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Citation.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuB1B,QAAA,MAAM,IAAI;;;;;;;CAGuB,CAAC;AAElC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,gBAAgB,yBA0L5B,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { Button, Citation, CitationClose, CitationDescription, CitationGrid, CitationIcons, CitationImage, CitationIndex, CitationTitle, DocumentIcon, ExternalLinkIcon, FaviconIcon, GlobeAltIcon, Icon,
|
|
2
|
+
import { Button, Citation, CitationClose, CitationDescription, CitationGrid, CitationIcons, CitationImage, CitationIndex, CitationTitle, DocumentIcon, ExternalLinkIcon, FaviconIcon, GlobeAltIcon, Icon, NotionLogo, Popover, SlackLogo, TableIcon, } from "../index_with_tw_base";
|
|
3
3
|
const meta = {
|
|
4
4
|
title: "Components/Citation",
|
|
5
5
|
component: Citation,
|
|
@@ -31,15 +31,10 @@ export const CitationsExample = () => (React.createElement("div", { className: "
|
|
|
31
31
|
React.createElement(CitationIcons, null,
|
|
32
32
|
React.createElement(FaviconIcon, { websiteUrl: "https://github.com", size: "sm" })),
|
|
33
33
|
React.createElement(CitationTitle, null, "GitHub Repository")),
|
|
34
|
-
React.createElement(Citation, {
|
|
35
|
-
React.createElement(CitationImage, { imgSrc: "https://dust.tt/static/droidavatar/Droid_Lime_3.jpg" }),
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
React.createElement(CitationTitle, null, "screenshot.png")),
|
|
39
|
-
React.createElement(Citation, { className: "s-w-48", isLoading: true },
|
|
40
|
-
React.createElement(CitationIcons, null,
|
|
41
|
-
React.createElement(Icon, { visual: ImageIcon, size: "sm" })),
|
|
42
|
-
React.createElement(CitationTitle, null, "screenshot.png"))),
|
|
34
|
+
React.createElement(Citation, { className: "s-w-48" },
|
|
35
|
+
React.createElement(CitationImage, { imgSrc: "https://dust.tt/static/droidavatar/Droid_Lime_3.jpg", title: "screenshot.png", downloadUrl: "https://dust.tt/static/droidavatar/Droid_Lime_3.jpg" })),
|
|
36
|
+
React.createElement(Citation, { className: "s-w-48" },
|
|
37
|
+
React.createElement(CitationImage, { imgSrc: "https://dust.tt/static/droidavatar/Droid_Lime_3.jpg", title: "screenshot.png (loading)", isLoading: true }))),
|
|
43
38
|
"Example of dissmissable attachements",
|
|
44
39
|
React.createElement(CitationGrid, null,
|
|
45
40
|
React.createElement(Citation, { onClick: () => alert("Card clicked"), className: "s-w-48", action: React.createElement(CitationClose, { onClick: () => alert("Close clicked") }) },
|
|
@@ -55,11 +50,8 @@ export const CitationsExample = () => (React.createElement("div", { className: "
|
|
|
55
50
|
React.createElement(CitationIcons, null,
|
|
56
51
|
React.createElement(Icon, { visual: GlobeAltIcon, size: "sm" })),
|
|
57
52
|
React.createElement(CitationTitle, null, "Linkedin, Edouard Wautier")),
|
|
58
|
-
React.createElement(Citation, {
|
|
59
|
-
React.createElement(CitationImage, { imgSrc: "https://dust.tt/static/droidavatar/Droid_Lime_3.jpg" }),
|
|
60
|
-
React.createElement(CitationIcons, null,
|
|
61
|
-
React.createElement(Icon, { visual: ImageIcon, size: "sm" })),
|
|
62
|
-
React.createElement(CitationTitle, null, "screenshot.png"))),
|
|
53
|
+
React.createElement(Citation, { className: "s-w-48" },
|
|
54
|
+
React.createElement(CitationImage, { imgSrc: "https://dust.tt/static/droidavatar/Droid_Lime_3.jpg", title: "screenshot.png", onClose: () => alert("Close clicked") }))),
|
|
63
55
|
"Example of citations in markdown",
|
|
64
56
|
React.createElement("div", null,
|
|
65
57
|
React.createElement(Popover, { trigger: React.createElement(CitationIndex, null, "1"), content: React.createElement(React.Fragment, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Citation.stories.js","sourceRoot":"","sources":["../../../src/stories/Citation.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,MAAM,EACN,QAAQ,EACR,aAAa,EACb,mBAAmB,EACnB,YAAY,EACZ,aAAa,EACb,aAAa,EACb,aAAa,EACb,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,YAAY,EACZ,IAAI,EACJ,
|
|
1
|
+
{"version":3,"file":"Citation.stories.js","sourceRoot":"","sources":["../../../src/stories/Citation.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import React from "react";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: React.ForwardRefExoticComponent<import("../components").ImagePreviewProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
tags: string[];
|
|
7
|
+
argTypes: {
|
|
8
|
+
variant: {
|
|
9
|
+
description: string;
|
|
10
|
+
options: readonly ["embedded", "standalone"];
|
|
11
|
+
control: {
|
|
12
|
+
type: "select";
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
titlePosition: {
|
|
16
|
+
description: string;
|
|
17
|
+
options: readonly ["bottom", "center"];
|
|
18
|
+
control: {
|
|
19
|
+
type: "select";
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
isLoading: {
|
|
23
|
+
description: string;
|
|
24
|
+
control: "boolean";
|
|
25
|
+
};
|
|
26
|
+
manageZoomDialog: {
|
|
27
|
+
description: string;
|
|
28
|
+
control: "boolean";
|
|
29
|
+
};
|
|
30
|
+
title: {
|
|
31
|
+
description: string;
|
|
32
|
+
control: "text";
|
|
33
|
+
};
|
|
34
|
+
alt: {
|
|
35
|
+
description: string;
|
|
36
|
+
control: "text";
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
render: (args: import("../components").ImagePreviewProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element;
|
|
40
|
+
};
|
|
41
|
+
export default meta;
|
|
42
|
+
type Story = StoryObj<typeof meta>;
|
|
43
|
+
export declare const ExampleImagePreview: Story;
|
|
44
|
+
export declare const Variants: Story;
|
|
45
|
+
//# sourceMappingURL=ImagePreview.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ImagePreview.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/ImagePreview.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8C2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,mBAAmB,EAAE,KAUjC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA6DtB,CAAC"}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IMAGE_PREVIEW_TITLE_POSITIONS, IMAGE_PREVIEW_VARIANTS, } from "../components/ImagePreview";
|
|
3
|
+
import { ImagePreview } from "../index_with_tw_base";
|
|
4
|
+
const SAMPLE_IMAGE = "https://dust.tt/static/droidavatar/Droid_Lime_3.jpg";
|
|
5
|
+
const meta = {
|
|
6
|
+
title: "Components/ImagePreview",
|
|
7
|
+
component: ImagePreview,
|
|
8
|
+
tags: ["autodocs"],
|
|
9
|
+
argTypes: {
|
|
10
|
+
variant: {
|
|
11
|
+
description: "Layout variant of the image preview",
|
|
12
|
+
options: IMAGE_PREVIEW_VARIANTS,
|
|
13
|
+
control: { type: "select" },
|
|
14
|
+
},
|
|
15
|
+
titlePosition: {
|
|
16
|
+
description: "Position of the title overlay on hover",
|
|
17
|
+
options: IMAGE_PREVIEW_TITLE_POSITIONS,
|
|
18
|
+
control: { type: "select" },
|
|
19
|
+
},
|
|
20
|
+
isLoading: {
|
|
21
|
+
description: "Whether the image is in a loading state",
|
|
22
|
+
control: "boolean",
|
|
23
|
+
},
|
|
24
|
+
manageZoomDialog: {
|
|
25
|
+
description: "Whether clicking opens a zoom dialog",
|
|
26
|
+
control: "boolean",
|
|
27
|
+
},
|
|
28
|
+
title: {
|
|
29
|
+
description: "Title displayed on hover",
|
|
30
|
+
control: "text",
|
|
31
|
+
},
|
|
32
|
+
alt: {
|
|
33
|
+
description: "Alt text for the image",
|
|
34
|
+
control: "text",
|
|
35
|
+
},
|
|
36
|
+
},
|
|
37
|
+
render: (args) => {
|
|
38
|
+
if (args.variant === "embedded") {
|
|
39
|
+
return (React.createElement("div", { className: "s-relative s-h-48 s-w-48" },
|
|
40
|
+
React.createElement(ImagePreview, Object.assign({}, args))));
|
|
41
|
+
}
|
|
42
|
+
return (React.createElement("div", { className: "s-w-48" },
|
|
43
|
+
React.createElement(ImagePreview, Object.assign({}, args))));
|
|
44
|
+
},
|
|
45
|
+
};
|
|
46
|
+
export default meta;
|
|
47
|
+
export const ExampleImagePreview = {
|
|
48
|
+
args: {
|
|
49
|
+
imgSrc: SAMPLE_IMAGE,
|
|
50
|
+
title: "Sample Image",
|
|
51
|
+
alt: "A sample droid avatar",
|
|
52
|
+
variant: "standalone",
|
|
53
|
+
titlePosition: "bottom",
|
|
54
|
+
isLoading: false,
|
|
55
|
+
manageZoomDialog: true,
|
|
56
|
+
},
|
|
57
|
+
};
|
|
58
|
+
export const Variants = {
|
|
59
|
+
args: {
|
|
60
|
+
imgSrc: SAMPLE_IMAGE,
|
|
61
|
+
variant: "standalone",
|
|
62
|
+
},
|
|
63
|
+
render: (args) => (React.createElement("div", { className: "s-flex s-flex-col s-gap-6" },
|
|
64
|
+
React.createElement("div", { className: "s-flex s-flex-col s-gap-2" },
|
|
65
|
+
React.createElement("div", { className: "s-text-sm s-font-medium s-text-primary dark:s-text-primary-night" }, "Title Position: Bottom"),
|
|
66
|
+
React.createElement("div", { className: "s-flex s-items-center s-gap-4" },
|
|
67
|
+
React.createElement("div", { className: "s-w-32" },
|
|
68
|
+
React.createElement(ImagePreview, Object.assign({}, args, { title: "Normal", titlePosition: "bottom" }))),
|
|
69
|
+
React.createElement("div", { className: "s-w-32" },
|
|
70
|
+
React.createElement(ImagePreview, Object.assign({}, args, { title: "With Close", titlePosition: "bottom", onClose: () => alert("Close clicked") }))),
|
|
71
|
+
React.createElement("div", { className: "s-w-32" },
|
|
72
|
+
React.createElement(ImagePreview, Object.assign({}, args, { title: "With Download", titlePosition: "bottom", downloadUrl: SAMPLE_IMAGE }))))),
|
|
73
|
+
React.createElement("div", { className: "s-flex s-flex-col s-gap-2" },
|
|
74
|
+
React.createElement("div", { className: "s-text-sm s-font-medium s-text-primary dark:s-text-primary-night" }, "Title Position: Center"),
|
|
75
|
+
React.createElement("div", { className: "s-flex s-items-center s-gap-4" },
|
|
76
|
+
React.createElement("div", { className: "s-w-32" },
|
|
77
|
+
React.createElement(ImagePreview, Object.assign({}, args, { title: "Normal", titlePosition: "center" }))),
|
|
78
|
+
React.createElement("div", { className: "s-w-32" },
|
|
79
|
+
React.createElement(ImagePreview, Object.assign({}, args, { title: "With Close", titlePosition: "center", onClose: () => alert("Close clicked") }))),
|
|
80
|
+
React.createElement("div", { className: "s-w-32" },
|
|
81
|
+
React.createElement(ImagePreview, Object.assign({}, args, { title: "With Download", titlePosition: "center", downloadUrl: SAMPLE_IMAGE }))))))),
|
|
82
|
+
};
|
|
83
|
+
//# sourceMappingURL=ImagePreview.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ImagePreview.stories.js","sourceRoot":"","sources":["../../../src/stories/ImagePreview.stories.tsx"],"names":[],"mappings":"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"}
|
package/dist/sparkle.css
CHANGED
|
@@ -2614,6 +2614,10 @@ select {
|
|
|
2614
2614
|
border-width: 1px;
|
|
2615
2615
|
}
|
|
2616
2616
|
|
|
2617
|
+
.s-border-0 {
|
|
2618
|
+
border-width: 0px;
|
|
2619
|
+
}
|
|
2620
|
+
|
|
2617
2621
|
.s-border-2 {
|
|
2618
2622
|
border-width: 2px;
|
|
2619
2623
|
}
|
|
@@ -3623,6 +3627,10 @@ select {
|
|
|
3623
3627
|
background-color: rgb(238 238 239 / 0);
|
|
3624
3628
|
}
|
|
3625
3629
|
|
|
3630
|
+
.s-bg-primary-100\/60 {
|
|
3631
|
+
background-color: rgb(238 238 239 / 0.6);
|
|
3632
|
+
}
|
|
3633
|
+
|
|
3626
3634
|
.s-bg-primary-100\/80 {
|
|
3627
3635
|
background-color: rgb(238 238 239 / 0.8);
|
|
3628
3636
|
}
|
|
@@ -4436,6 +4444,10 @@ select {
|
|
|
4436
4444
|
padding-bottom: 1rem;
|
|
4437
4445
|
}
|
|
4438
4446
|
|
|
4447
|
+
.s-pb-7 {
|
|
4448
|
+
padding-bottom: 1.75rem;
|
|
4449
|
+
}
|
|
4450
|
+
|
|
4439
4451
|
.s-pb-8 {
|
|
4440
4452
|
padding-bottom: 2rem;
|
|
4441
4453
|
}
|
|
@@ -5550,11 +5562,6 @@ select {
|
|
|
5550
5562
|
filter: blur(calc(2rem));
|
|
5551
5563
|
}
|
|
5552
5564
|
|
|
5553
|
-
.\[mask-image\:radial-gradient\(white\2c black\)\] {
|
|
5554
|
-
-webkit-mask-image: radial-gradient(white,black);
|
|
5555
|
-
mask-image: radial-gradient(white,black);
|
|
5556
|
-
}
|
|
5557
|
-
|
|
5558
5565
|
@keyframes bgblink {
|
|
5559
5566
|
0%,
|
|
5560
5567
|
100% {
|
|
@@ -6283,10 +6290,6 @@ select {
|
|
|
6283
6290
|
display: none;
|
|
6284
6291
|
}
|
|
6285
6292
|
|
|
6286
|
-
.s-group:hover .group-hover\:s-bg-primary-200\/70 {
|
|
6287
|
-
background-color: rgb(211 213 217 / 0.7);
|
|
6288
|
-
}
|
|
6289
|
-
|
|
6290
6293
|
.s-group\/menu-item:hover .group-hover\/menu-item\:s-pr-8 {
|
|
6291
6294
|
padding-right: 2rem;
|
|
6292
6295
|
}
|
|
@@ -6304,11 +6307,11 @@ select {
|
|
|
6304
6307
|
opacity: 1;
|
|
6305
6308
|
}
|
|
6306
6309
|
|
|
6307
|
-
.s-group\/
|
|
6310
|
+
.s-group\/image-preview:hover .group-hover\/image-preview\:s-opacity-100 {
|
|
6308
6311
|
opacity: 1;
|
|
6309
6312
|
}
|
|
6310
6313
|
|
|
6311
|
-
.s-group\/
|
|
6314
|
+
.s-group\/menu-item:hover .group-hover\/menu-item\:s-opacity-100 {
|
|
6312
6315
|
opacity: 1;
|
|
6313
6316
|
}
|
|
6314
6317
|
|
|
@@ -6320,23 +6323,24 @@ select {
|
|
|
6320
6323
|
opacity: 1;
|
|
6321
6324
|
}
|
|
6322
6325
|
|
|
6323
|
-
.s-group:hover .group-hover\:s-
|
|
6324
|
-
--tw-
|
|
6326
|
+
.s-group\/image-preview:hover .group-hover\/image-preview\:s-blur-sm {
|
|
6327
|
+
--tw-blur: blur(4px);
|
|
6325
6328
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
6326
6329
|
}
|
|
6327
6330
|
|
|
6328
|
-
.s-group:hover .group-hover\:s-
|
|
6331
|
+
.s-group:hover .group-hover\:s-blur-sm {
|
|
6332
|
+
--tw-blur: blur(4px);
|
|
6329
6333
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
6330
6334
|
}
|
|
6331
6335
|
|
|
6332
|
-
.s-group:hover .group-hover\:s-
|
|
6333
|
-
--tw-
|
|
6334
|
-
|
|
6336
|
+
.s-group:hover .group-hover\:s-brightness-110 {
|
|
6337
|
+
--tw-brightness: brightness(1.1);
|
|
6338
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
6335
6339
|
}
|
|
6336
|
-
}
|
|
6337
6340
|
|
|
6338
|
-
.s-group:
|
|
6339
|
-
|
|
6341
|
+
.s-group:hover .group-hover\:s-filter {
|
|
6342
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
6343
|
+
}
|
|
6340
6344
|
}
|
|
6341
6345
|
|
|
6342
6346
|
.s-group:active .group-active\:s-brightness-90 {
|
|
@@ -7649,6 +7653,10 @@ select {
|
|
|
7649
7653
|
background-color: rgb(28 34 45 / 0);
|
|
7650
7654
|
}
|
|
7651
7655
|
|
|
7656
|
+
.dark\:s-bg-primary-100-night\/60:is(.s-dark *) {
|
|
7657
|
+
background-color: rgb(28 34 45 / 0.6);
|
|
7658
|
+
}
|
|
7659
|
+
|
|
7652
7660
|
.dark\:s-bg-primary-100-night\/80:is(.s-dark *) {
|
|
7653
7661
|
background-color: rgb(28 34 45 / 0.8);
|
|
7654
7662
|
}
|
|
@@ -9089,20 +9097,12 @@ select {
|
|
|
9089
9097
|
color: rgb(123 129 141 / var(--tw-text-opacity, 1));
|
|
9090
9098
|
}
|
|
9091
9099
|
|
|
9092
|
-
.s-group:hover .dark\:group-hover\:s-bg-primary-200-night\/70:is(.s-dark *) {
|
|
9093
|
-
background-color: rgb(42 50 65 / 0.7);
|
|
9094
|
-
}
|
|
9095
|
-
|
|
9096
9100
|
.s-group\/col:hover .dark\:group-hover\/col\:s-text-highlight-500-night:is(.s-dark *) {
|
|
9097
9101
|
--tw-text-opacity: 1;
|
|
9098
9102
|
color: rgb(28 145 255 / var(--tw-text-opacity, 1));
|
|
9099
9103
|
}
|
|
9100
9104
|
}
|
|
9101
9105
|
|
|
9102
|
-
.s-group:active .dark\:group-active\:s-bg-primary-100-night\/60:is(.s-dark *) {
|
|
9103
|
-
background-color: rgb(28 34 45 / 0.6);
|
|
9104
|
-
}
|
|
9105
|
-
|
|
9106
9106
|
.dark\:data-\[state\=checked\]\:s-bg-primary-night[data-state="checked"]:is(.s-dark *) {
|
|
9107
9107
|
--tw-bg-opacity: 1;
|
|
9108
9108
|
background-color: rgb(211 213 217 / var(--tw-bg-opacity, 1));
|
package/package.json
CHANGED