@e280/shiny 0.1.0-11 → 0.1.0-12

package/x/shiny.d.ts

@@ -3,7 +3,7 @@ export declare function shiny(context: ShinyContext): {
     components: {
         ShinyButton: {
             new (): import("./components/button/component.js").ShinyButton;
-            view: import("@e280/sly").View<[]>;
+            view: import("@e280/sly").View<[content?: import("@e280/sly").Content]>;
         } & typeof import("./components/button/component.js").ShinyButton;
         ShinyCopy: {
             new (): import("./index.js").ShinyCopy;
@@ -12,7 +12,7 @@ export declare function shiny(context: ShinyContext): {
         ShinyDrawer: {
             new (): import("./index.js").ShinyDrawer;
             view: import("@e280/sly").View<[options: {
-                button: boolean;
+                button?: boolean;
                 side?: "left" | "right";
                 control?: import("./index.js").DrawerControl;
             }]>;
@@ -27,14 +27,14 @@ export declare function shiny(context: ShinyContext): {
         } & typeof import("./index.js").ShinyTabs;
     };
     views: {
-        ShinyButton: import("@e280/sly").View<[]> & import("@e280/sly").View<[context: ShinyContext]>;
+        ShinyButton: import("@e280/sly").View<[content?: import("@e280/sly").Content]> & import("@e280/sly").View<[context: ShinyContext, content?: import("@e280/sly").Content]>;
         ShinyCopy: import("@e280/sly").View<[text: string | undefined, ms?: any]> & import("@e280/sly").View<[context: ShinyContext, text: string | undefined, ms?: any]>;
         ShinyDrawer: import("@e280/sly").View<[options: {
-            button: boolean;
+            button?: boolean;
             side?: "left" | "right";
             control?: import("./index.js").DrawerControl;
         }]> & import("@e280/sly").View<[context: ShinyContext, options: {
-            button: boolean;
+            button?: boolean;
             side?: "left" | "right";
             control?: import("./index.js").DrawerControl;
         }]>;

package/x/themes/aura.css.js

@@ -56,10 +56,10 @@ export const aura = css `@layer overlay {
 	}
 }
 
-:host([view="shiny-drawer"]) {
+:host([view="shiny-drawer"]:not([plain])) {
 	display: block;
 
-	&::part(tray) {
+	&::part(slate) {
 		padding: 1em;
 		background: linear-gradient(
 			to top right,
@@ -70,13 +70,13 @@ export const aura = css `@layer overlay {
 }
 
 :host([view="shiny-drawer"]:state(left)) {
-	&::part(tray) {
+	&::part(slate) {
 		border-bottom-right-radius: 0.5em;
 	}
 }
 
 :host([view="shiny-drawer"]:state(right)) {
-	&::part(tray) {
+	&::part(slate) {
 		border-bottom-left-radius: 0.5em;
 	}
 }

package/x/themes/infra/css-vars.d.ts

@@ -2,13 +2,14 @@ export type CssVars = {
     "bg": string;
     "alpha": string;
     "lame": string;
-    "inactive-opacity": string;
     "angry": string;
     "zesty": string;
     "happy": string;
     "calm": string;
     "sad": string;
     "quirky": string;
+    "inactive-opacity": string;
+    "anim-duration": string;
 };
 export declare function defaultCssVars(): CssVars;
 export declare function renderCssVars(vars: CssVars): import("lit").CSSResult;

package/x/themes/infra/css-vars.js

@@ -3,7 +3,6 @@ export function defaultCssVars() {
     return {
         "bg": "#111",
         "alpha": "#def",
-        "inactive-opacity": "0.5",
         "lame": "#8888",
         "angry": "#f50",
         "zesty": "#cf0",
@@ -11,6 +10,8 @@ export function defaultCssVars() {
         "calm": "#0af",
         "sad": "#74f",
         "quirky": "#f49",
+        "inactive-opacity": "0.5",
+        "anim-duration": "300ms",
     };
 }
 export function renderCssVars(vars) {

package/x/themes/infra/css-vars.js.map

@@ -1 +1 @@
-{"version":3,"file":"css-vars.js","sourceRoot":"","sources":["../../../s/themes/infra/css-vars.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,KAAK,CAAA;AAiB7B,MAAM,UAAU,cAAc;IAC7B,OAAO;QACN,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,MAAM;QACf,kBAAkB,EAAE,KAAK;QACzB,MAAM,EAAE,OAAO;QACf,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,MAAM;KAChB,CAAA;AACF,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,IAAa;IAC1C,OAAO,SAAS,CACf,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;SAClB,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,GAAG,iBAAiB,GAAG,KAAK,KAAK,IAAI,CAAC;SACjE,IAAI,CAAC,IAAI,CAAC,CACZ,CAAA;AACF,CAAC"}
+{"version":3,"file":"css-vars.js","sourceRoot":"","sources":["../../../s/themes/infra/css-vars.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,KAAK,CAAA;AAmB7B,MAAM,UAAU,cAAc;IAC7B,OAAO;QACN,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,MAAM;QAEf,MAAM,EAAE,OAAO;QACf,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,MAAM;QAEhB,kBAAkB,EAAE,KAAK;QACzB,eAAe,EAAE,OAAO;KACxB,CAAA;AACF,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,IAAa;IAC1C,OAAO,SAAS,CACf,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;SAClB,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,GAAG,iBAAiB,GAAG,KAAK,KAAK,IAAI,CAAC;SACjE,IAAI,CAAC,IAAI,CAAC,CACZ,CAAA;AACF,CAAC"}

package/s/demo/aura-views.ts

@@ -1,6 +0,0 @@
-
-import {shiny} from "../shiny.js"
-import {aura} from "../themes/aura.css.js"
-
-export const auraViews = shiny({theme: aura}).views
-

package/x/demo/aura-views.js

@@ -1,4 +0,0 @@
-import { shiny } from "../shiny.js";
-import { aura } from "../themes/aura.css.js";
-export const auraViews = shiny({ theme: aura }).views;
-//# sourceMappingURL=aura-views.js.map

package/x/demo/aura-views.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"aura-views.js","sourceRoot":"","sources":["../../s/demo/aura-views.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,EAAC,MAAM,aAAa,CAAA;AACjC,OAAO,EAAC,IAAI,EAAC,MAAM,uBAAuB,CAAA;AAE1C,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,CAAC,KAAK,CAAA"}