npm - @telus-uds/components-base - Versions diffs - 1.65.0 → 1.67.0 - Mend

@telus-uds/components-base 1.65.0 → 1.67.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 (487) hide show

package/CHANGELOG.md +22 -2
package/lib/A11yInfoProvider/index.js +5 -20
package/lib/A11yText/index.js +3 -17
package/lib/ActivityIndicator/Spinner.js +2 -9
package/lib/ActivityIndicator/Spinner.native.js +4 -27
package/lib/ActivityIndicator/index.js +1 -13
package/lib/ActivityIndicator/shared.js +0 -3
package/lib/Autocomplete/Autocomplete.js +34 -85
package/lib/Autocomplete/Loading.js +0 -10
package/lib/Autocomplete/Suggestions.js +0 -11
package/lib/Autocomplete/index.js +0 -3
package/lib/BaseProvider/HydrationContext.js +4 -18
package/lib/BaseProvider/index.js +0 -12
package/lib/Box/Box.js +10 -35
package/lib/Box/index.js +0 -3
package/lib/Button/Button.js +4 -13
package/lib/Button/ButtonBase.js +23 -55
package/lib/Button/ButtonDropdown.js +7 -32
package/lib/Button/ButtonGroup.js +15 -48
package/lib/Button/ButtonLink.js +3 -17
package/lib/Button/index.js +0 -5
package/lib/Button/propTypes.js +0 -15
package/lib/Card/Card.js +3 -14
package/lib/Card/CardBase.js +5 -16
package/lib/Card/PressableCardBase.js +7 -30
package/lib/Card/index.js +0 -7
package/lib/Carousel/Carousel.js +22 -115
package/lib/Carousel/CarouselContext.js +0 -14
package/lib/Carousel/CarouselFirstFocus/CarouselFirstFocus.js +6 -18
package/lib/Carousel/CarouselItem/CarouselItem.js +5 -20
package/lib/Carousel/CarouselItem/index.js +0 -3
package/lib/Carousel/CarouselStepTracker/CarouselStepTracker.js +0 -9
package/lib/Carousel/CarouselStepTracker/index.js +0 -3
package/lib/Carousel/CarouselTabs/CarouselTabs.js +5 -15
package/lib/Carousel/CarouselTabs/CarouselTabsPanel.js +7 -16
package/lib/Carousel/CarouselTabs/CarouselTabsPanelItem.js +2 -22
package/lib/Carousel/CarouselTabs/index.js +0 -3
package/lib/Carousel/CarouselThumbnail.js +1 -16
package/lib/Carousel/CarouselThumbnailNavigation.js +0 -15
package/lib/Carousel/index.js +0 -5
package/lib/Checkbox/Checkbox.js +5 -44
package/lib/Checkbox/CheckboxButton.js +7 -33
package/lib/Checkbox/CheckboxGroup.js +5 -37
package/lib/Checkbox/CheckboxInput.js +1 -11
package/lib/Checkbox/CheckboxInput.native.js +0 -2
package/lib/Checkbox/index.js +0 -4
package/lib/CheckboxCard/CheckboxCard.js +4 -37
package/lib/CheckboxCard/index.js +0 -3
package/lib/CheckboxCardGroup/CheckboxCardGroup.js +215 -0
package/lib/CheckboxCardGroup/index.js +10 -0
package/lib/Divider/Divider.js +13 -24
package/lib/Divider/index.js +0 -3
package/lib/ExpandCollapse/Accordion.js +1 -9
package/lib/ExpandCollapse/Control.js +10 -32
package/lib/ExpandCollapse/ExpandCollapse.js +3 -19
package/lib/ExpandCollapse/Panel.js +13 -38
package/lib/ExpandCollapse/index.js +0 -5
package/lib/Feedback/Feedback.js +13 -30
package/lib/Feedback/index.js +0 -3
package/lib/Fieldset/Fieldset.js +6 -37
package/lib/Fieldset/FieldsetContainer.js +1 -10
package/lib/Fieldset/FieldsetContainer.native.js +0 -8
package/lib/Fieldset/Legend.js +1 -10
package/lib/Fieldset/Legend.native.js +1 -13
package/lib/Fieldset/index.js +0 -3
package/lib/FlexGrid/Col/Col.js +10 -53
package/lib/FlexGrid/Col/index.js +0 -3
package/lib/FlexGrid/FlexGrid.js +3 -34
package/lib/FlexGrid/Row/Row.js +0 -38
package/lib/FlexGrid/Row/index.js +0 -3
package/lib/FlexGrid/helpers/index.js +0 -4
package/lib/FlexGrid/index.js +0 -3
package/lib/FlexGrid/providers/GutterContext.js +0 -4
package/lib/HorizontalScroll/HorizontalScroll.js +17 -45
package/lib/HorizontalScroll/HorizontalScrollButton.js +1 -17
package/lib/HorizontalScroll/ScrollViewEnd.js +5 -13
package/lib/HorizontalScroll/ScrollViewEnd.native.js +1 -10
package/lib/HorizontalScroll/index.js +0 -7
package/lib/HorizontalScroll/itemPositions.js +8 -19
package/lib/Icon/Icon.js +4 -17
package/lib/Icon/IconText.js +5 -25
package/lib/Icon/index.js +0 -6
package/lib/IconButton/IconButton.js +5 -37
package/lib/IconButton/index.js +0 -3
package/lib/InputLabel/InputLabel.js +4 -28
package/lib/InputLabel/LabelContent.js +2 -8
package/lib/InputLabel/LabelContent.native.js +0 -8
package/lib/InputLabel/index.js +0 -3
package/lib/InputSupports/InputSupports.js +0 -21
package/lib/InputSupports/index.js +0 -3
package/lib/InputSupports/useInputSupports.js +2 -6
package/lib/Link/ChevronLink.js +7 -18
package/lib/Link/InlinePressable.js +0 -10
package/lib/Link/InlinePressable.native.js +5 -18
package/lib/Link/Link.js +0 -8
package/lib/Link/LinkBase.js +17 -47
package/lib/Link/TextButton.js +3 -16
package/lib/Link/index.js +0 -5
package/lib/List/List.js +5 -21
package/lib/List/ListItem.js +1 -11
package/lib/List/ListItemBase.js +5 -34
package/lib/List/ListItemContent.js +1 -14
package/lib/List/ListItemMark.js +3 -23
package/lib/List/PressableListItemBase.js +2 -28
package/lib/List/index.js +0 -4
package/lib/Listbox/GroupControl.js +0 -14
package/lib/Listbox/Listbox.js +15 -40
package/lib/Listbox/ListboxContext.js +0 -7
package/lib/Listbox/ListboxGroup.js +7 -19
package/lib/Listbox/ListboxItem.js +3 -17
package/lib/Listbox/ListboxOverlay.js +4 -20
package/lib/Listbox/PressableItem.js +3 -18
package/lib/Listbox/index.js +0 -3
package/lib/Modal/Modal.js +94 -45
package/lib/Modal/ModalContent.js +184 -0
package/lib/Modal/index.js +0 -3
package/lib/MultiSelectFilter/ModalOverlay.js +1 -20
package/lib/MultiSelectFilter/MultiSelectFilter.js +20 -69
package/lib/MultiSelectFilter/index.js +0 -3
package/lib/Notification/Notification.js +11 -38
package/lib/Notification/index.js +0 -3
package/lib/Pagination/PageButton.js +2 -22
package/lib/Pagination/Pagination.js +21 -42
package/lib/Pagination/SideButton.js +0 -24
package/lib/Pagination/index.js +0 -3
package/lib/Pagination/usePagination.js +4 -9
package/lib/Progress/Progress.js +3 -17
package/lib/Progress/ProgressBar.js +3 -25
package/lib/Progress/ProgressBarBackground.js +0 -12
package/lib/Progress/index.js +0 -4
package/lib/QuickLinks/QuickLinks.js +1 -18
package/lib/QuickLinks/QuickLinksCard.js +1 -11
package/lib/QuickLinks/QuickLinksItem.js +3 -17
package/lib/QuickLinks/index.js +0 -4
package/lib/QuickLinksFeature/QuickLinksFeature.js +3 -20
package/lib/QuickLinksFeature/QuickLinksFeatureItem.js +7 -30
package/lib/QuickLinksFeature/index.js +0 -4
package/lib/Radio/Radio.js +5 -39
package/lib/Radio/RadioButton.js +7 -26
package/lib/Radio/RadioGroup.js +6 -39
package/lib/Radio/RadioInput.js +1 -11
package/lib/Radio/RadioInput.native.js +0 -2
package/lib/Radio/index.js +0 -4
package/lib/RadioCard/RadioCard.js +5 -38
package/lib/RadioCard/RadioCardGroup.js +7 -38
package/lib/RadioCard/index.js +0 -4
package/lib/Responsive/Responsive.js +1 -14
package/lib/Responsive/index.js +0 -3
package/lib/Search/Search.js +22 -45
package/lib/Search/index.js +0 -3
package/lib/Select/Group.js +0 -8
package/lib/Select/Group.native.js +0 -6
package/lib/Select/Item.js +0 -7
package/lib/Select/Item.native.js +0 -2
package/lib/Select/Picker.js +0 -8
package/lib/Select/Picker.native.js +6 -22
package/lib/Select/Select.js +9 -52
package/lib/Select/index.js +0 -5
package/lib/SideNav/Item.js +5 -29
package/lib/SideNav/ItemContent.js +1 -14
package/lib/SideNav/ItemsGroup.js +9 -31
package/lib/SideNav/SideNav.js +9 -33
package/lib/SideNav/index.js +0 -2
package/lib/Skeleton/Skeleton.js +10 -42
package/lib/Skeleton/index.js +0 -3
package/lib/Skeleton/skeletonWebAnimation.js +0 -2
package/lib/Skeleton/useSkeletonNativeAnimation.js +1 -9
package/lib/SkipLink/SkipLink.js +7 -27
package/lib/SkipLink/index.js +0 -3
package/lib/Spacer/Spacer.js +4 -20
package/lib/Spacer/index.js +0 -3
package/lib/StackView/StackView.js +3 -21
package/lib/StackView/StackWrap.js +11 -21
package/lib/StackView/StackWrap.native.js +0 -3
package/lib/StackView/StackWrapBox.js +5 -21
package/lib/StackView/StackWrapGap.js +1 -14
package/lib/StackView/common.js +0 -6
package/lib/StackView/getStackedContent.js +10 -21
package/lib/StackView/index.js +0 -5
package/lib/StepTracker/Step.js +3 -27
package/lib/StepTracker/StepTracker.js +5 -32
package/lib/StepTracker/index.js +0 -3
package/lib/Tabs/Tabs.js +7 -30
package/lib/Tabs/TabsItem.js +13 -38
package/lib/Tabs/index.js +0 -3
package/lib/Tags/Tags.js +9 -42
package/lib/Tags/index.js +0 -3
package/lib/TextInput/TextArea.js +11 -20
package/lib/TextInput/TextInput.js +7 -16
package/lib/TextInput/TextInputBase.js +106 -69
package/lib/TextInput/index.js +0 -3
package/lib/TextInput/propTypes.js +4 -7
package/lib/ThemeProvider/ThemeProvider.js +10 -18
package/lib/ThemeProvider/index.js +0 -9
package/lib/ThemeProvider/useSetTheme.js +6 -9
package/lib/ThemeProvider/useTheme.js +2 -7
package/lib/ThemeProvider/useThemeTokens.js +1 -9
package/lib/ThemeProvider/utils/index.js +0 -4
package/lib/ThemeProvider/utils/styles.js +14 -35
package/lib/ThemeProvider/utils/theme-tokens.js +15 -43
package/lib/Timeline/Timeline.js +11 -27
package/lib/Timeline/index.js +0 -3
package/lib/ToggleSwitch/ToggleSwitch.js +12 -43
package/lib/ToggleSwitch/ToggleSwitchGroup.js +4 -38
package/lib/ToggleSwitch/index.js +0 -3
package/lib/Tooltip/Backdrop.js +4 -11
package/lib/Tooltip/Backdrop.native.js +1 -14
package/lib/Tooltip/Tooltip.js +9 -37
package/lib/Tooltip/Tooltip.native.js +14 -45
package/lib/Tooltip/getTooltipPosition.js +26 -31
package/lib/Tooltip/index.js +0 -5
package/lib/Tooltip/shared.js +0 -10
package/lib/TooltipButton/TooltipButton.js +5 -20
package/lib/TooltipButton/index.js +0 -3
package/lib/Typography/Typography.js +15 -38
package/lib/Typography/index.js +0 -3
package/lib/Validator/Validator.js +10 -58
package/lib/Validator/index.js +0 -3
package/lib/ViewportProvider/ViewportProvider.js +1 -13
package/lib/ViewportProvider/index.js +0 -5
package/lib/ViewportProvider/useViewport.js +0 -4
package/lib/ViewportProvider/useViewportListener.js +3 -12
package/lib/index.js +8 -71
package/lib/utils/BaseView/BaseView.js +3 -17
package/lib/utils/BaseView/BaseView.native.js +0 -3
package/lib/utils/BaseView/index.js +0 -3
package/lib/utils/a11y/index.js +0 -4
package/lib/utils/a11y/semantics.js +14 -32
package/lib/utils/a11y/textSize.js +1 -8
package/lib/utils/animation/index.js +0 -2
package/lib/utils/animation/useVerticalExpandAnimation.js +5 -18
package/lib/utils/children.js +16 -28
package/lib/utils/containUniqueFields.js +2 -5
package/lib/utils/floating-ui/index.js +0 -1
package/lib/utils/floating-ui/index.native.js +0 -1
package/lib/utils/hasOwnProperty.js +0 -1
package/lib/utils/htmlAttrs.js +2 -4
package/lib/utils/index.js +0 -31
package/lib/utils/info/index.js +0 -4
package/lib/utils/info/platform/index.js +0 -4
package/lib/utils/info/versions.js +0 -3
package/lib/utils/input.js +12 -24
package/lib/utils/pressability.js +7 -21
package/lib/utils/props/a11yProps.js +19 -25
package/lib/utils/props/clickProps.js +0 -4
package/lib/utils/props/componentPropType.js +0 -14
package/lib/utils/props/copyPropTypes.js +0 -4
package/lib/utils/props/getPropSelector.js +11 -12
package/lib/utils/props/handlerProps.js +2 -23
package/lib/utils/props/hrefAttrsProp.js +0 -4
package/lib/utils/props/index.js +0 -22
package/lib/utils/props/inputSupportsProps.js +0 -9
package/lib/utils/props/linkProps.js +2 -12
package/lib/utils/props/paddingProp.js +0 -3
package/lib/utils/props/pressProps.js +2 -8
package/lib/utils/props/rectProp.js +0 -3
package/lib/utils/props/responsiveProps.js +1 -5
package/lib/utils/props/selectSystemProps.js +4 -6
package/lib/utils/props/spacingProps.js +3 -10
package/lib/utils/props/textInputProps.js +11 -31
package/lib/utils/props/textProps.js +6 -11
package/lib/utils/props/tokens.js +7 -26
package/lib/utils/props/variantProp.js +0 -3
package/lib/utils/props/viewProps.js +0 -5
package/lib/utils/ssr.js +13 -33
package/lib/utils/useCopy.js +3 -6
package/lib/utils/useHash.js +5 -10
package/lib/utils/useHash.native.js +0 -2
package/lib/utils/useOverlaidPosition.js +6 -29
package/lib/utils/useResponsiveProp.js +6 -13
package/lib/utils/useSafeLayoutEffect.js +5 -10
package/lib/utils/useScrollBlocking.js +3 -11
package/lib/utils/useScrollBlocking.native.js +0 -2
package/lib/utils/useSpacingScale.js +5 -8
package/lib/utils/useUniqueId.js +0 -4
package/lib/utils/withLinkRouter.js +13 -18
package/lib-module/A11yInfoProvider/index.js +5 -9
package/lib-module/A11yText/index.js +3 -4
package/lib-module/ActivityIndicator/Spinner.js +2 -2
package/lib-module/ActivityIndicator/Spinner.native.js +4 -6
package/lib-module/ActivityIndicator/index.js +1 -5
package/lib-module/ActivityIndicator/shared.js +2 -1
package/lib-module/Autocomplete/Autocomplete.js +34 -59
package/lib-module/Autocomplete/Loading.js +0 -2
package/lib-module/BaseProvider/HydrationContext.js +4 -7
package/lib-module/BaseProvider/index.js +0 -3
package/lib-module/Box/Box.js +10 -24
package/lib-module/Button/Button.js +4 -2
package/lib-module/Button/ButtonBase.js +23 -35
package/lib-module/Button/ButtonDropdown.js +7 -16
package/lib-module/Button/ButtonGroup.js +15 -32
package/lib-module/Button/ButtonLink.js +3 -2
package/lib-module/Button/propTypes.js +0 -7
package/lib-module/Card/Card.js +3 -2
package/lib-module/Card/CardBase.js +5 -4
package/lib-module/Card/PressableCardBase.js +7 -11
package/lib-module/Carousel/Carousel.js +22 -60
package/lib-module/Carousel/CarouselContext.js +0 -5
package/lib-module/Carousel/CarouselFirstFocus/CarouselFirstFocus.js +7 -5
package/lib-module/Carousel/CarouselItem/CarouselItem.js +5 -11
package/lib-module/Carousel/CarouselStepTracker/CarouselStepTracker.js +0 -2
package/lib-module/Carousel/CarouselTabs/CarouselTabs.js +3 -4
package/lib-module/Carousel/CarouselTabs/CarouselTabsPanel.js +7 -6
package/lib-module/Carousel/CarouselTabs/CarouselTabsPanelItem.js +2 -10
package/lib-module/Carousel/CarouselThumbnail.js +1 -7
package/lib-module/Carousel/CarouselThumbnailNavigation.js +0 -2
package/lib-module/Checkbox/Checkbox.js +5 -23
package/lib-module/Checkbox/CheckboxButton.js +7 -17
package/lib-module/Checkbox/CheckboxGroup.js +5 -23
package/lib-module/Checkbox/CheckboxInput.js +1 -3
package/lib-module/Checkbox/CheckboxInput.native.js +0 -1
package/lib-module/CheckboxCard/CheckboxCard.js +4 -21
package/lib-module/CheckboxCardGroup/CheckboxCardGroup.js +205 -0
package/lib-module/CheckboxCardGroup/index.js +2 -0
package/lib-module/Divider/Divider.js +13 -11
package/lib-module/ExpandCollapse/Accordion.js +1 -1
package/lib-module/ExpandCollapse/Control.js +10 -17
package/lib-module/ExpandCollapse/ExpandCollapse.js +3 -9
package/lib-module/ExpandCollapse/Panel.js +13 -23
package/lib-module/Feedback/Feedback.js +13 -16
package/lib-module/Fieldset/Fieldset.js +6 -25
package/lib-module/Fieldset/FieldsetContainer.js +1 -1
package/lib-module/Fieldset/FieldsetContainer.native.js +0 -1
package/lib-module/Fieldset/Legend.js +1 -1
package/lib-module/Fieldset/Legend.native.js +1 -1
package/lib-module/FlexGrid/Col/Col.js +10 -37
package/lib-module/FlexGrid/FlexGrid.js +3 -17
package/lib-module/FlexGrid/Row/Row.js +0 -25
package/lib-module/FlexGrid/helpers/index.js +0 -3
package/lib-module/HorizontalScroll/HorizontalScroll.js +17 -27
package/lib-module/HorizontalScroll/HorizontalScrollButton.js +1 -3
package/lib-module/HorizontalScroll/ScrollViewEnd.js +5 -4
package/lib-module/HorizontalScroll/ScrollViewEnd.native.js +0 -1
package/lib-module/HorizontalScroll/itemPositions.js +11 -10
package/lib-module/Icon/Icon.js +4 -8
package/lib-module/Icon/IconText.js +6 -17
package/lib-module/IconButton/IconButton.js +7 -20
package/lib-module/InputLabel/InputLabel.js +4 -13
package/lib-module/InputLabel/LabelContent.js +2 -1
package/lib-module/InputLabel/LabelContent.native.js +0 -1
package/lib-module/InputSupports/InputSupports.js +0 -9
package/lib-module/InputSupports/useInputSupports.js +2 -4
package/lib-module/Link/ChevronLink.js +7 -7
package/lib-module/Link/InlinePressable.js +0 -2
package/lib-module/Link/InlinePressable.native.js +4 -12
package/lib-module/Link/LinkBase.js +17 -25
package/lib-module/Link/TextButton.js +3 -5
package/lib-module/List/List.js +5 -9
package/lib-module/List/ListItem.js +1 -1
package/lib-module/List/ListItemBase.js +5 -17
package/lib-module/List/ListItemContent.js +1 -4
package/lib-module/List/ListItemMark.js +3 -16
package/lib-module/List/PressableListItemBase.js +2 -6
package/lib-module/Listbox/GroupControl.js +0 -2
package/lib-module/Listbox/Listbox.js +15 -23
package/lib-module/Listbox/ListboxContext.js +0 -2
package/lib-module/Listbox/ListboxGroup.js +6 -4
package/lib-module/Listbox/ListboxItem.js +2 -1
package/lib-module/Listbox/ListboxOverlay.js +3 -4
package/lib-module/Listbox/PressableItem.js +2 -7
package/lib-module/Modal/Modal.js +94 -25
package/lib-module/Modal/ModalContent.js +175 -0
package/lib-module/MultiSelectFilter/ModalOverlay.js +1 -4
package/lib-module/MultiSelectFilter/MultiSelectFilter.js +20 -42
package/lib-module/Notification/Notification.js +11 -22
package/lib-module/Pagination/PageButton.js +2 -6
package/lib-module/Pagination/Pagination.js +21 -21
package/lib-module/Pagination/SideButton.js +3 -8
package/lib-module/Pagination/usePagination.js +4 -8
package/lib-module/Progress/Progress.js +3 -7
package/lib-module/Progress/ProgressBar.js +3 -11
package/lib-module/Progress/ProgressBarBackground.js +0 -2
package/lib-module/QuickLinks/QuickLinks.js +1 -6
package/lib-module/QuickLinks/QuickLinksCard.js +1 -3
package/lib-module/QuickLinks/QuickLinksItem.js +3 -2
package/lib-module/QuickLinksFeature/QuickLinksFeature.js +5 -9
package/lib-module/QuickLinksFeature/QuickLinksFeatureItem.js +9 -13
package/lib-module/Radio/Radio.js +5 -22
package/lib-module/Radio/RadioButton.js +8 -10
package/lib-module/Radio/RadioGroup.js +6 -25
package/lib-module/Radio/RadioInput.js +1 -3
package/lib-module/Radio/RadioInput.native.js +0 -1
package/lib-module/RadioCard/RadioCard.js +5 -21
package/lib-module/RadioCard/RadioCardGroup.js +7 -25
package/lib-module/Responsive/Responsive.js +1 -6
package/lib-module/Search/Search.js +22 -31
package/lib-module/Select/Group.js +0 -3
package/lib-module/Select/Group.native.js +0 -3
package/lib-module/Select/Item.js +0 -3
package/lib-module/Select/Item.native.js +0 -1
package/lib-module/Select/Picker.native.js +8 -10
package/lib-module/Select/Select.js +10 -35
package/lib-module/SideNav/Item.js +5 -16
package/lib-module/SideNav/ItemContent.js +1 -2
package/lib-module/SideNav/ItemsGroup.js +9 -19
package/lib-module/SideNav/SideNav.js +9 -22
package/lib-module/Skeleton/Skeleton.js +10 -25
package/lib-module/Skeleton/skeletonWebAnimation.js +0 -1
package/lib-module/Skeleton/useSkeletonNativeAnimation.js +1 -3
package/lib-module/SkipLink/SkipLink.js +7 -9
package/lib-module/Spacer/Spacer.js +4 -7
package/lib-module/StackView/StackView.js +3 -7
package/lib-module/StackView/StackWrap.js +13 -13
package/lib-module/StackView/StackWrap.native.js +2 -1
package/lib-module/StackView/StackWrapBox.js +5 -8
package/lib-module/StackView/StackWrapGap.js +1 -1
package/lib-module/StackView/getStackedContent.js +10 -10
package/lib-module/StepTracker/Step.js +3 -14
package/lib-module/StepTracker/StepTracker.js +5 -13
package/lib-module/Tabs/Tabs.js +7 -16
package/lib-module/Tabs/TabsItem.js +13 -16
package/lib-module/Tags/Tags.js +9 -26
package/lib-module/TextInput/TextArea.js +11 -8
package/lib-module/TextInput/TextInput.js +7 -5
package/lib-module/TextInput/TextInputBase.js +107 -51
package/lib-module/TextInput/propTypes.js +7 -6
package/lib-module/ThemeProvider/ThemeProvider.js +10 -9
package/lib-module/ThemeProvider/useSetTheme.js +6 -7
package/lib-module/ThemeProvider/useTheme.js +2 -5
package/lib-module/ThemeProvider/useThemeTokens.js +1 -2
package/lib-module/ThemeProvider/utils/styles.js +15 -27
package/lib-module/ThemeProvider/utils/theme-tokens.js +15 -20
package/lib-module/Timeline/Timeline.js +11 -17
package/lib-module/ToggleSwitch/ToggleSwitch.js +13 -26
package/lib-module/ToggleSwitch/ToggleSwitchGroup.js +4 -23
package/lib-module/Tooltip/Backdrop.js +4 -7
package/lib-module/Tooltip/Backdrop.native.js +1 -4
package/lib-module/Tooltip/Tooltip.js +9 -18
package/lib-module/Tooltip/Tooltip.native.js +14 -23
package/lib-module/Tooltip/getTooltipPosition.js +26 -30
package/lib-module/Tooltip/shared.js +0 -6
package/lib-module/TooltipButton/TooltipButton.js +5 -8
package/lib-module/Typography/Typography.js +14 -22
package/lib-module/Validator/Validator.js +10 -42
package/lib-module/ViewportProvider/ViewportProvider.js +1 -3
package/lib-module/ViewportProvider/useViewportListener.js +6 -8
package/lib-module/index.js +1 -0
package/lib-module/utils/BaseView/BaseView.js +3 -4
package/lib-module/utils/BaseView/BaseView.native.js +0 -1
package/lib-module/utils/a11y/semantics.js +14 -27
package/lib-module/utils/a11y/textSize.js +1 -2
package/lib-module/utils/animation/useVerticalExpandAnimation.js +8 -11
package/lib-module/utils/children.js +17 -19
package/lib-module/utils/containUniqueFields.js +2 -4
package/lib-module/utils/htmlAttrs.js +2 -1
package/lib-module/utils/info/index.js +2 -1
package/lib-module/utils/info/platform/index.js +4 -1
package/lib-module/utils/info/versions.js +2 -1
package/lib-module/utils/input.js +11 -19
package/lib-module/utils/pressability.js +8 -7
package/lib-module/utils/props/a11yProps.js +22 -20
package/lib-module/utils/props/clickProps.js +0 -1
package/lib-module/utils/props/componentPropType.js +0 -13
package/lib-module/utils/props/getPropSelector.js +12 -8
package/lib-module/utils/props/handlerProps.js +2 -19
package/lib-module/utils/props/hrefAttrsProp.js +2 -2
package/lib-module/utils/props/inputSupportsProps.js +0 -6
package/lib-module/utils/props/linkProps.js +2 -3
package/lib-module/utils/props/pressProps.js +2 -2
package/lib-module/utils/props/responsiveProps.js +1 -3
package/lib-module/utils/props/selectSystemProps.js +4 -5
package/lib-module/utils/props/spacingProps.js +4 -3
package/lib-module/utils/props/textInputProps.js +14 -27
package/lib-module/utils/props/textProps.js +9 -7
package/lib-module/utils/props/tokens.js +10 -13
package/lib-module/utils/props/variantProp.js +1 -1
package/lib-module/utils/props/viewProps.js +0 -1
package/lib-module/utils/ssr.js +14 -18
package/lib-module/utils/useCopy.js +3 -5
package/lib-module/utils/useHash.js +5 -9
package/lib-module/utils/useHash.native.js +0 -1
package/lib-module/utils/useOverlaidPosition.js +6 -25
package/lib-module/utils/useResponsiveProp.js +6 -7
package/lib-module/utils/useSafeLayoutEffect.js +5 -7
package/lib-module/utils/useScrollBlocking.js +3 -10
package/lib-module/utils/useSpacingScale.js +4 -4
package/lib-module/utils/useUniqueId.js +0 -2
package/lib-module/utils/withLinkRouter.js +13 -10
package/package.json +2 -2
package/src/CheckboxCardGroup/CheckboxCardGroup.jsx +230 -0
package/src/CheckboxCardGroup/index.js +3 -0
package/src/Modal/Modal.jsx +98 -5
package/src/Modal/ModalContent.jsx +171 -0
package/src/TextInput/TextInputBase.jsx +67 -12
package/src/TextInput/propTypes.js +4 -0
package/src/index.js +1 -0
package/src/utils/props/textInputProps.js +1 -0

package/lib-module/utils/ssr.js CHANGED Viewed

@@ -1,9 +1,7 @@
 import React from 'react';
 import AppRegistry from "react-native-web/dist/exports/AppRegistry";
 /** @typedef {import('react').ComponentType} ReactComponent */
 /** @typedef {import('react').ReactElement} ReactElement */
 /**
  * Returns object with `renderApp` and `getStyles` functions.
  * Weave these into your app's server-side render process:
@@ -19,7 +17,6 @@ import AppRegistry from "react-native-web/dist/exports/AppRegistry";
  * @param {boolean} [options.styleGetters]
  * @param {(ReactElement) => ReactElement} [options.collectStyles]
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 export const ssrStyles = function () {
   let appName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'UDS app';
@@ -48,8 +45,8 @@ export const ssrStyles = function () {
         renderedByRNW = false,
         WrapperComponent
       } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-      AppRegistry.registerComponent(appName, () => App); // AppRegistry.getApplication renders the app in a container, and collects styles.
+      AppRegistry.registerComponent(appName, () => App);
+      // AppRegistry.getApplication renders the app in a container, and collects styles.
       const {
         element,
         getStyleElement
@@ -57,33 +54,32 @@ export const ssrStyles = function () {
         WrapperComponent,
         initialProps: props
       });
-      let renderedApp = // React Native Web's AppRegistry.getApplication assumes the app is rendered using
+      let renderedApp =
+      // React Native Web's AppRegistry.getApplication assumes the app is rendered using
       // AppRegistry.runApplication and wraps it in <AppContainer>, which wraps the entire app
       // in two outer containers resembling <View style={{ flex: 1 }} pointerEvents="box-none">.
       // So, use that IF user says AppRegistry.runApplication will do the client-side render.
-      renderedByRNW && element || // If the live app is not rendered using AppRegistry.runApplication, we need to
+      renderedByRNW && element ||
+      // If the live app is not rendered using AppRegistry.runApplication, we need to
       // re-render it without the <AppContainer> wrapper, to avoid SSR mismatch errors.
       // Default to this as many platforms (e.g. NextJS) will use their own renderers.
       WrapperComponent ? /*#__PURE__*/_jsx(WrapperComponent, {
-        children: /*#__PURE__*/_jsx(App, { ...props
+        children: /*#__PURE__*/_jsx(App, {
+          ...props
         })
-      }) : /*#__PURE__*/_jsx(App, { ...props
+      }) : /*#__PURE__*/_jsx(App, {
+        ...props
       });
       const getRNWStyle = () => getStyleElement({
         key: 'react-native-stylesheet'
       });
       styleGetters.push(getRNWStyle);
       if (typeof collectStyles === 'function') {
         renderedApp = collectStyles(renderedApp);
       }
       hasAppRendered = true;
       return renderedApp;
     },
     /**
      * Turns styles collected during renderApp into an array of React elements of
      * HTML <style> tags ready for insertion into the SSR HTML's <head>.
@@ -95,16 +91,15 @@ export const ssrStyles = function () {
      */
     getStyles: function () {
       if (!hasAppRendered) throw new Error('Called getStyles before renderApp in ssrStyles');
       for (var _len = arguments.length, existingStyles = new Array(_len), _key = 0; _key < _len; _key++) {
         existingStyles[_key] = arguments[_key];
       }
       return [...existingStyles, ...styleGetters.flatMap(getter => getter())];
     }
   };
 };
 export default ssrStyles;
 /**
  * @deprecated - use ssrStyles instead
  *
@@ -124,6 +119,7 @@ export const getReactNativeWebSSRStyles = function (AppRoot) {
   } = AppRegistry.getApplication(appName);
   return [getStyleElement()];
 };
 /**
  * @deprecated - use ssrStyles instead
  *
@@ -135,10 +131,10 @@ export const getReactNativeWebSSRStyles = function (AppRoot) {
  * @param {ReactElement[]} [existingStyles]
  * @returns {ReactElement[]}
  */
 export const getSSRStyles = function (AppRoot) {
   let appName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'app';
   let existingStyles = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  return [...existingStyles, ...getReactNativeWebSSRStyles(AppRoot, appName) // if any other CSS-in-JS is added e.g. styled-components generate and add its styles here
+  return [...existingStyles, ...getReactNativeWebSSRStyles(AppRoot, appName)
+  // if any other CSS-in-JS is added e.g. styled-components generate and add its styles here
   ];
 };

package/lib-module/utils/useCopy.js CHANGED Viewed

@@ -1,4 +1,5 @@
 export const DEFAULT_COPY = 'en';
 /**
  * Extract translations from a keyed dictionary for a given language.
  * Returns a getter.
@@ -26,19 +27,16 @@ export const DEFAULT_COPY = 'en';
  * @param {'en'|'fr'|object} copy - language
  * @return {function(string): string}
  */
 function useCopy(_ref) {
   let {
     dictionary,
     copy = DEFAULT_COPY
   } = _ref;
   if (typeof copy === 'string') {
     return key => key ? dictionary[copy][key] : dictionary[copy];
-  } // support overriding the entire copy dictionary with an object for a single language
+  }
+  // support overriding the entire copy dictionary with an object for a single language
   return key => copy[key];
 }
 export default useCopy;

package/lib-module/utils/useHash.js CHANGED Viewed

@@ -1,10 +1,9 @@
 import { useEffect, useState } from 'react';
 const doAction = (action, event) => {
   var _window, _window$location;
   return typeof action === 'function' && action((_window = window) === null || _window === void 0 ? void 0 : (_window$location = _window.location) === null || _window$location === void 0 ? void 0 : _window$location.hash, event);
 };
 /**
  * @typedef {import('react').SyntheticEvent} SyntheticEvent
  */
@@ -20,26 +19,23 @@ const doAction = (action, event) => {
  * @param {(hash: string, event?: SyntheticEvent) => void} action - a function to act on the current hash on load and when it changes
  * @returns
  */
 const useHash = function (action) {
   let isReady = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-  const [isDone, setIsDone] = useState(false); // Do the action just once when ready after component mount, from hash on page load
+  const [isDone, setIsDone] = useState(false);
+  // Do the action just once when ready after component mount, from hash on page load
   const isToDo = isReady && !isDone;
   useEffect(() => {
     if (isToDo) {
       setIsDone(true);
       doAction(action);
     }
-  }, [isToDo, action]); // Bind the action for each hash change; do re-bind if the function changes.
+  }, [isToDo, action]);
+  // Bind the action for each hash change; do re-bind if the function changes.
   useEffect(() => {
     const handleChange = event => doAction(action, event);
     window.addEventListener('hashchange', handleChange);
     return () => window.removeEventListener('hashchange', handleChange);
   }, [action]);
 };
 export default useHash;

package/lib-module/utils/useHash.native.js CHANGED Viewed

@@ -3,5 +3,4 @@
  * is handled at OS level and deep links have completely different usage.
  */
 const useHash = () => {};
 export default useHash;

package/lib-module/utils/useOverlaidPosition.js CHANGED Viewed

@@ -1,7 +1,6 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
 import Dimensions from "react-native-web/dist/exports/Dimensions";
 import Platform from "react-native-web/dist/exports/Platform";
 const adjustHorizontalToFit = (initialOffset, windowWidth, sourceWidth) => {
   const offset = Math.max(0, initialOffset);
   const otherEdgeOverflow = Math.max(0, offset + sourceWidth - windowWidth);
@@ -12,34 +11,29 @@ const adjustHorizontalToFit = (initialOffset, windowWidth, sourceWidth) => {
   if (tooWideBy) adjusted.width = Math.max(0, sourceWidth - tooWideBy);
   return adjusted;
 };
 const getPosition = _ref => {
   let {
     edge,
     fromEdge,
     sourceSize
   } = _ref;
   switch (edge) {
     case 'near':
       return fromEdge;
     case 'mid':
       return fromEdge + sourceSize / 2;
     case 'far':
       return fromEdge + sourceSize;
     default:
       return 0;
   }
 };
 const getEdgeType = (align, alignSide) => {
   const alignTo = align[alignSide];
   const edge = ['center', 'middle'].includes(alignTo) && 'mid' || (alignSide === alignTo ? 'near' : 'far');
   return edge;
 };
 /**
  * Based on UDS's private getTooltipPosition but generalised.
  *
@@ -50,8 +44,6 @@ const getEdgeType = (align, alignSide) => {
  * before it is shown, which makes it account for the width being limiting in styles, custom font
  * rendering, etc.
  */
 function getOverlaidPosition(_ref2) {
   let {
     sourceLayout,
@@ -66,8 +58,9 @@ function getOverlaidPosition(_ref2) {
   const {
     scrollX = 0,
     scrollY = 0
-  } = typeof window === 'object' ? window : {}; // Will have top, bottom, left and/or right offsets depending on `align`
+  } = typeof window === 'object' ? window : {};
+  // Will have top, bottom, left and/or right offsets depending on `align`
   const positioning = {};
   if (align.top) positioning.top = getPosition({
     edge: getEdgeType(align, 'top'),
@@ -99,20 +92,18 @@ function getOverlaidPosition(_ref2) {
     fromEdge: windowDimensions.width - (sourceLayout.x + scrollX + sourceLayout.width - (offsets.horizontal ?? 0)),
     sourceSize: sourceLayout.width
   });
   if (!(align.left && align.right)) {
     // Check if the position and/or width need adjusting to fit on the screen
     const side = align.right ? 'right' : 'left';
     const adjusted = adjustHorizontalToFit(positioning[side], windowDimensions.width, sourceLayout.width);
     if (typeof adjusted.width === 'number') positioning.width = adjusted.width;
     if (typeof adjusted.offset === 'number') {
       positioning[side] = adjusted.offset;
     }
   }
   return positioning;
 }
 /**
  * Positions an element in a modal or portal so that it appears tooltip-like below the
  * target element.
@@ -121,8 +112,6 @@ function getOverlaidPosition(_ref2) {
  * a small task because UDS's tooltip logic only really works for short text - it might be
  * better to use a third-party library).
  */
 const useOverlaidPosition = _ref3 => {
   let {
     isShown = false,
@@ -135,8 +124,9 @@ const useOverlaidPosition = _ref3 => {
   } = _ref3;
   // Element in main document flow that the targetRef element is positioned around
   const sourceRef = useRef(null);
-  const [sourceLayout, setSourceLayout] = useState(null); // Element in a modal or portal overlay positioned to appear adjacent to sourceRef
+  const [sourceLayout, setSourceLayout] = useState(null);
+  // Element in a modal or portal overlay positioned to appear adjacent to sourceRef
   const targetRef = useRef(null);
   const [targetDimensions, setTargetDimensions] = useState(null);
   const [windowDimensions, setWindowDimensions] = useState(null);
@@ -161,7 +151,6 @@ const useOverlaidPosition = _ref3 => {
           height
         };
       }
       return previousDimensions;
     });
   }, []);
@@ -169,7 +158,6 @@ const useOverlaidPosition = _ref3 => {
   useEffect(() => {
     const handleDimensionsChange = _ref5 => {
       var _sourceRef$current;
       let {
         window
       } = _ref5;
@@ -184,12 +172,9 @@ const useOverlaidPosition = _ref3 => {
         });
       });
     };
     let subscription;
     const unsubscribe = () => {
       var _subscription;
       if (typeof ((_subscription = subscription) === null || _subscription === void 0 ? void 0 : _subscription.remove) === 'function') {
         // React Native >=0.65.0
         subscription.remove();
@@ -197,11 +182,9 @@ const useOverlaidPosition = _ref3 => {
         // React Native <0.65.0
         Dimensions.remove('change', handleDimensionsChange);
       }
       setSourceLayout(null);
       setTargetDimensions(null);
     };
     if (readyToShow) {
       subscription = Dimensions.addEventListener('change', handleDimensionsChange);
       handleDimensionsChange({
@@ -210,7 +193,6 @@ const useOverlaidPosition = _ref3 => {
     } else {
       unsubscribe();
     }
     return unsubscribe;
   }, [readyToShow]);
   const isReady = Boolean(isShown && sourceLayout && windowDimensions && targetDimensions);
@@ -229,5 +211,4 @@ const useOverlaidPosition = _ref3 => {
     isReady
   };
 };
 export default useOverlaidPosition;

package/lib-module/utils/useResponsiveProp.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { viewports } from '@telus-uds/system-constants';
 import { useViewport } from '../ViewportProvider';
 import hasOwnProperty from './hasOwnProperty';
 const hasResponsiveProperties = objectProp => viewports.keys.some(key => hasOwnProperty(objectProp, key));
 /**
  * Resolves a prop which may be a responsive object with keys for viewports.
  *
@@ -13,16 +13,17 @@ const hasResponsiveProperties = objectProp => viewports.keys.some(key => hasOwnP
  * @param {*} [defaultValue]
  * @returns {*}
  */
 export const resolveResponsiveProp = (prop, viewport, defaultValue) => {
   if (prop === undefined) return defaultValue;
   if (!prop || typeof prop !== 'object' || !hasResponsiveProperties(prop)) return prop;
-  const value = viewports.keys.includes(viewport) ? // If there's a current viewport, return the closest match at or below it
-  viewports.inherit(prop)[viewport] : // If no current viewport is available, default to smallest viewport
+  const value = viewports.keys.includes(viewport) ?
+  // If there's a current viewport, return the closest match at or below it
+  viewports.inherit(prop)[viewport] :
+  // If no current viewport is available, default to smallest viewport
   prop[viewports.keys.find(key => hasOwnProperty(prop, key))];
   return value === undefined ? defaultValue : value;
 };
 /**
  * Takes any value and, if that value is a responsive prop (an object with one or more
  * keys matching system viewport names), returns the value corresponding to the largest
@@ -37,10 +38,8 @@ export const resolveResponsiveProp = (prop, viewport, defaultValue) => {
  * @param {*} [defaultValue] - default value to provide if no matches found for the current viewport
  * @returns {*}
  */
 const useResponsiveProp = (prop, defaultValue) => {
   const viewport = useViewport();
   return resolveResponsiveProp(prop, viewport, defaultValue);
 };
 export default useResponsiveProp;

package/lib-module/utils/useSafeLayoutEffect.js CHANGED Viewed

@@ -1,29 +1,27 @@
 import { useLayoutEffect, useCallback } from 'react';
 import { useHydrationContext } from '../BaseProvider/HydrationContext';
 const isSSR = typeof window === 'undefined';
 const noop = () => {};
 /**
  * useSafeLayoutEffect is a alternative to useLayoutEffect that avoids SSR hydration problems:
  *  - In a client-side render, it uses useLayoutEffect to avoid flashing the pre-render UI to the user.
  *  - During hydration from SSR, the provided function is skipped to avoid mismatches from server content.
  *  - In SSR, it is a no-op function to avoid warnings about using useLayoutEffect in SSR
  */
 const useSafeLayoutEffect = isSSR ? noop // avoid React's fussy warnings by ensuring to never call useLayoutEffect on server
 : function (fn) {
   let deps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  const isHydrating = useHydrationContext(); // Callback updates and effect re-runs when deps array content changes, like useEffect.
+  const isHydrating = useHydrationContext();
+  // Callback updates and effect re-runs when deps array content changes, like useEffect.
   /* eslint-disable-next-line react-hooks/exhaustive-deps */
   const callback = useCallback(fn, deps);
   useLayoutEffect(() => {
     // Do nothing before hydrating server-generated content, like useEffect. When hydration completes,
     // useHydrationContext provides false, re-rendering this hook and re-running the effect.
-    if (isHydrating) return noop; // If there's no hydration in progress, behave like useLayoutEffect.
+    if (isHydrating) return noop;
+    // If there's no hydration in progress, behave like useLayoutEffect.
     return callback();
   }, [isHydrating, callback]);
 };

package/lib-module/utils/useScrollBlocking.js CHANGED Viewed

@@ -1,22 +1,19 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
 const addScrollBlocking = (preventScrolling, stopPropagation, ref) => {
   var _ref$current;
   document.body.addEventListener('touchmove', preventScrolling, {
     passive: false
   });
   (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.addEventListener('touchmove', stopPropagation);
   document.body.style.overflow = 'hidden';
 };
 const removeScrollBlocking = (preventScrolling, stopPropagation, ref) => {
   var _ref$current2;
   document.body.removeEventListener('touchmove', preventScrolling);
   (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.removeEventListener('touchmove', stopPropagation);
   document.body.style.overflow = 'inherit';
 };
 /**
  * Disables scrolling when passed `true` or an array where all items are `true`.
  *
@@ -26,8 +23,6 @@ const removeScrollBlocking = (preventScrolling, stopPropagation, ref) => {
  * @param {boolean | boolean[]} conditionProps
  * @returns
  */
 const useScrollBlocking = conditionProps => {
   // useRef refs are null on first render and don't trigger a re-render when they get their
   // element. Force re-run when ref mounts to ensure the stopPropagation listener is attached.
@@ -42,17 +37,15 @@ const useScrollBlocking = conditionProps => {
   const stopPropagation = useCallback(event => event.stopPropagation(), []);
   useEffect(() => {
     const cleanup = () => removeScrollBlocking(preventScrolling, stopPropagation, ref);
     if (conditionsMet) {
       addScrollBlocking(preventScrolling, stopPropagation, ref);
     } else {
       cleanup();
     }
-    return cleanup; // preventScrolling and stopPropagation are stable callbacks with no deps, so this
+    return cleanup;
+    // preventScrolling and stopPropagation are stable callbacks with no deps, so this
     // will re-run when conditionsMet or refIsMounted flip between true and false.
   }, [preventScrolling, conditionsMet, stopPropagation, refIsMounted]);
   return callbackRef;
 };
 export default useScrollBlocking;

package/lib-module/utils/useSpacingScale.js CHANGED Viewed

@@ -16,7 +16,9 @@ const resolveSpacingOptions = space => {
     variant,
     subtract = 0
   } = space.options;
-  const overridden = typeof size === 'number'; // Might need an option that adapts the size value by current user's system font scale, so that
+  const overridden = typeof size === 'number';
+  // Might need an option that adapts the size value by current user's system font scale, so that
   // meaningful spacing between items doesn't disappear on the highest a11y font scale settings.
   // https://github.com/telus/universal-design-system/issues/583
@@ -29,6 +31,7 @@ const resolveSpacingOptions = space => {
     subtract
   };
 };
 /**
  * Pass a {@link SpacingValue}, which is one of:
  *
@@ -98,8 +101,6 @@ const resolveSpacingOptions = space => {
  * @param {SpacingValue} [spaceValue] - a {@link SpacingIndex} number, or a {@link SpacingObject}
  * @returns {number}
  */
 const useSpacingScale = spaceValue => {
   // In future, may need to consider window height as well as width, particularly for native apps,
   // e.g. to ensure designs don't look lost on large, tall, not-so-wide portrait screens.
@@ -119,5 +120,4 @@ const useSpacingScale = spaceValue => {
   });
   return Math.max(size - subtract, 0);
 };
 export default useSpacingScale;

package/lib-module/utils/useUniqueId.js CHANGED Viewed

@@ -1,6 +1,5 @@
 import { useState } from 'react';
 let id = 0;
 function useUniqueId() {
   let prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   const [uniqueId] = useState(() => {
@@ -9,5 +8,4 @@ function useUniqueId() {
   });
   return uniqueId;
 }
 export default useUniqueId;

package/lib-module/utils/withLinkRouter.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import hasOwnProperty from './hasOwnProperty';
 /**
  * Higher-order component that has no effect unless an additional prop `LinkRouter` is passed.
  * This may be used to provide custom wrappers for integrations with third party libraries.
@@ -29,9 +30,7 @@ import hasOwnProperty from './hasOwnProperty';
  * <IconButton icon={SomeIcon} LinkRouter={LinkLinkRouter} linkRouterProps={{ to, options }} ref={iconRef} />
  * ```
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 const withLinkRouter = Component => {
   const wrappedComponent = /*#__PURE__*/forwardRef((_ref, ref) => {
     let {
@@ -39,7 +38,8 @@ const withLinkRouter = Component => {
       linkRouterProps,
       ...props
     } = _ref;
-    if (!LinkRouter) return /*#__PURE__*/_jsx(Component, { ...props,
+    if (!LinkRouter) return /*#__PURE__*/_jsx(Component, {
+      ...props,
       ref: ref
     });
     return /*#__PURE__*/_jsx(LinkRouter, {
@@ -48,23 +48,27 @@ const withLinkRouter = Component => {
       ref: ref,
       ...props
     });
-  }); // Ensure the returned component has appropriate outer properties set:
+  });
+  // Ensure the returned component has appropriate outer properties set:
   /* eslint-disable-next-line react/forbid-foreign-prop-types */
   const {
     displayName,
     name,
     propTypes,
     ...otherProperties
-  } = Component; // Apply unique component name as a displayName
+  } = Component;
-  wrappedComponent.displayName = Component.displayName || Component.name; // Apply proptypes including wrapper props - is safely { ...undefined, ...undefined } in prod
+  // Apply unique component name as a displayName
+  wrappedComponent.displayName = Component.displayName || Component.name;
-  wrappedComponent.propTypes = { ...Component.propTypes,
+  // Apply proptypes including wrapper props - is safely { ...undefined, ...undefined } in prod
+  wrappedComponent.propTypes = {
+    ...Component.propTypes,
     ...withLinkRouter.propTypes
-  }; // Forward any other properties explicitly set e.g. Component.SubComponent
+  };
+  // Forward any other properties explicitly set e.g. Component.SubComponent
   Object.keys(otherProperties).forEach(key => {
     // Skip internal React properties from wrappedComponent's forwardRef (render, $$typeof, etc)
     if (hasOwnProperty(Component, key) && !hasOwnProperty(wrappedComponent, key)) {
@@ -73,7 +77,6 @@ const withLinkRouter = Component => {
   });
   return wrappedComponent;
 };
 withLinkRouter.propTypes = {
   LinkRouter: PropTypes.elementType,
   linkRouterProps: PropTypes.object

package/package.json CHANGED Viewed

@@ -11,7 +11,7 @@
     "@floating-ui/react-native": "^0.8.1",
     "@gorhom/portal": "^1.0.14",
     "@telus-uds/system-constants": "^1.3.0",
-    "@telus-uds/system-theme-tokens": "^2.42.0",
+    "@telus-uds/system-theme-tokens": "^2.44.0",
     "airbnb-prop-types": "^2.16.0",
     "lodash.debounce": "^4.0.8",
     "lodash.merge": "^4.6.2",
@@ -73,5 +73,5 @@
   "standard-engine": {
     "skip": true
   },
-  "version": "1.65.0"
+  "version": "1.67.0"
 }