@telus-uds/theme-allium 7.6.0 → 7.8.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"
         }
       },
@@ -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": {
@@ -288,6 +309,7 @@
               "stops": [
                 {
                   "stop": 0,
+                  "hint": 0.75,
                   "color": {
                     "red": 0,
                     "green": 0.47059,
@@ -345,6 +367,7 @@
               "stops": [
                 {
                   "stop": 0,
+                  "hint": 0.75,
                   "color": {
                     "red": 0.29412,
                     "green": 0.15686,
@@ -465,6 +488,7 @@
               "stops": [
                 {
                   "stop": 0,
+                  "hint": 0.75,
                   "color": {
                     "red": 0.29412,
                     "green": 0.15686,
@@ -574,6 +598,7 @@
           "stops": [
             {
               "stop": 0,
+              "hint": 0.75,
               "color": {
                 "red": 0.29412,
                 "green": 0.15686,
@@ -919,6 +944,7 @@
               "stops": [
                 {
                   "stop": 0,
+                  "hint": 0.75,
                   "color": {
                     "red": 0.29412,
                     "green": 0.15686,
@@ -962,6 +988,7 @@
               "stops": [
                 {
                   "stop": 0,
+                  "hint": 0.75,
                   "color": {
                     "red": 0,
                     "green": 0.47059,
@@ -1048,6 +1075,7 @@
               "stops": [
                 {
                   "stop": 0,
+                  "hint": 0.75,
                   "color": {
                     "red": 0.29412,
                     "green": 0.15686,
@@ -1091,6 +1119,7 @@
               "stops": [
                 {
                   "stop": 0,
+                  "hint": 0.75,
                   "color": {
                     "red": 0.29412,
                     "green": 0.15686,
@@ -1134,6 +1163,7 @@
               "stops": [
                 {
                   "stop": 0,
+                  "hint": 0.75,
                   "color": {
                     "red": 0,
                     "green": 0.47059,
@@ -1220,6 +1250,7 @@
               "stops": [
                 {
                   "stop": 0,
+                  "hint": 0.75,
                   "color": {
                     "red": 0.29412,
                     "green": 0.15686,
@@ -2659,6 +2690,7 @@
               "stops": [
                 {
                   "stop": 0,
+                  "hint": 0.75,
                   "color": {
                     "red": 0.29412,
                     "green": 0.15686,
@@ -2778,6 +2810,7 @@
               "stops": [
                 {
                   "stop": 0,
+                  "hint": 0.75,
                   "color": {
                     "red": 0.29412,
                     "green": 0.15686,
@@ -2851,6 +2884,7 @@
               "stops": [
                 {
                   "stop": 0,
+                  "hint": 0.75,
                   "color": {
                     "red": 0.29412,
                     "green": 0.15686,
@@ -4728,6 +4762,7 @@
           "stops": [
             {
               "stop": 0,
+              "hint": 0.75,
               "color": {
                 "red": 0.29412,
                 "green": 0.15686,
@@ -5493,7 +5528,7 @@
         },
         "validation": {
           "description": "Validation states for form inputs",
-          "values": ["error", "success", "warning"],
+          "values": ["error", "success", "warning", "feature"],
           "type": "state"
         }
       },
@@ -6353,19 +6388,6 @@
             }
           }
         },
-        {
-          "if": {
-            "color": "offer"
-          },
-          "tokens": {
-            "color": {
-              "red": 0.29412,
-              "green": 0.15686,
-              "blue": 0.42745,
-              "alpha": 1
-            }
-          }
-        },
         {
           "if": {
             "size": "extraLarge"
@@ -6386,6 +6408,38 @@
               "alpha": 1
             }
           }
+        },
+        {
+          "if": {
+            "color": "offer"
+          },
+          "tokens": {
+            "gradient": {
+              "type": "linear",
+              "angle": 135,
+              "stops": [
+                {
+                  "stop": 0,
+                  "hint": 0.75,
+                  "color": {
+                    "red": 0.29412,
+                    "green": 0.15686,
+                    "blue": 0.42745,
+                    "alpha": 1
+                  }
+                },
+                {
+                  "stop": 1,
+                  "color": {
+                    "red": 0.89804,
+                    "green": 0.19608,
+                    "blue": 0.57647,
+                    "alpha": 1
+                  }
+                }
+              ]
+            }
+          }
         }
       ],
       "tokens": {
@@ -6402,6 +6456,7 @@
           "blue": 0.27843,
           "alpha": 1
         },
+        "gradient": null,
         "padding": 0,
         "paddingTop": 0,
         "scale": 1,
@@ -8310,7 +8365,7 @@
         },
         "validation": {
           "description": "Validation states for form inputs",
-          "values": ["error", "success", "warning"],
+          "values": ["error", "success", "warning", "feature"],
           "type": "state"
         },
         "viewport": {
@@ -8516,6 +8571,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": {
@@ -9453,6 +9541,7 @@
           "stops": [
             {
               "stop": 0,
+              "hint": 0.75,
               "color": {
                 "red": 0,
                 "green": 0.47059,
@@ -10658,6 +10747,7 @@
               "stops": [
                 {
                   "stop": 0,
+                  "hint": 0.75,
                   "color": {
                     "red": 0.29412,
                     "green": 0.15686,
@@ -11064,7 +11154,7 @@
         },
         "validation": {
           "description": "Validation states for form inputs",
-          "values": ["error", "success", "warning"],
+          "values": ["error", "success", "warning", "feature"],
           "type": "state"
         }
       },
@@ -11982,6 +12072,7 @@
               "stops": [
                 {
                   "stop": 0,
+                  "hint": 0.75,
                   "color": {
                     "red": 0.29412,
                     "green": 0.15686,
@@ -13632,7 +13723,7 @@
         },
         "validation": {
           "description": "Validation states for form inputs",
-          "values": ["error", "success", "warning"],
+          "values": ["error", "success", "warning", "feature"],
           "type": "state"
         }
       },
@@ -14947,6 +15038,7 @@
               "stops": [
                 {
                   "stop": 0,
+                  "hint": 0.75,
                   "color": {
                     "red": 0.29412,
                     "green": 0.15686,
@@ -15569,7 +15661,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "4.4.0",
+    "themeTokensVersion": "4.6.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"
     }
   },

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/Badge.json

@@ -83,6 +83,7 @@
           "stops": [
             {
               "stop": 0,
+              "hint": 0.75,
               "color": {
                 "red": 0,
                 "green": 0.47059,
@@ -140,6 +141,7 @@
           "stops": [
             {
               "stop": 0,
+              "hint": 0.75,
               "color": {
                 "red": 0.29412,
                 "green": 0.15686,
@@ -260,6 +262,7 @@
           "stops": [
             {
               "stop": 0,
+              "hint": 0.75,
               "color": {
                 "red": 0.29412,
                 "green": 0.15686,

package/build/ios/BlockQuote.json

@@ -26,6 +26,7 @@
       "stops": [
         {
           "stop": 0,
+          "hint": 0.75,
           "color": {
             "red": 0.29412,
             "green": 0.15686,

package/build/ios/Box.json

@@ -299,6 +299,7 @@
           "stops": [
             {
               "stop": 0,
+              "hint": 0.75,
               "color": {
                 "red": 0.29412,
                 "green": 0.15686,
@@ -342,6 +343,7 @@
           "stops": [
             {
               "stop": 0,
+              "hint": 0.75,
               "color": {
                 "red": 0,
                 "green": 0.47059,
@@ -428,6 +430,7 @@
           "stops": [
             {
               "stop": 0,
+              "hint": 0.75,
               "color": {
                 "red": 0.29412,
                 "green": 0.15686,
@@ -471,6 +474,7 @@
           "stops": [
             {
               "stop": 0,
+              "hint": 0.75,
               "color": {
                 "red": 0.29412,
                 "green": 0.15686,
@@ -514,6 +518,7 @@
           "stops": [
             {
               "stop": 0,
+              "hint": 0.75,
               "color": {
                 "red": 0,
                 "green": 0.47059,
@@ -600,6 +605,7 @@
           "stops": [
             {
               "stop": 0,
+              "hint": 0.75,
               "color": {
                 "red": 0.29412,
                 "green": 0.15686,

package/build/ios/Card.json

@@ -195,6 +195,7 @@
           "stops": [
             {
               "stop": 0,
+              "hint": 0.75,
               "color": {
                 "red": 0.29412,
                 "green": 0.15686,
@@ -314,6 +315,7 @@
           "stops": [
             {
               "stop": 0,
+              "hint": 0.75,
               "color": {
                 "red": 0.29412,
                 "green": 0.15686,
@@ -387,6 +389,7 @@
           "stops": [
             {
               "stop": 0,
+              "hint": 0.75,
               "color": {
                 "red": 0.29412,
                 "green": 0.15686,

package/build/ios/Countdown.json

@@ -130,6 +130,7 @@
       "stops": [
         {
           "stop": 0,
+          "hint": 0.75,
           "color": {
             "red": 0.29412,
             "green": 0.15686,

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

@@ -276,19 +276,6 @@
         }
       }
     },
-    {
-      "if": {
-        "color": "offer"
-      },
-      "tokens": {
-        "color": {
-          "red": 0.29412,
-          "green": 0.15686,
-          "blue": 0.42745,
-          "alpha": 1
-        }
-      }
-    },
     {
       "if": {
         "size": "extraLarge"
@@ -309,6 +296,38 @@
           "alpha": 1
         }
       }
+    },
+    {
+      "if": {
+        "color": "offer"
+      },
+      "tokens": {
+        "gradient": {
+          "type": "linear",
+          "angle": 135,
+          "stops": [
+            {
+              "stop": 0,
+              "hint": 0.75,
+              "color": {
+                "red": 0.29412,
+                "green": 0.15686,
+                "blue": 0.42745,
+                "alpha": 1
+              }
+            },
+            {
+              "stop": 1,
+              "color": {
+                "red": 0.89804,
+                "green": 0.19608,
+                "blue": 0.57647,
+                "alpha": 1
+              }
+            }
+          ]
+        }
+      }
     }
   ],
   "tokens": {
@@ -325,6 +344,7 @@
       "blue": 0.27843,
       "alpha": 1
     },
+    "gradient": null,
     "padding": 0,
     "paddingTop": 0,
     "scale": 1,

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": {
@@ -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/ProgressBar.json

@@ -155,6 +155,7 @@
       "stops": [
         {
           "stop": 0,
+          "hint": 0.75,
           "color": {
             "red": 0,
             "green": 0.47059,

package/build/ios/Ribbon.json

@@ -46,6 +46,7 @@
           "stops": [
             {
               "stop": 0,
+              "hint": 0.75,
               "color": {
                 "red": 0.29412,
                 "green": 0.15686,

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

@@ -340,6 +340,7 @@
           "stops": [
             {
               "stop": 0,
+              "hint": 0.75,
               "color": {
                 "red": 0.29412,
                 "green": 0.15686,