@telus-uds/components-web 4.6.0 → 4.7.0

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 (8) hide show
  1. package/CHANGELOG.md +26 -3
  2. package/lib/cjs/Card/Card.js +8 -1
  3. package/lib/cjs/Countdown/Segment.js +3 -0
  4. package/lib/esm/Card/Card.js +8 -1
  5. package/lib/esm/Countdown/Segment.js +3 -0
  6. package/package.json +3 -3
  7. package/src/Card/Card.jsx +3 -1
  8. package/src/Countdown/Segment.jsx +5 -1
package/CHANGELOG.md CHANGED
@@ -1,16 +1,39 @@
1
1
  # Change Log - @telus-uds/components-web
2
2
 
3
- This log was last generated on Fri, 23 May 2025 15:12:18 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 24 Jun 2025 18:53:53 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 4.7.0
8
+
9
+ Tue, 24 Jun 2025 18:53:53 GMT
10
+
11
+ ### Minor changes
12
+
13
+ - `NavigationBar`: snapshot updated (35577399+JoshHC@users.noreply.github.com)
14
+ - Bump @telus-uds/components-base to v3.10.0
15
+ - Bump @telus-uds/system-theme-tokens to v4.8.0
16
+
17
+ ### Patches
18
+
19
+ - `Card`: fix custom padding (guillermo.peitzner@telus.com)
20
+
21
+ ## 4.6.1
22
+
23
+ Tue, 10 Jun 2025 20:25:05 GMT
24
+
25
+ ### Patches
26
+
27
+ - Bump @telus-uds/components-base to v3.9.0
28
+ - Bump @telus-uds/system-theme-tokens to v4.7.0
29
+
7
30
  ## 4.6.0
8
31
 
9
- Fri, 23 May 2025 15:12:18 GMT
32
+ Fri, 23 May 2025 15:15:58 GMT
10
33
 
11
34
  ### Minor changes
12
35
 
13
- - `Spinner`: missing attributes added (35577399+JoshHC@users.noreply.github.com)
36
+ - `Spinner`: missing attributes added (35577399+JoshHC@users.noreply.github.com)
14
37
  - Bump @telus-uds/components-base to v3.8.0
15
38
  - Bump @telus-uds/system-theme-tokens to v4.6.0
16
39
 
package/lib/cjs/Card/Card.js CHANGED
@@ -130,13 +130,20 @@ const Card = /*#__PURE__*/_react.default.forwardRef(function () {
130
130
  flexShrink: 1,
131
131
  justifyContent: 'space-between'
132
132
  };
133
+ const {
134
+ paddingTop,
135
+ paddingBottom,
136
+ paddingLeft,
137
+ paddingRight,
138
+ ...cardBaseTokens
139
+ } = tokens;
133
140
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_componentsBase.Card, {
134
141
  ref: ref,
135
142
  variant: {
136
143
  ...variant,
137
144
  padding: 'custom'
138
145
  },
139
- tokens: tokens,
146
+ tokens: cardBaseTokens,
140
147
  backgroundImage: backgroundImage,
141
148
  onPress: onPress,
142
149
  ...(interactiveCard?.selectionType && {
package/lib/cjs/Countdown/Segment.js CHANGED
@@ -80,6 +80,9 @@ const Segment = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
80
80
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Typography, {
81
81
  tokens: numberTokens,
82
82
  media: mainTextMediaIds,
83
+ dataSet: {
84
+ chromatic: labelKey === 'second' ? 'ignore' : undefined
85
+ },
83
86
  children: pad(number, segmentWidth)
84
87
  }), label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Typography, {
85
88
  tokens: labelTokens,
package/lib/esm/Card/Card.js CHANGED
@@ -122,13 +122,20 @@ const Card = /*#__PURE__*/React.forwardRef(function () {
122
122
  flexShrink: 1,
123
123
  justifyContent: 'space-between'
124
124
  };
125
+ const {
126
+ paddingTop,
127
+ paddingBottom,
128
+ paddingLeft,
129
+ paddingRight,
130
+ ...cardBaseTokens
131
+ } = tokens;
125
132
  return /*#__PURE__*/_jsxs(CardBase, {
126
133
  ref: ref,
127
134
  variant: {
128
135
  ...variant,
129
136
  padding: 'custom'
130
137
  },
131
- tokens: tokens,
138
+ tokens: cardBaseTokens,
132
139
  backgroundImage: backgroundImage,
133
140
  onPress: onPress,
134
141
  ...(interactiveCard?.selectionType && {
package/lib/esm/Countdown/Segment.js CHANGED
@@ -73,6 +73,9 @@ const Segment = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
73
73
  children: [/*#__PURE__*/_jsx(Typography, {
74
74
  tokens: numberTokens,
75
75
  media: mainTextMediaIds,
76
+ dataSet: {
77
+ chromatic: labelKey === 'second' ? 'ignore' : undefined
78
+ },
76
79
  children: pad(number, segmentWidth)
77
80
  }), label && /*#__PURE__*/_jsx(Typography, {
78
81
  tokens: labelTokens,
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": "^3.8.0",
8
+ "@telus-uds/components-base": "^3.10.0",
9
9
  "@telus-uds/system-constants": "^3.0.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": "^4.6.0",
16
+ "@telus-uds/system-theme-tokens": "^4.8.0",
17
17
  "prop-types": "^15.7.2",
18
18
  "lodash.throttle": "^4.1.1",
19
19
  "react-youtube": "^10.1.0",
@@ -82,5 +82,5 @@
82
82
  "skip": true
83
83
  },
84
84
  "types": "types/index.d.ts",
85
- "version": "4.6.0"
85
+ "version": "4.7.0"
86
86
  }
package/src/Card/Card.jsx CHANGED
@@ -136,11 +136,13 @@ const Card = React.forwardRef(
136
136
  justifyContent: 'space-between'
137
137
  }
138
138
 
139
+ const { paddingTop, paddingBottom, paddingLeft, paddingRight, ...cardBaseTokens } = tokens
140
+
139
141
  return (
140
142
  <CardBase
141
143
  ref={ref}
142
144
  variant={{ ...variant, padding: 'custom' }}
143
- tokens={tokens}
145
+ tokens={cardBaseTokens}
144
146
  backgroundImage={backgroundImage}
145
147
  onPress={onPress}
146
148
  {...(interactiveCard?.selectionType && { interactiveCard })}
package/src/Countdown/Segment.jsx CHANGED
@@ -53,7 +53,11 @@ const Segment = React.forwardRef(
53
53
  space={large || feature ? 0 : 1}
54
54
  tokens={{ alignItems: 'center' }}
55
55
  >
56
- <Typography tokens={numberTokens} media={mainTextMediaIds}>
56
+ <Typography
57
+ tokens={numberTokens}
58
+ media={mainTextMediaIds}
59
+ dataSet={{ chromatic: labelKey === 'second' ? 'ignore' : undefined }}
60
+ >
57
61
  {pad(number, segmentWidth)}
58
62
  </Typography>
59
63
  {label && (