@telus-uds/components-base 1.50.0 → 1.51.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.
- package/CHANGELOG.md +22 -2
- package/component-docs.json +160 -46
- package/lib/A11yText/index.js +8 -0
- package/lib/Divider/Divider.js +4 -0
- package/lib/IconButton/IconButton.js +16 -0
- package/lib/Link/ChevronLink.js +4 -0
- package/lib/Link/LinkBase.js +1 -1
- package/lib/Modal/Modal.js +16 -0
- package/lib/MultiSelectFilter/ModalOverlay.js +24 -8
- package/lib/MultiSelectFilter/MultiSelectFilter.js +154 -21
- package/lib/Pagination/PageButton.js +12 -0
- package/lib/Pagination/Pagination.js +12 -0
- package/lib/QuickLinks/QuickLinks.js +12 -0
- package/lib/QuickLinksFeature/QuickLinksFeatureItem.js +62 -41
- package/lib/Responsive/Responsive.js +7 -0
- package/lib/Select/Group.js +4 -0
- package/lib/Select/Group.native.js +4 -0
- package/lib/Select/Item.js +4 -0
- package/lib/SideNav/ItemsGroup.js +4 -0
- package/lib/SideNav/SideNav.js +8 -0
- package/lib/StepTracker/Step.js +35 -14
- package/lib/StepTracker/StepTracker.js +21 -2
- package/lib/StepTracker/dictionary.js +24 -4
- package/lib/Tabs/Tabs.js +20 -0
- package/lib-module/A11yText/index.js +8 -0
- package/lib-module/Divider/Divider.js +4 -0
- package/lib-module/IconButton/IconButton.js +16 -0
- package/lib-module/Link/ChevronLink.js +4 -0
- package/lib-module/Link/LinkBase.js +1 -1
- package/lib-module/Modal/Modal.js +16 -0
- package/lib-module/MultiSelectFilter/ModalOverlay.js +25 -9
- package/lib-module/MultiSelectFilter/MultiSelectFilter.js +154 -23
- package/lib-module/Pagination/PageButton.js +12 -0
- package/lib-module/Pagination/Pagination.js +12 -0
- package/lib-module/QuickLinks/QuickLinks.js +12 -0
- package/lib-module/QuickLinksFeature/QuickLinksFeatureItem.js +64 -43
- package/lib-module/Responsive/Responsive.js +7 -0
- package/lib-module/Select/Group.js +4 -0
- package/lib-module/Select/Group.native.js +4 -0
- package/lib-module/Select/Item.js +4 -0
- package/lib-module/SideNav/ItemsGroup.js +4 -0
- package/lib-module/SideNav/SideNav.js +8 -0
- package/lib-module/StepTracker/Step.js +35 -14
- package/lib-module/StepTracker/StepTracker.js +21 -2
- package/lib-module/StepTracker/dictionary.js +24 -4
- package/lib-module/Tabs/Tabs.js +20 -0
- package/package.json +2 -2
- package/src/A11yText/index.jsx +6 -0
- package/src/Divider/Divider.jsx +3 -0
- package/src/IconButton/IconButton.jsx +12 -0
- package/src/Link/ChevronLink.jsx +3 -0
- package/src/Link/LinkBase.jsx +3 -1
- package/src/Modal/Modal.jsx +12 -0
- package/src/MultiSelectFilter/ModalOverlay.jsx +30 -6
- package/src/MultiSelectFilter/MultiSelectFilter.jsx +142 -20
- package/src/Pagination/PageButton.jsx +9 -0
- package/src/Pagination/Pagination.jsx +9 -0
- package/src/QuickLinks/QuickLinks.jsx +9 -0
- package/src/QuickLinksFeature/QuickLinksFeatureItem.jsx +42 -35
- package/src/Responsive/Responsive.jsx +6 -0
- package/src/Select/Group.jsx +3 -0
- package/src/Select/Group.native.jsx +3 -0
- package/src/Select/Item.jsx +3 -0
- package/src/SideNav/ItemsGroup.jsx +3 -0
- package/src/SideNav/SideNav.jsx +6 -0
- package/src/StepTracker/Step.jsx +34 -10
- package/src/StepTracker/StepTracker.jsx +23 -2
- package/src/StepTracker/dictionary.js +24 -4
- package/src/Tabs/Tabs.jsx +15 -0
- package/src/Typography/Typography.jsx +1 -0
|
@@ -1,10 +1,30 @@
|
|
|
1
1
|
export default {
|
|
2
2
|
en: {
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
1: {
|
|
4
|
+
stepLabel: 'Step %{stepNumber}',
|
|
5
|
+
stepTrackerLabel: 'Step %{stepNumber} of %{stepCount}: %{stepLabel}'
|
|
6
|
+
},
|
|
7
|
+
2: {
|
|
8
|
+
stepLabel: '%{stepNumber}.',
|
|
9
|
+
stepTrackerLabel: 'Step %{stepNumber} of %{stepCount}: %{stepLabel}'
|
|
10
|
+
},
|
|
11
|
+
3: {
|
|
12
|
+
stepLabel: 'Step %{stepNumber}',
|
|
13
|
+
stepTrackerLabel: 'Step %{stepNumber} of %{stepCount}: %{stepLabel}'
|
|
14
|
+
}
|
|
5
15
|
},
|
|
6
16
|
fr: {
|
|
7
|
-
|
|
8
|
-
|
|
17
|
+
1: {
|
|
18
|
+
stepLabel: 'Étape %{stepNumber}',
|
|
19
|
+
stepTrackerLabel: 'Étape %{stepNumber} sur %{stepCount}: %{stepLabel}'
|
|
20
|
+
},
|
|
21
|
+
2: {
|
|
22
|
+
stepLabel: '%{stepNumber}.',
|
|
23
|
+
stepTrackerLabel: 'Étape %{stepNumber} sur %{stepCount}: %{stepLabel}'
|
|
24
|
+
},
|
|
25
|
+
3: {
|
|
26
|
+
stepLabel: 'Étape %{stepNumber}',
|
|
27
|
+
stepTrackerLabel: 'Étape %{stepNumber} sur %{stepCount}: %{stepLabel}'
|
|
28
|
+
}
|
|
9
29
|
}
|
|
10
30
|
}
|
package/src/Tabs/Tabs.jsx
CHANGED
|
@@ -154,6 +154,9 @@ Tabs.displayName = 'Tabs'
|
|
|
154
154
|
Tabs.propTypes = {
|
|
155
155
|
...selectedSystemPropTypes,
|
|
156
156
|
...withLinkRouter.PropTypes,
|
|
157
|
+
/**
|
|
158
|
+
* Array of `TabsItem`s
|
|
159
|
+
*/
|
|
157
160
|
items: PropTypes.arrayOf(
|
|
158
161
|
PropTypes.shape({
|
|
159
162
|
...selectedItemPropTypes,
|
|
@@ -164,11 +167,23 @@ Tabs.propTypes = {
|
|
|
164
167
|
ref: ABBPropTypes.ref()
|
|
165
168
|
})
|
|
166
169
|
),
|
|
170
|
+
/**
|
|
171
|
+
* `id` property of the current tab in the items array
|
|
172
|
+
*/
|
|
167
173
|
value: PropTypes.string,
|
|
168
174
|
initialValue: PropTypes.string,
|
|
175
|
+
/**
|
|
176
|
+
* Callback for when the selected tab changes
|
|
177
|
+
*/
|
|
169
178
|
onChange: PropTypes.func,
|
|
170
179
|
tokens: getTokensPropType('Tabs'),
|
|
180
|
+
/**
|
|
181
|
+
* Custom tokens for `TabsItem`
|
|
182
|
+
*/
|
|
171
183
|
itemTokens: getTokensPropType('TabsItem'),
|
|
184
|
+
/**
|
|
185
|
+
* Custom tokens for `HorizontalScrollButton`
|
|
186
|
+
*/
|
|
172
187
|
scrollButtonTokens: getTokensPropType('HorizontalScrollButton'),
|
|
173
188
|
variant: variantProp.propType
|
|
174
189
|
}
|
|
@@ -105,6 +105,7 @@ const Typography = forwardRef(
|
|
|
105
105
|
const textStyles = resolvedTextProps.style
|
|
106
106
|
? { ...resolvedTextProps.style, textDecorationLine }
|
|
107
107
|
: { textDecorationLine }
|
|
108
|
+
|
|
108
109
|
return block ? (
|
|
109
110
|
<View ref={ref} {...containerProps}>
|
|
110
111
|
<Text {...resolvedTextProps} style={textStyles}>
|