@dust-tt/sparkle 0.2.445-rc → 0.2.445
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/esm/stories/ColorPalette.stories.js +1 -1
- package/dist/esm/stories/Typography.stories.d.ts.map +1 -1
- package/dist/esm/stories/Typography.stories.js +3 -9
- package/dist/esm/stories/Typography.stories.js.map +1 -1
- package/dist/esm/styles/global.css +0 -11
- package/package.json +1 -1
- package/src/stories/ColorPalette.stories.tsx +1 -1
- package/src/stories/Typography.stories.tsx +3 -24
- package/src/styles/global.css +0 -11
|
@@ -33,7 +33,7 @@ var ColorSwatch = function (_a) {
|
|
|
33
33
|
React.createElement("div", { className: cn("s-h-16 s-w-24 s-rounded-lg s-border s-border-border dark:s-border-border-night", colorClass), style: {
|
|
34
34
|
position: "relative",
|
|
35
35
|
} },
|
|
36
|
-
React.createElement("div", { className: "s-
|
|
36
|
+
React.createElement("div", { className: "s-absolute s-bottom-1 s-left-1 s-font-mono s-text-[10px] s-opacity-50" }, getComputedStyle(document.documentElement)
|
|
37
37
|
.getPropertyValue("--".concat(colorClass.replace("s-bg-", "").replace(":", "-")))
|
|
38
38
|
.trim())),
|
|
39
39
|
React.createElement("div", { className: "s-font-mono s-text-xs" }, label)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Typography.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAsE1B,UAAU,eAAe;IACvB,OAAO,EAAE,WAAW,GAAG,SAAS,GAAG,cAAc,GAAG,MAAM,CAAC;CAC5D;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,
|
|
1
|
+
{"version":3,"file":"Typography.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Typography.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAsE1B,UAAU,eAAe;IACvB,OAAO,EAAE,WAAW,GAAG,SAAS,GAAG,cAAc,GAAG,MAAM,CAAC;CAC5D;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmIzC,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAUjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAIlB,CAAC"}
|
|
@@ -81,9 +81,7 @@ var Typography = function (_a) {
|
|
|
81
81
|
}))));
|
|
82
82
|
}
|
|
83
83
|
if (variant === "copy") {
|
|
84
|
-
return (React.createElement("div", { className: "s-space-y-12 s-bg-repeat s-py-8",
|
|
85
|
-
// backgroundImage: `url("data:image/svg+xml;utf8,${encodeURIComponent(svgBackground)}")`,
|
|
86
|
-
} }, Object.entries(copySizes).map(function (_a) {
|
|
84
|
+
return (React.createElement("div", { className: "s-space-y-12 s-bg-repeat s-py-8" }, Object.entries(copySizes).map(function (_a) {
|
|
87
85
|
var _b = __read(_a, 2), sizeKey = _b[0], copyClass = _b[1];
|
|
88
86
|
return (React.createElement("div", { key: sizeKey, className: "s-space-y-4" },
|
|
89
87
|
React.createElement("div", { className: copyClass },
|
|
@@ -131,18 +129,14 @@ var Typography = function (_a) {
|
|
|
131
129
|
})));
|
|
132
130
|
}
|
|
133
131
|
if (variant === "heading-mono") {
|
|
134
|
-
return (React.createElement("div", { className: "s-space-y-8 s-bg-repeat s-py-8",
|
|
135
|
-
// backgroundImage: `url("data:image/svg+xml;utf8,${encodeURIComponent(svgBackground)}")`,
|
|
136
|
-
} }, Object.entries(headingMonoSizes).map(function (_a) {
|
|
132
|
+
return (React.createElement("div", { className: "s-space-y-8 s-bg-repeat s-py-8" }, Object.entries(headingMonoSizes).map(function (_a) {
|
|
137
133
|
var _b = __read(_a, 2), sizeKey = _b[0], headingClass = _b[1];
|
|
138
134
|
return (React.createElement("div", { key: sizeKey, className: headingClass },
|
|
139
135
|
React.createElement("div", null, "Heading Mono ".concat(sizeKey)),
|
|
140
136
|
React.createElement("p", null, loremIpsum)));
|
|
141
137
|
})));
|
|
142
138
|
}
|
|
143
|
-
return (React.createElement("div", { className: "s-space-y-8 s-bg-repeat s-py-8",
|
|
144
|
-
// backgroundImage: `url("data:image/svg+xml;utf8,${encodeURIComponent(svgBackground)}")`,
|
|
145
|
-
} }, Object.entries(headingSizes).map(function (_a) {
|
|
139
|
+
return (React.createElement("div", { className: "s-space-y-8 s-bg-repeat s-py-8" }, Object.entries(headingSizes).map(function (_a) {
|
|
146
140
|
var _b = __read(_a, 2), sizeKey = _b[0], headingClass = _b[1];
|
|
147
141
|
return (React.createElement("div", { key: sizeKey, className: headingClass },
|
|
148
142
|
React.createElement("div", null, "Heading ".concat(sizeKey)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.stories.js","sourceRoot":"","sources":["../../../src/stories/Typography.stories.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Typography.stories.js","sourceRoot":"","sources":["../../../src/stories/Typography.stories.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -51,7 +51,7 @@ const ColorSwatch = ({
|
|
|
51
51
|
position: "relative",
|
|
52
52
|
}}
|
|
53
53
|
>
|
|
54
|
-
<div className="s-
|
|
54
|
+
<div className="s-absolute s-bottom-1 s-left-1 s-font-mono s-text-[10px] s-opacity-50">
|
|
55
55
|
{getComputedStyle(document.documentElement)
|
|
56
56
|
.getPropertyValue(
|
|
57
57
|
`--${colorClass.replace("s-bg-", "").replace(":", "-")}`
|
|
@@ -113,14 +113,7 @@ const Typography: React.FC<TypographyProps> = ({ variant }) => {
|
|
|
113
113
|
|
|
114
114
|
if (variant === "copy") {
|
|
115
115
|
return (
|
|
116
|
-
<div
|
|
117
|
-
className="s-space-y-12 s-bg-repeat s-py-8"
|
|
118
|
-
style={
|
|
119
|
-
{
|
|
120
|
-
// backgroundImage: `url("data:image/svg+xml;utf8,${encodeURIComponent(svgBackground)}")`,
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
>
|
|
116
|
+
<div className="s-space-y-12 s-bg-repeat s-py-8">
|
|
124
117
|
{Object.entries(copySizes).map(([sizeKey, copyClass]) => (
|
|
125
118
|
<div key={sizeKey} className="s-space-y-4">
|
|
126
119
|
<div className={copyClass}>
|
|
@@ -191,14 +184,7 @@ const Typography: React.FC<TypographyProps> = ({ variant }) => {
|
|
|
191
184
|
|
|
192
185
|
if (variant === "heading-mono") {
|
|
193
186
|
return (
|
|
194
|
-
<div
|
|
195
|
-
className="s-space-y-8 s-bg-repeat s-py-8"
|
|
196
|
-
style={
|
|
197
|
-
{
|
|
198
|
-
// backgroundImage: `url("data:image/svg+xml;utf8,${encodeURIComponent(svgBackground)}")`,
|
|
199
|
-
}
|
|
200
|
-
}
|
|
201
|
-
>
|
|
187
|
+
<div className="s-space-y-8 s-bg-repeat s-py-8">
|
|
202
188
|
{Object.entries(headingMonoSizes).map(([sizeKey, headingClass]) => (
|
|
203
189
|
<div key={sizeKey} className={headingClass}>
|
|
204
190
|
<div>{`Heading Mono ${sizeKey}`}</div>
|
|
@@ -210,14 +196,7 @@ const Typography: React.FC<TypographyProps> = ({ variant }) => {
|
|
|
210
196
|
}
|
|
211
197
|
|
|
212
198
|
return (
|
|
213
|
-
<div
|
|
214
|
-
className="s-space-y-8 s-bg-repeat s-py-8"
|
|
215
|
-
style={
|
|
216
|
-
{
|
|
217
|
-
// backgroundImage: `url("data:image/svg+xml;utf8,${encodeURIComponent(svgBackground)}")`,
|
|
218
|
-
}
|
|
219
|
-
}
|
|
220
|
-
>
|
|
199
|
+
<div className="s-space-y-8 s-bg-repeat s-py-8">
|
|
221
200
|
{Object.entries(headingSizes).map(([sizeKey, headingClass]) => (
|
|
222
201
|
<div key={sizeKey} className={headingClass}>
|
|
223
202
|
<div>{`Heading ${sizeKey}`}</div>
|