@sproutsocial/racine 12.24.0 → 13.1.1

package/__flow__/systemProps/flexbox.js

@@ -1,24 +1,8 @@
 // @flow strict-local
 
-import {flexbox} from 'styled-system';
-import type {
-  AlignItemsProperty,
-  AlignContentProperty,
-  JustifyContentProperty,
-  JustifyItemsProperty,
-  FlexWrapProperty,
-  FlexDirectionProperty,
-  FlexProperty,
-  FlexBasisProperty,
-  JustifySelfProperty,
-  AlignSelfProperty,
-  Globals,
-} from 'csstype';
-
-import type {
-  StyledSystemStyleFn,
-  TypeResponsiveBaseSystemProp,
-} from './types.flow.js';
+import { flexbox } from 'styled-system';
+import type { AlignItemsProperty, AlignContentProperty, JustifyContentProperty, JustifyItemsProperty, FlexWrapProperty, FlexDirectionProperty, FlexProperty, FlexBasisProperty, JustifySelfProperty, AlignSelfProperty, Globals } from 'csstype';
+import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow.js";
 
 // https://styled-system.com/table#flexbox
 
@@ -38,5 +22,4 @@ export type TypeFlexboxSystemProps = $ReadOnly<{|
   alignSelf?: TypeResponsiveBaseSystemProp<AlignSelfProperty>,
   order?: TypeResponsiveBaseSystemProp<TypeGlobalsNumber>,
 |}>;
-
-export const flexboxSystemProps: StyledSystemStyleFn = flexbox;
+export const flexboxSystemProps: StyledSystemStyleFn = flexbox;

package/__flow__/systemProps/grid.js

@@ -1,25 +1,8 @@
 // @flow strict-local
 
-import {grid} from 'styled-system';
-import type {
-  GridAreaProperty,
-  GridAutoColumnsProperty,
-  GridAutoFlowProperty,
-  GridAutoRowsProperty,
-  GridColumnProperty,
-  GridColumnGapProperty,
-  GridGapProperty,
-  GridRowProperty,
-  GridRowGapProperty,
-  GridTemplateAreasProperty,
-  GridTemplateColumnsProperty,
-  GridTemplateRowsProperty,
-} from 'csstype';
-
-import type {
-  StyledSystemStyleFn,
-  TypeResponsiveBaseSystemProp,
-} from './types.flow.js';
+import { grid } from 'styled-system';
+import type { GridAreaProperty, GridAutoColumnsProperty, GridAutoFlowProperty, GridAutoRowsProperty, GridColumnProperty, GridColumnGapProperty, GridGapProperty, GridRowProperty, GridRowGapProperty, GridTemplateAreasProperty, GridTemplateColumnsProperty, GridTemplateRowsProperty } from 'csstype';
+import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow.js";
 
 // https://styled-system.com/table#grid-layout
 
@@ -39,5 +22,4 @@ export type TypeGridSystemProps = $ReadOnly<{|
   // eslint-disable-next-line prettier/prettier
   gridTemplateRows?: TypeResponsiveBaseSystemProp<GridTemplateRowsProperty<void>>,
 |}>;
-
-export const gridSystemProps: StyledSystemStyleFn = grid;
+export const gridSystemProps: StyledSystemStyleFn = grid;

package/__flow__/systemProps/index.js

@@ -1,17 +1,16 @@
 // @flow strict-local
 
-export * from './types.flow.js';
-
-export * from './background';
-export * from './border';
-export * from './color';
-export * from './custom';
-export * from './flexbox';
-export * from './grid';
-export * from './layout';
-export * from './position';
-export * from './shadow';
-export * from './space';
-export * from './systemProps';
-export * from './typography';
-export * from './variant';
+export * from "./types.flow.js";
+export * from "./background";
+export * from "./border";
+export * from "./color";
+export * from "./custom";
+export * from "./flexbox";
+export * from "./grid";
+export * from "./layout";
+export * from "./position";
+export * from "./shadow";
+export * from "./space";
+export * from "./systemProps";
+export * from "./typography";
+export * from "./variant";

package/__flow__/systemProps/layout.js

@@ -1,30 +1,13 @@
 // @flow strict-local
 
-import {layout} from 'styled-system';
-import type {
-  DisplayProperty,
-  HeightProperty,
-  MaxHeightProperty,
-  MaxWidthProperty,
-  MinHeightProperty,
-  MinWidthProperty,
-  OverflowProperty,
-  OverflowXProperty,
-  OverflowYProperty,
-  VerticalAlignProperty,
-  WidthProperty,
-} from 'csstype';
-
-import type {
-  StyledSystemStyleFn,
-  TypeResponsiveBaseSystemProp,
-} from './types.flow.js';
+import { layout } from 'styled-system';
+import type { DisplayProperty, HeightProperty, MaxHeightProperty, MaxWidthProperty, MinHeightProperty, MinWidthProperty, OverflowProperty, OverflowXProperty, OverflowYProperty, VerticalAlignProperty, WidthProperty } from 'csstype';
+import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow.js";
 
 // https://styled-system.com/table#layout
 
 type TypeHeightProp = HeightProperty<number>;
 type TypeWidthProp = WidthProperty<number>;
-
 export type TypeLayoutSystemProps = $ReadOnly<{|
   display?: TypeResponsiveBaseSystemProp<DisplayProperty>,
   height?: TypeResponsiveBaseSystemProp<TypeHeightProp>,
@@ -39,5 +22,4 @@ export type TypeLayoutSystemProps = $ReadOnly<{|
   verticalAlign?: TypeResponsiveBaseSystemProp<VerticalAlignProperty<void>>,
   width?: TypeResponsiveBaseSystemProp<TypeWidthProp>,
 |}>;
-
-export const layoutSystemProps: StyledSystemStyleFn = layout;
+export const layoutSystemProps: StyledSystemStyleFn = layout;

package/__flow__/systemProps/position.js

@@ -1,19 +1,8 @@
 // @flow strict-local
 
-import {position} from 'styled-system';
-import type {
-  BottomProperty,
-  LeftProperty,
-  PositionProperty,
-  RightProperty,
-  TopProperty,
-  ZIndexProperty,
-} from 'csstype';
-
-import type {
-  StyledSystemStyleFn,
-  TypeResponsiveBaseSystemProp,
-} from './types.flow.js';
+import { position } from 'styled-system';
+import type { BottomProperty, LeftProperty, PositionProperty, RightProperty, TopProperty, ZIndexProperty } from 'csstype';
+import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow.js";
 
 // https://styled-system.com/table#position
 
@@ -25,5 +14,4 @@ export type TypePositionSystemProps = $ReadOnly<{|
   top?: TypeResponsiveBaseSystemProp<TopProperty<number>>,
   zIndex?: TypeResponsiveBaseSystemProp<ZIndexProperty>,
 |}>;
-
-export const positionSystemProps: StyledSystemStyleFn = position;
+export const positionSystemProps: StyledSystemStyleFn = position;

package/__flow__/systemProps/shadow.js

@@ -1,12 +1,8 @@
 // @flow strict-local
 
-import {shadow} from 'styled-system';
-import type {BoxShadowProperty, TextShadowProperty} from 'csstype';
-
-import type {
-  StyledSystemStyleFn,
-  TypeResponsiveBaseSystemProp,
-} from './types.flow.js';
+import { shadow } from 'styled-system';
+import type { BoxShadowProperty, TextShadowProperty } from 'csstype';
+import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow.js";
 
 // https://styled-system.com/table#shadow
 
@@ -14,5 +10,4 @@ export type TypeShadowSystemProps = $ReadOnly<{|
   boxShadow?: TypeResponsiveBaseSystemProp<BoxShadowProperty>,
   textShadow?: TypeResponsiveBaseSystemProp<TextShadowProperty>,
 |}>;
-
-export const shadowSystemProps: StyledSystemStyleFn = shadow;
+export const shadowSystemProps: StyledSystemStyleFn = shadow;

package/__flow__/systemProps/space.js

@@ -1,24 +1,9 @@
 /* eslint-disable prettier/prettier */
 // @flow strict-local
 
-import {space} from 'styled-system';
-import type {
-  MarginProperty,
-  MarginBottomProperty,
-  MarginLeftProperty,
-  MarginRightProperty,
-  MarginTopProperty,
-  PaddingProperty,
-  PaddingBottomProperty,
-  PaddingLeftProperty,
-  PaddingRightProperty,
-  PaddingTopProperty,
-} from 'csstype';
-
-import type {
-  StyledSystemStyleFn,
-  TypeResponsiveBaseSystemProp,
-} from './types.flow.js';
+import { space } from 'styled-system';
+import type { MarginProperty, MarginBottomProperty, MarginLeftProperty, MarginRightProperty, MarginTopProperty, PaddingProperty, PaddingBottomProperty, PaddingLeftProperty, PaddingRightProperty, PaddingTopProperty } from 'csstype';
+import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow.js";
 
 // https://styled-system.com/table#space
 
@@ -29,7 +14,6 @@ type TypeMarginRightSystemProp = TypeResponsiveBaseSystemProp<MarginRightPropert
 type TypeMarginTopSystemProp = TypeResponsiveBaseSystemProp<MarginTopProperty<number>>;
 type TypeMarginXSystemProp = TypeResponsiveBaseSystemProp<MarginLeftProperty<number> & MarginRightProperty<number>>;
 type TypeMarginYSystemProp = TypeResponsiveBaseSystemProp<MarginBottomProperty<number> & MarginTopProperty<number>>;
-
 type TypePaddingSystemProp = TypeResponsiveBaseSystemProp<PaddingProperty<number>>;
 type TypePaddingBottomSystemProp = TypeResponsiveBaseSystemProp<PaddingBottomProperty<number>>;
 type TypePaddingLeftSystemProp = TypeResponsiveBaseSystemProp<PaddingLeftProperty<number>>;
@@ -37,7 +21,6 @@ type TypePaddingRightSystemProp = TypeResponsiveBaseSystemProp<PaddingRightPrope
 type TypePaddingTopSystemProp = TypeResponsiveBaseSystemProp<PaddingTopProperty<number>>;
 type TypePaddingXSystemProp = TypeResponsiveBaseSystemProp<PaddingLeftProperty<number> & PaddingRightProperty<number>>;
 type TypePaddingYSystemProp = TypeResponsiveBaseSystemProp<PaddingBottomProperty<number> & PaddingTopProperty<number>>;
-
 export type TypeSpaceSystemProps = $ReadOnly<{|
   // margin longhand
   margin?: TypeMarginSystemProp,
@@ -47,7 +30,6 @@ export type TypeSpaceSystemProps = $ReadOnly<{|
   marginTop?: TypeMarginTopSystemProp,
   marginX?: TypeMarginXSystemProp,
   marginY?: TypeMarginYSystemProp,
-
   // margin shorthand
   m?: TypeMarginSystemProp,
   mb?: TypeMarginBottomSystemProp,
@@ -56,7 +38,6 @@ export type TypeSpaceSystemProps = $ReadOnly<{|
   mt?: TypeMarginTopSystemProp,
   mx?: TypeMarginXSystemProp,
   my?: TypeMarginYSystemProp,
-
   // padding longhand
   padding?: TypePaddingSystemProp,
   paddingBottom?: TypePaddingBottomSystemProp,
@@ -65,7 +46,6 @@ export type TypeSpaceSystemProps = $ReadOnly<{|
   paddingTop?: TypePaddingTopSystemProp,
   paddingX?: TypePaddingXSystemProp,
   paddingY?: TypePaddingYSystemProp,
-
   // padding shorthand
   p?: TypePaddingSystemProp,
   pb?: TypePaddingBottomSystemProp,
@@ -75,5 +55,4 @@ export type TypeSpaceSystemProps = $ReadOnly<{|
   px?: TypePaddingXSystemProp,
   py?: TypePaddingYSystemProp,
 |}>;
-
-export const spaceSystemProps: StyledSystemStyleFn = space;
+export const spaceSystemProps: StyledSystemStyleFn = space;

package/__flow__/systemProps/systemProps.js

@@ -1,31 +1,21 @@
 // @flow strict-local
-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';
-import {
-  typographySystemProps,
-  type TypeTypographySystemProps,
-} from './typography';
-import {variantSystemProps, type TypeVariantSystemProps} from './variant';
-
-import type {StyledSystemStyleFn} from './types.flow.js';
-
+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";
+import { typographySystemProps, type TypeTypographySystemProps } from "./typography";
+import { variantSystemProps, type TypeVariantSystemProps } from "./variant";
+import type { StyledSystemStyleFn } from "./types.flow.js";
 export type TypeSystemProps = $ReadOnly<{|
   ...TypeCustomSystemProps,
   ...TypeVariantSystemProps,
-
   ...TypeBackgroundSystemProps,
   ...TypeBorderSystemProps,
   ...TypeColorSystemProps,
@@ -37,19 +27,4 @@ export type TypeSystemProps = $ReadOnly<{|
   ...TypeSpaceSystemProps,
   ...TypeTypographySystemProps,
 |}>;
-
-export const systemProps: StyledSystemStyleFn = compose(
-  customSystemProps,
-  variantSystemProps,
-
-  backgroundSystemProps,
-  borderSystemProps,
-  colorSystemProps,
-  flexboxSystemProps,
-  gridSystemProps,
-  layoutSystemProps,
-  positionSystemProps,
-  shadowSystemProps,
-  spaceSystemProps,
-  typographySystemProps
-);
+export const systemProps: StyledSystemStyleFn = compose(customSystemProps, variantSystemProps, backgroundSystemProps, borderSystemProps, colorSystemProps, flexboxSystemProps, gridSystemProps, layoutSystemProps, positionSystemProps, shadowSystemProps, spaceSystemProps, typographySystemProps);

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

@@ -1,10 +1,6 @@
 // @flow strict
 
-import type {
-  TypeResponsiveSystemProp,
-  TypeBaseSystemProp,
-  TypeResponsiveBaseSystemProp,
-} from '../types.flow.js';
+import type { TypeResponsiveSystemProp, TypeBaseSystemProp, TypeResponsiveBaseSystemProp } from "../types.flow.js";
 
 /**
  * All system props should be responsive but accepting a tuple of length 1-5.
@@ -52,4 +48,4 @@ type TypeTestResponsiveBaseSystemProp = TypeResponsiveBaseSystemProp<'a' | 'b'>;
 // $FlowExpectedError
 ({}: TypeTestResponsiveBaseSystemProp);
 // $FlowExpectedError
-([]: TypeTestResponsiveBaseSystemProp);
+([]: TypeTestResponsiveBaseSystemProp);

package/__flow__/systemProps/types.flow.js

@@ -1,20 +1,12 @@
 // @flow strict
 
-export type TypeResponsiveSystemProp<T> =
-  | T
-  | [T]
-  | [T, T]
-  | [T, T, T]
-  | [T, T, T, T]
-  | [T, T, T, T, T];
+export type TypeResponsiveSystemProp<T> = T | [T] | [T, T] | [T, T, T] | [T, T, T, T] | [T, T, T, T, T];
 export type TypeBaseSystemProp<T> = ?T | boolean;
 // eslint-disable-next-line prettier/prettier
 export type TypeResponsiveBaseSystemProp<T> = TypeResponsiveSystemProp<TypeBaseSystemProp<T>>;
-
 export interface StyledSystemStyleFn {
-  (...args: mixed[]): mixed;
-
-  config?: {...} | void;
-  propNames?: string[] | void;
-  cache?: {...} | void;
-}
+  config?: {...} | void,
+  propNames?: string[] | void,
+  cache?: {...} | void,
+  (...args: mixed[]): mixed,
+}

package/__flow__/systemProps/typography.js

@@ -1,21 +1,9 @@
 // @flow strict-local
 
-import {typography} from 'styled-system';
-import type {
-  FontFamilyProperty,
-  FontSizeProperty,
-  FontStyleProperty,
-  FontWeightProperty,
-  LetterSpacingProperty,
-  LineHeightProperty,
-  TextAlignProperty,
-} from 'csstype';
-
-import typeof {fontWeights as TypeofFontWeights} from '../themes/light/theme';
-import type {
-  StyledSystemStyleFn,
-  TypeResponsiveBaseSystemProp,
-} from './types.flow.js';
+import { typography } from 'styled-system';
+import type { FontFamilyProperty, FontSizeProperty, FontStyleProperty, FontWeightProperty, LetterSpacingProperty, LineHeightProperty, TextAlignProperty } from 'csstype';
+import typeof { fontWeights as TypeofFontWeights } from "../themes/light/theme";
+import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow.js";
 
 // https://styled-system.com/table#typography
 
@@ -30,5 +18,4 @@ export type TypeTypographySystemProps = $ReadOnly<{|
   lineHeight?: TypeResponsiveBaseSystemProp<LineHeightProperty<void>>,
   textAlign?: TypeResponsiveBaseSystemProp<TextAlignProperty>,
 |}>;
-
-export const typographySystemProps: StyledSystemStyleFn = typography;
+export const typographySystemProps: StyledSystemStyleFn = typography;

package/__flow__/systemProps/variant.js

@@ -1,18 +1,14 @@
 // @flow strict-local
-import {compose, variant} from 'styled-system';
-import type {TypeTypography} from '../types/theme.flow';
-
-import type {TypeResponsiveBaseSystemProp} from './types.flow.js';
+import { compose, variant } from 'styled-system';
+import type { TypeTypography } from "../types/theme.flow";
+import type { TypeResponsiveBaseSystemProp } from "./types.flow.js";
 
 // https://styled-system.com/variants
 
 export type TypeVariantSystemProps = $ReadOnly<{|
-  typeScale?: TypeResponsiveBaseSystemProp<$Keys<TypeTypography>>,
+  typeScale?: TypeResponsiveBaseSystemProp<$Keys<TypeTypography>>
 |}>;
-
-export const variantSystemProps = compose(
-  variant({
-    key: 'typography',
-    prop: 'typeScale',
-  })
-);
+export const variantSystemProps = compose(variant({
+  key: 'typography',
+  prop: 'typeScale'
+}));

package/__flow__/themes/dark/dataviz-palette.js

@@ -1,30 +1,8 @@
 // @flow strict-local
 
 import COLORS from '@sproutsocial/seeds-color';
-
 export const datavizPalette = {
-  DATAVIZ_COLORS_LIST: [
-    COLORS.COLOR_TEAL_400,
-    COLORS.COLOR_PURPLE_400,
-    COLORS.COLOR_PINK_400,
-    COLORS.COLOR_YELLOW_500,
-    COLORS.COLOR_BLUE_400,
-    COLORS.COLOR_MAGENTA_400,
-    COLORS.COLOR_GREEN_400,
-    COLORS.COLOR_ORANGE_400,
-    COLORS.COLOR_RED_700,
-    COLORS.COLOR_TEAL_700,
-    COLORS.COLOR_PURPLE_700,
-    COLORS.COLOR_PINK_700,
-    COLORS.COLOR_YELLOW_800,
-    COLORS.COLOR_BLUE_700,
-    COLORS.COLOR_MAGENTA_700,
-    COLORS.COLOR_GREEN_700,
-    COLORS.COLOR_ORANGE_700,
-    COLORS.COLOR_RED_400,
-    COLORS.COLOR_GREEN_200,
-    COLORS.COLOR_YELLOW_200,
-  ],
+  DATAVIZ_COLORS_LIST: [COLORS.COLOR_TEAL_400, COLORS.COLOR_PURPLE_400, COLORS.COLOR_PINK_400, COLORS.COLOR_YELLOW_500, COLORS.COLOR_BLUE_400, COLORS.COLOR_MAGENTA_400, COLORS.COLOR_GREEN_400, COLORS.COLOR_ORANGE_400, COLORS.COLOR_RED_700, COLORS.COLOR_TEAL_700, COLORS.COLOR_PURPLE_700, COLORS.COLOR_PINK_700, COLORS.COLOR_YELLOW_800, COLORS.COLOR_BLUE_700, COLORS.COLOR_MAGENTA_700, COLORS.COLOR_GREEN_700, COLORS.COLOR_ORANGE_700, COLORS.COLOR_RED_400, COLORS.COLOR_GREEN_200, COLORS.COLOR_YELLOW_200],
   DATAVIZ_COLORS_MAP: {
     '1': COLORS.COLOR_TEAL_400,
     '2': COLORS.COLOR_PURPLE_400,
@@ -45,6 +23,6 @@ export const datavizPalette = {
     '17': COLORS.COLOR_ORANGE_700,
     '18': COLORS.COLOR_RED_400,
     '19': COLORS.COLOR_GREEN_200,
-    '20': COLORS.COLOR_YELLOW_200,
-  },
-};
+    '20': COLORS.COLOR_YELLOW_200
+  }
+};

package/__flow__/themes/dark/decorative-palettes.js

@@ -1,69 +1,58 @@
 // @flow strict-local
 
 import COLORS from '@sproutsocial/seeds-color';
-
 export const green = {
   background: COLORS.COLOR_GREEN_900,
   highlight: COLORS.COLOR_GREEN_500,
-  foreground: COLORS.COLOR_GREEN_100,
+  foreground: COLORS.COLOR_GREEN_100
 };
-
 export const blue = {
   background: COLORS.COLOR_BLUE_900,
   highlight: COLORS.COLOR_BLUE_600,
-  foreground: COLORS.COLOR_BLUE_100,
+  foreground: COLORS.COLOR_BLUE_100
 };
-
 export const purple = {
   background: COLORS.COLOR_PURPLE_900,
   highlight: COLORS.COLOR_PURPLE_500,
-  foreground: COLORS.COLOR_PURPLE_100,
+  foreground: COLORS.COLOR_PURPLE_100
 };
-
 export const yellow = {
   background: COLORS.COLOR_YELLOW_900,
   highlight: COLORS.COLOR_YELLOW_600,
-  foreground: COLORS.COLOR_YELLOW_100,
+  foreground: COLORS.COLOR_YELLOW_100
 };
-
 export const orange = {
   background: COLORS.COLOR_ORANGE_900,
   highlight: COLORS.COLOR_ORANGE_600,
-  foreground: COLORS.COLOR_ORANGE_100,
+  foreground: COLORS.COLOR_ORANGE_100
 };
-
 export const red = {
   background: COLORS.COLOR_RED_900,
   highlight: COLORS.COLOR_RED_600,
-  foreground: COLORS.COLOR_RED_100,
+  foreground: COLORS.COLOR_RED_100
 };
-
 export const neutral = {
   background: COLORS.COLOR_NEUTRAL_1000,
   highlight: COLORS.COLOR_NEUTRAL_500,
-  foreground: COLORS.COLOR_NEUTRAL_100,
+  foreground: COLORS.COLOR_NEUTRAL_100
 };
-
 export const magenta = {
   background: COLORS.COLOR_MAGENTA_900,
   highlight: COLORS.COLOR_MAGENTA_600,
-  foreground: COLORS.COLOR_MAGENTA_100,
+  foreground: COLORS.COLOR_MAGENTA_100
 };
-
 export const pink = {
   background: COLORS.COLOR_PINK_900,
   highlight: COLORS.COLOR_PINK_600,
-  foreground: COLORS.COLOR_PINK_100,
+  foreground: COLORS.COLOR_PINK_100
 };
-
 export const aqua = {
   background: COLORS.COLOR_AQUA_900,
   highlight: COLORS.COLOR_AQUA_500,
-  foreground: COLORS.COLOR_AQUA_100,
+  foreground: COLORS.COLOR_AQUA_100
 };
-
 export const teal = {
   background: COLORS.COLOR_TEAL_900,
   highlight: COLORS.COLOR_TEAL_500,
-  foreground: COLORS.COLOR_TEAL_100,
-};
+  foreground: COLORS.COLOR_TEAL_100
+};