@chayns-components/core 5.0.0-beta.37 → 5.0.0-beta.38

package/lib/components/list/list-item/list-item-head/ListItemHead.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemHead.js","names":["ListItemHead","hoverItem","icons","images","isAnyItemExpandable","isExpandable","isOpen","onClick","onLongPress","rightElements","subtitle","shouldShowRoundImage","title","leftElements","shouldShowHoverItem","setShouldShowHoverItem","useState","longPressTimeoutRef","useRef","handleMouseEnter","useCallback","handleMouseLeave","handleTouchStart","event","current","window","setTimeout","handleTouchEnd","clearTimeout","iconOrImageElement","useMemo","undefined","rotate","type","length","marginLeft","opacity","width","duration","displayName"],"sources":["../../../../../src/components/list/list-item/list-item-head/ListItemHead.tsx"],"sourcesContent":["import React, {\n    FC,\n    MouseEventHandler,\n    ReactNode,\n    TouchEventHandler,\n    useCallback,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport Icon from '../../../icon/Icon';\nimport ListItemIcon from './list-item-icon/ListItemIcon';\nimport ListItemImage from './list-item-image/ListItemImage';\nimport {\n    StyledListItemHead,\n    StyledListItemHeadBottomRightElement,\n    StyledListItemHeadContent,\n    StyledListItemHeadRightElement,\n    StyledListItemHeadSubtitle,\n    StyledListItemHeadSubtitleText,\n    StyledListItemHeadTitle,\n    StyledListItemHeadTitleText,\n    StyledListItemHeadTopRightElement,\n    StyledMotionListItemHeadHoverItem,\n    StyledMotionListItemHeadIndicator,\n} from './ListItemHead.styles';\n\ntype ListItemHeadProps = {\n    hoverItem?: ReactNode;\n    icons?: string[];\n    images?: string[];\n    isAnyItemExpandable: boolean;\n    isExpandable: boolean;\n    isOpen: boolean;\n    onClick?: MouseEventHandler<HTMLDivElement>;\n    onLongPress?: TouchEventHandler<HTMLDivElement>;\n    rightElements?: [ReactNode, ...ReactNode[]];\n    subtitle?: ReactNode;\n    leftElements?: ReactNode;\n    shouldShowRoundImage?: boolean;\n    title: ReactNode;\n};\n\nconst ListItemHead: FC<ListItemHeadProps> = ({\n    hoverItem,\n    icons,\n    images,\n    isAnyItemExpandable,\n    isExpandable,\n    isOpen,\n    onClick,\n    onLongPress,\n    rightElements,\n    subtitle,\n    shouldShowRoundImage,\n    title,\n    leftElements,\n}) => {\n    const [shouldShowHoverItem, setShouldShowHoverItem] = useState(false);\n\n    const longPressTimeoutRef = useRef<number>();\n\n    const handleMouseEnter = useCallback(() => setShouldShowHoverItem(true), []);\n\n    const handleMouseLeave = useCallback(() => setShouldShowHoverItem(false), []);\n\n    const handleTouchStart = useCallback<TouchEventHandler<HTMLDivElement>>(\n        (event) => {\n            longPressTimeoutRef.current = window.setTimeout(() => {\n                if (typeof onLongPress === 'function') {\n                    onLongPress(event);\n                }\n            }, 400);\n        },\n        [onLongPress]\n    );\n\n    const handleTouchEnd = useCallback(() => {\n        clearTimeout(longPressTimeoutRef.current);\n    }, []);\n\n    const iconOrImageElement = useMemo(() => {\n        if (icons) {\n            return <ListItemIcon icons={icons} />;\n        }\n\n        if (images) {\n            return <ListItemImage images={images} shouldShowRoundImage={!!shouldShowRoundImage} />;\n        }\n\n        return undefined;\n    }, [icons, images, shouldShowRoundImage]);\n\n    return (\n        <StyledListItemHead\n            className=\"beta-chayns-list-item-head\"\n            isClickable={typeof onClick === 'function' || isExpandable}\n            onClick={onClick}\n            onMouseEnter={handleMouseEnter}\n            onMouseLeave={handleMouseLeave}\n            onTouchStart={typeof onLongPress === 'function' ? handleTouchStart : undefined}\n            onTouchEnd={typeof onLongPress === 'function' ? handleTouchEnd : undefined}\n        >\n            {isAnyItemExpandable && (\n                <StyledMotionListItemHeadIndicator\n                    animate={{ rotate: isOpen ? 90 : 0 }}\n                    initial={false}\n                    transition={{ type: 'tween' }}\n                >\n                    {isExpandable && <Icon icons={['fa fa-chevron-right']} />}\n                </StyledMotionListItemHeadIndicator>\n            )}\n            {leftElements}\n            {iconOrImageElement}\n            <StyledListItemHeadContent\n                isIconOrImageGiven={iconOrImageElement !== undefined}\n                isOpen={isOpen}\n            >\n                <StyledListItemHeadTitle>\n                    <StyledListItemHeadTitleText className=\"ellipsis\">\n                        {title}\n                    </StyledListItemHeadTitleText>\n                    {rightElements && rightElements.length > 1 && rightElements[0] && (\n                        <StyledListItemHeadTopRightElement>\n                            {rightElements[0]}\n                        </StyledListItemHeadTopRightElement>\n                    )}\n                </StyledListItemHeadTitle>\n                {subtitle && (\n                    <StyledListItemHeadSubtitle>\n                        <StyledListItemHeadSubtitleText className=\"ellipsis\">\n                            {subtitle}\n                        </StyledListItemHeadSubtitleText>\n                        {rightElements && rightElements.length > 1 && rightElements[1] && (\n                            <StyledListItemHeadBottomRightElement>\n                                {rightElements[1]}\n                            </StyledListItemHeadBottomRightElement>\n                        )}\n                    </StyledListItemHeadSubtitle>\n                )}\n            </StyledListItemHeadContent>\n            {rightElements?.length === 1 && (\n                <StyledListItemHeadRightElement>{rightElements[0]}</StyledListItemHeadRightElement>\n            )}\n            {hoverItem && (\n                <StyledMotionListItemHeadHoverItem\n                    animate={{\n                        marginLeft: shouldShowHoverItem ? 8 : 0,\n                        opacity: shouldShowHoverItem ? 1 : 0,\n                        width: shouldShowHoverItem ? 'auto' : 0,\n                    }}\n                    initial={false}\n                    transition={{ duration: 0.15, type: 'tween' }}\n                >\n                    {hoverItem}\n                </StyledMotionListItemHeadHoverItem>\n            )}\n        </StyledListItemHead>\n    );\n};\n\nListItemHead.displayName = 'ListItemHead';\n\nexport default ListItemHead;\n"],"mappings":"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"}
+{"version":3,"file":"ListItemHead.js","names":["ListItemHead","hoverItem","icons","images","isAnyItemExpandable","isExpandable","isOpen","onClick","onLongPress","rightElements","subtitle","shouldShowRoundImage","title","leftElements","shouldShowHoverItem","setShouldShowHoverItem","useState","longPressTimeoutRef","useRef","handleMouseEnter","useCallback","handleMouseLeave","handleTouchStart","event","current","window","setTimeout","handleTouchEnd","clearTimeout","iconOrImageElement","useMemo","undefined","rotate","type","length","marginLeft","opacity","width","duration","displayName"],"sources":["../../../../../src/components/list/list-item/list-item-head/ListItemHead.tsx"],"sourcesContent":["import React, {\n    FC,\n    MouseEventHandler,\n    ReactNode,\n    TouchEventHandler,\n    useCallback,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport Icon from '../../../icon/Icon';\nimport ListItemIcon from './list-item-icon/ListItemIcon';\nimport ListItemImage from './list-item-image/ListItemImage';\nimport {\n    StyledListItemHead,\n    StyledListItemHeadBottomRightElement,\n    StyledListItemHeadContent,\n    StyledListItemHeadRightElement,\n    StyledListItemHeadSubtitle,\n    StyledListItemHeadSubtitleText,\n    StyledListItemHeadTitle,\n    StyledListItemHeadTitleText,\n    StyledListItemHeadTopRightElement,\n    StyledMotionListItemHeadHoverItem,\n    StyledMotionListItemHeadIndicator,\n} from './ListItemHead.styles';\n\ntype ListItemHeadProps = {\n    hoverItem?: ReactNode;\n    icons?: string[];\n    images?: string[];\n    isAnyItemExpandable: boolean;\n    isExpandable: boolean;\n    isOpen: boolean;\n    onClick?: MouseEventHandler<HTMLDivElement>;\n    onLongPress?: TouchEventHandler<HTMLDivElement>;\n    rightElements?: [ReactNode, ...ReactNode[]];\n    subtitle?: ReactNode;\n    leftElements?: ReactNode;\n    shouldShowRoundImage?: boolean;\n    title: ReactNode;\n};\n\nconst ListItemHead: FC<ListItemHeadProps> = ({\n    hoverItem,\n    icons,\n    images,\n    isAnyItemExpandable,\n    isExpandable,\n    isOpen,\n    onClick,\n    onLongPress,\n    rightElements,\n    subtitle,\n    shouldShowRoundImage,\n    title,\n    leftElements,\n}) => {\n    const [shouldShowHoverItem, setShouldShowHoverItem] = useState(false);\n\n    const longPressTimeoutRef = useRef<number>();\n\n    const handleMouseEnter = useCallback(() => setShouldShowHoverItem(true), []);\n\n    const handleMouseLeave = useCallback(() => setShouldShowHoverItem(false), []);\n\n    const handleTouchStart = useCallback<TouchEventHandler<HTMLDivElement>>(\n        (event) => {\n            longPressTimeoutRef.current = window.setTimeout(() => {\n                if (typeof onLongPress === 'function') {\n                    onLongPress(event);\n                }\n            }, 400);\n        },\n        [onLongPress]\n    );\n\n    const handleTouchEnd = useCallback(() => {\n        clearTimeout(longPressTimeoutRef.current);\n    }, []);\n\n    const iconOrImageElement = useMemo(() => {\n        if (icons) {\n            return <ListItemIcon icons={icons} />;\n        }\n\n        if (images) {\n            return <ListItemImage images={images} shouldShowRoundImage={!!shouldShowRoundImage} />;\n        }\n\n        return undefined;\n    }, [icons, images, shouldShowRoundImage]);\n\n    return (\n        <StyledListItemHead\n            className=\"beta-chayns-list-item-head\"\n            isClickable={typeof onClick === 'function' || isExpandable}\n            onClick={onClick}\n            onMouseEnter={handleMouseEnter}\n            onMouseLeave={handleMouseLeave}\n            onTouchStart={typeof onLongPress === 'function' ? handleTouchStart : undefined}\n            onTouchEnd={typeof onLongPress === 'function' ? handleTouchEnd : undefined}\n        >\n            {isAnyItemExpandable && (\n                <StyledMotionListItemHeadIndicator\n                    animate={{ rotate: isOpen ? 90 : 0 }}\n                    initial={false}\n                    transition={{ type: 'tween' }}\n                >\n                    {isExpandable && <Icon icons={['fa fa-chevron-right']} />}\n                </StyledMotionListItemHeadIndicator>\n            )}\n            {leftElements}\n            {iconOrImageElement}\n            <StyledListItemHeadContent\n                isIconOrImageGiven={iconOrImageElement !== undefined}\n                isOpen={isOpen}\n            >\n                <StyledListItemHeadTitle>\n                    <StyledListItemHeadTitleText className=\"ellipsis\">\n                        {title}\n                    </StyledListItemHeadTitleText>\n                    {rightElements && rightElements.length > 1 && rightElements[0] && (\n                        <StyledListItemHeadTopRightElement>\n                            {rightElements[0]}\n                        </StyledListItemHeadTopRightElement>\n                    )}\n                </StyledListItemHeadTitle>\n                {subtitle && (\n                    <StyledListItemHeadSubtitle>\n                        <StyledListItemHeadSubtitleText className=\"ellipsis\">\n                            {subtitle}\n                        </StyledListItemHeadSubtitleText>\n                        {rightElements && rightElements.length > 1 && rightElements[1] && (\n                            <StyledListItemHeadBottomRightElement>\n                                {rightElements[1]}\n                            </StyledListItemHeadBottomRightElement>\n                        )}\n                    </StyledListItemHeadSubtitle>\n                )}\n            </StyledListItemHeadContent>\n            {rightElements?.length === 1 && (\n                <StyledListItemHeadRightElement>{rightElements[0]}</StyledListItemHeadRightElement>\n            )}\n            {hoverItem && (\n                <StyledMotionListItemHeadHoverItem\n                    animate={{\n                        marginLeft: shouldShowHoverItem ? 8 : 0,\n                        opacity: shouldShowHoverItem ? 1 : 0,\n                        width: shouldShowHoverItem ? 'auto' : 0,\n                    }}\n                    initial={false}\n                    transition={{ duration: 0.15, type: 'tween' }}\n                >\n                    {hoverItem}\n                </StyledMotionListItemHeadHoverItem>\n            )}\n        </StyledListItemHead>\n    );\n};\n\nListItemHead.displayName = 'ListItemHead';\n\nexport default ListItemHead;\n"],"mappings":"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"}

package/lib/components/list/list-item/list-item-head/ListItemHead.styles.js

@@ -4,76 +4,107 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledMotionListItemHeadIndicator = exports.StyledMotionListItemHeadHoverItem = exports.StyledListItemHeadTopRightElement = exports.StyledListItemHeadTitleText = exports.StyledListItemHeadTitle = exports.StyledListItemHeadSubtitleText = exports.StyledListItemHeadSubtitle = exports.StyledListItemHeadRightElement = exports.StyledListItemHeadContent = exports.StyledListItemHeadBottomRightElement = exports.StyledListItemHead = void 0;
-
 var _framerMotion = require("framer-motion");
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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) } })); }
-
-const StyledListItemHead = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    align-items: center;\n    color: ", ";\n    display: flex;\n    height: 64px;\n    padding: 12px 9px;\n\n    ", "\n"])), _ref => {
+const StyledListItemHead = _styledComponents.default.div`
+    align-items: center;
+    color: ${_ref => {
   let {
     theme
   } = _ref;
   return theme.text;
-}, _ref2 => {
+}};
+    display: flex;
+    height: 64px;
+    padding: 12px 9px;
+
+    ${_ref2 => {
   let {
     isClickable
   } = _ref2;
-  return isClickable && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            cursor: pointer;\n        "])));
-});
-
+  return isClickable && (0, _styledComponents.css)`
+            cursor: pointer;
+        `;
+}}
+`;
 exports.StyledListItemHead = StyledListItemHead;
-const StyledMotionListItemHeadIndicator = (0, _styledComponents.default)(_framerMotion.motion.div)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    align-items: center;\n    display: flex;\n    flex: 0 0 auto;\n    height: 26px;\n    justify-content: center;\n    width: 26px;\n"])));
+const StyledMotionListItemHeadIndicator = (0, _styledComponents.default)(_framerMotion.motion.div)`
+    align-items: center;
+    display: flex;
+    flex: 0 0 auto;
+    height: 26px;
+    justify-content: center;
+    width: 26px;
+`;
 exports.StyledMotionListItemHeadIndicator = StyledMotionListItemHeadIndicator;
-
-const StyledListItemHeadContent = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    display: flex;\n    flex: 1 1 auto;\n    flex-direction: column;\n    font-weight: ", ";\n    justify-content: center;\n    line-height: normal;\n    margin-left: ", ";\n    min-width: 0;\n"])), _ref3 => {
+const StyledListItemHeadContent = _styledComponents.default.div`
+    display: flex;
+    flex: 1 1 auto;
+    flex-direction: column;
+    font-weight: ${_ref3 => {
   let {
     isOpen
   } = _ref3;
   return isOpen ? 'bold' : 'normal';
-}, _ref4 => {
+}};
+    justify-content: center;
+    line-height: normal;
+    margin-left: ${_ref4 => {
   let {
     isIconOrImageGiven
   } = _ref4;
   return isIconOrImageGiven ? '10px' : undefined;
-});
-
+}};
+    min-width: 0;
+`;
 exports.StyledListItemHeadContent = StyledListItemHeadContent;
-
-const StyledListItemHeadTitle = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    align-items: center;\n    display: flex;\n    justify-content: space-between;\n"])));
-
+const StyledListItemHeadTitle = _styledComponents.default.div`
+    align-items: center;
+    display: flex;
+    justify-content: space-between;
+`;
 exports.StyledListItemHeadTitle = StyledListItemHeadTitle;
-
-const StyledListItemHeadTitleText = _styledComponents.default.span(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    flex: 1 1 auto;\n    min-width: 0;\n"])));
-
+const StyledListItemHeadTitleText = _styledComponents.default.span`
+    flex: 1 1 auto;
+    min-width: 0;
+`;
 exports.StyledListItemHeadTitleText = StyledListItemHeadTitleText;
-
-const StyledListItemHeadSubtitle = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    align-items: center;\n    display: flex;\n    justify-content: space-between;\n    margin-top: 2px;\n    opacity: 0.75;\n"])));
-
+const StyledListItemHeadSubtitle = _styledComponents.default.div`
+    align-items: center;
+    display: flex;
+    justify-content: space-between;
+    margin-top: 2px;
+    opacity: 0.75;
+`;
 exports.StyledListItemHeadSubtitle = StyledListItemHeadSubtitle;
-
-const StyledListItemHeadSubtitleText = _styledComponents.default.span(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    flex: 1 1 auto;\n    font-size: 85%;\n    min-width: 0;\n"])));
-
+const StyledListItemHeadSubtitleText = _styledComponents.default.span`
+    flex: 1 1 auto;
+    font-size: 85%;
+    min-width: 0;
+`;
 exports.StyledListItemHeadSubtitleText = StyledListItemHeadSubtitleText;
-
-const StyledListItemHeadTopRightElement = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    flex: 0 0 auto;\n    font-size: 85%;\n    margin-left: 8px;\n    opacity: 0.75;\n"])));
-
+const StyledListItemHeadTopRightElement = _styledComponents.default.div`
+    flex: 0 0 auto;
+    font-size: 85%;
+    margin-left: 8px;
+    opacity: 0.75;
+`;
 exports.StyledListItemHeadTopRightElement = StyledListItemHeadTopRightElement;
-
-const StyledListItemHeadBottomRightElement = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    flex: 0 0 auto;\n    margin-left: 8px;\n    font-size: 85%;\n"])));
-
+const StyledListItemHeadBottomRightElement = _styledComponents.default.div`
+    flex: 0 0 auto;
+    margin-left: 8px;
+    font-size: 85%;
+`;
 exports.StyledListItemHeadBottomRightElement = StyledListItemHeadBottomRightElement;
-
-const StyledListItemHeadRightElement = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    flex: 0 0 auto;\n    margin-left: 8px;\n"])));
-
+const StyledListItemHeadRightElement = _styledComponents.default.div`
+    flex: 0 0 auto;
+    margin-left: 8px;
+`;
 exports.StyledListItemHeadRightElement = StyledListItemHeadRightElement;
-const StyledMotionListItemHeadHoverItem = (0, _styledComponents.default)(_framerMotion.motion.div)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    overflow: hidden;\n"])));
+const StyledMotionListItemHeadHoverItem = (0, _styledComponents.default)(_framerMotion.motion.div)`
+    overflow: hidden;
+`;
 exports.StyledMotionListItemHeadHoverItem = StyledMotionListItemHeadHoverItem;
 //# sourceMappingURL=ListItemHead.styles.js.map

package/lib/components/list/list-item/list-item-head/ListItemHead.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemHead.styles.js","names":["StyledListItemHead","styled","div","theme","text","isClickable","css","StyledMotionListItemHeadIndicator","motion","StyledListItemHeadContent","isOpen","isIconOrImageGiven","undefined","StyledListItemHeadTitle","StyledListItemHeadTitleText","span","StyledListItemHeadSubtitle","StyledListItemHeadSubtitleText","StyledListItemHeadTopRightElement","StyledListItemHeadBottomRightElement","StyledListItemHeadRightElement","StyledMotionListItemHeadHoverItem"],"sources":["../../../../../src/components/list/list-item/list-item-head/ListItemHead.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledListItemHeadProps = WithTheme<{\n    isClickable: boolean;\n}>;\n\nexport const StyledListItemHead = styled.div<StyledListItemHeadProps>`\n    align-items: center;\n    color: ${({ theme }: StyledListItemHeadProps) => theme.text};\n    display: flex;\n    height: 64px;\n    padding: 12px 9px;\n\n    ${({ isClickable }) =>\n        isClickable &&\n        css`\n            cursor: pointer;\n        `}\n`;\n\nexport const StyledMotionListItemHeadIndicator = styled(motion.div)`\n    align-items: center;\n    display: flex;\n    flex: 0 0 auto;\n    height: 26px;\n    justify-content: center;\n    width: 26px;\n`;\n\ntype StyledListItemHeadContentProps = {\n    isIconOrImageGiven: boolean;\n    isOpen: boolean;\n};\n\nexport const StyledListItemHeadContent = styled.div<StyledListItemHeadContentProps>`\n    display: flex;\n    flex: 1 1 auto;\n    flex-direction: column;\n    font-weight: ${({ isOpen }) => (isOpen ? 'bold' : 'normal')};\n    justify-content: center;\n    line-height: normal;\n    margin-left: ${({ isIconOrImageGiven }) => (isIconOrImageGiven ? '10px' : undefined)};\n    min-width: 0;\n`;\n\nexport const StyledListItemHeadTitle = styled.div`\n    align-items: center;\n    display: flex;\n    justify-content: space-between;\n`;\n\nexport const StyledListItemHeadTitleText = styled.span`\n    flex: 1 1 auto;\n    min-width: 0;\n`;\n\nexport const StyledListItemHeadSubtitle = styled.div`\n    align-items: center;\n    display: flex;\n    justify-content: space-between;\n    margin-top: 2px;\n    opacity: 0.75;\n`;\n\nexport const StyledListItemHeadSubtitleText = styled.span`\n    flex: 1 1 auto;\n    font-size: 85%;\n    min-width: 0;\n`;\n\nexport const StyledListItemHeadTopRightElement = styled.div`\n    flex: 0 0 auto;\n    font-size: 85%;\n    margin-left: 8px;\n    opacity: 0.75;\n`;\n\nexport const StyledListItemHeadBottomRightElement = styled.div`\n    flex: 0 0 auto;\n    margin-left: 8px;\n    font-size: 85%;\n`;\n\nexport const StyledListItemHeadRightElement = styled.div`\n    flex: 0 0 auto;\n    margin-left: 8px;\n`;\n\nexport const StyledMotionListItemHeadHoverItem = styled(motion.div)`\n    overflow: hidden;\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;;;AAOO,MAAMA,kBAAkB,GAAGC,yBAAA,CAAOC,GAAV,+LAElB;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAwCA,KAAK,CAACC,IAA9C;AAAA,CAFkB,EAOzB;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OACEA,WAAW,QACXC,qBADW,gHADb;AAAA,CAPyB,CAAxB;;;AAcA,MAAMC,iCAAiC,GAAG,IAAAN,yBAAA,EAAOO,oBAAA,CAAON,GAAd,CAAH,+MAAvC;;;AAcA,MAAMO,yBAAyB,GAAGR,yBAAA,CAAOC,GAAV,2QAInB;EAAA,IAAC;IAAEQ;EAAF,CAAD;EAAA,OAAiBA,MAAM,GAAG,MAAH,GAAY,QAAnC;AAAA,CAJmB,EAOnB;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAA6BA,kBAAkB,GAAG,MAAH,GAAYC,SAA3D;AAAA,CAPmB,CAA/B;;;;AAWA,MAAMC,uBAAuB,GAAGZ,yBAAA,CAAOC,GAAV,4JAA7B;;;;AAMA,MAAMY,2BAA2B,GAAGb,yBAAA,CAAOc,IAAV,iHAAjC;;;;AAKA,MAAMC,0BAA0B,GAAGf,yBAAA,CAAOC,GAAV,sMAAhC;;;;AAQA,MAAMe,8BAA8B,GAAGhB,yBAAA,CAAOc,IAAV,sIAApC;;;;AAMA,MAAMG,iCAAiC,GAAGjB,yBAAA,CAAOC,GAAV,8JAAvC;;;;AAOA,MAAMiB,oCAAoC,GAAGlB,yBAAA,CAAOC,GAAV,4IAA1C;;;;AAMA,MAAMkB,8BAA8B,GAAGnB,yBAAA,CAAOC,GAAV,uHAApC;;;AAKA,MAAMmB,iCAAiC,GAAG,IAAApB,yBAAA,EAAOO,oBAAA,CAAON,GAAd,CAAH,kGAAvC"}
+{"version":3,"file":"ListItemHead.styles.js","names":["StyledListItemHead","styled","div","theme","text","isClickable","css","StyledMotionListItemHeadIndicator","motion","StyledListItemHeadContent","isOpen","isIconOrImageGiven","undefined","StyledListItemHeadTitle","StyledListItemHeadTitleText","span","StyledListItemHeadSubtitle","StyledListItemHeadSubtitleText","StyledListItemHeadTopRightElement","StyledListItemHeadBottomRightElement","StyledListItemHeadRightElement","StyledMotionListItemHeadHoverItem"],"sources":["../../../../../src/components/list/list-item/list-item-head/ListItemHead.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledListItemHeadProps = WithTheme<{\n    isClickable: boolean;\n}>;\n\nexport const StyledListItemHead = styled.div<StyledListItemHeadProps>`\n    align-items: center;\n    color: ${({ theme }: StyledListItemHeadProps) => theme.text};\n    display: flex;\n    height: 64px;\n    padding: 12px 9px;\n\n    ${({ isClickable }) =>\n        isClickable &&\n        css`\n            cursor: pointer;\n        `}\n`;\n\nexport const StyledMotionListItemHeadIndicator = styled(motion.div)`\n    align-items: center;\n    display: flex;\n    flex: 0 0 auto;\n    height: 26px;\n    justify-content: center;\n    width: 26px;\n`;\n\ntype StyledListItemHeadContentProps = {\n    isIconOrImageGiven: boolean;\n    isOpen: boolean;\n};\n\nexport const StyledListItemHeadContent = styled.div<StyledListItemHeadContentProps>`\n    display: flex;\n    flex: 1 1 auto;\n    flex-direction: column;\n    font-weight: ${({ isOpen }) => (isOpen ? 'bold' : 'normal')};\n    justify-content: center;\n    line-height: normal;\n    margin-left: ${({ isIconOrImageGiven }) => (isIconOrImageGiven ? '10px' : undefined)};\n    min-width: 0;\n`;\n\nexport const StyledListItemHeadTitle = styled.div`\n    align-items: center;\n    display: flex;\n    justify-content: space-between;\n`;\n\nexport const StyledListItemHeadTitleText = styled.span`\n    flex: 1 1 auto;\n    min-width: 0;\n`;\n\nexport const StyledListItemHeadSubtitle = styled.div`\n    align-items: center;\n    display: flex;\n    justify-content: space-between;\n    margin-top: 2px;\n    opacity: 0.75;\n`;\n\nexport const StyledListItemHeadSubtitleText = styled.span`\n    flex: 1 1 auto;\n    font-size: 85%;\n    min-width: 0;\n`;\n\nexport const StyledListItemHeadTopRightElement = styled.div`\n    flex: 0 0 auto;\n    font-size: 85%;\n    margin-left: 8px;\n    opacity: 0.75;\n`;\n\nexport const StyledListItemHeadBottomRightElement = styled.div`\n    flex: 0 0 auto;\n    margin-left: 8px;\n    font-size: 85%;\n`;\n\nexport const StyledListItemHeadRightElement = styled.div`\n    flex: 0 0 auto;\n    margin-left: 8px;\n`;\n\nexport const StyledMotionListItemHeadHoverItem = styled(motion.div)`\n    overflow: hidden;\n`;\n"],"mappings":";;;;;;AAAA;AACA;AAAgD;AAAA;AAOzC,MAAMA,kBAAkB,GAAGC,yBAAM,CAACC,GAA6B;AACtE;AACA,aAAa;EAAA,IAAC;IAAEC;EAA+B,CAAC;EAAA,OAAKA,KAAK,CAACC,IAAI;AAAA,CAAC;AAChE;AACA;AACA;AACA;AACA,MAAM;EAAA,IAAC;IAAEC;EAAY,CAAC;EAAA,OACdA,WAAW,IACX,IAAAC,qBAAG,CAAC;AACZ;AACA,SAAS;AAAA,CAAC;AACV,CAAC;AAAC;AAEK,MAAMC,iCAAiC,GAAG,IAAAN,yBAAM,EAACO,oBAAM,CAACN,GAAG,CAAE;AACpE;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAAC;AAOK,MAAMO,yBAAyB,GAAGR,yBAAM,CAACC,GAAoC;AACpF;AACA;AACA;AACA,mBAAmB;EAAA,IAAC;IAAEQ;EAAO,CAAC;EAAA,OAAMA,MAAM,GAAG,MAAM,GAAG,QAAQ;AAAA,CAAE;AAChE;AACA;AACA,mBAAmB;EAAA,IAAC;IAAEC;EAAmB,CAAC;EAAA,OAAMA,kBAAkB,GAAG,MAAM,GAAGC,SAAS;AAAA,CAAE;AACzF;AACA,CAAC;AAAC;AAEK,MAAMC,uBAAuB,GAAGZ,yBAAM,CAACC,GAAI;AAClD;AACA;AACA;AACA,CAAC;AAAC;AAEK,MAAMY,2BAA2B,GAAGb,yBAAM,CAACc,IAAK;AACvD;AACA;AACA,CAAC;AAAC;AAEK,MAAMC,0BAA0B,GAAGf,yBAAM,CAACC,GAAI;AACrD;AACA;AACA;AACA;AACA;AACA,CAAC;AAAC;AAEK,MAAMe,8BAA8B,GAAGhB,yBAAM,CAACc,IAAK;AAC1D;AACA;AACA;AACA,CAAC;AAAC;AAEK,MAAMG,iCAAiC,GAAGjB,yBAAM,CAACC,GAAI;AAC5D;AACA;AACA;AACA;AACA,CAAC;AAAC;AAEK,MAAMiB,oCAAoC,GAAGlB,yBAAM,CAACC,GAAI;AAC/D;AACA;AACA;AACA,CAAC;AAAC;AAEK,MAAMkB,8BAA8B,GAAGnB,yBAAM,CAACC,GAAI;AACzD;AACA;AACA,CAAC;AAAC;AAEK,MAAMmB,iCAAiC,GAAG,IAAApB,yBAAM,EAACO,oBAAM,CAACN,GAAG,CAAE;AACpE;AACA,CAAC;AAAC"}

package/lib/components/list/list-item/list-item-head/list-item-icon/ListItemIcon.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Icon = _interopRequireDefault(require("../../../../icon/Icon"));
-
 var _ListItemIcon = require("./ListItemIcon.styles");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const ListItemIcon = _ref => {
   let {
     icons
@@ -22,7 +17,6 @@ const ListItemIcon = _ref => {
     size: 22
   }));
 };
-
 ListItemIcon.displayName = 'ListItemIcon';
 var _default = ListItemIcon;
 exports.default = _default;

package/lib/components/list/list-item/list-item-head/list-item-icon/ListItemIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemIcon.js","names":["ListItemIcon","icons","displayName"],"sources":["../../../../../../src/components/list/list-item/list-item-head/list-item-icon/ListItemIcon.tsx"],"sourcesContent":["import React from 'react';\nimport Icon from '../../../../icon/Icon';\nimport { StyledListItemIcon } from './ListItemIcon.styles';\n\ntype ListItemIconProps = {\n    icons: string[];\n};\n\nconst ListItemIcon: React.FC<ListItemIconProps> = ({ icons }) => {\n    return (\n        <StyledListItemIcon>\n            <Icon icons={icons} size={22} />\n        </StyledListItemIcon>\n    );\n};\n\nListItemIcon.displayName = 'ListItemIcon';\n\nexport default ListItemIcon;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAMA,MAAMA,YAAyC,GAAG,QAAe;EAAA,IAAd;IAAEC;EAAF,CAAc;EAC7D,oBACI,6BAAC,gCAAD,qBACI,6BAAC,aAAD;IAAM,KAAK,EAAEA,KAAb;IAAoB,IAAI,EAAE;EAA1B,EADJ,CADJ;AAKH,CAND;;AAQAD,YAAY,CAACE,WAAb,GAA2B,cAA3B;eAEeF,Y"}
+{"version":3,"file":"ListItemIcon.js","names":["ListItemIcon","icons","displayName"],"sources":["../../../../../../src/components/list/list-item/list-item-head/list-item-icon/ListItemIcon.tsx"],"sourcesContent":["import React from 'react';\nimport Icon from '../../../../icon/Icon';\nimport { StyledListItemIcon } from './ListItemIcon.styles';\n\ntype ListItemIconProps = {\n    icons: string[];\n};\n\nconst ListItemIcon: React.FC<ListItemIconProps> = ({ icons }) => {\n    return (\n        <StyledListItemIcon>\n            <Icon icons={icons} size={22} />\n        </StyledListItemIcon>\n    );\n};\n\nListItemIcon.displayName = 'ListItemIcon';\n\nexport default ListItemIcon;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAA2D;AAM3D,MAAMA,YAAyC,GAAG,QAAe;EAAA,IAAd;IAAEC;EAAM,CAAC;EACxD,oBACI,6BAAC,gCAAkB,qBACf,6BAAC,aAAI;IAAC,KAAK,EAAEA,KAAM;IAAC,IAAI,EAAE;EAAG,EAAG,CACf;AAE7B,CAAC;AAEDD,YAAY,CAACE,WAAW,GAAG,cAAc;AAAC,eAE3BF,YAAY;AAAA"}

package/lib/components/list/list-item/list-item-head/list-item-icon/ListItemIcon.styles.js

@@ -4,26 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledListItemIcon = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _templateObject;
-
 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) } })); }
-
-const StyledListItemIcon = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    align-items: center;\n    background-color: rgba(", ", 0.1);\n    box-shadow: 0 0 0 1px rgba(", ", 0.08)\n        inset;\n    display: flex;\n    flex: 0 0 auto;\n    height: 40px;\n    justify-content: center;\n    margin-right: 10px;\n    width: 40px;\n"])), _ref => {
+const StyledListItemIcon = _styledComponents.default.div`
+    align-items: center;
+    background-color: rgba(${_ref => {
   let {
     theme
   } = _ref;
   return theme['text-rgb'];
-}, _ref2 => {
+}}, 0.1);
+    box-shadow: 0 0 0 1px rgba(${_ref2 => {
   let {
     theme
   } = _ref2;
   return theme['009-rgb'];
-});
-
+}}, 0.08)
+        inset;
+    display: flex;
+    flex: 0 0 auto;
+    height: 40px;
+    justify-content: center;
+    margin-right: 10px;
+    width: 40px;
+`;
 exports.StyledListItemIcon = StyledListItemIcon;
 //# sourceMappingURL=ListItemIcon.styles.js.map

package/lib/components/list/list-item/list-item-head/list-item-icon/ListItemIcon.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemIcon.styles.js","names":["StyledListItemIcon","styled","div","theme"],"sources":["../../../../../../src/components/list/list-item/list-item-head/list-item-icon/ListItemIcon.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../../../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledListItemIconProps = WithTheme<unknown>;\n\nexport const StyledListItemIcon = styled.div`\n    align-items: center;\n    background-color: rgba(${({ theme }: StyledListItemIconProps) => theme['text-rgb']}, 0.1);\n    box-shadow: 0 0 0 1px rgba(${({ theme }: StyledListItemIconProps) => theme['009-rgb']}, 0.08)\n        inset;\n    display: flex;\n    flex: 0 0 auto;\n    height: 40px;\n    justify-content: center;\n    margin-right: 10px;\n    width: 40px;\n`;\n"],"mappings":";;;;;;;AAAA;;;;;;;;AAKO,MAAMA,kBAAkB,GAAGC,yBAAA,CAAOC,GAAV,2UAEF;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAwCA,KAAK,CAAC,UAAD,CAA7C;AAAA,CAFE,EAGE;EAAA,IAAC;IAAEA;EAAF,CAAD;EAAA,OAAwCA,KAAK,CAAC,SAAD,CAA7C;AAAA,CAHF,CAAxB"}
+{"version":3,"file":"ListItemIcon.styles.js","names":["StyledListItemIcon","styled","div","theme"],"sources":["../../../../../../src/components/list/list-item/list-item-head/list-item-icon/ListItemIcon.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../../../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledListItemIconProps = WithTheme<unknown>;\n\nexport const StyledListItemIcon = styled.div`\n    align-items: center;\n    background-color: rgba(${({ theme }: StyledListItemIconProps) => theme['text-rgb']}, 0.1);\n    box-shadow: 0 0 0 1px rgba(${({ theme }: StyledListItemIconProps) => theme['009-rgb']}, 0.08)\n        inset;\n    display: flex;\n    flex: 0 0 auto;\n    height: 40px;\n    justify-content: center;\n    margin-right: 10px;\n    width: 40px;\n`;\n"],"mappings":";;;;;;AAAA;AAAuC;AAKhC,MAAMA,kBAAkB,GAAGC,yBAAM,CAACC,GAAI;AAC7C;AACA,6BAA6B;EAAA,IAAC;IAAEC;EAA+B,CAAC;EAAA,OAAKA,KAAK,CAAC,UAAU,CAAC;AAAA,CAAC;AACvF,iCAAiC;EAAA,IAAC;IAAEA;EAA+B,CAAC;EAAA,OAAKA,KAAK,CAAC,SAAS,CAAC;AAAA,CAAC;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAAC"}

package/lib/components/list/list-item/list-item-head/list-item-image/ListItemImage.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _GridImage = _interopRequireDefault(require("../../../../grid-image/GridImage"));
-
 var _ListItemImage = require("./ListItemImage.styles");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-
 const ListItemImage = _ref => {
   let {
     images,
@@ -26,7 +19,6 @@ const ListItemImage = _ref => {
   const handleImageLoaded = (0, _react.useCallback)(() => {
     setHasLoadedImage(true);
   }, []);
-
   if (images && images[0] && images[1] && images[2]) {
     const gridImages = [images[0], images[1], images[2]];
     return /*#__PURE__*/_react.default.createElement(_GridImage.default, {
@@ -35,7 +27,6 @@ const ListItemImage = _ref => {
       size: 40
     });
   }
-
   if (images && images[0]) {
     return /*#__PURE__*/_react.default.createElement(_ListItemImage.StyledListItemHeadImageWrapper, {
       shouldShowRoundImage: shouldShowRoundImage
@@ -45,10 +36,8 @@ const ListItemImage = _ref => {
       src: images[0]
     }));
   }
-
   return null;
 };
-
 ListItemImage.displayName = 'ListItemImage';
 var _default = ListItemImage;
 exports.default = _default;

package/lib/components/list/list-item/list-item-head/list-item-image/ListItemImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemImage.js","names":["ListItemImage","images","shouldShowRoundImage","hasLoadedImage","setHasLoadedImage","useState","handleImageLoaded","useCallback","gridImages","displayName"],"sources":["../../../../../../src/components/list/list-item/list-item-head/list-item-image/ListItemImage.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport GridImage from '../../../../grid-image/GridImage';\nimport { StyledListItemHeadImage, StyledListItemHeadImageWrapper } from './ListItemImage.styles';\n\ntype ListItemImageProps = {\n    images: string[];\n    shouldShowRoundImage: boolean;\n};\n\nconst ListItemImage: React.FC<ListItemImageProps> = ({ images, shouldShowRoundImage }) => {\n    const [hasLoadedImage, setHasLoadedImage] = useState(false);\n    const handleImageLoaded = useCallback(() => {\n        setHasLoadedImage(true);\n    }, []);\n\n    if (images && images[0] && images[1] && images[2]) {\n        const gridImages = [images[0], images[1], images[2]];\n\n        return (\n            <GridImage images={gridImages} shouldShowRoundImage={shouldShowRoundImage} size={40} />\n        );\n    }\n\n    if (images && images[0]) {\n        return (\n            <StyledListItemHeadImageWrapper shouldShowRoundImage={shouldShowRoundImage}>\n                <StyledListItemHeadImage\n                    isHidden={!hasLoadedImage}\n                    onLoad={handleImageLoaded}\n                    src={images[0]}\n                />\n            </StyledListItemHeadImageWrapper>\n        );\n    }\n\n    return null;\n};\n\nListItemImage.displayName = 'ListItemImage';\n\nexport default ListItemImage;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AAOA,MAAMA,aAA2C,GAAG,QAAsC;EAAA,IAArC;IAAEC,MAAF;IAAUC;EAAV,CAAqC;EACtF,MAAM,CAACC,cAAD,EAAiBC,iBAAjB,IAAsC,IAAAC,eAAA,EAAS,KAAT,CAA5C;EACA,MAAMC,iBAAiB,GAAG,IAAAC,kBAAA,EAAY,MAAM;IACxCH,iBAAiB,CAAC,IAAD,CAAjB;EACH,CAFyB,EAEvB,EAFuB,CAA1B;;EAIA,IAAIH,MAAM,IAAIA,MAAM,CAAC,CAAD,CAAhB,IAAuBA,MAAM,CAAC,CAAD,CAA7B,IAAoCA,MAAM,CAAC,CAAD,CAA9C,EAAmD;IAC/C,MAAMO,UAAU,GAAG,CAACP,MAAM,CAAC,CAAD,CAAP,EAAYA,MAAM,CAAC,CAAD,CAAlB,EAAuBA,MAAM,CAAC,CAAD,CAA7B,CAAnB;IAEA,oBACI,6BAAC,kBAAD;MAAW,MAAM,EAAEO,UAAnB;MAA+B,oBAAoB,EAAEN,oBAArD;MAA2E,IAAI,EAAE;IAAjF,EADJ;EAGH;;EAED,IAAID,MAAM,IAAIA,MAAM,CAAC,CAAD,CAApB,EAAyB;IACrB,oBACI,6BAAC,6CAAD;MAAgC,oBAAoB,EAAEC;IAAtD,gBACI,6BAAC,sCAAD;MACI,QAAQ,EAAE,CAACC,cADf;MAEI,MAAM,EAAEG,iBAFZ;MAGI,GAAG,EAAEL,MAAM,CAAC,CAAD;IAHf,EADJ,CADJ;EASH;;EAED,OAAO,IAAP;AACH,CA3BD;;AA6BAD,aAAa,CAACS,WAAd,GAA4B,eAA5B;eAEeT,a"}
+{"version":3,"file":"ListItemImage.js","names":["ListItemImage","images","shouldShowRoundImage","hasLoadedImage","setHasLoadedImage","useState","handleImageLoaded","useCallback","gridImages","displayName"],"sources":["../../../../../../src/components/list/list-item/list-item-head/list-item-image/ListItemImage.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport GridImage from '../../../../grid-image/GridImage';\nimport { StyledListItemHeadImage, StyledListItemHeadImageWrapper } from './ListItemImage.styles';\n\ntype ListItemImageProps = {\n    images: string[];\n    shouldShowRoundImage: boolean;\n};\n\nconst ListItemImage: React.FC<ListItemImageProps> = ({ images, shouldShowRoundImage }) => {\n    const [hasLoadedImage, setHasLoadedImage] = useState(false);\n    const handleImageLoaded = useCallback(() => {\n        setHasLoadedImage(true);\n    }, []);\n\n    if (images && images[0] && images[1] && images[2]) {\n        const gridImages = [images[0], images[1], images[2]];\n\n        return (\n            <GridImage images={gridImages} shouldShowRoundImage={shouldShowRoundImage} size={40} />\n        );\n    }\n\n    if (images && images[0]) {\n        return (\n            <StyledListItemHeadImageWrapper shouldShowRoundImage={shouldShowRoundImage}>\n                <StyledListItemHeadImage\n                    isHidden={!hasLoadedImage}\n                    onLoad={handleImageLoaded}\n                    src={images[0]}\n                />\n            </StyledListItemHeadImageWrapper>\n        );\n    }\n\n    return null;\n};\n\nListItemImage.displayName = 'ListItemImage';\n\nexport default ListItemImage;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAiG;AAAA;AAAA;AAOjG,MAAMA,aAA2C,GAAG,QAAsC;EAAA,IAArC;IAAEC,MAAM;IAAEC;EAAqB,CAAC;EACjF,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAC3D,MAAMC,iBAAiB,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACxCH,iBAAiB,CAAC,IAAI,CAAC;EAC3B,CAAC,EAAE,EAAE,CAAC;EAEN,IAAIH,MAAM,IAAIA,MAAM,CAAC,CAAC,CAAC,IAAIA,MAAM,CAAC,CAAC,CAAC,IAAIA,MAAM,CAAC,CAAC,CAAC,EAAE;IAC/C,MAAMO,UAAU,GAAG,CAACP,MAAM,CAAC,CAAC,CAAC,EAAEA,MAAM,CAAC,CAAC,CAAC,EAAEA,MAAM,CAAC,CAAC,CAAC,CAAC;IAEpD,oBACI,6BAAC,kBAAS;MAAC,MAAM,EAAEO,UAAW;MAAC,oBAAoB,EAAEN,oBAAqB;MAAC,IAAI,EAAE;IAAG,EAAG;EAE/F;EAEA,IAAID,MAAM,IAAIA,MAAM,CAAC,CAAC,CAAC,EAAE;IACrB,oBACI,6BAAC,6CAA8B;MAAC,oBAAoB,EAAEC;IAAqB,gBACvE,6BAAC,sCAAuB;MACpB,QAAQ,EAAE,CAACC,cAAe;MAC1B,MAAM,EAAEG,iBAAkB;MAC1B,GAAG,EAAEL,MAAM,CAAC,CAAC;IAAE,EACjB,CAC2B;EAEzC;EAEA,OAAO,IAAI;AACf,CAAC;AAEDD,aAAa,CAACS,WAAW,GAAG,eAAe;AAAC,eAE7BT,aAAa;AAAA"}

package/lib/components/list/list-item/list-item-head/list-item-image/ListItemImage.styles.js

@@ -4,40 +4,49 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledListItemHeadImageWrapper = exports.StyledListItemHeadImage = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _templateObject, _templateObject2;
-
 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) } })); }
-
-const StyledListItemHeadImageWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    background-color: rgba(\n        ", ",\n        0.1\n    );\n    border-radius: ", ";\n    box-shadow: 0 0 0 1px\n        rgba(", ", 0.08) inset;\n    flex: 0 0 auto;\n    height: 40px;\n    overflow: hidden;\n    transition: border-radius 0.3s ease;\n    width: 40px;\n"])), _ref => {
+const StyledListItemHeadImageWrapper = _styledComponents.default.div`
+    background-color: rgba(
+        ${_ref => {
   let {
     theme
   } = _ref;
   return theme['text-rgb'];
-}, _ref2 => {
+}},
+        0.1
+    );
+    border-radius: ${_ref2 => {
   let {
     shouldShowRoundImage
   } = _ref2;
   return shouldShowRoundImage ? '50%' : undefined;
-}, _ref3 => {
+}};
+    box-shadow: 0 0 0 1px
+        rgba(${_ref3 => {
   let {
     theme
   } = _ref3;
   return theme['009-rgb'];
-});
-
+}}, 0.08) inset;
+    flex: 0 0 auto;
+    height: 40px;
+    overflow: hidden;
+    transition: border-radius 0.3s ease;
+    width: 40px;
+`;
 exports.StyledListItemHeadImageWrapper = StyledListItemHeadImageWrapper;
-
-const StyledListItemHeadImage = _styledComponents.default.img(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    height: 100%;\n    object-fit: cover;\n    opacity: ", ";\n    transition: opacity 0.4s ease;\n    width: 100%;\n"])), _ref4 => {
+const StyledListItemHeadImage = _styledComponents.default.img`
+    height: 100%;
+    object-fit: cover;
+    opacity: ${_ref4 => {
   let {
     isHidden
   } = _ref4;
   return isHidden ? 0 : 1;
-});
-
+}};
+    transition: opacity 0.4s ease;
+    width: 100%;
+`;
 exports.StyledListItemHeadImage = StyledListItemHeadImage;
 //# sourceMappingURL=ListItemImage.styles.js.map

package/lib/components/list/list-item/list-item-head/list-item-image/ListItemImage.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemImage.styles.js","names":["StyledListItemHeadImageWrapper","styled","div","theme","shouldShowRoundImage","undefined","StyledListItemHeadImage","img","isHidden"],"sources":["../../../../../../src/components/list/list-item/list-item-head/list-item-image/ListItemImage.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../../../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledListItemHeadImageWrapperProps = WithTheme<{\n    shouldShowRoundImage?: boolean;\n}>;\n\nexport const StyledListItemHeadImageWrapper = styled.div<StyledListItemHeadImageWrapperProps>`\n    background-color: rgba(\n        ${({ theme }: StyledListItemHeadImageWrapperProps) => theme['text-rgb']},\n        0.1\n    );\n    border-radius: ${({ shouldShowRoundImage }) => (shouldShowRoundImage ? '50%' : undefined)};\n    box-shadow: 0 0 0 1px\n        rgba(${({ theme }: StyledListItemHeadImageWrapperProps) => theme['009-rgb']}, 0.08) inset;\n    flex: 0 0 auto;\n    height: 40px;\n    overflow: hidden;\n    transition: border-radius 0.3s ease;\n    width: 40px;\n`;\n\ntype StyledListItemHeadImageProps = {\n    isHidden: boolean;\n};\n\nexport const StyledListItemHeadImage = styled.img<StyledListItemHeadImageProps>`\n    height: 100%;\n    object-fit: cover;\n    opacity: ${({ isHidden }) => (isHidden ? 0 : 1)};\n    transition: opacity 0.4s ease;\n    width: 100%;\n`;\n"],"mappings":";;;;;;;AAAA;;;;;;;;AAOO,MAAMA,8BAA8B,GAAGC,yBAAA,CAAOC,GAAV,0VAEjC;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAoDA,KAAK,CAAC,UAAD,CAAzD;AAAA,CAFiC,EAKtB;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAA+BA,oBAAoB,GAAG,KAAH,GAAWC,SAA9D;AAAA,CALsB,EAO5B;EAAA,IAAC;IAAEF;EAAF,CAAD;EAAA,OAAoDA,KAAK,CAAC,SAAD,CAAzD;AAAA,CAP4B,CAApC;;;;AAmBA,MAAMG,uBAAuB,GAAGL,yBAAA,CAAOM,GAAV,+LAGrB;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAmBA,QAAQ,GAAG,CAAH,GAAO,CAAlC;AAAA,CAHqB,CAA7B"}
+{"version":3,"file":"ListItemImage.styles.js","names":["StyledListItemHeadImageWrapper","styled","div","theme","shouldShowRoundImage","undefined","StyledListItemHeadImage","img","isHidden"],"sources":["../../../../../../src/components/list/list-item/list-item-head/list-item-image/ListItemImage.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../../../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledListItemHeadImageWrapperProps = WithTheme<{\n    shouldShowRoundImage?: boolean;\n}>;\n\nexport const StyledListItemHeadImageWrapper = styled.div<StyledListItemHeadImageWrapperProps>`\n    background-color: rgba(\n        ${({ theme }: StyledListItemHeadImageWrapperProps) => theme['text-rgb']},\n        0.1\n    );\n    border-radius: ${({ shouldShowRoundImage }) => (shouldShowRoundImage ? '50%' : undefined)};\n    box-shadow: 0 0 0 1px\n        rgba(${({ theme }: StyledListItemHeadImageWrapperProps) => theme['009-rgb']}, 0.08) inset;\n    flex: 0 0 auto;\n    height: 40px;\n    overflow: hidden;\n    transition: border-radius 0.3s ease;\n    width: 40px;\n`;\n\ntype StyledListItemHeadImageProps = {\n    isHidden: boolean;\n};\n\nexport const StyledListItemHeadImage = styled.img<StyledListItemHeadImageProps>`\n    height: 100%;\n    object-fit: cover;\n    opacity: ${({ isHidden }) => (isHidden ? 0 : 1)};\n    transition: opacity 0.4s ease;\n    width: 100%;\n`;\n"],"mappings":";;;;;;AAAA;AAAuC;AAOhC,MAAMA,8BAA8B,GAAGC,yBAAM,CAACC,GAAyC;AAC9F;AACA,UAAU;EAAA,IAAC;IAAEC;EAA2C,CAAC;EAAA,OAAKA,KAAK,CAAC,UAAU,CAAC;AAAA,CAAC;AAChF;AACA;AACA,qBAAqB;EAAA,IAAC;IAAEC;EAAqB,CAAC;EAAA,OAAMA,oBAAoB,GAAG,KAAK,GAAGC,SAAS;AAAA,CAAE;AAC9F;AACA,eAAe;EAAA,IAAC;IAAEF;EAA2C,CAAC;EAAA,OAAKA,KAAK,CAAC,SAAS,CAAC;AAAA,CAAC;AACpF;AACA;AACA;AACA;AACA;AACA,CAAC;AAAC;AAMK,MAAMG,uBAAuB,GAAGL,yBAAM,CAACM,GAAkC;AAChF;AACA;AACA,eAAe;EAAA,IAAC;IAAEC;EAAS,CAAC;EAAA,OAAMA,QAAQ,GAAG,CAAC,GAAG,CAAC;AAAA,CAAE;AACpD;AACA;AACA,CAAC;AAAC"}

package/lib/hooks/uuid.js

@@ -4,15 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useUuid = void 0;
-
 var _react = require("react");
-
 var _uuid = require("uuid");
-
 const useUuid = () => {
   const [uuid] = (0, _react.useState)((0, _uuid.v4)());
   return uuid;
 };
-
 exports.useUuid = useUuid;
 //# sourceMappingURL=uuid.js.map

package/lib/hooks/uuid.js.map

@@ -1 +1 @@
-{"version":3,"file":"uuid.js","names":["useUuid","uuid","useState","uuidV4"],"sources":["../../src/hooks/uuid.ts"],"sourcesContent":["import { useState } from 'react';\nimport { v4 as uuidV4 } from 'uuid';\n\nexport const useUuid = () => {\n    const [uuid] = useState(uuidV4());\n\n    return uuid;\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEO,MAAMA,OAAO,GAAG,MAAM;EACzB,MAAM,CAACC,IAAD,IAAS,IAAAC,eAAA,EAAS,IAAAC,QAAA,GAAT,CAAf;EAEA,OAAOF,IAAP;AACH,CAJM"}
+{"version":3,"file":"uuid.js","names":["useUuid","uuid","useState","uuidV4"],"sources":["../../src/hooks/uuid.ts"],"sourcesContent":["import { useState } from 'react';\nimport { v4 as uuidV4 } from 'uuid';\n\nexport const useUuid = () => {\n    const [uuid] = useState(uuidV4());\n\n    return uuid;\n};\n"],"mappings":";;;;;;AAAA;AACA;AAEO,MAAMA,OAAO,GAAG,MAAM;EACzB,MAAM,CAACC,IAAI,CAAC,GAAG,IAAAC,eAAQ,EAAC,IAAAC,QAAM,GAAE,CAAC;EAEjC,OAAOF,IAAI;AACf,CAAC;AAAC"}

package/lib/index.js

@@ -81,32 +81,18 @@ Object.defineProperty(exports, "ListItemContent", {
     return _ListItemContent.default;
   }
 });
-
 var _Accordion = _interopRequireDefault(require("./components/accordion/Accordion"));
-
 var _AccordionContent = _interopRequireDefault(require("./components/accordion/accordion-content/AccordionContent"));
-
 var _AccordionGroup = _interopRequireDefault(require("./components/accordion/accordion-group/AccordionGroup"));
-
 var _AccordionIntro = _interopRequireDefault(require("./components/accordion/accordion-intro/AccordionIntro"));
-
 var _Badge = _interopRequireDefault(require("./components/badge/Badge"));
-
 var _Button = _interopRequireDefault(require("./components/button/Button"));
-
 var _ColorSchemeProvider = _interopRequireDefault(require("./components/color-scheme-provider/ColorSchemeProvider"));
-
 var _ContextMenu = _interopRequireDefault(require("./components/context-menu/ContextMenu"));
-
 var _GridImage = _interopRequireDefault(require("./components/grid-image/GridImage"));
-
 var _Icon = _interopRequireDefault(require("./components/icon/Icon"));
-
 var _List = _interopRequireDefault(require("./components/list/List"));
-
 var _ListItemContent = _interopRequireDefault(require("./components/list/list-item/list-item-content/ListItemContent"));
-
 var _ListItem = _interopRequireDefault(require("./components/list/list-item/ListItem"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["export { default as Accordion } from './components/accordion/Accordion';\nexport { default as AccordionContent } from './components/accordion/accordion-content/AccordionContent';\nexport { default as AccordionGroup } from './components/accordion/accordion-group/AccordionGroup';\nexport { default as AccordionIntro } from './components/accordion/accordion-intro/AccordionIntro';\nexport { default as Badge } from './components/badge/Badge';\nexport { default as Button } from './components/button/Button';\nexport { default as ColorSchemeProvider } from './components/color-scheme-provider/ColorSchemeProvider';\nexport { default as ContextMenu } from './components/context-menu/ContextMenu';\nexport { default as GridImage } from './components/grid-image/GridImage';\nexport { default as Icon } from './components/icon/Icon';\nexport { default as List } from './components/list/List';\nexport { default as ListItemContent } from './components/list/list-item/list-item-content/ListItemContent';\nexport { default as ListItem } from './components/list/list-item/ListItem';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["export { default as Accordion } from './components/accordion/Accordion';\nexport { default as AccordionContent } from './components/accordion/accordion-content/AccordionContent';\nexport { default as AccordionGroup } from './components/accordion/accordion-group/AccordionGroup';\nexport { default as AccordionIntro } from './components/accordion/accordion-intro/AccordionIntro';\nexport { default as Badge } from './components/badge/Badge';\nexport { default as Button } from './components/button/Button';\nexport { default as ColorSchemeProvider } from './components/color-scheme-provider/ColorSchemeProvider';\nexport { default as ContextMenu } from './components/context-menu/ContextMenu';\nexport { default as GridImage } from './components/grid-image/GridImage';\nexport { default as Icon } from './components/icon/Icon';\nexport { default as List } from './components/list/List';\nexport { default as ListItemContent } from './components/list/list-item/list-item-content/ListItemContent';\nexport { default as ListItem } from './components/list/list-item/ListItem';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAA2E"}

package/lib/types/chayns.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.ButtonType = void 0;
 let ButtonType;
 exports.ButtonType = ButtonType;
-
 (function (ButtonType) {
   ButtonType[ButtonType["Cancel"] = -1] = "Cancel";
   ButtonType[ButtonType["Negative"] = 0] = "Negative";

package/lib/types/chayns.js.map

@@ -1 +1 @@
-{"version":3,"file":"chayns.js","names":["ButtonType"],"sources":["../../src/types/chayns.ts"],"sourcesContent":["declare global {\n    let chayns: Chayns;\n}\n\nexport interface Chayns {\n    dialog: Dialog;\n    env: Env;\n}\n\nexport interface Dialog {\n    select(config: {\n        title?: string;\n        message?: string;\n        list: Array<SelectDialogItem>;\n        multiselect?: boolean;\n        type?: SelectType;\n        preventCloseOnClick?: boolean;\n        buttons?: DialogButton[];\n        selectAllButton?: string;\n    }): Promise<SelectDialogResult>;\n}\n\ndeclare enum ButtonText {\n    Cancel = 'Abbrechen',\n    No = 'Nein',\n    Ok = 'OK',\n    Yes = 'Ja',\n}\n\nexport enum ButtonType {\n    Cancel = -1,\n    Negative = 0,\n    Positive = 1,\n}\n\nexport interface DialogButton {\n    text: ButtonText | string;\n    buttonType: ButtonType | number;\n    collapseTime?: number;\n    textColor?: string;\n    backgroundColor?: string;\n}\n\nexport interface SelectDialogItem {\n    name: string;\n    value: string | number;\n    isSelected?: boolean;\n}\n\nexport interface SelectDialogResult {\n    buttonType: ButtonType | number;\n    selection: Array<SelectDialogItem>;\n}\n\ndeclare enum SelectType {\n    Default = 0,\n    Icon = 1,\n    IconAndText,\n}\n\nexport interface Env {\n    isMobile: boolean;\n    isTablet: boolean;\n}\n"],"mappings":";;;;;;IA6BYA,U;;;WAAAA,U;EAAAA,U,CAAAA,U;EAAAA,U,CAAAA,U;EAAAA,U,CAAAA,U;GAAAA,U,0BAAAA,U"}
+{"version":3,"file":"chayns.js","names":["ButtonType"],"sources":["../../src/types/chayns.ts"],"sourcesContent":["declare global {\n    let chayns: Chayns;\n}\n\nexport interface Chayns {\n    dialog: Dialog;\n    env: Env;\n}\n\nexport interface Dialog {\n    select(config: {\n        title?: string;\n        message?: string;\n        list: Array<SelectDialogItem>;\n        multiselect?: boolean;\n        type?: SelectType;\n        preventCloseOnClick?: boolean;\n        buttons?: DialogButton[];\n        selectAllButton?: string;\n    }): Promise<SelectDialogResult>;\n}\n\ndeclare enum ButtonText {\n    Cancel = 'Abbrechen',\n    No = 'Nein',\n    Ok = 'OK',\n    Yes = 'Ja',\n}\n\nexport enum ButtonType {\n    Cancel = -1,\n    Negative = 0,\n    Positive = 1,\n}\n\nexport interface DialogButton {\n    text: ButtonText | string;\n    buttonType: ButtonType | number;\n    collapseTime?: number;\n    textColor?: string;\n    backgroundColor?: string;\n}\n\nexport interface SelectDialogItem {\n    name: string;\n    value: string | number;\n    isSelected?: boolean;\n}\n\nexport interface SelectDialogResult {\n    buttonType: ButtonType | number;\n    selection: Array<SelectDialogItem>;\n}\n\ndeclare enum SelectType {\n    Default = 0,\n    Icon = 1,\n    IconAndText,\n}\n\nexport interface Env {\n    isMobile: boolean;\n    isTablet: boolean;\n}\n"],"mappings":";;;;;;IA6BYA,UAAU;AAAA;AAAA,WAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;AAAA,GAAVA,UAAU,0BAAVA,UAAU"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.0.0-beta.37",
+    "version": "5.0.0-beta.38",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "keywords": [
         "chayns",
@@ -33,26 +33,26 @@
         "url": "https://github.com/TobitSoftware/chayns-components/issues"
     },
     "devDependencies": {
-        "@babel/cli": "^7.17.3",
-        "@babel/core": "^7.17.5",
-        "@babel/preset-env": "^7.16.11",
-        "@babel/preset-react": "^7.16.7",
-        "@babel/preset-typescript": "^7.16.7",
-        "@types/react": "^17.0.39",
-        "@types/react-dom": "^17.0.11",
-        "@types/styled-components": "^5.1.23",
+        "@babel/cli": "^7.19.3",
+        "@babel/core": "^7.19.6",
+        "@babel/preset-env": "^7.19.4",
+        "@babel/preset-react": "^7.18.6",
+        "@babel/preset-typescript": "^7.18.6",
+        "@types/react": "^17.0.50",
+        "@types/react-dom": "^17.0.17",
+        "@types/styled-components": "^5.1.26",
         "@types/uuid": "^8.3.4",
-        "babel-loader": "^8.2.3",
+        "babel-loader": "^8.2.5",
         "lerna": "^4.0.0",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
-        "typescript": "^4.5.5"
+        "typescript": "^4.8.4"
     },
     "dependencies": {
         "@chayns/colors": "^2.0.0",
-        "clsx": "^1.1.1",
-        "framer-motion": "^6.2.6",
-        "styled-components": "^5.3.3",
+        "clsx": "^1.2.1",
+        "framer-motion": "^6.5.1",
+        "styled-components": "^5.3.6",
         "uuid": "^8.3.2"
     },
     "peerDependencies": {
@@ -62,5 +62,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "1a1a9eedf7067405d4138fbec50b7031045f94d2"
+    "gitHead": "6d07eb8a59af863c28096fc0ffddec94444e0048"
 }