@chayns-components/core 5.0.0-beta.1124 → 5.0.0-beta.1126

package/lib/cjs/components/tooltip/Tooltip.styles.js

@@ -8,6 +8,8 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const StyledTooltip = exports.StyledTooltip = _styledComponents.default.div``;
 const StyledTooltipChildren = exports.StyledTooltipChildren = _styledComponents.default.div`
+    display: flex;
+
     ${({
   $shouldUseChildrenWidth
 }) => $shouldUseChildrenWidth && (0, _styledComponents.css)`

package/lib/cjs/components/tooltip/Tooltip.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.styles.js","names":["_styledComponents","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledTooltip","exports","styled","div","StyledTooltipChildren","$shouldUseChildrenWidth","css","$shouldUseFullWidth","$isOnlyText","theme","text"],"sources":["../../../../src/components/tooltip/Tooltip.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledTooltip = styled.div``;\n\ntype StyledTooltipChildrenProps = WithTheme<{\n    $isOnlyText: boolean;\n    $shouldUseChildrenWidth: boolean;\n    $shouldUseFullWidth: boolean;\n}>;\nexport const StyledTooltipChildren = styled.div<StyledTooltipChildrenProps>`\n    ${({ $shouldUseChildrenWidth }) =>\n        $shouldUseChildrenWidth &&\n        css`\n            width: fit-content;\n        `}\n\n    ${({ $shouldUseFullWidth }) =>\n        $shouldUseFullWidth &&\n        css`\n            width: 100%;\n        `};\n\n    ${({ $isOnlyText, theme }: StyledTooltipChildrenProps) =>\n        $isOnlyText &&\n        css`\n            line-height: normal;\n\n            border-bottom-width: 1px;\n            border-bottom-style: dotted;\n            border-bottom-color: ${theme.text};\n        `}\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGzC,MAAMkB,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAGE,yBAAM,CAACC,GAAG,EAAE;AAOlC,MAAMC,qBAAqB,GAAAH,OAAA,CAAAG,qBAAA,GAAGF,yBAAM,CAACC,GAA+B;AAC3E,MAAM,CAAC;EAAEE;AAAwB,CAAC,KAC1BA,uBAAuB,IACvB,IAAAC,qBAAG;AACX;AACA,SAAS;AACT;AACA,MAAM,CAAC;EAAEC;AAAoB,CAAC,KACtBA,mBAAmB,IACnB,IAAAD,qBAAG;AACX;AACA,SAAS;AACT;AACA,MAAM,CAAC;EAAEE,WAAW;EAAEC;AAAkC,CAAC,KACjDD,WAAW,IACX,IAAAF,qBAAG;AACX;AACA;AACA;AACA;AACA,mCAAmCG,KAAK,CAACC,IAAI;AAC7C,SAAS;AACT,CAAC","ignoreList":[]}
+{"version":3,"file":"Tooltip.styles.js","names":["_styledComponents","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledTooltip","exports","styled","div","StyledTooltipChildren","$shouldUseChildrenWidth","css","$shouldUseFullWidth","$isOnlyText","theme","text"],"sources":["../../../../src/components/tooltip/Tooltip.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledTooltip = styled.div``;\n\ntype StyledTooltipChildrenProps = WithTheme<{\n    $isOnlyText: boolean;\n    $shouldUseChildrenWidth: boolean;\n    $shouldUseFullWidth: boolean;\n}>;\nexport const StyledTooltipChildren = styled.div<StyledTooltipChildrenProps>`\n    display: flex;\n\n    ${({ $shouldUseChildrenWidth }) =>\n        $shouldUseChildrenWidth &&\n        css`\n            width: fit-content;\n        `}\n\n    ${({ $shouldUseFullWidth }) =>\n        $shouldUseFullWidth &&\n        css`\n            width: 100%;\n        `};\n\n    ${({ $isOnlyText, theme }: StyledTooltipChildrenProps) =>\n        $isOnlyText &&\n        css`\n            line-height: normal;\n\n            border-bottom-width: 1px;\n            border-bottom-style: dotted;\n            border-bottom-color: ${theme.text};\n        `}\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGzC,MAAMkB,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAGE,yBAAM,CAACC,GAAG,EAAE;AAOlC,MAAMC,qBAAqB,GAAAH,OAAA,CAAAG,qBAAA,GAAGF,yBAAM,CAACC,GAA+B;AAC3E;AACA;AACA,MAAM,CAAC;EAAEE;AAAwB,CAAC,KAC1BA,uBAAuB,IACvB,IAAAC,qBAAG;AACX;AACA,SAAS;AACT;AACA,MAAM,CAAC;EAAEC;AAAoB,CAAC,KACtBA,mBAAmB,IACnB,IAAAD,qBAAG;AACX;AACA,SAAS;AACT;AACA,MAAM,CAAC;EAAEE,WAAW;EAAEC;AAAkC,CAAC,KACjDD,WAAW,IACX,IAAAF,qBAAG;AACX;AACA;AACA;AACA;AACA,mCAAmCG,KAAK,CAACC,IAAI;AAC7C,SAAS;AACT,CAAC","ignoreList":[]}

package/lib/cjs/components/tooltip/tooltip-item/TooltipItem.styles.js

@@ -30,6 +30,10 @@ const StyledTooltipItemHeadline = exports.StyledTooltipItemHeadline = _styledCom
   theme
 }) => theme.headline};
     margin: 0;
+
+    word-break: break-word;
+    overflow-wrap: anywhere;
+    width: 100%;
 `;
 const StyledTooltipItemImage = exports.StyledTooltipItemImage = _styledComponents.default.img``;
 const StyledTooltipItemButtonWrapper = exports.StyledTooltipItemButtonWrapper = _styledComponents.default.div`
@@ -40,5 +44,9 @@ const StyledTooltipItemText = exports.StyledTooltipItemText = _styledComponents.
     color: ${({
   theme
 }) => theme.text};
+
+    word-break: break-word;
+    overflow-wrap: anywhere;
+    width: 100%;
 `;
 //# sourceMappingURL=TooltipItem.styles.js.map

package/lib/cjs/components/tooltip/tooltip-item/TooltipItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipItem.styles.js","names":["_styledComponents","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledTooltipItem","exports","styled","div","$width","$maxWidth","css","StyledTooltipItemHeadline","h5","theme","headline","StyledTooltipItemImage","img","StyledTooltipItemButtonWrapper","StyledTooltipItemText","p","text"],"sources":["../../../../../src/components/tooltip/tooltip-item/TooltipItem.styles.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledTooltipItemProps = WithTheme<{ $width?: CSSProperties['width']; $maxWidth?: number }>;\n\nexport const StyledTooltipItem = styled.div<StyledTooltipItemProps>`\n    padding: 5px;\n\n    width: ${({ $width }) => ($width ? `${$width}px` : '100%')};\n\n    ${({ $maxWidth }) =>\n        $maxWidth &&\n        css`\n            max-width: ${$maxWidth}px;\n        `}\n\n    ${({ $width }) =>\n        $width &&\n        css`\n            width: ${$width};\n        `}\n`;\n\ntype StyledTooltipItemHeadlineProps = WithTheme<unknown>;\n\nexport const StyledTooltipItemHeadline = styled.h5<StyledTooltipItemHeadlineProps>`\n    color: ${({ theme }: StyledTooltipItemHeadlineProps) => theme.headline};\n    margin: 0;\n`;\n\nexport const StyledTooltipItemImage = styled.img``;\n\nexport const StyledTooltipItemButtonWrapper = styled.div`\n    display: flex;\n    justify-content: center;\n`;\n\ntype StyledTooltipItemTextProps = WithTheme<unknown>;\n\nexport const StyledTooltipItemText = styled.p<StyledTooltipItemTextProps>`\n    color: ${({ theme }: StyledTooltipItemTextProps) => theme.text};\n`;\n"],"mappings":";;;;;;AACA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAKzC,MAAMkB,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGE,yBAAM,CAACC,GAA2B;AACnE;AACA;AACA,aAAa,CAAC;EAAEC;AAAO,CAAC,KAAMA,MAAM,GAAG,GAAGA,MAAM,IAAI,GAAG,MAAO;AAC9D;AACA,MAAM,CAAC;EAAEC;AAAU,CAAC,KACZA,SAAS,IACT,IAAAC,qBAAG;AACX,yBAAyBD,SAAS;AAClC,SAAS;AACT;AACA,MAAM,CAAC;EAAED;AAAO,CAAC,KACTA,MAAM,IACN,IAAAE,qBAAG;AACX,qBAAqBF,MAAM;AAC3B,SAAS;AACT,CAAC;AAIM,MAAMG,yBAAyB,GAAAN,OAAA,CAAAM,yBAAA,GAAGL,yBAAM,CAACM,EAAkC;AAClF,aAAa,CAAC;EAAEC;AAAsC,CAAC,KAAKA,KAAK,CAACC,QAAQ;AAC1E;AACA,CAAC;AAEM,MAAMC,sBAAsB,GAAAV,OAAA,CAAAU,sBAAA,GAAGT,yBAAM,CAACU,GAAG,EAAE;AAE3C,MAAMC,8BAA8B,GAAAZ,OAAA,CAAAY,8BAAA,GAAGX,yBAAM,CAACC,GAAG;AACxD;AACA;AACA,CAAC;AAIM,MAAMW,qBAAqB,GAAAb,OAAA,CAAAa,qBAAA,GAAGZ,yBAAM,CAACa,CAA6B;AACzE,aAAa,CAAC;EAAEN;AAAkC,CAAC,KAAKA,KAAK,CAACO,IAAI;AAClE,CAAC","ignoreList":[]}
+{"version":3,"file":"TooltipItem.styles.js","names":["_styledComponents","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledTooltipItem","exports","styled","div","$width","$maxWidth","css","StyledTooltipItemHeadline","h5","theme","headline","StyledTooltipItemImage","img","StyledTooltipItemButtonWrapper","StyledTooltipItemText","p","text"],"sources":["../../../../../src/components/tooltip/tooltip-item/TooltipItem.styles.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledTooltipItemProps = WithTheme<{ $width?: CSSProperties['width']; $maxWidth?: number }>;\n\nexport const StyledTooltipItem = styled.div<StyledTooltipItemProps>`\n    padding: 5px;\n\n    width: ${({ $width }) => ($width ? `${$width}px` : '100%')};\n\n    ${({ $maxWidth }) =>\n        $maxWidth &&\n        css`\n            max-width: ${$maxWidth}px;\n        `}\n\n    ${({ $width }) =>\n        $width &&\n        css`\n            width: ${$width};\n        `}\n`;\n\ntype StyledTooltipItemHeadlineProps = WithTheme<unknown>;\n\nexport const StyledTooltipItemHeadline = styled.h5<StyledTooltipItemHeadlineProps>`\n    color: ${({ theme }: StyledTooltipItemHeadlineProps) => theme.headline};\n    margin: 0;\n\n    word-break: break-word;\n    overflow-wrap: anywhere;\n    width: 100%;\n`;\n\nexport const StyledTooltipItemImage = styled.img``;\n\nexport const StyledTooltipItemButtonWrapper = styled.div`\n    display: flex;\n    justify-content: center;\n`;\n\ntype StyledTooltipItemTextProps = WithTheme<unknown>;\n\nexport const StyledTooltipItemText = styled.p<StyledTooltipItemTextProps>`\n    color: ${({ theme }: StyledTooltipItemTextProps) => theme.text};\n\n    word-break: break-word;\n    overflow-wrap: anywhere;\n    width: 100%;\n`;\n"],"mappings":";;;;;;AACA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAKzC,MAAMkB,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGE,yBAAM,CAACC,GAA2B;AACnE;AACA;AACA,aAAa,CAAC;EAAEC;AAAO,CAAC,KAAMA,MAAM,GAAG,GAAGA,MAAM,IAAI,GAAG,MAAO;AAC9D;AACA,MAAM,CAAC;EAAEC;AAAU,CAAC,KACZA,SAAS,IACT,IAAAC,qBAAG;AACX,yBAAyBD,SAAS;AAClC,SAAS;AACT;AACA,MAAM,CAAC;EAAED;AAAO,CAAC,KACTA,MAAM,IACN,IAAAE,qBAAG;AACX,qBAAqBF,MAAM;AAC3B,SAAS;AACT,CAAC;AAIM,MAAMG,yBAAyB,GAAAN,OAAA,CAAAM,yBAAA,GAAGL,yBAAM,CAACM,EAAkC;AAClF,aAAa,CAAC;EAAEC;AAAsC,CAAC,KAAKA,KAAK,CAACC,QAAQ;AAC1E;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAMC,sBAAsB,GAAAV,OAAA,CAAAU,sBAAA,GAAGT,yBAAM,CAACU,GAAG,EAAE;AAE3C,MAAMC,8BAA8B,GAAAZ,OAAA,CAAAY,8BAAA,GAAGX,yBAAM,CAACC,GAAG;AACxD;AACA;AACA,CAAC;AAIM,MAAMW,qBAAqB,GAAAb,OAAA,CAAAa,qBAAA,GAAGZ,yBAAM,CAACa,CAA6B;AACzE,aAAa,CAAC;EAAEN;AAAkC,CAAC,KAAKA,KAAK,CAACO,IAAI;AAClE;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/esm/components/tooltip/Tooltip.styles.js

@@ -1,6 +1,8 @@
 import styled, { css } from 'styled-components';
 export const StyledTooltip = styled.div``;
 export const StyledTooltipChildren = styled.div`
+    display: flex;
+
     ${_ref => {
   let {
     $shouldUseChildrenWidth

package/lib/esm/components/tooltip/Tooltip.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.styles.js","names":["styled","css","StyledTooltip","div","StyledTooltipChildren","_ref","$shouldUseChildrenWidth","_ref2","$shouldUseFullWidth","_ref3","$isOnlyText","theme","text"],"sources":["../../../../src/components/tooltip/Tooltip.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledTooltip = styled.div``;\n\ntype StyledTooltipChildrenProps = WithTheme<{\n    $isOnlyText: boolean;\n    $shouldUseChildrenWidth: boolean;\n    $shouldUseFullWidth: boolean;\n}>;\nexport const StyledTooltipChildren = styled.div<StyledTooltipChildrenProps>`\n    ${({ $shouldUseChildrenWidth }) =>\n        $shouldUseChildrenWidth &&\n        css`\n            width: fit-content;\n        `}\n\n    ${({ $shouldUseFullWidth }) =>\n        $shouldUseFullWidth &&\n        css`\n            width: 100%;\n        `};\n\n    ${({ $isOnlyText, theme }: StyledTooltipChildrenProps) =>\n        $isOnlyText &&\n        css`\n            line-height: normal;\n\n            border-bottom-width: 1px;\n            border-bottom-style: dotted;\n            border-bottom-color: ${theme.text};\n        `}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,OAAO,MAAMC,aAAa,GAAGF,MAAM,CAACG,GAAG,EAAE;AAOzC,OAAO,MAAMC,qBAAqB,GAAGJ,MAAM,CAACG,GAA+B;AAC3E,MAAME,IAAA;EAAA,IAAC;IAAEC;EAAwB,CAAC,GAAAD,IAAA;EAAA,OAC1BC,uBAAuB,IACvBL,GAAG;AACX;AACA,SAAS;AAAA;AACT;AACA,MAAMM,KAAA;EAAA,IAAC;IAAEC;EAAoB,CAAC,GAAAD,KAAA;EAAA,OACtBC,mBAAmB,IACnBP,GAAG;AACX;AACA,SAAS;AAAA;AACT;AACA,MAAMQ,KAAA;EAAA,IAAC;IAAEC,WAAW;IAAEC;EAAkC,CAAC,GAAAF,KAAA;EAAA,OACjDC,WAAW,IACXT,GAAG;AACX;AACA;AACA;AACA;AACA,mCAAmCU,KAAK,CAACC,IAAI;AAC7C,SAAS;AAAA;AACT,CAAC","ignoreList":[]}
+{"version":3,"file":"Tooltip.styles.js","names":["styled","css","StyledTooltip","div","StyledTooltipChildren","_ref","$shouldUseChildrenWidth","_ref2","$shouldUseFullWidth","_ref3","$isOnlyText","theme","text"],"sources":["../../../../src/components/tooltip/Tooltip.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledTooltip = styled.div``;\n\ntype StyledTooltipChildrenProps = WithTheme<{\n    $isOnlyText: boolean;\n    $shouldUseChildrenWidth: boolean;\n    $shouldUseFullWidth: boolean;\n}>;\nexport const StyledTooltipChildren = styled.div<StyledTooltipChildrenProps>`\n    display: flex;\n\n    ${({ $shouldUseChildrenWidth }) =>\n        $shouldUseChildrenWidth &&\n        css`\n            width: fit-content;\n        `}\n\n    ${({ $shouldUseFullWidth }) =>\n        $shouldUseFullWidth &&\n        css`\n            width: 100%;\n        `};\n\n    ${({ $isOnlyText, theme }: StyledTooltipChildrenProps) =>\n        $isOnlyText &&\n        css`\n            line-height: normal;\n\n            border-bottom-width: 1px;\n            border-bottom-style: dotted;\n            border-bottom-color: ${theme.text};\n        `}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,OAAO,MAAMC,aAAa,GAAGF,MAAM,CAACG,GAAG,EAAE;AAOzC,OAAO,MAAMC,qBAAqB,GAAGJ,MAAM,CAACG,GAA+B;AAC3E;AACA;AACA,MAAME,IAAA;EAAA,IAAC;IAAEC;EAAwB,CAAC,GAAAD,IAAA;EAAA,OAC1BC,uBAAuB,IACvBL,GAAG;AACX;AACA,SAAS;AAAA;AACT;AACA,MAAMM,KAAA;EAAA,IAAC;IAAEC;EAAoB,CAAC,GAAAD,KAAA;EAAA,OACtBC,mBAAmB,IACnBP,GAAG;AACX;AACA,SAAS;AAAA;AACT;AACA,MAAMQ,KAAA;EAAA,IAAC;IAAEC,WAAW;IAAEC;EAAkC,CAAC,GAAAF,KAAA;EAAA,OACjDC,WAAW,IACXT,GAAG;AACX;AACA;AACA;AACA;AACA,mCAAmCU,KAAK,CAACC,IAAI;AAC7C,SAAS;AAAA;AACT,CAAC","ignoreList":[]}

package/lib/esm/components/tooltip/tooltip-item/TooltipItem.styles.js

@@ -35,6 +35,10 @@ export const StyledTooltipItemHeadline = styled.h5`
   return theme.headline;
 }};
     margin: 0;
+
+    word-break: break-word;
+    overflow-wrap: anywhere;
+    width: 100%;
 `;
 export const StyledTooltipItemImage = styled.img``;
 export const StyledTooltipItemButtonWrapper = styled.div`
@@ -48,5 +52,9 @@ export const StyledTooltipItemText = styled.p`
   } = _ref5;
   return theme.text;
 }};
+
+    word-break: break-word;
+    overflow-wrap: anywhere;
+    width: 100%;
 `;
 //# sourceMappingURL=TooltipItem.styles.js.map

package/lib/esm/components/tooltip/tooltip-item/TooltipItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipItem.styles.js","names":["styled","css","StyledTooltipItem","div","_ref","$width","_ref2","$maxWidth","_ref3","StyledTooltipItemHeadline","h5","_ref4","theme","headline","StyledTooltipItemImage","img","StyledTooltipItemButtonWrapper","StyledTooltipItemText","p","_ref5","text"],"sources":["../../../../../src/components/tooltip/tooltip-item/TooltipItem.styles.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledTooltipItemProps = WithTheme<{ $width?: CSSProperties['width']; $maxWidth?: number }>;\n\nexport const StyledTooltipItem = styled.div<StyledTooltipItemProps>`\n    padding: 5px;\n\n    width: ${({ $width }) => ($width ? `${$width}px` : '100%')};\n\n    ${({ $maxWidth }) =>\n        $maxWidth &&\n        css`\n            max-width: ${$maxWidth}px;\n        `}\n\n    ${({ $width }) =>\n        $width &&\n        css`\n            width: ${$width};\n        `}\n`;\n\ntype StyledTooltipItemHeadlineProps = WithTheme<unknown>;\n\nexport const StyledTooltipItemHeadline = styled.h5<StyledTooltipItemHeadlineProps>`\n    color: ${({ theme }: StyledTooltipItemHeadlineProps) => theme.headline};\n    margin: 0;\n`;\n\nexport const StyledTooltipItemImage = styled.img``;\n\nexport const StyledTooltipItemButtonWrapper = styled.div`\n    display: flex;\n    justify-content: center;\n`;\n\ntype StyledTooltipItemTextProps = WithTheme<unknown>;\n\nexport const StyledTooltipItemText = styled.p<StyledTooltipItemTextProps>`\n    color: ${({ theme }: StyledTooltipItemTextProps) => theme.text};\n`;\n"],"mappings":"AACA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAK/C,OAAO,MAAMC,iBAAiB,GAAGF,MAAM,CAACG,GAA2B;AACnE;AACA;AACA,aAAaC,IAAA;EAAA,IAAC;IAAEC;EAAO,CAAC,GAAAD,IAAA;EAAA,OAAMC,MAAM,GAAG,GAAGA,MAAM,IAAI,GAAG,MAAM;AAAA,CAAC;AAC9D;AACA,MAAMC,KAAA;EAAA,IAAC;IAAEC;EAAU,CAAC,GAAAD,KAAA;EAAA,OACZC,SAAS,IACTN,GAAG;AACX,yBAAyBM,SAAS;AAClC,SAAS;AAAA;AACT;AACA,MAAMC,KAAA;EAAA,IAAC;IAAEH;EAAO,CAAC,GAAAG,KAAA;EAAA,OACTH,MAAM,IACNJ,GAAG;AACX,qBAAqBI,MAAM;AAC3B,SAAS;AAAA;AACT,CAAC;AAID,OAAO,MAAMI,yBAAyB,GAAGT,MAAM,CAACU,EAAkC;AAClF,aAAaC,KAAA;EAAA,IAAC;IAAEC;EAAsC,CAAC,GAAAD,KAAA;EAAA,OAAKC,KAAK,CAACC,QAAQ;AAAA;AAC1E;AACA,CAAC;AAED,OAAO,MAAMC,sBAAsB,GAAGd,MAAM,CAACe,GAAG,EAAE;AAElD,OAAO,MAAMC,8BAA8B,GAAGhB,MAAM,CAACG,GAAG;AACxD;AACA;AACA,CAAC;AAID,OAAO,MAAMc,qBAAqB,GAAGjB,MAAM,CAACkB,CAA6B;AACzE,aAAaC,KAAA;EAAA,IAAC;IAAEP;EAAkC,CAAC,GAAAO,KAAA;EAAA,OAAKP,KAAK,CAACQ,IAAI;AAAA;AAClE,CAAC","ignoreList":[]}
+{"version":3,"file":"TooltipItem.styles.js","names":["styled","css","StyledTooltipItem","div","_ref","$width","_ref2","$maxWidth","_ref3","StyledTooltipItemHeadline","h5","_ref4","theme","headline","StyledTooltipItemImage","img","StyledTooltipItemButtonWrapper","StyledTooltipItemText","p","_ref5","text"],"sources":["../../../../../src/components/tooltip/tooltip-item/TooltipItem.styles.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledTooltipItemProps = WithTheme<{ $width?: CSSProperties['width']; $maxWidth?: number }>;\n\nexport const StyledTooltipItem = styled.div<StyledTooltipItemProps>`\n    padding: 5px;\n\n    width: ${({ $width }) => ($width ? `${$width}px` : '100%')};\n\n    ${({ $maxWidth }) =>\n        $maxWidth &&\n        css`\n            max-width: ${$maxWidth}px;\n        `}\n\n    ${({ $width }) =>\n        $width &&\n        css`\n            width: ${$width};\n        `}\n`;\n\ntype StyledTooltipItemHeadlineProps = WithTheme<unknown>;\n\nexport const StyledTooltipItemHeadline = styled.h5<StyledTooltipItemHeadlineProps>`\n    color: ${({ theme }: StyledTooltipItemHeadlineProps) => theme.headline};\n    margin: 0;\n\n    word-break: break-word;\n    overflow-wrap: anywhere;\n    width: 100%;\n`;\n\nexport const StyledTooltipItemImage = styled.img``;\n\nexport const StyledTooltipItemButtonWrapper = styled.div`\n    display: flex;\n    justify-content: center;\n`;\n\ntype StyledTooltipItemTextProps = WithTheme<unknown>;\n\nexport const StyledTooltipItemText = styled.p<StyledTooltipItemTextProps>`\n    color: ${({ theme }: StyledTooltipItemTextProps) => theme.text};\n\n    word-break: break-word;\n    overflow-wrap: anywhere;\n    width: 100%;\n`;\n"],"mappings":"AACA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAK/C,OAAO,MAAMC,iBAAiB,GAAGF,MAAM,CAACG,GAA2B;AACnE;AACA;AACA,aAAaC,IAAA;EAAA,IAAC;IAAEC;EAAO,CAAC,GAAAD,IAAA;EAAA,OAAMC,MAAM,GAAG,GAAGA,MAAM,IAAI,GAAG,MAAM;AAAA,CAAC;AAC9D;AACA,MAAMC,KAAA;EAAA,IAAC;IAAEC;EAAU,CAAC,GAAAD,KAAA;EAAA,OACZC,SAAS,IACTN,GAAG;AACX,yBAAyBM,SAAS;AAClC,SAAS;AAAA;AACT;AACA,MAAMC,KAAA;EAAA,IAAC;IAAEH;EAAO,CAAC,GAAAG,KAAA;EAAA,OACTH,MAAM,IACNJ,GAAG;AACX,qBAAqBI,MAAM;AAC3B,SAAS;AAAA;AACT,CAAC;AAID,OAAO,MAAMI,yBAAyB,GAAGT,MAAM,CAACU,EAAkC;AAClF,aAAaC,KAAA;EAAA,IAAC;IAAEC;EAAsC,CAAC,GAAAD,KAAA;EAAA,OAAKC,KAAK,CAACC,QAAQ;AAAA;AAC1E;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,sBAAsB,GAAGd,MAAM,CAACe,GAAG,EAAE;AAElD,OAAO,MAAMC,8BAA8B,GAAGhB,MAAM,CAACG,GAAG;AACxD;AACA;AACA,CAAC;AAID,OAAO,MAAMc,qBAAqB,GAAGjB,MAAM,CAACkB,CAA6B;AACzE,aAAaC,KAAA;EAAA,IAAC;IAAEP;EAAkC,CAAC,GAAAO,KAAA;EAAA,OAAKP,KAAK,CAACQ,IAAI;AAAA;AAClE;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.0.0-beta.1124",
+    "version": "5.0.0-beta.1126",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -86,5 +86,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "6ba977ff33ab1be12da5993702d64e209b552da5"
+    "gitHead": "cf30c85178d460fe9282a3d52d25cd32cde93683"
 }