@telus-uds/components-base 1.55.0 → 1.56.0

package/CHANGELOG.md

@@ -1,18 +1,35 @@
 # Change Log - @telus-uds/components-base
 
-This log was last generated on Fri, 14 Jul 2023 19:38:21 GMT and should not be manually modified.
+This log was last generated on Fri, 21 Jul 2023 00:42:38 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 1.56.0
+
+Fri, 21 Jul 2023 00:42:38 GMT
+
+### Minor changes
+
+- Rebranded Box for Koodo (wlsdud194@hotmail.com)
+- Branch updated with rebase for components base (35577399+JoshHC@users.noreply.github.com)
+- space of 4px added between the validation and the chevron icons for select component (35577399+JoshHC@users.noreply.github.com)
+- fix content shifting issue in Card component (kyle.king2@telus.com)
+- Bump @telus-uds/system-theme-tokens to v2.39.0
+
+### Patches
+
+- fix stories for inverse variant icon (mauricio.batresmontejo@telus.com)
+- rebrand inputlabel for koodo (mauricio.batresmontejo@telus.com)
+
 ## 1.55.0
 
-Fri, 14 Jul 2023 19:38:21 GMT
+Fri, 14 Jul 2023 19:47:50 GMT
 
 ### Minor changes
 
 - Refactored IconButton to accomodate QuantitySelector standardization (wlsdud194@hotmail.com)
 - Fixed test data and introduced background color token to base component. (akshay.pandey1@telus.com)
-- Added use of CarouselThumbnail  (kyle.king2@telus.com)
+- Added use of CarouselThumbnail (kyle.king2@telus.com)
 - Bump @telus-uds/system-constants to v1.3.0
 - Bump @telus-uds/system-theme-tokens to v2.38.0
 

package/component-docs.json

@@ -1666,6 +1666,7 @@
         "animationPaddingBottomBefore": "size",
         "animationPaddingBottomAfter": "size",
         "animationPaddingTopBefore": "size",
+        "padding": "size",
         "animationPaddingTopAfter": "size",
         "animationBackgroundColorBefore": "color",
         "animationBackgroundColorAfter": "color",

package/lib/InputLabel/InputLabel.js

@@ -100,7 +100,8 @@ const InputLabel = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
         children: hint
       }), hasTooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
         style: [staticStyles.tooltipAlign, {
-          height: themeTokens.fontSize * themeTokens.lineHeight
+          height: themeTokens.fontSize * themeTokens.lineHeight,
+          color: themeTokens.color
         }],
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
           content: tooltip,

package/lib/Link/LinkBase.js

@@ -53,9 +53,9 @@ const selectOuterBorderStyles = _ref => {
       ...(0, _ThemeProvider.applyOuterBorder)({
         outerBorderColor,
         outerBorderWidth,
-        outerBorderGap,
-        borderRadius
-      })
+        outerBorderGap
+      }),
+      borderRadius
     } : {}
   );
 };

package/lib/Select/Select.js

@@ -143,7 +143,8 @@ const selectIconContainerStyles = _ref4 => {
     paddingBottom
   } = _ref4;
   return {
-    paddingRight,
+    paddingRight: paddingRight + 4,
+    marginRight: -4,
     paddingBottom
   };
 };
@@ -167,7 +168,7 @@ const selectValidationIconContainerStyles = _ref6 => {
     paddingBottom
   } = _ref6;
   return {
-    paddingRight: icon ? paddingRight + iconSize : paddingRight,
+    paddingRight: icon ? paddingRight + iconSize + 4 : paddingRight,
     ...(_Platform.default.OS === 'android' ? {
       paddingBottom: paddingBottom + _constants.ANDROID_VALIDATION_ICON_CONTAINER_OFFSET
     } : {

package/lib-module/InputLabel/InputLabel.js

@@ -79,7 +79,8 @@ const InputLabel = /*#__PURE__*/forwardRef((_ref3, ref) => {
         children: hint
       }), hasTooltip && /*#__PURE__*/_jsx(View, {
         style: [staticStyles.tooltipAlign, {
-          height: themeTokens.fontSize * themeTokens.lineHeight
+          height: themeTokens.fontSize * themeTokens.lineHeight,
+          color: themeTokens.color
         }],
         children: /*#__PURE__*/_jsx(Tooltip, {
           content: tooltip,

package/lib-module/Link/LinkBase.js

@@ -28,9 +28,9 @@ const selectOuterBorderStyles = _ref => {
       ...applyOuterBorder({
         outerBorderColor,
         outerBorderWidth,
-        outerBorderGap,
-        borderRadius
-      })
+        outerBorderGap
+      }),
+      borderRadius
     } : {}
   );
 };

package/lib-module/Select/Select.js

@@ -118,7 +118,8 @@ const selectIconContainerStyles = _ref4 => {
     paddingBottom
   } = _ref4;
   return {
-    paddingRight,
+    paddingRight: paddingRight + 4,
+    marginRight: -4,
     paddingBottom
   };
 };
@@ -142,7 +143,7 @@ const selectValidationIconContainerStyles = _ref6 => {
     paddingBottom
   } = _ref6;
   return {
-    paddingRight: icon ? paddingRight + iconSize : paddingRight,
+    paddingRight: icon ? paddingRight + iconSize + 4 : paddingRight,
     ...(Platform.OS === 'android' ? {
       paddingBottom: paddingBottom + ANDROID_VALIDATION_ICON_CONTAINER_OFFSET
     } : {

package/package.json

@@ -11,7 +11,7 @@
     "@floating-ui/react-native": "^0.8.1",
     "@gorhom/portal": "^1.0.14",
     "@telus-uds/system-constants": "^1.3.0",
-    "@telus-uds/system-theme-tokens": "^2.38.0",
+    "@telus-uds/system-theme-tokens": "^2.39.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.55.0"
+  "version": "1.56.0"
 }

package/src/InputLabel/InputLabel.jsx

@@ -86,7 +86,10 @@ const InputLabel = forwardRef(
             <View
               style={[
                 staticStyles.tooltipAlign,
-                { height: themeTokens.fontSize * themeTokens.lineHeight }
+                {
+                  height: themeTokens.fontSize * themeTokens.lineHeight,
+                  color: themeTokens.color
+                }
               ]}
             >
               <Tooltip content={tooltip} copy={copy} />

package/src/Link/LinkBase.jsx

@@ -36,9 +36,9 @@ const selectOuterBorderStyles = ({
         ...applyOuterBorder({
           outerBorderColor,
           outerBorderWidth,
-          outerBorderGap,
-          borderRadius
-        })
+          outerBorderGap
+        }),
+        borderRadius
       }
     : {}
 
@@ -156,7 +156,6 @@ const LinkBase = forwardRef(
           const themeTokens = resolveLinkTokens(linkState)
           const outerBorderStyles = selectOuterBorderStyles(themeTokens)
           const decorationStyles = selectDecorationStyles(themeTokens)
-
           return [
             outerBorderStyles,
             blockLeftStyle,

package/src/Select/Select.jsx

@@ -119,7 +119,8 @@ const selectIconTokens = ({ iconSize, iconColor }) => ({
 })
 
 const selectIconContainerStyles = ({ paddingRight, paddingBottom }) => ({
-  paddingRight,
+  paddingRight: paddingRight + 4,
+  marginRight: -4,
   paddingBottom
 })
 
@@ -134,7 +135,7 @@ const selectValidationIconContainerStyles = ({
   paddingRight = 0,
   paddingBottom
 }) => ({
-  paddingRight: icon ? paddingRight + iconSize : paddingRight,
+  paddingRight: icon ? paddingRight + iconSize + 4 : paddingRight,
   ...(Platform.OS === 'android'
     ? {
         paddingBottom: paddingBottom + ANDROID_VALIDATION_ICON_CONTAINER_OFFSET