@telus-uds/theme-allium 8.1.0 → 8.2.0

package/build/android/theme.json

@@ -504,7 +504,7 @@
     "Box": {
       "appearances": {
         "background": {
-          "description": "Background colour of box. Transparent if not specified.",
+          "description": "Background color of box. Transparent if not specified.",
           "type": "variant",
           "values": [
             "lightest",
@@ -3078,6 +3078,7 @@
     },
     "ChevronLink": {
       "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],
@@ -3342,6 +3343,17 @@
               "alpha": 1
             }
           }
+        },
+        {
+          "if": { "disabled": true },
+          "tokens": {
+            "color": {
+              "red": 0.40392,
+              "green": 0.43137,
+              "blue": 0.45098,
+              "alpha": 1
+            }
+          }
         }
       ],
       "tokens": {
@@ -3468,6 +3480,12 @@
         {
           "if": { "feature": true },
           "tokens": {
+            "containerBorderColor": {
+              "red": 0.29412,
+              "green": 0.15686,
+              "blue": 0.42745,
+              "alpha": 1
+            },
             "labelBorderColor": {
               "red": 0.29412,
               "green": 0.15686,
@@ -5199,7 +5217,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]
         },
@@ -10816,20 +10834,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,
@@ -10845,8 +10860,6 @@
               "blue": 0.98039,
               "alpha": 1
             },
-            "cellPaddingBottom": 8,
-            "cellPaddingTop": 8,
             "fontName": "HNforTELUSSA",
             "fontSize": 14,
             "fontWeight": 500,
@@ -12223,6 +12236,7 @@
         "switchBorderRadius": 32,
         "switchBorderWidth": 0,
         "switchColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
+        "switchOffset": null,
         "switchShadow": {
           "inset": false,
           "offsetX": 0,
@@ -12372,8 +12386,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",
@@ -12445,7 +12459,7 @@
         },
         {
           "if": {
-            "colour": "dark",
+            "color": "dark",
             "size": ["display1", "display2", "h1", "h2", "h3"]
           },
           "tokens": {
@@ -12458,7 +12472,7 @@
           }
         },
         {
-          "if": { "colour": "light", "size": "h6" },
+          "if": { "color": "light", "size": "h6" },
           "tokens": {
             "color": {
               "red": 0.40392,
@@ -12469,7 +12483,7 @@
           }
         },
         {
-          "if": { "colour": "dark", "size": "eyebrow" },
+          "if": { "color": "dark", "size": "eyebrow" },
           "tokens": {
             "color": {
               "red": 0.48627,
@@ -12716,7 +12730,7 @@
           "tokens": { "fontName": "HNforTELUSSA", "fontWeight": 700 }
         },
         {
-          "if": { "colour": "default" },
+          "if": { "color": "default" },
           "tokens": {
             "color": {
               "red": 0.2549,
@@ -12727,7 +12741,7 @@
           }
         },
         {
-          "if": { "colour": "brand" },
+          "if": { "color": "brand" },
           "tokens": {
             "color": {
               "red": 0.29412,
@@ -12738,7 +12752,7 @@
           }
         },
         {
-          "if": { "colour": "dark" },
+          "if": { "color": "dark" },
           "tokens": {
             "color": {
               "red": 0.17255,
@@ -12749,7 +12763,7 @@
           }
         },
         {
-          "if": { "colour": "light" },
+          "if": { "color": "light" },
           "tokens": {
             "color": {
               "red": 0.40392,
@@ -12760,13 +12774,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,
@@ -12777,7 +12791,7 @@
           }
         },
         {
-          "if": { "colour": "danger" },
+          "if": { "color": "danger" },
           "tokens": {
             "color": {
               "red": 0.75686,
@@ -12788,21 +12802,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,
@@ -12813,7 +12827,7 @@
           }
         },
         {
-          "if": { "colour": "alternative1" },
+          "if": { "color": "alternative1" },
           "tokens": {
             "color": {
               "red": 0.29412,
@@ -12849,7 +12863,7 @@
           }
         },
         {
-          "if": { "colour": "alternative2" },
+          "if": { "color": "alternative2" },
           "tokens": {
             "color": {
               "red": 0.29412,
@@ -12860,7 +12874,7 @@
           }
         },
         {
-          "if": { "colour": "alternative3" },
+          "if": { "color": "alternative3" },
           "tokens": {
             "color": {
               "red": 0.29412,
@@ -13236,5 +13250,5 @@
       "tokens": { "size": 96 }
     }
   },
-  "metadata": { "themeTokensVersion": "5.0.0", "name": "theme-allium" }
+  "metadata": { "themeTokensVersion": "5.1.0", "name": "theme-allium" }
 }

package/build/ios/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/ios/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/ios/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/ios/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/ios/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/ios/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/ios/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,