@tenancy.nz/tenant-ui 1.9.0 → 1.9.1

package/dist/cjs/components/icon-label.cjs

@@ -21,12 +21,12 @@ function IconLabel(_ref) {
   return /* @__PURE__ */React.createElement(Stack, _rollupPluginBabelHelpers.objectSpread2({
     flexDirection: "row",
     alignItems: "center",
-    gap: 1,
+    gap: 2,
     fontSize: size
   }, sx), icon, /* @__PURE__ */React.createElement(ui.Text, {
     as: "span",
     variant: "inherit",
-    weight: "600"
+    weight: "700"
   }, text));
 }
 

package/dist/cjs/components/property-attributes.cjs

@@ -9,6 +9,7 @@ var ui = require('@tenancy.nz/ui');
 var BedIcon = require('@tenancy.nz/icons/Bed');
 var BathIcon = require('@tenancy.nz/icons/Bath');
 var CarParkedIcon = require('@tenancy.nz/icons/CarParked');
+var HomeIcon = require('@tenancy.nz/icons/Home');
 var iconLabel = require('./icon-label.cjs');
 
 function PropertyAttributes(_ref) {
@@ -66,7 +67,11 @@ function PropertyAttributes(_ref) {
     item: true
   }, /* @__PURE__ */React.createElement(iconLabel.default, _rollupPluginBabelHelpers.objectSpread2({
     color: "tertiary",
-    icon: "home",
+    icon: /* @__PURE__ */React.createElement(ui.Box, {
+      sx: iconBoxStyles
+    }, /* @__PURE__ */React.createElement(HomeIcon, {
+      size: "inherit"
+    })),
     text: type
   }, labelProps))), !!noOfBedrooms && /* @__PURE__ */React.createElement(ui.Grid, {
     item: true

package/dist/cjs/components/property-card.cjs

@@ -117,8 +117,7 @@ function PropertyCard(_ref) {
   }, /* @__PURE__ */React.createElement(propertyAttributes.default, {
     noOfBedrooms: bedrooms,
     noOfBathrooms: bathrooms,
-    noOfCarparks: parkingSpaces,
-    iconSize: "20px"
+    noOfCarparks: parkingSpaces
   }), rent && /* @__PURE__ */React.createElement(rentIconLabel.default, {
     text: rent,
     sx: {

package/dist/cjs/components/rent-icon-label.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var React = require('react');
 var DollarCircleIcon = require('@tenancy.nz/icons/DollarCircle');
+var ui = require('@tenancy.nz/ui');
 var iconLabel = require('./icon-label.cjs');
 
 var _excluded = ["text"];
@@ -13,7 +14,7 @@ function RentIconLabel(_ref) {
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /* @__PURE__ */React.createElement(iconLabel.default, _rollupPluginBabelHelpers.objectSpread2({
     icon: /* @__PURE__ */React.createElement(DollarCircleIcon, {
-      color: "#0CC1A3"
+      color: ui.token("palette.semantic.icons.accentColor")
     }),
     text: text
   }, rest));

package/dist/esm/components/icon-label.js

@@ -17,12 +17,12 @@ function IconLabel(_ref) {
   return /* @__PURE__ */React.createElement(Stack, _objectSpread2({
     flexDirection: "row",
     alignItems: "center",
-    gap: 1,
+    gap: 2,
     fontSize: size
   }, sx), icon, /* @__PURE__ */React.createElement(Text, {
     as: "span",
     variant: "inherit",
-    weight: "600"
+    weight: "700"
   }, text));
 }
 

package/dist/esm/components/property-attributes.js

@@ -5,6 +5,7 @@ import { Heading, Text, Grid, Box } from '@tenancy.nz/ui';
 import BedIcon from '@tenancy.nz/icons/Bed';
 import BathIcon from '@tenancy.nz/icons/Bath';
 import CarParkedIcon from '@tenancy.nz/icons/CarParked';
+import HomeIcon from '@tenancy.nz/icons/Home';
 import IconLabel from './icon-label.js';
 
 function PropertyAttributes(_ref) {
@@ -62,7 +63,11 @@ function PropertyAttributes(_ref) {
     item: true
   }, /* @__PURE__ */React.createElement(IconLabel, _objectSpread2({
     color: "tertiary",
-    icon: "home",
+    icon: /* @__PURE__ */React.createElement(Box, {
+      sx: iconBoxStyles
+    }, /* @__PURE__ */React.createElement(HomeIcon, {
+      size: "inherit"
+    })),
     text: type
   }, labelProps))), !!noOfBedrooms && /* @__PURE__ */React.createElement(Grid, {
     item: true

package/dist/esm/components/property-card.js

@@ -113,8 +113,7 @@ function PropertyCard(_ref) {
   }, /* @__PURE__ */React.createElement(PropertyAttributes, {
     noOfBedrooms: bedrooms,
     noOfBathrooms: bathrooms,
-    noOfCarparks: parkingSpaces,
-    iconSize: "20px"
+    noOfCarparks: parkingSpaces
   }), rent && /* @__PURE__ */React.createElement(RentIconLabel, {
     text: rent,
     sx: {

package/dist/esm/components/rent-icon-label.js

@@ -1,6 +1,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import DollarCircleIcon from '@tenancy.nz/icons/DollarCircle';
+import { token } from '@tenancy.nz/ui';
 import IconLabel from './icon-label.js';
 
 var _excluded = ["text"];
@@ -9,7 +10,7 @@ function RentIconLabel(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded);
   return /* @__PURE__ */React.createElement(IconLabel, _objectSpread2({
     icon: /* @__PURE__ */React.createElement(DollarCircleIcon, {
-      color: "#0CC1A3"
+      color: token("palette.semantic.icons.accentColor")
     }),
     text: text
   }, rest));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tenancy.nz/tenant-ui",
   "description": "React UI tenant components.",
-  "version": "1.9.0",
+  "version": "1.9.1",
   "author": "TPS <https://www.tenancy.co.nz>",
   "type": "module",
   "main": "dist/cjs/index.cjs",
@@ -16,15 +16,15 @@
     "@mui/material": "^7.3.1",
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@tenancy.nz/icons": "1.9.0",
-    "@tenancy.nz/ui": "1.9.0"
+    "@tenancy.nz/icons": "1.9.1",
+    "@tenancy.nz/ui": "1.9.1"
   },
   "devDependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@mui/material": "^7.3.1",
-    "@tenancy.nz/icons": "1.9.0",
-    "@tenancy.nz/ui": "1.9.0"
+    "@tenancy.nz/icons": "1.9.1",
+    "@tenancy.nz/ui": "1.9.1"
   },
   "dependencies": {
     "react-uid": "^2.4.0"