@telus-uds/system-theme-tokens 2.32.0 → 2.33.0

package/CHANGELOG.md

@@ -1,12 +1,24 @@
 # Change Log - @telus-uds/system-theme-tokens
 
-This log was last generated on Wed, 14 Jun 2023 00:01:25 GMT and should not be manually modified.
+This log was last generated on Fri, 16 Jun 2023 21:05:00 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 2.33.0
+
+Fri, 16 Jun 2023 21:05:00 GMT
+
+### Minor changes
+
+- add tokens to allow borderColor for feature variant for Countdown (kyle.king2@telus.com)
+- feature:update MultiSelectFilter to follow design (samuraix221@hotmail.com)
+- New tokens added for the toast component (35577399+JoshHC@users.noreply.github.com)
+- Unused token removed for tags component (35577399+JoshHC@users.noreply.github.com)
+- standardize QuickLinksFeatureItem (kyle.king2@telus.com)
+
 ## 2.32.0
 
-Wed, 14 Jun 2023 00:01:25 GMT
+Wed, 14 Jun 2023 00:06:30 GMT
 
 ### Minor changes
 

package/appearances.js

@@ -144,6 +144,20 @@ module.exports = {
       type: 'state'
     }
   },
+  MultiSelectFilter: {
+    maxHeight: {
+      description:
+        'Whether MultiselectFilter modal should expand responsively to content or a set maximu height',
+      values: [true],
+      type: 'state'
+    },
+    maxWidth: {
+      description:
+        'Whether MultiselectFilter modal should expand to content or a set maximuh width',
+      values: [true],
+      type: 'state'
+    }
+  },
   NavigationBar: {
     focus,
     pressed,
@@ -186,6 +200,7 @@ module.exports = {
   },
   ProgressBar: { inactive },
   QuickLinksList: { hover, focus, pressed },
+  QuickLinksFeatureItem: { hover, focus, pressed },
   QuantitySelector: { focus, hover, disabled, pressed },
   Radio: { checked, error, focus, hover, inactive },
   RadioCard: { pressed, checked, error, focus, hover, inactive },

package/components.js

@@ -196,7 +196,7 @@ module.exports = {
     listPaddingLeft: 'size',
     listItemMarkerFontSize: 'size',
     listItemMarkerLineHeight: 'lineHeight',
-    headerLineHeight: 'size',
+    headerLineHeight: 'lineHeight',
     headerFontSize: 'size',
     headerFontName: 'fontName',
     headerFontWeight: 'fontWeight',
@@ -206,6 +206,7 @@ module.exports = {
     listItemPaddingLeft: 'size',
     closeButtonBorderSize: 'border',
     closeButtonBorderColor: 'color',
+    closeButtonBackgroundColor: 'color',
     closeButtonHeight: 'size',
     closeButtonMarginTop: 'size',
     closeButtonMarginLeft: 'size',
@@ -820,6 +821,22 @@ module.exports = {
     closeIconSize: 'size',
     closePadding: 'size'
   },
+  MultiSelectFilter: {
+    headerFontColor: 'color',
+    headerFontSize: 'fontSize',
+    headerFontName: 'fontName',
+    headerFontWeight: 'fontWeight',
+    headerLineHeight: 'lineHeight',
+    maxHeightSize: 'size',
+    maxWidthSize: 'size',
+    minWidth: 'size',
+    minHeight: 'size',
+    subHeaderLineHeight: 'lineHeight',
+    subHeaderFontName: 'fontName',
+    subHeaderFontWeight: 'fontWeight',
+    subHeaderFontSize: 'fontSize',
+    buttonDirection: 'direction'
+  },
   NavigationBar: {
     alignSelf: 'flexAlign',
     backgroundColor: 'color',
@@ -1055,8 +1072,12 @@ module.exports = {
     contentDirection: 'direction',
     contentSpace: 'integer',
     contentAlignItems: 'flexAlign',
+    gap: 'size',
     textAlign: 'textAlign',
-    outerBorderColor: 'color'
+    outerBorderColor: 'color',
+    fontWeight: 'fontWeight',
+    fontName: 'fontName',
+    fontSize: 'fontSize'
   },
   Radio: {
     checkedBackgroundColor: 'color',
@@ -1332,7 +1353,13 @@ module.exports = {
     labelPaddingRight: 'size',
     showStepLabel: 'show',
     showStepName: 'show',
-    showStepTrackerLabel: 'show'
+    showStepTrackerLabel: 'show',
+    textStepTrackerLabel: 'integer',
+    stepLabelColor: 'color',
+    stepLabelFontSize: 'fontSize',
+    stepLabelFontWeight: 'fontWeight',
+    stepLabelFontName: 'fontName',
+    stepLabelLineHeight: 'lineHeight'
   },
   SkipLink: {
     backgroundColor: 'color',
@@ -1439,7 +1466,6 @@ module.exports = {
     paddingRight: 'size',
     paddingTop: 'size',
     paddingBottom: 'size',
-    width: 'size',
     minWidth: 'size',
     outerBorderColor: 'color',
     outerBorderWidth: 'border',
@@ -1537,7 +1563,9 @@ module.exports = {
     animationColorBefore: 'color',
     animationColorAfter: 'color',
     animationDivColorBefore: 'color',
-    animationDivColorAfter: 'color'
+    animationDivColorAfter: 'color',
+    chevronlinkFontWeight: 'fontWeight',
+    chevronlinkFontName: 'fontName'
   },
   ToggleSwitch: {
     borderColor: 'color',
@@ -1655,6 +1683,8 @@ module.exports = {
   Countdown: {
     containerBorderRadius: 'radius',
     containerGradient: 'gradient',
+    containerBorderWidth: 'border',
+    containerBorderColor: 'color',
     containerInverseBorder: 'border',
     containerInverseBorderColor: 'color',
     containerPaddingBottomTop: 'size',
@@ -1664,6 +1694,8 @@ module.exports = {
     textFontSize: 'fontSize',
     textLineHeight: 'lineHeight',
     labelFontSize: 'fontSize',
+    labelFontName: 'fontName',
+    labelFontWeight: 'fontWeight',
     labelLineHeight: 'lineHeight',
     textTimerFontWeight: 'fontWeight',
     textTimerFontName: 'fontName'

package/package.json

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