@telus-uds/theme-koodo 5.23.0 → 6.0.1

package/build/ios/theme.json

@@ -13874,7 +13874,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "2.66.0",
+    "themeTokensVersion": "3.0.0",
     "name": "theme-koodo"
   }
 }

package/build/rn/ActionCard.js

@@ -1,15 +1,14 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Mon, 25 Nov 2024 16:23:35 GMT
  *
  */
 
-const PaletteIconArrowRight = require('@telus-uds/palette-koodo/build/rn/icons/ArrowRight')
-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 PaletteIconArrowRight from '@telus-uds/palette-koodo/build/rn/icons/ArrowRight'
+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: {
     hover: {
       description: "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
@@ -90,3 +89,4 @@ module.exports = {
     titleMarginTop: 8
   }
 }
+export default theme

package/build/rn/ActivityIndicator.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Mon, 25 Nov 2024 16:23:35 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     size: {
       description: 'used for full-screen spinners',
@@ -18,3 +17,4 @@ module.exports = {
   rules: [ { if: { size: 'large' }, tokens: { size: 48, thickness: 4 } } ],
   tokens: { color: '#ff0076', size: 24, thickness: 2 }
 }
+export default theme

package/build/rn/Badge.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Mon, 25 Nov 2024 16:23:35 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     alternative: { type: 'variant', values: [ true ] },
     inverse: { type: 'variant', values: [ true ] },
@@ -97,3 +96,4 @@ module.exports = {
     paddingTop: 2
   }
 }
+export default theme

package/build/rn/BlockQuote.js

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

package/build/rn/Box.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Mon, 25 Nov 2024 16:23:35 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     background: {
       description: 'Background colour of box. White if not specified.',
@@ -106,3 +105,4 @@ module.exports = {
     gradient: null
   }
 }
+export default theme

package/build/rn/Breadcrumbs.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Mon, 25 Nov 2024 16:23:35 GMT
  *
  */
 
-const PaletteIconChevronRight = require('@telus-uds/palette-koodo/build/rn/icons/ChevronRight')
-
-module.exports = {
+import PaletteIconChevronRight from '@telus-uds/palette-koodo/build/rn/icons/ChevronRight'
+const theme = {
   appearances: { inverse: { type: 'variant', values: [ true ] } },
   rules: [
     {
@@ -34,3 +33,4 @@ module.exports = {
     listItemPadding: 0
   }
 }
+export default theme

package/build/rn/Button.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Mon, 25 Nov 2024 16:23:35 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     danger: {
       description: 'Indicates a user action that is destructive and will result in loss of information or cause significant monetary charges. Limit the use of the danger button whenever possible.',
@@ -441,3 +440,4 @@ module.exports = {
     width: null
   }
 }
+export default theme

package/build/rn/ButtonDropdown.js

@@ -1,14 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Mon, 25 Nov 2024 16:23:35 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: {
     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.",
@@ -147,3 +146,4 @@ module.exports = {
     width: null
   }
 }
+export default theme

package/build/rn/ButtonGroup.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Mon, 25 Nov 2024 16:23:35 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     style: {
       description: 'Configure `style` variant for `ButtonGroup`',
@@ -56,3 +55,4 @@ module.exports = {
     space: 2
   }
 }
+export default theme

package/build/rn/ButtonGroupItem.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Mon, 25 Nov 2024 16:23:35 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.",
@@ -167,3 +166,4 @@ module.exports = {
     width: null
   }
 }
+export default theme

package/build/rn/Callout.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Mon, 25 Nov 2024 16:23:35 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     rounded: { type: 'variant', values: [ true ] },
     size: { type: 'variant', values: [ 'small' ] }
@@ -30,3 +29,4 @@ module.exports = {
     paddingTop: 8
   }
 }
+export default theme

package/build/rn/Card.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Mon, 25 Nov 2024 16:23:35 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: {
     background: {
       description: 'Defines background related attributes of Card',
@@ -256,3 +255,4 @@ module.exports = {
     shadow: null
   }
 }
+export default theme

package/build/rn/CardGroup.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Mon, 25 Nov 2024 16:23:35 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.",
@@ -64,3 +63,4 @@ module.exports = {
     space: 3
   }
 }
+export default theme

package/build/rn/Carousel.js

@@ -1,16 +1,15 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Mon, 25 Nov 2024 16:23:35 GMT
  *
  */
 
-const PaletteIconChevronRight = require('@telus-uds/palette-koodo/build/rn/icons/ChevronRight')
-const PaletteIconPause = require('@telus-uds/palette-koodo/build/rn/icons/Pause')
-const PaletteIconPlay = require('@telus-uds/palette-koodo/build/rn/icons/Play')
-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 PaletteIconPause from '@telus-uds/palette-koodo/build/rn/icons/Pause'
+import PaletteIconPlay from '@telus-uds/palette-koodo/build/rn/icons/Play'
+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',
@@ -39,3 +38,4 @@ module.exports = {
     stepTrackerCurrentBackgroundColor: '#ffffff'
   }
 }
+export default theme

package/build/rn/CarouselTabsPanelItem.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Mon, 25 Nov 2024 16:23:35 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.",
@@ -149,3 +148,4 @@ module.exports = {
     paddingTop: 0
   }
 }
+export default theme

package/build/rn/CarouselThumbnail.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Mon, 25 Nov 2024 16:23:35 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.",
@@ -60,3 +59,4 @@ module.exports = {
     size: 56
   }
 }
+export default theme

package/build/rn/Checkbox.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Mon, 25 Nov 2024 16:23:35 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: {
     checked: {
       description: 'Corresponds to a selected state for a checkbox or radio',
@@ -82,3 +81,4 @@ module.exports = {
     labelMarginLeft: 8
   }
 }
+export default theme

package/build/rn/CheckboxCard.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Mon, 25 Nov 2024 16:23:35 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     checked: {
       description: 'Corresponds to a selected state for a checkbox or radio',
@@ -166,3 +165,4 @@ module.exports = {
     textTransform: 'none'
   }
 }
+export default theme

package/build/rn/CheckboxCardGroup.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Mon, 25 Nov 2024 16:23:35 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     fullWidth: {
       description: 'Makes cards always occupy the full width of the parent, regardless of viewport',
@@ -43,3 +42,4 @@ module.exports = {
     space: 3
   }
 }
+export default theme

package/build/rn/CheckboxGroup.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Mon, 25 Nov 2024 16:23:35 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {},
   rules: [],
   tokens: {
@@ -22,3 +21,4 @@ module.exports = {
     space: 2
   }
 }
+export default theme

package/build/rn/ChevronLink.js

@@ -1,14 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Mon, 25 Nov 2024 16:23:35 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: {
     alternative: { type: 'variant', values: [ true ] },
     focus: {
@@ -109,3 +108,4 @@ module.exports = {
     textLine: 'none'
   }
 }
+export default theme

package/build/rn/ColourToggle.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Mon, 25 Nov 2024 16:23:35 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.",
@@ -91,3 +90,4 @@ module.exports = {
     space: 2
   }
 }
+export default theme

package/build/rn/Countdown.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Mon, 25 Nov 2024 16:23:35 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 Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Mon, 25 Nov 2024 16:23:35 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 Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Mon, 25 Nov 2024 16:23:35 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 Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Mon, 25 Nov 2024 16:23:35 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 Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Mon, 25 Nov 2024 16:23:35 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 Thu, 31 Oct 2024 05:00:26 GMT
+ * Generated on Mon, 25 Nov 2024 16:23:35 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {},
   rules: [],
   tokens: {
@@ -16,3 +15,4 @@ module.exports = {
     borderWidth: 0
   }
 }
+export default theme