@tenancy.nz/ui 1.3.0 → 1.3.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 (3) hide show
  1. package/dist/cjs/components/Button.styled.cjs +17 -8
  2. package/dist/esm/components/Button.styled.js +17 -9
  3. package/package.json +1 -1
package/dist/cjs/components/Button.styled.cjs CHANGED
@@ -8,7 +8,7 @@ var react = require('@emotion/react');
8
8
  var styles = require('@mui/material/styles');
9
9
  var object = require('../utils/helpers/object.cjs');
10
10
 
11
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
11
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
12
12
  var edgesStyles = function edgesStyles(_ref) {
13
13
  var edges = _ref.edges,
14
14
  theme = _ref.theme;
@@ -32,14 +32,19 @@ var outlinedStyles = function outlinedStyles(_ref4) {
32
32
  theme = _ref4.theme;
33
33
  return react.css(_templateObject12 || (_templateObject12 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n color: ", ";\n background-color: transparent;\n border: 1px solid currentColor;\n\n .MuiButton-loadingWrapper {\n color: ", ";\n }\n\n &:hover,\n &:active {\n background-color: ", ";\n }\n\n ", "\n"])), object.getObjectProp(theme, "vars.palette.".concat(color, ".main")), object.getObjectProp(theme, "vars.palette.".concat(color, ".main")), object.getObjectProp(theme, "vars.palette.background.muted"), focusStyles);
34
34
  };
35
- var StyledButton = styles.styled(Button)(_templateObject13 || (_templateObject13 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n ", "\n"])), function (_ref5) {
35
+ var textStyles = function textStyles(_ref5) {
36
36
  var color = _ref5.color,
37
- disabled = _ref5.disabled,
38
- edges = _ref5.edges,
39
- size = _ref5.size,
40
- theme = _ref5.theme,
41
- variant = _ref5.variant;
42
- return react.css(_templateObject14 || (_templateObject14 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n && {\n padding: 0px 24px;\n text-transform: initial;\n font-weight: 700;\n\n ", "\n ", "\n ", "\n ", "\n ", "\n }\n "])), edgesStyles({
37
+ theme = _ref5.theme;
38
+ return react.css(_templateObject13 || (_templateObject13 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n && {\n color: ", ";\n background-color: transparent;\n border: none;\n\n .MuiButton-loadingWrapper {\n color: ", ";\n }\n\n &:hover,\n &:active {\n background-color: ", ";\n }\n\n ", "\n }\n"])), object.getObjectProp(theme, "vars.palette.".concat(color, ".main")), object.getObjectProp(theme, "vars.palette.".concat(color, ".main")), object.getObjectProp(theme, "vars.palette.background.muted"), focusStyles);
39
+ };
40
+ var StyledButton = styles.styled(Button)(_templateObject14 || (_templateObject14 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n ", "\n"])), function (_ref6) {
41
+ var color = _ref6.color,
42
+ disabled = _ref6.disabled,
43
+ edges = _ref6.edges,
44
+ size = _ref6.size,
45
+ theme = _ref6.theme,
46
+ variant = _ref6.variant;
47
+ return react.css(_templateObject15 || (_templateObject15 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n && {\n padding: 0px 24px;\n text-transform: initial;\n font-weight: 700;\n\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n }\n "])), edgesStyles({
43
48
  edges: edges,
44
49
  theme: theme
45
50
  }), sizeStyles({
@@ -51,6 +56,9 @@ var StyledButton = styles.styled(Button)(_templateObject13 || (_templateObject13
51
56
  }), variant === "outlined" && !disabled && outlinedStyles({
52
57
  color: color,
53
58
  theme: theme
59
+ }), variant === "text" && !disabled && textStyles({
60
+ color: color,
61
+ theme: theme
54
62
  }));
55
63
  });
56
64
 
@@ -61,3 +69,4 @@ exports.edgesStyles = edgesStyles;
61
69
  exports.focusStyles = focusStyles;
62
70
  exports.outlinedStyles = outlinedStyles;
63
71
  exports.sizeStyles = sizeStyles;
72
+ exports.textStyles = textStyles;
package/dist/esm/components/Button.styled.js CHANGED
@@ -4,7 +4,7 @@ import { css } from '@emotion/react';
4
4
  import { styled } from '@mui/material/styles';
5
5
  import { getObjectProp } from '../utils/helpers/object.js';
6
6
 
7
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
7
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
8
8
  var edgesStyles = function edgesStyles(_ref) {
9
9
  var edges = _ref.edges,
10
10
  theme = _ref.theme;
@@ -28,14 +28,19 @@ var outlinedStyles = function outlinedStyles(_ref4) {
28
28
  theme = _ref4.theme;
29
29
  return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n color: ", ";\n background-color: transparent;\n border: 1px solid currentColor;\n\n .MuiButton-loadingWrapper {\n color: ", ";\n }\n\n &:hover,\n &:active {\n background-color: ", ";\n }\n\n ", "\n"])), getObjectProp(theme, "vars.palette.".concat(color, ".main")), getObjectProp(theme, "vars.palette.".concat(color, ".main")), getObjectProp(theme, "vars.palette.background.muted"), focusStyles);
30
30
  };
31
- var StyledButton = styled(Button)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n ", "\n"])), function (_ref5) {
31
+ var textStyles = function textStyles(_ref5) {
32
32
  var color = _ref5.color,
33
- disabled = _ref5.disabled,
34
- edges = _ref5.edges,
35
- size = _ref5.size,
36
- theme = _ref5.theme,
37
- variant = _ref5.variant;
38
- return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n && {\n padding: 0px 24px;\n text-transform: initial;\n font-weight: 700;\n\n ", "\n ", "\n ", "\n ", "\n ", "\n }\n "])), edgesStyles({
33
+ theme = _ref5.theme;
34
+ return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n && {\n color: ", ";\n background-color: transparent;\n border: none;\n\n .MuiButton-loadingWrapper {\n color: ", ";\n }\n\n &:hover,\n &:active {\n background-color: ", ";\n }\n\n ", "\n }\n"])), getObjectProp(theme, "vars.palette.".concat(color, ".main")), getObjectProp(theme, "vars.palette.".concat(color, ".main")), getObjectProp(theme, "vars.palette.background.muted"), focusStyles);
35
+ };
36
+ var StyledButton = styled(Button)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n ", "\n"])), function (_ref6) {
37
+ var color = _ref6.color,
38
+ disabled = _ref6.disabled,
39
+ edges = _ref6.edges,
40
+ size = _ref6.size,
41
+ theme = _ref6.theme,
42
+ variant = _ref6.variant;
43
+ return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n && {\n padding: 0px 24px;\n text-transform: initial;\n font-weight: 700;\n\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n }\n "])), edgesStyles({
39
44
  edges: edges,
40
45
  theme: theme
41
46
  }), sizeStyles({
@@ -47,7 +52,10 @@ var StyledButton = styled(Button)(_templateObject13 || (_templateObject13 = _tag
47
52
  }), variant === "outlined" && !disabled && outlinedStyles({
48
53
  color: color,
49
54
  theme: theme
55
+ }), variant === "text" && !disabled && textStyles({
56
+ color: color,
57
+ theme: theme
50
58
  }));
51
59
  });
52
60
 
53
- export { containedStyles, StyledButton as default, disabledStyles, edgesStyles, focusStyles, outlinedStyles, sizeStyles };
61
+ export { containedStyles, StyledButton as default, disabledStyles, edgesStyles, focusStyles, outlinedStyles, sizeStyles, textStyles };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tenancy.nz/ui",
3
- "version": "1.3.0",
3
+ "version": "1.3.1",
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": [