@dfosco/storyboard 0.12.1 → 0.12.2

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 (4) hide show
  1. package/package.json +1 -1
  2. package/src/internals/Viewfinder.jsx +20 -18
  3. package/src/internals/Viewfinder.module.css +7 -0
  4. package/src/internals/canvas/widgets/PrototypeEmbed.jsx +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dfosco/storyboard",
3
- "version": "0.12.1",
3
+ "version": "0.12.2",
4
4
  "type": "module",
5
5
  "license": "MIT",
6
6
  "description": "Storyboard prototyping framework — core engine, React integration, and canvas",
package/src/internals/Viewfinder.jsx CHANGED
@@ -1690,24 +1690,26 @@ function WorkspaceImpl({
1690
1690
  {t}
1691
1691
  </button>
1692
1692
  ))}
1693
- <label className={css.groupByFolders}>
1694
- <input
1695
- type="checkbox"
1696
- className={css.groupByFoldersCheckbox}
1697
- checked={groupByFolders}
1698
- onChange={toggleGrouping}
1699
- />
1700
- Group by folders
1701
- </label>
1702
- <label className={css.groupByFolders}>
1703
- <input
1704
- type="checkbox"
1705
- className={css.groupByFoldersCheckbox}
1706
- checked={showDrafts}
1707
- onChange={toggleShowDrafts}
1708
- />
1709
- Show drafts
1710
- </label>
1693
+ <div className={css.tabOptions}>
1694
+ <label className={css.groupByFolders}>
1695
+ <input
1696
+ type="checkbox"
1697
+ className={css.groupByFoldersCheckbox}
1698
+ checked={groupByFolders}
1699
+ onChange={toggleGrouping}
1700
+ />
1701
+ Group by folders
1702
+ </label>
1703
+ <label className={css.groupByFolders}>
1704
+ <input
1705
+ type="checkbox"
1706
+ className={css.groupByFoldersCheckbox}
1707
+ checked={showDrafts}
1708
+ onChange={toggleShowDrafts}
1709
+ />
1710
+ Show drafts
1711
+ </label>
1712
+ </div>
1711
1713
  </div>
1712
1714
 
1713
1715
  {/* Grid */}
package/src/internals/Viewfinder.module.css CHANGED
@@ -995,6 +995,13 @@
995
995
 
996
996
  /* Group by folders checkbox */
997
997
 
998
+ .tabOptions {
999
+ display: flex;
1000
+ align-items: center;
1001
+ gap: 12px;
1002
+ margin-left: auto;
1003
+ }
1004
+
998
1005
  .groupByFolders {
999
1006
  display: flex;
1000
1007
  align-items: center;
package/src/internals/canvas/widgets/PrototypeEmbed.jsx CHANGED
@@ -552,7 +552,7 @@ export default forwardRef(function PrototypeEmbed({ id: widgetId, props, onUpdat
552
552
  // Match the placeholder's themed background so any
553
553
  // brief gap during navigation (refresh or src change)
554
554
  // never flashes the browser's default white.
555
- background: 'var(--color-background-muted)',
555
+ background: 'var(--color-background)',
556
556
  }}
557
557
  title={`${prototypeTitle} prototype`}
558
558
  sandbox="allow-same-origin allow-scripts allow-forms allow-popups"