@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.
Files changed (70) hide show
  1. package/CHANGELOG.md +22 -2
  2. package/component-docs.json +160 -46
  3. package/lib/A11yText/index.js +8 -0
  4. package/lib/Divider/Divider.js +4 -0
  5. package/lib/IconButton/IconButton.js +16 -0
  6. package/lib/Link/ChevronLink.js +4 -0
  7. package/lib/Link/LinkBase.js +1 -1
  8. package/lib/Modal/Modal.js +16 -0
  9. package/lib/MultiSelectFilter/ModalOverlay.js +24 -8
  10. package/lib/MultiSelectFilter/MultiSelectFilter.js +154 -21
  11. package/lib/Pagination/PageButton.js +12 -0
  12. package/lib/Pagination/Pagination.js +12 -0
  13. package/lib/QuickLinks/QuickLinks.js +12 -0
  14. package/lib/QuickLinksFeature/QuickLinksFeatureItem.js +62 -41
  15. package/lib/Responsive/Responsive.js +7 -0
  16. package/lib/Select/Group.js +4 -0
  17. package/lib/Select/Group.native.js +4 -0
  18. package/lib/Select/Item.js +4 -0
  19. package/lib/SideNav/ItemsGroup.js +4 -0
  20. package/lib/SideNav/SideNav.js +8 -0
  21. package/lib/StepTracker/Step.js +35 -14
  22. package/lib/StepTracker/StepTracker.js +21 -2
  23. package/lib/StepTracker/dictionary.js +24 -4
  24. package/lib/Tabs/Tabs.js +20 -0
  25. package/lib-module/A11yText/index.js +8 -0
  26. package/lib-module/Divider/Divider.js +4 -0
  27. package/lib-module/IconButton/IconButton.js +16 -0
  28. package/lib-module/Link/ChevronLink.js +4 -0
  29. package/lib-module/Link/LinkBase.js +1 -1
  30. package/lib-module/Modal/Modal.js +16 -0
  31. package/lib-module/MultiSelectFilter/ModalOverlay.js +25 -9
  32. package/lib-module/MultiSelectFilter/MultiSelectFilter.js +154 -23
  33. package/lib-module/Pagination/PageButton.js +12 -0
  34. package/lib-module/Pagination/Pagination.js +12 -0
  35. package/lib-module/QuickLinks/QuickLinks.js +12 -0
  36. package/lib-module/QuickLinksFeature/QuickLinksFeatureItem.js +64 -43
  37. package/lib-module/Responsive/Responsive.js +7 -0
  38. package/lib-module/Select/Group.js +4 -0
  39. package/lib-module/Select/Group.native.js +4 -0
  40. package/lib-module/Select/Item.js +4 -0
  41. package/lib-module/SideNav/ItemsGroup.js +4 -0
  42. package/lib-module/SideNav/SideNav.js +8 -0
  43. package/lib-module/StepTracker/Step.js +35 -14
  44. package/lib-module/StepTracker/StepTracker.js +21 -2
  45. package/lib-module/StepTracker/dictionary.js +24 -4
  46. package/lib-module/Tabs/Tabs.js +20 -0
  47. package/package.json +2 -2
  48. package/src/A11yText/index.jsx +6 -0
  49. package/src/Divider/Divider.jsx +3 -0
  50. package/src/IconButton/IconButton.jsx +12 -0
  51. package/src/Link/ChevronLink.jsx +3 -0
  52. package/src/Link/LinkBase.jsx +3 -1
  53. package/src/Modal/Modal.jsx +12 -0
  54. package/src/MultiSelectFilter/ModalOverlay.jsx +30 -6
  55. package/src/MultiSelectFilter/MultiSelectFilter.jsx +142 -20
  56. package/src/Pagination/PageButton.jsx +9 -0
  57. package/src/Pagination/Pagination.jsx +9 -0
  58. package/src/QuickLinks/QuickLinks.jsx +9 -0
  59. package/src/QuickLinksFeature/QuickLinksFeatureItem.jsx +42 -35
  60. package/src/Responsive/Responsive.jsx +6 -0
  61. package/src/Select/Group.jsx +3 -0
  62. package/src/Select/Group.native.jsx +3 -0
  63. package/src/Select/Item.jsx +3 -0
  64. package/src/SideNav/ItemsGroup.jsx +3 -0
  65. package/src/SideNav/SideNav.jsx +6 -0
  66. package/src/StepTracker/Step.jsx +34 -10
  67. package/src/StepTracker/StepTracker.jsx +23 -2
  68. package/src/StepTracker/dictionary.js +24 -4
  69. package/src/Tabs/Tabs.jsx +15 -0
  70. package/src/Typography/Typography.jsx +1 -0
@@ -1,10 +1,30 @@
1
1
  export default {
2
2
  en: {
3
- stepLabel: 'Step %{stepNumber}',
4
- stepTrackerLabel: 'Step %{stepNumber} of %{stepCount}: %{stepLabel}'
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
- stepLabel: 'Étape %{stepNumber}',
8
- stepTrackerLabel: 'Étape %{stepNumber} sur %{stepCount}: %{stepLabel}'
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}>