@telus-uds/theme-allium 7.7.0 → 7.9.0

package/build/android/theme.json

@@ -4,7 +4,7 @@
       "appearances": {
         "validation": {
           "description": "Validation states for form inputs",
-          "values": ["error", "success", "warning"],
+          "values": ["error", "success", "warning", "feature"],
           "type": "state"
         }
       },
@@ -22,16 +22,16 @@
               "alpha": 1
             },
             "borderColor": {
-              "red": 0.70588,
-              "green": 0.52941,
-              "blue": 0.17255,
+              "red": 0.78039,
+              "green": 0.45882,
+              "blue": 0.22353,
               "alpha": 1
             },
             "statusIcon": "PaletteIconStatusWarning",
             "statusIconColor": {
-              "red": 0.70588,
-              "green": 0.52941,
-              "blue": 0.17255,
+              "red": 0.78039,
+              "green": 0.45882,
+              "blue": 0.22353,
               "alpha": 1
             }
           }
@@ -157,7 +157,11 @@
         "size": {
           "description": "used for full-screen spinners",
           "type": "variant",
-          "values": ["large"]
+          "values": ["large", "small"]
+        },
+        "style": {
+          "type": "variant",
+          "values": ["dots"]
         }
       },
       "rules": [
@@ -166,9 +170,20 @@
             "size": "large"
           },
           "tokens": {
+            "dotSize": 12,
             "size": 48,
             "thickness": 4
           }
+        },
+        {
+          "if": {
+            "size": "small"
+          },
+          "tokens": {
+            "dotSize": 6,
+            "size": 24,
+            "thickness": 3
+          }
         }
       ],
       "tokens": {
@@ -178,15 +193,21 @@
           "blue": 0,
           "alpha": 1
         },
-        "dotSize": 6,
+        "dotSize": 12,
+        "fullScreenOverlayBackground": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 0.97
+        },
         "indicatorBackgroundColor": {
           "red": 0.8902,
           "green": 0.96471,
           "blue": 0.81961,
           "alpha": 1
         },
-        "size": 24,
-        "thickness": 3
+        "size": 48,
+        "thickness": 4
       }
     },
     "Autocomplete": {
@@ -5507,7 +5528,7 @@
         },
         "validation": {
           "description": "Validation states for form inputs",
-          "values": ["error", "success", "warning"],
+          "values": ["error", "success", "warning", "feature"],
           "type": "state"
         }
       },
@@ -6347,9 +6368,9 @@
           },
           "tokens": {
             "color": {
-              "red": 0.70588,
-              "green": 0.52941,
-              "blue": 0.17255,
+              "red": 0.78039,
+              "green": 0.45882,
+              "blue": 0.22353,
               "alpha": 1
             }
           }
@@ -8133,12 +8154,24 @@
         },
         "buttonIconPadding": 2,
         "buttonIconSize": 16,
+        "containerBorderColor": {
+          "red": 0.8902,
+          "green": 0.90196,
+          "blue": 0.9098,
+          "alpha": 1
+        },
         "contentMarginBottom": 32,
         "contentMarginLeft": 16,
         "contentMarginRight": 16,
         "contentMarginTop": 24,
         "contentPaddingLeft": 16,
         "contentPaddingRight": 16,
+        "dividerColor": {
+          "red": 0.8902,
+          "green": 0.90196,
+          "blue": 0.9098,
+          "alpha": 1
+        },
         "headerFontColor": {
           "red": 0.2549,
           "green": 0.27059,
@@ -8344,7 +8377,7 @@
         },
         "validation": {
           "description": "Validation states for form inputs",
-          "values": ["error", "success", "warning"],
+          "values": ["error", "success", "warning", "feature"],
           "type": "state"
         },
         "viewport": {
@@ -8455,17 +8488,17 @@
               "alpha": 1
             },
             "borderColor": {
-              "red": 0.70588,
-              "green": 0.52941,
-              "blue": 0.17255,
+              "red": 0.78039,
+              "green": 0.45882,
+              "blue": 0.22353,
               "alpha": 1
             },
             "dismissIcon": null,
             "icon": "PaletteIconStatusWarning",
             "iconColor": {
-              "red": 0.70588,
-              "green": 0.52941,
-              "blue": 0.17255,
+              "red": 0.78039,
+              "green": 0.45882,
+              "blue": 0.22353,
               "alpha": 1
             }
           }
@@ -8482,17 +8515,17 @@
               "alpha": 1
             },
             "borderColor": {
-              "red": 0.70588,
-              "green": 0.52941,
-              "blue": 0.17255,
+              "red": 0.78039,
+              "green": 0.45882,
+              "blue": 0.22353,
               "alpha": 1
             },
             "dismissIcon": null,
             "icon": "PaletteIconStatusWarning",
             "iconColor": {
-              "red": 0.70588,
-              "green": 0.52941,
-              "blue": 0.17255,
+              "red": 0.78039,
+              "green": 0.45882,
+              "blue": 0.22353,
               "alpha": 1
             }
           }
@@ -8550,6 +8583,39 @@
               "alpha": 1
             }
           }
+        },
+        {
+          "if": {
+            "validation": "feature"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.29412,
+              "green": 0.15686,
+              "blue": 0.42745,
+              "alpha": 1
+            },
+            "borderColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
+            },
+            "color": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "dismissIcon": null,
+            "icon": "PaletteIconTagFilled",
+            "iconColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            }
+          }
         }
       ],
       "tokens": {
@@ -11100,7 +11166,7 @@
         },
         "validation": {
           "description": "Validation states for form inputs",
-          "values": ["error", "success", "warning"],
+          "values": ["error", "success", "warning", "feature"],
           "type": "state"
         }
       },
@@ -11748,9 +11814,9 @@
           "tokens": {
             "icon": "PaletteIconStatusWarning",
             "iconColor": {
-              "red": 0.70588,
-              "green": 0.52941,
-              "blue": 0.17255,
+              "red": 0.78039,
+              "green": 0.45882,
+              "blue": 0.22353,
               "alpha": 1
             }
           }
@@ -11957,9 +12023,9 @@
           },
           "tokens": {
             "backgroundColor": {
-              "red": 0.70588,
-              "green": 0.52941,
-              "blue": 0.17255,
+              "red": 0.78039,
+              "green": 0.45882,
+              "blue": 0.22353,
               "alpha": 1
             }
           }
@@ -13669,7 +13735,7 @@
         },
         "validation": {
           "description": "Validation states for form inputs",
-          "values": ["error", "success", "warning"],
+          "values": ["error", "success", "warning", "feature"],
           "type": "state"
         }
       },
@@ -14094,6 +14160,10 @@
         "labelFontWeight": 400,
         "labelLineHeight": 1.5,
         "labelMarginLeft": 0,
+        "mobileSwitchSize": 24,
+        "mobileTrackBorderWidth": 4,
+        "mobileTrackHeight": 32,
+        "mobileWidth": 48,
         "opacity": 1,
         "outerBackgroundColor": {
           "red": 0,
@@ -14895,9 +14965,9 @@
           },
           "tokens": {
             "color": {
-              "red": 0.70588,
-              "green": 0.52941,
-              "blue": 0.17255,
+              "red": 0.78039,
+              "green": 0.45882,
+              "blue": 0.22353,
               "alpha": 1
             }
           }
@@ -15607,7 +15677,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "4.5.0",
+    "themeTokensVersion": "4.7.0",
     "name": "theme-allium"
   }
 }

package/build/ios/ActionCard.json

@@ -2,7 +2,7 @@
   "appearances": {
     "validation": {
       "description": "Validation states for form inputs",
-      "values": ["error", "success", "warning"],
+      "values": ["error", "success", "warning", "feature"],
       "type": "state"
     }
   },
@@ -20,16 +20,16 @@
           "alpha": 1
         },
         "borderColor": {
-          "red": 0.70588,
-          "green": 0.52941,
-          "blue": 0.17255,
+          "red": 0.78039,
+          "green": 0.45882,
+          "blue": 0.22353,
           "alpha": 1
         },
         "statusIcon": "PaletteIconStatusWarning",
         "statusIconColor": {
-          "red": 0.70588,
-          "green": 0.52941,
-          "blue": 0.17255,
+          "red": 0.78039,
+          "green": 0.45882,
+          "blue": 0.22353,
           "alpha": 1
         }
       }

package/build/ios/ActivityIndicator.json

@@ -7,7 +7,11 @@
     "size": {
       "description": "used for full-screen spinners",
       "type": "variant",
-      "values": ["large"]
+      "values": ["large", "small"]
+    },
+    "style": {
+      "type": "variant",
+      "values": ["dots"]
     }
   },
   "rules": [
@@ -16,9 +20,20 @@
         "size": "large"
       },
       "tokens": {
+        "dotSize": 12,
         "size": 48,
         "thickness": 4
       }
+    },
+    {
+      "if": {
+        "size": "small"
+      },
+      "tokens": {
+        "dotSize": 6,
+        "size": 24,
+        "thickness": 3
+      }
     }
   ],
   "tokens": {
@@ -28,14 +43,20 @@
       "blue": 0,
       "alpha": 1
     },
-    "dotSize": 6,
+    "dotSize": 12,
+    "fullScreenOverlayBackground": {
+      "red": 1,
+      "green": 1,
+      "blue": 1,
+      "alpha": 0.97
+    },
     "indicatorBackgroundColor": {
       "red": 0.8902,
       "green": 0.96471,
       "blue": 0.81961,
       "alpha": 1
     },
-    "size": 24,
-    "thickness": 3
+    "size": 48,
+    "thickness": 4
   }
 }

package/build/ios/Feedback.json

@@ -6,7 +6,7 @@
     },
     "validation": {
       "description": "Validation states for form inputs",
-      "values": ["error", "success", "warning"],
+      "values": ["error", "success", "warning", "feature"],
       "type": "state"
     }
   },

package/build/ios/Icon.json

@@ -256,9 +256,9 @@
       },
       "tokens": {
         "color": {
-          "red": 0.70588,
-          "green": 0.52941,
-          "blue": 0.17255,
+          "red": 0.78039,
+          "green": 0.45882,
+          "blue": 0.22353,
           "alpha": 1
         }
       }

package/build/ios/MultiSelectFilter.json

@@ -97,12 +97,24 @@
     },
     "buttonIconPadding": 2,
     "buttonIconSize": 16,
+    "containerBorderColor": {
+      "red": 0.8902,
+      "green": 0.90196,
+      "blue": 0.9098,
+      "alpha": 1
+    },
     "contentMarginBottom": 32,
     "contentMarginLeft": 16,
     "contentMarginRight": 16,
     "contentMarginTop": 24,
     "contentPaddingLeft": 16,
     "contentPaddingRight": 16,
+    "dividerColor": {
+      "red": 0.8902,
+      "green": 0.90196,
+      "blue": 0.9098,
+      "alpha": 1
+    },
     "headerFontColor": {
       "red": 0.2549,
       "green": 0.27059,

package/build/ios/Notification.json

@@ -10,7 +10,7 @@
     },
     "validation": {
       "description": "Validation states for form inputs",
-      "values": ["error", "success", "warning"],
+      "values": ["error", "success", "warning", "feature"],
       "type": "state"
     },
     "viewport": {
@@ -121,17 +121,17 @@
           "alpha": 1
         },
         "borderColor": {
-          "red": 0.70588,
-          "green": 0.52941,
-          "blue": 0.17255,
+          "red": 0.78039,
+          "green": 0.45882,
+          "blue": 0.22353,
           "alpha": 1
         },
         "dismissIcon": null,
         "icon": "PaletteIconStatusWarning",
         "iconColor": {
-          "red": 0.70588,
-          "green": 0.52941,
-          "blue": 0.17255,
+          "red": 0.78039,
+          "green": 0.45882,
+          "blue": 0.22353,
           "alpha": 1
         }
       }
@@ -148,17 +148,17 @@
           "alpha": 1
         },
         "borderColor": {
-          "red": 0.70588,
-          "green": 0.52941,
-          "blue": 0.17255,
+          "red": 0.78039,
+          "green": 0.45882,
+          "blue": 0.22353,
           "alpha": 1
         },
         "dismissIcon": null,
         "icon": "PaletteIconStatusWarning",
         "iconColor": {
-          "red": 0.70588,
-          "green": 0.52941,
-          "blue": 0.17255,
+          "red": 0.78039,
+          "green": 0.45882,
+          "blue": 0.22353,
           "alpha": 1
         }
       }
@@ -216,6 +216,39 @@
           "alpha": 1
         }
       }
+    },
+    {
+      "if": {
+        "validation": "feature"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.29412,
+          "green": 0.15686,
+          "blue": 0.42745,
+          "alpha": 1
+        },
+        "borderColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "color": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        },
+        "dismissIcon": null,
+        "icon": "PaletteIconTagFilled",
+        "iconColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        }
+      }
     }
   ],
   "tokens": {

package/build/ios/Select.json

@@ -16,7 +16,7 @@
     },
     "validation": {
       "description": "Validation states for form inputs",
-      "values": ["error", "success", "warning"],
+      "values": ["error", "success", "warning", "feature"],
       "type": "state"
     }
   },

package/build/ios/Status.json

@@ -70,9 +70,9 @@
       "tokens": {
         "icon": "PaletteIconStatusWarning",
         "iconColor": {
-          "red": 0.70588,
-          "green": 0.52941,
-          "blue": 0.17255,
+          "red": 0.78039,
+          "green": 0.45882,
+          "blue": 0.22353,
           "alpha": 1
         }
       }
@@ -279,9 +279,9 @@
       },
       "tokens": {
         "backgroundColor": {
-          "red": 0.70588,
-          "green": 0.52941,
-          "blue": 0.17255,
+          "red": 0.78039,
+          "green": 0.45882,
+          "blue": 0.22353,
           "alpha": 1
         }
       }

package/build/ios/TextInput.json

@@ -22,7 +22,7 @@
     },
     "validation": {
       "description": "Validation states for form inputs",
-      "values": ["error", "success", "warning"],
+      "values": ["error", "success", "warning", "feature"],
       "type": "state"
     }
   },

package/build/ios/ToggleSwitch.json

@@ -137,6 +137,10 @@
     "labelFontWeight": 400,
     "labelLineHeight": 1.5,
     "labelMarginLeft": 0,
+    "mobileSwitchSize": 24,
+    "mobileTrackBorderWidth": 4,
+    "mobileTrackHeight": 32,
+    "mobileWidth": 48,
     "opacity": 1,
     "outerBackgroundColor": {
       "red": 0,

package/build/ios/Typography.json

@@ -545,9 +545,9 @@
       },
       "tokens": {
         "color": {
-          "red": 0.70588,
-          "green": 0.52941,
-          "blue": 0.17255,
+          "red": 0.78039,
+          "green": 0.45882,
+          "blue": 0.22353,
           "alpha": 1
         }
       }