@esportsplus/ui 0.0.16 → 0.0.17

package/build/components/page/index.d.ts

@@ -1,4 +1,5 @@
 import header from './header';
+import layout from './layout';
 declare const _default: {
     header: ({ subtitle, suptitle, title }: {
         subtitle?: string | undefined;
@@ -9,6 +10,14 @@ declare const _default: {
         type: string;
         values: never[];
     };
+    layout: (data?: {
+        class?: string | undefined;
+        content?: any;
+    }) => {
+        content: string;
+        type: string;
+        values: never[];
+    };
 };
 export default _default;
-export { header };
+export { header, layout };

package/build/components/page/index.js

@@ -1,3 +1,4 @@
 import header from './header';
-export default { header };
-export { header };
+import layout from './layout';
+export default { header, layout };
+export { header, layout };

package/build/components/page/layout.d.ts

@@ -0,0 +1,10 @@
+type Data = {
+    class?: string;
+    content?: any;
+};
+declare const _default: (data?: Data) => {
+    content: string;
+    type: string;
+    values: never[];
+};
+export default _default;

package/build/components/page/layout.js

@@ -0,0 +1,6 @@
+import { html } from '@esportsplus/template';
+export default (data = {}) => html `
+    <section class='page ${data?.class}'>
+        ${data?.content}
+    </section>
+`;

package/build/components/root/index.d.ts

@@ -0,0 +1 @@
+export { default as layout } from './layout';

package/build/components/root/index.js

@@ -0,0 +1 @@
+export { default as layout } from './layout';

package/build/components/root/layout.d.ts

@@ -0,0 +1,19 @@
+type Data = {
+    overlay?: {
+        class?: string;
+        content?: any;
+    };
+    site?: {
+        class?: string;
+        content?: any;
+        scrollbar?: {
+            style?: string;
+        };
+    };
+};
+declare const _default: (data?: Data) => {
+    content: string;
+    type: string;
+    values: never[];
+};
+export default _default;

package/build/components/root/layout.js

@@ -0,0 +1,18 @@
+import { html } from '@esportsplus/template';
+import { scrollbar } from '../../components';
+export default (data = {}) => {
+    let s = scrollbar({
+        fixed: true,
+        style: data?.site?.scrollbar?.style || '--background-default: var(--color-black-400);'
+    });
+    return html `
+        <section class='site ${data?.site?.class || ''}' ${s.attributes}>
+            ${data?.site?.content || ''}
+            ${s.html}
+        </section>
+
+        <section class='overlay ${data?.overlay?.class || ''}'>
+            ${data?.overlay?.content || ''}
+        </section>
+    `;
+};

package/build/global.d.ts

@@ -0,0 +1,5 @@
+declare module '*.jpg';
+declare module '*.json';
+declare module '*.png';
+declare module '*.svg';
+declare module '*.txt';

package/build/global.js

@@ -0,0 +1 @@
+"use strict";

package/build/index.d.ts

@@ -1 +1,2 @@
+import './types';
 export * from './components';

package/build/index.js

@@ -1 +1,2 @@
+import './types';
 export * from './components';

package/build/types.d.ts

@@ -0,0 +1,5 @@
+declare module '*.jpg';
+declare module '*.json';
+declare module '*.png';
+declare module '*.svg';
+declare module '*.txt';

package/build/types.js

@@ -0,0 +1 @@
+"use strict";

package/index.scss

@@ -0,0 +1,2 @@
+@forward './src/lib';
+@forward './src/tokens';

package/package.json

@@ -31,10 +31,10 @@
     "private": false,
     "scripts": {
         "build": "tsc && tsc-alias",
-        "-": "-",
+        "--": "--",
         "prepare": "npm run build",
         "prepublishOnly": "npm run build"
     },
     "types": "./build/index.d.ts",
-    "version": "0.0.16"
+    "version": "0.0.17"
 }

package/src/components/{anchor/scss/anchors.scss → overlay/scss/overlay.scss}

@@ -1,6 +1,6 @@
 @use '~@esportsplus/ui/lib';
 
-.anchors {
+.overlay {
     @include lib.position(fixed, full);
     height: 100vh;
     pointer-events: none;

package/src/components/page/index.ts

@@ -1,5 +1,6 @@
 import header from './header';
+import layout from './layout';
 
 
-export default { header };
-export { header };
+export default { header, layout };
+export { header, layout };

package/src/components/page/layout.ts

@@ -0,0 +1,14 @@
+import { html } from '@esportsplus/template';
+
+
+type Data = {
+    class?: string;
+    content?: any;
+};
+
+
+export default (data: Data = {}) => html`
+    <section class='page ${data?.class}'>
+        ${data?.content}
+    </section>
+`;

package/src/components/root/index.ts

@@ -0,0 +1 @@
+export { default as layout } from './layout';

package/src/components/root/layout.ts

@@ -0,0 +1,36 @@
+import { html } from '@esportsplus/template';
+import { scrollbar } from '~/components';
+
+
+type Data = {
+    overlay?: {
+        class?: string;
+        content?: any;
+    };
+    site?: {
+        class?: string;
+        content?: any;
+        scrollbar?: {
+            style?: string;
+        };
+    };
+};
+
+
+export default (data: Data = {}) => {
+    let s = scrollbar({
+            fixed: true,
+            style: data?.site?.scrollbar?.style || '--background-default: var(--color-black-400);'
+        });
+
+    return html`
+        <section class='site ${data?.site?.class || ''}' ${s.attributes}>
+            ${data?.site?.content || ''}
+            ${s.html}
+        </section>
+
+        <section class='overlay ${data?.overlay?.class || ''}'>
+            ${data?.overlay?.content || ''}
+        </section>
+    `;
+};

package/src/index.ts

@@ -1 +1,4 @@
+import './types';
+
+
 export * from './components';

package/src/types.ts

@@ -0,0 +1,5 @@
+declare module '*.jpg';
+declare module '*.json';
+declare module '*.png';
+declare module '*.svg';
+declare module '*.txt';

package/tsconfig.json

@@ -20,5 +20,5 @@
         "target": "esnext"
     },
     "exclude": ["node_modules"],
-    "include": ["src", "assets.d.ts"]
+    "include": ["src"]
 }

package/lib.scss

@@ -1 +0,0 @@
-@forward 'src/lib';

package/src/assets.d.ts

@@ -1,24 +0,0 @@
-declare module '*.jpg' {
-    const content: any;
-    export default content;
-}
-
-declare module '*.json' {
-    const content: any;
-    export default content;
-}
-
-declare module '*.png' {
-    const content: any;
-    export default content;
-}
-
-declare module '*.svg' {
-    const content: any;
-    export default content;
-}
-
-declare module '*.txt' {
-    const content: any;
-    export default content;
-}

package/src/components/sidebar/scss/sidebars.scss

@@ -1,13 +0,0 @@
-@use '~@esportsplus/ui/lib';
-
-.sidebars {
-    @include lib.position(absolute, full);
-    pointer-events: none;
-    transition: opacity var(--transition-duration) ease-in-out;
-    z-index: 7;
-
-
-    &--fixed {
-        position: fixed;
-    }
-}

package/tokens.scss

@@ -1 +0,0 @@
-@forward 'src/tokens';