@telus-uds/theme-allium 3.15.0 → 3.17.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 +1020 -870
- package/build/android/theme.json +215 -2
- package/build/ios/schema.json +1020 -870
- package/build/ios/theme.json +215 -2
- package/build/rn/schema.json +1020 -870
- package/build/rn/theme.js +90 -3
- package/package.json +5 -5
- package/theme.json +90 -1
package/build/rn/theme.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*
|
|
2
2
|
*
|
|
3
3
|
* Do not edit directly
|
|
4
|
-
* Generated on Mon,
|
|
4
|
+
* Generated on Mon, 03 Apr 2023 20:32:40 GMT
|
|
5
5
|
*
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -36,6 +36,92 @@ module.exports = {
|
|
|
36
36
|
rules: [ { if: { size: 'large' }, tokens: { size: 48, thickness: 4 } } ],
|
|
37
37
|
tokens: { color: '#2b8000', size: 24, thickness: 2 }
|
|
38
38
|
},
|
|
39
|
+
Badge: {
|
|
40
|
+
appearances: {
|
|
41
|
+
alternative: { type: 'variant', values: [ true ] },
|
|
42
|
+
outline: { type: 'variant', values: [ true ] },
|
|
43
|
+
purpose: { type: 'variant', values: [ 'offer', 'editorial' ] }
|
|
44
|
+
},
|
|
45
|
+
rules: [
|
|
46
|
+
{
|
|
47
|
+
if: { outline: true },
|
|
48
|
+
tokens: { backgroundColor: '#ffffff', color: '#613889' }
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
if: { alternative: true },
|
|
52
|
+
tokens: {
|
|
53
|
+
borderColor: 'rgba(0, 0, 0, 0)',
|
|
54
|
+
gradient: {
|
|
55
|
+
angle: 135,
|
|
56
|
+
stops: [
|
|
57
|
+
{ color: '#00784a', stop: 0 },
|
|
58
|
+
{ color: '#66cc00', stop: 1 }
|
|
59
|
+
],
|
|
60
|
+
type: 'linear'
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
if: { purpose: 'offer' },
|
|
66
|
+
tokens: {
|
|
67
|
+
borderWidth: 0,
|
|
68
|
+
gradient: {
|
|
69
|
+
angle: 135,
|
|
70
|
+
stops: [
|
|
71
|
+
{ color: '#4b286d', stop: 0 },
|
|
72
|
+
{ color: '#e53293', stop: 1 }
|
|
73
|
+
],
|
|
74
|
+
type: 'linear'
|
|
75
|
+
},
|
|
76
|
+
paddingBottom: 4,
|
|
77
|
+
paddingLeft: 10,
|
|
78
|
+
paddingRight: 10,
|
|
79
|
+
paddingTop: 4
|
|
80
|
+
}
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
if: { purpose: 'editorial' },
|
|
84
|
+
tokens: {
|
|
85
|
+
backgroundColor: '#676e73',
|
|
86
|
+
borderColor: '#676e73',
|
|
87
|
+
color: '#ffffff'
|
|
88
|
+
}
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
if: { outline: true, purpose: 'offer' },
|
|
92
|
+
tokens: {
|
|
93
|
+
borderColor: 'rgba(0, 0, 0, 0)',
|
|
94
|
+
borderWidth: 2,
|
|
95
|
+
gradient: {
|
|
96
|
+
angle: 135,
|
|
97
|
+
stops: [
|
|
98
|
+
{ color: '#4b286d', stop: 0 },
|
|
99
|
+
{ color: '#e53293', stop: 1 }
|
|
100
|
+
],
|
|
101
|
+
type: 'linear'
|
|
102
|
+
},
|
|
103
|
+
paddingBottom: 2,
|
|
104
|
+
paddingLeft: 8,
|
|
105
|
+
paddingRight: 8,
|
|
106
|
+
paddingTop: 2
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
],
|
|
110
|
+
tokens: {
|
|
111
|
+
backgroundColor: '#613889',
|
|
112
|
+
borderColor: '#613889',
|
|
113
|
+
borderRadius: 4,
|
|
114
|
+
borderWidth: 2,
|
|
115
|
+
color: '#ffffff',
|
|
116
|
+
fontName: 'HelveticaNow',
|
|
117
|
+
fontWeight: '700',
|
|
118
|
+
gradient: null,
|
|
119
|
+
paddingBottom: 2,
|
|
120
|
+
paddingLeft: 8,
|
|
121
|
+
paddingRight: 8,
|
|
122
|
+
paddingTop: 2
|
|
123
|
+
}
|
|
124
|
+
},
|
|
39
125
|
Box: {
|
|
40
126
|
appearances: {
|
|
41
127
|
background: {
|
|
@@ -1639,7 +1725,7 @@ module.exports = {
|
|
|
1639
1725
|
hintFontName: 'HelveticaNow',
|
|
1640
1726
|
hintFontSize: 14,
|
|
1641
1727
|
hintFontWeight: '400',
|
|
1642
|
-
hintLineHeight: 1.
|
|
1728
|
+
hintLineHeight: 1.42857142857,
|
|
1643
1729
|
lineHeight: 1.5
|
|
1644
1730
|
}
|
|
1645
1731
|
},
|
|
@@ -2498,6 +2584,7 @@ module.exports = {
|
|
|
2498
2584
|
itemBulletContainerWidth: 16,
|
|
2499
2585
|
itemBulletHeight: 4,
|
|
2500
2586
|
itemBulletWidth: 4,
|
|
2587
|
+
itemFontColor: '#000000',
|
|
2501
2588
|
itemFontName: 'HelveticaNow',
|
|
2502
2589
|
itemFontSize: 16,
|
|
2503
2590
|
itemFontWeight: '400',
|
|
@@ -4232,5 +4319,5 @@ module.exports = {
|
|
|
4232
4319
|
tokens: { size: 96 }
|
|
4233
4320
|
}
|
|
4234
4321
|
},
|
|
4235
|
-
metadata: { name: 'theme-allium', themeTokensVersion: '2.
|
|
4322
|
+
metadata: { name: 'theme-allium', themeTokensVersion: '2.15.0' }
|
|
4236
4323
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@telus-uds/theme-allium",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.17.0",
|
|
4
4
|
"description": "Allium theme",
|
|
5
5
|
"author": "TELUS Digital",
|
|
6
6
|
"homepage": "https://github.com/telus/allium-design-system#readme",
|
|
@@ -8,12 +8,12 @@
|
|
|
8
8
|
"main": "build/rn/theme.js",
|
|
9
9
|
"dependencies": {},
|
|
10
10
|
"devDependencies": {
|
|
11
|
-
"@telus-uds/palette-allium": "^2.
|
|
12
|
-
"@telus-uds/system-theme-tokens": "^2.
|
|
13
|
-
"@telus-uds/system-tokens": "^0.6.
|
|
11
|
+
"@telus-uds/palette-allium": "^2.12.1",
|
|
12
|
+
"@telus-uds/system-theme-tokens": "^2.15.0",
|
|
13
|
+
"@telus-uds/system-tokens": "^0.6.7"
|
|
14
14
|
},
|
|
15
15
|
"peerDependencies": {
|
|
16
|
-
"@telus-uds/palette-allium": "^2.
|
|
16
|
+
"@telus-uds/palette-allium": "^2.12.1"
|
|
17
17
|
},
|
|
18
18
|
"files": [
|
|
19
19
|
"build",
|
package/theme.json
CHANGED
|
@@ -25,6 +25,94 @@
|
|
|
25
25
|
"thickness": "{palette.border.border2}"
|
|
26
26
|
}
|
|
27
27
|
},
|
|
28
|
+
"Badge": {
|
|
29
|
+
"appearances": {
|
|
30
|
+
"alternative": {
|
|
31
|
+
"type": "variant",
|
|
32
|
+
"values": [true]
|
|
33
|
+
},
|
|
34
|
+
"outline": {
|
|
35
|
+
"type": "variant",
|
|
36
|
+
"values": [true]
|
|
37
|
+
},
|
|
38
|
+
"purpose": {
|
|
39
|
+
"type": "variant",
|
|
40
|
+
"values": ["offer", "editorial"]
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
"rules": [
|
|
44
|
+
{
|
|
45
|
+
"if": {
|
|
46
|
+
"outline": true
|
|
47
|
+
},
|
|
48
|
+
"tokens": {
|
|
49
|
+
"backgroundColor": "{palette.color.white}",
|
|
50
|
+
"color": "{palette.color.purpleEminence}"
|
|
51
|
+
}
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
"if": {
|
|
55
|
+
"alternative": true
|
|
56
|
+
},
|
|
57
|
+
"tokens": {
|
|
58
|
+
"borderColor": "{palette.color.transparent}",
|
|
59
|
+
"gradient": "{palette.gradient.green}"
|
|
60
|
+
}
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
"if": {
|
|
64
|
+
"purpose": "offer"
|
|
65
|
+
},
|
|
66
|
+
"tokens": {
|
|
67
|
+
"borderWidth": "{palette.border.none}",
|
|
68
|
+
"gradient": "{palette.gradient.purple}",
|
|
69
|
+
"paddingBottom": "{palette.size.size4}",
|
|
70
|
+
"paddingLeft": "{palette.size.size10}",
|
|
71
|
+
"paddingRight": "{palette.size.size10}",
|
|
72
|
+
"paddingTop": "{palette.size.size4}"
|
|
73
|
+
}
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
"if": {
|
|
77
|
+
"purpose": "editorial"
|
|
78
|
+
},
|
|
79
|
+
"tokens": {
|
|
80
|
+
"backgroundColor": "{palette.color.greyShuttle}",
|
|
81
|
+
"borderColor": "{palette.color.greyShuttle}",
|
|
82
|
+
"color": "{palette.color.white}"
|
|
83
|
+
}
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"if": {
|
|
87
|
+
"outline": true,
|
|
88
|
+
"purpose": "offer"
|
|
89
|
+
},
|
|
90
|
+
"tokens": {
|
|
91
|
+
"borderColor": "{palette.color.transparent}",
|
|
92
|
+
"borderWidth": "{palette.border.border2}",
|
|
93
|
+
"gradient": "{palette.gradient.purple}",
|
|
94
|
+
"paddingBottom": "{palette.size.size2}",
|
|
95
|
+
"paddingLeft": "{palette.size.size8}",
|
|
96
|
+
"paddingRight": "{palette.size.size8}",
|
|
97
|
+
"paddingTop": "{palette.size.size2}"
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
],
|
|
101
|
+
"tokens": {
|
|
102
|
+
"backgroundColor": "{palette.color.purpleEminence}",
|
|
103
|
+
"borderColor": "{palette.color.purpleEminence}",
|
|
104
|
+
"borderRadius": "{palette.radius.radius4}",
|
|
105
|
+
"borderWidth": "{palette.border.border2}",
|
|
106
|
+
"color": "{palette.color.white}",
|
|
107
|
+
"fontName": "{palette.fontName.HelveticaNow}",
|
|
108
|
+
"fontWeight": "{palette.fontWeight.weight700}",
|
|
109
|
+
"gradient": "{system.gradient.none}",
|
|
110
|
+
"paddingBottom": "{palette.size.size2}",
|
|
111
|
+
"paddingLeft": "{palette.size.size8}",
|
|
112
|
+
"paddingRight": "{palette.size.size8}",
|
|
113
|
+
"paddingTop": "{palette.size.size2}"
|
|
114
|
+
}
|
|
115
|
+
},
|
|
28
116
|
"Box": {
|
|
29
117
|
"appearances": {
|
|
30
118
|
"background": {
|
|
@@ -2167,7 +2255,7 @@
|
|
|
2167
2255
|
"hintFontName": "{palette.fontName.HelveticaNow}",
|
|
2168
2256
|
"hintFontSize": "{palette.fontSize.size14}",
|
|
2169
2257
|
"hintFontWeight": "{palette.fontWeight.weight400}",
|
|
2170
|
-
"hintLineHeight": "{palette.lineHeight.
|
|
2258
|
+
"hintLineHeight": "{palette.lineHeight.ratio10to7}",
|
|
2171
2259
|
"lineHeight": "{palette.lineHeight.ratio3to2}"
|
|
2172
2260
|
}
|
|
2173
2261
|
},
|
|
@@ -3213,6 +3301,7 @@
|
|
|
3213
3301
|
"itemBulletContainerWidth": "{palette.size.size16}",
|
|
3214
3302
|
"itemBulletHeight": "{palette.size.size4}",
|
|
3215
3303
|
"itemBulletWidth": "{palette.size.size4}",
|
|
3304
|
+
"itemFontColor": "{palette.color.black}",
|
|
3216
3305
|
"itemFontName": "{palette.fontName.HelveticaNow}",
|
|
3217
3306
|
"itemFontSize": "{palette.fontSize.size16}",
|
|
3218
3307
|
"itemFontWeight": "{palette.fontWeight.weight400}",
|