@telus-uds/palette-allium 2.6.2 → 2.7.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 +2 -1
- 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 +2 -1
- package/build/ios/FontSize.swift +1 -1
- package/build/ios/Radius.swift +1 -1
- package/build/ios/Size.swift +1 -1
- package/build/rn/icons/Magnify.js +33 -0
- package/build/rn/icons/Magnify.native.js +33 -0
- package/build/rn/icons/index.js +1 -0
- package/build/rn/icons/magnify.icon.svg +6 -0
- package/build/rn/palette.js +3 -1
- package/build/web/fonts/fonts-cdn-family.css +7 -7
- package/build/web/fonts/fonts-cdn.css +7 -7
- package/build/web/fonts/fonts-local-family.css +7 -7
- package/build/web/fonts/fonts-local.css +7 -7
- package/build/web/fonts/{v2_6_2-HelveticaNow-300.otf → v2_7_0-HelveticaNow-300.otf} +0 -0
- package/build/web/fonts/{v2_6_2-HelveticaNow-400.woff → v2_7_0-HelveticaNow-400.woff} +0 -0
- package/build/web/fonts/{v2_6_2-HelveticaNow-500.woff → v2_7_0-HelveticaNow-500.woff} +0 -0
- package/build/web/fonts/{v2_6_2-HelveticaNow-700.woff → v2_7_0-HelveticaNow-700.woff} +0 -0
- package/build/web/fonts/{v2_6_2-HelveticaNowOTF-400.otf → v2_7_0-HelveticaNowOTF-400.otf} +0 -0
- package/build/web/fonts/{v2_6_2-HelveticaNowOTF-500.otf → v2_7_0-HelveticaNowOTF-500.otf} +0 -0
- package/build/web/fonts/{v2_6_2-HelveticaNowOTF-700.otf → v2_7_0-HelveticaNowOTF-700.otf} +0 -0
- package/build/web/icons/Magnify.js +33 -0
- package/build/web/icons/index.js +1 -0
- package/build/web/icons/magnify.icon.svg +6 -0
- package/build/web/palette.js +10 -8
- package/package.json +1 -1
- package/palette.json +9 -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
|
|
5
|
+
Generated on Tue, 27 Sep 2022 19:33:11 GMT
|
|
6
6
|
-->
|
|
7
7
|
|
|
8
8
|
<resources>
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
<color name="amber_dark">#ffb4872c</color>
|
|
11
11
|
<color name="amber_light">#fffff9ee</color>
|
|
12
12
|
<color name="bg_modal">#f7f4f4f7</color>
|
|
13
|
+
<color name="black">#ff000000</color>
|
|
13
14
|
<color name="dark_10">#1a000000</color>
|
|
14
15
|
<color name="dark_20">#33000000</color>
|
|
15
16
|
<color name="dark_40">#66000000</color>
|
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,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on
|
|
7
|
+
// Generated on Tue, 27 Sep 2022 19:33:11 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
import UIKit
|
|
@@ -14,6 +14,7 @@ public enum PaletteColor {
|
|
|
14
14
|
public static let amberDark = UIColor(red: 0.706, green: 0.529, blue: 0.173, alpha: 1)
|
|
15
15
|
public static let amberLight = UIColor(red: 1.000, green: 0.976, blue: 0.933, alpha: 1)
|
|
16
16
|
public static let bgModal = UIColor(red: 0.957, green: 0.957, blue: 0.969, alpha: 0.97)
|
|
17
|
+
public static let black = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
17
18
|
public static let dark10 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.1)
|
|
18
19
|
public static let dark20 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.2)
|
|
19
20
|
public static let dark40 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.4)
|
package/build/ios/FontSize.swift
CHANGED
package/build/ios/Radius.swift
CHANGED
package/build/ios/Size.swift
CHANGED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
|
|
5
|
+
module.exports = ({
|
|
6
|
+
title,
|
|
7
|
+
titleId,
|
|
8
|
+
size,
|
|
9
|
+
color,
|
|
10
|
+
...props
|
|
11
|
+
}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", { ...props,
|
|
12
|
+
width: size,
|
|
13
|
+
height: size,
|
|
14
|
+
fill: color,
|
|
15
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
16
|
+
role: title ? 'img' : undefined,
|
|
17
|
+
"aria-hidden": !title,
|
|
18
|
+
"aria-labelledby": titleId,
|
|
19
|
+
children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
|
|
20
|
+
id: titleId,
|
|
21
|
+
children: title
|
|
22
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
|
|
23
|
+
opacity: 0.8,
|
|
24
|
+
fill: "#414547",
|
|
25
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
26
|
+
fillRule: "evenodd",
|
|
27
|
+
clipRule: "evenodd",
|
|
28
|
+
d: "M10.5 2c4.687 0 8.5 3.813 8.5 8.5 0 2.175-.82 4.161-2.17 5.666l6.036 6.029a.477.477 0 0 1 0 .67.468.468 0 0 1-.666 0l-6.037-6.031A8.466 8.466 0 0 1 10.5 19C5.813 19 2 15.187 2 10.5 2 5.813 5.813 2 10.5 2Zm0 1C6.364 3 3 6.364 3 10.5S6.364 18 10.5 18c4.137 0 7.5-3.364 7.5-7.5S14.637 3 10.5 3Z"
|
|
29
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
30
|
+
d: "M13.14 10.016h-2.226V7.789a.441.441 0 0 0-.445-.445.441.441 0 0 0-.446.445v2.227H7.797a.441.441 0 0 0-.445.445c0 .25.196.445.445.445h2.226v2.227c0 .25.196.445.446.445s.445-.196.445-.445v-2.227h2.227a.44.44 0 0 0 .445-.445.441.441 0 0 0-.445-.445Z"
|
|
31
|
+
})]
|
|
32
|
+
})]
|
|
33
|
+
});
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _reactNativeSvg = require("react-native-svg");
|
|
4
|
+
|
|
5
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
6
|
+
|
|
7
|
+
module.exports = ({
|
|
8
|
+
title,
|
|
9
|
+
titleId,
|
|
10
|
+
size,
|
|
11
|
+
color,
|
|
12
|
+
...props
|
|
13
|
+
}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, { ...props,
|
|
14
|
+
width: size,
|
|
15
|
+
height: size,
|
|
16
|
+
fill: color,
|
|
17
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
18
|
+
"aria-labelledby": titleId,
|
|
19
|
+
children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
|
|
20
|
+
id: titleId,
|
|
21
|
+
children: title
|
|
22
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
|
|
23
|
+
opacity: 0.8,
|
|
24
|
+
fill: "#414547",
|
|
25
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
26
|
+
fillRule: "evenodd",
|
|
27
|
+
clipRule: "evenodd",
|
|
28
|
+
d: "M10.5 2c4.687 0 8.5 3.813 8.5 8.5 0 2.175-.82 4.161-2.17 5.666l6.036 6.029a.477.477 0 0 1 0 .67.468.468 0 0 1-.666 0l-6.037-6.031A8.466 8.466 0 0 1 10.5 19C5.813 19 2 15.187 2 10.5 2 5.813 5.813 2 10.5 2Zm0 1C6.364 3 3 6.364 3 10.5S6.364 18 10.5 18c4.137 0 7.5-3.364 7.5-7.5S14.637 3 10.5 3Z"
|
|
29
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
30
|
+
d: "M13.14 10.016h-2.226V7.789a.441.441 0 0 0-.445-.445.441.441 0 0 0-.446.445v2.227H7.797a.441.441 0 0 0-.445.445c0 .25.196.445.445.445h2.226v2.227c0 .25.196.445.446.445s.445-.196.445-.445v-2.227h2.227a.44.44 0 0 0 .445-.445.441.441 0 0 0-.445-.445Z"
|
|
31
|
+
})]
|
|
32
|
+
})]
|
|
33
|
+
});
|
package/build/rn/icons/index.js
CHANGED
|
@@ -117,6 +117,7 @@ module.exports = {
|
|
|
117
117
|
LockClosed: require('./LockClosed'),
|
|
118
118
|
LockOpened: require('./LockOpened'),
|
|
119
119
|
LoginForm: require('./LoginForm'),
|
|
120
|
+
Magnify: require('./Magnify'),
|
|
120
121
|
Map: require('./Map'),
|
|
121
122
|
Medical: require('./Medical'),
|
|
122
123
|
Messaging: require('./Messaging'),
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g opacity="0.8">
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 2C15.187 2 19 5.813 19 10.5C19 12.6747 18.1791 14.6613 16.8309 16.1662L22.8658 22.1945C23.0494 22.3794 23.0494 22.68 22.8658 22.8648C22.7744 22.9568 22.6539 23.0033 22.5334 23.0033C22.4128 23.0033 22.2923 22.9568 22.2 22.8648L16.1632 16.8335C14.6587 18.1802 12.6733 19 10.5 19C5.813 19 2 15.187 2 10.5C2 5.813 5.813 2 10.5 2ZM10.5 3C6.364 3 3 6.364 3 10.5C3 14.636 6.364 18 10.5 18C14.637 18 18 14.636 18 10.5C18 6.364 14.637 3 10.5 3Z" fill="#414547"/>
|
|
4
|
+
<path d="M13.1406 10.0156H10.9141V7.78906C10.9141 7.53969 10.7181 7.34375 10.4688 7.34375C10.2194 7.34375 10.0234 7.53969 10.0234 7.78906V10.0156H7.79688C7.5475 10.0156 7.35156 10.2116 7.35156 10.4609C7.35156 10.7103 7.5475 10.9062 7.79688 10.9062H10.0234V13.1328C10.0234 13.3822 10.2194 13.5781 10.4688 13.5781C10.7181 13.5781 10.9141 13.3822 10.9141 13.1328V10.9062H13.1406C13.39 10.9062 13.5859 10.7103 13.5859 10.4609C13.5859 10.2116 13.39 10.0156 13.1406 10.0156Z" fill="#414547"/>
|
|
5
|
+
</g>
|
|
6
|
+
</svg>
|
package/build/rn/palette.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 27 Sep 2022 19:33:15 GMT
|
|
4
4
|
*/
|
|
5
5
|
module.exports = {
|
|
6
6
|
border: {
|
|
@@ -15,6 +15,7 @@ module.exports = {
|
|
|
15
15
|
amberDark: '#b4872c',
|
|
16
16
|
amberLight: '#fff9ee',
|
|
17
17
|
bgModal: 'rgba(244, 244, 247, 0.97)',
|
|
18
|
+
black: '#000000',
|
|
18
19
|
dark10: 'rgba(0, 0, 0, 0.1)',
|
|
19
20
|
dark20: 'rgba(0, 0, 0, 0.2)',
|
|
20
21
|
dark40: 'rgba(0, 0, 0, 0.4)',
|
|
@@ -272,6 +273,7 @@ module.exports = {
|
|
|
272
273
|
LockClosed: '@telus-uds/palette-allium/build/rn/icons/lock-closed.icon.svg',
|
|
273
274
|
LockOpened: '@telus-uds/palette-allium/build/rn/icons/lock-opened.icon.svg',
|
|
274
275
|
LoginForm: '@telus-uds/palette-allium/build/rn/icons/login-form.icon.svg',
|
|
276
|
+
Magnify: '@telus-uds/palette-allium/build/rn/icons/magnify.icon.svg',
|
|
275
277
|
Map: '@telus-uds/palette-allium/build/rn/icons/map.icon.svg',
|
|
276
278
|
Medical: '@telus-uds/palette-allium/build/rn/icons/medical.icon.svg',
|
|
277
279
|
Messaging: '@telus-uds/palette-allium/build/rn/icons/messaging.icon.svg',
|
|
@@ -1,48 +1,48 @@
|
|
|
1
1
|
@font-face {
|
|
2
2
|
font-family: 'HelveticaNow';
|
|
3
|
-
src: url('
|
|
3
|
+
src: url('v2_7_0-HelveticaNow-300.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: 'HelveticaNow';
|
|
10
|
-
src: url('
|
|
10
|
+
src: url('v2_7_0-HelveticaNow-400.woff');
|
|
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: 'HelveticaNow';
|
|
17
|
-
src: url('
|
|
17
|
+
src: url('v2_7_0-HelveticaNow-500.woff');
|
|
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: 'HelveticaNow';
|
|
24
|
-
src: url('
|
|
24
|
+
src: url('v2_7_0-HelveticaNow-700.woff');
|
|
25
25
|
font-weight: 700;
|
|
26
26
|
font-style: normal;
|
|
27
27
|
font-display: block;
|
|
28
28
|
}
|
|
29
29
|
@font-face {
|
|
30
30
|
font-family: 'HelveticaNowOTF';
|
|
31
|
-
src: url('
|
|
31
|
+
src: url('v2_7_0-HelveticaNowOTF-400.otf');
|
|
32
32
|
font-weight: 400;
|
|
33
33
|
font-style: normal;
|
|
34
34
|
font-display: block;
|
|
35
35
|
}
|
|
36
36
|
@font-face {
|
|
37
37
|
font-family: 'HelveticaNowOTF';
|
|
38
|
-
src: url('
|
|
38
|
+
src: url('v2_7_0-HelveticaNowOTF-500.otf');
|
|
39
39
|
font-weight: 500;
|
|
40
40
|
font-style: normal;
|
|
41
41
|
font-display: block;
|
|
42
42
|
}
|
|
43
43
|
@font-face {
|
|
44
44
|
font-family: 'HelveticaNowOTF';
|
|
45
|
-
src: url('
|
|
45
|
+
src: url('v2_7_0-HelveticaNowOTF-700.otf');
|
|
46
46
|
font-weight: 700;
|
|
47
47
|
font-style: normal;
|
|
48
48
|
font-display: block;
|
|
@@ -1,35 +1,35 @@
|
|
|
1
1
|
@font-face {
|
|
2
2
|
font-family: 'HelveticaNow300normal';
|
|
3
|
-
src: url('
|
|
3
|
+
src: url('v2_7_0-HelveticaNow-300.otf');
|
|
4
4
|
font-display: block;
|
|
5
5
|
}
|
|
6
6
|
@font-face {
|
|
7
7
|
font-family: 'HelveticaNow400normal';
|
|
8
|
-
src: url('
|
|
8
|
+
src: url('v2_7_0-HelveticaNow-400.woff');
|
|
9
9
|
font-display: block;
|
|
10
10
|
}
|
|
11
11
|
@font-face {
|
|
12
12
|
font-family: 'HelveticaNow500normal';
|
|
13
|
-
src: url('
|
|
13
|
+
src: url('v2_7_0-HelveticaNow-500.woff');
|
|
14
14
|
font-display: block;
|
|
15
15
|
}
|
|
16
16
|
@font-face {
|
|
17
17
|
font-family: 'HelveticaNow700normal';
|
|
18
|
-
src: url('
|
|
18
|
+
src: url('v2_7_0-HelveticaNow-700.woff');
|
|
19
19
|
font-display: block;
|
|
20
20
|
}
|
|
21
21
|
@font-face {
|
|
22
22
|
font-family: 'HelveticaNowOTF400normal';
|
|
23
|
-
src: url('
|
|
23
|
+
src: url('v2_7_0-HelveticaNowOTF-400.otf');
|
|
24
24
|
font-display: block;
|
|
25
25
|
}
|
|
26
26
|
@font-face {
|
|
27
27
|
font-family: 'HelveticaNowOTF500normal';
|
|
28
|
-
src: url('
|
|
28
|
+
src: url('v2_7_0-HelveticaNowOTF-500.otf');
|
|
29
29
|
font-display: block;
|
|
30
30
|
}
|
|
31
31
|
@font-face {
|
|
32
32
|
font-family: 'HelveticaNowOTF700normal';
|
|
33
|
-
src: url('
|
|
33
|
+
src: url('v2_7_0-HelveticaNowOTF-700.otf');
|
|
34
34
|
font-display: block;
|
|
35
35
|
}
|
|
@@ -1,48 +1,48 @@
|
|
|
1
1
|
@font-face {
|
|
2
2
|
font-family: 'HelveticaNow';
|
|
3
|
-
src: url('./
|
|
3
|
+
src: url('./v2_7_0-HelveticaNow-300.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: 'HelveticaNow';
|
|
10
|
-
src: url('./
|
|
10
|
+
src: url('./v2_7_0-HelveticaNow-400.woff');
|
|
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: 'HelveticaNow';
|
|
17
|
-
src: url('./
|
|
17
|
+
src: url('./v2_7_0-HelveticaNow-500.woff');
|
|
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: 'HelveticaNow';
|
|
24
|
-
src: url('./
|
|
24
|
+
src: url('./v2_7_0-HelveticaNow-700.woff');
|
|
25
25
|
font-weight: 700;
|
|
26
26
|
font-style: normal;
|
|
27
27
|
font-display: block;
|
|
28
28
|
}
|
|
29
29
|
@font-face {
|
|
30
30
|
font-family: 'HelveticaNowOTF';
|
|
31
|
-
src: url('./
|
|
31
|
+
src: url('./v2_7_0-HelveticaNowOTF-400.otf');
|
|
32
32
|
font-weight: 400;
|
|
33
33
|
font-style: normal;
|
|
34
34
|
font-display: block;
|
|
35
35
|
}
|
|
36
36
|
@font-face {
|
|
37
37
|
font-family: 'HelveticaNowOTF';
|
|
38
|
-
src: url('./
|
|
38
|
+
src: url('./v2_7_0-HelveticaNowOTF-500.otf');
|
|
39
39
|
font-weight: 500;
|
|
40
40
|
font-style: normal;
|
|
41
41
|
font-display: block;
|
|
42
42
|
}
|
|
43
43
|
@font-face {
|
|
44
44
|
font-family: 'HelveticaNowOTF';
|
|
45
|
-
src: url('./
|
|
45
|
+
src: url('./v2_7_0-HelveticaNowOTF-700.otf');
|
|
46
46
|
font-weight: 700;
|
|
47
47
|
font-style: normal;
|
|
48
48
|
font-display: block;
|
|
@@ -1,35 +1,35 @@
|
|
|
1
1
|
@font-face {
|
|
2
2
|
font-family: 'HelveticaNow300normal';
|
|
3
|
-
src: url('./
|
|
3
|
+
src: url('./v2_7_0-HelveticaNow-300.otf');
|
|
4
4
|
font-display: block;
|
|
5
5
|
}
|
|
6
6
|
@font-face {
|
|
7
7
|
font-family: 'HelveticaNow400normal';
|
|
8
|
-
src: url('./
|
|
8
|
+
src: url('./v2_7_0-HelveticaNow-400.woff');
|
|
9
9
|
font-display: block;
|
|
10
10
|
}
|
|
11
11
|
@font-face {
|
|
12
12
|
font-family: 'HelveticaNow500normal';
|
|
13
|
-
src: url('./
|
|
13
|
+
src: url('./v2_7_0-HelveticaNow-500.woff');
|
|
14
14
|
font-display: block;
|
|
15
15
|
}
|
|
16
16
|
@font-face {
|
|
17
17
|
font-family: 'HelveticaNow700normal';
|
|
18
|
-
src: url('./
|
|
18
|
+
src: url('./v2_7_0-HelveticaNow-700.woff');
|
|
19
19
|
font-display: block;
|
|
20
20
|
}
|
|
21
21
|
@font-face {
|
|
22
22
|
font-family: 'HelveticaNowOTF400normal';
|
|
23
|
-
src: url('./
|
|
23
|
+
src: url('./v2_7_0-HelveticaNowOTF-400.otf');
|
|
24
24
|
font-display: block;
|
|
25
25
|
}
|
|
26
26
|
@font-face {
|
|
27
27
|
font-family: 'HelveticaNowOTF500normal';
|
|
28
|
-
src: url('./
|
|
28
|
+
src: url('./v2_7_0-HelveticaNowOTF-500.otf');
|
|
29
29
|
font-display: block;
|
|
30
30
|
}
|
|
31
31
|
@font-face {
|
|
32
32
|
font-family: 'HelveticaNowOTF700normal';
|
|
33
|
-
src: url('./
|
|
33
|
+
src: url('./v2_7_0-HelveticaNowOTF-700.otf');
|
|
34
34
|
font-display: block;
|
|
35
35
|
}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
|
|
5
|
+
module.exports = ({
|
|
6
|
+
title,
|
|
7
|
+
titleId,
|
|
8
|
+
size,
|
|
9
|
+
color,
|
|
10
|
+
...props
|
|
11
|
+
}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", { ...props,
|
|
12
|
+
width: size,
|
|
13
|
+
height: size,
|
|
14
|
+
fill: color,
|
|
15
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
16
|
+
role: title ? 'img' : undefined,
|
|
17
|
+
"aria-hidden": !title,
|
|
18
|
+
"aria-labelledby": titleId,
|
|
19
|
+
children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
|
|
20
|
+
id: titleId,
|
|
21
|
+
children: title
|
|
22
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
|
|
23
|
+
opacity: 0.8,
|
|
24
|
+
fill: "#414547",
|
|
25
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
26
|
+
fillRule: "evenodd",
|
|
27
|
+
clipRule: "evenodd",
|
|
28
|
+
d: "M10.5 2c4.687 0 8.5 3.813 8.5 8.5 0 2.175-.82 4.161-2.17 5.666l6.036 6.029a.477.477 0 0 1 0 .67.468.468 0 0 1-.666 0l-6.037-6.031A8.466 8.466 0 0 1 10.5 19C5.813 19 2 15.187 2 10.5 2 5.813 5.813 2 10.5 2Zm0 1C6.364 3 3 6.364 3 10.5S6.364 18 10.5 18c4.137 0 7.5-3.364 7.5-7.5S14.637 3 10.5 3Z"
|
|
29
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
30
|
+
d: "M13.14 10.016h-2.226V7.789a.441.441 0 0 0-.445-.445.441.441 0 0 0-.446.445v2.227H7.797a.441.441 0 0 0-.445.445c0 .25.196.445.445.445h2.226v2.227c0 .25.196.445.446.445s.445-.196.445-.445v-2.227h2.227a.44.44 0 0 0 .445-.445.441.441 0 0 0-.445-.445Z"
|
|
31
|
+
})]
|
|
32
|
+
})]
|
|
33
|
+
});
|
package/build/web/icons/index.js
CHANGED
|
@@ -117,6 +117,7 @@ module.exports = {
|
|
|
117
117
|
LockClosed: require('./LockClosed'),
|
|
118
118
|
LockOpened: require('./LockOpened'),
|
|
119
119
|
LoginForm: require('./LoginForm'),
|
|
120
|
+
Magnify: require('./Magnify'),
|
|
120
121
|
Map: require('./Map'),
|
|
121
122
|
Medical: require('./Medical'),
|
|
122
123
|
Messaging: require('./Messaging'),
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g opacity="0.8">
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 2C15.187 2 19 5.813 19 10.5C19 12.6747 18.1791 14.6613 16.8309 16.1662L22.8658 22.1945C23.0494 22.3794 23.0494 22.68 22.8658 22.8648C22.7744 22.9568 22.6539 23.0033 22.5334 23.0033C22.4128 23.0033 22.2923 22.9568 22.2 22.8648L16.1632 16.8335C14.6587 18.1802 12.6733 19 10.5 19C5.813 19 2 15.187 2 10.5C2 5.813 5.813 2 10.5 2ZM10.5 3C6.364 3 3 6.364 3 10.5C3 14.636 6.364 18 10.5 18C14.637 18 18 14.636 18 10.5C18 6.364 14.637 3 10.5 3Z" fill="#414547"/>
|
|
4
|
+
<path d="M13.1406 10.0156H10.9141V7.78906C10.9141 7.53969 10.7181 7.34375 10.4688 7.34375C10.2194 7.34375 10.0234 7.53969 10.0234 7.78906V10.0156H7.79688C7.5475 10.0156 7.35156 10.2116 7.35156 10.4609C7.35156 10.7103 7.5475 10.9062 7.79688 10.9062H10.0234V13.1328C10.0234 13.3822 10.2194 13.5781 10.4688 13.5781C10.7181 13.5781 10.9141 13.3822 10.9141 13.1328V10.9062H13.1406C13.39 10.9062 13.5859 10.7103 13.5859 10.4609C13.5859 10.2116 13.39 10.0156 13.1406 10.0156Z" fill="#414547"/>
|
|
5
|
+
</g>
|
|
6
|
+
</svg>
|
package/build/web/palette.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 27 Sep 2022 19:33:11 GMT
|
|
4
4
|
*/
|
|
5
5
|
module.exports = {
|
|
6
6
|
border: {
|
|
@@ -15,6 +15,7 @@ module.exports = {
|
|
|
15
15
|
amberDark: '#b4872c',
|
|
16
16
|
amberLight: '#fff9ee',
|
|
17
17
|
bgModal: 'rgba(244, 244, 247, 0.97)',
|
|
18
|
+
black: '#000000',
|
|
18
19
|
dark10: 'rgba(0, 0, 0, 0.1)',
|
|
19
20
|
dark20: 'rgba(0, 0, 0, 0.2)',
|
|
20
21
|
dark40: 'rgba(0, 0, 0, 0.4)',
|
|
@@ -58,15 +59,15 @@ module.exports = {
|
|
|
58
59
|
},
|
|
59
60
|
font: {
|
|
60
61
|
HelveticaNow: {
|
|
61
|
-
300: '
|
|
62
|
-
400: '
|
|
63
|
-
500: '
|
|
64
|
-
700: '
|
|
62
|
+
300: 'v2_7_0-HelveticaNow-300.otf',
|
|
63
|
+
400: 'v2_7_0-HelveticaNow-400.woff',
|
|
64
|
+
500: 'v2_7_0-HelveticaNow-500.woff',
|
|
65
|
+
700: 'v2_7_0-HelveticaNow-700.woff'
|
|
65
66
|
},
|
|
66
67
|
HelveticaNowOTF: {
|
|
67
|
-
400: '
|
|
68
|
-
500: '
|
|
69
|
-
700: '
|
|
68
|
+
400: 'v2_7_0-HelveticaNowOTF-400.otf',
|
|
69
|
+
500: 'v2_7_0-HelveticaNowOTF-500.otf',
|
|
70
|
+
700: 'v2_7_0-HelveticaNowOTF-700.otf'
|
|
70
71
|
}
|
|
71
72
|
},
|
|
72
73
|
fontSize: {
|
|
@@ -207,6 +208,7 @@ module.exports = {
|
|
|
207
208
|
LockClosed: '@telus-uds/palette-allium/build/web/icons/lock-closed.icon.svg',
|
|
208
209
|
LockOpened: '@telus-uds/palette-allium/build/web/icons/lock-opened.icon.svg',
|
|
209
210
|
LoginForm: '@telus-uds/palette-allium/build/web/icons/login-form.icon.svg',
|
|
211
|
+
Magnify: '@telus-uds/palette-allium/build/web/icons/magnify.icon.svg',
|
|
210
212
|
Map: '@telus-uds/palette-allium/build/web/icons/map.icon.svg',
|
|
211
213
|
Medical: '@telus-uds/palette-allium/build/web/icons/medical.icon.svg',
|
|
212
214
|
Messaging: '@telus-uds/palette-allium/build/web/icons/messaging.icon.svg',
|
package/package.json
CHANGED
package/palette.json
CHANGED
|
@@ -40,6 +40,11 @@
|
|
|
40
40
|
"tags": ["Background"],
|
|
41
41
|
"value": "rgba(244, 244, 247, 0.97)"
|
|
42
42
|
},
|
|
43
|
+
"black": {
|
|
44
|
+
"description": "Black",
|
|
45
|
+
"tags": ["Background"],
|
|
46
|
+
"value": "#000000"
|
|
47
|
+
},
|
|
43
48
|
"dark10": {
|
|
44
49
|
"description": "Dark 10%",
|
|
45
50
|
"tags": ["Opacity"],
|
|
@@ -834,6 +839,10 @@
|
|
|
834
839
|
"tags": ["Decorative", "General"],
|
|
835
840
|
"value": "icon/login-form.svg"
|
|
836
841
|
},
|
|
842
|
+
"Magnify": {
|
|
843
|
+
"tags": ["Decorative", "General", "Interface"],
|
|
844
|
+
"value": "icon/magnify.svg"
|
|
845
|
+
},
|
|
837
846
|
"Map": {
|
|
838
847
|
"tags": ["Decorative", "General"],
|
|
839
848
|
"value": "icon/map.svg"
|