@telus-uds/theme-allium 3.13.0 → 3.15.0

package/build/ios/theme.json

@@ -1959,28 +1959,136 @@
     },
     "ChevronLink": {
       "appearances": {
+        "alternative": {
+          "type": "variant",
+          "values": [true]
+        },
+        "inverse": {
+          "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],
+          "type": "state"
+        },
         "size": {
-          "description": "Sets the size of the text and icon; these variants are shared with Link",
+          "description": "Sets the size of the text and icon; these variants are shared with ChevronLink",
           "type": "variant",
           "values": ["large", "small", "micro"]
         }
       },
       "rules": [
+        {
+          "if": {
+            "pressed": true
+          },
+          "tokens": {
+            "color": {
+              "red": 0.08627,
+              "green": 0.24314,
+              "blue": 0.02353,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "alternative": true
+          },
+          "tokens": {
+            "color": {
+              "red": 0.2549,
+              "green": 0.27059,
+              "blue": 0.27843,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "alternative": true,
+            "pressed": true
+          },
+          "tokens": {
+            "color": {
+              "red": 0.17255,
+              "green": 0.18039,
+              "blue": 0.18824,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "inverse": true
+          },
+          "tokens": {
+            "color": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "inverse": true,
+            "pressed": true
+          },
+          "tokens": {
+            "color": {
+              "red": 0.8902,
+              "green": 0.90196,
+              "blue": 0.9098,
+              "alpha": 1
+            }
+          }
+        },
         {
           "if": {
             "size": "large"
           },
           "tokens": {
-            "iconSize": 24
+            "iconSize": 20
+          }
+        },
+        {
+          "if": {
+            "size": "small"
+          },
+          "tokens": {
+            "iconSize": 14
+          }
+        },
+        {
+          "if": {
+            "size": "micro"
+          },
+          "tokens": {
+            "iconSize": 12
           }
         }
       ],
       "tokens": {
+        "color": {
+          "red": 0.16863,
+          "green": 0.50196,
+          "blue": 0,
+          "alpha": 1
+        },
         "iconDisplace": 0,
-        "iconSize": 20,
+        "iconSize": 24,
         "iconSpace": 1,
-        "leftIcon": "PaletteIconArrowLeft",
-        "rightIcon": "PaletteIconArrowRight",
+        "leftIcon": "PaletteIconChevronLeft",
+        "outerBorderColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "rightIcon": "PaletteIconChevronRight",
         "textLine": "none"
       }
     },
@@ -2518,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],
@@ -2558,6 +2676,19 @@
             }
           }
         },
+        {
+          "if": {
+            "password": true
+          },
+          "tokens": {
+            "borderColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
+            }
+          }
+        },
         {
           "if": {
             "pressed": true
@@ -2584,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,
@@ -2703,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
@@ -2734,7 +2919,7 @@
           "alpha": 1
         },
         "iconScale": 1,
-        "iconSize": 16,
+        "iconSize": 24,
         "iconTranslateX": 0,
         "iconTranslateY": 0,
         "outerBorderColor": {
@@ -5882,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"],
@@ -6017,7 +6207,9 @@
         "paddingBottom": 12,
         "paddingLeft": 16,
         "paddingRight": 16,
-        "paddingTop": 12
+        "paddingTop": 12,
+        "passwordHideButtonIcon": "PaletteIconInvisible",
+        "passwordShowButtonIcon": "PaletteIconVisible"
       }
     },
     "Timeline": {
@@ -7128,7 +7320,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "2.11.0",
+    "themeTokensVersion": "2.13.0",
     "name": "theme-allium"
   }
 }