@telus-uds/theme-allium 3.26.0 → 3.28.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.
@@ -798,6 +798,18 @@
798
798
  "inverse": true
799
799
  },
800
800
  "tokens": {
801
+ "color": {
802
+ "red": 1,
803
+ "green": 1,
804
+ "blue": 1,
805
+ "alpha": 1
806
+ },
807
+ "currentColor": {
808
+ "red": 1,
809
+ "green": 1,
810
+ "blue": 1,
811
+ "alpha": 1
812
+ },
801
813
  "iconColor": {
802
814
  "red": 0.69804,
803
815
  "green": 0.72549,
@@ -808,14 +820,30 @@
808
820
  }
809
821
  ],
810
822
  "tokens": {
811
- "icon": "PaletteIconChevronRight",
812
- "iconColor": {
823
+ "color": {
813
824
  "red": 0.40392,
814
825
  "green": 0.43137,
815
826
  "blue": 0.45098,
816
827
  "alpha": 1
817
828
  },
818
- "iconPadding": 8,
829
+ "currentColor": {
830
+ "red": 0.2549,
831
+ "green": 0.27059,
832
+ "blue": 0.27843,
833
+ "alpha": 1
834
+ },
835
+ "fontName": "HelveticaNow",
836
+ "fontSize": 12,
837
+ "fontWeight": 500,
838
+ "icon": "PaletteIconChevronRight",
839
+ "iconColor": {
840
+ "red": 0.69804,
841
+ "green": 0.72549,
842
+ "blue": 0.74902,
843
+ "alpha": 1
844
+ },
845
+ "iconPadding": 4,
846
+ "iconSize": 16,
819
847
  "listItemPadding": 0
820
848
  }
821
849
  },
@@ -1259,13 +1287,17 @@
1259
1287
  "blue": 1,
1260
1288
  "alpha": 1
1261
1289
  },
1290
+ "borderBottomWidth": 1,
1262
1291
  "borderColor": {
1263
1292
  "red": 0.16863,
1264
1293
  "green": 0.50196,
1265
1294
  "blue": 0,
1266
1295
  "alpha": 1
1267
1296
  },
1297
+ "borderLeftWidth": 1,
1268
1298
  "borderRadius": 32,
1299
+ "borderRightWidth": 1,
1300
+ "borderTopWidth": 1,
1269
1301
  "borderWidth": 1,
1270
1302
  "color": {
1271
1303
  "red": 0.16863,
@@ -1276,9 +1308,10 @@
1276
1308
  "fontName": "HelveticaNow",
1277
1309
  "fontSize": 16,
1278
1310
  "fontWeight": 700,
1311
+ "height": null,
1279
1312
  "icon": null,
1280
1313
  "iconSize": 24,
1281
- "iconSpace": 2,
1314
+ "iconSpace": 1,
1282
1315
  "lineHeight": 1.5,
1283
1316
  "minWidth": 144,
1284
1317
  "opacity": 1,
@@ -2608,6 +2641,12 @@
2608
2641
  "appearances": {},
2609
2642
  "rules": [],
2610
2643
  "tokens": {
2644
+ "calendarBackgroundColor": {
2645
+ "red": 1,
2646
+ "green": 1,
2647
+ "blue": 1,
2648
+ "alpha": 1
2649
+ },
2611
2650
  "calendarDayBlockedCalendarHoverBackground": {
2612
2651
  "red": 0.98039,
2613
2652
  "green": 0.98039,
@@ -2615,21 +2654,31 @@
2615
2654
  "alpha": 1
2616
2655
  },
2617
2656
  "calendarDayBlockedCalendarHoverColor": {
2618
- "red": 0.2549,
2619
- "green": 0.27059,
2620
- "blue": 0.27843,
2657
+ "red": 0.40392,
2658
+ "green": 0.43137,
2659
+ "blue": 0.45098,
2660
+ "alpha": 1
2661
+ },
2662
+ "calendarDayDefaultBackgroundColor": {
2663
+ "red": 1,
2664
+ "green": 1,
2665
+ "blue": 1,
2621
2666
  "alpha": 1
2622
2667
  },
2623
- "calendarDayDefaultBeforeHeight": 28,
2624
- "calendarDayDefaultBeforeWidth": 28,
2625
2668
  "calendarDayDefaultBorder": 1,
2626
2669
  "calendarDayDefaultBorderColor": {
2627
- "red": 0.8902,
2628
- "green": 0.90196,
2629
- "blue": 0.9098,
2670
+ "red": 0.69804,
2671
+ "green": 0.72549,
2672
+ "blue": 0.74902,
2630
2673
  "alpha": 1
2631
2674
  },
2632
2675
  "calendarDayDefaultCalendarDaySelectedHoverBackground": {
2676
+ "red": 1,
2677
+ "green": 1,
2678
+ "blue": 1,
2679
+ "alpha": 1
2680
+ },
2681
+ "calendarDayDefaultCalendarDaySelectedHoverBeforeBackground": {
2633
2682
  "red": 0.48627,
2634
2683
  "green": 0.32549,
2635
2684
  "blue": 0.64706,
@@ -2649,23 +2698,41 @@
2649
2698
  },
2650
2699
  "calendarDayDefaultFontName": "HelveticaNow",
2651
2700
  "calendarDayDefaultFontSize": 14,
2652
- "calendarDayDefaultFontWeight": 300,
2701
+ "calendarDayDefaultFontWeight": 400,
2702
+ "calendarDaySelectedFocusBeforeBackground": {
2703
+ "red": 1,
2704
+ "green": 1,
2705
+ "blue": 1,
2706
+ "alpha": 1
2707
+ },
2708
+ "calendarDaySelectedHoverBackground": {
2709
+ "red": 1,
2710
+ "green": 1,
2711
+ "blue": 1,
2712
+ "alpha": 1
2713
+ },
2653
2714
  "calendarDaySelectedHoverBeforeBackground": {
2715
+ "red": 1,
2716
+ "green": 1,
2717
+ "blue": 1,
2718
+ "alpha": 1
2719
+ },
2720
+ "calendarDaySelectedHoverBeforeBorderColor": {
2654
2721
  "red": 0.48627,
2655
2722
  "green": 0.32549,
2656
2723
  "blue": 0.64706,
2657
2724
  "alpha": 1
2658
2725
  },
2659
2726
  "calendarDaySelectedHoverBorderColor": {
2660
- "red": 0.8902,
2661
- "green": 0.90196,
2662
- "blue": 0.9098,
2727
+ "red": 0.69804,
2728
+ "green": 0.72549,
2729
+ "blue": 0.74902,
2663
2730
  "alpha": 1
2664
2731
  },
2665
2732
  "calendarDaySelectedHoverColor": {
2666
- "red": 1,
2667
- "green": 1,
2668
- "blue": 1,
2733
+ "red": 0.2549,
2734
+ "green": 0.27059,
2735
+ "blue": 0.27843,
2669
2736
  "alpha": 1
2670
2737
  },
2671
2738
  "calendarMonthCaptionColor": {
@@ -2676,7 +2743,7 @@
2676
2743
  },
2677
2744
  "calendarMonthCaptionFontName": "HelveticaNow",
2678
2745
  "calendarMonthCaptionFontSize": 20,
2679
- "calendarMonthCaptionFontWeight": 400,
2746
+ "calendarMonthCaptionFontWeight": 700,
2680
2747
  "calendarMonthCaptionLineHeight": 1.4,
2681
2748
  "calendarMonthCaptionPaddingBottom": 48,
2682
2749
  "dateInputBorderColor": {
@@ -2716,41 +2783,7 @@
2716
2783
  "blue": 0.45098,
2717
2784
  "alpha": 1
2718
2785
  },
2719
- "dayPickerNavigationButtonBackgroundColor": {
2720
- "red": 1,
2721
- "green": 1,
2722
- "blue": 1,
2723
- "alpha": 1
2724
- },
2725
- "dayPickerNavigationButtonBorderColor": {
2726
- "red": 0.69804,
2727
- "green": 0.72549,
2728
- "blue": 0.74902,
2729
- "alpha": 1
2730
- },
2731
- "dayPickerNavigationButtonChildLeft": 8,
2732
- "dayPickerNavigationButtonChildRight": 8,
2733
- "dayPickerNavigationButtonChildSvgFill": {
2734
- "red": 0.40392,
2735
- "green": 0.43137,
2736
- "blue": 0.45098,
2737
- "alpha": 1
2738
- },
2739
- "dayPickerNavigationButtonDefaultHoverBorderColor": {
2740
- "red": 0.8902,
2741
- "green": 0.90196,
2742
- "blue": 0.9098,
2743
- "alpha": 1
2744
- },
2745
- "dayPickerNavigationButtonMaxHeight": 32,
2746
- "dayPickerNavigationButtonMaxWidth": 32,
2747
2786
  "dayPickerNavigationButtonPadding": 8,
2748
- "dayPickerNavigationSVGHorizontalFill": {
2749
- "red": 0.17255,
2750
- "green": 0.18039,
2751
- "blue": 0.18824,
2752
- "alpha": 1
2753
- },
2754
2787
  "dayPickerWeekHeaderColor": {
2755
2788
  "red": 0.2549,
2756
2789
  "green": 0.27059,
@@ -2758,7 +2791,7 @@
2758
2791
  "alpha": 1
2759
2792
  },
2760
2793
  "dayPickerWeekHeaderFontName": "HelveticaNow",
2761
- "dayPickerWeekHeaderFontWeight": 500,
2794
+ "dayPickerWeekHeaderFontWeight": 700,
2762
2795
  "dayPickerWeekHeaderLineHeight": 1.42857142857,
2763
2796
  "dayPickerWeekHeaderSmall": 14,
2764
2797
  "hiddenInputFieldContainerHeight": 0,
@@ -2788,6 +2821,22 @@
2788
2821
  }
2789
2822
  }
2790
2823
  },
2824
+ "Disclaimer": {
2825
+ "appearances": {},
2826
+ "rules": [],
2827
+ "tokens": {
2828
+ "color": {
2829
+ "red": 0.2549,
2830
+ "green": 0.27059,
2831
+ "blue": 0.27843,
2832
+ "alpha": 1
2833
+ },
2834
+ "fontName": "HelveticaNow",
2835
+ "fontSize": 14,
2836
+ "fontWeight": 400,
2837
+ "lineHeight": 1.42857142857
2838
+ }
2839
+ },
2791
2840
  "Divider": {
2792
2841
  "appearances": {
2793
2842
  "decorative": {
@@ -2866,6 +2915,10 @@
2866
2915
  },
2867
2916
  "ExpandCollapseControl": {
2868
2917
  "appearances": {
2918
+ "compact": {
2919
+ "type": "variant",
2920
+ "values": [true]
2921
+ },
2869
2922
  "expanded": {
2870
2923
  "description": "Applies when an ExpandCollapse panel is open and the content inside is visible",
2871
2924
  "values": [true],
@@ -2880,6 +2933,17 @@
2880
2933
  "tokens": {
2881
2934
  "icon": "PaletteIconCaretUp"
2882
2935
  }
2936
+ },
2937
+ {
2938
+ "if": {
2939
+ "compact": true
2940
+ },
2941
+ "tokens": {
2942
+ "paddingBottom": 8,
2943
+ "paddingLeft": 0,
2944
+ "paddingRight": 0,
2945
+ "paddingTop": 8
2946
+ }
2883
2947
  }
2884
2948
  ],
2885
2949
  "tokens": {
@@ -2909,8 +2973,8 @@
2909
2973
  "iconSize": 16,
2910
2974
  "justifyContent": "flex-start",
2911
2975
  "paddingBottom": 16,
2912
- "paddingLeft": 8,
2913
- "paddingRight": 16,
2976
+ "paddingLeft": 0,
2977
+ "paddingRight": 0,
2914
2978
  "paddingTop": 16,
2915
2979
  "verticalAlign": "top"
2916
2980
  }
@@ -2946,15 +3010,48 @@
2946
3010
  }
2947
3011
  },
2948
3012
  "ExpandCollapsePanel": {
2949
- "appearances": {},
2950
- "rules": [],
3013
+ "appearances": {
3014
+ "compact": {
3015
+ "type": "variant",
3016
+ "values": [true]
3017
+ }
3018
+ },
3019
+ "rules": [
3020
+ {
3021
+ "if": {
3022
+ "compact": true
3023
+ },
3024
+ "tokens": {
3025
+ "contentPaddingBottom": 16,
3026
+ "contentPaddingLeft": 24,
3027
+ "contentPaddingRight": 0,
3028
+ "contentPaddingTop": 8
3029
+ }
3030
+ }
3031
+ ],
2951
3032
  "tokens": {
3033
+ "borderColor": {
3034
+ "red": 0,
3035
+ "green": 0,
3036
+ "blue": 0,
3037
+ "alpha": 0
3038
+ },
3039
+ "borderRadius": 0,
3040
+ "borderWidth": 0,
2952
3041
  "collapseDuration": 250,
2953
3042
  "contentPaddingBottom": 16,
2954
- "contentPaddingLeft": 40,
2955
- "contentPaddingRight": 16,
3043
+ "contentPaddingLeft": 24,
3044
+ "contentPaddingRight": 0,
2956
3045
  "contentPaddingTop": 0,
2957
- "expandDuration": 300
3046
+ "expandDividerColor": {
3047
+ "red": 0,
3048
+ "green": 0,
3049
+ "blue": 0,
3050
+ "alpha": 0
3051
+ },
3052
+ "expandDuration": 300,
3053
+ "expanddDividerWidth": 0,
3054
+ "marginBottom": 0
2958
3055
  }
2959
3056
  },
2960
3057
  "Feedback": {
@@ -3111,6 +3208,7 @@
3111
3208
  "closeButtonMarginRight": 4,
3112
3209
  "closeButtonMarginTop": 12,
3113
3210
  "closeButtonWidth": 24,
3211
+ "closeIcon": "PaletteIconClose",
3114
3212
  "footnoteBackground": {
3115
3213
  "red": 0.95686,
3116
3214
  "green": 0.95686,
@@ -3153,6 +3251,14 @@
3153
3251
  "appearances": {},
3154
3252
  "rules": [],
3155
3253
  "tokens": {
3254
+ "color": {
3255
+ "red": 0,
3256
+ "green": 0,
3257
+ "blue": 0,
3258
+ "alpha": 1
3259
+ },
3260
+ "fontName": "HelveticaNow",
3261
+ "fontWeight": 400,
3156
3262
  "lineHeight": 1,
3157
3263
  "paddingLeft": 2,
3158
3264
  "paddingRight": 2
@@ -4560,7 +4666,154 @@
4560
4666
  "alpha": 0.1
4561
4667
  }
4562
4668
  },
4563
- "subHeadingMarginTop": 8
4669
+ "subHeadingMarginTop": 8
4670
+ }
4671
+ },
4672
+ "NavigationBar": {
4673
+ "appearances": {
4674
+ "expanded": {
4675
+ "description": "Applies when an ExpandCollapse panel is open and the content inside is visible",
4676
+ "values": [true],
4677
+ "type": "state"
4678
+ },
4679
+ "pressed": {
4680
+ "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.",
4681
+ "values": [true],
4682
+ "type": "state"
4683
+ },
4684
+ "selected": {
4685
+ "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`.",
4686
+ "values": [true],
4687
+ "type": "state"
4688
+ },
4689
+ "viewport": {
4690
+ "description": "The size label for the current screen viewport based on the current screen width",
4691
+ "values": ["xs", "sm", "md", "lg", "xl"],
4692
+ "type": "state"
4693
+ }
4694
+ },
4695
+ "rules": [
4696
+ {
4697
+ "if": {
4698
+ "selected": true
4699
+ },
4700
+ "tokens": {
4701
+ "backgroundColor": {
4702
+ "red": 0.95686,
4703
+ "green": 0.95686,
4704
+ "blue": 0.96863,
4705
+ "alpha": 1
4706
+ },
4707
+ "borderColor": {
4708
+ "red": 0.95686,
4709
+ "green": 0.95686,
4710
+ "blue": 0.96863,
4711
+ "alpha": 1
4712
+ },
4713
+ "color": {
4714
+ "red": 0.29412,
4715
+ "green": 0.15686,
4716
+ "blue": 0.42745,
4717
+ "alpha": 1
4718
+ },
4719
+ "fontName": "HelveticaNow",
4720
+ "fontWeight": 700
4721
+ }
4722
+ },
4723
+ {
4724
+ "if": {
4725
+ "pressed": true
4726
+ },
4727
+ "tokens": {
4728
+ "backgroundColor": {
4729
+ "red": 0.8902,
4730
+ "green": 0.90196,
4731
+ "blue": 0.9098,
4732
+ "alpha": 1
4733
+ },
4734
+ "borderColor": {
4735
+ "red": 0.48627,
4736
+ "green": 0.32549,
4737
+ "blue": 0.64706,
4738
+ "alpha": 1
4739
+ },
4740
+ "borderWidth": 1,
4741
+ "color": {
4742
+ "red": 0.29412,
4743
+ "green": 0.15686,
4744
+ "blue": 0.42745,
4745
+ "alpha": 1
4746
+ }
4747
+ }
4748
+ },
4749
+ {
4750
+ "if": {
4751
+ "viewport": ["xs", "sm", "md"]
4752
+ },
4753
+ "tokens": {
4754
+ "textAlign": "flex-start",
4755
+ "width": 288
4756
+ }
4757
+ },
4758
+ {
4759
+ "if": {
4760
+ "expanded": true
4761
+ },
4762
+ "tokens": {
4763
+ "icoMenu": "PaletteIconCaretUp"
4764
+ }
4765
+ }
4766
+ ],
4767
+ "tokens": {
4768
+ "alignSelf": "flex-start",
4769
+ "backgroundColor": {
4770
+ "red": 1,
4771
+ "green": 1,
4772
+ "blue": 1,
4773
+ "alpha": 1
4774
+ },
4775
+ "borderColor": {
4776
+ "red": 1,
4777
+ "green": 1,
4778
+ "blue": 1,
4779
+ "alpha": 1
4780
+ },
4781
+ "borderRadius": 32,
4782
+ "borderWidth": 1,
4783
+ "color": {
4784
+ "red": 0.2549,
4785
+ "green": 0.27059,
4786
+ "blue": 0.27843,
4787
+ "alpha": 1
4788
+ },
4789
+ "fontName": "HelveticaNow",
4790
+ "fontSize": 14,
4791
+ "fontWeight": 400,
4792
+ "icoMenu": "PaletteIconCaretDown",
4793
+ "lineHeight": 1.14285714286,
4794
+ "minWidth": 0,
4795
+ "opacity": 1,
4796
+ "outerBackgroundColor": {
4797
+ "red": 0,
4798
+ "green": 0,
4799
+ "blue": 0,
4800
+ "alpha": 0
4801
+ },
4802
+ "outerBorderColor": {
4803
+ "red": 0,
4804
+ "green": 0,
4805
+ "blue": 0,
4806
+ "alpha": 0
4807
+ },
4808
+ "outerBorderGap": 0,
4809
+ "outerBorderWidth": 1,
4810
+ "paddingBottom": 8,
4811
+ "paddingLeft": 16,
4812
+ "paddingRight": 16,
4813
+ "paddingTop": 8,
4814
+ "shadow": null,
4815
+ "textAlign": "center",
4816
+ "width": 0
4564
4817
  }
4565
4818
  },
4566
4819
  "Notification": {
@@ -4572,9 +4825,22 @@
4572
4825
  "system": {
4573
4826
  "values": [true],
4574
4827
  "type": "state"
4828
+ },
4829
+ "viewport": {
4830
+ "description": "The size label for the current screen viewport based on the current screen width",
4831
+ "values": ["xs", "sm", "md", "lg", "xl"],
4832
+ "type": "state"
4575
4833
  }
4576
4834
  },
4577
4835
  "rules": [
4836
+ {
4837
+ "if": {
4838
+ "viewport": ["xl"]
4839
+ },
4840
+ "tokens": {
4841
+ "justifyContent": "center"
4842
+ }
4843
+ },
4578
4844
  {
4579
4845
  "if": {
4580
4846
  "system": true
@@ -4699,12 +4965,11 @@
4699
4965
  "dismissButtonGap": 16,
4700
4966
  "dismissIcon": "PaletteIconClose",
4701
4967
  "dismissIconColor": {
4702
- "red": 0.2549,
4703
- "green": 0.27059,
4704
- "blue": 0.27843,
4968
+ "red": 0.40392,
4969
+ "green": 0.43137,
4970
+ "blue": 0.45098,
4705
4971
  "alpha": 1
4706
4972
  },
4707
- "dismissIconSize": 24,
4708
4973
  "fontName": "HelveticaNow",
4709
4974
  "fontSize": 16,
4710
4975
  "fontWeight": 400,
@@ -4717,6 +4982,7 @@
4717
4982
  },
4718
4983
  "iconGap": 16,
4719
4984
  "iconSize": 24,
4985
+ "justifyContent": "flex-start",
4720
4986
  "lineHeight": 1.5,
4721
4987
  "paddingBottom": 12,
4722
4988
  "paddingLeft": 12,
@@ -4824,12 +5090,28 @@
4824
5090
  }
4825
5091
  ],
4826
5092
  "tokens": {
5093
+ "borderBottomWidth": 0,
5094
+ "borderColor": {
5095
+ "red": 0.40392,
5096
+ "green": 0.43137,
5097
+ "blue": 0.45098,
5098
+ "alpha": 1
5099
+ },
5100
+ "borderLeftWidth": 0,
5101
+ "borderRightWidth": 0,
5102
+ "borderTopWidth": 0,
4827
5103
  "color": {
4828
5104
  "red": 0.40392,
4829
5105
  "green": 0.43137,
4830
5106
  "blue": 0.45098,
4831
5107
  "alpha": 1
4832
5108
  },
5109
+ "ellipsisBorderBottomWidth": 0,
5110
+ "ellipsisBorderLeftWidth": 0,
5111
+ "ellipsisBorderRightWidth": 0,
5112
+ "ellipsisBorderTopWidth": 0,
5113
+ "ellipsisHeight": null,
5114
+ "ellipsisPadding": 0,
4833
5115
  "fontName": "HelveticaNow",
4834
5116
  "fontSize": 16,
4835
5117
  "fontWeight": 400,
@@ -4899,14 +5181,17 @@
4899
5181
  "blue": 0,
4900
5182
  "alpha": 0
4901
5183
  },
5184
+ "borderBottomWidth": 1,
4902
5185
  "borderColor": {
4903
5186
  "red": 0,
4904
5187
  "green": 0,
4905
5188
  "blue": 0,
4906
5189
  "alpha": 0
4907
5190
  },
5191
+ "borderLeftWidth": 1,
4908
5192
  "borderRadius": 32,
4909
- "borderWidth": 1,
5193
+ "borderRightWidth": 1,
5194
+ "borderTopWidth": 1,
4910
5195
  "color": {
4911
5196
  "red": 0.40392,
4912
5197
  "green": 0.43137,
@@ -4916,6 +5201,7 @@
4916
5201
  "fontName": "HelveticaNow",
4917
5202
  "fontSize": 16,
4918
5203
  "fontWeight": 400,
5204
+ "height": 32,
4919
5205
  "lineHeight": 1.5,
4920
5206
  "outerBorderColor": {
4921
5207
  "red": 0,
@@ -5046,14 +5332,17 @@
5046
5332
  "blue": 0,
5047
5333
  "alpha": 0
5048
5334
  },
5335
+ "borderBottomWidth": 0,
5049
5336
  "borderColor": {
5050
5337
  "red": 0,
5051
5338
  "green": 0,
5052
5339
  "blue": 0,
5053
5340
  "alpha": 0
5054
5341
  },
5342
+ "borderLeftWidth": 0,
5055
5343
  "borderRadius": 4,
5056
- "borderWidth": 1,
5344
+ "borderRightWidth": 0,
5345
+ "borderTopWidth": 0,
5057
5346
  "color": {
5058
5347
  "red": 0.40392,
5059
5348
  "green": 0.43137,
@@ -5064,6 +5353,7 @@
5064
5353
  "fontName": "HelveticaNow",
5065
5354
  "fontSize": 16,
5066
5355
  "fontWeight": 400,
5356
+ "height": null,
5067
5357
  "icon": null,
5068
5358
  "iconDisplace": 0,
5069
5359
  "iconSize": 24,
@@ -5074,12 +5364,13 @@
5074
5364
  "blue": 0,
5075
5365
  "alpha": 0
5076
5366
  },
5077
- "paddingBottom": 12,
5367
+ "outerBorderWidth": 1,
5368
+ "paddingBottom": 4,
5078
5369
  "paddingLeft": 8,
5079
5370
  "paddingRight": 8,
5080
- "paddingTop": 12,
5371
+ "paddingTop": 4,
5081
5372
  "textAlign": "center",
5082
- "textLine": "underline",
5373
+ "textLine": "none",
5083
5374
  "width": null
5084
5375
  }
5085
5376
  },
@@ -5123,11 +5414,100 @@
5123
5414
  }
5124
5415
  },
5125
5416
  "PriceLockup": {
5126
- "appearances": {},
5127
- "rules": [],
5417
+ "appearances": {
5418
+ "size": {
5419
+ "type": "variant",
5420
+ "values": ["small", "medium", "large"]
5421
+ },
5422
+ "strikeThrough": {
5423
+ "type": "variant",
5424
+ "values": [true]
5425
+ },
5426
+ "viewport": {
5427
+ "description": "The size label for the current screen viewport based on the current screen width",
5428
+ "values": ["xs", "sm", "md", "lg", "xl"],
5429
+ "type": "state"
5430
+ }
5431
+ },
5432
+ "rules": [
5433
+ {
5434
+ "if": {
5435
+ "size": "small"
5436
+ },
5437
+ "tokens": {
5438
+ "amountFontSize": 28,
5439
+ "bottomTextFontSize": 14,
5440
+ "bottomTextLineHeight": 1.42857142857,
5441
+ "centsFontSize": 16,
5442
+ "centsLineHeight": 1.33333333333,
5443
+ "currencySymbolFontSize": 16,
5444
+ "currencySymbolLineHeight": 1.25,
5445
+ "rateFontSize": 14,
5446
+ "rateLineHeight": 1.14285714286,
5447
+ "strikeThroughPosition": 15,
5448
+ "topTextFontSize": 14,
5449
+ "topTextLineHeight": 1.42857142857
5450
+ }
5451
+ },
5452
+ {
5453
+ "if": {
5454
+ "size": "large",
5455
+ "viewport": ["lg", "xl"]
5456
+ },
5457
+ "tokens": {
5458
+ "amountFontSize": 64,
5459
+ "bottomTextFontSize": 20,
5460
+ "bottomTextLineHeight": 1.6,
5461
+ "centsFontSize": 36,
5462
+ "centsLineHeight": 1.125,
5463
+ "currencySymbolFontSize": 36,
5464
+ "currencySymbolLineHeight": 1.125,
5465
+ "rateFontSize": 20,
5466
+ "rateLineHeight": 1.6,
5467
+ "strikeThroughHeight": 3,
5468
+ "strikeThroughPosition": 35,
5469
+ "topTextFontSize": 20,
5470
+ "topTextLineHeight": 1.6
5471
+ }
5472
+ },
5473
+ {
5474
+ "if": {
5475
+ "strikeThrough": true
5476
+ },
5477
+ "tokens": {
5478
+ "fontColor": {
5479
+ "red": 0.40392,
5480
+ "green": 0.43137,
5481
+ "blue": 0.45098,
5482
+ "alpha": 1
5483
+ },
5484
+ "footnoteLinkColor": {
5485
+ "red": 0.40392,
5486
+ "green": 0.43137,
5487
+ "blue": 0.45098,
5488
+ "alpha": 1
5489
+ }
5490
+ }
5491
+ }
5492
+ ],
5128
5493
  "tokens": {
5494
+ "amountFontName": "HelveticaNow",
5495
+ "amountFontSize": 40,
5496
+ "amountFontWeight": 300,
5497
+ "amountLetterSpacing": -0.039,
5498
+ "amountLineHeight": 1,
5129
5499
  "bottomLinksMarginLeft": 4,
5500
+ "bottomTextFontSize": 16,
5501
+ "bottomTextLineHeight": 1.6,
5130
5502
  "bottomTextMarginTop": 4,
5503
+ "centsFontName": "HelveticaNow",
5504
+ "centsFontSize": 20,
5505
+ "centsFontWeight": 400,
5506
+ "centsLineHeight": 1.2,
5507
+ "currencySymbolFontName": "HelveticaNow",
5508
+ "currencySymbolFontSize": 20,
5509
+ "currencySymbolFontWeight": 400,
5510
+ "currencySymbolLineHeight": 1.2,
5131
5511
  "dividerColor": {
5132
5512
  "red": 0.69804,
5133
5513
  "green": 0.72549,
@@ -5140,16 +5520,36 @@
5140
5520
  "blue": 0.27843,
5141
5521
  "alpha": 1
5142
5522
  },
5523
+ "fontName": "HelveticaNow",
5524
+ "fontWeight": 700,
5143
5525
  "footnoteGap": 4,
5526
+ "footnoteLinkColor": {
5527
+ "red": 0.2549,
5528
+ "green": 0.27059,
5529
+ "blue": 0.27843,
5530
+ "alpha": 1
5531
+ },
5532
+ "footnoteLinkFontName": "HelveticaNow",
5533
+ "footnoteLinkFontSize": 14,
5534
+ "footnoteLinkFontWeight": 400,
5144
5535
  "footnoteMarginTop": 4,
5145
5536
  "priceMarginBottom": 8,
5146
- "strikeThroughBackground": {
5537
+ "rateFontName": "HelveticaNow",
5538
+ "rateFontSize": 16,
5539
+ "rateFontWeight": 400,
5540
+ "rateLineHeight": 1.25,
5541
+ "strikeThroughColor": {
5147
5542
  "red": 0.40392,
5148
5543
  "green": 0.43137,
5149
5544
  "blue": 0.45098,
5150
5545
  "alpha": 1
5151
5546
  },
5152
5547
  "strikeThroughHeight": 2,
5548
+ "strikeThroughPosition": 22,
5549
+ "topTextFontName": "HelveticaNow",
5550
+ "topTextFontSize": 16,
5551
+ "topTextFontWeight": 700,
5552
+ "topTextLineHeight": 1.5,
5153
5553
  "topTextMarginBottom": 4
5154
5554
  }
5155
5555
  },
@@ -5798,7 +6198,9 @@
5798
6198
  "containerPaddingRight": 0,
5799
6199
  "containerPaddingTop": 0,
5800
6200
  "containerShadow": null,
6201
+ "descriptionFontName": "HelveticaNow",
5801
6202
  "descriptionFontSize": 14,
6203
+ "descriptionFontWeight": 400,
5802
6204
  "descriptionLineHeight": 1.42857142857,
5803
6205
  "descriptionMarginLeft": null,
5804
6206
  "inputBackgroundColor": {
@@ -6130,6 +6532,10 @@
6130
6532
  "purpose": {
6131
6533
  "type": "variant",
6132
6534
  "values": ["offer", "default", "editorial"]
6535
+ },
6536
+ "wrap": {
6537
+ "type": "variant",
6538
+ "values": [true]
6133
6539
  }
6134
6540
  },
6135
6541
  "rules": [
@@ -6151,6 +6557,46 @@
6151
6557
  "alpha": 1
6152
6558
  }
6153
6559
  }
6560
+ },
6561
+ {
6562
+ "if": {
6563
+ "purpose": "offer"
6564
+ },
6565
+ "tokens": {
6566
+ "gradient": {
6567
+ "type": "linear",
6568
+ "angle": 135,
6569
+ "stops": [
6570
+ {
6571
+ "stop": 0,
6572
+ "color": {
6573
+ "red": 0.29412,
6574
+ "green": 0.15686,
6575
+ "blue": 0.42745,
6576
+ "alpha": 1
6577
+ }
6578
+ },
6579
+ {
6580
+ "stop": 1,
6581
+ "color": {
6582
+ "red": 0.89804,
6583
+ "green": 0.19608,
6584
+ "blue": 0.57647,
6585
+ "alpha": 1
6586
+ }
6587
+ }
6588
+ ]
6589
+ }
6590
+ }
6591
+ },
6592
+ {
6593
+ "if": {
6594
+ "wrap": true
6595
+ },
6596
+ "tokens": {
6597
+ "paddingLeft": 24,
6598
+ "paddingRight": 24
6599
+ }
6154
6600
  }
6155
6601
  ],
6156
6602
  "tokens": {
@@ -6161,6 +6607,8 @@
6161
6607
  "alpha": 1
6162
6608
  },
6163
6609
  "borderRadius": 4,
6610
+ "borderRadiusBottomLeft": null,
6611
+ "borderRadiusBottomRight": null,
6164
6612
  "boxShadowColor": {
6165
6613
  "red": 0,
6166
6614
  "green": 0,
@@ -6178,7 +6626,7 @@
6178
6626
  "alpha": 1
6179
6627
  },
6180
6628
  "curveAfterHeight": 4,
6181
- "curveAfterRadius": 8,
6629
+ "curveAfterRadius": 0,
6182
6630
  "curveAfterWidth": 8,
6183
6631
  "curveBackgroundColor": {
6184
6632
  "red": 0.24706,
@@ -6189,30 +6637,13 @@
6189
6637
  "curveHeight": 10,
6190
6638
  "curveMarginTop": 4,
6191
6639
  "curveWidth": 8,
6192
- "gradient": {
6193
- "type": "linear",
6194
- "angle": 135,
6195
- "stops": [
6196
- {
6197
- "stop": 0,
6198
- "color": {
6199
- "red": 0.29412,
6200
- "green": 0.15686,
6201
- "blue": 0.42745,
6202
- "alpha": 1
6203
- }
6204
- },
6205
- {
6206
- "stop": 1,
6207
- "color": {
6208
- "red": 0.89804,
6209
- "green": 0.19608,
6210
- "blue": 0.57647,
6211
- "alpha": 1
6212
- }
6213
- }
6214
- ]
6640
+ "fontColor": {
6641
+ "red": 1,
6642
+ "green": 1,
6643
+ "blue": 1,
6644
+ "alpha": 1
6215
6645
  },
6646
+ "gradient": null,
6216
6647
  "paddingBottom": 4,
6217
6648
  "paddingLeft": 8,
6218
6649
  "paddingRight": 8,
@@ -6539,6 +6970,12 @@
6539
6970
  "blue": 0.27843,
6540
6971
  "alpha": 1
6541
6972
  },
6973
+ "feedbackBackgroundColor": {
6974
+ "red": 0.74902,
6975
+ "green": 0.90588,
6976
+ "blue": 0.59216,
6977
+ "alpha": 1
6978
+ },
6542
6979
  "fontName": "HelveticaNow",
6543
6980
  "fontSize": 16,
6544
6981
  "fontWeight": 400,
@@ -7286,6 +7723,9 @@
7286
7723
  "blue": 0.98039,
7287
7724
  "alpha": 1
7288
7725
  },
7726
+ "fontName": "HelveticaNow",
7727
+ "fontSize": 16,
7728
+ "fontWeight": 400,
7289
7729
  "tablePaddingBottom": 24
7290
7730
  }
7291
7731
  },
@@ -9222,6 +9662,79 @@
9222
9662
  "width": 64
9223
9663
  }
9224
9664
  },
9665
+ "VideoPicker": {
9666
+ "appearances": {},
9667
+ "rules": [],
9668
+ "tokens": {
9669
+ "framedContainerBackgroundColor": {
9670
+ "red": 0.98039,
9671
+ "green": 0.98039,
9672
+ "blue": 0.98039,
9673
+ "alpha": 1
9674
+ },
9675
+ "framedContainerBorderColor": {
9676
+ "red": 0.8902,
9677
+ "green": 0.90196,
9678
+ "blue": 0.9098,
9679
+ "alpha": 1
9680
+ },
9681
+ "framedContainerBorderRadius": 4,
9682
+ "framedContainerBorderWidth": 1,
9683
+ "framedContainerPadding": 24,
9684
+ "framedMaxHeight": 640,
9685
+ "stackViewDividerColor": {
9686
+ "red": 0.8902,
9687
+ "green": 0.90196,
9688
+ "blue": 0.9098,
9689
+ "alpha": 1
9690
+ }
9691
+ }
9692
+ },
9693
+ "VideoPickerSlider": {
9694
+ "appearances": {},
9695
+ "rules": [],
9696
+ "tokens": {
9697
+ "nextIcon": "PaletteIconArrowRight",
9698
+ "previousIcon": "PaletteIconArrowLeft"
9699
+ }
9700
+ },
9701
+ "VideoPickerThumbnail": {
9702
+ "appearances": {},
9703
+ "rules": [],
9704
+ "tokens": {
9705
+ "borderColor": {
9706
+ "red": 0.29412,
9707
+ "green": 0.15686,
9708
+ "blue": 0.42745,
9709
+ "alpha": 1
9710
+ },
9711
+ "borderRadius": 4,
9712
+ "borderWidth": 2,
9713
+ "pressableBorderTopColor": {
9714
+ "red": 0.8902,
9715
+ "green": 0.90196,
9716
+ "blue": 0.9098,
9717
+ "alpha": 1
9718
+ },
9719
+ "pressableBorderTopWidth": 1,
9720
+ "pressablePaddingBottom": 16,
9721
+ "pressablePaddingHorizontal": 24,
9722
+ "pressablePaddingVertical": 16,
9723
+ "splashButtonRadius": 4,
9724
+ "subTitleColor": {
9725
+ "red": 0.40392,
9726
+ "green": 0.43137,
9727
+ "blue": 0.45098,
9728
+ "alpha": 1
9729
+ },
9730
+ "titleColor": {
9731
+ "red": 0.29412,
9732
+ "green": 0.15686,
9733
+ "blue": 0.42745,
9734
+ "alpha": 1
9735
+ }
9736
+ }
9737
+ },
9225
9738
  "VideoProgressBar": {
9226
9739
  "appearances": {},
9227
9740
  "rules": [],
@@ -9493,7 +10006,7 @@
9493
10006
  }
9494
10007
  },
9495
10008
  "metadata": {
9496
- "themeTokensVersion": "2.24.0",
10009
+ "themeTokensVersion": "2.26.0",
9497
10010
  "name": "theme-allium"
9498
10011
  }
9499
10012
  }