@integrigo/integrigo-ui 1.2.2 → 1.2.3

package/lib/components/atoms/Icon/Icon.d.ts

@@ -1,8 +1,10 @@
 import React from "react";
-declare type IconType = "bars" | "plus" | "minus";
+import { FontAwesomeIconProps } from "@fortawesome/react-fontawesome";
+declare const ICONS: string[];
 declare const SOCIAL_ICONS: string[];
+declare type IconType = typeof ICONS[number];
 declare type IconSocialType = typeof SOCIAL_ICONS[number];
-declare type IconProps = {
+declare type IconProps = Omit<FontAwesomeIconProps, "icon"> & {
     icon: IconType | IconSocialType;
 };
 export declare const Icon: React.FC<IconProps>;

package/lib/components/atoms/Icon/Icon.stories.d.ts

@@ -1,24 +1,24 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<React.FC<{
+import React from "react";
+import { ComponentStory, ComponentMeta } from "@storybook/react";
+declare const _default: ComponentMeta<React.FC<Omit<import("@fortawesome/react-fontawesome").FontAwesomeIconProps, "icon"> & {
     icon: string;
 }>>;
 export default _default;
-export declare const Bars: ComponentStory<React.FC<{
+export declare const Bars: ComponentStory<React.FC<Omit<import("@fortawesome/react-fontawesome").FontAwesomeIconProps, "icon"> & {
     icon: string;
 }>>;
-export declare const Plus: ComponentStory<React.FC<{
+export declare const Plus: ComponentStory<React.FC<Omit<import("@fortawesome/react-fontawesome").FontAwesomeIconProps, "icon"> & {
     icon: string;
 }>>;
-export declare const Minus: ComponentStory<React.FC<{
+export declare const Minus: ComponentStory<React.FC<Omit<import("@fortawesome/react-fontawesome").FontAwesomeIconProps, "icon"> & {
     icon: string;
 }>>;
-export declare const Facebook: ComponentStory<React.FC<{
+export declare const Facebook: ComponentStory<React.FC<Omit<import("@fortawesome/react-fontawesome").FontAwesomeIconProps, "icon"> & {
     icon: string;
 }>>;
-export declare const Instagram: ComponentStory<React.FC<{
+export declare const Instagram: ComponentStory<React.FC<Omit<import("@fortawesome/react-fontawesome").FontAwesomeIconProps, "icon"> & {
     icon: string;
 }>>;
-export declare const Linkedin: ComponentStory<React.FC<{
+export declare const Linkedin: ComponentStory<React.FC<Omit<import("@fortawesome/react-fontawesome").FontAwesomeIconProps, "icon"> & {
     icon: string;
 }>>;

package/lib/index.esm.js

@@ -16,6 +16,29 @@ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
 
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(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;
+}
+
 function __makeTemplateObject(cooked, raw) {
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
@@ -19094,21 +19117,22 @@ var BrandIcons = /*#__PURE__*/Object.freeze({
 });
 
 var SOCIAL_ICONS = ["facebook", "instagram", "linkedin"];
+var toFaIcon = function (icon) { return "fa".concat(icon.charAt(0).toUpperCase() + icon.slice(1)); };
 var getIcon = function (icon) {
     if (SOCIAL_ICONS.includes(icon)) {
         if (icon === "facebook") {
             return faFacebookSquare;
         }
-        var iconName_1 = "fa".concat(icon.charAt(0).toUpperCase() + icon.slice(1));
+        var iconName_1 = toFaIcon(icon);
         return BrandIcons[iconName_1];
     }
-    var iconName = "fa".concat(icon.charAt(0).toUpperCase() + icon.slice(1));
+    var iconName = toFaIcon(icon);
     return SolidIcons[iconName];
 };
 var Icon = function (_a) {
-    var icon = _a.icon;
+    var icon = _a.icon, props = __rest(_a, ["icon"]);
     var iconType = getIcon(icon);
-    return React.createElement(FontAwesomeIcon, { icon: iconType });
+    return React.createElement(FontAwesomeIcon, __assign({ icon: iconType }, props));
 };
 
 var Input = styled.input(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n  background-color: var(--color-orange-transparent);\n  border: 2px solid transparent;\n  border-radius: var(--padding-xl);\n  padding: var(--padding-l);\n  position: relative;\n  overflow: hidden;\n  color: var(--color-navy);\n  font-weight: var(--font-bold);\n\n  &:focus, &:active {\n    outline: none;\n    border: 2px solid var(--color-green);\n  }\n"], ["\n  background-color: var(--color-orange-transparent);\n  border: 2px solid transparent;\n  border-radius: var(--padding-xl);\n  padding: var(--padding-l);\n  position: relative;\n  overflow: hidden;\n  color: var(--color-navy);\n  font-weight: var(--font-bold);\n\n  &:focus, &:active {\n    outline: none;\n    border: 2px solid var(--color-green);\n  }\n"])));