@telus-uds/theme-allium 4.36.0 → 5.1.0

package/build/rn/ActionCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 
@@ -59,7 +59,7 @@ module.exports = {
     borderRadius: null,
     borderWidth: null,
     contentFontColor: '#414547',
-    contentFontName: 'HelveticaNow',
+    contentFontName: 'HNforTELUSSA',
     contentFontSize: 16,
     contentFontWeight: '400',
     contentLineHeight: 1.25,
@@ -80,7 +80,7 @@ module.exports = {
     statusIcon: null,
     statusIconColor: null,
     titleFontColor: '#414547',
-    titleFontName: 'HelveticaNow',
+    titleFontName: 'HNforTELUSSA',
     titleFontSize: 16,
     titleFontWeight: '700',
     titleLineHeight: 1.5,

package/build/rn/ActivityIndicator.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 

package/build/rn/Badge.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 
@@ -117,7 +117,7 @@ module.exports = {
     borderRadius: 4,
     borderWidth: 2,
     color: '#ffffff',
-    fontName: 'HelveticaNow',
+    fontName: 'HNforTELUSSA',
     fontSize: 12,
     fontWeight: '700',
     gradient: null,

package/build/rn/BlockQuote.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 
@@ -19,7 +19,7 @@ module.exports = {
     {
       if: { viewport: [ 'xs', 'sm', 'md' ] },
       tokens: {
-        titleHeadingFontName: 'HelveticaNow',
+        titleHeadingFontName: 'HNforTELUSSA',
         titleHeadingFontSize: 24,
         titleHeadingFontWeight: '400',
         titleHeadingLineHeight: 1.33333333333
@@ -33,7 +33,7 @@ module.exports = {
       type: 'linear'
     },
     color: '#414547',
-    linkFontName: 'HelveticaNow',
+    linkFontName: 'HNforTELUSSA',
     linkFontSize: 16,
     linkFontWeight: '700',
     linkLineHeight: 1.5,
@@ -42,10 +42,10 @@ module.exports = {
     paddingLeft: 32,
     paddingRight: 32,
     paddingTop: 16,
-    titleFontName: 'HelveticaNow',
+    titleFontName: 'HNforTELUSSA',
     titleFontSize: 20,
     titleFontWeight: '400',
-    titleHeadingFontName: 'HelveticaNow',
+    titleHeadingFontName: 'HNforTELUSSA',
     titleHeadingFontSize: 28,
     titleHeadingFontWeight: '400',
     titleHeadingLineHeight: 1.28571428571,

package/build/rn/Box.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 

package/build/rn/Breadcrumbs.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 
@@ -22,7 +22,7 @@ module.exports = {
   tokens: {
     color: '#676e73',
     currentColor: '#414547',
-    fontName: 'HelveticaNow',
+    fontName: 'HNforTELUSSA',
     fontSize: 12,
     fontWeight: '500',
     icon: PaletteIconChevronRight,

package/build/rn/Button.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 
@@ -289,7 +289,7 @@ module.exports = {
     borderTopWidth: 1,
     borderWidth: 1,
     color: '#2b8000',
-    fontName: 'HelveticaNow',
+    fontName: 'HNforTELUSSA',
     fontSize: 16,
     fontWeight: '700',
     height: null,

package/build/rn/ButtonDropdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 
@@ -110,7 +110,7 @@ module.exports = {
     borderWidth: 1,
     color: '#676e73',
     dividerColor: '#e3e6e8',
-    fontName: 'HelveticaNow',
+    fontName: 'HNforTELUSSA',
     fontSize: 14,
     fontWeight: '700',
     icon: PaletteIconCaretDown,

package/build/rn/ButtonGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 
@@ -9,6 +9,11 @@
 
 module.exports = {
   appearances: {
+    style: {
+      description: 'Configure `style` variant for `ButtonGroup`',
+      type: 'variant',
+      values: [ 'contained' ]
+    },
     viewport: {
       description: 'The size label for the current screen viewport based on the current screen width',
       type: 'state',
@@ -21,19 +26,39 @@ module.exports = {
     }
   },
   rules: [
-    { if: { viewport: [ 'lg', 'xl' ] }, tokens: { space: 3 } },
+    { if: { viewport: [ 'lg', 'xl' ] }, tokens: { gap: 3, space: 3 } },
     {
       if: { viewport: [ 'xs' ], width: 'responsive' },
       tokens: { alignItems: 'stretch', direction: 'column' }
+    },
+    {
+      if: { style: 'contained' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0.05)',
+        borderRadius: 99,
+        padding: 8,
+        space: 2
+      }
+    },
+    {
+      if: {
+        style: 'contained',
+        viewport: [ 'xs', 'sm', 'md', 'lg', 'xl' ]
+      },
+      tokens: { borderRadius: 24 }
     }
   ],
   tokens: {
     alignItems: 'center',
+    backgroundColor: null,
+    borderRadius: 0,
     direction: 'row',
     fieldSpace: 2,
     flexGrow: 0,
     flexShrink: 0,
+    gap: 2,
     justifyContent: 'flex-start',
-    space: 1
+    padding: 0,
+    space: 2
   }
 }

package/build/rn/ButtonGroupItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 
@@ -41,6 +41,11 @@ module.exports = {
       type: 'state',
       values: [ true ]
     },
+    style: {
+      description: 'Configure `style` variant for `ButtonGroupItem`',
+      type: 'variant',
+      values: [ 'contained' ]
+    },
     width: {
       description: 'Available in default, or responsive. Default-width expands based on content. Responsive automatically applies full-width when is displayed on the XS viewport.',
       type: 'variant',
@@ -92,7 +97,53 @@ module.exports = {
       tokens: { backgroundColor: '#b2b9bf', borderWidth: 0, color: '#ffffff' }
     },
     { if: { iconPosition: 'right' }, tokens: { iconSpace: 1 } },
-    { if: { width: 'responsive' }, tokens: { width: '100%' } }
+    { if: { width: 'responsive' }, tokens: { width: '100%' } },
+    {
+      if: { style: 'contained' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderColor: 'rgba(0, 0, 0, 0)',
+        borderWidth: 0,
+        height: 32
+      }
+    },
+    {
+      if: { hover: true, style: 'contained' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderColor: '#676e73',
+        borderWidth: 3
+      }
+    },
+    {
+      if: { selected: true, style: 'contained' },
+      tokens: {
+        backgroundColor: '#4b286d',
+        color: '#ffffff',
+        outerBorderWidth: 0
+      }
+    },
+    {
+      if: { focus: true, style: 'contained' },
+      tokens: { borderColor: '#676e73', borderWidth: 1, outerBorderWidth: 0 }
+    },
+    {
+      if: { hover: true, selected: true, style: 'contained' },
+      tokens: {
+        backgroundColor: '#7c53a5',
+        borderColor: 'rgba(0, 0, 0, 0)',
+        color: '#ffffff',
+        outerBorderWidth: 0
+      }
+    },
+    {
+      if: { focus: true, selected: true, style: 'contained' },
+      tokens: { outerBorderColor: '#4b286d', outerBorderWidth: 2 }
+    },
+    {
+      if: { pressed: true, style: 'contained' },
+      tokens: { backgroundColor: '#3f2a54' }
+    }
   ],
   tokens: {
     alignSelf: 'flex-start',
@@ -101,7 +152,7 @@ module.exports = {
     borderRadius: 32,
     borderWidth: 1,
     color: '#676e73',
-    fontName: 'HelveticaNow',
+    fontName: 'HNforTELUSSA',
     fontSize: 14,
     fontWeight: '700',
     height: 36,

package/build/rn/Callout.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 

package/build/rn/Card.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 
@@ -11,7 +11,7 @@ module.exports = {
   appearances: {
     background: {
       type: 'variant',
-      values: [ 'alternative', 'subtle', 'grid', 'feature' ]
+      values: [ 'alternative', 'subtle', 'grid', 'feature', 'plain' ]
     },
     borderRadius: { type: 'variant', values: [ 'none', 'small', 'large' ] },
     focus: {
@@ -120,6 +120,10 @@ module.exports = {
       if: { background: 'grid' },
       tokens: { backgroundColor: '#fafafa', borderWidth: 0 }
     },
+    {
+      if: { background: 'plain' },
+      tokens: { backgroundColor: '#ffffff', borderWidth: 0 }
+    },
     {
       if: { viewport: [ 'md', 'lg', 'xl' ] },
       tokens: {

package/build/rn/CardGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 

package/build/rn/Carousel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 

package/build/rn/CarouselTabsPanelItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 
@@ -81,7 +81,7 @@ module.exports = {
         borderBottomColor: '#676e73',
         borderBottomWidth: 4,
         color: '#676e73',
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontWeight: '400'
       }
     },
@@ -124,7 +124,7 @@ module.exports = {
         borderBottomColor: '#ffffff',
         borderBottomWidth: 4,
         color: '#ffffff',
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontWeight: '700'
       }
     }
@@ -136,7 +136,7 @@ module.exports = {
     borderBottomWidth: 1,
     color: '#414547',
     flex: 1,
-    fontName: 'HelveticaNow',
+    fontName: 'HNforTELUSSA',
     fontScaleCap: 64,
     fontSize: 14,
     fontWeight: '400',

package/build/rn/CarouselThumbnail.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 

package/build/rn/Checkbox.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 
@@ -83,7 +83,7 @@ module.exports = {
     inputShadow: null,
     inputWidth: 20,
     labelColor: '#414547',
-    labelFontName: 'HelveticaNow',
+    labelFontName: 'HNforTELUSSA',
     labelFontSize: 16,
     labelFontWeight: '400',
     labelLineHeight: 1.5,

package/build/rn/CheckboxCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 
@@ -140,7 +140,7 @@ module.exports = {
     contentJustifyContent: 'flex-start',
     contentSpace: 2,
     flex: 1,
-    fontName: 'HelveticaNow',
+    fontName: 'HNforTELUSSA',
     fontSize: 20,
     fontWeight: '500',
     letterSpacing: 0,

package/build/rn/CheckboxCardGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 

package/build/rn/CheckboxGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 

package/build/rn/ChevronLink.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 

package/build/rn/ColourToggle.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 

package/build/rn/Countdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 
@@ -35,7 +35,7 @@ module.exports = {
       tokens: {
         textFontSize: 64,
         textLineHeight: 1.125,
-        textTimerFontName: 'HelveticaNow',
+        textTimerFontName: 'HNforTELUSSA',
         textTimerFontWeight: '300'
       }
     },
@@ -45,7 +45,7 @@ module.exports = {
         labelBorderColor: '#4b286d',
         textFontSize: 64,
         textLineHeight: 1.125,
-        textTimerFontName: 'HelveticaNow',
+        textTimerFontName: 'HNforTELUSSA',
         textTimerFontWeight: '300'
       }
     },
@@ -78,13 +78,13 @@ module.exports = {
     containerPaddingLeftRight: 64,
     inverseBorderColor: '#676e73',
     labelBorderColor: '#414547',
-    labelFontName: 'HelveticaNow',
+    labelFontName: 'HNforTELUSSA',
     labelFontSize: 16,
     labelFontWeight: '400',
     labelLineHeight: 1.5,
     textFontSize: 16,
     textLineHeight: 1.5,
-    textTimerFontName: 'HelveticaNow',
+    textTimerFontName: 'HNforTELUSSA',
     textTimerFontWeight: '400'
   }
 }

package/build/rn/DatePicker.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 
@@ -22,7 +22,7 @@ module.exports = {
     calendarDayDefaultCalendarDaySelectedHoverBeforeBackground: '#7c53a5',
     calendarDayDefaultCalendarDaySelectedHoverColor: '#ffffff',
     calendarDayDefaultColor: '#414547',
-    calendarDayDefaultFontName: 'HelveticaNow',
+    calendarDayDefaultFontName: 'HNforTELUSSA',
     calendarDayDefaultFontSize: 14,
     calendarDayDefaultFontWeight: '400',
     calendarDaySelectedDisabledBackground: '#fafafa',
@@ -35,7 +35,7 @@ module.exports = {
     calendarDaySelectedHoverBorderColor: '#b2b9bf',
     calendarDaySelectedHoverColor: '#414547',
     calendarMonthCaptionColor: '#2c2e30',
-    calendarMonthCaptionFontName: 'HelveticaNow',
+    calendarMonthCaptionFontName: 'HNforTELUSSA',
     calendarMonthCaptionFontSize: 20,
     calendarMonthCaptionFontWeight: '700',
     calendarMonthCaptionLineHeight: 1.4,
@@ -43,7 +43,7 @@ module.exports = {
     dateInputStrokeColor: '#676e73',
     dayPickerNavigationButtonPadding: 8,
     dayPickerWeekHeaderColor: '#414547',
-    dayPickerWeekHeaderFontName: 'HelveticaNow',
+    dayPickerWeekHeaderFontName: 'HNforTELUSSA',
     dayPickerWeekHeaderFontWeight: '700',
     dayPickerWeekHeaderLineHeight: 1.42857142857,
     dayPickerWeekHeaderSmall: 14,

package/build/rn/Disclaimer.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 
@@ -12,7 +12,7 @@ module.exports = {
   rules: [],
   tokens: {
     color: '#414547',
-    fontName: 'HelveticaNow',
+    fontName: 'HNforTELUSSA',
     fontSize: 12,
     fontWeight: '500',
     lineHeight: 1.33333333333

package/build/rn/Divider.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 

package/build/rn/ExpandCollapse.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 

package/build/rn/ExpandCollapseControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 

package/build/rn/ExpandCollapseMini.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 

package/build/rn/ExpandCollapseMiniControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 

package/build/rn/ExpandCollapsePanel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:31 GMT
+ * Generated on Mon, 16 Sep 2024 12:24:54 GMT
  *
  */
 
@@ -45,7 +45,7 @@ module.exports = {
     contentPanelBorderColor: 'rgba(0, 0, 0, 0)',
     contentPanelBorderWidth: 0,
     contentPanelFontColor: '#2c2e30',
-    contentPanelFontName: 'HelveticaNow',
+    contentPanelFontName: 'HNforTELUSSA',
     contentPanelFontSize: 16,
     contentPanelFontWeight: '700',
     contentPanelLineHeight: 1.5,