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

package/lib/components/accordion/accordion-head/AccordionHead.js

@@ -1,114 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _framerMotion = require("framer-motion");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Icon = _interopRequireDefault(require("../../icon/Icon"));
-
-var _AccordionHead = require("./AccordionHead.styles");
-
-var _utils = require("../utils");
-
-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 AccordionHead = function AccordionHead(_ref) {
-  var icon = _ref.icon,
-      isOpen = _ref.isOpen,
-      isFixed = _ref.isFixed,
-      isTitleGreyed = _ref.isTitleGreyed,
-      isWrapped = _ref.isWrapped,
-      onClick = _ref.onClick,
-      right = _ref.right,
-      title = _ref.title;
-
-  var _useState = (0, _react.useState)({
-    closed: isWrapped ? 40 : 33,
-    open: isWrapped ? 40 : 33
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      headHeight = _useState2[0],
-      setHeadHeight = _useState2[1];
-
-  var titleWrapperRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    if (typeof title === 'string') {
-      var _titleWrapperRef$curr, _titleWrapperRef$curr2;
-
-      setHeadHeight((0, _utils.getAccordionHeadHeight)({
-        isWrapped: isWrapped,
-        title: title,
-        width: ((_titleWrapperRef$curr = (_titleWrapperRef$curr2 = titleWrapperRef.current) === null || _titleWrapperRef$curr2 === void 0 ? void 0 : _titleWrapperRef$curr2.clientWidth) !== null && _titleWrapperRef$curr !== void 0 ? _titleWrapperRef$curr : 0) - 10
-      }));
-    }
-  }, [isWrapped, title]);
-  return /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledMotionAccordionHead, {
-    animate: {
-      height: isOpen ? headHeight.open : headHeight.closed
-    },
-    className: "beta-chayns-accordion-head",
-    initial: false
-  }, /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledMotionIconWrapper, {
-    animate: {
-      rotate: isOpen || isFixed ? 90 : 0
-    },
-    initial: false,
-    onClick: !isFixed ? onClick : undefined
-  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    icons: [isFixed ? 'fa fa-horizontal-rule' : icon !== null && icon !== void 0 ? icon : 'fa fa-chevron-right']
-  })), /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledMotionTitleWrapper, {
-    animate: {
-      opacity: isTitleGreyed ? 0.5 : 1
-    },
-    initial: false,
-    onClick: !isFixed ? onClick : undefined,
-    ref: titleWrapperRef
-  }, /*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence, {
-    initial: false
-  }, /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledMotionTitle, {
-    animate: {
-      opacity: 1,
-      scale: 1
-    },
-    exit: {
-      opacity: 0,
-      position: 'absolute',
-      scale: isOpen && !isWrapped ? 1 / 1.3 : 1.3
-    },
-    initial: {
-      opacity: 0,
-      scale: isOpen && !isWrapped ? 1 / 1.3 : 1.3
-    },
-    isOpen: isOpen,
-    isWrapped: isWrapped,
-    key: isOpen && !isWrapped ? 'accordionHeadTitleBig' : 'accordionHeadTitle'
-  }, title))), right && /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledRightWrapper, null, right));
-};
-
-AccordionHead.displayName = 'AccordionHead';
-var _default = AccordionHead;
-exports.default = _default;
-//# sourceMappingURL=AccordionHead.js.map

package/lib/components/accordion/accordion-head/AccordionHead.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/accordion/accordion-head/AccordionHead.tsx"],"names":["AccordionHead","icon","isOpen","isFixed","isTitleGreyed","isWrapped","onClick","right","title","closed","open","headHeight","setHeadHeight","titleWrapperRef","width","current","clientWidth","height","rotate","undefined","opacity","scale","position","displayName"],"mappings":"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","sourcesContent":["import { AnimatePresence } from 'framer-motion';\nimport React, { FC, MouseEventHandler, ReactNode, useEffect, useRef, useState } from 'react';\nimport Icon from '../../icon/Icon';\nimport {\n    StyledMotionAccordionHead,\n    StyledMotionIconWrapper,\n    StyledMotionTitle,\n    StyledRightWrapper,\n    StyledMotionTitleWrapper,\n} from './AccordionHead.styles';\nimport { getAccordionHeadHeight } from '../utils';\n\ntype AccordionHeadProps = {\n    icon?: string;\n    isOpen: boolean;\n    isFixed: boolean;\n    isTitleGreyed: boolean;\n    isWrapped: boolean;\n    onClick: MouseEventHandler<HTMLDivElement>;\n    right?: ReactNode;\n    title: ReactNode;\n};\n\ninterface HeadHeight {\n    closed: number;\n    open: number;\n}\n\nconst AccordionHead: FC<AccordionHeadProps> = ({\n    icon,\n    isOpen,\n    isFixed,\n    isTitleGreyed,\n    isWrapped,\n    onClick,\n    right,\n    title,\n}) => {\n    const [headHeight, setHeadHeight] = useState<HeadHeight>({\n        closed: isWrapped ? 40 : 33,\n        open: isWrapped ? 40 : 33,\n    });\n    const titleWrapperRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        if (typeof title === 'string') {\n            setHeadHeight(\n                getAccordionHeadHeight({\n                    isWrapped,\n                    title,\n                    width: (titleWrapperRef.current?.clientWidth ?? 0) - 10,\n                })\n            );\n        }\n    }, [isWrapped, title]);\n\n    return (\n        <StyledMotionAccordionHead\n            animate={{ height: isOpen ? headHeight.open : headHeight.closed }}\n            className=\"beta-chayns-accordion-head\"\n            initial={false}\n        >\n            <StyledMotionIconWrapper\n                animate={{ rotate: isOpen || isFixed ? 90 : 0 }}\n                initial={false}\n                onClick={!isFixed ? onClick : undefined}\n            >\n                <Icon icons={[isFixed ? 'fa fa-horizontal-rule' : icon ?? 'fa fa-chevron-right']} />\n            </StyledMotionIconWrapper>\n            <StyledMotionTitleWrapper\n                animate={{ opacity: isTitleGreyed ? 0.5 : 1 }}\n                initial={false}\n                onClick={!isFixed ? onClick : undefined}\n                ref={titleWrapperRef}\n            >\n                <AnimatePresence initial={false}>\n                    <StyledMotionTitle\n                        animate={{ opacity: 1, scale: 1 }}\n                        exit={{\n                            opacity: 0,\n                            position: 'absolute',\n                            scale: isOpen && !isWrapped ? 1 / 1.3 : 1.3,\n                        }}\n                        initial={{ opacity: 0, scale: isOpen && !isWrapped ? 1 / 1.3 : 1.3 }}\n                        isOpen={isOpen}\n                        isWrapped={isWrapped}\n                        key={isOpen && !isWrapped ? 'accordionHeadTitleBig' : 'accordionHeadTitle'}\n                    >\n                        {title}\n                    </StyledMotionTitle>\n                </AnimatePresence>\n            </StyledMotionTitleWrapper>\n            {right && <StyledRightWrapper>{right}</StyledRightWrapper>}\n        </StyledMotionAccordionHead>\n    );\n};\n\nAccordionHead.displayName = 'AccordionHead';\n\nexport default AccordionHead;\n"],"file":"AccordionHead.js"}

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

@@ -1,14 +0,0 @@
-import type { MouseEventHandler } from 'react';
-declare type StyledMotionAccordionHeadProps = {
-    onClick?: MouseEventHandler<HTMLDivElement>;
-};
-export declare const StyledMotionAccordionHead: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, StyledMotionAccordionHeadProps, never>;
-export declare const StyledMotionIconWrapper: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
-export declare const StyledMotionTitleWrapper: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
-interface StyledMotionTitleProps {
-    isOpen: boolean;
-    isWrapped: boolean;
-}
-export declare const StyledMotionTitle: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, StyledMotionTitleProps, never>;
-export declare const StyledRightWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export {};

package/lib/components/accordion/accordion-head/AccordionHead.styles.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledRightWrapper = exports.StyledMotionTitle = exports.StyledMotionTitleWrapper = exports.StyledMotionIconWrapper = exports.StyledMotionAccordionHead = void 0;
-
-var _framerMotion = require("framer-motion");
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-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 StyledMotionAccordionHead = (0, _styledComponents.default)(_framerMotion.motion.div)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    align-items: center;\n    cursor: ", ";\n    display: flex;\n    overflow: hidden;\n    padding: 4px 0;\n"])), function (_ref) {
-  var onClick = _ref.onClick;
-  return typeof onClick === 'function' ? 'pointer' : 'default';
-});
-exports.StyledMotionAccordionHead = StyledMotionAccordionHead;
-var StyledMotionIconWrapper = (0, _styledComponents.default)(_framerMotion.motion.div)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    align-items: center;\n    display: flex;\n    flex: 0 0 auto;\n    height: 25px;\n    justify-content: center;\n    width: 25px;\n"])));
-exports.StyledMotionIconWrapper = StyledMotionIconWrapper;
-var StyledMotionTitleWrapper = (0, _styledComponents.default)(_framerMotion.motion.div)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    align-self: flex-start;\n    flex: 1 1 auto;\n    height: 100%;\n    overflow: hidden;\n    margin-right: 10px;\n    position: relative;\n"])));
-exports.StyledMotionTitleWrapper = StyledMotionTitleWrapper;
-var StyledMotionTitle = (0, _styledComponents.default)(_framerMotion.motion.div)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    align-items: center;\n    display: flex;\n    font-size: ", ";\n    font-weight: ", ";\n    height: ", ";\n    overflow: hidden;\n    text-overflow: ellipsis;\n    transform-origin: top left;\n    user-select: none;\n    white-space: ", ";\n    width: 100%;\n"])), function (_ref2) {
-  var isOpen = _ref2.isOpen,
-      isWrapped = _ref2.isWrapped;
-  return isOpen && !isWrapped ? '1.3rem' : undefined;
-}, function (_ref3) {
-  var isOpen = _ref3.isOpen,
-      isWrapped = _ref3.isWrapped;
-  return isOpen && isWrapped ? 700 : 'normal';
-}, function (_ref4) {
-  var isWrapped = _ref4.isWrapped;
-  return isWrapped ? '100%' : undefined;
-}, function (_ref5) {
-  var isOpen = _ref5.isOpen,
-      isWrapped = _ref5.isWrapped;
-  return isOpen && !isWrapped ? 'normal' : 'nowrap';
-});
-exports.StyledMotionTitle = StyledMotionTitle;
-
-var StyledRightWrapper = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    display: flex;\n    flex: 0 0 auto;\n    flex-direction: column;\n    justify-content: center;\n    margin-right: 5px;\n    overflow: hidden;\n"])));
-
-exports.StyledRightWrapper = StyledRightWrapper;
-//# sourceMappingURL=AccordionHead.styles.js.map

package/lib/components/accordion/accordion-head/AccordionHead.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/accordion/accordion-head/AccordionHead.styles.ts"],"names":["StyledMotionAccordionHead","motion","div","onClick","StyledMotionIconWrapper","StyledMotionTitleWrapper","StyledMotionTitle","isOpen","isWrapped","undefined","StyledRightWrapper","styled"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;;;AAMO,IAAMA,yBAAyB,GAAG,+BAAOC,qBAAOC,GAAd,CAAH,qLAExB;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,SAAkB,OAAOA,OAAP,KAAmB,UAAnB,GAAgC,SAAhC,GAA4C,SAA9D;AAAA,CAFwB,CAA/B;;AAQA,IAAMC,uBAAuB,GAAG,+BAAOH,qBAAOC,GAAd,CAAH,+MAA7B;;AASA,IAAMG,wBAAwB,GAAG,+BAAOJ,qBAAOC,GAAd,CAAH,uNAA9B;;AAcA,IAAMI,iBAAiB,GAAG,+BAAOL,qBAAOC,GAAd,CAAH,iVAGb;AAAA,MAAGK,MAAH,SAAGA,MAAH;AAAA,MAAWC,SAAX,SAAWA,SAAX;AAAA,SAA4BD,MAAM,IAAI,CAACC,SAAX,GAAuB,QAAvB,GAAkCC,SAA9D;AAAA,CAHa,EAIX;AAAA,MAAGF,MAAH,SAAGA,MAAH;AAAA,MAAWC,SAAX,SAAWA,SAAX;AAAA,SAA4BD,MAAM,IAAIC,SAAV,GAAsB,GAAtB,GAA4B,QAAxD;AAAA,CAJW,EAKhB;AAAA,MAAGA,SAAH,SAAGA,SAAH;AAAA,SAAoBA,SAAS,GAAG,MAAH,GAAYC,SAAzC;AAAA,CALgB,EAUX;AAAA,MAAGF,MAAH,SAAGA,MAAH;AAAA,MAAWC,SAAX,SAAWA,SAAX;AAAA,SAA4BD,MAAM,IAAI,CAACC,SAAX,GAAuB,QAAvB,GAAkC,QAA9D;AAAA,CAVW,CAAvB;;;AAcA,IAAME,kBAAkB,GAAGC,0BAAOT,GAAV,4NAAxB","sourcesContent":["import { motion } from 'framer-motion';\nimport type { MouseEventHandler } from 'react';\nimport styled from 'styled-components';\n\ntype StyledMotionAccordionHeadProps = {\n    onClick?: MouseEventHandler<HTMLDivElement>;\n};\n\nexport const StyledMotionAccordionHead = styled(motion.div)<StyledMotionAccordionHeadProps>`\n    align-items: center;\n    cursor: ${({ onClick }) => (typeof onClick === 'function' ? 'pointer' : 'default')};\n    display: flex;\n    overflow: hidden;\n    padding: 4px 0;\n`;\n\nexport const StyledMotionIconWrapper = styled(motion.div)`\n    align-items: center;\n    display: flex;\n    flex: 0 0 auto;\n    height: 25px;\n    justify-content: center;\n    width: 25px;\n`;\n\nexport const StyledMotionTitleWrapper = styled(motion.div)`\n    align-self: flex-start;\n    flex: 1 1 auto;\n    height: 100%;\n    overflow: hidden;\n    margin-right: 10px;\n    position: relative;\n`;\n\ninterface StyledMotionTitleProps {\n    isOpen: boolean;\n    isWrapped: boolean;\n}\n\nexport const StyledMotionTitle = styled(motion.div)<StyledMotionTitleProps>`\n    align-items: center;\n    display: flex;\n    font-size: ${({ isOpen, isWrapped }) => (isOpen && !isWrapped ? '1.3rem' : undefined)};\n    font-weight: ${({ isOpen, isWrapped }) => (isOpen && isWrapped ? 700 : 'normal')};\n    height: ${({ isWrapped }) => (isWrapped ? '100%' : undefined)};\n    overflow: hidden;\n    text-overflow: ellipsis;\n    transform-origin: top left;\n    user-select: none;\n    white-space: ${({ isOpen, isWrapped }) => (isOpen && !isWrapped ? 'normal' : 'nowrap')};\n    width: 100%;\n`;\n\nexport const StyledRightWrapper = styled.div`\n    display: flex;\n    flex: 0 0 auto;\n    flex-direction: column;\n    justify-content: center;\n    margin-right: 5px;\n    overflow: hidden;\n`;\n"],"file":"AccordionHead.styles.js"}

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

@@ -1,11 +0,0 @@
-interface GetAccordionHeadHeightOptions {
-    isWrapped?: boolean;
-    title: string;
-    width: number;
-}
-interface GetAccordionHeadHeightResult {
-    closed: number;
-    open: number;
-}
-export declare const getAccordionHeadHeight: ({ isWrapped, title, width, }: GetAccordionHeadHeightOptions) => GetAccordionHeadHeightResult;
-export {};

package/lib/components/accordion/utils.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getAccordionHeadHeight = void 0;
-
-var getAccordionHeadHeight = function getAccordionHeadHeight(_ref) {
-  var isWrapped = _ref.isWrapped,
-      title = _ref.title,
-      width = _ref.width;
-  var element = document.createElement('div');
-  element.style.fontSize = '1rem';
-  element.style.opacity = '0';
-  element.style.pointerEvents = 'none';
-  element.style.whiteSpace = 'nowrap';
-  element.style.width = "".concat(width, "px");
-  element.innerText = title;
-  document.body.appendChild(element);
-  var closedHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);
-
-  if (isWrapped) {
-    element.style.fontWeight = 'bold';
-  } else {
-    element.style.fontSize = '1.3rem';
-  }
-
-  element.style.whiteSpace = 'normal';
-  var openHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);
-  document.body.removeChild(element);
-  return {
-    closed: closedHeight,
-    open: openHeight
-  };
-};
-
-exports.getAccordionHeadHeight = getAccordionHeadHeight;
-//# sourceMappingURL=utils.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/accordion/utils.ts"],"names":["getAccordionHeadHeight","isWrapped","title","width","element","document","createElement","style","fontSize","opacity","pointerEvents","whiteSpace","innerText","body","appendChild","closedHeight","Math","max","clientHeight","fontWeight","openHeight","removeChild","closed","open"],"mappings":";;;;;;;AAWO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,OAI6B;AAAA,MAH/DC,SAG+D,QAH/DA,SAG+D;AAAA,MAF/DC,KAE+D,QAF/DA,KAE+D;AAAA,MAD/DC,KAC+D,QAD/DA,KAC+D;AAC/D,MAAMC,OAAO,GAAGC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAhB;AAEAF,EAAAA,OAAO,CAACG,KAAR,CAAcC,QAAd,GAAyB,MAAzB;AACAJ,EAAAA,OAAO,CAACG,KAAR,CAAcE,OAAd,GAAwB,GAAxB;AACAL,EAAAA,OAAO,CAACG,KAAR,CAAcG,aAAd,GAA8B,MAA9B;AACAN,EAAAA,OAAO,CAACG,KAAR,CAAcI,UAAd,GAA2B,QAA3B;AACAP,EAAAA,OAAO,CAACG,KAAR,CAAcJ,KAAd,aAAyBA,KAAzB;AAEAC,EAAAA,OAAO,CAACQ,SAAR,GAAoBV,KAApB;AAEAG,EAAAA,QAAQ,CAACQ,IAAT,CAAcC,WAAd,CAA0BV,OAA1B;AAEA,MAAMW,YAAY,GAAGC,IAAI,CAACC,GAAL,CAASb,OAAO,CAACc,YAAR,GAAuB,CAAhC,EAAmCjB,SAAS,GAAG,EAAH,GAAQ,EAApD,CAArB;;AAEA,MAAIA,SAAJ,EAAe;AACXG,IAAAA,OAAO,CAACG,KAAR,CAAcY,UAAd,GAA2B,MAA3B;AACH,GAFD,MAEO;AACHf,IAAAA,OAAO,CAACG,KAAR,CAAcC,QAAd,GAAyB,QAAzB;AACH;;AAEDJ,EAAAA,OAAO,CAACG,KAAR,CAAcI,UAAd,GAA2B,QAA3B;AAEA,MAAMS,UAAU,GAAGJ,IAAI,CAACC,GAAL,CAASb,OAAO,CAACc,YAAR,GAAuB,CAAhC,EAAmCjB,SAAS,GAAG,EAAH,GAAQ,EAApD,CAAnB;AAEAI,EAAAA,QAAQ,CAACQ,IAAT,CAAcQ,WAAd,CAA0BjB,OAA1B;AAEA,SAAO;AAAEkB,IAAAA,MAAM,EAAEP,YAAV;AAAwBQ,IAAAA,IAAI,EAAEH;AAA9B,GAAP;AACH,CAhCM","sourcesContent":["interface GetAccordionHeadHeightOptions {\n    isWrapped?: boolean;\n    title: string;\n    width: number;\n}\n\ninterface GetAccordionHeadHeightResult {\n    closed: number;\n    open: number;\n}\n\nexport const getAccordionHeadHeight = ({\n    isWrapped,\n    title,\n    width,\n}: GetAccordionHeadHeightOptions): GetAccordionHeadHeightResult => {\n    const element = document.createElement('div');\n\n    element.style.fontSize = '1rem';\n    element.style.opacity = '0';\n    element.style.pointerEvents = 'none';\n    element.style.whiteSpace = 'nowrap';\n    element.style.width = `${width}px`;\n\n    element.innerText = title;\n\n    document.body.appendChild(element);\n\n    const closedHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);\n\n    if (isWrapped) {\n        element.style.fontWeight = 'bold';\n    } else {\n        element.style.fontSize = '1.3rem';\n    }\n\n    element.style.whiteSpace = 'normal';\n\n    const openHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);\n\n    document.body.removeChild(element);\n\n    return { closed: closedHeight, open: openHeight };\n};\n"],"file":"utils.js"}

package/lib/components/badge/Badge.d.ts

@@ -1,13 +0,0 @@
-import { FC, ReactNode } from 'react';
-declare type BadgeProps = {
-    /**
-     * The content of the badge
-     */
-    children: ReactNode;
-    /**
-     * Additional class names for the badge element
-     */
-    className?: string;
-};
-declare const Badge: FC<BadgeProps>;
-export default Badge;

package/lib/components/badge/Badge.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _Badge = require("./Badge.styles");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Badge = function Badge(_ref) {
-  var children = _ref.children,
-      className = _ref.className;
-  var badgeClasses = (0, _clsx.default)('beta-chayns-badge ellipsis', className);
-  return /*#__PURE__*/_react.default.createElement(_Badge.StyledBadge, {
-    className: badgeClasses
-  }, children);
-};
-
-Badge.displayName = 'Badge';
-var _default = Badge;
-exports.default = _default;
-//# sourceMappingURL=Badge.js.map

package/lib/components/badge/Badge.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/badge/Badge.tsx"],"names":["Badge","children","className","badgeClasses","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAaA,IAAMA,KAAqB,GAAG,SAAxBA,KAAwB,OAA6B;AAAA,MAA1BC,QAA0B,QAA1BA,QAA0B;AAAA,MAAhBC,SAAgB,QAAhBA,SAAgB;AACvD,MAAMC,YAAY,GAAG,mBAAK,4BAAL,EAAmCD,SAAnC,CAArB;AAEA,sBAAO,6BAAC,kBAAD;AAAa,IAAA,SAAS,EAAEC;AAAxB,KAAuCF,QAAvC,CAAP;AACH,CAJD;;AAMAD,KAAK,CAACI,WAAN,GAAoB,OAApB;eAEeJ,K","sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport clsx from 'clsx';\nimport { StyledBadge } from './Badge.styles';\n\ntype BadgeProps = {\n    /**\n     * The content of the badge\n     */\n    children: ReactNode;\n    /**\n     * Additional class names for the badge element\n     */\n    className?: string;\n};\n\nconst Badge: FC<BadgeProps> = ({ children, className }) => {\n    const badgeClasses = clsx('beta-chayns-badge ellipsis', className);\n\n    return <StyledBadge className={badgeClasses}>{children}</StyledBadge>;\n};\n\nBadge.displayName = 'Badge';\n\nexport default Badge;\n"],"file":"Badge.js"}

package/lib/components/badge/Badge.styles.d.ts

@@ -1 +0,0 @@
-export declare const StyledBadge: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/badge/Badge.styles.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledBadge = 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 StyledBadge = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    background-color: ", ";\n    border-radius: 15px;\n    color: ", ";\n    font-size: 0.8rem;\n    min-width: 1.65rem;\n    padding: 2px 7px;\n    text-align: center;\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme['secondary-202'];
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme['007'];
-});
-
-exports.StyledBadge = StyledBadge;
-//# sourceMappingURL=Badge.styles.js.map

package/lib/components/badge/Badge.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/badge/Badge.styles.ts"],"names":["StyledBadge","styled","div","theme"],"mappings":";;;;;;;AAAA;;;;;;;;AAEO,IAAMA,WAAW,GAAGC,0BAAOC,GAAV,kPACA;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAAeA,KAAK,CAAC,eAAD,CAApB;AAAA,CADA,EAGX;AAAA,MAAGA,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAAC,KAAD,CAApB;AAAA,CAHW,CAAjB","sourcesContent":["import styled from 'styled-components';\n\nexport const StyledBadge = styled.div`\n    background-color: ${({ theme }) => theme['secondary-202']};\n    border-radius: 15px;\n    color: ${({ theme }) => theme['007']};\n    font-size: 0.8rem;\n    min-width: 1.65rem;\n    padding: 2px 7px;\n    text-align: center;\n`;\n"],"file":"Badge.styles.js"}

package/lib/components/button/Button.js

@@ -1,51 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Icon = _interopRequireDefault(require("../icon/Icon"));
-
-var _Button = require("./Button.styles");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Button = function Button(_ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      icon = _ref.icon,
-      isDisabled = _ref.isDisabled,
-      isSecondary = _ref.isSecondary,
-      onClick = _ref.onClick,
-      shouldStopPropagation = _ref.shouldStopPropagation;
-
-  var handleClick = function handleClick(event) {
-    if (shouldStopPropagation) {
-      event.stopPropagation();
-    }
-
-    onClick(event);
-  };
-
-  var buttonClasses = (0, _clsx.default)('beta-chayns-button ellipsis', className);
-  return /*#__PURE__*/_react.default.createElement(_Button.StyledButton, {
-    className: buttonClasses,
-    disabled: isDisabled,
-    hasIcon: typeof icon === 'string' && icon !== '',
-    isSecondary: isSecondary,
-    onClick: handleClick
-  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.createElement(_Button.StyledIconWrapper, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    color: "white",
-    icons: [icon]
-  })), children));
-};
-
-Button.displayName = 'Button';
-var _default = Button;
-exports.default = _default;
-//# sourceMappingURL=Button.js.map

package/lib/components/button/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/button/Button.tsx"],"names":["Button","children","className","icon","isDisabled","isSecondary","onClick","shouldStopPropagation","handleClick","event","stopPropagation","buttonClasses","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAiCA,IAAMA,MAAuB,GAAG,SAA1BA,MAA0B,OAQ1B;AAAA,MAPFC,QAOE,QAPFA,QAOE;AAAA,MANFC,SAME,QANFA,SAME;AAAA,MALFC,IAKE,QALFA,IAKE;AAAA,MAJFC,UAIE,QAJFA,UAIE;AAAA,MAHFC,WAGE,QAHFA,WAGE;AAAA,MAFFC,OAEE,QAFFA,OAEE;AAAA,MADFC,qBACE,QADFA,qBACE;;AACF,MAAMC,WAAiD,GAAG,SAApDA,WAAoD,CAACC,KAAD,EAAW;AACjE,QAAIF,qBAAJ,EAA2B;AACvBE,MAAAA,KAAK,CAACC,eAAN;AACH;;AAEDJ,IAAAA,OAAO,CAACG,KAAD,CAAP;AACH,GAND;;AAQA,MAAME,aAAa,GAAG,mBAAK,6BAAL,EAAoCT,SAApC,CAAtB;AAEA,sBACI,6BAAC,oBAAD;AACI,IAAA,SAAS,EAAES,aADf;AAEI,IAAA,QAAQ,EAAEP,UAFd;AAGI,IAAA,OAAO,EAAE,OAAOD,IAAP,KAAgB,QAAhB,IAA4BA,IAAI,KAAK,EAHlD;AAII,IAAA,WAAW,EAAEE,WAJjB;AAKI,IAAA,OAAO,EAAEG;AALb,kBAOI,4DACKL,IAAI,iBACD,6BAAC,yBAAD,qBACI,6BAAC,aAAD;AAAM,IAAA,KAAK,EAAC,OAAZ;AAAoB,IAAA,KAAK,EAAE,CAACA,IAAD;AAA3B,IADJ,CAFR,EAMKF,QANL,CAPJ,CADJ;AAkBH,CArCD;;AAuCAD,MAAM,CAACY,WAAP,GAAqB,QAArB;eAEeZ,M","sourcesContent":["import clsx from 'clsx';\nimport React, { FC, MouseEventHandler, ReactNode } from 'react';\nimport Icon from '../icon/Icon';\nimport { StyledButton, StyledIconWrapper } from './Button.styles';\n\nexport type ButtonProps = {\n    /**\n     * The label of the button\n     */\n    children: ReactNode;\n    /**\n     * Additional class names for the button element\n     */\n    className?: string;\n    /**\n     * An icon that is displayed on the left hand side of the button text\n     */\n    icon?: string;\n    /**\n     * Disables the button so that it cannot be clicked anymore\n     */\n    isDisabled?: boolean;\n    /**\n     * Displays the button in the secondary style\n     */\n    isSecondary?: boolean;\n    /**\n     * Function to be executed when the button is clicked\n     */\n    onClick: MouseEventHandler<HTMLButtonElement>;\n    /**\n     * Stops event propagation on click\n     */\n    shouldStopPropagation?: boolean;\n};\n\nconst Button: FC<ButtonProps> = ({\n    children,\n    className,\n    icon,\n    isDisabled,\n    isSecondary,\n    onClick,\n    shouldStopPropagation,\n}) => {\n    const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n        if (shouldStopPropagation) {\n            event.stopPropagation();\n        }\n\n        onClick(event);\n    };\n\n    const buttonClasses = clsx('beta-chayns-button ellipsis', className);\n\n    return (\n        <StyledButton\n            className={buttonClasses}\n            disabled={isDisabled}\n            hasIcon={typeof icon === 'string' && icon !== ''}\n            isSecondary={isSecondary}\n            onClick={handleClick}\n        >\n            <>\n                {icon && (\n                    <StyledIconWrapper>\n                        <Icon color=\"white\" icons={[icon]} />\n                    </StyledIconWrapper>\n                )}\n                {children}\n            </>\n        </StyledButton>\n    );\n};\n\nButton.displayName = 'Button';\n\nexport default Button;\n"],"file":"Button.js"}

package/lib/components/button/Button.styles.d.ts

@@ -1,5 +0,0 @@
-import type { ButtonProps } from './Button';
-export declare const StyledButton: import("styled-components").StyledComponent<"button", any, ButtonProps & {
-    hasIcon: boolean;
-}, never>;
-export declare const StyledIconWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;

package/lib/components/button/Button.styles.js

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledIconWrapper = exports.StyledButton = 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) } })); }
-
-var StyledButton = _styledComponents.default.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    background-color: ", ";\n    border-radius: 3px;\n    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);\n    border: none;\n    color: ", ";\n    cursor: pointer;\n    display: inline-block;\n    line-height: 1.15;\n    min-height: 30px;\n    opacity: ", ";\n    padding: ", ";\n    position: relative;\n    user-select: none;\n    transition: opacity 0.3s ease;\n"])), function (_ref) {
-  var isSecondary = _ref.isSecondary,
-      theme = _ref.theme;
-  return isSecondary ? theme['202'] : theme['408'];
-}, function (_ref2) {
-  var isSecondary = _ref2.isSecondary,
-      theme = _ref2.theme;
-  return isSecondary ? theme['text'] : 'white';
-}, function (_ref3) {
-  var disabled = _ref3.disabled;
-  return disabled ? 0.5 : 1;
-}, function (_ref4) {
-  var hasIcon = _ref4.hasIcon;
-  return "7px 12px 7px ".concat(hasIcon ? '42px' : '12px');
-});
-
-exports.StyledButton = StyledButton;
-
-var StyledIconWrapper = _styledComponents.default.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    align-items: center;\n    background-color: rgba(255, 255, 255, 0.2);\n    bottom: 0;\n    display: flex;\n    justify-content: center;\n    left: 0;\n    position: absolute;\n    top: 0;\n    width: 30px;\n"])));
-
-exports.StyledIconWrapper = StyledIconWrapper;
-//# sourceMappingURL=Button.styles.js.map

package/lib/components/button/Button.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/button/Button.styles.ts"],"names":["StyledButton","styled","button","isSecondary","theme","disabled","hasIcon","StyledIconWrapper","span"],"mappings":";;;;;;;AAAA;;;;;;;;AAOO,IAAMA,YAAY,GAAGC,0BAAOC,MAAV,kbACD;AAAA,MAAGC,WAAH,QAAGA,WAAH;AAAA,MAAgBC,KAAhB,QAAgBA,KAAhB;AAAA,SAA6BD,WAAW,GAAGC,KAAK,CAAC,KAAD,CAAR,GAAkBA,KAAK,CAAC,KAAD,CAA/D;AAAA,CADC,EAKZ;AAAA,MAAGD,WAAH,SAAGA,WAAH;AAAA,MAAgBC,KAAhB,SAAgBA,KAAhB;AAAA,SAA6BD,WAAW,GAAGC,KAAK,CAAC,MAAD,CAAR,GAAmB,OAA3D;AAAA,CALY,EAUV;AAAA,MAAGC,QAAH,SAAGA,QAAH;AAAA,SAAmBA,QAAQ,GAAG,GAAH,GAAS,CAApC;AAAA,CAVU,EAWV;AAAA,MAAGC,OAAH,SAAGA,OAAH;AAAA,gCAAiCA,OAAO,GAAG,MAAH,GAAY,MAApD;AAAA,CAXU,CAAlB;;;;AAiBA,IAAMC,iBAAiB,GAAGN,0BAAOO,IAAV,4RAAvB","sourcesContent":["import styled from 'styled-components';\nimport type { ButtonProps } from './Button';\n\ntype StyledButtonProps = ButtonProps & {\n    hasIcon: boolean;\n};\n\nexport const StyledButton = styled.button<StyledButtonProps>`\n    background-color: ${({ isSecondary, theme }) => (isSecondary ? theme['202'] : theme['408'])};\n    border-radius: 3px;\n    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);\n    border: none;\n    color: ${({ isSecondary, theme }) => (isSecondary ? theme['text'] : 'white')};\n    cursor: pointer;\n    display: inline-block;\n    line-height: 1.15;\n    min-height: 30px;\n    opacity: ${({ disabled }) => (disabled ? 0.5 : 1)};\n    padding: ${({ hasIcon }) => `7px 12px 7px ${hasIcon ? '42px' : '12px'}`};\n    position: relative;\n    user-select: none;\n    transition: opacity 0.3s ease;\n`;\n\nexport const StyledIconWrapper = styled.span`\n    align-items: center;\n    background-color: rgba(255, 255, 255, 0.2);\n    bottom: 0;\n    display: flex;\n    justify-content: center;\n    left: 0;\n    position: absolute;\n    top: 0;\n    width: 30px;\n`;\n"],"file":"Button.styles.js"}

package/lib/components/color-scheme-provider/ColorSchemeProvider.d.ts

@@ -1,38 +0,0 @@
-import { FC, ReactNode } from 'react';
-declare enum ColorMode {
-    Classic = 0,
-    Dark = 1,
-    Light = 2
-}
-declare type ColorSchemeProviderProps = {
-    /**
-     * The content of the application or the components for which the styles should be set
-     */
-    children: ReactNode;
-    /**
-     * The hex color to be used for the children
-     */
-    color?: string;
-    /**
-     * The color mode to be used for the children
-     */
-    colorMode?: ColorMode;
-    /**
-     * Css variables to be added in addition to the chayns variables
-     */
-    cssVariables?: {
-        [key: string]: string | number;
-    };
-    /**
-     * The secondary hex color to be used for the children
-     */
-    secondaryColor?: string;
-    /**
-     * Additional styles set on the root element
-     */
-    style?: {
-        [key: string]: string | number;
-    };
-};
-declare const ColorSchemeProvider: FC<ColorSchemeProviderProps>;
-export default ColorSchemeProvider;

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

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

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

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