@chayns-components/core 5.0.0-beta.4 → 5.0.0-beta.400

package/lib/components/small-wait-cursor/SmallWaitCursor.d.ts

@@ -0,0 +1,31 @@
+import { CSSProperties, FC } from 'react';
+export declare enum SmallWaitCursorSize {
+    Small = 16,
+    Medium = 30
+}
+export declare enum SmallWaitCursorSpeed {
+    Slow = 1.5,
+    Medium = 1,
+    Fast = 0.5
+}
+export type SmallWaitCursorProps = {
+    color?: CSSProperties['color'];
+    /**
+     * Specifies whether the wait cursor should be displayed with a background.
+     */
+    shouldHideBackground?: boolean;
+    /**
+     * Specifies whether the wait cursor should be displayed.
+     */
+    shouldHideWaitCursor?: boolean;
+    /**
+     * The size of the wait cursor in pixels. Use the SmallWaitCursorSize enum for this prop.
+     */
+    size?: SmallWaitCursorSize;
+    /**
+     * The speed of the animation in seconds. Use the SmallWaitCursorSpeed enum for this prop.
+     */
+    speed?: SmallWaitCursorSpeed;
+};
+declare const SmallWaitCursor: FC<SmallWaitCursorProps>;
+export default SmallWaitCursor;

package/lib/components/small-wait-cursor/SmallWaitCursor.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SmallWaitCursorSpeed = exports.SmallWaitCursorSize = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _SmallWaitCursor = require("./SmallWaitCursor.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// noinspection JSUnusedGlobalSymbols
+let SmallWaitCursorSize = exports.SmallWaitCursorSize = /*#__PURE__*/function (SmallWaitCursorSize) {
+  SmallWaitCursorSize[SmallWaitCursorSize["Small"] = 16] = "Small";
+  SmallWaitCursorSize[SmallWaitCursorSize["Medium"] = 30] = "Medium";
+  return SmallWaitCursorSize;
+}({});
+let SmallWaitCursorSpeed = exports.SmallWaitCursorSpeed = /*#__PURE__*/function (SmallWaitCursorSpeed) {
+  SmallWaitCursorSpeed[SmallWaitCursorSpeed["Slow"] = 1.5] = "Slow";
+  SmallWaitCursorSpeed[SmallWaitCursorSpeed["Medium"] = 1] = "Medium";
+  SmallWaitCursorSpeed[SmallWaitCursorSpeed["Fast"] = 0.5] = "Fast";
+  return SmallWaitCursorSpeed;
+}({});
+const SmallWaitCursor = _ref => {
+  let {
+    color,
+    shouldHideBackground = false,
+    shouldHideWaitCursor = false,
+    size = SmallWaitCursorSize.Medium,
+    speed = SmallWaitCursorSpeed.Medium
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_SmallWaitCursor.StyledSmallWaitCursor, {
+    shouldShowWaitCursor: !shouldHideWaitCursor,
+    size: size
+  }, /*#__PURE__*/_react.default.createElement(_SmallWaitCursor.StyledSmallWaitCursorWaitCursor, {
+    color: color,
+    shouldHideBackground: shouldHideBackground,
+    size: size,
+    speed: speed
+  }), !shouldHideBackground && /*#__PURE__*/_react.default.createElement(_SmallWaitCursor.StyledSmallWaitCursorBackground, null));
+};
+SmallWaitCursor.displayName = 'SmallWaitCursor';
+var _default = exports.default = SmallWaitCursor;
+//# sourceMappingURL=SmallWaitCursor.js.map

package/lib/components/small-wait-cursor/SmallWaitCursor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmallWaitCursor.js","names":["_react","_interopRequireDefault","require","_SmallWaitCursor","obj","__esModule","default","SmallWaitCursorSize","exports","SmallWaitCursorSpeed","SmallWaitCursor","_ref","color","shouldHideBackground","shouldHideWaitCursor","size","Medium","speed","createElement","StyledSmallWaitCursor","shouldShowWaitCursor","StyledSmallWaitCursorWaitCursor","StyledSmallWaitCursorBackground","displayName","_default"],"sources":["../../../src/components/small-wait-cursor/SmallWaitCursor.tsx"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\n\nimport React, { CSSProperties, FC } from 'react';\nimport {\n    StyledSmallWaitCursor,\n    StyledSmallWaitCursorBackground,\n    StyledSmallWaitCursorWaitCursor,\n} from './SmallWaitCursor.styles';\n\nexport enum SmallWaitCursorSize {\n    Small = 16,\n    Medium = 30,\n}\n\nexport enum SmallWaitCursorSpeed {\n    Slow = 1.5,\n    Medium = 1,\n    Fast = 0.5,\n}\n\nexport type SmallWaitCursorProps = {\n    color?: CSSProperties['color'];\n    /**\n     * Specifies whether the wait cursor should be displayed with a background.\n     */\n    shouldHideBackground?: boolean;\n    /**\n     * Specifies whether the wait cursor should be displayed.\n     */\n    shouldHideWaitCursor?: boolean;\n    /**\n     * The size of the wait cursor in pixels. Use the SmallWaitCursorSize enum for this prop.\n     */\n    size?: SmallWaitCursorSize;\n    /**\n     * The speed of the animation in seconds. Use the SmallWaitCursorSpeed enum for this prop.\n     */\n    speed?: SmallWaitCursorSpeed;\n};\n\nconst SmallWaitCursor: FC<SmallWaitCursorProps> = ({\n    color,\n    shouldHideBackground = false,\n    shouldHideWaitCursor = false,\n    size = SmallWaitCursorSize.Medium,\n    speed = SmallWaitCursorSpeed.Medium,\n}) => (\n    <StyledSmallWaitCursor shouldShowWaitCursor={!shouldHideWaitCursor} size={size}>\n        <StyledSmallWaitCursorWaitCursor\n            color={color}\n            shouldHideBackground={shouldHideBackground}\n            size={size}\n            speed={speed}\n        />\n        {!shouldHideBackground && <StyledSmallWaitCursorBackground />}\n    </StyledSmallWaitCursor>\n);\n\nSmallWaitCursor.displayName = 'SmallWaitCursor';\n\nexport default SmallWaitCursor;\n"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAIkC,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAPlC;AAAA,IASYG,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,0BAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAA,OAAnBA,mBAAmB;AAAA;AAAA,IAKnBE,oBAAoB,GAAAD,OAAA,CAAAC,oBAAA,0BAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAAA,OAApBA,oBAAoB;AAAA;AA0BhC,MAAMC,eAAyC,GAAGC,IAAA;EAAA,IAAC;IAC/CC,KAAK;IACLC,oBAAoB,GAAG,KAAK;IAC5BC,oBAAoB,GAAG,KAAK;IAC5BC,IAAI,GAAGR,mBAAmB,CAACS,MAAM;IACjCC,KAAK,GAAGR,oBAAoB,CAACO;EACjC,CAAC,GAAAL,IAAA;EAAA,oBACGX,MAAA,CAAAM,OAAA,CAAAY,aAAA,CAACf,gBAAA,CAAAgB,qBAAqB;IAACC,oBAAoB,EAAE,CAACN,oBAAqB;IAACC,IAAI,EAAEA;EAAK,gBAC3Ef,MAAA,CAAAM,OAAA,CAAAY,aAAA,CAACf,gBAAA,CAAAkB,+BAA+B;IAC5BT,KAAK,EAAEA,KAAM;IACbC,oBAAoB,EAAEA,oBAAqB;IAC3CE,IAAI,EAAEA,IAAK;IACXE,KAAK,EAAEA;EAAM,CAChB,CAAC,EACD,CAACJ,oBAAoB,iBAAIb,MAAA,CAAAM,OAAA,CAAAY,aAAA,CAACf,gBAAA,CAAAmB,+BAA+B,MAAE,CACzC,CAAC;AAAA,CAC3B;AAEDZ,eAAe,CAACa,WAAW,GAAG,iBAAiB;AAAC,IAAAC,QAAA,GAAAhB,OAAA,CAAAF,OAAA,GAEjCI,eAAe"}

package/lib/components/small-wait-cursor/SmallWaitCursor.styles.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';
+import type { SmallWaitCursorProps, SmallWaitCursorSize, SmallWaitCursorSpeed } from './SmallWaitCursor';
+type StyledSmallWaitCursorProps = WithTheme<{
+    shouldShowWaitCursor: boolean;
+    size: SmallWaitCursorSize;
+}>;
+export declare const StyledSmallWaitCursor: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledSmallWaitCursorProps>>;
+export declare const StyledSmallWaitCursorBackground: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
+}>>;
+type StyledSmallWaitCursorWaitCursorProps = WithTheme<{
+    color: SmallWaitCursorProps['color'];
+    shouldHideBackground: SmallWaitCursorProps['shouldHideBackground'];
+    size: SmallWaitCursorSize;
+    speed: SmallWaitCursorSpeed;
+}>;
+export declare const StyledSmallWaitCursorWaitCursor: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledSmallWaitCursorWaitCursorProps>>;
+export {};

package/lib/components/small-wait-cursor/SmallWaitCursor.styles.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSmallWaitCursorWaitCursor = exports.StyledSmallWaitCursorBackground = exports.StyledSmallWaitCursor = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const StyledSmallWaitCursor = exports.StyledSmallWaitCursor = _styledComponents.default.div`
+    position: relative;
+    height: ${_ref => {
+  let {
+    size
+  } = _ref;
+  return size;
+}}px;
+    width: ${_ref2 => {
+  let {
+    size
+  } = _ref2;
+  return size;
+}}px;
+    opacity: ${_ref3 => {
+  let {
+    shouldShowWaitCursor
+  } = _ref3;
+  return shouldShowWaitCursor ? 1 : 0;
+}};
+`;
+const StyledSmallWaitCursorBackground = exports.StyledSmallWaitCursorBackground = _styledComponents.default.div`
+    background-color: ${_ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme['100'];
+}};
+    border-radius: 50%;
+    height: 100%;
+    width: 100%;
+    position: relative;
+    z-index: 1;
+`;
+const spin = (0, _styledComponents.keyframes)`
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+`;
+const StyledSmallWaitCursorWaitCursor = exports.StyledSmallWaitCursorWaitCursor = _styledComponents.default.div`
+    position: absolute;
+    top: ${_ref5 => {
+  let {
+    shouldHideBackground
+  } = _ref5;
+  return shouldHideBackground ? 0 : 5;
+}}px;
+    left: ${_ref6 => {
+  let {
+    shouldHideBackground
+  } = _ref6;
+  return shouldHideBackground ? 0 : 5;
+}}px;
+    z-index: 2;
+    border-style: solid;
+    border-width: 3px;
+    border-color: ${_ref7 => {
+  let {
+    color,
+    theme
+  } = _ref7;
+  return color ?? theme.headline;
+}};
+    height: ${_ref8 => {
+  let {
+    shouldHideBackground,
+    size
+  } = _ref8;
+  return shouldHideBackground ? '100%' : `${size - 10}px`;
+}};
+    width: ${_ref9 => {
+  let {
+    shouldHideBackground,
+    size
+  } = _ref9;
+  return shouldHideBackground ? '100%' : `${size - 10}px`;
+}};
+    border-radius: 50%;
+    display: inline-block;
+    border-top: 3px solid transparent;
+
+    animation: ${spin} ${_ref10 => {
+  let {
+    speed
+  } = _ref10;
+  return speed;
+}}s linear infinite;
+`;
+//# sourceMappingURL=SmallWaitCursor.styles.js.map

package/lib/components/small-wait-cursor/SmallWaitCursor.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmallWaitCursor.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledSmallWaitCursor","exports","styled","div","_ref","size","_ref2","_ref3","shouldShowWaitCursor","StyledSmallWaitCursorBackground","_ref4","theme","spin","keyframes","StyledSmallWaitCursorWaitCursor","_ref5","shouldHideBackground","_ref6","_ref7","color","headline","_ref8","_ref9","_ref10","speed"],"sources":["../../../src/components/small-wait-cursor/SmallWaitCursor.styles.ts"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport type {\n    SmallWaitCursorProps,\n    SmallWaitCursorSize,\n    SmallWaitCursorSpeed,\n} from './SmallWaitCursor';\n\ntype StyledSmallWaitCursorProps = WithTheme<{\n    shouldShowWaitCursor: boolean;\n    size: SmallWaitCursorSize;\n}>;\n\nexport const StyledSmallWaitCursor = styled.div<StyledSmallWaitCursorProps>`\n    position: relative;\n    height: ${({ size }) => size}px;\n    width: ${({ size }) => size}px;\n    opacity: ${({ shouldShowWaitCursor }) => (shouldShowWaitCursor ? 1 : 0)};\n`;\n\ntype StyledSmallWaitCursorBackgroundProps = WithTheme<unknown>;\n\nexport const StyledSmallWaitCursorBackground = styled.div<StyledSmallWaitCursorBackgroundProps>`\n    background-color: ${({ theme }: StyledSmallWaitCursorBackgroundProps) => theme['100']};\n    border-radius: 50%;\n    height: 100%;\n    width: 100%;\n    position: relative;\n    z-index: 1;\n`;\n\ntype StyledSmallWaitCursorWaitCursorProps = WithTheme<{\n    color: SmallWaitCursorProps['color'];\n    shouldHideBackground: SmallWaitCursorProps['shouldHideBackground'];\n    size: SmallWaitCursorSize;\n    speed: SmallWaitCursorSpeed;\n}>;\n\nconst spin = keyframes`\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n`;\n\nexport const StyledSmallWaitCursorWaitCursor = styled.div<StyledSmallWaitCursorWaitCursorProps>`\n    position: absolute;\n    top: ${({ shouldHideBackground }) => (shouldHideBackground ? 0 : 5)}px;\n    left: ${({ shouldHideBackground }) => (shouldHideBackground ? 0 : 5)}px;\n    z-index: 2;\n    border-style: solid;\n    border-width: 3px;\n    border-color: ${({ color, theme }: StyledSmallWaitCursorWaitCursorProps) =>\n        color ?? theme.headline};\n    height: ${({ shouldHideBackground, size }) =>\n        shouldHideBackground ? '100%' : `${size - 10}px`};\n    width: ${({ shouldHideBackground, size }) =>\n        shouldHideBackground ? '100%' : `${size - 10}px`};\n    border-radius: 50%;\n    display: inline-block;\n    border-top: 3px solid transparent;\n\n    animation: ${spin} ${({ speed }) => speed}s linear infinite;\n`;\n"],"mappings":"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"}

package/lib/components/text-area/TextArea.d.ts

@@ -0,0 +1,29 @@
+import { ChangeEventHandler, CSSProperties, FC, FocusEventHandler, ReactElement } from 'react';
+export type TextAreaProps = {
+    /**
+     * The maximum height of the text area.
+     */
+    maxHeight?: CSSProperties['maxHeight'];
+    /**
+     * The minimum height of the text area.
+     */
+    minHeight?: CSSProperties['minHeight'];
+    /**
+     * Function that is executed when the text area loses focus.
+     */
+    onBlur?: FocusEventHandler<HTMLTextAreaElement>;
+    /**
+     * Function that is executed when the text of the text area changes.
+     */
+    onChange?: ChangeEventHandler<HTMLTextAreaElement>;
+    /**
+     * Placeholder for the text area field.
+     */
+    placeholder?: string | ReactElement;
+    /**
+     * Value if the text area should be controlled.
+     */
+    value?: string;
+};
+declare const TextArea: FC<TextAreaProps>;
+export default TextArea;

package/lib/components/text-area/TextArea.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _TextArea = require("./TextArea.styles");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const TextArea = _ref => {
+  let {
+    placeholder,
+    value,
+    onChange,
+    onBlur,
+    maxHeight = '120px',
+    minHeight = '41px'
+  } = _ref;
+  const [displayedValue, setDisplayedValue] = (0, _react.useState)('');
+  const [isOverflowing, setIsOverflowing] = (0, _react.useState)(false);
+  const textareaRef = (0, _react.useRef)(null);
+  const adjustTextareaHeight = (0, _react.useCallback)(() => {
+    if (textareaRef.current) {
+      textareaRef.current.style.height = 'auto';
+      textareaRef.current.style.height = `${textareaRef.current.scrollHeight}px`;
+      setIsOverflowing(textareaRef.current.scrollHeight > parseInt(maxHeight.toString(), 10));
+    }
+  }, [maxHeight]);
+
+  /**
+   * This hook calculates the height of the TextArea after the displayValue is changed and the content is inside the "textareaRef".
+   * To maintain the functionality while clearing the input, the length need to be greater than -1.
+   */
+  (0, _react.useEffect)(() => {
+    if (displayedValue.length > -1) {
+      adjustTextareaHeight();
+    }
+  }, [adjustTextareaHeight, displayedValue]);
+
+  /**
+   * This function sets the external value
+   */
+  (0, _react.useEffect)(() => {
+    if (typeof value === 'string') {
+      setDisplayedValue(value);
+    }
+  }, [value]);
+
+  /**
+   * This function updates the value
+   */
+  const handleChange = (0, _react.useCallback)(event => {
+    setDisplayedValue(event.target.value);
+    if (onChange) {
+      onChange(event);
+    }
+  }, [onChange]);
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_TextArea.StyledTextArea, null, /*#__PURE__*/_react.default.createElement(_TextArea.StyledTextAreaInput, {
+    ref: textareaRef,
+    value: displayedValue,
+    onBlur: onBlur,
+    onChange: handleChange,
+    maxHeight: maxHeight,
+    minHeight: minHeight,
+    isOverflowing: isOverflowing,
+    rows: 1
+  }), !displayedValue && /*#__PURE__*/_react.default.createElement(_TextArea.StyledTextAreaLabel, null, placeholder)), [displayedValue, handleChange, isOverflowing, maxHeight, onBlur, placeholder]);
+};
+TextArea.displayName = 'TextArea';
+var _default = exports.default = TextArea;
+//# sourceMappingURL=TextArea.js.map

package/lib/components/text-area/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","names":["_react","_interopRequireWildcard","require","_TextArea","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","TextArea","_ref","placeholder","value","onChange","onBlur","maxHeight","minHeight","displayedValue","setDisplayedValue","useState","isOverflowing","setIsOverflowing","textareaRef","useRef","adjustTextareaHeight","useCallback","current","style","height","scrollHeight","parseInt","toString","useEffect","length","handleChange","event","target","useMemo","createElement","StyledTextArea","StyledTextAreaInput","ref","rows","StyledTextAreaLabel","displayName","_default","exports"],"sources":["../../../src/components/text-area/TextArea.tsx"],"sourcesContent":["import React, {\n    ChangeEvent,\n    ChangeEventHandler,\n    CSSProperties,\n    FC,\n    FocusEventHandler,\n    ReactElement,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { StyledTextArea, StyledTextAreaInput, StyledTextAreaLabel } from './TextArea.styles';\n\nexport type TextAreaProps = {\n    /**\n     * The maximum height of the text area.\n     */\n    maxHeight?: CSSProperties['maxHeight'];\n    /**\n     * The minimum height of the text area.\n     */\n    minHeight?: CSSProperties['minHeight'];\n    /**\n     * Function that is executed when the text area loses focus.\n     */\n    onBlur?: FocusEventHandler<HTMLTextAreaElement>;\n    /**\n     * Function that is executed when the text of the text area changes.\n     */\n    onChange?: ChangeEventHandler<HTMLTextAreaElement>;\n    /**\n     * Placeholder for the text area field.\n     */\n    placeholder?: string | ReactElement;\n    /**\n     * Value if the text area should be controlled.\n     */\n    value?: string;\n};\n\nconst TextArea: FC<TextAreaProps> = ({\n    placeholder,\n    value,\n    onChange,\n    onBlur,\n    maxHeight = '120px',\n    minHeight = '41px',\n}) => {\n    const [displayedValue, setDisplayedValue] = useState('');\n    const [isOverflowing, setIsOverflowing] = useState(false);\n\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n    const adjustTextareaHeight = useCallback(() => {\n        if (textareaRef.current) {\n            textareaRef.current.style.height = 'auto';\n            textareaRef.current.style.height = `${textareaRef.current.scrollHeight}px`;\n\n            setIsOverflowing(textareaRef.current.scrollHeight > parseInt(maxHeight.toString(), 10));\n        }\n    }, [maxHeight]);\n\n    /**\n     * This hook calculates the height of the TextArea after the displayValue is changed and the content is inside the \"textareaRef\".\n     * To maintain the functionality while clearing the input, the length need to be greater than -1.\n     */\n    useEffect(() => {\n        if (displayedValue.length > -1) {\n            adjustTextareaHeight();\n        }\n    }, [adjustTextareaHeight, displayedValue]);\n\n    /**\n     * This function sets the external value\n     */\n    useEffect(() => {\n        if (typeof value === 'string') {\n            setDisplayedValue(value);\n        }\n    }, [value]);\n\n    /**\n     * This function updates the value\n     */\n    const handleChange = useCallback(\n        (event: ChangeEvent<HTMLTextAreaElement>) => {\n            setDisplayedValue(event.target.value);\n\n            if (onChange) {\n                onChange(event);\n            }\n        },\n        [onChange],\n    );\n\n    return useMemo(\n        () => (\n            <StyledTextArea>\n                <StyledTextAreaInput\n                    ref={textareaRef}\n                    value={displayedValue}\n                    onBlur={onBlur}\n                    onChange={handleChange}\n                    maxHeight={maxHeight}\n                    minHeight={minHeight}\n                    isOverflowing={isOverflowing}\n                    rows={1}\n                />\n                {!displayedValue && <StyledTextAreaLabel>{placeholder}</StyledTextAreaLabel>}\n            </StyledTextArea>\n        ),\n        [displayedValue, handleChange, isOverflowing, maxHeight, onBlur, placeholder],\n    );\n};\n\nTextArea.displayName = 'TextArea';\n\nexport default TextArea;\n"],"mappings":"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"}

package/lib/components/text-area/TextArea.styles.d.ts

@@ -0,0 +1,13 @@
+import type { CSSProperties } from 'react';
+import type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';
+export declare const StyledTextArea: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+type StyledTextAreaInputProps = WithTheme<{
+    maxHeight: CSSProperties['maxHeight'];
+    minHeight: CSSProperties['minHeight'];
+    isOverflowing: boolean;
+}>;
+export declare const StyledTextAreaInput: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, StyledTextAreaInputProps>>;
+export declare const StyledTextAreaLabel: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
+    theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
+}>>;
+export {};

package/lib/components/text-area/TextArea.styles.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledTextAreaLabel = exports.StyledTextAreaInput = exports.StyledTextArea = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledTextArea = exports.StyledTextArea = _styledComponents.default.div`
+    display: flex;
+    flex: 1 1 auto;
+    min-width: 0;
+    position: relative;
+`;
+const StyledTextAreaInput = exports.StyledTextAreaInput = _styledComponents.default.textarea`
+    border-radius: 3px;
+    border: 1px solid rgba(160, 160, 160, 0.3);
+    background-color: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme['100'];
+}};
+    color: ${_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.text;
+}};
+    resize: none;
+    overflow-y: ${_ref3 => {
+  let {
+    isOverflowing
+  } = _ref3;
+  return isOverflowing ? 'scroll' : 'hidden';
+}};
+    max-height: ${_ref4 => {
+  let {
+    maxHeight
+  } = _ref4;
+  return maxHeight;
+}};
+    min-height: ${_ref5 => {
+  let {
+    minHeight
+  } = _ref5;
+  return minHeight;
+}};
+    width: 100%;
+    padding: 8px 10px;
+
+    &::-webkit-scrollbar {
+        width: 5px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+        background: rgba(160, 160, 160, 1);
+        border-radius: 3px;
+    }
+`;
+const StyledTextAreaLabel = exports.StyledTextAreaLabel = _styledComponents.default.label`
+    color: rgba(${_ref6 => {
+  let {
+    theme
+  } = _ref6;
+  return theme['text-rgb'];
+}}, 0.45);
+    left: 10px;
+    top: 12px;
+    align-items: baseline;
+    display: flex;
+    flex: 0 0 auto;
+    gap: 4px;
+    line-height: 1.3;
+    pointer-events: none;
+    position: absolute;
+    user-select: none;
+`;
+//# sourceMappingURL=TextArea.styles.js.map

package/lib/components/text-area/TextArea.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledTextArea","exports","styled","div","StyledTextAreaInput","textarea","_ref","theme","_ref2","text","_ref3","isOverflowing","_ref4","maxHeight","_ref5","minHeight","StyledTextAreaLabel","label","_ref6"],"sources":["../../../src/components/text-area/TextArea.styles.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport styled from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledTextArea = styled.div`\n    display: flex;\n    flex: 1 1 auto;\n    min-width: 0;\n    position: relative;\n`;\n\ntype StyledTextAreaInputProps = WithTheme<{\n    maxHeight: CSSProperties['maxHeight'];\n    minHeight: CSSProperties['minHeight'];\n    isOverflowing: boolean;\n}>;\n\nexport const StyledTextAreaInput = styled.textarea<StyledTextAreaInputProps>`\n    border-radius: 3px;\n    border: 1px solid rgba(160, 160, 160, 0.3);\n    background-color: ${({ theme }: StyledTextAreaInputProps) => theme['100']};\n    color: ${({ theme }: StyledTextAreaInputProps) => theme.text};\n    resize: none;\n    overflow-y: ${({ isOverflowing }) => (isOverflowing ? 'scroll' : 'hidden')};\n    max-height: ${({ maxHeight }: StyledTextAreaInputProps) => maxHeight};\n    min-height: ${({ minHeight }: StyledTextAreaInputProps) => minHeight};\n    width: 100%;\n    padding: 8px 10px;\n\n    &::-webkit-scrollbar {\n        width: 5px;\n    }\n\n    &::-webkit-scrollbar-thumb {\n        background: rgba(160, 160, 160, 1);\n        border-radius: 3px;\n    }\n`;\n\ntype StyledTextAreaLabelProps = WithTheme<unknown>;\n\nexport const StyledTextAreaLabel = styled.label<StyledTextAreaLabelProps>`\n    color: rgba(${({ theme }: StyledTextAreaLabelProps) => theme['text-rgb']}, 0.45);\n    left: 10px;\n    top: 12px;\n    align-items: baseline;\n    display: flex;\n    flex: 0 0 auto;\n    gap: 4px;\n    line-height: 1.3;\n    pointer-events: none;\n    position: absolute;\n    user-select: none;\n`;\n"],"mappings":";;;;;;AACA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAGhC,MAAMG,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAGE,yBAAM,CAACC,GAAI;AACzC;AACA;AACA;AACA;AACA,CAAC;AAQM,MAAMC,mBAAmB,GAAAH,OAAA,CAAAG,mBAAA,GAAGF,yBAAM,CAACG,QAAmC;AAC7E;AACA;AACA,wBAAwBC,IAAA;EAAA,IAAC;IAAEC;EAAgC,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAAC,KAAK,CAAC;AAAA,CAAC;AAC9E,aAAaC,KAAA;EAAA,IAAC;IAAED;EAAgC,CAAC,GAAAC,KAAA;EAAA,OAAKD,KAAK,CAACE,IAAI;AAAA,CAAC;AACjE;AACA,kBAAkBC,KAAA;EAAA,IAAC;IAAEC;EAAc,CAAC,GAAAD,KAAA;EAAA,OAAMC,aAAa,GAAG,QAAQ,GAAG,QAAQ;AAAA,CAAE;AAC/E,kBAAkBC,KAAA;EAAA,IAAC;IAAEC;EAAoC,CAAC,GAAAD,KAAA;EAAA,OAAKC,SAAS;AAAA,CAAC;AACzE,kBAAkBC,KAAA;EAAA,IAAC;IAAEC;EAAoC,CAAC,GAAAD,KAAA;EAAA,OAAKC,SAAS;AAAA,CAAC;AACzE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAIM,MAAMC,mBAAmB,GAAAf,OAAA,CAAAe,mBAAA,GAAGd,yBAAM,CAACe,KAAgC;AAC1E,kBAAkBC,KAAA;EAAA,IAAC;IAAEX;EAAgC,CAAC,GAAAW,KAAA;EAAA,OAAKX,KAAK,CAAC,UAAU,CAAC;AAAA,CAAC;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC"}

package/lib/components/tooltip/Tooltip.d.ts

@@ -0,0 +1,18 @@
+import { FC, ReactNode } from 'react';
+import type { ITooltipItem } from './interface';
+export type TooltipProps = {
+    /**
+     * The elements that the tooltip should surround.
+     */
+    children: ReactNode;
+    /**
+     * The content that should be displayed.
+     */
+    item: ITooltipItem;
+    /**
+     * whether the tooltip should be shown.
+     */
+    isDisabled?: boolean;
+};
+declare const Tooltip: FC<TooltipProps>;
+export default Tooltip;

package/lib/components/tooltip/Tooltip.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Popup = _interopRequireDefault(require("../popup/Popup"));
+var _TooltipItem = _interopRequireDefault(require("./tooltip-item/TooltipItem"));
+var _Tooltip = require("./Tooltip.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Tooltip = _ref => {
+  let {
+    item,
+    children,
+    isDisabled
+  } = _ref;
+  const tooltipRef = (0, _react.useRef)(null);
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_Tooltip.StyledTooltip, null, isDisabled ? children : /*#__PURE__*/_react.default.createElement(_Popup.default, {
+    shouldShowOnHover: true,
+    content: /*#__PURE__*/_react.default.createElement(_TooltipItem.default, {
+      text: item.text,
+      headline: item.headline
+    }),
+    ref: tooltipRef
+  }, children)), [isDisabled, children, item]);
+};
+Tooltip.displayName = 'Tooltip';
+var _default = exports.default = Tooltip;
+//# sourceMappingURL=Tooltip.js.map

package/lib/components/tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","names":["_react","_interopRequireWildcard","require","_Popup","_interopRequireDefault","_TooltipItem","_Tooltip","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Tooltip","_ref","item","children","isDisabled","tooltipRef","useRef","useMemo","createElement","StyledTooltip","shouldShowOnHover","content","text","headline","ref","displayName","_default","exports"],"sources":["../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["import React, { FC, ReactNode, useMemo, useRef } from 'react';\nimport Popup from '../popup/Popup';\nimport type { PopupRef } from '../popup/types';\nimport type { ITooltipItem } from './interface';\nimport TooltipItem from './tooltip-item/TooltipItem';\nimport { StyledTooltip } from './Tooltip.styles';\n\nexport type TooltipProps = {\n    /**\n     * The elements that the tooltip should surround.\n     */\n    children: ReactNode;\n    /**\n     * The content that should be displayed.\n     */\n    item: ITooltipItem;\n    /**\n     * whether the tooltip should be shown.\n     */\n    isDisabled?: boolean;\n};\n\nconst Tooltip: FC<TooltipProps> = ({ item, children, isDisabled }) => {\n    const tooltipRef = useRef<PopupRef>(null);\n\n    return useMemo(\n        () => (\n            <StyledTooltip>\n                {isDisabled ? (\n                    children\n                ) : (\n                    <Popup\n                        shouldShowOnHover\n                        content={<TooltipItem text={item.text} headline={item.headline} />}\n                        ref={tooltipRef}\n                    >\n                        {children}\n                    </Popup>\n                )}\n            </StyledTooltip>\n        ),\n        [isDisabled, children, item]\n    );\n};\n\nTooltip.displayName = 'Tooltip';\n\nexport default Tooltip;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,YAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAAiD,SAAAE,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAV,wBAAAU,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAH,UAAA,SAAAG,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAF,OAAA,EAAAE,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAJ,CAAA,UAAAG,CAAA,CAAAE,GAAA,CAAAL,CAAA,OAAAM,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAZ,CAAA,oBAAAY,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAY,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,CAAA,EAAAY,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAZ,CAAA,CAAAY,CAAA,YAAAN,CAAA,CAAAR,OAAA,GAAAE,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAc,GAAA,CAAAjB,CAAA,EAAAM,CAAA,GAAAA,CAAA;AAiBjD,MAAMY,OAAyB,GAAGC,IAAA,IAAoC;EAAA,IAAnC;IAAEC,IAAI;IAAEC,QAAQ;IAAEC;EAAW,CAAC,GAAAH,IAAA;EAC7D,MAAMI,UAAU,GAAG,IAAAC,aAAM,EAAW,IAAI,CAAC;EAEzC,OAAO,IAAAC,cAAO,EACV,mBACIpC,MAAA,CAAAS,OAAA,CAAA4B,aAAA,CAAC/B,QAAA,CAAAgC,aAAa,QACTL,UAAU,GACPD,QAAQ,gBAERhC,MAAA,CAAAS,OAAA,CAAA4B,aAAA,CAAClC,MAAA,CAAAM,OAAK;IACF8B,iBAAiB;IACjBC,OAAO,eAAExC,MAAA,CAAAS,OAAA,CAAA4B,aAAA,CAAChC,YAAA,CAAAI,OAAW;MAACgC,IAAI,EAAEV,IAAI,CAACU,IAAK;MAACC,QAAQ,EAAEX,IAAI,CAACW;IAAS,CAAE,CAAE;IACnEC,GAAG,EAAET;EAAW,GAEfF,QACE,CAEA,CAClB,EACD,CAACC,UAAU,EAAED,QAAQ,EAAED,IAAI,CAC/B,CAAC;AACL,CAAC;AAEDF,OAAO,CAACe,WAAW,GAAG,SAAS;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAArC,OAAA,GAEjBoB,OAAO"}

package/lib/components/tooltip/Tooltip.styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledTooltip: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/lib/components/tooltip/Tooltip.styles.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledTooltip = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledTooltip = exports.StyledTooltip = _styledComponents.default.div``;
+//# sourceMappingURL=Tooltip.styles.js.map

package/lib/components/tooltip/Tooltip.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledTooltip","exports","styled","div"],"sources":["../../../src/components/tooltip/Tooltip.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledTooltip = styled.div``;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEhC,MAAMG,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAGE,yBAAM,CAACC,GAAI,EAAC"}

package/lib/components/tooltip/interface.d.ts

@@ -0,0 +1,4 @@
+export interface ITooltipItem {
+    headline?: string;
+    text: string;
+}

package/lib/components/tooltip/interface.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=interface.js.map

package/lib/components/tooltip/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","names":[],"sources":["../../../src/components/tooltip/interface.ts"],"sourcesContent":["export interface ITooltipItem {\n    headline?: string;\n    text: string;\n}\n"],"mappings":""}

package/lib/components/tooltip/tooltip-item/TooltipItem.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+export type TooltipProps = {
+    headline?: string;
+    text: string;
+};
+declare const TooltipItem: FC<TooltipProps>;
+export default TooltipItem;

package/lib/components/tooltip/tooltip-item/TooltipItem.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _TooltipItem = require("./TooltipItem.styles");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const TooltipItem = _ref => {
+  let {
+    headline,
+    text
+  } = _ref;
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_TooltipItem.StyledTooltipItem, null, /*#__PURE__*/_react.default.createElement(_TooltipItem.StyledTooltipItemHeadline, null, headline), /*#__PURE__*/_react.default.createElement(_TooltipItem.StyledTooltipItemText, null, text)), [headline, text]);
+};
+TooltipItem.displayName = 'TooltipItem';
+var _default = exports.default = TooltipItem;
+//# sourceMappingURL=TooltipItem.js.map

package/lib/components/tooltip/tooltip-item/TooltipItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipItem.js","names":["_react","_interopRequireWildcard","require","_TooltipItem","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","TooltipItem","_ref","headline","text","useMemo","createElement","StyledTooltipItem","StyledTooltipItemHeadline","StyledTooltipItemText","displayName","_default","exports"],"sources":["../../../../src/components/tooltip/tooltip-item/TooltipItem.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport {\n    StyledTooltipItem,\n    StyledTooltipItemHeadline,\n    StyledTooltipItemText,\n} from './TooltipItem.styles';\n\nexport type TooltipProps = {\n    headline?: string;\n    text: string;\n};\n\nconst TooltipItem: FC<TooltipProps> = ({ headline, text }) =>\n    useMemo(\n        () => (\n            <StyledTooltipItem>\n                <StyledTooltipItemHeadline>{headline}</StyledTooltipItemHeadline>\n                <StyledTooltipItemText>{text}</StyledTooltipItemText>\n            </StyledTooltipItem>\n        ),\n        [headline, text]\n    );\n\nTooltipItem.displayName = 'TooltipItem';\n\nexport default TooltipItem;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAI8B,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAO9B,MAAMY,WAA6B,GAAGC,IAAA;EAAA,IAAC;IAAEC,QAAQ;IAAEC;EAAK,CAAC,GAAAF,IAAA;EAAA,OACrD,IAAAG,cAAO,EACH,mBACI7B,MAAA,CAAAU,OAAA,CAAAoB,aAAA,CAAC3B,YAAA,CAAA4B,iBAAiB,qBACd/B,MAAA,CAAAU,OAAA,CAAAoB,aAAA,CAAC3B,YAAA,CAAA6B,yBAAyB,QAAEL,QAAoC,CAAC,eACjE3B,MAAA,CAAAU,OAAA,CAAAoB,aAAA,CAAC3B,YAAA,CAAA8B,qBAAqB,QAAEL,IAA4B,CACrC,CACtB,EACD,CAACD,QAAQ,EAAEC,IAAI,CACnB,CAAC;AAAA;AAELH,WAAW,CAACS,WAAW,GAAG,aAAa;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA1B,OAAA,GAEzBe,WAAW"}

package/lib/components/tooltip/tooltip-item/TooltipItem.styles.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const StyledTooltipItem: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledTooltipItemHeadline: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {
+    theme: import("../../color-scheme-provider/ColorSchemeProvider").Theme;
+}>>;
+export declare const StyledTooltipItemText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {
+    theme: import("../../color-scheme-provider/ColorSchemeProvider").Theme;
+}>>;

package/lib/components/tooltip/tooltip-item/TooltipItem.styles.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledTooltipItemText = exports.StyledTooltipItemHeadline = exports.StyledTooltipItem = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledTooltipItem = exports.StyledTooltipItem = _styledComponents.default.div`
+    padding: 5px;
+`;
+const StyledTooltipItemHeadline = exports.StyledTooltipItemHeadline = _styledComponents.default.h5`
+    color: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.headline;
+}};
+    margin: 0;
+`;
+const StyledTooltipItemText = exports.StyledTooltipItemText = _styledComponents.default.p`
+    color: ${_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.text;
+}};
+`;
+//# sourceMappingURL=TooltipItem.styles.js.map

package/lib/components/tooltip/tooltip-item/TooltipItem.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipItem.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledTooltipItem","exports","styled","div","StyledTooltipItemHeadline","h5","_ref","theme","headline","StyledTooltipItemText","p","_ref2","text"],"sources":["../../../../src/components/tooltip/tooltip-item/TooltipItem.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledTooltipItem = styled.div`\n    padding: 5px;\n`;\n\ntype StyledTooltipItemHeadlineProps = WithTheme<unknown>;\n\nexport const StyledTooltipItemHeadline = styled.h5<StyledTooltipItemHeadlineProps>`\n    color: ${({ theme }: StyledTooltipItemHeadlineProps) => theme.headline};\n    margin: 0;\n`;\n\ntype StyledTooltipItemTextProps = WithTheme<unknown>;\n\nexport const StyledTooltipItemText = styled.p<StyledTooltipItemTextProps>`\n    color: ${({ theme }: StyledTooltipItemTextProps) => theme.text};\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAGhC,MAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGE,yBAAM,CAACC,GAAI;AAC5C;AACA,CAAC;AAIM,MAAMC,yBAAyB,GAAAH,OAAA,CAAAG,yBAAA,GAAGF,yBAAM,CAACG,EAAmC;AACnF,aAAaC,IAAA;EAAA,IAAC;IAAEC;EAAsC,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAACC,QAAQ;AAAA,CAAC;AAC3E;AACA,CAAC;AAIM,MAAMC,qBAAqB,GAAAR,OAAA,CAAAQ,qBAAA,GAAGP,yBAAM,CAACQ,CAA8B;AAC1E,aAAaC,KAAA;EAAA,IAAC;IAAEJ;EAAkC,CAAC,GAAAI,KAAA;EAAA,OAAKJ,KAAK,CAACK,IAAI;AAAA,CAAC;AACnE,CAAC"}