@cloudflare/component-page 7.0.0 → 7.1.0

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 (6) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/Page.d.ts +5 -4
  3. package/es/Page.js +1 -1
  4. package/lib/Page.js +1 -1
  5. package/package.json +1 -1
  6. package/src/Page.tsx +3 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # Change Log
2
2
 
3
+ ## 7.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 51c2d1f916: Apply flex only when sidebar is placed inside, allowing main content to take up the full width if otherwise
8
+
3
9
  ## 7.0.0
4
10
 
5
11
  ### Patch Changes
package/dist/Page.d.ts CHANGED
@@ -16,8 +16,9 @@ declare const _default: React.ComponentType<{
16
16
  sidebar?: React.ReactNode;
17
17
  sidebarPosition?: "left" | "inside" | "outside" | undefined;
18
18
  autofocus?: boolean | undefined;
19
- p?: import("csstype").PaddingProperty<string | number> | [import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined] | [import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined] | undefined;
20
19
  color?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
20
+ borderColor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
21
+ p?: import("csstype").PaddingProperty<string | number> | [import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined] | [import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined] | undefined;
21
22
  height?: import("csstype").HeightProperty<string | number> | [import("csstype").HeightProperty<string | number> | undefined, import("csstype").HeightProperty<string | number> | undefined] | [import("csstype").HeightProperty<string | number> | undefined, import("csstype").HeightProperty<string | number> | undefined, import("csstype").HeightProperty<string | number> | undefined] | undefined;
22
23
  width?: import("csstype").WidthProperty<string | number> | [import("csstype").WidthProperty<string | number> | undefined, import("csstype").WidthProperty<string | number> | undefined] | [import("csstype").WidthProperty<string | number> | undefined, import("csstype").WidthProperty<string | number> | undefined, import("csstype").WidthProperty<string | number> | undefined] | undefined;
23
24
  cursor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
@@ -25,7 +26,6 @@ declare const _default: React.ComponentType<{
25
26
  fontSize?: import("csstype").FontSizeProperty<string | number> | [import("csstype").FontSizeProperty<string | number> | undefined, import("csstype").FontSizeProperty<string | number> | undefined] | [import("csstype").FontSizeProperty<string | number> | undefined, import("csstype").FontSizeProperty<string | number> | undefined, import("csstype").FontSizeProperty<string | number> | undefined] | undefined;
26
27
  fontWeight?: import("csstype").FontWeightProperty | [import("csstype").FontWeightProperty | undefined, import("csstype").FontWeightProperty | undefined] | [import("csstype").FontWeightProperty | undefined, import("csstype").FontWeightProperty | undefined, import("csstype").FontWeightProperty | undefined] | undefined;
27
28
  textDecoration?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
28
- borderColor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
29
29
  margin?: import("csstype").MarginProperty<string | number> | [import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined] | [import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined] | undefined;
30
30
  marginLeft?: import("csstype").MarginLeftProperty<string | number> | [import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined] | [import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined] | undefined;
31
31
  marginRight?: import("csstype").MarginRightProperty<string | number> | [import("csstype").MarginRightProperty<string | number> | undefined, import("csstype").MarginRightProperty<string | number> | undefined] | [import("csstype").MarginRightProperty<string | number> | undefined, import("csstype").MarginRightProperty<string | number> | undefined, import("csstype").MarginRightProperty<string | number> | undefined] | undefined;
@@ -84,12 +84,13 @@ declare const _default: React.ComponentType<{
84
84
  flexDirection?: import("csstype").FlexDirectionProperty | [import("csstype").FlexDirectionProperty | undefined, import("csstype").FlexDirectionProperty | undefined] | [import("csstype").FlexDirectionProperty | undefined, import("csstype").FlexDirectionProperty | undefined, import("csstype").FlexDirectionProperty | undefined] | undefined;
85
85
  flexBasis?: import("csstype").FlexBasisProperty<string | number> | [import("csstype").FlexBasisProperty<string | number> | undefined, import("csstype").FlexBasisProperty<string | number> | undefined] | [import("csstype").FlexBasisProperty<string | number> | undefined, import("csstype").FlexBasisProperty<string | number> | undefined, import("csstype").FlexBasisProperty<string | number> | undefined] | undefined;
86
86
  flexGrow?: import("csstype").GlobalsNumber | [import("csstype").GlobalsNumber | undefined, import("csstype").GlobalsNumber | undefined] | [import("csstype").GlobalsNumber | undefined, import("csstype").GlobalsNumber | undefined, import("csstype").GlobalsNumber | undefined] | undefined;
87
+ gridTemplateColumns?: import("csstype").GridTemplateColumnsProperty<string | number> | [import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined] | [import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined] | undefined;
87
88
  innerRef?: React.Ref<never> | undefined;
88
89
  gridColumnSpan?: number | number[] | "end" | "all" | undefined;
89
90
  gridColumnPad?: number | number[] | undefined;
90
91
  gridRowSpan?: number | number[] | undefined;
91
92
  gridRowPad?: number | number[] | undefined;
92
- gridAlign?: ("end" | "start" | "center" | "stretch") | undefined;
93
- gridJustify?: ("end" | "start" | "center" | "stretch") | undefined;
93
+ gridAlign?: ("start" | "end" | "center" | "stretch") | undefined;
94
+ gridJustify?: ("start" | "end" | "center" | "stretch") | undefined;
94
95
  }>;
95
96
  export default _default;
package/es/Page.js CHANGED
@@ -144,7 +144,7 @@ var Page = _ref4 => {
144
144
  }, /*#__PURE__*/React.createElement(Div, {
145
145
  ml: "auto",
146
146
  mr: sidebar && !sidebarInside ? 0 : 'auto',
147
- display: sidebar ? ['block', 'block', 'flex'] : undefined,
147
+ display: sidebar && sidebarInside ? ['block', 'block', 'flex'] : undefined,
148
148
  width: type === 'unbounded' ? '100%' : '90%',
149
149
  maxWidth: maxWidthByType[type] || maxWidthByType.narrow
150
150
  }, /*#__PURE__*/React.createElement(Div, {
package/lib/Page.js CHANGED
@@ -161,7 +161,7 @@ var Page = function Page(_ref4) {
161
161
  }, /*#__PURE__*/_react.default.createElement(_elements.Div, {
162
162
  ml: "auto",
163
163
  mr: sidebar && !sidebarInside ? 0 : 'auto',
164
- display: sidebar ? ['block', 'block', 'flex'] : undefined,
164
+ display: sidebar && sidebarInside ? ['block', 'block', 'flex'] : undefined,
165
165
  width: type === 'unbounded' ? '100%' : '90%',
166
166
  maxWidth: maxWidthByType[type] || maxWidthByType.narrow
167
167
  }, /*#__PURE__*/_react.default.createElement(_elements.Div, {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@cloudflare/component-page",
3
3
  "description": "Cloudflare Page Component",
4
- "version": "7.0.0",
4
+ "version": "7.1.0",
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
@@ -200,7 +200,9 @@ const Page = ({
200
200
  <Div
201
201
  ml="auto"
202
202
  mr={sidebar && !sidebarInside ? 0 : 'auto'}
203
- display={sidebar ? ['block', 'block', 'flex'] : undefined}
203
+ display={
204
+ sidebar && sidebarInside ? ['block', 'block', 'flex'] : undefined
205
+ }
204
206
  width={type === 'unbounded' ? '100%' : '90%'}
205
207
  maxWidth={maxWidthByType[type] || maxWidthByType.narrow}
206
208
  >