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

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

@@ -4,14 +4,15 @@ import List from '@mui/material/List';
 import { styled } from '@mui/material/styles';
 import UserSkeleton from '../User/Skeleton';
 import { CardContent, ListItem } from '@mui/material';
-const PREFIX = 'SCCategoryTrendingPeopleWidgetSkeleton';
+import { PREFIX } from './constants';
 const classes = {
-    root: `${PREFIX}-root`,
+    root: `${PREFIX}-skeleton-root`,
     list: `${PREFIX}-list`
 };
-const Root = styled(Widget)(({ theme }) => ({
-    marginBottom: theme.spacing(2)
-}));
+const Root = styled(Widget, {
+    name: PREFIX,
+    slot: 'SkeletonRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS Trending People Widget Skeleton component. Learn about the available props and the CSS API.
 
@@ -23,14 +24,14 @@ const Root = styled(Widget)(({ theme }) => ({
 
  #### Component Name
 
- The name `SCCategoryTrendingPeopleWidgetSkeleton` can be used when providing style overrides in the theme.
+ The name `SCCategoryTrendingPeopleWidget-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCCategoryTrendingPeopleWidgetSkeleton-root|Styles applied to the root element.|
- |list|.SCCategoryTrendingPeopleWidgetSkeleton-list|Styles applied to the list element.|
+ |root|.SCCategoryTrendingPeopleWidget-skeleton-root|Styles applied to the root element.|
+ |list|.SCCategoryTrendingPeopleWidget-list|Styles applied to the list element.|
  *
  */
 export default function CategoryTrendingPeopleWidgetSkeleton(props) {

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

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

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

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

package/lib/esm/components/ChangePicture/ChangePicture.d.ts

@@ -46,6 +46,7 @@ export interface ChangePictureProps {
  |Rule Name|Global class|Description|
  |---|---|---|
  |root|.SCChangePictureButton-root|Styles applied to the root element.|
+ |root|.SCChangePictureButton-dialog|Styles applied to the dialog element.|
 
  * @param inProps
  */

package/lib/esm/components/ChangePicture/ChangePicture.js

@@ -8,15 +8,15 @@ import Icon from '@mui/material/Icon';
 import { SCUserContext } from '@selfcommunity/react-core';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
-const PREFIX = 'SCChangePictureButton';
+import { PREFIX } from './constants';
 const classes = {
-    root: `${PREFIX}-root`
+    root: `${PREFIX}-root`,
+    dialog: `${PREFIX}-dialog`
 };
 const Root = styled(Button, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    slot: 'Root'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS Change Picture component. Learn about the available props and the CSS API.
  *
@@ -39,6 +39,7 @@ const Root = styled(Button, {
  |Rule Name|Global class|Description|
  |---|---|---|
  |root|.SCChangePictureButton-root|Styles applied to the root element.|
+ |root|.SCChangePictureButton-dialog|Styles applied to the dialog element.|
 
  * @param inProps
  */
@@ -63,7 +64,7 @@ export default function ChangePicture(inProps) {
     if (!autoHide) {
         return (React.createElement(React.Fragment, null,
             React.createElement(Root, Object.assign({ className: classNames(classes.root, className), size: "small", variant: "contained", onClick: () => setOpenChangePictureDialog(true) }, rest), iconButton ? (React.createElement(Icon, null, "photo_camera")) : (React.createElement(FormattedMessage, { id: "ui.changePicture.button.change", defaultMessage: "ui.changePicture.button.change" }))),
-            openChangePictureDialog && (React.createElement(ChangePictureDialog, { open: openChangePictureDialog, onChange: (avatar) => onChange && onChange(avatar), onClose: () => setOpenChangePictureDialog(false) }))));
+            openChangePictureDialog && (React.createElement(ChangePictureDialog, { className: classes.dialog, open: openChangePictureDialog, onChange: (avatar) => onChange && onChange(avatar), onClose: () => setOpenChangePictureDialog(false) }))));
     }
     return null;
 }

package/lib/esm/components/ChangePicture/ChangePictureDialog/ChangePictureDialog.js

@@ -16,9 +16,9 @@ import { useThemeProps } from '@mui/system';
 import { scroll } from 'seamless-scroll-polyfill';
 import { SCOPE_SC_UI } from '../../../constants/Errors';
 import { Logger } from '@selfcommunity/utils';
-const PREFIX = 'SCChangePictureDialog';
+import { PREFIX } from '../constants';
 const classes = {
-    root: `${PREFIX}-root`,
+    dialogRoot: `${PREFIX}-dialog-root`,
     upload: `${PREFIX}-upload`,
     imagesList: `${PREFIX}-images-list`,
     imageItem: `${PREFIX}-image-item`,
@@ -26,16 +26,8 @@ const classes = {
 };
 const Root = styled(BaseDialog, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    '& .MuiDialogContent-root': {
-        paddingLeft: theme.spacing(2)
-    },
-    [`& .${classes.imagesList}`]: {
-        maxHeight: 500
-    }
-}));
+    slot: 'DialogRoot'
+})(() => ({}));
 export default function ChangePictureDialog(inProps) {
     //PROPS
     const props = useThemeProps({
@@ -191,7 +183,7 @@ export default function ChangePictureDialog(inProps) {
     /**
      * Renders root object
      */
-    return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className), title: React.createElement(FormattedMessage, { defaultMessage: "ui.changePicture.title", id: "ui.changePicture.title" }), onClose: onClose, open: open }, rest),
+    return (React.createElement(Root, Object.assign({ className: classNames(classes.dialogRoot, className), title: React.createElement(FormattedMessage, { defaultMessage: "ui.changePicture.title", id: "ui.changePicture.title" }), onClose: onClose, open: open }, rest),
         React.createElement(Box, { className: classes.upload },
             alert ? (React.createElement(Alert, { color: "error", onClose: () => setAlert(false) },
                 React.createElement(FormattedMessage, { id: "ui.changePicture.button.upload.alert", defaultMessage: "ui.changePicture.button.upload.alert" }))) : (React.createElement(React.Fragment, null,

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

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

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

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

package/lib/esm/components/CommentObject/CommentObject.js

@@ -25,7 +25,7 @@ import VoteButton from '../VoteButton';
 import VoteAudienceButton from '../VoteAudienceButton';
 import UserDeletedSnackBar from '../../shared/UserDeletedSnackBar';
 import UserAvatar from '../../shared/UserAvatar';
-const PREFIX = 'SCCommentObject';
+import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-root`,
     comment: `${PREFIX}-comment`,
@@ -45,9 +45,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 Comment Object component. Learn about the available props and the CSS API.
  *

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

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

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

@@ -5,31 +5,16 @@ import { styled } from '@mui/material/styles';
 import Skeleton from '@mui/material/Skeleton';
 import { CardContent, useTheme } from '@mui/material';
 import BaseItem from '../../shared/BaseItem';
-const PREFIX = 'SCCommentObjectSkeleton';
+import { PREFIX } from './constants';
 const classes = {
-    root: `${PREFIX}-root`,
+    root: `${PREFIX}-skeleton-root`,
     avatar: `${PREFIX}-avatar`,
     primaryContent: `${PREFIX}-primary-content`
 };
 const Root = styled(BaseItem, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    [`&.${classes.root}`]: {
-        paddingBottom: theme.spacing(),
-        overflow: 'visible',
-        '& > div': {
-            alignItems: 'flex-start'
-        }
-    },
-    [`& .${classes.avatar}`]: {
-        top: theme.spacing()
-    },
-    [`& .${classes.primaryContent}`]: {
-        marginBottom: theme.spacing()
-    }
-}));
+    slot: 'SkeletonRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS Comment Object Skeleton component. Learn about the available props and the CSS API.
 
@@ -41,13 +26,13 @@ const Root = styled(BaseItem, {
 
  #### Component Name
 
- The name `SCCommentObjectSkeleton` can be used when providing style overrides in the theme.
+ The name `SCCommentObject-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCCommentObjectSkeleton-root|Styles applied to the root element.|
+ |root|.SCCommentObject-skeleton-root|Styles applied to the root element.|
  *
  */
 export default function CommentObjectSkeleton(props) {

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

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

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

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

package/lib/esm/components/CommentsFeedObject/CommentsFeedObject.js

@@ -16,7 +16,7 @@ import { CacheStrategies, Logger } from '@selfcommunity/utils';
 import { useSCFetchCommentObject, useSCFetchCommentObjects } from '@selfcommunity/react-core';
 import { SCContributionType } from '@selfcommunity/types';
 import { DEFAULT_PAGINATION_LIMIT } from '../../constants/Pagination';
-const PREFIX = 'SCCommentsFeedObject';
+import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-root`,
     noComments: `${PREFIX}-no-comments`,
@@ -24,9 +24,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 Comments Feed Object component. Learn about the available props and the CSS API.
  *

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

@@ -1,5 +1,14 @@
 import React from 'react';
 import { CommentsObjectSkeleton } from '../CommentsObject';
+import { PREFIX } from './constants';
+import { styled } from '@mui/material/styles';
+const classes = {
+    root: `${PREFIX}-skeleton-root`
+};
+const Root = styled(CommentsObjectSkeleton, {
+    name: PREFIX,
+    slot: 'SkeletonRoot'
+})(() => ({}));
 export default function CommentsFeedObjectSkeleton(props) {
-    return React.createElement(CommentsObjectSkeleton, Object.assign({}, props));
+    return React.createElement(Root, Object.assign({ className: classes.root }, props));
 }

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

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

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

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

package/lib/esm/components/CommentsObject/CommentsObject.js

@@ -15,7 +15,7 @@ import { SCContributionType, SCCustomAdvPosition } from '@selfcommunity/types';
 import { appendURLSearchParams, CacheStrategies } from '@selfcommunity/utils';
 import { DEFAULT_PAGINATION_QUERY_PARAM_NAME } from '../../constants/Pagination';
 import { Link, SCPreferences, useSCFetchFeedObject, useSCPreferences, useSCRouting, useSCUser } from '@selfcommunity/react-core';
-const PREFIX = 'SCCommentsObject';
+import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-root`,
     loadNextCommentsButton: `${PREFIX}-load-more-comments-button`,
@@ -28,9 +28,8 @@ const classes = {
 };
 const Root = styled(Box, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    slot: 'Root'
+})(() => ({}));
 const PREFERENCES = [SCPreferences.ADVERTISING_CUSTOM_ADV_ENABLED, SCPreferences.ADVERTISING_CUSTOM_ADV_ONLY_FOR_ANONYMOUS_USERS_ENABLED];
 /**
  * > API documentation for the Community-JS Comments Object component. Learn about the available props and the CSS API.

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

@@ -9,13 +9,13 @@
 
  #### Component Name
 
- The name `SCCommentsObjectSkeleton` can be used when providing style overrides in the theme.
+ The name `SCCommentsObject-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCCommentsObjectSkeleton-root|Styles applied to the root element.|
+ |root|.SCCommentsObject-skeleton-root|Styles applied to the root element.|
  *
  */
 export default function CommentsObjectSkeleton(props: {

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

@@ -3,13 +3,14 @@ import React from 'react';
 import { styled } from '@mui/material/styles';
 import { CommentObjectSkeleton } from '../CommentObject';
 import { Box } from '@mui/material';
-const PREFIX = 'SCCommentsObjectSkeleton';
+import { PREFIX } from './constants';
 const classes = {
-    root: `${PREFIX}-root`
+    root: `${PREFIX}-skeleton-root`
 };
-const Root = styled(Box)(({ theme }) => ({
-    width: '100%'
-}));
+const Root = styled(Box, {
+    name: PREFIX,
+    slot: 'SkeletonRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS Comments Object Skeleton component. Learn about the available props and the CSS API.
 
@@ -21,13 +22,13 @@ const Root = styled(Box)(({ theme }) => ({
 
  #### Component Name
 
- The name `SCCommentsObjectSkeleton` can be used when providing style overrides in the theme.
+ The name `SCCommentsObject-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCCommentsObjectSkeleton-root|Styles applied to the root element.|
+ |root|.SCCommentsObject-skeleton-root|Styles applied to the root element.|
  *
  */
 export default function CommentsObjectSkeleton(props) {

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

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

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

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

package/lib/esm/components/ConsentSolution/ConsentSolution.js

@@ -21,7 +21,7 @@ import { getDocumentBody, isDocumentApproved, isEmptyDocumentBody } from '../../
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { elementScrollTo } from 'seamless-scroll-polyfill';
 import AccountDataPortability from '../AccountDataPortability';
-const PREFIX = 'SCConsentSolution';
+import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-root`,
     title: `${PREFIX}-title`,
@@ -43,94 +43,8 @@ const classes = {
 };
 const Root = styled(Dialog, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    [`& .${classes.title}`]: {
-        display: 'flex',
-        justifyContent: 'center',
-        fontWeight: 800,
-        [theme.breakpoints.down('sm')]: {
-            fontSize: '0.9rem'
-        }
-    },
-    [`& .${classes.titleBack}`]: {
-        display: 'flex',
-        justifyContent: 'left'
-    },
-    [`& .${classes.content}`]: {
-        padding: theme.spacing(2),
-        overflowX: 'hidden',
-        fontSize: '0.8rem',
-        [theme.breakpoints.down('sm')]: {
-            padding: 12,
-            '& h6': {
-                fontSize: '0.8rem'
-            },
-            '& span, p, li': {
-                fontSize: '0.7rem'
-            },
-            '& li': {
-                fontSize: '0.7rem'
-            },
-            '& button': {
-                fontSize: '0.6rem'
-            }
-        }
-    },
-    [`& .${classes.consent}`]: {
-        borderTop: 0,
-        overflowY: 'visible',
-        [theme.breakpoints.down('sm')]: {
-            paddingTop: 5,
-            paddingBottom: 5
-        }
-    },
-    [`& .${classes.consentSwitch}`]: {
-        margin: `${theme.spacing()} 3px`,
-        '& > span:first-of-type': {
-            marginRight: 10
-        },
-        [theme.breakpoints.down('sm')]: {
-            '.MuiFormControlLabel-label': {
-                fontSize: '0.7rem'
-            }
-        }
-    },
-    [`& .${classes.deleteAccountButton}`]: {
-        cursor: 'pointer',
-        '&:hover': {
-            textDecoration: 'underline'
-        }
-    },
-    [`& .${classes.confirmDeleteAccountButton}`]: {
-        color: '#FFF !important',
-        marginRight: theme.spacing(2),
-        marginBottom: theme.spacing()
-    },
-    [`& .${classes.logoutAccountButton}`]: {
-        marginBottom: theme.spacing()
-    },
-    [`& .${classes.dataPortability}`]: {
-        marginBottom: theme.spacing(2)
-    },
-    [`& .${classes.alertAcceptDocument}`]: {
-        padding: theme.spacing(),
-        [theme.breakpoints.down('sm')]: {
-            fontSize: '0.7rem',
-            padding: 5
-        }
-    },
-    [`& .${classes.acceptConditions}`]: {
-        fontSize: '0.8rem',
-        fontWeight: 300,
-        color: theme.palette.grey['A700'],
-        padding: `${theme.spacing()} ${theme.spacing()}`,
-        [theme.breakpoints.down('sm')]: {
-            fontSize: '0.6rem'
-        }
-    }
-}));
+    slot: 'Root'
+})(() => ({}));
 /**
  * Translations
  */

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

@@ -9,18 +9,18 @@
 
  #### Component Name
 
- The name `SCConsentSolutionSkeleton` can be used when providing style overrides in the theme.
+ The name `SCConsentSolution-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCConsentSolutionSkeleton-root|Styles applied to the root element.|
- |title|.SCConsentSolutionSkeleton-title|Styles applied to the title element.|
- |content|.SCConsentSolutionSkeleton-content|Styles applied to the content element.|
- |consent|.SCConsentSolutionSkeleton-consent|Styles applied to the consent element.|
- |consentSwitch|.SCConsentSolutionSkeleton-consent-switch|Styles applied to the switch skeleton element.|
- |actions|.SCConsentSolutionSkeleton-actions|Styles applied to the actions section.|
+ |root|.SCConsentSolution-skeleton-root|Styles applied to the root element.|
+ |title|.SCConsentSolution-title|Styles applied to the title element.|
+ |content|.SCConsentSolution-content|Styles applied to the content element.|
+ |consent|.SCConsentSolution-consent|Styles applied to the consent element.|
+ |consentSwitch|.SCConsentSolution-consent-switch|Styles applied to the switch skeleton element.|
+ |actions|.SCConsentSolution-actions|Styles applied to the actions section.|
  *
  */
 export default function ConsentSolutionSkeleton(): JSX.Element;

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

@@ -2,9 +2,9 @@ import React from 'react';
 import { styled } from '@mui/material/styles';
 import Skeleton from '@mui/material/Skeleton';
 import { Box, DialogActions, DialogContent, DialogTitle } from '@mui/material';
-const PREFIX = 'SCConsentSolutionSkeleton';
+import { PREFIX } from './constants';
 const classes = {
-    root: `${PREFIX}-root`,
+    root: `${PREFIX}-skeleton-root`,
     title: `${PREFIX}-title`,
     content: `${PREFIX}-content`,
     consent: `${PREFIX}-consent`,
@@ -14,33 +14,8 @@ const classes = {
 };
 const Root = styled(Box, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    [`& .${classes.title}`]: {
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center'
-    },
-    [`& .${classes.content}`]: {
-        paddingTop: theme.spacing(3),
-        paddingBottom: theme.spacing(5)
-    },
-    [`& .${classes.consent}`]: {
-        borderTop: 0,
-        overflowY: 'visible',
-        display: 'flex'
-    },
-    [`& .${classes.consentSwitch}`]: {
-        width: 64,
-        height: 31,
-        borderRadius: 22,
-        marginRight: theme.spacing()
-    },
-    [`& .${classes.consentSwitchLabel}`]: {
-        marginTop: 23
-    }
-}));
+    slot: 'SkeletonRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS ConsentSolution Skeleton component. Learn about the available props and the CSS API.
 
@@ -52,18 +27,18 @@ const Root = styled(Box, {
 
  #### Component Name
 
- The name `SCConsentSolutionSkeleton` can be used when providing style overrides in the theme.
+ The name `SCConsentSolution-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCConsentSolutionSkeleton-root|Styles applied to the root element.|
- |title|.SCConsentSolutionSkeleton-title|Styles applied to the title element.|
- |content|.SCConsentSolutionSkeleton-content|Styles applied to the content element.|
- |consent|.SCConsentSolutionSkeleton-consent|Styles applied to the consent element.|
- |consentSwitch|.SCConsentSolutionSkeleton-consent-switch|Styles applied to the switch skeleton element.|
- |actions|.SCConsentSolutionSkeleton-actions|Styles applied to the actions section.|
+ |root|.SCConsentSolution-skeleton-root|Styles applied to the root element.|
+ |title|.SCConsentSolution-title|Styles applied to the title element.|
+ |content|.SCConsentSolution-content|Styles applied to the content element.|
+ |consent|.SCConsentSolution-consent|Styles applied to the consent element.|
+ |consentSwitch|.SCConsentSolution-consent-switch|Styles applied to the switch skeleton element.|
+ |actions|.SCConsentSolution-actions|Styles applied to the actions section.|
  *
  */
 export default function ConsentSolutionSkeleton() {

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

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

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

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

package/lib/esm/components/CustomAdv/CustomAdv.js

@@ -7,7 +7,7 @@ import { useThemeProps } from '@mui/system';
 import HiddenPlaceholder from '../../shared/HiddenPlaceholder';
 import { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect';
 import useResizeObserver from 'use-resize-observer';
-const PREFIX = 'SCCustomAdv';
+import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-root`,
     wrap: `${PREFIX}-wrap`,
@@ -17,28 +17,8 @@ const classes = {
 };
 const Root = styled(Box, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    margin: theme.spacing(2, 0),
-    [`& .${classes.wrap}`]: {
-        width: '100%',
-        position: 'relative'
-    },
-    [`& .${classes.image}`]: {
-        width: '100%'
-    },
-    [`& .${classes.embedCode}`]: {
-        width: '100%'
-    },
-    [`& .${classes.prefixedHeight}`]: {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        bottom: 0,
-        right: 0
-    }
-}));
+    slot: 'Root'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS CustomAdv component. Learn about the available props and the CSS API.
  *

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

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