@telus-uds/theme-allium 4.31.0 → 4.33.0

package/build/android/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/android/ExpandCollapseControl.json

@@ -44,7 +44,9 @@
         "mini": true
       },
       "tokens": {
-        "paddingBottom": 0
+        "borderWidth": null,
+        "paddingBottom": 0,
+        "paddingTop": 0
       }
     },
     {
@@ -66,6 +68,27 @@
         },
         "borderWidth": 1
       }
+    },
+    {
+      "if": {
+        "mini": true,
+        "pressed": true
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.8902,
+          "green": 0.90196,
+          "blue": 0.9098,
+          "alpha": 1
+        },
+        "borderColor": {
+          "red": 0.40392,
+          "green": 0.43137,
+          "blue": 0.45098,
+          "alpha": 1
+        },
+        "borderWidth": null
+      }
     }
   ],
   "tokens": {

package/build/android/ExpandCollapsePanel.json

@@ -26,7 +26,10 @@
         "mini": true
       },
       "tokens": {
-        "contentPaddingLeft": 0
+        "contentPaddingBottom": 0,
+        "contentPaddingLeft": 0,
+        "contentPanelPaddingBottom": 0,
+        "contentPanelPaddingTop": 0
       }
     }
   ],

package/build/android/List.json

@@ -95,6 +95,12 @@
     },
     "itemIconSize": 24,
     "itemLineHeight": 1.5,
+    "itemTextColor": {
+      "red": 0.2549,
+      "green": 0.27059,
+      "blue": 0.27843,
+      "alpha": 1
+    },
     "listGutter": 8
   }
 }

package/build/android/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/android/Typography.json

@@ -138,10 +138,10 @@
         "size": "display1"
       },
       "tokens": {
-        "fontName": "HelveticaNow",
+        "fontName": "HelveticaNowDisplay",
         "fontSize": 40,
         "fontWeight": 300,
-        "letterSpacing": -0.035,
+        "letterSpacing": 0,
         "lineHeight": 1.2,
         "superScriptFontSize": 24
       }
@@ -152,8 +152,10 @@
         "viewport": ["lg", "xl"]
       },
       "tokens": {
+        "fontName": "HelveticaNowDisplay",
         "fontSize": 64,
-        "lineHeight": 1.125,
+        "fontWeight": 300,
+        "lineHeight": 1.2,
         "superScriptFontSize": 32
       }
     },
@@ -162,10 +164,10 @@
         "size": "display2"
       },
       "tokens": {
-        "fontName": "HelveticaNow",
+        "fontName": "HelveticaNowDisplay",
         "fontSize": 36,
-        "fontWeight": 400,
-        "letterSpacing": -0.035,
+        "fontWeight": 300,
+        "letterSpacing": 0,
         "lineHeight": 1.22222222222,
         "superScriptFontSize": 24
       }
@@ -176,10 +178,9 @@
         "viewport": ["lg", "xl"]
       },
       "tokens": {
-        "fontName": "HelveticaNow",
+        "fontName": "HelveticaNowDisplay",
         "fontSize": 56,
         "fontWeight": 300,
-        "letterSpacing": -0.039,
         "lineHeight": 1.14285714286,
         "superScriptFontSize": 32
       }
@@ -189,9 +190,11 @@
         "size": "h1"
       },
       "tokens": {
+        "fontName": "HelveticaNowDisplay",
         "fontSize": 28,
-        "letterSpacing": -0.017,
-        "lineHeight": 1.28571428571,
+        "fontWeight": 300,
+        "letterSpacing": 0,
+        "lineHeight": 1.22222222222,
         "superScriptFontSize": 20
       }
     },
@@ -201,10 +204,10 @@
         "viewport": ["lg", "xl"]
       },
       "tokens": {
-        "fontName": "HelveticaNow",
+        "fontName": "HelveticaNowDisplay",
         "fontSize": 40,
         "fontWeight": 300,
-        "letterSpacing": -0.035,
+        "letterSpacing": 0,
         "lineHeight": 1.2,
         "superScriptFontSize": 24
       }
@@ -214,10 +217,11 @@
         "size": "h2"
       },
       "tokens": {
-        "fontName": "HelveticaNow",
+        "fontName": "HelveticaNowDisplay",
         "fontSize": 24,
-        "fontWeight": 400,
-        "lineHeight": 1.33333333333,
+        "fontWeight": 300,
+        "letterSpacing": 0,
+        "lineHeight": 1.2,
         "superScriptFontSize": 16
       }
     },
@@ -227,9 +231,11 @@
         "viewport": ["lg", "xl"]
       },
       "tokens": {
+        "fontName": "HelveticaNowDisplay",
         "fontSize": 28,
+        "fontWeight": 300,
         "letterSpacing": -0.017,
-        "lineHeight": 1.28571428571,
+        "lineHeight": 1.22222222222,
         "superScriptFontSize": 20
       }
     },
@@ -241,20 +247,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"
@@ -263,6 +260,7 @@
         "fontName": "HelveticaNow",
         "fontSize": 16,
         "fontWeight": 500,
+        "letterSpacing": 0,
         "lineHeight": 1.5,
         "superScriptFontSize": 16
       }
@@ -275,6 +273,7 @@
         "fontName": "HelveticaNow",
         "fontSize": 14,
         "fontWeight": 500,
+        "letterSpacing": 0,
         "lineHeight": 1.28571428571
       }
     },
@@ -294,6 +293,7 @@
         "fontName": "HelveticaNow",
         "fontSize": 12,
         "fontWeight": 700,
+        "letterSpacing": 0,
         "lineHeight": 1.33333333333
       }
     },
@@ -401,52 +401,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
       }
     },
     {
@@ -455,8 +431,8 @@
         "size": "h2"
       },
       "tokens": {
-        "fontName": "HelveticaNow",
-        "fontWeight": 500
+        "fontName": "HelveticaNowDisplay",
+        "fontWeight": 700
       }
     },
     {