@tenancy.nz/icons 1.0.0 → 1.0.2

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

@@ -0,0 +1,24 @@
+"use strict";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var SVGIcon = require('./SVGIcon.cjs');
+
+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

@@ -0,0 +1,24 @@
+"use strict";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var SVGIcon = require('./SVGIcon.cjs');
+
+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

@@ -0,0 +1,24 @@
+"use strict";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var SVGIcon = require('./SVGIcon.cjs');
+
+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

@@ -0,0 +1,27 @@
+"use strict";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Icon_styled = require('./Icon.styled.cjs');
+var kebabToSnakeCase = require('../utils/kebabToSnakeCase.cjs');
+var map = require('../utils/map.cjs');
+
+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__ */React.createElement(Icon_styled.default, {
+    code: code,
+    color: color,
+    size: size
+  });
+}
+
+exports.default = Icon;

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

@@ -0,0 +1,35 @@
+"use strict";
+'use strict';
+
+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');
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var fontSize = function fontSize(size) {
+  if (size === "small") {
+    return "12px";
+  }
+  if (size === "medium") {
+    return "16px";
+  }
+  if (size === "large") {
+    return "21px";
+  }
+  if (typeof size === "number") {
+    return "".concat(size, "px");
+  }
+  return size;
+};
+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

@@ -0,0 +1,24 @@
+"use strict";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var SVGIcon = require('./SVGIcon.cjs');
+
+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

@@ -0,0 +1,30 @@
+"use strict";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ui = require('@tenancy.nz/ui');
+
+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

@@ -0,0 +1,24 @@
+"use strict";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var SVGIcon = require('./SVGIcon.cjs');
+
+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/index.cjs

@@ -0,0 +1,20 @@
+"use strict";
+'use strict';
+
+var Icon = require('./components/Icon.cjs');
+var CircleCheckIcon = require('./components/CircleCheckIcon.cjs');
+var CircleTimesIcon = require('./components/CircleTimesIcon.cjs');
+var EnvelopeIcon = require('./components/EnvelopeIcon.cjs');
+var PhoneIcon = require('./components/PhoneIcon.cjs');
+var UserIcon = require('./components/UserIcon.cjs');
+var SVGIcon = require('./components/SVGIcon.cjs');
+
+
+
+exports.Icon = Icon.default;
+exports.CircleCheckIcon = CircleCheckIcon.default;
+exports.CircleTimesIcon = CircleTimesIcon.default;
+exports.EnvelopeIcon = EnvelopeIcon.default;
+exports.PhoneIcon = PhoneIcon.default;
+exports.UserIcon = UserIcon.default;
+exports.SVGIcon = SVGIcon.default;

package/dist/cjs/utils/getObjectProp.cjs

@@ -0,0 +1,19 @@
+"use strict";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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

@@ -0,0 +1,10 @@
+"use strict";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var kebabToSnakeCase = function kebabToSnakeCase(str) {
+  return String(str).replace(/-/g, "_");
+};
+
+exports.default = kebabToSnakeCase;

package/dist/cjs/utils/map.cjs

@@ -0,0 +1,140 @@
+"use strict";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var map = {
+  apple: "\\e000",
+  book_reader: "\\e003",
+  brand_bullhorn: "\\e02a",
+  brand_crown: "\\e02d",
+  brand_file_check: "\\e02b",
+  brand_graduation_cap: "\\e02c",
+  building: "\\e006",
+  buildings: "\\e005",
+  bullhorn: "\\e01b",
+  certificate: "\\e008",
+  chart_pie: "\\e020",
+  bolt_circle: "\\e023",
+  dollar_circle: "\\e009",
+  undo_circle: "\\e027",
+  cog: "\\e012",
+  comments: "\\e024",
+  contrast: "\\e025",
+  crown: "\\e00a",
+  desktop: "\\e01d",
+  envelope: "\\e014",
+  file_add: "\\E041",
+  file_acrobat: "\\E040",
+  file_check_alt: "\\e018",
+  file_check: "\\e019",
+  file_dollar: "\\e00d",
+  file_edit: "\\e01a",
+  file_upload: "\\e017",
+  file: "\\e00c",
+  files: "\\e016",
+  folder_check: "\\e013",
+  gem: "\\e00b",
+  graduation_cap: "\\e007",
+  home_check: "\\e010",
+  home: "\\e011",
+  map_marker: "\\e00f",
+  newspaper: "\\e026",
+  padlock: "\\e01e",
+  pencil: "\\e01f",
+  rocket: "\\e022",
+  search_dollar: "\\e01c",
+  search: "\\e00e",
+  signal: "\\e001",
+  suitcase: "\\e004",
+  training: "\\e021",
+  user_add: "\\e028",
+  users_add: "\\e002",
+  users: "\\e029",
+  archive: "\\E02E",
+  plus_minus: "\\E02F",
+  ticked: "\\E030",
+  times: "\\E031",
+  arrow_left: "\\E032",
+  paper_plane: "\\E033",
+  align_center: "\\E035",
+  align_justify: "\\E036",
+  align_start: "\\E037",
+  align_end: "\\E038",
+  back: "\\E039",
+  bold: "\\E03A",
+  calendar: "\\E03B",
+  clock: "\\E03C",
+  clock_back: "\\E03D",
+  delete_circle: "\\E03E",
+  delete_thin: "\\E03F",
+  link: "\\E042",
+  list_unordered: "\\E043",
+  list_ordered: "\\E044",
+  search_thin: "\\E045",
+  menu: "\\E046",
+  add_circle: "\\E047",
+  question_mark: "\\E048",
+  cut: "\\E049",
+  scissors: "\\E049",
+  slash: "\\E04A",
+  star_alt: "\\E04B",
+  star: "\\E04C",
+  text_zoom: "\\E04D",
+  underline: "\\E04E",
+  user_double: "\\E04F",
+  user_remove: "\\E050",
+  user_verify: "\\E051",
+  bath: "\\E052",
+  bed: "\\E053",
+  clock_add: "\\E055",
+  car: "\\E054",
+  shield_add: "\\E034",
+  grid: "\\E056",
+  arrow_circle: "\\E05d",
+  console: "\\E05e",
+  photo: "\\E05f",
+  property_file: "\\E060",
+  property_me: "\\E061",
+  property_tree: "\\E062",
+  mri_property_tree: "\\E06f",
+  palace: "\\E063",
+  mri_palace: "\\E06e",
+  fan: "\\E057",
+  giraffe: "\\E058",
+  gust: "\\E059",
+  heating: "\\E05a",
+  cloud_rain: "\\E05b",
+  smoke_alarm: "\\E05c",
+  monitor: "\\E01d",
+  allclear: "\\E064",
+  beer: "\\E065",
+  attachment: "\\E066",
+  dots_outline: "\\E067",
+  dots_solid: "\\E068",
+  download: "\\E069",
+  eye_off: "\\E06a",
+  eye_on: "\\E06b",
+  pizza: "\\E06c",
+  sats: "\\E06d",
+  play: "\\E070",
+  bulb: "\\E071",
+  console_alt: "\\E073",
+  id_card: "\\E05e",
+  notes: "\\E074",
+  id_check: "\\E072",
+  info: "\\E075",
+  trash: "\\E076",
+  arrow_right: "\\E077",
+  calendar_clock: "\\E078",
+  alarm_clock: "\\E079",
+  logout: "\\E07a",
+  integration: "\\E07b",
+  tenancy_services: "\\e07c",
+  menu_filled: "\\e07d",
+  plus_filled: "\\e07e",
+  bot: "\\e07f",
+  strike_through: "\\e080"
+};
+
+exports.default = map;

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

@@ -0,0 +1,20 @@
+"use strict";
+import SVGIcon from './SVGIcon.js';
+
+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

@@ -0,0 +1,20 @@
+"use strict";
+import SVGIcon from './SVGIcon.js';
+
+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

@@ -0,0 +1,20 @@
+"use strict";
+import SVGIcon from './SVGIcon.js';
+
+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

@@ -0,0 +1,23 @@
+"use strict";
+import StyledIcon from './Icon.styled.js';
+import kebabToSnakeCase from '../utils/kebabToSnakeCase.js';
+import map from '../utils/map.js';
+
+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__ */React.createElement(StyledIcon, {
+    code: code,
+    color: color,
+    size: size
+  });
+}
+
+export { Icon as default };

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

@@ -0,0 +1,31 @@
+"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';
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var fontSize = function fontSize(size) {
+  if (size === "small") {
+    return "12px";
+  }
+  if (size === "medium") {
+    return "16px";
+  }
+  if (size === "large") {
+    return "21px";
+  }
+  if (typeof size === "number") {
+    return "".concat(size, "px");
+  }
+  return size;
+};
+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

@@ -0,0 +1,20 @@
+"use strict";
+import SVGIcon from './SVGIcon.js';
+
+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

@@ -0,0 +1,26 @@
+"use strict";
+import { Box } from '@tenancy.nz/ui';
+
+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

@@ -0,0 +1,20 @@
+"use strict";
+import SVGIcon from './SVGIcon.js';
+
+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/index.js

@@ -0,0 +1,8 @@
+"use strict";
+export { default as Icon } from './components/Icon.js';
+export { default as CircleCheckIcon } from './components/CircleCheckIcon.js';
+export { default as CircleTimesIcon } from './components/CircleTimesIcon.js';
+export { default as EnvelopeIcon } from './components/EnvelopeIcon.js';
+export { default as PhoneIcon } from './components/PhoneIcon.js';
+export { default as UserIcon } from './components/UserIcon.js';
+export { default as SVGIcon } from './components/SVGIcon.js';

package/dist/esm/utils/getObjectProp.js

@@ -0,0 +1,14 @@
+"use strict";
+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

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

package/dist/esm/utils/map.js

@@ -0,0 +1,136 @@
+"use strict";
+var map = {
+  apple: "\\e000",
+  book_reader: "\\e003",
+  brand_bullhorn: "\\e02a",
+  brand_crown: "\\e02d",
+  brand_file_check: "\\e02b",
+  brand_graduation_cap: "\\e02c",
+  building: "\\e006",
+  buildings: "\\e005",
+  bullhorn: "\\e01b",
+  certificate: "\\e008",
+  chart_pie: "\\e020",
+  bolt_circle: "\\e023",
+  dollar_circle: "\\e009",
+  undo_circle: "\\e027",
+  cog: "\\e012",
+  comments: "\\e024",
+  contrast: "\\e025",
+  crown: "\\e00a",
+  desktop: "\\e01d",
+  envelope: "\\e014",
+  file_add: "\\E041",
+  file_acrobat: "\\E040",
+  file_check_alt: "\\e018",
+  file_check: "\\e019",
+  file_dollar: "\\e00d",
+  file_edit: "\\e01a",
+  file_upload: "\\e017",
+  file: "\\e00c",
+  files: "\\e016",
+  folder_check: "\\e013",
+  gem: "\\e00b",
+  graduation_cap: "\\e007",
+  home_check: "\\e010",
+  home: "\\e011",
+  map_marker: "\\e00f",
+  newspaper: "\\e026",
+  padlock: "\\e01e",
+  pencil: "\\e01f",
+  rocket: "\\e022",
+  search_dollar: "\\e01c",
+  search: "\\e00e",
+  signal: "\\e001",
+  suitcase: "\\e004",
+  training: "\\e021",
+  user_add: "\\e028",
+  users_add: "\\e002",
+  users: "\\e029",
+  archive: "\\E02E",
+  plus_minus: "\\E02F",
+  ticked: "\\E030",
+  times: "\\E031",
+  arrow_left: "\\E032",
+  paper_plane: "\\E033",
+  align_center: "\\E035",
+  align_justify: "\\E036",
+  align_start: "\\E037",
+  align_end: "\\E038",
+  back: "\\E039",
+  bold: "\\E03A",
+  calendar: "\\E03B",
+  clock: "\\E03C",
+  clock_back: "\\E03D",
+  delete_circle: "\\E03E",
+  delete_thin: "\\E03F",
+  link: "\\E042",
+  list_unordered: "\\E043",
+  list_ordered: "\\E044",
+  search_thin: "\\E045",
+  menu: "\\E046",
+  add_circle: "\\E047",
+  question_mark: "\\E048",
+  cut: "\\E049",
+  scissors: "\\E049",
+  slash: "\\E04A",
+  star_alt: "\\E04B",
+  star: "\\E04C",
+  text_zoom: "\\E04D",
+  underline: "\\E04E",
+  user_double: "\\E04F",
+  user_remove: "\\E050",
+  user_verify: "\\E051",
+  bath: "\\E052",
+  bed: "\\E053",
+  clock_add: "\\E055",
+  car: "\\E054",
+  shield_add: "\\E034",
+  grid: "\\E056",
+  arrow_circle: "\\E05d",
+  console: "\\E05e",
+  photo: "\\E05f",
+  property_file: "\\E060",
+  property_me: "\\E061",
+  property_tree: "\\E062",
+  mri_property_tree: "\\E06f",
+  palace: "\\E063",
+  mri_palace: "\\E06e",
+  fan: "\\E057",
+  giraffe: "\\E058",
+  gust: "\\E059",
+  heating: "\\E05a",
+  cloud_rain: "\\E05b",
+  smoke_alarm: "\\E05c",
+  monitor: "\\E01d",
+  allclear: "\\E064",
+  beer: "\\E065",
+  attachment: "\\E066",
+  dots_outline: "\\E067",
+  dots_solid: "\\E068",
+  download: "\\E069",
+  eye_off: "\\E06a",
+  eye_on: "\\E06b",
+  pizza: "\\E06c",
+  sats: "\\E06d",
+  play: "\\E070",
+  bulb: "\\E071",
+  console_alt: "\\E073",
+  id_card: "\\E05e",
+  notes: "\\E074",
+  id_check: "\\E072",
+  info: "\\E075",
+  trash: "\\E076",
+  arrow_right: "\\E077",
+  calendar_clock: "\\E078",
+  alarm_clock: "\\E079",
+  logout: "\\E07a",
+  integration: "\\E07b",
+  tenancy_services: "\\e07c",
+  menu_filled: "\\e07d",
+  plus_filled: "\\e07e",
+  bot: "\\e07f",
+  strike_through: "\\e080"
+};
+
+export { map as default };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tenancy.nz/icons",
   "description": "Icon library for TPS UI.",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "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.0"
+    "@tenancy.nz/ui": "1.0.5"
   },
   "devDependencies": {
-    "@tenancy.nz/ui": "1.0.0"
+    "@tenancy.nz/ui": "1.0.5"
   },
   "scripts": {
     "build": "tsx ../../scripts/build.js"