@telus-uds/theme-allium 5.3.0 → 6.0.0

package/build/ios/theme.json

@@ -6764,6 +6764,8 @@
           "tokens": {
             "direction": "column",
             "height": "100%",
+            "marginLeft": 24,
+            "marginRight": 24,
             "paddingBottom": 24,
             "paddingLeft": 24,
             "paddingRight": 24,
@@ -6900,6 +6902,7 @@
         "containerPaddingRight": 0,
         "containerPaddingTop": 0,
         "direction": "row",
+        "footerTopWidth": 0,
         "gap": 16,
         "headingColor": {
           "red": 0.2549,
@@ -6909,8 +6912,8 @@
         },
         "headingPaddingRight": 24,
         "height": null,
-        "marginLeft": 24,
-        "marginRight": 24,
+        "marginLeft": 32,
+        "marginRight": 32,
         "maxWidth": "100%",
         "paddingBottom": 24,
         "paddingLeft": 32,
@@ -14235,7 +14238,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "2.65.0",
+    "themeTokensVersion": "2.66.0",
     "name": "theme-allium"
   }
 }

package/build/rn/ActionCard.js

@@ -1,15 +1,14 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:29:38 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:06 GMT
  *
  */
 
-const PaletteIconArrowRight = require('@telus-uds/palette-allium/build/rn/icons/ArrowRight')
-const PaletteIconStatusWarning = require('@telus-uds/palette-allium/build/rn/icons/StatusWarning')
-const PaletteIconStatusError = require('@telus-uds/palette-allium/build/rn/icons/StatusError')
-
-module.exports = {
+import PaletteIconArrowRight from '@telus-uds/palette-allium/build/rn/icons/ArrowRight'
+import PaletteIconStatusWarning from '@telus-uds/palette-allium/build/rn/icons/StatusWarning'
+import PaletteIconStatusError from '@telus-uds/palette-allium/build/rn/icons/StatusError'
+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 Sat, 12 Oct 2024 00:29:38 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:06 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: '#2b8000', size: 24, thickness: 2 }
 }
+export default theme

package/build/rn/Badge.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:29:38 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:06 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     alternative: { type: 'variant', values: [ true ] },
     inverse: { type: 'variant', values: [ true ] },
@@ -127,3 +126,4 @@ module.exports = {
     paddingTop: 2
   }
 }
+export default theme

package/build/rn/BlockQuote.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:29:38 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:06 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: 2
   }
 }
+export default theme

package/build/rn/Box.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:29:38 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:06 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     background: {
       description: 'Background colour of box. Transparent if not specified.',
@@ -212,3 +211,4 @@ module.exports = {
     gradient: null
   }
 }
+export default theme

package/build/rn/Breadcrumbs.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:29:38 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:06 GMT
  *
  */
 
-const PaletteIconChevronRight = require('@telus-uds/palette-allium/build/rn/icons/ChevronRight')
-
-module.exports = {
+import PaletteIconChevronRight from '@telus-uds/palette-allium/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 Sat, 12 Oct 2024 00:29:38 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:06 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.',
@@ -314,3 +313,4 @@ module.exports = {
     width: null
   }
 }
+export default theme

package/build/rn/ButtonDropdown.js

@@ -1,14 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:29:38 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:06 GMT
  *
  */
 
-const PaletteIconCaretDown = require('@telus-uds/palette-allium/build/rn/icons/CaretDown')
-const PaletteIconCaretUp = require('@telus-uds/palette-allium/build/rn/icons/CaretUp')
-
-module.exports = {
+import PaletteIconCaretDown from '@telus-uds/palette-allium/build/rn/icons/CaretDown'
+import PaletteIconCaretUp from '@telus-uds/palette-allium/build/rn/icons/CaretUp'
+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.",
@@ -141,3 +140,4 @@ module.exports = {
     width: null
   }
 }
+export default theme

package/build/rn/ButtonGroup.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:29:38 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:06 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     style: {
       description: 'Configure `style` variant for `ButtonGroup`',
@@ -62,3 +61,4 @@ module.exports = {
     space: 2
   }
 }
+export default theme

package/build/rn/ButtonGroupItem.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:29:38 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:06 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.",
@@ -174,3 +173,4 @@ module.exports = {
     width: null
   }
 }
+export default theme

package/build/rn/Callout.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:29:38 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:06 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     rounded: { type: 'variant', values: [ true, false ] },
     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 Sat, 12 Oct 2024 00:29:38 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:06 GMT
  *
  */
 
-const PaletteIconCheckmark = require('@telus-uds/palette-allium/build/rn/icons/Checkmark')
-
-module.exports = {
+import PaletteIconCheckmark from '@telus-uds/palette-allium/build/rn/icons/Checkmark'
+const theme = {
   appearances: {
     background: {
       type: 'variant',
@@ -266,3 +265,4 @@ module.exports = {
     shadow: null
   }
 }
+export default theme

package/build/rn/CardGroup.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:29:38 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:06 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 Sat, 12 Oct 2024 00:29:38 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:06 GMT
  *
  */
 
-const PaletteIconArrowRight = require('@telus-uds/palette-allium/build/rn/icons/ArrowRight')
-const PaletteIconPause = require('@telus-uds/palette-allium/build/rn/icons/Pause')
-const PaletteIconPlayVideo = require('@telus-uds/palette-allium/build/rn/icons/PlayVideo')
-const PaletteIconArrowLeft = require('@telus-uds/palette-allium/build/rn/icons/ArrowLeft')
-
-module.exports = {
+import PaletteIconArrowRight from '@telus-uds/palette-allium/build/rn/icons/ArrowRight'
+import PaletteIconPause from '@telus-uds/palette-allium/build/rn/icons/Pause'
+import PaletteIconPlayVideo from '@telus-uds/palette-allium/build/rn/icons/PlayVideo'
+import PaletteIconArrowLeft from '@telus-uds/palette-allium/build/rn/icons/ArrowLeft'
+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: null
   }
 }
+export default theme

package/build/rn/CarouselTabsPanelItem.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:29:38 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:06 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 Sat, 12 Oct 2024 00:29:38 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:06 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 Sat, 12 Oct 2024 00:29:38 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:06 GMT
  *
  */
 
-const PaletteIconCheckmark = require('@telus-uds/palette-allium/build/rn/icons/Checkmark')
-
-module.exports = {
+import PaletteIconCheckmark from '@telus-uds/palette-allium/build/rn/icons/Checkmark'
+const theme = {
   appearances: {
     checked: {
       description: 'Corresponds to a selected state for a checkbox or radio',
@@ -90,3 +89,4 @@ module.exports = {
     labelMarginLeft: 10
   }
 }
+export default theme

package/build/rn/CheckboxCard.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:29:38 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:06 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     checked: {
       description: 'Corresponds to a selected state for a checkbox or radio',
@@ -157,3 +156,4 @@ module.exports = {
     textTransform: 'none'
   }
 }
+export default theme

package/build/rn/CheckboxCardGroup.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:29:38 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:06 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 Sat, 12 Oct 2024 00:29:38 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:06 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 Sat, 12 Oct 2024 00:29:38 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:06 GMT
  *
  */
 
-const PaletteIconArrowLeft = require('@telus-uds/palette-allium/build/rn/icons/ArrowLeft')
-const PaletteIconArrowRight = require('@telus-uds/palette-allium/build/rn/icons/ArrowRight')
-
-module.exports = {
+import PaletteIconArrowLeft from '@telus-uds/palette-allium/build/rn/icons/ArrowLeft'
+import PaletteIconArrowRight from '@telus-uds/palette-allium/build/rn/icons/ArrowRight'
+const theme = {
   appearances: {
     alternative: { type: 'variant', values: [ true ] },
     focus: {
@@ -98,3 +97,4 @@ module.exports = {
     textLine: 'none'
   }
 }
+export default theme

package/build/rn/ColourToggle.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:29:38 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:06 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 Sat, 12 Oct 2024 00:29:38 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:06 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     feature: { type: 'variant', values: [ true ] },
     inverse: { type: 'variant', values: [ true ] },
@@ -88,3 +87,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:29:38 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:06 GMT
  *
  */
 
-const PaletteIconArrowRight = require('@telus-uds/palette-allium/build/rn/icons/ArrowRight')
-const PaletteIconArrowLeft = require('@telus-uds/palette-allium/build/rn/icons/ArrowLeft')
-
-module.exports = {
+import PaletteIconArrowRight from '@telus-uds/palette-allium/build/rn/icons/ArrowRight'
+import PaletteIconArrowLeft from '@telus-uds/palette-allium/build/rn/icons/ArrowLeft'
+const theme = {
   appearances: {},
   rules: [],
   tokens: {
@@ -59,3 +58,4 @@ module.exports = {
     validInputMixin: '#2b8000'
   }
 }
+export default theme

package/build/rn/Disclaimer.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:29:38 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:06 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:29:38 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:06 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.',
@@ -24,3 +23,4 @@ module.exports = {
   ],
   tokens: { color: '#676e73', 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:29:38 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:06 GMT
  *
  */
 
-const PaletteIconAndroidEN = require('@telus-uds/palette-allium/build/rn/icons/AndroidEN')
-const PaletteIconAndroidFR = require('@telus-uds/palette-allium/build/rn/icons/AndroidFR')
-const PaletteIconIOSEN = require('@telus-uds/palette-allium/build/rn/icons/IOSEN')
-const PaletteIconIOSFR = require('@telus-uds/palette-allium/build/rn/icons/IOSFR')
-
-module.exports = {
+import PaletteIconAndroidEN from '@telus-uds/palette-allium/build/rn/icons/AndroidEN'
+import PaletteIconAndroidFR from '@telus-uds/palette-allium/build/rn/icons/AndroidFR'
+import PaletteIconIOSEN from '@telus-uds/palette-allium/build/rn/icons/IOSEN'
+import PaletteIconIOSFR from '@telus-uds/palette-allium/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