@homebound/beam 3.0.0-alpha.5 → 3.0.0-alpha.7

package/dist/truss.css

@@ -1,15 +1,13 @@
 /* @truss p:1000 c:animation_pulse_2s_cubic_bezier_0_4_0_0_6_1_infinite */
 .animation_pulse_2s_cubic_bezier_0_4_0_0_6_1_infinite { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
-/* @truss p:1000 c:listReset_margin */
-.listReset_margin { margin: 0; }
-/* @truss p:1000 c:listReset_padding */
-.listReset_padding { padding: 0; }
-/* @truss p:1000 c:visuallyHidden_border */
-.visuallyHidden_border { border: 0; }
-/* @truss p:1000 c:visuallyHidden_margin */
-.visuallyHidden_margin { margin: -1px; }
-/* @truss p:1000 c:visuallyHidden_padding */
-.visuallyHidden_padding { padding: 0; }
+/* @truss p:1000 c:bd_0 */
+.bd_0 { border: 0; }
+/* @truss p:1000 c:m_0 */
+.m_0 { margin: 0; }
+/* @truss p:1000 c:m_neg1px */
+.m_neg1px { margin: -1px; }
+/* @truss p:1000 c:p_0 */
+.p_0 { padding: 0; }
 /* @truss p:1000.5 c:background_var */
 .background_var { background: var(--background); }
 /* @truss p:2000 c:backgroundPosition_center */
@@ -44,8 +42,6 @@
 .bcTransparent { border-color: rgba(0,0,0,0); }
 /* @truss p:2000 c:bcWhite */
 .bcWhite { border-color: rgba(255,255,255,1); }
-/* @truss p:2000 c:bn_borderWidth */
-.bn_borderWidth { border-width: 0; }
 /* @truss p:2000 c:borderColor_currentColor */
 .borderColor_currentColor { border-color: currentColor; }
 /* @truss p:2000 c:borderRadius_0_0_0_8px */
@@ -90,6 +86,8 @@
 .bw1 { border-width: 1px; }
 /* @truss p:2000 c:bw2 */
 .bw2 { border-width: 2px; }
+/* @truss p:2000 c:bw_0 */
+.bw_0 { border-width: 0; }
 /* @truss p:2000 c:fn */
 .fn { flex: none; }
 /* @truss p:2000 c:gap0 */
@@ -122,10 +120,8 @@
 .gr_1 { grid-row: 1; }
 /* @truss p:2000 c:gr_2 */
 .gr_2 { grid-row: 2; }
-/* @truss p:2000 c:lineClamp_overflow */
-.lineClamp_overflow { overflow: hidden; }
-/* @truss p:2000 c:listReset_listStyle */
-.listReset_listStyle { list-style: none; }
+/* @truss p:2000 c:lis_none */
+.lis_none { list-style: none; }
 /* @truss p:2000 c:oa */
 .oa { overflow: auto; }
 /* @truss p:2000 c:oh */
@@ -276,6 +272,8 @@
 .bgYellow400 { background-color: rgba(250, 204, 21, 1); }
 /* @truss p:3000 c:bgYellow900 */
 .bgYellow900 { background-color: rgba(113, 63, 18, 1); }
+/* @truss p:3000 c:bgc_rgba_36_36_36_0_6 */
+.bgc_rgba_36_36_36_0_6 { background-color: rgba(36,36,36,0.6); }
 /* @truss p:3000 c:blue200 */
 .blue200 { color: rgba(191, 219, 254, 1); }
 /* @truss p:3000 c:blue300 */
@@ -308,12 +306,12 @@
 .bshFocus { box-shadow: 0px 0px 0px 2px rgba(255,255,255,1), 0px 0px 0px 4px rgba(29, 78, 216, 1); }
 /* @truss p:3000 c:bshModal */
 .bshModal { box-shadow: 0px 20px 25px -5px rgba(0,0,0,0.1), 0px 10px 10px -5px rgba(0,0,0,0.04); }
-/* @truss p:3000 c:buttonBase_fontSize */
-.buttonBase_fontSize { font-size: 14px; }
-/* @truss p:3000 c:buttonBase_lineHeight */
-.buttonBase_lineHeight { line-height: 20px; }
 /* @truss p:3000 c:cg3 */
 .cg3 { column-gap: 24px; }
+/* @truss p:3000 c:cli_inset_50 */
+.cli_inset_50 { clip: inset(50%); }
+/* @truss p:3000 c:clp_none */
+.clp_none { clip-path: none; }
 /* @truss p:3000 c:color_currentColor */
 .color_currentColor { color: currentColor; }
 /* @truss p:3000 c:color_unset */
@@ -332,6 +330,8 @@
 .cursor_grab { cursor: grab; }
 /* @truss p:3000 c:cursor_initial */
 .cursor_initial { cursor: initial; }
+/* @truss p:3000 c:d_negwebkit_box */
+.d_negwebkit_box { display: -webkit-box; }
 /* @truss p:3000 c:db */
 .db { display: block; }
 /* @truss p:3000 c:df */
@@ -382,6 +382,20 @@
 .fwr { flex-wrap: wrap-reverse; }
 /* @truss p:3000 c:fww */
 .fww { flex-wrap: wrap; }
+/* @truss p:3000 c:fz_10px */
+.fz_10px { font-size: 10px; }
+/* @truss p:3000 c:fz_12px */
+.fz_12px { font-size: 12px; }
+/* @truss p:3000 c:fz_14px */
+.fz_14px { font-size: 14px; }
+/* @truss p:3000 c:fz_16px */
+.fz_16px { font-size: 16px; }
+/* @truss p:3000 c:fz_18px */
+.fz_18px { font-size: 18px; }
+/* @truss p:3000 c:fz_20px */
+.fz_20px { font-size: 20px; }
+/* @truss p:3000 c:fz_30px */
+.fz_30px { font-size: 30px; }
 /* @truss p:3000 c:gray100 */
 .gray100 { color: rgba(247, 245, 245, 1); }
 /* @truss p:3000 c:gray300 */
@@ -418,54 +432,24 @@
 .jcsb { justify-content: space-between; }
 /* @truss p:3000 c:jsc */
 .jsc { justify-self: center; }
-/* @truss p:3000 c:lg_fontSize */
-.lg_fontSize { font-size: 18px; }
-/* @truss p:3000 c:lg_lineHeight */
-.lg_lineHeight { line-height: 28px; }
 /* @truss p:3000 c:lh_0 */
 .lh_0 { line-height: 0; }
-/* @truss p:3000 c:lineClamp1_WebkitBoxOrient */
-.lineClamp1_WebkitBoxOrient { -webkit-box-orient: vertical; }
-/* @truss p:3000 c:lineClamp1_WebkitLineClamp */
-.lineClamp1_WebkitLineClamp { -webkit-line-clamp: 1; }
-/* @truss p:3000 c:lineClamp1_display */
-.lineClamp1_display { display: -webkit-box; }
-/* @truss p:3000 c:lineClamp1_textOverflow */
-.lineClamp1_textOverflow { text-overflow: ellipsis; }
-/* @truss p:3000 c:lineClamp2_WebkitBoxOrient */
-.lineClamp2_WebkitBoxOrient { -webkit-box-orient: vertical; }
-/* @truss p:3000 c:lineClamp2_WebkitLineClamp */
-.lineClamp2_WebkitLineClamp { -webkit-line-clamp: 2; }
-/* @truss p:3000 c:lineClamp2_display */
-.lineClamp2_display { display: -webkit-box; }
-/* @truss p:3000 c:lineClamp2_textOverflow */
-.lineClamp2_textOverflow { text-overflow: ellipsis; }
-/* @truss p:3000 c:lineClamp3_WebkitBoxOrient */
-.lineClamp3_WebkitBoxOrient { -webkit-box-orient: vertical; }
-/* @truss p:3000 c:lineClamp3_WebkitLineClamp */
-.lineClamp3_WebkitLineClamp { -webkit-line-clamp: 3; }
-/* @truss p:3000 c:lineClamp3_display */
-.lineClamp3_display { display: -webkit-box; }
-/* @truss p:3000 c:lineClamp3_textOverflow */
-.lineClamp3_textOverflow { text-overflow: ellipsis; }
-/* @truss p:3000 c:lineClamp_WebkitBoxOrient */
-.lineClamp_WebkitBoxOrient { -webkit-box-orient: vertical; }
-/* @truss p:3000 c:lineClamp_display */
-.lineClamp_display { display: -webkit-box; }
-/* @truss p:3000 c:lineClamp_textOverflow */
-.lineClamp_textOverflow { text-overflow: ellipsis; }
+/* @truss p:3000 c:lh_14px */
+.lh_14px { line-height: 14px; }
+/* @truss p:3000 c:lh_16px */
+.lh_16px { line-height: 16px; }
+/* @truss p:3000 c:lh_20px */
+.lh_20px { line-height: 20px; }
+/* @truss p:3000 c:lh_24px */
+.lh_24px { line-height: 24px; }
+/* @truss p:3000 c:lh_28px */
+.lh_28px { line-height: 28px; }
+/* @truss p:3000 c:lh_36px */
+.lh_36px { line-height: 36px; }
 /* @truss p:3000 c:lineHeight_0 */
 .lineHeight_0 { line-height: 0; }
 /* @truss p:3000 c:lineHeight_1 */
 .lineHeight_1 { line-height: 1; }
-/* @truss p:3000 c:mdSb_fontSize */
-.mdSb_fontSize { font-size: 16px; }
-/* @truss p:3000 c:mdSb_lineHeight */
-.mdSb_lineHeight { line-height: 24px; }
-/* @truss p:3000 c:md_fontSize */
-.md_fontSize { font-size: 16px; }
-/* @truss p:3000 c:md_lineHeight */
-.md_lineHeight { line-height: 24px; }
 /* @truss p:3000 c:o0 */
 .o0 { opacity: 0; }
 /* @truss p:3000 c:objectCover */
@@ -504,14 +488,6 @@
 .resize_none { resize: none; }
 /* @truss p:3000 c:scrollbarWidth_none */
 .scrollbarWidth_none { scrollbar-width: none; }
-/* @truss p:3000 c:smSb_fontSize */
-.smSb_fontSize { font-size: 14px; }
-/* @truss p:3000 c:smSb_lineHeight */
-.smSb_lineHeight { line-height: 20px; }
-/* @truss p:3000 c:sm_fontSize */
-.sm_fontSize { font-size: 14px; }
-/* @truss p:3000 c:sm_lineHeight */
-.sm_lineHeight { line-height: 20px; }
 /* @truss p:3000 c:sticky */
 .sticky { position: sticky; }
 /* @truss p:3000 c:ta_inherit */
@@ -524,18 +500,16 @@
 .tar { text-align: right; }
 /* @truss p:3000 c:textIndent_neg999px */
 .textIndent_neg999px { text-indent: -999px; }
+/* @truss p:3000 c:to_ellipsis */
+.to_ellipsis { text-overflow: ellipsis; }
 /* @truss p:3000 c:transform_translateX_50 */
 .transform_translateX_50 { transform: translateX(-50%); }
 /* @truss p:3000 c:transform_translateZ_0 */
 .transform_translateZ_0 { transform: translateZ(0); }
-/* @truss p:3000 c:truncate_textOverflow */
-.truncate_textOverflow { text-overflow: ellipsis; }
 /* @truss p:3000 c:tt_inherit */
 .tt_inherit { text-transform: inherit; }
 /* @truss p:3000 c:ttu */
 .ttu { text-transform: uppercase; }
-/* @truss p:3000 c:underlay_backgroundColor */
-.underlay_backgroundColor { background-color: rgba(36,36,36,0.6); }
 /* @truss p:3000 c:userSelect_none */
 .userSelect_none { user-select: none; }
 /* @truss p:3000 c:usn */
@@ -548,12 +522,10 @@
 .visibility_hidden { visibility: hidden; }
 /* @truss p:3000 c:visibility_visible */
 .visibility_visible { visibility: visible; }
-/* @truss p:3000 c:visuallyHidden_clip */
-.visuallyHidden_clip { clip: inset(50%); }
-/* @truss p:3000 c:visuallyHidden_clipPath */
-.visuallyHidden_clipPath { clip-path: none; }
 /* @truss p:3000 c:wbba */
 .wbba { word-break: break-all; }
+/* @truss p:3000 c:wbo_vertical */
+.wbo_vertical { -webkit-box-orient: vertical; }
 /* @truss p:3000 c:white */
 .white { color: rgba(255,255,255,1); }
 /* @truss p:3000 c:whiteSpace_initial */
@@ -562,34 +534,16 @@
 .whiteSpace_normal { white-space: normal; }
 /* @truss p:3000 c:whiteSpace_unset */
 .whiteSpace_unset { white-space: unset; }
+/* @truss p:3000 c:wlc_1 */
+.wlc_1 { -webkit-line-clamp: 1; }
+/* @truss p:3000 c:wlc_2 */
+.wlc_2 { -webkit-line-clamp: 2; }
+/* @truss p:3000 c:wlc_3 */
+.wlc_3 { -webkit-line-clamp: 3; }
 /* @truss p:3000 c:wsn */
 .wsn { white-space: normal; }
 /* @truss p:3000 c:wsnw */
 .wsnw { white-space: nowrap; }
-/* @truss p:3000 c:xl2_fontSize */
-.xl2_fontSize { font-size: 30px; }
-/* @truss p:3000 c:xl2_lineHeight */
-.xl2_lineHeight { line-height: 36px; }
-/* @truss p:3000 c:xl_fontSize */
-.xl_fontSize { font-size: 20px; }
-/* @truss p:3000 c:xl_lineHeight */
-.xl_lineHeight { line-height: 28px; }
-/* @truss p:3000 c:xs2Sb_fontSize */
-.xs2Sb_fontSize { font-size: 10px; }
-/* @truss p:3000 c:xs2Sb_lineHeight */
-.xs2Sb_lineHeight { line-height: 14px; }
-/* @truss p:3000 c:xs2_fontSize */
-.xs2_fontSize { font-size: 10px; }
-/* @truss p:3000 c:xs2_lineHeight */
-.xs2_lineHeight { line-height: 14px; }
-/* @truss p:3000 c:xsSb_fontSize */
-.xsSb_fontSize { font-size: 12px; }
-/* @truss p:3000 c:xsSb_lineHeight */
-.xsSb_lineHeight { line-height: 16px; }
-/* @truss p:3000 c:xs_fontSize */
-.xs_fontSize { font-size: 12px; }
-/* @truss p:3000 c:xs_lineHeight */
-.xs_lineHeight { line-height: 16px; }
 /* @truss p:3000 c:z0 */
 .z0 { z-index: 0; }
 /* @truss p:3000 c:z1 */
@@ -664,34 +618,36 @@
 .h_cursorPointer:hover { cursor: pointer; }
 /* @truss p:3130 c:h_fw6 */
 .h_fw6:hover { font-weight: 600; }
+/* @truss p:3130 c:h_fz_16px */
+.h_fz_16px:hover { font-size: 16px; }
 /* @truss p:3130 c:h_gray900 */
 .h_gray900:hover { color: rgba(36, 36, 36, 1); }
-/* @truss p:3130 c:h_mdSb_fontSize */
-.h_mdSb_fontSize:hover { font-size: 16px; }
-/* @truss p:3130 c:h_mdSb_lineHeight */
-.h_mdSb_lineHeight:hover { line-height: 24px; }
+/* @truss p:3130 c:h_lh_24px */
+.h_lh_24px:hover { line-height: 24px; }
 /* @truss p:3130.5 c:h_bgColor_var */
 .h_bgColor_var:hover { background-color: var(--h_backgroundColor); }
-/* @truss p:4000 c:bb_borderBottomStyle */
-.bb_borderBottomStyle { border-bottom-style: solid; }
-/* @truss p:4000 c:bb_borderBottomWidth */
-.bb_borderBottomWidth { border-bottom-width: 1px; }
-/* @truss p:4000 c:bl_borderLeftStyle */
-.bl_borderLeftStyle { border-left-style: solid; }
-/* @truss p:4000 c:bl_borderLeftWidth */
-.bl_borderLeftWidth { border-left-width: 1px; }
+/* @truss p:4000 c:bbs_solid */
+.bbs_solid { border-bottom-style: solid; }
+/* @truss p:4000 c:bbw_1px */
+.bbw_1px { border-bottom-width: 1px; }
+/* @truss p:4000 c:bls_solid */
+.bls_solid { border-left-style: solid; }
+/* @truss p:4000 c:blw_1px */
+.blw_1px { border-left-width: 1px; }
+/* @truss p:4000 c:bot_0 */
+.bot_0 { bottom: 0; }
 /* @truss p:4000 c:bottom0 */
 .bottom0 { bottom: 0px; }
 /* @truss p:4000 c:bottom_4px */
 .bottom_4px { bottom: 4px; }
-/* @truss p:4000 c:br_borderRightStyle */
-.br_borderRightStyle { border-right-style: solid; }
-/* @truss p:4000 c:br_borderRightWidth */
-.br_borderRightWidth { border-right-width: 1px; }
-/* @truss p:4000 c:bt_borderTopStyle */
-.bt_borderTopStyle { border-top-style: solid; }
-/* @truss p:4000 c:bt_borderTopWidth */
-.bt_borderTopWidth { border-top-width: 1px; }
+/* @truss p:4000 c:brs_solid */
+.brs_solid { border-right-style: solid; }
+/* @truss p:4000 c:brw_1px */
+.brw_1px { border-right-width: 1px; }
+/* @truss p:4000 c:bts_solid */
+.bts_solid { border-top-style: solid; }
+/* @truss p:4000 c:btw_1px */
+.btw_1px { border-top-width: 1px; }
 /* @truss p:4000 c:h100 */
 .h100 { height: 100%; }
 /* @truss p:4000 c:h2 */
@@ -730,6 +686,8 @@
 .h_calc_100vh_168px { height: calc(100vh - 168px); }
 /* @truss p:4000 c:height_100dvh */
 .height_100dvh { height: 100dvh; }
+/* @truss p:4000 c:l_0 */
+.l_0 { left: 0; }
 /* @truss p:4000 c:left0 */
 .left0 { left: 0px; }
 /* @truss p:4000 c:left1 */
@@ -774,6 +732,10 @@
 .mb3 { margin-bottom: 24px; }
 /* @truss p:4000 c:mb4 */
 .mb4 { margin-bottom: 32px; }
+/* @truss p:4000 c:mb_12px */
+.mb_12px { margin-bottom: 12px; }
+/* @truss p:4000 c:mb_2px */
+.mb_2px { margin-bottom: 2px; }
 /* @truss p:4000 c:mb_4px */
 .mb_4px { margin-bottom: 4px; }
 /* @truss p:4000 c:mb_72px */
@@ -832,6 +794,8 @@
 .mt1 { margin-top: 8px; }
 /* @truss p:4000 c:mt2 */
 .mt2 { margin-top: 16px; }
+/* @truss p:4000 c:mt_12px */
+.mt_12px { margin-top: 12px; }
 /* @truss p:4000 c:mt_2px */
 .mt_2px { margin-top: 2px; }
 /* @truss p:4000 c:mt_4px */
@@ -844,18 +808,6 @@
 .mw_32px { min-width: 32px; }
 /* @truss p:4000 c:mw_fit_content */
 .mw_fit_content { min-width: fit-content; }
-/* @truss p:4000 c:my_12px_marginBottom */
-.my_12px_marginBottom { margin-bottom: 12px; }
-/* @truss p:4000 c:my_12px_marginTop */
-.my_12px_marginTop { margin-top: 12px; }
-/* @truss p:4000 c:my_2px_marginBottom */
-.my_2px_marginBottom { margin-bottom: 2px; }
-/* @truss p:4000 c:my_2px_marginTop */
-.my_2px_marginTop { margin-top: 2px; }
-/* @truss p:4000 c:my_4px_marginBottom */
-.my_4px_marginBottom { margin-bottom: 4px; }
-/* @truss p:4000 c:my_4px_marginTop */
-.my_4px_marginTop { margin-top: 4px; }
 /* @truss p:4000 c:oxa */
 .oxa { overflow-x: auto; }
 /* @truss p:4000 c:oxh */
@@ -864,14 +816,6 @@
 .oya { overflow-y: auto; }
 /* @truss p:4000 c:oys */
 .oys { overflow-y: scroll; }
-/* @truss p:4000 c:p_12px_paddingBottom */
-.p_12px_paddingBottom { padding-bottom: 12px; }
-/* @truss p:4000 c:p_12px_paddingLeft */
-.p_12px_paddingLeft { padding-left: 12px; }
-/* @truss p:4000 c:p_12px_paddingRight */
-.p_12px_paddingRight { padding-right: 12px; }
-/* @truss p:4000 c:p_12px_paddingTop */
-.p_12px_paddingTop { padding-top: 12px; }
 /* @truss p:4000 c:pb0 */
 .pb0 { padding-bottom: 0px; }
 /* @truss p:4000 c:pb1 */
@@ -884,8 +828,12 @@
 .pb_12px { padding-bottom: 12px; }
 /* @truss p:4000 c:pb_25px */
 .pb_25px { padding-bottom: 25px; }
+/* @truss p:4000 c:pb_2px */
+.pb_2px { padding-bottom: 2px; }
 /* @truss p:4000 c:pb_4px */
 .pb_4px { padding-bottom: 4px; }
+/* @truss p:4000 c:pb_6px */
+.pb_6px { padding-bottom: 6px; }
 /* @truss p:4000 c:pl0 */
 .pl0 { padding-left: 0px; }
 /* @truss p:4000 c:pl1 */
@@ -896,12 +844,18 @@
 .pl3 { padding-left: 24px; }
 /* @truss p:4000 c:pl4 */
 .pl4 { padding-left: 32px; }
+/* @truss p:4000 c:pl_10px */
+.pl_10px { padding-left: 10px; }
 /* @truss p:4000 c:pl_12px */
 .pl_12px { padding-left: 12px; }
+/* @truss p:4000 c:pl_2px */
+.pl_2px { padding-left: 2px; }
 /* @truss p:4000 c:pl_36px */
 .pl_36px { padding-left: 36px; }
 /* @truss p:4000 c:pl_4px */
 .pl_4px { padding-left: 4px; }
+/* @truss p:4000 c:pl_6px */
+.pl_6px { padding-left: 6px; }
 /* @truss p:4000 c:pr0 */
 .pr0 { padding-right: 0px; }
 /* @truss p:4000 c:pr1 */
@@ -912,8 +866,14 @@
 .pr3 { padding-right: 24px; }
 /* @truss p:4000 c:pr_10px */
 .pr_10px { padding-right: 10px; }
+/* @truss p:4000 c:pr_12px */
+.pr_12px { padding-right: 12px; }
+/* @truss p:4000 c:pr_2px */
+.pr_2px { padding-right: 2px; }
 /* @truss p:4000 c:pr_4px */
 .pr_4px { padding-right: 4px; }
+/* @truss p:4000 c:pr_6px */
+.pr_6px { padding-right: 6px; }
 /* @truss p:4000 c:pt0 */
 .pt0 { padding-top: 0px; }
 /* @truss p:4000 c:pt1 */
@@ -922,44 +882,18 @@
 .pt2 { padding-top: 16px; }
 /* @truss p:4000 c:pt3 */
 .pt3 { padding-top: 24px; }
+/* @truss p:4000 c:pt_12px */
+.pt_12px { padding-top: 12px; }
 /* @truss p:4000 c:pt_25px */
 .pt_25px { padding-top: 25px; }
-/* @truss p:4000 c:px_10px_paddingLeft */
-.px_10px_paddingLeft { padding-left: 10px; }
-/* @truss p:4000 c:px_10px_paddingRight */
-.px_10px_paddingRight { padding-right: 10px; }
-/* @truss p:4000 c:px_12px_paddingLeft */
-.px_12px_paddingLeft { padding-left: 12px; }
-/* @truss p:4000 c:px_12px_paddingRight */
-.px_12px_paddingRight { padding-right: 12px; }
-/* @truss p:4000 c:px_2px_paddingLeft */
-.px_2px_paddingLeft { padding-left: 2px; }
-/* @truss p:4000 c:px_2px_paddingRight */
-.px_2px_paddingRight { padding-right: 2px; }
-/* @truss p:4000 c:px_4px_paddingLeft */
-.px_4px_paddingLeft { padding-left: 4px; }
-/* @truss p:4000 c:px_4px_paddingRight */
-.px_4px_paddingRight { padding-right: 4px; }
-/* @truss p:4000 c:px_6px_paddingLeft */
-.px_6px_paddingLeft { padding-left: 6px; }
-/* @truss p:4000 c:px_6px_paddingRight */
-.px_6px_paddingRight { padding-right: 6px; }
-/* @truss p:4000 c:py_12px_paddingBottom */
-.py_12px_paddingBottom { padding-bottom: 12px; }
-/* @truss p:4000 c:py_12px_paddingTop */
-.py_12px_paddingTop { padding-top: 12px; }
-/* @truss p:4000 c:py_2px_paddingBottom */
-.py_2px_paddingBottom { padding-bottom: 2px; }
-/* @truss p:4000 c:py_2px_paddingTop */
-.py_2px_paddingTop { padding-top: 2px; }
-/* @truss p:4000 c:py_4px_paddingBottom */
-.py_4px_paddingBottom { padding-bottom: 4px; }
-/* @truss p:4000 c:py_4px_paddingTop */
-.py_4px_paddingTop { padding-top: 4px; }
-/* @truss p:4000 c:py_6px_paddingBottom */
-.py_6px_paddingBottom { padding-bottom: 6px; }
-/* @truss p:4000 c:py_6px_paddingTop */
-.py_6px_paddingTop { padding-top: 6px; }
+/* @truss p:4000 c:pt_2px */
+.pt_2px { padding-top: 2px; }
+/* @truss p:4000 c:pt_4px */
+.pt_4px { padding-top: 4px; }
+/* @truss p:4000 c:pt_6px */
+.pt_6px { padding-top: 6px; }
+/* @truss p:4000 c:r_0 */
+.r_0 { right: 0; }
 /* @truss p:4000 c:right0 */
 .right0 { right: 0px; }
 /* @truss p:4000 c:right1 */
@@ -980,20 +914,10 @@
 .top_48px { top: 48px; }
 /* @truss p:4000 c:top_4px */
 .top_4px { top: 4px; }
-/* @truss p:4000 c:underlay_bottom */
-.underlay_bottom { bottom: 0; }
-/* @truss p:4000 c:underlay_left */
-.underlay_left { left: 0; }
-/* @truss p:4000 c:underlay_right */
-.underlay_right { right: 0; }
-/* @truss p:4000 c:underlay_top */
-.underlay_top { top: 0; }
+/* @truss p:4000 c:tp_0 */
+.tp_0 { top: 0; }
 /* @truss p:4000 c:vh100 */
 .vh100 { height: 100vh; }
-/* @truss p:4000 c:visuallyHidden_height */
-.visuallyHidden_height { height: 1px; }
-/* @truss p:4000 c:visuallyHidden_width */
-.visuallyHidden_width { width: 1px; }
 /* @truss p:4000 c:w100 */
 .w100 { width: 100%; }
 /* @truss p:4000 c:w2 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/beam",
-  "version": "3.0.0-alpha.5",
+  "version": "3.0.0-alpha.7",
   "type": "module",
   "author": "Homebound",
   "license": "MIT",
@@ -88,7 +88,7 @@
     "@homebound/eslint-config": "^1.10.2",
     "@homebound/rtl-react-router-utils": "1.3.0",
     "@homebound/rtl-utils": "^2.70.0",
-    "@homebound/truss": "^2.5.0",
+    "@homebound/truss": "^2.10.0",
     "@homebound/tsconfig": "^1.1.1",
     "@semantic-release/exec": "^7.1.0",
     "@semantic-release/git": "^10.0.1",
@@ -129,7 +129,8 @@
     "@types/react": "18.0.28",
     "react-router": "5.3.4",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0"
+    "@typescript-eslint/parser": "^7.18.0",
+    "@vitest/expect": "^4.1.0"
   },
   "imports": {
     "src/*": "./src/*"