@e280/shiny 0.1.0-13 → 0.1.0-14

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 (35) hide show
  1. package/README.md +12 -8
  2. package/package.json +1 -1
  3. package/s/components/button/showcase.ts +1 -1
  4. package/s/components/copy/showcase.ts +1 -1
  5. package/s/components/drawer/showcase.ts +6 -1
  6. package/s/components/drawer/style.css.ts +2 -0
  7. package/s/components/example/component.ts +2 -2
  8. package/s/components/example/showcase.ts +32 -0
  9. package/s/components/tabs/showcase.ts +7 -2
  10. package/s/themes/aura.css.ts +5 -5
  11. package/x/components/button/showcase.js +1 -1
  12. package/x/components/copy/showcase.js +1 -1
  13. package/x/components/drawer/showcase.js +6 -1
  14. package/x/components/drawer/showcase.js.map +1 -1
  15. package/x/components/drawer/style.css.js +2 -0
  16. package/x/components/drawer/style.css.js.map +1 -1
  17. package/x/components/example/component.d.ts +1 -1
  18. package/x/components/example/component.js +2 -2
  19. package/x/components/example/component.js.map +1 -1
  20. package/x/components/example/showcase.d.ts +1 -0
  21. package/x/components/example/showcase.js +30 -0
  22. package/x/components/example/showcase.js.map +1 -0
  23. package/x/components/tabs/showcase.js +7 -2
  24. package/x/components/tabs/showcase.js.map +1 -1
  25. package/x/demo/demo.bundle.min.js +24 -12
  26. package/x/demo/demo.bundle.min.js.map +2 -2
  27. package/x/demo/views/exhibit/view.d.ts +1 -1
  28. package/x/demo/viewsets.d.ts +1 -1
  29. package/x/index.html +2 -2
  30. package/x/install/aura.bundle.min.js +9 -7
  31. package/x/install/aura.bundle.min.js.map +2 -2
  32. package/x/install/plain.bundle.min.js +4 -2
  33. package/x/install/plain.bundle.min.js.map +2 -2
  34. package/x/shiny.d.ts +2 -2
  35. package/x/themes/aura.css.js +5 -5
package/x/demo/views/exhibit/view.d.ts CHANGED
@@ -24,6 +24,6 @@ export declare const Exhibit: import("@e280/sly").View<[exhibit: ExhibitParams,
24
24
  side?: "left" | "right";
25
25
  control?: import("../../../index.js").DrawerControl;
26
26
  }]>;
27
- ShinyExample: import("@e280/sly").View<[start: number]> & import("@e280/sly").View<[context: import("../../../index.js").ShinyContext, start: number]>;
27
+ ShinyExample: import("@e280/sly").View<[start?: any]> & import("@e280/sly").View<[context: import("../../../index.js").ShinyContext, start?: any]>;
28
28
  ShinyTabs: import("@e280/sly").View<[controlOption?: TabControl | undefined]> & import("@e280/sly").View<[context: import("../../../index.js").ShinyContext, controlOption?: TabControl | undefined]>;
29
29
  }, showcaseStyle: CSSResultGroup]>;
package/x/demo/viewsets.d.ts CHANGED
@@ -11,7 +11,7 @@ export declare const auraViews: {
11
11
  side?: "left" | "right";
12
12
  control?: import("../index.js").DrawerControl;
13
13
  }]>;
14
- ShinyExample: import("@e280/sly").View<[start: number]> & import("@e280/sly").View<[context: import("../index.js").ShinyContext, start: number]>;
14
+ ShinyExample: import("@e280/sly").View<[start?: any]> & import("@e280/sly").View<[context: import("../index.js").ShinyContext, start?: any]>;
15
15
  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]>;
16
16
  };
17
17
  export declare const viewsets: [label: string, ShinyViews][];
package/x/index.html CHANGED
@@ -129,7 +129,7 @@ body > section {
129
129
  }
130
130
 
131
131
  </style>
132
- <script type=module src="demo/demo.bundle.min.js?v=588ff40817bc"></script>
132
+ <script type=module src="demo/demo.bundle.min.js?v=e8f4caacb692"></script>
133
133
  <link rel="icon" href="assets/favicon.png?v=0414eeb5fcc2"/>
134
134
 
135
135
  <meta name="theme-color" content="#d068ff">
@@ -146,7 +146,7 @@ body > section {
146
146
 
147
147
  <h1>
148
148
  <strong>✨shiny✨</strong>
149
- <small>v0.1.0-13</small>
149
+ <small>v0.1.0-14</small>
150
150
  </h1>
151
151
 
152
152
  <section>
package/x/install/aura.bundle.min.js CHANGED
@@ -155,6 +155,7 @@ svg {
155
155
  display: block;
156
156
  width: 100%;
157
157
  height: 100%;
158
+ --slate-bg: transparent;
158
159
  --button-size: 2em;
159
160
  --blanket-backdrop-filter: blur(0.5em);
160
161
  --slate-hidden-opacity: 1;
@@ -213,6 +214,7 @@ svg {
213
214
  display: block;
214
215
  height: 100%;
215
216
  overflow-y: auto;
217
+ background: var(--slate-bg);
216
218
  }
217
219
 
218
220
  > button {
@@ -302,11 +304,11 @@ button {
302
304
  min-width: 4em;
303
305
  }
304
306
 
305
- }`;var Jt=class extends b(t=>(e,s)=>{t.name("shiny-example"),t.styles(C,e.theme,tr);let o=t.signal(s);return _`
307
+ }`;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 _`
306
308
  <button @click="${()=>{o.value++}}">
307
309
  ${o()}
308
310
  </button>
309
- `}).component(class extends A{attrs=p.attrs(this).spec({start:Number})}).props(t=>[t.context,t.attrs.start??1]){};var er=f`@layer view {
311
+ `}).component(class extends A{attrs=p.attrs(this).spec({start:Number})}).props(t=>[t.context,t.attrs.start]){};var er=f`@layer view {
310
312
 
311
313
  :host {
312
314
  display: inline-flex;
@@ -408,14 +410,14 @@ slot[part="tabs"] {
408
410
 
409
411
  :host([view="shiny-drawer"]:not([plain])) {
410
412
  display: block;
413
+ --slate-bg: linear-gradient(
414
+ to top right,
415
+ color-mix(in oklab, var(--calm), #222 50%),
416
+ color-mix(in oklab, var(--calm), #888 50%)
417
+ );
411
418
 
412
419
  &::part(slate) {
413
420
  padding: 1em;
414
- background: linear-gradient(
415
- to top right,
416
- #00a9dd69,
417
- #70ffd77a
418
- );
419
421
  }
420
422
  }
421
423