@telus-uds/palettes-community.palette-casa 4.1.5 → 4.3.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.
Files changed (35) hide show
  1. package/CHANGELOG.json +49 -1
  2. package/CHANGELOG.md +21 -2
  3. package/build/android/border.xml +1 -1
  4. package/build/android/color.xml +2 -2
  5. package/build/android/font_size.xml +1 -1
  6. package/build/android/radius.xml +2 -1
  7. package/build/android/size.xml +1 -1
  8. package/build/ios/Border.swift +1 -1
  9. package/build/ios/Color.swift +2 -2
  10. package/build/ios/FontSize.swift +1 -1
  11. package/build/ios/Radius.swift +2 -1
  12. package/build/ios/Size.swift +1 -1
  13. package/build/rn/icons/TagFilled.js +44 -0
  14. package/build/rn/icons/TagFilled.native.js +43 -0
  15. package/build/rn/icons/index.js +1 -0
  16. package/build/rn/icons/tag-filled.icon.svg +3 -0
  17. package/build/rn/palette.js +4 -2
  18. package/build/web/fonts/fonts-cdn-family.css +8 -8
  19. package/build/web/fonts/fonts-cdn.css +8 -8
  20. package/build/web/fonts/fonts-local-family.css +8 -8
  21. package/build/web/fonts/fonts-local.css +8 -8
  22. package/build/web/icons/TagFilled.js +44 -0
  23. package/build/web/icons/index.js +1 -0
  24. package/build/web/icons/tag-filled.icon.svg +3 -0
  25. package/build/web/palette.js +12 -10
  26. package/package.json +2 -2
  27. package/palette.json +4 -1
  28. /package/build/web/fonts/{HNforTELUSSA-Bd-v4_1_5.otf → HNforTELUSSA-Bd-v4_3_0.otf} +0 -0
  29. /package/build/web/fonts/{HNforTELUSSA-Display-v4_1_5.otf → HNforTELUSSA-Display-v4_3_0.otf} +0 -0
  30. /package/build/web/fonts/{HNforTELUSSA-Md-v4_1_5.otf → HNforTELUSSA-Md-v4_3_0.otf} +0 -0
  31. /package/build/web/fonts/{HNforTELUSSA-v4_1_5.otf → HNforTELUSSA-v4_3_0.otf} +0 -0
  32. /package/build/web/fonts/{HNforTELUSSABold_normal_normal-v4_1_5.woff → HNforTELUSSABold_normal_normal-v4_3_0.woff} +0 -0
  33. /package/build/web/fonts/{HNforTELUSSADisplay_normal_normal-v4_1_5.woff → HNforTELUSSADisplay_normal_normal-v4_3_0.woff} +0 -0
  34. /package/build/web/fonts/{HNforTELUSSAMedium_normal_normal-v4_1_5.woff → HNforTELUSSAMedium_normal_normal-v4_3_0.woff} +0 -0
  35. /package/build/web/fonts/{HNforTELUSSARegular_normal_normal-v4_1_5.woff → HNforTELUSSARegular_normal_normal-v4_3_0.woff} +0 -0
package/CHANGELOG.json CHANGED
@@ -2,7 +2,55 @@
2
2
  "name": "@telus-uds/palettes-community.palette-casa",
3
3
  "entries": [
4
4
  {
5
- "date": "Thu, 01 May 2025 20:07:44 GMT",
5
+ "date": "Tue, 10 Jun 2025 20:18:03 GMT",
6
+ "tag": "@telus-uds/palettes-community.palette-casa_v4.3.0",
7
+ "version": "4.3.0",
8
+ "comments": {
9
+ "minor": [
10
+ {
11
+ "author": "sergio.ramirez@telus.com",
12
+ "package": "@telus-uds/palettes-community.palette-casa",
13
+ "commit": "7a55eb0047052205223ab20fb9ca4d11df977912",
14
+ "comment": "`amberDark`: color update in rgb"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@telus-uds/palettes-community.palette-casa",
19
+ "comment": "Bump @telus-uds/system-tokens to v1.4.0",
20
+ "commit": "7a55eb0047052205223ab20fb9ca4d11df977912"
21
+ }
22
+ ]
23
+ }
24
+ },
25
+ {
26
+ "date": "Fri, 23 May 2025 15:15:58 GMT",
27
+ "tag": "@telus-uds/palettes-community.palette-casa_v4.2.0",
28
+ "version": "4.2.0",
29
+ "comments": {
30
+ "minor": [
31
+ {
32
+ "author": "vishal.jindal@telus.com",
33
+ "package": "@telus-uds/palettes-community.palette-casa",
34
+ "commit": "b8e33c4346b43c95cd6c9e16487c9313d7561d55",
35
+ "comment": "`Checkbox`: UDS-Casa Checkbox enhancement "
36
+ },
37
+ {
38
+ "author": "shivam.gupta3@telus.com",
39
+ "package": "@telus-uds/palettes-community.palette-casa",
40
+ "commit": "b8e33c4346b43c95cd6c9e16487c9313d7561d55",
41
+ "comment": "`Select`: chevron icon color set to default"
42
+ },
43
+ {
44
+ "author": "beachball",
45
+ "package": "@telus-uds/palettes-community.palette-casa",
46
+ "comment": "Bump @telus-uds/system-tokens to v1.3.1",
47
+ "commit": "b8e33c4346b43c95cd6c9e16487c9313d7561d55"
48
+ }
49
+ ]
50
+ }
51
+ },
52
+ {
53
+ "date": "Thu, 01 May 2025 20:13:57 GMT",
6
54
  "tag": "@telus-uds/palettes-community.palette-casa_v4.1.5",
7
55
  "version": "4.1.5",
8
56
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,31 @@
1
1
  # Change Log - @telus-uds/palettes-community.palette-casa
2
2
 
3
- This log was last generated on Thu, 01 May 2025 20:07:44 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 10 Jun 2025 20:18:03 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 4.3.0
8
+
9
+ Tue, 10 Jun 2025 20:18:03 GMT
10
+
11
+ ### Minor changes
12
+
13
+ - `amberDark`: color update in rgb (sergio.ramirez@telus.com)
14
+ - Bump @telus-uds/system-tokens to v1.4.0
15
+
16
+ ## 4.2.0
17
+
18
+ Fri, 23 May 2025 15:15:58 GMT
19
+
20
+ ### Minor changes
21
+
22
+ - `Checkbox`: UDS-Casa Checkbox enhancement (vishal.jindal@telus.com)
23
+ - `Select`: chevron icon color set to default (shivam.gupta3@telus.com)
24
+ - Bump @telus-uds/system-tokens to v1.3.1
25
+
7
26
  ## 4.1.5
8
27
 
9
- Thu, 01 May 2025 20:07:44 GMT
28
+ Thu, 01 May 2025 20:13:57 GMT
10
29
 
11
30
  ### Patches
12
31
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Thu, 01 May 2025 20:10:51 GMT
5
+ Generated on Tue, 10 Jun 2025 20:21:22 GMT
6
6
  -->
7
7
 
8
8
  <resources>
@@ -2,12 +2,12 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Thu, 01 May 2025 20:10:51 GMT
5
+ Generated on Tue, 10 Jun 2025 20:21:22 GMT
6
6
  -->
7
7
 
8
8
  <resources>
9
9
  <color name="amber">#fffaca69</color>
10
- <color name="amber_dark">#ffb4872c</color>
10
+ <color name="amber_dark">#ffc77539</color>
11
11
  <color name="amber_light">#fffff9ee</color>
12
12
  <color name="bg_modal">#f7f4f4f7</color>
13
13
  <color name="black">#ff000000</color>
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Thu, 01 May 2025 20:10:51 GMT
5
+ Generated on Tue, 10 Jun 2025 20:21:22 GMT
6
6
  -->
7
7
 
8
8
  <resources>
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Thu, 01 May 2025 20:10:51 GMT
5
+ Generated on Tue, 10 Jun 2025 20:21:22 GMT
6
6
  -->
7
7
 
8
8
  <resources>
@@ -19,6 +19,7 @@
19
19
  <dimen name="radius_8">8.00dp</dimen>
20
20
  <dimen name="radius_99">99.00dp</dimen>
21
21
  <dimen name="radius_15">15.00dp</dimen>
22
+ <dimen name="radius_2">2.00dp</dimen>
22
23
  <dimen name="radius_20">20.00dp</dimen>
23
24
  <dimen name="radius_3">3.00dp</dimen>
24
25
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Thu, 01 May 2025 20:10:51 GMT
5
+ Generated on Tue, 10 Jun 2025 20:21:22 GMT
6
6
  -->
7
7
 
8
8
  <resources>
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Thu, 01 May 2025 20:10:51 GMT
7
+ // Generated on Tue, 10 Jun 2025 20:21:22 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -4,14 +4,14 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Thu, 01 May 2025 20:10:51 GMT
7
+ // Generated on Tue, 10 Jun 2025 20:21:22 GMT
8
8
 
9
9
 
10
10
  import UIKit
11
11
 
12
12
  public enum PaletteColor {
13
13
  public static let amber = UIColor(red: 0.980, green: 0.792, blue: 0.412, alpha: 1)
14
- public static let amberDark = UIColor(red: 0.706, green: 0.529, blue: 0.173, alpha: 1)
14
+ public static let amberDark = UIColor(red: 0.780, green: 0.459, blue: 0.224, 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
17
  public static let black = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Thu, 01 May 2025 20:10:51 GMT
7
+ // Generated on Tue, 10 Jun 2025 20:21:22 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Thu, 01 May 2025 20:10:51 GMT
7
+ // Generated on Tue, 10 Jun 2025 20:21:22 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -16,6 +16,7 @@ public enum PaletteRadius {
16
16
  public static let radius12 = CGFloat(12)
17
17
  public static let radius15 = CGFloat(15)
18
18
  public static let radius16 = CGFloat(16)
19
+ public static let radius2 = CGFloat(2)
19
20
  public static let radius20 = CGFloat(20)
20
21
  public static let radius24 = CGFloat(24)
21
22
  public static let radius3 = CGFloat(3)
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Thu, 01 May 2025 20:10:51 GMT
7
+ // Generated on Tue, 10 Jun 2025 20:21:22 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -0,0 +1,44 @@
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
+ fillRule: "evenodd",
39
+ d: "M21.498 0a2.516 2.516 0 0 1 2.496 2.336L24 2.5v8c0 .607-.214 1.177-.604 1.624l-.137.145-10.994 10.995c-.41.42-.97.68-1.558.728l-.224.008a2.473 2.473 0 0 1-1.61-.605l-.143-.135-7.993-7.996A2.447 2.447 0 0 1 0 13.499c0-.61.214-1.179.606-1.626l.137-.144.148-.137L11.605.876l.047-.055.087-.088a2.453 2.453 0 0 1 1.55-.725L13.487 0h8.012ZM18.6 2.999a2.001 2.001 0 1 0 .003 4.003 2.001 2.001 0 0 0-.003-4.003Z",
40
+ clipRule: "evenodd"
41
+ })]
42
+ });
43
+ return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
44
+ };
@@ -0,0 +1,43 @@
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
+ fillRule: "evenodd",
38
+ d: "M21.498 0a2.516 2.516 0 0 1 2.496 2.336L24 2.5v8c0 .607-.214 1.177-.604 1.624l-.137.145-10.994 10.995c-.41.42-.97.68-1.558.728l-.224.008a2.473 2.473 0 0 1-1.61-.605l-.143-.135-7.993-7.996A2.447 2.447 0 0 1 0 13.499c0-.61.214-1.179.606-1.626l.137-.144.148-.137L11.605.876l.047-.055.087-.088a2.453 2.453 0 0 1 1.55-.725L13.487 0h8.012ZM18.6 2.999a2.001 2.001 0 1 0 .003 4.003 2.001 2.001 0 0 0-.003-4.003Z",
39
+ clipRule: "evenodd"
40
+ })]
41
+ });
42
+ return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
43
+ };
@@ -251,6 +251,7 @@ module.exports = {
251
251
  TVEntertainment: require('./TVEntertainment'),
252
252
  Tablet: require('./Tablet'),
253
253
  Tag: require('./Tag'),
254
+ TagFilled: require('./TagFilled'),
254
255
  Target: require('./Target'),
255
256
  Tasks: require('./Tasks'),
256
257
  Teapot: require('./Teapot'),
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path fill-rule="evenodd" d="M21.498 0a2.516 2.516 0 0 1 2.496 2.336L24 2.5v8c0 .607-.214 1.177-.604 1.624l-.137.145-10.994 10.995c-.41.42-.97.68-1.558.728l-.224.008a2.473 2.473 0 0 1-1.61-.605l-.143-.135-7.993-7.996A2.447 2.447 0 0 1 0 13.499c0-.61.214-1.179.606-1.626l.137-.144.148-.137L11.605.876l.047-.055.087-.088a2.453 2.453 0 0 1 1.55-.725L13.487 0h8.012ZM18.6 2.999a2.001 2.001 0 1 0 .003 4.003 2.001 2.001 0 0 0-.003-4.003Z" clip-rule="evenodd"/>
3
+ </svg>
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 01 May 2025 20:10:56 GMT
3
+ * Generated on Tue, 10 Jun 2025 20:21:27 GMT
4
4
  */
5
5
  module.exports = {
6
6
  border: {
@@ -12,7 +12,7 @@ module.exports = {
12
12
  },
13
13
  color: {
14
14
  amber: '#faca69',
15
- amberDark: '#b4872c',
15
+ amberDark: '#c77539',
16
16
  amberLight: '#fff9ee',
17
17
  bgModal: 'rgba(244, 244, 247, 0.97)',
18
18
  black: '#000000',
@@ -437,6 +437,7 @@ module.exports = {
437
437
  TVEntertainment: '@telus-uds/palettes-community.palette-casa/build/rn/icons/tventertainment.icon.svg',
438
438
  Tablet: '@telus-uds/palettes-community.palette-casa/build/rn/icons/tablet.icon.svg',
439
439
  Tag: '@telus-uds/palettes-community.palette-casa/build/rn/icons/tag.icon.svg',
440
+ TagFilled: '@telus-uds/palettes-community.palette-casa/build/rn/icons/tag-filled.icon.svg',
440
441
  Target: '@telus-uds/palettes-community.palette-casa/build/rn/icons/target.icon.svg',
441
442
  Tasks: '@telus-uds/palettes-community.palette-casa/build/rn/icons/tasks.icon.svg',
442
443
  Teapot: '@telus-uds/palettes-community.palette-casa/build/rn/icons/teapot.icon.svg',
@@ -528,6 +529,7 @@ module.exports = {
528
529
  radius8: 8,
529
530
  radius99: 99,
530
531
  radius15: 15,
532
+ radius2: 2,
531
533
  radius20: 20,
532
534
  radius3: 3
533
535
  },
@@ -1,55 +1,55 @@
1
1
  @font-face {
2
2
  font-family: 'HNforTELUSSA';
3
- src: url('https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal-v4_1_5.woff');
3
+ src: url('https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal-v4_3_0.woff');
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: 'HNforTELUSSA';
10
- src: url('https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal-v4_1_5.woff');
10
+ src: url('https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal-v4_3_0.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: 'HNforTELUSSA';
17
- src: url('https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal-v4_1_5.woff');
17
+ src: url('https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal-v4_3_0.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: 'HNforTELUSSA';
24
- src: url('https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal-v4_1_5.woff');
24
+ src: url('https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal-v4_3_0.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: 'HNforTELUSSAOTF';
31
- src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Display-v4_1_5.otf');
31
+ src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Display-v4_3_0.otf');
32
32
  font-weight: 300;
33
33
  font-style: normal;
34
34
  font-display: block;
35
35
  }
36
36
  @font-face {
37
37
  font-family: 'HNforTELUSSAOTF';
38
- src: url('https://cdn.telus.digital/uds/HNforTELUSSA-v4_1_5.otf');
38
+ src: url('https://cdn.telus.digital/uds/HNforTELUSSA-v4_3_0.otf');
39
39
  font-weight: 400;
40
40
  font-style: normal;
41
41
  font-display: block;
42
42
  }
43
43
  @font-face {
44
44
  font-family: 'HNforTELUSSAOTF';
45
- src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Md-v4_1_5.otf');
45
+ src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Md-v4_3_0.otf');
46
46
  font-weight: 500;
47
47
  font-style: normal;
48
48
  font-display: block;
49
49
  }
50
50
  @font-face {
51
51
  font-family: 'HNforTELUSSAOTF';
52
- src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Bd-v4_1_5.otf');
52
+ src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Bd-v4_3_0.otf');
53
53
  font-weight: 700;
54
54
  font-style: normal;
55
55
  font-display: block;
@@ -1,40 +1,40 @@
1
1
  @font-face {
2
2
  font-family: 'HNforTELUSSA300normal';
3
- src: url('https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal-v4_1_5.woff');
3
+ src: url('https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal-v4_3_0.woff');
4
4
  font-display: block;
5
5
  }
6
6
  @font-face {
7
7
  font-family: 'HNforTELUSSA400normal';
8
- src: url('https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal-v4_1_5.woff');
8
+ src: url('https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal-v4_3_0.woff');
9
9
  font-display: block;
10
10
  }
11
11
  @font-face {
12
12
  font-family: 'HNforTELUSSA500normal';
13
- src: url('https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal-v4_1_5.woff');
13
+ src: url('https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal-v4_3_0.woff');
14
14
  font-display: block;
15
15
  }
16
16
  @font-face {
17
17
  font-family: 'HNforTELUSSA700normal';
18
- src: url('https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal-v4_1_5.woff');
18
+ src: url('https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal-v4_3_0.woff');
19
19
  font-display: block;
20
20
  }
21
21
  @font-face {
22
22
  font-family: 'HNforTELUSSAOTF300normal';
23
- src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Display-v4_1_5.otf');
23
+ src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Display-v4_3_0.otf');
24
24
  font-display: block;
25
25
  }
26
26
  @font-face {
27
27
  font-family: 'HNforTELUSSAOTF400normal';
28
- src: url('https://cdn.telus.digital/uds/HNforTELUSSA-v4_1_5.otf');
28
+ src: url('https://cdn.telus.digital/uds/HNforTELUSSA-v4_3_0.otf');
29
29
  font-display: block;
30
30
  }
31
31
  @font-face {
32
32
  font-family: 'HNforTELUSSAOTF500normal';
33
- src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Md-v4_1_5.otf');
33
+ src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Md-v4_3_0.otf');
34
34
  font-display: block;
35
35
  }
36
36
  @font-face {
37
37
  font-family: 'HNforTELUSSAOTF700normal';
38
- src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Bd-v4_1_5.otf');
38
+ src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Bd-v4_3_0.otf');
39
39
  font-display: block;
40
40
  }
@@ -1,55 +1,55 @@
1
1
  @font-face {
2
2
  font-family: 'HNforTELUSSA';
3
- src: url('./HNforTELUSSADisplay_normal_normal-v4_1_5.woff');
3
+ src: url('./HNforTELUSSADisplay_normal_normal-v4_3_0.woff');
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: 'HNforTELUSSA';
10
- src: url('./HNforTELUSSARegular_normal_normal-v4_1_5.woff');
10
+ src: url('./HNforTELUSSARegular_normal_normal-v4_3_0.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: 'HNforTELUSSA';
17
- src: url('./HNforTELUSSAMedium_normal_normal-v4_1_5.woff');
17
+ src: url('./HNforTELUSSAMedium_normal_normal-v4_3_0.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: 'HNforTELUSSA';
24
- src: url('./HNforTELUSSABold_normal_normal-v4_1_5.woff');
24
+ src: url('./HNforTELUSSABold_normal_normal-v4_3_0.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: 'HNforTELUSSAOTF';
31
- src: url('./HNforTELUSSA-Display-v4_1_5.otf');
31
+ src: url('./HNforTELUSSA-Display-v4_3_0.otf');
32
32
  font-weight: 300;
33
33
  font-style: normal;
34
34
  font-display: block;
35
35
  }
36
36
  @font-face {
37
37
  font-family: 'HNforTELUSSAOTF';
38
- src: url('./HNforTELUSSA-v4_1_5.otf');
38
+ src: url('./HNforTELUSSA-v4_3_0.otf');
39
39
  font-weight: 400;
40
40
  font-style: normal;
41
41
  font-display: block;
42
42
  }
43
43
  @font-face {
44
44
  font-family: 'HNforTELUSSAOTF';
45
- src: url('./HNforTELUSSA-Md-v4_1_5.otf');
45
+ src: url('./HNforTELUSSA-Md-v4_3_0.otf');
46
46
  font-weight: 500;
47
47
  font-style: normal;
48
48
  font-display: block;
49
49
  }
50
50
  @font-face {
51
51
  font-family: 'HNforTELUSSAOTF';
52
- src: url('./HNforTELUSSA-Bd-v4_1_5.otf');
52
+ src: url('./HNforTELUSSA-Bd-v4_3_0.otf');
53
53
  font-weight: 700;
54
54
  font-style: normal;
55
55
  font-display: block;
@@ -1,40 +1,40 @@
1
1
  @font-face {
2
2
  font-family: 'HNforTELUSSA300normal';
3
- src: url('./HNforTELUSSADisplay_normal_normal-v4_1_5.woff');
3
+ src: url('./HNforTELUSSADisplay_normal_normal-v4_3_0.woff');
4
4
  font-display: block;
5
5
  }
6
6
  @font-face {
7
7
  font-family: 'HNforTELUSSA400normal';
8
- src: url('./HNforTELUSSARegular_normal_normal-v4_1_5.woff');
8
+ src: url('./HNforTELUSSARegular_normal_normal-v4_3_0.woff');
9
9
  font-display: block;
10
10
  }
11
11
  @font-face {
12
12
  font-family: 'HNforTELUSSA500normal';
13
- src: url('./HNforTELUSSAMedium_normal_normal-v4_1_5.woff');
13
+ src: url('./HNforTELUSSAMedium_normal_normal-v4_3_0.woff');
14
14
  font-display: block;
15
15
  }
16
16
  @font-face {
17
17
  font-family: 'HNforTELUSSA700normal';
18
- src: url('./HNforTELUSSABold_normal_normal-v4_1_5.woff');
18
+ src: url('./HNforTELUSSABold_normal_normal-v4_3_0.woff');
19
19
  font-display: block;
20
20
  }
21
21
  @font-face {
22
22
  font-family: 'HNforTELUSSAOTF300normal';
23
- src: url('./HNforTELUSSA-Display-v4_1_5.otf');
23
+ src: url('./HNforTELUSSA-Display-v4_3_0.otf');
24
24
  font-display: block;
25
25
  }
26
26
  @font-face {
27
27
  font-family: 'HNforTELUSSAOTF400normal';
28
- src: url('./HNforTELUSSA-v4_1_5.otf');
28
+ src: url('./HNforTELUSSA-v4_3_0.otf');
29
29
  font-display: block;
30
30
  }
31
31
  @font-face {
32
32
  font-family: 'HNforTELUSSAOTF500normal';
33
- src: url('./HNforTELUSSA-Md-v4_1_5.otf');
33
+ src: url('./HNforTELUSSA-Md-v4_3_0.otf');
34
34
  font-display: block;
35
35
  }
36
36
  @font-face {
37
37
  font-family: 'HNforTELUSSAOTF700normal';
38
- src: url('./HNforTELUSSA-Bd-v4_1_5.otf');
38
+ src: url('./HNforTELUSSA-Bd-v4_3_0.otf');
39
39
  font-display: block;
40
40
  }
@@ -0,0 +1,44 @@
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
+ fillRule: "evenodd",
39
+ d: "M21.498 0a2.516 2.516 0 0 1 2.496 2.336L24 2.5v8c0 .607-.214 1.177-.604 1.624l-.137.145-10.994 10.995c-.41.42-.97.68-1.558.728l-.224.008a2.473 2.473 0 0 1-1.61-.605l-.143-.135-7.993-7.996A2.447 2.447 0 0 1 0 13.499c0-.61.214-1.179.606-1.626l.137-.144.148-.137L11.605.876l.047-.055.087-.088a2.453 2.453 0 0 1 1.55-.725L13.487 0h8.012ZM18.6 2.999a2.001 2.001 0 1 0 .003 4.003 2.001 2.001 0 0 0-.003-4.003Z",
40
+ clipRule: "evenodd"
41
+ })]
42
+ });
43
+ return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
44
+ };
@@ -251,6 +251,7 @@ module.exports = {
251
251
  TVEntertainment: require('./TVEntertainment'),
252
252
  Tablet: require('./Tablet'),
253
253
  Tag: require('./Tag'),
254
+ TagFilled: require('./TagFilled'),
254
255
  Target: require('./Target'),
255
256
  Tasks: require('./Tasks'),
256
257
  Teapot: require('./Teapot'),
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path fill-rule="evenodd" d="M21.498 0a2.516 2.516 0 0 1 2.496 2.336L24 2.5v8c0 .607-.214 1.177-.604 1.624l-.137.145-10.994 10.995c-.41.42-.97.68-1.558.728l-.224.008a2.473 2.473 0 0 1-1.61-.605l-.143-.135-7.993-7.996A2.447 2.447 0 0 1 0 13.499c0-.61.214-1.179.606-1.626l.137-.144.148-.137L11.605.876l.047-.055.087-.088a2.453 2.453 0 0 1 1.55-.725L13.487 0h8.012ZM18.6 2.999a2.001 2.001 0 1 0 .003 4.003 2.001 2.001 0 0 0-.003-4.003Z" clip-rule="evenodd"/>
3
+ </svg>
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 01 May 2025 20:10:51 GMT
3
+ * Generated on Tue, 10 Jun 2025 20:21:22 GMT
4
4
  */
5
5
  module.exports = {
6
6
  border: {
@@ -12,7 +12,7 @@ module.exports = {
12
12
  },
13
13
  color: {
14
14
  amber: '#faca69',
15
- amberDark: '#b4872c',
15
+ amberDark: '#c77539',
16
16
  amberLight: '#fff9ee',
17
17
  bgModal: 'rgba(244, 244, 247, 0.97)',
18
18
  black: '#000000',
@@ -81,16 +81,16 @@ module.exports = {
81
81
  },
82
82
  font: {
83
83
  HNforTELUSSA: {
84
- 300: 'https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal-v4_1_5.woff',
85
- 400: 'https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal-v4_1_5.woff',
86
- 500: 'https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal-v4_1_5.woff',
87
- 700: 'https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal-v4_1_5.woff'
84
+ 300: 'https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal-v4_3_0.woff',
85
+ 400: 'https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal-v4_3_0.woff',
86
+ 500: 'https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal-v4_3_0.woff',
87
+ 700: 'https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal-v4_3_0.woff'
88
88
  },
89
89
  HNforTELUSSAOTF: {
90
- 300: 'https://cdn.telus.digital/uds/HNforTELUSSA-Display-v4_1_5.otf',
91
- 400: 'https://cdn.telus.digital/uds/HNforTELUSSA-v4_1_5.otf',
92
- 500: 'https://cdn.telus.digital/uds/HNforTELUSSA-Md-v4_1_5.otf',
93
- 700: 'https://cdn.telus.digital/uds/HNforTELUSSA-Bd-v4_1_5.otf'
90
+ 300: 'https://cdn.telus.digital/uds/HNforTELUSSA-Display-v4_3_0.otf',
91
+ 400: 'https://cdn.telus.digital/uds/HNforTELUSSA-v4_3_0.otf',
92
+ 500: 'https://cdn.telus.digital/uds/HNforTELUSSA-Md-v4_3_0.otf',
93
+ 700: 'https://cdn.telus.digital/uds/HNforTELUSSA-Bd-v4_3_0.otf'
94
94
  }
95
95
  },
96
96
  fontSize: {
@@ -369,6 +369,7 @@ module.exports = {
369
369
  TVEntertainment: '@telus-uds/palettes-community.palette-casa/build/web/icons/tventertainment.icon.svg',
370
370
  Tablet: '@telus-uds/palettes-community.palette-casa/build/web/icons/tablet.icon.svg',
371
371
  Tag: '@telus-uds/palettes-community.palette-casa/build/web/icons/tag.icon.svg',
372
+ TagFilled: '@telus-uds/palettes-community.palette-casa/build/web/icons/tag-filled.icon.svg',
372
373
  Target: '@telus-uds/palettes-community.palette-casa/build/web/icons/target.icon.svg',
373
374
  Tasks: '@telus-uds/palettes-community.palette-casa/build/web/icons/tasks.icon.svg',
374
375
  Teapot: '@telus-uds/palettes-community.palette-casa/build/web/icons/teapot.icon.svg',
@@ -460,6 +461,7 @@ module.exports = {
460
461
  radius8: '8px',
461
462
  radius99: '99px',
462
463
  radius15: '15px',
464
+ radius2: '2px',
463
465
  radius20: '20px',
464
466
  radius3: '3px'
465
467
  },
package/package.json CHANGED
@@ -18,9 +18,9 @@
18
18
  "prepublishOnly": "npm run build"
19
19
  },
20
20
  "devDependencies": {
21
- "@telus-uds/system-tokens": "^1.3.0",
21
+ "@telus-uds/system-tokens": "^1.4.0",
22
22
  "@telus-uds/palette-allium": "*"
23
23
  },
24
24
  "sideEffects": false,
25
- "version": "4.1.5"
25
+ "version": "4.3.0"
26
26
  }
package/palette.json CHANGED
@@ -16,7 +16,7 @@
16
16
  "values": {
17
17
  "amberDark": {
18
18
  "description": "Dark Amber",
19
- "value": "rgb(180, 135, 44)"
19
+ "value": "rgb(199, 117, 57)"
20
20
  },
21
21
  "amberLight": {
22
22
  "description": "Light Amber",
@@ -294,6 +294,9 @@
294
294
  "radius15": {
295
295
  "value": 15
296
296
  },
297
+ "radius2": {
298
+ "value": 2
299
+ },
297
300
  "radius20": {
298
301
  "value": 20
299
302
  },