@telus-uds/theme-koodo 5.9.0 → 5.11.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/FootnoteLink.json +129 -2
- package/build/android/Icon.json +148 -1
- package/build/android/Notification.json +1 -1
- package/build/android/ProductCard.json +35 -0
- package/build/android/schema.json +814 -683
- package/build/android/theme.json +314 -5
- package/build/ios/FootnoteLink.json +129 -2
- package/build/ios/Icon.json +148 -1
- package/build/ios/Notification.json +1 -1
- package/build/ios/ProductCard.json +35 -0
- package/build/ios/schema.json +814 -683
- package/build/ios/theme.json +314 -5
- 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 +1 -1
- package/build/rn/Callout.js +1 -1
- package/build/rn/Card.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 +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/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/Footnote.js +1 -1
- package/build/rn/FootnoteLink.js +34 -3
- package/build/rn/HorizontalScrollButton.js +1 -1
- package/build/rn/Icon.js +64 -2
- 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 -1
- 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 +2 -2
- 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 +33 -0
- 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/StepTracker.js +1 -1
- package/build/rn/StoryCard.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 +814 -683
- package/build/rn/spacingScale.js +1 -1
- package/build/rn/theme.js +144 -6
- 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 +1 -1
- package/build/web/Callout.js +1 -1
- package/build/web/Card.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/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/Footnote.js +1 -1
- package/build/web/FootnoteLink.js +34 -3
- package/build/web/HorizontalScrollButton.js +1 -1
- package/build/web/Icon.js +64 -2
- 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 +1 -1
- package/build/web/NavigationBar.js +1 -1
- package/build/web/Notification.js +2 -2
- 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 +33 -0
- 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/StepTracker.js +1 -1
- package/build/web/StoryCard.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 +2 -1
- package/build/web/schema.json +814 -683
- package/build/web/spacingScale.js +1 -1
- package/build/web/theme.js +144 -6
- package/package.json +4 -4
- package/theme.json +276 -6
package/build/rn/spacingScale.js
CHANGED
package/build/rn/theme.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*
|
|
2
2
|
*
|
|
3
3
|
* Do not edit directly
|
|
4
|
-
* Generated on
|
|
4
|
+
* Generated on Fri, 05 Apr 2024 17:08:24 GMT
|
|
5
5
|
*
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -2528,8 +2528,57 @@ module.exports = {
|
|
|
2528
2528
|
}
|
|
2529
2529
|
},
|
|
2530
2530
|
FootnoteLink: {
|
|
2531
|
-
appearances: {
|
|
2532
|
-
|
|
2531
|
+
appearances: {
|
|
2532
|
+
size: {
|
|
2533
|
+
type: 'variant',
|
|
2534
|
+
values: [
|
|
2535
|
+
'micro', 'small',
|
|
2536
|
+
'medium', 'large',
|
|
2537
|
+
'h1', 'h2',
|
|
2538
|
+
'h3', 'h4',
|
|
2539
|
+
'h5', 'h6',
|
|
2540
|
+
'display1', 'display2'
|
|
2541
|
+
]
|
|
2542
|
+
}
|
|
2543
|
+
},
|
|
2544
|
+
rules: [
|
|
2545
|
+
{
|
|
2546
|
+
if: { size: 'display1' },
|
|
2547
|
+
tokens: { fontSize: 20, lineHeight: 1.2 }
|
|
2548
|
+
},
|
|
2549
|
+
{
|
|
2550
|
+
if: { size: 'display2' },
|
|
2551
|
+
tokens: { fontSize: 20, lineHeight: 1.2 }
|
|
2552
|
+
},
|
|
2553
|
+
{
|
|
2554
|
+
if: { size: 'h1' },
|
|
2555
|
+
tokens: { fontSize: 20, lineHeight: 1.2 }
|
|
2556
|
+
},
|
|
2557
|
+
{
|
|
2558
|
+
if: { size: 'h2' },
|
|
2559
|
+
tokens: { fontSize: 20, lineHeight: 1.2 }
|
|
2560
|
+
},
|
|
2561
|
+
{ if: { size: 'h3' }, tokens: { fontSize: 14, lineHeight: 1 } },
|
|
2562
|
+
{ if: { size: 'h4' }, tokens: { fontSize: 14, lineHeight: 1 } },
|
|
2563
|
+
{ if: { size: 'h5' }, tokens: { fontSize: 14, lineHeight: 1 } },
|
|
2564
|
+
{ if: { size: 'h6' }, tokens: { fontSize: 14, lineHeight: 1 } },
|
|
2565
|
+
{
|
|
2566
|
+
if: { size: 'micro' },
|
|
2567
|
+
tokens: { fontSize: 12, lineHeight: 1 }
|
|
2568
|
+
},
|
|
2569
|
+
{
|
|
2570
|
+
if: { size: 'small' },
|
|
2571
|
+
tokens: { fontSize: 12, lineHeight: 1 }
|
|
2572
|
+
},
|
|
2573
|
+
{
|
|
2574
|
+
if: { size: 'medium' },
|
|
2575
|
+
tokens: { fontSize: 12, lineHeight: 1 }
|
|
2576
|
+
},
|
|
2577
|
+
{
|
|
2578
|
+
if: { size: 'large' },
|
|
2579
|
+
tokens: { fontSize: 12, lineHeight: 1 }
|
|
2580
|
+
}
|
|
2581
|
+
],
|
|
2533
2582
|
tokens: {
|
|
2534
2583
|
color: null,
|
|
2535
2584
|
fontName: 'StagSans',
|
|
@@ -2597,6 +2646,7 @@ module.exports = {
|
|
|
2597
2646
|
},
|
|
2598
2647
|
Icon: {
|
|
2599
2648
|
appearances: {
|
|
2649
|
+
background: { type: 'variant', values: [ true ] },
|
|
2600
2650
|
color: {
|
|
2601
2651
|
type: 'variant',
|
|
2602
2652
|
values: [
|
|
@@ -2606,6 +2656,10 @@ module.exports = {
|
|
|
2606
2656
|
'inverse'
|
|
2607
2657
|
]
|
|
2608
2658
|
},
|
|
2659
|
+
padding: {
|
|
2660
|
+
type: 'variant',
|
|
2661
|
+
values: [ 'micro', 'small', 'medium', 'large', 'extraLarge' ]
|
|
2662
|
+
},
|
|
2609
2663
|
size: {
|
|
2610
2664
|
type: 'variant',
|
|
2611
2665
|
values: [ 'micro', 'small', 'large', 'extraLarge' ]
|
|
@@ -2617,6 +2671,62 @@ module.exports = {
|
|
|
2617
2671
|
}
|
|
2618
2672
|
},
|
|
2619
2673
|
rules: [
|
|
2674
|
+
{ if: { padding: 'micro' }, tokens: { padding: 4, width: 4 } },
|
|
2675
|
+
{ if: { padding: 'small' }, tokens: { padding: 4, width: 8 } },
|
|
2676
|
+
{
|
|
2677
|
+
if: { padding: 'medium' },
|
|
2678
|
+
tokens: { padding: 4, width: 16 }
|
|
2679
|
+
},
|
|
2680
|
+
{ if: { padding: 'large' }, tokens: { padding: 4, width: 24 } },
|
|
2681
|
+
{
|
|
2682
|
+
if: { padding: 'extraLarge' },
|
|
2683
|
+
tokens: { padding: 4, width: 32 }
|
|
2684
|
+
},
|
|
2685
|
+
{
|
|
2686
|
+
if: { background: true, padding: 'micro' },
|
|
2687
|
+
tokens: {
|
|
2688
|
+
backgroundColor: '#efefef',
|
|
2689
|
+
borderRadius: 45,
|
|
2690
|
+
padding: 4,
|
|
2691
|
+
width: 4
|
|
2692
|
+
}
|
|
2693
|
+
},
|
|
2694
|
+
{
|
|
2695
|
+
if: { background: true, padding: 'small' },
|
|
2696
|
+
tokens: {
|
|
2697
|
+
backgroundColor: '#efefef',
|
|
2698
|
+
borderRadius: 45,
|
|
2699
|
+
padding: 4,
|
|
2700
|
+
width: 8
|
|
2701
|
+
}
|
|
2702
|
+
},
|
|
2703
|
+
{
|
|
2704
|
+
if: { background: true, padding: 'medium' },
|
|
2705
|
+
tokens: {
|
|
2706
|
+
backgroundColor: '#efefef',
|
|
2707
|
+
borderRadius: 45,
|
|
2708
|
+
padding: 4,
|
|
2709
|
+
width: 16
|
|
2710
|
+
}
|
|
2711
|
+
},
|
|
2712
|
+
{
|
|
2713
|
+
if: { background: true, padding: 'large' },
|
|
2714
|
+
tokens: {
|
|
2715
|
+
backgroundColor: '#efefef',
|
|
2716
|
+
borderRadius: 45,
|
|
2717
|
+
padding: 4,
|
|
2718
|
+
width: 24
|
|
2719
|
+
}
|
|
2720
|
+
},
|
|
2721
|
+
{
|
|
2722
|
+
if: { background: true, padding: 'extraLarge' },
|
|
2723
|
+
tokens: {
|
|
2724
|
+
backgroundColor: '#efefef',
|
|
2725
|
+
borderRadius: 45,
|
|
2726
|
+
padding: 4,
|
|
2727
|
+
width: 32
|
|
2728
|
+
}
|
|
2729
|
+
},
|
|
2620
2730
|
{ if: { size: 'micro' }, tokens: { size: 16 } },
|
|
2621
2731
|
{ if: { size: 'small' }, tokens: { size: 20 } },
|
|
2622
2732
|
{ if: { size: 'large' }, tokens: { size: 32 } },
|
|
@@ -2632,11 +2742,15 @@ module.exports = {
|
|
|
2632
2742
|
{ if: { status: 'error' }, tokens: { color: '#c9370b' } }
|
|
2633
2743
|
],
|
|
2634
2744
|
tokens: {
|
|
2745
|
+
backgroundColor: 'transparent',
|
|
2746
|
+
borderRadius: 0,
|
|
2635
2747
|
color: '#000000',
|
|
2748
|
+
padding: 0,
|
|
2636
2749
|
scale: 1,
|
|
2637
2750
|
size: 24,
|
|
2638
2751
|
translateX: 0,
|
|
2639
|
-
translateY: 0
|
|
2752
|
+
translateY: 0,
|
|
2753
|
+
width: 0
|
|
2640
2754
|
}
|
|
2641
2755
|
},
|
|
2642
2756
|
IconButton: {
|
|
@@ -3762,7 +3876,7 @@ module.exports = {
|
|
|
3762
3876
|
tokens: {
|
|
3763
3877
|
borderBottomWidth: 0,
|
|
3764
3878
|
borderLeftWidth: 0,
|
|
3765
|
-
borderRadius:
|
|
3879
|
+
borderRadius: 6,
|
|
3766
3880
|
borderRightWidth: 0,
|
|
3767
3881
|
borderTopWidth: 0,
|
|
3768
3882
|
iconGap: 8,
|
|
@@ -4301,6 +4415,30 @@ module.exports = {
|
|
|
4301
4415
|
topTextMarginBottom: 4
|
|
4302
4416
|
}
|
|
4303
4417
|
},
|
|
4418
|
+
ProductCard: {
|
|
4419
|
+
appearances: {
|
|
4420
|
+
viewport: {
|
|
4421
|
+
description: 'The size label for the current screen viewport based on the current screen width',
|
|
4422
|
+
type: 'state',
|
|
4423
|
+
values: [ 'xs', 'sm', 'md', 'lg', 'xl' ]
|
|
4424
|
+
}
|
|
4425
|
+
},
|
|
4426
|
+
rules: [
|
|
4427
|
+
{
|
|
4428
|
+
if: { viewport: [ 'xs', 'sm', 'md' ] },
|
|
4429
|
+
tokens: { borderWidth: 0, paddingHorizontal: 24, paddingVertical: 0 }
|
|
4430
|
+
}
|
|
4431
|
+
],
|
|
4432
|
+
tokens: {
|
|
4433
|
+
borderColor: '#efefef',
|
|
4434
|
+
borderRadius: 6,
|
|
4435
|
+
borderStyle: 'solid',
|
|
4436
|
+
borderWidth: 1,
|
|
4437
|
+
paddingHorizontal: 24,
|
|
4438
|
+
paddingVertical: 24,
|
|
4439
|
+
selectedButtonIcon: PaletteIconCheck
|
|
4440
|
+
}
|
|
4441
|
+
},
|
|
4304
4442
|
Progress: {
|
|
4305
4443
|
appearances: { size: { type: 'variant', values: [ 'mini' ] } },
|
|
4306
4444
|
rules: [ { if: { size: 'mini' }, tokens: { height: 8 } } ],
|
|
@@ -7376,5 +7514,5 @@ module.exports = {
|
|
|
7376
7514
|
tokens: { size: 96 }
|
|
7377
7515
|
}
|
|
7378
7516
|
},
|
|
7379
|
-
metadata: { name: 'theme-koodo', themeTokensVersion: '2.
|
|
7517
|
+
metadata: { name: 'theme-koodo', themeTokensVersion: '2.54.0' }
|
|
7380
7518
|
}
|
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/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/Feedback.js
CHANGED
package/build/web/Fieldset.js
CHANGED
package/build/web/Footnote.js
CHANGED
|
@@ -1,14 +1,45 @@
|
|
|
1
1
|
/*
|
|
2
2
|
*
|
|
3
3
|
* Do not edit directly
|
|
4
|
-
* Generated on
|
|
4
|
+
* Generated on Fri, 05 Apr 2024 17:08:46 GMT
|
|
5
5
|
*
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
const theme = {
|
|
10
|
-
appearances: {
|
|
11
|
-
|
|
10
|
+
appearances: {
|
|
11
|
+
size: {
|
|
12
|
+
type: 'variant',
|
|
13
|
+
values: [
|
|
14
|
+
'micro', 'small',
|
|
15
|
+
'medium', 'large',
|
|
16
|
+
'h1', 'h2',
|
|
17
|
+
'h3', 'h4',
|
|
18
|
+
'h5', 'h6',
|
|
19
|
+
'display1', 'display2'
|
|
20
|
+
]
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
rules: [
|
|
24
|
+
{
|
|
25
|
+
if: { size: 'display1' },
|
|
26
|
+
tokens: { fontSize: 20, lineHeight: 1.2 }
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
if: { size: 'display2' },
|
|
30
|
+
tokens: { fontSize: 20, lineHeight: 1.2 }
|
|
31
|
+
},
|
|
32
|
+
{ if: { size: 'h1' }, tokens: { fontSize: 20, lineHeight: 1.2 } },
|
|
33
|
+
{ if: { size: 'h2' }, tokens: { fontSize: 20, lineHeight: 1.2 } },
|
|
34
|
+
{ if: { size: 'h3' }, tokens: { fontSize: 14, lineHeight: 1 } },
|
|
35
|
+
{ if: { size: 'h4' }, tokens: { fontSize: 14, lineHeight: 1 } },
|
|
36
|
+
{ if: { size: 'h5' }, tokens: { fontSize: 14, lineHeight: 1 } },
|
|
37
|
+
{ if: { size: 'h6' }, tokens: { fontSize: 14, lineHeight: 1 } },
|
|
38
|
+
{ if: { size: 'micro' }, tokens: { fontSize: 12, lineHeight: 1 } },
|
|
39
|
+
{ if: { size: 'small' }, tokens: { fontSize: 12, lineHeight: 1 } },
|
|
40
|
+
{ if: { size: 'medium' }, tokens: { fontSize: 12, lineHeight: 1 } },
|
|
41
|
+
{ if: { size: 'large' }, tokens: { fontSize: 12, lineHeight: 1 } }
|
|
42
|
+
],
|
|
12
43
|
tokens: {
|
|
13
44
|
color: null,
|
|
14
45
|
fontName: 'StagSans',
|