carbon-react 104.21.1 → 104.22.0

package/lib/__internal__/full-screen-heading/full-screen-heading.style.js

@@ -9,10 +9,6 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
 var _heading = require("../../components/heading/heading.style");
 
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -26,9 +22,7 @@ const StyledFullScreenHeading = _styledComponents.default.div`
   ${({
   hasContent
 }) => hasContent && (0, _styledComponents.css)`
-      border-bottom: 1px solid ${({
-  theme
-}) => theme.disabled.border};
+      border-bottom: 1px solid var(--colorsUtilityMajor050);
     `}
   display: flex;
   justify-content: space-between;
@@ -56,8 +50,5 @@ const StyledFullScreenHeading = _styledComponents.default.div`
     }
   }
 `;
-StyledFullScreenHeading.defaultProps = {
-  theme: _base.default
-};
 var _default = StyledFullScreenHeading;
 exports.default = _default;

package/lib/components/heading/heading.style.js

@@ -78,9 +78,7 @@ const StyledHeadingBackButton = (0, _styledComponents.default)(_link.default)`
 
     &:focus {
       background-color: transparent;
-      outline: 3px solid ${({
-  theme
-}) => theme.colors.focus};
+      outline: 3px solid var(--colorsSemanticFocus500);
     }
 
     ${_icon2.default} {
@@ -90,9 +88,6 @@ const StyledHeadingBackButton = (0, _styledComponents.default)(_link.default)`
   }
 `;
 exports.StyledHeadingBackButton = StyledHeadingBackButton;
-StyledHeadingBackButton.defaultProps = {
-  theme: _base.default
-};
 const StyledHeadingTitle = (0, _styledComponents.default)(_typography.default)`
   line-height: 32px;
   ${({
@@ -127,9 +122,7 @@ const StyledSubHeader = _styledComponents.default.div`
 `;
 exports.StyledSubHeader = StyledSubHeader;
 const StyledHeadingIcon = (0, _styledComponents.default)(_icon.default)`
-  color: ${({
-  theme
-}) => theme.colors.border};
+  color: var(--colorsActionMinor500);
   height: 30px;
 
   &:before,
@@ -138,19 +131,12 @@ const StyledHeadingIcon = (0, _styledComponents.default)(_icon.default)`
   }
 
   &:hover {
-    color: ${({
-  theme
-}) => theme.icon.focus};
+    color: var(--colorsActionMinor600);
   }
 `;
 exports.StyledHeadingIcon = StyledHeadingIcon;
-StyledHeadingIcon.defaultProps = {
-  theme: _base.default
-};
 const StyledSeparator = _styledComponents.default.hr`
-  border-top: 2px solid ${({
-  theme
-}) => theme.palette.slateTint(80)};
+  border-top: 2px solid var(--colorsUtilityMajor100);
   margin: 10px 0 8px;
   text-align: left;
   width: 50px;
@@ -160,9 +146,6 @@ const StyledDivider = (0, _styledComponents.default)(_hr.default)`
   margin: 15px 0 20px;
 `;
 exports.StyledDivider = StyledDivider;
-StyledSeparator.defaultProps = {
-  theme: _base.default
-};
 const StyledHeaderHelp = (0, _styledComponents.default)(_help.default)`
   display: inline-block;
   margin-left: -6px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "104.21.1",
+  "version": "104.22.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {