@atlaskit/renderer 93.0.3 → 93.0.4
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/CHANGELOG.md +6 -0
- package/dist/cjs/ui/Expand.js +9 -3
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/ui/Expand.js +9 -3
- package/dist/es2019/version.json +1 -1
- package/dist/esm/ui/Expand.js +9 -3
- package/dist/esm/version.json +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
package/dist/cjs/ui/Expand.js
CHANGED
|
@@ -53,7 +53,9 @@ var Container = function Container(props) {
|
|
|
53
53
|
var sharedContainerStyles = _ui.sharedExpandStyles.containerStyles(props);
|
|
54
54
|
|
|
55
55
|
var styles = function styles(themeProps) {
|
|
56
|
-
return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n padding: 0;\n padding-bottom: ", ";\n "])), sharedContainerStyles(
|
|
56
|
+
return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n padding: 0;\n padding-bottom: ", ";\n "])), sharedContainerStyles({
|
|
57
|
+
theme: themeProps
|
|
58
|
+
}), paddingBottom);
|
|
57
59
|
};
|
|
58
60
|
|
|
59
61
|
return (0, _react2.jsx)("div", (0, _extends2.default)({
|
|
@@ -65,7 +67,9 @@ var TitleContainer = function TitleContainer(props) {
|
|
|
65
67
|
var paddingBottom = "".concat(!props.expanded ? (0, _constants.gridSize)() : 0, "px");
|
|
66
68
|
|
|
67
69
|
var styles = function styles(themeProps) {
|
|
68
|
-
return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n padding: ", "px;\n padding-bottom: ", ";\n "])), _ui.sharedExpandStyles.titleContainerStyles(
|
|
70
|
+
return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n padding: ", "px;\n padding-bottom: ", ";\n "])), _ui.sharedExpandStyles.titleContainerStyles({
|
|
71
|
+
theme: themeProps
|
|
72
|
+
}), (0, _constants.gridSize)(), paddingBottom);
|
|
69
73
|
};
|
|
70
74
|
|
|
71
75
|
return (0, _react2.jsx)("button", (0, _extends2.default)({
|
|
@@ -81,7 +85,9 @@ var ContentContainer = function ContentContainer(props) {
|
|
|
81
85
|
var visibility = props.expanded ? 'visible' : 'hidden';
|
|
82
86
|
|
|
83
87
|
var styles = function styles(themeProps) {
|
|
84
|
-
return (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n ", ";\n padding-right: ", "px;\n padding-left: ", "px;\n visibility: ", ";\n "])), sharedContentStyles(
|
|
88
|
+
return (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n ", ";\n padding-right: ", "px;\n padding-left: ", "px;\n visibility: ", ";\n "])), sharedContentStyles({
|
|
89
|
+
theme: themeProps
|
|
90
|
+
}), (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() * 5 - (0, _constants.gridSize)() / 2, visibility);
|
|
85
91
|
};
|
|
86
92
|
|
|
87
93
|
return (0, _react2.jsx)("div", (0, _extends2.default)({
|
package/dist/cjs/version.json
CHANGED
package/dist/es2019/ui/Expand.js
CHANGED
|
@@ -31,7 +31,9 @@ const Container = props => {
|
|
|
31
31
|
const sharedContainerStyles = sharedExpandStyles.containerStyles(props);
|
|
32
32
|
|
|
33
33
|
const styles = themeProps => css`
|
|
34
|
-
${sharedContainerStyles(
|
|
34
|
+
${sharedContainerStyles({
|
|
35
|
+
theme: themeProps
|
|
36
|
+
})}
|
|
35
37
|
padding: 0;
|
|
36
38
|
padding-bottom: ${paddingBottom};
|
|
37
39
|
`;
|
|
@@ -45,7 +47,9 @@ const TitleContainer = props => {
|
|
|
45
47
|
const paddingBottom = `${!props.expanded ? gridSize() : 0}px`;
|
|
46
48
|
|
|
47
49
|
const styles = themeProps => css`
|
|
48
|
-
${sharedExpandStyles.titleContainerStyles(
|
|
50
|
+
${sharedExpandStyles.titleContainerStyles({
|
|
51
|
+
theme: themeProps
|
|
52
|
+
})}
|
|
49
53
|
padding: ${gridSize()}px;
|
|
50
54
|
padding-bottom: ${paddingBottom};
|
|
51
55
|
`;
|
|
@@ -62,7 +66,9 @@ const ContentContainer = props => {
|
|
|
62
66
|
const visibility = props.expanded ? 'visible' : 'hidden';
|
|
63
67
|
|
|
64
68
|
const styles = themeProps => css`
|
|
65
|
-
${sharedContentStyles(
|
|
69
|
+
${sharedContentStyles({
|
|
70
|
+
theme: themeProps
|
|
71
|
+
})};
|
|
66
72
|
padding-right: ${gridSize() * 2}px;
|
|
67
73
|
padding-left: ${gridSize() * 5 - gridSize() / 2}px;
|
|
68
74
|
visibility: ${visibility};
|
package/dist/es2019/version.json
CHANGED
package/dist/esm/ui/Expand.js
CHANGED
|
@@ -24,7 +24,9 @@ var Container = function Container(props) {
|
|
|
24
24
|
var sharedContainerStyles = sharedExpandStyles.containerStyles(props);
|
|
25
25
|
|
|
26
26
|
var styles = function styles(themeProps) {
|
|
27
|
-
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n ", "\n padding: 0;\n padding-bottom: ", ";\n "])), sharedContainerStyles(
|
|
27
|
+
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n ", "\n padding: 0;\n padding-bottom: ", ";\n "])), sharedContainerStyles({
|
|
28
|
+
theme: themeProps
|
|
29
|
+
}), paddingBottom);
|
|
28
30
|
};
|
|
29
31
|
|
|
30
32
|
return jsx("div", _extends({
|
|
@@ -36,7 +38,9 @@ var TitleContainer = function TitleContainer(props) {
|
|
|
36
38
|
var paddingBottom = "".concat(!props.expanded ? gridSize() : 0, "px");
|
|
37
39
|
|
|
38
40
|
var styles = function styles(themeProps) {
|
|
39
|
-
return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n ", "\n padding: ", "px;\n padding-bottom: ", ";\n "])), sharedExpandStyles.titleContainerStyles(
|
|
41
|
+
return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n ", "\n padding: ", "px;\n padding-bottom: ", ";\n "])), sharedExpandStyles.titleContainerStyles({
|
|
42
|
+
theme: themeProps
|
|
43
|
+
}), gridSize(), paddingBottom);
|
|
40
44
|
};
|
|
41
45
|
|
|
42
46
|
return jsx("button", _extends({
|
|
@@ -51,7 +55,9 @@ var ContentContainer = function ContentContainer(props) {
|
|
|
51
55
|
var visibility = props.expanded ? 'visible' : 'hidden';
|
|
52
56
|
|
|
53
57
|
var styles = function styles(themeProps) {
|
|
54
|
-
return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n ", ";\n padding-right: ", "px;\n padding-left: ", "px;\n visibility: ", ";\n "])), sharedContentStyles(
|
|
58
|
+
return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n ", ";\n padding-right: ", "px;\n padding-left: ", "px;\n visibility: ", ";\n "])), sharedContentStyles({
|
|
59
|
+
theme: themeProps
|
|
60
|
+
}), gridSize() * 2, gridSize() * 5 - gridSize() / 2, visibility);
|
|
55
61
|
};
|
|
56
62
|
|
|
57
63
|
return jsx("div", _extends({
|
package/dist/esm/version.json
CHANGED