@telus-uds/theme-public-mobile 4.21.0 → 4.23.0

package/build/web/ColourToggle.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 

package/build/web/Countdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 

package/build/web/DatePicker.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 

package/build/web/Disclaimer.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 

package/build/web/Divider.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 

package/build/web/DownloadApp.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 

package/build/web/ExpandCollapse.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 
@@ -12,6 +12,7 @@ const theme = {
   tokens: {
     borderColor: 'rgba(0, 0, 0, 0)',
     borderStyle: 'solid',
+    borderTopWidth: null,
     borderWidth: 0
   }
 }

package/build/web/ExpandCollapseControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 

package/build/web/ExpandCollapseMini.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 

package/build/web/ExpandCollapseMiniControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 

package/build/web/ExpandCollapsePanel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 
@@ -37,6 +37,7 @@ const theme = {
     }
   ],
   tokens: {
+    borderBottomWidth: null,
     borderColor: '#394056',
     borderRadius: 4,
     borderWidth: 1,

package/build/web/Feedback.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 

package/build/web/Fieldset.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 

package/build/web/FileUpload.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 

package/build/web/Footnote.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 

package/build/web/FootnoteLink.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 

package/build/web/HorizontalScrollButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 

package/build/web/Icon.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 

package/build/web/IconButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 
@@ -80,6 +80,10 @@ const theme = {
       values: [ true ]
     },
     size: { type: 'variant', values: [ 'small', 'large' ] },
+    style: {
+      type: 'variant',
+      values: [ 'default', 'contained', 'subtle', 'raised' ]
+    },
     subtle: {
       description: 'For a more subtle appearance',
       type: 'variant',
@@ -353,7 +357,319 @@ const theme = {
         outerBorderColor: 'rgba(0, 0, 0, 0)'
       }
     },
-    { if: { size: 'large' }, tokens: { iconSize: 24, padding: 10 } }
+    { if: { size: 'large' }, tokens: { iconSize: 24, padding: 10 } },
+    {
+      if: { style: 'contained' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderColor: '#636c8c',
+        borderWidth: 2,
+        iconColor: '#636c8c'
+      }
+    },
+    {
+      if: { selected: true, style: 'contained' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderColor: '#394056',
+        borderWidth: 3,
+        iconColor: '#394056'
+      }
+    },
+    {
+      if: { hover: true, style: 'contained' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderColor: '#394056',
+        borderWidth: 2,
+        iconColor: '#394056'
+      }
+    },
+    {
+      if: { pressed: true, style: 'contained' },
+      tokens: {
+        backgroundColor: '#636c8c',
+        borderWidth: 0,
+        iconColor: '#fefefc'
+      }
+    },
+    {
+      if: { focus: true, hover: false, pressed: false, style: 'contained' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderColor: '#636c8c',
+        borderWidth: 3,
+        iconColor: '#636c8c'
+      }
+    },
+    {
+      if: { inverse: true, style: 'contained' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderColor: '#f9f2dd',
+        borderWidth: 2,
+        iconColor: '#f9f2dd'
+      }
+    },
+    {
+      if: { inverse: true, selected: true, style: 'contained' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderColor: '#f9cebf',
+        borderWidth: 3,
+        iconColor: '#f9cebf'
+      }
+    },
+    {
+      if: { hover: true, inverse: true, style: 'contained' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderColor: '#f9cebf',
+        borderWidth: 2,
+        iconColor: '#f9cebf'
+      }
+    },
+    {
+      if: { inverse: true, pressed: true, style: 'contained' },
+      tokens: {
+        backgroundColor: '#f39d80',
+        borderWidth: 0,
+        iconColor: '#394056'
+      }
+    },
+    {
+      if: {
+        focus: true,
+        hover: false,
+        inverse: true,
+        pressed: false,
+        style: 'contained'
+      },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderColor: '#f9f2dd',
+        borderWidth: 3,
+        iconColor: '#f9f2dd'
+      }
+    },
+    {
+      if: { inactive: true, style: 'contained' },
+      tokens: {
+        backgroundColor: '#f5f5f7',
+        borderWidth: 0,
+        iconColor: '#cdcfd5'
+      }
+    },
+    {
+      if: { inactive: true, inverse: true, style: 'contained' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderColor: 'rgba(255, 255, 255, 0.2)',
+        borderWidth: 2,
+        iconColor: 'rgba(255, 255, 255, 0.2)'
+      }
+    },
+    {
+      if: { style: 'subtle' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderColor: 'rgba(0, 0, 0, 0)',
+        borderWidth: 0,
+        iconColor: '#636c8c'
+      }
+    },
+    {
+      if: { selected: true, style: 'subtle' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderColor: '#394056',
+        borderWidth: 2,
+        iconColor: '#394056'
+      }
+    },
+    {
+      if: { hover: true, style: 'subtle' },
+      tokens: {
+        backgroundColor: '#d8dae2',
+        borderColor: 'rgba(0, 0, 0, 0)',
+        borderWidth: 0,
+        iconColor: '#394056'
+      }
+    },
+    {
+      if: { pressed: true, style: 'subtle' },
+      tokens: {
+        backgroundColor: '#636c8c',
+        borderWidth: 0,
+        iconColor: '#fefefc'
+      }
+    },
+    {
+      if: { focus: true, hover: false, pressed: false, style: 'subtle' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderColor: '#636c8c',
+        borderWidth: 2,
+        iconColor: '#636c8c'
+      }
+    },
+    {
+      if: { inverse: true, style: 'subtle' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderColor: 'rgba(0, 0, 0, 0)',
+        borderWidth: 0,
+        iconColor: '#f9f2dd'
+      }
+    },
+    {
+      if: { inverse: true, selected: true, style: 'subtle' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderColor: '#f9cebf',
+        borderWidth: 2,
+        iconColor: '#f9cebf'
+      }
+    },
+    {
+      if: { hover: true, inverse: true, style: 'subtle' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderColor: 'rgba(0, 0, 0, 0)',
+        borderWidth: 0,
+        iconColor: '#f9cebf'
+      }
+    },
+    {
+      if: { inverse: true, pressed: true, style: 'subtle' },
+      tokens: {
+        backgroundColor: '#f39d80',
+        borderWidth: 0,
+        iconColor: '#394056'
+      }
+    },
+    {
+      if: {
+        focus: true,
+        hover: false,
+        inverse: true,
+        pressed: false,
+        style: 'subtle'
+      },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderColor: '#f9f2dd',
+        borderWidth: 2,
+        iconColor: '#f9f2dd'
+      }
+    },
+    {
+      if: { inactive: true, style: 'subtle' },
+      tokens: {
+        backgroundColor: '#f5f5f7',
+        borderWidth: 0,
+        iconColor: '#cdcfd5'
+      }
+    },
+    {
+      if: { inactive: true, inverse: true, style: 'subtle' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderWidth: 0,
+        iconColor: 'rgba(255, 255, 255, 0.2)'
+      }
+    },
+    {
+      if: { style: 'raised' },
+      tokens: {
+        backgroundColor: '#fefefc',
+        borderColor: '#636c8c',
+        borderWidth: 2,
+        iconColor: '#636c8c',
+        padding: 8,
+        shadow: {
+          blur: 2,
+          color: 'rgba(0, 0, 0, 0.2)',
+          inset: false,
+          offsetX: 0,
+          offsetY: 2,
+          spread: 0
+        }
+      }
+    },
+    {
+      if: { selected: true, style: 'raised' },
+      tokens: {
+        backgroundColor: '#fefefc',
+        borderColor: '#394056',
+        borderWidth: 3,
+        iconColor: '#394056',
+        padding: 8,
+        shadow: {
+          blur: 2,
+          color: 'rgba(0, 0, 0, 0.2)',
+          inset: false,
+          offsetX: 0,
+          offsetY: 2,
+          spread: 0
+        }
+      }
+    },
+    {
+      if: { hover: true, style: 'raised' },
+      tokens: {
+        backgroundColor: '#ffffff',
+        borderColor: '#394056',
+        borderWidth: 2,
+        iconColor: '#394056',
+        padding: 8,
+        shadow: {
+          blur: 2,
+          color: 'rgba(0, 0, 0, 0.2)',
+          inset: false,
+          offsetX: 0,
+          offsetY: 2,
+          spread: 0
+        }
+      }
+    },
+    {
+      if: { pressed: true, style: 'raised' },
+      tokens: {
+        backgroundColor: '#636c8c',
+        borderWidth: 0,
+        iconColor: '#fefefc',
+        padding: 8,
+        shadow: null
+      }
+    },
+    {
+      if: { focus: true, hover: false, pressed: false, style: 'raised' },
+      tokens: {
+        backgroundColor: '#fefefc',
+        borderColor: '#636c8c',
+        borderWidth: 3,
+        iconColor: '#636c8c',
+        padding: 8,
+        shadow: {
+          blur: 2,
+          color: 'rgba(0, 0, 0, 0.2)',
+          inset: false,
+          offsetX: 0,
+          offsetY: 2,
+          spread: 0
+        }
+      }
+    },
+    {
+      if: { inactive: true, style: 'raised' },
+      tokens: {
+        backgroundColor: '#f5f5f7',
+        borderWidth: 0,
+        iconColor: '#cdcfd5',
+        shadow: null
+      }
+    }
   ],
   tokens: {
     backgroundColor: 'transparent',

package/build/web/Image.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 

package/build/web/InputLabel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 

package/build/web/InputSupports.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 

package/build/web/Link.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 

package/build/web/List.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 

package/build/web/Listbox.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 

package/build/web/Modal.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 

package/build/web/MultiSelectFilter.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 

package/build/web/NavigationBar.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 

package/build/web/Notification.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 

package/build/web/OrderedList.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 

package/build/web/Pagination.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 

package/build/web/PaginationPageButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */
 

package/build/web/PaginationSideButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 29 Jan 2026 16:41:03 GMT
+ * Generated on Thu, 16 Apr 2026 21:02:27 GMT
  *
  */