@telus-uds/theme-allium 7.16.0 → 7.17.0

package/build/android/theme.json

@@ -1990,58 +1990,6 @@
             }
           }
         },
-        {
-          "if": {
-            "selected": true
-          },
-          "tokens": {
-            "backgroundColor": {
-              "red": 0.29412,
-              "green": 0.15686,
-              "blue": 0.42745,
-              "alpha": 1
-            },
-            "borderWidth": 0,
-            "color": {
-              "red": 1,
-              "green": 1,
-              "blue": 1,
-              "alpha": 1
-            },
-            "iconBackground": {
-              "red": 0.48627,
-              "green": 0.32549,
-              "blue": 0.64706,
-              "alpha": 1
-            },
-            "iconColor": {
-              "red": 1,
-              "green": 1,
-              "blue": 1,
-              "alpha": 1
-            }
-          }
-        },
-        {
-          "if": {
-            "pressed": true,
-            "selected": true
-          },
-          "tokens": {
-            "backgroundColor": {
-              "red": 0.24706,
-              "green": 0.16471,
-              "blue": 0.32941,
-              "alpha": 1
-            },
-            "iconBackground": {
-              "red": 0.38039,
-              "green": 0.21961,
-              "blue": 0.53725,
-              "alpha": 1
-            }
-          }
-        },
         {
           "if": {
             "size": "small"
@@ -8704,15 +8652,15 @@
           },
           "tokens": {
             "buttonIconBackgroundColor": {
-              "red": 0.48627,
-              "green": 0.32549,
-              "blue": 0.64706,
+              "red": 0.95686,
+              "green": 0.95686,
+              "blue": 0.96863,
               "alpha": 1
             },
             "labelColor": {
-              "red": 1,
-              "green": 1,
-              "blue": 1,
+              "red": 0.40392,
+              "green": 0.43137,
+              "blue": 0.45098,
               "alpha": 1
             }
           }
@@ -8726,9 +8674,9 @@
           "alpha": 1
         },
         "buttonBackgroundColorSelected": {
-          "red": 0.29412,
-          "green": 0.15686,
-          "blue": 0.42745,
+          "red": 1,
+          "green": 1,
+          "blue": 1,
           "alpha": 1
         },
         "buttonBorderColor": {
@@ -8781,9 +8729,9 @@
           "alpha": 1
         },
         "iconColorSelected": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
+          "red": 0.2549,
+          "green": 0.27059,
+          "blue": 0.27843,
           "alpha": 1
         },
         "labelColor": {
@@ -12864,6 +12812,10 @@
           "type": "variant",
           "values": [true]
         },
+        "style": {
+          "type": "variant",
+          "values": ["default", "bar"]
+        },
         "viewport": {
           "description": "The size label for the current screen viewport based on the current screen width",
           "values": ["xs", "sm", "md", "lg", "xl"],
@@ -12952,9 +12904,38 @@
               "alpha": 1
             }
           }
+        },
+        {
+          "if": {
+            "style": "bar"
+          },
+          "tokens": {
+            "barGap": 4,
+            "barHeight": 8
+          }
         }
       ],
       "tokens": {
+        "barBackgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0.1
+        },
+        "barCompletedBackgroundColor": {
+          "red": 0.38039,
+          "green": 0.21961,
+          "blue": 0.53725,
+          "alpha": 1
+        },
+        "barCurrentBackgroundColor": {
+          "red": 0.38039,
+          "green": 0.21961,
+          "blue": 0.53725,
+          "alpha": 1
+        },
+        "barGap": null,
+        "barHeight": null,
         "completedIcon": null,
         "completedIconColor": {
           "red": 0,
@@ -13039,9 +13020,9 @@
           "alpha": 1
         },
         "labelCurrentColor": {
-          "red": 0.48627,
-          "green": 0.32549,
-          "blue": 0.64706,
+          "red": 0.29412,
+          "green": 0.15686,
+          "blue": 0.42745,
           "alpha": 1
         },
         "labelCurrentFontName": "HNforTELUSSA",
@@ -16559,7 +16540,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "4.14.0",
+    "themeTokensVersion": "4.15.0",
     "name": "theme-allium"
   }
 }

package/build/ios/ButtonDropdown.json

@@ -101,58 +101,6 @@
         }
       }
     },
-    {
-      "if": {
-        "selected": true
-      },
-      "tokens": {
-        "backgroundColor": {
-          "red": 0.29412,
-          "green": 0.15686,
-          "blue": 0.42745,
-          "alpha": 1
-        },
-        "borderWidth": 0,
-        "color": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
-        "iconBackground": {
-          "red": 0.48627,
-          "green": 0.32549,
-          "blue": 0.64706,
-          "alpha": 1
-        },
-        "iconColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        }
-      }
-    },
-    {
-      "if": {
-        "pressed": true,
-        "selected": true
-      },
-      "tokens": {
-        "backgroundColor": {
-          "red": 0.24706,
-          "green": 0.16471,
-          "blue": 0.32941,
-          "alpha": 1
-        },
-        "iconBackground": {
-          "red": 0.38039,
-          "green": 0.21961,
-          "blue": 0.53725,
-          "alpha": 1
-        }
-      }
-    },
     {
       "if": {
         "size": "small"

package/build/ios/MultiSelectFilter.json

@@ -55,15 +55,15 @@
       },
       "tokens": {
         "buttonIconBackgroundColor": {
-          "red": 0.48627,
-          "green": 0.32549,
-          "blue": 0.64706,
+          "red": 0.95686,
+          "green": 0.95686,
+          "blue": 0.96863,
           "alpha": 1
         },
         "labelColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
+          "red": 0.40392,
+          "green": 0.43137,
+          "blue": 0.45098,
           "alpha": 1
         }
       }
@@ -77,9 +77,9 @@
       "alpha": 1
     },
     "buttonBackgroundColorSelected": {
-      "red": 0.29412,
-      "green": 0.15686,
-      "blue": 0.42745,
+      "red": 1,
+      "green": 1,
+      "blue": 1,
       "alpha": 1
     },
     "buttonBorderColor": {
@@ -132,9 +132,9 @@
       "alpha": 1
     },
     "iconColorSelected": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
+      "red": 0.2549,
+      "green": 0.27059,
+      "blue": 0.27843,
       "alpha": 1
     },
     "labelColor": {

package/build/ios/StepTracker.json

@@ -5,6 +5,10 @@
       "type": "variant",
       "values": [true]
     },
+    "style": {
+      "type": "variant",
+      "values": ["default", "bar"]
+    },
     "viewport": {
       "description": "The size label for the current screen viewport based on the current screen width",
       "values": ["xs", "sm", "md", "lg", "xl"],
@@ -93,9 +97,38 @@
           "alpha": 1
         }
       }
+    },
+    {
+      "if": {
+        "style": "bar"
+      },
+      "tokens": {
+        "barGap": 4,
+        "barHeight": 8
+      }
     }
   ],
   "tokens": {
+    "barBackgroundColor": {
+      "red": 0,
+      "green": 0,
+      "blue": 0,
+      "alpha": 0.1
+    },
+    "barCompletedBackgroundColor": {
+      "red": 0.38039,
+      "green": 0.21961,
+      "blue": 0.53725,
+      "alpha": 1
+    },
+    "barCurrentBackgroundColor": {
+      "red": 0.38039,
+      "green": 0.21961,
+      "blue": 0.53725,
+      "alpha": 1
+    },
+    "barGap": null,
+    "barHeight": null,
     "completedIcon": null,
     "completedIconColor": {
       "red": 0,
@@ -180,9 +213,9 @@
       "alpha": 1
     },
     "labelCurrentColor": {
-      "red": 0.48627,
-      "green": 0.32549,
-      "blue": 0.64706,
+      "red": 0.29412,
+      "green": 0.15686,
+      "blue": 0.42745,
       "alpha": 1
     },
     "labelCurrentFontName": "HNforTELUSSA",