uibee 2.3.5 → 2.3.8

package/dist/src/components/container/page.d.ts

@@ -1,4 +1,8 @@
-export default function PageContainer({ title, children }: {
+type PageContainerProps = {
     title: string;
     children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+    className?: string;
+    innerClassName?: string;
+};
+export default function PageContainer({ title, children, className, innerClassName }: PageContainerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/container/page.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function PageContainer({ title, children }) {
-    return (_jsx("div", { className: 'w-full page-container', children: _jsxs("div", { className: 'flex flex-col col-start-3', children: [_jsx("h1", { className: 'heading', children: title }), children] }) }));
+export default function PageContainer({ title, children, className, innerClassName }) {
+    return (_jsx("div", { className: `w-full page-container ${className}`, children: _jsxs("div", { className: `flex flex-col col-start-3 ${innerClassName}`, children: [_jsx("h1", { className: 'heading', children: title }), children] }) }));
 }

package/dist/src/index.d.ts

@@ -2,3 +2,4 @@ export * from './hooks';
 export * from './components';
 export * from './utils';
 export * from './scripts';
+export * from './styles';

package/dist/src/index.js

@@ -2,3 +2,4 @@ export * from './hooks';
 export * from './components';
 export * from './utils';
 export * from './scripts';
+export * from './styles';

package/dist/src/scripts/buildCss.js

@@ -6,7 +6,7 @@ export default async function buildCss() {
     const tailwindConfig = tailwindModule.default ?? tailwindModule;
     const tailwindPostcss = (await import('@tailwindcss/postcss')).default;
     const inputPath = path.resolve('./src/globals.css');
-    const outputPath = path.resolve('./dist/globals.css');
+    const outputPath = path.resolve('./dist/src/globals.css');
     const inputCss = readFileSync(inputPath, 'utf-8');
     const result = await postcss([tailwindPostcss(tailwindConfig)]).process(inputCss, {
         from: inputPath,

package/dist/src/styles/index.d.ts

@@ -0,0 +1 @@
+import '../globals.css';

package/dist/src/styles/index.js

@@ -0,0 +1 @@
+import '../globals.css';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uibee",
-  "version": "2.3.5",
+  "version": "2.3.8",
   "description": "Shared components, functions and hooks for reuse across Login projects",
   "homepage": "https://github.com/Login-Linjeforening-for-IT/uibee#readme",
   "bugs": {
@@ -13,15 +13,15 @@
   "license": "ISC",
   "author": "",
   "type": "module",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "./dist/src/index.js",
+  "types": "./dist/src/index.d.ts",
   "exports": {
     ".": "./dist/src/index.js",
     "./hooks": "./dist/src/hooks/index.js",
     "./components": "./dist/src/components/index.js",
     "./scripts": "./dist/src/scripts/index.js",
     "./utils": "./dist/src/utils/index.js",
-    "./styles": "./dist/globals.css"
+    "./styles": "./dist/src/styles/index.js"
   },
   "scripts": {
     "build:clean": "rm -rf dist",

package/src/components/container/page.tsx

@@ -1,7 +1,14 @@
-export default function PageContainer({ title, children }: { title: string; children: React.ReactNode }) {
+type PageContainerProps = {
+    title: string
+    children: React.ReactNode
+    className?: string
+    innerClassName?: string
+}
+
+export default function PageContainer({ title, children, className, innerClassName }: PageContainerProps) {
     return (
-        <div className='w-full page-container'>
-            <div className='flex flex-col col-start-3'>
+        <div className={`w-full page-container ${className}`}>
+            <div className={`flex flex-col col-start-3 ${innerClassName}`}>
                 <h1 className='heading'>{title}</h1>
                 {children}
             </div>

package/src/index.ts

@@ -2,3 +2,4 @@ export * from './hooks'
 export * from './components'
 export * from './utils'
 export * from './scripts'
+export * from './styles'

package/src/scripts/buildCss.ts

@@ -7,7 +7,7 @@ export default async function buildCss() {
     const tailwindConfig = tailwindModule.default ?? tailwindModule
     const tailwindPostcss = (await import('@tailwindcss/postcss')).default
     const inputPath = path.resolve('./src/globals.css')
-    const outputPath = path.resolve('./dist/globals.css')
+    const outputPath = path.resolve('./dist/src/globals.css')
     const inputCss = readFileSync(inputPath, 'utf-8')
     const result = await postcss([tailwindPostcss(tailwindConfig)]).process(inputCss, {
         from: inputPath,

package/src/styles/index.ts

@@ -0,0 +1 @@
+import '../globals.css'

package/tsconfig.json

@@ -21,7 +21,10 @@
       ],
       "@hooks/*": [
         "./src/hooks/*"
-      ]
+      ],
+      "@styles/*": [
+        "./src/styles/*"
+      ],
     }
   },
   "include": [