@selfcommunity/react-theme-default 0.5.0 → 1.0.0-alpha.1

package/lib/cjs/components/MuiAutocomplete.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 declare const Component: {
     defaultProps: {
-        clearIcon: JSX.Element;
-        popupIcon: JSX.Element;
+        clearIcon: import("react/jsx-runtime").JSX.Element;
+        popupIcon: import("react/jsx-runtime").JSX.Element;
     };
 };
 export default Component;

package/lib/cjs/components/MuiSelect.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 declare const Component: {
     defaultProps: {
         IconComponent: ({ className }: {
             className: any;
-        }) => JSX.Element;
+        }) => import("react/jsx-runtime").JSX.Element;
     };
 };
 export default Component;

package/lib/cjs/components/SCCourseInfoDetails.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;
                     };
                 };
                 '& .SCCourseInfoDetails-in-progress': {

package/lib/cjs/components/SCCourseInfoDetails.js

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

package/lib/cjs/components/SCEvent.d.ts

@@ -160,6 +160,7 @@ declare const Component: {
             };
         };
         skeletonRoot: ({ theme }: any) => {
+            height: string;
             '& .SCEvent-skeleton-detail-root': {
                 '& .SCEvent-skeleton-detail-calendar': {
                     position: string;
@@ -193,6 +194,7 @@ declare const Component: {
                 };
             };
             '& .SCEvent-skeleton-preview-root': {
+                minWidth: string;
                 '& .SCEvent-skeleton-preview-content': {
                     padding: any;
                 };

package/lib/cjs/components/SCEvent.js

@@ -162,6 +162,7 @@ const Component = {
             }
         }),
         skeletonRoot: ({ theme }) => ({
+            height: '100%',
             '& .SCEvent-skeleton-detail-root': {
                 '& .SCEvent-skeleton-detail-calendar': {
                     position: 'absolute',
@@ -195,6 +196,7 @@ const Component = {
                 }
             },
             '& .SCEvent-skeleton-preview-root': {
+                minWidth: '212px',
                 '& .SCEvent-skeleton-preview-content': {
                     padding: theme.spacing()
                 },

package/lib/cjs/components/SCEventInfoDetails.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;
                     };
                 };
                 '& .SCEventInfoDetails-join-live': {

package/lib/cjs/components/SCEventInfoDetails.js

@@ -21,8 +21,8 @@ const Component = {
                         overflow: 'hidden',
                         textOverflow: 'ellipsis',
                         display: '-webkit-box',
-                        '-webkit-line-clamp': '1',
-                        '-webkit-box-orient': 'vertical'
+                        WebkitLineClamp: '1',
+                        WebkitBoxOrient: 'vertical'
                     }
                 },
                 '& .SCEventInfoDetails-join-live': {

package/lib/cjs/components/SCEventLocationWidget.d.ts

@@ -6,7 +6,7 @@ declare const Component: {
             };
             '& .SCEventLocationWidget-map': {
                 marginBottom: any;
-                minHeight: number;
+                height: number;
                 width: string;
             };
         };

package/lib/cjs/components/SCEventLocationWidget.js

@@ -9,8 +9,8 @@ const Component = {
             },
             '& .SCEventLocationWidget-map': {
                 marginBottom: theme.spacing(1),
-                minHeight: 248,
-                width: '100%'
+                height: 300,
+                width: '100%',
             }
         }),
         skeletonRoot: ({ theme }) => ({

package/lib/cjs/components/SCEvents.d.ts

@@ -33,20 +33,10 @@ declare const Component: {
                     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;
                 };
@@ -81,11 +71,7 @@ declare const Component: {
         };
         skeletonRoot: ({ theme }: any) => {
             '& .SCEvents-skeleton-events': {
-                justifyContent: string;
                 marginTop: any;
-                '& .SCEvents-skeleton-item': {
-                    paddingTop: any;
-                };
             };
         };
         eventsChipRoot: ({ theme, showFollowed, showPastEvents, showOngoingEvents }: any) => {

package/lib/cjs/components/SCEvents.js

@@ -35,20 +35,10 @@ const Component = {
                 [theme.breakpoints.down('md')]: {
                     marginBottom: theme.spacing(7)
                 },
-                '& .SCEvents-item': {
-                    paddingTop: theme.spacing(2)
-                },
-                '& .SCEvents-item-skeleton': {
-                    paddingTop: theme.spacing(2)
-                },
                 '& .SCBaseItem-root': {
                     display: 'flex',
                     justifyContent: 'space-between'
                 },
-                '& .SCEvent-skeleton-preview-name': {
-                    marginTop: 6,
-                    marginBottom: 6
-                },
                 '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
                     maxWidth: '70%'
                 }
@@ -83,11 +73,7 @@ const Component = {
         }),
         skeletonRoot: ({ theme }) => ({
             '& .SCEvents-skeleton-events': {
-                justifyContent: 'center',
-                marginTop: theme.spacing(2),
-                '& .SCEvents-skeleton-item': {
-                    paddingTop: theme.spacing(2)
-                }
+                marginTop: theme.spacing(2)
             }
         }),
         eventsChipRoot: ({ theme, showFollowed, showPastEvents, showOngoingEvents }) => ({

package/lib/cjs/components/SCFeedObject.d.ts

@@ -201,9 +201,12 @@ declare const Component: {
                             };
                         };
                         '& .SCFeedObject-tag, & .SCFeedObject-location': {
-                            '& .MuiIcon-root': {
-                                fontSize: string;
-                                color: string;
+                            '& .MuiBox-root': {
+                                lineHeight: number;
+                                '& .MuiIcon-root': {
+                                    fontSize: string;
+                                    color: string;
+                                };
                             };
                         };
                     };

package/lib/cjs/components/SCFeedObject.js

@@ -204,9 +204,12 @@ const Component = {
                             }
                         },
                         '& .SCFeedObject-tag, & .SCFeedObject-location': {
-                            '& .MuiIcon-root': {
-                                fontSize: '1rem',
-                                color: 'inherit'
+                            '& .MuiBox-root': {
+                                lineHeight: 1,
+                                '& .MuiIcon-root': {
+                                    fontSize: '1rem',
+                                    color: 'inherit'
+                                }
                             }
                         }
                     }

package/lib/cjs/components/SCFeedObjectDetailTemplate.d.ts

@@ -2,27 +2,37 @@ declare const Component: {
     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;
+                                };
                             };
                         };
                     };

package/lib/cjs/components/SCFeedObjectDetailTemplate.js

@@ -5,26 +5,36 @@ const Component = {
         root: ({ theme }) => ({
             '& .SCCommentsFeedObject-root': {
                 padding: theme.spacing(2, 1),
+                [theme.breakpoints.down('md')]: {
+                    width: 'auto'
+                },
                 '& .SCCommentsObject-root h6': {
                     paddingLeft: theme.spacing(2)
                 }
             },
-            '& .SCFeedObject-detail': {
-                '& .SCFeedObject-content': {
-                    '& .SCFeedObject-text-section .SCFeedObject-text': {
-                        '& span': {
-                            display: 'inline'
-                        },
-                        '& span:not(:has(+ a))': {
-                            width: '100%'
-                        },
-                        '& a': {
-                            display: 'inline-block',
-                            margin: theme.spacing(0, 0.3)
-                        },
-                        '& a:hover': {
+            '& .SCFeedObject-root': {
+                '&.SCFeedObject-detail': {
+                    borderRadius: theme.shape.borderRadius,
+                    [theme.breakpoints.down('md')]: {
+                        width: 'auto',
+                        margin: theme.spacing(0, 1)
+                    },
+                    '& .SCFeedObject-content': {
+                        '& .SCFeedObject-text-section .SCFeedObject-text': {
                             '& span': {
-                                textDecoration: 'underline'
+                                display: 'inline'
+                            },
+                            '& span:not(:has(+ a))': {
+                                width: '100%'
+                            },
+                            '& a': {
+                                display: 'inline-block',
+                                margin: theme.spacing(0, 0.3)
+                            },
+                            '& a:hover': {
+                                '& span': {
+                                    textDecoration: 'underline'
+                                }
                             }
                         }
                     }

package/lib/cjs/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/cjs/components/SCGroups.js

@@ -26,10 +26,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/cjs/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/cjs/components/SCLightbox.js

@@ -35,11 +35,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']: {
@@ -101,7 +101,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/cjs/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/cjs/components/SCLiveStreamInfoDetails.js

@@ -21,8 +21,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/cjs/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/cjs/components/SCLiveStreamRoom.js

@@ -51,7 +51,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/cjs/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/cjs/components/SCMediaFile.js

@@ -118,6 +118,7 @@ const Component = {
                     flexBasis: 120,
                     flexGrow: 0,
                     flexShrink: 0,
+                    cursor: 'grab',
                     '& .SCMediaFile-title': {
                         position: 'absolute',
                         left: theme.spacing(1),
@@ -153,7 +154,10 @@ const Component = {
             '& .SCMediaFile-docs-wrapper': {
                 display: 'flex',
                 flexDirection: 'column',
-                gap: theme.spacing(2)
+                gap: theme.spacing(2),
+                '& > .SCMediaFile-doc': {
+                    cursor: 'grab'
+                }
             }
         }),
         triggerRoot: () => ({}),
@@ -182,8 +186,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/cjs/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/cjs/components/SCOnBoardingWidget.js

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

package/lib/cjs/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/cjs/components/SCUserProfileTemplate.js

@@ -10,7 +10,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),