@telus-uds/theme-allium 7.6.0 → 7.8.0

package/build/ios/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/rn/ActionCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 24 Apr 2025 18:50:55 GMT
+ * Generated on Fri, 23 May 2025 15:11:05 GMT
  *
  */
 
@@ -20,7 +20,7 @@ module.exports = {
     validation: {
       description: 'Validation states for form inputs',
       type: 'state',
-      values: [ 'error', 'success', 'warning' ]
+      values: [ 'error', 'success', 'warning', 'feature' ]
     }
   },
   rules: [

package/build/rn/ActivityIndicator.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 24 Apr 2025 18:50:55 GMT
+ * Generated on Fri, 23 May 2025 15:11:05 GMT
  *
  */
 
@@ -13,15 +13,26 @@ module.exports = {
     size: {
       description: 'used for full-screen spinners',
       type: 'variant',
-      values: [ 'large' ]
-    }
+      values: [ 'large', 'small' ]
+    },
+    style: { type: 'variant', values: [ 'dots' ] }
   },
-  rules: [ { if: { size: 'large' }, tokens: { size: 48, thickness: 4 } } ],
+  rules: [
+    {
+      if: { size: 'large' },
+      tokens: { dotSize: 12, size: 48, thickness: 4 }
+    },
+    {
+      if: { size: 'small' },
+      tokens: { dotSize: 6, size: 24, thickness: 3 }
+    }
+  ],
   tokens: {
     color: '#2b8000',
-    dotSize: 6,
+    dotSize: 12,
+    fullScreenOverlayBackground: 'rgba(255, 255, 255, 0.97)',
     indicatorBackgroundColor: '#e3f6d1',
-    size: 24,
-    thickness: 3
+    size: 48,
+    thickness: 4
   }
 }

package/build/rn/Autocomplete.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 24 Apr 2025 18:50:55 GMT
+ * Generated on Fri, 23 May 2025 15:11:05 GMT
  *
  */
 

package/build/rn/Badge.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 24 Apr 2025 18:50:55 GMT
+ * Generated on Fri, 23 May 2025 15:11:05 GMT
  *
  */
 
@@ -35,7 +35,7 @@ module.exports = {
         gradient: {
           angle: 135,
           stops: [
-            { color: '#00784a', stop: 0 },
+            { color: '#00784a', hint: 0.75, stop: 0 },
             { color: '#66cc00', stop: 1 }
           ],
           type: 'linear'
@@ -57,7 +57,7 @@ module.exports = {
         gradient: {
           angle: 135,
           stops: [
-            { color: '#4b286d', stop: 0 },
+            { color: '#4b286d', hint: 0.75, stop: 0 },
             { color: '#e53293', stop: 1 }
           ],
           type: 'linear'
@@ -100,7 +100,7 @@ module.exports = {
         gradient: {
           angle: 135,
           stops: [
-            { color: '#4b286d', stop: 0 },
+            { color: '#4b286d', hint: 0.75, stop: 0 },
             { color: '#e53293', stop: 1 }
           ],
           type: 'linear'

package/build/rn/BlockQuote.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 24 Apr 2025 18:50:55 GMT
+ * Generated on Fri, 23 May 2025 15:11:05 GMT
  *
  */
 
@@ -29,7 +29,10 @@ module.exports = {
   tokens: {
     backgroundGradient: {
       angle: 135,
-      stops: [ { color: '#4b286d', stop: 0 }, { color: '#e53293', stop: 1 } ],
+      stops: [
+        { color: '#4b286d', hint: 0.75, stop: 0 },
+        { color: '#e53293', stop: 1 }
+      ],
       type: 'linear'
     },
     color: '#414547',

package/build/rn/Box.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 24 Apr 2025 18:50:55 GMT
+ * Generated on Fri, 23 May 2025 15:11:05 GMT
  *
  */
 
@@ -88,7 +88,7 @@ module.exports = {
         gradient: {
           angle: 135,
           stops: [
-            { color: '#4b286d', stop: 0 },
+            { color: '#4b286d', hint: 0.75, stop: 0 },
             { color: '#613889', stop: 1 }
           ],
           type: 'linear'
@@ -103,7 +103,7 @@ module.exports = {
         gradient: {
           angle: 135,
           stops: [
-            { color: '#00784a', stop: 0 },
+            { color: '#00784a', hint: 0.75, stop: 0 },
             { color: '#66cc00', stop: 1 }
           ],
           type: 'linear'
@@ -133,7 +133,7 @@ module.exports = {
         gradient: {
           angle: 135,
           stops: [
-            { color: '#4b286d', stop: 0 },
+            { color: '#4b286d', hint: 0.75, stop: 0 },
             { color: '#e53293', stop: 1 }
           ],
           type: 'linear'
@@ -148,7 +148,7 @@ module.exports = {
         gradient: {
           angle: 135,
           stops: [
-            { color: '#4b286d', stop: 0 },
+            { color: '#4b286d', hint: 0.75, stop: 0 },
             { color: '#e53293', stop: 1 }
           ],
           type: 'linear'
@@ -163,7 +163,7 @@ module.exports = {
         gradient: {
           angle: 135,
           stops: [
-            { color: '#00784a', stop: 0 },
+            { color: '#00784a', hint: 0.75, stop: 0 },
             { color: '#66cc00', stop: 1 }
           ],
           type: 'linear'
@@ -193,7 +193,7 @@ module.exports = {
         gradient: {
           angle: 135,
           stops: [
-            { color: '#4b286d', stop: 0 },
+            { color: '#4b286d', hint: 0.75, stop: 0 },
             { color: '#613889', stop: 1 }
           ],
           type: 'linear'

package/build/rn/Breadcrumbs.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 24 Apr 2025 18:50:55 GMT
+ * Generated on Fri, 23 May 2025 15:11:05 GMT
  *
  */
 

package/build/rn/Button.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 24 Apr 2025 18:50:55 GMT
+ * Generated on Fri, 23 May 2025 15:11:05 GMT
  *
  */
 

package/build/rn/ButtonDropdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 24 Apr 2025 18:50:55 GMT
+ * Generated on Fri, 23 May 2025 15:11:05 GMT
  *
  */
 

package/build/rn/ButtonGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 24 Apr 2025 18:50:55 GMT
+ * Generated on Fri, 23 May 2025 15:11:05 GMT
  *
  */
 

package/build/rn/ButtonGroupItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 24 Apr 2025 18:50:55 GMT
+ * Generated on Fri, 23 May 2025 15:11:05 GMT
  *
  */
 

package/build/rn/Callout.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 24 Apr 2025 18:50:55 GMT
+ * Generated on Fri, 23 May 2025 15:11:05 GMT
  *
  */
 

package/build/rn/Card.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 24 Apr 2025 18:50:55 GMT
+ * Generated on Fri, 23 May 2025 15:11:05 GMT
  *
  */
 
@@ -121,7 +121,7 @@ module.exports = {
         gradient: {
           angle: 135,
           stops: [
-            { color: '#4b286d', stop: 0 },
+            { color: '#4b286d', hint: 0.75, stop: 0 },
             { color: '#e53293', stop: 1 }
           ],
           type: 'linear'
@@ -156,7 +156,7 @@ module.exports = {
         backgroundGradient: {
           angle: 135,
           stops: [
-            { color: '#4b286d', stop: 0 },
+            { color: '#4b286d', hint: 0.75, stop: 0 },
             { color: '#e53293', stop: 1 }
           ],
           type: 'linear'
@@ -181,7 +181,7 @@ module.exports = {
         gradient: {
           angle: 135,
           stops: [
-            { color: '#4b286d', stop: 0 },
+            { color: '#4b286d', hint: 0.75, stop: 0 },
             { color: '#e53293', stop: 1 }
           ],
           type: 'linear'

package/build/rn/CardGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 24 Apr 2025 18:50:55 GMT
+ * Generated on Fri, 23 May 2025 15:11:05 GMT
  *
  */
 

package/build/rn/Carousel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 24 Apr 2025 18:50:55 GMT
+ * Generated on Fri, 23 May 2025 15:11:05 GMT
  *
  */
 

package/build/rn/CarouselTabsPanelItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 24 Apr 2025 18:50:55 GMT
+ * Generated on Fri, 23 May 2025 15:11:05 GMT
  *
  */
 

package/build/rn/CarouselThumbnail.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 24 Apr 2025 18:50:55 GMT
+ * Generated on Fri, 23 May 2025 15:11:05 GMT
  *
  */
 

package/build/rn/Checkbox.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 24 Apr 2025 18:50:55 GMT
+ * Generated on Fri, 23 May 2025 15:11:05 GMT
  *
  */