@sproutsocial/seeds-react-data-viz 0.1.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/README.md +21 -0
- package/dist/esm/index.js +3703 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/index.d.mts +185 -0
- package/dist/index.d.ts +185 -0
- package/dist/index.js +3758 -0
- package/dist/index.js.map +1 -0
- package/package.json +48 -0
|
@@ -0,0 +1,3703 @@
|
|
|
1
|
+
// src/components/ChartTable/ChartTable.tsx
|
|
2
|
+
import { memo } from "react";
|
|
3
|
+
import styled3 from "styled-components";
|
|
4
|
+
|
|
5
|
+
// ../seeds-react-text/dist/esm/index.js
|
|
6
|
+
import "react";
|
|
7
|
+
import styled2 from "styled-components";
|
|
8
|
+
import styled, { css } from "styled-components";
|
|
9
|
+
|
|
10
|
+
// ../seeds-react-system-props/dist/index.mjs
|
|
11
|
+
import "react";
|
|
12
|
+
var _r = Object.create;
|
|
13
|
+
var _ = Object.defineProperty;
|
|
14
|
+
var re = Object.getOwnPropertyDescriptor;
|
|
15
|
+
var ee = Object.getOwnPropertyNames;
|
|
16
|
+
var te = Object.getPrototypeOf;
|
|
17
|
+
var oe = Object.prototype.hasOwnProperty;
|
|
18
|
+
var ae = (a3, r) => () => (r || a3((r = { exports: {} }).exports, r), r.exports);
|
|
19
|
+
var se = (a3, r, e, o) => {
|
|
20
|
+
if (r && typeof r == "object" || typeof r == "function")
|
|
21
|
+
for (let t of ee(r))
|
|
22
|
+
!oe.call(a3, t) && t !== e && _(a3, t, { get: () => r[t], enumerable: !(o = re(r, t)) || o.enumerable });
|
|
23
|
+
return a3;
|
|
24
|
+
};
|
|
25
|
+
var ie = (a3, r, e) => (e = a3 != null ? _r(te(a3)) : {}, se(!a3 || !a3.__esModule ? _(e, "default", { value: a3, enumerable: true }) : e, a3));
|
|
26
|
+
var tr = ae(($e, er) => {
|
|
27
|
+
var rr = Object.getOwnPropertySymbols, pe = Object.prototype.hasOwnProperty, ne = Object.prototype.propertyIsEnumerable;
|
|
28
|
+
function de(a3) {
|
|
29
|
+
if (a3 == null)
|
|
30
|
+
throw new TypeError("Object.assign cannot be called with null or undefined");
|
|
31
|
+
return Object(a3);
|
|
32
|
+
}
|
|
33
|
+
function le() {
|
|
34
|
+
try {
|
|
35
|
+
if (!Object.assign)
|
|
36
|
+
return false;
|
|
37
|
+
var a3 = new String("abc");
|
|
38
|
+
if (a3[5] = "de", Object.getOwnPropertyNames(a3)[0] === "5")
|
|
39
|
+
return false;
|
|
40
|
+
for (var r = {}, e = 0; e < 10; e++)
|
|
41
|
+
r["_" + String.fromCharCode(e)] = e;
|
|
42
|
+
var o = Object.getOwnPropertyNames(r).map(function(s) {
|
|
43
|
+
return r[s];
|
|
44
|
+
});
|
|
45
|
+
if (o.join("") !== "0123456789")
|
|
46
|
+
return false;
|
|
47
|
+
var t = {};
|
|
48
|
+
return "abcdefghijklmnopqrst".split("").forEach(function(s) {
|
|
49
|
+
t[s] = s;
|
|
50
|
+
}), Object.keys(Object.assign({}, t)).join("") === "abcdefghijklmnopqrst";
|
|
51
|
+
} catch {
|
|
52
|
+
return false;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
er.exports = le() ? Object.assign : function(a3, r) {
|
|
56
|
+
for (var e, o = de(a3), t, s = 1; s < arguments.length; s++) {
|
|
57
|
+
e = Object(arguments[s]);
|
|
58
|
+
for (var i in e)
|
|
59
|
+
pe.call(e, i) && (o[i] = e[i]);
|
|
60
|
+
if (rr) {
|
|
61
|
+
t = rr(e);
|
|
62
|
+
for (var p = 0; p < t.length; p++)
|
|
63
|
+
ne.call(e, t[p]) && (o[t[p]] = e[t[p]]);
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
return o;
|
|
67
|
+
};
|
|
68
|
+
});
|
|
69
|
+
var R = ie(tr());
|
|
70
|
+
var or = function(r, e) {
|
|
71
|
+
var o = (0, R.default)({}, r, e);
|
|
72
|
+
for (var t in r) {
|
|
73
|
+
var s;
|
|
74
|
+
!r[t] || typeof e[t] != "object" || (0, R.default)(o, (s = {}, s[t] = (0, R.default)(r[t], e[t]), s));
|
|
75
|
+
}
|
|
76
|
+
return o;
|
|
77
|
+
};
|
|
78
|
+
var ce = function(r) {
|
|
79
|
+
var e = {};
|
|
80
|
+
return Object.keys(r).sort(function(o, t) {
|
|
81
|
+
return o.localeCompare(t, void 0, { numeric: true, sensitivity: "base" });
|
|
82
|
+
}).forEach(function(o) {
|
|
83
|
+
e[o] = r[o];
|
|
84
|
+
}), e;
|
|
85
|
+
};
|
|
86
|
+
var me = { breakpoints: [40, 52, 64].map(function(a3) {
|
|
87
|
+
return a3 + "em";
|
|
88
|
+
}) };
|
|
89
|
+
var ar = function(r) {
|
|
90
|
+
return "@media screen and (min-width: " + r + ")";
|
|
91
|
+
};
|
|
92
|
+
var ge = function(r, e) {
|
|
93
|
+
return P(e, r, r);
|
|
94
|
+
};
|
|
95
|
+
var P = function(r, e, o, t, s) {
|
|
96
|
+
for (e = e && e.split ? e.split(".") : [e], t = 0; t < e.length; t++)
|
|
97
|
+
r = r ? r[e[t]] : s;
|
|
98
|
+
return r === s ? o : r;
|
|
99
|
+
};
|
|
100
|
+
var j = function a(r) {
|
|
101
|
+
var e = {}, o = function(i) {
|
|
102
|
+
var p = {}, c = false, d = i.theme && i.theme.disableStyledSystemCache;
|
|
103
|
+
for (var g in i)
|
|
104
|
+
if (r[g]) {
|
|
105
|
+
var m = r[g], u = i[g], x = P(i.theme, m.scale, m.defaults);
|
|
106
|
+
if (typeof u == "object") {
|
|
107
|
+
if (e.breakpoints = !d && e.breakpoints || P(i.theme, "breakpoints", me.breakpoints), Array.isArray(u)) {
|
|
108
|
+
e.media = !d && e.media || [null].concat(e.breakpoints.map(ar)), p = or(p, fe(e.media, m, x, u, i));
|
|
109
|
+
continue;
|
|
110
|
+
}
|
|
111
|
+
u !== null && (p = or(p, ue(e.breakpoints, m, x, u, i)), c = true);
|
|
112
|
+
continue;
|
|
113
|
+
}
|
|
114
|
+
(0, R.default)(p, m(u, x, i));
|
|
115
|
+
}
|
|
116
|
+
return c && (p = ce(p)), p;
|
|
117
|
+
};
|
|
118
|
+
o.config = r, o.propNames = Object.keys(r), o.cache = e;
|
|
119
|
+
var t = Object.keys(r).filter(function(s) {
|
|
120
|
+
return s !== "config";
|
|
121
|
+
});
|
|
122
|
+
return t.length > 1 && t.forEach(function(s) {
|
|
123
|
+
var i;
|
|
124
|
+
o[s] = a((i = {}, i[s] = r[s], i));
|
|
125
|
+
}), o;
|
|
126
|
+
};
|
|
127
|
+
var fe = function(r, e, o, t, s) {
|
|
128
|
+
var i = {};
|
|
129
|
+
return t.slice(0, r.length).forEach(function(p, c) {
|
|
130
|
+
var d = r[c], g = e(p, o, s);
|
|
131
|
+
if (!d)
|
|
132
|
+
(0, R.default)(i, g);
|
|
133
|
+
else {
|
|
134
|
+
var m;
|
|
135
|
+
(0, R.default)(i, (m = {}, m[d] = (0, R.default)({}, i[d], g), m));
|
|
136
|
+
}
|
|
137
|
+
}), i;
|
|
138
|
+
};
|
|
139
|
+
var ue = function(r, e, o, t, s) {
|
|
140
|
+
var i = {};
|
|
141
|
+
for (var p in t) {
|
|
142
|
+
var c = r[p], d = t[p], g = e(d, o, s);
|
|
143
|
+
if (!c)
|
|
144
|
+
(0, R.default)(i, g);
|
|
145
|
+
else {
|
|
146
|
+
var m, u = ar(c);
|
|
147
|
+
(0, R.default)(i, (m = {}, m[u] = (0, R.default)({}, i[u], g), m));
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
return i;
|
|
151
|
+
};
|
|
152
|
+
var X = function(r) {
|
|
153
|
+
var e = r.properties, o = r.property, t = r.scale, s = r.transform, i = s === void 0 ? ge : s, p = r.defaultScale;
|
|
154
|
+
e = e || [o];
|
|
155
|
+
var c = function(g, m, u) {
|
|
156
|
+
var x = {}, B = i(g, m, u);
|
|
157
|
+
if (B !== null)
|
|
158
|
+
return e.forEach(function(z) {
|
|
159
|
+
x[z] = B;
|
|
160
|
+
}), x;
|
|
161
|
+
};
|
|
162
|
+
return c.scale = t, c.defaults = p, c;
|
|
163
|
+
};
|
|
164
|
+
var l = function(r) {
|
|
165
|
+
r === void 0 && (r = {});
|
|
166
|
+
var e = {};
|
|
167
|
+
Object.keys(r).forEach(function(t) {
|
|
168
|
+
var s = r[t];
|
|
169
|
+
if (s === true) {
|
|
170
|
+
e[t] = X({ property: t, scale: t });
|
|
171
|
+
return;
|
|
172
|
+
}
|
|
173
|
+
if (typeof s == "function") {
|
|
174
|
+
e[t] = s;
|
|
175
|
+
return;
|
|
176
|
+
}
|
|
177
|
+
e[t] = X(s);
|
|
178
|
+
});
|
|
179
|
+
var o = j(e);
|
|
180
|
+
return o;
|
|
181
|
+
};
|
|
182
|
+
var y = function() {
|
|
183
|
+
for (var r = {}, e = arguments.length, o = new Array(e), t = 0; t < e; t++)
|
|
184
|
+
o[t] = arguments[t];
|
|
185
|
+
o.forEach(function(i) {
|
|
186
|
+
!i || !i.config || (0, R.default)(r, i.config);
|
|
187
|
+
});
|
|
188
|
+
var s = j(r);
|
|
189
|
+
return s;
|
|
190
|
+
};
|
|
191
|
+
var ye = function(r) {
|
|
192
|
+
return typeof r == "number" && !isNaN(r);
|
|
193
|
+
};
|
|
194
|
+
var be = function(r, e) {
|
|
195
|
+
return P(e, r, !ye(r) || r > 1 ? r : r * 100 + "%");
|
|
196
|
+
};
|
|
197
|
+
var he = { width: { property: "width", scale: "sizes", transform: be }, height: { property: "height", scale: "sizes" }, minWidth: { property: "minWidth", scale: "sizes" }, minHeight: { property: "minHeight", scale: "sizes" }, maxWidth: { property: "maxWidth", scale: "sizes" }, maxHeight: { property: "maxHeight", scale: "sizes" }, size: { properties: ["width", "height"], scale: "sizes" }, overflow: true, overflowX: true, overflowY: true, display: true, verticalAlign: true };
|
|
198
|
+
var E = l(he);
|
|
199
|
+
var v = E;
|
|
200
|
+
var J = { color: { property: "color", scale: "colors" }, backgroundColor: { property: "backgroundColor", scale: "colors" }, opacity: true };
|
|
201
|
+
J.bg = J.backgroundColor;
|
|
202
|
+
var A = l(J);
|
|
203
|
+
var sr = A;
|
|
204
|
+
var ve = { fontSizes: [12, 14, 16, 20, 24, 32, 48, 64, 72] };
|
|
205
|
+
var Se = { fontFamily: { property: "fontFamily", scale: "fonts" }, fontSize: { property: "fontSize", scale: "fontSizes", defaultScale: ve.fontSizes }, fontWeight: { property: "fontWeight", scale: "fontWeights" }, lineHeight: { property: "lineHeight", scale: "lineHeights" }, letterSpacing: { property: "letterSpacing", scale: "letterSpacings" }, textAlign: true, fontStyle: true };
|
|
206
|
+
var M = l(Se);
|
|
207
|
+
var W = M;
|
|
208
|
+
var xe = { alignItems: true, alignContent: true, justifyItems: true, justifyContent: true, flexWrap: true, flexDirection: true, flex: true, flexGrow: true, flexShrink: true, flexBasis: true, justifySelf: true, alignSelf: true, order: true };
|
|
209
|
+
var D = l(xe);
|
|
210
|
+
var b = D;
|
|
211
|
+
var K = { space: [0, 4, 8, 16, 32, 64, 128, 256, 512] };
|
|
212
|
+
var Re = { gridGap: { property: "gridGap", scale: "space", defaultScale: K.space }, gridColumnGap: { property: "gridColumnGap", scale: "space", defaultScale: K.space }, gridRowGap: { property: "gridRowGap", scale: "space", defaultScale: K.space }, gridColumn: true, gridRow: true, gridAutoFlow: true, gridAutoColumns: true, gridAutoRows: true, gridTemplateColumns: true, gridTemplateRows: true, gridTemplateAreas: true, gridArea: true };
|
|
213
|
+
var G = l(Re);
|
|
214
|
+
var S = G;
|
|
215
|
+
var f = { border: { property: "border", scale: "borders" }, borderWidth: { property: "borderWidth", scale: "borderWidths" }, borderStyle: { property: "borderStyle", scale: "borderStyles" }, borderColor: { property: "borderColor", scale: "colors" }, borderRadius: { property: "borderRadius", scale: "radii" }, borderTop: { property: "borderTop", scale: "borders" }, borderTopLeftRadius: { property: "borderTopLeftRadius", scale: "radii" }, borderTopRightRadius: { property: "borderTopRightRadius", scale: "radii" }, borderRight: { property: "borderRight", scale: "borders" }, borderBottom: { property: "borderBottom", scale: "borders" }, borderBottomLeftRadius: { property: "borderBottomLeftRadius", scale: "radii" }, borderBottomRightRadius: { property: "borderBottomRightRadius", scale: "radii" }, borderLeft: { property: "borderLeft", scale: "borders" }, borderX: { properties: ["borderLeft", "borderRight"], scale: "borders" }, borderY: { properties: ["borderTop", "borderBottom"], scale: "borders" } };
|
|
216
|
+
f.borderTopWidth = { property: "borderTopWidth", scale: "borderWidths" };
|
|
217
|
+
f.borderTopColor = { property: "borderTopColor", scale: "colors" };
|
|
218
|
+
f.borderTopStyle = { property: "borderTopStyle", scale: "borderStyles" };
|
|
219
|
+
f.borderTopLeftRadius = { property: "borderTopLeftRadius", scale: "radii" };
|
|
220
|
+
f.borderTopRightRadius = { property: "borderTopRightRadius", scale: "radii" };
|
|
221
|
+
f.borderBottomWidth = { property: "borderBottomWidth", scale: "borderWidths" };
|
|
222
|
+
f.borderBottomColor = { property: "borderBottomColor", scale: "colors" };
|
|
223
|
+
f.borderBottomStyle = { property: "borderBottomStyle", scale: "borderStyles" };
|
|
224
|
+
f.borderBottomLeftRadius = { property: "borderBottomLeftRadius", scale: "radii" };
|
|
225
|
+
f.borderBottomRightRadius = { property: "borderBottomRightRadius", scale: "radii" };
|
|
226
|
+
f.borderLeftWidth = { property: "borderLeftWidth", scale: "borderWidths" };
|
|
227
|
+
f.borderLeftColor = { property: "borderLeftColor", scale: "colors" };
|
|
228
|
+
f.borderLeftStyle = { property: "borderLeftStyle", scale: "borderStyles" };
|
|
229
|
+
f.borderRightWidth = { property: "borderRightWidth", scale: "borderWidths" };
|
|
230
|
+
f.borderRightColor = { property: "borderRightColor", scale: "colors" };
|
|
231
|
+
f.borderRightStyle = { property: "borderRightStyle", scale: "borderStyles" };
|
|
232
|
+
var I = l(f);
|
|
233
|
+
var T = I;
|
|
234
|
+
var C = { background: true, backgroundImage: true, backgroundSize: true, backgroundPosition: true, backgroundRepeat: true };
|
|
235
|
+
C.bgImage = C.backgroundImage;
|
|
236
|
+
C.bgSize = C.backgroundSize;
|
|
237
|
+
C.bgPosition = C.backgroundPosition;
|
|
238
|
+
C.bgRepeat = C.backgroundRepeat;
|
|
239
|
+
var V = l(C);
|
|
240
|
+
var Y = V;
|
|
241
|
+
var U = { space: [0, 4, 8, 16, 32, 64, 128, 256, 512] };
|
|
242
|
+
var Pe = { position: true, zIndex: { property: "zIndex", scale: "zIndices" }, top: { property: "top", scale: "space", defaultScale: U.space }, right: { property: "right", scale: "space", defaultScale: U.space }, bottom: { property: "bottom", scale: "space", defaultScale: U.space }, left: { property: "left", scale: "space", defaultScale: U.space } };
|
|
243
|
+
var H = l(Pe);
|
|
244
|
+
var k = H;
|
|
245
|
+
var h = { space: [0, 4, 8, 16, 32, 64, 128, 256, 512] };
|
|
246
|
+
var ir = function(r) {
|
|
247
|
+
return typeof r == "number" && !isNaN(r);
|
|
248
|
+
};
|
|
249
|
+
var O = function(r, e) {
|
|
250
|
+
if (!ir(r))
|
|
251
|
+
return P(e, r, r);
|
|
252
|
+
var o = r < 0, t = Math.abs(r), s = P(e, t, t);
|
|
253
|
+
return ir(s) ? s * (o ? -1 : 1) : o ? "-" + s : s;
|
|
254
|
+
};
|
|
255
|
+
var n = {};
|
|
256
|
+
n.margin = { margin: { property: "margin", scale: "space", transform: O, defaultScale: h.space }, marginTop: { property: "marginTop", scale: "space", transform: O, defaultScale: h.space }, marginRight: { property: "marginRight", scale: "space", transform: O, defaultScale: h.space }, marginBottom: { property: "marginBottom", scale: "space", transform: O, defaultScale: h.space }, marginLeft: { property: "marginLeft", scale: "space", transform: O, defaultScale: h.space }, marginX: { properties: ["marginLeft", "marginRight"], scale: "space", transform: O, defaultScale: h.space }, marginY: { properties: ["marginTop", "marginBottom"], scale: "space", transform: O, defaultScale: h.space } };
|
|
257
|
+
n.margin.m = n.margin.margin;
|
|
258
|
+
n.margin.mt = n.margin.marginTop;
|
|
259
|
+
n.margin.mr = n.margin.marginRight;
|
|
260
|
+
n.margin.mb = n.margin.marginBottom;
|
|
261
|
+
n.margin.ml = n.margin.marginLeft;
|
|
262
|
+
n.margin.mx = n.margin.marginX;
|
|
263
|
+
n.margin.my = n.margin.marginY;
|
|
264
|
+
n.padding = { padding: { property: "padding", scale: "space", defaultScale: h.space }, paddingTop: { property: "paddingTop", scale: "space", defaultScale: h.space }, paddingRight: { property: "paddingRight", scale: "space", defaultScale: h.space }, paddingBottom: { property: "paddingBottom", scale: "space", defaultScale: h.space }, paddingLeft: { property: "paddingLeft", scale: "space", defaultScale: h.space }, paddingX: { properties: ["paddingLeft", "paddingRight"], scale: "space", defaultScale: h.space }, paddingY: { properties: ["paddingTop", "paddingBottom"], scale: "space", defaultScale: h.space } };
|
|
265
|
+
n.padding.p = n.padding.padding;
|
|
266
|
+
n.padding.pt = n.padding.paddingTop;
|
|
267
|
+
n.padding.pr = n.padding.paddingRight;
|
|
268
|
+
n.padding.pb = n.padding.paddingBottom;
|
|
269
|
+
n.padding.pl = n.padding.paddingLeft;
|
|
270
|
+
n.padding.px = n.padding.paddingX;
|
|
271
|
+
n.padding.py = n.padding.paddingY;
|
|
272
|
+
var pr = l(n.margin);
|
|
273
|
+
var nr = l(n.padding);
|
|
274
|
+
var N = y(pr, nr);
|
|
275
|
+
var $ = l({ boxShadow: { property: "boxShadow", scale: "shadows" }, textShadow: { property: "textShadow", scale: "shadows" } });
|
|
276
|
+
var q = $;
|
|
277
|
+
function F() {
|
|
278
|
+
return F = Object.assign || function(a3) {
|
|
279
|
+
for (var r = 1; r < arguments.length; r++) {
|
|
280
|
+
var e = arguments[r];
|
|
281
|
+
for (var o in e)
|
|
282
|
+
Object.prototype.hasOwnProperty.call(e, o) && (a3[o] = e[o]);
|
|
283
|
+
}
|
|
284
|
+
return a3;
|
|
285
|
+
}, F.apply(this, arguments);
|
|
286
|
+
}
|
|
287
|
+
var w = function(r, e, o, t, s) {
|
|
288
|
+
for (e = e && e.split ? e.split(".") : [e], t = 0; t < e.length; t++)
|
|
289
|
+
r = r ? r[e[t]] : s;
|
|
290
|
+
return r === s ? o : r;
|
|
291
|
+
};
|
|
292
|
+
var Te = [40, 52, 64].map(function(a3) {
|
|
293
|
+
return a3 + "em";
|
|
294
|
+
});
|
|
295
|
+
var we = { space: [0, 4, 8, 16, 32, 64, 128, 256, 512], fontSizes: [12, 14, 16, 20, 24, 32, 48, 64, 72] };
|
|
296
|
+
var Ce = { bg: "backgroundColor", m: "margin", mt: "marginTop", mr: "marginRight", mb: "marginBottom", ml: "marginLeft", mx: "marginX", my: "marginY", p: "padding", pt: "paddingTop", pr: "paddingRight", pb: "paddingBottom", pl: "paddingLeft", px: "paddingX", py: "paddingY" };
|
|
297
|
+
var dr = { marginX: ["marginLeft", "marginRight"], marginY: ["marginTop", "marginBottom"], paddingX: ["paddingLeft", "paddingRight"], paddingY: ["paddingTop", "paddingBottom"], size: ["width", "height"] };
|
|
298
|
+
var Be = { color: "colors", backgroundColor: "colors", borderColor: "colors", margin: "space", marginTop: "space", marginRight: "space", marginBottom: "space", marginLeft: "space", marginX: "space", marginY: "space", padding: "space", paddingTop: "space", paddingRight: "space", paddingBottom: "space", paddingLeft: "space", paddingX: "space", paddingY: "space", top: "space", right: "space", bottom: "space", left: "space", gridGap: "space", gridColumnGap: "space", gridRowGap: "space", gap: "space", columnGap: "space", rowGap: "space", fontFamily: "fonts", fontSize: "fontSizes", fontWeight: "fontWeights", lineHeight: "lineHeights", letterSpacing: "letterSpacings", border: "borders", borderTop: "borders", borderRight: "borders", borderBottom: "borders", borderLeft: "borders", borderWidth: "borderWidths", borderStyle: "borderStyles", borderRadius: "radii", borderTopRightRadius: "radii", borderTopLeftRadius: "radii", borderBottomRightRadius: "radii", borderBottomLeftRadius: "radii", borderTopWidth: "borderWidths", borderTopColor: "colors", borderTopStyle: "borderStyles", borderBottomWidth: "borderWidths", borderBottomColor: "colors", borderBottomStyle: "borderStyles", borderLeftWidth: "borderWidths", borderLeftColor: "colors", borderLeftStyle: "borderStyles", borderRightWidth: "borderWidths", borderRightColor: "colors", borderRightStyle: "borderStyles", outlineColor: "colors", boxShadow: "shadows", textShadow: "shadows", zIndex: "zIndices", width: "sizes", minWidth: "sizes", maxWidth: "sizes", height: "sizes", minHeight: "sizes", maxHeight: "sizes", flexBasis: "sizes", size: "sizes", fill: "colors", stroke: "colors" };
|
|
299
|
+
var We = function(r, e) {
|
|
300
|
+
if (typeof e != "number" || e >= 0)
|
|
301
|
+
return w(r, e, e);
|
|
302
|
+
var o = Math.abs(e), t = w(r, o, o);
|
|
303
|
+
return typeof t == "string" ? "-" + t : t * -1;
|
|
304
|
+
};
|
|
305
|
+
var Le = ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "top", "bottom", "left", "right"].reduce(function(a3, r) {
|
|
306
|
+
var e;
|
|
307
|
+
return F({}, a3, (e = {}, e[r] = We, e));
|
|
308
|
+
}, {});
|
|
309
|
+
var Oe = function(r) {
|
|
310
|
+
return function(e) {
|
|
311
|
+
var o = {}, t = w(e, "breakpoints", Te), s = [null].concat(t.map(function(g) {
|
|
312
|
+
return "@media screen and (min-width: " + g + ")";
|
|
313
|
+
}));
|
|
314
|
+
for (var i in r) {
|
|
315
|
+
var p = typeof r[i] == "function" ? r[i](e) : r[i];
|
|
316
|
+
if (p != null) {
|
|
317
|
+
if (!Array.isArray(p)) {
|
|
318
|
+
o[i] = p;
|
|
319
|
+
continue;
|
|
320
|
+
}
|
|
321
|
+
for (var c = 0; c < p.slice(0, s.length).length; c++) {
|
|
322
|
+
var d = s[c];
|
|
323
|
+
if (!d) {
|
|
324
|
+
o[i] = p[c];
|
|
325
|
+
continue;
|
|
326
|
+
}
|
|
327
|
+
o[d] = o[d] || {}, p[c] != null && (o[d][i] = p[c]);
|
|
328
|
+
}
|
|
329
|
+
}
|
|
330
|
+
}
|
|
331
|
+
return o;
|
|
332
|
+
};
|
|
333
|
+
};
|
|
334
|
+
var ze = function a2(r) {
|
|
335
|
+
return function(e) {
|
|
336
|
+
e === void 0 && (e = {});
|
|
337
|
+
var o = F({}, we, {}, e.theme || e), t = {}, s = typeof r == "function" ? r(o) : r, i = Oe(s)(o);
|
|
338
|
+
for (var p in i) {
|
|
339
|
+
var c = i[p], d = typeof c == "function" ? c(o) : c;
|
|
340
|
+
if (p === "variant") {
|
|
341
|
+
var g = a2(w(o, d))(o);
|
|
342
|
+
t = F({}, t, {}, g);
|
|
343
|
+
continue;
|
|
344
|
+
}
|
|
345
|
+
if (d && typeof d == "object") {
|
|
346
|
+
t[p] = a2(d)(o);
|
|
347
|
+
continue;
|
|
348
|
+
}
|
|
349
|
+
var m = w(Ce, p, p), u = w(Be, m), x = w(o, u, w(o, m, {})), B = w(Le, m, w), z = B(x, d, d);
|
|
350
|
+
if (dr[m])
|
|
351
|
+
for (var Z = dr[m], Q = 0; Q < Z.length; Q++)
|
|
352
|
+
t[Z[Q]] = z;
|
|
353
|
+
else
|
|
354
|
+
t[m] = z;
|
|
355
|
+
}
|
|
356
|
+
return t;
|
|
357
|
+
};
|
|
358
|
+
};
|
|
359
|
+
var lr = ze;
|
|
360
|
+
var L = function(r) {
|
|
361
|
+
var e, o = r.scale, t = r.prop, s = t === void 0 ? "variant" : t, i = r.variants, p = i === void 0 ? {} : i, c = r.key, d;
|
|
362
|
+
Object.keys(p).length ? d = function(x, B, z) {
|
|
363
|
+
return lr(P(B, x, null))(z.theme);
|
|
364
|
+
} : d = function(x, B) {
|
|
365
|
+
return P(B, x, null);
|
|
366
|
+
}, d.scale = o || c, d.defaults = p;
|
|
367
|
+
var g = (e = {}, e[s] = d, e), m = j(g);
|
|
368
|
+
return m;
|
|
369
|
+
};
|
|
370
|
+
L({ key: "buttons" });
|
|
371
|
+
L({ key: "textStyles", prop: "textStyle" });
|
|
372
|
+
L({ key: "colorStyles", prop: "colors" });
|
|
373
|
+
var cr = v.width;
|
|
374
|
+
var mr = v.height;
|
|
375
|
+
var gr = v.minWidth;
|
|
376
|
+
var fr = v.minHeight;
|
|
377
|
+
var ur = v.maxWidth;
|
|
378
|
+
var yr = v.maxHeight;
|
|
379
|
+
var br = v.size;
|
|
380
|
+
var hr = v.verticalAlign;
|
|
381
|
+
var vr = v.display;
|
|
382
|
+
var Sr = v.overflow;
|
|
383
|
+
v.overflowX;
|
|
384
|
+
v.overflowY;
|
|
385
|
+
sr.opacity;
|
|
386
|
+
W.fontSize;
|
|
387
|
+
var xr = W.fontFamily;
|
|
388
|
+
var Rr = W.fontWeight;
|
|
389
|
+
var Pr = W.lineHeight;
|
|
390
|
+
var Tr = W.textAlign;
|
|
391
|
+
var wr = W.fontStyle;
|
|
392
|
+
W.letterSpacing;
|
|
393
|
+
var Cr = b.alignItems;
|
|
394
|
+
var Br = b.alignContent;
|
|
395
|
+
var Wr = b.justifyItems;
|
|
396
|
+
var Lr = b.justifyContent;
|
|
397
|
+
var Or = b.flexWrap;
|
|
398
|
+
var zr = b.flexDirection;
|
|
399
|
+
var jr = b.flex;
|
|
400
|
+
var Ar = b.flexGrow;
|
|
401
|
+
var Gr = b.flexShrink;
|
|
402
|
+
var Ir = b.flexBasis;
|
|
403
|
+
var Hr = b.justifySelf;
|
|
404
|
+
var kr = b.alignSelf;
|
|
405
|
+
var Yr = b.order;
|
|
406
|
+
S.gridGap;
|
|
407
|
+
S.gridColumnGap;
|
|
408
|
+
S.gridRowGap;
|
|
409
|
+
S.gridColumn;
|
|
410
|
+
S.gridRow;
|
|
411
|
+
S.gridAutoFlow;
|
|
412
|
+
S.gridAutoColumns;
|
|
413
|
+
S.gridAutoRows;
|
|
414
|
+
S.gridTemplateColumns;
|
|
415
|
+
S.gridTemplateRows;
|
|
416
|
+
S.gridTemplateAreas;
|
|
417
|
+
S.gridArea;
|
|
418
|
+
var Nr = T.borderWidth;
|
|
419
|
+
var Fr = T.borderStyle;
|
|
420
|
+
var Xr = T.borderColor;
|
|
421
|
+
var Er = T.borderTop;
|
|
422
|
+
var Mr = T.borderRight;
|
|
423
|
+
var Dr = T.borderBottom;
|
|
424
|
+
var Vr = T.borderLeft;
|
|
425
|
+
var Ur = T.borderRadius;
|
|
426
|
+
Y.backgroundImage;
|
|
427
|
+
Y.backgroundSize;
|
|
428
|
+
Y.backgroundPosition;
|
|
429
|
+
Y.backgroundRepeat;
|
|
430
|
+
var $r = k.zIndex;
|
|
431
|
+
var qr = k.top;
|
|
432
|
+
var Qr = k.right;
|
|
433
|
+
var Jr = k.bottom;
|
|
434
|
+
var Kr = k.left;
|
|
435
|
+
var Zr = l({ gap: { property: "gap", scale: "space" }, rowGap: { property: "rowGap", scale: "space" }, columnGap: { property: "columnGap", scale: "space" } });
|
|
436
|
+
var He = L({ key: "typography", prop: "typeScale" });
|
|
437
|
+
var ke = y(A, N, l({ cursor: true, whiteSpace: true }));
|
|
438
|
+
var Ye = y(I, Er, Mr, Dr, Vr, Nr, Fr, Xr, Ur, q);
|
|
439
|
+
var Ne = y(He, xr, wr, Rr, Pr, Tr);
|
|
440
|
+
var Fe = y(vr, br, cr, mr, gr, fr, ur, yr, Sr, hr);
|
|
441
|
+
var Xe = y(H, $r, qr, Qr, Jr, Kr);
|
|
442
|
+
var Ee = y(Ir, zr, Or, Br, Cr, Lr, Wr, Yr, jr, Gr, Ar, Hr, kr, Zr);
|
|
443
|
+
var Me = G;
|
|
444
|
+
var De = y(l({ cursor: true, whiteSpace: true }));
|
|
445
|
+
var Ve = y(L({ key: "typography", prop: "typeScale" }));
|
|
446
|
+
var mo = y(De, Ve, V, I, A, D, G, E, H, $, N, M);
|
|
447
|
+
|
|
448
|
+
// ../seeds-react-text/dist/esm/index.js
|
|
449
|
+
import { jsx } from "react/jsx-runtime";
|
|
450
|
+
import "react";
|
|
451
|
+
var Container = styled.span`
|
|
452
|
+
margin: 0;
|
|
453
|
+
padding-left: 0;
|
|
454
|
+
padding-right: 0;
|
|
455
|
+
font-family: ${(props) => props.theme.fontFamily};
|
|
456
|
+
font-style: ${(props) => {
|
|
457
|
+
return props.isItalicized && "italic";
|
|
458
|
+
}};
|
|
459
|
+
|
|
460
|
+
${(props) => props.truncated && css`
|
|
461
|
+
display: block;
|
|
462
|
+
overflow: hidden;
|
|
463
|
+
white-space: nowrap;
|
|
464
|
+
text-overflow: ellipsis;
|
|
465
|
+
`}
|
|
466
|
+
|
|
467
|
+
${(props) => props.breakWord && css`
|
|
468
|
+
word-break: break-word;
|
|
469
|
+
hyphens: auto;
|
|
470
|
+
`}
|
|
471
|
+
|
|
472
|
+
${ke}
|
|
473
|
+
${Fe}
|
|
474
|
+
${Ee}
|
|
475
|
+
${Me}
|
|
476
|
+
${Ne}
|
|
477
|
+
`;
|
|
478
|
+
var styles_default = Container;
|
|
479
|
+
var Headline = styled2(styles_default)`
|
|
480
|
+
color: ${(props) => props.theme.colors.text.headline};
|
|
481
|
+
font-weight: ${(props) => props.theme.fontWeights.bold};
|
|
482
|
+
${(props) => props.theme.typography[400]}
|
|
483
|
+
`;
|
|
484
|
+
var SubHeadline = styled2(styles_default)`
|
|
485
|
+
color: ${(props) => props.theme.colors.text.headline};
|
|
486
|
+
font-weight: ${(props) => props.theme.fontWeights.bold};
|
|
487
|
+
${(props) => props.theme.typography[300]}
|
|
488
|
+
`;
|
|
489
|
+
var SmallSubHeadline = styled2(styles_default)`
|
|
490
|
+
color: ${(props) => props.theme.colors.text.headline};
|
|
491
|
+
font-weight: ${(props) => props.theme.fontWeights.bold};
|
|
492
|
+
${(props) => props.theme.typography[200]}
|
|
493
|
+
`;
|
|
494
|
+
var Byline = styled2(styles_default)`
|
|
495
|
+
color: ${(props) => props.theme.colors.text.subtext};
|
|
496
|
+
${(props) => props.theme.typography[200]}
|
|
497
|
+
`;
|
|
498
|
+
var SmallByline = styled2(styles_default)`
|
|
499
|
+
color: ${(props) => props.theme.colors.text.subtext};
|
|
500
|
+
${(props) => props.theme.typography[100]}
|
|
501
|
+
`;
|
|
502
|
+
var BodyCopy = styled2(styles_default)`
|
|
503
|
+
color: ${(props) => props.theme.colors.text.body};
|
|
504
|
+
${(props) => props.theme.typography[300]}
|
|
505
|
+
`;
|
|
506
|
+
var SmallBodyCopy = styled2(styles_default)`
|
|
507
|
+
color: ${(props) => props.theme.colors.text.body};
|
|
508
|
+
${(props) => props.theme.typography[200]}
|
|
509
|
+
`;
|
|
510
|
+
var Text = ({ fontSize, children, qa, color, ...rest }) => {
|
|
511
|
+
const qaText = typeof children === "string" ? children : void 0;
|
|
512
|
+
return /* @__PURE__ */ jsx(
|
|
513
|
+
styles_default,
|
|
514
|
+
{
|
|
515
|
+
typeScale: fontSize,
|
|
516
|
+
"data-qa-text": qaText,
|
|
517
|
+
color,
|
|
518
|
+
...qa,
|
|
519
|
+
...rest,
|
|
520
|
+
children
|
|
521
|
+
}
|
|
522
|
+
);
|
|
523
|
+
};
|
|
524
|
+
var withTextLogic = (Component) => {
|
|
525
|
+
return ({ children, ...props }) => {
|
|
526
|
+
const qaText = typeof children === "string" ? children : void 0;
|
|
527
|
+
return /* @__PURE__ */ jsx(Component, { "data-qa-text": qaText, ...props, children });
|
|
528
|
+
};
|
|
529
|
+
};
|
|
530
|
+
var HeadlineWithLogic = withTextLogic(Headline);
|
|
531
|
+
HeadlineWithLogic.displayName = "Text.Headline";
|
|
532
|
+
Text.Headline = HeadlineWithLogic;
|
|
533
|
+
var SubHeadlineWithLogic = withTextLogic(SubHeadline);
|
|
534
|
+
SubHeadlineWithLogic.displayName = "Text.SubHeadline";
|
|
535
|
+
Text.SubHeadline = SubHeadlineWithLogic;
|
|
536
|
+
var SmallSubHeadlineWithLogic = withTextLogic(SmallSubHeadline);
|
|
537
|
+
SmallSubHeadlineWithLogic.displayName = "Text.SmallSubHeadline";
|
|
538
|
+
Text.SmallSubHeadline = SmallSubHeadlineWithLogic;
|
|
539
|
+
var BylineWithLogic = withTextLogic(Byline);
|
|
540
|
+
BylineWithLogic.displayName = "Text.Byline";
|
|
541
|
+
Text.Byline = BylineWithLogic;
|
|
542
|
+
var SmallBylineWithLogic = withTextLogic(SmallByline);
|
|
543
|
+
SmallBylineWithLogic.displayName = "Text.SmallByline";
|
|
544
|
+
Text.SmallByline = SmallBylineWithLogic;
|
|
545
|
+
var BodyCopyWithLogic = withTextLogic(BodyCopy);
|
|
546
|
+
BodyCopyWithLogic.displayName = "Text.BodyCopy";
|
|
547
|
+
Text.BodyCopy = BodyCopyWithLogic;
|
|
548
|
+
var SmallBodyCopyWithLogic = withTextLogic(SmallBodyCopy);
|
|
549
|
+
SmallBodyCopyWithLogic.displayName = "Text.SmallBodyCopy";
|
|
550
|
+
Text.SmallBodyCopy = SmallBodyCopyWithLogic;
|
|
551
|
+
var Text_default = Text;
|
|
552
|
+
|
|
553
|
+
// src/components/ChartTable/ChartTable.tsx
|
|
554
|
+
import { Table as RacineTable } from "@sproutsocial/racine";
|
|
555
|
+
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
556
|
+
var StyledRacineTable = styled3(RacineTable)`
|
|
557
|
+
tbody tr:last-child {
|
|
558
|
+
border-bottom: none;
|
|
559
|
+
}
|
|
560
|
+
tr:last-child td,
|
|
561
|
+
tr:last-child th {
|
|
562
|
+
padding-bottom: 0;
|
|
563
|
+
}
|
|
564
|
+
tr:first-child td,
|
|
565
|
+
tr:first-child th {
|
|
566
|
+
padding-top: 0;
|
|
567
|
+
}
|
|
568
|
+
tr th {
|
|
569
|
+
padding-left: 0;
|
|
570
|
+
}
|
|
571
|
+
tr td:last-child {
|
|
572
|
+
padding-right: 0;
|
|
573
|
+
}
|
|
574
|
+
`;
|
|
575
|
+
var StyledRacineTableRow = styled3(RacineTable.TableRow)`
|
|
576
|
+
${({ $isAppendedRow, theme: theme2 }) => $isAppendedRow ? `border-top: 2px solid ${theme2.colors.container.border.base}` : ""}
|
|
577
|
+
`;
|
|
578
|
+
var ChartTable = memo(function ChartTable2({
|
|
579
|
+
rows
|
|
580
|
+
}) {
|
|
581
|
+
if (!rows || rows.length === 0) {
|
|
582
|
+
return null;
|
|
583
|
+
}
|
|
584
|
+
return /* @__PURE__ */ jsx2(StyledRacineTable, { children: /* @__PURE__ */ jsx2(RacineTable.TableBody, { children: rows.map(({ cells, isAppendedRow }, rowIndex) => {
|
|
585
|
+
if (!cells || cells.length === 0) {
|
|
586
|
+
return null;
|
|
587
|
+
}
|
|
588
|
+
return /* @__PURE__ */ jsx2(
|
|
589
|
+
StyledRacineTableRow,
|
|
590
|
+
{
|
|
591
|
+
$isAppendedRow: isAppendedRow,
|
|
592
|
+
children: cells.map(
|
|
593
|
+
({ content, align = "left", colSpan = 1 }, cellIndex) => {
|
|
594
|
+
const uniqueIdentifier = `chart-tooltip-table-cell-${cellIndex}`;
|
|
595
|
+
return /* @__PURE__ */ jsx2(
|
|
596
|
+
RacineTable.Cell,
|
|
597
|
+
{
|
|
598
|
+
id: uniqueIdentifier,
|
|
599
|
+
scope: cellIndex === 0 ? "row" : void 0,
|
|
600
|
+
align,
|
|
601
|
+
colSpan,
|
|
602
|
+
py: 200,
|
|
603
|
+
children: /* @__PURE__ */ jsx2(Text_default.SmallBodyCopy, { as: "div", children: content })
|
|
604
|
+
},
|
|
605
|
+
uniqueIdentifier
|
|
606
|
+
);
|
|
607
|
+
}
|
|
608
|
+
)
|
|
609
|
+
},
|
|
610
|
+
`chart-tooltip-table-row-${rowIndex}`
|
|
611
|
+
);
|
|
612
|
+
}) }) });
|
|
613
|
+
});
|
|
614
|
+
|
|
615
|
+
// src/components/ColorBox/ColorBox.tsx
|
|
616
|
+
import { css as css2 } from "styled-components";
|
|
617
|
+
|
|
618
|
+
// ../seeds-react-box/dist/esm/index.js
|
|
619
|
+
import * as React from "react";
|
|
620
|
+
import styled4 from "styled-components";
|
|
621
|
+
import { jsx as jsx3 } from "react/jsx-runtime";
|
|
622
|
+
var Container2 = styled4.div`
|
|
623
|
+
box-sizing: border-box;
|
|
624
|
+
font-family: ${({ theme: theme2 }) => theme2.fontFamily};
|
|
625
|
+
|
|
626
|
+
${ke}
|
|
627
|
+
${Ye}
|
|
628
|
+
${Fe}
|
|
629
|
+
${Xe}
|
|
630
|
+
${Ee}
|
|
631
|
+
${Me}
|
|
632
|
+
`;
|
|
633
|
+
var styles_default2 = Container2;
|
|
634
|
+
var Box = React.forwardRef(
|
|
635
|
+
({ color, ...props }, ref) => {
|
|
636
|
+
return /* @__PURE__ */ jsx3(
|
|
637
|
+
styles_default2,
|
|
638
|
+
{
|
|
639
|
+
...props,
|
|
640
|
+
ref,
|
|
641
|
+
color
|
|
642
|
+
}
|
|
643
|
+
);
|
|
644
|
+
}
|
|
645
|
+
);
|
|
646
|
+
Box.displayName = "Box";
|
|
647
|
+
var Box_default = Box;
|
|
648
|
+
|
|
649
|
+
// ../seeds-react-theme-provider/dist/index.mjs
|
|
650
|
+
import "react";
|
|
651
|
+
import { ThemeProvider as BaseThemeProvider } from "styled-components";
|
|
652
|
+
|
|
653
|
+
// ../../node_modules/@babel/runtime/helpers/esm/extends.js
|
|
654
|
+
function _extends() {
|
|
655
|
+
_extends = Object.assign ? Object.assign.bind() : function(target) {
|
|
656
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
657
|
+
var source = arguments[i];
|
|
658
|
+
for (var key in source) {
|
|
659
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
660
|
+
target[key] = source[key];
|
|
661
|
+
}
|
|
662
|
+
}
|
|
663
|
+
}
|
|
664
|
+
return target;
|
|
665
|
+
};
|
|
666
|
+
return _extends.apply(this, arguments);
|
|
667
|
+
}
|
|
668
|
+
|
|
669
|
+
// ../../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
|
|
670
|
+
function _assertThisInitialized(self) {
|
|
671
|
+
if (self === void 0) {
|
|
672
|
+
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
673
|
+
}
|
|
674
|
+
return self;
|
|
675
|
+
}
|
|
676
|
+
|
|
677
|
+
// ../../node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
|
|
678
|
+
function _setPrototypeOf(o, p) {
|
|
679
|
+
_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o2, p2) {
|
|
680
|
+
o2.__proto__ = p2;
|
|
681
|
+
return o2;
|
|
682
|
+
};
|
|
683
|
+
return _setPrototypeOf(o, p);
|
|
684
|
+
}
|
|
685
|
+
|
|
686
|
+
// ../../node_modules/@babel/runtime/helpers/esm/inheritsLoose.js
|
|
687
|
+
function _inheritsLoose(subClass, superClass) {
|
|
688
|
+
subClass.prototype = Object.create(superClass.prototype);
|
|
689
|
+
subClass.prototype.constructor = subClass;
|
|
690
|
+
_setPrototypeOf(subClass, superClass);
|
|
691
|
+
}
|
|
692
|
+
|
|
693
|
+
// ../../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js
|
|
694
|
+
function _getPrototypeOf(o) {
|
|
695
|
+
_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf2(o2) {
|
|
696
|
+
return o2.__proto__ || Object.getPrototypeOf(o2);
|
|
697
|
+
};
|
|
698
|
+
return _getPrototypeOf(o);
|
|
699
|
+
}
|
|
700
|
+
|
|
701
|
+
// ../../node_modules/@babel/runtime/helpers/esm/isNativeFunction.js
|
|
702
|
+
function _isNativeFunction(fn) {
|
|
703
|
+
try {
|
|
704
|
+
return Function.toString.call(fn).indexOf("[native code]") !== -1;
|
|
705
|
+
} catch (e) {
|
|
706
|
+
return typeof fn === "function";
|
|
707
|
+
}
|
|
708
|
+
}
|
|
709
|
+
|
|
710
|
+
// ../../node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js
|
|
711
|
+
function _isNativeReflectConstruct() {
|
|
712
|
+
try {
|
|
713
|
+
var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
|
|
714
|
+
}));
|
|
715
|
+
} catch (t2) {
|
|
716
|
+
}
|
|
717
|
+
return (_isNativeReflectConstruct = function _isNativeReflectConstruct2() {
|
|
718
|
+
return !!t;
|
|
719
|
+
})();
|
|
720
|
+
}
|
|
721
|
+
|
|
722
|
+
// ../../node_modules/@babel/runtime/helpers/esm/construct.js
|
|
723
|
+
function _construct(t, e, r) {
|
|
724
|
+
if (_isNativeReflectConstruct())
|
|
725
|
+
return Reflect.construct.apply(null, arguments);
|
|
726
|
+
var o = [null];
|
|
727
|
+
o.push.apply(o, e);
|
|
728
|
+
var p = new (t.bind.apply(t, o))();
|
|
729
|
+
return r && _setPrototypeOf(p, r.prototype), p;
|
|
730
|
+
}
|
|
731
|
+
|
|
732
|
+
// ../../node_modules/@babel/runtime/helpers/esm/wrapNativeSuper.js
|
|
733
|
+
function _wrapNativeSuper(Class) {
|
|
734
|
+
var _cache = typeof Map === "function" ? /* @__PURE__ */ new Map() : void 0;
|
|
735
|
+
_wrapNativeSuper = function _wrapNativeSuper2(Class2) {
|
|
736
|
+
if (Class2 === null || !_isNativeFunction(Class2))
|
|
737
|
+
return Class2;
|
|
738
|
+
if (typeof Class2 !== "function") {
|
|
739
|
+
throw new TypeError("Super expression must either be null or a function");
|
|
740
|
+
}
|
|
741
|
+
if (typeof _cache !== "undefined") {
|
|
742
|
+
if (_cache.has(Class2))
|
|
743
|
+
return _cache.get(Class2);
|
|
744
|
+
_cache.set(Class2, Wrapper);
|
|
745
|
+
}
|
|
746
|
+
function Wrapper() {
|
|
747
|
+
return _construct(Class2, arguments, _getPrototypeOf(this).constructor);
|
|
748
|
+
}
|
|
749
|
+
Wrapper.prototype = Object.create(Class2.prototype, {
|
|
750
|
+
constructor: {
|
|
751
|
+
value: Wrapper,
|
|
752
|
+
enumerable: false,
|
|
753
|
+
writable: true,
|
|
754
|
+
configurable: true
|
|
755
|
+
}
|
|
756
|
+
});
|
|
757
|
+
return _setPrototypeOf(Wrapper, Class2);
|
|
758
|
+
};
|
|
759
|
+
return _wrapNativeSuper(Class);
|
|
760
|
+
}
|
|
761
|
+
|
|
762
|
+
// ../../node_modules/polished/dist/polished.esm.js
|
|
763
|
+
var ERRORS = {
|
|
764
|
+
"1": "Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).\n\n",
|
|
765
|
+
"2": "Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).\n\n",
|
|
766
|
+
"3": "Passed an incorrect argument to a color function, please pass a string representation of a color.\n\n",
|
|
767
|
+
"4": "Couldn't generate valid rgb string from %s, it returned %s.\n\n",
|
|
768
|
+
"5": "Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.\n\n",
|
|
769
|
+
"6": "Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).\n\n",
|
|
770
|
+
"7": "Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).\n\n",
|
|
771
|
+
"8": "Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.\n\n",
|
|
772
|
+
"9": "Please provide a number of steps to the modularScale helper.\n\n",
|
|
773
|
+
"10": "Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",
|
|
774
|
+
"11": 'Invalid value passed as base to modularScale, expected number or em string but got "%s"\n\n',
|
|
775
|
+
"12": 'Expected a string ending in "px" or a number passed as the first argument to %s(), got "%s" instead.\n\n',
|
|
776
|
+
"13": 'Expected a string ending in "px" or a number passed as the second argument to %s(), got "%s" instead.\n\n',
|
|
777
|
+
"14": 'Passed invalid pixel value ("%s") to %s(), please pass a value like "12px" or 12.\n\n',
|
|
778
|
+
"15": 'Passed invalid base value ("%s") to %s(), please pass a value like "12px" or 12.\n\n',
|
|
779
|
+
"16": "You must provide a template to this method.\n\n",
|
|
780
|
+
"17": "You passed an unsupported selector state to this method.\n\n",
|
|
781
|
+
"18": "minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",
|
|
782
|
+
"19": "fromSize and toSize must be provided as stringified numbers with the same units.\n\n",
|
|
783
|
+
"20": "expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",
|
|
784
|
+
"21": "expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\n\n",
|
|
785
|
+
"22": "expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\n\n",
|
|
786
|
+
"23": "fontFace expects a name of a font-family.\n\n",
|
|
787
|
+
"24": "fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",
|
|
788
|
+
"25": "fontFace expects localFonts to be an array.\n\n",
|
|
789
|
+
"26": "fontFace expects fileFormats to be an array.\n\n",
|
|
790
|
+
"27": "radialGradient requries at least 2 color-stops to properly render.\n\n",
|
|
791
|
+
"28": "Please supply a filename to retinaImage() as the first argument.\n\n",
|
|
792
|
+
"29": "Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",
|
|
793
|
+
"30": "Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",
|
|
794
|
+
"31": "The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation\n\n",
|
|
795
|
+
"32": "To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')\n\n",
|
|
796
|
+
"33": "The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation\n\n",
|
|
797
|
+
"34": "borderRadius expects a radius value as a string or number as the second argument.\n\n",
|
|
798
|
+
"35": 'borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.\n\n',
|
|
799
|
+
"36": "Property must be a string value.\n\n",
|
|
800
|
+
"37": "Syntax Error at %s.\n\n",
|
|
801
|
+
"38": "Formula contains a function that needs parentheses at %s.\n\n",
|
|
802
|
+
"39": "Formula is missing closing parenthesis at %s.\n\n",
|
|
803
|
+
"40": "Formula has too many closing parentheses at %s.\n\n",
|
|
804
|
+
"41": "All values in a formula must have the same unit or be unitless.\n\n",
|
|
805
|
+
"42": "Please provide a number of steps to the modularScale helper.\n\n",
|
|
806
|
+
"43": "Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",
|
|
807
|
+
"44": "Invalid value passed as base to modularScale, expected number or em/rem string but got %s.\n\n",
|
|
808
|
+
"45": "Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.\n\n",
|
|
809
|
+
"46": "Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.\n\n",
|
|
810
|
+
"47": "minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",
|
|
811
|
+
"48": "fromSize and toSize must be provided as stringified numbers with the same units.\n\n",
|
|
812
|
+
"49": "Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",
|
|
813
|
+
"50": "Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.\n\n",
|
|
814
|
+
"51": "Expects the first argument object to have the properties prop, fromSize, and toSize.\n\n",
|
|
815
|
+
"52": "fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",
|
|
816
|
+
"53": "fontFace expects localFonts to be an array.\n\n",
|
|
817
|
+
"54": "fontFace expects fileFormats to be an array.\n\n",
|
|
818
|
+
"55": "fontFace expects a name of a font-family.\n\n",
|
|
819
|
+
"56": "linearGradient requries at least 2 color-stops to properly render.\n\n",
|
|
820
|
+
"57": "radialGradient requries at least 2 color-stops to properly render.\n\n",
|
|
821
|
+
"58": "Please supply a filename to retinaImage() as the first argument.\n\n",
|
|
822
|
+
"59": "Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",
|
|
823
|
+
"60": "Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",
|
|
824
|
+
"61": "Property must be a string value.\n\n",
|
|
825
|
+
"62": "borderRadius expects a radius value as a string or number as the second argument.\n\n",
|
|
826
|
+
"63": 'borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.\n\n',
|
|
827
|
+
"64": "The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.\n\n",
|
|
828
|
+
"65": "To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s').\n\n",
|
|
829
|
+
"66": "The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.\n\n",
|
|
830
|
+
"67": "You must provide a template to this method.\n\n",
|
|
831
|
+
"68": "You passed an unsupported selector state to this method.\n\n",
|
|
832
|
+
"69": 'Expected a string ending in "px" or a number passed as the first argument to %s(), got %s instead.\n\n',
|
|
833
|
+
"70": 'Expected a string ending in "px" or a number passed as the second argument to %s(), got %s instead.\n\n',
|
|
834
|
+
"71": 'Passed invalid pixel value %s to %s(), please pass a value like "12px" or 12.\n\n',
|
|
835
|
+
"72": 'Passed invalid base value %s to %s(), please pass a value like "12px" or 12.\n\n',
|
|
836
|
+
"73": "Please provide a valid CSS variable.\n\n",
|
|
837
|
+
"74": "CSS variable not found.\n\n",
|
|
838
|
+
"75": "fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.\n"
|
|
839
|
+
};
|
|
840
|
+
function format() {
|
|
841
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
842
|
+
args[_key] = arguments[_key];
|
|
843
|
+
}
|
|
844
|
+
var a3 = args[0];
|
|
845
|
+
var b2 = [];
|
|
846
|
+
var c;
|
|
847
|
+
for (c = 1; c < args.length; c += 1) {
|
|
848
|
+
b2.push(args[c]);
|
|
849
|
+
}
|
|
850
|
+
b2.forEach(function(d) {
|
|
851
|
+
a3 = a3.replace(/%[a-z]/, d);
|
|
852
|
+
});
|
|
853
|
+
return a3;
|
|
854
|
+
}
|
|
855
|
+
var PolishedError = /* @__PURE__ */ function(_Error) {
|
|
856
|
+
_inheritsLoose(PolishedError2, _Error);
|
|
857
|
+
function PolishedError2(code) {
|
|
858
|
+
var _this;
|
|
859
|
+
if (process.env.NODE_ENV === "production") {
|
|
860
|
+
_this = _Error.call(this, "An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#" + code + " for more information.") || this;
|
|
861
|
+
} else {
|
|
862
|
+
for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
|
|
863
|
+
args[_key2 - 1] = arguments[_key2];
|
|
864
|
+
}
|
|
865
|
+
_this = _Error.call(this, format.apply(void 0, [ERRORS[code]].concat(args))) || this;
|
|
866
|
+
}
|
|
867
|
+
return _assertThisInitialized(_this);
|
|
868
|
+
}
|
|
869
|
+
return PolishedError2;
|
|
870
|
+
}(/* @__PURE__ */ _wrapNativeSuper(Error));
|
|
871
|
+
function colorToInt(color) {
|
|
872
|
+
return Math.round(color * 255);
|
|
873
|
+
}
|
|
874
|
+
function convertToInt(red3, green3, blue3) {
|
|
875
|
+
return colorToInt(red3) + "," + colorToInt(green3) + "," + colorToInt(blue3);
|
|
876
|
+
}
|
|
877
|
+
function hslToRgb(hue, saturation, lightness, convert) {
|
|
878
|
+
if (convert === void 0) {
|
|
879
|
+
convert = convertToInt;
|
|
880
|
+
}
|
|
881
|
+
if (saturation === 0) {
|
|
882
|
+
return convert(lightness, lightness, lightness);
|
|
883
|
+
}
|
|
884
|
+
var huePrime = (hue % 360 + 360) % 360 / 60;
|
|
885
|
+
var chroma = (1 - Math.abs(2 * lightness - 1)) * saturation;
|
|
886
|
+
var secondComponent = chroma * (1 - Math.abs(huePrime % 2 - 1));
|
|
887
|
+
var red3 = 0;
|
|
888
|
+
var green3 = 0;
|
|
889
|
+
var blue3 = 0;
|
|
890
|
+
if (huePrime >= 0 && huePrime < 1) {
|
|
891
|
+
red3 = chroma;
|
|
892
|
+
green3 = secondComponent;
|
|
893
|
+
} else if (huePrime >= 1 && huePrime < 2) {
|
|
894
|
+
red3 = secondComponent;
|
|
895
|
+
green3 = chroma;
|
|
896
|
+
} else if (huePrime >= 2 && huePrime < 3) {
|
|
897
|
+
green3 = chroma;
|
|
898
|
+
blue3 = secondComponent;
|
|
899
|
+
} else if (huePrime >= 3 && huePrime < 4) {
|
|
900
|
+
green3 = secondComponent;
|
|
901
|
+
blue3 = chroma;
|
|
902
|
+
} else if (huePrime >= 4 && huePrime < 5) {
|
|
903
|
+
red3 = secondComponent;
|
|
904
|
+
blue3 = chroma;
|
|
905
|
+
} else if (huePrime >= 5 && huePrime < 6) {
|
|
906
|
+
red3 = chroma;
|
|
907
|
+
blue3 = secondComponent;
|
|
908
|
+
}
|
|
909
|
+
var lightnessModification = lightness - chroma / 2;
|
|
910
|
+
var finalRed = red3 + lightnessModification;
|
|
911
|
+
var finalGreen = green3 + lightnessModification;
|
|
912
|
+
var finalBlue = blue3 + lightnessModification;
|
|
913
|
+
return convert(finalRed, finalGreen, finalBlue);
|
|
914
|
+
}
|
|
915
|
+
var namedColorMap = {
|
|
916
|
+
aliceblue: "f0f8ff",
|
|
917
|
+
antiquewhite: "faebd7",
|
|
918
|
+
aqua: "00ffff",
|
|
919
|
+
aquamarine: "7fffd4",
|
|
920
|
+
azure: "f0ffff",
|
|
921
|
+
beige: "f5f5dc",
|
|
922
|
+
bisque: "ffe4c4",
|
|
923
|
+
black: "000",
|
|
924
|
+
blanchedalmond: "ffebcd",
|
|
925
|
+
blue: "0000ff",
|
|
926
|
+
blueviolet: "8a2be2",
|
|
927
|
+
brown: "a52a2a",
|
|
928
|
+
burlywood: "deb887",
|
|
929
|
+
cadetblue: "5f9ea0",
|
|
930
|
+
chartreuse: "7fff00",
|
|
931
|
+
chocolate: "d2691e",
|
|
932
|
+
coral: "ff7f50",
|
|
933
|
+
cornflowerblue: "6495ed",
|
|
934
|
+
cornsilk: "fff8dc",
|
|
935
|
+
crimson: "dc143c",
|
|
936
|
+
cyan: "00ffff",
|
|
937
|
+
darkblue: "00008b",
|
|
938
|
+
darkcyan: "008b8b",
|
|
939
|
+
darkgoldenrod: "b8860b",
|
|
940
|
+
darkgray: "a9a9a9",
|
|
941
|
+
darkgreen: "006400",
|
|
942
|
+
darkgrey: "a9a9a9",
|
|
943
|
+
darkkhaki: "bdb76b",
|
|
944
|
+
darkmagenta: "8b008b",
|
|
945
|
+
darkolivegreen: "556b2f",
|
|
946
|
+
darkorange: "ff8c00",
|
|
947
|
+
darkorchid: "9932cc",
|
|
948
|
+
darkred: "8b0000",
|
|
949
|
+
darksalmon: "e9967a",
|
|
950
|
+
darkseagreen: "8fbc8f",
|
|
951
|
+
darkslateblue: "483d8b",
|
|
952
|
+
darkslategray: "2f4f4f",
|
|
953
|
+
darkslategrey: "2f4f4f",
|
|
954
|
+
darkturquoise: "00ced1",
|
|
955
|
+
darkviolet: "9400d3",
|
|
956
|
+
deeppink: "ff1493",
|
|
957
|
+
deepskyblue: "00bfff",
|
|
958
|
+
dimgray: "696969",
|
|
959
|
+
dimgrey: "696969",
|
|
960
|
+
dodgerblue: "1e90ff",
|
|
961
|
+
firebrick: "b22222",
|
|
962
|
+
floralwhite: "fffaf0",
|
|
963
|
+
forestgreen: "228b22",
|
|
964
|
+
fuchsia: "ff00ff",
|
|
965
|
+
gainsboro: "dcdcdc",
|
|
966
|
+
ghostwhite: "f8f8ff",
|
|
967
|
+
gold: "ffd700",
|
|
968
|
+
goldenrod: "daa520",
|
|
969
|
+
gray: "808080",
|
|
970
|
+
green: "008000",
|
|
971
|
+
greenyellow: "adff2f",
|
|
972
|
+
grey: "808080",
|
|
973
|
+
honeydew: "f0fff0",
|
|
974
|
+
hotpink: "ff69b4",
|
|
975
|
+
indianred: "cd5c5c",
|
|
976
|
+
indigo: "4b0082",
|
|
977
|
+
ivory: "fffff0",
|
|
978
|
+
khaki: "f0e68c",
|
|
979
|
+
lavender: "e6e6fa",
|
|
980
|
+
lavenderblush: "fff0f5",
|
|
981
|
+
lawngreen: "7cfc00",
|
|
982
|
+
lemonchiffon: "fffacd",
|
|
983
|
+
lightblue: "add8e6",
|
|
984
|
+
lightcoral: "f08080",
|
|
985
|
+
lightcyan: "e0ffff",
|
|
986
|
+
lightgoldenrodyellow: "fafad2",
|
|
987
|
+
lightgray: "d3d3d3",
|
|
988
|
+
lightgreen: "90ee90",
|
|
989
|
+
lightgrey: "d3d3d3",
|
|
990
|
+
lightpink: "ffb6c1",
|
|
991
|
+
lightsalmon: "ffa07a",
|
|
992
|
+
lightseagreen: "20b2aa",
|
|
993
|
+
lightskyblue: "87cefa",
|
|
994
|
+
lightslategray: "789",
|
|
995
|
+
lightslategrey: "789",
|
|
996
|
+
lightsteelblue: "b0c4de",
|
|
997
|
+
lightyellow: "ffffe0",
|
|
998
|
+
lime: "0f0",
|
|
999
|
+
limegreen: "32cd32",
|
|
1000
|
+
linen: "faf0e6",
|
|
1001
|
+
magenta: "f0f",
|
|
1002
|
+
maroon: "800000",
|
|
1003
|
+
mediumaquamarine: "66cdaa",
|
|
1004
|
+
mediumblue: "0000cd",
|
|
1005
|
+
mediumorchid: "ba55d3",
|
|
1006
|
+
mediumpurple: "9370db",
|
|
1007
|
+
mediumseagreen: "3cb371",
|
|
1008
|
+
mediumslateblue: "7b68ee",
|
|
1009
|
+
mediumspringgreen: "00fa9a",
|
|
1010
|
+
mediumturquoise: "48d1cc",
|
|
1011
|
+
mediumvioletred: "c71585",
|
|
1012
|
+
midnightblue: "191970",
|
|
1013
|
+
mintcream: "f5fffa",
|
|
1014
|
+
mistyrose: "ffe4e1",
|
|
1015
|
+
moccasin: "ffe4b5",
|
|
1016
|
+
navajowhite: "ffdead",
|
|
1017
|
+
navy: "000080",
|
|
1018
|
+
oldlace: "fdf5e6",
|
|
1019
|
+
olive: "808000",
|
|
1020
|
+
olivedrab: "6b8e23",
|
|
1021
|
+
orange: "ffa500",
|
|
1022
|
+
orangered: "ff4500",
|
|
1023
|
+
orchid: "da70d6",
|
|
1024
|
+
palegoldenrod: "eee8aa",
|
|
1025
|
+
palegreen: "98fb98",
|
|
1026
|
+
paleturquoise: "afeeee",
|
|
1027
|
+
palevioletred: "db7093",
|
|
1028
|
+
papayawhip: "ffefd5",
|
|
1029
|
+
peachpuff: "ffdab9",
|
|
1030
|
+
peru: "cd853f",
|
|
1031
|
+
pink: "ffc0cb",
|
|
1032
|
+
plum: "dda0dd",
|
|
1033
|
+
powderblue: "b0e0e6",
|
|
1034
|
+
purple: "800080",
|
|
1035
|
+
rebeccapurple: "639",
|
|
1036
|
+
red: "f00",
|
|
1037
|
+
rosybrown: "bc8f8f",
|
|
1038
|
+
royalblue: "4169e1",
|
|
1039
|
+
saddlebrown: "8b4513",
|
|
1040
|
+
salmon: "fa8072",
|
|
1041
|
+
sandybrown: "f4a460",
|
|
1042
|
+
seagreen: "2e8b57",
|
|
1043
|
+
seashell: "fff5ee",
|
|
1044
|
+
sienna: "a0522d",
|
|
1045
|
+
silver: "c0c0c0",
|
|
1046
|
+
skyblue: "87ceeb",
|
|
1047
|
+
slateblue: "6a5acd",
|
|
1048
|
+
slategray: "708090",
|
|
1049
|
+
slategrey: "708090",
|
|
1050
|
+
snow: "fffafa",
|
|
1051
|
+
springgreen: "00ff7f",
|
|
1052
|
+
steelblue: "4682b4",
|
|
1053
|
+
tan: "d2b48c",
|
|
1054
|
+
teal: "008080",
|
|
1055
|
+
thistle: "d8bfd8",
|
|
1056
|
+
tomato: "ff6347",
|
|
1057
|
+
turquoise: "40e0d0",
|
|
1058
|
+
violet: "ee82ee",
|
|
1059
|
+
wheat: "f5deb3",
|
|
1060
|
+
white: "fff",
|
|
1061
|
+
whitesmoke: "f5f5f5",
|
|
1062
|
+
yellow: "ff0",
|
|
1063
|
+
yellowgreen: "9acd32"
|
|
1064
|
+
};
|
|
1065
|
+
function nameToHex(color) {
|
|
1066
|
+
if (typeof color !== "string")
|
|
1067
|
+
return color;
|
|
1068
|
+
var normalizedColorName = color.toLowerCase();
|
|
1069
|
+
return namedColorMap[normalizedColorName] ? "#" + namedColorMap[normalizedColorName] : color;
|
|
1070
|
+
}
|
|
1071
|
+
var hexRegex = /^#[a-fA-F0-9]{6}$/;
|
|
1072
|
+
var hexRgbaRegex = /^#[a-fA-F0-9]{8}$/;
|
|
1073
|
+
var reducedHexRegex = /^#[a-fA-F0-9]{3}$/;
|
|
1074
|
+
var reducedRgbaHexRegex = /^#[a-fA-F0-9]{4}$/;
|
|
1075
|
+
var rgbRegex = /^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/i;
|
|
1076
|
+
var rgbaRegex = /^rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*([-+]?[0-9]*[.]?[0-9]+)\s*\)$/i;
|
|
1077
|
+
var hslRegex = /^hsl\(\s*(\d{0,3}[.]?[0-9]+)\s*,\s*(\d{1,3}[.]?[0-9]?)%\s*,\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i;
|
|
1078
|
+
var hslaRegex = /^hsla\(\s*(\d{0,3}[.]?[0-9]+)\s*,\s*(\d{1,3}[.]?[0-9]?)%\s*,\s*(\d{1,3}[.]?[0-9]?)%\s*,\s*([-+]?[0-9]*[.]?[0-9]+)\s*\)$/i;
|
|
1079
|
+
function parseToRgb(color) {
|
|
1080
|
+
if (typeof color !== "string") {
|
|
1081
|
+
throw new PolishedError(3);
|
|
1082
|
+
}
|
|
1083
|
+
var normalizedColor = nameToHex(color);
|
|
1084
|
+
if (normalizedColor.match(hexRegex)) {
|
|
1085
|
+
return {
|
|
1086
|
+
red: parseInt("" + normalizedColor[1] + normalizedColor[2], 16),
|
|
1087
|
+
green: parseInt("" + normalizedColor[3] + normalizedColor[4], 16),
|
|
1088
|
+
blue: parseInt("" + normalizedColor[5] + normalizedColor[6], 16)
|
|
1089
|
+
};
|
|
1090
|
+
}
|
|
1091
|
+
if (normalizedColor.match(hexRgbaRegex)) {
|
|
1092
|
+
var alpha = parseFloat((parseInt("" + normalizedColor[7] + normalizedColor[8], 16) / 255).toFixed(2));
|
|
1093
|
+
return {
|
|
1094
|
+
red: parseInt("" + normalizedColor[1] + normalizedColor[2], 16),
|
|
1095
|
+
green: parseInt("" + normalizedColor[3] + normalizedColor[4], 16),
|
|
1096
|
+
blue: parseInt("" + normalizedColor[5] + normalizedColor[6], 16),
|
|
1097
|
+
alpha
|
|
1098
|
+
};
|
|
1099
|
+
}
|
|
1100
|
+
if (normalizedColor.match(reducedHexRegex)) {
|
|
1101
|
+
return {
|
|
1102
|
+
red: parseInt("" + normalizedColor[1] + normalizedColor[1], 16),
|
|
1103
|
+
green: parseInt("" + normalizedColor[2] + normalizedColor[2], 16),
|
|
1104
|
+
blue: parseInt("" + normalizedColor[3] + normalizedColor[3], 16)
|
|
1105
|
+
};
|
|
1106
|
+
}
|
|
1107
|
+
if (normalizedColor.match(reducedRgbaHexRegex)) {
|
|
1108
|
+
var _alpha = parseFloat((parseInt("" + normalizedColor[4] + normalizedColor[4], 16) / 255).toFixed(2));
|
|
1109
|
+
return {
|
|
1110
|
+
red: parseInt("" + normalizedColor[1] + normalizedColor[1], 16),
|
|
1111
|
+
green: parseInt("" + normalizedColor[2] + normalizedColor[2], 16),
|
|
1112
|
+
blue: parseInt("" + normalizedColor[3] + normalizedColor[3], 16),
|
|
1113
|
+
alpha: _alpha
|
|
1114
|
+
};
|
|
1115
|
+
}
|
|
1116
|
+
var rgbMatched = rgbRegex.exec(normalizedColor);
|
|
1117
|
+
if (rgbMatched) {
|
|
1118
|
+
return {
|
|
1119
|
+
red: parseInt("" + rgbMatched[1], 10),
|
|
1120
|
+
green: parseInt("" + rgbMatched[2], 10),
|
|
1121
|
+
blue: parseInt("" + rgbMatched[3], 10)
|
|
1122
|
+
};
|
|
1123
|
+
}
|
|
1124
|
+
var rgbaMatched = rgbaRegex.exec(normalizedColor.substring(0, 50));
|
|
1125
|
+
if (rgbaMatched) {
|
|
1126
|
+
return {
|
|
1127
|
+
red: parseInt("" + rgbaMatched[1], 10),
|
|
1128
|
+
green: parseInt("" + rgbaMatched[2], 10),
|
|
1129
|
+
blue: parseInt("" + rgbaMatched[3], 10),
|
|
1130
|
+
alpha: parseFloat("" + rgbaMatched[4])
|
|
1131
|
+
};
|
|
1132
|
+
}
|
|
1133
|
+
var hslMatched = hslRegex.exec(normalizedColor);
|
|
1134
|
+
if (hslMatched) {
|
|
1135
|
+
var hue = parseInt("" + hslMatched[1], 10);
|
|
1136
|
+
var saturation = parseInt("" + hslMatched[2], 10) / 100;
|
|
1137
|
+
var lightness = parseInt("" + hslMatched[3], 10) / 100;
|
|
1138
|
+
var rgbColorString = "rgb(" + hslToRgb(hue, saturation, lightness) + ")";
|
|
1139
|
+
var hslRgbMatched = rgbRegex.exec(rgbColorString);
|
|
1140
|
+
if (!hslRgbMatched) {
|
|
1141
|
+
throw new PolishedError(4, normalizedColor, rgbColorString);
|
|
1142
|
+
}
|
|
1143
|
+
return {
|
|
1144
|
+
red: parseInt("" + hslRgbMatched[1], 10),
|
|
1145
|
+
green: parseInt("" + hslRgbMatched[2], 10),
|
|
1146
|
+
blue: parseInt("" + hslRgbMatched[3], 10)
|
|
1147
|
+
};
|
|
1148
|
+
}
|
|
1149
|
+
var hslaMatched = hslaRegex.exec(normalizedColor.substring(0, 50));
|
|
1150
|
+
if (hslaMatched) {
|
|
1151
|
+
var _hue = parseInt("" + hslaMatched[1], 10);
|
|
1152
|
+
var _saturation = parseInt("" + hslaMatched[2], 10) / 100;
|
|
1153
|
+
var _lightness = parseInt("" + hslaMatched[3], 10) / 100;
|
|
1154
|
+
var _rgbColorString = "rgb(" + hslToRgb(_hue, _saturation, _lightness) + ")";
|
|
1155
|
+
var _hslRgbMatched = rgbRegex.exec(_rgbColorString);
|
|
1156
|
+
if (!_hslRgbMatched) {
|
|
1157
|
+
throw new PolishedError(4, normalizedColor, _rgbColorString);
|
|
1158
|
+
}
|
|
1159
|
+
return {
|
|
1160
|
+
red: parseInt("" + _hslRgbMatched[1], 10),
|
|
1161
|
+
green: parseInt("" + _hslRgbMatched[2], 10),
|
|
1162
|
+
blue: parseInt("" + _hslRgbMatched[3], 10),
|
|
1163
|
+
alpha: parseFloat("" + hslaMatched[4])
|
|
1164
|
+
};
|
|
1165
|
+
}
|
|
1166
|
+
throw new PolishedError(5);
|
|
1167
|
+
}
|
|
1168
|
+
var reduceHexValue = function reduceHexValue2(value) {
|
|
1169
|
+
if (value.length === 7 && value[1] === value[2] && value[3] === value[4] && value[5] === value[6]) {
|
|
1170
|
+
return "#" + value[1] + value[3] + value[5];
|
|
1171
|
+
}
|
|
1172
|
+
return value;
|
|
1173
|
+
};
|
|
1174
|
+
function numberToHex(value) {
|
|
1175
|
+
var hex = value.toString(16);
|
|
1176
|
+
return hex.length === 1 ? "0" + hex : hex;
|
|
1177
|
+
}
|
|
1178
|
+
function rgb(value, green3, blue3) {
|
|
1179
|
+
if (typeof value === "number" && typeof green3 === "number" && typeof blue3 === "number") {
|
|
1180
|
+
return reduceHexValue("#" + numberToHex(value) + numberToHex(green3) + numberToHex(blue3));
|
|
1181
|
+
} else if (typeof value === "object" && green3 === void 0 && blue3 === void 0) {
|
|
1182
|
+
return reduceHexValue("#" + numberToHex(value.red) + numberToHex(value.green) + numberToHex(value.blue));
|
|
1183
|
+
}
|
|
1184
|
+
throw new PolishedError(6);
|
|
1185
|
+
}
|
|
1186
|
+
function rgba(firstValue, secondValue, thirdValue, fourthValue) {
|
|
1187
|
+
if (typeof firstValue === "string" && typeof secondValue === "number") {
|
|
1188
|
+
var rgbValue = parseToRgb(firstValue);
|
|
1189
|
+
return "rgba(" + rgbValue.red + "," + rgbValue.green + "," + rgbValue.blue + "," + secondValue + ")";
|
|
1190
|
+
} else if (typeof firstValue === "number" && typeof secondValue === "number" && typeof thirdValue === "number" && typeof fourthValue === "number") {
|
|
1191
|
+
return fourthValue >= 1 ? rgb(firstValue, secondValue, thirdValue) : "rgba(" + firstValue + "," + secondValue + "," + thirdValue + "," + fourthValue + ")";
|
|
1192
|
+
} else if (typeof firstValue === "object" && secondValue === void 0 && thirdValue === void 0 && fourthValue === void 0) {
|
|
1193
|
+
return firstValue.alpha >= 1 ? rgb(firstValue.red, firstValue.green, firstValue.blue) : "rgba(" + firstValue.red + "," + firstValue.green + "," + firstValue.blue + "," + firstValue.alpha + ")";
|
|
1194
|
+
}
|
|
1195
|
+
throw new PolishedError(7);
|
|
1196
|
+
}
|
|
1197
|
+
function curried(f2, length, acc) {
|
|
1198
|
+
return function fn() {
|
|
1199
|
+
var combined = acc.concat(Array.prototype.slice.call(arguments));
|
|
1200
|
+
return combined.length >= length ? f2.apply(this, combined) : curried(f2, length, combined);
|
|
1201
|
+
};
|
|
1202
|
+
}
|
|
1203
|
+
function curry(f2) {
|
|
1204
|
+
return curried(f2, f2.length, []);
|
|
1205
|
+
}
|
|
1206
|
+
function guard(lowerBoundary, upperBoundary, value) {
|
|
1207
|
+
return Math.max(lowerBoundary, Math.min(upperBoundary, value));
|
|
1208
|
+
}
|
|
1209
|
+
function transparentize(amount, color) {
|
|
1210
|
+
if (color === "transparent")
|
|
1211
|
+
return color;
|
|
1212
|
+
var parsedColor = parseToRgb(color);
|
|
1213
|
+
var alpha = typeof parsedColor.alpha === "number" ? parsedColor.alpha : 1;
|
|
1214
|
+
var colorWithAlpha = _extends({}, parsedColor, {
|
|
1215
|
+
alpha: guard(0, 1, +(alpha * 100 - parseFloat(amount) * 100).toFixed(2) / 100)
|
|
1216
|
+
});
|
|
1217
|
+
return rgba(colorWithAlpha);
|
|
1218
|
+
}
|
|
1219
|
+
var curriedTransparentize = /* @__PURE__ */ curry(transparentize);
|
|
1220
|
+
|
|
1221
|
+
// ../../seeds-design-tokens/seeds-color/dist/seeds-color.esm.js
|
|
1222
|
+
var COLOR_GREEN_0 = "#ebf9eb";
|
|
1223
|
+
var COLOR_GREEN_100 = "#d7f4d7";
|
|
1224
|
+
var COLOR_GREEN_200 = "#c2f2bd";
|
|
1225
|
+
var COLOR_GREEN_300 = "#98e58e";
|
|
1226
|
+
var COLOR_GREEN_400 = "#75dd66";
|
|
1227
|
+
var COLOR_GREEN_500 = "#59cb59";
|
|
1228
|
+
var COLOR_GREEN_600 = "#2bb656";
|
|
1229
|
+
var COLOR_GREEN_700 = "#0ca750";
|
|
1230
|
+
var COLOR_GREEN_800 = "#008b46";
|
|
1231
|
+
var COLOR_GREEN_900 = "#006b40";
|
|
1232
|
+
var COLOR_GREEN_1000 = "#08422f";
|
|
1233
|
+
var COLOR_GREEN_1100 = "#002b20";
|
|
1234
|
+
var COLOR_TEAL_0 = "#e5f9f5";
|
|
1235
|
+
var COLOR_TEAL_50 = "#CCF1EA";
|
|
1236
|
+
var COLOR_TEAL_100 = "#cdf7ef";
|
|
1237
|
+
var COLOR_TEAL_200 = "#b3f2e6";
|
|
1238
|
+
var COLOR_TEAL_300 = "#7dead5";
|
|
1239
|
+
var COLOR_TEAL_400 = "#24e0c5";
|
|
1240
|
+
var COLOR_TEAL_500 = "#08c4b2";
|
|
1241
|
+
var COLOR_TEAL_600 = "#00a99c";
|
|
1242
|
+
var COLOR_TEAL_700 = "#0b968f";
|
|
1243
|
+
var COLOR_TEAL_800 = "#067c7c";
|
|
1244
|
+
var COLOR_TEAL_900 = "#026661";
|
|
1245
|
+
var COLOR_TEAL_1000 = "#083f3f";
|
|
1246
|
+
var COLOR_TEAL_1100 = "#002528";
|
|
1247
|
+
var COLOR_AQUA_0 = "#d9fcfb";
|
|
1248
|
+
var COLOR_AQUA_100 = "#c5f9f9";
|
|
1249
|
+
var COLOR_AQUA_200 = "#a5f2f2";
|
|
1250
|
+
var COLOR_AQUA_300 = "#76e5e2";
|
|
1251
|
+
var COLOR_AQUA_400 = "#33d6e2";
|
|
1252
|
+
var COLOR_AQUA_500 = "#17b8ce";
|
|
1253
|
+
var COLOR_AQUA_600 = "#0797ae";
|
|
1254
|
+
var COLOR_AQUA_700 = "#0b8599";
|
|
1255
|
+
var COLOR_AQUA_800 = "#0f6e84";
|
|
1256
|
+
var COLOR_AQUA_900 = "#035e73";
|
|
1257
|
+
var COLOR_AQUA_1000 = "#083d4f";
|
|
1258
|
+
var COLOR_AQUA_1100 = "#002838";
|
|
1259
|
+
var COLOR_BLUE_0 = "#e9f4ff";
|
|
1260
|
+
var COLOR_BLUE_100 = "#deebfe";
|
|
1261
|
+
var COLOR_BLUE_200 = "#c7dbf9";
|
|
1262
|
+
var COLOR_BLUE_300 = "#a1c2f8";
|
|
1263
|
+
var COLOR_BLUE_400 = "#679eff";
|
|
1264
|
+
var COLOR_BLUE_500 = "#3876e3";
|
|
1265
|
+
var COLOR_BLUE_600 = "#2b68d3";
|
|
1266
|
+
var COLOR_BLUE_700 = "#205bc3";
|
|
1267
|
+
var COLOR_BLUE_800 = "#1150aa";
|
|
1268
|
+
var COLOR_BLUE_900 = "#0c3f89";
|
|
1269
|
+
var COLOR_BLUE_1000 = "#0a2960";
|
|
1270
|
+
var COLOR_BLUE_1100 = "#001738";
|
|
1271
|
+
var COLOR_PURPLE_0 = "#f2f2f9";
|
|
1272
|
+
var COLOR_PURPLE_100 = "#eaeaf9";
|
|
1273
|
+
var COLOR_PURPLE_200 = "#d8d7f9";
|
|
1274
|
+
var COLOR_PURPLE_300 = "#c1c1f7";
|
|
1275
|
+
var COLOR_PURPLE_400 = "#a193f2";
|
|
1276
|
+
var COLOR_PURPLE_500 = "#9180f4";
|
|
1277
|
+
var COLOR_PURPLE_600 = "#816fea";
|
|
1278
|
+
var COLOR_PURPLE_700 = "#6f5ed3";
|
|
1279
|
+
var COLOR_PURPLE_800 = "#5e4eba";
|
|
1280
|
+
var COLOR_PURPLE_900 = "#483a9c";
|
|
1281
|
+
var COLOR_PURPLE_1000 = "#2d246b";
|
|
1282
|
+
var COLOR_PURPLE_1100 = "#1d1d38";
|
|
1283
|
+
var COLOR_MAGENTA_0 = "#fef0ff";
|
|
1284
|
+
var COLOR_MAGENTA_100 = "#f9e3fc";
|
|
1285
|
+
var COLOR_MAGENTA_200 = "#f4c4f7";
|
|
1286
|
+
var COLOR_MAGENTA_300 = "#edadf2";
|
|
1287
|
+
var COLOR_MAGENTA_350 = "#EC9AF1";
|
|
1288
|
+
var COLOR_MAGENTA_400 = "#f282f5";
|
|
1289
|
+
var COLOR_MAGENTA_500 = "#db61db";
|
|
1290
|
+
var COLOR_MAGENTA_600 = "#c44eb9";
|
|
1291
|
+
var COLOR_MAGENTA_700 = "#ac44a8";
|
|
1292
|
+
var COLOR_MAGENTA_800 = "#8f3896";
|
|
1293
|
+
var COLOR_MAGENTA_900 = "#6c2277";
|
|
1294
|
+
var COLOR_MAGENTA_1000 = "#451551";
|
|
1295
|
+
var COLOR_MAGENTA_1100 = "#29192d";
|
|
1296
|
+
var COLOR_PINK_0 = "#ffe9f3";
|
|
1297
|
+
var COLOR_PINK_100 = "#fcdbeb";
|
|
1298
|
+
var COLOR_PINK_200 = "#ffb5d5";
|
|
1299
|
+
var COLOR_PINK_300 = "#ff95c1";
|
|
1300
|
+
var COLOR_PINK_400 = "#ff76ae";
|
|
1301
|
+
var COLOR_PINK_500 = "#ef588b";
|
|
1302
|
+
var COLOR_PINK_600 = "#e0447c";
|
|
1303
|
+
var COLOR_PINK_700 = "#ce3665";
|
|
1304
|
+
var COLOR_PINK_800 = "#b22f5b";
|
|
1305
|
+
var COLOR_PINK_900 = "#931847";
|
|
1306
|
+
var COLOR_PINK_1000 = "#561231";
|
|
1307
|
+
var COLOR_PINK_1100 = "#2b1721";
|
|
1308
|
+
var COLOR_RED_0 = "#ffeae9";
|
|
1309
|
+
var COLOR_RED_100 = "#ffd5d2";
|
|
1310
|
+
var COLOR_RED_200 = "#ffb8b1";
|
|
1311
|
+
var COLOR_RED_300 = "#ff9c8f";
|
|
1312
|
+
var COLOR_RED_400 = "#ff7f6e";
|
|
1313
|
+
var COLOR_RED_500 = "#f76054";
|
|
1314
|
+
var COLOR_RED_600 = "#ed4c42";
|
|
1315
|
+
var COLOR_RED_700 = "#db3e3e";
|
|
1316
|
+
var COLOR_RED_800 = "#c63434";
|
|
1317
|
+
var COLOR_RED_900 = "#992222";
|
|
1318
|
+
var COLOR_RED_1000 = "#6d1313";
|
|
1319
|
+
var COLOR_RED_1100 = "#2b1111";
|
|
1320
|
+
var COLOR_ORANGE_0 = "#ffede3";
|
|
1321
|
+
var COLOR_ORANGE_100 = "#fcdccc";
|
|
1322
|
+
var COLOR_ORANGE_200 = "#ffc6a4";
|
|
1323
|
+
var COLOR_ORANGE_300 = "#ffb180";
|
|
1324
|
+
var COLOR_ORANGE_400 = "#ff9c5d";
|
|
1325
|
+
var COLOR_ORANGE_500 = "#fc8943";
|
|
1326
|
+
var COLOR_ORANGE_600 = "#f57d33";
|
|
1327
|
+
var COLOR_ORANGE_700 = "#ed7024";
|
|
1328
|
+
var COLOR_ORANGE_800 = "#ce5511";
|
|
1329
|
+
var COLOR_ORANGE_900 = "#962c0b";
|
|
1330
|
+
var COLOR_ORANGE_1000 = "#601700";
|
|
1331
|
+
var COLOR_ORANGE_1100 = "#2d130e";
|
|
1332
|
+
var COLOR_NEUTRAL_0 = "#FFFFFF";
|
|
1333
|
+
var COLOR_NEUTRAL_100 = "#f3f4f4";
|
|
1334
|
+
var COLOR_NEUTRAL_200 = "#dee1e1";
|
|
1335
|
+
var COLOR_NEUTRAL_300 = "#c8cccc";
|
|
1336
|
+
var COLOR_NEUTRAL_400 = "#b0b6b7";
|
|
1337
|
+
var COLOR_NEUTRAL_500 = "#929a9b";
|
|
1338
|
+
var COLOR_NEUTRAL_600 = "#6e797a";
|
|
1339
|
+
var COLOR_NEUTRAL_700 = "#515e5f";
|
|
1340
|
+
var COLOR_NEUTRAL_800 = "#364141";
|
|
1341
|
+
var COLOR_NEUTRAL_900 = "#273333";
|
|
1342
|
+
var COLOR_NEUTRAL_1000 = "#162020";
|
|
1343
|
+
var COLOR_NEUTRAL_1100 = "#040404";
|
|
1344
|
+
var COLOR_YELLOW_0 = "#fff8e2";
|
|
1345
|
+
var COLOR_YELLOW_100 = "#fdefcd";
|
|
1346
|
+
var COLOR_YELLOW_200 = "#ffe99a";
|
|
1347
|
+
var COLOR_YELLOW_300 = "#ffe16e";
|
|
1348
|
+
var COLOR_YELLOW_400 = "#ffd943";
|
|
1349
|
+
var COLOR_YELLOW_500 = "#ffcd1c";
|
|
1350
|
+
var COLOR_YELLOW_600 = "#ffbc00";
|
|
1351
|
+
var COLOR_YELLOW_700 = "#dd9903";
|
|
1352
|
+
var COLOR_YELLOW_800 = "#ba7506";
|
|
1353
|
+
var COLOR_YELLOW_900 = "#944c0c";
|
|
1354
|
+
var COLOR_YELLOW_1000 = "#542a00";
|
|
1355
|
+
var COLOR_YELLOW_1100 = "#2d1a05";
|
|
1356
|
+
var COLOR_BAMBU_TEAL_400 = "#11a7aa";
|
|
1357
|
+
var COLOR_BAMBU_TEAL_500 = "#078888";
|
|
1358
|
+
var COLOR_BAMBU_TEAL_600 = "#0f6270";
|
|
1359
|
+
var COLOR_BAMBU_TEAL_700 = "#0a3f49";
|
|
1360
|
+
var COLOR_BAMBU_YELLOW_500 = "#f9b450";
|
|
1361
|
+
var COLOR_BAMBU_YELLOW_600 = "#ffa017";
|
|
1362
|
+
var seeds_color_esm_default = {
|
|
1363
|
+
COLOR_GREEN_0,
|
|
1364
|
+
COLOR_GREEN_100,
|
|
1365
|
+
COLOR_GREEN_200,
|
|
1366
|
+
COLOR_GREEN_300,
|
|
1367
|
+
COLOR_GREEN_400,
|
|
1368
|
+
COLOR_GREEN_500,
|
|
1369
|
+
COLOR_GREEN_600,
|
|
1370
|
+
COLOR_GREEN_700,
|
|
1371
|
+
COLOR_GREEN_800,
|
|
1372
|
+
COLOR_GREEN_900,
|
|
1373
|
+
COLOR_GREEN_1000,
|
|
1374
|
+
COLOR_GREEN_1100,
|
|
1375
|
+
COLOR_TEAL_0,
|
|
1376
|
+
COLOR_TEAL_50,
|
|
1377
|
+
COLOR_TEAL_100,
|
|
1378
|
+
COLOR_TEAL_200,
|
|
1379
|
+
COLOR_TEAL_300,
|
|
1380
|
+
COLOR_TEAL_400,
|
|
1381
|
+
COLOR_TEAL_500,
|
|
1382
|
+
COLOR_TEAL_600,
|
|
1383
|
+
COLOR_TEAL_700,
|
|
1384
|
+
COLOR_TEAL_800,
|
|
1385
|
+
COLOR_TEAL_900,
|
|
1386
|
+
COLOR_TEAL_1000,
|
|
1387
|
+
COLOR_TEAL_1100,
|
|
1388
|
+
COLOR_AQUA_0,
|
|
1389
|
+
COLOR_AQUA_100,
|
|
1390
|
+
COLOR_AQUA_200,
|
|
1391
|
+
COLOR_AQUA_300,
|
|
1392
|
+
COLOR_AQUA_400,
|
|
1393
|
+
COLOR_AQUA_500,
|
|
1394
|
+
COLOR_AQUA_600,
|
|
1395
|
+
COLOR_AQUA_700,
|
|
1396
|
+
COLOR_AQUA_800,
|
|
1397
|
+
COLOR_AQUA_900,
|
|
1398
|
+
COLOR_AQUA_1000,
|
|
1399
|
+
COLOR_AQUA_1100,
|
|
1400
|
+
COLOR_BLUE_0,
|
|
1401
|
+
COLOR_BLUE_100,
|
|
1402
|
+
COLOR_BLUE_200,
|
|
1403
|
+
COLOR_BLUE_300,
|
|
1404
|
+
COLOR_BLUE_400,
|
|
1405
|
+
COLOR_BLUE_500,
|
|
1406
|
+
COLOR_BLUE_600,
|
|
1407
|
+
COLOR_BLUE_700,
|
|
1408
|
+
COLOR_BLUE_800,
|
|
1409
|
+
COLOR_BLUE_900,
|
|
1410
|
+
COLOR_BLUE_1000,
|
|
1411
|
+
COLOR_BLUE_1100,
|
|
1412
|
+
COLOR_PURPLE_0,
|
|
1413
|
+
COLOR_PURPLE_100,
|
|
1414
|
+
COLOR_PURPLE_200,
|
|
1415
|
+
COLOR_PURPLE_300,
|
|
1416
|
+
COLOR_PURPLE_400,
|
|
1417
|
+
COLOR_PURPLE_500,
|
|
1418
|
+
COLOR_PURPLE_600,
|
|
1419
|
+
COLOR_PURPLE_700,
|
|
1420
|
+
COLOR_PURPLE_800,
|
|
1421
|
+
COLOR_PURPLE_900,
|
|
1422
|
+
COLOR_PURPLE_1000,
|
|
1423
|
+
COLOR_PURPLE_1100,
|
|
1424
|
+
COLOR_MAGENTA_0,
|
|
1425
|
+
COLOR_MAGENTA_100,
|
|
1426
|
+
COLOR_MAGENTA_200,
|
|
1427
|
+
COLOR_MAGENTA_300,
|
|
1428
|
+
COLOR_MAGENTA_350,
|
|
1429
|
+
COLOR_MAGENTA_400,
|
|
1430
|
+
COLOR_MAGENTA_500,
|
|
1431
|
+
COLOR_MAGENTA_600,
|
|
1432
|
+
COLOR_MAGENTA_700,
|
|
1433
|
+
COLOR_MAGENTA_800,
|
|
1434
|
+
COLOR_MAGENTA_900,
|
|
1435
|
+
COLOR_MAGENTA_1000,
|
|
1436
|
+
COLOR_MAGENTA_1100,
|
|
1437
|
+
COLOR_PINK_0,
|
|
1438
|
+
COLOR_PINK_100,
|
|
1439
|
+
COLOR_PINK_200,
|
|
1440
|
+
COLOR_PINK_300,
|
|
1441
|
+
COLOR_PINK_400,
|
|
1442
|
+
COLOR_PINK_500,
|
|
1443
|
+
COLOR_PINK_600,
|
|
1444
|
+
COLOR_PINK_700,
|
|
1445
|
+
COLOR_PINK_800,
|
|
1446
|
+
COLOR_PINK_900,
|
|
1447
|
+
COLOR_PINK_1000,
|
|
1448
|
+
COLOR_PINK_1100,
|
|
1449
|
+
COLOR_RED_0,
|
|
1450
|
+
COLOR_RED_100,
|
|
1451
|
+
COLOR_RED_200,
|
|
1452
|
+
COLOR_RED_300,
|
|
1453
|
+
COLOR_RED_400,
|
|
1454
|
+
COLOR_RED_500,
|
|
1455
|
+
COLOR_RED_600,
|
|
1456
|
+
COLOR_RED_700,
|
|
1457
|
+
COLOR_RED_800,
|
|
1458
|
+
COLOR_RED_900,
|
|
1459
|
+
COLOR_RED_1000,
|
|
1460
|
+
COLOR_RED_1100,
|
|
1461
|
+
COLOR_ORANGE_0,
|
|
1462
|
+
COLOR_ORANGE_100,
|
|
1463
|
+
COLOR_ORANGE_200,
|
|
1464
|
+
COLOR_ORANGE_300,
|
|
1465
|
+
COLOR_ORANGE_400,
|
|
1466
|
+
COLOR_ORANGE_500,
|
|
1467
|
+
COLOR_ORANGE_600,
|
|
1468
|
+
COLOR_ORANGE_700,
|
|
1469
|
+
COLOR_ORANGE_800,
|
|
1470
|
+
COLOR_ORANGE_900,
|
|
1471
|
+
COLOR_ORANGE_1000,
|
|
1472
|
+
COLOR_ORANGE_1100,
|
|
1473
|
+
COLOR_NEUTRAL_0,
|
|
1474
|
+
COLOR_NEUTRAL_100,
|
|
1475
|
+
COLOR_NEUTRAL_200,
|
|
1476
|
+
COLOR_NEUTRAL_300,
|
|
1477
|
+
COLOR_NEUTRAL_400,
|
|
1478
|
+
COLOR_NEUTRAL_500,
|
|
1479
|
+
COLOR_NEUTRAL_600,
|
|
1480
|
+
COLOR_NEUTRAL_700,
|
|
1481
|
+
COLOR_NEUTRAL_800,
|
|
1482
|
+
COLOR_NEUTRAL_900,
|
|
1483
|
+
COLOR_NEUTRAL_1000,
|
|
1484
|
+
COLOR_NEUTRAL_1100,
|
|
1485
|
+
COLOR_YELLOW_0,
|
|
1486
|
+
COLOR_YELLOW_100,
|
|
1487
|
+
COLOR_YELLOW_200,
|
|
1488
|
+
COLOR_YELLOW_300,
|
|
1489
|
+
COLOR_YELLOW_400,
|
|
1490
|
+
COLOR_YELLOW_500,
|
|
1491
|
+
COLOR_YELLOW_600,
|
|
1492
|
+
COLOR_YELLOW_700,
|
|
1493
|
+
COLOR_YELLOW_800,
|
|
1494
|
+
COLOR_YELLOW_900,
|
|
1495
|
+
COLOR_YELLOW_1000,
|
|
1496
|
+
COLOR_YELLOW_1100,
|
|
1497
|
+
COLOR_BAMBU_TEAL_400,
|
|
1498
|
+
COLOR_BAMBU_TEAL_500,
|
|
1499
|
+
COLOR_BAMBU_TEAL_600,
|
|
1500
|
+
COLOR_BAMBU_TEAL_700,
|
|
1501
|
+
COLOR_BAMBU_YELLOW_500,
|
|
1502
|
+
COLOR_BAMBU_YELLOW_600
|
|
1503
|
+
};
|
|
1504
|
+
|
|
1505
|
+
// ../seeds-react-theme/lib/light/theme.js
|
|
1506
|
+
import NETWORKCOLORS from "@sproutsocial/seeds-networkcolor";
|
|
1507
|
+
|
|
1508
|
+
// ../../seeds-design-tokens/seeds-typography/dist/seeds-typography.esm.js
|
|
1509
|
+
var TYPOGRAPHY_FAMILY = 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif';
|
|
1510
|
+
var TYPOGRAPHY_FAMILY_PROXIMA = '"Proxima Nova", proxima-nova, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"';
|
|
1511
|
+
var TYPOGRAPHY_FAMILY_RECOLETA = '"Recoleta", recoleta, proxima-nova, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"';
|
|
1512
|
+
var TYPOGRAPHY_FAMILY_ROBOTO = '"Roboto Serif", roboto-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"';
|
|
1513
|
+
var TYPOGRAPHY_SIZE_100 = {
|
|
1514
|
+
fontSize: "11px",
|
|
1515
|
+
lineHeight: "18.666666666666668px"
|
|
1516
|
+
};
|
|
1517
|
+
var TYPOGRAPHY_SIZE_200 = {
|
|
1518
|
+
fontSize: "13px",
|
|
1519
|
+
lineHeight: "21.333333333333332px"
|
|
1520
|
+
};
|
|
1521
|
+
var TYPOGRAPHY_SIZE_300 = {
|
|
1522
|
+
fontSize: "16px",
|
|
1523
|
+
lineHeight: "24px"
|
|
1524
|
+
};
|
|
1525
|
+
var TYPOGRAPHY_SIZE_400 = {
|
|
1526
|
+
fontSize: "18px",
|
|
1527
|
+
lineHeight: "26.666666666666668px"
|
|
1528
|
+
};
|
|
1529
|
+
var TYPOGRAPHY_SIZE_500 = {
|
|
1530
|
+
fontSize: "21px",
|
|
1531
|
+
lineHeight: "29.333333333333332px"
|
|
1532
|
+
};
|
|
1533
|
+
var TYPOGRAPHY_SIZE_600 = {
|
|
1534
|
+
fontSize: "24px",
|
|
1535
|
+
lineHeight: "32px"
|
|
1536
|
+
};
|
|
1537
|
+
var TYPOGRAPHY_SIZE_700 = {
|
|
1538
|
+
fontSize: "32px",
|
|
1539
|
+
lineHeight: "40px"
|
|
1540
|
+
};
|
|
1541
|
+
var TYPOGRAPHY_SIZE_800 = {
|
|
1542
|
+
fontSize: "43px",
|
|
1543
|
+
lineHeight: "50.666666666666664px"
|
|
1544
|
+
};
|
|
1545
|
+
var TYPOGRAPHY_SIZE_825 = {
|
|
1546
|
+
fontSize: "48px",
|
|
1547
|
+
lineHeight: "56px"
|
|
1548
|
+
};
|
|
1549
|
+
var TYPOGRAPHY_SIZE_850 = {
|
|
1550
|
+
fontSize: "51px",
|
|
1551
|
+
lineHeight: "58.666666666666664px"
|
|
1552
|
+
};
|
|
1553
|
+
var TYPOGRAPHY_SIZE_900 = {
|
|
1554
|
+
fontSize: "57px",
|
|
1555
|
+
lineHeight: "64px"
|
|
1556
|
+
};
|
|
1557
|
+
var TYPOGRAPHY_SIZE_1000 = {
|
|
1558
|
+
fontSize: "76px",
|
|
1559
|
+
lineHeight: "80px"
|
|
1560
|
+
};
|
|
1561
|
+
var TYPOGRAPHY_SIZE_1100 = {
|
|
1562
|
+
fontSize: "101px",
|
|
1563
|
+
lineHeight: "101.33333333333333px"
|
|
1564
|
+
};
|
|
1565
|
+
var TYPOGRAPHY_SIZE_1200 = {
|
|
1566
|
+
fontSize: "135px",
|
|
1567
|
+
lineHeight: "125.33333333333333px"
|
|
1568
|
+
};
|
|
1569
|
+
var TYPOGRAPHY_WEIGHT_NORMAL = "400";
|
|
1570
|
+
var TYPOGRAPHY_WEIGHT_SEMIBOLD = "600";
|
|
1571
|
+
var TYPOGRAPHY_WEIGHT_BOLD = "700";
|
|
1572
|
+
var TYPOGRAPHY_WEIGHT_EXTRA_BOLD = "800";
|
|
1573
|
+
var defaultExport = {
|
|
1574
|
+
TYPOGRAPHY_FAMILY,
|
|
1575
|
+
TYPOGRAPHY_FAMILY_PROXIMA,
|
|
1576
|
+
TYPOGRAPHY_FAMILY_RECOLETA,
|
|
1577
|
+
TYPOGRAPHY_FAMILY_ROBOTO,
|
|
1578
|
+
TYPOGRAPHY_SIZE_100,
|
|
1579
|
+
TYPOGRAPHY_SIZE_200,
|
|
1580
|
+
TYPOGRAPHY_SIZE_300,
|
|
1581
|
+
TYPOGRAPHY_SIZE_400,
|
|
1582
|
+
TYPOGRAPHY_SIZE_500,
|
|
1583
|
+
TYPOGRAPHY_SIZE_600,
|
|
1584
|
+
TYPOGRAPHY_SIZE_700,
|
|
1585
|
+
TYPOGRAPHY_SIZE_800,
|
|
1586
|
+
TYPOGRAPHY_SIZE_825,
|
|
1587
|
+
TYPOGRAPHY_SIZE_850,
|
|
1588
|
+
TYPOGRAPHY_SIZE_900,
|
|
1589
|
+
TYPOGRAPHY_SIZE_1000,
|
|
1590
|
+
TYPOGRAPHY_SIZE_1100,
|
|
1591
|
+
TYPOGRAPHY_SIZE_1200,
|
|
1592
|
+
TYPOGRAPHY_WEIGHT_NORMAL,
|
|
1593
|
+
TYPOGRAPHY_WEIGHT_SEMIBOLD,
|
|
1594
|
+
TYPOGRAPHY_WEIGHT_BOLD,
|
|
1595
|
+
TYPOGRAPHY_WEIGHT_EXTRA_BOLD
|
|
1596
|
+
};
|
|
1597
|
+
var seeds_typography_esm_default = defaultExport;
|
|
1598
|
+
|
|
1599
|
+
// ../../seeds-design-tokens/seeds-space/dist/seeds-space.esm.js
|
|
1600
|
+
var SPACE_SIZE_0 = "0px";
|
|
1601
|
+
var SPACE_SIZE_100 = "2px";
|
|
1602
|
+
var SPACE_SIZE_200 = "4px";
|
|
1603
|
+
var SPACE_SIZE_300 = "8px";
|
|
1604
|
+
var SPACE_SIZE_350 = "12px";
|
|
1605
|
+
var SPACE_SIZE_400 = "16px";
|
|
1606
|
+
var SPACE_SIZE_450 = "24px";
|
|
1607
|
+
var SPACE_SIZE_500 = "32px";
|
|
1608
|
+
var SPACE_SIZE_600 = "40px";
|
|
1609
|
+
var seeds_space_esm_default = {
|
|
1610
|
+
SPACE_SIZE_0,
|
|
1611
|
+
SPACE_SIZE_100,
|
|
1612
|
+
SPACE_SIZE_200,
|
|
1613
|
+
SPACE_SIZE_300,
|
|
1614
|
+
SPACE_SIZE_350,
|
|
1615
|
+
SPACE_SIZE_400,
|
|
1616
|
+
SPACE_SIZE_450,
|
|
1617
|
+
SPACE_SIZE_500,
|
|
1618
|
+
SPACE_SIZE_600
|
|
1619
|
+
};
|
|
1620
|
+
|
|
1621
|
+
// ../../seeds-design-tokens/seeds-depth/dist/seeds-depth.esm.js
|
|
1622
|
+
var ELEVATION_LEVEL_100 = "0px 2px 4px";
|
|
1623
|
+
var ELEVATION_LEVEL_300 = "0px 8px 16px";
|
|
1624
|
+
var ELEVATION_LEVEL_400 = "0px 16px 32px";
|
|
1625
|
+
var seeds_depth_esm_default = {
|
|
1626
|
+
ELEVATION_LEVEL_100,
|
|
1627
|
+
ELEVATION_LEVEL_300,
|
|
1628
|
+
ELEVATION_LEVEL_400
|
|
1629
|
+
};
|
|
1630
|
+
|
|
1631
|
+
// ../../seeds-design-tokens/seeds-motion/dist/seeds-motion.esm.js
|
|
1632
|
+
var MOTION_EASE_IN = "cubic-bezier(.4, 0, .7, .2)";
|
|
1633
|
+
var MOTION_EASE_OUT = "cubic-bezier(0, 0, .2, 1)";
|
|
1634
|
+
var MOTION_EASE_INOUT = "cubic-bezier(.4, 0, .2, 1)";
|
|
1635
|
+
var MOTION_DURATION_FAST = ".15s";
|
|
1636
|
+
var MOTION_DURATION_MEDIUM = ".3s";
|
|
1637
|
+
var MOTION_DURATION_SLOW = ".6s";
|
|
1638
|
+
var seeds_motion_esm_default = {
|
|
1639
|
+
MOTION_EASE_IN,
|
|
1640
|
+
MOTION_EASE_OUT,
|
|
1641
|
+
MOTION_EASE_INOUT,
|
|
1642
|
+
MOTION_DURATION_FAST,
|
|
1643
|
+
MOTION_DURATION_MEDIUM,
|
|
1644
|
+
MOTION_DURATION_SLOW
|
|
1645
|
+
};
|
|
1646
|
+
|
|
1647
|
+
// ../../seeds-design-tokens/seeds-border/dist/seeds-border.esm.js
|
|
1648
|
+
var BORDER_RADIUS_400 = "4px";
|
|
1649
|
+
var BORDER_RADIUS_500 = "6px";
|
|
1650
|
+
var BORDER_RADIUS_600 = "8px";
|
|
1651
|
+
var BORDER_RADIUS_900 = "24px";
|
|
1652
|
+
var BORDER_RADIUS_1000 = "999999px";
|
|
1653
|
+
var BORDER_WIDTH_500 = "1px";
|
|
1654
|
+
var BORDER_WIDTH_600 = "2px";
|
|
1655
|
+
var BORDER_WIDTH_700 = "3px";
|
|
1656
|
+
var seeds_border_esm_default = {
|
|
1657
|
+
BORDER_RADIUS_400,
|
|
1658
|
+
BORDER_RADIUS_500,
|
|
1659
|
+
BORDER_RADIUS_600,
|
|
1660
|
+
BORDER_RADIUS_900,
|
|
1661
|
+
BORDER_RADIUS_1000,
|
|
1662
|
+
BORDER_WIDTH_500,
|
|
1663
|
+
BORDER_WIDTH_600,
|
|
1664
|
+
BORDER_WIDTH_700
|
|
1665
|
+
};
|
|
1666
|
+
|
|
1667
|
+
// ../seeds-react-theme/lib/light/literal-colors.js
|
|
1668
|
+
var literalColors = {
|
|
1669
|
+
neutral: {
|
|
1670
|
+
"0": seeds_color_esm_default.COLOR_NEUTRAL_0,
|
|
1671
|
+
"100": seeds_color_esm_default.COLOR_NEUTRAL_100,
|
|
1672
|
+
"200": seeds_color_esm_default.COLOR_NEUTRAL_200,
|
|
1673
|
+
"300": seeds_color_esm_default.COLOR_NEUTRAL_300,
|
|
1674
|
+
"400": seeds_color_esm_default.COLOR_NEUTRAL_400,
|
|
1675
|
+
"500": seeds_color_esm_default.COLOR_NEUTRAL_500,
|
|
1676
|
+
"600": seeds_color_esm_default.COLOR_NEUTRAL_600,
|
|
1677
|
+
"700": seeds_color_esm_default.COLOR_NEUTRAL_700,
|
|
1678
|
+
"800": seeds_color_esm_default.COLOR_NEUTRAL_800,
|
|
1679
|
+
"900": seeds_color_esm_default.COLOR_NEUTRAL_900,
|
|
1680
|
+
"1000": seeds_color_esm_default.COLOR_NEUTRAL_1000,
|
|
1681
|
+
"1100": seeds_color_esm_default.COLOR_NEUTRAL_1100
|
|
1682
|
+
},
|
|
1683
|
+
green: {
|
|
1684
|
+
"0": seeds_color_esm_default.COLOR_GREEN_0,
|
|
1685
|
+
"100": seeds_color_esm_default.COLOR_GREEN_100,
|
|
1686
|
+
"200": seeds_color_esm_default.COLOR_GREEN_200,
|
|
1687
|
+
"300": seeds_color_esm_default.COLOR_GREEN_300,
|
|
1688
|
+
"400": seeds_color_esm_default.COLOR_GREEN_400,
|
|
1689
|
+
"500": seeds_color_esm_default.COLOR_GREEN_500,
|
|
1690
|
+
"600": seeds_color_esm_default.COLOR_GREEN_600,
|
|
1691
|
+
"700": seeds_color_esm_default.COLOR_GREEN_700,
|
|
1692
|
+
"800": seeds_color_esm_default.COLOR_GREEN_800,
|
|
1693
|
+
"900": seeds_color_esm_default.COLOR_GREEN_900,
|
|
1694
|
+
"1000": seeds_color_esm_default.COLOR_GREEN_1000,
|
|
1695
|
+
"1100": seeds_color_esm_default.COLOR_GREEN_1100
|
|
1696
|
+
},
|
|
1697
|
+
red: {
|
|
1698
|
+
"0": seeds_color_esm_default.COLOR_RED_0,
|
|
1699
|
+
"100": seeds_color_esm_default.COLOR_RED_100,
|
|
1700
|
+
"200": seeds_color_esm_default.COLOR_RED_200,
|
|
1701
|
+
"300": seeds_color_esm_default.COLOR_RED_300,
|
|
1702
|
+
"400": seeds_color_esm_default.COLOR_RED_400,
|
|
1703
|
+
"500": seeds_color_esm_default.COLOR_RED_500,
|
|
1704
|
+
"600": seeds_color_esm_default.COLOR_RED_600,
|
|
1705
|
+
"700": seeds_color_esm_default.COLOR_RED_700,
|
|
1706
|
+
"800": seeds_color_esm_default.COLOR_RED_800,
|
|
1707
|
+
"900": seeds_color_esm_default.COLOR_RED_900,
|
|
1708
|
+
"1000": seeds_color_esm_default.COLOR_RED_1000,
|
|
1709
|
+
"1100": seeds_color_esm_default.COLOR_RED_1100
|
|
1710
|
+
},
|
|
1711
|
+
blue: {
|
|
1712
|
+
"0": seeds_color_esm_default.COLOR_BLUE_0,
|
|
1713
|
+
"100": seeds_color_esm_default.COLOR_BLUE_100,
|
|
1714
|
+
"200": seeds_color_esm_default.COLOR_BLUE_200,
|
|
1715
|
+
"300": seeds_color_esm_default.COLOR_BLUE_300,
|
|
1716
|
+
"400": seeds_color_esm_default.COLOR_BLUE_400,
|
|
1717
|
+
"500": seeds_color_esm_default.COLOR_BLUE_500,
|
|
1718
|
+
"600": seeds_color_esm_default.COLOR_BLUE_600,
|
|
1719
|
+
"700": seeds_color_esm_default.COLOR_BLUE_700,
|
|
1720
|
+
"800": seeds_color_esm_default.COLOR_BLUE_800,
|
|
1721
|
+
"900": seeds_color_esm_default.COLOR_BLUE_900,
|
|
1722
|
+
"1000": seeds_color_esm_default.COLOR_BLUE_1000,
|
|
1723
|
+
"1100": seeds_color_esm_default.COLOR_BLUE_1100
|
|
1724
|
+
},
|
|
1725
|
+
teal: {
|
|
1726
|
+
"0": seeds_color_esm_default.COLOR_TEAL_0,
|
|
1727
|
+
"50": seeds_color_esm_default.COLOR_TEAL_50,
|
|
1728
|
+
"100": seeds_color_esm_default.COLOR_TEAL_100,
|
|
1729
|
+
"200": seeds_color_esm_default.COLOR_TEAL_200,
|
|
1730
|
+
"300": seeds_color_esm_default.COLOR_TEAL_300,
|
|
1731
|
+
"400": seeds_color_esm_default.COLOR_TEAL_400,
|
|
1732
|
+
"500": seeds_color_esm_default.COLOR_TEAL_500,
|
|
1733
|
+
"600": seeds_color_esm_default.COLOR_TEAL_600,
|
|
1734
|
+
"700": seeds_color_esm_default.COLOR_TEAL_700,
|
|
1735
|
+
"800": seeds_color_esm_default.COLOR_TEAL_800,
|
|
1736
|
+
"900": seeds_color_esm_default.COLOR_TEAL_900,
|
|
1737
|
+
"1000": seeds_color_esm_default.COLOR_TEAL_1000,
|
|
1738
|
+
"1100": seeds_color_esm_default.COLOR_TEAL_1100
|
|
1739
|
+
},
|
|
1740
|
+
aqua: {
|
|
1741
|
+
"0": seeds_color_esm_default.COLOR_AQUA_0,
|
|
1742
|
+
"100": seeds_color_esm_default.COLOR_AQUA_100,
|
|
1743
|
+
"200": seeds_color_esm_default.COLOR_AQUA_200,
|
|
1744
|
+
"300": seeds_color_esm_default.COLOR_AQUA_300,
|
|
1745
|
+
"400": seeds_color_esm_default.COLOR_AQUA_400,
|
|
1746
|
+
"500": seeds_color_esm_default.COLOR_AQUA_500,
|
|
1747
|
+
"600": seeds_color_esm_default.COLOR_AQUA_600,
|
|
1748
|
+
"700": seeds_color_esm_default.COLOR_AQUA_700,
|
|
1749
|
+
"800": seeds_color_esm_default.COLOR_AQUA_800,
|
|
1750
|
+
"900": seeds_color_esm_default.COLOR_AQUA_900,
|
|
1751
|
+
"1000": seeds_color_esm_default.COLOR_AQUA_1000,
|
|
1752
|
+
"1100": seeds_color_esm_default.COLOR_AQUA_1100
|
|
1753
|
+
},
|
|
1754
|
+
purple: {
|
|
1755
|
+
"0": seeds_color_esm_default.COLOR_PURPLE_0,
|
|
1756
|
+
"100": seeds_color_esm_default.COLOR_PURPLE_100,
|
|
1757
|
+
"200": seeds_color_esm_default.COLOR_PURPLE_200,
|
|
1758
|
+
"300": seeds_color_esm_default.COLOR_PURPLE_300,
|
|
1759
|
+
"400": seeds_color_esm_default.COLOR_PURPLE_400,
|
|
1760
|
+
"500": seeds_color_esm_default.COLOR_PURPLE_500,
|
|
1761
|
+
"600": seeds_color_esm_default.COLOR_PURPLE_600,
|
|
1762
|
+
"700": seeds_color_esm_default.COLOR_PURPLE_700,
|
|
1763
|
+
"800": seeds_color_esm_default.COLOR_PURPLE_800,
|
|
1764
|
+
"900": seeds_color_esm_default.COLOR_PURPLE_900,
|
|
1765
|
+
"1000": seeds_color_esm_default.COLOR_PURPLE_1000,
|
|
1766
|
+
"1100": seeds_color_esm_default.COLOR_PURPLE_1100
|
|
1767
|
+
},
|
|
1768
|
+
magenta: {
|
|
1769
|
+
"0": seeds_color_esm_default.COLOR_MAGENTA_0,
|
|
1770
|
+
"100": seeds_color_esm_default.COLOR_MAGENTA_100,
|
|
1771
|
+
"200": seeds_color_esm_default.COLOR_MAGENTA_200,
|
|
1772
|
+
"300": seeds_color_esm_default.COLOR_MAGENTA_300,
|
|
1773
|
+
"350": seeds_color_esm_default.COLOR_MAGENTA_350,
|
|
1774
|
+
"400": seeds_color_esm_default.COLOR_MAGENTA_400,
|
|
1775
|
+
"500": seeds_color_esm_default.COLOR_MAGENTA_500,
|
|
1776
|
+
"600": seeds_color_esm_default.COLOR_MAGENTA_600,
|
|
1777
|
+
"700": seeds_color_esm_default.COLOR_MAGENTA_700,
|
|
1778
|
+
"800": seeds_color_esm_default.COLOR_MAGENTA_800,
|
|
1779
|
+
"900": seeds_color_esm_default.COLOR_MAGENTA_900,
|
|
1780
|
+
"1000": seeds_color_esm_default.COLOR_MAGENTA_1000,
|
|
1781
|
+
"1100": seeds_color_esm_default.COLOR_MAGENTA_1100
|
|
1782
|
+
},
|
|
1783
|
+
yellow: {
|
|
1784
|
+
"0": seeds_color_esm_default.COLOR_YELLOW_0,
|
|
1785
|
+
"100": seeds_color_esm_default.COLOR_YELLOW_100,
|
|
1786
|
+
"200": seeds_color_esm_default.COLOR_YELLOW_200,
|
|
1787
|
+
"300": seeds_color_esm_default.COLOR_YELLOW_300,
|
|
1788
|
+
"400": seeds_color_esm_default.COLOR_YELLOW_400,
|
|
1789
|
+
"500": seeds_color_esm_default.COLOR_YELLOW_500,
|
|
1790
|
+
"600": seeds_color_esm_default.COLOR_YELLOW_600,
|
|
1791
|
+
"700": seeds_color_esm_default.COLOR_YELLOW_700,
|
|
1792
|
+
"800": seeds_color_esm_default.COLOR_YELLOW_800,
|
|
1793
|
+
"900": seeds_color_esm_default.COLOR_YELLOW_900,
|
|
1794
|
+
"1000": seeds_color_esm_default.COLOR_YELLOW_1000,
|
|
1795
|
+
"1100": seeds_color_esm_default.COLOR_YELLOW_1100
|
|
1796
|
+
},
|
|
1797
|
+
pink: {
|
|
1798
|
+
"0": seeds_color_esm_default.COLOR_PINK_0,
|
|
1799
|
+
"100": seeds_color_esm_default.COLOR_PINK_100,
|
|
1800
|
+
"200": seeds_color_esm_default.COLOR_PINK_200,
|
|
1801
|
+
"300": seeds_color_esm_default.COLOR_PINK_300,
|
|
1802
|
+
"400": seeds_color_esm_default.COLOR_PINK_400,
|
|
1803
|
+
"500": seeds_color_esm_default.COLOR_PINK_500,
|
|
1804
|
+
"600": seeds_color_esm_default.COLOR_PINK_600,
|
|
1805
|
+
"700": seeds_color_esm_default.COLOR_PINK_700,
|
|
1806
|
+
"800": seeds_color_esm_default.COLOR_PINK_800,
|
|
1807
|
+
"900": seeds_color_esm_default.COLOR_PINK_900,
|
|
1808
|
+
"1000": seeds_color_esm_default.COLOR_PINK_1000,
|
|
1809
|
+
"1100": seeds_color_esm_default.COLOR_PINK_1100
|
|
1810
|
+
},
|
|
1811
|
+
orange: {
|
|
1812
|
+
"0": seeds_color_esm_default.COLOR_ORANGE_0,
|
|
1813
|
+
"100": seeds_color_esm_default.COLOR_ORANGE_100,
|
|
1814
|
+
"200": seeds_color_esm_default.COLOR_ORANGE_200,
|
|
1815
|
+
"300": seeds_color_esm_default.COLOR_ORANGE_300,
|
|
1816
|
+
"400": seeds_color_esm_default.COLOR_ORANGE_400,
|
|
1817
|
+
"500": seeds_color_esm_default.COLOR_ORANGE_500,
|
|
1818
|
+
"600": seeds_color_esm_default.COLOR_ORANGE_600,
|
|
1819
|
+
"700": seeds_color_esm_default.COLOR_ORANGE_700,
|
|
1820
|
+
"800": seeds_color_esm_default.COLOR_ORANGE_800,
|
|
1821
|
+
"900": seeds_color_esm_default.COLOR_ORANGE_900,
|
|
1822
|
+
"1000": seeds_color_esm_default.COLOR_ORANGE_1000,
|
|
1823
|
+
"1100": seeds_color_esm_default.COLOR_ORANGE_1100
|
|
1824
|
+
}
|
|
1825
|
+
};
|
|
1826
|
+
var literal_colors_default = literalColors;
|
|
1827
|
+
|
|
1828
|
+
// ../seeds-react-theme/lib/light/dataviz-palette.js
|
|
1829
|
+
var datavizPalette = {
|
|
1830
|
+
DATAVIZ_COLORS_LIST: [seeds_color_esm_default.COLOR_TEAL_500, seeds_color_esm_default.COLOR_PURPLE_700, seeds_color_esm_default.COLOR_PINK_700, seeds_color_esm_default.COLOR_YELLOW_500, seeds_color_esm_default.COLOR_BLUE_500, seeds_color_esm_default.COLOR_MAGENTA_500, seeds_color_esm_default.COLOR_GREEN_500, seeds_color_esm_default.COLOR_ORANGE_500, seeds_color_esm_default.COLOR_RED_700, seeds_color_esm_default.COLOR_TEAL_900, seeds_color_esm_default.COLOR_PURPLE_400, seeds_color_esm_default.COLOR_PINK_900, seeds_color_esm_default.COLOR_YELLOW_900, seeds_color_esm_default.COLOR_BLUE_900, seeds_color_esm_default.COLOR_MAGENTA_900, seeds_color_esm_default.COLOR_GREEN_900, seeds_color_esm_default.COLOR_ORANGE_900, seeds_color_esm_default.COLOR_RED_400, seeds_color_esm_default.COLOR_GREEN_700, seeds_color_esm_default.COLOR_YELLOW_800],
|
|
1831
|
+
DATAVIZ_COLORS_MAP: {
|
|
1832
|
+
"1": seeds_color_esm_default.COLOR_TEAL_500,
|
|
1833
|
+
"2": seeds_color_esm_default.COLOR_PURPLE_700,
|
|
1834
|
+
"3": seeds_color_esm_default.COLOR_PINK_700,
|
|
1835
|
+
"4": seeds_color_esm_default.COLOR_YELLOW_500,
|
|
1836
|
+
"5": seeds_color_esm_default.COLOR_BLUE_500,
|
|
1837
|
+
"6": seeds_color_esm_default.COLOR_MAGENTA_500,
|
|
1838
|
+
"7": seeds_color_esm_default.COLOR_GREEN_500,
|
|
1839
|
+
"8": seeds_color_esm_default.COLOR_ORANGE_500,
|
|
1840
|
+
"9": seeds_color_esm_default.COLOR_RED_700,
|
|
1841
|
+
"10": seeds_color_esm_default.COLOR_TEAL_900,
|
|
1842
|
+
"11": seeds_color_esm_default.COLOR_PURPLE_400,
|
|
1843
|
+
"12": seeds_color_esm_default.COLOR_PINK_900,
|
|
1844
|
+
"13": seeds_color_esm_default.COLOR_YELLOW_900,
|
|
1845
|
+
"14": seeds_color_esm_default.COLOR_BLUE_900,
|
|
1846
|
+
"15": seeds_color_esm_default.COLOR_MAGENTA_900,
|
|
1847
|
+
"16": seeds_color_esm_default.COLOR_GREEN_900,
|
|
1848
|
+
"17": seeds_color_esm_default.COLOR_ORANGE_900,
|
|
1849
|
+
"18": seeds_color_esm_default.COLOR_RED_400,
|
|
1850
|
+
"19": seeds_color_esm_default.COLOR_GREEN_700,
|
|
1851
|
+
"20": seeds_color_esm_default.COLOR_YELLOW_800
|
|
1852
|
+
},
|
|
1853
|
+
PLACEHOLDER: seeds_color_esm_default.COLOR_NEUTRAL_300
|
|
1854
|
+
};
|
|
1855
|
+
|
|
1856
|
+
// ../seeds-react-theme/lib/light/decorative-palettes.js
|
|
1857
|
+
var green = {
|
|
1858
|
+
background: seeds_color_esm_default.COLOR_GREEN_100,
|
|
1859
|
+
highlight: seeds_color_esm_default.COLOR_GREEN_500,
|
|
1860
|
+
foreground: seeds_color_esm_default.COLOR_GREEN_900
|
|
1861
|
+
};
|
|
1862
|
+
var blue = {
|
|
1863
|
+
background: seeds_color_esm_default.COLOR_BLUE_100,
|
|
1864
|
+
highlight: seeds_color_esm_default.COLOR_BLUE_600,
|
|
1865
|
+
foreground: seeds_color_esm_default.COLOR_BLUE_900
|
|
1866
|
+
};
|
|
1867
|
+
var purple = {
|
|
1868
|
+
background: seeds_color_esm_default.COLOR_PURPLE_100,
|
|
1869
|
+
highlight: seeds_color_esm_default.COLOR_PURPLE_500,
|
|
1870
|
+
foreground: seeds_color_esm_default.COLOR_PURPLE_800
|
|
1871
|
+
};
|
|
1872
|
+
var yellow = {
|
|
1873
|
+
background: seeds_color_esm_default.COLOR_YELLOW_100,
|
|
1874
|
+
highlight: seeds_color_esm_default.COLOR_YELLOW_600,
|
|
1875
|
+
foreground: seeds_color_esm_default.COLOR_YELLOW_900
|
|
1876
|
+
};
|
|
1877
|
+
var orange = {
|
|
1878
|
+
background: seeds_color_esm_default.COLOR_ORANGE_100,
|
|
1879
|
+
highlight: seeds_color_esm_default.COLOR_ORANGE_600,
|
|
1880
|
+
foreground: seeds_color_esm_default.COLOR_ORANGE_900
|
|
1881
|
+
};
|
|
1882
|
+
var red = {
|
|
1883
|
+
background: seeds_color_esm_default.COLOR_RED_100,
|
|
1884
|
+
highlight: seeds_color_esm_default.COLOR_RED_600,
|
|
1885
|
+
foreground: seeds_color_esm_default.COLOR_RED_900
|
|
1886
|
+
};
|
|
1887
|
+
var neutral = {
|
|
1888
|
+
background: seeds_color_esm_default.COLOR_NEUTRAL_100,
|
|
1889
|
+
highlight: seeds_color_esm_default.COLOR_NEUTRAL_600,
|
|
1890
|
+
foreground: seeds_color_esm_default.COLOR_NEUTRAL_900
|
|
1891
|
+
};
|
|
1892
|
+
var magenta = {
|
|
1893
|
+
background: seeds_color_esm_default.COLOR_MAGENTA_100,
|
|
1894
|
+
highlight: seeds_color_esm_default.COLOR_MAGENTA_600,
|
|
1895
|
+
foreground: seeds_color_esm_default.COLOR_MAGENTA_900
|
|
1896
|
+
};
|
|
1897
|
+
var pink = {
|
|
1898
|
+
background: seeds_color_esm_default.COLOR_PINK_100,
|
|
1899
|
+
highlight: seeds_color_esm_default.COLOR_PINK_600,
|
|
1900
|
+
foreground: seeds_color_esm_default.COLOR_PINK_900
|
|
1901
|
+
};
|
|
1902
|
+
var aqua = {
|
|
1903
|
+
background: seeds_color_esm_default.COLOR_AQUA_100,
|
|
1904
|
+
highlight: seeds_color_esm_default.COLOR_AQUA_500,
|
|
1905
|
+
foreground: seeds_color_esm_default.COLOR_AQUA_900
|
|
1906
|
+
};
|
|
1907
|
+
var teal = {
|
|
1908
|
+
background: seeds_color_esm_default.COLOR_TEAL_100,
|
|
1909
|
+
highlight: seeds_color_esm_default.COLOR_TEAL_500,
|
|
1910
|
+
foreground: seeds_color_esm_default.COLOR_TEAL_900
|
|
1911
|
+
};
|
|
1912
|
+
|
|
1913
|
+
// ../seeds-react-theme/lib/light/theme.js
|
|
1914
|
+
function _typeof(o) {
|
|
1915
|
+
"@babel/helpers - typeof";
|
|
1916
|
+
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
|
|
1917
|
+
return typeof o2;
|
|
1918
|
+
} : function(o2) {
|
|
1919
|
+
return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
|
|
1920
|
+
}, _typeof(o);
|
|
1921
|
+
}
|
|
1922
|
+
function ownKeys(e, r) {
|
|
1923
|
+
var t = Object.keys(e);
|
|
1924
|
+
if (Object.getOwnPropertySymbols) {
|
|
1925
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
1926
|
+
r && (o = o.filter(function(r2) {
|
|
1927
|
+
return Object.getOwnPropertyDescriptor(e, r2).enumerable;
|
|
1928
|
+
})), t.push.apply(t, o);
|
|
1929
|
+
}
|
|
1930
|
+
return t;
|
|
1931
|
+
}
|
|
1932
|
+
function _objectSpread(e) {
|
|
1933
|
+
for (var r = 1; r < arguments.length; r++) {
|
|
1934
|
+
var t = null != arguments[r] ? arguments[r] : {};
|
|
1935
|
+
r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
|
|
1936
|
+
_defineProperty(e, r2, t[r2]);
|
|
1937
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
|
|
1938
|
+
Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
|
|
1939
|
+
});
|
|
1940
|
+
}
|
|
1941
|
+
return e;
|
|
1942
|
+
}
|
|
1943
|
+
function _defineProperty(obj, key, value) {
|
|
1944
|
+
key = _toPropertyKey(key);
|
|
1945
|
+
if (key in obj) {
|
|
1946
|
+
Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
|
|
1947
|
+
} else {
|
|
1948
|
+
obj[key] = value;
|
|
1949
|
+
}
|
|
1950
|
+
return obj;
|
|
1951
|
+
}
|
|
1952
|
+
function _toPropertyKey(t) {
|
|
1953
|
+
var i = _toPrimitive(t, "string");
|
|
1954
|
+
return "symbol" == _typeof(i) ? i : String(i);
|
|
1955
|
+
}
|
|
1956
|
+
function _toPrimitive(t, r) {
|
|
1957
|
+
if ("object" != _typeof(t) || !t)
|
|
1958
|
+
return t;
|
|
1959
|
+
var e = t[Symbol.toPrimitive];
|
|
1960
|
+
if (void 0 !== e) {
|
|
1961
|
+
var i = e.call(t, r || "default");
|
|
1962
|
+
if ("object" != _typeof(i))
|
|
1963
|
+
return i;
|
|
1964
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
1965
|
+
}
|
|
1966
|
+
return ("string" === r ? String : Number)(t);
|
|
1967
|
+
}
|
|
1968
|
+
var breakpoints = ["900px", "1200px", "1500px", "1800px"];
|
|
1969
|
+
var MODE = "light";
|
|
1970
|
+
var colors = _objectSpread(_objectSpread({
|
|
1971
|
+
app: {
|
|
1972
|
+
background: {
|
|
1973
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_100
|
|
1974
|
+
}
|
|
1975
|
+
},
|
|
1976
|
+
container: {
|
|
1977
|
+
background: {
|
|
1978
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_0,
|
|
1979
|
+
success: green.background,
|
|
1980
|
+
warning: yellow.background,
|
|
1981
|
+
error: red.background,
|
|
1982
|
+
info: blue.background,
|
|
1983
|
+
opportunity: purple.background,
|
|
1984
|
+
/** @deprecated Use "error" instead of "danger" */
|
|
1985
|
+
danger: red.background,
|
|
1986
|
+
decorative: {
|
|
1987
|
+
green: green.background,
|
|
1988
|
+
blue: blue.background,
|
|
1989
|
+
purple: purple.background,
|
|
1990
|
+
yellow: yellow.background,
|
|
1991
|
+
orange: orange.background,
|
|
1992
|
+
red: red.background,
|
|
1993
|
+
neutral: neutral.background,
|
|
1994
|
+
magenta: magenta.background,
|
|
1995
|
+
pink: pink.background,
|
|
1996
|
+
aqua: aqua.background,
|
|
1997
|
+
teal: teal.background
|
|
1998
|
+
},
|
|
1999
|
+
selected: seeds_color_esm_default.COLOR_NEUTRAL_800,
|
|
2000
|
+
positive_sentiment: seeds_color_esm_default.COLOR_BLUE_500,
|
|
2001
|
+
negative_sentiment: seeds_color_esm_default.COLOR_RED_500,
|
|
2002
|
+
neutral_sentiment: seeds_color_esm_default.COLOR_NEUTRAL_300
|
|
2003
|
+
},
|
|
2004
|
+
border: {
|
|
2005
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_200,
|
|
2006
|
+
success: green.highlight,
|
|
2007
|
+
warning: yellow.highlight,
|
|
2008
|
+
error: red.highlight,
|
|
2009
|
+
/** @deprecated Use "error" instead of "danger" */
|
|
2010
|
+
danger: red.highlight,
|
|
2011
|
+
info: blue.highlight,
|
|
2012
|
+
opportunity: purple.highlight,
|
|
2013
|
+
decorative: {
|
|
2014
|
+
green: green.highlight,
|
|
2015
|
+
blue: blue.highlight,
|
|
2016
|
+
purple: purple.highlight,
|
|
2017
|
+
yellow: yellow.highlight,
|
|
2018
|
+
orange: orange.highlight,
|
|
2019
|
+
red: red.highlight,
|
|
2020
|
+
neutral: neutral.highlight,
|
|
2021
|
+
magenta: magenta.highlight,
|
|
2022
|
+
pink: pink.highlight,
|
|
2023
|
+
aqua: aqua.highlight,
|
|
2024
|
+
teal: teal.highlight
|
|
2025
|
+
},
|
|
2026
|
+
selected: seeds_color_esm_default.COLOR_NEUTRAL_800
|
|
2027
|
+
}
|
|
2028
|
+
},
|
|
2029
|
+
button: {
|
|
2030
|
+
primary: {
|
|
2031
|
+
background: {
|
|
2032
|
+
base: seeds_color_esm_default.COLOR_BLUE_700,
|
|
2033
|
+
hover: seeds_color_esm_default.COLOR_BLUE_800,
|
|
2034
|
+
active: seeds_color_esm_default.COLOR_BLUE_900
|
|
2035
|
+
},
|
|
2036
|
+
border: {
|
|
2037
|
+
base: "transparent"
|
|
2038
|
+
},
|
|
2039
|
+
text: {
|
|
2040
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_0,
|
|
2041
|
+
hover: seeds_color_esm_default.COLOR_NEUTRAL_0
|
|
2042
|
+
}
|
|
2043
|
+
},
|
|
2044
|
+
secondary: {
|
|
2045
|
+
background: {
|
|
2046
|
+
base: "transparent",
|
|
2047
|
+
hover: seeds_color_esm_default.COLOR_NEUTRAL_800,
|
|
2048
|
+
active: seeds_color_esm_default.COLOR_NEUTRAL_900
|
|
2049
|
+
},
|
|
2050
|
+
border: {
|
|
2051
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_800
|
|
2052
|
+
},
|
|
2053
|
+
text: {
|
|
2054
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_800,
|
|
2055
|
+
hover: seeds_color_esm_default.COLOR_NEUTRAL_0
|
|
2056
|
+
}
|
|
2057
|
+
},
|
|
2058
|
+
pill: {
|
|
2059
|
+
background: {
|
|
2060
|
+
base: "transparent",
|
|
2061
|
+
hover: seeds_color_esm_default.COLOR_NEUTRAL_100,
|
|
2062
|
+
active: seeds_color_esm_default.COLOR_NEUTRAL_200
|
|
2063
|
+
},
|
|
2064
|
+
border: {
|
|
2065
|
+
base: "transparent",
|
|
2066
|
+
hover: seeds_color_esm_default.COLOR_NEUTRAL_800
|
|
2067
|
+
},
|
|
2068
|
+
text: {
|
|
2069
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_800,
|
|
2070
|
+
hover: seeds_color_esm_default.COLOR_NEUTRAL_900
|
|
2071
|
+
}
|
|
2072
|
+
},
|
|
2073
|
+
destructive: {
|
|
2074
|
+
background: {
|
|
2075
|
+
base: seeds_color_esm_default.COLOR_RED_800,
|
|
2076
|
+
hover: seeds_color_esm_default.COLOR_RED_900,
|
|
2077
|
+
active: seeds_color_esm_default.COLOR_RED_1000
|
|
2078
|
+
},
|
|
2079
|
+
border: {
|
|
2080
|
+
base: "transparent"
|
|
2081
|
+
},
|
|
2082
|
+
text: {
|
|
2083
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_0,
|
|
2084
|
+
hover: seeds_color_esm_default.COLOR_NEUTRAL_0
|
|
2085
|
+
}
|
|
2086
|
+
},
|
|
2087
|
+
placeholder: {
|
|
2088
|
+
background: {
|
|
2089
|
+
base: "transparent",
|
|
2090
|
+
hover: seeds_color_esm_default.COLOR_NEUTRAL_0,
|
|
2091
|
+
active: seeds_color_esm_default.COLOR_NEUTRAL_0
|
|
2092
|
+
},
|
|
2093
|
+
border: {
|
|
2094
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_500
|
|
2095
|
+
},
|
|
2096
|
+
text: {
|
|
2097
|
+
base: seeds_color_esm_default.COLOR_BLUE_700,
|
|
2098
|
+
hover: seeds_color_esm_default.COLOR_BLUE_800
|
|
2099
|
+
}
|
|
2100
|
+
},
|
|
2101
|
+
unstyled: {
|
|
2102
|
+
background: {
|
|
2103
|
+
base: "transparent"
|
|
2104
|
+
},
|
|
2105
|
+
border: {
|
|
2106
|
+
base: "transparent"
|
|
2107
|
+
},
|
|
2108
|
+
text: {
|
|
2109
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_700,
|
|
2110
|
+
hover: seeds_color_esm_default.COLOR_NEUTRAL_900
|
|
2111
|
+
}
|
|
2112
|
+
}
|
|
2113
|
+
},
|
|
2114
|
+
link: {
|
|
2115
|
+
base: seeds_color_esm_default.COLOR_BLUE_800,
|
|
2116
|
+
hover: seeds_color_esm_default.COLOR_BLUE_900
|
|
2117
|
+
},
|
|
2118
|
+
text: {
|
|
2119
|
+
headline: seeds_color_esm_default.COLOR_NEUTRAL_900,
|
|
2120
|
+
subtext: seeds_color_esm_default.COLOR_NEUTRAL_700,
|
|
2121
|
+
body: seeds_color_esm_default.COLOR_NEUTRAL_800,
|
|
2122
|
+
inverse: seeds_color_esm_default.COLOR_NEUTRAL_0,
|
|
2123
|
+
error: red.foreground,
|
|
2124
|
+
background: {
|
|
2125
|
+
highlight: seeds_color_esm_default.COLOR_YELLOW_200,
|
|
2126
|
+
selection: seeds_color_esm_default.COLOR_BLUE_300
|
|
2127
|
+
},
|
|
2128
|
+
decorative: {
|
|
2129
|
+
green: green.foreground,
|
|
2130
|
+
blue: blue.foreground,
|
|
2131
|
+
purple: purple.foreground,
|
|
2132
|
+
yellow: yellow.foreground,
|
|
2133
|
+
orange: orange.foreground,
|
|
2134
|
+
red: red.foreground,
|
|
2135
|
+
neutral: neutral.foreground,
|
|
2136
|
+
magenta: magenta.foreground,
|
|
2137
|
+
pink: pink.foreground,
|
|
2138
|
+
aqua: aqua.foreground,
|
|
2139
|
+
teal: teal.foreground
|
|
2140
|
+
}
|
|
2141
|
+
},
|
|
2142
|
+
icon: {
|
|
2143
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_800,
|
|
2144
|
+
inverse: seeds_color_esm_default.COLOR_NEUTRAL_0,
|
|
2145
|
+
success: green.foreground,
|
|
2146
|
+
warning: yellow.foreground,
|
|
2147
|
+
error: red.foreground,
|
|
2148
|
+
/** @deprecated Use "error" instead of "danger" */
|
|
2149
|
+
danger: red.foreground,
|
|
2150
|
+
info: blue.foreground,
|
|
2151
|
+
opportunity: purple.foreground,
|
|
2152
|
+
applied: seeds_color_esm_default.COLOR_BLUE_700,
|
|
2153
|
+
positive_sentiment: seeds_color_esm_default.COLOR_BLUE_600,
|
|
2154
|
+
negative_sentiment: seeds_color_esm_default.COLOR_RED_600,
|
|
2155
|
+
neutral_sentiment: seeds_color_esm_default.COLOR_NEUTRAL_500
|
|
2156
|
+
},
|
|
2157
|
+
form: {
|
|
2158
|
+
background: {
|
|
2159
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_0,
|
|
2160
|
+
selected: seeds_color_esm_default.COLOR_NEUTRAL_800
|
|
2161
|
+
},
|
|
2162
|
+
border: {
|
|
2163
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_600,
|
|
2164
|
+
error: red.highlight,
|
|
2165
|
+
warning: yellow.highlight,
|
|
2166
|
+
selected: seeds_color_esm_default.COLOR_NEUTRAL_800
|
|
2167
|
+
},
|
|
2168
|
+
placeholder: {
|
|
2169
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_700
|
|
2170
|
+
}
|
|
2171
|
+
},
|
|
2172
|
+
listItem: {
|
|
2173
|
+
background: {
|
|
2174
|
+
base: "transparent",
|
|
2175
|
+
hover: seeds_color_esm_default.COLOR_NEUTRAL_100,
|
|
2176
|
+
selected: seeds_color_esm_default.COLOR_NEUTRAL_800,
|
|
2177
|
+
active: seeds_color_esm_default.COLOR_NEUTRAL_400
|
|
2178
|
+
},
|
|
2179
|
+
border: {
|
|
2180
|
+
base: neutral.highlight
|
|
2181
|
+
}
|
|
2182
|
+
},
|
|
2183
|
+
overlay: {
|
|
2184
|
+
background: {
|
|
2185
|
+
base: curriedTransparentize(0.44, seeds_color_esm_default.COLOR_NEUTRAL_1000)
|
|
2186
|
+
},
|
|
2187
|
+
text: {
|
|
2188
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_0
|
|
2189
|
+
},
|
|
2190
|
+
icon: {
|
|
2191
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_0
|
|
2192
|
+
}
|
|
2193
|
+
},
|
|
2194
|
+
elevation: {
|
|
2195
|
+
base: "".concat(seeds_color_esm_default.COLOR_NEUTRAL_900, "3D")
|
|
2196
|
+
},
|
|
2197
|
+
illustration: {
|
|
2198
|
+
fill: seeds_color_esm_default.COLOR_BLUE_400,
|
|
2199
|
+
stroke: neutral.foreground
|
|
2200
|
+
},
|
|
2201
|
+
network: {
|
|
2202
|
+
twitter: NETWORKCOLORS.NETWORK_COLOR_TWITTER,
|
|
2203
|
+
twitter_like: NETWORKCOLORS.NETWORK_COLOR_TWITTER_LIKE,
|
|
2204
|
+
facebook: NETWORKCOLORS.NETWORK_COLOR_FACEBOOK,
|
|
2205
|
+
facebook_audience_network: NETWORKCOLORS.NETWORK_COLOR_FACEBOOK_AUDIENCE_NETWORK,
|
|
2206
|
+
linkedin: NETWORKCOLORS.NETWORK_COLOR_LINKEDIN,
|
|
2207
|
+
instagram: NETWORKCOLORS.NETWORK_COLOR_INSTAGRAM,
|
|
2208
|
+
feedly: NETWORKCOLORS.NETWORK_COLOR_FEEDLY,
|
|
2209
|
+
analytics: NETWORKCOLORS.NETWORK_COLOR_ANALYTICS,
|
|
2210
|
+
youtube: NETWORKCOLORS.NETWORK_COLOR_YOUTUBE,
|
|
2211
|
+
messenger: NETWORKCOLORS.NETWORK_COLOR_MESSENGER,
|
|
2212
|
+
snapchat: NETWORKCOLORS.NETWORK_COLOR_SNAPCHAT,
|
|
2213
|
+
pinterest: NETWORKCOLORS.NETWORK_COLOR_PINTEREST,
|
|
2214
|
+
tumblr: NETWORKCOLORS.NETWORK_COLOR_TUMBLR,
|
|
2215
|
+
reddit: NETWORKCOLORS.NETWORK_COLOR_REDDIT,
|
|
2216
|
+
tripadvisor: NETWORKCOLORS.NETWORK_COLOR_TRIPADVISOR,
|
|
2217
|
+
glassdoor: NETWORKCOLORS.NETWORK_COLOR_GLASSDOOR,
|
|
2218
|
+
google_my_business: NETWORKCOLORS.NETWORK_COLOR_GOOGLE_MY_BUSINESS,
|
|
2219
|
+
google_business_messages: NETWORKCOLORS.NETWORK_COLOR_GOOGLE_BUSINESS_MESSAGES,
|
|
2220
|
+
google_play_store: NETWORKCOLORS.NETWORK_COLOR_GOOGLE_PLAY_STORE,
|
|
2221
|
+
apple_app_store: NETWORKCOLORS.NETWORK_COLOR_APPLE_APP_STORE,
|
|
2222
|
+
salesforce: NETWORKCOLORS.NETWORK_COLOR_SALESFORCE,
|
|
2223
|
+
zendesk: NETWORKCOLORS.NETWORK_COLOR_ZENDESK,
|
|
2224
|
+
hubspot: NETWORKCOLORS.NETWORK_COLOR_HUBSPOT,
|
|
2225
|
+
microsoft_dynamics: NETWORKCOLORS.NETWORK_COLOR_MICROSOFT_DYNAMICS,
|
|
2226
|
+
yelp: NETWORKCOLORS.NETWORK_COLOR_YELP,
|
|
2227
|
+
whatsapp: NETWORKCOLORS.NETWORK_COLOR_WHATSAPP,
|
|
2228
|
+
tiktok: NETWORKCOLORS.NETWORK_COLOR_TIKTOK,
|
|
2229
|
+
threads: NETWORKCOLORS.NETWORK_COLOR_THREADS,
|
|
2230
|
+
trustpilot: NETWORKCOLORS.NETWORK_COLOR_TRUSTPILOT,
|
|
2231
|
+
x: NETWORKCOLORS.NETWORK_COLOR_X,
|
|
2232
|
+
x_like: NETWORKCOLORS.NETWORK_COLOR_X_LIKE,
|
|
2233
|
+
bluesky: NETWORKCOLORS.NETWORK_COLOR_BLUESKY
|
|
2234
|
+
},
|
|
2235
|
+
dataviz: {
|
|
2236
|
+
map: datavizPalette.DATAVIZ_COLORS_MAP,
|
|
2237
|
+
list: datavizPalette.DATAVIZ_COLORS_LIST,
|
|
2238
|
+
placeholder: datavizPalette.PLACEHOLDER
|
|
2239
|
+
},
|
|
2240
|
+
userStatus: {
|
|
2241
|
+
online: seeds_color_esm_default.COLOR_GREEN_700,
|
|
2242
|
+
offline: seeds_color_esm_default.COLOR_RED_600,
|
|
2243
|
+
unavailable: seeds_color_esm_default.COLOR_NEUTRAL_600
|
|
2244
|
+
}
|
|
2245
|
+
}, literal_colors_default), datavizPalette);
|
|
2246
|
+
var typography = {
|
|
2247
|
+
100: seeds_typography_esm_default.TYPOGRAPHY_SIZE_100,
|
|
2248
|
+
200: seeds_typography_esm_default.TYPOGRAPHY_SIZE_200,
|
|
2249
|
+
300: seeds_typography_esm_default.TYPOGRAPHY_SIZE_300,
|
|
2250
|
+
400: seeds_typography_esm_default.TYPOGRAPHY_SIZE_400,
|
|
2251
|
+
500: seeds_typography_esm_default.TYPOGRAPHY_SIZE_500,
|
|
2252
|
+
600: seeds_typography_esm_default.TYPOGRAPHY_SIZE_600,
|
|
2253
|
+
700: seeds_typography_esm_default.TYPOGRAPHY_SIZE_700,
|
|
2254
|
+
800: seeds_typography_esm_default.TYPOGRAPHY_SIZE_800,
|
|
2255
|
+
900: seeds_typography_esm_default.TYPOGRAPHY_SIZE_900,
|
|
2256
|
+
1e3: seeds_typography_esm_default.TYPOGRAPHY_SIZE_1000,
|
|
2257
|
+
1100: seeds_typography_esm_default.TYPOGRAPHY_SIZE_1100,
|
|
2258
|
+
1200: seeds_typography_esm_default.TYPOGRAPHY_SIZE_1200
|
|
2259
|
+
};
|
|
2260
|
+
var fontSizes = {
|
|
2261
|
+
100: seeds_typography_esm_default.TYPOGRAPHY_SIZE_100.fontSize,
|
|
2262
|
+
200: seeds_typography_esm_default.TYPOGRAPHY_SIZE_200.fontSize,
|
|
2263
|
+
300: seeds_typography_esm_default.TYPOGRAPHY_SIZE_300.fontSize,
|
|
2264
|
+
400: seeds_typography_esm_default.TYPOGRAPHY_SIZE_400.fontSize,
|
|
2265
|
+
500: seeds_typography_esm_default.TYPOGRAPHY_SIZE_500.fontSize,
|
|
2266
|
+
600: seeds_typography_esm_default.TYPOGRAPHY_SIZE_600.fontSize,
|
|
2267
|
+
700: seeds_typography_esm_default.TYPOGRAPHY_SIZE_700.fontSize,
|
|
2268
|
+
800: seeds_typography_esm_default.TYPOGRAPHY_SIZE_800.fontSize,
|
|
2269
|
+
900: seeds_typography_esm_default.TYPOGRAPHY_SIZE_900.fontSize,
|
|
2270
|
+
1e3: seeds_typography_esm_default.TYPOGRAPHY_SIZE_1000.fontSize,
|
|
2271
|
+
1100: seeds_typography_esm_default.TYPOGRAPHY_SIZE_1100.fontSize,
|
|
2272
|
+
1200: seeds_typography_esm_default.TYPOGRAPHY_SIZE_1200.fontSize
|
|
2273
|
+
};
|
|
2274
|
+
var lineHeights = {
|
|
2275
|
+
100: seeds_typography_esm_default.TYPOGRAPHY_SIZE_100.lineHeight,
|
|
2276
|
+
200: seeds_typography_esm_default.TYPOGRAPHY_SIZE_200.lineHeight,
|
|
2277
|
+
300: seeds_typography_esm_default.TYPOGRAPHY_SIZE_300.lineHeight,
|
|
2278
|
+
400: seeds_typography_esm_default.TYPOGRAPHY_SIZE_400.lineHeight,
|
|
2279
|
+
500: seeds_typography_esm_default.TYPOGRAPHY_SIZE_500.lineHeight,
|
|
2280
|
+
600: seeds_typography_esm_default.TYPOGRAPHY_SIZE_600.lineHeight,
|
|
2281
|
+
700: seeds_typography_esm_default.TYPOGRAPHY_SIZE_700.lineHeight,
|
|
2282
|
+
800: seeds_typography_esm_default.TYPOGRAPHY_SIZE_800.lineHeight,
|
|
2283
|
+
900: seeds_typography_esm_default.TYPOGRAPHY_SIZE_900.lineHeight,
|
|
2284
|
+
1e3: seeds_typography_esm_default.TYPOGRAPHY_SIZE_1000.lineHeight,
|
|
2285
|
+
1100: seeds_typography_esm_default.TYPOGRAPHY_SIZE_1100.lineHeight,
|
|
2286
|
+
1200: seeds_typography_esm_default.TYPOGRAPHY_SIZE_1200.lineHeight
|
|
2287
|
+
};
|
|
2288
|
+
var fontFamily = seeds_typography_esm_default.TYPOGRAPHY_FAMILY;
|
|
2289
|
+
var fontWeights = {
|
|
2290
|
+
normal: seeds_typography_esm_default.TYPOGRAPHY_WEIGHT_NORMAL,
|
|
2291
|
+
semibold: seeds_typography_esm_default.TYPOGRAPHY_WEIGHT_SEMIBOLD,
|
|
2292
|
+
bold: seeds_typography_esm_default.TYPOGRAPHY_WEIGHT_BOLD,
|
|
2293
|
+
extrabold: seeds_typography_esm_default.TYPOGRAPHY_WEIGHT_EXTRA_BOLD
|
|
2294
|
+
};
|
|
2295
|
+
var space = {
|
|
2296
|
+
0: seeds_space_esm_default.SPACE_SIZE_0,
|
|
2297
|
+
100: seeds_space_esm_default.SPACE_SIZE_100,
|
|
2298
|
+
200: seeds_space_esm_default.SPACE_SIZE_200,
|
|
2299
|
+
300: seeds_space_esm_default.SPACE_SIZE_300,
|
|
2300
|
+
350: seeds_space_esm_default.SPACE_SIZE_350,
|
|
2301
|
+
400: seeds_space_esm_default.SPACE_SIZE_400,
|
|
2302
|
+
450: seeds_space_esm_default.SPACE_SIZE_450,
|
|
2303
|
+
500: seeds_space_esm_default.SPACE_SIZE_500,
|
|
2304
|
+
600: seeds_space_esm_default.SPACE_SIZE_600
|
|
2305
|
+
};
|
|
2306
|
+
var radii = {
|
|
2307
|
+
400: seeds_border_esm_default.BORDER_RADIUS_400,
|
|
2308
|
+
500: seeds_border_esm_default.BORDER_RADIUS_500,
|
|
2309
|
+
600: seeds_border_esm_default.BORDER_RADIUS_600,
|
|
2310
|
+
900: seeds_border_esm_default.BORDER_RADIUS_900,
|
|
2311
|
+
1e3: seeds_border_esm_default.BORDER_RADIUS_1000,
|
|
2312
|
+
inner: seeds_border_esm_default.BORDER_RADIUS_500,
|
|
2313
|
+
outer: seeds_border_esm_default.BORDER_RADIUS_600,
|
|
2314
|
+
pill: seeds_border_esm_default.BORDER_RADIUS_1000
|
|
2315
|
+
};
|
|
2316
|
+
var borders = {
|
|
2317
|
+
500: "".concat(seeds_border_esm_default.BORDER_WIDTH_500, " solid"),
|
|
2318
|
+
600: "".concat(seeds_border_esm_default.BORDER_WIDTH_600, " solid"),
|
|
2319
|
+
700: "".concat(seeds_border_esm_default.BORDER_WIDTH_700, " solid")
|
|
2320
|
+
};
|
|
2321
|
+
var borderWidths = {
|
|
2322
|
+
500: seeds_border_esm_default.BORDER_WIDTH_500,
|
|
2323
|
+
600: seeds_border_esm_default.BORDER_WIDTH_600,
|
|
2324
|
+
700: seeds_border_esm_default.BORDER_WIDTH_700
|
|
2325
|
+
};
|
|
2326
|
+
var shadows = {
|
|
2327
|
+
low: "".concat(seeds_depth_esm_default.ELEVATION_LEVEL_100, " ").concat(seeds_color_esm_default.COLOR_NEUTRAL_900, "3D"),
|
|
2328
|
+
medium: "".concat(seeds_depth_esm_default.ELEVATION_LEVEL_300, " ").concat(seeds_color_esm_default.COLOR_NEUTRAL_900, "3D"),
|
|
2329
|
+
high: "".concat(seeds_depth_esm_default.ELEVATION_LEVEL_400, " ").concat(seeds_color_esm_default.COLOR_NEUTRAL_900, "3D")
|
|
2330
|
+
};
|
|
2331
|
+
var easing = {
|
|
2332
|
+
ease_in: seeds_motion_esm_default.MOTION_EASE_IN,
|
|
2333
|
+
ease_out: seeds_motion_esm_default.MOTION_EASE_OUT,
|
|
2334
|
+
ease_inout: seeds_motion_esm_default.MOTION_EASE_INOUT
|
|
2335
|
+
};
|
|
2336
|
+
var duration = {
|
|
2337
|
+
fast: seeds_motion_esm_default.MOTION_DURATION_FAST,
|
|
2338
|
+
medium: seeds_motion_esm_default.MOTION_DURATION_MEDIUM,
|
|
2339
|
+
slow: seeds_motion_esm_default.MOTION_DURATION_SLOW
|
|
2340
|
+
};
|
|
2341
|
+
var theme = {
|
|
2342
|
+
breakpoints,
|
|
2343
|
+
colors,
|
|
2344
|
+
typography: _objectSpread(_objectSpread({}, typography), {}, {
|
|
2345
|
+
typography
|
|
2346
|
+
}),
|
|
2347
|
+
fontSizes,
|
|
2348
|
+
lineHeights,
|
|
2349
|
+
fontFamily,
|
|
2350
|
+
fontWeights,
|
|
2351
|
+
space: _objectSpread(_objectSpread({}, space), {}, {
|
|
2352
|
+
space,
|
|
2353
|
+
"-space": Object.keys(space).reduce(function(negativeSpace, key) {
|
|
2354
|
+
negativeSpace[key] = "-".concat(space[key]);
|
|
2355
|
+
return negativeSpace;
|
|
2356
|
+
}, {})
|
|
2357
|
+
}),
|
|
2358
|
+
radii: _objectSpread(_objectSpread({}, radii), {}, {
|
|
2359
|
+
radii
|
|
2360
|
+
}),
|
|
2361
|
+
borders,
|
|
2362
|
+
borderWidths,
|
|
2363
|
+
shadows,
|
|
2364
|
+
easing,
|
|
2365
|
+
duration,
|
|
2366
|
+
mode: MODE
|
|
2367
|
+
};
|
|
2368
|
+
var theme_default = theme;
|
|
2369
|
+
|
|
2370
|
+
// ../seeds-react-theme/lib/dark/dataviz-palette.js
|
|
2371
|
+
var datavizPalette2 = {
|
|
2372
|
+
DATAVIZ_COLORS_LIST: [seeds_color_esm_default.COLOR_TEAL_400, seeds_color_esm_default.COLOR_PURPLE_400, seeds_color_esm_default.COLOR_PINK_400, seeds_color_esm_default.COLOR_YELLOW_500, seeds_color_esm_default.COLOR_BLUE_400, seeds_color_esm_default.COLOR_MAGENTA_400, seeds_color_esm_default.COLOR_GREEN_400, seeds_color_esm_default.COLOR_ORANGE_400, seeds_color_esm_default.COLOR_RED_700, seeds_color_esm_default.COLOR_TEAL_700, seeds_color_esm_default.COLOR_PURPLE_700, seeds_color_esm_default.COLOR_PINK_700, seeds_color_esm_default.COLOR_YELLOW_800, seeds_color_esm_default.COLOR_BLUE_700, seeds_color_esm_default.COLOR_MAGENTA_700, seeds_color_esm_default.COLOR_GREEN_700, seeds_color_esm_default.COLOR_ORANGE_700, seeds_color_esm_default.COLOR_RED_400, seeds_color_esm_default.COLOR_GREEN_200, seeds_color_esm_default.COLOR_YELLOW_200],
|
|
2373
|
+
DATAVIZ_COLORS_MAP: {
|
|
2374
|
+
"1": seeds_color_esm_default.COLOR_TEAL_400,
|
|
2375
|
+
"2": seeds_color_esm_default.COLOR_PURPLE_400,
|
|
2376
|
+
"3": seeds_color_esm_default.COLOR_PINK_400,
|
|
2377
|
+
"4": seeds_color_esm_default.COLOR_YELLOW_500,
|
|
2378
|
+
"5": seeds_color_esm_default.COLOR_BLUE_400,
|
|
2379
|
+
"6": seeds_color_esm_default.COLOR_MAGENTA_400,
|
|
2380
|
+
"7": seeds_color_esm_default.COLOR_GREEN_400,
|
|
2381
|
+
"8": seeds_color_esm_default.COLOR_ORANGE_400,
|
|
2382
|
+
"9": seeds_color_esm_default.COLOR_RED_700,
|
|
2383
|
+
"10": seeds_color_esm_default.COLOR_TEAL_700,
|
|
2384
|
+
"11": seeds_color_esm_default.COLOR_PURPLE_700,
|
|
2385
|
+
"12": seeds_color_esm_default.COLOR_PINK_700,
|
|
2386
|
+
"13": seeds_color_esm_default.COLOR_YELLOW_800,
|
|
2387
|
+
"14": seeds_color_esm_default.COLOR_BLUE_700,
|
|
2388
|
+
"15": seeds_color_esm_default.COLOR_MAGENTA_700,
|
|
2389
|
+
"16": seeds_color_esm_default.COLOR_GREEN_700,
|
|
2390
|
+
"17": seeds_color_esm_default.COLOR_ORANGE_700,
|
|
2391
|
+
"18": seeds_color_esm_default.COLOR_RED_400,
|
|
2392
|
+
"19": seeds_color_esm_default.COLOR_GREEN_200,
|
|
2393
|
+
"20": seeds_color_esm_default.COLOR_YELLOW_200
|
|
2394
|
+
},
|
|
2395
|
+
PLACEHOLDER: seeds_color_esm_default.COLOR_NEUTRAL_800
|
|
2396
|
+
};
|
|
2397
|
+
|
|
2398
|
+
// ../seeds-react-theme/lib/dark/decorative-palettes.js
|
|
2399
|
+
var green2 = {
|
|
2400
|
+
background: seeds_color_esm_default.COLOR_GREEN_900,
|
|
2401
|
+
highlight: seeds_color_esm_default.COLOR_GREEN_500,
|
|
2402
|
+
foreground: seeds_color_esm_default.COLOR_GREEN_100
|
|
2403
|
+
};
|
|
2404
|
+
var blue2 = {
|
|
2405
|
+
background: seeds_color_esm_default.COLOR_BLUE_900,
|
|
2406
|
+
highlight: seeds_color_esm_default.COLOR_BLUE_600,
|
|
2407
|
+
foreground: seeds_color_esm_default.COLOR_BLUE_100
|
|
2408
|
+
};
|
|
2409
|
+
var purple2 = {
|
|
2410
|
+
background: seeds_color_esm_default.COLOR_PURPLE_900,
|
|
2411
|
+
highlight: seeds_color_esm_default.COLOR_PURPLE_500,
|
|
2412
|
+
foreground: seeds_color_esm_default.COLOR_PURPLE_100
|
|
2413
|
+
};
|
|
2414
|
+
var yellow2 = {
|
|
2415
|
+
background: seeds_color_esm_default.COLOR_YELLOW_900,
|
|
2416
|
+
highlight: seeds_color_esm_default.COLOR_YELLOW_600,
|
|
2417
|
+
foreground: seeds_color_esm_default.COLOR_YELLOW_100
|
|
2418
|
+
};
|
|
2419
|
+
var orange2 = {
|
|
2420
|
+
background: seeds_color_esm_default.COLOR_ORANGE_900,
|
|
2421
|
+
highlight: seeds_color_esm_default.COLOR_ORANGE_600,
|
|
2422
|
+
foreground: seeds_color_esm_default.COLOR_ORANGE_100
|
|
2423
|
+
};
|
|
2424
|
+
var red2 = {
|
|
2425
|
+
background: seeds_color_esm_default.COLOR_RED_900,
|
|
2426
|
+
highlight: seeds_color_esm_default.COLOR_RED_600,
|
|
2427
|
+
foreground: seeds_color_esm_default.COLOR_RED_100
|
|
2428
|
+
};
|
|
2429
|
+
var neutral2 = {
|
|
2430
|
+
background: seeds_color_esm_default.COLOR_NEUTRAL_1000,
|
|
2431
|
+
highlight: seeds_color_esm_default.COLOR_NEUTRAL_600,
|
|
2432
|
+
foreground: seeds_color_esm_default.COLOR_NEUTRAL_100
|
|
2433
|
+
};
|
|
2434
|
+
var magenta2 = {
|
|
2435
|
+
background: seeds_color_esm_default.COLOR_MAGENTA_900,
|
|
2436
|
+
highlight: seeds_color_esm_default.COLOR_MAGENTA_600,
|
|
2437
|
+
foreground: seeds_color_esm_default.COLOR_MAGENTA_100
|
|
2438
|
+
};
|
|
2439
|
+
var pink2 = {
|
|
2440
|
+
background: seeds_color_esm_default.COLOR_PINK_900,
|
|
2441
|
+
highlight: seeds_color_esm_default.COLOR_PINK_600,
|
|
2442
|
+
foreground: seeds_color_esm_default.COLOR_PINK_100
|
|
2443
|
+
};
|
|
2444
|
+
var aqua2 = {
|
|
2445
|
+
background: seeds_color_esm_default.COLOR_AQUA_900,
|
|
2446
|
+
highlight: seeds_color_esm_default.COLOR_AQUA_500,
|
|
2447
|
+
foreground: seeds_color_esm_default.COLOR_AQUA_100
|
|
2448
|
+
};
|
|
2449
|
+
var teal2 = {
|
|
2450
|
+
background: seeds_color_esm_default.COLOR_TEAL_900,
|
|
2451
|
+
highlight: seeds_color_esm_default.COLOR_TEAL_500,
|
|
2452
|
+
foreground: seeds_color_esm_default.COLOR_TEAL_100
|
|
2453
|
+
};
|
|
2454
|
+
|
|
2455
|
+
// ../seeds-react-theme/lib/dark/theme.js
|
|
2456
|
+
function _typeof2(o) {
|
|
2457
|
+
"@babel/helpers - typeof";
|
|
2458
|
+
return _typeof2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
|
|
2459
|
+
return typeof o2;
|
|
2460
|
+
} : function(o2) {
|
|
2461
|
+
return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
|
|
2462
|
+
}, _typeof2(o);
|
|
2463
|
+
}
|
|
2464
|
+
function ownKeys2(e, r) {
|
|
2465
|
+
var t = Object.keys(e);
|
|
2466
|
+
if (Object.getOwnPropertySymbols) {
|
|
2467
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
2468
|
+
r && (o = o.filter(function(r2) {
|
|
2469
|
+
return Object.getOwnPropertyDescriptor(e, r2).enumerable;
|
|
2470
|
+
})), t.push.apply(t, o);
|
|
2471
|
+
}
|
|
2472
|
+
return t;
|
|
2473
|
+
}
|
|
2474
|
+
function _objectSpread2(e) {
|
|
2475
|
+
for (var r = 1; r < arguments.length; r++) {
|
|
2476
|
+
var t = null != arguments[r] ? arguments[r] : {};
|
|
2477
|
+
r % 2 ? ownKeys2(Object(t), true).forEach(function(r2) {
|
|
2478
|
+
_defineProperty2(e, r2, t[r2]);
|
|
2479
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys2(Object(t)).forEach(function(r2) {
|
|
2480
|
+
Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
|
|
2481
|
+
});
|
|
2482
|
+
}
|
|
2483
|
+
return e;
|
|
2484
|
+
}
|
|
2485
|
+
function _defineProperty2(obj, key, value) {
|
|
2486
|
+
key = _toPropertyKey2(key);
|
|
2487
|
+
if (key in obj) {
|
|
2488
|
+
Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
|
|
2489
|
+
} else {
|
|
2490
|
+
obj[key] = value;
|
|
2491
|
+
}
|
|
2492
|
+
return obj;
|
|
2493
|
+
}
|
|
2494
|
+
function _toPropertyKey2(t) {
|
|
2495
|
+
var i = _toPrimitive2(t, "string");
|
|
2496
|
+
return "symbol" == _typeof2(i) ? i : String(i);
|
|
2497
|
+
}
|
|
2498
|
+
function _toPrimitive2(t, r) {
|
|
2499
|
+
if ("object" != _typeof2(t) || !t)
|
|
2500
|
+
return t;
|
|
2501
|
+
var e = t[Symbol.toPrimitive];
|
|
2502
|
+
if (void 0 !== e) {
|
|
2503
|
+
var i = e.call(t, r || "default");
|
|
2504
|
+
if ("object" != _typeof2(i))
|
|
2505
|
+
return i;
|
|
2506
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
2507
|
+
}
|
|
2508
|
+
return ("string" === r ? String : Number)(t);
|
|
2509
|
+
}
|
|
2510
|
+
var MODE2 = "dark";
|
|
2511
|
+
var shadows2 = {
|
|
2512
|
+
low: "".concat(seeds_depth_esm_default.ELEVATION_LEVEL_100, " ").concat(seeds_color_esm_default.COLOR_NEUTRAL_1100, "FF"),
|
|
2513
|
+
medium: "".concat(seeds_depth_esm_default.ELEVATION_LEVEL_300, " ").concat(seeds_color_esm_default.COLOR_NEUTRAL_1100, "FF"),
|
|
2514
|
+
high: "".concat(seeds_depth_esm_default.ELEVATION_LEVEL_400, " ").concat(seeds_color_esm_default.COLOR_NEUTRAL_1100, "FF")
|
|
2515
|
+
};
|
|
2516
|
+
var colors2 = _objectSpread2(_objectSpread2({}, theme_default.colors), {}, {
|
|
2517
|
+
app: {
|
|
2518
|
+
background: {
|
|
2519
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_1000
|
|
2520
|
+
}
|
|
2521
|
+
},
|
|
2522
|
+
container: {
|
|
2523
|
+
background: {
|
|
2524
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_900,
|
|
2525
|
+
success: green2.background,
|
|
2526
|
+
warning: yellow2.background,
|
|
2527
|
+
error: red2.background,
|
|
2528
|
+
info: blue2.background,
|
|
2529
|
+
opportunity: purple2.background,
|
|
2530
|
+
/** @deprecated Use "error" instead of "danger" */
|
|
2531
|
+
danger: red2.background,
|
|
2532
|
+
decorative: {
|
|
2533
|
+
green: green2.background,
|
|
2534
|
+
blue: blue2.background,
|
|
2535
|
+
purple: purple2.background,
|
|
2536
|
+
yellow: yellow2.background,
|
|
2537
|
+
orange: orange2.background,
|
|
2538
|
+
red: red2.background,
|
|
2539
|
+
neutral: neutral2.background,
|
|
2540
|
+
magenta: magenta2.background,
|
|
2541
|
+
pink: pink2.background,
|
|
2542
|
+
aqua: aqua2.background,
|
|
2543
|
+
teal: teal2.background
|
|
2544
|
+
},
|
|
2545
|
+
selected: seeds_color_esm_default.COLOR_NEUTRAL_0,
|
|
2546
|
+
positive_sentiment: seeds_color_esm_default.COLOR_BLUE_500,
|
|
2547
|
+
negative_sentiment: seeds_color_esm_default.COLOR_RED_500,
|
|
2548
|
+
neutral_sentiment: seeds_color_esm_default.COLOR_NEUTRAL_300
|
|
2549
|
+
},
|
|
2550
|
+
border: {
|
|
2551
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_1100,
|
|
2552
|
+
success: green2.highlight,
|
|
2553
|
+
warning: yellow2.highlight,
|
|
2554
|
+
error: red2.highlight,
|
|
2555
|
+
/** @deprecated Use "error" instead of "danger" */
|
|
2556
|
+
danger: red2.highlight,
|
|
2557
|
+
info: blue2.highlight,
|
|
2558
|
+
opportunity: purple2.highlight,
|
|
2559
|
+
decorative: {
|
|
2560
|
+
green: green2.highlight,
|
|
2561
|
+
blue: blue2.highlight,
|
|
2562
|
+
purple: purple2.highlight,
|
|
2563
|
+
yellow: yellow2.highlight,
|
|
2564
|
+
orange: orange2.highlight,
|
|
2565
|
+
red: red2.highlight,
|
|
2566
|
+
neutral: neutral2.highlight,
|
|
2567
|
+
magenta: magenta2.highlight,
|
|
2568
|
+
pink: pink2.highlight,
|
|
2569
|
+
aqua: aqua2.highlight,
|
|
2570
|
+
teal: teal2.highlight
|
|
2571
|
+
},
|
|
2572
|
+
selected: seeds_color_esm_default.COLOR_NEUTRAL_0
|
|
2573
|
+
}
|
|
2574
|
+
},
|
|
2575
|
+
button: {
|
|
2576
|
+
primary: {
|
|
2577
|
+
background: {
|
|
2578
|
+
base: seeds_color_esm_default.COLOR_BLUE_400,
|
|
2579
|
+
hover: seeds_color_esm_default.COLOR_BLUE_300,
|
|
2580
|
+
active: seeds_color_esm_default.COLOR_BLUE_200
|
|
2581
|
+
},
|
|
2582
|
+
border: {
|
|
2583
|
+
base: "transparent"
|
|
2584
|
+
},
|
|
2585
|
+
text: {
|
|
2586
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_900,
|
|
2587
|
+
hover: seeds_color_esm_default.COLOR_NEUTRAL_1000
|
|
2588
|
+
}
|
|
2589
|
+
},
|
|
2590
|
+
secondary: {
|
|
2591
|
+
background: {
|
|
2592
|
+
base: "transparent",
|
|
2593
|
+
hover: seeds_color_esm_default.COLOR_NEUTRAL_100,
|
|
2594
|
+
active: seeds_color_esm_default.COLOR_NEUTRAL_0
|
|
2595
|
+
},
|
|
2596
|
+
border: {
|
|
2597
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_0
|
|
2598
|
+
},
|
|
2599
|
+
text: {
|
|
2600
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_0,
|
|
2601
|
+
hover: seeds_color_esm_default.COLOR_NEUTRAL_800
|
|
2602
|
+
}
|
|
2603
|
+
},
|
|
2604
|
+
pill: {
|
|
2605
|
+
background: {
|
|
2606
|
+
base: "transparent",
|
|
2607
|
+
hover: seeds_color_esm_default.COLOR_NEUTRAL_1000,
|
|
2608
|
+
active: seeds_color_esm_default.COLOR_NEUTRAL_900
|
|
2609
|
+
},
|
|
2610
|
+
border: {
|
|
2611
|
+
base: "transparent",
|
|
2612
|
+
hover: seeds_color_esm_default.COLOR_NEUTRAL_0
|
|
2613
|
+
},
|
|
2614
|
+
text: {
|
|
2615
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_100,
|
|
2616
|
+
hover: seeds_color_esm_default.COLOR_NEUTRAL_0
|
|
2617
|
+
}
|
|
2618
|
+
},
|
|
2619
|
+
destructive: {
|
|
2620
|
+
background: {
|
|
2621
|
+
base: seeds_color_esm_default.COLOR_RED_400,
|
|
2622
|
+
hover: seeds_color_esm_default.COLOR_RED_300,
|
|
2623
|
+
active: seeds_color_esm_default.COLOR_RED_200
|
|
2624
|
+
},
|
|
2625
|
+
border: {
|
|
2626
|
+
base: "transparent"
|
|
2627
|
+
},
|
|
2628
|
+
text: {
|
|
2629
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_900,
|
|
2630
|
+
hover: seeds_color_esm_default.COLOR_NEUTRAL_1000
|
|
2631
|
+
}
|
|
2632
|
+
},
|
|
2633
|
+
placeholder: {
|
|
2634
|
+
background: {
|
|
2635
|
+
base: "transparent",
|
|
2636
|
+
hover: seeds_color_esm_default.COLOR_NEUTRAL_1100,
|
|
2637
|
+
active: seeds_color_esm_default.COLOR_NEUTRAL_1100
|
|
2638
|
+
},
|
|
2639
|
+
border: {
|
|
2640
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_500
|
|
2641
|
+
},
|
|
2642
|
+
text: {
|
|
2643
|
+
base: seeds_color_esm_default.COLOR_BLUE_400,
|
|
2644
|
+
hover: seeds_color_esm_default.COLOR_BLUE_300
|
|
2645
|
+
}
|
|
2646
|
+
},
|
|
2647
|
+
unstyled: {
|
|
2648
|
+
background: {
|
|
2649
|
+
base: "transparent"
|
|
2650
|
+
},
|
|
2651
|
+
border: {
|
|
2652
|
+
base: "transparent"
|
|
2653
|
+
},
|
|
2654
|
+
text: {
|
|
2655
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_300,
|
|
2656
|
+
hover: seeds_color_esm_default.COLOR_NEUTRAL_200
|
|
2657
|
+
}
|
|
2658
|
+
}
|
|
2659
|
+
},
|
|
2660
|
+
link: {
|
|
2661
|
+
base: seeds_color_esm_default.COLOR_BLUE_400,
|
|
2662
|
+
hover: seeds_color_esm_default.COLOR_BLUE_300
|
|
2663
|
+
},
|
|
2664
|
+
text: {
|
|
2665
|
+
headline: seeds_color_esm_default.COLOR_NEUTRAL_0,
|
|
2666
|
+
subtext: seeds_color_esm_default.COLOR_NEUTRAL_200,
|
|
2667
|
+
body: seeds_color_esm_default.COLOR_NEUTRAL_100,
|
|
2668
|
+
inverse: seeds_color_esm_default.COLOR_NEUTRAL_900,
|
|
2669
|
+
error: red2.foreground,
|
|
2670
|
+
background: {
|
|
2671
|
+
highlight: seeds_color_esm_default.COLOR_YELLOW_900,
|
|
2672
|
+
selection: seeds_color_esm_default.COLOR_BLUE_800
|
|
2673
|
+
},
|
|
2674
|
+
decorative: {
|
|
2675
|
+
green: green2.foreground,
|
|
2676
|
+
blue: blue2.foreground,
|
|
2677
|
+
purple: purple2.foreground,
|
|
2678
|
+
yellow: yellow2.foreground,
|
|
2679
|
+
orange: orange2.foreground,
|
|
2680
|
+
red: red2.foreground,
|
|
2681
|
+
neutral: neutral2.foreground,
|
|
2682
|
+
magenta: magenta2.foreground,
|
|
2683
|
+
pink: pink2.foreground,
|
|
2684
|
+
aqua: aqua2.foreground,
|
|
2685
|
+
teal: teal2.foreground
|
|
2686
|
+
}
|
|
2687
|
+
},
|
|
2688
|
+
icon: {
|
|
2689
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_100,
|
|
2690
|
+
inverse: seeds_color_esm_default.COLOR_NEUTRAL_900,
|
|
2691
|
+
success: green2.foreground,
|
|
2692
|
+
warning: yellow2.foreground,
|
|
2693
|
+
error: red2.foreground,
|
|
2694
|
+
/** @deprecated Use "error" instead of "danger" */
|
|
2695
|
+
danger: red2.foreground,
|
|
2696
|
+
info: blue2.foreground,
|
|
2697
|
+
opportunity: purple2.foreground,
|
|
2698
|
+
applied: seeds_color_esm_default.COLOR_BLUE_400,
|
|
2699
|
+
positive_sentiment: seeds_color_esm_default.COLOR_BLUE_600,
|
|
2700
|
+
negative_sentiment: seeds_color_esm_default.COLOR_RED_600,
|
|
2701
|
+
neutral_sentiment: seeds_color_esm_default.COLOR_NEUTRAL_500
|
|
2702
|
+
},
|
|
2703
|
+
form: {
|
|
2704
|
+
background: {
|
|
2705
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_900,
|
|
2706
|
+
selected: seeds_color_esm_default.COLOR_NEUTRAL_0
|
|
2707
|
+
},
|
|
2708
|
+
border: {
|
|
2709
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_500,
|
|
2710
|
+
error: red2.highlight,
|
|
2711
|
+
warning: yellow2.highlight,
|
|
2712
|
+
selected: seeds_color_esm_default.COLOR_NEUTRAL_0
|
|
2713
|
+
},
|
|
2714
|
+
placeholder: {
|
|
2715
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_500
|
|
2716
|
+
}
|
|
2717
|
+
},
|
|
2718
|
+
listItem: {
|
|
2719
|
+
background: {
|
|
2720
|
+
base: "transparent",
|
|
2721
|
+
hover: seeds_color_esm_default.COLOR_NEUTRAL_800,
|
|
2722
|
+
selected: seeds_color_esm_default.COLOR_NEUTRAL_0,
|
|
2723
|
+
active: seeds_color_esm_default.COLOR_NEUTRAL_0
|
|
2724
|
+
},
|
|
2725
|
+
border: {
|
|
2726
|
+
base: neutral2.highlight
|
|
2727
|
+
}
|
|
2728
|
+
},
|
|
2729
|
+
overlay: {
|
|
2730
|
+
background: {
|
|
2731
|
+
base: curriedTransparentize(0.28, seeds_color_esm_default.COLOR_NEUTRAL_1000)
|
|
2732
|
+
},
|
|
2733
|
+
text: {
|
|
2734
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_0
|
|
2735
|
+
},
|
|
2736
|
+
icon: {
|
|
2737
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_0
|
|
2738
|
+
}
|
|
2739
|
+
},
|
|
2740
|
+
elevation: {
|
|
2741
|
+
base: seeds_color_esm_default.COLOR_NEUTRAL_1100
|
|
2742
|
+
},
|
|
2743
|
+
illustration: {
|
|
2744
|
+
fill: seeds_color_esm_default.COLOR_BLUE_400,
|
|
2745
|
+
stroke: neutral2.foreground
|
|
2746
|
+
},
|
|
2747
|
+
dataviz: {
|
|
2748
|
+
map: datavizPalette2.DATAVIZ_COLORS_MAP,
|
|
2749
|
+
list: datavizPalette2.DATAVIZ_COLORS_LIST,
|
|
2750
|
+
placeholder: datavizPalette2.PLACEHOLDER
|
|
2751
|
+
},
|
|
2752
|
+
userStatus: {
|
|
2753
|
+
online: seeds_color_esm_default.COLOR_GREEN_500,
|
|
2754
|
+
offline: seeds_color_esm_default.COLOR_RED_500,
|
|
2755
|
+
unavailable: seeds_color_esm_default.COLOR_NEUTRAL_500
|
|
2756
|
+
}
|
|
2757
|
+
}, datavizPalette2);
|
|
2758
|
+
var darkTheme = _objectSpread2(_objectSpread2({}, theme_default), {}, {
|
|
2759
|
+
colors: colors2,
|
|
2760
|
+
shadows: shadows2,
|
|
2761
|
+
mode: MODE2
|
|
2762
|
+
});
|
|
2763
|
+
var theme_default2 = darkTheme;
|
|
2764
|
+
|
|
2765
|
+
// ../seeds-react-theme/lib/extendedThemes/sproutTheme/light/theme.js
|
|
2766
|
+
function _typeof3(o) {
|
|
2767
|
+
"@babel/helpers - typeof";
|
|
2768
|
+
return _typeof3 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
|
|
2769
|
+
return typeof o2;
|
|
2770
|
+
} : function(o2) {
|
|
2771
|
+
return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
|
|
2772
|
+
}, _typeof3(o);
|
|
2773
|
+
}
|
|
2774
|
+
function ownKeys3(e, r) {
|
|
2775
|
+
var t = Object.keys(e);
|
|
2776
|
+
if (Object.getOwnPropertySymbols) {
|
|
2777
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
2778
|
+
r && (o = o.filter(function(r2) {
|
|
2779
|
+
return Object.getOwnPropertyDescriptor(e, r2).enumerable;
|
|
2780
|
+
})), t.push.apply(t, o);
|
|
2781
|
+
}
|
|
2782
|
+
return t;
|
|
2783
|
+
}
|
|
2784
|
+
function _objectSpread3(e) {
|
|
2785
|
+
for (var r = 1; r < arguments.length; r++) {
|
|
2786
|
+
var t = null != arguments[r] ? arguments[r] : {};
|
|
2787
|
+
r % 2 ? ownKeys3(Object(t), true).forEach(function(r2) {
|
|
2788
|
+
_defineProperty3(e, r2, t[r2]);
|
|
2789
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys3(Object(t)).forEach(function(r2) {
|
|
2790
|
+
Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
|
|
2791
|
+
});
|
|
2792
|
+
}
|
|
2793
|
+
return e;
|
|
2794
|
+
}
|
|
2795
|
+
function _defineProperty3(obj, key, value) {
|
|
2796
|
+
key = _toPropertyKey3(key);
|
|
2797
|
+
if (key in obj) {
|
|
2798
|
+
Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
|
|
2799
|
+
} else {
|
|
2800
|
+
obj[key] = value;
|
|
2801
|
+
}
|
|
2802
|
+
return obj;
|
|
2803
|
+
}
|
|
2804
|
+
function _toPropertyKey3(t) {
|
|
2805
|
+
var i = _toPrimitive3(t, "string");
|
|
2806
|
+
return "symbol" == _typeof3(i) ? i : String(i);
|
|
2807
|
+
}
|
|
2808
|
+
function _toPrimitive3(t, r) {
|
|
2809
|
+
if ("object" != _typeof3(t) || !t)
|
|
2810
|
+
return t;
|
|
2811
|
+
var e = t[Symbol.toPrimitive];
|
|
2812
|
+
if (void 0 !== e) {
|
|
2813
|
+
var i = e.call(t, r || "default");
|
|
2814
|
+
if ("object" != _typeof3(i))
|
|
2815
|
+
return i;
|
|
2816
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
2817
|
+
}
|
|
2818
|
+
return ("string" === r ? String : Number)(t);
|
|
2819
|
+
}
|
|
2820
|
+
var navigation = {
|
|
2821
|
+
main: {
|
|
2822
|
+
background: {
|
|
2823
|
+
base: theme_default.colors.neutral[900],
|
|
2824
|
+
overflowGradient: theme_default.colors.neutral[1e3]
|
|
2825
|
+
},
|
|
2826
|
+
border: {
|
|
2827
|
+
base: theme_default.colors.neutral[1e3]
|
|
2828
|
+
}
|
|
2829
|
+
},
|
|
2830
|
+
secondary: {
|
|
2831
|
+
background: {
|
|
2832
|
+
base: theme_default.colors.neutral[800]
|
|
2833
|
+
},
|
|
2834
|
+
widget: {
|
|
2835
|
+
background: {
|
|
2836
|
+
base: theme_default.colors.neutral[1e3]
|
|
2837
|
+
}
|
|
2838
|
+
},
|
|
2839
|
+
accordion: {
|
|
2840
|
+
background: {
|
|
2841
|
+
base: theme_default.colors.neutral[900]
|
|
2842
|
+
}
|
|
2843
|
+
}
|
|
2844
|
+
},
|
|
2845
|
+
settings: {
|
|
2846
|
+
listItem: {
|
|
2847
|
+
background: {
|
|
2848
|
+
base: "transparent",
|
|
2849
|
+
hover: theme_default.colors.neutral[200],
|
|
2850
|
+
selected: theme_default.colors.neutral[0]
|
|
2851
|
+
}
|
|
2852
|
+
}
|
|
2853
|
+
},
|
|
2854
|
+
text: {
|
|
2855
|
+
base: theme_default.colors.neutral[0],
|
|
2856
|
+
hover: theme_default.colors.neutral[0]
|
|
2857
|
+
},
|
|
2858
|
+
icon: {
|
|
2859
|
+
base: theme_default.colors.neutral[0],
|
|
2860
|
+
hover: theme_default.colors.neutral[0]
|
|
2861
|
+
},
|
|
2862
|
+
listItem: {
|
|
2863
|
+
background: {
|
|
2864
|
+
base: theme_default.colors.neutral[800],
|
|
2865
|
+
hover: theme_default.colors.neutral[1e3],
|
|
2866
|
+
selected: theme_default.colors.neutral[700]
|
|
2867
|
+
}
|
|
2868
|
+
}
|
|
2869
|
+
};
|
|
2870
|
+
var datePicker = {
|
|
2871
|
+
comparison: {
|
|
2872
|
+
background: {
|
|
2873
|
+
base: theme_default.colors.neutral[400]
|
|
2874
|
+
},
|
|
2875
|
+
text: {
|
|
2876
|
+
base: theme_default.colors.neutral[800]
|
|
2877
|
+
}
|
|
2878
|
+
}
|
|
2879
|
+
};
|
|
2880
|
+
var ai = {
|
|
2881
|
+
feature: {
|
|
2882
|
+
decorative: {
|
|
2883
|
+
// these two colors form a gradient in AI features
|
|
2884
|
+
primary: theme_default.colors.teal[800],
|
|
2885
|
+
secondary: theme_default.colors.blue[900]
|
|
2886
|
+
},
|
|
2887
|
+
background: {
|
|
2888
|
+
primary: theme_default.colors.teal[800],
|
|
2889
|
+
secondary: theme_default.colors.blue[900],
|
|
2890
|
+
default: {
|
|
2891
|
+
primary: theme_default.colors.teal[800],
|
|
2892
|
+
secondary: theme_default.colors.blue[900]
|
|
2893
|
+
},
|
|
2894
|
+
inverse: {
|
|
2895
|
+
primary: theme_default.colors.teal[100],
|
|
2896
|
+
secondary: theme_default.colors.blue[200]
|
|
2897
|
+
}
|
|
2898
|
+
}
|
|
2899
|
+
}
|
|
2900
|
+
};
|
|
2901
|
+
var analytics = {
|
|
2902
|
+
trend: {
|
|
2903
|
+
positive: theme_default.colors.teal[800],
|
|
2904
|
+
neutral: theme_default.colors.neutral[800],
|
|
2905
|
+
negative: theme_default.colors.neutral[800]
|
|
2906
|
+
},
|
|
2907
|
+
overlay: {
|
|
2908
|
+
background: {
|
|
2909
|
+
base: curriedTransparentize(0.2, theme_default.colors.neutral[0])
|
|
2910
|
+
}
|
|
2911
|
+
}
|
|
2912
|
+
};
|
|
2913
|
+
var listening = {
|
|
2914
|
+
chart: {
|
|
2915
|
+
indicator: {
|
|
2916
|
+
default: {
|
|
2917
|
+
primary: theme_default.colors.neutral[400],
|
|
2918
|
+
secondary: theme_default.colors.neutral[0]
|
|
2919
|
+
},
|
|
2920
|
+
hover: {
|
|
2921
|
+
primary: theme_default.colors.neutral[1e3],
|
|
2922
|
+
secondary: theme_default.colors.neutral[0]
|
|
2923
|
+
}
|
|
2924
|
+
},
|
|
2925
|
+
spike: {
|
|
2926
|
+
background: {
|
|
2927
|
+
base: theme_default.colors.teal[500]
|
|
2928
|
+
},
|
|
2929
|
+
icon: {
|
|
2930
|
+
base: theme_default.colors.neutral[0]
|
|
2931
|
+
}
|
|
2932
|
+
}
|
|
2933
|
+
},
|
|
2934
|
+
topicTypes: {
|
|
2935
|
+
customTopic: theme_default.colors.blue[400],
|
|
2936
|
+
brandHealth: theme_default.colors.red[400],
|
|
2937
|
+
industryInsights: theme_default.colors.green[400],
|
|
2938
|
+
competitiveAnalysis: theme_default.colors.yellow[400],
|
|
2939
|
+
campaignAnalysis: theme_default.colors.magenta[400],
|
|
2940
|
+
eventMonitoring: theme_default.colors.aqua[400],
|
|
2941
|
+
featuredTopic: theme_default.colors.green[400]
|
|
2942
|
+
},
|
|
2943
|
+
worldMap: {
|
|
2944
|
+
empty: theme_default.colors.neutral[200],
|
|
2945
|
+
q0: theme_default.colors.purple[200],
|
|
2946
|
+
q1: theme_default.colors.purple[300],
|
|
2947
|
+
q2: theme_default.colors.purple[400],
|
|
2948
|
+
q3: theme_default.colors.purple[500],
|
|
2949
|
+
q4: theme_default.colors.purple[600],
|
|
2950
|
+
q5: theme_default.colors.purple[700],
|
|
2951
|
+
q6: theme_default.colors.purple[800],
|
|
2952
|
+
q7: theme_default.colors.purple[900]
|
|
2953
|
+
}
|
|
2954
|
+
};
|
|
2955
|
+
var growth = {
|
|
2956
|
+
carousel: {
|
|
2957
|
+
indicator: {
|
|
2958
|
+
active: theme_default.colors.blue[600],
|
|
2959
|
+
inactive: theme_default.colors.neutral[300]
|
|
2960
|
+
}
|
|
2961
|
+
},
|
|
2962
|
+
education: {
|
|
2963
|
+
decorative: {
|
|
2964
|
+
aqua: theme_default.colors.aqua[600],
|
|
2965
|
+
teal: theme_default.colors.teal[700]
|
|
2966
|
+
}
|
|
2967
|
+
},
|
|
2968
|
+
opportunity: {
|
|
2969
|
+
background: {
|
|
2970
|
+
base: theme_default.colors.purple[700],
|
|
2971
|
+
secondary: theme_default.colors.neutral[900],
|
|
2972
|
+
hover: theme_default.colors.purple[300]
|
|
2973
|
+
},
|
|
2974
|
+
button: {
|
|
2975
|
+
primary: {
|
|
2976
|
+
base: theme_default.colors.purple[700],
|
|
2977
|
+
hover: theme_default.colors.purple[800]
|
|
2978
|
+
}
|
|
2979
|
+
},
|
|
2980
|
+
badge: {
|
|
2981
|
+
background: {
|
|
2982
|
+
base: theme_default.colors.purple[200],
|
|
2983
|
+
active: theme_default.colors.purple[800]
|
|
2984
|
+
},
|
|
2985
|
+
icon: {
|
|
2986
|
+
base: theme_default.colors.purple[700],
|
|
2987
|
+
active: theme_default.colors.purple[100]
|
|
2988
|
+
},
|
|
2989
|
+
text: {
|
|
2990
|
+
base: theme_default.colors.purple[700]
|
|
2991
|
+
}
|
|
2992
|
+
},
|
|
2993
|
+
decorative: {
|
|
2994
|
+
// confetti
|
|
2995
|
+
green: theme_default.colors.green[700],
|
|
2996
|
+
lightAqua: theme_default.colors.aqua[600],
|
|
2997
|
+
darkAqua: theme_default.colors.aqua[1100],
|
|
2998
|
+
purple: theme_default.colors.purple[700]
|
|
2999
|
+
}
|
|
3000
|
+
},
|
|
3001
|
+
featuredDemo: {
|
|
3002
|
+
background: {
|
|
3003
|
+
primary: {
|
|
3004
|
+
base: theme_default.colors.blue[700],
|
|
3005
|
+
hover: theme_default.colors.blue[900]
|
|
3006
|
+
},
|
|
3007
|
+
secondary: {
|
|
3008
|
+
base: theme_default.colors.purple[800],
|
|
3009
|
+
hover: theme_default.colors.purple[800]
|
|
3010
|
+
}
|
|
3011
|
+
}
|
|
3012
|
+
},
|
|
3013
|
+
darkModal: {
|
|
3014
|
+
background: {
|
|
3015
|
+
base: theme_default.colors.aqua[1100]
|
|
3016
|
+
},
|
|
3017
|
+
text: {
|
|
3018
|
+
base: theme_default.colors.neutral[0]
|
|
3019
|
+
},
|
|
3020
|
+
cards: {
|
|
3021
|
+
background: {
|
|
3022
|
+
base: theme_default.colors.neutral[0],
|
|
3023
|
+
hover: theme_default.colors.purple[100]
|
|
3024
|
+
},
|
|
3025
|
+
text: {
|
|
3026
|
+
base: theme_default.colors.neutral[800],
|
|
3027
|
+
hover: theme_default.colors.neutral[900]
|
|
3028
|
+
},
|
|
3029
|
+
border: {
|
|
3030
|
+
base: theme_default.colors.neutral[0],
|
|
3031
|
+
hover: theme_default.colors.purple[700]
|
|
3032
|
+
}
|
|
3033
|
+
}
|
|
3034
|
+
},
|
|
3035
|
+
user: {
|
|
3036
|
+
status: {
|
|
3037
|
+
online: theme_default.colors.green[700]
|
|
3038
|
+
}
|
|
3039
|
+
}
|
|
3040
|
+
};
|
|
3041
|
+
var cardControl = {
|
|
3042
|
+
background: {
|
|
3043
|
+
base: theme_default.colors.neutral[0],
|
|
3044
|
+
selected: theme_default.colors.neutral[800],
|
|
3045
|
+
hover: theme_default.colors.neutral[100]
|
|
3046
|
+
},
|
|
3047
|
+
text: {
|
|
3048
|
+
selected: theme_default.colors.text.inverse
|
|
3049
|
+
}
|
|
3050
|
+
};
|
|
3051
|
+
var lightTheme = _objectSpread3(_objectSpread3({}, theme_default), {}, {
|
|
3052
|
+
colors: _objectSpread3(_objectSpread3({}, theme_default.colors), {}, {
|
|
3053
|
+
ai,
|
|
3054
|
+
navigation,
|
|
3055
|
+
datePicker,
|
|
3056
|
+
analytics,
|
|
3057
|
+
listening,
|
|
3058
|
+
growth,
|
|
3059
|
+
cardControl
|
|
3060
|
+
})
|
|
3061
|
+
});
|
|
3062
|
+
|
|
3063
|
+
// ../seeds-react-theme/lib/extendedThemes/sproutTheme/dark/theme.js
|
|
3064
|
+
function _typeof4(o) {
|
|
3065
|
+
"@babel/helpers - typeof";
|
|
3066
|
+
return _typeof4 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
|
|
3067
|
+
return typeof o2;
|
|
3068
|
+
} : function(o2) {
|
|
3069
|
+
return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
|
|
3070
|
+
}, _typeof4(o);
|
|
3071
|
+
}
|
|
3072
|
+
function ownKeys4(e, r) {
|
|
3073
|
+
var t = Object.keys(e);
|
|
3074
|
+
if (Object.getOwnPropertySymbols) {
|
|
3075
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
3076
|
+
r && (o = o.filter(function(r2) {
|
|
3077
|
+
return Object.getOwnPropertyDescriptor(e, r2).enumerable;
|
|
3078
|
+
})), t.push.apply(t, o);
|
|
3079
|
+
}
|
|
3080
|
+
return t;
|
|
3081
|
+
}
|
|
3082
|
+
function _objectSpread4(e) {
|
|
3083
|
+
for (var r = 1; r < arguments.length; r++) {
|
|
3084
|
+
var t = null != arguments[r] ? arguments[r] : {};
|
|
3085
|
+
r % 2 ? ownKeys4(Object(t), true).forEach(function(r2) {
|
|
3086
|
+
_defineProperty4(e, r2, t[r2]);
|
|
3087
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys4(Object(t)).forEach(function(r2) {
|
|
3088
|
+
Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
|
|
3089
|
+
});
|
|
3090
|
+
}
|
|
3091
|
+
return e;
|
|
3092
|
+
}
|
|
3093
|
+
function _defineProperty4(obj, key, value) {
|
|
3094
|
+
key = _toPropertyKey4(key);
|
|
3095
|
+
if (key in obj) {
|
|
3096
|
+
Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
|
|
3097
|
+
} else {
|
|
3098
|
+
obj[key] = value;
|
|
3099
|
+
}
|
|
3100
|
+
return obj;
|
|
3101
|
+
}
|
|
3102
|
+
function _toPropertyKey4(t) {
|
|
3103
|
+
var i = _toPrimitive4(t, "string");
|
|
3104
|
+
return "symbol" == _typeof4(i) ? i : String(i);
|
|
3105
|
+
}
|
|
3106
|
+
function _toPrimitive4(t, r) {
|
|
3107
|
+
if ("object" != _typeof4(t) || !t)
|
|
3108
|
+
return t;
|
|
3109
|
+
var e = t[Symbol.toPrimitive];
|
|
3110
|
+
if (void 0 !== e) {
|
|
3111
|
+
var i = e.call(t, r || "default");
|
|
3112
|
+
if ("object" != _typeof4(i))
|
|
3113
|
+
return i;
|
|
3114
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
3115
|
+
}
|
|
3116
|
+
return ("string" === r ? String : Number)(t);
|
|
3117
|
+
}
|
|
3118
|
+
var navigation2 = {
|
|
3119
|
+
main: {
|
|
3120
|
+
background: {
|
|
3121
|
+
base: theme_default2.colors.neutral[1e3],
|
|
3122
|
+
overflowGradient: theme_default2.colors.neutral[1100]
|
|
3123
|
+
},
|
|
3124
|
+
border: {
|
|
3125
|
+
base: theme_default2.colors.neutral[1100]
|
|
3126
|
+
}
|
|
3127
|
+
},
|
|
3128
|
+
secondary: {
|
|
3129
|
+
background: {
|
|
3130
|
+
base: theme_default2.colors.neutral[900]
|
|
3131
|
+
},
|
|
3132
|
+
widget: {
|
|
3133
|
+
background: {
|
|
3134
|
+
base: theme_default2.colors.neutral[800]
|
|
3135
|
+
}
|
|
3136
|
+
},
|
|
3137
|
+
accordion: {
|
|
3138
|
+
background: {
|
|
3139
|
+
// Uses hexicimal to change the opacity of the color
|
|
3140
|
+
// Adding 'A3' at end to make this color have a 64% opacity
|
|
3141
|
+
// Reference https://gist.github.com/lopspower/03fb1cc0ac9f32ef38f4
|
|
3142
|
+
base: "".concat(theme_default2.colors.neutral[1e3], "A3")
|
|
3143
|
+
}
|
|
3144
|
+
}
|
|
3145
|
+
},
|
|
3146
|
+
settings: {
|
|
3147
|
+
listItem: {
|
|
3148
|
+
background: {
|
|
3149
|
+
base: "transparent",
|
|
3150
|
+
hover: theme_default2.colors.neutral[1100],
|
|
3151
|
+
selected: theme_default2.colors.neutral[800]
|
|
3152
|
+
}
|
|
3153
|
+
}
|
|
3154
|
+
},
|
|
3155
|
+
text: {
|
|
3156
|
+
base: theme_default2.colors.neutral[0],
|
|
3157
|
+
hover: theme_default2.colors.neutral[0]
|
|
3158
|
+
},
|
|
3159
|
+
icon: {
|
|
3160
|
+
base: theme_default2.colors.neutral[0],
|
|
3161
|
+
hover: theme_default2.colors.neutral[0]
|
|
3162
|
+
},
|
|
3163
|
+
listItem: {
|
|
3164
|
+
background: {
|
|
3165
|
+
base: theme_default2.colors.neutral[1e3],
|
|
3166
|
+
hover: theme_default2.colors.neutral[1100],
|
|
3167
|
+
selected: theme_default2.colors.neutral[700]
|
|
3168
|
+
}
|
|
3169
|
+
}
|
|
3170
|
+
};
|
|
3171
|
+
var datePicker2 = {
|
|
3172
|
+
comparison: {
|
|
3173
|
+
background: {
|
|
3174
|
+
base: theme_default2.colors.neutral[400]
|
|
3175
|
+
},
|
|
3176
|
+
text: {
|
|
3177
|
+
base: theme_default2.colors.neutral[800]
|
|
3178
|
+
}
|
|
3179
|
+
}
|
|
3180
|
+
};
|
|
3181
|
+
var ai2 = {
|
|
3182
|
+
feature: {
|
|
3183
|
+
decorative: {
|
|
3184
|
+
// identical to light theme
|
|
3185
|
+
primary: theme_default2.colors.teal[800],
|
|
3186
|
+
secondary: theme_default2.colors.blue[900]
|
|
3187
|
+
},
|
|
3188
|
+
background: {
|
|
3189
|
+
primary: theme_default2.colors.teal[100],
|
|
3190
|
+
secondary: theme_default2.colors.blue[200],
|
|
3191
|
+
default: {
|
|
3192
|
+
primary: theme_default2.colors.teal[100],
|
|
3193
|
+
secondary: theme_default2.colors.blue[200]
|
|
3194
|
+
},
|
|
3195
|
+
inverse: {
|
|
3196
|
+
primary: theme_default2.colors.teal[800],
|
|
3197
|
+
secondary: theme_default2.colors.blue[900]
|
|
3198
|
+
}
|
|
3199
|
+
}
|
|
3200
|
+
}
|
|
3201
|
+
};
|
|
3202
|
+
var analytics2 = {
|
|
3203
|
+
trend: {
|
|
3204
|
+
positive: theme_default2.colors.teal[500],
|
|
3205
|
+
neutral: theme_default2.colors.neutral[100],
|
|
3206
|
+
negative: theme_default2.colors.neutral[100]
|
|
3207
|
+
},
|
|
3208
|
+
overlay: {
|
|
3209
|
+
background: {
|
|
3210
|
+
base: curriedTransparentize(0.2, theme_default2.colors.neutral[900])
|
|
3211
|
+
}
|
|
3212
|
+
}
|
|
3213
|
+
};
|
|
3214
|
+
var listening2 = {
|
|
3215
|
+
chart: {
|
|
3216
|
+
indicator: {
|
|
3217
|
+
default: {
|
|
3218
|
+
primary: theme_default2.colors.neutral[100],
|
|
3219
|
+
secondary: theme_default2.colors.neutral[900]
|
|
3220
|
+
},
|
|
3221
|
+
hover: {
|
|
3222
|
+
primary: theme_default2.colors.neutral[300],
|
|
3223
|
+
secondary: theme_default2.colors.neutral[0]
|
|
3224
|
+
}
|
|
3225
|
+
},
|
|
3226
|
+
spike: {
|
|
3227
|
+
background: {
|
|
3228
|
+
base: theme_default2.colors.teal[500]
|
|
3229
|
+
},
|
|
3230
|
+
icon: {
|
|
3231
|
+
base: theme_default2.colors.neutral[0]
|
|
3232
|
+
}
|
|
3233
|
+
}
|
|
3234
|
+
},
|
|
3235
|
+
topicTypes: {
|
|
3236
|
+
customTopic: theme_default2.colors.teal[400],
|
|
3237
|
+
brandHealth: theme_default2.colors.red[400],
|
|
3238
|
+
industryInsights: theme_default2.colors.green[400],
|
|
3239
|
+
competitiveAnalysis: theme_default2.colors.yellow[400],
|
|
3240
|
+
campaignAnalysis: theme_default2.colors.magenta[400],
|
|
3241
|
+
eventMonitoring: theme_default2.colors.aqua[400],
|
|
3242
|
+
featuredTopic: theme_default2.colors.green[400]
|
|
3243
|
+
},
|
|
3244
|
+
worldMap: {
|
|
3245
|
+
empty: theme_default2.colors.neutral[200],
|
|
3246
|
+
q0: theme_default2.colors.purple[200],
|
|
3247
|
+
q1: theme_default2.colors.purple[300],
|
|
3248
|
+
q2: theme_default2.colors.purple[400],
|
|
3249
|
+
q3: theme_default2.colors.purple[500],
|
|
3250
|
+
q4: theme_default2.colors.purple[600],
|
|
3251
|
+
q5: theme_default2.colors.purple[700],
|
|
3252
|
+
q6: theme_default2.colors.purple[800],
|
|
3253
|
+
q7: theme_default2.colors.purple[900]
|
|
3254
|
+
}
|
|
3255
|
+
};
|
|
3256
|
+
var growth2 = {
|
|
3257
|
+
carousel: {
|
|
3258
|
+
indicator: {
|
|
3259
|
+
active: theme_default2.colors.blue[600],
|
|
3260
|
+
inactive: theme_default2.colors.neutral[300]
|
|
3261
|
+
}
|
|
3262
|
+
},
|
|
3263
|
+
education: {
|
|
3264
|
+
decorative: {
|
|
3265
|
+
aqua: theme_default2.colors.aqua[600],
|
|
3266
|
+
teal: theme_default2.colors.teal[500]
|
|
3267
|
+
}
|
|
3268
|
+
},
|
|
3269
|
+
opportunity: {
|
|
3270
|
+
background: {
|
|
3271
|
+
base: theme_default2.colors.purple[700],
|
|
3272
|
+
secondary: theme_default2.colors.neutral[700],
|
|
3273
|
+
hover: theme_default2.colors.purple[500]
|
|
3274
|
+
},
|
|
3275
|
+
button: {
|
|
3276
|
+
primary: {
|
|
3277
|
+
base: theme_default2.colors.purple[400],
|
|
3278
|
+
hover: theme_default2.colors.purple[300]
|
|
3279
|
+
}
|
|
3280
|
+
},
|
|
3281
|
+
badge: {
|
|
3282
|
+
background: {
|
|
3283
|
+
base: theme_default2.colors.purple[700],
|
|
3284
|
+
active: theme_default2.colors.purple[100]
|
|
3285
|
+
},
|
|
3286
|
+
icon: {
|
|
3287
|
+
base: theme_default2.colors.purple[200],
|
|
3288
|
+
active: theme_default2.colors.purple[800]
|
|
3289
|
+
},
|
|
3290
|
+
text: {
|
|
3291
|
+
base: theme_default2.colors.purple[200]
|
|
3292
|
+
}
|
|
3293
|
+
},
|
|
3294
|
+
decorative: {
|
|
3295
|
+
// confetti
|
|
3296
|
+
green: theme_default2.colors.green[700],
|
|
3297
|
+
lightAqua: theme_default2.colors.aqua[600],
|
|
3298
|
+
darkAqua: theme_default2.colors.aqua[1100],
|
|
3299
|
+
purple: theme_default2.colors.purple[700]
|
|
3300
|
+
}
|
|
3301
|
+
},
|
|
3302
|
+
featuredDemo: {
|
|
3303
|
+
background: {
|
|
3304
|
+
primary: {
|
|
3305
|
+
base: theme_default2.colors.blue[400],
|
|
3306
|
+
hover: theme_default2.colors.blue[100]
|
|
3307
|
+
},
|
|
3308
|
+
secondary: {
|
|
3309
|
+
base: theme_default2.colors.purple[500],
|
|
3310
|
+
hover: theme_default2.colors.purple[100]
|
|
3311
|
+
}
|
|
3312
|
+
}
|
|
3313
|
+
},
|
|
3314
|
+
darkModal: {
|
|
3315
|
+
background: {
|
|
3316
|
+
base: theme_default2.colors.aqua[1100]
|
|
3317
|
+
},
|
|
3318
|
+
text: {
|
|
3319
|
+
base: theme_default2.colors.neutral[0]
|
|
3320
|
+
},
|
|
3321
|
+
cards: {
|
|
3322
|
+
background: {
|
|
3323
|
+
base: theme_default2.colors.neutral[0],
|
|
3324
|
+
hover: theme_default2.colors.purple[100]
|
|
3325
|
+
},
|
|
3326
|
+
text: {
|
|
3327
|
+
base: theme_default2.colors.neutral[800],
|
|
3328
|
+
hover: theme_default2.colors.neutral[900]
|
|
3329
|
+
},
|
|
3330
|
+
border: {
|
|
3331
|
+
base: theme_default2.colors.neutral[0],
|
|
3332
|
+
hover: theme_default2.colors.purple[700]
|
|
3333
|
+
}
|
|
3334
|
+
}
|
|
3335
|
+
},
|
|
3336
|
+
user: {
|
|
3337
|
+
status: {
|
|
3338
|
+
online: theme_default2.colors.green[700]
|
|
3339
|
+
}
|
|
3340
|
+
}
|
|
3341
|
+
};
|
|
3342
|
+
var cardControl2 = {
|
|
3343
|
+
background: {
|
|
3344
|
+
base: theme_default2.colors.neutral[900],
|
|
3345
|
+
selected: theme_default2.colors.neutral[700],
|
|
3346
|
+
hover: theme_default2.colors.neutral[800]
|
|
3347
|
+
},
|
|
3348
|
+
text: {
|
|
3349
|
+
selected: theme_default2.colors.text.body
|
|
3350
|
+
}
|
|
3351
|
+
};
|
|
3352
|
+
var darkTheme2 = _objectSpread4(_objectSpread4({}, theme_default2), {}, {
|
|
3353
|
+
colors: _objectSpread4(_objectSpread4({}, theme_default2.colors), {}, {
|
|
3354
|
+
navigation: navigation2,
|
|
3355
|
+
datePicker: datePicker2,
|
|
3356
|
+
ai: ai2,
|
|
3357
|
+
analytics: analytics2,
|
|
3358
|
+
listening: listening2,
|
|
3359
|
+
growth: growth2,
|
|
3360
|
+
cardControl: cardControl2
|
|
3361
|
+
})
|
|
3362
|
+
});
|
|
3363
|
+
|
|
3364
|
+
// ../seeds-react-theme-provider/dist/index.mjs
|
|
3365
|
+
import { jsx as jsx4 } from "react/jsx-runtime";
|
|
3366
|
+
|
|
3367
|
+
// src/components/ColorBox/ColorBox.tsx
|
|
3368
|
+
import { jsx as jsx5 } from "react/jsx-runtime";
|
|
3369
|
+
var ColorBox = ({
|
|
3370
|
+
display = "inline-block",
|
|
3371
|
+
height = "16px",
|
|
3372
|
+
width = "16px",
|
|
3373
|
+
minWidth = width,
|
|
3374
|
+
borderRadius = "400",
|
|
3375
|
+
...props
|
|
3376
|
+
}) => {
|
|
3377
|
+
return /* @__PURE__ */ jsx5(
|
|
3378
|
+
Box_default,
|
|
3379
|
+
{
|
|
3380
|
+
...props,
|
|
3381
|
+
display,
|
|
3382
|
+
height,
|
|
3383
|
+
width,
|
|
3384
|
+
minWidth,
|
|
3385
|
+
borderRadius,
|
|
3386
|
+
css: css2`
|
|
3387
|
+
cursor: ${(props2) => props2?.onClick ? "pointer" : "default"};
|
|
3388
|
+
`
|
|
3389
|
+
}
|
|
3390
|
+
);
|
|
3391
|
+
};
|
|
3392
|
+
|
|
3393
|
+
// src/components/ColorBox/DatavizColorBox.tsx
|
|
3394
|
+
import styled5 from "styled-components";
|
|
3395
|
+
var DatavizColorBox = styled5(ColorBox).attrs(
|
|
3396
|
+
({ colorIndex }) => ({
|
|
3397
|
+
style: {
|
|
3398
|
+
background: getDatavizColor(colorIndex),
|
|
3399
|
+
opacity: getDatavizOpacity(colorIndex)
|
|
3400
|
+
}
|
|
3401
|
+
})
|
|
3402
|
+
)``;
|
|
3403
|
+
var getDatavizColor = (colorIndex) => theme_default.colors.DATAVIZ_COLORS_LIST[colorIndex % theme_default.colors.DATAVIZ_COLORS_LIST.length] || "";
|
|
3404
|
+
var getDatavizOpacity = (colorIndex) => {
|
|
3405
|
+
const opacitySteps = [1, 0.6, 0.4, 0.2];
|
|
3406
|
+
const opacityStep = Math.floor(colorIndex / theme_default.colors.DATAVIZ_COLORS_LIST.length) % opacitySteps.length;
|
|
3407
|
+
return opacitySteps[opacityStep];
|
|
3408
|
+
};
|
|
3409
|
+
var getDatavizColorWithAlpha = (colorIndex) => {
|
|
3410
|
+
const color = getDatavizColor(colorIndex);
|
|
3411
|
+
const opacity = getDatavizOpacity(colorIndex);
|
|
3412
|
+
if (opacity < 0 || opacity > 1) {
|
|
3413
|
+
return color;
|
|
3414
|
+
}
|
|
3415
|
+
return `${color}${Math.floor(opacity * 255).toString(16).padStart(2, "0")}`;
|
|
3416
|
+
};
|
|
3417
|
+
|
|
3418
|
+
// src/components/ColorBox/NetworkColorBox.tsx
|
|
3419
|
+
import NETWORK_COLORS from "@sproutsocial/seeds-networkcolor";
|
|
3420
|
+
import { jsx as jsx6 } from "react/jsx-runtime";
|
|
3421
|
+
var NetworkColorBox = ({
|
|
3422
|
+
networkColor,
|
|
3423
|
+
...props
|
|
3424
|
+
}) => {
|
|
3425
|
+
return /* @__PURE__ */ jsx6(ColorBox, { ...props, bg: NETWORK_COLORS[networkColor] });
|
|
3426
|
+
};
|
|
3427
|
+
|
|
3428
|
+
// src/constants/chartOptions.ts
|
|
3429
|
+
import _2 from "lodash";
|
|
3430
|
+
var baseChartOptions = {
|
|
3431
|
+
chart: {
|
|
3432
|
+
animation: false,
|
|
3433
|
+
styledMode: true
|
|
3434
|
+
},
|
|
3435
|
+
credits: {
|
|
3436
|
+
enabled: false
|
|
3437
|
+
},
|
|
3438
|
+
exporting: {
|
|
3439
|
+
enabled: false,
|
|
3440
|
+
fallbackToExportServer: false
|
|
3441
|
+
},
|
|
3442
|
+
legend: {
|
|
3443
|
+
enabled: false
|
|
3444
|
+
},
|
|
3445
|
+
title: {
|
|
3446
|
+
text: void 0
|
|
3447
|
+
},
|
|
3448
|
+
tooltip: {
|
|
3449
|
+
hideDelay: 0,
|
|
3450
|
+
outside: true,
|
|
3451
|
+
padding: 0,
|
|
3452
|
+
shape: "rect",
|
|
3453
|
+
shared: true,
|
|
3454
|
+
useHTML: true
|
|
3455
|
+
}
|
|
3456
|
+
};
|
|
3457
|
+
var TIME_SERIES_CHART_HEIGHT = 275;
|
|
3458
|
+
var timeSeriesChartOptions = _2.merge({}, baseChartOptions, {
|
|
3459
|
+
chart: {
|
|
3460
|
+
// events.click is set at the component level because of the optional onClick prop
|
|
3461
|
+
height: TIME_SERIES_CHART_HEIGHT,
|
|
3462
|
+
spacing: [5, 1, 0, 2]
|
|
3463
|
+
},
|
|
3464
|
+
plotOptions: {
|
|
3465
|
+
series: {
|
|
3466
|
+
animation: false,
|
|
3467
|
+
marker: {
|
|
3468
|
+
enabled: false,
|
|
3469
|
+
states: {
|
|
3470
|
+
hover: {
|
|
3471
|
+
enabled: false
|
|
3472
|
+
}
|
|
3473
|
+
}
|
|
3474
|
+
}
|
|
3475
|
+
}
|
|
3476
|
+
},
|
|
3477
|
+
xAxis: {
|
|
3478
|
+
crosshair: {
|
|
3479
|
+
zIndex: 3
|
|
3480
|
+
},
|
|
3481
|
+
minPadding: 0,
|
|
3482
|
+
// must be handled dynamically instead of css
|
|
3483
|
+
maxPadding: 0,
|
|
3484
|
+
// must be handled dynamically instead of css
|
|
3485
|
+
type: "datetime",
|
|
3486
|
+
labels: {
|
|
3487
|
+
useHTML: true
|
|
3488
|
+
// formatter is set at the component level because of the required text locale prop
|
|
3489
|
+
}
|
|
3490
|
+
},
|
|
3491
|
+
yAxis: {
|
|
3492
|
+
labels: {
|
|
3493
|
+
useHTML: true
|
|
3494
|
+
// formatter is set at the component level because of the optional yAxisLabelFormatter prop
|
|
3495
|
+
},
|
|
3496
|
+
softMax: 0,
|
|
3497
|
+
softMin: 0,
|
|
3498
|
+
title: {
|
|
3499
|
+
text: void 0
|
|
3500
|
+
}
|
|
3501
|
+
}
|
|
3502
|
+
});
|
|
3503
|
+
var lineChartOptions = _2.merge({}, timeSeriesChartOptions, {
|
|
3504
|
+
// plotOptions.spline.events.click is set at the component level because of the optional onClick prop
|
|
3505
|
+
});
|
|
3506
|
+
var areaChartOptions = _2.merge({}, timeSeriesChartOptions, {
|
|
3507
|
+
plotOptions: {
|
|
3508
|
+
areaspline: {
|
|
3509
|
+
// events.click is set at the component level because of the optional onClick prop
|
|
3510
|
+
stacking: "normal"
|
|
3511
|
+
}
|
|
3512
|
+
}
|
|
3513
|
+
});
|
|
3514
|
+
var DONUT_CHART_HALO_SIZE = 10;
|
|
3515
|
+
var DONUT_CHART_HEIGHT = 250 + DONUT_CHART_HALO_SIZE * 2;
|
|
3516
|
+
var DONUT_CHART_WIDTH = DONUT_CHART_HEIGHT;
|
|
3517
|
+
var donutChartOptions = _2.merge({}, baseChartOptions, {
|
|
3518
|
+
chart: {
|
|
3519
|
+
height: DONUT_CHART_HEIGHT,
|
|
3520
|
+
spacing: [0, 0, 0, 0]
|
|
3521
|
+
},
|
|
3522
|
+
plotOptions: {
|
|
3523
|
+
pie: {
|
|
3524
|
+
animation: false,
|
|
3525
|
+
borderRadius: 0,
|
|
3526
|
+
// must be handled here instead of css because of path rendering
|
|
3527
|
+
dataLabels: {
|
|
3528
|
+
enabled: false
|
|
3529
|
+
},
|
|
3530
|
+
innerSize: "50%"
|
|
3531
|
+
}
|
|
3532
|
+
}
|
|
3533
|
+
});
|
|
3534
|
+
|
|
3535
|
+
// src/helpers/transformDataToSeries.ts
|
|
3536
|
+
var transformDataToSeries = ({ data }, type) => {
|
|
3537
|
+
return data.map((dataItem, dataIndex) => {
|
|
3538
|
+
const points = dataItem.points || [];
|
|
3539
|
+
const dataPoints = points.map((point, pointsIndex) => {
|
|
3540
|
+
let enableMarker = false;
|
|
3541
|
+
const isFirstPoint = pointsIndex === 0;
|
|
3542
|
+
const isLastPoint = pointsIndex === points.length - 1;
|
|
3543
|
+
const previousY = isFirstPoint ? null : points[pointsIndex - 1].y;
|
|
3544
|
+
const nextY = isLastPoint ? null : points[pointsIndex + 1].y;
|
|
3545
|
+
if (isFirstPoint && nextY === null) {
|
|
3546
|
+
enableMarker = true;
|
|
3547
|
+
} else if (isLastPoint && previousY === null) {
|
|
3548
|
+
enableMarker = true;
|
|
3549
|
+
} else if (previousY === null && nextY === null) {
|
|
3550
|
+
enableMarker = true;
|
|
3551
|
+
}
|
|
3552
|
+
return {
|
|
3553
|
+
x: point.x,
|
|
3554
|
+
y: point.y,
|
|
3555
|
+
marker: {
|
|
3556
|
+
enabled: enableMarker ? enableMarker : void 0,
|
|
3557
|
+
symbol: enableMarker ? "circle" : void 0
|
|
3558
|
+
}
|
|
3559
|
+
};
|
|
3560
|
+
});
|
|
3561
|
+
return {
|
|
3562
|
+
colorIndex: dataIndex,
|
|
3563
|
+
data: dataPoints,
|
|
3564
|
+
name: dataItem.name,
|
|
3565
|
+
type
|
|
3566
|
+
};
|
|
3567
|
+
});
|
|
3568
|
+
};
|
|
3569
|
+
|
|
3570
|
+
// src/helpers/transformTimeSeriesTooltipData.ts
|
|
3571
|
+
var transformTimeSeriesTooltipData = ({
|
|
3572
|
+
context,
|
|
3573
|
+
data
|
|
3574
|
+
}) => {
|
|
3575
|
+
return (context.series.chart.series || []).map((series, index) => {
|
|
3576
|
+
const pointIndex = context.point.index;
|
|
3577
|
+
const { y: y2 } = series.points[pointIndex];
|
|
3578
|
+
return {
|
|
3579
|
+
color: data[index]?.styles?.color || theme_default.colors.DATAVIZ_COLORS_LIST[index],
|
|
3580
|
+
...data[index]?.icon ? { icon: data[index]?.icon } : {},
|
|
3581
|
+
name: series.name,
|
|
3582
|
+
value: typeof y2 === "number" ? y2 : null
|
|
3583
|
+
};
|
|
3584
|
+
});
|
|
3585
|
+
};
|
|
3586
|
+
|
|
3587
|
+
// src/helpers/xAxisLabelFormatter.ts
|
|
3588
|
+
var xAxisLabelFormatter = ({
|
|
3589
|
+
textLocale,
|
|
3590
|
+
tickPositions = [],
|
|
3591
|
+
unitName,
|
|
3592
|
+
value
|
|
3593
|
+
}) => {
|
|
3594
|
+
const tickIndex = tickPositions.indexOf(value);
|
|
3595
|
+
const isFirst = tickIndex === 0;
|
|
3596
|
+
const previousValue = tickPositions[tickIndex - 1];
|
|
3597
|
+
const valueDate = new Date(value);
|
|
3598
|
+
const previousValueDate = new Date(previousValue);
|
|
3599
|
+
let firstPartOptions = {};
|
|
3600
|
+
let secondPartOptions = {};
|
|
3601
|
+
switch (unitName) {
|
|
3602
|
+
case "hour":
|
|
3603
|
+
firstPartOptions = { hour: "numeric" };
|
|
3604
|
+
if (isFirst || valueDate.getUTCDate() !== previousValueDate.getUTCDate()) {
|
|
3605
|
+
secondPartOptions = { day: "numeric", month: "short" };
|
|
3606
|
+
}
|
|
3607
|
+
break;
|
|
3608
|
+
case "day":
|
|
3609
|
+
case "week":
|
|
3610
|
+
firstPartOptions = { day: "numeric" };
|
|
3611
|
+
if (isFirst || valueDate.getUTCMonth() !== previousValueDate.getUTCMonth()) {
|
|
3612
|
+
secondPartOptions = { month: "short" };
|
|
3613
|
+
}
|
|
3614
|
+
break;
|
|
3615
|
+
case "month":
|
|
3616
|
+
firstPartOptions = { month: "short" };
|
|
3617
|
+
if (isFirst || valueDate.getUTCFullYear() !== previousValueDate.getUTCFullYear()) {
|
|
3618
|
+
secondPartOptions = { year: "numeric" };
|
|
3619
|
+
}
|
|
3620
|
+
break;
|
|
3621
|
+
case "year":
|
|
3622
|
+
firstPartOptions = { year: "numeric" };
|
|
3623
|
+
break;
|
|
3624
|
+
default:
|
|
3625
|
+
firstPartOptions = {};
|
|
3626
|
+
break;
|
|
3627
|
+
}
|
|
3628
|
+
const firstPart = new Intl.DateTimeFormat(textLocale, {
|
|
3629
|
+
...firstPartOptions,
|
|
3630
|
+
timeZone: "UTC"
|
|
3631
|
+
}).format(valueDate);
|
|
3632
|
+
const secondPart = Object.keys(secondPartOptions).length > 0 ? new Intl.DateTimeFormat(textLocale, {
|
|
3633
|
+
...secondPartOptions,
|
|
3634
|
+
timeZone: "UTC"
|
|
3635
|
+
}).format(valueDate) : void 0;
|
|
3636
|
+
return `<span>${firstPart}</span>${secondPart ? `<span>${secondPart}</span>` : ""}`;
|
|
3637
|
+
};
|
|
3638
|
+
|
|
3639
|
+
// src/helpers/yAxisLabelFormatter.ts
|
|
3640
|
+
import { formatDuration, formatNumeral } from "@sproutsocial/racine";
|
|
3641
|
+
var yAxisLabelFormatter = ({
|
|
3642
|
+
numberLocale,
|
|
3643
|
+
textLocale,
|
|
3644
|
+
tickPositions,
|
|
3645
|
+
value,
|
|
3646
|
+
currency = "USD",
|
|
3647
|
+
numberFormat = "decimal"
|
|
3648
|
+
}) => {
|
|
3649
|
+
const numberValue = Number(value);
|
|
3650
|
+
if (numberValue === 0) {
|
|
3651
|
+
return formatNumeral({
|
|
3652
|
+
locale: numberLocale,
|
|
3653
|
+
number: numberValue
|
|
3654
|
+
});
|
|
3655
|
+
}
|
|
3656
|
+
if (numberFormat === "duration") {
|
|
3657
|
+
return formatDuration({
|
|
3658
|
+
display: "narrow",
|
|
3659
|
+
locale: textLocale,
|
|
3660
|
+
milliseconds: numberValue
|
|
3661
|
+
});
|
|
3662
|
+
}
|
|
3663
|
+
const maxValue = tickPositions && tickPositions.length > 0 ? tickPositions[tickPositions.length - 1] : void 0;
|
|
3664
|
+
const abbreviate = typeof maxValue === "number" && maxValue > 9999 ? 1e3 : true;
|
|
3665
|
+
return formatNumeral({
|
|
3666
|
+
abbreviate,
|
|
3667
|
+
currency,
|
|
3668
|
+
format: numberFormat,
|
|
3669
|
+
locale: numberLocale,
|
|
3670
|
+
number: numberValue
|
|
3671
|
+
});
|
|
3672
|
+
};
|
|
3673
|
+
export {
|
|
3674
|
+
ChartTable,
|
|
3675
|
+
ColorBox,
|
|
3676
|
+
DONUT_CHART_HALO_SIZE,
|
|
3677
|
+
DONUT_CHART_HEIGHT,
|
|
3678
|
+
DONUT_CHART_WIDTH,
|
|
3679
|
+
DatavizColorBox,
|
|
3680
|
+
NetworkColorBox,
|
|
3681
|
+
TIME_SERIES_CHART_HEIGHT,
|
|
3682
|
+
areaChartOptions,
|
|
3683
|
+
baseChartOptions,
|
|
3684
|
+
donutChartOptions,
|
|
3685
|
+
getDatavizColor,
|
|
3686
|
+
getDatavizColorWithAlpha,
|
|
3687
|
+
getDatavizOpacity,
|
|
3688
|
+
lineChartOptions,
|
|
3689
|
+
transformDataToSeries,
|
|
3690
|
+
transformTimeSeriesTooltipData,
|
|
3691
|
+
xAxisLabelFormatter,
|
|
3692
|
+
yAxisLabelFormatter
|
|
3693
|
+
};
|
|
3694
|
+
/*! Bundled license information:
|
|
3695
|
+
|
|
3696
|
+
object-assign/index.js:
|
|
3697
|
+
(*
|
|
3698
|
+
object-assign
|
|
3699
|
+
(c) Sindre Sorhus
|
|
3700
|
+
@license MIT
|
|
3701
|
+
*)
|
|
3702
|
+
*/
|
|
3703
|
+
//# sourceMappingURL=index.js.map
|