@chayns-components/core 5.0.0-beta.228 → 5.0.0-beta.229

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -26,6 +26,7 @@ const StyledAccordion = _styledComponents.default.div`
26
26
  `;
27
27
  }}
28
28
 
29
+ border-bottom: 1px solid transparent;
29
30
  margin-bottom: ${_ref3 => {
30
31
  let {
31
32
  isOpen,
@@ -33,39 +34,84 @@ const StyledAccordion = _styledComponents.default.div`
33
34
  } = _ref3;
34
35
  return isOpen && !isWrapped ? '30px' : '0px';
35
36
  }};
36
- transition: background-color 0.3s ease, border-radius 0.3s ease, box-shadow 0.3s ease,
37
- margin-bottom 0.3s ease;
37
+ transition: background-color 0.3s ease, border-bottom-color 0.3s ease, border-radius 0.3s ease,
38
+ box-shadow 0.3s ease, margin-bottom 0.3s ease;
38
39
 
39
40
  ${_ref4 => {
40
41
  let {
41
- isParentWrapped
42
+ isOpen,
43
+ isWrapped
42
44
  } = _ref4;
45
+ if (isWrapped) {
46
+ return (0, _styledComponents.css)`
47
+ :not(:last-child) {
48
+ border-bottom-color: ${_ref5 => {
49
+ let {
50
+ theme
51
+ } = _ref5;
52
+ return theme.headline;
53
+ }};
54
+ }
55
+ `;
56
+ }
57
+ if (!isOpen) {
58
+ return (0, _styledComponents.css)`
59
+ border-bottom-color: ${_ref6 => {
60
+ let {
61
+ theme
62
+ } = _ref6;
63
+ return theme.headline;
64
+ }};
65
+ `;
66
+ }
67
+ return undefined;
68
+ }}
69
+
70
+ ${_ref7 => {
71
+ let {
72
+ isOpen,
73
+ isWrapped
74
+ } = _ref7;
75
+ return !isOpen && !isWrapped && (0, _styledComponents.css)`
76
+ border-bottom-color: ${_ref8 => {
77
+ let {
78
+ theme
79
+ } = _ref8;
80
+ return theme.headline;
81
+ }};
82
+ `;
83
+ }}
84
+
85
+ ${_ref9 => {
86
+ let {
87
+ isParentWrapped
88
+ } = _ref9;
43
89
  return isParentWrapped && (0, _styledComponents.css)`
44
90
  padding-left: 17px;
45
91
  `;
46
92
  }}
47
93
 
48
- ${_ref5 => {
94
+ ${_ref10 => {
49
95
  let {
50
96
  isWrapped
51
- } = _ref5;
97
+ } = _ref10;
52
98
  return !isWrapped && (0, _styledComponents.css)`
53
99
  margin-top: 10px;
54
100
  `;
55
101
  }}
56
102
 
57
- ${_ref6 => {
103
+ ${_ref11 => {
58
104
  let {
59
105
  isWrapped,
60
106
  shouldHideBackground
61
- } = _ref6;
107
+ } = _ref11;
62
108
  return !isWrapped && !shouldHideBackground && (0, _styledComponents.css)`
63
109
  &:hover {
64
110
  background-color: rgba(
65
- ${_ref7 => {
111
+ ${_ref12 => {
66
112
  let {
67
113
  theme
68
- } = _ref7;
114
+ } = _ref12;
69
115
  return theme['100-rgb'];
70
116
  }},
71
117
  0.85
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","StyledAccordion","styled","div","_ref","isOpen","isWrapped","shouldHideBackground","css","_ref2","theme","_ref3","_ref4","isParentWrapped","_ref5","_ref6","_ref7","exports"],"sources":["../../../src/components/accordion/Accordion.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport type { AccordionProps } from './Accordion';\n\ntype StyledMotionAccordionProps = WithTheme<{\n isOpen: boolean;\n isParentWrapped: boolean;\n}> &\n Pick<AccordionProps, 'isWrapped' | 'shouldHideBackground'>;\n\nexport const StyledAccordion = styled.div<StyledMotionAccordionProps>`\n ${({ isOpen, isWrapped, shouldHideBackground }) =>\n isOpen &&\n !isWrapped &&\n !shouldHideBackground &&\n css`\n background-color: ${({ theme }: StyledMotionAccordionProps) =>\n theme['100']}; // ToDo: Add opacity here\n border-radius: 3px; // ToDo: Add correct border-radius here\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); // ToDo: Add correct box-shadow here\n `}\n\n margin-bottom: ${({ isOpen, isWrapped }) => (isOpen && !isWrapped ? '30px' : '0px')};\n transition: background-color 0.3s ease, border-radius 0.3s ease, box-shadow 0.3s ease,\n margin-bottom 0.3s ease;\n\n ${({ isParentWrapped }) =>\n isParentWrapped &&\n css`\n padding-left: 17px;\n `}\n\n ${({ isWrapped }) =>\n !isWrapped &&\n css`\n margin-top: 10px;\n `}\n\n ${({ isWrapped, shouldHideBackground }) =>\n !isWrapped &&\n !shouldHideBackground &&\n css`\n &:hover {\n background-color: rgba(\n ${({ theme }: StyledMotionAccordionProps) => theme['100-rgb']},\n 0.85\n );\n }\n `}\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAC,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAH,wBAAAO,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAUzC,MAAMW,eAAe,GAAGC,yBAAM,CAACC,GAAgC;AACtE,MAAMC,IAAA;EAAA,IAAC;IAAEC,MAAM;IAAEC,SAAS;IAAEC;EAAqB,CAAC,GAAAH,IAAA;EAAA,OAC1CC,MAAM,IACN,CAACC,SAAS,IACV,CAACC,oBAAoB,IACrB,IAAAC,qBAAG,CAAC;AACZ,gCAAgCC,KAAA;IAAA,IAAC;MAAEC;IAAkC,CAAC,GAAAD,KAAA;IAAA,OACtDC,KAAK,CAAC,KAAK,CAAC;EAAA,CAAC;AAC7B;AACA;AACA,SAAS;AAAA,CAAC;AACV;AACA,qBAAqBC,KAAA;EAAA,IAAC;IAAEN,MAAM;IAAEC;EAAU,CAAC,GAAAK,KAAA;EAAA,OAAMN,MAAM,IAAI,CAACC,SAAS,GAAG,MAAM,GAAG,KAAK;AAAA,CAAE;AACxF;AACA;AACA;AACA,MAAMM,KAAA;EAAA,IAAC;IAAEC;EAAgB,CAAC,GAAAD,KAAA;EAAA,OAClBC,eAAe,IACf,IAAAL,qBAAG,CAAC;AACZ;AACA,SAAS;AAAA,CAAC;AACV;AACA,MAAMM,KAAA;EAAA,IAAC;IAAER;EAAU,CAAC,GAAAQ,KAAA;EAAA,OACZ,CAACR,SAAS,IACV,IAAAE,qBAAG,CAAC;AACZ;AACA,SAAS;AAAA,CAAC;AACV;AACA,MAAMO,KAAA;EAAA,IAAC;IAAET,SAAS;IAAEC;EAAqB,CAAC,GAAAQ,KAAA;EAAA,OAClC,CAACT,SAAS,IACV,CAACC,oBAAoB,IACrB,IAAAC,qBAAG,CAAC;AACZ;AACA;AACA,sBAAsBQ,KAAA;IAAA,IAAC;MAAEN;IAAkC,CAAC,GAAAM,KAAA;IAAA,OAAKN,KAAK,CAAC,SAAS,CAAC;EAAA,CAAC;AAClF;AACA;AACA;AACA,SAAS;AAAA,CAAC;AACV,CAAC;AAACO,OAAA,CAAAhB,eAAA,GAAAA,eAAA"}
1
+ {"version":3,"file":"Accordion.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","StyledAccordion","styled","div","_ref","isOpen","isWrapped","shouldHideBackground","css","_ref2","theme","_ref3","_ref4","_ref5","headline","_ref6","undefined","_ref7","_ref8","_ref9","isParentWrapped","_ref10","_ref11","_ref12","exports"],"sources":["../../../src/components/accordion/Accordion.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport type { AccordionProps } from './Accordion';\n\ntype StyledMotionAccordionProps = WithTheme<{\n isOpen: boolean;\n isParentWrapped: boolean;\n}> &\n Pick<AccordionProps, 'isWrapped' | 'shouldHideBackground'>;\n\nexport const StyledAccordion = styled.div<StyledMotionAccordionProps>`\n ${({ isOpen, isWrapped, shouldHideBackground }) =>\n isOpen &&\n !isWrapped &&\n !shouldHideBackground &&\n css`\n background-color: ${({ theme }: StyledMotionAccordionProps) =>\n theme['100']}; // ToDo: Add opacity here\n border-radius: 3px; // ToDo: Add correct border-radius here\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); // ToDo: Add correct box-shadow here\n `}\n\n border-bottom: 1px solid transparent;\n margin-bottom: ${({ isOpen, isWrapped }) => (isOpen && !isWrapped ? '30px' : '0px')};\n transition: background-color 0.3s ease, border-bottom-color 0.3s ease, border-radius 0.3s ease,\n box-shadow 0.3s ease, margin-bottom 0.3s ease;\n\n ${({ isOpen, isWrapped }) => {\n if (isWrapped) {\n return css`\n :not(:last-child) {\n border-bottom-color: ${({ theme }: StyledMotionAccordionProps) =>\n theme.headline};\n }\n `;\n }\n\n if (!isOpen) {\n return css`\n border-bottom-color: ${({ theme }: StyledMotionAccordionProps) => theme.headline};\n `;\n }\n\n return undefined;\n }}\n\n ${({ isOpen, isWrapped }) =>\n !isOpen &&\n !isWrapped &&\n css`\n border-bottom-color: ${({ theme }: StyledMotionAccordionProps) => theme.headline};\n `}\n\n ${({ isParentWrapped }) =>\n isParentWrapped &&\n css`\n padding-left: 17px;\n `}\n\n ${({ isWrapped }) =>\n !isWrapped &&\n css`\n margin-top: 10px;\n `}\n\n ${({ isWrapped, shouldHideBackground }) =>\n !isWrapped &&\n !shouldHideBackground &&\n css`\n &:hover {\n background-color: rgba(\n ${({ theme }: StyledMotionAccordionProps) => theme['100-rgb']},\n 0.85\n );\n }\n `}\n`;\n"],"mappings":"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"}
@@ -19,26 +19,9 @@ const AccordionBody = _ref => {
19
19
  const AccordionGroupContextProviderValue = (0, _react.useMemo)(() => ({
20
20
  openAccordionUuid: undefined
21
21
  }), []);
22
- const contentRef = (0, _react.useRef)(null);
23
- const [height, setHeight] = (0, _react.useState)('auto');
24
- (0, _react.useEffect)(() => {
25
- if (contentRef.current) {
26
- const resizeObserver = new ResizeObserver(entries => {
27
- if (entries && entries[0]) {
28
- const observedHeight = entries[0].contentRect.height;
29
- setHeight(observedHeight);
30
- }
31
- });
32
- resizeObserver.observe(contentRef.current);
33
- return () => {
34
- resizeObserver.disconnect();
35
- };
36
- }
37
- return () => {};
38
- }, []);
39
22
  return /*#__PURE__*/_react.default.createElement(_AccordionBody.StyledMotionAccordionBody, {
40
23
  animate: {
41
- height: shouldHideBody ? '0' : height,
24
+ height: shouldHideBody ? '0' : 'auto',
42
25
  opacity: shouldHideBody ? 0 : 1
43
26
  },
44
27
  className: "beta-chayns-accordion-body",
@@ -54,9 +37,7 @@ const AccordionBody = _ref => {
54
37
  onScroll: onScroll
55
38
  }, /*#__PURE__*/_react.default.createElement(_AccordionGroup.AccordionGroupContext.Provider, {
56
39
  value: AccordionGroupContextProviderValue
57
- }, /*#__PURE__*/_react.default.createElement("div", {
58
- ref: contentRef
59
- }, children)));
40
+ }, children));
60
41
  };
61
42
  AccordionBody.displayName = 'AccordionBody';
62
43
  var _default = AccordionBody;
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionBody.js","names":["_react","_interopRequireWildcard","require","_AccordionGroup","_AccordionBody","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","AccordionBody","_ref","children","maxHeight","onScroll","shouldHideBody","AccordionGroupContextProviderValue","useMemo","openAccordionUuid","undefined","contentRef","useRef","height","setHeight","useState","useEffect","current","resizeObserver","ResizeObserver","entries","observedHeight","contentRect","observe","disconnect","createElement","StyledMotionAccordionBody","animate","opacity","className","exit","initial","AccordionGroupContext","Provider","value","ref","displayName","_default","exports"],"sources":["../../../../src/components/accordion/accordion-body/AccordionBody.tsx"],"sourcesContent":["import React, { FC, UIEvent, useEffect, useMemo, useRef, useState } from 'react';\nimport type { AccordionProps } from '../Accordion';\nimport { AccordionGroupContext } from '../accordion-group/AccordionGroup';\nimport { StyledMotionAccordionBody } from './AccordionBody.styles';\n\nexport type AccordionBodyProps = {\n /**\n * Maximum height of the element. This automatically makes the content of the element scrollable.\n */\n maxHeight: AccordionProps['bodyMaxHeight'];\n /**\n * Function that is executed when the element will be scrolled\n */\n onScroll?: (event: UIEvent<HTMLDivElement>) => void;\n /**\n *\n */\n shouldHideBody: boolean;\n};\n\nconst AccordionBody: FC<AccordionBodyProps> = ({\n children,\n maxHeight,\n onScroll,\n shouldHideBody,\n}) => {\n const AccordionGroupContextProviderValue = useMemo(\n () => ({ openAccordionUuid: undefined }),\n []\n );\n\n const contentRef = useRef<HTMLDivElement | null>(null);\n const [height, setHeight] = useState<number | 'auto'>('auto');\n\n useEffect(() => {\n if (contentRef.current) {\n const resizeObserver = new ResizeObserver((entries) => {\n if (entries && entries[0]) {\n const observedHeight = entries[0].contentRect.height;\n setHeight(observedHeight);\n }\n });\n\n resizeObserver.observe(contentRef.current);\n\n return () => {\n resizeObserver.disconnect();\n };\n }\n\n return () => {};\n }, []);\n\n return (\n <StyledMotionAccordionBody\n animate={{ height: shouldHideBody ? '0' : height, opacity: shouldHideBody ? 0 : 1 }}\n className=\"beta-chayns-accordion-body\"\n exit={{ height: 0, opacity: 0 }}\n initial={{ height: 0, opacity: 0 }}\n maxHeight={maxHeight}\n onScroll={onScroll}\n >\n <AccordionGroupContext.Provider value={AccordionGroupContextProviderValue}>\n <div ref={contentRef}>{children}</div>\n </AccordionGroupContext.Provider>\n </StyledMotionAccordionBody>\n );\n};\n\nAccordionBody.displayName = 'AccordionBody';\n\nexport default AccordionBody;\n"],"mappings":"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"}
1
+ {"version":3,"file":"AccordionBody.js","names":["_react","_interopRequireWildcard","require","_AccordionGroup","_AccordionBody","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","AccordionBody","_ref","children","maxHeight","onScroll","shouldHideBody","AccordionGroupContextProviderValue","useMemo","openAccordionUuid","undefined","createElement","StyledMotionAccordionBody","animate","height","opacity","className","exit","initial","AccordionGroupContext","Provider","value","displayName","_default","exports"],"sources":["../../../../src/components/accordion/accordion-body/AccordionBody.tsx"],"sourcesContent":["import React, { FC, UIEvent, useMemo } from 'react';\nimport type { AccordionProps } from '../Accordion';\nimport { AccordionGroupContext } from '../accordion-group/AccordionGroup';\nimport { StyledMotionAccordionBody } from './AccordionBody.styles';\n\nexport type AccordionBodyProps = {\n /**\n * Maximum height of the element. This automatically makes the content of the element scrollable.\n */\n maxHeight: AccordionProps['bodyMaxHeight'];\n /**\n * Function that is executed when the element will be scrolled\n */\n onScroll?: (event: UIEvent<HTMLDivElement>) => void;\n /**\n *\n */\n shouldHideBody: boolean;\n};\n\nconst AccordionBody: FC<AccordionBodyProps> = ({\n children,\n maxHeight,\n onScroll,\n shouldHideBody,\n}) => {\n const AccordionGroupContextProviderValue = useMemo(\n () => ({ openAccordionUuid: undefined }),\n []\n );\n\n return (\n <StyledMotionAccordionBody\n animate={{ height: shouldHideBody ? '0' : 'auto', opacity: shouldHideBody ? 0 : 1 }}\n className=\"beta-chayns-accordion-body\"\n exit={{ height: 0, opacity: 0 }}\n initial={{ height: 0, opacity: 0 }}\n maxHeight={maxHeight}\n onScroll={onScroll}\n >\n <AccordionGroupContext.Provider value={AccordionGroupContextProviderValue}>\n {children}\n </AccordionGroupContext.Provider>\n </StyledMotionAccordionBody>\n );\n};\n\nAccordionBody.displayName = 'AccordionBody';\n\nexport default AccordionBody;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAAmE,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAL,wBAAAS,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAiBnE,MAAMW,aAAqC,GAAGC,IAAA,IAKxC;EAAA,IALyC;IAC3CC,QAAQ;IACRC,SAAS;IACTC,QAAQ;IACRC;EACJ,CAAC,GAAAJ,IAAA;EACG,MAAMK,kCAAkC,GAAG,IAAAC,cAAO,EAC9C,OAAO;IAAEC,iBAAiB,EAAEC;EAAU,CAAC,CAAC,EACxC,EACJ,CAAC;EAED,oBACIpC,MAAA,CAAAY,OAAA,CAAAyB,aAAA,CAACjC,cAAA,CAAAkC,yBAAyB;IACtBC,OAAO,EAAE;MAAEC,MAAM,EAAER,cAAc,GAAG,GAAG,GAAG,MAAM;MAAES,OAAO,EAAET,cAAc,GAAG,CAAC,GAAG;IAAE,CAAE;IACpFU,SAAS,EAAC,4BAA4B;IACtCC,IAAI,EAAE;MAAEH,MAAM,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAE,CAAE;IAChCG,OAAO,EAAE;MAAEJ,MAAM,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAE,CAAE;IACnCX,SAAS,EAAEA,SAAU;IACrBC,QAAQ,EAAEA;EAAS,gBAEnB/B,MAAA,CAAAY,OAAA,CAAAyB,aAAA,CAAClC,eAAA,CAAA0C,qBAAqB,CAACC,QAAQ;IAACC,KAAK,EAAEd;EAAmC,GACrEJ,QAC2B,CACT,CAAC;AAEpC,CAAC;AAEDF,aAAa,CAACqB,WAAW,GAAG,eAAe;AAAC,IAAAC,QAAA,GAE7BtB,aAAa;AAAAuB,OAAA,CAAAtC,OAAA,GAAAqC,QAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@chayns-components/core",
3
- "version": "5.0.0-beta.228",
3
+ "version": "5.0.0-beta.229",
4
4
  "description": "A set of beautiful React components for developing your own applications with chayns.",
5
5
  "keywords": [
6
6
  "chayns",
@@ -65,5 +65,5 @@
65
65
  "publishConfig": {
66
66
  "access": "public"
67
67
  },
68
- "gitHead": "75f6677410b7b2fb99cce79af3dfd533fa717d38"
68
+ "gitHead": "16451093b03560c6716d8be0bf78f0c80097d90f"
69
69
  }