@tenancy.nz/tenant-ui 1.8.4 → 1.8.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/cjs/components/property-attributes.cjs +9 -9
  2. package/dist/cjs/components/property-card.cjs +3 -1
  3. package/dist/cjs/components/property-card.styled.cjs +1 -1
  4. package/dist/cjs/components/rent-icon-label.cjs +3 -6
  5. package/dist/esm/components/property-attributes.js +9 -9
  6. package/dist/esm/components/property-card.js +3 -1
  7. package/dist/esm/components/property-card.styled.js +1 -1
  8. package/dist/esm/components/rent-icon-label.js +3 -6
  9. package/package.json +3 -3
package/dist/cjs/components/property-attributes.cjs CHANGED
@@ -6,9 +6,9 @@ var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.c
6
6
  var React = require('react');
7
7
  var Stack = require('@mui/material/Stack');
8
8
  var ui = require('@tenancy.nz/ui');
9
- var BedIcon = require('@mui/icons-material/Bed');
10
- var BathtubIcon = require('@mui/icons-material/Bathtub');
11
- var DirectionsCarIcon = require('@mui/icons-material/DirectionsCar');
9
+ var BedIcon = require('@tenancy.nz/icons/Bed');
10
+ var BathIcon = require('@tenancy.nz/icons/Bath');
11
+ var CarParkedIcon = require('@tenancy.nz/icons/CarParked');
12
12
  var iconLabel = require('./icon-label.cjs');
13
13
 
14
14
  function PropertyAttributes(_ref) {
@@ -29,7 +29,7 @@ function PropertyAttributes(_ref) {
29
29
  _ref$type = _ref.type,
30
30
  type = _ref$type === void 0 ? void 0 : _ref$type,
31
31
  _ref$iconSize = _ref.iconSize,
32
- iconSize = _ref$iconSize === void 0 ? "21px" : _ref$iconSize,
32
+ iconSize = _ref$iconSize === void 0 ? "24px" : _ref$iconSize,
33
33
  _ref$sx = _ref.sx,
34
34
  sx = _ref$sx === void 0 ? {} : _ref$sx;
35
35
  var labelProps = _rollupPluginBabelHelpers.objectSpread2({}, sx.fontSize && {
@@ -74,7 +74,7 @@ function PropertyAttributes(_ref) {
74
74
  icon: /* @__PURE__ */React.createElement(ui.Box, {
75
75
  sx: iconBoxStyles
76
76
  }, /* @__PURE__ */React.createElement(BedIcon, {
77
- fontSize: "inherit"
77
+ size: "inherit"
78
78
  })),
79
79
  text: noOfBedrooms
80
80
  }, labelProps))), !!noOfBathrooms && /* @__PURE__ */React.createElement(ui.Grid, {
@@ -82,8 +82,8 @@ function PropertyAttributes(_ref) {
82
82
  }, /* @__PURE__ */React.createElement(iconLabel.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
83
83
  icon: /* @__PURE__ */React.createElement(ui.Box, {
84
84
  sx: iconBoxStyles
85
- }, /* @__PURE__ */React.createElement(BathtubIcon, {
86
- fontSize: "inherit"
85
+ }, /* @__PURE__ */React.createElement(BathIcon, {
86
+ size: "inherit"
87
87
  }))
88
88
  }, labelProps), {}, {
89
89
  text: noOfBathrooms
@@ -92,8 +92,8 @@ function PropertyAttributes(_ref) {
92
92
  }, /* @__PURE__ */React.createElement(iconLabel.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
93
93
  icon: /* @__PURE__ */React.createElement(ui.Box, {
94
94
  sx: iconBoxStyles
95
- }, /* @__PURE__ */React.createElement(DirectionsCarIcon, {
96
- fontSize: "inherit"
95
+ }, /* @__PURE__ */React.createElement(CarParkedIcon, {
96
+ size: "inherit"
97
97
  }))
98
98
  }, labelProps), {}, {
99
99
  text: noOfCarparks === 0 ? "0" : noOfCarparks
package/dist/cjs/components/property-card.cjs CHANGED
@@ -33,6 +33,8 @@ function PropertyCard(_ref) {
33
33
  orientation = _ref$orientation === void 0 ? "vertical" : _ref$orientation,
34
34
  _ref$parkingSpaces = _ref.parkingSpaces,
35
35
  parkingSpaces = _ref$parkingSpaces === void 0 ? void 0 : _ref$parkingSpaces,
36
+ _ref$photoContent = _ref.photoContent,
37
+ photoContent = _ref$photoContent === void 0 ? void 0 : _ref$photoContent,
36
38
  _ref$photoSrc = _ref.photoSrc,
37
39
  photoSrc = _ref$photoSrc === void 0 ? "" : _ref$photoSrc,
38
40
  _ref$rent = _ref.rent,
@@ -66,7 +68,7 @@ function PropertyCard(_ref) {
66
68
  })
67
69
  }, /* @__PURE__ */React.createElement(propertyCard_styled.StyledPropertyItemImgWrapper, {
68
70
  orientation: orientation
69
- }, photoSrc && /* @__PURE__ */React.createElement(ui.Media, {
71
+ }, photoContent, photoSrc && /* @__PURE__ */React.createElement(ui.Media, {
70
72
  src: photoSrc,
71
73
  title: addressPart1,
72
74
  as: "img"
package/dist/cjs/components/property-card.styled.cjs CHANGED
@@ -15,7 +15,7 @@ var horizontalStyles = function horizontalStyles(_ref) {
15
15
  var StyledPropertyItemImgWrapper = styled.figure(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n ", "\n"])), function (_ref2) {
16
16
  var orientation = _ref2.orientation,
17
17
  theme = _ref2.theme;
18
- return react.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n background-color: #ebebeb;\n background-image:\n linear-gradient(45deg, #fff 25%, transparent 25%),\n linear-gradient(-45deg, #fff 25%, transparent 25%),\n linear-gradient(45deg, transparent 75%, #fff 75%),\n linear-gradient(-45deg, transparent 75%, #fff 75%);\n background-size: 40px 40px;\n background-position:\n 0 0,\n 0 20px,\n 20px -20px,\n -20px 0px;\n margin: 0;\n padding: 0;\n overflow: hidden;\n\n ", "\n ", "\n "])), orientation === "horizontal" && horizontalStyles({
18
+ return react.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n background-color: #ebebeb;\n background-image:\n linear-gradient(45deg, #fff 25%, transparent 25%),\n linear-gradient(-45deg, #fff 25%, transparent 25%),\n linear-gradient(45deg, transparent 75%, #fff 75%),\n linear-gradient(-45deg, transparent 75%, #fff 75%);\n background-size: 40px 40px;\n background-position:\n 0 0,\n 0 20px,\n 20px -20px,\n -20px 0px;\n margin: 0;\n padding: 0;\n overflow: hidden;\n position: relative;\n\n ", "\n ", "\n "])), orientation === "horizontal" && horizontalStyles({
19
19
  theme: theme
20
20
  }), orientation === "vertical" && verticalStyles());
21
21
  });
package/dist/cjs/components/rent-icon-label.cjs CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
6
6
  var React = require('react');
7
- var MonetizationOnIcon = require('@mui/icons-material/MonetizationOn');
7
+ var DollarCircleIcon = require('@tenancy.nz/icons/DollarCircle');
8
8
  var iconLabel = require('./icon-label.cjs');
9
9
 
10
10
  var _excluded = ["text"];
@@ -12,11 +12,8 @@ function RentIconLabel(_ref) {
12
12
  var text = _ref.text,
13
13
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
14
14
  return /* @__PURE__ */React.createElement(iconLabel.default, _rollupPluginBabelHelpers.objectSpread2({
15
- icon: /* @__PURE__ */React.createElement(MonetizationOnIcon, {
16
- sx: {
17
- color: "tertiary.main",
18
- fontSize: "24px"
19
- }
15
+ icon: /* @__PURE__ */React.createElement(DollarCircleIcon, {
16
+ color: "#0CC1A3"
20
17
  }),
21
18
  text: text
22
19
  }, rest));
package/dist/esm/components/property-attributes.js CHANGED
@@ -2,9 +2,9 @@ import { objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelH
2
2
  import React from 'react';
3
3
  import Stack from '@mui/material/Stack';
4
4
  import { Heading, Text, Grid, Box } from '@tenancy.nz/ui';
5
- import BedIcon from '@mui/icons-material/Bed';
6
- import BathtubIcon from '@mui/icons-material/Bathtub';
7
- import DirectionsCarIcon from '@mui/icons-material/DirectionsCar';
5
+ import BedIcon from '@tenancy.nz/icons/Bed';
6
+ import BathIcon from '@tenancy.nz/icons/Bath';
7
+ import CarParkedIcon from '@tenancy.nz/icons/CarParked';
8
8
  import IconLabel from './icon-label.js';
9
9
 
10
10
  function PropertyAttributes(_ref) {
@@ -25,7 +25,7 @@ function PropertyAttributes(_ref) {
25
25
  _ref$type = _ref.type,
26
26
  type = _ref$type === void 0 ? void 0 : _ref$type,
27
27
  _ref$iconSize = _ref.iconSize,
28
- iconSize = _ref$iconSize === void 0 ? "21px" : _ref$iconSize,
28
+ iconSize = _ref$iconSize === void 0 ? "24px" : _ref$iconSize,
29
29
  _ref$sx = _ref.sx,
30
30
  sx = _ref$sx === void 0 ? {} : _ref$sx;
31
31
  var labelProps = _objectSpread2({}, sx.fontSize && {
@@ -70,7 +70,7 @@ function PropertyAttributes(_ref) {
70
70
  icon: /* @__PURE__ */React.createElement(Box, {
71
71
  sx: iconBoxStyles
72
72
  }, /* @__PURE__ */React.createElement(BedIcon, {
73
- fontSize: "inherit"
73
+ size: "inherit"
74
74
  })),
75
75
  text: noOfBedrooms
76
76
  }, labelProps))), !!noOfBathrooms && /* @__PURE__ */React.createElement(Grid, {
@@ -78,8 +78,8 @@ function PropertyAttributes(_ref) {
78
78
  }, /* @__PURE__ */React.createElement(IconLabel, _objectSpread2(_objectSpread2({
79
79
  icon: /* @__PURE__ */React.createElement(Box, {
80
80
  sx: iconBoxStyles
81
- }, /* @__PURE__ */React.createElement(BathtubIcon, {
82
- fontSize: "inherit"
81
+ }, /* @__PURE__ */React.createElement(BathIcon, {
82
+ size: "inherit"
83
83
  }))
84
84
  }, labelProps), {}, {
85
85
  text: noOfBathrooms
@@ -88,8 +88,8 @@ function PropertyAttributes(_ref) {
88
88
  }, /* @__PURE__ */React.createElement(IconLabel, _objectSpread2(_objectSpread2({
89
89
  icon: /* @__PURE__ */React.createElement(Box, {
90
90
  sx: iconBoxStyles
91
- }, /* @__PURE__ */React.createElement(DirectionsCarIcon, {
92
- fontSize: "inherit"
91
+ }, /* @__PURE__ */React.createElement(CarParkedIcon, {
92
+ size: "inherit"
93
93
  }))
94
94
  }, labelProps), {}, {
95
95
  text: noOfCarparks === 0 ? "0" : noOfCarparks
package/dist/esm/components/property-card.js CHANGED
@@ -29,6 +29,8 @@ function PropertyCard(_ref) {
29
29
  orientation = _ref$orientation === void 0 ? "vertical" : _ref$orientation,
30
30
  _ref$parkingSpaces = _ref.parkingSpaces,
31
31
  parkingSpaces = _ref$parkingSpaces === void 0 ? void 0 : _ref$parkingSpaces,
32
+ _ref$photoContent = _ref.photoContent,
33
+ photoContent = _ref$photoContent === void 0 ? void 0 : _ref$photoContent,
32
34
  _ref$photoSrc = _ref.photoSrc,
33
35
  photoSrc = _ref$photoSrc === void 0 ? "" : _ref$photoSrc,
34
36
  _ref$rent = _ref.rent,
@@ -62,7 +64,7 @@ function PropertyCard(_ref) {
62
64
  })
63
65
  }, /* @__PURE__ */React.createElement(StyledPropertyItemImgWrapper, {
64
66
  orientation: orientation
65
- }, photoSrc && /* @__PURE__ */React.createElement(Media, {
67
+ }, photoContent, photoSrc && /* @__PURE__ */React.createElement(Media, {
66
68
  src: photoSrc,
67
69
  title: addressPart1,
68
70
  as: "img"
package/dist/esm/components/property-card.styled.js CHANGED
@@ -13,7 +13,7 @@ var horizontalStyles = function horizontalStyles(_ref) {
13
13
  var StyledPropertyItemImgWrapper = styled.figure(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n ", "\n"])), function (_ref2) {
14
14
  var orientation = _ref2.orientation,
15
15
  theme = _ref2.theme;
16
- return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n background-color: #ebebeb;\n background-image:\n linear-gradient(45deg, #fff 25%, transparent 25%),\n linear-gradient(-45deg, #fff 25%, transparent 25%),\n linear-gradient(45deg, transparent 75%, #fff 75%),\n linear-gradient(-45deg, transparent 75%, #fff 75%);\n background-size: 40px 40px;\n background-position:\n 0 0,\n 0 20px,\n 20px -20px,\n -20px 0px;\n margin: 0;\n padding: 0;\n overflow: hidden;\n\n ", "\n ", "\n "])), orientation === "horizontal" && horizontalStyles({
16
+ return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n background-color: #ebebeb;\n background-image:\n linear-gradient(45deg, #fff 25%, transparent 25%),\n linear-gradient(-45deg, #fff 25%, transparent 25%),\n linear-gradient(45deg, transparent 75%, #fff 75%),\n linear-gradient(-45deg, transparent 75%, #fff 75%);\n background-size: 40px 40px;\n background-position:\n 0 0,\n 0 20px,\n 20px -20px,\n -20px 0px;\n margin: 0;\n padding: 0;\n overflow: hidden;\n position: relative;\n\n ", "\n ", "\n "])), orientation === "horizontal" && horizontalStyles({
17
17
  theme: theme
18
18
  }), orientation === "vertical" && verticalStyles());
19
19
  });
package/dist/esm/components/rent-icon-label.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
2
2
  import React from 'react';
3
- import MonetizationOnIcon from '@mui/icons-material/MonetizationOn';
3
+ import DollarCircleIcon from '@tenancy.nz/icons/DollarCircle';
4
4
  import IconLabel from './icon-label.js';
5
5
 
6
6
  var _excluded = ["text"];
@@ -8,11 +8,8 @@ function RentIconLabel(_ref) {
8
8
  var text = _ref.text,
9
9
  rest = _objectWithoutProperties(_ref, _excluded);
10
10
  return /* @__PURE__ */React.createElement(IconLabel, _objectSpread2({
11
- icon: /* @__PURE__ */React.createElement(MonetizationOnIcon, {
12
- sx: {
13
- color: "tertiary.main",
14
- fontSize: "24px"
15
- }
11
+ icon: /* @__PURE__ */React.createElement(DollarCircleIcon, {
12
+ color: "#0CC1A3"
16
13
  }),
17
14
  text: text
18
15
  }, rest));
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@tenancy.nz/tenant-ui",
3
3
  "description": "React UI tenant components.",
4
- "version": "1.8.4",
4
+ "version": "1.8.6",
5
5
  "author": "TPS <https://www.tenancy.co.nz>",
6
6
  "type": "module",
7
7
  "main": "dist/cjs/index.cjs",
@@ -17,14 +17,14 @@
17
17
  "@mui/material": "^7.3.1",
18
18
  "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
19
19
  "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
20
- "@tenancy.nz/ui": "1.8.4"
20
+ "@tenancy.nz/ui": "1.8.6"
21
21
  },
22
22
  "devDependencies": {
23
23
  "@emotion/react": "^11.14.0",
24
24
  "@emotion/styled": "^11.14.1",
25
25
  "@mui/icons-material": "^7.2.0",
26
26
  "@mui/material": "^7.3.1",
27
- "@tenancy.nz/ui": "1.8.4"
27
+ "@tenancy.nz/ui": "1.8.6"
28
28
  },
29
29
  "dependencies": {
30
30
  "react-uid": "^2.4.0"