@benev/web 0.1.0-4 → 0.1.0-6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/package.json +2 -2
  2. package/s/css/parts/common.csstext.ts +2 -3
  3. package/s/dom/account/view.ts +1 -1
  4. package/s/dom/loader/style.css.ts +24 -17
  5. package/s/dom/loader/view.ts +4 -2
  6. package/s/ssg/top-nav.ts +1 -1
  7. package/x/css/parts/common.csstext.js +2 -3
  8. package/x/css/parts/common.csstext.js.map +1 -1
  9. package/x/dom/account/view.js +1 -1
  10. package/x/dom/loader/style.css.js +24 -17
  11. package/x/dom/loader/style.css.js.map +1 -1
  12. package/x/dom/loader/view.js +4 -2
  13. package/x/dom/loader/view.js.map +1 -1
  14. package/x/index.html +3 -4
  15. package/x/main.bundle.min.js +41 -33
  16. package/x/main.bundle.min.js.map +3 -3
  17. package/x/ssg/top-nav.js.map +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@benev/web",
3
- "version": "0.1.0-4",
3
+ "version": "0.1.0-6",
4
4
  "description": "✨ benev web sdk",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -28,7 +28,7 @@
28
28
  "lit": "^3.3.2"
29
29
  },
30
30
  "dependencies": {
31
- "@e280/authlocal": "^0.3.0",
31
+ "@e280/authlocal": "^0.3.1",
32
32
  "@e280/kv": "^0.2.0",
33
33
  "@e280/renraku": "0.6.0-6",
34
34
  "@e280/stz": "^0.3.10"
package/s/css/parts/common.csstext.ts CHANGED
@@ -95,8 +95,7 @@ benev-header {
95
95
  a {
96
96
  position: relative;
97
97
  color: var(--benev-prime);
98
- padding: 0.2em;
99
- font-size: 1.2em;
98
+ font-size: 1em;
100
99
 
101
100
  &[data-active] {
102
101
  text-shadow: 0 0 0.5em currentColor;
@@ -105,7 +104,7 @@ benev-header {
105
104
  content: "•";
106
105
  display: block;
107
106
  position: absolute;
108
- top: 90%;
107
+ top: 100%;
109
108
  left: 0;
110
109
  right: 0;
111
110
  line-height: 0;
package/s/dom/account/view.ts CHANGED
@@ -10,7 +10,7 @@ export const makeBenevAccount = (_account: Account) => shadowElement(() => {
10
10
  useCss(themeCss, styleCss)
11
11
 
12
12
  return html`
13
- <benev-auth>Sign in</benev-auth>
13
+ <benev-auth>sign in</benev-auth>
14
14
  `
15
15
  })
16
16
 
package/s/dom/loader/style.css.ts CHANGED
@@ -7,41 +7,48 @@ export default css`@layer benev.view {
7
7
  position: relative;
8
8
  }
9
9
 
10
- .veil {
10
+ .veil, .scalar {
11
11
  position: absolute;
12
12
  inset: 0;
13
- background: var(--benev-bg);
14
- pointer-events: none;
15
-
16
- opacity: 1;
17
- transform: scale(100%);
18
- visibility: visible;
19
-
20
13
  transition:
21
14
  opacity var(--benev-anim) linear,
22
15
  transform var(--benev-anim) ease,
23
16
  visiblity 0ms linear allow-discrete;
24
- }
25
17
 
26
- :host(:not([loading])) .veil {
27
- opacity: 0;
28
- transform: scale(0%);
29
- visiblity: hidden;
30
- }
31
-
32
- .veil {
33
18
  display: flex;
34
19
  flex-direction: column;
35
20
  justify-content: center;
36
21
  align-items: center;
37
22
  gap: var(--benev-space);
23
+ }
38
24
 
39
- > img {
25
+ .veil {
26
+ pointer-events: all;
27
+ background: var(--benev-bg);
28
+
29
+ opacity: 1;
30
+ visibility: visible;
31
+
32
+ .scalar {
33
+ transform: scale(100%);
34
+ }
35
+
36
+ .logo {
40
37
  width: 100%;
41
38
  max-width: 10em;
42
39
  aspect-ratio: 1 / 1;
43
40
  }
44
41
  }
45
42
 
43
+ :host(:not([loading])) .veil {
44
+ pointer-events: none;
45
+ opacity: 0;
46
+ visiblity: hidden;
47
+
48
+ .scalar {
49
+ transform: scale(0%);
50
+ }
51
+ }
52
+
46
53
  }`
47
54
 
package/s/dom/loader/view.ts CHANGED
@@ -13,8 +13,10 @@ export const BenevLoader = shadowElement(() => {
13
13
  <slot></slot>
14
14
 
15
15
  <div class=veil>
16
- <img src="${bDataPng}" alt="" draggable="false"/>
17
- <slot name=loading></slot>
16
+ <div class=scalar>
17
+ <img class=logo src="${bDataPng}" alt="" draggable="false"/>
18
+ <slot name=loading></slot>
19
+ </div>
18
20
  </div>
19
21
  `
20
22
  })
package/s/ssg/top-nav.ts CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  import {html} from "@e280/scute"
3
3
  import {Zone} from "../types.js"
4
- import { bconfig } from "../bconfig.js"
4
+ import {bconfig} from "../bconfig.js"
5
5
 
6
6
  export function topNav(currentZone: Zone) {
7
7
  return html`
package/x/css/parts/common.csstext.js CHANGED
@@ -94,8 +94,7 @@ benev-header {
94
94
  a {
95
95
  position: relative;
96
96
  color: var(--benev-prime);
97
- padding: 0.2em;
98
- font-size: 1.2em;
97
+ font-size: 1em;
99
98
 
100
99
  &[data-active] {
101
100
  text-shadow: 0 0 0.5em currentColor;
@@ -104,7 +103,7 @@ benev-header {
104
103
  content: "•";
105
104
  display: block;
106
105
  position: absolute;
107
- top: 90%;
106
+ top: 100%;
108
107
  left: 0;
109
108
  right: 0;
110
109
  line-height: 0;
package/x/css/parts/common.csstext.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"common.csstext.js","sourceRoot":"","sources":["../../../s/css/parts/common.csstext.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,cAAc,IAAI,GAAG,EAAC,MAAM,WAAW,CAAA;AAC/C,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+MjB,CAAA"}
1
+ {"version":3,"file":"common.csstext.js","sourceRoot":"","sources":["../../../s/css/parts/common.csstext.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,cAAc,IAAI,GAAG,EAAC,MAAM,WAAW,CAAA;AAC/C,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8MjB,CAAA"}
package/x/dom/account/view.js CHANGED
@@ -5,7 +5,7 @@ import { themeCss } from "../../css/theme.css.js";
5
5
  export const makeBenevAccount = (_account) => shadowElement(() => {
6
6
  useCss(themeCss, styleCss);
7
7
  return html `
8
- <benev-auth>Sign in</benev-auth>
8
+ <benev-auth>sign in</benev-auth>
9
9
  `;
10
10
  });
11
11
  //# sourceMappingURL=view.js.map
package/x/dom/loader/style.css.js CHANGED
@@ -6,41 +6,48 @@ export default css `@layer benev.view {
6
6
  position: relative;
7
7
  }
8
8
 
9
- .veil {
9
+ .veil, .scalar {
10
10
  position: absolute;
11
11
  inset: 0;
12
- background: var(--benev-bg);
13
- pointer-events: none;
14
-
15
- opacity: 1;
16
- transform: scale(100%);
17
- visibility: visible;
18
-
19
12
  transition:
20
13
  opacity var(--benev-anim) linear,
21
14
  transform var(--benev-anim) ease,
22
15
  visiblity 0ms linear allow-discrete;
23
- }
24
16
 
25
- :host(:not([loading])) .veil {
26
- opacity: 0;
27
- transform: scale(0%);
28
- visiblity: hidden;
29
- }
30
-
31
- .veil {
32
17
  display: flex;
33
18
  flex-direction: column;
34
19
  justify-content: center;
35
20
  align-items: center;
36
21
  gap: var(--benev-space);
22
+ }
37
23
 
38
- > img {
24
+ .veil {
25
+ pointer-events: all;
26
+ background: var(--benev-bg);
27
+
28
+ opacity: 1;
29
+ visibility: visible;
30
+
31
+ .scalar {
32
+ transform: scale(100%);
33
+ }
34
+
35
+ .logo {
39
36
  width: 100%;
40
37
  max-width: 10em;
41
38
  aspect-ratio: 1 / 1;
42
39
  }
43
40
  }
44
41
 
42
+ :host(:not([loading])) .veil {
43
+ pointer-events: none;
44
+ opacity: 0;
45
+ visiblity: hidden;
46
+
47
+ .scalar {
48
+ transform: scale(0%);
49
+ }
50
+ }
51
+
45
52
  }`;
46
53
  //# sourceMappingURL=style.css.js.map
package/x/dom/loader/style.css.js.map CHANGED
@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2ChB,CAAA"}
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"}
package/x/dom/loader/view.js CHANGED
@@ -9,8 +9,10 @@ export const BenevLoader = shadowElement(() => {
9
9
  <slot></slot>
10
10
 
11
11
  <div class=veil>
12
- <img src="${bDataPng}" alt="" draggable="false"/>
13
- <slot name=loading></slot>
12
+ <div class=scalar>
13
+ <img class=logo src="${bDataPng}" alt="" draggable="false"/>
14
+ <slot name=loading></slot>
15
+ </div>
14
16
  </div>
15
17
  `;
16
18
  });
package/x/dom/loader/view.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"view.js","sourceRoot":"","sources":["../../../s/dom/loader/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAC,aAAa,EAAE,MAAM,EAAC,MAAM,WAAW,CAAA;AAE/C,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAC,QAAQ,EAAC,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAC,QAAQ,EAAC,MAAM,uBAAuB,CAAA;AAE9C,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAC,GAAG,EAAE;IAC7C,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAE1B,OAAO,IAAI,CAAA;;;;eAIG,QAAQ;;;EAGrB,CAAA;AACF,CAAC,CAAC,CAAA"}
1
+ {"version":3,"file":"view.js","sourceRoot":"","sources":["../../../s/dom/loader/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAC,aAAa,EAAE,MAAM,EAAC,MAAM,WAAW,CAAA;AAE/C,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAC,QAAQ,EAAC,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAC,QAAQ,EAAC,MAAM,uBAAuB,CAAA;AAE9C,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAC,GAAG,EAAE;IAC7C,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAE1B,OAAO,IAAI,CAAA;;;;;2BAKe,QAAQ;;;;EAIjC,CAAA;AACF,CAAC,CAAC,CAAA"}
package/x/index.html CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  <title>@benev/web</title>
9
9
  <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>"/>
10
- <script type="module" src="main.bundle.min.js?v=f851e552e906"></script>
10
+ <script type="module" src="main.bundle.min.js?v=d338b63c2630"></script>
11
11
  <style>
12
12
  @layer benev, demo;
13
13
 
@@ -214,8 +214,7 @@ margin: 0 auto;
214
214
  a {
215
215
  position: relative;
216
216
  color: var(--benev-prime);
217
- padding: 0.2em;
218
- font-size: 1.2em;
217
+ font-size: 1em;
219
218
 
220
219
  &[data-active] {
221
220
  text-shadow: 0 0 0.5em currentColor;
@@ -224,7 +223,7 @@ a {
224
223
  content: "•";
225
224
  display: block;
226
225
  position: absolute;
227
- top: 90%;
226
+ top: 100%;
228
227
  left: 0;
229
228
  right: 0;
230
229
  line-height: 0;