@telus-uds/theme-koodo 5.16.1 → 5.17.0

package/build/android/Notification.json

@@ -301,8 +301,8 @@
       "blue": 0,
       "alpha": 1
     },
-    "containerPaddingLeft": 16,
-    "containerPaddingRight": 16,
+    "containerPaddingLeft": 0,
+    "containerPaddingRight": 0,
     "dismissButtonGap": 24,
     "dismissIcon": "PaletteIconClose",
     "dismissIconColor": {

package/build/android/PriceLockup.json

@@ -2,7 +2,7 @@
   "appearances": {
     "size": {
       "type": "variant",
-      "values": ["small", "medium", "large"]
+      "values": ["micro", "small", "medium", "large"]
     },
     "viewport": {
       "description": "The size label for the current screen viewport based on the current screen width",
@@ -11,6 +11,29 @@
     }
   },
   "rules": [
+    {
+      "if": {
+        "size": "micro"
+      },
+      "tokens": {
+        "amountFontSize": 24,
+        "bottomTextFontSize": 12,
+        "bottomTextLineHeight": 1.2,
+        "centsFontSize": 16,
+        "centsLineHeight": 1.72,
+        "currencySymbolFontSize": 16,
+        "currencySymbolLineHeight": 1.72,
+        "footnoteLinkFontSize": 12,
+        "footnoteLinkLineHeight": 1,
+        "footnoteMarginTop": 0,
+        "rateFontSize": 12,
+        "rateLineHeight": 2,
+        "strikeThroughHeight": 2,
+        "strikeThroughPosition": 18,
+        "topTextFontSize": 12,
+        "topTextLineHeight": 1.2
+      }
+    },
     {
       "if": {
         "size": "small"
@@ -20,12 +43,13 @@
         "centsFontSize": 20,
         "centsLineHeight": 1.25,
         "currencySymbolFontSize": 20,
+        "footnoteLinkLineHeight": 1.14285714286,
         "rateFontSize": 16,
         "rateLineHeight": 1.5,
         "strikeThroughHeight": 2,
         "strikeThroughPosition": 18,
         "topTextFontSize": 14,
-        "topTextLineHeight": 1.42857142857
+        "topTextLineHeight": 1.14285714286
       }
     },
     {
@@ -38,13 +62,14 @@
         "centsFontSize": 24,
         "centsFontWeight": 600,
         "currencySymbolFontSize": 32,
+        "footnoteLinkLineHeight": 1.2,
         "rateFontName": "StagSans",
         "rateFontSize": 16,
         "rateFontWeight": 600,
         "rateLineHeight": 1.5,
         "strikeThroughPosition": 27,
         "topTextFontSize": 20,
-        "topTextLineHeight": 1.4
+        "topTextLineHeight": 1.2
       }
     },
     {
@@ -67,7 +92,7 @@
     "amountLineHeight": 1,
     "bottomLinksMarginLeft": 4,
     "bottomTextFontSize": 14,
-    "bottomTextLineHeight": 1.42857142857,
+    "bottomTextLineHeight": 1.14285714286,
     "bottomTextMarginTop": 0,
     "centsFontName": "StagSans",
     "centsFontSize": 24,
@@ -101,7 +126,7 @@
     "footnoteLinkFontName": "StagSans",
     "footnoteLinkFontSize": 14,
     "footnoteLinkFontWeight": 600,
-    "footnoteLinkLineHeight": 1.42857142857,
+    "footnoteLinkLineHeight": 1.25,
     "footnoteMarginTop": 4,
     "priceMarginBottom": 0,
     "rateFontName": "StagSans",
@@ -119,7 +144,7 @@
     "topTextFontName": "StagSans",
     "topTextFontSize": 16,
     "topTextFontWeight": 700,
-    "topTextLineHeight": 1.5,
+    "topTextLineHeight": 1.25,
     "topTextMarginBottom": 4
   }
 }

package/build/android/Radio.json

@@ -174,12 +174,12 @@
       "alpha": 1
     },
     "inputBorderColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
+      "red": 0,
+      "green": 0,
+      "blue": 0,
       "alpha": 1
     },
-    "inputBorderWidth": 2,
+    "inputBorderWidth": 1,
     "inputOutlineColor": {
       "red": 0,
       "green": 0,

package/build/android/Status.json

@@ -0,0 +1,458 @@
+{
+  "appearances": {
+    "inverse": {
+      "description": "Inverts the status colors",
+      "type": "variant",
+      "values": [true]
+    },
+    "priority": {
+      "type": "variant",
+      "values": ["default", "low", "high"]
+    },
+    "purpose": {
+      "type": "variant",
+      "values": [
+        "default",
+        "brand",
+        "subtle",
+        "success",
+        "warning",
+        "error",
+        "offer"
+      ]
+    }
+  },
+  "rules": [
+    {
+      "if": {
+        "purpose": "brand"
+      },
+      "tokens": {
+        "iconColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "purpose": "subtle"
+      },
+      "tokens": {
+        "icon": "PaletteIconTooltip"
+      }
+    },
+    {
+      "if": {
+        "purpose": "success"
+      },
+      "tokens": {
+        "icon": "PaletteIconCheckCircledFilled",
+        "iconColor": {
+          "red": 0.1098,
+          "green": 0.48235,
+          "blue": 0.16863,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "purpose": "warning"
+      },
+      "tokens": {
+        "icon": "PaletteIconExclamationTriangle",
+        "iconColor": {
+          "red": 0.78824,
+          "green": 0.21569,
+          "blue": 0.04314,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "purpose": "error"
+      },
+      "tokens": {
+        "icon": "PaletteIconExclamationOctagon",
+        "iconColor": {
+          "red": 0.78824,
+          "green": 0.21569,
+          "blue": 0.04314,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "purpose": "offer"
+      },
+      "tokens": {
+        "icon": "PaletteIconTagFilled",
+        "iconColor": {
+          "red": 0.47843,
+          "green": 0.23922,
+          "blue": 0.98824,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "priority": "low"
+      },
+      "tokens": {
+        "borderRadius": 99,
+        "paddingBottom": 4,
+        "paddingLeft": 12,
+        "paddingRight": 12,
+        "paddingTop": 4
+      }
+    },
+    {
+      "if": {
+        "priority": "high"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 1
+        },
+        "borderRadius": 99,
+        "iconColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        },
+        "paddingBottom": 4,
+        "paddingLeft": 12,
+        "paddingRight": 12,
+        "paddingTop": 4,
+        "textColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "priority": "low",
+        "purpose": "default"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.93725,
+          "green": 0.93725,
+          "blue": 0.93725,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "priority": "high",
+        "purpose": "default"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "priority": "low",
+        "purpose": "brand"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.93725,
+          "green": 0.93725,
+          "blue": 0.93725,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "priority": "high",
+        "purpose": "brand"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "priority": "low",
+        "purpose": "subtle"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.93725,
+          "green": 0.93725,
+          "blue": 0.93725,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "priority": "high",
+        "purpose": "subtle"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.78824,
+          "green": 0.78431,
+          "blue": 0.78431,
+          "alpha": 1
+        },
+        "iconColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 1
+        },
+        "textColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "priority": "low",
+        "purpose": "success"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.77255,
+          "green": 0.94902,
+          "blue": 0.8,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "priority": "high",
+        "purpose": "success"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.1098,
+          "green": 0.48235,
+          "blue": 0.16863,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "priority": "low",
+        "purpose": "warning"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 1,
+          "green": 0.96078,
+          "blue": 0.82353,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "priority": "high",
+        "purpose": "warning"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.78824,
+          "green": 0.21569,
+          "blue": 0.04314,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "priority": "low",
+        "purpose": "error"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.98824,
+          "green": 0.82745,
+          "blue": 0.77647,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "priority": "high",
+        "purpose": "error"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.78824,
+          "green": 0.21569,
+          "blue": 0.04314,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "priority": "low",
+        "purpose": "offer"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.87843,
+          "green": 0.84706,
+          "blue": 0.98824,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "priority": "high",
+        "purpose": "offer"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.47843,
+          "green": 0.23922,
+          "blue": 0.98824,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "inverse": true
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "iconColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        },
+        "textColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "inverse": true,
+        "priority": "low"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        }
+      }
+    },
+    {
+      "if": {
+        "inverse": true,
+        "priority": "high"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        },
+        "iconColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 1
+        },
+        "textColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 1
+        }
+      }
+    }
+  ],
+  "tokens": {
+    "backgroundColor": {
+      "red": 0,
+      "green": 0,
+      "blue": 0,
+      "alpha": 0
+    },
+    "backgroundGradient": null,
+    "borderColor": {
+      "red": 0,
+      "green": 0,
+      "blue": 0,
+      "alpha": 0
+    },
+    "borderRadius": null,
+    "borderWidth": null,
+    "fontName": "StagSans",
+    "fontSize": 16,
+    "fontWeight": 400,
+    "icon": "PaletteIconToolTipFilled",
+    "iconColor": {
+      "red": 0,
+      "green": 0,
+      "blue": 0,
+      "alpha": 1
+    },
+    "iconGradient": null,
+    "paddingBottom": 0,
+    "paddingLeft": 0,
+    "paddingRight": 0,
+    "paddingTop": 0,
+    "textColor": {
+      "red": 0,
+      "green": 0,
+      "blue": 0,
+      "alpha": 1
+    },
+    "textLineHeight": 1.14285714286
+  }
+}

package/build/android/Typography.json

@@ -357,9 +357,9 @@
       },
       "tokens": {
         "color": {
-          "red": 1,
+          "red": 0,
           "green": 0,
-          "blue": 0.46275,
+          "blue": 0,
           "alpha": 1
         }
       }
@@ -500,9 +500,9 @@
       },
       "tokens": {
         "color": {
-          "red": 0.86667,
+          "red": 1,
           "green": 0,
-          "blue": 0.4,
+          "blue": 0.46275,
           "alpha": 1
         }
       }
@@ -513,9 +513,9 @@
       },
       "tokens": {
         "color": {
-          "red": 0.1098,
-          "green": 0.48235,
-          "blue": 0.16863,
+          "red": 0.86667,
+          "green": 0,
+          "blue": 0.4,
           "alpha": 1
         }
       }