@e280/shiny 0.1.0-7 → 0.1.0-9

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 (11) hide show
  1. package/package.json +1 -1
  2. package/s/components/drawer/style.css.ts +3 -4
  3. package/s/demo/demo.bundle.ts +1 -1
  4. package/x/components/drawer/style.css.js +3 -4
  5. package/x/components/drawer/style.css.js.map +1 -1
  6. package/x/demo/demo.bundle.js +1 -1
  7. package/x/demo/demo.bundle.min.js +4 -5
  8. package/x/demo/demo.bundle.min.js.map +2 -2
  9. package/x/index.html +2 -2
  10. package/x/install/basic.bundle.min.js +3 -4
  11. package/x/install/basic.bundle.min.js.map +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@e280/shiny",
3
- "version": "0.1.0-7",
3
+ "version": "0.1.0-9",
4
4
  "description": "✨ web ui components",
5
5
  "license": "MIT",
6
6
  "type": "module",
package/s/components/drawer/style.css.ts CHANGED
@@ -7,8 +7,8 @@ export default css`
7
7
  width: 100%;
8
8
  height: 100%;
9
9
  --button-size: 2em;
10
- --drawer-height: auto;
11
10
  --anim-duration: 200ms;
11
+ --tray-height: auto;
12
12
  --blanket-bg: #1118;
13
13
  --blanket-backdrop-filter: blur(0.5em);
14
14
  }
@@ -47,7 +47,7 @@ export default css`
47
47
  position: absolute;
48
48
  top: 0;
49
49
  width: calc(100% - var(--button-size));
50
- height: 100%;
50
+ height: var(--tray-height);
51
51
 
52
52
  opacity: 1;
53
53
  transform: translateX(-100%);
@@ -56,8 +56,7 @@ export default css`
56
56
 
57
57
  > slot {
58
58
  display: block;
59
- height: var(--drawer-height);
60
- max-height: 100%;
59
+ height: 100%;
61
60
  overflow-y: auto;
62
61
  }
63
62
 
package/s/demo/demo.bundle.ts CHANGED
@@ -86,8 +86,8 @@ dom.register({ShinyDemo: view.component(use => {
86
86
  [labels.css, `
87
87
  shiny-drawer {
88
88
  --button-size: 2em;
89
- --drawer-height: auto;
90
89
  --anim-duration: 200ms;
90
+ --tray-height: auto;
91
91
  --blanket-bg: #1118;
92
92
  --blanket-backdrop-filter: blur(0.5em);
93
93
  --inactive-opacity: 0.5;
package/x/components/drawer/style.css.js CHANGED
@@ -6,8 +6,8 @@ export default css `
6
6
  width: 100%;
7
7
  height: 100%;
8
8
  --button-size: 2em;
9
- --drawer-height: auto;
10
9
  --anim-duration: 200ms;
10
+ --tray-height: auto;
11
11
  --blanket-bg: #1118;
12
12
  --blanket-backdrop-filter: blur(0.5em);
13
13
  }
@@ -46,7 +46,7 @@ export default css `
46
46
  position: absolute;
47
47
  top: 0;
48
48
  width: calc(100% - var(--button-size));
49
- height: 100%;
49
+ height: var(--tray-height);
50
50
 
51
51
  opacity: 1;
52
52
  transform: translateX(-100%);
@@ -55,8 +55,7 @@ export default css `
55
55
 
56
56
  > slot {
57
57
  display: block;
58
- height: var(--drawer-height);
59
- max-height: 100%;
58
+ height: 100%;
60
59
  overflow-y: auto;
61
60
  }
62
61
 
package/x/components/drawer/style.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../s/components/drawer/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkHjB,CAAA"}
1
+ {"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../s/components/drawer/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiHjB,CAAA"}
package/x/demo/demo.bundle.js CHANGED
@@ -78,8 +78,8 @@ dom.register({ ShinyDemo: view.component(use => {
78
78
  [labels.css, `
79
79
  shiny-drawer {
80
80
  --button-size: 2em;
81
- --drawer-height: auto;
82
81
  --anim-duration: 200ms;
82
+ --tray-height: auto;
83
83
  --blanket-bg: #1118;
84
84
  --blanket-backdrop-filter: blur(0.5em);
85
85
  --inactive-opacity: 0.5;
package/x/demo/demo.bundle.min.js CHANGED
@@ -97,8 +97,8 @@ ${B}
97
97
  width: 100%;
98
98
  height: 100%;
99
99
  --button-size: 2em;
100
- --drawer-height: auto;
101
100
  --anim-duration: 200ms;
101
+ --tray-height: auto;
102
102
  --blanket-bg: #1118;
103
103
  --blanket-backdrop-filter: blur(0.5em);
104
104
  }
@@ -137,7 +137,7 @@ ${B}
137
137
  position: absolute;
138
138
  top: 0;
139
139
  width: calc(100% - var(--button-size));
140
- height: 100%;
140
+ height: var(--tray-height);
141
141
 
142
142
  opacity: 1;
143
143
  transform: translateX(-100%);
@@ -146,8 +146,7 @@ ${B}
146
146
 
147
147
  > slot {
148
148
  display: block;
149
- height: var(--drawer-height);
150
- max-height: 100%;
149
+ height: 100%;
151
150
  overflow-y: auto;
152
151
  }
153
152
 
@@ -408,8 +407,8 @@ button {
408
407
  `],[tt.css,`
409
408
  shiny-drawer {
410
409
  --button-size: 2em;
411
- --drawer-height: auto;
412
410
  --anim-duration: 200ms;
411
+ --tray-height: auto;
413
412
  --blanket-bg: #1118;
414
413
  --blanket-backdrop-filter: blur(0.5em);
415
414
  --inactive-opacity: 0.5;