carbon-react 142.12.0 → 142.13.1

package/lib/components/step-flow/step-flow-title/step-flow-title.component.js

@@ -35,7 +35,7 @@ const StepFlowTitle = ({
     variant: titleVariant || titleVariantContext || "h1",
     "data-element": "title-text"
   }, /*#__PURE__*/_react.default.createElement(_typography.default, {
-    fontWeight: "900",
+    fontWeight: "700",
     fontSize: "var(--fontSizes600)",
     lineHeight: "var(--sizing375)",
     variant: "span",

package/lib/components/step-flow/step-flow.component.js

@@ -99,7 +99,7 @@ const StepFlow = exports.StepFlow = /*#__PURE__*/(0, _react.forwardRef)(({
     "aria-hidden": "true"
   }, locale.stepFlow.stepLabel(validatedCurrentStep, totalSteps));
   return /*#__PURE__*/_react.default.createElement(_stepFlow.StyledStepFlow, _extends({}, rest, (0, _tags.default)("step-flow", rest)), /*#__PURE__*/_react.default.createElement(_stepFlow.StyledStepContent, null, category ? /*#__PURE__*/_react.default.createElement(_stepFlow.StyledStepContentText, null, /*#__PURE__*/_react.default.createElement(_typography.default, {
-    fontWeight: "500",
+    fontWeight: "400",
     fontSize: "var(--fontSizes100)",
     lineHeight: "var(--sizing250)",
     variant: "span",

package/lib/components/switch/__internal__/switch-slider.style.js

@@ -23,7 +23,7 @@ const StyledSwitchSlider = exports.StyledSwitchSlider = _styledComponents.defaul
 }) => (0, _styledComponents.css)`
     display: flex;
     font-size: 12px;
-    font-weight: bold;
+    font-weight: 500;
     height: 28px;
     left: 0;
     letter-spacing: 1px;

package/lib/components/tabs/__internal__/tab-title/tab-title.style.js

@@ -236,7 +236,7 @@ const tabTitleStyles = (0, _styledComponents.css)`
   display: inline-block;
   border-top-left-radius: var(--borderRadius100);
   border-top-right-radius: var(--borderRadius100);
-  font-weight: bold;
+  font-weight: 500;
   position: relative;
   border: none;
   cursor: pointer;

package/lib/components/text-editor/__internal__/editor-link/editor-link.style.js

@@ -12,7 +12,7 @@ const StyledEditorLink = (0, _styledComponents.default)(_link.default)`
 
   a {
     max-width: 100% span span span {
-      font-weight: 700;
+      font-weight: 500;
       font-style: normal;
     }
   }

package/lib/components/textbox/__internal__/prefix.style.js

@@ -9,7 +9,7 @@ var _inputSizes = _interopRequireDefault(require("../../../__internal__/input/in
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const StyledPrefix = _styledComponents.default.span`
   align-self: center;
-  font-weight: 900;
+  font-weight: 700;
   margin-left: ${({
   size
 }) => _inputSizes.default[size].horizontalPadding}; // margin must match the original component padding

package/lib/components/tile-select/tile-select.style.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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; }
 const StyledTitle = exports.StyledTitle = _styledComponents.default.h3`
   font-size: 16px;
-  font-weight: 900;
+  font-weight: 700;
   margin: 0;
   margin-right: 16px;
   margin-bottom: 8px;
@@ -25,7 +25,7 @@ const StyledTitle = exports.StyledTitle = _styledComponents.default.h3`
 `;
 const StyledSubtitle = exports.StyledSubtitle = _styledComponents.default.h4`
   font-size: 14px;
-  font-weight: 700;
+  font-weight: 500;
   margin: 0;
   margin-right: 16px;
   margin-bottom: 8px;

package/lib/components/time/time.style.js

@@ -9,7 +9,7 @@ var _label = _interopRequireDefault(require("../../__internal__/label"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const StyledLabel = exports.StyledLabel = (0, _styledComponents.default)(_label.default)`
   label {
-    font-weight: var(--fontWeights500);
+    font-weight: var(--fontWeights400);
   }
 `;
 const StyledHintText = exports.StyledHintText = _styledComponents.default.div`

package/lib/components/typography/typography.style.js

@@ -97,7 +97,7 @@ const getWeight = variant => {
     case "h1":
     case "segment-header":
     case "segment-header-small":
-      return "900";
+      return "700";
     case "h2":
     case "h3":
     case "segment-subheader":
@@ -105,7 +105,7 @@ const getWeight = variant => {
     case "b":
     case "em":
     case "strong":
-      return "700";
+      return "500";
     case "h4":
     case "h5":
     case "p":

package/lib/components/vertical-menu/vertical-menu.style.js

@@ -31,7 +31,7 @@ const StyledVerticalMenuItem = exports.StyledVerticalMenuItem = _styledComponent
   display: flex;
   border: none;
   align-items: center;
-  font-weight: 600;
+  font-weight: 500;
   font-size: 14px;
   cursor: pointer;
   color: var(--colorsComponentsLeftnavWinterStandardContent);
@@ -82,7 +82,7 @@ StyledVerticalMenuItem.defaultProps = {
   theme: _base.default
 };
 const StyledTitle = exports.StyledTitle = _styledComponents.default.h3`
-  font-weight: 600;
+  font-weight: 500;
   font-size: 14px;
   line-height: 21px;
   margin: 0;

package/lib/style/fonts.css

@@ -19,7 +19,7 @@
 @font-face {
   font-family: "Sage UI";
   font-style: normal;
-  font-weight: 700;
+  font-weight: 500;
   src: url("~@sage/design-tokens/assets/fonts/sageui-medium.woff2") format("woff2"),
     url("~@sage/design-tokens/assets/fonts/sageui-medium.woff") format("woff"),
     url("~@sage/design-tokens/assets/fonts/sageui-medium.ttf") format("truetype"),
@@ -29,7 +29,7 @@
 @font-face {
   font-family: "Sage UI";
   font-style: normal;
-  font-weight: 900;
+  font-weight: 700;
   src: url("~@sage/design-tokens/assets/fonts/sageui-bold.woff2") format("woff2"),
     url("~@sage/design-tokens/assets/fonts/sageui-bold.woff") format("woff"),
     url("~@sage/design-tokens/assets/fonts/sageui-bold.ttf") format("truetype"),

package/lib/style/global-style.js

@@ -21,12 +21,12 @@ const GlobalStyle = (0, _styledComponents.createGlobalStyle)`
     font-family: inherit;
   }
 
-  h1, .h1 { font-size: 24px; font-weight: 900; line-height: 32px; }
-  h2, .h2 { font-size: 22px; font-weight: 700; margin-bottom: 26px; }
-  h3, .h3 { font-size: 20px; font-weight: 700; margin-bottom: 24px; }
-  h4, .h4 { font-size: 18px; font-weight: 700; margin-bottom: 22px; }
-  h5, .h5 { font-size: 16px; font-weight: 700; margin-bottom: 20px; }
-  h6, .h6 { font-size: 14px; font-weight: 700; margin-bottom: 18px; }
+  h1, .h1 { font-size: 24px; font-weight: 700; line-height: 32px; }
+  h2, .h2 { font-size: 22px; font-weight: 500; margin-bottom: 26px; }
+  h3, .h3 { font-size: 20px; font-weight: 500; margin-bottom: 24px; }
+  h4, .h4 { font-size: 18px; font-weight: 500; margin-bottom: 22px; }
+  h5, .h5 { font-size: 16px; font-weight: 500; margin-bottom: 20px; }
+  h6, .h6 { font-size: 14px; font-weight: 500; margin-bottom: 18px; }
 
   [data-element=${_focusTrap.TAB_GUARD_TOP}], [data-element=${_focusTrap.TAB_GUARD_BOTTOM}] {
     position: fixed;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "142.12.0",
+  "version": "142.13.1",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",