@telus-uds/theme-public-mobile 4.4.0 → 4.5.1

package/build/rn/ChevronLink.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 
@@ -29,10 +29,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: [
@@ -98,6 +107,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: {

package/build/rn/ColourToggle.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/Countdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/DatePicker.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/Disclaimer.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/Divider.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/DownloadApp.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/ExpandCollapse.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/ExpandCollapseControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/ExpandCollapseMini.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/ExpandCollapseMiniControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/ExpandCollapsePanel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/Feedback.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/Fieldset.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/FileUpload.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/Footnote.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/FootnoteLink.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/HorizontalScrollButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/Icon.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/IconButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/Image.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/InputLabel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/InputSupports.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/Link.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/List.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/Listbox.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/Modal.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/MultiSelectFilter.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/NavigationBar.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/Notification.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 
@@ -28,10 +28,6 @@ module.exports = {
     }
   },
   rules: [
-    {
-      if: { system: true, viewport: [ 'xl' ] },
-      tokens: { containerPaddingLeft: 16, containerPaddingRight: 16 }
-    },
     {
       if: { system: true },
       tokens: {
@@ -39,11 +35,7 @@ module.exports = {
         borderRadius: 0,
         borderRightWidth: 0,
         borderTopWidth: 0,
-        iconGap: 16,
-        paddingBottom: 12,
-        paddingLeft: 12,
-        paddingRight: 12,
-        paddingTop: 12
+        iconGap: 16
       }
     },
     {
@@ -53,11 +45,7 @@ module.exports = {
         borderRadius: 0,
         borderRightWidth: 0,
         borderTopWidth: 0,
-        iconGap: 16,
-        paddingBottom: 12,
-        paddingLeft: 12,
-        paddingRight: 12,
-        paddingTop: 12
+        iconGap: 16
       }
     },
     {
@@ -68,11 +56,7 @@ module.exports = {
         borderRadius: 6,
         borderRightWidth: 0,
         borderTopWidth: 0,
-        iconGap: 16,
-        paddingBottom: 12,
-        paddingLeft: 12,
-        paddingRight: 12,
-        paddingTop: 12
+        iconGap: 16
       }
     },
     {
@@ -153,13 +137,13 @@ module.exports = {
     fontWeight: '400',
     icon: null,
     iconColor: null,
-    iconGap: 16,
+    iconGap: 8,
     iconSize: 24,
     justifyContent: 'flex-start',
     lineHeight: 1.55555555,
     paddingBottom: 12,
-    paddingLeft: 12,
-    paddingRight: 12,
+    paddingLeft: 16,
+    paddingRight: 16,
     paddingTop: 12
   }
 }

package/build/rn/OrderedList.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/Pagination.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/PaginationPageButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/PaginationSideButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/PreviewCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */
 

package/build/rn/PriceLockup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:17 GMT
+ * Generated on Tue, 08 Apr 2025 19:32:02 GMT
  *
  */