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

package/CHANGELOG.md

@@ -1,12 +1,33 @@
 # 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 Fri, 14 Oct 2022 19:26:37 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 2.7.0
+
+Fri, 14 Oct 2022 19:26:37 GMT
+
+### Minor changes
+
+- Implementing hide label for pagination on larger screens (tiagohldb@gmail.com)
+- feat: add tokens for TextInput buttons (ruslan.bredikhin@nearform.com)
+- Update `Button` theme with `textLine` and `textLineStyle`  (shahzaibkhalidmalik@outlook.com)
+- Bump @telus-uds/system-constants to v1.1.0
+
+## 2.6.0
+
+Mon, 19 Sep 2022 22:51:24 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

@@ -127,9 +127,15 @@ module.exports = {
       values: ['previous', 'next'],
       description: "Determines which way does the button navigate in Pagination's context",
       type: 'state'
+    },
+    compact: {
+      values: [true],
+      description: 'Determines if the "Next" and "Previous" labels should be omitted',
+      type: 'state'
     }
   },
   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

@@ -31,7 +31,9 @@ module.exports = {
     outerBorderColor: 'color',
     outerBorderWidth: 'border',
     outerBorderGap: 'size',
-    outerBackgroundColor: 'color'
+    outerBackgroundColor: 'color',
+    textLine: 'textLine',
+    textLineStyle: 'textLineStyle'
   },
   ButtonGroup: {
     space: 'integer',
@@ -383,7 +385,8 @@ module.exports = {
     iconSize: 'size',
     iconDisplace: 'size',
     width: 'size',
-    textAlign: 'flexJustifyContent'
+    textAlign: 'flexJustifyContent',
+    displayLabel: 'show'
   },
   Progress: {
     backgroundColor: 'color',
@@ -399,6 +402,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',
@@ -732,6 +817,9 @@ module.exports = {
     borderWidth: 'border',
     borderColor: 'color',
     borderRadius: 'radius',
+    buttonSize: 'size',
+    buttonsGap: 'size',
+    buttonsPaddingRight: 'size',
     paddingTop: 'size',
     paddingBottom: 'size',
     paddingLeft: 'size',
@@ -792,6 +880,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.7.0",
   "description": "Theme token schema for UDS",
   "keywords": [
     "system"
@@ -25,6 +25,6 @@
     "skip": true
   },
   "dependencies": {
-    "@telus-uds/system-constants": "^1.0.4"
+    "@telus-uds/system-constants": "^1.1.0"
   }
 }