@telus-uds/palette-koodo 0.1.0-prerelease.2 → 0.1.0-prerelease.3
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/CHANGELOG.md +13 -0
- package/README.md +1 -1
- package/build/android/border.xml +2 -2
- package/build/android/color.xml +23 -23
- package/build/android/font_size.xml +1 -1
- package/build/android/radius.xml +3 -3
- package/build/android/size.xml +7 -5
- package/build/ios/Border.swift +1 -1
- package/build/ios/Color.swift +1 -1
- package/build/ios/FontSize.swift +1 -1
- package/build/ios/Radius.swift +1 -1
- package/build/ios/Size.swift +3 -1
- package/build/rn/icons/index.js +29 -85
- package/build/rn/palette.js +102 -100
- package/build/web/fonts/fonts-cdn-family.css +5 -5
- package/build/web/fonts/fonts-cdn.css +5 -5
- package/build/web/fonts/fonts-local-family.css +5 -5
- package/build/web/fonts/fonts-local.css +5 -5
- package/build/web/fonts/{v0_1_0-prerelease_1-StagSans-300--J6ixSsuRBjOGdGhFumrh.otf → v0_1_0-prerelease_2-StagSans-300-SIdtvc1GNy55QQVhWJb65.otf} +0 -0
- package/build/web/fonts/{v0_1_0-prerelease_1-StagSans-400-SMHWqRVrOHgQPQVQibwUB.otf → v0_1_0-prerelease_2-StagSans-400-Q03VUUPzb-J1uH_0Tp_zJ.otf} +0 -0
- package/build/web/fonts/{v0_1_0-prerelease_1-StagSans-500-m8llDILdEpyWmY7qIJcpx.otf → v0_1_0-prerelease_2-StagSans-500-cv8pFY_SGXh6QYDVZ3r4U.otf} +0 -0
- package/build/web/fonts/{v0_1_0-prerelease_1-StagSans-600-d3QN6Jjk-5ZLp0vTigRV-.otf → v0_1_0-prerelease_2-StagSans-600-Glr-vkbc0VFpKwEguJghZ.otf} +0 -0
- package/build/web/fonts/{v0_1_0-prerelease_1-StagSans-700-m1nFhrTNcuwrCDvPhYo1b.otf → v0_1_0-prerelease_2-StagSans-700-3W5GmkJ3rhaHpdgnJQjSA.otf} +0 -0
- package/build/web/icons/index.js +29 -85
- package/build/web/palette.js +102 -100
- package/package.json +4 -3
- package/palette.json +456 -0
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,19 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
## [0.1.0-prerelease.3](https://github.com/telus/universal-design-system/compare/@telus-uds/palette-koodo/v0.1.0-prerelease.2...@telus-uds/palette-koodo/v0.1.0-prerelease.3) (2022-02-28)
|
|
6
|
+
|
|
7
|
+
### Features
|
|
8
|
+
|
|
9
|
+
- **themes:** validate theme token types ([#1221](https://github.com/telus/universal-design-system/issues/1221)) ([dae382d](https://github.com/telus/universal-design-system/commit/dae382d19f86b88cd5de9df8c94f8200aee5b33f))
|
|
10
|
+
|
|
11
|
+
### Change summary (does not include documentation changes)
|
|
12
|
+
|
|
13
|
+
#### New keys
|
|
14
|
+
|
|
15
|
+
- `size.size1`
|
|
16
|
+
- `size.size14`
|
|
17
|
+
|
|
5
18
|
## [0.1.0-prerelease.2](https://github.com/telus/universal-design-system/compare/@telus-uds/palette-koodo/v0.1.0-prerelease.1...@telus-uds/palette-koodo/v0.1.0-prerelease.2) (2022-01-20)
|
|
6
19
|
|
|
7
20
|
### Features
|
package/README.md
CHANGED
package/build/android/border.xml
CHANGED
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
<!--
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated on
|
|
5
|
+
Generated on Mon, 28 Feb 2022 10:03:47 GMT
|
|
6
6
|
-->
|
|
7
7
|
|
|
8
8
|
<resources>
|
|
9
|
-
<dimen name="none">0.00dp</dimen>
|
|
10
9
|
<dimen name="border_1">1.00dp</dimen>
|
|
11
10
|
<dimen name="border_2">2.00dp</dimen>
|
|
12
11
|
<dimen name="border_3">3.00dp</dimen>
|
|
13
12
|
<dimen name="border_4">4.00dp</dimen>
|
|
13
|
+
<dimen name="none">0.00dp</dimen>
|
|
14
14
|
|
|
15
15
|
</resources>
|
package/build/android/color.xml
CHANGED
|
@@ -2,38 +2,38 @@
|
|
|
2
2
|
|
|
3
3
|
<!--
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated on
|
|
5
|
+
Generated on Mon, 28 Feb 2022 10:03:47 GMT
|
|
6
6
|
-->
|
|
7
7
|
|
|
8
8
|
<resources>
|
|
9
|
-
<color name="flirt">#ff7c1366</color>
|
|
10
|
-
<color name="mosque">#ff016b6a</color>
|
|
11
|
-
<color name="dark_mosque">#ff014847</color>
|
|
12
|
-
<color name="blue">#ff00a1db</color>
|
|
13
|
-
<color name="dark_blue">#ff0083b3</color>
|
|
14
|
-
<color name="texas">#fff9f6a5</color>
|
|
15
9
|
<color name="amaranth">#ffee2c74</color>
|
|
16
|
-
<color name="cardinal_pink">#ff8c0448</color>
|
|
17
|
-
<color name="trinidad">#ffdf3d0c</color>
|
|
18
|
-
<color name="onahau">#ffc3efff</color>
|
|
19
|
-
<color name="burnt_sienna">#ffed6358</color>
|
|
20
|
-
<color name="chathams_blue">#ff17367d</color>
|
|
21
|
-
<color name="well_read">#ffb8373e</color>
|
|
22
|
-
<color name="wattle">#ffd5e04d</color>
|
|
23
10
|
<color name="beeswax">#fffeeec7</color>
|
|
24
11
|
<color name="bilbao">#ff258b0b</color>
|
|
25
|
-
<color name="sea_buckthorn">#fffbaf34</color>
|
|
26
|
-
<color name="mint_tulip">#ffc1f2e8</color>
|
|
27
|
-
<color name="turquoise">#ff39cdc9</color>
|
|
28
|
-
<color name="hibiscus">#ffc53a70</color>
|
|
29
|
-
<color name="carousel_pink">#fffae6f4</color>
|
|
30
|
-
<color name="white">#ffffffff</color>
|
|
31
12
|
<color name="black">#ff000000</color>
|
|
32
|
-
<color name="
|
|
33
|
-
<color name="
|
|
34
|
-
<color name="
|
|
13
|
+
<color name="blue">#ff00a1db</color>
|
|
14
|
+
<color name="burnt_sienna">#ffed6358</color>
|
|
15
|
+
<color name="cardinal_pink">#ff8c0448</color>
|
|
16
|
+
<color name="carousel_pink">#fffae6f4</color>
|
|
17
|
+
<color name="chathams_blue">#ff17367d</color>
|
|
18
|
+
<color name="dark_blue">#ff0083b3</color>
|
|
19
|
+
<color name="dark_mosque">#ff014847</color>
|
|
35
20
|
<color name="dove">#ff666666</color>
|
|
21
|
+
<color name="flirt">#ff7c1366</color>
|
|
22
|
+
<color name="gallery">#ffefefef</color>
|
|
23
|
+
<color name="hibiscus">#ffc53a70</color>
|
|
36
24
|
<color name="iceberg">#ffcbf0e8</color>
|
|
25
|
+
<color name="mint_tulip">#ffc1f2e8</color>
|
|
26
|
+
<color name="mortar">#ff595959</color>
|
|
27
|
+
<color name="mosque">#ff016b6a</color>
|
|
28
|
+
<color name="onahau">#ffc3efff</color>
|
|
29
|
+
<color name="sea_buckthorn">#fffbaf34</color>
|
|
30
|
+
<color name="silver">#ffc9c8c8</color>
|
|
31
|
+
<color name="texas">#fff9f6a5</color>
|
|
37
32
|
<color name="transparent">#00000000</color>
|
|
33
|
+
<color name="trinidad">#ffdf3d0c</color>
|
|
34
|
+
<color name="turquoise">#ff39cdc9</color>
|
|
35
|
+
<color name="wattle">#ffd5e04d</color>
|
|
36
|
+
<color name="well_read">#ffb8373e</color>
|
|
37
|
+
<color name="white">#ffffffff</color>
|
|
38
38
|
|
|
39
39
|
</resources>
|
package/build/android/radius.xml
CHANGED
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
<!--
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated on
|
|
5
|
+
Generated on Mon, 28 Feb 2022 10:03:47 GMT
|
|
6
6
|
-->
|
|
7
7
|
|
|
8
8
|
<resources>
|
|
9
9
|
<dimen name="none">0.00dp</dimen>
|
|
10
|
-
<dimen name="radius_4">4.00dp</dimen>
|
|
11
|
-
<dimen name="radius_12">12.00dp</dimen>
|
|
12
10
|
<dimen name="pill_32">32.00dp</dimen>
|
|
11
|
+
<dimen name="radius_12">12.00dp</dimen>
|
|
12
|
+
<dimen name="radius_4">4.00dp</dimen>
|
|
13
13
|
|
|
14
14
|
</resources>
|
package/build/android/size.xml
CHANGED
|
@@ -2,27 +2,29 @@
|
|
|
2
2
|
|
|
3
3
|
<!--
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated on
|
|
5
|
+
Generated on Mon, 28 Feb 2022 10:03:47 GMT
|
|
6
6
|
-->
|
|
7
7
|
|
|
8
8
|
<resources>
|
|
9
9
|
<dimen name="size_0">0.00dp</dimen>
|
|
10
|
-
<dimen name="
|
|
11
|
-
<dimen name="size_4">4.00dp</dimen>
|
|
12
|
-
<dimen name="size_8">8.00dp</dimen>
|
|
10
|
+
<dimen name="size_1">1.00dp</dimen>
|
|
13
11
|
<dimen name="size_10">10.00dp</dimen>
|
|
14
12
|
<dimen name="size_12">12.00dp</dimen>
|
|
13
|
+
<dimen name="size_120">120.00dp</dimen>
|
|
14
|
+
<dimen name="size_14">14.00dp</dimen>
|
|
15
15
|
<dimen name="size_16">16.00dp</dimen>
|
|
16
|
+
<dimen name="size_2">2.00dp</dimen>
|
|
16
17
|
<dimen name="size_20">20.00dp</dimen>
|
|
17
18
|
<dimen name="size_24">24.00dp</dimen>
|
|
18
19
|
<dimen name="size_32">32.00dp</dimen>
|
|
19
20
|
<dimen name="size_36">36.00dp</dimen>
|
|
21
|
+
<dimen name="size_4">4.00dp</dimen>
|
|
20
22
|
<dimen name="size_40">40.00dp</dimen>
|
|
21
23
|
<dimen name="size_48">48.00dp</dimen>
|
|
22
24
|
<dimen name="size_64">64.00dp</dimen>
|
|
23
25
|
<dimen name="size_72">72.00dp</dimen>
|
|
26
|
+
<dimen name="size_8">8.00dp</dimen>
|
|
24
27
|
<dimen name="size_80">80.00dp</dimen>
|
|
25
28
|
<dimen name="size_96">96.00dp</dimen>
|
|
26
|
-
<dimen name="size_120">120.00dp</dimen>
|
|
27
29
|
|
|
28
30
|
</resources>
|
package/build/ios/Border.swift
CHANGED
package/build/ios/Color.swift
CHANGED
package/build/ios/FontSize.swift
CHANGED
package/build/ios/Radius.swift
CHANGED
package/build/ios/Size.swift
CHANGED
|
@@ -4,16 +4,18 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on
|
|
7
|
+
// Generated on Mon, 28 Feb 2022 10:03:47 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
import UIKit
|
|
11
11
|
|
|
12
12
|
public enum PaletteSize {
|
|
13
13
|
public static let size0 = CGFloat(0)
|
|
14
|
+
public static let size1 = CGFloat(1)
|
|
14
15
|
public static let size10 = CGFloat(10)
|
|
15
16
|
public static let size12 = CGFloat(12)
|
|
16
17
|
public static let size120 = CGFloat(120)
|
|
18
|
+
public static let size14 = CGFloat(14)
|
|
17
19
|
public static let size16 = CGFloat(16)
|
|
18
20
|
public static let size2 = CGFloat(2)
|
|
19
21
|
public static let size20 = CGFloat(20)
|
package/build/rn/icons/index.js
CHANGED
|
@@ -1,86 +1,30 @@
|
|
|
1
1
|
module.exports = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
},
|
|
32
|
-
get CheckCircledNotFilled() {
|
|
33
|
-
return require('./CheckCircledNotFilled')
|
|
34
|
-
},
|
|
35
|
-
get ArrowDownCircled() {
|
|
36
|
-
return require('./ArrowDownCircled')
|
|
37
|
-
},
|
|
38
|
-
get ExclamationTriangle() {
|
|
39
|
-
return require('./ExclamationTriangle')
|
|
40
|
-
},
|
|
41
|
-
get ExclamationOctagon() {
|
|
42
|
-
return require('./ExclamationOctagon')
|
|
43
|
-
},
|
|
44
|
-
get InformationCircled() {
|
|
45
|
-
return require('./InformationCircled')
|
|
46
|
-
},
|
|
47
|
-
get BoxOutline() {
|
|
48
|
-
return require('./BoxOutline')
|
|
49
|
-
},
|
|
50
|
-
get BoxOutlineChecked() {
|
|
51
|
-
return require('./BoxOutlineChecked')
|
|
52
|
-
},
|
|
53
|
-
get RadialOutline() {
|
|
54
|
-
return require('./RadialOutline')
|
|
55
|
-
},
|
|
56
|
-
get RadialOutlineChecked() {
|
|
57
|
-
return require('./RadialOutlineChecked')
|
|
58
|
-
},
|
|
59
|
-
get Hamburger() {
|
|
60
|
-
return require('./Hamburger')
|
|
61
|
-
},
|
|
62
|
-
get Spyglass() {
|
|
63
|
-
return require('./Spyglass')
|
|
64
|
-
},
|
|
65
|
-
get Bullet() {
|
|
66
|
-
return require('./Bullet')
|
|
67
|
-
},
|
|
68
|
-
get Info() {
|
|
69
|
-
return require('./Info')
|
|
70
|
-
},
|
|
71
|
-
get InfoSelected() {
|
|
72
|
-
return require('./InfoSelected')
|
|
73
|
-
},
|
|
74
|
-
get Refresh() {
|
|
75
|
-
return require('./Refresh')
|
|
76
|
-
},
|
|
77
|
-
get Kebab() {
|
|
78
|
-
return require('./Kebab')
|
|
79
|
-
},
|
|
80
|
-
get EyeOpened() {
|
|
81
|
-
return require('./EyeOpened')
|
|
82
|
-
},
|
|
83
|
-
get EyeClosed() {
|
|
84
|
-
return require('./EyeClosed')
|
|
85
|
-
}
|
|
86
|
-
}
|
|
2
|
+
ArrowDownCircled: require('./ArrowDownCircled'),
|
|
3
|
+
BoxOutline: require('./BoxOutline'),
|
|
4
|
+
BoxOutlineChecked: require('./BoxOutlineChecked'),
|
|
5
|
+
Bullet: require('./Bullet'),
|
|
6
|
+
Cart: require('./Cart'),
|
|
7
|
+
Check: require('./Check'),
|
|
8
|
+
CheckCircledFilled: require('./CheckCircledFilled'),
|
|
9
|
+
CheckCircledNotFilled: require('./CheckCircledNotFilled'),
|
|
10
|
+
ChevronDown: require('./ChevronDown'),
|
|
11
|
+
ChevronLeft: require('./ChevronLeft'),
|
|
12
|
+
ChevronRight: require('./ChevronRight'),
|
|
13
|
+
ChevronUp: require('./ChevronUp'),
|
|
14
|
+
CircledLine: require('./CircledLine'),
|
|
15
|
+
ExclamationOctagon: require('./ExclamationOctagon'),
|
|
16
|
+
ExclamationTriangle: require('./ExclamationTriangle'),
|
|
17
|
+
EyeClosed: require('./EyeClosed'),
|
|
18
|
+
EyeOpened: require('./EyeOpened'),
|
|
19
|
+
Hamburger: require('./Hamburger'),
|
|
20
|
+
Info: require('./Info'),
|
|
21
|
+
InfoSelected: require('./InfoSelected'),
|
|
22
|
+
InformationCircled: require('./InformationCircled'),
|
|
23
|
+
Kebab: require('./Kebab'),
|
|
24
|
+
RadialOutline: require('./RadialOutline'),
|
|
25
|
+
RadialOutlineChecked: require('./RadialOutlineChecked'),
|
|
26
|
+
Refresh: require('./Refresh'),
|
|
27
|
+
Spyglass: require('./Spyglass'),
|
|
28
|
+
Times: require('./Times'),
|
|
29
|
+
TimesCircled: require('./TimesCircled')
|
|
30
|
+
}
|
package/build/rn/palette.js
CHANGED
|
@@ -1,38 +1,49 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 28 Feb 2022 10:03:49 GMT
|
|
4
4
|
*/
|
|
5
5
|
module.exports = {
|
|
6
|
+
border: {
|
|
7
|
+
border1: 1,
|
|
8
|
+
border2: 2,
|
|
9
|
+
border3: 3,
|
|
10
|
+
border4: 4,
|
|
11
|
+
none: 0
|
|
12
|
+
},
|
|
6
13
|
color: {
|
|
7
|
-
flirt: '#7c1366',
|
|
8
|
-
mosque: '#016b6a',
|
|
9
|
-
darkMosque: '#014847',
|
|
10
|
-
blue: '#00a1db',
|
|
11
|
-
darkBlue: '#0083b3',
|
|
12
|
-
texas: '#f9f6a5',
|
|
13
14
|
amaranth: '#ee2c74',
|
|
14
|
-
cardinalPink: '#8c0448',
|
|
15
|
-
trinidad: '#df3d0c',
|
|
16
|
-
onahau: '#c3efff',
|
|
17
|
-
burntSienna: '#ed6358',
|
|
18
|
-
chathamsBlue: '#17367d',
|
|
19
|
-
wellRead: '#b8373e',
|
|
20
|
-
wattle: '#d5e04d',
|
|
21
15
|
beeswax: '#feeec7',
|
|
22
16
|
bilbao: '#258b0b',
|
|
23
|
-
seaBuckthorn: '#fbaf34',
|
|
24
|
-
mintTulip: '#c1f2e8',
|
|
25
|
-
turquoise: '#39cdc9',
|
|
26
|
-
hibiscus: '#c53a70',
|
|
27
|
-
carouselPink: '#fae6f4',
|
|
28
|
-
white: '#ffffff',
|
|
29
17
|
black: '#000000',
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
18
|
+
blue: '#00a1db',
|
|
19
|
+
burntSienna: '#ed6358',
|
|
20
|
+
cardinalPink: '#8c0448',
|
|
21
|
+
carouselPink: '#fae6f4',
|
|
22
|
+
chathamsBlue: '#17367d',
|
|
23
|
+
darkBlue: '#0083b3',
|
|
24
|
+
darkMosque: '#014847',
|
|
33
25
|
dove: '#666666',
|
|
26
|
+
flirt: '#7c1366',
|
|
27
|
+
gallery: '#efefef',
|
|
28
|
+
hibiscus: '#c53a70',
|
|
34
29
|
iceberg: '#cbf0e8',
|
|
35
|
-
|
|
30
|
+
mintTulip: '#c1f2e8',
|
|
31
|
+
mortar: '#595959',
|
|
32
|
+
mosque: '#016b6a',
|
|
33
|
+
onahau: '#c3efff',
|
|
34
|
+
seaBuckthorn: '#fbaf34',
|
|
35
|
+
silver: '#c9c8c8',
|
|
36
|
+
texas: '#f9f6a5',
|
|
37
|
+
transparent: 'rgba(0, 0, 0, 0)',
|
|
38
|
+
trinidad: '#df3d0c',
|
|
39
|
+
turquoise: '#39cdc9',
|
|
40
|
+
wattle: '#d5e04d',
|
|
41
|
+
wellRead: '#b8373e',
|
|
42
|
+
white: '#ffffff'
|
|
43
|
+
},
|
|
44
|
+
duration: {
|
|
45
|
+
duration250: 250,
|
|
46
|
+
duration300: 300
|
|
36
47
|
},
|
|
37
48
|
font: {
|
|
38
49
|
StagSans: {
|
|
@@ -56,49 +67,57 @@ module.exports = {
|
|
|
56
67
|
size56: 56,
|
|
57
68
|
size64: 64
|
|
58
69
|
},
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
70
|
+
icon: {
|
|
71
|
+
ArrowDownCircled: '@telus-uds/palette-koodo/build/rn/icons/arrow-down-circled.icon.svg',
|
|
72
|
+
BoxOutline: '@telus-uds/palette-koodo/build/rn/icons/box-outline.icon.svg',
|
|
73
|
+
BoxOutlineChecked: '@telus-uds/palette-koodo/build/rn/icons/box-outline-checked.icon.svg',
|
|
74
|
+
Bullet: '@telus-uds/palette-koodo/build/rn/icons/bullet.icon.svg',
|
|
75
|
+
Cart: '@telus-uds/palette-koodo/build/rn/icons/cart.icon.svg',
|
|
76
|
+
Check: '@telus-uds/palette-koodo/build/rn/icons/check.icon.svg',
|
|
77
|
+
CheckCircledFilled: '@telus-uds/palette-koodo/build/rn/icons/check-circled-filled.icon.svg',
|
|
78
|
+
CheckCircledNotFilled: '@telus-uds/palette-koodo/build/rn/icons/check-circled-not-filled.icon.svg',
|
|
79
|
+
ChevronDown: '@telus-uds/palette-koodo/build/rn/icons/chevron-down.icon.svg',
|
|
80
|
+
ChevronLeft: '@telus-uds/palette-koodo/build/rn/icons/chevron-left.icon.svg',
|
|
81
|
+
ChevronRight: '@telus-uds/palette-koodo/build/rn/icons/chevron-right.icon.svg',
|
|
82
|
+
ChevronUp: '@telus-uds/palette-koodo/build/rn/icons/chevron-up.icon.svg',
|
|
83
|
+
CircledLine: '@telus-uds/palette-koodo/build/rn/icons/circled-line.icon.svg',
|
|
84
|
+
ExclamationOctagon: '@telus-uds/palette-koodo/build/rn/icons/exclamation-octagon.icon.svg',
|
|
85
|
+
ExclamationTriangle: '@telus-uds/palette-koodo/build/rn/icons/exclamation-triangle.icon.svg',
|
|
86
|
+
EyeClosed: '@telus-uds/palette-koodo/build/rn/icons/eye-closed.icon.svg',
|
|
87
|
+
EyeOpened: '@telus-uds/palette-koodo/build/rn/icons/eye-opened.icon.svg',
|
|
88
|
+
Hamburger: '@telus-uds/palette-koodo/build/rn/icons/hamburger.icon.svg',
|
|
89
|
+
Info: '@telus-uds/palette-koodo/build/rn/icons/info.icon.svg',
|
|
90
|
+
InfoSelected: '@telus-uds/palette-koodo/build/rn/icons/info-selected.icon.svg',
|
|
91
|
+
InformationCircled: '@telus-uds/palette-koodo/build/rn/icons/information-circled.icon.svg',
|
|
92
|
+
Kebab: '@telus-uds/palette-koodo/build/rn/icons/kebab.icon.svg',
|
|
93
|
+
RadialOutline: '@telus-uds/palette-koodo/build/rn/icons/radial-outline.icon.svg',
|
|
94
|
+
RadialOutlineChecked: '@telus-uds/palette-koodo/build/rn/icons/radial-outline-checked.icon.svg',
|
|
95
|
+
Refresh: '@telus-uds/palette-koodo/build/rn/icons/refresh.icon.svg',
|
|
96
|
+
Spyglass: '@telus-uds/palette-koodo/build/rn/icons/spyglass.icon.svg',
|
|
97
|
+
Times: '@telus-uds/palette-koodo/build/rn/icons/times.icon.svg',
|
|
98
|
+
TimesCircled: '@telus-uds/palette-koodo/build/rn/icons/times-circled.icon.svg'
|
|
84
99
|
},
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
border1: 1,
|
|
88
|
-
border2: 2,
|
|
89
|
-
border3: 3,
|
|
90
|
-
border4: 4
|
|
100
|
+
letterSpacing: {
|
|
101
|
+
default: 0
|
|
91
102
|
},
|
|
92
103
|
lineHeight: {
|
|
93
|
-
|
|
94
|
-
multiply150: 1.5,
|
|
95
|
-
multiply140: 1.4,
|
|
96
|
-
multiply130: 1.3,
|
|
104
|
+
multiply110: 1.1,
|
|
97
105
|
multiply120: 1.2,
|
|
98
|
-
|
|
106
|
+
multiply130: 1.3,
|
|
107
|
+
multiply140: 1.4,
|
|
108
|
+
multiply150: 1.5,
|
|
109
|
+
multiply160: 1.6
|
|
99
110
|
},
|
|
100
|
-
|
|
101
|
-
|
|
111
|
+
opacity: {
|
|
112
|
+
opacity3: 0.3,
|
|
113
|
+
opacity5: 0.5,
|
|
114
|
+
opacity8: 0.8
|
|
115
|
+
},
|
|
116
|
+
radius: {
|
|
117
|
+
none: 0,
|
|
118
|
+
pill32: 32,
|
|
119
|
+
radius12: 12,
|
|
120
|
+
radius4: 4
|
|
102
121
|
},
|
|
103
122
|
shadow: {
|
|
104
123
|
none: {
|
|
@@ -110,43 +129,26 @@ module.exports = {
|
|
|
110
129
|
color: 'rgba(0, 0, 0, 0)'
|
|
111
130
|
}
|
|
112
131
|
},
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
ArrowDownCircled: '@telus-uds/palette-koodo/build/rn/icons/arrow-down-circled.icon.svg',
|
|
135
|
-
ExclamationTriangle: '@telus-uds/palette-koodo/build/rn/icons/exclamation-triangle.icon.svg',
|
|
136
|
-
ExclamationOctagon: '@telus-uds/palette-koodo/build/rn/icons/exclamation-octagon.icon.svg',
|
|
137
|
-
InformationCircled: '@telus-uds/palette-koodo/build/rn/icons/information-circled.icon.svg',
|
|
138
|
-
BoxOutline: '@telus-uds/palette-koodo/build/rn/icons/box-outline.icon.svg',
|
|
139
|
-
BoxOutlineChecked: '@telus-uds/palette-koodo/build/rn/icons/box-outline-checked.icon.svg',
|
|
140
|
-
RadialOutline: '@telus-uds/palette-koodo/build/rn/icons/radial-outline.icon.svg',
|
|
141
|
-
RadialOutlineChecked: '@telus-uds/palette-koodo/build/rn/icons/radial-outline-checked.icon.svg',
|
|
142
|
-
Hamburger: '@telus-uds/palette-koodo/build/rn/icons/hamburger.icon.svg',
|
|
143
|
-
Spyglass: '@telus-uds/palette-koodo/build/rn/icons/spyglass.icon.svg',
|
|
144
|
-
Bullet: '@telus-uds/palette-koodo/build/rn/icons/bullet.icon.svg',
|
|
145
|
-
Info: '@telus-uds/palette-koodo/build/rn/icons/info.icon.svg',
|
|
146
|
-
InfoSelected: '@telus-uds/palette-koodo/build/rn/icons/info-selected.icon.svg',
|
|
147
|
-
Refresh: '@telus-uds/palette-koodo/build/rn/icons/refresh.icon.svg',
|
|
148
|
-
Kebab: '@telus-uds/palette-koodo/build/rn/icons/kebab.icon.svg',
|
|
149
|
-
EyeOpened: '@telus-uds/palette-koodo/build/rn/icons/eye-opened.icon.svg',
|
|
150
|
-
EyeClosed: '@telus-uds/palette-koodo/build/rn/icons/eye-closed.icon.svg'
|
|
132
|
+
size: {
|
|
133
|
+
size0: 0,
|
|
134
|
+
size1: 1,
|
|
135
|
+
size10: 10,
|
|
136
|
+
size12: 12,
|
|
137
|
+
size120: 120,
|
|
138
|
+
size14: 14,
|
|
139
|
+
size16: 16,
|
|
140
|
+
size2: 2,
|
|
141
|
+
size20: 20,
|
|
142
|
+
size24: 24,
|
|
143
|
+
size32: 32,
|
|
144
|
+
size36: 36,
|
|
145
|
+
size4: 4,
|
|
146
|
+
size40: 40,
|
|
147
|
+
size48: 48,
|
|
148
|
+
size64: 64,
|
|
149
|
+
size72: 72,
|
|
150
|
+
size8: 8,
|
|
151
|
+
size80: 80,
|
|
152
|
+
size96: 96
|
|
151
153
|
}
|
|
152
154
|
}
|
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
@font-face {
|
|
2
2
|
font-family: 'StagSans';
|
|
3
|
-
src: url('https://cdn.telus.digital/uds/v0_1_0-
|
|
3
|
+
src: url('https://cdn.telus.digital/uds/v0_1_0-prerelease_2-StagSans-300-SIdtvc1GNy55QQVhWJb65.otf');
|
|
4
4
|
font-weight: 300;
|
|
5
5
|
font-style: normal;
|
|
6
6
|
font-display: block;
|
|
7
7
|
}
|
|
8
8
|
@font-face {
|
|
9
9
|
font-family: 'StagSans';
|
|
10
|
-
src: url('https://cdn.telus.digital/uds/v0_1_0-
|
|
10
|
+
src: url('https://cdn.telus.digital/uds/v0_1_0-prerelease_2-StagSans-400-Q03VUUPzb-J1uH_0Tp_zJ.otf');
|
|
11
11
|
font-weight: 400;
|
|
12
12
|
font-style: normal;
|
|
13
13
|
font-display: block;
|
|
14
14
|
}
|
|
15
15
|
@font-face {
|
|
16
16
|
font-family: 'StagSans';
|
|
17
|
-
src: url('https://cdn.telus.digital/uds/v0_1_0-
|
|
17
|
+
src: url('https://cdn.telus.digital/uds/v0_1_0-prerelease_2-StagSans-500-cv8pFY_SGXh6QYDVZ3r4U.otf');
|
|
18
18
|
font-weight: 500;
|
|
19
19
|
font-style: normal;
|
|
20
20
|
font-display: block;
|
|
21
21
|
}
|
|
22
22
|
@font-face {
|
|
23
23
|
font-family: 'StagSans';
|
|
24
|
-
src: url('https://cdn.telus.digital/uds/v0_1_0-
|
|
24
|
+
src: url('https://cdn.telus.digital/uds/v0_1_0-prerelease_2-StagSans-600-Glr-vkbc0VFpKwEguJghZ.otf');
|
|
25
25
|
font-weight: 600;
|
|
26
26
|
font-style: normal;
|
|
27
27
|
font-display: block;
|
|
28
28
|
}
|
|
29
29
|
@font-face {
|
|
30
30
|
font-family: 'StagSans';
|
|
31
|
-
src: url('https://cdn.telus.digital/uds/v0_1_0-
|
|
31
|
+
src: url('https://cdn.telus.digital/uds/v0_1_0-prerelease_2-StagSans-700-3W5GmkJ3rhaHpdgnJQjSA.otf');
|
|
32
32
|
font-weight: 700;
|
|
33
33
|
font-style: normal;
|
|
34
34
|
font-display: block;
|