@telus-uds/components-base 1.67.0 → 1.67.1

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 (11) hide show
  1. package/CHANGELOG.md +12 -2
  2. package/lib/Checkbox/CheckboxGroup.js +9 -8
  3. package/lib/CheckboxCardGroup/CheckboxCardGroup.js +2 -1
  4. package/lib/RadioCard/RadioCardGroup.js +18 -2
  5. package/lib-module/Checkbox/CheckboxGroup.js +9 -8
  6. package/lib-module/CheckboxCardGroup/CheckboxCardGroup.js +2 -1
  7. package/lib-module/RadioCard/RadioCardGroup.js +18 -2
  8. package/package.json +2 -2
  9. package/src/Checkbox/CheckboxGroup.jsx +10 -8
  10. package/src/CheckboxCardGroup/CheckboxCardGroup.jsx +2 -1
  11. package/src/RadioCard/RadioCardGroup.jsx +23 -2
package/CHANGELOG.md CHANGED
@@ -1,12 +1,22 @@
1
1
  # Change Log - @telus-uds/components-base
2
2
 
3
- This log was last generated on Tue, 07 Nov 2023 16:20:19 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 10 Nov 2023 22:28:25 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 1.67.1
8
+
9
+ Fri, 10 Nov 2023 22:28:25 GMT
10
+
11
+ ### Patches
12
+
13
+ - Add new stories for quiet variant for Link component (email not defined)
14
+ - fixes for error border validation to checkboxgroup, checkboxcardgroup, radiogroup and radiocardgroup (email not defined)
15
+ - Bump @telus-uds/system-theme-tokens to v2.44.1
16
+
7
17
  ## 1.67.0
8
18
 
9
- Tue, 07 Nov 2023 16:20:19 GMT
19
+ Tue, 07 Nov 2023 16:32:21 GMT
10
20
 
11
21
  ### Minor changes
12
22
 
package/lib/Checkbox/CheckboxGroup.js CHANGED
@@ -101,6 +101,14 @@ const CheckboxGroup = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
101
101
  } = (0, _ThemeProvider.useThemeTokens)('CheckboxGroup', tokens, variant, {
102
102
  viewport
103
103
  });
104
+ const borderTokens = {
105
+ outlineWidth,
106
+ borderTopLeftRadius,
107
+ borderTopRightRadius,
108
+ borderBottomLeftRadius,
109
+ borderBottomRightRadius,
110
+ outlineOffset
111
+ };
104
112
  const {
105
113
  currentValues,
106
114
  toggleOneValue
@@ -152,14 +160,7 @@ const CheckboxGroup = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
152
160
  inactive: inactive,
153
161
  validation: validation,
154
162
  showErrorBorder: true,
155
- tokens: {
156
- outlineWidth,
157
- borderTopLeftRadius,
158
- borderTopRightRadius,
159
- borderBottomLeftRadius,
160
- borderBottomRightRadius,
161
- outlineOffset
162
- },
163
+ tokens: borderTokens,
163
164
  showIcon: showIcon,
164
165
  ...selectProps(rest),
165
166
  children: (0, _StackView.getStackedContent)(checkboxes, {
package/lib/CheckboxCardGroup/CheckboxCardGroup.js CHANGED
@@ -44,6 +44,7 @@ const CheckboxCardGroup = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
44
44
  space,
45
45
  fieldSpace,
46
46
  direction,
47
+ showIcon,
47
48
  outlineWidth,
48
49
  borderTopLeftRadius,
49
50
  borderTopRightRadius,
@@ -93,7 +94,7 @@ const CheckboxCardGroup = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
93
94
  validation: validation,
94
95
  tokens: borderTokens,
95
96
  showErrorBorder: true,
96
- showIcon: true,
97
+ showIcon: showIcon,
97
98
  accessibilityRole: "checkbox",
98
99
  ...selectProps(rest),
99
100
  children: checkboxCardProperties => /*#__PURE__*/(0, _jsxRuntime.jsx)(StackContainer, {
package/lib/RadioCard/RadioCardGroup.js CHANGED
@@ -94,10 +94,25 @@ const RadioCardGroup = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
94
94
  const {
95
95
  space,
96
96
  fieldSpace,
97
- direction
97
+ direction,
98
+ showIcon,
99
+ outlineWidth,
100
+ borderTopLeftRadius,
101
+ borderTopRightRadius,
102
+ borderBottomLeftRadius,
103
+ borderBottomRightRadius,
104
+ outlineOffset
98
105
  } = (0, _ThemeProvider.useThemeTokens)('RadioCardGroup', tokens, variant, {
99
106
  viewport
100
107
  });
108
+ const borderTokens = {
109
+ outlineWidth,
110
+ borderTopLeftRadius,
111
+ borderTopRightRadius,
112
+ borderBottomLeftRadius,
113
+ borderBottomRightRadius,
114
+ outlineOffset
115
+ };
101
116
  const {
102
117
  currentValue,
103
118
  setValue
@@ -129,7 +144,8 @@ const RadioCardGroup = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
129
144
  inactive: inactive || readOnly,
130
145
  validation: validation,
131
146
  showErrorBorder: true,
132
- showIcon: true,
147
+ tokens: borderTokens,
148
+ showIcon: showIcon,
133
149
  accessibilityRole: "radiogroup",
134
150
  ...selectProps(rest),
135
151
  children: props => /*#__PURE__*/(0, _jsxRuntime.jsx)(StackContainer, {
package/lib-module/Checkbox/CheckboxGroup.js CHANGED
@@ -92,6 +92,14 @@ const CheckboxGroup = /*#__PURE__*/forwardRef((_ref, ref) => {
92
92
  } = useThemeTokens('CheckboxGroup', tokens, variant, {
93
93
  viewport
94
94
  });
95
+ const borderTokens = {
96
+ outlineWidth,
97
+ borderTopLeftRadius,
98
+ borderTopRightRadius,
99
+ borderBottomLeftRadius,
100
+ borderBottomRightRadius,
101
+ outlineOffset
102
+ };
95
103
  const {
96
104
  currentValues,
97
105
  toggleOneValue
@@ -143,14 +151,7 @@ const CheckboxGroup = /*#__PURE__*/forwardRef((_ref, ref) => {
143
151
  inactive: inactive,
144
152
  validation: validation,
145
153
  showErrorBorder: true,
146
- tokens: {
147
- outlineWidth,
148
- borderTopLeftRadius,
149
- borderTopRightRadius,
150
- borderBottomLeftRadius,
151
- borderBottomRightRadius,
152
- outlineOffset
153
- },
154
+ tokens: borderTokens,
154
155
  showIcon: showIcon,
155
156
  ...selectProps(rest),
156
157
  children: getStackedContent(checkboxes, {
package/lib-module/CheckboxCardGroup/CheckboxCardGroup.js CHANGED
@@ -35,6 +35,7 @@ const CheckboxCardGroup = /*#__PURE__*/forwardRef((_ref, ref) => {
35
35
  space,
36
36
  fieldSpace,
37
37
  direction,
38
+ showIcon,
38
39
  outlineWidth,
39
40
  borderTopLeftRadius,
40
41
  borderTopRightRadius,
@@ -84,7 +85,7 @@ const CheckboxCardGroup = /*#__PURE__*/forwardRef((_ref, ref) => {
84
85
  validation: validation,
85
86
  tokens: borderTokens,
86
87
  showErrorBorder: true,
87
- showIcon: true,
88
+ showIcon: showIcon,
88
89
  accessibilityRole: "checkbox",
89
90
  ...selectProps(rest),
90
91
  children: checkboxCardProperties => /*#__PURE__*/_jsx(StackContainer, {
package/lib-module/RadioCard/RadioCardGroup.js CHANGED
@@ -85,10 +85,25 @@ const RadioCardGroup = /*#__PURE__*/forwardRef((_ref, ref) => {
85
85
  const {
86
86
  space,
87
87
  fieldSpace,
88
- direction
88
+ direction,
89
+ showIcon,
90
+ outlineWidth,
91
+ borderTopLeftRadius,
92
+ borderTopRightRadius,
93
+ borderBottomLeftRadius,
94
+ borderBottomRightRadius,
95
+ outlineOffset
89
96
  } = useThemeTokens('RadioCardGroup', tokens, variant, {
90
97
  viewport
91
98
  });
99
+ const borderTokens = {
100
+ outlineWidth,
101
+ borderTopLeftRadius,
102
+ borderTopRightRadius,
103
+ borderBottomLeftRadius,
104
+ borderBottomRightRadius,
105
+ outlineOffset
106
+ };
92
107
  const {
93
108
  currentValue,
94
109
  setValue
@@ -120,7 +135,8 @@ const RadioCardGroup = /*#__PURE__*/forwardRef((_ref, ref) => {
120
135
  inactive: inactive || readOnly,
121
136
  validation: validation,
122
137
  showErrorBorder: true,
123
- showIcon: true,
138
+ tokens: borderTokens,
139
+ showIcon: showIcon,
124
140
  accessibilityRole: "radiogroup",
125
141
  ...selectProps(rest),
126
142
  children: props => /*#__PURE__*/_jsx(StackContainer, {
package/package.json CHANGED
@@ -11,7 +11,7 @@
11
11
  "@floating-ui/react-native": "^0.8.1",
12
12
  "@gorhom/portal": "^1.0.14",
13
13
  "@telus-uds/system-constants": "^1.3.0",
14
- "@telus-uds/system-theme-tokens": "^2.44.0",
14
+ "@telus-uds/system-theme-tokens": "^2.44.1",
15
15
  "airbnb-prop-types": "^2.16.0",
16
16
  "lodash.debounce": "^4.0.8",
17
17
  "lodash.merge": "^4.6.2",
@@ -73,5 +73,5 @@
73
73
  "standard-engine": {
74
74
  "skip": true
75
75
  },
76
- "version": "1.67.0"
76
+ "version": "1.67.1"
77
77
  }
package/src/Checkbox/CheckboxGroup.jsx CHANGED
@@ -112,6 +112,15 @@ const CheckboxGroup = forwardRef(
112
112
  viewport
113
113
  })
114
114
 
115
+ const borderTokens = {
116
+ outlineWidth,
117
+ borderTopLeftRadius,
118
+ borderTopRightRadius,
119
+ borderBottomLeftRadius,
120
+ borderBottomRightRadius,
121
+ outlineOffset
122
+ }
123
+
115
124
  const { currentValues, toggleOneValue } = useMultipleInputValues({
116
125
  values: checkedIds,
117
126
  initialValues: initialCheckedIds,
@@ -163,14 +172,7 @@ const CheckboxGroup = forwardRef(
163
172
  inactive={inactive}
164
173
  validation={validation}
165
174
  showErrorBorder
166
- tokens={{
167
- outlineWidth,
168
- borderTopLeftRadius,
169
- borderTopRightRadius,
170
- borderBottomLeftRadius,
171
- borderBottomRightRadius,
172
- outlineOffset
173
- }}
175
+ tokens={borderTokens}
174
176
  showIcon={showIcon}
175
177
  {...selectProps(rest)}
176
178
  >
package/src/CheckboxCardGroup/CheckboxCardGroup.jsx CHANGED
@@ -53,6 +53,7 @@ const CheckboxCardGroup = forwardRef(
53
53
  space,
54
54
  fieldSpace,
55
55
  direction,
56
+ showIcon,
56
57
  outlineWidth,
57
58
  borderTopLeftRadius,
58
59
  borderTopRightRadius,
@@ -104,7 +105,7 @@ const CheckboxCardGroup = forwardRef(
104
105
  validation={validation}
105
106
  tokens={borderTokens}
106
107
  showErrorBorder
107
- showIcon
108
+ showIcon={showIcon}
108
109
  accessibilityRole="checkbox"
109
110
  {...selectProps(rest)}
110
111
  >
package/src/RadioCard/RadioCardGroup.jsx CHANGED
@@ -99,10 +99,30 @@ const RadioCardGroup = forwardRef(
99
99
  ref
100
100
  ) => {
101
101
  const viewport = useViewport()
102
- const { space, fieldSpace, direction } = useThemeTokens('RadioCardGroup', tokens, variant, {
102
+ const {
103
+ space,
104
+ fieldSpace,
105
+ direction,
106
+ showIcon,
107
+ outlineWidth,
108
+ borderTopLeftRadius,
109
+ borderTopRightRadius,
110
+ borderBottomLeftRadius,
111
+ borderBottomRightRadius,
112
+ outlineOffset
113
+ } = useThemeTokens('RadioCardGroup', tokens, variant, {
103
114
  viewport
104
115
  })
105
116
 
117
+ const borderTokens = {
118
+ outlineWidth,
119
+ borderTopLeftRadius,
120
+ borderTopRightRadius,
121
+ borderBottomLeftRadius,
122
+ borderBottomRightRadius,
123
+ outlineOffset
124
+ }
125
+
106
126
  const { currentValue, setValue } = useInputValue({
107
127
  value: checkedId,
108
128
  initialValue: initialCheckedId,
@@ -134,7 +154,8 @@ const RadioCardGroup = forwardRef(
134
154
  inactive={inactive || readOnly}
135
155
  validation={validation}
136
156
  showErrorBorder
137
- showIcon
157
+ tokens={borderTokens}
158
+ showIcon={showIcon}
138
159
  accessibilityRole="radiogroup"
139
160
  {...selectProps(rest)}
140
161
  >