@dust-tt/sparkle 0.2.614 → 0.2.615
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/Avatar.d.ts +1 -1
- package/dist/esm/components/Avatar.js +4 -4
- package/dist/esm/components/Avatar.js.map +1 -1
- package/dist/esm/components/Spinner.d.ts +1 -1
- package/dist/esm/components/Spinner.js +7 -7
- package/dist/esm/components/Spinner.js.map +1 -1
- package/dist/esm/components/WindowUtility.d.ts +3 -2
- package/dist/esm/components/WindowUtility.d.ts.map +1 -1
- package/dist/esm/components/WindowUtility.js +25 -17
- package/dist/esm/components/WindowUtility.js.map +1 -1
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/stories/Avatar.stories.js +4 -4
- package/dist/esm/stories/Spinner.stories.js +3 -3
- package/package.json +1 -1
- package/src/components/Avatar.tsx +4 -4
- package/src/components/Spinner.tsx +7 -7
- package/src/components/WindowUtility.tsx +11 -18
- package/src/index.ts +1 -0
- package/src/stories/Avatar.stories.tsx +4 -4
- package/src/stories/Spinner.stories.tsx +3 -3
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
declare const AVATAR_SIZES: readonly ["xs", "sm", "md", "lg", "xl", "
|
|
2
|
+
declare const AVATAR_SIZES: readonly ["xs", "sm", "md", "lg", "xl", "2xl", "auto"];
|
|
3
3
|
type AvatarSizeType = (typeof AVATAR_SIZES)[number];
|
|
4
4
|
interface AvatarProps {
|
|
5
5
|
size?: AvatarSizeType;
|
|
@@ -5,7 +5,7 @@ import { Tooltip } from "../components";
|
|
|
5
5
|
import { UserIcon } from "../icons/app";
|
|
6
6
|
import { getEmojiAndBackgroundFromUrl } from "../lib/avatar/utils";
|
|
7
7
|
import { cn } from "../lib/utils";
|
|
8
|
-
var AVATAR_SIZES = ["xs", "sm", "md", "lg", "xl", "
|
|
8
|
+
var AVATAR_SIZES = ["xs", "sm", "md", "lg", "xl", "2xl", "auto"];
|
|
9
9
|
var AVATAR_VARIANTS = ["default", "clickable", "disabled"];
|
|
10
10
|
var avatarVariants = cva("s-flex s-flex-shrink-0 s-items-center s-justify-center s-overflow-hidden", {
|
|
11
11
|
variants: {
|
|
@@ -15,7 +15,7 @@ var avatarVariants = cva("s-flex s-flex-shrink-0 s-items-center s-justify-center
|
|
|
15
15
|
md: "s-h-10 s-w-10",
|
|
16
16
|
lg: "s-h-16 s-w-16",
|
|
17
17
|
xl: "s-h-20 s-w-20",
|
|
18
|
-
|
|
18
|
+
"2xl": "s-h-36 s-w-36",
|
|
19
19
|
auto: "s-w-full s-relative",
|
|
20
20
|
},
|
|
21
21
|
variant: {
|
|
@@ -56,7 +56,7 @@ var avatarVariants = cva("s-flex s-flex-shrink-0 s-items-center s-justify-center
|
|
|
56
56
|
},
|
|
57
57
|
{
|
|
58
58
|
rounded: false,
|
|
59
|
-
size: "
|
|
59
|
+
size: "2xl",
|
|
60
60
|
className: "s-rounded-[38px]",
|
|
61
61
|
},
|
|
62
62
|
{
|
|
@@ -79,7 +79,7 @@ var textVariants = cva("s-select-none s-font-semibold", {
|
|
|
79
79
|
md: "s-text-base",
|
|
80
80
|
lg: "s-text-3xl",
|
|
81
81
|
xl: "s-text-5xl",
|
|
82
|
-
|
|
82
|
+
"2xl": "s-text-7xl",
|
|
83
83
|
auto: "s-text-xl",
|
|
84
84
|
},
|
|
85
85
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,IAAM,YAAY,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,CAAU,CAAC;AAG5E,IAAM,eAAe,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,CAAU,CAAC;AAGtE,IAAM,cAAc,GAAG,GAAG,CACxB,0EAA0E,EAC1E;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,aAAa;YACjB,EAAE,EAAE,aAAa;YACjB,EAAE,EAAE,eAAe;YACnB,EAAE,EAAE,eAAe;YACnB,EAAE,EAAE,eAAe;YACnB,
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
type SpinnerSizeType = (typeof SPINNER_SIZES)[number];
|
|
3
|
-
declare const SPINNER_SIZES: readonly ["xs", "sm", "md", "lg", "xl", "
|
|
3
|
+
declare const SPINNER_SIZES: readonly ["xs", "sm", "md", "lg", "xl", "2xl"];
|
|
4
4
|
type SpinnerVariant = "mono" | "revert" | "light" | "dark" | "color" | SpinnerVariantType;
|
|
5
5
|
export interface SpinnerProps {
|
|
6
6
|
size?: SpinnerSizeType;
|
|
@@ -11,7 +11,7 @@ import animDarkXS from "../lottie/spinnerDarkXS";
|
|
|
11
11
|
import animLight from "../lottie/spinnerLight";
|
|
12
12
|
import animLightLG from "../lottie/spinnerLightLG";
|
|
13
13
|
import animLightXS from "../lottie/spinnerLightXS";
|
|
14
|
-
var SPINNER_SIZES = ["xs", "sm", "md", "lg", "xl", "
|
|
14
|
+
var SPINNER_SIZES = ["xs", "sm", "md", "lg", "xl", "2xl"];
|
|
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];
|
|
@@ -24,7 +24,7 @@ var pxSizeClasses = {
|
|
|
24
24
|
md: "24",
|
|
25
25
|
lg: "32",
|
|
26
26
|
xl: "128",
|
|
27
|
-
|
|
27
|
+
"2xl": "192",
|
|
28
28
|
};
|
|
29
29
|
// Convert hex to RGB array [r, g, b, a]
|
|
30
30
|
var hexToRgba = function (hex) {
|
|
@@ -78,7 +78,7 @@ var Spinner = function (_a) {
|
|
|
78
78
|
anim = animLightXS;
|
|
79
79
|
break;
|
|
80
80
|
case "xl":
|
|
81
|
-
case "
|
|
81
|
+
case "2xl":
|
|
82
82
|
anim = animLightLG;
|
|
83
83
|
break;
|
|
84
84
|
default:
|
|
@@ -95,7 +95,7 @@ var Spinner = function (_a) {
|
|
|
95
95
|
anim = animColorXS;
|
|
96
96
|
break;
|
|
97
97
|
case "xl":
|
|
98
|
-
case "
|
|
98
|
+
case "2xl":
|
|
99
99
|
anim = animColorLG;
|
|
100
100
|
break;
|
|
101
101
|
default:
|
|
@@ -110,7 +110,7 @@ var Spinner = function (_a) {
|
|
|
110
110
|
anim = animLightXS;
|
|
111
111
|
break;
|
|
112
112
|
case "xl":
|
|
113
|
-
case "
|
|
113
|
+
case "2xl":
|
|
114
114
|
anim = animLightLG;
|
|
115
115
|
break;
|
|
116
116
|
default:
|
|
@@ -125,7 +125,7 @@ var Spinner = function (_a) {
|
|
|
125
125
|
anim = animDarkXS;
|
|
126
126
|
break;
|
|
127
127
|
case "xl":
|
|
128
|
-
case "
|
|
128
|
+
case "2xl":
|
|
129
129
|
anim = animDarkLG;
|
|
130
130
|
break;
|
|
131
131
|
default:
|
|
@@ -142,7 +142,7 @@ var Spinner = function (_a) {
|
|
|
142
142
|
darkAnim = animDarkXS;
|
|
143
143
|
break;
|
|
144
144
|
case "xl":
|
|
145
|
-
case "
|
|
145
|
+
case "2xl":
|
|
146
146
|
lightAnim = animLightLG;
|
|
147
147
|
darkAnim = animDarkLG;
|
|
148
148
|
break;
|
|
@@ -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,SAAS,MAAM,8BAA8B,CAAC;AACrD,OAAO,WAAW,MAAM,gCAAgC,CAAC;AACzD,OAAO,WAAW,MAAM,gCAAgC,CAAC;AAGzD,IAAM,aAAa,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAU,CAAC;AAerE,iDAAiD;AACjD,IAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,UAAC,EAAe;QAAf,KAAA,aAAe,EAAd,KAAK,QAAA,EAAE,MAAM,QAAA;IACxE,OAAA,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,UAAG,KAAK,SAAG,KAAK,CAAW,EAA3B,CAA2B,CAAC;AAA/D,CAA+D,CAChE,CAAC;AAEF,IAAM,gBAAgB,GAAG,eAAC,OAAO,UAAK,aAAa,SAAU,CAAC;AAI9D,IAAM,aAAa,GAAoC;IACrD,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,KAAK;IACT,
|
|
1
|
+
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/components/Spinner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
export declare const breakpoints: {
|
|
2
|
+
xxs: number;
|
|
2
3
|
xs: number;
|
|
3
4
|
sm: number;
|
|
4
5
|
md: number;
|
|
5
6
|
lg: number;
|
|
6
7
|
xl: number;
|
|
7
|
-
|
|
8
|
+
"2xl": number;
|
|
8
9
|
};
|
|
9
10
|
interface WindowSizeState {
|
|
10
11
|
width: number | undefined;
|
|
@@ -12,5 +13,5 @@ interface WindowSizeState {
|
|
|
12
13
|
activeBreakpoint: keyof typeof breakpoints;
|
|
13
14
|
}
|
|
14
15
|
export declare function useWindowSize(): WindowSizeState;
|
|
15
|
-
export
|
|
16
|
+
export {};
|
|
16
17
|
//# sourceMappingURL=WindowUtility.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WindowUtility.d.ts","sourceRoot":"","sources":["../../../src/components/WindowUtility.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"WindowUtility.d.ts","sourceRoot":"","sources":["../../../src/components/WindowUtility.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW;;;;;;;;CAQvB,CAAC;AAgBF,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,gBAAgB,EAAE,MAAM,OAAO,WAAW,CAAC;CAC5C;AAGD,wBAAgB,aAAa,oBAwB5B"}
|
|
@@ -1,30 +1,39 @@
|
|
|
1
|
-
import { __read } from "tslib";
|
|
1
|
+
import { __read, __values } from "tslib";
|
|
2
2
|
import { useEffect, useState } from "react";
|
|
3
3
|
// Define breakpoints
|
|
4
4
|
export var breakpoints = {
|
|
5
|
-
|
|
5
|
+
xxs: 0,
|
|
6
|
+
xs: 512,
|
|
6
7
|
sm: 640,
|
|
7
8
|
md: 768,
|
|
8
9
|
lg: 1024,
|
|
9
10
|
xl: 1280,
|
|
10
|
-
|
|
11
|
+
"2xl": 1536,
|
|
11
12
|
};
|
|
12
13
|
// Helper function to determine active breakpoint
|
|
13
14
|
function getActiveBreakpoint(width) {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
15
|
+
var e_1, _a;
|
|
16
|
+
var breakpointEntries = Object.entries(breakpoints);
|
|
17
|
+
// Sort breakpoints from largest to smallest
|
|
18
|
+
var sortedBreakpoints = breakpointEntries.sort(function (_a, _b) {
|
|
19
|
+
var _c = __read(_a, 2), a = _c[1];
|
|
20
|
+
var _d = __read(_b, 2), b = _d[1];
|
|
21
|
+
return b - a;
|
|
22
|
+
});
|
|
23
|
+
try {
|
|
24
|
+
for (var sortedBreakpoints_1 = __values(sortedBreakpoints), sortedBreakpoints_1_1 = sortedBreakpoints_1.next(); !sortedBreakpoints_1_1.done; sortedBreakpoints_1_1 = sortedBreakpoints_1.next()) {
|
|
25
|
+
var _b = __read(sortedBreakpoints_1_1.value, 2), breakpoint = _b[0], minWidth = _b[1];
|
|
26
|
+
if (width >= minWidth) {
|
|
27
|
+
return breakpoint;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
25
30
|
}
|
|
26
|
-
|
|
27
|
-
|
|
31
|
+
catch (e_1_1) { e_1 = { error: e_1_1 }; }
|
|
32
|
+
finally {
|
|
33
|
+
try {
|
|
34
|
+
if (sortedBreakpoints_1_1 && !sortedBreakpoints_1_1.done && (_a = sortedBreakpoints_1.return)) _a.call(sortedBreakpoints_1);
|
|
35
|
+
}
|
|
36
|
+
finally { if (e_1) throw e_1.error; }
|
|
28
37
|
}
|
|
29
38
|
return "xs";
|
|
30
39
|
}
|
|
@@ -50,5 +59,4 @@ export function useWindowSize() {
|
|
|
50
59
|
}, []);
|
|
51
60
|
return windowSize;
|
|
52
61
|
}
|
|
53
|
-
export default useWindowSize;
|
|
54
62
|
//# sourceMappingURL=WindowUtility.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WindowUtility.js","sourceRoot":"","sources":["../../../src/components/WindowUtility.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,qBAAqB;AACrB,MAAM,CAAC,IAAM,WAAW,GAAG;IACzB,
|
|
1
|
+
{"version":3,"file":"WindowUtility.js","sourceRoot":"","sources":["../../../src/components/WindowUtility.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,qBAAqB;AACrB,MAAM,CAAC,IAAM,WAAW,GAAG;IACzB,GAAG,EAAE,CAAC;IACN,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,KAAK,EAAE,IAAI;CACZ,CAAC;AAEF,iDAAiD;AACjD,SAAS,mBAAmB,CAAC,KAAa;;IACxC,IAAM,iBAAiB,GAAG,MAAM,CAAC,OAAO,CAAC,WAAW,CAAyC,CAAC;IAC9F,4CAA4C;IAC5C,IAAM,iBAAiB,GAAG,iBAAiB,CAAC,IAAI,CAAC,UAAC,EAAK,EAAE,EAAK;YAAZ,KAAA,aAAK,EAAF,CAAC,QAAA;YAAG,KAAA,aAAK,EAAF,CAAC,QAAA;QAAM,OAAA,CAAC,GAAG,CAAC;IAAL,CAAK,CAAC,CAAC;;QAE1E,KAAqC,IAAA,sBAAA,SAAA,iBAAiB,CAAA,oDAAA,mFAAE,CAAC;YAA9C,IAAA,KAAA,sCAAsB,EAArB,UAAU,QAAA,EAAE,QAAQ,QAAA;YAC9B,IAAI,KAAK,IAAI,QAAQ,EAAE,CAAC;gBACtB,OAAO,UAAU,CAAC;YACpB,CAAC;QACH,CAAC;;;;;;;;;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAQD,uDAAuD;AACvD,MAAM,UAAU,aAAa;IACrB,IAAA,KAAA,OAA8B,QAAQ,CAAkB;QAC5D,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,SAAS;QACjB,gBAAgB,EAAE,IAAI;KACvB,CAAC,IAAA,EAJK,UAAU,QAAA,EAAE,aAAa,QAI9B,CAAC;IAEH,SAAS,CAAC;QACR,SAAS,YAAY;YACnB,IAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC;YAChC,aAAa,CAAC;gBACZ,KAAK,OAAA;gBACL,MAAM,EAAE,MAAM,CAAC,WAAW;gBAC1B,gBAAgB,EAAE,mBAAmB,CAAC,KAAK,CAAC;aAC7C,CAAC,CAAC;QACL,CAAC;QAED,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,YAAY,EAAE,CAAC;QAEf,OAAO,cAAM,OAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,EAAlD,CAAkD,CAAC;IAClE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,UAAU,CAAC;AACpB,CAAC"}
|
package/dist/esm/index.d.ts
CHANGED
package/dist/esm/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC"}
|
package/dist/esm/index.js
CHANGED
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC"}
|
|
@@ -21,7 +21,7 @@ export var AvatarExample = function () { return (React.createElement("div", { cl
|
|
|
21
21
|
React.createElement(Avatar, { size: "md" }),
|
|
22
22
|
React.createElement(Avatar, { size: "lg" }),
|
|
23
23
|
React.createElement(Avatar, { size: "xl" }),
|
|
24
|
-
React.createElement(Avatar, { size: "
|
|
24
|
+
React.createElement(Avatar, { size: "2xl" })),
|
|
25
25
|
React.createElement("div", null, "With name"),
|
|
26
26
|
React.createElement("div", { className: "s-flex s-gap-4" },
|
|
27
27
|
React.createElement(Avatar, { size: "xs", name: "Isabelle Doe" }),
|
|
@@ -29,7 +29,7 @@ export var AvatarExample = function () { return (React.createElement("div", { cl
|
|
|
29
29
|
React.createElement(Avatar, { size: "md", name: "Aria Doe" }),
|
|
30
30
|
React.createElement(Avatar, { size: "lg", name: "Omar Doe" }),
|
|
31
31
|
React.createElement(Avatar, { size: "xl", name: "Omar Doe" }),
|
|
32
|
-
React.createElement(Avatar, { size: "
|
|
32
|
+
React.createElement(Avatar, { size: "2xl", name: "Omar Doe" })),
|
|
33
33
|
React.createElement("div", null, "With emoji url"),
|
|
34
34
|
React.createElement("div", { className: "s-flex s-gap-4" },
|
|
35
35
|
React.createElement(Avatar, { size: "xs", visual: "https://dust.tt/static/emojis/bg-cyan-100/lotus/1fab7" })),
|
|
@@ -40,7 +40,7 @@ export var AvatarExample = function () { return (React.createElement("div", { cl
|
|
|
40
40
|
React.createElement(Avatar, { size: "md", emoji: "\uD83D\uDE02", backgroundColor: "s-bg-info-200" }),
|
|
41
41
|
React.createElement(Avatar, { size: "lg", emoji: "\uD83E\uDDD1\u200D\uD83D\uDE80", backgroundColor: "s-bg-gray-200" }),
|
|
42
42
|
React.createElement(Avatar, { size: "xl", emoji: "\uD83D\uDC55", backgroundColor: "s-bg-blue-200" }),
|
|
43
|
-
React.createElement(Avatar, { size: "
|
|
43
|
+
React.createElement(Avatar, { size: "2xl", emoji: "\uD83D\uDC55", backgroundColor: "s-bg-blue-200" })),
|
|
44
44
|
React.createElement("div", { className: "s-flex s-gap-4" },
|
|
45
45
|
React.createElement(Avatar, { size: "sm", name: "Eleanor Wright" }),
|
|
46
46
|
React.createElement(Avatar, { size: "sm", name: "Mason Johnson" }),
|
|
@@ -78,7 +78,7 @@ export var AvatarExample = function () { return (React.createElement("div", { cl
|
|
|
78
78
|
React.createElement(Avatar, { size: "lg", icon: ActionFlagIcon }),
|
|
79
79
|
React.createElement(Avatar, { size: "lg", icon: SlackLogo, hexBgColor: "#421D51" }),
|
|
80
80
|
React.createElement(Avatar, { size: "xl", icon: ActionShirtIcon }),
|
|
81
|
-
React.createElement(Avatar, { size: "
|
|
81
|
+
React.createElement(Avatar, { size: "2xl", icon: StarStrokeIcon })),
|
|
82
82
|
React.createElement("div", { className: "heading-2xl" }, "Tools example"),
|
|
83
83
|
React.createElement("div", null, "Remote MCP Servers"),
|
|
84
84
|
React.createElement("div", { className: "s-flex s-gap-4" },
|
|
@@ -50,11 +50,11 @@ export var SpinnerExample = function () {
|
|
|
50
50
|
React.createElement("div", { className: "s-heading-base s-text-foreground dark:s-text-white" }, "Size = XXL"),
|
|
51
51
|
React.createElement("div", { className: "s-flex s-gap-4" },
|
|
52
52
|
React.createElement("div", { className: "s-p-20" },
|
|
53
|
-
React.createElement(Spinner, { variant: "color", size: "
|
|
53
|
+
React.createElement(Spinner, { variant: "color", size: "2xl" })),
|
|
54
54
|
React.createElement("div", { className: "s-p-20" },
|
|
55
|
-
React.createElement(Spinner, { variant: "mono", size: "
|
|
55
|
+
React.createElement(Spinner, { variant: "mono", size: "2xl" })),
|
|
56
56
|
React.createElement("div", { className: "s-p-20" },
|
|
57
|
-
React.createElement(Spinner, { variant: "rose300", size: "
|
|
57
|
+
React.createElement(Spinner, { variant: "rose300", size: "2xl" })))));
|
|
58
58
|
};
|
|
59
59
|
export var BasicSpinner = {
|
|
60
60
|
args: {
|
package/package.json
CHANGED
|
@@ -6,7 +6,7 @@ import { UserIcon } from "@sparkle/icons/app";
|
|
|
6
6
|
import { getEmojiAndBackgroundFromUrl } from "@sparkle/lib/avatar/utils";
|
|
7
7
|
import { cn } from "@sparkle/lib/utils";
|
|
8
8
|
|
|
9
|
-
const AVATAR_SIZES = ["xs", "sm", "md", "lg", "xl", "
|
|
9
|
+
const AVATAR_SIZES = ["xs", "sm", "md", "lg", "xl", "2xl", "auto"] as const;
|
|
10
10
|
type AvatarSizeType = (typeof AVATAR_SIZES)[number];
|
|
11
11
|
|
|
12
12
|
const AVATAR_VARIANTS = ["default", "clickable", "disabled"] as const;
|
|
@@ -22,7 +22,7 @@ const avatarVariants = cva(
|
|
|
22
22
|
md: "s-h-10 s-w-10",
|
|
23
23
|
lg: "s-h-16 s-w-16",
|
|
24
24
|
xl: "s-h-20 s-w-20",
|
|
25
|
-
|
|
25
|
+
"2xl": "s-h-36 s-w-36",
|
|
26
26
|
auto: "s-w-full s-relative",
|
|
27
27
|
},
|
|
28
28
|
variant: {
|
|
@@ -64,7 +64,7 @@ const avatarVariants = cva(
|
|
|
64
64
|
},
|
|
65
65
|
{
|
|
66
66
|
rounded: false,
|
|
67
|
-
size: "
|
|
67
|
+
size: "2xl",
|
|
68
68
|
className: "s-rounded-[38px]",
|
|
69
69
|
},
|
|
70
70
|
{
|
|
@@ -89,7 +89,7 @@ const textVariants = cva("s-select-none s-font-semibold", {
|
|
|
89
89
|
md: "s-text-base",
|
|
90
90
|
lg: "s-text-3xl",
|
|
91
91
|
xl: "s-text-5xl",
|
|
92
|
-
|
|
92
|
+
"2xl": "s-text-7xl",
|
|
93
93
|
auto: "s-text-xl",
|
|
94
94
|
},
|
|
95
95
|
},
|
|
@@ -13,7 +13,7 @@ import animLightLG from "@sparkle/lottie/spinnerLightLG";
|
|
|
13
13
|
import animLightXS from "@sparkle/lottie/spinnerLightXS";
|
|
14
14
|
|
|
15
15
|
type SpinnerSizeType = (typeof SPINNER_SIZES)[number];
|
|
16
|
-
const SPINNER_SIZES = ["xs", "sm", "md", "lg", "xl", "
|
|
16
|
+
const SPINNER_SIZES = ["xs", "sm", "md", "lg", "xl", "2xl"] as const;
|
|
17
17
|
|
|
18
18
|
type SpinnerVariant =
|
|
19
19
|
| "mono"
|
|
@@ -43,7 +43,7 @@ const pxSizeClasses: Record<SpinnerSizeType, string> = {
|
|
|
43
43
|
md: "24",
|
|
44
44
|
lg: "32",
|
|
45
45
|
xl: "128",
|
|
46
|
-
|
|
46
|
+
"2xl": "192",
|
|
47
47
|
};
|
|
48
48
|
|
|
49
49
|
type LottieColorType = [number, number, number, number];
|
|
@@ -111,7 +111,7 @@ const Spinner: React.FC<SpinnerProps> = ({ size = "md", variant = "mono" }) => {
|
|
|
111
111
|
anim = animLightXS;
|
|
112
112
|
break;
|
|
113
113
|
case "xl":
|
|
114
|
-
case "
|
|
114
|
+
case "2xl":
|
|
115
115
|
anim = animLightLG;
|
|
116
116
|
break;
|
|
117
117
|
default:
|
|
@@ -139,7 +139,7 @@ const Spinner: React.FC<SpinnerProps> = ({ size = "md", variant = "mono" }) => {
|
|
|
139
139
|
anim = animColorXS;
|
|
140
140
|
break;
|
|
141
141
|
case "xl":
|
|
142
|
-
case "
|
|
142
|
+
case "2xl":
|
|
143
143
|
anim = animColorLG;
|
|
144
144
|
break;
|
|
145
145
|
default:
|
|
@@ -162,7 +162,7 @@ const Spinner: React.FC<SpinnerProps> = ({ size = "md", variant = "mono" }) => {
|
|
|
162
162
|
anim = animLightXS;
|
|
163
163
|
break;
|
|
164
164
|
case "xl":
|
|
165
|
-
case "
|
|
165
|
+
case "2xl":
|
|
166
166
|
anim = animLightLG;
|
|
167
167
|
break;
|
|
168
168
|
default:
|
|
@@ -185,7 +185,7 @@ const Spinner: React.FC<SpinnerProps> = ({ size = "md", variant = "mono" }) => {
|
|
|
185
185
|
anim = animDarkXS;
|
|
186
186
|
break;
|
|
187
187
|
case "xl":
|
|
188
|
-
case "
|
|
188
|
+
case "2xl":
|
|
189
189
|
anim = animDarkLG;
|
|
190
190
|
break;
|
|
191
191
|
default:
|
|
@@ -210,7 +210,7 @@ const Spinner: React.FC<SpinnerProps> = ({ size = "md", variant = "mono" }) => {
|
|
|
210
210
|
darkAnim = animDarkXS;
|
|
211
211
|
break;
|
|
212
212
|
case "xl":
|
|
213
|
-
case "
|
|
213
|
+
case "2xl":
|
|
214
214
|
lightAnim = animLightLG;
|
|
215
215
|
darkAnim = animDarkLG;
|
|
216
216
|
break;
|
|
@@ -2,30 +2,25 @@ import { useEffect, useState } from "react";
|
|
|
2
2
|
|
|
3
3
|
// Define breakpoints
|
|
4
4
|
export const breakpoints = {
|
|
5
|
-
|
|
5
|
+
xxs: 0,
|
|
6
|
+
xs: 512,
|
|
6
7
|
sm: 640,
|
|
7
8
|
md: 768,
|
|
8
9
|
lg: 1024,
|
|
9
10
|
xl: 1280,
|
|
10
|
-
|
|
11
|
+
"2xl": 1536,
|
|
11
12
|
};
|
|
12
13
|
|
|
13
14
|
// Helper function to determine active breakpoint
|
|
14
15
|
function getActiveBreakpoint(width: number): keyof typeof breakpoints {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}
|
|
24
|
-
if (width >= breakpoints.md) {
|
|
25
|
-
return "md";
|
|
26
|
-
}
|
|
27
|
-
if (width >= breakpoints.sm) {
|
|
28
|
-
return "sm";
|
|
16
|
+
const breakpointEntries = Object.entries(breakpoints) as [keyof typeof breakpoints, number][];
|
|
17
|
+
// Sort breakpoints from largest to smallest
|
|
18
|
+
const sortedBreakpoints = breakpointEntries.sort(([, a], [, b]) => b - a);
|
|
19
|
+
|
|
20
|
+
for (const [breakpoint, minWidth] of sortedBreakpoints) {
|
|
21
|
+
if (width >= minWidth) {
|
|
22
|
+
return breakpoint;
|
|
23
|
+
}
|
|
29
24
|
}
|
|
30
25
|
return "xs";
|
|
31
26
|
}
|
|
@@ -62,5 +57,3 @@ export function useWindowSize() {
|
|
|
62
57
|
|
|
63
58
|
return windowSize;
|
|
64
59
|
}
|
|
65
|
-
|
|
66
|
-
export default useWindowSize;
|
package/src/index.ts
CHANGED
|
@@ -44,7 +44,7 @@ export const AvatarExample = () => (
|
|
|
44
44
|
<Avatar size="md" />
|
|
45
45
|
<Avatar size="lg" />
|
|
46
46
|
<Avatar size="xl" />
|
|
47
|
-
<Avatar size="
|
|
47
|
+
<Avatar size="2xl" />
|
|
48
48
|
</div>
|
|
49
49
|
<div>With name</div>
|
|
50
50
|
<div className="s-flex s-gap-4">
|
|
@@ -53,7 +53,7 @@ export const AvatarExample = () => (
|
|
|
53
53
|
<Avatar size="md" name="Aria Doe" />
|
|
54
54
|
<Avatar size="lg" name="Omar Doe" />
|
|
55
55
|
<Avatar size="xl" name="Omar Doe" />
|
|
56
|
-
<Avatar size="
|
|
56
|
+
<Avatar size="2xl" name="Omar Doe" />
|
|
57
57
|
</div>
|
|
58
58
|
<div>With emoji url</div>
|
|
59
59
|
<div className="s-flex s-gap-4">
|
|
@@ -69,7 +69,7 @@ export const AvatarExample = () => (
|
|
|
69
69
|
<Avatar size="md" emoji="😂" backgroundColor="s-bg-info-200" />
|
|
70
70
|
<Avatar size="lg" emoji="🧑🚀" backgroundColor="s-bg-gray-200" />
|
|
71
71
|
<Avatar size="xl" emoji="👕" backgroundColor="s-bg-blue-200" />
|
|
72
|
-
<Avatar size="
|
|
72
|
+
<Avatar size="2xl" emoji="👕" backgroundColor="s-bg-blue-200" />
|
|
73
73
|
</div>
|
|
74
74
|
<div className="s-flex s-gap-4">
|
|
75
75
|
<Avatar size="sm" name="Eleanor Wright" />
|
|
@@ -126,7 +126,7 @@ export const AvatarExample = () => (
|
|
|
126
126
|
<Avatar size="lg" icon={ActionFlagIcon} />
|
|
127
127
|
<Avatar size="lg" icon={SlackLogo} hexBgColor="#421D51" />
|
|
128
128
|
<Avatar size="xl" icon={ActionShirtIcon} />
|
|
129
|
-
<Avatar size="
|
|
129
|
+
<Avatar size="2xl" icon={StarStrokeIcon} />
|
|
130
130
|
</div>
|
|
131
131
|
<div className="heading-2xl">Tools example</div>
|
|
132
132
|
<div>Remote MCP Servers</div>
|
|
@@ -89,13 +89,13 @@ export const SpinnerExample = () => {
|
|
|
89
89
|
</div>
|
|
90
90
|
<div className="s-flex s-gap-4">
|
|
91
91
|
<div className="s-p-20">
|
|
92
|
-
<Spinner variant="color" size="
|
|
92
|
+
<Spinner variant="color" size="2xl" />
|
|
93
93
|
</div>
|
|
94
94
|
<div className="s-p-20">
|
|
95
|
-
<Spinner variant="mono" size="
|
|
95
|
+
<Spinner variant="mono" size="2xl" />
|
|
96
96
|
</div>
|
|
97
97
|
<div className="s-p-20">
|
|
98
|
-
<Spinner variant="rose300" size="
|
|
98
|
+
<Spinner variant="rose300" size="2xl" />
|
|
99
99
|
</div>
|
|
100
100
|
</div>
|
|
101
101
|
</div>
|