@sproutsocial/racine 11.0.1 → 11.0.2-dependencies.1

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 (148) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/__flow__/Avatar/index.test.js +0 -5
  3. package/__flow__/Badge/index.test.js +0 -5
  4. package/__flow__/Breadcrumb/index.js +2 -0
  5. package/__flow__/Button/index.stories.js +51 -67
  6. package/__flow__/CharacterCounter/index.test.js +0 -8
  7. package/__flow__/ChartLegend/index.test.js +0 -37
  8. package/__flow__/Collapsible/index.js +3 -0
  9. package/__flow__/Drawer/index.js +4 -0
  10. package/__flow__/EmptyState/index.test.js +1 -3
  11. package/__flow__/EnumIconNames.js +1 -1
  12. package/__flow__/Fieldset/index.js +8 -2
  13. package/__flow__/Icon/index.js +5 -1
  14. package/__flow__/IconViewBoxes.js +1 -1
  15. package/__flow__/Link/index.test.js +0 -10
  16. package/__flow__/Loader/index.test.js +0 -14
  17. package/__flow__/Menu/__snapshots__/index.test.js.snap +2 -2
  18. package/__flow__/Menu/index.js +7 -0
  19. package/__flow__/Message/index.js +7 -0
  20. package/__flow__/Modal/index.js +5 -0
  21. package/__flow__/Modal/index.test.js +0 -19
  22. package/__flow__/Popout/index.js +4 -1
  23. package/__flow__/SegmentedControl/index.js +2 -0
  24. package/__flow__/Table/index.js +6 -0
  25. package/__flow__/Text/index.js +8 -0
  26. package/__flow__/Text/index.test.js +0 -39
  27. package/__flow__/index.js +1 -0
  28. package/__flow__/systemProps/background.js +28 -0
  29. package/__flow__/systemProps/border.js +76 -0
  30. package/__flow__/systemProps/color.js +25 -0
  31. package/__flow__/systemProps/custom.js +23 -0
  32. package/__flow__/systemProps/flexbox.js +42 -0
  33. package/__flow__/systemProps/grid.js +43 -0
  34. package/__flow__/systemProps/index.js +17 -0
  35. package/__flow__/systemProps/layout.js +43 -0
  36. package/__flow__/systemProps/position.js +29 -0
  37. package/__flow__/systemProps/shadow.js +18 -0
  38. package/__flow__/systemProps/space.js +83 -0
  39. package/__flow__/systemProps/systemProps.js +55 -0
  40. package/__flow__/systemProps/tests/__snapshots__/background.test.js.snap +96 -0
  41. package/__flow__/systemProps/tests/__snapshots__/border.test.js.snap +469 -0
  42. package/__flow__/systemProps/tests/__snapshots__/color.test.js.snap +55 -0
  43. package/__flow__/systemProps/tests/__snapshots__/custom.test.js.snap +36 -0
  44. package/__flow__/systemProps/tests/__snapshots__/flexbox.test.js.snap +239 -0
  45. package/__flow__/systemProps/tests/__snapshots__/grid.test.js.snap +166 -0
  46. package/__flow__/systemProps/tests/__snapshots__/layout.test.js.snap +218 -0
  47. package/__flow__/systemProps/tests/__snapshots__/position.test.js.snap +115 -0
  48. package/__flow__/systemProps/tests/__snapshots__/shadow.test.js.snap +25 -0
  49. package/__flow__/systemProps/tests/__snapshots__/space.test.js.snap +39 -0
  50. package/__flow__/systemProps/tests/__snapshots__/typography.test.js.snap +166 -0
  51. package/__flow__/systemProps/tests/__snapshots__/variant.test.js.snap +17 -0
  52. package/__flow__/systemProps/tests/background.test.js +90 -0
  53. package/__flow__/systemProps/tests/border.test.js +299 -0
  54. package/__flow__/systemProps/tests/color.test.js +49 -0
  55. package/__flow__/systemProps/tests/custom.test.js +38 -0
  56. package/__flow__/systemProps/tests/flexbox.test.js +150 -0
  57. package/__flow__/systemProps/tests/grid.test.js +123 -0
  58. package/__flow__/systemProps/tests/layout.test.js +135 -0
  59. package/__flow__/systemProps/tests/position.test.js +78 -0
  60. package/__flow__/systemProps/tests/shadow.test.js +30 -0
  61. package/__flow__/systemProps/tests/space.test.js +32 -0
  62. package/__flow__/systemProps/tests/types.flow.js +55 -0
  63. package/__flow__/systemProps/tests/typography.test.js +93 -0
  64. package/__flow__/systemProps/tests/variant.test.js +25 -0
  65. package/__flow__/systemProps/types.flow.js +20 -0
  66. package/__flow__/systemProps/typography.js +34 -0
  67. package/__flow__/systemProps/variant.js +18 -0
  68. package/__flow__/themes/dark/theme.js +1 -0
  69. package/__flow__/themes/light/theme.js +1 -0
  70. package/bin/buildNpm.js +58 -0
  71. package/commonjs/Breadcrumb/index.js +1 -0
  72. package/commonjs/Collapsible/index.js +2 -0
  73. package/commonjs/Drawer/index.js +3 -0
  74. package/commonjs/Fieldset/index.js +6 -2
  75. package/commonjs/Icon/index.js +3 -1
  76. package/commonjs/IconViewBoxes.js +2 -0
  77. package/commonjs/Menu/index.js +6 -0
  78. package/commonjs/Message/index.js +13 -0
  79. package/commonjs/Modal/index.js +4 -0
  80. package/commonjs/Popout/index.js +5 -2
  81. package/commonjs/SegmentedControl/index.js +1 -0
  82. package/commonjs/Table/index.js +5 -0
  83. package/commonjs/Text/index.js +7 -0
  84. package/commonjs/include-icons.js +1 -1
  85. package/commonjs/index.js +78 -0
  86. package/commonjs/systemProps/background.js +9 -0
  87. package/commonjs/systemProps/border.js +9 -0
  88. package/commonjs/systemProps/color.js +9 -0
  89. package/commonjs/systemProps/custom.js +12 -0
  90. package/commonjs/systemProps/flexbox.js +9 -0
  91. package/commonjs/systemProps/grid.js +9 -0
  92. package/commonjs/systemProps/index.js +115 -0
  93. package/commonjs/systemProps/layout.js +9 -0
  94. package/commonjs/systemProps/position.js +9 -0
  95. package/commonjs/systemProps/shadow.js +9 -0
  96. package/commonjs/systemProps/space.js +10 -0
  97. package/commonjs/systemProps/systemProps.js +33 -0
  98. package/commonjs/systemProps/tests/types.flow.js +46 -0
  99. package/commonjs/systemProps/types.flow.js +1 -0
  100. package/commonjs/systemProps/typography.js +9 -0
  101. package/commonjs/systemProps/variant.js +12 -0
  102. package/commonjs/themes/dark/theme.js +1 -0
  103. package/commonjs/themes/light/theme.js +1 -0
  104. package/dist/iconList.js +1 -1
  105. package/dist/icons.svg +1 -1
  106. package/dist/themes/dark/dark.scss +1 -0
  107. package/dist/themes/light/light.scss +1 -0
  108. package/icons/address-card-outline.svg +3 -0
  109. package/icons/deconstructed-negative-sentiment.svg +1 -1
  110. package/icons/deconstructed-neutral-sentiment.svg +1 -1
  111. package/icons/deconstructed-positive-sentiment.svg +1 -1
  112. package/icons/magic-wand.svg +3 -0
  113. package/icons/whatsapp.svg +5 -5
  114. package/includeIcons.js +1 -1
  115. package/lib/Breadcrumb/index.js +1 -0
  116. package/lib/Collapsible/index.js +2 -0
  117. package/lib/Drawer/index.js +3 -0
  118. package/lib/Fieldset/index.js +6 -2
  119. package/lib/Icon/index.js +3 -1
  120. package/lib/IconViewBoxes.js +2 -0
  121. package/lib/Menu/index.js +6 -0
  122. package/lib/Message/index.js +13 -0
  123. package/lib/Modal/index.js +4 -0
  124. package/lib/Popout/index.js +5 -2
  125. package/lib/SegmentedControl/index.js +1 -0
  126. package/lib/Table/index.js +5 -0
  127. package/lib/Text/index.js +7 -0
  128. package/lib/include-icons.js +1 -1
  129. package/lib/index.js +1 -0
  130. package/lib/systemProps/background.js +2 -0
  131. package/lib/systemProps/border.js +2 -0
  132. package/lib/systemProps/color.js +2 -0
  133. package/lib/systemProps/custom.js +5 -0
  134. package/lib/systemProps/flexbox.js +2 -0
  135. package/lib/systemProps/grid.js +2 -0
  136. package/lib/systemProps/index.js +14 -0
  137. package/lib/systemProps/layout.js +2 -0
  138. package/lib/systemProps/position.js +2 -0
  139. package/lib/systemProps/shadow.js +2 -0
  140. package/lib/systemProps/space.js +3 -0
  141. package/lib/systemProps/systemProps.js +14 -0
  142. package/lib/systemProps/tests/types.flow.js +44 -0
  143. package/lib/systemProps/types.flow.js +0 -0
  144. package/lib/systemProps/typography.js +2 -0
  145. package/lib/systemProps/variant.js +5 -0
  146. package/lib/themes/dark/theme.js +1 -0
  147. package/lib/themes/light/theme.js +1 -0
  148. package/package.json +34 -17
package/lib/index.js CHANGED
@@ -1,3 +1,4 @@
1
+ export * from "./systemProps";
1
2
  export { visuallyHidden, focusRing, disabled } from "./utils/mixins";
2
3
  export { useSelect, useMultiselect, useTextContent } from "./utils/hooks";
3
4
  export { default as theme } from "./themes/light/theme";
@@ -0,0 +1,2 @@
1
+ import { background } from "styled-system";
2
+ export var backgroundSystemProps = background;
@@ -0,0 +1,2 @@
1
+ import { border } from "styled-system";
2
+ export var borderSystemProps = border;
@@ -0,0 +1,2 @@
1
+ import { color } from "styled-system";
2
+ export var colorSystemProps = color;
@@ -0,0 +1,5 @@
1
+ import { compose, system } from "styled-system";
2
+ export var customSystemProps = compose(system({
3
+ cursor: true,
4
+ whiteSpace: true
5
+ }));
@@ -0,0 +1,2 @@
1
+ import { flexbox } from "styled-system";
2
+ export var flexboxSystemProps = flexbox;
@@ -0,0 +1,2 @@
1
+ import { grid } from "styled-system";
2
+ export var gridSystemProps = grid;
@@ -0,0 +1,14 @@
1
+ export * from "./types.flow.js";
2
+ export * from "./background";
3
+ export * from "./border";
4
+ export * from "./color";
5
+ export * from "./custom";
6
+ export * from "./flexbox";
7
+ export * from "./grid";
8
+ export * from "./layout";
9
+ export * from "./position";
10
+ export * from "./shadow";
11
+ export * from "./space";
12
+ export * from "./systemProps";
13
+ export * from "./typography";
14
+ export * from "./variant";
@@ -0,0 +1,2 @@
1
+ import { layout } from "styled-system";
2
+ export var layoutSystemProps = layout;
@@ -0,0 +1,2 @@
1
+ import { position } from "styled-system";
2
+ export var positionSystemProps = position;
@@ -0,0 +1,2 @@
1
+ import { shadow } from "styled-system";
2
+ export var shadowSystemProps = shadow;
@@ -0,0 +1,3 @@
1
+ /* eslint-disable prettier/prettier */
2
+ import { space } from "styled-system";
3
+ export var spaceSystemProps = space;
@@ -0,0 +1,14 @@
1
+ import { compose } from "styled-system";
2
+ import { backgroundSystemProps } from "./background";
3
+ import { borderSystemProps } from "./border";
4
+ import { colorSystemProps } from "./color";
5
+ import { customSystemProps } from "./custom";
6
+ import { flexboxSystemProps } from "./flexbox";
7
+ import { gridSystemProps } from "./grid";
8
+ import { layoutSystemProps } from "./layout";
9
+ import { positionSystemProps } from "./position";
10
+ import { shadowSystemProps } from "./shadow";
11
+ import { spaceSystemProps } from "./space";
12
+ import { typographySystemProps } from "./typography";
13
+ import { variantSystemProps } from "./variant";
14
+ export var systemProps = compose(customSystemProps, variantSystemProps, backgroundSystemProps, borderSystemProps, colorSystemProps, flexboxSystemProps, gridSystemProps, layoutSystemProps, positionSystemProps, shadowSystemProps, spaceSystemProps, typographySystemProps);
@@ -0,0 +1,44 @@
1
+ /**
2
+ * All system props should be responsive but accepting a tuple of length 1-5.
3
+ */
4
+ "a";
5
+ ["a"];
6
+ ["a", "a"];
7
+ ["a", "a", "a"];
8
+ ["a", "a", "a", "a"];
9
+ ["a", "a", "a", "a", "a"]; // $FlowExpectedError
10
+
11
+ ["a", "a", "a", "a", "a", "a"]; // $FlowExpectedError
12
+
13
+ ["b"]; // $FlowExpectedError
14
+
15
+ [null];
16
+ /**
17
+ * All system props should accept "base" values: boolean, null, and undefined.
18
+ */
19
+
20
+ "a";
21
+ true;
22
+ false;
23
+ null;
24
+ undefined;
25
+ /**
26
+ * All system props should be responsive and allow "base" values.
27
+ */
28
+
29
+ "a";
30
+ "b";
31
+ true;
32
+ false;
33
+ null;
34
+ undefined;
35
+ ["a", null, undefined, false, "b"];
36
+ ["a"]; // $FlowExpectedError
37
+
38
+ "c"; // $FlowExpectedError
39
+
40
+ 1; // $FlowExpectedError
41
+
42
+ ({}); // $FlowExpectedError
43
+
44
+ [];
File without changes
@@ -0,0 +1,2 @@
1
+ import { typography } from "styled-system";
2
+ export var typographySystemProps = typography;
@@ -0,0 +1,5 @@
1
+ import { compose, variant } from "styled-system";
2
+ export var variantSystemProps = compose(variant({
3
+ key: "typography",
4
+ prop: "typeScale"
5
+ }));
@@ -170,6 +170,7 @@ var colors = _extends({}, lightTheme.colors, {
170
170
  danger: red.foreground,
171
171
  info: blue.foreground,
172
172
  opportunity: purple.foreground,
173
+ applied: COLORS.COLOR_BLUE_400,
173
174
  positive_sentiment: COLORS.COLOR_BLUE_700,
174
175
  negative_sentiment: COLORS.COLOR_RED_600,
175
176
  neutral_sentiment: COLORS.COLOR_NEUTRAL_600
@@ -168,6 +168,7 @@ var colors = _extends({
168
168
  danger: red.foreground,
169
169
  info: blue.foreground,
170
170
  opportunity: purple.foreground,
171
+ applied: COLORS.COLOR_BLUE_700,
171
172
  positive_sentiment: COLORS.COLOR_BLUE_700,
172
173
  negative_sentiment: COLORS.COLOR_RED_600,
173
174
  neutral_sentiment: COLORS.COLOR_NEUTRAL_600
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sproutsocial/racine",
3
- "version": "11.0.1",
3
+ "version": "11.0.2-dependencies.1",
4
4
  "license": "MIT",
5
5
  "files": [
6
6
  "__flow__",
@@ -9,11 +9,13 @@
9
9
  "lib",
10
10
  "codemods",
11
11
  "bin/racine-codemod.js",
12
+ "bin/buildNpm.js",
12
13
  "icons",
13
14
  "includeIcons.js"
14
15
  ],
15
16
  "bin": {
16
- "racine-codemod": "bin/racine-codemod.js"
17
+ "racine-codemod": "bin/racine-codemod.js",
18
+ "build-npm": "bin/buildNpm.js"
17
19
  },
18
20
  "main": "commonjs/index.js",
19
21
  "module": "lib/index.js",
@@ -21,6 +23,7 @@
21
23
  "./includeIcons.js"
22
24
  ],
23
25
  "scripts": {
26
+ "preinstall": "node ./bin/buildNpm.js",
24
27
  "install-deps": "yarn install",
25
28
  "prepublishOnly": "yarn run build",
26
29
  "precommit": "lint-staged",
@@ -34,7 +37,7 @@
34
37
  "start-package-only": "npm-run-all install-deps clean -p build-icons watch-package",
35
38
  "start": "npm-run-all install-deps clean -p build-icons watch-package watch-app",
36
39
  "build": "npm-run-all clean -p build-icons build-package -s build-app",
37
- "flow": "yarn run build-icons && flow check",
40
+ "flow": "yarn run build-icons && flow check --max-warnings 0",
38
41
  "lint-js": "eslint --max-warnings=0 --fix .",
39
42
  "lint-css": "stylelint 'src/**/*.js'",
40
43
  "lint-icons": "yarn icon-lint check 'icons/*.svg'",
@@ -62,6 +65,7 @@
62
65
  ]
63
66
  },
64
67
  "dependencies": {
68
+ "@storybook/addon-controls": "^6.4.19",
65
69
  "@styled-system/theme-get": "^5.1.2",
66
70
  "classnames": "^2.2.6",
67
71
  "lodash.curry": "^4.1.1",
@@ -75,14 +79,14 @@
75
79
  "react-popper": "^1.3.3",
76
80
  "react-spring": "^8.0.25",
77
81
  "react-toastify": "^6.0.5",
78
- "react-virtualized": "9.18.5",
82
+ "react-virtualized": "9.22.3",
79
83
  "scroll-into-view-if-needed": "1.1.0",
80
84
  "styled-system": "^5.1.5",
81
85
  "use-measure": "^0.2.2"
82
86
  },
83
87
  "devDependencies": {
84
88
  "@babel/cli": "^7.5.5",
85
- "@babel/core": "^7.4.5",
89
+ "@babel/core": "^7.12.9",
86
90
  "@babel/plugin-proposal-class-properties": "^7.4.4",
87
91
  "@babel/plugin-syntax-dynamic-import": "^7.0.0",
88
92
  "@babel/preset-env": "^7.8.0",
@@ -97,20 +101,22 @@
97
101
  "@sproutsocial/seeds-networkcolor": "^2.9.0",
98
102
  "@sproutsocial/seeds-space": "^0.4.7",
99
103
  "@sproutsocial/seeds-typography": "^3.0.1",
100
- "@storybook/addon-a11y": "^6.1.11",
101
- "@storybook/addon-actions": "^6.3.8",
102
- "@storybook/addon-knobs": "^6.1.11",
103
- "@storybook/addon-storysource": "^6.1.11",
104
- "@storybook/addon-viewport": "^6.1.11",
105
- "@storybook/addons": "^6.1.11",
104
+ "@storybook/addon-a11y": "^6.4.19",
105
+ "@storybook/addon-actions": "^6.4.19",
106
+ "@storybook/addon-controls": "^6.4.19",
107
+ "@storybook/addon-knobs": "^6.4.0",
108
+ "@storybook/addon-storysource": "^6.4.19",
109
+ "@storybook/addon-viewport": "^6.4.19",
110
+ "@storybook/addons": "^6.4.19",
106
111
  "@storybook/react": "^6.4.19",
107
- "@storybook/theming": "^6.1.11",
112
+ "@storybook/theming": "^6.4.19",
108
113
  "@testing-library/react": "^11.2.2",
109
114
  "@testing-library/user-event": "^13.0.0",
115
+ "axios": "^0.26.1",
110
116
  "babel-core": "^7.0.0-bridge",
111
117
  "babel-eslint": "10.1.0",
112
118
  "babel-jest": "26.1.0",
113
- "babel-loader": "8.0.6",
119
+ "babel-loader": "8.2.3",
114
120
  "babel-plugin-inline-import": "^3.0.0",
115
121
  "babel-plugin-polished": "^1.1.0",
116
122
  "babel-plugin-styled-components": "^1.10.0",
@@ -138,7 +144,7 @@
138
144
  "jest": "26.1.0",
139
145
  "jest-axe": "3.4.0",
140
146
  "jest-dom": "^3.5.0",
141
- "jest-styled-components": "7.0.0-beta.1",
147
+ "jest-styled-components": "7.0.8",
142
148
  "jscodeshift": "^0.6.4",
143
149
  "json-to-scss": "^1.6.2",
144
150
  "lint-staged": "^10.2.11",
@@ -146,15 +152,15 @@
146
152
  "npm-run-all": "^4.1.2",
147
153
  "outdent": "^0.7.0",
148
154
  "pify": "^4.0.1",
149
- "playroom": "^0.22.2",
155
+ "playroom": "^0.27.9",
150
156
  "prettier": "^2.0.5",
151
157
  "prop-types": "^15.6.1",
152
158
  "react": "16.12.0",
153
159
  "react-dates": "^21.8.0",
154
160
  "react-dom": "16.12.0",
155
161
  "rimraf": "^2.6.3",
156
- "storybook-dark-mode": "^1.0.7",
157
- "styled-components": "5.0.0-rc.2",
162
+ "storybook-dark-mode": "^1.0.9",
163
+ "styled-components": "5.3.3",
158
164
  "stylelint": "^13.8.0",
159
165
  "stylelint-config-recommended": "^2.2.0",
160
166
  "stylelint-config-styled-components": "^0.1.1",
@@ -179,6 +185,7 @@
179
185
  "styled-components": "^5.0.0-rc.2"
180
186
  },
181
187
  "resolutions": {
188
+ "**/eslint-import-resolver-node": "0.3.4",
182
189
  "lodash": "^4.17.21",
183
190
  "react-popper/create-react-context": "^0.3.0"
184
191
  },
@@ -193,5 +200,15 @@
193
200
  "moduleNameMapper": {
194
201
  "\\.(css|scss|sass)$": "identity-obj-proxy"
195
202
  }
203
+ },
204
+ "prettier": {
205
+ "overrides": [
206
+ {
207
+ "files": "*.js",
208
+ "options": {
209
+ "parser": "babel-flow"
210
+ }
211
+ }
212
+ ]
196
213
  }
197
214
  }