@telus-uds/palette-allium 5.12.0 → 5.13.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/CHANGELOG.json +27 -0
- package/CHANGELOG.md +11 -1
- package/build/android/border.xml +1 -1
- package/build/android/color.xml +1 -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 +1 -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/CartEmpty.js +42 -0
- package/build/rn/icons/CartEmpty.native.js +41 -0
- package/build/rn/icons/ChevronDown.js +42 -0
- package/build/rn/icons/ChevronDown.native.js +41 -0
- package/build/rn/icons/ChevronUp.js +42 -0
- package/build/rn/icons/ChevronUp.native.js +41 -0
- package/build/rn/icons/MenuHamburger.js +1 -1
- package/build/rn/icons/MenuHamburger.native.js +1 -1
- package/build/rn/icons/UserSingle.js +46 -0
- package/build/rn/icons/UserSingle.native.js +45 -0
- package/build/rn/icons/cart-empty.icon.svg +3 -0
- package/build/rn/icons/chevron-down.icon.svg +3 -0
- package/build/rn/icons/chevron-up.icon.svg +3 -0
- package/build/rn/icons/index.js +4 -0
- package/build/rn/icons/menu-hamburger.icon.svg +1 -1
- package/build/rn/icons/user-single.icon.svg +4 -0
- package/build/rn/palette.js +5 -1
- package/build/web/fonts/fonts-cdn-family.css +12 -12
- package/build/web/fonts/fonts-cdn.css +12 -12
- package/build/web/fonts/fonts-local-family.css +12 -12
- package/build/web/fonts/fonts-local.css +12 -12
- package/build/web/icons/CartEmpty.js +42 -0
- package/build/web/icons/ChevronDown.js +42 -0
- package/build/web/icons/ChevronUp.js +42 -0
- package/build/web/icons/MenuHamburger.js +1 -1
- package/build/web/icons/UserSingle.js +46 -0
- package/build/web/icons/cart-empty.icon.svg +3 -0
- package/build/web/icons/chevron-down.icon.svg +3 -0
- package/build/web/icons/chevron-up.icon.svg +3 -0
- package/build/web/icons/index.js +4 -0
- package/build/web/icons/menu-hamburger.icon.svg +1 -1
- package/build/web/icons/user-single.icon.svg +4 -0
- package/build/web/palette.js +17 -13
- package/icon/cart-empty.svg +3 -0
- package/icon/chevron-down.svg +3 -0
- package/icon/chevron-up.svg +3 -0
- package/icon/menu-hamburger.svg +1 -1
- package/icon/user-single.svg +4 -0
- package/package.json +2 -2
- package/palette.json +16 -0
- /package/build/web/fonts/{HNforTELUSSA-Bd-v5_12_0.otf → HNforTELUSSA-Bd-v5_13_0.otf} +0 -0
- /package/build/web/fonts/{HNforTELUSSA-Display-v5_12_0.otf → HNforTELUSSA-Display-v5_13_0.otf} +0 -0
- /package/build/web/fonts/{HNforTELUSSA-Md-v5_12_0.otf → HNforTELUSSA-Md-v5_13_0.otf} +0 -0
- /package/build/web/fonts/{HNforTELUSSA-v5_12_0.otf → HNforTELUSSA-v5_13_0.otf} +0 -0
- /package/build/web/fonts/{HNforTELUSSABold_normal_normal-v5_12_0.woff → HNforTELUSSABold_normal_normal-v5_13_0.woff} +0 -0
- /package/build/web/fonts/{HNforTELUSSABold_normal_normal2-v5_12_0.woff2 → HNforTELUSSABold_normal_normal2-v5_13_0.woff2} +0 -0
- /package/build/web/fonts/{HNforTELUSSADisplay_normal_normal-v5_12_0.woff → HNforTELUSSADisplay_normal_normal-v5_13_0.woff} +0 -0
- /package/build/web/fonts/{HNforTELUSSADisplay_normal_normal2-v5_12_0.woff2 → HNforTELUSSADisplay_normal_normal2-v5_13_0.woff2} +0 -0
- /package/build/web/fonts/{HNforTELUSSAMedium_normal_normal-v5_12_0.woff → HNforTELUSSAMedium_normal_normal-v5_13_0.woff} +0 -0
- /package/build/web/fonts/{HNforTELUSSAMedium_normal_normal2-v5_12_0.woff2 → HNforTELUSSAMedium_normal_normal2-v5_13_0.woff2} +0 -0
- /package/build/web/fonts/{HNforTELUSSARegular_normal_normal-v5_12_0.woff → HNforTELUSSARegular_normal_normal-v5_13_0.woff} +0 -0
- /package/build/web/fonts/{HNforTELUSSARegular_normal_normal2-v5_12_0.woff2 → HNforTELUSSARegular_normal_normal2-v5_13_0.woff2} +0 -0
package/CHANGELOG.json
CHANGED
|
@@ -1,6 +1,33 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@telus-uds/palette-allium",
|
|
3
3
|
"entries": [
|
|
4
|
+
{
|
|
5
|
+
"date": "Wed, 19 Nov 2025 05:51:40 GMT",
|
|
6
|
+
"tag": "@telus-uds/palette-allium_v5.13.0",
|
|
7
|
+
"version": "5.13.0",
|
|
8
|
+
"comments": {
|
|
9
|
+
"minor": [
|
|
10
|
+
{
|
|
11
|
+
"author": "david.melara1@telus.com",
|
|
12
|
+
"package": "@telus-uds/palette-allium",
|
|
13
|
+
"commit": "8c95c28d4dc83e19ddd0d17f4bff8f391040d6e5",
|
|
14
|
+
"comment": "`Listbox`: Added chevron up & down icons"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "oscar.palencia@telus.com",
|
|
18
|
+
"package": "@telus-uds/palette-allium",
|
|
19
|
+
"commit": "6560408b119a65fda800567a723798182c02621c",
|
|
20
|
+
"comment": "`Icons`: Added new CartEmpty and UserSingle. Updated MenuHamburger"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@telus-uds/palette-allium",
|
|
25
|
+
"comment": "Bump @telus-uds/system-tokens to v1.4.10",
|
|
26
|
+
"commit": "6da7815d0a71a87e18a3e79e0f9497c6c9edf900"
|
|
27
|
+
}
|
|
28
|
+
]
|
|
29
|
+
}
|
|
30
|
+
},
|
|
4
31
|
{
|
|
5
32
|
"date": "Wed, 29 Oct 2025 07:40:46 GMT",
|
|
6
33
|
"tag": "@telus-uds/palette-allium_v5.12.0",
|
package/CHANGELOG.md
CHANGED
|
@@ -1,9 +1,19 @@
|
|
|
1
1
|
# Change Log - @telus-uds/palette-allium
|
|
2
2
|
|
|
3
|
-
This log was last generated on Wed,
|
|
3
|
+
This log was last generated on Wed, 19 Nov 2025 05:51:40 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 5.13.0
|
|
8
|
+
|
|
9
|
+
Wed, 19 Nov 2025 05:51:40 GMT
|
|
10
|
+
|
|
11
|
+
### Minor changes
|
|
12
|
+
|
|
13
|
+
- `Listbox`: Added chevron up & down icons (david.melara1@telus.com)
|
|
14
|
+
- `Icons`: Added new CartEmpty and UserSingle. Updated MenuHamburger (oscar.palencia@telus.com)
|
|
15
|
+
- Bump @telus-uds/system-tokens to v1.4.10
|
|
16
|
+
|
|
7
17
|
## 5.12.0
|
|
8
18
|
|
|
9
19
|
Wed, 29 Oct 2025 07:40:46 GMT
|
package/build/android/border.xml
CHANGED
package/build/android/color.xml
CHANGED
package/build/android/radius.xml
CHANGED
package/build/android/size.xml
CHANGED
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
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
module.exports = ({
|
|
5
|
+
title,
|
|
6
|
+
titleId,
|
|
7
|
+
size,
|
|
8
|
+
color,
|
|
9
|
+
gradient,
|
|
10
|
+
...props
|
|
11
|
+
}) => {
|
|
12
|
+
const iconSharedUtils = require('./utils/icon-shared-utils');
|
|
13
|
+
const hasGradient = iconSharedUtils.hasValidGradient(gradient);
|
|
14
|
+
let fillValue = color;
|
|
15
|
+
let gradientDefs;
|
|
16
|
+
let gradientUtils;
|
|
17
|
+
if (hasGradient) {
|
|
18
|
+
gradientUtils = iconSharedUtils.getGradientUtils();
|
|
19
|
+
const iconWebUtils = require('./utils/icon-web-utils');
|
|
20
|
+
const gradientId = gradientUtils.generateGradientId(gradient);
|
|
21
|
+
fillValue = `url(#${gradientId})`;
|
|
22
|
+
gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
|
|
23
|
+
}
|
|
24
|
+
const svgContent = (0, _jsxRuntime.jsxs)("svg", {
|
|
25
|
+
...props,
|
|
26
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
27
|
+
viewBox: "0 0 24 24",
|
|
28
|
+
height: size,
|
|
29
|
+
width: size,
|
|
30
|
+
fill: fillValue,
|
|
31
|
+
role: title ? 'img' : undefined,
|
|
32
|
+
"aria-hidden": !title,
|
|
33
|
+
"aria-labelledby": titleId,
|
|
34
|
+
children: [title ? (0, _jsxRuntime.jsx)("title", {
|
|
35
|
+
id: titleId,
|
|
36
|
+
children: title
|
|
37
|
+
}) : null, (0, _jsxRuntime.jsx)("path", {
|
|
38
|
+
d: "M8.526 18.125c1.326 0 2.402 1.068 2.402 2.379 0 1.309-1.076 2.378-2.402 2.378-1.325 0-2.401-1.07-2.401-2.378 0-1.311 1.076-2.379 2.401-2.379Zm9 0c1.326 0 2.402 1.068 2.402 2.379 0 1.309-1.076 2.378-2.402 2.378-1.325 0-2.401-1.07-2.401-2.378 0-1.311 1.076-2.379 2.401-2.379Zm-9 1.29c-.604 0-1.1.485-1.1 1.089 0 .601.496 1.089 1.1 1.089.606 0 1.1-.488 1.1-1.09 0-.603-.494-1.089-1.1-1.089Zm9 0c-.604 0-1.1.485-1.1 1.089 0 .601.496 1.089 1.1 1.089.606 0 1.1-.488 1.1-1.09 0-.603-.494-1.089-1.1-1.089ZM4.652 2.25c.337 0 .63.213.735.513l.026.092.401 1.945h16.341a.79.79 0 0 1 .588.26l.084.113a.73.73 0 0 1 .105.392l-.01.112-.778 5.452a1.627 1.627 0 0 1-1.294 1.342l-.153.025-12.985 1.6.22.337c.304.466.783.783 1.318.841l.014.001.152.01h10.99c.433 0 .776.343.776.753a.762.762 0 0 1-.69.748l-.1.006H9.43c-1.418 0-2.73-.97-3.211-2.324l-.085-.276-.043-.18L4.057 3.958l-.04-.2H2.025a.766.766 0 0 1-.775-.754c0-.382.298-.707.688-.75l.1-.004h2.614Zm1.532 4.358 1.145 5.712.045.226.23-.026 12.995-1.53.027-.191.635-4.49H6.124l.06.3Z"
|
|
39
|
+
})]
|
|
40
|
+
});
|
|
41
|
+
return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
|
|
42
|
+
};
|
|
@@ -0,0 +1,41 @@
|
|
|
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
|
+
gradient,
|
|
11
|
+
...props
|
|
12
|
+
}) => {
|
|
13
|
+
const iconSharedUtils = require('./utils/icon-shared-utils');
|
|
14
|
+
const hasGradient = iconSharedUtils.hasValidGradient(gradient);
|
|
15
|
+
let fillValue = color;
|
|
16
|
+
let gradientDefs;
|
|
17
|
+
let gradientUtils;
|
|
18
|
+
if (hasGradient) {
|
|
19
|
+
gradientUtils = iconSharedUtils.getGradientUtils();
|
|
20
|
+
const iconNativeUtils = require('./utils/icon-native-utils');
|
|
21
|
+
const gradientId = gradientUtils.generateGradientId(gradient);
|
|
22
|
+
fillValue = `url(#${gradientId})`;
|
|
23
|
+
gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
|
|
24
|
+
}
|
|
25
|
+
const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
|
|
26
|
+
...props,
|
|
27
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
28
|
+
viewBox: "0 0 24 24",
|
|
29
|
+
height: size,
|
|
30
|
+
width: size,
|
|
31
|
+
fill: fillValue,
|
|
32
|
+
"aria-labelledby": titleId,
|
|
33
|
+
children: [title ? (0, _jsxRuntime.jsx)("title", {
|
|
34
|
+
id: titleId,
|
|
35
|
+
children: title
|
|
36
|
+
}) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
37
|
+
d: "M8.526 18.125c1.326 0 2.402 1.068 2.402 2.379 0 1.309-1.076 2.378-2.402 2.378-1.325 0-2.401-1.07-2.401-2.378 0-1.311 1.076-2.379 2.401-2.379Zm9 0c1.326 0 2.402 1.068 2.402 2.379 0 1.309-1.076 2.378-2.402 2.378-1.325 0-2.401-1.07-2.401-2.378 0-1.311 1.076-2.379 2.401-2.379Zm-9 1.29c-.604 0-1.1.485-1.1 1.089 0 .601.496 1.089 1.1 1.089.606 0 1.1-.488 1.1-1.09 0-.603-.494-1.089-1.1-1.089Zm9 0c-.604 0-1.1.485-1.1 1.089 0 .601.496 1.089 1.1 1.089.606 0 1.1-.488 1.1-1.09 0-.603-.494-1.089-1.1-1.089ZM4.652 2.25c.337 0 .63.213.735.513l.026.092.401 1.945h16.341a.79.79 0 0 1 .588.26l.084.113a.73.73 0 0 1 .105.392l-.01.112-.778 5.452a1.627 1.627 0 0 1-1.294 1.342l-.153.025-12.985 1.6.22.337c.304.466.783.783 1.318.841l.014.001.152.01h10.99c.433 0 .776.343.776.753a.762.762 0 0 1-.69.748l-.1.006H9.43c-1.418 0-2.73-.97-3.211-2.324l-.085-.276-.043-.18L4.057 3.958l-.04-.2H2.025a.766.766 0 0 1-.775-.754c0-.382.298-.707.688-.75l.1-.004h2.614Zm1.532 4.358 1.145 5.712.045.226.23-.026 12.995-1.53.027-.191.635-4.49H6.124l.06.3Z"
|
|
38
|
+
})]
|
|
39
|
+
});
|
|
40
|
+
return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
|
|
41
|
+
};
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
module.exports = ({
|
|
5
|
+
title,
|
|
6
|
+
titleId,
|
|
7
|
+
size,
|
|
8
|
+
color,
|
|
9
|
+
gradient,
|
|
10
|
+
...props
|
|
11
|
+
}) => {
|
|
12
|
+
const iconSharedUtils = require('./utils/icon-shared-utils');
|
|
13
|
+
const hasGradient = iconSharedUtils.hasValidGradient(gradient);
|
|
14
|
+
let fillValue = color;
|
|
15
|
+
let gradientDefs;
|
|
16
|
+
let gradientUtils;
|
|
17
|
+
if (hasGradient) {
|
|
18
|
+
gradientUtils = iconSharedUtils.getGradientUtils();
|
|
19
|
+
const iconWebUtils = require('./utils/icon-web-utils');
|
|
20
|
+
const gradientId = gradientUtils.generateGradientId(gradient);
|
|
21
|
+
fillValue = `url(#${gradientId})`;
|
|
22
|
+
gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
|
|
23
|
+
}
|
|
24
|
+
const svgContent = (0, _jsxRuntime.jsxs)("svg", {
|
|
25
|
+
...props,
|
|
26
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
27
|
+
viewBox: "0 0 24 24",
|
|
28
|
+
height: size,
|
|
29
|
+
width: size,
|
|
30
|
+
fill: fillValue,
|
|
31
|
+
role: title ? 'img' : undefined,
|
|
32
|
+
"aria-hidden": !title,
|
|
33
|
+
"aria-labelledby": titleId,
|
|
34
|
+
children: [title ? (0, _jsxRuntime.jsx)("title", {
|
|
35
|
+
id: titleId,
|
|
36
|
+
children: title
|
|
37
|
+
}) : null, (0, _jsxRuntime.jsx)("path", {
|
|
38
|
+
d: "M20.372 7.056a2.143 2.143 0 0 1 0 3.03l-6.857 6.858a2.143 2.143 0 0 1-3.03 0l-6.857-6.857a2.143 2.143 0 0 1 3.03-3.03l5.039 5.038a.428.428 0 0 0 .606 0l5.039-5.039a2.143 2.143 0 0 1 3.03 0Z"
|
|
39
|
+
})]
|
|
40
|
+
});
|
|
41
|
+
return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
|
|
42
|
+
};
|
|
@@ -0,0 +1,41 @@
|
|
|
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
|
+
gradient,
|
|
11
|
+
...props
|
|
12
|
+
}) => {
|
|
13
|
+
const iconSharedUtils = require('./utils/icon-shared-utils');
|
|
14
|
+
const hasGradient = iconSharedUtils.hasValidGradient(gradient);
|
|
15
|
+
let fillValue = color;
|
|
16
|
+
let gradientDefs;
|
|
17
|
+
let gradientUtils;
|
|
18
|
+
if (hasGradient) {
|
|
19
|
+
gradientUtils = iconSharedUtils.getGradientUtils();
|
|
20
|
+
const iconNativeUtils = require('./utils/icon-native-utils');
|
|
21
|
+
const gradientId = gradientUtils.generateGradientId(gradient);
|
|
22
|
+
fillValue = `url(#${gradientId})`;
|
|
23
|
+
gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
|
|
24
|
+
}
|
|
25
|
+
const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
|
|
26
|
+
...props,
|
|
27
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
28
|
+
viewBox: "0 0 24 24",
|
|
29
|
+
height: size,
|
|
30
|
+
width: size,
|
|
31
|
+
fill: fillValue,
|
|
32
|
+
"aria-labelledby": titleId,
|
|
33
|
+
children: [title ? (0, _jsxRuntime.jsx)("title", {
|
|
34
|
+
id: titleId,
|
|
35
|
+
children: title
|
|
36
|
+
}) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
37
|
+
d: "M20.372 7.056a2.143 2.143 0 0 1 0 3.03l-6.857 6.858a2.143 2.143 0 0 1-3.03 0l-6.857-6.857a2.143 2.143 0 0 1 3.03-3.03l5.039 5.038a.428.428 0 0 0 .606 0l5.039-5.039a2.143 2.143 0 0 1 3.03 0Z"
|
|
38
|
+
})]
|
|
39
|
+
});
|
|
40
|
+
return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
|
|
41
|
+
};
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
module.exports = ({
|
|
5
|
+
title,
|
|
6
|
+
titleId,
|
|
7
|
+
size,
|
|
8
|
+
color,
|
|
9
|
+
gradient,
|
|
10
|
+
...props
|
|
11
|
+
}) => {
|
|
12
|
+
const iconSharedUtils = require('./utils/icon-shared-utils');
|
|
13
|
+
const hasGradient = iconSharedUtils.hasValidGradient(gradient);
|
|
14
|
+
let fillValue = color;
|
|
15
|
+
let gradientDefs;
|
|
16
|
+
let gradientUtils;
|
|
17
|
+
if (hasGradient) {
|
|
18
|
+
gradientUtils = iconSharedUtils.getGradientUtils();
|
|
19
|
+
const iconWebUtils = require('./utils/icon-web-utils');
|
|
20
|
+
const gradientId = gradientUtils.generateGradientId(gradient);
|
|
21
|
+
fillValue = `url(#${gradientId})`;
|
|
22
|
+
gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
|
|
23
|
+
}
|
|
24
|
+
const svgContent = (0, _jsxRuntime.jsxs)("svg", {
|
|
25
|
+
...props,
|
|
26
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
27
|
+
viewBox: "0 0 24 24",
|
|
28
|
+
height: size,
|
|
29
|
+
width: size,
|
|
30
|
+
fill: fillValue,
|
|
31
|
+
role: title ? 'img' : undefined,
|
|
32
|
+
"aria-hidden": !title,
|
|
33
|
+
"aria-labelledby": titleId,
|
|
34
|
+
children: [title ? (0, _jsxRuntime.jsx)("title", {
|
|
35
|
+
id: titleId,
|
|
36
|
+
children: title
|
|
37
|
+
}) : null, (0, _jsxRuntime.jsx)("path", {
|
|
38
|
+
d: "M3.628 16.944a2.143 2.143 0 0 1 0-3.03l6.857-6.858a2.143 2.143 0 0 1 3.03 0l6.857 6.857a2.143 2.143 0 0 1-3.03 3.03l-5.039-5.038a.429.429 0 0 0-.606 0l-5.039 5.039a2.143 2.143 0 0 1-3.03 0Z"
|
|
39
|
+
})]
|
|
40
|
+
});
|
|
41
|
+
return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
|
|
42
|
+
};
|
|
@@ -0,0 +1,41 @@
|
|
|
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
|
+
gradient,
|
|
11
|
+
...props
|
|
12
|
+
}) => {
|
|
13
|
+
const iconSharedUtils = require('./utils/icon-shared-utils');
|
|
14
|
+
const hasGradient = iconSharedUtils.hasValidGradient(gradient);
|
|
15
|
+
let fillValue = color;
|
|
16
|
+
let gradientDefs;
|
|
17
|
+
let gradientUtils;
|
|
18
|
+
if (hasGradient) {
|
|
19
|
+
gradientUtils = iconSharedUtils.getGradientUtils();
|
|
20
|
+
const iconNativeUtils = require('./utils/icon-native-utils');
|
|
21
|
+
const gradientId = gradientUtils.generateGradientId(gradient);
|
|
22
|
+
fillValue = `url(#${gradientId})`;
|
|
23
|
+
gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
|
|
24
|
+
}
|
|
25
|
+
const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
|
|
26
|
+
...props,
|
|
27
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
28
|
+
viewBox: "0 0 24 24",
|
|
29
|
+
height: size,
|
|
30
|
+
width: size,
|
|
31
|
+
fill: fillValue,
|
|
32
|
+
"aria-labelledby": titleId,
|
|
33
|
+
children: [title ? (0, _jsxRuntime.jsx)("title", {
|
|
34
|
+
id: titleId,
|
|
35
|
+
children: title
|
|
36
|
+
}) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
37
|
+
d: "M3.628 16.944a2.143 2.143 0 0 1 0-3.03l6.857-6.858a2.143 2.143 0 0 1 3.03 0l6.857 6.857a2.143 2.143 0 0 1-3.03 3.03l-5.039-5.038a.429.429 0 0 0-.606 0l-5.039 5.039a2.143 2.143 0 0 1-3.03 0Z"
|
|
38
|
+
})]
|
|
39
|
+
});
|
|
40
|
+
return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
|
|
41
|
+
};
|
|
@@ -36,7 +36,7 @@ module.exports = ({
|
|
|
36
36
|
children: title
|
|
37
37
|
}) : null, (0, _jsxRuntime.jsx)("path", {
|
|
38
38
|
fillRule: "evenodd",
|
|
39
|
-
d: "
|
|
39
|
+
d: "M21.166 18c.428 0 .78.383.828.883L22 19c0 .552-.373 1-.834 1H2.834C2.374 20 2 19.556 2 19c0-.552.373-1 .834-1h18.332Zm0-7c.428 0 .78.383.828.883L22 12c0 .552-.373 1-.834 1H2.834C2.374 13 2 12.556 2 12c0-.552.373-1 .834-1h18.332Zm0-7c.428 0 .78.383.828.883L22 5c0 .552-.373 1-.834 1H2.834C2.374 6 2 5.556 2 5c0-.552.373-1 .834-1h18.332Z",
|
|
40
40
|
clipRule: "evenodd"
|
|
41
41
|
})]
|
|
42
42
|
});
|
|
@@ -35,7 +35,7 @@ module.exports = ({
|
|
|
35
35
|
children: title
|
|
36
36
|
}) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
37
37
|
fillRule: "evenodd",
|
|
38
|
-
d: "
|
|
38
|
+
d: "M21.166 18c.428 0 .78.383.828.883L22 19c0 .552-.373 1-.834 1H2.834C2.374 20 2 19.556 2 19c0-.552.373-1 .834-1h18.332Zm0-7c.428 0 .78.383.828.883L22 12c0 .552-.373 1-.834 1H2.834C2.374 13 2 12.556 2 12c0-.552.373-1 .834-1h18.332Zm0-7c.428 0 .78.383.828.883L22 5c0 .552-.373 1-.834 1H2.834C2.374 6 2 5.556 2 5c0-.552.373-1 .834-1h18.332Z",
|
|
39
39
|
clipRule: "evenodd"
|
|
40
40
|
})]
|
|
41
41
|
});
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
module.exports = ({
|
|
5
|
+
title,
|
|
6
|
+
titleId,
|
|
7
|
+
size,
|
|
8
|
+
color,
|
|
9
|
+
gradient,
|
|
10
|
+
...props
|
|
11
|
+
}) => {
|
|
12
|
+
const iconSharedUtils = require('./utils/icon-shared-utils');
|
|
13
|
+
const hasGradient = iconSharedUtils.hasValidGradient(gradient);
|
|
14
|
+
let fillValue = color;
|
|
15
|
+
let gradientDefs;
|
|
16
|
+
let gradientUtils;
|
|
17
|
+
if (hasGradient) {
|
|
18
|
+
gradientUtils = iconSharedUtils.getGradientUtils();
|
|
19
|
+
const iconWebUtils = require('./utils/icon-web-utils');
|
|
20
|
+
const gradientId = gradientUtils.generateGradientId(gradient);
|
|
21
|
+
fillValue = `url(#${gradientId})`;
|
|
22
|
+
gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
|
|
23
|
+
}
|
|
24
|
+
const svgContent = (0, _jsxRuntime.jsxs)("svg", {
|
|
25
|
+
...props,
|
|
26
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
27
|
+
viewBox: "0 0 24 24",
|
|
28
|
+
height: size,
|
|
29
|
+
width: size,
|
|
30
|
+
fill: fillValue,
|
|
31
|
+
role: title ? 'img' : undefined,
|
|
32
|
+
"aria-hidden": !title,
|
|
33
|
+
"aria-labelledby": titleId,
|
|
34
|
+
children: [title ? (0, _jsxRuntime.jsx)("title", {
|
|
35
|
+
id: titleId,
|
|
36
|
+
children: title
|
|
37
|
+
}) : null, (0, _jsxRuntime.jsx)("path", {
|
|
38
|
+
d: "M12 13.81c4.879 0 9.138 3.275 10.565 7.784.145.46-.212.906-.694.906a.793.793 0 0 1-.743-.557c-1.266-3.86-4.933-6.653-9.128-6.653-4.197 0-7.862 2.792-9.127 6.653a.793.793 0 0 1-.744.557c-.481 0-.84-.447-.694-.906C2.864 17.086 7.12 13.811 12 13.811Z"
|
|
39
|
+
}), (0, _jsxRuntime.jsx)("path", {
|
|
40
|
+
fillRule: "evenodd",
|
|
41
|
+
d: "M12 1.5a5.18 5.18 0 0 1 5.173 5.174A5.18 5.18 0 0 1 12 11.847a5.18 5.18 0 0 1-5.173-5.173A5.18 5.18 0 0 1 12 1.5Zm0 1.479a3.7 3.7 0 0 0-3.696 3.695A3.7 3.7 0 0 0 12 10.37a3.699 3.699 0 0 0 3.694-3.695A3.7 3.7 0 0 0 12 2.98Z",
|
|
42
|
+
clipRule: "evenodd"
|
|
43
|
+
})]
|
|
44
|
+
});
|
|
45
|
+
return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
|
|
46
|
+
};
|
|
@@ -0,0 +1,45 @@
|
|
|
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
|
+
gradient,
|
|
11
|
+
...props
|
|
12
|
+
}) => {
|
|
13
|
+
const iconSharedUtils = require('./utils/icon-shared-utils');
|
|
14
|
+
const hasGradient = iconSharedUtils.hasValidGradient(gradient);
|
|
15
|
+
let fillValue = color;
|
|
16
|
+
let gradientDefs;
|
|
17
|
+
let gradientUtils;
|
|
18
|
+
if (hasGradient) {
|
|
19
|
+
gradientUtils = iconSharedUtils.getGradientUtils();
|
|
20
|
+
const iconNativeUtils = require('./utils/icon-native-utils');
|
|
21
|
+
const gradientId = gradientUtils.generateGradientId(gradient);
|
|
22
|
+
fillValue = `url(#${gradientId})`;
|
|
23
|
+
gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
|
|
24
|
+
}
|
|
25
|
+
const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
|
|
26
|
+
...props,
|
|
27
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
28
|
+
viewBox: "0 0 24 24",
|
|
29
|
+
height: size,
|
|
30
|
+
width: size,
|
|
31
|
+
fill: fillValue,
|
|
32
|
+
"aria-labelledby": titleId,
|
|
33
|
+
children: [title ? (0, _jsxRuntime.jsx)("title", {
|
|
34
|
+
id: titleId,
|
|
35
|
+
children: title
|
|
36
|
+
}) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
37
|
+
d: "M12 13.81c4.879 0 9.138 3.275 10.565 7.784.145.46-.212.906-.694.906a.793.793 0 0 1-.743-.557c-1.266-3.86-4.933-6.653-9.128-6.653-4.197 0-7.862 2.792-9.127 6.653a.793.793 0 0 1-.744.557c-.481 0-.84-.447-.694-.906C2.864 17.086 7.12 13.811 12 13.811Z"
|
|
38
|
+
}), (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
39
|
+
fillRule: "evenodd",
|
|
40
|
+
d: "M12 1.5a5.18 5.18 0 0 1 5.173 5.174A5.18 5.18 0 0 1 12 11.847a5.18 5.18 0 0 1-5.173-5.173A5.18 5.18 0 0 1 12 1.5Zm0 1.479a3.7 3.7 0 0 0-3.696 3.695A3.7 3.7 0 0 0 12 10.37a3.699 3.699 0 0 0 3.694-3.695A3.7 3.7 0 0 0 12 2.98Z",
|
|
41
|
+
clipRule: "evenodd"
|
|
42
|
+
})]
|
|
43
|
+
});
|
|
44
|
+
return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
|
|
45
|
+
};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
+
<path d="M8.526 18.125c1.326 0 2.402 1.068 2.402 2.379 0 1.309-1.076 2.378-2.402 2.378-1.325 0-2.401-1.07-2.401-2.378 0-1.311 1.076-2.379 2.401-2.379Zm9 0c1.326 0 2.402 1.068 2.402 2.379 0 1.309-1.076 2.378-2.402 2.378-1.325 0-2.401-1.07-2.401-2.378 0-1.311 1.076-2.379 2.401-2.379Zm-9 1.29c-.604 0-1.1.485-1.1 1.089 0 .601.496 1.089 1.1 1.089.606 0 1.1-.488 1.1-1.09 0-.603-.494-1.089-1.1-1.089Zm9 0c-.604 0-1.1.485-1.1 1.089 0 .601.496 1.089 1.1 1.089.606 0 1.1-.488 1.1-1.09 0-.603-.494-1.089-1.1-1.089ZM4.652 2.25c.337 0 .63.213.735.513l.026.092.401 1.945h16.341a.79.79 0 0 1 .588.26l.084.113a.73.73 0 0 1 .105.392l-.01.112-.778 5.452a1.627 1.627 0 0 1-1.294 1.342l-.153.025-12.985 1.6.22.337c.304.466.783.783 1.318.841l.014.001.152.01h10.99c.433 0 .776.343.776.753a.762.762 0 0 1-.69.748l-.1.006H9.43c-1.418 0-2.73-.97-3.211-2.324l-.085-.276-.043-.18L4.057 3.958l-.04-.2H2.025a.766.766 0 0 1-.775-.754c0-.382.298-.707.688-.75l.1-.004h2.614Zm1.532 4.358 1.145 5.712.045.226.23-.026 12.995-1.53.027-.191.635-4.49H6.124l.06.3Z"/>
|
|
3
|
+
</svg>
|
package/build/rn/icons/index.js
CHANGED
|
@@ -50,6 +50,7 @@ module.exports = {
|
|
|
50
50
|
CardLightningBold: require('./CardLightningBold'),
|
|
51
51
|
CaretDown: require('./CaretDown'),
|
|
52
52
|
CaretUp: require('./CaretUp'),
|
|
53
|
+
CartEmpty: require('./CartEmpty'),
|
|
53
54
|
CartEmptyBold: require('./CartEmptyBold'),
|
|
54
55
|
CartFilledBold: require('./CartFilledBold'),
|
|
55
56
|
Channels: require('./Channels'),
|
|
@@ -66,8 +67,10 @@ module.exports = {
|
|
|
66
67
|
Check: require('./Check'),
|
|
67
68
|
Checkbold: require('./Checkbold'),
|
|
68
69
|
Checkmark: require('./Checkmark'),
|
|
70
|
+
ChevronDown: require('./ChevronDown'),
|
|
69
71
|
ChevronLeft: require('./ChevronLeft'),
|
|
70
72
|
ChevronRight: require('./ChevronRight'),
|
|
73
|
+
ChevronUp: require('./ChevronUp'),
|
|
71
74
|
Clipboard: require('./Clipboard'),
|
|
72
75
|
Close: require('./Close'),
|
|
73
76
|
ClosedCaptions: require('./ClosedCaptions'),
|
|
@@ -286,6 +289,7 @@ module.exports = {
|
|
|
286
289
|
User: require('./User'),
|
|
287
290
|
UserAdd: require('./UserAdd'),
|
|
288
291
|
UserAddBold: require('./UserAddBold'),
|
|
292
|
+
UserSingle: require('./UserSingle'),
|
|
289
293
|
Users: require('./Users'),
|
|
290
294
|
VideoCall: require('./VideoCall'),
|
|
291
295
|
VideoChat: require('./VideoChat'),
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
-
<path fill-rule="evenodd" d="
|
|
2
|
+
<path fill-rule="evenodd" d="M21.166 18c.428 0 .78.383.828.883L22 19c0 .552-.373 1-.834 1H2.834C2.374 20 2 19.556 2 19c0-.552.373-1 .834-1h18.332Zm0-7c.428 0 .78.383.828.883L22 12c0 .552-.373 1-.834 1H2.834C2.374 13 2 12.556 2 12c0-.552.373-1 .834-1h18.332Zm0-7c.428 0 .78.383.828.883L22 5c0 .552-.373 1-.834 1H2.834C2.374 6 2 5.556 2 5c0-.552.373-1 .834-1h18.332Z" clip-rule="evenodd"/>
|
|
3
3
|
</svg>
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
+
<path d="M12 13.81c4.879 0 9.138 3.275 10.565 7.784.145.46-.212.906-.694.906a.793.793 0 0 1-.743-.557c-1.266-3.86-4.933-6.653-9.128-6.653-4.197 0-7.862 2.792-9.127 6.653a.793.793 0 0 1-.744.557c-.481 0-.84-.447-.694-.906C2.864 17.086 7.12 13.811 12 13.811Z"/>
|
|
3
|
+
<path fill-rule="evenodd" d="M12 1.5a5.18 5.18 0 0 1 5.173 5.174A5.18 5.18 0 0 1 12 11.847a5.18 5.18 0 0 1-5.173-5.173A5.18 5.18 0 0 1 12 1.5Zm0 1.479a3.7 3.7 0 0 0-3.696 3.695A3.7 3.7 0 0 0 12 10.37a3.699 3.699 0 0 0 3.694-3.695A3.7 3.7 0 0 0 12 2.98Z" clip-rule="evenodd"/>
|
|
4
|
+
</svg>
|
package/build/rn/palette.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed,
|
|
3
|
+
* Generated on Wed, 19 Nov 2025 05:54:34 GMT
|
|
4
4
|
*/
|
|
5
5
|
module.exports = {
|
|
6
6
|
border: {
|
|
@@ -221,6 +221,7 @@ module.exports = {
|
|
|
221
221
|
CardLightningBold: '@telus-uds/palette-allium/build/rn/icons/card-lightning-bold.icon.svg',
|
|
222
222
|
CaretDown: '@telus-uds/palette-allium/build/rn/icons/caret-down.icon.svg',
|
|
223
223
|
CaretUp: '@telus-uds/palette-allium/build/rn/icons/caret-up.icon.svg',
|
|
224
|
+
CartEmpty: '@telus-uds/palette-allium/build/rn/icons/cart-empty.icon.svg',
|
|
224
225
|
CartEmptyBold: '@telus-uds/palette-allium/build/rn/icons/cart-empty-bold.icon.svg',
|
|
225
226
|
CartFilledBold: '@telus-uds/palette-allium/build/rn/icons/cart-filled-bold.icon.svg',
|
|
226
227
|
Channels: '@telus-uds/palette-allium/build/rn/icons/channels.icon.svg',
|
|
@@ -237,8 +238,10 @@ module.exports = {
|
|
|
237
238
|
Check: '@telus-uds/palette-allium/build/rn/icons/check.icon.svg',
|
|
238
239
|
Checkbold: '@telus-uds/palette-allium/build/rn/icons/checkbold.icon.svg',
|
|
239
240
|
Checkmark: '@telus-uds/palette-allium/build/rn/icons/checkmark.icon.svg',
|
|
241
|
+
ChevronDown: '@telus-uds/palette-allium/build/rn/icons/chevron-down.icon.svg',
|
|
240
242
|
ChevronLeft: '@telus-uds/palette-allium/build/rn/icons/chevron-left.icon.svg',
|
|
241
243
|
ChevronRight: '@telus-uds/palette-allium/build/rn/icons/chevron-right.icon.svg',
|
|
244
|
+
ChevronUp: '@telus-uds/palette-allium/build/rn/icons/chevron-up.icon.svg',
|
|
242
245
|
Clipboard: '@telus-uds/palette-allium/build/rn/icons/clipboard.icon.svg',
|
|
243
246
|
Close: '@telus-uds/palette-allium/build/rn/icons/close.icon.svg',
|
|
244
247
|
ClosedCaptions: '@telus-uds/palette-allium/build/rn/icons/closed-captions.icon.svg',
|
|
@@ -457,6 +460,7 @@ module.exports = {
|
|
|
457
460
|
User: '@telus-uds/palette-allium/build/rn/icons/user.icon.svg',
|
|
458
461
|
UserAdd: '@telus-uds/palette-allium/build/rn/icons/user-add.icon.svg',
|
|
459
462
|
UserAddBold: '@telus-uds/palette-allium/build/rn/icons/user-add-bold.icon.svg',
|
|
463
|
+
UserSingle: '@telus-uds/palette-allium/build/rn/icons/user-single.icon.svg',
|
|
460
464
|
Users: '@telus-uds/palette-allium/build/rn/icons/users.icon.svg',
|
|
461
465
|
VideoCall: '@telus-uds/palette-allium/build/rn/icons/video-call.icon.svg',
|
|
462
466
|
VideoChat: '@telus-uds/palette-allium/build/rn/icons/video-chat.icon.svg',
|