@telus-uds/theme-koodo 4.4.0 → 4.5.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 +697 -587
- package/build/android/theme.json +79 -8
- package/build/ios/schema.json +697 -587
- package/build/ios/theme.json +79 -8
- package/build/rn/schema.json +697 -587
- package/build/rn/theme.js +47 -9
- package/package.json +4 -4
- package/theme.json +36 -7
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, 20 Jun 2023 15:59:39 GMT
|
|
5
5
|
*
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -110,17 +110,52 @@ module.exports = {
|
|
|
110
110
|
}
|
|
111
111
|
},
|
|
112
112
|
BlockQuote: {
|
|
113
|
-
appearances: {
|
|
114
|
-
|
|
113
|
+
appearances: {
|
|
114
|
+
viewport: {
|
|
115
|
+
description: 'The size label for the current screen viewport based on the current screen width',
|
|
116
|
+
type: 'state',
|
|
117
|
+
values: [ 'xs', 'sm', 'md', 'lg', 'xl' ]
|
|
118
|
+
}
|
|
119
|
+
},
|
|
120
|
+
rules: [
|
|
121
|
+
{
|
|
122
|
+
if: { viewport: [ 'xs', 'sm', 'md' ] },
|
|
123
|
+
tokens: {
|
|
124
|
+
titleHeadingFontName: 'StagSans',
|
|
125
|
+
titleHeadingFontSize: 32,
|
|
126
|
+
titleHeadingFontWeight: '700',
|
|
127
|
+
titleHeadingLineHeight: 1.25
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
],
|
|
115
131
|
tokens: {
|
|
116
|
-
backgroundGradient:
|
|
117
|
-
|
|
132
|
+
backgroundGradient: {
|
|
133
|
+
angle: 0,
|
|
134
|
+
stops: [
|
|
135
|
+
{ color: '#016b6a', stop: 0 },
|
|
136
|
+
{ color: '#016b6a', stop: 1 }
|
|
137
|
+
],
|
|
138
|
+
type: 'linear'
|
|
139
|
+
},
|
|
140
|
+
color: '#000000',
|
|
141
|
+
linkFontName: 'StagSans',
|
|
142
|
+
linkFontSize: 16,
|
|
143
|
+
linkFontWeight: '600',
|
|
144
|
+
linkLineHeight: 1.5,
|
|
118
145
|
marginBottom: 16,
|
|
119
146
|
paddingBottom: 16,
|
|
120
147
|
paddingLeft: 32,
|
|
121
148
|
paddingRight: 32,
|
|
122
149
|
paddingTop: 16,
|
|
123
|
-
|
|
150
|
+
titleFontName: 'StagSans',
|
|
151
|
+
titleFontSize: 20,
|
|
152
|
+
titleFontWeight: '400',
|
|
153
|
+
titleHeadingFontName: 'StagSans',
|
|
154
|
+
titleHeadingFontSize: 32,
|
|
155
|
+
titleHeadingFontWeight: '700',
|
|
156
|
+
titleHeadingLineHeight: 1.25,
|
|
157
|
+
titleLineHeight: 1.4,
|
|
158
|
+
width: 4
|
|
124
159
|
}
|
|
125
160
|
},
|
|
126
161
|
Box: {
|
|
@@ -394,7 +429,7 @@ module.exports = {
|
|
|
394
429
|
if: { focus: true, pressed: true },
|
|
395
430
|
tokens: {
|
|
396
431
|
backgroundColor: '#595959',
|
|
397
|
-
borderColor: '
|
|
432
|
+
borderColor: 'rgba(0, 0, 0, 0)',
|
|
398
433
|
color: '#c9c8c8',
|
|
399
434
|
outerBorderGap: 2
|
|
400
435
|
}
|
|
@@ -421,7 +456,7 @@ module.exports = {
|
|
|
421
456
|
if: { danger: true, focus: true, pressed: true },
|
|
422
457
|
tokens: {
|
|
423
458
|
backgroundColor: '#595959',
|
|
424
|
-
borderColor: '
|
|
459
|
+
borderColor: 'rgba(0, 0, 0, 0)',
|
|
425
460
|
color: '#c9c8c8',
|
|
426
461
|
outerBorderGap: 2
|
|
427
462
|
}
|
|
@@ -1407,6 +1442,9 @@ module.exports = {
|
|
|
1407
1442
|
calendarDayDefaultFontName: 'StagSans',
|
|
1408
1443
|
calendarDayDefaultFontSize: 14,
|
|
1409
1444
|
calendarDayDefaultFontWeight: '400',
|
|
1445
|
+
calendarDaySelectedDisabledBackground: '#efefef',
|
|
1446
|
+
calendarDaySelectedDisabledColor: '#ffffff',
|
|
1447
|
+
calendarDaySelectedDisabledContentBackgroundColor: '#c9c8c8',
|
|
1410
1448
|
calendarDaySelectedFocusBeforeBackground: '#ffffff',
|
|
1411
1449
|
calendarDaySelectedHoverBackground: '#ffffff',
|
|
1412
1450
|
calendarDaySelectedHoverBeforeBackground: '#ffffff',
|
|
@@ -5706,5 +5744,5 @@ module.exports = {
|
|
|
5706
5744
|
tokens: { size: 96 }
|
|
5707
5745
|
}
|
|
5708
5746
|
},
|
|
5709
|
-
metadata: { name: 'theme-koodo', themeTokensVersion: '2.
|
|
5747
|
+
metadata: { name: 'theme-koodo', themeTokensVersion: '2.34.0' }
|
|
5710
5748
|
}
|
package/package.json
CHANGED
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
},
|
|
6
6
|
"description": "Koodo theme",
|
|
7
7
|
"devDependencies": {
|
|
8
|
-
"@telus-uds/palette-koodo": "^0.
|
|
9
|
-
"@telus-uds/system-theme-tokens": "^2.
|
|
8
|
+
"@telus-uds/palette-koodo": "^0.20.0",
|
|
9
|
+
"@telus-uds/system-theme-tokens": "^2.34.0"
|
|
10
10
|
},
|
|
11
11
|
"files": [
|
|
12
12
|
"build",
|
|
@@ -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.
|
|
23
|
+
"@telus-uds/palette-koodo": "^0.20.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": "4.
|
|
34
|
+
"version": "4.5.0"
|
|
35
35
|
}
|
package/theme.json
CHANGED
|
@@ -120,17 +120,43 @@
|
|
|
120
120
|
}
|
|
121
121
|
},
|
|
122
122
|
"BlockQuote": {
|
|
123
|
-
"appearances": {
|
|
124
|
-
|
|
123
|
+
"appearances": {
|
|
124
|
+
"viewport": "{appearances.system.viewport}"
|
|
125
|
+
},
|
|
126
|
+
"rules": [
|
|
127
|
+
{
|
|
128
|
+
"if": {
|
|
129
|
+
"viewport": ["xs", "sm", "md"]
|
|
130
|
+
},
|
|
131
|
+
"tokens": {
|
|
132
|
+
"titleHeadingFontName": "{palette.fontName.StagSans}",
|
|
133
|
+
"titleHeadingFontSize": "{palette.fontSize.size32}",
|
|
134
|
+
"titleHeadingFontWeight": "{palette.fontWeight.weight700}",
|
|
135
|
+
"titleHeadingLineHeight": "{palette.lineHeight.ratio5to4}"
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
],
|
|
125
139
|
"tokens": {
|
|
126
|
-
"backgroundGradient": "{
|
|
127
|
-
"color": "{palette.color.
|
|
140
|
+
"backgroundGradient": "{palette.gradient.mosque}",
|
|
141
|
+
"color": "{palette.color.black}",
|
|
142
|
+
"linkFontName": "{palette.fontName.StagSans}",
|
|
143
|
+
"linkFontSize": "{palette.fontSize.size16}",
|
|
144
|
+
"linkFontWeight": "{palette.fontWeight.weight600}",
|
|
145
|
+
"linkLineHeight": "{palette.lineHeight.ratio3to2}",
|
|
128
146
|
"marginBottom": "{palette.size.size16}",
|
|
129
147
|
"paddingBottom": "{palette.size.size16}",
|
|
130
148
|
"paddingLeft": "{palette.size.size32}",
|
|
131
149
|
"paddingRight": "{palette.size.size32}",
|
|
132
150
|
"paddingTop": "{palette.size.size16}",
|
|
133
|
-
"
|
|
151
|
+
"titleFontName": "{palette.fontName.StagSans}",
|
|
152
|
+
"titleFontSize": "{palette.fontSize.size20}",
|
|
153
|
+
"titleFontWeight": "{palette.fontWeight.weight400}",
|
|
154
|
+
"titleHeadingFontName": "{palette.fontName.StagSans}",
|
|
155
|
+
"titleHeadingFontSize": "{palette.fontSize.size32}",
|
|
156
|
+
"titleHeadingFontWeight": "{palette.fontWeight.weight700}",
|
|
157
|
+
"titleHeadingLineHeight": "{palette.lineHeight.ratio5to4}",
|
|
158
|
+
"titleLineHeight": "{palette.lineHeight.multiply140}",
|
|
159
|
+
"width": "{palette.size.size4}"
|
|
134
160
|
}
|
|
135
161
|
},
|
|
136
162
|
"Box": {
|
|
@@ -554,7 +580,7 @@
|
|
|
554
580
|
},
|
|
555
581
|
"tokens": {
|
|
556
582
|
"backgroundColor": "{palette.color.mortar}",
|
|
557
|
-
"borderColor": "{palette.color.
|
|
583
|
+
"borderColor": "{palette.color.transparent}",
|
|
558
584
|
"color": "{palette.color.silver}",
|
|
559
585
|
"outerBorderGap": "{palette.size.size2}"
|
|
560
586
|
}
|
|
@@ -603,7 +629,7 @@
|
|
|
603
629
|
},
|
|
604
630
|
"tokens": {
|
|
605
631
|
"backgroundColor": "{palette.color.mortar}",
|
|
606
|
-
"borderColor": "{palette.color.
|
|
632
|
+
"borderColor": "{palette.color.transparent}",
|
|
607
633
|
"color": "{palette.color.silver}",
|
|
608
634
|
"outerBorderGap": "{palette.size.size2}"
|
|
609
635
|
}
|
|
@@ -1892,6 +1918,9 @@
|
|
|
1892
1918
|
"calendarDayDefaultFontName": "{palette.fontName.StagSans}",
|
|
1893
1919
|
"calendarDayDefaultFontSize": "{palette.fontSize.size14}",
|
|
1894
1920
|
"calendarDayDefaultFontWeight": "{palette.fontWeight.weight400}",
|
|
1921
|
+
"calendarDaySelectedDisabledBackground": "{palette.color.gallery}",
|
|
1922
|
+
"calendarDaySelectedDisabledColor": "{palette.color.white}",
|
|
1923
|
+
"calendarDaySelectedDisabledContentBackgroundColor": "{palette.color.silver}",
|
|
1895
1924
|
"calendarDaySelectedFocusBeforeBackground": "{palette.color.white}",
|
|
1896
1925
|
"calendarDaySelectedHoverBackground": "{palette.color.white}",
|
|
1897
1926
|
"calendarDaySelectedHoverBeforeBackground": "{palette.color.white}",
|