@sproutsocial/racine 12.19.0 → 12.21.0

package/__flow__/systemProps/tests/flexbox.test.js

@@ -1,17 +1,17 @@
 // @flow strict-local
-import React from "react";
-import styled from "styled-components";
-import { render } from "../../utils/react-testing-library";
-import type { TypeTheme } from "../../types/theme.flow";
-import { flexboxSystemProps, type TypeFlexboxSystemProps } from "../flexbox";
+import React from 'react';
+import styled from 'styled-components';
+import {render} from '../../utils/react-testing-library';
+import type {TypeTheme} from '../../types/theme.flow';
+import {flexboxSystemProps, type TypeFlexboxSystemProps} from '../flexbox';
 
-describe("flexbox system props", () => {
-  const Component = styled<TypeFlexboxSystemProps, TypeTheme, "div">("div")`
+describe('flexbox system props', () => {
+  const Component = styled<TypeFlexboxSystemProps, TypeTheme, 'div'>('div')`
     ${flexboxSystemProps}
   `;
 
-  test("alignItems", () => {
-    const { container } = render(
+  test('alignItems', () => {
+    const {container} = render(
       <>
         <Component alignItems="string" />
       </>
@@ -19,8 +19,8 @@ describe("flexbox system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("alignContent", () => {
-    const { container } = render(
+  test('alignContent', () => {
+    const {container} = render(
       <>
         <Component alignContent="string" />
       </>
@@ -28,8 +28,8 @@ describe("flexbox system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("justifyItems", () => {
-    const { container } = render(
+  test('justifyItems', () => {
+    const {container} = render(
       <>
         <Component justifyItems="string" />
       </>
@@ -37,8 +37,8 @@ describe("flexbox system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("justifyContent", () => {
-    const { container } = render(
+  test('justifyContent', () => {
+    const {container} = render(
       <>
         <Component justifyContent="string" />
       </>
@@ -46,8 +46,8 @@ describe("flexbox system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("flexWrap", () => {
-    const { container } = render(
+  test('flexWrap', () => {
+    const {container} = render(
       <>
         <Component flexWrap="wrap" />
         <Component
@@ -59,8 +59,8 @@ describe("flexbox system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("flexDirection", () => {
-    const { container } = render(
+  test('flexDirection', () => {
+    const {container} = render(
       <>
         <Component flexDirection="column" />
         <Component
@@ -72,8 +72,8 @@ describe("flexbox system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("flex", () => {
-    const { container } = render(
+  test('flex', () => {
+    const {container} = render(
       <>
         <Component flex="string" />
         <Component flex={1} />
@@ -82,8 +82,8 @@ describe("flexbox system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("flexGrow", () => {
-    const { container } = render(
+  test('flexGrow', () => {
+    const {container} = render(
       <>
         <Component flexGrow={1} />
         <Component
@@ -95,8 +95,8 @@ describe("flexbox system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("flexShrink", () => {
-    const { container } = render(
+  test('flexShrink', () => {
+    const {container} = render(
       <>
         <Component flexShrink={1} />
         <Component
@@ -108,8 +108,8 @@ describe("flexbox system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("flexBasis", () => {
-    const { container } = render(
+  test('flexBasis', () => {
+    const {container} = render(
       <>
         <Component flexBasis="string" />
       </>
@@ -117,8 +117,8 @@ describe("flexbox system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("justifySelf", () => {
-    const { container } = render(
+  test('justifySelf', () => {
+    const {container} = render(
       <>
         <Component justifySelf="string" />
       </>
@@ -126,8 +126,8 @@ describe("flexbox system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("alignSelf", () => {
-    const { container } = render(
+  test('alignSelf', () => {
+    const {container} = render(
       <>
         <Component alignSelf="string" />
       </>
@@ -135,8 +135,8 @@ describe("flexbox system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("order", () => {
-    const { container } = render(
+  test('order', () => {
+    const {container} = render(
       <>
         <Component order={1} />
         <Component

package/__flow__/systemProps/tests/grid.test.js

@@ -1,17 +1,17 @@
 // @flow strict-local
-import React from "react";
-import styled from "styled-components";
-import { render } from "../../utils/react-testing-library";
-import type { TypeTheme } from "../../types/theme.flow";
-import { gridSystemProps, type TypeGridSystemProps } from "../grid";
+import React from 'react';
+import styled from 'styled-components';
+import {render} from '../../utils/react-testing-library';
+import type {TypeTheme} from '../../types/theme.flow';
+import {gridSystemProps, type TypeGridSystemProps} from '../grid';
 
-describe("grid system props", () => {
-  const Component = styled<TypeGridSystemProps, TypeTheme, "div">("div")`
+describe('grid system props', () => {
+  const Component = styled<TypeGridSystemProps, TypeTheme, 'div'>('div')`
     ${gridSystemProps}
   `;
 
-  test("gridArea", () => {
-    const { container } = render(
+  test('gridArea', () => {
+    const {container} = render(
       <>
         <Component gridArea="string" />
         <Component gridArea={1} />
@@ -20,8 +20,8 @@ describe("grid system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("gridAutoColumns", () => {
-    const { container } = render(
+  test('gridAutoColumns', () => {
+    const {container} = render(
       <>
         <Component gridAutoColumns="string" />
       </>
@@ -29,8 +29,8 @@ describe("grid system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("gridAutoFlow", () => {
-    const { container } = render(
+  test('gridAutoFlow', () => {
+    const {container} = render(
       <>
         <Component gridAutoFlow="string" />
       </>
@@ -38,8 +38,8 @@ describe("grid system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("gridAutoRows", () => {
-    const { container } = render(
+  test('gridAutoRows', () => {
+    const {container} = render(
       <>
         <Component gridAutoRows="string" />
       </>
@@ -47,8 +47,8 @@ describe("grid system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("gridColumn", () => {
-    const { container } = render(
+  test('gridColumn', () => {
+    const {container} = render(
       <>
         <Component gridColumn="string" />
         <Component gridColumn={1} />
@@ -57,8 +57,8 @@ describe("grid system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("gridColumnGap", () => {
-    const { container } = render(
+  test('gridColumnGap', () => {
+    const {container} = render(
       <>
         <Component gridColumnGap="string" />
       </>
@@ -66,8 +66,8 @@ describe("grid system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("gridGap", () => {
-    const { container } = render(
+  test('gridGap', () => {
+    const {container} = render(
       <>
         <Component gridGap="string" />
       </>
@@ -75,8 +75,8 @@ describe("grid system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("gridRow", () => {
-    const { container } = render(
+  test('gridRow', () => {
+    const {container} = render(
       <>
         <Component gridRow="string" />
         <Component gridRow={1} />
@@ -85,8 +85,8 @@ describe("grid system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("gridRowGap", () => {
-    const { container } = render(
+  test('gridRowGap', () => {
+    const {container} = render(
       <>
         <Component gridRowGap="string" />
       </>
@@ -94,8 +94,8 @@ describe("grid system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("gridTemplateAreas", () => {
-    const { container } = render(
+  test('gridTemplateAreas', () => {
+    const {container} = render(
       <>
         <Component gridTemplateAreas="string" />
       </>
@@ -103,8 +103,8 @@ describe("grid system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("gridTemplateColumns", () => {
-    const { container } = render(
+  test('gridTemplateColumns', () => {
+    const {container} = render(
       <>
         <Component gridTemplateColumns="string" />
       </>
@@ -112,8 +112,8 @@ describe("grid system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("gridTemplateRows", () => {
-    const { container } = render(
+  test('gridTemplateRows', () => {
+    const {container} = render(
       <>
         <Component gridTemplateRows="string" />
       </>

package/__flow__/systemProps/tests/layout.test.js

@@ -1,17 +1,17 @@
 // @flow strict-local
-import React from "react";
-import styled from "styled-components";
-import { render } from "../../utils/react-testing-library";
-import type { TypeTheme } from "../../types/theme.flow";
-import { layoutSystemProps, type TypeLayoutSystemProps } from "../layout";
+import React from 'react';
+import styled from 'styled-components';
+import {render} from '../../utils/react-testing-library';
+import type {TypeTheme} from '../../types/theme.flow';
+import {layoutSystemProps, type TypeLayoutSystemProps} from '../layout';
 
-describe("layout system props", () => {
-  const Component = styled<TypeLayoutSystemProps, TypeTheme, "div">("div")`
+describe('layout system props', () => {
+  const Component = styled<TypeLayoutSystemProps, TypeTheme, 'div'>('div')`
     ${layoutSystemProps}
   `;
 
-  test("height", () => {
-    const { container } = render(
+  test('height', () => {
+    const {container} = render(
       <>
         <Component height="string" />
         <Component height={1} />
@@ -20,8 +20,8 @@ describe("layout system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("maxHeight", () => {
-    const { container } = render(
+  test('maxHeight', () => {
+    const {container} = render(
       <>
         <Component maxHeight="string" />
         <Component maxHeight={1} />
@@ -30,8 +30,8 @@ describe("layout system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("maxWidth", () => {
-    const { container } = render(
+  test('maxWidth', () => {
+    const {container} = render(
       <>
         <Component maxWidth="string" />
         <Component maxWidth={1} />
@@ -40,8 +40,8 @@ describe("layout system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("minHeight", () => {
-    const { container } = render(
+  test('minHeight', () => {
+    const {container} = render(
       <>
         <Component minHeight="string" />
         <Component minHeight={1} />
@@ -50,8 +50,8 @@ describe("layout system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("minWidth", () => {
-    const { container } = render(
+  test('minWidth', () => {
+    const {container} = render(
       <>
         <Component minWidth="string" />
         <Component minWidth={1} />
@@ -60,8 +60,8 @@ describe("layout system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("overflow", () => {
-    const { container } = render(
+  test('overflow', () => {
+    const {container} = render(
       <>
         <Component overflow="string" />
       </>
@@ -69,8 +69,8 @@ describe("layout system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("overflowX", () => {
-    const { container } = render(
+  test('overflowX', () => {
+    const {container} = render(
       <>
         <Component overflowX="hidden" />
         <Component
@@ -82,8 +82,8 @@ describe("layout system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("overflowY", () => {
-    const { container } = render(
+  test('overflowY', () => {
+    const {container} = render(
       <>
         <Component overflowY="scroll" />
         <Component
@@ -95,8 +95,8 @@ describe("layout system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("size", () => {
-    const { container } = render(
+  test('size', () => {
+    const {container} = render(
       <>
         <Component size="string" />
         <Component size={1} />
@@ -105,8 +105,8 @@ describe("layout system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("verticalAlign", () => {
-    const { container } = render(
+  test('verticalAlign', () => {
+    const {container} = render(
       <>
         <Component verticalAlign="string" />
       </>
@@ -114,8 +114,8 @@ describe("layout system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("width", () => {
-    const { container } = render(
+  test('width', () => {
+    const {container} = render(
       <>
         <Component width="string" />
         <Component width={1} />

package/__flow__/systemProps/tests/position.test.js

@@ -1,17 +1,17 @@
 // @flow strict-local
-import React from "react";
-import styled from "styled-components";
-import { render } from "../../utils/react-testing-library";
-import type { TypeTheme } from "../../types/theme.flow";
-import { positionSystemProps, type TypePositionSystemProps } from "../position";
+import React from 'react';
+import styled from 'styled-components';
+import {render} from '../../utils/react-testing-library';
+import type {TypeTheme} from '../../types/theme.flow';
+import {positionSystemProps, type TypePositionSystemProps} from '../position';
 
-describe("position system props", () => {
-  const Component = styled<TypePositionSystemProps, TypeTheme, "div">("div")`
+describe('position system props', () => {
+  const Component = styled<TypePositionSystemProps, TypeTheme, 'div'>('div')`
     ${positionSystemProps}
   `;
 
-  test("position", () => {
-    const { container } = render(
+  test('position', () => {
+    const {container} = render(
       <>
         <Component position="absolute" />
         <Component
@@ -23,8 +23,8 @@ describe("position system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("bottom", () => {
-    const { container } = render(
+  test('bottom', () => {
+    const {container} = render(
       <>
         <Component bottom="string" />
         <Component bottom={1} />
@@ -33,8 +33,8 @@ describe("position system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("left", () => {
-    const { container } = render(
+  test('left', () => {
+    const {container} = render(
       <>
         <Component left="string" />
         <Component left={1} />
@@ -43,8 +43,8 @@ describe("position system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("right", () => {
-    const { container } = render(
+  test('right', () => {
+    const {container} = render(
       <>
         <Component right="string" />
         <Component right={1} />
@@ -53,8 +53,8 @@ describe("position system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("top", () => {
-    const { container } = render(
+  test('top', () => {
+    const {container} = render(
       <>
         <Component top="string" />
         <Component top={1} />
@@ -63,8 +63,8 @@ describe("position system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("zIndex", () => {
-    const { container } = render(
+  test('zIndex', () => {
+    const {container} = render(
       <>
         <Component zIndex={1} />
         <Component

package/__flow__/systemProps/tests/shadow.test.js

@@ -1,17 +1,17 @@
 // @flow strict-local
-import React from "react";
-import styled from "styled-components";
-import { render } from "../../utils/react-testing-library";
-import type { TypeTheme } from "../../types/theme.flow";
-import { shadowSystemProps, type TypeShadowSystemProps } from "../shadow";
+import React from 'react';
+import styled from 'styled-components';
+import {render} from '../../utils/react-testing-library';
+import type {TypeTheme} from '../../types/theme.flow';
+import {shadowSystemProps, type TypeShadowSystemProps} from '../shadow';
 
-describe("shadow system props", () => {
-  const Component = styled<TypeShadowSystemProps, TypeTheme, "div">("div")`
+describe('shadow system props', () => {
+  const Component = styled<TypeShadowSystemProps, TypeTheme, 'div'>('div')`
     ${shadowSystemProps}
   `;
 
-  test("boxShadow", () => {
-    const { container } = render(
+  test('boxShadow', () => {
+    const {container} = render(
       <>
         <Component boxShadow="string" />
       </>
@@ -19,8 +19,8 @@ describe("shadow system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("textShadow", () => {
-    const { container } = render(
+  test('textShadow', () => {
+    const {container} = render(
       <>
         <Component textShadow="string" />
       </>

package/__flow__/systemProps/tests/space.test.js

@@ -1,17 +1,17 @@
 // @flow strict-local
-import React from "react";
-import styled from "styled-components";
-import { render } from "../../utils/react-testing-library";
-import type { TypeTheme } from "../../types/theme.flow";
-import { spaceSystemProps, type TypeSpaceSystemProps } from "../space";
+import React from 'react';
+import styled from 'styled-components';
+import {render} from '../../utils/react-testing-library';
+import type {TypeTheme} from '../../types/theme.flow';
+import {spaceSystemProps, type TypeSpaceSystemProps} from '../space';
 
-describe("space system props", () => {
-  const Component = styled<TypeSpaceSystemProps, TypeTheme, "div">("div")`
+describe('space system props', () => {
+  const Component = styled<TypeSpaceSystemProps, TypeTheme, 'div'>('div')`
     ${spaceSystemProps}
   `;
 
-  test("margin", () => {
-    const { container } = render(
+  test('margin', () => {
+    const {container} = render(
       <>
         <Component margin="string" />
         <Component margin={1} />
@@ -20,8 +20,8 @@ describe("space system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("padding", () => {
-    const { container } = render(
+  test('padding', () => {
+    const {container} = render(
       <>
         <Component padding="string" />
         <Component padding={1} />

package/__flow__/systemProps/tests/types.flow.js

@@ -4,30 +4,30 @@ import type {
   TypeResponsiveSystemProp,
   TypeBaseSystemProp,
   TypeResponsiveBaseSystemProp,
-} from "../types.flow.js";
+} from '../types.flow.js';
 
 /**
  * All system props should be responsive but accepting a tuple of length 1-5.
  */
-type TypeTestResponsiveSystemProp = TypeResponsiveSystemProp<"a">;
-("a": TypeTestResponsiveSystemProp);
-(["a"]: TypeTestResponsiveSystemProp);
-(["a", "a"]: TypeTestResponsiveSystemProp);
-(["a", "a", "a"]: TypeTestResponsiveSystemProp);
-(["a", "a", "a", "a"]: TypeTestResponsiveSystemProp);
-(["a", "a", "a", "a", "a"]: TypeTestResponsiveSystemProp);
+type TypeTestResponsiveSystemProp = TypeResponsiveSystemProp<'a'>;
+('a': TypeTestResponsiveSystemProp);
+(['a']: TypeTestResponsiveSystemProp);
+(['a', 'a']: TypeTestResponsiveSystemProp);
+(['a', 'a', 'a']: TypeTestResponsiveSystemProp);
+(['a', 'a', 'a', 'a']: TypeTestResponsiveSystemProp);
+(['a', 'a', 'a', 'a', 'a']: TypeTestResponsiveSystemProp);
 // $FlowExpectedError
-(["a", "a", "a", "a", "a", "a"]: TypeTestResponsiveSystemProp);
+(['a', 'a', 'a', 'a', 'a', 'a']: TypeTestResponsiveSystemProp);
 // $FlowExpectedError
-(["b"]: TypeTestResponsiveSystemProp);
+(['b']: TypeTestResponsiveSystemProp);
 // $FlowExpectedError
 ([null]: TypeTestResponsiveSystemProp);
 
 /**
  * All system props should accept "base" values: boolean, null, and undefined.
  */
-type TypeTestBaseSystemProp = TypeBaseSystemProp<"a">;
-("a": TypeTestBaseSystemProp);
+type TypeTestBaseSystemProp = TypeBaseSystemProp<'a'>;
+('a': TypeTestBaseSystemProp);
 (true: TypeTestBaseSystemProp);
 (false: TypeTestBaseSystemProp);
 (null: TypeTestBaseSystemProp);
@@ -36,17 +36,17 @@ type TypeTestBaseSystemProp = TypeBaseSystemProp<"a">;
 /**
  * All system props should be responsive and allow "base" values.
  */
-type TypeTestResponsiveBaseSystemProp = TypeResponsiveBaseSystemProp<"a" | "b">;
-("a": TypeTestResponsiveBaseSystemProp);
-("b": TypeTestResponsiveBaseSystemProp);
+type TypeTestResponsiveBaseSystemProp = TypeResponsiveBaseSystemProp<'a' | 'b'>;
+('a': TypeTestResponsiveBaseSystemProp);
+('b': TypeTestResponsiveBaseSystemProp);
 (true: TypeTestResponsiveBaseSystemProp);
 (false: TypeTestResponsiveBaseSystemProp);
 (null: TypeTestResponsiveBaseSystemProp);
 (undefined: TypeTestResponsiveBaseSystemProp);
-(["a", null, undefined, false, "b"]: TypeTestResponsiveBaseSystemProp);
-(["a"]: TypeTestResponsiveBaseSystemProp);
+(['a', null, undefined, false, 'b']: TypeTestResponsiveBaseSystemProp);
+(['a']: TypeTestResponsiveBaseSystemProp);
 // $FlowExpectedError
-("c": TypeTestResponsiveBaseSystemProp);
+('c': TypeTestResponsiveBaseSystemProp);
 // $FlowExpectedError
 (1: TypeTestResponsiveBaseSystemProp);
 // $FlowExpectedError