@telus-uds/palette-koodo 0.11.0 → 0.13.0

package/build/android/border.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Wed, 19 Apr 2023 11:29:03 GMT
+  Generated on Mon, 24 Apr 2023 21:39:08 GMT
 -->
 
 <resources>

package/build/android/color.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Wed, 19 Apr 2023 11:29:03 GMT
+  Generated on Mon, 24 Apr 2023 21:39:08 GMT
 -->
 
 <resources>

package/build/android/font_size.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Wed, 19 Apr 2023 11:29:03 GMT
+  Generated on Mon, 24 Apr 2023 21:39:08 GMT
 -->
 
 <resources>

package/build/android/radius.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Wed, 19 Apr 2023 11:29:03 GMT
+  Generated on Mon, 24 Apr 2023 21:39:08 GMT
 -->
 
 <resources>
@@ -11,6 +11,7 @@
   <dimen name="radius_12">12.00dp</dimen>
   <dimen name="radius_4">4.00dp</dimen>
   <dimen name="radius_48">48.00dp</dimen>
+  <dimen name="radius_6">6.00dp</dimen>
   <dimen name="radius_8">8.00dp</dimen>
 
 </resources>

package/build/android/size.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Wed, 19 Apr 2023 11:29:03 GMT
+  Generated on Mon, 24 Apr 2023 21:39:08 GMT
 -->
 
 <resources>
@@ -18,6 +18,7 @@
   <dimen name="size_15">15.00dp</dimen>
   <dimen name="size_16">16.00dp</dimen>
   <dimen name="size_168">168.00dp</dimen>
+  <dimen name="size_18">18.00dp</dimen>
   <dimen name="size_184">184.00dp</dimen>
   <dimen name="size_2">2.00dp</dimen>
   <dimen name="size_20">20.00dp</dimen>
@@ -26,6 +27,7 @@
   <dimen name="size_36">36.00dp</dimen>
   <dimen name="size_4">4.00dp</dimen>
   <dimen name="size_40">40.00dp</dimen>
+  <dimen name="size_44">44.00dp</dimen>
   <dimen name="size_48">48.00dp</dimen>
   <dimen name="size_5">5.00dp</dimen>
   <dimen name="size_64">64.00dp</dimen>

package/build/ios/Border.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Wed, 19 Apr 2023 11:29:03 GMT
+// Generated on Mon, 24 Apr 2023 21:39:08 GMT
 
 
 import UIKit

package/build/ios/Color.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Wed, 19 Apr 2023 11:29:03 GMT
+// Generated on Mon, 24 Apr 2023 21:39:08 GMT
 
 
 import UIKit

package/build/ios/FontSize.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Wed, 19 Apr 2023 11:29:03 GMT
+// Generated on Mon, 24 Apr 2023 21:39:08 GMT
 
 
 import UIKit

package/build/ios/Radius.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Wed, 19 Apr 2023 11:29:03 GMT
+// Generated on Mon, 24 Apr 2023 21:39:08 GMT
 
 
 import UIKit
@@ -15,5 +15,6 @@ public enum PaletteRadius {
     public static let radius12 = CGFloat(12)
     public static let radius4 = CGFloat(4)
     public static let radius48 = CGFloat(48)
+    public static let radius6 = CGFloat(6)
     public static let radius8 = CGFloat(8)
 }

package/build/ios/Size.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Wed, 19 Apr 2023 11:29:03 GMT
+// Generated on Mon, 24 Apr 2023 21:39:08 GMT
 
 
 import UIKit
@@ -22,6 +22,7 @@ public enum PaletteSize {
     public static let size15 = CGFloat(15)
     public static let size16 = CGFloat(16)
     public static let size168 = CGFloat(168)
+    public static let size18 = CGFloat(18)
     public static let size184 = CGFloat(184)
     public static let size2 = CGFloat(2)
     public static let size20 = CGFloat(20)
@@ -30,6 +31,7 @@ public enum PaletteSize {
     public static let size36 = CGFloat(36)
     public static let size4 = CGFloat(4)
     public static let size40 = CGFloat(40)
+    public static let size44 = CGFloat(44)
     public static let size48 = CGFloat(48)
     public static let size5 = CGFloat(5)
     public static let size64 = CGFloat(64)

package/build/rn/palette.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Wed, 19 Apr 2023 11:29:05 GMT
+* Generated on Mon, 24 Apr 2023 21:39:10 GMT
 */
 module.exports = {
   border: {
@@ -163,18 +163,18 @@ module.exports = {
     multiply150: 1.5,
     multiply160: 1.6,
     ratio10to7: 1.42857142857,
+    ratio11to5: 2.15,
     ratio11to9: 1.22222222222,
-    ratio14to9: 1.55555555,
+    ratio15to7: 2.15,
+    ratio17to8: 2.13,
     ratio1to1: 1,
     ratio3to2: 1.5,
     ratio4to3: 1.33333333333,
     ratio5to4: 1.25,
     ratio6to5: 1.2,
+    ratio7to3: 2.25,
     ratio7to5: 1.4,
-    ratio8to5: 1.6,
-    ratio8to7: 1.14285714286,
-    ratio9to7: 1.28571428571,
-    ratio9to8: 1.125
+    ratio8to7: 1.14285714286
   },
   opacity: {
     opacity3: 0.3,
@@ -187,6 +187,7 @@ module.exports = {
     radius12: 12,
     radius4: 4,
     radius48: 48,
+    radius6: 6,
     radius8: 8
   },
   shadow: {
@@ -198,6 +199,22 @@ module.exports = {
       spread: 0,
       color: 'rgba(0, 0, 0, 0.1)'
     },
+    elevation2: {
+      inset: false,
+      offsetX: 0,
+      offsetY: 12,
+      blur: 12,
+      spread: 0,
+      color: 'rgba(0, 0, 0, 0.03)'
+    },
+    elevation3: {
+      inset: false,
+      offsetX: 0,
+      offsetY: 32,
+      blur: 32,
+      spread: 0,
+      color: 'rgba(0, 0, 0, 0.03)'
+    },
     none: {
       inset: false,
       offsetX: 0,
@@ -206,6 +223,22 @@ module.exports = {
       spread: 0,
       color: 'rgba(0, 0, 0, 0)'
     },
+    surfaceEmboss: {
+      inset: true,
+      offsetX: 0,
+      offsetY: 1,
+      blur: 1,
+      spread: 0,
+      color: 'rgba(255, 255, 255, 0.8)'
+    },
+    surfaceInset: {
+      inset: true,
+      offsetX: 0,
+      offsetY: 2,
+      blur: 2,
+      spread: 0,
+      color: 'rgba(0, 0, 0, 0.1)'
+    },
     surfaceRaised: {
       inset: false,
       offsetX: 0,
@@ -228,6 +261,7 @@ module.exports = {
     size15: 15,
     size16: 16,
     size168: 168,
+    size18: 18,
     size184: 184,
     size2: 2,
     size20: 20,
@@ -236,6 +270,7 @@ module.exports = {
     size36: 36,
     size4: 4,
     size40: 40,
+    size44: 44,
     size48: 48,
     size5: 5,
     size64: 64,

package/build/web/fonts/fonts-cdn-family.css

@@ -1,34 +1,34 @@
 @font-face {
   font-family: 'StagSans';
-  src: url('https://cdn.telus.digital/uds/v0_11_0-StagSans-300-c0crUDro2XLYEdhWAJcXA.otf');
+  src: url('https://cdn.telus.digital/uds/v0_13_0-StagSans-300-lYgxfdIqxJsd7DVI2MZMQ.otf');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('https://cdn.telus.digital/uds/v0_11_0-StagSans-400-XFiG6hqK0pn-p6S_Sst6d.otf');
+  src: url('https://cdn.telus.digital/uds/v0_13_0-StagSans-400-iSsZx9II1POeXDMuyvlR0.otf');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('https://cdn.telus.digital/uds/v0_11_0-StagSans-500-wmtZXOPsFXnB_ZEO7Cjpw.otf');
+  src: url('https://cdn.telus.digital/uds/v0_13_0-StagSans-500-7GX1cE_hGhdMYO4nb32Ge.otf');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('https://cdn.telus.digital/uds/v0_11_0-StagSans-600-x_j5xryjajMYM44WG7nNl.otf');
+  src: url('https://cdn.telus.digital/uds/v0_13_0-StagSans-600-XIlSKnuhas0prIKOizpCK.otf');
   font-weight: 600;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('https://cdn.telus.digital/uds/v0_11_0-StagSans-700-EepHPrvfohppUE83m-pq8.otf');
+  src: url('https://cdn.telus.digital/uds/v0_13_0-StagSans-700-1RPNjSofUuSW3BDalpc2T.otf');
   font-weight: 700;
   font-style: normal;
   font-display: block;

package/build/web/fonts/fonts-cdn.css

@@ -1,25 +1,25 @@
 @font-face {
   font-family: 'StagSans300normal';
-  src: url('https://cdn.telus.digital/uds/v0_11_0-StagSans-300-c0crUDro2XLYEdhWAJcXA.otf');
+  src: url('https://cdn.telus.digital/uds/v0_13_0-StagSans-300-lYgxfdIqxJsd7DVI2MZMQ.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans400normal';
-  src: url('https://cdn.telus.digital/uds/v0_11_0-StagSans-400-XFiG6hqK0pn-p6S_Sst6d.otf');
+  src: url('https://cdn.telus.digital/uds/v0_13_0-StagSans-400-iSsZx9II1POeXDMuyvlR0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans500normal';
-  src: url('https://cdn.telus.digital/uds/v0_11_0-StagSans-500-wmtZXOPsFXnB_ZEO7Cjpw.otf');
+  src: url('https://cdn.telus.digital/uds/v0_13_0-StagSans-500-7GX1cE_hGhdMYO4nb32Ge.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans600normal';
-  src: url('https://cdn.telus.digital/uds/v0_11_0-StagSans-600-x_j5xryjajMYM44WG7nNl.otf');
+  src: url('https://cdn.telus.digital/uds/v0_13_0-StagSans-600-XIlSKnuhas0prIKOizpCK.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans700normal';
-  src: url('https://cdn.telus.digital/uds/v0_11_0-StagSans-700-EepHPrvfohppUE83m-pq8.otf');
+  src: url('https://cdn.telus.digital/uds/v0_13_0-StagSans-700-1RPNjSofUuSW3BDalpc2T.otf');
   font-display: block;
 }

package/build/web/fonts/fonts-local-family.css

@@ -1,34 +1,34 @@
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_11_0-StagSans-300-c0crUDro2XLYEdhWAJcXA.otf');
+  src: url('./v0_13_0-StagSans-300-lYgxfdIqxJsd7DVI2MZMQ.otf');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_11_0-StagSans-400-XFiG6hqK0pn-p6S_Sst6d.otf');
+  src: url('./v0_13_0-StagSans-400-iSsZx9II1POeXDMuyvlR0.otf');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_11_0-StagSans-500-wmtZXOPsFXnB_ZEO7Cjpw.otf');
+  src: url('./v0_13_0-StagSans-500-7GX1cE_hGhdMYO4nb32Ge.otf');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_11_0-StagSans-600-x_j5xryjajMYM44WG7nNl.otf');
+  src: url('./v0_13_0-StagSans-600-XIlSKnuhas0prIKOizpCK.otf');
   font-weight: 600;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_11_0-StagSans-700-EepHPrvfohppUE83m-pq8.otf');
+  src: url('./v0_13_0-StagSans-700-1RPNjSofUuSW3BDalpc2T.otf');
   font-weight: 700;
   font-style: normal;
   font-display: block;

package/build/web/fonts/fonts-local.css

@@ -1,25 +1,25 @@
 @font-face {
   font-family: 'StagSans300normal';
-  src: url('./v0_11_0-StagSans-300-c0crUDro2XLYEdhWAJcXA.otf');
+  src: url('./v0_13_0-StagSans-300-lYgxfdIqxJsd7DVI2MZMQ.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans400normal';
-  src: url('./v0_11_0-StagSans-400-XFiG6hqK0pn-p6S_Sst6d.otf');
+  src: url('./v0_13_0-StagSans-400-iSsZx9II1POeXDMuyvlR0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans500normal';
-  src: url('./v0_11_0-StagSans-500-wmtZXOPsFXnB_ZEO7Cjpw.otf');
+  src: url('./v0_13_0-StagSans-500-7GX1cE_hGhdMYO4nb32Ge.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans600normal';
-  src: url('./v0_11_0-StagSans-600-x_j5xryjajMYM44WG7nNl.otf');
+  src: url('./v0_13_0-StagSans-600-XIlSKnuhas0prIKOizpCK.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans700normal';
-  src: url('./v0_11_0-StagSans-700-EepHPrvfohppUE83m-pq8.otf');
+  src: url('./v0_13_0-StagSans-700-1RPNjSofUuSW3BDalpc2T.otf');
   font-display: block;
 }

package/build/web/palette.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Wed, 19 Apr 2023 11:29:03 GMT
+* Generated on Mon, 24 Apr 2023 21:39:08 GMT
 */
 module.exports = {
   border: {
@@ -57,11 +57,11 @@ module.exports = {
   },
   font: {
     StagSans: {
-      300: 'https://cdn.telus.digital/uds/v0_11_0-StagSans-300-c0crUDro2XLYEdhWAJcXA.otf',
-      400: 'https://cdn.telus.digital/uds/v0_11_0-StagSans-400-XFiG6hqK0pn-p6S_Sst6d.otf',
-      500: 'https://cdn.telus.digital/uds/v0_11_0-StagSans-500-wmtZXOPsFXnB_ZEO7Cjpw.otf',
-      600: 'https://cdn.telus.digital/uds/v0_11_0-StagSans-600-x_j5xryjajMYM44WG7nNl.otf',
-      700: 'https://cdn.telus.digital/uds/v0_11_0-StagSans-700-EepHPrvfohppUE83m-pq8.otf'
+      300: 'https://cdn.telus.digital/uds/v0_13_0-StagSans-300-lYgxfdIqxJsd7DVI2MZMQ.otf',
+      400: 'https://cdn.telus.digital/uds/v0_13_0-StagSans-400-iSsZx9II1POeXDMuyvlR0.otf',
+      500: 'https://cdn.telus.digital/uds/v0_13_0-StagSans-500-7GX1cE_hGhdMYO4nb32Ge.otf',
+      600: 'https://cdn.telus.digital/uds/v0_13_0-StagSans-600-XIlSKnuhas0prIKOizpCK.otf',
+      700: 'https://cdn.telus.digital/uds/v0_13_0-StagSans-700-1RPNjSofUuSW3BDalpc2T.otf'
     }
   },
   fontSize: {
@@ -163,18 +163,18 @@ module.exports = {
     multiply150: 1.5,
     multiply160: 1.6,
     ratio10to7: 1.42857142857,
+    ratio11to5: 2.15,
     ratio11to9: 1.22222222222,
-    ratio14to9: 1.55555555,
+    ratio15to7: 2.15,
+    ratio17to8: 2.13,
     ratio1to1: 1,
     ratio3to2: 1.5,
     ratio4to3: 1.33333333333,
     ratio5to4: 1.25,
     ratio6to5: 1.2,
+    ratio7to3: 2.25,
     ratio7to5: 1.4,
-    ratio8to5: 1.6,
-    ratio8to7: 1.14285714286,
-    ratio9to7: 1.28571428571,
-    ratio9to8: 1.125
+    ratio8to7: 1.14285714286
   },
   opacity: {
     opacity3: 0.3,
@@ -187,11 +187,16 @@ module.exports = {
     radius12: '12px',
     radius4: '4px',
     radius48: '48px',
+    radius6: '6px',
     radius8: '8px'
   },
   shadow: {
     elevation1: '0px 4px 8px 0px rgba(0, 0, 0, 0.1)',
+    elevation2: '0px 12px 12px 0px rgba(0, 0, 0, 0.03)',
+    elevation3: '0px 32px 32px 0px rgba(0, 0, 0, 0.03)',
     none: '0px 0px 0px 0px rgba(0, 0, 0, 0)',
+    surfaceEmboss: '0px 1px 1px 0px inset rgba(255, 255, 255, 0.8)',
+    surfaceInset: '0px 2px 2px 0px inset rgba(0, 0, 0, 0.1)',
     surfaceRaised: '0px 2px 2px 0px rgba(0, 0, 0, 0.1)'
   },
   size: {
@@ -207,6 +212,7 @@ module.exports = {
     size15: '15px',
     size16: '16px',
     size168: '168px',
+    size18: '18px',
     size184: '184px',
     size2: '2px',
     size20: '20px',
@@ -215,6 +221,7 @@ module.exports = {
     size36: '36px',
     size4: '4px',
     size40: '40px',
+    size44: '44px',
     size48: '48px',
     size5: '5px',
     size64: '64px',

package/package.json

@@ -25,5 +25,5 @@
     "prepublishOnly": "npm run build"
   },
   "sideEffects": false,
-  "version": "0.11.0"
+  "version": "0.13.0"
 }

package/palette.json

@@ -593,11 +593,17 @@
       "ratio10to7": {
         "value": 1.42857142857
       },
+      "ratio11to5": {
+        "value": 2.15
+      },
       "ratio11to9": {
         "value": 1.22222222222
       },
-      "ratio14to9": {
-        "value": 1.55555555
+      "ratio15to7": {
+        "value": 2.15
+      },
+      "ratio17to8": {
+        "value": 2.13
       },
       "ratio1to1": {
         "value": 1
@@ -614,20 +620,14 @@
       "ratio6to5": {
         "value": 1.2
       },
+      "ratio7to3": {
+        "value": 2.25
+      },
       "ratio7to5": {
         "value": 1.4
       },
-      "ratio8to5": {
-        "value": 1.6
-      },
       "ratio8to7": {
         "value": 1.14285714286
-      },
-      "ratio9to7": {
-        "value": 1.28571428571
-      },
-      "ratio9to8": {
-        "value": 1.125
       }
     }
   },
@@ -662,6 +662,9 @@
       "radius48": {
         "value": 48
       },
+      "radius6": {
+        "value": 6
+      },
       "radius8": {
         "value": 8
       }
@@ -680,6 +683,28 @@
           "spread": 0
         }
       },
+      "elevation2": {
+        "description": "Raise the element 2 levels from the surface, such as overlays",
+        "value": {
+          "blur": 12,
+          "color": "rgba(0, 0, 0, 0.03)",
+          "inset": false,
+          "offsetX": 0,
+          "offsetY": 12,
+          "spread": 0
+        }
+      },
+      "elevation3": {
+        "description": "Raise the element to the highest level from the surface, such as mega-nav",
+        "value": {
+          "blur": 32,
+          "color": "rgba(0, 0, 0, 0.03)",
+          "inset": false,
+          "offsetX": 0,
+          "offsetY": 32,
+          "spread": 0
+        }
+      },
       "none": {
         "value": {
           "blur": 0,
@@ -690,6 +715,28 @@
           "spread": 0
         }
       },
+      "surfaceEmboss": {
+        "description": "Use emboss to add a subtle highlight on elements to shows that it’s lifted from the surface such as the Progress Bar",
+        "value": {
+          "blur": 1,
+          "color": "rgba(255, 255, 255, 0.8)",
+          "inset": true,
+          "offsetX": 0,
+          "offsetY": 1,
+          "spread": 0
+        }
+      },
+      "surfaceInset": {
+        "description": "Use inset shadow to drop the element below the surface for interactive elements such as UI meters, card call-outs, and ToggleSwitch",
+        "value": {
+          "blur": 2,
+          "color": "rgba(0, 0, 0, 0.1)",
+          "inset": true,
+          "offsetX": 0,
+          "offsetY": 2,
+          "spread": 0
+        }
+      },
       "surfaceRaised": {
         "description": "Use raised shadow to raise the element for interactive elements within an inset interface such as the knob in the ToggleSwitch",
         "value": {
@@ -748,6 +795,9 @@
         "description": "168 is the image size for xl screen size on the QuickLinksFeature component",
         "value": 168
       },
+      "size18": {
+        "value": 18
+      },
       "size184": {
         "description": "184 is the image size for xl screen size on the QuickLinksFeature component when hovered",
         "value": 184
@@ -773,6 +823,9 @@
       "size40": {
         "value": 40
       },
+      "size44": {
+        "value": 44
+      },
       "size48": {
         "value": 48
       },