@veracity/vui 2.8.3-rc.5 → 2.8.3-rc.6

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

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/image/image.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,eAAO,MAAM,SAAS,+HAIrB,CAAA;AAED,gDAAgD;AAChD,eAAO,MAAM,KAAK,mDAKhB,CAAA;AAEF,eAAe,KAAK,CAAA"}
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/image/image.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,eAAO,MAAM,SAAS,+HAIrB,CAAA;AAED,gDAAgD;AAChD,eAAO,MAAM,KAAK,mDAchB,CAAA;AAEF,eAAe,KAAK,CAAA"}

package/dist/cjs/image/image.js

@@ -25,8 +25,8 @@ exports.ImageBase = core_1.styled.imgBox `
 `;
 /** Displays an image. Includes base styling. */
 exports.Image = (0, core_1.vui)((props, ref) => {
-    const _a = (0, core_1.omitThemingProps)(props), { className } = _a, rest = __rest(_a, ["className"]);
+    const _a = (0, core_1.omitThemingProps)(props), { className, title } = _a, rest = __rest(_a, ["className", "title"]);
     const styles = (0, core_1.useStyleConfig)('Image', props);
-    return react_1.default.createElement(exports.ImageBase, Object.assign({ alt: "VUI image", className: (0, utils_1.cs)('vui-image', className), ref: ref }, styles, rest));
+    return (react_1.default.createElement(exports.ImageBase, Object.assign({ alt: title ? title : 'VUI image', className: (0, utils_1.cs)('vui-image', className), ref: ref, title: title }, styles, rest)));
 });
 exports.default = exports.Image;

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

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/image/image.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,eAAO,MAAM,SAAS,+HAIrB,CAAA;AAED,gDAAgD;AAChD,eAAO,MAAM,KAAK,mDAKhB,CAAA;AAEF,eAAe,KAAK,CAAA"}
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/image/image.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,eAAO,MAAM,SAAS,+HAIrB,CAAA;AAED,gDAAgD;AAChD,eAAO,MAAM,KAAK,mDAchB,CAAA;AAEF,eAAe,KAAK,CAAA"}

package/dist/esm/image/image.js

@@ -8,8 +8,8 @@ export const ImageBase = styled.imgBox `
 `;
 /** Displays an image. Includes base styling. */
 export const Image = vui((props, ref) => {
-    const { className, ...rest } = omitThemingProps(props);
+    const { className, title, ...rest } = omitThemingProps(props);
     const styles = useStyleConfig('Image', props);
-    return React.createElement(ImageBase, { alt: "VUI image", className: cs('vui-image', className), ref: ref, ...styles, ...rest });
+    return (React.createElement(ImageBase, { alt: title ? title : 'VUI image', className: cs('vui-image', className), ref: ref, title: title, ...styles, ...rest }));
 });
 export default Image;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veracity/vui",
-  "version": "2.8.3-rc.5",
+  "version": "2.8.3-rc.6",
   "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/image/image.tsx

@@ -12,10 +12,19 @@ export const ImageBase = styled.imgBox`
 
 /** Displays an image. Includes base styling. */
 export const Image = vui<'img', ImageProps>((props, ref) => {
-  const { className, ...rest } = omitThemingProps(props)
+  const { className, title, ...rest } = omitThemingProps(props)
   const styles = useStyleConfig('Image', props)
 
-  return <ImageBase alt="VUI image" className={cs('vui-image', className)} ref={ref} {...styles} {...rest} />
+  return (
+    <ImageBase
+      alt={title ? title : 'VUI image'}
+      className={cs('vui-image', className)}
+      ref={ref}
+      title={title}
+      {...styles}
+      {...rest}
+    />
+  )
 })
 
 export default Image