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

package/dist/esm/icons/index.js

@@ -1,97 +0,0 @@
-import _pt from "prop-types";
-import * as React from 'react';
-import styled from 'styled-components';
-import { Tooltip, TooltipTrigger } from '../Tooltips/TooltipStyles';
-import * as ContentIcons from './contenticons/ContentIcons';
-import * as SystemIcons from './systemicons/SystemIcons';
-
-/**
- * Retrieves the size of the icon.
- * @param size - Original size which was passed to the icon.
- * @returns Numeric value indicating the size of the icon.
- */
-export const getSize = size => {
-  if (typeof size === 'string' && size.indexOf('px') === -1) {
-    return `${size}px`;
-  } else {
-    return size;
-  }
-};
-const Container = styled.div`
-  position: relative;
-  ${TooltipTrigger()}
-`;
-const IconComponent = styled.svg`
-  width: ${props => props.width};
-  height: ${props => props.height};
-`;
-
-const renderIcon = (children, width, height, viewBox, tooltip, className) => {
-  return tooltip ? /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(IconComponent, {
-    className: className,
-    width: width,
-    height: height,
-    viewBox: viewBox,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, children), /*#__PURE__*/React.createElement(Tooltip, null, tooltip)) : /*#__PURE__*/React.createElement(IconComponent, {
-    className: className,
-    width: width,
-    height: height,
-    viewBox: viewBox,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, children);
-};
-
-export const BaseIcon = ({
-  className,
-  children,
-  size = '16px',
-  viewBox = '0 0 25 25',
-  tooltip = ''
-}) => {
-  return renderIcon(children, getSize(size), getSize(size), viewBox, tooltip, className);
-};
-BaseIcon.propTypes = {
-  className: _pt.string,
-  children: _pt.any,
-  size: _pt.string,
-  viewBox: _pt.string,
-  tooltip: _pt.string
-};
-export const SystemIcon = ({
-  className,
-  children,
-  size = '24px',
-  viewBox = '0 0 24 24',
-  tooltip = ''
-}) => {
-  return renderIcon(children, getSize(size), getSize(size), viewBox, tooltip, className);
-};
-SystemIcon.propTypes = {
-  className: _pt.string,
-  children: _pt.any,
-  size: _pt.string,
-  viewBox: _pt.string,
-  tooltip: _pt.string
-};
-export const ContentIcon = ({
-  className,
-  children,
-  size = '48px',
-  viewBox = '0 0 48 48',
-  tooltip = ''
-}) => {
-  return renderIcon(children, getSize(size), getSize(size), viewBox, tooltip, className);
-};
-ContentIcon.propTypes = {
-  className: _pt.string,
-  children: _pt.any,
-  size: _pt.string,
-  viewBox: _pt.string,
-  tooltip: _pt.string
-};
-export { SystemIcons };
-export { ContentIcons };
-//# sourceMappingURL=index.js.map

package/dist/esm/icons/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/icons/index.tsx"],"names":["React","styled","Tooltip","TooltipTrigger","ContentIcons","SystemIcons","getSize","size","indexOf","Container","div","IconComponent","svg","props","width","height","renderIcon","children","viewBox","tooltip","className","BaseIcon","SystemIcon","ContentIcon"],"mappings":"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","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Tooltip, TooltipTrigger } from '../Tooltips/TooltipStyles';\r\nimport * as ContentIcons from './contenticons/ContentIcons';\r\nimport * as SystemIcons from './systemicons/SystemIcons';\r\n\r\nexport type BaseProps = {\r\n  className?: string;\r\n  children?: any;\r\n  size?: string;\r\n  viewBox?: string;\r\n  tooltip?: string;\r\n};\r\n\r\nexport type IconProps = {\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\nconst IconComponent = styled.svg<{ width: string; height: string }>`\r\n  width: ${props => props.width};\r\n  height: ${props => props.height};\r\n`;\r\n\r\nconst renderIcon = (children: React.ReactNode, width: string, height: string, viewBox: string, tooltip?: string, className?: string) => {\r\n  return tooltip ? (\r\n    <Container>\r\n      <IconComponent className={className} width={width} height={height} viewBox={viewBox} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n        {children}\r\n      </IconComponent>\r\n      <Tooltip>{tooltip}</Tooltip>\r\n    </Container>\r\n  ) : (\r\n    <IconComponent className={className} width={width} height={height} viewBox={viewBox} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      {children}\r\n    </IconComponent>\r\n  );\r\n};\r\n\r\nexport const BaseIcon: React.FunctionComponent<BaseProps> = ({ className, children, size = '16px', viewBox = '0 0 25 25', tooltip = '' }) => {\r\n  return renderIcon(children, getSize(size), getSize(size), viewBox, tooltip, className);\r\n};\r\n\r\nexport const SystemIcon: React.FunctionComponent<BaseProps> = ({ className, children, size = '24px', viewBox = '0 0 24 24', tooltip = '' }) => {\r\n  return renderIcon(children, getSize(size), getSize(size), viewBox, tooltip, className);\r\n};\r\n\r\nexport const ContentIcon: React.FunctionComponent<BaseProps> = ({ className, children, size = '48px', viewBox = '0 0 48 48', tooltip = '' }) => {\r\n  return renderIcon(children, getSize(size), getSize(size), viewBox, tooltip, className);\r\n};\r\n\r\nexport { SystemIcons };\r\nexport { ContentIcons };\r\n"],"file":"index.js"}