@telus-uds/theme-koodo 7.18.2 → 7.20.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.
- package/build/android/Button.json +4 -4
- package/build/android/Card.json +4 -0
- package/build/android/CheckboxCard.json +4 -0
- package/build/android/IconButton.json +28 -1
- package/build/android/Listbox.json +162 -136
- package/build/android/RadioCard.json +4 -0
- package/build/android/Shortcuts.json +44 -0
- package/build/android/ShortcutsItem.json +77 -0
- package/build/android/Table.json +4 -0
- package/build/android/schema.json +1601 -885
- package/build/android/spacingScale.json +1 -1
- package/build/android/theme.json +333 -143
- package/build/ios/Button.json +4 -4
- package/build/ios/Card.json +4 -0
- package/build/ios/CheckboxCard.json +4 -0
- package/build/ios/IconButton.json +28 -1
- package/build/ios/Listbox.json +162 -136
- package/build/ios/RadioCard.json +4 -0
- package/build/ios/Shortcuts.json +44 -0
- package/build/ios/ShortcutsItem.json +77 -0
- package/build/ios/Table.json +4 -0
- package/build/ios/schema.json +1601 -885
- package/build/ios/spacingScale.json +1 -1
- package/build/ios/theme.json +333 -143
- package/build/rn/ActionCard.js +1 -1
- package/build/rn/ActivityIndicator.js +1 -1
- package/build/rn/Autocomplete.js +1 -1
- package/build/rn/Badge.js +1 -1
- package/build/rn/BlockQuote.js +1 -1
- package/build/rn/Box.js +1 -1
- package/build/rn/Breadcrumbs.js +1 -1
- package/build/rn/Button.js +2 -2
- package/build/rn/ButtonDropdown.js +1 -1
- package/build/rn/ButtonGroup.js +1 -1
- package/build/rn/ButtonGroupItem.js +1 -1
- package/build/rn/Callout.js +1 -1
- package/build/rn/Card.js +5 -1
- package/build/rn/CardGroup.js +1 -1
- package/build/rn/Carousel.js +1 -1
- package/build/rn/CarouselTabsPanelItem.js +1 -1
- package/build/rn/CarouselThumbnail.js +1 -1
- package/build/rn/Checkbox.js +1 -1
- package/build/rn/CheckboxCard.js +5 -1
- package/build/rn/CheckboxCardGroup.js +1 -1
- package/build/rn/CheckboxGroup.js +1 -1
- package/build/rn/ChevronLink.js +1 -1
- package/build/rn/ColourToggle.js +1 -1
- package/build/rn/Countdown.js +1 -1
- package/build/rn/DatePicker.js +1 -1
- package/build/rn/Disclaimer.js +1 -1
- package/build/rn/Divider.js +1 -1
- package/build/rn/DownloadApp.js +1 -1
- package/build/rn/ExpandCollapse.js +1 -1
- package/build/rn/ExpandCollapseControl.js +1 -1
- package/build/rn/ExpandCollapseMini.js +1 -1
- package/build/rn/ExpandCollapseMiniControl.js +1 -1
- package/build/rn/ExpandCollapsePanel.js +1 -1
- package/build/rn/Feedback.js +1 -1
- package/build/rn/Fieldset.js +1 -1
- package/build/rn/FileUpload.js +1 -1
- package/build/rn/Footnote.js +1 -1
- package/build/rn/FootnoteLink.js +1 -1
- package/build/rn/HorizontalScrollButton.js +1 -1
- package/build/rn/Icon.js +1 -1
- package/build/rn/IconButton.js +12 -2
- package/build/rn/Image.js +1 -1
- package/build/rn/InputLabel.js +1 -1
- package/build/rn/InputSupports.js +1 -1
- package/build/rn/Link.js +1 -1
- package/build/rn/List.js +1 -1
- package/build/rn/Listbox.js +121 -113
- package/build/rn/Modal.js +1 -1
- package/build/rn/MultiSelectFilter.js +1 -1
- package/build/rn/NavigationBar.js +1 -1
- package/build/rn/Notification.js +1 -1
- package/build/rn/OrderedList.js +1 -1
- package/build/rn/Pagination.js +1 -1
- package/build/rn/PaginationPageButton.js +1 -1
- package/build/rn/PaginationSideButton.js +1 -1
- package/build/rn/PreviewCard.js +1 -1
- package/build/rn/PriceLockup.js +1 -1
- package/build/rn/ProductCard.js +1 -1
- package/build/rn/Progress.js +1 -1
- package/build/rn/ProgressBar.js +1 -1
- package/build/rn/QuantitySelector.js +1 -1
- package/build/rn/QuantitySelectorSideButton.js +1 -1
- package/build/rn/QuickLinks.js +1 -1
- package/build/rn/QuickLinksButton.js +1 -1
- package/build/rn/QuickLinksCard.js +1 -1
- package/build/rn/QuickLinksFeature.js +1 -1
- package/build/rn/QuickLinksFeatureItem.js +1 -1
- package/build/rn/QuickLinksList.js +1 -1
- package/build/rn/Radio.js +1 -1
- package/build/rn/RadioCard.js +5 -1
- package/build/rn/RadioCardGroup.js +1 -1
- package/build/rn/RadioGroup.js +1 -1
- package/build/rn/Ribbon.js +1 -1
- package/build/rn/Search.js +1 -1
- package/build/rn/SearchButton.js +1 -1
- package/build/rn/Select.js +1 -1
- package/build/rn/Shortcuts.js +33 -0
- package/build/rn/ShortcutsItem.js +68 -0
- package/build/rn/SideNav.js +1 -1
- package/build/rn/SideNavItem.js +1 -1
- package/build/rn/SideNavItemsGroup.js +1 -1
- package/build/rn/Skeleton.js +1 -1
- package/build/rn/SkipLink.js +1 -1
- package/build/rn/Spinner.js +1 -1
- package/build/rn/SplashButton.js +1 -1
- package/build/rn/SplashButtonWithDetails.js +1 -1
- package/build/rn/StackView.js +1 -1
- package/build/rn/Status.js +1 -1
- package/build/rn/StepTracker.js +1 -1
- package/build/rn/StoryCard.js +1 -1
- package/build/rn/TabBar.js +1 -1
- package/build/rn/TabBarItem.js +1 -1
- package/build/rn/Table.js +5 -1
- package/build/rn/Tabs.js +1 -1
- package/build/rn/TabsItem.js +1 -1
- package/build/rn/Tags.js +1 -1
- package/build/rn/TagsItem.js +1 -1
- package/build/rn/TermsAndConditions.js +1 -1
- package/build/rn/Testimonial.js +1 -1
- package/build/rn/TextArea.js +1 -1
- package/build/rn/TextInput.js +1 -1
- package/build/rn/Timeline.js +1 -1
- package/build/rn/Toast.js +1 -1
- package/build/rn/ToggleSwitch.js +1 -1
- package/build/rn/ToggleSwitchGroup.js +1 -1
- package/build/rn/Tooltip.js +1 -1
- package/build/rn/TooltipButton.js +1 -1
- package/build/rn/Typography.js +1 -1
- package/build/rn/Video.js +1 -1
- package/build/rn/VideoButton.js +1 -1
- package/build/rn/VideoControlBar.js +1 -1
- package/build/rn/VideoMenu.js +1 -1
- package/build/rn/VideoMiddleControlButton.js +1 -1
- package/build/rn/VideoPicker.js +1 -1
- package/build/rn/VideoPickerSlider.js +1 -1
- package/build/rn/VideoPickerThumbnail.js +1 -1
- package/build/rn/VideoProgressBar.js +1 -1
- package/build/rn/VideoVolumeSlider.js +1 -1
- package/build/rn/WaffleGrid.js +1 -1
- package/build/rn/schema.json +1601 -885
- package/build/rn/spacingScale.js +2 -2
- package/build/rn/theme.js +239 -118
- package/build/web/ActionCard.js +1 -1
- package/build/web/ActivityIndicator.js +1 -1
- package/build/web/Autocomplete.js +1 -1
- package/build/web/Badge.js +1 -1
- package/build/web/BlockQuote.js +1 -1
- package/build/web/Box.js +1 -1
- package/build/web/Breadcrumbs.js +1 -1
- package/build/web/Button.js +2 -2
- package/build/web/ButtonDropdown.js +1 -1
- package/build/web/ButtonGroup.js +1 -1
- package/build/web/ButtonGroupItem.js +1 -1
- package/build/web/Callout.js +1 -1
- package/build/web/Card.js +5 -1
- package/build/web/CardGroup.js +1 -1
- package/build/web/Carousel.js +1 -1
- package/build/web/CarouselTabsPanelItem.js +1 -1
- package/build/web/CarouselThumbnail.js +1 -1
- package/build/web/Checkbox.js +1 -1
- package/build/web/CheckboxCard.js +5 -1
- package/build/web/CheckboxCardGroup.js +1 -1
- package/build/web/CheckboxGroup.js +1 -1
- package/build/web/ChevronLink.js +1 -1
- package/build/web/ColourToggle.js +1 -1
- package/build/web/Countdown.js +1 -1
- package/build/web/DatePicker.js +1 -1
- package/build/web/Disclaimer.js +1 -1
- package/build/web/Divider.js +1 -1
- package/build/web/DownloadApp.js +1 -1
- package/build/web/ExpandCollapse.js +1 -1
- package/build/web/ExpandCollapseControl.js +1 -1
- package/build/web/ExpandCollapseMini.js +1 -1
- package/build/web/ExpandCollapseMiniControl.js +1 -1
- package/build/web/ExpandCollapsePanel.js +1 -1
- package/build/web/Feedback.js +1 -1
- package/build/web/Fieldset.js +1 -1
- package/build/web/FileUpload.js +1 -1
- package/build/web/Footnote.js +1 -1
- package/build/web/FootnoteLink.js +1 -1
- package/build/web/HorizontalScrollButton.js +1 -1
- package/build/web/Icon.js +1 -1
- package/build/web/IconButton.js +12 -2
- package/build/web/Image.js +1 -1
- package/build/web/InputLabel.js +1 -1
- package/build/web/InputSupports.js +1 -1
- package/build/web/Link.js +1 -1
- package/build/web/List.js +1 -1
- package/build/web/Listbox.js +121 -113
- package/build/web/Modal.js +1 -1
- package/build/web/MultiSelectFilter.js +1 -1
- package/build/web/NavigationBar.js +1 -1
- package/build/web/Notification.js +1 -1
- package/build/web/OrderedList.js +1 -1
- package/build/web/Pagination.js +1 -1
- package/build/web/PaginationPageButton.js +1 -1
- package/build/web/PaginationSideButton.js +1 -1
- package/build/web/PreviewCard.js +1 -1
- package/build/web/PriceLockup.js +1 -1
- package/build/web/ProductCard.js +1 -1
- package/build/web/Progress.js +1 -1
- package/build/web/ProgressBar.js +1 -1
- package/build/web/QuantitySelector.js +1 -1
- package/build/web/QuantitySelectorSideButton.js +1 -1
- package/build/web/QuickLinks.js +1 -1
- package/build/web/QuickLinksButton.js +1 -1
- package/build/web/QuickLinksCard.js +1 -1
- package/build/web/QuickLinksFeature.js +1 -1
- package/build/web/QuickLinksFeatureItem.js +1 -1
- package/build/web/QuickLinksList.js +1 -1
- package/build/web/Radio.js +1 -1
- package/build/web/RadioCard.js +5 -1
- package/build/web/RadioCardGroup.js +1 -1
- package/build/web/RadioGroup.js +1 -1
- package/build/web/Ribbon.js +1 -1
- package/build/web/Search.js +1 -1
- package/build/web/SearchButton.js +1 -1
- package/build/web/Select.js +1 -1
- package/build/web/Shortcuts.js +33 -0
- package/build/web/ShortcutsItem.js +68 -0
- package/build/web/SideNav.js +1 -1
- package/build/web/SideNavItem.js +1 -1
- package/build/web/SideNavItemsGroup.js +1 -1
- package/build/web/Skeleton.js +1 -1
- package/build/web/SkipLink.js +1 -1
- package/build/web/Spinner.js +1 -1
- package/build/web/SplashButton.js +1 -1
- package/build/web/SplashButtonWithDetails.js +1 -1
- package/build/web/StackView.js +1 -1
- package/build/web/Status.js +1 -1
- package/build/web/StepTracker.js +1 -1
- package/build/web/StoryCard.js +1 -1
- package/build/web/TabBar.js +1 -1
- package/build/web/TabBarItem.js +1 -1
- package/build/web/Table.js +5 -1
- package/build/web/Tabs.js +1 -1
- package/build/web/TabsItem.js +1 -1
- package/build/web/Tags.js +1 -1
- package/build/web/TagsItem.js +1 -1
- package/build/web/TermsAndConditions.js +1 -1
- package/build/web/Testimonial.js +1 -1
- package/build/web/TextArea.js +1 -1
- package/build/web/TextInput.js +1 -1
- package/build/web/Timeline.js +1 -1
- package/build/web/Toast.js +1 -1
- package/build/web/ToggleSwitch.js +1 -1
- package/build/web/ToggleSwitchGroup.js +1 -1
- package/build/web/Tooltip.js +1 -1
- package/build/web/TooltipButton.js +1 -1
- package/build/web/Typography.js +1 -1
- package/build/web/Video.js +1 -1
- package/build/web/VideoButton.js +1 -1
- package/build/web/VideoControlBar.js +1 -1
- package/build/web/VideoMenu.js +1 -1
- package/build/web/VideoMiddleControlButton.js +1 -1
- package/build/web/VideoPicker.js +1 -1
- package/build/web/VideoPickerSlider.js +1 -1
- package/build/web/VideoPickerThumbnail.js +1 -1
- package/build/web/VideoProgressBar.js +1 -1
- package/build/web/VideoVolumeSlider.js +1 -1
- package/build/web/WaffleGrid.js +1 -1
- package/build/web/index.js +3 -1
- package/build/web/schema.json +1601 -885
- package/build/web/spacingScale.js +2 -2
- package/build/web/theme.js +239 -118
- package/package.json +4 -4
- package/theme.json +279 -130
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/*
|
|
2
|
+
*
|
|
3
|
+
* Do not edit directly
|
|
4
|
+
* Generated on Fri, 12 Dec 2025 05:35:43 GMT
|
|
5
|
+
*
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
import PaletteIconArrowRight from '@telus-uds/palette-koodo/build/rn/icons/ArrowRight'
|
|
9
|
+
import PaletteIconArrowLeft from '@telus-uds/palette-koodo/build/rn/icons/ArrowLeft'
|
|
10
|
+
const theme = {
|
|
11
|
+
appearances: {
|
|
12
|
+
viewport: {
|
|
13
|
+
description: 'The size label for the current screen viewport based on the current screen width',
|
|
14
|
+
type: 'state',
|
|
15
|
+
values: [ 'xs', 'sm', 'md', 'lg', 'xl' ]
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
rules: [
|
|
19
|
+
{ if: { viewport: 'md' }, tokens: { mainContainerGap: 16 } },
|
|
20
|
+
{ if: { viewport: 'lg' }, tokens: { mainContainerGap: 16 } },
|
|
21
|
+
{ if: { viewport: 'xl' }, tokens: { mainContainerGap: 16 } }
|
|
22
|
+
],
|
|
23
|
+
tokens: {
|
|
24
|
+
mainContainerBottomPadding: 0,
|
|
25
|
+
mainContainerGap: 8,
|
|
26
|
+
mainContainerLeftPadding: 16,
|
|
27
|
+
mainContainerRightPadding: 16,
|
|
28
|
+
mainContainerTopPadding: 0,
|
|
29
|
+
nextIcon: PaletteIconArrowRight,
|
|
30
|
+
previousIcon: PaletteIconArrowLeft
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
export default theme
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
/*
|
|
2
|
+
*
|
|
3
|
+
* Do not edit directly
|
|
4
|
+
* Generated on Fri, 12 Dec 2025 05:35:43 GMT
|
|
5
|
+
*
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
const theme = {
|
|
10
|
+
appearances: {
|
|
11
|
+
focus: {
|
|
12
|
+
description: "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
|
|
13
|
+
platforms: [ 'rn', 'web' ],
|
|
14
|
+
type: 'state',
|
|
15
|
+
values: [ true, false ]
|
|
16
|
+
},
|
|
17
|
+
hover: {
|
|
18
|
+
description: "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
|
|
19
|
+
platforms: [ 'rn', 'web' ],
|
|
20
|
+
type: 'state',
|
|
21
|
+
values: [ true, false ]
|
|
22
|
+
},
|
|
23
|
+
pressed: {
|
|
24
|
+
description: 'Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.',
|
|
25
|
+
type: 'state',
|
|
26
|
+
values: [ true, false ]
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
rules: [
|
|
30
|
+
{
|
|
31
|
+
if: { hover: true },
|
|
32
|
+
tokens: { borderColor: '#000000', labelUnderline: 'underline' }
|
|
33
|
+
},
|
|
34
|
+
{ if: { focus: true }, tokens: { borderColor: '#000000' } },
|
|
35
|
+
{
|
|
36
|
+
if: { pressed: true },
|
|
37
|
+
tokens: { iconColor: '#666666', labelFontColor: '#666666' }
|
|
38
|
+
}
|
|
39
|
+
],
|
|
40
|
+
tokens: {
|
|
41
|
+
borderColor: 'transparent',
|
|
42
|
+
borderRadius: 4,
|
|
43
|
+
borderWidth: 1,
|
|
44
|
+
iconBackgroundColor: '#efefef',
|
|
45
|
+
iconColor: '#000000',
|
|
46
|
+
iconContainerPaddingBottom: 8,
|
|
47
|
+
iconContainerPaddingLeft: 8,
|
|
48
|
+
iconContainerPaddingRight: 8,
|
|
49
|
+
iconContainerPaddingTop: 8,
|
|
50
|
+
iconSize: 24,
|
|
51
|
+
iconWidth: 16,
|
|
52
|
+
imageHeight: 56,
|
|
53
|
+
imageWidth: 56,
|
|
54
|
+
labelContainerPaddingBottom: 0,
|
|
55
|
+
labelContainerPaddingLeft: 8,
|
|
56
|
+
labelContainerPaddingRight: 8,
|
|
57
|
+
labelContainerPaddingTop: 0,
|
|
58
|
+
labelFontColor: '#000000',
|
|
59
|
+
labelFontName: 'StagSans',
|
|
60
|
+
labelFontSize: 14,
|
|
61
|
+
labelFontWeight: '400',
|
|
62
|
+
labelLineHeight: 1.42857142857,
|
|
63
|
+
labelTextAlign: 'center',
|
|
64
|
+
labelUnderline: 'none',
|
|
65
|
+
width: 72
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
export default theme
|
package/build/web/SideNav.js
CHANGED
package/build/web/SideNavItem.js
CHANGED
package/build/web/Skeleton.js
CHANGED
package/build/web/SkipLink.js
CHANGED
package/build/web/Spinner.js
CHANGED
package/build/web/StackView.js
CHANGED
package/build/web/Status.js
CHANGED
package/build/web/StepTracker.js
CHANGED
package/build/web/StoryCard.js
CHANGED
package/build/web/TabBar.js
CHANGED
package/build/web/TabBarItem.js
CHANGED
package/build/web/Table.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*
|
|
2
2
|
*
|
|
3
3
|
* Do not edit directly
|
|
4
|
-
* Generated on
|
|
4
|
+
* Generated on Fri, 12 Dec 2025 05:35:43 GMT
|
|
5
5
|
*
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -137,6 +137,8 @@ const theme = {
|
|
|
137
137
|
cellBorderColor: 'rgba(0, 0, 0, 0)',
|
|
138
138
|
cellBorderTopWidth: 0,
|
|
139
139
|
cellBorderWidth: 0,
|
|
140
|
+
cellBottomLeftBorderRadius: 0,
|
|
141
|
+
cellBottomRightBorderRadius: 0,
|
|
140
142
|
cellBoxShadowColor: '#efefef',
|
|
141
143
|
cellMinWidth: 0,
|
|
142
144
|
cellPaddingBottom: 16,
|
|
@@ -151,6 +153,8 @@ const theme = {
|
|
|
151
153
|
offsetY: 4,
|
|
152
154
|
spread: 0
|
|
153
155
|
},
|
|
156
|
+
cellTopLeftBorderRadius: 0,
|
|
157
|
+
cellTopRightBorderRadius: 0,
|
|
154
158
|
display: null,
|
|
155
159
|
fontColor: '#000000',
|
|
156
160
|
fontName: 'StagSans',
|
package/build/web/Tabs.js
CHANGED
package/build/web/TabsItem.js
CHANGED
package/build/web/Tags.js
CHANGED
package/build/web/TagsItem.js
CHANGED
package/build/web/Testimonial.js
CHANGED
package/build/web/TextArea.js
CHANGED
package/build/web/TextInput.js
CHANGED
package/build/web/Timeline.js
CHANGED
package/build/web/Toast.js
CHANGED
package/build/web/Tooltip.js
CHANGED
package/build/web/Typography.js
CHANGED
package/build/web/Video.js
CHANGED
package/build/web/VideoButton.js
CHANGED
package/build/web/VideoMenu.js
CHANGED
package/build/web/VideoPicker.js
CHANGED
package/build/web/WaffleGrid.js
CHANGED
package/build/web/index.js
CHANGED
|
@@ -74,6 +74,8 @@ export { default as Ribbon } from './Ribbon'
|
|
|
74
74
|
export { default as Search } from './Search'
|
|
75
75
|
export { default as SearchButton } from './SearchButton'
|
|
76
76
|
export { default as Select } from './Select'
|
|
77
|
+
export { default as Shortcuts } from './Shortcuts'
|
|
78
|
+
export { default as ShortcutsItem } from './ShortcutsItem'
|
|
77
79
|
export { default as SideNav } from './SideNav'
|
|
78
80
|
export { default as SideNavItem } from './SideNavItem'
|
|
79
81
|
export { default as SideNavItemsGroup } from './SideNavItemsGroup'
|
|
@@ -116,5 +118,5 @@ export { default as VideoProgressBar } from './VideoProgressBar'
|
|
|
116
118
|
export { default as VideoVolumeSlider } from './VideoVolumeSlider'
|
|
117
119
|
export { default as WaffleGrid } from './WaffleGrid'
|
|
118
120
|
export { default as spacingScale } from './spacingScale'
|
|
119
|
-
export const metadata = { name: 'theme-koodo', themeTokensVersion: '4.
|
|
121
|
+
export const metadata = { name: 'theme-koodo', themeTokensVersion: '4.17.0'}
|
|
120
122
|
export { default } from './theme'
|