@telus-uds/theme-public-mobile 2.32.0 → 3.0.0

package/build/rn/TabBar.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:32 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   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.',
@@ -32,3 +31,4 @@ module.exports = {
     paddingTop: 4
   }
 }
+export default theme

package/build/rn/TabBarItem.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:32 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   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.',
@@ -65,3 +64,4 @@ module.exports = {
     paddingTop: 4
   }
 }
+export default theme

package/build/rn/Table.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:32 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     spacing: {
       description: 'Adjusts the height of the table cell',
@@ -102,3 +101,4 @@ module.exports = {
     tablePaddingBottom: 24
   }
 }
+export default theme

package/build/rn/Tabs.js

@@ -1,14 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:32 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-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 = {
+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 = {
   appearances: {
     equalWidth: {
       description: 'Divide the available width equally among `TabsItem`',
@@ -34,3 +33,4 @@ module.exports = {
     space: 0
   }
 }
+export default theme

package/build/rn/TabsItem.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:32 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     equalWidth: {
       description: 'Divide the available width equally among `TabsItem`',
@@ -109,3 +108,4 @@ module.exports = {
     textTransform: 'none'
   }
 }
+export default theme

package/build/rn/Tags.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:32 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     viewport: {
       description: 'The size label for the current screen viewport based on the current screen width',
@@ -25,3 +24,4 @@ module.exports = {
     space: 1
   }
 }
+export default theme

package/build/rn/TagsItem.js

@@ -1,14 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:32 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-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 = {
+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 = {
   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.",
@@ -172,3 +171,4 @@ module.exports = {
     textAlign: 'center'
   }
 }
+export default theme

package/build/rn/TermsAndConditions.js

@@ -1,14 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:32 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-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 = {
+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 = {
   appearances: {
     expanded: {
       description: 'Applies when an ExpandCollapse panel is open and the content inside is visible',
@@ -137,3 +136,4 @@ module.exports = {
     unorderedPadding: 12
   }
 }
+export default theme

package/build/rn/Testimonial.js

@@ -1,14 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:32 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-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 = {
+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 = {
   appearances: {},
   rules: [],
   tokens: {
@@ -40,3 +39,4 @@ module.exports = {
     textColor: '#394056'
   }
 }
+export default theme

package/build/rn/TextArea.js

@@ -1,10 +1,10 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:32 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = { appearances: {}, rules: [], tokens: { maxLines: 8, minLines: 5 } }
+const theme = { appearances: {}, rules: [], tokens: { maxLines: 8, minLines: 5 } }
+export default theme

package/build/rn/TextInput.js

@@ -1,20 +1,19 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:32 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-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 = {
+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 = {
   appearances: {
     focus: {
       description: 'Focus states for some input elements are well supported across web, RN, ios and android',
@@ -124,3 +123,4 @@ module.exports = {
     visaIcon: PaletteIconVisa
   }
 }
+export default theme

package/build/rn/Timeline.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:32 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     horizontal: {
       description: 'Use horizontal to display timeline horizontally.',
@@ -56,3 +55,4 @@ module.exports = {
     timelineContainerDirection: 'column'
   }
 }
+export default theme

package/build/rn/Toast.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:32 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     viewport: {
       description: 'The size label for the current screen viewport based on the current screen width',
@@ -41,3 +40,4 @@ module.exports = {
     padding: 16
   }
 }
+export default theme

package/build/rn/ToggleSwitch.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:32 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   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.",
@@ -165,3 +164,4 @@ module.exports = {
     width: 40
   }
 }
+export default theme

package/build/rn/ToggleSwitchGroup.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:32 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     viewport: {
       description: 'The size label for the current screen viewport based on the current screen width',
@@ -26,3 +25,4 @@ module.exports = {
     space: 1
   }
 }
+export default theme

package/build/rn/Tooltip.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:32 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: { inverse: { type: 'variant', values: [ true ] } },
   rules: [
     {
@@ -40,3 +39,4 @@ module.exports = {
     }
   }
 }
+export default theme

package/build/rn/TooltipButton.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:32 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-const PaletteIconHelp = require('@telus-uds/palette-public-mobile/build/rn/icons/Help')
-
-module.exports = {
+import PaletteIconHelp from '@telus-uds/palette-public-mobile/build/rn/icons/Help'
+const theme = {
   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,3 +62,4 @@ module.exports = {
     width: 16
   }
 }
+export default theme

package/build/rn/Typography.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:32 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     bold: {
       description: 'Sets the font weight, to bold on some body text styles. Does not change accessibility properties.',
@@ -236,3 +235,4 @@ module.exports = {
     textTransform: 'none'
   }
 }
+export default theme

package/build/rn/Video.js

@@ -1,15 +1,14 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:32 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-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 = {
+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 = {
   appearances: {},
   rules: [],
   tokens: {
@@ -19,3 +18,4 @@ module.exports = {
     replayIcon: PaletteIconReplay
   }
 }
+export default theme

package/build/rn/VideoButton.js

@@ -1,10 +1,10 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:32 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = { appearances: {}, rules: [], tokens: { color: '#f9f2dd' } }
+const theme = { appearances: {}, rules: [], tokens: { color: '#f9f2dd' } }
+export default theme

package/build/rn/VideoControlBar.js

@@ -1,16 +1,15 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:32 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-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 = {
+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 = {
   appearances: {
     viewport: {
       description: 'The size label for the current screen viewport based on the current screen width',
@@ -45,3 +44,4 @@ module.exports = {
     settingsIcon: PaletteIconSettingsSolid
   }
 }
+export default theme

package/build/rn/VideoMenu.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:32 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-const PaletteIconCheckMark = require('@telus-uds/palette-public-mobile/build/rn/icons/CheckMark')
-
-module.exports = {
+import PaletteIconCheckMark from '@telus-uds/palette-public-mobile/build/rn/icons/CheckMark'
+const theme = {
   appearances: {},
   rules: [],
   tokens: {
@@ -22,3 +21,4 @@ module.exports = {
     padding: 16
   }
 }
+export default theme

package/build/rn/VideoMiddleControlButton.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:32 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {},
   rules: [],
   tokens: {
@@ -17,3 +16,4 @@ module.exports = {
     width: 64
   }
 }
+export default theme

package/build/rn/VideoPicker.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:32 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {},
   rules: [],
   tokens: {
@@ -20,3 +19,4 @@ module.exports = {
     stackViewDividerColor: '#cdcfd5'
   }
 }
+export default theme

package/build/rn/VideoPickerSlider.js

@@ -1,14 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:32 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-const PaletteIconArrowRight = require('@telus-uds/palette-public-mobile/build/rn/icons/ArrowRight')
-const PaletteIconArrowLeft = require('@telus-uds/palette-public-mobile/build/rn/icons/ArrowLeft')
-
-module.exports = {
+import PaletteIconArrowRight from '@telus-uds/palette-public-mobile/build/rn/icons/ArrowRight'
+import PaletteIconArrowLeft from '@telus-uds/palette-public-mobile/build/rn/icons/ArrowLeft'
+const theme = {
   appearances: {},
   rules: [],
   tokens: {
@@ -16,3 +15,4 @@ module.exports = {
     previousIcon: PaletteIconArrowLeft
   }
 }
+export default theme

package/build/rn/VideoPickerThumbnail.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:32 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   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.",
@@ -72,3 +71,4 @@ module.exports = {
     titleColor: '#394056'
   }
 }
+export default theme

package/build/rn/VideoProgressBar.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:32 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {},
   rules: [],
   tokens: {
@@ -21,3 +20,4 @@ module.exports = {
     trackGradientStart: '#f39d80'
   }
 }
+export default theme

package/build/rn/VideoVolumeSlider.js

@@ -1,14 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:32 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-const PaletteIconMuted = require('@telus-uds/palette-public-mobile/build/rn/icons/Muted')
-const PaletteIconUnmuted = require('@telus-uds/palette-public-mobile/build/rn/icons/Unmuted')
-
-module.exports = {
+import PaletteIconMuted from '@telus-uds/palette-public-mobile/build/rn/icons/Muted'
+import PaletteIconUnmuted from '@telus-uds/palette-public-mobile/build/rn/icons/Unmuted'
+const theme = {
   appearances: {},
   rules: [],
   tokens: {
@@ -24,3 +23,4 @@ module.exports = {
     unmutedIcon: PaletteIconUnmuted
   }
 }
+export default theme

package/build/rn/WaffleGrid.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:32 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     viewport: {
       description: 'The size label for the current screen viewport based on the current screen width',
@@ -27,3 +26,4 @@ module.exports = {
     rowSize: 6
   }
 }
+export default theme