@telus-uds/theme-public-mobile 4.22.0 → 5.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 -108
- 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 -91
- package/build/android/ProgressBar.json +0 -35
- package/build/android/Ribbon.json +5 -21
- package/build/android/schema.json +797 -791
- package/build/android/theme.json +17 -341
- package/build/ios/Card.json +0 -108
- 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 -91
- package/build/ios/ProgressBar.json +0 -35
- package/build/ios/Ribbon.json +5 -21
- package/build/ios/schema.json +797 -791
- package/build/ios/theme.json +17 -341
- 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 -29
- 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 -73
- 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 -9
- 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 +7 -18
- 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 +797 -791
- package/build/rn/spacingScale.js +1 -1
- package/build/rn/theme.js +15 -201
- 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 -29
- 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 -73
- 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 -9
- 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 +7 -18
- 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 +797 -791
- package/build/web/spacingScale.js +1 -1
- package/build/web/theme.js +15 -201
- package/package.json +4 -4
- package/theme.json +16 -405
package/build/web/ChevronLink.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:37 GMT
|
|
5
5
|
*
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -9,7 +9,6 @@ import PaletteIconChevronLeft from '@telus-uds/palette-public-mobile/build/rn/ic
|
|
|
9
9
|
import PaletteIconChevronRight from '@telus-uds/palette-public-mobile/build/rn/icons/ChevronRight'
|
|
10
10
|
const theme = {
|
|
11
11
|
appearances: {
|
|
12
|
-
alternative: { type: 'variant', values: [ true ] },
|
|
13
12
|
focus: {
|
|
14
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.",
|
|
15
14
|
platforms: [ 'rn', 'web' ],
|
|
@@ -22,7 +21,6 @@ const theme = {
|
|
|
22
21
|
type: 'state',
|
|
23
22
|
values: [ true, false ]
|
|
24
23
|
},
|
|
25
|
-
inverse: { type: 'variant', values: [ true ] },
|
|
26
24
|
pressed: {
|
|
27
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.',
|
|
28
26
|
type: 'state',
|
|
@@ -57,40 +55,6 @@ const theme = {
|
|
|
57
55
|
if: { focus: true, pressed: true },
|
|
58
56
|
tokens: { color: '#394056', outerBorderColor: '#394056' }
|
|
59
57
|
},
|
|
60
|
-
{ if: { alternative: true }, tokens: { color: '#394056' } },
|
|
61
|
-
{
|
|
62
|
-
if: { alternative: true, hover: true },
|
|
63
|
-
tokens: { color: '#636c8c' }
|
|
64
|
-
},
|
|
65
|
-
{
|
|
66
|
-
if: { alternative: true, pressed: true },
|
|
67
|
-
tokens: { color: '#2b3145' }
|
|
68
|
-
},
|
|
69
|
-
{
|
|
70
|
-
if: { alternative: true, focus: true },
|
|
71
|
-
tokens: { color: '#394056', outerBorderColor: '#394056' }
|
|
72
|
-
},
|
|
73
|
-
{
|
|
74
|
-
if: { alternative: true, focus: true, pressed: true },
|
|
75
|
-
tokens: { color: '#2b3145', outerBorderColor: '#2b3145' }
|
|
76
|
-
},
|
|
77
|
-
{ if: { inverse: true }, tokens: { color: '#f9f2dd' } },
|
|
78
|
-
{
|
|
79
|
-
if: { hover: true, inverse: true },
|
|
80
|
-
tokens: { color: '#f9cebf' }
|
|
81
|
-
},
|
|
82
|
-
{
|
|
83
|
-
if: { inverse: true, pressed: true },
|
|
84
|
-
tokens: { color: '#f39d80' }
|
|
85
|
-
},
|
|
86
|
-
{
|
|
87
|
-
if: { focus: true, inverse: true },
|
|
88
|
-
tokens: { color: '#f9f2dd', outerBorderColor: '#f9f2dd' }
|
|
89
|
-
},
|
|
90
|
-
{
|
|
91
|
-
if: { focus: true, inverse: true, pressed: true },
|
|
92
|
-
tokens: { color: '#f39d80', outerBorderColor: '#f39d80' }
|
|
93
|
-
},
|
|
94
58
|
{
|
|
95
59
|
if: { size: 'large' },
|
|
96
60
|
tokens: { blockLineHeight: 1.4, fontSize: 20, iconSize: 20 }
|
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:37 GMT
|
|
5
5
|
*
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -9,11 +9,6 @@ import PaletteIconChevronDown from '@telus-uds/palette-public-mobile/build/rn/ic
|
|
|
9
9
|
import PaletteIconChevronUp from '@telus-uds/palette-public-mobile/build/rn/icons/ChevronUp'
|
|
10
10
|
const theme = {
|
|
11
11
|
appearances: {
|
|
12
|
-
alternative: {
|
|
13
|
-
description: 'Replaces the default 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',
|
|
@@ -25,17 +20,13 @@ const theme = {
|
|
|
25
20
|
type: 'state',
|
|
26
21
|
values: [ true, false ]
|
|
27
22
|
},
|
|
28
|
-
inverse: {
|
|
29
|
-
description: 'Replaces the default colour with white.',
|
|
30
|
-
type: 'variant',
|
|
31
|
-
values: [ true ]
|
|
32
|
-
},
|
|
33
23
|
quiet: {
|
|
34
24
|
description: 'When it is true, it does not show the decoration',
|
|
35
25
|
type: 'state',
|
|
36
26
|
values: [ true, false ]
|
|
37
27
|
},
|
|
38
|
-
size: { type: 'variant', values: [ 'micro', 'small', 'large' ] }
|
|
28
|
+
size: { type: 'variant', values: [ 'micro', 'small', 'large' ] },
|
|
29
|
+
style: { type: 'variant', values: [ 'subtle', 'inverse' ] }
|
|
39
30
|
},
|
|
40
31
|
rules: [
|
|
41
32
|
{
|
|
@@ -43,11 +34,11 @@ const theme = {
|
|
|
43
34
|
tokens: { icon: PaletteIconChevronUp }
|
|
44
35
|
},
|
|
45
36
|
{
|
|
46
|
-
if: {
|
|
37
|
+
if: { style: 'subtle' },
|
|
47
38
|
tokens: { color: '#394056', iconColor: '#394056' }
|
|
48
39
|
},
|
|
49
40
|
{
|
|
50
|
-
if: {
|
|
41
|
+
if: { style: 'inverse' },
|
|
51
42
|
tokens: { color: '#ffffff', iconColor: '#ffffff' }
|
|
52
43
|
},
|
|
53
44
|
{
|
|
@@ -64,11 +55,11 @@ const theme = {
|
|
|
64
55
|
},
|
|
65
56
|
{ if: { quiet: true }, tokens: { textLine: 'none' } },
|
|
66
57
|
{
|
|
67
|
-
if: {
|
|
58
|
+
if: { quiet: true, style: 'subtle' },
|
|
68
59
|
tokens: { color: '#394056', iconColor: '#394056', textLine: 'none' }
|
|
69
60
|
},
|
|
70
61
|
{
|
|
71
|
-
if: {
|
|
62
|
+
if: { quiet: true, style: 'inverse' },
|
|
72
63
|
tokens: { color: '#ffffff', iconColor: '#ffffff', textLine: 'none' }
|
|
73
64
|
}
|
|
74
65
|
],
|
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:37 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',
|
|
@@ -66,68 +64,6 @@ const theme = {
|
|
|
66
64
|
if: { pressed: true },
|
|
67
65
|
tokens: { color: '#2b3145', textLine: 'none' }
|
|
68
66
|
},
|
|
69
|
-
{ if: { alternative: true }, tokens: { color: '#394056' } },
|
|
70
|
-
{
|
|
71
|
-
if: { alternative: true, hover: true },
|
|
72
|
-
tokens: { color: '#2b3145' }
|
|
73
|
-
},
|
|
74
|
-
{
|
|
75
|
-
if: { alternative: true, pressed: true },
|
|
76
|
-
tokens: { color: '#2b3145', outerBorderWidth: 0 }
|
|
77
|
-
},
|
|
78
|
-
{
|
|
79
|
-
if: { alternative: true, focus: true, pressed: true },
|
|
80
|
-
tokens: { color: '#2b3145' }
|
|
81
|
-
},
|
|
82
|
-
{
|
|
83
|
-
if: { alternative: true, focus: true },
|
|
84
|
-
tokens: { color: '#394056', outerBorderColor: '#394056' }
|
|
85
|
-
},
|
|
86
|
-
{
|
|
87
|
-
if: { alternative: true, focus: false, pressed: true },
|
|
88
|
-
tokens: { color: '#2b3145' }
|
|
89
|
-
},
|
|
90
|
-
{
|
|
91
|
-
if: { alternative: true, focus: true, hover: true, pressed: true },
|
|
92
|
-
tokens: { color: '#2b3145', outerBorderColor: '#2b3145' }
|
|
93
|
-
},
|
|
94
|
-
{
|
|
95
|
-
if: { alternative: true, focus: false, hover: true, pressed: false },
|
|
96
|
-
tokens: { color: '#636c8c' }
|
|
97
|
-
},
|
|
98
|
-
{
|
|
99
|
-
if: { alternative: true, focus: true, pressed: true },
|
|
100
|
-
tokens: { color: '#636c8c' }
|
|
101
|
-
},
|
|
102
|
-
{
|
|
103
|
-
if: { alternative: true, focus: true },
|
|
104
|
-
tokens: {
|
|
105
|
-
color: '#636c8c',
|
|
106
|
-
outerBorderColor: '#636c8c',
|
|
107
|
-
outerBorderWidth: 1
|
|
108
|
-
}
|
|
109
|
-
},
|
|
110
|
-
{
|
|
111
|
-
if: { alternative: true, pressed: true },
|
|
112
|
-
tokens: { color: '#2b3145' }
|
|
113
|
-
},
|
|
114
|
-
{ if: { inverse: true }, tokens: { color: '#f9f2dd' } },
|
|
115
|
-
{
|
|
116
|
-
if: { focus: true, inverse: true },
|
|
117
|
-
tokens: { color: '#f9f2dd', outerBorderColor: '#f9f2dd' }
|
|
118
|
-
},
|
|
119
|
-
{
|
|
120
|
-
if: { focus: true, inverse: true, pressed: true },
|
|
121
|
-
tokens: { color: '#f39d80', outerBorderColor: '#f39d80' }
|
|
122
|
-
},
|
|
123
|
-
{
|
|
124
|
-
if: { hover: true, inverse: true },
|
|
125
|
-
tokens: { color: '#f9cebf' }
|
|
126
|
-
},
|
|
127
|
-
{
|
|
128
|
-
if: { inverse: true, pressed: true },
|
|
129
|
-
tokens: { color: '#f39d80' }
|
|
130
|
-
},
|
|
131
67
|
{
|
|
132
68
|
if: { size: 'micro' },
|
|
133
69
|
tokens: {
|
|
@@ -163,14 +99,6 @@ const theme = {
|
|
|
163
99
|
if: { focus: true, pressed: true, quiet: true },
|
|
164
100
|
tokens: { color: '#2b3145', textLine: 'underline' }
|
|
165
101
|
},
|
|
166
|
-
{
|
|
167
|
-
if: { alternative: true, hover: true, quiet: true },
|
|
168
|
-
tokens: { color: '#2b3145', textLine: 'underline' }
|
|
169
|
-
},
|
|
170
|
-
{
|
|
171
|
-
if: { hover: true, inverse: true, quiet: true },
|
|
172
|
-
tokens: { color: '#f9cebf', textLine: 'underline' }
|
|
173
|
-
},
|
|
174
102
|
{ if: { style: 'inline' }, tokens: { color: '#394056' } },
|
|
175
103
|
{
|
|
176
104
|
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:37 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,8 +15,6 @@ const theme = {
|
|
|
21
15
|
}
|
|
22
16
|
},
|
|
23
17
|
rules: [
|
|
24
|
-
{ if: { inactive: true }, tokens: { backgroundColor: '#cdcfd5' } },
|
|
25
|
-
{ if: { negative: true }, tokens: { backgroundColor: '#bf1722' } },
|
|
26
18
|
{
|
|
27
19
|
if: { style: 'subtle' },
|
|
28
20
|
tokens: {
|