@elliemae/ds-form 2.3.0-next.7 → 2.3.0-rc.2

package/cjs/MenuItem/components/MultiMenuItem/MultiMenuItem.js

@@ -51,7 +51,6 @@ const MultiMenuItem = props => {
     pr: render ? 0 : 40,
     "data-testid": "combobox-option",
     children: /*#__PURE__*/_jsx__default["default"](styled$1.StyledItemContent, {}, void 0, render ? render(props) : /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledCheckbox, {
-      tabIndex: tabIndex,
       disabled: disabled,
       checked: isSelected,
       onMouseDown: onMouseDown,

package/cjs/MenuItem/components/SingleMenuItem/SingleMenuItem.js

@@ -31,7 +31,8 @@ const SingleMenuItem = props => {
     onMouseLeave,
     wrapperStyles,
     render,
-    dataTestid
+    dataTestid,
+    disabled
   } = props;
   return /*#__PURE__*/jsxRuntime.jsx(styled.StyledGlobalMenuItemWrapper, {
     "aria-selected": isSelected,
@@ -49,6 +50,7 @@ const SingleMenuItem = props => {
     style: wrapperStyles,
     pr: render ? 0 : 40,
     "data-testid": dataTestid,
+    disabled: disabled,
     children: render ? render(props) : /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
       cols: ['16px', 'auto'],
       height: "16px",

package/cjs/MenuItem/components/styled.js

@@ -14,11 +14,26 @@ const borderOutside = function (color) {
   return styled.css([":after{display:block;content:' ';position:absolute;top:0;left:0;right:0;bottom:0;border:", "px solid ", ";pointer-events:none;z-index:7;}"], width, color);
 };
 
-const disabledOption = () => styled.css(["cursor:not-allowed;*{cursor:not-allowed;}"]);
-
-const activeBorderCss = props => borderOutside(props.theme.colors.brand[500]);
+const disabledOption = () => styled.css(["color:", ";cursor:not-allowed;*{cursor:not-allowed;}"], _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.colors.neutral[500];
+});
+
+const activeBorderCss = _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return borderOutside(theme.colors.brand[500]);
+};
 
-const focusBorderCss = props => borderOutside(props.theme.colors.brand[700], 2);
+const focusBorderCss = _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return borderOutside(theme.colors.brand[700], 2);
+};
 
 const StyledGlobalMenuItemWrapper = /*#__PURE__*/styled__default["default"].li.withConfig({
   componentId: "sc-jyoobd-0"
@@ -30,7 +45,7 @@ const StyledGlobalMenuItemWrapper = /*#__PURE__*/styled__default["default"].li.w
 }, props => props.isActive ? props.theme.colors.brand[200] : 'white', props => !props.disabled && props.theme.colors.brand[200]);
 const StyledMenuItemWrapper = /*#__PURE__*/styled__default["default"](StyledGlobalMenuItemWrapper).withConfig({
   componentId: "sc-jyoobd-1"
-})(["background-color:", " !important;cursor:", ";", ";"], props => props.isSelected ? props.theme.colors.brand[200] : 'white', props => props.disabled && 'not-allowed', props => props.isSelected && !props.isFocus ? activeBorderCss(props) : '');
+})(["background-color:", " !important;", ";"], props => props.isSelected ? props.theme.colors.brand[200] : 'white', props => props.isSelected && !props.isFocus ? activeBorderCss(props) : '');
 const StyledSubmenuItemWrapper = /*#__PURE__*/styled__default["default"](StyledGlobalMenuItemWrapper).withConfig({
   componentId: "sc-jyoobd-2"
 })(["", ";padding-right:0;"], props => props.isSelected || props.isActive ? activeBorderCss(props) : '');

package/esm/MenuItem/components/MultiMenuItem/MultiMenuItem.js

@@ -43,7 +43,6 @@ const MultiMenuItem = props => {
     pr: render ? 0 : 40,
     "data-testid": "combobox-option",
     children: /*#__PURE__*/_jsx(StyledItemContent, {}, void 0, render ? render(props) : /*#__PURE__*/_jsx(DSControlledCheckbox, {
-      tabIndex: tabIndex,
       disabled: disabled,
       checked: isSelected,
       onMouseDown: onMouseDown,

package/esm/MenuItem/components/SingleMenuItem/SingleMenuItem.js

@@ -22,7 +22,8 @@ const SingleMenuItem = props => {
     onMouseLeave,
     wrapperStyles,
     render,
-    dataTestid
+    dataTestid,
+    disabled
   } = props;
   return /*#__PURE__*/jsx(StyledGlobalMenuItemWrapper, {
     "aria-selected": isSelected,
@@ -40,6 +41,7 @@ const SingleMenuItem = props => {
     style: wrapperStyles,
     pr: render ? 0 : 40,
     "data-testid": dataTestid,
+    disabled: disabled,
     children: render ? render(props) : /*#__PURE__*/_jsx(Grid, {
       cols: ['16px', 'auto'],
       height: "16px",

package/esm/MenuItem/components/styled.js

@@ -6,11 +6,26 @@ const borderOutside = function (color) {
   return css([":after{display:block;content:' ';position:absolute;top:0;left:0;right:0;bottom:0;border:", "px solid ", ";pointer-events:none;z-index:7;}"], width, color);
 };
 
-const disabledOption = () => css(["cursor:not-allowed;*{cursor:not-allowed;}"]);
+const disabledOption = () => css(["color:", ";cursor:not-allowed;*{cursor:not-allowed;}"], _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.colors.neutral[500];
+});
 
-const activeBorderCss = props => borderOutside(props.theme.colors.brand[500]);
+const activeBorderCss = _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return borderOutside(theme.colors.brand[500]);
+};
 
-const focusBorderCss = props => borderOutside(props.theme.colors.brand[700], 2);
+const focusBorderCss = _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return borderOutside(theme.colors.brand[700], 2);
+};
 
 const StyledGlobalMenuItemWrapper = /*#__PURE__*/styled.li.withConfig({
   componentId: "sc-jyoobd-0"
@@ -22,7 +37,7 @@ const StyledGlobalMenuItemWrapper = /*#__PURE__*/styled.li.withConfig({
 }, props => props.isActive ? props.theme.colors.brand[200] : 'white', props => !props.disabled && props.theme.colors.brand[200]);
 const StyledMenuItemWrapper = /*#__PURE__*/styled(StyledGlobalMenuItemWrapper).withConfig({
   componentId: "sc-jyoobd-1"
-})(["background-color:", " !important;cursor:", ";", ";"], props => props.isSelected ? props.theme.colors.brand[200] : 'white', props => props.disabled && 'not-allowed', props => props.isSelected && !props.isFocus ? activeBorderCss(props) : '');
+})(["background-color:", " !important;", ";"], props => props.isSelected ? props.theme.colors.brand[200] : 'white', props => props.isSelected && !props.isFocus ? activeBorderCss(props) : '');
 const StyledSubmenuItemWrapper = /*#__PURE__*/styled(StyledGlobalMenuItemWrapper).withConfig({
   componentId: "sc-jyoobd-2"
 })(["", ";padding-right:0;"], props => props.isSelected || props.isActive ? activeBorderCss(props) : '');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form",
-  "version": "2.3.0-next.7",
+  "version": "2.3.0-rc.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Form",
   "module": "./esm/index.js",
@@ -748,28 +748,28 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.3.0-next.7",
-    "@elliemae/ds-circular-progress-indicator": "2.3.0-next.7",
-    "@elliemae/ds-classnames": "2.3.0-next.7",
-    "@elliemae/ds-controlled-form": "2.3.0-next.7",
-    "@elliemae/ds-dropdownmenu": "2.3.0-next.7",
-    "@elliemae/ds-form": "2.3.0-next.7",
-    "@elliemae/ds-grid": "2.3.0-next.7",
-    "@elliemae/ds-icon": "2.3.0-next.7",
-    "@elliemae/ds-icons": "2.3.0-next.7",
-    "@elliemae/ds-menu": "2.3.0-next.7",
-    "@elliemae/ds-overlay": "2.3.0-next.7",
-    "@elliemae/ds-pills": "2.3.0-next.7",
-    "@elliemae/ds-popper": "2.3.0-next.7",
-    "@elliemae/ds-popperjs": "2.3.0-next.7",
-    "@elliemae/ds-props-helpers": "2.3.0-next.7",
-    "@elliemae/ds-separator": "2.3.0-next.7",
-    "@elliemae/ds-shared": "2.3.0-next.7",
-    "@elliemae/ds-system": "2.3.0-next.7",
-    "@elliemae/ds-text-wrapper": "2.3.0-next.7",
-    "@elliemae/ds-tooltip": "2.3.0-next.7",
-    "@elliemae/ds-truncated-tooltip-text": "2.3.0-next.7",
-    "@elliemae/ds-utilities": "2.3.0-next.7",
+    "@elliemae/ds-button": "2.3.0-rc.2",
+    "@elliemae/ds-circular-progress-indicator": "2.3.0-rc.2",
+    "@elliemae/ds-classnames": "2.3.0-rc.2",
+    "@elliemae/ds-controlled-form": "2.3.0-rc.2",
+    "@elliemae/ds-dropdownmenu": "2.3.0-rc.2",
+    "@elliemae/ds-form": "2.3.0-rc.2",
+    "@elliemae/ds-grid": "2.3.0-rc.2",
+    "@elliemae/ds-icon": "2.3.0-rc.2",
+    "@elliemae/ds-icons": "2.3.0-rc.2",
+    "@elliemae/ds-menu": "2.3.0-rc.2",
+    "@elliemae/ds-overlay": "2.3.0-rc.2",
+    "@elliemae/ds-pills": "2.3.0-rc.2",
+    "@elliemae/ds-popper": "2.3.0-rc.2",
+    "@elliemae/ds-popperjs": "2.3.0-rc.2",
+    "@elliemae/ds-props-helpers": "2.3.0-rc.2",
+    "@elliemae/ds-separator": "2.3.0-rc.2",
+    "@elliemae/ds-shared": "2.3.0-rc.2",
+    "@elliemae/ds-system": "2.3.0-rc.2",
+    "@elliemae/ds-text-wrapper": "2.3.0-rc.2",
+    "@elliemae/ds-tooltip": "2.3.0-rc.2",
+    "@elliemae/ds-truncated-tooltip-text": "2.3.0-rc.2",
+    "@elliemae/ds-utilities": "2.3.0-rc.2",
     "memoize-one": "~5.1.1",
     "moment": "~2.29.1",
     "prop-types": "~15.7.2",

package/types/MenuItem/components/styled.d.ts

@@ -1,5 +1,7 @@
 import { LayoutProps, SizingProps, PositionProps, SpaceProps } from '@xstyled/styled-components';
 import { MenuItemT } from '../props';
 export declare const StyledGlobalMenuItemWrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, Pick<MenuItemT, "isActive" | "isSelected" | "isFocus"> & LayoutProps<import("@xstyled/system").Theme> & SizingProps<import("@xstyled/system").Theme> & PositionProps<import("@xstyled/system").Theme> & SpaceProps<import("@xstyled/system").Theme>, never>;
-export declare const StyledMenuItemWrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, Pick<MenuItemT, "isActive" | "isSelected" | "isFocus"> & LayoutProps<import("@xstyled/system").Theme> & SizingProps<import("@xstyled/system").Theme> & PositionProps<import("@xstyled/system").Theme> & SpaceProps<import("@xstyled/system").Theme>, never>;
+export declare const StyledMenuItemWrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, Pick<MenuItemT, "isActive" | "isSelected" | "isFocus"> & LayoutProps<import("@xstyled/system").Theme> & SizingProps<import("@xstyled/system").Theme> & PositionProps<import("@xstyled/system").Theme> & SpaceProps<import("@xstyled/system").Theme> & {
+    disabled: boolean;
+}, never>;
 export declare const StyledSubmenuItemWrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, Pick<MenuItemT, "isActive" | "isSelected" | "isFocus"> & LayoutProps<import("@xstyled/system").Theme> & SizingProps<import("@xstyled/system").Theme> & PositionProps<import("@xstyled/system").Theme> & SpaceProps<import("@xstyled/system").Theme>, never>;