@schemavaults/ui 0.12.9 → 0.12.10

package/dist/components/layout/page-column-container/page-column-container.js

@@ -8,7 +8,7 @@ import { cn } from "../../../lib/utils";
  * @returns A container component that arranges children in a column with padding
  */
 export function PageColumnContainer({ children, ...props }) {
-    return (_jsx("main", { className: cn("w-full bg-background", "justify-start flex flex-col items-center gap-4", "px-2 sm:px-4 md:px-6", "py-2 sm:py-4", props.className), children: children }));
+    return (_jsx("main", { className: cn("page-column-container", "grow", "flex flex-col", "justify-start items-stretch", props.className), children: children }));
 }
 export default PageColumnContainer;
 //# sourceMappingURL=page-column-container.js.map

package/dist/components/layout/page-column-container/page-column-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-column-container.js","sourceRoot":"","sources":["../../../../src/components/layout/page-column-container/page-column-container.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAOjC;;;;;GAKG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAClC,QAAQ,EACR,GAAG,KAAK,EACiB;IACzB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,sBAAsB,EACtB,gDAAgD,EAChD,sBAAsB,EACtB,cAAc,EACd,KAAK,CAAC,SAAS,CAChB,YAEA,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AAED,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"page-column-container.js","sourceRoot":"","sources":["../../../../src/components/layout/page-column-container/page-column-container.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAOjC;;;;;GAKG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAClC,QAAQ,EACR,GAAG,KAAK,EACiB;IACzB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,uBAAuB,EACvB,MAAM,EACN,eAAe,EACf,6BAA6B,EAC7B,KAAK,CAAC,SAAS,CAChB,YAEA,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AAED,eAAe,mBAAmB,CAAC"}

package/dist/components/layout/themed-page-container/themed-page-container.d.ts

@@ -2,6 +2,7 @@ import { PropsWithChildren, ReactElement } from "react";
 export interface ThemedPageContainerProps extends PropsWithChildren {
     backgroundClassName?: string;
     contentContainerClassName?: string;
+    additionalContentContainerClassName?: string;
 }
 /**
  *

package/dist/components/layout/themed-page-container/themed-page-container.js

@@ -15,7 +15,15 @@ import { cn } from "../../../lib/utils";
  * @see PageColumnContainer
  */
 export function ThemedPageContainer({ children, ...props }) {
-    return (_jsx(ThemedPageBackground, { className: cn("min-h-full", "h-full", "py-2 px-2", "sm:px-4 sm:py-4", "md:px-6 md:py-6", "grow", "overflow-y-scroll", props.backgroundClassName), children: _jsx(PageColumnContainer, { className: cn("rounded-lg", props.contentContainerClassName), children: children }) }));
+    const defaultBackgroundClassName = cn("min-h-full", "p-2 sm:p-4 lg:p-6");
+    const defaultContentContainerClassName = cn("rounded-lg", "gap-2 sm:gap-4 lg:gap-6", props.additionalContentContainerClassName);
+    const backgroundClassName = typeof props.backgroundClassName === 'string' ?
+        props.backgroundClassName
+        : defaultBackgroundClassName;
+    const contentContainerClassName = typeof props.contentContainerClassName === 'string' ?
+        cn(props.contentContainerClassName, props.additionalContentContainerClassName)
+        : defaultContentContainerClassName;
+    return (_jsx(ThemedPageBackground, { className: cn("grow", "overflow-y-scroll", "flex flex-col items-stretch justify-start", backgroundClassName), children: _jsx(PageColumnContainer, { className: contentContainerClassName, children: children }) }));
 }
 export default ThemedPageContainer;
 //# sourceMappingURL=themed-page-container.js.map

package/dist/components/layout/themed-page-container/themed-page-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"themed-page-container.js","sourceRoot":"","sources":["../../../../src/components/layout/themed-page-container/themed-page-container.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,oBAAoB,MAAM,wCAAwC,CAAC;AAE1E,OAAO,mBAAmB,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAOjC;;;;;;;;;;GAUG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAClC,QAAQ,EACR,GAAG,KAAK,EACiB;IACzB,OAAO,CACL,KAAC,oBAAoB,IACnB,SAAS,EAAE,EAAE,CACX,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,MAAM,EACN,mBAAmB,EACnB,KAAK,CAAC,mBAAmB,CAC1B,YAED,KAAC,mBAAmB,IAClB,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,yBAAyB,CAAC,YAE3D,QAAQ,GACW,GACD,CACxB,CAAC;AACJ,CAAC;AAED,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"themed-page-container.js","sourceRoot":"","sources":["../../../../src/components/layout/themed-page-container/themed-page-container.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,oBAAoB,MAAM,wCAAwC,CAAC;AAE1E,OAAO,mBAAmB,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AASjC;;;;;;;;;;GAUG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAClC,QAAQ,EACR,GAAG,KAAK,EACiB;IAEzB,MAAM,0BAA0B,GAAW,EAAE,CAC7C,YAAY,EACZ,mBAAmB,CACpB,CAAA;IAEC,MAAM,gCAAgC,GAAW,EAAE,CACjD,YAAY,EACZ,yBAAyB,EACzB,KAAK,CAAC,mCAAmC,CAC1C,CAAC;IAEF,MAAM,mBAAmB,GAAW,OAAO,KAAK,CAAC,mBAAmB,KAAK,QAAQ,CAAC,CAAC;QAC/E,KAAK,CAAC,mBAAmB;QACzB,CAAC,CAAC,0BAA0B,CAAC;IACjC,MAAM,yBAAyB,GAAW,OAAO,KAAK,CAAC,yBAAyB,KAAK,QAAQ,CAAC,CAAC;QAC3F,EAAE,CAAC,KAAK,CAAC,yBAAyB,EAAE,KAAK,CAAC,mCAAmC,CAAC;QAC9E,CAAC,CAAC,gCAAgC,CAAC;IAEvC,OAAO,CACL,KAAC,oBAAoB,IACnB,SAAS,EAAE,EAAE,CACX,MAAM,EACN,mBAAmB,EACnB,2CAA2C,EAC3C,mBAAmB,CACpB,YAED,KAAC,mBAAmB,IAClB,SAAS,EAAE,yBAAyB,YAEnC,QAAQ,GACW,GACD,CACxB,CAAC;AACJ,CAAC;AAED,eAAe,mBAAmB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schemavaults/ui",
-  "version": "0.12.9",
+  "version": "0.12.10",
   "private": false,
   "license": "UNLICENSED",
   "description": "React.js UI components for SchemaVaults frontend applications",