@integrigo/integrigo-ui 1.2.2 → 1.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/atoms/Icon/Icon.d.ts +4 -2
- package/lib/components/atoms/Icon/Icon.stories.d.ts +9 -9
- package/lib/index.esm.js +28 -4
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +28 -4
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/Icon/Icon.stories.tsx +11 -11
- package/src/components/atoms/Icon/Icon.tsx +17 -14
package/lib/index.js
CHANGED
|
@@ -25,6 +25,29 @@ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
|
25
25
|
PERFORMANCE OF THIS SOFTWARE.
|
|
26
26
|
***************************************************************************** */
|
|
27
27
|
|
|
28
|
+
var __assign = function() {
|
|
29
|
+
__assign = Object.assign || function __assign(t) {
|
|
30
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
31
|
+
s = arguments[i];
|
|
32
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
33
|
+
}
|
|
34
|
+
return t;
|
|
35
|
+
};
|
|
36
|
+
return __assign.apply(this, arguments);
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
function __rest(s, e) {
|
|
40
|
+
var t = {};
|
|
41
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
42
|
+
t[p] = s[p];
|
|
43
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
44
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
45
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
46
|
+
t[p[i]] = s[p[i]];
|
|
47
|
+
}
|
|
48
|
+
return t;
|
|
49
|
+
}
|
|
50
|
+
|
|
28
51
|
function __makeTemplateObject(cooked, raw) {
|
|
29
52
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
30
53
|
return cooked;
|
|
@@ -19103,21 +19126,22 @@ var BrandIcons = /*#__PURE__*/Object.freeze({
|
|
|
19103
19126
|
});
|
|
19104
19127
|
|
|
19105
19128
|
var SOCIAL_ICONS = ["facebook", "instagram", "linkedin"];
|
|
19129
|
+
var toFaIcon = function (icon) { return "fa".concat(icon.charAt(0).toUpperCase() + icon.slice(1)); };
|
|
19106
19130
|
var getIcon = function (icon) {
|
|
19107
19131
|
if (SOCIAL_ICONS.includes(icon)) {
|
|
19108
19132
|
if (icon === "facebook") {
|
|
19109
19133
|
return faFacebookSquare;
|
|
19110
19134
|
}
|
|
19111
|
-
var iconName_1 =
|
|
19135
|
+
var iconName_1 = toFaIcon(icon);
|
|
19112
19136
|
return BrandIcons[iconName_1];
|
|
19113
19137
|
}
|
|
19114
|
-
var iconName =
|
|
19138
|
+
var iconName = toFaIcon(icon);
|
|
19115
19139
|
return SolidIcons[iconName];
|
|
19116
19140
|
};
|
|
19117
19141
|
var Icon = function (_a) {
|
|
19118
|
-
var icon = _a.icon;
|
|
19142
|
+
var icon = _a.icon, props = __rest(_a, ["icon"]);
|
|
19119
19143
|
var iconType = getIcon(icon);
|
|
19120
|
-
return React__default["default"].createElement(FontAwesomeIcon, { icon: iconType });
|
|
19144
|
+
return React__default["default"].createElement(FontAwesomeIcon, __assign({ icon: iconType }, props));
|
|
19121
19145
|
};
|
|
19122
19146
|
|
|
19123
19147
|
var Input = styled__default["default"].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"])));
|