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

package/build/rn/ExpandCollapse.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:53 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {},
   rules: [],
   tokens: {
@@ -16,3 +15,4 @@ module.exports = {
     borderWidth: 0
   }
 }
+export default theme

package/build/rn/ExpandCollapseControl.js

@@ -1,14 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:53 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-const PaletteIconAddCircle = require('@telus-uds/palette-public-mobile/build/rn/icons/AddCircle')
-const PaletteIconDeduct = require('@telus-uds/palette-public-mobile/build/rn/icons/Deduct')
-
-module.exports = {
+import PaletteIconAddCircle from '@telus-uds/palette-public-mobile/build/rn/icons/AddCircle'
+import PaletteIconDeduct from '@telus-uds/palette-public-mobile/build/rn/icons/Deduct'
+const theme = {
   appearances: {
     compact: { type: 'variant', values: [ true ] },
     expanded: {
@@ -133,3 +132,4 @@ module.exports = {
     verticalAlign: 'middle'
   }
 }
+export default theme

package/build/rn/ExpandCollapseMini.js

@@ -1,10 +1,10 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:53 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = { appearances: {}, rules: [], tokens: { borderWidth: 0 } }
+const theme = { appearances: {}, rules: [], tokens: { borderWidth: 0 } }
+export default theme

package/build/rn/ExpandCollapseMiniControl.js

@@ -1,14 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:53 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: {
     alternative: {
       description: 'Replaces the default colour with black.',
@@ -81,3 +80,4 @@ module.exports = {
     verticalAlign: 'middle'
   }
 }
+export default theme

package/build/rn/ExpandCollapsePanel.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:53 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     compact: { type: 'variant', values: [ true ] },
     mini: { type: 'variant', values: [ true ] }
@@ -64,3 +63,4 @@ module.exports = {
     marginBottom: 8
   }
 }
+export default theme

package/build/rn/Feedback.js

@@ -1,14 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:53 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-const PaletteIconCheckMark = require('@telus-uds/palette-public-mobile/build/rn/icons/CheckMark')
-const PaletteIconError = require('@telus-uds/palette-public-mobile/build/rn/icons/Error')
-
-module.exports = {
+import PaletteIconCheckMark from '@telus-uds/palette-public-mobile/build/rn/icons/CheckMark'
+import PaletteIconError from '@telus-uds/palette-public-mobile/build/rn/icons/Error'
+const theme = {
   appearances: {
     icon: { type: 'variant', values: [ true ] },
     validation: {
@@ -57,3 +56,4 @@ module.exports = {
     titleFontSize: 18
   }
 }
+export default theme

package/build/rn/Fieldset.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:53 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: { error: { type: 'variant', values: [ true ] } },
   rules: [ { if: { error: true }, tokens: { outlineColor: '#bf1722' } } ],
   tokens: {
@@ -24,3 +23,4 @@ module.exports = {
     paddingTop: 0
   }
 }
+export default theme

package/build/rn/FileUpload.js

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

package/build/rn/Footnote.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:53 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-const PaletteIconClose = require('@telus-uds/palette-public-mobile/build/rn/icons/Close')
-
-module.exports = {
+import PaletteIconClose from '@telus-uds/palette-public-mobile/build/rn/icons/Close'
+const theme = {
   appearances: {
     viewport: {
       description: 'The size label for the current screen viewport based on the current screen width',
@@ -96,3 +95,4 @@ module.exports = {
     listPaddingLeft: 32
   }
 }
+export default theme

package/build/rn/FootnoteLink.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:53 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     size: {
       type: 'variant',
@@ -51,3 +50,4 @@ module.exports = {
     paddingRight: 2
   }
 }
+export default theme

package/build/rn/HorizontalScrollButton.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:53 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.",
@@ -45,3 +44,4 @@ module.exports = {
     shadow: null
   }
 }
+export default theme

package/build/rn/Icon.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:53 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     background: { type: 'variant', values: [ true ] },
     color: {
@@ -108,3 +107,4 @@ module.exports = {
     width: 0
   }
 }
+export default theme

package/build/rn/IconButton.js

@@ -1,21 +1,20 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:53 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-const PaletteIconAdd = require('@telus-uds/palette-public-mobile/build/rn/icons/Add')
-const PaletteIconSubtract = require('@telus-uds/palette-public-mobile/build/rn/icons/Subtract')
-const PaletteIconClose = require('@telus-uds/palette-public-mobile/build/rn/icons/Close')
-const PaletteIconExpand = require('@telus-uds/palette-public-mobile/build/rn/icons/Expand')
-const PaletteIconChevronDown = require('@telus-uds/palette-public-mobile/build/rn/icons/ChevronDown')
-const PaletteIconChevronLeft = require('@telus-uds/palette-public-mobile/build/rn/icons/ChevronLeft')
-const PaletteIconChevronRight = require('@telus-uds/palette-public-mobile/build/rn/icons/ChevronRight')
-const PaletteIconChevronUp = require('@telus-uds/palette-public-mobile/build/rn/icons/ChevronUp')
-const PaletteIconPlayVideo = require('@telus-uds/palette-public-mobile/build/rn/icons/PlayVideo')
-
-module.exports = {
+import PaletteIconAdd from '@telus-uds/palette-public-mobile/build/rn/icons/Add'
+import PaletteIconSubtract from '@telus-uds/palette-public-mobile/build/rn/icons/Subtract'
+import PaletteIconClose from '@telus-uds/palette-public-mobile/build/rn/icons/Close'
+import PaletteIconExpand from '@telus-uds/palette-public-mobile/build/rn/icons/Expand'
+import PaletteIconChevronDown from '@telus-uds/palette-public-mobile/build/rn/icons/ChevronDown'
+import PaletteIconChevronLeft from '@telus-uds/palette-public-mobile/build/rn/icons/ChevronLeft'
+import PaletteIconChevronRight from '@telus-uds/palette-public-mobile/build/rn/icons/ChevronRight'
+import PaletteIconChevronUp from '@telus-uds/palette-public-mobile/build/rn/icons/ChevronUp'
+import PaletteIconPlayVideo from '@telus-uds/palette-public-mobile/build/rn/icons/PlayVideo'
+const theme = {
   appearances: {
     action: {
       type: 'variant',
@@ -314,3 +313,4 @@ module.exports = {
     width: null
   }
 }
+export default theme

package/build/rn/Image.js

@@ -1,10 +1,10 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:53 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = { appearances: {}, rules: [], tokens: { borderRadius: null } }
+const theme = { appearances: {}, rules: [], tokens: { borderRadius: null } }
+export default theme

package/build/rn/InputLabel.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:53 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {},
   rules: [],
   tokens: {
@@ -24,3 +23,4 @@ module.exports = {
     lineHeight: 1.55555555
   }
 }
+export default theme

package/build/rn/InputSupports.js

@@ -1,10 +1,10 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:53 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = { appearances: {}, rules: [], tokens: { space: 1 } }
+const theme = { appearances: {}, rules: [], tokens: { space: 1 } }
+export default theme

package/build/rn/Link.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:53 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     alternative: { type: 'variant', values: [ true ] },
     focus: {
@@ -178,3 +177,4 @@ module.exports = {
     textLineStyle: 'solid'
   }
 }
+export default theme

package/build/rn/List.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:53 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-const PaletteIconBulletFill = require('@telus-uds/palette-public-mobile/build/rn/icons/BulletFill')
-
-module.exports = {
+import PaletteIconBulletFill from '@telus-uds/palette-public-mobile/build/rn/icons/BulletFill'
+const theme = {
   appearances: {
     compact: {
       description: 'When true it will reduce the line height of the list item.',
@@ -74,3 +73,4 @@ module.exports = {
     listGutter: 16
   }
 }
+export default theme

package/build/rn/Listbox.js

@@ -1,14 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:53 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: {
     current: {
       description: 'When the current item is selected',
@@ -196,3 +195,4 @@ module.exports = {
     }
   }
 }
+export default theme

package/build/rn/Modal.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:53 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-const PaletteIconClose = require('@telus-uds/palette-public-mobile/build/rn/icons/Close')
-
-module.exports = {
+import PaletteIconClose from '@telus-uds/palette-public-mobile/build/rn/icons/Close'
+const theme = {
   appearances: {
     maxWidth: {
       description: 'Whether a modal should expand responsively to the maximum of 8 layout columns width',
@@ -31,6 +30,8 @@ module.exports = {
       tokens: {
         direction: 'column',
         height: '100%',
+        marginLeft: 24,
+        marginRight: 24,
         paddingBottom: 24,
         paddingLeft: 24,
         paddingRight: 24,
@@ -119,12 +120,13 @@ module.exports = {
     containerPaddingRight: 0,
     containerPaddingTop: 0,
     direction: 'row',
+    footerTopWidth: 0,
     gap: 16,
     headingColor: '#394056',
     headingPaddingRight: 24,
     height: null,
-    marginLeft: 24,
-    marginRight: 24,
+    marginLeft: 32,
+    marginRight: 32,
     maxWidth: '100%',
     paddingBottom: 24,
     paddingLeft: 32,
@@ -141,3 +143,4 @@ module.exports = {
     subHeadingMarginTop: 8
   }
 }
+export default theme

package/build/rn/MultiSelectFilter.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:53 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     maxHeight: {
       description: 'Whether MultiselectFilter modal should expand responsively to content or a set maximu height',
@@ -66,3 +65,4 @@ module.exports = {
     subHeaderLineHeight: 1.55555555
   }
 }
+export default theme

package/build/rn/NavigationBar.js

@@ -1,14 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:53 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',
@@ -128,3 +127,4 @@ module.exports = {
     width: 0
   }
 }
+export default theme

package/build/rn/Notification.js

@@ -1,15 +1,14 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:53 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-const PaletteIconMobileXClose = require('@telus-uds/palette-public-mobile/build/rn/icons/MobileXClose')
-const PaletteIconCheckMark = require('@telus-uds/palette-public-mobile/build/rn/icons/CheckMark')
-const PaletteIconWarningError = require('@telus-uds/palette-public-mobile/build/rn/icons/WarningError')
-
-module.exports = {
+import PaletteIconMobileXClose from '@telus-uds/palette-public-mobile/build/rn/icons/MobileXClose'
+import PaletteIconCheckMark from '@telus-uds/palette-public-mobile/build/rn/icons/CheckMark'
+import PaletteIconWarningError from '@telus-uds/palette-public-mobile/build/rn/icons/WarningError'
+const theme = {
   appearances: {
     style: {
       type: 'variant',
@@ -167,3 +166,4 @@ module.exports = {
     paddingTop: 12
   }
 }
+export default theme

package/build/rn/OrderedList.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:53 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     compact: {
       description: 'When true it will reduce the line height of the list item.',
@@ -58,3 +57,4 @@ module.exports = {
     listGutter: 8
   }
 }
+export default theme

package/build/rn/Pagination.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:53 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',
@@ -42,3 +41,4 @@ module.exports = {
     truncateAbove: 4
   }
 }
+export default theme

package/build/rn/PaginationPageButton.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:53 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.",
@@ -81,3 +80,4 @@ module.exports = {
     width: 48
   }
 }
+export default theme

package/build/rn/PaginationSideButton.js

@@ -1,14 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:53 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-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 = {
+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 = {
   appearances: {
     compact: {
       description: 'Determines if the "Next" and "Previous" labels should be omitted',
@@ -164,3 +163,4 @@ module.exports = {
     width: null
   }
 }
+export default theme

package/build/rn/PreviewCard.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:53 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.",
@@ -56,3 +55,4 @@ module.exports = {
     separatorColor: null
   }
 }
+export default theme