@sproutsocial/racine 8.0.0-beta-dark-mode.6 → 8.0.0-beta-dark-mode.10

package/__flow__/Stack/index.js

@@ -3,7 +3,7 @@ import * as React from "react";
 import { Children } from "react";
 import Box from "../Box";
 import { normalizeResponsiveProp } from "../utils/responsiveProps";
-import type { TypeSpace } from "../themes/default/theme";
+import type { TypeSpaceLiterals } from "../themes/default/theme";
 import type { TypeResponsive } from "../types/system-props.flow";
 
 type TypeDirection = "vertical" | "horizontal";
@@ -11,7 +11,7 @@ type TypeAlignment = "left" | "center" | "right" | "stretch";
 
 type TypeProps = {
   /** Amount of space between items in the stack */
-  space?: TypeResponsive<TypeSpace>,
+  space?: TypeResponsive<TypeSpaceLiterals>,
   /** Alignment of the items in the stack (horizontal or vertical) */
   align?: TypeResponsive<TypeAlignment>,
   /** Axis upon which the stack is laid out (left, center, right, or stretch) */

package/__flow__/Stack/index.stories.js

@@ -119,3 +119,22 @@ export const ResponsiveSpace = () => (
 ResponsiveSpace.story = {
   name: "Responsive space",
 };
+
+export const NumberSpaceType = () => (
+  <Stack
+    direction={select("Direction", directionOptions, "vertical")}
+    align={select("Alignment", alignmentOptions, "left")}
+    bg="neutral.100"
+    p={400}
+  >
+    <Item>This</Item>
+    <Item>is</Item>
+    <Item>the</Item>
+    <Item>stack</Item>
+    <Item>component</Item>
+  </Stack>
+);
+
+NumberSpaceType.story = {
+  name: "Testing types",
+};

package/__flow__/themes/default/theme.js

@@ -250,11 +250,19 @@ export const fontWeights = {
   extrabold: TYPOGRAPHY.TYPOGRAPHY_WEIGHT_EXTRA_BOLD,
 };
 
-export type TypeSpace = {
-  [string | number | [number]]: string,
-};
+export type TypeSpaceLiterals =
+  | 0
+  | 100
+  | 200
+  | 300
+  | 350
+  | 400
+  | 450
+  | 500
+  | 600
+  | string;
 
-export const space: TypeSpace = {
+export const space = {
   "0": SPACE.SPACE_SIZE_0,
   "100": SPACE.SPACE_SIZE_100,
   "200": SPACE.SPACE_SIZE_200,

package/__flow__/types/theme.flow.js

@@ -7,18 +7,18 @@ import {
   borders,
   borderWidths,
   shadows,
-  //space,
+  space,
   easing,
   duration,
 } from "../themes/default/theme";
 import type { TypeColors } from "./theme.colors.flow.js";
-import type { TypeFontFamilyString, TypeSpace } from "../themes/default/theme";
+import type { TypeFontFamilyString } from "../themes/default/theme";
 
 export type TypeBreakpoint = typeof breakpoints;
 export type TypeTypography = typeof typography;
 export type TypeFontWeight = typeof fontWeights;
 export type TypeFontFamily = TypeFontFamilyString;
-//export type TypeSpace = typeof space;
+export type TypeSpace = typeof space;
 export type TypeColor = TypeColors;
 export type TypeRadii = typeof radii;
 export type TypeBorder = typeof borders;

package/lib/types/theme.flow.js

@@ -1,2 +1 @@
-import { breakpoints, typography, fontWeights, radii, borders, borderWidths, shadows //space,
-, easing, duration } from "../themes/default/theme";
+import { breakpoints, typography, fontWeights, radii, borders, borderWidths, shadows, space, easing, duration } from "../themes/default/theme";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/racine",
-  "version": "8.0.0-beta-dark-mode.6",
+  "version": "8.0.0-beta-dark-mode.10",
   "license": "MIT",
   "files": [
     "__flow__",