@telus-uds/theme-koodo 5.23.0 → 6.0.0

package/build/rn/ExpandCollapseControl.js

@@ -1,14 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-const PaletteIconChevronDown = require('@telus-uds/palette-koodo/build/rn/icons/ChevronDown')
-const PaletteIconChevronUp = require('@telus-uds/palette-koodo/build/rn/icons/ChevronUp')
-
-module.exports = {
+import PaletteIconChevronDown from '@telus-uds/palette-koodo/build/rn/icons/ChevronDown'
+import PaletteIconChevronUp from '@telus-uds/palette-koodo/build/rn/icons/ChevronUp'
+const theme = {
   appearances: {
     compact: { type: 'variant', values: [ true ] },
     expanded: {
@@ -142,3 +141,4 @@ module.exports = {
     verticalAlign: 'middle'
   }
 }
+export default theme

package/build/rn/ExpandCollapseMini.js

@@ -1,10 +1,10 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 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 Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-const PaletteIconChevronDown = require('@telus-uds/palette-koodo/build/rn/icons/ChevronDown')
-const PaletteIconChevronUp = require('@telus-uds/palette-koodo/build/rn/icons/ChevronUp')
-
-module.exports = {
+import PaletteIconChevronDown from '@telus-uds/palette-koodo/build/rn/icons/ChevronDown'
+import PaletteIconChevronUp from '@telus-uds/palette-koodo/build/rn/icons/ChevronUp'
+const theme = {
   appearances: {
     alternative: {
       description: 'Replaces the default green colour with black',
@@ -72,3 +71,4 @@ module.exports = {
     verticalAlign: 'middle'
   }
 }
+export default theme

package/build/rn/ExpandCollapsePanel.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 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 ] }
@@ -56,3 +55,4 @@ module.exports = {
     marginBottom: 8
   }
 }
+export default theme

package/build/rn/Feedback.js

@@ -1,14 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-const PaletteIconCheckCircleFilled = require('@telus-uds/palette-koodo/build/rn/icons/CheckCircleFilled')
-const PaletteIconExclamationOctagon = require('@telus-uds/palette-koodo/build/rn/icons/ExclamationOctagon')
-
-module.exports = {
+import PaletteIconCheckCircleFilled from '@telus-uds/palette-koodo/build/rn/icons/CheckCircleFilled'
+import PaletteIconExclamationOctagon from '@telus-uds/palette-koodo/build/rn/icons/ExclamationOctagon'
+const theme = {
   appearances: {
     icon: { type: 'variant', values: [ true ] },
     validation: {
@@ -65,3 +64,4 @@ module.exports = {
     titleFontSize: 16
   }
 }
+export default theme

package/build/rn/Fieldset.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 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: '#ee2c74' } } ],
   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 Thu, 31 Oct 2024 05:00:26 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: '#000000'
   }
 }
+export default theme

package/build/rn/Footnote.js

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

package/build/rn/FootnoteLink.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 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 Thu, 31 Oct 2024 05:00:26 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.",
@@ -62,3 +61,4 @@ module.exports = {
     shadow: null
   }
 }
+export default theme

package/build/rn/Icon.js

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

package/build/rn/IconButton.js

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

package/build/rn/Image.js

@@ -1,10 +1,10 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 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 Thu, 31 Oct 2024 05:00:26 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.5
   }
 }
+export default theme

package/build/rn/InputSupports.js

@@ -1,10 +1,10 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 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 Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     alternative: { type: 'variant', values: [ true ] },
     focus: {
@@ -158,3 +157,4 @@ module.exports = {
     textLineStyle: 'solid'
   }
 }
+export default theme

package/build/rn/List.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-const PaletteIconBulletFill = require('@telus-uds/palette-koodo/build/rn/icons/BulletFill')
-
-module.exports = {
+import PaletteIconBulletFill from '@telus-uds/palette-koodo/build/rn/icons/BulletFill'
+const theme = {
   appearances: {
     compact: {
       description: 'Reduces line height on some body text styles. For data-rich content, not for flow content',
@@ -73,3 +72,4 @@ module.exports = {
     listGutter: 10
   }
 }
+export default theme

package/build/rn/Listbox.js

@@ -1,14 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-const PaletteIconChevronDown = require('@telus-uds/palette-koodo/build/rn/icons/ChevronDown')
-const PaletteIconChevronUp = require('@telus-uds/palette-koodo/build/rn/icons/ChevronUp')
-
-module.exports = {
+import PaletteIconChevronDown from '@telus-uds/palette-koodo/build/rn/icons/ChevronDown'
+import PaletteIconChevronUp from '@telus-uds/palette-koodo/build/rn/icons/ChevronUp'
+const theme = {
   appearances: {
     current: {
       description: 'When the current item is selected',
@@ -247,3 +246,4 @@ module.exports = {
     }
   }
 }
+export default theme

package/build/rn/Modal.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-const PaletteIconTimes = require('@telus-uds/palette-koodo/build/rn/icons/Times')
-
-module.exports = {
+import PaletteIconTimes from '@telus-uds/palette-koodo/build/rn/icons/Times'
+const theme = {
   appearances: {
     maxWidth: {
       description: 'Whether a modal should expand responsively to the maximum of 8 layout columns width',
@@ -148,3 +147,4 @@ module.exports = {
     subHeadingMarginTop: 8
   }
 }
+export default theme

package/build/rn/MultiSelectFilter.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 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.5
   }
 }
+export default theme

package/build/rn/NavigationBar.js

@@ -1,14 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-const PaletteIconChevronDown = require('@telus-uds/palette-koodo/build/rn/icons/ChevronDown')
-const PaletteIconChevronUp = require('@telus-uds/palette-koodo/build/rn/icons/ChevronUp')
-
-module.exports = {
+import PaletteIconChevronDown from '@telus-uds/palette-koodo/build/rn/icons/ChevronDown'
+import PaletteIconChevronUp from '@telus-uds/palette-koodo/build/rn/icons/ChevronUp'
+const theme = {
   appearances: {
     expanded: {
       description: 'Applies when an ExpandCollapse panel is open and the content inside is visible',
@@ -150,3 +149,4 @@ module.exports = {
     width: 0
   }
 }
+export default theme

package/build/rn/Notification.js

@@ -1,16 +1,15 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-const PaletteIconClose = require('@telus-uds/palette-koodo/build/rn/icons/Close')
-const PaletteIconCheckCircleFilled = require('@telus-uds/palette-koodo/build/rn/icons/CheckCircleFilled')
-const PaletteIconExclamationTriangle = require('@telus-uds/palette-koodo/build/rn/icons/ExclamationTriangle')
-const PaletteIconExclamationOctagon = require('@telus-uds/palette-koodo/build/rn/icons/ExclamationOctagon')
-
-module.exports = {
+import PaletteIconClose from '@telus-uds/palette-koodo/build/rn/icons/Close'
+import PaletteIconCheckCircleFilled from '@telus-uds/palette-koodo/build/rn/icons/CheckCircleFilled'
+import PaletteIconExclamationTriangle from '@telus-uds/palette-koodo/build/rn/icons/ExclamationTriangle'
+import PaletteIconExclamationOctagon from '@telus-uds/palette-koodo/build/rn/icons/ExclamationOctagon'
+const theme = {
   appearances: {
     style: {
       type: 'variant',
@@ -174,3 +173,4 @@ module.exports = {
     paddingTop: 12
   }
 }
+export default theme

package/build/rn/OrderedList.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 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 Thu, 31 Oct 2024 05:00:26 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 Thu, 31 Oct 2024 05:00:26 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.",
@@ -89,3 +88,4 @@ module.exports = {
     width: 32
   }
 }
+export default theme

package/build/rn/PaginationSideButton.js

@@ -1,14 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-const PaletteIconChevronLeft = require('@telus-uds/palette-koodo/build/rn/icons/ChevronLeft')
-const PaletteIconChevronRight = require('@telus-uds/palette-koodo/build/rn/icons/ChevronRight')
-
-module.exports = {
+import PaletteIconChevronLeft from '@telus-uds/palette-koodo/build/rn/icons/ChevronLeft'
+import PaletteIconChevronRight from '@telus-uds/palette-koodo/build/rn/icons/ChevronRight'
+const theme = {
   appearances: {
     compact: {
       description: 'Determines if the "Next" and "Previous" labels should be omitted',
@@ -125,3 +124,4 @@ module.exports = {
     width: null
   }
 }
+export default theme

package/build/rn/PreviewCard.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 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.",
@@ -66,3 +65,4 @@ module.exports = {
     separatorColor: '#000000'
   }
 }
+export default theme

package/build/rn/PriceLockup.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     size: {
       type: 'variant',
@@ -129,3 +128,4 @@ module.exports = {
     topTextMarginBottom: 4
   }
 }
+export default theme

package/build/rn/ProductCard.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-const PaletteIconCheck = require('@telus-uds/palette-koodo/build/rn/icons/Check')
-
-module.exports = {
+import PaletteIconCheck from '@telus-uds/palette-koodo/build/rn/icons/Check'
+const theme = {
   appearances: {
     viewport: {
       description: 'The size label for the current screen viewport based on the current screen width',
@@ -31,3 +30,4 @@ module.exports = {
     selectedButtonIcon: PaletteIconCheck
   }
 }
+export default theme