@telus-uds/theme-koodo 7.24.0 → 8.0.0-alpha.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.
- package/build/android/Card.json +0 -77
- package/build/android/CarouselThumbnail.json +1 -0
- package/build/android/ChevronLink.json +0 -62
- package/build/android/ExpandCollapseMiniControl.json +10 -16
- package/build/android/Link.json +0 -62
- package/build/android/ProgressBar.json +0 -47
- package/build/android/Ribbon.json +2 -15
- package/build/android/schema.json +960 -829
- package/build/android/theme.json +14 -280
- package/build/ios/Card.json +0 -77
- package/build/ios/CarouselThumbnail.json +1 -0
- package/build/ios/ChevronLink.json +0 -62
- package/build/ios/ExpandCollapseMiniControl.json +10 -16
- package/build/ios/Link.json +0 -62
- package/build/ios/ProgressBar.json +0 -47
- package/build/ios/Ribbon.json +2 -15
- package/build/ios/schema.json +960 -829
- package/build/ios/theme.json +14 -280
- 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 +1 -1
- 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 +1 -26
- 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 +3 -2
- package/build/rn/Checkbox.js +1 -1
- package/build/rn/CheckboxCard.js +1 -1
- package/build/rn/CheckboxCardGroup.js +1 -1
- package/build/rn/CheckboxGroup.js +1 -1
- package/build/rn/ChevronLink.js +1 -37
- 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 +7 -16
- 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 +1 -1
- 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 -45
- package/build/rn/List.js +1 -1
- package/build/rn/Listbox.js +1 -1
- 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 -15
- 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 +1 -1
- package/build/rn/RadioCardGroup.js +1 -1
- package/build/rn/RadioGroup.js +1 -1
- package/build/rn/Ribbon.js +5 -7
- 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 +1 -1
- package/build/rn/ShortcutsItem.js +1 -1
- 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 +1 -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 +960 -829
- package/build/rn/spacingScale.js +1 -1
- package/build/rn/theme.js +13 -153
- 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 +1 -1
- 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 +1 -26
- 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 +3 -2
- package/build/web/Checkbox.js +1 -1
- package/build/web/CheckboxCard.js +1 -1
- package/build/web/CheckboxCardGroup.js +1 -1
- package/build/web/CheckboxGroup.js +1 -1
- package/build/web/ChevronLink.js +1 -37
- 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 +7 -16
- 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 +1 -1
- 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 -45
- package/build/web/List.js +1 -1
- package/build/web/Listbox.js +1 -1
- 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 -15
- 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 +1 -1
- package/build/web/RadioCardGroup.js +1 -1
- package/build/web/RadioGroup.js +1 -1
- package/build/web/Ribbon.js +5 -7
- 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 +1 -1
- package/build/web/ShortcutsItem.js +1 -1
- 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 +1 -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 +1 -1
- package/build/web/schema.json +960 -829
- package/build/web/spacingScale.js +1 -1
- package/build/web/theme.js +13 -153
- package/package.json +4 -4
- package/theme.json +13 -332
package/build/web/Countdown.js
CHANGED
package/build/web/DatePicker.js
CHANGED
package/build/web/Disclaimer.js
CHANGED
package/build/web/Divider.js
CHANGED
package/build/web/DownloadApp.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*
|
|
2
2
|
*
|
|
3
3
|
* Do not edit directly
|
|
4
|
-
* Generated on
|
|
4
|
+
* Generated on Fri, 10 Apr 2026 17:18:48 GMT
|
|
5
5
|
*
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -9,36 +9,27 @@ import PaletteIconChevronDown from '@telus-uds/palette-koodo/build/rn/icons/Chev
|
|
|
9
9
|
import PaletteIconChevronUp from '@telus-uds/palette-koodo/build/rn/icons/ChevronUp'
|
|
10
10
|
const theme = {
|
|
11
11
|
appearances: {
|
|
12
|
-
alternative: {
|
|
13
|
-
description: 'Replaces the default green colour with black',
|
|
14
|
-
type: 'variant',
|
|
15
|
-
values: [ true ]
|
|
16
|
-
},
|
|
17
12
|
expanded: {
|
|
18
13
|
description: 'Applies when an ExpandCollapse panel is open and the content inside is visible',
|
|
19
14
|
type: 'state',
|
|
20
15
|
values: [ true, false ]
|
|
21
16
|
},
|
|
22
|
-
inverse: {
|
|
23
|
-
description: 'Replaces the default green colour with white. Useful for dark backgrounds.',
|
|
24
|
-
type: 'variant',
|
|
25
|
-
values: [ true ]
|
|
26
|
-
},
|
|
27
17
|
quiet: {
|
|
28
18
|
description: 'When it is true, it does not show the decoration',
|
|
29
19
|
type: 'state',
|
|
30
20
|
values: [ true, false ]
|
|
31
21
|
},
|
|
32
|
-
size: { type: 'variant', values: [ 'micro', 'small', 'large' ] }
|
|
22
|
+
size: { type: 'variant', values: [ 'micro', 'small', 'large' ] },
|
|
23
|
+
style: { type: 'variant', values: [ 'subtle', 'inverse' ] }
|
|
33
24
|
},
|
|
34
25
|
rules: [
|
|
35
26
|
{
|
|
36
27
|
if: { expanded: true },
|
|
37
28
|
tokens: { icon: PaletteIconChevronUp }
|
|
38
29
|
},
|
|
39
|
-
{ if: {
|
|
30
|
+
{ if: { style: 'subtle' }, tokens: { color: '#666666' } },
|
|
40
31
|
{
|
|
41
|
-
if: {
|
|
32
|
+
if: { style: 'inverse' },
|
|
42
33
|
tokens: { color: '#ffffff', iconColor: '#ffffff' }
|
|
43
34
|
},
|
|
44
35
|
{
|
|
@@ -55,11 +46,11 @@ const theme = {
|
|
|
55
46
|
},
|
|
56
47
|
{ if: { quiet: true }, tokens: { textLine: 'none' } },
|
|
57
48
|
{
|
|
58
|
-
if: {
|
|
49
|
+
if: { quiet: true, style: 'subtle' },
|
|
59
50
|
tokens: { color: '#666666', textLine: 'none' }
|
|
60
51
|
},
|
|
61
52
|
{
|
|
62
|
-
if: {
|
|
53
|
+
if: { quiet: true, style: 'inverse' },
|
|
63
54
|
tokens: { color: '#ffffff', iconColor: '#ffffff', textLine: 'none' }
|
|
64
55
|
}
|
|
65
56
|
],
|
package/build/web/Feedback.js
CHANGED
package/build/web/Fieldset.js
CHANGED
package/build/web/FileUpload.js
CHANGED
package/build/web/Footnote.js
CHANGED
package/build/web/Icon.js
CHANGED
package/build/web/IconButton.js
CHANGED
package/build/web/Image.js
CHANGED
package/build/web/InputLabel.js
CHANGED
package/build/web/Link.js
CHANGED
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
/*
|
|
2
2
|
*
|
|
3
3
|
* Do not edit directly
|
|
4
|
-
* Generated on
|
|
4
|
+
* Generated on Fri, 10 Apr 2026 17:18:48 GMT
|
|
5
5
|
*
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
const theme = {
|
|
10
10
|
appearances: {
|
|
11
|
-
alternative: { type: 'variant', values: [ true ] },
|
|
12
11
|
focus: {
|
|
13
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.",
|
|
14
13
|
platforms: [ 'rn', 'web' ],
|
|
@@ -26,7 +25,6 @@ const theme = {
|
|
|
26
25
|
type: 'state',
|
|
27
26
|
values: [ 'left', 'right', 'inline' ]
|
|
28
27
|
},
|
|
29
|
-
inverse: { type: 'variant', values: [ true ] },
|
|
30
28
|
pressed: {
|
|
31
29
|
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.',
|
|
32
30
|
type: 'state',
|
|
@@ -70,40 +68,6 @@ const theme = {
|
|
|
70
68
|
if: { pressed: true },
|
|
71
69
|
tokens: { color: '#666666', textLine: 'none' }
|
|
72
70
|
},
|
|
73
|
-
{ if: { alternative: true }, tokens: { color: '#595959' } },
|
|
74
|
-
{
|
|
75
|
-
if: { alternative: true, focus: true },
|
|
76
|
-
tokens: { color: '#595959', outerBorderColor: '#595959' }
|
|
77
|
-
},
|
|
78
|
-
{
|
|
79
|
-
if: { alternative: true, hover: true },
|
|
80
|
-
tokens: { color: '#404040' }
|
|
81
|
-
},
|
|
82
|
-
{
|
|
83
|
-
if: { alternative: true, pressed: true },
|
|
84
|
-
tokens: { color: '#404040' }
|
|
85
|
-
},
|
|
86
|
-
{
|
|
87
|
-
if: { alternative: true, focus: true, pressed: true },
|
|
88
|
-
tokens: { color: '#404040', outerBorderColor: '#404040' }
|
|
89
|
-
},
|
|
90
|
-
{ if: { inverse: true }, tokens: { color: '#ffffff' } },
|
|
91
|
-
{
|
|
92
|
-
if: { focus: true, inverse: true },
|
|
93
|
-
tokens: { color: '#ffffff', outerBorderColor: '#ffffff' }
|
|
94
|
-
},
|
|
95
|
-
{
|
|
96
|
-
if: { focus: true, inverse: true, pressed: true },
|
|
97
|
-
tokens: { color: '#c9c8c8', outerBorderColor: '#c9c8c8' }
|
|
98
|
-
},
|
|
99
|
-
{
|
|
100
|
-
if: { hover: true, inverse: true },
|
|
101
|
-
tokens: { color: '#efefef' }
|
|
102
|
-
},
|
|
103
|
-
{
|
|
104
|
-
if: { inverse: true, pressed: true },
|
|
105
|
-
tokens: { color: '#c9c8c8' }
|
|
106
|
-
},
|
|
107
71
|
{
|
|
108
72
|
if: { size: 'micro' },
|
|
109
73
|
tokens: {
|
|
@@ -143,14 +107,6 @@ const theme = {
|
|
|
143
107
|
if: { focus: true, pressed: true, quiet: true },
|
|
144
108
|
tokens: { color: '#595959', textLine: 'underline' }
|
|
145
109
|
},
|
|
146
|
-
{
|
|
147
|
-
if: { alternative: true, hover: true, quiet: true },
|
|
148
|
-
tokens: { color: '#595959', textLine: 'underline' }
|
|
149
|
-
},
|
|
150
|
-
{
|
|
151
|
-
if: { hover: true, inverse: true, quiet: true },
|
|
152
|
-
tokens: { color: '#efefef', textLine: 'underline' }
|
|
153
|
-
},
|
|
154
110
|
{ if: { style: 'inline' }, tokens: { color: '#000000' } },
|
|
155
111
|
{
|
|
156
112
|
if: { focus: true, style: 'inline' },
|
package/build/web/List.js
CHANGED
package/build/web/Listbox.js
CHANGED
package/build/web/Modal.js
CHANGED
package/build/web/OrderedList.js
CHANGED
package/build/web/Pagination.js
CHANGED
package/build/web/PreviewCard.js
CHANGED
package/build/web/PriceLockup.js
CHANGED
package/build/web/ProductCard.js
CHANGED
package/build/web/Progress.js
CHANGED
package/build/web/ProgressBar.js
CHANGED
|
@@ -1,19 +1,13 @@
|
|
|
1
1
|
/*
|
|
2
2
|
*
|
|
3
3
|
* Do not edit directly
|
|
4
|
-
* Generated on
|
|
4
|
+
* Generated on Fri, 10 Apr 2026 17:18:48 GMT
|
|
5
5
|
*
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
const theme = {
|
|
10
10
|
appearances: {
|
|
11
|
-
inactive: {
|
|
12
|
-
description: 'Prevents an interactive component from being interacted with and applies accessibility attributes to indicate to the user that this component cannot be used.',
|
|
13
|
-
type: 'state',
|
|
14
|
-
values: [ true ]
|
|
15
|
-
},
|
|
16
|
-
negative: { type: 'variant', values: [ true ] },
|
|
17
11
|
style: {
|
|
18
12
|
description: 'Configure `style` variant for `ProgressBar`',
|
|
19
13
|
type: 'variant',
|
|
@@ -21,14 +15,6 @@ const theme = {
|
|
|
21
15
|
}
|
|
22
16
|
},
|
|
23
17
|
rules: [
|
|
24
|
-
{
|
|
25
|
-
if: { inactive: true },
|
|
26
|
-
tokens: { backgroundColor: '#c9c8c8', outlineColor: '#595959' }
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
if: { negative: true },
|
|
30
|
-
tokens: { backgroundColor: '#c9370b', outlineColor: '#595959' }
|
|
31
|
-
},
|
|
32
18
|
{
|
|
33
19
|
if: { style: 'subtle' },
|
|
34
20
|
tokens: {
|
package/build/web/QuickLinks.js
CHANGED
package/build/web/Radio.js
CHANGED
package/build/web/RadioCard.js
CHANGED