@telus-uds/components-base 3.0.0 → 3.2.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 (41) hide show
  1. package/CHANGELOG.md +38 -2
  2. package/lib/cjs/Carousel/Carousel.js +6 -7
  3. package/lib/cjs/ExpandCollapse/Panel.js +29 -7
  4. package/lib/cjs/Icon/Icon.js +5 -1
  5. package/lib/cjs/Link/LinkBase.js +1 -1
  6. package/lib/cjs/List/ListItemMark.js +6 -2
  7. package/lib/cjs/Modal/Modal.js +2 -4
  8. package/lib/cjs/Modal/ModalContent.js +1 -1
  9. package/lib/cjs/MultiSelectFilter/MultiSelectFilter.js +3 -1
  10. package/lib/cjs/Notification/Notification.js +15 -26
  11. package/lib/cjs/Tabs/TabsItem.js +6 -2
  12. package/lib/cjs/TextInput/TextInputBase.js +1 -30
  13. package/lib/cjs/Typography/Typography.js +1 -1
  14. package/lib/esm/Carousel/Carousel.js +6 -7
  15. package/lib/esm/ExpandCollapse/Panel.js +29 -7
  16. package/lib/esm/Icon/Icon.js +6 -2
  17. package/lib/esm/Link/LinkBase.js +1 -1
  18. package/lib/esm/List/ListItemMark.js +6 -2
  19. package/lib/esm/Modal/Modal.js +2 -4
  20. package/lib/esm/Modal/ModalContent.js +1 -1
  21. package/lib/esm/MultiSelectFilter/MultiSelectFilter.js +3 -1
  22. package/lib/esm/Notification/Notification.js +16 -27
  23. package/lib/esm/Tabs/TabsItem.js +6 -2
  24. package/lib/esm/TextInput/TextInputBase.js +1 -30
  25. package/lib/esm/Typography/Typography.js +1 -1
  26. package/lib/package.json +2 -2
  27. package/package.json +2 -2
  28. package/src/Carousel/Carousel.jsx +7 -7
  29. package/src/ExpandCollapse/Panel.jsx +44 -14
  30. package/src/Icon/Icon.jsx +4 -3
  31. package/src/Link/LinkBase.jsx +3 -1
  32. package/src/List/ListItemMark.jsx +9 -3
  33. package/src/Modal/Modal.jsx +2 -2
  34. package/src/Modal/ModalContent.jsx +1 -1
  35. package/src/MultiSelectFilter/MultiSelectFilter.jsx +3 -1
  36. package/src/Notification/Notification.jsx +14 -18
  37. package/src/Tabs/TabsItem.jsx +6 -2
  38. package/src/TextInput/TextInputBase.jsx +1 -30
  39. package/src/Typography/Typography.jsx +1 -1
  40. package/types/Listbox.d.ts +60 -0
  41. package/types/index.d.ts +3 -0
package/src/Typography/Typography.jsx CHANGED
@@ -74,7 +74,7 @@ const Typography = React.forwardRef(
74
74
  tag = typeof heading === 'string' ? heading : undefined,
75
75
  accessibilityRole = heading === true ? 'header' : undefined,
76
76
  block = false,
77
- align = undefined,
77
+ align = Platform.OS === 'web' ? 'inherit' : undefined,
78
78
  tokens,
79
79
  dataSet,
80
80
  strikeThrough = false,
package/types/Listbox.d.ts ADDED
@@ -0,0 +1,60 @@
1
+ type ListboxTokens = {
2
+ groupBorderRadius?: number | string
3
+ groupBorderWidth?: number | string
4
+ groupFontSize?: number
5
+ groupFontName?: string
6
+ groupFontWeight?: string
7
+ groupColor?: string
8
+ groupBorderColor?: string
9
+ groupBackgroundColor?: string
10
+ groupPaddingTop?: number
11
+ groupPaddingBottom?: number
12
+ groupPaddingLeft?: number
13
+ groupPaddingRight?: number
14
+ groupIcon?: string
15
+ itemDisplay?: boolean
16
+ itemFontName?: string
17
+ itemFontWeight?: string
18
+ itemFontSize?: number
19
+ itemPaddingTop?: number
20
+ itemPaddingBottom?: number
21
+ itemPaddingLeft?: number
22
+ itemPaddingRight?: number
23
+ itemColor?: string
24
+ itemBackgroundColor?: string
25
+ itemBorderLeftColor?: string
26
+ itemBorderLeftWidth?: number | string
27
+ itemBorderWidth?: number | string
28
+ itemTextDecoration?: string
29
+ itemOutline?: number | string
30
+ shadow?: string
31
+ itemBorderRightColor?: string
32
+ itemBorderBottomColor?: string
33
+ itemBorderTopColor?: string
34
+ itemBorderRightWidth?: number | string
35
+ itemBorderBottomWidth?: number | string
36
+ itemBorderTopWidth?: number | string
37
+ itemBorderRadius?: number | string
38
+ minWidth?: number
39
+ minHeight?: number
40
+ itemHeight?: number
41
+ groupHeight?: number
42
+ lineHeight?: number
43
+ }
44
+
45
+ type ListboxItems = {
46
+ label: string
47
+ href: string
48
+ tokens?: ListboxTokens
49
+ }
50
+
51
+ export interface ListboxProps {
52
+ items: ListboxItems[]
53
+ firstItemRef?: object
54
+ parentRef?: object
55
+ LinkRouter?: React.ElementType
56
+ linkRouterProps?: object
57
+ tokens?: ListboxTokens
58
+ selectedId?: string
59
+ onClose?: () => void
60
+ }
package/types/index.d.ts CHANGED
@@ -75,4 +75,7 @@ export { TypographyProps, TypographyVariants, TypographyTokens } from './Typogra
75
75
  export { default as Portal } from './Portal'
76
76
  export { PortalProps } from './Portal'
77
77
 
78
+ export { default as Listbox } from './Listbox'
79
+ export { ListboxProps, ListboxTokens } from './Listbox'
80
+
78
81
  export * from './Common'