@telus-uds/palette-koodo 0.28.0 → 1.0.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/border.xml +1 -1
- package/build/android/color.xml +24 -28
- package/build/android/font_size.xml +1 -1
- package/build/android/radius.xml +1 -1
- package/build/android/size.xml +1 -1
- package/build/ios/Border.swift +1 -1
- package/build/ios/Color.swift +24 -28
- package/build/ios/FontSize.swift +1 -1
- package/build/ios/Radius.swift +1 -1
- package/build/ios/Size.swift +1 -1
- package/build/rn/palette.js +29 -49
- 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/palette.js +32 -38
- package/package.json +1 -1
- package/palette.json +127 -169
- /package/build/web/fonts/{v0_28_0-StagSans-300-KRe4PBHvkLe-33j4P2sx5.otf → v1_0_0-StagSans-300-i5hr4IZlOUcuu6xHsYJi5.otf} +0 -0
- /package/build/web/fonts/{v0_28_0-StagSans-400-W1N5Q3gyDy0QdjSo4aGgG.otf → v1_0_0-StagSans-400-stORbf7-1qmcBWUUZcDFX.otf} +0 -0
- /package/build/web/fonts/{v0_28_0-StagSans-500-whUEIjBn84Hce8mzTlv_t.otf → v1_0_0-StagSans-500-DJAYOBAaIWGDppTqdLKYB.otf} +0 -0
- /package/build/web/fonts/{v0_28_0-StagSans-600-KLYVEx8MCkt5CYTQAse5u.otf → v1_0_0-StagSans-600-qZEO1lyQ9S3iHzABNq1UN.otf} +0 -0
- /package/build/web/fonts/{v0_28_0-StagSans-700-MUa8zIhpyt5L6Wz4lixDT.otf → v1_0_0-StagSans-700-4OaL9VrGlhPgn47azJCT9.otf} +0 -0
package/build/android/border.xml
CHANGED
package/build/android/color.xml
CHANGED
|
@@ -2,62 +2,58 @@
|
|
|
2
2
|
|
|
3
3
|
<!--
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated on
|
|
5
|
+
Generated on Sat, 18 Nov 2023 02:31:00 GMT
|
|
6
6
|
-->
|
|
7
7
|
|
|
8
8
|
<resources>
|
|
9
9
|
<color name="amaranth">#ffee2c74</color>
|
|
10
|
-
<color name="beeswax">#fffeeec7</color>
|
|
11
10
|
<color name="bilbao">#ff258b0b</color>
|
|
12
11
|
<color name="black">#ff000000</color>
|
|
13
|
-
<color name="
|
|
14
|
-
<color name="
|
|
15
|
-
<color name="
|
|
16
|
-
<color name="
|
|
17
|
-
<color name="
|
|
18
|
-
<color name="
|
|
12
|
+
<color name="black_light">#ff404040</color>
|
|
13
|
+
<color name="blue">#ff2dccd3</color>
|
|
14
|
+
<color name="blue_dark">#ff15b8bf</color>
|
|
15
|
+
<color name="blue_light">#ffabebee</color>
|
|
16
|
+
<color name="caution">#fff8c100</color>
|
|
17
|
+
<color name="caution_light">#fffff5d2</color>
|
|
18
|
+
<color name="danger">#ffc9370b</color>
|
|
19
|
+
<color name="danger_light">#fffcd3c6</color>
|
|
20
|
+
<color name="danger_mid">#fff3592b</color>
|
|
19
21
|
<color name="dark_10">#1a000000</color>
|
|
20
22
|
<color name="dark_20">#33000000</color>
|
|
21
23
|
<color name="dark_40">#66000000</color>
|
|
22
24
|
<color name="dark_60">#99000000</color>
|
|
23
25
|
<color name="dark_80">#cc000000</color>
|
|
24
26
|
<color name="dark_97">#f7000000</color>
|
|
25
|
-
<color name="dark_blue">#ff0083b3</color>
|
|
26
|
-
<color name="dark_mosque">#ff014847</color>
|
|
27
27
|
<color name="dove">#ff666666</color>
|
|
28
|
-
<color name="dove_dark">#ff5c5c5c</color>
|
|
29
28
|
<color name="flirt">#ff7c1366</color>
|
|
30
29
|
<color name="gallery">#ffefefef</color>
|
|
30
|
+
<color name="green">#ffa1ed00</color>
|
|
31
|
+
<color name="green_dark">#ff8ed000</color>
|
|
32
|
+
<color name="green_light">#ffdfff9a</color>
|
|
31
33
|
<color name="grey_light">#fffafafa</color>
|
|
32
|
-
<color name="hibiscus">#ffc53a70</color>
|
|
33
|
-
<color name="iceberg">#ffcbf0e8</color>
|
|
34
|
-
<color name="icicle">#ffe5f7fb</color>
|
|
35
|
-
<color name="icicle_dark">#ffbbeaf5</color>
|
|
36
34
|
<color name="light_10">#1affffff</color>
|
|
37
35
|
<color name="light_20">#33ffffff</color>
|
|
38
36
|
<color name="light_40">#66ffffff</color>
|
|
39
37
|
<color name="light_60">#99ffffff</color>
|
|
40
38
|
<color name="light_80">#ccffffff</color>
|
|
41
39
|
<color name="light_97">#f7ffffff</color>
|
|
42
|
-
<color name="mint_tulip">#ffc1f2e8</color>
|
|
43
40
|
<color name="mortar">#ff595959</color>
|
|
44
|
-
<color name="mortar_dark">#ff505050</color>
|
|
45
41
|
<color name="mosque">#ff016b6a</color>
|
|
46
|
-
<color name="
|
|
47
|
-
<color name="
|
|
48
|
-
<color name="
|
|
49
|
-
<color name="
|
|
50
|
-
<color name="
|
|
42
|
+
<color name="orange">#ffffad00</color>
|
|
43
|
+
<color name="orange_dark">#ffe49b00</color>
|
|
44
|
+
<color name="orange_light">#ffffd478</color>
|
|
45
|
+
<color name="pink">#ffff0076</color>
|
|
46
|
+
<color name="pink_dark">#ffdd0066</color>
|
|
47
|
+
<color name="pink_light">#ffffd1e6</color>
|
|
48
|
+
<color name="purple">#ff7a3dfc</color>
|
|
49
|
+
<color name="purple_dark">#ff5b2bc2</color>
|
|
50
|
+
<color name="purple_light">#ffe0d8fc</color>
|
|
51
51
|
<color name="silver">#ffc9c8c8</color>
|
|
52
52
|
<color name="silver_dark">#ffb5b4b4</color>
|
|
53
|
-
<color name="
|
|
53
|
+
<color name="success">#ff1c7b2b</color>
|
|
54
|
+
<color name="success_light">#ffc5f2cc</color>
|
|
54
55
|
<color name="transparent">#00000000</color>
|
|
55
56
|
<color name="trinidad">#ffdf3d0c</color>
|
|
56
|
-
<color name="trinidad_dark">#ffc9370b</color>
|
|
57
|
-
<color name="turquoise">#ff39cdc9</color>
|
|
58
|
-
<color name="wattle">#ffd5e04d</color>
|
|
59
|
-
<color name="well_read">#ffb8373e</color>
|
|
60
57
|
<color name="white">#ffffffff</color>
|
|
61
|
-
<color name="white_dark">#ffe6e6e6</color>
|
|
62
58
|
|
|
63
59
|
</resources>
|
package/build/android/radius.xml
CHANGED
package/build/android/size.xml
CHANGED
package/build/ios/Border.swift
CHANGED
package/build/ios/Color.swift
CHANGED
|
@@ -4,63 +4,59 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on
|
|
7
|
+
// Generated on Sat, 18 Nov 2023 02:31:00 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
import UIKit
|
|
11
11
|
|
|
12
12
|
public enum PaletteColor {
|
|
13
13
|
public static let amaranth = UIColor(red: 0.933, green: 0.173, blue: 0.455, alpha: 1)
|
|
14
|
-
public static let beeswax = UIColor(red: 0.996, green: 0.933, blue: 0.780, alpha: 1)
|
|
15
14
|
public static let bilbao = UIColor(red: 0.145, green: 0.545, blue: 0.043, alpha: 1)
|
|
16
15
|
public static let black = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
17
|
-
public static let
|
|
18
|
-
public static let
|
|
19
|
-
public static let
|
|
20
|
-
public static let
|
|
21
|
-
public static let
|
|
22
|
-
public static let
|
|
16
|
+
public static let blackLight = UIColor(red: 0.251, green: 0.251, blue: 0.251, alpha: 1)
|
|
17
|
+
public static let blue = UIColor(red: 0.176, green: 0.800, blue: 0.827, alpha: 1)
|
|
18
|
+
public static let blueDark = UIColor(red: 0.082, green: 0.722, blue: 0.749, alpha: 1)
|
|
19
|
+
public static let blueLight = UIColor(red: 0.671, green: 0.922, blue: 0.933, alpha: 1)
|
|
20
|
+
public static let caution = UIColor(red: 0.973, green: 0.757, blue: 0.000, alpha: 1)
|
|
21
|
+
public static let cautionLight = UIColor(red: 1.000, green: 0.961, blue: 0.824, alpha: 1)
|
|
22
|
+
public static let danger = UIColor(red: 0.788, green: 0.216, blue: 0.043, alpha: 1)
|
|
23
|
+
public static let dangerLight = UIColor(red: 0.988, green: 0.827, blue: 0.776, alpha: 1)
|
|
24
|
+
public static let dangerMid = UIColor(red: 0.953, green: 0.349, blue: 0.169, alpha: 1)
|
|
23
25
|
public static let dark10 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.1)
|
|
24
26
|
public static let dark20 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.2)
|
|
25
27
|
public static let dark40 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.4)
|
|
26
28
|
public static let dark60 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.6)
|
|
27
29
|
public static let dark80 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.8)
|
|
28
30
|
public static let dark97 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.97)
|
|
29
|
-
public static let darkBlue = UIColor(red: 0.000, green: 0.514, blue: 0.702, alpha: 1)
|
|
30
|
-
public static let darkMosque = UIColor(red: 0.004, green: 0.282, blue: 0.278, alpha: 1)
|
|
31
31
|
public static let dove = UIColor(red: 0.400, green: 0.400, blue: 0.400, alpha: 1)
|
|
32
|
-
public static let doveDark = UIColor(red: 0.361, green: 0.361, blue: 0.361, alpha: 1)
|
|
33
32
|
public static let flirt = UIColor(red: 0.486, green: 0.075, blue: 0.400, alpha: 1)
|
|
34
33
|
public static let gallery = UIColor(red: 0.937, green: 0.937, blue: 0.937, alpha: 1)
|
|
34
|
+
public static let green = UIColor(red: 0.631, green: 0.929, blue: 0.000, alpha: 1)
|
|
35
|
+
public static let greenDark = UIColor(red: 0.557, green: 0.816, blue: 0.000, alpha: 1)
|
|
36
|
+
public static let greenLight = UIColor(red: 0.875, green: 1.000, blue: 0.604, alpha: 1)
|
|
35
37
|
public static let greyLight = UIColor(red: 0.980, green: 0.980, blue: 0.980, alpha: 1)
|
|
36
|
-
public static let hibiscus = UIColor(red: 0.773, green: 0.227, blue: 0.439, alpha: 1)
|
|
37
|
-
public static let iceberg = UIColor(red: 0.796, green: 0.941, blue: 0.910, alpha: 1)
|
|
38
|
-
public static let icicle = UIColor(red: 0.898, green: 0.969, blue: 0.984, alpha: 1)
|
|
39
|
-
public static let icicleDark = UIColor(red: 0.733, green: 0.918, blue: 0.961, alpha: 1)
|
|
40
38
|
public static let light10 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.1)
|
|
41
39
|
public static let light20 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.2)
|
|
42
40
|
public static let light40 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.4)
|
|
43
41
|
public static let light60 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.6)
|
|
44
42
|
public static let light80 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.8)
|
|
45
43
|
public static let light97 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.97)
|
|
46
|
-
public static let mintTulip = UIColor(red: 0.757, green: 0.949, blue: 0.910, alpha: 1)
|
|
47
44
|
public static let mortar = UIColor(red: 0.349, green: 0.349, blue: 0.349, alpha: 1)
|
|
48
|
-
public static let mortarDark = UIColor(red: 0.314, green: 0.314, blue: 0.314, alpha: 1)
|
|
49
45
|
public static let mosque = UIColor(red: 0.004, green: 0.420, blue: 0.416, alpha: 1)
|
|
50
|
-
public static let
|
|
51
|
-
public static let
|
|
52
|
-
public static let
|
|
53
|
-
public static let
|
|
54
|
-
public static let
|
|
46
|
+
public static let orange = UIColor(red: 1.000, green: 0.678, blue: 0.000, alpha: 1)
|
|
47
|
+
public static let orangeDark = UIColor(red: 0.894, green: 0.608, blue: 0.000, alpha: 1)
|
|
48
|
+
public static let orangeLight = UIColor(red: 1.000, green: 0.831, blue: 0.471, alpha: 1)
|
|
49
|
+
public static let pink = UIColor(red: 1.000, green: 0.000, blue: 0.463, alpha: 1)
|
|
50
|
+
public static let pinkDark = UIColor(red: 0.867, green: 0.000, blue: 0.400, alpha: 1)
|
|
51
|
+
public static let pinkLight = UIColor(red: 1.000, green: 0.820, blue: 0.902, alpha: 1)
|
|
52
|
+
public static let purple = UIColor(red: 0.478, green: 0.239, blue: 0.988, alpha: 1)
|
|
53
|
+
public static let purpleDark = UIColor(red: 0.357, green: 0.169, blue: 0.761, alpha: 1)
|
|
54
|
+
public static let purpleLight = UIColor(red: 0.878, green: 0.847, blue: 0.988, alpha: 1)
|
|
55
55
|
public static let silver = UIColor(red: 0.788, green: 0.784, blue: 0.784, alpha: 1)
|
|
56
56
|
public static let silverDark = UIColor(red: 0.710, green: 0.706, blue: 0.706, alpha: 1)
|
|
57
|
-
public static let
|
|
57
|
+
public static let success = UIColor(red: 0.110, green: 0.482, blue: 0.169, alpha: 1)
|
|
58
|
+
public static let successLight = UIColor(red: 0.773, green: 0.949, blue: 0.800, alpha: 1)
|
|
58
59
|
public static let transparent = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0)
|
|
59
60
|
public static let trinidad = UIColor(red: 0.875, green: 0.239, blue: 0.047, alpha: 1)
|
|
60
|
-
public static let trinidadDark = UIColor(red: 0.788, green: 0.216, blue: 0.043, alpha: 1)
|
|
61
|
-
public static let turquoise = UIColor(red: 0.224, green: 0.804, blue: 0.788, alpha: 1)
|
|
62
|
-
public static let wattle = UIColor(red: 0.835, green: 0.878, blue: 0.302, alpha: 1)
|
|
63
|
-
public static let wellRead = UIColor(red: 0.722, green: 0.216, blue: 0.243, alpha: 1)
|
|
64
61
|
public static let white = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
65
|
-
public static let whiteDark = UIColor(red: 0.902, green: 0.902, blue: 0.902, alpha: 1)
|
|
66
62
|
}
|
package/build/ios/FontSize.swift
CHANGED
package/build/ios/Radius.swift
CHANGED
package/build/ios/Size.swift
CHANGED
package/build/rn/palette.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Sat, 18 Nov 2023 02:31:02 GMT
|
|
4
4
|
*/
|
|
5
5
|
module.exports = {
|
|
6
6
|
border: {
|
|
@@ -12,58 +12,54 @@ module.exports = {
|
|
|
12
12
|
},
|
|
13
13
|
color: {
|
|
14
14
|
amaranth: '#ee2c74',
|
|
15
|
-
beeswax: '#feeec7',
|
|
16
15
|
bilbao: '#258b0b',
|
|
17
16
|
black: '#000000',
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
17
|
+
blackLight: '#404040',
|
|
18
|
+
blue: '#2dccd3',
|
|
19
|
+
blueDark: '#15b8bf',
|
|
20
|
+
blueLight: '#abebee',
|
|
21
|
+
caution: '#f8c100',
|
|
22
|
+
cautionLight: '#fff5d2',
|
|
23
|
+
danger: '#c9370b',
|
|
24
|
+
dangerLight: '#fcd3c6',
|
|
25
|
+
dangerMid: '#f3592b',
|
|
24
26
|
dark10: 'rgba(0, 0, 0, 0.1)',
|
|
25
27
|
dark20: 'rgba(0, 0, 0, 0.2)',
|
|
26
28
|
dark40: 'rgba(0, 0, 0, 0.4)',
|
|
27
29
|
dark60: 'rgba(0, 0, 0, 0.6)',
|
|
28
30
|
dark80: 'rgba(0, 0, 0, 0.8)',
|
|
29
31
|
dark97: 'rgba(0, 0, 0, 0.97)',
|
|
30
|
-
darkBlue: '#0083b3',
|
|
31
|
-
darkMosque: '#014847',
|
|
32
32
|
dove: '#666666',
|
|
33
|
-
doveDark: '#5c5c5c',
|
|
34
33
|
flirt: '#7c1366',
|
|
35
34
|
gallery: '#efefef',
|
|
35
|
+
green: '#a1ed00',
|
|
36
|
+
greenDark: '#8ed000',
|
|
37
|
+
greenLight: '#dfff9a',
|
|
36
38
|
greyLight: '#fafafa',
|
|
37
|
-
hibiscus: '#c53a70',
|
|
38
|
-
iceberg: '#cbf0e8',
|
|
39
|
-
icicle: '#e5f7fb',
|
|
40
|
-
icicleDark: '#bbeaf5',
|
|
41
39
|
light10: 'rgba(255, 255, 255, 0.1)',
|
|
42
40
|
light20: 'rgba(255, 255, 255, 0.2)',
|
|
43
41
|
light40: 'rgba(255, 255, 255, 0.4)',
|
|
44
42
|
light60: 'rgba(255, 255, 255, 0.6)',
|
|
45
43
|
light80: 'rgba(255, 255, 255, 0.8)',
|
|
46
44
|
light97: 'rgba(255, 255, 255, 0.97)',
|
|
47
|
-
mintTulip: '#c1f2e8',
|
|
48
45
|
mortar: '#595959',
|
|
49
|
-
mortarDark: '#505050',
|
|
50
46
|
mosque: '#016b6a',
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
47
|
+
orange: '#ffad00',
|
|
48
|
+
orangeDark: '#e49b00',
|
|
49
|
+
orangeLight: '#ffd478',
|
|
50
|
+
pink: '#ff0076',
|
|
51
|
+
pinkDark: '#dd0066',
|
|
52
|
+
pinkLight: '#ffd1e6',
|
|
53
|
+
purple: '#7a3dfc',
|
|
54
|
+
purpleDark: '#5b2bc2',
|
|
55
|
+
purpleLight: '#e0d8fc',
|
|
56
56
|
silver: '#c9c8c8',
|
|
57
57
|
silverDark: '#b5b4b4',
|
|
58
|
-
|
|
58
|
+
success: '#1c7b2b',
|
|
59
|
+
successLight: '#c5f2cc',
|
|
59
60
|
transparent: 'rgba(0, 0, 0, 0)',
|
|
60
61
|
trinidad: '#df3d0c',
|
|
61
|
-
|
|
62
|
-
turquoise: '#39cdc9',
|
|
63
|
-
wattle: '#d5e04d',
|
|
64
|
-
wellRead: '#b8373e',
|
|
65
|
-
white: '#ffffff',
|
|
66
|
-
whiteDark: '#e6e6e6'
|
|
62
|
+
white: '#ffffff'
|
|
67
63
|
},
|
|
68
64
|
duration: {
|
|
69
65
|
duration250: 250,
|
|
@@ -102,16 +98,16 @@ module.exports = {
|
|
|
102
98
|
size72: 72
|
|
103
99
|
},
|
|
104
100
|
gradient: {
|
|
105
|
-
|
|
101
|
+
blackSolid: {
|
|
106
102
|
type: 'linear',
|
|
107
103
|
stops: [
|
|
108
104
|
{
|
|
109
105
|
stop: 0,
|
|
110
|
-
color: '#
|
|
106
|
+
color: '#000000'
|
|
111
107
|
},
|
|
112
108
|
{
|
|
113
109
|
stop: 1,
|
|
114
|
-
color: '#
|
|
110
|
+
color: '#000000'
|
|
115
111
|
}
|
|
116
112
|
],
|
|
117
113
|
angle: 0
|
|
@@ -287,29 +283,13 @@ module.exports = {
|
|
|
287
283
|
spread: 0,
|
|
288
284
|
color: 'rgba(0, 0, 0, 0)'
|
|
289
285
|
},
|
|
290
|
-
surfaceEmboss: {
|
|
291
|
-
inset: true,
|
|
292
|
-
offsetX: 0,
|
|
293
|
-
offsetY: 1,
|
|
294
|
-
blur: 1,
|
|
295
|
-
spread: 0,
|
|
296
|
-
color: 'rgba(255, 255, 255, 0.8)'
|
|
297
|
-
},
|
|
298
|
-
surfaceInset: {
|
|
299
|
-
inset: true,
|
|
300
|
-
offsetX: 0,
|
|
301
|
-
offsetY: 2,
|
|
302
|
-
blur: 2,
|
|
303
|
-
spread: 0,
|
|
304
|
-
color: 'rgba(0, 0, 0, 0.1)'
|
|
305
|
-
},
|
|
306
286
|
surfaceRaised: {
|
|
307
287
|
inset: false,
|
|
308
288
|
offsetX: 0,
|
|
309
289
|
offsetY: 2,
|
|
310
290
|
blur: 2,
|
|
311
291
|
spread: 0,
|
|
312
|
-
color: 'rgba(0, 0, 0, 0.
|
|
292
|
+
color: 'rgba(0, 0, 0, 0.2)'
|
|
313
293
|
}
|
|
314
294
|
},
|
|
315
295
|
size: {
|
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
@font-face {
|
|
2
2
|
font-family: 'StagSans';
|
|
3
|
-
src: url('https://cdn.telus.digital/uds/
|
|
3
|
+
src: url('https://cdn.telus.digital/uds/v1_0_0-StagSans-300-i5hr4IZlOUcuu6xHsYJi5.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/
|
|
10
|
+
src: url('https://cdn.telus.digital/uds/v1_0_0-StagSans-400-stORbf7-1qmcBWUUZcDFX.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/
|
|
17
|
+
src: url('https://cdn.telus.digital/uds/v1_0_0-StagSans-500-DJAYOBAaIWGDppTqdLKYB.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/
|
|
24
|
+
src: url('https://cdn.telus.digital/uds/v1_0_0-StagSans-600-qZEO1lyQ9S3iHzABNq1UN.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/
|
|
31
|
+
src: url('https://cdn.telus.digital/uds/v1_0_0-StagSans-700-4OaL9VrGlhPgn47azJCT9.otf');
|
|
32
32
|
font-weight: 700;
|
|
33
33
|
font-style: normal;
|
|
34
34
|
font-display: block;
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
@font-face {
|
|
2
2
|
font-family: 'StagSans300normal';
|
|
3
|
-
src: url('https://cdn.telus.digital/uds/
|
|
3
|
+
src: url('https://cdn.telus.digital/uds/v1_0_0-StagSans-300-i5hr4IZlOUcuu6xHsYJi5.otf');
|
|
4
4
|
font-display: block;
|
|
5
5
|
}
|
|
6
6
|
@font-face {
|
|
7
7
|
font-family: 'StagSans400normal';
|
|
8
|
-
src: url('https://cdn.telus.digital/uds/
|
|
8
|
+
src: url('https://cdn.telus.digital/uds/v1_0_0-StagSans-400-stORbf7-1qmcBWUUZcDFX.otf');
|
|
9
9
|
font-display: block;
|
|
10
10
|
}
|
|
11
11
|
@font-face {
|
|
12
12
|
font-family: 'StagSans500normal';
|
|
13
|
-
src: url('https://cdn.telus.digital/uds/
|
|
13
|
+
src: url('https://cdn.telus.digital/uds/v1_0_0-StagSans-500-DJAYOBAaIWGDppTqdLKYB.otf');
|
|
14
14
|
font-display: block;
|
|
15
15
|
}
|
|
16
16
|
@font-face {
|
|
17
17
|
font-family: 'StagSans600normal';
|
|
18
|
-
src: url('https://cdn.telus.digital/uds/
|
|
18
|
+
src: url('https://cdn.telus.digital/uds/v1_0_0-StagSans-600-qZEO1lyQ9S3iHzABNq1UN.otf');
|
|
19
19
|
font-display: block;
|
|
20
20
|
}
|
|
21
21
|
@font-face {
|
|
22
22
|
font-family: 'StagSans700normal';
|
|
23
|
-
src: url('https://cdn.telus.digital/uds/
|
|
23
|
+
src: url('https://cdn.telus.digital/uds/v1_0_0-StagSans-700-4OaL9VrGlhPgn47azJCT9.otf');
|
|
24
24
|
font-display: block;
|
|
25
25
|
}
|
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
@font-face {
|
|
2
2
|
font-family: 'StagSans';
|
|
3
|
-
src: url('./
|
|
3
|
+
src: url('./v1_0_0-StagSans-300-i5hr4IZlOUcuu6xHsYJi5.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('./
|
|
10
|
+
src: url('./v1_0_0-StagSans-400-stORbf7-1qmcBWUUZcDFX.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('./
|
|
17
|
+
src: url('./v1_0_0-StagSans-500-DJAYOBAaIWGDppTqdLKYB.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('./
|
|
24
|
+
src: url('./v1_0_0-StagSans-600-qZEO1lyQ9S3iHzABNq1UN.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('./
|
|
31
|
+
src: url('./v1_0_0-StagSans-700-4OaL9VrGlhPgn47azJCT9.otf');
|
|
32
32
|
font-weight: 700;
|
|
33
33
|
font-style: normal;
|
|
34
34
|
font-display: block;
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
@font-face {
|
|
2
2
|
font-family: 'StagSans300normal';
|
|
3
|
-
src: url('./
|
|
3
|
+
src: url('./v1_0_0-StagSans-300-i5hr4IZlOUcuu6xHsYJi5.otf');
|
|
4
4
|
font-display: block;
|
|
5
5
|
}
|
|
6
6
|
@font-face {
|
|
7
7
|
font-family: 'StagSans400normal';
|
|
8
|
-
src: url('./
|
|
8
|
+
src: url('./v1_0_0-StagSans-400-stORbf7-1qmcBWUUZcDFX.otf');
|
|
9
9
|
font-display: block;
|
|
10
10
|
}
|
|
11
11
|
@font-face {
|
|
12
12
|
font-family: 'StagSans500normal';
|
|
13
|
-
src: url('./
|
|
13
|
+
src: url('./v1_0_0-StagSans-500-DJAYOBAaIWGDppTqdLKYB.otf');
|
|
14
14
|
font-display: block;
|
|
15
15
|
}
|
|
16
16
|
@font-face {
|
|
17
17
|
font-family: 'StagSans600normal';
|
|
18
|
-
src: url('./
|
|
18
|
+
src: url('./v1_0_0-StagSans-600-qZEO1lyQ9S3iHzABNq1UN.otf');
|
|
19
19
|
font-display: block;
|
|
20
20
|
}
|
|
21
21
|
@font-face {
|
|
22
22
|
font-family: 'StagSans700normal';
|
|
23
|
-
src: url('./
|
|
23
|
+
src: url('./v1_0_0-StagSans-700-4OaL9VrGlhPgn47azJCT9.otf');
|
|
24
24
|
font-display: block;
|
|
25
25
|
}
|
package/build/web/palette.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Sat, 18 Nov 2023 02:31:00 GMT
|
|
4
4
|
*/
|
|
5
5
|
module.exports = {
|
|
6
6
|
border: {
|
|
@@ -12,58 +12,54 @@ module.exports = {
|
|
|
12
12
|
},
|
|
13
13
|
color: {
|
|
14
14
|
amaranth: '#ee2c74',
|
|
15
|
-
beeswax: '#feeec7',
|
|
16
15
|
bilbao: '#258b0b',
|
|
17
16
|
black: '#000000',
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
17
|
+
blackLight: '#404040',
|
|
18
|
+
blue: '#2dccd3',
|
|
19
|
+
blueDark: '#15b8bf',
|
|
20
|
+
blueLight: '#abebee',
|
|
21
|
+
caution: '#f8c100',
|
|
22
|
+
cautionLight: '#fff5d2',
|
|
23
|
+
danger: '#c9370b',
|
|
24
|
+
dangerLight: '#fcd3c6',
|
|
25
|
+
dangerMid: '#f3592b',
|
|
24
26
|
dark10: 'rgba(0, 0, 0, 0.1)',
|
|
25
27
|
dark20: 'rgba(0, 0, 0, 0.2)',
|
|
26
28
|
dark40: 'rgba(0, 0, 0, 0.4)',
|
|
27
29
|
dark60: 'rgba(0, 0, 0, 0.6)',
|
|
28
30
|
dark80: 'rgba(0, 0, 0, 0.8)',
|
|
29
31
|
dark97: 'rgba(0, 0, 0, 0.97)',
|
|
30
|
-
darkBlue: '#0083b3',
|
|
31
|
-
darkMosque: '#014847',
|
|
32
32
|
dove: '#666666',
|
|
33
|
-
doveDark: '#5c5c5c',
|
|
34
33
|
flirt: '#7c1366',
|
|
35
34
|
gallery: '#efefef',
|
|
35
|
+
green: '#a1ed00',
|
|
36
|
+
greenDark: '#8ed000',
|
|
37
|
+
greenLight: '#dfff9a',
|
|
36
38
|
greyLight: '#fafafa',
|
|
37
|
-
hibiscus: '#c53a70',
|
|
38
|
-
iceberg: '#cbf0e8',
|
|
39
|
-
icicle: '#e5f7fb',
|
|
40
|
-
icicleDark: '#bbeaf5',
|
|
41
39
|
light10: 'rgba(255, 255, 255, 0.1)',
|
|
42
40
|
light20: 'rgba(255, 255, 255, 0.2)',
|
|
43
41
|
light40: 'rgba(255, 255, 255, 0.4)',
|
|
44
42
|
light60: 'rgba(255, 255, 255, 0.6)',
|
|
45
43
|
light80: 'rgba(255, 255, 255, 0.8)',
|
|
46
44
|
light97: 'rgba(255, 255, 255, 0.97)',
|
|
47
|
-
mintTulip: '#c1f2e8',
|
|
48
45
|
mortar: '#595959',
|
|
49
|
-
mortarDark: '#505050',
|
|
50
46
|
mosque: '#016b6a',
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
47
|
+
orange: '#ffad00',
|
|
48
|
+
orangeDark: '#e49b00',
|
|
49
|
+
orangeLight: '#ffd478',
|
|
50
|
+
pink: '#ff0076',
|
|
51
|
+
pinkDark: '#dd0066',
|
|
52
|
+
pinkLight: '#ffd1e6',
|
|
53
|
+
purple: '#7a3dfc',
|
|
54
|
+
purpleDark: '#5b2bc2',
|
|
55
|
+
purpleLight: '#e0d8fc',
|
|
56
56
|
silver: '#c9c8c8',
|
|
57
57
|
silverDark: '#b5b4b4',
|
|
58
|
-
|
|
58
|
+
success: '#1c7b2b',
|
|
59
|
+
successLight: '#c5f2cc',
|
|
59
60
|
transparent: 'rgba(0, 0, 0, 0)',
|
|
60
61
|
trinidad: '#df3d0c',
|
|
61
|
-
|
|
62
|
-
turquoise: '#39cdc9',
|
|
63
|
-
wattle: '#d5e04d',
|
|
64
|
-
wellRead: '#b8373e',
|
|
65
|
-
white: '#ffffff',
|
|
66
|
-
whiteDark: '#e6e6e6'
|
|
62
|
+
white: '#ffffff'
|
|
67
63
|
},
|
|
68
64
|
duration: {
|
|
69
65
|
duration250: 250,
|
|
@@ -71,11 +67,11 @@ module.exports = {
|
|
|
71
67
|
},
|
|
72
68
|
font: {
|
|
73
69
|
StagSans: {
|
|
74
|
-
300: 'https://cdn.telus.digital/uds/
|
|
75
|
-
400: 'https://cdn.telus.digital/uds/
|
|
76
|
-
500: 'https://cdn.telus.digital/uds/
|
|
77
|
-
600: 'https://cdn.telus.digital/uds/
|
|
78
|
-
700: 'https://cdn.telus.digital/uds/
|
|
70
|
+
300: 'https://cdn.telus.digital/uds/v1_0_0-StagSans-300-i5hr4IZlOUcuu6xHsYJi5.otf',
|
|
71
|
+
400: 'https://cdn.telus.digital/uds/v1_0_0-StagSans-400-stORbf7-1qmcBWUUZcDFX.otf',
|
|
72
|
+
500: 'https://cdn.telus.digital/uds/v1_0_0-StagSans-500-DJAYOBAaIWGDppTqdLKYB.otf',
|
|
73
|
+
600: 'https://cdn.telus.digital/uds/v1_0_0-StagSans-600-qZEO1lyQ9S3iHzABNq1UN.otf',
|
|
74
|
+
700: 'https://cdn.telus.digital/uds/v1_0_0-StagSans-700-4OaL9VrGlhPgn47azJCT9.otf'
|
|
79
75
|
}
|
|
80
76
|
},
|
|
81
77
|
fontSize: {
|
|
@@ -102,7 +98,7 @@ module.exports = {
|
|
|
102
98
|
size72: '4.5rem'
|
|
103
99
|
},
|
|
104
100
|
gradient: {
|
|
105
|
-
|
|
101
|
+
blackSolid: 'linear-gradient(0deg, #000000, #000000)'
|
|
106
102
|
},
|
|
107
103
|
icon: {
|
|
108
104
|
Add: '@telus-uds/palette-koodo/build/web/icons/add.icon.svg',
|
|
@@ -246,9 +242,7 @@ module.exports = {
|
|
|
246
242
|
elevation2: '0px 12px 12px 0px rgba(0, 0, 0, 0.03)',
|
|
247
243
|
elevation3: '0px 32px 32px 0px rgba(0, 0, 0, 0.03)',
|
|
248
244
|
none: '0px 0px 0px 0px rgba(0, 0, 0, 0)',
|
|
249
|
-
|
|
250
|
-
surfaceInset: '0px 2px 2px 0px inset rgba(0, 0, 0, 0.1)',
|
|
251
|
-
surfaceRaised: '0px 2px 2px 0px rgba(0, 0, 0, 0.1)'
|
|
245
|
+
surfaceRaised: '0px 2px 2px 0px rgba(0, 0, 0, 0.2)'
|
|
252
246
|
},
|
|
253
247
|
size: {
|
|
254
248
|
size0: '0px',
|
package/package.json
CHANGED
package/palette.json
CHANGED
|
@@ -25,50 +25,60 @@
|
|
|
25
25
|
"tags": ["brand", "ui"],
|
|
26
26
|
"value": "rgb(238, 44, 116)"
|
|
27
27
|
},
|
|
28
|
-
"beeswax": {
|
|
29
|
-
"description": "",
|
|
30
|
-
"tags": ["ui"],
|
|
31
|
-
"value": "rgb(254, 238, 199)"
|
|
32
|
-
},
|
|
33
28
|
"bilbao": {
|
|
34
29
|
"description": "",
|
|
35
30
|
"tags": [],
|
|
36
31
|
"value": "rgb(37, 139, 11)"
|
|
37
32
|
},
|
|
38
33
|
"black": {
|
|
39
|
-
"description": "",
|
|
40
|
-
"tags": [],
|
|
34
|
+
"description": "Black",
|
|
35
|
+
"tags": ["global"],
|
|
41
36
|
"value": "rgb(0, 0, 0)"
|
|
42
37
|
},
|
|
43
|
-
"
|
|
44
|
-
"description": "",
|
|
45
|
-
"tags": [],
|
|
46
|
-
"value": "
|
|
47
|
-
},
|
|
48
|
-
"burntSienna": {
|
|
49
|
-
"description": "",
|
|
50
|
-
"tags": ["ui"],
|
|
51
|
-
"value": "rgb(237, 99, 88)"
|
|
52
|
-
},
|
|
53
|
-
"cardinalPink": {
|
|
54
|
-
"description": "",
|
|
55
|
-
"tags": ["ui"],
|
|
56
|
-
"value": "rgb(140, 4, 72)"
|
|
38
|
+
"blackLight": {
|
|
39
|
+
"description": "Black Light",
|
|
40
|
+
"tags": ["global", "light"],
|
|
41
|
+
"value": "#404040"
|
|
57
42
|
},
|
|
58
|
-
"
|
|
59
|
-
"description": "",
|
|
60
|
-
"tags": [],
|
|
61
|
-
"value": "
|
|
62
|
-
},
|
|
63
|
-
"
|
|
64
|
-
"description": "",
|
|
65
|
-
"tags": ["
|
|
66
|
-
"value": "
|
|
67
|
-
},
|
|
68
|
-
"
|
|
69
|
-
"description": "",
|
|
70
|
-
"tags": ["
|
|
71
|
-
"value": "
|
|
43
|
+
"blue": {
|
|
44
|
+
"description": "Blue",
|
|
45
|
+
"tags": ["brand"],
|
|
46
|
+
"value": "#2DCCD3"
|
|
47
|
+
},
|
|
48
|
+
"blueDark": {
|
|
49
|
+
"description": "Blue Dark",
|
|
50
|
+
"tags": ["brand", "dark"],
|
|
51
|
+
"value": "#15B8BF"
|
|
52
|
+
},
|
|
53
|
+
"blueLight": {
|
|
54
|
+
"description": "Blue Light",
|
|
55
|
+
"tags": ["brand", "light"],
|
|
56
|
+
"value": "#ABEBEE"
|
|
57
|
+
},
|
|
58
|
+
"caution": {
|
|
59
|
+
"description": "Caution",
|
|
60
|
+
"tags": ["global"],
|
|
61
|
+
"value": "#F8C100"
|
|
62
|
+
},
|
|
63
|
+
"cautionLight": {
|
|
64
|
+
"description": "Caution Light",
|
|
65
|
+
"tags": ["global", "light"],
|
|
66
|
+
"value": "#FFF5D2"
|
|
67
|
+
},
|
|
68
|
+
"danger": {
|
|
69
|
+
"description": "Danger",
|
|
70
|
+
"tags": ["global"],
|
|
71
|
+
"value": "#C9370B"
|
|
72
|
+
},
|
|
73
|
+
"dangerLight": {
|
|
74
|
+
"description": "Danger Light",
|
|
75
|
+
"tags": ["global", "light"],
|
|
76
|
+
"value": "#FCD3C6"
|
|
77
|
+
},
|
|
78
|
+
"dangerMid": {
|
|
79
|
+
"description": "Danger Mid",
|
|
80
|
+
"tags": ["global"],
|
|
81
|
+
"value": "#F3592B"
|
|
72
82
|
},
|
|
73
83
|
"dark10": {
|
|
74
84
|
"description": "Dark 10%",
|
|
@@ -100,60 +110,40 @@
|
|
|
100
110
|
"tags": ["Opacity"],
|
|
101
111
|
"value": "rgba(0, 0, 0, 0.97)"
|
|
102
112
|
},
|
|
103
|
-
"darkBlue": {
|
|
104
|
-
"description": "",
|
|
105
|
-
"tags": [],
|
|
106
|
-
"value": "rgb(0, 131, 179)"
|
|
107
|
-
},
|
|
108
|
-
"darkMosque": {
|
|
109
|
-
"description": "",
|
|
110
|
-
"tags": [],
|
|
111
|
-
"value": "rgb(1, 72, 71)"
|
|
112
|
-
},
|
|
113
113
|
"dove": {
|
|
114
|
-
"description": "",
|
|
115
|
-
"tags": [],
|
|
114
|
+
"description": "Dove",
|
|
115
|
+
"tags": ["global"],
|
|
116
116
|
"value": "rgb(102, 102, 102)"
|
|
117
117
|
},
|
|
118
|
-
"doveDark": {
|
|
119
|
-
"description": "",
|
|
120
|
-
"tags": [],
|
|
121
|
-
"value": "rgb(92, 92, 92)"
|
|
122
|
-
},
|
|
123
118
|
"flirt": {
|
|
124
119
|
"description": "",
|
|
125
120
|
"tags": ["brand"],
|
|
126
121
|
"value": "rgb(124, 19, 102)"
|
|
127
122
|
},
|
|
128
123
|
"gallery": {
|
|
129
|
-
"description": "",
|
|
130
|
-
"tags": [],
|
|
124
|
+
"description": "Gallery",
|
|
125
|
+
"tags": ["global"],
|
|
131
126
|
"value": "rgb(239, 239, 239)"
|
|
132
127
|
},
|
|
133
|
-
"
|
|
134
|
-
"description": "",
|
|
135
|
-
"tags": [],
|
|
136
|
-
"value": "
|
|
137
|
-
},
|
|
138
|
-
"hibiscus": {
|
|
139
|
-
"description": "",
|
|
140
|
-
"tags": [],
|
|
141
|
-
"value": "rgb(197, 58, 112)"
|
|
128
|
+
"green": {
|
|
129
|
+
"description": "Green",
|
|
130
|
+
"tags": ["global"],
|
|
131
|
+
"value": "#A1ED00"
|
|
142
132
|
},
|
|
143
|
-
"
|
|
144
|
-
"description": "",
|
|
145
|
-
"tags": [],
|
|
146
|
-
"value": "
|
|
133
|
+
"greenDark": {
|
|
134
|
+
"description": "Green Dark",
|
|
135
|
+
"tags": ["global", "dark"],
|
|
136
|
+
"value": "#8ED000"
|
|
147
137
|
},
|
|
148
|
-
"
|
|
149
|
-
"description": "",
|
|
150
|
-
"tags": [],
|
|
151
|
-
"value": "
|
|
138
|
+
"greenLight": {
|
|
139
|
+
"description": "Green Light",
|
|
140
|
+
"tags": ["global", "light"],
|
|
141
|
+
"value": "#DFFF9A"
|
|
152
142
|
},
|
|
153
|
-
"
|
|
143
|
+
"greyLight": {
|
|
154
144
|
"description": "",
|
|
155
|
-
"tags": [],
|
|
156
|
-
"value": "
|
|
145
|
+
"tags": ["global", "light"],
|
|
146
|
+
"value": "#FAFAFA"
|
|
157
147
|
},
|
|
158
148
|
"light10": {
|
|
159
149
|
"description": "Light 10%",
|
|
@@ -185,54 +175,64 @@
|
|
|
185
175
|
"tags": ["Opacity"],
|
|
186
176
|
"value": "rgba(255, 255, 255, 0.97)"
|
|
187
177
|
},
|
|
188
|
-
"mintTulip": {
|
|
189
|
-
"description": "",
|
|
190
|
-
"tags": [],
|
|
191
|
-
"value": "rgb(193, 242, 232)"
|
|
192
|
-
},
|
|
193
178
|
"mortar": {
|
|
194
|
-
"description": "",
|
|
195
|
-
"tags": [],
|
|
179
|
+
"description": "Mortar",
|
|
180
|
+
"tags": ["global"],
|
|
196
181
|
"value": "rgb(89, 89, 89)"
|
|
197
182
|
},
|
|
198
|
-
"mortarDark": {
|
|
199
|
-
"description": "",
|
|
200
|
-
"tags": [],
|
|
201
|
-
"value": "rgb(80, 80, 80)"
|
|
202
|
-
},
|
|
203
183
|
"mosque": {
|
|
204
184
|
"description": "",
|
|
205
185
|
"tags": ["brand"],
|
|
206
186
|
"value": "rgb(1, 107, 106)"
|
|
207
187
|
},
|
|
208
|
-
"
|
|
209
|
-
"description": "",
|
|
210
|
-
"tags": [],
|
|
211
|
-
"value": "
|
|
212
|
-
},
|
|
213
|
-
"
|
|
214
|
-
"description": "
|
|
215
|
-
"tags": [],
|
|
216
|
-
"value": "
|
|
217
|
-
},
|
|
218
|
-
"
|
|
219
|
-
"description": "",
|
|
220
|
-
"tags": ["
|
|
221
|
-
"value": "
|
|
222
|
-
},
|
|
223
|
-
"
|
|
224
|
-
"description": "",
|
|
225
|
-
"tags": [],
|
|
226
|
-
"value": "
|
|
227
|
-
},
|
|
228
|
-
"
|
|
229
|
-
"description": "",
|
|
230
|
-
"tags": [],
|
|
231
|
-
"value": "
|
|
188
|
+
"orange": {
|
|
189
|
+
"description": "Orange",
|
|
190
|
+
"tags": ["global"],
|
|
191
|
+
"value": "#FFAD00"
|
|
192
|
+
},
|
|
193
|
+
"orangeDark": {
|
|
194
|
+
"description": "Orange Dark",
|
|
195
|
+
"tags": ["global", "dark"],
|
|
196
|
+
"value": "#E49B00"
|
|
197
|
+
},
|
|
198
|
+
"orangeLight": {
|
|
199
|
+
"description": "Orange Light",
|
|
200
|
+
"tags": ["global", "light"],
|
|
201
|
+
"value": "#FFD478"
|
|
202
|
+
},
|
|
203
|
+
"pink": {
|
|
204
|
+
"description": "Pink",
|
|
205
|
+
"tags": ["global"],
|
|
206
|
+
"value": "#FF0076"
|
|
207
|
+
},
|
|
208
|
+
"pinkDark": {
|
|
209
|
+
"description": "Pink Dark",
|
|
210
|
+
"tags": ["global", "dark"],
|
|
211
|
+
"value": "#DD0066"
|
|
212
|
+
},
|
|
213
|
+
"pinkLight": {
|
|
214
|
+
"description": "Pink Light",
|
|
215
|
+
"tags": ["global", "light"],
|
|
216
|
+
"value": "#FFD1E6"
|
|
217
|
+
},
|
|
218
|
+
"purple": {
|
|
219
|
+
"description": "Purple",
|
|
220
|
+
"tags": ["global"],
|
|
221
|
+
"value": "#7A3DFC"
|
|
222
|
+
},
|
|
223
|
+
"purpleDark": {
|
|
224
|
+
"description": "Purple Dark",
|
|
225
|
+
"tags": ["global", "dark"],
|
|
226
|
+
"value": "#5B2BC2"
|
|
227
|
+
},
|
|
228
|
+
"purpleLight": {
|
|
229
|
+
"description": "Purple Light",
|
|
230
|
+
"tags": ["global", "light"],
|
|
231
|
+
"value": "#E0D8FC"
|
|
232
232
|
},
|
|
233
233
|
"silver": {
|
|
234
|
-
"description": "",
|
|
235
|
-
"tags": [],
|
|
234
|
+
"description": "Silver",
|
|
235
|
+
"tags": ["global"],
|
|
236
236
|
"value": "rgb(201, 200, 200)"
|
|
237
237
|
},
|
|
238
238
|
"silverDark": {
|
|
@@ -240,10 +240,15 @@
|
|
|
240
240
|
"tags": [],
|
|
241
241
|
"value": "rgb(181, 180, 180)"
|
|
242
242
|
},
|
|
243
|
-
"
|
|
244
|
-
"description": "",
|
|
245
|
-
"tags": ["
|
|
246
|
-
"value": "
|
|
243
|
+
"success": {
|
|
244
|
+
"description": "Success",
|
|
245
|
+
"tags": ["global"],
|
|
246
|
+
"value": "#1C7B2B"
|
|
247
|
+
},
|
|
248
|
+
"successLight": {
|
|
249
|
+
"description": "Success Light",
|
|
250
|
+
"tags": ["global", "light"],
|
|
251
|
+
"value": "#C5F2CC"
|
|
247
252
|
},
|
|
248
253
|
"transparent": {
|
|
249
254
|
"tags": ["miscellaneous", "opacity"],
|
|
@@ -254,35 +259,10 @@
|
|
|
254
259
|
"tags": ["ui"],
|
|
255
260
|
"value": "rgb(223, 61, 12)"
|
|
256
261
|
},
|
|
257
|
-
"trinidadDark": {
|
|
258
|
-
"description": "",
|
|
259
|
-
"tags": ["ui"],
|
|
260
|
-
"value": "rgb(201, 55, 11)"
|
|
261
|
-
},
|
|
262
|
-
"turquoise": {
|
|
263
|
-
"description": "",
|
|
264
|
-
"tags": [],
|
|
265
|
-
"value": "rgb(57, 205, 201)"
|
|
266
|
-
},
|
|
267
|
-
"wattle": {
|
|
268
|
-
"description": "",
|
|
269
|
-
"tags": ["ui"],
|
|
270
|
-
"value": "rgb(213, 224, 77)"
|
|
271
|
-
},
|
|
272
|
-
"wellRead": {
|
|
273
|
-
"description": "",
|
|
274
|
-
"tags": ["ui"],
|
|
275
|
-
"value": "rgb(184, 55, 62)"
|
|
276
|
-
},
|
|
277
262
|
"white": {
|
|
278
263
|
"description": "",
|
|
279
|
-
"tags": [],
|
|
264
|
+
"tags": ["global"],
|
|
280
265
|
"value": "rgb(255, 255, 255)"
|
|
281
|
-
},
|
|
282
|
-
"whiteDark": {
|
|
283
|
-
"description": "",
|
|
284
|
-
"tags": [],
|
|
285
|
-
"value": "rgb(230, 230, 230)"
|
|
286
266
|
}
|
|
287
267
|
}
|
|
288
268
|
},
|
|
@@ -378,16 +358,16 @@
|
|
|
378
358
|
},
|
|
379
359
|
"gradient": {
|
|
380
360
|
"values": {
|
|
381
|
-
"
|
|
382
|
-
"description": "
|
|
361
|
+
"blackSolid": {
|
|
362
|
+
"description": "Black solid Gradient",
|
|
383
363
|
"value": {
|
|
384
364
|
"angle": 0,
|
|
385
365
|
"stops": [
|
|
386
366
|
{
|
|
387
|
-
"color": "rgb(
|
|
367
|
+
"color": "rgb(0, 0, 0)"
|
|
388
368
|
},
|
|
389
369
|
{
|
|
390
|
-
"color": "rgb(
|
|
370
|
+
"color": "rgb(0, 0, 0)"
|
|
391
371
|
}
|
|
392
372
|
],
|
|
393
373
|
"type": "linear"
|
|
@@ -927,33 +907,11 @@
|
|
|
927
907
|
"spread": 0
|
|
928
908
|
}
|
|
929
909
|
},
|
|
930
|
-
"surfaceEmboss": {
|
|
931
|
-
"description": "Use emboss to add a subtle highlight on elements to shows that it’s lifted from the surface such as the Progress Bar",
|
|
932
|
-
"value": {
|
|
933
|
-
"blur": 1,
|
|
934
|
-
"color": "rgba(255, 255, 255, 0.8)",
|
|
935
|
-
"inset": true,
|
|
936
|
-
"offsetX": 0,
|
|
937
|
-
"offsetY": 1,
|
|
938
|
-
"spread": 0
|
|
939
|
-
}
|
|
940
|
-
},
|
|
941
|
-
"surfaceInset": {
|
|
942
|
-
"description": "Use inset shadow to drop the element below the surface for interactive elements such as UI meters, card call-outs, and ToggleSwitch",
|
|
943
|
-
"value": {
|
|
944
|
-
"blur": 2,
|
|
945
|
-
"color": "rgba(0, 0, 0, 0.1)",
|
|
946
|
-
"inset": true,
|
|
947
|
-
"offsetX": 0,
|
|
948
|
-
"offsetY": 2,
|
|
949
|
-
"spread": 0
|
|
950
|
-
}
|
|
951
|
-
},
|
|
952
910
|
"surfaceRaised": {
|
|
953
911
|
"description": "Use raised shadow to raise the element for interactive elements within an inset interface such as the knob in the ToggleSwitch",
|
|
954
912
|
"value": {
|
|
955
913
|
"blur": 2,
|
|
956
|
-
"color": "rgba(0, 0, 0, 0.
|
|
914
|
+
"color": "rgba(0, 0, 0, 0.2)",
|
|
957
915
|
"inset": false,
|
|
958
916
|
"offsetX": 0,
|
|
959
917
|
"offsetY": 2,
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|