@telus-uds/theme-allium 7.6.0 → 7.8.0

package/build/rn/spacingScale.js

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

package/build/rn/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 24 Apr 2025 18:50:56 GMT
+ * Generated on Fri, 23 May 2025 15:11:05 GMT
  *
  */
 
@@ -27,6 +27,7 @@ const PaletteIconExpand = require('@telus-uds/palette-allium/build/rn/icons/Expa
 const PaletteIconChevronLeft = require('@telus-uds/palette-allium/build/rn/icons/ChevronLeft')
 const PaletteIconBulletFill = require('@telus-uds/palette-allium/build/rn/icons/BulletFill')
 const PaletteIconStatusInfo = require('@telus-uds/palette-allium/build/rn/icons/StatusInfo')
+const PaletteIconTagFilled = require('@telus-uds/palette-allium/build/rn/icons/TagFilled')
 const PaletteIconTimes = require('@telus-uds/palette-allium/build/rn/icons/Times')
 const PaletteIconSearchBold = require('@telus-uds/palette-allium/build/rn/icons/SearchBold')
 const PaletteIconPlaySolid = require('@telus-uds/palette-allium/build/rn/icons/PlaySolid')
@@ -60,7 +61,7 @@ module.exports = {
         validation: {
           description: 'Validation states for form inputs',
           type: 'state',
-          values: [ 'error', 'success', 'warning' ]
+          values: [ 'error', 'success', 'warning', 'feature' ]
         }
       },
       rules: [
@@ -136,16 +137,27 @@ 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
       }
     },
     Autocomplete: {
@@ -181,7 +193,7 @@ module.exports = {
             gradient: {
               angle: 135,
               stops: [
-                { color: '#00784a', stop: 0 },
+                { color: '#00784a', hint: 0.75, stop: 0 },
                 { color: '#66cc00', stop: 1 }
               ],
               type: 'linear'
@@ -203,7 +215,7 @@ module.exports = {
             gradient: {
               angle: 135,
               stops: [
-                { color: '#4b286d', stop: 0 },
+                { color: '#4b286d', hint: 0.75, stop: 0 },
                 { color: '#e53293', stop: 1 }
               ],
               type: 'linear'
@@ -246,7 +258,7 @@ module.exports = {
             gradient: {
               angle: 135,
               stops: [
-                { color: '#4b286d', stop: 0 },
+                { color: '#4b286d', hint: 0.75, stop: 0 },
                 { color: '#e53293', stop: 1 }
               ],
               type: 'linear'
@@ -317,7 +329,7 @@ module.exports = {
         backgroundGradient: {
           angle: 135,
           stops: [
-            { color: '#4b286d', stop: 0 },
+            { color: '#4b286d', hint: 0.75, stop: 0 },
             { color: '#e53293', stop: 1 }
           ],
           type: 'linear'
@@ -424,7 +436,7 @@ module.exports = {
             gradient: {
               angle: 135,
               stops: [
-                { color: '#4b286d', stop: 0 },
+                { color: '#4b286d', hint: 0.75, stop: 0 },
                 { color: '#613889', stop: 1 }
               ],
               type: 'linear'
@@ -439,7 +451,7 @@ module.exports = {
             gradient: {
               angle: 135,
               stops: [
-                { color: '#00784a', stop: 0 },
+                { color: '#00784a', hint: 0.75, stop: 0 },
                 { color: '#66cc00', stop: 1 }
               ],
               type: 'linear'
@@ -469,7 +481,7 @@ module.exports = {
             gradient: {
               angle: 135,
               stops: [
-                { color: '#4b286d', stop: 0 },
+                { color: '#4b286d', hint: 0.75, stop: 0 },
                 { color: '#e53293', stop: 1 }
               ],
               type: 'linear'
@@ -484,7 +496,7 @@ module.exports = {
             gradient: {
               angle: 135,
               stops: [
-                { color: '#4b286d', stop: 0 },
+                { color: '#4b286d', hint: 0.75, stop: 0 },
                 { color: '#e53293', stop: 1 }
               ],
               type: 'linear'
@@ -499,7 +511,7 @@ module.exports = {
             gradient: {
               angle: 135,
               stops: [
-                { color: '#00784a', stop: 0 },
+                { color: '#00784a', hint: 0.75, stop: 0 },
                 { color: '#66cc00', stop: 1 }
               ],
               type: 'linear'
@@ -529,7 +541,7 @@ module.exports = {
             gradient: {
               angle: 135,
               stops: [
-                { color: '#4b286d', stop: 0 },
+                { color: '#4b286d', hint: 0.75, stop: 0 },
                 { color: '#613889', stop: 1 }
               ],
               type: 'linear'
@@ -1398,7 +1410,7 @@ module.exports = {
             gradient: {
               angle: 135,
               stops: [
-                { color: '#4b286d', stop: 0 },
+                { color: '#4b286d', hint: 0.75, stop: 0 },
                 { color: '#e53293', stop: 1 }
               ],
               type: 'linear'
@@ -1436,7 +1448,7 @@ module.exports = {
             backgroundGradient: {
               angle: 135,
               stops: [
-                { color: '#4b286d', stop: 0 },
+                { color: '#4b286d', hint: 0.75, stop: 0 },
                 { color: '#e53293', stop: 1 }
               ],
               type: 'linear'
@@ -1461,7 +1473,7 @@ module.exports = {
             gradient: {
               angle: 135,
               stops: [
-                { color: '#4b286d', stop: 0 },
+                { color: '#4b286d', hint: 0.75, stop: 0 },
                 { color: '#e53293', stop: 1 }
               ],
               type: 'linear'
@@ -2728,7 +2740,7 @@ module.exports = {
         containerGradient: {
           angle: 135,
           stops: [
-            { color: '#4b286d', stop: 0 },
+            { color: '#4b286d', hint: 0.75, stop: 0 },
             { color: '#e53293', stop: 1 }
           ],
           type: 'linear'
@@ -3129,7 +3141,7 @@ module.exports = {
         validation: {
           description: 'Validation states for form inputs',
           type: 'state',
-          values: [ 'error', 'success', 'warning' ]
+          values: [ 'error', 'success', 'warning', 'feature' ]
         }
       },
       rules: [
@@ -3516,14 +3528,27 @@ module.exports = {
         { if: { color: 'danger' }, tokens: { color: '#c12335' } },
         { if: { color: 'warning' }, tokens: { color: '#b4872c' } },
         { if: { color: 'inverse' }, tokens: { color: '#ffffff' } },
-        { if: { color: 'offer' }, tokens: { color: '#4b286d' } },
         { if: { size: 'extraLarge' }, tokens: { size: 48 } },
-        { if: { rank: 'primary' }, tokens: { color: '#4b286d' } }
+        { if: { rank: 'primary' }, tokens: { color: '#4b286d' } },
+        {
+          if: { color: 'offer' },
+          tokens: {
+            gradient: {
+              angle: 135,
+              stops: [
+                { color: '#4b286d', hint: 0.75, stop: 0 },
+                { color: '#e53293', stop: 1 }
+              ],
+              type: 'linear'
+            }
+          }
+        }
       ],
       tokens: {
         backgroundColor: 'transparent',
         borderRadius: 0,
         color: '#414547',
+        gradient: null,
         padding: 0,
         paddingTop: 0,
         scale: 1,
@@ -4869,7 +4894,7 @@ module.exports = {
         validation: {
           description: 'Validation states for form inputs',
           type: 'state',
-          values: [ 'error', 'success', 'warning' ]
+          values: [ 'error', 'success', 'warning', 'feature' ]
         },
         viewport: {
           description: 'The size label for the current screen viewport based on the current screen width',
@@ -4966,6 +4991,17 @@ module.exports = {
             icon: PaletteIconStatusError,
             iconColor: '#e12339'
           }
+        },
+        {
+          if: { validation: 'feature' },
+          tokens: {
+            backgroundColor: '#4b286d',
+            borderColor: 'rgba(0, 0, 0, 0)',
+            color: '#ffffff',
+            dismissIcon: null,
+            icon: PaletteIconTagFilled,
+            iconColor: '#ffffff'
+          }
         }
       ],
       tokens: {
@@ -5597,7 +5633,7 @@ module.exports = {
         gradient: {
           angle: 135,
           stops: [
-            { color: '#00784a', stop: 0 },
+            { color: '#00784a', hint: 0.75, stop: 0 },
             { color: '#66cc00', stop: 1 }
           ],
           type: 'linear'
@@ -6323,7 +6359,7 @@ module.exports = {
             gradient: {
               angle: 135,
               stops: [
-                { color: '#4b286d', stop: 0 },
+                { color: '#4b286d', hint: 0.75, stop: 0 },
                 { color: '#e53293', stop: 1 }
               ],
               type: 'linear'
@@ -6561,7 +6597,7 @@ module.exports = {
         validation: {
           description: 'Validation states for form inputs',
           type: 'state',
-          values: [ 'error', 'success', 'warning' ]
+          values: [ 'error', 'success', 'warning', 'feature' ]
         }
       },
       rules: [
@@ -7026,7 +7062,7 @@ module.exports = {
             backgroundGradient: {
               angle: 135,
               stops: [
-                { color: '#4b286d', stop: 0 },
+                { color: '#4b286d', hint: 0.75, stop: 0 },
                 { color: '#e53293', stop: 1 }
               ],
               type: 'linear'
@@ -7946,7 +7982,7 @@ module.exports = {
         validation: {
           description: 'Validation states for form inputs',
           type: 'state',
-          values: [ 'error', 'success', 'warning' ]
+          values: [ 'error', 'success', 'warning', 'feature' ]
         }
       },
       rules: [
@@ -8666,7 +8702,7 @@ module.exports = {
             gradient: {
               angle: 135,
               stops: [
-                { color: '#4b286d', stop: 0 },
+                { color: '#4b286d', hint: 0.75, stop: 0 },
                 { color: '#e53293', stop: 1 }
               ],
               type: 'linear'
@@ -8964,5 +9000,5 @@ module.exports = {
       tokens: { size: 96 }
     }
   },
-  metadata: { name: 'theme-allium', themeTokensVersion: '4.4.0' }
+  metadata: { name: 'theme-allium', themeTokensVersion: '4.6.0' }
 }

package/build/web/ActionCard.js

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

package/build/web/ActivityIndicator.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 24 Apr 2025 18:51:19 GMT
+ * Generated on Fri, 23 May 2025 15:11:23 GMT
  *
  */
 
@@ -12,16 +12,27 @@ const theme = {
     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
   }
 }
 export default theme

package/build/web/Autocomplete.js

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

package/build/web/Badge.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 24 Apr 2025 18:51:19 GMT
+ * Generated on Fri, 23 May 2025 15:11:23 GMT
  *
  */
 
@@ -34,7 +34,7 @@ const theme = {
         gradient: {
           angle: 135,
           stops: [
-            { color: '#00784a', stop: 0 },
+            { color: '#00784a', hint: 0.75, stop: 0 },
             { color: '#66cc00', stop: 1 }
           ],
           type: 'linear'
@@ -56,7 +56,7 @@ const theme = {
         gradient: {
           angle: 135,
           stops: [
-            { color: '#4b286d', stop: 0 },
+            { color: '#4b286d', hint: 0.75, stop: 0 },
             { color: '#e53293', stop: 1 }
           ],
           type: 'linear'
@@ -99,7 +99,7 @@ const theme = {
         gradient: {
           angle: 135,
           stops: [
-            { color: '#4b286d', stop: 0 },
+            { color: '#4b286d', hint: 0.75, stop: 0 },
             { color: '#e53293', stop: 1 }
           ],
           type: 'linear'

package/build/web/BlockQuote.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 24 Apr 2025 18:51:19 GMT
+ * Generated on Fri, 23 May 2025 15:11:23 GMT
  *
  */
 
@@ -28,7 +28,10 @@ const theme = {
   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/web/Box.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 24 Apr 2025 18:51:19 GMT
+ * Generated on Fri, 23 May 2025 15:11:23 GMT
  *
  */
 
@@ -87,7 +87,7 @@ const theme = {
         gradient: {
           angle: 135,
           stops: [
-            { color: '#4b286d', stop: 0 },
+            { color: '#4b286d', hint: 0.75, stop: 0 },
             { color: '#613889', stop: 1 }
           ],
           type: 'linear'
@@ -102,7 +102,7 @@ const theme = {
         gradient: {
           angle: 135,
           stops: [
-            { color: '#00784a', stop: 0 },
+            { color: '#00784a', hint: 0.75, stop: 0 },
             { color: '#66cc00', stop: 1 }
           ],
           type: 'linear'
@@ -132,7 +132,7 @@ const theme = {
         gradient: {
           angle: 135,
           stops: [
-            { color: '#4b286d', stop: 0 },
+            { color: '#4b286d', hint: 0.75, stop: 0 },
             { color: '#e53293', stop: 1 }
           ],
           type: 'linear'
@@ -147,7 +147,7 @@ const theme = {
         gradient: {
           angle: 135,
           stops: [
-            { color: '#4b286d', stop: 0 },
+            { color: '#4b286d', hint: 0.75, stop: 0 },
             { color: '#e53293', stop: 1 }
           ],
           type: 'linear'
@@ -162,7 +162,7 @@ const theme = {
         gradient: {
           angle: 135,
           stops: [
-            { color: '#00784a', stop: 0 },
+            { color: '#00784a', hint: 0.75, stop: 0 },
             { color: '#66cc00', stop: 1 }
           ],
           type: 'linear'
@@ -192,7 +192,7 @@ const theme = {
         gradient: {
           angle: 135,
           stops: [
-            { color: '#4b286d', stop: 0 },
+            { color: '#4b286d', hint: 0.75, stop: 0 },
             { color: '#613889', stop: 1 }
           ],
           type: 'linear'

package/build/web/Breadcrumbs.js

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

package/build/web/Button.js

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

package/build/web/ButtonDropdown.js

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

package/build/web/ButtonGroup.js

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

package/build/web/ButtonGroupItem.js

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

package/build/web/Callout.js

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

package/build/web/Card.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 24 Apr 2025 18:51:19 GMT
+ * Generated on Fri, 23 May 2025 15:11:23 GMT
  *
  */
 
@@ -120,7 +120,7 @@ const theme = {
         gradient: {
           angle: 135,
           stops: [
-            { color: '#4b286d', stop: 0 },
+            { color: '#4b286d', hint: 0.75, stop: 0 },
             { color: '#e53293', stop: 1 }
           ],
           type: 'linear'
@@ -155,7 +155,7 @@ const theme = {
         backgroundGradient: {
           angle: 135,
           stops: [
-            { color: '#4b286d', stop: 0 },
+            { color: '#4b286d', hint: 0.75, stop: 0 },
             { color: '#e53293', stop: 1 }
           ],
           type: 'linear'
@@ -180,7 +180,7 @@ const theme = {
         gradient: {
           angle: 135,
           stops: [
-            { color: '#4b286d', stop: 0 },
+            { color: '#4b286d', hint: 0.75, stop: 0 },
             { color: '#e53293', stop: 1 }
           ],
           type: 'linear'

package/build/web/CardGroup.js

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

package/build/web/Carousel.js

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

package/build/web/CarouselTabsPanelItem.js

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

package/build/web/CarouselThumbnail.js

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

package/build/web/Checkbox.js

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

package/build/web/CheckboxCard.js

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

package/build/web/CheckboxCardGroup.js

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