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

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

@@ -4,92 +4,155 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledRightWrapper = exports.StyledMotionTitleWrapper = exports.StyledMotionTitleElementWrapper = exports.StyledMotionTitle = exports.StyledMotionRightInputIconWrapper = exports.StyledMotionRightInput = exports.StyledMotionRightElementWrapper = exports.StyledMotionIconWrapper = exports.StyledMotionContentWrapper = exports.StyledMotionAccordionHead = 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;
-
 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 StyledMotionAccordionHead = (0, _styledComponents.default)(_framerMotion.motion.div)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    align-items: center;\n    color: ", ";\n    display: flex;\n    overflow: hidden;\n    padding: 4px 0;\n"])), _ref => {
+const StyledMotionAccordionHead = (0, _styledComponents.default)(_framerMotion.motion.div)`
+    align-items: center;
+    color: ${_ref => {
   let {
     theme
   } = _ref;
   return theme.text;
-});
+}};
+    display: flex;
+    overflow: hidden;
+    padding: 4px 0;
+`;
 exports.StyledMotionAccordionHead = StyledMotionAccordionHead;
-const StyledMotionIconWrapper = (0, _styledComponents.default)(_framerMotion.motion.div)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    align-items: center;\n    cursor: ", ";\n    display: flex;\n    flex: 0 0 auto;\n    height: 25px;\n    justify-content: center;\n    width: 25px;\n"])), _ref2 => {
+const StyledMotionIconWrapper = (0, _styledComponents.default)(_framerMotion.motion.div)`
+    align-items: center;
+    cursor: ${_ref2 => {
   let {
     onClick
   } = _ref2;
   return typeof onClick === 'function' ? 'pointer' : 'default';
-});
+}};
+    display: flex;
+    flex: 0 0 auto;
+    height: 25px;
+    justify-content: center;
+    width: 25px;
+`;
 exports.StyledMotionIconWrapper = StyledMotionIconWrapper;
-const StyledMotionContentWrapper = (0, _styledComponents.default)(_framerMotion.motion.div)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    align-self: flex-start;\n    cursor: ", ";\n    display: flex;\n    flex: 1 1 auto;\n    height: 100%;\n    overflow: hidden;\n    margin-right: 10px;\n"])), _ref3 => {
+const StyledMotionContentWrapper = (0, _styledComponents.default)(_framerMotion.motion.div)`
+    align-self: flex-start;
+    cursor: ${_ref3 => {
   let {
     onClick
   } = _ref3;
   return typeof onClick === 'function' ? 'pointer' : 'default';
-});
+}};
+    display: flex;
+    flex: 1 1 auto;
+    height: 100%;
+    overflow: hidden;
+    margin-right: 10px;
+`;
 exports.StyledMotionContentWrapper = StyledMotionContentWrapper;
-const StyledMotionTitleWrapper = (0, _styledComponents.default)(_framerMotion.motion.div)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    display: grid;\n    flex: 0 1 auto;\n    grid-template-areas: 'header';\n"])));
+const StyledMotionTitleWrapper = (0, _styledComponents.default)(_framerMotion.motion.div)`
+    display: grid;
+    flex: 0 1 auto;
+    grid-template-areas: 'header';
+`;
 exports.StyledMotionTitleWrapper = StyledMotionTitleWrapper;
-const StyledMotionTitle = (0, _styledComponents.default)(_framerMotion.motion.div)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    font-size: ", ";\n    font-weight: ", ";\n    grid-area: header;\n    height: ", ";\n    overflow: hidden;\n    text-overflow: ellipsis;\n    transform-origin: top left;\n    user-select: none;\n    white-space: ", ";\n\n    ", "\n"])), _ref4 => {
+const StyledMotionTitle = (0, _styledComponents.default)(_framerMotion.motion.div)`
+    font-size: ${_ref4 => {
   let {
     isOpen,
     isWrapped
   } = _ref4;
   return isOpen && !isWrapped ? '1.3rem' : undefined;
-}, _ref5 => {
+}};
+    font-weight: ${_ref5 => {
   let {
     isOpen,
     isWrapped
   } = _ref5;
   return isOpen && isWrapped ? 700 : 'normal';
-}, _ref6 => {
+}};
+    grid-area: header;
+    height: ${_ref6 => {
   let {
     isWrapped
   } = _ref6;
   return isWrapped ? '100%' : undefined;
-}, _ref7 => {
+}};
+    overflow: hidden;
+    text-overflow: ellipsis;
+    transform-origin: top left;
+    user-select: none;
+    white-space: ${_ref7 => {
   let {
     isOpen,
     isWrapped
   } = _ref7;
   return isOpen && !isWrapped ? 'normal' : 'nowrap';
-}, _ref8 => {
+}};
+
+    ${_ref8 => {
   let {
     isWrapped
   } = _ref8;
-  return isWrapped && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n            align-items: center;\n            display: flex;\n        "])));
-});
+  return isWrapped && (0, _styledComponents.css)`
+            align-items: center;
+            display: flex;
+        `;
+}}
+`;
 exports.StyledMotionTitle = StyledMotionTitle;
-const StyledMotionTitleElementWrapper = (0, _styledComponents.default)(_framerMotion.motion.div)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    align-items: center;\n    display: flex;\n    margin-left: 8px;\n"])));
+const StyledMotionTitleElementWrapper = (0, _styledComponents.default)(_framerMotion.motion.div)`
+    align-items: center;
+    display: flex;
+    margin-left: 8px;
+`;
 exports.StyledMotionTitleElementWrapper = StyledMotionTitleElementWrapper;
-
-const StyledRightWrapper = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    display: grid;\n    flex: 0 0 auto;\n    grid-template-areas: 'right';\n    margin-right: 5px;\n    overflow: hidden;\n    position: relative;\n"])));
-
+const StyledRightWrapper = _styledComponents.default.div`
+    display: grid;
+    flex: 0 0 auto;
+    grid-template-areas: 'right';
+    margin-right: 5px;
+    overflow: hidden;
+    position: relative;
+`;
 exports.StyledRightWrapper = StyledRightWrapper;
-const StyledMotionRightElementWrapper = (0, _styledComponents.default)(_framerMotion.motion.div)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    align-items: center;\n    display: flex;\n    grid-area: header;\n    justify-content: flex-end;\n"])));
+const StyledMotionRightElementWrapper = (0, _styledComponents.default)(_framerMotion.motion.div)`
+    align-items: center;
+    display: flex;
+    grid-area: header;
+    justify-content: flex-end;
+`;
 exports.StyledMotionRightElementWrapper = StyledMotionRightElementWrapper;
-const StyledMotionRightInput = (0, _styledComponents.default)(_framerMotion.motion.input)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    background-color: transparent;\n    border: 1px solid transparent;\n    border-bottom-color: rgba(\n        ", ",\n        0.45\n    );\n    grid-area: header;\n    padding: ", ";\n"])), _ref9 => {
+const StyledMotionRightInput = (0, _styledComponents.default)(_framerMotion.motion.input)`
+    background-color: transparent;
+    border: 1px solid transparent;
+    border-bottom-color: rgba(
+        ${_ref9 => {
   let {
     theme
   } = _ref9;
   return theme['headline-rgb'];
-}, _ref10 => {
+}},
+        0.45
+    );
+    grid-area: header;
+    padding: ${_ref10 => {
   let {
     hasIcon
   } = _ref10;
   return hasIcon ? '5px 23px 5px 1px' : '5px 1px';
-});
+}};
+`;
 exports.StyledMotionRightInput = StyledMotionRightInput;
-const StyledMotionRightInputIconWrapper = (0, _styledComponents.default)(_framerMotion.motion.div)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    align-items: center;\n    display: flex;\n    height: 100%;\n    justify-content: center;\n    position: absolute;\n    right: 4px;\n    top: 0;\n"])));
+const StyledMotionRightInputIconWrapper = (0, _styledComponents.default)(_framerMotion.motion.div)`
+    align-items: center;
+    display: flex;
+    height: 100%;
+    justify-content: center;
+    position: absolute;
+    right: 4px;
+    top: 0;
+`;
 exports.StyledMotionRightInputIconWrapper = StyledMotionRightInputIconWrapper;
 //# sourceMappingURL=AccordionHead.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionHead.styles.js","names":["StyledMotionAccordionHead","styled","motion","div","theme","text","StyledMotionIconWrapper","onClick","StyledMotionContentWrapper","StyledMotionTitleWrapper","StyledMotionTitle","isOpen","isWrapped","undefined","css","StyledMotionTitleElementWrapper","StyledRightWrapper","StyledMotionRightElementWrapper","StyledMotionRightInput","input","hasIcon","StyledMotionRightInputIconWrapper"],"sources":["../../../../src/components/accordion/accordion-head/AccordionHead.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledMotionAccordionHeadProps = WithTheme<unknown>;\n\nexport const StyledMotionAccordionHead = styled(motion.div)`\n    align-items: center;\n    color: ${({ theme }: StyledMotionAccordionHeadProps) => theme.text};\n    display: flex;\n    overflow: hidden;\n    padding: 4px 0;\n`;\n\nexport const StyledMotionIconWrapper = styled(motion.div)`\n    align-items: center;\n    cursor: ${({ onClick }) => (typeof onClick === 'function' ? 'pointer' : 'default')};\n    display: flex;\n    flex: 0 0 auto;\n    height: 25px;\n    justify-content: center;\n    width: 25px;\n`;\n\nexport const StyledMotionContentWrapper = styled(motion.div)`\n    align-self: flex-start;\n    cursor: ${({ onClick }) => (typeof onClick === 'function' ? 'pointer' : 'default')};\n    display: flex;\n    flex: 1 1 auto;\n    height: 100%;\n    overflow: hidden;\n    margin-right: 10px;\n`;\n\nexport const StyledMotionTitleWrapper = styled(motion.div)`\n    display: grid;\n    flex: 0 1 auto;\n    grid-template-areas: 'header';\n`;\n\ninterface StyledMotionTitleProps {\n    isOpen: boolean;\n    isWrapped: boolean;\n}\n\nexport const StyledMotionTitle = styled(motion.div)<StyledMotionTitleProps>`\n    font-size: ${({ isOpen, isWrapped }) => (isOpen && !isWrapped ? '1.3rem' : undefined)};\n    font-weight: ${({ isOpen, isWrapped }) => (isOpen && isWrapped ? 700 : 'normal')};\n    grid-area: header;\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\n    ${({ isWrapped }) =>\n        isWrapped &&\n        css`\n            align-items: center;\n            display: flex;\n        `}\n`;\n\nexport const StyledMotionTitleElementWrapper = styled(motion.div)`\n    align-items: center;\n    display: flex;\n    margin-left: 8px;\n`;\n\nexport const StyledRightWrapper = styled.div`\n    display: grid;\n    flex: 0 0 auto;\n    grid-template-areas: 'right';\n    margin-right: 5px;\n    overflow: hidden;\n    position: relative;\n`;\n\nexport const StyledMotionRightElementWrapper = styled(motion.div)`\n    align-items: center;\n    display: flex;\n    grid-area: header;\n    justify-content: flex-end;\n`;\n\ntype StyledMotionRightInputProps = WithTheme<{\n    hasIcon: boolean;\n}>;\n\nexport const StyledMotionRightInput = styled(motion.input)<StyledMotionRightInputProps>`\n    background-color: transparent;\n    border: 1px solid transparent;\n    border-bottom-color: rgba(\n        ${({ theme }: StyledMotionRightInputProps) => theme['headline-rgb']},\n        0.45\n    );\n    grid-area: header;\n    padding: ${({ hasIcon }) => (hasIcon ? '5px 23px 5px 1px' : '5px 1px')};\n`;\n\nexport const StyledMotionRightInputIconWrapper = styled(motion.div)`\n    align-items: center;\n    display: flex;\n    height: 100%;\n    justify-content: center;\n    position: absolute;\n    right: 4px;\n    top: 0;\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;;;AAKO,MAAMA,yBAAyB,GAAG,IAAAC,yBAAA,EAAOC,oBAAA,CAAOC,GAAd,CAAH,oLAEzB;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAA+CA,KAAK,CAACC,IAArD;AAAA,CAFyB,CAA/B;;AAQA,MAAMC,uBAAuB,GAAG,IAAAL,yBAAA,EAAOC,oBAAA,CAAOC,GAAd,CAAH,mOAEtB;EAAA,IAAC;IAAEI;EAAF,CAAD;EAAA,OAAkB,OAAOA,OAAP,KAAmB,UAAnB,GAAgC,SAAhC,GAA4C,SAA9D;AAAA,CAFsB,CAA7B;;AAUA,MAAMC,0BAA0B,GAAG,IAAAP,yBAAA,EAAOC,oBAAA,CAAOC,GAAd,CAAH,sOAEzB;EAAA,IAAC;IAAEI;EAAF,CAAD;EAAA,OAAkB,OAAOA,OAAP,KAAmB,UAAnB,GAAgC,SAAhC,GAA4C,SAA9D;AAAA,CAFyB,CAAhC;;AAUA,MAAME,wBAAwB,GAAG,IAAAR,yBAAA,EAAOC,oBAAA,CAAOC,GAAd,CAAH,sJAA9B;;AAWA,MAAMO,iBAAiB,GAAG,IAAAT,yBAAA,EAAOC,oBAAA,CAAOC,GAAd,CAAH,qTACb;EAAA,IAAC;IAAEQ,MAAF;IAAUC;EAAV,CAAD;EAAA,OAA4BD,MAAM,IAAI,CAACC,SAAX,GAAuB,QAAvB,GAAkCC,SAA9D;AAAA,CADa,EAEX;EAAA,IAAC;IAAEF,MAAF;IAAUC;EAAV,CAAD;EAAA,OAA4BD,MAAM,IAAIC,SAAV,GAAsB,GAAtB,GAA4B,QAAxD;AAAA,CAFW,EAIhB;EAAA,IAAC;IAAEA;EAAF,CAAD;EAAA,OAAoBA,SAAS,GAAG,MAAH,GAAYC,SAAzC;AAAA,CAJgB,EASX;EAAA,IAAC;IAAEF,MAAF;IAAUC;EAAV,CAAD;EAAA,OAA4BD,MAAM,IAAI,CAACC,SAAX,GAAuB,QAAvB,GAAkC,QAA9D;AAAA,CATW,EAWxB;EAAA,IAAC;IAAEA;EAAF,CAAD;EAAA,OACEA,SAAS,QACTE,qBADS,gJADX;AAAA,CAXwB,CAAvB;;AAmBA,MAAMC,+BAA+B,GAAG,IAAAd,yBAAA,EAAOC,oBAAA,CAAOC,GAAd,CAAH,8IAArC;;;AAMA,MAAMa,kBAAkB,GAAGf,yBAAA,CAAOE,GAAV,6NAAxB;;;AASA,MAAMc,+BAA+B,GAAG,IAAAhB,yBAAA,EAAOC,oBAAA,CAAOC,GAAd,CAAH,+KAArC;;AAWA,MAAMe,sBAAsB,GAAG,IAAAjB,yBAAA,EAAOC,oBAAA,CAAOiB,KAAd,CAAH,qQAIzB;EAAA,IAAC;IAAEf;EAAF,CAAD;EAAA,OAA4CA,KAAK,CAAC,cAAD,CAAjD;AAAA,CAJyB,EAQpB;EAAA,IAAC;IAAEgB;EAAF,CAAD;EAAA,OAAkBA,OAAO,GAAG,kBAAH,GAAwB,SAAjD;AAAA,CARoB,CAA5B;;AAWA,MAAMC,iCAAiC,GAAG,IAAApB,yBAAA,EAAOC,oBAAA,CAAOC,GAAd,CAAH,iOAAvC"}
+{"version":3,"file":"AccordionHead.styles.js","names":["StyledMotionAccordionHead","styled","motion","div","theme","text","StyledMotionIconWrapper","onClick","StyledMotionContentWrapper","StyledMotionTitleWrapper","StyledMotionTitle","isOpen","isWrapped","undefined","css","StyledMotionTitleElementWrapper","StyledRightWrapper","StyledMotionRightElementWrapper","StyledMotionRightInput","input","hasIcon","StyledMotionRightInputIconWrapper"],"sources":["../../../../src/components/accordion/accordion-head/AccordionHead.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledMotionAccordionHeadProps = WithTheme<unknown>;\n\nexport const StyledMotionAccordionHead = styled(motion.div)`\n    align-items: center;\n    color: ${({ theme }: StyledMotionAccordionHeadProps) => theme.text};\n    display: flex;\n    overflow: hidden;\n    padding: 4px 0;\n`;\n\nexport const StyledMotionIconWrapper = styled(motion.div)`\n    align-items: center;\n    cursor: ${({ onClick }) => (typeof onClick === 'function' ? 'pointer' : 'default')};\n    display: flex;\n    flex: 0 0 auto;\n    height: 25px;\n    justify-content: center;\n    width: 25px;\n`;\n\nexport const StyledMotionContentWrapper = styled(motion.div)`\n    align-self: flex-start;\n    cursor: ${({ onClick }) => (typeof onClick === 'function' ? 'pointer' : 'default')};\n    display: flex;\n    flex: 1 1 auto;\n    height: 100%;\n    overflow: hidden;\n    margin-right: 10px;\n`;\n\nexport const StyledMotionTitleWrapper = styled(motion.div)`\n    display: grid;\n    flex: 0 1 auto;\n    grid-template-areas: 'header';\n`;\n\ninterface StyledMotionTitleProps {\n    isOpen: boolean;\n    isWrapped: boolean;\n}\n\nexport const StyledMotionTitle = styled(motion.div)<StyledMotionTitleProps>`\n    font-size: ${({ isOpen, isWrapped }) => (isOpen && !isWrapped ? '1.3rem' : undefined)};\n    font-weight: ${({ isOpen, isWrapped }) => (isOpen && isWrapped ? 700 : 'normal')};\n    grid-area: header;\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\n    ${({ isWrapped }) =>\n        isWrapped &&\n        css`\n            align-items: center;\n            display: flex;\n        `}\n`;\n\nexport const StyledMotionTitleElementWrapper = styled(motion.div)`\n    align-items: center;\n    display: flex;\n    margin-left: 8px;\n`;\n\nexport const StyledRightWrapper = styled.div`\n    display: grid;\n    flex: 0 0 auto;\n    grid-template-areas: 'right';\n    margin-right: 5px;\n    overflow: hidden;\n    position: relative;\n`;\n\nexport const StyledMotionRightElementWrapper = styled(motion.div)`\n    align-items: center;\n    display: flex;\n    grid-area: header;\n    justify-content: flex-end;\n`;\n\ntype StyledMotionRightInputProps = WithTheme<{\n    hasIcon: boolean;\n}>;\n\nexport const StyledMotionRightInput = styled(motion.input)<StyledMotionRightInputProps>`\n    background-color: transparent;\n    border: 1px solid transparent;\n    border-bottom-color: rgba(\n        ${({ theme }: StyledMotionRightInputProps) => theme['headline-rgb']},\n        0.45\n    );\n    grid-area: header;\n    padding: ${({ hasIcon }) => (hasIcon ? '5px 23px 5px 1px' : '5px 1px')};\n`;\n\nexport const StyledMotionRightInputIconWrapper = styled(motion.div)`\n    align-items: center;\n    display: flex;\n    height: 100%;\n    justify-content: center;\n    position: absolute;\n    right: 4px;\n    top: 0;\n`;\n"],"mappings":";;;;;;AAAA;AACA;AAAgD;AAAA;AAKzC,MAAMA,yBAAyB,GAAG,IAAAC,yBAAM,EAACC,oBAAM,CAACC,GAAG,CAAE;AAC5D;AACA,aAAa;EAAA,IAAC;IAAEC;EAAsC,CAAC;EAAA,OAAKA,KAAK,CAACC,IAAI;AAAA,CAAC;AACvE;AACA;AACA;AACA,CAAC;AAAC;AAEK,MAAMC,uBAAuB,GAAG,IAAAL,yBAAM,EAACC,oBAAM,CAACC,GAAG,CAAE;AAC1D;AACA,cAAc;EAAA,IAAC;IAAEI;EAAQ,CAAC;EAAA,OAAM,OAAOA,OAAO,KAAK,UAAU,GAAG,SAAS,GAAG,SAAS;AAAA,CAAE;AACvF;AACA;AACA;AACA;AACA;AACA,CAAC;AAAC;AAEK,MAAMC,0BAA0B,GAAG,IAAAP,yBAAM,EAACC,oBAAM,CAACC,GAAG,CAAE;AAC7D;AACA,cAAc;EAAA,IAAC;IAAEI;EAAQ,CAAC;EAAA,OAAM,OAAOA,OAAO,KAAK,UAAU,GAAG,SAAS,GAAG,SAAS;AAAA,CAAE;AACvF;AACA;AACA;AACA;AACA;AACA,CAAC;AAAC;AAEK,MAAME,wBAAwB,GAAG,IAAAR,yBAAM,EAACC,oBAAM,CAACC,GAAG,CAAE;AAC3D;AACA;AACA;AACA,CAAC;AAAC;AAOK,MAAMO,iBAAiB,GAAG,IAAAT,yBAAM,EAACC,oBAAM,CAACC,GAAG,CAA0B;AAC5E,iBAAiB;EAAA,IAAC;IAAEQ,MAAM;IAAEC;EAAU,CAAC;EAAA,OAAMD,MAAM,IAAI,CAACC,SAAS,GAAG,QAAQ,GAAGC,SAAS;AAAA,CAAE;AAC1F,mBAAmB;EAAA,IAAC;IAAEF,MAAM;IAAEC;EAAU,CAAC;EAAA,OAAMD,MAAM,IAAIC,SAAS,GAAG,GAAG,GAAG,QAAQ;AAAA,CAAE;AACrF;AACA,cAAc;EAAA,IAAC;IAAEA;EAAU,CAAC;EAAA,OAAMA,SAAS,GAAG,MAAM,GAAGC,SAAS;AAAA,CAAE;AAClE;AACA;AACA;AACA;AACA,mBAAmB;EAAA,IAAC;IAAEF,MAAM;IAAEC;EAAU,CAAC;EAAA,OAAMD,MAAM,IAAI,CAACC,SAAS,GAAG,QAAQ,GAAG,QAAQ;AAAA,CAAE;AAC3F;AACA,MAAM;EAAA,IAAC;IAAEA;EAAU,CAAC;EAAA,OACZA,SAAS,IACT,IAAAE,qBAAG,CAAC;AACZ;AACA;AACA,SAAS;AAAA,CAAC;AACV,CAAC;AAAC;AAEK,MAAMC,+BAA+B,GAAG,IAAAd,yBAAM,EAACC,oBAAM,CAACC,GAAG,CAAE;AAClE;AACA;AACA;AACA,CAAC;AAAC;AAEK,MAAMa,kBAAkB,GAAGf,yBAAM,CAACE,GAAI;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAAC;AAEK,MAAMc,+BAA+B,GAAG,IAAAhB,yBAAM,EAACC,oBAAM,CAACC,GAAG,CAAE;AAClE;AACA;AACA;AACA;AACA,CAAC;AAAC;AAMK,MAAMe,sBAAsB,GAAG,IAAAjB,yBAAM,EAACC,oBAAM,CAACiB,KAAK,CAA+B;AACxF;AACA;AACA;AACA,UAAU;EAAA,IAAC;IAAEf;EAAmC,CAAC;EAAA,OAAKA,KAAK,CAAC,cAAc,CAAC;AAAA,CAAC;AAC5E;AACA;AACA;AACA,eAAe;EAAA,IAAC;IAAEgB;EAAQ,CAAC;EAAA,OAAMA,OAAO,GAAG,kBAAkB,GAAG,SAAS;AAAA,CAAE;AAC3E,CAAC;AAAC;AAEK,MAAMC,iCAAiC,GAAG,IAAApB,yBAAM,EAACC,oBAAM,CAACC,GAAG,CAAE;AACpE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAAC"}

package/lib/components/accordion/accordion-intro/AccordionIntro.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _AccordionIntro = require("./AccordionIntro.styles");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const AccordionIntro = _ref => {
   let {
     children
@@ -19,7 +15,6 @@ const AccordionIntro = _ref => {
     className: "beta-chayns-accordion-intro"
   }, children);
 };
-
 AccordionIntro.displayName = 'AccordionIntro';
 var _default = AccordionIntro;
 exports.default = _default;

package/lib/components/accordion/accordion-intro/AccordionIntro.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionIntro.js","names":["AccordionIntro","children","displayName"],"sources":["../../../../src/components/accordion/accordion-intro/AccordionIntro.tsx"],"sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport { StyledAccordionIntro } from './AccordionIntro.styles';\n\nexport type AccordionIntroProps = {\n    /**\n     * The content of the accordion content element\n     */\n    children: ReactNode;\n};\n\nconst AccordionIntro: FC<AccordionIntroProps> = ({ children }) => (\n    <StyledAccordionIntro className=\"beta-chayns-accordion-intro\">{children}</StyledAccordionIntro>\n);\n\nAccordionIntro.displayName = 'AccordionIntro';\n\nexport default AccordionIntro;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AASA,MAAMA,cAAuC,GAAG;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,oBAC5C,6BAAC,oCAAD;IAAsB,SAAS,EAAC;EAAhC,GAA+DA,QAA/D,CAD4C;AAAA,CAAhD;;AAIAD,cAAc,CAACE,WAAf,GAA6B,gBAA7B;eAEeF,c"}
+{"version":3,"file":"AccordionIntro.js","names":["AccordionIntro","children","displayName"],"sources":["../../../../src/components/accordion/accordion-intro/AccordionIntro.tsx"],"sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport { StyledAccordionIntro } from './AccordionIntro.styles';\n\nexport type AccordionIntroProps = {\n    /**\n     * The content of the accordion content element\n     */\n    children: ReactNode;\n};\n\nconst AccordionIntro: FC<AccordionIntroProps> = ({ children }) => (\n    <StyledAccordionIntro className=\"beta-chayns-accordion-intro\">{children}</StyledAccordionIntro>\n);\n\nAccordionIntro.displayName = 'AccordionIntro';\n\nexport default AccordionIntro;\n"],"mappings":";;;;;;AAAA;AACA;AAA+D;AAS/D,MAAMA,cAAuC,GAAG;EAAA,IAAC;IAAEC;EAAS,CAAC;EAAA,oBACzD,6BAAC,oCAAoB;IAAC,SAAS,EAAC;EAA6B,GAAEA,QAAQ,CAAwB;AAAA,CAClG;AAEDD,cAAc,CAACE,WAAW,GAAG,gBAAgB;AAAC,eAE/BF,cAAc;AAAA"}

package/lib/components/accordion/accordion-intro/AccordionIntro.styles.js

@@ -4,16 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledAccordionIntro = 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 StyledAccordionIntro = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 0 9px 6px;\n"])));
-
+const StyledAccordionIntro = _styledComponents.default.div`
+    padding: 0 9px 6px;
+`;
 exports.StyledAccordionIntro = StyledAccordionIntro;
 //# sourceMappingURL=AccordionIntro.styles.js.map

package/lib/components/accordion/accordion-intro/AccordionIntro.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionIntro.styles.js","names":["StyledAccordionIntro","styled","div"],"sources":["../../../../src/components/accordion/accordion-intro/AccordionIntro.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledAccordionIntro = styled.div`\n    padding: 0 9px 6px;\n`;\n"],"mappings":";;;;;;;AAAA;;;;;;;;AAEO,MAAMA,oBAAoB,GAAGC,yBAAA,CAAOC,GAAV,gGAA1B"}
+{"version":3,"file":"AccordionIntro.styles.js","names":["StyledAccordionIntro","styled","div"],"sources":["../../../../src/components/accordion/accordion-intro/AccordionIntro.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledAccordionIntro = styled.div`\n    padding: 0 9px 6px;\n`;\n"],"mappings":";;;;;;AAAA;AAAuC;AAEhC,MAAMA,oBAAoB,GAAGC,yBAAM,CAACC,GAAI;AAC/C;AACA,CAAC;AAAC"}

package/lib/components/accordion/utils.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getAccordionHeadHeight = void 0;
-
 const getAccordionHeadHeight = _ref => {
   let {
     isWrapped,
@@ -16,17 +15,15 @@ const getAccordionHeadHeight = _ref => {
   element.style.opacity = '0';
   element.style.pointerEvents = 'none';
   element.style.whiteSpace = 'nowrap';
-  element.style.width = "".concat(width, "px");
+  element.style.width = `${width}px`;
   element.innerText = title;
   document.body.appendChild(element);
   const 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';
   const openHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);
   document.body.removeChild(element);
@@ -35,6 +32,5 @@ const getAccordionHeadHeight = _ref => {
     open: openHeight
   };
 };
-
 exports.getAccordionHeadHeight = getAccordionHeadHeight;
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","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"],"sources":["../../../src/components/accordion/utils.ts"],"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"],"mappings":";;;;;;;AAWO,MAAMA,sBAAsB,GAAG,QAI6B;EAAA,IAJ5B;IACnCC,SADmC;IAEnCC,KAFmC;IAGnCC;EAHmC,CAI4B;EAC/D,MAAMC,OAAO,GAAGC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAhB;EAEAF,OAAO,CAACG,KAAR,CAAcC,QAAd,GAAyB,MAAzB;EACAJ,OAAO,CAACG,KAAR,CAAcE,OAAd,GAAwB,GAAxB;EACAL,OAAO,CAACG,KAAR,CAAcG,aAAd,GAA8B,MAA9B;EACAN,OAAO,CAACG,KAAR,CAAcI,UAAd,GAA2B,QAA3B;EACAP,OAAO,CAACG,KAAR,CAAcJ,KAAd,aAAyBA,KAAzB;EAEAC,OAAO,CAACQ,SAAR,GAAoBV,KAApB;EAEAG,QAAQ,CAACQ,IAAT,CAAcC,WAAd,CAA0BV,OAA1B;EAEA,MAAMW,YAAY,GAAGC,IAAI,CAACC,GAAL,CAASb,OAAO,CAACc,YAAR,GAAuB,CAAhC,EAAmCjB,SAAS,GAAG,EAAH,GAAQ,EAApD,CAArB;;EAEA,IAAIA,SAAJ,EAAe;IACXG,OAAO,CAACG,KAAR,CAAcY,UAAd,GAA2B,MAA3B;EACH,CAFD,MAEO;IACHf,OAAO,CAACG,KAAR,CAAcC,QAAd,GAAyB,QAAzB;EACH;;EAEDJ,OAAO,CAACG,KAAR,CAAcI,UAAd,GAA2B,QAA3B;EAEA,MAAMS,UAAU,GAAGJ,IAAI,CAACC,GAAL,CAASb,OAAO,CAACc,YAAR,GAAuB,CAAhC,EAAmCjB,SAAS,GAAG,EAAH,GAAQ,EAApD,CAAnB;EAEAI,QAAQ,CAACQ,IAAT,CAAcQ,WAAd,CAA0BjB,OAA1B;EAEA,OAAO;IAAEkB,MAAM,EAAEP,YAAV;IAAwBQ,IAAI,EAAEH;EAA9B,CAAP;AACH,CAhCM"}
+{"version":3,"file":"utils.js","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"],"sources":["../../../src/components/accordion/utils.ts"],"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"],"mappings":";;;;;;AAWO,MAAMA,sBAAsB,GAAG,QAI6B;EAAA,IAJ5B;IACnCC,SAAS;IACTC,KAAK;IACLC;EAC2B,CAAC;EAC5B,MAAMC,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EAE7CF,OAAO,CAACG,KAAK,CAACC,QAAQ,GAAG,MAAM;EAC/BJ,OAAO,CAACG,KAAK,CAACE,OAAO,GAAG,GAAG;EAC3BL,OAAO,CAACG,KAAK,CAACG,aAAa,GAAG,MAAM;EACpCN,OAAO,CAACG,KAAK,CAACI,UAAU,GAAG,QAAQ;EACnCP,OAAO,CAACG,KAAK,CAACJ,KAAK,GAAI,GAAEA,KAAM,IAAG;EAElCC,OAAO,CAACQ,SAAS,GAAGV,KAAK;EAEzBG,QAAQ,CAACQ,IAAI,CAACC,WAAW,CAACV,OAAO,CAAC;EAElC,MAAMW,YAAY,GAAGC,IAAI,CAACC,GAAG,CAACb,OAAO,CAACc,YAAY,GAAG,CAAC,EAAEjB,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;EAE5E,IAAIA,SAAS,EAAE;IACXG,OAAO,CAACG,KAAK,CAACY,UAAU,GAAG,MAAM;EACrC,CAAC,MAAM;IACHf,OAAO,CAACG,KAAK,CAACC,QAAQ,GAAG,QAAQ;EACrC;EAEAJ,OAAO,CAACG,KAAK,CAACI,UAAU,GAAG,QAAQ;EAEnC,MAAMS,UAAU,GAAGJ,IAAI,CAACC,GAAG,CAACb,OAAO,CAACc,YAAY,GAAG,CAAC,EAAEjB,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;EAE1EI,QAAQ,CAACQ,IAAI,CAACQ,WAAW,CAACjB,OAAO,CAAC;EAElC,OAAO;IAAEkB,MAAM,EAAEP,YAAY;IAAEQ,IAAI,EAAEH;EAAW,CAAC;AACrD,CAAC;AAAC"}

package/lib/components/badge/Badge.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Badge = require("./Badge.styles");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const Badge = _ref => {
   let {
     backgroundColor,
@@ -27,7 +22,6 @@ const Badge = _ref => {
     fontColor: fontColor
   }, children);
 };
-
 Badge.displayName = 'Badge';
 var _default = Badge;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":["Badge","backgroundColor","children","className","fontColor","badgeClasses","clsx","displayName"],"sources":["../../../src/components/badge/Badge.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React, { FC, ReactNode } from 'react';\nimport { StyledBadge } from './Badge.styles';\n\nexport type BadgeProps = {\n    /**\n     * The background color of the badge\n     */\n    backgroundColor?: string;\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     * The font color of the badge\n     */\n    fontColor?: string;\n};\n\nconst Badge: FC<BadgeProps> = ({ backgroundColor, children, className, fontColor }) => {\n    const badgeClasses = clsx('beta-chayns-badge ellipsis', className);\n\n    return (\n        <StyledBadge\n            backgroundColor={backgroundColor}\n            className={badgeClasses}\n            fontColor={fontColor}\n        >\n            {children}\n        </StyledBadge>\n    );\n};\n\nBadge.displayName = 'Badge';\n\nexport default Badge;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAqBA,MAAMA,KAAqB,GAAG,QAAyD;EAAA,IAAxD;IAAEC,eAAF;IAAmBC,QAAnB;IAA6BC,SAA7B;IAAwCC;EAAxC,CAAwD;EACnF,MAAMC,YAAY,GAAG,IAAAC,aAAA,EAAK,4BAAL,EAAmCH,SAAnC,CAArB;EAEA,oBACI,6BAAC,kBAAD;IACI,eAAe,EAAEF,eADrB;IAEI,SAAS,EAAEI,YAFf;IAGI,SAAS,EAAED;EAHf,GAKKF,QALL,CADJ;AASH,CAZD;;AAcAF,KAAK,CAACO,WAAN,GAAoB,OAApB;eAEeP,K"}
+{"version":3,"file":"Badge.js","names":["Badge","backgroundColor","children","className","fontColor","badgeClasses","clsx","displayName"],"sources":["../../../src/components/badge/Badge.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React, { FC, ReactNode } from 'react';\nimport { StyledBadge } from './Badge.styles';\n\nexport type BadgeProps = {\n    /**\n     * The background color of the badge\n     */\n    backgroundColor?: string;\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     * The font color of the badge\n     */\n    fontColor?: string;\n};\n\nconst Badge: FC<BadgeProps> = ({ backgroundColor, children, className, fontColor }) => {\n    const badgeClasses = clsx('beta-chayns-badge ellipsis', className);\n\n    return (\n        <StyledBadge\n            backgroundColor={backgroundColor}\n            className={badgeClasses}\n            fontColor={fontColor}\n        >\n            {children}\n        </StyledBadge>\n    );\n};\n\nBadge.displayName = 'Badge';\n\nexport default Badge;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAA6C;AAqB7C,MAAMA,KAAqB,GAAG,QAAyD;EAAA,IAAxD;IAAEC,eAAe;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAAU,CAAC;EAC9E,MAAMC,YAAY,GAAG,IAAAC,aAAI,EAAC,4BAA4B,EAAEH,SAAS,CAAC;EAElE,oBACI,6BAAC,kBAAW;IACR,eAAe,EAAEF,eAAgB;IACjC,SAAS,EAAEI,YAAa;IACxB,SAAS,EAAED;EAAU,GAEpBF,QAAQ,CACC;AAEtB,CAAC;AAEDF,KAAK,CAACO,WAAW,GAAG,OAAO;AAAC,eAEbP,KAAK;AAAA"}

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

@@ -4,28 +4,29 @@ 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) } })); }
-
-const StyledBadge = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    background-color: ", ";\n    border-radius: 15px;\n    color: ", ";\n    display: inline-block;\n    font-size: 0.8rem;\n    min-width: 1.65rem;\n    padding: 2px 7px;\n    text-align: center;\n"])), _ref => {
+const StyledBadge = _styledComponents.default.div`
+    background-color: ${_ref => {
   let {
     backgroundColor,
     theme
   } = _ref;
   return backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : theme['secondary-202'];
-}, _ref2 => {
+}};
+    border-radius: 15px;
+    color: ${_ref2 => {
   let {
     fontColor,
     theme
   } = _ref2;
   return fontColor !== null && fontColor !== void 0 ? fontColor : theme['007'];
-});
-
+}};
+    display: inline-block;
+    font-size: 0.8rem;
+    min-width: 1.65rem;
+    padding: 2px 7px;
+    text-align: center;
+`;
 exports.StyledBadge = StyledBadge;
 //# sourceMappingURL=Badge.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.styles.js","names":["StyledBadge","styled","div","backgroundColor","theme","fontColor"],"sources":["../../../src/components/badge/Badge.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport type { BadgeProps } from './Badge';\n\ntype StyledBadgeProps = WithTheme<Pick<BadgeProps, 'backgroundColor' | 'fontColor'>>;\n\nexport const StyledBadge = styled.div<StyledBadgeProps>`\n    background-color: ${({ backgroundColor, theme }: StyledBadgeProps) =>\n        backgroundColor ?? theme['secondary-202']};\n    border-radius: 15px;\n    color: ${({ fontColor, theme }: StyledBadgeProps) => fontColor ?? theme['007']};\n    display: inline-block;\n    font-size: 0.8rem;\n    min-width: 1.65rem;\n    padding: 2px 7px;\n    text-align: center;\n`;\n"],"mappings":";;;;;;;AAAA;;;;;;;;AAMO,MAAMA,WAAW,GAAGC,yBAAA,CAAOC,GAAV,8QACA;EAAA,IAAC;IAAEC,eAAF;IAAmBC;EAAnB,CAAD;EAAA,OAChBD,eADgB,aAChBA,eADgB,cAChBA,eADgB,GACGC,KAAK,CAAC,eAAD,CADR;AAAA,CADA,EAIX;EAAA,IAAC;IAAEC,SAAF;IAAaD;EAAb,CAAD;EAAA,OAA4CC,SAA5C,aAA4CA,SAA5C,cAA4CA,SAA5C,GAAyDD,KAAK,CAAC,KAAD,CAA9D;AAAA,CAJW,CAAjB"}
+{"version":3,"file":"Badge.styles.js","names":["StyledBadge","styled","div","backgroundColor","theme","fontColor"],"sources":["../../../src/components/badge/Badge.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport type { BadgeProps } from './Badge';\n\ntype StyledBadgeProps = WithTheme<Pick<BadgeProps, 'backgroundColor' | 'fontColor'>>;\n\nexport const StyledBadge = styled.div<StyledBadgeProps>`\n    background-color: ${({ backgroundColor, theme }: StyledBadgeProps) =>\n        backgroundColor ?? theme['secondary-202']};\n    border-radius: 15px;\n    color: ${({ fontColor, theme }: StyledBadgeProps) => fontColor ?? theme['007']};\n    display: inline-block;\n    font-size: 0.8rem;\n    min-width: 1.65rem;\n    padding: 2px 7px;\n    text-align: center;\n`;\n"],"mappings":";;;;;;AAAA;AAAuC;AAMhC,MAAMA,WAAW,GAAGC,yBAAM,CAACC,GAAsB;AACxD,wBAAwB;EAAA,IAAC;IAAEC,eAAe;IAAEC;EAAwB,CAAC;EAAA,OAC7DD,eAAe,aAAfA,eAAe,cAAfA,eAAe,GAAIC,KAAK,CAAC,eAAe,CAAC;AAAA,CAAC;AAClD;AACA,aAAa;EAAA,IAAC;IAAEC,SAAS;IAAED;EAAwB,CAAC;EAAA,OAAKC,SAAS,aAATA,SAAS,cAATA,SAAS,GAAID,KAAK,CAAC,KAAK,CAAC;AAAA,CAAC;AACnF;AACA;AACA;AACA;AACA;AACA,CAAC;AAAC"}

package/lib/components/button/Button.js

@@ -4,17 +4,11 @@ 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 }; }
-
 const Button = _ref => {
   let {
     children,
@@ -25,15 +19,12 @@ const Button = _ref => {
     onClick,
     shouldStopPropagation
   } = _ref;
-
   const handleClick = event => {
     if (shouldStopPropagation) {
       event.stopPropagation();
     }
-
     onClick(event);
   };
-
   const buttonClasses = (0, _clsx.default)('beta-chayns-button ellipsis', className);
   return /*#__PURE__*/_react.default.createElement(_Button.StyledButton, {
     className: buttonClasses,
@@ -46,7 +37,6 @@ const Button = _ref => {
     icons: [icon]
   })), children));
 };
-
 Button.displayName = 'Button';
 var _default = Button;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["Button","children","className","icon","isDisabled","isSecondary","onClick","shouldStopPropagation","handleClick","event","stopPropagation","buttonClasses","clsx","displayName"],"sources":["../../../src/components/button/Button.tsx"],"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"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAiCA,MAAMA,MAAuB,GAAG,QAQ1B;EAAA,IAR2B;IAC7BC,QAD6B;IAE7BC,SAF6B;IAG7BC,IAH6B;IAI7BC,UAJ6B;IAK7BC,WAL6B;IAM7BC,OAN6B;IAO7BC;EAP6B,CAQ3B;;EACF,MAAMC,WAAiD,GAAIC,KAAD,IAAW;IACjE,IAAIF,qBAAJ,EAA2B;MACvBE,KAAK,CAACC,eAAN;IACH;;IAEDJ,OAAO,CAACG,KAAD,CAAP;EACH,CAND;;EAQA,MAAME,aAAa,GAAG,IAAAC,aAAA,EAAK,6BAAL,EAAoCV,SAApC,CAAtB;EAEA,oBACI,6BAAC,oBAAD;IACI,SAAS,EAAES,aADf;IAEI,QAAQ,EAAEP,UAFd;IAGI,OAAO,EAAE,OAAOD,IAAP,KAAgB,QAAhB,IAA4BA,IAAI,KAAK,EAHlD;IAII,WAAW,EAAEE,WAJjB;IAKI,OAAO,EAAEG;EALb,gBAOI,4DACKL,IAAI,iBACD,6BAAC,yBAAD,qBACI,6BAAC,aAAD;IAAM,KAAK,EAAC,OAAZ;IAAoB,KAAK,EAAE,CAACA,IAAD;EAA3B,EADJ,CAFR,EAMKF,QANL,CAPJ,CADJ;AAkBH,CArCD;;AAuCAD,MAAM,CAACa,WAAP,GAAqB,QAArB;eAEeb,M"}
+{"version":3,"file":"Button.js","names":["Button","children","className","icon","isDisabled","isSecondary","onClick","shouldStopPropagation","handleClick","event","stopPropagation","buttonClasses","clsx","displayName"],"sources":["../../../src/components/button/Button.tsx"],"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"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAAkE;AAiClE,MAAMA,MAAuB,GAAG,QAQ1B;EAAA,IAR2B;IAC7BC,QAAQ;IACRC,SAAS;IACTC,IAAI;IACJC,UAAU;IACVC,WAAW;IACXC,OAAO;IACPC;EACJ,CAAC;EACG,MAAMC,WAAiD,GAAIC,KAAK,IAAK;IACjE,IAAIF,qBAAqB,EAAE;MACvBE,KAAK,CAACC,eAAe,EAAE;IAC3B;IAEAJ,OAAO,CAACG,KAAK,CAAC;EAClB,CAAC;EAED,MAAME,aAAa,GAAG,IAAAC,aAAI,EAAC,6BAA6B,EAAEV,SAAS,CAAC;EAEpE,oBACI,6BAAC,oBAAY;IACT,SAAS,EAAES,aAAc;IACzB,QAAQ,EAAEP,UAAW;IACrB,OAAO,EAAE,OAAOD,IAAI,KAAK,QAAQ,IAAIA,IAAI,KAAK,EAAG;IACjD,WAAW,EAAEE,WAAY;IACzB,OAAO,EAAEG;EAAY,gBAErB,4DACKL,IAAI,iBACD,6BAAC,yBAAiB,qBACd,6BAAC,aAAI;IAAC,KAAK,EAAC,OAAO;IAAC,KAAK,EAAE,CAACA,IAAI;EAAE,EAAG,CAE5C,EACAF,QAAQ,CACV,CACQ;AAEvB,CAAC;AAEDD,MAAM,CAACa,WAAW,GAAG,QAAQ;AAAC,eAEfb,MAAM;AAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.js","names":["StyledButton","styled","button","isSecondary","theme","text","disabled","hasIcon","StyledIconWrapper","span"],"sources":["../../../src/components/button/Button.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { ButtonProps } from './Button';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledButtonProps = ButtonProps &\n    WithTheme<{\n        hasIcon: boolean;\n    }>;\n\nexport const StyledButton = styled.button<StyledButtonProps>`\n    background-color: ${({ isSecondary, theme }: StyledButtonProps) =>\n        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 }: StyledButtonProps) => (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"],"mappings":";;;;;;;AAAA;;;;;;;;AASO,MAAMA,YAAY,GAAGC,yBAAA,CAAOC,MAAV,kbACD;EAAA,IAAC;IAAEC,WAAF;IAAeC;EAAf,CAAD;EAAA,OAChBD,WAAW,GAAGC,KAAK,CAAC,KAAD,CAAR,GAAkBA,KAAK,CAAC,KAAD,CADlB;AAAA,CADC,EAMZ;EAAA,IAAC;IAAED,WAAF;IAAeC;EAAf,CAAD;EAAA,OAAgDD,WAAW,GAAGC,KAAK,CAACC,IAAT,GAAgB,OAA3E;AAAA,CANY,EAWV;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAmBA,QAAQ,GAAG,GAAH,GAAS,CAApC;AAAA,CAXU,EAYV;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,8BAAiCA,OAAO,GAAG,MAAH,GAAY,MAApD;AAAA,CAZU,CAAlB;;;;AAkBA,MAAMC,iBAAiB,GAAGP,yBAAA,CAAOQ,IAAV,4RAAvB"}
+{"version":3,"file":"Button.styles.js","names":["StyledButton","styled","button","isSecondary","theme","text","disabled","hasIcon","StyledIconWrapper","span"],"sources":["../../../src/components/button/Button.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { ButtonProps } from './Button';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledButtonProps = ButtonProps &\n    WithTheme<{\n        hasIcon: boolean;\n    }>;\n\nexport const StyledButton = styled.button<StyledButtonProps>`\n    background-color: ${({ isSecondary, theme }: StyledButtonProps) =>\n        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 }: StyledButtonProps) => (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"],"mappings":";;;;;;AAAA;AAAuC;AAShC,MAAMA,YAAY,GAAGC,yBAAM,CAACC,MAA0B;AAC7D,wBAAwB;EAAA,IAAC;IAAEC,WAAW;IAAEC;EAAyB,CAAC;EAAA,OAC1DD,WAAW,GAAGC,KAAK,CAAC,KAAK,CAAC,GAAGA,KAAK,CAAC,KAAK,CAAC;AAAA,CAAC;AAClD;AACA;AACA;AACA,aAAa;EAAA,IAAC;IAAED,WAAW;IAAEC;EAAyB,CAAC;EAAA,OAAMD,WAAW,GAAGC,KAAK,CAACC,IAAI,GAAG,OAAO;AAAA,CAAE;AACjG;AACA;AACA;AACA;AACA,eAAe;EAAA,IAAC;IAAEC;EAAS,CAAC;EAAA,OAAMA,QAAQ,GAAG,GAAG,GAAG,CAAC;AAAA,CAAE;AACtD,eAAe;EAAA,IAAC;IAAEC;EAAQ,CAAC;EAAA,OAAM,gBAAeA,OAAO,GAAG,MAAM,GAAG,MAAO,EAAC;AAAA,CAAC;AAC5E;AACA;AACA;AACA,CAAC;AAAC;AAEK,MAAMC,iBAAiB,GAAGP,yBAAM,CAACQ,IAAK;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAAC"}

package/lib/components/checkbox/Checkbox.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _uuid = require("../../hooks/uuid");
-
 var _Checkbox = require("./Checkbox.styles");
-
 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 Checkbox = _ref => {
   let {
     children,
@@ -26,7 +20,6 @@ const Checkbox = _ref => {
   const [isActive, setIsActive] = (0, _react.useState)(isChecked !== null && isChecked !== void 0 ? isChecked : false);
   const handleChange = (0, _react.useCallback)(event => {
     setIsActive(event.target.checked);
-
     if (typeof onChange === 'function') {
       onChange(event);
     }
@@ -45,7 +38,6 @@ const Checkbox = _ref => {
     shouldShowAsSwitch: shouldShowAsSwitch
   }, children));
 };
-
 Checkbox.displayName = 'Checkbox';
 var _default = Checkbox;
 exports.default = _default;