@telus-uds/theme-koodo 5.22.0 → 6.0.0

package/build/rn/Countdown.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:48 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     feature: { type: 'variant', values: [ true ] },
     inverse: { type: 'variant', values: [ true ] },
@@ -87,3 +86,4 @@ module.exports = {
     textTimerFontWeight: '400'
   }
 }
+export default theme

package/build/rn/DatePicker.js

@@ -1,14 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:48 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-const PaletteIconChevronRight = require('@telus-uds/palette-koodo/build/rn/icons/ChevronRight')
-const PaletteIconChevronLeft = require('@telus-uds/palette-koodo/build/rn/icons/ChevronLeft')
-
-module.exports = {
+import PaletteIconChevronRight from '@telus-uds/palette-koodo/build/rn/icons/ChevronRight'
+import PaletteIconChevronLeft from '@telus-uds/palette-koodo/build/rn/icons/ChevronLeft'
+const theme = {
   appearances: {
     viewport: {
       description: 'The size label for the current screen viewport based on the current screen width',
@@ -75,3 +74,4 @@ module.exports = {
     validInputMixin: null
   }
 }
+export default theme

package/build/rn/Disclaimer.js

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

package/build/rn/Divider.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:48 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     decorative: {
       description: 'Use a decorative divider to highlight an element. Non-decorative dividers are for clearly identifying separation of content.',
@@ -32,3 +31,4 @@ module.exports = {
   ],
   tokens: { color: '#c9c8c8', width: 1 }
 }
+export default theme

package/build/rn/DownloadApp.js

@@ -1,16 +1,15 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:48 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-const PaletteIconAndroidEN = require('@telus-uds/palette-koodo/build/rn/icons/AndroidEN')
-const PaletteIconAndroidFR = require('@telus-uds/palette-koodo/build/rn/icons/AndroidFR')
-const PaletteIconIOSEN = require('@telus-uds/palette-koodo/build/rn/icons/IOSEN')
-const PaletteIconIOSFR = require('@telus-uds/palette-koodo/build/rn/icons/IOSFR')
-
-module.exports = {
+import PaletteIconAndroidEN from '@telus-uds/palette-koodo/build/rn/icons/AndroidEN'
+import PaletteIconAndroidFR from '@telus-uds/palette-koodo/build/rn/icons/AndroidFR'
+import PaletteIconIOSEN from '@telus-uds/palette-koodo/build/rn/icons/IOSEN'
+import PaletteIconIOSFR from '@telus-uds/palette-koodo/build/rn/icons/IOSFR'
+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.",
@@ -60,3 +59,4 @@ module.exports = {
     padding: 1
   }
 }
+export default theme

package/build/rn/ExpandCollapse.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:48 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:48 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 Sat, 12 Oct 2024 00:28:48 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:48 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 Sat, 12 Oct 2024 00:28:48 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 Sat, 12 Oct 2024 00:28:48 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 Sat, 12 Oct 2024 00:28:48 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 Sat, 12 Oct 2024 00:28:48 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 Sat, 12 Oct 2024 00:28:48 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 Sat, 12 Oct 2024 00:28:48 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:48 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 Sat, 12 Oct 2024 00:28:48 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 Sat, 12 Oct 2024 00:28:48 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 Sat, 12 Oct 2024 00:28:48 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:48 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 Sat, 12 Oct 2024 00:28:48 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:48 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 Sat, 12 Oct 2024 00:28:48 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 Sat, 12 Oct 2024 00:28:48 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 Sat, 12 Oct 2024 00:28:48 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',
@@ -31,6 +30,8 @@ module.exports = {
       tokens: {
         direction: 'column',
         height: '100%',
+        marginLeft: 24,
+        marginRight: 24,
         paddingBottom: 24,
         paddingLeft: 24,
         paddingRight: 24,
@@ -123,25 +124,27 @@ module.exports = {
     containerPaddingRight: 0,
     containerPaddingTop: 0,
     direction: 'row',
+    footerTopWidth: 0,
     gap: 16,
     headingColor: '#000000',
     headingPaddingRight: 24,
     height: null,
-    marginLeft: 24,
-    marginRight: 24,
+    marginLeft: 32,
+    marginRight: 32,
     maxWidth: '100%',
     paddingBottom: 24,
     paddingLeft: 24,
     paddingRight: 24,
     paddingTop: 24,
     shadow: {
-      blur: 0,
-      color: 'rgba(0, 0, 0, 0)',
+      blur: 8,
+      color: 'rgba(0, 0, 0, 0.1)',
       inset: false,
       offsetX: 0,
-      offsetY: 0,
+      offsetY: 4,
       spread: 0
     },
     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:48 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