@eccenca/gui-elements 23.0.0 → 23.1.0-rc.1

package/dist/esm/common/utils/characters.js

@@ -0,0 +1,96 @@
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+/** Zero width invisible characters, i.e. they do not change the space between 2 other characters. */
+var internalInvisibleZeroWidthCharacterCodePoints = [
+    { codePoint: 11, label: "Vertical Tabulation" },
+    { codePoint: 173, label: "Soft hyphen" },
+    { codePoint: 847, label: "Combining grapheme joiner" },
+    { codePoint: 1564, label: "Arabic letter mark" },
+    { codePoint: [6068, 6069], label: "Khmer vowel inherent" },
+    { codePoint: [6155, 6158], label: "Mongolian special characters" },
+    { codePoint: 8203, label: "Zero Width Space" },
+    { codePoint: 8204, label: "Zero Width Non-Joiner" },
+    { codePoint: 8205, label: "Zero Width Joiner" },
+    { codePoint: 8206, label: "Left-To-Right Mark" },
+    { codePoint: 8207, label: "Right-To-Left Mark" },
+    { codePoint: [8234, 8238], label: "zero width character" },
+    // Word joiner - Nominal Digit Shapes
+    { codePoint: [8288, 8303], label: "zero width character" },
+    { codePoint: [65024, 65039], label: "Variation selectors" },
+    { codePoint: 65279, label: "Zero Width No-Break Space" },
+    { codePoint: [65520, 65528], label: "Specials" },
+    { codePoint: 65532, label: "Object Replacement Character" },
+    { codePoint: [119155, 119162], label: "Invisible Musical Symbol" },
+    { codePoint: [917504, 917631], label: "Tags" },
+    { codePoint: [917760, 917999], label: "Variation Selectors" }
+];
+var toHex = function (codepoint) { return codepoint.toString(16).toUpperCase(); };
+var padWithZeroes = function (hexString) {
+    if (hexString.length % 2 === 1) {
+        return "0" + hexString;
+    }
+    return hexString;
+};
+/** All characters that are considered invisible zero-width characters that e.g. need to be handled in input fields. */
+var invisibleZeroWidthCharacterCodePoints = internalInvisibleZeroWidthCharacterCodePoints.map(function (cp) {
+    var create = function (codePoint, label) {
+        var hexString = toHex(codePoint);
+        var unicodeHexRepresentation = "U+" + padWithZeroes(hexString);
+        return {
+            codePoint: codePoint,
+            label: label !== null && label !== void 0 ? label : unicodeHexRepresentation,
+            hexString: hexString,
+            fullLabel: label ? label + " (" + unicodeHexRepresentation + ")" : unicodeHexRepresentation
+        };
+    };
+    if (Array.isArray(cp.codePoint)) {
+        var codePoints = [];
+        var _a = __read(cp.codePoint, 2), from = _a[0], to = _a[1];
+        if (from < 0 || to < 0 || from > to) {
+            throw new Error("Invalid code point range specified: [" + from + ", " + to + "]");
+        }
+        for (var currentCp = from; currentCp <= to; currentCp++) {
+            codePoints.push(create(currentCp, cp.label));
+        }
+        return codePoints;
+    }
+    else {
+        return create(cp.codePoint, cp.label);
+    }
+}).flat();
+var createInvisibleZeroWidthCharacterCodePointsRegex = function () {
+    return new RegExp("([" + invisibleZeroWidthCharacterCodePoints
+        .map(function (cp) { return "\\u{" + cp.hexString + "}"; })
+        .join("") + "])", "ug");
+};
+/** Map from codepoint to invisible character. */
+var invisibleZeroWidthCharacterCodePointsMap = new Map(invisibleZeroWidthCharacterCodePoints.map(function (cp) { return [cp.codePoint, cp]; }));
+var clearStringFromInvisibleCharacters = function (inputString) {
+    var regex = createInvisibleZeroWidthCharacterCodePointsRegex();
+    return inputString.replaceAll(regex, "");
+};
+var invisibleZeroWidthCharacters = {
+    codePoints: invisibleZeroWidthCharacterCodePoints,
+    codePointMap: invisibleZeroWidthCharacterCodePointsMap,
+    createRegex: createInvisibleZeroWidthCharacterCodePointsRegex,
+    clearString: clearStringFromInvisibleCharacters
+};
+var moduleObject = {
+    invisibleZeroWidthCharacters: invisibleZeroWidthCharacters
+};
+export default moduleObject;
+//# sourceMappingURL=characters.js.map

package/dist/esm/common/utils/characters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"characters.js","sourceRoot":"","sources":["../../../../src/common/utils/characters.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/Application/ApplicationTitle.js

@@ -26,14 +26,14 @@ import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
 function ApplicationTitle(_a) {
     var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.prefix, prefix = _c === void 0 ? "" : _c, href = _a.href, depiction = _a.depiction, _d = _a.isNotDisplayed, isNotDisplayed = _d === void 0 ? false : _d, _e = _a.isAlignedWithSidebar, isAlignedWithSidebar = _e === void 0 ? false : _e, isApplicationSidebarExpanded = _a.isApplicationSidebarExpanded, htmlAProps = _a.htmlAProps, otherPropsShouldOnlyBeUsedForDataAttributes = __rest(_a, ["children", "className", "prefix", "href", "depiction", "isNotDisplayed", "isAlignedWithSidebar", "isApplicationSidebarExpanded", "htmlAProps"]);
     var classApplication = eccgui + "-application__title";
-    var classNotDisplayed = isNotDisplayed || (!isApplicationSidebarExpanded && typeof isNotDisplayed === "undefined") ? "bx--visually-hidden" : "";
+    var classNotDisplayed = isNotDisplayed || (!isApplicationSidebarExpanded && typeof isNotDisplayed === "undefined") ? "cds--visually-hidden" : "";
     var classAlignedSidebar = isAlignedWithSidebar || isApplicationSidebarExpanded ? eccgui + "-application__title--withsidebar" : "";
     return (React.createElement(CarbonHeaderName, __assign({}, otherPropsShouldOnlyBeUsedForDataAttributes, htmlAProps, { className: classApplication + " " + classAlignedSidebar + " " + classNotDisplayed + " " + className, href: href, prefix: "" }),
         React.createElement("span", { className: eccgui + "-application__title--content" },
             !!depiction && (React.createElement(React.Fragment, null,
                 React.createElement("span", { className: eccgui + "-application__title--depiction" }, depiction))),
             !!prefix && (React.createElement(React.Fragment, null,
-                React.createElement("span", { className: "bx--header__name--prefix" }, prefix),
+                React.createElement("span", { className: "cds--header__name--prefix" }, prefix),
                 "\u00A0")),
             children)));
 }

package/dist/esm/components/Application/ApplicationTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApplicationTitle.js","sourceRoot":"","sources":["../../../../src/components/Application/ApplicationTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AA4CtE,SAAS,gBAAgB,CAAC,EAWD;IAVrB,IAAA,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,4BAA0B,EAA1B,oBAAoB,mBAAC,KAAK,KAAA,EAC1B,4BAA4B,kCAAA,EAC5B,UAAU,gBAAA,EACP,2CAA2C,cAVxB,gJAWzB,CADiD;IAG9C,IAAM,gBAAgB,GAAM,MAAM,wBAAqB,CAAC;IACxD,IAAM,iBAAiB,GAAG,cAAc,IAAI,CAAC,CAAC,4BAA4B,IAAI,OAAO,cAAc,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;IAClJ,IAAM,mBAAmB,GAAG,oBAAoB,IAAI,4BAA4B,CAAC,CAAC,CAAI,MAAM,qCAAkC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEpI,OAAO,CACH,oBAAC,gBAAgB,eACT,2CAA2C,EAC3C,UAAU,IACd,SAAS,EAAK,gBAAgB,SAAI,mBAAmB,SAAI,iBAAiB,SAAI,SAAW,EACzF,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,EAAE;QAET,8BAAM,SAAS,EAAK,MAAM,iCAA8B;YACnD,CAAC,CAAC,SAAS,IAAI,CACR;gBACI,8BAAM,SAAS,EAAK,MAAM,mCAAgC,IAAG,SAAS,CAAQ,CAC/E,CACV;YACA,CAAC,CAAC,MAAM,IAAI,CACL;gBACI,8BAAM,SAAS,EAAC,0BAA0B,IAAE,MAAM,CAAQ;yBAE3D,CACV;YACC,QAAQ,CACP,CACQ,CACtB,CAAA;AACL,CAAC;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"ApplicationTitle.js","sourceRoot":"","sources":["../../../../src/components/Application/ApplicationTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AA4CtE,SAAS,gBAAgB,CAAC,EAWD;IAVrB,IAAA,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,4BAA0B,EAA1B,oBAAoB,mBAAC,KAAK,KAAA,EAC1B,4BAA4B,kCAAA,EAC5B,UAAU,gBAAA,EACP,2CAA2C,cAVxB,gJAWzB,CADiD;IAG9C,IAAM,gBAAgB,GAAM,MAAM,wBAAqB,CAAC;IACxD,IAAM,iBAAiB,GAAG,cAAc,IAAI,CAAC,CAAC,4BAA4B,IAAI,OAAO,cAAc,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC;IACnJ,IAAM,mBAAmB,GAAG,oBAAoB,IAAI,4BAA4B,CAAC,CAAC,CAAI,MAAM,qCAAkC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEpI,OAAO,CACH,oBAAC,gBAAgB,eACT,2CAA2C,EAC3C,UAAU,IACd,SAAS,EAAK,gBAAgB,SAAI,mBAAmB,SAAI,iBAAiB,SAAI,SAAW,EACzF,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,EAAE;QAET,8BAAM,SAAS,EAAK,MAAM,iCAA8B;YACnD,CAAC,CAAC,SAAS,IAAI,CACR;gBACI,8BAAM,SAAS,EAAK,MAAM,mCAAgC,IAAG,SAAS,CAAQ,CAC/E,CACV;YACA,CAAC,CAAC,MAAM,IAAI,CACL;gBACI,8BAAM,SAAS,EAAC,2BAA2B,IAAE,MAAM,CAAQ;yBAE5D,CACV;YACC,QAAQ,CACP,CACQ,CACtB,CAAA;AACL,CAAC;AAED,eAAe,gBAAgB,CAAC"}

package/dist/esm/components/Badge/Badge.js

@@ -0,0 +1,48 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(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);
+};
+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 React from "react";
+import Tag from "../Tag/Tag.js";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
+/**
+ * Display a badge element to add more context to another element.
+ * It can display icons, text and numbers.
+ */
+export function Badge(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.position, position = _c === void 0 ? "inline" : _c, _d = _a.size, size = _d === void 0 ? "medium" : _d, maxLength = _a.maxLength, intent = _a.intent, tagProps = _a.tagProps, spanProps = __rest(_a, ["children", "className", "position", "size", "maxLength", "intent", "tagProps"]);
+    var badgeContent = children;
+    // shorten number values
+    // for maxLength=3 display 99+ instead of 1023.
+    if (typeof children === "number" &&
+        maxLength &&
+        maxLength > 1 &&
+        children >= Math.pow(10, maxLength - 1)) {
+        badgeContent = Math.pow(10, maxLength - 1) - 1 + "+";
+    }
+    if (typeof children === "object") {
+        badgeContent = "";
+    }
+    return (React.createElement("span", __assign({ className: eccgui + "-badge " + eccgui + "-badge--" + position +
+            (typeof children === "object" ? " " + eccgui + "-badge--icon" : '') }, spanProps),
+        React.createElement(Tag, __assign({ className: eccgui + "-badge__tag", round: true, small: size === "small", large: size === "large", emphasis: !intent ? "stronger" : undefined, intent: intent, minimal: !!intent ? false : true, icon: typeof children === "object" ? children : undefined, style: (typeof children === "string" && maxLength && maxLength > 1) ? { maxWidth: "calc((" + (maxLength - 1) + "em + " + (maxLength - 1) + "ch)/2)" } : {} }, tagProps), badgeContent)));
+}
+//# sourceMappingURL=Badge.js.map

package/dist/esm/components/Badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,GAAiB,MAAM,YAAY,CAAC;AAI3C,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAmCtE;;;GAGG;AACH,MAAM,UAAU,KAAK,CAAC,EAST;IARX,IAAA,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,gBAAmB,EAAnB,QAAQ,mBAAG,QAAQ,KAAA,EACnB,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,SAAS,eAAA,EACT,MAAM,YAAA,EACN,QAAQ,cAAA,EACL,SAAS,cARQ,gFASrB,CADa;IAEV,IAAI,YAAY,GAAG,QAAQ,CAAC;IAC5B,wBAAwB;IACxB,+CAA+C;IAC/C,IACI,OAAO,QAAQ,KAAK,QAAQ;QAC5B,SAAS;QACT,SAAS,GAAG,CAAC;QACb,QAAQ,IAAI,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,SAAS,GAAC,CAAC,CAAC,EACvC;QACE,YAAY,GAAM,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,SAAS,GAAC,CAAC,CAAC,GAAG,CAAC,MAAG,CAAA;KACrD;IACD,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;QAC9B,YAAY,GAAG,EAAE,CAAC;KACrB;IACD,OAAO,CACH,uCACI,SAAS,EACF,MAAM,eAAU,MAAM,gBAAW,QAAU;YAC9C,CAAC,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAI,MAAM,iBAAc,CAAC,CAAC,CAAC,EAAE,CAAC,IAE9D,SAAS;QAEb,oBAAC,GAAG,aACA,SAAS,EAAK,MAAM,gBAAa,EACjC,KAAK,QACL,KAAK,EAAE,IAAI,KAAK,OAAO,EACvB,KAAK,EAAE,IAAI,KAAK,OAAO,EACvB,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAC1C,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAChC,IAAI,EAAE,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACzD,KAAK,EAAE,CAAC,OAAO,QAAQ,KAAK,QAAQ,IAAI,SAAS,IAAI,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAC,QAAQ,EAAE,YAAS,SAAS,GAAC,CAAC,eAAQ,SAAS,GAAC,CAAC,YAAQ,EAAC,CAAC,CAAC,CAAC,EAAE,IAClI,QAAQ,GAEX,YAAY,CACX,CACH,CACV,CAAC;AACN,CAAC"}

package/dist/esm/components/Depiction/Depiction.js

@@ -0,0 +1,96 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(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);
+};
+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 React, { useCallback, useEffect, useRef } from "react";
+import Color from "color";
+import SVG from 'react-inlinesvg';
+import Tooltip from "../Tooltip/Tooltip.js";
+import decideContrastColorValue from "./../../common/utils/colorDecideContrastvalue.js";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
+/**
+ * Display a graphical representation and attache a caption or a badge to it.
+ */
+export function Depiction(_a) {
+    var _b = _a.className, className = _b === void 0 ? "" : _b, image = _a.image, _c = _a.forceInlineSvg, forceInlineSvg = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? "medium" : _d, _e = _a.resizing, resizing = _e === void 0 ? "cover" : _e, _f = _a.ratio, ratio = _f === void 0 ? "source" : _f, caption = _a.caption, _g = _a.captionPosition, captionPosition = _g === void 0 ? "none" : _g, backgroundColor = _a.backgroundColor, border = _a.border, rounded = _a.rounded, _h = _a.padding, padding = _h === void 0 ? "none" : _h, badge = _a.badge, tooltipProps = _a.tooltipProps, otherFigureProps = __rest(_a, ["className", "image", "forceInlineSvg", "size", "resizing", "ratio", "caption", "captionPosition", "backgroundColor", "border", "rounded", "padding", "badge", "tooltipProps"]);
+    var containerRef = useRef(null);
+    useEffect(function () {
+        if (!!backgroundColor && backgroundColor !== "light" && backgroundColor !== "dark") {
+            var color = Color("#ffffff");
+            try {
+                color = Color(backgroundColor);
+            }
+            catch (ex) {
+                console.warn("Received invalid background color for depiction: " + backgroundColor);
+            }
+            containerRef.current.style.setProperty("--" + eccgui + "-depiction-background", color.rgb().toString());
+            containerRef.current.style.setProperty("--" + eccgui + "-depiction-color", decideContrastColorValue({ testColor: color }));
+        }
+    }, [backgroundColor]);
+    var updateSvgResizing = React.useCallback(function (el) {
+        var preserveAspectRatio = "";
+        switch (resizing) {
+            case "cover":
+                preserveAspectRatio = "xMidYMid slice";
+                break;
+            case "stretch":
+                preserveAspectRatio = "none";
+                break;
+        }
+        el.setAttribute("preserveAspectRatio", preserveAspectRatio);
+    }, [resizing]);
+    var inlineSvgCall = useCallback(function (svgElement) {
+        if (svgElement) {
+            updateSvgResizing(svgElement);
+        }
+    }, [updateSvgResizing]);
+    useEffect(function () {
+        // Resize element after every render
+        var svgElement = containerRef.current.getElementsByTagName("svg");
+        if (svgElement.length > 0) {
+            updateSvgResizing(svgElement[0]);
+        }
+    });
+    var depiction = image;
+    if (forceInlineSvg &&
+        image.type === "img" &&
+        "src" in image.props &&
+        !!image.props.src &&
+        image.props.src.startsWith("data:image/svg+xml")) {
+        depiction = (React.createElement(SVG, { src: image.props.src, innerRef: inlineSvgCall }, image));
+    }
+    var depictionContainer = (React.createElement("div", { ref: containerRef, className: eccgui + "-depiction__image" +
+            (" " + eccgui + "-depiction__image--" + size) +
+            (" " + eccgui + "-depiction__image--" + resizing + "-sizing") +
+            (" " + eccgui + "-depiction__image--ratio-" + ratio.replace(":", "to")) +
+            (backgroundColor === "light" || backgroundColor === "dark" ? " " + eccgui + "-depiction__image--color-" + backgroundColor : '') +
+            (!!backgroundColor ? " " + eccgui + "-depiction__image--color-config" : '') +
+            (border ? " " + eccgui + "-depiction__image--hasborder" : '') +
+            (rounded ? " " + eccgui + "-depiction__image--roundedborder" : '') +
+            (padding && padding !== "none" ? " " + eccgui + "-depiction__image--padding-" + padding : '') }, depiction));
+    return (React.createElement("figure", __assign({ className: eccgui + "-depiction" +
+            (className ? " " + className : '') }, otherFigureProps),
+        captionPosition === "tooltip" && !!caption ? (React.createElement(Tooltip, __assign({ content: caption, size: "medium" }, tooltipProps), depictionContainer)) : (depictionContainer),
+        !!caption && (React.createElement("figcaption", { className: eccgui + "-depiction__caption" +
+                (" " + eccgui + "-depiction__caption--" + captionPosition) }, caption)),
+        badge));
+}
+//# sourceMappingURL=Depiction.js.map

package/dist/esm/components/Depiction/Depiction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Depiction.js","sourceRoot":"","sources":["../../../../src/components/Depiction/Depiction.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Grid/Grid.js

@@ -21,9 +21,14 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from "react";
-// import PropTypes from 'prop-types';
-import { Grid as CarbonGrid } from "carbon-components-react";
+// @ts-ignore // FlexGrid is not part of @types/carbon-components-react
+import { FlexGrid as CarbonGrid } from "carbon-components-react";
 import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
+/**
+ * Layouts a grid that can contain rows and columns.
+ * Grids can also be stacked into other grids for more complex layouts.
+ * A very complex level of stacked grids is a sign that something should be designed differently.
+ */
 function Grid(_a) {
     var children = _a.children, _b = _a.verticalStretchable, verticalStretchable = _b === void 0 ? false : _b, _c = _a.useAbsoluteSpace, useAbsoluteSpace = _c === void 0 ? false : _c, _d = _a.className, className = _d === void 0 ? '' : _d, restProps = __rest(_a, ["children", "verticalStretchable", "useAbsoluteSpace", "className"]);
     return (React.createElement(CarbonGrid, __assign({}, restProps, { className: eccgui + "-grid" +

package/dist/esm/components/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,sCAAsC;AACtC,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAQtE,SAAS,IAAI,CAAC,EAMF;IALR,IAAA,QAAQ,cAAA,EACR,2BAA2B,EAA3B,mBAAmB,mBAAG,KAAK,KAAA,EAC3B,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACxB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACX,SAAS,cALF,oEAMb,CADe;IAEZ,OAAO,CACH,oBAAC,UAAU,eACH,SAAS,IACb,SAAS,EACF,MAAM,UAAO;YAChB,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAI,MAAM,uBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;YAC7D,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAI,MAAM,yBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC;YAC5D,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,EAEtC,SAAS,EAAE,IAAI,KAEb,QAAQ,CACD,CAChB,CAAA;AACL,CAAC;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,uEAAuE;AACvE,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAoB,MAAM,yBAAyB,CAAC;AACnF,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAqBtE;;;;GAIG;AACH,SAAS,IAAI,CAAC,EAMF;IALR,IAAA,QAAQ,cAAA,EACR,2BAA2B,EAA3B,mBAAmB,mBAAG,KAAK,KAAA,EAC3B,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACxB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACX,SAAS,cALF,oEAMb,CADe;IAEZ,OAAO,CACH,oBAAC,UAAU,eACH,SAAS,IACb,SAAS,EACF,MAAM,UAAO;YAChB,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAI,MAAM,uBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;YAC7D,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAI,MAAM,yBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC;YAC5D,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,EAEtC,SAAS,EAAE,IAAI,KAEb,QAAQ,CACD,CAChB,CAAA;AACL,CAAC;AAED,eAAe,IAAI,CAAC"}

package/dist/esm/components/Grid/GridColumn.js

@@ -24,14 +24,18 @@ import React from "react";
 // import PropTypes from 'prop-types';
 import { Column as CarbonColumn } from "carbon-components-react";
 import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
+/**
+ * Grid columns can be used in grid rows.
+ * They can contain other grids if this is necessary for more complex layouts.
+ */
 function GridColumn(_a) {
-    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.small, small = _c === void 0 ? false : _c, _d = _a.medium, medium = _d === void 0 ? false : _d, _e = _a.full, full = _e === void 0 ? true : _e, verticalAlign = _a.verticalAlign, otherProps = __rest(_a, ["children", "className", "small", "medium", "full", "verticalAlign"]);
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.small, small = _c === void 0 ? false : _c, _d = _a.medium, medium = _d === void 0 ? false : _d, full = _a.full, _e = _a.verticalAlign, verticalAlign = _e === void 0 ? "top" : _e, otherProps = __rest(_a, ["children", "className", "small", "medium", "full", "verticalAlign"]);
     var sizeConfig = {};
     if (small)
         sizeConfig = { md: 2, lg: 3 };
     if (medium)
         sizeConfig = { md: 3, lg: 5 };
-    return (React.createElement(CarbonColumn, __assign({}, otherProps, sizeConfig, { className: eccgui + "-grid__column" +
+    return (React.createElement(CarbonColumn, __assign({}, sizeConfig, otherProps, { className: eccgui + "-grid__column" +
             (verticalAlign ? " " + eccgui + "-grid__column--vertical-" + verticalAlign : '') +
             (className ? ' ' + className : '') }), children));
 }

package/dist/esm/components/Grid/GridColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridColumn.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,sCAAsC;AACtC,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAUtE,SAAS,UAAU,CAAC,EAQF;IAPd,IAAA,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,aAAa,mBAAA,EACV,UAAU,cAPG,qEAQnB,CADgB;IAEb,IAAI,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,KAAK;QAAE,UAAU,GAAG,EAAE,EAAE,EAAC,CAAC,EAAE,EAAE,EAAC,CAAC,EAAE,CAAC;IACvC,IAAI,MAAM;QAAE,UAAU,GAAG,EAAE,EAAE,EAAC,CAAC,EAAE,EAAE,EAAC,CAAC,EAAE,CAAC;IACxC,OAAO,CACH,oBAAC,YAAY,eACL,UAAU,EACV,UAAU,IACd,SAAS,EACF,MAAM,kBAAe;YACxB,CAAC,aAAa,CAAC,CAAC,CAAC,MAAI,MAAM,6BAA0B,GAAG,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YAC3E,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,KAGlC,QAAQ,CACC,CAClB,CAAA;AACL,CAAC;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"GridColumn.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,sCAAsC;AACtC,OAAO,EAAE,MAAM,IAAI,YAAY,EAAsB,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAuBtE;;;GAGG;AACH,SAAS,UAAU,CAAC,EAQF;IAPd,IAAA,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,IAAI,UAAA,EACJ,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EAClB,UAAU,cAPG,qEAQnB,CADgB;IAEb,IAAI,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,KAAK;QAAE,UAAU,GAAG,EAAE,EAAE,EAAC,CAAC,EAAE,EAAE,EAAC,CAAC,EAAE,CAAC;IACvC,IAAI,MAAM;QAAE,UAAU,GAAG,EAAE,EAAE,EAAC,CAAC,EAAE,EAAE,EAAC,CAAC,EAAE,CAAC;IACxC,OAAO,CACH,oBAAC,YAAY,eACL,UAAU,EACV,UAAU,IACd,SAAS,EACF,MAAM,kBAAe;YACxB,CAAC,aAAa,CAAC,CAAC,CAAC,MAAI,MAAM,6BAA0B,GAAG,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YAC3E,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,KAGlC,QAAQ,CACC,CAClB,CAAA;AACL,CAAC;AAED,eAAe,UAAU,CAAC"}

package/dist/esm/components/Grid/GridRow.js

@@ -24,6 +24,9 @@ import React from "react";
 // import PropTypes from 'prop-types';
 import { Row as CarbonRow } from "carbon-components-react";
 import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
+/**
+ * Grid rows exists as children in a grid and can contain columns.
+ */
 function GridRow(_a) {
     var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.dontWrapColumns, dontWrapColumns = _c === void 0 ? true : _c, _d = _a.fullHeight, fullHeight = _d === void 0 ? false : _d, verticalStretched = _a.verticalStretched, otherProps = __rest(_a, ["children", "className", "dontWrapColumns", "fullHeight", "verticalStretched"]);
     return (React.createElement(CarbonRow, __assign({}, otherProps, { className: eccgui + "-grid__row" +

package/dist/esm/components/Grid/GridRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridRow.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridRow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,sCAAsC;AACtC,OAAO,EAAE,GAAG,IAAI,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAStE,SAAS,OAAO,CAAC,EAOF;IANX,IAAA,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,uBAAsB,EAAtB,eAAe,mBAAG,IAAI,KAAA,EACtB,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,iBAAiB,uBAAA,EACd,UAAU,cANA,+EAOhB,CADgB;IAEb,OAAO,CACH,oBAAC,SAAS,eACF,UAAU,IACd,SAAS,EACF,MAAM,eAAY;YACrB,CAAC,eAAe,CAAC,CAAC,CAAC,MAAI,MAAM,gCAA6B,CAAC,CAAC,CAAC,EAAE,CAAC;YAChE,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAI,MAAM,0BAAuB,CAAC,CAAC,CAAC,EAAE,CAAC;YAC5D,CAAC,UAAU,CAAC,CAAC,CAAC,MAAI,MAAM,2BAAwB,CAAC,CAAC,CAAC,EAAE,CAAC;YACtD,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,KAGrC,QAAQ,CACD,CACf,CAAC;AACN,CAAC;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"GridRow.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridRow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,sCAAsC;AACtC,OAAO,EAAE,GAAG,IAAI,SAAS,EAAmB,MAAM,yBAAyB,CAAC;AAC5E,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAqBtE;;GAEG;AACH,SAAS,OAAO,CAAC,EAOF;IANX,IAAA,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,uBAAsB,EAAtB,eAAe,mBAAG,IAAI,KAAA,EACtB,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,iBAAiB,uBAAA,EACd,UAAU,cANA,+EAOhB,CADgB;IAEb,OAAO,CACH,oBAAC,SAAS,eACF,UAAU,IACd,SAAS,EACF,MAAM,eAAY;YACrB,CAAC,eAAe,CAAC,CAAC,CAAC,MAAI,MAAM,gCAA6B,CAAC,CAAC,CAAC,EAAE,CAAC;YAChE,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAI,MAAM,0BAAuB,CAAC,CAAC,CAAC,EAAE,CAAC;YAC5D,CAAC,UAAU,CAAC,CAAC,CAAC,MAAI,MAAM,2BAAwB,CAAC,CAAC,CAAC,EAAE,CAAC;YACtD,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,KAGrC,QAAQ,CACD,CACf,CAAC;AACN,CAAC;AAED,eAAe,OAAO,CAAC"}

package/dist/esm/components/Icon/BaseIcon.js

@@ -0,0 +1,44 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(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);
+};
+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 React from "react";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
+import Tooltip from "./../Tooltip/Tooltip.js";
+/**
+ * The base icon provides the basic functionality that is necessary to wrap the Carbon icon component.
+ */
+function BaseIcon(_a) {
+    var iconComponent = _a.iconComponent, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.large, large = _c === void 0 ? false : _c, _d = _a.small, small = _d === void 0 ? false : _d, tooltipText = _a.tooltipText, tooltipProps = _a.tooltipProps, intent = _a.intent, description = _a.description, restProps = __rest(_a, ["iconComponent", "className", "large", "small", "tooltipText", "tooltipProps", "intent", "description"]);
+    var sizeConfig = { height: 20, width: 20, size: 20 };
+    if (small)
+        sizeConfig = { height: 16, width: 16, size: 16 };
+    if (large)
+        sizeConfig = { height: 32, width: 32, size: 32 };
+    var CarbonIconNamed = iconComponent;
+    var icon = (React.createElement(CarbonIconNamed, __assign({}, restProps, sizeConfig, { description: description !== null && description !== void 0 ? description : (tooltipText !== null && tooltipText !== void 0 ? tooltipText : ""), className: eccgui + "-icon" +
+            (intent ? " " + eccgui + "-intent--" + intent : "") +
+            (!!className ? " " + className : "") })));
+    return tooltipText ? (React.createElement(Tooltip, __assign({ content: tooltipText }, tooltipProps),
+        React.createElement("span", null, icon))) : (icon);
+}
+export default BaseIcon;
+//# sourceMappingURL=BaseIcon.js.map

package/dist/esm/components/Icon/BaseIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseIcon.js","sourceRoot":"","sources":["../../../../src/components/Icon/BaseIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,OAAyB,MAAM,sBAAsB,CAAC;AAuC7D;;GAEG;AACH,SAAS,QAAQ,CAAC,EAUF;IATZ,IAAA,aAAa,mBAAA,EACb,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,MAAM,YAAA,EACN,WAAW,iBAAA,EACR,SAAS,cATE,wGAUjB,CADe;IAEZ,IAAI,UAAU,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;IACrD,IAAI,KAAK;QAAE,UAAU,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;IAC5D,IAAI,KAAK;QAAE,UAAU,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;IAC5D,IAAM,eAAe,GAAG,aAAa,CAAC;IAEtC,IAAM,IAAI,GAAG,CACT,oBAAC,eAAe,eACR,SAAS,EACT,UAAU,IACd,WAAW,EAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,CAAC,EAChD,SAAS,EACF,MAAM,UAAO;YAChB,CAAC,MAAM,CAAC,CAAC,CAAC,MAAI,MAAM,iBAAY,MAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;YAC9C,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAI,SAAW,CAAC,CAAC,CAAC,EAAE,CAAC,IAE1C,CACL,CAAC;IACF,OAAO,WAAW,CAAC,CAAC,CAAC,CACjB,oBAAC,OAAO,aAAC,OAAO,EAAE,WAAW,IAAM,YAAY;QAC3C,kCAAO,IAAI,CAAQ,CACb,CACb,CAAC,CAAC,CAAC,CACA,IAAI,CACP,CAAC;AACN,CAAC;AAED,eAAe,QAAQ,CAAC"}

package/dist/esm/components/Icon/Icon.js

@@ -46,13 +46,12 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import React from "react";
-import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
-import Tooltip from "./../Tooltip/Tooltip.js";
+import BaseIcon from "./BaseIcon.js";
 import canonicalIcons from "./canonicalIconNames.js";
 /** Returns the first icon that exists or the fallback icon. */
 var findExistingIcon = function (iconName, fallbackItem) {
     var _a;
-    if (fallbackItem === void 0) { fallbackItem = canonicalIcons["Undefined"]; }
+    if (fallbackItem === void 0) { fallbackItem = canonicalIcons["undefined"]; }
     if (typeof iconName === "string") {
         return (_a = canonicalIcons[iconName]) !== null && _a !== void 0 ? _a : fallbackItem;
     }
@@ -62,7 +61,7 @@ var findExistingIcon = function (iconName, fallbackItem) {
 };
 /** Returns the first icon name that exists or the fallback icon name. */
 export var findExistingIconName = function (iconNames, fallbackIconName) {
-    if (fallbackIconName === void 0) { fallbackIconName = "Undefined"; }
+    if (fallbackIconName === void 0) { fallbackIconName = "undefined"; }
     var foundIconName = fallbackIconName;
     var iconNameStack = __spreadArray([], __read(iconNames), false);
     while (foundIconName === fallbackIconName && iconNameStack.length > 0) {
@@ -73,27 +72,13 @@ export var findExistingIconName = function (iconNames, fallbackIconName) {
     }
     return foundIconName;
 };
+/**
+ * The icon provides a graphical symbol that is specified by a canonical name.
+ * This name is hard-coded to force a homegenous usage of the [Carbon icon library](https://carbondesignsystem.com/guidelines/icons/library).
+ */
 function Icon(_a) {
-    var _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.name, name = _c === void 0 ? "undefined" : _c, _d = _a.large, large = _d === void 0 ? false : _d, _e = _a.small, small = _e === void 0 ? false : _e, tooltipText = _a.tooltipText, tooltipProps = _a.tooltipProps, intent = _a.intent, restProps = __rest(_a, ["className", "name", "large", "small", "tooltipText", "tooltipProps", "intent"]);
-    var sizeConfig = { height: 20, width: 20 };
-    if (small)
-        sizeConfig = { height: 16, width: 16 };
-    if (large)
-        sizeConfig = { height: 32, width: 32 };
-    var carbonIcon = findExistingIcon(name);
-    var CarbonIconSized = carbonIcon.normal;
-    if (small)
-        CarbonIconSized = carbonIcon.small;
-    if (large)
-        CarbonIconSized = carbonIcon.large;
-    if (!!tooltipText && !restProps.description) {
-        restProps['description'] = tooltipText;
-    }
-    var icon = (React.createElement(CarbonIconSized, __assign({}, restProps, sizeConfig, { className: eccgui + "-icon " +
-            (intent ? eccgui + "-intent--" + intent + " " : "") +
-            className })));
-    return tooltipText ? (React.createElement(Tooltip, __assign({ content: tooltipText }, tooltipProps),
-        React.createElement("span", null, icon))) : (icon);
+    var name = _a.name, otherBaseIconProps = __rest(_a, ["name"]);
+    return React.createElement(BaseIcon, __assign({ iconComponent: findExistingIcon(name) }, otherBaseIconProps));
 }
 export default Icon;
 //# sourceMappingURL=Icon.js.map

package/dist/esm/components/Icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAA2B,MAAM,YAAY,CAAC;AACrD,OAAO,cAAiD,MAAM,sBAAsB,CAAA;AAUpF,+DAA+D;AAC/D,IAAM,gBAAgB,GAAG,UACrB,QAAkC,EAClC,YAA0D;;IAA1D,6BAAA,EAAA,eAA+B,cAAc,CAAC,WAAW,CAAC;IAE1D,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;QAC9B,OAAO,MAAA,cAAc,CAAC,QAAQ,CAAC,mCAAI,YAAY,CAAC;KACnD;SAAM;QACH,OAAO,cAAc,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC,CAAC;KACzD;AACL,CAAC,CAAA;AAED,yEAAyE;AACzE,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAChC,SAAmB,EACnB,gBAA6C;IAA7C,iCAAA,EAAA,8BAA6C;IAE7C,IAAI,aAAa,GAAW,gBAAgB,CAAC;IAC7C,IAAM,aAAa,4BAAO,SAAS,SAAC,CAAC;IACrC,OAAO,aAAa,KAAK,gBAAgB,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;QACnE,IAAI,cAAc,GAAG,aAAa,CAAC,KAAK,EAAE,CAAC;QAC3C,IAAI,cAAc,IAAK,cAAsB,CAAC,cAAc,CAAC,IAAI,IAAI,EAAE;YACnE,aAAa,GAAG,cAAc,CAAC;SAClC;KACJ;IACD,OAAO,aAA8B,CAAC;AAC1C,CAAC,CAAA;AAED;;;GAGG;AACH,SAAS,IAAI,CAAC,EAGF;IAFR,IAAA,IAAI,UAAA,EACD,kBAAkB,cAFX,QAGb,CADwB;IAErB,OAAO,oBAAC,QAAQ,aAAC,aAAa,EAAE,gBAAgB,CAAC,IAAI,CAAC,IAAM,kBAAkB,EAAI,CAAA;AACtF,CAAC;AAED,eAAe,IAAI,CAAC"}

package/dist/esm/components/Icon/IconButton.js

@@ -27,7 +27,14 @@ import Icon from "./Icon.js";
 /** A button with an icon instead of text. */
 function IconButton(_a) {
     var _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.name, name = _c === void 0 ? "undefined" : _c, text = _a.text, tooltipProps = _a.tooltipProps, description = _a.description, _d = _a.tooltipAsTitle, tooltipAsTitle = _d === void 0 ? false : _d, _e = _a.minimal, minimal = _e === void 0 ? true : _e, restProps = __rest(_a, ["className", "name", "text", "tooltipProps", "description", "tooltipAsTitle", "minimal"]);
-    return (React.createElement(Button, __assign({ title: tooltipAsTitle && text ? text : undefined }, restProps, { icon: React.createElement(Icon, { name: name, small: restProps.small, large: restProps.large, tooltipText: tooltipAsTitle ? undefined : text, tooltipProps: !!tooltipProps ? __assign({ hoverOpenDelay: 1000 }, tooltipProps) : { hoverOpenDelay: 1000 }, description: description ? description : text }), className: eccgui + "-button--icon " + className, minimal: minimal })));
+    var iconProps = {
+        small: restProps.small,
+        large: restProps.large,
+        tooltipText: tooltipAsTitle ? undefined : text,
+        tooltipProps: !!tooltipProps ? __assign({ hoverOpenDelay: 1000 }, tooltipProps) : { hoverOpenDelay: 1000 },
+        description: description ? description : text,
+    };
+    return (React.createElement(Button, __assign({ title: tooltipAsTitle && text ? text : undefined }, restProps, { icon: (typeof name === "string" || Array.isArray(name)) ? (React.createElement(Icon, __assign({ name: name }, iconProps))) : (React.cloneElement(name, iconProps)), className: eccgui + "-button--icon " + className, minimal: minimal })));
 }
 export default IconButton;
 //# sourceMappingURL=IconButton.js.map

package/dist/esm/components/Icon/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/components/Icon/IconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAA4C,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAC,WAAW,IAAI,MAAM,EAAC,MAAM,+BAA+B,CAAC;AACpE,OAAO,IAAI,MAAM,QAAQ,CAAC;AA6B1B,6CAA6C;AAC7C,SAAS,UAAU,CAAC,EASoB;IARpC,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,YAAkB,EAAlB,IAAI,mBAAG,WAAW,KAAA,EAClB,IAAI,UAAA,EACJ,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,eAAY,EAAZ,OAAO,mBAAC,IAAI,KAAA,EACT,SAAS,cARI,yFASnB,CADe;IAEZ,OAAO,CACH,oBAAC,MAAM,aACH,KAAK,EAAE,cAAc,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,IAC5C,SAAS,IACb,IAAI,EACA,oBAAC,IAAI,IACD,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAC9C,YAAY,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,YAAE,cAAc,EAAE,IAAI,IAAK,YAAY,EAAE,CAAC,CAAC,EAAC,cAAc,EAAE,IAAI,EAAC,EAC/F,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,GAC/C,EAEN,SAAS,EAAK,MAAM,mBAAgB,GAAG,SAAS,EAChD,OAAO,EAAE,OAAO,IAClB,CACL,CAAC;AACN,CAAC;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/components/Icon/IconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAA4C,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAC,WAAW,IAAI,MAAM,EAAC,MAAM,+BAA+B,CAAC;AACpE,OAAO,IAAI,MAAM,QAAQ,CAAC;AA8B1B,6CAA6C;AAC7C,SAAS,UAAU,CAAC,EASoB;IARpC,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,YAAkB,EAAlB,IAAI,mBAAG,WAAW,KAAA,EAClB,IAAI,UAAA,EACJ,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,eAAY,EAAZ,OAAO,mBAAC,IAAI,KAAA,EACT,SAAS,cARI,yFASnB,CADe;IAEZ,IAAM,SAAS,GAAG;QACd,KAAK,EAAE,SAAS,CAAC,KAAK;QACtB,KAAK,EAAE,SAAS,CAAC,KAAK;QACtB,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;QAC9C,YAAY,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,YAAE,cAAc,EAAE,IAAI,IAAK,YAAY,EAAE,CAAC,CAAC,EAAC,cAAc,EAAE,IAAI,EAAC;QAC/F,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI;KAChD,CAAC;IAEF,OAAO,CACH,oBAAC,MAAM,aACH,KAAK,EAAE,cAAc,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,IAC5C,SAAS,IACb,IAAI,EAAE,CAAC,OAAO,IAAI,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CACtD,oBAAC,IAAI,aAAC,IAAI,EAAE,IAAI,IAAM,SAAS,EAAI,CACtC,CAAC,CAAC,CAAC,CACA,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CACtC,EACD,SAAS,EAAK,MAAM,mBAAgB,GAAG,SAAS,EAChD,OAAO,EAAE,OAAO,IAClB,CACL,CAAC;AACN,CAAC;AAED,eAAe,UAAU,CAAC"}

package/dist/esm/components/Icon/TestIcon.js

@@ -0,0 +1,41 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(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);
+};
+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 React from "react";
+import BaseIcon from "./BaseIcon.js";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
+/**
+ * This component is primarily provided to test icons in a third application without defining them via a canonical name before.
+ *
+ * Example usage:
+ * ```
+ * import { LogoReact } from "@carbon/icons-react";
+ * const testIcon = <TestIcon tryout={LogoReact} />
+ * ```
+ */
+function TestIcon(_a) {
+    var _b = _a.className, className = _b === void 0 ? "" : _b, tryout = _a.tryout, otherBaseIconProps = __rest(_a, ["className", "tryout"]);
+    return (React.createElement(BaseIcon, __assign({ iconComponent: tryout, className: eccgui + "-icon--test" +
+            (className ? " " + className : "") }, otherBaseIconProps)));
+}
+export default TestIcon;
+//# sourceMappingURL=TestIcon.js.map

package/dist/esm/components/Icon/TestIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestIcon.js","sourceRoot":"","sources":["../../../../src/components/Icon/TestIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAA2B,MAAM,YAAY,CAAC;AAErD,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAStE;;;;;;;;GAQG;AACH,SAAS,QAAQ,CAAC,EAIF;IAHZ,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,MAAM,YAAA,EACH,kBAAkB,cAHP,uBAIjB,CADwB;IAErB,OAAO,CACH,oBAAC,QAAQ,aACL,aAAa,EAAE,MAAM,EACrB,SAAS,EACF,MAAM,gBAAa;YACtB,CAAC,SAAS,CAAC,CAAC,CAAC,MAAI,SAAW,CAAC,CAAC,CAAC,EAAE,CAAC,IAElC,kBAAkB,EACxB,CACL,CAAC;AACN,CAAC;AAED,eAAe,QAAQ,CAAC"}