@telus-uds/system-theme-tokens 2.36.0 → 2.37.0

package/CHANGELOG.md

@@ -1,12 +1,26 @@
 # Change Log - @telus-uds/system-theme-tokens
 
-This log was last generated on Wed, 28 Jun 2023 23:16:56 GMT and should not be manually modified.
+This log was last generated on Fri, 07 Jul 2023 19:17:02 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 2.37.0
+
+Fri, 07 Jul 2023 19:17:02 GMT
+
+### Minor changes
+
+- add state to videopickerthumbnail (evander.owusu@telus.com)
+- add new tokens to terms and conditions (mauricio.batresmontejo@telus.com)
+- Navigation bar item tokenized (akshay.pandey1@telus.com)
+- Standardized SkipLink (wlsdud194@hotmail.com)
+- Added "content" prop to ExpandCollapsePanel (wlsdud194@hotmail.com)
+- Refactored Table for proper standardization (wlsdud194@hotmail.com)
+- add 'superScriptFontSize' token (kyle.king2@telus.com)
+
 ## 2.36.0
 
-Wed, 28 Jun 2023 23:16:56 GMT
+Wed, 28 Jun 2023 23:27:23 GMT
 
 ### Minor changes
 

package/appearances.js

@@ -240,5 +240,6 @@ module.exports = {
   TermsAndConditions: { expanded },
   ToggleSwitch: { focus, hover, pressed, inactive, selected },
   TooltipButton: { focus, hover, pressed },
-  SkipLink: { focus }
+  VideoPickerThumbnail: { focus, hover, pressed, selected },
+  SkipLink: { focus, pressed }
 }

package/components.js

@@ -35,7 +35,11 @@ module.exports = {
     pressableBorderTopColor: 'color',
     pressablePaddingBottom: 'size',
     titleColor: 'color',
-    subTitleColor: 'color'
+    subTitleColor: 'color',
+    outerBorderColor: 'color',
+    outerBorderGap: 'size',
+    outerBorderRadius: 'radius',
+    outerBorderWidth: 'border'
   },
   VideoPickerSlider: {
     previousIcon: 'icon',
@@ -57,16 +61,12 @@ module.exports = {
     fontSize: 'fontSize',
     lineHeight: 'lineHeight'
   },
+  // TO DO: Create a separate Cell schema that includes all cell-related tokens.
   Table: {
-    // variant: compact
-    tablePaddingBottom: 'size',
     cellMinWidth: 'size',
-    cellHeadingBackground: 'color',
-    cellHeadingBoxShadowColor: 'color',
+    tablePaddingBottom: 'size',
     cellBoxShadowColor: 'color', // sharedStyles, box-shadow
-    cellSubheadingBackground: 'color',
     cellBackground: 'color',
-    cellRowHeadingBackground: 'color',
     cellStickyShadow: 'shadow',
     cellPaddingTop: 'size', // sharedStyles padding.
     cellPaddingRight: 'size',
@@ -74,7 +74,9 @@ module.exports = {
     cellPaddingBottom: 'size',
     fontWeight: 'fontWeight',
     fontName: 'fontName',
-    fontSize: 'fontSize'
+    fontSize: 'fontSize',
+    lineHeight: 'lineHeight',
+    stickyBackgroundColor: 'color'
   },
   Image: { borderRadius: 'radius' },
   Spinner: {
@@ -641,7 +643,19 @@ module.exports = {
     borderRadius: 'radius',
     borderWidth: 'border',
     expandDividerColor: 'color',
-    expandDividerWidth: 'size'
+    expandDividerWidth: 'size',
+    contentPanelBackgroundColor: 'color',
+    contentPanelPaddingLeft: 'size',
+    contentPanelPaddingRight: 'size',
+    contentPanelPaddingTop: 'size',
+    contentPanelPaddingBottom: 'size',
+    contentPanelBorderWidth: 'border',
+    contentPanelBorderColor: 'color',
+    contentPanelFontName: 'fontName',
+    contentPanelFontSize: 'fontSize',
+    contentPanelFontColor: 'color',
+    contentPanelFontWeight: 'fontWeight',
+    contentPanelLineHeight: 'lineHeight'
   },
   Feedback: {
     backgroundColor: 'color',
@@ -1401,7 +1415,12 @@ module.exports = {
     outlineWidth: 'border',
     paddingHorizontal: 'size',
     paddingVertical: 'size',
-    borderRadius: 'radius'
+    borderRadius: 'radius',
+    textLine: 'textLine',
+    fontName: 'fontName',
+    fontWeight: 'fontWeight',
+    fontSize: 'fontSize',
+    lineHeight: 'lineHeight'
   },
   StoryCard: {
     outerBorderColor: 'color',
@@ -1517,6 +1536,8 @@ module.exports = {
   TermsAndConditions: {
     contentPaddingBottom: 'size',
     contentPaddingLeft: 'size',
+    contentBorderColor: 'color',
+    contentMarginBottom: 'size',
     mdContentPaddingBottom: 'size',
     mdContentPaddingLeft: 'size',
     orderedPadding: 'size',
@@ -1543,13 +1564,20 @@ module.exports = {
     expandTitleColor: 'color',
     expandTitleFontSize: 'size',
     expandTitleLineHeight: 'lineHeight',
+    expandTitleFontName: 'fontName',
+    expandTitleFontWeight: 'fontWeight',
     expandTitleMarginX: 'size',
     expandTitleMarginY: 'size',
+    expandTitlePaddingLeft: 'size',
+    expandTitleBorder: 'border',
+    expandTitleBorderColor: 'color',
+    expandTitleUnderline: 'textLine',
     expandBaseBorderWidth: 'border',
     expandContentPaddingBottom: 'size',
     expandContentPaddingLeft: 'size',
     expandContentPaddingRight: 'size',
     expandContentPaddingTop: 'size',
+    dividerColor: 'color',
     icon: 'icon'
   },
   TextArea: { minLines: 'integer', maxLines: 'integer' },
@@ -1707,6 +1735,7 @@ module.exports = {
   },
   Typography: {
     fontName: 'fontName',
+    superScriptFontSize: 'fontSize',
     fontWeight: 'fontWeight',
     fontSize: 'fontSize',
     color: 'color',

package/package.json

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

package/tokens.js

@@ -39,6 +39,7 @@ const types = {
       .map(([, value]) => value)
       .join("'|'")}'`,
   size: 'Number|String',
+  fontSize: 'Number|String',
   shadow:
     '{"blur": Number, "color": String, "inset": Boolean, "offsetX": Number, "offsetY": Number, "spread": Number}',
   gradient:
@@ -130,8 +131,11 @@ const tokenTypes = applyDynamicTypes({
   fontSize: {
     // An intended font size, in device pixels, before applying user accessibility settings.
     default: fontBasePixels,
-    nullable: false,
-    type: 'Number'
+    nullable: true,
+    type: types.fontSize,
+    values: {
+      none: null
+    }
   },
   lineHeight: {
     // Line heights are applied as relative multipliers on font size