@chayns-components/core 5.0.0-beta.43 → 5.0.0-beta.44

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

@@ -4,6 +4,7 @@ export declare type AccordionContentProps = {
      * The content of the accordion content element
      */
     children: ReactNode;
+    maxHeight?: number;
 };
 declare const AccordionContent: FC<AccordionContentProps>;
 export default AccordionContent;

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

@@ -10,7 +10,8 @@ var _AccordionContent = require("./AccordionContent.styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const AccordionContent = _ref => {
   let {
-    children
+    children,
+    maxHeight
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_Accordion.AccordionContext.Consumer, null, _ref2 => {
     let {
@@ -18,7 +19,8 @@ const AccordionContent = _ref => {
     } = _ref2;
     return /*#__PURE__*/_react.default.createElement(_AccordionContent.StyledAccordionContent, {
       className: "beta-chayns-accordion-content",
-      isWrapped: isWrapped
+      isWrapped: isWrapped,
+      maxHeight: maxHeight
     }, children);
   });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionContent.js","names":["AccordionContent","children","isWrapped","displayName"],"sources":["../../../../src/components/accordion/accordion-content/AccordionContent.tsx"],"sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport { AccordionContext } from '../Accordion';\nimport { StyledAccordionContent } from './AccordionContent.styles';\n\nexport type AccordionContentProps = {\n    /**\n     * The content of the accordion content element\n     */\n    children: ReactNode;\n};\n\nconst AccordionContent: FC<AccordionContentProps> = ({ children }) => (\n    <AccordionContext.Consumer>\n        {({ isWrapped }) => (\n            <StyledAccordionContent className=\"beta-chayns-accordion-content\" isWrapped={isWrapped}>\n                {children}\n            </StyledAccordionContent>\n        )}\n    </AccordionContext.Consumer>\n);\n\nAccordionContent.displayName = 'AccordionContent';\n\nexport default AccordionContent;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAmE;AASnE,MAAMA,gBAA2C,GAAG;EAAA,IAAC;IAAEC;EAAS,CAAC;EAAA,oBAC7D,6BAAC,2BAAgB,CAAC,QAAQ,QACrB;IAAA,IAAC;MAAEC;IAAU,CAAC;IAAA,oBACX,6BAAC,wCAAsB;MAAC,SAAS,EAAC,+BAA+B;MAAC,SAAS,EAAEA;IAAU,GAClFD,QAAQ,CACY;EAAA,CAC5B,CACuB;AAAA,CAC/B;AAEDD,gBAAgB,CAACG,WAAW,GAAG,kBAAkB;AAAC,eAEnCH,gBAAgB;AAAA"}
+{"version":3,"file":"AccordionContent.js","names":["AccordionContent","children","maxHeight","isWrapped","displayName"],"sources":["../../../../src/components/accordion/accordion-content/AccordionContent.tsx"],"sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport { AccordionContext } from '../Accordion';\nimport { StyledAccordionContent } from './AccordionContent.styles';\n\nexport type AccordionContentProps = {\n    /**\n     * The content of the accordion content element\n     */\n    children: ReactNode;\n    maxHeight?: number;\n};\n\nconst AccordionContent: FC<AccordionContentProps> = ({ children, maxHeight }) => (\n    <AccordionContext.Consumer>\n        {({ isWrapped }) => (\n            <StyledAccordionContent\n                className=\"beta-chayns-accordion-content\"\n                isWrapped={isWrapped}\n                maxHeight={maxHeight}\n            >\n                {children}\n            </StyledAccordionContent>\n        )}\n    </AccordionContext.Consumer>\n);\n\nAccordionContent.displayName = 'AccordionContent';\n\nexport default AccordionContent;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAmE;AAUnE,MAAMA,gBAA2C,GAAG;EAAA,IAAC;IAAEC,QAAQ;IAAEC;EAAU,CAAC;EAAA,oBACxE,6BAAC,2BAAgB,CAAC,QAAQ,QACrB;IAAA,IAAC;MAAEC;IAAU,CAAC;IAAA,oBACX,6BAAC,wCAAsB;MACnB,SAAS,EAAC,+BAA+B;MACzC,SAAS,EAAEA,SAAU;MACrB,SAAS,EAAED;IAAU,GAEpBD,QAAQ,CACY;EAAA,CAC5B,CACuB;AAAA,CAC/B;AAEDD,gBAAgB,CAACI,WAAW,GAAG,kBAAkB;AAAC,eAEnCJ,gBAAgB;AAAA"}

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

@@ -1,5 +1,6 @@
+import type { AccordionContentProps } from './AccordionContent';
 export declare const StyledAccordionContent: import("styled-components").StyledComponent<"div", any, {
     isWrapped: boolean;
 } & {
     theme: import("../../color-scheme-provider/ColorSchemeProvider").Theme;
-}, never>;
+} & Pick<AccordionContentProps, "maxHeight">, never>;

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

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledAccordionContent = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+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 StyledAccordionContent = _styledComponents.default.div`
     color: ${_ref => {
   let {
@@ -19,6 +20,16 @@ const StyledAccordionContent = _styledComponents.default.div`
   } = _ref2;
   return isWrapped ? '0 9px 18px 26px' : '0 9px 9px 10px';
 }};
+
+    ${_ref3 => {
+  let {
+    maxHeight
+  } = _ref3;
+  return typeof maxHeight === 'number' && (0, _styledComponents.css)`
+            max-height: ${maxHeight}px;
+            overflow-y: scroll;
+        `;
+}}
 `;
 exports.StyledAccordionContent = StyledAccordionContent;
 //# sourceMappingURL=AccordionContent.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionContent.styles.js","names":["StyledAccordionContent","styled","div","theme","text","isWrapped"],"sources":["../../../../src/components/accordion/accordion-content/AccordionContent.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledAccordionContentProps = WithTheme<{\n    isWrapped: boolean;\n}>;\n\nexport const StyledAccordionContent = styled.div<StyledAccordionContentProps>`\n    color: ${({ theme }: StyledAccordionContentProps) => theme.text};\n    padding: ${({ isWrapped }) => (isWrapped ? '0 9px 18px 26px' : '0 9px 9px 10px')};\n`;\n"],"mappings":";;;;;;AAAA;AAAuC;AAOhC,MAAMA,sBAAsB,GAAGC,yBAAM,CAACC,GAAiC;AAC9E,aAAa;EAAA,IAAC;IAAEC;EAAmC,CAAC;EAAA,OAAKA,KAAK,CAACC,IAAI;AAAA,CAAC;AACpE,eAAe;EAAA,IAAC;IAAEC;EAAU,CAAC;EAAA,OAAMA,SAAS,GAAG,iBAAiB,GAAG,gBAAgB;AAAA,CAAE;AACrF,CAAC;AAAC"}
+{"version":3,"file":"AccordionContent.styles.js","names":["StyledAccordionContent","styled","div","theme","text","isWrapped","maxHeight","css"],"sources":["../../../../src/components/accordion/accordion-content/AccordionContent.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\nimport type { AccordionContentProps } from './AccordionContent';\n\ntype StyledAccordionContentProps = WithTheme<{\n    isWrapped: boolean;\n}> &\n    Pick<AccordionContentProps, 'maxHeight'>;\n\nexport const StyledAccordionContent = styled.div<StyledAccordionContentProps>`\n    color: ${({ theme }: StyledAccordionContentProps) => theme.text};\n    padding: ${({ isWrapped }) => (isWrapped ? '0 9px 18px 26px' : '0 9px 9px 10px')};\n\n    ${({ maxHeight }) =>\n        typeof maxHeight === 'number' &&\n        css`\n            max-height: ${maxHeight}px;\n            overflow-y: scroll;\n        `}\n`;\n"],"mappings":";;;;;;AAAA;AAAgD;AAAA;AASzC,MAAMA,sBAAsB,GAAGC,yBAAM,CAACC,GAAiC;AAC9E,aAAa;EAAA,IAAC;IAAEC;EAAmC,CAAC;EAAA,OAAKA,KAAK,CAACC,IAAI;AAAA,CAAC;AACpE,eAAe;EAAA,IAAC;IAAEC;EAAU,CAAC;EAAA,OAAMA,SAAS,GAAG,iBAAiB,GAAG,gBAAgB;AAAA,CAAE;AACrF;AACA,MAAM;EAAA,IAAC;IAAEC;EAAU,CAAC;EAAA,OACZ,OAAOA,SAAS,KAAK,QAAQ,IAC7B,IAAAC,qBAAG,CAAC;AACZ,0BAA0BD,SAAU;AACpC;AACA,SAAS;AAAA,CAAC;AACV,CAAC;AAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.0.0-beta.43",
+    "version": "5.0.0-beta.44",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "keywords": [
         "chayns",
@@ -62,5 +62,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "d02a5e87394dd6723b8694f37c42bd6f26dcb21f"
+    "gitHead": "58aaa9d73f7b6fafac4d25d0a2412f620913992b"
 }