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

package/build/rn/PaginationSideButton.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: {
     compact: {
       description: 'Determines if the "Next" and "Previous" labels should be omitted',
@@ -163,4 +164,3 @@ const theme = {
     width: null
   }
 }
-export default theme

package/build/rn/PreviewCard.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.",
@@ -55,4 +56,3 @@ const theme = {
     separatorColor: null
   }
 }
-export default theme

package/build/rn/PriceLockup.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: {
       type: 'variant',
@@ -134,4 +135,3 @@ const theme = {
     topTextMarginBottom: 4
   }
 }
-export default theme

package/build/rn/ProductCard.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: {
     viewport: {
       description: 'The size label for the current screen viewport based on the current screen width',
@@ -30,4 +31,3 @@ const theme = {
     selectedButtonIcon: PaletteIconCheckMark
   }
 }
-export default theme

package/build/rn/Progress.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: { type: 'variant', values: [ 'mini' ] },
     style: {
@@ -49,4 +50,3 @@ const theme = {
     }
   }
 }
-export default theme

package/build/rn/ProgressBar.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: {
     inactive: {
       description: 'Prevents an interactive component from being interacted with and applies accessibility attributes to indicate to the user that this component cannot be used.',
@@ -57,4 +58,3 @@ const theme = {
     shadow: null
   }
 }
-export default theme

package/build/rn/QuantitySelector.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 ] },
     disabled: { type: 'variant', values: [ true ] },
@@ -17,7 +18,12 @@ const theme = {
   rules: [
     {
       if: { alternative: true },
-      tokens: { paddingBottom: 8, paddingTop: 8 }
+      tokens: {
+        fontSize: 16,
+        lineHeight: 1.5,
+        paddingBottom: 8,
+        paddingTop: 8
+      }
     },
     {
       if: { hover: true },
@@ -48,4 +54,3 @@ const theme = {
     textColor: '#394056'
   }
 }
-export default theme

package/build/rn/QuantitySelectorSideButton.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 PaletteIconSubtract from '@telus-uds/palette-public-mobile/build/rn/icons/Subtract'
-import PaletteIconAdd from '@telus-uds/palette-public-mobile/build/rn/icons/Add'
-const theme = {
+const PaletteIconSubtract = require('@telus-uds/palette-public-mobile/build/rn/icons/Subtract')
+const PaletteIconAdd = require('@telus-uds/palette-public-mobile/build/rn/icons/Add')
+
+module.exports = {
   appearances: {
     alternative: { type: 'variant', values: [ true, false ] },
     decrease: { type: 'variant', values: [ true ] },
@@ -100,4 +101,3 @@ const theme = {
     paddingTop: 16
   }
 }
-export default theme

package/build/rn/QuickLinks.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',
@@ -29,4 +30,3 @@ const theme = {
     stackSpace: 5
   }
 }
-export default theme

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

package/build/rn/QuickLinksCard.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: {
@@ -23,4 +24,3 @@ const theme = {
     shadow: null
   }
 }
-export default theme

package/build/rn/QuickLinksFeature.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',
@@ -17,4 +18,3 @@ const theme = {
   rules: [ { if: { viewport: 'xs' }, tokens: { stackSpace: 4 } } ],
   tokens: { stackGap: 5, stackJustify: 'center', stackSpace: 5 }
 }
-export default theme

package/build/rn/QuickLinksFeatureItem.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.",
@@ -73,4 +74,3 @@ const theme = {
     textLine: 'none'
   }
 }
-export default theme

package/build/rn/QuickLinksList.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.",
@@ -65,4 +66,3 @@ const theme = {
     paddingTop: 12
   }
 }
-export default theme

package/build/rn/Radio.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',
@@ -93,4 +94,3 @@ const theme = {
     outerBorderWidth: 0
   }
 }
-export default theme

package/build/rn/RadioCard.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',
@@ -146,4 +147,3 @@ const theme = {
     textTransform: 'none'
   }
 }
-export default theme

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

package/build/rn/RadioGroup.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/Ribbon.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: {
     purpose: {
       type: 'variant',
@@ -68,4 +69,3 @@ const theme = {
     paddingTop: 2
   }
 }
-export default theme

package/build/rn/Search.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 PaletteIconClose from '@telus-uds/palette-public-mobile/build/rn/icons/Close'
-import PaletteIconSearch from '@telus-uds/palette-public-mobile/build/rn/icons/Search'
-const theme = {
+const PaletteIconClose = require('@telus-uds/palette-public-mobile/build/rn/icons/Close')
+const PaletteIconSearch = require('@telus-uds/palette-public-mobile/build/rn/icons/Search')
+
+module.exports = {
   appearances: {
     focus: {
       description: 'Focus states for some input elements are well supported across web, RN, ios and android',
@@ -72,4 +73,3 @@ const theme = {
     submitButtonIcon: PaletteIconSearch
   }
 }
-export default theme

package/build/rn/SearchButton.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.",
@@ -94,4 +95,3 @@ const theme = {
     shadow: null
   }
 }
-export default theme

package/build/rn/Select.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 PaletteIconChevronDown from '@telus-uds/palette-public-mobile/build/rn/icons/ChevronDown'
-import PaletteIconCheckMark from '@telus-uds/palette-public-mobile/build/rn/icons/CheckMark'
-import PaletteIconInfo from '@telus-uds/palette-public-mobile/build/rn/icons/Info'
-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 PaletteIconCheckMark = require('@telus-uds/palette-public-mobile/build/rn/icons/CheckMark')
+const PaletteIconInfo = require('@telus-uds/palette-public-mobile/build/rn/icons/Info')
+const PaletteIconChevronUp = require('@telus-uds/palette-public-mobile/build/rn/icons/ChevronUp')
+
+module.exports = {
   appearances: {
     active: { type: 'state', values: [ true ] },
     focus: {
@@ -93,4 +94,3 @@ const theme = {
     validationIconSize: 24
   }
 }
-export default theme

package/build/rn/SideNav.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: { borderColor: '#f39d80', borderStyle: 'solid', borderWidth: 1 }
 }
-export default theme

package/build/rn/SideNavItem.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: {
     active: {
       description: 'Used to mark currently active Item or and ItemGroup containing the currently active Item',
@@ -90,4 +91,3 @@ const theme = {
     paddingTop: 10
   }
 }
-export default theme

package/build/rn/SideNavItemsGroup.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',
@@ -37,4 +38,3 @@ const theme = {
     verticalAlign: 'middle'
   }
 }
-export default theme

package/build/rn/Skeleton.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: {
@@ -22,4 +23,3 @@ const theme = {
     squareRadius: 4
   }
 }
-export default theme

package/build/rn/SkipLink.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.",
@@ -43,4 +44,3 @@ const theme = {
     textLine: 'underline'
   }
 }
-export default theme

package/build/rn/Spinner.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: { size: { type: 'variant', values: [ 'small' ] } },
   rules: [ { if: { size: 'small' }, tokens: { size: 24, thickness: 4 } } ],
   tokens: { fullScreenOverLayBackground: '#9c9faa', size: 48, thickness: 4 }
 }
-export default theme

package/build/rn/SplashButton.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.",
@@ -23,4 +24,3 @@ const theme = {
     playIconColor: '#ffffff'
   }
 }
-export default theme