@onewelcome/react-lib-components 0.1.10-alpha → 0.1.11-alpha

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onewelcome/react-lib-components",
-  "version": "0.1.10-alpha",
+  "version": "0.1.11-alpha",
   "license": "Apache-2.0",
   "author": "OneWelcome B.V.",
   "main": "dist/index.js",

package/src/ContextMenu/ContextMenu.module.scss

@@ -2,14 +2,11 @@
   position: relative;
   display: inline-block;
   box-sizing: border-box;
-
-  ul {
-    white-space: nowrap;
-    margin: 1rem 0;
-  }
 }
 
 .menu {
+  white-space: nowrap;
+  margin: 1rem 0;
   list-style: none;
   padding: 0;
   min-width: 200px;

package/src/ContextMenu/ContextMenu.tsx

@@ -177,7 +177,7 @@ export const ContextMenu = React.forwardRef<HTMLDivElement, Props>(
             anchorEl={anchorEl}
             show={showContextMenu}
           >
-            <ul className={classes.menu} id={`${id}-menu`} aria-describedby={id} role="menu">
+            <ul className={classes['menu']} id={`${id}-menu`} aria-describedby={id} role="menu">
               {renderChildren()}
             </ul>
           </Popover>,

package/src/Notifications/BaseModal/BaseModalActions/BaseModalActions.module.scss

@@ -4,6 +4,6 @@
   justify-content: flex-end;
 
   & * + * {
-    margin-left: 1.25rem;
+    margin-left: 2rem;
   }
 }

package/src/Pagination/Pagination.module.scss

@@ -5,6 +5,10 @@
   display: flex;
   flex-direction: column;
 
+  label {
+    margin-bottom: 0;
+  }
+
   .form-element {
     height: 2.5rem;
 

package/src/Pagination/Pagination.tsx

@@ -82,7 +82,7 @@ export const Pagination = React.forwardRef<HTMLDivElement, Props>(
                 <Label
                   id="current-value-input-label"
                   htmlFor="current-value-input"
-                  className={readyclasses['sr-only']}
+                  className={`${readyclasses['sr-only']} ${classes['current-value-input-label']}`}
                 >
                   {translate.currentPageLabel}
                 </Label>