@telus-uds/palettes-community.palette-casa 4.6.0 → 4.6.2
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 +30 -0
- package/CHANGELOG.md +17 -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/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-up.icon.svg +3 -0
- package/build/rn/icons/index.js +4 -1
- 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 -2
- 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/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-up.icon.svg +3 -0
- package/build/web/icons/index.js +4 -1
- 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 -14
- package/package.json +2 -2
- /package/build/web/fonts/{HNforTELUSSA-Bd-v4_6_0.otf → HNforTELUSSA-Bd-v4_6_2.otf} +0 -0
- /package/build/web/fonts/{HNforTELUSSA-Display-v4_6_0.otf → HNforTELUSSA-Display-v4_6_2.otf} +0 -0
- /package/build/web/fonts/{HNforTELUSSA-Md-v4_6_0.otf → HNforTELUSSA-Md-v4_6_2.otf} +0 -0
- /package/build/web/fonts/{HNforTELUSSA-v4_6_0.otf → HNforTELUSSA-v4_6_2.otf} +0 -0
- /package/build/web/fonts/{HNforTELUSSABold_normal_normal-v4_6_0.woff → HNforTELUSSABold_normal_normal-v4_6_2.woff} +0 -0
- /package/build/web/fonts/{HNforTELUSSABold_normal_normal2-v4_6_0.woff2 → HNforTELUSSABold_normal_normal2-v4_6_2.woff2} +0 -0
- /package/build/web/fonts/{HNforTELUSSADisplay_normal_normal-v4_6_0.woff → HNforTELUSSADisplay_normal_normal-v4_6_2.woff} +0 -0
- /package/build/web/fonts/{HNforTELUSSADisplay_normal_normal2-v4_6_0.woff2 → HNforTELUSSADisplay_normal_normal2-v4_6_2.woff2} +0 -0
- /package/build/web/fonts/{HNforTELUSSAMedium_normal_normal-v4_6_0.woff → HNforTELUSSAMedium_normal_normal-v4_6_2.woff} +0 -0
- /package/build/web/fonts/{HNforTELUSSAMedium_normal_normal2-v4_6_0.woff2 → HNforTELUSSAMedium_normal_normal2-v4_6_2.woff2} +0 -0
- /package/build/web/fonts/{HNforTELUSSARegular_normal_normal-v4_6_0.woff → HNforTELUSSARegular_normal_normal-v4_6_2.woff} +0 -0
- /package/build/web/fonts/{HNforTELUSSARegular_normal_normal2-v4_6_0.woff2 → HNforTELUSSARegular_normal_normal2-v4_6_2.woff2} +0 -0
package/CHANGELOG.json
CHANGED
|
@@ -1,6 +1,36 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@telus-uds/palettes-community.palette-casa",
|
|
3
3
|
"entries": [
|
|
4
|
+
{
|
|
5
|
+
"date": "Fri, 12 Dec 2025 05:37:24 GMT",
|
|
6
|
+
"tag": "@telus-uds/palettes-community.palette-casa_v4.6.2",
|
|
7
|
+
"version": "4.6.2",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "beachball",
|
|
12
|
+
"package": "@telus-uds/palettes-community.palette-casa",
|
|
13
|
+
"comment": "Bump @telus-uds/system-tokens to v1.4.11",
|
|
14
|
+
"commit": "1b6c1c5e46a79f71fe6a26afdefc13c9e1bbd9f7"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Wed, 19 Nov 2025 05:51:41 GMT",
|
|
21
|
+
"tag": "@telus-uds/palettes-community.palette-casa_v4.6.1",
|
|
22
|
+
"version": "4.6.1",
|
|
23
|
+
"comments": {
|
|
24
|
+
"patch": [
|
|
25
|
+
{
|
|
26
|
+
"author": "beachball",
|
|
27
|
+
"package": "@telus-uds/palettes-community.palette-casa",
|
|
28
|
+
"comment": "Bump @telus-uds/system-tokens to v1.4.10",
|
|
29
|
+
"commit": "6da7815d0a71a87e18a3e79e0f9497c6c9edf900"
|
|
30
|
+
}
|
|
31
|
+
]
|
|
32
|
+
}
|
|
33
|
+
},
|
|
4
34
|
{
|
|
5
35
|
"date": "Wed, 29 Oct 2025 07:40:46 GMT",
|
|
6
36
|
"tag": "@telus-uds/palettes-community.palette-casa_v4.6.0",
|
package/CHANGELOG.md
CHANGED
|
@@ -1,9 +1,25 @@
|
|
|
1
1
|
# Change Log - @telus-uds/palettes-community.palette-casa
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Fri, 12 Dec 2025 05:37:24 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 4.6.2
|
|
8
|
+
|
|
9
|
+
Fri, 12 Dec 2025 05:37:24 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Bump @telus-uds/system-tokens to v1.4.11
|
|
14
|
+
|
|
15
|
+
## 4.6.1
|
|
16
|
+
|
|
17
|
+
Wed, 19 Nov 2025 05:51:41 GMT
|
|
18
|
+
|
|
19
|
+
### Patches
|
|
20
|
+
|
|
21
|
+
- Bump @telus-uds/system-tokens to v1.4.10
|
|
22
|
+
|
|
7
23
|
## 4.6.0
|
|
8
24
|
|
|
9
25
|
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: "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'),
|
|
@@ -302,7 +306,6 @@ module.exports = {
|
|
|
302
306
|
WifiCloud: require('./WifiCloud'),
|
|
303
307
|
CaretDownSmall: require('./CaretDownSmall'),
|
|
304
308
|
CaretUpSmall: require('./CaretUpSmall'),
|
|
305
|
-
ChevronDown: require('./ChevronDown'),
|
|
306
309
|
Error: require('./Error'),
|
|
307
310
|
Info: require('./Info'),
|
|
308
311
|
Warning: require('./Warning')
|
|
@@ -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
|
|
3
|
+
* Generated on Fri, 12 Dec 2025 05:40:34 GMT
|
|
4
4
|
*/
|
|
5
5
|
module.exports = {
|
|
6
6
|
border: {
|
|
@@ -242,6 +242,7 @@ module.exports = {
|
|
|
242
242
|
CardLightningBold: '@telus-uds/palettes-community.palette-casa/build/rn/icons/card-lightning-bold.icon.svg',
|
|
243
243
|
CaretDown: '@telus-uds/palettes-community.palette-casa/build/rn/icons/caret-down.icon.svg',
|
|
244
244
|
CaretUp: '@telus-uds/palettes-community.palette-casa/build/rn/icons/caret-up.icon.svg',
|
|
245
|
+
CartEmpty: '@telus-uds/palettes-community.palette-casa/build/rn/icons/cart-empty.icon.svg',
|
|
245
246
|
CartEmptyBold: '@telus-uds/palettes-community.palette-casa/build/rn/icons/cart-empty-bold.icon.svg',
|
|
246
247
|
CartFilledBold: '@telus-uds/palettes-community.palette-casa/build/rn/icons/cart-filled-bold.icon.svg',
|
|
247
248
|
Channels: '@telus-uds/palettes-community.palette-casa/build/rn/icons/channels.icon.svg',
|
|
@@ -258,8 +259,10 @@ module.exports = {
|
|
|
258
259
|
Check: '@telus-uds/palettes-community.palette-casa/build/rn/icons/check.icon.svg',
|
|
259
260
|
Checkbold: '@telus-uds/palettes-community.palette-casa/build/rn/icons/checkbold.icon.svg',
|
|
260
261
|
Checkmark: '@telus-uds/palettes-community.palette-casa/build/rn/icons/checkmark.icon.svg',
|
|
262
|
+
ChevronDown: '@telus-uds/palettes-community.palette-casa/build/rn/icons/chevron-down.icon.svg',
|
|
261
263
|
ChevronLeft: '@telus-uds/palettes-community.palette-casa/build/rn/icons/chevron-left.icon.svg',
|
|
262
264
|
ChevronRight: '@telus-uds/palettes-community.palette-casa/build/rn/icons/chevron-right.icon.svg',
|
|
265
|
+
ChevronUp: '@telus-uds/palettes-community.palette-casa/build/rn/icons/chevron-up.icon.svg',
|
|
263
266
|
Clipboard: '@telus-uds/palettes-community.palette-casa/build/rn/icons/clipboard.icon.svg',
|
|
264
267
|
Close: '@telus-uds/palettes-community.palette-casa/build/rn/icons/close.icon.svg',
|
|
265
268
|
ClosedCaptions: '@telus-uds/palettes-community.palette-casa/build/rn/icons/closed-captions.icon.svg',
|
|
@@ -478,6 +481,7 @@ module.exports = {
|
|
|
478
481
|
User: '@telus-uds/palettes-community.palette-casa/build/rn/icons/user.icon.svg',
|
|
479
482
|
UserAdd: '@telus-uds/palettes-community.palette-casa/build/rn/icons/user-add.icon.svg',
|
|
480
483
|
UserAddBold: '@telus-uds/palettes-community.palette-casa/build/rn/icons/user-add-bold.icon.svg',
|
|
484
|
+
UserSingle: '@telus-uds/palettes-community.palette-casa/build/rn/icons/user-single.icon.svg',
|
|
481
485
|
Users: '@telus-uds/palettes-community.palette-casa/build/rn/icons/users.icon.svg',
|
|
482
486
|
VideoCall: '@telus-uds/palettes-community.palette-casa/build/rn/icons/video-call.icon.svg',
|
|
483
487
|
VideoChat: '@telus-uds/palettes-community.palette-casa/build/rn/icons/video-chat.icon.svg',
|
|
@@ -494,7 +498,6 @@ module.exports = {
|
|
|
494
498
|
WifiCloud: '@telus-uds/palettes-community.palette-casa/build/rn/icons/wifi-cloud.icon.svg',
|
|
495
499
|
CaretDownSmall: '@telus-uds/palettes-community.palette-casa/build/rn/icons/caret-down-small.icon.svg',
|
|
496
500
|
CaretUpSmall: '@telus-uds/palettes-community.palette-casa/build/rn/icons/caret-up-small.icon.svg',
|
|
497
|
-
ChevronDown: '@telus-uds/palettes-community.palette-casa/build/rn/icons/chevron-down.icon.svg',
|
|
498
501
|
Error: '@telus-uds/palettes-community.palette-casa/build/rn/icons/error.icon.svg',
|
|
499
502
|
Info: '@telus-uds/palettes-community.palette-casa/build/rn/icons/info.icon.svg',
|
|
500
503
|
Warning: '@telus-uds/palettes-community.palette-casa/build/rn/icons/warning.icon.svg'
|