beem-component 2.1.14 → 2.1.15

package/dist/components/HorizontalCard/HorizontalCard.js

@@ -47,7 +47,7 @@ const Badge = _styledComponents.default.span.withConfig({
 });
 const Description = _styledComponents.default.p.withConfig({
   displayName: "HorizontalCard__Description"
-})(["margin-top:4px;font-size:0.9rem;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]);
+})(["margin-top:4px;font-size:0.9rem;color:#6b7280;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;"]);
 const MetaRow = _styledComponents.default.div.withConfig({
   displayName: "HorizontalCard__MetaRow"
 })(["display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;"]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "beem-component",
-  "version": "2.1.14",
+  "version": "2.1.15",
   "private": false,
   "main": "dist/components/index.js",
   "scripts": {

package/src/App.js

@@ -1108,7 +1108,7 @@ const Chat = () => {
           {sampleAppointmentTypes.map((type) => (
             <BmHorizontalCard
               name={type.name}
-              description={type.description}
+              description="Handles imaging and diagnostic scanssdijfsdoijfoisd jsdoij fosidf jsdoif jsdoifs ergjri gr[  jdi[t gegrepg fghepoiurig hroegeigig hep etghtpg hepghrp eug hrg[o hrgiorwrgh w[uugo ggwg iuhwoigw[ig soiug [oh g[wgh[oig hrw[ouig hei reg rwg wgujhsuw hgwrg h9rug rfewrewg fskg42398 glskjgur ghwpgh43hsaujhpghrpeihhou re9ojgpoh"
               price={type.price}
               color={type.color}
               isActive={type.isActive}

package/src/lib/components/HorizontalCard/HorizontalCard.js

@@ -90,9 +90,12 @@ const Description = styled.p`
   margin-top: 4px;
   font-size: 0.9rem;
   color: #6b7280;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
-  white-space: nowrap;
+  word-break: break-word;
 `;
 
 const MetaRow = styled.div`