@homebound/beam 3.9.0 → 3.10.0

package/dist/truss.css

@@ -132,7 +132,13 @@
 /* @truss p:2000 c:tdn */
 .tdn { text-decoration: none; }
 /* @truss p:2000 c:transition */
-.transition { transition: background-color 200ms, border-color 200ms, box-shadow 200ms, left 200ms, right 200ms, margin 200ms; }
+.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:transitionTransform */
+.transitionTransform { transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1); }
+/* @truss p:2000 c:transitionWidth */
+.transitionWidth { transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1); }
 /* @truss p:2000 c:transition_all_240ms */
 .transition_all_240ms { transition: all 240ms; }
 /* @truss p:2000 c:transition_all_3s_ease_in_out */
@@ -483,6 +489,8 @@
 .textIndent_neg999px { text-indent: -999px; }
 /* @truss p:3000 c:to_ellipsis */
 .to_ellipsis { text-overflow: ellipsis; }
+/* @truss p:3000 c:transform_rotate_180deg */
+.transform_rotate_180deg { transform: rotate(180deg); }
 /* @truss p:3000 c:transform_translateX_50 */
 .transform_translateX_50 { transform: translateX(-50%); }
 /* @truss p:3000 c:transform_translateZ_0 */
@@ -531,14 +539,8 @@
 .z1 { z-index: 1; }
 /* @truss p:3000 c:z2 */
 .z2 { z-index: 2; }
-/* @truss p:3000 c:z3 */
-.z3 { z-index: 3; }
-/* @truss p:3000 c:z4 */
-.z4 { z-index: 4; }
-/* @truss p:3000 c:z5 */
-.z5 { z-index: 5; }
-/* @truss p:3000 c:z9999 */
-.z9999 { z-index: 9999; }
+/* @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_1000 */
@@ -577,6 +579,8 @@
 .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 */
@@ -679,6 +683,8 @@
 .left_100 { left: calc(var(--t-spacing) * 100); }
 /* @truss p:4000 c:left_2px */
 .left_2px { left: 2px; }
+/* @truss p:4000 c:marginLeft_auto */
+.marginLeft_auto { margin-left: auto; }
 /* @truss p:4000 c:maxh_50 */
 .maxh_50 { max-height: 50%; }
 /* @truss p:4000 c:maxh_74px */
@@ -805,6 +811,8 @@
 .pb2 { padding-bottom: calc(var(--t-spacing) * 2); }
 /* @truss p:4000 c:pb3 */
 .pb3 { padding-bottom: calc(var(--t-spacing) * 3); }
+/* @truss p:4000 c:pb4 */
+.pb4 { padding-bottom: calc(var(--t-spacing) * 4); }
 /* @truss p:4000 c:pb_12px */
 .pb_12px { padding-bottom: 12px; }
 /* @truss p:4000 c:pb_25px */
@@ -867,6 +875,8 @@
 .pt2 { padding-top: calc(var(--t-spacing) * 2); }
 /* @truss p:4000 c:pt3 */
 .pt3 { padding-top: calc(var(--t-spacing) * 3); }
+/* @truss p:4000 c:pt5 */
+.pt5 { padding-top: calc(var(--t-spacing) * 5); }
 /* @truss p:4000 c:pt_12px */
 .pt_12px { padding-top: 12px; }
 /* @truss p:4000 c:pt_25px */
@@ -883,6 +893,8 @@
 .right0 { right: calc(var(--t-spacing) * 0); }
 /* @truss p:4000 c:right1 */
 .right1 { right: calc(var(--t-spacing) * 1); }
+/* @truss p:4000 c:right2 */
+.right2 { right: calc(var(--t-spacing) * 2); }
 /* @truss p:4000 c:right3 */
 .right3 { right: calc(var(--t-spacing) * 3); }
 /* @truss p:4000 c:right_12px */
@@ -891,6 +903,8 @@
 .top0 { top: calc(var(--t-spacing) * 0); }
 /* @truss p:4000 c:top1 */
 .top1 { top: calc(var(--t-spacing) * 1); }
+/* @truss p:4000 c:top2 */
+.top2 { top: calc(var(--t-spacing) * 2); }
 /* @truss p:4000 c:top3 */
 .top3 { top: calc(var(--t-spacing) * 3); }
 /* @truss p:4000 c:top_2px */
@@ -1054,6 +1068,8 @@
 /* @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.9.0",
+  "version": "3.10.0",
   "type": "module",
   "author": "Homebound",
   "license": "MIT",