@laerdal/life-react-components 3.5.2-uss.hackathon → 3.5.3

package/dist/icons/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["getSize","size","indexOf","Container","styled","div","TooltipTrigger","renderIcon","children","tooltip","tooltipId","gTagsRegex","RegExp","fillColorRegex","formatSvgString","text","color","replace","replaceAll","SystemIcon","ContentIcon"],"sources":["../../src/icons/index.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Tooltip, TooltipTrigger } from '../Tooltips/TooltipStyles';\r\n\r\nexport type BaseProps = {\r\n  children?: any;\r\n  tooltip?: string;\r\n  tooltipId?: string;\r\n}\r\n\r\nexport interface IconProps extends Omit<React.AriaAttributes, 'className' | 'color' | 'size' | 'label'> {\r\n  label?: string;\r\n  className?: string;\r\n  color?: string;\r\n  size?: string;\r\n  viewBox?: string;\r\n};\r\n\r\n/**\r\n * Retrieves the size of the icon.\r\n * @param size - Original size which was passed to the icon.\r\n * @returns Numeric value indicating the size of the icon.\r\n */\r\nexport const getSize = (size: string) => {\r\n  if (typeof size === 'string' && size.indexOf('px') === -1) {\r\n    return `${size}px`;\r\n  } else {\r\n    return size;\r\n  }\r\n};\r\n\r\nconst Container = styled.div`\r\n  position: relative;\r\n  ${TooltipTrigger()}\r\n`;\r\n\r\nconst renderIcon = (children: React.ReactNode, tooltip?: string, tooltipId?: string) => {\r\n  return tooltip ? (\r\n    <Container>\r\n      {children}\r\n      <Tooltip id={tooltipId}>{tooltip}</Tooltip>\r\n    </Container>\r\n  ) : (\r\n    <>\r\n      {children}\r\n    </>\r\n  );\r\n}\r\n\r\nconst gTagsRegex = new RegExp(/<g [A-Za-z\\W\\D]*>/,'g'); // matches <g id = \".....\">\r\nconst fillColorRegex = new RegExp(/fill=\"#[A-F0-9]*\"/,'g'); // matches fill=\"#1F1F1F\"\r\n\r\nexport const formatSvgString = (text: string, color: string): string => {\r\n  return text.replace(gTagsRegex, '')\r\n             .replaceAll('</g>','')\r\n             .replace(fillColorRegex, `fill=\"${color}\"`);\r\n}\r\n\r\nexport const SystemIcon: React.FunctionComponent<BaseProps> = ({ children, tooltip = '', tooltipId = '' }) => {\r\n  return renderIcon(children, tooltip, tooltipId);\r\n};\r\n\r\nexport const ContentIcon: React.FunctionComponent<BaseProps> = ({ children, tooltip = '', tooltipId = '' }) => {\r\n  return renderIcon(children, tooltip, tooltipId);\r\n};\r\n\r\nexport * as ContentIcons  from './contenticons';\r\nexport * as SystemIcons from './systemicons';\r\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAAoE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcnE;;AAED;AACA;AACA;AACA;AACA;AACO,IAAMA,OAAO,GAAG,SAAVA,OAAO,CAAIC,IAAY,EAAK;EACvC,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAIA,IAAI,CAACC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE;IACzD,iBAAUD,IAAI;EAChB,CAAC,MAAM;IACL,OAAOA,IAAI;EACb;AACF,CAAC;AAAC;AAEF,IAAME,SAAS,GAAGC,yBAAM,CAACC,GAAG,qHAExB,IAAAC,6BAAc,GAAE,CACnB;AAED,IAAMC,UAAU,GAAG,SAAbA,UAAU,CAAIC,QAAyB,EAAEC,OAAgB,EAAEC,SAAkB,EAAK;EACtF,OAAOD,OAAO,gBACZ,sBAAC,SAAS;IAAA,WACPD,QAAQ,eACT,qBAAC,sBAAO;MAAC,EAAE,EAAEE,SAAU;MAAA,UAAED;IAAO,EAAW;EAAA,EACjC,gBAEZ;IAAA,UACGD;EAAQ,EAEZ;AACH,CAAC;AAED,IAAMG,UAAU,GAAG,IAAIC,MAAM,CAAC,mBAAmB,EAAC,GAAG,CAAC,CAAC,CAAC;AACxD,IAAMC,cAAc,GAAG,IAAID,MAAM,CAAC,mBAAmB,EAAC,GAAG,CAAC,CAAC,CAAC;;AAErD,IAAME,eAAe,GAAG,SAAlBA,eAAe,CAAIC,IAAY,EAAEC,KAAa,EAAa;EACtE,OAAOD,IAAI,CAACE,OAAO,CAACN,UAAU,EAAE,EAAE,CAAC,CACvBO,UAAU,CAAC,MAAM,EAAC,EAAE,CAAC,CACrBD,OAAO,CAACJ,cAAc,mBAAWG,KAAK,QAAI;AACxD,CAAC;AAAA;AAEM,IAAMG,UAA8C,GAAG,SAAjDA,UAA8C,OAAmD;EAAA,IAA7CX,QAAQ,QAARA,QAAQ;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAG,EAAE;IAAA,sBAAEC,SAAS;IAATA,SAAS,+BAAG,EAAE;EACrG,OAAOH,UAAU,CAACC,QAAQ,EAAEC,OAAO,EAAEC,SAAS,CAAC;AACjD,CAAC;AAAC;AAAA;EAvDAF,QAAQ;EACRC,OAAO;EACPC,SAAS;AAAA;AAuDJ,IAAMU,WAA+C,GAAG,SAAlDA,WAA+C,QAAmD;EAAA,IAA7CZ,QAAQ,SAARA,QAAQ;IAAA,sBAAEC,OAAO;IAAPA,OAAO,8BAAG,EAAE;IAAA,wBAAEC,SAAS;IAATA,SAAS,gCAAG,EAAE;EACtG,OAAOH,UAAU,CAACC,QAAQ,EAAEC,OAAO,EAAEC,SAAS,CAAC;AACjD,CAAC;AAAC;AAAA;EA3DAF,QAAQ;EACRC,OAAO;EACPC,SAAS;AAAA"}
+{"version":3,"file":"index.cjs","names":["getSize","size","indexOf","Container","styled","div","TooltipTrigger","renderIcon","children","tooltip","tooltipId","gTagsRegex","RegExp","fillColorRegex","formatSvgString","text","color","replace","replaceAll","SystemIcon","ContentIcon"],"sources":["../../src/icons/index.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Tooltip, TooltipTrigger } from '../Tooltips/TooltipStyles';\r\n\r\nexport type BaseProps = {\r\n  children?: any;\r\n  tooltip?: string;\r\n  tooltipId?: string;\r\n}\r\n\r\nexport interface IconProps extends Omit<React.AriaAttributes, 'className' | 'color' | 'size' | 'label'> {\r\n  label?: string;\r\n  className?: string;\r\n  color?: string;\r\n  size?: string;\r\n  viewBox?: string;\r\n};\r\n\r\n/**\r\n * Retrieves the size of the icon.\r\n * @param size - Original size which was passed to the icon.\r\n * @returns Numeric value indicating the size of the icon.\r\n */\r\nexport const getSize = (size: string) => {\r\n  if (typeof size === 'string' && size.indexOf('px') === -1) {\r\n    return `${size}px`;\r\n  } else {\r\n    return size;\r\n  }\r\n};\r\n\r\nconst Container = styled.div`\r\n  position: relative;\r\n  ${TooltipTrigger('hover')}\r\n`;\r\n\r\nconst renderIcon = (children: React.ReactNode, tooltip?: string, tooltipId?: string) => {\r\n  return tooltip ? (\r\n    <Container>\r\n      {children}\r\n      <Tooltip id={tooltipId}>{tooltip}</Tooltip>\r\n    </Container>\r\n  ) : (\r\n    <>\r\n      {children}\r\n    </>\r\n  );\r\n}\r\n\r\nconst gTagsRegex = new RegExp(/<g [A-Za-z\\W\\D]*>/,'g'); // matches <g id = \".....\">\r\nconst fillColorRegex = new RegExp(/fill=\"#[A-F0-9]*\"/,'g'); // matches fill=\"#1F1F1F\"\r\n\r\nexport const formatSvgString = (text: string, color: string): string => {\r\n  return text.replace(gTagsRegex, '')\r\n             .replaceAll('</g>','')\r\n             .replace(fillColorRegex, `fill=\"${color}\"`);\r\n}\r\n\r\nexport const SystemIcon: React.FunctionComponent<BaseProps> = ({ children, tooltip = '', tooltipId = '' }) => {\r\n  return renderIcon(children, tooltip, tooltipId);\r\n};\r\n\r\nexport const ContentIcon: React.FunctionComponent<BaseProps> = ({ children, tooltip = '', tooltipId = '' }) => {\r\n  return renderIcon(children, tooltip, tooltipId);\r\n};\r\n\r\nexport * as ContentIcons  from './contenticons';\r\nexport * as SystemIcons from './systemicons';\r\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAAoE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcnE;;AAED;AACA;AACA;AACA;AACA;AACO,IAAMA,OAAO,GAAG,SAAVA,OAAO,CAAIC,IAAY,EAAK;EACvC,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAIA,IAAI,CAACC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE;IACzD,iBAAUD,IAAI;EAChB,CAAC,MAAM;IACL,OAAOA,IAAI;EACb;AACF,CAAC;AAAC;AAEF,IAAME,SAAS,GAAGC,yBAAM,CAACC,GAAG,qHAExB,IAAAC,6BAAc,EAAC,OAAO,CAAC,CAC1B;AAED,IAAMC,UAAU,GAAG,SAAbA,UAAU,CAAIC,QAAyB,EAAEC,OAAgB,EAAEC,SAAkB,EAAK;EACtF,OAAOD,OAAO,gBACZ,sBAAC,SAAS;IAAA,WACPD,QAAQ,eACT,qBAAC,sBAAO;MAAC,EAAE,EAAEE,SAAU;MAAA,UAAED;IAAO,EAAW;EAAA,EACjC,gBAEZ;IAAA,UACGD;EAAQ,EAEZ;AACH,CAAC;AAED,IAAMG,UAAU,GAAG,IAAIC,MAAM,CAAC,mBAAmB,EAAC,GAAG,CAAC,CAAC,CAAC;AACxD,IAAMC,cAAc,GAAG,IAAID,MAAM,CAAC,mBAAmB,EAAC,GAAG,CAAC,CAAC,CAAC;;AAErD,IAAME,eAAe,GAAG,SAAlBA,eAAe,CAAIC,IAAY,EAAEC,KAAa,EAAa;EACtE,OAAOD,IAAI,CAACE,OAAO,CAACN,UAAU,EAAE,EAAE,CAAC,CACvBO,UAAU,CAAC,MAAM,EAAC,EAAE,CAAC,CACrBD,OAAO,CAACJ,cAAc,mBAAWG,KAAK,QAAI;AACxD,CAAC;AAAA;AAEM,IAAMG,UAA8C,GAAG,SAAjDA,UAA8C,OAAmD;EAAA,IAA7CX,QAAQ,QAARA,QAAQ;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAG,EAAE;IAAA,sBAAEC,SAAS;IAATA,SAAS,+BAAG,EAAE;EACrG,OAAOH,UAAU,CAACC,QAAQ,EAAEC,OAAO,EAAEC,SAAS,CAAC;AACjD,CAAC;AAAC;AAAA;EAvDAF,QAAQ;EACRC,OAAO;EACPC,SAAS;AAAA;AAuDJ,IAAMU,WAA+C,GAAG,SAAlDA,WAA+C,QAAmD;EAAA,IAA7CZ,QAAQ,SAARA,QAAQ;IAAA,sBAAEC,OAAO;IAAPA,OAAO,8BAAG,EAAE;IAAA,wBAAEC,SAAS;IAATA,SAAS,gCAAG,EAAE;EACtG,OAAOH,UAAU,CAACC,QAAQ,EAAEC,OAAO,EAAEC,SAAS,CAAC;AACjD,CAAC;AAAC;AAAA;EA3DAF,QAAQ;EACRC,OAAO;EACPC,SAAS;AAAA"}

package/dist/icons/index.js

@@ -21,7 +21,7 @@ export var getSize = function getSize(size) {
     return size;
   }
 };
-var Container = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  ", "\n"])), TooltipTrigger());
+var Container = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  ", "\n"])), TooltipTrigger('hover'));
 var renderIcon = function renderIcon(children, tooltip, tooltipId) {
   return tooltip ? /*#__PURE__*/_jsxs(Container, {
     children: [children, /*#__PURE__*/_jsx(Tooltip, {

package/dist/icons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","styled","Tooltip","TooltipTrigger","getSize","size","indexOf","Container","div","renderIcon","children","tooltip","tooltipId","gTagsRegex","RegExp","fillColorRegex","formatSvgString","text","color","replace","replaceAll","SystemIcon","ContentIcon","ContentIcons","SystemIcons"],"sources":["../../src/icons/index.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Tooltip, TooltipTrigger } from '../Tooltips/TooltipStyles';\r\n\r\nexport type BaseProps = {\r\n  children?: any;\r\n  tooltip?: string;\r\n  tooltipId?: string;\r\n}\r\n\r\nexport interface IconProps extends Omit<React.AriaAttributes, 'className' | 'color' | 'size' | 'label'> {\r\n  label?: string;\r\n  className?: string;\r\n  color?: string;\r\n  size?: string;\r\n  viewBox?: string;\r\n};\r\n\r\n/**\r\n * Retrieves the size of the icon.\r\n * @param size - Original size which was passed to the icon.\r\n * @returns Numeric value indicating the size of the icon.\r\n */\r\nexport const getSize = (size: string) => {\r\n  if (typeof size === 'string' && size.indexOf('px') === -1) {\r\n    return `${size}px`;\r\n  } else {\r\n    return size;\r\n  }\r\n};\r\n\r\nconst Container = styled.div`\r\n  position: relative;\r\n  ${TooltipTrigger()}\r\n`;\r\n\r\nconst renderIcon = (children: React.ReactNode, tooltip?: string, tooltipId?: string) => {\r\n  return tooltip ? (\r\n    <Container>\r\n      {children}\r\n      <Tooltip id={tooltipId}>{tooltip}</Tooltip>\r\n    </Container>\r\n  ) : (\r\n    <>\r\n      {children}\r\n    </>\r\n  );\r\n}\r\n\r\nconst gTagsRegex = new RegExp(/<g [A-Za-z\\W\\D]*>/,'g'); // matches <g id = \".....\">\r\nconst fillColorRegex = new RegExp(/fill=\"#[A-F0-9]*\"/,'g'); // matches fill=\"#1F1F1F\"\r\n\r\nexport const formatSvgString = (text: string, color: string): string => {\r\n  return text.replace(gTagsRegex, '')\r\n             .replaceAll('</g>','')\r\n             .replace(fillColorRegex, `fill=\"${color}\"`);\r\n}\r\n\r\nexport const SystemIcon: React.FunctionComponent<BaseProps> = ({ children, tooltip = '', tooltipId = '' }) => {\r\n  return renderIcon(children, tooltip, tooltipId);\r\n};\r\n\r\nexport const ContentIcon: React.FunctionComponent<BaseProps> = ({ children, tooltip = '', tooltipId = '' }) => {\r\n  return renderIcon(children, tooltip, tooltipId);\r\n};\r\n\r\nexport * as ContentIcons  from './contenticons';\r\nexport * as SystemIcons from './systemicons';\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,OAAO,EAAEC,cAAc,QAAQ,2BAA2B;AAAC;AAAA;AAAA;AAcnE;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAO,CAAIC,IAAY,EAAK;EACvC,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAIA,IAAI,CAACC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE;IACzD,iBAAUD,IAAI;EAChB,CAAC,MAAM;IACL,OAAOA,IAAI;EACb;AACF,CAAC;AAED,IAAME,SAAS,GAAGN,MAAM,CAACO,GAAG,uGAExBL,cAAc,EAAE,CACnB;AAED,IAAMM,UAAU,GAAG,SAAbA,UAAU,CAAIC,QAAyB,EAAEC,OAAgB,EAAEC,SAAkB,EAAK;EACtF,OAAOD,OAAO,gBACZ,MAAC,SAAS;IAAA,WACPD,QAAQ,eACT,KAAC,OAAO;MAAC,EAAE,EAAEE,SAAU;MAAA,UAAED;IAAO,EAAW;EAAA,EACjC,gBAEZ;IAAA,UACGD;EAAQ,EAEZ;AACH,CAAC;AAED,IAAMG,UAAU,GAAG,IAAIC,MAAM,CAAC,mBAAmB,EAAC,GAAG,CAAC,CAAC,CAAC;AACxD,IAAMC,cAAc,GAAG,IAAID,MAAM,CAAC,mBAAmB,EAAC,GAAG,CAAC,CAAC,CAAC;;AAE5D,OAAO,IAAME,eAAe,GAAG,SAAlBA,eAAe,CAAIC,IAAY,EAAEC,KAAa,EAAa;EACtE,OAAOD,IAAI,CAACE,OAAO,CAACN,UAAU,EAAE,EAAE,CAAC,CACvBO,UAAU,CAAC,MAAM,EAAC,EAAE,CAAC,CACrBD,OAAO,CAACJ,cAAc,mBAAWG,KAAK,QAAI;AACxD,CAAC;AAED,OAAO,IAAMG,UAA8C,GAAG,SAAjDA,UAA8C,OAAmD;EAAA,IAA7CX,QAAQ,QAARA,QAAQ;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAG,EAAE;IAAA,sBAAEC,SAAS;IAATA,SAAS,+BAAG,EAAE;EACrG,OAAOH,UAAU,CAACC,QAAQ,EAAEC,OAAO,EAAEC,SAAS,CAAC;AACjD,CAAC;AAAC;EAvDAF,QAAQ;EACRC,OAAO;EACPC,SAAS;AAAA;AAuDX,OAAO,IAAMU,WAA+C,GAAG,SAAlDA,WAA+C,QAAmD;EAAA,IAA7CZ,QAAQ,SAARA,QAAQ;IAAA,sBAAEC,OAAO;IAAPA,OAAO,8BAAG,EAAE;IAAA,wBAAEC,SAAS;IAATA,SAAS,gCAAG,EAAE;EACtG,OAAOH,UAAU,CAACC,QAAQ,EAAEC,OAAO,EAAEC,SAAS,CAAC;AACjD,CAAC;AAAC;EA3DAF,QAAQ;EACRC,OAAO;EACPC,SAAS;AAAA;AAAA,+BA2DoB,gBAAgB;AAAA,0BAAnCW,YAAY;AAAA,8BACK,eAAe;AAAA,yBAAhCC,WAAW"}
+{"version":3,"file":"index.js","names":["React","styled","Tooltip","TooltipTrigger","getSize","size","indexOf","Container","div","renderIcon","children","tooltip","tooltipId","gTagsRegex","RegExp","fillColorRegex","formatSvgString","text","color","replace","replaceAll","SystemIcon","ContentIcon","ContentIcons","SystemIcons"],"sources":["../../src/icons/index.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Tooltip, TooltipTrigger } from '../Tooltips/TooltipStyles';\r\n\r\nexport type BaseProps = {\r\n  children?: any;\r\n  tooltip?: string;\r\n  tooltipId?: string;\r\n}\r\n\r\nexport interface IconProps extends Omit<React.AriaAttributes, 'className' | 'color' | 'size' | 'label'> {\r\n  label?: string;\r\n  className?: string;\r\n  color?: string;\r\n  size?: string;\r\n  viewBox?: string;\r\n};\r\n\r\n/**\r\n * Retrieves the size of the icon.\r\n * @param size - Original size which was passed to the icon.\r\n * @returns Numeric value indicating the size of the icon.\r\n */\r\nexport const getSize = (size: string) => {\r\n  if (typeof size === 'string' && size.indexOf('px') === -1) {\r\n    return `${size}px`;\r\n  } else {\r\n    return size;\r\n  }\r\n};\r\n\r\nconst Container = styled.div`\r\n  position: relative;\r\n  ${TooltipTrigger('hover')}\r\n`;\r\n\r\nconst renderIcon = (children: React.ReactNode, tooltip?: string, tooltipId?: string) => {\r\n  return tooltip ? (\r\n    <Container>\r\n      {children}\r\n      <Tooltip id={tooltipId}>{tooltip}</Tooltip>\r\n    </Container>\r\n  ) : (\r\n    <>\r\n      {children}\r\n    </>\r\n  );\r\n}\r\n\r\nconst gTagsRegex = new RegExp(/<g [A-Za-z\\W\\D]*>/,'g'); // matches <g id = \".....\">\r\nconst fillColorRegex = new RegExp(/fill=\"#[A-F0-9]*\"/,'g'); // matches fill=\"#1F1F1F\"\r\n\r\nexport const formatSvgString = (text: string, color: string): string => {\r\n  return text.replace(gTagsRegex, '')\r\n             .replaceAll('</g>','')\r\n             .replace(fillColorRegex, `fill=\"${color}\"`);\r\n}\r\n\r\nexport const SystemIcon: React.FunctionComponent<BaseProps> = ({ children, tooltip = '', tooltipId = '' }) => {\r\n  return renderIcon(children, tooltip, tooltipId);\r\n};\r\n\r\nexport const ContentIcon: React.FunctionComponent<BaseProps> = ({ children, tooltip = '', tooltipId = '' }) => {\r\n  return renderIcon(children, tooltip, tooltipId);\r\n};\r\n\r\nexport * as ContentIcons  from './contenticons';\r\nexport * as SystemIcons from './systemicons';\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,OAAO,EAAEC,cAAc,QAAQ,2BAA2B;AAAC;AAAA;AAAA;AAcnE;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAO,CAAIC,IAAY,EAAK;EACvC,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAIA,IAAI,CAACC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE;IACzD,iBAAUD,IAAI;EAChB,CAAC,MAAM;IACL,OAAOA,IAAI;EACb;AACF,CAAC;AAED,IAAME,SAAS,GAAGN,MAAM,CAACO,GAAG,uGAExBL,cAAc,CAAC,OAAO,CAAC,CAC1B;AAED,IAAMM,UAAU,GAAG,SAAbA,UAAU,CAAIC,QAAyB,EAAEC,OAAgB,EAAEC,SAAkB,EAAK;EACtF,OAAOD,OAAO,gBACZ,MAAC,SAAS;IAAA,WACPD,QAAQ,eACT,KAAC,OAAO;MAAC,EAAE,EAAEE,SAAU;MAAA,UAAED;IAAO,EAAW;EAAA,EACjC,gBAEZ;IAAA,UACGD;EAAQ,EAEZ;AACH,CAAC;AAED,IAAMG,UAAU,GAAG,IAAIC,MAAM,CAAC,mBAAmB,EAAC,GAAG,CAAC,CAAC,CAAC;AACxD,IAAMC,cAAc,GAAG,IAAID,MAAM,CAAC,mBAAmB,EAAC,GAAG,CAAC,CAAC,CAAC;;AAE5D,OAAO,IAAME,eAAe,GAAG,SAAlBA,eAAe,CAAIC,IAAY,EAAEC,KAAa,EAAa;EACtE,OAAOD,IAAI,CAACE,OAAO,CAACN,UAAU,EAAE,EAAE,CAAC,CACvBO,UAAU,CAAC,MAAM,EAAC,EAAE,CAAC,CACrBD,OAAO,CAACJ,cAAc,mBAAWG,KAAK,QAAI;AACxD,CAAC;AAED,OAAO,IAAMG,UAA8C,GAAG,SAAjDA,UAA8C,OAAmD;EAAA,IAA7CX,QAAQ,QAARA,QAAQ;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAG,EAAE;IAAA,sBAAEC,SAAS;IAATA,SAAS,+BAAG,EAAE;EACrG,OAAOH,UAAU,CAACC,QAAQ,EAAEC,OAAO,EAAEC,SAAS,CAAC;AACjD,CAAC;AAAC;EAvDAF,QAAQ;EACRC,OAAO;EACPC,SAAS;AAAA;AAuDX,OAAO,IAAMU,WAA+C,GAAG,SAAlDA,WAA+C,QAAmD;EAAA,IAA7CZ,QAAQ,SAARA,QAAQ;IAAA,sBAAEC,OAAO;IAAPA,OAAO,8BAAG,EAAE;IAAA,wBAAEC,SAAS;IAATA,SAAS,gCAAG,EAAE;EACtG,OAAOH,UAAU,CAACC,QAAQ,EAAEC,OAAO,EAAEC,SAAS,CAAC;AACjD,CAAC;AAAC;EA3DAF,QAAQ;EACRC,OAAO;EACPC,SAAS;AAAA;AAAA,+BA2DoB,gBAAgB;AAAA,0BAAnCW,YAAY;AAAA,8BACK,eAAe;AAAA,yBAAhCC,WAAW"}

package/dist/react-app-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="react-scripts" />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@laerdal/life-react-components",
-  "version": "3.5.2-uss.hackathon",
+  "version": "3.5.3",
   "private": false,
   "author": "Erik Martirosyan <erik.martirosyan@laerdal.com>",
   "contributors": [],
@@ -64,11 +64,11 @@
     "react-dom": "^18.2.0",
     "react-inlinesvg": "^3.0.0",
     "react-modal": "^3.15.1",
+    "react-quill": "^2.0.0",
     "react-resize-detector": "^7.1.2",
     "rooks": "^7.1.1",
     "styled-components": "^5.3.5",
-    "typescript": "^4.8.2",
-    "react-quill": "^2.0.0"
+    "typescript": "^4.8.2"
   },
   "devDependencies": {
     "@babel/cli": "^7.18.10",

package/dist/AuthPage/Information.cjs

@@ -1,26 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InformationText = exports.InformationImage = exports.InformationHeader = exports.InformationContent = exports.InformationContainer = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _AuthPageSection = _interopRequireDefault(require("./_AuthPageSection"));
-var _styles = require("../styles");
-var _typography = require("../styles/typography");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-var InformationContainer = (0, _styledComponents.default)(_AuthPageSection.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: none;\n  background: ", ";\n\n  ", " {\n    display: flex;\n    padding-top: 56px;\n  }\n"])), function (props) {
-  return props.$color;
-}, _styles.BREAKPOINTS.MEDIUM);
-exports.InformationContainer = InformationContainer;
-var InformationContent = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  align-self: center;\n  align-items: center;\n  text-align: center;\n  max-width: 100%;\n\n  ", " {\n    align-self: flex-end;\n    margin-right: 48px;\n  }\n"])), _styles.BREAKPOINTS.LARGE);
-exports.InformationContent = InformationContent;
-var InformationHeader = _styledComponents.default.h2(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  font-weight: 300;\n  margin-bottom: 0;\n"])), (0, _typography.HeadlineXLStyling)(_styles.COLORS.black));
-exports.InformationHeader = InformationHeader;
-var InformationText = _styledComponents.default.p(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  margin: 8px 0;\n"])), (0, _typography.ParagraphLStyling)(_styles.ParagraphTextStyle.Regular, _styles.COLORS.neutral_600));
-exports.InformationText = InformationText;
-var InformationImage = _styledComponents.default.img(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  height: 275px;\n  max-width: 100%;\n"])));
-exports.InformationImage = InformationImage;
-//# sourceMappingURL=Information.cjs.map

package/dist/AuthPage/Information.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Information.cjs","names":["InformationContainer","styled","AuthPageSection","props","$color","BREAKPOINTS","MEDIUM","InformationContent","div","LARGE","InformationHeader","h2","HeadlineXLStyling","COLORS","black","InformationText","p","ParagraphLStyling","ParagraphTextStyle","Regular","neutral_600","InformationImage","img"],"sources":["../../src/AuthPage/Information.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport AuthPageSection from './_AuthPageSection';\r\nimport { BREAKPOINTS, COLORS, ComponentTextStyle, HeadlineXL, ParagraphTextStyle } from '../styles';\r\nimport { ComponentLStyling, HeadlineXLStyling, ParagraphLStyling } from '../styles/typography';\r\n\r\nexport const InformationContainer = styled(AuthPageSection)<{ $color: string }>`\r\n  display: none;\r\n  background: ${(props) => props.$color};\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n    padding-top: 56px;\r\n  }\r\n`;\r\n\r\nexport const InformationContent = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-self: center;\r\n  align-items: center;\r\n  text-align: center;\r\n  max-width: 100%;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    align-self: flex-end;\r\n    margin-right: 48px;\r\n  }\r\n`;\r\n\r\nexport const InformationHeader = styled.h2`\r\n  ${HeadlineXLStyling(COLORS.black)}\r\n  font-weight: 300;\r\n  margin-bottom: 0;\r\n`;\r\n\r\nexport const InformationText = styled.p`\r\n  ${ParagraphLStyling(ParagraphTextStyle.Regular, COLORS.neutral_600)}\r\n  margin: 8px 0;\r\n`;\r\n\r\nexport const InformationImage = styled.img`\r\n  height: 275px;\r\n  max-width: 100%;\r\n`;\r\n"],"mappings":";;;;;;;;AACA;AACA;AACA;AACA;AAA+F;AAExF,IAAMA,oBAAoB,GAAG,IAAAC,yBAAM,EAACC,wBAAe,CAAC,0LAE3C,UAACC,KAAK;EAAA,OAAKA,KAAK,CAACC,MAAM;AAAA,GAEnCC,mBAAW,CAACC,MAAM,CAIrB;AAAC;AAEK,IAAMC,kBAAkB,GAAGN,yBAAM,CAACO,GAAG,oSAQxCH,mBAAW,CAACI,KAAK,CAIpB;AAAC;AAEK,IAAMC,iBAAiB,GAAGT,yBAAM,CAACU,EAAE,0IACtC,IAAAC,6BAAiB,EAACC,cAAM,CAACC,KAAK,CAAC,CAGlC;AAAC;AAEK,IAAMC,eAAe,GAAGd,yBAAM,CAACe,CAAC,kHACnC,IAAAC,6BAAiB,EAACC,0BAAkB,CAACC,OAAO,EAAEN,cAAM,CAACO,WAAW,CAAC,CAEpE;AAAC;AAEK,IAAMC,gBAAgB,GAAGpB,yBAAM,CAACqB,GAAG,6HAGzC;AAAC"}

package/dist/AuthPage/Information.d.ts

@@ -1,7 +0,0 @@
-export declare const InformationContainer: import("styled-components").StyledComponent<"section", any, {
-    $color: string;
-}, never>;
-export declare const InformationContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const InformationHeader: import("styled-components").StyledComponent<"h2", any, {}, never>;
-export declare const InformationText: import("styled-components").StyledComponent<"p", any, {}, never>;
-export declare const InformationImage: import("styled-components").StyledComponent<"img", any, {}, never>;

package/dist/AuthPage/Information.js

@@ -1,14 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-import styled from 'styled-components';
-import AuthPageSection from './_AuthPageSection';
-import { BREAKPOINTS, COLORS, ParagraphTextStyle } from '../styles';
-import { HeadlineXLStyling, ParagraphLStyling } from '../styles/typography';
-export var InformationContainer = styled(AuthPageSection)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: none;\n  background: ", ";\n\n  ", " {\n    display: flex;\n    padding-top: 56px;\n  }\n"])), function (props) {
-  return props.$color;
-}, BREAKPOINTS.MEDIUM);
-export var InformationContent = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-self: center;\n  align-items: center;\n  text-align: center;\n  max-width: 100%;\n\n  ", " {\n    align-self: flex-end;\n    margin-right: 48px;\n  }\n"])), BREAKPOINTS.LARGE);
-export var InformationHeader = styled.h2(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n  font-weight: 300;\n  margin-bottom: 0;\n"])), HeadlineXLStyling(COLORS.black));
-export var InformationText = styled.p(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", "\n  margin: 8px 0;\n"])), ParagraphLStyling(ParagraphTextStyle.Regular, COLORS.neutral_600));
-export var InformationImage = styled.img(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  height: 275px;\n  max-width: 100%;\n"])));
-//# sourceMappingURL=Information.js.map

package/dist/AuthPage/Information.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Information.js","names":["styled","AuthPageSection","BREAKPOINTS","COLORS","ParagraphTextStyle","HeadlineXLStyling","ParagraphLStyling","InformationContainer","props","$color","MEDIUM","InformationContent","div","LARGE","InformationHeader","h2","black","InformationText","p","Regular","neutral_600","InformationImage","img"],"sources":["../../src/AuthPage/Information.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport AuthPageSection from './_AuthPageSection';\r\nimport { BREAKPOINTS, COLORS, ComponentTextStyle, HeadlineXL, ParagraphTextStyle } from '../styles';\r\nimport { ComponentLStyling, HeadlineXLStyling, ParagraphLStyling } from '../styles/typography';\r\n\r\nexport const InformationContainer = styled(AuthPageSection)<{ $color: string }>`\r\n  display: none;\r\n  background: ${(props) => props.$color};\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n    padding-top: 56px;\r\n  }\r\n`;\r\n\r\nexport const InformationContent = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-self: center;\r\n  align-items: center;\r\n  text-align: center;\r\n  max-width: 100%;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    align-self: flex-end;\r\n    margin-right: 48px;\r\n  }\r\n`;\r\n\r\nexport const InformationHeader = styled.h2`\r\n  ${HeadlineXLStyling(COLORS.black)}\r\n  font-weight: 300;\r\n  margin-bottom: 0;\r\n`;\r\n\r\nexport const InformationText = styled.p`\r\n  ${ParagraphLStyling(ParagraphTextStyle.Regular, COLORS.neutral_600)}\r\n  margin: 8px 0;\r\n`;\r\n\r\nexport const InformationImage = styled.img`\r\n  height: 275px;\r\n  max-width: 100%;\r\n`;\r\n"],"mappings":";;AACA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,OAAOC,eAAe,MAAM,oBAAoB;AAChD,SAASC,WAAW,EAAEC,MAAM,EAAkCC,kBAAkB,QAAQ,WAAW;AACnG,SAA4BC,iBAAiB,EAAEC,iBAAiB,QAAQ,sBAAsB;AAE9F,OAAO,IAAMC,oBAAoB,GAAGP,MAAM,CAACC,eAAe,CAAC,4KAE3C,UAACO,KAAK;EAAA,OAAKA,KAAK,CAACC,MAAM;AAAA,GAEnCP,WAAW,CAACQ,MAAM,CAIrB;AAED,OAAO,IAAMC,kBAAkB,GAAGX,MAAM,CAACY,GAAG,sRAQxCV,WAAW,CAACW,KAAK,CAIpB;AAED,OAAO,IAAMC,iBAAiB,GAAGd,MAAM,CAACe,EAAE,4HACtCV,iBAAiB,CAACF,MAAM,CAACa,KAAK,CAAC,CAGlC;AAED,OAAO,IAAMC,eAAe,GAAGjB,MAAM,CAACkB,CAAC,oGACnCZ,iBAAiB,CAACF,kBAAkB,CAACe,OAAO,EAAEhB,MAAM,CAACiB,WAAW,CAAC,CAEpE;AAED,OAAO,IAAMC,gBAAgB,GAAGrB,MAAM,CAACsB,GAAG,+GAGzC"}

package/dist/AuthPage/_AuthPageSection.cjs

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _styles = require("../styles");
-var _templateObject;
-var AuthPageSection = _styledComponents.default.section(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n\n  ", " {\n    padding: 24px;\n    width: calc(50% - 48px);\n  }\n"])), _styles.BREAKPOINTS.MEDIUM);
-var _default = AuthPageSection;
-exports.default = _default;
-//# sourceMappingURL=_AuthPageSection.cjs.map

package/dist/AuthPage/_AuthPageSection.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"_AuthPageSection.cjs","names":["AuthPageSection","styled","section","BREAKPOINTS","MEDIUM"],"sources":["../../src/AuthPage/_AuthPageSection.tsx"],"sourcesContent":["import styled from 'styled-components';\r\nimport { BREAKPOINTS } from '../styles';\r\n\r\nconst AuthPageSection = styled.section`\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: column;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 24px;\r\n    width: calc(50% - 48px);\r\n  }\r\n`;\r\n\r\nexport default AuthPageSection;\r\n"],"mappings":";;;;;;;;AAAA;AACA;AAAwC;AAExC,IAAMA,eAAe,GAAGC,yBAAM,CAACC,OAAO,kNAKlCC,mBAAW,CAACC,MAAM,CAIrB;AAAC,eAEaJ,eAAe;AAAA"}

package/dist/AuthPage/_AuthPageSection.d.ts

@@ -1,2 +0,0 @@
-declare const AuthPageSection: import("styled-components").StyledComponent<"section", any, {}, never>;
-export default AuthPageSection;

package/dist/AuthPage/_AuthPageSection.js

@@ -1,7 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject;
-import styled from 'styled-components';
-import { BREAKPOINTS } from '../styles';
-var AuthPageSection = styled.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n\n  ", " {\n    padding: 24px;\n    width: calc(50% - 48px);\n  }\n"])), BREAKPOINTS.MEDIUM);
-export default AuthPageSection;
-//# sourceMappingURL=_AuthPageSection.js.map

package/dist/AuthPage/_AuthPageSection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_AuthPageSection.js","names":["styled","BREAKPOINTS","AuthPageSection","section","MEDIUM"],"sources":["../../src/AuthPage/_AuthPageSection.tsx"],"sourcesContent":["import styled from 'styled-components';\r\nimport { BREAKPOINTS } from '../styles';\r\n\r\nconst AuthPageSection = styled.section`\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: column;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 24px;\r\n    width: calc(50% - 48px);\r\n  }\r\n`;\r\n\r\nexport default AuthPageSection;\r\n"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,WAAW,QAAQ,WAAW;AAEvC,IAAMC,eAAe,GAAGF,MAAM,CAACG,OAAO,oMAKlCF,WAAW,CAACG,MAAM,CAIrB;AAED,eAAeF,eAAe"}

package/dist/AuthPage/screenSetsErrorMessages.cjs

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.screenSetsErrorMessages_EN = void 0;
-var screenSetsErrorMessages_EN = {
-  email_already_exists: 'An account with that email already exists - try <a href class="sign-in-link" style="font-size: inherit;" data-switch-screen="gigya-login-screen">signing in</a>',
-  email_address_is_invalid: 'Invalid email address',
-  please_enter_fieldname: 'Enter your %fieldname'
-};
-exports.screenSetsErrorMessages_EN = screenSetsErrorMessages_EN;
-//# sourceMappingURL=screenSetsErrorMessages.cjs.map

package/dist/AuthPage/screenSetsErrorMessages.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"screenSetsErrorMessages.cjs","names":["screenSetsErrorMessages_EN","email_already_exists","email_address_is_invalid","please_enter_fieldname"],"sources":["../../src/AuthPage/screenSetsErrorMessages.ts"],"sourcesContent":["export const screenSetsErrorMessages_EN = {\r\n  email_already_exists:\r\n    'An account with that email already exists - try <a href class=\"sign-in-link\" style=\"font-size: inherit;\" data-switch-screen=\"gigya-login-screen\">signing in</a>',\r\n  email_address_is_invalid: 'Invalid email address',\r\n  please_enter_fieldname: 'Enter your %fieldname',\r\n};\r\n"],"mappings":";;;;;;AAAO,IAAMA,0BAA0B,GAAG;EACxCC,oBAAoB,EAClB,iKAAiK;EACnKC,wBAAwB,EAAE,uBAAuB;EACjDC,sBAAsB,EAAE;AAC1B,CAAC;AAAC"}

package/dist/AuthPage/screenSetsErrorMessages.d.ts

@@ -1,5 +0,0 @@
-export declare const screenSetsErrorMessages_EN: {
-    email_already_exists: string;
-    email_address_is_invalid: string;
-    please_enter_fieldname: string;
-};

package/dist/AuthPage/screenSetsErrorMessages.js

@@ -1,6 +0,0 @@
-export var screenSetsErrorMessages_EN = {
-  email_already_exists: 'An account with that email already exists - try <a href class="sign-in-link" style="font-size: inherit;" data-switch-screen="gigya-login-screen">signing in</a>',
-  email_address_is_invalid: 'Invalid email address',
-  please_enter_fieldname: 'Enter your %fieldname'
-};
-//# sourceMappingURL=screenSetsErrorMessages.js.map

package/dist/AuthPage/screenSetsErrorMessages.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"screenSetsErrorMessages.js","names":["screenSetsErrorMessages_EN","email_already_exists","email_address_is_invalid","please_enter_fieldname"],"sources":["../../src/AuthPage/screenSetsErrorMessages.ts"],"sourcesContent":["export const screenSetsErrorMessages_EN = {\r\n  email_already_exists:\r\n    'An account with that email already exists - try <a href class=\"sign-in-link\" style=\"font-size: inherit;\" data-switch-screen=\"gigya-login-screen\">signing in</a>',\r\n  email_address_is_invalid: 'Invalid email address',\r\n  please_enter_fieldname: 'Enter your %fieldname',\r\n};\r\n"],"mappings":"AAAA,OAAO,IAAMA,0BAA0B,GAAG;EACxCC,oBAAoB,EAClB,iKAAiK;EACnKC,wBAAwB,EAAE,uBAAuB;EACjDC,sBAAsB,EAAE;AAC1B,CAAC"}

package/dist/Card/Card.cjs

@@ -1,85 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Wrapper = exports.CardTopLevelContainer = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _CardTopSection = _interopRequireDefault(require("./CardTopSection"));
-
-var _CardMiddleSection = _interopRequireDefault(require("./CardMiddleSection"));
-
-var _CardBottomSection = _interopRequireDefault(require("./CardBottomSection"));
-
-var _ = require("..");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _templateObject, _templateObject2;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var CardTopLevelContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);\n  border-radius: 8px;\n\n  border: 1px solid transparent;\n  background-clip: padding-box;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n}\n"])), _.COLORS.white);
-
-exports.CardTopLevelContainer = CardTopLevelContainer;
-
-var Wrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  height: max-content;\n  width: max-content;\n\n  &.interactive:focus {\n    ", "\n  }\n\n  &.interactive:not(.disabled) {\n    cursor: pointer;\n\n    ", " {\n      &:active, &.active-state {\n        box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.15);\n        border: 1px solid ", ";\n      }\n\n      &:hover {\n        overflow: visible;\n        border: 1px solid ", ";\n        box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.15);\n      }\n    }\n  }\n\n  &.disabled {\n    cursor: not-allowed;\n  }\n"])), _.focusStyles, CardTopLevelContainer, _.COLORS.neutral_200, _.COLORS.neutral_200);
-
-exports.Wrapper = Wrapper;
-
-var Card = function Card(_ref) {
-  var onCardClicked = _ref.onCardClicked,
-      topSectionProps = _ref.topSectionProps,
-      middleSectionProps = _ref.middleSectionProps,
-      bottomSectionProps = _ref.bottomSectionProps,
-      disabled = _ref.disabled;
-  var cls = "".concat(!!onCardClicked ? 'interactive' : '', " ").concat(disabled ? 'disabled' : '');
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
-    className: cls,
-    tabIndex: !!onCardClicked && !disabled ? 0 : -1,
-    onMouseDown: _.defaultOnMouseDownHandler,
-    onKeyDown: function onKeyDown(a) {
-      return a.key === 'Enter' && !disabled && onCardClicked && onCardClicked();
-    },
-    onClick: function onClick(e) {
-      return !disabled && onCardClicked && onCardClicked();
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(CardTopLevelContainer, {
-      children: [topSectionProps && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CardTopSection.default, _objectSpread(_objectSpread({}, topSectionProps), {}, {
-        disabled: disabled
-      })), middleSectionProps && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CardMiddleSection.default, _objectSpread(_objectSpread({}, middleSectionProps), {}, {
-        disabled: disabled
-      })), bottomSectionProps && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CardBottomSection.default, _objectSpread(_objectSpread({}, bottomSectionProps), {}, {
-        disabled: disabled
-      }))]
-    })
-  });
-};
-
-Card.propTypes = {
-  onCardClicked: _propTypes.default.func,
-  disabled: _propTypes.default.bool.isRequired
-};
-var _default = Card;
-exports.default = _default;
-//# sourceMappingURL=Card.cjs.map

package/dist/Card/Card.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Card/Card.tsx"],"names":["CardTopLevelContainer","styled","div","COLORS","white","Wrapper","focusStyles","neutral_200","Card","onCardClicked","topSectionProps","middleSectionProps","bottomSectionProps","disabled","cls","defaultOnMouseDownHandler","a","key","e"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAEO,IAAMA,qBAAqB,GAAGC,0BAAOC,GAAV,0UACZC,SAAOC,KADK,CAA3B;;;;AAeA,IAAMC,OAAO,GAAGJ,0BAAOC,GAAV,ilBAKdI,aALc,EAWdN,qBAXc,EAcQG,SAAOI,WAdf,EAmBQJ,SAAOI,WAnBf,CAAb;;;;AAuCP,IAAMC,IAAwC,GAAG,SAA3CA,IAA2C,OAMkB;AAAA,MALfC,aAKe,QALfA,aAKe;AAAA,MAJfC,eAIe,QAJfA,eAIe;AAAA,MAHfC,kBAGe,QAHfA,kBAGe;AAAA,MAFfC,kBAEe,QAFfA,kBAEe;AAAA,MADfC,QACe,QADfA,QACe;AAGjE,MAAMC,GAAG,aAAM,CAAC,CAACL,aAAF,GAAkB,aAAlB,GAAkC,EAAxC,cAA8CI,QAAQ,GAAG,UAAH,GAAgB,EAAtE,CAAT;AAEA,sBAEE,qBAAC,OAAD;AAAS,IAAA,SAAS,EAAEC,GAApB;AACS,IAAA,QAAQ,EAAE,CAAC,CAACL,aAAF,IAAmB,CAACI,QAApB,GAA+B,CAA/B,GAAmC,CAAC,CADvD;AAES,IAAA,WAAW,EAAEE,2BAFtB;AAGS,IAAA,SAAS,EAAE,mBAAAC,CAAC;AAAA,aAAIA,CAAC,CAACC,GAAF,KAAU,OAAV,IAAqB,CAACJ,QAAtB,IAAkCJ,aAAlC,IAAmDA,aAAa,EAApE;AAAA,KAHrB;AAIS,IAAA,OAAO,EAAE,iBAAAS,CAAC;AAAA,aAAI,CAACL,QAAD,IAAaJ,aAAb,IAA8BA,aAAa,EAA/C;AAAA,KAJnB;AAAA,2BAKE,sBAAC,qBAAD;AAAA,iBACGC,eAAe,iBAAI,qBAAC,uBAAD,kCAAoBA,eAApB;AAAqC,QAAA,QAAQ,EAAEG;AAA/C,SADtB,EAEGF,kBAAkB,iBACjB,qBAAC,0BAAD,kCAAuBA,kBAAvB;AAA2C,QAAA,QAAQ,EAAEE;AAArD,SAHJ,EAIGD,kBAAkB,iBACjB,qBAAC,0BAAD,kCAAuBA,kBAAvB;AAA2C,QAAA,QAAQ,EAAEC;AAArD,SALJ;AAAA;AALF,IAFF;AAiBD,CA5BD;;;AAPEJ,EAAAA,a;AACAI,EAAAA,Q;;eAoCaL,I","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 {COLORS, defaultOnMouseDownHandler, focusStyles} from '..';\r\n\r\nexport const CardTopLevelContainer = styled.div`\r\n  background-color: ${COLORS.white};\r\n\r\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);\r\n  border-radius: 8px;\r\n\r\n  border: 1px solid transparent;\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`;\r\n\r\n\r\nexport const Wrapper = styled.div`\r\n  height: max-content;\r\n  width: max-content;\r\n\r\n  &.interactive:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &.interactive:not(.disabled) {\r\n    cursor: pointer;\r\n\r\n    ${CardTopLevelContainer} {\r\n      &:active, &.active-state {\r\n        box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.15);\r\n        border: 1px solid ${COLORS.neutral_200};\r\n      }\r\n\r\n      &:hover {\r\n        overflow: visible;\r\n        border: 1px solid ${COLORS.neutral_200};\r\n        box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.15);\r\n      }\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    cursor: not-allowed;\r\n  }\r\n`;\r\n\r\n\r\nexport interface CardProps {\r\n  onCardClicked?: () => {};\r\n  disabled: boolean;\r\n  topSectionProps?: CardTopSectionProps;\r\n  middleSectionProps?: CardMiddleSectionProps;\r\n  bottomSectionProps?: CardBottomSectionProps;\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                                                  }: CardProps) => {\r\n\r\n\r\n  const cls = `${!!onCardClicked ? 'interactive' : ''} ${disabled ? 'disabled' : ''}`;\r\n\r\n  return (\r\n\r\n    <Wrapper 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      <CardTopLevelContainer>\r\n        {topSectionProps && <CardTopSection {...topSectionProps} disabled={disabled}/>}\r\n        {middleSectionProps &&\r\n          <CardMiddleSection {...middleSectionProps} disabled={disabled}/>}\r\n        {bottomSectionProps &&\r\n          <CardBottomSection {...bottomSectionProps} disabled={disabled}/>}\r\n      </CardTopLevelContainer>\r\n    </Wrapper>\r\n\r\n  );\r\n};\r\n\r\nexport default Card;\r\n"],"file":"Card.cjs"}

package/dist/Card/Card.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { CardTopSectionProps } from './CardTopSection';
-import { CardMiddleSectionProps } from './CardMiddleSection';
-import { CardBottomSectionProps } from './CardBottomSection';
-export declare const CardTopLevelContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export interface CardProps {
-    onCardClicked?: () => {};
-    disabled: boolean;
-    topSectionProps?: CardTopSectionProps;
-    middleSectionProps?: CardMiddleSectionProps;
-    bottomSectionProps?: CardBottomSectionProps;
-}
-declare const Card: React.FunctionComponent<CardProps>;
-export default Card;

package/dist/Card/Card.js

@@ -1,56 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-import _pt from "prop-types";
-
-var _templateObject, _templateObject2;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-import * as React from 'react';
-import styled from 'styled-components';
-import CardTopSection from './CardTopSection';
-import CardMiddleSection from './CardMiddleSection';
-import CardBottomSection from './CardBottomSection';
-import { COLORS, defaultOnMouseDownHandler, focusStyles } from '..';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export var CardTopLevelContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: ", ";\n\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);\n  border-radius: 8px;\n\n  border: 1px solid transparent;\n  background-clip: padding-box;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n}\n"])), COLORS.white);
-export var Wrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: max-content;\n  width: max-content;\n\n  &.interactive:focus {\n    ", "\n  }\n\n  &.interactive:not(.disabled) {\n    cursor: pointer;\n\n    ", " {\n      &:active, &.active-state {\n        box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.15);\n        border: 1px solid ", ";\n      }\n\n      &:hover {\n        overflow: visible;\n        border: 1px solid ", ";\n        box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.15);\n      }\n    }\n  }\n\n  &.disabled {\n    cursor: not-allowed;\n  }\n"])), focusStyles, CardTopLevelContainer, COLORS.neutral_200, COLORS.neutral_200);
-
-var Card = function Card(_ref) {
-  var onCardClicked = _ref.onCardClicked,
-      topSectionProps = _ref.topSectionProps,
-      middleSectionProps = _ref.middleSectionProps,
-      bottomSectionProps = _ref.bottomSectionProps,
-      disabled = _ref.disabled;
-  var cls = "".concat(!!onCardClicked ? 'interactive' : '', " ").concat(disabled ? 'disabled' : '');
-  return /*#__PURE__*/_jsx(Wrapper, {
-    className: cls,
-    tabIndex: !!onCardClicked && !disabled ? 0 : -1,
-    onMouseDown: defaultOnMouseDownHandler,
-    onKeyDown: function onKeyDown(a) {
-      return a.key === 'Enter' && !disabled && onCardClicked && onCardClicked();
-    },
-    onClick: function onClick(e) {
-      return !disabled && onCardClicked && onCardClicked();
-    },
-    children: /*#__PURE__*/_jsxs(CardTopLevelContainer, {
-      children: [topSectionProps && /*#__PURE__*/_jsx(CardTopSection, _objectSpread(_objectSpread({}, topSectionProps), {}, {
-        disabled: disabled
-      })), middleSectionProps && /*#__PURE__*/_jsx(CardMiddleSection, _objectSpread(_objectSpread({}, middleSectionProps), {}, {
-        disabled: disabled
-      })), bottomSectionProps && /*#__PURE__*/_jsx(CardBottomSection, _objectSpread(_objectSpread({}, bottomSectionProps), {}, {
-        disabled: disabled
-      }))]
-    })
-  });
-};
-
-Card.propTypes = {
-  onCardClicked: _pt.func,
-  disabled: _pt.bool.isRequired
-};
-export default Card;
-//# sourceMappingURL=Card.js.map

package/dist/Card/Card.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Card/Card.tsx"],"names":["React","styled","CardTopSection","CardMiddleSection","CardBottomSection","COLORS","defaultOnMouseDownHandler","focusStyles","CardTopLevelContainer","div","white","Wrapper","neutral_200","Card","onCardClicked","topSectionProps","middleSectionProps","bottomSectionProps","disabled","cls","a","key","e"],"mappings":";;;;;;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,cAAP,MAAkD,kBAAlD;AACA,OAAOC,iBAAP,MAAwD,qBAAxD;AACA,OAAOC,iBAAP,MAAwD,qBAAxD;AACA,SAAQC,MAAR,EAAgBC,yBAAhB,EAA2CC,WAA3C,QAA6D,IAA7D;;;AAEA,OAAO,IAAMC,qBAAqB,GAAGP,MAAM,CAACQ,GAAV,4TACZJ,MAAM,CAACK,KADK,CAA3B;AAeP,OAAO,IAAMC,OAAO,GAAGV,MAAM,CAACQ,GAAV,mkBAKdF,WALc,EAWdC,qBAXc,EAcQH,MAAM,CAACO,WAdf,EAmBQP,MAAM,CAACO,WAnBf,CAAb;;AAuCP,IAAMC,IAAwC,GAAG,SAA3CA,IAA2C,OAMkB;AAAA,MALfC,aAKe,QALfA,aAKe;AAAA,MAJfC,eAIe,QAJfA,eAIe;AAAA,MAHfC,kBAGe,QAHfA,kBAGe;AAAA,MAFfC,kBAEe,QAFfA,kBAEe;AAAA,MADfC,QACe,QADfA,QACe;AAGjE,MAAMC,GAAG,aAAM,CAAC,CAACL,aAAF,GAAkB,aAAlB,GAAkC,EAAxC,cAA8CI,QAAQ,GAAG,UAAH,GAAgB,EAAtE,CAAT;AAEA,sBAEE,KAAC,OAAD;AAAS,IAAA,SAAS,EAAEC,GAApB;AACS,IAAA,QAAQ,EAAE,CAAC,CAACL,aAAF,IAAmB,CAACI,QAApB,GAA+B,CAA/B,GAAmC,CAAC,CADvD;AAES,IAAA,WAAW,EAAEZ,yBAFtB;AAGS,IAAA,SAAS,EAAE,mBAAAc,CAAC;AAAA,aAAIA,CAAC,CAACC,GAAF,KAAU,OAAV,IAAqB,CAACH,QAAtB,IAAkCJ,aAAlC,IAAmDA,aAAa,EAApE;AAAA,KAHrB;AAIS,IAAA,OAAO,EAAE,iBAAAQ,CAAC;AAAA,aAAI,CAACJ,QAAD,IAAaJ,aAAb,IAA8BA,aAAa,EAA/C;AAAA,KAJnB;AAAA,2BAKE,MAAC,qBAAD;AAAA,iBACGC,eAAe,iBAAI,KAAC,cAAD,kCAAoBA,eAApB;AAAqC,QAAA,QAAQ,EAAEG;AAA/C,SADtB,EAEGF,kBAAkB,iBACjB,KAAC,iBAAD,kCAAuBA,kBAAvB;AAA2C,QAAA,QAAQ,EAAEE;AAArD,SAHJ,EAIGD,kBAAkB,iBACjB,KAAC,iBAAD,kCAAuBA,kBAAvB;AAA2C,QAAA,QAAQ,EAAEC;AAArD,SALJ;AAAA;AALF,IAFF;AAiBD,CA5BD;;;AAPEJ,EAAAA,a;AACAI,EAAAA,Q;;AAoCF,eAAeL,IAAf","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 {COLORS, defaultOnMouseDownHandler, focusStyles} from '..';\r\n\r\nexport const CardTopLevelContainer = styled.div`\r\n  background-color: ${COLORS.white};\r\n\r\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);\r\n  border-radius: 8px;\r\n\r\n  border: 1px solid transparent;\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`;\r\n\r\n\r\nexport const Wrapper = styled.div`\r\n  height: max-content;\r\n  width: max-content;\r\n\r\n  &.interactive:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &.interactive:not(.disabled) {\r\n    cursor: pointer;\r\n\r\n    ${CardTopLevelContainer} {\r\n      &:active, &.active-state {\r\n        box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.15);\r\n        border: 1px solid ${COLORS.neutral_200};\r\n      }\r\n\r\n      &:hover {\r\n        overflow: visible;\r\n        border: 1px solid ${COLORS.neutral_200};\r\n        box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.15);\r\n      }\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    cursor: not-allowed;\r\n  }\r\n`;\r\n\r\n\r\nexport interface CardProps {\r\n  onCardClicked?: () => {};\r\n  disabled: boolean;\r\n  topSectionProps?: CardTopSectionProps;\r\n  middleSectionProps?: CardMiddleSectionProps;\r\n  bottomSectionProps?: CardBottomSectionProps;\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                                                  }: CardProps) => {\r\n\r\n\r\n  const cls = `${!!onCardClicked ? 'interactive' : ''} ${disabled ? 'disabled' : ''}`;\r\n\r\n  return (\r\n\r\n    <Wrapper 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      <CardTopLevelContainer>\r\n        {topSectionProps && <CardTopSection {...topSectionProps} disabled={disabled}/>}\r\n        {middleSectionProps &&\r\n          <CardMiddleSection {...middleSectionProps} disabled={disabled}/>}\r\n        {bottomSectionProps &&\r\n          <CardBottomSection {...bottomSectionProps} disabled={disabled}/>}\r\n      </CardTopLevelContainer>\r\n    </Wrapper>\r\n\r\n  );\r\n};\r\n\r\nexport default Card;\r\n"],"file":"Card.js"}

package/dist/Card/CardBottomSection.cjs

@@ -1,142 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.CardProgressContainer = exports.CardNotesContainer = exports.CardNoteRight = exports.CardNoteLeft = exports.CardButtonRowContainer = exports.CardBottomSectionContainer = exports.CardBottomDivider = exports.CardAuthorContainer = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _ = require("..");
-
-var _Button = require("../Button");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var CardProgressContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: 8px 0;\n"])));
-
-exports.CardProgressContainer = CardProgressContainer;
-
-var CardNotesContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  height: 48px;\n  position: relative;\n  color: ", ";\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n"])), _.COLORS.neutral_500);
-
-exports.CardNotesContainer = CardNotesContainer;
-
-var CardAuthorContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 48px;\n\n  div:first-child {\n    flex-grow: 2;\n  }\n\n  svg, img {\n    width: 80px;\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n\n  ", "\n"])), function (props) {
-  return props.disabled ? "\n    color: ".concat(_.COLORS.neutral_300, ";\n    svg, img {\n      filter: grayscale(100%);\n    }\n    \n  ") : '';
-});
-
-exports.CardAuthorContainer = CardAuthorContainer;
-
-var CardBottomDivider = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  border-top: 1px;\n  border-top-color: ", ";\n  border-top-style: solid;\n  width: 100%;\n"])), _.COLORS.neutral_100);
-
-exports.CardBottomDivider = CardBottomDivider;
-
-var CardNoteLeft = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  left: 0px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  svg {\n    margin-right: 4px;\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n"])));
-
-exports.CardNoteLeft = CardNoteLeft;
-
-var CardNoteRight = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  right: 0px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  svg {\n    margin-right: 4px;\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n"])));
-
-exports.CardNoteRight = CardNoteRight;
-
-var CardButtonRowContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  border-top: 1px;\n  border-top-color: ", ";\n  border-top-style: solid;\n\n  button:last-child{\n    margin: 8px 0px 0px 0px;\n  }\n\n  button:not(:last-child) {\n    margin: 8px 0px 0px 0px;\n  }\n\n  svg {\n    color: ", ";\n  }\n"])), _.COLORS.neutral_100, _.COLORS.neutral_600);
-
-exports.CardButtonRowContainer = CardButtonRowContainer;
-
-var CardBottomSectionContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 0px 16px 8px 16px;\n  width: calc(100% - 32px);\n"])));
-
-exports.CardBottomSectionContainer = CardBottomSectionContainer;
-
-var CardBottomSection = function CardBottomSection(_ref) {
-  var progressLevel = _ref.progressLevel,
-      progressMax = _ref.progressMax,
-      _ref$progressType = _ref.progressType,
-      progressType = _ref$progressType === void 0 ? _.LinearProgressType.Line : _ref$progressType,
-      noteLeft = _ref.noteLeft,
-      noteLeftIcon = _ref.noteLeftIcon,
-      noteRight = _ref.noteRight,
-      noteRightIcon = _ref.noteRightIcon,
-      authorName = _ref.authorName,
-      logo = _ref.logo,
-      actions = _ref.actions,
-      disabled = _ref.disabled;
-  var haveAtLeastSomething = progressLevel != undefined || noteLeft || noteLeftIcon || noteRight || noteRightIcon || authorName;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(CardBottomSectionContainer, {
-    children: [haveAtLeastSomething && /*#__PURE__*/(0, _jsxRuntime.jsx)(CardBottomDivider, {}), progressLevel != undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)(CardProgressContainer, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.LinearProgress, {
-        size: _.Size.Small,
-        type: progressType,
-        variant: _.LinearProgressVariant.Normal,
-        value: progressLevel,
-        max: progressMax !== null && progressMax !== void 0 ? progressMax : progressLevel
-      })
-    }), (noteLeft || noteLeftIcon || noteRight || noteRightIcon) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(CardNotesContainer, {
-      children: [(noteLeft || noteLeftIcon) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(CardNoteLeft, {
-        children: [noteLeftIcon, /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ComponentXXS, {
-          color: _.COLORS.neutral_500,
-          textStyle: _.ComponentTextStyle.Bold,
-          children: noteLeft
-        })]
-      }), (noteRight || noteRightIcon) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(CardNoteRight, {
-        children: [noteRightIcon, /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ComponentXXS, {
-          color: _.COLORS.neutral_500,
-          textStyle: _.ComponentTextStyle.Bold,
-          children: noteRight
-        })]
-      })]
-    }), (authorName || logo) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(CardAuthorContainer, {
-      disabled: disabled,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.ComponentXXS, {
-        children: authorName
-      }), logo]
-    }), actions && /*#__PURE__*/(0, _jsxRuntime.jsx)(CardButtonRowContainer, {
-      children: actions.map(function (x) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
-          disabled: disabled,
-          variant: "secondary",
-          shape: "circular",
-          action: function action(e) {
-            e === null || e === void 0 ? void 0 : e.stopPropagation();
-            x.onClick();
-          },
-          children: x.icon
-        });
-      })
-    })]
-  });
-};
-
-CardBottomSection.propTypes = {
-  progressLevel: _propTypes.default.number,
-  progressMax: _propTypes.default.number,
-  noteLeft: _propTypes.default.string,
-  noteLeftIcon: _propTypes.default.node,
-  noteRight: _propTypes.default.string,
-  noteRightIcon: _propTypes.default.node,
-  authorName: _propTypes.default.string,
-  actions: _propTypes.default.arrayOf(_propTypes.default.shape({
-    icon: _propTypes.default.node.isRequired,
-    onClick: _propTypes.default.func.isRequired
-  })),
-  logo: _propTypes.default.node,
-  disabled: _propTypes.default.bool.isRequired
-};
-var _default = CardBottomSection;
-exports.default = _default;
-//# sourceMappingURL=CardBottomSection.cjs.map

package/dist/Card/CardBottomSection.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Card/CardBottomSection.tsx"],"names":["CardProgressContainer","styled","div","CardNotesContainer","COLORS","neutral_500","CardAuthorContainer","props","disabled","neutral_300","CardBottomDivider","neutral_100","CardNoteLeft","CardNoteRight","CardButtonRowContainer","neutral_600","CardBottomSectionContainer","CardBottomSection","progressLevel","progressMax","progressType","LinearProgressType","Line","noteLeft","noteLeftIcon","noteRight","noteRightIcon","authorName","logo","actions","haveAtLeastSomething","undefined","Size","Small","LinearProgressVariant","Normal","ComponentTextStyle","Bold","map","x","e","stopPropagation","onClick","icon"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;AAuBO,IAAMA,qBAAqB,GAAGC,0BAAOC,GAAV,wGAA3B;;;;AAIA,IAAMC,kBAAkB,GAAGF,0BAAOC,GAAV,kNAGpBE,SAAOC,WAHa,CAAxB;;;;AASA,IAAMC,mBAAmB,GAAGL,0BAAOC,GAAV,mTAgB5B,UAAAK,KAAK;AAAA,SAAIA,KAAK,CAACC,QAAN,0BACAJ,SAAOK,WADP,0EAMP,EANG;AAAA,CAhBuB,CAAzB;;;;AAyBA,IAAMC,iBAAiB,GAAGT,0BAAOC,GAAV,mLAERE,SAAOO,WAFC,CAAvB;;;;AAOA,IAAMC,YAAY,GAAGX,0BAAOC,GAAV,8QAAlB;;;;AAcA,IAAMW,aAAa,GAAGZ,0BAAOC,GAAV,+QAAnB;;;;AAcA,IAAMY,sBAAsB,GAAGb,0BAAOC,GAAV,kaAMbE,SAAOO,WANM,EAkBtBP,SAAOW,WAlBe,CAA5B;;;;AAsBA,IAAMC,0BAA0B,GAAGf,0BAAOC,GAAV,mJAAhC;;;;AAKP,IAAMe,iBAAkE,GAAG,SAArEA,iBAAqE,OAY7C;AAAA,MAX5BC,aAW4B,QAX5BA,aAW4B;AAAA,MAV5BC,WAU4B,QAV5BA,WAU4B;AAAA,+BAT5BC,YAS4B;AAAA,MAT5BA,YAS4B,kCATbC,qBAAmBC,IASN;AAAA,MAR5BC,QAQ4B,QAR5BA,QAQ4B;AAAA,MAP5BC,YAO4B,QAP5BA,YAO4B;AAAA,MAN5BC,SAM4B,QAN5BA,SAM4B;AAAA,MAL5BC,aAK4B,QAL5BA,aAK4B;AAAA,MAJ5BC,UAI4B,QAJ5BA,UAI4B;AAAA,MAH5BC,IAG4B,QAH5BA,IAG4B;AAAA,MAF5BC,OAE4B,QAF5BA,OAE4B;AAAA,MAD5BrB,QAC4B,QAD5BA,QAC4B;AAE5B,MAAMsB,oBAAoB,GAAGZ,aAAa,IAAIa,SAAjB,IAA8BR,QAA9B,IAA0CC,YAA1C,IAA0DC,SAA1D,IAAuEC,aAAvE,IAAwFC,UAArH;AACA,sBACE,sBAAC,0BAAD;AAAA,eACGG,oBAAoB,iBAAI,qBAAC,iBAAD,KAD3B,EAEGZ,aAAa,IAAIa,SAAjB,iBAA8B,qBAAC,qBAAD;AAAA,6BAC7B,qBAAC,gBAAD;AAAgB,QAAA,IAAI,EAAEC,OAAKC,KAA3B;AACgB,QAAA,IAAI,EAAEb,YADtB;AAEgB,QAAA,OAAO,EAAEc,wBAAsBC,MAF/C;AAGgB,QAAA,KAAK,EAAEjB,aAHvB;AAIgB,QAAA,GAAG,EAAEC,WAAF,aAAEA,WAAF,cAAEA,WAAF,GAAiBD;AAJpC;AAD6B,MAFjC,EAUG,CAACK,QAAQ,IAAIC,YAAZ,IAA4BC,SAA5B,IAAyCC,aAA1C,kBAA4D,sBAAC,kBAAD;AAAA,iBAC1D,CAACH,QAAQ,IAAIC,YAAb,kBACC,sBAAC,YAAD;AAAA,mBACGA,YADH,eAEE,qBAAC,cAAD;AAAc,UAAA,KAAK,EAAEpB,SAAOC,WAA5B;AAAyC,UAAA,SAAS,EAAE+B,qBAAmBC,IAAvE;AAAA,oBAA8Ed;AAA9E,UAFF;AAAA,QAFyD,EAO1D,CAACE,SAAS,IAAIC,aAAd,kBACC,sBAAC,aAAD;AAAA,mBACGA,aADH,eAEE,qBAAC,cAAD;AAAc,UAAA,KAAK,EAAEtB,SAAOC,WAA5B;AAAyC,UAAA,SAAS,EAAE+B,qBAAmBC,IAAvE;AAAA,oBAA8EZ;AAA9E,UAFF;AAAA,QARyD;AAAA,MAV/D,EAyBG,CAACE,UAAU,IAAIC,IAAf,kBAAwB,sBAAC,mBAAD;AAAqB,MAAA,QAAQ,EAAEpB,QAA/B;AAAA,8BACvB,qBAAC,cAAD;AAAA,kBAAemB;AAAf,QADuB,EAEtBC,IAFsB;AAAA,MAzB3B,EA8BGC,OAAO,iBAAI,qBAAC,sBAAD;AAAA,gBACTA,OAAO,CAACS,GAAR,CAAY,UAAAC,CAAC;AAAA,4BACZ,qBAAC,kBAAD;AAAY,UAAA,QAAQ,EAAE/B,QAAtB;AAAgC,UAAA,OAAO,EAAC,WAAxC;AAAoD,UAAA,KAAK,EAAC,UAA1D;AAAqE,UAAA,MAAM,EAAE,gBAACgC,CAAD,EAAO;AAACA,YAAAA,CAAC,SAAD,IAAAA,CAAC,WAAD,YAAAA,CAAC,CAAEC,eAAH;AAAsBF,YAAAA,CAAC,CAACG,OAAF;AAAa,WAAxH;AAAA,oBACGH,CAAC,CAACI;AADL,UADY;AAAA,OAAb;AADS,MA9Bd;AAAA,IADF;AAwCD,CAvDD;;;AAnHEzB,EAAAA,a;AACAC,EAAAA,W;AAGAI,EAAAA,Q;AACAC,EAAAA,Y;AACAC,EAAAA,S;AACAC,EAAAA,a;AAEAC,EAAAA,U;AACAE,EAAAA,O;AAfAc,IAAAA,I;AACAD,IAAAA,O;;AAeAd,EAAAA,I;AACApB,EAAAA,Q;;eAgKaS,iB","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { COLORS, ComponentTextStyle, ComponentXXS, LinearProgress, LinearProgressType, LinearProgressVariant, Size } from '..';\r\nimport { IconButton } from '../Button';\r\n\r\nexport interface ActionItem {\r\n  icon: React.ReactNode;\r\n  onClick: () => void;\r\n}\r\n\r\nexport interface CardBottomSectionProps {\r\n  progressLevel?: number;\r\n  progressMax?: number;\r\n  progressType?: LinearProgressType;\r\n\r\n  noteLeft?: string;\r\n  noteLeftIcon?: React.ReactNode;\r\n  noteRight?: string;\r\n  noteRightIcon?: React.ReactNode;\r\n  \r\n  authorName?: string;\r\n  actions?: ActionItem[];\r\n  logo?: React.ReactNode;\r\n  disabled: boolean;\r\n}\r\n\r\nexport const CardProgressContainer = styled.div`\r\n  padding: 8px 0;\r\n`;\r\n\r\nexport const CardNotesContainer = styled.div`\r\n  height: 48px;\r\n  position: relative;\r\n  color: ${COLORS.neutral_500};\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n`;\r\n\r\nexport const CardAuthorContainer = styled.div<{disabled: boolean}>`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  height: 48px;\r\n\r\n  div:first-child {\r\n    flex-grow: 2;\r\n  }\r\n\r\n  svg, img {\r\n    width: 80px;\r\n    flex-grow: 0;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  ${props => props.disabled ? `\r\n    color: ${COLORS.neutral_300};\r\n    svg, img {\r\n      filter: grayscale(100%);\r\n    }\r\n    \r\n  ` : ''}\r\n`;\r\n\r\nexport const CardBottomDivider = styled.div`\r\n  border-top: 1px;\r\n  border-top-color: ${COLORS.neutral_100};\r\n  border-top-style: solid;\r\n  width: 100%;\r\n`;\r\n\r\nexport const CardNoteLeft = styled.div`\r\n  position: absolute;\r\n  left: 0px;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n\r\n  svg {\r\n    margin-right: 4px;\r\n    flex-grow: 0;\r\n    flex-shrink: 0;\r\n  }\r\n`;\r\n\r\nexport const CardNoteRight = styled.div`\r\n  position: absolute;\r\n  right: 0px;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n\r\n  svg {\r\n    margin-right: 4px;\r\n    flex-grow: 0;\r\n    flex-shrink: 0;\r\n  }\r\n`;\r\n\r\nexport const CardButtonRowContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  border-top: 1px;\r\n  border-top-color: ${COLORS.neutral_100};\r\n  border-top-style: solid;\r\n\r\n  button:last-child{\r\n    margin: 8px 0px 0px 0px;\r\n  }\r\n\r\n  button:not(:last-child) {\r\n    margin: 8px 0px 0px 0px;\r\n  }\r\n\r\n  svg {\r\n    color: ${COLORS.neutral_600};\r\n  }\r\n`;\r\n\r\nexport const CardBottomSectionContainer = styled.div`\r\n  padding: 0px 16px 8px 16px;\r\n  width: calc(100% - 32px);\r\n`;\r\n\r\nconst CardBottomSection: React.FunctionComponent<CardBottomSectionProps> = ({\r\n  progressLevel,\r\n  progressMax,\r\n  progressType = LinearProgressType.Line,\r\n  noteLeft,\r\n  noteLeftIcon,\r\n  noteRight,\r\n  noteRightIcon,\r\n  authorName,\r\n  logo,\r\n  actions,\r\n  disabled\r\n}: CardBottomSectionProps) => {\r\n\r\n  const haveAtLeastSomething = progressLevel != undefined || noteLeft || noteLeftIcon || noteRight || noteRightIcon || authorName;\r\n  return (\r\n    <CardBottomSectionContainer>\r\n      {haveAtLeastSomething && <CardBottomDivider />}\r\n      {progressLevel != undefined && <CardProgressContainer>\r\n        <LinearProgress size={Size.Small}\r\n                        type={progressType}\r\n                        variant={LinearProgressVariant.Normal}\r\n                        value={progressLevel}\r\n                        max={progressMax ?? progressLevel} />\r\n        </CardProgressContainer>}\r\n\r\n      {(noteLeft || noteLeftIcon || noteRight || noteRightIcon) && <CardNotesContainer>\r\n        {(noteLeft || noteLeftIcon) && (\r\n          <CardNoteLeft>\r\n            {noteLeftIcon}\r\n            <ComponentXXS color={COLORS.neutral_500} textStyle={ComponentTextStyle.Bold}>{noteLeft}</ComponentXXS>\r\n          </CardNoteLeft>\r\n        )}\r\n        {(noteRight || noteRightIcon) && (\r\n          <CardNoteRight>\r\n            {noteRightIcon}\r\n            <ComponentXXS color={COLORS.neutral_500} textStyle={ComponentTextStyle.Bold}>{noteRight}</ComponentXXS>\r\n          </CardNoteRight>\r\n        )}\r\n      </CardNotesContainer>}\r\n\r\n      {(authorName || logo) && <CardAuthorContainer disabled={disabled}>\r\n        <ComponentXXS>{authorName}</ComponentXXS>\r\n        {logo}\r\n      </CardAuthorContainer>}\r\n\r\n      {actions && <CardButtonRowContainer>\r\n        {actions.map(x => (\r\n          <IconButton disabled={disabled} variant=\"secondary\" shape=\"circular\" action={(e) => {e?.stopPropagation(); x.onClick();}}>\r\n            {x.icon}\r\n          </IconButton>\r\n        ))}\r\n      </CardButtonRowContainer>}\r\n    </CardBottomSectionContainer>\r\n  );\r\n};\r\n\r\nexport default CardBottomSection;\r\n"],"file":"CardBottomSection.cjs"}