@telus-uds/components-web 2.31.3 → 2.31.4

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.
package/CHANGELOG.md CHANGED
@@ -1,12 +1,23 @@
1
1
  # Change Log - @telus-uds/components-web
2
2
 
3
- This log was last generated on Fri, 23 Feb 2024 19:32:18 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 28 Feb 2024 23:55:55 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 2.31.4
8
+
9
+ Wed, 28 Feb 2024 23:55:55 GMT
10
+
11
+ ### Patches
12
+
13
+ - fix terms-and-conditions content background color (guillermo.peitzner@telus.com)
14
+ - `Card`: Custom content flex tokens not working as expected (shahzaibkhalidmalik@outlook.com)
15
+ - Bump @telus-uds/components-base to v1.78.1
16
+ - Bump @telus-uds/system-theme-tokens to v2.52.1
17
+
7
18
  ## 2.31.3
8
19
 
9
- Fri, 23 Feb 2024 19:32:18 GMT
20
+ Fri, 23 Feb 2024 19:39:17 GMT
10
21
 
11
22
  ### Patches
12
23
 
package/lib/Card/Card.js CHANGED
@@ -85,7 +85,7 @@ const Card = /*#__PURE__*/(0, _react.forwardRef)(function () {
85
85
  const hasFooter = Boolean(footer);
86
86
  const fullBleedBorderRadius = (0, _FullBleedContent.getFullBleedBorderRadius)(borderRadius, fullBleedContentPosition, hasFooter);
87
87
  const columnFlex = {
88
- flexGrow: 0,
88
+ flexGrow: interactiveCard !== null && interactiveCard !== void 0 && interactiveCard.body ? 0 : 1,
89
89
  flexShrink: 1,
90
90
  justifyContent: 'space-between'
91
91
  };
@@ -87,6 +87,7 @@ const ExpandCollapse = /*#__PURE__*/(0, _react.forwardRef)((_ref4, ref) => {
87
87
  expandContentPaddingTop,
88
88
  contentBorderColor,
89
89
  contentMarginBottom,
90
+ headerBackgroundColor,
90
91
  expandTitlePaddingLeft,
91
92
  expandTitleBorder,
92
93
  expandTitleBorderColor,
@@ -137,6 +138,7 @@ const ExpandCollapse = /*#__PURE__*/(0, _react.forwardRef)((_ref4, ref) => {
137
138
  contentPaddingLeft: expandContentPaddingLeft,
138
139
  contentPaddingRight: expandContentPaddingRight,
139
140
  contentPaddingTop: expandContentPaddingTop,
141
+ contentPanelBackgroundColor: headerBackgroundColor,
140
142
  borderColor: contentBorderColor,
141
143
  marginBottom: contentMarginBottom
142
144
  },
@@ -77,7 +77,7 @@ const Card = /*#__PURE__*/forwardRef(function () {
77
77
  const hasFooter = Boolean(footer);
78
78
  const fullBleedBorderRadius = getFullBleedBorderRadius(borderRadius, fullBleedContentPosition, hasFooter);
79
79
  const columnFlex = {
80
- flexGrow: 0,
80
+ flexGrow: interactiveCard !== null && interactiveCard !== void 0 && interactiveCard.body ? 0 : 1,
81
81
  flexShrink: 1,
82
82
  justifyContent: 'space-between'
83
83
  };
@@ -79,6 +79,7 @@ const ExpandCollapse = /*#__PURE__*/forwardRef((_ref4, ref) => {
79
79
  expandContentPaddingTop,
80
80
  contentBorderColor,
81
81
  contentMarginBottom,
82
+ headerBackgroundColor,
82
83
  expandTitlePaddingLeft,
83
84
  expandTitleBorder,
84
85
  expandTitleBorderColor,
@@ -129,6 +130,7 @@ const ExpandCollapse = /*#__PURE__*/forwardRef((_ref4, ref) => {
129
130
  contentPaddingLeft: expandContentPaddingLeft,
130
131
  contentPaddingRight: expandContentPaddingRight,
131
132
  contentPaddingTop: expandContentPaddingTop,
133
+ contentPanelBackgroundColor: headerBackgroundColor,
132
134
  borderColor: contentBorderColor,
133
135
  marginBottom: contentMarginBottom
134
136
  },
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  ],
6
6
  "dependencies": {
7
7
  "@gorhom/portal": "^1.0.14",
8
- "@telus-uds/components-base": "1.78.0",
8
+ "@telus-uds/components-base": "1.78.1",
9
9
  "@telus-uds/system-constants": "^1.3.0",
10
10
  "fscreen": "^1.2.0",
11
11
  "lodash.omit": "^4.5.0",
@@ -13,7 +13,7 @@
13
13
  "react-dates": "^21.8.0",
14
14
  "react-helmet-async": "^1.3.0",
15
15
  "react-moment-proptypes": "^1.8.1",
16
- "@telus-uds/system-theme-tokens": "^2.52.0",
16
+ "@telus-uds/system-theme-tokens": "^2.52.1",
17
17
  "prop-types": "^15.7.2",
18
18
  "lodash.throttle": "^4.1.1",
19
19
  "react-youtube": "^10.1.0",
@@ -83,5 +83,5 @@
83
83
  "skip": true
84
84
  },
85
85
  "types": "types/index.d.ts",
86
- "version": "2.31.3"
86
+ "version": "2.31.4"
87
87
  }
package/src/Card/Card.jsx CHANGED
@@ -94,7 +94,7 @@ const Card = forwardRef(
94
94
  )
95
95
 
96
96
  const columnFlex = {
97
- flexGrow: 0,
97
+ flexGrow: interactiveCard?.body ? 0 : 1,
98
98
  flexShrink: 1,
99
99
  justifyContent: 'space-between'
100
100
  }
@@ -60,6 +60,7 @@ const ExpandCollapse = forwardRef(
60
60
  expandContentPaddingTop,
61
61
  contentBorderColor,
62
62
  contentMarginBottom,
63
+ headerBackgroundColor,
63
64
  expandTitlePaddingLeft,
64
65
  expandTitleBorder,
65
66
  expandTitleBorderColor,
@@ -106,6 +107,7 @@ const ExpandCollapse = forwardRef(
106
107
  contentPaddingLeft: expandContentPaddingLeft,
107
108
  contentPaddingRight: expandContentPaddingRight,
108
109
  contentPaddingTop: expandContentPaddingTop,
110
+ contentPanelBackgroundColor: headerBackgroundColor,
109
111
  borderColor: contentBorderColor,
110
112
  marginBottom: contentMarginBottom
111
113
  }}