@telus-uds/theme-koodo 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.
- package/build/android/schema.json +1072 -778
- package/build/android/theme.json +305 -186
- package/build/ios/schema.json +1072 -778
- package/build/ios/theme.json +305 -186
- package/build/rn/schema.json +1072 -778
- package/build/rn/theme.js +166 -117
- package/package.json +4 -4
- package/theme.json +182 -106
package/theme.json
CHANGED
|
@@ -884,13 +884,18 @@
|
|
|
884
884
|
"tokens": {
|
|
885
885
|
"alignSelf": "{system.flexAlign.flexStart}",
|
|
886
886
|
"backgroundColor": "{palette.color.white}",
|
|
887
|
+
"borderBottomWidth": "{palette.border.border1}",
|
|
887
888
|
"borderColor": "{palette.color.mosque}",
|
|
889
|
+
"borderLeftWidth": "{palette.border.border1}",
|
|
888
890
|
"borderRadius": "{palette.radius.radius4}",
|
|
891
|
+
"borderRightWidth": "{palette.border.border1}",
|
|
892
|
+
"borderTopWidth": "{palette.border.border1}",
|
|
889
893
|
"borderWidth": "{palette.border.border1}",
|
|
890
894
|
"color": "{palette.color.mosque}",
|
|
891
895
|
"fontName": "{palette.fontName.StagSans}",
|
|
892
896
|
"fontSize": "{palette.fontSize.size16}",
|
|
893
897
|
"fontWeight": "{palette.fontWeight.weight600}",
|
|
898
|
+
"height": "{system.size.none}",
|
|
894
899
|
"icon": "{system.icon.none}",
|
|
895
900
|
"iconSize": "{palette.size.size24}",
|
|
896
901
|
"iconSpace": "{system.integer.2}",
|
|
@@ -1795,55 +1800,50 @@
|
|
|
1795
1800
|
"appearances": {},
|
|
1796
1801
|
"rules": [],
|
|
1797
1802
|
"tokens": {
|
|
1798
|
-
"
|
|
1799
|
-
"
|
|
1800
|
-
"
|
|
1801
|
-
"
|
|
1803
|
+
"calendarBackgroundColor": "{palette.color.white}",
|
|
1804
|
+
"calendarDayBlockedCalendarHoverBackground": "{palette.color.gallery}",
|
|
1805
|
+
"calendarDayBlockedCalendarHoverColor": "{palette.color.dove}",
|
|
1806
|
+
"calendarDayDefaultBackgroundColor": "{palette.color.white}",
|
|
1802
1807
|
"calendarDayDefaultBorder": "{palette.border.border1}",
|
|
1803
|
-
"calendarDayDefaultBorderColor": "{
|
|
1804
|
-
"calendarDayDefaultCalendarDaySelectedHoverBackground": "{
|
|
1805
|
-
"
|
|
1806
|
-
"
|
|
1808
|
+
"calendarDayDefaultBorderColor": "{palette.color.silver}",
|
|
1809
|
+
"calendarDayDefaultCalendarDaySelectedHoverBackground": "{palette.color.white}",
|
|
1810
|
+
"calendarDayDefaultCalendarDaySelectedHoverBeforeBackground": "{palette.color.mosque}",
|
|
1811
|
+
"calendarDayDefaultCalendarDaySelectedHoverColor": "{palette.color.white}",
|
|
1812
|
+
"calendarDayDefaultColor": "{palette.color.black}",
|
|
1807
1813
|
"calendarDayDefaultFontName": "{palette.fontName.StagSans}",
|
|
1808
|
-
"calendarDayDefaultFontSize": "{palette.fontSize.
|
|
1809
|
-
"calendarDayDefaultFontWeight": "{palette.fontWeight.
|
|
1810
|
-
"
|
|
1811
|
-
"
|
|
1812
|
-
"
|
|
1813
|
-
"
|
|
1814
|
+
"calendarDayDefaultFontSize": "{palette.fontSize.size14}",
|
|
1815
|
+
"calendarDayDefaultFontWeight": "{palette.fontWeight.weight400}",
|
|
1816
|
+
"calendarDaySelectedFocusBeforeBackground": "{palette.color.white}",
|
|
1817
|
+
"calendarDaySelectedHoverBackground": "{palette.color.white}",
|
|
1818
|
+
"calendarDaySelectedHoverBeforeBackground": "{palette.color.white}",
|
|
1819
|
+
"calendarDaySelectedHoverBeforeBorderColor": "{palette.color.mosque}",
|
|
1820
|
+
"calendarDaySelectedHoverBorderColor": "{palette.color.silver}",
|
|
1821
|
+
"calendarDaySelectedHoverColor": "{palette.color.black}",
|
|
1822
|
+
"calendarMonthCaptionColor": "{palette.color.black}",
|
|
1814
1823
|
"calendarMonthCaptionFontName": "{palette.fontName.StagSans}",
|
|
1815
1824
|
"calendarMonthCaptionFontSize": "{palette.fontSize.size20}",
|
|
1816
|
-
"calendarMonthCaptionFontWeight": "{palette.fontWeight.
|
|
1817
|
-
"calendarMonthCaptionLineHeight": "{palette.lineHeight.
|
|
1825
|
+
"calendarMonthCaptionFontWeight": "{palette.fontWeight.weight700}",
|
|
1826
|
+
"calendarMonthCaptionLineHeight": "{palette.lineHeight.ratio6to5}",
|
|
1818
1827
|
"calendarMonthCaptionPaddingBottom": "{palette.size.size48}",
|
|
1819
1828
|
"dateInputBorderColor": "{palette.color.transparent}",
|
|
1820
1829
|
"dateInputBorderRadius": "{palette.radius.radius4}",
|
|
1821
|
-
"dateInputFocusBorderColor": "{
|
|
1822
|
-
"dateInputHoverBorderColor": "{
|
|
1823
|
-
"dateInputInsideBorderColor": "{
|
|
1830
|
+
"dateInputFocusBorderColor": "{palette.color.mosque}",
|
|
1831
|
+
"dateInputHoverBorderColor": "{palette.color.silver}",
|
|
1832
|
+
"dateInputInsideBorderColor": "{palette.color.dove}",
|
|
1824
1833
|
"dateInputInsideColor": "{system.color.none}",
|
|
1825
|
-
"dateInputStrokeColor": "{
|
|
1826
|
-
"
|
|
1827
|
-
"
|
|
1828
|
-
"dayPickerNavigationButtonChildLeft": "{palette.size.size8}",
|
|
1829
|
-
"dayPickerNavigationButtonChildRight": "{palette.size.size8}",
|
|
1830
|
-
"dayPickerNavigationButtonChildSvgFill": "{system.color.none}",
|
|
1831
|
-
"dayPickerNavigationButtonDefaultHoverBorderColor": "{system.color.none}",
|
|
1832
|
-
"dayPickerNavigationButtonMaxHeight": "{palette.size.size32}",
|
|
1833
|
-
"dayPickerNavigationButtonMaxWidth": "{palette.size.size32}",
|
|
1834
|
-
"dayPickerNavigationButtonPadding": "{palette.size.size8}",
|
|
1835
|
-
"dayPickerNavigationSVGHorizontalFill": "{system.color.none}",
|
|
1836
|
-
"dayPickerWeekHeaderColor": "{system.color.none}",
|
|
1834
|
+
"dateInputStrokeColor": "{palette.color.dove}",
|
|
1835
|
+
"dayPickerNavigationButtonPadding": "{palette.size.size12}",
|
|
1836
|
+
"dayPickerWeekHeaderColor": "{palette.color.black}",
|
|
1837
1837
|
"dayPickerWeekHeaderFontName": "{palette.fontName.StagSans}",
|
|
1838
|
-
"dayPickerWeekHeaderFontWeight": "{palette.fontWeight.
|
|
1839
|
-
"dayPickerWeekHeaderLineHeight": "{palette.lineHeight.
|
|
1838
|
+
"dayPickerWeekHeaderFontWeight": "{palette.fontWeight.weight700}",
|
|
1839
|
+
"dayPickerWeekHeaderLineHeight": "{palette.lineHeight.ratio8to7}",
|
|
1840
1840
|
"dayPickerWeekHeaderSmall": "{palette.fontSize.size14}",
|
|
1841
1841
|
"hiddenInputFieldContainerHeight": "{palette.size.size0}",
|
|
1842
1842
|
"hiddenInputFieldContainerWidth": "{palette.size.size0}",
|
|
1843
1843
|
"invalidInputMixin": "{system.color.none}",
|
|
1844
|
-
"nextIcon": "{palette.icon.
|
|
1845
|
-
"previousIcon": "{palette.icon.
|
|
1846
|
-
"singleDatePickerBorderColor": "{
|
|
1844
|
+
"nextIcon": "{palette.icon.ChevronRight}",
|
|
1845
|
+
"previousIcon": "{palette.icon.ChevronLeft}",
|
|
1846
|
+
"singleDatePickerBorderColor": "{palette.color.dove}",
|
|
1847
1847
|
"singleDatePickerLeftRight": "{palette.size.size16}",
|
|
1848
1848
|
"singleDatePickerPaddingTopBottom": "{palette.size.size8}",
|
|
1849
1849
|
"singleDatePickerRadius": "{palette.radius.radius4}",
|
|
@@ -1939,9 +1939,19 @@
|
|
|
1939
1939
|
},
|
|
1940
1940
|
"ExpandCollapseControl": {
|
|
1941
1941
|
"appearances": {
|
|
1942
|
+
"compact": {
|
|
1943
|
+
"type": "variant",
|
|
1944
|
+
"values": [true]
|
|
1945
|
+
},
|
|
1942
1946
|
"expanded": "{appearances.ExpandCollapseControl.expanded}"
|
|
1943
1947
|
},
|
|
1944
1948
|
"rules": [
|
|
1949
|
+
{
|
|
1950
|
+
"if": {
|
|
1951
|
+
"compact": true
|
|
1952
|
+
},
|
|
1953
|
+
"tokens": {}
|
|
1954
|
+
},
|
|
1945
1955
|
{
|
|
1946
1956
|
"if": {
|
|
1947
1957
|
"expanded": true
|
|
@@ -1952,19 +1962,19 @@
|
|
|
1952
1962
|
}
|
|
1953
1963
|
],
|
|
1954
1964
|
"tokens": {
|
|
1955
|
-
"backgroundColor": "{palette.color.
|
|
1965
|
+
"backgroundColor": "{palette.color.gallery}",
|
|
1956
1966
|
"borderColor": "{palette.color.transparent}",
|
|
1957
1967
|
"borderWidth": "{system.border.zero}",
|
|
1958
1968
|
"icon": "{palette.icon.ChevronDown}",
|
|
1959
|
-
"iconColor": "{palette.color.
|
|
1960
|
-
"iconGap": "{palette.size.
|
|
1969
|
+
"iconColor": "{palette.color.black}",
|
|
1970
|
+
"iconGap": "{palette.size.size8}",
|
|
1961
1971
|
"iconPaddingTop": "{palette.size.size4}",
|
|
1962
|
-
"iconPosition": "{system.position.
|
|
1972
|
+
"iconPosition": "{system.position.right}",
|
|
1963
1973
|
"iconSize": "{palette.size.size16}",
|
|
1964
|
-
"justifyContent": "{system.flexJustifyContent.
|
|
1974
|
+
"justifyContent": "{system.flexJustifyContent.spaceBetween}",
|
|
1965
1975
|
"paddingBottom": "{palette.size.size16}",
|
|
1966
|
-
"paddingLeft": "{palette.size.
|
|
1967
|
-
"paddingRight": "{palette.size.
|
|
1976
|
+
"paddingLeft": "{palette.size.size24}",
|
|
1977
|
+
"paddingRight": "{palette.size.size24}",
|
|
1968
1978
|
"paddingTop": "{palette.size.size16}",
|
|
1969
1979
|
"verticalAlign": "{system.verticalAlign.middle}"
|
|
1970
1980
|
}
|
|
@@ -1996,15 +2006,33 @@
|
|
|
1996
2006
|
}
|
|
1997
2007
|
},
|
|
1998
2008
|
"ExpandCollapsePanel": {
|
|
1999
|
-
"appearances": {
|
|
2000
|
-
|
|
2009
|
+
"appearances": {
|
|
2010
|
+
"compact": {
|
|
2011
|
+
"type": "variant",
|
|
2012
|
+
"values": [true]
|
|
2013
|
+
}
|
|
2014
|
+
},
|
|
2015
|
+
"rules": [
|
|
2016
|
+
{
|
|
2017
|
+
"if": {
|
|
2018
|
+
"compact": true
|
|
2019
|
+
},
|
|
2020
|
+
"tokens": {}
|
|
2021
|
+
}
|
|
2022
|
+
],
|
|
2001
2023
|
"tokens": {
|
|
2024
|
+
"borderColor": "{palette.color.gallery}",
|
|
2025
|
+
"borderRadius": "{palette.radius.radius4}",
|
|
2026
|
+
"borderWidth": "{palette.border.border1}",
|
|
2002
2027
|
"collapseDuration": "{palette.duration.duration250}",
|
|
2003
2028
|
"contentPaddingBottom": "{palette.size.size16}",
|
|
2004
|
-
"contentPaddingLeft": "{palette.size.
|
|
2029
|
+
"contentPaddingLeft": "{palette.size.size16}",
|
|
2005
2030
|
"contentPaddingRight": "{palette.size.size16}",
|
|
2006
|
-
"contentPaddingTop": "{palette.size.
|
|
2007
|
-
"
|
|
2031
|
+
"contentPaddingTop": "{palette.size.size16}",
|
|
2032
|
+
"expandDividerColor": "{palette.color.transparent}",
|
|
2033
|
+
"expandDuration": "{palette.duration.duration300}",
|
|
2034
|
+
"expanddDividerWidth": "{palette.size.size0}",
|
|
2035
|
+
"marginBottom": "{palette.size.size8}"
|
|
2008
2036
|
}
|
|
2009
2037
|
},
|
|
2010
2038
|
"Feedback": {
|
|
@@ -2072,28 +2100,36 @@
|
|
|
2072
2100
|
"rules": [],
|
|
2073
2101
|
"tokens": {
|
|
2074
2102
|
"closeButtonBorderColor": "{palette.color.black}",
|
|
2075
|
-
"closeButtonBorderSize": "{palette.border.
|
|
2103
|
+
"closeButtonBorderSize": "{palette.border.none}",
|
|
2076
2104
|
"closeButtonHeight": "{palette.size.size24}",
|
|
2077
2105
|
"closeButtonIconSize": "{palette.size.size16}",
|
|
2078
2106
|
"closeButtonMarginBottom": "{palette.size.size4}",
|
|
2079
2107
|
"closeButtonMarginLeft": "{palette.size.size4}",
|
|
2080
2108
|
"closeButtonMarginRight": "{palette.size.size12}",
|
|
2081
|
-
"closeButtonMarginTop": "{palette.size.
|
|
2109
|
+
"closeButtonMarginTop": "{palette.size.size4}",
|
|
2082
2110
|
"closeButtonWidth": "{palette.size.size24}",
|
|
2083
2111
|
"closeIcon": "{palette.icon.Close}",
|
|
2084
|
-
"footnoteBackground": "{palette.color.
|
|
2085
|
-
"footnoteBodyBackground": "{palette.color.
|
|
2112
|
+
"footnoteBackground": "{palette.color.white}",
|
|
2113
|
+
"footnoteBodyBackground": "{palette.color.white}",
|
|
2086
2114
|
"footnoteBodyPaddingBottom": "{palette.size.size32}",
|
|
2087
2115
|
"footnoteBodyPaddingLeft": "{palette.size.size16}",
|
|
2088
2116
|
"footnoteBodyPaddingRight": "{palette.size.size16}",
|
|
2089
|
-
"footnoteBodyPaddingTop": "{palette.size.
|
|
2117
|
+
"footnoteBodyPaddingTop": "{palette.size.size16}",
|
|
2090
2118
|
"footnoteBorderColorMd": "{palette.color.silver}",
|
|
2091
2119
|
"footnoteBorderTopSizeMd": "{palette.border.border1}",
|
|
2120
|
+
"footnoteHeaderPaddingBottom": "{palette.size.size16}",
|
|
2121
|
+
"footnoteHeaderPaddingLeft": "{palette.size.size16}",
|
|
2122
|
+
"footnoteHeaderPaddingRight": "{palette.size.size16}",
|
|
2123
|
+
"footnoteHeaderPaddingTop": "{palette.size.size16}",
|
|
2124
|
+
"headerFontName": "{palette.fontName.StagSans}",
|
|
2125
|
+
"headerFontSize": "{palette.size.size16}",
|
|
2126
|
+
"headerFontWeight": "{palette.fontWeight.weight700}",
|
|
2127
|
+
"headerLineHeight": "{palette.size.size20}",
|
|
2092
2128
|
"headerMargin": "{palette.size.size16}",
|
|
2093
2129
|
"listItemColor": "{palette.color.black}",
|
|
2094
2130
|
"listItemFontSize": "{palette.size.size14}",
|
|
2095
2131
|
"listItemLineHeight": "{palette.lineHeight.ratio10to7}",
|
|
2096
|
-
"listItemMarkerFontSize": "{palette.size.
|
|
2132
|
+
"listItemMarkerFontSize": "{palette.size.size14}",
|
|
2097
2133
|
"listItemMarkerLineHeight": "{palette.lineHeight.ratio10to7}",
|
|
2098
2134
|
"listItemPaddingLeft": "{palette.size.size8}",
|
|
2099
2135
|
"listPaddingLeft": "{palette.size.size32}"
|
|
@@ -3350,14 +3386,27 @@
|
|
|
3350
3386
|
"Notification": {
|
|
3351
3387
|
"appearances": {
|
|
3352
3388
|
"style": "{appearances.Notification.style}",
|
|
3353
|
-
"system": "{appearances.Notification.system}"
|
|
3389
|
+
"system": "{appearances.Notification.system}",
|
|
3390
|
+
"viewport": "{appearances.system.viewport}"
|
|
3354
3391
|
},
|
|
3355
3392
|
"rules": [
|
|
3393
|
+
{
|
|
3394
|
+
"if": {
|
|
3395
|
+
"viewport": ["xl"]
|
|
3396
|
+
},
|
|
3397
|
+
"tokens": {
|
|
3398
|
+
"justifyContent": "{system.flexJustifyContent.center}"
|
|
3399
|
+
}
|
|
3400
|
+
},
|
|
3356
3401
|
{
|
|
3357
3402
|
"if": {
|
|
3358
3403
|
"system": true
|
|
3359
3404
|
},
|
|
3360
3405
|
"tokens": {
|
|
3406
|
+
"borderLeftWidth": "{system.border.zero}",
|
|
3407
|
+
"borderRadius": "{system.radius.zero}",
|
|
3408
|
+
"borderRightWidth": "{system.border.zero}",
|
|
3409
|
+
"borderTopWidth": "{system.border.zero}",
|
|
3361
3410
|
"iconGap": "{palette.size.size12}",
|
|
3362
3411
|
"paddingBottom": "{palette.size.size16}",
|
|
3363
3412
|
"paddingLeft": "{palette.size.size16}",
|
|
@@ -3370,7 +3419,7 @@
|
|
|
3370
3419
|
"style": "success"
|
|
3371
3420
|
},
|
|
3372
3421
|
"tokens": {
|
|
3373
|
-
"backgroundColor": "{palette.color.
|
|
3422
|
+
"backgroundColor": "{palette.color.mintTulip}",
|
|
3374
3423
|
"color": "{palette.color.black}",
|
|
3375
3424
|
"icon": "{palette.icon.CheckCircledFilled}",
|
|
3376
3425
|
"iconColor": "{palette.color.mosque}"
|
|
@@ -3382,7 +3431,9 @@
|
|
|
3382
3431
|
},
|
|
3383
3432
|
"tokens": {
|
|
3384
3433
|
"backgroundColor": "{palette.color.beeswax}",
|
|
3434
|
+
"borderColor": "{palette.color.seaBuckthorn}",
|
|
3385
3435
|
"color": "{palette.color.black}",
|
|
3436
|
+
"dismissIcon": "{system.icon.none}",
|
|
3386
3437
|
"icon": "{palette.icon.ExclamationTriangle}",
|
|
3387
3438
|
"iconColor": "{palette.color.amaranth}"
|
|
3388
3439
|
}
|
|
@@ -3393,33 +3444,35 @@
|
|
|
3393
3444
|
},
|
|
3394
3445
|
"tokens": {
|
|
3395
3446
|
"backgroundColor": "{palette.color.piggyPink}",
|
|
3447
|
+
"borderColor": "{palette.color.amaranth}",
|
|
3396
3448
|
"color": "{palette.color.black}",
|
|
3397
|
-
"
|
|
3449
|
+
"dismissIcon": "{system.icon.none}",
|
|
3450
|
+
"icon": "{palette.icon.Caution}",
|
|
3398
3451
|
"iconColor": "{palette.color.trinidad}"
|
|
3399
3452
|
}
|
|
3400
3453
|
}
|
|
3401
3454
|
],
|
|
3402
3455
|
"tokens": {
|
|
3403
|
-
"backgroundColor": "{palette.color.
|
|
3404
|
-
"borderBottomWidth": "{
|
|
3405
|
-
"borderColor": "{
|
|
3406
|
-
"borderLeftWidth": "{
|
|
3407
|
-
"borderRadius": "{
|
|
3408
|
-
"borderRightWidth": "{
|
|
3409
|
-
"borderTopWidth": "{
|
|
3410
|
-
"color": "{palette.color.
|
|
3456
|
+
"backgroundColor": "{palette.color.icicle}",
|
|
3457
|
+
"borderBottomWidth": "{palette.border.border1}",
|
|
3458
|
+
"borderColor": "{palette.color.mosque}",
|
|
3459
|
+
"borderLeftWidth": "{palette.border.border1}",
|
|
3460
|
+
"borderRadius": "{palette.radius.radius6}",
|
|
3461
|
+
"borderRightWidth": "{palette.border.border1}",
|
|
3462
|
+
"borderTopWidth": "{palette.border.border1}",
|
|
3463
|
+
"color": "{palette.color.black}",
|
|
3411
3464
|
"dismissButtonGap": "{palette.size.size16}",
|
|
3412
|
-
"dismissIcon": "{palette.icon.
|
|
3465
|
+
"dismissIcon": "{palette.icon.Close}",
|
|
3413
3466
|
"dismissIconColor": "{palette.color.black}",
|
|
3414
|
-
"dismissIconSize": "{palette.size.size16}",
|
|
3415
3467
|
"fontName": "{palette.fontName.StagSans}",
|
|
3416
3468
|
"fontSize": "{palette.fontSize.size16}",
|
|
3417
3469
|
"fontWeight": "{palette.fontWeight.weight400}",
|
|
3418
3470
|
"icon": "{system.icon.none}",
|
|
3419
3471
|
"iconColor": "{system.color.none}",
|
|
3420
|
-
"iconGap": "{palette.size.
|
|
3472
|
+
"iconGap": "{palette.size.size24}",
|
|
3421
3473
|
"iconSize": "{palette.size.size24}",
|
|
3422
|
-
"
|
|
3474
|
+
"justifyContent": "{system.flexJustifyContent.flexStart}",
|
|
3475
|
+
"lineHeight": "{palette.lineHeight.ratio3to2}",
|
|
3423
3476
|
"paddingBottom": "{palette.size.size12}",
|
|
3424
3477
|
"paddingLeft": "{palette.size.size12}",
|
|
3425
3478
|
"paddingRight": "{palette.size.size12}",
|
|
@@ -3512,12 +3565,24 @@
|
|
|
3512
3565
|
"viewport": ["md", "lg", "xl"]
|
|
3513
3566
|
},
|
|
3514
3567
|
"tokens": {
|
|
3568
|
+
"gap": "{palette.size.size4}",
|
|
3515
3569
|
"truncateAbove": "{system.integer.6}"
|
|
3516
3570
|
}
|
|
3517
3571
|
}
|
|
3518
3572
|
],
|
|
3519
3573
|
"tokens": {
|
|
3574
|
+
"borderBottomWidth": "{palette.border.none}",
|
|
3575
|
+
"borderColor": "{palette.color.mosque}",
|
|
3576
|
+
"borderLeftWidth": "{palette.border.none}",
|
|
3577
|
+
"borderRightWidth": "{palette.border.none}",
|
|
3578
|
+
"borderTopWidth": "{palette.border.none}",
|
|
3520
3579
|
"color": "{palette.color.dove}",
|
|
3580
|
+
"ellipsisBorderBottomWidth": "{palette.border.none}",
|
|
3581
|
+
"ellipsisBorderLeftWidth": "{palette.border.none}",
|
|
3582
|
+
"ellipsisBorderRightWidth": "{palette.border.none}",
|
|
3583
|
+
"ellipsisBorderTopWidth": "{palette.border.none}",
|
|
3584
|
+
"ellipsisHeight": "{system.size.none}",
|
|
3585
|
+
"ellipsisPadding": "{palette.size.size0}",
|
|
3521
3586
|
"fontName": "{palette.fontName.StagSans}",
|
|
3522
3587
|
"fontSize": "{palette.fontSize.size16}",
|
|
3523
3588
|
"fontWeight": "{palette.fontWeight.weight400}",
|
|
@@ -3539,7 +3604,7 @@
|
|
|
3539
3604
|
"hover": true
|
|
3540
3605
|
},
|
|
3541
3606
|
"tokens": {
|
|
3542
|
-
"borderColor": "{palette.color.
|
|
3607
|
+
"borderColor": "{palette.color.mosque}",
|
|
3543
3608
|
"textLine": "{system.textLine.none}"
|
|
3544
3609
|
}
|
|
3545
3610
|
},
|
|
@@ -3548,8 +3613,7 @@
|
|
|
3548
3613
|
"focus": true
|
|
3549
3614
|
},
|
|
3550
3615
|
"tokens": {
|
|
3551
|
-
"borderColor": "{palette.color.
|
|
3552
|
-
"borderWidth": "{palette.border.border2}"
|
|
3616
|
+
"borderColor": "{palette.color.mosque}"
|
|
3553
3617
|
}
|
|
3554
3618
|
},
|
|
3555
3619
|
{
|
|
@@ -3557,7 +3621,7 @@
|
|
|
3557
3621
|
"selected": true
|
|
3558
3622
|
},
|
|
3559
3623
|
"tokens": {
|
|
3560
|
-
"backgroundColor": "{palette.color.
|
|
3624
|
+
"backgroundColor": "{palette.color.mosque}",
|
|
3561
3625
|
"color": "{palette.color.white}",
|
|
3562
3626
|
"textLine": "{system.textLine.none}"
|
|
3563
3627
|
}
|
|
@@ -3567,28 +3631,32 @@
|
|
|
3567
3631
|
"pressed": true
|
|
3568
3632
|
},
|
|
3569
3633
|
"tokens": {
|
|
3570
|
-
"backgroundColor": "{palette.color.
|
|
3634
|
+
"backgroundColor": "{palette.color.mosque}",
|
|
3571
3635
|
"color": "{palette.color.white}"
|
|
3572
3636
|
}
|
|
3573
3637
|
}
|
|
3574
3638
|
],
|
|
3575
3639
|
"tokens": {
|
|
3576
3640
|
"backgroundColor": "{palette.color.transparent}",
|
|
3641
|
+
"borderBottomWidth": "{palette.border.border1}",
|
|
3577
3642
|
"borderColor": "{palette.color.transparent}",
|
|
3643
|
+
"borderLeftWidth": "{palette.border.border1}",
|
|
3578
3644
|
"borderRadius": "{palette.radius.pill32}",
|
|
3579
|
-
"
|
|
3580
|
-
"
|
|
3645
|
+
"borderRightWidth": "{palette.border.border1}",
|
|
3646
|
+
"borderTopWidth": "{palette.border.border1}",
|
|
3647
|
+
"color": "{palette.color.mosque}",
|
|
3581
3648
|
"fontName": "{palette.fontName.StagSans}",
|
|
3582
3649
|
"fontSize": "{palette.fontSize.size16}",
|
|
3583
|
-
"fontWeight": "{palette.fontWeight.
|
|
3650
|
+
"fontWeight": "{palette.fontWeight.weight600}",
|
|
3651
|
+
"height": "{palette.size.size32}",
|
|
3584
3652
|
"lineHeight": "{palette.lineHeight.multiply150}",
|
|
3585
3653
|
"outerBorderColor": "{palette.color.transparent}",
|
|
3586
3654
|
"outerBorderGap": "{palette.size.size4}",
|
|
3587
3655
|
"outerBorderWidth": "{palette.border.border4}",
|
|
3588
|
-
"paddingBottom": "{palette.size.
|
|
3656
|
+
"paddingBottom": "{palette.size.size8}",
|
|
3589
3657
|
"paddingLeft": "{palette.size.size8}",
|
|
3590
3658
|
"paddingRight": "{palette.size.size8}",
|
|
3591
|
-
"paddingTop": "{palette.size.
|
|
3659
|
+
"paddingTop": "{palette.size.size8}",
|
|
3592
3660
|
"textAlign": "{system.flexJustifyContent.center}",
|
|
3593
3661
|
"textLine": "{system.textLine.underline}",
|
|
3594
3662
|
"width": "{palette.size.size32}"
|
|
@@ -3620,9 +3688,10 @@
|
|
|
3620
3688
|
"tokens": {
|
|
3621
3689
|
"borderRadius": "{palette.radius.pill32}",
|
|
3622
3690
|
"displayLabel": "{system.show.false}",
|
|
3623
|
-
"paddingBottom": "{palette.size.
|
|
3624
|
-
"
|
|
3625
|
-
"
|
|
3691
|
+
"paddingBottom": "{palette.size.size8}",
|
|
3692
|
+
"paddingLeft": "{palette.size.size8}",
|
|
3693
|
+
"paddingRight": "{palette.size.size8}",
|
|
3694
|
+
"paddingTop": "{palette.size.size8}"
|
|
3626
3695
|
}
|
|
3627
3696
|
},
|
|
3628
3697
|
{
|
|
@@ -3630,7 +3699,7 @@
|
|
|
3630
3699
|
"hover": true
|
|
3631
3700
|
},
|
|
3632
3701
|
"tokens": {
|
|
3633
|
-
"borderColor": "{palette.color.
|
|
3702
|
+
"borderColor": "{palette.color.mosque}",
|
|
3634
3703
|
"iconDisplace": "{palette.size.size4}",
|
|
3635
3704
|
"textLine": "{system.textLine.none}"
|
|
3636
3705
|
}
|
|
@@ -3640,8 +3709,7 @@
|
|
|
3640
3709
|
"focus": true
|
|
3641
3710
|
},
|
|
3642
3711
|
"tokens": {
|
|
3643
|
-
"borderColor": "{palette.color.
|
|
3644
|
-
"borderWidth": "{palette.border.border3}"
|
|
3712
|
+
"borderColor": "{palette.color.mosque}"
|
|
3645
3713
|
}
|
|
3646
3714
|
},
|
|
3647
3715
|
{
|
|
@@ -3649,7 +3717,7 @@
|
|
|
3649
3717
|
"selected": true
|
|
3650
3718
|
},
|
|
3651
3719
|
"tokens": {
|
|
3652
|
-
"backgroundColor": "{palette.color.
|
|
3720
|
+
"backgroundColor": "{palette.color.mosque}",
|
|
3653
3721
|
"color": "{palette.color.white}",
|
|
3654
3722
|
"textLine": "{system.textLine.none}"
|
|
3655
3723
|
}
|
|
@@ -3659,7 +3727,7 @@
|
|
|
3659
3727
|
"pressed": true
|
|
3660
3728
|
},
|
|
3661
3729
|
"tokens": {
|
|
3662
|
-
"backgroundColor": "{palette.color.
|
|
3730
|
+
"backgroundColor": "{palette.color.mosque}",
|
|
3663
3731
|
"color": "{palette.color.white}"
|
|
3664
3732
|
}
|
|
3665
3733
|
},
|
|
@@ -3682,25 +3750,30 @@
|
|
|
3682
3750
|
],
|
|
3683
3751
|
"tokens": {
|
|
3684
3752
|
"backgroundColor": "{palette.color.transparent}",
|
|
3753
|
+
"borderBottomWidth": "{palette.border.border1}",
|
|
3685
3754
|
"borderColor": "{palette.color.transparent}",
|
|
3755
|
+
"borderLeftWidth": "{palette.border.border1}",
|
|
3686
3756
|
"borderRadius": "{palette.radius.radius4}",
|
|
3687
|
-
"
|
|
3688
|
-
"
|
|
3757
|
+
"borderRightWidth": "{palette.border.border1}",
|
|
3758
|
+
"borderTopWidth": "{palette.border.border1}",
|
|
3759
|
+
"color": "{palette.color.mosque}",
|
|
3689
3760
|
"displayLabel": "{system.show.true}",
|
|
3690
3761
|
"fontName": "{palette.fontName.StagSans}",
|
|
3691
3762
|
"fontSize": "{palette.fontSize.size16}",
|
|
3692
|
-
"fontWeight": "{palette.fontWeight.
|
|
3763
|
+
"fontWeight": "{palette.fontWeight.weight600}",
|
|
3764
|
+
"height": "{system.size.none}",
|
|
3693
3765
|
"icon": "{system.icon.none}",
|
|
3694
3766
|
"iconDisplace": "{palette.size.size0}",
|
|
3695
3767
|
"iconSize": "{palette.size.size14}",
|
|
3696
3768
|
"lineHeight": "{palette.lineHeight.multiply150}",
|
|
3697
3769
|
"outerBorderColor": "{system.color.transparent}",
|
|
3698
|
-
"
|
|
3770
|
+
"outerBorderWidth": "{palette.border.border1}",
|
|
3771
|
+
"paddingBottom": "{palette.size.size12}",
|
|
3699
3772
|
"paddingLeft": "{palette.size.size8}",
|
|
3700
3773
|
"paddingRight": "{palette.size.size8}",
|
|
3701
|
-
"paddingTop": "{palette.size.
|
|
3774
|
+
"paddingTop": "{palette.size.size12}",
|
|
3702
3775
|
"textAlign": "{system.flexJustifyContent.center}",
|
|
3703
|
-
"textLine": "{system.textLine.
|
|
3776
|
+
"textLine": "{system.textLine.none}",
|
|
3704
3777
|
"width": "{system.size.none}"
|
|
3705
3778
|
}
|
|
3706
3779
|
},
|
|
@@ -3748,6 +3821,8 @@
|
|
|
3748
3821
|
"currencySymbolLineHeight": "{palette.lineHeight.ratio1to1}",
|
|
3749
3822
|
"rateFontSize": "{palette.fontSize.size16}",
|
|
3750
3823
|
"rateLineHeight": "{palette.lineHeight.ratio8to7}",
|
|
3824
|
+
"strikeThroughHeight": "{palette.size.size2}",
|
|
3825
|
+
"strikeThroughPosition": "{palette.size.size18}",
|
|
3751
3826
|
"topTextFontSize": "{palette.fontSize.size14}",
|
|
3752
3827
|
"topTextLineHeight": "{palette.lineHeight.ratio7to3}"
|
|
3753
3828
|
}
|
|
@@ -3763,11 +3838,12 @@
|
|
|
3763
3838
|
"centsFontWeight": "{palette.fontWeight.weight600}",
|
|
3764
3839
|
"centsLineHeight": "{palette.lineHeight.ratio5to4}",
|
|
3765
3840
|
"currencySymbolFontSize": "{palette.fontSize.size32}",
|
|
3766
|
-
"currencySymbolLineHeight": "{palette.lineHeight.
|
|
3841
|
+
"currencySymbolLineHeight": "{palette.lineHeight.ratio6to5}",
|
|
3767
3842
|
"rateFontName": "{palette.fontName.StagSans}",
|
|
3768
3843
|
"rateFontSize": "{palette.fontSize.size16}",
|
|
3769
3844
|
"rateFontWeight": "{palette.fontWeight.weight600}",
|
|
3770
3845
|
"rateLineHeight": "{palette.lineHeight.ratio16to2}",
|
|
3846
|
+
"strikeThroughPosition": "{palette.size.size27}",
|
|
3771
3847
|
"topTextFontSize": "{palette.fontSize.size16}",
|
|
3772
3848
|
"topTextLineHeight": "{palette.lineHeight.ratio7to3}"
|
|
3773
3849
|
}
|
|
@@ -3818,7 +3894,8 @@
|
|
|
3818
3894
|
"rateFontWeight": "{palette.fontWeight.weight700}",
|
|
3819
3895
|
"rateLineHeight": "{palette.lineHeight.ratio5to4}",
|
|
3820
3896
|
"strikeThroughColor": "{palette.color.black}",
|
|
3821
|
-
"strikeThroughHeight": "{palette.size.
|
|
3897
|
+
"strikeThroughHeight": "{palette.size.size3}",
|
|
3898
|
+
"strikeThroughPosition": "{palette.size.size21}",
|
|
3822
3899
|
"topTextFontName": "{palette.fontName.StagSans}",
|
|
3823
3900
|
"topTextFontSize": "{palette.fontSize.size16}",
|
|
3824
3901
|
"topTextFontWeight": "{palette.fontWeight.weight700}",
|
|
@@ -4184,9 +4261,7 @@
|
|
|
4184
4261
|
"hover": true
|
|
4185
4262
|
},
|
|
4186
4263
|
"tokens": {
|
|
4187
|
-
"outerBorderColor": "{palette.color.chathamsBlue}"
|
|
4188
|
-
"outerBorderGap": "{palette.size.size5}",
|
|
4189
|
-
"outerBorderWidth": "{palette.border.border1}"
|
|
4264
|
+
"outerBorderColor": "{palette.color.chathamsBlue}"
|
|
4190
4265
|
}
|
|
4191
4266
|
},
|
|
4192
4267
|
{
|
|
@@ -4213,9 +4288,7 @@
|
|
|
4213
4288
|
"inputOutlineColor": "{palette.color.white}",
|
|
4214
4289
|
"inputOutlineWidth": "{palette.border.border1}",
|
|
4215
4290
|
"labelColor": "{palette.color.dove}",
|
|
4216
|
-
"outerBorderColor": "{palette.color.silver}"
|
|
4217
|
-
"outerBorderGap": "{palette.size.size1}",
|
|
4218
|
-
"outerBorderWidth": "{palette.border.border1}"
|
|
4291
|
+
"outerBorderColor": "{palette.color.silver}"
|
|
4219
4292
|
}
|
|
4220
4293
|
}
|
|
4221
4294
|
],
|
|
@@ -4225,12 +4298,14 @@
|
|
|
4225
4298
|
"containerBackgroundColor": "{palette.color.transparent}",
|
|
4226
4299
|
"containerBorderRadius": "{palette.radius.none}",
|
|
4227
4300
|
"containerOpacity": "{system.opacity.opaque}",
|
|
4228
|
-
"containerPaddingBottom": "{palette.size.
|
|
4229
|
-
"containerPaddingLeft": "{palette.size.
|
|
4301
|
+
"containerPaddingBottom": "{palette.size.size6}",
|
|
4302
|
+
"containerPaddingLeft": "{palette.size.size8}",
|
|
4230
4303
|
"containerPaddingRight": "{palette.size.size0}",
|
|
4231
|
-
"containerPaddingTop": "{palette.size.
|
|
4304
|
+
"containerPaddingTop": "{palette.size.size6}",
|
|
4232
4305
|
"containerShadow": "{system.shadow.none}",
|
|
4306
|
+
"descriptionFontName": "{palette.fontName.StagSans}",
|
|
4233
4307
|
"descriptionFontSize": "{palette.fontSize.size14}",
|
|
4308
|
+
"descriptionFontWeight": "{palette.fontWeight.weight400}",
|
|
4234
4309
|
"descriptionLineHeight": "{palette.lineHeight.multiply140}",
|
|
4235
4310
|
"descriptionMarginLeft": "{system.size.none}",
|
|
4236
4311
|
"inputBackgroundColor": "{palette.color.white}",
|
|
@@ -4246,8 +4321,8 @@
|
|
|
4246
4321
|
"labelLineHeight": "{palette.lineHeight.multiply150}",
|
|
4247
4322
|
"labelMarginLeft": "{palette.size.size8}",
|
|
4248
4323
|
"outerBorderColor": "{system.color.transparent}",
|
|
4249
|
-
"outerBorderGap": "{
|
|
4250
|
-
"outerBorderWidth": "{
|
|
4324
|
+
"outerBorderGap": "{palette.size.size5}",
|
|
4325
|
+
"outerBorderWidth": "{palette.border.border1}"
|
|
4251
4326
|
}
|
|
4252
4327
|
},
|
|
4253
4328
|
"RadioCard": {
|
|
@@ -4666,6 +4741,7 @@
|
|
|
4666
4741
|
"borderRadius": "{palette.radius.radius4}",
|
|
4667
4742
|
"borderWidth": "{palette.border.border1}",
|
|
4668
4743
|
"color": "{palette.color.dove}",
|
|
4744
|
+
"feedbackBackgroundColor": "{palette.color.icicle}",
|
|
4669
4745
|
"fontName": "{palette.fontName.StagSans}",
|
|
4670
4746
|
"fontSize": "{palette.fontSize.size16}",
|
|
4671
4747
|
"fontWeight": "{palette.fontWeight.weight400}",
|