@telus-uds/theme-allium 7.16.0 → 7.17.1

package/build/android/theme.json

@@ -1990,63 +1990,13 @@
             }
           }
         },
-        {
-          "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"
           },
           "tokens": {
+            "descriptionLineHeight": 1,
+            "iconSize": 20,
             "paddingBottom": 4,
             "paddingTop": 4
           }
@@ -2066,7 +2016,7 @@
           "blue": 0.74902,
           "alpha": 1
         },
-        "borderRadius": 32,
+        "borderRadius": 45,
         "borderWidth": 1,
         "color": {
           "red": 0.40392,
@@ -2075,8 +2025,9 @@
           "alpha": 1
         },
         "descriptionFontName": "HNforTELUSSA",
-        "descriptionFontSize": 14,
+        "descriptionFontSize": 16,
         "descriptionFontWeight": 400,
+        "descriptionLineHeight": 1.25,
         "descriptionTextPaddingBottom": 4,
         "dividerColor": {
           "red": 0.8902,
@@ -2085,7 +2036,7 @@
           "alpha": 1
         },
         "fontName": "HNforTELUSSA",
-        "fontSize": 14,
+        "fontSize": 16,
         "fontWeight": 700,
         "icon": "PaletteIconCaretDown",
         "iconAlignSelf": "center",
@@ -2104,7 +2055,7 @@
         },
         "iconPadding": 2,
         "iconPosition": "right",
-        "iconSize": 16,
+        "iconSize": 20,
         "iconSpace": 1,
         "iconTranslateX": 0,
         "iconTranslateY": 0,
@@ -2128,7 +2079,7 @@
         "leadIconContainerPaddingTop": 0,
         "leadIconPadding": 4,
         "leadIconSize": 24,
-        "lineHeight": 1.42857142857,
+        "lineHeight": 1.5,
         "minWidth": 0,
         "opacity": 1,
         "outerBackgroundColor": {
@@ -8704,15 +8655,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 +8677,9 @@
           "alpha": 1
         },
         "buttonBackgroundColorSelected": {
-          "red": 0.29412,
-          "green": 0.15686,
-          "blue": 0.42745,
+          "red": 1,
+          "green": 1,
+          "blue": 1,
           "alpha": 1
         },
         "buttonBorderColor": {
@@ -8781,9 +8732,9 @@
           "alpha": 1
         },
         "iconColorSelected": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
+          "red": 0.2549,
+          "green": 0.27059,
+          "blue": 0.27843,
           "alpha": 1
         },
         "labelColor": {
@@ -12864,6 +12815,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 +12907,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 +13023,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 +16543,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "4.14.0",
+    "themeTokensVersion": "4.15.1",
     "name": "theme-allium"
   }
 }

package/build/ios/ButtonDropdown.json

@@ -101,63 +101,13 @@
         }
       }
     },
-    {
-      "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"
       },
       "tokens": {
+        "descriptionLineHeight": 1,
+        "iconSize": 20,
         "paddingBottom": 4,
         "paddingTop": 4
       }
@@ -177,7 +127,7 @@
       "blue": 0.74902,
       "alpha": 1
     },
-    "borderRadius": 32,
+    "borderRadius": 45,
     "borderWidth": 1,
     "color": {
       "red": 0.40392,
@@ -186,8 +136,9 @@
       "alpha": 1
     },
     "descriptionFontName": "HNforTELUSSA",
-    "descriptionFontSize": 14,
+    "descriptionFontSize": 16,
     "descriptionFontWeight": 400,
+    "descriptionLineHeight": 1.25,
     "descriptionTextPaddingBottom": 4,
     "dividerColor": {
       "red": 0.8902,
@@ -196,7 +147,7 @@
       "alpha": 1
     },
     "fontName": "HNforTELUSSA",
-    "fontSize": 14,
+    "fontSize": 16,
     "fontWeight": 700,
     "icon": "PaletteIconCaretDown",
     "iconAlignSelf": "center",
@@ -215,7 +166,7 @@
     },
     "iconPadding": 2,
     "iconPosition": "right",
-    "iconSize": 16,
+    "iconSize": 20,
     "iconSpace": 1,
     "iconTranslateX": 0,
     "iconTranslateY": 0,
@@ -239,7 +190,7 @@
     "leadIconContainerPaddingTop": 0,
     "leadIconPadding": 4,
     "leadIconSize": 24,
-    "lineHeight": 1.42857142857,
+    "lineHeight": 1.5,
     "minWidth": 0,
     "opacity": 1,
     "outerBackgroundColor": {

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",