@telus-uds/theme-allium 3.5.0 → 3.6.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/schema.json +21 -0
- package/build/theme.js +16 -2
- package/package.json +1 -1
- package/theme.json +21 -1
package/build/schema.json
CHANGED
|
@@ -2492,6 +2492,15 @@
|
|
|
2492
2492
|
"minWidth": {
|
|
2493
2493
|
"$ref": "#size"
|
|
2494
2494
|
},
|
|
2495
|
+
"iconSize": {
|
|
2496
|
+
"$ref": "#size"
|
|
2497
|
+
},
|
|
2498
|
+
"iconSpace": {
|
|
2499
|
+
"$ref": "#integer"
|
|
2500
|
+
},
|
|
2501
|
+
"icon": {
|
|
2502
|
+
"$ref": "#icon"
|
|
2503
|
+
},
|
|
2495
2504
|
"outerBorderColor": {
|
|
2496
2505
|
"$ref": "#color"
|
|
2497
2506
|
},
|
|
@@ -2525,6 +2534,9 @@
|
|
|
2525
2534
|
"paddingBottom",
|
|
2526
2535
|
"width",
|
|
2527
2536
|
"minWidth",
|
|
2537
|
+
"iconSize",
|
|
2538
|
+
"iconSpace",
|
|
2539
|
+
"icon",
|
|
2528
2540
|
"outerBorderColor",
|
|
2529
2541
|
"outerBorderWidth",
|
|
2530
2542
|
"outerBorderGap",
|
|
@@ -2602,6 +2614,15 @@
|
|
|
2602
2614
|
"minWidth": {
|
|
2603
2615
|
"$ref": "#size"
|
|
2604
2616
|
},
|
|
2617
|
+
"iconSize": {
|
|
2618
|
+
"$ref": "#size"
|
|
2619
|
+
},
|
|
2620
|
+
"iconSpace": {
|
|
2621
|
+
"$ref": "#integer"
|
|
2622
|
+
},
|
|
2623
|
+
"icon": {
|
|
2624
|
+
"$ref": "#icon"
|
|
2625
|
+
},
|
|
2605
2626
|
"outerBorderColor": {
|
|
2606
2627
|
"$ref": "#color"
|
|
2607
2628
|
},
|
package/build/theme.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*
|
|
2
2
|
*
|
|
3
3
|
* Do not edit directly
|
|
4
|
-
* Generated on
|
|
4
|
+
* Generated on Wed, 17 Aug 2022 18:42:58 GMT
|
|
5
5
|
*
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -238,6 +238,9 @@ module.exports = {
|
|
|
238
238
|
fontName: 'HelveticaNow',
|
|
239
239
|
fontSize: 16,
|
|
240
240
|
fontWeight: '700',
|
|
241
|
+
icon: null,
|
|
242
|
+
iconSize: 24,
|
|
243
|
+
iconSpace: 2,
|
|
241
244
|
lineHeight: 1.5,
|
|
242
245
|
minWidth: 144,
|
|
243
246
|
opacity: 1,
|
|
@@ -382,7 +385,10 @@ module.exports = {
|
|
|
382
385
|
},
|
|
383
386
|
Card: {
|
|
384
387
|
appearances: {
|
|
385
|
-
background: {
|
|
388
|
+
background: {
|
|
389
|
+
type: 'variant',
|
|
390
|
+
values: [ 'alternative', 'subtle', 'grid' ]
|
|
391
|
+
},
|
|
386
392
|
padding: {
|
|
387
393
|
type: 'variant',
|
|
388
394
|
values: [ 'narrow', 'intermediate', 'compact', 'custom' ]
|
|
@@ -398,6 +404,14 @@ module.exports = {
|
|
|
398
404
|
if: { background: 'alternative' },
|
|
399
405
|
tokens: { backgroundColor: '#f4f4f7' }
|
|
400
406
|
},
|
|
407
|
+
{
|
|
408
|
+
if: { background: 'subtle' },
|
|
409
|
+
tokens: { backgroundColor: '#fafafa' }
|
|
410
|
+
},
|
|
411
|
+
{
|
|
412
|
+
if: { background: 'grid' },
|
|
413
|
+
tokens: { backgroundColor: '#fafafa', borderWidth: 0 }
|
|
414
|
+
},
|
|
401
415
|
{
|
|
402
416
|
if: { viewport: [ 'md', 'lg', 'xl' ] },
|
|
403
417
|
tokens: {
|
package/package.json
CHANGED
package/theme.json
CHANGED
|
@@ -357,6 +357,9 @@
|
|
|
357
357
|
"fontName": "{palette.fontName.HelveticaNow}",
|
|
358
358
|
"fontSize": "{palette.fontSize.size16}",
|
|
359
359
|
"fontWeight": "{palette.fontWeight.weight700}",
|
|
360
|
+
"icon": "{system.icon.none}",
|
|
361
|
+
"iconSize": "{palette.size.size24}",
|
|
362
|
+
"iconSpace": "{system.integer.2}",
|
|
360
363
|
"lineHeight": "{palette.lineHeight.ratio3to2}",
|
|
361
364
|
"minWidth": "{palette.size.size144}",
|
|
362
365
|
"opacity": "{system.opacity.opaque}",
|
|
@@ -524,7 +527,7 @@
|
|
|
524
527
|
"appearances": {
|
|
525
528
|
"background": {
|
|
526
529
|
"type": "variant",
|
|
527
|
-
"values": ["alternative"]
|
|
530
|
+
"values": ["alternative", "subtle", "grid"]
|
|
528
531
|
},
|
|
529
532
|
"padding": {
|
|
530
533
|
"type": "variant",
|
|
@@ -541,6 +544,23 @@
|
|
|
541
544
|
"backgroundColor": "{palette.color.greyAthens}"
|
|
542
545
|
}
|
|
543
546
|
},
|
|
547
|
+
{
|
|
548
|
+
"if": {
|
|
549
|
+
"background": "subtle"
|
|
550
|
+
},
|
|
551
|
+
"tokens": {
|
|
552
|
+
"backgroundColor": "{palette.color.greyAlabaster}"
|
|
553
|
+
}
|
|
554
|
+
},
|
|
555
|
+
{
|
|
556
|
+
"if": {
|
|
557
|
+
"background": "grid"
|
|
558
|
+
},
|
|
559
|
+
"tokens": {
|
|
560
|
+
"backgroundColor": "{palette.color.greyAlabaster}",
|
|
561
|
+
"borderWidth": "{palette.border.none}"
|
|
562
|
+
}
|
|
563
|
+
},
|
|
544
564
|
{
|
|
545
565
|
"if": {
|
|
546
566
|
"viewport": ["md", "lg", "xl"]
|