carbon-react 102.20.1 → 102.22.2

package/README.md

@@ -51,4 +51,4 @@ Thanks to [Chromatic](https://www.chromatic.com/) for providing the visual testi
 
 Carbon is licensed under the [Apache-2.0 licence](LICENSE).
 
-Copyright (c) 2018-2021 Sage Group Plc. All rights reserved.
+Copyright (c) 2018-2022 Sage Group Plc. All rights reserved.

package/lib/__internal__/popover/popover.component.js

@@ -13,11 +13,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _core = require("@popperjs/core");
 
-var _styledComponents = require("styled-components");
-
 var _useResizeObserver = _interopRequireDefault(require("../../hooks/__internal__/useResizeObserver"));
 
-var _carbonScopedTokensProvider = require("../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component");
+var _carbonScopedTokensProvider = _interopRequireDefault(require("../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -34,11 +32,9 @@ const Popover = ({
   modifiers
 }) => {
   const elementDOM = (0, _react.useRef)();
-  const theme = (0, _react.useContext)(_styledComponents.ThemeContext);
 
   if (!elementDOM.current && !disablePortal) {
     elementDOM.current = document.createElement("div");
-    elementDOM.current.classList.add((0, _carbonScopedTokensProvider.tokensClassName)(theme === null || theme === void 0 ? void 0 : theme.name));
     document.body.appendChild(elementDOM.current);
   }
 
@@ -98,7 +94,7 @@ const Popover = ({
     return content;
   }
 
-  return /*#__PURE__*/_reactDom.default.createPortal(content, elementDOM.current);
+  return /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(_carbonScopedTokensProvider.default, null, content), elementDOM.current);
 };
 
 Popover.propTypes = {

package/lib/components/heading/heading.style.d.ts

@@ -5,12 +5,11 @@ export const StyledHeader: import("styled-components").StyledComponent<"div", an
 export const StyledSeparator: import("styled-components").StyledComponent<"hr", any, {}, never>;
 export const StyledHeaderHelp: import("styled-components").StyledComponent<typeof Help, any, {}, never>;
 export const StyledHeadingTitle: import("styled-components").StyledComponent<typeof Typography, any, {}, never>;
-export const StyledDivider: import("styled-components").StyledComponent<typeof Hr, any, {}, never>;
+export const StyledDivider: import("styled-components").StyledComponent<({ adaptiveMxBreakpoint, ml, mr, ...rest }: import("../hr/hr.component").HrProps) => JSX.Element, any, {}, never>;
 export const StyledHeaderContent: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledHeadingBackButton: import("styled-components").StyledComponent<typeof Link, any, {}, never>;
 export const StyledHeadingPills: import("styled-components").StyledComponent<"span", any, {}, never>;
 import Icon from "../icon";
 import Help from "../help";
 import Typography from "../typography";
-import Hr from "../hr";
 import Link from "../link";

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

@@ -1,13 +1,9 @@
-export default Hr;
-declare function Hr({ adaptiveMxBreakpoint, ml, mr, ...props }: {
-    [x: string]: any;
-    adaptiveMxBreakpoint: any;
-    ml: any;
-    mr: any;
-}): JSX.Element;
-declare namespace Hr {
-    namespace propTypes {
-        const adaptiveMxBreakpoint: PropTypes.Requireable<number>;
-    }
+/// <reference types="react" />
+import { MarginProps } from "styled-system";
+export interface HrProps extends MarginProps {
+    /** Breakpoint for adaptive left and right margins (below the breakpoint they go to 0).
+     * Enables the adaptive behaviour when set */
+    adaptiveMxBreakpoint?: number;
 }
-import PropTypes from "prop-types";
+export declare const Hr: ({ adaptiveMxBreakpoint, ml, mr, ...rest }: HrProps) => JSX.Element;
+export default Hr;