carbon-react 138.2.2 → 140.0.0

package/esm/__spec_helper__/test-utils.js

@@ -1,358 +0,0 @@
-/* eslint-disable jest/no-conditional-expect */
-/* eslint-disable jest/no-identical-title */
-/* eslint-disable jest/no-export */
-import { mount } from "enzyme";
-import { sprintf } from "sprintf-js";
-import { space } from "../style/themes/base/base-theme.config";
-import { mockMatchMedia } from "./mock-match-media";
-const isUpper = char => char.toUpperCase() === char;
-const humpToDash = (acc, char) => `${acc}${isUpper(char) ? `-${char.toLowerCase()}` : char}`;
-const toCSSCase = str => {
-  return str.split("").reduce(humpToDash, "");
-};
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const assertStyleMatch = (styleSpec, component, opts) => {
-  Object.entries(styleSpec).forEach(([attr, value]) => {
-    expect(component).toHaveStyleRule(toCSSCase(attr), value, opts);
-  });
-};
-const makeArrayKeys = n => [...Array(n).keys()];
-const dispatchKeyPress = code => {
-  const ev = new KeyboardEvent("keydown", {
-    key: code
-  });
-  document.dispatchEvent(ev);
-};
-const keys = ["ArrowUp", "ArrowDown", "ArrowRight", "ArrowLeft", "Enter", "Tab", " ", "Escape", "End", "Home", "D", "E", "P", "Z", "1"];
-const keyboard = keys.reduce((acc, key) => {
-  const methodName = `press${key === " " ? "Space" : key}`;
-  acc[methodName] = () => dispatchKeyPress(key);
-  return acc;
-}, {});
-
-// Build an object of Enzyme simulate helpers
-// e.g. simulate.keydown.pressTab(target, { shiftKey: true })
-// e.g. simulate.keydown.pressEscape(target)
-const keydown = keys.reduce((acc, key) => {
-  const methodName = `press${key === " " ? "Space" : key}`;
-  acc[methodName] = (target, {
-    shiftKey
-  } = {
-    shiftKey: false
-  }) => {
-    target.simulate("keydown", {
-      shiftKey,
-      key
-    });
-  };
-  return acc;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-}, {});
-const simulate = {
-  keydown
-};
-const listFrom = wrapper => wrapper.find("ul");
-const childrenFrom = node => node.children();
-const hoverList = wrapper => item => {
-  childrenFrom(listFrom(wrapper)).at(item).simulate("mouseover");
-};
-const simulateEvent = eventName => wrapper => wrapper.simulate(eventName);
-const click = simulateEvent("click");
-const selectedItemOf = wrapper => wrapper.state().selectedItem;
-const isUnique = (val, index, self) => self.indexOf(val) === index;
-const isSelectableGiven = nonSelectables => i => !nonSelectables.includes(i);
-const selectedItemReducer = method => wrapper => (acc, i) => {
-  method(wrapper)(i);
-  return [...acc, selectedItemOf(wrapper)];
-};
-const arraysEqual = (arr1, arr2) => arr1.sort().join(",") === arr2.sort().join(",");
-const assertCorrectTraversal = method => expect => ({
-  num,
-  nonSelectables = []
-}) => wrapper => {
-  const array = makeArrayKeys(num);
-  const validIndexes = array.filter(isSelectableGiven(nonSelectables));
-  const selectedItem = selectedItemOf(wrapper);
-  const indexesThatWereSelected = array.reduce(selectedItemReducer(method)(wrapper), [selectedItem]).filter(isUnique);
-  expect(arraysEqual(validIndexes, indexesThatWereSelected)).toBeTruthy();
-};
-const assertKeyboardTraversal = assertCorrectTraversal(() => keyboard.pressArrowDown)(expect);
-const assertHoverTraversal = assertCorrectTraversal(wrapper => hoverList(wrapper))(expect);
-const marginProps = [["m", "margin"], ["ml", "marginLeft"], ["mr", "marginRight"], ["mt", "marginTop"], ["mb", "marginBottom"], ["mx", "marginLeft"], ["mx", "marginRight"], ["my", "marginTop"], ["my", "marginBottom"]];
-const paddingProps = [["p", "padding"], ["pl", "paddingLeft"], ["pr", "paddingRight"], ["pt", "paddingTop"], ["pb", "paddingBottom"], ["px", "paddingLeft"], ["px", "paddingRight"], ["py", "paddingTop"], ["py", "paddingBottom"]];
-const colorProps = [["color", "color", "#CCCCCC"], ["bg", "background-color", "#FFFFFF"], ["opacity", "opacity", "0.5"]];
-const widthProps = ["width", "width", "200px"];
-const heightProps = ["height", "height", "200px"];
-const layoutProps = [widthProps, heightProps, ["minWidth", "min-width", "120px"], ["maxWidth", "max-width", "120px"], ["minHeight", "min-height", "120px"], ["maxHeight", "max-height", "120px"], ["size", "width", "120px"], ["size", "height", "120px"], ["display", "display", "inline-block"], ["verticalAlign", "vertical-align", "baseline"], ["overflow", "overflow", "hidden"], ["overflowX", "overflow-x", "hidden"], ["overflowY", "overflow-y", "hidden"]];
-const flexBoxProps = [["alignItems", "alignItems", "center"], ["alignContent", "alignContent", "center"], ["justifyItems", "justifyItems", "center"], ["justifyContent", "justifyContent", "center"], ["flexWrap", "flexWrap", "wrap"], ["flexDirection", "flexDirection", "row-reverse"], ["flex", "flex", "1"], ["flexGrow", "flexGrow", "1"], ["flexShrink", "flexShrink", "1"], ["flexBasis", "flexBasis", "100px"], ["justifySelf", "justifySelf", "center"], ["alignSelf", "alignSelf", "center"], ["order", "order", "1"]];
-const gridProps = [["gridColumn", "gridColumn", "1 / span 2"], ["gridRow", "gridRow", "1 / span 2"], ["gridArea", "gridArea", "myArea"], ["gridAutoFlow", "gridAutoFlow", "column"], ["gridAutoRows", "gridAutoRows", "150px"], ["gridAutoColumns", "gridAutoColumns", "50px"], ["gridTemplateRows", "gridTemplateRows", "100px 300px"], ["gridTemplateColumns", "gridTemplateColumns", "auto auto auto auto"], ["gridTemplateAreas", "gridTemplateAreas", "myArea myArea . . ."]];
-const backgroundProps = [["background", "background", "lightblue url('foo.jpg') no-repeat fixed center"], ["backgroundImage", "background-image", "url(foo.jpg)"], ["backgroundSize", "background-size", "center"], ["backgroundRepeat", "background-repeat", "no-repeat"]];
-const positionProps = [["top", "0px"], ["bottom", "0px"], ["right", "0px"], ["left", "0px"], ["position", "fixed"], ["position", "sticky"], ["position", "absolute"], ["position", "static"], ["position", "relative"]];
-export const getDefaultValue = value => {
-  const spaceArrayLength = space.length - 1;
-  if (value === undefined) return value;
-  const parsedValue = +value;
-  if (typeof value === "string" && parsedValue > spaceArrayLength) {
-    return `${value}px`;
-  }
-  if (parsedValue <= spaceArrayLength) {
-    return space[parsedValue];
-  }
-  if (parsedValue > spaceArrayLength) {
-    return `${parsedValue * 8}px`;
-  }
-  return value;
-};
-const testStyledSystemMargin = (component, defaults, styleContainer, assertOpts) => {
-  describe("default props", () => {
-    let wrapper;
-    let StyleElement;
-    beforeAll(() => {
-      wrapper = mount(component({
-        ...defaults
-      }));
-      StyleElement = styleContainer ? styleContainer(wrapper) : wrapper;
-    });
-    it("should set the correct margins", () => {
-      let margin;
-      let marginLeft;
-      let marginRight;
-      let marginTop;
-      let marginBottom;
-      if (defaults) {
-        margin = getDefaultValue(defaults.m);
-        marginLeft = getDefaultValue(defaults.ml || defaults.mx);
-        marginRight = getDefaultValue(defaults.mr || defaults.mx);
-        marginTop = getDefaultValue(defaults.mt || defaults.my);
-        marginBottom = getDefaultValue(defaults.mb || defaults.my);
-        assertStyleMatch({
-          margin,
-          marginLeft,
-          marginRight,
-          marginTop,
-          marginBottom
-        }, StyleElement, assertOpts);
-      } else {
-        expect(StyleElement).not.toHaveStyleRule("marginLeft");
-        expect(StyleElement).not.toHaveStyleRule("marginRight");
-        expect(StyleElement).not.toHaveStyleRule("marginTop");
-        expect(StyleElement).not.toHaveStyleRule("marginBottom");
-        expect(StyleElement).not.toHaveStyleRule("margin");
-      }
-    });
-  });
-  describe.each(marginProps)('when a custom spacing is specified using the "%s" styled system props', (styledSystemProp, propName) => {
-    it(`then that ${propName} should have been set correctly`, () => {
-      const props = {
-        [styledSystemProp]: 2
-      };
-      const wrapper = mount(component({
-        ...props
-      }));
-      assertStyleMatch({
-        [propName]: "var(--spacing200)"
-      }, styleContainer ? styleContainer(wrapper) : wrapper, assertOpts);
-    });
-  });
-};
-const testStyledSystemPadding = (component, defaults, styleContainer, assertOpts) => {
-  describe("default props", () => {
-    let wrapper;
-    let StyleElement;
-    beforeAll(() => {
-      wrapper = mount(component({
-        ...defaults
-      }));
-      StyleElement = styleContainer ? styleContainer(wrapper) : wrapper;
-    });
-    it("should set the correct paddings", () => {
-      let padding;
-      let paddingLeft;
-      let paddingRight;
-      let paddingTop;
-      let paddingBottom;
-      if (defaults) {
-        padding = getDefaultValue(defaults.p);
-        paddingLeft = getDefaultValue(defaults.pl || defaults.px);
-        paddingRight = getDefaultValue(defaults.pr || defaults.px);
-        paddingTop = getDefaultValue(defaults.pt || defaults.py);
-        paddingBottom = getDefaultValue(defaults.pb || defaults.py);
-        assertStyleMatch({
-          padding,
-          paddingLeft,
-          paddingRight,
-          paddingTop,
-          paddingBottom
-        }, StyleElement, assertOpts);
-      } else {
-        expect(StyleElement).not.toHaveStyleRule("paddingLeft");
-        expect(StyleElement).not.toHaveStyleRule("paddingRight");
-        expect(StyleElement).not.toHaveStyleRule("paddingTop");
-        expect(StyleElement).not.toHaveStyleRule("paddingBottom");
-        expect(StyleElement).not.toHaveStyleRule("padding");
-      }
-    });
-  });
-  describe.each(paddingProps)('when a custom spacing is specified using the "%s" styled system props', (styledSystemProp, propName) => {
-    it(`then that ${propName} should have been set correctly`, () => {
-      const props = {
-        [styledSystemProp]: 2
-      };
-      const wrapper = mount(component({
-        ...props
-      }));
-      assertStyleMatch({
-        [propName]: "var(--spacing200)"
-      }, styleContainer ? styleContainer(wrapper) : wrapper, assertOpts);
-    });
-  });
-};
-const testStyledSystemSpacing = (component, defaults, styleContainer, assertOpts) => {
-  testStyledSystemMargin(component, defaults, styleContainer, assertOpts);
-  testStyledSystemPadding(component, defaults, styleContainer, assertOpts);
-};
-const testStyledSystemColor = (component, styleContainer) => {
-  describe.each(colorProps)('when a prop is specified using the "%s" styled system props', (styledSystemProp, propName, value) => {
-    it(`then ${propName} should have been set correctly`, () => {
-      const props = {
-        [styledSystemProp]: value
-      };
-      const wrapper = mount(component({
-        ...props
-      }));
-      const StyleElement = styleContainer ? styleContainer(wrapper) : wrapper;
-      // Some props need to have camelcase so used toHaveStyleRule rather than assertStyleMatch
-      expect(StyleElement).toHaveStyleRule(propName, value);
-    });
-  });
-};
-const testStyledSystemWidth = (component, styleContainer) => {
-  describe("when a width prop is specified using styled system props", () => {
-    it("then width should have been set correctly", () => {
-      const [styledSystemProp, propName, value] = widthProps;
-      const props = {
-        [styledSystemProp]: value
-      };
-      const wrapper = mount(component({
-        ...props
-      }));
-      const StyleElement = styleContainer ? styleContainer(wrapper) : wrapper;
-      expect(StyleElement).toHaveStyleRule(propName, value);
-    });
-  });
-};
-const testStyledSystemHeight = (component, styleContainer) => {
-  describe("when a height prop is specified using styled system props", () => {
-    it("then height should have been set correctly", () => {
-      const [styledSystemProp, propName, value] = heightProps;
-      const props = {
-        [styledSystemProp]: value
-      };
-      const wrapper = mount(component({
-        ...props
-      }));
-      const StyleElement = styleContainer ? styleContainer(wrapper) : wrapper;
-      expect(StyleElement).toHaveStyleRule(propName, value);
-    });
-  });
-};
-const testStyledSystemLayout = (component, styleContainer) => {
-  describe.each(layoutProps)('when a prop is specified using the "%s" styled system props', (styledSystemProp, propName, value) => {
-    it(`then ${propName} should have been set correctly`, () => {
-      const props = {
-        [styledSystemProp]: value
-      };
-      const wrapper = mount(component({
-        ...props
-      }));
-      const StyleElement = styleContainer ? styleContainer(wrapper) : wrapper;
-      // Some props need to have camelcase so used toHaveStyleRule rather than assertStyleMatch
-      expect(StyleElement).toHaveStyleRule(propName, value);
-    });
-  });
-};
-const testStyledSystemFlexBox = (component, styleContainer) => {
-  describe.each(flexBoxProps)('when a prop is specified using the "%s" styled system props', (styledSystemProp, propName, value) => {
-    it(`then ${propName} should have been set correctly`, () => {
-      const props = {
-        [styledSystemProp]: value
-      };
-      const wrapper = mount(component(props));
-      assertStyleMatch({
-        [propName]: value
-      }, styleContainer ? styleContainer(wrapper) : wrapper);
-    });
-  });
-};
-const testStyledSystemGrid = (component, styleContainer) => {
-  describe.each(gridProps)('when a prop is specified using the "%s" styled system props', (styledSystemProp, propName, value) => {
-    it(`then ${propName} should have been set correctly`, () => {
-      const props = {
-        [styledSystemProp]: value
-      };
-      const wrapper = mount(component(props));
-      assertStyleMatch({
-        [propName]: value
-      }, styleContainer ? styleContainer(wrapper) : wrapper);
-    });
-  });
-};
-const testStyledSystemBackground = (component, styleContainer) => {
-  describe.each(backgroundProps)('when a prop is specified using the "%s" styled system props', (styledSystemProp, propName, value) => {
-    it(`then ${propName} should have been set correctly`, () => {
-      const props = {
-        [styledSystemProp]: value
-      };
-      const wrapper = mount(component({
-        ...props
-      }));
-      assertStyleMatch({
-        [styledSystemProp]: value
-      }, styleContainer ? styleContainer(wrapper) : wrapper);
-    });
-  });
-};
-const testStyledSystemPosition = (component, styleContainer) => {
-  describe.each(positionProps)('when a prop is specified using the "%s" styled system props', (styledSystemProp, value) => {
-    it(`then ${styledSystemProp} should have been set correctly`, () => {
-      const props = {
-        [styledSystemProp]: value
-      };
-      const wrapper = mount(component({
-        ...props
-      }));
-      assertStyleMatch({
-        [styledSystemProp]: value
-      }, styleContainer ? styleContainer(wrapper) : wrapper);
-    });
-  });
-};
-
-// this util will catch that a console output occurred without polluting the output when running the unit tests
-const expectConsoleOutput = (message, type = "error") => {
-  if (!message) {
-    throw new Error(`no ${type} message provided`);
-  }
-  expect.assertions(1);
-  const consoleType = global.console[type];
-  let consoleArgs;
-  jest.spyOn(global.console, type).mockImplementation((...args) => {
-    if (!args.length) return;
-    const msg = args.join(" ");
-    const params = args.slice(1, args.length);
-    if (sprintf(msg, ...params).includes(message)) {
-      consoleArgs = args;
-      return;
-    }
-    consoleType(...args);
-  });
-  return () => {
-    if (consoleArgs) {
-      // eslint-disable-next-line no-console
-      expect(console[type]).toHaveBeenCalledWith(...consoleArgs);
-    }
-    global.console[type] = consoleType;
-  };
-};
-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 };

package/esm/components/carbon-provider/top-modal-context.d.ts

@@ -1,9 +0,0 @@
-import React, { ReactNode } from "react";
-declare type TopModalContextProps = {
-    topModal: HTMLElement | null;
-};
-declare const TopModalContext: React.Context<TopModalContextProps>;
-export declare const TopModalContextProvider: ({ children, }: {
-    children: ReactNode;
-}) => React.JSX.Element;
-export default TopModalContext;

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

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.noThemeSnapshot = noThemeSnapshot;
-exports.snapshotWithoutProps = snapshotWithoutProps;
-var _enzymeToJson = _interopRequireDefault(require("enzyme-to-json"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 (0, _enzymeToJson.default)(enzymeWrapper, snapshotOptions);
-}
-function noThemeSnapshot(enzymeWrapper) {
-  return snapshotWithoutProps(enzymeWrapper, "theme");
-}

package/lib/__spec_helper__/expect.d.ts

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

package/lib/__spec_helper__/expect.js

@@ -1,30 +0,0 @@
-"use strict";
-
-require("jest-styled-components");
-var _enzyme = require("enzyme");
-var _jestMatcherUtils = require("jest-matcher-utils");
-expect.extend({
-  toBeFocused(received) {
-    const expected = document.activeElement;
-    const DOMNode = received instanceof _enzyme.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 = (0, _jestMatcherUtils.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/lib/__spec_helper__/index.d.ts

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

package/lib/__spec_helper__/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-var _react = require("@testing-library/react");
-var _jestFetchMock = require("jest-fetch-mock");
-var _mockMatchMedia = require("./mock-match-media");
-var _mockResizeObserver = _interopRequireDefault(require("./mock-resize-observer"));
-var _mockElementScrollto = _interopRequireDefault(require("./mock-element-scrollto"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-(0, _jestFetchMock.enableFetchMocks)();
-(0, _mockResizeObserver.default)();
-(0, _mockMatchMedia.setupMatchMediaMock)();
-(0, _mockElementScrollto.default)();
-(0, _react.configure)({
-  testIdAttribute: "data-role" /** Configure React Testing Library *ByTestId queries to use data-role tag */
-});

package/lib/__spec_helper__/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "../../esm/__spec_helper__/index.js",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}

package/lib/__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/lib/__spec_helper__/select-test-utils.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.simulateDropdownEvent = simulateDropdownEvent;
-exports.simulateSelectTextboxEvent = simulateSelectTextboxEvent;
-var _testUtils = require("react-dom/test-utils");
-var _jsdomTestingMocks = require("jsdom-testing-mocks");
-var _selectList = require("../components/select/select-list/select-list.style");
-const resizeObserver = (0, _jsdomTestingMocks.mockResizeObserver)();
-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(_selectList.StyledSelectListContainer).getDOMNode();
-  // need to manually trigger a resize to make react-virtual realise that child options should be rendered
-  (0, _testUtils.act)(() => {
-    resizeObserver.mockElementSize(selectList, {
-      contentBoxSize: {
-        inlineSize: 500,
-        blockSize: 180
-      }
-    });
-    resizeObserver.resize();
-  });
-  if (eventType === "focus") jest.runOnlyPendingTimers();
-  container.update();
-}
-function simulateDropdownEvent(container, eventType) {
-  const dropdown = container.find('[type="dropdown"]').first();
-  dropdown.simulate(eventType);
-  const selectList = container.find(_selectList.StyledSelectListContainer).getDOMNode();
-  // need to manually trigger a resize to make react-virtual realise that child options should be rendered
-  (0, _testUtils.act)(() => {
-    resizeObserver.mockElementSize(selectList, {
-      contentBoxSize: {
-        inlineSize: 500,
-        blockSize: 180
-      }
-    });
-    resizeObserver.resize();
-  });
-  container.update();
-}

package/lib/__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, };