@telus-uds/components-base 3.14.0 → 3.14.2

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.
Files changed (6) hide show
  1. package/CHANGELOG.md +5 -13
  2. package/lib/cjs/FlexGrid/FlexGrid.js +6 -3
  3. package/lib/esm/FlexGrid/FlexGrid.js +6 -3
  4. package/lib/package.json +1 -1
  5. package/package.json +1 -1
  6. package/src/FlexGrid/FlexGrid.jsx +6 -3
package/CHANGELOG.md CHANGED
@@ -1,25 +1,17 @@
1
1
  # Change Log - @telus-uds/components-base
2
2
 
3
- This log was last generated on Thu, 04 Sep 2025 06:46:41 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 05 Sep 2025 18:30:47 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## 3.14.0
7
+ ## 3.14.2
8
8
 
9
- Thu, 04 Sep 2025 06:46:41 GMT
10
-
11
- ### Minor changes
12
-
13
- - `ViewportProvider`: add default-viewport prop (guillermo.peitzner@telus.com)
14
- - `Card`: position and align props added (35577399+JoshHC@users.noreply.github.com)
15
- - `Tabs`: new dropdown feature added for xs and sm viewports (35577399+JoshHC@users.noreply.github.com)
16
- - Bump @telus-uds/system-theme-tokens to v4.13.0
9
+ Fri, 05 Sep 2025 18:30:47 GMT
17
10
 
18
11
  ### Patches
19
12
 
20
- - `Card`: fix media queries styles (guillermo.peitzner@telus.com)
21
- - `FlexGrid`: change limitWidth default prop value from true to false (guillermo.peitzner@telus.com)
22
- - `Icon - backgroundColor`: update icon documentation with new section (sergio.ramirez@telus.com)
13
+ - `FlexGrid`: fix maxWidth prop (guillermo.peitzner@telus.com)
14
+ - `FlexGrid`: change default limitWidth value prop to true (guillermo.peitzner@telus.com)
23
15
 
24
16
  ## 3.13.0
25
17
 
package/lib/cjs/FlexGrid/FlexGrid.js CHANGED
@@ -52,12 +52,15 @@ const resolveContentMaxWidth = (contentMinWidthValue, responsiveWidth) => {
52
52
  */
53
53
  const getMaxWidthForViewport = (viewportKey, limitWidth, contentMinWidth, maxWidth) => {
54
54
  if (limitWidth) {
55
- return _systemConstants.viewports.map.get(viewportKey === 'xs' ? 'sm' : viewportKey);
55
+ if (viewportKey === 'xs') {
56
+ return null;
57
+ }
58
+ return _systemConstants.viewports.map.get(viewportKey);
56
59
  }
57
60
  if (contentMinWidth) {
58
61
  return maxWidth;
59
62
  }
60
- return viewportKey === 'xl' ? _systemConstants.viewports.map.get('xl') : null;
63
+ return null;
61
64
  };
62
65
 
63
66
  /**
@@ -66,7 +69,7 @@ const getMaxWidthForViewport = (viewportKey, limitWidth, contentMinWidth, maxWid
66
69
 
67
70
  const FlexGrid = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
68
71
  let {
69
- limitWidth = false,
72
+ limitWidth = true,
70
73
  gutter = true,
71
74
  outsideGutter = true,
72
75
  xsReverse,
package/lib/esm/FlexGrid/FlexGrid.js CHANGED
@@ -45,12 +45,15 @@ const resolveContentMaxWidth = (contentMinWidthValue, responsiveWidth) => {
45
45
  */
46
46
  const getMaxWidthForViewport = (viewportKey, limitWidth, contentMinWidth, maxWidth) => {
47
47
  if (limitWidth) {
48
- return viewports.map.get(viewportKey === 'xs' ? 'sm' : viewportKey);
48
+ if (viewportKey === 'xs') {
49
+ return null;
50
+ }
51
+ return viewports.map.get(viewportKey);
49
52
  }
50
53
  if (contentMinWidth) {
51
54
  return maxWidth;
52
55
  }
53
- return viewportKey === 'xl' ? viewports.map.get('xl') : null;
56
+ return null;
54
57
  };
55
58
 
56
59
  /**
@@ -59,7 +62,7 @@ const getMaxWidthForViewport = (viewportKey, limitWidth, contentMinWidth, maxWid
59
62
 
60
63
  const FlexGrid = /*#__PURE__*/React.forwardRef((_ref, ref) => {
61
64
  let {
62
- limitWidth = false,
65
+ limitWidth = true,
63
66
  gutter = true,
64
67
  outsideGutter = true,
65
68
  xsReverse,
package/lib/package.json CHANGED
@@ -84,6 +84,6 @@
84
84
  "standard-engine": {
85
85
  "skip": true
86
86
  },
87
- "version": "3.14.0",
87
+ "version": "3.14.2",
88
88
  "types": "types/index.d.ts"
89
89
  }
package/package.json CHANGED
@@ -84,6 +84,6 @@
84
84
  "standard-engine": {
85
85
  "skip": true
86
86
  },
87
- "version": "3.14.0",
87
+ "version": "3.14.2",
88
88
  "types": "types/index.d.ts"
89
89
  }
package/src/FlexGrid/FlexGrid.jsx CHANGED
@@ -60,14 +60,17 @@ const resolveContentMaxWidth = (contentMinWidthValue, responsiveWidth) => {
60
60
  */
61
61
  const getMaxWidthForViewport = (viewportKey, limitWidth, contentMinWidth, maxWidth) => {
62
62
  if (limitWidth) {
63
- return viewports.map.get(viewportKey === 'xs' ? 'sm' : viewportKey)
63
+ if (viewportKey === 'xs') {
64
+ return null
65
+ }
66
+ return viewports.map.get(viewportKey)
64
67
  }
65
68
 
66
69
  if (contentMinWidth) {
67
70
  return maxWidth
68
71
  }
69
72
 
70
- return viewportKey === 'xl' ? viewports.map.get('xl') : null
73
+ return null
71
74
  }
72
75
 
73
76
  /**
@@ -77,7 +80,7 @@ const getMaxWidthForViewport = (viewportKey, limitWidth, contentMinWidth, maxWid
77
80
  const FlexGrid = React.forwardRef(
78
81
  (
79
82
  {
80
- limitWidth = false,
83
+ limitWidth = true,
81
84
  gutter = true,
82
85
  outsideGutter = true,
83
86
  xsReverse,