@tenancy.nz/ui 1.2.7 → 1.2.9

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.
@@ -23,7 +23,7 @@ function Divider(_ref) {
23
23
  _ref$orientation = _ref.orientation,
24
24
  orientation = _ref$orientation === void 0 ? "horizontal" : _ref$orientation,
25
25
  _ref$variant = _ref.variant,
26
- variant = _ref$variant === void 0 ? "dotted" : _ref$variant;
26
+ variant = _ref$variant === void 0 ? "solid" : _ref$variant;
27
27
  var props = {
28
28
  as: as,
29
29
  color: color,
@@ -13,7 +13,7 @@ var StyledDivider = styled.hr(_templateObject || (_templateObject = _rollupPlugi
13
13
  orientation = _ref.orientation,
14
14
  variant = _ref.variant,
15
15
  theme = _ref.theme;
16
- return styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n color: inherit;\n background: transparent;\n border-style: ", ";\n border-color: ", ";\n flex-shrink: 0;\n list-style-type: none;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n "])), variant, color === "default" ? theme.palette.grey[300] : "currentColor", as === "span" && styled.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n display: block;\n "]))), flexItem && styled.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n align-self: stretch;\n "]))), disableGutter && styled.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n margin: 0;\n "]))), orientation === "horizontal" && !disableGutter && !dense && styled.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n margin: 1rem 0;\n "]))), orientation === "horizontal" && !disableGutter && dense && styled.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n margin: 0.4rem 0;\n "]))), orientation === "vertical" && !disableGutter && !dense && styled.css(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n margin: 0 1rem;\n "]))), orientation === "vertical" && !disableGutter && dense && styled.css(_templateObject9 || (_templateObject9 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n margin: 0 0.4rem;\n "]))), orientation === "horizontal" && !flexItem && styled.css(_templateObject0 || (_templateObject0 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n border-width: 0px 0px thin 0px;\n "]))), (orientation === "vertical" || flexItem) && styled.css(_templateObject1 || (_templateObject1 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n border-width: 0px thin 0px 0px;\n "]))));
16
+ return styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n color: inherit;\n background: transparent;\n border-style: ", ";\n border-color: ", ";\n flex-shrink: 0;\n list-style-type: none;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n "])), variant, color === "default" ? theme.palette.grey[200] : "currentColor", as === "span" && styled.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n display: block;\n "]))), flexItem && styled.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n align-self: stretch;\n "]))), disableGutter && styled.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n margin: 0;\n "]))), orientation === "horizontal" && !disableGutter && !dense && styled.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n margin: 24px 0;\n "]))), orientation === "horizontal" && !disableGutter && dense && styled.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n margin: 12px 0;\n "]))), orientation === "vertical" && !disableGutter && !dense && styled.css(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n margin: 0 1rem;\n "]))), orientation === "vertical" && !disableGutter && dense && styled.css(_templateObject9 || (_templateObject9 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n margin: 0 0.4rem;\n "]))), orientation === "horizontal" && !flexItem && styled.css(_templateObject0 || (_templateObject0 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n border-width: 0px 0px thin 0px;\n "]))), (orientation === "vertical" || flexItem) && styled.css(_templateObject1 || (_templateObject1 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n border-width: 0px thin 0px 0px;\n "]))));
17
17
  });
18
18
 
19
19
  exports.StyledDivider = StyledDivider;
@@ -29,7 +29,7 @@ var containedStyles = function containedStyles(_ref4) {
29
29
  var standardStyles = function standardStyles(_ref5) {
30
30
  var color = _ref5.color,
31
31
  theme = _ref5.theme;
32
- return react.css(_templateObject13 || (_templateObject13 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n background-color: ", ";\n color: ", ";\n"])), object.getObjectProp(theme, "vars.palette.".concat(color, ".light")), object.getObjectProp(theme, "vars.palette.".concat(color, ".main")));
32
+ return react.css(_templateObject13 || (_templateObject13 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n background-color: ", ";\n color: ", ";\n"])), object.getObjectProp(theme, "vars.palette.".concat(color, ".50")) || object.getObjectProp(theme, "vars.palette.".concat(color, ".light")), object.getObjectProp(theme, "vars.palette.".concat(color, ".main")));
33
33
  };
34
34
  var outlinedStyles = function outlinedStyles(_ref6) {
35
35
  var color = _ref6.color,
@@ -16,7 +16,7 @@ function Text(_ref) {
16
16
  _ref$transform = _ref.transform,
17
17
  transform = _ref$transform === void 0 ? void 0 : _ref$transform,
18
18
  _ref$weight = _ref.weight,
19
- weight = _ref$weight === void 0 ? "500" : _ref$weight,
19
+ weight = _ref$weight === void 0 ? "400" : _ref$weight,
20
20
  _ref$display = _ref.display,
21
21
  display = _ref$display === void 0 ? "block" : _ref$display,
22
22
  _ref$paragraph = _ref.paragraph,
@@ -43,6 +43,7 @@ var palette = {
43
43
  },
44
44
  tertiary: {
45
45
  light: "#3dcdb5",
46
+ 50: "#E7F9F6",
46
47
  main: "#0CC1A3",
47
48
  dark: "#0a9a82",
48
49
  contrastText: "#fff"
@@ -77,6 +78,12 @@ var palette = {
77
78
  dark: "#0D47A1",
78
79
  contrastText: "#fff"
79
80
  },
81
+ pink: {
82
+ main: "#DB2C73",
83
+ light: "#fbeaf1",
84
+ dark: "#af235c",
85
+ contrastText: "#fff"
86
+ },
80
87
  purple: {
81
88
  main: "#7D00C0",
82
89
  light: "#F9EDFF",
@@ -174,7 +181,7 @@ var typography = {
174
181
  lineHeight: "inherit"
175
182
  },
176
183
  subtitle2: {
177
- fontSize: 22,
184
+ fontSize: 18,
178
185
  fontWeight: 400
179
186
  },
180
187
  body1: {
@@ -19,7 +19,7 @@ function Divider(_ref) {
19
19
  _ref$orientation = _ref.orientation,
20
20
  orientation = _ref$orientation === void 0 ? "horizontal" : _ref$orientation,
21
21
  _ref$variant = _ref.variant,
22
- variant = _ref$variant === void 0 ? "dotted" : _ref$variant;
22
+ variant = _ref$variant === void 0 ? "solid" : _ref$variant;
23
23
  var props = {
24
24
  as: as,
25
25
  color: color,
@@ -11,7 +11,7 @@ var StyledDivider = styled.hr(_templateObject || (_templateObject = _taggedTempl
11
11
  orientation = _ref.orientation,
12
12
  variant = _ref.variant,
13
13
  theme = _ref.theme;
14
- return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n color: inherit;\n background: transparent;\n border-style: ", ";\n border-color: ", ";\n flex-shrink: 0;\n list-style-type: none;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n "])), variant, color === "default" ? theme.palette.grey[300] : "currentColor", as === "span" && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: block;\n "]))), flexItem && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n align-self: stretch;\n "]))), disableGutter && css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n margin: 0;\n "]))), orientation === "horizontal" && !disableGutter && !dense && css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n margin: 1rem 0;\n "]))), orientation === "horizontal" && !disableGutter && dense && css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n margin: 0.4rem 0;\n "]))), orientation === "vertical" && !disableGutter && !dense && css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n margin: 0 1rem;\n "]))), orientation === "vertical" && !disableGutter && dense && css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n margin: 0 0.4rem;\n "]))), orientation === "horizontal" && !flexItem && css(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n border-width: 0px 0px thin 0px;\n "]))), (orientation === "vertical" || flexItem) && css(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n border-width: 0px thin 0px 0px;\n "]))));
14
+ return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n color: inherit;\n background: transparent;\n border-style: ", ";\n border-color: ", ";\n flex-shrink: 0;\n list-style-type: none;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n "])), variant, color === "default" ? theme.palette.grey[200] : "currentColor", as === "span" && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: block;\n "]))), flexItem && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n align-self: stretch;\n "]))), disableGutter && css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n margin: 0;\n "]))), orientation === "horizontal" && !disableGutter && !dense && css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n margin: 24px 0;\n "]))), orientation === "horizontal" && !disableGutter && dense && css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n margin: 12px 0;\n "]))), orientation === "vertical" && !disableGutter && !dense && css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n margin: 0 1rem;\n "]))), orientation === "vertical" && !disableGutter && dense && css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n margin: 0 0.4rem;\n "]))), orientation === "horizontal" && !flexItem && css(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n border-width: 0px 0px thin 0px;\n "]))), (orientation === "vertical" || flexItem) && css(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n border-width: 0px thin 0px 0px;\n "]))));
15
15
  });
16
16
 
17
17
  export { StyledDivider };
@@ -25,7 +25,7 @@ var containedStyles = function containedStyles(_ref4) {
25
25
  var standardStyles = function standardStyles(_ref5) {
26
26
  var color = _ref5.color,
27
27
  theme = _ref5.theme;
28
- return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n background-color: ", ";\n color: ", ";\n"])), getObjectProp(theme, "vars.palette.".concat(color, ".light")), getObjectProp(theme, "vars.palette.".concat(color, ".main")));
28
+ return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n background-color: ", ";\n color: ", ";\n"])), getObjectProp(theme, "vars.palette.".concat(color, ".50")) || getObjectProp(theme, "vars.palette.".concat(color, ".light")), getObjectProp(theme, "vars.palette.".concat(color, ".main")));
29
29
  };
30
30
  var outlinedStyles = function outlinedStyles(_ref6) {
31
31
  var color = _ref6.color,
@@ -12,7 +12,7 @@ function Text(_ref) {
12
12
  _ref$transform = _ref.transform,
13
13
  transform = _ref$transform === void 0 ? void 0 : _ref$transform,
14
14
  _ref$weight = _ref.weight,
15
- weight = _ref$weight === void 0 ? "500" : _ref$weight,
15
+ weight = _ref$weight === void 0 ? "400" : _ref$weight,
16
16
  _ref$display = _ref.display,
17
17
  display = _ref$display === void 0 ? "block" : _ref$display,
18
18
  _ref$paragraph = _ref.paragraph,
@@ -39,6 +39,7 @@ var palette = {
39
39
  },
40
40
  tertiary: {
41
41
  light: "#3dcdb5",
42
+ 50: "#E7F9F6",
42
43
  main: "#0CC1A3",
43
44
  dark: "#0a9a82",
44
45
  contrastText: "#fff"
@@ -73,6 +74,12 @@ var palette = {
73
74
  dark: "#0D47A1",
74
75
  contrastText: "#fff"
75
76
  },
77
+ pink: {
78
+ main: "#DB2C73",
79
+ light: "#fbeaf1",
80
+ dark: "#af235c",
81
+ contrastText: "#fff"
82
+ },
76
83
  purple: {
77
84
  main: "#7D00C0",
78
85
  light: "#F9EDFF",
@@ -170,7 +177,7 @@ var typography = {
170
177
  lineHeight: "inherit"
171
178
  },
172
179
  subtitle2: {
173
- fontSize: 22,
180
+ fontSize: 18,
174
181
  fontWeight: 400
175
182
  },
176
183
  body1: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tenancy.nz/ui",
3
- "version": "1.2.7",
3
+ "version": "1.2.9",
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": [