@sproutsocial/seeds-react-theme 1.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.
- package/__flow__/dark/dataviz-palette.flow.js +3 -0
- package/__flow__/dark/decorative-palettes.flow.js +13 -0
- package/__flow__/dark/theme.flow.js +5 -0
- package/__flow__/extendedThemes/sproutTheme/dark/theme.flow.js +10 -0
- package/__flow__/extendedThemes/sproutTheme/index.flow.js +3 -0
- package/__flow__/extendedThemes/sproutTheme/light/theme.flow.js +10 -0
- package/__flow__/index.js +3 -0
- package/__flow__/light/dataviz-palette.flow.js +29 -0
- package/__flow__/light/decorative-palettes.flow.js +17 -0
- package/__flow__/light/literal-colors.flow.js +31 -0
- package/__flow__/light/theme.flow.js +16 -0
- package/__flow__/types/theme.colors.flow.js +358 -0
- package/__flow__/types/theme.flow.js +372 -0
- package/commonjs/dark/dataviz-palette.flow.js +1 -0
- package/commonjs/dark/dataviz-palette.js +33 -0
- package/commonjs/dark/decorative-palettes.flow.js +1 -0
- package/commonjs/dark/decorative-palettes.js +63 -0
- package/commonjs/dark/theme.flow.js +1 -0
- package/commonjs/dark/theme.js +268 -0
- package/commonjs/extendedThemes/sproutTheme/dark/theme.flow.js +7 -0
- package/commonjs/extendedThemes/sproutTheme/dark/theme.js +240 -0
- package/commonjs/extendedThemes/sproutTheme/index.flow.js +20 -0
- package/commonjs/extendedThemes/sproutTheme/index.js +20 -0
- package/commonjs/extendedThemes/sproutTheme/light/theme.flow.js +1 -0
- package/commonjs/extendedThemes/sproutTheme/light/theme.js +237 -0
- package/commonjs/index.js +51 -0
- package/commonjs/index.js.flow +3 -0
- package/commonjs/light/dataviz-palette.flow.js +1 -0
- package/commonjs/light/dataviz-palette.js +33 -0
- package/commonjs/light/decorative-palettes.flow.js +1 -0
- package/commonjs/light/decorative-palettes.js +63 -0
- package/commonjs/light/literal-colors.flow.js +1 -0
- package/commonjs/light/literal-colors.js +167 -0
- package/commonjs/light/theme.flow.js +1 -0
- package/commonjs/light/theme.js +416 -0
- package/commonjs/types/theme.colors.flow.js +1 -0
- package/commonjs/types/theme.colors.js +5 -0
- package/commonjs/types/theme.flow.js +1 -0
- package/commonjs/types/theme.js +5 -0
- package/dist/themes/dark/_themed.scss +119 -0
- package/dist/themes/dark/theme.scss +678 -0
- package/dist/themes/extendedThemes/sproutTheme/dark/_themed.scss +119 -0
- package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +1091 -0
- package/dist/themes/extendedThemes/sproutTheme/light/_themed.scss +119 -0
- package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +1091 -0
- package/dist/themes/light/_themed.scss +119 -0
- package/dist/themes/light/theme.scss +800 -0
- package/dist/themes/types/_themed.scss +119 -0
- package/dist/types/dark/dataviz-palette.d.ts +26 -0
- package/dist/types/dark/dataviz-palette.d.ts.map +1 -0
- package/dist/types/dark/decorative-palettes.d.ts +56 -0
- package/dist/types/dark/decorative-palettes.d.ts.map +1 -0
- package/dist/types/dark/theme.d.ts +671 -0
- package/dist/types/dark/theme.d.ts.map +1 -0
- package/dist/types/extendedThemes/sproutTheme/dark/theme.d.ts +213 -0
- package/dist/types/extendedThemes/sproutTheme/dark/theme.d.ts.map +1 -0
- package/dist/types/extendedThemes/sproutTheme/index.d.ts +3 -0
- package/dist/types/extendedThemes/sproutTheme/index.d.ts.map +1 -0
- package/dist/types/extendedThemes/sproutTheme/light/theme.d.ts +213 -0
- package/dist/types/extendedThemes/sproutTheme/light/theme.d.ts.map +1 -0
- package/dist/types/index.d.ts +5 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/light/dataviz-palette.d.ts +26 -0
- package/dist/types/light/dataviz-palette.d.ts.map +1 -0
- package/dist/types/light/decorative-palettes.d.ts +56 -0
- package/dist/types/light/decorative-palettes.d.ts.map +1 -0
- package/dist/types/light/literal-colors.d.ts +160 -0
- package/dist/types/light/literal-colors.d.ts.map +1 -0
- package/dist/types/light/theme.d.ts +794 -0
- package/dist/types/light/theme.d.ts.map +1 -0
- package/dist/types/types/theme.colors.d.ts +292 -0
- package/dist/types/types/theme.colors.d.ts.map +1 -0
- package/dist/types/types/theme.d.ts +43 -0
- package/dist/types/types/theme.d.ts.map +1 -0
- package/lib/dark/dataviz-palette.flow.js +0 -0
- package/lib/dark/dataviz-palette.js +26 -0
- package/lib/dark/decorative-palettes.flow.js +0 -0
- package/lib/dark/decorative-palettes.js +56 -0
- package/lib/dark/theme.flow.js +0 -0
- package/lib/dark/theme.js +263 -0
- package/lib/extendedThemes/sproutTheme/dark/theme.flow.js +1 -0
- package/lib/extendedThemes/sproutTheme/dark/theme.js +235 -0
- package/lib/extendedThemes/sproutTheme/index.flow.js +2 -0
- package/lib/extendedThemes/sproutTheme/index.js +2 -0
- package/lib/extendedThemes/sproutTheme/light/theme.flow.js +0 -0
- package/lib/extendedThemes/sproutTheme/light/theme.js +232 -0
- package/lib/index.js +4 -0
- package/lib/index.js.flow +3 -0
- package/lib/light/dataviz-palette.flow.js +0 -0
- package/lib/light/dataviz-palette.js +26 -0
- package/lib/light/decorative-palettes.flow.js +0 -0
- package/lib/light/decorative-palettes.js +56 -0
- package/lib/light/literal-colors.flow.js +0 -0
- package/lib/light/literal-colors.js +160 -0
- package/lib/light/theme.flow.js +0 -0
- package/lib/light/theme.js +410 -0
- package/lib/types/theme.colors.flow.js +0 -0
- package/lib/types/theme.colors.js +1 -0
- package/lib/types/theme.flow.js +0 -0
- package/lib/types/theme.js +1 -0
- package/package.json +40 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/light/theme.ts"],"names":[],"mappings":"AA6BA,eAAO,MAAM,WAAW,UAA0C,CAAC;AAmRnE,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAatB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;CAarB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAavB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC;AAE1C,eAAO,MAAM,UAAU,QAA+B,CAAC;AAEvD,eAAO,MAAM,WAAW;;;;;CAKvB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;CAUjB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;CAQjB,CAAC;AAEF,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,YAAY;;CAExB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;CAIlB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;CAIpB,CAAC;AAEF,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAvWL,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;gBAyBnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA2IrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkOtD,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,292 @@
|
|
|
1
|
+
import literalColors from "../light/literal-colors";
|
|
2
|
+
import { datavizPalette } from "../light/dataviz-palette";
|
|
3
|
+
type TypeAppColors = {
|
|
4
|
+
app: {
|
|
5
|
+
background: {
|
|
6
|
+
base: string;
|
|
7
|
+
};
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
type TypeContainerColors = {
|
|
11
|
+
container: {
|
|
12
|
+
background: {
|
|
13
|
+
base: string;
|
|
14
|
+
success: string;
|
|
15
|
+
warning: string;
|
|
16
|
+
error: string;
|
|
17
|
+
info: string;
|
|
18
|
+
opportunity: string;
|
|
19
|
+
/** @deprecated Use "error" instead of "danger" */
|
|
20
|
+
danger: string;
|
|
21
|
+
decorative: {
|
|
22
|
+
green: string;
|
|
23
|
+
blue: string;
|
|
24
|
+
purple: string;
|
|
25
|
+
yellow: string;
|
|
26
|
+
orange: string;
|
|
27
|
+
red: string;
|
|
28
|
+
neutral: string;
|
|
29
|
+
magenta: string;
|
|
30
|
+
pink: string;
|
|
31
|
+
aqua: string;
|
|
32
|
+
teal: string;
|
|
33
|
+
};
|
|
34
|
+
selected: string;
|
|
35
|
+
positive_sentiment: string;
|
|
36
|
+
negative_sentiment: string;
|
|
37
|
+
neutral_sentiment: string;
|
|
38
|
+
};
|
|
39
|
+
border: {
|
|
40
|
+
base: string;
|
|
41
|
+
success: string;
|
|
42
|
+
warning: string;
|
|
43
|
+
error: string;
|
|
44
|
+
/** @deprecated Use "error" instead of "danger" */
|
|
45
|
+
danger: string;
|
|
46
|
+
info: string;
|
|
47
|
+
opportunity: string;
|
|
48
|
+
decorative: {
|
|
49
|
+
green: string;
|
|
50
|
+
blue: string;
|
|
51
|
+
purple: string;
|
|
52
|
+
yellow: string;
|
|
53
|
+
orange: string;
|
|
54
|
+
red: string;
|
|
55
|
+
neutral: string;
|
|
56
|
+
magenta: string;
|
|
57
|
+
pink: string;
|
|
58
|
+
aqua: string;
|
|
59
|
+
teal: string;
|
|
60
|
+
};
|
|
61
|
+
selected: string;
|
|
62
|
+
};
|
|
63
|
+
};
|
|
64
|
+
};
|
|
65
|
+
type TypeButtonColors = {
|
|
66
|
+
button: {
|
|
67
|
+
primary: {
|
|
68
|
+
background: {
|
|
69
|
+
base: string;
|
|
70
|
+
hover: string;
|
|
71
|
+
active: string;
|
|
72
|
+
};
|
|
73
|
+
border: {
|
|
74
|
+
base: string;
|
|
75
|
+
};
|
|
76
|
+
text: {
|
|
77
|
+
base: string;
|
|
78
|
+
hover: string;
|
|
79
|
+
};
|
|
80
|
+
};
|
|
81
|
+
secondary: {
|
|
82
|
+
background: {
|
|
83
|
+
base: string;
|
|
84
|
+
hover: string;
|
|
85
|
+
active: string;
|
|
86
|
+
};
|
|
87
|
+
border: {
|
|
88
|
+
base: string;
|
|
89
|
+
};
|
|
90
|
+
text: {
|
|
91
|
+
base: string;
|
|
92
|
+
hover: string;
|
|
93
|
+
};
|
|
94
|
+
};
|
|
95
|
+
pill: {
|
|
96
|
+
background: {
|
|
97
|
+
base: string;
|
|
98
|
+
hover: string;
|
|
99
|
+
active: string;
|
|
100
|
+
};
|
|
101
|
+
border: {
|
|
102
|
+
base: string;
|
|
103
|
+
hover: string;
|
|
104
|
+
};
|
|
105
|
+
text: {
|
|
106
|
+
base: string;
|
|
107
|
+
hover: string;
|
|
108
|
+
};
|
|
109
|
+
};
|
|
110
|
+
destructive: {
|
|
111
|
+
background: {
|
|
112
|
+
base: string;
|
|
113
|
+
hover: string;
|
|
114
|
+
active: string;
|
|
115
|
+
};
|
|
116
|
+
border: {
|
|
117
|
+
base: string;
|
|
118
|
+
};
|
|
119
|
+
text: {
|
|
120
|
+
base: string;
|
|
121
|
+
hover: string;
|
|
122
|
+
};
|
|
123
|
+
};
|
|
124
|
+
placeholder: {
|
|
125
|
+
background: {
|
|
126
|
+
base: string;
|
|
127
|
+
hover: string;
|
|
128
|
+
active: string;
|
|
129
|
+
};
|
|
130
|
+
border: {
|
|
131
|
+
base: string;
|
|
132
|
+
};
|
|
133
|
+
text: {
|
|
134
|
+
base: string;
|
|
135
|
+
hover: string;
|
|
136
|
+
};
|
|
137
|
+
};
|
|
138
|
+
unstyled: {
|
|
139
|
+
background: {
|
|
140
|
+
base: string;
|
|
141
|
+
};
|
|
142
|
+
border: {
|
|
143
|
+
base: string;
|
|
144
|
+
};
|
|
145
|
+
text: {
|
|
146
|
+
base: string;
|
|
147
|
+
hover: string;
|
|
148
|
+
};
|
|
149
|
+
};
|
|
150
|
+
};
|
|
151
|
+
};
|
|
152
|
+
type TypeLinkColors = {
|
|
153
|
+
link: {
|
|
154
|
+
base: string;
|
|
155
|
+
hover: string;
|
|
156
|
+
};
|
|
157
|
+
};
|
|
158
|
+
type TypeTextColors = {
|
|
159
|
+
text: {
|
|
160
|
+
headline: string;
|
|
161
|
+
subtext: string;
|
|
162
|
+
body: string;
|
|
163
|
+
inverse: string;
|
|
164
|
+
error: string;
|
|
165
|
+
background: {
|
|
166
|
+
highlight: string;
|
|
167
|
+
};
|
|
168
|
+
decorative: {
|
|
169
|
+
green: string;
|
|
170
|
+
blue: string;
|
|
171
|
+
purple: string;
|
|
172
|
+
yellow: string;
|
|
173
|
+
orange: string;
|
|
174
|
+
red: string;
|
|
175
|
+
neutral: string;
|
|
176
|
+
magenta: string;
|
|
177
|
+
pink: string;
|
|
178
|
+
aqua: string;
|
|
179
|
+
teal: string;
|
|
180
|
+
};
|
|
181
|
+
};
|
|
182
|
+
};
|
|
183
|
+
type TypeIconColors = {
|
|
184
|
+
icon: {
|
|
185
|
+
base: string;
|
|
186
|
+
inverse: string;
|
|
187
|
+
success: string;
|
|
188
|
+
warning: string;
|
|
189
|
+
error: string;
|
|
190
|
+
/** @deprecated Use "error" instead of "danger" */
|
|
191
|
+
danger: string;
|
|
192
|
+
info: string;
|
|
193
|
+
opportunity: string;
|
|
194
|
+
applied: string;
|
|
195
|
+
positive_sentiment: string;
|
|
196
|
+
negative_sentiment: string;
|
|
197
|
+
neutral_sentiment: string;
|
|
198
|
+
};
|
|
199
|
+
};
|
|
200
|
+
type TypeFormColors = {
|
|
201
|
+
form: {
|
|
202
|
+
background: {
|
|
203
|
+
base: string;
|
|
204
|
+
selected: string;
|
|
205
|
+
};
|
|
206
|
+
border: {
|
|
207
|
+
base: string;
|
|
208
|
+
error: string;
|
|
209
|
+
warning: string;
|
|
210
|
+
selected: string;
|
|
211
|
+
};
|
|
212
|
+
placeholder: {
|
|
213
|
+
base: string;
|
|
214
|
+
};
|
|
215
|
+
};
|
|
216
|
+
};
|
|
217
|
+
type TypeListItemColors = {
|
|
218
|
+
listItem: {
|
|
219
|
+
background: {
|
|
220
|
+
base: string;
|
|
221
|
+
hover: string;
|
|
222
|
+
selected: string;
|
|
223
|
+
};
|
|
224
|
+
};
|
|
225
|
+
};
|
|
226
|
+
type TypeOverlayColors = {
|
|
227
|
+
overlay: {
|
|
228
|
+
background: {
|
|
229
|
+
base: string;
|
|
230
|
+
};
|
|
231
|
+
text: {
|
|
232
|
+
base: string;
|
|
233
|
+
};
|
|
234
|
+
icon: {
|
|
235
|
+
base: string;
|
|
236
|
+
};
|
|
237
|
+
};
|
|
238
|
+
};
|
|
239
|
+
type TypeElevationColors = {
|
|
240
|
+
elevation: {
|
|
241
|
+
base: string;
|
|
242
|
+
};
|
|
243
|
+
};
|
|
244
|
+
type TypeDatavizColors = {
|
|
245
|
+
DATAVIZ_COLORS_MAP: typeof datavizPalette.DATAVIZ_COLORS_MAP;
|
|
246
|
+
DATAVIZ_COLORS_LIST: typeof datavizPalette.DATAVIZ_COLORS_LIST;
|
|
247
|
+
dataviz: {
|
|
248
|
+
map: typeof datavizPalette.DATAVIZ_COLORS_MAP;
|
|
249
|
+
list: typeof datavizPalette.DATAVIZ_COLORS_LIST;
|
|
250
|
+
};
|
|
251
|
+
};
|
|
252
|
+
type TypeIllustrationColors = {
|
|
253
|
+
illustration: {
|
|
254
|
+
fill: string;
|
|
255
|
+
stroke: string;
|
|
256
|
+
};
|
|
257
|
+
};
|
|
258
|
+
type TypeNetworkColors = {
|
|
259
|
+
network: {
|
|
260
|
+
twitter: string;
|
|
261
|
+
twitter_like: string;
|
|
262
|
+
facebook: string;
|
|
263
|
+
facebook_audience_network: string;
|
|
264
|
+
linkedin: string;
|
|
265
|
+
instagram: string;
|
|
266
|
+
feedly: string;
|
|
267
|
+
analytics: string;
|
|
268
|
+
youtube: string;
|
|
269
|
+
messenger: string;
|
|
270
|
+
snapchat: string;
|
|
271
|
+
pinterest: string;
|
|
272
|
+
tumblr: string;
|
|
273
|
+
reddit: string;
|
|
274
|
+
tripadvisor: string;
|
|
275
|
+
glassdoor: string;
|
|
276
|
+
google_my_business: string;
|
|
277
|
+
google_business_messages: string;
|
|
278
|
+
salesforce: string;
|
|
279
|
+
zendesk: string;
|
|
280
|
+
hubspot: string;
|
|
281
|
+
microsoft_dynamics: string;
|
|
282
|
+
yelp: string;
|
|
283
|
+
whatsapp: string;
|
|
284
|
+
tiktok: string;
|
|
285
|
+
threads: string;
|
|
286
|
+
trustpilot: string;
|
|
287
|
+
};
|
|
288
|
+
};
|
|
289
|
+
type TypeLiteralColors = typeof literalColors;
|
|
290
|
+
export type TypeColors = TypeAppColors & TypeContainerColors & TypeButtonColors & TypeLinkColors & TypeLinkColors & TypeTextColors & TypeIconColors & TypeFormColors & TypeListItemColors & TypeOverlayColors & TypeElevationColors & TypeDatavizColors & TypeIllustrationColors & TypeNetworkColors & TypeLiteralColors;
|
|
291
|
+
export {};
|
|
292
|
+
//# sourceMappingURL=theme.colors.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.colors.d.ts","sourceRoot":"","sources":["../../../src/types/theme.colors.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { breakpoints, typography, fontWeights, radii, borders, borderWidths, shadows, space, easing, duration } from "../light/theme";
|
|
2
|
+
import type { TypeColors } from "./theme.colors";
|
|
3
|
+
import type { TypeFontFamilyString } from "../light/theme";
|
|
4
|
+
import { datePicker, navigation, analytics, listening, growth, cardControl } from "../extendedThemes/sproutTheme/light/theme";
|
|
5
|
+
export type TypeThemeMode = "light" | "dark";
|
|
6
|
+
export type TypeBreakpoint = typeof breakpoints;
|
|
7
|
+
export type TypeTypography = typeof typography;
|
|
8
|
+
export type TypeFontWeight = typeof fontWeights;
|
|
9
|
+
export type TypeFontFamily = TypeFontFamilyString;
|
|
10
|
+
export type TypeSpace = typeof space;
|
|
11
|
+
export type TypeColor = TypeColors;
|
|
12
|
+
export type TypeRadii = typeof radii;
|
|
13
|
+
export type TypeBorder = typeof borders;
|
|
14
|
+
export type TypeBorderWidth = typeof borderWidths;
|
|
15
|
+
export type TypeShadow = typeof shadows;
|
|
16
|
+
export type TypeEasing = typeof easing;
|
|
17
|
+
export type TypeDuration = typeof duration;
|
|
18
|
+
export interface TypeTheme {
|
|
19
|
+
mode: TypeThemeMode;
|
|
20
|
+
breakpoints: TypeBreakpoint;
|
|
21
|
+
colors: TypeColor;
|
|
22
|
+
typography: TypeTypography;
|
|
23
|
+
fontWeights: TypeFontWeight;
|
|
24
|
+
fontFamily: TypeFontFamily;
|
|
25
|
+
space: TypeSpace;
|
|
26
|
+
radii: TypeRadii;
|
|
27
|
+
borders: TypeBorder;
|
|
28
|
+
borderWidths: TypeBorderWidth;
|
|
29
|
+
shadows: TypeShadow;
|
|
30
|
+
easing: TypeEasing;
|
|
31
|
+
duration: TypeDuration;
|
|
32
|
+
}
|
|
33
|
+
export interface TypeSproutTheme extends TypeTheme {
|
|
34
|
+
colors: TypeColor & {
|
|
35
|
+
navigation: typeof navigation;
|
|
36
|
+
datePicker: typeof datePicker;
|
|
37
|
+
analytics: typeof analytics;
|
|
38
|
+
listening: typeof listening;
|
|
39
|
+
growth: typeof growth;
|
|
40
|
+
cardControl: typeof cardControl;
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
//# sourceMappingURL=theme.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/types/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,UAAU,EACV,WAAW,EACX,KAAK,EACL,OAAO,EACP,YAAY,EACZ,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAQ,EACT,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EACL,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAS,EACT,MAAM,EACN,WAAW,EACZ,MAAM,2CAA2C,CAAC;AAEnD,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;AAC7C,MAAM,MAAM,cAAc,GAAG,OAAO,WAAW,CAAC;AAChD,MAAM,MAAM,cAAc,GAAG,OAAO,UAAU,CAAC;AAC/C,MAAM,MAAM,cAAc,GAAG,OAAO,WAAW,CAAC;AAChD,MAAM,MAAM,cAAc,GAAG,oBAAoB,CAAC;AAClD,MAAM,MAAM,SAAS,GAAG,OAAO,KAAK,CAAC;AACrC,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC;AACnC,MAAM,MAAM,SAAS,GAAG,OAAO,KAAK,CAAC;AACrC,MAAM,MAAM,UAAU,GAAG,OAAO,OAAO,CAAC;AACxC,MAAM,MAAM,eAAe,GAAG,OAAO,YAAY,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,OAAO,CAAC;AACxC,MAAM,MAAM,UAAU,GAAG,OAAO,MAAM,CAAC;AACvC,MAAM,MAAM,YAAY,GAAG,OAAO,QAAQ,CAAC;AAE3C,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,aAAa,CAAC;IACpB,WAAW,EAAE,cAAc,CAAC;IAC5B,MAAM,EAAE,SAAS,CAAC;IAClB,UAAU,EAAE,cAAc,CAAC;IAC3B,WAAW,EAAE,cAAc,CAAC;IAC5B,UAAU,EAAE,cAAc,CAAC;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,UAAU,CAAC;IACpB,YAAY,EAAE,eAAe,CAAC;IAC9B,OAAO,EAAE,UAAU,CAAC;IACpB,MAAM,EAAE,UAAU,CAAC;IACnB,QAAQ,EAAE,YAAY,CAAC;CACxB;AAGD,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,MAAM,EAAE,SAAS,GAAG;QAClB,UAAU,EAAE,OAAO,UAAU,CAAC;QAC9B,UAAU,EAAE,OAAO,UAAU,CAAC;QAC9B,SAAS,EAAE,OAAO,SAAS,CAAC;QAC5B,SAAS,EAAE,OAAO,SAAS,CAAC;QAC5B,MAAM,EAAE,OAAO,MAAM,CAAC;QACtB,WAAW,EAAE,OAAO,WAAW,CAAC;KACjC,CAAC;CACH"}
|
|
File without changes
|
|
@@ -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
|
+
};
|
|
File without changes
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import COLORS from "@sproutsocial/seeds-color";
|
|
2
|
+
export var green = {
|
|
3
|
+
background: COLORS.COLOR_GREEN_900,
|
|
4
|
+
highlight: COLORS.COLOR_GREEN_500,
|
|
5
|
+
foreground: COLORS.COLOR_GREEN_100
|
|
6
|
+
};
|
|
7
|
+
export var blue = {
|
|
8
|
+
background: COLORS.COLOR_BLUE_900,
|
|
9
|
+
highlight: COLORS.COLOR_BLUE_600,
|
|
10
|
+
foreground: COLORS.COLOR_BLUE_100
|
|
11
|
+
};
|
|
12
|
+
export var purple = {
|
|
13
|
+
background: COLORS.COLOR_PURPLE_900,
|
|
14
|
+
highlight: COLORS.COLOR_PURPLE_500,
|
|
15
|
+
foreground: COLORS.COLOR_PURPLE_100
|
|
16
|
+
};
|
|
17
|
+
export var yellow = {
|
|
18
|
+
background: COLORS.COLOR_YELLOW_900,
|
|
19
|
+
highlight: COLORS.COLOR_YELLOW_600,
|
|
20
|
+
foreground: COLORS.COLOR_YELLOW_100
|
|
21
|
+
};
|
|
22
|
+
export var orange = {
|
|
23
|
+
background: COLORS.COLOR_ORANGE_900,
|
|
24
|
+
highlight: COLORS.COLOR_ORANGE_600,
|
|
25
|
+
foreground: COLORS.COLOR_ORANGE_100
|
|
26
|
+
};
|
|
27
|
+
export var red = {
|
|
28
|
+
background: COLORS.COLOR_RED_900,
|
|
29
|
+
highlight: COLORS.COLOR_RED_600,
|
|
30
|
+
foreground: COLORS.COLOR_RED_100
|
|
31
|
+
};
|
|
32
|
+
export var neutral = {
|
|
33
|
+
background: COLORS.COLOR_NEUTRAL_1000,
|
|
34
|
+
highlight: COLORS.COLOR_NEUTRAL_600,
|
|
35
|
+
foreground: COLORS.COLOR_NEUTRAL_100
|
|
36
|
+
};
|
|
37
|
+
export var magenta = {
|
|
38
|
+
background: COLORS.COLOR_MAGENTA_900,
|
|
39
|
+
highlight: COLORS.COLOR_MAGENTA_600,
|
|
40
|
+
foreground: COLORS.COLOR_MAGENTA_100
|
|
41
|
+
};
|
|
42
|
+
export var pink = {
|
|
43
|
+
background: COLORS.COLOR_PINK_900,
|
|
44
|
+
highlight: COLORS.COLOR_PINK_600,
|
|
45
|
+
foreground: COLORS.COLOR_PINK_100
|
|
46
|
+
};
|
|
47
|
+
export var aqua = {
|
|
48
|
+
background: COLORS.COLOR_AQUA_900,
|
|
49
|
+
highlight: COLORS.COLOR_AQUA_500,
|
|
50
|
+
foreground: COLORS.COLOR_AQUA_100
|
|
51
|
+
};
|
|
52
|
+
export var teal = {
|
|
53
|
+
background: COLORS.COLOR_TEAL_900,
|
|
54
|
+
highlight: COLORS.COLOR_TEAL_500,
|
|
55
|
+
foreground: COLORS.COLOR_TEAL_100
|
|
56
|
+
};
|
|
File without changes
|