npm - @selfcommunity/react-ui - Versions diffs - 0.1.2-alpha.1 → 0.1.2-alpha.10 - Mend

@selfcommunity/react-ui 0.1.2-alpha.1 → 0.1.2-alpha.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (561) hide show

package/lib/esm/components/Notification/Comment/Comment.js CHANGED Viewed

@@ -190,7 +190,7 @@ function CommentNotification(inProps) {
       })
     }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
       fontSize: 'small',
-      color: 'secondary'
+      color: 'primary'
     }, "thumb_up_alt")) : /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
       title: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
         id: 'ui.notification.comment.voteUp',

package/lib/esm/components/Notification/ContributionFollow/ContributionFollow.js CHANGED Viewed

@@ -126,20 +126,25 @@ function ContributionFollowNotification(inProps) {
       }
     })),
     primary: /*#__PURE__*/_react.default.createElement(_material.Typography, {
-      component: "div",
+      component: "span",
       color: "inherit",
       className: classes.followText
     }, /*#__PURE__*/_react.default.createElement(_reactCore.Link, {
       to: scRoutingContext.url(_reactCore.SCRoutes.USER_PROFILE_ROUTE_NAME, notificationObject.user),
       className: classes.username
     }, notificationObject.user.username), ' ', intl.formatMessage(messages.contributionFollow, {
-      username: notificationObject.user.username,
       b: (...chunks) => /*#__PURE__*/_react.default.createElement("strong", null, chunks)
     })),
-    secondary: template === _types.SCNotificationObjectTemplateType.DETAIL && /*#__PURE__*/_react.default.createElement(_DateTimeAgo.default, {
+    secondary: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, template === _types.SCNotificationObjectTemplateType.SNIPPET && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ":", ' ', /*#__PURE__*/_react.default.createElement(_reactCore.Link, {
+      to: scRoutingContext.url(_reactCore.SCRoutes[`${notificationObject[contributionType]['type'].toUpperCase()}_ROUTE_NAME`], (0, _contribution.getRouteData)(notificationObject[contributionType]))
+    }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
+      variant: "body2",
+      gutterBottom: true,
+      className: classes.contributionText
+    }, (0, _contribution.getContributionSnippet)(notificationObject[contributionType])))), template === _types.SCNotificationObjectTemplateType.DETAIL && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_DateTimeAgo.default, {
       date: notificationObject.active_at,
       className: classes.activeAt
-    }),
+    }))),
     footer: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, template === _types.SCNotificationObjectTemplateType.TOAST && /*#__PURE__*/_react.default.createElement(_material.Stack, {
       direction: "row",
       justifyContent: "space-between",

package/lib/esm/components/Notification/Notification.js CHANGED Viewed

@@ -153,7 +153,7 @@ const Root = (0, _styles.styled)(_Widget.default, {
 /**
  *
- > API documentation for the Community-UI UserNotification component. Learn about the available props and the CSS API.
+ > API documentation for the Community-JS UserNotification component. Learn about the available props and the CSS API.
  #### Import

package/lib/esm/components/Notification/NotificationSkeleton.stories.js CHANGED Viewed

@@ -10,7 +10,7 @@ var _Skeleton = _interopRequireDefault(require("./Skeleton"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = {
-  title: 'Design System/SC UI/Skeleton/Notification',
+  title: 'Design System/React UI/Skeleton/Notification',
   component: _Skeleton.default,
   argTypes: {
     variant: {

package/lib/esm/components/Notification/PrivateMessage/PrivateMessage.js CHANGED Viewed

@@ -9,8 +9,6 @@ var _styles = require("@mui/material/styles");
 var _material = require("@mui/material");
-var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 var _reactCore = require("@selfcommunity/react-core");
 var _reactIntl = require("react-intl");
@@ -45,7 +43,6 @@ const classes = {
   avatar: `${PREFIX}-avatar`,
   actions: `${PREFIX}-actions`,
   replyButton: `${PREFIX}-reply-button`,
-  replyButtonIcon: `${PREFIX}-reply-button-icon`,
   activeAt: `${PREFIX}-active-at`,
   messageLabel: `${PREFIX}-message-label`,
   username: `${PREFIX}-username`,
@@ -226,10 +223,7 @@ function PrivateMessageNotification(inProps) {
           root: classes.replyButton
         },
         component: _reactCore.Link,
-        to: scRoutingContext.url(_reactCore.SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, notificationObject.message),
-        endIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-          className: classes.replyButtonIcon
-        }, "reply")
+        to: scRoutingContext.url(_reactCore.SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, notificationObject.message)
       }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
         id: "ui.notification.privateMessage.btnReplyLabel",
         defaultMessage: "ui.notification.privateMessage.btnReplyLabel"

package/lib/esm/components/Notification/Skeleton.js CHANGED Viewed

@@ -29,7 +29,7 @@ const Root = (0, _styles.styled)(_Widget.default)(({
   marginBottom: theme.spacing(2)
 }));
 /**
- * > API documentation for the Community-UI Notification Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Notification Skeleton component. Learn about the available props and the CSS API.
  #### Import

package/lib/esm/components/PeopleSuggestion/PeopleSuggestion.js CHANGED Viewed

@@ -60,7 +60,7 @@ const Root = (0, _styles.styled)(_Widget.default, {
 /**
  *
- > API documentation for the Community-UI People Suggestion component. Learn about the available props and the CSS API.
+ > API documentation for the Community-JS People Suggestion component. Learn about the available props and the CSS API.
  #### Import
@@ -121,10 +121,7 @@ function PeopleSuggestion(inProps) {
   function handleOnFollowUser(user, follow) {
     setUsers(users.filter(u => u.id !== user.id));
     setTotal(prev => prev - 1);
-    if (visiblePeople < limit && total > 1) {
-      loadPeople(1);
-    }
+    setHasMore(total - 1 > limit);
   }
   /**
    * Handles list change on user connection
@@ -134,10 +131,7 @@ function PeopleSuggestion(inProps) {
   function handleOnConnectUser(user, status) {
     setUsers(users.filter(u => u.id !== user.id));
     setTotal(prev => prev - 1);
-    if (visiblePeople < limit && total > 1) {
-      loadPeople(1);
-    }
+    setHasMore(total - 1 > limit);
   }
   /**
    * Fetches user suggestion list

package/lib/esm/components/PeopleSuggestion/PeopleSuggestion.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/People Suggestion',
+  title: 'Design System/React UI/People Suggestion',
   component: _index.default,
   argTypes: {
     elevation: {

package/lib/esm/components/PeopleSuggestion/PeopleSuggestionSkeleton.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Skeleton/PeopleSuggestion',
+  title: 'Design System/React UI/Skeleton/PeopleSuggestion',
   component: _Skeleton.default // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
 }; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args

package/lib/esm/components/PeopleSuggestion/Skeleton.js CHANGED Viewed

@@ -31,7 +31,7 @@ const Root = (0, _styles.styled)(_Widget.default)(({
   }
 }));
 /**
- * > API documentation for the Community-UI People Suggestion Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS People Suggestion Skeleton component. Learn about the available props and the CSS API.
  #### Import

package/lib/esm/components/Platform/Platform.js CHANGED Viewed

@@ -52,7 +52,7 @@ const Root = (0, _styles.styled)(_Widget.default, {
 }));
 /**
- * > API documentation for the Community-UI Platform component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Platform component. Learn about the available props and the CSS API.
  #### Import

package/lib/esm/components/Platform/Platform.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Platform ',
+  title: 'Design System/React UI/Platform ',
   component: _index.default // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
 }; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args

package/lib/esm/components/Platform/PlatformSkeleton.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Skeleton/Platform',
+  title: 'Design System/React UI/Skeleton/Platform',
   component: _Skeleton.default // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
 }; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args

package/lib/esm/components/Platform/Skeleton.js CHANGED Viewed

@@ -23,7 +23,7 @@ const Root = (0, _styles.styled)(_Skeleton.GenericSkeleton, {
   theme
 }) => ({}));
 /**
- * > API documentation for the Community-UI Platform Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Platform Skeleton component. Learn about the available props and the CSS API.
  #### Import

package/lib/esm/components/PollSuggestion/PollSnippet/PollSnippet.js CHANGED Viewed

@@ -45,7 +45,7 @@ const Root = (0, _styles.styled)(_BaseItemButton.default, {
 }) => ({}));
 /**
- * > API documentation for the Community-UI PollSnippet component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS PollSnippet component. Learn about the available props and the CSS API.
  *
  * #### Import
  ```jsx

package/lib/esm/components/PollSuggestion/PollSnippet/Skeleton.js CHANGED Viewed

@@ -25,7 +25,7 @@ const Root = (0, _styles.styled)(_BaseItem.default)(({
   theme
 }) => ({}));
 /**
- * > API documentation for the Community-UI Poll Snippet Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Poll Snippet Skeleton component. Learn about the available props and the CSS API.
  #### Import

package/lib/esm/components/PollSuggestion/PollSuggestion.js CHANGED Viewed

@@ -70,7 +70,7 @@ const Root = (0, _styles.styled)(_Widget.default, {
 }));
 /**
- *> API documentation for the Community-UI Poll Suggestion component. Learn about the available props and the CSS API.
+ *> API documentation for the Community-JS Poll Suggestion component. Learn about the available props and the CSS API.
  #### Import

package/lib/esm/components/PollSuggestion/PollSuggestion.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Poll Suggestion',
+  title: 'Design System/React UI/Poll Suggestion',
   component: _index.default,
   argTypes: {
     elevation: {

package/lib/esm/components/PollSuggestion/PollSuggestionSkeleton.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Skeleton/PollSuggestion',
+  title: 'Design System/React UI/Skeleton/PollSuggestion',
   component: _Skeleton.default // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
 }; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args

package/lib/esm/components/PollSuggestion/Skeleton.js CHANGED Viewed

@@ -31,7 +31,7 @@ const Root = (0, _styles.styled)(_Widget.default)(({
   }
 }));
 /**
- * > API documentation for the Community-UI Poll Suggestion Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Poll Suggestion Skeleton component. Learn about the available props and the CSS API.
  #### Import

package/lib/esm/components/RelatedFeedObjects/RelatedFeedObjects.js CHANGED Viewed

@@ -76,7 +76,7 @@ const Root = (0, _styles.styled)(_Widget.default, {
 }));
 const PREFERENCES = [_reactCore.SCPreferences.ADVERTISING_CUSTOM_ADV_ENABLED, _reactCore.SCPreferences.ADVERTISING_CUSTOM_ADV_ONLY_FOR_ANONYMOUS_USERS_ENABLED];
 /**
- *> API documentation for the Community-UI Related FeedObjects component. Learn about the available props and the CSS API.
+ *> API documentation for the Community-JS Related FeedObjects component. Learn about the available props and the CSS API.
  #### Import

package/lib/esm/components/RelatedFeedObjects/RelatedFeedObjects.stories.js CHANGED Viewed

@@ -15,7 +15,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Related Feed Objects',
+  title: 'Design System/React UI/Related Feed Objects',
   component: _index.default,
   argTypes: {
     feedObjectId: {

package/lib/esm/components/RelatedFeedObjects/RelatedFeedObjectsSkeleton.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Skeleton/RelatedFeedObjects',
+  title: 'Design System/React UI/Skeleton/RelatedFeedObjects',
   component: _Skeleton.default // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
 }; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args

package/lib/esm/components/RelatedFeedObjects/Skeleton.js CHANGED Viewed

@@ -23,7 +23,7 @@ const Root = (0, _styles.styled)(_TrendingFeed.TrendingFeedSkeleton, {
   theme
 }) => ({}));
 /**
- * > API documentation for the Community-UI Related Discussion Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Related Discussion Skeleton component. Learn about the available props and the CSS API.
  #### Import

package/lib/esm/components/Skeleton/AvatarGroupSkeleton.js CHANGED Viewed

@@ -40,7 +40,7 @@ const Root = (0, _styles.styled)(_material.AvatarGroup, {
   }
 }));
 /**
- * > API documentation for the Community-UI Avatar Group Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Avatar Group Skeleton component. Learn about the available props and the CSS API.
  #### Import

package/lib/esm/components/Skeleton/AvatarGroupSkeleton.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Skeleton/AvatarGroup',
+  title: 'Design System/React UI/Skeleton/AvatarGroup',
   component: _AvatarGroupSkeleton.default // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
 }; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args

package/lib/esm/components/Skeleton/GenericSkeleton.js CHANGED Viewed

@@ -31,7 +31,7 @@ const Root = (0, _styles.styled)(_Widget.default)(({
   }
 }));
 /**
- * > API documentation for the Community-UI Generic Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Generic Skeleton component. Learn about the available props and the CSS API.
  #### Import

package/lib/esm/components/Skeleton/GenericSkeleton.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Skeleton/Generic',
+  title: 'Design System/React UI/Skeleton/Generic',
   component: _GenericSkeleton.default // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
 }; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args

package/lib/esm/components/SnippetNotifications/Skeleton.js CHANGED Viewed

@@ -36,7 +36,7 @@ const Root = (0, _styles.styled)(_material.List)(({
   }
 }));
 /**
- * > API documentation for the Community-UI Snippet Notification Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Snippet Notification Skeleton component. Learn about the available props and the CSS API.
  #### Import

package/lib/esm/components/SnippetNotifications/SnippetNotifications.js CHANGED Viewed

@@ -109,7 +109,7 @@ const Root = (0, _styles.styled)(_material.Box, {
 /**
  *
- > API documentation for the Community-UI SnippetNotifications component. Learn about the available props and the CSS API.
+ > API documentation for the Community-JS SnippetNotifications component. Learn about the available props and the CSS API.
  #### Import

package/lib/esm/components/SnippetNotifications/SnippetNotifications.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/SnippetNotifications',
+  title: 'Design System/React UI/SnippetNotifications',
   component: _index.default
 }; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args

package/lib/esm/components/SnippetNotifications/SnippetNotificationsSkeleton.stories.js CHANGED Viewed

@@ -10,7 +10,7 @@ var _Skeleton = _interopRequireDefault(require("./Skeleton"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = {
-  title: 'Design System/SC UI/Skeleton/NotificationPopup',
+  title: 'Design System/React UI/Skeleton/NotificationPopup',
   component: _Skeleton.default
 };
 exports.default = _default;

package/lib/esm/components/Snippets/Skeleton.js CHANGED Viewed

@@ -33,7 +33,7 @@ const Root = (0, _styles.styled)(_Widget.default)(({
   }
 }));
 /**
- * > API documentation for the Community-UI Snippets Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Snippets Skeleton component. Learn about the available props and the CSS API.
  #### Import

package/lib/esm/components/Snippets/Snippets.js CHANGED Viewed

@@ -64,7 +64,7 @@ const Root = (0, _styles.styled)(_Widget.default, {
 /**
  *
- > API documentation for the Community-UI Snippets component. Learn about the available props and the CSS API.
+ > API documentation for the Community-JS Snippets component. Learn about the available props and the CSS API.
  #### Import

package/lib/esm/components/Snippets/Snippets.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Snippets',
+  title: 'Design System/React UI/Snippets',
   component: _index.default // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
 }; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args

package/lib/esm/components/Snippets/SnippetsSkeleton.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Skeleton/Snippets',
+  title: 'Design System/React UI/Skeleton/Snippets',
   component: _Skeleton.default // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
 }; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args

package/lib/esm/components/Thread/Skeleton.js CHANGED Viewed

@@ -23,7 +23,7 @@ const Root = (0, _styles.styled)(_Skeleton.GenericSkeleton, {
   theme
 }) => ({}));
 /**
- * > API documentation for the Community-UI Thread Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Thread Skeleton component. Learn about the available props and the CSS API.
  #### Import

package/lib/esm/components/Thread/Thread.js CHANGED Viewed

@@ -144,7 +144,7 @@ const Root = (0, _styles.styled)(_Widget.default, {
 /**
  *
- > API documentation for the Community-UI Thread component. Learn about the available props and the CSS API.
+ > API documentation for the Community-JS Thread component. Learn about the available props and the CSS API.
  #### Import

package/lib/esm/components/Thread/Thread.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Thread',
+  title: 'Design System/React UI/Thread',
   component: _index.default // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
 }; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args

package/lib/esm/components/Thread/ThreadSkeleton.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Skeleton/Thread',
+  title: 'Design System/React UI/Skeleton/Thread',
   component: _Skeleton.default // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
 }; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args

package/lib/esm/components/ToastNotifications/Skeleton.js CHANGED Viewed

@@ -23,7 +23,7 @@ const Root = (0, _styles.styled)(_Notification.NotificationSkeleton, {
   theme
 }) => ({}));
 /**
- * > API documentation for the Community-UI Toast Notifications Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Toast Notifications Skeleton component. Learn about the available props and the CSS API.
  #### Import

package/lib/esm/components/ToastNotifications/ToastNotifications.js CHANGED Viewed

@@ -62,7 +62,7 @@ const Root = (0, _styles.styled)(_material.Box, {
 /**
  *
- > API documentation for the Community-UI Toast Notifications component. Learn about the available props and the CSS API.
+ > API documentation for the Community-JS Toast Notifications component. Learn about the available props and the CSS API.
  #### Import

package/lib/esm/components/ToastNotifications/ToastNotifications.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/ToastNotifications',
+  title: 'Design System/React UI/ToastNotifications',
   component: _index.default,
   argTypes: {},
   args: {}

package/lib/esm/components/ToastNotifications/ToastNotificationsSkeleton.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Skeleton/ToastNotifications',
+  title: 'Design System/React UI/Skeleton/ToastNotifications',
   component: _Skeleton.default // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
 }; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args

package/lib/esm/components/TrendingFeed/Skeleton.js CHANGED Viewed

@@ -34,7 +34,7 @@ const Root = (0, _styles.styled)(_Widget.default)(({
   }
 }));
 /**
- * > API documentation for the Community-UI Trending Feed Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Trending Feed Skeleton component. Learn about the available props and the CSS API.
  #### Import

package/lib/esm/components/TrendingFeed/TrendingFeed.js CHANGED Viewed

@@ -69,7 +69,7 @@ const Root = (0, _styles.styled)(_Widget.default, {
 }));
 /**
- * > API documentation for the Community-UI Trending Feed component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Trending Feed component. Learn about the available props and the CSS API.
  #### Import

package/lib/esm/components/TrendingFeed/TrendingFeed.stories.js CHANGED Viewed

@@ -13,7 +13,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Trending Feed',
+  title: 'Design System/React UI/Trending Feed',
   component: _index.default,
   argTypes: {
     elevation: {

package/lib/esm/components/TrendingFeed/TrendingFeedSkeleton.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Skeleton/TrendingFeed',
+  title: 'Design System/React UI/Skeleton/TrendingFeed',
   component: _Skeleton.default // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
 }; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args

package/lib/esm/components/TrendingPeople/Skeleton.js CHANGED Viewed

@@ -34,7 +34,7 @@ const Root = (0, _styles.styled)(_Widget.default)(({
   }
 }));
 /**
- * > API documentation for the Community-UI Trending People Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Trending People Skeleton component. Learn about the available props and the CSS API.
  #### Import

package/lib/esm/components/TrendingPeople/TrendingPeople.js CHANGED Viewed

@@ -67,7 +67,7 @@ const Root = (0, _styles.styled)(_Widget.default, {
 }));
 /**
- * > API documentation for the Community-UI Trending People component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Trending People component. Learn about the available props and the CSS API.
  #### Import

package/lib/esm/components/TrendingPeople/TrendingPeople.stories.js CHANGED Viewed

@@ -13,7 +13,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Trending People',
+  title: 'Design System/React UI/Trending People',
   component: _index.default // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
 }; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args

package/lib/esm/components/TrendingPeople/TrendingPeopleSkeleton.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Skeleton/TrendingPeople',
+  title: 'Design System/React UI/Skeleton/TrendingPeople',
   component: _Skeleton.default // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
 }; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args

package/lib/esm/components/User/Skeleton.js CHANGED Viewed

@@ -25,7 +25,7 @@ const Root = (0, _styles.styled)(_BaseItem.default)(({
   theme
 }) => ({}));
 /**
- * > API documentation for the Community-UI User Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS User Skeleton component. Learn about the available props and the CSS API.
  #### Import

package/lib/esm/components/User/User.js CHANGED Viewed

@@ -50,7 +50,7 @@ const Root = (0, _styles.styled)(_BaseItemButton.default, {
 }) => ({}));
 /**
- * > API documentation for the Community-UI User component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS User component. Learn about the available props and the CSS API.
  #### Import