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

package/lib/esm/components/CategoriesSuggestionWidget/CategoriesSuggestionWidget.js

@@ -16,7 +16,7 @@ import { actionWidgetTypes, dataWidgetReducer, stateWidgetInitializer } from '..
 import BaseDialog from '../../shared/BaseDialog';
 import { SCOPE_SC_UI } from '../../constants/Errors';
 import InfiniteScroll from '../../shared/InfiniteScroll';
-const PREFIX = 'SCCategoriesSuggestionWidget';
+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
-})(({ theme }) => ({}));
+    slot: 'Root'
+})(() => ({}));
 const DialogRoot = styled(BaseDialog, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.dialogRoot
+    slot: 'DialogRoot'
 })(() => ({}));
 /**
  * > API documentation for the Community-JS Categories Suggestion component. Learn about the available props and the CSS API.

package/lib/esm/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/esm/components/CategoriesSuggestionWidget/Skeleton.js

@@ -4,18 +4,15 @@ import { styled } from '@mui/material/styles';
 import CategorySkeleton from '../Category/Skeleton';
 import Widget from '../Widget';
 import { CardContent, ListItem } from '@mui/material';
-const PREFIX = 'SCCategoriesSuggestionWidgetSkeleton';
+import { PREFIX } from './constants';
 const classes = {
-    root: `${PREFIX}-root`,
+    root: `${PREFIX}-skeleton-root`,
     list: `${PREFIX}-list`
 };
 const Root = styled(Widget, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    marginBottom: theme.spacing(2)
-}));
+    slot: 'SkeletonRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS Categories Suggestion Widget Skeleton component. Learn about the available props and the CSS API.
 
@@ -27,14 +24,14 @@ const Root = styled(Widget, {
 
  #### 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) {

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

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

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

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

package/lib/esm/components/Category/Category.js

@@ -9,13 +9,13 @@ import { defineMessages, useIntl } from 'react-intl';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
 import BaseItemButton from '../../shared/BaseItemButton';
+import { PREFIX } from './constants';
 const messages = defineMessages({
     categoryFollowers: {
         id: 'ui.category.categoryFollowers',
         defaultMessage: 'ui.category.categoryFollowers'
     }
 });
-const PREFIX = 'SCCategory';
 const classes = {
     root: `${PREFIX}-root`,
     categoryImage: `${PREFIX}-category-image`,
@@ -24,9 +24,8 @@ const classes = {
 };
 const Root = styled(BaseItemButton, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    slot: 'Root'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS Category component. Learn about the available props and the CSS API.
  *

package/lib/esm/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/esm/components/Category/Skeleton.js

@@ -3,9 +3,9 @@ import { styled } from '@mui/material/styles';
 import Skeleton from '@mui/material/Skeleton';
 import { Button, useTheme } from '@mui/material';
 import BaseItem from '../../shared/BaseItem';
-const PREFIX = 'SCCategorySkeleton';
+import { PREFIX } from './constants';
 const classes = {
-    root: `${PREFIX}-root`,
+    root: `${PREFIX}-skeleton-root`,
     image: `${PREFIX}-image`,
     primary: `${PREFIX}-primary`,
     secondary: `${PREFIX}-secondary`,
@@ -14,9 +14,8 @@ const classes = {
 };
 const Root = styled(BaseItem, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    slot: 'SkeletonRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS Category Skeleton component. Learn about the available props and the CSS API.
 
@@ -28,13 +27,13 @@ const Root = styled(BaseItem, {
 
  #### 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) {

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

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

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

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