@telus-uds/components-base 1.27.0 → 1.29.0

package/CHANGELOG.md

@@ -1,12 +1,33 @@
 # Change Log - @telus-uds/components-base
 
-This log was last generated on Thu, 23 Feb 2023 17:20:42 GMT and should not be manually modified.
+This log was last generated on Tue, 07 Mar 2023 21:07:23 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 1.29.0
+
+Tue, 07 Mar 2023 21:07:23 GMT
+
+### Minor changes
+
+- Tooltipbutton hover behavior and pressbehior fix + pm rebrand (akshay.pandey@telus.com)
+- Bump @telus-uds/system-theme-tokens to v2.12.0
+
+## 1.28.0
+
+Thu, 02 Mar 2023 22:33:01 GMT
+
+### Minor changes
+
+- [object Object] (khemkaran.singh@telusinternational.com)
+
+### Patches
+
+- adding French translations to Carousel (21316148+donnavitan@users.noreply.github.com)
+
 ## 1.27.0
 
-Thu, 23 Feb 2023 17:20:42 GMT
+Thu, 23 Feb 2023 17:25:51 GMT
 
 ### Minor changes
 

package/component-docs.json

@@ -192,6 +192,8 @@
         "labelMarginLeft": "size"
       },
       "ChevronLink": {
+        "color": "color",
+        "outerBorderColor": "color",
         "leftIcon": "icon",
         "rightIcon": "icon",
         "iconDisplace": "size",
@@ -1250,6 +1252,16 @@
         }
       },
       "ChevronLink": {
+        "focus": {
+          "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
+          "values": [
+            true
+          ],
+          "type": "state",
+          "platforms": [
+            "rn"
+          ]
+        },
         "hover": {
           "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
           "values": [
@@ -1259,6 +1271,13 @@
           "platforms": [
             "rn"
           ]
+        },
+        "pressed": {
+          "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
+          "values": [
+            true
+          ],
+          "type": "state"
         }
       },
       "ExpandCollapseControl": {
@@ -12073,15 +12092,15 @@
             "type": {
               "name": "custom",
               "raw": {
+                "color": "color",
+                "outerBorderColor": "color",
                 "leftIcon": "icon",
                 "rightIcon": "icon",
                 "iconDisplace": "size",
                 "iconSize": "size",
                 "iconSpace": "integer",
                 "textLine": "textLine",
-                "color": "color",
                 "textLineStyle": "textLineStyle",
-                "outerBorderColor": "color",
                 "outerBorderWidth": "border",
                 "outerBorderGap": "size",
                 "outerBorderOutline": "borderStyle",

package/lib/Carousel/dictionary.js

@@ -14,12 +14,12 @@ var _default = {
     skipLink: 'Skip %{title}'
   },
   fr: {
-    // TODO: French translations here
-    carouselLabel: '(fr) %{stepCount} items',
-    iconButtonLabel: '(fr) Show %{itemLabel} %{targetStep} of %{stepCount}',
-    stepLabel: '(fr) %{itemLabel} %{stepNumber}',
-    stepTrackerLabel: '(fr) %{itemLabel} %{stepNumber} of %{stepCount}',
-    skipLink: '(fr) Skip %{title}'
+    // French translations
+    carouselLabel: '%{stepCount} éléments',
+    iconButtonLabel: 'Montrer %{itemLabel} %{targetStep} de %{stepCount}',
+    stepLabel: '%{itemLabel} %{stepNumber}',
+    stepTrackerLabel: '%{itemLabel} %{stepNumber} de %{stepCount}',
+    skipLink: 'Passer %{title}'
   }
 };
 exports.default = _default;

package/lib/TooltipButton/TooltipButton.js

@@ -37,14 +37,13 @@ const selectInnerContainerStyles = _ref => {
 const selectIconTokens = _ref2 => {
   let {
     iconSize,
-    iconColor
-    /* iconScale = 1 */
-
+    iconColor,
+    iconScale = 1
   } = _ref2;
   return {
     size: iconSize,
-    color: iconColor // scale: iconScale TODO re-enable with icon component
-
+    color: iconColor,
+    scale: iconScale
   };
 };
 /**

package/lib-module/Carousel/dictionary.js

@@ -8,11 +8,11 @@ export default {
     skipLink: 'Skip %{title}'
   },
   fr: {
-    // TODO: French translations here
-    carouselLabel: '(fr) %{stepCount} items',
-    iconButtonLabel: '(fr) Show %{itemLabel} %{targetStep} of %{stepCount}',
-    stepLabel: '(fr) %{itemLabel} %{stepNumber}',
-    stepTrackerLabel: '(fr) %{itemLabel} %{stepNumber} of %{stepCount}',
-    skipLink: '(fr) Skip %{title}'
+    // French translations
+    carouselLabel: '%{stepCount} éléments',
+    iconButtonLabel: 'Montrer %{itemLabel} %{targetStep} de %{stepCount}',
+    stepLabel: '%{itemLabel} %{stepNumber}',
+    stepTrackerLabel: '%{itemLabel} %{stepNumber} de %{stepCount}',
+    skipLink: 'Passer %{title}'
   }
 };

package/lib-module/TooltipButton/TooltipButton.js

@@ -21,14 +21,13 @@ const selectInnerContainerStyles = _ref => {
 const selectIconTokens = _ref2 => {
   let {
     iconSize,
-    iconColor
-    /* iconScale = 1 */
-
+    iconColor,
+    iconScale = 1
   } = _ref2;
   return {
     size: iconSize,
-    color: iconColor // scale: iconScale TODO re-enable with icon component
-
+    color: iconColor,
+    scale: iconScale
   };
 };
 /**

package/package.json

@@ -11,7 +11,7 @@
     "@floating-ui/react-native": "^0.8.1",
     "@gorhom/portal": "^1.0.14",
     "@telus-uds/system-constants": "^1.2.0",
-    "@telus-uds/system-theme-tokens": "^2.11.0",
+    "@telus-uds/system-theme-tokens": "^2.12.0",
     "airbnb-prop-types": "^2.16.0",
     "lodash.debounce": "^4.0.8",
     "lodash.merge": "^4.6.2",
@@ -72,5 +72,5 @@
   "standard-engine": {
     "skip": true
   },
-  "version": "1.27.0"
+  "version": "1.29.0"
 }

package/src/Carousel/dictionary.js

@@ -8,11 +8,11 @@ export default {
     skipLink: 'Skip %{title}'
   },
   fr: {
-    // TODO: French translations here
-    carouselLabel: '(fr) %{stepCount} items',
-    iconButtonLabel: '(fr) Show %{itemLabel} %{targetStep} of %{stepCount}',
-    stepLabel: '(fr) %{itemLabel} %{stepNumber}',
-    stepTrackerLabel: '(fr) %{itemLabel} %{stepNumber} of %{stepCount}',
-    skipLink: '(fr) Skip %{title}'
+    // French translations
+    carouselLabel: '%{stepCount} éléments',
+    iconButtonLabel: 'Montrer %{itemLabel} %{targetStep} de %{stepCount}',
+    stepLabel: '%{itemLabel} %{stepNumber}',
+    stepTrackerLabel: '%{itemLabel} %{stepNumber} de %{stepCount}',
+    skipLink: 'Passer %{title}'
   }
 }

package/src/TooltipButton/TooltipButton.jsx

@@ -9,10 +9,10 @@ const [selectProps, selectedSystemPropTypes] = selectSystemProps([a11yProps, vie
 
 const selectInnerContainerStyles = ({ borderRadius, width }) => ({ borderRadius, width })
 
-const selectIconTokens = ({ iconSize, iconColor /* iconScale = 1 */ }) => ({
+const selectIconTokens = ({ iconSize, iconColor, iconScale = 1 }) => ({
   size: iconSize,
-  color: iconColor
-  // scale: iconScale TODO re-enable with icon component
+  color: iconColor,
+  scale: iconScale
 })
 
 /**