@telus-uds/components-base 3.10.0 → 3.11.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 (6) hide show
  1. package/CHANGELOG.md +5 -4
  2. package/lib/cjs/Carousel/CarouselStepTracker/CarouselStepTracker.js +6 -2
  3. package/lib/esm/Carousel/CarouselStepTracker/CarouselStepTracker.js +6 -2
  4. package/lib/package.json +2 -2
  5. package/package.json +2 -2
  6. package/src/Carousel/CarouselStepTracker/CarouselStepTracker.jsx +10 -2
package/CHANGELOG.md CHANGED
@@ -1,17 +1,18 @@
1
1
  # Change Log - @telus-uds/components-base
2
2
 
3
- This log was last generated on Tue, 24 Jun 2025 18:53:53 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 26 Jun 2025 23:47:29 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## 3.10.0
7
+ ## 3.11.0
8
8
 
9
- Tue, 24 Jun 2025 18:53:53 GMT
9
+ Thu, 26 Jun 2025 23:47:29 GMT
10
10
 
11
11
  ### Minor changes
12
12
 
13
+ - `Carousel`: add dots style variant to progressBarVariant (guillermo.peitzner@telus.com)
13
14
  - `ButtonGroup`: equalWidth variant added (35577399+JoshHC@users.noreply.github.com)
14
- - Bump @telus-uds/system-theme-tokens to v4.8.0
15
+ - Bump @telus-uds/system-theme-tokens to v4.9.0
15
16
 
16
17
  ## 3.9.0
17
18
 
package/lib/cjs/Carousel/CarouselStepTracker/CarouselStepTracker.js CHANGED
@@ -44,7 +44,8 @@ const CarouselStepTracker = /*#__PURE__*/_react.default.forwardRef((_ref, ref) =
44
44
  containerPaddingTop: themeTokens.spaceBetweenSlideAndPanelNavigation
45
45
  };
46
46
  const steps = Array.from(Array(totalItems)).map((_, index) => String(index));
47
- if (enableDisplayMultipleItemsPerSlide) {
47
+ const showProgressBar = enableDisplayMultipleItemsPerSlide && progressBarVariant?.style !== 'dots';
48
+ if (showProgressBar) {
48
49
  if (totalItems === 1) {
49
50
  return null;
50
51
  }
@@ -71,6 +72,9 @@ const CarouselStepTracker = /*#__PURE__*/_react.default.forwardRef((_ref, ref) =
71
72
  })]
72
73
  });
73
74
  }
75
+ if (enableDisplayMultipleItemsPerSlide && totalItems === 1) {
76
+ return null;
77
+ }
74
78
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StackView.default, {
75
79
  direction: "row",
76
80
  tokens: stackViewTokens,
@@ -80,7 +84,7 @@ const CarouselStepTracker = /*#__PURE__*/_react.default.forwardRef((_ref, ref) =
80
84
  steps: steps,
81
85
  copy: {
82
86
  stepLabel: getCopyWithPlaceholders('stepLabel'),
83
- stepTrackerLabel: getCopyWithPlaceholders('stepTrackerLabel')
87
+ stepTrackerLabel: enableDisplayMultipleItemsPerSlide ? '' : getCopyWithPlaceholders('stepTrackerLabel')
84
88
  },
85
89
  tokens: stepTrackerTokens,
86
90
  variant: stepTrackerVariant
package/lib/esm/Carousel/CarouselStepTracker/CarouselStepTracker.js CHANGED
@@ -37,7 +37,8 @@ const CarouselStepTracker = /*#__PURE__*/React.forwardRef((_ref, ref) => {
37
37
  containerPaddingTop: themeTokens.spaceBetweenSlideAndPanelNavigation
38
38
  };
39
39
  const steps = Array.from(Array(totalItems)).map((_, index) => String(index));
40
- if (enableDisplayMultipleItemsPerSlide) {
40
+ const showProgressBar = enableDisplayMultipleItemsPerSlide && progressBarVariant?.style !== 'dots';
41
+ if (showProgressBar) {
41
42
  if (totalItems === 1) {
42
43
  return null;
43
44
  }
@@ -64,6 +65,9 @@ const CarouselStepTracker = /*#__PURE__*/React.forwardRef((_ref, ref) => {
64
65
  })]
65
66
  });
66
67
  }
68
+ if (enableDisplayMultipleItemsPerSlide && totalItems === 1) {
69
+ return null;
70
+ }
67
71
  return /*#__PURE__*/_jsx(StackView, {
68
72
  direction: "row",
69
73
  tokens: stackViewTokens,
@@ -73,7 +77,7 @@ const CarouselStepTracker = /*#__PURE__*/React.forwardRef((_ref, ref) => {
73
77
  steps: steps,
74
78
  copy: {
75
79
  stepLabel: getCopyWithPlaceholders('stepLabel'),
76
- stepTrackerLabel: getCopyWithPlaceholders('stepTrackerLabel')
80
+ stepTrackerLabel: enableDisplayMultipleItemsPerSlide ? '' : getCopyWithPlaceholders('stepTrackerLabel')
77
81
  },
78
82
  tokens: stepTrackerTokens,
79
83
  variant: stepTrackerVariant
package/lib/package.json CHANGED
@@ -12,7 +12,7 @@
12
12
  "@gorhom/portal": "^1.0.14",
13
13
  "@react-native-picker/picker": "^2.9.0",
14
14
  "@telus-uds/system-constants": "^3.0.0",
15
- "@telus-uds/system-theme-tokens": "^4.8.0",
15
+ "@telus-uds/system-theme-tokens": "^4.9.0",
16
16
  "airbnb-prop-types": "^2.16.0",
17
17
  "css-mediaquery": "^0.1.2",
18
18
  "expo-document-picker": "^13.0.1",
@@ -84,6 +84,6 @@
84
84
  "standard-engine": {
85
85
  "skip": true
86
86
  },
87
- "version": "3.10.0",
87
+ "version": "3.11.0",
88
88
  "types": "types/index.d.ts"
89
89
  }
package/package.json CHANGED
@@ -12,7 +12,7 @@
12
12
  "@gorhom/portal": "^1.0.14",
13
13
  "@react-native-picker/picker": "^2.9.0",
14
14
  "@telus-uds/system-constants": "^3.0.0",
15
- "@telus-uds/system-theme-tokens": "^4.8.0",
15
+ "@telus-uds/system-theme-tokens": "^4.9.0",
16
16
  "airbnb-prop-types": "^2.16.0",
17
17
  "css-mediaquery": "^0.1.2",
18
18
  "expo-document-picker": "^13.0.1",
@@ -84,6 +84,6 @@
84
84
  "standard-engine": {
85
85
  "skip": true
86
86
  },
87
- "version": "3.10.0",
87
+ "version": "3.11.0",
88
88
  "types": "types/index.d.ts"
89
89
  }
package/src/Carousel/CarouselStepTracker/CarouselStepTracker.jsx CHANGED
@@ -32,7 +32,10 @@ const CarouselStepTracker = React.forwardRef(
32
32
 
33
33
  const steps = Array.from(Array(totalItems)).map((_, index) => String(index))
34
34
 
35
- if (enableDisplayMultipleItemsPerSlide) {
35
+ const showProgressBar =
36
+ enableDisplayMultipleItemsPerSlide && progressBarVariant?.style !== 'dots'
37
+
38
+ if (showProgressBar) {
36
39
  if (totalItems === 1) {
37
40
  return null
38
41
  }
@@ -56,6 +59,9 @@ const CarouselStepTracker = React.forwardRef(
56
59
  </>
57
60
  )
58
61
  }
62
+ if (enableDisplayMultipleItemsPerSlide && totalItems === 1) {
63
+ return null
64
+ }
59
65
  return (
60
66
  <StackView direction="row" tokens={stackViewTokens} ref={ref}>
61
67
  <StepTracker
@@ -63,7 +69,9 @@ const CarouselStepTracker = React.forwardRef(
63
69
  steps={steps}
64
70
  copy={{
65
71
  stepLabel: getCopyWithPlaceholders('stepLabel'),
66
- stepTrackerLabel: getCopyWithPlaceholders('stepTrackerLabel')
72
+ stepTrackerLabel: enableDisplayMultipleItemsPerSlide
73
+ ? ''
74
+ : getCopyWithPlaceholders('stepTrackerLabel')
67
75
  }}
68
76
  tokens={stepTrackerTokens}
69
77
  variant={stepTrackerVariant}