@selfcommunity/react-ui 0.7.0-alpha.345 → 0.7.0-alpha.347

package/lib/cjs/components/Categories/Categories.js

@@ -14,19 +14,18 @@ const system_1 = require("@mui/system");
 const Errors_1 = require("../../constants/Errors");
 const utils_1 = require("@selfcommunity/utils");
 const HiddenPlaceholder_1 = tslib_1.__importDefault(require("../../shared/HiddenPlaceholder"));
-const PREFIX = 'SCCategories';
+const constants_1 = require("./constants");
 const classes = {
-    root: `${PREFIX}-root`,
-    filters: `${PREFIX}-filter`,
-    categories: `${PREFIX}-categories`,
-    category: `${PREFIX}-category`,
-    noResults: `${PREFIX}-no-results`
+    root: `${constants_1.PREFIX}-root`,
+    filters: `${constants_1.PREFIX}-filter`,
+    categories: `${constants_1.PREFIX}-categories`,
+    category: `${constants_1.PREFIX}-category`,
+    noResults: `${constants_1.PREFIX}-no-results`
 };
 const Root = (0, styles_1.styled)(material_1.Box, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    name: constants_1.PREFIX,
+    slot: 'Root'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS Categories component. Learn about the available props and the CSS API.
  *
@@ -57,7 +56,7 @@ function Categories(inProps) {
     // PROPS
     const props = (0, system_1.useThemeProps)({
         props: inProps,
-        name: PREFIX
+        name: constants_1.PREFIX
     });
     const { className, CategoryComponent = Category_1.default, CategoryComponentProps = { variant: 'outlined', ButtonBaseProps: { disableRipple: true, component: material_1.Box } }, CategoriesSkeletonComponent = Skeleton_1.default, CategoriesSkeletonProps = {}, showFilters = true, filters, handleFilterCategories, prefetchedCategories = [] } = props, rest = tslib_1.__rest(props, ["className", "CategoryComponent", "CategoryComponentProps", "CategoriesSkeletonComponent", "CategoriesSkeletonProps", "showFilters", "filters", "handleFilterCategories", "prefetchedCategories"]);
     // STATE

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

@@ -21,14 +21,14 @@ export interface CategoriesSkeletonProps {
 
  #### Component Name
 
- The name `SCCategoriesSkeleton` can be used when providing style overrides in the theme.
+ The name `SCCategories-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCCategoriesSkeleton-root|Styles applied to the root element.|
- |categories|.SCCategoriesSkeleton-categories|Styles applied to the categories element.|
+ |root|.SCCategories-skeleton-root|Styles applied to the root element.|
+ |categories|.SCCategories-categories|Styles applied to the categories' element.|
  *
  */
 export default function CategoriesSkeleton(inProps: CategoriesSkeletonProps): JSX.Element;

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

@@ -6,16 +6,15 @@ const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const Skeleton_1 = tslib_1.__importDefault(require("../Category/Skeleton"));
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const PREFIX = 'SCCategoriesSkeleton';
+const constants_1 = require("./constants");
 const classes = {
-    root: `${PREFIX}-root`,
-    categories: `${PREFIX}-categories`
+    root: `${constants_1.PREFIX}-skeleton-root`,
+    categories: `${constants_1.PREFIX}-categories`
 };
 const Root = (0, styles_1.styled)(material_1.Box, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    name: constants_1.PREFIX,
+    slot: 'SkeletonRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS Categories Skeleton component. Learn about the available props and the CSS API.
 
@@ -27,14 +26,14 @@ const Root = (0, styles_1.styled)(material_1.Box, {
 
  #### Component Name
 
- The name `SCCategoriesSkeleton` can be used when providing style overrides in the theme.
+ The name `SCCategories-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCCategoriesSkeleton-root|Styles applied to the root element.|
- |categories|.SCCategoriesSkeleton-categories|Styles applied to the categories element.|
+ |root|.SCCategories-skeleton-root|Styles applied to the root element.|
+ |categories|.SCCategories-categories|Styles applied to the categories' element.|
  *
  */
 function CategoriesSkeleton(inProps) {

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

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

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

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

package/lib/cjs/components/CategoriesPopularWidget/CategoriesPopularWidget.js

@@ -18,24 +18,22 @@ const system_1 = require("@mui/system");
 const HiddenPlaceholder_1 = tslib_1.__importDefault(require("../../shared/HiddenPlaceholder"));
 const react_core_1 = require("@selfcommunity/react-core");
 const widget_1 = require("../../utils/widget");
-const PREFIX = 'SCCategoriesPopularWidget';
+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 Categories Popular widget component. Learn about the available props and the CSS API.
@@ -69,7 +67,7 @@ function CategoriesPopularWidget(inProps) {
     // PROPS
     const props = (0, system_1.useThemeProps)({
         props: inProps,
-        name: PREFIX
+        name: constants_1.PREFIX
     });
     const { autoHide = true, limit = 3, className, CategoryProps = {}, cacheStrategy = utils_1.CacheStrategies.CACHE_FIRST, onHeightChange, onStateChange, DialogProps = {}, categoryId } = props, // Removed from root DOM
     rest = tslib_1.__rest(props, ["autoHide", "limit", "className", "CategoryProps", "cacheStrategy", "onHeightChange", "onStateChange", "DialogProps", "categoryId"]);

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

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

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

@@ -4,17 +4,14 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const Skeleton_1 = tslib_1.__importDefault(require("../CategoriesSuggestionWidget/Skeleton"));
 const styles_1 = require("@mui/material/styles");
-const PREFIX = 'SCCategoriesPopularWidgetSkeleton';
+const constants_1 = require("./constants");
 const classes = {
-    root: `${PREFIX}-root`
+    root: `${constants_1.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)
-}));
+    name: constants_1.PREFIX,
+    slot: 'SkeletonRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS Categories Popular 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 `SCCategoriesPopularSkeleton` can be used when providing style overrides in the theme.
+ The name `SCCategoriesPopularWidget-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCCategoriesPopularSkeleton-root|Styles applied to the root element.|
+ |root|.SCCategoriesPopularWidget-skeleton-root|Styles applied to the root element.|
  *
  */
 function CategoriesPopularSkeleton(props) {

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

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

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

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

package/lib/cjs/components/CategoriesSuggestionWidget/CategoriesSuggestionWidget.js

@@ -18,24 +18,22 @@ const widget_1 = require("../../utils/widget");
 const BaseDialog_1 = tslib_1.__importDefault(require("../../shared/BaseDialog"));
 const Errors_1 = require("../../constants/Errors");
 const InfiniteScroll_1 = tslib_1.__importDefault(require("../../shared/InfiniteScroll"));
-const PREFIX = 'SCCategoriesSuggestionWidget';
+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
+    name: constants_1.PREFIX,
+    slot: 'DialogRoot'
 })(() => ({}));
 /**
  * > API documentation for the Community-JS Categories Suggestion component. Learn about the available props and the CSS API.
@@ -68,7 +66,7 @@ function CategoriesSuggestionWidget(inProps) {
     // PROPS
     const props = (0, system_1.useThemeProps)({
         props: inProps,
-        name: PREFIX
+        name: constants_1.PREFIX
     });
     const { autoHide = true, limit = 3, className, CategoryProps = {}, cacheStrategy = utils_1.CacheStrategies.NETWORK_ONLY, onHeightChange, onStateChange, DialogProps = {}, categoryId } = props, // Removed from root DOM
     rest = tslib_1.__rest(props, ["autoHide", "limit", "className", "CategoryProps", "cacheStrategy", "onHeightChange", "onStateChange", "DialogProps", "categoryId"]);

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

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

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

@@ -7,18 +7,15 @@ const styles_1 = require("@mui/material/styles");
 const Skeleton_1 = tslib_1.__importDefault(require("../Category/Skeleton"));
 const Widget_1 = tslib_1.__importDefault(require("../Widget"));
 const material_1 = require("@mui/material");
-const PREFIX = 'SCCategoriesSuggestionWidgetSkeleton';
+const constants_1 = require("./constants");
 const classes = {
-    root: `${PREFIX}-root`,
-    list: `${PREFIX}-list`
+    root: `${constants_1.PREFIX}-skeleton-root`,
+    list: `${constants_1.PREFIX}-list`
 };
 const Root = (0, styles_1.styled)(Widget_1.default, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    marginBottom: theme.spacing(2)
-}));
+    name: constants_1.PREFIX,
+    slot: 'SkeletonRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS Categories Suggestion Widget Skeleton component. Learn about the available props and the CSS API.
 
@@ -30,14 +27,14 @@ const Root = (0, styles_1.styled)(Widget_1.default, {
 
  #### Component Name
 
- The name `SCCategoriesSuggestionWidgetSkeleton` can be used when providing style overrides in the theme.
+ The name `SCCategoriesSuggestionWidget-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCCategoriesSuggestionWidgetSkeleton-root|Styles applied to the root element.|
- |list|.SCCategoriesSuggestionWidgetSkeleton-list|Styles applied to the list element.|
+ |root|.SCCategoriesSuggestionWidget-skeleton-root|Styles applied to the root element.|
+ |list|.SCCategoriesSuggestionWidget-list|Styles applied to the list element.|
  *
  */
 function CategoriesSuggestionWidgetSkeleton(props) {

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

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

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

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

package/lib/cjs/components/Category/Category.js

@@ -11,24 +11,23 @@ const react_intl_1 = require("react-intl");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const system_1 = require("@mui/system");
 const BaseItemButton_1 = tslib_1.__importDefault(require("../../shared/BaseItemButton"));
+const constants_1 = require("./constants");
 const messages = (0, react_intl_1.defineMessages)({
     categoryFollowers: {
         id: 'ui.category.categoryFollowers',
         defaultMessage: 'ui.category.categoryFollowers'
     }
 });
-const PREFIX = 'SCCategory';
 const classes = {
-    root: `${PREFIX}-root`,
-    categoryImage: `${PREFIX}-category-image`,
-    title: `${PREFIX}-title`,
-    actions: `${PREFIX}-actions`
+    root: `${constants_1.PREFIX}-root`,
+    categoryImage: `${constants_1.PREFIX}-category-image`,
+    title: `${constants_1.PREFIX}-title`,
+    actions: `${constants_1.PREFIX}-actions`
 };
 const Root = (0, styles_1.styled)(BaseItemButton_1.default, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    name: constants_1.PREFIX,
+    slot: 'Root'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS Category component. Learn about the available props and the CSS API.
  *
@@ -58,7 +57,7 @@ function Category(inProps) {
     // PROPS
     const props = (0, system_1.useThemeProps)({
         props: inProps,
-        name: PREFIX
+        name: constants_1.PREFIX
     });
     const { categoryId = null, category = null, className = null, elevation, autoHide = false, categoryFollowButtonProps = {}, showFollowers = true, ButtonBaseProps = null } = props, rest = tslib_1.__rest(props, ["categoryId", "category", "className", "elevation", "autoHide", "categoryFollowButtonProps", "showFollowers", "ButtonBaseProps"]);
     // CONTEXT

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

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

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

@@ -6,20 +6,19 @@ const styles_1 = require("@mui/material/styles");
 const Skeleton_1 = tslib_1.__importDefault(require("@mui/material/Skeleton"));
 const material_1 = require("@mui/material");
 const BaseItem_1 = tslib_1.__importDefault(require("../../shared/BaseItem"));
-const PREFIX = 'SCCategorySkeleton';
+const constants_1 = require("./constants");
 const classes = {
-    root: `${PREFIX}-root`,
-    image: `${PREFIX}-image`,
-    primary: `${PREFIX}-primary`,
-    secondary: `${PREFIX}-secondary`,
-    button: `${PREFIX}-button`,
-    action: `${PREFIX}-action`
+    root: `${constants_1.PREFIX}-skeleton-root`,
+    image: `${constants_1.PREFIX}-image`,
+    primary: `${constants_1.PREFIX}-primary`,
+    secondary: `${constants_1.PREFIX}-secondary`,
+    button: `${constants_1.PREFIX}-button`,
+    action: `${constants_1.PREFIX}-action`
 };
 const Root = (0, styles_1.styled)(BaseItem_1.default, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    name: constants_1.PREFIX,
+    slot: 'SkeletonRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS Category Skeleton component. Learn about the available props and the CSS API.
 
@@ -31,13 +30,13 @@ const Root = (0, styles_1.styled)(BaseItem_1.default, {
 
  #### Component Name
 
- The name `SCCategorySkeleton` can be used when providing style overrides in the theme.
+ The name `SCCategory-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCCategorySkeleton-root|Styles applied to the root element.|
+ |root|.SCCategory-skeleton-root|Styles applied to the root element.|
  *
  */
 function CategorySkeleton(props) {

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

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

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

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

package/lib/esm/components/Categories/Categories.js

@@ -12,7 +12,7 @@ import { useThemeProps } from '@mui/system';
 import { SCOPE_SC_UI } from '../../constants/Errors';
 import { Logger } from '@selfcommunity/utils';
 import HiddenPlaceholder from '../../shared/HiddenPlaceholder';
-const PREFIX = 'SCCategories';
+import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-root`,
     filters: `${PREFIX}-filter`,
@@ -22,9 +22,8 @@ const classes = {
 };
 const Root = styled(Box, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    slot: 'Root'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS Categories component. Learn about the available props and the CSS API.
  *

package/lib/esm/components/Categories/Skeleton.d.ts

@@ -21,14 +21,14 @@ export interface CategoriesSkeletonProps {
 
  #### Component Name
 
- The name `SCCategoriesSkeleton` can be used when providing style overrides in the theme.
+ The name `SCCategories-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCCategoriesSkeleton-root|Styles applied to the root element.|
- |categories|.SCCategoriesSkeleton-categories|Styles applied to the categories element.|
+ |root|.SCCategories-skeleton-root|Styles applied to the root element.|
+ |categories|.SCCategories-categories|Styles applied to the categories' element.|
  *
  */
 export default function CategoriesSkeleton(inProps: CategoriesSkeletonProps): JSX.Element;

package/lib/esm/components/Categories/Skeleton.js

@@ -4,16 +4,15 @@ import { styled } from '@mui/material/styles';
 import { Box, Grid } from '@mui/material';
 import CategorySkeleton from '../Category/Skeleton';
 import classNames from 'classnames';
-const PREFIX = 'SCCategoriesSkeleton';
+import { PREFIX } from './constants';
 const classes = {
-    root: `${PREFIX}-root`,
+    root: `${PREFIX}-skeleton-root`,
     categories: `${PREFIX}-categories`
 };
 const Root = styled(Box, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    slot: 'SkeletonRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS Categories Skeleton component. Learn about the available props and the CSS API.
 
@@ -25,14 +24,14 @@ const Root = styled(Box, {
 
  #### Component Name
 
- The name `SCCategoriesSkeleton` can be used when providing style overrides in the theme.
+ The name `SCCategories-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCCategoriesSkeleton-root|Styles applied to the root element.|
- |categories|.SCCategoriesSkeleton-categories|Styles applied to the categories element.|
+ |root|.SCCategories-skeleton-root|Styles applied to the root element.|
+ |categories|.SCCategories-categories|Styles applied to the categories' element.|
  *
  */
 export default function CategoriesSkeleton(inProps) {

package/lib/esm/components/Categories/constants.d.ts

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

package/lib/esm/components/Categories/constants.js

@@ -0,0 +1 @@
+export const PREFIX = 'SCCategories';

package/lib/esm/components/CategoriesPopularWidget/CategoriesPopularWidget.js

@@ -16,7 +16,7 @@ import { useThemeProps } from '@mui/system';
 import HiddenPlaceholder from '../../shared/HiddenPlaceholder';
 import { SCCache, SCPreferences, SCPreferencesContext, SCUserContext } from '@selfcommunity/react-core';
 import { actionWidgetTypes, dataWidgetReducer, stateWidgetInitializer } from '../../utils/widget';
-const PREFIX = 'SCCategoriesPopularWidget';
+import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-root`,
     title: `${PREFIX}-title`,
@@ -27,13 +27,11 @@ const classes = {
 };
 const Root = styled(Widget, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    slot: 'Root'
 })(() => ({}));
 const DialogRoot = styled(BaseDialog, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.dialogRoot
+    slot: 'DialogRoot'
 })(() => ({}));
 /**
  * > API documentation for the Community-JS Categories Popular widget component. Learn about the available props and the CSS API.

package/lib/esm/components/CategoriesPopularWidget/Skeleton.d.ts

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

package/lib/esm/components/CategoriesPopularWidget/Skeleton.js

@@ -1,17 +1,14 @@
 import React from 'react';
 import CategoriesSuggestionWidgetSkeleton from '../CategoriesSuggestionWidget/Skeleton';
 import { styled } from '@mui/material/styles';
-const PREFIX = 'SCCategoriesPopularWidgetSkeleton';
+import { PREFIX } from './constants';
 const classes = {
-    root: `${PREFIX}-root`
+    root: `${PREFIX}-skeleton-root`
 };
 const Root = styled(CategoriesSuggestionWidgetSkeleton, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    marginBottom: theme.spacing(2)
-}));
+    slot: 'SkeletonRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS Categories Popular Skeleton component. Learn about the available props and the CSS API.
 
@@ -23,13 +20,13 @@ const Root = styled(CategoriesSuggestionWidgetSkeleton, {
 
  #### Component Name
 
- The name `SCCategoriesPopularSkeleton` can be used when providing style overrides in the theme.
+ The name `SCCategoriesPopularWidget-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCCategoriesPopularSkeleton-root|Styles applied to the root element.|
+ |root|.SCCategoriesPopularWidget-skeleton-root|Styles applied to the root element.|
  *
  */
 export default function CategoriesPopularSkeleton(props) {

package/lib/esm/components/CategoriesPopularWidget/constants.d.ts

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

package/lib/esm/components/CategoriesPopularWidget/constants.js

@@ -0,0 +1 @@
+export const PREFIX = 'SCCategoriesPopularWidget';