@e280/shiny 0.1.0-16 → 0.1.0-18
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.
- package/package.json +2 -2
- package/s/demo/views/codebox/style.css.ts +3 -1
- package/s/demo/views/showcase/style.css.ts +2 -6
- package/s/views/button/view.ts +3 -1
- package/s/views/tabs/showcase.ts +1 -1
- package/x/demo/main.bundle.min.js +52 -53
- package/x/demo/main.bundle.min.js.map +4 -4
- package/x/demo/views/codebox/style.css.js +3 -1
- package/x/demo/views/codebox/style.css.js.map +1 -1
- package/x/demo/views/showcase/style.css.js +2 -6
- package/x/demo/views/showcase/style.css.js.map +1 -1
- package/x/index.html +2 -2
- package/x/views/button/view.d.ts +1 -0
- package/x/views/button/view.js +2 -1
- package/x/views/button/view.js.map +1 -1
- package/x/views/tabs/showcase.js +1 -1
|
@@ -12,6 +12,7 @@ export default css `@layer view {
|
|
|
12
12
|
flex-direction: column;
|
|
13
13
|
background: #0003;
|
|
14
14
|
border-radius: var(--rounded);
|
|
15
|
+
backdrop-filter: blur(0.5em);
|
|
15
16
|
}
|
|
16
17
|
|
|
17
18
|
header {
|
|
@@ -34,8 +35,9 @@ header {
|
|
|
34
35
|
code {
|
|
35
36
|
padding: calc(var(--padding) / 4) var(--padding);
|
|
36
37
|
color: var(--code);
|
|
37
|
-
white-space: pre
|
|
38
|
+
white-space: pre;
|
|
38
39
|
tab-size: 2;
|
|
40
|
+
overflow-x: auto;
|
|
39
41
|
}
|
|
40
42
|
|
|
41
43
|
}`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../../s/demo/views/codebox/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../../s/demo/views/codebox/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyChB,CAAA"}
|
|
@@ -3,19 +3,15 @@ export default css `@layer view {
|
|
|
3
3
|
|
|
4
4
|
section.showcase {
|
|
5
5
|
position: relative;
|
|
6
|
-
|
|
7
6
|
display: flex;
|
|
8
7
|
flex-direction: column;
|
|
9
|
-
|
|
10
8
|
padding: 1em;
|
|
11
|
-
border-radius: var(--rounded);
|
|
12
9
|
gap: var(--padding);
|
|
13
10
|
|
|
14
11
|
background: linear-gradient(to right top, #252dd985, #aa6affbd);
|
|
15
|
-
backdrop-filter: blur(0.5em);
|
|
16
|
-
|
|
17
12
|
box-shadow: 0 0 5em #5d1fadaa;
|
|
18
13
|
border-top: 2px solid #fff4;
|
|
14
|
+
border-radius: var(--rounded);
|
|
19
15
|
|
|
20
16
|
&::before {
|
|
21
17
|
z-index: 0;
|
|
@@ -55,8 +51,8 @@ header {
|
|
|
55
51
|
|
|
56
52
|
> * {
|
|
57
53
|
flex: 1 1 0;
|
|
54
|
+
min-width: 0;
|
|
58
55
|
}
|
|
59
|
-
|
|
60
56
|
}
|
|
61
57
|
|
|
62
58
|
.codezone {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../../s/demo/views/showcase/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../../s/demo/views/showcase/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4EhB,CAAA"}
|
package/x/index.html
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
<title>shiny</title>
|
|
10
10
|
<link rel="icon" href="/assets/favicon.png"/>
|
|
11
|
-
<script type="module" src="demo/main.bundle.min.js?v=
|
|
11
|
+
<script type="module" src="demo/main.bundle.min.js?v=59c6c286da7b"></script>
|
|
12
12
|
|
|
13
13
|
<style>
|
|
14
14
|
|
|
@@ -297,7 +297,7 @@ color: green;
|
|
|
297
297
|
<body>
|
|
298
298
|
<h1>
|
|
299
299
|
<strong>✨shiny✨</strong>
|
|
300
|
-
<small>v0.1.0-
|
|
300
|
+
<small>v0.1.0-18</small>
|
|
301
301
|
</h1>
|
|
302
302
|
|
|
303
303
|
<section>
|
package/x/views/button/view.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Content } from "@e280/sly";
|
|
2
2
|
export declare const ShinyButton: import("@e280/sly").ShadowView<[content?: Content, options?: {
|
|
3
3
|
vibe?: "calm" | "lame" | "happy" | "sad" | "angry" | "zesty" | "quirky";
|
|
4
|
+
onClick?: (event: PointerEvent) => void;
|
|
4
5
|
} | undefined]>;
|
package/x/views/button/view.js
CHANGED
|
@@ -14,7 +14,8 @@ export const ShinyButton = shadow((content, options = {}) => {
|
|
|
14
14
|
part=button
|
|
15
15
|
data-vibe="${options.vibe ?? "calm"}"
|
|
16
16
|
?disabled="${attrs.disabled}"
|
|
17
|
-
?hidden="${attrs.hidden}"
|
|
17
|
+
?hidden="${attrs.hidden}"
|
|
18
|
+
@click="${options.onClick}">
|
|
18
19
|
<slot>${content}</slot>
|
|
19
20
|
</button>
|
|
20
21
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../s/views/button/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAU,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,WAAW,CAAA;AAEpE,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAA;AAEjD,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,OAAiB,EAAE,
|
|
1
|
+
{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../s/views/button/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAU,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,WAAW,CAAA;AAEpE,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAA;AAEjD,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,OAAiB,EAAE,UAGjD,EAAE,EAAE,EAAE;IAEV,OAAO,CAAC,cAAc,CAAC,CAAA;IACvB,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAE1B,MAAM,KAAK,GAAG,QAAQ,CAAC;QACtB,MAAM,EAAE,OAAO;QACf,QAAQ,EAAE,OAAO;KACjB,CAAC,CAAA;IAEF,OAAO,IAAI,CAAA;;;gBAGI,OAAO,CAAC,IAAI,IAAI,MAAM;gBACtB,KAAK,CAAC,QAAQ;cAChB,KAAK,CAAC,MAAM;aACb,OAAO,CAAC,OAAO;WACjB,OAAO;;EAEhB,CAAA;AACF,CAAC,CAAC,CAAA"}
|
package/x/views/tabs/showcase.js
CHANGED