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

package/dist/FinancialReport.js

@@ -1,23 +1,22 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports["default"] = void 0;
 
-var _react = require('react');
+var _react = _interopRequireDefault(require("react"));
 
-var _react2 = _interopRequireDefault(_react);
+var _Icon = _interopRequireDefault(require("./Icon"));
 
-var _core = require('@vitality-ds/core');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var FinancialReport = function FinancialReport(props) {
-  return _react2.default.createElement(
-    _core.Icon,
-    props,
-    _react2.default.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' })
-  );
+  return /*#__PURE__*/_react["default"].createElement(_Icon["default"], props, /*#__PURE__*/_react["default"].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"
+  }));
 };
 
-exports.default = FinancialReport;
+var _default = FinancialReport;
+exports["default"] = _default;

package/dist/FlagOff.js

@@ -1,23 +1,24 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports["default"] = void 0;
 
-var _react = require('react');
+var _react = _interopRequireDefault(require("react"));
 
-var _react2 = _interopRequireDefault(_react);
+var _Icon = _interopRequireDefault(require("./Icon"));
 
-var _core = require('@vitality-ds/core');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var FlagOff = function FlagOff(props) {
-  return _react2.default.createElement(
-    _core.Icon,
-    props,
-    _react2.default.createElement('path', { fillRule: 'evenodd', 'clip-rule': 'evenodd', d: 'M13 4l1 2h6v10h-7l-1-2H7v7H5V4h8zm1 10h4V8h-5l-1-2H7v6h6l1 2z', fill: 'currentColor' })
-  );
+  return /*#__PURE__*/_react["default"].createElement(_Icon["default"], props, /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    "clip-rule": "evenodd",
+    d: "m13 4 1 2h6v10h-7l-1-2H7v7H5V4h8Zm1 10h4V8h-5l-1-2H7v6h6l1 2Z",
+    fill: "currentColor"
+  }));
 };
 
-exports.default = FlagOff;
+var _default = FlagOff;
+exports["default"] = _default;

package/dist/FlagOn.js

@@ -1,23 +1,22 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports["default"] = void 0;
 
-var _react = require('react');
+var _react = _interopRequireDefault(require("react"));
 
-var _react2 = _interopRequireDefault(_react);
+var _Icon = _interopRequireDefault(require("./Icon"));
 
-var _core = require('@vitality-ds/core');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var FlagOn = function FlagOn(props) {
-  return _react2.default.createElement(
-    _core.Icon,
-    props,
-    _react2.default.createElement('path', { d: 'M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6h-5.6z', fill: 'currentColor' })
-  );
+  return /*#__PURE__*/_react["default"].createElement(_Icon["default"], props, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M14.4 6 14 4H5v17h2v-7h5.6l.4 2h7V6h-5.6Z",
+    fill: "currentColor"
+  }));
 };
 
-exports.default = FlagOn;
+var _default = FlagOn;
+exports["default"] = _default;

package/dist/Help.js

@@ -1,23 +1,24 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports["default"] = void 0;
 
-var _react = require('react');
+var _react = _interopRequireDefault(require("react"));
 
-var _react2 = _interopRequireDefault(_react);
+var _Icon = _interopRequireDefault(require("./Icon"));
 
-var _core = require('@vitality-ds/core');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var Help = function Help(props) {
-  return _react2.default.createElement(
-    _core.Icon,
-    props,
-    _react2.default.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' })
-  );
+  return /*#__PURE__*/_react["default"].createElement(_Icon["default"], props, /*#__PURE__*/_react["default"].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"
+  }));
 };
 
-exports.default = Help;
+var _default = Help;
+exports["default"] = _default;

package/dist/Hospital.js

@@ -1,23 +1,24 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports["default"] = void 0;
 
-var _react = require('react');
+var _react = _interopRequireDefault(require("react"));
 
-var _react2 = _interopRequireDefault(_react);
+var _Icon = _interopRequireDefault(require("./Icon"));
 
-var _core = require('@vitality-ds/core');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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', { 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 00-.9-.909h-3.6z', fill: 'currentColor' })
-  );
+  return /*#__PURE__*/_react["default"].createElement(_Icon["default"], props, /*#__PURE__*/_react["default"].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"
+  }));
 };
 
-exports.default = Hospital;
+var _default = Hospital;
+exports["default"] = _default;

package/dist/Icon/index.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styled = require("./styled");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function Icon(_ref) {
+  var viewBox = _ref.viewBox,
+      size = _ref.size,
+      color = _ref.color,
+      verticalAlign = _ref.verticalAlign,
+      title = _ref.title,
+      children = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement(_styled.BaseIcon, {
+    viewBox: viewBox,
+    color: color,
+    size: size,
+    css: {
+      verticalAlign: 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["default"].createElement("title", null, title), children);
+}
+
+Icon.propTypes = {
+  viewBox: _propTypes["default"].string,
+  size: _propTypes["default"].string,
+  color: _propTypes["default"].string,
+  verticalAlign: _propTypes["default"].string,
+  title: _propTypes["default"].string,
+  children: _propTypes["default"].node.isRequired
+};
+Icon.defaultProps = {
+  viewBox: "0 0 24 24",
+  size: "default",
+  color: "lowContrast",
+  verticalAlign: "middle",
+  title: undefined
+};
+var _default = Icon;
+exports["default"] = _default;

package/dist/Icon/styled.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BaseIcon = void 0;
+
+var _system = require("@vitality-ds/system");
+
+var _BaseIconStyles = _interopRequireDefault(require("./styles/BaseIcon.styles.js"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+// eslint-disable-next-line import/prefer-default-export
+var BaseIcon = (0, _system.styled)("svg", _BaseIconStyles["default"]);
+exports.BaseIcon = BaseIcon;

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

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _system = require("@vitality-ds/system");
+
+var _tokens = require("@vitality-ds/tokens");
+
+var _default = (0, _system.css)({
+  $$size: "1em",
+  $$color: (0, _system.getColorScaleValueByUseCase)("greyA", _tokens.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: (0, _system.getColorScaleValueByUseCase)("greyA", _tokens.colorUseCases.text.hiContrast)
+      },
+      success: {
+        $$color: (0, _system.getColorScaleValueByUseCase)("success", _tokens.colorUseCases.backgrounds.uiElementSolid)
+      },
+      critical: {
+        $$color: (0, _system.getColorScaleValueByUseCase)("critical", _tokens.colorUseCases.backgrounds.uiElementSolid)
+      },
+      warning: {
+        $$color: (0, _system.getColorScaleValueByUseCase)("warning", _tokens.colorUseCases.backgrounds.uiElementSolid)
+      },
+      info: {
+        $$color: (0, _system.getColorScaleValueByUseCase)("info", _tokens.colorUseCases.backgrounds.uiElementSolid)
+      },
+      moderate: {
+        $$color: (0, _system.getColorScaleValueByUseCase)("yellow", _tokens.colorUseCases.backgrounds.uiElementSolid)
+      },
+      primary: {
+        $$color: (0, _system.getColorScaleValueByUseCase)("primary", _tokens.colorUseCases.backgrounds.uiElementSolid)
+      },
+      lowContrast: {
+        $$color: (0, _system.getColorScaleValueByUseCase)("greyA", _tokens.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"
+      }
+    }
+  }
+});
+
+exports["default"] = _default;

package/dist/Import.js

@@ -1,23 +1,22 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports["default"] = void 0;
 
-var _react = require('react');
+var _react = _interopRequireDefault(require("react"));
 
-var _react2 = _interopRequireDefault(_react);
+var _Icon = _interopRequireDefault(require("./Icon"));
 
-var _core = require('@vitality-ds/core');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var Import = function Import(props) {
-  return _react2.default.createElement(
-    _core.Icon,
-    props,
-    _react2.default.createElement('path', { d: 'M14 2H6a2 2 0 00-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' })
-  );
+  return /*#__PURE__*/_react["default"].createElement(_Icon["default"], props, /*#__PURE__*/_react["default"].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"
+  }));
 };
 
-exports.default = Import;
+var _default = Import;
+exports["default"] = _default;

package/dist/Info.js

@@ -1,23 +1,24 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports["default"] = void 0;
 
-var _react = require('react');
+var _react = _interopRequireDefault(require("react"));
 
-var _react2 = _interopRequireDefault(_react);
+var _Icon = _interopRequireDefault(require("./Icon"));
 
-var _core = require('@vitality-ds/core');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var Info = function Info(props) {
-  return _react2.default.createElement(
-    _core.Icon,
-    props,
-    _react2.default.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' })
-  );
+  return /*#__PURE__*/_react["default"].createElement(_Icon["default"], props, /*#__PURE__*/_react["default"].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"
+  }));
 };
 
-exports.default = Info;
+var _default = Info;
+exports["default"] = _default;

package/dist/Invoice.js

@@ -1,24 +1,25 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports["default"] = void 0;
 
-var _react = require('react');
+var _react = _interopRequireDefault(require("react"));
 
-var _react2 = _interopRequireDefault(_react);
+var _Icon = _interopRequireDefault(require("./Icon"));
 
-var _core = require('@vitality-ds/core');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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', { d: 'M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm4 18H6V4h7v5h5v11z', fill: 'currentColor' }),
-    _react2.default.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' })
-  );
+  return /*#__PURE__*/_react["default"].createElement(_Icon["default"], props, /*#__PURE__*/_react["default"].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["default"].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"
+  }));
 };
 
-exports.default = Invoice;
+var _default = Invoice;
+exports["default"] = _default;

package/dist/InvoiceAdjusted.js

@@ -1,23 +1,22 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports["default"] = void 0;
 
-var _react = require('react');
+var _react = _interopRequireDefault(require("react"));
 
-var _react2 = _interopRequireDefault(_react);
+var _Icon = _interopRequireDefault(require("./Icon"));
 
-var _core = require('@vitality-ds/core');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var InvoiceAdjusted = function InvoiceAdjusted(props) {
-  return _react2.default.createElement(
-    _core.Icon,
-    props,
-    _react2.default.createElement('path', { d: 'M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z', fill: 'currentColor' })
-  );
+  return /*#__PURE__*/_react["default"].createElement(_Icon["default"], props, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M3 17v2h6v-2H3ZM3 5v2h10V5H3Zm10 16v-2h8v-2h-8v-2h-2v6h2ZM7 9v2H3v2h4v2h2V9H7Zm14 4v-2H11v2h10Zm-6-4h2V7h4V5h-4V3h-2v6Z",
+    fill: "currentColor"
+  }));
 };
 
-exports.default = InvoiceAdjusted;
+var _default = InvoiceAdjusted;
+exports["default"] = _default;

package/dist/ItemReport.js

@@ -1,23 +1,22 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports["default"] = void 0;
 
-var _react = require('react');
+var _react = _interopRequireDefault(require("react"));
 
-var _react2 = _interopRequireDefault(_react);
+var _Icon = _interopRequireDefault(require("./Icon"));
 
-var _core = require('@vitality-ds/core');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var ItemReport = function ItemReport(props) {
-  return _react2.default.createElement(
-    _core.Icon,
-    props,
-    _react2.default.createElement('path', { d: 'M19 15v4H5v-4h14zm1-2H4a1 1 0 00-1 1v6a1 1 0 001 1h16a1 1 0 001-1v-6a1 1 0 00-1-1zM7 18.5a1.5 1.5 0 110-3 1.5 1.5 0 010 3zM19 5v4H5V5h14zm1-2H4a1 1 0 00-1 1v6a1 1 0 001 1h16a1 1 0 001-1V4a1 1 0 00-1-1zM7 8.5a1.5 1.5 0 110-3 1.5 1.5 0 010 3z', fill: 'currentColor' })
-  );
+  return /*#__PURE__*/_react["default"].createElement(_Icon["default"], props, /*#__PURE__*/_react["default"].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"
+  }));
 };
 
-exports.default = ItemReport;
+var _default = ItemReport;
+exports["default"] = _default;

package/dist/Label.js

@@ -1,23 +1,22 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports["default"] = void 0;
 
-var _react = require('react');
+var _react = _interopRequireDefault(require("react"));
 
-var _react2 = _interopRequireDefault(_react);
+var _Icon = _interopRequireDefault(require("./Icon"));
 
-var _core = require('@vitality-ds/core');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var Label = function Label(props) {
-  return _react2.default.createElement(
-    _core.Icon,
-    props,
-    _react2.default.createElement('path', { d: 'M21.41 11.58l-9-9A2 2 0 0011 2H4a2 2 0 00-2 2v7a2 2 0 00.59 1.42l9 9A2 2 0 0013 22a2 2 0 001.41-.59l7-7A2 2 0 0022 13a2 2 0 00-.59-1.42zM13 20l-9-9V4h7l9 9-7 7zM6.5 5a1.5 1.5 0 110 3 1.5 1.5 0 010-3z', fill: 'currentColor' })
-  );
+  return /*#__PURE__*/_react["default"].createElement(_Icon["default"], props, /*#__PURE__*/_react["default"].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"
+  }));
 };
 
-exports.default = Label;
+var _default = Label;
+exports["default"] = _default;

package/dist/Legend.js

@@ -1,23 +1,22 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports["default"] = void 0;
 
-var _react = require('react');
+var _react = _interopRequireDefault(require("react"));
 
-var _react2 = _interopRequireDefault(_react);
+var _Icon = _interopRequireDefault(require("./Icon"));
 
-var _core = require('@vitality-ds/core');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var Legend = function Legend(props) {
-  return _react2.default.createElement(
-    _core.Icon,
-    props,
-    _react2.default.createElement('path', { d: 'M12 2a10 10 0 100 20 10 10 0 000-20z', fill: 'currentColor' })
-  );
+  return /*#__PURE__*/_react["default"].createElement(_Icon["default"], props, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Z",
+    fill: "currentColor"
+  }));
 };
 
-exports.default = Legend;
+var _default = Legend;
+exports["default"] = _default;

package/dist/Letter.js

@@ -1,23 +1,24 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports["default"] = void 0;
 
-var _react = require('react');
+var _react = _interopRequireDefault(require("react"));
 
-var _react2 = _interopRequireDefault(_react);
+var _Icon = _interopRequireDefault(require("./Icon"));
 
-var _core = require('@vitality-ds/core');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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', { fillRule: 'evenodd', 'clip-rule': 'evenodd', d: 'M6 2h8l6 6v12a2 2 0 01-2 2H6a2 2 0 01-2-2V4c0-1.11.89-2 2-2zm7 7h5.5L13 3.5V9zM6 4h5v7h7v9H6V4zm2 9h8v2H8v-2zm6 5v-2H8v2h6z', fill: 'currentColor' })
-  );
+  return /*#__PURE__*/_react["default"].createElement(_Icon["default"], props, /*#__PURE__*/_react["default"].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"
+  }));
 };
 
-exports.default = Letter;
+var _default = Letter;
+exports["default"] = _default;