@luscii-healthtech/web-ui 2.63.3 → 2.63.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1608,6 +1608,10 @@ video {
1608
1608
  max-width: 13.75rem;
1609
1609
  }
1610
1610
 
1611
+ .max-w-xs {
1612
+ max-width: 20rem;
1613
+ }
1614
+
1611
1615
  .max-w-3xl {
1612
1616
  max-width: 48rem;
1613
1617
  }
@@ -2436,6 +2440,7 @@ video {
2436
2440
  content: "/";
2437
2441
  display: inline-block;
2438
2442
  padding-left: 8px;
2443
+ padding-right: 8px;
2439
2444
  }
2440
2445
 
2441
2446
  @media (min-width: 640px) {
@@ -6572,10 +6572,12 @@ var BreadcrumbItem = function BreadcrumbItem(_ref) {
6572
6572
  to: link
6573
6573
  }, /*#__PURE__*/React__default.createElement(Text, {
6574
6574
  text: name,
6575
- color: "blue-800"
6575
+ color: "blue-800",
6576
+ className: "whitespace-no-wrap truncate max-w-xs"
6576
6577
  })) : /*#__PURE__*/React__default.createElement(Text, {
6577
6578
  text: name,
6578
- type: "strong"
6579
+ type: "strong",
6580
+ className: "whitespace-no-wrap truncate w-full max-w-xs"
6579
6581
  }));
6580
6582
  };
6581
6583
  var BreadcrumbDividerItem = function BreadcrumbDividerItem(_ref2) {
@@ -6628,7 +6630,7 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
6628
6630
  var crumbsAndDivider = [head, dividerProps].concat(tail);
6629
6631
  return /*#__PURE__*/React__default.createElement("ul", {
6630
6632
  "data-test-id": "breadcrumbs",
6631
- className: "flex flex-row items-center space-x-2 "
6633
+ className: "flex flex-row flex-wrap items-center"
6632
6634
  }, (isTruncated ? crumbsAndDivider : crumbs).map(function (crumbOrDividerProps) {
6633
6635
  return isBreadcrumbDividerProps(crumbOrDividerProps) ? /*#__PURE__*/React__default.createElement(BreadcrumbDividerItem, _extends({
6634
6636
  key: "divider-" + truncatedCrumbs.map(function (crumb) {