@dust-tt/sparkle 0.4.4 → 0.4.5-rc-1
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Playground.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Playground.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;;;;
|
|
1
|
+
{"version":3,"file":"Playground.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Playground.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;;;;AA2B3D,wBAEE;AAEF,eAAO,MAAM,IAAI,yBAsUhB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __read } from "tslib";
|
|
2
2
|
import React, { useEffect, useRef, useState } from "react";
|
|
3
|
-
import { ArrowUpIcon, AttachmentIcon, BoltIcon, Button, cn, MicIcon, PlusIcon, RainbowEffect, RobotIcon, SquareIcon, } from "../index_with_tw_base";
|
|
3
|
+
import { ArrowUpIcon, AttachmentIcon, BoldIcon, BoltIcon, Button, ButtonGroup, cn, CodeBlockIcon, CodeSlashIcon, FontSizeAiIcon, ItalicIcon, LinkMIcon, ListCheckIcon, ListOrdered2Icon, MicIcon, PlusIcon, QuoteTextIcon, RainbowEffect, RobotIcon, SquareIcon, } from "../index_with_tw_base";
|
|
4
4
|
export default {
|
|
5
5
|
title: "Playground/Playground",
|
|
6
6
|
};
|
|
@@ -105,7 +105,21 @@ export var Demo = function () {
|
|
|
105
105
|
setIsPressAndHold(false);
|
|
106
106
|
}
|
|
107
107
|
};
|
|
108
|
-
return (React.createElement("div", { className: "s-flex s-h-[600px] s-w-full s-items-end s-justify-center s-border s-border-warning/20 sm:s-p-0 md:s-p-6" },
|
|
108
|
+
return (React.createElement("div", { className: "s-flex s-h-[600px] s-w-full s-flex-col s-items-end s-justify-center s-border s-border-warning/20 sm:s-p-0 md:s-p-6" },
|
|
109
|
+
React.createElement("div", { className: "s-mb-4 s-h-full s-w-full" },
|
|
110
|
+
React.createElement("div", { className: "s-inline-flex s-gap-1 s-rounded-2xl s-border s-border-border/50 s-bg-background s-p-1 s-shadow-md dark:s-border-border-night/50 dark:s-bg-background-night" },
|
|
111
|
+
React.createElement(ButtonGroup, { variant: "outline", size: "sm" },
|
|
112
|
+
React.createElement(Button, { icon: FontSizeAiIcon }),
|
|
113
|
+
React.createElement(Button, { icon: BoldIcon }),
|
|
114
|
+
React.createElement(Button, { icon: ItalicIcon })),
|
|
115
|
+
React.createElement(Button, { icon: LinkMIcon, variant: "outline" }),
|
|
116
|
+
React.createElement(ButtonGroup, { variant: "outline", size: "sm" },
|
|
117
|
+
React.createElement(Button, { icon: ListCheckIcon }),
|
|
118
|
+
React.createElement(Button, { icon: ListOrdered2Icon }),
|
|
119
|
+
React.createElement(Button, { icon: QuoteTextIcon })),
|
|
120
|
+
React.createElement(ButtonGroup, { variant: "outline", size: "sm" },
|
|
121
|
+
React.createElement(Button, { icon: CodeSlashIcon }),
|
|
122
|
+
React.createElement(Button, { icon: CodeBlockIcon })))),
|
|
109
123
|
React.createElement("div", { className: "s-flex s-w-full s-max-w-[900px] s-flex-1 s-p-0" },
|
|
110
124
|
React.createElement(RainbowEffect, { containerClassName: "s-w-full", className: "s-w-full", size: isFocused ? "large" : "medium" },
|
|
111
125
|
React.createElement("div", { ref: divRef, onClick: handleFocus, className: cn("s-relative s-flex s-w-full s-flex-row", "s-border s-border-border/0 s-bg-primary-50 s-transition-all md:s-rounded-3xl", isFocused
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Playground.stories.js","sourceRoot":"","sources":["../../../src/stories/Playground.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EACL,WAAW,EACX,cAAc,EACd,QAAQ,EACR,MAAM,EACN,EAAE,
|
|
1
|
+
{"version":3,"file":"Playground.stories.js","sourceRoot":"","sources":["../../../src/stories/Playground.stories.tsx"],"names":[],"mappings":"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"}
|
package/dist/sparkle.css
CHANGED
|
@@ -2597,6 +2597,10 @@ select {
|
|
|
2597
2597
|
border-color: rgb(238 238 239 / 0);
|
|
2598
2598
|
}
|
|
2599
2599
|
|
|
2600
|
+
.s-border-border\/50 {
|
|
2601
|
+
border-color: rgb(238 238 239 / 0.5);
|
|
2602
|
+
}
|
|
2603
|
+
|
|
2600
2604
|
.s-border-border\/60 {
|
|
2601
2605
|
border-color: rgb(238 238 239 / 0.6);
|
|
2602
2606
|
}
|
|
@@ -6588,6 +6592,10 @@ select {
|
|
|
6588
6592
|
border-color: rgb(42 50 65 / 0);
|
|
6589
6593
|
}
|
|
6590
6594
|
|
|
6595
|
+
:is(.s-dark .dark\:s-border-border-night\/50) {
|
|
6596
|
+
border-color: rgb(42 50 65 / 0.5);
|
|
6597
|
+
}
|
|
6598
|
+
|
|
6591
6599
|
:is(.s-dark .dark\:s-border-border-night\/60) {
|
|
6592
6600
|
border-color: rgb(42 50 65 / 0.6);
|
|
6593
6601
|
}
|
package/package.json
CHANGED
|
@@ -3,11 +3,23 @@ import React, { useEffect, useRef, useState } from "react";
|
|
|
3
3
|
import {
|
|
4
4
|
ArrowUpIcon,
|
|
5
5
|
AttachmentIcon,
|
|
6
|
+
BoldIcon,
|
|
6
7
|
BoltIcon,
|
|
7
8
|
Button,
|
|
9
|
+
ButtonGroup,
|
|
8
10
|
cn,
|
|
11
|
+
CodeBlock,
|
|
12
|
+
CodeBlockIcon,
|
|
13
|
+
CodeSlashIcon,
|
|
14
|
+
FontSizeAiIcon,
|
|
15
|
+
ItalicIcon,
|
|
16
|
+
LinkIcon,
|
|
17
|
+
LinkMIcon,
|
|
18
|
+
ListCheckIcon,
|
|
19
|
+
ListOrdered2Icon,
|
|
9
20
|
MicIcon,
|
|
10
21
|
PlusIcon,
|
|
22
|
+
QuoteTextIcon,
|
|
11
23
|
RainbowEffect,
|
|
12
24
|
RobotIcon,
|
|
13
25
|
SquareIcon,
|
|
@@ -142,7 +154,26 @@ export const Demo = () => {
|
|
|
142
154
|
};
|
|
143
155
|
|
|
144
156
|
return (
|
|
145
|
-
<div className="s-flex s-h-[600px] s-w-full s-items-end s-justify-center s-border s-border-warning/20 sm:s-p-0 md:s-p-6">
|
|
157
|
+
<div className="s-flex s-h-[600px] s-w-full s-flex-col s-items-end s-justify-center s-border s-border-warning/20 sm:s-p-0 md:s-p-6">
|
|
158
|
+
<div className="s-mb-4 s-h-full s-w-full">
|
|
159
|
+
<div className="s-inline-flex s-gap-1 s-rounded-2xl s-border s-border-border/50 s-bg-background s-p-1 s-shadow-md dark:s-border-border-night/50 dark:s-bg-background-night">
|
|
160
|
+
<ButtonGroup variant="outline" size="sm">
|
|
161
|
+
<Button icon={FontSizeAiIcon} />
|
|
162
|
+
<Button icon={BoldIcon} />
|
|
163
|
+
<Button icon={ItalicIcon} />
|
|
164
|
+
</ButtonGroup>
|
|
165
|
+
<Button icon={LinkMIcon} variant={"outline"} />
|
|
166
|
+
<ButtonGroup variant="outline" size="sm">
|
|
167
|
+
<Button icon={ListCheckIcon} />
|
|
168
|
+
<Button icon={ListOrdered2Icon} />
|
|
169
|
+
<Button icon={QuoteTextIcon} />
|
|
170
|
+
</ButtonGroup>
|
|
171
|
+
<ButtonGroup variant="outline" size="sm">
|
|
172
|
+
<Button icon={CodeSlashIcon} />
|
|
173
|
+
<Button icon={CodeBlockIcon} />
|
|
174
|
+
</ButtonGroup>
|
|
175
|
+
</div>
|
|
176
|
+
</div>
|
|
146
177
|
<div className="s-flex s-w-full s-max-w-[900px] s-flex-1 s-p-0">
|
|
147
178
|
<RainbowEffect
|
|
148
179
|
containerClassName="s-w-full"
|