carbon-react 134.0.0 → 134.0.2

package/esm/components/button/button.component.d.ts

@@ -62,6 +62,12 @@ export interface ButtonProps extends SpaceProps, TagProps {
     target?: string;
     /** HTML rel attribute */
     rel?: string;
+    /**
+     * @private
+     * @internal
+     * Set a class name on the button element
+     */
+    className?: string;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export default Button;

package/esm/components/button/button.component.js

@@ -170,6 +170,7 @@ if (process.env.NODE_ENV !== "production") {
     "aria-labelledby": PropTypes.string,
     "buttonType": PropTypes.oneOf(["darkBackground", "gradient-grey", "gradient-white", "primary", "secondary", "tertiary"]),
     "children": PropTypes.node,
+    "className": PropTypes.string,
     "data-component": PropTypes.string,
     "data-element": PropTypes.string,
     "data-role": PropTypes.string,

package/esm/components/flat-table/flat-table-header/flat-table-header-utils.d.ts

@@ -1,3 +1,3 @@
 import { FlatTableProps } from "..";
-declare const getAlternativeBackgroundColor: (colorTheme: FlatTableProps["colorTheme"]) => "var(--colorsActionMinor100)" | "var(--colorsUtilityMajor025)" | "var(--colorsUtilityYang100)" | "var(--colorsActionMinor550)";
+declare const getAlternativeBackgroundColor: (colorTheme: FlatTableProps["colorTheme"]) => "var(--colorsActionMinor100)" | "var(--colorsUtilityYang100)" | "var(--colorsUtilityMajor025)" | "var(--colorsActionMinor550)";
 export default getAlternativeBackgroundColor;

package/esm/components/link/link.style.js

@@ -1,6 +1,7 @@
 import styled, { css } from "styled-components";
 import baseTheme from "../../style/themes/base";
 import StyledIcon from "../icon/icon.style";
+import StyledButton from "../button/button.style";
 const colorMap = {
   light: variant => {
     let color = "var(--colorsActionMajor500)";
@@ -173,7 +174,7 @@ const StyledLink = styled.span`
         border-bottom-right-radius: var(--borderRadius025);
       `}
 
-      > button {
+      > button, ${StyledButton}:not(.search-button) {
         background-color: transparent;
         border: none;
         padding: 0;

package/esm/components/search/search.component.js

@@ -160,7 +160,8 @@ const Search = /*#__PURE__*/React.forwardRef(({
     px: 2,
     buttonType: "primary",
     iconPosition: "before",
-    iconType: "search"
+    iconType: "search",
+    className: "search-button"
   }, buttonProps), searchButtonText)));
 });
 if (process.env.NODE_ENV !== "production") {

package/esm/components/select/simple-select/simple-select.component.js

@@ -137,7 +137,7 @@ const SimpleSelect = /*#__PURE__*/React.forwardRef(({
     if (readOnly) {
       return;
     }
-    if (key === "Enter" || key === " " || isNavigationKey(key)) {
+    if (key === " " || isNavigationKey(key)) {
       event.preventDefault();
       setOpenState(isAlreadyOpen => {
         if (!isAlreadyOpen && onOpen) {

package/lib/components/button/button.component.d.ts

@@ -62,6 +62,12 @@ export interface ButtonProps extends SpaceProps, TagProps {
     target?: string;
     /** HTML rel attribute */
     rel?: string;
+    /**
+     * @private
+     * @internal
+     * Set a class name on the button element
+     */
+    className?: string;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export default Button;

package/lib/components/button/button.component.js

@@ -179,6 +179,7 @@ if (process.env.NODE_ENV !== "production") {
     "aria-labelledby": _propTypes.default.string,
     "buttonType": _propTypes.default.oneOf(["darkBackground", "gradient-grey", "gradient-white", "primary", "secondary", "tertiary"]),
     "children": _propTypes.default.node,
+    "className": _propTypes.default.string,
     "data-component": _propTypes.default.string,
     "data-element": _propTypes.default.string,
     "data-role": _propTypes.default.string,

package/lib/components/flat-table/flat-table-header/flat-table-header-utils.d.ts

@@ -1,3 +1,3 @@
 import { FlatTableProps } from "..";
-declare const getAlternativeBackgroundColor: (colorTheme: FlatTableProps["colorTheme"]) => "var(--colorsActionMinor100)" | "var(--colorsUtilityMajor025)" | "var(--colorsUtilityYang100)" | "var(--colorsActionMinor550)";
+declare const getAlternativeBackgroundColor: (colorTheme: FlatTableProps["colorTheme"]) => "var(--colorsActionMinor100)" | "var(--colorsUtilityYang100)" | "var(--colorsUtilityMajor025)" | "var(--colorsActionMinor550)";
 export default getAlternativeBackgroundColor;

package/lib/components/link/link.style.js

@@ -7,6 +7,7 @@ exports.StyledLink = exports.StyledContent = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _base = _interopRequireDefault(require("../../style/themes/base"));
 var _icon = _interopRequireDefault(require("../icon/icon.style"));
+var _button = _interopRequireDefault(require("../button/button.style"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -182,7 +183,7 @@ const StyledLink = exports.StyledLink = _styledComponents.default.span`
         border-bottom-right-radius: var(--borderRadius025);
       `}
 
-      > button {
+      > button, ${_button.default}:not(.search-button) {
         background-color: transparent;
         border: none;
         padding: 0;

package/lib/components/search/search.component.js

@@ -169,7 +169,8 @@ const Search = exports.Search = /*#__PURE__*/_react.default.forwardRef(({
     px: 2,
     buttonType: "primary",
     iconPosition: "before",
-    iconType: "search"
+    iconType: "search",
+    className: "search-button"
   }, buttonProps), searchButtonText)));
 });
 if (process.env.NODE_ENV !== "production") {

package/lib/components/select/simple-select/simple-select.component.js

@@ -146,7 +146,7 @@ const SimpleSelect = exports.SimpleSelect = /*#__PURE__*/_react.default.forwardR
     if (readOnly) {
       return;
     }
-    if (key === "Enter" || key === " " || (0, _isNavigationKey.default)(key)) {
+    if (key === " " || (0, _isNavigationKey.default)(key)) {
       event.preventDefault();
       setOpenState(isAlreadyOpen => {
         if (!isAlreadyOpen && onOpen) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "134.0.0",
+  "version": "134.0.2",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
@@ -24,7 +24,6 @@
     "build-storybook": "cross-env STORYBOOK_BUILD=true storybook build -c .storybook",
     "start-storybook": "cross-env STORYBOOK_BUILD=true storybook dev -c .storybook",
     "start:static": "npx http-server -p 9001 ./storybook-static",
-    "babel": "cross-env NODE_ENV=production babel ./src --config-file ./babel.config.js --out-dir ./lib --ignore '**/*.spec.js','**/*.spec.ts','**/*.spec.tsx','**/*.d.ts' --quiet --extensions '.js','.ts','.tsx'",
     "clean-lib": "rimraf ./lib && rimraf ./esm",
     "commit": "git-cz",
     "generate-metadata": "node ./scripts/generate_metadata/index.mjs",
@@ -134,13 +133,14 @@
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import": "^2.29.0",
     "eslint-plugin-jest": "^27.6.0",
-    "eslint-plugin-jest-dom": "^5.1.0",
+    "eslint-plugin-jest-dom": "^5.2.0",
     "eslint-plugin-jsx-a11y": "^6.8.0",
     "eslint-plugin-mdx": "^3.0.0",
     "eslint-plugin-no-unsanitized": "^4.0.2",
     "eslint-plugin-playwright": "^1.6.0",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-testing-library": "^6.2.2",
     "events": "~1.1.1",
     "fast-glob": "^3.3.2",
     "file-loader": "^6.2.0",