@tenancy.nz/feature-ui 1.0.10 → 1.1.1

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 (5) hide show
  1. package/dist/cjs/BookingChart.styled.cjs +11 -8
  2. package/dist/cjs/CheckedIcon.cjs +7 -4
  3. package/dist/esm/BookingChart.styled.js +11 -8
  4. package/dist/esm/CheckedIcon.js +7 -4
  5. package/package.json +5 -5
package/dist/cjs/BookingChart.styled.cjs CHANGED
@@ -17,24 +17,27 @@ var StyledBookingChartButton = styled("button", {
17
17
  shouldForwardProp: function shouldForwardProp(prop) {
18
18
  return !["color"].includes(prop);
19
19
  }
20
- })(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n font-weight: 500;\n display: flex;\n align-items: center;\n padding: 6px 10px;\n font-size: 14px;\n border-radius: 4px;\n font-family: inherit;\n border: 1px solid ", ";\n box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);\n background-color: ", ";\n cursor: pointer;\n\n &:hover {\n background-color: ", ";\n }\n"])), function (_ref) {
20
+ })(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n && {\n font-weight: 500;\n display: flex;\n align-items: center;\n padding: 6px 10px;\n font-size: 14px;\n border-radius: 4px;\n font-family: inherit;\n color: ", ";\n border: 1px solid ", ";\n box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);\n background-color: ", ";\n cursor: pointer;\n\n &:hover {\n background-color: ", ";\n }\n }\n"])), function (_ref) {
21
21
  var theme = _ref.theme;
22
22
  return theme.palette.primary.main;
23
23
  }, function (_ref2) {
24
- var active = _ref2.active,
25
- theme = _ref2.theme;
26
- return active ? "#CEF3ED" : theme.palette.background.paper;
24
+ var theme = _ref2.theme;
25
+ return theme.palette.primary.main;
27
26
  }, function (_ref3) {
28
27
  var active = _ref3.active,
29
28
  theme = _ref3.theme;
29
+ return active ? "#CEF3ED" : theme.palette.background.paper;
30
+ }, function (_ref4) {
31
+ var active = _ref4.active,
32
+ theme = _ref4.theme;
30
33
  return !active ? theme.palette.grey[100] : null;
31
34
  });
32
- var StyledPropertyDetailsBox = styled.div(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n align-items: flex-start;\n padding: 16px 24px 16px 20px;\n flex-direction: column;\n\n ", "\n\n @media print {\n flex-direction: row;\n align-items: center;\n }\n"])), function (_ref4) {
33
- var theme = _ref4.theme;
35
+ var StyledPropertyDetailsBox = styled.div(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n align-items: flex-start;\n padding: 16px 24px 16px 20px;\n flex-direction: column;\n\n ", "\n\n @media print {\n flex-direction: row;\n align-items: center;\n }\n"])), function (_ref5) {
36
+ var theme = _ref5.theme;
34
37
  return react.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n ", " {\n flex-direction: row;\n align-items: center;\n }\n "])), theme.breakpoints.up("sm"));
35
38
  });
36
- var StyledPropertyAmenitiesBox = styled.div(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n padding-right: 25px;\n display: flex;\n flex-direction: column;\n margin-top: 5px;\n\n gap: 18px;\n min-width: 170px;\n height: 100%;\n justify-content: space-between;\n\n ", "\n\n @media print {\n align-items: flex-end;\n }\n"])), function (_ref5) {
37
- var theme = _ref5.theme;
39
+ var StyledPropertyAmenitiesBox = styled.div(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n padding-right: 25px;\n display: flex;\n flex-direction: column;\n margin-top: 5px;\n\n gap: 18px;\n min-width: 170px;\n height: 100%;\n justify-content: space-between;\n\n ", "\n\n @media print {\n align-items: flex-end;\n }\n"])), function (_ref6) {
40
+ var theme = _ref6.theme;
38
41
  return "\n @media (min-width: ".concat(theme.breakpoints.values.md, "px) {\n align-items: flex-end;\n }\n ");
39
42
  });
40
43
 
package/dist/cjs/CheckedIcon.cjs CHANGED
@@ -13,10 +13,13 @@ function CheckedIcon(_ref) {
13
13
  size: "20px"
14
14
  });
15
15
  }
16
- return /* @__PURE__ */React.createElement(icons.CircleTimesIcon, {
17
- color: "error.main",
18
- size: "20px"
19
- });
16
+ if (value === false) {
17
+ return /* @__PURE__ */React.createElement(icons.CircleTimesIcon, {
18
+ color: "error.main",
19
+ size: "20px"
20
+ });
21
+ }
22
+ return null;
20
23
  }
21
24
 
22
25
  exports.default = CheckedIcon;
package/dist/esm/BookingChart.styled.js CHANGED
@@ -15,24 +15,27 @@ var StyledBookingChartButton = styled("button", {
15
15
  shouldForwardProp: function shouldForwardProp(prop) {
16
16
  return !["color"].includes(prop);
17
17
  }
18
- })(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n font-weight: 500;\n display: flex;\n align-items: center;\n padding: 6px 10px;\n font-size: 14px;\n border-radius: 4px;\n font-family: inherit;\n border: 1px solid ", ";\n box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);\n background-color: ", ";\n cursor: pointer;\n\n &:hover {\n background-color: ", ";\n }\n"])), function (_ref) {
18
+ })(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n && {\n font-weight: 500;\n display: flex;\n align-items: center;\n padding: 6px 10px;\n font-size: 14px;\n border-radius: 4px;\n font-family: inherit;\n color: ", ";\n border: 1px solid ", ";\n box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);\n background-color: ", ";\n cursor: pointer;\n\n &:hover {\n background-color: ", ";\n }\n }\n"])), function (_ref) {
19
19
  var theme = _ref.theme;
20
20
  return theme.palette.primary.main;
21
21
  }, function (_ref2) {
22
- var active = _ref2.active,
23
- theme = _ref2.theme;
24
- return active ? "#CEF3ED" : theme.palette.background.paper;
22
+ var theme = _ref2.theme;
23
+ return theme.palette.primary.main;
25
24
  }, function (_ref3) {
26
25
  var active = _ref3.active,
27
26
  theme = _ref3.theme;
27
+ return active ? "#CEF3ED" : theme.palette.background.paper;
28
+ }, function (_ref4) {
29
+ var active = _ref4.active,
30
+ theme = _ref4.theme;
28
31
  return !active ? theme.palette.grey[100] : null;
29
32
  });
30
- var StyledPropertyDetailsBox = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n align-items: flex-start;\n padding: 16px 24px 16px 20px;\n flex-direction: column;\n\n ", "\n\n @media print {\n flex-direction: row;\n align-items: center;\n }\n"])), function (_ref4) {
31
- var theme = _ref4.theme;
33
+ var StyledPropertyDetailsBox = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n align-items: flex-start;\n padding: 16px 24px 16px 20px;\n flex-direction: column;\n\n ", "\n\n @media print {\n flex-direction: row;\n align-items: center;\n }\n"])), function (_ref5) {
34
+ var theme = _ref5.theme;
32
35
  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n ", " {\n flex-direction: row;\n align-items: center;\n }\n "])), theme.breakpoints.up("sm"));
33
36
  });
34
- var StyledPropertyAmenitiesBox = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n padding-right: 25px;\n display: flex;\n flex-direction: column;\n margin-top: 5px;\n\n gap: 18px;\n min-width: 170px;\n height: 100%;\n justify-content: space-between;\n\n ", "\n\n @media print {\n align-items: flex-end;\n }\n"])), function (_ref5) {
35
- var theme = _ref5.theme;
37
+ var StyledPropertyAmenitiesBox = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n padding-right: 25px;\n display: flex;\n flex-direction: column;\n margin-top: 5px;\n\n gap: 18px;\n min-width: 170px;\n height: 100%;\n justify-content: space-between;\n\n ", "\n\n @media print {\n align-items: flex-end;\n }\n"])), function (_ref6) {
38
+ var theme = _ref6.theme;
36
39
  return "\n @media (min-width: ".concat(theme.breakpoints.values.md, "px) {\n align-items: flex-end;\n }\n ");
37
40
  });
38
41
 
package/dist/esm/CheckedIcon.js CHANGED
@@ -9,10 +9,13 @@ function CheckedIcon(_ref) {
9
9
  size: "20px"
10
10
  });
11
11
  }
12
- return /* @__PURE__ */React.createElement(CircleTimesIcon, {
13
- color: "error.main",
14
- size: "20px"
15
- });
12
+ if (value === false) {
13
+ return /* @__PURE__ */React.createElement(CircleTimesIcon, {
14
+ color: "error.main",
15
+ size: "20px"
16
+ });
17
+ }
18
+ return null;
16
19
  }
17
20
 
18
21
  export { CheckedIcon as default };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@tenancy.nz/feature-ui",
3
3
  "description": "React UI feature components.",
4
- "version": "1.0.10",
4
+ "version": "1.1.1",
5
5
  "author": "TPS <https://www.tenancy.co.nz>",
6
6
  "type": "module",
7
7
  "main": "dist/cjs/index.cjs",
@@ -18,12 +18,12 @@
18
18
  "primereact": "3.1.3",
19
19
  "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
20
20
  "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
21
- "@tenancy.nz/ui": "1.0.10",
22
- "@tenancy.nz/icons": "1.0.10"
21
+ "@tenancy.nz/ui": "1.1.1",
22
+ "@tenancy.nz/icons": "1.1.1"
23
23
  },
24
24
  "devDependencies": {
25
- "@tenancy.nz/icons": "1.0.10",
26
- "@tenancy.nz/ui": "1.0.10"
25
+ "@tenancy.nz/ui": "1.1.1",
26
+ "@tenancy.nz/icons": "1.1.1"
27
27
  },
28
28
  "dependencies": {
29
29
  "react-uid": "^2.4.0"