@telus-uds/components-web 2.33.1 → 2.33.2

package/CHANGELOG.md

@@ -1,12 +1,22 @@
 # Change Log - @telus-uds/components-web
 
-This log was last generated on Wed, 24 Apr 2024 16:28:55 GMT and should not be manually modified.
+This log was last generated on Mon, 06 May 2024 16:33:57 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 2.33.2
+
+Mon, 06 May 2024 16:33:57 GMT
+
+### Patches
+
+- Bug fixed for Terms and Conditions component, the component added extra padding to the page when the content exceed the mean height and overflows the container  (35577399+JoshHC@users.noreply.github.com)
+- Bump @telus-uds/components-base to v1.84.0
+- Bump @telus-uds/system-theme-tokens to v2.55.0
+
 ## 2.33.1
 
-Wed, 24 Apr 2024 16:28:55 GMT
+Wed, 24 Apr 2024 16:35:16 GMT
 
 ### Patches
 

package/lib/TermsAndConditions/TermsAndConditions.js

@@ -97,6 +97,10 @@ const NonIndexedContentTitle = /*#__PURE__*/_styledComponents.default.div.withCo
     paddingLeft: tokens.titlePaddingLeft
   };
 });
+const MainContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
+  displayName: "TermsAndConditions__MainContainer",
+  componentId: "components-web__sc-1199epn-5"
+})(["overflow:hidden;"]);
 
 /**
  * Use `TermsAndConditions` to display important legal content.
@@ -127,7 +131,7 @@ const TermsAndConditions = /*#__PURE__*/(0, _react.forwardRef)((_ref6, ref) => {
   const themeTokens = (0, _componentsBase.useThemeTokens)('TermsAndConditions', tokens, variant, {
     viewport
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(MainContainer, {
     ...selectProps(rest),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Divider, {
       tokens: {

package/lib-module/TermsAndConditions/TermsAndConditions.js

@@ -89,6 +89,10 @@ const NonIndexedContentTitle = /*#__PURE__*/styled.div.withConfig({
     paddingLeft: tokens.titlePaddingLeft
   };
 });
+const MainContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "TermsAndConditions__MainContainer",
+  componentId: "components-web__sc-1199epn-5"
+})(["overflow:hidden;"]);
 
 /**
  * Use `TermsAndConditions` to display important legal content.
@@ -119,7 +123,7 @@ const TermsAndConditions = /*#__PURE__*/forwardRef((_ref6, ref) => {
   const themeTokens = useThemeTokens('TermsAndConditions', tokens, variant, {
     viewport
   });
-  return /*#__PURE__*/_jsxs("div", {
+  return /*#__PURE__*/_jsxs(MainContainer, {
     ...selectProps(rest),
     children: [/*#__PURE__*/_jsx(Divider, {
       tokens: {

package/package.json

@@ -5,7 +5,7 @@
   ],
   "dependencies": {
     "@gorhom/portal": "^1.0.14",
-    "@telus-uds/components-base": "1.83.0",
+    "@telus-uds/components-base": "1.84.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.54.0",
+    "@telus-uds/system-theme-tokens": "^2.55.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.33.1"
+  "version": "2.33.2"
 }

package/src/TermsAndConditions/TermsAndConditions.jsx

@@ -63,6 +63,10 @@ const NonIndexedContentTitle = styled.div(({ tokens }) => ({
   paddingLeft: tokens.titlePaddingLeft
 }))
 
+const MainContainer = styled.div`
+  overflow: hidden;
+`
+
 /**
  * Use `TermsAndConditions` to display important legal content.
  *
@@ -93,7 +97,7 @@ const TermsAndConditions = forwardRef(
     const themeTokens = useThemeTokens('TermsAndConditions', tokens, variant, { viewport })
 
     return (
-      <div {...selectProps(rest)}>
+      <MainContainer {...selectProps(rest)}>
         <Divider tokens={{ color: themeTokens.dividerColor }} />
         <ExpandCollapse
           collapseTitle={getCopy('headingView')}
@@ -140,7 +144,7 @@ const TermsAndConditions = forwardRef(
           </ContentContainer>
         </ExpandCollapse>
         <Divider tokens={{ color: themeTokens.dividerColor }} />
-      </div>
+      </MainContainer>
     )
   }
 )