@sproutsocial/racine 8.0.0-beta-dark-mode.4 → 8.0.0-beta-dark-mode.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/__flow__/Stack/index.js
CHANGED
|
@@ -3,7 +3,7 @@ import * as React from "react";
|
|
|
3
3
|
import { Children } from "react";
|
|
4
4
|
import Box from "../Box";
|
|
5
5
|
import { normalizeResponsiveProp } from "../utils/responsiveProps";
|
|
6
|
-
import type {
|
|
6
|
+
import type { TypeSpaceLiterals } from "../themes/default/theme";
|
|
7
7
|
import type { TypeResponsive } from "../types/system-props.flow";
|
|
8
8
|
|
|
9
9
|
type TypeDirection = "vertical" | "horizontal";
|
|
@@ -11,7 +11,7 @@ type TypeAlignment = "left" | "center" | "right" | "stretch";
|
|
|
11
11
|
|
|
12
12
|
type TypeProps = {
|
|
13
13
|
/** Amount of space between items in the stack */
|
|
14
|
-
space
|
|
14
|
+
space: TypeResponsive<TypeSpaceLiterals>,
|
|
15
15
|
/** Alignment of the items in the stack (horizontal or vertical) */
|
|
16
16
|
align?: TypeResponsive<TypeAlignment>,
|
|
17
17
|
/** Axis upon which the stack is laid out (left, center, right, or stretch) */
|
|
@@ -119,3 +119,22 @@ export const ResponsiveSpace = () => (
|
|
|
119
119
|
ResponsiveSpace.story = {
|
|
120
120
|
name: "Responsive space",
|
|
121
121
|
};
|
|
122
|
+
|
|
123
|
+
export const NumberSpaceType = () => (
|
|
124
|
+
<Stack
|
|
125
|
+
direction={select("Direction", directionOptions, "vertical")}
|
|
126
|
+
align={select("Alignment", alignmentOptions, "left")}
|
|
127
|
+
bg="neutral.100"
|
|
128
|
+
p={400}
|
|
129
|
+
>
|
|
130
|
+
<Item>This</Item>
|
|
131
|
+
<Item>is</Item>
|
|
132
|
+
<Item>the</Item>
|
|
133
|
+
<Item>stack</Item>
|
|
134
|
+
<Item>component</Item>
|
|
135
|
+
</Stack>
|
|
136
|
+
);
|
|
137
|
+
|
|
138
|
+
NumberSpaceType.story = {
|
|
139
|
+
name: "Testing types",
|
|
140
|
+
};
|
|
@@ -250,8 +250,20 @@ export const fontWeights = {
|
|
|
250
250
|
extrabold: TYPOGRAPHY.TYPOGRAPHY_WEIGHT_EXTRA_BOLD,
|
|
251
251
|
};
|
|
252
252
|
|
|
253
|
+
export type TypeSpaceLiterals =
|
|
254
|
+
| 0
|
|
255
|
+
| 100
|
|
256
|
+
| 200
|
|
257
|
+
| 300
|
|
258
|
+
| 350
|
|
259
|
+
| 400
|
|
260
|
+
| 450
|
|
261
|
+
| 500
|
|
262
|
+
| 600
|
|
263
|
+
| string;
|
|
264
|
+
|
|
253
265
|
export type TypeSpace = {
|
|
254
|
-
[
|
|
266
|
+
[TypeSpaceLiterals]: string,
|
|
255
267
|
};
|
|
256
268
|
|
|
257
269
|
export const space: TypeSpace = {
|