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

package/build/rn/theme.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
  *
  */
 
@@ -2164,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: [
@@ -2233,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: {
@@ -4594,10 +4824,6 @@ module.exports = {
         }
       },
       rules: [
-        {
-          if: { system: true, viewport: [ 'xl' ] },
-          tokens: { containerPaddingLeft: 16, containerPaddingRight: 16 }
-        },
         {
           if: { system: true },
           tokens: {
@@ -4605,11 +4831,7 @@ module.exports = {
             borderRadius: 0,
             borderRightWidth: 0,
             borderTopWidth: 0,
-            iconGap: 16,
-            paddingBottom: 12,
-            paddingLeft: 12,
-            paddingRight: 12,
-            paddingTop: 12
+            iconGap: 16
           }
         },
         {
@@ -4619,11 +4841,7 @@ module.exports = {
             borderRadius: 0,
             borderRightWidth: 0,
             borderTopWidth: 0,
-            iconGap: 16,
-            paddingBottom: 12,
-            paddingLeft: 12,
-            paddingRight: 12,
-            paddingTop: 12
+            iconGap: 16
           }
         },
         {
@@ -4634,11 +4852,7 @@ module.exports = {
             borderRadius: 6,
             borderRightWidth: 0,
             borderTopWidth: 0,
-            iconGap: 16,
-            paddingBottom: 12,
-            paddingLeft: 12,
-            paddingRight: 12,
-            paddingTop: 12
+            iconGap: 16
           }
         },
         {
@@ -4719,13 +4933,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/web/ActionCard.js

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

package/build/web/ActivityIndicator.js

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

package/build/web/Autocomplete.js

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

package/build/web/Badge.js

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

package/build/web/BlockQuote.js

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

package/build/web/Box.js

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

package/build/web/Breadcrumbs.js

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

package/build/web/Button.js

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

package/build/web/ButtonDropdown.js

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

package/build/web/ButtonGroup.js

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

package/build/web/ButtonGroupItem.js

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

package/build/web/Callout.js

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

package/build/web/Card.js

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

package/build/web/CardGroup.js

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

package/build/web/Carousel.js

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

package/build/web/CarouselTabsPanelItem.js

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

package/build/web/CarouselThumbnail.js

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

package/build/web/Checkbox.js

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

package/build/web/CheckboxCard.js

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

package/build/web/CheckboxCardGroup.js

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

package/build/web/CheckboxGroup.js

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