@homebound/beam 4.11.4 → 4.12.0

package/dist/truss.css

@@ -119,22 +119,22 @@
 .bw_3px { border-width: 3px; }
 /* @truss p:2000 c:fn */
 .fn { flex: none; }
+/* @truss p:2000 c:g_0 */
+.g_0 { gap: calc(var(--t-spacing) * 0); }
+/* @truss p:2000 c:g_1 */
+.g_1 { gap: calc(var(--t-spacing) * 1); }
 /* @truss p:2000 c:g_12px */
 .g_12px { gap: 12px; }
 /* @truss p:2000 c:g_1_5 */
 .g_1_5 { gap: calc(var(--t-spacing) * 1.5); }
+/* @truss p:2000 c:g_2 */
+.g_2 { gap: calc(var(--t-spacing) * 2); }
+/* @truss p:2000 c:g_3 */
+.g_3 { gap: calc(var(--t-spacing) * 3); }
 /* @truss p:2000 c:g_4px */
 .g_4px { gap: 4px; }
-/* @truss p:2000 c:gap0 */
-.gap0 { gap: calc(var(--t-spacing) * 0); }
-/* @truss p:2000 c:gap1 */
-.gap1 { gap: calc(var(--t-spacing) * 1); }
-/* @truss p:2000 c:gap2 */
-.gap2 { gap: calc(var(--t-spacing) * 2); }
-/* @truss p:2000 c:gap3 */
-.gap3 { gap: calc(var(--t-spacing) * 3); }
-/* @truss p:2000 c:gap8 */
-.gap8 { gap: calc(var(--t-spacing) * 8); }
+/* @truss p:2000 c:g_8 */
+.g_8 { gap: calc(var(--t-spacing) * 8); }
 /* @truss p:2000 c:gc_1 */
 .gc_1 { grid-column: 1; }
 /* @truss p:2000 c:gc_1_2 */
@@ -151,8 +151,8 @@
 .gr_1 { grid-row: 1; }
 /* @truss p:2000 c:gr_2 */
 .gr_2 { grid-row: 2; }
-/* @truss p:2000 c:lis_none */
-.lis_none { list-style: none; }
+/* @truss p:2000 c:listNone */
+.listNone { list-style: none; }
 /* @truss p:2000 c:oa */
 .oa { overflow: auto; }
 /* @truss p:2000 c:oh */
@@ -167,8 +167,8 @@
 .ol_none { outline: none; }
 /* @truss p:2000 c:outline0 */
 .outline0 { outline: 0; }
-/* @truss p:2000 c:scrollPaddingInline_4px */
-.scrollPaddingInline_4px { scroll-padding-inline: 4px; }
+/* @truss p:2000 c:scpi_4px */
+.scpi_4px { scroll-padding-inline: 4px; }
 /* @truss p:2000 c:sst_x_mandatory */
 .sst_x_mandatory { scroll-snap-type: x mandatory; }
 /* @truss p:2000 c:tdlt */
@@ -283,6 +283,8 @@
 .bgGreen200 { background-color: rgba(167, 243, 208, 1); }
 /* @truss p:3000 c:bgGreen50 */
 .bgGreen50 { background-color: rgba(236, 253, 245, 1); }
+/* @truss p:3000 c:bgNoRepeat */
+.bgNoRepeat { background-repeat: no-repeat; }
 /* @truss p:3000 c:bgOrange100 */
 .bgOrange100 { background-color: rgba(255, 237, 213, 1); }
 /* @truss p:3000 c:bgPurple200 */
@@ -313,8 +315,6 @@
 .bgc_rgba_36_36_36_0_6 { background-color: rgba(36,36,36,0.6); }
 /* @truss p:3000 c:bgcl_text */
 .bgcl_text { background-clip: text; }
-/* @truss p:3000 c:bgr_no_repeat */
-.bgr_no_repeat { background-repeat: no-repeat; }
 /* @truss p:3000 c:bgs_100_100 */
 .bgs_100_100 { background-size: 100% 100%; }
 /* @truss p:3000 c:blue500 */
@@ -369,10 +369,10 @@
 .cur_grab { cursor: grab; }
 /* @truss p:3000 c:cur_initial */
 .cur_initial { cursor: initial; }
-/* @truss p:3000 c:cursorNotAllowed */
-.cursorNotAllowed { cursor: not-allowed; }
-/* @truss p:3000 c:cursorPointer */
-.cursorPointer { cursor: pointer; }
+/* @truss p:3000 c:cur_not_allowed */
+.cur_not_allowed { cursor: not-allowed; }
+/* @truss p:3000 c:cur_pointer */
+.cur_pointer { cursor: pointer; }
 /* @truss p:3000 c:d_contents */
 .d_contents { display: contents; }
 /* @truss p:3000 c:d_negwebkit_box */
@@ -499,18 +499,16 @@
 .o100 { opacity: 1; }
 /* @truss p:3000 c:o50 */
 .o50 { opacity: 0.5; }
+/* @truss p:3000 c:obf_contain */
+.obf_contain { object-fit: contain; }
 /* @truss p:3000 c:obf_cover */
 .obf_cover { object-fit: cover; }
-/* @truss p:3000 c:objectContain */
-.objectContain { object-fit: contain; }
-/* @truss p:3000 c:objectCover */
-.objectCover { object-fit: cover; }
 /* @truss p:3000 c:olo_2px */
 .olo_2px { outline-offset: 2px; }
 /* @truss p:3000 c:op_0_2 */
 .op_0_2 { opacity: 0.2; }
-/* @truss p:3000 c:pe_none */
-.pe_none { pointer-events: none; }
+/* @truss p:3000 c:pen */
+.pen { pointer-events: none; }
 /* @truss p:3000 c:pgba_auto */
 .pgba_auto { page-break-after: auto; }
 /* @truss p:3000 c:pgbi_avoid */
@@ -575,18 +573,14 @@
 .vam { vertical-align: middle; }
 /* @truss p:3000 c:vh */
 .vh { visibility: hidden; }
-/* @truss p:3000 c:vis_hidden */
-.vis_hidden { visibility: hidden; }
-/* @truss p:3000 c:vis_visible */
-.vis_visible { visibility: visible; }
+/* @truss p:3000 c:vv */
+.vv { visibility: visible; }
 /* @truss p:3000 c:wbba */
 .wbba { word-break: break-all; }
 /* @truss p:3000 c:wbbw */
 .wbbw { word-break: break-word; }
 /* @truss p:3000 c:wbo_vertical */
 .wbo_vertical { -webkit-box-orient: vertical; }
-/* @truss p:3000 c:wdb_break_all */
-.wdb_break_all { word-break: break-all; }
 /* @truss p:3000 c:white */
 .white { color: rgba(255, 255, 255, 1); }
 /* @truss p:3000 c:wktfc_transparent */
@@ -599,8 +593,6 @@
 .wlc_3 { -webkit-line-clamp: 3; }
 /* @truss p:3000 c:ws_initial */
 .ws_initial { white-space: initial; }
-/* @truss p:3000 c:ws_normal */
-.ws_normal { white-space: normal; }
 /* @truss p:3000 c:ws_unset */
 .ws_unset { white-space: unset; }
 /* @truss p:3000 c:wsn */
@@ -653,16 +645,16 @@
 .transform_var { transform: var(--transform); }
 /* @truss p:3000.5 c:z_var */
 .z_var { z-index: var(--zIndex); }
-/* @truss p:3092 c:d_cursorNotAllowed */
-.d_cursorNotAllowed:disabled { cursor: not-allowed; }
+/* @truss p:3092 c:d_cur_not_allowed */
+.d_cur_not_allowed:disabled { cursor: not-allowed; }
 /* @truss p:3092.5 c:d_color_var */
 .d_color_var:disabled { color: var(--d_color); }
 /* @truss p:3130 c:h_bgGray300 */
 .h_bgGray300:hover { background-color: rgba(221, 220, 220, 1); }
 /* @truss p:3130 c:h_bshHover */
 .h_bshHover:hover { box-shadow: 0px 4px 8px rgba(53, 53, 53, 0.1), 0px 2px 24px rgba(53, 53, 53, 0.08);; }
-/* @truss p:3130 c:h_cursorPointer */
-.h_cursorPointer:hover { cursor: pointer; }
+/* @truss p:3130 c:h_cur_pointer */
+.h_cur_pointer:hover { cursor: pointer; }
 /* @truss p:3130 c:h_fw6 */
 .h_fw6:hover { font-weight: 600; }
 /* @truss p:3130 c:h_fz_16px */
@@ -696,11 +688,9 @@
 /* @truss p:4000 c:blw_3px */
 .blw_3px { border-left-width: 3px; }
 /* @truss p:4000 c:bot_0 */
-.bot_0 { bottom: 0; }
+.bot_0 { bottom: calc(var(--t-spacing) * 0); }
 /* @truss p:4000 c:bot_4px */
 .bot_4px { bottom: 4px; }
-/* @truss p:4000 c:bottom0 */
-.bottom0 { bottom: calc(var(--t-spacing) * 0); }
 /* @truss p:4000 c:brs_solid */
 .brs_solid { border-right-style: solid; }
 /* @truss p:4000 c:brw_1px */
@@ -751,16 +741,20 @@
 .h_4px { height: 4px; }
 /* @truss p:4000 c:h_8px */
 .h_8px { height: 8px; }
-/* @truss p:4000 c:h_auto */
-.h_auto { height: auto; }
 /* @truss p:4000 c:h_calc_100vh_168px */
 .h_calc_100vh_168px { height: calc(100vh - 168px); }
+/* @truss p:4000 c:ha */
+.ha { height: auto; }
 /* @truss p:4000 c:l_0 */
 .l_0 { left: calc(var(--t-spacing) * 0); }
+/* @truss p:4000 c:l_1 */
+.l_1 { left: calc(var(--t-spacing) * 1); }
 /* @truss p:4000 c:l_100 */
 .l_100 { left: calc(var(--t-spacing) * 100); }
 /* @truss p:4000 c:l_2px */
 .l_2px { left: 2px; }
+/* @truss p:4000 c:l_3 */
+.l_3 { left: calc(var(--t-spacing) * 3); }
 /* @truss p:4000 c:l_calc_var_beam_side_nav_layout_width_0px_var_beam_layout_content_padding_x_0px */
 .l_calc_var_beam_side_nav_layout_width_0px_var_beam_layout_content_padding_x_0px { left: calc(var(--beam-side-nav-layout-width, 0px) + var(--beam-layout-content-padding-x, 0px)); }
 /* @truss p:4000 c:l_neg1px */
@@ -769,14 +763,8 @@
 .l_neg24px { left: -24px; }
 /* @truss p:4000 c:l_neg2px */
 .l_neg2px { left: -2px; }
-/* @truss p:4000 c:left0 */
-.left0 { left: calc(var(--t-spacing) * 0); }
-/* @truss p:4000 c:left1 */
-.left1 { left: calc(var(--t-spacing) * 1); }
-/* @truss p:4000 c:left3 */
-.left3 { left: calc(var(--t-spacing) * 3); }
-/* @truss p:4000 c:maxh_50 */
-.maxh_50 { max-height: 50%; }
+/* @truss p:4000 c:maxh50 */
+.maxh50 { max-height: 50%; }
 /* @truss p:4000 c:maxh_512px */
 .maxh_512px { max-height: 512px; }
 /* @truss p:4000 c:maxh_74px */
@@ -903,8 +891,6 @@
 .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_neg12px */
 .mt_neg12px { margin-top: -12px; }
 /* @truss p:4000 c:mt_neg2px */
@@ -927,8 +913,6 @@
 .mw_240px { min-width: 240px; }
 /* @truss p:4000 c:mw_32px */
 .mw_32px { min-width: 32px; }
-/* @truss p:4000 c:mw_fit_content */
-.mw_fit_content { min-width: fit-content; }
 /* @truss p:4000 c:mwfc */
 .mwfc { min-width: fit-content; }
 /* @truss p:4000 c:oxa */
@@ -1040,19 +1024,17 @@
 /* @truss p:4000 c:pt_8px */
 .pt_8px { padding-top: 8px; }
 /* @truss p:4000 c:r_0 */
-.r_0 { right: 0; }
+.r_0 { right: calc(var(--t-spacing) * 0); }
+/* @truss p:4000 c:r_1 */
+.r_1 { right: calc(var(--t-spacing) * 1); }
 /* @truss p:4000 c:r_12px */
 .r_12px { right: 12px; }
+/* @truss p:4000 c:r_2 */
+.r_2 { right: calc(var(--t-spacing) * 2); }
+/* @truss p:4000 c:r_3 */
+.r_3 { right: calc(var(--t-spacing) * 3); }
 /* @truss p:4000 c:r_neg2px */
 .r_neg2px { right: -2px; }
-/* @truss p:4000 c:right0 */
-.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:top0 */
 .top0 { top: calc(var(--t-spacing) * 0); }
 /* @truss p:4000 c:top1 */
@@ -1123,14 +1105,10 @@
 .w_78px { width: 78px; }
 /* @truss p:4000 c:w_8px */
 .w_8px { width: 8px; }
-/* @truss p:4000 c:w_auto */
-.w_auto { width: auto; }
 /* @truss p:4000 c:w_calc_100_16px */
 .w_calc_100_16px { width: calc(100% + 16px); }
 /* @truss p:4000 c:w_calc_100_20px */
 .w_calc_100_20px { width: calc(100% - 20px); }
-/* @truss p:4000 c:w_max_content */
-.w_max_content { width: max-content; }
 /* @truss p:4000 c:w_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 */
 .w_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 { 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))); }
 /* @truss p:4000 c:wa */
@@ -1211,16 +1189,16 @@
 .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_cnt_ */
+.after_a_cnt_: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_pe_none */
-.after_a_pe_none:active::after { pointer-events: none; }
+/* @truss p:8170 c:after_a_pen */
+.after_a_pen: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_l_0 */
+.after_a_l_0: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 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/beam",
-  "version": "4.11.4",
+  "version": "4.12.0",
   "type": "module",
   "author": "Homebound",
   "license": "MIT",
@@ -104,7 +104,7 @@
     "@homebound/eslint-config": "^5.0.0",
     "@homebound/rtl-react-router-utils": "2.1.0",
     "@homebound/rtl-utils": "^3.0.2",
-    "@homebound/truss": "2.32.0",
+    "@homebound/truss": "2.33.5",
     "@homebound/tsconfig": "^1.2.0",
     "@semantic-release/exec": "^7.1.0",
     "@semantic-release/git": "^11.0.1",