@dilicorp/ui 0.2.17 → 0.2.18

package/dist/atoms/icon.d.ts

@@ -6,6 +6,7 @@ export declare type IconProps = {
     className?: string;
     id?: string;
     size?: 'lg' | 'md' | 'sm';
+    title?: string;
 };
-export declare const Icon: ({ icon, brand, pluxee, className, id, size }: IconProps) => JSX.Element;
+export declare const Icon: ({ pluxee, icon, brand, className, id, size, ...props }: IconProps) => JSX.Element;
 //# sourceMappingURL=icon.d.ts.map

package/dist/atoms/icon.js

@@ -1,14 +1,26 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import * as fab from '@fortawesome/free-brands-svg-icons';
 import * as fa from '@fortawesome/free-solid-svg-icons';
 import stringHelper from '../utils/string-helper';
 import React from 'react';
 import { PluxeeIcon } from './pluxee-icon/pluxee-icon';
-export const Icon = ({ icon, brand, pluxee, className = '', id, size }) => {
+export const Icon = (_a) => {
+    var { pluxee, icon, brand, className = '', id, size } = _a, props = __rest(_a, ["pluxee", "icon", "brand", "className", "id", "size"]);
     if (pluxee) {
-        return React.createElement(PluxeeIcon, { icon: icon, size: size });
+        return (React.createElement(PluxeeIcon, Object.assign({ icon: icon, size: size }, props)));
     }
     const sanitize = stringHelper.toCamelCase(icon);
     const ico = brand ? fab[sanitize] : fa[sanitize];
-    return React.createElement(FontAwesomeIcon, { id: id, icon: ico, className: className });
+    return (React.createElement(FontAwesomeIcon, Object.assign({ id: id, icon: ico, className: className }, props)));
 };

package/dist/components/side-navigation-bar/side-navigation-bar-item.js

@@ -14,7 +14,7 @@ import { Icon } from '../../atoms/icon';
 import { Link } from '../../index';
 const InnerItem = ({ icon, iconSize = 'md', pluxee, label, dataLink }) => {
     return (React.createElement(React.Fragment, null,
-        icon && React.createElement(Icon, { icon: icon, pluxee: pluxee, size: iconSize }),
+        icon && React.createElement(Icon, { title: label, icon: icon, pluxee: pluxee, size: iconSize }),
         React.createElement("span", { title: label, style: Object.assign({}, (iconSize === 'sm' && { fontSize: 12 })), className: "link_name", "data-link": `${dataLink ? 'link' : 'container'}` }, label)));
 };
 export const SideNavigationBarItem = (props) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dilicorp/ui",
-  "version": "0.2.17",
+  "version": "0.2.18",
   "description": "A simple UI design for Dilicorp",
   "repository": {
     "type": "git",