@benev/web 0.1.0 → 0.1.1

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 (7) hide show
  1. package/package.json +2 -2
  2. package/s/dom/loader/style.css.ts +2 -4
  3. package/x/dom/loader/style.css.js +2 -4
  4. package/x/dom/loader/style.css.js.map +1 -1
  5. package/x/index.html +1 -1
  6. package/x/main.bundle.min.js +3 -5
  7. package/x/main.bundle.min.js.map +3 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@benev/web",
3
- "version": "0.1.0",
3
+ "version": "0.1.1",
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.4",
31
+ "@e280/authlocal": "^0.3.5",
32
32
  "@e280/kv": "^0.2.1",
33
33
  "@e280/renraku": "0.6.0-6",
34
34
  "@e280/stz": "^0.3.10"
package/s/dom/loader/style.css.ts CHANGED
@@ -12,8 +12,7 @@ export default css`@layer benev.view {
12
12
  inset: 0;
13
13
  transition:
14
14
  opacity var(--benev-anim) linear,
15
- transform var(--benev-anim) ease,
16
- visiblity 0ms linear allow-discrete;
15
+ transform var(--benev-anim) ease;
17
16
 
18
17
  display: flex;
19
18
  flex-direction: column;
@@ -23,11 +22,11 @@ export default css`@layer benev.view {
23
22
  }
24
23
 
25
24
  .veil {
25
+ z-index: 1;
26
26
  pointer-events: all;
27
27
  background: var(--benev-bg);
28
28
 
29
29
  opacity: 1;
30
- visibility: visible;
31
30
 
32
31
  .scalar {
33
32
  transform: scale(100%);
@@ -43,7 +42,6 @@ export default css`@layer benev.view {
43
42
  :host(:not([loading])) .veil {
44
43
  pointer-events: none;
45
44
  opacity: 0;
46
- visiblity: hidden;
47
45
 
48
46
  .scalar {
49
47
  transform: scale(0%);
package/x/dom/loader/style.css.js CHANGED
@@ -11,8 +11,7 @@ export default css `@layer benev.view {
11
11
  inset: 0;
12
12
  transition:
13
13
  opacity var(--benev-anim) linear,
14
- transform var(--benev-anim) ease,
15
- visiblity 0ms linear allow-discrete;
14
+ transform var(--benev-anim) ease;
16
15
 
17
16
  display: flex;
18
17
  flex-direction: column;
@@ -22,11 +21,11 @@ export default css `@layer benev.view {
22
21
  }
23
22
 
24
23
  .veil {
24
+ z-index: 1;
25
25
  pointer-events: all;
26
26
  background: var(--benev-bg);
27
27
 
28
28
  opacity: 1;
29
- visibility: visible;
30
29
 
31
30
  .scalar {
32
31
  transform: scale(100%);
@@ -42,7 +41,6 @@ export default css `@layer benev.view {
42
41
  :host(:not([loading])) .veil {
43
42
  pointer-events: none;
44
43
  opacity: 0;
45
- visiblity: hidden;
46
44
 
47
45
  .scalar {
48
46
  transform: scale(0%);
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkDhB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDhB,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=b3fcc8676d3c"></script>
10
+ <script type="module" src="main.bundle.min.js?v=402cc9283210"></script>
11
11
  <style>
12
12
  @layer benev, demo;
13
13
 
package/x/main.bundle.min.js CHANGED
@@ -207,7 +207,7 @@ ${IA}
207
207
  [part="box"] {
208
208
  display: flex;
209
209
  flex-direction: row;
210
- align-items: center;
210
+ align-items: stretch;
211
211
  gap: 0.25em;
212
212
  width: max-content;
213
213
  max-width: 100%;
@@ -313,8 +313,7 @@ button {
313
313
  inset: 0;
314
314
  transition:
315
315
  opacity var(--benev-anim) linear,
316
- transform var(--benev-anim) ease,
317
- visiblity 0ms linear allow-discrete;
316
+ transform var(--benev-anim) ease;
318
317
 
319
318
  display: flex;
320
319
  flex-direction: column;
@@ -324,11 +323,11 @@ button {
324
323
  }
325
324
 
326
325
  .veil {
326
+ z-index: 1;
327
327
  pointer-events: all;
328
328
  background: var(--benev-bg);
329
329
 
330
330
  opacity: 1;
331
- visibility: visible;
332
331
 
333
332
  .scalar {
334
333
  transform: scale(100%);
@@ -344,7 +343,6 @@ button {
344
343
  :host(:not([loading])) .veil {
345
344
  pointer-events: none;
346
345
  opacity: 0;
347
- visiblity: hidden;
348
346
 
349
347
  .scalar {
350
348
  transform: scale(0%);