@sproutsocial/racine 8.0.0-beta-dark-mode.0 → 8.0.0-beta-dark-mode.4

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.
Files changed (11) hide show
  1. package/__flow__/Badge/styles.js +0 -2
  2. package/__flow__/Stack/index.js +1 -1
  3. package/__flow__/themes/default/theme.js +7 -1
  4. package/__flow__/types/theme.colors.flow.js +5 -0
  5. package/__flow__/types/theme.flow.js +4 -4
  6. package/commonjs/Badge/styles.js +0 -1
  7. package/commonjs/types/theme.colors.flow.js +5 -1
  8. package/lib/Badge/styles.js +0 -1
  9. package/lib/types/theme.colors.flow.js +1 -0
  10. package/lib/types/theme.flow.js +2 -1
  11. package/package.json +1 -1
package/__flow__/Badge/styles.js CHANGED
@@ -15,8 +15,6 @@ const colors = {
15
15
  suggestion: "colors.neutral.900",
16
16
  };
17
17
 
18
- console.log(themeGet(colors["secondary"]));
19
-
20
18
  const backgroundColors = {
21
19
  primary: "colors.blue.700",
22
20
  secondary: "colors.yellow.500",
package/__flow__/Stack/index.js CHANGED
@@ -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?: TypeResponsive<TypeSpace>,
14
+ space?: TypeResponsive<$Keys<TypeSpace>>,
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) */
package/__flow__/themes/default/theme.js CHANGED
@@ -239,6 +239,8 @@ export const typography = {
239
239
  "1200": TYPOGRAPHY.TYPOGRAPHY_SIZE_1200,
240
240
  };
241
241
 
242
+ export type TypeFontFamilyString = string;
243
+
242
244
  export const fontFamily = TYPOGRAPHY.TYPOGRAPHY_FAMILY;
243
245
 
244
246
  export const fontWeights = {
@@ -248,7 +250,11 @@ export const fontWeights = {
248
250
  extrabold: TYPOGRAPHY.TYPOGRAPHY_WEIGHT_EXTRA_BOLD,
249
251
  };
250
252
 
251
- export const space = {
253
+ export type TypeSpace = {
254
+ [string | number]: string,
255
+ };
256
+
257
+ export const space: TypeSpace = {
252
258
  "0": SPACE.SPACE_SIZE_0,
253
259
  "100": SPACE.SPACE_SIZE_100,
254
260
  "200": SPACE.SPACE_SIZE_200,
package/__flow__/types/theme.colors.flow.js CHANGED
@@ -1,5 +1,7 @@
1
1
  // @flow strict-local
2
2
 
3
+ import literalColors from "../themes/default/literal-colors";
4
+
3
5
  type TypeAppColors = {|
4
6
  app: {
5
7
  background: {
@@ -225,6 +227,8 @@ type TypeNetworkColors = {|
225
227
  },
226
228
  |};
227
229
 
230
+ type TypeLiteralColors = typeof literalColors;
231
+
228
232
  export type TypeColors = {
229
233
  ...TypeAppColors,
230
234
  ...TypeContainerColors,
@@ -236,4 +240,5 @@ export type TypeColors = {
236
240
  ...TypeFormColors,
237
241
  ...TypeListItemColors,
238
242
  ...TypeNetworkColors,
243
+ ...TypeLiteralColors,
239
244
  };
package/__flow__/types/theme.flow.js CHANGED
@@ -3,22 +3,22 @@ import {
3
3
  breakpoints,
4
4
  typography,
5
5
  fontWeights,
6
- fontFamily,
7
- space,
8
6
  radii,
9
7
  borders,
10
8
  borderWidths,
11
9
  shadows,
10
+ //space,
12
11
  easing,
13
12
  duration,
14
13
  } from "../themes/default/theme";
15
14
  import type { TypeColors } from "./theme.colors.flow.js";
15
+ import type { TypeFontFamilyString, TypeSpace } from "../themes/default/theme";
16
16
 
17
17
  export type TypeBreakpoint = typeof breakpoints;
18
18
  export type TypeTypography = typeof typography;
19
19
  export type TypeFontWeight = typeof fontWeights;
20
- export type TypeFontFamily = typeof fontFamily;
21
- export type TypeSpace = typeof space;
20
+ export type TypeFontFamily = TypeFontFamilyString;
21
+ //export type TypeSpace = typeof space;
22
22
  export type TypeColor = TypeColors;
23
23
  export type TypeRadii = typeof radii;
24
24
  export type TypeBorder = typeof borders;
package/commonjs/Badge/styles.js CHANGED
@@ -22,7 +22,6 @@ var colors = {
22
22
  default: "colors.neutral.0",
23
23
  suggestion: "colors.neutral.900"
24
24
  };
25
- console.log((0, _themeGet.themeGet)(colors["secondary"]));
26
25
  var backgroundColors = {
27
26
  primary: "colors.blue.700",
28
27
  secondary: "colors.yellow.500",
package/commonjs/types/theme.colors.flow.js CHANGED
@@ -1 +1,5 @@
1
- "use strict";
1
+ "use strict";
2
+
3
+ var _literalColors = _interopRequireDefault(require("../themes/default/literal-colors"));
4
+
5
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
package/lib/Badge/styles.js CHANGED
@@ -10,7 +10,6 @@ var colors = {
10
10
  default: "colors.neutral.0",
11
11
  suggestion: "colors.neutral.900"
12
12
  };
13
- console.log(themeGet(colors["secondary"]));
14
13
  var backgroundColors = {
15
14
  primary: "colors.blue.700",
16
15
  secondary: "colors.yellow.500",
package/lib/types/theme.colors.flow.js CHANGED
@@ -0,0 +1 @@
1
+ import literalColors from "../themes/default/literal-colors";
package/lib/types/theme.flow.js CHANGED
@@ -1 +1,2 @@
1
- import { breakpoints, typography, fontWeights, fontFamily, space, radii, borders, borderWidths, shadows, easing, duration } from "../themes/default/theme";
1
+ import { breakpoints, typography, fontWeights, radii, borders, borderWidths, shadows //space,
2
+ , easing, duration } from "../themes/default/theme";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sproutsocial/racine",
3
- "version": "8.0.0-beta-dark-mode.0",
3
+ "version": "8.0.0-beta-dark-mode.4",
4
4
  "license": "MIT",
5
5
  "files": [
6
6
  "__flow__",