@tenancy.nz/icons 1.0.1 → 1.0.7

package/dist/cjs/_virtual/_rollupPluginBabelHelpers.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+function _taggedTemplateLiteral(e, t) {
+  return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
+    raw: {
+      value: Object.freeze(t)
+    }
+  }));
+}
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+
+exports.taggedTemplateLiteral = _taggedTemplateLiteral;
+exports.typeof = _typeof;

package/dist/cjs/components/CircleCheckIcon.cjs

@@ -3,11 +3,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('react/jsx-runtime');
 var SVGIcon = require('./SVGIcon.cjs');
 
-function CircleCheckIcon({ color = "inherit", size = "medium" }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(SVGIcon.default, { color, size, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 640", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M320 112C434.9 112 528 205.1 528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112zM320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM404.4 276.7C411.4 265.5 408 250.7 396.8 243.6C385.6 236.5 370.8 240 363.7 251.2L302.3 349.5L275.3 313.5C267.3 302.9 252.3 300.7 241.7 308.7C231.1 316.7 228.9 331.7 236.9 342.3L284.9 406.3C289.6 412.6 297.2 416.2 305.1 415.9C313 415.6 320.2 411.4 324.4 404.6L404.4 276.6z" }) }) });
+function CircleCheckIcon(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "inherit" : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size;
+  return /* @__PURE__ */React.createElement(SVGIcon.default, {
+    color: color,
+    size: size
+  }, /* @__PURE__ */React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 640 640"
+  }, /* @__PURE__ */React.createElement("path", {
+    d: "M320 112C434.9 112 528 205.1 528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112zM320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM404.4 276.7C411.4 265.5 408 250.7 396.8 243.6C385.6 236.5 370.8 240 363.7 251.2L302.3 349.5L275.3 313.5C267.3 302.9 252.3 300.7 241.7 308.7C231.1 316.7 228.9 331.7 236.9 342.3L284.9 406.3C289.6 412.6 297.2 416.2 305.1 415.9C313 415.6 320.2 411.4 324.4 404.6L404.4 276.6z"
+  })));
 }
 
 exports.default = CircleCheckIcon;

package/dist/cjs/components/CircleTimesIcon.cjs

@@ -3,11 +3,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('react/jsx-runtime');
 var SVGIcon = require('./SVGIcon.cjs');
 
-function CircleTimesIcon({ color = "inherit", size = "medium" }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(SVGIcon.default, { color, size, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 640", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M320 112C434.9 112 528 205.1 528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112zM320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM231 231C221.6 240.4 221.6 255.6 231 264.9L286 319.9L231 374.9C221.6 384.3 221.6 399.5 231 408.8C240.4 418.1 255.6 418.2 264.9 408.8L319.9 353.8L374.9 408.8C384.3 418.2 399.5 418.2 408.8 408.8C418.1 399.4 418.2 384.2 408.8 374.9L353.8 319.9L408.8 264.9C418.2 255.5 418.2 240.3 408.8 231C399.4 221.7 384.2 221.6 374.9 231L319.9 286L264.9 231C255.5 221.6 240.3 221.6 231 231z" }) }) });
+function CircleTimesIcon(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "inherit" : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size;
+  return /* @__PURE__ */React.createElement(SVGIcon.default, {
+    color: color,
+    size: size
+  }, /* @__PURE__ */React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 640 640"
+  }, /* @__PURE__ */React.createElement("path", {
+    d: "M320 112C434.9 112 528 205.1 528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112zM320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM231 231C221.6 240.4 221.6 255.6 231 264.9L286 319.9L231 374.9C221.6 384.3 221.6 399.5 231 408.8C240.4 418.1 255.6 418.2 264.9 408.8L319.9 353.8L374.9 408.8C384.3 418.2 399.5 418.2 408.8 408.8C418.1 399.4 418.2 384.2 408.8 374.9L353.8 319.9L408.8 264.9C418.2 255.5 418.2 240.3 408.8 231C399.4 221.7 384.2 221.6 374.9 231L319.9 286L264.9 231C255.5 221.6 240.3 221.6 231 231z"
+  })));
 }
 
 exports.default = CircleTimesIcon;

package/dist/cjs/components/EnvelopeIcon.cjs

@@ -3,11 +3,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('react/jsx-runtime');
 var SVGIcon = require('./SVGIcon.cjs');
 
-function EnvelopeIcon({ color = "inherit", size = "medium" }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(SVGIcon.default, { color, size, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 640", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M112 128C85.5 128 64 149.5 64 176C64 191.1 71.1 205.3 83.2 214.4L291.2 370.4C308.3 383.2 331.7 383.2 348.8 370.4L556.8 214.4C568.9 205.3 576 191.1 576 176C576 149.5 554.5 128 528 128L112 128zM64 260L64 448C64 483.3 92.7 512 128 512L512 512C547.3 512 576 483.3 576 448L576 260L377.6 408.8C343.5 434.4 296.5 434.4 262.4 408.8L64 260z" }) }) });
+function EnvelopeIcon(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "inherit" : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size;
+  return /* @__PURE__ */React.createElement(SVGIcon.default, {
+    color: color,
+    size: size
+  }, /* @__PURE__ */React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 640 640"
+  }, /* @__PURE__ */React.createElement("path", {
+    d: "M112 128C85.5 128 64 149.5 64 176C64 191.1 71.1 205.3 83.2 214.4L291.2 370.4C308.3 383.2 331.7 383.2 348.8 370.4L556.8 214.4C568.9 205.3 576 191.1 576 176C576 149.5 554.5 128 528 128L112 128zM64 260L64 448C64 483.3 92.7 512 128 512L512 512C547.3 512 576 483.3 576 448L576 260L377.6 408.8C343.5 434.4 296.5 434.4 262.4 408.8L64 260z"
+  })));
 }
 
 exports.default = EnvelopeIcon;

package/dist/cjs/components/Icon.cjs

@@ -3,17 +3,25 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('react/jsx-runtime');
 var Icon_styled = require('./Icon.styled.cjs');
 var kebabToSnakeCase = require('../utils/kebabToSnakeCase.cjs');
 var map = require('../utils/map.cjs');
 
-function Icon({ color = "inherit", name, size = "medium" }) {
-  const code = map.default[kebabToSnakeCase.default(name)] || "";
+function Icon(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "inherit" : _ref$color,
+    name = _ref.name,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size;
+  var code = map.default[kebabToSnakeCase.default(name)] || "";
   if (!code) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(Icon_styled.default, { code, color, size });
+  return /* @__PURE__ */React.createElement(Icon_styled.default, {
+    code: code,
+    color: color,
+    size: size
+  });
 }
 
 exports.default = Icon;

package/dist/cjs/components/Icon.styled.cjs

@@ -3,11 +3,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var getObjectProp = require('../utils/getObjectProp.cjs');
 
-const fontSize = (size) => {
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var fontSize = function fontSize(size) {
   if (size === "small") {
     return "12px";
   }
@@ -18,39 +20,16 @@ const fontSize = (size) => {
     return "21px";
   }
   if (typeof size === "number") {
-    return `${size}px`;
+    return "".concat(size, "px");
   }
   return size;
 };
-const StyledIcon = styled.i`
-  ${({ color, code, size, theme }) => react.css`
-    font-family: 'FontTenancyIcon';
-    -moz-osx-font-smoothing: grayscale;
-    -webkit-font-smoothing: antialiased;
-    display: inline-block;
-    text-rendering: auto;
-    line-height: 1;
-    vertical-align: middle;
-    position: relative;
-    top: -1px;
-    font-style: normal;
-    font-variant: normal;
-    font-size: ${fontSize(size)};
-
-    ${code && react.css`
-      &:before {
-        content: '${code}';
-      }
-    `}
-
-    ${color === "inherit" && react.css`
-      color: inherit;
-    `}
-
-    ${color !== "inherit" && react.css`
-      color: ${getObjectProp.default(theme, `vars.palette.${color}.main`, color)};
-    `}
-  `}
-`;
+var StyledIcon = styled.i(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+  var color = _ref.color,
+    code = _ref.code,
+    size = _ref.size,
+    theme = _ref.theme;
+  return react.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    font-family: 'FontTenancyIcon';\n    -moz-osx-font-smoothing: grayscale;\n    -webkit-font-smoothing: antialiased;\n    display: inline-block;\n    text-rendering: auto;\n    line-height: 1;\n    vertical-align: middle;\n    position: relative;\n    top: -1px;\n    font-style: normal;\n    font-variant: normal;\n    font-size: ", ";\n\n    ", "\n\n    ", "\n\n    ", "\n  "])), fontSize(size), code && react.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      &:before {\n        content: '", "';\n      }\n    "])), code), color === "inherit" && react.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      color: inherit;\n    "]))), color !== "inherit" && react.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      color: ", ";\n    "])), getObjectProp.default(theme, "vars.palette.".concat(color, ".main"), color)));
+});
 
 exports.default = StyledIcon;

package/dist/cjs/components/PhoneIcon.cjs

@@ -3,11 +3,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('react/jsx-runtime');
 var SVGIcon = require('./SVGIcon.cjs');
 
-function PhoneIcon({ color = "inherit", size = "medium" }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(SVGIcon.default, { color, size, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 640", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M224.2 89C216.3 70.1 195.7 60.1 176.1 65.4L170.6 66.9C106 84.5 50.8 147.1 66.9 223.3C104 398.3 241.7 536 416.7 573.1C493 589.3 555.5 534 573.1 469.4L574.6 463.9C580 444.2 569.9 423.6 551.1 415.8L453.8 375.3C437.3 368.4 418.2 373.2 406.8 387.1L368.2 434.3C297.9 399.4 241.3 341 208.8 269.3L253 233.3C266.9 222 271.6 202.9 264.8 186.3L224.2 89z" }) }) });
+function PhoneIcon(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "inherit" : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size;
+  return /* @__PURE__ */React.createElement(SVGIcon.default, {
+    color: color,
+    size: size
+  }, /* @__PURE__ */React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 640 640"
+  }, /* @__PURE__ */React.createElement("path", {
+    d: "M224.2 89C216.3 70.1 195.7 60.1 176.1 65.4L170.6 66.9C106 84.5 50.8 147.1 66.9 223.3C104 398.3 241.7 536 416.7 573.1C493 589.3 555.5 534 573.1 469.4L574.6 463.9C580 444.2 569.9 423.6 551.1 415.8L453.8 375.3C437.3 368.4 418.2 373.2 406.8 387.1L368.2 434.3C297.9 399.4 241.3 341 208.8 269.3L253 233.3C266.9 222 271.6 202.9 264.8 186.3L224.2 89z"
+  })));
 }
 
 exports.default = PhoneIcon;

package/dist/cjs/components/SVGIcon.cjs

@@ -3,32 +3,28 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('react/jsx-runtime');
 var ui = require('@tenancy.nz/ui');
 
-function SVGIcon({
-  children,
-  color = "inherit",
-  size = "medium"
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Box,
-    {
-      color,
-      fontSize: size,
-      display: "inline-flex",
-      sx: {
-        "> svg": {
-          width: "1em",
-          height: "1em",
-          fill: "currentColor",
-          color: "currentColor",
-          fontSize: "inherit"
-        }
-      },
-      children
+function SVGIcon(_ref) {
+  var children = _ref.children,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "inherit" : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size;
+  return /* @__PURE__ */React.createElement(ui.Box, {
+    color: color,
+    fontSize: size,
+    display: "inline-flex",
+    sx: {
+      "> svg": {
+        width: "1em",
+        height: "1em",
+        fill: "currentColor",
+        color: "currentColor",
+        fontSize: "inherit"
+      }
     }
-  );
+  }, children);
 }
 
 exports.default = SVGIcon;

package/dist/cjs/components/UserIcon.cjs

@@ -3,11 +3,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('react/jsx-runtime');
 var SVGIcon = require('./SVGIcon.cjs');
 
-function UserIcon({ color = "inherit", size = "medium" }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(SVGIcon.default, { color, size, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 640", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M320 312C386.3 312 440 258.3 440 192C440 125.7 386.3 72 320 72C253.7 72 200 125.7 200 192C200 258.3 253.7 312 320 312zM290.3 368C191.8 368 112 447.8 112 546.3C112 562.7 125.3 576 141.7 576L498.3 576C514.7 576 528 562.7 528 546.3C528 447.8 448.2 368 349.7 368L290.3 368z" }) }) });
+function UserIcon(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "inherit" : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size;
+  return /* @__PURE__ */React.createElement(SVGIcon.default, {
+    color: color,
+    size: size
+  }, /* @__PURE__ */React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 640 640"
+  }, /* @__PURE__ */React.createElement("path", {
+    d: "M320 312C386.3 312 440 258.3 440 192C440 125.7 386.3 72 320 72C253.7 72 200 125.7 200 192C200 258.3 253.7 312 320 312zM290.3 368C191.8 368 112 447.8 112 546.3C112 562.7 125.3 576 141.7 576L498.3 576C514.7 576 528 562.7 528 546.3C528 447.8 448.2 368 349.7 368L290.3 368z"
+  })));
 }
 
 exports.default = UserIcon;

package/dist/cjs/utils/getObjectProp.cjs

@@ -3,8 +3,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const isObject = (object) => typeof object === "object" && object instanceof Object && !Array.isArray(object);
-const getObjectProp = (obj, prop, fallback = "") => prop.split(".").reduce((value, key) => isObject(value) && value[key] || fallback, obj);
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
+
+var isObject = function isObject(object) {
+  return _rollupPluginBabelHelpers.typeof(object) === "object" && object instanceof Object && !Array.isArray(object);
+};
+var getObjectProp = function getObjectProp(obj, prop) {
+  var fallback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
+  return prop.split(".").reduce(function (value, key) {
+    return isObject(value) && value[key] || fallback;
+  }, obj);
+};
 
 exports.default = getObjectProp;
 exports.isObject = isObject;

package/dist/cjs/utils/kebabToSnakeCase.cjs

@@ -3,6 +3,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const kebabToSnakeCase = (str) => String(str).replace(/-/g, "_");
+var kebabToSnakeCase = function kebabToSnakeCase(str) {
+  return String(str).replace(/-/g, "_");
+};
 
 exports.default = kebabToSnakeCase;

package/dist/cjs/utils/map.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const map = {
+var map = {
   apple: "\\e000",
   book_reader: "\\e003",
   brand_bullhorn: "\\e02a",

package/dist/esm/_virtual/_rollupPluginBabelHelpers.js

@@ -0,0 +1,18 @@
+function _taggedTemplateLiteral(e, t) {
+  return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
+    raw: {
+      value: Object.freeze(t)
+    }
+  }));
+}
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+
+export { _taggedTemplateLiteral as taggedTemplateLiteral, _typeof as typeof };

package/dist/esm/components/CircleCheckIcon.js

@@ -1,9 +1,20 @@
 "use strict";
-import { jsx } from 'react/jsx-runtime';
 import SVGIcon from './SVGIcon.js';
 
-function CircleCheckIcon({ color = "inherit", size = "medium" }) {
-  return /* @__PURE__ */ jsx(SVGIcon, { color, size, children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 640", children: /* @__PURE__ */ jsx("path", { d: "M320 112C434.9 112 528 205.1 528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112zM320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM404.4 276.7C411.4 265.5 408 250.7 396.8 243.6C385.6 236.5 370.8 240 363.7 251.2L302.3 349.5L275.3 313.5C267.3 302.9 252.3 300.7 241.7 308.7C231.1 316.7 228.9 331.7 236.9 342.3L284.9 406.3C289.6 412.6 297.2 416.2 305.1 415.9C313 415.6 320.2 411.4 324.4 404.6L404.4 276.6z" }) }) });
+function CircleCheckIcon(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "inherit" : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size;
+  return /* @__PURE__ */React.createElement(SVGIcon, {
+    color: color,
+    size: size
+  }, /* @__PURE__ */React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 640 640"
+  }, /* @__PURE__ */React.createElement("path", {
+    d: "M320 112C434.9 112 528 205.1 528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112zM320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM404.4 276.7C411.4 265.5 408 250.7 396.8 243.6C385.6 236.5 370.8 240 363.7 251.2L302.3 349.5L275.3 313.5C267.3 302.9 252.3 300.7 241.7 308.7C231.1 316.7 228.9 331.7 236.9 342.3L284.9 406.3C289.6 412.6 297.2 416.2 305.1 415.9C313 415.6 320.2 411.4 324.4 404.6L404.4 276.6z"
+  })));
 }
 
 export { CircleCheckIcon as default };

package/dist/esm/components/CircleTimesIcon.js

@@ -1,9 +1,20 @@
 "use strict";
-import { jsx } from 'react/jsx-runtime';
 import SVGIcon from './SVGIcon.js';
 
-function CircleTimesIcon({ color = "inherit", size = "medium" }) {
-  return /* @__PURE__ */ jsx(SVGIcon, { color, size, children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 640", children: /* @__PURE__ */ jsx("path", { d: "M320 112C434.9 112 528 205.1 528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112zM320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM231 231C221.6 240.4 221.6 255.6 231 264.9L286 319.9L231 374.9C221.6 384.3 221.6 399.5 231 408.8C240.4 418.1 255.6 418.2 264.9 408.8L319.9 353.8L374.9 408.8C384.3 418.2 399.5 418.2 408.8 408.8C418.1 399.4 418.2 384.2 408.8 374.9L353.8 319.9L408.8 264.9C418.2 255.5 418.2 240.3 408.8 231C399.4 221.7 384.2 221.6 374.9 231L319.9 286L264.9 231C255.5 221.6 240.3 221.6 231 231z" }) }) });
+function CircleTimesIcon(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "inherit" : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size;
+  return /* @__PURE__ */React.createElement(SVGIcon, {
+    color: color,
+    size: size
+  }, /* @__PURE__ */React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 640 640"
+  }, /* @__PURE__ */React.createElement("path", {
+    d: "M320 112C434.9 112 528 205.1 528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112zM320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM231 231C221.6 240.4 221.6 255.6 231 264.9L286 319.9L231 374.9C221.6 384.3 221.6 399.5 231 408.8C240.4 418.1 255.6 418.2 264.9 408.8L319.9 353.8L374.9 408.8C384.3 418.2 399.5 418.2 408.8 408.8C418.1 399.4 418.2 384.2 408.8 374.9L353.8 319.9L408.8 264.9C418.2 255.5 418.2 240.3 408.8 231C399.4 221.7 384.2 221.6 374.9 231L319.9 286L264.9 231C255.5 221.6 240.3 221.6 231 231z"
+  })));
 }
 
 export { CircleTimesIcon as default };

package/dist/esm/components/EnvelopeIcon.js

@@ -1,9 +1,20 @@
 "use strict";
-import { jsx } from 'react/jsx-runtime';
 import SVGIcon from './SVGIcon.js';
 
-function EnvelopeIcon({ color = "inherit", size = "medium" }) {
-  return /* @__PURE__ */ jsx(SVGIcon, { color, size, children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 640", children: /* @__PURE__ */ jsx("path", { d: "M112 128C85.5 128 64 149.5 64 176C64 191.1 71.1 205.3 83.2 214.4L291.2 370.4C308.3 383.2 331.7 383.2 348.8 370.4L556.8 214.4C568.9 205.3 576 191.1 576 176C576 149.5 554.5 128 528 128L112 128zM64 260L64 448C64 483.3 92.7 512 128 512L512 512C547.3 512 576 483.3 576 448L576 260L377.6 408.8C343.5 434.4 296.5 434.4 262.4 408.8L64 260z" }) }) });
+function EnvelopeIcon(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "inherit" : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size;
+  return /* @__PURE__ */React.createElement(SVGIcon, {
+    color: color,
+    size: size
+  }, /* @__PURE__ */React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 640 640"
+  }, /* @__PURE__ */React.createElement("path", {
+    d: "M112 128C85.5 128 64 149.5 64 176C64 191.1 71.1 205.3 83.2 214.4L291.2 370.4C308.3 383.2 331.7 383.2 348.8 370.4L556.8 214.4C568.9 205.3 576 191.1 576 176C576 149.5 554.5 128 528 128L112 128zM64 260L64 448C64 483.3 92.7 512 128 512L512 512C547.3 512 576 483.3 576 448L576 260L377.6 408.8C343.5 434.4 296.5 434.4 262.4 408.8L64 260z"
+  })));
 }
 
 export { EnvelopeIcon as default };

package/dist/esm/components/Icon.js

@@ -1,15 +1,23 @@
 "use strict";
-import { jsx } from 'react/jsx-runtime';
 import StyledIcon from './Icon.styled.js';
 import kebabToSnakeCase from '../utils/kebabToSnakeCase.js';
 import map from '../utils/map.js';
 
-function Icon({ color = "inherit", name, size = "medium" }) {
-  const code = map[kebabToSnakeCase(name)] || "";
+function Icon(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "inherit" : _ref$color,
+    name = _ref.name,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size;
+  var code = map[kebabToSnakeCase(name)] || "";
   if (!code) {
     return null;
   }
-  return /* @__PURE__ */ jsx(StyledIcon, { code, color, size });
+  return /* @__PURE__ */React.createElement(StyledIcon, {
+    code: code,
+    color: color,
+    size: size
+  });
 }
 
 export { Icon as default };

package/dist/esm/components/Icon.styled.js

@@ -1,9 +1,11 @@
 "use strict";
+import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import getObjectProp from '../utils/getObjectProp.js';
 
-const fontSize = (size) => {
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var fontSize = function fontSize(size) {
   if (size === "small") {
     return "12px";
   }
@@ -14,39 +16,16 @@ const fontSize = (size) => {
     return "21px";
   }
   if (typeof size === "number") {
-    return `${size}px`;
+    return "".concat(size, "px");
   }
   return size;
 };
-const StyledIcon = styled.i`
-  ${({ color, code, size, theme }) => css`
-    font-family: 'FontTenancyIcon';
-    -moz-osx-font-smoothing: grayscale;
-    -webkit-font-smoothing: antialiased;
-    display: inline-block;
-    text-rendering: auto;
-    line-height: 1;
-    vertical-align: middle;
-    position: relative;
-    top: -1px;
-    font-style: normal;
-    font-variant: normal;
-    font-size: ${fontSize(size)};
-
-    ${code && css`
-      &:before {
-        content: '${code}';
-      }
-    `}
-
-    ${color === "inherit" && css`
-      color: inherit;
-    `}
-
-    ${color !== "inherit" && css`
-      color: ${getObjectProp(theme, `vars.palette.${color}.main`, color)};
-    `}
-  `}
-`;
+var StyledIcon = styled.i(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+  var color = _ref.color,
+    code = _ref.code,
+    size = _ref.size,
+    theme = _ref.theme;
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    font-family: 'FontTenancyIcon';\n    -moz-osx-font-smoothing: grayscale;\n    -webkit-font-smoothing: antialiased;\n    display: inline-block;\n    text-rendering: auto;\n    line-height: 1;\n    vertical-align: middle;\n    position: relative;\n    top: -1px;\n    font-style: normal;\n    font-variant: normal;\n    font-size: ", ";\n\n    ", "\n\n    ", "\n\n    ", "\n  "])), fontSize(size), code && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      &:before {\n        content: '", "';\n      }\n    "])), code), color === "inherit" && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      color: inherit;\n    "]))), color !== "inherit" && css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), getObjectProp(theme, "vars.palette.".concat(color, ".main"), color)));
+});
 
 export { StyledIcon as default };

package/dist/esm/components/PhoneIcon.js

@@ -1,9 +1,20 @@
 "use strict";
-import { jsx } from 'react/jsx-runtime';
 import SVGIcon from './SVGIcon.js';
 
-function PhoneIcon({ color = "inherit", size = "medium" }) {
-  return /* @__PURE__ */ jsx(SVGIcon, { color, size, children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 640", children: /* @__PURE__ */ jsx("path", { d: "M224.2 89C216.3 70.1 195.7 60.1 176.1 65.4L170.6 66.9C106 84.5 50.8 147.1 66.9 223.3C104 398.3 241.7 536 416.7 573.1C493 589.3 555.5 534 573.1 469.4L574.6 463.9C580 444.2 569.9 423.6 551.1 415.8L453.8 375.3C437.3 368.4 418.2 373.2 406.8 387.1L368.2 434.3C297.9 399.4 241.3 341 208.8 269.3L253 233.3C266.9 222 271.6 202.9 264.8 186.3L224.2 89z" }) }) });
+function PhoneIcon(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "inherit" : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size;
+  return /* @__PURE__ */React.createElement(SVGIcon, {
+    color: color,
+    size: size
+  }, /* @__PURE__ */React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 640 640"
+  }, /* @__PURE__ */React.createElement("path", {
+    d: "M224.2 89C216.3 70.1 195.7 60.1 176.1 65.4L170.6 66.9C106 84.5 50.8 147.1 66.9 223.3C104 398.3 241.7 536 416.7 573.1C493 589.3 555.5 534 573.1 469.4L574.6 463.9C580 444.2 569.9 423.6 551.1 415.8L453.8 375.3C437.3 368.4 418.2 373.2 406.8 387.1L368.2 434.3C297.9 399.4 241.3 341 208.8 269.3L253 233.3C266.9 222 271.6 202.9 264.8 186.3L224.2 89z"
+  })));
 }
 
 export { PhoneIcon as default };

package/dist/esm/components/SVGIcon.js

@@ -1,30 +1,26 @@
 "use strict";
-import { jsx } from 'react/jsx-runtime';
 import { Box } from '@tenancy.nz/ui';
 
-function SVGIcon({
-  children,
-  color = "inherit",
-  size = "medium"
-}) {
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      color,
-      fontSize: size,
-      display: "inline-flex",
-      sx: {
-        "> svg": {
-          width: "1em",
-          height: "1em",
-          fill: "currentColor",
-          color: "currentColor",
-          fontSize: "inherit"
-        }
-      },
-      children
+function SVGIcon(_ref) {
+  var children = _ref.children,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "inherit" : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size;
+  return /* @__PURE__ */React.createElement(Box, {
+    color: color,
+    fontSize: size,
+    display: "inline-flex",
+    sx: {
+      "> svg": {
+        width: "1em",
+        height: "1em",
+        fill: "currentColor",
+        color: "currentColor",
+        fontSize: "inherit"
+      }
     }
-  );
+  }, children);
 }
 
 export { SVGIcon as default };

package/dist/esm/components/UserIcon.js

@@ -1,9 +1,20 @@
 "use strict";
-import { jsx } from 'react/jsx-runtime';
 import SVGIcon from './SVGIcon.js';
 
-function UserIcon({ color = "inherit", size = "medium" }) {
-  return /* @__PURE__ */ jsx(SVGIcon, { color, size, children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 640", children: /* @__PURE__ */ jsx("path", { d: "M320 312C386.3 312 440 258.3 440 192C440 125.7 386.3 72 320 72C253.7 72 200 125.7 200 192C200 258.3 253.7 312 320 312zM290.3 368C191.8 368 112 447.8 112 546.3C112 562.7 125.3 576 141.7 576L498.3 576C514.7 576 528 562.7 528 546.3C528 447.8 448.2 368 349.7 368L290.3 368z" }) }) });
+function UserIcon(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "inherit" : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size;
+  return /* @__PURE__ */React.createElement(SVGIcon, {
+    color: color,
+    size: size
+  }, /* @__PURE__ */React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 640 640"
+  }, /* @__PURE__ */React.createElement("path", {
+    d: "M320 312C386.3 312 440 258.3 440 192C440 125.7 386.3 72 320 72C253.7 72 200 125.7 200 192C200 258.3 253.7 312 320 312zM290.3 368C191.8 368 112 447.8 112 546.3C112 562.7 125.3 576 141.7 576L498.3 576C514.7 576 528 562.7 528 546.3C528 447.8 448.2 368 349.7 368L290.3 368z"
+  })));
 }
 
 export { UserIcon as default };

package/dist/esm/utils/getObjectProp.js

@@ -1,5 +1,14 @@
 "use strict";
-const isObject = (object) => typeof object === "object" && object instanceof Object && !Array.isArray(object);
-const getObjectProp = (obj, prop, fallback = "") => prop.split(".").reduce((value, key) => isObject(value) && value[key] || fallback, obj);
+import { typeof as _typeof } from '../_virtual/_rollupPluginBabelHelpers.js';
+
+var isObject = function isObject(object) {
+  return _typeof(object) === "object" && object instanceof Object && !Array.isArray(object);
+};
+var getObjectProp = function getObjectProp(obj, prop) {
+  var fallback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
+  return prop.split(".").reduce(function (value, key) {
+    return isObject(value) && value[key] || fallback;
+  }, obj);
+};
 
 export { getObjectProp as default, isObject };

package/dist/esm/utils/kebabToSnakeCase.js

@@ -1,4 +1,6 @@
 "use strict";
-const kebabToSnakeCase = (str) => String(str).replace(/-/g, "_");
+var kebabToSnakeCase = function kebabToSnakeCase(str) {
+  return String(str).replace(/-/g, "_");
+};
 
 export { kebabToSnakeCase as default };

package/dist/esm/utils/map.js

@@ -1,5 +1,5 @@
 "use strict";
-const map = {
+var map = {
   apple: "\\e000",
   book_reader: "\\e003",
   brand_bullhorn: "\\e02a",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tenancy.nz/icons",
   "description": "Icon library for TPS UI.",
-  "version": "1.0.1",
+  "version": "1.0.7",
   "author": "TPS <https://www.tenancy.co.nz>",
   "type": "module",
   "main": "dist/cjs/index.cjs",
@@ -15,10 +15,10 @@
     "@emotion/styled": "^11.14.1",
     "react": ">= 16.0.0  <= 18.3.1",
     "react-dom": ">= 16.0.0  <= 18.3.1",
-    "@tenancy.nz/ui": "1.0.1"
+    "@tenancy.nz/ui": "1.0.7"
   },
   "devDependencies": {
-    "@tenancy.nz/ui": "1.0.1"
+    "@tenancy.nz/ui": "1.0.7"
   },
   "scripts": {
     "build": "tsx ../../scripts/build.js"