@telus-uds/theme-koodo 5.22.0 → 6.0.0

package/build/rn/Select.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 PaletteIconChevronDown = require('@telus-uds/palette-koodo/build/rn/icons/ChevronDown')
-const PaletteIconCheckCircleFilled = require('@telus-uds/palette-koodo/build/rn/icons/CheckCircleFilled')
-const PaletteIconExclamationOctagon = require('@telus-uds/palette-koodo/build/rn/icons/ExclamationOctagon')
-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 PaletteIconCheckCircleFilled from '@telus-uds/palette-koodo/build/rn/icons/CheckCircleFilled'
+import PaletteIconExclamationOctagon from '@telus-uds/palette-koodo/build/rn/icons/ExclamationOctagon'
+import PaletteIconChevronUp from '@telus-uds/palette-koodo/build/rn/icons/ChevronUp'
+const theme = {
   appearances: {
     active: { type: 'state', values: [ true ] },
     focus: {
@@ -102,3 +101,4 @@ module.exports = {
     validationIconSize: 24
   }
 }
+export default theme

package/build/rn/SideNav.js

@@ -1,14 +1,14 @@
 /*
  *
  * 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: { borderColor: '#c9c8c8', borderStyle: 'solid', borderWidth: 1 }
 }
+export default theme

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

package/build/rn/SideNavItemsGroup.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: {
     expanded: {
       description: 'Applies when an ExpandCollapse panel is open and the content inside is visible',
@@ -38,3 +37,4 @@ module.exports = {
     verticalAlign: 'middle'
   }
 }
+export default theme

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

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

package/build/rn/Spinner.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', values: [ 'small' ] } },
   rules: [ { if: { size: 'small' }, tokens: { size: 24, thickness: 2 } } ],
   tokens: {
@@ -16,3 +15,4 @@ module.exports = {
     thickness: 4
   }
 }
+export default theme

package/build/rn/SplashButton.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 PaletteIconPlaySolid = require('@telus-uds/palette-koodo/build/rn/icons/PlaySolid')
-
-module.exports = {
+import PaletteIconPlaySolid from '@telus-uds/palette-koodo/build/rn/icons/PlaySolid'
+const theme = {
   appearances: {
     hover: {
       description: "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
@@ -24,3 +23,4 @@ module.exports = {
     playIconColor: '#ffffff'
   }
 }
+export default theme

package/build/rn/SplashButtonWithDetails.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 PaletteIconPlaySolid = require('@telus-uds/palette-koodo/build/rn/icons/PlaySolid')
-
-module.exports = {
+import PaletteIconPlaySolid from '@telus-uds/palette-koodo/build/rn/icons/PlaySolid'
+const theme = {
   appearances: {
     hover: {
       description: "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
@@ -41,3 +40,4 @@ module.exports = {
     playIconContainerBackground: '#000000'
   }
 }
+export default theme

package/build/rn/StackView.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 = {
     width: null
   }
 }
+export default theme

package/build/rn/Status.js

@@ -1,18 +1,17 @@
 /*
  *
  * 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 PaletteIconToolTipFilled = require('@telus-uds/palette-koodo/build/rn/icons/ToolTipFilled')
-const PaletteIconTooltip = require('@telus-uds/palette-koodo/build/rn/icons/Tooltip')
-const PaletteIconCheckCircledFilled = require('@telus-uds/palette-koodo/build/rn/icons/CheckCircledFilled')
-const PaletteIconExclamationTriangle = require('@telus-uds/palette-koodo/build/rn/icons/ExclamationTriangle')
-const PaletteIconExclamationOctagon = require('@telus-uds/palette-koodo/build/rn/icons/ExclamationOctagon')
-const PaletteIconTagFilled = require('@telus-uds/palette-koodo/build/rn/icons/TagFilled')
-
-module.exports = {
+import PaletteIconToolTipFilled from '@telus-uds/palette-koodo/build/rn/icons/ToolTipFilled'
+import PaletteIconTooltip from '@telus-uds/palette-koodo/build/rn/icons/Tooltip'
+import PaletteIconCheckCircledFilled from '@telus-uds/palette-koodo/build/rn/icons/CheckCircledFilled'
+import PaletteIconExclamationTriangle from '@telus-uds/palette-koodo/build/rn/icons/ExclamationTriangle'
+import PaletteIconExclamationOctagon from '@telus-uds/palette-koodo/build/rn/icons/ExclamationOctagon'
+import PaletteIconTagFilled from '@telus-uds/palette-koodo/build/rn/icons/TagFilled'
+const theme = {
   appearances: {
     inverse: {
       description: 'Inverts the status colors',
@@ -177,3 +176,4 @@ module.exports = {
     textLineHeight: 1.14285714286
   }
 }
+export default theme

package/build/rn/StepTracker.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 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: {
     inverse: {
       description: 'Styles the step tracker for using on dark backgrounds.',
@@ -96,3 +95,4 @@ module.exports = {
     textStepTrackerLabel: 2
   }
 }
+export default theme

package/build/rn/StoryCard.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.",
@@ -67,3 +66,4 @@ module.exports = {
     }
   }
 }
+export default theme

package/build/rn/TabBar.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: {
     pressed: {
       description: 'Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.',
@@ -32,3 +31,4 @@ module.exports = {
     paddingTop: 4
   }
 }
+export default theme

package/build/rn/TabBarItem.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: 'Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.',
@@ -65,3 +64,4 @@ module.exports = {
     paddingTop: 4
   }
 }
+export default theme

package/build/rn/Table.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: {
     spacing: {
       description: 'Adjusts the height of the table cell',
@@ -151,3 +150,4 @@ module.exports = {
     tablePaddingBottom: 24
   }
 }
+export default theme

package/build/rn/Tabs.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: {
     equalWidth: {
       description: 'Divide the available width equally among `TabsItem`',
@@ -27,3 +26,4 @@ module.exports = {
     space: 0
   }
 }
+export default theme

package/build/rn/TabsItem.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: {
     equalWidth: {
       description: 'Divide the available width equally among `TabsItem`',
@@ -133,3 +132,4 @@ module.exports = {
     textTransform: 'none'
   }
 }
+export default theme

package/build/rn/Tags.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: {
     viewport: {
       description: 'The size label for the current screen viewport based on the current screen width',
@@ -25,3 +24,4 @@ module.exports = {
     space: 1
   }
 }
+export default theme

package/build/rn/TagsItem.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 PaletteIconAdd = require('@telus-uds/palette-koodo/build/rn/icons/Add')
-const PaletteIconClose = require('@telus-uds/palette-koodo/build/rn/icons/Close')
-
-module.exports = {
+import PaletteIconAdd from '@telus-uds/palette-koodo/build/rn/icons/Add'
+import PaletteIconClose from '@telus-uds/palette-koodo/build/rn/icons/Close'
+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.",
@@ -157,3 +156,4 @@ module.exports = {
     textAlign: 'center'
   }
 }
+export default theme

package/build/rn/TermsAndConditions.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: {
     expanded: {
       description: 'Applies when an ExpandCollapse panel is open and the content inside is visible',
@@ -139,3 +138,4 @@ module.exports = {
     unorderedPadding: 12
   }
 }
+export default theme

package/build/rn/Testimonial.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 PaletteIconQuoteLeft = require('@telus-uds/palette-koodo/build/rn/icons/QuoteLeft')
-const PaletteIconQuoteRightArrow = require('@telus-uds/palette-koodo/build/rn/icons/QuoteRightArrow')
-
-module.exports = {
+import PaletteIconQuoteLeft from '@telus-uds/palette-koodo/build/rn/icons/QuoteLeft'
+import PaletteIconQuoteRightArrow from '@telus-uds/palette-koodo/build/rn/icons/QuoteRightArrow'
+const theme = {
   appearances: {
     viewport: {
       description: 'The size label for the current screen viewport based on the current screen width',
@@ -56,3 +55,4 @@ module.exports = {
     textColor: '#000000'
   }
 }
+export default theme

package/build/rn/TextArea.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: { maxLines: 4, minLines: 2 } }
+const theme = { appearances: {}, rules: [], tokens: { maxLines: 4, minLines: 2 } }
+export default theme

package/build/rn/TextInput.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 PaletteIconAmex = require('@telus-uds/palette-koodo/build/rn/icons/Amex')
-const PaletteIconTimes = require('@telus-uds/palette-koodo/build/rn/icons/Times')
-const PaletteIconCreditCard = require('@telus-uds/palette-koodo/build/rn/icons/CreditCard')
-const PaletteIconMasterCard = require('@telus-uds/palette-koodo/build/rn/icons/MasterCard')
-const PaletteIconEyeMasked = require('@telus-uds/palette-koodo/build/rn/icons/EyeMasked')
-const PaletteIconEyeUnmasked = require('@telus-uds/palette-koodo/build/rn/icons/EyeUnmasked')
-const PaletteIconVisa = require('@telus-uds/palette-koodo/build/rn/icons/Visa')
-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 PaletteIconAmex from '@telus-uds/palette-koodo/build/rn/icons/Amex'
+import PaletteIconTimes from '@telus-uds/palette-koodo/build/rn/icons/Times'
+import PaletteIconCreditCard from '@telus-uds/palette-koodo/build/rn/icons/CreditCard'
+import PaletteIconMasterCard from '@telus-uds/palette-koodo/build/rn/icons/MasterCard'
+import PaletteIconEyeMasked from '@telus-uds/palette-koodo/build/rn/icons/EyeMasked'
+import PaletteIconEyeUnmasked from '@telus-uds/palette-koodo/build/rn/icons/EyeUnmasked'
+import PaletteIconVisa from '@telus-uds/palette-koodo/build/rn/icons/Visa'
+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: {
     focus: {
       description: 'Focus states for some input elements are well supported across web, RN, ios and android',
@@ -129,3 +128,4 @@ module.exports = {
     visaIcon: PaletteIconVisa
   }
 }
+export default theme

package/build/rn/Timeline.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: {
     horizontal: {
       description: 'Use horizontal to display timeline horizontally.',
@@ -56,3 +55,4 @@ module.exports = {
     timelineContainerDirection: 'column'
   }
 }
+export default theme

package/build/rn/Toast.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: {
     viewport: {
       description: 'The size label for the current screen viewport based on the current screen width',
@@ -41,3 +40,4 @@ module.exports = {
     padding: 16
   }
 }
+export default theme

package/build/rn/ToggleSwitch.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 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: {
     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.",
@@ -174,3 +173,4 @@ module.exports = {
     width: 40
   }
 }
+export default theme

package/build/rn/ToggleSwitchGroup.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: {
     viewport: {
       description: 'The size label for the current screen viewport based on the current screen width',
@@ -26,3 +25,4 @@ module.exports = {
     space: 3
   }
 }
+export default theme