@e280/shiny 0.1.0-12 → 0.1.0-14

package/x/demo/views/exhibit/style.css.js

@@ -7,7 +7,7 @@ export default css `@layer view {
 	gap: 0.5em;
 
 	> * {
-		flex: 1 1 0;
+		flex: 1 1 10em;
 		min-width: 0;
 	}
 }

package/x/demo/views/exhibit/view.d.ts

@@ -24,6 +24,6 @@ export declare const Exhibit: import("@e280/sly").View<[exhibit: ExhibitParams,
         side?: "left" | "right";
         control?: import("../../../index.js").DrawerControl;
     }]>;
-    ShinyExample: import("@e280/sly").View<[start: number]> & import("@e280/sly").View<[context: import("../../../index.js").ShinyContext, start: number]>;
+    ShinyExample: import("@e280/sly").View<[start?: any]> & import("@e280/sly").View<[context: import("../../../index.js").ShinyContext, start?: any]>;
     ShinyTabs: import("@e280/sly").View<[controlOption?: TabControl | undefined]> & import("@e280/sly").View<[context: import("../../../index.js").ShinyContext, controlOption?: TabControl | undefined]>;
 }, showcaseStyle: CSSResultGroup]>;

package/x/demo/views/exhibit/view.js

@@ -17,7 +17,9 @@ export const Exhibit = view(use => (exhibit, views, showcaseStyle) => {
 
 			<div class=snippet>
 				<header>
-					${auraViews.ShinyTabs.props(snippetControl)
+					${auraViews.ShinyTabs
+        .props(snippetControl)
+        .attr("snug")
         .children(exhibit.snippets.map(s => auraViews.ShinyButton
         .props()
         .attr("plain")

package/x/demo/views/exhibit/view.js.map

@@ -1 +1 @@
-{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../../s/demo/views/exhibit/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,EAAC,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAU,IAAI,EAAC,MAAM,WAAW,CAAA;AACvC,OAAO,EAAiB,IAAI,EAAC,MAAM,KAAK,CAAA;AAExC,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAA;AAE3C,OAAO,EAAC,UAAU,EAAC,MAAM,qCAAqC,CAAA;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,uCAAuC,CAAA;AAUnE,MAAM,CAAC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CACjC,OAAsB,EACtB,KAAiB,EACjB,aAA6B,EAC5B,EAAE;IAEJ,GAAG,CAAC,IAAI,CAAC,WAAW,OAAO,CAAC,KAAK,EAAE,CAAC,CAAA;IACpC,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IAEjE,MAAM,cAAc,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC,CAAA;IACvD,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;IACzD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAEtD,OAAO,IAAI,CAAA;;KAEP,OAAO,CAAC,OAAO;;;;OAIb,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,cAAc,CAAC;SACzC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAClC,SAAS,CAAC,WAAW;SACnB,KAAK,EAAE;SACP,IAAI,CAAC,OAAO,CAAC;SACb,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;SACjB,MAAM,EAAE,CACV,CAAC;SACD,MAAM,EAAE;OACR,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC;;YAEpB,IAAI;;;;;KAKX,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC;;EAE9B,CAAA;AACF,CAAC,CAAC,CAAA"}
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../../s/demo/views/exhibit/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,EAAC,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAU,IAAI,EAAC,MAAM,WAAW,CAAA;AACvC,OAAO,EAAiB,IAAI,EAAC,MAAM,KAAK,CAAA;AAExC,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAA;AAE3C,OAAO,EAAC,UAAU,EAAC,MAAM,qCAAqC,CAAA;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,uCAAuC,CAAA;AAUnE,MAAM,CAAC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CACjC,OAAsB,EACtB,KAAiB,EACjB,aAA6B,EAC5B,EAAE;IAEJ,GAAG,CAAC,IAAI,CAAC,WAAW,OAAO,CAAC,KAAK,EAAE,CAAC,CAAA;IACpC,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IAEjE,MAAM,cAAc,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC,CAAA;IACvD,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;IACzD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAEtD,OAAO,IAAI,CAAA;;KAEP,OAAO,CAAC,OAAO;;;;OAIb,SAAS,CAAC,SAAS;SACnB,KAAK,CAAC,cAAc,CAAC;SACrB,IAAI,CAAC,MAAM,CAAC;SACZ,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAClC,SAAS,CAAC,WAAW;SACnB,KAAK,EAAE;SACP,IAAI,CAAC,OAAO,CAAC;SACb,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;SACjB,MAAM,EAAE,CACV,CAAC;SACD,MAAM,EAAE;OACR,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC;;YAEpB,IAAI;;;;;KAKX,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC;;EAE9B,CAAA;AACF,CAAC,CAAC,CAAA"}

package/x/demo/views/showcase/style.css.js

@@ -38,6 +38,9 @@ export default css `@layer view {
 
 header {
 	display: flex;
+	flex-wrap: wrap;
+	place-content: center center;
+	gap: 0.5em;
 
 	h2 {
 		flex: 1 1 auto;

package/x/demo/views/showcase/style.css.js.map

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8ChB,CAAA"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiDhB,CAAA"}

package/x/demo/views/showcase/view.js

@@ -15,23 +15,23 @@ export const Showcase = view(use => (options) => {
     return html `
 		<header>
 			<h2>✨shiny-${options.name}✨</h2>
-			<nav>
-				${auraViews.ShinyTabs
+			${auraViews.ShinyTabs
         .props(exhibitTabControl)
+        .attr("snug")
         .children(options.exhibits.map(p => auraViews.ShinyButton
         .props()
         .attr("sad")
         .children(p.label)
         .render()))
         .render()}
-				${auraViews.ShinyTabs
+			${auraViews.ShinyTabs
         .props(themeTabControl)
+        .attr("snug")
         .children(viewsets.map(([theme]) => auraViews.ShinyButton
         .props()
         .children(theme)
         .render()))
         .render()}
-			</nav>
 		</header>
 
 		${Exhibit(exhibit, exhibitViews, options.style)}

package/x/demo/views/showcase/view.js.map

@@ -1 +1 @@
-{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../../s/demo/views/showcase/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAiB,IAAI,EAAC,MAAM,KAAK,CAAA;AACxC,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAC,OAAO,EAAgB,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAC,UAAU,EAAC,MAAM,qCAAqC,CAAA;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,uCAAuC,CAAA;AAEnE,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,OAInC,EAAE,EAAE;IAEL,GAAG,CAAC,IAAI,CAAC,YAAY,OAAO,CAAC,IAAI,EAAE,CAAC,CAAA;IACpC,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAA;IAEnC,MAAM,iBAAiB,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC,CAAA;IAC1D,MAAM,eAAe,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC,CAAA;IAExD,MAAM,YAAY,GAAG,QAAQ,CAAC,EAAE,CAAC,eAAe,CAAC,KAAK,CAAE,CAAC,CAAC,CAAC,CAAA;IAC3D,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAE,CAAA;IAE7D,OAAO,IAAI,CAAA;;gBAEI,OAAO,CAAC,IAAI;;MAEtB,SAAS,CAAC,SAAS;SACnB,KAAK,CAAC,iBAAiB,CAAC;SACxB,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAClC,SAAS,CAAC,WAAW;SACnB,KAAK,EAAE;SACP,IAAI,CAAC,KAAK,CAAC;SACX,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;SACjB,MAAM,EAAE,CACV,CAAC;SACD,MAAM,EAAE;MACR,SAAS,CAAC,SAAS;SACnB,KAAK,CAAC,eAAe,CAAC;SACtB,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,CAClC,SAAS,CAAC,WAAW;SACnB,KAAK,EAAE;SACP,QAAQ,CAAC,KAAK,CAAC;SACf,MAAM,EAAE,CACV,CAAC;SACD,MAAM,EAAE;;;;IAIV,OAAO,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,CAAC,KAAK,CAAC;EAC/C,CAAA;AACF,CAAC,CAAC,CAAA"}
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../../s/demo/views/showcase/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAiB,IAAI,EAAC,MAAM,KAAK,CAAA;AACxC,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAC,OAAO,EAAgB,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAC,UAAU,EAAC,MAAM,qCAAqC,CAAA;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,uCAAuC,CAAA;AAEnE,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,OAInC,EAAE,EAAE;IAEL,GAAG,CAAC,IAAI,CAAC,YAAY,OAAO,CAAC,IAAI,EAAE,CAAC,CAAA;IACpC,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAA;IAEnC,MAAM,iBAAiB,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC,CAAA;IAC1D,MAAM,eAAe,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC,CAAA;IAExD,MAAM,YAAY,GAAG,QAAQ,CAAC,EAAE,CAAC,eAAe,CAAC,KAAK,CAAE,CAAC,CAAC,CAAC,CAAA;IAC3D,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAE,CAAA;IAE7D,OAAO,IAAI,CAAA;;gBAEI,OAAO,CAAC,IAAI;KACvB,SAAS,CAAC,SAAS;SACnB,KAAK,CAAC,iBAAiB,CAAC;SACxB,IAAI,CAAC,MAAM,CAAC;SACZ,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAClC,SAAS,CAAC,WAAW;SACnB,KAAK,EAAE;SACP,IAAI,CAAC,KAAK,CAAC;SACX,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;SACjB,MAAM,EAAE,CACV,CAAC;SACD,MAAM,EAAE;KACR,SAAS,CAAC,SAAS;SACnB,KAAK,CAAC,eAAe,CAAC;SACtB,IAAI,CAAC,MAAM,CAAC;SACZ,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,CAClC,SAAS,CAAC,WAAW;SACnB,KAAK,EAAE;SACP,QAAQ,CAAC,KAAK,CAAC;SACf,MAAM,EAAE,CACV,CAAC;SACD,MAAM,EAAE;;;IAGT,OAAO,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,CAAC,KAAK,CAAC;EAC/C,CAAA;AACF,CAAC,CAAC,CAAA"}

package/x/demo/viewsets.d.ts

@@ -11,7 +11,7 @@ export declare const auraViews: {
         side?: "left" | "right";
         control?: import("../index.js").DrawerControl;
     }]>;
-    ShinyExample: import("@e280/sly").View<[start: number]> & import("@e280/sly").View<[context: import("../index.js").ShinyContext, start: number]>;
+    ShinyExample: import("@e280/sly").View<[start?: any]> & import("@e280/sly").View<[context: import("../index.js").ShinyContext, start?: any]>;
     ShinyTabs: import("@e280/sly").View<[controlOption?: import("../index.js").TabControl | undefined]> & import("@e280/sly").View<[context: import("../index.js").ShinyContext, controlOption?: import("../index.js").TabControl | undefined]>;
 };
 export declare const viewsets: [label: string, ShinyViews][];

package/x/index.html

@@ -129,7 +129,7 @@ body > section {
 }
 
 </style>
-					<script type=module src="demo/demo.bundle.min.js?v=0a297bb8b47a"></script>
+					<script type=module src="demo/demo.bundle.min.js?v=e8f4caacb692"></script>
 					<link rel="icon" href="assets/favicon.png?v=0414eeb5fcc2"/>
 
 		<meta name="theme-color" content="#d068ff">
@@ -146,7 +146,7 @@ body > section {
 
 	<h1>
 		<strong>✨shiny✨</strong>
-		<small>v0.1.0-12</small>
+		<small>v0.1.0-14</small>
 	</h1>
 
 	<section>

package/x/install/aura.bundle.min.js

@@ -155,6 +155,7 @@ svg {
 	display: block;
 	width: 100%;
 	height: 100%;
+	--slate-bg: transparent;
 	--button-size: 2em;
 	--blanket-backdrop-filter: blur(0.5em);
 	--slate-hidden-opacity: 1;
@@ -213,6 +214,7 @@ svg {
 			display: block;
 			height: 100%;
 			overflow-y: auto;
+			background: var(--slate-bg);
 		}
 
 		> button {
@@ -302,11 +304,11 @@ button {
 	min-width: 4em;
 }
 
-}`;var Jt=class extends b(t=>(e,s)=>{t.name("shiny-example"),t.styles(C,e.theme,tr);let o=t.signal(s);return _`
+}`;var Jt=class extends b(t=>(e,s=1)=>{t.name("shiny-example"),t.styles(C,e.theme,tr);let o=t.signal(s);return _`
 			<button @click="${()=>{o.value++}}">
 				${o()}
 			</button>
-		`}).component(class extends A{attrs=p.attrs(this).spec({start:Number})}).props(t=>[t.context,t.attrs.start??1]){};var er=f`@layer view {
+		`}).component(class extends A{attrs=p.attrs(this).spec({start:Number})}).props(t=>[t.context,t.attrs.start]){};var er=f`@layer view {
 
 :host {
 	display: inline-flex;
@@ -315,16 +317,19 @@ button {
 
 slot[part="tabs"] {
 	display: flex;
-
-	&::slotted(*) {
-		border-radius: 0.3em;
-	}
+	flex-wrap: wrap;
 
 	&::slotted([data-active]) {
 		opacity: 1;
 		color: currentColor;
 		text-decoration: underline;
 	}
+}
+
+:host([snug]) slot[part="tabs"] {
+	&::slotted(*) {
+		border-radius: 0.3em;
+	}
 
 	&::slotted(:not([data-last], [data-next-is-active])) {
 		border-right: none;
@@ -405,14 +410,14 @@ slot[part="tabs"] {
 
 :host([view="shiny-drawer"]:not([plain])) {
 	display: block;
+	--slate-bg: linear-gradient(
+		to top right,
+		color-mix(in oklab, var(--calm), #222 50%),
+		color-mix(in oklab, var(--calm), #888 50%)
+	);
 
 	&::part(slate) {
 		padding: 1em;
-		background: linear-gradient(
-			to top right,
-			#00a9dd69,
-			#70ffd77a
-		);
 	}
 }