@telus-uds/system-theme-tokens 2.46.0 → 2.48.0

package/CHANGELOG.md

@@ -1,12 +1,36 @@
 # Change Log - @telus-uds/system-theme-tokens
 
-This log was last generated on Sat, 18 Nov 2023 02:25:11 GMT and should not be manually modified.
+This log was last generated on Wed, 13 Dec 2023 21:13:57 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 2.48.0
+
+Wed, 13 Dec 2023 21:13:57 GMT
+
+### Minor changes
+
+- new ColourToggle component tokens (mauricio.batresmontejo@telus.com)
+
+### Patches
+
+- add row reverse property for direction token (mauricio.batresmontejo@telus.com)
+
+## 2.47.0
+
+Fri, 01 Dec 2023 21:08:37 GMT
+
+### Minor changes
+
+- `Card`: Add interactive section states (shahzaibkhalidmalik@outlook.com)
+
+### Patches
+
+- add blocklineHeight to chevronLink system theme tokens (evander.owusu@telus.com)
+
 ## 2.46.0
 
-Sat, 18 Nov 2023 02:25:11 GMT
+Sat, 18 Nov 2023 02:32:49 GMT
 
 ### Minor changes
 

package/appearances.js

@@ -91,11 +91,13 @@ module.exports = {
   PreviewCard: { pressed, hover, focus },
   ButtonDropdown: { focus, hover, pressed, inactive, selected, open },
   ButtonGroupItem: { focus, hover, pressed, inactive, selected },
+  Card: { focus, hover, pressed },
   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 },
+  ColourToggle: { focus, hover, pressed, selected },
   DatePicker: { pressed, selected, focus },
   ExpandCollapseControl: { pressed, hover, focus, expanded },
   ExpandCollapseMiniControl: { focus },

package/components.js

@@ -631,7 +631,8 @@ module.exports = {
     iconDisplace: 'size',
     iconSize: 'size',
     iconSpace: 'integer',
-    textLine: 'textLine'
+    textLine: 'textLine',
+    blockLineHeight: 'lineHeight'
   },
   CheckboxGroup: {
     space: 'integer',
@@ -644,6 +645,31 @@ module.exports = {
     borderTopRightRadius: 'radius',
     outlineOffset: 'size'
   },
+  ColourToggle: {
+    space: 'integer',
+    shadow: 'shadow',
+
+    // general Border Bubble
+    borderColor: 'color',
+    borderWidth: 'border',
+    borderRadius: 'radius',
+
+    // Border Bubble
+    bubbleBorderColor: 'color',
+    bubbleBorderWidth: 'border',
+    bubbleBorderRadius: 'radius',
+
+    // Outer Colour Bubble
+    outerBubbleContentAlignItems: 'flexAlign',
+    outerBubbleJustifyContent: 'flexJustifyContent',
+    outerBubbleHeight: 'size',
+    outerBubbleWidth: 'size',
+
+    // Inner Colour Bubble
+    innerBubbleHeight: 'size',
+    innerBubbleWidth: 'size',
+    innerBubbleBorderRadius: 'radius'
+  },
   Divider: { width: 'size', color: 'color' },
   DatePicker: {
     calendarBackgroundColor: 'color',

package/package.json

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

package/tokens.js

@@ -264,7 +264,8 @@ const tokenTypes = applyDynamicTypes({
     type: types.enum,
     values: {
       column: 'column', // Stacks children vertically
-      row: 'row' // Stacks children horizontally
+      row: 'row', // Stacks children horizontally
+      rowReverse: 'row-reverse' // Stacks children horizontally, but reversed
     }
   },
   show: {