carbon-react 138.2.2 → 140.0.0

package/lib/components/text-editor/text-editor.component.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.TextEditorState = exports.TextEditorContentState = exports.TextEditor = exports.EditorContext = void 0;
+exports.default = exports.TextEditorState = exports.TextEditorContentState = exports.TextEditor = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _draftJs = require("draft-js");
@@ -16,19 +16,19 @@ var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/e
 var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
 var _labelWrapper = _interopRequireDefault(require("./__internal__/label-wrapper"));
 var _types = require("./types");
-var _carbonProvider = require("../carbon-provider/carbon-provider.component");
+var _newValidation = _interopRequireDefault(require("../carbon-provider/__internal__/new-validation.context"));
 var _textbox = require("../textbox/textbox.style");
 var _validationMessage = _interopRequireDefault(require("../../__internal__/validation-message"));
 var _useInputAccessibility = _interopRequireDefault(require("../../hooks/__internal__/useInputAccessibility"));
 var _box = _interopRequireDefault(require("../box"));
 var _useCharacterCount = _interopRequireDefault(require("../../hooks/__internal__/useCharacterCount"));
+var _editor = _interopRequireDefault(require("./__internal__/editor.context"));
 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; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const NUMBERS = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
 const INLINE_STYLES = [_types.BOLD, _types.ITALIC];
-const EditorContext = exports.EditorContext = /*#__PURE__*/_react.default.createContext({});
 const TextEditor = exports.TextEditor = /*#__PURE__*/_react.default.forwardRef(({
   characterLimit = 3000,
   labelText,
@@ -48,7 +48,7 @@ const TextEditor = exports.TextEditor = /*#__PURE__*/_react.default.forwardRef((
 }, ref) => {
   const {
     validationRedesignOptIn
-  } = (0, _react.useContext)(_carbonProvider.NewValidationContext);
+  } = (0, _react.useContext)(_newValidation.default);
   const [isFocused, setIsFocused] = (0, _react.useState)(false);
   const [inlines, setInlines] = (0, _react.useState)([]);
   const [activeInlines, setActiveInlines] = (0, _react.useState)({});
@@ -261,7 +261,7 @@ const TextEditor = exports.TextEditor = /*#__PURE__*/_react.default.forwardRef((
       editableElement?.setAttribute("aria-required", "true");
     }
   }, [required]);
-  return /*#__PURE__*/_react.default.createElement(EditorContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_editor.default.Provider, {
     value: {
       onLinkAdded,
       editMode: true

package/lib/components/textarea/textarea.component.js

@@ -16,7 +16,7 @@ var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/gui
 var _textarea = _interopRequireWildcard(require("./textarea.style"));
 var _tooltipProvider = require("../../__internal__/tooltip-provider");
 var _useInputAccessibility = _interopRequireDefault(require("../../hooks/__internal__/useInputAccessibility"));
-var _carbonProvider = require("../carbon-provider/carbon-provider.component");
+var _newValidation = _interopRequireDefault(require("../carbon-provider/__internal__/new-validation.context"));
 var _textbox = require("../textbox/textbox.style");
 var _validationMessage = _interopRequireDefault(require("../../__internal__/validation-message"));
 var _box = _interopRequireDefault(require("../box"));
@@ -71,7 +71,7 @@ const Textarea = exports.OriginalTextarea = exports.Textarea = /*#__PURE__*/_rea
 }, ref) => {
   const {
     validationRedesignOptIn
-  } = (0, _react.useContext)(_carbonProvider.NewValidationContext);
+  } = (0, _react.useContext)(_newValidation.default);
   const computeLabelPropValues = prop => validationRedesignOptIn ? undefined : prop;
   const {
     current: id

package/lib/components/textbox/textbox.component.js

@@ -18,8 +18,8 @@ var _useCharacterCount = _interopRequireDefault(require("../../hooks/__internal_
 var _useInputAccessibility = _interopRequireDefault(require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility"));
 var _textbox = require("./textbox.style");
 var _validationMessage = _interopRequireDefault(require("../../__internal__/validation-message"));
-var _carbonProvider = require("../carbon-provider/carbon-provider.component");
-var _numeralDateContext = _interopRequireDefault(require("../numeral-date/numeral-date-context"));
+var _newValidation = _interopRequireDefault(require("../carbon-provider/__internal__/new-validation.context"));
+var _numeralDate = _interopRequireDefault(require("../numeral-date/__internal__/numeral-date.context"));
 var _box = _interopRequireDefault(require("../box"));
 var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
 var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
@@ -90,10 +90,10 @@ const Textbox = exports.Textbox = /*#__PURE__*/_react.default.forwardRef(({
   const [characterCount, visuallyHiddenHintId] = (0, _useCharacterCount.default)(characterCountValue, characterLimit);
   const {
     validationRedesignOptIn
-  } = (0, _react.useContext)(_carbonProvider.NewValidationContext);
+  } = (0, _react.useContext)(_newValidation.default);
   const {
     disableErrorBorder
-  } = (0, _react.useContext)(_numeralDateContext.default);
+  } = (0, _react.useContext)(_numeralDate.default);
   const computeLabelPropValues = prop => validationRedesignOptIn ? undefined : prop;
   if (!deprecateUncontrolledWarnTriggered && !onChange) {
     deprecateUncontrolledWarnTriggered = true;

package/lib/components/tile/tile-content/tile-content.component.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _tileContent = _interopRequireDefault(require("./tile-content.style"));
-var _tileContext = _interopRequireDefault(require("../__internal__/tile-context"));
+var _tile = _interopRequireDefault(require("../__internal__/tile.context"));
 var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/tags"));
 var _filterStyledSystemPaddingProps = _interopRequireDefault(require("../../../style/utils/filter-styled-system-padding-props"));
 var _filterStyledSystemMarginProps = _interopRequireDefault(require("../../../style/utils/filter-styled-system-margin-props"));
@@ -24,7 +24,7 @@ const TileContent = ({
   const {
     isHorizontal,
     paddingPropsFromTile
-  } = (0, _react.useContext)(_tileContext.default);
+  } = (0, _react.useContext)(_tile.default);
   if (!children) {
     return null;
   }

package/lib/components/tile/tile.component.js

@@ -7,7 +7,7 @@ exports.default = exports.Tile = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _tile = _interopRequireDefault(require("./tile.style"));
-var _tileContext = _interopRequireDefault(require("./__internal__/tile-context"));
+var _tile2 = _interopRequireDefault(require("./__internal__/tile.context"));
 var _filterStyledSystemPaddingProps = _interopRequireDefault(require("../../style/utils/filter-styled-system-padding-props"));
 var _filterStyledSystemMarginProps = _interopRequireDefault(require("../../style/utils/filter-styled-system-margin-props"));
 var _computeContentPadding = _interopRequireDefault(require("./__internal__/compute-content-padding"));
@@ -42,7 +42,7 @@ const Tile = ({
     roundness: roundness,
     borderWidth: borderWidth,
     borderVariant: borderVariant
-  }, paddingProps, marginProps, (0, _tags.default)("tile", rest)), /*#__PURE__*/_react.default.createElement(_tileContext.default.Provider, {
+  }, paddingProps, marginProps, (0, _tags.default)("tile", rest)), /*#__PURE__*/_react.default.createElement(_tile2.default.Provider, {
     value: {
       isHorizontal,
       paddingPropsFromTile: contentPaddingProps

package/lib/components/vertical-divider/vertical-divider.component.js

@@ -24,6 +24,7 @@ const VerticalDivider = ({
   } = (0, _react.useContext)(_menu.MenuContext);
   return /*#__PURE__*/_react.default.createElement(_verticalDivider.StyledVerticalWrapper, _extends({
     "data-component": "vertical-divider",
+    "data-role": "vertical-divider",
     p: props.p || 3,
     height: h || height,
     displayInline: displayInline
@@ -31,6 +32,7 @@ const VerticalDivider = ({
     as: inMenu ? "li" : "div",
     "aria-hidden": !!inMenu
   }), /*#__PURE__*/_react.default.createElement(_verticalDivider.StyledDivider, {
+    "data-role": "divider",
     tint: tint
   }));
 };

package/lib/components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.component.js

@@ -14,7 +14,7 @@ var _iconButton = _interopRequireDefault(require("../../icon-button"));
 var _icon = _interopRequireDefault(require("../../icon"));
 var _box = _interopRequireDefault(require("../../box"));
 var _verticalMenu = require("../vertical-menu.style");
-var _verticalMenuFullScreen = _interopRequireDefault(require("../vertical-menu-full-screen/vertical-menu-full-screen.context"));
+var _verticalMenuFullScreen = _interopRequireDefault(require("./__internal__/vertical-menu-full-screen.context"));
 var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events/events"));
 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); }

package/lib/components/vertical-menu/vertical-menu-item/__internal__/menu-item.context.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare const _default: React.Context<{
+    level: number;
+}>;
+export default _default;

package/lib/components/vertical-menu/vertical-menu-item/__internal__/menu-item.context.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = /*#__PURE__*/_react.default.createContext({
+  level: 0
+});

package/lib/components/vertical-menu/vertical-menu-item/vertical-menu-item.component.js

@@ -8,15 +8,13 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/tags"));
 var _utils = require("../../../style/utils");
-var _verticalMenuFullScreen = _interopRequireDefault(require("../vertical-menu-full-screen/vertical-menu-full-screen.context"));
+var _verticalMenuFullScreen = _interopRequireDefault(require("../vertical-menu-full-screen/__internal__/vertical-menu-full-screen.context"));
 var _verticalMenu = require("../vertical-menu.style");
+var _menuItem = _interopRequireDefault(require("./__internal__/menu-item.context"));
 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; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const MenuItemContext = /*#__PURE__*/_react.default.createContext({
-  level: 0
-});
 const VerticalMenuItem = ({
   defaultOpen = false,
   title,
@@ -35,7 +33,7 @@ const VerticalMenuItem = ({
   };
   const {
     level
-  } = (0, _react.useContext)(MenuItemContext);
+  } = (0, _react.useContext)(_menuItem.default);
   const {
     isFullScreen
   } = (0, _react.useContext)(_verticalMenuFullScreen.default);
@@ -74,7 +72,7 @@ const VerticalMenuItem = ({
     type: iconType
   }), /*#__PURE__*/_react.default.createElement(_verticalMenu.StyledTitle, null, title), adornment && /*#__PURE__*/_react.default.createElement(_verticalMenu.StyledAdornment, null, renderAdornment()), children && !isFullScreen && /*#__PURE__*/_react.default.createElement(_verticalMenu.StyledChevronIcon, {
     type: isOpen ? "chevron_up_thick" : "chevron_down_thick"
-  })), (isOpen || isFullScreen) && /*#__PURE__*/_react.default.createElement(MenuItemContext.Provider, {
+  })), (isOpen || isFullScreen) && /*#__PURE__*/_react.default.createElement(_menuItem.default.Provider, {
     value: {
       level: level + 1
     }

package/lib/hooks/__internal__/useModalAria/useModalAria.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = useModalAria;
 var _react = require("react");
-var _topModalContext = _interopRequireDefault(require("../../../components/carbon-provider/top-modal-context"));
+var _topModal = _interopRequireDefault(require("../../../components/carbon-provider/__internal__/top-modal.context"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function useModalAria(containerRef) {
   const {
     topModal
-  } = (0, _react.useContext)(_topModalContext.default);
+  } = (0, _react.useContext)(_topModal.default);
   const isTopModal = topModal?.contains(containerRef.current);
   (0, _react.useEffect)(() => {
     const originalValues = [];

package/package.json

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

package/esm/__spec_helper__/enzyme-snapshot-helper.js

@@ -1,22 +0,0 @@
-import toJson from "enzyme-to-json";
-function snapshotWithoutProps(enzymeWrapper, propNames) {
-  let propNameList = propNames;
-  if (!Array.isArray(propNames)) {
-    propNameList = [propNames];
-  }
-  const snapshotOptions = {
-    map: json => {
-      propNameList.forEach(prop => {
-        if (json.props[prop]) {
-          json.props[prop] = `[ ${prop} object ]`;
-        }
-      });
-      return json;
-    }
-  };
-  return toJson(enzymeWrapper, snapshotOptions);
-}
-function noThemeSnapshot(enzymeWrapper) {
-  return snapshotWithoutProps(enzymeWrapper, "theme");
-}
-export { snapshotWithoutProps, noThemeSnapshot };

package/esm/__spec_helper__/expect.d.ts

@@ -1,8 +0,0 @@
-import "jest-styled-components";
-declare global {
-    namespace jest {
-        interface Matchers<R> {
-            toBeFocused(): R;
-        }
-    }
-}

package/esm/__spec_helper__/expect.js

@@ -1,28 +0,0 @@
-import "jest-styled-components";
-import { ReactWrapper } from "enzyme";
-import { diff } from "jest-matcher-utils";
-expect.extend({
-  toBeFocused(received) {
-    const expected = document.activeElement;
-    const DOMNode = received instanceof ReactWrapper ? received.getDOMNode() : received;
-    const pass = this.equals(expected, DOMNode);
-    const options = {
-      isNot: this.isNot
-    };
-    const hint = this.utils.matcherHint("toBeFocused", "DOMNode", "", options);
-    const positive = () => {
-      const diffString = diff(expected, DOMNode, {
-        expand: this.expand
-      });
-      return `${hint}\n\n${
-      // eslint-disable-next-line multiline-ternary
-      diffString && diffString.includes("- Expect") ? `Difference:\n\n${diffString}` : `Expected: ${this.utils.printExpected(expected)}\nReceived: ${this.utils.printReceived(DOMNode)}`}`;
-    };
-    const negative = () => `${hint}\n\nDOMNode should not have focus`;
-    const message = pass ? negative : positive;
-    return {
-      pass,
-      message
-    };
-  }
-});

package/esm/__spec_helper__/index.d.ts

@@ -1 +0,0 @@
-export {};

package/esm/__spec_helper__/index.js

@@ -1,12 +0,0 @@
-import { configure } from "@testing-library/react";
-import { enableFetchMocks } from "jest-fetch-mock";
-import { setupMatchMediaMock } from "./mock-match-media";
-import setupResizeObserverMock from "./mock-resize-observer";
-import setupScrollToMock from "./mock-element-scrollto";
-enableFetchMocks();
-setupResizeObserverMock();
-setupMatchMediaMock();
-setupScrollToMock();
-configure({
-  testIdAttribute: "data-role" /** Configure React Testing Library *ByTestId queries to use data-role tag */
-});

package/esm/__spec_helper__/select-test-utils.d.ts

@@ -1,3 +0,0 @@
-import type { ReactWrapper } from "enzyme";
-export declare function simulateSelectTextboxEvent(container: ReactWrapper, eventType: string, ...eventArgs: any[]): void;
-export declare function simulateDropdownEvent(container: ReactWrapper, eventType: string): void;

package/esm/__spec_helper__/select-test-utils.js

@@ -1,39 +0,0 @@
-import { act } from "react-dom/test-utils";
-import { mockResizeObserver } from "jsdom-testing-mocks";
-import { StyledSelectListContainer } from "../components/select/select-list/select-list.style";
-const resizeObserver = mockResizeObserver();
-export function simulateSelectTextboxEvent(container, eventType,
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-...eventArgs) {
-  const selectText = container.find('input[type="text"]').first();
-  selectText.simulate(eventType, ...eventArgs);
-  const selectList = container.find(StyledSelectListContainer).getDOMNode();
-  // need to manually trigger a resize to make react-virtual realise that child options should be rendered
-  act(() => {
-    resizeObserver.mockElementSize(selectList, {
-      contentBoxSize: {
-        inlineSize: 500,
-        blockSize: 180
-      }
-    });
-    resizeObserver.resize();
-  });
-  if (eventType === "focus") jest.runOnlyPendingTimers();
-  container.update();
-}
-export function simulateDropdownEvent(container, eventType) {
-  const dropdown = container.find('[type="dropdown"]').first();
-  dropdown.simulate(eventType);
-  const selectList = container.find(StyledSelectListContainer).getDOMNode();
-  // need to manually trigger a resize to make react-virtual realise that child options should be rendered
-  act(() => {
-    resizeObserver.mockElementSize(selectList, {
-      contentBoxSize: {
-        inlineSize: 500,
-        blockSize: 180
-      }
-    });
-    resizeObserver.resize();
-  });
-  container.update();
-}

package/esm/__spec_helper__/test-utils.d.ts

@@ -1,51 +0,0 @@
-import { ReactWrapper } from "enzyme";
-import { LayoutProps, FlexboxProps, BackgroundProps, PositionProps, GridProps } from "styled-system";
-import { mockMatchMedia } from "./mock-match-media";
-declare const toCSSCase: (str: string) => string;
-declare const assertStyleMatch: any;
-declare const makeArrayKeys: (n: number) => number[];
-declare const keyboard: Record<string, () => void>;
-declare const simulate: {
-    keydown: Record<string, (target: ReactWrapper<any>, { shiftKey }?: {
-        shiftKey: boolean;
-    } | undefined) => void>;
-};
-declare const listFrom: (wrapper: ReactWrapper) => ReactWrapper;
-declare const childrenFrom: (node: ReactWrapper) => ReactWrapper;
-declare const hoverList: (wrapper: ReactWrapper) => (item: number) => void;
-declare const click: unknown;
-declare const selectedItemOf: (wrapper: ReactWrapper) => number;
-declare const assertKeyboardTraversal: ({ num, nonSelectables, }: {
-    num: number;
-    nonSelectables?: number[] | undefined;
-}) => (wrapper: ReactWrapper) => void;
-declare const assertHoverTraversal: ({ num, nonSelectables, }: {
-    num: number;
-    nonSelectables?: number[] | undefined;
-}) => (wrapper: ReactWrapper) => void;
-declare const marginProps: readonly [readonly ["m", "margin"], readonly ["ml", "marginLeft"], readonly ["mr", "marginRight"], readonly ["mt", "marginTop"], readonly ["mb", "marginBottom"], readonly ["mx", "marginLeft"], readonly ["mx", "marginRight"], readonly ["my", "marginTop"], readonly ["my", "marginBottom"]];
-declare type MarginProps = {
-    [K in typeof marginProps[number][0]]?: string | number;
-};
-declare const paddingProps: readonly [readonly ["p", "padding"], readonly ["pl", "paddingLeft"], readonly ["pr", "paddingRight"], readonly ["pt", "paddingTop"], readonly ["pb", "paddingBottom"], readonly ["px", "paddingLeft"], readonly ["px", "paddingRight"], readonly ["py", "paddingTop"], readonly ["py", "paddingBottom"]];
-declare type PaddingProps = {
-    [K in typeof paddingProps[number][0]]?: string | number;
-};
-export declare const getDefaultValue: (value?: string | number) => string | number | undefined;
-declare const testStyledSystemMargin: (component: (spacingProps?: MarginProps) => JSX.Element, defaults?: MarginProps, styleContainer?: ((wrapper: ReactWrapper) => ReactWrapper) | undefined, assertOpts?: jest.Options) => void;
-declare const testStyledSystemPadding: (component: (spacingProps?: PaddingProps) => JSX.Element, defaults?: PaddingProps, styleContainer?: ((wrapper: ReactWrapper) => ReactWrapper) | undefined, assertOpts?: jest.Options) => void;
-declare const testStyledSystemSpacing: (component: (spacingProps?: MarginProps | PaddingProps) => JSX.Element, defaults?: MarginProps | PaddingProps, styleContainer?: ((wrapper: ReactWrapper) => ReactWrapper) | undefined, assertOpts?: jest.Options) => void;
-declare const testStyledSystemColor: (component: (colorProperties?: any) => JSX.Element, styleContainer?: ((wrapper: ReactWrapper) => void) | undefined) => void;
-declare const testStyledSystemWidth: (component: (widthProperties?: {
-    width: string;
-}) => JSX.Element, styleContainer?: ((wrapper: ReactWrapper) => ReactWrapper) | undefined) => void;
-declare const testStyledSystemHeight: (component: (heightProperties?: {
-    height: string;
-}) => JSX.Element, styleContainer?: ((wrapper: ReactWrapper) => ReactWrapper) | undefined) => void;
-declare const testStyledSystemLayout: (component: (layoutProperties?: LayoutProps) => JSX.Element, styleContainer?: ((wrapper: ReactWrapper) => ReactWrapper) | undefined) => void;
-declare const testStyledSystemFlexBox: (component: (flexboxProperties?: FlexboxProps) => JSX.Element, styleContainer?: ((wrapper: ReactWrapper) => ReactWrapper) | undefined) => void;
-declare const testStyledSystemGrid: (component: (gridProperties?: GridProps) => JSX.Element, styleContainer?: ((wrapper: ReactWrapper) => ReactWrapper) | undefined) => void;
-declare const testStyledSystemBackground: (component: (backgroundProperties?: BackgroundProps) => JSX.Element, styleContainer?: ((wrapper: ReactWrapper) => ReactWrapper) | undefined) => void;
-declare const testStyledSystemPosition: (component: (positionProperties?: PositionProps) => JSX.Element, styleContainer?: ((wrapper: ReactWrapper) => ReactWrapper) | undefined) => void;
-declare const expectConsoleOutput: (message: string, type?: "warn" | "error") => () => void;
-export { assertStyleMatch, toCSSCase, hoverList, selectedItemOf, childrenFrom, makeArrayKeys, keyboard, assertKeyboardTraversal, assertHoverTraversal, listFrom, click, simulate, mockMatchMedia, testStyledSystemSpacing, testStyledSystemMargin, testStyledSystemPadding, testStyledSystemColor, testStyledSystemWidth, testStyledSystemHeight, testStyledSystemLayout, testStyledSystemFlexBox, testStyledSystemGrid, testStyledSystemBackground, testStyledSystemPosition, expectConsoleOutput, };