@telus-uds/system-theme-tokens 2.63.0 → 2.65.0

package/CHANGELOG.md

@@ -1,12 +1,35 @@
 # Change Log - @telus-uds/system-theme-tokens
 
-This log was last generated on Mon, 16 Sep 2024 12:26:18 GMT and should not be manually modified.
+This log was last generated on Sat, 12 Oct 2024 00:31:05 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 2.65.0
+
+Sat, 12 Oct 2024 00:31:05 GMT
+
+### Minor changes
+
+- `Progress`: add shadow tokens to Progress and ProgressBar (jacqui.koroll@telus.com)
+- `Card`: new token backgroundGradient added to be able to use the gradient as background (35577399+JoshHC@users.noreply.github.com)
+
+## 2.64.0
+
+Wed, 25 Sep 2024 17:07:47 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:26:18 GMT
+Mon, 16 Sep 2024 12:35:38 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

@@ -376,7 +376,8 @@ module.exports = {
     footnoteLinkFontName: 'fontName',
     footnoteLinkFontWeight: 'fontWeight',
     footnoteLinkFontSize: 'fontSize',
-    footnoteLinkLineHeight: 'lineHeight'
+    footnoteLinkLineHeight: 'lineHeight',
+    alignItemsText: 'flexAlign'
   },
   ProductCard: {
     borderStyle: 'borderStyle',
@@ -561,6 +562,7 @@ module.exports = {
     backgroundColor: 'color',
     borderColor: 'color',
     gradient: 'gradient',
+    backgroundGradient: 'gradient',
     borderRadius: 'radius',
     borderWidth: 'border',
     paddingBottom: 'size',
@@ -602,7 +604,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',
@@ -805,6 +813,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',
@@ -1313,14 +1332,16 @@ module.exports = {
     borderWidth: 'border',
     borderColor: 'color',
     borderRadius: 'radius',
-    height: 'size'
+    height: 'size',
+    shadow: 'shadow'
   },
   ProgressBar: {
     backgroundColor: 'color',
     borderRadius: 'radius',
     gradient: 'gradient',
     outlineColor: 'color',
-    outlineWidth: 'border'
+    outlineWidth: 'border',
+    shadow: 'shadow'
   },
   QuickLinks: {
     // Sets which subcomponents are rendered
@@ -1797,6 +1818,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.63.0",
+  "version": "2.65.0",
   "description": "Theme token schema for UDS",
   "keywords": [
     "system"