@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/build/ios/theme.json
CHANGED
|
@@ -979,13 +979,17 @@
|
|
|
979
979
|
"blue": 1,
|
|
980
980
|
"alpha": 1
|
|
981
981
|
},
|
|
982
|
+
"borderBottomWidth": 1,
|
|
982
983
|
"borderColor": {
|
|
983
984
|
"red": 0.00392,
|
|
984
985
|
"green": 0.41961,
|
|
985
986
|
"blue": 0.41569,
|
|
986
987
|
"alpha": 1
|
|
987
988
|
},
|
|
989
|
+
"borderLeftWidth": 1,
|
|
988
990
|
"borderRadius": 4,
|
|
991
|
+
"borderRightWidth": 1,
|
|
992
|
+
"borderTopWidth": 1,
|
|
989
993
|
"borderWidth": 1,
|
|
990
994
|
"color": {
|
|
991
995
|
"red": 0.00392,
|
|
@@ -996,6 +1000,7 @@
|
|
|
996
1000
|
"fontName": "StagSans",
|
|
997
1001
|
"fontSize": 16,
|
|
998
1002
|
"fontWeight": 600,
|
|
1003
|
+
"height": null,
|
|
999
1004
|
"icon": null,
|
|
1000
1005
|
"iconSize": 24,
|
|
1001
1006
|
"iconSpace": 2,
|
|
@@ -2118,76 +2123,110 @@
|
|
|
2118
2123
|
"appearances": {},
|
|
2119
2124
|
"rules": [],
|
|
2120
2125
|
"tokens": {
|
|
2126
|
+
"calendarBackgroundColor": {
|
|
2127
|
+
"red": 1,
|
|
2128
|
+
"green": 1,
|
|
2129
|
+
"blue": 1,
|
|
2130
|
+
"alpha": 1
|
|
2131
|
+
},
|
|
2121
2132
|
"calendarDayBlockedCalendarHoverBackground": {
|
|
2122
|
-
"red": 0,
|
|
2123
|
-
"green": 0,
|
|
2124
|
-
"blue": 0,
|
|
2125
|
-
"alpha":
|
|
2133
|
+
"red": 0.93725,
|
|
2134
|
+
"green": 0.93725,
|
|
2135
|
+
"blue": 0.93725,
|
|
2136
|
+
"alpha": 1
|
|
2126
2137
|
},
|
|
2127
2138
|
"calendarDayBlockedCalendarHoverColor": {
|
|
2128
|
-
"red": 0,
|
|
2129
|
-
"green": 0,
|
|
2130
|
-
"blue": 0,
|
|
2131
|
-
"alpha":
|
|
2139
|
+
"red": 0.4,
|
|
2140
|
+
"green": 0.4,
|
|
2141
|
+
"blue": 0.4,
|
|
2142
|
+
"alpha": 1
|
|
2143
|
+
},
|
|
2144
|
+
"calendarDayDefaultBackgroundColor": {
|
|
2145
|
+
"red": 1,
|
|
2146
|
+
"green": 1,
|
|
2147
|
+
"blue": 1,
|
|
2148
|
+
"alpha": 1
|
|
2132
2149
|
},
|
|
2133
|
-
"calendarDayDefaultBeforeHeight": 14,
|
|
2134
|
-
"calendarDayDefaultBeforeWidth": 14,
|
|
2135
2150
|
"calendarDayDefaultBorder": 1,
|
|
2136
2151
|
"calendarDayDefaultBorderColor": {
|
|
2137
|
-
"red": 0,
|
|
2138
|
-
"green": 0,
|
|
2139
|
-
"blue": 0,
|
|
2140
|
-
"alpha":
|
|
2152
|
+
"red": 0.78824,
|
|
2153
|
+
"green": 0.78431,
|
|
2154
|
+
"blue": 0.78431,
|
|
2155
|
+
"alpha": 1
|
|
2141
2156
|
},
|
|
2142
2157
|
"calendarDayDefaultCalendarDaySelectedHoverBackground": {
|
|
2143
|
-
"red":
|
|
2144
|
-
"green":
|
|
2145
|
-
"blue":
|
|
2146
|
-
"alpha":
|
|
2158
|
+
"red": 1,
|
|
2159
|
+
"green": 1,
|
|
2160
|
+
"blue": 1,
|
|
2161
|
+
"alpha": 1
|
|
2162
|
+
},
|
|
2163
|
+
"calendarDayDefaultCalendarDaySelectedHoverBeforeBackground": {
|
|
2164
|
+
"red": 0.00392,
|
|
2165
|
+
"green": 0.41961,
|
|
2166
|
+
"blue": 0.41569,
|
|
2167
|
+
"alpha": 1
|
|
2147
2168
|
},
|
|
2148
2169
|
"calendarDayDefaultCalendarDaySelectedHoverColor": {
|
|
2149
|
-
"red":
|
|
2150
|
-
"green":
|
|
2151
|
-
"blue":
|
|
2152
|
-
"alpha":
|
|
2170
|
+
"red": 1,
|
|
2171
|
+
"green": 1,
|
|
2172
|
+
"blue": 1,
|
|
2173
|
+
"alpha": 1
|
|
2153
2174
|
},
|
|
2154
2175
|
"calendarDayDefaultColor": {
|
|
2155
2176
|
"red": 0,
|
|
2156
2177
|
"green": 0,
|
|
2157
2178
|
"blue": 0,
|
|
2158
|
-
"alpha":
|
|
2179
|
+
"alpha": 1
|
|
2159
2180
|
},
|
|
2160
2181
|
"calendarDayDefaultFontName": "StagSans",
|
|
2161
|
-
"calendarDayDefaultFontSize":
|
|
2162
|
-
"calendarDayDefaultFontWeight":
|
|
2182
|
+
"calendarDayDefaultFontSize": 14,
|
|
2183
|
+
"calendarDayDefaultFontWeight": 400,
|
|
2184
|
+
"calendarDaySelectedFocusBeforeBackground": {
|
|
2185
|
+
"red": 1,
|
|
2186
|
+
"green": 1,
|
|
2187
|
+
"blue": 1,
|
|
2188
|
+
"alpha": 1
|
|
2189
|
+
},
|
|
2190
|
+
"calendarDaySelectedHoverBackground": {
|
|
2191
|
+
"red": 1,
|
|
2192
|
+
"green": 1,
|
|
2193
|
+
"blue": 1,
|
|
2194
|
+
"alpha": 1
|
|
2195
|
+
},
|
|
2163
2196
|
"calendarDaySelectedHoverBeforeBackground": {
|
|
2164
|
-
"red":
|
|
2165
|
-
"green":
|
|
2166
|
-
"blue":
|
|
2167
|
-
"alpha":
|
|
2197
|
+
"red": 1,
|
|
2198
|
+
"green": 1,
|
|
2199
|
+
"blue": 1,
|
|
2200
|
+
"alpha": 1
|
|
2201
|
+
},
|
|
2202
|
+
"calendarDaySelectedHoverBeforeBorderColor": {
|
|
2203
|
+
"red": 0.00392,
|
|
2204
|
+
"green": 0.41961,
|
|
2205
|
+
"blue": 0.41569,
|
|
2206
|
+
"alpha": 1
|
|
2168
2207
|
},
|
|
2169
2208
|
"calendarDaySelectedHoverBorderColor": {
|
|
2170
|
-
"red": 0,
|
|
2171
|
-
"green": 0,
|
|
2172
|
-
"blue": 0,
|
|
2173
|
-
"alpha":
|
|
2209
|
+
"red": 0.78824,
|
|
2210
|
+
"green": 0.78431,
|
|
2211
|
+
"blue": 0.78431,
|
|
2212
|
+
"alpha": 1
|
|
2174
2213
|
},
|
|
2175
2214
|
"calendarDaySelectedHoverColor": {
|
|
2176
2215
|
"red": 0,
|
|
2177
2216
|
"green": 0,
|
|
2178
2217
|
"blue": 0,
|
|
2179
|
-
"alpha":
|
|
2218
|
+
"alpha": 1
|
|
2180
2219
|
},
|
|
2181
2220
|
"calendarMonthCaptionColor": {
|
|
2182
2221
|
"red": 0,
|
|
2183
2222
|
"green": 0,
|
|
2184
2223
|
"blue": 0,
|
|
2185
|
-
"alpha":
|
|
2224
|
+
"alpha": 1
|
|
2186
2225
|
},
|
|
2187
2226
|
"calendarMonthCaptionFontName": "StagSans",
|
|
2188
2227
|
"calendarMonthCaptionFontSize": 20,
|
|
2189
|
-
"calendarMonthCaptionFontWeight":
|
|
2190
|
-
"calendarMonthCaptionLineHeight": 1.
|
|
2228
|
+
"calendarMonthCaptionFontWeight": 700,
|
|
2229
|
+
"calendarMonthCaptionLineHeight": 1.2,
|
|
2191
2230
|
"calendarMonthCaptionPaddingBottom": 48,
|
|
2192
2231
|
"dateInputBorderColor": {
|
|
2193
2232
|
"red": 0,
|
|
@@ -2197,22 +2236,22 @@
|
|
|
2197
2236
|
},
|
|
2198
2237
|
"dateInputBorderRadius": 4,
|
|
2199
2238
|
"dateInputFocusBorderColor": {
|
|
2200
|
-
"red": 0,
|
|
2201
|
-
"green": 0,
|
|
2202
|
-
"blue": 0,
|
|
2203
|
-
"alpha":
|
|
2239
|
+
"red": 0.00392,
|
|
2240
|
+
"green": 0.41961,
|
|
2241
|
+
"blue": 0.41569,
|
|
2242
|
+
"alpha": 1
|
|
2204
2243
|
},
|
|
2205
2244
|
"dateInputHoverBorderColor": {
|
|
2206
|
-
"red": 0,
|
|
2207
|
-
"green": 0,
|
|
2208
|
-
"blue": 0,
|
|
2209
|
-
"alpha":
|
|
2245
|
+
"red": 0.78824,
|
|
2246
|
+
"green": 0.78431,
|
|
2247
|
+
"blue": 0.78431,
|
|
2248
|
+
"alpha": 1
|
|
2210
2249
|
},
|
|
2211
2250
|
"dateInputInsideBorderColor": {
|
|
2212
|
-
"red": 0,
|
|
2213
|
-
"green": 0,
|
|
2214
|
-
"blue": 0,
|
|
2215
|
-
"alpha":
|
|
2251
|
+
"red": 0.4,
|
|
2252
|
+
"green": 0.4,
|
|
2253
|
+
"blue": 0.4,
|
|
2254
|
+
"alpha": 1
|
|
2216
2255
|
},
|
|
2217
2256
|
"dateInputInsideColor": {
|
|
2218
2257
|
"red": 0,
|
|
@@ -2221,55 +2260,21 @@
|
|
|
2221
2260
|
"alpha": 0
|
|
2222
2261
|
},
|
|
2223
2262
|
"dateInputStrokeColor": {
|
|
2224
|
-
"red": 0,
|
|
2225
|
-
"green": 0,
|
|
2226
|
-
"blue": 0,
|
|
2227
|
-
"alpha":
|
|
2228
|
-
},
|
|
2229
|
-
"dayPickerNavigationButtonBackgroundColor": {
|
|
2230
|
-
"red": 0,
|
|
2231
|
-
"green": 0,
|
|
2232
|
-
"blue": 0,
|
|
2233
|
-
"alpha": 0
|
|
2234
|
-
},
|
|
2235
|
-
"dayPickerNavigationButtonBorderColor": {
|
|
2236
|
-
"red": 0,
|
|
2237
|
-
"green": 0,
|
|
2238
|
-
"blue": 0,
|
|
2239
|
-
"alpha": 0
|
|
2240
|
-
},
|
|
2241
|
-
"dayPickerNavigationButtonChildLeft": 8,
|
|
2242
|
-
"dayPickerNavigationButtonChildRight": 8,
|
|
2243
|
-
"dayPickerNavigationButtonChildSvgFill": {
|
|
2244
|
-
"red": 0,
|
|
2245
|
-
"green": 0,
|
|
2246
|
-
"blue": 0,
|
|
2247
|
-
"alpha": 0
|
|
2248
|
-
},
|
|
2249
|
-
"dayPickerNavigationButtonDefaultHoverBorderColor": {
|
|
2250
|
-
"red": 0,
|
|
2251
|
-
"green": 0,
|
|
2252
|
-
"blue": 0,
|
|
2253
|
-
"alpha": 0
|
|
2254
|
-
},
|
|
2255
|
-
"dayPickerNavigationButtonMaxHeight": 32,
|
|
2256
|
-
"dayPickerNavigationButtonMaxWidth": 32,
|
|
2257
|
-
"dayPickerNavigationButtonPadding": 8,
|
|
2258
|
-
"dayPickerNavigationSVGHorizontalFill": {
|
|
2259
|
-
"red": 0,
|
|
2260
|
-
"green": 0,
|
|
2261
|
-
"blue": 0,
|
|
2262
|
-
"alpha": 0
|
|
2263
|
+
"red": 0.4,
|
|
2264
|
+
"green": 0.4,
|
|
2265
|
+
"blue": 0.4,
|
|
2266
|
+
"alpha": 1
|
|
2263
2267
|
},
|
|
2268
|
+
"dayPickerNavigationButtonPadding": 12,
|
|
2264
2269
|
"dayPickerWeekHeaderColor": {
|
|
2265
2270
|
"red": 0,
|
|
2266
2271
|
"green": 0,
|
|
2267
2272
|
"blue": 0,
|
|
2268
|
-
"alpha":
|
|
2273
|
+
"alpha": 1
|
|
2269
2274
|
},
|
|
2270
2275
|
"dayPickerWeekHeaderFontName": "StagSans",
|
|
2271
|
-
"dayPickerWeekHeaderFontWeight":
|
|
2272
|
-
"dayPickerWeekHeaderLineHeight": 1.
|
|
2276
|
+
"dayPickerWeekHeaderFontWeight": 700,
|
|
2277
|
+
"dayPickerWeekHeaderLineHeight": 1.14285714286,
|
|
2273
2278
|
"dayPickerWeekHeaderSmall": 14,
|
|
2274
2279
|
"hiddenInputFieldContainerHeight": 0,
|
|
2275
2280
|
"hiddenInputFieldContainerWidth": 0,
|
|
@@ -2279,13 +2284,13 @@
|
|
|
2279
2284
|
"blue": 0,
|
|
2280
2285
|
"alpha": 0
|
|
2281
2286
|
},
|
|
2282
|
-
"nextIcon": "
|
|
2283
|
-
"previousIcon": "
|
|
2287
|
+
"nextIcon": "PaletteIconChevronRight",
|
|
2288
|
+
"previousIcon": "PaletteIconChevronLeft",
|
|
2284
2289
|
"singleDatePickerBorderColor": {
|
|
2285
|
-
"red": 0,
|
|
2286
|
-
"green": 0,
|
|
2287
|
-
"blue": 0,
|
|
2288
|
-
"alpha":
|
|
2290
|
+
"red": 0.4,
|
|
2291
|
+
"green": 0.4,
|
|
2292
|
+
"blue": 0.4,
|
|
2293
|
+
"alpha": 1
|
|
2289
2294
|
},
|
|
2290
2295
|
"singleDatePickerLeftRight": 16,
|
|
2291
2296
|
"singleDatePickerPaddingTopBottom": 8,
|
|
@@ -2422,6 +2427,10 @@
|
|
|
2422
2427
|
},
|
|
2423
2428
|
"ExpandCollapseControl": {
|
|
2424
2429
|
"appearances": {
|
|
2430
|
+
"compact": {
|
|
2431
|
+
"type": "variant",
|
|
2432
|
+
"values": [true]
|
|
2433
|
+
},
|
|
2425
2434
|
"expanded": {
|
|
2426
2435
|
"description": "Applies when an ExpandCollapse panel is open and the content inside is visible",
|
|
2427
2436
|
"values": [true],
|
|
@@ -2429,6 +2438,12 @@
|
|
|
2429
2438
|
}
|
|
2430
2439
|
},
|
|
2431
2440
|
"rules": [
|
|
2441
|
+
{
|
|
2442
|
+
"if": {
|
|
2443
|
+
"compact": true
|
|
2444
|
+
},
|
|
2445
|
+
"tokens": {}
|
|
2446
|
+
},
|
|
2432
2447
|
{
|
|
2433
2448
|
"if": {
|
|
2434
2449
|
"expanded": true
|
|
@@ -2440,10 +2455,10 @@
|
|
|
2440
2455
|
],
|
|
2441
2456
|
"tokens": {
|
|
2442
2457
|
"backgroundColor": {
|
|
2443
|
-
"red": 0,
|
|
2444
|
-
"green": 0,
|
|
2445
|
-
"blue": 0,
|
|
2446
|
-
"alpha":
|
|
2458
|
+
"red": 0.93725,
|
|
2459
|
+
"green": 0.93725,
|
|
2460
|
+
"blue": 0.93725,
|
|
2461
|
+
"alpha": 1
|
|
2447
2462
|
},
|
|
2448
2463
|
"borderColor": {
|
|
2449
2464
|
"red": 0,
|
|
@@ -2454,19 +2469,19 @@
|
|
|
2454
2469
|
"borderWidth": 0,
|
|
2455
2470
|
"icon": "PaletteIconChevronDown",
|
|
2456
2471
|
"iconColor": {
|
|
2457
|
-
"red": 0
|
|
2458
|
-
"green": 0
|
|
2459
|
-
"blue": 0
|
|
2472
|
+
"red": 0,
|
|
2473
|
+
"green": 0,
|
|
2474
|
+
"blue": 0,
|
|
2460
2475
|
"alpha": 1
|
|
2461
2476
|
},
|
|
2462
|
-
"iconGap":
|
|
2477
|
+
"iconGap": 8,
|
|
2463
2478
|
"iconPaddingTop": 4,
|
|
2464
|
-
"iconPosition": "
|
|
2479
|
+
"iconPosition": "right",
|
|
2465
2480
|
"iconSize": 16,
|
|
2466
|
-
"justifyContent": "
|
|
2481
|
+
"justifyContent": "space-between",
|
|
2467
2482
|
"paddingBottom": 16,
|
|
2468
|
-
"paddingLeft":
|
|
2469
|
-
"paddingRight":
|
|
2483
|
+
"paddingLeft": 24,
|
|
2484
|
+
"paddingRight": 24,
|
|
2470
2485
|
"paddingTop": 16,
|
|
2471
2486
|
"verticalAlign": "middle"
|
|
2472
2487
|
}
|
|
@@ -2502,15 +2517,43 @@
|
|
|
2502
2517
|
}
|
|
2503
2518
|
},
|
|
2504
2519
|
"ExpandCollapsePanel": {
|
|
2505
|
-
"appearances": {
|
|
2506
|
-
|
|
2520
|
+
"appearances": {
|
|
2521
|
+
"compact": {
|
|
2522
|
+
"type": "variant",
|
|
2523
|
+
"values": [true]
|
|
2524
|
+
}
|
|
2525
|
+
},
|
|
2526
|
+
"rules": [
|
|
2527
|
+
{
|
|
2528
|
+
"if": {
|
|
2529
|
+
"compact": true
|
|
2530
|
+
},
|
|
2531
|
+
"tokens": {}
|
|
2532
|
+
}
|
|
2533
|
+
],
|
|
2507
2534
|
"tokens": {
|
|
2535
|
+
"borderColor": {
|
|
2536
|
+
"red": 0.93725,
|
|
2537
|
+
"green": 0.93725,
|
|
2538
|
+
"blue": 0.93725,
|
|
2539
|
+
"alpha": 1
|
|
2540
|
+
},
|
|
2541
|
+
"borderRadius": 4,
|
|
2542
|
+
"borderWidth": 1,
|
|
2508
2543
|
"collapseDuration": 250,
|
|
2509
2544
|
"contentPaddingBottom": 16,
|
|
2510
|
-
"contentPaddingLeft":
|
|
2545
|
+
"contentPaddingLeft": 16,
|
|
2511
2546
|
"contentPaddingRight": 16,
|
|
2512
|
-
"contentPaddingTop":
|
|
2513
|
-
"
|
|
2547
|
+
"contentPaddingTop": 16,
|
|
2548
|
+
"expandDividerColor": {
|
|
2549
|
+
"red": 0,
|
|
2550
|
+
"green": 0,
|
|
2551
|
+
"blue": 0,
|
|
2552
|
+
"alpha": 0
|
|
2553
|
+
},
|
|
2554
|
+
"expandDuration": 300,
|
|
2555
|
+
"expanddDividerWidth": 0,
|
|
2556
|
+
"marginBottom": 8
|
|
2514
2557
|
}
|
|
2515
2558
|
},
|
|
2516
2559
|
"Feedback": {
|
|
@@ -2622,31 +2665,31 @@
|
|
|
2622
2665
|
"blue": 0,
|
|
2623
2666
|
"alpha": 1
|
|
2624
2667
|
},
|
|
2625
|
-
"closeButtonBorderSize":
|
|
2668
|
+
"closeButtonBorderSize": 0,
|
|
2626
2669
|
"closeButtonHeight": 24,
|
|
2627
2670
|
"closeButtonIconSize": 16,
|
|
2628
2671
|
"closeButtonMarginBottom": 4,
|
|
2629
2672
|
"closeButtonMarginLeft": 4,
|
|
2630
2673
|
"closeButtonMarginRight": 12,
|
|
2631
|
-
"closeButtonMarginTop":
|
|
2674
|
+
"closeButtonMarginTop": 4,
|
|
2632
2675
|
"closeButtonWidth": 24,
|
|
2633
2676
|
"closeIcon": "PaletteIconClose",
|
|
2634
2677
|
"footnoteBackground": {
|
|
2635
|
-
"red":
|
|
2636
|
-
"green":
|
|
2637
|
-
"blue":
|
|
2678
|
+
"red": 1,
|
|
2679
|
+
"green": 1,
|
|
2680
|
+
"blue": 1,
|
|
2638
2681
|
"alpha": 1
|
|
2639
2682
|
},
|
|
2640
2683
|
"footnoteBodyBackground": {
|
|
2641
|
-
"red":
|
|
2642
|
-
"green":
|
|
2643
|
-
"blue":
|
|
2684
|
+
"red": 1,
|
|
2685
|
+
"green": 1,
|
|
2686
|
+
"blue": 1,
|
|
2644
2687
|
"alpha": 1
|
|
2645
2688
|
},
|
|
2646
2689
|
"footnoteBodyPaddingBottom": 32,
|
|
2647
2690
|
"footnoteBodyPaddingLeft": 16,
|
|
2648
2691
|
"footnoteBodyPaddingRight": 16,
|
|
2649
|
-
"footnoteBodyPaddingTop":
|
|
2692
|
+
"footnoteBodyPaddingTop": 16,
|
|
2650
2693
|
"footnoteBorderColorMd": {
|
|
2651
2694
|
"red": 0.78824,
|
|
2652
2695
|
"green": 0.78431,
|
|
@@ -2654,6 +2697,14 @@
|
|
|
2654
2697
|
"alpha": 1
|
|
2655
2698
|
},
|
|
2656
2699
|
"footnoteBorderTopSizeMd": 1,
|
|
2700
|
+
"footnoteHeaderPaddingBottom": 16,
|
|
2701
|
+
"footnoteHeaderPaddingLeft": 16,
|
|
2702
|
+
"footnoteHeaderPaddingRight": 16,
|
|
2703
|
+
"footnoteHeaderPaddingTop": 16,
|
|
2704
|
+
"headerFontName": "StagSans",
|
|
2705
|
+
"headerFontSize": 16,
|
|
2706
|
+
"headerFontWeight": 700,
|
|
2707
|
+
"headerLineHeight": 20,
|
|
2657
2708
|
"headerMargin": 16,
|
|
2658
2709
|
"listItemColor": {
|
|
2659
2710
|
"red": 0,
|
|
@@ -2663,7 +2714,7 @@
|
|
|
2663
2714
|
},
|
|
2664
2715
|
"listItemFontSize": 14,
|
|
2665
2716
|
"listItemLineHeight": 1.42857142857,
|
|
2666
|
-
"listItemMarkerFontSize":
|
|
2717
|
+
"listItemMarkerFontSize": 14,
|
|
2667
2718
|
"listItemMarkerLineHeight": 1.42857142857,
|
|
2668
2719
|
"listItemPaddingLeft": 8,
|
|
2669
2720
|
"listPaddingLeft": 32
|
|
@@ -4157,14 +4208,31 @@
|
|
|
4157
4208
|
"system": {
|
|
4158
4209
|
"values": [true],
|
|
4159
4210
|
"type": "state"
|
|
4211
|
+
},
|
|
4212
|
+
"viewport": {
|
|
4213
|
+
"description": "The size label for the current screen viewport based on the current screen width",
|
|
4214
|
+
"values": ["xs", "sm", "md", "lg", "xl"],
|
|
4215
|
+
"type": "state"
|
|
4160
4216
|
}
|
|
4161
4217
|
},
|
|
4162
4218
|
"rules": [
|
|
4219
|
+
{
|
|
4220
|
+
"if": {
|
|
4221
|
+
"viewport": ["xl"]
|
|
4222
|
+
},
|
|
4223
|
+
"tokens": {
|
|
4224
|
+
"justifyContent": "center"
|
|
4225
|
+
}
|
|
4226
|
+
},
|
|
4163
4227
|
{
|
|
4164
4228
|
"if": {
|
|
4165
4229
|
"system": true
|
|
4166
4230
|
},
|
|
4167
4231
|
"tokens": {
|
|
4232
|
+
"borderLeftWidth": 0,
|
|
4233
|
+
"borderRadius": 0,
|
|
4234
|
+
"borderRightWidth": 0,
|
|
4235
|
+
"borderTopWidth": 0,
|
|
4168
4236
|
"iconGap": 12,
|
|
4169
4237
|
"paddingBottom": 16,
|
|
4170
4238
|
"paddingLeft": 16,
|
|
@@ -4178,9 +4246,9 @@
|
|
|
4178
4246
|
},
|
|
4179
4247
|
"tokens": {
|
|
4180
4248
|
"backgroundColor": {
|
|
4181
|
-
"red": 0.
|
|
4182
|
-
"green": 0.
|
|
4183
|
-
"blue": 0.
|
|
4249
|
+
"red": 0.75686,
|
|
4250
|
+
"green": 0.94902,
|
|
4251
|
+
"blue": 0.9098,
|
|
4184
4252
|
"alpha": 1
|
|
4185
4253
|
},
|
|
4186
4254
|
"color": {
|
|
@@ -4209,12 +4277,19 @@
|
|
|
4209
4277
|
"blue": 0.78039,
|
|
4210
4278
|
"alpha": 1
|
|
4211
4279
|
},
|
|
4280
|
+
"borderColor": {
|
|
4281
|
+
"red": 0.98431,
|
|
4282
|
+
"green": 0.68627,
|
|
4283
|
+
"blue": 0.20392,
|
|
4284
|
+
"alpha": 1
|
|
4285
|
+
},
|
|
4212
4286
|
"color": {
|
|
4213
4287
|
"red": 0,
|
|
4214
4288
|
"green": 0,
|
|
4215
4289
|
"blue": 0,
|
|
4216
4290
|
"alpha": 1
|
|
4217
4291
|
},
|
|
4292
|
+
"dismissIcon": null,
|
|
4218
4293
|
"icon": "PaletteIconExclamationTriangle",
|
|
4219
4294
|
"iconColor": {
|
|
4220
4295
|
"red": 0.93333,
|
|
@@ -4235,13 +4310,20 @@
|
|
|
4235
4310
|
"blue": 0.8902,
|
|
4236
4311
|
"alpha": 1
|
|
4237
4312
|
},
|
|
4313
|
+
"borderColor": {
|
|
4314
|
+
"red": 0.93333,
|
|
4315
|
+
"green": 0.17255,
|
|
4316
|
+
"blue": 0.4549,
|
|
4317
|
+
"alpha": 1
|
|
4318
|
+
},
|
|
4238
4319
|
"color": {
|
|
4239
4320
|
"red": 0,
|
|
4240
4321
|
"green": 0,
|
|
4241
4322
|
"blue": 0,
|
|
4242
4323
|
"alpha": 1
|
|
4243
4324
|
},
|
|
4244
|
-
"
|
|
4325
|
+
"dismissIcon": null,
|
|
4326
|
+
"icon": "PaletteIconCaution",
|
|
4245
4327
|
"iconColor": {
|
|
4246
4328
|
"red": 0.87451,
|
|
4247
4329
|
"green": 0.23922,
|
|
@@ -4253,37 +4335,36 @@
|
|
|
4253
4335
|
],
|
|
4254
4336
|
"tokens": {
|
|
4255
4337
|
"backgroundColor": {
|
|
4256
|
-
"red": 0.
|
|
4257
|
-
"green": 0.
|
|
4258
|
-
"blue": 0.
|
|
4338
|
+
"red": 0.89804,
|
|
4339
|
+
"green": 0.96863,
|
|
4340
|
+
"blue": 0.98431,
|
|
4259
4341
|
"alpha": 1
|
|
4260
4342
|
},
|
|
4261
|
-
"borderBottomWidth":
|
|
4343
|
+
"borderBottomWidth": 1,
|
|
4262
4344
|
"borderColor": {
|
|
4345
|
+
"red": 0.00392,
|
|
4346
|
+
"green": 0.41961,
|
|
4347
|
+
"blue": 0.41569,
|
|
4348
|
+
"alpha": 1
|
|
4349
|
+
},
|
|
4350
|
+
"borderLeftWidth": 1,
|
|
4351
|
+
"borderRadius": 6,
|
|
4352
|
+
"borderRightWidth": 1,
|
|
4353
|
+
"borderTopWidth": 1,
|
|
4354
|
+
"color": {
|
|
4263
4355
|
"red": 0,
|
|
4264
4356
|
"green": 0,
|
|
4265
4357
|
"blue": 0,
|
|
4266
|
-
"alpha": 0
|
|
4267
|
-
},
|
|
4268
|
-
"borderLeftWidth": 0,
|
|
4269
|
-
"borderRadius": 0,
|
|
4270
|
-
"borderRightWidth": 0,
|
|
4271
|
-
"borderTopWidth": 0,
|
|
4272
|
-
"color": {
|
|
4273
|
-
"red": 0.48627,
|
|
4274
|
-
"green": 0.07451,
|
|
4275
|
-
"blue": 0.4,
|
|
4276
4358
|
"alpha": 1
|
|
4277
4359
|
},
|
|
4278
4360
|
"dismissButtonGap": 16,
|
|
4279
|
-
"dismissIcon": "
|
|
4361
|
+
"dismissIcon": "PaletteIconClose",
|
|
4280
4362
|
"dismissIconColor": {
|
|
4281
4363
|
"red": 0,
|
|
4282
4364
|
"green": 0,
|
|
4283
4365
|
"blue": 0,
|
|
4284
4366
|
"alpha": 1
|
|
4285
4367
|
},
|
|
4286
|
-
"dismissIconSize": 16,
|
|
4287
4368
|
"fontName": "StagSans",
|
|
4288
4369
|
"fontSize": 16,
|
|
4289
4370
|
"fontWeight": 400,
|
|
@@ -4294,8 +4375,9 @@
|
|
|
4294
4375
|
"blue": 0,
|
|
4295
4376
|
"alpha": 0
|
|
4296
4377
|
},
|
|
4297
|
-
"iconGap":
|
|
4378
|
+
"iconGap": 24,
|
|
4298
4379
|
"iconSize": 24,
|
|
4380
|
+
"justifyContent": "flex-start",
|
|
4299
4381
|
"lineHeight": 1.5,
|
|
4300
4382
|
"paddingBottom": 12,
|
|
4301
4383
|
"paddingLeft": 12,
|
|
@@ -4398,17 +4480,34 @@
|
|
|
4398
4480
|
"viewport": ["md", "lg", "xl"]
|
|
4399
4481
|
},
|
|
4400
4482
|
"tokens": {
|
|
4483
|
+
"gap": 4,
|
|
4401
4484
|
"truncateAbove": 6
|
|
4402
4485
|
}
|
|
4403
4486
|
}
|
|
4404
4487
|
],
|
|
4405
4488
|
"tokens": {
|
|
4489
|
+
"borderBottomWidth": 0,
|
|
4490
|
+
"borderColor": {
|
|
4491
|
+
"red": 0.00392,
|
|
4492
|
+
"green": 0.41961,
|
|
4493
|
+
"blue": 0.41569,
|
|
4494
|
+
"alpha": 1
|
|
4495
|
+
},
|
|
4496
|
+
"borderLeftWidth": 0,
|
|
4497
|
+
"borderRightWidth": 0,
|
|
4498
|
+
"borderTopWidth": 0,
|
|
4406
4499
|
"color": {
|
|
4407
4500
|
"red": 0.4,
|
|
4408
4501
|
"green": 0.4,
|
|
4409
4502
|
"blue": 0.4,
|
|
4410
4503
|
"alpha": 1
|
|
4411
4504
|
},
|
|
4505
|
+
"ellipsisBorderBottomWidth": 0,
|
|
4506
|
+
"ellipsisBorderLeftWidth": 0,
|
|
4507
|
+
"ellipsisBorderRightWidth": 0,
|
|
4508
|
+
"ellipsisBorderTopWidth": 0,
|
|
4509
|
+
"ellipsisHeight": null,
|
|
4510
|
+
"ellipsisPadding": 0,
|
|
4412
4511
|
"fontName": "StagSans",
|
|
4413
4512
|
"fontSize": 16,
|
|
4414
4513
|
"fontWeight": 400,
|
|
@@ -4437,9 +4536,9 @@
|
|
|
4437
4536
|
},
|
|
4438
4537
|
"tokens": {
|
|
4439
4538
|
"backgroundColor": {
|
|
4440
|
-
"red": 0.
|
|
4441
|
-
"green": 0.
|
|
4442
|
-
"blue": 0.
|
|
4539
|
+
"red": 0.00392,
|
|
4540
|
+
"green": 0.41961,
|
|
4541
|
+
"blue": 0.41569,
|
|
4443
4542
|
"alpha": 1
|
|
4444
4543
|
},
|
|
4445
4544
|
"color": {
|
|
@@ -4457,9 +4556,9 @@
|
|
|
4457
4556
|
},
|
|
4458
4557
|
"tokens": {
|
|
4459
4558
|
"backgroundColor": {
|
|
4460
|
-
"red": 0.
|
|
4461
|
-
"green": 0.
|
|
4462
|
-
"blue": 0.
|
|
4559
|
+
"red": 0.00392,
|
|
4560
|
+
"green": 0.41961,
|
|
4561
|
+
"blue": 0.41569,
|
|
4463
4562
|
"alpha": 1
|
|
4464
4563
|
},
|
|
4465
4564
|
"color": {
|
|
@@ -4478,23 +4577,27 @@
|
|
|
4478
4577
|
"blue": 0,
|
|
4479
4578
|
"alpha": 0
|
|
4480
4579
|
},
|
|
4580
|
+
"borderBottomWidth": 1,
|
|
4481
4581
|
"borderColor": {
|
|
4482
4582
|
"red": 0,
|
|
4483
4583
|
"green": 0,
|
|
4484
4584
|
"blue": 0,
|
|
4485
4585
|
"alpha": 0
|
|
4486
4586
|
},
|
|
4587
|
+
"borderLeftWidth": 1,
|
|
4487
4588
|
"borderRadius": 32,
|
|
4488
|
-
"
|
|
4589
|
+
"borderRightWidth": 1,
|
|
4590
|
+
"borderTopWidth": 1,
|
|
4489
4591
|
"color": {
|
|
4490
|
-
"red": 0.
|
|
4491
|
-
"green": 0.
|
|
4492
|
-
"blue": 0.
|
|
4592
|
+
"red": 0.00392,
|
|
4593
|
+
"green": 0.41961,
|
|
4594
|
+
"blue": 0.41569,
|
|
4493
4595
|
"alpha": 1
|
|
4494
4596
|
},
|
|
4495
4597
|
"fontName": "StagSans",
|
|
4496
4598
|
"fontSize": 16,
|
|
4497
|
-
"fontWeight":
|
|
4599
|
+
"fontWeight": 600,
|
|
4600
|
+
"height": 32,
|
|
4498
4601
|
"lineHeight": 1.5,
|
|
4499
4602
|
"outerBorderColor": {
|
|
4500
4603
|
"red": 0,
|
|
@@ -4504,10 +4607,10 @@
|
|
|
4504
4607
|
},
|
|
4505
4608
|
"outerBorderGap": 4,
|
|
4506
4609
|
"outerBorderWidth": 4,
|
|
4507
|
-
"paddingBottom":
|
|
4610
|
+
"paddingBottom": 8,
|
|
4508
4611
|
"paddingLeft": 8,
|
|
4509
4612
|
"paddingRight": 8,
|
|
4510
|
-
"paddingTop":
|
|
4613
|
+
"paddingTop": 8,
|
|
4511
4614
|
"textAlign": "center",
|
|
4512
4615
|
"textLine": "underline",
|
|
4513
4616
|
"width": 32
|
|
@@ -4557,9 +4660,10 @@
|
|
|
4557
4660
|
"tokens": {
|
|
4558
4661
|
"borderRadius": 32,
|
|
4559
4662
|
"displayLabel": false,
|
|
4560
|
-
"paddingBottom":
|
|
4561
|
-
"
|
|
4562
|
-
"
|
|
4663
|
+
"paddingBottom": 8,
|
|
4664
|
+
"paddingLeft": 8,
|
|
4665
|
+
"paddingRight": 8,
|
|
4666
|
+
"paddingTop": 8
|
|
4563
4667
|
}
|
|
4564
4668
|
},
|
|
4565
4669
|
{
|
|
@@ -4568,9 +4672,9 @@
|
|
|
4568
4672
|
},
|
|
4569
4673
|
"tokens": {
|
|
4570
4674
|
"backgroundColor": {
|
|
4571
|
-
"red": 0.
|
|
4572
|
-
"green": 0.
|
|
4573
|
-
"blue": 0.
|
|
4675
|
+
"red": 0.00392,
|
|
4676
|
+
"green": 0.41961,
|
|
4677
|
+
"blue": 0.41569,
|
|
4574
4678
|
"alpha": 1
|
|
4575
4679
|
},
|
|
4576
4680
|
"color": {
|
|
@@ -4588,9 +4692,9 @@
|
|
|
4588
4692
|
},
|
|
4589
4693
|
"tokens": {
|
|
4590
4694
|
"backgroundColor": {
|
|
4591
|
-
"red": 0.
|
|
4592
|
-
"green": 0.
|
|
4593
|
-
"blue": 0.
|
|
4695
|
+
"red": 0.00392,
|
|
4696
|
+
"green": 0.41961,
|
|
4697
|
+
"blue": 0.41569,
|
|
4594
4698
|
"alpha": 1
|
|
4595
4699
|
},
|
|
4596
4700
|
"color": {
|
|
@@ -4625,24 +4729,28 @@
|
|
|
4625
4729
|
"blue": 0,
|
|
4626
4730
|
"alpha": 0
|
|
4627
4731
|
},
|
|
4732
|
+
"borderBottomWidth": 1,
|
|
4628
4733
|
"borderColor": {
|
|
4629
4734
|
"red": 0,
|
|
4630
4735
|
"green": 0,
|
|
4631
4736
|
"blue": 0,
|
|
4632
4737
|
"alpha": 0
|
|
4633
4738
|
},
|
|
4739
|
+
"borderLeftWidth": 1,
|
|
4634
4740
|
"borderRadius": 4,
|
|
4635
|
-
"
|
|
4741
|
+
"borderRightWidth": 1,
|
|
4742
|
+
"borderTopWidth": 1,
|
|
4636
4743
|
"color": {
|
|
4637
|
-
"red": 0.
|
|
4638
|
-
"green": 0.
|
|
4639
|
-
"blue": 0.
|
|
4744
|
+
"red": 0.00392,
|
|
4745
|
+
"green": 0.41961,
|
|
4746
|
+
"blue": 0.41569,
|
|
4640
4747
|
"alpha": 1
|
|
4641
4748
|
},
|
|
4642
4749
|
"displayLabel": true,
|
|
4643
4750
|
"fontName": "StagSans",
|
|
4644
4751
|
"fontSize": 16,
|
|
4645
|
-
"fontWeight":
|
|
4752
|
+
"fontWeight": 600,
|
|
4753
|
+
"height": null,
|
|
4646
4754
|
"icon": null,
|
|
4647
4755
|
"iconDisplace": 0,
|
|
4648
4756
|
"iconSize": 14,
|
|
@@ -4653,12 +4761,13 @@
|
|
|
4653
4761
|
"blue": 0,
|
|
4654
4762
|
"alpha": 0
|
|
4655
4763
|
},
|
|
4656
|
-
"
|
|
4764
|
+
"outerBorderWidth": 1,
|
|
4765
|
+
"paddingBottom": 12,
|
|
4657
4766
|
"paddingLeft": 8,
|
|
4658
4767
|
"paddingRight": 8,
|
|
4659
|
-
"paddingTop":
|
|
4768
|
+
"paddingTop": 12,
|
|
4660
4769
|
"textAlign": "center",
|
|
4661
|
-
"textLine": "
|
|
4770
|
+
"textLine": "none",
|
|
4662
4771
|
"width": null
|
|
4663
4772
|
}
|
|
4664
4773
|
},
|
|
@@ -4726,6 +4835,8 @@
|
|
|
4726
4835
|
"currencySymbolLineHeight": 1,
|
|
4727
4836
|
"rateFontSize": 16,
|
|
4728
4837
|
"rateLineHeight": 1.14285714286,
|
|
4838
|
+
"strikeThroughHeight": 2,
|
|
4839
|
+
"strikeThroughPosition": 18,
|
|
4729
4840
|
"topTextFontSize": 14,
|
|
4730
4841
|
"topTextLineHeight": 2.25
|
|
4731
4842
|
}
|
|
@@ -4741,11 +4852,12 @@
|
|
|
4741
4852
|
"centsFontWeight": 600,
|
|
4742
4853
|
"centsLineHeight": 1.25,
|
|
4743
4854
|
"currencySymbolFontSize": 32,
|
|
4744
|
-
"currencySymbolLineHeight": 1,
|
|
4855
|
+
"currencySymbolLineHeight": 1.2,
|
|
4745
4856
|
"rateFontName": "StagSans",
|
|
4746
4857
|
"rateFontSize": 16,
|
|
4747
4858
|
"rateFontWeight": 600,
|
|
4748
4859
|
"rateLineHeight": 2,
|
|
4860
|
+
"strikeThroughPosition": 27,
|
|
4749
4861
|
"topTextFontSize": 16,
|
|
4750
4862
|
"topTextLineHeight": 2.25
|
|
4751
4863
|
}
|
|
@@ -4816,7 +4928,8 @@
|
|
|
4816
4928
|
"blue": 0,
|
|
4817
4929
|
"alpha": 1
|
|
4818
4930
|
},
|
|
4819
|
-
"strikeThroughHeight":
|
|
4931
|
+
"strikeThroughHeight": 3,
|
|
4932
|
+
"strikeThroughPosition": 21,
|
|
4820
4933
|
"topTextFontName": "StagSans",
|
|
4821
4934
|
"topTextFontSize": 16,
|
|
4822
4935
|
"topTextFontWeight": 700,
|
|
@@ -5396,9 +5509,7 @@
|
|
|
5396
5509
|
"green": 0.78431,
|
|
5397
5510
|
"blue": 0.78431,
|
|
5398
5511
|
"alpha": 1
|
|
5399
|
-
}
|
|
5400
|
-
"outerBorderGap": 1,
|
|
5401
|
-
"outerBorderWidth": 1
|
|
5512
|
+
}
|
|
5402
5513
|
}
|
|
5403
5514
|
}
|
|
5404
5515
|
],
|
|
@@ -5418,12 +5529,14 @@
|
|
|
5418
5529
|
},
|
|
5419
5530
|
"containerBorderRadius": 0,
|
|
5420
5531
|
"containerOpacity": 1,
|
|
5421
|
-
"containerPaddingBottom":
|
|
5422
|
-
"containerPaddingLeft":
|
|
5532
|
+
"containerPaddingBottom": 6,
|
|
5533
|
+
"containerPaddingLeft": 8,
|
|
5423
5534
|
"containerPaddingRight": 0,
|
|
5424
|
-
"containerPaddingTop":
|
|
5535
|
+
"containerPaddingTop": 6,
|
|
5425
5536
|
"containerShadow": null,
|
|
5537
|
+
"descriptionFontName": "StagSans",
|
|
5426
5538
|
"descriptionFontSize": 14,
|
|
5539
|
+
"descriptionFontWeight": 400,
|
|
5427
5540
|
"descriptionLineHeight": 1.4,
|
|
5428
5541
|
"descriptionMarginLeft": null,
|
|
5429
5542
|
"inputBackgroundColor": {
|
|
@@ -5464,8 +5577,8 @@
|
|
|
5464
5577
|
"blue": 0,
|
|
5465
5578
|
"alpha": 0
|
|
5466
5579
|
},
|
|
5467
|
-
"outerBorderGap":
|
|
5468
|
-
"outerBorderWidth":
|
|
5580
|
+
"outerBorderGap": 5,
|
|
5581
|
+
"outerBorderWidth": 1
|
|
5469
5582
|
}
|
|
5470
5583
|
},
|
|
5471
5584
|
"RadioCard": {
|
|
@@ -6143,6 +6256,12 @@
|
|
|
6143
6256
|
"blue": 0.4,
|
|
6144
6257
|
"alpha": 1
|
|
6145
6258
|
},
|
|
6259
|
+
"feedbackBackgroundColor": {
|
|
6260
|
+
"red": 0.89804,
|
|
6261
|
+
"green": 0.96863,
|
|
6262
|
+
"blue": 0.98431,
|
|
6263
|
+
"alpha": 1
|
|
6264
|
+
},
|
|
6146
6265
|
"fontName": "StagSans",
|
|
6147
6266
|
"fontSize": 16,
|
|
6148
6267
|
"fontWeight": 400,
|
|
@@ -8685,7 +8804,7 @@
|
|
|
8685
8804
|
}
|
|
8686
8805
|
},
|
|
8687
8806
|
"metadata": {
|
|
8688
|
-
"themeTokensVersion": "2.
|
|
8807
|
+
"themeTokensVersion": "2.26.0",
|
|
8689
8808
|
"name": "theme-koodo"
|
|
8690
8809
|
}
|
|
8691
8810
|
}
|