@telus-uds/theme-allium 4.20.0 → 4.21.0

package/build/ios/theme.json

@@ -3251,6 +3251,91 @@
         "textLine": "none"
       }
     },
+    "ColourToggle": {
+      "appearances": {
+        "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, false],
+          "type": "state"
+        },
+        "selected": {
+          "description": "Applies while an interactive component is the currently selected one in a set of states or components, for example a button in a `ButtonGroup`.",
+          "values": [true],
+          "type": "state"
+        }
+      },
+      "rules": [
+        {
+          "if": {
+            "pressed": true
+          },
+          "tokens": {
+            "bubbleBorderColor": {
+              "red": 0.8902,
+              "green": 0.90196,
+              "blue": 0.9098,
+              "alpha": 1
+            },
+            "bubbleBorderRadius": 45,
+            "bubbleBorderWidth": 1
+          }
+        },
+        {
+          "if": {
+            "selected": true
+          },
+          "tokens": {
+            "bubbleBorderColor": {
+              "red": 0.29412,
+              "green": 0.15686,
+              "blue": 0.42745,
+              "alpha": 1
+            },
+            "bubbleBorderRadius": 45,
+            "bubbleBorderWidth": 1
+          }
+        }
+      ],
+      "tokens": {
+        "borderColor": {
+          "red": 0.8902,
+          "green": 0.90196,
+          "blue": 0.9098,
+          "alpha": 1
+        },
+        "borderRadius": 45,
+        "borderWidth": 1,
+        "bubbleBorderColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "bubbleBorderRadius": 0,
+        "bubbleBorderWidth": 0,
+        "innerBubbleBorderRadius": 45,
+        "innerBubbleHeight": 40,
+        "innerBubbleWidth": 40,
+        "outerBubbleContentAlignItems": "center",
+        "outerBubbleHeight": 48,
+        "outerBubbleJustifyContent": "center",
+        "outerBubbleWidth": 48,
+        "shadow": {
+          "inset": true,
+          "offsetX": 0,
+          "offsetY": 2,
+          "blur": 2,
+          "spread": 0,
+          "color": {
+            "red": 0,
+            "green": 0,
+            "blue": 0,
+            "alpha": 0.1
+          }
+        },
+        "space": 2
+      }
+    },
     "Countdown": {
       "appearances": {
         "feature": {
@@ -12191,7 +12276,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "2.47.0",
+    "themeTokensVersion": "2.48.0",
     "name": "theme-allium"
   }
 }