@telus-uds/theme-koodo 6.4.0 → 7.0.0

package/build/rn/Status.js

@@ -1,17 +1,18 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:33 GMT
+ * Generated on Fri, 31 Jan 2025 20:47:23 GMT
  *
  */
 
-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 = {
+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 = {
   appearances: {
     inverse: {
       description: 'Inverts the status colors',
@@ -178,4 +179,3 @@ const theme = {
     textLineHeight: 1.14285714286
   }
 }
-export default theme

package/build/rn/StepTracker.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:33 GMT
+ * Generated on Fri, 31 Jan 2025 20:47:23 GMT
  *
  */
 
-import PaletteIconCheck from '@telus-uds/palette-koodo/build/rn/icons/Check'
-const theme = {
+const PaletteIconCheck = require('@telus-uds/palette-koodo/build/rn/icons/Check')
+
+module.exports = {
   appearances: {
     inverse: {
       description: 'Styles the step tracker for using on dark backgrounds.',
@@ -95,4 +96,3 @@ const theme = {
     textStepTrackerLabel: 2
   }
 }
-export default theme

package/build/rn/StoryCard.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:33 GMT
+ * Generated on Fri, 31 Jan 2025 20:47:23 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.",
@@ -66,4 +67,3 @@ const theme = {
     }
   }
 }
-export default theme

package/build/rn/TabBar.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:33 GMT
+ * Generated on Fri, 31 Jan 2025 20:47:23 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   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.',
@@ -31,4 +32,3 @@ const theme = {
     paddingTop: 4
   }
 }
-export default theme

package/build/rn/TabBarItem.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:33 GMT
+ * Generated on Fri, 31 Jan 2025 20:47:23 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   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.',
@@ -64,4 +65,3 @@ const theme = {
     paddingTop: 4
   }
 }
-export default theme

package/build/rn/Table.js

@@ -1,13 +1,15 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:33 GMT
+ * Generated on Fri, 31 Jan 2025 20:47:23 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {
+    highlight: { type: 'variant', values: [ 'row' ] },
     spacing: {
       description: 'Adjusts the height of the table cell',
       type: 'variant',
@@ -20,6 +22,13 @@ const theme = {
     }
   },
   rules: [
+    {
+      if: { highlight: 'row' },
+      tokens: {
+        cellBackground: 'rgba(0, 0, 0, 0)',
+        rowHoverBackgroundColor: 'rgba(0, 0, 0, 0.05)'
+      }
+    },
     {
       if: { spacing: 'compact' },
       tokens: {
@@ -146,8 +155,8 @@ const theme = {
     fontSize: 16,
     fontWeight: '400',
     lineHeight: 1.5,
+    rowHoverBackgroundColor: 'rgba(0, 0, 0, 0)',
     stickyBackgroundColor: '#ffffff',
     tablePaddingBottom: 24
   }
 }
-export default theme

package/build/rn/Tabs.js

@@ -1,13 +1,14 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:33 GMT
+ * Generated on Fri, 31 Jan 2025 20:47:23 GMT
  *
  */
 
-import PaletteIconChevronRight from '@telus-uds/palette-koodo/build/rn/icons/ChevronRight'
-import PaletteIconChevronLeft from '@telus-uds/palette-koodo/build/rn/icons/ChevronLeft'
-const theme = {
+const PaletteIconChevronRight = require('@telus-uds/palette-koodo/build/rn/icons/ChevronRight')
+const PaletteIconChevronLeft = require('@telus-uds/palette-koodo/build/rn/icons/ChevronLeft')
+
+module.exports = {
   appearances: {
     equalWidth: {
       description: 'Divide the available width equally among `TabsItem`',
@@ -26,4 +27,3 @@ const theme = {
     space: 0
   }
 }
-export default theme

package/build/rn/TabsItem.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:33 GMT
+ * Generated on Fri, 31 Jan 2025 20:47:23 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {
     equalWidth: {
       description: 'Divide the available width equally among `TabsItem`',
@@ -132,4 +133,3 @@ const theme = {
     textTransform: 'none'
   }
 }
-export default theme

package/build/rn/Tags.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:33 GMT
+ * Generated on Fri, 31 Jan 2025 20:47:23 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {
     viewport: {
       description: 'The size label for the current screen viewport based on the current screen width',
@@ -24,4 +25,3 @@ const theme = {
     space: 1
   }
 }
-export default theme

package/build/rn/TagsItem.js

@@ -1,13 +1,14 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:33 GMT
+ * Generated on Fri, 31 Jan 2025 20:47:23 GMT
  *
  */
 
-import PaletteIconAdd from '@telus-uds/palette-koodo/build/rn/icons/Add'
-import PaletteIconClose from '@telus-uds/palette-koodo/build/rn/icons/Close'
-const theme = {
+const PaletteIconAdd = require('@telus-uds/palette-koodo/build/rn/icons/Add')
+const PaletteIconClose = require('@telus-uds/palette-koodo/build/rn/icons/Close')
+
+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.",
@@ -156,4 +157,3 @@ const theme = {
     textAlign: 'center'
   }
 }
-export default theme

package/build/rn/TermsAndConditions.js

@@ -1,13 +1,14 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:33 GMT
+ * Generated on Fri, 31 Jan 2025 20:47:23 GMT
  *
  */
 
-import PaletteIconChevronDown from '@telus-uds/palette-koodo/build/rn/icons/ChevronDown'
-import PaletteIconChevronUp from '@telus-uds/palette-koodo/build/rn/icons/ChevronUp'
-const theme = {
+const PaletteIconChevronDown = require('@telus-uds/palette-koodo/build/rn/icons/ChevronDown')
+const PaletteIconChevronUp = require('@telus-uds/palette-koodo/build/rn/icons/ChevronUp')
+
+module.exports = {
   appearances: {
     expanded: {
       description: 'Applies when an ExpandCollapse panel is open and the content inside is visible',
@@ -138,4 +139,3 @@ const theme = {
     unorderedPadding: 12
   }
 }
-export default theme

package/build/rn/Testimonial.js

@@ -1,13 +1,14 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:33 GMT
+ * Generated on Fri, 31 Jan 2025 20:47:23 GMT
  *
  */
 
-import PaletteIconQuoteLeft from '@telus-uds/palette-koodo/build/rn/icons/QuoteLeft'
-import PaletteIconQuoteRightArrow from '@telus-uds/palette-koodo/build/rn/icons/QuoteRightArrow'
-const theme = {
+const PaletteIconQuoteLeft = require('@telus-uds/palette-koodo/build/rn/icons/QuoteLeft')
+const PaletteIconQuoteRightArrow = require('@telus-uds/palette-koodo/build/rn/icons/QuoteRightArrow')
+
+module.exports = {
   appearances: {
     viewport: {
       description: 'The size label for the current screen viewport based on the current screen width',
@@ -55,4 +56,3 @@ const theme = {
     textColor: '#000000'
   }
 }
-export default theme

package/build/rn/TextArea.js

@@ -1,10 +1,10 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:33 GMT
+ * Generated on Fri, 31 Jan 2025 20:47:23 GMT
  *
  */
 
 
-const theme = { appearances: {}, rules: [], tokens: { maxLines: 4, minLines: 2 } }
-export default theme
+
+module.exports = { appearances: {}, rules: [], tokens: { maxLines: 4, minLines: 2 } }

package/build/rn/TextInput.js

@@ -1,20 +1,21 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:33 GMT
+ * Generated on Fri, 31 Jan 2025 20:47:23 GMT
  *
  */
 
-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 = {
+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 = {
   appearances: {
     focus: {
       description: 'Focus states for some input elements are well supported across web, RN, ios and android',
@@ -130,4 +131,3 @@ const theme = {
     visaIcon: PaletteIconVisa
   }
 }
-export default theme

package/build/rn/Timeline.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:33 GMT
+ * Generated on Fri, 31 Jan 2025 20:47:23 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {
     horizontal: {
       description: 'Use horizontal to display timeline horizontally.',
@@ -55,4 +56,3 @@ const theme = {
     timelineContainerDirection: 'column'
   }
 }
-export default theme

package/build/rn/Toast.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:33 GMT
+ * Generated on Fri, 31 Jan 2025 20:47:23 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {
     viewport: {
       description: 'The size label for the current screen viewport based on the current screen width',
@@ -40,4 +41,3 @@ const theme = {
     padding: 16
   }
 }
-export default theme

package/build/rn/ToggleSwitch.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:33 GMT
+ * Generated on Fri, 31 Jan 2025 20:47:23 GMT
  *
  */
 
-import PaletteIconCheck from '@telus-uds/palette-koodo/build/rn/icons/Check'
-const theme = {
+const PaletteIconCheck = require('@telus-uds/palette-koodo/build/rn/icons/Check')
+
+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.",
@@ -173,4 +174,3 @@ const theme = {
     width: 40
   }
 }
-export default theme

package/build/rn/ToggleSwitchGroup.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:33 GMT
+ * Generated on Fri, 31 Jan 2025 20:47:23 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {
     viewport: {
       description: 'The size label for the current screen viewport based on the current screen width',
@@ -25,4 +26,3 @@ const theme = {
     space: 3
   }
 }
-export default theme

package/build/rn/Tooltip.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:33 GMT
+ * Generated on Fri, 31 Jan 2025 20:47:23 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: { inverse: { type: 'variant', values: [ true ] } },
   rules: [
     {
@@ -41,4 +42,3 @@ const theme = {
     }
   }
 }
-export default theme

package/build/rn/TooltipButton.js

@@ -1,13 +1,14 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:33 GMT
+ * Generated on Fri, 31 Jan 2025 20:47:23 GMT
  *
  */
 
-import PaletteIconTooltip from '@telus-uds/palette-koodo/build/rn/icons/Tooltip'
-import PaletteIconTooltipSymbol from '@telus-uds/palette-koodo/build/rn/icons/TooltipSymbol'
-const theme = {
+const PaletteIconTooltip = require('@telus-uds/palette-koodo/build/rn/icons/Tooltip')
+const PaletteIconTooltipSymbol = require('@telus-uds/palette-koodo/build/rn/icons/TooltipSymbol')
+
+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.",
@@ -84,4 +85,3 @@ const theme = {
     width: 16
   }
 }
-export default theme

package/build/rn/Typography.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:33 GMT
+ * Generated on Fri, 31 Jan 2025 20:47:23 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {
     bold: {
       description: 'Sets the font weight, to bold on some body text styles. Does not change accessibility properties.',
@@ -234,4 +235,3 @@ const theme = {
     textTransform: 'none'
   }
 }
-export default theme

package/build/rn/Video.js

@@ -1,14 +1,15 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:33 GMT
+ * Generated on Fri, 31 Jan 2025 20:47:23 GMT
  *
  */
 
-import PaletteIconPause from '@telus-uds/palette-koodo/build/rn/icons/Pause'
-import PaletteIconPlaySolid from '@telus-uds/palette-koodo/build/rn/icons/PlaySolid'
-import PaletteIconReplay from '@telus-uds/palette-koodo/build/rn/icons/Replay'
-const theme = {
+const PaletteIconPause = require('@telus-uds/palette-koodo/build/rn/icons/Pause')
+const PaletteIconPlaySolid = require('@telus-uds/palette-koodo/build/rn/icons/PlaySolid')
+const PaletteIconReplay = require('@telus-uds/palette-koodo/build/rn/icons/Replay')
+
+module.exports = {
   appearances: {},
   rules: [],
   tokens: {
@@ -18,4 +19,3 @@ const theme = {
     replayIcon: PaletteIconReplay
   }
 }
-export default theme

package/build/rn/VideoButton.js

@@ -1,10 +1,10 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:33 GMT
+ * Generated on Fri, 31 Jan 2025 20:47:23 GMT
  *
  */
 
 
-const theme = { appearances: {}, rules: [], tokens: { color: '#ffffff' } }
-export default theme
+
+module.exports = { appearances: {}, rules: [], tokens: { color: '#ffffff' } }

package/build/rn/VideoControlBar.js

@@ -1,15 +1,16 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:33 GMT
+ * Generated on Fri, 31 Jan 2025 20:47:23 GMT
  *
  */
 
-import PaletteIconClosedCaptions from '@telus-uds/palette-koodo/build/rn/icons/ClosedCaptions'
-import PaletteIconFullscreenExpand from '@telus-uds/palette-koodo/build/rn/icons/FullscreenExpand'
-import PaletteIconFullscreenMinimize from '@telus-uds/palette-koodo/build/rn/icons/FullscreenMinimize'
-import PaletteIconSettingsSolid from '@telus-uds/palette-koodo/build/rn/icons/SettingsSolid'
-const theme = {
+const PaletteIconClosedCaptions = require('@telus-uds/palette-koodo/build/rn/icons/ClosedCaptions')
+const PaletteIconFullscreenExpand = require('@telus-uds/palette-koodo/build/rn/icons/FullscreenExpand')
+const PaletteIconFullscreenMinimize = require('@telus-uds/palette-koodo/build/rn/icons/FullscreenMinimize')
+const PaletteIconSettingsSolid = require('@telus-uds/palette-koodo/build/rn/icons/SettingsSolid')
+
+module.exports = {
   appearances: {
     viewport: {
       description: 'The size label for the current screen viewport based on the current screen width',
@@ -44,4 +45,3 @@ const theme = {
     settingsIcon: PaletteIconSettingsSolid
   }
 }
-export default theme

package/build/rn/VideoMenu.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:33 GMT
+ * Generated on Fri, 31 Jan 2025 20:47:23 GMT
  *
  */
 
-import PaletteIconCheck from '@telus-uds/palette-koodo/build/rn/icons/Check'
-const theme = {
+const PaletteIconCheck = require('@telus-uds/palette-koodo/build/rn/icons/Check')
+
+module.exports = {
   appearances: {},
   rules: [],
   tokens: {
@@ -21,4 +22,3 @@ const theme = {
     padding: 16
   }
 }
-export default theme

package/build/rn/VideoMiddleControlButton.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:33 GMT
+ * Generated on Fri, 31 Jan 2025 20:47:23 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {},
   rules: [],
   tokens: {
@@ -16,4 +17,3 @@ const theme = {
     width: 64
   }
 }
-export default theme

package/build/rn/VideoPicker.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:33 GMT
+ * Generated on Fri, 31 Jan 2025 20:47:23 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {},
   rules: [],
   tokens: {
@@ -19,4 +20,3 @@ const theme = {
     stackViewDividerColor: '#c9c8c8'
   }
 }
-export default theme