@telus-uds/system-theme-tokens 2.54.0 → 2.56.0

package/CHANGELOG.md

@@ -1,12 +1,28 @@
 # Change Log - @telus-uds/system-theme-tokens
 
-This log was last generated on Fri, 05 Apr 2024 17:10:34 GMT and should not be manually modified.
+This log was last generated on Fri, 17 May 2024 16:25:38 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 2.56.0
+
+Fri, 17 May 2024 16:25:38 GMT
+
+### Minor changes
+
+- Add design tokens for `CardGroup` (Mauricio.BatresMontejo@telus.com)
+
+## 2.55.0
+
+Mon, 06 May 2024 16:39:58 GMT
+
+### Minor changes
+
+- `Carousel`: add `autoPlay` mode (shahzaibkhalidmalik@outlook.com)
+
 ## 2.54.0
 
-Fri, 05 Apr 2024 17:10:34 GMT
+Fri, 05 Apr 2024 17:16:24 GMT
 
 ### Minor changes
 

package/appearances.js

@@ -91,7 +91,8 @@ module.exports = {
   PreviewCard: { pressed, hover, focus },
   ButtonDropdown: { focus, hover, pressed, inactive, selected, open },
   ButtonGroupItem: { focus, hover, pressed, inactive, selected },
-  Card: { focus, hover, pressed },
+  Card: { focus, hover, pressed, selected },
+  CardGroup: { pressed, selected, focus, hover },
   CarouselTabsPanelItem: { focus, hover, pressed, inactive, selected },
   CarouselThumbnail: { focus, hover, pressed },
   Checkbox: { checked, error, focus, hover, inactive },

package/components.js

@@ -484,7 +484,37 @@ module.exports = {
     contentAlignItems: 'flexAlign',
     contentJustifyContent: 'flexJustifyContent',
     contentFlexGrow: 'integer',
-    contentFlexShrink: 'integer'
+    contentFlexShrink: 'integer',
+
+    // Tokens of the checkbox or radio input
+    inputBackgroundColor: 'color',
+    iconBackgroundColor: 'color',
+    icon: 'icon',
+    iconColor: 'color',
+    inputBorderRadius: 'radius',
+    inputHeight: 'size',
+    inputWidth: 'size',
+    iconSize: 'size',
+    inputShadow: 'shadow',
+    inputBorderWidth: 'border',
+    inputBorderColor: 'color'
+  },
+  CardGroup: {
+    // Layout
+    direction: 'direction',
+    space: 'integer',
+
+    // Fieldset
+    fieldSpace: 'integer',
+
+    // Border for error feedback
+    showIcon: 'show',
+    outlineWidth: 'border',
+    borderBottomLeftRadius: 'radius',
+    borderBottomRightRadius: 'radius',
+    borderTopLeftRadius: 'radius',
+    borderTopRightRadius: 'radius',
+    outlineOffset: 'size'
   },
   PreviewCard: {
     flex: 'integer',
@@ -504,6 +534,8 @@ module.exports = {
   Carousel: {
     backgroundColor: 'color',
     nextIcon: 'icon',
+    playIcon: 'icon',
+    pauseIcon: 'icon',
     previousIcon: 'icon',
     iconBackgroundColor: 'color',
     showPreviousNextNavigation: 'show',
@@ -1324,7 +1356,12 @@ module.exports = {
     labelFontSize: 'fontSize',
     labelFontWeight: 'fontWeight',
     labelLineHeight: 'lineHeight',
-    labelMarginLeft: 'size'
+    labelMarginLeft: 'size',
+
+    // Used for card group
+    icon: 'icon',
+    iconBackgroundColor: 'color',
+    iconColor: 'color'
   },
   RadioCard: {
     // Outer border

package/package.json

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