@veracity/vui 2.6.1 → 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/cjs/input/inputInput.js

@@ -44,6 +44,6 @@ exports.InputInput = (0, core_1.vui)((props, ref) => {
     const aliasedProps = (0, utils_1.filterUndefined)({
         'aria-disabled': mergedProps.disabled
     });
-    return (react_1.default.createElement(exports.InputInputBase, Object.assign({ autoComplete: false, className: (0, utils_1.cs)('vui-inputInput', className), ref: ref }, styles.input, aliasedProps, rest)));
+    return (react_1.default.createElement(exports.InputInputBase, Object.assign({ autoComplete: "false", className: (0, utils_1.cs)('vui-inputInput', className), ref: ref }, styles.input, aliasedProps, rest)));
 });
 exports.default = exports.InputInput;

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/dist/esm/input/inputInput.js

@@ -27,6 +27,6 @@ export const InputInput = vui((props, ref) => {
     const aliasedProps = filterUndefined({
         'aria-disabled': mergedProps.disabled
     });
-    return (React.createElement(InputInputBase, { autoComplete: false, className: cs('vui-inputInput', className), ref: ref, ...styles.input, ...aliasedProps, ...rest }));
+    return (React.createElement(InputInputBase, { autoComplete: "false", className: cs('vui-inputInput', className), ref: ref, ...styles.input, ...aliasedProps, ...rest }));
 });
 export default InputInput;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veracity/vui",
-  "version": "2.6.1",
+  "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}
     />

package/src/input/inputInput.tsx

@@ -35,7 +35,7 @@ export const InputInput = vui<'input', InputInputProps>((props, ref) => {
 
   return (
     <InputInputBase
-      autoComplete={false}
+      autoComplete="false"
       className={cs('vui-inputInput', className)}
       ref={ref}
       {...styles.input}