@telus-uds/components-community.content-card 3.2.19 → 4.0.0-alpha.0

package/.eslintrc.cjs

@@ -19,4 +19,16 @@ base.settings = {
   }
 }
 
+base.overrides = [
+  ...(base.overrides || []),
+  {
+    files: ['*.{js,jsx,ts,tsx}'],
+    excludedFiles: ['*.stories.*'],
+    rules: {
+      'import/no-default-export': 'error',
+      'import/prefer-default-export': 'off'
+    }
+  }
+]
+
 module.exports = base

package/CHANGELOG.md

@@ -1,9 +1,27 @@
 # Change Log - @telus-uds/components-community.content-card
 
-This log was last generated on Tue, 03 Mar 2026 23:02:55 GMT and should not be manually modified.
+This log was last generated on Fri, 20 Mar 2026 02:26:39 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 4.0.0-alpha.0
+
+Fri, 20 Mar 2026 02:26:39 GMT
+
+### Major changes
+
+- Upgrade to React 19 and other major changes, please refer to the changelog for more details (shahzaibkhalidmalik@outlook.com)
+- Bump @telus-uds/components-base to v4.0.0-alpha.0
+- Bump @telus-uds/system-theme-tokens to v5.0.0-alpha.0
+
+## 3.2.20
+
+Fri, 13 Mar 2026 20:33:41 GMT
+
+### Patches
+
+- Bump @telus-uds/components-base to v3.29.0
+
 ## 3.2.19
 
 Tue, 03 Mar 2026 23:02:55 GMT

package/lib/cjs/ContentCard.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.styles = exports.default = void 0;
+exports.ContentCardBase = exports.ContentCard = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _componentsBase = require("@telus-uds/components-base");
@@ -12,7 +12,7 @@ var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Vi
 var _ImageBackground = _interopRequireDefault(require("react-native-web/dist/cjs/exports/ImageBackground"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const styles = exports.styles = _StyleSheet.default.create({
+const styles = _StyleSheet.default.create({
   rowReverse: {
     flexDirection: 'row-reverse'
   },
@@ -30,7 +30,7 @@ const styles = exports.styles = _StyleSheet.default.create({
 
 // Passes React Native-oriented system props through UDS PressableCardBase
 const [selectProps, selectedSystemPropTypes] = (0, _componentsBase.selectSystemProps)([_componentsBase.a11yProps, _componentsBase.focusHandlerProps, _componentsBase.viewProps]);
-const ContentCard = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+const ContentCardBase = exports.ContentCardBase = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   let {
     title,
     content,
@@ -132,8 +132,8 @@ const ContentCard = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     }
   });
 });
-ContentCard.displayName = 'ContentCard';
-ContentCard.propTypes = {
+ContentCardBase.displayName = 'ContentCard';
+ContentCardBase.propTypes = {
   ...selectedSystemPropTypes,
   /**
    * The URL  to be navigated to.
@@ -176,4 +176,7 @@ ContentCard.propTypes = {
    */
   isContentOnRight: _propTypes.default.bool
 };
-var _default = exports.default = (0, _componentsBase.withLinkRouter)(ContentCard);
+
+// Export unwrapped component for react-docgen to extract info for docsite
+
+const ContentCard = exports.ContentCard = (0, _componentsBase.withLinkRouter)(ContentCardBase);

package/lib/cjs/index.js

@@ -6,10 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "ContentCard", {
   enumerable: true,
   get: function () {
-    return _ContentCard.default;
+    return _ContentCard.ContentCard;
   }
 });
-exports.default = void 0;
-var _ContentCard = _interopRequireDefault(require("./ContentCard"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = _ContentCard.default;
+Object.defineProperty(exports, "ContentCardBase", {
+  enumerable: true,
+  get: function () {
+    return _ContentCard.ContentCardBase;
+  }
+});
+var _ContentCard = require("./ContentCard");

package/lib/esm/ContentCard.js

@@ -5,7 +5,7 @@ import StyleSheet from "react-native-web/dist/exports/StyleSheet";
 import View from "react-native-web/dist/exports/View";
 import ImageBackground from "react-native-web/dist/exports/ImageBackground";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const styles = StyleSheet.create({
+const styles = StyleSheet.create({
   rowReverse: {
     flexDirection: 'row-reverse'
   },
@@ -23,7 +23,7 @@ export const styles = StyleSheet.create({
 
 // Passes React Native-oriented system props through UDS PressableCardBase
 const [selectProps, selectedSystemPropTypes] = selectSystemProps([a11yProps, focusHandlerProps, viewProps]);
-const ContentCard = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const ContentCardBase = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     title,
     content,
@@ -125,8 +125,8 @@ const ContentCard = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     }
   });
 });
-ContentCard.displayName = 'ContentCard';
-ContentCard.propTypes = {
+ContentCardBase.displayName = 'ContentCard';
+ContentCardBase.propTypes = {
   ...selectedSystemPropTypes,
   /**
    * The URL  to be navigated to.
@@ -169,4 +169,7 @@ ContentCard.propTypes = {
    */
   isContentOnRight: PropTypes.bool
 };
-export default withLinkRouter(ContentCard);
+
+// Export unwrapped component for react-docgen to extract info for docsite
+export { ContentCardBase };
+export const ContentCard = withLinkRouter(ContentCardBase);

package/lib/esm/index.js

@@ -1,3 +1 @@
-import ContentCard from './ContentCard';
-export { default as ContentCard } from './ContentCard';
-export default ContentCard;
+export { ContentCard, ContentCardBase } from './ContentCard';

package/package.json

@@ -5,14 +5,14 @@
   ],
   "dependencies": {
     "prop-types": "^15.7.2",
-    "react-native": "^0.74.5",
-    "@telus-uds/components-base": "^3.28.2"
+    "react-native": "^0.81.0",
+    "@telus-uds/components-base": "^4.0.0-alpha.0"
   },
   "devDependencies": {
     "@telus-uds/browserslist-config": "^1.0.5",
-    "@telus-uds/system-theme-tokens": "^4.20.0",
-    "@testing-library/react-native": "11.0.0",
-    "babel-plugin-react-native-web": "^0.17.0",
+    "@telus-uds/system-theme-tokens": "^5.0.0-alpha.0",
+    "@testing-library/react-native": "^13.3.3",
+    "babel-plugin-react-native-web": "^0.21.2",
     "babel-plugin-styled-components": "^2.0.6",
     "jest-styled-components": "^7.0.8"
   },
@@ -20,10 +20,10 @@
   "license": "MIT",
   "name": "@telus-uds/components-community.content-card",
   "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-native": "^0.74.5",
-    "react-native-web": "^0.19.10"
+    "react": "^18.2.0 || ^19.0.0",
+    "react-dom": "^18.2.0 || ^19.0.0",
+    "react-native": "^0.74.5 || ^0.81.0",
+    "react-native-web": "^0.19.10 || ^0.21.0"
   },
   "main": "lib/cjs/index.js",
   "module": "lib/esm/index.js",
@@ -44,5 +44,5 @@
   "standard-engine": {
     "skip": true
   },
-  "version": "3.2.19"
+  "version": "4.0.0-alpha.0"
 }

package/src/ContentCard.jsx

@@ -18,7 +18,7 @@ import {
 } from '@telus-uds/components-base'
 import { StyleSheet, View, ImageBackground } from 'react-native'
 
-export const styles = StyleSheet.create({
+const styles = StyleSheet.create({
   rowReverse: {
     flexDirection: 'row-reverse'
   },
@@ -41,7 +41,7 @@ const [selectProps, selectedSystemPropTypes] = selectSystemProps([
   viewProps
 ])
 
-const ContentCard = React.forwardRef(
+const ContentCardBase = React.forwardRef(
   (
     {
       title,
@@ -123,9 +123,9 @@ const ContentCard = React.forwardRef(
   }
 )
 
-ContentCard.displayName = 'ContentCard'
+ContentCardBase.displayName = 'ContentCard'
 
-ContentCard.propTypes = {
+ContentCardBase.propTypes = {
   ...selectedSystemPropTypes,
   /**
    * The URL  to be navigated to.
@@ -169,4 +169,7 @@ ContentCard.propTypes = {
   isContentOnRight: PropTypes.bool
 }
 
-export default withLinkRouter(ContentCard)
+// Export unwrapped component for react-docgen to extract info for docsite
+export { ContentCardBase }
+
+export const ContentCard = withLinkRouter(ContentCardBase)

package/src/index.js

@@ -1,5 +1 @@
-import ContentCard from './ContentCard'
-
-export { default as ContentCard } from './ContentCard'
-
-export default ContentCard
+export { ContentCard, ContentCardBase } from './ContentCard'