@telus-uds/theme-koodo 6.4.0 → 7.1.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/MultiSelectFilter.json +6 -0
- package/build/android/Table.json +45 -0
- package/build/android/TabsItem.json +39 -27
- package/build/android/schema.json +803 -733
- package/build/android/theme.json +91 -28
- package/build/ios/MultiSelectFilter.json +6 -0
- package/build/ios/Table.json +45 -0
- package/build/ios/TabsItem.json +39 -27
- package/build/ios/schema.json +803 -733
- package/build/ios/theme.json +91 -28
- package/build/rn/ActionCard.js +6 -6
- package/build/rn/ActivityIndicator.js +3 -3
- package/build/rn/Autocomplete.js +3 -3
- package/build/rn/Badge.js +3 -3
- package/build/rn/BlockQuote.js +3 -3
- package/build/rn/Box.js +3 -3
- package/build/rn/Breadcrumbs.js +4 -4
- package/build/rn/Button.js +3 -3
- package/build/rn/ButtonDropdown.js +5 -5
- package/build/rn/ButtonGroup.js +3 -3
- package/build/rn/ButtonGroupItem.js +3 -3
- package/build/rn/Callout.js +3 -3
- package/build/rn/Card.js +4 -4
- package/build/rn/CardGroup.js +3 -3
- package/build/rn/Carousel.js +7 -7
- package/build/rn/CarouselTabsPanelItem.js +3 -3
- package/build/rn/CarouselThumbnail.js +3 -3
- package/build/rn/Checkbox.js +4 -4
- package/build/rn/CheckboxCard.js +3 -3
- package/build/rn/CheckboxCardGroup.js +3 -3
- package/build/rn/CheckboxGroup.js +3 -3
- package/build/rn/ChevronLink.js +5 -5
- package/build/rn/ColourToggle.js +3 -3
- package/build/rn/Countdown.js +3 -3
- package/build/rn/DatePicker.js +5 -5
- package/build/rn/Disclaimer.js +3 -3
- package/build/rn/Divider.js +3 -3
- package/build/rn/DownloadApp.js +7 -7
- package/build/rn/ExpandCollapse.js +3 -3
- package/build/rn/ExpandCollapseControl.js +5 -5
- package/build/rn/ExpandCollapseMini.js +3 -3
- package/build/rn/ExpandCollapseMiniControl.js +5 -5
- package/build/rn/ExpandCollapsePanel.js +3 -3
- package/build/rn/Feedback.js +5 -5
- package/build/rn/Fieldset.js +3 -3
- package/build/rn/FileUpload.js +3 -3
- package/build/rn/Footnote.js +4 -4
- package/build/rn/FootnoteLink.js +3 -3
- package/build/rn/HorizontalScrollButton.js +3 -3
- package/build/rn/Icon.js +3 -3
- package/build/rn/IconButton.js +12 -12
- package/build/rn/Image.js +3 -3
- package/build/rn/InputLabel.js +3 -3
- package/build/rn/InputSupports.js +3 -3
- package/build/rn/Link.js +3 -3
- package/build/rn/List.js +4 -4
- package/build/rn/Listbox.js +5 -5
- package/build/rn/Modal.js +4 -4
- package/build/rn/MultiSelectFilter.js +4 -3
- package/build/rn/NavigationBar.js +5 -5
- package/build/rn/Notification.js +7 -7
- package/build/rn/OrderedList.js +3 -3
- package/build/rn/Pagination.js +3 -3
- package/build/rn/PaginationPageButton.js +3 -3
- package/build/rn/PaginationSideButton.js +5 -5
- package/build/rn/PreviewCard.js +3 -3
- package/build/rn/PriceLockup.js +3 -3
- package/build/rn/ProductCard.js +4 -4
- package/build/rn/Progress.js +3 -3
- package/build/rn/ProgressBar.js +3 -3
- package/build/rn/QuantitySelector.js +3 -3
- package/build/rn/QuantitySelectorSideButton.js +5 -5
- package/build/rn/QuickLinks.js +3 -3
- package/build/rn/QuickLinksButton.js +3 -3
- package/build/rn/QuickLinksCard.js +3 -3
- package/build/rn/QuickLinksFeature.js +3 -3
- package/build/rn/QuickLinksFeatureItem.js +3 -3
- package/build/rn/QuickLinksList.js +3 -3
- package/build/rn/Radio.js +3 -3
- package/build/rn/RadioCard.js +3 -3
- package/build/rn/RadioCardGroup.js +3 -3
- package/build/rn/RadioGroup.js +3 -3
- package/build/rn/Ribbon.js +3 -3
- package/build/rn/Search.js +5 -5
- package/build/rn/SearchButton.js +3 -3
- package/build/rn/Select.js +7 -7
- package/build/rn/SideNav.js +3 -3
- package/build/rn/SideNavItem.js +3 -3
- package/build/rn/SideNavItemsGroup.js +5 -5
- package/build/rn/Skeleton.js +3 -3
- package/build/rn/SkipLink.js +3 -3
- package/build/rn/Spinner.js +3 -3
- package/build/rn/SplashButton.js +4 -4
- package/build/rn/SplashButtonWithDetails.js +4 -4
- package/build/rn/StackView.js +3 -3
- package/build/rn/Status.js +9 -9
- package/build/rn/StepTracker.js +4 -4
- package/build/rn/StoryCard.js +3 -3
- package/build/rn/TabBar.js +3 -3
- package/build/rn/TabBarItem.js +3 -3
- package/build/rn/Table.js +18 -3
- package/build/rn/Tabs.js +5 -5
- package/build/rn/TabsItem.js +69 -24
- package/build/rn/Tags.js +3 -3
- package/build/rn/TagsItem.js +5 -5
- package/build/rn/TermsAndConditions.js +5 -5
- package/build/rn/Testimonial.js +5 -5
- package/build/rn/TextArea.js +3 -3
- package/build/rn/TextInput.js +12 -12
- package/build/rn/Timeline.js +3 -3
- package/build/rn/Toast.js +3 -3
- package/build/rn/ToggleSwitch.js +4 -4
- package/build/rn/ToggleSwitchGroup.js +3 -3
- package/build/rn/Tooltip.js +3 -3
- package/build/rn/TooltipButton.js +5 -5
- package/build/rn/Typography.js +3 -3
- package/build/rn/Video.js +6 -6
- package/build/rn/VideoButton.js +3 -3
- package/build/rn/VideoControlBar.js +7 -7
- package/build/rn/VideoMenu.js +4 -4
- package/build/rn/VideoMiddleControlButton.js +3 -3
- package/build/rn/VideoPicker.js +3 -3
- package/build/rn/VideoPickerSlider.js +5 -5
- package/build/rn/VideoPickerThumbnail.js +3 -3
- package/build/rn/VideoProgressBar.js +3 -3
- package/build/rn/VideoVolumeSlider.js +5 -5
- package/build/rn/WaffleGrid.js +3 -3
- package/build/rn/schema.json +803 -733
- package/build/rn/spacingScale.js +3 -3
- package/build/rn/theme.js +131 -70
- 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 -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 +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 +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 +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 -1
- 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 +2 -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 +1 -1
- package/build/web/TabBarItem.js +1 -1
- package/build/web/Table.js +16 -1
- package/build/web/Tabs.js +1 -1
- package/build/web/TabsItem.js +67 -22
- 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 +803 -733
- package/build/web/spacingScale.js +1 -1
- package/build/web/theme.js +84 -23
- package/package.json +5 -13
- package/theme.json +86 -24
package/build/rn/spacingScale.js
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
/*
|
|
2
2
|
*
|
|
3
3
|
* Do not edit directly
|
|
4
|
-
* Generated on
|
|
4
|
+
* Generated on Mon, 10 Feb 2025 17:29:04 GMT
|
|
5
5
|
*
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
|
|
10
|
+
module.exports = {
|
|
10
11
|
appearances: {
|
|
11
12
|
space: {
|
|
12
13
|
description: 'Index of the intended position on the spacing scale',
|
|
@@ -65,4 +66,3 @@ const theme = {
|
|
|
65
66
|
],
|
|
66
67
|
tokens: { size: 96 }
|
|
67
68
|
}
|
|
68
|
-
export default theme
|
package/build/rn/theme.js
CHANGED
|
@@ -1,56 +1,57 @@
|
|
|
1
1
|
/*
|
|
2
2
|
*
|
|
3
3
|
* Do not edit directly
|
|
4
|
-
* Generated on
|
|
4
|
+
* Generated on Mon, 10 Feb 2025 17:29:05 GMT
|
|
5
5
|
*
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
8
|
+
const PaletteIconArrowRight = require('@telus-uds/palette-koodo/build/rn/icons/ArrowRight')
|
|
9
|
+
const PaletteIconExclamationTriangle = require('@telus-uds/palette-koodo/build/rn/icons/ExclamationTriangle')
|
|
10
|
+
const PaletteIconExclamationOctagon = require('@telus-uds/palette-koodo/build/rn/icons/ExclamationOctagon')
|
|
11
|
+
const PaletteIconChevronRight = require('@telus-uds/palette-koodo/build/rn/icons/ChevronRight')
|
|
12
|
+
const PaletteIconChevronDown = require('@telus-uds/palette-koodo/build/rn/icons/ChevronDown')
|
|
13
|
+
const PaletteIconChevronUp = require('@telus-uds/palette-koodo/build/rn/icons/ChevronUp')
|
|
14
|
+
const PaletteIconCheck = require('@telus-uds/palette-koodo/build/rn/icons/Check')
|
|
15
|
+
const PaletteIconPause = require('@telus-uds/palette-koodo/build/rn/icons/Pause')
|
|
16
|
+
const PaletteIconPlay = require('@telus-uds/palette-koodo/build/rn/icons/Play')
|
|
17
|
+
const PaletteIconChevronLeft = require('@telus-uds/palette-koodo/build/rn/icons/ChevronLeft')
|
|
18
|
+
const PaletteIconAndroidEN = require('@telus-uds/palette-koodo/build/rn/icons/AndroidEN')
|
|
19
|
+
const PaletteIconAndroidFR = require('@telus-uds/palette-koodo/build/rn/icons/AndroidFR')
|
|
20
|
+
const PaletteIconIOSEN = require('@telus-uds/palette-koodo/build/rn/icons/IOSEN')
|
|
21
|
+
const PaletteIconIOSFR = require('@telus-uds/palette-koodo/build/rn/icons/IOSFR')
|
|
22
|
+
const PaletteIconCheckCircleFilled = require('@telus-uds/palette-koodo/build/rn/icons/CheckCircleFilled')
|
|
23
|
+
const PaletteIconClose = require('@telus-uds/palette-koodo/build/rn/icons/Close')
|
|
24
|
+
const PaletteIconAdd = require('@telus-uds/palette-koodo/build/rn/icons/Add')
|
|
25
|
+
const PaletteIconSubtract = require('@telus-uds/palette-koodo/build/rn/icons/Subtract')
|
|
26
|
+
const PaletteIconExpand = require('@telus-uds/palette-koodo/build/rn/icons/Expand')
|
|
27
|
+
const PaletteIconPlayVideo = require('@telus-uds/palette-koodo/build/rn/icons/PlayVideo')
|
|
28
|
+
const PaletteIconBulletFill = require('@telus-uds/palette-koodo/build/rn/icons/BulletFill')
|
|
29
|
+
const PaletteIconTimes = require('@telus-uds/palette-koodo/build/rn/icons/Times')
|
|
30
|
+
const PaletteIconSpyglass = require('@telus-uds/palette-koodo/build/rn/icons/Spyglass')
|
|
31
|
+
const PaletteIconPlaySolid = require('@telus-uds/palette-koodo/build/rn/icons/PlaySolid')
|
|
32
|
+
const PaletteIconToolTipFilled = require('@telus-uds/palette-koodo/build/rn/icons/ToolTipFilled')
|
|
33
|
+
const PaletteIconTooltip = require('@telus-uds/palette-koodo/build/rn/icons/Tooltip')
|
|
34
|
+
const PaletteIconCheckCircledFilled = require('@telus-uds/palette-koodo/build/rn/icons/CheckCircledFilled')
|
|
35
|
+
const PaletteIconTagFilled = require('@telus-uds/palette-koodo/build/rn/icons/TagFilled')
|
|
36
|
+
const PaletteIconQuoteLeft = require('@telus-uds/palette-koodo/build/rn/icons/QuoteLeft')
|
|
37
|
+
const PaletteIconQuoteRightArrow = require('@telus-uds/palette-koodo/build/rn/icons/QuoteRightArrow')
|
|
38
|
+
const PaletteIconAmex = require('@telus-uds/palette-koodo/build/rn/icons/Amex')
|
|
39
|
+
const PaletteIconCreditCard = require('@telus-uds/palette-koodo/build/rn/icons/CreditCard')
|
|
40
|
+
const PaletteIconMasterCard = require('@telus-uds/palette-koodo/build/rn/icons/MasterCard')
|
|
41
|
+
const PaletteIconEyeMasked = require('@telus-uds/palette-koodo/build/rn/icons/EyeMasked')
|
|
42
|
+
const PaletteIconEyeUnmasked = require('@telus-uds/palette-koodo/build/rn/icons/EyeUnmasked')
|
|
43
|
+
const PaletteIconVisa = require('@telus-uds/palette-koodo/build/rn/icons/Visa')
|
|
44
|
+
const PaletteIconTooltipSymbol = require('@telus-uds/palette-koodo/build/rn/icons/TooltipSymbol')
|
|
45
|
+
const PaletteIconReplay = require('@telus-uds/palette-koodo/build/rn/icons/Replay')
|
|
46
|
+
const PaletteIconClosedCaptions = require('@telus-uds/palette-koodo/build/rn/icons/ClosedCaptions')
|
|
47
|
+
const PaletteIconFullscreenExpand = require('@telus-uds/palette-koodo/build/rn/icons/FullscreenExpand')
|
|
48
|
+
const PaletteIconFullscreenMinimize = require('@telus-uds/palette-koodo/build/rn/icons/FullscreenMinimize')
|
|
49
|
+
const PaletteIconSettingsSolid = require('@telus-uds/palette-koodo/build/rn/icons/SettingsSolid')
|
|
50
|
+
const PaletteIconArrowLeft = require('@telus-uds/palette-koodo/build/rn/icons/ArrowLeft')
|
|
51
|
+
const PaletteIconMuted = require('@telus-uds/palette-koodo/build/rn/icons/Muted')
|
|
52
|
+
const PaletteIconUnmuted = require('@telus-uds/palette-koodo/build/rn/icons/Unmuted')
|
|
53
|
+
|
|
54
|
+
module.exports = {
|
|
54
55
|
components: {
|
|
55
56
|
ActionCard: {
|
|
56
57
|
appearances: {
|
|
@@ -4115,6 +4116,7 @@ const theme = {
|
|
|
4115
4116
|
tokens: {
|
|
4116
4117
|
buttonBorderColor: '#000000',
|
|
4117
4118
|
buttonDirection: 'row',
|
|
4119
|
+
buttonIconBackgroundColor: 'rgba(0, 0, 0, 0)',
|
|
4118
4120
|
buttonIconPadding: 4,
|
|
4119
4121
|
buttonIconSize: 20,
|
|
4120
4122
|
contentMarginBottom: 32,
|
|
@@ -6721,6 +6723,7 @@ const theme = {
|
|
|
6721
6723
|
},
|
|
6722
6724
|
Table: {
|
|
6723
6725
|
appearances: {
|
|
6726
|
+
highlight: { type: 'variant', values: [ 'row' ] },
|
|
6724
6727
|
spacing: {
|
|
6725
6728
|
description: 'Adjusts the height of the table cell',
|
|
6726
6729
|
type: 'variant',
|
|
@@ -6733,6 +6736,13 @@ const theme = {
|
|
|
6733
6736
|
}
|
|
6734
6737
|
},
|
|
6735
6738
|
rules: [
|
|
6739
|
+
{
|
|
6740
|
+
if: { highlight: 'row' },
|
|
6741
|
+
tokens: {
|
|
6742
|
+
cellBackground: 'rgba(0, 0, 0, 0)',
|
|
6743
|
+
rowHoverBackgroundColor: 'rgba(0, 0, 0, 0.05)'
|
|
6744
|
+
}
|
|
6745
|
+
},
|
|
6736
6746
|
{
|
|
6737
6747
|
if: { spacing: 'compact' },
|
|
6738
6748
|
tokens: {
|
|
@@ -6839,6 +6849,9 @@ const theme = {
|
|
|
6839
6849
|
borderColor: '#efefef',
|
|
6840
6850
|
borderWidth: 1,
|
|
6841
6851
|
cellBackground: '#ffffff',
|
|
6852
|
+
cellBorderColor: 'rgba(0, 0, 0, 0)',
|
|
6853
|
+
cellBorderTopWidth: 0,
|
|
6854
|
+
cellBorderWidth: 0,
|
|
6842
6855
|
cellBoxShadowColor: '#efefef',
|
|
6843
6856
|
cellMinWidth: 0,
|
|
6844
6857
|
cellPaddingBottom: 16,
|
|
@@ -6859,6 +6872,10 @@ const theme = {
|
|
|
6859
6872
|
fontSize: 16,
|
|
6860
6873
|
fontWeight: '400',
|
|
6861
6874
|
lineHeight: 1.5,
|
|
6875
|
+
rowBorderColor: 'rgba(0, 0, 0, 0)',
|
|
6876
|
+
rowBorderTopWidth: 0,
|
|
6877
|
+
rowBorderWidth: 0,
|
|
6878
|
+
rowHoverBackgroundColor: 'rgba(0, 0, 0, 0)',
|
|
6862
6879
|
stickyBackgroundColor: '#ffffff',
|
|
6863
6880
|
tablePaddingBottom: 24
|
|
6864
6881
|
}
|
|
@@ -6917,7 +6934,8 @@ const theme = {
|
|
|
6917
6934
|
{
|
|
6918
6935
|
if: { selected: true },
|
|
6919
6936
|
tokens: {
|
|
6920
|
-
backgroundColor: '
|
|
6937
|
+
backgroundColor: 'rgba(0, 0, 0, 0.1)',
|
|
6938
|
+
borderRadius: 99,
|
|
6921
6939
|
color: '#000000',
|
|
6922
6940
|
highlightBarBorderWidth: 1,
|
|
6923
6941
|
highlightBarHeight: 1,
|
|
@@ -6927,28 +6945,50 @@ const theme = {
|
|
|
6927
6945
|
{
|
|
6928
6946
|
if: { hover: true },
|
|
6929
6947
|
tokens: {
|
|
6930
|
-
backgroundColor: '
|
|
6931
|
-
|
|
6948
|
+
backgroundColor: 'rgba(0, 0, 0, 0.1)',
|
|
6949
|
+
borderRadius: 99,
|
|
6950
|
+
highlightBarBorderWidth: 0,
|
|
6932
6951
|
highlightBarHeight: 1,
|
|
6933
6952
|
highlightColor: '#c9c8c8'
|
|
6934
6953
|
}
|
|
6935
6954
|
},
|
|
6936
6955
|
{
|
|
6937
|
-
if: {
|
|
6956
|
+
if: { pressed: true },
|
|
6938
6957
|
tokens: {
|
|
6939
|
-
backgroundColor: '
|
|
6958
|
+
backgroundColor: 'rgba(0, 0, 0, 0.2)',
|
|
6959
|
+
borderRadius: 99,
|
|
6960
|
+
highlightBarBorderWidth: 0
|
|
6961
|
+
}
|
|
6962
|
+
},
|
|
6963
|
+
{
|
|
6964
|
+
if: { focus: true, selected: true },
|
|
6965
|
+
tokens: {
|
|
6966
|
+
backgroundColor: 'rgba(0, 0, 0, 0.1)',
|
|
6967
|
+
borderColor: '#000000',
|
|
6968
|
+
borderRadius: 99,
|
|
6969
|
+
borderWidth: 2,
|
|
6970
|
+
color: '#000000',
|
|
6940
6971
|
highlightBarBorderWidth: 1,
|
|
6941
6972
|
highlightBarHeight: 1,
|
|
6942
|
-
highlightColor: '#
|
|
6973
|
+
highlightColor: '#000000'
|
|
6943
6974
|
}
|
|
6944
6975
|
},
|
|
6945
6976
|
{
|
|
6946
|
-
if: {
|
|
6947
|
-
tokens: {
|
|
6977
|
+
if: { hover: true, selected: true },
|
|
6978
|
+
tokens: {
|
|
6979
|
+
highlightBarBorderWidth: 1,
|
|
6980
|
+
highlightBarHeight: 1,
|
|
6981
|
+
highlightColor: '#000000'
|
|
6982
|
+
}
|
|
6948
6983
|
},
|
|
6949
6984
|
{
|
|
6950
|
-
if: { focus: true
|
|
6951
|
-
tokens: {
|
|
6985
|
+
if: { focus: true },
|
|
6986
|
+
tokens: {
|
|
6987
|
+
borderColor: '#000000',
|
|
6988
|
+
borderRadius: 99,
|
|
6989
|
+
borderWidth: 2,
|
|
6990
|
+
color: '#000000'
|
|
6991
|
+
}
|
|
6952
6992
|
},
|
|
6953
6993
|
{
|
|
6954
6994
|
if: { inverse: true },
|
|
@@ -6957,28 +6997,48 @@ const theme = {
|
|
|
6957
6997
|
{
|
|
6958
6998
|
if: { inverse: true, selected: true },
|
|
6959
6999
|
tokens: {
|
|
6960
|
-
|
|
7000
|
+
backgroundColor: '#ffffff',
|
|
7001
|
+
borderRadius: 99,
|
|
7002
|
+
color: '#000000',
|
|
6961
7003
|
highlightBarBorderWidth: 1,
|
|
6962
7004
|
highlightBarHeight: 1,
|
|
6963
|
-
highlightColor: '#
|
|
7005
|
+
highlightColor: '#ffffff'
|
|
6964
7006
|
}
|
|
6965
7007
|
},
|
|
6966
7008
|
{
|
|
6967
7009
|
if: { hover: true, inverse: true },
|
|
6968
|
-
tokens: {
|
|
7010
|
+
tokens: {
|
|
7011
|
+
backgroundColor: 'rgba(255, 255, 255, 0.2)',
|
|
7012
|
+
borderRadius: 99,
|
|
7013
|
+
color: '#ffffff'
|
|
7014
|
+
}
|
|
7015
|
+
},
|
|
7016
|
+
{
|
|
7017
|
+
if: { focus: true, inverse: true, selected: true },
|
|
7018
|
+
tokens: {
|
|
7019
|
+
backgroundColor: 'rgba(0, 0, 0, 0)',
|
|
7020
|
+
borderColor: '#ffffff',
|
|
7021
|
+
borderRadius: 99,
|
|
7022
|
+
borderWidth: 2,
|
|
7023
|
+
color: '#000000'
|
|
7024
|
+
}
|
|
6969
7025
|
},
|
|
6970
7026
|
{
|
|
6971
7027
|
if: { focus: true, inverse: true },
|
|
6972
7028
|
tokens: {
|
|
6973
|
-
|
|
6974
|
-
|
|
6975
|
-
|
|
6976
|
-
|
|
7029
|
+
borderColor: '#ffffff',
|
|
7030
|
+
borderRadius: 99,
|
|
7031
|
+
borderWidth: 2,
|
|
7032
|
+
color: '#ffffff'
|
|
6977
7033
|
}
|
|
6978
7034
|
},
|
|
6979
7035
|
{
|
|
6980
7036
|
if: { inverse: true, pressed: true },
|
|
6981
|
-
tokens: {
|
|
7037
|
+
tokens: {
|
|
7038
|
+
backgroundColor: 'rgba(255, 255, 255, 0.4)',
|
|
7039
|
+
borderRadius: 99,
|
|
7040
|
+
highlightBarBorderWidth: 0
|
|
7041
|
+
}
|
|
6982
7042
|
},
|
|
6983
7043
|
{
|
|
6984
7044
|
if: { focus: true, inverse: true, selected: true },
|
|
@@ -6987,11 +7047,11 @@ const theme = {
|
|
|
6987
7047
|
{ if: { equalWidth: true }, tokens: { maxWidth: null } }
|
|
6988
7048
|
],
|
|
6989
7049
|
tokens: {
|
|
6990
|
-
backgroundColor: '
|
|
7050
|
+
backgroundColor: 'rgba(0, 0, 0, 0)',
|
|
6991
7051
|
borderColor: 'transparent',
|
|
6992
7052
|
borderRadius: 0,
|
|
6993
7053
|
borderWidth: 0,
|
|
6994
|
-
color: '#
|
|
7054
|
+
color: '#000000',
|
|
6995
7055
|
fontName: 'StagSans',
|
|
6996
7056
|
fontScaleCap: 64,
|
|
6997
7057
|
fontSize: 16,
|
|
@@ -7003,10 +7063,12 @@ const theme = {
|
|
|
7003
7063
|
highlightTriangleSize: 0,
|
|
7004
7064
|
letterSpacing: 0,
|
|
7005
7065
|
lineHeight: 1.5,
|
|
7066
|
+
marginHorizontal: 4,
|
|
7067
|
+
marginVertical: 0,
|
|
7006
7068
|
maxWidth: null,
|
|
7007
7069
|
paddingHorizontal: 24,
|
|
7008
7070
|
paddingVertical: 4,
|
|
7009
|
-
space:
|
|
7071
|
+
space: 1,
|
|
7010
7072
|
textAlign: 'center',
|
|
7011
7073
|
textTransform: 'none'
|
|
7012
7074
|
}
|
|
@@ -8372,6 +8434,5 @@ const theme = {
|
|
|
8372
8434
|
tokens: { size: 96 }
|
|
8373
8435
|
}
|
|
8374
8436
|
},
|
|
8375
|
-
metadata: { name: 'theme-koodo', themeTokensVersion: '
|
|
8437
|
+
metadata: { name: 'theme-koodo', themeTokensVersion: '4.1.0' }
|
|
8376
8438
|
}
|
|
8377
|
-
export default theme
|
package/build/web/ActionCard.js
CHANGED
package/build/web/Badge.js
CHANGED
package/build/web/BlockQuote.js
CHANGED
package/build/web/Box.js
CHANGED
package/build/web/Breadcrumbs.js
CHANGED
package/build/web/Button.js
CHANGED
package/build/web/ButtonGroup.js
CHANGED
package/build/web/Callout.js
CHANGED
package/build/web/Card.js
CHANGED
package/build/web/CardGroup.js
CHANGED
package/build/web/Carousel.js
CHANGED
package/build/web/Checkbox.js
CHANGED
package/build/web/ChevronLink.js
CHANGED
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