@signal9/era-ui 4.15.1 → 4.15.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 (5) hide show
  1. package/dist/ui/context-menu/context-menu-content.svelte +6 -9
  2. package/dist/ui/dropdown-menu/dropdown-menu-content.svelte +6 -9
  3. package/dist/ui/menubar/menubar-content.svelte +6 -9
  4. package/dist/ui/select/select-content.svelte +7 -2
  5. package/package.json +1 -1
package/dist/ui/context-menu/context-menu-content.svelte CHANGED
@@ -15,16 +15,13 @@
15
15
  <ContextMenu.Content
16
16
  bind:ref
17
17
  align="start"
18
- // p-gutter, not p-(--era-panel-inset): the inset is SURFACE-owned and resolves
19
- // to 0 on flat, so a menu there sat its rows flush against its own edges —
20
- // the highlight ran edge to edge and the panel read as a list with no frame.
21
- // The gutter is --era-gap, the same distance that separates the rows from
22
- // each other, so a row sits an even gap from every edge (the pattern the
23
- // conversations rail already documents). It is >= the panel inset at every
24
- // density, so glass and bevel keep the frame protection the inset exists
25
- // for.
18
+ // p-(--era-panel-inset), SURFACE-owned on purpose: 0 on flat — rows run the
19
+ // panel's full width, flush, and the first row sits directly under the
20
+ // anchor bar (the reference terminal look) — while glass and bevel keep the
21
+ // 2px frame that stops a full-width highlight from breaking their chrome.
22
+ // A fixed gutter was tried here and rejected: it padded flat menus too.
26
23
  class={cn(
27
- 'z-50 w-max overflow-hidden rounded-(--era-rd-md) bg-(--era-surface-bg-elevated) p-gutter shadow-(--era-shadow-lg) glass-blur',
24
+ 'z-50 w-max overflow-hidden rounded-(--era-rd-md) bg-(--era-surface-bg-elevated) p-(--era-panel-inset) shadow-(--era-shadow-lg) glass-blur',
28
25
  className
29
26
  )}
30
27
  {sideOffset}
package/dist/ui/dropdown-menu/dropdown-menu-content.svelte CHANGED
@@ -15,16 +15,13 @@
15
15
  <DropdownMenu.Content
16
16
  bind:ref
17
17
  align="start"
18
- // p-gutter, not p-(--era-panel-inset): the inset is SURFACE-owned and resolves
19
- // to 0 on flat, so a menu there sat its rows flush against its own edges —
20
- // the highlight ran edge to edge and the panel read as a list with no frame.
21
- // The gutter is --era-gap, the same distance that separates the rows from
22
- // each other, so a row sits an even gap from every edge (the pattern the
23
- // conversations rail already documents). It is >= the panel inset at every
24
- // density, so glass and bevel keep the frame protection the inset exists
25
- // for.
18
+ // p-(--era-panel-inset), SURFACE-owned on purpose: 0 on flat — rows run the
19
+ // panel's full width, flush, and the first row sits directly under the
20
+ // anchor bar (the reference terminal look) — while glass and bevel keep the
21
+ // 2px frame that stops a full-width highlight from breaking their chrome.
22
+ // A fixed gutter was tried here and rejected: it padded flat menus too.
26
23
  class={cn(
27
- 'z-50 w-max min-w-(--bits-dropdown-menu-anchor-width) overflow-hidden rounded-(--era-rd-md) bg-(--era-surface-bg-elevated) p-gutter shadow-(--era-shadow-lg) glass-blur data-[side=bottom]:rounded-t-none data-[side=top]:rounded-b-none',
24
+ 'z-50 w-max min-w-(--bits-dropdown-menu-anchor-width) overflow-hidden rounded-(--era-rd-md) bg-(--era-surface-bg-elevated) p-(--era-panel-inset) shadow-(--era-shadow-lg) glass-blur data-[side=bottom]:rounded-t-none data-[side=top]:rounded-b-none',
28
25
  className
29
26
  )}
30
27
  {sideOffset}
package/dist/ui/menubar/menubar-content.svelte CHANGED
@@ -15,16 +15,13 @@
15
15
  <Menubar.Content
16
16
  bind:ref
17
17
  align="start"
18
- // p-gutter, not p-(--era-panel-inset): the inset is SURFACE-owned and resolves
19
- // to 0 on flat, so a menu there sat its rows flush against its own edges —
20
- // the highlight ran edge to edge and the panel read as a list with no frame.
21
- // The gutter is --era-gap, the same distance that separates the rows from
22
- // each other, so a row sits an even gap from every edge (the pattern the
23
- // conversations rail already documents). It is >= the panel inset at every
24
- // density, so glass and bevel keep the frame protection the inset exists
25
- // for.
18
+ // p-(--era-panel-inset), SURFACE-owned on purpose: 0 on flat — rows run the
19
+ // panel's full width, flush, and the first row sits directly under the
20
+ // anchor bar (the reference terminal look) — while glass and bevel keep the
21
+ // 2px frame that stops a full-width highlight from breaking their chrome.
22
+ // A fixed gutter was tried here and rejected: it padded flat menus too.
26
23
  class={cn(
27
- 'z-50 w-max min-w-(--bits-menubar-menu-anchor-width) overflow-hidden rounded-(--era-rd-md) bg-(--era-surface-bg-elevated) p-gutter shadow-(--era-shadow-lg) glass-blur data-[side=bottom]:rounded-t-none data-[side=top]:rounded-b-none',
24
+ 'z-50 w-max min-w-(--bits-menubar-menu-anchor-width) overflow-hidden rounded-(--era-rd-md) bg-(--era-surface-bg-elevated) p-(--era-panel-inset) shadow-(--era-shadow-lg) glass-blur data-[side=bottom]:rounded-t-none data-[side=top]:rounded-b-none',
28
25
  className
29
26
  )}
30
27
  {sideOffset}
package/dist/ui/select/select-content.svelte CHANGED
@@ -14,7 +14,7 @@
14
14
  <Select.Content
15
15
  bind:ref
16
16
  align="start"
17
- // p-gutter, not p-(--era-panel-inset): the inset is SURFACE-owned and resolves
17
+ // p-(--era-panel-inset), not p-(--era-panel-inset): the inset is SURFACE-owned and resolves
18
18
  // to 0 on flat, so a menu there sat its rows flush against its own edges —
19
19
  // the highlight ran edge to edge and the panel read as a list with no frame.
20
20
  // The gutter is --era-gap, the same distance that separates the rows from
@@ -22,8 +22,13 @@
22
22
  // conversations rail already documents). It is >= the panel inset at every
23
23
  // density, so glass and bevel keep the frame protection the inset exists
24
24
  // for.
25
+ // p-(--era-panel-inset), SURFACE-owned on purpose: 0 on flat — rows run the
26
+ // panel's full width, flush, and the first row sits directly under the
27
+ // anchor bar (the reference terminal look) — while glass and bevel keep the
28
+ // 2px frame that stops a full-width highlight from breaking their chrome.
29
+ // A fixed gutter was tried here and rejected: it padded flat menus too.
25
30
  class={cn(
26
- 'z-50 w-max min-w-(--bits-select-anchor-width) overflow-hidden rounded-(--era-rd-md) bg-(--era-surface-bg-elevated) p-gutter shadow-(--era-shadow-lg) glass-blur data-[side=bottom]:rounded-t-none data-[side=top]:rounded-b-none',
31
+ 'z-50 w-max min-w-(--bits-select-anchor-width) overflow-hidden rounded-(--era-rd-md) bg-(--era-surface-bg-elevated) p-(--era-panel-inset) shadow-(--era-shadow-lg) glass-blur data-[side=bottom]:rounded-t-none data-[side=top]:rounded-b-none',
27
32
  className
28
33
  )}
29
34
  {sideOffset}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@signal9/era-ui",
3
- "version": "4.15.1",
3
+ "version": "4.15.2",
4
4
  "scripts": {
5
5
  "dev": "vite dev --host",
6
6
  "build": "vite build && npm run prepack",