@spies-ui/react 1.0.7 → 1.0.8
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/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +18 -5
- package/dist/index.mjs +18 -5
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -884,6 +884,7 @@ declare const AvatarImage: _stitches_react_types_styled_component.StyledComponen
|
|
|
884
884
|
}, {}>>;
|
|
885
885
|
|
|
886
886
|
interface AvatarProps extends ComponentProps<typeof AvatarImage> {
|
|
887
|
+
size: 'default' | 'large';
|
|
887
888
|
}
|
|
888
889
|
declare function Avatar(props: AvatarProps): react_jsx_runtime.JSX.Element;
|
|
889
890
|
declare namespace Avatar {
|
package/dist/index.d.ts
CHANGED
|
@@ -884,6 +884,7 @@ declare const AvatarImage: _stitches_react_types_styled_component.StyledComponen
|
|
|
884
884
|
}, {}>>;
|
|
885
885
|
|
|
886
886
|
interface AvatarProps extends ComponentProps<typeof AvatarImage> {
|
|
887
|
+
size: 'default' | 'large';
|
|
887
888
|
}
|
|
888
889
|
declare function Avatar(props: AvatarProps): react_jsx_runtime.JSX.Element;
|
|
889
890
|
declare namespace Avatar {
|
package/dist/index.js
CHANGED
|
@@ -342,14 +342,27 @@ var Heading = styled("h2", {
|
|
|
342
342
|
});
|
|
343
343
|
Heading.displayName = "Heading";
|
|
344
344
|
|
|
345
|
-
// src/components/Avatar/styles.
|
|
345
|
+
// src/components/Avatar/styles.ts
|
|
346
346
|
var Avatar = __toESM(require("@radix-ui/react-avatar"));
|
|
347
347
|
var AvatarContainer = styled(Avatar.Root, {
|
|
348
348
|
borderRadius: "$full",
|
|
349
349
|
display: "inline-block",
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
350
|
+
overflow: "hidden",
|
|
351
|
+
variants: {
|
|
352
|
+
size: {
|
|
353
|
+
default: {
|
|
354
|
+
width: "$12",
|
|
355
|
+
height: "$12"
|
|
356
|
+
},
|
|
357
|
+
large: {
|
|
358
|
+
width: "$20",
|
|
359
|
+
height: "$20"
|
|
360
|
+
}
|
|
361
|
+
}
|
|
362
|
+
},
|
|
363
|
+
defaultVariants: {
|
|
364
|
+
size: "default"
|
|
365
|
+
}
|
|
353
366
|
});
|
|
354
367
|
var AvatarImage = styled(Avatar.Image, {
|
|
355
368
|
width: "100%",
|
|
@@ -375,7 +388,7 @@ var AvatarFallback = styled(Avatar.Fallback, {
|
|
|
375
388
|
var import_phosphor_react = require("phosphor-react");
|
|
376
389
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
377
390
|
function Avatar2(props) {
|
|
378
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AvatarContainer, { children: [
|
|
391
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AvatarContainer, { size: props.size, children: [
|
|
379
392
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarImage, __spreadValues({}, props)),
|
|
380
393
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarFallback, { delayMs: 600, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_phosphor_react.User, {}) })
|
|
381
394
|
] });
|
package/dist/index.mjs
CHANGED
|
@@ -313,14 +313,27 @@ var Heading = styled("h2", {
|
|
|
313
313
|
});
|
|
314
314
|
Heading.displayName = "Heading";
|
|
315
315
|
|
|
316
|
-
// src/components/Avatar/styles.
|
|
316
|
+
// src/components/Avatar/styles.ts
|
|
317
317
|
import * as Avatar from "@radix-ui/react-avatar";
|
|
318
318
|
var AvatarContainer = styled(Avatar.Root, {
|
|
319
319
|
borderRadius: "$full",
|
|
320
320
|
display: "inline-block",
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
321
|
+
overflow: "hidden",
|
|
322
|
+
variants: {
|
|
323
|
+
size: {
|
|
324
|
+
default: {
|
|
325
|
+
width: "$12",
|
|
326
|
+
height: "$12"
|
|
327
|
+
},
|
|
328
|
+
large: {
|
|
329
|
+
width: "$20",
|
|
330
|
+
height: "$20"
|
|
331
|
+
}
|
|
332
|
+
}
|
|
333
|
+
},
|
|
334
|
+
defaultVariants: {
|
|
335
|
+
size: "default"
|
|
336
|
+
}
|
|
324
337
|
});
|
|
325
338
|
var AvatarImage = styled(Avatar.Image, {
|
|
326
339
|
width: "100%",
|
|
@@ -346,7 +359,7 @@ var AvatarFallback = styled(Avatar.Fallback, {
|
|
|
346
359
|
import { User } from "phosphor-react";
|
|
347
360
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
348
361
|
function Avatar2(props) {
|
|
349
|
-
return /* @__PURE__ */ jsxs(AvatarContainer, { children: [
|
|
362
|
+
return /* @__PURE__ */ jsxs(AvatarContainer, { size: props.size, children: [
|
|
350
363
|
/* @__PURE__ */ jsx(AvatarImage, __spreadValues({}, props)),
|
|
351
364
|
/* @__PURE__ */ jsx(AvatarFallback, { delayMs: 600, children: /* @__PURE__ */ jsx(User, {}) })
|
|
352
365
|
] });
|