@telus-uds/theme-koodo 5.16.1 → 5.17.0

package/build/android/theme.json

@@ -7077,8 +7077,8 @@
           "blue": 0,
           "alpha": 1
         },
-        "containerPaddingLeft": 16,
-        "containerPaddingRight": 16,
+        "containerPaddingLeft": 0,
+        "containerPaddingRight": 0,
         "dismissButtonGap": 24,
         "dismissIcon": "PaletteIconClose",
         "dismissIconColor": {
@@ -7523,7 +7523,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",
@@ -7532,6 +7532,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"
@@ -7541,12 +7564,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
           }
         },
         {
@@ -7559,13 +7583,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
           }
         },
         {
@@ -7588,7 +7613,7 @@
         "amountLineHeight": 1,
         "bottomLinksMarginLeft": 4,
         "bottomTextFontSize": 14,
-        "bottomTextLineHeight": 1.42857142857,
+        "bottomTextLineHeight": 1.14285714286,
         "bottomTextMarginTop": 0,
         "centsFontName": "StagSans",
         "centsFontSize": 24,
@@ -7622,7 +7647,7 @@
         "footnoteLinkFontName": "StagSans",
         "footnoteLinkFontSize": 14,
         "footnoteLinkFontWeight": 600,
-        "footnoteLinkLineHeight": 1.42857142857,
+        "footnoteLinkLineHeight": 1.25,
         "footnoteMarginTop": 4,
         "priceMarginBottom": 0,
         "rateFontName": "StagSans",
@@ -7640,7 +7665,7 @@
         "topTextFontName": "StagSans",
         "topTextFontSize": 16,
         "topTextFontWeight": 700,
-        "topTextLineHeight": 1.5,
+        "topTextLineHeight": 1.25,
         "topTextMarginBottom": 4
       }
     },
@@ -8582,12 +8607,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,
@@ -9855,6 +9880,464 @@
         "width": null
       }
     },
+    "Status": {
+      "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
+      }
+    },
     "StepTracker": {
       "appearances": {
         "inverse": {
@@ -12210,9 +12693,9 @@
           },
           "tokens": {
             "color": {
-              "red": 1,
+              "red": 0,
               "green": 0,
-              "blue": 0.46275,
+              "blue": 0,
               "alpha": 1
             }
           }
@@ -12353,9 +12836,9 @@
           },
           "tokens": {
             "color": {
-              "red": 0.86667,
+              "red": 1,
               "green": 0,
-              "blue": 0.4,
+              "blue": 0.46275,
               "alpha": 1
             }
           }
@@ -12366,9 +12849,9 @@
           },
           "tokens": {
             "color": {
-              "red": 0.1098,
-              "green": 0.48235,
-              "blue": 0.16863,
+              "red": 0.86667,
+              "green": 0,
+              "blue": 0.4,
               "alpha": 1
             }
           }
@@ -12952,7 +13435,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "2.59.0",
+    "themeTokensVersion": "2.60.0",
     "name": "theme-koodo"
   }
 }

package/build/ios/Notification.json

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