@telus-uds/theme-public-mobile 4.20.0 → 4.21.0

package/build/android/Card.json

@@ -747,7 +747,7 @@
           "red": 1,
           "green": 1,
           "blue": 1,
-          "alpha": 0.2
+          "alpha": 0.4
         }
       }
     },
@@ -762,7 +762,7 @@
           "red": 1,
           "green": 1,
           "blue": 1,
-          "alpha": 0.2
+          "alpha": 0.4
         }
       }
     },
@@ -777,7 +777,7 @@
           "red": 1,
           "green": 1,
           "blue": 1,
-          "alpha": 0.2
+          "alpha": 0.4
         }
       }
     }

package/build/android/Checkbox.json

@@ -95,6 +95,8 @@
       "blue": 1,
       "alpha": 1
     },
+    "iconContainerHeight": 28,
+    "iconContainerWidth": 24,
     "iconSize": 16,
     "inputBackgroundColor": {
       "red": 1,
@@ -131,6 +133,11 @@
     "labelFontSize": 18,
     "labelFontWeight": 400,
     "labelLineHeight": 1.55555555,
-    "labelMarginLeft": 8
+    "labelMarginLeft": 8,
+    "padding": null,
+    "paddingBottom": null,
+    "paddingLeft": null,
+    "paddingRight": null,
+    "paddingTop": null
   }
 }

package/build/android/QuantitySelector.json

@@ -16,6 +16,10 @@
       "type": "variant",
       "values": [true]
     },
+    "inactive": {
+      "type": "variant",
+      "values": [true]
+    },
     "pressed": {
       "type": "variant",
       "values": [true]
@@ -46,6 +50,14 @@
         }
       }
     },
+    {
+      "if": {
+        "focus": true
+      },
+      "tokens": {
+        "inputBorderWidth": 3
+      }
+    },
     {
       "if": {
         "disabled": true
@@ -63,6 +75,7 @@
           "blue": 0.66667,
           "alpha": 1
         },
+        "inputBorderWidth": 1,
         "textColor": {
           "red": 0.80392,
           "green": 0.81176,
@@ -73,10 +86,28 @@
     },
     {
       "if": {
-        "focus": true
+        "inactive": true
       },
       "tokens": {
-        "inputBorderWidth": 3
+        "inputBackgroundColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        },
+        "inputBorderColor": {
+          "red": 0.61176,
+          "green": 0.62353,
+          "blue": 0.66667,
+          "alpha": 1
+        },
+        "inputBorderWidth": 1,
+        "textColor": {
+          "red": 0.80392,
+          "green": 0.81176,
+          "blue": 0.83529,
+          "alpha": 1
+        }
       }
     }
   ],
@@ -102,6 +133,7 @@
     "paddingLeft": 8,
     "paddingRight": 8,
     "paddingTop": 10,
+    "showTopSpace": true,
     "textColor": {
       "red": 0.22353,
       "green": 0.25098,

package/build/android/QuantitySelectorSideButton.json

@@ -20,6 +20,10 @@
       "type": "variant",
       "values": [true]
     },
+    "inactive": {
+      "type": "variant",
+      "values": [true]
+    },
     "increase": {
       "type": "variant",
       "values": [true]
@@ -102,6 +106,35 @@
         "borderTopWidth": 3
       }
     },
+    {
+      "if": {
+        "alternative": true
+      },
+      "tokens": {
+        "paddingBottom": 12,
+        "paddingTop": 12
+      }
+    },
+    {
+      "if": {
+        "alternative": true,
+        "increase": true
+      },
+      "tokens": {
+        "borderBottomRightRadius": 24,
+        "borderTopRightRadius": 24
+      }
+    },
+    {
+      "if": {
+        "alternative": true,
+        "decrease": true
+      },
+      "tokens": {
+        "borderBottomLeftRadius": 24,
+        "borderTopLeftRadius": 24
+      }
+    },
     {
       "if": {
         "disabled": true
@@ -119,6 +152,7 @@
           "blue": 0.66667,
           "alpha": 1
         },
+        "borderWidth": 1,
         "iconColor": {
           "red": 0.80392,
           "green": 0.81176,
@@ -129,31 +163,27 @@
     },
     {
       "if": {
-        "alternative": true
-      },
-      "tokens": {
-        "paddingBottom": 12,
-        "paddingTop": 12
-      }
-    },
-    {
-      "if": {
-        "alternative": true,
-        "increase": true
-      },
-      "tokens": {
-        "borderBottomRightRadius": 24,
-        "borderTopRightRadius": 24
-      }
-    },
-    {
-      "if": {
-        "alternative": true,
-        "decrease": true
+        "inactive": true
       },
       "tokens": {
-        "borderBottomLeftRadius": 24,
-        "borderTopLeftRadius": 24
+        "backgroundColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        },
+        "borderColor": {
+          "red": 0.61176,
+          "green": 0.62353,
+          "blue": 0.66667,
+          "alpha": 1
+        },
+        "iconColor": {
+          "red": 0.80392,
+          "green": 0.81176,
+          "blue": 0.83529,
+          "alpha": 1
+        }
       }
     }
   ],