@e280/shiny 0.1.0-12 → 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 (57) 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 +102 -4
  10. package/s/components/tabs/style.css.ts +7 -4
  11. package/s/demo/views/exhibit/style.css.ts +1 -1
  12. package/s/demo/views/exhibit/view.ts +3 -1
  13. package/s/demo/views/showcase/style.css.ts +3 -0
  14. package/s/demo/views/showcase/view.ts +21 -21
  15. package/s/themes/aura.css.ts +5 -5
  16. package/x/components/button/showcase.js +1 -1
  17. package/x/components/copy/showcase.js +1 -1
  18. package/x/components/drawer/showcase.js +6 -1
  19. package/x/components/drawer/showcase.js.map +1 -1
  20. package/x/components/drawer/style.css.js +2 -0
  21. package/x/components/drawer/style.css.js.map +1 -1
  22. package/x/components/example/component.d.ts +1 -1
  23. package/x/components/example/component.js +2 -2
  24. package/x/components/example/component.js.map +1 -1
  25. package/x/components/example/showcase.d.ts +1 -0
  26. package/x/components/example/showcase.js +30 -0
  27. package/x/components/example/showcase.js.map +1 -0
  28. package/x/components/tabs/showcase.js +102 -4
  29. package/x/components/tabs/showcase.js.map +1 -1
  30. package/x/components/tabs/style.css.js +7 -4
  31. package/x/components/tabs/style.css.js.map +1 -1
  32. package/x/demo/demo.bundle.min.js +157 -78
  33. package/x/demo/demo.bundle.min.js.map +2 -2
  34. package/x/demo/views/exhibit/style.css.js +1 -1
  35. package/x/demo/views/exhibit/view.d.ts +1 -1
  36. package/x/demo/views/exhibit/view.js +3 -1
  37. package/x/demo/views/exhibit/view.js.map +1 -1
  38. package/x/demo/views/showcase/style.css.js +3 -0
  39. package/x/demo/views/showcase/style.css.js.map +1 -1
  40. package/x/demo/views/showcase/view.js +4 -4
  41. package/x/demo/views/showcase/view.js.map +1 -1
  42. package/x/demo/viewsets.d.ts +1 -1
  43. package/x/index.html +2 -2
  44. package/x/install/aura.bundle.min.js +16 -11
  45. package/x/install/aura.bundle.min.js.map +2 -2
  46. package/x/install/plain.bundle.min.js +11 -6
  47. package/x/install/plain.bundle.min.js.map +2 -2
  48. package/x/shiny.d.ts +2 -2
  49. package/x/themes/aura.css.js +5 -5
  50. package/s/demo/views/demonstration/style.css.ts +0 -124
  51. package/s/demo/views/demonstration/view.ts +0 -57
  52. package/x/demo/views/demonstration/style.css.d.ts +0 -2
  53. package/x/demo/views/demonstration/style.css.js +0 -123
  54. package/x/demo/views/demonstration/style.css.js.map +0 -1
  55. package/x/demo/views/demonstration/view.d.ts +0 -12
  56. package/x/demo/views/demonstration/view.js +0 -44
  57. package/x/demo/views/demonstration/view.js.map +0 -1
package/x/install/plain.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;
@@ -315,16 +317,19 @@ button {
315
317
 
316
318
  slot[part="tabs"] {
317
319
  display: flex;
318
-
319
- &::slotted(*) {
320
- border-radius: 0.3em;
321
- }
320
+ flex-wrap: wrap;
322
321
 
323
322
  &::slotted([data-active]) {
324
323
  opacity: 1;
325
324
  color: currentColor;
326
325
  text-decoration: underline;
327
326
  }
327
+ }
328
+
329
+ :host([snug]) slot[part="tabs"] {
330
+ &::slotted(*) {
331
+ border-radius: 0.3em;
332
+ }
328
333
 
329
334
  &::slotted(:not([data-last], [data-next-is-active])) {
330
335
  border-right: none;