@telus-uds/theme-allium 4.36.0 → 5.1.0

package/build/web/ActionCard.js

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

package/build/web/ActivityIndicator.js

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

package/build/web/Badge.js

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

package/build/web/BlockQuote.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:54 GMT
+ * Generated on Mon, 16 Sep 2024 12:25:16 GMT
  *
  */
 
@@ -18,7 +18,7 @@ const theme = {
     {
       if: { viewport: [ 'xs', 'sm', 'md' ] },
       tokens: {
-        titleHeadingFontName: 'HelveticaNow',
+        titleHeadingFontName: 'HNforTELUSSA',
         titleHeadingFontSize: 24,
         titleHeadingFontWeight: '400',
         titleHeadingLineHeight: 1.33333333333
@@ -32,7 +32,7 @@ const theme = {
       type: 'linear'
     },
     color: '#414547',
-    linkFontName: 'HelveticaNow',
+    linkFontName: 'HNforTELUSSA',
     linkFontSize: 16,
     linkFontWeight: '700',
     linkLineHeight: 1.5,
@@ -41,10 +41,10 @@ const theme = {
     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/web/Box.js

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

package/build/web/Breadcrumbs.js

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

package/build/web/Button.js

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

package/build/web/ButtonDropdown.js

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

package/build/web/ButtonGroup.js

@@ -1,13 +1,18 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:54 GMT
+ * Generated on Mon, 16 Sep 2024 12:25:16 GMT
  *
  */
 
 
 const theme = {
   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',
@@ -20,20 +25,40 @@ const theme = {
     }
   },
   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
   }
 }
 export default theme

package/build/web/ButtonGroupItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:54 GMT
+ * Generated on Mon, 16 Sep 2024 12:25:16 GMT
  *
  */
 
@@ -40,6 +40,11 @@ const theme = {
       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',
@@ -91,7 +96,53 @@ const theme = {
       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',
@@ -100,7 +151,7 @@ const theme = {
     borderRadius: 32,
     borderWidth: 1,
     color: '#676e73',
-    fontName: 'HelveticaNow',
+    fontName: 'HNforTELUSSA',
     fontSize: 14,
     fontWeight: '700',
     height: 36,

package/build/web/Callout.js

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

package/build/web/Card.js

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

package/build/web/CardGroup.js

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

package/build/web/Carousel.js

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

package/build/web/CarouselTabsPanelItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:54 GMT
+ * Generated on Mon, 16 Sep 2024 12:25:16 GMT
  *
  */
 
@@ -80,7 +80,7 @@ const theme = {
         borderBottomColor: '#676e73',
         borderBottomWidth: 4,
         color: '#676e73',
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontWeight: '400'
       }
     },
@@ -123,7 +123,7 @@ const theme = {
         borderBottomColor: '#ffffff',
         borderBottomWidth: 4,
         color: '#ffffff',
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontWeight: '700'
       }
     }
@@ -135,7 +135,7 @@ const theme = {
     borderBottomWidth: 1,
     color: '#414547',
     flex: 1,
-    fontName: 'HelveticaNow',
+    fontName: 'HNforTELUSSA',
     fontScaleCap: 64,
     fontSize: 14,
     fontWeight: '400',

package/build/web/CarouselThumbnail.js

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

package/build/web/Checkbox.js

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

package/build/web/CheckboxCard.js

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

package/build/web/CheckboxCardGroup.js

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

package/build/web/CheckboxGroup.js

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

package/build/web/ChevronLink.js

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

package/build/web/ColourToggle.js

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

package/build/web/Countdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:54 GMT
+ * Generated on Mon, 16 Sep 2024 12:25:16 GMT
  *
  */
 
@@ -34,7 +34,7 @@ const theme = {
       tokens: {
         textFontSize: 64,
         textLineHeight: 1.125,
-        textTimerFontName: 'HelveticaNow',
+        textTimerFontName: 'HNforTELUSSA',
         textTimerFontWeight: '300'
       }
     },
@@ -44,7 +44,7 @@ const theme = {
         labelBorderColor: '#4b286d',
         textFontSize: 64,
         textLineHeight: 1.125,
-        textTimerFontName: 'HelveticaNow',
+        textTimerFontName: 'HNforTELUSSA',
         textTimerFontWeight: '300'
       }
     },
@@ -77,13 +77,13 @@ const theme = {
     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/web/DatePicker.js

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

package/build/web/Disclaimer.js

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

package/build/web/Divider.js

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

package/build/web/ExpandCollapse.js

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

package/build/web/ExpandCollapseControl.js

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

package/build/web/ExpandCollapseMini.js

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

package/build/web/ExpandCollapseMiniControl.js

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

package/build/web/ExpandCollapsePanel.js

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

package/build/web/Feedback.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:54 GMT
+ * Generated on Mon, 16 Sep 2024 12:25:16 GMT
  *
  */
 
@@ -49,7 +49,7 @@ const theme = {
     borderWidth: 1,
     color: '#2c2e30',
     contentFontSize: 16,
-    fontName: 'HelveticaNow',
+    fontName: 'HNforTELUSSA',
     fontWeight: '400',
     icon: null,
     iconColor: 'rgba(0, 0, 0, 0)',