@telus-uds/theme-allium 4.34.0 → 4.36.0

package/build/android/theme.json

@@ -620,15 +620,15 @@
           },
           "tokens": {
             "backgroundColor": {
-              "red": 1,
-              "green": 1,
-              "blue": 1,
+              "red": 0.98039,
+              "green": 0.98039,
+              "blue": 0.98039,
               "alpha": 1
             },
             "borderColor": {
-              "red": 1,
-              "green": 1,
-              "blue": 1,
+              "red": 0.98039,
+              "green": 0.98039,
+              "blue": 0.98039,
               "alpha": 1
             }
           }
@@ -7266,10 +7266,10 @@
         "itemBulletTextAlign": "right",
         "itemBulletWidth": 4,
         "itemColor": {
-          "red": 0.2549,
-          "green": 0.27059,
-          "blue": 0.27843,
-          "alpha": 1
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
         },
         "itemFontName": "HelveticaNow",
         "itemFontSize": 16,
@@ -7277,6 +7277,12 @@
         "itemLineHeight": 1.5,
         "itemMarginTop": 0,
         "itemPaddingTop": 0,
+        "itemTextColor": {
+          "red": 0.2549,
+          "green": 0.27059,
+          "blue": 0.27843,
+          "alpha": 1
+        },
         "listGutter": 8
       }
     },
@@ -7679,13 +7685,12 @@
         },
         {
           "if": {
-            "size": "large",
-            "viewport": ["lg", "xl"]
+            "size": "large"
           },
           "tokens": {
             "amountFontSize": 64,
-            "bottomTextFontSize": 20,
-            "bottomTextLineHeight": 1.6,
+            "bottomTextFontSize": 16,
+            "bottomTextLineHeight": 1.5,
             "centsFontSize": 36,
             "centsLineHeight": 1.125,
             "currencySymbolFontSize": 36,
@@ -7694,6 +7699,18 @@
             "rateLineHeight": 1.6,
             "strikeThroughHeight": 3,
             "strikeThroughPosition": 35,
+            "topTextFontSize": 16,
+            "topTextLineHeight": 1.5
+          }
+        },
+        {
+          "if": {
+            "size": "large",
+            "viewport": ["lg", "xl"]
+          },
+          "tokens": {
+            "bottomTextFontSize": 20,
+            "bottomTextLineHeight": 1.6,
             "topTextFontSize": 20,
             "topTextLineHeight": 1.6
           }
@@ -7726,7 +7743,7 @@
         "amountLineHeight": 1,
         "bottomLinksMarginLeft": 4,
         "bottomTextFontSize": 16,
-        "bottomTextLineHeight": 1.6,
+        "bottomTextLineHeight": 1.5,
         "bottomTextMarginTop": 4,
         "centsFontName": "HelveticaNow",
         "centsFontSize": 20,
@@ -9087,6 +9104,12 @@
               "blue": 0.45098,
               "alpha": 1
             },
+            "curveAfterBackgroundColor": {
+              "red": 0.40392,
+              "green": 0.43137,
+              "blue": 0.45098,
+              "alpha": 1
+            },
             "curveBackgroundColor": {
               "red": 0.17255,
               "green": 0.18039,
@@ -9145,6 +9168,12 @@
               "green": 0.32549,
               "blue": 0.64706,
               "alpha": 1
+            },
+            "curveAfterBackgroundColor": {
+              "red": 0.48627,
+              "green": 0.32549,
+              "blue": 0.64706,
+              "alpha": 1
             }
           }
         }
@@ -10031,6 +10060,474 @@
         "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.29412,
+              "green": 0.15686,
+              "blue": 0.42745,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "purpose": "subtle"
+          },
+          "tokens": {
+            "iconColor": {
+              "red": 0.40392,
+              "green": 0.43137,
+              "blue": 0.45098,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "purpose": "success"
+          },
+          "tokens": {
+            "icon": "PaletteIconStatusSuccess",
+            "iconColor": {
+              "red": 0.16863,
+              "green": 0.50196,
+              "blue": 0,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "purpose": "warning"
+          },
+          "tokens": {
+            "icon": "PaletteIconStatusWarning",
+            "iconColor": {
+              "red": 0.70588,
+              "green": 0.52941,
+              "blue": 0.17255,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "purpose": "error"
+          },
+          "tokens": {
+            "icon": "PaletteIconStatusError",
+            "iconColor": {
+              "red": 0.75686,
+              "green": 0.13725,
+              "blue": 0.20784,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "purpose": "offer"
+          },
+          "tokens": {
+            "iconColor": {
+              "red": 0.48627,
+              "green": 0.32549,
+              "blue": 0.64706,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "priority": "low"
+          },
+          "tokens": {
+            "borderRadius": 99,
+            "paddingBottom": 4,
+            "paddingLeft": 12,
+            "paddingRight": 12,
+            "paddingTop": 4
+          }
+        },
+        {
+          "if": {
+            "priority": "high"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.2549,
+              "green": 0.27059,
+              "blue": 0.27843,
+              "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.95686,
+              "green": 0.95686,
+              "blue": 0.96863,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "priority": "high",
+            "purpose": "default"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.2549,
+              "green": 0.27059,
+              "blue": 0.27843,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "priority": "low",
+            "purpose": "brand"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.87843,
+              "green": 0.84706,
+              "blue": 0.98824,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "priority": "high",
+            "purpose": "brand"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.29412,
+              "green": 0.15686,
+              "blue": 0.42745,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "priority": "low",
+            "purpose": "subtle"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.98039,
+              "green": 0.98039,
+              "blue": 0.98039,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "priority": "high",
+            "purpose": "subtle"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.40392,
+              "green": 0.43137,
+              "blue": 0.45098,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "priority": "low",
+            "purpose": "success"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.95686,
+              "green": 0.97647,
+              "blue": 0.94902,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "priority": "high",
+            "purpose": "success"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.16863,
+              "green": 0.50196,
+              "blue": 0,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "priority": "low",
+            "purpose": "warning"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 1,
+              "green": 0.97647,
+              "blue": 0.93333,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "priority": "high",
+            "purpose": "warning"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.70588,
+              "green": 0.52941,
+              "blue": 0.17255,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "priority": "low",
+            "purpose": "error"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 1,
+              "green": 0.96471,
+              "blue": 0.97255,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "priority": "high",
+            "purpose": "error"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.75686,
+              "green": 0.13725,
+              "blue": 0.20784,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "priority": "low",
+            "purpose": "offer"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.95686,
+              "green": 0.95686,
+              "blue": 0.96863,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "priority": "high",
+            "purpose": "offer"
+          },
+          "tokens": {
+            "backgroundGradient": {
+              "type": "linear",
+              "angle": 135,
+              "stops": [
+                {
+                  "stop": 0,
+                  "color": {
+                    "red": 0.29412,
+                    "green": 0.15686,
+                    "blue": 0.42745,
+                    "alpha": 1
+                  }
+                },
+                {
+                  "stop": 1,
+                  "color": {
+                    "red": 0.89804,
+                    "green": 0.19608,
+                    "blue": 0.57647,
+                    "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.17255,
+              "green": 0.18039,
+              "blue": 0.18824,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "inverse": true,
+            "priority": "high"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "iconColor": {
+              "red": 0.17255,
+              "green": 0.18039,
+              "blue": 0.18824,
+              "alpha": 1
+            },
+            "textColor": {
+              "red": 0.17255,
+              "green": 0.18039,
+              "blue": 0.18824,
+              "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": "HelveticaNow",
+        "fontSize": 16,
+        "fontWeight": 700,
+        "icon": "PaletteIconStatusInfo",
+        "iconColor": {
+          "red": 0.2549,
+          "green": 0.27059,
+          "blue": 0.27843,
+          "alpha": 1
+        },
+        "iconGradient": null,
+        "paddingBottom": 0,
+        "paddingLeft": 0,
+        "paddingRight": 0,
+        "paddingTop": 0,
+        "textColor": {
+          "red": 0.40392,
+          "green": 0.43137,
+          "blue": 0.45098,
+          "alpha": 1
+        },
+        "textLineHeight": 1.14285714286
+      }
+    },
     "StepTracker": {
       "appearances": {
         "inverse": {
@@ -13327,7 +13824,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "2.59.0",
+    "themeTokensVersion": "2.61.0",
     "name": "theme-allium"
   }
 }

package/build/ios/Box.json

@@ -54,15 +54,15 @@
       },
       "tokens": {
         "backgroundColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
+          "red": 0.98039,
+          "green": 0.98039,
+          "blue": 0.98039,
           "alpha": 1
         },
         "borderColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
+          "red": 0.98039,
+          "green": 0.98039,
+          "blue": 0.98039,
           "alpha": 1
         }
       }

package/build/ios/OrderedList.json

@@ -66,10 +66,10 @@
     "itemBulletTextAlign": "right",
     "itemBulletWidth": 4,
     "itemColor": {
-      "red": 0.2549,
-      "green": 0.27059,
-      "blue": 0.27843,
-      "alpha": 1
+      "red": 0,
+      "green": 0,
+      "blue": 0,
+      "alpha": 0
     },
     "itemFontName": "HelveticaNow",
     "itemFontSize": 16,
@@ -77,6 +77,12 @@
     "itemLineHeight": 1.5,
     "itemMarginTop": 0,
     "itemPaddingTop": 0,
+    "itemTextColor": {
+      "red": 0.2549,
+      "green": 0.27059,
+      "blue": 0.27843,
+      "alpha": 1
+    },
     "listGutter": 8
   }
 }

package/build/ios/PriceLockup.json

@@ -55,13 +55,12 @@
     },
     {
       "if": {
-        "size": "large",
-        "viewport": ["lg", "xl"]
+        "size": "large"
       },
       "tokens": {
         "amountFontSize": 64,
-        "bottomTextFontSize": 20,
-        "bottomTextLineHeight": 1.6,
+        "bottomTextFontSize": 16,
+        "bottomTextLineHeight": 1.5,
         "centsFontSize": 36,
         "centsLineHeight": 1.125,
         "currencySymbolFontSize": 36,
@@ -70,6 +69,18 @@
         "rateLineHeight": 1.6,
         "strikeThroughHeight": 3,
         "strikeThroughPosition": 35,
+        "topTextFontSize": 16,
+        "topTextLineHeight": 1.5
+      }
+    },
+    {
+      "if": {
+        "size": "large",
+        "viewport": ["lg", "xl"]
+      },
+      "tokens": {
+        "bottomTextFontSize": 20,
+        "bottomTextLineHeight": 1.6,
         "topTextFontSize": 20,
         "topTextLineHeight": 1.6
       }
@@ -102,7 +113,7 @@
     "amountLineHeight": 1,
     "bottomLinksMarginLeft": 4,
     "bottomTextFontSize": 16,
-    "bottomTextLineHeight": 1.6,
+    "bottomTextLineHeight": 1.5,
     "bottomTextMarginTop": 4,
     "centsFontName": "HelveticaNow",
     "centsFontSize": 20,