@telus-uds/theme-public-mobile 2.25.0 → 2.27.0

package/build/ios/theme.json

@@ -6325,10 +6325,10 @@
       ],
       "tokens": {
         "backdropColor": {
-          "red": 0.99608,
-          "green": 0.99608,
-          "blue": 0.98824,
-          "alpha": 1
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0.8
         },
         "backdropOpacity": 1,
         "backgroundColor": {
@@ -6984,10 +6984,10 @@
         "itemBulletTextAlign": "right",
         "itemBulletWidth": 4,
         "itemColor": {
-          "red": 0.22353,
-          "green": 0.25098,
-          "blue": 0.33725,
-          "alpha": 1
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
         },
         "itemFontName": "SofiaPro",
         "itemFontSize": 18,
@@ -6995,6 +6995,12 @@
         "itemLineHeight": 1.55555555,
         "itemMarginTop": 0,
         "itemPaddingTop": 0,
+        "itemTextColor": {
+          "red": 0.22353,
+          "green": 0.25098,
+          "blue": 0.33725,
+          "alpha": 1
+        },
         "listGutter": 8
       }
     },
@@ -7371,12 +7377,12 @@
       "rules": [
         {
           "if": {
-            "size": "large",
-            "viewport": ["lg", "xl"]
+            "size": "large"
           },
           "tokens": {
             "amountFontSize": 72,
-            "bottomTextFontSize": 20,
+            "bottomTextFontSize": 18,
+            "bottomTextLineHeight": 1.55555555,
             "centsFontSize": 48,
             "centsLineHeight": 0.975,
             "currencySymbolFontSize": 48,
@@ -7387,8 +7393,20 @@
             "rateLineHeight": 1.25,
             "strikeThroughHeight": 3,
             "strikeThroughPosition": 33,
+            "topTextFontSize": 18,
+            "topTextLineHeight": 1.55555555
+          }
+        },
+        {
+          "if": {
+            "size": "large",
+            "viewport": ["lg", "xl"]
+          },
+          "tokens": {
+            "bottomTextFontSize": 20,
+            "bottomTextLineHeight": 1.4,
             "topTextFontSize": 20,
-            "topTextLineHeight": 1.5
+            "topTextLineHeight": 1.4
           }
         },
         {
@@ -7398,6 +7416,7 @@
           "tokens": {
             "amountFontSize": 36,
             "bottomTextFontSize": 16,
+            "bottomTextLineHeight": 1.5,
             "centsFontSize": 18,
             "centsLineHeight": 0.975,
             "currencySymbolFontSize": 18,
@@ -7418,6 +7437,7 @@
           "tokens": {
             "amountFontSize": 36,
             "bottomTextFontSize": 16,
+            "bottomTextLineHeight": 1.5,
             "centsFontSize": 18,
             "centsLineHeight": 0.975,
             "currencySymbolFontSize": 18,
@@ -7440,7 +7460,7 @@
         "amountLineHeight": 0.75,
         "bottomLinksMarginLeft": 4,
         "bottomTextFontSize": 18,
-        "bottomTextLineHeight": 1.6,
+        "bottomTextLineHeight": 1.55555555,
         "bottomTextMarginTop": 0,
         "centsFontName": "BystanderSans",
         "centsFontSize": 20,
@@ -7492,7 +7512,7 @@
         "topTextFontName": "SofiaPro",
         "topTextFontSize": 18,
         "topTextFontWeight": 700,
-        "topTextLineHeight": 1.5,
+        "topTextLineHeight": 1.55555555,
         "topTextMarginBottom": 4
       }
     },
@@ -9607,6 +9627,553 @@
         "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.22353,
+              "green": 0.25098,
+              "blue": 0.33725,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "purpose": "subtle"
+          },
+          "tokens": {
+            "iconColor": {
+              "red": 0.41569,
+              "green": 0.43922,
+              "blue": 0.50196,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "purpose": "success"
+          },
+          "tokens": {
+            "icon": "PaletteIconCheckMark",
+            "iconColor": {
+              "red": 0.16863,
+              "green": 0.5098,
+              "blue": 0.43137,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "purpose": "warning"
+          },
+          "tokens": {
+            "icon": "PaletteIconWarningError",
+            "iconColor": {
+              "red": 0.74902,
+              "green": 0.0902,
+              "blue": 0.13333,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "purpose": "error"
+          },
+          "tokens": {
+            "icon": "PaletteIconWarningError",
+            "iconColor": {
+              "red": 0.74902,
+              "green": 0.0902,
+              "blue": 0.13333,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "purpose": "offer"
+          },
+          "tokens": {
+            "icon": "PaletteIconMobileRewards",
+            "iconColor": {
+              "red": 0.95294,
+              "green": 0.61569,
+              "blue": 0.50196,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "priority": "low"
+          },
+          "tokens": {
+            "borderRadius": 99,
+            "paddingBottom": 4,
+            "paddingLeft": 12,
+            "paddingRight": 12,
+            "paddingTop": 4
+          }
+        },
+        {
+          "if": {
+            "priority": "high"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.22353,
+              "green": 0.25098,
+              "blue": 0.33725,
+              "alpha": 1
+            },
+            "borderRadius": 99,
+            "iconColor": {
+              "red": 0.80392,
+              "green": 0.81176,
+              "blue": 0.83529,
+              "alpha": 1
+            },
+            "paddingBottom": 4,
+            "paddingLeft": 12,
+            "paddingRight": 12,
+            "paddingTop": 4,
+            "textColor": {
+              "red": 0.80392,
+              "green": 0.81176,
+              "blue": 0.83529,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "priority": "low",
+            "purpose": "default"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.80392,
+              "green": 0.81176,
+              "blue": 0.83529,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "priority": "high",
+            "purpose": "default"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.22353,
+              "green": 0.25098,
+              "blue": 0.33725,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "priority": "low",
+            "purpose": "brand"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.80392,
+              "green": 0.81176,
+              "blue": 0.83529,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "priority": "high",
+            "purpose": "brand"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.22353,
+              "green": 0.25098,
+              "blue": 0.33725,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "priority": "low",
+            "purpose": "subtle"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.80392,
+              "green": 0.81176,
+              "blue": 0.83529,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "priority": "high",
+            "purpose": "subtle"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.80392,
+              "green": 0.81176,
+              "blue": 0.83529,
+              "alpha": 1
+            },
+            "iconColor": {
+              "red": 0.96078,
+              "green": 0.96078,
+              "blue": 0.96863,
+              "alpha": 1
+            },
+            "textColor": {
+              "red": 0.96078,
+              "green": 0.96078,
+              "blue": 0.96863,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "priority": "low",
+            "purpose": "success"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.91765,
+              "green": 0.95294,
+              "blue": 0.9451,
+              "alpha": 1
+            },
+            "iconColor": {
+              "red": 0.16863,
+              "green": 0.5098,
+              "blue": 0.43137,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "priority": "high",
+            "purpose": "success"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.16863,
+              "green": 0.5098,
+              "blue": 0.43137,
+              "alpha": 1
+            },
+            "iconColor": {
+              "red": 0.91765,
+              "green": 0.95294,
+              "blue": 0.9451,
+              "alpha": 1
+            },
+            "textColor": {
+              "red": 0.91765,
+              "green": 0.95294,
+              "blue": 0.9451,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "priority": "low",
+            "purpose": "warning"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.97647,
+              "green": 0.9098,
+              "blue": 0.91373,
+              "alpha": 1
+            },
+            "iconColor": {
+              "red": 0.74902,
+              "green": 0.0902,
+              "blue": 0.13333,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "priority": "high",
+            "purpose": "warning"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.74902,
+              "green": 0.0902,
+              "blue": 0.13333,
+              "alpha": 1
+            },
+            "iconColor": {
+              "red": 0.97647,
+              "green": 0.9098,
+              "blue": 0.91373,
+              "alpha": 1
+            },
+            "textColor": {
+              "red": 0.97647,
+              "green": 0.9098,
+              "blue": 0.91373,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "priority": "low",
+            "purpose": "error"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.97647,
+              "green": 0.9098,
+              "blue": 0.91373,
+              "alpha": 1
+            },
+            "iconColor": {
+              "red": 0.74902,
+              "green": 0.0902,
+              "blue": 0.13333,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "priority": "high",
+            "purpose": "error"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.74902,
+              "green": 0.0902,
+              "blue": 0.13333,
+              "alpha": 1
+            },
+            "iconColor": {
+              "red": 0.97647,
+              "green": 0.9098,
+              "blue": 0.91373,
+              "alpha": 1
+            },
+            "textColor": {
+              "red": 0.97647,
+              "green": 0.9098,
+              "blue": 0.91373,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "priority": "low",
+            "purpose": "offer"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.80392,
+              "green": 0.81176,
+              "blue": 0.83529,
+              "alpha": 1
+            },
+            "iconColor": {
+              "red": 0.95294,
+              "green": 0.61569,
+              "blue": 0.50196,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "priority": "high",
+            "purpose": "offer"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.95294,
+              "green": 0.61569,
+              "blue": 0.50196,
+              "alpha": 1
+            },
+            "iconColor": {
+              "red": 0.22353,
+              "green": 0.25098,
+              "blue": 0.33725,
+              "alpha": 1
+            },
+            "textColor": {
+              "red": 0.22353,
+              "green": 0.25098,
+              "blue": 0.33725,
+              "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.22353,
+              "green": 0.25098,
+              "blue": 0.33725,
+              "alpha": 1
+            },
+            "iconColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "textColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "inverse": true,
+            "priority": "high"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.41569,
+              "green": 0.43922,
+              "blue": 0.50196,
+              "alpha": 1
+            },
+            "iconColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "textColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "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": "SofiaPro",
+        "fontSize": 18,
+        "fontWeight": 400,
+        "icon": "PaletteIconWarningError",
+        "iconColor": {
+          "red": 0.22353,
+          "green": 0.25098,
+          "blue": 0.33725,
+          "alpha": 1
+        },
+        "iconGradient": null,
+        "paddingBottom": 0,
+        "paddingLeft": 0,
+        "paddingRight": 0,
+        "paddingTop": 0,
+        "textColor": {
+          "red": 0.22353,
+          "green": 0.25098,
+          "blue": 0.33725,
+          "alpha": 1
+        },
+        "textLineHeight": 1.153
+      }
+    },
     "StepTracker": {
       "appearances": {
         "inverse": {
@@ -12529,7 +13096,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "2.59.0",
+    "themeTokensVersion": "2.61.0",
     "name": "theme-public-mobile"
   }
 }

package/build/rn/ActionCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 19 Jul 2024 18:11:58 GMT
+ * Generated on Mon, 12 Aug 2024 06:24:48 GMT
  *
  */
 

package/build/rn/ActivityIndicator.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 19 Jul 2024 18:11:58 GMT
+ * Generated on Mon, 12 Aug 2024 06:24:48 GMT
  *
  */
 

package/build/rn/Badge.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 19 Jul 2024 18:11:58 GMT
+ * Generated on Mon, 12 Aug 2024 06:24:48 GMT
  *
  */
 

package/build/rn/BlockQuote.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 19 Jul 2024 18:11:58 GMT
+ * Generated on Mon, 12 Aug 2024 06:24:48 GMT
  *
  */