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

package/build/rn/SplashButtonWithDetails.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 PaletteIconPlaySolid from '@telus-uds/palette-public-mobile/build/rn/icons/PlaySolid'
-const theme = {
+const PaletteIconPlaySolid = require('@telus-uds/palette-public-mobile/build/rn/icons/PlaySolid')
+
+module.exports = {
   appearances: {
     hover: {
       description: "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
@@ -40,4 +41,3 @@ const theme = {
     playIconContainerBackground: '#394056'
   }
 }
-export default theme

package/build/rn/StackView.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: {
@@ -17,4 +18,3 @@ const theme = {
     width: null
   }
 }
-export default theme

package/build/rn/Status.js

@@ -1,14 +1,15 @@
 /*
  *
  * 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 PaletteIconWarningError from '@telus-uds/palette-public-mobile/build/rn/icons/WarningError'
-import PaletteIconCheckMark from '@telus-uds/palette-public-mobile/build/rn/icons/CheckMark'
-import PaletteIconMobileRewards from '@telus-uds/palette-public-mobile/build/rn/icons/MobileRewards'
-const theme = {
+const PaletteIconWarningError = require('@telus-uds/palette-public-mobile/build/rn/icons/WarningError')
+const PaletteIconCheckMark = require('@telus-uds/palette-public-mobile/build/rn/icons/CheckMark')
+const PaletteIconMobileRewards = require('@telus-uds/palette-public-mobile/build/rn/icons/MobileRewards')
+
+module.exports = {
   appearances: {
     inverse: {
       description: 'Inverts the status colors',
@@ -192,4 +193,3 @@ const theme = {
     textLineHeight: 1.153
   }
 }
-export default theme

package/build/rn/StepTracker.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: {
     inverse: {
       description: 'Styles the step tracker for using on dark backgrounds.',
@@ -93,4 +94,3 @@ const theme = {
     textStepTrackerLabel: 3
   }
 }
-export default theme

package/build/rn/StoryCard.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 = {
     shadow: null
   }
 }
-export default theme

package/build/rn/TabBar.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: {
     pressed: {
       description: 'Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.',
@@ -31,4 +32,3 @@ const theme = {
     paddingTop: 4
   }
 }
-export default theme

package/build/rn/TabBarItem.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: 'Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.',
@@ -64,4 +65,3 @@ const theme = {
     paddingTop: 4
   }
 }
-export default theme

package/build/rn/Table.js

@@ -1,13 +1,15 @@
 /*
  *
  * 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: {
+    highlight: { type: 'variant', values: [ 'row' ] },
     spacing: {
       description: 'Adjusts the height of the table cell',
       type: 'variant',
@@ -20,6 +22,13 @@ const theme = {
     }
   },
   rules: [
+    {
+      if: { highlight: 'row' },
+      tokens: {
+        cellBackground: 'rgba(0, 0, 0, 0)',
+        rowHoverBackgroundColor: 'rgba(0, 0, 0, 0.05)'
+      }
+    },
     {
       if: { spacing: 'compact' },
       tokens: { cellPaddingBottom: 8, cellPaddingTop: 8 }
@@ -77,6 +86,9 @@ const theme = {
     borderColor: 'rgba(0, 0, 0, 0)',
     borderWidth: 0,
     cellBackground: '#ffffff',
+    cellBorderColor: 'rgba(0, 0, 0, 0)',
+    cellBorderTopWidth: 0,
+    cellBorderWidth: 0,
     cellBoxShadowColor: '#cdcfd5',
     cellMinWidth: 0,
     cellPaddingBottom: 16,
@@ -97,8 +109,11 @@ const theme = {
     fontSize: 18,
     fontWeight: '400',
     lineHeight: 1.55555555,
+    rowBorderColor: 'rgba(0, 0, 0, 0)',
+    rowBorderTopWidth: 0,
+    rowBorderWidth: 0,
+    rowHoverBackgroundColor: 'rgba(0, 0, 0, 0)',
     stickyBackgroundColor: '#ffffff',
     tablePaddingBottom: 24
   }
 }
-export default theme

package/build/rn/Tabs.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 PaletteIconChevronRight from '@telus-uds/palette-public-mobile/build/rn/icons/ChevronRight'
-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 PaletteIconChevronLeft = require('@telus-uds/palette-public-mobile/build/rn/icons/ChevronLeft')
+
+module.exports = {
   appearances: {
     equalWidth: {
       description: 'Divide the available width equally among `TabsItem`',
@@ -33,4 +34,3 @@ const theme = {
     space: 0
   }
 }
-export default theme

package/build/rn/TabsItem.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: {
     equalWidth: {
       description: 'Divide the available width equally among `TabsItem`',
@@ -100,6 +101,8 @@ const theme = {
     highlightTriangleSize: 0,
     letterSpacing: 0,
     lineHeight: 1.5,
+    marginHorizontal: 0,
+    marginVertical: 0,
     maxWidth: null,
     paddingHorizontal: 24,
     paddingVertical: 12,
@@ -108,4 +111,3 @@ const theme = {
     textTransform: 'none'
   }
 }
-export default theme

package/build/rn/Tags.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',
@@ -24,4 +25,3 @@ const theme = {
     space: 1
   }
 }
-export default theme

package/build/rn/TagsItem.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 PaletteIconAdd from '@telus-uds/palette-public-mobile/build/rn/icons/Add'
-import PaletteIconXMark from '@telus-uds/palette-public-mobile/build/rn/icons/XMark'
-const theme = {
+const PaletteIconAdd = require('@telus-uds/palette-public-mobile/build/rn/icons/Add')
+const PaletteIconXMark = require('@telus-uds/palette-public-mobile/build/rn/icons/XMark')
+
+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.",
@@ -171,4 +172,3 @@ const theme = {
     textAlign: 'center'
   }
 }
-export default theme

package/build/rn/TermsAndConditions.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: {
     expanded: {
       description: 'Applies when an ExpandCollapse panel is open and the content inside is visible',
@@ -136,4 +137,3 @@ const theme = {
     unorderedPadding: 12
   }
 }
-export default theme

package/build/rn/Testimonial.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 PaletteIconQuoteLeft from '@telus-uds/palette-public-mobile/build/rn/icons/QuoteLeft'
-import PaletteIconQuoteLeftArrow from '@telus-uds/palette-public-mobile/build/rn/icons/QuoteLeftArrow'
-const theme = {
+const PaletteIconQuoteLeft = require('@telus-uds/palette-public-mobile/build/rn/icons/QuoteLeft')
+const PaletteIconQuoteLeftArrow = require('@telus-uds/palette-public-mobile/build/rn/icons/QuoteLeftArrow')
+
+module.exports = {
   appearances: {},
   rules: [],
   tokens: {
@@ -39,4 +40,3 @@ const theme = {
     textColor: '#394056'
   }
 }
-export default theme

package/build/rn/TextArea.js

@@ -1,10 +1,10 @@
 /*
  *
  * 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 = { appearances: {}, rules: [], tokens: { maxLines: 8, minLines: 5 } }
-export default theme
+
+module.exports = { appearances: {}, rules: [], tokens: { maxLines: 8, minLines: 5 } }

package/build/rn/TextInput.js

@@ -1,19 +1,20 @@
 /*
  *
  * 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 PaletteIconAmex from '@telus-uds/palette-public-mobile/build/rn/icons/Amex'
-import PaletteIconEyeUnmasked from '@telus-uds/palette-public-mobile/build/rn/icons/EyeUnmasked'
-import PaletteIconCreditCard from '@telus-uds/palette-public-mobile/build/rn/icons/CreditCard'
-import PaletteIconMasterCard from '@telus-uds/palette-public-mobile/build/rn/icons/MasterCard'
-import PaletteIconEyeMasked from '@telus-uds/palette-public-mobile/build/rn/icons/EyeMasked'
-import PaletteIconVisa from '@telus-uds/palette-public-mobile/build/rn/icons/Visa'
-import PaletteIconCheckMark from '@telus-uds/palette-public-mobile/build/rn/icons/CheckMark'
-import PaletteIconXMarkCircle from '@telus-uds/palette-public-mobile/build/rn/icons/XMarkCircle'
-const theme = {
+const PaletteIconAmex = require('@telus-uds/palette-public-mobile/build/rn/icons/Amex')
+const PaletteIconEyeUnmasked = require('@telus-uds/palette-public-mobile/build/rn/icons/EyeUnmasked')
+const PaletteIconCreditCard = require('@telus-uds/palette-public-mobile/build/rn/icons/CreditCard')
+const PaletteIconMasterCard = require('@telus-uds/palette-public-mobile/build/rn/icons/MasterCard')
+const PaletteIconEyeMasked = require('@telus-uds/palette-public-mobile/build/rn/icons/EyeMasked')
+const PaletteIconVisa = require('@telus-uds/palette-public-mobile/build/rn/icons/Visa')
+const PaletteIconCheckMark = require('@telus-uds/palette-public-mobile/build/rn/icons/CheckMark')
+const PaletteIconXMarkCircle = require('@telus-uds/palette-public-mobile/build/rn/icons/XMarkCircle')
+
+module.exports = {
   appearances: {
     focus: {
       description: 'Focus states for some input elements are well supported across web, RN, ios and android',
@@ -125,4 +126,3 @@ const theme = {
     visaIcon: PaletteIconVisa
   }
 }
-export default theme

package/build/rn/Timeline.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: {
     horizontal: {
       description: 'Use horizontal to display timeline horizontally.',
@@ -55,4 +56,3 @@ const theme = {
     timelineContainerDirection: 'column'
   }
 }
-export default theme

package/build/rn/Toast.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',
@@ -40,4 +41,3 @@ const theme = {
     padding: 16
   }
 }
-export default theme

package/build/rn/ToggleSwitch.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.",
@@ -164,4 +165,3 @@ const theme = {
     width: 40
   }
 }
-export default theme

package/build/rn/ToggleSwitchGroup.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',
@@ -25,4 +26,3 @@ const theme = {
     space: 1
   }
 }
-export default theme

package/build/rn/Tooltip.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: { inverse: { type: 'variant', values: [ true ] } },
   rules: [
     {
@@ -41,4 +42,3 @@ const theme = {
     }
   }
 }
-export default theme

package/build/rn/TooltipButton.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 PaletteIconHelp from '@telus-uds/palette-public-mobile/build/rn/icons/Help'
-const theme = {
+const PaletteIconHelp = require('@telus-uds/palette-public-mobile/build/rn/icons/Help')
+
+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.",
@@ -62,4 +63,3 @@ const theme = {
     width: 16
   }
 }
-export default theme

package/build/rn/Typography.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: {
     bold: {
       description: 'Sets the font weight, to bold on some body text styles. Does not change accessibility properties.',
@@ -235,4 +236,3 @@ const theme = {
     textTransform: 'none'
   }
 }
-export default theme

package/build/rn/Video.js

@@ -1,14 +1,15 @@
 /*
  *
  * 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 PaletteIconPause from '@telus-uds/palette-public-mobile/build/rn/icons/Pause'
-import PaletteIconPlaySolid from '@telus-uds/palette-public-mobile/build/rn/icons/PlaySolid'
-import PaletteIconReplay from '@telus-uds/palette-public-mobile/build/rn/icons/Replay'
-const theme = {
+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 PaletteIconReplay = require('@telus-uds/palette-public-mobile/build/rn/icons/Replay')
+
+module.exports = {
   appearances: {},
   rules: [],
   tokens: {
@@ -18,4 +19,3 @@ const theme = {
     replayIcon: PaletteIconReplay
   }
 }
-export default theme

package/build/rn/VideoButton.js

@@ -1,10 +1,10 @@
 /*
  *
  * 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 = { appearances: {}, rules: [], tokens: { color: '#f9f2dd' } }
-export default theme
+
+module.exports = { appearances: {}, rules: [], tokens: { color: '#f9f2dd' } }

package/build/rn/VideoControlBar.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 PaletteIconClosedCaptions from '@telus-uds/palette-public-mobile/build/rn/icons/ClosedCaptions'
-import PaletteIconFullscreenExpand from '@telus-uds/palette-public-mobile/build/rn/icons/FullscreenExpand'
-import PaletteIconFullscreenMinimize from '@telus-uds/palette-public-mobile/build/rn/icons/FullscreenMinimize'
-import PaletteIconSettingsSolid from '@telus-uds/palette-public-mobile/build/rn/icons/SettingsSolid'
-const theme = {
+const PaletteIconClosedCaptions = require('@telus-uds/palette-public-mobile/build/rn/icons/ClosedCaptions')
+const PaletteIconFullscreenExpand = require('@telus-uds/palette-public-mobile/build/rn/icons/FullscreenExpand')
+const PaletteIconFullscreenMinimize = require('@telus-uds/palette-public-mobile/build/rn/icons/FullscreenMinimize')
+const PaletteIconSettingsSolid = require('@telus-uds/palette-public-mobile/build/rn/icons/SettingsSolid')
+
+module.exports = {
   appearances: {
     viewport: {
       description: 'The size label for the current screen viewport based on the current screen width',
@@ -44,4 +45,3 @@ const theme = {
     settingsIcon: PaletteIconSettingsSolid
   }
 }
-export default theme

package/build/rn/VideoMenu.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 PaletteIconCheckMark from '@telus-uds/palette-public-mobile/build/rn/icons/CheckMark'
-const theme = {
+const PaletteIconCheckMark = require('@telus-uds/palette-public-mobile/build/rn/icons/CheckMark')
+
+module.exports = {
   appearances: {},
   rules: [],
   tokens: {
@@ -21,4 +22,3 @@ const theme = {
     padding: 16
   }
 }
-export default theme