@tenancy.nz/ui 1.1.1 → 1.1.3

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 (15) hide show
  1. package/dist/cjs/BaseModal.styled.cjs +1 -1
  2. package/dist/cjs/Button.styled.cjs +1 -1
  3. package/dist/cjs/Checkbox.cjs +1 -1
  4. package/dist/cjs/IconButton.styled.cjs +1 -1
  5. package/dist/cjs/Modal.cjs +5 -1
  6. package/dist/cjs/Radio.cjs +1 -1
  7. package/dist/cjs/TextInput.styled.cjs +1 -1
  8. package/dist/esm/BaseModal.styled.js +1 -1
  9. package/dist/esm/Button.styled.js +1 -1
  10. package/dist/esm/Checkbox.js +1 -1
  11. package/dist/esm/IconButton.styled.js +1 -1
  12. package/dist/esm/Modal.js +5 -1
  13. package/dist/esm/Radio.js +1 -1
  14. package/dist/esm/TextInput.styled.js +1 -1
  15. package/package.json +1 -1
package/dist/cjs/BaseModal.styled.cjs CHANGED
@@ -12,7 +12,7 @@ require('./boolean.cjs');
12
12
  var _templateObject, _templateObject2;
13
13
  var StyledBaseModal = styles.styled(Dialog)(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n ", ";\n"])), function (_ref) {
14
14
  var theme = _ref.theme;
15
- return react.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n .MuiPaper-root {\n color: ", ";\n box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);\n }\n "])), object.getObjectProp(theme, "vars.palette.text.body"));
15
+ return react.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n .MuiDialog-paper {\n color: ", ";\n box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);\n }\n "])), object.getObjectProp(theme, "vars.palette.text.body"));
16
16
  });
17
17
 
18
18
  exports.default = StyledBaseModal;
package/dist/cjs/Button.styled.cjs CHANGED
@@ -25,7 +25,7 @@ var disabledStyles = react.css(_templateObject0 || (_templateObject0 = _rollupPl
25
25
  var containedStyles = function containedStyles(_ref3) {
26
26
  var color = _ref3.color,
27
27
  theme = _ref3.theme;
28
- return react.css(_templateObject1 || (_templateObject1 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n color: ", ";\n background-color: ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n .MuiButton-loadingWrapper {\n color: ", ";\n }\n\n ", "\n"])), object.getObjectProp(theme, "vars.palette.".concat(color, ".contrastText")), object.getObjectProp(theme, "vars.palette.".concat(color, ".main")), object.getObjectProp(theme, "vars.palette.".concat(color, ".light")), object.getObjectProp(theme, "vars.palette.".concat(color, ".dark")), object.getObjectProp(theme, "vars.palette.".concat(color, ".contrastText")), focusStyles);
28
+ return react.css(_templateObject1 || (_templateObject1 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n color: ", ";\n background-color: ", ";\n\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n\n &:active {\n background-color: ", ";\n color: ", ";\n }\n .MuiButton-loadingWrapper {\n color: ", ";\n }\n\n ", "\n"])), object.getObjectProp(theme, "vars.palette.".concat(color, ".contrastText")), object.getObjectProp(theme, "vars.palette.".concat(color, ".main")), object.getObjectProp(theme, "vars.palette.".concat(color, ".light")), object.getObjectProp(theme, "vars.palette.".concat(color, ".contrastText")), object.getObjectProp(theme, "vars.palette.".concat(color, ".dark")), object.getObjectProp(theme, "vars.palette.".concat(color, ".contrastText")), object.getObjectProp(theme, "vars.palette.".concat(color, ".contrastText")), focusStyles);
29
29
  };
30
30
  var outlinedStyles = function outlinedStyles(_ref4) {
31
31
  var color = _ref4.color,
package/dist/cjs/Checkbox.cjs CHANGED
@@ -53,7 +53,7 @@ function Checkbox(_ref) {
53
53
  }, /* @__PURE__ */React.createElement(Box.default, null, /* @__PURE__ */React.createElement(Checkbox_styled.StyledCheckbox, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, props), {}, {
54
54
  disableRipple: true
55
55
  }))), /* @__PURE__ */React.createElement(FormLabel.default, {
56
- htmlFor: id,
56
+ htmlFor: props.id,
57
57
  size: size,
58
58
  disabled: disabled,
59
59
  margin: "none",
package/dist/cjs/IconButton.styled.cjs CHANGED
@@ -21,7 +21,7 @@ var StyledIconButton = styles.styled(IconButton)(_templateObject5 || (_templateO
21
21
  edges = _ref2.edges,
22
22
  size = _ref2.size,
23
23
  theme = _ref2.theme;
24
- return react.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n padding: 4px;\n ", "\n ", "\n ", "\n "])), disabled && Button_styled.disabledStyles, Button_styled.edgesStyles({
24
+ return react.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n && {\n padding: 4px;\n ", "\n ", "\n ", "\n }\n "])), disabled && Button_styled.disabledStyles, Button_styled.edgesStyles({
25
25
  edges: edges,
26
26
  theme: theme
27
27
  }), sizeStyles({
package/dist/cjs/Modal.cjs CHANGED
@@ -81,7 +81,11 @@ function Modal(_ref) {
81
81
  height: 20,
82
82
  width: 250
83
83
  }), !loading && header), !loading && /* @__PURE__ */React.createElement(ModalContent.default, {
84
- disableGutter: true
84
+ disableGutter: true,
85
+ sx: {
86
+ px: 3,
87
+ mx: -3
88
+ }
85
89
  }, children, content), actions && /* @__PURE__ */React.createElement(ModalActions.default, {
86
90
  sx: {
87
91
  marginTop: {
package/dist/cjs/Radio.cjs CHANGED
@@ -53,7 +53,7 @@ function Radio(_ref) {
53
53
  }, /* @__PURE__ */React.createElement(Box.default, null, /* @__PURE__ */React.createElement(Radio_styled.StyledRadio, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, props), {}, {
54
54
  disableRipple: true
55
55
  }))), /* @__PURE__ */React.createElement(FormLabel.default, {
56
- htmlFor: id,
56
+ htmlFor: props.id,
57
57
  size: size,
58
58
  disabled: disabled,
59
59
  margin: "none",
package/dist/cjs/TextInput.styled.cjs CHANGED
@@ -52,7 +52,7 @@ var StyledTextInput = styles.styled(InputBase)(_templateObject17 || (_templateOb
52
52
  readOnly = _ref8.readOnly,
53
53
  size = _ref8.size,
54
54
  theme = _ref8.theme;
55
- return react.css(_templateObject18 || (_templateObject18 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n background-color: #fff;\n font-weight: 400;\n transition: none;\n color: ", ";\n\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n\n > input {\n padding: 0;\n }\n "])), object.getObjectProp(theme, "vars.palette.text.primary"), colorStyles({
55
+ return react.css(_templateObject18 || (_templateObject18 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n && {\n background-color: #fff;\n font-weight: 400;\n transition: none;\n color: ", ";\n\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n\n > input {\n padding: 0;\n border: 0px;\n margin: 0px;\n box-shadow: none;\n height: 1.4375em;\n font: inherit;\n font-size: inherit;\n line-height: inherit;\n color: currentColor;\n box-sizing: content-box;\n background: none;\n -webkit-tap-highlight-color: transparent;\n display: block;\n min-width: 0px;\n width: 100%;\n }\n }\n "])), object.getObjectProp(theme, "vars.palette.text.primary"), colorStyles({
56
56
  color: color,
57
57
  theme: theme
58
58
  }), edgesStyles({
package/dist/esm/BaseModal.styled.js CHANGED
@@ -8,7 +8,7 @@ import './boolean.js';
8
8
  var _templateObject, _templateObject2;
9
9
  var StyledBaseModal = styled(Dialog)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", ";\n"])), function (_ref) {
10
10
  var theme = _ref.theme;
11
- return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n .MuiPaper-root {\n color: ", ";\n box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);\n }\n "])), getObjectProp(theme, "vars.palette.text.body"));
11
+ return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n .MuiDialog-paper {\n color: ", ";\n box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);\n }\n "])), getObjectProp(theme, "vars.palette.text.body"));
12
12
  });
13
13
 
14
14
  export { StyledBaseModal as default };
package/dist/esm/Button.styled.js CHANGED
@@ -21,7 +21,7 @@ var disabledStyles = css(_templateObject0 || (_templateObject0 = _taggedTemplate
21
21
  var containedStyles = function containedStyles(_ref3) {
22
22
  var color = _ref3.color,
23
23
  theme = _ref3.theme;
24
- return css(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n color: ", ";\n background-color: ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n .MuiButton-loadingWrapper {\n color: ", ";\n }\n\n ", "\n"])), getObjectProp(theme, "vars.palette.".concat(color, ".contrastText")), getObjectProp(theme, "vars.palette.".concat(color, ".main")), getObjectProp(theme, "vars.palette.".concat(color, ".light")), getObjectProp(theme, "vars.palette.".concat(color, ".dark")), getObjectProp(theme, "vars.palette.".concat(color, ".contrastText")), focusStyles);
24
+ return css(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n color: ", ";\n background-color: ", ";\n\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n\n &:active {\n background-color: ", ";\n color: ", ";\n }\n .MuiButton-loadingWrapper {\n color: ", ";\n }\n\n ", "\n"])), getObjectProp(theme, "vars.palette.".concat(color, ".contrastText")), getObjectProp(theme, "vars.palette.".concat(color, ".main")), getObjectProp(theme, "vars.palette.".concat(color, ".light")), getObjectProp(theme, "vars.palette.".concat(color, ".contrastText")), getObjectProp(theme, "vars.palette.".concat(color, ".dark")), getObjectProp(theme, "vars.palette.".concat(color, ".contrastText")), getObjectProp(theme, "vars.palette.".concat(color, ".contrastText")), focusStyles);
25
25
  };
26
26
  var outlinedStyles = function outlinedStyles(_ref4) {
27
27
  var color = _ref4.color,
package/dist/esm/Checkbox.js CHANGED
@@ -49,7 +49,7 @@ function Checkbox(_ref) {
49
49
  }, /* @__PURE__ */React.createElement(Box, null, /* @__PURE__ */React.createElement(StyledCheckbox, _objectSpread2(_objectSpread2({}, props), {}, {
50
50
  disableRipple: true
51
51
  }))), /* @__PURE__ */React.createElement(FormLabel, {
52
- htmlFor: id,
52
+ htmlFor: props.id,
53
53
  size: size,
54
54
  disabled: disabled,
55
55
  margin: "none",
package/dist/esm/IconButton.styled.js CHANGED
@@ -17,7 +17,7 @@ var StyledIconButton = styled(IconButton)(_templateObject5 || (_templateObject5
17
17
  edges = _ref2.edges,
18
18
  size = _ref2.size,
19
19
  theme = _ref2.theme;
20
- return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n padding: 4px;\n ", "\n ", "\n ", "\n "])), disabled && disabledStyles, edgesStyles({
20
+ return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n && {\n padding: 4px;\n ", "\n ", "\n ", "\n }\n "])), disabled && disabledStyles, edgesStyles({
21
21
  edges: edges,
22
22
  theme: theme
23
23
  }), sizeStyles({
package/dist/esm/Modal.js CHANGED
@@ -77,7 +77,11 @@ function Modal(_ref) {
77
77
  height: 20,
78
78
  width: 250
79
79
  }), !loading && header), !loading && /* @__PURE__ */React.createElement(ModalContent, {
80
- disableGutter: true
80
+ disableGutter: true,
81
+ sx: {
82
+ px: 3,
83
+ mx: -3
84
+ }
81
85
  }, children, content), actions && /* @__PURE__ */React.createElement(ModalActions, {
82
86
  sx: {
83
87
  marginTop: {
package/dist/esm/Radio.js CHANGED
@@ -49,7 +49,7 @@ function Radio(_ref) {
49
49
  }, /* @__PURE__ */React.createElement(Box, null, /* @__PURE__ */React.createElement(StyledRadio, _objectSpread2(_objectSpread2({}, props), {}, {
50
50
  disableRipple: true
51
51
  }))), /* @__PURE__ */React.createElement(FormLabel, {
52
- htmlFor: id,
52
+ htmlFor: props.id,
53
53
  size: size,
54
54
  disabled: disabled,
55
55
  margin: "none",
package/dist/esm/TextInput.styled.js CHANGED
@@ -48,7 +48,7 @@ var StyledTextInput = styled(InputBase)(_templateObject17 || (_templateObject17
48
48
  readOnly = _ref8.readOnly,
49
49
  size = _ref8.size,
50
50
  theme = _ref8.theme;
51
- return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n background-color: #fff;\n font-weight: 400;\n transition: none;\n color: ", ";\n\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n\n > input {\n padding: 0;\n }\n "])), getObjectProp(theme, "vars.palette.text.primary"), colorStyles({
51
+ return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n && {\n background-color: #fff;\n font-weight: 400;\n transition: none;\n color: ", ";\n\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n\n > input {\n padding: 0;\n border: 0px;\n margin: 0px;\n box-shadow: none;\n height: 1.4375em;\n font: inherit;\n font-size: inherit;\n line-height: inherit;\n color: currentColor;\n box-sizing: content-box;\n background: none;\n -webkit-tap-highlight-color: transparent;\n display: block;\n min-width: 0px;\n width: 100%;\n }\n }\n "])), getObjectProp(theme, "vars.palette.text.primary"), colorStyles({
52
52
  color: color,
53
53
  theme: theme
54
54
  }), edgesStyles({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tenancy.nz/ui",
3
- "version": "1.1.1",
3
+ "version": "1.1.3",
4
4
  "description": "Library of React UI components for tenancy.co.nz apps.",
5
5
  "author": "Tenancy.co.nz <monty@tenancy.co.nz>",
6
6
  "keywords": [