@laerdal/life-react-components 5.0.6-dev.1 → 5.0.6

package/dist/Card/HorizontalCard/HorizontalCardActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalCardActions.js","names":["React","IconButton","ToggleButton","DropdownButton","styled","jsx","_jsx","Fragment","_Fragment","Container","div","_templateObject","_taggedTemplateLiteral","HorizontalCardActions","forwardRef","_ref","ref","actions","disabled","_React$useState","useState","_React$useState2","_slicedToArray","elRefs","setElRefs","length","useEffect","Array","fill","map","createRef","useImperativeHandle","renderAction","item","index","componentType","content","_item$disabled","variant","useTransparentBackground","shape","action","tooltip","children","icon","_item$disabled2","active","onChange","defaultState","activeState","_item$disabled3","type","items","itemsType","onClick","actionIcon","actionLabel","actionVariant","actionLoading","multiSelect","scrollable","pinTopItem","maxHeight"],"sources":["../../../src/Card/HorizontalCard/HorizontalCardActions.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n  HorizontalCardCustomContent,\r\n  HorizontalCardDropdownButton,\r\n  HorizontalCardIconButton,\r\n  HorizontalCardProps,\r\n  HorizontalCardToggleButton\r\n} from './types';\r\nimport {IconButton} from '../../Button';\r\nimport {ToggleButton} from '../../Toggles';\r\nimport {DropdownButton} from '../../Dropdown';\r\nimport styled from 'styled-components';\r\n\r\nconst Container = styled.div`\r\n  display: flex;\r\n`;\r\n\r\ntype Props = Pick<HorizontalCardProps, 'actions' | 'disabled'>;\r\n\r\nexport const HorizontalCardActions = React.forwardRef(({actions, disabled}: Props,\r\n                                                       ref: React.Ref<React.RefObject<HTMLButtonElement>[]>) => {\r\n\r\n  const [elRefs, setElRefs] = React.useState<React.RefObject<HTMLButtonElement>[]>([]);\r\n  const length = actions?.length || 0;\r\n\r\n  React.useEffect(() => {\r\n    setElRefs(Array(length || 0).fill(null).map(() => React.createRef<HTMLButtonElement>()));\r\n  }, [length]);\r\n\r\n  React.useImperativeHandle(ref, () => elRefs, [elRefs]);\r\n\r\n  const renderAction = (item: HorizontalCardIconButton | HorizontalCardToggleButton | HorizontalCardDropdownButton | HorizontalCardCustomContent,\r\n                        index: number) => {\r\n    switch (item.componentType) {\r\n      case 'custom': {\r\n        return item.content\r\n      }\r\n      case 'icon': {\r\n        return <IconButton ref={elRefs[index]}\r\n                           key={index}\r\n                           variant={'secondary'}\r\n                           useTransparentBackground={true}\r\n                           shape={'circular'}\r\n                           action={item.action}\r\n                           tooltip={item.tooltip}\r\n                           disabled={item.disabled ?? disabled}>\r\n          {item.icon}\r\n        </IconButton>\r\n      }\r\n      case 'toggle': {\r\n        return <ToggleButton ref={elRefs[index]}\r\n                             key={index}\r\n                             active={item.active}\r\n                             onChange={item.onChange}\r\n                             defaultState={item.defaultState}\r\n                             activeState={item.activeState}\r\n                             disabled={item.disabled ?? disabled}/>\r\n      }\r\n      case 'dropdown': {\r\n        return <DropdownButton ref={elRefs[index]}\r\n                               key={index}\r\n                               type={'icon'}\r\n                               items={item.items}\r\n                               itemsType={item.itemsType}\r\n                               onClick={item.onClick}\r\n                               icon={item.icon}\r\n                               action={item.action}\r\n                               actionIcon={item.actionIcon}\r\n                               actionLabel={item.actionLabel}\r\n                               actionVariant={item.actionVariant}\r\n                               actionLoading={item.actionLoading}\r\n                               multiSelect={item.multiSelect}\r\n                               scrollable={item.scrollable}\r\n                               pinTopItem={item.pinTopItem}\r\n                               maxHeight={item.maxHeight}\r\n                               disabled={item.disabled ?? disabled}/>\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  return (\r\n    <>\r\n      {\r\n        actions?.length &&\r\n        <Container>\r\n          {actions?.map((item, index) => renderAction(item, index))}\r\n        </Container>\r\n      }\r\n    </>\r\n  )\r\n});\r\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAQzB,SAAQC,UAAU,QAAO,cAAc;AACvC,SAAQC,YAAY,QAAO,eAAe;AAC1C,SAAQC,cAAc,QAAO,gBAAgB;AAC7C,OAAOC,MAAM,MAAM,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAEvC,IAAMC,SAAS,GAAGL,MAAM,CAACM,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,4BAE3B;AAID,OAAO,IAAMC,qBAAqB,gBAAGb,KAAK,CAACc,UAAU,CAAC,UAAAC,IAAA,EACCC,GAAoD,EAAK;EAAA,IADxDC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EAGvE,IAAAC,eAAA,GAA4BnB,KAAK,CAACoB,QAAQ,CAAuC,EAAE,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAA7EI,MAAM,GAAAF,gBAAA;IAAEG,SAAS,GAAAH,gBAAA;EACxB,IAAMI,MAAM,GAAG,CAAAR,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEQ,MAAM,KAAI,CAAC;EAEnCzB,KAAK,CAAC0B,SAAS,CAAC,YAAM;IACpBF,SAAS,CAACG,KAAK,CAACF,MAAM,IAAI,CAAC,CAAC,CAACG,IAAI,CAAC,IAAI,CAAC,CAACC,GAAG,CAAC;MAAA,oBAAM7B,KAAK,CAAC8B,SAAS,CAAoB,CAAC;IAAA,EAAC,CAAC;EAC1F,CAAC,EAAE,CAACL,MAAM,CAAC,CAAC;EAEZzB,KAAK,CAAC+B,mBAAmB,CAACf,GAAG,EAAE;IAAA,OAAMO,MAAM;EAAA,GAAE,CAACA,MAAM,CAAC,CAAC;EAEtD,IAAMS,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAAwH,EACxHC,KAAa,EAAK;IACtC,QAAQD,IAAI,CAACE,aAAa;MACxB,KAAK,QAAQ;QAAE;UACb,OAAOF,IAAI,CAACG,OAAO;QACrB;MACA,KAAK,MAAM;QAAE;UAAA,IAAAC,cAAA;UACX,oBAAO/B,IAAA,CAACL,UAAU;YAACe,GAAG,EAAEO,MAAM,CAACW,KAAK,CAAE;YAEnBI,OAAO,EAAE,WAAY;YACrBC,wBAAwB,EAAE,IAAK;YAC/BC,KAAK,EAAE,UAAW;YAClBC,MAAM,EAAER,IAAI,CAACQ,MAAO;YACpBC,OAAO,EAAET,IAAI,CAACS,OAAQ;YACtBxB,QAAQ,GAAAmB,cAAA,GAAEJ,IAAI,CAACf,QAAQ,cAAAmB,cAAA,cAAAA,cAAA,GAAInB,QAAS;YAAAyB,QAAA,EACpDV,IAAI,CAACW;UAAI,GAPYV,KAQZ,CAAC;QACf;MACA,KAAK,QAAQ;QAAE;UAAA,IAAAW,eAAA;UACb,oBAAOvC,IAAA,CAACJ,YAAY;YAACc,GAAG,EAAEO,MAAM,CAACW,KAAK,CAAE;YAEnBY,MAAM,EAAEb,IAAI,CAACa,MAAO;YACpBC,QAAQ,EAAEd,IAAI,CAACc,QAAS;YACxBC,YAAY,EAAEf,IAAI,CAACe,YAAa;YAChCC,WAAW,EAAEhB,IAAI,CAACgB,WAAY;YAC9B/B,QAAQ,GAAA2B,eAAA,GAAEZ,IAAI,CAACf,QAAQ,cAAA2B,eAAA,cAAAA,eAAA,GAAI3B;UAAS,GAL/BgB,KAKgC,CAAC;QAC7D;MACA,KAAK,UAAU;QAAE;UAAA,IAAAgB,eAAA;UACf,oBAAO5C,IAAA,CAACH,cAAc;YAACa,GAAG,EAAEO,MAAM,CAACW,KAAK,CAAE;YAEnBiB,IAAI,EAAE,MAAO;YACbC,KAAK,EAAEnB,IAAI,CAACmB,KAAM;YAClBC,SAAS,EAAEpB,IAAI,CAACoB,SAAU;YAC1BC,OAAO,EAAErB,IAAI,CAACqB,OAAQ;YACtBV,IAAI,EAAEX,IAAI,CAACW,IAAK;YAChBH,MAAM,EAAER,IAAI,CAACQ,MAAO;YACpBc,UAAU,EAAEtB,IAAI,CAACsB,UAAW;YAC5BC,WAAW,EAAEvB,IAAI,CAACuB,WAAY;YAC9BC,aAAa,EAAExB,IAAI,CAACwB,aAAc;YAClCC,aAAa,EAAEzB,IAAI,CAACyB,aAAc;YAClCC,WAAW,EAAE1B,IAAI,CAAC0B,WAAY;YAC9BC,UAAU,EAAE3B,IAAI,CAAC2B,UAAW;YAC5BC,UAAU,EAAE5B,IAAI,CAAC4B,UAAW;YAC5BC,SAAS,EAAE7B,IAAI,CAAC6B,SAAU;YAC1B5C,QAAQ,GAAAgC,eAAA,GAAEjB,IAAI,CAACf,QAAQ,cAAAgC,eAAA,cAAAA,eAAA,GAAIhC;UAAS,GAf/BgB,KAegC,CAAC;QAC/D;IACF;EACF,CAAC;EAGD,oBACE5B,IAAA,CAAAE,SAAA;IAAAmC,QAAA,EAEI,CAAA1B,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEQ,MAAM,kBACfnB,IAAA,CAACG,SAAS;MAAAkC,QAAA,EACP1B,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEY,GAAG,CAAC,UAACI,IAAI,EAAEC,KAAK;QAAA,OAAKF,YAAY,CAACC,IAAI,EAAEC,KAAK,CAAC;MAAA;IAAC,CAChD;EAAC,CAEd,CAAC;AAEP,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"HorizontalCardActions.js","names":["React","IconButton","ToggleButton","DropdownButton","styled","jsx","_jsx","Fragment","_Fragment","Container","div","_templateObject","_taggedTemplateLiteral","HorizontalCardActions","forwardRef","_ref","ref","actions","disabled","_React$useState","useState","_React$useState2","_slicedToArray","elRefs","setElRefs","length","useEffect","Array","fill","map","createRef","useImperativeHandle","renderAction","item","index","componentType","content","_item$disabled","variant","useTransparentBackground","shape","action","tooltip","children","icon","_item$disabled2","active","onChange","defaultState","activeState","_item$disabled3","type","items","itemsType","onClick","actionIcon","actionLabel","actionVariant","actionLoading","multiSelect","scrollable","pinTopItem","maxHeight"],"sources":["../../../src/Card/HorizontalCard/HorizontalCardActions.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  HorizontalCardCustomContent,\n  HorizontalCardDropdownButton,\n  HorizontalCardIconButton,\n  HorizontalCardProps,\n  HorizontalCardToggleButton\n} from './types';\nimport {IconButton} from '../../Button';\nimport {ToggleButton} from '../../Toggles';\nimport {DropdownButton} from '../../Dropdown';\nimport styled from 'styled-components';\n\nconst Container = styled.div`\n  display: flex;\n`;\n\ntype Props = Pick<HorizontalCardProps, 'actions' | 'disabled'>;\n\nexport const HorizontalCardActions = React.forwardRef(({actions, disabled}: Props,\n                                                       ref: React.Ref<React.RefObject<HTMLButtonElement>[]>) => {\n\n  const [elRefs, setElRefs] = React.useState<React.RefObject<HTMLButtonElement>[]>([]);\n  const length = actions?.length || 0;\n\n  React.useEffect(() => {\n    setElRefs(Array(length || 0).fill(null).map(() => React.createRef<HTMLButtonElement>()));\n  }, [length]);\n\n  React.useImperativeHandle(ref, () => elRefs, [elRefs]);\n\n  const renderAction = (item: HorizontalCardIconButton | HorizontalCardToggleButton | HorizontalCardDropdownButton | HorizontalCardCustomContent,\n                        index: number) => {\n    switch (item.componentType) {\n      case 'custom': {\n        return item.content\n      }\n      case 'icon': {\n        return <IconButton ref={elRefs[index]}\n                           key={index}\n                           variant={'secondary'}\n                           useTransparentBackground={true}\n                           shape={'circular'}\n                           action={item.action}\n                           tooltip={item.tooltip}\n                           disabled={item.disabled ?? disabled}>\n          {item.icon}\n        </IconButton>\n      }\n      case 'toggle': {\n        return <ToggleButton ref={elRefs[index]}\n                             key={index}\n                             active={item.active}\n                             onChange={item.onChange}\n                             defaultState={item.defaultState}\n                             activeState={item.activeState}\n                             disabled={item.disabled ?? disabled}/>\n      }\n      case 'dropdown': {\n        return <DropdownButton ref={elRefs[index]}\n                               key={index}\n                               type={'icon'}\n                               items={item.items}\n                               itemsType={item.itemsType}\n                               onClick={item.onClick}\n                               icon={item.icon}\n                               action={item.action}\n                               actionIcon={item.actionIcon}\n                               actionLabel={item.actionLabel}\n                               actionVariant={item.actionVariant}\n                               actionLoading={item.actionLoading}\n                               multiSelect={item.multiSelect}\n                               scrollable={item.scrollable}\n                               pinTopItem={item.pinTopItem}\n                               maxHeight={item.maxHeight}\n                               disabled={item.disabled ?? disabled}/>\n      }\n    }\n  }\n\n\n  return (\n    <>\n      {\n        actions?.length &&\n        <Container>\n          {actions?.map((item, index) => renderAction(item, index))}\n        </Container>\n      }\n    </>\n  )\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/Card/HorizontalCard/HorizontalCardBody.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalCardBody.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_LinearProgress","_Tag","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","HorizontalCardBodyContainer","styled","div","_taggedTemplateLiteral2","exports","HorizontalCardBodyTitle","props","ComponentMStyling","ComponentTextStyle","Bold","COLORS","getColor","theme","HorizontalCardBodyDescription","ComponentXSStyling","Regular","HorizontalCardBodyTagsContainer","HorizontalCardBody","_ref","title","description","progress","tags","jsxs","children","jsx","map","tag","index","Tag","label","variant","icon","LinearProgress","value","max"],"sources":["../../../src/Card/HorizontalCard/HorizontalCardBody.tsx"],"sourcesContent":["import React from 'react';\r\nimport {HorizontalCardProps} from './types';\r\nimport styled from 'styled-components';\r\nimport {COLORS, ComponentMStyling, ComponentTextStyle, ComponentXSStyling} from '../../styles';\r\nimport {LinearProgress} from '../../LinearProgress';\r\nimport {Tag} from '../../Tag';\r\n\r\nexport const HorizontalCardBodyContainer = styled.div`\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  padding: 16px;\r\n`;\r\n\r\nexport const HorizontalCardBodyTitle = styled.div`\r\n  ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\r\n  .disabled & {\r\n    color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const HorizontalCardBodyDescription = styled.div`\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n`;\r\n\r\nexport const HorizontalCardBodyTagsContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: wrap;\r\n  padding: 4px 0;\r\n  gap: 4px;\r\n`;\r\n\r\ntype Props = Pick<HorizontalCardProps, 'title' | 'description' | 'progress' | 'tags'>;\r\n\r\nexport const HorizontalCardBody: React.FunctionComponent<Props> = ({\r\n                                                                     title,\r\n                                                                     description,\r\n                                                                     progress,\r\n                                                                     tags,\r\n                                                                   }) => {\r\n\r\n  return (\r\n    <HorizontalCardBodyContainer>\r\n      <HorizontalCardBodyTitle>{title}</HorizontalCardBodyTitle>\r\n      {description && <HorizontalCardBodyDescription>{description}</HorizontalCardBodyDescription>}\r\n      {\r\n        tags &&\r\n        <HorizontalCardBodyTagsContainer>{tags.map((tag, index) => (\r\n          <Tag key={index} label={tag.label} variant={tag.variant} icon={tag.icon}/>))}\r\n        </HorizontalCardBodyTagsContainer>\r\n      }\r\n      {progress && <LinearProgress value={progress.value} max={progress.max}/>}\r\n    </HorizontalCardBodyContainer>\r\n  )\r\n};\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"HorizontalCardBody.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_LinearProgress","_Tag","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","HorizontalCardBodyContainer","styled","div","_taggedTemplateLiteral2","exports","HorizontalCardBodyTitle","props","ComponentMStyling","ComponentTextStyle","Bold","COLORS","getColor","theme","HorizontalCardBodyDescription","ComponentXSStyling","Regular","HorizontalCardBodyTagsContainer","HorizontalCardBody","_ref","title","description","progress","tags","jsxs","children","jsx","map","tag","index","Tag","label","variant","icon","LinearProgress","value","max"],"sources":["../../../src/Card/HorizontalCard/HorizontalCardBody.tsx"],"sourcesContent":["import React from 'react';\nimport {HorizontalCardProps} from './types';\nimport styled from 'styled-components';\nimport {COLORS, ComponentMStyling, ComponentTextStyle, ComponentXSStyling} from '../../styles';\nimport {LinearProgress} from '../../LinearProgress';\nimport {Tag} from '../../Tag';\n\nexport const HorizontalCardBodyContainer = styled.div`\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  gap: 8px;\n  padding: 16px;\n`;\n\nexport const HorizontalCardBodyTitle = styled.div`\n  ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\n  .disabled & {\n    color: ${props => COLORS.getColor('neutral_500', props.theme)};\n  }\n`;\n\nexport const HorizontalCardBodyDescription = styled.div`\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\n`;\n\nexport const HorizontalCardBodyTagsContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  padding: 4px 0;\n  gap: 4px;\n`;\n\ntype Props = Pick<HorizontalCardProps, 'title' | 'description' | 'progress' | 'tags'>;\n\nexport const HorizontalCardBody: React.FunctionComponent<Props> = ({\n                                                                     title,\n                                                                     description,\n                                                                     progress,\n                                                                     tags,\n                                                                   }) => {\n\n  return (\n    <HorizontalCardBodyContainer>\n      <HorizontalCardBodyTitle>{title}</HorizontalCardBodyTitle>\n      {description && <HorizontalCardBodyDescription>{description}</HorizontalCardBodyDescription>}\n      {\n        tags &&\n        <HorizontalCardBodyTagsContainer>{tags.map((tag, index) => (\n          <Tag key={index} label={tag.label} variant={tag.variant} icon={tag.icon}/>))}\n        </HorizontalCardBodyTagsContainer>\n      }\n      {progress && <LinearProgress value={progress.value} max={progress.max}/>}\n    </HorizontalCardBodyContainer>\n  )\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/Card/HorizontalCard/HorizontalCardBody.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-import { HorizontalCardProps } from './types';
-export declare const HorizontalCardBodyContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const HorizontalCardBodyTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const HorizontalCardBodyDescription: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const HorizontalCardBodyTagsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-type Props = Pick<HorizontalCardProps, 'title' | 'description' | 'progress' | 'tags'>;
-export declare const HorizontalCardBody: React.FunctionComponent<Props>;
-export {};
+import React from 'react';
+import { HorizontalCardProps } from './types';
+export declare const HorizontalCardBodyContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HorizontalCardBodyTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HorizontalCardBodyDescription: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HorizontalCardBodyTagsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+type Props = Pick<HorizontalCardProps, 'title' | 'description' | 'progress' | 'tags'>;
+export declare const HorizontalCardBody: React.FunctionComponent<Props>;
+export {};

package/dist/Card/HorizontalCard/HorizontalCardBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalCardBody.js","names":["React","styled","COLORS","ComponentMStyling","ComponentTextStyle","ComponentXSStyling","LinearProgress","Tag","jsx","_jsx","jsxs","_jsxs","HorizontalCardBodyContainer","div","_templateObject","_taggedTemplateLiteral","HorizontalCardBodyTitle","_templateObject2","props","Bold","getColor","theme","HorizontalCardBodyDescription","_templateObject3","Regular","HorizontalCardBodyTagsContainer","_templateObject4","HorizontalCardBody","_ref","title","description","progress","tags","children","map","tag","index","label","variant","icon","value","max"],"sources":["../../../src/Card/HorizontalCard/HorizontalCardBody.tsx"],"sourcesContent":["import React from 'react';\r\nimport {HorizontalCardProps} from './types';\r\nimport styled from 'styled-components';\r\nimport {COLORS, ComponentMStyling, ComponentTextStyle, ComponentXSStyling} from '../../styles';\r\nimport {LinearProgress} from '../../LinearProgress';\r\nimport {Tag} from '../../Tag';\r\n\r\nexport const HorizontalCardBodyContainer = styled.div`\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  padding: 16px;\r\n`;\r\n\r\nexport const HorizontalCardBodyTitle = styled.div`\r\n  ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\r\n  .disabled & {\r\n    color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const HorizontalCardBodyDescription = styled.div`\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n`;\r\n\r\nexport const HorizontalCardBodyTagsContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: wrap;\r\n  padding: 4px 0;\r\n  gap: 4px;\r\n`;\r\n\r\ntype Props = Pick<HorizontalCardProps, 'title' | 'description' | 'progress' | 'tags'>;\r\n\r\nexport const HorizontalCardBody: React.FunctionComponent<Props> = ({\r\n                                                                     title,\r\n                                                                     description,\r\n                                                                     progress,\r\n                                                                     tags,\r\n                                                                   }) => {\r\n\r\n  return (\r\n    <HorizontalCardBodyContainer>\r\n      <HorizontalCardBodyTitle>{title}</HorizontalCardBodyTitle>\r\n      {description && <HorizontalCardBodyDescription>{description}</HorizontalCardBodyDescription>}\r\n      {\r\n        tags &&\r\n        <HorizontalCardBodyTagsContainer>{tags.map((tag, index) => (\r\n          <Tag key={index} label={tag.label} variant={tag.variant} icon={tag.icon}/>))}\r\n        </HorizontalCardBodyTagsContainer>\r\n      }\r\n      {progress && <LinearProgress value={progress.value} max={progress.max}/>}\r\n    </HorizontalCardBodyContainer>\r\n  )\r\n};\r\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,MAAM,EAAEC,iBAAiB,EAAEC,kBAAkB,EAAEC,kBAAkB,QAAO,cAAc;AAC9F,SAAQC,cAAc,QAAO,sBAAsB;AACnD,SAAQC,GAAG,QAAO,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE9B,OAAO,IAAMC,2BAA2B,GAAGX,MAAM,CAACY,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,kGAMpD;AAED,OAAO,IAAMC,uBAAuB,GAAGf,MAAM,CAACY,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,2DAC7C,UAAAG,KAAK;EAAA,OAAIf,iBAAiB,CAACC,kBAAkB,CAACe,IAAI,EAAEjB,MAAM,CAACkB,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAEjF,UAAAH,KAAK;EAAA,OAAIhB,MAAM,CAACkB,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EAEhE;AAED,OAAO,IAAMC,6BAA6B,GAAGrB,MAAM,CAACY,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA,mBACnD,UAAAG,KAAK;EAAA,OAAIb,kBAAkB,CAACD,kBAAkB,CAACoB,OAAO,EAAEtB,MAAM,CAACkB,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,EACvG;AAED,OAAO,IAAMI,+BAA+B,GAAGxB,MAAM,CAACY,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAX,sBAAA,wGAMxD;AAID,OAAO,IAAMY,kBAAkD,GAAG,SAArDA,kBAAkDA,CAAAC,IAAA,EAKU;EAAA,IAJJC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;EAGvE,oBACErB,KAAA,CAACC,2BAA2B;IAAAqB,QAAA,gBAC1BxB,IAAA,CAACO,uBAAuB;MAAAiB,QAAA,EAAEJ;IAAK,CAA0B,CAAC,EACzDC,WAAW,iBAAIrB,IAAA,CAACa,6BAA6B;MAAAW,QAAA,EAAEH;IAAW,CAAgC,CAAC,EAE1FE,IAAI,iBACJvB,IAAA,CAACgB,+BAA+B;MAAAQ,QAAA,EAAED,IAAI,CAACE,GAAG,CAAC,UAACC,GAAG,EAAEC,KAAK;QAAA,oBACpD3B,IAAA,CAACF,GAAG;UAAa8B,KAAK,EAAEF,GAAG,CAACE,KAAM;UAACC,OAAO,EAAEH,GAAG,CAACG,OAAQ;UAACC,IAAI,EAAEJ,GAAG,CAACI;QAAK,GAA9DH,KAA+D,CAAC;MAAA,CAAC;IAAC,CAC7C,CAAC,EAEnCL,QAAQ,iBAAItB,IAAA,CAACH,cAAc;MAACkC,KAAK,EAAET,QAAQ,CAACS,KAAM;MAACC,GAAG,EAAEV,QAAQ,CAACU;IAAI,CAAC,CAAC;EAAA,CAC7C,CAAC;AAElC,CAAC","ignoreList":[]}
+{"version":3,"file":"HorizontalCardBody.js","names":["React","styled","COLORS","ComponentMStyling","ComponentTextStyle","ComponentXSStyling","LinearProgress","Tag","jsx","_jsx","jsxs","_jsxs","HorizontalCardBodyContainer","div","_templateObject","_taggedTemplateLiteral","HorizontalCardBodyTitle","_templateObject2","props","Bold","getColor","theme","HorizontalCardBodyDescription","_templateObject3","Regular","HorizontalCardBodyTagsContainer","_templateObject4","HorizontalCardBody","_ref","title","description","progress","tags","children","map","tag","index","label","variant","icon","value","max"],"sources":["../../../src/Card/HorizontalCard/HorizontalCardBody.tsx"],"sourcesContent":["import React from 'react';\nimport {HorizontalCardProps} from './types';\nimport styled from 'styled-components';\nimport {COLORS, ComponentMStyling, ComponentTextStyle, ComponentXSStyling} from '../../styles';\nimport {LinearProgress} from '../../LinearProgress';\nimport {Tag} from '../../Tag';\n\nexport const HorizontalCardBodyContainer = styled.div`\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  gap: 8px;\n  padding: 16px;\n`;\n\nexport const HorizontalCardBodyTitle = styled.div`\n  ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\n  .disabled & {\n    color: ${props => COLORS.getColor('neutral_500', props.theme)};\n  }\n`;\n\nexport const HorizontalCardBodyDescription = styled.div`\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\n`;\n\nexport const HorizontalCardBodyTagsContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  padding: 4px 0;\n  gap: 4px;\n`;\n\ntype Props = Pick<HorizontalCardProps, 'title' | 'description' | 'progress' | 'tags'>;\n\nexport const HorizontalCardBody: React.FunctionComponent<Props> = ({\n                                                                     title,\n                                                                     description,\n                                                                     progress,\n                                                                     tags,\n                                                                   }) => {\n\n  return (\n    <HorizontalCardBodyContainer>\n      <HorizontalCardBodyTitle>{title}</HorizontalCardBodyTitle>\n      {description && <HorizontalCardBodyDescription>{description}</HorizontalCardBodyDescription>}\n      {\n        tags &&\n        <HorizontalCardBodyTagsContainer>{tags.map((tag, index) => (\n          <Tag key={index} label={tag.label} variant={tag.variant} icon={tag.icon}/>))}\n        </HorizontalCardBodyTagsContainer>\n      }\n      {progress && <LinearProgress value={progress.value} max={progress.max}/>}\n    </HorizontalCardBodyContainer>\n  )\n};\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,MAAM,EAAEC,iBAAiB,EAAEC,kBAAkB,EAAEC,kBAAkB,QAAO,cAAc;AAC9F,SAAQC,cAAc,QAAO,sBAAsB;AACnD,SAAQC,GAAG,QAAO,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE9B,OAAO,IAAMC,2BAA2B,GAAGX,MAAM,CAACY,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,kGAMpD;AAED,OAAO,IAAMC,uBAAuB,GAAGf,MAAM,CAACY,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,2DAC7C,UAAAG,KAAK;EAAA,OAAIf,iBAAiB,CAACC,kBAAkB,CAACe,IAAI,EAAEjB,MAAM,CAACkB,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAEjF,UAAAH,KAAK;EAAA,OAAIhB,MAAM,CAACkB,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EAEhE;AAED,OAAO,IAAMC,6BAA6B,GAAGrB,MAAM,CAACY,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA,mBACnD,UAAAG,KAAK;EAAA,OAAIb,kBAAkB,CAACD,kBAAkB,CAACoB,OAAO,EAAEtB,MAAM,CAACkB,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,EACvG;AAED,OAAO,IAAMI,+BAA+B,GAAGxB,MAAM,CAACY,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAX,sBAAA,wGAMxD;AAID,OAAO,IAAMY,kBAAkD,GAAG,SAArDA,kBAAkDA,CAAAC,IAAA,EAKU;EAAA,IAJJC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;EAGvE,oBACErB,KAAA,CAACC,2BAA2B;IAAAqB,QAAA,gBAC1BxB,IAAA,CAACO,uBAAuB;MAAAiB,QAAA,EAAEJ;IAAK,CAA0B,CAAC,EACzDC,WAAW,iBAAIrB,IAAA,CAACa,6BAA6B;MAAAW,QAAA,EAAEH;IAAW,CAAgC,CAAC,EAE1FE,IAAI,iBACJvB,IAAA,CAACgB,+BAA+B;MAAAQ,QAAA,EAAED,IAAI,CAACE,GAAG,CAAC,UAACC,GAAG,EAAEC,KAAK;QAAA,oBACpD3B,IAAA,CAACF,GAAG;UAAa8B,KAAK,EAAEF,GAAG,CAACE,KAAM;UAACC,OAAO,EAAEH,GAAG,CAACG,OAAQ;UAACC,IAAI,EAAEJ,GAAG,CAACI;QAAK,GAA9DH,KAA+D,CAAC;MAAA,CAAC;IAAC,CAC7C,CAAC,EAEnCL,QAAQ,iBAAItB,IAAA,CAACH,cAAc;MAACkC,KAAK,EAAET,QAAQ,CAACS,KAAM;MAACC,GAAG,EAAEV,QAAQ,CAACU;IAAI,CAAC,CAAC;EAAA,CAC7C,CAAC;AAElC,CAAC","ignoreList":[]}

package/dist/Card/HorizontalCard/HorizontalCardThumbnail.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalCardThumbnail.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_Image","_jsxRuntime","_templateObject","_templateObject2","HorizontalCardIconContainer","styled","div","_taggedTemplateLiteral2","props","COLORS","getColor","theme","exports","HorizontalCardImageContainer","HorizontalCardThumbnail","_ref","_image$fallbackSrc","_image$loader","image","icon","jsxs","Fragment","children","jsx","React","cloneElement","width","height","ImageWithFallbacks","fallbacks","fallbackSrc","src","alt","loader"],"sources":["../../../src/Card/HorizontalCard/HorizontalCardThumbnail.tsx"],"sourcesContent":["import React from 'react';\r\nimport {HorizontalCardProps} from './types';\r\nimport styled from 'styled-components';\r\nimport {COLORS} from '../../styles';\r\nimport {ImageWithFallbacks} from \"../../Image\";\r\n\r\nexport const HorizontalCardIconContainer = styled.div`\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  width: 64px;\r\n  height: 80px;\r\n\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n\r\n  .disabled & {\r\n    color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n  }\r\n`;\r\n\r\n\r\nexport const HorizontalCardImageContainer = styled.div`\r\n  height: 100%;\r\n  overflow: hidden;\r\n  border-bottom-left-radius: 8px;\r\n  border-top-left-radius: 8px;\r\n  width: 120px;\r\n\r\n  img {\r\n    mix-blend-mode: multiply;\r\n    object-fit: cover;\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n  }\r\n\r\n  .disabled & {\r\n    img {\r\n      filter: grayscale(100%);\r\n    }\r\n  }\r\n\r\n`;\r\n\r\ntype Props = Pick<HorizontalCardProps, 'image' | 'icon'>;\r\n\r\nexport const HorizontalCardThumbnail: React.FunctionComponent<Props> = ({\r\n                                                                          image,\r\n                                                                          icon\r\n                                                                        }) => {\r\n\r\n  return (\r\n    <>\r\n      {\r\n        icon &&\r\n          <HorizontalCardIconContainer>\r\n            {React.cloneElement(icon, {width: 48, height: 48})}\r\n          </HorizontalCardIconContainer>\r\n      }\r\n      {\r\n        image &&\r\n          <HorizontalCardImageContainer>\r\n              <ImageWithFallbacks fallbacks={image.fallbackSrc ?? ''} src={image.src} alt={image.alt}\r\n                                  loader={image.loader ?? false} width={image.width} height={image.height}/>\r\n          </HorizontalCardImageContainer>\r\n      }\r\n    </>\r\n  )\r\n};\r\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA+C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,eAAA,EAAAC,gBAAA;AAExC,IAAMC,2BAA2B,GAAGC,4BAAM,CAACC,GAAG,CAAAJ,eAAA,KAAAA,eAAA,OAAAK,uBAAA,4LAO1C,UAAAC,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAG5C,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EAEhE;AAACC,OAAA,CAAAR,2BAAA,GAAAA,2BAAA;AAGK,IAAMS,4BAA4B,GAAGR,4BAAM,CAACC,GAAG,CAAAH,gBAAA,KAAAA,gBAAA,OAAAI,uBAAA,0UAqBrD;AAACK,OAAA,CAAAC,4BAAA,GAAAA,4BAAA;AAIK,IAAMC,uBAAuD,GAAG,SAA1DA,uBAAuDA,CAAAC,IAAA,EAGU;EAAA,IAAAC,kBAAA,EAAAC,aAAA;EAAA,IAFJC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;EAG5E,oBACE,IAAAlB,WAAA,CAAAmB,IAAA,EAAAnB,WAAA,CAAAoB,QAAA;IAAAC,QAAA,GAEIH,IAAI,iBACF,IAAAlB,WAAA,CAAAsB,GAAA,EAACnB,2BAA2B;MAAAkB,QAAA,eACzBE,iBAAK,CAACC,YAAY,CAACN,IAAI,EAAE;QAACO,KAAK,EAAE,EAAE;QAAEC,MAAM,EAAE;MAAE,CAAC;IAAC,CACvB,CAAC,EAGhCT,KAAK,iBACH,IAAAjB,WAAA,CAAAsB,GAAA,EAACV,4BAA4B;MAAAS,QAAA,eACzB,IAAArB,WAAA,CAAAsB,GAAA,EAACvB,MAAA,CAAA4B,kBAAkB;QAACC,SAAS,GAAAb,kBAAA,GAAEE,KAAK,CAACY,WAAW,cAAAd,kBAAA,cAAAA,kBAAA,GAAI,EAAG;QAACe,GAAG,EAAEb,KAAK,CAACa,GAAI;QAACC,GAAG,EAAEd,KAAK,CAACc,GAAI;QACnEC,MAAM,GAAAhB,aAAA,GAAEC,KAAK,CAACe,MAAM,cAAAhB,aAAA,cAAAA,aAAA,GAAI,KAAM;QAACS,KAAK,EAAER,KAAK,CAACQ,KAAM;QAACC,MAAM,EAAET,KAAK,CAACS;MAAO,CAAC;IAAC,CACpE,CAAC;EAAA,CAEnC,CAAC;AAEP,CAAC;AAACf,OAAA,CAAAE,uBAAA,GAAAA,uBAAA","ignoreList":[]}
+{"version":3,"file":"HorizontalCardThumbnail.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_Image","_jsxRuntime","_templateObject","_templateObject2","HorizontalCardIconContainer","styled","div","_taggedTemplateLiteral2","props","COLORS","getColor","theme","exports","HorizontalCardImageContainer","HorizontalCardThumbnail","_ref","_image$fallbackSrc","_image$loader","image","icon","jsxs","Fragment","children","jsx","React","cloneElement","width","height","ImageWithFallbacks","fallbacks","fallbackSrc","src","alt","loader"],"sources":["../../../src/Card/HorizontalCard/HorizontalCardThumbnail.tsx"],"sourcesContent":["import React from 'react';\nimport {HorizontalCardProps} from './types';\nimport styled from 'styled-components';\nimport {COLORS} from '../../styles';\nimport {ImageWithFallbacks} from \"../../Image\";\n\nexport const HorizontalCardIconContainer = styled.div`\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  width: 64px;\n  height: 80px;\n\n  color: ${props => COLORS.getColor('black', props.theme)};\n\n  .disabled & {\n    color: ${props => COLORS.getColor('neutral_500', props.theme)};\n  }\n`;\n\n\nexport const HorizontalCardImageContainer = styled.div`\n  height: 100%;\n  overflow: hidden;\n  border-bottom-left-radius: 8px;\n  border-top-left-radius: 8px;\n  width: 120px;\n\n  img {\n    mix-blend-mode: multiply;\n    object-fit: cover;\n    width: 100%;\n    height: 100%;\n\n  }\n\n  .disabled & {\n    img {\n      filter: grayscale(100%);\n    }\n  }\n\n`;\n\ntype Props = Pick<HorizontalCardProps, 'image' | 'icon'>;\n\nexport const HorizontalCardThumbnail: React.FunctionComponent<Props> = ({\n                                                                          image,\n                                                                          icon\n                                                                        }) => {\n\n  return (\n    <>\n      {\n        icon &&\n          <HorizontalCardIconContainer>\n            {React.cloneElement(icon, {width: 48, height: 48})}\n          </HorizontalCardIconContainer>\n      }\n      {\n        image &&\n          <HorizontalCardImageContainer>\n              <ImageWithFallbacks fallbacks={image.fallbackSrc ?? ''} src={image.src} alt={image.alt}\n                                  loader={image.loader ?? false} width={image.width} height={image.height}/>\n          </HorizontalCardImageContainer>\n      }\n    </>\n  )\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA+C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,eAAA,EAAAC,gBAAA;AAExC,IAAMC,2BAA2B,GAAGC,4BAAM,CAACC,GAAG,CAAAJ,eAAA,KAAAA,eAAA,OAAAK,uBAAA,4LAO1C,UAAAC,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAG5C,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EAEhE;AAACC,OAAA,CAAAR,2BAAA,GAAAA,2BAAA;AAGK,IAAMS,4BAA4B,GAAGR,4BAAM,CAACC,GAAG,CAAAH,gBAAA,KAAAA,gBAAA,OAAAI,uBAAA,0UAqBrD;AAACK,OAAA,CAAAC,4BAAA,GAAAA,4BAAA;AAIK,IAAMC,uBAAuD,GAAG,SAA1DA,uBAAuDA,CAAAC,IAAA,EAGU;EAAA,IAAAC,kBAAA,EAAAC,aAAA;EAAA,IAFJC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;EAG5E,oBACE,IAAAlB,WAAA,CAAAmB,IAAA,EAAAnB,WAAA,CAAAoB,QAAA;IAAAC,QAAA,GAEIH,IAAI,iBACF,IAAAlB,WAAA,CAAAsB,GAAA,EAACnB,2BAA2B;MAAAkB,QAAA,eACzBE,iBAAK,CAACC,YAAY,CAACN,IAAI,EAAE;QAACO,KAAK,EAAE,EAAE;QAAEC,MAAM,EAAE;MAAE,CAAC;IAAC,CACvB,CAAC,EAGhCT,KAAK,iBACH,IAAAjB,WAAA,CAAAsB,GAAA,EAACV,4BAA4B;MAAAS,QAAA,eACzB,IAAArB,WAAA,CAAAsB,GAAA,EAACvB,MAAA,CAAA4B,kBAAkB;QAACC,SAAS,GAAAb,kBAAA,GAAEE,KAAK,CAACY,WAAW,cAAAd,kBAAA,cAAAA,kBAAA,GAAI,EAAG;QAACe,GAAG,EAAEb,KAAK,CAACa,GAAI;QAACC,GAAG,EAAEd,KAAK,CAACc,GAAI;QACnEC,MAAM,GAAAhB,aAAA,GAAEC,KAAK,CAACe,MAAM,cAAAhB,aAAA,cAAAA,aAAA,GAAI,KAAM;QAACS,KAAK,EAAER,KAAK,CAACQ,KAAM;QAACC,MAAM,EAAET,KAAK,CAACS;MAAO,CAAC;IAAC,CACpE,CAAC;EAAA,CAEnC,CAAC;AAEP,CAAC;AAACf,OAAA,CAAAE,uBAAA,GAAAA,uBAAA","ignoreList":[]}

package/dist/Card/HorizontalCard/HorizontalCardThumbnail.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { HorizontalCardProps } from './types';
-export declare const HorizontalCardIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const HorizontalCardImageContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-type Props = Pick<HorizontalCardProps, 'image' | 'icon'>;
-export declare const HorizontalCardThumbnail: React.FunctionComponent<Props>;
-export {};
+import React from 'react';
+import { HorizontalCardProps } from './types';
+export declare const HorizontalCardIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HorizontalCardImageContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+type Props = Pick<HorizontalCardProps, 'image' | 'icon'>;
+export declare const HorizontalCardThumbnail: React.FunctionComponent<Props>;
+export {};

package/dist/Card/HorizontalCard/HorizontalCardThumbnail.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalCardThumbnail.js","names":["React","styled","COLORS","ImageWithFallbacks","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","HorizontalCardIconContainer","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","HorizontalCardImageContainer","_templateObject2","HorizontalCardThumbnail","_ref","_image$fallbackSrc","_image$loader","image","icon","children","cloneElement","width","height","fallbacks","fallbackSrc","src","alt","loader"],"sources":["../../../src/Card/HorizontalCard/HorizontalCardThumbnail.tsx"],"sourcesContent":["import React from 'react';\r\nimport {HorizontalCardProps} from './types';\r\nimport styled from 'styled-components';\r\nimport {COLORS} from '../../styles';\r\nimport {ImageWithFallbacks} from \"../../Image\";\r\n\r\nexport const HorizontalCardIconContainer = styled.div`\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  width: 64px;\r\n  height: 80px;\r\n\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n\r\n  .disabled & {\r\n    color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n  }\r\n`;\r\n\r\n\r\nexport const HorizontalCardImageContainer = styled.div`\r\n  height: 100%;\r\n  overflow: hidden;\r\n  border-bottom-left-radius: 8px;\r\n  border-top-left-radius: 8px;\r\n  width: 120px;\r\n\r\n  img {\r\n    mix-blend-mode: multiply;\r\n    object-fit: cover;\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n  }\r\n\r\n  .disabled & {\r\n    img {\r\n      filter: grayscale(100%);\r\n    }\r\n  }\r\n\r\n`;\r\n\r\ntype Props = Pick<HorizontalCardProps, 'image' | 'icon'>;\r\n\r\nexport const HorizontalCardThumbnail: React.FunctionComponent<Props> = ({\r\n                                                                          image,\r\n                                                                          icon\r\n                                                                        }) => {\r\n\r\n  return (\r\n    <>\r\n      {\r\n        icon &&\r\n          <HorizontalCardIconContainer>\r\n            {React.cloneElement(icon, {width: 48, height: 48})}\r\n          </HorizontalCardIconContainer>\r\n      }\r\n      {\r\n        image &&\r\n          <HorizontalCardImageContainer>\r\n              <ImageWithFallbacks fallbacks={image.fallbackSrc ?? ''} src={image.src} alt={image.alt}\r\n                                  loader={image.loader ?? false} width={image.width} height={image.height}/>\r\n          </HorizontalCardImageContainer>\r\n      }\r\n    </>\r\n  )\r\n};\r\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,MAAM,QAAO,cAAc;AACnC,SAAQC,kBAAkB,QAAO,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE/C,OAAO,IAAMC,2BAA2B,GAAGT,MAAM,CAACU,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,gLAO1C,UAAAC,KAAK;EAAA,OAAIZ,MAAM,CAACa,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAG5C,UAAAF,KAAK;EAAA,OAAIZ,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,EAEhE;AAGD,OAAO,IAAMC,4BAA4B,GAAGhB,MAAM,CAACU,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAL,sBAAA,8TAqBrD;AAID,OAAO,IAAMM,uBAAuD,GAAG,SAA1DA,uBAAuDA,CAAAC,IAAA,EAGU;EAAA,IAAAC,kBAAA,EAAAC,aAAA;EAAA,IAFJC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;EAG5E,oBACEf,KAAA,CAAAF,SAAA;IAAAkB,QAAA,GAEID,IAAI,iBACFnB,IAAA,CAACK,2BAA2B;MAAAe,QAAA,eACzBzB,KAAK,CAAC0B,YAAY,CAACF,IAAI,EAAE;QAACG,KAAK,EAAE,EAAE;QAAEC,MAAM,EAAE;MAAE,CAAC;IAAC,CACvB,CAAC,EAGhCL,KAAK,iBACHlB,IAAA,CAACY,4BAA4B;MAAAQ,QAAA,eACzBpB,IAAA,CAACF,kBAAkB;QAAC0B,SAAS,GAAAR,kBAAA,GAAEE,KAAK,CAACO,WAAW,cAAAT,kBAAA,cAAAA,kBAAA,GAAI,EAAG;QAACU,GAAG,EAAER,KAAK,CAACQ,GAAI;QAACC,GAAG,EAAET,KAAK,CAACS,GAAI;QACnEC,MAAM,GAAAX,aAAA,GAAEC,KAAK,CAACU,MAAM,cAAAX,aAAA,cAAAA,aAAA,GAAI,KAAM;QAACK,KAAK,EAAEJ,KAAK,CAACI,KAAM;QAACC,MAAM,EAAEL,KAAK,CAACK;MAAO,CAAC;IAAC,CACpE,CAAC;EAAA,CAEnC,CAAC;AAEP,CAAC","ignoreList":[]}
+{"version":3,"file":"HorizontalCardThumbnail.js","names":["React","styled","COLORS","ImageWithFallbacks","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","HorizontalCardIconContainer","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","HorizontalCardImageContainer","_templateObject2","HorizontalCardThumbnail","_ref","_image$fallbackSrc","_image$loader","image","icon","children","cloneElement","width","height","fallbacks","fallbackSrc","src","alt","loader"],"sources":["../../../src/Card/HorizontalCard/HorizontalCardThumbnail.tsx"],"sourcesContent":["import React from 'react';\nimport {HorizontalCardProps} from './types';\nimport styled from 'styled-components';\nimport {COLORS} from '../../styles';\nimport {ImageWithFallbacks} from \"../../Image\";\n\nexport const HorizontalCardIconContainer = styled.div`\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  width: 64px;\n  height: 80px;\n\n  color: ${props => COLORS.getColor('black', props.theme)};\n\n  .disabled & {\n    color: ${props => COLORS.getColor('neutral_500', props.theme)};\n  }\n`;\n\n\nexport const HorizontalCardImageContainer = styled.div`\n  height: 100%;\n  overflow: hidden;\n  border-bottom-left-radius: 8px;\n  border-top-left-radius: 8px;\n  width: 120px;\n\n  img {\n    mix-blend-mode: multiply;\n    object-fit: cover;\n    width: 100%;\n    height: 100%;\n\n  }\n\n  .disabled & {\n    img {\n      filter: grayscale(100%);\n    }\n  }\n\n`;\n\ntype Props = Pick<HorizontalCardProps, 'image' | 'icon'>;\n\nexport const HorizontalCardThumbnail: React.FunctionComponent<Props> = ({\n                                                                          image,\n                                                                          icon\n                                                                        }) => {\n\n  return (\n    <>\n      {\n        icon &&\n          <HorizontalCardIconContainer>\n            {React.cloneElement(icon, {width: 48, height: 48})}\n          </HorizontalCardIconContainer>\n      }\n      {\n        image &&\n          <HorizontalCardImageContainer>\n              <ImageWithFallbacks fallbacks={image.fallbackSrc ?? ''} src={image.src} alt={image.alt}\n                                  loader={image.loader ?? false} width={image.width} height={image.height}/>\n          </HorizontalCardImageContainer>\n      }\n    </>\n  )\n};\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,MAAM,QAAO,cAAc;AACnC,SAAQC,kBAAkB,QAAO,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE/C,OAAO,IAAMC,2BAA2B,GAAGT,MAAM,CAACU,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,gLAO1C,UAAAC,KAAK;EAAA,OAAIZ,MAAM,CAACa,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAG5C,UAAAF,KAAK;EAAA,OAAIZ,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,EAEhE;AAGD,OAAO,IAAMC,4BAA4B,GAAGhB,MAAM,CAACU,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAL,sBAAA,8TAqBrD;AAID,OAAO,IAAMM,uBAAuD,GAAG,SAA1DA,uBAAuDA,CAAAC,IAAA,EAGU;EAAA,IAAAC,kBAAA,EAAAC,aAAA;EAAA,IAFJC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;EAG5E,oBACEf,KAAA,CAAAF,SAAA;IAAAkB,QAAA,GAEID,IAAI,iBACFnB,IAAA,CAACK,2BAA2B;MAAAe,QAAA,eACzBzB,KAAK,CAAC0B,YAAY,CAACF,IAAI,EAAE;QAACG,KAAK,EAAE,EAAE;QAAEC,MAAM,EAAE;MAAE,CAAC;IAAC,CACvB,CAAC,EAGhCL,KAAK,iBACHlB,IAAA,CAACY,4BAA4B;MAAAQ,QAAA,eACzBpB,IAAA,CAACF,kBAAkB;QAAC0B,SAAS,GAAAR,kBAAA,GAAEE,KAAK,CAACO,WAAW,cAAAT,kBAAA,cAAAA,kBAAA,GAAI,EAAG;QAACU,GAAG,EAAER,KAAK,CAACQ,GAAI;QAACC,GAAG,EAAET,KAAK,CAACS,GAAI;QACnEC,MAAM,GAAAX,aAAA,GAAEC,KAAK,CAACU,MAAM,cAAAX,aAAA,cAAAA,aAAA,GAAI,KAAM;QAACK,KAAK,EAAEJ,KAAK,CAACI,KAAM;QAACC,MAAM,EAAEL,KAAK,CAACK;MAAO,CAAC;IAAC,CACpE,CAAC;EAAA,CAEnC,CAAC;AAEP,CAAC","ignoreList":[]}

package/dist/Card/HorizontalCard/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_types","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_HorizontalCard","_HorizontalCardBody","_HorizontalCardThumbnail"],"sources":["../../../src/Card/HorizontalCard/index.ts"],"sourcesContent":["export * from './types';\r\nexport * from './HorizontalCard';\r\nexport * from './HorizontalCardBody';\r\nexport * from './HorizontalCardThumbnail';\r\n\r\n\r\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,eAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,eAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,eAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,eAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,mBAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,mBAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,mBAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,mBAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,wBAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,wBAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,wBAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAG,wBAAA,CAAAP,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_types","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_HorizontalCard","_HorizontalCardBody","_HorizontalCardThumbnail"],"sources":["../../../src/Card/HorizontalCard/index.ts"],"sourcesContent":["export * from './types';\nexport * from './HorizontalCard';\nexport * from './HorizontalCardBody';\nexport * from './HorizontalCardThumbnail';\n\n\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,eAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,eAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,eAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,eAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,mBAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,mBAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,mBAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,mBAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,wBAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,wBAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,wBAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAG,wBAAA,CAAAP,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/Card/HorizontalCard/index.d.ts

@@ -1,4 +1,4 @@
-export * from './types';
-export * from './HorizontalCard';
-export * from './HorizontalCardBody';
-export * from './HorizontalCardThumbnail';
+export * from './types';
+export * from './HorizontalCard';
+export * from './HorizontalCardBody';
+export * from './HorizontalCardThumbnail';

package/dist/Card/HorizontalCard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/Card/HorizontalCard/index.ts"],"sourcesContent":["export * from './types';\r\nexport * from './HorizontalCard';\r\nexport * from './HorizontalCardBody';\r\nexport * from './HorizontalCardThumbnail';\r\n\r\n\r\n"],"mappings":"AAAA,cAAc,SAAS;AACvB,cAAc,kBAAkB;AAChC,cAAc,sBAAsB;AACpC,cAAc,2BAA2B","ignoreList":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/Card/HorizontalCard/index.ts"],"sourcesContent":["export * from './types';\nexport * from './HorizontalCard';\nexport * from './HorizontalCardBody';\nexport * from './HorizontalCardThumbnail';\n\n\n"],"mappings":"AAAA,cAAc,SAAS;AACvB,cAAc,kBAAkB;AAChC,cAAc,sBAAsB;AACpC,cAAc,2BAA2B","ignoreList":[]}

package/dist/Card/HorizontalCard/types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","names":[],"sources":["../../../src/Card/HorizontalCard/types.ts"],"sourcesContent":["import {IconButtonProps} from '../../Button/Iconbutton';\r\nimport React, { ReactNode } from 'react';\r\nimport {ToggleButtonProps} from '../../Toggles/ToggleButton';\r\nimport {DropdownButtonProps} from '../../Dropdown/DropdownButtonTypes';\r\nimport {TagVariants} from '../../Tag';\r\nimport {LinearProgressProps} from '../../LinearProgress/LinearProgress';\r\nimport { Testable } from '../../types';\r\n\r\nexport type HorizontalCardIconButton = Pick<IconButtonProps, 'action' | 'disabled' | 'tooltip'> & {\r\n  componentType: 'icon';\r\n  icon: React.ReactNode;\r\n}\r\n\r\nexport type HorizontalCardToggleButton =\r\n  Pick<ToggleButtonProps, 'active' | 'onChange' | 'disabled' | 'defaultState' | 'activeState'>\r\n  & { componentType: 'toggle'; }\r\n\r\n  \r\nexport interface CustomContentProps extends  Testable{\r\n  content:ReactNode;\r\n}\r\n\r\n\r\nexport type HorizontalCardCustomContent =\r\n  CustomContentProps\r\n  & { componentType: 'custom'; }\r\n\r\nexport type HorizontalCardDropdownButton =\r\n  Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'>\r\n  & {\r\n  componentType: 'dropdown';\r\n  icon: React.ReactNode;\r\n}\r\n\r\nexport interface HorizontalCardTag {\r\n  label: string;\r\n  icon?: React.ReactNode;\r\n  variant?: TagVariants;\r\n}\r\n\r\n\r\n\r\nexport type HorizontalCardLinearProgression = Pick<LinearProgressProps, 'max' | 'value'>\r\n\r\nexport interface HorizontalCardProps extends Testable, Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'description' | 'tabIndex' | 'onClick' | 'onKeyDown' | 'onMouseDown'> {\r\n  /** 'Outline' or 'Elevated' style of container. */\r\n  variant?: 'outline' | 'elevated';\r\n  /** Action that will be triggered when user clicks on card. */\r\n  action?: () => void;\r\n  /** If disabled user will not be able to click on the card, also card will be greyed out. */\r\n  disabled?: boolean;\r\n  /** Title of the card */\r\n  title: string | React.ReactNode;\r\n  /** Description of the card */\r\n  description?: string | React.ReactNode;\r\n  /** Icon to be shown on the left side of the card. */\r\n  icon?: React.ReactElement;\r\n  /** Properties of the image shown on the left side of the card. */\r\n  image?: { src: string; fallbackSrc?: string; alt: string, height?: string; width?: string; loader?: boolean };\r\n  /** Array of tags to be shown under the description. */\r\n  tags?: HorizontalCardTag[];\r\n  /** Progress bar to be shown under the tags. */\r\n  progress?: HorizontalCardLinearProgression;\r\n  /** Array of actions to be shown on the right side of the card. Can use IconButtons, DropdownButtons, CustomContent and Toggles */\r\n  actions?: (HorizontalCardIconButton | HorizontalCardToggleButton | HorizontalCardDropdownButton | HorizontalCardCustomContent)[];\r\n}\r\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.cjs","names":[],"sources":["../../../src/Card/HorizontalCard/types.ts"],"sourcesContent":["import {IconButtonProps} from '../../Button/Iconbutton';\nimport React, { ReactNode } from 'react';\nimport {ToggleButtonProps} from '../../Toggles/ToggleButton';\nimport {DropdownButtonProps} from '../../Dropdown/DropdownButtonTypes';\nimport {TagVariants} from '../../Tag';\nimport {LinearProgressProps} from '../../LinearProgress/LinearProgress';\nimport { Testable } from '../../types';\n\nexport type HorizontalCardIconButton = Pick<IconButtonProps, 'action' | 'disabled' | 'tooltip'> & {\n  componentType: 'icon';\n  icon: React.ReactNode;\n}\n\nexport type HorizontalCardToggleButton =\n  Pick<ToggleButtonProps, 'active' | 'onChange' | 'disabled' | 'defaultState' | 'activeState'>\n  & { componentType: 'toggle'; }\n\n  \nexport interface CustomContentProps extends  Testable{\n  content:ReactNode;\n}\n\n\nexport type HorizontalCardCustomContent =\n  CustomContentProps\n  & { componentType: 'custom'; }\n\nexport type HorizontalCardDropdownButton =\n  Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'>\n  & {\n  componentType: 'dropdown';\n  icon: React.ReactNode;\n}\n\nexport interface HorizontalCardTag {\n  label: string;\n  icon?: React.ReactNode;\n  variant?: TagVariants;\n}\n\n\n\nexport type HorizontalCardLinearProgression = Pick<LinearProgressProps, 'max' | 'value'>\n\nexport interface HorizontalCardProps extends Testable, Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'description' | 'tabIndex' | 'onClick' | 'onKeyDown' | 'onMouseDown'> {\n  /** 'Outline' or 'Elevated' style of container. */\n  variant?: 'outline' | 'elevated';\n  /** Action that will be triggered when user clicks on card. */\n  action?: () => void;\n  /** If disabled user will not be able to click on the card, also card will be greyed out. */\n  disabled?: boolean;\n  /** Title of the card */\n  title: string | React.ReactNode;\n  /** Description of the card */\n  description?: string | React.ReactNode;\n  /** Icon to be shown on the left side of the card. */\n  icon?: React.ReactElement;\n  /** Properties of the image shown on the left side of the card. */\n  image?: { src: string; fallbackSrc?: string; alt: string, height?: string; width?: string; loader?: boolean };\n  /** Array of tags to be shown under the description. */\n  tags?: HorizontalCardTag[];\n  /** Progress bar to be shown under the tags. */\n  progress?: HorizontalCardLinearProgression;\n  /** Array of actions to be shown on the right side of the card. Can use IconButtons, DropdownButtons, CustomContent and Toggles */\n  actions?: (HorizontalCardIconButton | HorizontalCardToggleButton | HorizontalCardDropdownButton | HorizontalCardCustomContent)[];\n}\n"],"mappings":"","ignoreList":[]}

package/dist/Card/HorizontalCard/types.d.ts

@@ -1,59 +1,59 @@
-import { IconButtonProps } from '../../Button/Iconbutton';
-import React, { ReactNode } from 'react';
-import { ToggleButtonProps } from '../../Toggles/ToggleButton';
-import { DropdownButtonProps } from '../../Dropdown/DropdownButtonTypes';
-import { TagVariants } from '../../Tag';
-import { LinearProgressProps } from '../../LinearProgress/LinearProgress';
-import { Testable } from '../../types';
-export type HorizontalCardIconButton = Pick<IconButtonProps, 'action' | 'disabled' | 'tooltip'> & {
-    componentType: 'icon';
-    icon: React.ReactNode;
-};
-export type HorizontalCardToggleButton = Pick<ToggleButtonProps, 'active' | 'onChange' | 'disabled' | 'defaultState' | 'activeState'> & {
-    componentType: 'toggle';
-};
-export interface CustomContentProps extends Testable {
-    content: ReactNode;
-}
-export type HorizontalCardCustomContent = CustomContentProps & {
-    componentType: 'custom';
-};
-export type HorizontalCardDropdownButton = Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'> & {
-    componentType: 'dropdown';
-    icon: React.ReactNode;
-};
-export interface HorizontalCardTag {
-    label: string;
-    icon?: React.ReactNode;
-    variant?: TagVariants;
-}
-export type HorizontalCardLinearProgression = Pick<LinearProgressProps, 'max' | 'value'>;
-export interface HorizontalCardProps extends Testable, Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'description' | 'tabIndex' | 'onClick' | 'onKeyDown' | 'onMouseDown'> {
-    /** 'Outline' or 'Elevated' style of container. */
-    variant?: 'outline' | 'elevated';
-    /** Action that will be triggered when user clicks on card. */
-    action?: () => void;
-    /** If disabled user will not be able to click on the card, also card will be greyed out. */
-    disabled?: boolean;
-    /** Title of the card */
-    title: string | React.ReactNode;
-    /** Description of the card */
-    description?: string | React.ReactNode;
-    /** Icon to be shown on the left side of the card. */
-    icon?: React.ReactElement;
-    /** Properties of the image shown on the left side of the card. */
-    image?: {
-        src: string;
-        fallbackSrc?: string;
-        alt: string;
-        height?: string;
-        width?: string;
-        loader?: boolean;
-    };
-    /** Array of tags to be shown under the description. */
-    tags?: HorizontalCardTag[];
-    /** Progress bar to be shown under the tags. */
-    progress?: HorizontalCardLinearProgression;
-    /** Array of actions to be shown on the right side of the card. Can use IconButtons, DropdownButtons, CustomContent and Toggles */
-    actions?: (HorizontalCardIconButton | HorizontalCardToggleButton | HorizontalCardDropdownButton | HorizontalCardCustomContent)[];
-}
+import { IconButtonProps } from '../../Button/Iconbutton';
+import React, { ReactNode } from 'react';
+import { ToggleButtonProps } from '../../Toggles/ToggleButton';
+import { DropdownButtonProps } from '../../Dropdown/DropdownButtonTypes';
+import { TagVariants } from '../../Tag';
+import { LinearProgressProps } from '../../LinearProgress/LinearProgress';
+import { Testable } from '../../types';
+export type HorizontalCardIconButton = Pick<IconButtonProps, 'action' | 'disabled' | 'tooltip'> & {
+    componentType: 'icon';
+    icon: React.ReactNode;
+};
+export type HorizontalCardToggleButton = Pick<ToggleButtonProps, 'active' | 'onChange' | 'disabled' | 'defaultState' | 'activeState'> & {
+    componentType: 'toggle';
+};
+export interface CustomContentProps extends Testable {
+    content: ReactNode;
+}
+export type HorizontalCardCustomContent = CustomContentProps & {
+    componentType: 'custom';
+};
+export type HorizontalCardDropdownButton = Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'> & {
+    componentType: 'dropdown';
+    icon: React.ReactNode;
+};
+export interface HorizontalCardTag {
+    label: string;
+    icon?: React.ReactNode;
+    variant?: TagVariants;
+}
+export type HorizontalCardLinearProgression = Pick<LinearProgressProps, 'max' | 'value'>;
+export interface HorizontalCardProps extends Testable, Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'description' | 'tabIndex' | 'onClick' | 'onKeyDown' | 'onMouseDown'> {
+    /** 'Outline' or 'Elevated' style of container. */
+    variant?: 'outline' | 'elevated';
+    /** Action that will be triggered when user clicks on card. */
+    action?: () => void;
+    /** If disabled user will not be able to click on the card, also card will be greyed out. */
+    disabled?: boolean;
+    /** Title of the card */
+    title: string | React.ReactNode;
+    /** Description of the card */
+    description?: string | React.ReactNode;
+    /** Icon to be shown on the left side of the card. */
+    icon?: React.ReactElement;
+    /** Properties of the image shown on the left side of the card. */
+    image?: {
+        src: string;
+        fallbackSrc?: string;
+        alt: string;
+        height?: string;
+        width?: string;
+        loader?: boolean;
+    };
+    /** Array of tags to be shown under the description. */
+    tags?: HorizontalCardTag[];
+    /** Progress bar to be shown under the tags. */
+    progress?: HorizontalCardLinearProgression;
+    /** Array of actions to be shown on the right side of the card. Can use IconButtons, DropdownButtons, CustomContent and Toggles */
+    actions?: (HorizontalCardIconButton | HorizontalCardToggleButton | HorizontalCardDropdownButton | HorizontalCardCustomContent)[];
+}

package/dist/Card/HorizontalCard/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/Card/HorizontalCard/types.ts"],"sourcesContent":["import {IconButtonProps} from '../../Button/Iconbutton';\r\nimport React, { ReactNode } from 'react';\r\nimport {ToggleButtonProps} from '../../Toggles/ToggleButton';\r\nimport {DropdownButtonProps} from '../../Dropdown/DropdownButtonTypes';\r\nimport {TagVariants} from '../../Tag';\r\nimport {LinearProgressProps} from '../../LinearProgress/LinearProgress';\r\nimport { Testable } from '../../types';\r\n\r\nexport type HorizontalCardIconButton = Pick<IconButtonProps, 'action' | 'disabled' | 'tooltip'> & {\r\n  componentType: 'icon';\r\n  icon: React.ReactNode;\r\n}\r\n\r\nexport type HorizontalCardToggleButton =\r\n  Pick<ToggleButtonProps, 'active' | 'onChange' | 'disabled' | 'defaultState' | 'activeState'>\r\n  & { componentType: 'toggle'; }\r\n\r\n  \r\nexport interface CustomContentProps extends  Testable{\r\n  content:ReactNode;\r\n}\r\n\r\n\r\nexport type HorizontalCardCustomContent =\r\n  CustomContentProps\r\n  & { componentType: 'custom'; }\r\n\r\nexport type HorizontalCardDropdownButton =\r\n  Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'>\r\n  & {\r\n  componentType: 'dropdown';\r\n  icon: React.ReactNode;\r\n}\r\n\r\nexport interface HorizontalCardTag {\r\n  label: string;\r\n  icon?: React.ReactNode;\r\n  variant?: TagVariants;\r\n}\r\n\r\n\r\n\r\nexport type HorizontalCardLinearProgression = Pick<LinearProgressProps, 'max' | 'value'>\r\n\r\nexport interface HorizontalCardProps extends Testable, Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'description' | 'tabIndex' | 'onClick' | 'onKeyDown' | 'onMouseDown'> {\r\n  /** 'Outline' or 'Elevated' style of container. */\r\n  variant?: 'outline' | 'elevated';\r\n  /** Action that will be triggered when user clicks on card. */\r\n  action?: () => void;\r\n  /** If disabled user will not be able to click on the card, also card will be greyed out. */\r\n  disabled?: boolean;\r\n  /** Title of the card */\r\n  title: string | React.ReactNode;\r\n  /** Description of the card */\r\n  description?: string | React.ReactNode;\r\n  /** Icon to be shown on the left side of the card. */\r\n  icon?: React.ReactElement;\r\n  /** Properties of the image shown on the left side of the card. */\r\n  image?: { src: string; fallbackSrc?: string; alt: string, height?: string; width?: string; loader?: boolean };\r\n  /** Array of tags to be shown under the description. */\r\n  tags?: HorizontalCardTag[];\r\n  /** Progress bar to be shown under the tags. */\r\n  progress?: HorizontalCardLinearProgression;\r\n  /** Array of actions to be shown on the right side of the card. Can use IconButtons, DropdownButtons, CustomContent and Toggles */\r\n  actions?: (HorizontalCardIconButton | HorizontalCardToggleButton | HorizontalCardDropdownButton | HorizontalCardCustomContent)[];\r\n}\r\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/Card/HorizontalCard/types.ts"],"sourcesContent":["import {IconButtonProps} from '../../Button/Iconbutton';\nimport React, { ReactNode } from 'react';\nimport {ToggleButtonProps} from '../../Toggles/ToggleButton';\nimport {DropdownButtonProps} from '../../Dropdown/DropdownButtonTypes';\nimport {TagVariants} from '../../Tag';\nimport {LinearProgressProps} from '../../LinearProgress/LinearProgress';\nimport { Testable } from '../../types';\n\nexport type HorizontalCardIconButton = Pick<IconButtonProps, 'action' | 'disabled' | 'tooltip'> & {\n  componentType: 'icon';\n  icon: React.ReactNode;\n}\n\nexport type HorizontalCardToggleButton =\n  Pick<ToggleButtonProps, 'active' | 'onChange' | 'disabled' | 'defaultState' | 'activeState'>\n  & { componentType: 'toggle'; }\n\n  \nexport interface CustomContentProps extends  Testable{\n  content:ReactNode;\n}\n\n\nexport type HorizontalCardCustomContent =\n  CustomContentProps\n  & { componentType: 'custom'; }\n\nexport type HorizontalCardDropdownButton =\n  Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'>\n  & {\n  componentType: 'dropdown';\n  icon: React.ReactNode;\n}\n\nexport interface HorizontalCardTag {\n  label: string;\n  icon?: React.ReactNode;\n  variant?: TagVariants;\n}\n\n\n\nexport type HorizontalCardLinearProgression = Pick<LinearProgressProps, 'max' | 'value'>\n\nexport interface HorizontalCardProps extends Testable, Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'description' | 'tabIndex' | 'onClick' | 'onKeyDown' | 'onMouseDown'> {\n  /** 'Outline' or 'Elevated' style of container. */\n  variant?: 'outline' | 'elevated';\n  /** Action that will be triggered when user clicks on card. */\n  action?: () => void;\n  /** If disabled user will not be able to click on the card, also card will be greyed out. */\n  disabled?: boolean;\n  /** Title of the card */\n  title: string | React.ReactNode;\n  /** Description of the card */\n  description?: string | React.ReactNode;\n  /** Icon to be shown on the left side of the card. */\n  icon?: React.ReactElement;\n  /** Properties of the image shown on the left side of the card. */\n  image?: { src: string; fallbackSrc?: string; alt: string, height?: string; width?: string; loader?: boolean };\n  /** Array of tags to be shown under the description. */\n  tags?: HorizontalCardTag[];\n  /** Progress bar to be shown under the tags. */\n  progress?: HorizontalCardLinearProgression;\n  /** Array of actions to be shown on the right side of the card. Can use IconButtons, DropdownButtons, CustomContent and Toggles */\n  actions?: (HorizontalCardIconButton | HorizontalCardToggleButton | HorizontalCardDropdownButton | HorizontalCardCustomContent)[];\n}\n"],"mappings":"","ignoreList":[]}

package/dist/Card/VerticalCard/Card.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_CardTopSection","_CardMiddleSection","_CardBottomSection","_index","_jsxRuntime","_excluded","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","CardTopLevelContainerStyles","styled","div","_taggedTemplateLiteral2","props","COLORS","getColor","theme","BOXSHADOWS","BOXSHADOW_L1","exports","CardContainerStyles","focusStyles","BOXSHADOW_L3","BOXSHADOW_L2","Card","_ref","onCardClicked","topSectionProps","middleSectionProps","bottomSectionProps","disabled","_ref$variant","variant","className","_ref$maxWidth","maxWidth","rest","_objectWithoutProperties2","_React$useState","useState","_React$useState2","_slicedToArray2","actionsRefs","setActionsRefs","checkBoxRef","useRef","containerRef","useActionWithin","concat","_toConsumableArray2","cls","jsx","ref","tabIndex","onMouseDown","defaultOnMouseDownHandler","onKeyDown","key","onClick","children","jsxs","style","instance","propTypes","_propTypes","func","bool","oneOfType","number","string","oneOf","_default"],"sources":["../../../src/Card/VerticalCard/Card.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport CardTopSection, {CardTopSectionProps} from './CardTopSection';\r\nimport CardMiddleSection, {CardMiddleSectionProps} from './CardMiddleSection';\r\nimport CardBottomSection, {CardBottomSectionProps} from './CardBottomSection';\r\nimport {BOXSHADOWS, COLORS, defaultOnMouseDownHandler, focusStyles, useActionWithin} from '../../index';\r\n\r\nexport const CardTopLevelContainerStyles = styled.div`\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  min-width: 240px;\r\n  overflow: hidden;\r\n\r\n  border-radius: 8px;\r\n\r\n  background-clip: padding-box;\r\n  box-sizing: border-box;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  .elevated & {\r\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_L1};\r\n  }\r\n\r\n  .outline & {\r\n    border: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  }\r\n`;\r\n\r\n\r\nexport const CardContainerStyles = styled.div`\r\n  &.interactive:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &.interactive:not(.disabled) {\r\n    cursor: pointer;\r\n\r\n    &.outline:not(.action-within) {\r\n      ${CardTopLevelContainerStyles} {\r\n        &:hover {\r\n          background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n        }\r\n\r\n        &:active, &.active-state {\r\n          background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n        }\r\n      }\r\n    }\r\n\r\n    &.elevated:not(.action-within) {\r\n      ${CardTopLevelContainerStyles} {\r\n        &:hover {\r\n          box-shadow: ${BOXSHADOWS.BOXSHADOW_L3};\r\n        }\r\n\r\n        &:active, &.active-state {\r\n          box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    cursor: not-allowed;\r\n    ${CardTopLevelContainerStyles}{\r\n      border: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\n\r\nexport interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onMouseDown' | 'onKeyDown' | 'onClick'> {\r\n  /** Action to be executed when Card is clicked. */\r\n  onCardClicked?: () => void;\r\n  /** If disabled then users can not click on the card, also styles are greyed out.*/\r\n  disabled?: boolean;\r\n  /** Maximum width of the card. */\r\n  maxWidth?: number | string;\r\n  /** Properties of Card top section. */\r\n  topSectionProps?: CardTopSectionProps;\r\n  /** Properties of Card middle section. */\r\n  middleSectionProps?: CardMiddleSectionProps;\r\n  /** Properties of Card bottom section. */\r\n  bottomSectionProps?: CardBottomSectionProps;\r\n  /** Card container style variant. */\r\n  variant?: 'outline' | 'elevated';\r\n}\r\n\r\nconst Card: React.FunctionComponent<CardProps> = ({\r\n                                                    onCardClicked,\r\n                                                    topSectionProps,\r\n                                                    middleSectionProps,\r\n                                                    bottomSectionProps,\r\n                                                    disabled,\r\n                                                    variant = 'elevated',\r\n                                                    className,\r\n                                                    maxWidth = 560,\r\n                                                    ...rest\r\n                                                  }: CardProps) => {\r\n\r\n\r\n  const [actionsRefs, setActionsRefs] = React.useState<React.RefObject<HTMLElement>[]>([]);\r\n  const checkBoxRef =  React.useRef<HTMLDivElement>(null);\r\n  const containerRef = React.useRef<HTMLDivElement>(null);\r\n\r\n  useActionWithin(containerRef, [...actionsRefs, checkBoxRef]);\r\n\r\n  const cls = `${!!onCardClicked ? 'interactive' : ''} ${disabled ? 'disabled' : ''} ${variant} ${className || ''}`;\r\n\r\n  return (\r\n    <CardContainerStyles ref={containerRef}\r\n             className={cls}\r\n             tabIndex={!!onCardClicked && !disabled ? 0 : -1}\r\n             onMouseDown={defaultOnMouseDownHandler}\r\n             onKeyDown={a => a.key === 'Enter' && !disabled && onCardClicked && onCardClicked()}\r\n             onClick={e => !disabled && onCardClicked && onCardClicked()}\r\n             data-testid={'card-wrapper'}\r\n             {...rest}>\r\n      <CardTopLevelContainerStyles style={{maxWidth: maxWidth}}>\r\n        {\r\n          topSectionProps &&\r\n          <CardTopSection ref={checkBoxRef}\r\n            {...topSectionProps} disabled={disabled}/>\r\n        }\r\n        {\r\n          middleSectionProps &&\r\n          <CardMiddleSection {...middleSectionProps} disabled={disabled}/>\r\n        }\r\n        {\r\n          bottomSectionProps &&\r\n          <CardBottomSection ref={instance => setActionsRefs(instance ?? [])}\r\n                             {...bottomSectionProps} disabled={disabled}/>\r\n        }\r\n      </CardTopLevelContainerStyles>\r\n    </CardContainerStyles>\r\n\r\n  );\r\n};\r\n\r\nexport default Card;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Card.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_CardTopSection","_CardMiddleSection","_CardBottomSection","_index","_jsxRuntime","_excluded","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","CardTopLevelContainerStyles","styled","div","_taggedTemplateLiteral2","props","COLORS","getColor","theme","BOXSHADOWS","BOXSHADOW_L1","exports","CardContainerStyles","focusStyles","BOXSHADOW_L3","BOXSHADOW_L2","Card","_ref","onCardClicked","topSectionProps","middleSectionProps","bottomSectionProps","disabled","_ref$variant","variant","className","_ref$maxWidth","maxWidth","rest","_objectWithoutProperties2","_React$useState","useState","_React$useState2","_slicedToArray2","actionsRefs","setActionsRefs","checkBoxRef","useRef","containerRef","useActionWithin","concat","_toConsumableArray2","cls","jsx","ref","tabIndex","onMouseDown","defaultOnMouseDownHandler","onKeyDown","key","onClick","children","jsxs","style","instance","propTypes","_propTypes","func","bool","oneOfType","number","string","oneOf","_default"],"sources":["../../../src/Card/VerticalCard/Card.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport CardTopSection, {CardTopSectionProps} from './CardTopSection';\nimport CardMiddleSection, {CardMiddleSectionProps} from './CardMiddleSection';\nimport CardBottomSection, {CardBottomSectionProps} from './CardBottomSection';\nimport {BOXSHADOWS, COLORS, defaultOnMouseDownHandler, focusStyles, useActionWithin} from '../../index';\n\nexport const CardTopLevelContainerStyles = styled.div`\n  background-color: ${props => COLORS.getColor('white', props.theme)};\n  min-width: 240px;\n  overflow: hidden;\n\n  border-radius: 8px;\n\n  background-clip: padding-box;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n\n  .elevated & {\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_L1};\n  }\n\n  .outline & {\n    border: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\n  }\n`;\n\n\nexport const CardContainerStyles = styled.div`\n  &.interactive:focus {\n    ${focusStyles}\n  }\n\n  &.interactive:not(.disabled) {\n    cursor: pointer;\n\n    &.outline:not(.action-within) {\n      ${CardTopLevelContainerStyles} {\n        &:hover {\n          background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n        }\n\n        &:active, &.active-state {\n          background-color: ${props => COLORS.getColor('primary_100', props.theme)};\n        }\n      }\n    }\n\n    &.elevated:not(.action-within) {\n      ${CardTopLevelContainerStyles} {\n        &:hover {\n          box-shadow: ${BOXSHADOWS.BOXSHADOW_L3};\n        }\n\n        &:active, &.active-state {\n          box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\n        }\n      }\n    }\n  }\n\n  &.disabled {\n    cursor: not-allowed;\n    ${CardTopLevelContainerStyles}{\n      border: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\n    }\n  }\n`;\n\n\nexport interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onMouseDown' | 'onKeyDown' | 'onClick'> {\n  /** Action to be executed when Card is clicked. */\n  onCardClicked?: () => void;\n  /** If disabled then users can not click on the card, also styles are greyed out.*/\n  disabled?: boolean;\n  /** Maximum width of the card. */\n  maxWidth?: number | string;\n  /** Properties of Card top section. */\n  topSectionProps?: CardTopSectionProps;\n  /** Properties of Card middle section. */\n  middleSectionProps?: CardMiddleSectionProps;\n  /** Properties of Card bottom section. */\n  bottomSectionProps?: CardBottomSectionProps;\n  /** Card container style variant. */\n  variant?: 'outline' | 'elevated';\n}\n\nconst Card: React.FunctionComponent<CardProps> = ({\n                                                    onCardClicked,\n                                                    topSectionProps,\n                                                    middleSectionProps,\n                                                    bottomSectionProps,\n                                                    disabled,\n                                                    variant = 'elevated',\n                                                    className,\n                                                    maxWidth = 560,\n                                                    ...rest\n                                                  }: CardProps) => {\n\n\n  const [actionsRefs, setActionsRefs] = React.useState<React.RefObject<HTMLElement>[]>([]);\n  const checkBoxRef =  React.useRef<HTMLDivElement>(null);\n  const containerRef = React.useRef<HTMLDivElement>(null);\n\n  useActionWithin(containerRef, [...actionsRefs, checkBoxRef]);\n\n  const cls = `${!!onCardClicked ? 'interactive' : ''} ${disabled ? 'disabled' : ''} ${variant} ${className || ''}`;\n\n  return (\n    <CardContainerStyles ref={containerRef}\n             className={cls}\n             tabIndex={!!onCardClicked && !disabled ? 0 : -1}\n             onMouseDown={defaultOnMouseDownHandler}\n             onKeyDown={a => a.key === 'Enter' && !disabled && onCardClicked && onCardClicked()}\n             onClick={e => !disabled && onCardClicked && onCardClicked()}\n             data-testid={'card-wrapper'}\n             {...rest}>\n      <CardTopLevelContainerStyles style={{maxWidth: maxWidth}}>\n        {\n          topSectionProps &&\n          <CardTopSection ref={checkBoxRef}\n            {...topSectionProps} disabled={disabled}/>\n        }\n        {\n          middleSectionProps &&\n          <CardMiddleSection {...middleSectionProps} disabled={disabled}/>\n        }\n        {\n          bottomSectionProps &&\n          <CardBottomSection ref={instance => setActionsRefs(instance ?? [])}\n                             {...bottomSectionProps} disabled={disabled}/>\n        }\n      </CardTopLevelContainerStyles>\n    </CardContainerStyles>\n\n  );\n};\n\nexport default Card;\n"],"mappings":"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","ignoreList":[]}

package/dist/Card/VerticalCard/Card.d.ts

@@ -1,24 +1,24 @@
-import * as React from 'react';
-import { CardTopSectionProps } from './CardTopSection';
-import { CardMiddleSectionProps } from './CardMiddleSection';
-import { CardBottomSectionProps } from './CardBottomSection';
-export declare const CardTopLevelContainerStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const CardContainerStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onMouseDown' | 'onKeyDown' | 'onClick'> {
-    /** Action to be executed when Card is clicked. */
-    onCardClicked?: () => void;
-    /** If disabled then users can not click on the card, also styles are greyed out.*/
-    disabled?: boolean;
-    /** Maximum width of the card. */
-    maxWidth?: number | string;
-    /** Properties of Card top section. */
-    topSectionProps?: CardTopSectionProps;
-    /** Properties of Card middle section. */
-    middleSectionProps?: CardMiddleSectionProps;
-    /** Properties of Card bottom section. */
-    bottomSectionProps?: CardBottomSectionProps;
-    /** Card container style variant. */
-    variant?: 'outline' | 'elevated';
-}
-declare const Card: React.FunctionComponent<CardProps>;
-export default Card;
+import * as React from 'react';
+import { CardTopSectionProps } from './CardTopSection';
+import { CardMiddleSectionProps } from './CardMiddleSection';
+import { CardBottomSectionProps } from './CardBottomSection';
+export declare const CardTopLevelContainerStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CardContainerStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onMouseDown' | 'onKeyDown' | 'onClick'> {
+    /** Action to be executed when Card is clicked. */
+    onCardClicked?: () => void;
+    /** If disabled then users can not click on the card, also styles are greyed out.*/
+    disabled?: boolean;
+    /** Maximum width of the card. */
+    maxWidth?: number | string;
+    /** Properties of Card top section. */
+    topSectionProps?: CardTopSectionProps;
+    /** Properties of Card middle section. */
+    middleSectionProps?: CardMiddleSectionProps;
+    /** Properties of Card bottom section. */
+    bottomSectionProps?: CardBottomSectionProps;
+    /** Card container style variant. */
+    variant?: 'outline' | 'elevated';
+}
+declare const Card: React.FunctionComponent<CardProps>;
+export default Card;

package/dist/Card/VerticalCard/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["React","styled","CardTopSection","CardMiddleSection","CardBottomSection","BOXSHADOWS","COLORS","defaultOnMouseDownHandler","focusStyles","useActionWithin","jsx","_jsx","jsxs","_jsxs","CardTopLevelContainerStyles","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","BOXSHADOW_L1","CardContainerStyles","_templateObject2","BOXSHADOW_L3","BOXSHADOW_L2","Card","_ref","onCardClicked","topSectionProps","middleSectionProps","bottomSectionProps","disabled","_ref$variant","variant","className","_ref$maxWidth","maxWidth","rest","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","actionsRefs","setActionsRefs","checkBoxRef","useRef","containerRef","concat","_toConsumableArray","cls","_objectSpread","ref","tabIndex","onMouseDown","onKeyDown","a","key","onClick","e","children","style","instance","propTypes","_pt","func","bool","oneOfType","number","string","oneOf"],"sources":["../../../src/Card/VerticalCard/Card.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport CardTopSection, {CardTopSectionProps} from './CardTopSection';\r\nimport CardMiddleSection, {CardMiddleSectionProps} from './CardMiddleSection';\r\nimport CardBottomSection, {CardBottomSectionProps} from './CardBottomSection';\r\nimport {BOXSHADOWS, COLORS, defaultOnMouseDownHandler, focusStyles, useActionWithin} from '../../index';\r\n\r\nexport const CardTopLevelContainerStyles = styled.div`\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  min-width: 240px;\r\n  overflow: hidden;\r\n\r\n  border-radius: 8px;\r\n\r\n  background-clip: padding-box;\r\n  box-sizing: border-box;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  .elevated & {\r\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_L1};\r\n  }\r\n\r\n  .outline & {\r\n    border: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  }\r\n`;\r\n\r\n\r\nexport const CardContainerStyles = styled.div`\r\n  &.interactive:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &.interactive:not(.disabled) {\r\n    cursor: pointer;\r\n\r\n    &.outline:not(.action-within) {\r\n      ${CardTopLevelContainerStyles} {\r\n        &:hover {\r\n          background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n        }\r\n\r\n        &:active, &.active-state {\r\n          background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n        }\r\n      }\r\n    }\r\n\r\n    &.elevated:not(.action-within) {\r\n      ${CardTopLevelContainerStyles} {\r\n        &:hover {\r\n          box-shadow: ${BOXSHADOWS.BOXSHADOW_L3};\r\n        }\r\n\r\n        &:active, &.active-state {\r\n          box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    cursor: not-allowed;\r\n    ${CardTopLevelContainerStyles}{\r\n      border: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\n\r\nexport interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onMouseDown' | 'onKeyDown' | 'onClick'> {\r\n  /** Action to be executed when Card is clicked. */\r\n  onCardClicked?: () => void;\r\n  /** If disabled then users can not click on the card, also styles are greyed out.*/\r\n  disabled?: boolean;\r\n  /** Maximum width of the card. */\r\n  maxWidth?: number | string;\r\n  /** Properties of Card top section. */\r\n  topSectionProps?: CardTopSectionProps;\r\n  /** Properties of Card middle section. */\r\n  middleSectionProps?: CardMiddleSectionProps;\r\n  /** Properties of Card bottom section. */\r\n  bottomSectionProps?: CardBottomSectionProps;\r\n  /** Card container style variant. */\r\n  variant?: 'outline' | 'elevated';\r\n}\r\n\r\nconst Card: React.FunctionComponent<CardProps> = ({\r\n                                                    onCardClicked,\r\n                                                    topSectionProps,\r\n                                                    middleSectionProps,\r\n                                                    bottomSectionProps,\r\n                                                    disabled,\r\n                                                    variant = 'elevated',\r\n                                                    className,\r\n                                                    maxWidth = 560,\r\n                                                    ...rest\r\n                                                  }: CardProps) => {\r\n\r\n\r\n  const [actionsRefs, setActionsRefs] = React.useState<React.RefObject<HTMLElement>[]>([]);\r\n  const checkBoxRef =  React.useRef<HTMLDivElement>(null);\r\n  const containerRef = React.useRef<HTMLDivElement>(null);\r\n\r\n  useActionWithin(containerRef, [...actionsRefs, checkBoxRef]);\r\n\r\n  const cls = `${!!onCardClicked ? 'interactive' : ''} ${disabled ? 'disabled' : ''} ${variant} ${className || ''}`;\r\n\r\n  return (\r\n    <CardContainerStyles ref={containerRef}\r\n             className={cls}\r\n             tabIndex={!!onCardClicked && !disabled ? 0 : -1}\r\n             onMouseDown={defaultOnMouseDownHandler}\r\n             onKeyDown={a => a.key === 'Enter' && !disabled && onCardClicked && onCardClicked()}\r\n             onClick={e => !disabled && onCardClicked && onCardClicked()}\r\n             data-testid={'card-wrapper'}\r\n             {...rest}>\r\n      <CardTopLevelContainerStyles style={{maxWidth: maxWidth}}>\r\n        {\r\n          topSectionProps &&\r\n          <CardTopSection ref={checkBoxRef}\r\n            {...topSectionProps} disabled={disabled}/>\r\n        }\r\n        {\r\n          middleSectionProps &&\r\n          <CardMiddleSection {...middleSectionProps} disabled={disabled}/>\r\n        }\r\n        {\r\n          bottomSectionProps &&\r\n          <CardBottomSection ref={instance => setActionsRefs(instance ?? [])}\r\n                             {...bottomSectionProps} disabled={disabled}/>\r\n        }\r\n      </CardTopLevelContainerStyles>\r\n    </CardContainerStyles>\r\n\r\n  );\r\n};\r\n\r\nexport default Card;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Card.js","names":["React","styled","CardTopSection","CardMiddleSection","CardBottomSection","BOXSHADOWS","COLORS","defaultOnMouseDownHandler","focusStyles","useActionWithin","jsx","_jsx","jsxs","_jsxs","CardTopLevelContainerStyles","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","BOXSHADOW_L1","CardContainerStyles","_templateObject2","BOXSHADOW_L3","BOXSHADOW_L2","Card","_ref","onCardClicked","topSectionProps","middleSectionProps","bottomSectionProps","disabled","_ref$variant","variant","className","_ref$maxWidth","maxWidth","rest","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","actionsRefs","setActionsRefs","checkBoxRef","useRef","containerRef","concat","_toConsumableArray","cls","_objectSpread","ref","tabIndex","onMouseDown","onKeyDown","a","key","onClick","e","children","style","instance","propTypes","_pt","func","bool","oneOfType","number","string","oneOf"],"sources":["../../../src/Card/VerticalCard/Card.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport CardTopSection, {CardTopSectionProps} from './CardTopSection';\nimport CardMiddleSection, {CardMiddleSectionProps} from './CardMiddleSection';\nimport CardBottomSection, {CardBottomSectionProps} from './CardBottomSection';\nimport {BOXSHADOWS, COLORS, defaultOnMouseDownHandler, focusStyles, useActionWithin} from '../../index';\n\nexport const CardTopLevelContainerStyles = styled.div`\n  background-color: ${props => COLORS.getColor('white', props.theme)};\n  min-width: 240px;\n  overflow: hidden;\n\n  border-radius: 8px;\n\n  background-clip: padding-box;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n\n  .elevated & {\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_L1};\n  }\n\n  .outline & {\n    border: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\n  }\n`;\n\n\nexport const CardContainerStyles = styled.div`\n  &.interactive:focus {\n    ${focusStyles}\n  }\n\n  &.interactive:not(.disabled) {\n    cursor: pointer;\n\n    &.outline:not(.action-within) {\n      ${CardTopLevelContainerStyles} {\n        &:hover {\n          background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n        }\n\n        &:active, &.active-state {\n          background-color: ${props => COLORS.getColor('primary_100', props.theme)};\n        }\n      }\n    }\n\n    &.elevated:not(.action-within) {\n      ${CardTopLevelContainerStyles} {\n        &:hover {\n          box-shadow: ${BOXSHADOWS.BOXSHADOW_L3};\n        }\n\n        &:active, &.active-state {\n          box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\n        }\n      }\n    }\n  }\n\n  &.disabled {\n    cursor: not-allowed;\n    ${CardTopLevelContainerStyles}{\n      border: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\n    }\n  }\n`;\n\n\nexport interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onMouseDown' | 'onKeyDown' | 'onClick'> {\n  /** Action to be executed when Card is clicked. */\n  onCardClicked?: () => void;\n  /** If disabled then users can not click on the card, also styles are greyed out.*/\n  disabled?: boolean;\n  /** Maximum width of the card. */\n  maxWidth?: number | string;\n  /** Properties of Card top section. */\n  topSectionProps?: CardTopSectionProps;\n  /** Properties of Card middle section. */\n  middleSectionProps?: CardMiddleSectionProps;\n  /** Properties of Card bottom section. */\n  bottomSectionProps?: CardBottomSectionProps;\n  /** Card container style variant. */\n  variant?: 'outline' | 'elevated';\n}\n\nconst Card: React.FunctionComponent<CardProps> = ({\n                                                    onCardClicked,\n                                                    topSectionProps,\n                                                    middleSectionProps,\n                                                    bottomSectionProps,\n                                                    disabled,\n                                                    variant = 'elevated',\n                                                    className,\n                                                    maxWidth = 560,\n                                                    ...rest\n                                                  }: CardProps) => {\n\n\n  const [actionsRefs, setActionsRefs] = React.useState<React.RefObject<HTMLElement>[]>([]);\n  const checkBoxRef =  React.useRef<HTMLDivElement>(null);\n  const containerRef = React.useRef<HTMLDivElement>(null);\n\n  useActionWithin(containerRef, [...actionsRefs, checkBoxRef]);\n\n  const cls = `${!!onCardClicked ? 'interactive' : ''} ${disabled ? 'disabled' : ''} ${variant} ${className || ''}`;\n\n  return (\n    <CardContainerStyles ref={containerRef}\n             className={cls}\n             tabIndex={!!onCardClicked && !disabled ? 0 : -1}\n             onMouseDown={defaultOnMouseDownHandler}\n             onKeyDown={a => a.key === 'Enter' && !disabled && onCardClicked && onCardClicked()}\n             onClick={e => !disabled && onCardClicked && onCardClicked()}\n             data-testid={'card-wrapper'}\n             {...rest}>\n      <CardTopLevelContainerStyles style={{maxWidth: maxWidth}}>\n        {\n          topSectionProps &&\n          <CardTopSection ref={checkBoxRef}\n            {...topSectionProps} disabled={disabled}/>\n        }\n        {\n          middleSectionProps &&\n          <CardMiddleSection {...middleSectionProps} disabled={disabled}/>\n        }\n        {\n          bottomSectionProps &&\n          <CardBottomSection ref={instance => setActionsRefs(instance ?? [])}\n                             {...bottomSectionProps} disabled={disabled}/>\n        }\n      </CardTopLevelContainerStyles>\n    </CardContainerStyles>\n\n  );\n};\n\nexport default Card;\n"],"mappings":"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","ignoreList":[]}