@telus-uds/system-theme-tokens 2.41.0 → 2.42.0

package/CHANGELOG.md

@@ -1,12 +1,32 @@
 # Change Log - @telus-uds/system-theme-tokens
 
-This log was last generated on Tue, 08 Aug 2023 23:51:39 GMT and should not be manually modified.
+This log was last generated on Thu, 26 Oct 2023 19:24:58 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 2.42.0
+
+Thu, 26 Oct 2023 19:24:58 GMT
+
+### Minor changes
+
+- Add `width` token for `StackView` (shahzaibkhalidmalik@outlook.com)
+
+### Patches
+
+- new tokens for checkboxcard (mauricio.batresmontejo@telus.com)
+
+## 2.41.1
+
+Tue, 12 Sep 2023 15:37:53 GMT
+
+### Patches
+
+- new tokens for WaffleGrid (mauricio.batresmontejo@telus.com)
+
 ## 2.41.0
 
-Tue, 08 Aug 2023 23:51:39 GMT
+Wed, 09 Aug 2023 00:02:59 GMT
 
 ### Minor changes
 

package/appearances.js

@@ -94,6 +94,7 @@ module.exports = {
   CarouselTabsPanelItem: { focus, hover, pressed, inactive, selected },
   CarouselThumbnail: { focus, hover, pressed },
   Checkbox: { checked, error, focus, hover, inactive },
+  CheckboxCard: { pressed, checked, error, focus, hover, inactive },
   ChevronLink: { focus, hover, pressed },
   DatePicker: { pressed, selected, focus },
   ExpandCollapseControl: { pressed, hover, focus, expanded },

package/components.js

@@ -170,7 +170,8 @@ module.exports = {
   WaffleGrid: {
     rowBorderWidth: 'border',
     itemBorderColor: 'color',
-    itemPadding: 'size'
+    itemPadding: 'size',
+    rowSize: 'integer'
   },
   QuantitySelector: {
     inputBorderColor: 'color',
@@ -555,6 +556,55 @@ module.exports = {
     labelMarginLeft: 'size',
     inputOutlineOffset: 'size'
   },
+  CheckboxCard: {
+    // Outer border
+    outerBorderColor: 'color',
+    outerBorderWidth: 'border',
+    outerBorderGap: 'size',
+
+    // Card
+    flex: 'integer',
+    backgroundColor: 'color',
+    borderColor: 'color',
+    borderRadius: 'radius',
+    borderWidth: 'border',
+    paddingBottom: 'size',
+    paddingLeft: 'size',
+    paddingRight: 'size',
+    paddingTop: 'size',
+    minWidth: 'size',
+    shadow: 'shadow',
+    contentAlignItems: 'flexAlign',
+    contentJustifyContent: 'flexJustifyContent',
+    contentFlexGrow: 'integer',
+    contentFlexShrink: 'integer',
+
+    // Checkbox
+    checkboxCheckedBackgroundColor: 'color',
+    checkboxCheckedSize: 'size',
+    checkboxInputBackgroundColor: 'color',
+    checkboxInputBorderColor: 'color',
+    checkboxInputBorderWidth: 'border',
+    checkboxInputOutlineColor: 'color',
+    checkboxInputOutlineWidth: 'border',
+    checkboxInputSize: 'size',
+    checkboxOuterBorderColor: 'color',
+    checkboxOuterBorderWidth: 'border',
+    checkboxOuterBorderGap: 'size',
+
+    // Title text - duplicates Typography variant { size: 'h3' }
+    fontSize: 'fontSize',
+    fontName: 'fontName',
+    lineHeight: 'lineHeight',
+    color: 'color',
+    letterSpacing: 'letterSpacing',
+    textTransform: 'textTransform',
+    fontWeight: 'fontWeight',
+
+    // Spacing
+    checkboxSpace: 'integer',
+    contentSpace: 'integer'
+  },
   ChevronLink: {
     fontSize: 'fontSize',
     color: 'color',
@@ -788,7 +838,9 @@ module.exports = {
     iconSize: 'size',
     iconScale: 'iconScale',
     iconTranslateX: 'size',
-    iconTranslateY: 'size'
+    iconTranslateY: 'size',
+    height: 'size',
+    width: 'size'
   },
   Link: {
     color: 'color',
@@ -1407,7 +1459,8 @@ module.exports = {
     alignItems: 'flexAlign',
     justifyContent: 'flexJustifyContent',
     flexGrow: 'integer',
-    flexShrink: 'integer'
+    flexShrink: 'integer',
+    width: 'size'
   },
   StepTracker: {
     completedIcon: 'icon',

package/package.json

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