@sproutsocial/racine 8.5.0 → 8.6.1-collapsible-fix.0

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 (37) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/__flow__/Collapsible/index.js +41 -11
  3. package/__flow__/Collapsible/index.stories.js +77 -0
  4. package/__flow__/Collapsible/styles.js +26 -2
  5. package/__flow__/EnumIconNames.js +1 -1
  6. package/__flow__/IconViewBoxes.js +1 -1
  7. package/__flow__/dataviz/dataviz.stories.js +12 -0
  8. package/__flow__/dataviz/index.js +13 -0
  9. package/__flow__/themes/dark/dataviz-palette.js +50 -0
  10. package/__flow__/themes/dark/theme.js +2 -0
  11. package/__flow__/themes/default/dataviz-palette.js +50 -0
  12. package/__flow__/themes/default/theme.js +2 -0
  13. package/commonjs/Collapsible/index.js +29 -11
  14. package/commonjs/Collapsible/styles.js +4 -1
  15. package/commonjs/IconViewBoxes.js +3 -0
  16. package/commonjs/dataviz/index.js +24 -0
  17. package/commonjs/include-icons.js +1 -1
  18. package/commonjs/themes/dark/dataviz-palette.js +35 -0
  19. package/commonjs/themes/dark/theme.js +3 -1
  20. package/commonjs/themes/default/dataviz-palette.js +35 -0
  21. package/commonjs/themes/default/theme.js +3 -1
  22. package/dist/iconList.js +1 -1
  23. package/dist/icons.svg +1 -1
  24. package/icons/deconstructed-positive-sentiment.svg +3 -0
  25. package/icons/flat-positive-sentiment-outline.svg +4 -0
  26. package/icons/flat-positive-sentiment.svg +3 -0
  27. package/includeIcons.js +1 -1
  28. package/lib/Collapsible/index.js +29 -11
  29. package/lib/Collapsible/styles.js +4 -1
  30. package/lib/IconViewBoxes.js +3 -0
  31. package/lib/dataviz/index.js +13 -0
  32. package/lib/include-icons.js +1 -1
  33. package/lib/themes/dark/dataviz-palette.js +26 -0
  34. package/lib/themes/dark/theme.js +2 -1
  35. package/lib/themes/default/dataviz-palette.js +26 -0
  36. package/lib/themes/default/theme.js +2 -1
  37. package/package.json +2 -1
@@ -0,0 +1,26 @@
1
+ import COLORS from "@sproutsocial/seeds-color";
2
+ export var datavizPalette = {
3
+ 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],
4
+ DATAVIZ_COLORS_MAP: {
5
+ "1": COLORS.COLOR_TEAL_400,
6
+ "2": COLORS.COLOR_PURPLE_400,
7
+ "3": COLORS.COLOR_PINK_400,
8
+ "4": COLORS.COLOR_YELLOW_500,
9
+ "5": COLORS.COLOR_BLUE_400,
10
+ "6": COLORS.COLOR_MAGENTA_400,
11
+ "7": COLORS.COLOR_GREEN_400,
12
+ "8": COLORS.COLOR_ORANGE_400,
13
+ "9": COLORS.COLOR_RED_700,
14
+ "10": COLORS.COLOR_TEAL_700,
15
+ "11": COLORS.COLOR_PURPLE_700,
16
+ "12": COLORS.COLOR_PINK_700,
17
+ "13": COLORS.COLOR_YELLOW_800,
18
+ "14": COLORS.COLOR_BLUE_700,
19
+ "15": COLORS.COLOR_MAGENTA_700,
20
+ "16": COLORS.COLOR_GREEN_700,
21
+ "17": COLORS.COLOR_ORANGE_700,
22
+ "18": COLORS.COLOR_RED_400,
23
+ "19": COLORS.COLOR_GREEN_200,
24
+ "20": COLORS.COLOR_YELLOW_200
25
+ }
26
+ };
@@ -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
 
@@ -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
+ };
@@ -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.0",
3
+ "version": "8.6.1-collapsible-fix.0",
4
4
  "license": "MIT",
5
5
  "files": [
6
6
  "__flow__",
@@ -39,6 +39,7 @@
39
39
  "lint-css": "stylelint 'src/**/*.js'",
40
40
  "lint-icons": "yarn icon-lint check 'icons/*.svg'",
41
41
  "jest": "jest",
42
+ "jest:watch": "jest --watch",
42
43
  "test": "npm-run-all flow lint-js lint-css lint-icons jest",
43
44
  "new": "node ./bin/scaffold.js",
44
45
  "playground": "node ./bin/scaffold-playground.js && yarn start",