@telus-uds/theme-allium 6.4.0 → 7.1.0

package/build/rn/StackView.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:05:10 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:47 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {},
   rules: [],
   tokens: {
@@ -17,4 +18,3 @@ const theme = {
     width: null
   }
 }
-export default theme

package/build/rn/Status.js

@@ -1,15 +1,16 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:05:10 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:47 GMT
  *
  */
 
-import PaletteIconStatusInfo from '@telus-uds/palette-allium/build/rn/icons/StatusInfo'
-import PaletteIconStatusSuccess from '@telus-uds/palette-allium/build/rn/icons/StatusSuccess'
-import PaletteIconStatusWarning from '@telus-uds/palette-allium/build/rn/icons/StatusWarning'
-import PaletteIconStatusError from '@telus-uds/palette-allium/build/rn/icons/StatusError'
-const theme = {
+const PaletteIconStatusInfo = require('@telus-uds/palette-allium/build/rn/icons/StatusInfo')
+const PaletteIconStatusSuccess = require('@telus-uds/palette-allium/build/rn/icons/StatusSuccess')
+const PaletteIconStatusWarning = require('@telus-uds/palette-allium/build/rn/icons/StatusWarning')
+const PaletteIconStatusError = require('@telus-uds/palette-allium/build/rn/icons/StatusError')
+
+module.exports = {
   appearances: {
     inverse: {
       description: 'Inverts the status colors',
@@ -175,4 +176,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:05:10 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:47 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {
     inverse: {
       description: 'Styles the step tracker for using on dark backgrounds.',
@@ -93,4 +94,3 @@ const theme = {
     textStepTrackerLabel: 1
   }
 }
-export default theme

package/build/rn/StoryCard.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:05:10 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:47 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.",
@@ -59,4 +60,3 @@ const theme = {
     shadow: null
   }
 }
-export default theme

package/build/rn/TabBar.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:05:10 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:47 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:05:10 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:47 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 = {
     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:05:10 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:47 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,10 @@ const theme = {
     }
   },
   rules: [
+    {
+      if: { highlight: 'row' },
+      tokens: { rowHoverBackgroundColor: 'rgba(0, 0, 0, 0.05)' }
+    },
     {
       if: { spacing: 'compact', type: 'default' },
       tokens: {
@@ -118,6 +124,9 @@ const theme = {
     borderColor: 'rgba(0, 0, 0, 0)',
     borderWidth: 0,
     cellBackground: 'rgba(0, 0, 0, 0)',
+    cellBorderColor: 'rgba(0, 0, 0, 0)',
+    cellBorderTopWidth: 0,
+    cellBorderWidth: 0,
     cellBoxShadowColor: '#e3e6e8',
     cellMinWidth: 0,
     cellPaddingBottom: 16,
@@ -138,8 +147,11 @@ const theme = {
     fontSize: 16,
     fontWeight: '400',
     lineHeight: 1.5,
+    rowBorderColor: 'rgba(0, 0, 0, 0)',
+    rowBorderTopWidth: 0,
+    rowBorderWidth: 0,
+    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:05:10 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:47 GMT
  *
  */
 
-import PaletteIconArrowRight from '@telus-uds/palette-allium/build/rn/icons/ArrowRight'
-import PaletteIconArrowLeft from '@telus-uds/palette-allium/build/rn/icons/ArrowLeft'
-const theme = {
+const PaletteIconArrowRight = require('@telus-uds/palette-allium/build/rn/icons/ArrowRight')
+const PaletteIconArrowLeft = require('@telus-uds/palette-allium/build/rn/icons/ArrowLeft')
+
+module.exports = {
   appearances: {
     equalWidth: {
       description: 'Divide the available width equally among `TabsItem`',
@@ -33,4 +34,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:05:10 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:47 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {
     equalWidth: {
       description: 'Divide the available width equally among `TabsItem`',
@@ -116,6 +117,8 @@ const theme = {
     highlightTriangleSize: 0,
     letterSpacing: 0,
     lineHeight: 1.14285714286,
+    marginHorizontal: 0,
+    marginVertical: 0,
     maxWidth: 192,
     paddingHorizontal: 24,
     paddingVertical: 8,
@@ -124,4 +127,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:05:10 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:47 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:05:10 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:47 GMT
  *
  */
 
-import PaletteIconAdd from '@telus-uds/palette-allium/build/rn/icons/Add'
-import PaletteIconClose from '@telus-uds/palette-allium/build/rn/icons/Close'
-const theme = {
+const PaletteIconAdd = require('@telus-uds/palette-allium/build/rn/icons/Add')
+const PaletteIconClose = require('@telus-uds/palette-allium/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.",
@@ -133,4 +134,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:05:10 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:47 GMT
  *
  */
 
-import PaletteIconCaretDown from '@telus-uds/palette-allium/build/rn/icons/CaretDown'
-import PaletteIconCaretUp from '@telus-uds/palette-allium/build/rn/icons/CaretUp'
-const theme = {
+const PaletteIconCaretDown = require('@telus-uds/palette-allium/build/rn/icons/CaretDown')
+const PaletteIconCaretUp = require('@telus-uds/palette-allium/build/rn/icons/CaretUp')
+
+module.exports = {
   appearances: {
     expanded: {
       description: 'Applies when an ExpandCollapse panel is open and the content inside is visible',
@@ -120,4 +121,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:05:10 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:47 GMT
  *
  */
 
-import PaletteIconQuoteLeft from '@telus-uds/palette-allium/build/rn/icons/QuoteLeft'
-import PaletteIconQuoteLeftArrow from '@telus-uds/palette-allium/build/rn/icons/QuoteLeftArrow'
-const theme = {
+const PaletteIconQuoteLeft = require('@telus-uds/palette-allium/build/rn/icons/QuoteLeft')
+const PaletteIconQuoteLeftArrow = require('@telus-uds/palette-allium/build/rn/icons/QuoteLeftArrow')
+
+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: '#414547'
   }
 }
-export default theme

package/build/rn/TextArea.js

@@ -1,10 +1,10 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:05:10 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:47 GMT
  *
  */
 
 
-const theme = { appearances: {}, rules: [], tokens: { maxLines: 8, minLines: 5 } }
-export default theme
+
+module.exports = { appearances: {}, rules: [], tokens: { maxLines: 8, minLines: 5 } }

package/build/rn/TextInput.js

@@ -1,20 +1,21 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:05:10 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:47 GMT
  *
  */
 
-import PaletteIconAmex from '@telus-uds/palette-allium/build/rn/icons/Amex'
-import PaletteIconTimes from '@telus-uds/palette-allium/build/rn/icons/Times'
-import PaletteIconCreditCard from '@telus-uds/palette-allium/build/rn/icons/CreditCard'
-import PaletteIconMasterCard from '@telus-uds/palette-allium/build/rn/icons/MasterCard'
-import PaletteIconInvisible from '@telus-uds/palette-allium/build/rn/icons/Invisible'
-import PaletteIconVisible from '@telus-uds/palette-allium/build/rn/icons/Visible'
-import PaletteIconVisa from '@telus-uds/palette-allium/build/rn/icons/Visa'
-import PaletteIconStatusSuccess from '@telus-uds/palette-allium/build/rn/icons/StatusSuccess'
-import PaletteIconStatusError from '@telus-uds/palette-allium/build/rn/icons/StatusError'
-const theme = {
+const PaletteIconAmex = require('@telus-uds/palette-allium/build/rn/icons/Amex')
+const PaletteIconTimes = require('@telus-uds/palette-allium/build/rn/icons/Times')
+const PaletteIconCreditCard = require('@telus-uds/palette-allium/build/rn/icons/CreditCard')
+const PaletteIconMasterCard = require('@telus-uds/palette-allium/build/rn/icons/MasterCard')
+const PaletteIconInvisible = require('@telus-uds/palette-allium/build/rn/icons/Invisible')
+const PaletteIconVisible = require('@telus-uds/palette-allium/build/rn/icons/Visible')
+const PaletteIconVisa = require('@telus-uds/palette-allium/build/rn/icons/Visa')
+const PaletteIconStatusSuccess = require('@telus-uds/palette-allium/build/rn/icons/StatusSuccess')
+const PaletteIconStatusError = require('@telus-uds/palette-allium/build/rn/icons/StatusError')
+
+module.exports = {
   appearances: {
     focus: {
       description: 'Focus states for some input elements are well supported across web, RN, ios and android',
@@ -113,4 +114,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:05:10 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:47 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:05:10 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:47 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:05:10 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:47 GMT
  *
  */
 
-import PaletteIconCheckmark from '@telus-uds/palette-allium/build/rn/icons/Checkmark'
-const theme = {
+const PaletteIconCheckmark = require('@telus-uds/palette-allium/build/rn/icons/Checkmark')
+
+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.",
@@ -143,4 +144,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:05:10 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:47 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: 1
   }
 }
-export default theme

package/build/rn/Tooltip.js

@@ -1,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:05:10 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:47 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,12 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:05:10 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:47 GMT
  *
  */
 
-import PaletteIconQuestion from '@telus-uds/palette-allium/build/rn/icons/Question'
-const theme = {
+const PaletteIconQuestion = require('@telus-uds/palette-allium/build/rn/icons/Question')
+
+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.",
@@ -54,4 +55,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:05:10 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:47 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {
     bold: {
       description: 'Sets the font weight, to bold on some body text styles. Does not change accessibility properties.',
@@ -347,4 +348,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:05:10 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:47 GMT
  *
  */
 
-import PaletteIconPause from '@telus-uds/palette-allium/build/rn/icons/Pause'
-import PaletteIconPlaySolid from '@telus-uds/palette-allium/build/rn/icons/PlaySolid'
-import PaletteIconReplay from '@telus-uds/palette-allium/build/rn/icons/Replay'
-const theme = {
+const PaletteIconPause = require('@telus-uds/palette-allium/build/rn/icons/Pause')
+const PaletteIconPlaySolid = require('@telus-uds/palette-allium/build/rn/icons/PlaySolid')
+const PaletteIconReplay = require('@telus-uds/palette-allium/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:05:10 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:47 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:05:10 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:47 GMT
  *
  */
 
-import PaletteIconClosedCaptions from '@telus-uds/palette-allium/build/rn/icons/ClosedCaptions'
-import PaletteIconFullscreenExpand from '@telus-uds/palette-allium/build/rn/icons/FullscreenExpand'
-import PaletteIconFullscreenMinimize from '@telus-uds/palette-allium/build/rn/icons/FullscreenMinimize'
-import PaletteIconSettingsSolid from '@telus-uds/palette-allium/build/rn/icons/SettingsSolid'
-const theme = {
+const PaletteIconClosedCaptions = require('@telus-uds/palette-allium/build/rn/icons/ClosedCaptions')
+const PaletteIconFullscreenExpand = require('@telus-uds/palette-allium/build/rn/icons/FullscreenExpand')
+const PaletteIconFullscreenMinimize = require('@telus-uds/palette-allium/build/rn/icons/FullscreenMinimize')
+const PaletteIconSettingsSolid = require('@telus-uds/palette-allium/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:05:10 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:47 GMT
  *
  */
 
-import PaletteIconCheckmark from '@telus-uds/palette-allium/build/rn/icons/Checkmark'
-const theme = {
+const PaletteIconCheckmark = require('@telus-uds/palette-allium/build/rn/icons/Checkmark')
+
+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:05:10 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:47 GMT
  *
  */
 
 
-const theme = {
+
+module.exports = {
   appearances: {},
   rules: [],
   tokens: {
@@ -16,4 +17,3 @@ const theme = {
     width: 64
   }
 }
-export default theme