@selfcommunity/react-ui 0.7.0-alpha.349 → 0.7.0-alpha.350

package/lib/cjs/components/UserConnectionsRequestsSentWidget/UserConnectionsRequestsSentWidget.js

@@ -19,25 +19,23 @@ const BaseDialog_1 = tslib_1.__importDefault(require("../../shared/BaseDialog"))
 const InfiniteScroll_1 = tslib_1.__importDefault(require("../../shared/InfiniteScroll"));
 const system_1 = require("@mui/system");
 const HiddenPlaceholder_1 = tslib_1.__importDefault(require("../../shared/HiddenPlaceholder"));
-const PREFIX = 'SCUserConnectionsRequestsSentWidget';
+const constants_1 = require("./constants");
 const classes = {
-    root: `${PREFIX}-root`,
-    title: `${PREFIX}-title`,
-    noResults: `${PREFIX}-no-results`,
-    showMore: `${PREFIX}-show-more`,
-    dialogRoot: `${PREFIX}-dialog-root`,
-    endMessage: `${PREFIX}-end-message`
+    root: `${constants_1.PREFIX}-root`,
+    title: `${constants_1.PREFIX}-title`,
+    noResults: `${constants_1.PREFIX}-no-results`,
+    showMore: `${constants_1.PREFIX}-show-more`,
+    dialogRoot: `${constants_1.PREFIX}-dialog-root`,
+    endMessage: `${constants_1.PREFIX}-end-message`
 };
 const Root = (0, styles_1.styled)(Widget_1.default, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    name: constants_1.PREFIX,
+    slot: 'Root'
+})(() => ({}));
 const DialogRoot = (0, styles_1.styled)(BaseDialog_1.default, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.dialogRoot
-})(({ theme }) => ({}));
+    name: constants_1.PREFIX,
+    slot: 'DialogRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS User Connections Requests Widget component. Learn about the available props and the CSS API.
  *
@@ -71,7 +69,7 @@ function UserConnectionsRequestsSentWidget(inProps) {
     // PROPS
     const props = (0, system_1.useThemeProps)({
         props: inProps,
-        name: PREFIX
+        name: constants_1.PREFIX
     });
     const { autoHide = false, limit = 3, className, UserProps = {}, cacheStrategy = utils_1.CacheStrategies.NETWORK_ONLY, onHeightChange, onStateChange, DialogProps = {}, userId } = props, rest = tslib_1.__rest(props, ["autoHide", "limit", "className", "UserProps", "cacheStrategy", "onHeightChange", "onStateChange", "DialogProps", "userId"]);
     // STATE

package/lib/cjs/components/UserConnectionsRequestsSentWidget/constants.d.ts

@@ -0,0 +1 @@
+export declare const PREFIX = "SCUserConnectionsRequestsSentWidget";

package/lib/cjs/components/UserConnectionsRequestsSentWidget/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PREFIX = void 0;
+exports.PREFIX = 'SCUserConnectionsRequestsSentWidget';

package/lib/cjs/components/UserConnectionsRequestsWidget/Skeleton.d.ts

@@ -10,13 +10,13 @@ import { WidgetProps } from '../Widget';
 
  #### Component Name
 
- The name `SCUserConnectionsRequestsWidgetSkeleton` can be used when providing style overrides in the theme.
+ The name `SCUserConnectionsRequestsWidget-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCUserConnectionsRequestsWidgetSkeleton-root|Styles applied to the root element.|
+ |root|.SCUserConnectionsRequestsWidget-skeleton-root|Styles applied to the root element.|
  *
  */
 export default function UserConnectionsRequestsSkeleton(props: WidgetProps): JSX.Element;

package/lib/cjs/components/UserConnectionsRequestsWidget/Skeleton.js

@@ -4,15 +4,14 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const CategoryTrendingUsersWidget_1 = require("../CategoryTrendingUsersWidget");
 const styles_1 = require("@mui/material/styles");
-const PREFIX = 'SCUserConnectionsRequestsWidgetSkeleton';
+const constants_1 = require("./constants");
 const classes = {
-    root: `${PREFIX}-root`
+    root: `${constants_1.PREFIX}-skeleton-root`
 };
 const Root = (0, styles_1.styled)(CategoryTrendingUsersWidget_1.CategoryTrendingPeopleWidgetSkeleton, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    name: constants_1.PREFIX,
+    slot: 'SkeletonRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS User Connections Requests Widget Skeleton component. Learn about the available props and the CSS API.
 
@@ -24,13 +23,13 @@ const Root = (0, styles_1.styled)(CategoryTrendingUsersWidget_1.CategoryTrending
 
  #### Component Name
 
- The name `SCUserConnectionsRequestsWidgetSkeleton` can be used when providing style overrides in the theme.
+ The name `SCUserConnectionsRequestsWidget-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCUserConnectionsRequestsWidgetSkeleton-root|Styles applied to the root element.|
+ |root|.SCUserConnectionsRequestsWidget-skeleton-root|Styles applied to the root element.|
  *
  */
 function UserConnectionsRequestsSkeleton(props) {

package/lib/cjs/components/UserConnectionsRequestsWidget/UserConnectionsRequestsWidget.js

@@ -19,25 +19,23 @@ const BaseDialog_1 = tslib_1.__importDefault(require("../../shared/BaseDialog"))
 const InfiniteScroll_1 = tslib_1.__importDefault(require("../../shared/InfiniteScroll"));
 const system_1 = require("@mui/system");
 const HiddenPlaceholder_1 = tslib_1.__importDefault(require("../../shared/HiddenPlaceholder"));
-const PREFIX = 'SCUserConnectionsRequestsWidget';
+const constants_1 = require("./constants");
 const classes = {
-    root: `${PREFIX}-root`,
-    title: `${PREFIX}-title`,
-    noResults: `${PREFIX}-no-results`,
-    showMore: `${PREFIX}-show-more`,
-    dialogRoot: `${PREFIX}-dialog-root`,
-    endMessage: `${PREFIX}-end-message`
+    root: `${constants_1.PREFIX}-root`,
+    title: `${constants_1.PREFIX}-title`,
+    noResults: `${constants_1.PREFIX}-no-results`,
+    showMore: `${constants_1.PREFIX}-show-more`,
+    dialogRoot: `${constants_1.PREFIX}-dialog-root`,
+    endMessage: `${constants_1.PREFIX}-end-message`
 };
 const Root = (0, styles_1.styled)(Widget_1.default, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    name: constants_1.PREFIX,
+    slot: 'Root'
+})(() => ({}));
 const DialogRoot = (0, styles_1.styled)(BaseDialog_1.default, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.dialogRoot
-})(({ theme }) => ({}));
+    name: constants_1.PREFIX,
+    slot: 'DialogRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS User Connections Requests Widget component. Learn about the available props and the CSS API.
  *
@@ -71,7 +69,7 @@ function UserConnectionsRequestsWidget(inProps) {
     // PROPS
     const props = (0, system_1.useThemeProps)({
         props: inProps,
-        name: PREFIX
+        name: constants_1.PREFIX
     });
     const { autoHide = false, limit = 3, className, UserProps = {}, cacheStrategy = utils_1.CacheStrategies.NETWORK_ONLY, onHeightChange, onStateChange, DialogProps = {}, userId } = props, rest = tslib_1.__rest(props, ["autoHide", "limit", "className", "UserProps", "cacheStrategy", "onHeightChange", "onStateChange", "DialogProps", "userId"]);
     // CONTEXT

package/lib/cjs/components/UserConnectionsRequestsWidget/constants.d.ts

@@ -0,0 +1 @@
+export declare const PREFIX = "SCUserConnectionsRequestsWidget";

package/lib/cjs/components/UserConnectionsRequestsWidget/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PREFIX = void 0;
+exports.PREFIX = 'SCUserConnectionsRequestsWidget';

package/lib/cjs/components/UserConnectionsWidget/Skeleton.d.ts

@@ -10,13 +10,13 @@ import { WidgetProps } from '../Widget';
 
  #### Component Name
 
- The name `SCUserConnectionsWidgetSkeleton` can be used when providing style overrides in the theme.
+ The name `SCUserConnectionsWidget-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCUserConnectionsWidgetSkeleton-root|Styles applied to the root element.|
+ |root|.SCUserConnectionsWidget-skeleton-root|Styles applied to the root element.|
  *
  */
 export default function UserConnectionsSkeleton(props: WidgetProps): JSX.Element;

package/lib/cjs/components/UserConnectionsWidget/Skeleton.js

@@ -4,12 +4,12 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const CategoryTrendingUsersWidget_1 = require("../CategoryTrendingUsersWidget");
 const styles_1 = require("@mui/material/styles");
-const PREFIX = 'SCUserConnectionsWidgetSkeleton';
+const constants_1 = require("./constants");
 const classes = {
-    root: `${PREFIX}-root`
+    root: `${constants_1.PREFIX}-skeleton-root`
 };
 const Root = (0, styles_1.styled)(CategoryTrendingUsersWidget_1.CategoryTrendingPeopleWidgetSkeleton, {
-    name: PREFIX,
+    name: constants_1.PREFIX,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
 })(({ theme }) => ({}));
@@ -24,13 +24,13 @@ const Root = (0, styles_1.styled)(CategoryTrendingUsersWidget_1.CategoryTrending
 
  #### Component Name
 
- The name `SCUserConnectionsWidgetSkeleton` can be used when providing style overrides in the theme.
+ The name `SCUserConnectionsWidget-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCUserConnectionsWidgetSkeleton-root|Styles applied to the root element.|
+ |root|.SCUserConnectionsWidget-skeleton-root|Styles applied to the root element.|
  *
  */
 function UserConnectionsSkeleton(props) {

package/lib/cjs/components/UserConnectionsWidget/UserConnectionsWidget.js

@@ -19,25 +19,23 @@ const BaseDialog_1 = tslib_1.__importDefault(require("../../shared/BaseDialog"))
 const InfiniteScroll_1 = tslib_1.__importDefault(require("../../shared/InfiniteScroll"));
 const system_1 = require("@mui/system");
 const HiddenPlaceholder_1 = tslib_1.__importDefault(require("../../shared/HiddenPlaceholder"));
-const PREFIX = 'SCUserConnectionsWidget';
+const constants_1 = require("./constants");
 const classes = {
-    root: `${PREFIX}-root`,
-    title: `${PREFIX}-title`,
-    noResults: `${PREFIX}-no-results`,
-    showMore: `${PREFIX}-show-more`,
-    dialogRoot: `${PREFIX}-dialog-root`,
-    endMessage: `${PREFIX}-end-message`
+    root: `${constants_1.PREFIX}-root`,
+    title: `${constants_1.PREFIX}-title`,
+    noResults: `${constants_1.PREFIX}-no-results`,
+    showMore: `${constants_1.PREFIX}-show-more`,
+    dialogRoot: `${constants_1.PREFIX}-dialog-root`,
+    endMessage: `${constants_1.PREFIX}-end-message`
 };
 const Root = (0, styles_1.styled)(Widget_1.default, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    name: constants_1.PREFIX,
+    slot: 'Root'
+})(() => ({}));
 const DialogRoot = (0, styles_1.styled)(BaseDialog_1.default, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.dialogRoot
-})(({ theme }) => ({}));
+    name: constants_1.PREFIX,
+    slot: 'DialogRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS User Connections Widget component. Learn about the available props and the CSS API.
  *
@@ -71,7 +69,7 @@ function UserConnectionsWidget(inProps) {
     // PROPS
     const props = (0, system_1.useThemeProps)({
         props: inProps,
-        name: PREFIX
+        name: constants_1.PREFIX
     });
     const { userId, user, autoHide = false, limit = 3, className, UserProps = {}, cacheStrategy = utils_1.CacheStrategies.NETWORK_ONLY, onHeightChange, onStateChange, DialogProps = {} } = props, rest = tslib_1.__rest(props, ["userId", "user", "autoHide", "limit", "className", "UserProps", "cacheStrategy", "onHeightChange", "onStateChange", "DialogProps"]);
     // STATE

package/lib/cjs/components/UserConnectionsWidget/constants.d.ts

@@ -0,0 +1 @@
+export declare const PREFIX = "SCUserConnectionsWidget";

package/lib/cjs/components/UserConnectionsWidget/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PREFIX = void 0;
+exports.PREFIX = 'SCUserConnectionsWidget';

package/lib/cjs/components/UserFollowedCategoriesWidget/Skeleton.d.ts

@@ -9,13 +9,13 @@
 
  #### Component Name
 
- The name `SCUserFollowedCategoriesWidgetSkeleton` can be used when providing style overrides in the theme.
+ The name `SCUserCategoriesFollowedWidget-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCUserFollowedCategoriesWidgetSkeleton-root|Styles applied to the root element.|
+ |root|.SCUserCategoriesFollowedWidget-skeleton-root|Styles applied to the root element.|
  *
  */
 export default function UserFollowedCategoriesWidgetSkeleton(props: any): JSX.Element;

package/lib/cjs/components/UserFollowedCategoriesWidget/Skeleton.js

@@ -6,15 +6,12 @@ const Skeleton_1 = tslib_1.__importDefault(require("../CategoriesSuggestionWidge
 const styles_1 = require("@mui/material/styles");
 const PREFIX = 'SCUserFollowedCategoriesWidgetSkeleton';
 const classes = {
-    root: `${PREFIX}-root`
+    root: `${PREFIX}-skeleton-root`
 };
 const Root = (0, styles_1.styled)(Skeleton_1.default, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    marginBottom: theme.spacing(2)
-}));
+    slot: 'SkeletonRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS User Profile Categories Followed Widget Skeleton component. Learn about the available props and the CSS API.
 
@@ -26,13 +23,13 @@ const Root = (0, styles_1.styled)(Skeleton_1.default, {
 
  #### Component Name
 
- The name `SCUserFollowedCategoriesWidgetSkeleton` can be used when providing style overrides in the theme.
+ The name `SCUserCategoriesFollowedWidget-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCUserFollowedCategoriesWidgetSkeleton-root|Styles applied to the root element.|
+ |root|.SCUserCategoriesFollowedWidget-skeleton-root|Styles applied to the root element.|
  *
  */
 function UserFollowedCategoriesWidgetSkeleton(props) {

package/lib/cjs/components/UserFollowedCategoriesWidget/UserFollowedCategoriesWidget.js

@@ -18,24 +18,22 @@ const BaseDialog_1 = tslib_1.__importDefault(require("../../shared/BaseDialog"))
 const Widget_1 = tslib_1.__importDefault(require("../Widget"));
 const system_1 = require("@mui/system");
 const HiddenPlaceholder_1 = tslib_1.__importDefault(require("../../shared/HiddenPlaceholder"));
-const PREFIX = 'SCUserCategoriesFollowedWidget';
+const constants_1 = require("./constants");
 const classes = {
-    root: `${PREFIX}-root`,
-    title: `${PREFIX}-title`,
-    noResults: `${PREFIX}-no-results`,
-    showMore: `${PREFIX}-show-more`,
-    dialogRoot: `${PREFIX}-dialog-root`,
-    endMessage: `${PREFIX}-end-message`
+    root: `${constants_1.PREFIX}-root`,
+    title: `${constants_1.PREFIX}-title`,
+    noResults: `${constants_1.PREFIX}-no-results`,
+    showMore: `${constants_1.PREFIX}-show-more`,
+    dialogRoot: `${constants_1.PREFIX}-dialog-root`,
+    endMessage: `${constants_1.PREFIX}-end-message`
 };
 const Root = (0, styles_1.styled)(Widget_1.default, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    name: constants_1.PREFIX,
+    slot: 'Root'
 })(() => ({}));
 const DialogRoot = (0, styles_1.styled)(BaseDialog_1.default, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.dialogRoot
+    name: constants_1.PREFIX,
+    slot: 'DialogRoot'
 })(() => ({}));
 /**
  * > API documentation for the Community-JS User Profile Categories Followed Widget component. Learn about the available props and the CSS API.
@@ -67,7 +65,7 @@ function UserFollowedCategoriesWidget(inProps) {
     // PROPS
     const props = (0, system_1.useThemeProps)({
         props: inProps,
-        name: PREFIX
+        name: constants_1.PREFIX
     });
     const { userId, autoHide, limit = 3, className, CategoryProps = {}, cacheStrategy = utils_1.CacheStrategies.NETWORK_ONLY, onHeightChange, onStateChange, DialogProps = {} } = props, rest = tslib_1.__rest(props, ["userId", "autoHide", "limit", "className", "CategoryProps", "cacheStrategy", "onHeightChange", "onStateChange", "DialogProps"]);
     // CONTEXT

package/lib/cjs/components/UserFollowedCategoriesWidget/constants.d.ts

@@ -0,0 +1 @@
+export declare const PREFIX = "SCUserCategoriesFollowedWidget";

package/lib/cjs/components/UserFollowedCategoriesWidget/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PREFIX = void 0;
+exports.PREFIX = 'SCUserCategoriesFollowedWidget';

package/lib/cjs/components/UserFollowedUsersWidget/Skeleton.d.ts

@@ -10,13 +10,13 @@ import { WidgetProps } from '../Widget';
 
  #### Component Name
 
- The name `SCUserFollowedUsersWidgetSkeleton` can be used when providing style overrides in the theme.
+ The name `SCUserFollowedUsersWidget-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCUserFollowedUsersWidgetSkeleton-root|Styles applied to the root element.|
+ |root|.SCUserFollowedUsersWidget-skeleton-root|Styles applied to the root element.|
  *
  */
 export default function UserFollowedUsersWidgetSkeleton(props: WidgetProps): JSX.Element;

package/lib/cjs/components/UserFollowedUsersWidget/Skeleton.js

@@ -4,15 +4,14 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const CategoryTrendingUsersWidget_1 = require("../CategoryTrendingUsersWidget");
 const styles_1 = require("@mui/material/styles");
-const PREFIX = 'SCUserFollowedUsersWidgetSkeleton';
+const constants_1 = require("./constants");
 const classes = {
-    root: `${PREFIX}-root`
+    root: `${constants_1.PREFIX}-skeleton-root`
 };
 const Root = (0, styles_1.styled)(CategoryTrendingUsersWidget_1.CategoryTrendingPeopleWidgetSkeleton, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    name: constants_1.PREFIX,
+    slot: 'SkeletonRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS Users Followed Widget Skeleton component. Learn about the available props and the CSS API.
 
@@ -24,13 +23,13 @@ const Root = (0, styles_1.styled)(CategoryTrendingUsersWidget_1.CategoryTrending
 
  #### Component Name
 
- The name `SCUserFollowedUsersWidgetSkeleton` can be used when providing style overrides in the theme.
+ The name `SCUserFollowedUsersWidget-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCUserFollowedUsersWidgetSkeleton-root|Styles applied to the root element.|
+ |root|.SCUserFollowedUsersWidget-skeleton-root|Styles applied to the root element.|
  *
  */
 function UserFollowedUsersWidgetSkeleton(props) {

package/lib/cjs/components/UserFollowedUsersWidget/UserFollowedUsersWidget.js

@@ -19,24 +19,22 @@ const InfiniteScroll_1 = tslib_1.__importDefault(require("../../shared/InfiniteS
 const system_1 = require("@mui/system");
 const HiddenPlaceholder_1 = tslib_1.__importDefault(require("../../shared/HiddenPlaceholder"));
 const widget_1 = require("../../utils/widget");
-const PREFIX = 'SCUserFollowedUsersWidget';
+const constants_1 = require("./constants");
 const classes = {
-    root: `${PREFIX}-root`,
-    title: `${PREFIX}-title`,
-    noResults: `${PREFIX}-no-results`,
-    showMore: `${PREFIX}-show-more`,
-    dialogRoot: `${PREFIX}-dialog-root`,
-    endMessage: `${PREFIX}-end-message`
+    root: `${constants_1.PREFIX}-root`,
+    title: `${constants_1.PREFIX}-title`,
+    noResults: `${constants_1.PREFIX}-no-results`,
+    showMore: `${constants_1.PREFIX}-show-more`,
+    dialogRoot: `${constants_1.PREFIX}-dialog-root`,
+    endMessage: `${constants_1.PREFIX}-end-message`
 };
 const Root = (0, styles_1.styled)(Widget_1.default, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    name: constants_1.PREFIX,
+    slot: 'Root'
 })(() => ({}));
 const DialogRoot = (0, styles_1.styled)(BaseDialog_1.default, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.dialogRoot
+    name: constants_1.PREFIX,
+    slot: 'DialogRoot'
 })(() => ({}));
 /**
  * > API documentation for the Community-JS User Followed Users Widget component. Learn about the available props and the CSS API.
@@ -73,7 +71,7 @@ function UserFollowedUsersWidget(inProps) {
     // PROPS
     const props = (0, system_1.useThemeProps)({
         props: inProps,
-        name: PREFIX
+        name: constants_1.PREFIX
     });
     const { userId, user, autoHide = false, limit = 3, className, UserProps = {}, cacheStrategy = utils_1.CacheStrategies.NETWORK_ONLY, onHeightChange, onStateChange, DialogProps = {} } = props, rest = tslib_1.__rest(props, ["userId", "user", "autoHide", "limit", "className", "UserProps", "cacheStrategy", "onHeightChange", "onStateChange", "DialogProps"]);
     // STATE

package/lib/cjs/components/UserFollowedUsersWidget/constants.d.ts

@@ -0,0 +1 @@
+export declare const PREFIX = "SCUserFollowedUsersWidget";

package/lib/cjs/components/UserFollowedUsersWidget/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PREFIX = void 0;
+exports.PREFIX = 'SCUserFollowedUsersWidget';

package/lib/cjs/components/UserFollowersWidget/Skeleton.d.ts

@@ -10,13 +10,13 @@ import { WidgetProps } from '../Widget';
 
  #### Component Name
 
- The name `SCUserFollowersWidgetSkeleton` can be used when providing style overrides in the theme.
+ The name `SCUserFollowersWidget-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCUserFollowersWidgetSkeleton-root|Styles applied to the root element.|
+ |root|.SCUserFollowersWidget-skeleton-root|Styles applied to the root element.|
  *
  */
 export default function UserFollowersSkeleton(props: WidgetProps): JSX.Element;

package/lib/cjs/components/UserFollowersWidget/Skeleton.js

@@ -4,15 +4,14 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const CategoryTrendingUsersWidget_1 = require("../CategoryTrendingUsersWidget");
 const styles_1 = require("@mui/material/styles");
-const PREFIX = 'SCUserFollowersWidgetSkeleton';
+const constants_1 = require("./constants");
 const classes = {
-    root: `${PREFIX}-root`
+    root: `${constants_1.PREFIX}-skeleton-root`
 };
 const Root = (0, styles_1.styled)(CategoryTrendingUsersWidget_1.CategoryTrendingPeopleWidgetSkeleton, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    name: constants_1.PREFIX,
+    slot: 'SkeletonRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS User Followers Widget Skeleton component. Learn about the available props and the CSS API.
 
@@ -24,13 +23,13 @@ const Root = (0, styles_1.styled)(CategoryTrendingUsersWidget_1.CategoryTrending
 
  #### Component Name
 
- The name `SCUserFollowersWidgetSkeleton` can be used when providing style overrides in the theme.
+ The name `SCUserFollowersWidget-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCUserFollowersWidgetSkeleton-root|Styles applied to the root element.|
+ |root|.SCUserFollowersWidget-skeleton-root|Styles applied to the root element.|
  *
  */
 function UserFollowersSkeleton(props) {

package/lib/cjs/components/UserFollowersWidget/UserFollowersWidget.js

@@ -19,25 +19,23 @@ const BaseDialog_1 = tslib_1.__importDefault(require("../../shared/BaseDialog"))
 const InfiniteScroll_1 = tslib_1.__importDefault(require("../../shared/InfiniteScroll"));
 const system_1 = require("@mui/system");
 const HiddenPlaceholder_1 = tslib_1.__importDefault(require("../../shared/HiddenPlaceholder"));
-const PREFIX = 'SCUserFollowersWidget';
+const constants_1 = require("./constants");
 const classes = {
-    root: `${PREFIX}-root`,
-    title: `${PREFIX}-title`,
-    noResults: `${PREFIX}-no-results`,
-    showMore: `${PREFIX}-show-more`,
-    dialogRoot: `${PREFIX}-dialog-root`,
-    endMessage: `${PREFIX}-end-message`
+    root: `${constants_1.PREFIX}-root`,
+    title: `${constants_1.PREFIX}-title`,
+    noResults: `${constants_1.PREFIX}-no-results`,
+    showMore: `${constants_1.PREFIX}-show-more`,
+    dialogRoot: `${constants_1.PREFIX}-dialog-root`,
+    endMessage: `${constants_1.PREFIX}-end-message`
 };
 const Root = (0, styles_1.styled)(Widget_1.default, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    name: constants_1.PREFIX,
+    slot: 'Root'
+})(() => ({}));
 const DialogRoot = (0, styles_1.styled)(BaseDialog_1.default, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.dialogRoot
-})(({ theme }) => ({}));
+    name: constants_1.PREFIX,
+    slot: 'DialogRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS User Followers Widget component. Learn about the available props and the CSS API.
  *
@@ -73,7 +71,7 @@ function UserFollowersWidget(inProps) {
     // PROPS
     const props = (0, system_1.useThemeProps)({
         props: inProps,
-        name: PREFIX
+        name: constants_1.PREFIX
     });
     const { userId, user, autoHide = false, limit = 3, className, UserProps = {}, cacheStrategy = utils_1.CacheStrategies.NETWORK_ONLY, onHeightChange, onStateChange, DialogProps = {} } = props, rest = tslib_1.__rest(props, ["userId", "user", "autoHide", "limit", "className", "UserProps", "cacheStrategy", "onHeightChange", "onStateChange", "DialogProps"]);
     // STATE

package/lib/cjs/components/UserFollowersWidget/constants.d.ts

@@ -0,0 +1 @@
+export declare const PREFIX = "SCUserFollowersWidget";

package/lib/cjs/components/UserFollowersWidget/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PREFIX = void 0;
+exports.PREFIX = 'SCUserFollowersWidget';

package/lib/cjs/components/UserInfo/Skeleton.d.ts

@@ -9,13 +9,13 @@
 
  #### Component Name
 
- The name `SCUserProfileInfoSkeleton` can be used when providing style overrides in the theme.
+ The name `SCUserProfileInfo-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCUserProfileInfoSkeleton-root|Styles applied to the root element.|
+ |root|.SCUserProfileInfo-skeleton-root|Styles applied to the root element.|
  *
  */
 declare function UserProfileInfoSkeleton(): JSX.Element;