@chayns-components/core 5.0.0-beta.12 → 5.0.0-beta.1200

package/lib/components/color-scheme-provider/ColorSchemeProvider.js

@@ -1,112 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _colors = require("@chayns/colors");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _styledComponents = require("styled-components");
-
-var _templateObject;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var ColorMode;
-
-(function (ColorMode) {
-  ColorMode[ColorMode["Classic"] = 0] = "Classic";
-  ColorMode[ColorMode["Dark"] = 1] = "Dark";
-  ColorMode[ColorMode["Light"] = 2] = "Light";
-})(ColorMode || (ColorMode = {}));
-
-var GlobalStyle = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .ellipsis {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n"])));
-
-var ColorSchemeProvider = function ColorSchemeProvider(_ref) {
-  var children = _ref.children,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? '#005EB8' : _ref$color,
-      _ref$colorMode = _ref.colorMode,
-      colorMode = _ref$colorMode === void 0 ? ColorMode.Classic : _ref$colorMode,
-      _ref$cssVariables = _ref.cssVariables,
-      cssVariables = _ref$cssVariables === void 0 ? {} : _ref$cssVariables,
-      secondaryColor = _ref.secondaryColor,
-      _ref$style = _ref.style,
-      style = _ref$style === void 0 ? {} : _ref$style;
-
-  var _useState = (0, _react.useState)({}),
-      _useState2 = _slicedToArray(_useState, 2),
-      colors = _useState2[0],
-      setColors = _useState2[1];
-
-  var _useState3 = (0, _react.useState)({}),
-      _useState4 = _slicedToArray(_useState3, 2),
-      themeColors = _useState4[0],
-      setThemeColors = _useState4[1];
-
-  (0, _react.useEffect)(function () {
-    var availableColors = (0, _colors.getAvailableColorList)();
-    var newColors = {};
-    var newThemeColors = {};
-    availableColors.forEach(function (colorName) {
-      var hexColor = (0, _colors.getColorFromPalette)(colorName, {
-        color: color,
-        colorMode: colorMode,
-        secondaryColor: secondaryColor
-      });
-
-      if (colorName === 'text') {// console.debug('textColor', hexColor);
-      }
-
-      if (hexColor) {
-        var rgbColor = (0, _colors.hexToRgb255)(hexColor);
-        newColors["--chayns-color--".concat(colorName)] = hexColor;
-        newThemeColors[colorName] = hexColor;
-
-        if (rgbColor) {
-          newColors["--chayns-color-rgb--".concat(colorName)] = "".concat(rgbColor.r, ", ").concat(rgbColor.g, ", ").concat(rgbColor.b);
-          newThemeColors["".concat(colorName, "-rgb")] = "".concat(rgbColor.r, ", ").concat(rgbColor.g, ", ").concat(rgbColor.b);
-        }
-      }
-    });
-    setColors(newColors);
-    setThemeColors(newThemeColors);
-  }, [color, colorMode, secondaryColor]);
-  return /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
-    theme: themeColors
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: _objectSpread(_objectSpread(_objectSpread({}, colors), cssVariables), style)
-  }, children), /*#__PURE__*/_react.default.createElement(GlobalStyle, null));
-};
-
-ColorSchemeProvider.displayName = 'ColorSchemeProvider';
-var _default = ColorSchemeProvider;
-exports.default = _default;
-//# sourceMappingURL=ColorSchemeProvider.js.map

package/lib/components/color-scheme-provider/ColorSchemeProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/color-scheme-provider/ColorSchemeProvider.tsx"],"names":["ColorMode","GlobalStyle","createGlobalStyle","ColorSchemeProvider","children","color","colorMode","Classic","cssVariables","secondaryColor","style","colors","setColors","themeColors","setThemeColors","availableColors","newColors","newThemeColors","forEach","colorName","hexColor","rgbColor","r","g","b","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEKA,S;;WAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;GAAAA,S,KAAAA,S;;AAyCL,IAAMC,WAAW,OAAGC,mCAAH,qLAAjB;;AAQA,IAAMC,mBAAiD,GAAG,SAApDA,mBAAoD,OAOpD;AAAA,MANFC,QAME,QANFA,QAME;AAAA,wBALFC,KAKE;AAAA,MALFA,KAKE,2BALM,SAKN;AAAA,4BAJFC,SAIE;AAAA,MAJFA,SAIE,+BAJUN,SAAS,CAACO,OAIpB;AAAA,+BAHFC,YAGE;AAAA,MAHFA,YAGE,kCAHa,EAGb;AAAA,MAFFC,cAEE,QAFFA,cAEE;AAAA,wBADFC,KACE;AAAA,MADFA,KACE,2BADM,EACN;;AACF,kBAA4B,qBAAgB,EAAhB,CAA5B;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AACA,mBAAsC,qBAAgB,EAAhB,CAAtC;AAAA;AAAA,MAAOC,WAAP;AAAA,MAAoBC,cAApB;;AAEA,wBAAU,YAAM;AACZ,QAAMC,eAAe,GAAG,oCAAxB;AAEA,QAAMC,SAAgB,GAAG,EAAzB;AACA,QAAMC,cAAqB,GAAG,EAA9B;AAEAF,IAAAA,eAAe,CAACG,OAAhB,CAAwB,UAACC,SAAD,EAAuB;AAC3C,UAAMC,QAAQ,GAAG,iCAAoBD,SAApB,EAA+B;AAC5Cd,QAAAA,KAAK,EAALA,KAD4C;AAE5CC,QAAAA,SAAS,EAATA,SAF4C;AAG5CG,QAAAA,cAAc,EAAdA;AAH4C,OAA/B,CAAjB;;AAMA,UAAIU,SAAS,KAAK,MAAlB,EAA0B,CACtB;AACH;;AAED,UAAIC,QAAJ,EAAc;AACV,YAAMC,QAAQ,GAAG,yBAAYD,QAAZ,CAAjB;AAEAJ,QAAAA,SAAS,2BAAoBG,SAApB,EAAT,GAA4CC,QAA5C;AACAH,QAAAA,cAAc,CAACE,SAAD,CAAd,GAA4BC,QAA5B;;AAEA,YAAIC,QAAJ,EAAc;AACVL,UAAAA,SAAS,+BACkBG,SADlB,EAAT,aAEOE,QAAQ,CAACC,CAFhB,eAEsBD,QAAQ,CAACE,CAF/B,eAEqCF,QAAQ,CAACG,CAF9C;AAGAP,UAAAA,cAAc,WACPE,SADO,UAAd,aAEOE,QAAQ,CAACC,CAFhB,eAEsBD,QAAQ,CAACE,CAF/B,eAEqCF,QAAQ,CAACG,CAF9C;AAGH;AACJ;AACJ,KA1BD;AA4BAZ,IAAAA,SAAS,CAACI,SAAD,CAAT;AACAF,IAAAA,cAAc,CAACG,cAAD,CAAd;AACH,GApCD,EAoCG,CAACZ,KAAD,EAAQC,SAAR,EAAmBG,cAAnB,CApCH;AAsCA,sBACI,6BAAC,+BAAD;AAAe,IAAA,KAAK,EAAEI;AAAtB,kBACI;AAAK,IAAA,KAAK,gDAAOF,MAAP,GAAkBH,YAAlB,GAAmCE,KAAnC;AAAV,KAAuDN,QAAvD,CADJ,eAEI,6BAAC,WAAD,OAFJ,CADJ;AAMH,CAvDD;;AAyDAD,mBAAmB,CAACsB,WAApB,GAAkC,qBAAlC;eAEetB,mB","sourcesContent":["import { getAvailableColorList, getColorFromPalette, hexToRgb255 } from '@chayns/colors';\nimport React, { FC, ReactNode, useEffect, useState } from 'react';\nimport { createGlobalStyle, ThemeProvider } from 'styled-components';\n\nenum ColorMode {\n    Classic,\n    Dark,\n    Light,\n}\n\ntype ColorSchemeProviderProps = {\n    /**\n     * The content of the application or the components for which the styles should be set\n     */\n    children: ReactNode;\n    /**\n     * The hex color to be used for the children\n     */\n    color?: string;\n    /**\n     * The color mode to be used for the children\n     */\n    colorMode?: ColorMode;\n    /**\n     * Css variables to be added in addition to the chayns variables\n     */\n    cssVariables?: { [key: string]: string | number };\n    /**\n     * The secondary hex color to be used for the children\n     */\n    secondaryColor?: string;\n    /**\n     * Additional styles set on the root element\n     */\n    style?: { [key: string]: string | number };\n};\n\nexport interface Theme {\n    [key: string]: string;\n}\n\nexport type WithTheme<T> = T & {\n    theme: Theme;\n};\n\nconst GlobalStyle = createGlobalStyle`\n    .ellipsis {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n`;\n\nconst ColorSchemeProvider: FC<ColorSchemeProviderProps> = ({\n    children,\n    color = '#005EB8',\n    colorMode = ColorMode.Classic,\n    cssVariables = {},\n    secondaryColor,\n    style = {},\n}) => {\n    const [colors, setColors] = useState<Theme>({});\n    const [themeColors, setThemeColors] = useState<Theme>({});\n\n    useEffect(() => {\n        const availableColors = getAvailableColorList();\n\n        const newColors: Theme = {};\n        const newThemeColors: Theme = {};\n\n        availableColors.forEach((colorName: string) => {\n            const hexColor = getColorFromPalette(colorName, {\n                color,\n                colorMode,\n                secondaryColor,\n            });\n\n            if (colorName === 'text') {\n                // console.debug('textColor', hexColor);\n            }\n\n            if (hexColor) {\n                const rgbColor = hexToRgb255(hexColor);\n\n                newColors[`--chayns-color--${colorName}`] = hexColor;\n                newThemeColors[colorName] = hexColor;\n\n                if (rgbColor) {\n                    newColors[\n                        `--chayns-color-rgb--${colorName}`\n                    ] = `${rgbColor.r}, ${rgbColor.g}, ${rgbColor.b}`;\n                    newThemeColors[\n                        `${colorName}-rgb`\n                    ] = `${rgbColor.r}, ${rgbColor.g}, ${rgbColor.b}`;\n                }\n            }\n        });\n\n        setColors(newColors);\n        setThemeColors(newThemeColors);\n    }, [color, colorMode, secondaryColor]);\n\n    return (\n        <ThemeProvider theme={themeColors}>\n            <div style={{ ...colors, ...cssVariables, ...style }}>{children}</div>\n            <GlobalStyle />\n        </ThemeProvider>\n    );\n};\n\nColorSchemeProvider.displayName = 'ColorSchemeProvider';\n\nexport default ColorSchemeProvider;\n"],"file":"ColorSchemeProvider.js"}

package/lib/components/grid-image/GridImage.d.ts

@@ -1,19 +0,0 @@
-import { FC } from 'react';
-declare type GridImageProps = {
-    /**
-     * The images to be displayed in the `GridImage`. Only the first three
-     * images are displayed.
-     */
-    images: [string, string, string, ...string[]];
-    /**
-     * Images of users should always be displayed in a round shape. Therefore
-     * this property can be set to true.
-     */
-    shouldShowRoundImage?: boolean;
-    /**
-     * The size of the `GridImage` in pixels, which is set as both width and height.
-     */
-    size: number;
-};
-declare const GridImage: FC<GridImageProps>;
-export default GridImage;

package/lib/components/grid-image/GridImage.js

@@ -1,83 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _GridImage = require("./GridImage.styles");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var GridImage = function GridImage(_ref) {
-  var images = _ref.images,
-      shouldShowRoundImage = _ref.shouldShowRoundImage,
-      size = _ref.size;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      hasLoadedLeftImage = _useState2[0],
-      setHasLoadedLeftImage = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      hasLoadedTopRightImage = _useState4[0],
-      setHasLoadedTopRightImage = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      hasLoadedBottomRightImage = _useState6[0],
-      setHasLoadedBottomRightImage = _useState6[1];
-
-  var handleLeftImageLoaded = (0, _react.useCallback)(function () {
-    return setHasLoadedLeftImage(true);
-  }, []);
-  var handleTopRightImageLoaded = (0, _react.useCallback)(function () {
-    return setHasLoadedTopRightImage(true);
-  }, []);
-  var handleBottomRightImageLoaded = (0, _react.useCallback)(function () {
-    return setHasLoadedBottomRightImage(true);
-  }, []);
-  var isGridImageHidden = !hasLoadedLeftImage || !hasLoadedTopRightImage || !hasLoadedBottomRightImage;
-  return /*#__PURE__*/_react.default.createElement(_GridImage.StyledGridImage, {
-    shouldShowRoundImage: shouldShowRoundImage,
-    size: size
-  }, /*#__PURE__*/_react.default.createElement(_GridImage.StyledGridLeftImage, {
-    isHidden: isGridImageHidden,
-    onLoad: handleLeftImageLoaded,
-    size: size,
-    src: images[0]
-  }), /*#__PURE__*/_react.default.createElement(_GridImage.StyledGridTopRightImage, {
-    isHidden: isGridImageHidden,
-    onLoad: handleTopRightImageLoaded,
-    size: size,
-    src: images[1]
-  }), /*#__PURE__*/_react.default.createElement(_GridImage.StyledGridBottomRightImage, {
-    isHidden: isGridImageHidden,
-    onLoad: handleBottomRightImageLoaded,
-    src: images[2]
-  }));
-};
-
-GridImage.displayName = 'GridImage';
-var _default = GridImage;
-exports.default = _default;
-//# sourceMappingURL=GridImage.js.map

package/lib/components/grid-image/GridImage.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/grid-image/GridImage.tsx"],"names":["GridImage","images","shouldShowRoundImage","size","hasLoadedLeftImage","setHasLoadedLeftImage","hasLoadedTopRightImage","setHasLoadedTopRightImage","hasLoadedBottomRightImage","setHasLoadedBottomRightImage","handleLeftImageLoaded","handleTopRightImageLoaded","handleBottomRightImageLoaded","isGridImageHidden","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;;;;;AAwBA,IAAMA,SAA6B,GAAG,SAAhCA,SAAgC,OAA4C;AAAA,MAAzCC,MAAyC,QAAzCA,MAAyC;AAAA,MAAjCC,oBAAiC,QAAjCA,oBAAiC;AAAA,MAAXC,IAAW,QAAXA,IAAW;;AAC9E,kBAAoD,qBAAS,KAAT,CAApD;AAAA;AAAA,MAAOC,kBAAP;AAAA,MAA2BC,qBAA3B;;AACA,mBAA4D,qBAAS,KAAT,CAA5D;AAAA;AAAA,MAAOC,sBAAP;AAAA,MAA+BC,yBAA/B;;AACA,mBAAkE,qBAAS,KAAT,CAAlE;AAAA;AAAA,MAAOC,yBAAP;AAAA,MAAkCC,4BAAlC;;AAEA,MAAMC,qBAAqB,GAAG,wBAAY;AAAA,WAAML,qBAAqB,CAAC,IAAD,CAA3B;AAAA,GAAZ,EAA+C,EAA/C,CAA9B;AAEA,MAAMM,yBAAyB,GAAG,wBAAY;AAAA,WAAMJ,yBAAyB,CAAC,IAAD,CAA/B;AAAA,GAAZ,EAAmD,EAAnD,CAAlC;AAEA,MAAMK,4BAA4B,GAAG,wBAAY;AAAA,WAAMH,4BAA4B,CAAC,IAAD,CAAlC;AAAA,GAAZ,EAAsD,EAAtD,CAArC;AAEA,MAAMI,iBAAiB,GACnB,CAACT,kBAAD,IAAuB,CAACE,sBAAxB,IAAkD,CAACE,yBADvD;AAGA,sBACI,6BAAC,0BAAD;AAAiB,IAAA,oBAAoB,EAAEN,oBAAvC;AAA6D,IAAA,IAAI,EAAEC;AAAnE,kBACI,6BAAC,8BAAD;AACI,IAAA,QAAQ,EAAEU,iBADd;AAEI,IAAA,MAAM,EAAEH,qBAFZ;AAGI,IAAA,IAAI,EAAEP,IAHV;AAII,IAAA,GAAG,EAAEF,MAAM,CAAC,CAAD;AAJf,IADJ,eAOI,6BAAC,kCAAD;AACI,IAAA,QAAQ,EAAEY,iBADd;AAEI,IAAA,MAAM,EAAEF,yBAFZ;AAGI,IAAA,IAAI,EAAER,IAHV;AAII,IAAA,GAAG,EAAEF,MAAM,CAAC,CAAD;AAJf,IAPJ,eAaI,6BAAC,qCAAD;AACI,IAAA,QAAQ,EAAEY,iBADd;AAEI,IAAA,MAAM,EAAED,4BAFZ;AAGI,IAAA,GAAG,EAAEX,MAAM,CAAC,CAAD;AAHf,IAbJ,CADJ;AAqBH,CAnCD;;AAqCAD,SAAS,CAACc,WAAV,GAAwB,WAAxB;eAEed,S","sourcesContent":["import React, { FC, useCallback, useState } from 'react';\nimport {\n    StyledGridBottomRightImage,\n    StyledGridImage,\n    StyledGridLeftImage,\n    StyledGridTopRightImage,\n} from './GridImage.styles';\n\ntype GridImageProps = {\n    /**\n     * The images to be displayed in the `GridImage`. Only the first three\n     * images are displayed.\n     */\n    images: [string, string, string, ...string[]];\n    /**\n     * Images of users should always be displayed in a round shape. Therefore\n     * this property can be set to true.\n     */\n    shouldShowRoundImage?: boolean;\n    /**\n     * The size of the `GridImage` in pixels, which is set as both width and height.\n     */\n    size: number;\n};\n\nconst GridImage: FC<GridImageProps> = ({ images, shouldShowRoundImage, size }) => {\n    const [hasLoadedLeftImage, setHasLoadedLeftImage] = useState(false);\n    const [hasLoadedTopRightImage, setHasLoadedTopRightImage] = useState(false);\n    const [hasLoadedBottomRightImage, setHasLoadedBottomRightImage] = useState(false);\n\n    const handleLeftImageLoaded = useCallback(() => setHasLoadedLeftImage(true), []);\n\n    const handleTopRightImageLoaded = useCallback(() => setHasLoadedTopRightImage(true), []);\n\n    const handleBottomRightImageLoaded = useCallback(() => setHasLoadedBottomRightImage(true), []);\n\n    const isGridImageHidden =\n        !hasLoadedLeftImage || !hasLoadedTopRightImage || !hasLoadedBottomRightImage;\n\n    return (\n        <StyledGridImage shouldShowRoundImage={shouldShowRoundImage} size={size}>\n            <StyledGridLeftImage\n                isHidden={isGridImageHidden}\n                onLoad={handleLeftImageLoaded}\n                size={size}\n                src={images[0]}\n            />\n            <StyledGridTopRightImage\n                isHidden={isGridImageHidden}\n                onLoad={handleTopRightImageLoaded}\n                size={size}\n                src={images[1]}\n            />\n            <StyledGridBottomRightImage\n                isHidden={isGridImageHidden}\n                onLoad={handleBottomRightImageLoaded}\n                src={images[2]}\n            />\n        </StyledGridImage>\n    );\n};\n\nGridImage.displayName = 'GridImage';\n\nexport default GridImage;\n"],"file":"GridImage.js"}

package/lib/components/grid-image/GridImage.styles.d.ts

@@ -1,21 +0,0 @@
-export declare const StyledGridImage: import("styled-components").StyledComponent<"div", any, {
-    shouldShowRoundImage?: boolean | undefined;
-    size: number;
-} & {
-    theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
-}, never>;
-declare type StyledGridLeftImageProps = {
-    isHidden: boolean;
-    size: number;
-};
-export declare const StyledGridLeftImage: import("styled-components").StyledComponent<"img", any, StyledGridLeftImageProps, never>;
-declare type StyledGridTopRightImageProps = {
-    isHidden: boolean;
-    size: number;
-};
-export declare const StyledGridTopRightImage: import("styled-components").StyledComponent<"img", any, StyledGridTopRightImageProps, never>;
-declare type StyledGridBottomRightImageProps = {
-    isHidden: boolean;
-};
-export declare const StyledGridBottomRightImage: import("styled-components").StyledComponent<"img", any, StyledGridBottomRightImageProps, never>;
-export {};

package/lib/components/grid-image/GridImage.styles.js

@@ -1,61 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledGridBottomRightImage = exports.StyledGridTopRightImage = exports.StyledGridLeftImage = exports.StyledGridImage = void 0;
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var StyledGridImage = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    background-color: rgba(", ", 0.1);\n    border-radius: ", ";\n    box-shadow: 0 0 0 1px rgba(", ", 0.08) inset;\n    height: ", "px;\n    overflow: hidden;\n    position: relative;\n    width: ", "px;\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme['text-rgb'];
-}, function (_ref2) {
-  var shouldShowRoundImage = _ref2.shouldShowRoundImage;
-  return shouldShowRoundImage ? '50%' : undefined;
-}, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme['009-rgb'];
-}, function (_ref4) {
-  var size = _ref4.size;
-  return size;
-}, function (_ref5) {
-  var size = _ref5.size;
-  return size;
-});
-
-exports.StyledGridImage = StyledGridImage;
-
-var StyledGridLeftImage = _styledComponents.default.img(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    border-right: ", "px solid white;\n    height: 100%;\n    left: 0;\n    object-fit: cover;\n    opacity: ", ";\n    position: absolute;\n    top: 0;\n    transition: opacity 0.4s ease;\n    width: 60%;\n"])), function (_ref6) {
-  var size = _ref6.size;
-  return size / 40;
-}, function (_ref7) {
-  var isHidden = _ref7.isHidden;
-  return isHidden ? 0 : 1;
-});
-
-exports.StyledGridLeftImage = StyledGridLeftImage;
-
-var StyledGridTopRightImage = _styledComponents.default.img(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    border-bottom: ", "px solid white;\n    height: 50%;\n    object-fit: cover;\n    opacity: ", ";\n    position: absolute;\n    right: 0;\n    top: 0;\n    transition: opacity 0.3s ease;\n    width: 40%;\n"])), function (_ref8) {
-  var size = _ref8.size;
-  return size / 40;
-}, function (_ref9) {
-  var isHidden = _ref9.isHidden;
-  return isHidden ? 0 : 1;
-});
-
-exports.StyledGridTopRightImage = StyledGridTopRightImage;
-
-var StyledGridBottomRightImage = _styledComponents.default.img(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    bottom: 0;\n    height: 50%;\n    object-fit: cover;\n    opacity: ", ";\n    position: absolute;\n    right: 0;\n    transition: opacity 0.3s ease;\n    width: 40%;\n"])), function (_ref10) {
-  var isHidden = _ref10.isHidden;
-  return isHidden ? 0 : 1;
-});
-
-exports.StyledGridBottomRightImage = StyledGridBottomRightImage;
-//# sourceMappingURL=GridImage.styles.js.map

package/lib/components/grid-image/GridImage.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/grid-image/GridImage.styles.ts"],"names":["StyledGridImage","styled","div","theme","shouldShowRoundImage","undefined","size","StyledGridLeftImage","img","isHidden","StyledGridTopRightImage","StyledGridBottomRightImage"],"mappings":";;;;;;;AAAA;;;;;;;;AAQO,IAAMA,eAAe,GAAGC,0BAAOC,GAAV,sRACC;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAAqCA,KAAK,CAAC,UAAD,CAA1C;AAAA,CADD,EAEP;AAAA,MAAGC,oBAAH,SAAGA,oBAAH;AAAA,SAA+BA,oBAAoB,GAAG,KAAH,GAAWC,SAA9D;AAAA,CAFO,EAGK;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,SAAqCA,KAAK,CAAC,SAAD,CAA1C;AAAA,CAHL,EAId;AAAA,MAAGG,IAAH,SAAGA,IAAH;AAAA,SAAcA,IAAd;AAAA,CAJc,EAOf;AAAA,MAAGA,IAAH,SAAGA,IAAH;AAAA,SAAcA,IAAd;AAAA,CAPe,CAArB;;;;AAeA,IAAMC,mBAAmB,GAAGN,0BAAOO,GAAV,yRACZ;AAAA,MAAGF,IAAH,SAAGA,IAAH;AAAA,SAAcA,IAAI,GAAG,EAArB;AAAA,CADY,EAKjB;AAAA,MAAGG,QAAH,SAAGA,QAAH;AAAA,SAAmBA,QAAQ,GAAG,CAAH,GAAO,CAAlC;AAAA,CALiB,CAAzB;;;;AAiBA,IAAMC,uBAAuB,GAAGT,0BAAOO,GAAV,0RACf;AAAA,MAAGF,IAAH,SAAGA,IAAH;AAAA,SAAcA,IAAI,GAAG,EAArB;AAAA,CADe,EAIrB;AAAA,MAAGG,QAAH,SAAGA,QAAH;AAAA,SAAmBA,QAAQ,GAAG,CAAH,GAAO,CAAlC;AAAA,CAJqB,CAA7B;;;;AAgBA,IAAME,0BAA0B,GAAGV,0BAAOO,GAAV,qPAIxB;AAAA,MAAGC,QAAH,UAAGA,QAAH;AAAA,SAAmBA,QAAQ,GAAG,CAAH,GAAO,CAAlC;AAAA,CAJwB,CAAhC","sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledGridImageProps = WithTheme<{\n    shouldShowRoundImage?: boolean;\n    size: number;\n}>;\n\nexport const StyledGridImage = styled.div<StyledGridImageProps>`\n    background-color: rgba(${({ theme }: StyledGridImageProps) => theme['text-rgb']}, 0.1);\n    border-radius: ${({ shouldShowRoundImage }) => (shouldShowRoundImage ? '50%' : undefined)};\n    box-shadow: 0 0 0 1px rgba(${({ theme }: StyledGridImageProps) => theme['009-rgb']}, 0.08) inset;\n    height: ${({ size }) => size}px;\n    overflow: hidden;\n    position: relative;\n    width: ${({ size }) => size}px;\n`;\n\ntype StyledGridLeftImageProps = {\n    isHidden: boolean;\n    size: number;\n};\n\nexport const StyledGridLeftImage = styled.img<StyledGridLeftImageProps>`\n    border-right: ${({ size }) => size / 40}px solid white;\n    height: 100%;\n    left: 0;\n    object-fit: cover;\n    opacity: ${({ isHidden }) => (isHidden ? 0 : 1)};\n    position: absolute;\n    top: 0;\n    transition: opacity 0.4s ease;\n    width: 60%;\n`;\n\ntype StyledGridTopRightImageProps = {\n    isHidden: boolean;\n    size: number;\n};\n\nexport const StyledGridTopRightImage = styled.img<StyledGridTopRightImageProps>`\n    border-bottom: ${({ size }) => size / 40}px solid white;\n    height: 50%;\n    object-fit: cover;\n    opacity: ${({ isHidden }) => (isHidden ? 0 : 1)};\n    position: absolute;\n    right: 0;\n    top: 0;\n    transition: opacity 0.3s ease;\n    width: 40%;\n`;\n\ntype StyledGridBottomRightImageProps = {\n    isHidden: boolean;\n};\n\nexport const StyledGridBottomRightImage = styled.img<StyledGridBottomRightImageProps>`\n    bottom: 0;\n    height: 50%;\n    object-fit: cover;\n    opacity: ${({ isHidden }) => (isHidden ? 0 : 1)};\n    position: absolute;\n    right: 0;\n    transition: opacity 0.3s ease;\n    width: 40%;\n`;\n"],"file":"GridImage.styles.js"}

package/lib/components/icon/Icon.js

@@ -1,84 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Icon = require("./Icon.styles");
-
-var _utils = require("./utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Icon = function Icon(_ref) {
-  var className = _ref.className,
-      color = _ref.color,
-      icons = _ref.icons,
-      isDisabled = _ref.isDisabled,
-      onClick = _ref.onClick,
-      onDoubleClick = _ref.onDoubleClick,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 15 : _ref$size,
-      shouldStopPropagation = _ref.shouldStopPropagation;
-
-  var handleClick = function handleClick(event) {
-    if (shouldStopPropagation) {
-      event.stopPropagation();
-    }
-
-    if (typeof onClick === 'function') {
-      onClick(event);
-    }
-  };
-
-  var handleDoubleClick = function handleDoubleClick(event) {
-    if (shouldStopPropagation) {
-      event.stopPropagation();
-    }
-
-    if (typeof onDoubleClick === 'function') {
-      onDoubleClick(event);
-    }
-  };
-
-  var maxStackSizeFactor = 1;
-  icons.forEach(function (icon) {
-    var stackSizeFactor = (0, _utils.getStackSizeFactor)(icon);
-
-    if (stackSizeFactor && stackSizeFactor > maxStackSizeFactor) {
-      maxStackSizeFactor = stackSizeFactor;
-    }
-  });
-  var shouldUseStackedIcon = icons.length > 1;
-  var wrapperClasses = (0, _clsx.default)('beta-chayns-icon', shouldUseStackedIcon ? 'fa-stack' : '', className);
-  return /*#__PURE__*/_react.default.createElement(_Icon.StyledIconWrapper, {
-    className: wrapperClasses,
-    isDisabled: isDisabled,
-    onClick: typeof onClick === 'function' ? handleClick : undefined,
-    onDoubleClick: typeof onDoubleClick === 'function' ? handleDoubleClick : undefined,
-    size: size
-  }, icons.map(function (icon) {
-    var stackSizeFactor = (0, _utils.getStackSizeFactor)(icon);
-    var iconClasses = (0, _clsx.default)(icon, className, {
-      'fa-stack-1x': shouldUseStackedIcon && stackSizeFactor === undefined
-    });
-    return /*#__PURE__*/_react.default.createElement(_Icon.StyledIcon, {
-      className: iconClasses,
-      color: icon.includes('fa-inverse') ? 'white' : color,
-      fontSize: (stackSizeFactor || 1) / maxStackSizeFactor * size,
-      isStacked: shouldUseStackedIcon,
-      key: icon,
-      size: size
-    });
-  }));
-};
-
-Icon.displayName = 'Icon';
-var _default = Icon;
-exports.default = _default;
-//# sourceMappingURL=Icon.js.map

package/lib/components/icon/Icon.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/icon/Icon.tsx"],"names":["Icon","className","color","icons","isDisabled","onClick","onDoubleClick","size","shouldStopPropagation","handleClick","event","stopPropagation","handleDoubleClick","maxStackSizeFactor","forEach","icon","stackSizeFactor","shouldUseStackedIcon","length","wrapperClasses","undefined","map","iconClasses","includes","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAqCA,IAAMA,IAAmB,GAAG,SAAtBA,IAAsB,OAStB;AAAA,MARFC,SAQE,QARFA,SAQE;AAAA,MAPFC,KAOE,QAPFA,KAOE;AAAA,MANFC,KAME,QANFA,KAME;AAAA,MALFC,UAKE,QALFA,UAKE;AAAA,MAJFC,OAIE,QAJFA,OAIE;AAAA,MAHFC,aAGE,QAHFA,aAGE;AAAA,uBAFFC,IAEE;AAAA,MAFFA,IAEE,0BAFK,EAEL;AAAA,MADFC,qBACE,QADFA,qBACE;;AACF,MAAMC,WAA+C,GAAG,SAAlDA,WAAkD,CAACC,KAAD,EAAW;AAC/D,QAAIF,qBAAJ,EAA2B;AACvBE,MAAAA,KAAK,CAACC,eAAN;AACH;;AAED,QAAI,OAAON,OAAP,KAAmB,UAAvB,EAAmC;AAC/BA,MAAAA,OAAO,CAACK,KAAD,CAAP;AACH;AACJ,GARD;;AAUA,MAAME,iBAAqD,GAAG,SAAxDA,iBAAwD,CAACF,KAAD,EAAW;AACrE,QAAIF,qBAAJ,EAA2B;AACvBE,MAAAA,KAAK,CAACC,eAAN;AACH;;AAED,QAAI,OAAOL,aAAP,KAAyB,UAA7B,EAAyC;AACrCA,MAAAA,aAAa,CAACI,KAAD,CAAb;AACH;AACJ,GARD;;AAUA,MAAIG,kBAAkB,GAAG,CAAzB;AAEAV,EAAAA,KAAK,CAACW,OAAN,CAAc,UAACC,IAAD,EAAU;AACpB,QAAMC,eAAe,GAAG,+BAAmBD,IAAnB,CAAxB;;AAEA,QAAIC,eAAe,IAAIA,eAAe,GAAGH,kBAAzC,EAA6D;AACzDA,MAAAA,kBAAkB,GAAGG,eAArB;AACH;AACJ,GAND;AAQA,MAAMC,oBAAoB,GAAGd,KAAK,CAACe,MAAN,GAAe,CAA5C;AAEA,MAAMC,cAAc,GAAG,mBACnB,kBADmB,EAEnBF,oBAAoB,GAAG,UAAH,GAAgB,EAFjB,EAGnBhB,SAHmB,CAAvB;AAMA,sBACI,6BAAC,uBAAD;AACI,IAAA,SAAS,EAAEkB,cADf;AAEI,IAAA,UAAU,EAAEf,UAFhB;AAGI,IAAA,OAAO,EAAE,OAAOC,OAAP,KAAmB,UAAnB,GAAgCI,WAAhC,GAA8CW,SAH3D;AAII,IAAA,aAAa,EAAE,OAAOd,aAAP,KAAyB,UAAzB,GAAsCM,iBAAtC,GAA0DQ,SAJ7E;AAKI,IAAA,IAAI,EAAEb;AALV,KAOKJ,KAAK,CAACkB,GAAN,CAAU,UAACN,IAAD,EAAU;AACjB,QAAMC,eAAe,GAAG,+BAAmBD,IAAnB,CAAxB;AAEA,QAAMO,WAAW,GAAG,mBAAKP,IAAL,EAAWd,SAAX,EAAsB;AACtC,qBAAegB,oBAAoB,IAAID,eAAe,KAAKI;AADrB,KAAtB,CAApB;AAIA,wBACI,6BAAC,gBAAD;AACI,MAAA,SAAS,EAAEE,WADf;AAEI,MAAA,KAAK,EAAEP,IAAI,CAACQ,QAAL,CAAc,YAAd,IAA8B,OAA9B,GAAwCrB,KAFnD;AAGI,MAAA,QAAQ,EAAG,CAACc,eAAe,IAAI,CAApB,IAAyBH,kBAA1B,GAAgDN,IAH9D;AAII,MAAA,SAAS,EAAEU,oBAJf;AAKI,MAAA,GAAG,EAAEF,IALT;AAMI,MAAA,IAAI,EAAER;AANV,MADJ;AAUH,GAjBA,CAPL,CADJ;AA4BH,CA5ED;;AA8EAP,IAAI,CAACwB,WAAL,GAAmB,MAAnB;eAEexB,I","sourcesContent":["import clsx from 'clsx';\nimport React, { FC, MouseEventHandler } from 'react';\nimport { StyledIcon, StyledIconWrapper } from './Icon.styles';\nimport { getStackSizeFactor } from './utils';\n\nexport type IconProps = {\n    /**\n     * Additional class names for the root element\n     */\n    className?: string;\n    /**\n     * The color of the icon\n     */\n    color?: string;\n    /**\n     * The FontAwesome or tobit icons to render. Multiple icons are stacked.\n     */\n    icons: [string, ...string[]];\n    /**\n     * Disables the icon so that it cannot be clicked anymore\n     */\n    isDisabled?: boolean;\n    /**\n     * Function to be executed when the icon was clicked\n     */\n    onClick?: MouseEventHandler<HTMLSpanElement>;\n    /**\n     * Function to be executed when the icon was double clicked\n     */\n    onDoubleClick?: MouseEventHandler<HTMLSpanElement>;\n    /**\n     * Size of the icon in pixel\n     */\n    size?: number;\n    /**\n     * Stops event propagation on click\n     */\n    shouldStopPropagation?: boolean;\n};\n\nconst Icon: FC<IconProps> = ({\n    className,\n    color,\n    icons,\n    isDisabled,\n    onClick,\n    onDoubleClick,\n    size = 15,\n    shouldStopPropagation,\n}) => {\n    const handleClick: MouseEventHandler<HTMLSpanElement> = (event) => {\n        if (shouldStopPropagation) {\n            event.stopPropagation();\n        }\n\n        if (typeof onClick === 'function') {\n            onClick(event);\n        }\n    };\n\n    const handleDoubleClick: MouseEventHandler<HTMLSpanElement> = (event) => {\n        if (shouldStopPropagation) {\n            event.stopPropagation();\n        }\n\n        if (typeof onDoubleClick === 'function') {\n            onDoubleClick(event);\n        }\n    };\n\n    let maxStackSizeFactor = 1;\n\n    icons.forEach((icon) => {\n        const stackSizeFactor = getStackSizeFactor(icon);\n\n        if (stackSizeFactor && stackSizeFactor > maxStackSizeFactor) {\n            maxStackSizeFactor = stackSizeFactor;\n        }\n    });\n\n    const shouldUseStackedIcon = icons.length > 1;\n\n    const wrapperClasses = clsx(\n        'beta-chayns-icon',\n        shouldUseStackedIcon ? 'fa-stack' : '',\n        className\n    );\n\n    return (\n        <StyledIconWrapper\n            className={wrapperClasses}\n            isDisabled={isDisabled}\n            onClick={typeof onClick === 'function' ? handleClick : undefined}\n            onDoubleClick={typeof onDoubleClick === 'function' ? handleDoubleClick : undefined}\n            size={size}\n        >\n            {icons.map((icon) => {\n                const stackSizeFactor = getStackSizeFactor(icon);\n\n                const iconClasses = clsx(icon, className, {\n                    'fa-stack-1x': shouldUseStackedIcon && stackSizeFactor === undefined,\n                });\n\n                return (\n                    <StyledIcon\n                        className={iconClasses}\n                        color={icon.includes('fa-inverse') ? 'white' : color}\n                        fontSize={((stackSizeFactor || 1) / maxStackSizeFactor) * size}\n                        isStacked={shouldUseStackedIcon}\n                        key={icon}\n                        size={size}\n                    />\n                );\n            })}\n        </StyledIconWrapper>\n    );\n};\n\nIcon.displayName = 'Icon';\n\nexport default Icon;\n"],"file":"Icon.js"}

package/lib/components/icon/Icon.styles.d.ts

@@ -1,15 +0,0 @@
-import type { MouseEventHandler } from 'react';
-import type { IconProps } from './Icon';
-declare type StyledIconWrapperProps = {
-    isDisabled?: boolean;
-    onClick?: MouseEventHandler<HTMLSpanElement>;
-    size: number;
-};
-export declare const StyledIconWrapper: import("styled-components").StyledComponent<"span", any, StyledIconWrapperProps, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<"i", any, Omit<IconProps, "icons"> & {
-    fontSize: number;
-    isStacked?: boolean | undefined;
-} & {
-    theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
-}, never>;
-export {};

package/lib/components/icon/Icon.styles.js

@@ -1,54 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledIcon = exports.StyledIconWrapper = void 0;
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _templateObject, _templateObject2, _templateObject3;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var StyledIconWrapper = _styledComponents.default.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    align-items: center;\n    cursor: ", ";\n    display: inline-flex;\n    height: ", ";\n    justify-content: center;\n    opacity: ", ";\n    position: relative;\n    transition: opacity 0.3s ease;\n    width: ", ";\n"])), function (_ref) {
-  var isDisabled = _ref.isDisabled,
-      onClick = _ref.onClick;
-  return typeof onClick === 'function' && !isDisabled ? 'pointer' : 'inherit';
-}, function (_ref2) {
-  var size = _ref2.size;
-  return "".concat(size, "px");
-}, function (_ref3) {
-  var isDisabled = _ref3.isDisabled;
-  return isDisabled ? 0.5 : 1;
-}, function (_ref4) {
-  var size = _ref4.size;
-  return "".concat(size, "px");
-});
-
-exports.StyledIconWrapper = StyledIconWrapper;
-
-var StyledIcon = _styledComponents.default.i(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    color: ", ";\n    display: ", ";\n    font-size: ", ";\n\n    ", "\n"])), function (_ref5) {
-  var color = _ref5.color,
-      theme = _ref5.theme;
-  return color || theme.headline;
-}, function (_ref6) {
-  var isStacked = _ref6.isStacked;
-  return isStacked ? undefined : 'inline-flex';
-}, function (_ref7) {
-  var fontSize = _ref7.fontSize;
-  return "".concat(fontSize, "px");
-}, function (_ref8) {
-  var fontSize = _ref8.fontSize,
-      size = _ref8.size;
-  return fontSize !== size && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            top: 50%;\n            transform: translateY(-50%);\n        "])));
-});
-
-exports.StyledIcon = StyledIcon;
-//# sourceMappingURL=Icon.styles.js.map

package/lib/components/icon/Icon.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/icon/Icon.styles.ts"],"names":["StyledIconWrapper","styled","span","isDisabled","onClick","size","StyledIcon","i","color","theme","headline","isStacked","undefined","fontSize","css"],"mappings":";;;;;;;;;AACA;;;;;;;;;;AAUO,IAAMA,iBAAiB,GAAGC,0BAAOC,IAAV,oSAEhB;AAAA,MAAGC,UAAH,QAAGA,UAAH;AAAA,MAAeC,OAAf,QAAeA,OAAf;AAAA,SACN,OAAOA,OAAP,KAAmB,UAAnB,IAAiC,CAACD,UAAlC,GAA+C,SAA/C,GAA2D,SADrD;AAAA,CAFgB,EAKhB;AAAA,MAAGE,IAAH,SAAGA,IAAH;AAAA,mBAAiBA,IAAjB;AAAA,CALgB,EAOf;AAAA,MAAGF,UAAH,SAAGA,UAAH;AAAA,SAAqBA,UAAU,GAAG,GAAH,GAAS,CAAxC;AAAA,CAPe,EAUjB;AAAA,MAAGE,IAAH,SAAGA,IAAH;AAAA,mBAAiBA,IAAjB;AAAA,CAViB,CAAvB;;;;AAmBA,IAAMC,UAAU,GAAGL,0BAAOM,CAAV,kJACV;AAAA,MAAGC,KAAH,SAAGA,KAAH;AAAA,MAAUC,KAAV,SAAUA,KAAV;AAAA,SAAuCD,KAAK,IAAIC,KAAK,CAACC,QAAtD;AAAA,CADU,EAER;AAAA,MAAGC,SAAH,SAAGA,SAAH;AAAA,SAAoBA,SAAS,GAAGC,SAAH,GAAe,aAA5C;AAAA,CAFQ,EAGN;AAAA,MAAGC,QAAH,SAAGA,QAAH;AAAA,mBAAqBA,QAArB;AAAA,CAHM,EAKjB;AAAA,MAAGA,QAAH,SAAGA,QAAH;AAAA,MAAaR,IAAb,SAAaA,IAAb;AAAA,SACEQ,QAAQ,KAAKR,IAAb,QACAS,qBADA,mJADF;AAAA,CALiB,CAAhB","sourcesContent":["import type { MouseEventHandler } from 'react';\nimport styled, { css } from 'styled-components';\nimport type { IconProps } from './Icon';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledIconWrapperProps = {\n    isDisabled?: boolean;\n    onClick?: MouseEventHandler<HTMLSpanElement>;\n    size: number;\n};\n\nexport const StyledIconWrapper = styled.span<StyledIconWrapperProps>`\n    align-items: center;\n    cursor: ${({ isDisabled, onClick }) =>\n        typeof onClick === 'function' && !isDisabled ? 'pointer' : 'inherit'};\n    display: inline-flex;\n    height: ${({ size }) => `${size}px`};\n    justify-content: center;\n    opacity: ${({ isDisabled }) => (isDisabled ? 0.5 : 1)};\n    position: relative;\n    transition: opacity 0.3s ease;\n    width: ${({ size }) => `${size}px`};\n`;\n\ntype StyledIconProps = Omit<IconProps, 'icons'> &\n    WithTheme<{\n        fontSize: number;\n        isStacked?: boolean;\n    }>;\n\nexport const StyledIcon = styled.i<StyledIconProps>`\n    color: ${({ color, theme }: StyledIconProps) => color || theme.headline};\n    display: ${({ isStacked }) => (isStacked ? undefined : 'inline-flex')};\n    font-size: ${({ fontSize }) => `${fontSize}px`};\n\n    ${({ fontSize, size }) =>\n        fontSize !== size &&\n        css`\n            top: 50%;\n            transform: translateY(-50%);\n        `}\n`;\n"],"file":"Icon.styles.js"}

package/lib/components/icon/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/icon/utils.ts"],"names":["getStackSizeFactor","icon","sizeFactorString","match","parseInt","undefined"],"mappings":";;;;;;;AAAO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,IAAD,EAAkB;AAAA;;AAChD,MAAMC,gBAAgB,kBAAGD,IAAI,CAACE,KAAL,CAAW,kBAAX,CAAH,gDAAG,YAAiC,CAAjC,CAAzB;AAEA,SAAO,OAAOD,gBAAP,KAA4B,QAA5B,GAAuCE,QAAQ,CAACF,gBAAD,EAAmB,EAAnB,CAA/C,GAAwEG,SAA/E;AACH,CAJM","sourcesContent":["export const getStackSizeFactor = (icon: string) => {\n    const sizeFactorString = icon.match(/fa-stack-([\\d])x/)?.[1];\n\n    return typeof sizeFactorString === 'string' ? parseInt(sizeFactorString, 10) : undefined;\n};\n"],"file":"utils.js"}

package/lib/components/list/List.js

@@ -1,88 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ListContext = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var ListContext = /*#__PURE__*/_react.default.createContext({
-  incrementExpandableItemCount: function incrementExpandableItemCount() {
-    return function () {};
-  },
-  isAnyItemExpandable: false,
-  openItemUuid: undefined,
-  updateOpenItemUuid: function updateOpenItemUuid() {}
-});
-
-exports.ListContext = ListContext;
-ListContext.displayName = 'ListContext';
-
-var List = function List(_ref) {
-  var children = _ref.children;
-
-  var _useState = (0, _react.useState)(undefined),
-      _useState2 = _slicedToArray(_useState, 2),
-      openItemUuid = _useState2[0],
-      setOpenItemUuid = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      expandableItemCount = _useState4[0],
-      setExpandableItemCount = _useState4[1];
-
-  var updateOpenItemUuid = (0, _react.useCallback)(function (uuid) {
-    setOpenItemUuid(function (currentOpenItemUuid) {
-      if (currentOpenItemUuid === uuid) {
-        return undefined;
-      }
-
-      return uuid;
-    });
-  }, [setOpenItemUuid]);
-  var incrementExpandableItemCount = (0, _react.useCallback)(function () {
-    setExpandableItemCount(function (count) {
-      return count + 1;
-    });
-    return function () {
-      setExpandableItemCount(function (count) {
-        return count - 1;
-      });
-    };
-  }, [setExpandableItemCount]);
-  var providerValue = (0, _react.useMemo)(function () {
-    return {
-      isAnyItemExpandable: expandableItemCount > 0,
-      updateOpenItemUuid: updateOpenItemUuid,
-      openItemUuid: openItemUuid,
-      incrementExpandableItemCount: incrementExpandableItemCount
-    };
-  }, [expandableItemCount, incrementExpandableItemCount, openItemUuid, updateOpenItemUuid]);
-  return /*#__PURE__*/_react.default.createElement(ListContext.Provider, {
-    value: providerValue
-  }, children);
-};
-
-List.displayName = 'List';
-var _default = List;
-exports.default = _default;
-//# sourceMappingURL=List.js.map

package/lib/components/list/List.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/list/List.tsx"],"names":["ListContext","React","createContext","incrementExpandableItemCount","isAnyItemExpandable","openItemUuid","undefined","updateOpenItemUuid","displayName","List","children","setOpenItemUuid","expandableItemCount","setExpandableItemCount","uuid","currentOpenItemUuid","count","providerValue"],"mappings":";;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;AASO,IAAMA,WAAW,gBAAGC,eAAMC,aAAN,CAAkC;AACzDC,EAAAA,4BAA4B,EAAE;AAAA,WAAM,YAAM,CAAE,CAAd;AAAA,GAD2B;AAEzDC,EAAAA,mBAAmB,EAAE,KAFoC;AAGzDC,EAAAA,YAAY,EAAEC,SAH2C;AAIzDC,EAAAA,kBAAkB,EAAE,8BAAM,CAAE;AAJ6B,CAAlC,CAApB;;;AAOPP,WAAW,CAACQ,WAAZ,GAA0B,aAA1B;;AASA,IAAMC,IAAmB,GAAG,SAAtBA,IAAsB,OAAkB;AAAA,MAAfC,QAAe,QAAfA,QAAe;;AAC1C,kBAAwC,qBAAuCJ,SAAvC,CAAxC;AAAA;AAAA,MAAOD,YAAP;AAAA,MAAqBM,eAArB;;AACA,mBAAsD,qBAAiB,CAAjB,CAAtD;AAAA;AAAA,MAAOC,mBAAP;AAAA,MAA4BC,sBAA5B;;AAEA,MAAMN,kBAAkB,GAAG,wBACvB,UAACO,IAAD,EAAU;AACNH,IAAAA,eAAe,CAAC,UAACI,mBAAD,EAAyB;AACrC,UAAIA,mBAAmB,KAAKD,IAA5B,EAAkC;AAC9B,eAAOR,SAAP;AACH;;AAED,aAAOQ,IAAP;AACH,KANc,CAAf;AAOH,GATsB,EAUvB,CAACH,eAAD,CAVuB,CAA3B;AAaA,MAAMR,4BAA4B,GAAG,wBAAY,YAAM;AACnDU,IAAAA,sBAAsB,CAAC,UAACG,KAAD;AAAA,aAAWA,KAAK,GAAG,CAAnB;AAAA,KAAD,CAAtB;AAEA,WAAO,YAAM;AACTH,MAAAA,sBAAsB,CAAC,UAACG,KAAD;AAAA,eAAWA,KAAK,GAAG,CAAnB;AAAA,OAAD,CAAtB;AACH,KAFD;AAGH,GANoC,EAMlC,CAACH,sBAAD,CANkC,CAArC;AAQA,MAAMI,aAAa,GAAG,oBAClB;AAAA,WAAO;AACHb,MAAAA,mBAAmB,EAAEQ,mBAAmB,GAAG,CADxC;AAEHL,MAAAA,kBAAkB,EAAlBA,kBAFG;AAGHF,MAAAA,YAAY,EAAZA,YAHG;AAIHF,MAAAA,4BAA4B,EAA5BA;AAJG,KAAP;AAAA,GADkB,EAOlB,CAACS,mBAAD,EAAsBT,4BAAtB,EAAoDE,YAApD,EAAkEE,kBAAlE,CAPkB,CAAtB;AAUA,sBAAO,6BAAC,WAAD,CAAa,QAAb;AAAsB,IAAA,KAAK,EAAEU;AAA7B,KAA6CP,QAA7C,CAAP;AACH,CApCD;;AAsCAD,IAAI,CAACD,WAAL,GAAmB,MAAnB;eAEeC,I","sourcesContent":["import React, { FC, ReactNode, useCallback, useMemo, useState } from 'react';\n\ninterface IListContext {\n    incrementExpandableItemCount: () => () => void;\n    isAnyItemExpandable: boolean;\n    openItemUuid: string | undefined;\n    updateOpenItemUuid: (uuid: string) => void;\n}\n\nexport const ListContext = React.createContext<IListContext>({\n    incrementExpandableItemCount: () => () => {},\n    isAnyItemExpandable: false,\n    openItemUuid: undefined,\n    updateOpenItemUuid: () => {},\n});\n\nListContext.displayName = 'ListContext';\n\ntype ListProps = {\n    /**\n     * The items of the list\n     */\n    children: ReactNode;\n};\n\nconst List: FC<ListProps> = ({ children }) => {\n    const [openItemUuid, setOpenItemUuid] = useState<IListContext['openItemUuid']>(undefined);\n    const [expandableItemCount, setExpandableItemCount] = useState<number>(0);\n\n    const updateOpenItemUuid = useCallback<IListContext['updateOpenItemUuid']>(\n        (uuid) => {\n            setOpenItemUuid((currentOpenItemUuid) => {\n                if (currentOpenItemUuid === uuid) {\n                    return undefined;\n                }\n\n                return uuid;\n            });\n        },\n        [setOpenItemUuid]\n    );\n\n    const incrementExpandableItemCount = useCallback(() => {\n        setExpandableItemCount((count) => count + 1);\n\n        return () => {\n            setExpandableItemCount((count) => count - 1);\n        };\n    }, [setExpandableItemCount]);\n\n    const providerValue = useMemo<IListContext>(\n        () => ({\n            isAnyItemExpandable: expandableItemCount > 0,\n            updateOpenItemUuid,\n            openItemUuid,\n            incrementExpandableItemCount,\n        }),\n        [expandableItemCount, incrementExpandableItemCount, openItemUuid, updateOpenItemUuid]\n    );\n\n    return <ListContext.Provider value={providerValue}>{children}</ListContext.Provider>;\n};\n\nList.displayName = 'List';\n\nexport default List;\n"],"file":"List.js"}