@cloudflare/component-page 9.3.5 → 9.3.6

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 (5) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/es/Page.js +6 -3
  3. package/lib/Page.js +6 -3
  4. package/package.json +1 -1
  5. package/src/Page.tsx +11 -9
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # Change Log
2
2
 
3
+ ## 9.3.6
4
+
5
+ ### Patch Changes
6
+
7
+ - 3dc96a8751: Move beta tag out of Heading tag
8
+
3
9
  ## 9.3.5
4
10
 
5
11
  ### Patch Changes
package/es/Page.js CHANGED
@@ -59,7 +59,10 @@ var PageHeader = _ref => {
59
59
  color: "gray.3",
60
60
  fontWeight: 600,
61
61
  innerRef: parentPageLabelRef
62
- }, parentPageLabel), title && /*#__PURE__*/React.createElement(Heading, {
62
+ }, parentPageLabel), title && /*#__PURE__*/React.createElement(Div, {
63
+ display: "flex",
64
+ alignItems: "center"
65
+ }, /*#__PURE__*/React.createElement(Heading, {
63
66
  mt: 0,
64
67
  mb: 2,
65
68
  innerRef: titleRef
@@ -68,9 +71,9 @@ var PageHeader = _ref => {
68
71
  onClick: navigation.props.onClick
69
72
  }, /*#__PURE__*/React.createElement(Icon, {
70
73
  type: "backward"
71
- })), title, beta && /*#__PURE__*/React.createElement(Label, {
74
+ })), title), beta && /*#__PURE__*/React.createElement(Label, {
72
75
  hue: "orange",
73
- ml: 2,
76
+ mx: 2,
74
77
  verticalAlign: "middle"
75
78
  }, /*#__PURE__*/React.createElement(Trans, {
76
79
  _: "Beta",
package/lib/Page.js CHANGED
@@ -82,7 +82,10 @@ var PageHeader = function PageHeader(_ref) {
82
82
  color: "gray.3",
83
83
  fontWeight: 600,
84
84
  innerRef: parentPageLabelRef
85
- }, parentPageLabel), title && /*#__PURE__*/_react.default.createElement(_Heading.Heading, {
85
+ }, parentPageLabel), title && /*#__PURE__*/_react.default.createElement(_elements.Div, {
86
+ display: "flex",
87
+ alignItems: "center"
88
+ }, /*#__PURE__*/_react.default.createElement(_Heading.Heading, {
86
89
  mt: 0,
87
90
  mb: 2,
88
91
  innerRef: titleRef
@@ -91,9 +94,9 @@ var PageHeader = function PageHeader(_ref) {
91
94
  onClick: navigation.props.onClick
92
95
  }, /*#__PURE__*/_react.default.createElement(_componentIcon.Icon, {
93
96
  type: "backward"
94
- })), title, beta && /*#__PURE__*/_react.default.createElement(_componentLabel.Label, {
97
+ })), title), beta && /*#__PURE__*/_react.default.createElement(_componentLabel.Label, {
95
98
  hue: "orange",
96
- ml: 2,
99
+ mx: 2,
97
100
  verticalAlign: "middle"
98
101
  }, /*#__PURE__*/_react.default.createElement(_intlReact.Trans, {
99
102
  _: "Beta",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@cloudflare/component-page",
3
3
  "description": "Cloudflare Page Component",
4
- "version": "9.3.5",
4
+ "version": "9.3.6",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
7
7
  "author": "James Kyle <jkyle@cloudflare.com>",
package/src/Page.tsx CHANGED
@@ -88,19 +88,21 @@ const PageHeader = ({
88
88
  </P>
89
89
  )}
90
90
  {title && (
91
- <Heading mt={0} mb={2} innerRef={titleRef}>
92
- {isMobile && navigation && React.isValidElement(navigation) && (
93
- <Link mr={2} onClick={navigation.props.onClick}>
94
- <Icon type="backward" />
95
- </Link>
96
- )}
97
- {title}
91
+ <Div display="flex" alignItems="center">
92
+ <Heading mt={0} mb={2} innerRef={titleRef}>
93
+ {isMobile && navigation && React.isValidElement(navigation) && (
94
+ <Link mr={2} onClick={navigation.props.onClick}>
95
+ <Icon type="backward" />
96
+ </Link>
97
+ )}
98
+ {title}
99
+ </Heading>
98
100
  {beta && (
99
- <Label hue="orange" ml={2} verticalAlign="middle">
101
+ <Label hue="orange" mx={2} verticalAlign="middle">
100
102
  <Trans _="Beta" id="common.beta" />
101
103
  </Label>
102
104
  )}
103
- </Heading>
105
+ </Div>
104
106
  )}
105
107
  {description && (
106
108
  <P