@spies-ui/react 1.0.8 → 1.0.9
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 +26 -2
- package/dist/index.mjs +26 -2
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -885,6 +885,7 @@ declare const AvatarImage: _stitches_react_types_styled_component.StyledComponen
|
|
|
885
885
|
|
|
886
886
|
interface AvatarProps extends ComponentProps<typeof AvatarImage> {
|
|
887
887
|
size: 'default' | 'large';
|
|
888
|
+
border: 'none' | 'default' | 'primary' | 'success' | 'danger' | 'warning';
|
|
888
889
|
}
|
|
889
890
|
declare function Avatar(props: AvatarProps): react_jsx_runtime.JSX.Element;
|
|
890
891
|
declare namespace Avatar {
|
package/dist/index.d.ts
CHANGED
|
@@ -885,6 +885,7 @@ declare const AvatarImage: _stitches_react_types_styled_component.StyledComponen
|
|
|
885
885
|
|
|
886
886
|
interface AvatarProps extends ComponentProps<typeof AvatarImage> {
|
|
887
887
|
size: 'default' | 'large';
|
|
888
|
+
border: 'none' | 'default' | 'primary' | 'success' | 'danger' | 'warning';
|
|
888
889
|
}
|
|
889
890
|
declare function Avatar(props: AvatarProps): react_jsx_runtime.JSX.Element;
|
|
890
891
|
declare namespace Avatar {
|
package/dist/index.js
CHANGED
|
@@ -358,10 +358,34 @@ var AvatarContainer = styled(Avatar.Root, {
|
|
|
358
358
|
width: "$20",
|
|
359
359
|
height: "$20"
|
|
360
360
|
}
|
|
361
|
+
},
|
|
362
|
+
border: {
|
|
363
|
+
none: {
|
|
364
|
+
border: "0"
|
|
365
|
+
},
|
|
366
|
+
default: {
|
|
367
|
+
border: "2px solid $smokedWhite"
|
|
368
|
+
},
|
|
369
|
+
primary: {
|
|
370
|
+
border: "2px solid $primary"
|
|
371
|
+
},
|
|
372
|
+
primaryLight: {
|
|
373
|
+
border: "2px solid $primaryLight"
|
|
374
|
+
},
|
|
375
|
+
success: {
|
|
376
|
+
border: "2px solid $success"
|
|
377
|
+
},
|
|
378
|
+
danger: {
|
|
379
|
+
border: "2px solid $danger"
|
|
380
|
+
},
|
|
381
|
+
warning: {
|
|
382
|
+
border: "2px solid $warning"
|
|
383
|
+
}
|
|
361
384
|
}
|
|
362
385
|
},
|
|
363
386
|
defaultVariants: {
|
|
364
|
-
size: "default"
|
|
387
|
+
size: "default",
|
|
388
|
+
border: "none"
|
|
365
389
|
}
|
|
366
390
|
});
|
|
367
391
|
var AvatarImage = styled(Avatar.Image, {
|
|
@@ -388,7 +412,7 @@ var AvatarFallback = styled(Avatar.Fallback, {
|
|
|
388
412
|
var import_phosphor_react = require("phosphor-react");
|
|
389
413
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
390
414
|
function Avatar2(props) {
|
|
391
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AvatarContainer, { size: props.size, children: [
|
|
415
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AvatarContainer, { size: props.size, border: props.border, children: [
|
|
392
416
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarImage, __spreadValues({}, props)),
|
|
393
417
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarFallback, { delayMs: 600, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_phosphor_react.User, {}) })
|
|
394
418
|
] });
|
package/dist/index.mjs
CHANGED
|
@@ -329,10 +329,34 @@ var AvatarContainer = styled(Avatar.Root, {
|
|
|
329
329
|
width: "$20",
|
|
330
330
|
height: "$20"
|
|
331
331
|
}
|
|
332
|
+
},
|
|
333
|
+
border: {
|
|
334
|
+
none: {
|
|
335
|
+
border: "0"
|
|
336
|
+
},
|
|
337
|
+
default: {
|
|
338
|
+
border: "2px solid $smokedWhite"
|
|
339
|
+
},
|
|
340
|
+
primary: {
|
|
341
|
+
border: "2px solid $primary"
|
|
342
|
+
},
|
|
343
|
+
primaryLight: {
|
|
344
|
+
border: "2px solid $primaryLight"
|
|
345
|
+
},
|
|
346
|
+
success: {
|
|
347
|
+
border: "2px solid $success"
|
|
348
|
+
},
|
|
349
|
+
danger: {
|
|
350
|
+
border: "2px solid $danger"
|
|
351
|
+
},
|
|
352
|
+
warning: {
|
|
353
|
+
border: "2px solid $warning"
|
|
354
|
+
}
|
|
332
355
|
}
|
|
333
356
|
},
|
|
334
357
|
defaultVariants: {
|
|
335
|
-
size: "default"
|
|
358
|
+
size: "default",
|
|
359
|
+
border: "none"
|
|
336
360
|
}
|
|
337
361
|
});
|
|
338
362
|
var AvatarImage = styled(Avatar.Image, {
|
|
@@ -359,7 +383,7 @@ var AvatarFallback = styled(Avatar.Fallback, {
|
|
|
359
383
|
import { User } from "phosphor-react";
|
|
360
384
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
361
385
|
function Avatar2(props) {
|
|
362
|
-
return /* @__PURE__ */ jsxs(AvatarContainer, { size: props.size, children: [
|
|
386
|
+
return /* @__PURE__ */ jsxs(AvatarContainer, { size: props.size, border: props.border, children: [
|
|
363
387
|
/* @__PURE__ */ jsx(AvatarImage, __spreadValues({}, props)),
|
|
364
388
|
/* @__PURE__ */ jsx(AvatarFallback, { delayMs: 600, children: /* @__PURE__ */ jsx(User, {}) })
|
|
365
389
|
] });
|