@telus-uds/components-web 2.31.3 → 2.31.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.
package/CHANGELOG.md CHANGED
@@ -1,12 +1,32 @@
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, 06 Mar 2024 00:02:37 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 2.31.5
8
+
9
+ Wed, 06 Mar 2024 00:02:37 GMT
10
+
11
+ ### Patches
12
+
13
+ - Bump @telus-uds/components-base to v1.79.0
14
+ - Bump @telus-uds/system-theme-tokens to v2.53.0
15
+
16
+ ## 2.31.4
17
+
18
+ Thu, 29 Feb 2024 00:05:08 GMT
19
+
20
+ ### Patches
21
+
22
+ - fix terms-and-conditions content background color (guillermo.peitzner@telus.com)
23
+ - `Card`: Custom content flex tokens not working as expected (shahzaibkhalidmalik@outlook.com)
24
+ - Bump @telus-uds/components-base to v1.78.1
25
+ - Bump @telus-uds/system-theme-tokens to v2.52.1
26
+
7
27
  ## 2.31.3
8
28
 
9
- Fri, 23 Feb 2024 19:32:18 GMT
29
+ Fri, 23 Feb 2024 19:39:17 GMT
10
30
 
11
31
  ### Patches
12
32
 
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.79.0",
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.53.0",
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.5"
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
  }}