@dust-tt/sparkle 0.2.512 → 0.2.513
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 +1 -1
- package/dist/esm/components/Button.js +6 -6
- package/dist/esm/components/Button.js.map +1 -1
- package/dist/esm/components/Spinner.d.ts +3 -2
- package/dist/esm/components/Spinner.d.ts.map +1 -1
- package/dist/esm/components/Spinner.js +84 -28
- package/dist/esm/components/Spinner.js.map +1 -1
- package/dist/esm/stories/Spinner.stories.d.ts.map +1 -1
- package/dist/esm/stories/Spinner.stories.js +20 -36
- package/dist/esm/stories/Spinner.stories.js.map +1 -1
- package/dist/sparkle.css +17 -5
- package/package.json +1 -1
- package/src/components/Button.tsx +6 -6
- package/src/components/Spinner.tsx +142 -40
- package/src/stories/Spinner.stories.tsx +32 -44
|
@@ -53,12 +53,12 @@ var labelVariants = cva("", {
|
|
|
53
53
|
},
|
|
54
54
|
});
|
|
55
55
|
var spinnerVariantsMap = {
|
|
56
|
-
primary: "
|
|
57
|
-
highlight: "
|
|
58
|
-
warning: "
|
|
59
|
-
outline: "
|
|
60
|
-
ghost: "
|
|
61
|
-
"ghost-secondary": "
|
|
56
|
+
primary: "revert",
|
|
57
|
+
highlight: "light",
|
|
58
|
+
warning: "light",
|
|
59
|
+
outline: "mono",
|
|
60
|
+
ghost: "mono",
|
|
61
|
+
"ghost-secondary": "mono",
|
|
62
62
|
};
|
|
63
63
|
var chevronVariantMap = {
|
|
64
64
|
primary: "s-text-white/70",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,OAAO,EACP,IAAI,EACJ,WAAW,EAEX,OAAO,EACP,cAAc,EACd,aAAa,EACb,eAAe,EACf,WAAW,EACX,cAAc,GACf,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,MAAM,CAAC,IAAM,eAAe,GAAG;IAC7B,SAAS;IACT,WAAW;IACX,SAAS;IACT,SAAS;IACT,OAAO;IACP,iBAAiB;CACT,CAAC;AAIX,MAAM,CAAC,IAAM,YAAY,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAC;AAGzE,iCAAiC;AACjC,IAAM,cAAc,GAAG,GAAG,CACxB,EAAE,CACA,6HAA6H,EAC7H,6GAA6G,EAC7G,gEAAgE,CACjE,EACD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,EAAE,CACT,8CAA8C,EAC9C,gDAAgD,EAChD,6DAA6D,EAC7D,+DAA+D,EAC/D,oGAAoG,CACrG;YACD,SAAS,EAAE,EAAE,CACX,gBAAgB,EAChB,qBAAqB,EACrB,4BAA4B,EAC5B,4BAA4B,EAC5B,wGAAwG,CACzG;YACD,OAAO,EAAE,EAAE,CACT,cAAc,EACd,mBAAmB,EACnB,0BAA0B,EAC1B,0BAA0B,EAC1B,oGAAoG,CACrG;YACD,OAAO,EAAE,EAAE,CACT,UAAU,EACV,4CAA4C,EAC5C,0CAA0C,EAC1C,4CAA4C,EAC5C,sDAAsD,EACtD,oDAAoD,EACpD,6DAA6D,EAC7D,sDAAsD,EACtD,wEAAwE,EACxE,wEAAwE,CACzE;YACD,KAAK,EAAE,EAAE,CACP,UAAU,EACV,gDAAgD,EAChD,qCAAqC,EACrC,oDAAoD,EACpD,kDAAkD,EAClD,6DAA6D,EAC7D,sDAAsD,EACtD,oEAAoE,CACrE;YACD,iBAAiB,EAAE,EAAE,CACnB,UAAU,EACV,gDAAgD,EAChD,4DAA4D,EAC5D,oDAAoD,EACpD,8DAA8D,EAC9D,6DAA6D,EAC7D,sDAAsD,EACtD,oEAAoE,CACrE;SACF;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,wDAAwD;YAC/D,IAAI,EAAE,0DAA0D;YAChE,EAAE,EAAE,6DAA6D;YACjE,EAAE,EAAE,yDAAyD;YAC7D,EAAE,EAAE,sEAAsE;SAC3E;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAC;AAEF,IAAM,aAAa,GAAG,GAAG,CAAC,EAAE,EAAE;IAC5B,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,KAAK,EAAE,qBAAqB;YAC5B,IAAI,EAAE,qBAAqB;YAC3B,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,cAAc;SACnB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAIH,IAAM,kBAAkB,GAA8C;IACpE,OAAO,EAAE,QAAQ;IACjB,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
type SpinnerSizeType = (typeof SPINNER_SIZES)[number];
|
|
3
3
|
declare const SPINNER_SIZES: readonly ["xs", "sm", "md", "lg", "xl", "xxl"];
|
|
4
|
+
type SpinnerVariant = "mono" | "revert" | "light" | "dark" | "color" | SpinnerVariantType;
|
|
4
5
|
export interface SpinnerProps {
|
|
5
6
|
size?: SpinnerSizeType;
|
|
6
|
-
variant?:
|
|
7
|
+
variant?: SpinnerVariant;
|
|
7
8
|
}
|
|
8
|
-
declare const SPINNER_VARIANTS: readonly ["color",
|
|
9
|
+
declare const SPINNER_VARIANTS: readonly ["color", ...string[]];
|
|
9
10
|
type SpinnerVariantType = (typeof SPINNER_VARIANTS)[number];
|
|
10
11
|
declare const Spinner: React.FC<SpinnerProps>;
|
|
11
12
|
export default Spinner;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,KAAK,eAAe,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AACtD,QAAA,MAAM,aAAa,gDAAiD,CAAC;AAErE,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,KAAK,eAAe,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AACtD,QAAA,MAAM,aAAa,gDAAiD,CAAC;AAErE,KAAK,cAAc,GACf,MAAM,GACN,QAAQ,GACR,OAAO,GACP,MAAM,GACN,OAAO,GACP,kBAAkB,CAAC;AAEvB,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAOD,QAAA,MAAM,gBAAgB,iCAAuC,CAAC;AAE9D,KAAK,kBAAkB,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AA2D5D,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA+InC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -8,16 +8,16 @@ import animColorXS from "../lottie/spinnerColorXS";
|
|
|
8
8
|
import animDark from "../lottie/spinnerDark";
|
|
9
9
|
import animDarkLG from "../lottie/spinnerDarkLG";
|
|
10
10
|
import animDarkXS from "../lottie/spinnerDarkXS";
|
|
11
|
-
import
|
|
11
|
+
import animLight from "../lottie/spinnerLight";
|
|
12
12
|
import animLightLG from "../lottie/spinnerLightLG";
|
|
13
|
-
import
|
|
13
|
+
import animLightXS from "../lottie/spinnerLightXS";
|
|
14
14
|
var SPINNER_SIZES = ["xs", "sm", "md", "lg", "xl", "xxl"];
|
|
15
15
|
// Generate all possible color-shade combinations
|
|
16
16
|
var colorVariants = Object.entries(customColors).flatMap(function (_a) {
|
|
17
17
|
var _b = __read(_a, 2), color = _b[0], shades = _b[1];
|
|
18
18
|
return Object.keys(shades).map(function (shade) { return "".concat(color).concat(shade); });
|
|
19
19
|
});
|
|
20
|
-
var SPINNER_VARIANTS = __spreadArray(["color"
|
|
20
|
+
var SPINNER_VARIANTS = __spreadArray(["color"], __read(colorVariants), false);
|
|
21
21
|
var pxSizeClasses = {
|
|
22
22
|
xs: "16",
|
|
23
23
|
sm: "20",
|
|
@@ -33,7 +33,7 @@ var hexToRgba = function (hex) {
|
|
|
33
33
|
var b = parseInt(hex.slice(5, 7), 16) / 255;
|
|
34
34
|
return [r, g, b, 1];
|
|
35
35
|
};
|
|
36
|
-
var colors = __assign({
|
|
36
|
+
var colors = __assign({}, Object.fromEntries(colorVariants.map(function (variant) {
|
|
37
37
|
var _a, _b;
|
|
38
38
|
var color = (_a = variant.match(/[a-z]+/)) === null || _a === void 0 ? void 0 : _a[0];
|
|
39
39
|
var shade = (_b = variant.match(/\d+/)) === null || _b === void 0 ? void 0 : _b[0];
|
|
@@ -64,39 +64,95 @@ var replaceColors = function (obj, newColor) {
|
|
|
64
64
|
return obj;
|
|
65
65
|
};
|
|
66
66
|
var Spinner = function (_a) {
|
|
67
|
-
var _b = _a.size, size = _b === void 0 ? "md" : _b, _c = _a.variant, variant = _c === void 0 ? "
|
|
67
|
+
var _b = _a.size, size = _b === void 0 ? "md" : _b, _c = _a.variant, variant = _c === void 0 ? "mono" : _c;
|
|
68
68
|
var fullSize = parseInt(pxSizeClasses[size], 10);
|
|
69
|
-
|
|
69
|
+
// Handle custom color variants
|
|
70
|
+
if (variant !== "revert" &&
|
|
71
|
+
variant !== "mono" &&
|
|
72
|
+
variant !== "color" &&
|
|
73
|
+
variant !== "light" &&
|
|
74
|
+
variant !== "dark") {
|
|
75
|
+
var anim = void 0;
|
|
76
|
+
switch (size) {
|
|
77
|
+
case "xs":
|
|
78
|
+
anim = animLightXS;
|
|
79
|
+
break;
|
|
80
|
+
case "xl":
|
|
81
|
+
case "xxl":
|
|
82
|
+
anim = animLightLG;
|
|
83
|
+
break;
|
|
84
|
+
default:
|
|
85
|
+
anim = animLight;
|
|
86
|
+
}
|
|
87
|
+
var animationData = replaceColors(JSON.parse(JSON.stringify(anim)), colors[variant]);
|
|
88
|
+
return (React.createElement(Lottie, { animationData: animationData, style: { width: "".concat(fullSize, "px"), height: "".concat(fullSize, "px") }, loop: true, autoplay: true }));
|
|
89
|
+
}
|
|
90
|
+
// Handle color variant
|
|
91
|
+
if (variant === "color") {
|
|
92
|
+
var anim = void 0;
|
|
93
|
+
switch (size) {
|
|
94
|
+
case "xs":
|
|
95
|
+
anim = animColorXS;
|
|
96
|
+
break;
|
|
97
|
+
case "xl":
|
|
98
|
+
case "xxl":
|
|
99
|
+
anim = animColorLG;
|
|
100
|
+
break;
|
|
101
|
+
default:
|
|
102
|
+
anim = animColor;
|
|
103
|
+
}
|
|
104
|
+
return (React.createElement(Lottie, { animationData: anim, style: { width: "".concat(fullSize, "px"), height: "".concat(fullSize, "px") }, loop: true, autoplay: true }));
|
|
105
|
+
}
|
|
106
|
+
if (variant === "light") {
|
|
107
|
+
var anim = void 0;
|
|
108
|
+
switch (size) {
|
|
109
|
+
case "xs":
|
|
110
|
+
anim = animLightXS;
|
|
111
|
+
break;
|
|
112
|
+
case "xl":
|
|
113
|
+
case "xxl":
|
|
114
|
+
anim = animLightLG;
|
|
115
|
+
break;
|
|
116
|
+
default:
|
|
117
|
+
anim = animLight;
|
|
118
|
+
}
|
|
119
|
+
return (React.createElement(Lottie, { animationData: anim, style: { width: "".concat(fullSize, "px"), height: "".concat(fullSize, "px") }, loop: true, autoplay: true }));
|
|
120
|
+
}
|
|
121
|
+
if (variant === "dark") {
|
|
122
|
+
var anim = void 0;
|
|
123
|
+
switch (size) {
|
|
124
|
+
case "xs":
|
|
125
|
+
anim = animDarkXS;
|
|
126
|
+
break;
|
|
127
|
+
case "xl":
|
|
128
|
+
case "xxl":
|
|
129
|
+
anim = animDarkLG;
|
|
130
|
+
break;
|
|
131
|
+
default:
|
|
132
|
+
anim = animDark;
|
|
133
|
+
}
|
|
134
|
+
return (React.createElement(Lottie, { animationData: anim, style: { width: "".concat(fullSize, "px"), height: "".concat(fullSize, "px") }, loop: true, autoplay: true }));
|
|
135
|
+
}
|
|
136
|
+
// Handle mono variant (default)
|
|
137
|
+
var lightAnim;
|
|
138
|
+
var darkAnim;
|
|
70
139
|
switch (size) {
|
|
71
140
|
case "xs":
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
? animSimpleLight
|
|
75
|
-
: variant === "dark"
|
|
76
|
-
? animDarkXS
|
|
77
|
-
: animColorXS;
|
|
141
|
+
lightAnim = animLightXS;
|
|
142
|
+
darkAnim = animDarkXS;
|
|
78
143
|
break;
|
|
79
144
|
case "xl":
|
|
80
145
|
case "xxl":
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
? animLightLG
|
|
84
|
-
: variant === "dark"
|
|
85
|
-
? animDarkLG
|
|
86
|
-
: animColorLG;
|
|
146
|
+
lightAnim = animLightLG;
|
|
147
|
+
darkAnim = animDarkLG;
|
|
87
148
|
break;
|
|
88
149
|
default:
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
? animLightXS
|
|
92
|
-
: variant === "dark"
|
|
93
|
-
? animDark
|
|
94
|
-
: animColor;
|
|
150
|
+
lightAnim = animLight;
|
|
151
|
+
darkAnim = animDark;
|
|
95
152
|
}
|
|
96
|
-
|
|
97
|
-
?
|
|
98
|
-
:
|
|
99
|
-
return (React.createElement(Lottie, { animationData: animationData, style: { width: "".concat(fullSize, "px"), height: "".concat(fullSize, "px") }, loop: true, autoplay: true }));
|
|
153
|
+
return (React.createElement(React.Fragment, null,
|
|
154
|
+
React.createElement(Lottie, { animationData: variant && variant === "mono" ? darkAnim : lightAnim, className: "s-block dark:s-hidden", style: { width: "".concat(fullSize, "px"), height: "".concat(fullSize, "px") }, loop: true, autoplay: true }),
|
|
155
|
+
React.createElement(Lottie, { animationData: variant && variant === "mono" ? lightAnim : darkAnim, className: "s-hidden dark:s-block", style: { width: "".concat(fullSize, "px"), height: "".concat(fullSize, "px") }, loop: true, autoplay: true })));
|
|
100
156
|
};
|
|
101
157
|
export default Spinner;
|
|
102
158
|
//# sourceMappingURL=Spinner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/components/Spinner.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,SAAS,MAAM,8BAA8B,CAAC;AACrD,OAAO,WAAW,MAAM,gCAAgC,CAAC;AACzD,OAAO,WAAW,MAAM,gCAAgC,CAAC;AACzD,OAAO,QAAQ,MAAM,6BAA6B,CAAC;AACnD,OAAO,UAAU,MAAM,+BAA+B,CAAC;AACvD,OAAO,UAAU,MAAM,+BAA+B,CAAC;AACvD,OAAO,
|
|
1
|
+
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/components/Spinner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Spinner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,IAAI;;;CAGsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"Spinner.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Spinner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,IAAI;;;CAGsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,cAAc,yBAyF1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAC"}
|
|
@@ -7,70 +7,54 @@ var meta = {
|
|
|
7
7
|
export default meta;
|
|
8
8
|
export var SpinnerExample = function () {
|
|
9
9
|
return (React.createElement("div", { className: "s-flex s-flex-col s-gap-4" },
|
|
10
|
-
"Size = XS",
|
|
10
|
+
React.createElement("div", { className: "s-heading-base s-text-foreground dark:s-text-white" }, "Size = XS"),
|
|
11
11
|
React.createElement("div", { className: "s-flex s-gap-4" },
|
|
12
12
|
React.createElement("div", { className: "s-p-20" },
|
|
13
13
|
React.createElement(Spinner, { variant: "color", size: "xs" })),
|
|
14
|
-
React.createElement("div", { className: "s-bg-primary-900 s-p-20" },
|
|
15
|
-
React.createElement(Spinner, { variant: "light", size: "xs" })),
|
|
16
|
-
React.createElement("div", { className: "s-bg-blue-500 s-p-20" },
|
|
17
|
-
React.createElement(Spinner, { variant: "light", size: "xs" })),
|
|
18
14
|
React.createElement("div", { className: "s-p-20" },
|
|
19
|
-
React.createElement(Spinner, { variant: "
|
|
15
|
+
React.createElement(Spinner, { variant: "mono", size: "xs" })),
|
|
20
16
|
React.createElement("div", { className: "s-p-20" },
|
|
21
17
|
React.createElement(Spinner, { variant: "rose300", size: "xs" }))),
|
|
22
|
-
"Size = SM",
|
|
18
|
+
React.createElement("div", { className: "s-heading-base s-text-foreground dark:s-text-white" }, "Size = SM"),
|
|
23
19
|
React.createElement("div", { className: "s-flex s-gap-4" },
|
|
24
20
|
React.createElement("div", { className: "s-p-20" },
|
|
25
21
|
React.createElement(Spinner, { variant: "color", size: "sm" })),
|
|
26
|
-
React.createElement("div", { className: "s-bg-primary-900 s-p-20" },
|
|
27
|
-
React.createElement(Spinner, { variant: "light", size: "sm" })),
|
|
28
|
-
React.createElement("div", { className: "s-bg-blue-500 s-p-20" },
|
|
29
|
-
React.createElement(Spinner, { variant: "light", size: "sm" })),
|
|
30
22
|
React.createElement("div", { className: "s-p-20" },
|
|
31
|
-
React.createElement(Spinner, { variant: "
|
|
23
|
+
React.createElement(Spinner, { variant: "mono", size: "sm" })),
|
|
32
24
|
React.createElement("div", { className: "s-p-20" },
|
|
33
25
|
React.createElement(Spinner, { variant: "rose300", size: "sm" }))),
|
|
34
|
-
"Size = MD",
|
|
26
|
+
React.createElement("div", { className: "s-heading-base s-text-foreground dark:s-text-white" }, "Size = MD"),
|
|
35
27
|
React.createElement("div", { className: "s-flex s-gap-4" },
|
|
36
28
|
React.createElement("div", { className: "s-p-20" },
|
|
37
29
|
React.createElement(Spinner, { variant: "color", size: "md" })),
|
|
38
|
-
React.createElement("div", { className: "s-bg-primary-900 s-p-20" },
|
|
39
|
-
React.createElement(Spinner, { variant: "light", size: "md" })),
|
|
40
|
-
React.createElement("div", { className: "s-bg-blue-500 s-p-20" },
|
|
41
|
-
React.createElement(Spinner, { variant: "light", size: "md" })),
|
|
42
30
|
React.createElement("div", { className: "s-p-20" },
|
|
43
|
-
React.createElement(Spinner, { variant: "
|
|
44
|
-
|
|
31
|
+
React.createElement(Spinner, { variant: "mono", size: "md" })),
|
|
32
|
+
React.createElement("div", { className: "s-p-20" },
|
|
33
|
+
React.createElement(Spinner, { variant: "rose300", size: "md" }))),
|
|
34
|
+
React.createElement("div", { className: "s-heading-base s-text-foreground dark:s-text-white" }, "Size = LG"),
|
|
45
35
|
React.createElement("div", { className: "s-flex s-gap-4" },
|
|
46
36
|
React.createElement("div", { className: "s-p-20" },
|
|
47
37
|
React.createElement(Spinner, { variant: "color", size: "lg" })),
|
|
48
|
-
React.createElement("div", { className: "s-bg-primary-900 s-p-20" },
|
|
49
|
-
React.createElement(Spinner, { variant: "light", size: "lg" })),
|
|
50
|
-
React.createElement("div", { className: "s-bg-blue-500 s-p-20" },
|
|
51
|
-
React.createElement(Spinner, { variant: "light", size: "lg" })),
|
|
52
38
|
React.createElement("div", { className: "s-p-20" },
|
|
53
|
-
React.createElement(Spinner, { variant: "
|
|
54
|
-
|
|
39
|
+
React.createElement(Spinner, { variant: "mono", size: "lg" })),
|
|
40
|
+
React.createElement("div", { className: "s-p-20" },
|
|
41
|
+
React.createElement(Spinner, { variant: "rose300", size: "lg" }))),
|
|
42
|
+
React.createElement("div", { className: "s-heading-base s-text-foreground dark:s-text-white" }, "Size = XL"),
|
|
55
43
|
React.createElement("div", { className: "s-flex s-gap-4" },
|
|
56
44
|
React.createElement("div", { className: "s-p-20" },
|
|
57
45
|
React.createElement(Spinner, { variant: "color", size: "xl" })),
|
|
58
|
-
React.createElement("div", { className: "s-bg-primary-900 s-p-20" },
|
|
59
|
-
React.createElement(Spinner, { variant: "light", size: "xl" })),
|
|
60
|
-
React.createElement("div", { className: "s-bg-blue-500 s-p-20" },
|
|
61
|
-
React.createElement(Spinner, { variant: "light", size: "xl" })),
|
|
62
46
|
React.createElement("div", { className: "s-p-20" },
|
|
63
|
-
React.createElement(Spinner, { variant: "
|
|
64
|
-
|
|
47
|
+
React.createElement(Spinner, { variant: "mono", size: "xl" })),
|
|
48
|
+
React.createElement("div", { className: "s-p-20" },
|
|
49
|
+
React.createElement(Spinner, { variant: "rose300", size: "xl" }))),
|
|
50
|
+
React.createElement("div", { className: "s-heading-base s-text-foreground dark:s-text-white" }, "Size = XXL"),
|
|
65
51
|
React.createElement("div", { className: "s-flex s-gap-4" },
|
|
66
52
|
React.createElement("div", { className: "s-p-20" },
|
|
67
53
|
React.createElement(Spinner, { variant: "color", size: "xxl" })),
|
|
68
|
-
React.createElement("div", { className: "s-bg-primary-900 s-p-20" },
|
|
69
|
-
React.createElement(Spinner, { variant: "light", size: "xxl" })),
|
|
70
|
-
React.createElement("div", { className: "s-bg-blue-500 s-p-20" },
|
|
71
|
-
React.createElement(Spinner, { variant: "light", size: "xxl" })),
|
|
72
54
|
React.createElement("div", { className: "s-p-20" },
|
|
73
|
-
React.createElement(Spinner, { variant: "
|
|
55
|
+
React.createElement(Spinner, { variant: "mono", size: "xxl" })),
|
|
56
|
+
React.createElement("div", { className: "s-p-20" },
|
|
57
|
+
React.createElement(Spinner, { variant: "rose300", size: "xxl" })))));
|
|
74
58
|
};
|
|
75
59
|
export var BasicSpinner = {
|
|
76
60
|
args: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.stories.js","sourceRoot":"","sources":["../../../src/stories/Spinner.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;CACY,CAAC;AAEjC,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,IAAM,cAAc,GAAG;IAC5B,OAAO,CACL,6BAAK,SAAS,EAAC,2BAA2B
|
|
1
|
+
{"version":3,"file":"Spinner.stories.js","sourceRoot":"","sources":["../../../src/stories/Spinner.stories.tsx"],"names":[],"mappings":"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"}
|
package/dist/sparkle.css
CHANGED
|
@@ -1251,6 +1251,10 @@ select {
|
|
|
1251
1251
|
-webkit-line-clamp: 5;
|
|
1252
1252
|
}
|
|
1253
1253
|
|
|
1254
|
+
.s-block {
|
|
1255
|
+
display: block;
|
|
1256
|
+
}
|
|
1257
|
+
|
|
1254
1258
|
.s-inline-block {
|
|
1255
1259
|
display: inline-block;
|
|
1256
1260
|
}
|
|
@@ -3416,7 +3420,7 @@ select {
|
|
|
3416
3420
|
|
|
3417
3421
|
.s-bg-primary-muted {
|
|
3418
3422
|
--tw-bg-opacity: 1;
|
|
3419
|
-
background-color: rgb(
|
|
3423
|
+
background-color: rgb(123 129 141 / var(--tw-bg-opacity));
|
|
3420
3424
|
}
|
|
3421
3425
|
|
|
3422
3426
|
.s-bg-purple-200 {
|
|
@@ -5802,7 +5806,7 @@ select {
|
|
|
5802
5806
|
|
|
5803
5807
|
.disabled\:s-bg-primary-muted:disabled {
|
|
5804
5808
|
--tw-bg-opacity: 1;
|
|
5805
|
-
background-color: rgb(
|
|
5809
|
+
background-color: rgb(123 129 141 / var(--tw-bg-opacity));
|
|
5806
5810
|
}
|
|
5807
5811
|
|
|
5808
5812
|
.disabled\:s-bg-warning-muted:disabled {
|
|
@@ -5826,7 +5830,7 @@ select {
|
|
|
5826
5830
|
|
|
5827
5831
|
.disabled\:s-text-primary-muted:disabled {
|
|
5828
5832
|
--tw-text-opacity: 1;
|
|
5829
|
-
color: rgb(
|
|
5833
|
+
color: rgb(123 129 141 / var(--tw-text-opacity));
|
|
5830
5834
|
}
|
|
5831
5835
|
|
|
5832
5836
|
.disabled\:s-opacity-50:disabled {
|
|
@@ -6302,6 +6306,14 @@ select {
|
|
|
6302
6306
|
}
|
|
6303
6307
|
}
|
|
6304
6308
|
|
|
6309
|
+
:is(.s-dark .dark\:s-block) {
|
|
6310
|
+
display: block;
|
|
6311
|
+
}
|
|
6312
|
+
|
|
6313
|
+
:is(.s-dark .dark\:s-hidden) {
|
|
6314
|
+
display: none;
|
|
6315
|
+
}
|
|
6316
|
+
|
|
6305
6317
|
:is(.s-dark .dark\:s-border-blue-100-night) {
|
|
6306
6318
|
--tw-border-opacity: 1;
|
|
6307
6319
|
border-color: rgb(7 53 95 / var(--tw-border-opacity));
|
|
@@ -8509,7 +8521,7 @@ select {
|
|
|
8509
8521
|
|
|
8510
8522
|
:is(.s-dark .dark\:disabled\:s-bg-primary-muted-night:disabled) {
|
|
8511
8523
|
--tw-bg-opacity: 1;
|
|
8512
|
-
background-color: rgb(
|
|
8524
|
+
background-color: rgb(123 129 141 / var(--tw-bg-opacity));
|
|
8513
8525
|
}
|
|
8514
8526
|
|
|
8515
8527
|
:is(.s-dark .dark\:disabled\:s-bg-warning-muted-night:disabled) {
|
|
@@ -8529,7 +8541,7 @@ select {
|
|
|
8529
8541
|
|
|
8530
8542
|
:is(.s-dark .dark\:disabled\:s-text-primary-muted-night:disabled) {
|
|
8531
8543
|
--tw-text-opacity: 1;
|
|
8532
|
-
color: rgb(
|
|
8544
|
+
color: rgb(123 129 141 / var(--tw-text-opacity));
|
|
8533
8545
|
}
|
|
8534
8546
|
|
|
8535
8547
|
:is(.s-dark .s-group:hover .dark\:group-hover\:s-bg-primary-200-night\/70) {
|
package/package.json
CHANGED
|
@@ -129,12 +129,12 @@ const labelVariants = cva("", {
|
|
|
129
129
|
type SpinnerVariant = NonNullable<SpinnerProps["variant"]>;
|
|
130
130
|
|
|
131
131
|
const spinnerVariantsMap: Record<ButtonVariantType, SpinnerVariant> = {
|
|
132
|
-
primary: "
|
|
133
|
-
highlight: "
|
|
134
|
-
warning: "
|
|
135
|
-
outline: "
|
|
136
|
-
ghost: "
|
|
137
|
-
"ghost-secondary": "
|
|
132
|
+
primary: "revert",
|
|
133
|
+
highlight: "light",
|
|
134
|
+
warning: "light",
|
|
135
|
+
outline: "mono",
|
|
136
|
+
ghost: "mono",
|
|
137
|
+
"ghost-secondary": "mono",
|
|
138
138
|
};
|
|
139
139
|
|
|
140
140
|
const chevronVariantMap = {
|