@telus-uds/theme-allium 7.5.1 → 7.7.0

package/build/rn/spacingScale.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 19:32:39 GMT
+ * Generated on Thu, 01 May 2025 20:06:26 GMT
  *
  */
 

package/build/rn/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 19:32:39 GMT
+ * Generated on Thu, 01 May 2025 20:06:27 GMT
  *
  */
 
@@ -181,7 +181,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 +203,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 +246,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 +317,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 +424,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 +439,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 +469,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 +484,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 +499,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 +529,7 @@ module.exports = {
             gradient: {
               angle: 135,
               stops: [
-                { color: '#4b286d', stop: 0 },
+                { color: '#4b286d', hint: 0.75, stop: 0 },
                 { color: '#613889', stop: 1 }
               ],
               type: 'linear'
@@ -1274,7 +1274,7 @@ module.exports = {
         { if: { rounded: true }, tokens: { borderRadius: 4 } }
       ],
       tokens: {
-        background: '#f4f4f7',
+        background: 'rgba(0, 0, 0, 0.05)',
         borderRadius: 0,
         color: '#4b286d',
         gap: 16,
@@ -1398,7 +1398,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 +1436,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 +1461,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 +2728,7 @@ module.exports = {
         containerGradient: {
           angle: 135,
           stops: [
-            { color: '#4b286d', stop: 0 },
+            { color: '#4b286d', hint: 0.75, stop: 0 },
             { color: '#e53293', stop: 1 }
           ],
           type: 'linear'
@@ -3516,14 +3516,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,
@@ -4702,6 +4715,8 @@ module.exports = {
         }
       ],
       tokens: {
+        buttonBackgroundColor: '#ffffff',
+        buttonBackgroundColorSelected: '#4b286d',
         buttonBorderColor: '#b2b9bf',
         buttonDirection: 'row',
         buttonIconBackgroundColor: '#f4f4f7',
@@ -4718,6 +4733,8 @@ module.exports = {
         headerFontSize: 16,
         headerFontWeight: '500',
         headerLineHeight: 1.5,
+        iconColor: '#414547',
+        iconColorSelected: '#ffffff',
         labelColor: '#676e73',
         labelFontName: 'HNforTELUSSA',
         labelFontSize: 14,
@@ -5593,7 +5610,7 @@ module.exports = {
         gradient: {
           angle: 135,
           stops: [
-            { color: '#00784a', stop: 0 },
+            { color: '#00784a', hint: 0.75, stop: 0 },
             { color: '#66cc00', stop: 1 }
           ],
           type: 'linear'
@@ -6319,7 +6336,7 @@ module.exports = {
             gradient: {
               angle: 135,
               stops: [
-                { color: '#4b286d', stop: 0 },
+                { color: '#4b286d', hint: 0.75, stop: 0 },
                 { color: '#e53293', stop: 1 }
               ],
               type: 'linear'
@@ -7022,7 +7039,7 @@ module.exports = {
             backgroundGradient: {
               angle: 135,
               stops: [
-                { color: '#4b286d', stop: 0 },
+                { color: '#4b286d', hint: 0.75, stop: 0 },
                 { color: '#e53293', stop: 1 }
               ],
               type: 'linear'
@@ -8662,7 +8679,7 @@ module.exports = {
             gradient: {
               angle: 135,
               stops: [
-                { color: '#4b286d', stop: 0 },
+                { color: '#4b286d', hint: 0.75, stop: 0 },
                 { color: '#e53293', stop: 1 }
               ],
               type: 'linear'
@@ -8960,5 +8977,5 @@ module.exports = {
       tokens: { size: 96 }
     }
   },
-  metadata: { name: 'theme-allium', themeTokensVersion: '4.3.0' }
+  metadata: { name: 'theme-allium', themeTokensVersion: '4.5.0' }
 }

package/build/web/ActionCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 19:33:02 GMT
+ * Generated on Thu, 01 May 2025 20:06:46 GMT
  *
  */
 

package/build/web/ActivityIndicator.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 19:33:02 GMT
+ * Generated on Thu, 01 May 2025 20:06:46 GMT
  *
  */
 

package/build/web/Autocomplete.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 19:33:02 GMT
+ * Generated on Thu, 01 May 2025 20:06:46 GMT
  *
  */
 

package/build/web/Badge.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 19:33:02 GMT
+ * Generated on Thu, 01 May 2025 20:06:46 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 Tue, 08 Apr 2025 19:33:02 GMT
+ * Generated on Thu, 01 May 2025 20:06:46 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 Tue, 08 Apr 2025 19:33:02 GMT
+ * Generated on Thu, 01 May 2025 20:06:46 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 Tue, 08 Apr 2025 19:33:02 GMT
+ * Generated on Thu, 01 May 2025 20:06:46 GMT
  *
  */
 

package/build/web/Button.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 19:33:02 GMT
+ * Generated on Thu, 01 May 2025 20:06:46 GMT
  *
  */
 

package/build/web/ButtonDropdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 19:33:02 GMT
+ * Generated on Thu, 01 May 2025 20:06:46 GMT
  *
  */
 

package/build/web/ButtonGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 19:33:02 GMT
+ * Generated on Thu, 01 May 2025 20:06:46 GMT
  *
  */
 

package/build/web/ButtonGroupItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 19:33:02 GMT
+ * Generated on Thu, 01 May 2025 20:06:46 GMT
  *
  */
 

package/build/web/Callout.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 19:33:02 GMT
+ * Generated on Thu, 01 May 2025 20:06:46 GMT
  *
  */
 
@@ -19,7 +19,7 @@ const theme = {
     { if: { rounded: true }, tokens: { borderRadius: 4 } }
   ],
   tokens: {
-    background: '#f4f4f7',
+    background: 'rgba(0, 0, 0, 0.05)',
     borderRadius: 0,
     color: '#4b286d',
     gap: 16,

package/build/web/Card.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 19:33:02 GMT
+ * Generated on Thu, 01 May 2025 20:06:46 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 Tue, 08 Apr 2025 19:33:02 GMT
+ * Generated on Thu, 01 May 2025 20:06:46 GMT
  *
  */
 

package/build/web/Carousel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 19:33:02 GMT
+ * Generated on Thu, 01 May 2025 20:06:46 GMT
  *
  */
 

package/build/web/CarouselTabsPanelItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 19:33:02 GMT
+ * Generated on Thu, 01 May 2025 20:06:46 GMT
  *
  */
 

package/build/web/CarouselThumbnail.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 19:33:02 GMT
+ * Generated on Thu, 01 May 2025 20:06:46 GMT
  *
  */
 

package/build/web/Checkbox.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 19:33:02 GMT
+ * Generated on Thu, 01 May 2025 20:06:46 GMT
  *
  */
 

package/build/web/CheckboxCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 19:33:02 GMT
+ * Generated on Thu, 01 May 2025 20:06:46 GMT
  *
  */
 

package/build/web/CheckboxCardGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 19:33:02 GMT
+ * Generated on Thu, 01 May 2025 20:06:46 GMT
  *
  */
 

package/build/web/CheckboxGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 19:33:02 GMT
+ * Generated on Thu, 01 May 2025 20:06:46 GMT
  *
  */
 

package/build/web/ChevronLink.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 19:33:02 GMT
+ * Generated on Thu, 01 May 2025 20:06:46 GMT
  *
  */
 

package/build/web/ColourToggle.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 19:33:02 GMT
+ * Generated on Thu, 01 May 2025 20:06:46 GMT
  *
  */
 

package/build/web/Countdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 19:33:02 GMT
+ * Generated on Thu, 01 May 2025 20:06:46 GMT
  *
  */
 
@@ -68,7 +68,10 @@ const theme = {
     containerBorderWidth: 2,
     containerGradient: {
       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'
     },
     containerInverseBorder: 2,

package/build/web/DatePicker.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 19:33:02 GMT
+ * Generated on Thu, 01 May 2025 20:06:46 GMT
  *
  */
 

package/build/web/Disclaimer.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 19:33:02 GMT
+ * Generated on Thu, 01 May 2025 20:06:46 GMT
  *
  */
 

package/build/web/Divider.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 19:33:02 GMT
+ * Generated on Thu, 01 May 2025 20:06:46 GMT
  *
  */
 

package/build/web/DownloadApp.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 19:33:02 GMT
+ * Generated on Thu, 01 May 2025 20:06:46 GMT
  *
  */
 

package/build/web/ExpandCollapse.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 19:33:02 GMT
+ * Generated on Thu, 01 May 2025 20:06:46 GMT
  *
  */