@telus-uds/theme-public-mobile 4.3.1 → 4.5.0

package/build/rn/spacingScale.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:11:55 GMT
+ * Generated on Fri, 28 Mar 2025 00:58:49 GMT
  *
  */
 

package/build/rn/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:11:55 GMT
+ * Generated on Fri, 28 Mar 2025 00:58:49 GMT
  *
  */
 
@@ -141,6 +141,7 @@ module.exports = {
     },
     ActivityIndicator: {
       appearances: {
+        dots: { type: 'variant', values: [ true ] },
         size: {
           description: 'used for full-screen spinners',
           type: 'variant',
@@ -148,7 +149,13 @@ module.exports = {
         }
       },
       rules: [ { if: { size: 'large' }, tokens: { size: 48, thickness: 4 } } ],
-      tokens: { color: '#394056', size: 24, thickness: 2 }
+      tokens: {
+        color: '#394056',
+        dotSize: 6,
+        indicatorBackgroundColor: '#cdcfd5',
+        size: 24,
+        thickness: 3
+      }
     },
     Autocomplete: {
       appearances: {},
@@ -2157,10 +2164,19 @@ module.exports = {
           type: 'state',
           values: [ true, false ]
         },
+        quiet: {
+          description: 'When it is true, it does not show the decoration',
+          type: 'state',
+          values: [ true, false ]
+        },
         size: {
           description: 'Sets the size of the text and icon; these variants are shared with ChevronLink',
           type: 'variant',
           values: [ 'large', 'small', 'micro' ]
+        },
+        style: {
+          type: 'variant',
+          values: [ 'inline', 'subtle', 'feature', 'danger', 'inverse' ]
         }
       },
       rules: [
@@ -2226,6 +2242,227 @@ module.exports = {
             fontSize: 14,
             iconSize: 16
           }
+        },
+        {
+          if: { hover: true, quiet: true },
+          tokens: { color: '#394056', textLine: 'none' }
+        },
+        {
+          if: { focus: true, quiet: true },
+          tokens: { color: '#636c8c', textLine: 'none' }
+        },
+        {
+          if: { pressed: true, quiet: true },
+          tokens: { color: '#2b3145', textLine: 'underline' }
+        },
+        {
+          if: { focus: true, pressed: true, quiet: true },
+          tokens: { color: '#2b3145', textLine: 'underline' }
+        },
+        { if: { style: 'inline' }, tokens: { color: '#394056' } },
+        {
+          if: { focus: true, style: 'inline' },
+          tokens: { color: '#394056', outerBorderColor: '#394056' }
+        },
+        {
+          if: { hover: true, style: 'inline' },
+          tokens: { color: '#394056', textLine: 'none' }
+        },
+        {
+          if: { pressed: true, style: 'inline' },
+          tokens: { color: '#2b3145', textLine: 'none' }
+        },
+        {
+          if: { focus: true, pressed: true, style: 'inline' },
+          tokens: { outerBorderColor: '#2b3145' }
+        },
+        { if: { style: 'subtle' }, tokens: { color: '#6a7080' } },
+        {
+          if: { focus: true, style: 'subtle' },
+          tokens: { color: '#394056', outerBorderColor: '#394056' }
+        },
+        {
+          if: { hover: true, style: 'subtle' },
+          tokens: { color: '#6a7080', textLine: 'none' }
+        },
+        {
+          if: { pressed: true, style: 'subtle' },
+          tokens: { color: '#2b3145', textLine: 'none' }
+        },
+        {
+          if: { focus: true, pressed: true, style: 'subtle' },
+          tokens: { outerBorderColor: '#2b3145' }
+        },
+        { if: { style: 'feature' }, tokens: { color: '#636c8c' } },
+        {
+          if: { focus: true, style: 'feature' },
+          tokens: { color: '#636c8c', outerBorderColor: '#636c8c' }
+        },
+        {
+          if: { hover: true, style: 'feature' },
+          tokens: { color: '#636c8c', textLine: 'none' }
+        },
+        {
+          if: { pressed: true, style: 'feature' },
+          tokens: { color: '#2b3145', textLine: 'none' }
+        },
+        {
+          if: { focus: true, pressed: true, style: 'feature' },
+          tokens: { outerBorderColor: '#2b3145' }
+        },
+        { if: { style: 'danger' }, tokens: { color: '#bf1722' } },
+        {
+          if: { focus: true, style: 'danger' },
+          tokens: { color: '#bf1722', outerBorderColor: '#bf1722' }
+        },
+        {
+          if: { hover: true, style: 'danger' },
+          tokens: { color: '#bf1722', textLine: 'none' }
+        },
+        {
+          if: { pressed: true, style: 'danger' },
+          tokens: { color: '#df8b90', textLine: 'none' }
+        },
+        {
+          if: { focus: true, pressed: true, style: 'danger' },
+          tokens: { outerBorderColor: '#df8b90' }
+        },
+        { if: { style: 'inverse' }, tokens: { color: '#f9f2dd' } },
+        {
+          if: { focus: true, style: 'inverse' },
+          tokens: { color: '#f9f2dd', outerBorderColor: '#f9f2dd' }
+        },
+        {
+          if: { hover: true, style: 'inverse' },
+          tokens: { color: '#f39d80', textLine: 'none' }
+        },
+        {
+          if: { pressed: true, style: 'inverse' },
+          tokens: { color: '#f39d80', textLine: 'none' }
+        },
+        {
+          if: { focus: true, pressed: true, style: 'inverse' },
+          tokens: { outerBorderColor: '#f39d80' }
+        },
+        {
+          if: { quiet: true, style: 'inline' },
+          tokens: { color: '#394056', textLine: 'none' }
+        },
+        {
+          if: { focus: true, quiet: true, style: 'inline' },
+          tokens: {
+            color: '#394056',
+            outerBorderColor: '#394056',
+            textLine: 'none'
+          }
+        },
+        {
+          if: { hover: true, quiet: true, style: 'inline' },
+          tokens: { color: '#394056', textLine: 'none' }
+        },
+        {
+          if: { pressed: true, quiet: true, style: 'inline' },
+          tokens: { color: '#2b3145', textLine: 'underline' }
+        },
+        {
+          if: { focus: true, pressed: true, quiet: true, style: 'inline' },
+          tokens: { outerBorderColor: '#2b3145', textLine: 'underline' }
+        },
+        {
+          if: { quiet: true, style: 'subtle' },
+          tokens: { color: '#6a7080', textLine: 'none' }
+        },
+        {
+          if: { focus: true, quiet: true, style: 'subtle' },
+          tokens: {
+            color: '#394056',
+            outerBorderColor: '#394056',
+            textLine: 'none'
+          }
+        },
+        {
+          if: { hover: true, quiet: true, style: 'subtle' },
+          tokens: { color: '#6a7080', textLine: 'none' }
+        },
+        {
+          if: { pressed: true, quiet: true, style: 'subtle' },
+          tokens: { color: '#2b3145', textLine: 'underline' }
+        },
+        {
+          if: { focus: true, pressed: true, quiet: true, style: 'subtle' },
+          tokens: { outerBorderColor: '#2b3145', textLine: 'underline' }
+        },
+        {
+          if: { quiet: true, style: 'feature' },
+          tokens: { color: '#636c8c', textLine: 'none' }
+        },
+        {
+          if: { focus: true, quiet: true, style: 'feature' },
+          tokens: {
+            color: '#636c8c',
+            outerBorderColor: '#636c8c',
+            textLine: 'none'
+          }
+        },
+        {
+          if: { hover: true, quiet: true, style: 'feature' },
+          tokens: { color: '#636c8c', textLine: 'none' }
+        },
+        {
+          if: { pressed: true, quiet: true, style: 'feature' },
+          tokens: { color: '#2b3145', textLine: 'underline' }
+        },
+        {
+          if: { focus: true, pressed: true, quiet: true, style: 'feature' },
+          tokens: { outerBorderColor: '#2b3145', textLine: 'underline' }
+        },
+        {
+          if: { quiet: true, style: 'danger' },
+          tokens: { color: '#bf1722', textLine: 'none' }
+        },
+        {
+          if: { focus: true, quiet: true, style: 'danger' },
+          tokens: {
+            color: '#bf1722',
+            outerBorderColor: '#bf1722',
+            textLine: 'none'
+          }
+        },
+        {
+          if: { hover: true, quiet: true, style: 'danger' },
+          tokens: { color: '#bf1722', textLine: 'none' }
+        },
+        {
+          if: { pressed: true, quiet: true, style: 'danger' },
+          tokens: { color: '#df8b90', textLine: 'underline' }
+        },
+        {
+          if: { focus: true, pressed: true, quiet: true, style: 'danger' },
+          tokens: { outerBorderColor: '#df8b90', textLine: 'underline' }
+        },
+        {
+          if: { quiet: true, style: 'inverse' },
+          tokens: { color: '#f9f2dd', textLine: 'none' }
+        },
+        {
+          if: { focus: true, quiet: true, style: 'inverse' },
+          tokens: {
+            color: '#f9f2dd',
+            outerBorderColor: '#f9f2dd',
+            textLine: 'none'
+          }
+        },
+        {
+          if: { hover: true, quiet: true, style: 'inverse' },
+          tokens: { color: '#f39d80', textLine: 'none' }
+        },
+        {
+          if: { pressed: true, quiet: true, style: 'inverse' },
+          tokens: { color: '#f39d80', textLine: 'underline' }
+        },
+        {
+          if: { focus: true, pressed: true, quiet: true, style: 'inverse' },
+          tokens: { outerBorderColor: '#f39d80', textLine: 'underline' }
         }
       ],
       tokens: {
@@ -3581,6 +3818,10 @@ module.exports = {
           description: 'Text sizes for block links; similar but not always identical to Typography sizes.',
           type: 'variant',
           values: [ 'micro', 'small', 'large' ]
+        },
+        style: {
+          type: 'variant',
+          values: [ 'inline', 'subtle', 'feature', 'danger', 'inverse' ]
         }
       },
       rules: [
@@ -3695,7 +3936,19 @@ module.exports = {
         { if: { quiet: true }, tokens: { textLine: 'none' } },
         {
           if: { hover: true, quiet: true },
-          tokens: { color: '#394056', textLine: 'underline' }
+          tokens: { color: '#394056', textLine: 'none' }
+        },
+        {
+          if: { focus: true, quiet: true },
+          tokens: { color: '#636c8c', textLine: 'none' }
+        },
+        {
+          if: { pressed: true, quiet: true },
+          tokens: { color: '#2b3145', textLine: 'underline' }
+        },
+        {
+          if: { focus: true, pressed: true, quiet: true },
+          tokens: { color: '#2b3145', textLine: 'underline' }
         },
         {
           if: { alternative: true, hover: true, quiet: true },
@@ -3704,6 +3957,236 @@ module.exports = {
         {
           if: { hover: true, inverse: true, quiet: true },
           tokens: { color: '#f9cebf', textLine: 'underline' }
+        },
+        { if: { style: 'inline' }, tokens: { color: '#394056' } },
+        {
+          if: { focus: true, style: 'inline' },
+          tokens: {
+            color: '#394056',
+            outerBorderColor: '#394056',
+            outerBorderOutline: 'none'
+          }
+        },
+        {
+          if: { hover: true, style: 'inline' },
+          tokens: { color: '#394056', textLine: 'none' }
+        },
+        {
+          if: { pressed: true, style: 'inline' },
+          tokens: { color: '#2b3145', textLine: 'none' }
+        },
+        {
+          if: { focus: true, pressed: true, style: 'inline' },
+          tokens: { outerBorderColor: '#2b3145' }
+        },
+        { if: { style: 'subtle' }, tokens: { color: '#6a7080' } },
+        {
+          if: { focus: true, style: 'subtle' },
+          tokens: {
+            color: '#394056',
+            outerBorderColor: '#394056',
+            outerBorderOutline: 'none'
+          }
+        },
+        {
+          if: { hover: true, style: 'subtle' },
+          tokens: { color: '#6a7080', textLine: 'none' }
+        },
+        {
+          if: { pressed: true, style: 'subtle' },
+          tokens: { color: '#2b3145', textLine: 'none' }
+        },
+        {
+          if: { focus: true, pressed: true, style: 'subtle' },
+          tokens: { outerBorderColor: '#2b3145' }
+        },
+        { if: { style: 'feature' }, tokens: { color: '#636c8c' } },
+        {
+          if: { focus: true, style: 'feature' },
+          tokens: {
+            color: '#636c8c',
+            outerBorderColor: '#636c8c',
+            outerBorderOutline: 'none'
+          }
+        },
+        {
+          if: { hover: true, style: 'feature' },
+          tokens: { color: '#636c8c', textLine: 'none' }
+        },
+        {
+          if: { pressed: true, style: 'feature' },
+          tokens: { color: '#2b3145', textLine: 'none' }
+        },
+        {
+          if: { focus: true, pressed: true, style: 'feature' },
+          tokens: { outerBorderColor: '#2b3145' }
+        },
+        { if: { style: 'danger' }, tokens: { color: '#bf1722' } },
+        {
+          if: { focus: true, style: 'danger' },
+          tokens: {
+            color: '#bf1722',
+            outerBorderColor: '#bf1722',
+            outerBorderOutline: 'none'
+          }
+        },
+        {
+          if: { hover: true, style: 'danger' },
+          tokens: { color: '#bf1722', textLine: 'none' }
+        },
+        {
+          if: { pressed: true, style: 'danger' },
+          tokens: { color: '#df8b90', textLine: 'none' }
+        },
+        {
+          if: { focus: true, pressed: true, style: 'danger' },
+          tokens: { outerBorderColor: '#df8b90' }
+        },
+        { if: { style: 'inverse' }, tokens: { color: '#f9f2dd' } },
+        {
+          if: { focus: true, style: 'inverse' },
+          tokens: {
+            color: '#f9f2dd',
+            outerBorderColor: '#f9f2dd',
+            outerBorderOutline: 'none'
+          }
+        },
+        {
+          if: { hover: true, style: 'inverse' },
+          tokens: { color: '#f39d80', textLine: 'none' }
+        },
+        {
+          if: { pressed: true, style: 'inverse' },
+          tokens: { color: '#f39d80', textLine: 'none' }
+        },
+        {
+          if: { focus: true, pressed: true, style: 'inverse' },
+          tokens: { outerBorderColor: '#f39d80' }
+        },
+        {
+          if: { quiet: true, style: 'inline' },
+          tokens: { color: '#394056', textLine: 'none' }
+        },
+        {
+          if: { focus: true, quiet: true, style: 'inline' },
+          tokens: {
+            color: '#394056',
+            outerBorderColor: '#394056',
+            outerBorderOutline: 'none',
+            textLine: 'none'
+          }
+        },
+        {
+          if: { hover: true, quiet: true, style: 'inline' },
+          tokens: { color: '#394056', textLine: 'none' }
+        },
+        {
+          if: { pressed: true, quiet: true, style: 'inline' },
+          tokens: { color: '#2b3145', textLine: 'underline' }
+        },
+        {
+          if: { focus: true, pressed: true, quiet: true, style: 'inline' },
+          tokens: { outerBorderColor: '#2b3145', textLine: 'underline' }
+        },
+        {
+          if: { quiet: true, style: 'subtle' },
+          tokens: { color: '#6a7080', textLine: 'none' }
+        },
+        {
+          if: { focus: true, quiet: true, style: 'subtle' },
+          tokens: {
+            color: '#394056',
+            outerBorderColor: '#394056',
+            outerBorderOutline: 'none',
+            textLine: 'none'
+          }
+        },
+        {
+          if: { hover: true, quiet: true, style: 'subtle' },
+          tokens: { color: '#6a7080', textLine: 'none' }
+        },
+        {
+          if: { pressed: true, quiet: true, style: 'subtle' },
+          tokens: { color: '#2b3145', textLine: 'underline' }
+        },
+        {
+          if: { focus: true, pressed: true, quiet: true, style: 'subtle' },
+          tokens: { outerBorderColor: '#2b3145', textLine: 'underline' }
+        },
+        {
+          if: { quiet: true, style: 'feature' },
+          tokens: { color: '#636c8c', textLine: 'none' }
+        },
+        {
+          if: { focus: true, quiet: true, style: 'feature' },
+          tokens: {
+            color: '#636c8c',
+            outerBorderColor: '#636c8c',
+            outerBorderOutline: 'none',
+            textLine: 'none'
+          }
+        },
+        {
+          if: { hover: true, quiet: true, style: 'feature' },
+          tokens: { color: '#636c8c', textLine: 'none' }
+        },
+        {
+          if: { pressed: true, quiet: true, style: 'feature' },
+          tokens: { color: '#2b3145', textLine: 'underline' }
+        },
+        {
+          if: { focus: true, pressed: true, quiet: true, style: 'feature' },
+          tokens: { outerBorderColor: '#2b3145', textLine: 'underline' }
+        },
+        {
+          if: { quiet: true, style: 'danger' },
+          tokens: { color: '#bf1722', textLine: 'none' }
+        },
+        {
+          if: { focus: true, quiet: true, style: 'danger' },
+          tokens: {
+            color: '#bf1722',
+            outerBorderColor: '#bf1722',
+            outerBorderOutline: 'none',
+            textLine: 'none'
+          }
+        },
+        {
+          if: { hover: true, quiet: true, style: 'danger' },
+          tokens: { color: '#bf1722', textLine: 'none' }
+        },
+        {
+          if: { pressed: true, quiet: true, style: 'danger' },
+          tokens: { color: '#df8b90', textLine: 'underline' }
+        },
+        {
+          if: { focus: true, pressed: true, quiet: true, style: 'danger' },
+          tokens: { outerBorderColor: '#df8b90', textLine: 'underline' }
+        },
+        {
+          if: { quiet: true, style: 'inverse' },
+          tokens: { color: '#f9f2dd', textLine: 'none' }
+        },
+        {
+          if: { focus: true, quiet: true, style: 'inverse' },
+          tokens: {
+            color: '#f9f2dd',
+            outerBorderColor: '#f9f2dd',
+            outerBorderOutline: 'none',
+            textLine: 'none'
+          }
+        },
+        {
+          if: { hover: true, quiet: true, style: 'inverse' },
+          tokens: { color: '#f39d80', textLine: 'none' }
+        },
+        {
+          if: { pressed: true, quiet: true, style: 'inverse' },
+          tokens: { color: '#f39d80', textLine: 'underline' }
+        },
+        {
+          if: { focus: true, pressed: true, quiet: true, style: 'inverse' },
+          tokens: { outerBorderColor: '#f39d80', textLine: 'underline' }
         }
       ],
       tokens: {
@@ -4134,6 +4617,7 @@ module.exports = {
           type: 'state',
           values: [ true ]
         },
+        selected: { type: 'state', values: [ true ] },
         viewport: {
           description: 'The size label for the current screen viewport based on the current screen width',
           type: 'state',
@@ -4156,6 +4640,13 @@ module.exports = {
         {
           if: { maxWidth: true, viewport: [ 'sm', 'md', 'lg', 'xl' ] },
           tokens: { maxWidthSize: 544 }
+        },
+        {
+          if: { selected: true },
+          tokens: {
+            buttonIconBackgroundColor: '#394056',
+            labelColor: '#ffffff'
+          }
         }
       ],
       tokens: {
@@ -8274,5 +8765,5 @@ module.exports = {
       tokens: { size: 80 }
     }
   },
-  metadata: { name: 'theme-public-mobile', themeTokensVersion: '4.2.0' }
+  metadata: { name: 'theme-public-mobile', themeTokensVersion: '4.3.0' }
 }

package/build/web/ActionCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:22 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:15 GMT
  *
  */
 

package/build/web/ActivityIndicator.js

@@ -1,13 +1,14 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:22 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:15 GMT
  *
  */
 
 
 const theme = {
   appearances: {
+    dots: { type: 'variant', values: [ true ] },
     size: {
       description: 'used for full-screen spinners',
       type: 'variant',
@@ -15,6 +16,12 @@ const theme = {
     }
   },
   rules: [ { if: { size: 'large' }, tokens: { size: 48, thickness: 4 } } ],
-  tokens: { color: '#394056', size: 24, thickness: 2 }
+  tokens: {
+    color: '#394056',
+    dotSize: 6,
+    indicatorBackgroundColor: '#cdcfd5',
+    size: 24,
+    thickness: 3
+  }
 }
 export default theme

package/build/web/Autocomplete.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:22 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:15 GMT
  *
  */
 

package/build/web/Badge.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:22 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:15 GMT
  *
  */
 

package/build/web/BlockQuote.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:22 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:15 GMT
  *
  */
 

package/build/web/Box.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:22 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:15 GMT
  *
  */
 

package/build/web/Breadcrumbs.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:22 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:15 GMT
  *
  */
 

package/build/web/Button.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:22 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:15 GMT
  *
  */
 

package/build/web/ButtonDropdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:22 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:15 GMT
  *
  */