@telus-uds/theme-allium 4.32.0 → 4.33.1

package/build/android/theme.json

@@ -1,5 +1,153 @@
 {
   "components": {
+    "ActionCard": {
+      "appearances": {
+        "validation": {
+          "description": "Validation states for form inputs",
+          "values": ["error", "success", "warning"],
+          "type": "state"
+        }
+      },
+      "rules": [
+        {
+          "if": {
+            "validation": "warning"
+          },
+          "tokens": {
+            "actionIconMarginLeft": 8,
+            "backgroundColor": {
+              "red": 1,
+              "green": 0.97647,
+              "blue": 0.93333,
+              "alpha": 1
+            },
+            "borderColor": {
+              "red": 0.70588,
+              "green": 0.52941,
+              "blue": 0.17255,
+              "alpha": 1
+            },
+            "statusIcon": "PaletteIconStatusWarning",
+            "statusIconColor": {
+              "red": 0.70588,
+              "green": 0.52941,
+              "blue": 0.17255,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "validation": "error"
+          },
+          "tokens": {
+            "actionIconMarginLeft": 8,
+            "backgroundColor": {
+              "red": 1,
+              "green": 0.96471,
+              "blue": 0.97255,
+              "alpha": 1
+            },
+            "borderColor": {
+              "red": 0.88235,
+              "green": 0.13725,
+              "blue": 0.22353,
+              "alpha": 1
+            },
+            "statusIcon": "PaletteIconStatusError",
+            "statusIconColor": {
+              "red": 0.88235,
+              "green": 0.13725,
+              "blue": 0.22353,
+              "alpha": 1
+            }
+          }
+        }
+      ],
+      "tokens": {
+        "actionIcon": "PaletteIconArrowRight",
+        "actionIconColor": {
+          "red": 0.2549,
+          "green": 0.27059,
+          "blue": 0.27843,
+          "alpha": 1
+        },
+        "actionIconMarginBottom": 8,
+        "actionIconMarginLeft": 0,
+        "actionIconMarginRight": 0,
+        "actionIconMarginTop": 8,
+        "actionIconTranslate": 4,
+        "backgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "borderColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "borderRadius": null,
+        "borderWidth": null,
+        "contentFontColor": {
+          "red": 0.2549,
+          "green": 0.27059,
+          "blue": 0.27843,
+          "alpha": 1
+        },
+        "contentFontName": "HelveticaNow",
+        "contentFontSize": 16,
+        "contentFontWeight": 400,
+        "contentLineHeight": 1.25,
+        "contentMarginBottom": 8,
+        "contentMarginLeft": 0,
+        "contentMarginRight": 0,
+        "contentMarginTop": 0,
+        "iconBackgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0.05
+        },
+        "iconColor": {
+          "red": 0.2549,
+          "green": 0.27059,
+          "blue": 0.27843,
+          "alpha": 1
+        },
+        "iconMarginBottom": 0,
+        "iconMarginLeft": 0,
+        "iconMarginRight": 8,
+        "iconMarginTop": 0,
+        "paddingBottom": 16,
+        "paddingLeft": 16,
+        "paddingRight": 16,
+        "paddingTop": 16,
+        "statusIcon": null,
+        "statusIconColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "titleFontColor": {
+          "red": 0.2549,
+          "green": 0.27059,
+          "blue": 0.27843,
+          "alpha": 1
+        },
+        "titleFontName": "HelveticaNow",
+        "titleFontSize": 16,
+        "titleFontWeight": 700,
+        "titleLineHeight": 1.5,
+        "titleMarginBottom": 8,
+        "titleMarginLeft": 0,
+        "titleMarginRight": 8,
+        "titleMarginTop": 8
+      }
+    },
     "ActivityIndicator": {
       "appearances": {
         "size": {
@@ -1120,7 +1268,7 @@
         "iconContainerSize": 16,
         "iconPadding": 4,
         "iconSize": 16,
-        "lineHeight": 1,
+        "lineHeight": 1.33333333333,
         "listItemPadding": 0
       }
     },
@@ -6775,6 +6923,17 @@
         }
       },
       "rules": [
+        {
+          "if": {
+            "system": true,
+            "viewport": ["xl"]
+          },
+          "tokens": {
+            "containerPaddingLeft": 16,
+            "containerPaddingRight": 16,
+            "justifyContent": "center"
+          }
+        },
         {
           "if": {
             "system": true
@@ -7009,6 +7168,8 @@
           "blue": 0.27843,
           "alpha": 1
         },
+        "containerPaddingLeft": 16,
+        "containerPaddingRight": 16,
         "dismissButtonGap": 24,
         "dismissIcon": "PaletteIconClose",
         "dismissIconColor": {
@@ -7100,8 +7261,9 @@
         "headerFontName": "HelveticaNow",
         "headerFontWeight": 700,
         "interItemMargin": 8,
-        "itemBulletContainerWidth": 16,
+        "itemBulletContainerWidth": 20,
         "itemBulletHeight": 4,
+        "itemBulletTextAlign": "right",
         "itemBulletWidth": 4,
         "itemColor": {
           "red": 0.2549,
@@ -12030,10 +12192,10 @@
             "size": "display1"
           },
           "tokens": {
-            "fontName": "HelveticaNow",
+            "fontName": "HelveticaNowDisplay",
             "fontSize": 40,
             "fontWeight": 300,
-            "letterSpacing": -0.035,
+            "letterSpacing": 0,
             "lineHeight": 1.2,
             "superScriptFontSize": 24
           }
@@ -12044,8 +12206,10 @@
             "viewport": ["lg", "xl"]
           },
           "tokens": {
+            "fontName": "HelveticaNowDisplay",
             "fontSize": 64,
-            "lineHeight": 1.125,
+            "fontWeight": 300,
+            "lineHeight": 1.2,
             "superScriptFontSize": 32
           }
         },
@@ -12054,10 +12218,10 @@
             "size": "display2"
           },
           "tokens": {
-            "fontName": "HelveticaNow",
+            "fontName": "HelveticaNowDisplay",
             "fontSize": 36,
-            "fontWeight": 400,
-            "letterSpacing": -0.035,
+            "fontWeight": 300,
+            "letterSpacing": 0,
             "lineHeight": 1.22222222222,
             "superScriptFontSize": 24
           }
@@ -12068,10 +12232,9 @@
             "viewport": ["lg", "xl"]
           },
           "tokens": {
-            "fontName": "HelveticaNow",
+            "fontName": "HelveticaNowDisplay",
             "fontSize": 56,
             "fontWeight": 300,
-            "letterSpacing": -0.039,
             "lineHeight": 1.14285714286,
             "superScriptFontSize": 32
           }
@@ -12081,9 +12244,11 @@
             "size": "h1"
           },
           "tokens": {
+            "fontName": "HelveticaNowDisplay",
             "fontSize": 28,
-            "letterSpacing": -0.017,
-            "lineHeight": 1.28571428571,
+            "fontWeight": 300,
+            "letterSpacing": 0,
+            "lineHeight": 1.22222222222,
             "superScriptFontSize": 20
           }
         },
@@ -12093,10 +12258,10 @@
             "viewport": ["lg", "xl"]
           },
           "tokens": {
-            "fontName": "HelveticaNow",
+            "fontName": "HelveticaNowDisplay",
             "fontSize": 40,
             "fontWeight": 300,
-            "letterSpacing": -0.035,
+            "letterSpacing": 0,
             "lineHeight": 1.2,
             "superScriptFontSize": 24
           }
@@ -12106,10 +12271,11 @@
             "size": "h2"
           },
           "tokens": {
-            "fontName": "HelveticaNow",
+            "fontName": "HelveticaNowDisplay",
             "fontSize": 24,
-            "fontWeight": 400,
-            "lineHeight": 1.33333333333,
+            "fontWeight": 300,
+            "letterSpacing": 0,
+            "lineHeight": 1.2,
             "superScriptFontSize": 16
           }
         },
@@ -12119,9 +12285,11 @@
             "viewport": ["lg", "xl"]
           },
           "tokens": {
+            "fontName": "HelveticaNowDisplay",
             "fontSize": 28,
+            "fontWeight": 300,
             "letterSpacing": -0.017,
-            "lineHeight": 1.28571428571,
+            "lineHeight": 1.22222222222,
             "superScriptFontSize": 20
           }
         },
@@ -12133,20 +12301,11 @@
             "fontName": "HelveticaNow",
             "fontSize": 20,
             "fontWeight": 500,
-            "lineHeight": 1.4,
+            "letterSpacing": 0,
+            "lineHeight": 1.2,
             "superScriptFontSize": 16
           }
         },
-        {
-          "if": {
-            "size": "h3",
-            "viewport": ["lg", "xl"]
-          },
-          "tokens": {
-            "fontSize": 24,
-            "lineHeight": 1.33333333333
-          }
-        },
         {
           "if": {
             "size": "h4"
@@ -12155,6 +12314,7 @@
             "fontName": "HelveticaNow",
             "fontSize": 16,
             "fontWeight": 500,
+            "letterSpacing": 0,
             "lineHeight": 1.5,
             "superScriptFontSize": 16
           }
@@ -12167,6 +12327,7 @@
             "fontName": "HelveticaNow",
             "fontSize": 14,
             "fontWeight": 500,
+            "letterSpacing": 0,
             "lineHeight": 1.28571428571
           }
         },
@@ -12186,6 +12347,7 @@
             "fontName": "HelveticaNow",
             "fontSize": 12,
             "fontWeight": 700,
+            "letterSpacing": 0,
             "lineHeight": 1.33333333333
           }
         },
@@ -12293,52 +12455,28 @@
             "size": "display1"
           },
           "tokens": {
-            "fontName": "HelveticaNow",
-            "fontWeight": 400
-          }
-        },
-        {
-          "if": {
-            "bold": true,
-            "size": ["display2"],
-            "viewport": ["xs", "sm", "md"]
-          },
-          "tokens": {
-            "fontName": "HelveticaNow",
-            "fontWeight": 500
-          }
-        },
-        {
-          "if": {
-            "bold": true,
-            "size": ["display2"],
-            "viewport": ["lg", "xl"]
-          },
-          "tokens": {
-            "fontName": "HelveticaNow",
-            "fontWeight": 400
+            "fontName": "HelveticaNowDisplay",
+            "fontWeight": 700
           }
         },
         {
           "if": {
             "bold": true,
-            "size": "h1",
-            "viewport": ["xs", "sm", "md"]
+            "size": "display2"
           },
           "tokens": {
-            "fontName": "HelveticaNow",
-            "fontWeight": 500
+            "fontName": "HelveticaNowDisplay",
+            "fontWeight": 700
           }
         },
         {
           "if": {
             "bold": true,
-            "size": "h1",
-            "viewport": ["lg", "xl"]
+            "size": "h1"
           },
           "tokens": {
-            "fontName": "HelveticaNow",
-            "fontWeight": 400
+            "fontName": "HelveticaNowDisplay",
+            "fontWeight": 700
           }
         },
         {
@@ -12347,8 +12485,8 @@
             "size": "h2"
           },
           "tokens": {
-            "fontName": "HelveticaNow",
-            "fontWeight": 500
+            "fontName": "HelveticaNowDisplay",
+            "fontWeight": 700
           }
         },
         {
@@ -13170,7 +13308,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "2.57.0",
+    "themeTokensVersion": "2.59.0",
     "name": "theme-allium"
   }
 }

package/build/ios/ActionCard.json

@@ -0,0 +1,148 @@
+{
+  "appearances": {
+    "validation": {
+      "description": "Validation states for form inputs",
+      "values": ["error", "success", "warning"],
+      "type": "state"
+    }
+  },
+  "rules": [
+    {
+      "if": {
+        "validation": "warning"
+      },
+      "tokens": {
+        "actionIconMarginLeft": 8,
+        "backgroundColor": {
+          "red": 1,
+          "green": 0.97647,
+          "blue": 0.93333,
+          "alpha": 1
+        },
+        "borderColor": {
+          "red": 0.70588,
+          "green": 0.52941,
+          "blue": 0.17255,
+          "alpha": 1
+        },
+        "statusIcon": "PaletteIconStatusWarning",
+        "statusIconColor": {
+          "red": 0.70588,
+          "green": 0.52941,
+          "blue": 0.17255,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "validation": "error"
+      },
+      "tokens": {
+        "actionIconMarginLeft": 8,
+        "backgroundColor": {
+          "red": 1,
+          "green": 0.96471,
+          "blue": 0.97255,
+          "alpha": 1
+        },
+        "borderColor": {
+          "red": 0.88235,
+          "green": 0.13725,
+          "blue": 0.22353,
+          "alpha": 1
+        },
+        "statusIcon": "PaletteIconStatusError",
+        "statusIconColor": {
+          "red": 0.88235,
+          "green": 0.13725,
+          "blue": 0.22353,
+          "alpha": 1
+        }
+      }
+    }
+  ],
+  "tokens": {
+    "actionIcon": "PaletteIconArrowRight",
+    "actionIconColor": {
+      "red": 0.2549,
+      "green": 0.27059,
+      "blue": 0.27843,
+      "alpha": 1
+    },
+    "actionIconMarginBottom": 8,
+    "actionIconMarginLeft": 0,
+    "actionIconMarginRight": 0,
+    "actionIconMarginTop": 8,
+    "actionIconTranslate": 4,
+    "backgroundColor": {
+      "red": 0,
+      "green": 0,
+      "blue": 0,
+      "alpha": 0
+    },
+    "borderColor": {
+      "red": 0,
+      "green": 0,
+      "blue": 0,
+      "alpha": 0
+    },
+    "borderRadius": null,
+    "borderWidth": null,
+    "contentFontColor": {
+      "red": 0.2549,
+      "green": 0.27059,
+      "blue": 0.27843,
+      "alpha": 1
+    },
+    "contentFontName": "HelveticaNow",
+    "contentFontSize": 16,
+    "contentFontWeight": 400,
+    "contentLineHeight": 1.25,
+    "contentMarginBottom": 8,
+    "contentMarginLeft": 0,
+    "contentMarginRight": 0,
+    "contentMarginTop": 0,
+    "iconBackgroundColor": {
+      "red": 0,
+      "green": 0,
+      "blue": 0,
+      "alpha": 0.05
+    },
+    "iconColor": {
+      "red": 0.2549,
+      "green": 0.27059,
+      "blue": 0.27843,
+      "alpha": 1
+    },
+    "iconMarginBottom": 0,
+    "iconMarginLeft": 0,
+    "iconMarginRight": 8,
+    "iconMarginTop": 0,
+    "paddingBottom": 16,
+    "paddingLeft": 16,
+    "paddingRight": 16,
+    "paddingTop": 16,
+    "statusIcon": null,
+    "statusIconColor": {
+      "red": 0,
+      "green": 0,
+      "blue": 0,
+      "alpha": 0
+    },
+    "titleFontColor": {
+      "red": 0.2549,
+      "green": 0.27059,
+      "blue": 0.27843,
+      "alpha": 1
+    },
+    "titleFontName": "HelveticaNow",
+    "titleFontSize": 16,
+    "titleFontWeight": 700,
+    "titleLineHeight": 1.5,
+    "titleMarginBottom": 8,
+    "titleMarginLeft": 0,
+    "titleMarginRight": 8,
+    "titleMarginTop": 8
+  }
+}

package/build/ios/Breadcrumbs.json

@@ -58,7 +58,7 @@
     "iconContainerSize": 16,
     "iconPadding": 4,
     "iconSize": 16,
-    "lineHeight": 1,
+    "lineHeight": 1.33333333333,
     "listItemPadding": 0
   }
 }

package/build/ios/Notification.json

@@ -20,6 +20,17 @@
     }
   },
   "rules": [
+    {
+      "if": {
+        "system": true,
+        "viewport": ["xl"]
+      },
+      "tokens": {
+        "containerPaddingLeft": 16,
+        "containerPaddingRight": 16,
+        "justifyContent": "center"
+      }
+    },
     {
       "if": {
         "system": true
@@ -254,6 +265,8 @@
       "blue": 0.27843,
       "alpha": 1
     },
+    "containerPaddingLeft": 16,
+    "containerPaddingRight": 16,
     "dismissButtonGap": 24,
     "dismissIcon": "PaletteIconClose",
     "dismissIconColor": {

package/build/ios/OrderedList.json

@@ -61,8 +61,9 @@
     "headerFontName": "HelveticaNow",
     "headerFontWeight": 700,
     "interItemMargin": 8,
-    "itemBulletContainerWidth": 16,
+    "itemBulletContainerWidth": 20,
     "itemBulletHeight": 4,
+    "itemBulletTextAlign": "right",
     "itemBulletWidth": 4,
     "itemColor": {
       "red": 0.2549,