@veracity/vui 2.6.2 → 2.6.3

package/dist/cjs/badge/badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/badge/badge.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG1C;;;;GAIG;AAEH,eAAO,MAAM,KAAK,oDAmBhB,CAAA;AAEF,eAAe,KAAK,CAAA"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/badge/badge.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG1C;;;;GAIG;AAEH,eAAO,MAAM,KAAK,oDAoBhB,CAAA;AAEF,eAAe,KAAK,CAAA"}

package/dist/cjs/badge/badge.js

@@ -24,12 +24,12 @@ const theme_1 = __importDefault(require("./theme"));
  *
  * These components are used for displaying information only; they might be used as a “counter” for push notifications.
  */
-exports.Badge = (0, core_1.vui)(props => {
+exports.Badge = (0, core_1.vui)((props, ref) => {
     var _a;
     const _b = props, { variant } = _b, rest = __rest(_b, ["variant"]);
     const { variants } = (_a = theme_1.default) !== null && _a !== void 0 ? _a : {};
     const bg = variants[variant !== null && variant !== void 0 ? variant : 'subtleSandstone'].container.bg;
     const color = variants[variant !== null && variant !== void 0 ? variant : 'subtleSandstone'].container.color;
-    return (react_1.default.createElement(tag_1.Tag, Object.assign({ bg: bg, className: "vui-badge", color: color, isInteractive: false, isRound: true, minW: "20px" }, rest, { onDelete: undefined })));
+    return (react_1.default.createElement(tag_1.Tag, Object.assign({ bg: bg, className: "vui-badge", color: color, isInteractive: false, isRound: true, minW: "20px", ref: ref }, rest, { onDelete: undefined })));
 });
 exports.default = exports.Badge;

package/dist/esm/badge/badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/badge/badge.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG1C;;;;GAIG;AAEH,eAAO,MAAM,KAAK,oDAmBhB,CAAA;AAEF,eAAe,KAAK,CAAA"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/badge/badge.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG1C;;;;GAIG;AAEH,eAAO,MAAM,KAAK,oDAoBhB,CAAA;AAEF,eAAe,KAAK,CAAA"}

package/dist/esm/badge/badge.js

@@ -7,11 +7,11 @@ import theme from './theme';
  *
  * These components are used for displaying information only; they might be used as a “counter” for push notifications.
  */
-export const Badge = vui(props => {
+export const Badge = vui((props, ref) => {
     const { variant, ...rest } = props;
     const { variants } = theme ?? {};
     const bg = variants[variant ?? 'subtleSandstone'].container.bg;
     const color = variants[variant ?? 'subtleSandstone'].container.color;
-    return (React.createElement(Tag, { bg: bg, className: "vui-badge", color: color, isInteractive: false, isRound: true, minW: "20px", ...rest, onDelete: undefined }));
+    return (React.createElement(Tag, { bg: bg, className: "vui-badge", color: color, isInteractive: false, isRound: true, minW: "20px", ref: ref, ...rest, onDelete: undefined }));
 });
 export default Badge;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veracity/vui",
-  "version": "2.6.2",
+  "version": "2.6.3",
   "description": "Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.",
   "module": "./dist/esm/index.js",
   "main": "./dist/cjs/index.js",

package/src/badge/badge.tsx

@@ -12,7 +12,7 @@ import theme from './theme'
  * These components are used for displaying information only; they might be used as a “counter” for push notifications.
  */
 
-export const Badge = vui<'span', BadgeProps>(props => {
+export const Badge = vui<'span', BadgeProps>((props, ref) => {
   const { variant, ...rest } = props as TagProps
   const { variants } = (theme as Dict) ?? {}
 
@@ -27,6 +27,7 @@ export const Badge = vui<'span', BadgeProps>(props => {
       isInteractive={false}
       isRound
       minW="20px"
+      ref={ref}
       {...rest}
       onDelete={undefined}
     />