@chayns-components/core 5.0.0-beta.9 → 5.0.0-beta.900

package/lib/types/utils/sliderButton.d.ts

@@ -0,0 +1,20 @@
+import type { AnimationScope } from 'framer-motion';
+interface GetNearestPointProps {
+    position: number;
+    snapPoints: number[];
+    scrollLeft: number;
+}
+export declare const getNearestPoint: ({ snapPoints, position, scrollLeft }: GetNearestPointProps) => {
+    nearestIndex: number;
+    nearestPoint: number;
+};
+interface GetThumbPositionProps {
+    scope: AnimationScope;
+    itemWidth: number;
+}
+export declare const getThumbPosition: ({ itemWidth, scope }: GetThumbPositionProps) => {
+    left: number;
+    right: number;
+    middle: number;
+} | undefined;
+export {};

package/lib/types/utils/tooltip.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from 'react';
+export declare const isTextOnlyElement: (element: ReactNode) => boolean;

package/lib/types/utils/truncation.d.ts

@@ -0,0 +1 @@
+export declare const truncateElement: (element: HTMLElement, referenceHeight: number) => void;

package/lib/types/utils/uploadFile.d.ts

@@ -0,0 +1,8 @@
+import type { Image, InternalFileItem, Video } from '../types/file';
+interface UploadFilesOptions {
+    fileToUpload: InternalFileItem;
+    callback: (UploadedFile: Video | Image) => void;
+    shouldUploadImageToSite?: boolean;
+}
+export declare const uploadFile: ({ fileToUpload, callback, shouldUploadImageToSite, }: UploadFilesOptions) => Promise<void>;
+export {};

package/package.json

@@ -1,64 +1,91 @@
 {
-  "name": "@chayns-components/core",
-  "version": "5.0.0-beta.9",
-  "description": "A set of beautiful React components for developing your own applications with chayns.",
-  "keywords": [
-    "chayns",
-    "react",
-    "components"
-  ],
-  "author": "Tobit.Software",
-  "homepage": "https://github.com/TobitSoftware/chayns-components/tree/main/packages/core#readme",
-  "license": "MIT",
-  "main": "lib/index.js",
-  "types": "lib/index.d.ts",
-  "directories": {
-    "lib": "lib",
-    "test": "__tests__"
-  },
-  "files": [
-    "lib"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/TobitSoftware/chayns-components.git"
-  },
-  "scripts": {
-    "build": "npm run build:js && npm run build:types",
-    "build:js": "babel src --out-dir lib --extensions=.ts,.tsx --source-maps --ignore=src/stories",
-    "build:types": "tsc",
-    "prepublishOnly": "npm run build"
-  },
-  "bugs": {
-    "url": "https://github.com/TobitSoftware/chayns-components/issues"
-  },
-  "eslintConfig": {
-    "extends": "@chayns-toolkit"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.15.4",
-    "@babel/core": "^7.15.5",
-    "@babel/preset-env": "^7.15.6",
-    "@babel/preset-react": "^7.14.5",
-    "@babel/preset-typescript": "^7.15.0",
-    "@chayns-toolkit/eslint-config": "^1.6.4",
-    "@types/react": "^17.0.21",
-    "@types/styled-components": "^5.1.14",
-    "babel-loader": "^8.2.2",
-    "lerna": "^4.0.0",
-    "react": "^17.0.2",
-    "typescript": "^4.4.3"
-  },
-  "dependencies": {
-    "clsx": "^1.1.1",
-    "framer-motion": "^4.1.17",
-    "styled-components": "^5.3.1"
-  },
-  "peerDependencies": {
-    "react": ">=16.8.0"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "gitHead": "42adc00a44982eefb2bfa4084dd660baea528cf9"
+    "name": "@chayns-components/core",
+    "version": "5.0.0-beta.900",
+    "description": "A set of beautiful React components for developing your own applications with chayns.",
+    "sideEffects": false,
+    "browserslist": [
+        ">0.5%",
+        "not dead",
+        "not op_mini all",
+        "not IE 11"
+    ],
+    "keywords": [
+        "chayns",
+        "react",
+        "components"
+    ],
+    "author": "Tobit.Software",
+    "homepage": "https://github.com/TobitSoftware/chayns-components/tree/main/packages/core#readme",
+    "license": "MIT",
+    "main": "lib/cjs/index.js",
+    "module": "lib/esm/index.js",
+    "types": "lib/types/index.d.ts",
+    "exports": {
+        ".": {
+            "require": "./lib/cjs/index.js",
+            "import": "./lib/esm/index.js",
+            "types": "./lib/types/index.d.ts"
+        }
+    },
+    "directories": {
+        "lib": "lib",
+        "test": "__tests__"
+    },
+    "files": [
+        "lib"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/TobitSoftware/chayns-components.git"
+    },
+    "scripts": {
+        "build": "npm run build:cjs && npm run build:esm && npm run build:types",
+        "build:types": "tsc",
+        "build:cjs": "cross-env NODE_ENV=cjs babel src --out-dir lib/cjs --extensions=.ts,.tsx --source-maps --ignore=src/stories",
+        "build:esm": "cross-env NODE_ENV=esm babel src --out-dir lib/esm --extensions=.ts,.tsx --source-maps --ignore=src/stories",
+        "prepublishOnly": "npm run build",
+        "watch:js": "npm run build:esm -- --watch",
+        "link": "npm link && npm run watch:js"
+    },
+    "bugs": {
+        "url": "https://github.com/TobitSoftware/chayns-components/issues"
+    },
+    "devDependencies": {
+        "@babel/cli": "^7.25.9",
+        "@babel/core": "^7.26.0",
+        "@babel/preset-env": "^7.26.0",
+        "@babel/preset-react": "^7.25.9",
+        "@babel/preset-typescript": "^7.26.0",
+        "@types/react": "^18.3.12",
+        "@types/react-dom": "^18.3.1",
+        "@types/react-helmet": "^6.1.11",
+        "@types/styled-components": "^5.1.34",
+        "@types/uuid": "^10.0.0",
+        "babel-loader": "^9.2.1",
+        "cross-env": "^7.0.3",
+        "lerna": "^8.1.9",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "styled-components": "^6.1.13",
+        "typescript": "^5.7.2"
+    },
+    "dependencies": {
+        "@chayns/colors": "^2.0.0",
+        "@chayns/uac-service": "^0.0.50",
+        "@react-hook/resize-observer": "^2.0.2",
+        "clsx": "^2.1.1",
+        "react-helmet": "^6.1.0",
+        "uuid": "^10.0.0"
+    },
+    "peerDependencies": {
+        "chayns-api": ">=1.0.73",
+        "framer-motion": ">=10.18.0",
+        "react": ">=16.14.0",
+        "react-dom": ">=16.14.0",
+        "styled-components": ">=5.3.11"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "gitHead": "cfbfe5a437b403a9c6b3812d4215cb568bd8d91f"
 }

package/lib/components/accordion/Accordion.d.ts

@@ -1,47 +0,0 @@
-import React, { FC, ReactNode } from 'react';
-export declare const AccordionContext: React.Context<{
-    isWrapped: boolean;
-}>;
-declare type AccordionProps = {
-    /**
-     * The content of the accordion body
-     */
-    children: ReactNode;
-    /**
-     * Defines the group of the Accordion. Accordions with the same group are
-     * automatically closed when an Accordion of the group is opened.
-     */
-    group?: string;
-    /**
-     * The icon that is displayed in front of the title
-     */
-    icon?: string;
-    /**
-     * This can be used to automatically expand the Accordion during the first render.
-     */
-    isDefaultOpen?: boolean;
-    /**
-     * This can be used so that the Accordion cannot be opened or closed.
-     * In addition, in this case the icon is exchanged to mark the Accordions.
-     */
-    isFixed?: boolean;
-    /**
-     * This will gray out the title of the Accordion to indicate hidden content, for example.
-     */
-    isTitleGreyed?: boolean;
-    /**
-     * This value must be set for nested Accordions. This adjusts the style of
-     * the head and the padding of the content.
-     */
-    isWrapped?: boolean;
-    /**
-     * Content to be displayed on the right side in the head of the Accordion
-     */
-    right?: ReactNode;
-    /**
-     * Title of the Accordion displayed in the head
-     */
-    title: ReactNode;
-};
-declare const Accordion: FC<AccordionProps>;
-export default Accordion;

package/lib/components/accordion/Accordion.js

@@ -1,124 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.AccordionContext = void 0;
-
-var _framerMotion = require("framer-motion");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _AccordionBody = _interopRequireDefault(require("./accordion-body/AccordionBody"));
-
-var _AccordionHead = _interopRequireDefault(require("./accordion-head/AccordionHead"));
-
-var _Accordion = require("./Accordion.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 _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var AccordionContext = /*#__PURE__*/_react.default.createContext({
-  isWrapped: false
-});
-
-exports.AccordionContext = AccordionContext;
-AccordionContext.displayName = 'AccordionContext';
-
-var Accordion = function Accordion(_ref) {
-  var children = _ref.children,
-      group = _ref.group,
-      icon = _ref.icon,
-      _ref$isDefaultOpen = _ref.isDefaultOpen,
-      isDefaultOpen = _ref$isDefaultOpen === void 0 ? false : _ref$isDefaultOpen,
-      _ref$isFixed = _ref.isFixed,
-      isFixed = _ref$isFixed === void 0 ? false : _ref$isFixed,
-      _ref$isTitleGreyed = _ref.isTitleGreyed,
-      isTitleGreyed = _ref$isTitleGreyed === void 0 ? false : _ref$isTitleGreyed,
-      _ref$isWrapped = _ref.isWrapped,
-      isWrapped = _ref$isWrapped === void 0 ? false : _ref$isWrapped,
-      right = _ref.right,
-      title = _ref.title;
-
-  var _useState = (0, _react.useState)(isDefaultOpen),
-      _useState2 = _slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
-  var accordionRef = (0, _react.useRef)(null);
-  var handleHeadClick = (0, _react.useCallback)(function () {
-    if (!isOpen && typeof group === 'string') {
-      var customEvent = new CustomEvent('accordionOpen', {
-        detail: {
-          group: group,
-          ref: accordionRef
-        }
-      });
-      document.body.dispatchEvent(customEvent);
-    }
-
-    setIsOpen(!isOpen);
-  }, [group, isOpen]);
-  var handleAccordionOpen = (0, _react.useCallback)(function (_ref2) {
-    var detail = _ref2.detail;
-
-    if (isOpen && group === detail.group && accordionRef.current !== detail.ref.current) {
-      setIsOpen(false);
-    }
-  }, [group, isOpen]);
-  (0, _react.useEffect)(function () {
-    // @ts-expect-error: Type is correct here because its a custom event
-    document.body.addEventListener('accordionOpen', handleAccordionOpen);
-    return function () {
-      // @ts-expect-error: Type is correct here because its a custom event
-      document.body.removeEventListener('accordionOpen', handleAccordionOpen);
-    };
-  }, [handleAccordionOpen]);
-  return /*#__PURE__*/_react.default.createElement(_framerMotion.MotionConfig, {
-    transition: {
-      duration: 0.25
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Accordion.StyledAccordion, {
-    className: "beta-chayns-accordion",
-    isOpen: isOpen,
-    isWrapped: isWrapped,
-    ref: accordionRef
-  }, /*#__PURE__*/_react.default.createElement(AccordionContext.Provider, {
-    value: {
-      isWrapped: isWrapped
-    }
-  }, /*#__PURE__*/_react.default.createElement(_AccordionHead.default, {
-    icon: icon,
-    isOpen: isOpen,
-    isFixed: isFixed,
-    isTitleGreyed: isTitleGreyed,
-    isWrapped: isWrapped,
-    onClick: handleHeadClick,
-    right: right,
-    title: title
-  }), /*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence, {
-    initial: false
-  }, isOpen && /*#__PURE__*/_react.default.createElement(_AccordionBody.default, null, children)))));
-};
-
-Accordion.displayName = 'Accordion';
-var _default = Accordion;
-exports.default = _default;
-//# sourceMappingURL=Accordion.js.map

package/lib/components/accordion/Accordion.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/accordion/Accordion.tsx"],"names":["AccordionContext","React","createContext","isWrapped","displayName","Accordion","children","group","icon","isDefaultOpen","isFixed","isTitleGreyed","right","title","isOpen","setIsOpen","accordionRef","handleHeadClick","customEvent","CustomEvent","detail","ref","document","body","dispatchEvent","handleAccordionOpen","current","addEventListener","removeEventListener","duration"],"mappings":"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","sourcesContent":["import { AnimatePresence, MotionConfig } from 'framer-motion';\nimport React, { FC, ReactNode, useCallback, useEffect, useRef, useState } from 'react';\nimport AccordionBody from './accordion-body/AccordionBody';\nimport AccordionHead from './accordion-head/AccordionHead';\nimport { StyledAccordion } from './Accordion.styles';\n\nexport const AccordionContext = React.createContext({ isWrapped: false });\n\nAccordionContext.displayName = 'AccordionContext';\n\ntype AccordionProps = {\n    /**\n     * The content of the accordion body\n     */\n    children: ReactNode;\n    /**\n     * Defines the group of the Accordion. Accordions with the same group are\n     * automatically closed when an Accordion of the group is opened.\n     */\n    group?: string;\n    /**\n     * The icon that is displayed in front of the title\n     */\n    icon?: string;\n    /**\n     * This can be used to automatically expand the Accordion during the first render.\n     */\n    isDefaultOpen?: boolean;\n    /**\n     * This can be used so that the Accordion cannot be opened or closed.\n     * In addition, in this case the icon is exchanged to mark the Accordions.\n     */\n    isFixed?: boolean;\n    /**\n     * This will gray out the title of the Accordion to indicate hidden content, for example.\n     */\n    isTitleGreyed?: boolean;\n    /**\n     * This value must be set for nested Accordions. This adjusts the style of\n     * the head and the padding of the content.\n     */\n    isWrapped?: boolean;\n    /**\n     * Content to be displayed on the right side in the head of the Accordion\n     */\n    right?: ReactNode;\n    /**\n     * Title of the Accordion displayed in the head\n     */\n    title: ReactNode;\n};\n\ninterface AccordionOpenData {\n    group: string;\n    ref: React.RefObject<HTMLDivElement>;\n}\n\nconst Accordion: FC<AccordionProps> = ({\n    children,\n    group,\n    icon,\n    isDefaultOpen = false,\n    isFixed = false,\n    isTitleGreyed = false,\n    isWrapped = false,\n    right,\n    title,\n}) => {\n    const [isOpen, setIsOpen] = useState(isDefaultOpen);\n\n    const accordionRef = useRef<HTMLDivElement>(null);\n\n    const handleHeadClick = useCallback(() => {\n        if (!isOpen && typeof group === 'string') {\n            const customEvent = new CustomEvent<AccordionOpenData>('accordionOpen', {\n                detail: { group, ref: accordionRef },\n            });\n\n            document.body.dispatchEvent(customEvent);\n        }\n\n        setIsOpen(!isOpen);\n    }, [group, isOpen]);\n\n    const handleAccordionOpen = useCallback(\n        ({ detail }: CustomEvent<AccordionOpenData>) => {\n            if (isOpen && group === detail.group && accordionRef.current !== detail.ref.current) {\n                setIsOpen(false);\n            }\n        },\n        [group, isOpen]\n    );\n\n    useEffect(() => {\n        // @ts-expect-error: Type is correct here because its a custom event\n        document.body.addEventListener('accordionOpen', handleAccordionOpen);\n\n        return () => {\n            // @ts-expect-error: Type is correct here because its a custom event\n            document.body.removeEventListener('accordionOpen', handleAccordionOpen);\n        };\n    }, [handleAccordionOpen]);\n\n    return (\n        <MotionConfig transition={{ duration: 0.25 }}>\n            <StyledAccordion\n                className=\"beta-chayns-accordion\"\n                isOpen={isOpen}\n                isWrapped={isWrapped}\n                ref={accordionRef}\n            >\n                <AccordionContext.Provider value={{ isWrapped }}>\n                    <AccordionHead\n                        icon={icon}\n                        isOpen={isOpen}\n                        isFixed={isFixed}\n                        isTitleGreyed={isTitleGreyed}\n                        isWrapped={isWrapped}\n                        onClick={handleHeadClick}\n                        right={right}\n                        title={title}\n                    />\n                    <AnimatePresence initial={false}>\n                        {isOpen && <AccordionBody>{children}</AccordionBody>}\n                    </AnimatePresence>\n                </AccordionContext.Provider>\n            </StyledAccordion>\n        </MotionConfig>\n    );\n};\n\nAccordion.displayName = 'Accordion';\n\nexport default Accordion;\n"],"file":"Accordion.js"}

package/lib/components/accordion/Accordion.styles.d.ts

@@ -1,6 +0,0 @@
-declare type StyledMotionAccordionProps = {
-    isOpen: boolean;
-    isWrapped: boolean;
-};
-export declare const StyledAccordion: import("styled-components").StyledComponent<"div", any, StyledMotionAccordionProps, never>;
-export {};

package/lib/components/accordion/Accordion.styles.js

@@ -1,40 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledAccordion = void 0;
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _templateObject, _templateObject2, _templateObject3;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var StyledAccordion = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", "\n\n    margin-bottom: ", ";\n    transition: background-color 0.2s ease, border-radius 0.2s ease, box-shadow 0.2s ease,\n        margin-bottom 0.2s ease;\n\n    ", "\n"])), function (_ref) {
-  var isOpen = _ref.isOpen,
-      isWrapped = _ref.isWrapped;
-  return isOpen && !isWrapped && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            background-color: rgba(", ", 0.85);\n            border-radius: 3px; // ToDo: Add correct border-radius here\n            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); // ToDo: Add correct box-shadow here\n        "])), function (_ref2) {
-    var theme = _ref2.theme;
-    return theme['100-rgb'];
-  });
-}, function (_ref3) {
-  var isOpen = _ref3.isOpen,
-      isWrapped = _ref3.isWrapped;
-  return isOpen && !isWrapped ? '30px' : '0px';
-}, function (_ref4) {
-  var isWrapped = _ref4.isWrapped;
-  return !isWrapped && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            margin-top: 10px;\n\n            &:hover {\n                background-color: rgba(", ", 0.85);\n            }\n        "])), function (_ref5) {
-    var theme = _ref5.theme;
-    return theme['100-rgb'];
-  });
-});
-
-exports.StyledAccordion = StyledAccordion;
-//# sourceMappingURL=Accordion.styles.js.map

package/lib/components/accordion/Accordion.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/accordion/Accordion.styles.ts"],"names":["StyledAccordion","styled","div","isOpen","isWrapped","css","theme"],"mappings":";;;;;;;;;AAAA;;;;;;;;;;AAOO,IAAMA,eAAe,GAAGC,0BAAOC,GAAV,wPACtB;AAAA,MAAGC,MAAH,QAAGA,MAAH;AAAA,MAAWC,SAAX,QAAWA,SAAX;AAAA,SACED,MAAM,IACN,CAACC,SADD,QAEAC,qBAFA,4SAG6B;AAAA,QAAGC,KAAH,SAAGA,KAAH;AAAA,WAAeA,KAAK,CAAC,SAAD,CAApB;AAAA,GAH7B,CADF;AAAA,CADsB,EAUP;AAAA,MAAGH,MAAH,SAAGA,MAAH;AAAA,MAAWC,SAAX,SAAWA,SAAX;AAAA,SAA4BD,MAAM,IAAI,CAACC,SAAX,GAAuB,MAAvB,GAAgC,KAA5D;AAAA,CAVO,EActB;AAAA,MAAGA,SAAH,SAAGA,SAAH;AAAA,SACE,CAACA,SAAD,QACAC,qBADA,+MAKiC;AAAA,QAAGC,KAAH,SAAGA,KAAH;AAAA,WAAeA,KAAK,CAAC,SAAD,CAApB;AAAA,GALjC,CADF;AAAA,CAdsB,CAArB","sourcesContent":["import styled, { css } from 'styled-components';\n\ntype StyledMotionAccordionProps = {\n    isOpen: boolean;\n    isWrapped: boolean;\n};\n\nexport const StyledAccordion = styled.div<StyledMotionAccordionProps>`\n    ${({ isOpen, isWrapped }) =>\n        isOpen &&\n        !isWrapped &&\n        css`\n            background-color: rgba(${({ theme }) => theme['100-rgb']}, 0.85);\n            border-radius: 3px; // ToDo: Add correct border-radius here\n            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); // ToDo: Add correct box-shadow here\n        `}\n\n    margin-bottom: ${({ isOpen, isWrapped }) => (isOpen && !isWrapped ? '30px' : '0px')};\n    transition: background-color 0.2s ease, border-radius 0.2s ease, box-shadow 0.2s ease,\n        margin-bottom 0.2s ease;\n\n    ${({ isWrapped }) =>\n        !isWrapped &&\n        css`\n            margin-top: 10px;\n\n            &:hover {\n                background-color: rgba(${({ theme }) => theme['100-rgb']}, 0.85);\n            }\n        `}\n`;\n"],"file":"Accordion.styles.js"}

package/lib/components/accordion/accordion-body/AccordionBody.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-declare const AccordionBody: FC;
-export default AccordionBody;

package/lib/components/accordion/accordion-body/AccordionBody.js

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _AccordionBody = require("./AccordionBody.styles");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var AccordionBody = function AccordionBody(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement(_AccordionBody.StyledMotionAccordionBody, {
-    animate: {
-      height: 'auto',
-      opacity: 1
-    },
-    className: "beta-chayns-accordion-body",
-    exit: {
-      height: 0,
-      opacity: 0
-    },
-    initial: {
-      height: 0,
-      opacity: 0
-    }
-  }, children);
-};
-
-AccordionBody.displayName = 'AccordionBody';
-var _default = AccordionBody;
-exports.default = _default;
-//# sourceMappingURL=AccordionBody.js.map

package/lib/components/accordion/accordion-body/AccordionBody.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/accordion/accordion-body/AccordionBody.tsx"],"names":["AccordionBody","children","height","opacity","displayName"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,IAAMA,aAAiB,GAAG,SAApBA,aAAoB;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,sBACtB,6BAAC,wCAAD;AACI,IAAA,OAAO,EAAE;AAAEC,MAAAA,MAAM,EAAE,MAAV;AAAkBC,MAAAA,OAAO,EAAE;AAA3B,KADb;AAEI,IAAA,SAAS,EAAC,4BAFd;AAGI,IAAA,IAAI,EAAE;AAAED,MAAAA,MAAM,EAAE,CAAV;AAAaC,MAAAA,OAAO,EAAE;AAAtB,KAHV;AAII,IAAA,OAAO,EAAE;AAAED,MAAAA,MAAM,EAAE,CAAV;AAAaC,MAAAA,OAAO,EAAE;AAAtB;AAJb,KAMKF,QANL,CADsB;AAAA,CAA1B;;AAWAD,aAAa,CAACI,WAAd,GAA4B,eAA5B;eAEeJ,a","sourcesContent":["import React, { FC } from 'react';\nimport { StyledMotionAccordionBody } from './AccordionBody.styles';\n\nconst AccordionBody: FC = ({ children }) => (\n    <StyledMotionAccordionBody\n        animate={{ height: 'auto', opacity: 1 }}\n        className=\"beta-chayns-accordion-body\"\n        exit={{ height: 0, opacity: 0 }}\n        initial={{ height: 0, opacity: 0 }}\n    >\n        {children}\n    </StyledMotionAccordionBody>\n);\n\nAccordionBody.displayName = 'AccordionBody';\n\nexport default AccordionBody;\n"],"file":"AccordionBody.js"}

package/lib/components/accordion/accordion-body/AccordionBody.styles.d.ts

@@ -1 +0,0 @@
-export declare const StyledMotionAccordionBody: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;

package/lib/components/accordion/accordion-body/AccordionBody.styles.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledMotionAccordionBody = void 0;
-
-var _framerMotion = require("framer-motion");
-
-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) } })); }
-
-var StyledMotionAccordionBody = (0, _styledComponents.default)(_framerMotion.motion.div)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    overflow: hidden;\n"])));
-exports.StyledMotionAccordionBody = StyledMotionAccordionBody;
-//# sourceMappingURL=AccordionBody.styles.js.map

package/lib/components/accordion/accordion-body/AccordionBody.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/accordion/accordion-body/AccordionBody.styles.ts"],"names":["StyledMotionAccordionBody","motion","div"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAEO,IAAMA,yBAAyB,GAAG,+BAAOC,qBAAOC,GAAd,CAAH,8FAA/B","sourcesContent":["import { motion } from 'framer-motion';\nimport styled from 'styled-components';\n\nexport const StyledMotionAccordionBody = styled(motion.div)`\n    overflow: hidden;\n`;\n"],"file":"AccordionBody.styles.js"}

package/lib/components/accordion/accordion-content/AccordionContent.d.ts

@@ -1,9 +0,0 @@
-import { FC, ReactNode } from 'react';
-declare type AccordionContentProps = {
-    /**
-     * The content of the accordion body
-     */
-    children: ReactNode;
-};
-declare const AccordionContent: FC<AccordionContentProps>;
-export default AccordionContent;

package/lib/components/accordion/accordion-content/AccordionContent.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Accordion = require("../Accordion");
-
-var _AccordionContent = require("./AccordionContent.styles");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var AccordionContent = function AccordionContent(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement(_Accordion.AccordionContext.Consumer, null, function (_ref2) {
-    var isWrapped = _ref2.isWrapped;
-    return /*#__PURE__*/_react.default.createElement(_AccordionContent.StyledAccordionContent, {
-      className: "beta-chayns-accordion-content",
-      isWrapped: isWrapped
-    }, children);
-  });
-};
-
-AccordionContent.displayName = 'AccordionContent';
-var _default = AccordionContent;
-exports.default = _default;
-//# sourceMappingURL=AccordionContent.js.map

package/lib/components/accordion/accordion-content/AccordionContent.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/accordion/accordion-content/AccordionContent.tsx"],"names":["AccordionContent","children","isWrapped","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AASA,IAAMA,gBAA2C,GAAG,SAA9CA,gBAA8C;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,sBAChD,6BAAC,2BAAD,CAAkB,QAAlB,QACK;AAAA,QAAGC,SAAH,SAAGA,SAAH;AAAA,wBACG,6BAAC,wCAAD;AAAwB,MAAA,SAAS,EAAC,+BAAlC;AAAkE,MAAA,SAAS,EAAEA;AAA7E,OACKD,QADL,CADH;AAAA,GADL,CADgD;AAAA,CAApD;;AAUAD,gBAAgB,CAACG,WAAjB,GAA+B,kBAA/B;eAEeH,gB","sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport { AccordionContext } from '../Accordion';\nimport { StyledAccordionContent } from './AccordionContent.styles';\n\ntype AccordionContentProps = {\n    /**\n     * The content of the accordion body\n     */\n    children: ReactNode;\n};\n\nconst AccordionContent: FC<AccordionContentProps> = ({ children }) => (\n    <AccordionContext.Consumer>\n        {({ isWrapped }) => (\n            <StyledAccordionContent className=\"beta-chayns-accordion-content\" isWrapped={isWrapped}>\n                {children}\n            </StyledAccordionContent>\n        )}\n    </AccordionContext.Consumer>\n);\n\nAccordionContent.displayName = 'AccordionContent';\n\nexport default AccordionContent;\n"],"file":"AccordionContent.js"}

package/lib/components/accordion/accordion-content/AccordionContent.styles.d.ts

@@ -1,5 +0,0 @@
-declare type StyledAccordionContentProps = {
-    isWrapped: boolean;
-};
-export declare const StyledAccordionContent: import("styled-components").StyledComponent<"div", any, StyledAccordionContentProps, never>;
-export {};

package/lib/components/accordion/accordion-content/AccordionContent.styles.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledAccordionContent = 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) } })); }
-
-var StyledAccordionContent = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: ", ";\n"])), function (_ref) {
-  var isWrapped = _ref.isWrapped;
-  return isWrapped ? '0 9px 18px 26px' : '0 9px 9px 10px';
-});
-
-exports.StyledAccordionContent = StyledAccordionContent;
-//# sourceMappingURL=AccordionContent.styles.js.map

package/lib/components/accordion/accordion-content/AccordionContent.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/accordion/accordion-content/AccordionContent.styles.ts"],"names":["StyledAccordionContent","styled","div","isWrapped"],"mappings":";;;;;;;AAAA;;;;;;;;AAMO,IAAMA,sBAAsB,GAAGC,0BAAOC,GAAV,4FACpB;AAAA,MAAGC,SAAH,QAAGA,SAAH;AAAA,SAAoBA,SAAS,GAAG,iBAAH,GAAuB,gBAApD;AAAA,CADoB,CAA5B","sourcesContent":["import styled from 'styled-components';\n\ntype StyledAccordionContentProps = {\n    isWrapped: boolean;\n};\n\nexport const StyledAccordionContent = styled.div<StyledAccordionContentProps>`\n    padding: ${({ isWrapped }) => (isWrapped ? '0 9px 18px 26px' : '0 9px 9px 10px')};\n`;\n"],"file":"AccordionContent.styles.js"}

package/lib/components/accordion/accordion-head/AccordionHead.d.ts

@@ -1,13 +0,0 @@
-import { FC, MouseEventHandler, ReactNode } from 'react';
-declare type AccordionHeadProps = {
-    icon?: string;
-    isOpen: boolean;
-    isFixed: boolean;
-    isTitleGreyed: boolean;
-    isWrapped: boolean;
-    onClick: MouseEventHandler<HTMLDivElement>;
-    right?: ReactNode;
-    title: ReactNode;
-};
-declare const AccordionHead: FC<AccordionHeadProps>;
-export default AccordionHead;