@telus-uds/system-theme-tokens 2.62.0 → 2.64.0

package/CHANGELOG.md

@@ -1,12 +1,41 @@
 # Change Log - @telus-uds/system-theme-tokens
 
-This log was last generated on Thu, 22 Aug 2024 18:17:39 GMT and should not be manually modified.
+This log was last generated on Wed, 25 Sep 2024 16:57:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 2.64.0
+
+Wed, 25 Sep 2024 16:57:49 GMT
+
+### Minor changes
+
+- `TabBar`: tokens added (35577399+JoshHC@users.noreply.github.com)
+- `Link`: add `inline` variant to `iconPosition` (evander.owusu@telus.com)
+- `CardGroup`: add new padding related tokens (35577399+JoshHC@users.noreply.github.com)
+
+### Patches
+
+- `DownloadApp`: add tokens schema (Mauricio.BatresMontejo@telus.com)
+
+## 2.63.0
+
+Mon, 16 Sep 2024 12:35:38 GMT
+
+### Minor changes
+
+- `ButtonGroup`: add `contained` variant, and new, `backgroundColor`, `borderRadius`, `padding`, and `gap` tokens (jaime.tuyuc@telus.com)
+- `MultiSelectFilter`: add new tokens (guillermo.peitzner@telus.com)
+- `FileUpload`: add component tokens (guillermo.peitzner@telus.com)
+
+### Patches
+
+- `Status`: add `marginLeft` token (Mauricio.BatresMontejo@telus.com)
+- `Carousel`: fix tokens order (guillermo.peitzner@telus.com)
+
 ## 2.62.0
 
-Thu, 22 Aug 2024 18:17:39 GMT
+Thu, 22 Aug 2024 18:25:10 GMT
 
 ### Minor changes
 

package/appearances.js

@@ -101,6 +101,7 @@ module.exports = {
   ChevronLink: { focus, hover, pressed },
   ColourToggle: { focus, hover, pressed, selected },
   DatePicker: { pressed, selected, focus },
+  DownloadApp: { focus, hover, pressed },
   ExpandCollapseControl: { pressed, hover, focus, expanded },
   ExpandCollapseMiniControl: { focus },
   ExpandCollapsePanel: { expanded },
@@ -118,7 +119,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',
-      values: ['left', 'right'],
+      values: ['left', 'right', 'inline'],
       type: 'state'
     },
     quiet: {
@@ -252,6 +253,7 @@ module.exports = {
   },
   StoryCard: { focus, hover, pressed },
   TabsItem: { focus, hover, pressed, selected },
+  TabBarItem: { focus, hover, pressed, selected },
   TagsItem: { focus, hover, pressed, inactive, selected },
   TextInput: { validation, hover, inactive, focus: inputFocus },
   TermsAndConditions: { expanded, focus, hover, pressed },

package/components.js

@@ -105,6 +105,27 @@ module.exports = {
     lineHeight: 'lineHeight'
   },
   // TO DO: Create a separate Cell schema that includes all cell-related tokens.
+  FileUpload: {
+    buttonBackgroundColor: 'color',
+    buttonBorderColor: 'color',
+    buttonBorderRadius: 'radius',
+    buttonBorderWidth: 'border',
+    buttonTextColor: 'color',
+    buttonHeight: 'size',
+    buttonMinWidth: 'size',
+    buttonWidth: 'size',
+    notificationBackgroundColor: 'color',
+    notificationBorderColor: 'color',
+    notificationBorderRadius: 'radius',
+    notificationTextColor: 'color',
+    notificationDismissButtonGap: 'size',
+    notificationDismissIcon: 'icon',
+    notificationDismissIconColor: 'color',
+    notificationIcon: 'icon',
+    notificationIconColor: 'color',
+    notificationIconGap: 'size',
+    notificationIconSize: 'size'
+  },
   Table: {
     cellMinWidth: 'size',
     tablePaddingBottom: 'size',
@@ -143,6 +164,7 @@ module.exports = {
     icon: 'icon',
     iconColor: 'color',
     iconGradient: 'gradient',
+    marginLeft: 'size',
     paddingBottom: 'size',
     paddingLeft: 'size',
     paddingRight: 'size',
@@ -498,7 +520,11 @@ module.exports = {
     alignItems: 'flexAlign',
     justifyContent: 'flexJustifyContent',
     flexGrow: 'integer',
-    flexShrink: 'integer'
+    flexShrink: 'integer',
+    backgroundColor: 'color',
+    borderRadius: 'radius',
+    padding: 'size',
+    gap: 'size'
   },
   ButtonGroupItem: {
     // These are duplicated Button tokens. TODO: consider token sets to reduce duplication.
@@ -576,7 +602,13 @@ module.exports = {
     borderBottomRightRadius: 'radius',
     borderTopLeftRadius: 'radius',
     borderTopRightRadius: 'radius',
-    outlineOffset: 'size'
+    outlineOffset: 'size',
+
+    // For padding of the card
+    paddingTop: 'size',
+    paddingBottom: 'size',
+    paddingLeft: 'size',
+    paddingRight: 'size'
   },
   PreviewCard: {
     flex: 'integer',
@@ -779,6 +811,17 @@ module.exports = {
     innerBubbleBorderRadius: 'radius'
   },
   Divider: { width: 'size', color: 'color' },
+  DownloadApp: {
+    borderColor: 'color',
+    borderWidth: 'border',
+    borderGap: 'size',
+    borderRadius: 'radius',
+    padding: 'size',
+    androidENIcon: 'icon',
+    androidFRIcon: 'icon',
+    iosENIcon: 'icon',
+    iosFRIcon: 'icon'
+  },
   DatePicker: {
     calendarBackgroundColor: 'color',
     calendarDayBlockedCalendarHoverBackground: 'color',
@@ -1134,20 +1177,26 @@ module.exports = {
     direction: 'direction'
   },
   MultiSelectFilter: {
+    buttonDirection: 'direction',
+    contentMarginBottom: 'size',
+    contentMarginLeft: 'size',
+    contentMarginRight: 'size',
+    contentMarginTop: 'size',
+    contentPaddingLeft: 'size',
+    contentPaddingRight: 'size',
     headerFontColor: 'color',
-    headerFontSize: 'fontSize',
     headerFontName: 'fontName',
+    headerFontSize: 'fontSize',
     headerFontWeight: 'fontWeight',
     headerLineHeight: 'lineHeight',
     maxHeightSize: 'size',
     maxWidthSize: 'size',
-    minWidth: 'size',
     minHeight: 'size',
-    subHeaderLineHeight: 'lineHeight',
+    minWidth: 'size',
     subHeaderFontName: 'fontName',
-    subHeaderFontWeight: 'fontWeight',
     subHeaderFontSize: 'fontSize',
-    buttonDirection: 'direction'
+    subHeaderFontWeight: 'fontWeight',
+    subHeaderLineHeight: 'lineHeight'
   },
   NavigationBar: {
     alignSelf: 'flexAlign',
@@ -1765,6 +1814,29 @@ module.exports = {
     fontName: 'fontName',
     fontWeight: 'fontWeight'
   },
+  TabBar: {
+    paddingTop: 'size',
+    paddingBottom: 'size',
+    borderTopWidth: 'border',
+    borderTopColor: 'color',
+    gap: 'size',
+    backgroundColor: 'color',
+    paddingLeft: 'size',
+    paddingRight: 'size'
+  },
+  TabBarItem: {
+    borderRadius: 'radius',
+    backgroundColor: 'color',
+    paddingTop: 'size',
+    paddingBottom: 'size',
+    fontName: 'fontName',
+    fontWeight: 'fontWeight',
+    color: 'color',
+    lineHeight: 'lineHeight',
+    iconSize: 'size',
+    iconColor: 'color',
+    activeColor: 'color'
+  },
   Tags: {
     space: 'integer',
     direction: 'direction',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telus-uds/system-theme-tokens",
-  "version": "2.62.0",
+  "version": "2.64.0",
   "description": "Theme token schema for UDS",
   "keywords": [
     "system"