@telus-uds/theme-koodo 3.12.0 → 3.13.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/rn/theme.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  *
3
3
  * Do not edit directly
4
- * Generated on Tue, 07 Mar 2023 21:06:01 GMT
4
+ * Generated on Tue, 14 Mar 2023 20:10:21 GMT
5
5
  *
6
6
  */
7
7
 
@@ -545,10 +545,33 @@ module.exports = {
545
545
  }
546
546
  },
547
547
  Card: {
548
- appearances: {},
549
- rules: [],
548
+ appearances: {
549
+ background: {
550
+ description: 'Defines background related attributes of Card',
551
+ type: 'variant',
552
+ values: [ 'alternative', 'subtle', 'grid', 'feature' ]
553
+ }
554
+ },
555
+ rules: [
556
+ {
557
+ if: { background: 'alternative' },
558
+ tokens: { backgroundColor: '#e5f7fb' }
559
+ },
560
+ {
561
+ if: { background: 'subtle' },
562
+ tokens: { backgroundColor: '#fae6f4', borderRadius: 8 }
563
+ },
564
+ {
565
+ if: { background: 'grid' },
566
+ tokens: { borderColor: '#016b6a', borderRadius: 8, borderWidth: 1 }
567
+ },
568
+ {
569
+ if: { background: 'feature' },
570
+ tokens: { backgroundColor: '#f9f6a5' }
571
+ }
572
+ ],
550
573
  tokens: {
551
- backgroundColor: '#f9f6a5',
574
+ backgroundColor: '#ffffff',
552
575
  borderColor: null,
553
576
  borderRadius: 0,
554
577
  borderWidth: 0,
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  },
6
6
  "description": "Koodo theme",
7
7
  "devDependencies": {
8
- "@telus-uds/palette-koodo": "^0.4.0",
8
+ "@telus-uds/palette-koodo": "^0.5.0",
9
9
  "@telus-uds/system-theme-tokens": "^2.12.0"
10
10
  },
11
11
  "files": [
@@ -20,7 +20,7 @@
20
20
  "main": "build/rn/theme.js",
21
21
  "name": "@telus-uds/theme-koodo",
22
22
  "peerDependencies": {
23
- "@telus-uds/palette-koodo": "^0.4.0"
23
+ "@telus-uds/palette-koodo": "^0.5.0"
24
24
  },
25
25
  "repository": {
26
26
  "type": "git",
@@ -31,5 +31,5 @@
31
31
  "build": "UDS_PALETTE=@telus-uds/palette-koodo system-tokens-build-theme",
32
32
  "dev": "nodemon -w src -x 'npm run build'"
33
33
  },
34
- "version": "3.12.0"
34
+ "version": "3.13.0"
35
35
  }
package/theme.json CHANGED
@@ -670,10 +670,52 @@
670
670
  }
671
671
  },
672
672
  "Card": {
673
- "appearances": {},
674
- "rules": [],
673
+ "appearances": {
674
+ "background": {
675
+ "description": "Defines background related attributes of Card",
676
+ "type": "variant",
677
+ "values": ["alternative", "subtle", "grid", "feature"]
678
+ }
679
+ },
680
+ "rules": [
681
+ {
682
+ "if": {
683
+ "background": "alternative"
684
+ },
685
+ "tokens": {
686
+ "backgroundColor": "{palette.color.icicle}"
687
+ }
688
+ },
689
+ {
690
+ "if": {
691
+ "background": "subtle"
692
+ },
693
+ "tokens": {
694
+ "backgroundColor": "{palette.color.carouselPink}",
695
+ "borderRadius": "{palette.radius.radius8}"
696
+ }
697
+ },
698
+ {
699
+ "if": {
700
+ "background": "grid"
701
+ },
702
+ "tokens": {
703
+ "borderColor": "{palette.color.mosque}",
704
+ "borderRadius": "{palette.radius.radius8}",
705
+ "borderWidth": "{palette.border.border1}"
706
+ }
707
+ },
708
+ {
709
+ "if": {
710
+ "background": "feature"
711
+ },
712
+ "tokens": {
713
+ "backgroundColor": "{palette.color.texas}"
714
+ }
715
+ }
716
+ ],
675
717
  "tokens": {
676
- "backgroundColor": "{palette.color.texas}",
718
+ "backgroundColor": "{palette.color.white}",
677
719
  "borderColor": "{system.color.none}",
678
720
  "borderRadius": "{palette.radius.none}",
679
721
  "borderWidth": "{palette.border.none}",