@selfcommunity/react-theme-default 0.5.0 → 1.0.0

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

@@ -24,10 +24,6 @@ declare const Component: {
             '& .SCGroups-groups': {
                 marginTop: any;
                 '& .SCGroups-item': {
-                    [x: number]: {
-                        padding: any;
-                    };
-                    width: string;
                     '& > div': {
                         cursor: string;
                         padding: any;

package/lib/esm/components/SCGroups.js

@@ -24,10 +24,6 @@ const Component = {
             '& .SCGroups-groups': {
                 marginTop: theme.spacing(2),
                 '& .SCGroups-item': {
-                    [theme.breakpoints.up('md')]: {
-                        padding: theme.spacing(2)
-                    },
-                    width: 'auto',
                     '& > div': {
                         cursor: 'default',
                         padding: theme.spacing(1)

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

@@ -10,11 +10,11 @@ declare const Component: {
             width: string;
             zIndex: number;
             "& .PhotoView__Spinner": {
-                '-webkit-animation': string;
+                WebkitAnimation: string;
                 animation: string;
             };
             "& .PhotoView__Spinner svg": {
-                '-webkit-animation': string;
+                WebkitAnimation: string;
                 animation: string;
             };
             "& .PhotoView__Photo": {
@@ -76,7 +76,7 @@ declare const Component: {
                 zIndex: number;
             };
             "& .PhotoView-Slider__fadeIn": {
-                '-webkit-animation': string;
+                WebkitAnimation: string;
                 animation: string;
                 opacity: number;
             };

package/lib/esm/components/SCLightbox.js

@@ -33,11 +33,11 @@ const Component = {
                 width: '100%',
                 zIndex: 2000,
                 ['& .PhotoView__Spinner']: {
-                    '-webkit-animation': `${PhotoViewDelayIn} .4s linear both`,
+                    WebkitAnimation: `${PhotoViewDelayIn} .4s linear both`,
                     animation: `${PhotoViewDelayIn} .4s linear both`
                 },
                 ['& .PhotoView__Spinner svg']: {
-                    '-webkit-animation': `${PhotoViewRotate} .6s linear infinite`,
+                    WebkitAnimation: `${PhotoViewRotate} .6s linear infinite`,
                     animation: `${PhotoViewRotate} .6s linear infinite`
                 },
                 ['& .PhotoView__Photo']: {
@@ -99,7 +99,7 @@ const Component = {
                     zIndex: -1
                 },
                 ['& .PhotoView-Slider__fadeIn']: {
-                    '-webkit-animation': `${PhotoViewFade} linear both`,
+                    WebkitAnimation: `${PhotoViewFade} linear both`,
                     animation: `${PhotoViewFade} linear both`,
                     opacity: 0
                 },

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

@@ -21,8 +21,8 @@ declare const Component: {
                         overflow: string;
                         textOverflow: string;
                         display: string;
-                        '-webkit-line-clamp': string;
-                        '-webkit-box-orient': string;
+                        WebkitLineClamp: string;
+                        WebkitBoxOrient: string;
                     };
                 };
                 '& .SCLiveStreamInfoDetails-in-progress': {

package/lib/esm/components/SCLiveStreamInfoDetails.js

@@ -19,8 +19,8 @@ const Component = {
                         overflow: 'hidden',
                         textOverflow: 'ellipsis',
                         display: '-webkit-box',
-                        '-webkit-line-clamp': '1',
-                        '-webkit-box-orient': 'vertical'
+                        WebkitLineClamp: '1',
+                        WebkitBoxOrient: 'vertical'
                     }
                 },
                 '& .SCLiveStreamInfoDetails-in-progress': {

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

@@ -49,7 +49,7 @@ declare const Component: {
                 backgroundColor: any;
                 '& textarea': {
                     color: any;
-                    '-webkit-text-fill-color': any;
+                    WebkitTextFillColor: any;
                 };
             };
             "& .SCLiveStreamRoom-conference": {

package/lib/esm/components/SCLiveStreamRoom.js

@@ -49,7 +49,7 @@ const Component = {
                 backgroundColor: theme.palette.background.paper,
                 '& textarea': {
                     color: theme.palette.text.primary,
-                    '-webkit-text-fill-color': theme.palette.text.primary
+                    WebkitTextFillColor: theme.palette.text.primary
                 }
             },
             [`& .SCLiveStreamRoom-conference`]: {

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

@@ -116,6 +116,7 @@ declare const Component: {
                     flexBasis: number;
                     flexGrow: number;
                     flexShrink: number;
+                    cursor: string;
                     '& .SCMediaFile-title': {
                         position: string;
                         left: any;
@@ -152,6 +153,9 @@ declare const Component: {
                 display: string;
                 flexDirection: string;
                 gap: any;
+                '& > .SCMediaFile-doc': {
+                    cursor: string;
+                };
             };
         };
         triggerRoot: () => {};
@@ -182,8 +186,8 @@ declare const Component: {
                 '& .SCMediaFile-title': {
                     textAlign: string;
                     display: string;
-                    '-webkit-line-clamp': string;
-                    '-webkit-box-orient': string;
+                    WebkitLineClamp: string;
+                    WebkitBoxOrient: string;
                     overflow: string;
                 };
                 '& .SCMediaFile-subtitle': {

package/lib/esm/components/SCMediaFile.js

@@ -116,6 +116,7 @@ const Component = {
                     flexBasis: 120,
                     flexGrow: 0,
                     flexShrink: 0,
+                    cursor: 'grab',
                     '& .SCMediaFile-title': {
                         position: 'absolute',
                         left: theme.spacing(1),
@@ -151,7 +152,10 @@ const Component = {
             '& .SCMediaFile-docs-wrapper': {
                 display: 'flex',
                 flexDirection: 'column',
-                gap: theme.spacing(2)
+                gap: theme.spacing(2),
+                '& > .SCMediaFile-doc': {
+                    cursor: 'grab'
+                }
             }
         }),
         triggerRoot: () => ({}),
@@ -180,8 +184,8 @@ const Component = {
                 '& .SCMediaFile-title': {
                     textAlign: 'left',
                     display: '-webkit-box',
-                    '-webkit-line-clamp': '1',
-                    '-webkit-box-orient': 'vertical',
+                    WebkitLineClamp: '1',
+                    WebkitBoxOrient: 'vertical',
                     overflow: 'hidden'
                 },
                 '& .SCMediaFile-subtitle': {

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

@@ -33,7 +33,7 @@ declare const Component: {
                     '&::-webkit-scrollbar': {
                         display: string;
                     };
-                    '-webkit-overflow-scrolling': string;
+                    WebkitOverflowScrolling: string;
                     '& .MuiButtonBase-root, .MuiListItem-root': {
                         marginRight: any;
                         padding: number;
@@ -63,7 +63,7 @@ declare const Component: {
                 };
             };
         };
-        dialogRoot: ({ theme }: any) => {
+        dialogRoot: () => {
             '& .SCOnBoardingWidget-dialog-content': {
                 whiteSpace: string;
                 fontSize: string;
@@ -78,7 +78,7 @@ declare const Component: {
                 };
             };
         };
-        actionsDrawerRoot: ({ theme }: any) => {};
+        actionsDrawerRoot: () => {};
         accordionRoot: ({ theme, expanded }: any) => {
             boxShadow: string;
             '& .MuiAccordionDetails-root ': {

package/lib/esm/components/SCOnBoardingWidget.js

@@ -33,7 +33,7 @@ const Component = {
                     '&::-webkit-scrollbar': {
                         display: 'none'
                     },
-                    '-webkit-overflow-scrolling': 'touch',
+                    WebkitOverflowScrolling: 'touch',
                     '& .MuiButtonBase-root, .MuiListItem-root': {
                         marginRight: theme.spacing(0.5),
                         padding: 0,
@@ -63,7 +63,7 @@ const Component = {
                 }
             }
         }),
-        dialogRoot: ({ theme }) => ({
+        dialogRoot: () => ({
             '& .SCOnBoardingWidget-dialog-content': {
                 whiteSpace: 'pre-line',
                 fontSize: '1.143rem'
@@ -78,7 +78,7 @@ const Component = {
                 }
             }
         }),
-        actionsDrawerRoot: ({ theme }) => ({}),
+        actionsDrawerRoot: () => ({}),
         accordionRoot: ({ theme, expanded }) => ({
             boxShadow: 'none',
             '& .MuiAccordionDetails-root ': {

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

@@ -9,6 +9,8 @@ declare const Component: {
                 marginTop: any;
                 marginLeft: any;
                 justifyContent: string;
+                flexWrap: string;
+                gap: any;
             };
             '& .SCUserProfileTemplate-counters': {
                 [x: number]: {

package/lib/esm/components/SCUserProfileTemplate.js

@@ -8,7 +8,9 @@ const Component = {
             '& .SCUserProfileTemplate-tags': {
                 marginTop: theme.spacing(2),
                 marginLeft: theme.spacing(2),
-                justifyContent: 'start'
+                justifyContent: 'start',
+                flexWrap: 'wrap',
+                gap: theme.spacing(2)
             },
             '& .SCUserProfileTemplate-counters': {
                 marginLeft: theme.spacing(1),

package/lib/esm/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './fonts/community-icons.css';
 import './styles/reset.css';
 /**
@@ -78,8 +77,8 @@ declare const theme: {
         };
         MuiAutocomplete: {
             defaultProps: {
-                clearIcon: JSX.Element;
-                popupIcon: JSX.Element;
+                clearIcon: import("react/jsx-runtime").JSX.Element;
+                popupIcon: import("react/jsx-runtime").JSX.Element;
             };
         };
         MuiAvatar: {
@@ -225,7 +224,7 @@ declare const theme: {
             defaultProps: {
                 IconComponent: ({ className }: {
                     className: any;
-                }) => JSX.Element;
+                }) => import("react/jsx-runtime").JSX.Element;
             };
         };
         MuiTooltip: {
@@ -2921,9 +2920,6 @@ declare const theme: {
                 root: ({ theme }: {
                     theme: any;
                 }) => {
-                    /**
-                     * Style fragments - Imports - Start
-                     */
                     gap: any;
                     '& .SCCourseInfoDetails-icon-text-wrapper': {
                         flexDirection: string;
@@ -2942,8 +2938,8 @@ declare const theme: {
                                 overflow: string;
                                 textOverflow: string;
                                 display: string;
-                                '-webkit-line-clamp': string;
-                                '-webkit-box-orient': string;
+                                WebkitLineClamp: string;
+                                WebkitBoxOrient: string;
                             };
                         };
                         '& .SCCourseInfoDetails-in-progress': {
@@ -4156,9 +4152,12 @@ declare const theme: {
                                     };
                                 };
                                 '& .SCFeedObject-tag, & .SCFeedObject-location': {
-                                    '& .MuiIcon-root': {
-                                        fontSize: string;
-                                        color: string;
+                                    '& .MuiBox-root': {
+                                        lineHeight: number;
+                                        '& .MuiIcon-root': {
+                                            fontSize: string;
+                                            color: string;
+                                        };
                                     };
                                 };
                             };
@@ -4404,9 +4403,6 @@ declare const theme: {
                             '& .SCCommentObject-skeleton-root': {
                                 background: string;
                                 marginTop: number;
-                                /**
-                                 * Style assets - Imports - Start
-                                 */
                                 marginBottom: string;
                                 '& .SCBaseItem-text': {
                                     '& .SCWidget-root': {
@@ -4729,27 +4725,37 @@ declare const theme: {
             styleOverrides: {
                 root: ({ theme }: any) => {
                     '& .SCCommentsFeedObject-root': {
+                        [x: number]: {
+                            width: string;
+                        };
                         padding: any;
                         '& .SCCommentsObject-root h6': {
                             paddingLeft: any;
                         };
                     };
-                    '& .SCFeedObject-detail': {
-                        '& .SCFeedObject-content': {
-                            '& .SCFeedObject-text-section .SCFeedObject-text': {
-                                '& span': {
-                                    display: string;
-                                };
-                                '& span:not(:has(+ a))': {
-                                    width: string;
-                                };
-                                '& a': {
-                                    display: string;
-                                    margin: any;
-                                };
-                                '& a:hover': {
+                    '& .SCFeedObject-root': {
+                        '&.SCFeedObject-detail': {
+                            [x: number]: {
+                                width: string;
+                                margin: any;
+                            };
+                            borderRadius: any;
+                            '& .SCFeedObject-content': {
+                                '& .SCFeedObject-text-section .SCFeedObject-text': {
                                     '& span': {
-                                        textDecoration: string;
+                                        display: string;
+                                    };
+                                    '& span:not(:has(+ a))': {
+                                        width: string;
+                                    };
+                                    '& a': {
+                                        display: string;
+                                        margin: any;
+                                    };
+                                    '& a:hover': {
+                                        '& span': {
+                                            textDecoration: string;
+                                        };
                                     };
                                 };
                             };
@@ -5358,10 +5364,6 @@ declare const theme: {
                     '& .SCGroups-groups': {
                         marginTop: any;
                         '& .SCGroups-item': {
-                            [x: number]: {
-                                padding: any;
-                            };
-                            width: string;
                             '& > div': {
                                 cursor: string;
                                 padding: any;
@@ -6096,11 +6098,11 @@ declare const theme: {
                     width: string;
                     zIndex: number;
                     "& .PhotoView__Spinner": {
-                        '-webkit-animation': string;
+                        WebkitAnimation: string;
                         animation: string;
                     };
                     "& .PhotoView__Spinner svg": {
-                        '-webkit-animation': string;
+                        WebkitAnimation: string;
                         animation: string;
                     };
                     "& .PhotoView__Photo": {
@@ -6162,7 +6164,7 @@ declare const theme: {
                         zIndex: number;
                     };
                     "& .PhotoView-Slider__fadeIn": {
-                        '-webkit-animation': string;
+                        WebkitAnimation: string;
                         animation: string;
                         opacity: number;
                     };
@@ -6635,6 +6637,7 @@ declare const theme: {
                             flexBasis: number;
                             flexGrow: number;
                             flexShrink: number;
+                            cursor: string;
                             '& .SCMediaFile-title': {
                                 position: string;
                                 left: any;
@@ -6671,6 +6674,9 @@ declare const theme: {
                         display: string;
                         flexDirection: string;
                         gap: any;
+                        '& > .SCMediaFile-doc': {
+                            cursor: string;
+                        };
                     };
                 };
                 triggerRoot: () => {};
@@ -6701,8 +6707,8 @@ declare const theme: {
                         '& .SCMediaFile-title': {
                             textAlign: string;
                             display: string;
-                            '-webkit-line-clamp': string;
-                            '-webkit-box-orient': string;
+                            WebkitLineClamp: string;
+                            WebkitBoxOrient: string;
                             overflow: string;
                         };
                         '& .SCMediaFile-subtitle': {
@@ -7620,7 +7626,7 @@ declare const theme: {
                             '&::-webkit-scrollbar': {
                                 display: string;
                             };
-                            '-webkit-overflow-scrolling': string;
+                            WebkitOverflowScrolling: string;
                             '& .MuiButtonBase-root, .MuiListItem-root': {
                                 marginRight: any;
                                 padding: number;
@@ -7650,7 +7656,7 @@ declare const theme: {
                         };
                     };
                 };
-                dialogRoot: ({ theme }: any) => {
+                dialogRoot: () => {
                     '& .SCOnBoardingWidget-dialog-content': {
                         whiteSpace: string;
                         fontSize: string;
@@ -7665,7 +7671,7 @@ declare const theme: {
                         };
                     };
                 };
-                actionsDrawerRoot: ({ theme }: any) => {};
+                actionsDrawerRoot: () => {};
                 accordionRoot: ({ theme, expanded }: any) => {
                     boxShadow: string;
                     '& .MuiAccordionDetails-root ': {
@@ -9409,6 +9415,8 @@ declare const theme: {
                         marginTop: any;
                         marginLeft: any;
                         justifyContent: string;
+                        flexWrap: string;
+                        gap: any;
                     };
                     '& .SCUserProfileTemplate-counters': {
                         [x: number]: {
@@ -9632,7 +9640,7 @@ declare const theme: {
                     };
                     '& .SCEventLocationWidget-map': {
                         marginBottom: any;
-                        minHeight: number;
+                        height: number;
                         width: string;
                     };
                 };
@@ -9807,6 +9815,7 @@ declare const theme: {
                     };
                 };
                 skeletonRoot: ({ theme }: any) => {
+                    height: string;
                     '& .SCEvent-skeleton-detail-root': {
                         '& .SCEvent-skeleton-detail-calendar': {
                             position: string;
@@ -9840,6 +9849,7 @@ declare const theme: {
                         };
                     };
                     '& .SCEvent-skeleton-preview-root': {
+                        minWidth: string;
                         '& .SCEvent-skeleton-preview-content': {
                             padding: any;
                         };
@@ -9945,20 +9955,10 @@ declare const theme: {
                             marginBottom: any;
                         };
                         marginTop: any;
-                        '& .SCEvents-item': {
-                            paddingTop: any;
-                        };
-                        '& .SCEvents-item-skeleton': {
-                            paddingTop: any;
-                        };
                         '& .SCBaseItem-root': {
                             display: string;
                             justifyContent: string;
                         };
-                        '& .SCEvent-skeleton-preview-name': {
-                            marginTop: number;
-                            marginBottom: number;
-                        };
                         '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
                             maxWidth: string;
                         };
@@ -9993,11 +9993,7 @@ declare const theme: {
                 };
                 skeletonRoot: ({ theme }: any) => {
                     '& .SCEvents-skeleton-events': {
-                        justifyContent: string;
                         marginTop: any;
-                        '& .SCEvents-skeleton-item': {
-                            paddingTop: any;
-                        };
                     };
                 };
                 eventsChipRoot: ({ theme, showFollowed, showPastEvents, showOngoingEvents }: any) => {
@@ -10282,8 +10278,8 @@ declare const theme: {
                                 overflow: string;
                                 textOverflow: string;
                                 display: string;
-                                '-webkit-line-clamp': string;
-                                '-webkit-box-orient': string;
+                                WebkitLineClamp: string;
+                                WebkitBoxOrient: string;
                             };
                         };
                         '& .SCEventInfoDetails-join-live': {
@@ -11345,9 +11341,6 @@ declare const theme: {
                 root: ({ theme }: {
                     theme: any;
                 }) => {
-                    /**
-                     * Style fragments - Imports - Start
-                     */
                     gap: any;
                     '& .SCLiveStreamInfoDetails-icon-text-wrapper': {
                         flexDirection: string;
@@ -11366,8 +11359,8 @@ declare const theme: {
                                 overflow: string;
                                 textOverflow: string;
                                 display: string;
-                                '-webkit-line-clamp': string;
-                                '-webkit-box-orient': string;
+                                WebkitLineClamp: string;
+                                WebkitBoxOrient: string;
                             };
                         };
                         '& .SCLiveStreamInfoDetails-in-progress': {
@@ -11695,7 +11688,7 @@ declare const theme: {
                         backgroundColor: any;
                         '& textarea': {
                             color: any;
-                            '-webkit-text-fill-color': any;
+                            WebkitTextFillColor: any;
                         };
                     };
                     "& .SCLiveStreamRoom-conference": {