@telus-uds/theme-allium 7.20.0 → 7.22.0

package/build/android/theme.json

@@ -2868,10 +2868,10 @@
           },
           "tokens": {
             "backgroundColor": {
-              "red": 0.29412,
-              "green": 0.15686,
-              "blue": 0.42745,
-              "alpha": 1
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
             },
             "backgroundGradient": {
               "type": "linear",
@@ -3907,6 +3907,8 @@
           "blue": 1,
           "alpha": 1
         },
+        "iconContainerHeight": 24,
+        "iconContainerWidth": 24,
         "iconSize": 16,
         "inputBackgroundColor": {
           "red": 1,
@@ -3943,7 +3945,12 @@
         "labelFontSize": 16,
         "labelFontWeight": 400,
         "labelLineHeight": 1.5,
-        "labelMarginLeft": 8
+        "labelMarginLeft": 8,
+        "padding": null,
+        "paddingBottom": null,
+        "paddingLeft": null,
+        "paddingRight": null,
+        "paddingTop": null
       }
     },
     "CheckboxCard": {
@@ -10128,6 +10135,10 @@
           "type": "variant",
           "values": [true]
         },
+        "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"],
@@ -10270,6 +10281,37 @@
             "centsFontWeight": 300,
             "centsLineHeight": 1
           }
+        },
+        {
+          "if": {
+            "style": "inverse"
+          },
+          "tokens": {
+            "dividerColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "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": {
@@ -10675,6 +10717,10 @@
           "type": "variant",
           "values": [true]
         },
+        "inactive": {
+          "type": "variant",
+          "values": [true]
+        },
         "pressed": {
           "type": "variant",
           "values": [true]
@@ -10748,6 +10794,52 @@
             },
             "inputBorderWidth": 3
           }
+        },
+        {
+          "if": {
+            "disabled": true
+          },
+          "tokens": {
+            "inputBackgroundColor": {
+              "red": 0.98039,
+              "green": 0.98039,
+              "blue": 0.98039,
+              "alpha": 1
+            },
+            "inputBorderWidth": 1,
+            "textColor": {
+              "red": 0.69804,
+              "green": 0.72549,
+              "blue": 0.74902,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "inactive": true
+          },
+          "tokens": {
+            "inputBackgroundColor": {
+              "red": 0.98039,
+              "green": 0.98039,
+              "blue": 0.98039,
+              "alpha": 1
+            },
+            "inputBorderColor": {
+              "red": 0.98039,
+              "green": 0.98039,
+              "blue": 0.98039,
+              "alpha": 1
+            },
+            "inputBorderWidth": 1,
+            "textColor": {
+              "red": 0.69804,
+              "green": 0.72549,
+              "blue": 0.74902,
+              "alpha": 1
+            }
+          }
         }
       ],
       "tokens": {
@@ -10772,6 +10864,7 @@
         "paddingLeft": 12,
         "paddingRight": 12,
         "paddingTop": 12,
+        "showTopSpace": true,
         "textColor": {
           "red": 0.2549,
           "green": 0.27059,
@@ -10802,6 +10895,10 @@
           "type": "variant",
           "values": [true]
         },
+        "inactive": {
+          "type": "variant",
+          "values": [true]
+        },
         "increase": {
           "type": "variant",
           "values": [true]
@@ -10890,25 +10987,6 @@
             "borderTopWidth": 3
           }
         },
-        {
-          "if": {
-            "disabled": true
-          },
-          "tokens": {
-            "backgroundColor": {
-              "red": 0.98039,
-              "green": 0.98039,
-              "blue": 0.98039,
-              "alpha": 1
-            },
-            "iconColor": {
-              "red": 0.8902,
-              "green": 0.90196,
-              "blue": 0.9098,
-              "alpha": 1
-            }
-          }
-        },
         {
           "if": {
             "alternative": true
@@ -10937,6 +11015,51 @@
             "borderBottomLeftRadius": 24,
             "borderTopLeftRadius": 24
           }
+        },
+        {
+          "if": {
+            "disabled": true
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.98039,
+              "green": 0.98039,
+              "blue": 0.98039,
+              "alpha": 1
+            },
+            "borderWidth": 1,
+            "iconColor": {
+              "red": 0.8902,
+              "green": 0.90196,
+              "blue": 0.9098,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "inactive": true
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.98039,
+              "green": 0.98039,
+              "blue": 0.98039,
+              "alpha": 1
+            },
+            "borderColor": {
+              "red": 0.98039,
+              "green": 0.98039,
+              "blue": 0.98039,
+              "alpha": 1
+            },
+            "iconColor": {
+              "red": 0.8902,
+              "green": 0.90196,
+              "blue": 0.9098,
+              "alpha": 1
+            }
+          }
         }
       ],
       "tokens": {
@@ -11026,7 +11149,13 @@
               "blue": 0.74902,
               "alpha": 1
             },
-            "borderWidth": 3
+            "borderWidth": 3,
+            "iconColor": {
+              "red": 0.40392,
+              "green": 0.43137,
+              "blue": 0.45098,
+              "alpha": 1
+            }
           }
         }
       ],
@@ -17141,7 +17270,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "4.18.0",
+    "themeTokensVersion": "4.19.0",
     "name": "theme-allium"
   }
 }

package/build/ios/Card.json

@@ -304,10 +304,10 @@
       },
       "tokens": {
         "backgroundColor": {
-          "red": 0.29412,
-          "green": 0.15686,
-          "blue": 0.42745,
-          "alpha": 1
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
         },
         "backgroundGradient": {
           "type": "linear",

package/build/ios/Checkbox.json

@@ -107,6 +107,8 @@
       "blue": 1,
       "alpha": 1
     },
+    "iconContainerHeight": 24,
+    "iconContainerWidth": 24,
     "iconSize": 16,
     "inputBackgroundColor": {
       "red": 1,
@@ -143,6 +145,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

@@ -12,6 +12,10 @@
       "type": "variant",
       "values": [true]
     },
+    "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"],
@@ -154,6 +158,37 @@
         "centsFontWeight": 300,
         "centsLineHeight": 1
       }
+    },
+    {
+      "if": {
+        "style": "inverse"
+      },
+      "tokens": {
+        "dividerColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        },
+        "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]
@@ -89,6 +93,52 @@
         },
         "inputBorderWidth": 3
       }
+    },
+    {
+      "if": {
+        "disabled": true
+      },
+      "tokens": {
+        "inputBackgroundColor": {
+          "red": 0.98039,
+          "green": 0.98039,
+          "blue": 0.98039,
+          "alpha": 1
+        },
+        "inputBorderWidth": 1,
+        "textColor": {
+          "red": 0.69804,
+          "green": 0.72549,
+          "blue": 0.74902,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "inactive": true
+      },
+      "tokens": {
+        "inputBackgroundColor": {
+          "red": 0.98039,
+          "green": 0.98039,
+          "blue": 0.98039,
+          "alpha": 1
+        },
+        "inputBorderColor": {
+          "red": 0.98039,
+          "green": 0.98039,
+          "blue": 0.98039,
+          "alpha": 1
+        },
+        "inputBorderWidth": 1,
+        "textColor": {
+          "red": 0.69804,
+          "green": 0.72549,
+          "blue": 0.74902,
+          "alpha": 1
+        }
+      }
     }
   ],
   "tokens": {
@@ -113,6 +163,7 @@
     "paddingLeft": 12,
     "paddingRight": 12,
     "paddingTop": 12,
+    "showTopSpace": true,
     "textColor": {
       "red": 0.2549,
       "green": 0.27059,

package/build/ios/QuantitySelectorSideButton.json

@@ -20,6 +20,10 @@
       "type": "variant",
       "values": [true]
     },
+    "inactive": {
+      "type": "variant",
+      "values": [true]
+    },
     "increase": {
       "type": "variant",
       "values": [true]
@@ -108,25 +112,6 @@
         "borderTopWidth": 3
       }
     },
-    {
-      "if": {
-        "disabled": true
-      },
-      "tokens": {
-        "backgroundColor": {
-          "red": 0.98039,
-          "green": 0.98039,
-          "blue": 0.98039,
-          "alpha": 1
-        },
-        "iconColor": {
-          "red": 0.8902,
-          "green": 0.90196,
-          "blue": 0.9098,
-          "alpha": 1
-        }
-      }
-    },
     {
       "if": {
         "alternative": true
@@ -155,6 +140,51 @@
         "borderBottomLeftRadius": 24,
         "borderTopLeftRadius": 24
       }
+    },
+    {
+      "if": {
+        "disabled": true
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.98039,
+          "green": 0.98039,
+          "blue": 0.98039,
+          "alpha": 1
+        },
+        "borderWidth": 1,
+        "iconColor": {
+          "red": 0.8902,
+          "green": 0.90196,
+          "blue": 0.9098,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "inactive": true
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.98039,
+          "green": 0.98039,
+          "blue": 0.98039,
+          "alpha": 1
+        },
+        "borderColor": {
+          "red": 0.98039,
+          "green": 0.98039,
+          "blue": 0.98039,
+          "alpha": 1
+        },
+        "iconColor": {
+          "red": 0.8902,
+          "green": 0.90196,
+          "blue": 0.9098,
+          "alpha": 1
+        }
+      }
     }
   ],
   "tokens": {

package/build/ios/QuickLinksButton.json

@@ -18,7 +18,13 @@
           "blue": 0.74902,
           "alpha": 1
         },
-        "borderWidth": 3
+        "borderWidth": 3,
+        "iconColor": {
+          "red": 0.40392,
+          "green": 0.43137,
+          "blue": 0.45098,
+          "alpha": 1
+        }
       }
     }
   ],