@telus-uds/components-base 1.0.1 → 1.1.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 (74) hide show
  1. package/.storybook/main.js +4 -0
  2. package/.storybook/preview.js +37 -0
  3. package/.ultra.cache.json +1 -1
  4. package/CHANGELOG.md +12 -0
  5. package/README.md +1 -1
  6. package/babel.config.js +9 -16
  7. package/component-docs.json +10313 -0
  8. package/generate-component-docs.js +56 -0
  9. package/lib/List/List.js +1 -2
  10. package/lib/List/ListItem.js +14 -27
  11. package/lib/List/index.js +15 -0
  12. package/lib/Pagination/PageButton.js +1 -7
  13. package/lib/StackView/StackWrap.js +9 -5
  14. package/lib/index.js +15 -1
  15. package/lib/utils/a11y/propTypes.js +61 -0
  16. package/lib/utils/a11y/propTypes.native.js +47 -0
  17. package/lib/utils/propTypes.js +7 -89
  18. package/package.json +9 -5
  19. package/release-context.json +4 -4
  20. package/src/List/List.jsx +1 -3
  21. package/src/List/ListItem.jsx +11 -26
  22. package/src/List/index.js +5 -0
  23. package/src/Pagination/PageButton.jsx +2 -6
  24. package/src/StackView/StackWrap.jsx +7 -6
  25. package/src/index.js +1 -1
  26. package/src/utils/a11y/propTypes.js +61 -0
  27. package/src/utils/a11y/propTypes.native.js +39 -0
  28. package/src/utils/propTypes.js +1 -110
  29. package/stories/A11yText/A11yText.stories.jsx +1 -1
  30. package/stories/ActivityIndicator/ActivityIndicator.stories.jsx +1 -1
  31. package/stories/Box/Box.stories.jsx +1 -1
  32. package/stories/Button/Button.stories.jsx +1 -1
  33. package/stories/Button/ButtonGroup.stories.jsx +1 -1
  34. package/stories/Button/ButtonLink.stories.jsx +1 -1
  35. package/stories/Card/Card.stories.jsx +1 -1
  36. package/stories/Checkbox/Checkbox.stories.jsx +1 -1
  37. package/stories/Divider/Divider.stories.jsx +1 -1
  38. package/stories/ExpandCollapse/ExpandCollapse.stories.jsx +1 -1
  39. package/stories/Feedback/Feedback.stories.jsx +1 -1
  40. package/stories/FlexGrid/01 FlexGrid.stories.jsx +1 -1
  41. package/stories/FlexGrid/02 Row.stories.jsx +1 -1
  42. package/stories/FlexGrid/03 Col.stories.jsx +1 -1
  43. package/stories/Icon/Icon.stories.jsx +1 -1
  44. package/stories/IconButton/IconButton.stories.jsx +1 -1
  45. package/stories/InputLabel/InputLabel.stories.jsx +1 -1
  46. package/stories/Link/ChevronLink.stories.jsx +1 -1
  47. package/stories/Link/Link.stories.jsx +1 -1
  48. package/stories/Link/TextButton.stories.jsx +1 -1
  49. package/stories/List/List.stories.jsx +1 -1
  50. package/stories/Modal/Modal.stories.jsx +1 -1
  51. package/stories/Notification/Notification.stories.jsx +1 -1
  52. package/stories/Pagination/Pagination.stories.jsx +1 -1
  53. package/stories/Progress/Progress.stories.jsx +1 -1
  54. package/stories/Radio/Radio.stories.jsx +1 -1
  55. package/stories/RadioCard/RadioCard.stories.jsx +1 -1
  56. package/stories/Search/Search.stories.jsx +1 -1
  57. package/stories/Select/Select.stories.jsx +1 -1
  58. package/stories/SideNav/SideNav.stories.jsx +1 -1
  59. package/stories/SideNav/SideNavItem.stories.jsx +1 -1
  60. package/stories/SideNav/SideNavItemsGroup.stories.jsx +1 -1
  61. package/stories/Skeleton/Skeleton.stories.jsx +1 -1
  62. package/stories/Spacer/Spacer.stories.jsx +1 -1
  63. package/stories/StackView/StackView.stories.jsx +1 -1
  64. package/stories/StackView/StackWrap.stories.jsx +1 -1
  65. package/stories/StepTracker/StepTracker.stories.jsx +1 -1
  66. package/stories/Tabs/Tabs.stories.jsx +1 -1
  67. package/stories/Tags/Tags.stories.jsx +1 -1
  68. package/stories/TextInput/TextArea.stories.jsx +1 -1
  69. package/stories/TextInput/TextInput.stories.jsx +1 -1
  70. package/stories/ToggleSwitch/ToggleSwitch.stories.jsx +1 -1
  71. package/stories/Tooltip/Tooltip.stories.jsx +1 -1
  72. package/stories/TooltipButton/TooltipButton.stories.jsx +1 -1
  73. package/stories/Typography/Typography.stories.jsx +1 -1
  74. package/stories/supports.jsx +2 -3
@@ -5,7 +5,7 @@ import { StyleSheet, View } from 'react-native'
5
5
  import { StackWrap, Button } from '../../src'
6
6
 
7
7
  export default {
8
- title: 'Base/StackWrap',
8
+ title: 'StackWrap',
9
9
  component: StackWrap
10
10
  }
11
11
 
@@ -14,7 +14,7 @@ const steps = [
14
14
  const longTitle = 'Example of a really long step title that wraps'
15
15
 
16
16
  export default {
17
- title: 'Base/StepTracker',
17
+ title: 'StepTracker',
18
18
  component: StepTracker,
19
19
  args: {
20
20
  steps
@@ -5,7 +5,7 @@ import { Platform } from 'react-native'
5
5
  import { Link, StackView, Tabs, Typography } from '../../src'
6
6
 
7
7
  export default {
8
- title: 'Base/Tabs',
8
+ title: 'Tabs',
9
9
  component: Tabs
10
10
  }
11
11
 
@@ -22,7 +22,7 @@ const defaultControlledArgs = {
22
22
  }
23
23
 
24
24
  export default {
25
- title: 'Base/Tags',
25
+ title: 'Tags',
26
26
  component: Tags,
27
27
  args: {
28
28
  ...defaultArgs
@@ -4,7 +4,7 @@ import { TextArea } from '../../src'
4
4
  import { Container } from '../supports'
5
5
 
6
6
  export default {
7
- title: 'Base/TextArea',
7
+ title: 'TextArea',
8
8
  component: TextArea
9
9
  }
10
10
 
@@ -4,7 +4,7 @@ import { TextInput } from '../../src'
4
4
  import { Container } from '../supports'
5
5
 
6
6
  export default {
7
- title: 'Base/TextInput',
7
+ title: 'TextInput',
8
8
  component: TextInput
9
9
  }
10
10
 
@@ -8,7 +8,7 @@ export const Default = (args) => <ToggleSwitch {...args} />
8
8
  Default.storyName = 'ToggleSwitch'
9
9
 
10
10
  export default {
11
- title: 'Base/ToggleSwitch',
11
+ title: 'ToggleSwitch',
12
12
  component: ToggleSwitch
13
13
  }
14
14
 
@@ -7,7 +7,7 @@ import { Tooltip, Typography } from '../../src'
7
7
  import { Container } from '../supports'
8
8
 
9
9
  export default {
10
- title: 'Base/Tooltip',
10
+ title: 'Tooltip',
11
11
  component: Tooltip
12
12
  }
13
13
 
@@ -3,7 +3,7 @@ import React from 'react'
3
3
  import { TooltipButton } from '../../src'
4
4
 
5
5
  export default {
6
- title: 'Base/TooltipButton',
6
+ title: 'TooltipButton',
7
7
  component: TooltipButton
8
8
  }
9
9
 
@@ -10,7 +10,7 @@ Default.storyName = 'Typography'
10
10
  const defaultChildren = 'The quick brown fox jumps over the lazy dog'
11
11
 
12
12
  export default {
13
- title: 'Base/Typography',
13
+ title: 'Typography',
14
14
  component: Typography,
15
15
  args: {
16
16
  children: defaultChildren
@@ -3,12 +3,11 @@ import React from 'react'
3
3
  import PropTypes from 'prop-types'
4
4
  import { Platform, ScrollView, Text, View, StyleSheet } from 'react-native'
5
5
 
6
- // eslint-disable-next-line import/no-extraneous-dependencies
6
+ /* eslint-disable import/no-extraneous-dependencies */
7
7
  import * as alliumIcons from '@telus-uds/palette-allium/build/rn/icons'
8
- // eslint-disable-next-line import/no-extraneous-dependencies
9
8
  import * as koodoIcons from '@telus-uds/palette-koodo/build/rn/icons'
10
- // eslint-disable-next-line import/no-extraneous-dependencies
11
9
  import * as pmIcons from '@telus-uds/palette-public-mobile/build/rn/icons'
10
+ /* eslint-enable import/no-extraneous-dependencies */
12
11
 
13
12
  import { useTheme, getComponentTheme } from '../src/ThemeProvider'
14
13
  import { Typography } from '../src'