@telus-uds/theme-public-mobile 3.4.0 → 4.1.0

package/build/ios/theme.json

@@ -6720,6 +6720,12 @@
           "alpha": 1
         },
         "buttonDirection": "row",
+        "buttonIconBackgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
         "buttonIconPadding": 4,
         "buttonIconSize": 20,
         "contentMarginBottom": 32,
@@ -8094,6 +8100,8 @@
             "alternative": true
           },
           "tokens": {
+            "fontSize": 16,
+            "lineHeight": 1.5,
             "paddingBottom": 8,
             "paddingTop": 8
           }
@@ -11058,6 +11066,10 @@
     },
     "Table": {
       "appearances": {
+        "highlight": {
+          "type": "variant",
+          "values": ["row"]
+        },
         "spacing": {
           "description": "Adjusts the height of the table cell",
           "type": "variant",
@@ -11073,6 +11085,25 @@
         }
       },
       "rules": [
+        {
+          "if": {
+            "highlight": "row"
+          },
+          "tokens": {
+            "cellBackground": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
+            },
+            "rowHoverBackgroundColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0.05
+            }
+          }
+        },
         {
           "if": {
             "spacing": "compact"
@@ -11187,6 +11218,14 @@
           "blue": 1,
           "alpha": 1
         },
+        "cellBorderColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "cellBorderTopWidth": 0,
+        "cellBorderWidth": 0,
         "cellBoxShadowColor": {
           "red": 0.80392,
           "green": 0.81176,
@@ -11222,6 +11261,20 @@
         "fontSize": 18,
         "fontWeight": 400,
         "lineHeight": 1.55555555,
+        "rowBorderColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "rowBorderTopWidth": 0,
+        "rowBorderWidth": 0,
+        "rowHoverBackgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
         "stickyBackgroundColor": {
           "red": 1,
           "green": 1,
@@ -11433,6 +11486,8 @@
         "highlightTriangleSize": 0,
         "letterSpacing": 0,
         "lineHeight": 1.5,
+        "marginHorizontal": 0,
+        "marginVertical": 0,
         "maxWidth": null,
         "paddingHorizontal": 24,
         "paddingVertical": 12,
@@ -13711,7 +13766,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "3.3.0",
+    "themeTokensVersion": "4.1.0",
     "name": "theme-public-mobile"
   }
 }

package/build/rn/ActionCard.js

@@ -1,13 +1,14 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:37 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:07 GMT
  *
  */
 
-import PaletteIconArrowRight from '@telus-uds/palette-public-mobile/build/rn/icons/ArrowRight'
-import PaletteIconWarningError from '@telus-uds/palette-public-mobile/build/rn/icons/WarningError'
-const theme = {
+const PaletteIconArrowRight = require('@telus-uds/palette-public-mobile/build/rn/icons/ArrowRight')
+const PaletteIconWarningError = require('@telus-uds/palette-public-mobile/build/rn/icons/WarningError')
+
+module.exports = {
   appearances: {
     hover: {
       description: "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
@@ -90,4 +91,3 @@ const theme = {
     titleMarginTop: 8
   }
 }
-export default theme

package/build/rn/ActivityIndicator.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:37 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:07 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {
     size: {
       description: 'used for full-screen spinners',
@@ -17,4 +18,3 @@ const theme = {
   rules: [ { if: { size: 'large' }, tokens: { size: 48, thickness: 4 } } ],
   tokens: { color: '#394056', size: 24, thickness: 2 }
 }
-export default theme

package/build/rn/Autocomplete.js

@@ -1,14 +1,14 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:37 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:07 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {},
   rules: [],
   tokens: { color: '#394056', maxHeight: '100%', overflowY: 'visible' }
 }
-export default theme

package/build/rn/Badge.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:37 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:07 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {
     alternative: { type: 'variant', values: [ true ] },
     inverse: { type: 'variant', values: [ true ] },
@@ -91,4 +92,3 @@ const theme = {
     paddingTop: 2
   }
 }
-export default theme

package/build/rn/BlockQuote.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:37 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:07 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {
     viewport: {
       description: 'The size label for the current screen viewport based on the current screen width',
@@ -52,4 +53,3 @@ const theme = {
     width: 4
   }
 }
-export default theme

package/build/rn/Box.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:37 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:07 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {
     background: {
       description: 'Background colour of box. No background color if not specified',
@@ -105,4 +106,3 @@ const theme = {
     gradient: null
   }
 }
-export default theme

package/build/rn/Breadcrumbs.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:37 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:07 GMT
  *
  */
 
-import PaletteIconChevronRight from '@telus-uds/palette-public-mobile/build/rn/icons/ChevronRight'
-const theme = {
+const PaletteIconChevronRight = require('@telus-uds/palette-public-mobile/build/rn/icons/ChevronRight')
+
+module.exports = {
   appearances: { inverse: { type: 'variant', values: [ true ] } },
   rules: [
     {
@@ -33,4 +34,3 @@ const theme = {
     listItemPadding: 0
   }
 }
-export default theme

package/build/rn/Button.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:37 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:07 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {
     danger: {
       description: 'Indicates a user action that is destructive and will result in loss of information or cause significant monetary charges. Limit the use of the danger button whenever possible.',
@@ -366,4 +367,3 @@ const theme = {
     width: null
   }
 }
-export default theme

package/build/rn/ButtonDropdown.js

@@ -1,13 +1,14 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:37 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:07 GMT
  *
  */
 
-import PaletteIconChevronDown from '@telus-uds/palette-public-mobile/build/rn/icons/ChevronDown'
-import PaletteIconChevronUp from '@telus-uds/palette-public-mobile/build/rn/icons/ChevronUp'
-const theme = {
+const PaletteIconChevronDown = require('@telus-uds/palette-public-mobile/build/rn/icons/ChevronDown')
+const PaletteIconChevronUp = require('@telus-uds/palette-public-mobile/build/rn/icons/ChevronUp')
+
+module.exports = {
   appearances: {
     focus: {
       description: "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
@@ -150,4 +151,3 @@ const theme = {
     width: null
   }
 }
-export default theme

package/build/rn/ButtonGroup.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:37 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:07 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {
     style: {
       description: 'Configure `style` variant for `ButtonGroup`',
@@ -55,4 +56,3 @@ const theme = {
     space: 1
   }
 }
-export default theme

package/build/rn/ButtonGroupItem.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:37 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:07 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {
     focus: {
       description: "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
@@ -200,4 +201,3 @@ const theme = {
     width: null
   }
 }
-export default theme

package/build/rn/Callout.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:37 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:07 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {
     rounded: { type: 'variant', values: [ true ] },
     size: { type: 'variant', values: [ 'small' ] }
@@ -29,4 +30,3 @@ const theme = {
     paddingTop: 8
   }
 }
-export default theme

package/build/rn/Card.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:37 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:07 GMT
  *
  */
 
-import PaletteIconMobileCheckmark from '@telus-uds/palette-public-mobile/build/rn/icons/MobileCheckmark'
-const theme = {
+const PaletteIconMobileCheckmark = require('@telus-uds/palette-public-mobile/build/rn/icons/MobileCheckmark')
+
+module.exports = {
   appearances: {
     background: {
       type: 'variant',
@@ -260,4 +261,3 @@ const theme = {
     shadow: null
   }
 }
-export default theme

package/build/rn/CardGroup.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:37 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:07 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {
     focus: {
       description: "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
@@ -63,4 +64,3 @@ const theme = {
     space: 3
   }
 }
-export default theme

package/build/rn/Carousel.js

@@ -1,15 +1,16 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:37 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:07 GMT
  *
  */
 
-import PaletteIconChevronRight from '@telus-uds/palette-public-mobile/build/rn/icons/ChevronRight'
-import PaletteIconPause from '@telus-uds/palette-public-mobile/build/rn/icons/Pause'
-import PaletteIconPlaySolid from '@telus-uds/palette-public-mobile/build/rn/icons/PlaySolid'
-import PaletteIconChevronLeft from '@telus-uds/palette-public-mobile/build/rn/icons/ChevronLeft'
-const theme = {
+const PaletteIconChevronRight = require('@telus-uds/palette-public-mobile/build/rn/icons/ChevronRight')
+const PaletteIconPause = require('@telus-uds/palette-public-mobile/build/rn/icons/Pause')
+const PaletteIconPlaySolid = require('@telus-uds/palette-public-mobile/build/rn/icons/PlaySolid')
+const PaletteIconChevronLeft = require('@telus-uds/palette-public-mobile/build/rn/icons/ChevronLeft')
+
+module.exports = {
   appearances: {
     hover: {
       description: "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
@@ -44,4 +45,3 @@ const theme = {
     stepTrackerCurrentBackgroundColor: null
   }
 }
-export default theme

package/build/rn/CarouselTabsPanelItem.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:37 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:07 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {
     focus: {
       description: "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
@@ -144,4 +145,3 @@ const theme = {
     paddingTop: 0
   }
 }
-export default theme

package/build/rn/CarouselThumbnail.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:37 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:07 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {
     focus: {
       description: "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
@@ -59,4 +60,3 @@ const theme = {
     size: 56
   }
 }
-export default theme

package/build/rn/Checkbox.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:37 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:07 GMT
  *
  */
 
-import PaletteIconMobileCheckmark from '@telus-uds/palette-public-mobile/build/rn/icons/MobileCheckmark'
-const theme = {
+const PaletteIconMobileCheckmark = require('@telus-uds/palette-public-mobile/build/rn/icons/MobileCheckmark')
+
+module.exports = {
   appearances: {
     checked: {
       description: 'Corresponds to a selected state for a checkbox or radio',
@@ -88,4 +89,3 @@ const theme = {
     labelMarginLeft: 10
   }
 }
-export default theme

package/build/rn/CheckboxCard.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:37 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:07 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {
     checked: {
       description: 'Corresponds to a selected state for a checkbox or radio',
@@ -154,4 +155,3 @@ const theme = {
     textTransform: 'none'
   }
 }
-export default theme

package/build/rn/CheckboxCardGroup.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:37 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:07 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {
     fullWidth: {
       description: 'Makes cards always occupy the full width of the parent, regardless of viewport',
@@ -42,4 +43,3 @@ const theme = {
     space: 4
   }
 }
-export default theme

package/build/rn/CheckboxGroup.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:37 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:07 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {},
   rules: [],
   tokens: {
@@ -21,4 +22,3 @@ const theme = {
     space: 2
   }
 }
-export default theme

package/build/rn/ChevronLink.js

@@ -1,13 +1,14 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:37 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:07 GMT
  *
  */
 
-import PaletteIconChevronLeft from '@telus-uds/palette-public-mobile/build/rn/icons/ChevronLeft'
-import PaletteIconChevronRight from '@telus-uds/palette-public-mobile/build/rn/icons/ChevronRight'
-const theme = {
+const PaletteIconChevronLeft = require('@telus-uds/palette-public-mobile/build/rn/icons/ChevronLeft')
+const PaletteIconChevronRight = require('@telus-uds/palette-public-mobile/build/rn/icons/ChevronRight')
+
+module.exports = {
   appearances: {
     alternative: { type: 'variant', values: [ true ] },
     focus: {
@@ -112,4 +113,3 @@ const theme = {
     textLine: 'none'
   }
 }
-export default theme

package/build/rn/ColourToggle.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:37 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:07 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {
     focus: {
       description: "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
@@ -90,4 +91,3 @@ const theme = {
     space: 2
   }
 }
-export default theme

package/build/rn/Countdown.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:37 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:07 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {
     feature: { type: 'variant', values: [ true ] },
     inverse: { type: 'variant', values: [ true ] },
@@ -76,4 +77,3 @@ const theme = {
     textTimerFontWeight: '400'
   }
 }
-export default theme

package/build/rn/DatePicker.js

@@ -1,13 +1,14 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:37 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:07 GMT
  *
  */
 
-import PaletteIconMobileArrowRight from '@telus-uds/palette-public-mobile/build/rn/icons/MobileArrowRight'
-import PaletteIconMobileArrowBack from '@telus-uds/palette-public-mobile/build/rn/icons/MobileArrowBack'
-const theme = {
+const PaletteIconMobileArrowRight = require('@telus-uds/palette-public-mobile/build/rn/icons/MobileArrowRight')
+const PaletteIconMobileArrowBack = require('@telus-uds/palette-public-mobile/build/rn/icons/MobileArrowBack')
+
+module.exports = {
   appearances: { inline: { type: 'variant', values: [ true ] } },
   rules: [
     {
@@ -63,4 +64,3 @@ const theme = {
     validInputMixin: null
   }
 }
-export default theme