@telus-uds/theme-allium 5.1.0 → 5.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.
- package/build/android/ButtonGroupItem.json +1 -1
- package/build/android/CardGroup.json +4 -0
- package/build/android/DownloadApp.json +41 -0
- package/build/android/Link.json +9 -1
- package/build/android/TabBar.json +40 -0
- package/build/android/TabBarItem.json +75 -0
- package/build/android/schema.json +1475 -997
- package/build/android/theme.json +171 -3
- package/build/ios/ButtonGroupItem.json +1 -1
- package/build/ios/CardGroup.json +4 -0
- package/build/ios/DownloadApp.json +41 -0
- package/build/ios/Link.json +9 -1
- package/build/ios/TabBar.json +40 -0
- package/build/ios/TabBarItem.json +75 -0
- package/build/ios/schema.json +1475 -997
- package/build/ios/theme.json +171 -3
- package/build/rn/ActionCard.js +1 -1
- package/build/rn/ActivityIndicator.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 +2 -2
- package/build/rn/Callout.js +1 -1
- package/build/rn/Card.js +1 -1
- package/build/rn/CardGroup.js +5 -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 +1 -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 +62 -0
- 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 +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 +3 -2
- 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 -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 +1 -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/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 +34 -0
- package/build/rn/TabBarItem.js +69 -0
- 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 +1475 -997
- package/build/rn/spacingScale.js +1 -1
- package/build/rn/theme.js +148 -4
- package/build/web/ActionCard.js +1 -1
- package/build/web/ActivityIndicator.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 +2 -2
- package/build/web/Callout.js +1 -1
- package/build/web/Card.js +1 -1
- package/build/web/CardGroup.js +5 -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 +1 -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 +62 -0
- 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 +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 +3 -2
- 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 -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 +1 -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/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 +34 -0
- package/build/web/TabBarItem.js +69 -0
- 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 +4 -1
- package/build/web/schema.json +1475 -997
- package/build/web/spacingScale.js +1 -1
- package/build/web/theme.js +148 -4
- package/package.json +5 -5
- package/theme.json +148 -0
package/build/rn/Icon.js
CHANGED
package/build/rn/IconButton.js
CHANGED
package/build/rn/Image.js
CHANGED
package/build/rn/InputLabel.js
CHANGED
package/build/rn/Link.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*
|
|
2
2
|
*
|
|
3
3
|
* Do not edit directly
|
|
4
|
-
* Generated on
|
|
4
|
+
* Generated on Wed, 25 Sep 2024 16:56:19 GMT
|
|
5
5
|
*
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -29,7 +29,7 @@ module.exports = {
|
|
|
29
29
|
iconPosition: {
|
|
30
30
|
description: 'Theme styles to be applied to icon links depending on where the icon is in relation to the link text',
|
|
31
31
|
type: 'state',
|
|
32
|
-
values: [ 'left', 'right' ]
|
|
32
|
+
values: [ 'left', 'right', 'inline' ]
|
|
33
33
|
},
|
|
34
34
|
inverse: {
|
|
35
35
|
description: 'Styles the link white for use on dark backgrounds.',
|
|
@@ -60,6 +60,7 @@ module.exports = {
|
|
|
60
60
|
rules: [
|
|
61
61
|
{ if: { iconPosition: 'left' }, tokens: { iconSpace: 2 } },
|
|
62
62
|
{ if: { iconPosition: 'right' }, tokens: { iconSpace: 1 } },
|
|
63
|
+
{ if: { iconPosition: 'inline' }, tokens: { iconSpace: 2 } },
|
|
63
64
|
{
|
|
64
65
|
if: { focus: true },
|
|
65
66
|
tokens: { outerBorderColor: '#2b8000', outerBorderOutline: 'none' }
|
package/build/rn/List.js
CHANGED
package/build/rn/Listbox.js
CHANGED
package/build/rn/Modal.js
CHANGED
package/build/rn/Notification.js
CHANGED
package/build/rn/OrderedList.js
CHANGED
package/build/rn/Pagination.js
CHANGED
package/build/rn/PreviewCard.js
CHANGED
package/build/rn/PriceLockup.js
CHANGED
package/build/rn/ProductCard.js
CHANGED
package/build/rn/Progress.js
CHANGED
package/build/rn/ProgressBar.js
CHANGED
package/build/rn/QuickLinks.js
CHANGED
package/build/rn/Radio.js
CHANGED
package/build/rn/RadioCard.js
CHANGED
package/build/rn/RadioGroup.js
CHANGED
package/build/rn/Ribbon.js
CHANGED
package/build/rn/Search.js
CHANGED
package/build/rn/SearchButton.js
CHANGED
package/build/rn/Select.js
CHANGED
package/build/rn/SideNav.js
CHANGED
package/build/rn/SideNavItem.js
CHANGED
package/build/rn/Skeleton.js
CHANGED
package/build/rn/SkipLink.js
CHANGED
package/build/rn/Spinner.js
CHANGED
package/build/rn/SplashButton.js
CHANGED
package/build/rn/StackView.js
CHANGED
package/build/rn/Status.js
CHANGED
package/build/rn/StepTracker.js
CHANGED
package/build/rn/StoryCard.js
CHANGED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/*
|
|
2
|
+
*
|
|
3
|
+
* Do not edit directly
|
|
4
|
+
* Generated on Wed, 25 Sep 2024 16:56:19 GMT
|
|
5
|
+
*
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
module.exports = {
|
|
11
|
+
appearances: {
|
|
12
|
+
pressed: {
|
|
13
|
+
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.',
|
|
14
|
+
type: 'state',
|
|
15
|
+
values: [ true, false ]
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
rules: [
|
|
19
|
+
{
|
|
20
|
+
if: { pressed: true },
|
|
21
|
+
tokens: { paddingBottom: 0, paddingTop: 0 }
|
|
22
|
+
}
|
|
23
|
+
],
|
|
24
|
+
tokens: {
|
|
25
|
+
backgroundColor: '#fafafa',
|
|
26
|
+
borderTopColor: '#e3e6e8',
|
|
27
|
+
borderTopWidth: 1,
|
|
28
|
+
gap: 8,
|
|
29
|
+
paddingBottom: 4,
|
|
30
|
+
paddingLeft: 8,
|
|
31
|
+
paddingRight: 8,
|
|
32
|
+
paddingTop: 4
|
|
33
|
+
}
|
|
34
|
+
}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
/*
|
|
2
|
+
*
|
|
3
|
+
* Do not edit directly
|
|
4
|
+
* Generated on Wed, 25 Sep 2024 16:56:19 GMT
|
|
5
|
+
*
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
module.exports = {
|
|
11
|
+
appearances: {
|
|
12
|
+
focus: {
|
|
13
|
+
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
|
+
platforms: [ 'rn', 'web' ],
|
|
15
|
+
type: 'state',
|
|
16
|
+
values: [ true, false ]
|
|
17
|
+
},
|
|
18
|
+
hover: {
|
|
19
|
+
description: "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
|
|
20
|
+
platforms: [ 'rn', 'web' ],
|
|
21
|
+
type: 'state',
|
|
22
|
+
values: [ true, false ]
|
|
23
|
+
},
|
|
24
|
+
pressed: {
|
|
25
|
+
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.',
|
|
26
|
+
type: 'state',
|
|
27
|
+
values: [ true, false ]
|
|
28
|
+
},
|
|
29
|
+
selected: {
|
|
30
|
+
description: 'Applies while an interactive component is the currently selected one in a set of states or components, for example a button in a `ButtonGroup`.',
|
|
31
|
+
type: 'state',
|
|
32
|
+
values: [ true ]
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
rules: [
|
|
36
|
+
{
|
|
37
|
+
if: { focus: true },
|
|
38
|
+
tokens: {
|
|
39
|
+
backgroundColor: '#f4f4f7',
|
|
40
|
+
color: '#414547',
|
|
41
|
+
iconColor: '#414547',
|
|
42
|
+
iconSize: 26
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
if: { pressed: true },
|
|
47
|
+
tokens: {
|
|
48
|
+
backgroundColor: 'rgba(0, 0, 0, 0)',
|
|
49
|
+
color: '#4b286d',
|
|
50
|
+
iconColor: '#4b286d',
|
|
51
|
+
iconSize: 22
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
{ if: { hover: true }, tokens: { iconSize: 26 } }
|
|
55
|
+
],
|
|
56
|
+
tokens: {
|
|
57
|
+
activeColor: '#4b286d',
|
|
58
|
+
backgroundColor: 'rgba(0, 0, 0, 0)',
|
|
59
|
+
borderRadius: 4,
|
|
60
|
+
color: '#676e73',
|
|
61
|
+
fontName: 'HNforTELUSSA',
|
|
62
|
+
fontWeight: '500',
|
|
63
|
+
iconColor: '#676e73',
|
|
64
|
+
iconSize: 24,
|
|
65
|
+
lineHeight: 1.14285714286,
|
|
66
|
+
paddingBottom: 4,
|
|
67
|
+
paddingTop: 4
|
|
68
|
+
}
|
|
69
|
+
}
|
package/build/rn/Table.js
CHANGED