@homebound/beam 3.63.0 → 3.64.0

package/dist/truss.css

@@ -23,16 +23,12 @@
 .bcBlue700 { border-color: rgba(29, 78, 216, 1); }
 /* @truss p:2000 c:bcBlue900 */
 .bcBlue900 { border-color: rgba(30, 58, 138, 1); }
-/* @truss p:2000 c:bcGray100 */
-.bcGray100 { border-color: rgba(247, 245, 245, 1); }
 /* @truss p:2000 c:bcGray200 */
 .bcGray200 { border-color: rgba(236, 235, 235, 1); }
 /* @truss p:2000 c:bcGray300 */
 .bcGray300 { border-color: rgba(221, 220, 220, 1); }
 /* @truss p:2000 c:bcGray400 */
 .bcGray400 { border-color: rgba(201, 201, 201, 1); }
-/* @truss p:2000 c:bcGray700 */
-.bcGray700 { border-color: rgba(100, 100, 100, 1); }
 /* @truss p:2000 c:bcTransparent */
 .bcTransparent { border-color: rgba(0,0,0,0); }
 /* @truss p:2000 c:bcWhite */
@@ -175,10 +171,12 @@
 .lot_bsn:last-of-type { border-style: none; }
 /* @truss p:2055 c:lot_bw_0 */
 .lot_bw_0:last-of-type { border-width: 0; }
-/* @truss p:2092 c:d_bcGray300 */
-.d_bcGray300:disabled { border-color: rgba(221, 220, 220, 1); }
-/* @truss p:2130 c:h_bcGray700 */
-.h_bcGray700:hover { border-color: rgba(100, 100, 100, 1); }
+/* @truss p:2092.5 c:d_bc_var */
+.d_bc_var:disabled { border-color: var(--d_borderColor); }
+/* @truss p:2130 c:h_oa */
+.h_oa:hover { overflow: auto; }
+/* @truss p:2130.5 c:h_bc_var */
+.h_bc_var:hover { border-color: var(--h_borderColor); }
 /* @truss p:3000 c:absolute */
 .absolute { position: absolute; }
 /* @truss p:3000 c:aiStretch */
@@ -217,8 +215,6 @@
 .asfs { align-self: flex-start; }
 /* @truss p:3000 c:backgroundColor_currentColor */
 .backgroundColor_currentColor { background-color: currentColor; }
-/* @truss p:3000 c:backgroundColor_rgba_36_36_36_0_2 */
-.backgroundColor_rgba_36_36_36_0_2 { background-color: rgba(36,36,36,0.2); }
 /* @truss p:3000 c:backgroundRepeat_no_repeat */
 .backgroundRepeat_no_repeat { background-repeat: no-repeat; }
 /* @truss p:3000 c:backgroundSize_100_100 */
@@ -229,10 +225,6 @@
 .bgBlue50 { background-color: rgba(239, 246, 255, 1); }
 /* @truss p:3000 c:bgBlue500 */
 .bgBlue500 { background-color: rgba(59, 130, 246, 1); }
-/* @truss p:3000 c:bgBlue600 */
-.bgBlue600 { background-color: rgba(37, 99, 235, 1); }
-/* @truss p:3000 c:bgBlue700 */
-.bgBlue700 { background-color: rgba(29, 78, 216, 1); }
 /* @truss p:3000 c:bgBlue900 */
 .bgBlue900 { background-color: rgba(30, 58, 138, 1); }
 /* @truss p:3000 c:bgColor_FFFFFF90 */
@@ -243,14 +235,8 @@
 .bgGray200 { background-color: rgba(236, 235, 235, 1); }
 /* @truss p:3000 c:bgGray300 */
 .bgGray300 { background-color: rgba(221, 220, 220, 1); }
-/* @truss p:3000 c:bgGray400 */
-.bgGray400 { background-color: rgba(201, 201, 201, 1); }
-/* @truss p:3000 c:bgGray50 */
-.bgGray50 { background-color: rgba(255, 253, 253, 1); }
 /* @truss p:3000 c:bgGray700 */
 .bgGray700 { background-color: rgba(100, 100, 100, 1); }
-/* @truss p:3000 c:bgGray800 */
-.bgGray800 { background-color: rgba(53, 53, 53, 1); }
 /* @truss p:3000 c:bgGray900 */
 .bgGray900 { background-color: rgba(36, 36, 36, 1); }
 /* @truss p:3000 c:bgGreen100 */
@@ -279,12 +265,8 @@
 .bgYellow400 { background-color: rgba(250, 204, 21, 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:blue300 */
-.blue300 { color: rgba(147, 197, 253, 1); }
 /* @truss p:3000 c:blue500 */
 .blue500 { color: rgba(59, 130, 246, 1); }
-/* @truss p:3000 c:blue600 */
-.blue600 { color: rgba(37, 99, 235, 1); }
 /* @truss p:3000 c:blue700 */
 .blue700 { color: rgba(29, 78, 216, 1); }
 /* @truss p:3000 c:blue800 */
@@ -401,20 +383,12 @@
 .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 */
-.gray300 { color: rgba(221, 220, 220, 1); }
 /* @truss p:3000 c:gray400 */
 .gray400 { color: rgba(201, 201, 201, 1); }
 /* @truss p:3000 c:gray500 */
 .gray500 { color: rgba(175, 175, 175, 1); }
 /* @truss p:3000 c:gray600 */
 .gray600 { color: rgba(141, 141, 141, 1); }
-/* @truss p:3000 c:gray700 */
-.gray700 { color: rgba(100, 100, 100, 1); }
-/* @truss p:3000 c:gray800 */
-.gray800 { color: rgba(53, 53, 53, 1); }
 /* @truss p:3000 c:gray900 */
 .gray900 { color: rgba(36, 36, 36, 1); }
 /* @truss p:3000 c:green500 */
@@ -483,8 +457,6 @@
 .red200 { color: rgba(254, 202, 202, 1); }
 /* @truss p:3000 c:red500 */
 .red500 { color: rgba(239, 68, 68, 1); }
-/* @truss p:3000 c:red600 */
-.red600 { color: rgba(220, 38, 38, 1); }
 /* @truss p:3000 c:red800 */
 .red800 { color: rgba(153, 27, 27, 1); }
 /* @truss p:3000 c:red900 */
@@ -603,16 +575,10 @@
 .z_var { z-index: var(--zIndex); }
 /* @truss p:3092 c:d_cursorNotAllowed */
 .d_cursorNotAllowed:disabled { cursor: not-allowed; }
-/* @truss p:3092 c:d_gray400 */
-.d_gray400:disabled { color: rgba(201, 201, 201, 1); }
-/* @truss p:3130 c:h_bgGray100 */
-.h_bgGray100:hover { background-color: rgba(247, 245, 245, 1); }
-/* @truss p:3130 c:h_bgGray200 */
-.h_bgGray200:hover { background-color: rgba(236, 235, 235, 1); }
+/* @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_bgGray700 */
-.h_bgGray700:hover { background-color: rgba(100, 100, 100, 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 */
@@ -623,12 +589,12 @@
 .h_fz_16px:hover { font-size: 16px; }
 /* @truss p:3130 c:h_gray600 */
 .h_gray600:hover { color: rgba(141, 141, 141, 1); }
-/* @truss p:3130 c:h_gray900 */
-.h_gray900:hover { color: rgba(36, 36, 36, 1); }
 /* @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:3130.5 c:h_color_var */
+.h_color_var:hover { color: var(--h_color); }
 /* @truss p:3200 c:mdandup_df */
 @media screen and (min-width: 600px) { .mdandup_df.mdandup_df { display: flex; } }
 /* @truss p:3200 c:mdandup_dib */
@@ -1083,6 +1049,8 @@
 .top_var { top: var(--top); }
 /* @truss p:4000.5 c:w_var */
 .w_var { width: var(--width); }
+/* @truss p:4130 c:h_maxh_inherit */
+.h_maxh_inherit:hover { max-height: inherit; }
 /* @truss p:4200 c:mdandup_pl5 */
 @media screen and (min-width: 600px) { .mdandup_pl5.mdandup_pl5 { padding-left: calc(var(--t-spacing) * 5); } }
 /* @truss p:4200 c:mdandup_pr5 */
@@ -1104,6 +1072,10 @@
 /* @truss @property */
 @property --gap { syntax: "*"; inherits: false; }
 /* @truss @property */
+@property --d_borderColor { syntax: "*"; inherits: false; }
+/* @truss @property */
+@property --h_borderColor { syntax: "*"; inherits: false; }
+/* @truss @property */
 @property --alignItems { syntax: "*"; inherits: false; }
 /* @truss @property */
 @property --backgroundImage { syntax: "*"; inherits: false; }
@@ -1138,8 +1110,12 @@
 /* @truss @property */
 @property --zIndex { syntax: "*"; inherits: false; }
 /* @truss @property */
+@property --d_color { syntax: "*"; inherits: false; }
+/* @truss @property */
 @property --h_backgroundColor { syntax: "*"; inherits: false; }
 /* @truss @property */
+@property --h_color { syntax: "*"; inherits: false; }
+/* @truss @property */
 @property --borderBottomWidth { syntax: "*"; inherits: false; }
 /* @truss @property */
 @property --borderTopColor { syntax: "*"; inherits: false; }
@@ -1209,7 +1185,7 @@
 .beam-bhp:hover:not(:has(.beam-bhc:hover)) .beam-bhc {
   border-style: solid;
   border-width: 1px;
-  border-color: rgba(147, 197, 253, 1);
+  border-color: var(--b-field-border-focus);
 }
 
 .beam-row-hover:hover > * {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/beam",
-  "version": "3.63.0",
+  "version": "3.64.0",
   "type": "module",
   "author": "Homebound",
   "license": "MIT",
@@ -104,7 +104,6 @@
     "@homebound/tsconfig": "^1.1.1",
     "@semantic-release/exec": "^7.1.0",
     "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-links": "^10.4.0",
     "@storybook/react-vite": "^10.4.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",