@telus-uds/palette-allium 5.15.0 → 5.16.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 +21 -0
- package/CHANGELOG.md +11 -2
- 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/NumberFive.js +42 -0
- package/build/rn/icons/NumberFive.native.js +41 -0
- package/build/rn/icons/NumberFour.js +42 -0
- package/build/rn/icons/NumberFour.native.js +41 -0
- package/build/rn/icons/NumberOne.js +42 -0
- package/build/rn/icons/NumberOne.native.js +41 -0
- package/build/rn/icons/NumberThree.js +42 -0
- package/build/rn/icons/NumberThree.native.js +41 -0
- package/build/rn/icons/NumberTwo.js +42 -0
- package/build/rn/icons/NumberTwo.native.js +41 -0
- package/build/rn/icons/index.js +5 -0
- package/build/rn/icons/number-five.icon.svg +3 -0
- package/build/rn/icons/number-four.icon.svg +3 -0
- package/build/rn/icons/number-one.icon.svg +3 -0
- package/build/rn/icons/number-three.icon.svg +3 -0
- package/build/rn/icons/number-two.icon.svg +3 -0
- package/build/rn/palette.js +6 -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/NumberFive.js +42 -0
- package/build/web/icons/NumberFour.js +42 -0
- package/build/web/icons/NumberOne.js +42 -0
- package/build/web/icons/NumberThree.js +42 -0
- package/build/web/icons/NumberTwo.js +42 -0
- package/build/web/icons/index.js +5 -0
- package/build/web/icons/number-five.icon.svg +3 -0
- package/build/web/icons/number-four.icon.svg +3 -0
- package/build/web/icons/number-one.icon.svg +3 -0
- package/build/web/icons/number-three.icon.svg +3 -0
- package/build/web/icons/number-two.icon.svg +3 -0
- package/build/web/palette.js +18 -13
- package/icon/number-five.svg +3 -0
- package/icon/number-four.svg +3 -0
- package/icon/number-one.svg +3 -0
- package/icon/number-three.svg +3 -0
- package/icon/number-two.svg +3 -0
- package/package.json +2 -2
- package/palette.json +20 -0
- /package/build/web/fonts/{HNforTELUSSA-Bd-v5_15_0.otf → HNforTELUSSA-Bd-v5_16_0.otf} +0 -0
- /package/build/web/fonts/{HNforTELUSSA-Display-v5_15_0.otf → HNforTELUSSA-Display-v5_16_0.otf} +0 -0
- /package/build/web/fonts/{HNforTELUSSA-Md-v5_15_0.otf → HNforTELUSSA-Md-v5_16_0.otf} +0 -0
- /package/build/web/fonts/{HNforTELUSSA-v5_15_0.otf → HNforTELUSSA-v5_16_0.otf} +0 -0
- /package/build/web/fonts/{HNforTELUSSABold_normal_normal-v5_15_0.woff → HNforTELUSSABold_normal_normal-v5_16_0.woff} +0 -0
- /package/build/web/fonts/{HNforTELUSSABold_normal_normal2-v5_15_0.woff2 → HNforTELUSSABold_normal_normal2-v5_16_0.woff2} +0 -0
- /package/build/web/fonts/{HNforTELUSSADisplay_normal_normal-v5_15_0.woff → HNforTELUSSADisplay_normal_normal-v5_16_0.woff} +0 -0
- /package/build/web/fonts/{HNforTELUSSADisplay_normal_normal2-v5_15_0.woff2 → HNforTELUSSADisplay_normal_normal2-v5_16_0.woff2} +0 -0
- /package/build/web/fonts/{HNforTELUSSAMedium_normal_normal-v5_15_0.woff → HNforTELUSSAMedium_normal_normal-v5_16_0.woff} +0 -0
- /package/build/web/fonts/{HNforTELUSSAMedium_normal_normal2-v5_15_0.woff2 → HNforTELUSSAMedium_normal_normal2-v5_16_0.woff2} +0 -0
- /package/build/web/fonts/{HNforTELUSSARegular_normal_normal-v5_15_0.woff → HNforTELUSSARegular_normal_normal-v5_16_0.woff} +0 -0
- /package/build/web/fonts/{HNforTELUSSARegular_normal_normal2-v5_15_0.woff2 → HNforTELUSSARegular_normal_normal2-v5_16_0.woff2} +0 -0
package/CHANGELOG.json
CHANGED
|
@@ -1,6 +1,27 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@telus-uds/palette-allium",
|
|
3
3
|
"entries": [
|
|
4
|
+
{
|
|
5
|
+
"date": "Thu, 16 Apr 2026 21:04:33 GMT",
|
|
6
|
+
"tag": "@telus-uds/palette-allium_v5.16.0",
|
|
7
|
+
"version": "5.16.0",
|
|
8
|
+
"comments": {
|
|
9
|
+
"minor": [
|
|
10
|
+
{
|
|
11
|
+
"author": "david.melara1@telus.com",
|
|
12
|
+
"package": "@telus-uds/palette-allium",
|
|
13
|
+
"commit": "144b26fd2e982b4d1ae32553eae6ffc42ab4cb2c",
|
|
14
|
+
"comment": "`Icon`: Add new number icons"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@telus-uds/palette-allium",
|
|
19
|
+
"comment": "Bump @telus-uds/system-tokens to v1.4.15",
|
|
20
|
+
"commit": "1c0f3695fce4f46ffb5f76371475f9c391e542b1"
|
|
21
|
+
}
|
|
22
|
+
]
|
|
23
|
+
}
|
|
24
|
+
},
|
|
4
25
|
{
|
|
5
26
|
"date": "Tue, 03 Mar 2026 23:02:55 GMT",
|
|
6
27
|
"tag": "@telus-uds/palette-allium_v5.15.0",
|
package/CHANGELOG.md
CHANGED
|
@@ -1,16 +1,25 @@
|
|
|
1
1
|
# Change Log - @telus-uds/palette-allium
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Thu, 16 Apr 2026 21:04:33 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 5.16.0
|
|
8
|
+
|
|
9
|
+
Thu, 16 Apr 2026 21:04:33 GMT
|
|
10
|
+
|
|
11
|
+
### Minor changes
|
|
12
|
+
|
|
13
|
+
- `Icon`: Add new number icons (david.melara1@telus.com)
|
|
14
|
+
- Bump @telus-uds/system-tokens to v1.4.15
|
|
15
|
+
|
|
7
16
|
## 5.15.0
|
|
8
17
|
|
|
9
18
|
Tue, 03 Mar 2026 23:02:55 GMT
|
|
10
19
|
|
|
11
20
|
### Minor changes
|
|
12
21
|
|
|
13
|
-
- `Allium Palette': new icons `ArrowUpBold`
|
|
22
|
+
- `Allium Palette': new icons `ArrowUpBold`and`SparkleFilled` added (josue.higueroscalderon@telus.com)
|
|
14
23
|
|
|
15
24
|
## 5.14.1
|
|
16
25
|
|
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: "M11.884 21C8.522 21 6.371 19.096 6 15.931h2.225c.321 2.2 1.83 3.165 3.733 3.165 2.398 0 3.733-1.558 3.733-4.129 0-2.596-1.409-4.104-3.708-4.104-1.41 0-2.472.544-3.239 1.533H6.445L8.2 3h8.9v2.077H9.808l-.94 5.02.05.049c.94-.668 1.953-1.187 3.536-1.187 3.585 0 5.587 2.67 5.587 5.959 0 3.412-2.15 6.082-6.156 6.082Z"
|
|
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: "M11.884 21C8.522 21 6.371 19.096 6 15.931h2.225c.321 2.2 1.83 3.165 3.733 3.165 2.398 0 3.733-1.558 3.733-4.129 0-2.596-1.409-4.104-3.708-4.104-1.41 0-2.472.544-3.239 1.533H6.445L8.2 3h8.9v2.077H9.808l-.94 5.02.05.049c.94-.668 1.953-1.187 3.536-1.187 3.585 0 5.587 2.67 5.587 5.959 0 3.412-2.15 6.082-6.156 6.082Z"
|
|
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: "M12.691 21v-4.247H4.5v-2.2L13.248 3h1.795v11.705h2.907v2.048h-2.907V21H12.69Zm-5.79-6.295h5.79V7.146h-.05l-5.74 7.56Z"
|
|
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: "M12.691 21v-4.247H4.5v-2.2L13.248 3h1.795v11.705h2.907v2.048h-2.907V21H12.69Zm-5.79-6.295h5.79V7.146h-.05l-5.74 7.56Z"
|
|
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: "M11.658 20.964V7.971H7V6.21h.68c1.284 0 2.266-.202 2.971-.73.655-.504 1.108-1.184 1.385-2.166l.075-.277H14v17.928h-2.342Z"
|
|
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: "M11.658 20.964V7.971H7V6.21h.68c1.284 0 2.266-.202 2.971-.73.655-.504 1.108-1.184 1.385-2.166l.075-.277H14v17.928h-2.342Z"
|
|
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: "M12.063 21C8.12 21 5.647 18.82 5.5 15.122h2.278c.122 2.572 1.616 3.845 4.334 3.845 2.817 0 4.139-1.371 4.139-3.38 0-1.91-1.176-3.085-3.673-3.085h-1.862v-1.984h1.25c2.228 0 3.305-.98 3.305-2.694 0-1.86-1.224-2.791-3.428-2.791-2.278 0-3.33.98-3.453 3.428H6.112C6.26 4.935 8.39 3 11.941 3c3.404 0 5.657 1.837 5.657 4.629 0 1.591-.71 2.89-2.571 3.673v.074c2.326.465 3.55 1.983 3.55 4.212 0 3.281-2.62 5.412-6.514 5.412Z"
|
|
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: "M12.063 21C8.12 21 5.647 18.82 5.5 15.122h2.278c.122 2.572 1.616 3.845 4.334 3.845 2.817 0 4.139-1.371 4.139-3.38 0-1.91-1.176-3.085-3.673-3.085h-1.862v-1.984h1.25c2.228 0 3.305-.98 3.305-2.694 0-1.86-1.224-2.791-3.428-2.791-2.278 0-3.33.98-3.453 3.428H6.112C6.26 4.935 8.39 3 11.941 3c3.404 0 5.657 1.837 5.657 4.629 0 1.591-.71 2.89-2.571 3.673v.074c2.326.465 3.55 1.983 3.55 4.212 0 3.281-2.62 5.412-6.514 5.412Z"
|
|
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: "M6 21c.201-3.05 1.233-5.2 4.1-6.975l3.12-1.925c1.66-1.025 2.44-2.1 2.44-3.7 0-2.1-1.333-3.325-3.446-3.325-2.214 0-3.522 1.325-3.522 3.95V9.3h-2.34v-.375C6.352 5.275 8.717 3 12.264 3 15.56 3 18 4.975 18 8.3c0 2.25-1.107 4.025-3.396 5.45l-2.24 1.4c-2.59 1.625-3.345 2.4-3.496 3.75h9.031V21H6Z"
|
|
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: "M6 21c.201-3.05 1.233-5.2 4.1-6.975l3.12-1.925c1.66-1.025 2.44-2.1 2.44-3.7 0-2.1-1.333-3.325-3.446-3.325-2.214 0-3.522 1.325-3.522 3.95V9.3h-2.34v-.375C6.352 5.275 8.717 3 12.264 3 15.56 3 18 4.975 18 8.3c0 2.25-1.107 4.025-3.396 5.45l-2.24 1.4c-2.59 1.625-3.345 2.4-3.496 3.75h9.031V21H6Z"
|
|
38
|
+
})]
|
|
39
|
+
});
|
|
40
|
+
return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
|
|
41
|
+
};
|
package/build/rn/icons/index.js
CHANGED
|
@@ -185,6 +185,11 @@ module.exports = {
|
|
|
185
185
|
NextGenFirewall: require('./NextGenFirewall'),
|
|
186
186
|
NoContract: require('./NoContract'),
|
|
187
187
|
NotifyBold: require('./NotifyBold'),
|
|
188
|
+
NumberFive: require('./NumberFive'),
|
|
189
|
+
NumberFour: require('./NumberFour'),
|
|
190
|
+
NumberOne: require('./NumberOne'),
|
|
191
|
+
NumberThree: require('./NumberThree'),
|
|
192
|
+
NumberTwo: require('./NumberTwo'),
|
|
188
193
|
OffersBold: require('./OffersBold'),
|
|
189
194
|
OffersSolid: require('./OffersSolid'),
|
|
190
195
|
Office: require('./Office'),
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
+
<path d="M11.884 21C8.522 21 6.371 19.096 6 15.931h2.225c.321 2.2 1.83 3.165 3.733 3.165 2.398 0 3.733-1.558 3.733-4.129 0-2.596-1.409-4.104-3.708-4.104-1.41 0-2.472.544-3.239 1.533H6.445L8.2 3h8.9v2.077H9.808l-.94 5.02.05.049c.94-.668 1.953-1.187 3.536-1.187 3.585 0 5.587 2.67 5.587 5.959 0 3.412-2.15 6.082-6.156 6.082Z"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
+
<path d="M12.063 21C8.12 21 5.647 18.82 5.5 15.122h2.278c.122 2.572 1.616 3.845 4.334 3.845 2.817 0 4.139-1.371 4.139-3.38 0-1.91-1.176-3.085-3.673-3.085h-1.862v-1.984h1.25c2.228 0 3.305-.98 3.305-2.694 0-1.86-1.224-2.791-3.428-2.791-2.278 0-3.33.98-3.453 3.428H6.112C6.26 4.935 8.39 3 11.941 3c3.404 0 5.657 1.837 5.657 4.629 0 1.591-.71 2.89-2.571 3.673v.074c2.326.465 3.55 1.983 3.55 4.212 0 3.281-2.62 5.412-6.514 5.412Z"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
+
<path d="M6 21c.201-3.05 1.233-5.2 4.1-6.975l3.12-1.925c1.66-1.025 2.44-2.1 2.44-3.7 0-2.1-1.333-3.325-3.446-3.325-2.214 0-3.522 1.325-3.522 3.95V9.3h-2.34v-.375C6.352 5.275 8.717 3 12.264 3 15.56 3 18 4.975 18 8.3c0 2.25-1.107 4.025-3.396 5.45l-2.24 1.4c-2.59 1.625-3.345 2.4-3.496 3.75h9.031V21H6Z"/>
|
|
3
|
+
</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 Thu, 16 Apr 2026 21:06:37 GMT
|
|
4
4
|
*/
|
|
5
5
|
module.exports = {
|
|
6
6
|
border: {
|
|
@@ -356,6 +356,11 @@ module.exports = {
|
|
|
356
356
|
NextGenFirewall: '@telus-uds/palette-allium/build/rn/icons/next-gen-firewall.icon.svg',
|
|
357
357
|
NoContract: '@telus-uds/palette-allium/build/rn/icons/no-contract.icon.svg',
|
|
358
358
|
NotifyBold: '@telus-uds/palette-allium/build/rn/icons/notify-bold.icon.svg',
|
|
359
|
+
NumberFive: '@telus-uds/palette-allium/build/rn/icons/number-five.icon.svg',
|
|
360
|
+
NumberFour: '@telus-uds/palette-allium/build/rn/icons/number-four.icon.svg',
|
|
361
|
+
NumberOne: '@telus-uds/palette-allium/build/rn/icons/number-one.icon.svg',
|
|
362
|
+
NumberThree: '@telus-uds/palette-allium/build/rn/icons/number-three.icon.svg',
|
|
363
|
+
NumberTwo: '@telus-uds/palette-allium/build/rn/icons/number-two.icon.svg',
|
|
359
364
|
OffersBold: '@telus-uds/palette-allium/build/rn/icons/offers-bold.icon.svg',
|
|
360
365
|
OffersSolid: '@telus-uds/palette-allium/build/rn/icons/offers-solid.icon.svg',
|
|
361
366
|
Office: '@telus-uds/palette-allium/build/rn/icons/office.icon.svg',
|