@telus-uds/palettes-community.palette-casa 1.5.1 → 1.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/build/android/border.xml +1 -1
  2. package/build/android/color.xml +2 -1
  3. package/build/android/font_size.xml +1 -1
  4. package/build/android/radius.xml +2 -1
  5. package/build/android/size.xml +8 -1
  6. package/build/ios/Border.swift +1 -1
  7. package/build/ios/Color.swift +2 -1
  8. package/build/ios/FontSize.swift +1 -1
  9. package/build/ios/Radius.swift +2 -1
  10. package/build/ios/Size.swift +8 -1
  11. package/build/rn/icons/ChevronDown.js +5 -4
  12. package/build/rn/icons/ChevronDown.native.js +5 -4
  13. package/build/rn/icons/StatusInfo.js +28 -0
  14. package/build/rn/icons/StatusInfo.native.js +27 -0
  15. package/build/rn/icons/chevron-down.icon.svg +3 -3
  16. package/build/rn/icons/index.js +1 -0
  17. package/build/rn/icons/status-info.icon.svg +3 -0
  18. package/build/rn/palette.js +12 -2
  19. package/build/web/fonts/fonts-cdn-family.css +7 -7
  20. package/build/web/fonts/fonts-cdn.css +7 -7
  21. package/build/web/fonts/fonts-local-family.css +7 -7
  22. package/build/web/fonts/fonts-local.css +7 -7
  23. package/build/web/icons/ChevronDown.js +5 -4
  24. package/build/web/icons/StatusInfo.js +28 -0
  25. package/build/web/icons/chevron-down.icon.svg +3 -3
  26. package/build/web/icons/index.js +1 -0
  27. package/build/web/icons/status-info.icon.svg +3 -0
  28. package/build/web/palette.js +19 -9
  29. package/package.json +2 -2
  30. package/palette.json +30 -1
  31. /package/build/web/fonts/{v1_5_1-HelveticaNow-300-l1je9SJ8hI5x1_766m4Hg.otf → v1_7_0-HelveticaNow-300-TdvLwnCDNgL3F2i951kQx.otf} +0 -0
  32. /package/build/web/fonts/{v1_5_1-HelveticaNow-400-vj3JRabzMJ8PIpL2Yzr8f.woff → v1_7_0-HelveticaNow-400-E-iLir2rWQH0JMtFxL91d.woff} +0 -0
  33. /package/build/web/fonts/{v1_5_1-HelveticaNow-500-GUe3T6y82tJkf-m7sFg4_.woff → v1_7_0-HelveticaNow-500-OG_wvDaGY9-jT_eZeJmyb.woff} +0 -0
  34. /package/build/web/fonts/{v1_5_1-HelveticaNow-700-reaNaQ-fOXaHFOvNF7xx0.woff → v1_7_0-HelveticaNow-700--hwImqmrRXmoytSemjP_E.woff} +0 -0
  35. /package/build/web/fonts/{v1_5_1-HelveticaNowOTF-400-rTP6BIm3dwG1ZTtXbjxyZ.otf → v1_7_0-HelveticaNowOTF-400-wE6bEwNFscjI3r5JSro7W.otf} +0 -0
  36. /package/build/web/fonts/{v1_5_1-HelveticaNowOTF-500-oKx8bFrd6jaMMIe_mp52z.otf → v1_7_0-HelveticaNowOTF-500-F1INnIDK8jFHatCm3y8AE.otf} +0 -0
  37. /package/build/web/fonts/{v1_5_1-HelveticaNowOTF-700-U5EN9dWVHl98RiWPCOykV.otf → v1_7_0-HelveticaNowOTF-700-KS70AtGIIsqeN56DfLZh1.otf} +0 -0
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Fri, 01 Dec 2023 21:07:55 GMT
5
+ Generated on Mon, 08 Jan 2024 20:14:43 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 Fri, 01 Dec 2023 21:07:55 GMT
5
+ Generated on Mon, 08 Jan 2024 20:14:43 GMT
6
6
  -->
7
7
 
8
8
  <resources>
@@ -55,6 +55,7 @@
55
55
  <color name="error_red_light">#fffff6f8</color>
56
56
  <color name="gainsboro">#ffd8d8d8</color>
57
57
  <color name="success_green_light">#fff4f9f2</color>
58
+ <color name="telus_purple">#ff4b286d</color>
58
59
  <color name="white_lilac">#fff2eff4</color>
59
60
 
60
61
  </resources>
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Fri, 01 Dec 2023 21:07:55 GMT
5
+ Generated on Mon, 08 Jan 2024 20:14:43 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 Fri, 01 Dec 2023 21:07:55 GMT
5
+ Generated on Mon, 08 Jan 2024 20:14:43 GMT
6
6
  -->
7
7
 
8
8
  <resources>
@@ -14,6 +14,7 @@
14
14
  <dimen name="radius_24">24.00dp</dimen>
15
15
  <dimen name="radius_32">32.00dp</dimen>
16
16
  <dimen name="radius_4">4.00dp</dimen>
17
+ <dimen name="radius_45">45.00dp</dimen>
17
18
  <dimen name="radius_6">6.00dp</dimen>
18
19
  <dimen name="radius_8">8.00dp</dimen>
19
20
  <dimen name="radius_20">20.00dp</dimen>
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Fri, 01 Dec 2023 21:07:55 GMT
5
+ Generated on Mon, 08 Jan 2024 20:14:43 GMT
6
6
  -->
7
7
 
8
8
  <resources>
@@ -38,8 +38,10 @@
38
38
  <dimen name="size_40">40.00dp</dimen>
39
39
  <dimen name="size_412">412.00dp</dimen>
40
40
  <dimen name="size_44">44.00dp</dimen>
41
+ <dimen name="size_45">45.00dp</dimen>
41
42
  <dimen name="size_48">48.00dp</dimen>
42
43
  <dimen name="size_480">480.00dp</dimen>
44
+ <dimen name="size_53">53.00dp</dimen>
43
45
  <dimen name="size_544">544.00dp</dimen>
44
46
  <dimen name="size_56">56.00dp</dimen>
45
47
  <dimen name="size_576">576.00dp</dimen>
@@ -54,5 +56,10 @@
54
56
  <dimen name="size_91">91.00dp</dimen>
55
57
  <dimen name="size_95">95.00dp</dimen>
56
58
  <dimen name="size_96">96.00dp</dimen>
59
+ <dimen name="size_1024">1024.00dp</dimen>
60
+ <dimen name="size_5">5.00dp</dimen>
61
+ <dimen name="size_600">600.00dp</dimen>
62
+ <dimen name="size_750">750.00dp</dimen>
63
+ <dimen name="size_900">900.00dp</dimen>
57
64
 
58
65
  </resources>
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Fri, 01 Dec 2023 21:07:55 GMT
7
+ // Generated on Mon, 08 Jan 2024 20:14:43 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 Fri, 01 Dec 2023 21:07:55 GMT
7
+ // Generated on Mon, 08 Jan 2024 20:14:43 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -57,6 +57,7 @@ public enum PaletteColor {
57
57
  public static let redDarker = UIColor(red: 0.337, green: 0.047, blue: 0.047, alpha: 1)
58
58
  public static let redLight = UIColor(red: 1.000, green: 0.965, blue: 0.973, alpha: 1)
59
59
  public static let successGreenLight = UIColor(red: 0.957, green: 0.976, blue: 0.949, alpha: 1)
60
+ public static let telusPurple = UIColor(red: 0.294, green: 0.157, blue: 0.427, alpha: 1)
60
61
  public static let transparent = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0)
61
62
  public static let white = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
62
63
  public static let whiteLilac = UIColor(red: 0.949, green: 0.937, blue: 0.957, alpha: 1)
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Fri, 01 Dec 2023 21:07:55 GMT
7
+ // Generated on Mon, 08 Jan 2024 20:14:43 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 Fri, 01 Dec 2023 21:07:55 GMT
7
+ // Generated on Mon, 08 Jan 2024 20:14:43 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -19,6 +19,7 @@ public enum PaletteRadius {
19
19
  public static let radius24 = CGFloat(24)
20
20
  public static let radius32 = CGFloat(32)
21
21
  public static let radius4 = CGFloat(4)
22
+ public static let radius45 = CGFloat(45)
22
23
  public static let radius6 = CGFloat(6)
23
24
  public static let radius8 = CGFloat(8)
24
25
  }
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Fri, 01 Dec 2023 21:07:55 GMT
7
+ // Generated on Mon, 08 Jan 2024 20:14:43 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -13,6 +13,7 @@ public enum PaletteSize {
13
13
  public static let size0 = CGFloat(0)
14
14
  public static let size1 = CGFloat(1)
15
15
  public static let size10 = CGFloat(10)
16
+ public static let size1024 = CGFloat(1024)
16
17
  public static let size12 = CGFloat(12)
17
18
  public static let size120 = CGFloat(120)
18
19
  public static let size128 = CGFloat(128)
@@ -42,19 +43,25 @@ public enum PaletteSize {
42
43
  public static let size40 = CGFloat(40)
43
44
  public static let size412 = CGFloat(412)
44
45
  public static let size44 = CGFloat(44)
46
+ public static let size45 = CGFloat(45)
45
47
  public static let size48 = CGFloat(48)
46
48
  public static let size480 = CGFloat(480)
49
+ public static let size5 = CGFloat(5)
50
+ public static let size53 = CGFloat(53)
47
51
  public static let size544 = CGFloat(544)
48
52
  public static let size56 = CGFloat(56)
49
53
  public static let size576 = CGFloat(576)
50
54
  public static let size6 = CGFloat(6)
55
+ public static let size600 = CGFloat(600)
51
56
  public static let size630 = CGFloat(630)
52
57
  public static let size64 = CGFloat(64)
53
58
  public static let size640 = CGFloat(640)
54
59
  public static let size72 = CGFloat(72)
60
+ public static let size750 = CGFloat(750)
55
61
  public static let size768 = CGFloat(768)
56
62
  public static let size8 = CGFloat(8)
57
63
  public static let size80 = CGFloat(80)
64
+ public static let size900 = CGFloat(900)
58
65
  public static let size91 = CGFloat(91)
59
66
  public static let size95 = CGFloat(95)
60
67
  public static let size96 = CGFloat(96)
@@ -10,9 +10,8 @@ module.exports = ({
10
10
  }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
11
11
  ...props,
12
12
  xmlns: "http://www.w3.org/2000/svg",
13
- viewBox: "0 0 24 30",
14
- height: size,
15
13
  width: size,
14
+ height: size,
16
15
  fill: color,
17
16
  role: title ? 'img' : undefined,
18
17
  "aria-hidden": !title,
@@ -21,7 +20,9 @@ module.exports = ({
21
20
  id: titleId,
22
21
  children: title
23
22
  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
24
- d: "M17.794 9.183c-.352-.3-.704-.138-.907.062l-4.89 4.496-4.88-4.496c-.179-.164-.626-.425-.952-.062-.325.363-.1.733.078.897l5.392 5.797a.49.49 0 0 0 .65 0l5.51-5.797c.184-.145.35-.596 0-.897Z",
25
- fill: "#2B8000"
23
+ fill: "#2B8000",
24
+ fillRule: "evenodd",
25
+ d: "M14.828 7.653c-.293-.25-.587-.115-.756.051l-4.075 3.747-4.066-3.747c-.149-.136-.522-.354-.793-.051-.271.302-.084.61.065.747l4.493 4.83a.408.408 0 0 0 .541 0l4.591-4.83c.155-.12.293-.497 0-.747Z",
26
+ clipRule: "evenodd"
26
27
  })]
27
28
  });
@@ -11,16 +11,17 @@ module.exports = ({
11
11
  }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
12
12
  ...props,
13
13
  xmlns: "http://www.w3.org/2000/svg",
14
- viewBox: "0 0 24 30",
15
- height: size,
16
14
  width: size,
15
+ height: size,
17
16
  fill: color,
18
17
  "aria-labelledby": titleId,
19
18
  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
20
19
  id: titleId,
21
20
  children: title
22
21
  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
23
- d: "M17.794 9.183c-.352-.3-.704-.138-.907.062l-4.89 4.496-4.88-4.496c-.179-.164-.626-.425-.952-.062-.325.363-.1.733.078.897l5.392 5.797a.49.49 0 0 0 .65 0l5.51-5.797c.184-.145.35-.596 0-.897Z",
24
- fill: "#2B8000"
22
+ fill: "#2B8000",
23
+ fillRule: "evenodd",
24
+ d: "M14.828 7.653c-.293-.25-.587-.115-.756.051l-4.075 3.747-4.066-3.747c-.149-.136-.522-.354-.793-.051-.271.302-.084.61.065.747l4.493 4.83a.408.408 0 0 0 .541 0l4.591-4.83c.155-.12.293-.497 0-.747Z",
25
+ clipRule: "evenodd"
25
26
  })]
26
27
  });
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ var _jsxRuntime = require("react/jsx-runtime");
4
+ module.exports = ({
5
+ title,
6
+ titleId,
7
+ size,
8
+ color,
9
+ ...props
10
+ }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
11
+ ...props,
12
+ xmlns: "http://www.w3.org/2000/svg",
13
+ viewBox: "0 0 24 24",
14
+ height: size,
15
+ width: size,
16
+ fill: color,
17
+ role: title ? 'img' : undefined,
18
+ "aria-hidden": !title,
19
+ "aria-labelledby": titleId,
20
+ children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
21
+ id: titleId,
22
+ children: title
23
+ }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
24
+ fillRule: "evenodd",
25
+ d: "M12 0C5.376 0 0 5.376 0 12s5.376 12 12 12 12-5.376 12-12S18.624 0 12 0Zm-.662 5.361a.894.894 0 1 1 1.264 1.266.894.894 0 0 1-1.264-1.266Zm0 0 .047.047-.047-.047Zm.855 3.076a.578.578 0 0 0-.633.125l-1.491 1.49-.057.067-.001.002a.575.575 0 0 0 .06.75.579.579 0 0 0 .82 0l.5-.499v6.877h-.914l-.098.01h-.003a.581.581 0 0 0 .104 1.151h2.983l.098-.009h.003a.58.58 0 0 0-.104-1.152h-.91V8.97l-.008-.094v-.002a.576.576 0 0 0-.349-.436Z",
26
+ clipRule: "evenodd"
27
+ })]
28
+ });
@@ -0,0 +1,27 @@
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
+ ...props
11
+ }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
12
+ ...props,
13
+ xmlns: "http://www.w3.org/2000/svg",
14
+ viewBox: "0 0 24 24",
15
+ height: size,
16
+ width: size,
17
+ fill: color,
18
+ "aria-labelledby": titleId,
19
+ children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
20
+ id: titleId,
21
+ children: title
22
+ }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
23
+ fillRule: "evenodd",
24
+ d: "M12 0C5.376 0 0 5.376 0 12s5.376 12 12 12 12-5.376 12-12S18.624 0 12 0Zm-.662 5.361a.894.894 0 1 1 1.264 1.266.894.894 0 0 1-1.264-1.266Zm0 0 .047.047-.047-.047Zm.855 3.076a.578.578 0 0 0-.633.125l-1.491 1.49-.057.067-.001.002a.575.575 0 0 0 .06.75.579.579 0 0 0 .82 0l.5-.499v6.877h-.914l-.098.01h-.003a.581.581 0 0 0 .104 1.151h2.983l.098-.009h.003a.58.58 0 0 0-.104-1.152h-.91V8.97l-.008-.094v-.002a.576.576 0 0 0-.349-.436Z",
25
+ clipRule: "evenodd"
26
+ })]
27
+ });
@@ -1,3 +1,3 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 30">
2
- <path d='M17.7940812,9.18323023 C17.4424627,8.8825106 17.0896181,9.04504427 16.8868854,9.24527574 L11.9968161,13.740553 L7.11722187,9.24527573 C6.93839231,9.08145209 6.49053328,8.81996721 6.16524043,9.18323023 C5.83994757,9.54649326 6.06520964,9.91610528 6.24327169,10.0799289 L11.6348225,15.8766027 C11.8136521,16.0411324 12.1060729,16.0411324 12.2849025,15.8766027 C12.2849025,15.8758965 17.7940809,10.079929 17.7940809,10.079929 C17.9792355,9.93504267 18.1456996,9.48394985 17.7940812,9.18323023 Z' fill="#2B8000"/>
3
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20">
2
+ <path fill="#2B8000" fill-rule="evenodd" d="M14.828 7.653c-.293-.25-.587-.115-.756.051l-4.075 3.747-4.066-3.747c-.149-.136-.522-.354-.793-.051-.271.302-.084.61.065.747l4.493 4.83a.408.408 0 0 0 .541 0l4.591-4.83c.155-.12.293-.497 0-.747Z" clip-rule="evenodd"/>
3
+ </svg>
@@ -208,6 +208,7 @@ module.exports = {
208
208
  Speed: require('./Speed'),
209
209
  SpeedReduced: require('./SpeedReduced'),
210
210
  StatusError: require('./StatusError'),
211
+ StatusInfo: require('./StatusInfo'),
211
212
  StatusSuccess: require('./StatusSuccess'),
212
213
  StatusWarning: require('./StatusWarning'),
213
214
  Subtract: require('./Subtract'),
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path fill-rule="evenodd" d="M12 0C5.376 0 0 5.376 0 12s5.376 12 12 12 12-5.376 12-12S18.624 0 12 0Zm-.662 5.361a.894.894 0 1 1 1.264 1.266.894.894 0 0 1-1.264-1.266Zm0 0 .047.047-.047-.047Zm.855 3.076a.578.578 0 0 0-.633.125l-1.491 1.49-.057.067-.001.002a.575.575 0 0 0 .06.75.579.579 0 0 0 .82 0l.5-.499v6.877h-.914l-.098.01h-.003a.581.581 0 0 0 .104 1.151h2.983l.098-.009h.003a.58.58 0 0 0-.104-1.152h-.91V8.97l-.008-.094v-.002a.576.576 0 0 0-.349-.436Z" clip-rule="evenodd"/>
3
+ </svg>
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 01 Dec 2023 21:08:01 GMT
3
+ * Generated on Mon, 08 Jan 2024 20:14:47 GMT
4
4
  */
5
5
  module.exports = {
6
6
  border: {
@@ -60,6 +60,7 @@ module.exports = {
60
60
  errorRedLight: '#fff6f8',
61
61
  gainsboro: '#d8d8d8',
62
62
  successGreenLight: '#f4f9f2',
63
+ telusPurple: '#4b286d',
63
64
  whiteLilac: '#f2eff4'
64
65
  },
65
66
  duration: {
@@ -377,6 +378,7 @@ module.exports = {
377
378
  Speed: '@telus-uds/palettes-community.palette-casa/build/rn/icons/speed.icon.svg',
378
379
  SpeedReduced: '@telus-uds/palettes-community.palette-casa/build/rn/icons/speed-reduced.icon.svg',
379
380
  StatusError: '@telus-uds/palettes-community.palette-casa/build/rn/icons/status-error.icon.svg',
381
+ StatusInfo: '@telus-uds/palettes-community.palette-casa/build/rn/icons/status-info.icon.svg',
380
382
  StatusSuccess: '@telus-uds/palettes-community.palette-casa/build/rn/icons/status-success.icon.svg',
381
383
  StatusWarning: '@telus-uds/palettes-community.palette-casa/build/rn/icons/status-warning.icon.svg',
382
384
  Subtract: '@telus-uds/palettes-community.palette-casa/build/rn/icons/subtract.icon.svg',
@@ -468,6 +470,7 @@ module.exports = {
468
470
  radius24: 24,
469
471
  radius32: 32,
470
472
  radius4: 4,
473
+ radius45: 45,
471
474
  radius6: 6,
472
475
  radius8: 8,
473
476
  radius20: 20
@@ -555,8 +558,10 @@ module.exports = {
555
558
  size40: 40,
556
559
  size412: 412,
557
560
  size44: 44,
561
+ size45: 45,
558
562
  size48: 48,
559
563
  size480: 480,
564
+ size53: 53,
560
565
  size544: 544,
561
566
  size56: 56,
562
567
  size576: 576,
@@ -570,6 +575,11 @@ module.exports = {
570
575
  size80: 80,
571
576
  size91: 91,
572
577
  size95: 95,
573
- size96: 96
578
+ size96: 96,
579
+ size1024: 1024,
580
+ size5: 5,
581
+ size600: 600,
582
+ size750: 750,
583
+ size900: 900
574
584
  }
575
585
  }
@@ -1,48 +1,48 @@
1
1
  @font-face {
2
2
  font-family: 'HelveticaNow';
3
- src: url('https://cdn.telus.digital/uds/v1_5_1-HelveticaNow-300-l1je9SJ8hI5x1_766m4Hg.otf');
3
+ src: url('https://cdn.telus.digital/uds/v1_7_0-HelveticaNow-300-TdvLwnCDNgL3F2i951kQx.otf');
4
4
  font-weight: 300;
5
5
  font-style: normal;
6
6
  font-display: block;
7
7
  }
8
8
  @font-face {
9
9
  font-family: 'HelveticaNow';
10
- src: url('https://cdn.telus.digital/uds/v1_5_1-HelveticaNow-400-vj3JRabzMJ8PIpL2Yzr8f.woff');
10
+ src: url('https://cdn.telus.digital/uds/v1_7_0-HelveticaNow-400-E-iLir2rWQH0JMtFxL91d.woff');
11
11
  font-weight: 400;
12
12
  font-style: normal;
13
13
  font-display: block;
14
14
  }
15
15
  @font-face {
16
16
  font-family: 'HelveticaNow';
17
- src: url('https://cdn.telus.digital/uds/v1_5_1-HelveticaNow-500-GUe3T6y82tJkf-m7sFg4_.woff');
17
+ src: url('https://cdn.telus.digital/uds/v1_7_0-HelveticaNow-500-OG_wvDaGY9-jT_eZeJmyb.woff');
18
18
  font-weight: 500;
19
19
  font-style: normal;
20
20
  font-display: block;
21
21
  }
22
22
  @font-face {
23
23
  font-family: 'HelveticaNow';
24
- src: url('https://cdn.telus.digital/uds/v1_5_1-HelveticaNow-700-reaNaQ-fOXaHFOvNF7xx0.woff');
24
+ src: url('https://cdn.telus.digital/uds/v1_7_0-HelveticaNow-700--hwImqmrRXmoytSemjP_E.woff');
25
25
  font-weight: 700;
26
26
  font-style: normal;
27
27
  font-display: block;
28
28
  }
29
29
  @font-face {
30
30
  font-family: 'HelveticaNowOTF';
31
- src: url('https://cdn.telus.digital/uds/v1_5_1-HelveticaNowOTF-400-rTP6BIm3dwG1ZTtXbjxyZ.otf');
31
+ src: url('https://cdn.telus.digital/uds/v1_7_0-HelveticaNowOTF-400-wE6bEwNFscjI3r5JSro7W.otf');
32
32
  font-weight: 400;
33
33
  font-style: normal;
34
34
  font-display: block;
35
35
  }
36
36
  @font-face {
37
37
  font-family: 'HelveticaNowOTF';
38
- src: url('https://cdn.telus.digital/uds/v1_5_1-HelveticaNowOTF-500-oKx8bFrd6jaMMIe_mp52z.otf');
38
+ src: url('https://cdn.telus.digital/uds/v1_7_0-HelveticaNowOTF-500-F1INnIDK8jFHatCm3y8AE.otf');
39
39
  font-weight: 500;
40
40
  font-style: normal;
41
41
  font-display: block;
42
42
  }
43
43
  @font-face {
44
44
  font-family: 'HelveticaNowOTF';
45
- src: url('https://cdn.telus.digital/uds/v1_5_1-HelveticaNowOTF-700-U5EN9dWVHl98RiWPCOykV.otf');
45
+ src: url('https://cdn.telus.digital/uds/v1_7_0-HelveticaNowOTF-700-KS70AtGIIsqeN56DfLZh1.otf');
46
46
  font-weight: 700;
47
47
  font-style: normal;
48
48
  font-display: block;
@@ -1,35 +1,35 @@
1
1
  @font-face {
2
2
  font-family: 'HelveticaNow300normal';
3
- src: url('https://cdn.telus.digital/uds/v1_5_1-HelveticaNow-300-l1je9SJ8hI5x1_766m4Hg.otf');
3
+ src: url('https://cdn.telus.digital/uds/v1_7_0-HelveticaNow-300-TdvLwnCDNgL3F2i951kQx.otf');
4
4
  font-display: block;
5
5
  }
6
6
  @font-face {
7
7
  font-family: 'HelveticaNow400normal';
8
- src: url('https://cdn.telus.digital/uds/v1_5_1-HelveticaNow-400-vj3JRabzMJ8PIpL2Yzr8f.woff');
8
+ src: url('https://cdn.telus.digital/uds/v1_7_0-HelveticaNow-400-E-iLir2rWQH0JMtFxL91d.woff');
9
9
  font-display: block;
10
10
  }
11
11
  @font-face {
12
12
  font-family: 'HelveticaNow500normal';
13
- src: url('https://cdn.telus.digital/uds/v1_5_1-HelveticaNow-500-GUe3T6y82tJkf-m7sFg4_.woff');
13
+ src: url('https://cdn.telus.digital/uds/v1_7_0-HelveticaNow-500-OG_wvDaGY9-jT_eZeJmyb.woff');
14
14
  font-display: block;
15
15
  }
16
16
  @font-face {
17
17
  font-family: 'HelveticaNow700normal';
18
- src: url('https://cdn.telus.digital/uds/v1_5_1-HelveticaNow-700-reaNaQ-fOXaHFOvNF7xx0.woff');
18
+ src: url('https://cdn.telus.digital/uds/v1_7_0-HelveticaNow-700--hwImqmrRXmoytSemjP_E.woff');
19
19
  font-display: block;
20
20
  }
21
21
  @font-face {
22
22
  font-family: 'HelveticaNowOTF400normal';
23
- src: url('https://cdn.telus.digital/uds/v1_5_1-HelveticaNowOTF-400-rTP6BIm3dwG1ZTtXbjxyZ.otf');
23
+ src: url('https://cdn.telus.digital/uds/v1_7_0-HelveticaNowOTF-400-wE6bEwNFscjI3r5JSro7W.otf');
24
24
  font-display: block;
25
25
  }
26
26
  @font-face {
27
27
  font-family: 'HelveticaNowOTF500normal';
28
- src: url('https://cdn.telus.digital/uds/v1_5_1-HelveticaNowOTF-500-oKx8bFrd6jaMMIe_mp52z.otf');
28
+ src: url('https://cdn.telus.digital/uds/v1_7_0-HelveticaNowOTF-500-F1INnIDK8jFHatCm3y8AE.otf');
29
29
  font-display: block;
30
30
  }
31
31
  @font-face {
32
32
  font-family: 'HelveticaNowOTF700normal';
33
- src: url('https://cdn.telus.digital/uds/v1_5_1-HelveticaNowOTF-700-U5EN9dWVHl98RiWPCOykV.otf');
33
+ src: url('https://cdn.telus.digital/uds/v1_7_0-HelveticaNowOTF-700-KS70AtGIIsqeN56DfLZh1.otf');
34
34
  font-display: block;
35
35
  }
@@ -1,48 +1,48 @@
1
1
  @font-face {
2
2
  font-family: 'HelveticaNow';
3
- src: url('./v1_5_1-HelveticaNow-300-l1je9SJ8hI5x1_766m4Hg.otf');
3
+ src: url('./v1_7_0-HelveticaNow-300-TdvLwnCDNgL3F2i951kQx.otf');
4
4
  font-weight: 300;
5
5
  font-style: normal;
6
6
  font-display: block;
7
7
  }
8
8
  @font-face {
9
9
  font-family: 'HelveticaNow';
10
- src: url('./v1_5_1-HelveticaNow-400-vj3JRabzMJ8PIpL2Yzr8f.woff');
10
+ src: url('./v1_7_0-HelveticaNow-400-E-iLir2rWQH0JMtFxL91d.woff');
11
11
  font-weight: 400;
12
12
  font-style: normal;
13
13
  font-display: block;
14
14
  }
15
15
  @font-face {
16
16
  font-family: 'HelveticaNow';
17
- src: url('./v1_5_1-HelveticaNow-500-GUe3T6y82tJkf-m7sFg4_.woff');
17
+ src: url('./v1_7_0-HelveticaNow-500-OG_wvDaGY9-jT_eZeJmyb.woff');
18
18
  font-weight: 500;
19
19
  font-style: normal;
20
20
  font-display: block;
21
21
  }
22
22
  @font-face {
23
23
  font-family: 'HelveticaNow';
24
- src: url('./v1_5_1-HelveticaNow-700-reaNaQ-fOXaHFOvNF7xx0.woff');
24
+ src: url('./v1_7_0-HelveticaNow-700--hwImqmrRXmoytSemjP_E.woff');
25
25
  font-weight: 700;
26
26
  font-style: normal;
27
27
  font-display: block;
28
28
  }
29
29
  @font-face {
30
30
  font-family: 'HelveticaNowOTF';
31
- src: url('./v1_5_1-HelveticaNowOTF-400-rTP6BIm3dwG1ZTtXbjxyZ.otf');
31
+ src: url('./v1_7_0-HelveticaNowOTF-400-wE6bEwNFscjI3r5JSro7W.otf');
32
32
  font-weight: 400;
33
33
  font-style: normal;
34
34
  font-display: block;
35
35
  }
36
36
  @font-face {
37
37
  font-family: 'HelveticaNowOTF';
38
- src: url('./v1_5_1-HelveticaNowOTF-500-oKx8bFrd6jaMMIe_mp52z.otf');
38
+ src: url('./v1_7_0-HelveticaNowOTF-500-F1INnIDK8jFHatCm3y8AE.otf');
39
39
  font-weight: 500;
40
40
  font-style: normal;
41
41
  font-display: block;
42
42
  }
43
43
  @font-face {
44
44
  font-family: 'HelveticaNowOTF';
45
- src: url('./v1_5_1-HelveticaNowOTF-700-U5EN9dWVHl98RiWPCOykV.otf');
45
+ src: url('./v1_7_0-HelveticaNowOTF-700-KS70AtGIIsqeN56DfLZh1.otf');
46
46
  font-weight: 700;
47
47
  font-style: normal;
48
48
  font-display: block;
@@ -1,35 +1,35 @@
1
1
  @font-face {
2
2
  font-family: 'HelveticaNow300normal';
3
- src: url('./v1_5_1-HelveticaNow-300-l1je9SJ8hI5x1_766m4Hg.otf');
3
+ src: url('./v1_7_0-HelveticaNow-300-TdvLwnCDNgL3F2i951kQx.otf');
4
4
  font-display: block;
5
5
  }
6
6
  @font-face {
7
7
  font-family: 'HelveticaNow400normal';
8
- src: url('./v1_5_1-HelveticaNow-400-vj3JRabzMJ8PIpL2Yzr8f.woff');
8
+ src: url('./v1_7_0-HelveticaNow-400-E-iLir2rWQH0JMtFxL91d.woff');
9
9
  font-display: block;
10
10
  }
11
11
  @font-face {
12
12
  font-family: 'HelveticaNow500normal';
13
- src: url('./v1_5_1-HelveticaNow-500-GUe3T6y82tJkf-m7sFg4_.woff');
13
+ src: url('./v1_7_0-HelveticaNow-500-OG_wvDaGY9-jT_eZeJmyb.woff');
14
14
  font-display: block;
15
15
  }
16
16
  @font-face {
17
17
  font-family: 'HelveticaNow700normal';
18
- src: url('./v1_5_1-HelveticaNow-700-reaNaQ-fOXaHFOvNF7xx0.woff');
18
+ src: url('./v1_7_0-HelveticaNow-700--hwImqmrRXmoytSemjP_E.woff');
19
19
  font-display: block;
20
20
  }
21
21
  @font-face {
22
22
  font-family: 'HelveticaNowOTF400normal';
23
- src: url('./v1_5_1-HelveticaNowOTF-400-rTP6BIm3dwG1ZTtXbjxyZ.otf');
23
+ src: url('./v1_7_0-HelveticaNowOTF-400-wE6bEwNFscjI3r5JSro7W.otf');
24
24
  font-display: block;
25
25
  }
26
26
  @font-face {
27
27
  font-family: 'HelveticaNowOTF500normal';
28
- src: url('./v1_5_1-HelveticaNowOTF-500-oKx8bFrd6jaMMIe_mp52z.otf');
28
+ src: url('./v1_7_0-HelveticaNowOTF-500-F1INnIDK8jFHatCm3y8AE.otf');
29
29
  font-display: block;
30
30
  }
31
31
  @font-face {
32
32
  font-family: 'HelveticaNowOTF700normal';
33
- src: url('./v1_5_1-HelveticaNowOTF-700-U5EN9dWVHl98RiWPCOykV.otf');
33
+ src: url('./v1_7_0-HelveticaNowOTF-700-KS70AtGIIsqeN56DfLZh1.otf');
34
34
  font-display: block;
35
35
  }
@@ -10,9 +10,8 @@ module.exports = ({
10
10
  }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
11
11
  ...props,
12
12
  xmlns: "http://www.w3.org/2000/svg",
13
- viewBox: "0 0 24 30",
14
- height: size,
15
13
  width: size,
14
+ height: size,
16
15
  fill: color,
17
16
  role: title ? 'img' : undefined,
18
17
  "aria-hidden": !title,
@@ -21,7 +20,9 @@ module.exports = ({
21
20
  id: titleId,
22
21
  children: title
23
22
  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
24
- d: "M17.794 9.183c-.352-.3-.704-.138-.907.062l-4.89 4.496-4.88-4.496c-.179-.164-.626-.425-.952-.062-.325.363-.1.733.078.897l5.392 5.797a.49.49 0 0 0 .65 0l5.51-5.797c.184-.145.35-.596 0-.897Z",
25
- fill: "#2B8000"
23
+ fill: "#2B8000",
24
+ fillRule: "evenodd",
25
+ d: "M14.828 7.653c-.293-.25-.587-.115-.756.051l-4.075 3.747-4.066-3.747c-.149-.136-.522-.354-.793-.051-.271.302-.084.61.065.747l4.493 4.83a.408.408 0 0 0 .541 0l4.591-4.83c.155-.12.293-.497 0-.747Z",
26
+ clipRule: "evenodd"
26
27
  })]
27
28
  });
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ var _jsxRuntime = require("react/jsx-runtime");
4
+ module.exports = ({
5
+ title,
6
+ titleId,
7
+ size,
8
+ color,
9
+ ...props
10
+ }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
11
+ ...props,
12
+ xmlns: "http://www.w3.org/2000/svg",
13
+ viewBox: "0 0 24 24",
14
+ height: size,
15
+ width: size,
16
+ fill: color,
17
+ role: title ? 'img' : undefined,
18
+ "aria-hidden": !title,
19
+ "aria-labelledby": titleId,
20
+ children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
21
+ id: titleId,
22
+ children: title
23
+ }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
24
+ fillRule: "evenodd",
25
+ d: "M12 0C5.376 0 0 5.376 0 12s5.376 12 12 12 12-5.376 12-12S18.624 0 12 0Zm-.662 5.361a.894.894 0 1 1 1.264 1.266.894.894 0 0 1-1.264-1.266Zm0 0 .047.047-.047-.047Zm.855 3.076a.578.578 0 0 0-.633.125l-1.491 1.49-.057.067-.001.002a.575.575 0 0 0 .06.75.579.579 0 0 0 .82 0l.5-.499v6.877h-.914l-.098.01h-.003a.581.581 0 0 0 .104 1.151h2.983l.098-.009h.003a.58.58 0 0 0-.104-1.152h-.91V8.97l-.008-.094v-.002a.576.576 0 0 0-.349-.436Z",
26
+ clipRule: "evenodd"
27
+ })]
28
+ });
@@ -1,3 +1,3 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 30">
2
- <path d='M17.7940812,9.18323023 C17.4424627,8.8825106 17.0896181,9.04504427 16.8868854,9.24527574 L11.9968161,13.740553 L7.11722187,9.24527573 C6.93839231,9.08145209 6.49053328,8.81996721 6.16524043,9.18323023 C5.83994757,9.54649326 6.06520964,9.91610528 6.24327169,10.0799289 L11.6348225,15.8766027 C11.8136521,16.0411324 12.1060729,16.0411324 12.2849025,15.8766027 C12.2849025,15.8758965 17.7940809,10.079929 17.7940809,10.079929 C17.9792355,9.93504267 18.1456996,9.48394985 17.7940812,9.18323023 Z' fill="#2B8000"/>
3
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20">
2
+ <path fill="#2B8000" fill-rule="evenodd" d="M14.828 7.653c-.293-.25-.587-.115-.756.051l-4.075 3.747-4.066-3.747c-.149-.136-.522-.354-.793-.051-.271.302-.084.61.065.747l4.493 4.83a.408.408 0 0 0 .541 0l4.591-4.83c.155-.12.293-.497 0-.747Z" clip-rule="evenodd"/>
3
+ </svg>
@@ -208,6 +208,7 @@ module.exports = {
208
208
  Speed: require('./Speed'),
209
209
  SpeedReduced: require('./SpeedReduced'),
210
210
  StatusError: require('./StatusError'),
211
+ StatusInfo: require('./StatusInfo'),
211
212
  StatusSuccess: require('./StatusSuccess'),
212
213
  StatusWarning: require('./StatusWarning'),
213
214
  Subtract: require('./Subtract'),
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path fill-rule="evenodd" d="M12 0C5.376 0 0 5.376 0 12s5.376 12 12 12 12-5.376 12-12S18.624 0 12 0Zm-.662 5.361a.894.894 0 1 1 1.264 1.266.894.894 0 0 1-1.264-1.266Zm0 0 .047.047-.047-.047Zm.855 3.076a.578.578 0 0 0-.633.125l-1.491 1.49-.057.067-.001.002a.575.575 0 0 0 .06.75.579.579 0 0 0 .82 0l.5-.499v6.877h-.914l-.098.01h-.003a.581.581 0 0 0 .104 1.151h2.983l.098-.009h.003a.58.58 0 0 0-.104-1.152h-.91V8.97l-.008-.094v-.002a.576.576 0 0 0-.349-.436Z" clip-rule="evenodd"/>
3
+ </svg>
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 01 Dec 2023 21:07:56 GMT
3
+ * Generated on Mon, 08 Jan 2024 20:14:43 GMT
4
4
  */
5
5
  module.exports = {
6
6
  border: {
@@ -60,6 +60,7 @@ module.exports = {
60
60
  errorRedLight: '#fff6f8',
61
61
  gainsboro: '#d8d8d8',
62
62
  successGreenLight: '#f4f9f2',
63
+ telusPurple: '#4b286d',
63
64
  whiteLilac: '#f2eff4'
64
65
  },
65
66
  duration: {
@@ -68,15 +69,15 @@ module.exports = {
68
69
  },
69
70
  font: {
70
71
  HelveticaNow: {
71
- 300: 'https://cdn.telus.digital/uds/v1_5_1-HelveticaNow-300-l1je9SJ8hI5x1_766m4Hg.otf',
72
- 400: 'https://cdn.telus.digital/uds/v1_5_1-HelveticaNow-400-vj3JRabzMJ8PIpL2Yzr8f.woff',
73
- 500: 'https://cdn.telus.digital/uds/v1_5_1-HelveticaNow-500-GUe3T6y82tJkf-m7sFg4_.woff',
74
- 700: 'https://cdn.telus.digital/uds/v1_5_1-HelveticaNow-700-reaNaQ-fOXaHFOvNF7xx0.woff'
72
+ 300: 'https://cdn.telus.digital/uds/v1_7_0-HelveticaNow-300-TdvLwnCDNgL3F2i951kQx.otf',
73
+ 400: 'https://cdn.telus.digital/uds/v1_7_0-HelveticaNow-400-E-iLir2rWQH0JMtFxL91d.woff',
74
+ 500: 'https://cdn.telus.digital/uds/v1_7_0-HelveticaNow-500-OG_wvDaGY9-jT_eZeJmyb.woff',
75
+ 700: 'https://cdn.telus.digital/uds/v1_7_0-HelveticaNow-700--hwImqmrRXmoytSemjP_E.woff'
75
76
  },
76
77
  HelveticaNowOTF: {
77
- 400: 'https://cdn.telus.digital/uds/v1_5_1-HelveticaNowOTF-400-rTP6BIm3dwG1ZTtXbjxyZ.otf',
78
- 500: 'https://cdn.telus.digital/uds/v1_5_1-HelveticaNowOTF-500-oKx8bFrd6jaMMIe_mp52z.otf',
79
- 700: 'https://cdn.telus.digital/uds/v1_5_1-HelveticaNowOTF-700-U5EN9dWVHl98RiWPCOykV.otf'
78
+ 400: 'https://cdn.telus.digital/uds/v1_7_0-HelveticaNowOTF-400-wE6bEwNFscjI3r5JSro7W.otf',
79
+ 500: 'https://cdn.telus.digital/uds/v1_7_0-HelveticaNowOTF-500-F1INnIDK8jFHatCm3y8AE.otf',
80
+ 700: 'https://cdn.telus.digital/uds/v1_7_0-HelveticaNowOTF-700-KS70AtGIIsqeN56DfLZh1.otf'
80
81
  }
81
82
  },
82
83
  fontSize: {
@@ -312,6 +313,7 @@ module.exports = {
312
313
  Speed: '@telus-uds/palettes-community.palette-casa/build/web/icons/speed.icon.svg',
313
314
  SpeedReduced: '@telus-uds/palettes-community.palette-casa/build/web/icons/speed-reduced.icon.svg',
314
315
  StatusError: '@telus-uds/palettes-community.palette-casa/build/web/icons/status-error.icon.svg',
316
+ StatusInfo: '@telus-uds/palettes-community.palette-casa/build/web/icons/status-info.icon.svg',
315
317
  StatusSuccess: '@telus-uds/palettes-community.palette-casa/build/web/icons/status-success.icon.svg',
316
318
  StatusWarning: '@telus-uds/palettes-community.palette-casa/build/web/icons/status-warning.icon.svg',
317
319
  Subtract: '@telus-uds/palettes-community.palette-casa/build/web/icons/subtract.icon.svg',
@@ -403,6 +405,7 @@ module.exports = {
403
405
  radius24: '24px',
404
406
  radius32: '32px',
405
407
  radius4: '4px',
408
+ radius45: '45px',
406
409
  radius6: '6px',
407
410
  radius8: '8px',
408
411
  radius20: '20px'
@@ -448,8 +451,10 @@ module.exports = {
448
451
  size40: '40px',
449
452
  size412: '412px',
450
453
  size44: '44px',
454
+ size45: '45px',
451
455
  size48: '48px',
452
456
  size480: '480px',
457
+ size53: '53px',
453
458
  size544: '544px',
454
459
  size56: '56px',
455
460
  size576: '576px',
@@ -463,6 +468,11 @@ module.exports = {
463
468
  size80: '80px',
464
469
  size91: '91px',
465
470
  size95: '95px',
466
- size96: '96px'
471
+ size96: '96px',
472
+ size1024: '1024px',
473
+ size5: '5px',
474
+ size600: '600px',
475
+ size750: '750px',
476
+ size900: '900px'
467
477
  }
468
478
  }
package/package.json CHANGED
@@ -22,9 +22,9 @@
22
22
  "prepublishOnly": "npm run build"
23
23
  },
24
24
  "devDependencies": {
25
- "@telus-uds/system-tokens": "^0.7.29",
25
+ "@telus-uds/system-tokens": "^0.7.31",
26
26
  "@telus-uds/palette-allium": "*"
27
27
  },
28
28
  "sideEffects": false,
29
- "version": "1.5.1"
29
+ "version": "1.7.0"
30
30
  }
package/palette.json CHANGED
@@ -53,6 +53,9 @@
53
53
  "successGreenLight": {
54
54
  "value": "rgb(244, 249, 242)"
55
55
  },
56
+ "telusPurple": {
57
+ "value": "rgb(75, 40, 109)"
58
+ },
56
59
  "whiteLilac": {
57
60
  "value": "rgb(242, 239, 244)"
58
61
  }
@@ -104,7 +107,7 @@
104
107
  "value": "icon/caret-up16.svg"
105
108
  },
106
109
  "ChevronDown": {
107
- "value": "icon/chevron-down.svg"
110
+ "value": "icon/chevron-down-casa.svg"
108
111
  }
109
112
  }
110
113
  },
@@ -212,12 +215,19 @@
212
215
  "size1": {
213
216
  "value": 1
214
217
  },
218
+ "size1024": {
219
+ "description": "Modal XXL/max-width for Casa",
220
+ "value": 1024
221
+ },
215
222
  "size14": {
216
223
  "value": 14
217
224
  },
218
225
  "size16": {
219
226
  "value": 16
220
227
  },
228
+ "size18": {
229
+ "value": 18
230
+ },
221
231
  "size2": {
222
232
  "value": 2
223
233
  },
@@ -233,11 +243,30 @@
233
243
  "size48": {
234
244
  "value": 48
235
245
  },
246
+ "size480": {
247
+ "description": "Modal SM width for Casa",
248
+ "value": 480
249
+ },
250
+ "size5": {
251
+ "value": 5
252
+ },
236
253
  "size6": {
237
254
  "value": 6
238
255
  },
256
+ "size600": {
257
+ "description": "Modal MD width for Casa",
258
+ "value": 600
259
+ },
260
+ "size750": {
261
+ "description": "Modal LG width for Casa",
262
+ "value": 750
263
+ },
239
264
  "size8": {
240
265
  "value": 8
266
+ },
267
+ "size900": {
268
+ "description": "Modal XL width for Casa",
269
+ "value": 900
241
270
  }
242
271
  }
243
272
  }