@nulogy/components 8.1.8 → 8.2.0

package/dist/main.js

@@ -22316,7 +22316,6 @@
       borderRadius: theme.radii.small,
       border: "solid 1px",
       position: "relative",
-      alignSelf: "center",
       // checkmark
       "&:before": Object.assign({
         content: "''",
@@ -22328,7 +22327,7 @@
         border: "solid " + theme.colors.white
       }, indeterminate ? indeterminateStyles : checkedStyles)
     };
-  });
+  }, addStyledProps);
   var CheckboxInput = styled__default['default'].input.withConfig({
     displayName: "Checkbox__CheckboxInput",
     componentId: "sc-14jj5ns-1"
@@ -22375,7 +22374,8 @@
       disabled: disabled,
       checked: checked,
       indeterminate: indeterminate,
-      "data-testid": "visual-checkbox"
+      "data-testid": "visual-checkbox",
+      marginTop: labelText ? "half" : "0px"
     }), labelText && /*#__PURE__*/React__default['default'].createElement(Text, {
       disabled: disabled,
       ml: "x1"
@@ -50634,13 +50634,13 @@
 
     return /*#__PURE__*/React__default['default'].createElement(Flex, Object.assign({
       flexDirection: "column",
-      minHeight: "100vh",
-      height: "100vh"
+      minHeight: "100vh"
     }, props), /*#__PURE__*/React__default['default'].createElement(Box, {
       position: "sticky",
       top: "0",
       zIndex: "navBar"
-    }, environment && /*#__PURE__*/React__default['default'].createElement(EnvironmentBanner, null, environment), navBar), /*#__PURE__*/React__default['default'].createElement(Box, {
+    }, environment && /*#__PURE__*/React__default['default'].createElement(EnvironmentBanner, null, environment), navBar), /*#__PURE__*/React__default['default'].createElement(Flex, {
+      flexDirection: "column",
       position: "relative",
       flexGrow: 1
     }, children));
@@ -50651,12 +50651,14 @@
         title = _a.title,
         children = _a.children,
         headerContent = _a.headerContent,
-        props = __rest(_a, ["breadcrumbs", "title", "children", "headerContent"]);
+        fullHeight = _a.fullHeight,
+        props = __rest(_a, ["breadcrumbs", "title", "children", "headerContent", "fullHeight"]);
 
     return /*#__PURE__*/React__default['default'].createElement(Flex, Object.assign({
       flexDirection: "column",
       py: "x3",
-      px: "x3"
+      px: "x3",
+      flexGrow: fullHeight ? 1 : 0
     }, props), breadcrumbs, /*#__PURE__*/React__default['default'].createElement(Flex, {
       alignItems: "center"
     }, title && /*#__PURE__*/React__default['default'].createElement(Heading1, {

package/dist/main.module.js

@@ -22290,7 +22290,6 @@ var VisualCheckbox = styled.div.withConfig({
     borderRadius: theme.radii.small,
     border: "solid 1px",
     position: "relative",
-    alignSelf: "center",
     // checkmark
     "&:before": Object.assign({
       content: "''",
@@ -22302,7 +22301,7 @@ var VisualCheckbox = styled.div.withConfig({
       border: "solid " + theme.colors.white
     }, indeterminate ? indeterminateStyles : checkedStyles)
   };
-});
+}, addStyledProps);
 var CheckboxInput = styled.input.withConfig({
   displayName: "Checkbox__CheckboxInput",
   componentId: "sc-14jj5ns-1"
@@ -22349,7 +22348,8 @@ var Checkbox = /*#__PURE__*/forwardRef(function (props, ref) {
     disabled: disabled,
     checked: checked,
     indeterminate: indeterminate,
-    "data-testid": "visual-checkbox"
+    "data-testid": "visual-checkbox",
+    marginTop: labelText ? "half" : "0px"
   }), labelText && /*#__PURE__*/React__default.createElement(Text, {
     disabled: disabled,
     ml: "x1"
@@ -50608,13 +50608,13 @@ var ApplicationFrame = function ApplicationFrame(_a) {
 
   return /*#__PURE__*/React__default.createElement(Flex, Object.assign({
     flexDirection: "column",
-    minHeight: "100vh",
-    height: "100vh"
+    minHeight: "100vh"
   }, props), /*#__PURE__*/React__default.createElement(Box, {
     position: "sticky",
     top: "0",
     zIndex: "navBar"
-  }, environment && /*#__PURE__*/React__default.createElement(EnvironmentBanner, null, environment), navBar), /*#__PURE__*/React__default.createElement(Box, {
+  }, environment && /*#__PURE__*/React__default.createElement(EnvironmentBanner, null, environment), navBar), /*#__PURE__*/React__default.createElement(Flex, {
+    flexDirection: "column",
     position: "relative",
     flexGrow: 1
   }, children));
@@ -50625,12 +50625,14 @@ var Page = function Page(_a) {
       title = _a.title,
       children = _a.children,
       headerContent = _a.headerContent,
-      props = __rest(_a, ["breadcrumbs", "title", "children", "headerContent"]);
+      fullHeight = _a.fullHeight,
+      props = __rest(_a, ["breadcrumbs", "title", "children", "headerContent", "fullHeight"]);
 
   return /*#__PURE__*/React__default.createElement(Flex, Object.assign({
     flexDirection: "column",
     py: "x3",
-    px: "x3"
+    px: "x3",
+    flexGrow: fullHeight ? 1 : 0
   }, props), breadcrumbs, /*#__PURE__*/React__default.createElement(Flex, {
     alignItems: "center"
   }, title && /*#__PURE__*/React__default.createElement(Heading1, {

package/dist/src/Checkbox/Checkbox.story.d.ts

@@ -4,6 +4,10 @@ declare const _default: {
 };
 export default _default;
 export declare const _Checkbox: () => JSX.Element;
+export declare const Multiline: {
+    (): JSX.Element;
+    decorators: ((story: any) => JSX.Element)[];
+};
 export declare const SetToDefaultChecked: {
     (): JSX.Element;
     story: {

package/dist/src/Layout/Page.d.ts

@@ -5,6 +5,7 @@ declare type PageProps = FlexProps & {
     title?: string;
     children?: React.ReactNode;
     headerContent?: React.ReactNode;
+    fullHeight?: boolean;
 };
-export declare const Page: ({ breadcrumbs, title, children, headerContent, ...props }: PageProps) => JSX.Element;
+export declare const Page: ({ breadcrumbs, title, children, headerContent, fullHeight, ...props }: PageProps) => JSX.Element;
 export default Page;

package/dist/src/Layout/Page.story.d.ts

@@ -9,3 +9,4 @@ export default _default;
 export declare const _Page: () => JSX.Element;
 export declare const NoPageTitle: () => JSX.Element;
 export declare const NoBreadcrumbs: () => JSX.Element;
+export declare const WithFullHeight: () => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "8.1.8",
+  "version": "8.2.0",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {