@telus-uds/theme-koodo 5.19.0 → 5.21.0

package/build/rn/ButtonGroupItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:24 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 
@@ -24,7 +24,7 @@ module.exports = {
     iconPosition: {
       description: 'Theme styles to be applied to icon links depending on where the icon is in relation to the link text',
       type: 'state',
-      values: [ 'left', 'right' ]
+      values: [ 'left', 'right', 'inline' ]
     },
     inactive: {
       description: 'Prevents an interactive component from being interacted with and applies accessibility attributes to indicate to the user that this component cannot be used.',
@@ -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',
@@ -86,7 +91,52 @@ module.exports = {
       tokens: { backgroundColor: '#c9c8c8', 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: 40
+      }
+    },
+    {
+      if: { hover: true, style: 'contained' },
+      tokens: {
+        backgroundColor: '#404040',
+        color: '#ffffff',
+        outerBorderWidth: 0
+      }
+    },
+    {
+      if: { selected: true, style: 'contained' },
+      tokens: {
+        backgroundColor: '#7a3dfc',
+        color: '#ffffff',
+        outerBorderWidth: 0
+      }
+    },
+    {
+      if: { focus: true, style: 'contained' },
+      tokens: { borderColor: '#000000', borderWidth: 1, outerBorderWidth: 0 }
+    },
+    {
+      if: { hover: true, selected: true, style: 'contained' },
+      tokens: {
+        backgroundColor: '#5b2bc2',
+        color: '#ffffff',
+        outerBorderWidth: 0
+      }
+    },
+    {
+      if: { focus: true, selected: true, style: 'contained' },
+      tokens: { outerBorderColor: '#7a3dfc', outerBorderWidth: 1 }
+    },
+    {
+      if: { pressed: true, style: 'contained' },
+      tokens: { backgroundColor: '#404040', color: '#666666' }
+    }
   ],
   tokens: {
     alignSelf: 'flex-start',

package/build/rn/Callout.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:24 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/Card.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:24 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/CardGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:24 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 
@@ -56,6 +56,10 @@ module.exports = {
     fieldSpace: 3,
     outlineOffset: 8,
     outlineWidth: 1,
+    paddingBottom: 24,
+    paddingLeft: 24,
+    paddingRight: 24,
+    paddingTop: 24,
     showIcon: true,
     space: 3
   }

package/build/rn/Carousel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:24 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/CarouselTabsPanelItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:24 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/CarouselThumbnail.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:24 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/Checkbox.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:24 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/CheckboxCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:24 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/CheckboxCardGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:24 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/CheckboxGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:24 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/ChevronLink.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:24 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/ColourToggle.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:24 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/Countdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:25 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/DatePicker.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:25 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/Disclaimer.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:25 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/Divider.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:25 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/DownloadApp.js

@@ -0,0 +1,62 @@
+/*
+ *
+ * Do not edit directly
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
+ *
+ */
+
+const PaletteIconAndroidEN = require('@telus-uds/palette-koodo/build/rn/icons/AndroidEN')
+const PaletteIconAndroidFR = require('@telus-uds/palette-koodo/build/rn/icons/AndroidFR')
+const PaletteIconIOSEN = require('@telus-uds/palette-koodo/build/rn/icons/IOSEN')
+const PaletteIconIOSFR = require('@telus-uds/palette-koodo/build/rn/icons/IOSFR')
+
+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.",
+      platforms: [ 'rn', 'web' ],
+      type: 'state',
+      values: [ true, false ]
+    },
+    hover: {
+      description: "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
+      platforms: [ 'rn', 'web' ],
+      type: 'state',
+      values: [ true, false ]
+    },
+    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.',
+      type: 'state',
+      values: [ true, false ]
+    }
+  },
+  rules: [
+    {
+      if: { focus: true },
+      tokens: { borderColor: '#000000', borderRadius: 4 }
+    },
+    {
+      if: { hover: true },
+      tokens: { borderColor: '#666666', borderRadius: 4 }
+    },
+    {
+      if: { pressed: true },
+      tokens: { borderColor: '#666666', borderRadius: 4 }
+    },
+    {
+      if: { focus: true, pressed: true },
+      tokens: { borderColor: '#666666', borderRadius: 4 }
+    }
+  ],
+  tokens: {
+    androidENIcon: PaletteIconAndroidEN,
+    androidFRIcon: PaletteIconAndroidFR,
+    borderColor: 'rgba(0, 0, 0, 0)',
+    borderGap: 2,
+    borderRadius: 0,
+    borderWidth: 1,
+    iosENIcon: PaletteIconIOSEN,
+    iosFRIcon: PaletteIconIOSFR,
+    padding: 1
+  }
+}

package/build/rn/ExpandCollapse.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:25 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/ExpandCollapseControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:25 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/ExpandCollapseMini.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:25 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/ExpandCollapseMiniControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:25 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/ExpandCollapsePanel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:25 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/Feedback.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:25 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/Fieldset.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:25 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/FileUpload.js

@@ -0,0 +1,34 @@
+/*
+ *
+ * Do not edit directly
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
+ *
+ */
+
+
+
+module.exports = {
+  appearances: {},
+  rules: [],
+  tokens: {
+    buttonBackgroundColor: null,
+    buttonBorderColor: null,
+    buttonBorderRadius: null,
+    buttonBorderWidth: null,
+    buttonHeight: null,
+    buttonMinWidth: null,
+    buttonTextColor: null,
+    buttonWidth: null,
+    notificationBackgroundColor: null,
+    notificationBorderColor: null,
+    notificationBorderRadius: null,
+    notificationDismissButtonGap: null,
+    notificationDismissIcon: null,
+    notificationDismissIconColor: null,
+    notificationIcon: null,
+    notificationIconColor: null,
+    notificationIconGap: null,
+    notificationIconSize: null,
+    notificationTextColor: '#000000'
+  }
+}

package/build/rn/Footnote.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:25 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/FootnoteLink.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:25 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/HorizontalScrollButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:25 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/Icon.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:25 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 
@@ -93,7 +93,7 @@ module.exports = {
     { if: { size: 'extraLarge' }, tokens: { size: 48 } },
     { if: { color: 'brand' }, tokens: { color: '#ff0076' } },
     { if: { color: 'subtle' }, tokens: { color: '#666666' } },
-    { if: { color: 'offer' }, tokens: { color: '#ff0076' } },
+    { if: { color: 'offer' }, tokens: { color: '#7a3dfc' } },
     { if: { color: 'success' }, tokens: { color: '#1c7b2b' } },
     { if: { color: 'danger' }, tokens: { color: '#c9370b' } },
     { if: { color: 'warning' }, tokens: { color: '#c9370b' } },

package/build/rn/IconButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:25 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/Image.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:25 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/InputLabel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:25 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/InputSupports.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:25 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/Link.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:25 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 
@@ -25,7 +25,7 @@ module.exports = {
     iconPosition: {
       description: 'Theme styles to be applied to icon links depending on where the icon is in relation to the link text',
       type: 'state',
-      values: [ 'left', 'right' ]
+      values: [ 'left', 'right', 'inline' ]
     },
     inverse: { type: 'variant', values: [ true ] },
     pressed: {

package/build/rn/List.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:25 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/Listbox.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:25 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/Modal.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:25 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/MultiSelectFilter.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:25 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 
@@ -45,14 +45,20 @@ module.exports = {
   ],
   tokens: {
     buttonDirection: 'row',
+    contentMarginBottom: 32,
+    contentMarginLeft: 16,
+    contentMarginRight: 16,
+    contentMarginTop: 24,
+    contentPaddingLeft: 16,
+    contentPaddingRight: 16,
     headerFontColor: '#000000',
     headerFontName: 'StagSans',
     headerFontSize: 24,
     headerFontWeight: '700',
     headerLineHeight: 1.33333333333,
-    maxHeightSize: 0,
+    maxHeightSize: 480,
     maxWidthSize: 0,
-    minHeight: 412,
+    minHeight: 0,
     minWidth: 320,
     subHeaderFontName: 'StagSans',
     subHeaderFontSize: 16,

package/build/rn/NavigationBar.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:25 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/Notification.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:25 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/OrderedList.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:25 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/Pagination.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:25 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/PaginationPageButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:25 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */
 

package/build/rn/PaginationSideButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 18:15:25 GMT
+ * Generated on Wed, 25 Sep 2024 16:55:27 GMT
  *
  */