@telus-uds/theme-allium 8.1.0 → 8.2.0

package/build/android/Box.json

@@ -1,7 +1,7 @@
 {
   "appearances": {
     "background": {
-      "description": "Background colour of box. Transparent if not specified.",
+      "description": "Background color of box. Transparent if not specified.",
       "type": "variant",
       "values": [
         "lightest",

package/build/android/ChevronLink.json

@@ -1,5 +1,6 @@
 {
   "appearances": {
+    "disabled": { "values": [true], "type": "state" },
     "pressed": {
       "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
       "values": [true, false],
@@ -259,6 +260,17 @@
           "alpha": 1
         }
       }
+    },
+    {
+      "if": { "disabled": true },
+      "tokens": {
+        "color": {
+          "red": 0.40392,
+          "green": 0.43137,
+          "blue": 0.45098,
+          "alpha": 1
+        }
+      }
     }
   ],
   "tokens": {

package/build/android/Countdown.json

@@ -33,6 +33,12 @@
     {
       "if": { "feature": true },
       "tokens": {
+        "containerBorderColor": {
+          "red": 0.29412,
+          "green": 0.15686,
+          "blue": 0.42745,
+          "alpha": 1
+        },
         "labelBorderColor": {
           "red": 0.29412,
           "green": 0.15686,

package/build/android/IconButton.json

@@ -49,7 +49,7 @@
       "type": "state"
     },
     "raised": {
-      "description": "Uses shadow and background colour to appear raised above the page",
+      "description": "Uses shadow and background color to appear raised above the page",
       "type": "variant",
       "values": [true]
     },

package/build/android/Table.json

@@ -24,20 +24,17 @@
         }
       }
     },
+    {
+      "if": { "spacing": "compact" },
+      "tokens": { "cellPaddingBottom": 8, "cellPaddingTop": 8 }
+    },
     {
       "if": { "spacing": "compact", "type": "default" },
-      "tokens": {
-        "cellPaddingBottom": 8,
-        "cellPaddingTop": 8,
-        "fontSize": 16,
-        "lineHeight": 1.25
-      }
+      "tokens": { "fontSize": 16, "lineHeight": 1.25 }
     },
     {
       "if": { "spacing": "compact", "type": "rowHeading" },
       "tokens": {
-        "cellPaddingBottom": 8,
-        "cellPaddingTop": 8,
         "fontName": "HNforTELUSSA",
         "fontSize": 16,
         "fontWeight": 700,
@@ -53,8 +50,6 @@
           "blue": 0.98039,
           "alpha": 1
         },
-        "cellPaddingBottom": 8,
-        "cellPaddingTop": 8,
         "fontName": "HNforTELUSSA",
         "fontSize": 14,
         "fontWeight": 500,

package/build/android/ToggleSwitch.json

@@ -146,6 +146,7 @@
     "switchBorderRadius": 32,
     "switchBorderWidth": 0,
     "switchColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
+    "switchOffset": null,
     "switchShadow": {
       "inset": false,
       "offsetX": 0,

package/build/android/Typography.json

@@ -5,8 +5,8 @@
       "type": "variant",
       "values": [true]
     },
-    "colour": {
-      "description": "Each typography variant has a default color, and at least a secondary color variant. In exceptional cases where a different colour is needed,\n  use the tokens prop.",
+    "color": {
+      "description": "Each typography variant has a default color, and at least a secondary color variant. In exceptional cases where a different color is needed,\n  use the tokens prop.",
       "type": "variant",
       "values": [
         "default",
@@ -78,7 +78,7 @@
     },
     {
       "if": {
-        "colour": "dark",
+        "color": "dark",
         "size": ["display1", "display2", "h1", "h2", "h3"]
       },
       "tokens": {
@@ -91,7 +91,7 @@
       }
     },
     {
-      "if": { "colour": "light", "size": "h6" },
+      "if": { "color": "light", "size": "h6" },
       "tokens": {
         "color": {
           "red": 0.40392,
@@ -102,7 +102,7 @@
       }
     },
     {
-      "if": { "colour": "dark", "size": "eyebrow" },
+      "if": { "color": "dark", "size": "eyebrow" },
       "tokens": {
         "color": {
           "red": 0.48627,
@@ -342,7 +342,7 @@
       "tokens": { "fontName": "HNforTELUSSA", "fontWeight": 700 }
     },
     {
-      "if": { "colour": "default" },
+      "if": { "color": "default" },
       "tokens": {
         "color": {
           "red": 0.2549,
@@ -353,7 +353,7 @@
       }
     },
     {
-      "if": { "colour": "brand" },
+      "if": { "color": "brand" },
       "tokens": {
         "color": {
           "red": 0.29412,
@@ -364,7 +364,7 @@
       }
     },
     {
-      "if": { "colour": "dark" },
+      "if": { "color": "dark" },
       "tokens": {
         "color": {
           "red": 0.17255,
@@ -375,7 +375,7 @@
       }
     },
     {
-      "if": { "colour": "light" },
+      "if": { "color": "light" },
       "tokens": {
         "color": {
           "red": 0.40392,
@@ -386,13 +386,13 @@
       }
     },
     {
-      "if": { "colour": "positive" },
+      "if": { "color": "positive" },
       "tokens": {
         "color": { "red": 0.16863, "green": 0.50196, "blue": 0, "alpha": 1 }
       }
     },
     {
-      "if": { "colour": "warning" },
+      "if": { "color": "warning" },
       "tokens": {
         "color": {
           "red": 0.78039,
@@ -403,7 +403,7 @@
       }
     },
     {
-      "if": { "colour": "danger" },
+      "if": { "color": "danger" },
       "tokens": {
         "color": {
           "red": 0.75686,
@@ -414,21 +414,21 @@
       }
     },
     {
-      "if": { "colour": "black" },
+      "if": { "color": "black" },
       "tokens": { "color": { "red": 0, "green": 0, "blue": 0, "alpha": 1 } }
     },
     {
-      "if": { "colour": "white" },
+      "if": { "color": "white" },
       "tokens": { "color": { "red": 1, "green": 1, "blue": 1, "alpha": 1 } }
     },
     {
-      "if": { "colour": "brand2" },
+      "if": { "color": "brand2" },
       "tokens": {
         "color": { "red": 0.16863, "green": 0.50196, "blue": 0, "alpha": 1 }
       }
     },
     {
-      "if": { "colour": "brand3" },
+      "if": { "color": "brand3" },
       "tokens": {
         "color": {
           "red": 0.48627,
@@ -439,7 +439,7 @@
       }
     },
     {
-      "if": { "colour": "alternative1" },
+      "if": { "color": "alternative1" },
       "tokens": {
         "color": {
           "red": 0.29412,
@@ -475,7 +475,7 @@
       }
     },
     {
-      "if": { "colour": "alternative2" },
+      "if": { "color": "alternative2" },
       "tokens": {
         "color": {
           "red": 0.29412,
@@ -486,7 +486,7 @@
       }
     },
     {
-      "if": { "colour": "alternative3" },
+      "if": { "color": "alternative3" },
       "tokens": {
         "color": {
           "red": 0.29412,