@telus-uds/system-theme-tokens 3.0.0 → 3.2.0

package/CHANGELOG.md

@@ -1,12 +1,31 @@
 # Change Log - @telus-uds/system-theme-tokens
 
-<!-- This log was last generated on Fri, 22 Nov 2024 23:40:07 GMT and should not be manually modified. -->
+This log was last generated on Thu, 19 Dec 2024 04:54:39 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 3.2.0
+
+Thu, 19 Dec 2024 04:54:39 GMT
+
+### Minor changes
+
+- `Autocomplete`: Enable `tokens` prop to set custom styles for the `maxHeight` and `scroll` behavior. (jaime.tuyuc@telus.com)
+
+## 3.1.0
+
+Mon, 02 Dec 2024 20:29:26 GMT
+
+### Minor changes
+
+- `Video`: new tokens remainingTimestampMarginRight and remainingTimestampMarginLeft added (35577399+JoshHC@users.noreply.github.com)
+- `Tooltip`: Customized/optional props implemented, max width and min width (shivam.gupta3@telus.com)
+- `Modal`: update component to enable heading bottom border and content spacing (eduardo.pereira1@telus.com)
+- `Status` and `Icon` additional token implemented (shivam.gupta3@telus.com)
+
 ## 3.0.0
 
-Fri, 22 Nov 2024 23:40:07 GMT
+Fri, 22 Nov 2024 23:43:48 GMT
 
 ### Major changes
 

package/components.js

@@ -1,5 +1,10 @@
 // Define the required components and their supported tokens
 export default {
+  Autocomplete: {
+    color: 'color',
+    maxHeight: 'size',
+    overflowY: 'overflow'
+  },
   ActionCard: {
     actionIcon: 'icon',
     actionIconColor: 'color',
@@ -170,7 +175,9 @@ export default {
     paddingRight: 'size',
     paddingTop: 'size',
     textColor: 'color',
-    textLineHeight: 'lineHeight'
+    textLineHeight: 'lineHeight',
+    iconSize: 'size',
+    iconPaddingTop: 'size'
   },
   Video: {
     borderColor: 'color',
@@ -218,6 +225,8 @@ export default {
     thumbBackground: 'color',
     timestampMarginLeft: 'size',
     timestampMarginRight: 'size',
+    remainingTimestampMarginLeft: 'size',
+    remainingTimestampMarginRight: 'size',
     trackGradientStart: 'color',
     trackGradientEnd: 'color',
     rangeBackground: 'color'
@@ -587,7 +596,11 @@ export default {
     iconSize: 'size',
     inputShadow: 'shadow',
     inputBorderWidth: 'border',
-    inputBorderColor: 'color'
+    inputBorderColor: 'color',
+
+    // tokens for Autocomplete
+    maxHeight: 'size',
+    overflowY: 'overflow'
   },
   CardGroup: {
     // Layout
@@ -1005,7 +1018,8 @@ export default {
     scale: 'integer',
     translateX: 'size',
     translateY: 'size',
-    width: 'size'
+    width: 'size',
+    paddingTop: 'size'
   },
   InputLabel: {
     gap: 'size',
@@ -1155,15 +1169,20 @@ export default {
     cancelButtonColor: 'color',
     subHeadingMarginTop: 'size',
     headingPaddingRight: 'size',
+    headingPaddingTop: 'size',
+    headingBorderBottomWidth: 'size',
     height: 'size',
     maxWidth: 'size',
     containerPaddingLeft: 'size',
     containerPaddingRight: 'size',
     containerPaddingTop: 'size',
     containerPaddingBottom: 'size',
+    contentPaddingTop: 'size',
+    contentPaddingBottom: 'size',
     backgroundColor: 'color',
     borderRadius: 'radius',
     borderColor: 'color',
+    borderWidth: 'size',
     shadow: 'shadow',
     paddingLeft: 'size',
     paddingRight: 'size',
@@ -2117,7 +2136,9 @@ export default {
     fontWeight: 'fontWeight',
     arrowWidth: 'size',
     arrowBorderRadius: 'radius',
-    arrowOffset: 'size'
+    arrowOffset: 'size',
+    maxWidth: 'size',
+    minWidth: 'size'
   },
   TooltipButton: {
     outerBorderColor: 'color',

package/package.json

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

package/tokens.js

@@ -218,6 +218,22 @@ const tokenTypes = applyDynamicTypes({
       opaque: 1
     }
   },
+  overflow: {
+    // A string describing how an element should handle overflow.
+    default: 'visible',
+    nullable: true,
+    type: types.enum,
+    values: {
+      visible: 'visible',
+      hidden: 'hidden',
+      scroll: 'scroll',
+      auto: 'auto',
+      clip: 'clip',
+      inherit: 'inherit',
+      initial: 'initial',
+      unset: 'unset'
+    }
+  },
   integer: {
     // A fallback token type for integers that have context-specific meaning. Use sparingly.
     default: null,