orcs-design-system 3.2.22 → 3.2.24

package/es/components/ActionsMenu/index.js

@@ -63,7 +63,7 @@ export const ActionsMenuHeading = styled(props => {
   componentId: "sc-yvbni2-5"
 })(["color:", ";padding:8px;width:100%;font-size:", ";font-weight:", ";border-bottom:solid 1px ", ";white-space:nowrap;cursor:", ";"], props => themeGet("colors.white")(props), props => themeGet("fontSizes.1")(props), props => themeGet("fontWeights.1")(props), props => themeGet("colors.greyDarkest")(props), props => props.canClick ? "pointer" : "default");
 export const ActionsMenuItem = styled(props => {
-  var _actionMenu$context$o, _actionMenu$context, _actionMenu$getItemPr;
+  var _actionMenu$getItemPr, _actionMenu$context, _actionMenu$context2;
   const {
     id,
     onItemClick,
@@ -74,11 +74,10 @@ export const ActionsMenuItem = styled(props => {
     ...others
   } = props;
   const Component = as ? as : others.href ? "a" : "button";
-  const disabled = (_actionMenu$context$o = !(actionMenu !== null && actionMenu !== void 0 && (_actionMenu$context = actionMenu.context) !== null && _actionMenu$context !== void 0 && _actionMenu$context.open)) !== null && _actionMenu$context$o !== void 0 ? _actionMenu$context$o : false;
+  const disabled = props.disabled;
   let newProps = {
     ...others,
-    ...((actionMenu === null || actionMenu === void 0 || (_actionMenu$getItemPr = actionMenu.getItemProps) === null || _actionMenu$getItemPr === void 0 ? void 0 : _actionMenu$getItemPr.call(actionMenu)) || {}),
-    disabled
+    ...((actionMenu === null || actionMenu === void 0 || (_actionMenu$getItemPr = actionMenu.getItemProps) === null || _actionMenu$getItemPr === void 0 ? void 0 : _actionMenu$getItemPr.call(actionMenu)) || {})
   };
   const {
     onClick: originalOnClick
@@ -91,13 +90,17 @@ export const ActionsMenuItem = styled(props => {
     newProps = {
       ...others,
       type: "button",
-      ["data-action-menu-id"]: id,
-      disabled
+      ["data-action-menu-id"]: id
     };
   }
   return /*#__PURE__*/_jsx(Component, {
     ...newProps,
-    onClick: onClick
+    onClick: onClick,
+    disabled: disabled
+    // Hide from document when closed - related to HACK
+    ,
+    "aria-hidden": !(actionMenu !== null && actionMenu !== void 0 && (_actionMenu$context = actionMenu.context) !== null && _actionMenu$context !== void 0 && _actionMenu$context.open),
+    tabIndex: !(actionMenu !== null && actionMenu !== void 0 && (_actionMenu$context2 = actionMenu.context) !== null && _actionMenu$context2 !== void 0 && _actionMenu$context2.open) && "-1"
   });
 }).attrs({
   role: "menuitem"
@@ -119,7 +122,7 @@ export const ActionsMenuBody = _ref => {
     onTriggerFocus,
     closeMenu,
     closeOnClick = false,
-    "data-testid": dataTestId,
+    "data-testid": dataTestId = "ActionsMenu",
     ...props
   } = _ref;
   const id = useId();
@@ -180,6 +183,7 @@ export const ActionsMenuBody = _ref => {
     ...actionMenu.getFloatingProps(props),
     className: "actionMenu-content ".concat(visible ? "visible" : ""),
     "aria-hidden": visible ? "false" : "true",
+    "data-testid": "".concat(dataTestId, "__menu"),
     children: /*#__PURE__*/_jsx(Menu, {
       menuWidth: menuWidth,
       isOpen: toggleState,
@@ -401,6 +405,13 @@ ActionsMenuBody.__docgenInfo = {
       },
       "required": false
     },
+    "data-testid": {
+      "defaultValue": {
+        "value": "\"ActionsMenu\"",
+        "computed": false
+      },
+      "required": false
+    },
     "onTriggerFocus": {
       "description": "",
       "type": {

package/es/components/Checkbox/index.js

@@ -1,7 +1,7 @@
 import React, { useRef } from "react";
 import PropTypes from "prop-types";
 import styled, { keyframes, ThemeProvider } from "styled-components";
-import { space, layout } from "styled-system";
+import { space, layout, typography } from "styled-system";
 import { themeGet } from "@styled-system/theme-get";
 
 /* Animations */
@@ -35,7 +35,7 @@ const Check = styled.div.withConfig({
 const Text = styled.div.withConfig({
   displayName: "Checkbox__Text",
   componentId: "sc-p4d19b-5"
-})(["font-size:", ";padding-left:8px;"], props => themeGet("fontSizes.2")(props));
+})(["font-size:", ";padding-left:8px;", ""], props => themeGet("fontSizes.2")(props), typography);
 /**
  * The default checkbox (or inverted if on dark background) should be used for the majority of the UI; however, the coloured ones can be used in situations where the colour corresponds with some indication of status, e.g. in a task list, green could denote task completed, red could denote task overdue.
  */
@@ -85,6 +85,7 @@ export default function Checkbox(_ref) {
         onClick: onClick,
         children: /*#__PURE__*/_jsx(Check, {})
       }), /*#__PURE__*/_jsx(Text, {
+        ...props,
         children: label
       })]
     })

package/es/components/RadioButton/index.js

@@ -1,7 +1,7 @@
 import React from "react";
 import PropTypes from "prop-types";
 import styled, { ThemeProvider } from "styled-components";
-import { space, layout, compose, variant } from "styled-system";
+import { space, layout, compose, variant, typography } from "styled-system";
 import { css } from "@styled-system/css";
 import { themeGet } from "@styled-system/theme-get";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -154,7 +154,7 @@ const RadioButtonText = styled("div").withConfig({
   paddingLeft: "s",
   fontSize: themeGet("fontSizes.2")(props),
   fontWeight: themeGet("fontWeights.1")(props)
-}));
+}), typography);
 export default function RadioButton(_ref) {
   let {
     name,
@@ -187,6 +187,7 @@ export default function RadioButton(_ref) {
           variant: variant
         })
       }), /*#__PURE__*/_jsx(RadioButtonText, {
+        ...props,
         children: label
       })]
     })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "orcs-design-system",
-  "version": "3.2.22",
+  "version": "3.2.24",
   "engines": {
     "node": "20.12.2"
   },