@benev/web 0.1.0-9 → 0.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@benev/web",
-	"version": "0.1.0-9",
+	"version": "0.1.1",
 	"description": "✨ benev web sdk",
 	"license": "MIT",
 	"type": "module",
@@ -28,8 +28,8 @@
 		"lit": "^3.3.2"
 	},
 	"dependencies": {
-		"@e280/authlocal": "^0.3.2",
-		"@e280/kv": "^0.2.0",
+		"@e280/authlocal": "^0.3.5",
+		"@e280/kv": "^0.2.1",
 		"@e280/renraku": "0.6.0-6",
 		"@e280/stz": "^0.3.10"
 	},

package/s/dom/loader/style.css.ts

@@ -12,8 +12,7 @@ export default css`@layer benev.view {
 	inset: 0;
 	transition:
 		opacity var(--benev-anim) linear,
-		transform var(--benev-anim) ease,
-		visiblity 0ms linear allow-discrete;
+		transform var(--benev-anim) ease;
 
 	display: flex;
 	flex-direction: column;
@@ -23,11 +22,11 @@ export default css`@layer benev.view {
 }
 
 .veil {
+	z-index: 1;
 	pointer-events: all;
 	background: var(--benev-bg);
 
 	opacity: 1;
-	visibility: visible;
 
 	.scalar {
 		transform: scale(100%);
@@ -43,7 +42,6 @@ export default css`@layer benev.view {
 :host(:not([loading])) .veil {
 	pointer-events: none;
 	opacity: 0;
-	visiblity: hidden;
 
 	.scalar {
 		transform: scale(0%);

package/s/index-ssg.ts

@@ -1,6 +1,6 @@
 
 export * from "./css/benev.csstext.js"
-export * from "./ssg/top-nav.js"
+export * from "./ssg/benev-nav.js"
 
 export * from "./bconfig.js"
 export * from "./types.js"

package/s/index.html.ts

@@ -1,6 +1,6 @@
 
 import {template, html, socialCard, dataSvgEmoji} from "@e280/scute"
-import {topNav} from "./ssg/top-nav.js"
+import {benevNav} from "./ssg/benev-nav.js"
 import {benevCssText} from "./css/benev.csstext.js"
 
 export default template(import.meta.url, async orb => html`
@@ -33,7 +33,7 @@ export default template(import.meta.url, async orb => html`
 			</benev-menu>
 
 			<benev-header>
-				${topNav("games")}
+				${benevNav("games")}
 			</benev-header>
 
 			<benev-loader>

package/s/ssg/{top-nav.ts → benev-nav.ts}

@@ -3,7 +3,7 @@ import {html} from "@e280/scute"
 import {Zone} from "../types.js"
 import {bconfig} from "../bconfig.js"
 
-export function topNav(currentZone: Zone) {
+export function benevNav(currentZone: Zone) {
 	return html`
 		${navlink(currentZone, "games")}
 		${navlink(currentZone, "devlog")}

package/x/dom/loader/style.css.js

@@ -11,8 +11,7 @@ export default css `@layer benev.view {
 	inset: 0;
 	transition:
 		opacity var(--benev-anim) linear,
-		transform var(--benev-anim) ease,
-		visiblity 0ms linear allow-discrete;
+		transform var(--benev-anim) ease;
 
 	display: flex;
 	flex-direction: column;
@@ -22,11 +21,11 @@ export default css `@layer benev.view {
 }
 
 .veil {
+	z-index: 1;
 	pointer-events: all;
 	background: var(--benev-bg);
 
 	opacity: 1;
-	visibility: visible;
 
 	.scalar {
 		transform: scale(100%);
@@ -42,7 +41,6 @@ export default css `@layer benev.view {
 :host(:not([loading])) .veil {
 	pointer-events: none;
 	opacity: 0;
-	visiblity: hidden;
 
 	.scalar {
 		transform: scale(0%);

package/x/dom/loader/style.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../s/dom/loader/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkDhB,CAAA"}
+{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../s/dom/loader/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDhB,CAAA"}

package/x/index-ssg.d.ts

@@ -1,4 +1,4 @@
 export * from "./css/benev.csstext.js";
-export * from "./ssg/top-nav.js";
+export * from "./ssg/benev-nav.js";
 export * from "./bconfig.js";
 export * from "./types.js";

package/x/index-ssg.js

@@ -1,5 +1,5 @@
 export * from "./css/benev.csstext.js";
-export * from "./ssg/top-nav.js";
+export * from "./ssg/benev-nav.js";
 export * from "./bconfig.js";
 export * from "./types.js";
 //# sourceMappingURL=index-ssg.js.map

package/x/index-ssg.js.map

@@ -1 +1 @@
-{"version":3,"file":"index-ssg.js","sourceRoot":"","sources":["../s/index-ssg.ts"],"names":[],"mappings":"AACA,cAAc,wBAAwB,CAAA;AACtC,cAAc,kBAAkB,CAAA;AAEhC,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index-ssg.js","sourceRoot":"","sources":["../s/index-ssg.ts"],"names":[],"mappings":"AACA,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAElC,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA"}

package/x/index.html

@@ -7,7 +7,7 @@
 
 		<title>@benev/web</title>
 		<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='0.9em' font-size='90'>😇</text></svg>"/>
-		<script type="module" src="main.bundle.min.js?v=79a18e923793"></script>
+		<script type="module" src="main.bundle.min.js?v=402cc9283210"></script>
 		<style>
 			@layer benev, demo;
 

package/x/index.html.js

@@ -1,5 +1,5 @@
 import { template, html, socialCard, dataSvgEmoji } from "@e280/scute";
-import { topNav } from "./ssg/top-nav.js";
+import { benevNav } from "./ssg/benev-nav.js";
 import { benevCssText } from "./css/benev.csstext.js";
 export default template(import.meta.url, async (orb) => html `
 	<!doctype html>
@@ -31,7 +31,7 @@ export default template(import.meta.url, async (orb) => html `
 			</benev-menu>
 
 			<benev-header>
-				${topNav("games")}
+				${benevNav("games")}
 			</benev-header>
 
 			<benev-loader>

package/x/index.html.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.html.js","sourceRoot":"","sources":["../s/index.html.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAC,MAAM,aAAa,CAAA;AACpE,OAAO,EAAC,MAAM,EAAC,MAAM,kBAAkB,CAAA;AACvC,OAAO,EAAC,YAAY,EAAC,MAAM,wBAAwB,CAAA;AAEnD,eAAe,QAAQ,CAAC,OAAO,IAAI,CAAC,GAAG,EAAE,KAAK,EAAC,GAAG,EAAC,EAAE,CAAC,IAAI,CAAA;;;;;;;;;4BAS9B,YAAY,CAAC,IAAI,CAAC;gCACd,GAAG,CAAC,OAAO,CAAC,oBAAoB,CAAC;;;MAG3D,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC;MACtB,GAAG,CAAC,MAAM,CAAC,cAAc,CAAC;;;KAG3B,UAAU,CAAC;IACZ,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,YAAY;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,sBAAsB;CACnC,CAAC;;;;;;;;MAQC,MAAM,CAAC,OAAO,CAAC;;;;;;;;;;;CAWpB,CAAC,CAAA"}
+{"version":3,"file":"index.html.js","sourceRoot":"","sources":["../s/index.html.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAC,MAAM,aAAa,CAAA;AACpE,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,wBAAwB,CAAA;AAEnD,eAAe,QAAQ,CAAC,OAAO,IAAI,CAAC,GAAG,EAAE,KAAK,EAAC,GAAG,EAAC,EAAE,CAAC,IAAI,CAAA;;;;;;;;;4BAS9B,YAAY,CAAC,IAAI,CAAC;gCACd,GAAG,CAAC,OAAO,CAAC,oBAAoB,CAAC;;;MAG3D,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC;MACtB,GAAG,CAAC,MAAM,CAAC,cAAc,CAAC;;;KAG3B,UAAU,CAAC;IACZ,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,YAAY;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,sBAAsB;CACnC,CAAC;;;;;;;;MAQC,QAAQ,CAAC,OAAO,CAAC;;;;;;;;;;;CAWtB,CAAC,CAAA"}

package/x/main.bundle.min.js

@@ -160,7 +160,13 @@ svg {
 	backdrop-filter: blur(0.4em);
 
 	[part="icon"] {
-		transform: scale(150%);
+		font-size: 2em;
+		width: 1.5em;
+		height: 1.5em;
+		display: grid;
+		place-items: center;
+		margin: -0.3em;
+		margin-left: 0;
 	}
 
 	[part="alias"] {
@@ -201,7 +207,7 @@ ${IA}
 [part="box"] {
 	display: flex;
 	flex-direction: row;
-	align-items: center;
+	align-items: stretch;
 	gap: 0.25em;
 	width: max-content;
 	max-width: 100%;
@@ -307,8 +313,7 @@ button {
 	inset: 0;
 	transition:
 		opacity var(--benev-anim) linear,
-		transform var(--benev-anim) ease,
-		visiblity 0ms linear allow-discrete;
+		transform var(--benev-anim) ease;
 
 	display: flex;
 	flex-direction: column;
@@ -318,11 +323,11 @@ button {
 }
 
 .veil {
+	z-index: 1;
 	pointer-events: all;
 	background: var(--benev-bg);
 
 	opacity: 1;
-	visibility: visible;
 
 	.scalar {
 		transform: scale(100%);
@@ -338,7 +343,6 @@ button {
 :host(:not([loading])) .veil {
 	pointer-events: none;
 	opacity: 0;
-	visiblity: hidden;
 
 	.scalar {
 		transform: scale(0%);