@telus-uds/palette-koodo 1.4.0 → 1.6.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 +3 -1
- package/build/android/font_size.xml +1 -1
- package/build/android/radius.xml +2 -1
- package/build/android/size.xml +1 -1
- package/build/ios/Border.swift +1 -1
- package/build/ios/Color.swift +3 -1
- package/build/ios/FontSize.swift +1 -1
- package/build/ios/Radius.swift +2 -1
- package/build/ios/Size.swift +1 -1
- package/build/rn/icons/LinkExternal.js +28 -0
- package/build/rn/icons/LinkExternal.native.js +27 -0
- package/build/rn/icons/index.js +1 -0
- package/build/rn/icons/link-external.icon.svg +3 -0
- package/build/rn/palette.js +6 -2
- 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/icons/LinkExternal.js +28 -0
- package/build/web/icons/index.js +1 -0
- package/build/web/icons/link-external.icon.svg +3 -0
- package/build/web/palette.js +11 -7
- package/package.json +1 -1
- package/palette.json +18 -0
- /package/build/web/fonts/{v1_4_0-StagSans-300-hKmgj5M5j0O4As1GcLUu2.otf → v1_6_0-StagSans-300-N0ncHoNdIU26pWFwcJQff.otf} +0 -0
- /package/build/web/fonts/{v1_4_0-StagSans-400-XhfeS779LU7plMKBSZNEB.otf → v1_6_0-StagSans-400-UUourO3gWCdNn3u-mAYgo.otf} +0 -0
- /package/build/web/fonts/{v1_4_0-StagSans-500-or_i1UQdwjw0IrtMTwMVu.otf → v1_6_0-StagSans-500-zvYXS7-KjmzmjWdIjaubY.otf} +0 -0
- /package/build/web/fonts/{v1_4_0-StagSans-600-ZdhcStHek1QdraIjkYAuK.otf → v1_6_0-StagSans-600-wQqVGGbdj1C2CmkaJZ_Sc.otf} +0 -0
- /package/build/web/fonts/{v1_4_0-StagSans-700-aAaWCxmgBiAGJTfj9cBeo.otf → v1_6_0-StagSans-700-6DPlWWAZ8kHZi1AsAp8IW.otf} +0 -0
package/build/android/border.xml
CHANGED
package/build/android/color.xml
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
<!--
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated on Fri,
|
|
5
|
+
Generated on Fri, 26 Jul 2024 21:23:10 GMT
|
|
6
6
|
-->
|
|
7
7
|
|
|
8
8
|
<resources>
|
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
<color name="dark_10">#1a000000</color>
|
|
22
22
|
<color name="dark_20">#33000000</color>
|
|
23
23
|
<color name="dark_40">#66000000</color>
|
|
24
|
+
<color name="dark_5">#0d000000</color>
|
|
24
25
|
<color name="dark_60">#99000000</color>
|
|
25
26
|
<color name="dark_80">#cc000000</color>
|
|
26
27
|
<color name="dark_97">#f7000000</color>
|
|
@@ -31,6 +32,7 @@
|
|
|
31
32
|
<color name="green_dark">#ff8ed000</color>
|
|
32
33
|
<color name="green_light">#ffdfff9a</color>
|
|
33
34
|
<color name="grey_light">#fffafafa</color>
|
|
35
|
+
<color name="grey_mystic">#ffe3e6e8</color>
|
|
34
36
|
<color name="light_10">#1affffff</color>
|
|
35
37
|
<color name="light_20">#33ffffff</color>
|
|
36
38
|
<color name="light_40">#66ffffff</color>
|
package/build/android/radius.xml
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
<!--
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated on Fri,
|
|
5
|
+
Generated on Fri, 26 Jul 2024 21:23:10 GMT
|
|
6
6
|
-->
|
|
7
7
|
|
|
8
8
|
<resources>
|
|
@@ -18,5 +18,6 @@
|
|
|
18
18
|
<dimen name="radius_48">48.00dp</dimen>
|
|
19
19
|
<dimen name="radius_6">6.00dp</dimen>
|
|
20
20
|
<dimen name="radius_8">8.00dp</dimen>
|
|
21
|
+
<dimen name="radius_99">99.00dp</dimen>
|
|
21
22
|
|
|
22
23
|
</resources>
|
package/build/android/size.xml
CHANGED
package/build/ios/Border.swift
CHANGED
package/build/ios/Color.swift
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on Fri,
|
|
7
|
+
// Generated on Fri, 26 Jul 2024 21:23:10 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
import UIKit
|
|
@@ -25,6 +25,7 @@ public enum PaletteColor {
|
|
|
25
25
|
public static let dark10 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.1)
|
|
26
26
|
public static let dark20 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.2)
|
|
27
27
|
public static let dark40 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.4)
|
|
28
|
+
public static let dark5 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.05)
|
|
28
29
|
public static let dark60 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.6)
|
|
29
30
|
public static let dark80 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.8)
|
|
30
31
|
public static let dark97 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.97)
|
|
@@ -35,6 +36,7 @@ public enum PaletteColor {
|
|
|
35
36
|
public static let greenDark = UIColor(red: 0.557, green: 0.816, blue: 0.000, alpha: 1)
|
|
36
37
|
public static let greenLight = UIColor(red: 0.875, green: 1.000, blue: 0.604, alpha: 1)
|
|
37
38
|
public static let greyLight = UIColor(red: 0.980, green: 0.980, blue: 0.980, alpha: 1)
|
|
39
|
+
public static let greyMystic = UIColor(red: 0.890, green: 0.902, blue: 0.910, alpha: 1)
|
|
38
40
|
public static let light10 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.1)
|
|
39
41
|
public static let light20 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.2)
|
|
40
42
|
public static let light40 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.4)
|
package/build/ios/FontSize.swift
CHANGED
package/build/ios/Radius.swift
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on Fri,
|
|
7
|
+
// Generated on Fri, 26 Jul 2024 21:23:10 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
import UIKit
|
|
@@ -22,4 +22,5 @@ public enum PaletteRadius {
|
|
|
22
22
|
public static let radius48 = CGFloat(48)
|
|
23
23
|
public static let radius6 = CGFloat(6)
|
|
24
24
|
public static let radius8 = CGFloat(8)
|
|
25
|
+
public static let radius99 = CGFloat(99)
|
|
25
26
|
}
|
package/build/ios/Size.swift
CHANGED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
module.exports = ({
|
|
5
|
+
title,
|
|
6
|
+
titleId,
|
|
7
|
+
size,
|
|
8
|
+
color,
|
|
9
|
+
...props
|
|
10
|
+
}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
|
|
11
|
+
...props,
|
|
12
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
13
|
+
viewBox: "0 0 24 24",
|
|
14
|
+
height: size,
|
|
15
|
+
width: size,
|
|
16
|
+
fill: color,
|
|
17
|
+
role: title ? 'img' : undefined,
|
|
18
|
+
"aria-hidden": !title,
|
|
19
|
+
"aria-labelledby": titleId,
|
|
20
|
+
children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
|
|
21
|
+
id: titleId,
|
|
22
|
+
children: title
|
|
23
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
24
|
+
fillRule: "evenodd",
|
|
25
|
+
d: "M4.302 5h5.883a.488.488 0 0 1 .087.969l-.087.007H4.302a.325.325 0 0 0-.319.26l-.007.066v13.396c0 .158.112.289.26.319l.066.006h13.396a.325.325 0 0 0 .319-.26l.006-.065V13.62a.488.488 0 0 1 .97-.088l.007.088v6.078c0 .673-.513 1.229-1.169 1.295l-.133.007H4.302a1.303 1.303 0 0 1-1.295-1.169L3 19.698V6.302c0-.673.513-1.228 1.169-1.295L4.302 5h5.883-5.883Zm8.458-2h7.734a.508.508 0 0 1 .468.314l.003.019a.572.572 0 0 1 .03.112l.005.06v7.736a.505.505 0 0 1-1 .091l-.009-.09V4.72L9.861 14.852a.503.503 0 0 1-.772-.643l.06-.07 10.127-10.13H12.76a.504.504 0 0 1-.091-1l.09-.009h7.735-7.734Z",
|
|
26
|
+
clipRule: "evenodd"
|
|
27
|
+
})]
|
|
28
|
+
});
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _reactNativeSvg = require("react-native-svg");
|
|
4
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
5
|
+
module.exports = ({
|
|
6
|
+
title,
|
|
7
|
+
titleId,
|
|
8
|
+
size,
|
|
9
|
+
color,
|
|
10
|
+
...props
|
|
11
|
+
}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
|
|
12
|
+
...props,
|
|
13
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
height: size,
|
|
16
|
+
width: size,
|
|
17
|
+
fill: color,
|
|
18
|
+
"aria-labelledby": titleId,
|
|
19
|
+
children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
|
|
20
|
+
id: titleId,
|
|
21
|
+
children: title
|
|
22
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
23
|
+
fillRule: "evenodd",
|
|
24
|
+
d: "M4.302 5h5.883a.488.488 0 0 1 .087.969l-.087.007H4.302a.325.325 0 0 0-.319.26l-.007.066v13.396c0 .158.112.289.26.319l.066.006h13.396a.325.325 0 0 0 .319-.26l.006-.065V13.62a.488.488 0 0 1 .97-.088l.007.088v6.078c0 .673-.513 1.229-1.169 1.295l-.133.007H4.302a1.303 1.303 0 0 1-1.295-1.169L3 19.698V6.302c0-.673.513-1.228 1.169-1.295L4.302 5h5.883-5.883Zm8.458-2h7.734a.508.508 0 0 1 .468.314l.003.019a.572.572 0 0 1 .03.112l.005.06v7.736a.505.505 0 0 1-1 .091l-.009-.09V4.72L9.861 14.852a.503.503 0 0 1-.772-.643l.06-.07 10.127-10.13H12.76a.504.504 0 0 1-.091-1l.09-.009h7.735-7.734Z",
|
|
25
|
+
clipRule: "evenodd"
|
|
26
|
+
})]
|
|
27
|
+
});
|
package/build/rn/icons/index.js
CHANGED
|
@@ -47,6 +47,7 @@ module.exports = {
|
|
|
47
47
|
InternetSpeed: require('./InternetSpeed'),
|
|
48
48
|
Kebab: require('./Kebab'),
|
|
49
49
|
LeftCircle: require('./LeftCircle'),
|
|
50
|
+
LinkExternal: require('./LinkExternal'),
|
|
50
51
|
LocationMap: require('./LocationMap'),
|
|
51
52
|
LockFilled: require('./LockFilled'),
|
|
52
53
|
Maintenance: require('./Maintenance'),
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
+
<path fill-rule="evenodd" d="M4.302 5h5.883a.488.488 0 0 1 .087.969l-.087.007H4.302a.325.325 0 0 0-.319.26l-.007.066v13.396c0 .158.112.289.26.319l.066.006h13.396a.325.325 0 0 0 .319-.26l.006-.065V13.62a.488.488 0 0 1 .97-.088l.007.088v6.078c0 .673-.513 1.229-1.169 1.295l-.133.007H4.302a1.303 1.303 0 0 1-1.295-1.169L3 19.698V6.302c0-.673.513-1.228 1.169-1.295L4.302 5h5.883-5.883Zm8.458-2h7.734a.508.508 0 0 1 .468.314l.003.019a.572.572 0 0 1 .03.112l.005.06v7.736a.505.505 0 0 1-1 .091l-.009-.09V4.72L9.861 14.852a.503.503 0 0 1-.772-.643l.06-.07 10.127-10.13H12.76a.504.504 0 0 1-.091-1l.09-.009h7.735-7.734Z" clip-rule="evenodd"/>
|
|
3
|
+
</svg>
|
package/build/rn/palette.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 26 Jul 2024 21:23:13 GMT
|
|
4
4
|
*/
|
|
5
5
|
module.exports = {
|
|
6
6
|
border: {
|
|
@@ -26,6 +26,7 @@ module.exports = {
|
|
|
26
26
|
dark10: 'rgba(0, 0, 0, 0.1)',
|
|
27
27
|
dark20: 'rgba(0, 0, 0, 0.2)',
|
|
28
28
|
dark40: 'rgba(0, 0, 0, 0.4)',
|
|
29
|
+
dark5: 'rgba(0, 0, 0, 0.05)',
|
|
29
30
|
dark60: 'rgba(0, 0, 0, 0.6)',
|
|
30
31
|
dark80: 'rgba(0, 0, 0, 0.8)',
|
|
31
32
|
dark97: 'rgba(0, 0, 0, 0.97)',
|
|
@@ -36,6 +37,7 @@ module.exports = {
|
|
|
36
37
|
greenDark: '#8ed000',
|
|
37
38
|
greenLight: '#dfff9a',
|
|
38
39
|
greyLight: '#fafafa',
|
|
40
|
+
greyMystic: '#e3e6e8',
|
|
39
41
|
light10: 'rgba(255, 255, 255, 0.1)',
|
|
40
42
|
light20: 'rgba(255, 255, 255, 0.2)',
|
|
41
43
|
light40: 'rgba(255, 255, 255, 0.4)',
|
|
@@ -162,6 +164,7 @@ module.exports = {
|
|
|
162
164
|
InternetSpeed: '@telus-uds/palette-koodo/build/rn/icons/internet-speed.icon.svg',
|
|
163
165
|
Kebab: '@telus-uds/palette-koodo/build/rn/icons/kebab.icon.svg',
|
|
164
166
|
LeftCircle: '@telus-uds/palette-koodo/build/rn/icons/left-circle.icon.svg',
|
|
167
|
+
LinkExternal: '@telus-uds/palette-koodo/build/rn/icons/link-external.icon.svg',
|
|
165
168
|
LocationMap: '@telus-uds/palette-koodo/build/rn/icons/location-map.icon.svg',
|
|
166
169
|
LockFilled: '@telus-uds/palette-koodo/build/rn/icons/lock-filled.icon.svg',
|
|
167
170
|
Maintenance: '@telus-uds/palette-koodo/build/rn/icons/maintenance.icon.svg',
|
|
@@ -257,7 +260,8 @@ module.exports = {
|
|
|
257
260
|
radius45: 45,
|
|
258
261
|
radius48: 48,
|
|
259
262
|
radius6: 6,
|
|
260
|
-
radius8: 8
|
|
263
|
+
radius8: 8,
|
|
264
|
+
radius99: 99
|
|
261
265
|
},
|
|
262
266
|
shadow: {
|
|
263
267
|
elevation1: {
|
|
@@ -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_6_0-StagSans-300-N0ncHoNdIU26pWFwcJQff.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_6_0-StagSans-400-UUourO3gWCdNn3u-mAYgo.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_6_0-StagSans-500-zvYXS7-KjmzmjWdIjaubY.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_6_0-StagSans-600-wQqVGGbdj1C2CmkaJZ_Sc.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_6_0-StagSans-700-6DPlWWAZ8kHZi1AsAp8IW.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_6_0-StagSans-300-N0ncHoNdIU26pWFwcJQff.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_6_0-StagSans-400-UUourO3gWCdNn3u-mAYgo.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_6_0-StagSans-500-zvYXS7-KjmzmjWdIjaubY.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_6_0-StagSans-600-wQqVGGbdj1C2CmkaJZ_Sc.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_6_0-StagSans-700-6DPlWWAZ8kHZi1AsAp8IW.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_6_0-StagSans-300-N0ncHoNdIU26pWFwcJQff.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_6_0-StagSans-400-UUourO3gWCdNn3u-mAYgo.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_6_0-StagSans-500-zvYXS7-KjmzmjWdIjaubY.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_6_0-StagSans-600-wQqVGGbdj1C2CmkaJZ_Sc.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_6_0-StagSans-700-6DPlWWAZ8kHZi1AsAp8IW.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_6_0-StagSans-300-N0ncHoNdIU26pWFwcJQff.otf');
|
|
4
4
|
font-display: block;
|
|
5
5
|
}
|
|
6
6
|
@font-face {
|
|
7
7
|
font-family: 'StagSans400normal';
|
|
8
|
-
src: url('./
|
|
8
|
+
src: url('./v1_6_0-StagSans-400-UUourO3gWCdNn3u-mAYgo.otf');
|
|
9
9
|
font-display: block;
|
|
10
10
|
}
|
|
11
11
|
@font-face {
|
|
12
12
|
font-family: 'StagSans500normal';
|
|
13
|
-
src: url('./
|
|
13
|
+
src: url('./v1_6_0-StagSans-500-zvYXS7-KjmzmjWdIjaubY.otf');
|
|
14
14
|
font-display: block;
|
|
15
15
|
}
|
|
16
16
|
@font-face {
|
|
17
17
|
font-family: 'StagSans600normal';
|
|
18
|
-
src: url('./
|
|
18
|
+
src: url('./v1_6_0-StagSans-600-wQqVGGbdj1C2CmkaJZ_Sc.otf');
|
|
19
19
|
font-display: block;
|
|
20
20
|
}
|
|
21
21
|
@font-face {
|
|
22
22
|
font-family: 'StagSans700normal';
|
|
23
|
-
src: url('./
|
|
23
|
+
src: url('./v1_6_0-StagSans-700-6DPlWWAZ8kHZi1AsAp8IW.otf');
|
|
24
24
|
font-display: block;
|
|
25
25
|
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
module.exports = ({
|
|
5
|
+
title,
|
|
6
|
+
titleId,
|
|
7
|
+
size,
|
|
8
|
+
color,
|
|
9
|
+
...props
|
|
10
|
+
}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
|
|
11
|
+
...props,
|
|
12
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
13
|
+
viewBox: "0 0 24 24",
|
|
14
|
+
height: size,
|
|
15
|
+
width: size,
|
|
16
|
+
fill: color,
|
|
17
|
+
role: title ? 'img' : undefined,
|
|
18
|
+
"aria-hidden": !title,
|
|
19
|
+
"aria-labelledby": titleId,
|
|
20
|
+
children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
|
|
21
|
+
id: titleId,
|
|
22
|
+
children: title
|
|
23
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
24
|
+
fillRule: "evenodd",
|
|
25
|
+
d: "M4.302 5h5.883a.488.488 0 0 1 .087.969l-.087.007H4.302a.325.325 0 0 0-.319.26l-.007.066v13.396c0 .158.112.289.26.319l.066.006h13.396a.325.325 0 0 0 .319-.26l.006-.065V13.62a.488.488 0 0 1 .97-.088l.007.088v6.078c0 .673-.513 1.229-1.169 1.295l-.133.007H4.302a1.303 1.303 0 0 1-1.295-1.169L3 19.698V6.302c0-.673.513-1.228 1.169-1.295L4.302 5h5.883-5.883Zm8.458-2h7.734a.508.508 0 0 1 .468.314l.003.019a.572.572 0 0 1 .03.112l.005.06v7.736a.505.505 0 0 1-1 .091l-.009-.09V4.72L9.861 14.852a.503.503 0 0 1-.772-.643l.06-.07 10.127-10.13H12.76a.504.504 0 0 1-.091-1l.09-.009h7.735-7.734Z",
|
|
26
|
+
clipRule: "evenodd"
|
|
27
|
+
})]
|
|
28
|
+
});
|
package/build/web/icons/index.js
CHANGED
|
@@ -47,6 +47,7 @@ module.exports = {
|
|
|
47
47
|
InternetSpeed: require('./InternetSpeed'),
|
|
48
48
|
Kebab: require('./Kebab'),
|
|
49
49
|
LeftCircle: require('./LeftCircle'),
|
|
50
|
+
LinkExternal: require('./LinkExternal'),
|
|
50
51
|
LocationMap: require('./LocationMap'),
|
|
51
52
|
LockFilled: require('./LockFilled'),
|
|
52
53
|
Maintenance: require('./Maintenance'),
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
+
<path fill-rule="evenodd" d="M4.302 5h5.883a.488.488 0 0 1 .087.969l-.087.007H4.302a.325.325 0 0 0-.319.26l-.007.066v13.396c0 .158.112.289.26.319l.066.006h13.396a.325.325 0 0 0 .319-.26l.006-.065V13.62a.488.488 0 0 1 .97-.088l.007.088v6.078c0 .673-.513 1.229-1.169 1.295l-.133.007H4.302a1.303 1.303 0 0 1-1.295-1.169L3 19.698V6.302c0-.673.513-1.228 1.169-1.295L4.302 5h5.883-5.883Zm8.458-2h7.734a.508.508 0 0 1 .468.314l.003.019a.572.572 0 0 1 .03.112l.005.06v7.736a.505.505 0 0 1-1 .091l-.009-.09V4.72L9.861 14.852a.503.503 0 0 1-.772-.643l.06-.07 10.127-10.13H12.76a.504.504 0 0 1-.091-1l.09-.009h7.735-7.734Z" clip-rule="evenodd"/>
|
|
3
|
+
</svg>
|
package/build/web/palette.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 26 Jul 2024 21:23:11 GMT
|
|
4
4
|
*/
|
|
5
5
|
module.exports = {
|
|
6
6
|
border: {
|
|
@@ -26,6 +26,7 @@ module.exports = {
|
|
|
26
26
|
dark10: 'rgba(0, 0, 0, 0.1)',
|
|
27
27
|
dark20: 'rgba(0, 0, 0, 0.2)',
|
|
28
28
|
dark40: 'rgba(0, 0, 0, 0.4)',
|
|
29
|
+
dark5: 'rgba(0, 0, 0, 0.05)',
|
|
29
30
|
dark60: 'rgba(0, 0, 0, 0.6)',
|
|
30
31
|
dark80: 'rgba(0, 0, 0, 0.8)',
|
|
31
32
|
dark97: 'rgba(0, 0, 0, 0.97)',
|
|
@@ -36,6 +37,7 @@ module.exports = {
|
|
|
36
37
|
greenDark: '#8ed000',
|
|
37
38
|
greenLight: '#dfff9a',
|
|
38
39
|
greyLight: '#fafafa',
|
|
40
|
+
greyMystic: '#e3e6e8',
|
|
39
41
|
light10: 'rgba(255, 255, 255, 0.1)',
|
|
40
42
|
light20: 'rgba(255, 255, 255, 0.2)',
|
|
41
43
|
light40: 'rgba(255, 255, 255, 0.4)',
|
|
@@ -67,11 +69,11 @@ module.exports = {
|
|
|
67
69
|
},
|
|
68
70
|
font: {
|
|
69
71
|
StagSans: {
|
|
70
|
-
300: 'https://cdn.telus.digital/uds/
|
|
71
|
-
400: 'https://cdn.telus.digital/uds/
|
|
72
|
-
500: 'https://cdn.telus.digital/uds/
|
|
73
|
-
600: 'https://cdn.telus.digital/uds/
|
|
74
|
-
700: 'https://cdn.telus.digital/uds/
|
|
72
|
+
300: 'https://cdn.telus.digital/uds/v1_6_0-StagSans-300-N0ncHoNdIU26pWFwcJQff.otf',
|
|
73
|
+
400: 'https://cdn.telus.digital/uds/v1_6_0-StagSans-400-UUourO3gWCdNn3u-mAYgo.otf',
|
|
74
|
+
500: 'https://cdn.telus.digital/uds/v1_6_0-StagSans-500-zvYXS7-KjmzmjWdIjaubY.otf',
|
|
75
|
+
600: 'https://cdn.telus.digital/uds/v1_6_0-StagSans-600-wQqVGGbdj1C2CmkaJZ_Sc.otf',
|
|
76
|
+
700: 'https://cdn.telus.digital/uds/v1_6_0-StagSans-700-6DPlWWAZ8kHZi1AsAp8IW.otf'
|
|
75
77
|
}
|
|
76
78
|
},
|
|
77
79
|
fontSize: {
|
|
@@ -149,6 +151,7 @@ module.exports = {
|
|
|
149
151
|
InternetSpeed: '@telus-uds/palette-koodo/build/web/icons/internet-speed.icon.svg',
|
|
150
152
|
Kebab: '@telus-uds/palette-koodo/build/web/icons/kebab.icon.svg',
|
|
151
153
|
LeftCircle: '@telus-uds/palette-koodo/build/web/icons/left-circle.icon.svg',
|
|
154
|
+
LinkExternal: '@telus-uds/palette-koodo/build/web/icons/link-external.icon.svg',
|
|
152
155
|
LocationMap: '@telus-uds/palette-koodo/build/web/icons/location-map.icon.svg',
|
|
153
156
|
LockFilled: '@telus-uds/palette-koodo/build/web/icons/lock-filled.icon.svg',
|
|
154
157
|
Maintenance: '@telus-uds/palette-koodo/build/web/icons/maintenance.icon.svg',
|
|
@@ -244,7 +247,8 @@ module.exports = {
|
|
|
244
247
|
radius45: '45px',
|
|
245
248
|
radius48: '48px',
|
|
246
249
|
radius6: '6px',
|
|
247
|
-
radius8: '8px'
|
|
250
|
+
radius8: '8px',
|
|
251
|
+
radius99: '99px'
|
|
248
252
|
},
|
|
249
253
|
shadow: {
|
|
250
254
|
elevation1: '0px 4px 8px 0px rgba(0, 0, 0, 0.1)',
|
package/package.json
CHANGED
package/palette.json
CHANGED
|
@@ -95,6 +95,11 @@
|
|
|
95
95
|
"tags": ["Opacity"],
|
|
96
96
|
"value": "rgba(0, 0, 0, 0.4)"
|
|
97
97
|
},
|
|
98
|
+
"dark5": {
|
|
99
|
+
"description": "Dark 5%",
|
|
100
|
+
"tags": ["Opacity"],
|
|
101
|
+
"value": "rgba(0, 0, 0, 0.05)"
|
|
102
|
+
},
|
|
98
103
|
"dark60": {
|
|
99
104
|
"description": "Dark 60%",
|
|
100
105
|
"tags": ["Opacity"],
|
|
@@ -145,6 +150,11 @@
|
|
|
145
150
|
"tags": ["global", "light"],
|
|
146
151
|
"value": "#FAFAFA"
|
|
147
152
|
},
|
|
153
|
+
"greyMystic": {
|
|
154
|
+
"description": "Mystic Grey",
|
|
155
|
+
"tags": ["Neutral", "Border"],
|
|
156
|
+
"value": "#E3E6E8"
|
|
157
|
+
},
|
|
148
158
|
"light10": {
|
|
149
159
|
"description": "Light 10%",
|
|
150
160
|
"tags": ["Opacity"],
|
|
@@ -567,6 +577,10 @@
|
|
|
567
577
|
"tags": ["General"],
|
|
568
578
|
"value": "icon/left-circle.svg"
|
|
569
579
|
},
|
|
580
|
+
"LinkExternal": {
|
|
581
|
+
"tags": ["Interface", "Links"],
|
|
582
|
+
"value": "icon/link-external.svg"
|
|
583
|
+
},
|
|
570
584
|
"LocationMap": {
|
|
571
585
|
"tags": ["General"],
|
|
572
586
|
"value": "icon/location-map.svg"
|
|
@@ -894,6 +908,10 @@
|
|
|
894
908
|
},
|
|
895
909
|
"radius8": {
|
|
896
910
|
"value": 8
|
|
911
|
+
},
|
|
912
|
+
"radius99": {
|
|
913
|
+
"description": "Use for the 'pill' designs with circular sides",
|
|
914
|
+
"value": 99
|
|
897
915
|
}
|
|
898
916
|
}
|
|
899
917
|
},
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|