@telus-uds/theme-allium 3.14.0 → 3.15.0

package/build/android/theme.json

@@ -2626,11 +2626,21 @@
           "type": "variant",
           "values": [true]
         },
+        "inactive": {
+          "description": "Prevents an interactive component from being interacted with and applies accessibility attributes to indicate to the user that this component cannot be used.",
+          "values": [true],
+          "type": "state"
+        },
         "inverse": {
           "description": "For use on dark backgrounds",
           "type": "variant",
           "values": [true]
         },
+        "password": {
+          "description": "Password masked or not",
+          "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],
@@ -2666,6 +2676,19 @@
             }
           }
         },
+        {
+          "if": {
+            "password": true
+          },
+          "tokens": {
+            "borderColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
+            }
+          }
+        },
         {
           "if": {
             "pressed": true
@@ -2692,6 +2715,33 @@
             "outerBorderGap": 4
           }
         },
+        {
+          "if": {
+            "password": true,
+            "pressed": true
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.24706,
+              "green": 0.16471,
+              "blue": 0.32941,
+              "alpha": 1
+            },
+            "borderColor": {
+              "red": 0.24706,
+              "green": 0.16471,
+              "blue": 0.32941,
+              "alpha": 1
+            },
+            "iconColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "outerBorderGap": 4
+          }
+        },
         {
           "if": {
             "inverse": true,
@@ -2811,6 +2861,33 @@
             "borderWidth": 0
           }
         },
+        {
+          "if": {
+            "inactive": true,
+            "password": true
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
+            },
+            "borderWidth": 0,
+            "iconColor": {
+              "red": 0.8902,
+              "green": 0.90196,
+              "blue": 0.9098,
+              "alpha": 1
+            },
+            "outerBorderColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
+            }
+          }
+        },
         {
           "if": {
             "compact": true
@@ -2842,7 +2919,7 @@
           "alpha": 1
         },
         "iconScale": 1,
-        "iconSize": 16,
+        "iconSize": 24,
         "iconTranslateX": 0,
         "iconTranslateY": 0,
         "outerBorderColor": {
@@ -5990,6 +6067,11 @@
           "values": [true],
           "type": "state"
         },
+        "password": {
+          "description": "capability that helps masking and unmasking text",
+          "type": "variant",
+          "values": [true]
+        },
         "validation": {
           "description": "Validation states for form inputs",
           "values": ["error", "success"],
@@ -6125,7 +6207,9 @@
         "paddingBottom": 12,
         "paddingLeft": 16,
         "paddingRight": 16,
-        "paddingTop": 12
+        "paddingTop": 12,
+        "passwordHideButtonIcon": "PaletteIconInvisible",
+        "passwordShowButtonIcon": "PaletteIconVisible"
       }
     },
     "Timeline": {
@@ -7236,7 +7320,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "2.12.0",
+    "themeTokensVersion": "2.13.0",
     "name": "theme-allium"
   }
 }