@vitality-ds/icons 0.1.2 → 0.1.5-alpha.0

package/dist/DidNotArrive.js

@@ -1,32 +1,11 @@
-'use strict';
+import React from 'react';
+import Icon from './Icon';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+const DidNotArrive = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  "clip-rule": "evenodd",
+  d: "M3 6.5h18a.5.5 0 0 1 .5.5v10a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V7a.5.5 0 0 1 .5-.5ZM1 7a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7Zm2.3 8V8.602h1.969c.562 0 1.065.127 1.507.382.445.252.793.612 1.042 1.08.249.467.373.997.373 1.592v.294c0 .595-.123 1.124-.369 1.587a2.614 2.614 0 0 1-1.033 1.076A3.012 3.012 0 0 1 5.282 15H3.3Zm1.318-5.33v4.27h.638c.515 0 .91-.167 1.182-.505.272-.336.411-.818.417-1.445v-.339c0-.65-.135-1.142-.404-1.476-.27-.337-.664-.506-1.182-.506h-.65ZM14.357 15h-1.319l-2.566-4.21V15H9.154V8.602h1.318l2.57 4.218V8.602h1.315V15Zm2.53-1.318H19.2L19.643 15h1.402L18.65 8.602h-1.222L15.047 15h1.401l.44-1.318Zm1.956-1.068h-1.6l.796-2.395.804 2.395Z",
+  fill: "currentColor"
+}));
 
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _core = require('@vitality-ds/core');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var DidNotArrive = function DidNotArrive(props) {
-  return _react2.default.createElement(
-    _core.Icon,
-    props,
-    _react2.default.createElement(
-      'g',
-      { 'data-name': 'Layer 2' },
-      _react2.default.createElement(
-        'g',
-        { 'data-name': 'Layer 1' },
-        _react2.default.createElement('path', { 'class': 'cls-2', d: 'M21 6.3a.7.7 0 01.7.7v10a.7.7 0 01-.7.7H3a.7.7 0 01-.7-.7V7a.7.7 0 01.7-.7h18M21 5H3a2 2 0 00-2 2v10a2 2 0 002 2h18a2 2 0 002-2V7a2 2 0 00-2-2z' }),
-        _react2.default.createElement('path', { 'class': 'cls-2', d: 'M3.4 15.23V8.84h2a2.92 2.92 0 011.51.38 2.64 2.64 0 011 1.08 3.3 3.3 0 01.37 1.59v.29a3.39 3.39 0 01-.36 1.59 2.7 2.7 0 01-1 1.08 3 3 0 01-1.51.38zM4.72 9.9v4.28h.64a1.43 1.43 0 001.18-.51A2.34 2.34 0 007 12.22v-.33a2.31 2.31 0 00-.41-1.48 1.41 1.41 0 00-1.22-.51zM14.45 15.23h-1.31L10.57 11v4.21H9.25V8.84h1.32l2.57 4.21V8.84h1.31zM19.3 13.92H17l-.44 1.31h-1.42l2.39-6.39h1.22l2.39 6.39h-1.4zm-2-1.07h1.6l-.8-2.4z' })
-      )
-    )
-  );
-};
-
-exports.default = DidNotArrive;
+export default DidNotArrive;

package/dist/DocumentEdit.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Icon from './Icon';
+
+const DocumentEdit = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  d: "M8 12h8v2H8v-2Zm2 8H6V4h7v5h5v3.1l2-2V8l-6-6H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h4v-2Zm-2-2h4.1l.9-.9V16H8v2Zm12.2-5c.1 0 .3.1.4.2l1.3 1.3c.2.2.2.6 0 .8l-1 1-2.1-2.1 1-1c.1-.1.2-.2.4-.2Zm0 3.9L14.1 23H12v-2.1l6.1-6.1 2.1 2.1Z",
+  fill: "currentColor"
+}));
+
+export default DocumentEdit;

package/dist/Done.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Icon from './Icon';
+
+const Done = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  d: "M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2Z",
+  fill: "currentColor"
+}));
+
+export default Done;

package/dist/Download.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Icon from './Icon';
+
+const Download = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  d: "M2 12h2v5h16v-5h2v5c0 1.11-.89 2-2 2H4a2 2 0 0 1-2-2v-5Zm10 3 5.55-5.46-1.42-1.41L13 11.25V2h-2v9.25L7.88 8.13 6.46 9.55 12 15Z",
+  fill: "currentColor"
+}));
+
+export default Download;

package/dist/Drag.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import Icon from './Icon';
+
+const Drag = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  "clip-rule": "evenodd",
+  d: "M9 4c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm-2 8c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2Zm2 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2Zm8-14c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2Zm-2 4c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm-2 8c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2Z",
+  fill: "currentColor"
+}));
+
+export default Drag;

package/dist/Dropdown.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Icon from './Icon';
+
+const Dropdown = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  d: "m7 10 5 5 5-5H7Z",
+  fill: "currentColor"
+}));
+
+export default Dropdown;

package/dist/Edit.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Icon from './Icon';
+
+const Edit = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  d: "m14.06 9 .94.94L5.92 19H5v-.92L14.06 9Zm3.6-6c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29Zm-3.6 3.19L3 17.25V21h3.75L17.81 9.94l-3.75-3.75Z",
+  fill: "currentColor"
+}));
+
+export default Edit;

package/dist/Email.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import Icon from './Icon';
+
+const Email = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  "clip-rule": "evenodd",
+  d: "M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2ZM4 8l8 5 8-5v10H4V8Zm0-2 8 5 8-5H4Z",
+  fill: "currentColor"
+}));
+
+export default Email;

package/dist/Error.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Icon from './Icon';
+
+const Error = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  d: "M11 15h2v2h-2v-2Zm0-8h2v6h-2V7Zm1-5C6.47 2 2 6.5 2 12A10 10 0 1 0 12 2Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z",
+  fill: "currentColor"
+}));
+
+export default Error;

package/dist/Expand.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Icon from './Icon';
+
+const Expand = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41Z",
+  fill: "currentColor"
+}));
+
+export default Expand;

package/dist/Export.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Icon from './Icon';
+
+const Export = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  d: "M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6Zm4 18H6V4h7v5h5v11Zm-2-9v7.1L13.9 16l-2.8 2.8L8.3 16l2.8-2.8L8.9 11H16Z",
+  fill: "currentColor"
+}));
+
+export default Export;

package/dist/Filter.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import Icon from './Icon';
+
+const Filter = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  "clip-rule": "evenodd",
+  d: "M3 6v2h18V6H3Zm7 12h4v-2h-4v2Zm8-5H6v-2h12v2Z",
+  fill: "currentColor"
+}));
+
+export default Filter;

package/dist/FinancialReport.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Icon from './Icon';
+
+const FinancialReport = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  d: "M12 3C7.58 3 4 4.79 4 7v10c0 2.21 3.59 4 8 4s8-1.79 8-4V7c0-2.21-3.58-4-8-4Zm6 14c0 .5-2.13 2-6 2s-6-1.5-6-2v-2.23c1.61.78 3.72 1.23 6 1.23s4.39-.45 6-1.23V17Zm0-4.55c-1.3.95-3.58 1.55-6 1.55s-4.7-.6-6-1.55V9.64c1.47.83 3.61 1.36 6 1.36s4.53-.53 6-1.36v2.81ZM12 9C8.13 9 6 7.5 6 7s2.13-2 6-2 6 1.5 6 2-2.13 2-6 2Z",
+  fill: "currentColor"
+}));
+
+export default FinancialReport;

package/dist/FlagOff.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import Icon from './Icon';
+
+const FlagOff = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  "clip-rule": "evenodd",
+  d: "m13 4 1 2h6v10h-7l-1-2H7v7H5V4h8Zm1 10h4V8h-5l-1-2H7v6h6l1 2Z",
+  fill: "currentColor"
+}));
+
+export default FlagOff;

package/dist/FlagOn.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Icon from './Icon';
+
+const FlagOn = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  d: "M14.4 6 14 4H5v17h2v-7h5.6l.4 2h7V6h-5.6Z",
+  fill: "currentColor"
+}));
+
+export default FlagOn;

package/dist/Help.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import Icon from './Icon';
+
+const Help = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  "clip-rule": "evenodd",
+  d: "M11 18h2v-2h-2v2Zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8Zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4Z",
+  fill: "currentColor"
+}));
+
+export default Help;

package/dist/Hospital.js

@@ -1,24 +1,11 @@
-'use strict';
+import React from 'react';
+import Icon from './Icon';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+const Hospital = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  "clip-rule": "evenodd",
+  d: "M14.25 6.939h-1.501v1.516H11.25V6.939h-1.5V5.424h1.5V3.909h1.499v1.515h1.5v1.515ZM5 20h3v-3H5v3Zm0-5h3v-3H5v3Zm11 5h3v-3h-3v3Zm0-5h3v-3h-3v3Zm-6 0h4v-3h-4v3Zm6.5-7.545V2h-9v5.455H3.9c-.497 0-.9.407-.9.909V22h7.063v-4.964h4.003V22H21V8.364a.905.905 0 0 0-.9-.909h-3.6Z",
+  fill: "currentColor"
+}));
 
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _core = require('@vitality-ds/core');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Hospital = function Hospital(props) {
-  return _react2.default.createElement(
-    _core.Icon,
-    props,
-    _react2.default.createElement('path', { fill: 'none', d: 'M12.9 3.5h-1.8v1.8H9.3v1.8h1.8v1.8h1.8V7.1h1.8V5.3h-1.8z' }),
-    _react2.default.createElement('path', { d: 'M20.1 7.5h-3.6V2h-9v5.5H3.9c-.5 0-.9.4-.9.9V22h7.1v-5h4v5H21V8.4c0-.5-.4-.9-.9-.9zM8 20H5v-3h3v3zm0-5H5v-3h3v3zm6 0h-4v-3h4v3zm.7-7.9h-1.8v1.8h-1.8V7.1H9.3V5.3h1.8V3.5h1.8v1.8h1.8v1.8zM19 20h-3v-3h3v3zm0-5h-3v-3h3v3z' })
-  );
-};
-
-exports.default = Hospital;
+export default Hospital;

package/dist/Icon/index.js

@@ -0,0 +1,42 @@
+import React from "react";
+import PropTypes from "prop-types";
+import { BaseIcon } from "./styled";
+
+function Icon({
+  viewBox,
+  size,
+  color,
+  verticalAlign,
+  title,
+  children
+}) {
+  return /*#__PURE__*/React.createElement(BaseIcon, {
+    viewBox: viewBox,
+    color: color,
+    size: size,
+    css: {
+      verticalAlign
+    } //  If the user passes a title, we use that to describe the icon
+    ,
+    "aria-hidden": title ? "false" : "true" // If the user passes a title, we tell screen readers that the icon's role is as an image
+    ,
+    role: title && "img"
+  }, title && /*#__PURE__*/React.createElement("title", null, title), children);
+}
+
+Icon.propTypes = {
+  viewBox: PropTypes.string,
+  size: PropTypes.string,
+  color: PropTypes.string,
+  verticalAlign: PropTypes.string,
+  title: PropTypes.string,
+  children: PropTypes.node.isRequired
+};
+Icon.defaultProps = {
+  viewBox: "0 0 24 24",
+  size: "default",
+  color: "lowContrast",
+  verticalAlign: "middle",
+  title: undefined
+};
+export default Icon;

package/dist/Icon/styled.js

@@ -0,0 +1,4 @@
+import { styled } from "@vitality-ds/system";
+import baseIconStyles from "./styles/BaseIcon.styles.js"; // eslint-disable-next-line import/prefer-default-export
+
+export const BaseIcon = styled("svg", baseIconStyles);

package/dist/Icon/styles/BaseIcon.styles.js

@@ -0,0 +1,67 @@
+import { css, getColorScaleValueByUseCase } from "@vitality-ds/system";
+import { colorUseCases } from "@vitality-ds/tokens";
+export default css({
+  $$size: "1em",
+  $$color: getColorScaleValueByUseCase("greyA", colorUseCases.text.hiContrast),
+  lineHeight: "1em",
+  verticalAlign: "middle",
+  width: "$$size",
+  height: "$$size",
+  // Aligning to text baseline = most Icons have 2px spacing -> 2/24 * 2 = 0.166
+  marginTop: "-.166em",
+  "& path": {
+    fill: "$$color"
+  },
+  variants: {
+    /**
+     * Sets the color of the icon
+     */
+    color: {
+      inherit: {
+        $$color: "currentColor"
+      },
+      text: {
+        $$color: getColorScaleValueByUseCase("greyA", colorUseCases.text.hiContrast)
+      },
+      success: {
+        $$color: getColorScaleValueByUseCase("success", colorUseCases.backgrounds.uiElementSolid)
+      },
+      critical: {
+        $$color: getColorScaleValueByUseCase("critical", colorUseCases.backgrounds.uiElementSolid)
+      },
+      warning: {
+        $$color: getColorScaleValueByUseCase("warning", colorUseCases.backgrounds.uiElementSolid)
+      },
+      info: {
+        $$color: getColorScaleValueByUseCase("info", colorUseCases.backgrounds.uiElementSolid)
+      },
+      moderate: {
+        $$color: getColorScaleValueByUseCase("yellow", colorUseCases.backgrounds.uiElementSolid)
+      },
+      primary: {
+        $$color: getColorScaleValueByUseCase("primary", colorUseCases.backgrounds.uiElementSolid)
+      },
+      lowContrast: {
+        $$color: getColorScaleValueByUseCase("greyA", colorUseCases.text.lowContrast)
+      }
+    },
+
+    /**
+     * Sets the size of the icon. If set to `inherit`, the icon will inherit the font size of its parent.
+     */
+    size: {
+      inherit: {
+        $$size: "1em"
+      },
+      small: {
+        $$size: "16px"
+      },
+      default: {
+        $$size: "24px"
+      },
+      large: {
+        $$size: "32px"
+      }
+    }
+  }
+});

package/dist/Import.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Icon from './Icon';
+
+const Import = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  d: "M14 2H6a2 2 0 0 0-2 2v16c0 1.11.89 2 2 2h12c1.11 0 2-.89 2-2V8l-6-6Zm4 18H6V4h7v5h5v11Zm-3-8.07V19H7.93l2.12-2.12-2.83-2.83 2.83-2.83 2.83 2.83L15 11.93Z",
+  fill: "currentColor"
+}));
+
+export default Import;

package/dist/Info.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import Icon from './Icon';
+
+const Info = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  "clip-rule": "evenodd",
+  d: "M2 12C2 6.48 6.48 2 12 2s10 4.48 10 10-4.48 10-10 10S2 17.52 2 12Zm11-1v6h-2v-6h2Zm-1 9c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8Zm1-13v2h-2V7h2Z",
+  fill: "currentColor"
+}));
+
+export default Info;

package/dist/Invoice.js

@@ -1,24 +1,12 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _core = require('@vitality-ds/core');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Invoice = function Invoice(props) {
-  return _react2.default.createElement(
-    _core.Icon,
-    props,
-    _react2.default.createElement('path', { fill: 'none', d: 'M0 0h24v24H0z' }),
-    _react2.default.createElement('path', { d: 'M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zM6 20V4h7v4h5v12H6zm5-1h2v-1h1c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1h-3v-1h4v-2h-2V9h-2v1h-1c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3v1H9v2h2v1z' })
-  );
-};
-
-exports.default = Invoice;
+import React from 'react';
+import Icon from './Icon';
+
+const Invoice = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6Zm4 18H6V4h7v5h5v11Z",
+  fill: "currentColor"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M9.5 15.5h1c0 .54.685 1 1.5 1s1.5-.46 1.5-1c0-.55-.52-.75-1.62-1.015-1.06-.265-2.38-.595-2.38-1.985 0-.895.735-1.655 1.75-1.91V9.5h1.5v1.09c1.015.255 1.75 1.015 1.75 1.91h-1c0-.54-.685-1-1.5-1s-1.5.46-1.5 1c0 .55.52.75 1.62 1.015 1.06.265 2.38.595 2.38 1.985 0 .895-.735 1.655-1.75 1.91v1.09h-1.5v-1.09c-1.015-.255-1.75-1.015-1.75-1.91Z",
+  fill: "currentColor"
+}));
+
+export default Invoice;

package/dist/InvoiceAdjusted.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Icon from './Icon';
+
+const InvoiceAdjusted = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  d: "M3 17v2h6v-2H3ZM3 5v2h10V5H3Zm10 16v-2h8v-2h-8v-2h-2v6h2ZM7 9v2H3v2h4v2h2V9H7Zm14 4v-2H11v2h10Zm-6-4h2V7h4V5h-4V3h-2v6Z",
+  fill: "currentColor"
+}));
+
+export default InvoiceAdjusted;

package/dist/ItemReport.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Icon from './Icon';
+
+const ItemReport = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  d: "M19 15v4H5v-4h14Zm1-2H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1ZM7 18.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3ZM19 5v4H5V5h14Zm1-2H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1ZM7 8.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z",
+  fill: "currentColor"
+}));
+
+export default ItemReport;

package/dist/Label.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Icon from './Icon';
+
+const Label = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  d: "m21.41 11.58-9-9A2 2 0 0 0 11 2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 .59 1.42l9 9A2 2 0 0 0 13 22a2 2 0 0 0 1.41-.59l7-7A2 2 0 0 0 22 13a2 2 0 0 0-.59-1.42ZM13 20l-9-9V4h7l9 9-7 7ZM6.5 5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z",
+  fill: "currentColor"
+}));
+
+export default Label;

package/dist/Legend.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Icon from './Icon';
+
+const Legend = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  d: "M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Z",
+  fill: "currentColor"
+}));
+
+export default Legend;

package/dist/Letter.js

@@ -1,23 +1,11 @@
-'use strict';
+import React from 'react';
+import Icon from './Icon';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+const Letter = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  "clip-rule": "evenodd",
+  d: "M6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2Zm7 7h5.5L13 3.5V9ZM6 4h5v7h7v9H6V4Zm2 9h8v2H8v-2Zm6 5v-2H8v2h6Z",
+  fill: "currentColor"
+}));
 
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _core = require('@vitality-ds/core');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Letter = function Letter(props) {
-  return _react2.default.createElement(
-    _core.Icon,
-    props,
-    _react2.default.createElement('path', { d: 'M6 2h8l6 6v12a2 2 0 01-2 2H6a2 2 0 01-2-2V4c0-1.11.89-2 2-2zm7 7h5.5L13 3.5V9zm-2-5H6v16h12v-9h-7V4zm-3 9h8v2H8v-2zm0 3h6v2H8v-2z', fill: 'currentColor', fillRule: 'nonzero' })
-  );
-};
-
-exports.default = Letter;
+export default Letter;

package/dist/Link.js

@@ -1,24 +1,9 @@
-'use strict';
+import React from 'react';
+import Icon from './Icon';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+const Link = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  d: "M10.59 13.41c.41.39.41 1.03 0 1.42-.39.39-1.03.39-1.42 0a5.003 5.003 0 0 1 0-7.07l3.54-3.54a5.003 5.003 0 0 1 7.07 0 5.003 5.003 0 0 1 0 7.07l-1.49 1.49c.01-.82-.12-1.64-.4-2.42l.47-.48a2.982 2.982 0 0 0 0-4.24 2.982 2.982 0 0 0-4.24 0l-3.53 3.53a2.982 2.982 0 0 0 0 4.24Zm2.82-4.24c.39-.39 1.03-.39 1.42 0a5.003 5.003 0 0 1 0 7.07l-3.54 3.54a5.003 5.003 0 0 1-7.07 0 5.003 5.003 0 0 1 0-7.07l1.49-1.49c-.01.82.12 1.64.4 2.43l-.47.47a2.982 2.982 0 0 0 0 4.24 2.982 2.982 0 0 0 4.24 0l3.53-3.53a2.982 2.982 0 0 0 0-4.24.973.973 0 0 1 0-1.42Z",
+  fill: "currentColor"
+}));
 
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _core = require('@vitality-ds/core');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Link = function Link(props) {
-  return _react2.default.createElement(
-    _core.Icon,
-    props,
-    _react2.default.createElement('path', { d: 'M10.59 13.41c.41.39.41 1.03 0 1.42-.39.39-1.03.39-1.42 0a5.003 5.003 0 010-7.07l3.54-3.54a5.003 5.003 0 017.07 0 5.003 5.003 0 010 7.07l-1.49 1.49c.01-.82-.12-1.64-.4-2.42l.47-.48a2.982 2.982 0 000-4.24 2.982 2.982 0 00-4.24 0l-3.53 3.53a2.982 2.982 0 000 4.24zm2.82-4.24c.39-.39 1.03-.39 1.42 0a5.003 5.003 0 010 7.07l-3.54 3.54a5.003 5.003 0 01-7.07 0 5.003 5.003 0 010-7.07l1.49-1.49c-.01.82.12 1.64.4 2.43l-.47.47a2.982 2.982 0 000 4.24 2.982 2.982 0 004.24 0l3.53-3.53a2.982 2.982 0 000-4.24.973.973 0 010-1.42z', id: 'a' }),
-    _react2.default.createElement('use', { fill: 'currentColor', fillRule: 'nonzero' })
-  );
-};
-
-exports.default = Link;
+export default Link;

package/dist/LinkOff.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import Icon from './Icon';
+
+const LinkOff = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  "clip-rule": "evenodd",
+  d: "M5.11 7.38 2 4.27 3.27 3 20 19.74 18.74 21l-4.01-4H13v-1.73L10.73 13H8v-2h.73L6.66 8.93A3.097 3.097 0 0 0 3.9 12c0 1.71 1.39 3.1 3.1 3.1h4V17H7c-2.76 0-5-2.24-5-5 0-2.09 1.29-3.88 3.11-4.62ZM17 7h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1 0 1.43-.98 2.63-2.31 2.98l1.46 1.46C20.88 15.61 22 13.95 22 12c0-2.76-2.24-5-5-5Zm-1 4h-2.19l2 2H16v-2Z",
+  fill: "currentColor"
+}));
+
+export default LinkOff;

package/dist/Logout.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Icon from './Icon';
+
+const Logout = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  d: "M19 3H5c-1.11 0-2 .89-2 2v4h2V5h14v14H5v-4H3v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2Zm-8.92 12.58L11.5 17l5-5-5-5-1.42 1.41L12.67 11H3v2h9.67l-2.59 2.58Z",
+  fill: "currentColor"
+}));
+
+export default Logout;

package/dist/Medications.js

@@ -1,24 +1,11 @@
-'use strict';
+import React from 'react';
+import Icon from './Icon';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+const Medications = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  "clip-rule": "evenodd",
+  d: "m11.29 4.22-7.07 7.07a6.011 6.011 0 0 0 0 8.49c2.34 2.34 6.14 2.34 8.49 0l7.07-7.07c2.34-2.35 2.34-6.15 0-8.49a6.011 6.011 0 0 0-8.49 0ZM4.6 16.57a3.976 3.976 0 0 1 1.04-3.86l7.07-7.07a3.978 3.978 0 0 1 5.65 0 3.978 3.978 0 0 1 0 5.65l-3.53 3.54-4.24-4.24-5.99 5.98Z",
+  fill: "currentColor"
+}));
 
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _core = require('@vitality-ds/core');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Medications = function Medications(props) {
-  return _react2.default.createElement(
-    _core.Icon,
-    props,
-    _react2.default.createElement('path', { d: 'M4.22 11.29l7.07-7.07a6.011 6.011 0 018.49 0c2.34 2.34 2.34 6.14 0 8.49l-7.07 7.07c-2.35 2.34-6.15 2.34-8.49 0a6.011 6.011 0 010-8.49zm1.42 1.42a3.976 3.976 0 00-1.04 3.86l5.99-5.98 4.24 4.24 3.53-3.54a3.978 3.978 0 000-5.65 3.978 3.978 0 00-5.65 0l-7.07 7.07z', id: 'a' }),
-    _react2.default.createElement('use', { fill: 'currentColor', fillRule: 'nonzero' })
-  );
-};
-
-exports.default = Medications;
+export default Medications;

package/dist/MedicationsAdverseReactions.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import Icon from './Icon';
+
+const MedicationsAdverseReactions = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  "clip-rule": "evenodd",
+  d: "M2 12C2 6.48 6.47 2 11.99 2 17.52 2 22 6.48 22 12s-4.48 10-10.01 10C6.47 22 2 17.52 2 12Zm2 0c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8-8 3.58-8 8Zm13-2.5c0 .83-.67 1.5-1.5 1.5S14 10.33 14 9.5 14.67 8 15.5 8s1.5.67 1.5 1.5Zm-7 0c0 .83-.67 1.5-1.5 1.5S7 10.33 7 9.5 7.67 8 8.5 8s1.5.67 1.5 1.5Zm6 6.5v-2H8v2h8Z",
+  fill: "currentColor"
+}));
+
+export default MedicationsAdverseReactions;

package/dist/MedicationsCustomMedication.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import Icon from './Icon';
+
+const MedicationsCustomMedication = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  "clip-rule": "evenodd",
+  d: "m21 8-2 6 2 6v2H3v-2l2-6-2-6V6h12.7l1.5-4 .41.143 1.89.657-.45 1.2-.252.673L18.3 6H21v2Zm-3.897 6.633L18.892 20H5.108l1.79-5.367.21-.633-.21-.633L5.107 8H18.892l-1.79 5.367-.21.633.21.633ZM16 13h-3v-3h-2v3H8v2h3v3h2v-3h3v-2Z",
+  fill: "currentColor"
+}));
+
+export default MedicationsCustomMedication;

package/dist/MedicationsInfo.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Icon from './Icon';
+
+const MedicationsInfo = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  d: "M21 4H3a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2ZM3 19V6h8v13H3Zm18 0h-8V6h8v13Zm-7-9.5h6V11h-6V9.5Zm0 2.5h6v1.5h-6V12Zm0 2.5h6V16h-6v-1.5Z",
+  fill: "currentColor"
+}));
+
+export default MedicationsInfo;

package/dist/MedicationsOverride.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Icon from './Icon';
+
+const MedicationsOverride = props => /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("path", {
+  d: "M11.17 13.241a2.068 2.068 0 1 1 0 4.136 2.068 2.068 0 0 1 0-4.136ZM23 7.934l-1.65 7.111-7.09-1.65 3.922-2.458a8.25 8.25 0 0 0-15.152 2.97L1 13.544A10.329 10.329 0 0 1 19.942 9.87L23 7.934Z",
+  fill: "currentColor"
+}));
+
+export default MedicationsOverride;