@telus-uds/theme-koodo 5.6.0 → 5.7.0

package/build/android/theme.json

@@ -3609,15 +3609,14 @@
         "mini": {
           "type": "variant",
           "values": [true]
+        },
+        "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],
+          "type": "state"
         }
       },
       "rules": [
-        {
-          "if": {
-            "compact": true
-          },
-          "tokens": {}
-        },
         {
           "if": {
             "mini": true
@@ -3656,14 +3655,33 @@
           "tokens": {
             "icon": "PaletteIconChevronUp"
           }
+        },
+        {
+          "if": {
+            "pressed": true
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0.2
+            }
+          }
+        },
+        {
+          "if": {
+            "compact": true
+          },
+          "tokens": {}
         }
       ],
       "tokens": {
         "backgroundColor": {
-          "red": 0.93725,
-          "green": 0.93725,
-          "blue": 0.93725,
-          "alpha": 1
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
         },
         "borderBottomLeftRadius": 0,
         "borderBottomRightRadius": 0,
@@ -3675,7 +3693,7 @@
         },
         "borderTopLeftRadius": 0,
         "borderTopRightRadius": 0,
-        "borderWidth": 0,
+        "borderWidth": 2,
         "icon": "PaletteIconChevronDown",
         "iconColor": {
           "red": 0,
@@ -3688,10 +3706,10 @@
         "iconPosition": "right",
         "iconSize": 16,
         "justifyContent": "space-between",
-        "paddingBottom": 16,
-        "paddingLeft": 24,
-        "paddingRight": 24,
-        "paddingTop": 16,
+        "paddingBottom": 14,
+        "paddingLeft": 22,
+        "paddingRight": 22,
+        "paddingTop": 14,
         "textLine": "none",
         "verticalAlign": "middle"
       }
@@ -8769,6 +8787,7 @@
           "blue": 0.78431,
           "alpha": 1
         },
+        "lineRadius": 4,
         "radius": 99999999999999,
         "secondColor": {
           "red": 0.93725,
@@ -12010,7 +12029,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "2.50.1",
+    "themeTokensVersion": "2.51.0",
     "name": "theme-koodo"
   }
 }

package/build/ios/ExpandCollapseControl.json

@@ -12,15 +12,14 @@
     "mini": {
       "type": "variant",
       "values": [true]
+    },
+    "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],
+      "type": "state"
     }
   },
   "rules": [
-    {
-      "if": {
-        "compact": true
-      },
-      "tokens": {}
-    },
     {
       "if": {
         "mini": true
@@ -59,14 +58,33 @@
       "tokens": {
         "icon": "PaletteIconChevronUp"
       }
+    },
+    {
+      "if": {
+        "pressed": true
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0.2
+        }
+      }
+    },
+    {
+      "if": {
+        "compact": true
+      },
+      "tokens": {}
     }
   ],
   "tokens": {
     "backgroundColor": {
-      "red": 0.93725,
-      "green": 0.93725,
-      "blue": 0.93725,
-      "alpha": 1
+      "red": 0,
+      "green": 0,
+      "blue": 0,
+      "alpha": 0
     },
     "borderBottomLeftRadius": 0,
     "borderBottomRightRadius": 0,
@@ -78,7 +96,7 @@
     },
     "borderTopLeftRadius": 0,
     "borderTopRightRadius": 0,
-    "borderWidth": 0,
+    "borderWidth": 2,
     "icon": "PaletteIconChevronDown",
     "iconColor": {
       "red": 0,
@@ -91,10 +109,10 @@
     "iconPosition": "right",
     "iconSize": 16,
     "justifyContent": "space-between",
-    "paddingBottom": 16,
-    "paddingLeft": 24,
-    "paddingRight": 24,
-    "paddingTop": 16,
+    "paddingBottom": 14,
+    "paddingLeft": 22,
+    "paddingRight": 22,
+    "paddingTop": 14,
     "textLine": "none",
     "verticalAlign": "middle"
   }

package/build/ios/Skeleton.json

@@ -11,6 +11,7 @@
       "blue": 0.78431,
       "alpha": 1
     },
+    "lineRadius": 4,
     "radius": 99999999999999,
     "secondColor": {
       "red": 0.93725,