@telus-uds/system-theme-tokens 2.5.0 → 2.6.0

package/CHANGELOG.md

@@ -1,12 +1,22 @@
 # Change Log - @telus-uds/system-theme-tokens
 
-This log was last generated on Mon, 12 Sep 2022 20:03:12 GMT and should not be manually modified.
+This log was last generated on Mon, 19 Sep 2022 22:48:56 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 2.6.0
+
+Mon, 19 Sep 2022 22:48:56 GMT
+
+### Minor changes
+
+- Add QuickLinksButton theme (alan.slater@nearform.com)
+- Create QuickLinks component, with themes (alan.slater@nearform.com)
+- implementing timeline component (tiagohldb@gmail.com)
+
 ## 2.5.0
 
-Mon, 12 Sep 2022 20:03:12 GMT
+Mon, 12 Sep 2022 20:05:13 GMT
 
 ### Minor changes
 

package/appearances.js

@@ -130,6 +130,7 @@ module.exports = {
     }
   },
   ProgressBar: { inactive },
+  QuickLinksList: { hover, focus, pressed },
   Radio: { checked, error, focus, hover, inactive },
   RadioCard: { pressed, checked, error, focus, hover, inactive },
   Search: { hover, focus, inactive },

package/components.js

@@ -399,6 +399,88 @@ module.exports = {
     outlineColor: 'color',
     outlineWidth: 'border'
   },
+  QuickLinks: {
+    // Sets which subcomponents are rendered
+    list: 'show',
+    card: 'show',
+    dividers: 'show',
+    stackSpace: 'integer',
+    stackGap: 'integer',
+    stackJustify: 'flexJustifyContent'
+  },
+  QuickLinksCard: {
+    // Card tokens
+    flex: 'integer',
+    backgroundColor: 'color',
+    borderColor: 'color',
+    borderRadius: 'radius',
+    borderWidth: 'border',
+    paddingBottom: 'size',
+    paddingLeft: 'size',
+    paddingRight: 'size',
+    paddingTop: 'size',
+    minWidth: 'size',
+    shadow: 'shadow'
+  },
+  QuickLinksList: {
+    // List tokens
+    dividerColor: 'color',
+    dividerSize: 'border',
+    iconMarginTop: 'size',
+    interItemMargin: 'size',
+    interItemMarginWithDivider: 'size',
+    itemBulletColor: 'color',
+    itemBulletContainerAlign: 'textAlign',
+    itemBulletContainerWidth: 'size',
+    itemBulletHeight: 'size',
+    itemBulletWidth: 'size',
+    itemFontName: 'fontName',
+    itemFontSize: 'fontSize',
+    itemFontWeight: 'fontWeight',
+    itemIconColor: 'color',
+    itemIconSize: 'size',
+    itemLineHeight: 'lineHeight',
+    listGutter: 'size',
+
+    // PressableListItemBase tokens
+    backgroundColor: 'color',
+    paddingLeft: 'size',
+    paddingRight: 'size',
+    paddingTop: 'size',
+    paddingBottom: 'size'
+  },
+  QuickLinksButton: {
+    // Button tokens
+    borderColor: 'color',
+    borderWidth: 'border',
+    borderRadius: 'radius',
+    shadow: 'shadow',
+    fontSize: 'fontSize',
+    color: 'color',
+    lineHeight: 'lineHeight',
+    textAlign: 'flexJustifyContent',
+    alignSelf: 'flexAlign',
+    fontName: 'fontName',
+    fontWeight: 'fontWeight',
+    backgroundColor: 'color',
+    opacity: 'opacity',
+    paddingLeft: 'size',
+    paddingRight: 'size',
+    paddingTop: 'size',
+    paddingBottom: 'size',
+    width: 'size',
+    minWidth: 'size',
+    outerBorderColor: 'color',
+    outerBorderWidth: 'border',
+    outerBorderGap: 'size',
+    outerBackgroundColor: 'color',
+
+    // Icon & IconText
+    icon: 'icon',
+    iconColor: 'color',
+    iconSize: 'size',
+    iconSpace: 'integer'
+  },
   Radio: {
     checkedBackgroundColor: 'color',
     checkedSize: 'size',
@@ -792,6 +874,24 @@ module.exports = {
     flexGrow: 'integer',
     flexShrink: 'integer'
   },
+  Timeline: {
+    dotColor: 'color',
+    dotWidth: 'size',
+    dotBorderWidth: 'border',
+    timelineContainerDirection: 'direction',
+    timelineColor: 'color',
+    connectorWidth: 'size',
+    connectorHeight: 'size',
+    lineItemContainerDirection: 'direction',
+    lineContainerFlexSize: 'integer',
+    lineItemAlign: 'flexAlign',
+    lineItemDirection: 'direction',
+    lineItemMarginRight: 'size',
+    lineItemMarginBottom: 'size',
+    itemContentFlexSize: 'integer',
+    itemContentMarginRight: 'size',
+    itemContentMarginBottom: 'size'
+  },
   Tooltip: {
     backgroundColor: 'color',
     paddingTop: 'size',

package/package.json

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