@conduction/components 2.2.40 → 2.2.41

package/README.md

@@ -4,6 +4,7 @@
 
 - **Version 2.2 (breaking changes from 2.1.x)**
 
+  - 2.2.41: Updated displayswitch component to have pointer.
   - 2.2.40:
     - Updated DownloadCard to only accept fontawesome icons.
     - Removed tooltip from PrimaryTopNav component and updated dropdown.

package/lib/components/displaySwitch/DisplaySwitch.js

@@ -7,7 +7,7 @@ const DisplaySwitch = ({ layoutClassName, buttons }) => {
     return (_jsx(ButtonGroup, { className: clsx(styles.displaySwitchButtons, [layoutClassName] && layoutClassName), children: buttons.map((button, idx) => {
             // TODO: Once the Rotterdam design system supports the "pressed" state,
             // remove the `appereance` switch, and use the same appearance for each button.
-            return (_jsxs(Button, { pressed: button.pressed, appearance: button.pressed ? "secondary-action-button" : "subtle-button", onClick: button.handleClick, children: [button.icon && _jsx(FontAwesomeIcon, { icon: [button.icon.prefix, button.icon.name] }), _jsx("span", { children: button.label })] }, idx));
+            return (_jsxs(Button, { pressed: button.pressed, appearance: button.pressed ? "secondary-action-button" : "subtle-button", onClick: button.handleClick, className: styles.button, children: [button.icon && _jsx(FontAwesomeIcon, { icon: [button.icon.prefix, button.icon.name] }), _jsx("span", { children: button.label })] }, idx));
         }) }));
 };
 export default DisplaySwitch;

package/lib/components/displaySwitch/DisplaySwitch.module.css

@@ -1,3 +1,7 @@
 .displaySwitchButtons {
   align-items: center;
 }
+
+.button[aria-pressed="false"]:hover {
+  cursor: pointer;
+}

package/package.json

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

package/src/components/displaySwitch/DisplaySwitch.module.css

@@ -1,3 +1,7 @@
 .displaySwitchButtons {
   align-items: center;
 }
+
+.button[aria-pressed="false"]:hover {
+  cursor: pointer;
+}

package/src/components/displaySwitch/DisplaySwitch.tsx

@@ -35,6 +35,7 @@ const DisplaySwitch: React.FC<DisplaySwitchProps> = ({ layoutClassName, buttons
             pressed={button.pressed}
             appearance={button.pressed ? "secondary-action-button" : "subtle-button"}
             onClick={button.handleClick}
+            className={styles.button}
           >
             {button.icon && <FontAwesomeIcon icon={[button.icon.prefix, button.icon.name]} />}
             <span>{button.label}</span>