@e280/shiny 0.1.0-14 → 0.1.0-16

package/x/shiny.d.ts

@@ -1,47 +0,0 @@
-import { ShinyContext } from "./components/framework.js";
-export declare function shiny(context: ShinyContext): {
-    components: {
-        ShinyButton: {
-            new (): import("./components/button/component.js").ShinyButton;
-            view: import("@e280/sly").View<[content?: import("@e280/sly").Content]>;
-        } & typeof import("./components/button/component.js").ShinyButton;
-        ShinyCopy: {
-            new (): import("./index.js").ShinyCopy;
-            view: import("@e280/sly").View<[text: string | undefined, ms?: any]>;
-        } & typeof import("./index.js").ShinyCopy;
-        ShinyDrawer: {
-            new (): import("./index.js").ShinyDrawer;
-            view: import("@e280/sly").View<[options: {
-                button?: boolean;
-                side?: "left" | "right";
-                control?: import("./index.js").DrawerControl;
-            }]>;
-        } & typeof import("./index.js").ShinyDrawer;
-        ShinyExample: {
-            new (): import("./index.js").ShinyExample;
-            view: import("@e280/sly").View<[start?: any]>;
-        } & typeof import("./index.js").ShinyExample;
-        ShinyTabs: {
-            new (): import("./index.js").ShinyTabs;
-            view: import("@e280/sly").View<[controlOption?: import("./index.js").TabControl | undefined]>;
-        } & typeof import("./index.js").ShinyTabs;
-    };
-    views: {
-        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;
-            side?: "left" | "right";
-            control?: import("./index.js").DrawerControl;
-        }]> & import("@e280/sly").View<[context: ShinyContext, options: {
-            button?: boolean;
-            side?: "left" | "right";
-            control?: import("./index.js").DrawerControl;
-        }]>;
-        ShinyExample: import("@e280/sly").View<[start?: any]> & import("@e280/sly").View<[context: ShinyContext, start?: any]>;
-        ShinyTabs: import("@e280/sly").View<[controlOption?: import("./index.js").TabControl | undefined]> & import("@e280/sly").View<[context: ShinyContext, controlOption?: import("./index.js").TabControl | undefined]>;
-    };
-};
-export type Shiny = ReturnType<typeof shiny>;
-export type ShinyViews = Shiny["views"];
-export type ShinyComponents = Shiny["components"];

package/x/shiny.js

@@ -1,8 +0,0 @@
-import { contextualizeComponents, getViews } from "@e280/sly";
-import { rawComponents } from "./components/raw-components.js";
-export function shiny(context) {
-    const components = contextualizeComponents(context, rawComponents);
-    const views = getViews(components);
-    return { components, views };
-}
-//# sourceMappingURL=shiny.js.map

package/x/shiny.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"shiny.js","sourceRoot":"","sources":["../s/shiny.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,uBAAuB,EAAE,QAAQ,EAAC,MAAM,WAAW,CAAA;AAE3D,OAAO,EAAC,aAAa,EAAC,MAAM,gCAAgC,CAAA;AAE5D,MAAM,UAAU,KAAK,CAAC,OAAqB;IAC1C,MAAM,UAAU,GAAG,uBAAuB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAA;IAClE,MAAM,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAA;IAClC,OAAO,EAAC,UAAU,EAAE,KAAK,EAAC,CAAA;AAC3B,CAAC"}

package/x/tests.test.d.ts

@@ -1 +0,0 @@
-export {};

package/x/tests.test.js

@@ -1,3 +0,0 @@
-import { Science } from "@e280/science";
-await Science.run({});
-//# sourceMappingURL=tests.test.js.map

package/x/tests.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tests.test.js","sourceRoot":"","sources":["../s/tests.test.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAA;AAErC,MAAM,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA"}

package/x/themes/aura.css.d.ts

@@ -1 +0,0 @@
-export declare const aura: import("lit").CSSResult;

package/x/themes/aura.css.js

@@ -1,85 +0,0 @@
-import { css } from "lit";
-import { defaultCssVars, renderCssVars } from "./infra/css-vars.js";
-export const aura = css `@layer overlay {
-
-:host {
-	${renderCssVars({
-    ...defaultCssVars(),
-})}
-}
-
-:host([view="shiny-button"]:not([plain])) {
-	position: relative;
-
-	--buttoncolor: var(--calm);
-	--padding: 0.3em 0.7em;
-
-	color: white;
-	border-radius: 2em;
-	background: var(--buttoncolor);
-	border: none;
-
-	font-weight: medium;
-	text-shadow: 0.1em 0.1em 0.1em #0004;
-	box-shadow: 0.1em 0.2em 0.3em #0002;
-}
-
-:host([view="shiny-button"][lame]) { --buttoncolor: var(--lame); }
-:host([view="shiny-button"][angry]) { --buttoncolor: var(--angry); }
-:host([view="shiny-button"][zesty]) { --buttoncolor: var(--zesty); }
-:host([view="shiny-button"][happy]) { --buttoncolor: var(--happy); }
-:host([view="shiny-button"][calm]) { --buttoncolor: var(--calm); }
-:host([view="shiny-button"][sad]) { --buttoncolor: var(--sad); }
-:host([view="shiny-button"][quirky]) { --buttoncolor: var(--quirky); }
-
-:host([view="shiny-button"][gradient]:not([plain])) {
-	border: none;
-	background: linear-gradient(
-		to bottom right,
-		color-mix(in oklab, var(--buttoncolor), white 40%),
-		color-mix(in oklab, var(--buttoncolor), black 20%)
-	);
-
-	&::before {
-		content: "";
-		display: block;
-		position: absolute;
-		z-index: 0;
-		inset: 0.15em;
-		border-radius: inherit;
-		background: color-mix(in oklab, var(--buttoncolor), #0004 50%);
-	}
-
-	> * {
-		position: relative;
-		z-index: 1;
-	}
-}
-
-: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;
-	}
-}
-
-:host([view="shiny-drawer"]:state(left)) {
-	&::part(slate) {
-		border-bottom-right-radius: 0.5em;
-	}
-}
-
-:host([view="shiny-drawer"]:state(right)) {
-	&::part(slate) {
-		border-bottom-left-radius: 0.5em;
-	}
-}
-
-}`;
-//# sourceMappingURL=aura.css.js.map

package/x/themes/aura.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"aura.css.js","sourceRoot":"","sources":["../../s/themes/aura.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,OAAO,EAAC,cAAc,EAAE,aAAa,EAAC,MAAM,qBAAqB,CAAA;AACjE,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAA;;;GAGpB,aAAa,CAAC;IACf,GAAG,cAAc,EAAE;CACnB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4ED,CAAA"}

package/x/themes/index.barrel.d.ts

@@ -1,2 +0,0 @@
-export * from "./plain.css.js";
-export * from "./aura.css.js";

package/x/themes/index.barrel.js

@@ -1,3 +0,0 @@
-export * from "./plain.css.js";
-export * from "./aura.css.js";
-//# sourceMappingURL=index.barrel.js.map

package/x/themes/index.barrel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.barrel.js","sourceRoot":"","sources":["../../s/themes/index.barrel.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA"}

package/x/themes/index.d.ts

@@ -1,2 +0,0 @@
-export * as themes from "./index.barrel.js";
-export type * from "./index.barrel.js";

package/x/themes/index.js

@@ -1,2 +0,0 @@
-export * as themes from "./index.barrel.js";
-//# sourceMappingURL=index.js.map

package/x/themes/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../s/themes/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,MAAM,mBAAmB,CAAA"}

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

@@ -1,15 +0,0 @@
-export type CssVars = {
-    "bg": string;
-    "alpha": string;
-    "lame": 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

@@ -1,22 +0,0 @@
-import { unsafeCSS } from "lit";
-export function defaultCssVars() {
-    return {
-        "bg": "#111",
-        "alpha": "#def",
-        "lame": "#8888",
-        "angry": "#f50",
-        "zesty": "#cf0",
-        "happy": "#0fa",
-        "calm": "#0af",
-        "sad": "#74f",
-        "quirky": "#f49",
-        "inactive-opacity": "0.5",
-        "anim-duration": "300ms",
-    };
-}
-export function renderCssVars(vars) {
-    return unsafeCSS(Object.entries(vars)
-        .map(([key, value]) => `--${key}: var(--shiny-${key}, ${value});`)
-        .join("\n"));
-}
-//# sourceMappingURL=css-vars.js.map

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

@@ -1 +0,0 @@
-{"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/x/themes/plain.css.d.ts

@@ -1 +0,0 @@
-export declare const plain: import("lit").CSSResult;

package/x/themes/plain.css.js

@@ -1,10 +0,0 @@
-import { css } from "lit";
-import { defaultCssVars, renderCssVars } from "./infra/css-vars.js";
-export const plain = css `@layer overlay {
-
-:host {
-	${renderCssVars(defaultCssVars())}
-}
-
-}`;
-//# sourceMappingURL=plain.css.js.map

package/x/themes/plain.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"plain.css.js","sourceRoot":"","sources":["../../s/themes/plain.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,OAAO,EAAC,cAAc,EAAE,aAAa,EAAC,MAAM,qBAAqB,CAAA;AACjE,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;GAGrB,aAAa,CAAC,cAAc,EAAE,CAAC;;;EAGhC,CAAA"}