@telus-uds/components-web 2.32.2 → 2.33.0

package/CHANGELOG.md

@@ -1,12 +1,25 @@
 # Change Log - @telus-uds/components-web
 
-This log was last generated on Wed, 27 Mar 2024 21:09:55 GMT and should not be manually modified.
+This log was last generated on Fri, 05 Apr 2024 17:10:34 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 2.33.0
+
+Fri, 05 Apr 2024 17:10:34 GMT
+
+### Minor changes
+
+- Bump @telus-uds/components-base to v1.82.0
+- Bump @telus-uds/system-theme-tokens to v2.54.0
+
+### Patches
+
+- `Breadcrumbs`: fix text wrapping error (guillermo.peitzner@telus.com)
+
 ## 2.32.2
 
-Wed, 27 Mar 2024 21:09:55 GMT
+Wed, 27 Mar 2024 21:13:10 GMT
 
 ### Patches
 

package/lib/Breadcrumbs/Breadcrumbs.js

@@ -27,15 +27,9 @@ const StyledList = /*#__PURE__*/_styledComponents.default.ol.withConfig({
   listStylePosition: 'inside',
   margin: 0,
   padding: 0,
-  alignItems: 'baseline',
-  height: _ref => {
-    let {
-      iconContainerSize
-    } = _ref;
-    return `${iconContainerSize}px`;
-  }
+  alignItems: 'baseline'
 });
-const omitProps = _ref2 => {
+const omitProps = _ref => {
   let {
     current,
     path,
@@ -44,7 +38,7 @@ const omitProps = _ref2 => {
     childRoutes,
     component,
     ...props
-  } = _ref2;
+  } = _ref;
   return props;
 };
 const getBreadcrumbName = (item, params) => {
@@ -107,7 +101,7 @@ const getStructuredData = (items, baseUrl) => {
 /**
  * Display a hierarchy of links, commonly used for navigation.
  */
-const Breadcrumbs = _ref3 => {
+const Breadcrumbs = _ref2 => {
   let {
     baseUrl,
     children,
@@ -118,7 +112,7 @@ const Breadcrumbs = _ref3 => {
     variant,
     LinkRouter,
     ...rest
-  } = _ref3;
+  } = _ref2;
   // React Helmet can cause a memory leak in SSR if not properly configured.
   // Only run it in SSR if theme options tells us to.
   /* const {
@@ -128,7 +122,7 @@ const Breadcrumbs = _ref3 => {
   // const isSSR = typeof window === 'undefined' || isHydrating
   // const hasMetadata = isSSR ? enableHelmetSSR : true
   const helmetContext = {};
-  const activeRoutes = children ? _react.default.Children.map((0, _componentsBase.unpackFragment)(children), _ref4 => {
+  const activeRoutes = children ? _react.default.Children.map((0, _componentsBase.unpackFragment)(children), _ref3 => {
     let {
       props: {
         href,
@@ -136,7 +130,7 @@ const Breadcrumbs = _ref3 => {
         ...itemRest
       },
       ref
-    } = _ref4;
+    } = _ref3;
     return {
       path: href,
       breadcrumbName,
@@ -166,7 +160,7 @@ const Breadcrumbs = _ref3 => {
     ...selectProps(rest),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledList, {
       iconContainerSize: themeTokens.iconContainerSize,
-      children: items.map(_ref5 => {
+      children: items.map(_ref4 => {
         let {
           href,
           current,
@@ -174,7 +168,7 @@ const Breadcrumbs = _ref3 => {
           LinkRouter: ItemLinkRouter = LinkRouter,
           linkRouterProps: itemLinkRouterProps,
           ...itemRest
-        } = _ref5;
+        } = _ref4;
         return /*#__PURE__*/(0, _react.createElement)(_Item.default, {
           ...itemRest,
           current: current,

package/lib/Breadcrumbs/Item/Item.js

@@ -37,7 +37,8 @@ const StyledItemContainer = /*#__PURE__*/_styledComponents.default.li.withConfig
       iconContainerSize
     } = _ref3;
     return `${iconContainerSize}px`;
-  }
+  },
+  marginBottom: '8px'
 });
 const IconContainer = /*#__PURE__*/_styledComponents.default.span.withConfig({
   displayName: "Item__IconContainer",

package/lib-module/Breadcrumbs/Breadcrumbs.js

@@ -20,15 +20,9 @@ const StyledList = /*#__PURE__*/styled.ol.withConfig({
   listStylePosition: 'inside',
   margin: 0,
   padding: 0,
-  alignItems: 'baseline',
-  height: _ref => {
-    let {
-      iconContainerSize
-    } = _ref;
-    return `${iconContainerSize}px`;
-  }
+  alignItems: 'baseline'
 });
-const omitProps = _ref2 => {
+const omitProps = _ref => {
   let {
     current,
     path,
@@ -37,7 +31,7 @@ const omitProps = _ref2 => {
     childRoutes,
     component,
     ...props
-  } = _ref2;
+  } = _ref;
   return props;
 };
 const getBreadcrumbName = (item, params) => {
@@ -100,7 +94,7 @@ const getStructuredData = (items, baseUrl) => {
 /**
  * Display a hierarchy of links, commonly used for navigation.
  */
-const Breadcrumbs = _ref3 => {
+const Breadcrumbs = _ref2 => {
   let {
     baseUrl,
     children,
@@ -111,7 +105,7 @@ const Breadcrumbs = _ref3 => {
     variant,
     LinkRouter,
     ...rest
-  } = _ref3;
+  } = _ref2;
   // React Helmet can cause a memory leak in SSR if not properly configured.
   // Only run it in SSR if theme options tells us to.
   /* const {
@@ -121,7 +115,7 @@ const Breadcrumbs = _ref3 => {
   // const isSSR = typeof window === 'undefined' || isHydrating
   // const hasMetadata = isSSR ? enableHelmetSSR : true
   const helmetContext = {};
-  const activeRoutes = children ? React.Children.map(unpackFragment(children), _ref4 => {
+  const activeRoutes = children ? React.Children.map(unpackFragment(children), _ref3 => {
     let {
       props: {
         href,
@@ -129,7 +123,7 @@ const Breadcrumbs = _ref3 => {
         ...itemRest
       },
       ref
-    } = _ref4;
+    } = _ref3;
     return {
       path: href,
       breadcrumbName,
@@ -159,7 +153,7 @@ const Breadcrumbs = _ref3 => {
     ...selectProps(rest),
     children: [/*#__PURE__*/_jsx(StyledList, {
       iconContainerSize: themeTokens.iconContainerSize,
-      children: items.map(_ref5 => {
+      children: items.map(_ref4 => {
         let {
           href,
           current,
@@ -167,7 +161,7 @@ const Breadcrumbs = _ref3 => {
           LinkRouter: ItemLinkRouter = LinkRouter,
           linkRouterProps: itemLinkRouterProps,
           ...itemRest
-        } = _ref5;
+        } = _ref4;
         return /*#__PURE__*/_createElement(Item, {
           ...itemRest,
           current: current,

package/lib-module/Breadcrumbs/Item/Item.js

@@ -30,7 +30,8 @@ const StyledItemContainer = /*#__PURE__*/styled.li.withConfig({
       iconContainerSize
     } = _ref3;
     return `${iconContainerSize}px`;
-  }
+  },
+  marginBottom: '8px'
 });
 const IconContainer = /*#__PURE__*/styled.span.withConfig({
   displayName: "Item__IconContainer",

package/package.json

@@ -5,7 +5,7 @@
   ],
   "dependencies": {
     "@gorhom/portal": "^1.0.14",
-    "@telus-uds/components-base": "1.81.0",
+    "@telus-uds/components-base": "1.82.0",
     "@telus-uds/system-constants": "^1.3.0",
     "fscreen": "^1.2.0",
     "lodash.omit": "^4.5.0",
@@ -13,7 +13,7 @@
     "react-dates": "^21.8.0",
     "react-helmet-async": "^1.3.0",
     "react-moment-proptypes": "^1.8.1",
-    "@telus-uds/system-theme-tokens": "^2.53.0",
+    "@telus-uds/system-theme-tokens": "^2.54.0",
     "prop-types": "^15.7.2",
     "lodash.throttle": "^4.1.1",
     "react-youtube": "^10.1.0",
@@ -83,5 +83,5 @@
     "skip": true
   },
   "types": "types/index.d.ts",
-  "version": "2.32.2"
+  "version": "2.33.0"
 }

package/src/Breadcrumbs/Breadcrumbs.jsx

@@ -25,8 +25,7 @@ const StyledList = styled.ol({
   listStylePosition: 'inside',
   margin: 0,
   padding: 0,
-  alignItems: 'baseline',
-  height: ({ iconContainerSize }) => `${iconContainerSize}px`
+  alignItems: 'baseline'
 })
 
 const omitProps = ({

package/src/Breadcrumbs/Item/Item.jsx

@@ -17,7 +17,8 @@ const StyledItemContainer = styled.li({
   display: 'flex',
   paddingLeft: ({ listItemPadding }) => `${listItemPadding}px`,
   lineHeight: ({ lineHeight, fontSize }) => `${Math.ceil(lineHeight * fontSize)}px`,
-  height: ({ iconContainerSize }) => `${iconContainerSize}px`
+  height: ({ iconContainerSize }) => `${iconContainerSize}px`,
+  marginBottom: '8px'
 })
 
 const IconContainer = styled.span({