@homebound/beam 3.16.0 → 3.17.0

package/dist/truss.css

@@ -135,6 +135,8 @@
 .transition { 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); }
 /* @truss p:2000 c:transitionHeight */
 .transitionHeight { transition: height 200ms cubic-bezier(0.4, 0, 0.2, 1); }
+/* @truss p:2000 c:transitionTop */
+.transitionTop { transition: top 200ms cubic-bezier(0.4, 0, 0.2, 1); }
 /* @truss p:2000 c:transitionTransform */
 .transitionTransform { transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1); }
 /* @truss p:2000 c:transitionWidth */
@@ -539,8 +541,6 @@
 .z1 { z-index: 1; }
 /* @truss p:3000 c:z2 */
 .z2 { z-index: 2; }
-/* @truss p:3000 c:zIndex_auto */
-.zIndex_auto { z-index: auto; }
 /* @truss p:3000 c:z_10 */
 .z_10 { z-index: 10; }
 /* @truss p:3000 c:z_999999 */
@@ -577,8 +577,6 @@
 .textAlign_var { text-align: var(--textAlign); }
 /* @truss p:3000.5 c:transform_var */
 .transform_var { transform: var(--transform); }
-/* @truss p:3000.5 c:zIndex_var */
-.zIndex_var { z-index: var(--zIndex); }
 /* @truss p:3000.5 c:z_var */
 .z_var { z-index: var(--zIndex); }
 /* @truss p:3092 c:d_cursorNotAllowed */
@@ -789,6 +787,8 @@
 .mta { margin-top: auto; }
 /* @truss p:4000 c:mw0 */
 .mw0 { min-width: 0; }
+/* @truss p:4000 c:mw100 */
+.mw100 { min-width: 100%; }
 /* @truss p:4000 c:mw_32px */
 .mw_32px { min-width: 32px; }
 /* @truss p:4000 c:mw_fit_content */
@@ -967,6 +967,8 @@
 .w_max_content { width: max-content; }
 /* @truss p:4000 c:wa */
 .wa { width: auto; }
+/* @truss p:4000 c:wfc */
+.wfc { width: fit-content; }
 /* @truss p:4000 c:width_100dvw */
 .width_100dvw { width: 100dvw; }
 /* @truss p:4000 c:width_fit_content */
@@ -1070,8 +1072,6 @@
 /* @truss @property */
 @property --zIndex { syntax: "*"; inherits: false; }
 /* @truss @property */
-@property --zIndex { syntax: "*"; inherits: false; }
-/* @truss @property */
 @property --h_backgroundColor { syntax: "*"; inherits: false; }
 /* @truss @property */
 @property --borderBottomWidth { syntax: "*"; inherits: false; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/beam",
-  "version": "3.16.0",
+  "version": "3.17.0",
   "type": "module",
   "author": "Homebound",
   "license": "MIT",
@@ -11,7 +11,8 @@
   "files": [
     "dist",
     "!dist/**/*.{stories,test}.*",
-    "!dist/setupTests.*"
+    "!dist/setupTests.*",
+    "docs/layout-shells.md"
   ],
   "engines": {
     "node": "~22.14.0"
@@ -28,7 +29,8 @@
       "require": "./dist/utils/rtlUtils.cjs"
     },
     "./Css.json": "./dist/Css.json",
-    "./index.css": "./dist/index.css"
+    "./index.css": "./dist/index.css",
+    "./docs/layout-shells.md": "./docs/layout-shells.md"
   },
   "scripts": {
     "start": "yarn storybook",