@sproutsocial/racine 8.5.2 → 8.6.2

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 (39) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/__flow__/Collapsible/index.js +1 -0
  3. package/__flow__/Collapsible/styles.js +23 -24
  4. package/__flow__/Listbox/__snapshots__/index.test.js.snap +84 -42
  5. package/__flow__/Listbox/index.stories.js +33 -0
  6. package/__flow__/Listbox/index.test.js +52 -2
  7. package/__flow__/Menu/__snapshots__/index.test.js.snap +4 -0
  8. package/__flow__/Menu/hooks.js +8 -3
  9. package/__flow__/Menu/index.flow.js +1 -0
  10. package/__flow__/Menu/index.js +31 -4
  11. package/__flow__/Menu/index.stories.js +20 -0
  12. package/__flow__/Menu/styles.js +4 -0
  13. package/__flow__/dataviz/dataviz.stories.js +12 -0
  14. package/__flow__/dataviz/index.js +13 -0
  15. package/__flow__/themes/dark/dataviz-palette.js +50 -0
  16. package/__flow__/themes/dark/theme.js +2 -0
  17. package/__flow__/themes/default/dataviz-palette.js +50 -0
  18. package/__flow__/themes/default/theme.js +2 -0
  19. package/commonjs/Collapsible/index.js +1 -0
  20. package/commonjs/Collapsible/styles.js +5 -7
  21. package/commonjs/Menu/hooks.js +12 -3
  22. package/commonjs/Menu/index.js +26 -6
  23. package/commonjs/Menu/styles.js +4 -2
  24. package/commonjs/dataviz/index.js +24 -0
  25. package/commonjs/themes/dark/dataviz-palette.js +35 -0
  26. package/commonjs/themes/dark/theme.js +3 -1
  27. package/commonjs/themes/default/dataviz-palette.js +35 -0
  28. package/commonjs/themes/default/theme.js +3 -1
  29. package/lib/Collapsible/index.js +1 -0
  30. package/lib/Collapsible/styles.js +5 -7
  31. package/lib/Menu/hooks.js +12 -3
  32. package/lib/Menu/index.js +26 -6
  33. package/lib/Menu/styles.js +4 -2
  34. package/lib/dataviz/index.js +13 -0
  35. package/lib/themes/dark/dataviz-palette.js +26 -0
  36. package/lib/themes/dark/theme.js +2 -1
  37. package/lib/themes/default/dataviz-palette.js +26 -0
  38. package/lib/themes/default/theme.js +2 -1
  39. package/package.json +2 -2
package/lib/themes/dark/theme.js CHANGED
@@ -2,6 +2,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
2
2
 
3
3
  import COLORS from "@sproutsocial/seeds-color";
4
4
  import defaultTheme from "../default/theme";
5
+ import { datavizPalette } from "./dataviz-palette";
5
6
  import { green, blue, purple, yellow, orange, red, neutral } from "./decorative-palettes";
6
7
 
7
8
  var darkTheme = _extends({}, defaultTheme, {
@@ -178,7 +179,7 @@ var darkTheme = _extends({}, defaultTheme, {
178
179
  selected: COLORS.COLOR_NEUTRAL_0
179
180
  }
180
181
  }
181
- }),
182
+ }, datavizPalette),
182
183
  mode: "dark"
183
184
  });
184
185
 
package/lib/themes/default/dataviz-palette.js ADDED
@@ -0,0 +1,26 @@
1
+ import COLORS from "@sproutsocial/seeds-color";
2
+ export var datavizPalette = {
3
+ DATAVIZ_COLORS_LIST: [COLORS.COLOR_TEAL_500, COLORS.COLOR_PURPLE_700, COLORS.COLOR_PINK_700, COLORS.COLOR_YELLOW_500, COLORS.COLOR_BLUE_500, COLORS.COLOR_MAGENTA_500, COLORS.COLOR_GREEN_500, COLORS.COLOR_ORANGE_500, COLORS.COLOR_RED_700, COLORS.COLOR_TEAL_900, COLORS.COLOR_PURPLE_400, COLORS.COLOR_PINK_900, COLORS.COLOR_YELLOW_900, COLORS.COLOR_BLUE_900, COLORS.COLOR_MAGENTA_900, COLORS.COLOR_GREEN_900, COLORS.COLOR_ORANGE_900, COLORS.COLOR_RED_400, COLORS.COLOR_GREEN_700, COLORS.COLOR_YELLOW_800],
4
+ DATAVIZ_COLORS_MAP: {
5
+ "1": COLORS.COLOR_TEAL_500,
6
+ "2": COLORS.COLOR_PURPLE_700,
7
+ "3": COLORS.COLOR_PINK_700,
8
+ "4": COLORS.COLOR_YELLOW_500,
9
+ "5": COLORS.COLOR_BLUE_500,
10
+ "6": COLORS.COLOR_MAGENTA_500,
11
+ "7": COLORS.COLOR_GREEN_500,
12
+ "8": COLORS.COLOR_ORANGE_500,
13
+ "9": COLORS.COLOR_RED_700,
14
+ "10": COLORS.COLOR_TEAL_900,
15
+ "11": COLORS.COLOR_PURPLE_400,
16
+ "12": COLORS.COLOR_PINK_900,
17
+ "13": COLORS.COLOR_YELLOW_900,
18
+ "14": COLORS.COLOR_BLUE_900,
19
+ "15": COLORS.COLOR_MAGENTA_900,
20
+ "16": COLORS.COLOR_GREEN_900,
21
+ "17": COLORS.COLOR_ORANGE_900,
22
+ "18": COLORS.COLOR_RED_400,
23
+ "19": COLORS.COLOR_GREEN_700,
24
+ "20": COLORS.COLOR_YELLOW_800
25
+ }
26
+ };
package/lib/themes/default/theme.js CHANGED
@@ -2,6 +2,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
2
2
 
3
3
  import COLORS from "@sproutsocial/seeds-color";
4
4
  import literalColors from "./literal-colors";
5
+ import { datavizPalette } from "./dataviz-palette";
5
6
  import { green, blue, purple, yellow, orange, red, neutral } from "./decorative-palettes";
6
7
  import NETWORKCOLORS from "@sproutsocial/seeds-networkcolor";
7
8
  import TYPOGRAPHY from "@sproutsocial/seeds-typography";
@@ -211,7 +212,7 @@ var colors = _extends({
211
212
  whatsapp: NETWORKCOLORS.NETWORK_COLOR_WHATSAPP,
212
213
  tiktok: NETWORKCOLORS.NETWORK_COLOR_TIKTOK
213
214
  }
214
- }, literalColors);
215
+ }, literalColors, datavizPalette);
215
216
 
216
217
  export var typography = {
217
218
  "100": TYPOGRAPHY.TYPOGRAPHY_SIZE_100,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sproutsocial/racine",
3
- "version": "8.5.2",
3
+ "version": "8.6.2",
4
4
  "license": "MIT",
5
5
  "files": [
6
6
  "__flow__",
@@ -109,7 +109,7 @@
109
109
  "@storybook/react": "^6.1.11",
110
110
  "@storybook/theming": "^6.1.11",
111
111
  "@testing-library/react": "^11.2.2",
112
- "@testing-library/user-event": "^12.5.0",
112
+ "@testing-library/user-event": "^13.0.0",
113
113
  "babel-core": "^7.0.0-bridge",
114
114
  "babel-eslint": "10.1.0",
115
115
  "babel-jest": "26.1.0",