carbon-react 101.0.0 → 101.0.4

package/lib/__internal__/field-help/field-help.style.js

@@ -19,9 +19,9 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 const FieldHelpStyle = _styledComponents.default.span`
   display: block;
+  flex: 1;
   margin-top: 8px;
   white-space: pre-wrap;
-  width: 100%;
 
   ${({
   labelInline,

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

@@ -235,7 +235,7 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
     }
 
     setListHeight(`${newHeight}px`);
-  }, [children]);
+  }, [children, listRef.current]);
   (0, _react.useEffect)(() => {
     const keyboardEvent = "keydown";
     const listElement = listRef.current;

package/lib/components/select/simple-select/simple-select-test.stories.js

@@ -74,29 +74,23 @@ const Default = args => {
     text: "Blue",
     value: "3"
   }), /*#__PURE__*/_react.default.createElement(_.Option, {
-    text: "Brown",
+    text: "White",
     value: "4"
   }), /*#__PURE__*/_react.default.createElement(_.Option, {
     text: "Green",
     value: "5"
   }), /*#__PURE__*/_react.default.createElement(_.Option, {
-    text: "Orange",
+    text: "Like a lot of intelligent animals, most crows are quite social.  For instance, American crows spend most of the year living in pairs or small family groups. During the winter months, they will congregate with hundreds or even thousands of their peers to sleep together at night",
     value: "6"
   }), /*#__PURE__*/_react.default.createElement(_.Option, {
     text: "Pink",
     value: "7"
-  }), /*#__PURE__*/_react.default.createElement(_.Option, {
-    text: "Purple",
-    value: "8"
   }), /*#__PURE__*/_react.default.createElement(_.Option, {
     text: "Red",
-    value: "9"
-  }), /*#__PURE__*/_react.default.createElement(_.Option, {
-    text: "White",
-    value: "10"
+    value: "8"
   }), /*#__PURE__*/_react.default.createElement(_.Option, {
     text: "Yellow",
-    value: "11"
+    value: "9"
   }));
 };
 

package/lib/components/text-editor/__internal__/decorators/link-decorator.js

@@ -29,8 +29,15 @@ function findWithRegex(regex, contentBlock, callback) {
 }
 
 const linkStrategy = (contentBlock, callback) => {
-  const expr = /\s*(https:\/\/|http:\/\/|www\.)\S+(:{0,1}(\w*@)?)(\.{1}(?!\.)\S{2,})|(:[0-9]+)(\/|\/([\w#!:.?+=&%@!-/]))?\s*/g;
-  findWithRegex(RegExp(expr), contentBlock, callback);
+  const combineRegex = (...regex) => new RegExp(regex.map(r => r.source).join(""), "g");
+
+  const urlRegex = combineRegex(/\b/, /(http:\/\/|https:\/\/|www\.)/, // prefix
+  /([\w-]+:([\w-]+@))?/, // userinfo
+  /([\w-]+\.)+\w+/, // domain
+  /(:\d+)?/, // port
+  /(\/[\w#!:.?+=&%@!-/]+)?/, // paths, queries, fragments
+  /\b/);
+  findWithRegex(urlRegex, contentBlock, callback);
 };
 
 var _default = {

package/lib/style/design-tokens/debug-theme.util.js

@@ -38,14 +38,15 @@ const debugTheme = themeProperties => Object.fromEntries(Object.entries(themePro
   }
 
   if (typeof value === "object") {
-    return [key, debugTheme(value)];
+    return key === "compatibility" ? [key, value] : [key, debugTheme(value)];
   }
 
   return [key, ""];
 }));
 
 var _default = { ...debugTheme(_mint.default),
-  ..._common.default,
+  compatibility: { ..._common.default
+  },
   name: "sage-debug"
 };
 exports.default = _default;

package/lib/style/themes/base/base-theme.config.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _common = _interopRequireDefault(require("@sage/design-tokens/js/base/common"));
+
 var _atOpacity = _interopRequireDefault(require("../../utils/at-opacity"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -340,7 +342,7 @@ var _default = palette => {
     },
 
     get compatibility() {
-      return {
+      return { ..._common.default,
         colorsActionMajor500: this.colors.primary,
         colorsActionMajor600: this.colors.secondary,
         colorsActionDisabled500: this.disabled.background,

package/lib/style/themes/sage/index.js

@@ -12,7 +12,8 @@ var _index = _interopRequireDefault(require("../mint/index"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var _default = { ..._index.default,
-  ..._common.default,
+  compatibility: { ..._common.default
+  },
   name: "sage (experimental)"
 };
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "101.0.0",
+  "version": "101.0.4",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {
@@ -59,9 +59,9 @@
     "@babel/preset-typescript": "7.12.7",
     "@commitlint/cli": "^11.0.0",
     "@commitlint/config-conventional": "^11.0.0",
-    "@semantic-release/changelog": "^5.0.1",
+    "@semantic-release/changelog": "^6.0.1",
     "@semantic-release/exec": "^6.0.2",
-    "@semantic-release/git": "^9.0.0",
+    "@semantic-release/git": "^10.0.1",
     "@storybook/addon-a11y": "^6.3.6",
     "@storybook/addon-actions": "^6.3.6",
     "@storybook/addon-controls": "^6.3.7",
@@ -132,7 +132,7 @@
     "react-dom": "^16.12.0",
     "react-test-renderer": "^16.12.0",
     "rimraf": "^3.0.2",
-    "semantic-release": "^17.4.7",
+    "semantic-release": "^18.0.1",
     "semver": "^7.3.5",
     "sprintf-js": "^1.1.2",
     "styled-components": "^4.4.1",