@homebound/beam 3.87.0 → 3.89.0

package/dist/truss.css

@@ -47,6 +47,8 @@
 .borderRadius_0_4px_4px_0 { border-radius: 0 4px 4px 0; }
 /* @truss p:2000 c:borderRadius_0_8px_0_0 */
 .borderRadius_0_8px_0_0 { border-radius: 0 8px 0 0; }
+/* @truss p:2000 c:borderRadius_12px_12px_0_0 */
+.borderRadius_12px_12px_0_0 { border-radius: 12px 12px 0 0; }
 /* @truss p:2000 c:borderRadius_16px_0_0_16px */
 .borderRadius_16px_0_0_16px { border-radius: 16px 0 0 16px; }
 /* @truss p:2000 c:borderRadius_4px_0_0_4px */
@@ -123,12 +125,16 @@
 .oh { overflow: hidden; }
 /* @truss p:2000 c:outline0 */
 .outline0 { outline: 0; }
+/* @truss p:2000 c:outline_0 */
+.outline_0 { outline: 0; }
 /* @truss p:2000 c:outline_0px_solid_transparent */
 .outline_0px_solid_transparent { outline: 0px solid transparent; }
 /* @truss p:2000 c:outline_2px_solid_transparent */
 .outline_2px_solid_transparent { outline: 2px solid transparent; }
 /* @truss p:2000 c:outline_none */
 .outline_none { outline: none; }
+/* @truss p:2000 c:sst_x_mandatory */
+.sst_x_mandatory { scroll-snap-type: x mandatory; }
 /* @truss p:2000 c:tdlt */
 .tdlt { text-decoration: line-through; }
 /* @truss p:2000 c:tdn */
@@ -171,6 +177,8 @@
 .bw_var { border-width: var(--borderWidth); }
 /* @truss p:2000.5 c:gap_var */
 .gap_var { gap: var(--gap); }
+/* @truss p:2000.5 c:scrollPaddingInline_var */
+.scrollPaddingInline_var { scroll-padding-inline: var(--scrollPaddingInline); }
 /* @truss p:2055 c:lot_bsn */
 .lot_bsn:last-of-type { border-style: none; }
 /* @truss p:2055 c:lot_bw_0 */
@@ -181,6 +189,8 @@
 .h_oa:hover { overflow: auto; }
 /* @truss p:2130.5 c:h_bc_var */
 .h_bc_var:hover { border-color: var(--h_borderColor); }
+/* @truss p:2170 c:a_bcBlue600 */
+.a_bcBlue600:active { border-color: rgba(37, 99, 235, 1); }
 /* @truss p:3000 c:WebkitBackgroundClip_text */
 .WebkitBackgroundClip_text { -webkit-background-clip: text; }
 /* @truss p:3000 c:absolute */
@@ -491,6 +501,8 @@
 .sbwn { scrollbar-width: none; }
 /* @truss p:3000 c:scrollbarWidth_none */
 .scrollbarWidth_none { scrollbar-width: none; }
+/* @truss p:3000 c:ssa_start */
+.ssa_start { scroll-snap-align: start; }
 /* @truss p:3000 c:sticky */
 .sticky { position: sticky; }
 /* @truss p:3000 c:ta_inherit */
@@ -599,6 +611,8 @@
 .jc_var { justify-content: var(--justifyContent); }
 /* @truss p:3000.5 c:lineClamp_var */
 .lineClamp_var { -webkit-line-clamp: var(--WebkitLineClamp); }
+/* @truss p:3000.5 c:maskImage_var */
+.maskImage_var { mask-image: var(--maskImage); }
 /* @truss p:3000.5 c:o_var */
 .o_var { opacity: var(--opacity); }
 /* @truss p:3000.5 c:objectFit_var */
@@ -631,6 +645,8 @@
 .h_bgColor_var:hover { background-color: var(--h_backgroundColor); }
 /* @truss p:3130.5 c:h_color_var */
 .h_color_var:hover { color: var(--h_color); }
+/* @truss p:3160 c:fv_bshFocus */
+.fv_bshFocus:focus-visible { box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px rgba(29, 78, 216, 1); }
 /* @truss p:3200 c:mdandup_df */
 @media screen and (min-width: 600px) { .mdandup_df.mdandup_df { display: flex; } }
 /* @truss p:3200 c:mdandup_dib */
@@ -693,8 +709,6 @@
 .h_32px { height: 32px; }
 /* @truss p:4000 c:h_40px */
 .h_40px { height: 40px; }
-/* @truss p:4000 c:h_430px */
-.h_430px { height: 430px; }
 /* @truss p:4000 c:h_48px */
 .h_48px { height: 48px; }
 /* @truss p:4000 c:h_4px */
@@ -833,6 +847,8 @@
 .mt_2px { margin-top: 2px; }
 /* @truss p:4000 c:mt_4px */
 .mt_4px { margin-top: 4px; }
+/* @truss p:4000 c:mt_auto */
+.mt_auto { margin-top: auto; }
 /* @truss p:4000 c:mt_neg3 */
 .mt_neg3 { margin-top: calc(var(--t-spacing) * -3); }
 /* @truss p:4000 c:mta */
@@ -1121,8 +1137,28 @@
 @media screen and (max-width: 599px) { .sm_oxa.sm_oxa { overflow-x: auto; } }
 /* @truss p:4200 c:sm_w100 */
 @media screen and (max-width: 599px) { .sm_w100.sm_w100 { width: 100%; } }
+/* @truss p:7170 c:after_a_br8 */
+.after_a_br8:active::after { border-radius: 8px; }
 /* @truss p:8000.5 c:selection_bgColor_var */
 .selection_bgColor_var::selection { background-color: var(--selection_backgroundColor); }
+/* @truss p:8170 c:after_a_absolute */
+.after_a_absolute:active::after { position: absolute; }
+/* @truss p:8170 c:after_a_bgBlue600 */
+.after_a_bgBlue600:active::after { background-color: rgba(37, 99, 235, 1); }
+/* @truss p:8170 c:after_a_contentEmpty */
+.after_a_contentEmpty:active::after { content: ''; }
+/* @truss p:8170 c:after_a_o_0_28 */
+.after_a_o_0_28:active::after { opacity: 0.28; }
+/* @truss p:8170 c:after_a_pointerEvents_none */
+.after_a_pointerEvents_none:active::after { pointer-events: none; }
+/* @truss p:9170 c:after_a_h100 */
+.after_a_h100:active::after { height: 100%; }
+/* @truss p:9170 c:after_a_left0 */
+.after_a_left0:active::after { left: calc(var(--t-spacing) * 0); }
+/* @truss p:9170 c:after_a_top0 */
+.after_a_top0:active::after { top: calc(var(--t-spacing) * 0); }
+/* @truss p:9170 c:after_a_w100 */
+.after_a_w100:active::after { width: 100%; }
 /* @truss @property */
 @property --background { syntax: "*"; inherits: false; }
 /* @truss @property */
@@ -1132,6 +1168,8 @@
 /* @truss @property */
 @property --gap { syntax: "*"; inherits: false; }
 /* @truss @property */
+@property --scrollPaddingInline { syntax: "*"; inherits: false; }
+/* @truss @property */
 @property --d_borderColor { syntax: "*"; inherits: false; }
 /* @truss @property */
 @property --h_borderColor { syntax: "*"; inherits: false; }
@@ -1164,6 +1202,8 @@
 /* @truss @property */
 @property --WebkitLineClamp { syntax: "*"; inherits: false; }
 /* @truss @property */
+@property --maskImage { syntax: "*"; inherits: false; }
+/* @truss @property */
 @property --opacity { syntax: "*"; inherits: false; }
 /* @truss @property */
 @property --objectFit { syntax: "*"; inherits: false; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/beam",
-  "version": "3.87.0",
+  "version": "3.89.0",
   "type": "module",
   "author": "Homebound",
   "license": "MIT",