@sproutsocial/racine 12.20.0 → 12.21.0

package/__flow__/systemProps/space.js

@@ -1,7 +1,7 @@
 /* eslint-disable prettier/prettier */
 // @flow strict-local
 
-import { space } from "styled-system";
+import {space} from 'styled-system';
 import type {
   MarginProperty,
   MarginBottomProperty,
@@ -13,12 +13,12 @@ import type {
   PaddingLeftProperty,
   PaddingRightProperty,
   PaddingTopProperty,
-} from "csstype";
+} from 'csstype';
 
 import type {
   StyledSystemStyleFn,
   TypeResponsiveBaseSystemProp,
-} from "./types.flow.js";
+} from './types.flow.js';
 
 // https://styled-system.com/table#space
 
@@ -45,9 +45,7 @@ export type TypeSpaceSystemProps = $ReadOnly<{|
   marginLeft?: TypeMarginLeftSystemProp,
   marginRight?: TypeMarginRightSystemProp,
   marginTop?: TypeMarginTopSystemProp,
-  // eslint-disable-next-line prettier/prettier
   marginX?: TypeMarginXSystemProp,
-  // eslint-disable-next-line prettier/prettier
   marginY?: TypeMarginYSystemProp,
 
   // margin shorthand
@@ -65,9 +63,7 @@ export type TypeSpaceSystemProps = $ReadOnly<{|
   paddingLeft?: TypePaddingLeftSystemProp,
   paddingRight?: TypePaddingRightSystemProp,
   paddingTop?: TypePaddingTopSystemProp,
-  // eslint-disable-next-line prettier/prettier
   paddingX?: TypePaddingXSystemProp,
-  // eslint-disable-next-line prettier/prettier
   paddingY?: TypePaddingYSystemProp,
 
   // padding shorthand

package/__flow__/systemProps/systemProps.js

@@ -1,26 +1,26 @@
 // @flow strict-local
-import { compose } from "styled-system";
+import {compose} from 'styled-system';
 
 import {
   backgroundSystemProps,
   type TypeBackgroundSystemProps,
-} from "./background";
-import { borderSystemProps, type TypeBorderSystemProps } from "./border";
-import { colorSystemProps, type TypeColorSystemProps } from "./color";
-import { customSystemProps, type TypeCustomSystemProps } from "./custom";
-import { flexboxSystemProps, type TypeFlexboxSystemProps } from "./flexbox";
-import { gridSystemProps, type TypeGridSystemProps } from "./grid";
-import { layoutSystemProps, type TypeLayoutSystemProps } from "./layout";
-import { positionSystemProps, type TypePositionSystemProps } from "./position";
-import { shadowSystemProps, type TypeShadowSystemProps } from "./shadow";
-import { spaceSystemProps, type TypeSpaceSystemProps } from "./space";
+} from './background';
+import {borderSystemProps, type TypeBorderSystemProps} from './border';
+import {colorSystemProps, type TypeColorSystemProps} from './color';
+import {customSystemProps, type TypeCustomSystemProps} from './custom';
+import {flexboxSystemProps, type TypeFlexboxSystemProps} from './flexbox';
+import {gridSystemProps, type TypeGridSystemProps} from './grid';
+import {layoutSystemProps, type TypeLayoutSystemProps} from './layout';
+import {positionSystemProps, type TypePositionSystemProps} from './position';
+import {shadowSystemProps, type TypeShadowSystemProps} from './shadow';
+import {spaceSystemProps, type TypeSpaceSystemProps} from './space';
 import {
   typographySystemProps,
   type TypeTypographySystemProps,
-} from "./typography";
-import { variantSystemProps, type TypeVariantSystemProps } from "./variant";
+} from './typography';
+import {variantSystemProps, type TypeVariantSystemProps} from './variant';
 
-import type { StyledSystemStyleFn } from "./types.flow.js";
+import type {StyledSystemStyleFn} from './types.flow.js';
 
 export type TypeSystemProps = $ReadOnly<{|
   ...TypeCustomSystemProps,

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

@@ -1,20 +1,20 @@
 // @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 React from 'react';
+import styled from 'styled-components';
+import {render} from '../../utils/react-testing-library';
+import type {TypeTheme} from '../../types/theme.flow';
 import {
   backgroundSystemProps,
   type TypeBackgroundSystemProps,
-} from "../background";
+} from '../background';
 
-describe("background system props", () => {
-  const Component = styled<TypeBackgroundSystemProps, TypeTheme, "div">("div")`
+describe('background system props', () => {
+  const Component = styled<TypeBackgroundSystemProps, TypeTheme, 'div'>('div')`
     ${backgroundSystemProps}
   `;
 
-  test("background", () => {
-    const { container } = render(
+  test('background', () => {
+    const {container} = render(
       <>
         <Component background="string" />
         <Component
@@ -28,8 +28,8 @@ describe("background system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("backgroundImage", () => {
-    const { container } = render(
+  test('backgroundImage', () => {
+    const {container} = render(
       <>
         <Component backgroundImage="string" />
         <Component
@@ -43,8 +43,8 @@ describe("background system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("backgroundSize", () => {
-    const { container } = render(
+  test('backgroundSize', () => {
+    const {container} = render(
       <>
         <Component backgroundSize="string" />
         <Component
@@ -58,8 +58,8 @@ describe("background system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("backgroundPosition", () => {
-    const { container } = render(
+  test('backgroundPosition', () => {
+    const {container} = render(
       <>
         <Component backgroundPosition="string" />
         <Component
@@ -73,8 +73,8 @@ describe("background system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("backgroundRepeat", () => {
-    const { container } = render(
+  test('backgroundRepeat', () => {
+    const {container} = render(
       <>
         <Component backgroundRepeat="string" />
         <Component

package/__flow__/systemProps/tests/border.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 { borderSystemProps, type TypeBorderSystemProps } from "../border";
+import React from 'react';
+import styled from 'styled-components';
+import {render} from '../../utils/react-testing-library';
+import type {TypeTheme} from '../../types/theme.flow';
+import {borderSystemProps, type TypeBorderSystemProps} from '../border';
 
-describe("border system props", () => {
-  const Component = styled<TypeBorderSystemProps, TypeTheme, "div">("div")`
+describe('border system props', () => {
+  const Component = styled<TypeBorderSystemProps, TypeTheme, 'div'>('div')`
     ${borderSystemProps}
   `;
 
-  test("border", () => {
-    const { container } = render(
+  test('border', () => {
+    const {container} = render(
       <>
         <Component border="string" />
         <Component border={1} />
@@ -20,8 +20,8 @@ describe("border system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("borderBottom", () => {
-    const { container } = render(
+  test('borderBottom', () => {
+    const {container} = render(
       <>
         <Component borderBottom="string" />
         <Component borderBottom={1} />
@@ -30,8 +30,8 @@ describe("border system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("borderBottomColor", () => {
-    const { container } = render(
+  test('borderBottomColor', () => {
+    const {container} = render(
       <>
         <Component borderBottomColor="string" />
       </>
@@ -39,8 +39,8 @@ describe("border system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("borderBottomLeftRadius", () => {
-    const { container } = render(
+  test('borderBottomLeftRadius', () => {
+    const {container} = render(
       <>
         <Component borderBottomLeftRadius="string" />
         <Component borderBottomLeftRadius={1} />
@@ -49,8 +49,8 @@ describe("border system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("borderBottomRightRadius", () => {
-    const { container } = render(
+  test('borderBottomRightRadius', () => {
+    const {container} = render(
       <>
         <Component borderBottomRightRadius="string" />
         <Component borderBottomRightRadius={1} />
@@ -59,8 +59,8 @@ describe("border system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("borderBottomStyle", () => {
-    const { container } = render(
+  test('borderBottomStyle', () => {
+    const {container} = render(
       <>
         <Component borderBottomStyle="dashed" />
         <Component
@@ -72,8 +72,8 @@ describe("border system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("borderBottomWidth", () => {
-    const { container } = render(
+  test('borderBottomWidth', () => {
+    const {container} = render(
       <>
         <Component borderBottomWidth="thick" />
         <Component borderBottomWidth={1} />
@@ -86,8 +86,8 @@ describe("border system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("borderColor", () => {
-    const { container } = render(
+  test('borderColor', () => {
+    const {container} = render(
       <>
         <Component borderColor="string" />
       </>
@@ -95,8 +95,8 @@ describe("border system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("borderLeft", () => {
-    const { container } = render(
+  test('borderLeft', () => {
+    const {container} = render(
       <>
         <Component borderLeft="string" />
         <Component borderLeft={1} />
@@ -105,8 +105,8 @@ describe("border system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("borderLeftColor", () => {
-    const { container } = render(
+  test('borderLeftColor', () => {
+    const {container} = render(
       <>
         <Component borderLeftColor="string" />
       </>
@@ -114,8 +114,8 @@ describe("border system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("borderLeftStyle", () => {
-    const { container } = render(
+  test('borderLeftStyle', () => {
+    const {container} = render(
       <>
         <Component borderLeftStyle="dashed" />
         <Component
@@ -127,8 +127,8 @@ describe("border system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("borderLeftWidth", () => {
-    const { container } = render(
+  test('borderLeftWidth', () => {
+    const {container} = render(
       <>
         <Component borderLeftWidth="thick" />
         <Component borderLeftWidth={1} />
@@ -141,8 +141,8 @@ describe("border system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("borderRadius", () => {
-    const { container } = render(
+  test('borderRadius', () => {
+    const {container} = render(
       <>
         <Component borderRadius="string" />
       </>
@@ -150,8 +150,8 @@ describe("border system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("borderRight", () => {
-    const { container } = render(
+  test('borderRight', () => {
+    const {container} = render(
       <>
         <Component borderRight="string" />
       </>
@@ -159,8 +159,8 @@ describe("border system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("borderRightColor", () => {
-    const { container } = render(
+  test('borderRightColor', () => {
+    const {container} = render(
       <>
         <Component borderRightColor="string" />
       </>
@@ -168,8 +168,8 @@ describe("border system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("borderRightStyle", () => {
-    const { container } = render(
+  test('borderRightStyle', () => {
+    const {container} = render(
       <>
         <Component borderRightStyle="dashed" />
         <Component
@@ -181,8 +181,8 @@ describe("border system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("borderRightWidth", () => {
-    const { container } = render(
+  test('borderRightWidth', () => {
+    const {container} = render(
       <>
         <Component borderRightWidth="thick" />
         <Component borderRightWidth={1} />
@@ -195,8 +195,8 @@ describe("border system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("borderStyle", () => {
-    const { container } = render(
+  test('borderStyle', () => {
+    const {container} = render(
       <>
         <Component borderStyle="string" />
       </>
@@ -204,8 +204,8 @@ describe("border system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("borderTop", () => {
-    const { container } = render(
+  test('borderTop', () => {
+    const {container} = render(
       <>
         <Component borderTop="string" />
       </>
@@ -213,8 +213,8 @@ describe("border system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("borderTopColor", () => {
-    const { container } = render(
+  test('borderTopColor', () => {
+    const {container} = render(
       <>
         <Component borderTopColor="string" />
       </>
@@ -222,8 +222,8 @@ describe("border system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("borderTopLeftRadius", () => {
-    const { container } = render(
+  test('borderTopLeftRadius', () => {
+    const {container} = render(
       <>
         <Component borderTopLeftRadius="string" />
       </>
@@ -231,8 +231,8 @@ describe("border system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("borderTopRightRadius", () => {
-    const { container } = render(
+  test('borderTopRightRadius', () => {
+    const {container} = render(
       <>
         <Component borderTopRightRadius="string" />
       </>
@@ -240,8 +240,8 @@ describe("border system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("borderTopStyle", () => {
-    const { container } = render(
+  test('borderTopStyle', () => {
+    const {container} = render(
       <>
         <Component borderTopStyle="dashed" />
         <Component
@@ -253,8 +253,8 @@ describe("border system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("borderTopWidth", () => {
-    const { container } = render(
+  test('borderTopWidth', () => {
+    const {container} = render(
       <>
         <Component borderTopWidth="thick" />
         <Component borderTopWidth={1} />
@@ -267,8 +267,8 @@ describe("border system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("borderWidth", () => {
-    const { container } = render(
+  test('borderWidth', () => {
+    const {container} = render(
       <>
         <Component borderWidth="string" />
         <Component borderWidth={1} />
@@ -277,8 +277,8 @@ describe("border system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("borderX", () => {
-    const { container } = render(
+  test('borderX', () => {
+    const {container} = render(
       <>
         <Component borderX="string" />
         <Component borderX={1} />
@@ -287,8 +287,8 @@ describe("border system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("borderY", () => {
-    const { container } = render(
+  test('borderY', () => {
+    const {container} = render(
       <>
         <Component borderY="string" />
         <Component borderY={1} />

package/__flow__/systemProps/tests/color.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 { colorSystemProps, type TypeColorSystemProps } from "../color";
+import React from 'react';
+import styled from 'styled-components';
+import {render} from '../../utils/react-testing-library';
+import type {TypeTheme} from '../../types/theme.flow';
+import {colorSystemProps, type TypeColorSystemProps} from '../color';
 
-describe("color system props", () => {
-  const Component = styled<TypeColorSystemProps, TypeTheme, "div">("div")`
+describe('color system props', () => {
+  const Component = styled<TypeColorSystemProps, TypeTheme, 'div'>('div')`
     ${colorSystemProps}
   `;
 
-  test("backgroundColor", () => {
-    const { container } = render(
+  test('backgroundColor', () => {
+    const {container} = render(
       <>
         <Component backgroundColor="string" />
       </>
@@ -19,8 +19,8 @@ describe("color system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("bg", () => {
-    const { container } = render(
+  test('bg', () => {
+    const {container} = render(
       <>
         <Component bg="string" />
       </>
@@ -28,8 +28,8 @@ describe("color system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("color", () => {
-    const { container } = render(
+  test('color', () => {
+    const {container} = render(
       <>
         <Component color="string" />
       </>
@@ -37,8 +37,8 @@ describe("color system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("opacity", () => {
-    const { container } = render(
+  test('opacity', () => {
+    const {container} = render(
       <>
         <Component opacity="0" />
         <Component opacity={0} />

package/__flow__/systemProps/tests/custom.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 { customSystemProps, type TypeCustomSystemProps } from "../custom";
+import React from 'react';
+import styled from 'styled-components';
+import {render} from '../../utils/react-testing-library';
+import type {TypeTheme} from '../../types/theme.flow';
+import {customSystemProps, type TypeCustomSystemProps} from '../custom';
 
-describe("custom system props", () => {
-  const Component = styled<TypeCustomSystemProps, TypeTheme, "div">("div")`
+describe('custom system props', () => {
+  const Component = styled<TypeCustomSystemProps, TypeTheme, 'div'>('div')`
     ${customSystemProps}
   `;
 
-  test("cursor", () => {
-    const { container } = render(
+  test('cursor', () => {
+    const {container} = render(
       <>
         <Component cursor="string" />
       </>
@@ -19,8 +19,8 @@ describe("custom system props", () => {
     expect(container).toMatchSnapshot();
   });
 
-  test("whiteSpace", () => {
-    const { container } = render(
+  test('whiteSpace', () => {
+    const {container} = render(
       <>
         <Component whiteSpace="nowrap" />
         <Component
@@ -29,7 +29,7 @@ describe("custom system props", () => {
         />
         <Component
           // not sure why is this not erroring
-          whiteSpace={["string"]}
+          whiteSpace={['string']}
         />
       </>
     );