@telus-uds/theme-koodo 7.21.0 → 7.23.0

package/build/android/theme.json

@@ -3017,7 +3017,7 @@
               "red": 1,
               "green": 1,
               "blue": 1,
-              "alpha": 0.2
+              "alpha": 0.4
             }
           }
         },
@@ -3032,7 +3032,7 @@
               "red": 1,
               "green": 1,
               "blue": 1,
-              "alpha": 0.2
+              "alpha": 0.4
             }
           }
         },
@@ -3047,7 +3047,7 @@
               "red": 1,
               "green": 1,
               "blue": 1,
-              "alpha": 0.2
+              "alpha": 0.4
             }
           }
         }
@@ -3591,6 +3591,8 @@
           "blue": 0.98824,
           "alpha": 1
         },
+        "iconContainerHeight": null,
+        "iconContainerWidth": null,
         "iconSize": 14,
         "inputBackgroundColor": {
           "red": 1,
@@ -3606,7 +3608,7 @@
         },
         "inputBorderRadius": 0,
         "inputBorderWidth": 2,
-        "inputHeight": 20,
+        "inputHeight": 24,
         "inputOutlineColor": {
           "red": 0,
           "green": 0,
@@ -3616,7 +3618,7 @@
         "inputOutlineOffset": 1,
         "inputOutlineWidth": 0,
         "inputShadow": null,
-        "inputWidth": 20,
+        "inputWidth": 24,
         "labelColor": {
           "red": 0,
           "green": 0,
@@ -3627,7 +3629,12 @@
         "labelFontSize": 16,
         "labelFontWeight": 400,
         "labelLineHeight": 1.5,
-        "labelMarginLeft": 8
+        "labelMarginLeft": 8,
+        "padding": null,
+        "paddingBottom": null,
+        "paddingLeft": null,
+        "paddingRight": null,
+        "paddingTop": null
       }
     },
     "CheckboxCard": {
@@ -9795,6 +9802,10 @@
           "type": "variant",
           "values": ["micro", "small", "medium", "large"]
         },
+        "style": {
+          "type": "variant",
+          "values": ["inverse"]
+        },
         "viewport": {
           "description": "The size label for the current screen viewport based on the current screen width",
           "values": ["xs", "sm", "md", "lg", "xl"],
@@ -9927,6 +9938,31 @@
             "centsLineHeight": 1,
             "rateLineHeight": 1.72
           }
+        },
+        {
+          "if": {
+            "style": "inverse"
+          },
+          "tokens": {
+            "fontColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "footnoteLinkColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "strikeThroughColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            }
+          }
         }
       ],
       "tokens": {
@@ -10288,6 +10324,10 @@
           "type": "variant",
           "values": [true]
         },
+        "inactive": {
+          "type": "variant",
+          "values": [true]
+        },
         "pressed": {
           "type": "variant",
           "values": [true]
@@ -10316,6 +10356,14 @@
             }
           }
         },
+        {
+          "if": {
+            "focus": true
+          },
+          "tokens": {
+            "inputBorderWidth": 3
+          }
+        },
         {
           "if": {
             "disabled": true
@@ -10327,6 +10375,7 @@
               "blue": 0.93725,
               "alpha": 1
             },
+            "inputBorderWidth": 1,
             "textColor": {
               "red": 0.78824,
               "green": 0.78431,
@@ -10337,10 +10386,22 @@
         },
         {
           "if": {
-            "focus": true
+            "inactive": true
           },
           "tokens": {
-            "inputBorderWidth": 3
+            "inputBackgroundColor": {
+              "red": 0.93725,
+              "green": 0.93725,
+              "blue": 0.93725,
+              "alpha": 1
+            },
+            "inputBorderWidth": 1,
+            "textColor": {
+              "red": 0.4,
+              "green": 0.4,
+              "blue": 0.4,
+              "alpha": 1
+            }
           }
         }
       ],
@@ -10366,6 +10427,7 @@
         "paddingLeft": 12,
         "paddingRight": 12,
         "paddingTop": 12,
+        "showTopSpace": true,
         "textColor": {
           "red": 0,
           "green": 0,
@@ -10396,6 +10458,10 @@
           "type": "variant",
           "values": [true]
         },
+        "inactive": {
+          "type": "variant",
+          "values": [true]
+        },
         "increase": {
           "type": "variant",
           "values": [true]
@@ -10479,25 +10545,6 @@
             "borderTopWidth": 3
           }
         },
-        {
-          "if": {
-            "disabled": true
-          },
-          "tokens": {
-            "backgroundColor": {
-              "red": 0.93725,
-              "green": 0.93725,
-              "blue": 0.93725,
-              "alpha": 1
-            },
-            "iconColor": {
-              "red": 0.78824,
-              "green": 0.78431,
-              "blue": 0.78431,
-              "alpha": 1
-            }
-          }
-        },
         {
           "if": {
             "alternative": true
@@ -10526,6 +10573,45 @@
             "borderBottomLeftRadius": 24,
             "borderTopLeftRadius": 24
           }
+        },
+        {
+          "if": {
+            "disabled": true
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.93725,
+              "green": 0.93725,
+              "blue": 0.93725,
+              "alpha": 1
+            },
+            "borderWidth": 1,
+            "iconColor": {
+              "red": 0.78824,
+              "green": 0.78431,
+              "blue": 0.78431,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "inactive": true
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.93725,
+              "green": 0.93725,
+              "blue": 0.93725,
+              "alpha": 1
+            },
+            "iconColor": {
+              "red": 0.78824,
+              "green": 0.78431,
+              "blue": 0.78431,
+              "alpha": 1
+            }
+          }
         }
       ],
       "tokens": {
@@ -10680,7 +10766,7 @@
           "alpha": 1
         },
         "outerBorderGap": 2,
-        "outerBorderWidth": 2,
+        "outerBorderWidth": 0,
         "paddingBottom": 12,
         "paddingLeft": 24,
         "paddingRight": 24,
@@ -16486,7 +16572,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "4.18.0",
+    "themeTokensVersion": "4.19.0",
     "name": "theme-koodo"
   }
 }

package/build/ios/Card.json

@@ -697,7 +697,7 @@
           "red": 1,
           "green": 1,
           "blue": 1,
-          "alpha": 0.2
+          "alpha": 0.4
         }
       }
     },
@@ -712,7 +712,7 @@
           "red": 1,
           "green": 1,
           "blue": 1,
-          "alpha": 0.2
+          "alpha": 0.4
         }
       }
     },
@@ -727,7 +727,7 @@
           "red": 1,
           "green": 1,
           "blue": 1,
-          "alpha": 0.2
+          "alpha": 0.4
         }
       }
     }

package/build/ios/Checkbox.json

@@ -102,6 +102,8 @@
       "blue": 0.98824,
       "alpha": 1
     },
+    "iconContainerHeight": null,
+    "iconContainerWidth": null,
     "iconSize": 14,
     "inputBackgroundColor": {
       "red": 1,
@@ -117,7 +119,7 @@
     },
     "inputBorderRadius": 0,
     "inputBorderWidth": 2,
-    "inputHeight": 20,
+    "inputHeight": 24,
     "inputOutlineColor": {
       "red": 0,
       "green": 0,
@@ -127,7 +129,7 @@
     "inputOutlineOffset": 1,
     "inputOutlineWidth": 0,
     "inputShadow": null,
-    "inputWidth": 20,
+    "inputWidth": 24,
     "labelColor": {
       "red": 0,
       "green": 0,
@@ -138,6 +140,11 @@
     "labelFontSize": 16,
     "labelFontWeight": 400,
     "labelLineHeight": 1.5,
-    "labelMarginLeft": 8
+    "labelMarginLeft": 8,
+    "padding": null,
+    "paddingBottom": null,
+    "paddingLeft": null,
+    "paddingRight": null,
+    "paddingTop": null
   }
 }

package/build/ios/PriceLockup.json

@@ -8,6 +8,10 @@
       "type": "variant",
       "values": ["micro", "small", "medium", "large"]
     },
+    "style": {
+      "type": "variant",
+      "values": ["inverse"]
+    },
     "viewport": {
       "description": "The size label for the current screen viewport based on the current screen width",
       "values": ["xs", "sm", "md", "lg", "xl"],
@@ -140,6 +144,31 @@
         "centsLineHeight": 1,
         "rateLineHeight": 1.72
       }
+    },
+    {
+      "if": {
+        "style": "inverse"
+      },
+      "tokens": {
+        "fontColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        },
+        "footnoteLinkColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        },
+        "strikeThroughColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        }
+      }
     }
   ],
   "tokens": {

package/build/ios/QuantitySelector.json

@@ -16,6 +16,10 @@
       "type": "variant",
       "values": [true]
     },
+    "inactive": {
+      "type": "variant",
+      "values": [true]
+    },
     "pressed": {
       "type": "variant",
       "values": [true]
@@ -44,6 +48,14 @@
         }
       }
     },
+    {
+      "if": {
+        "focus": true
+      },
+      "tokens": {
+        "inputBorderWidth": 3
+      }
+    },
     {
       "if": {
         "disabled": true
@@ -55,6 +67,7 @@
           "blue": 0.93725,
           "alpha": 1
         },
+        "inputBorderWidth": 1,
         "textColor": {
           "red": 0.78824,
           "green": 0.78431,
@@ -65,10 +78,22 @@
     },
     {
       "if": {
-        "focus": true
+        "inactive": true
       },
       "tokens": {
-        "inputBorderWidth": 3
+        "inputBackgroundColor": {
+          "red": 0.93725,
+          "green": 0.93725,
+          "blue": 0.93725,
+          "alpha": 1
+        },
+        "inputBorderWidth": 1,
+        "textColor": {
+          "red": 0.4,
+          "green": 0.4,
+          "blue": 0.4,
+          "alpha": 1
+        }
       }
     }
   ],
@@ -94,6 +119,7 @@
     "paddingLeft": 12,
     "paddingRight": 12,
     "paddingTop": 12,
+    "showTopSpace": true,
     "textColor": {
       "red": 0,
       "green": 0,

package/build/ios/QuantitySelectorSideButton.json

@@ -20,6 +20,10 @@
       "type": "variant",
       "values": [true]
     },
+    "inactive": {
+      "type": "variant",
+      "values": [true]
+    },
     "increase": {
       "type": "variant",
       "values": [true]
@@ -103,25 +107,6 @@
         "borderTopWidth": 3
       }
     },
-    {
-      "if": {
-        "disabled": true
-      },
-      "tokens": {
-        "backgroundColor": {
-          "red": 0.93725,
-          "green": 0.93725,
-          "blue": 0.93725,
-          "alpha": 1
-        },
-        "iconColor": {
-          "red": 0.78824,
-          "green": 0.78431,
-          "blue": 0.78431,
-          "alpha": 1
-        }
-      }
-    },
     {
       "if": {
         "alternative": true
@@ -150,6 +135,45 @@
         "borderBottomLeftRadius": 24,
         "borderTopLeftRadius": 24
       }
+    },
+    {
+      "if": {
+        "disabled": true
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.93725,
+          "green": 0.93725,
+          "blue": 0.93725,
+          "alpha": 1
+        },
+        "borderWidth": 1,
+        "iconColor": {
+          "red": 0.78824,
+          "green": 0.78431,
+          "blue": 0.78431,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "inactive": true
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.93725,
+          "green": 0.93725,
+          "blue": 0.93725,
+          "alpha": 1
+        },
+        "iconColor": {
+          "red": 0.78824,
+          "green": 0.78431,
+          "blue": 0.78431,
+          "alpha": 1
+        }
+      }
     }
   ],
   "tokens": {

package/build/ios/QuickLinksButton.json

@@ -83,7 +83,7 @@
       "alpha": 1
     },
     "outerBorderGap": 2,
-    "outerBorderWidth": 2,
+    "outerBorderWidth": 0,
     "paddingBottom": 12,
     "paddingLeft": 24,
     "paddingRight": 24,