@conduction/components 2.2.42 → 2.2.43

package/README.md

@@ -4,6 +4,7 @@
 
 - **Version 2.2 (breaking changes from 2.1.x)**
 
+  - 2.2.43: Updated DownloadCard to allow size as string.
   - 2.2.42:
     - Updated PrimaryTopNav to have seperate dropdown tokens.
     - Updated Pagination to include border-bottom.

package/lib/components/card/downloadCard/DownloadCard.js

@@ -43,5 +43,5 @@ export const DownloadCard = ({ icon, label, size, type, labelTooltip, layoutClas
                 return faDatabase;
         }
     };
-    return (_jsxs("div", { className: clsx(styles.container, [layoutClassName && layoutClassName]), children: [_jsx("div", { className: styles.icon, children: _jsx(FontAwesomeIcon, { icon: icon ?? getIconFromType(type) }) }), _jsxs("div", { className: styles.content, children: [_jsx(Heading3, { "data-tooltip-id": labelTooltip && labelTooltip.id, "data-tooltip-content": labelTooltip && labelTooltip.tooltip, className: styles.title, children: label }), _jsxs("div", { children: ["(", _.toUpper(type), size && `, ${size}kB`, ")"] })] }), _jsxs(Link, { className: styles.link, href: "", onClick: (e) => onClick(e), children: [_jsx(FontAwesomeIcon, { className: styles.icon, icon: faDownload }), " Download"] })] }));
+    return (_jsxs("div", { className: clsx(styles.container, [layoutClassName && layoutClassName]), children: [_jsx("div", { className: styles.icon, children: _jsx(FontAwesomeIcon, { icon: icon ?? getIconFromType(type) }) }), _jsxs("div", { className: styles.content, children: [_jsx(Heading3, { "data-tooltip-id": labelTooltip && labelTooltip.id, "data-tooltip-content": labelTooltip && labelTooltip.tooltip, className: styles.title, children: label }), _jsxs("div", { children: ["(", _.toUpper(type), size && `, ${size}`, ")"] })] }), _jsxs(Link, { className: styles.link, href: "", onClick: (e) => onClick(e), children: [_jsx(FontAwesomeIcon, { className: styles.icon, icon: faDownload }), " Download"] })] }));
 };

package/lib/components/topNav/primaryTopNav/PrimaryTopNav.module.css

@@ -121,6 +121,10 @@
   box-shadow: var(--conduction-primary-top-nav-dropdown-current-box-shadow, var(--conduction-primary-top-nav-current-box-shadow));
 }
 
+.dropdownCurrent:hover {
+  box-shadow: var(--conduction-primary-top-nav-dropdown-current-box-shadow) !important;
+}
+
 .dropdownCurrent:hover > .dropdownCurrentLink {
   color: var(--conduction-primary-top-nav-dropdown-hover-color, var(--conduction-primary-top-nav-hover-color)) !important;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conduction/components",
-  "version": "2.2.42",
+  "version": "2.2.43",
   "description": "React (Gatsby) components used within the Conduction Skeleton Application (and its implementations)",
   "main": "lib/index.js",
   "scripts": {

package/src/components/card/downloadCard/DownloadCard.tsx

@@ -92,7 +92,7 @@ export const DownloadCard = ({
 
         <div>
           ({_.toUpper(type)}
-          {size && `, ${size}kB`})
+          {size && `, ${size}`})
         </div>
       </div>
 

package/src/components/topNav/primaryTopNav/PrimaryTopNav.module.css

@@ -121,6 +121,10 @@
   box-shadow: var(--conduction-primary-top-nav-dropdown-current-box-shadow, var(--conduction-primary-top-nav-current-box-shadow));
 }
 
+.dropdownCurrent:hover {
+  box-shadow: var(--conduction-primary-top-nav-dropdown-current-box-shadow) !important;
+}
+
 .dropdownCurrent:hover > .dropdownCurrentLink {
   color: var(--conduction-primary-top-nav-dropdown-hover-color, var(--conduction-primary-top-nav-hover-color)) !important;
 }