@homebound/beam 3.84.0 → 3.85.1
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.
- package/README.md +2 -0
- package/dist/Css.json +1 -1
- package/dist/index.cjs +1568 -1384
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +38 -12
- package/dist/index.d.ts +38 -12
- package/dist/index.js +1162 -981
- package/dist/index.js.map +1 -1
- package/dist/truss.css +12 -4
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -10,6 +10,8 @@ _To see the latest designs, check out the [Figma](https://www.figma.com/file/aWU
|
|
|
10
10
|
|
|
11
11
|
Standard **app shell** composition (global nav + body, sidebar + content, page header + body) is implemented as **`NavbarLayout`**, **`SideNavLayout`**, and **`PageHeaderLayout`** from this package. Source lives in **`src/layouts/`** (sibling of `src/components/`). Full setup and composition rules: [`docs/layouts.md`](docs/layouts.md) — also published in the npm package at `node_modules/@homebound/beam/docs/layouts.md`.
|
|
12
12
|
|
|
13
|
+
Component file structure (imports, props types, implementation, module helpers): [`docs/components.md`](docs/components.md).
|
|
14
|
+
|
|
13
15
|
## Getting Started
|
|
14
16
|
|
|
15
17
|
```bash
|
package/dist/Css.json
CHANGED
|
@@ -913,7 +913,7 @@
|
|
|
913
913
|
"br24": {"kind":"static","defs":{"borderRadius":"24px"}},
|
|
914
914
|
"brt4": {"kind":"static","defs":{"borderTopRightRadius":"4px","borderTopLeftRadius":"4px"}},
|
|
915
915
|
"brb4": {"kind":"static","defs":{"borderBottomRightRadius":"4px","borderBottomLeftRadius":"4px"}},
|
|
916
|
-
"layoutContainer": {"kind":"static","defs":{"width":"min(100%, calc(var(--beam-layout-viewport-width, 100vw) - var(--beam-side-nav-layout-width, 0px)))","left":"var(--beam-side-nav-layout-width, 0px)","position":"sticky"}},
|
|
916
|
+
"layoutContainer": {"kind":"static","defs":{"width":"min(100%, calc(calc(var(--beam-layout-viewport-width, 100vw) - var(--beam-side-nav-layout-width, 0px)) - 2 * var(--beam-layout-content-padding-x, 0px)))","left":"calc(var(--beam-side-nav-layout-width, 0px) + var(--beam-layout-content-padding-x, 0px))","position":"sticky"}},
|
|
917
917
|
"transition": {"kind":"static","defs":{"transition":"background-color 200ms cubic-bezier(0.4, 0, 0.2, 1), border-color 200ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1), left 200ms cubic-bezier(0.4, 0, 0.2, 1), right 200ms cubic-bezier(0.4, 0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0, 0.2, 1), width 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1)"}},
|
|
918
918
|
"transitionWidth": {"kind":"static","defs":{"transition":"width 200ms cubic-bezier(0.4, 0, 0.2, 1)"}},
|
|
919
919
|
"transitionOpacity": {"kind":"static","defs":{"transition":"opacity 200ms cubic-bezier(0.4, 0, 0.2, 1)"}},
|