@telus-uds/theme-allium 3.31.0 → 3.32.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/theme.json +59 -43
- package/build/ios/theme.json +59 -43
- package/build/rn/theme.js +27 -21
- package/package.json +1 -1
- package/theme.json +27 -26
package/build/android/theme.json
CHANGED
|
@@ -6370,44 +6370,22 @@
|
|
|
6370
6370
|
"green": 0.90196,
|
|
6371
6371
|
"blue": 0.9098,
|
|
6372
6372
|
"alpha": 1
|
|
6373
|
-
}
|
|
6374
|
-
}
|
|
6375
|
-
},
|
|
6376
|
-
{
|
|
6377
|
-
"if": {
|
|
6378
|
-
"inactive": true
|
|
6379
|
-
},
|
|
6380
|
-
"tokens": {
|
|
6381
|
-
"backgroundColor": {
|
|
6382
|
-
"red": 0.95686,
|
|
6383
|
-
"green": 0.95686,
|
|
6384
|
-
"blue": 0.96863,
|
|
6385
|
-
"alpha": 1
|
|
6386
|
-
},
|
|
6387
|
-
"borderColor": {
|
|
6388
|
-
"red": 0,
|
|
6389
|
-
"green": 0,
|
|
6390
|
-
"blue": 0,
|
|
6391
|
-
"alpha": 0
|
|
6392
6373
|
},
|
|
6393
|
-
"
|
|
6374
|
+
"outerBorderGap": 0,
|
|
6375
|
+
"radioInputBorderColor": {
|
|
6394
6376
|
"red": 0.40392,
|
|
6395
6377
|
"green": 0.43137,
|
|
6396
6378
|
"blue": 0.45098,
|
|
6397
6379
|
"alpha": 1
|
|
6398
6380
|
},
|
|
6399
|
-
"
|
|
6381
|
+
"radioInputBorderWidth": 1,
|
|
6382
|
+
"radioOuterBorderColor": {
|
|
6400
6383
|
"red": 0.8902,
|
|
6401
6384
|
"green": 0.90196,
|
|
6402
6385
|
"blue": 0.9098,
|
|
6403
6386
|
"alpha": 1
|
|
6404
6387
|
},
|
|
6405
|
-
"
|
|
6406
|
-
"red": 0,
|
|
6407
|
-
"green": 0,
|
|
6408
|
-
"blue": 0,
|
|
6409
|
-
"alpha": 0
|
|
6410
|
-
}
|
|
6388
|
+
"radioOuterBorderWidth": 3
|
|
6411
6389
|
}
|
|
6412
6390
|
},
|
|
6413
6391
|
{
|
|
@@ -6423,20 +6401,6 @@
|
|
|
6423
6401
|
}
|
|
6424
6402
|
}
|
|
6425
6403
|
},
|
|
6426
|
-
{
|
|
6427
|
-
"if": {
|
|
6428
|
-
"checked": true,
|
|
6429
|
-
"pressed": true
|
|
6430
|
-
},
|
|
6431
|
-
"tokens": {
|
|
6432
|
-
"borderColor": {
|
|
6433
|
-
"red": 0.29412,
|
|
6434
|
-
"green": 0.15686,
|
|
6435
|
-
"blue": 0.42745,
|
|
6436
|
-
"alpha": 1
|
|
6437
|
-
}
|
|
6438
|
-
}
|
|
6439
|
-
},
|
|
6440
6404
|
{
|
|
6441
6405
|
"if": {
|
|
6442
6406
|
"error": true
|
|
@@ -6461,6 +6425,58 @@
|
|
|
6461
6425
|
"alpha": 1
|
|
6462
6426
|
}
|
|
6463
6427
|
}
|
|
6428
|
+
},
|
|
6429
|
+
{
|
|
6430
|
+
"if": {
|
|
6431
|
+
"inactive": true
|
|
6432
|
+
},
|
|
6433
|
+
"tokens": {
|
|
6434
|
+
"backgroundColor": {
|
|
6435
|
+
"red": 0.95686,
|
|
6436
|
+
"green": 0.95686,
|
|
6437
|
+
"blue": 0.96863,
|
|
6438
|
+
"alpha": 1
|
|
6439
|
+
},
|
|
6440
|
+
"borderColor": {
|
|
6441
|
+
"red": 0,
|
|
6442
|
+
"green": 0,
|
|
6443
|
+
"blue": 0,
|
|
6444
|
+
"alpha": 0
|
|
6445
|
+
},
|
|
6446
|
+
"color": {
|
|
6447
|
+
"red": 0.40392,
|
|
6448
|
+
"green": 0.43137,
|
|
6449
|
+
"blue": 0.45098,
|
|
6450
|
+
"alpha": 1
|
|
6451
|
+
},
|
|
6452
|
+
"radioCheckedBackgroundColor": {
|
|
6453
|
+
"red": 0.40392,
|
|
6454
|
+
"green": 0.43137,
|
|
6455
|
+
"blue": 0.45098,
|
|
6456
|
+
"alpha": 1
|
|
6457
|
+
},
|
|
6458
|
+
"radioInputBackgroundColor": {
|
|
6459
|
+
"red": 0.69804,
|
|
6460
|
+
"green": 0.72549,
|
|
6461
|
+
"blue": 0.74902,
|
|
6462
|
+
"alpha": 1
|
|
6463
|
+
},
|
|
6464
|
+
"radioInputBorderColor": {
|
|
6465
|
+
"red": 0,
|
|
6466
|
+
"green": 0,
|
|
6467
|
+
"blue": 0,
|
|
6468
|
+
"alpha": 0
|
|
6469
|
+
},
|
|
6470
|
+
"radioInputSize": 12,
|
|
6471
|
+
"radioOuterBorderColor": {
|
|
6472
|
+
"red": 0.69804,
|
|
6473
|
+
"green": 0.72549,
|
|
6474
|
+
"blue": 0.74902,
|
|
6475
|
+
"alpha": 1
|
|
6476
|
+
},
|
|
6477
|
+
"radioOuterBorderGap": 2,
|
|
6478
|
+
"radioOuterBorderWidth": 1
|
|
6479
|
+
}
|
|
6464
6480
|
}
|
|
6465
6481
|
],
|
|
6466
6482
|
"tokens": {
|
|
@@ -6566,11 +6582,11 @@
|
|
|
6566
6582
|
{
|
|
6567
6583
|
"if": {
|
|
6568
6584
|
"fullWidth": null,
|
|
6569
|
-
"viewport": ["lg", "xl"]
|
|
6585
|
+
"viewport": ["md", "lg", "xl"]
|
|
6570
6586
|
},
|
|
6571
6587
|
"tokens": {
|
|
6572
6588
|
"direction": "row",
|
|
6573
|
-
"space":
|
|
6589
|
+
"space": 5
|
|
6574
6590
|
}
|
|
6575
6591
|
}
|
|
6576
6592
|
],
|
package/build/ios/theme.json
CHANGED
|
@@ -6370,44 +6370,22 @@
|
|
|
6370
6370
|
"green": 0.90196,
|
|
6371
6371
|
"blue": 0.9098,
|
|
6372
6372
|
"alpha": 1
|
|
6373
|
-
}
|
|
6374
|
-
}
|
|
6375
|
-
},
|
|
6376
|
-
{
|
|
6377
|
-
"if": {
|
|
6378
|
-
"inactive": true
|
|
6379
|
-
},
|
|
6380
|
-
"tokens": {
|
|
6381
|
-
"backgroundColor": {
|
|
6382
|
-
"red": 0.95686,
|
|
6383
|
-
"green": 0.95686,
|
|
6384
|
-
"blue": 0.96863,
|
|
6385
|
-
"alpha": 1
|
|
6386
|
-
},
|
|
6387
|
-
"borderColor": {
|
|
6388
|
-
"red": 0,
|
|
6389
|
-
"green": 0,
|
|
6390
|
-
"blue": 0,
|
|
6391
|
-
"alpha": 0
|
|
6392
6373
|
},
|
|
6393
|
-
"
|
|
6374
|
+
"outerBorderGap": 0,
|
|
6375
|
+
"radioInputBorderColor": {
|
|
6394
6376
|
"red": 0.40392,
|
|
6395
6377
|
"green": 0.43137,
|
|
6396
6378
|
"blue": 0.45098,
|
|
6397
6379
|
"alpha": 1
|
|
6398
6380
|
},
|
|
6399
|
-
"
|
|
6381
|
+
"radioInputBorderWidth": 1,
|
|
6382
|
+
"radioOuterBorderColor": {
|
|
6400
6383
|
"red": 0.8902,
|
|
6401
6384
|
"green": 0.90196,
|
|
6402
6385
|
"blue": 0.9098,
|
|
6403
6386
|
"alpha": 1
|
|
6404
6387
|
},
|
|
6405
|
-
"
|
|
6406
|
-
"red": 0,
|
|
6407
|
-
"green": 0,
|
|
6408
|
-
"blue": 0,
|
|
6409
|
-
"alpha": 0
|
|
6410
|
-
}
|
|
6388
|
+
"radioOuterBorderWidth": 3
|
|
6411
6389
|
}
|
|
6412
6390
|
},
|
|
6413
6391
|
{
|
|
@@ -6423,20 +6401,6 @@
|
|
|
6423
6401
|
}
|
|
6424
6402
|
}
|
|
6425
6403
|
},
|
|
6426
|
-
{
|
|
6427
|
-
"if": {
|
|
6428
|
-
"checked": true,
|
|
6429
|
-
"pressed": true
|
|
6430
|
-
},
|
|
6431
|
-
"tokens": {
|
|
6432
|
-
"borderColor": {
|
|
6433
|
-
"red": 0.29412,
|
|
6434
|
-
"green": 0.15686,
|
|
6435
|
-
"blue": 0.42745,
|
|
6436
|
-
"alpha": 1
|
|
6437
|
-
}
|
|
6438
|
-
}
|
|
6439
|
-
},
|
|
6440
6404
|
{
|
|
6441
6405
|
"if": {
|
|
6442
6406
|
"error": true
|
|
@@ -6461,6 +6425,58 @@
|
|
|
6461
6425
|
"alpha": 1
|
|
6462
6426
|
}
|
|
6463
6427
|
}
|
|
6428
|
+
},
|
|
6429
|
+
{
|
|
6430
|
+
"if": {
|
|
6431
|
+
"inactive": true
|
|
6432
|
+
},
|
|
6433
|
+
"tokens": {
|
|
6434
|
+
"backgroundColor": {
|
|
6435
|
+
"red": 0.95686,
|
|
6436
|
+
"green": 0.95686,
|
|
6437
|
+
"blue": 0.96863,
|
|
6438
|
+
"alpha": 1
|
|
6439
|
+
},
|
|
6440
|
+
"borderColor": {
|
|
6441
|
+
"red": 0,
|
|
6442
|
+
"green": 0,
|
|
6443
|
+
"blue": 0,
|
|
6444
|
+
"alpha": 0
|
|
6445
|
+
},
|
|
6446
|
+
"color": {
|
|
6447
|
+
"red": 0.40392,
|
|
6448
|
+
"green": 0.43137,
|
|
6449
|
+
"blue": 0.45098,
|
|
6450
|
+
"alpha": 1
|
|
6451
|
+
},
|
|
6452
|
+
"radioCheckedBackgroundColor": {
|
|
6453
|
+
"red": 0.40392,
|
|
6454
|
+
"green": 0.43137,
|
|
6455
|
+
"blue": 0.45098,
|
|
6456
|
+
"alpha": 1
|
|
6457
|
+
},
|
|
6458
|
+
"radioInputBackgroundColor": {
|
|
6459
|
+
"red": 0.69804,
|
|
6460
|
+
"green": 0.72549,
|
|
6461
|
+
"blue": 0.74902,
|
|
6462
|
+
"alpha": 1
|
|
6463
|
+
},
|
|
6464
|
+
"radioInputBorderColor": {
|
|
6465
|
+
"red": 0,
|
|
6466
|
+
"green": 0,
|
|
6467
|
+
"blue": 0,
|
|
6468
|
+
"alpha": 0
|
|
6469
|
+
},
|
|
6470
|
+
"radioInputSize": 12,
|
|
6471
|
+
"radioOuterBorderColor": {
|
|
6472
|
+
"red": 0.69804,
|
|
6473
|
+
"green": 0.72549,
|
|
6474
|
+
"blue": 0.74902,
|
|
6475
|
+
"alpha": 1
|
|
6476
|
+
},
|
|
6477
|
+
"radioOuterBorderGap": 2,
|
|
6478
|
+
"radioOuterBorderWidth": 1
|
|
6479
|
+
}
|
|
6464
6480
|
}
|
|
6465
6481
|
],
|
|
6466
6482
|
"tokens": {
|
|
@@ -6566,11 +6582,11 @@
|
|
|
6566
6582
|
{
|
|
6567
6583
|
"if": {
|
|
6568
6584
|
"fullWidth": null,
|
|
6569
|
-
"viewport": ["lg", "xl"]
|
|
6585
|
+
"viewport": ["md", "lg", "xl"]
|
|
6570
6586
|
},
|
|
6571
6587
|
"tokens": {
|
|
6572
6588
|
"direction": "row",
|
|
6573
|
-
"space":
|
|
6589
|
+
"space": 5
|
|
6574
6590
|
}
|
|
6575
6591
|
}
|
|
6576
6592
|
],
|
package/build/rn/theme.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*
|
|
2
2
|
*
|
|
3
3
|
* Do not edit directly
|
|
4
|
-
* Generated on
|
|
4
|
+
* Generated on Tue, 30 May 2023 02:41:51 GMT
|
|
5
5
|
*
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -3725,15 +3725,6 @@ module.exports = {
|
|
|
3725
3725
|
radioOuterBorderWidth: 2
|
|
3726
3726
|
}
|
|
3727
3727
|
},
|
|
3728
|
-
{
|
|
3729
|
-
description: 'Pressed state matches hover state plus light grey background',
|
|
3730
|
-
if: { pressed: true },
|
|
3731
|
-
tokens: {
|
|
3732
|
-
backgroundColor: '#f4f4f7',
|
|
3733
|
-
borderColor: '#676e73',
|
|
3734
|
-
outerBorderColor: '#e3e6e8'
|
|
3735
|
-
}
|
|
3736
|
-
},
|
|
3737
3728
|
{
|
|
3738
3729
|
if: { focus: true },
|
|
3739
3730
|
tokens: {
|
|
@@ -3744,20 +3735,20 @@ module.exports = {
|
|
|
3744
3735
|
}
|
|
3745
3736
|
},
|
|
3746
3737
|
{
|
|
3747
|
-
|
|
3738
|
+
description: 'Pressed state matches hover state plus light grey background',
|
|
3739
|
+
if: { pressed: true },
|
|
3748
3740
|
tokens: {
|
|
3749
3741
|
backgroundColor: '#f4f4f7',
|
|
3750
|
-
borderColor: '
|
|
3751
|
-
|
|
3752
|
-
|
|
3753
|
-
radioInputBorderColor: '
|
|
3742
|
+
borderColor: '#676e73',
|
|
3743
|
+
outerBorderColor: '#e3e6e8',
|
|
3744
|
+
outerBorderGap: 0,
|
|
3745
|
+
radioInputBorderColor: '#676e73',
|
|
3746
|
+
radioInputBorderWidth: 1,
|
|
3747
|
+
radioOuterBorderColor: '#e3e6e8',
|
|
3748
|
+
radioOuterBorderWidth: 3
|
|
3754
3749
|
}
|
|
3755
3750
|
},
|
|
3756
3751
|
{ if: { checked: true }, tokens: { borderColor: '#7c53a5' } },
|
|
3757
|
-
{
|
|
3758
|
-
if: { checked: true, pressed: true },
|
|
3759
|
-
tokens: { borderColor: '#4b286d' }
|
|
3760
|
-
},
|
|
3761
3752
|
{
|
|
3762
3753
|
if: { checked: true, hover: true },
|
|
3763
3754
|
tokens: { borderColor: '#4b286d' }
|
|
@@ -3769,6 +3760,21 @@ module.exports = {
|
|
|
3769
3760
|
color: '#e12339',
|
|
3770
3761
|
radioInputBorderColor: '#e12339'
|
|
3771
3762
|
}
|
|
3763
|
+
},
|
|
3764
|
+
{
|
|
3765
|
+
if: { inactive: true },
|
|
3766
|
+
tokens: {
|
|
3767
|
+
backgroundColor: '#f4f4f7',
|
|
3768
|
+
borderColor: 'rgba(0, 0, 0, 0)',
|
|
3769
|
+
color: '#676e73',
|
|
3770
|
+
radioCheckedBackgroundColor: '#676e73',
|
|
3771
|
+
radioInputBackgroundColor: '#b2b9bf',
|
|
3772
|
+
radioInputBorderColor: 'transparent',
|
|
3773
|
+
radioInputSize: 12,
|
|
3774
|
+
radioOuterBorderColor: '#b2b9bf',
|
|
3775
|
+
radioOuterBorderGap: 2,
|
|
3776
|
+
radioOuterBorderWidth: 1
|
|
3777
|
+
}
|
|
3772
3778
|
}
|
|
3773
3779
|
],
|
|
3774
3780
|
tokens: {
|
|
@@ -3827,8 +3833,8 @@ module.exports = {
|
|
|
3827
3833
|
},
|
|
3828
3834
|
rules: [
|
|
3829
3835
|
{
|
|
3830
|
-
if: { fullWidth: null, viewport: [ 'lg', 'xl' ] },
|
|
3831
|
-
tokens: { direction: 'row', space:
|
|
3836
|
+
if: { fullWidth: null, viewport: [ 'md', 'lg', 'xl' ] },
|
|
3837
|
+
tokens: { direction: 'row', space: 5 }
|
|
3832
3838
|
}
|
|
3833
3839
|
],
|
|
3834
3840
|
tokens: { direction: 'column', fieldSpace: 3, space: 3 }
|
package/package.json
CHANGED
package/theme.json
CHANGED
|
@@ -4610,17 +4610,6 @@
|
|
|
4610
4610
|
"radioOuterBorderWidth": "{palette.border.border2}"
|
|
4611
4611
|
}
|
|
4612
4612
|
},
|
|
4613
|
-
{
|
|
4614
|
-
"description": "Pressed state matches hover state plus light grey background",
|
|
4615
|
-
"if": {
|
|
4616
|
-
"pressed": true
|
|
4617
|
-
},
|
|
4618
|
-
"tokens": {
|
|
4619
|
-
"backgroundColor": "{palette.color.greyAthens}",
|
|
4620
|
-
"borderColor": "{palette.color.greyShuttle}",
|
|
4621
|
-
"outerBorderColor": "{palette.color.greyMystic}"
|
|
4622
|
-
}
|
|
4623
|
-
},
|
|
4624
4613
|
{
|
|
4625
4614
|
"if": {
|
|
4626
4615
|
"focus": true
|
|
@@ -4633,15 +4622,19 @@
|
|
|
4633
4622
|
}
|
|
4634
4623
|
},
|
|
4635
4624
|
{
|
|
4625
|
+
"description": "Pressed state matches hover state plus light grey background",
|
|
4636
4626
|
"if": {
|
|
4637
|
-
"
|
|
4627
|
+
"pressed": true
|
|
4638
4628
|
},
|
|
4639
4629
|
"tokens": {
|
|
4640
4630
|
"backgroundColor": "{palette.color.greyAthens}",
|
|
4641
|
-
"borderColor": "{
|
|
4642
|
-
"
|
|
4643
|
-
"
|
|
4644
|
-
"radioInputBorderColor": "{palette.color.
|
|
4631
|
+
"borderColor": "{palette.color.greyShuttle}",
|
|
4632
|
+
"outerBorderColor": "{palette.color.greyMystic}",
|
|
4633
|
+
"outerBorderGap": "{palette.size.size0}",
|
|
4634
|
+
"radioInputBorderColor": "{palette.color.greyShuttle}",
|
|
4635
|
+
"radioInputBorderWidth": "{palette.border.border1}",
|
|
4636
|
+
"radioOuterBorderColor": "{palette.color.greyMystic}",
|
|
4637
|
+
"radioOuterBorderWidth": "{palette.border.border3}"
|
|
4645
4638
|
}
|
|
4646
4639
|
},
|
|
4647
4640
|
{
|
|
@@ -4655,7 +4648,7 @@
|
|
|
4655
4648
|
{
|
|
4656
4649
|
"if": {
|
|
4657
4650
|
"checked": true,
|
|
4658
|
-
"
|
|
4651
|
+
"hover": true
|
|
4659
4652
|
},
|
|
4660
4653
|
"tokens": {
|
|
4661
4654
|
"borderColor": "{palette.color.purpleTelus}"
|
|
@@ -4663,21 +4656,29 @@
|
|
|
4663
4656
|
},
|
|
4664
4657
|
{
|
|
4665
4658
|
"if": {
|
|
4666
|
-
"
|
|
4667
|
-
"hover": true
|
|
4659
|
+
"error": true
|
|
4668
4660
|
},
|
|
4669
4661
|
"tokens": {
|
|
4670
|
-
"borderColor": "{palette.color.
|
|
4662
|
+
"borderColor": "{palette.color.red}",
|
|
4663
|
+
"color": "{palette.color.red}",
|
|
4664
|
+
"radioInputBorderColor": "{palette.color.red}"
|
|
4671
4665
|
}
|
|
4672
4666
|
},
|
|
4673
4667
|
{
|
|
4674
4668
|
"if": {
|
|
4675
|
-
"
|
|
4669
|
+
"inactive": true
|
|
4676
4670
|
},
|
|
4677
4671
|
"tokens": {
|
|
4678
|
-
"
|
|
4679
|
-
"
|
|
4680
|
-
"
|
|
4672
|
+
"backgroundColor": "{palette.color.greyAthens}",
|
|
4673
|
+
"borderColor": "{palette.color.transparent}",
|
|
4674
|
+
"color": "{palette.color.greyShuttle}",
|
|
4675
|
+
"radioCheckedBackgroundColor": "{palette.color.greyShuttle}",
|
|
4676
|
+
"radioInputBackgroundColor": "{palette.color.greyCloud}",
|
|
4677
|
+
"radioInputBorderColor": "{system.color.transparent}",
|
|
4678
|
+
"radioInputSize": "{palette.size.size12}",
|
|
4679
|
+
"radioOuterBorderColor": "{palette.color.greyCloud}",
|
|
4680
|
+
"radioOuterBorderGap": "{palette.size.size2}",
|
|
4681
|
+
"radioOuterBorderWidth": "{palette.border.border1}"
|
|
4681
4682
|
}
|
|
4682
4683
|
}
|
|
4683
4684
|
],
|
|
@@ -4735,11 +4736,11 @@
|
|
|
4735
4736
|
{
|
|
4736
4737
|
"if": {
|
|
4737
4738
|
"fullWidth": null,
|
|
4738
|
-
"viewport": ["lg", "xl"]
|
|
4739
|
+
"viewport": ["md", "lg", "xl"]
|
|
4739
4740
|
},
|
|
4740
4741
|
"tokens": {
|
|
4741
4742
|
"direction": "{system.direction.row}",
|
|
4742
|
-
"space": "{system.integer.
|
|
4743
|
+
"space": "{system.integer.5}"
|
|
4743
4744
|
}
|
|
4744
4745
|
}
|
|
4745
4746
|
],
|