@telus-uds/theme-koodo 4.12.4 → 4.14.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 +466 -133
- package/build/android/theme.json +364 -9
- package/build/ios/schema.json +466 -133
- package/build/ios/theme.json +364 -9
- package/build/rn/schema.json +466 -133
- package/build/rn/theme.js +235 -11
- package/package.json +2 -2
- package/theme.json +234 -8
package/build/android/theme.json
CHANGED
|
@@ -36,6 +36,10 @@
|
|
|
36
36
|
"type": "variant",
|
|
37
37
|
"values": [true]
|
|
38
38
|
},
|
|
39
|
+
"inverse": {
|
|
40
|
+
"type": "variant",
|
|
41
|
+
"values": [true]
|
|
42
|
+
},
|
|
39
43
|
"outline": {
|
|
40
44
|
"type": "variant",
|
|
41
45
|
"values": [true]
|
|
@@ -46,6 +50,31 @@
|
|
|
46
50
|
}
|
|
47
51
|
},
|
|
48
52
|
"rules": [
|
|
53
|
+
{
|
|
54
|
+
"if": {
|
|
55
|
+
"inverse": true
|
|
56
|
+
},
|
|
57
|
+
"tokens": {
|
|
58
|
+
"backgroundColor": {
|
|
59
|
+
"red": 0,
|
|
60
|
+
"green": 0,
|
|
61
|
+
"blue": 0,
|
|
62
|
+
"alpha": 0
|
|
63
|
+
},
|
|
64
|
+
"borderColor": {
|
|
65
|
+
"red": 1,
|
|
66
|
+
"green": 1,
|
|
67
|
+
"blue": 1,
|
|
68
|
+
"alpha": 1
|
|
69
|
+
},
|
|
70
|
+
"color": {
|
|
71
|
+
"red": 1,
|
|
72
|
+
"green": 1,
|
|
73
|
+
"blue": 1,
|
|
74
|
+
"alpha": 1
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
},
|
|
49
78
|
{
|
|
50
79
|
"if": {
|
|
51
80
|
"outline": true
|
|
@@ -2282,6 +2311,260 @@
|
|
|
2282
2311
|
"labelMarginLeft": 8
|
|
2283
2312
|
}
|
|
2284
2313
|
},
|
|
2314
|
+
"CheckboxCard": {
|
|
2315
|
+
"appearances": {
|
|
2316
|
+
"checked": {
|
|
2317
|
+
"description": "Corresponds to a selected state for a checkbox or radio",
|
|
2318
|
+
"values": [true],
|
|
2319
|
+
"type": "state"
|
|
2320
|
+
},
|
|
2321
|
+
"error": {
|
|
2322
|
+
"values": [true],
|
|
2323
|
+
"type": "state"
|
|
2324
|
+
},
|
|
2325
|
+
"inactive": {
|
|
2326
|
+
"description": "Prevents an interactive component from being interacted with and applies accessibility attributes to indicate to the user that this component cannot be used.",
|
|
2327
|
+
"values": [true],
|
|
2328
|
+
"type": "state"
|
|
2329
|
+
},
|
|
2330
|
+
"pressed": {
|
|
2331
|
+
"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.",
|
|
2332
|
+
"values": [true, false],
|
|
2333
|
+
"type": "state"
|
|
2334
|
+
},
|
|
2335
|
+
"viewport": {
|
|
2336
|
+
"description": "The size label for the current screen viewport based on the current screen width",
|
|
2337
|
+
"values": ["xs", "sm", "md", "lg", "xl"],
|
|
2338
|
+
"type": "state"
|
|
2339
|
+
}
|
|
2340
|
+
},
|
|
2341
|
+
"rules": [
|
|
2342
|
+
{
|
|
2343
|
+
"if": {
|
|
2344
|
+
"viewport": ["lg", "xl"]
|
|
2345
|
+
},
|
|
2346
|
+
"tokens": {
|
|
2347
|
+
"fontSize": 24,
|
|
2348
|
+
"lineHeight": 1.3,
|
|
2349
|
+
"paddingBottom": 24,
|
|
2350
|
+
"paddingLeft": 16,
|
|
2351
|
+
"paddingRight": 24,
|
|
2352
|
+
"paddingTop": 16
|
|
2353
|
+
}
|
|
2354
|
+
},
|
|
2355
|
+
{
|
|
2356
|
+
"if": {
|
|
2357
|
+
"checked": true
|
|
2358
|
+
},
|
|
2359
|
+
"tokens": {
|
|
2360
|
+
"borderColor": {
|
|
2361
|
+
"red": 0.78824,
|
|
2362
|
+
"green": 0.78431,
|
|
2363
|
+
"blue": 0.78431,
|
|
2364
|
+
"alpha": 1
|
|
2365
|
+
},
|
|
2366
|
+
"checkboxInputBorderColor": {
|
|
2367
|
+
"red": 0.00392,
|
|
2368
|
+
"green": 0.41961,
|
|
2369
|
+
"blue": 0.41569,
|
|
2370
|
+
"alpha": 1
|
|
2371
|
+
},
|
|
2372
|
+
"checkboxInputBorderWidth": 2
|
|
2373
|
+
}
|
|
2374
|
+
},
|
|
2375
|
+
{
|
|
2376
|
+
"description": "Pressed state matches hover state plus light grey background",
|
|
2377
|
+
"if": {
|
|
2378
|
+
"pressed": true
|
|
2379
|
+
},
|
|
2380
|
+
"tokens": {
|
|
2381
|
+
"backgroundColor": {
|
|
2382
|
+
"red": 0.93725,
|
|
2383
|
+
"green": 0.93725,
|
|
2384
|
+
"blue": 0.93725,
|
|
2385
|
+
"alpha": 1
|
|
2386
|
+
},
|
|
2387
|
+
"checkboxOuterBorderColor": {
|
|
2388
|
+
"red": 0.0902,
|
|
2389
|
+
"green": 0.21176,
|
|
2390
|
+
"blue": 0.4902,
|
|
2391
|
+
"alpha": 1
|
|
2392
|
+
},
|
|
2393
|
+
"checkboxOuterBorderGap": 2,
|
|
2394
|
+
"outerBorderColor": {
|
|
2395
|
+
"red": 0.78824,
|
|
2396
|
+
"green": 0.78431,
|
|
2397
|
+
"blue": 0.78431,
|
|
2398
|
+
"alpha": 1
|
|
2399
|
+
},
|
|
2400
|
+
"outerBorderGap": 0,
|
|
2401
|
+
"outerBorderWidth": 1
|
|
2402
|
+
}
|
|
2403
|
+
},
|
|
2404
|
+
{
|
|
2405
|
+
"if": {
|
|
2406
|
+
"inactive": true
|
|
2407
|
+
},
|
|
2408
|
+
"tokens": {
|
|
2409
|
+
"backgroundColor": {
|
|
2410
|
+
"red": 0.93725,
|
|
2411
|
+
"green": 0.93725,
|
|
2412
|
+
"blue": 0.93725,
|
|
2413
|
+
"alpha": 1
|
|
2414
|
+
},
|
|
2415
|
+
"borderColor": {
|
|
2416
|
+
"red": 0,
|
|
2417
|
+
"green": 0,
|
|
2418
|
+
"blue": 0,
|
|
2419
|
+
"alpha": 0
|
|
2420
|
+
},
|
|
2421
|
+
"checkboxCheckedBackgroundColor": {
|
|
2422
|
+
"red": 0.78824,
|
|
2423
|
+
"green": 0.78431,
|
|
2424
|
+
"blue": 0.78431,
|
|
2425
|
+
"alpha": 1
|
|
2426
|
+
},
|
|
2427
|
+
"checkboxInputBackgroundColor": {
|
|
2428
|
+
"red": 0.78824,
|
|
2429
|
+
"green": 0.78431,
|
|
2430
|
+
"blue": 0.78431,
|
|
2431
|
+
"alpha": 1
|
|
2432
|
+
},
|
|
2433
|
+
"checkboxInputBorderColor": {
|
|
2434
|
+
"red": 0.78824,
|
|
2435
|
+
"green": 0.78431,
|
|
2436
|
+
"blue": 0.78431,
|
|
2437
|
+
"alpha": 1
|
|
2438
|
+
},
|
|
2439
|
+
"checkboxInputSize": 16,
|
|
2440
|
+
"checkboxOuterBorderColor": {
|
|
2441
|
+
"red": 0.78824,
|
|
2442
|
+
"green": 0.78431,
|
|
2443
|
+
"blue": 0.78431,
|
|
2444
|
+
"alpha": 1
|
|
2445
|
+
},
|
|
2446
|
+
"checkboxOuterBorderGap": 2,
|
|
2447
|
+
"checkboxOuterBorderWidth": 1,
|
|
2448
|
+
"color": {
|
|
2449
|
+
"red": 0.4,
|
|
2450
|
+
"green": 0.4,
|
|
2451
|
+
"blue": 0.4,
|
|
2452
|
+
"alpha": 1
|
|
2453
|
+
}
|
|
2454
|
+
}
|
|
2455
|
+
},
|
|
2456
|
+
{
|
|
2457
|
+
"if": {
|
|
2458
|
+
"error": true
|
|
2459
|
+
},
|
|
2460
|
+
"tokens": {
|
|
2461
|
+
"borderColor": {
|
|
2462
|
+
"red": 0.87451,
|
|
2463
|
+
"green": 0.23922,
|
|
2464
|
+
"blue": 0.04706,
|
|
2465
|
+
"alpha": 1
|
|
2466
|
+
},
|
|
2467
|
+
"checkboxInputBorderColor": {
|
|
2468
|
+
"red": 0.87451,
|
|
2469
|
+
"green": 0.23922,
|
|
2470
|
+
"blue": 0.04706,
|
|
2471
|
+
"alpha": 1
|
|
2472
|
+
},
|
|
2473
|
+
"color": {
|
|
2474
|
+
"red": 0.87451,
|
|
2475
|
+
"green": 0.23922,
|
|
2476
|
+
"blue": 0.04706,
|
|
2477
|
+
"alpha": 1
|
|
2478
|
+
}
|
|
2479
|
+
}
|
|
2480
|
+
}
|
|
2481
|
+
],
|
|
2482
|
+
"tokens": {
|
|
2483
|
+
"backgroundColor": {
|
|
2484
|
+
"red": 1,
|
|
2485
|
+
"green": 1,
|
|
2486
|
+
"blue": 1,
|
|
2487
|
+
"alpha": 1
|
|
2488
|
+
},
|
|
2489
|
+
"borderColor": {
|
|
2490
|
+
"red": 0.78824,
|
|
2491
|
+
"green": 0.78431,
|
|
2492
|
+
"blue": 0.78431,
|
|
2493
|
+
"alpha": 1
|
|
2494
|
+
},
|
|
2495
|
+
"borderRadius": 4,
|
|
2496
|
+
"borderWidth": 1,
|
|
2497
|
+
"checkboxCheckedBackgroundColor": {
|
|
2498
|
+
"red": 0.00392,
|
|
2499
|
+
"green": 0.41961,
|
|
2500
|
+
"blue": 0.41569,
|
|
2501
|
+
"alpha": 1
|
|
2502
|
+
},
|
|
2503
|
+
"checkboxCheckedSize": 16,
|
|
2504
|
+
"checkboxInputBackgroundColor": {
|
|
2505
|
+
"red": 1,
|
|
2506
|
+
"green": 1,
|
|
2507
|
+
"blue": 1,
|
|
2508
|
+
"alpha": 1
|
|
2509
|
+
},
|
|
2510
|
+
"checkboxInputBorderColor": {
|
|
2511
|
+
"red": 0.00392,
|
|
2512
|
+
"green": 0.41961,
|
|
2513
|
+
"blue": 0.41569,
|
|
2514
|
+
"alpha": 1
|
|
2515
|
+
},
|
|
2516
|
+
"checkboxInputBorderWidth": 2,
|
|
2517
|
+
"checkboxInputOutlineColor": {
|
|
2518
|
+
"red": 0,
|
|
2519
|
+
"green": 0,
|
|
2520
|
+
"blue": 0,
|
|
2521
|
+
"alpha": 0
|
|
2522
|
+
},
|
|
2523
|
+
"checkboxInputOutlineWidth": 0,
|
|
2524
|
+
"checkboxInputSize": 24,
|
|
2525
|
+
"checkboxOuterBorderColor": {
|
|
2526
|
+
"red": 0,
|
|
2527
|
+
"green": 0,
|
|
2528
|
+
"blue": 0,
|
|
2529
|
+
"alpha": 0
|
|
2530
|
+
},
|
|
2531
|
+
"checkboxOuterBorderGap": 0,
|
|
2532
|
+
"checkboxOuterBorderWidth": 0,
|
|
2533
|
+
"checkboxSpace": 2,
|
|
2534
|
+
"color": {
|
|
2535
|
+
"red": 0,
|
|
2536
|
+
"green": 0,
|
|
2537
|
+
"blue": 0,
|
|
2538
|
+
"alpha": 1
|
|
2539
|
+
},
|
|
2540
|
+
"contentAlignItems": "stretch",
|
|
2541
|
+
"contentFlexGrow": 0,
|
|
2542
|
+
"contentFlexShrink": 1,
|
|
2543
|
+
"contentJustifyContent": "flex-start",
|
|
2544
|
+
"contentSpace": 2,
|
|
2545
|
+
"flex": 1,
|
|
2546
|
+
"fontName": "StagSans",
|
|
2547
|
+
"fontSize": 20,
|
|
2548
|
+
"fontWeight": 700,
|
|
2549
|
+
"letterSpacing": 0,
|
|
2550
|
+
"lineHeight": 1.4,
|
|
2551
|
+
"minWidth": 288,
|
|
2552
|
+
"outerBorderColor": {
|
|
2553
|
+
"red": 0,
|
|
2554
|
+
"green": 0,
|
|
2555
|
+
"blue": 0,
|
|
2556
|
+
"alpha": 0
|
|
2557
|
+
},
|
|
2558
|
+
"outerBorderGap": 0,
|
|
2559
|
+
"outerBorderWidth": 0,
|
|
2560
|
+
"paddingBottom": 16,
|
|
2561
|
+
"paddingLeft": 8,
|
|
2562
|
+
"paddingRight": 16,
|
|
2563
|
+
"paddingTop": 12,
|
|
2564
|
+
"shadow": null,
|
|
2565
|
+
"textTransform": "none"
|
|
2566
|
+
}
|
|
2567
|
+
},
|
|
2285
2568
|
"CheckboxGroup": {
|
|
2286
2569
|
"appearances": {},
|
|
2287
2570
|
"rules": [],
|
|
@@ -3349,8 +3632,60 @@
|
|
|
3349
3632
|
}
|
|
3350
3633
|
},
|
|
3351
3634
|
"Footnote": {
|
|
3352
|
-
"appearances": {
|
|
3353
|
-
|
|
3635
|
+
"appearances": {
|
|
3636
|
+
"viewport": {
|
|
3637
|
+
"description": "The size label for the current screen viewport based on the current screen width",
|
|
3638
|
+
"values": ["xs", "sm", "md", "lg", "xl"],
|
|
3639
|
+
"type": "state"
|
|
3640
|
+
}
|
|
3641
|
+
},
|
|
3642
|
+
"rules": [
|
|
3643
|
+
{
|
|
3644
|
+
"if": {
|
|
3645
|
+
"viewport": ["xs"]
|
|
3646
|
+
},
|
|
3647
|
+
"tokens": {
|
|
3648
|
+
"footnoteBodyPaddingBottom": 32,
|
|
3649
|
+
"footnoteBodyPaddingLeft": 16,
|
|
3650
|
+
"footnoteBodyPaddingRight": 16,
|
|
3651
|
+
"footnoteBodyPaddingTop": 0,
|
|
3652
|
+
"footnoteHeaderPaddingBottom": 16,
|
|
3653
|
+
"footnoteHeaderPaddingLeft": 16,
|
|
3654
|
+
"footnoteHeaderPaddingRight": 4,
|
|
3655
|
+
"footnoteHeaderPaddingTop": 16
|
|
3656
|
+
}
|
|
3657
|
+
},
|
|
3658
|
+
{
|
|
3659
|
+
"if": {
|
|
3660
|
+
"viewport": ["md", "lg"]
|
|
3661
|
+
},
|
|
3662
|
+
"tokens": {
|
|
3663
|
+
"footnoteBodyPaddingBottom": 40,
|
|
3664
|
+
"footnoteBodyPaddingLeft": 16,
|
|
3665
|
+
"footnoteBodyPaddingRight": 16,
|
|
3666
|
+
"footnoteBodyPaddingTop": 0,
|
|
3667
|
+
"footnoteHeaderPaddingBottom": 24,
|
|
3668
|
+
"footnoteHeaderPaddingLeft": 16,
|
|
3669
|
+
"footnoteHeaderPaddingRight": 4,
|
|
3670
|
+
"footnoteHeaderPaddingTop": 24
|
|
3671
|
+
}
|
|
3672
|
+
},
|
|
3673
|
+
{
|
|
3674
|
+
"if": {
|
|
3675
|
+
"viewport": ["xl"]
|
|
3676
|
+
},
|
|
3677
|
+
"tokens": {
|
|
3678
|
+
"footnoteBodyPaddingBottom": 40,
|
|
3679
|
+
"footnoteBodyPaddingLeft": 16,
|
|
3680
|
+
"footnoteBodyPaddingRight": 16,
|
|
3681
|
+
"footnoteBodyPaddingTop": 0,
|
|
3682
|
+
"footnoteHeaderPaddingBottom": 24,
|
|
3683
|
+
"footnoteHeaderPaddingLeft": 16,
|
|
3684
|
+
"footnoteHeaderPaddingRight": 16,
|
|
3685
|
+
"footnoteHeaderPaddingTop": 24
|
|
3686
|
+
}
|
|
3687
|
+
}
|
|
3688
|
+
],
|
|
3354
3689
|
"tokens": {
|
|
3355
3690
|
"closeButtonBackgroundColor": {
|
|
3356
3691
|
"red": 1,
|
|
@@ -3385,7 +3720,7 @@
|
|
|
3385
3720
|
"blue": 1,
|
|
3386
3721
|
"alpha": 1
|
|
3387
3722
|
},
|
|
3388
|
-
"footnoteBodyPaddingBottom":
|
|
3723
|
+
"footnoteBodyPaddingBottom": 40,
|
|
3389
3724
|
"footnoteBodyPaddingLeft": 16,
|
|
3390
3725
|
"footnoteBodyPaddingRight": 16,
|
|
3391
3726
|
"footnoteBodyPaddingTop": 0,
|
|
@@ -3396,10 +3731,10 @@
|
|
|
3396
3731
|
"alpha": 1
|
|
3397
3732
|
},
|
|
3398
3733
|
"footnoteBorderTopSizeMd": 1,
|
|
3399
|
-
"footnoteHeaderPaddingBottom":
|
|
3734
|
+
"footnoteHeaderPaddingBottom": 24,
|
|
3400
3735
|
"footnoteHeaderPaddingLeft": 16,
|
|
3401
|
-
"footnoteHeaderPaddingRight":
|
|
3402
|
-
"footnoteHeaderPaddingTop":
|
|
3736
|
+
"footnoteHeaderPaddingRight": 4,
|
|
3737
|
+
"footnoteHeaderPaddingTop": 24,
|
|
3403
3738
|
"headerFontName": "StagSans",
|
|
3404
3739
|
"headerFontSize": 16,
|
|
3405
3740
|
"headerFontWeight": 700,
|
|
@@ -7999,7 +8334,8 @@
|
|
|
7999
8334
|
"alignItems": "stretch",
|
|
8000
8335
|
"flexGrow": 0,
|
|
8001
8336
|
"flexShrink": 0,
|
|
8002
|
-
"justifyContent": "flex-start"
|
|
8337
|
+
"justifyContent": "flex-start",
|
|
8338
|
+
"width": null
|
|
8003
8339
|
}
|
|
8004
8340
|
},
|
|
8005
8341
|
"StepTracker": {
|
|
@@ -8531,7 +8867,13 @@
|
|
|
8531
8867
|
}
|
|
8532
8868
|
},
|
|
8533
8869
|
"Tabs": {
|
|
8534
|
-
"appearances": {
|
|
8870
|
+
"appearances": {
|
|
8871
|
+
"equalWidth": {
|
|
8872
|
+
"description": "Divide the available width equally among `TabsItem`",
|
|
8873
|
+
"type": "variant",
|
|
8874
|
+
"values": [true]
|
|
8875
|
+
}
|
|
8876
|
+
},
|
|
8535
8877
|
"rules": [],
|
|
8536
8878
|
"tokens": {
|
|
8537
8879
|
"borderBottomColor": {
|
|
@@ -8550,6 +8892,11 @@
|
|
|
8550
8892
|
},
|
|
8551
8893
|
"TabsItem": {
|
|
8552
8894
|
"appearances": {
|
|
8895
|
+
"equalWidth": {
|
|
8896
|
+
"description": "Divide the available width equally among `TabsItem`",
|
|
8897
|
+
"type": "variant",
|
|
8898
|
+
"values": [true]
|
|
8899
|
+
},
|
|
8553
8900
|
"inverse": {
|
|
8554
8901
|
"type": "variant",
|
|
8555
8902
|
"values": [true]
|
|
@@ -8662,6 +9009,14 @@
|
|
|
8662
9009
|
},
|
|
8663
9010
|
"highlightBarBorderWidth": 0
|
|
8664
9011
|
}
|
|
9012
|
+
},
|
|
9013
|
+
{
|
|
9014
|
+
"if": {
|
|
9015
|
+
"equalWidth": true
|
|
9016
|
+
},
|
|
9017
|
+
"tokens": {
|
|
9018
|
+
"maxWidth": null
|
|
9019
|
+
}
|
|
8665
9020
|
}
|
|
8666
9021
|
],
|
|
8667
9022
|
"tokens": {
|
|
@@ -10935,7 +11290,7 @@
|
|
|
10935
11290
|
}
|
|
10936
11291
|
},
|
|
10937
11292
|
"metadata": {
|
|
10938
|
-
"themeTokensVersion": "2.
|
|
11293
|
+
"themeTokensVersion": "2.42.0",
|
|
10939
11294
|
"name": "theme-koodo"
|
|
10940
11295
|
}
|
|
10941
11296
|
}
|