@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.
- package/dist/cjs/components/Divider.cjs +1 -1
- package/dist/cjs/components/Divider.styled.cjs +1 -1
- package/dist/cjs/components/Tag.styled.cjs +1 -1
- package/dist/cjs/components/Text.cjs +1 -1
- package/dist/cjs/theme/index.cjs +8 -1
- package/dist/esm/components/Divider.js +1 -1
- package/dist/esm/components/Divider.styled.js +1 -1
- package/dist/esm/components/Tag.styled.js +1 -1
- package/dist/esm/components/Text.js +1 -1
- package/dist/esm/theme/index.js +8 -1
- package/package.json +1 -1
|
@@ -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 ? "
|
|
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[
|
|
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 ? "
|
|
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,
|
package/dist/cjs/theme/index.cjs
CHANGED
|
@@ -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:
|
|
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 ? "
|
|
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[
|
|
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 ? "
|
|
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,
|
package/dist/esm/theme/index.js
CHANGED
|
@@ -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:
|
|
180
|
+
fontSize: 18,
|
|
174
181
|
fontWeight: 400
|
|
175
182
|
},
|
|
176
183
|
body1: {
|