@sproutsocial/seeds-react-theme 1.5.0 → 2.0.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 (62) hide show
  1. package/commonjs/dark/dataviz-palette.js +2 -1
  2. package/commonjs/dark/theme.js +7 -1
  3. package/commonjs/light/dataviz-palette.js +2 -1
  4. package/commonjs/light/theme.js +13 -3
  5. package/dist/themes/dark/theme.scss +15 -4
  6. package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +14 -3
  7. package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +14 -3
  8. package/dist/themes/light/theme.scss +21 -6
  9. package/dist/types/dark/dataviz-palette.d.ts +1 -0
  10. package/dist/types/dark/dataviz-palette.d.ts.map +1 -1
  11. package/dist/types/dark/theme.d.ts +13 -2
  12. package/dist/types/dark/theme.d.ts.map +1 -1
  13. package/dist/types/light/dataviz-palette.d.ts +1 -0
  14. package/dist/types/light/dataviz-palette.d.ts.map +1 -1
  15. package/dist/types/light/theme.d.ts +15 -1
  16. package/dist/types/light/theme.d.ts.map +1 -1
  17. package/dist/types/types/theme.colors.d.ts +8 -1
  18. package/dist/types/types/theme.colors.d.ts.map +1 -1
  19. package/lib/dark/dataviz-palette.js +2 -1
  20. package/lib/dark/theme.js +7 -1
  21. package/lib/light/dataviz-palette.js +2 -1
  22. package/lib/light/theme.js +13 -3
  23. package/package.json +4 -4
  24. package/__flow__/dark/dataviz-palette.flow.js +0 -3
  25. package/__flow__/dark/decorative-palettes.flow.js +0 -13
  26. package/__flow__/dark/theme.flow.js +0 -5
  27. package/__flow__/extendedThemes/sproutTheme/dark/theme.flow.js +0 -11
  28. package/__flow__/extendedThemes/sproutTheme/index.flow.js +0 -3
  29. package/__flow__/extendedThemes/sproutTheme/light/theme.flow.js +0 -11
  30. package/__flow__/index.js +0 -3
  31. package/__flow__/light/dataviz-palette.flow.js +0 -29
  32. package/__flow__/light/decorative-palettes.flow.js +0 -17
  33. package/__flow__/light/literal-colors.flow.js +0 -31
  34. package/__flow__/light/theme.flow.js +0 -16
  35. package/__flow__/types/theme.colors.flow.js +0 -359
  36. package/__flow__/types/theme.flow.js +0 -399
  37. package/commonjs/dark/dataviz-palette.flow.js +0 -1
  38. package/commonjs/dark/decorative-palettes.flow.js +0 -1
  39. package/commonjs/dark/theme.flow.js +0 -1
  40. package/commonjs/extendedThemes/sproutTheme/dark/theme.flow.js +0 -7
  41. package/commonjs/extendedThemes/sproutTheme/index.flow.js +0 -20
  42. package/commonjs/extendedThemes/sproutTheme/light/theme.flow.js +0 -1
  43. package/commonjs/index.js.flow +0 -3
  44. package/commonjs/light/dataviz-palette.flow.js +0 -1
  45. package/commonjs/light/decorative-palettes.flow.js +0 -1
  46. package/commonjs/light/literal-colors.flow.js +0 -1
  47. package/commonjs/light/theme.flow.js +0 -1
  48. package/commonjs/types/theme.colors.flow.js +0 -1
  49. package/commonjs/types/theme.flow.js +0 -1
  50. package/lib/dark/dataviz-palette.flow.js +0 -0
  51. package/lib/dark/decorative-palettes.flow.js +0 -0
  52. package/lib/dark/theme.flow.js +0 -0
  53. package/lib/extendedThemes/sproutTheme/dark/theme.flow.js +0 -1
  54. package/lib/extendedThemes/sproutTheme/index.flow.js +0 -2
  55. package/lib/extendedThemes/sproutTheme/light/theme.flow.js +0 -0
  56. package/lib/index.js.flow +0 -3
  57. package/lib/light/dataviz-palette.flow.js +0 -0
  58. package/lib/light/decorative-palettes.flow.js +0 -0
  59. package/lib/light/literal-colors.flow.js +0 -0
  60. package/lib/light/theme.flow.js +0 -0
  61. package/lib/types/theme.colors.flow.js +0 -0
  62. package/lib/types/theme.flow.js +0 -0
@@ -1,399 +0,0 @@
1
- // @flow strict-local
2
- import type { TypeFontFamilyString } from "../light/theme.flow";
3
- import type { TypeColors } from "./theme.colors.flow";
4
- export type TypeNavigationTheme = {|
5
- main: {
6
- background: {
7
- base: string,
8
- overflowGradient: string,
9
- ...
10
- },
11
- border: {
12
- base: string,
13
- ...
14
- },
15
- ...
16
- },
17
- secondary: {
18
- background: {
19
- base: string,
20
- ...
21
- },
22
- widget: {
23
- background: {
24
- base: string,
25
- ...
26
- },
27
- ...
28
- },
29
- accordion: {
30
- background: {
31
- base: string,
32
- ...
33
- },
34
- ...
35
- },
36
- ...
37
- },
38
- settings: {
39
- listItem: {
40
- background: {
41
- base: string,
42
- hover: string,
43
- selected: string,
44
- ...
45
- },
46
- ...
47
- },
48
- ...
49
- },
50
- text: {
51
- base: string,
52
- hover: string,
53
- ...
54
- },
55
- icon: {
56
- base: string,
57
- hover: string,
58
- ...
59
- },
60
- listItem: {
61
- background: {
62
- base: string,
63
- hover: string,
64
- selected: string,
65
- ...
66
- },
67
- ...
68
- },
69
- |};
70
- export type TypeDatePickerTheme = {|
71
- comparison: {
72
- background: {
73
- base: string,
74
- ...
75
- },
76
- text: {
77
- base: string,
78
- ...
79
- },
80
- ...
81
- }
82
- |};
83
- export type TypeAITheme = {|
84
- feature: {
85
- decorative: {
86
- primary: string,
87
- secondary: string,
88
- ...
89
- },
90
- background: {
91
- primary: string,
92
- secondary: string,
93
- default: {
94
- primary: string,
95
- secondary: string,
96
- ...
97
- },
98
- inverse: {
99
- primary: string,
100
- secondary: string,
101
- ...
102
- },
103
- ...
104
- },
105
- ...
106
- }
107
- |};
108
- export type TypeAnalyticsTheme = {|
109
- trend: {
110
- positive: string,
111
- neutral: string,
112
- negative: string,
113
- ...
114
- },
115
- overlay: {
116
- background: {
117
- base: string,
118
- ...
119
- },
120
- ...
121
- },
122
- |};
123
- export type TypeListeningTheme = {|
124
- chart: {
125
- indicator: {
126
- default: {
127
- primary: string,
128
- secondary: string,
129
- ...
130
- },
131
- hover: {
132
- primary: string,
133
- secondary: string,
134
- ...
135
- },
136
- ...
137
- },
138
- spike: {
139
- background: {
140
- base: string,
141
- ...
142
- },
143
- icon: {
144
- base: string,
145
- ...
146
- },
147
- ...
148
- },
149
- ...
150
- },
151
- topicTypes: {
152
- customTopic: string,
153
- brandHealth: string,
154
- industryInsights: string,
155
- competitiveAnalysis: string,
156
- campaignAnalysis: string,
157
- eventMonitoring: string,
158
- featuredTopic: string,
159
- ...
160
- },
161
- worldMap: {
162
- empty: string,
163
- q0: string,
164
- q1: string,
165
- q2: string,
166
- q3: string,
167
- q4: string,
168
- q5: string,
169
- q6: string,
170
- q7: string,
171
- ...
172
- },
173
- |};
174
- export type TypeGrowthTheme = {|
175
- carousel: {
176
- indicator: {
177
- active: string,
178
- inactive: string,
179
- ...
180
- },
181
- ...
182
- },
183
- education: {
184
- decorative: {
185
- aqua: string,
186
- teal: string,
187
- ...
188
- },
189
- ...
190
- },
191
- opportunity: {
192
- background: {
193
- base: string,
194
- secondary: string,
195
- hover: string,
196
- ...
197
- },
198
- button: {
199
- primary: {
200
- base: string,
201
- hover: string,
202
- ...
203
- },
204
- ...
205
- },
206
- badge: {
207
- background: {
208
- base: string,
209
- active: string,
210
- ...
211
- },
212
- icon: {
213
- base: string,
214
- active: string,
215
- ...
216
- },
217
- text: {
218
- base: string,
219
- ...
220
- },
221
- ...
222
- },
223
- decorative: {
224
- // confetti
225
- green: string,
226
- lightAqua: string,
227
- darkAqua: string,
228
- purple: string,
229
- ...
230
- },
231
- ...
232
- },
233
- featuredDemo: {
234
- background: {
235
- primary: {
236
- base: string,
237
- hover: string,
238
- ...
239
- },
240
- secondary: {
241
- base: string,
242
- hover: string,
243
- ...
244
- },
245
- ...
246
- },
247
- ...
248
- },
249
- darkModal: {
250
- background: {
251
- base: string,
252
- ...
253
- },
254
- text: {
255
- base: string,
256
- ...
257
- },
258
- cards: {
259
- background: {
260
- base: string,
261
- hover: string,
262
- ...
263
- },
264
- text: {
265
- base: string,
266
- hover: string,
267
- ...
268
- },
269
- border: {
270
- base: string,
271
- hover: string,
272
- ...
273
- },
274
- ...
275
- },
276
- ...
277
- },
278
- user: {
279
- status: {
280
- online: string,
281
- ...
282
- },
283
- ...
284
- },
285
- |};
286
- export type TypeCardControlTheme = {|
287
- background: {
288
- base: string,
289
- selected: string,
290
- hover: string,
291
- ...
292
- },
293
- text: {
294
- selected: string,
295
- ...
296
- },
297
- |};
298
- export type TypeThemeMode = "light" | "dark";
299
- export type TypeBreakpoint = string[];
300
- type TypeTypographyValue = {|
301
- fontSize: string | number,
302
- lineHeight: string | number,
303
- |};
304
- export type TypeTypography = {|
305
- "100": TypeTypographyValue,
306
- "200": TypeTypographyValue,
307
- "300": TypeTypographyValue,
308
- "400": TypeTypographyValue,
309
- "500": TypeTypographyValue,
310
- "600": TypeTypographyValue,
311
- "700": TypeTypographyValue,
312
- "800": TypeTypographyValue,
313
- "900": TypeTypographyValue,
314
- "1000": TypeTypographyValue,
315
- "1100": TypeTypographyValue,
316
- "1200": TypeTypographyValue,
317
- |};
318
- export type TypeFontWeight = {|
319
- normal: string,
320
- semibold: string,
321
- bold: string,
322
- extrabold: string,
323
- |};
324
- export type TypeFontFamily = TypeFontFamilyString;
325
- export type TypeSpace = {|
326
- "0": string,
327
- "100": string,
328
- "200": string,
329
- "300": string,
330
- "350": string,
331
- "400": string,
332
- "450": string,
333
- "500": string,
334
- "600": string,
335
- |};
336
- export type TypeColor = TypeColors;
337
- export type TypeRadii = {|
338
- "400": string,
339
- "500": string,
340
- "600": string,
341
- "900": string,
342
- "1000": string,
343
- inner: string,
344
- outer: string,
345
- pill: string,
346
- |};
347
- export type TypeBorder = {|
348
- "500": string
349
- |};
350
- export type TypeBorderWidth = {|
351
- "500": string
352
- |};
353
- export type TypeShadow = {|
354
- high: string,
355
- low: string,
356
- medium: string,
357
- |};
358
- export type TypeEasing = {|
359
- ease_in: string,
360
- ease_inout: string,
361
- ease_out: string,
362
- |};
363
- export type TypeDuration = {|
364
- fast: string,
365
- medium: string,
366
- slow: string,
367
- |};
368
- export type TypeTheme = {
369
- mode: TypeThemeMode,
370
- breakpoints: TypeBreakpoint,
371
- colors: TypeColor,
372
- typography: TypeTypography,
373
- fontWeights: TypeFontWeight,
374
- fontFamily: TypeFontFamily,
375
- space: TypeSpace,
376
- radii: TypeRadii,
377
- borders: TypeBorder,
378
- borderWidths: TypeBorderWidth,
379
- shadows: TypeShadow,
380
- easing: TypeEasing,
381
- duration: TypeDuration,
382
- ...
383
- };
384
-
385
- // Extended themes
386
- export type TypeSproutTheme = {
387
- ...$Exact<TypeTheme>,
388
- colors: {|
389
- ...$Exact<TypeColor>,
390
- navigation: TypeNavigationTheme,
391
- datePicker: TypeDatePickerTheme,
392
- ai: TypeAITheme,
393
- analytics: TypeAnalyticsTheme,
394
- listening: TypeListeningTheme,
395
- growth: TypeGrowthTheme,
396
- cardControl: TypeCardControlTheme,
397
- |},
398
- ...
399
- };
@@ -1 +0,0 @@
1
- "use strict";
@@ -1 +0,0 @@
1
- "use strict";
@@ -1 +0,0 @@
1
- "use strict";
@@ -1,7 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _default = exports.default = darkTheme;
@@ -1,20 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "sproutDarkTheme", {
7
- enumerable: true,
8
- get: function get() {
9
- return _theme2.default;
10
- }
11
- });
12
- Object.defineProperty(exports, "sproutLightTheme", {
13
- enumerable: true,
14
- get: function get() {
15
- return _theme.default;
16
- }
17
- });
18
- var _theme = _interopRequireDefault(require("./light/theme.flow"));
19
- var _theme2 = _interopRequireDefault(require("./dark/theme.flow"));
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1 +0,0 @@
1
- "use strict";
@@ -1,3 +0,0 @@
1
- // @flow
2
- export * from '../__flow__';
3
-
@@ -1 +0,0 @@
1
- "use strict";
@@ -1 +0,0 @@
1
- "use strict";
@@ -1 +0,0 @@
1
- "use strict";
@@ -1 +0,0 @@
1
- "use strict";
@@ -1 +0,0 @@
1
- "use strict";
@@ -1 +0,0 @@
1
- "use strict";
File without changes
File without changes
File without changes
@@ -1 +0,0 @@
1
- export default darkTheme;
@@ -1,2 +0,0 @@
1
- export { default as sproutLightTheme } from "./light/theme.flow";
2
- export { default as sproutDarkTheme } from "./dark/theme.flow";
package/lib/index.js.flow DELETED
@@ -1,3 +0,0 @@
1
- // @flow
2
- export * from '../__flow__';
3
-
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes