groundfloor-react-ui 1.2.7 → 1.2.8

package/components/Inputs/CheckBoxInput.js

@@ -83,7 +83,7 @@ const OptionText = styled.span`
         else if (!checked && !defaultTextColor) return theme.neutral['neutral-2'];
     }};
 
-  margin-right: ${({ inline }) => (inline ? '30px' : '0px')};
+  margin-right: ${({ inline }) => (inline ? '30px' : '10px')};
 
   // custom styles
   ${({ optionTextStyle }) => optionTextStyle}
@@ -96,9 +96,9 @@ const WrapperDiv = styled.label`
   width: fit-content;
   margin-bottom: ${({ inline }) => (!inline ? '18px !important' : '')};
   cursor: pointer;
-  align-items: center;
   display: flex;
   gap: 10px;
+  align-items: start;
 
   // custom styles
   ${({ wrapperStyles }) => wrapperStyles}
@@ -293,6 +293,16 @@ CheckBoxInput.propTypes = {
     inline: PropTypes.bool,
     /**
      *	Array that will be rendered for checkbox options
+     ex: [
+      {
+        label: 'Lorem ipsum dolor sit amet',
+        value: 'Option One',
+        disabled: false,
+        id: '1'
+        // disabledColor: '#B25068',
+      },
+      { label: 'Option Two', value: 'Option Two', checked: true, id: '2' },
+    ]
      */
     options: PropTypes.array,
     /**
@@ -311,6 +321,8 @@ CheckBoxInput.propTypes = {
      *	Wrapper styles
      */
     wrapperStyles: PropTypes.object,
+
+
 };
 
 CheckBoxInput.defaultProps = {

package/components/Sidebar/Navbar.js

@@ -101,6 +101,8 @@ export const Navbar = ({
     listElementStyle,
     customSelectCardColor,
     user,
+    firstBottomContent,
+    secondBottomContent,
     ...props
 }) => {
     const activeTheme = useTheme() || defaultThemeColor;
@@ -287,12 +289,13 @@ export const Navbar = ({
                         >
                             <ListElementFooter
                                 listElementStyle={listElementStyle}
-                                onClick={() => { }}
                             >
-                                <p>Change Password</p>
+                                {firstBottomContent}
+
                             </ListElementFooter>
                             <ListElementFooter onClick={() => { }}>
-                                <p>Sign Out</p>
+
+                                {secondBottomContent}
                             </ListElementFooter>
                         </div>
                     }

package/components/Sidebar/Sidebar.js

@@ -198,4 +198,10 @@ Sidebar.propTypes = {
      * Component to pin the sidebar on large screen
      */
     pinner: PropTypes.any,
+};
+
+
+Sidebar.defaultProps = {
+    forceClose: () => { },
+    forceOpen: false,
 };

package/components/constants/defaultStyle.js

@@ -344,6 +344,7 @@ const defaultStyles = {
      */
     'checkBox-outer': {
         border: `2px solid ${defaultThemeColor.border}`,
+        minWidth: '20px',
         width: '20px',
         height: '20px',
         'border-radius': '3px',
@@ -353,6 +354,7 @@ const defaultStyles = {
     'checkBox-inner': {
         'background-repeat': 'no-repeat',
         'background-position': 'center',
+        minWidth: '20px',
         width: '20px',
         height: '20px',
         color: `${defaultThemeColor.bgColor}`,