@telus-uds/theme-allium 3.10.1 → 3.11.0

package/build/ios/theme.json

@@ -1184,6 +1184,8 @@
         "fontName": "HelveticaNow",
         "fontSize": 14,
         "fontWeight": 700,
+        "iconSize": 20,
+        "iconSpace": 2,
         "lineHeight": 1.5,
         "minWidth": 0,
         "opacity": 1,
@@ -1876,8 +1878,9 @@
           "alpha": 1
         },
         "iconGap": 8,
+        "iconPaddingTop": 4,
         "iconPosition": "left",
-        "iconSize": 24,
+        "iconSize": 16,
         "justifyContent": "flex-start",
         "paddingBottom": 16,
         "paddingLeft": 8,
@@ -3716,6 +3719,56 @@
         "shadow": null
       }
     },
+    "QuickLinksFeature": {
+      "appearances": {},
+      "rules": [],
+      "tokens": {
+        "stackGap": 5,
+        "stackJustify": "center",
+        "stackSpace": 5
+      }
+    },
+    "QuickLinksFeatureItem": {
+      "appearances": {
+        "viewport": {
+          "description": "The size label for the current screen viewport based on the current screen width",
+          "values": ["xs", "sm", "md", "lg", "xl"],
+          "type": "state"
+        }
+      },
+      "rules": [
+        {
+          "if": {
+            "viewport": "xl"
+          },
+          "tokens": {
+            "contentMaxDimension": 184,
+            "imageDimension": 168
+          }
+        }
+      ],
+      "tokens": {
+        "color": {
+          "red": 0.17255,
+          "green": 0.18039,
+          "blue": 0.18824,
+          "alpha": 1
+        },
+        "contentAlignItems": "center",
+        "contentDirection": "column",
+        "contentMaxDimension": 140,
+        "contentSpace": 3,
+        "imageDimension": 128,
+        "outerBorderColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "textAlign": "center",
+        "textLine": "none"
+      }
+    },
     "QuickLinksList": {
       "appearances": {
         "pressed": {
@@ -4828,6 +4881,11 @@
     },
     "StepTracker": {
       "appearances": {
+        "inverse": {
+          "description": "Styles the step tracker for using on dark backgrounds.",
+          "type": "variant",
+          "values": [true]
+        },
         "viewport": {
           "description": "The size label for the current screen viewport based on the current screen width",
           "values": ["xs", "sm", "md", "lg", "xl"],
@@ -4843,6 +4901,79 @@
             "showStepLabel": true,
             "showStepTrackerLabel": false
           }
+        },
+        {
+          "if": {
+            "inverse": true
+          },
+          "tokens": {
+            "connectorColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "connectorCompletedColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "knobBackgroundColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
+            },
+            "knobBorderColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "knobCompletedBackgroundColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "knobCompletedBorderColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "knobCurrentBackgroundColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
+            },
+            "knobCurrentBorderColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "knobCurrentInnerColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "labelColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "labelCurrentColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            }
+          }
         }
       ],
       "tokens": {
@@ -6765,7 +6896,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "2.8.0",
+    "themeTokensVersion": "2.9.0",
     "name": "theme-allium"
   }
 }