@esportsplus/ui 0.0.15 → 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

@@ -1,11 +1,8 @@
 type Data = {
+    class?: string;
     content?: any;
-    subtitle?: string;
-    suptitle?: string;
-    title?: string;
-    width?: string;
 };
-declare const _default: ({ content, subtitle, suptitle, title, width }: Data) => {
+declare const _default: (data?: Data) => {
     content: string;
     type: string;
     values: never[];

package/build/components/page/layout.js

@@ -1,24 +1,6 @@
 import { html } from '@esportsplus/template';
-export default ({ content, subtitle, suptitle, title, width }) => html `
-    <div class="container --slide-in --margin-vertical --margin-900" style="${width && `--max-width: ${width};`}">
-        ${suptitle ? html `
-            <span class="page-suptitle --text-bold --text-crop --text-uppercase --text-200" style="--color-default: var(--color-primary-400);letter-spacing: 0.24px;">
-                ${suptitle}
-            </span>
-        ` : ''}
-
-        ${title ? html `
-            <h1 class="page-title --line-height-200 --margin-300 ${!subtitle && '--text-crop-bottom'} ${suptitle ? '--margin-top' : '--text-crop-top'}">
-                ${title}
-            </h1>
-        ` : ''}
-
-        ${subtitle ? html `
-            <span class="page-subtitle --margin-top --margin-300 --text-crop-bottom">
-                ${subtitle}
-            </span>
-        ` : ''}
-
-        ${content || ''}
-    </div>
+export default (data = {}) => html `
+    <section class='page ${data?.class}'>
+        ${data?.content}
+    </section>
 `;

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

@@ -1,23 +1 @@
-declare const _default: {
-    layout: (data?: {
-        anchor?: {
-            content?: any;
-        } | undefined;
-        content?: any;
-        page?: {
-            class?: string | undefined;
-            content?: any;
-        } | undefined;
-        scrollbar?: {
-            style?: string | undefined;
-        } | undefined;
-        site?: {
-            content?: any;
-        } | undefined;
-    }) => {
-        content: string;
-        type: string;
-        values: never[];
-    };
-};
-export default _default;
+export { default as layout } from './layout';

package/build/components/root/index.js

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

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

@@ -1,17 +1,14 @@
 type Data = {
-    anchor?: {
-        content?: any;
-    };
-    content?: any;
-    page?: {
+    overlay?: {
         class?: string;
         content?: any;
     };
-    scrollbar?: {
-        style?: string;
-    };
     site?: {
+        class?: string;
         content?: any;
+        scrollbar?: {
+            style?: string;
+        };
     };
 };
 declare const _default: (data?: Data) => {

package/build/components/root/layout.js

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

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.15"
+    "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/lib.scss

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

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/src/svg.d.ts

@@ -1,4 +0,0 @@
-declare module '*.svg' {
-    const content: any;
-    export default content;
-}

package/tokens.scss

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