@sproutsocial/seeds-react-radio 1.0.1 → 1.2.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/dist/esm/index.js CHANGED
@@ -1,4472 +1,10 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __esm = (fn, res) => function __init() {
8
- return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
9
- };
10
- var __commonJS = (cb, mod) => function __require() {
11
- return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
12
- };
13
- var __export = (target, all) => {
14
- for (var name in all)
15
- __defProp(target, name, { get: all[name], enumerable: true });
16
- };
17
- var __copyProps = (to, from, except, desc) => {
18
- if (from && typeof from === "object" || typeof from === "function") {
19
- for (let key of __getOwnPropNames(from))
20
- if (!__hasOwnProp.call(to, key) && key !== except)
21
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
22
- }
23
- return to;
24
- };
25
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
26
- // If the importer is in node compatibility mode or this is not an ESM
27
- // file that has been converted to a CommonJS file using a Babel-
28
- // compatible transform (i.e. "__esModule" has not been set), then set
29
- // "default" to the CommonJS "module.exports" for node compatibility.
30
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
31
- mod
32
- ));
33
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
34
-
35
- // ../../node_modules/polished/node_modules/@babel/runtime/helpers/esm/extends.js
36
- function _extends() {
37
- _extends = Object.assign ? Object.assign.bind() : function(target) {
38
- for (var i = 1; i < arguments.length; i++) {
39
- var source = arguments[i];
40
- for (var key in source) {
41
- if (Object.prototype.hasOwnProperty.call(source, key)) {
42
- target[key] = source[key];
43
- }
44
- }
45
- }
46
- return target;
47
- };
48
- return _extends.apply(this, arguments);
49
- }
50
- var init_extends = __esm({
51
- "../../node_modules/polished/node_modules/@babel/runtime/helpers/esm/extends.js"() {
52
- "use strict";
53
- }
54
- });
55
-
56
- // ../../node_modules/polished/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
57
- function _assertThisInitialized(self) {
58
- if (self === void 0) {
59
- throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
60
- }
61
- return self;
62
- }
63
- var init_assertThisInitialized = __esm({
64
- "../../node_modules/polished/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js"() {
65
- "use strict";
66
- }
67
- });
68
-
69
- // ../../node_modules/polished/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
70
- function _setPrototypeOf(o, p) {
71
- _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o2, p2) {
72
- o2.__proto__ = p2;
73
- return o2;
74
- };
75
- return _setPrototypeOf(o, p);
76
- }
77
- var init_setPrototypeOf = __esm({
78
- "../../node_modules/polished/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js"() {
79
- "use strict";
80
- }
81
- });
82
-
83
- // ../../node_modules/polished/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js
84
- function _inheritsLoose(subClass, superClass) {
85
- subClass.prototype = Object.create(superClass.prototype);
86
- subClass.prototype.constructor = subClass;
87
- _setPrototypeOf(subClass, superClass);
88
- }
89
- var init_inheritsLoose = __esm({
90
- "../../node_modules/polished/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js"() {
91
- "use strict";
92
- init_setPrototypeOf();
93
- }
94
- });
95
-
96
- // ../../node_modules/polished/node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js
97
- function _getPrototypeOf(o) {
98
- _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf2(o2) {
99
- return o2.__proto__ || Object.getPrototypeOf(o2);
100
- };
101
- return _getPrototypeOf(o);
102
- }
103
- var init_getPrototypeOf = __esm({
104
- "../../node_modules/polished/node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js"() {
105
- "use strict";
106
- }
107
- });
108
-
109
- // ../../node_modules/polished/node_modules/@babel/runtime/helpers/esm/isNativeFunction.js
110
- function _isNativeFunction(fn) {
111
- return Function.toString.call(fn).indexOf("[native code]") !== -1;
112
- }
113
- var init_isNativeFunction = __esm({
114
- "../../node_modules/polished/node_modules/@babel/runtime/helpers/esm/isNativeFunction.js"() {
115
- "use strict";
116
- }
117
- });
118
-
119
- // ../../node_modules/polished/node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js
120
- function _isNativeReflectConstruct() {
121
- if (typeof Reflect === "undefined" || !Reflect.construct)
122
- return false;
123
- if (Reflect.construct.sham)
124
- return false;
125
- if (typeof Proxy === "function")
126
- return true;
127
- try {
128
- Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
129
- }));
130
- return true;
131
- } catch (e) {
132
- return false;
133
- }
134
- }
135
- var init_isNativeReflectConstruct = __esm({
136
- "../../node_modules/polished/node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js"() {
137
- "use strict";
138
- }
139
- });
140
-
141
- // ../../node_modules/polished/node_modules/@babel/runtime/helpers/esm/construct.js
142
- function _construct(Parent, args, Class) {
143
- if (_isNativeReflectConstruct()) {
144
- _construct = Reflect.construct.bind();
145
- } else {
146
- _construct = function _construct2(Parent2, args2, Class2) {
147
- var a = [null];
148
- a.push.apply(a, args2);
149
- var Constructor = Function.bind.apply(Parent2, a);
150
- var instance = new Constructor();
151
- if (Class2)
152
- _setPrototypeOf(instance, Class2.prototype);
153
- return instance;
154
- };
155
- }
156
- return _construct.apply(null, arguments);
157
- }
158
- var init_construct = __esm({
159
- "../../node_modules/polished/node_modules/@babel/runtime/helpers/esm/construct.js"() {
160
- "use strict";
161
- init_setPrototypeOf();
162
- init_isNativeReflectConstruct();
163
- }
164
- });
165
-
166
- // ../../node_modules/polished/node_modules/@babel/runtime/helpers/esm/wrapNativeSuper.js
167
- function _wrapNativeSuper(Class) {
168
- var _cache = typeof Map === "function" ? /* @__PURE__ */ new Map() : void 0;
169
- _wrapNativeSuper = function _wrapNativeSuper2(Class2) {
170
- if (Class2 === null || !_isNativeFunction(Class2))
171
- return Class2;
172
- if (typeof Class2 !== "function") {
173
- throw new TypeError("Super expression must either be null or a function");
174
- }
175
- if (typeof _cache !== "undefined") {
176
- if (_cache.has(Class2))
177
- return _cache.get(Class2);
178
- _cache.set(Class2, Wrapper);
179
- }
180
- function Wrapper() {
181
- return _construct(Class2, arguments, _getPrototypeOf(this).constructor);
182
- }
183
- Wrapper.prototype = Object.create(Class2.prototype, {
184
- constructor: {
185
- value: Wrapper,
186
- enumerable: false,
187
- writable: true,
188
- configurable: true
189
- }
190
- });
191
- return _setPrototypeOf(Wrapper, Class2);
192
- };
193
- return _wrapNativeSuper(Class);
194
- }
195
- var init_wrapNativeSuper = __esm({
196
- "../../node_modules/polished/node_modules/@babel/runtime/helpers/esm/wrapNativeSuper.js"() {
197
- "use strict";
198
- init_getPrototypeOf();
199
- init_setPrototypeOf();
200
- init_isNativeFunction();
201
- init_construct();
202
- }
203
- });
204
-
205
- // ../../node_modules/polished/node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteralLoose.js
206
- function _taggedTemplateLiteralLoose(strings, raw) {
207
- if (!raw) {
208
- raw = strings.slice(0);
209
- }
210
- strings.raw = raw;
211
- return strings;
212
- }
213
- var init_taggedTemplateLiteralLoose = __esm({
214
- "../../node_modules/polished/node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteralLoose.js"() {
215
- "use strict";
216
- }
217
- });
218
-
219
- // ../../node_modules/polished/dist/polished.esm.js
220
- var polished_esm_exports = {};
221
- __export(polished_esm_exports, {
222
- adjustHue: () => curriedAdjustHue,
223
- animation: () => animation,
224
- backgroundImages: () => backgroundImages,
225
- backgrounds: () => backgrounds,
226
- between: () => between,
227
- border: () => border,
228
- borderColor: () => borderColor,
229
- borderRadius: () => borderRadius,
230
- borderStyle: () => borderStyle,
231
- borderWidth: () => borderWidth,
232
- buttons: () => buttons,
233
- clearFix: () => clearFix,
234
- complement: () => complement,
235
- cover: () => cover,
236
- cssVar: () => cssVar,
237
- darken: () => curriedDarken,
238
- desaturate: () => curriedDesaturate,
239
- directionalProperty: () => directionalProperty,
240
- ellipsis: () => ellipsis,
241
- em: () => em,
242
- fluidRange: () => fluidRange,
243
- fontFace: () => fontFace,
244
- getContrast: () => getContrast,
245
- getLuminance: () => getLuminance,
246
- getValueAndUnit: () => getValueAndUnit,
247
- grayscale: () => grayscale,
248
- hiDPI: () => hiDPI,
249
- hideText: () => hideText,
250
- hideVisually: () => hideVisually,
251
- hsl: () => hsl,
252
- hslToColorString: () => hslToColorString,
253
- hsla: () => hsla,
254
- invert: () => invert,
255
- lighten: () => curriedLighten,
256
- linearGradient: () => linearGradient,
257
- margin: () => margin,
258
- math: () => math,
259
- meetsContrastGuidelines: () => meetsContrastGuidelines,
260
- mix: () => curriedMix,
261
- modularScale: () => modularScale,
262
- normalize: () => normalize,
263
- opacify: () => curriedOpacify,
264
- padding: () => padding,
265
- parseToHsl: () => parseToHsl,
266
- parseToRgb: () => parseToRgb,
267
- position: () => position,
268
- radialGradient: () => radialGradient,
269
- readableColor: () => readableColor,
270
- rem: () => rem,
271
- retinaImage: () => retinaImage,
272
- rgb: () => rgb,
273
- rgbToColorString: () => rgbToColorString,
274
- rgba: () => rgba,
275
- saturate: () => curriedSaturate,
276
- setHue: () => curriedSetHue,
277
- setLightness: () => curriedSetLightness,
278
- setSaturation: () => curriedSetSaturation,
279
- shade: () => curriedShade,
280
- size: () => size,
281
- stripUnit: () => stripUnit,
282
- textInputs: () => textInputs,
283
- timingFunctions: () => timingFunctions,
284
- tint: () => curriedTint,
285
- toColorString: () => toColorString,
286
- transitions: () => transitions,
287
- transparentize: () => curriedTransparentize,
288
- triangle: () => triangle,
289
- wordWrap: () => wordWrap
290
- });
291
- function last() {
292
- var _ref;
293
- return _ref = arguments.length - 1, _ref < 0 || arguments.length <= _ref ? void 0 : arguments[_ref];
294
- }
295
- function negation(a) {
296
- return -a;
297
- }
298
- function addition(a, b) {
299
- return a + b;
300
- }
301
- function subtraction(a, b) {
302
- return a - b;
303
- }
304
- function multiplication(a, b) {
305
- return a * b;
306
- }
307
- function division(a, b) {
308
- return a / b;
309
- }
310
- function factorial(a) {
311
- if (a % 1 || !(+a >= 0))
312
- return NaN;
313
- if (a > 170)
314
- return Infinity;
315
- else if (a === 0)
316
- return 1;
317
- else {
318
- return a * factorial(a - 1);
319
- }
320
- }
321
- function power(a, b) {
322
- return Math.pow(a, b);
323
- }
324
- function sqrt(a) {
325
- return Math.sqrt(a);
326
- }
327
- function max() {
328
- return Math.max.apply(Math, arguments);
329
- }
330
- function min() {
331
- return Math.min.apply(Math, arguments);
332
- }
333
- function comma() {
334
- return Array.of.apply(Array, arguments);
335
- }
336
- function format() {
337
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
338
- args[_key] = arguments[_key];
339
- }
340
- var a = args[0];
341
- var b = [];
342
- var c;
343
- for (c = 1; c < args.length; c += 1) {
344
- b.push(args[c]);
345
- }
346
- b.forEach(function(d) {
347
- a = a.replace(/%[a-z]/, d);
348
- });
349
- return a;
350
- }
351
- function mergeSymbolMaps(additionalSymbols) {
352
- var symbolMap = {};
353
- symbolMap.symbols = additionalSymbols ? _extends({}, defaultMathSymbols.symbols, additionalSymbols.symbols) : _extends({}, defaultMathSymbols.symbols);
354
- return symbolMap;
355
- }
356
- function exec(operators, values) {
357
- var _ref;
358
- var op = operators.pop();
359
- values.push(op.f.apply(op, (_ref = []).concat.apply(_ref, values.splice(-op.argCount))));
360
- return op.precedence;
361
- }
362
- function calculate(expression, additionalSymbols) {
363
- var symbolMap = mergeSymbolMaps(additionalSymbols);
364
- var match;
365
- var operators = [symbolMap.symbols["("].prefix];
366
- var values = [];
367
- var pattern = new RegExp(
368
- // Pattern for numbers
369
- "\\d+(?:\\.\\d+)?|" + // ...and patterns for individual operators/function names
370
- Object.keys(symbolMap.symbols).map(function(key) {
371
- return symbolMap.symbols[key];
372
- }).sort(function(a, b) {
373
- return b.symbol.length - a.symbol.length;
374
- }).map(function(val) {
375
- return val.regSymbol;
376
- }).join("|") + "|(\\S)",
377
- "g"
378
- );
379
- pattern.lastIndex = 0;
380
- var afterValue = false;
381
- do {
382
- match = pattern.exec(expression);
383
- var _ref2 = match || [")", void 0], token = _ref2[0], bad = _ref2[1];
384
- var notNumber = symbolMap.symbols[token];
385
- var notNewValue = notNumber && !notNumber.prefix && !notNumber.func;
386
- var notAfterValue = !notNumber || !notNumber.postfix && !notNumber.infix;
387
- if (bad || (afterValue ? notAfterValue : notNewValue)) {
388
- throw new PolishedError(37, match ? match.index : expression.length, expression);
389
- }
390
- if (afterValue) {
391
- var curr = notNumber.postfix || notNumber.infix;
392
- do {
393
- var prev = operators[operators.length - 1];
394
- if ((curr.precedence - prev.precedence || prev.rightToLeft) > 0)
395
- break;
396
- } while (exec(operators, values));
397
- afterValue = curr.notation === "postfix";
398
- if (curr.symbol !== ")") {
399
- operators.push(curr);
400
- if (afterValue)
401
- exec(operators, values);
402
- }
403
- } else if (notNumber) {
404
- operators.push(notNumber.prefix || notNumber.func);
405
- if (notNumber.func) {
406
- match = pattern.exec(expression);
407
- if (!match || match[0] !== "(") {
408
- throw new PolishedError(38, match ? match.index : expression.length, expression);
409
- }
410
- }
411
- } else {
412
- values.push(+token);
413
- afterValue = true;
414
- }
415
- } while (match && operators.length);
416
- if (operators.length) {
417
- throw new PolishedError(39, match ? match.index : expression.length, expression);
418
- } else if (match) {
419
- throw new PolishedError(40, match ? match.index : expression.length, expression);
420
- } else {
421
- return values.pop();
422
- }
423
- }
424
- function reverseString(str) {
425
- return str.split("").reverse().join("");
426
- }
427
- function math(formula, additionalSymbols) {
428
- var reversedFormula = reverseString(formula);
429
- var formulaMatch = reversedFormula.match(unitRegExp);
430
- if (formulaMatch && !formulaMatch.every(function(unit) {
431
- return unit === formulaMatch[0];
432
- })) {
433
- throw new PolishedError(41);
434
- }
435
- var cleanFormula = reverseString(reversedFormula.replace(unitRegExp, ""));
436
- return "" + calculate(cleanFormula, additionalSymbols) + (formulaMatch ? reverseString(formulaMatch[0]) : "");
437
- }
438
- function cssVar(cssVariable, passThrough) {
439
- if (!cssVariable || !cssVariable.match(cssVariableRegex)) {
440
- if (passThrough)
441
- return cssVariable;
442
- throw new PolishedError(73);
443
- }
444
- var variableValue;
445
- if (typeof document !== "undefined" && document.documentElement !== null) {
446
- variableValue = getComputedStyle(document.documentElement).getPropertyValue(cssVariable);
447
- }
448
- if (variableValue) {
449
- return variableValue.trim();
450
- } else {
451
- throw new PolishedError(74);
452
- }
453
- }
454
- function capitalizeString(string) {
455
- return string.charAt(0).toUpperCase() + string.slice(1);
456
- }
457
- function generateProperty(property, position2) {
458
- if (!property)
459
- return position2.toLowerCase();
460
- var splitProperty = property.split("-");
461
- if (splitProperty.length > 1) {
462
- splitProperty.splice(1, 0, position2);
463
- return splitProperty.reduce(function(acc, val) {
464
- return "" + acc + capitalizeString(val);
465
- });
466
- }
467
- var joinedProperty = property.replace(/([a-z])([A-Z])/g, "$1" + position2 + "$2");
468
- return property === joinedProperty ? "" + property + position2 : joinedProperty;
469
- }
470
- function generateStyles(property, valuesWithDefaults) {
471
- var styles = {};
472
- for (var i = 0; i < valuesWithDefaults.length; i += 1) {
473
- if (valuesWithDefaults[i] || valuesWithDefaults[i] === 0) {
474
- styles[generateProperty(property, positionMap[i])] = valuesWithDefaults[i];
475
- }
476
- }
477
- return styles;
478
- }
479
- function directionalProperty(property) {
480
- for (var _len = arguments.length, values = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
481
- values[_key - 1] = arguments[_key];
482
- }
483
- var firstValue = values[0], _values$ = values[1], secondValue = _values$ === void 0 ? firstValue : _values$, _values$2 = values[2], thirdValue = _values$2 === void 0 ? firstValue : _values$2, _values$3 = values[3], fourthValue = _values$3 === void 0 ? secondValue : _values$3;
484
- var valuesWithDefaults = [firstValue, secondValue, thirdValue, fourthValue];
485
- return generateStyles(property, valuesWithDefaults);
486
- }
487
- function endsWith(string, suffix) {
488
- return string.substr(-suffix.length) === suffix;
489
- }
490
- function stripUnit(value, unitReturn) {
491
- if (typeof value !== "string")
492
- return unitReturn ? [value, void 0] : value;
493
- var matchedValue = value.match(cssRegex);
494
- if (unitReturn) {
495
- console.warn("stripUnit's unitReturn functionality has been marked for deprecation in polished 4.0. It's functionality has been been moved to getValueAndUnit.");
496
- if (matchedValue)
497
- return [parseFloat(value), matchedValue[2]];
498
- return [value, void 0];
499
- }
500
- if (matchedValue)
501
- return parseFloat(value);
502
- return value;
503
- }
504
- function getValueAndUnit(value) {
505
- if (typeof value !== "string")
506
- return [value, ""];
507
- var matchedValue = value.match(cssRegex$1);
508
- if (matchedValue)
509
- return [parseFloat(value), matchedValue[2]];
510
- return [value, void 0];
511
- }
512
- function getRatio(ratioName) {
513
- return ratioNames[ratioName];
514
- }
515
- function modularScale(steps, base, ratio) {
516
- if (base === void 0) {
517
- base = "1em";
518
- }
519
- if (ratio === void 0) {
520
- ratio = 1.333;
521
- }
522
- if (typeof steps !== "number") {
523
- throw new PolishedError(42);
524
- }
525
- if (typeof ratio === "string" && !ratioNames[ratio]) {
526
- throw new PolishedError(43);
527
- }
528
- var _ref = typeof base === "string" ? getValueAndUnit(base) : [base, ""], realBase = _ref[0], unit = _ref[1];
529
- var realRatio = typeof ratio === "string" ? getRatio(ratio) : ratio;
530
- if (typeof realBase === "string") {
531
- throw new PolishedError(44, base);
532
- }
533
- return "" + realBase * Math.pow(realRatio, steps) + (unit || "");
534
- }
535
- function between(fromSize, toSize, minScreen, maxScreen) {
536
- if (minScreen === void 0) {
537
- minScreen = "320px";
538
- }
539
- if (maxScreen === void 0) {
540
- maxScreen = "1200px";
541
- }
542
- var _getValueAndUnit = getValueAndUnit(fromSize), unitlessFromSize = _getValueAndUnit[0], fromSizeUnit = _getValueAndUnit[1];
543
- var _getValueAndUnit2 = getValueAndUnit(toSize), unitlessToSize = _getValueAndUnit2[0], toSizeUnit = _getValueAndUnit2[1];
544
- var _getValueAndUnit3 = getValueAndUnit(minScreen), unitlessMinScreen = _getValueAndUnit3[0], minScreenUnit = _getValueAndUnit3[1];
545
- var _getValueAndUnit4 = getValueAndUnit(maxScreen), unitlessMaxScreen = _getValueAndUnit4[0], maxScreenUnit = _getValueAndUnit4[1];
546
- if (typeof unitlessMinScreen !== "number" || typeof unitlessMaxScreen !== "number" || !minScreenUnit || !maxScreenUnit || minScreenUnit !== maxScreenUnit) {
547
- throw new PolishedError(47);
548
- }
549
- if (typeof unitlessFromSize !== "number" || typeof unitlessToSize !== "number" || fromSizeUnit !== toSizeUnit) {
550
- throw new PolishedError(48);
551
- }
552
- if (fromSizeUnit !== minScreenUnit || toSizeUnit !== maxScreenUnit) {
553
- throw new PolishedError(75);
554
- }
555
- var slope = (unitlessFromSize - unitlessToSize) / (unitlessMinScreen - unitlessMaxScreen);
556
- var base = unitlessToSize - slope * unitlessMaxScreen;
557
- return "calc(" + base.toFixed(2) + (fromSizeUnit || "") + " + " + (100 * slope).toFixed(2) + "vw)";
558
- }
559
- function clearFix(parent) {
560
- var _ref;
561
- if (parent === void 0) {
562
- parent = "&";
563
- }
564
- var pseudoSelector = parent + "::after";
565
- return _ref = {}, _ref[pseudoSelector] = {
566
- clear: "both",
567
- content: '""',
568
- display: "table"
569
- }, _ref;
570
- }
571
- function cover(offset) {
572
- if (offset === void 0) {
573
- offset = 0;
574
- }
575
- return {
576
- position: "absolute",
577
- top: offset,
578
- right: offset,
579
- bottom: offset,
580
- left: offset
581
- };
582
- }
583
- function ellipsis(width) {
584
- if (width === void 0) {
585
- width = "100%";
586
- }
587
- return {
588
- display: "inline-block",
589
- maxWidth: width,
590
- overflow: "hidden",
591
- textOverflow: "ellipsis",
592
- whiteSpace: "nowrap",
593
- wordWrap: "normal"
594
- };
595
- }
596
- function _createForOfIteratorHelperLoose(o, allowArrayLike) {
597
- var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
598
- if (it)
599
- return (it = it.call(o)).next.bind(it);
600
- if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
601
- if (it)
602
- o = it;
603
- var i = 0;
604
- return function() {
605
- if (i >= o.length)
606
- return { done: true };
607
- return { done: false, value: o[i++] };
608
- };
609
- }
610
- throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
611
- }
612
- function _unsupportedIterableToArray(o, minLen) {
613
- if (!o)
614
- return;
615
- if (typeof o === "string")
616
- return _arrayLikeToArray(o, minLen);
617
- var n = Object.prototype.toString.call(o).slice(8, -1);
618
- if (n === "Object" && o.constructor)
619
- n = o.constructor.name;
620
- if (n === "Map" || n === "Set")
621
- return Array.from(o);
622
- if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
623
- return _arrayLikeToArray(o, minLen);
624
- }
625
- function _arrayLikeToArray(arr, len) {
626
- if (len == null || len > arr.length)
627
- len = arr.length;
628
- for (var i = 0, arr2 = new Array(len); i < len; i++) {
629
- arr2[i] = arr[i];
630
- }
631
- return arr2;
632
- }
633
- function fluidRange(cssProp, minScreen, maxScreen) {
634
- if (minScreen === void 0) {
635
- minScreen = "320px";
636
- }
637
- if (maxScreen === void 0) {
638
- maxScreen = "1200px";
639
- }
640
- if (!Array.isArray(cssProp) && typeof cssProp !== "object" || cssProp === null) {
641
- throw new PolishedError(49);
642
- }
643
- if (Array.isArray(cssProp)) {
644
- var mediaQueries = {};
645
- var fallbacks = {};
646
- for (var _iterator = _createForOfIteratorHelperLoose(cssProp), _step; !(_step = _iterator()).done; ) {
647
- var _extends2, _extends3;
648
- var obj = _step.value;
649
- if (!obj.prop || !obj.fromSize || !obj.toSize) {
650
- throw new PolishedError(50);
651
- }
652
- fallbacks[obj.prop] = obj.fromSize;
653
- mediaQueries["@media (min-width: " + minScreen + ")"] = _extends({}, mediaQueries["@media (min-width: " + minScreen + ")"], (_extends2 = {}, _extends2[obj.prop] = between(obj.fromSize, obj.toSize, minScreen, maxScreen), _extends2));
654
- mediaQueries["@media (min-width: " + maxScreen + ")"] = _extends({}, mediaQueries["@media (min-width: " + maxScreen + ")"], (_extends3 = {}, _extends3[obj.prop] = obj.toSize, _extends3));
655
- }
656
- return _extends({}, fallbacks, mediaQueries);
657
- } else {
658
- var _ref, _ref2, _ref3;
659
- if (!cssProp.prop || !cssProp.fromSize || !cssProp.toSize) {
660
- throw new PolishedError(51);
661
- }
662
- return _ref3 = {}, _ref3[cssProp.prop] = cssProp.fromSize, _ref3["@media (min-width: " + minScreen + ")"] = (_ref = {}, _ref[cssProp.prop] = between(cssProp.fromSize, cssProp.toSize, minScreen, maxScreen), _ref), _ref3["@media (min-width: " + maxScreen + ")"] = (_ref2 = {}, _ref2[cssProp.prop] = cssProp.toSize, _ref2), _ref3;
663
- }
664
- }
665
- function generateFormatHint(format2, formatHint) {
666
- if (!formatHint)
667
- return "";
668
- return ' format("' + formatHintMap[format2] + '")';
669
- }
670
- function isDataURI(fontFilePath) {
671
- return !!fontFilePath.replace(/\s+/g, " ").match(dataURIRegex);
672
- }
673
- function generateFileReferences(fontFilePath, fileFormats, formatHint) {
674
- if (isDataURI(fontFilePath)) {
675
- return 'url("' + fontFilePath + '")' + generateFormatHint(fileFormats[0], formatHint);
676
- }
677
- var fileFontReferences = fileFormats.map(function(format2) {
678
- return 'url("' + fontFilePath + "." + format2 + '")' + generateFormatHint(format2, formatHint);
679
- });
680
- return fileFontReferences.join(", ");
681
- }
682
- function generateLocalReferences(localFonts) {
683
- var localFontReferences = localFonts.map(function(font) {
684
- return 'local("' + font + '")';
685
- });
686
- return localFontReferences.join(", ");
687
- }
688
- function generateSources(fontFilePath, localFonts, fileFormats, formatHint) {
689
- var fontReferences = [];
690
- if (localFonts)
691
- fontReferences.push(generateLocalReferences(localFonts));
692
- if (fontFilePath) {
693
- fontReferences.push(generateFileReferences(fontFilePath, fileFormats, formatHint));
694
- }
695
- return fontReferences.join(", ");
696
- }
697
- function fontFace(_ref) {
698
- var fontFamily = _ref.fontFamily, fontFilePath = _ref.fontFilePath, fontStretch = _ref.fontStretch, fontStyle = _ref.fontStyle, fontVariant = _ref.fontVariant, fontWeight = _ref.fontWeight, _ref$fileFormats = _ref.fileFormats, fileFormats = _ref$fileFormats === void 0 ? ["eot", "woff2", "woff", "ttf", "svg"] : _ref$fileFormats, _ref$formatHint = _ref.formatHint, formatHint = _ref$formatHint === void 0 ? false : _ref$formatHint, localFonts = _ref.localFonts, unicodeRange = _ref.unicodeRange, fontDisplay = _ref.fontDisplay, fontVariationSettings = _ref.fontVariationSettings, fontFeatureSettings = _ref.fontFeatureSettings;
699
- if (!fontFamily)
700
- throw new PolishedError(55);
701
- if (!fontFilePath && !localFonts) {
702
- throw new PolishedError(52);
703
- }
704
- if (localFonts && !Array.isArray(localFonts)) {
705
- throw new PolishedError(53);
706
- }
707
- if (!Array.isArray(fileFormats)) {
708
- throw new PolishedError(54);
709
- }
710
- var fontFaceDeclaration = {
711
- "@font-face": {
712
- fontFamily,
713
- src: generateSources(fontFilePath, localFonts, fileFormats, formatHint),
714
- unicodeRange,
715
- fontStretch,
716
- fontStyle,
717
- fontVariant,
718
- fontWeight,
719
- fontDisplay,
720
- fontVariationSettings,
721
- fontFeatureSettings
722
- }
723
- };
724
- return JSON.parse(JSON.stringify(fontFaceDeclaration));
725
- }
726
- function hideText() {
727
- return {
728
- textIndent: "101%",
729
- overflow: "hidden",
730
- whiteSpace: "nowrap"
731
- };
732
- }
733
- function hideVisually() {
734
- return {
735
- border: "0",
736
- clip: "rect(0 0 0 0)",
737
- height: "1px",
738
- margin: "-1px",
739
- overflow: "hidden",
740
- padding: "0",
741
- position: "absolute",
742
- whiteSpace: "nowrap",
743
- width: "1px"
744
- };
745
- }
746
- function hiDPI(ratio) {
747
- if (ratio === void 0) {
748
- ratio = 1.3;
749
- }
750
- return "\n @media only screen and (-webkit-min-device-pixel-ratio: " + ratio + "),\n only screen and (min--moz-device-pixel-ratio: " + ratio + "),\n only screen and (-o-min-device-pixel-ratio: " + ratio + "/1),\n only screen and (min-resolution: " + Math.round(ratio * 96) + "dpi),\n only screen and (min-resolution: " + ratio + "dppx)\n ";
751
- }
752
- function constructGradientValue(literals) {
753
- var template2 = "";
754
- for (var _len = arguments.length, substitutions = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
755
- substitutions[_key - 1] = arguments[_key];
756
- }
757
- for (var i = 0; i < literals.length; i += 1) {
758
- template2 += literals[i];
759
- if (i === substitutions.length - 1 && substitutions[i]) {
760
- var definedValues = substitutions.filter(function(substitute) {
761
- return !!substitute;
762
- });
763
- if (definedValues.length > 1) {
764
- template2 = template2.slice(0, -1);
765
- template2 += ", " + substitutions[i];
766
- } else if (definedValues.length === 1) {
767
- template2 += "" + substitutions[i];
768
- }
769
- } else if (substitutions[i]) {
770
- template2 += substitutions[i] + " ";
771
- }
772
- }
773
- return template2.trim();
774
- }
775
- function linearGradient(_ref) {
776
- var colorStops = _ref.colorStops, fallback = _ref.fallback, _ref$toDirection = _ref.toDirection, toDirection = _ref$toDirection === void 0 ? "" : _ref$toDirection;
777
- if (!colorStops || colorStops.length < 2) {
778
- throw new PolishedError(56);
779
- }
780
- return {
781
- backgroundColor: fallback || colorStops[0].replace(/,\s+/g, ",").split(" ")[0].replace(/,(?=\S)/g, ", "),
782
- backgroundImage: constructGradientValue(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["linear-gradient(", "", ")"])), toDirection, colorStops.join(", ").replace(/,(?=\S)/g, ", "))
783
- };
784
- }
785
- function normalize() {
786
- var _ref;
787
- return [(_ref = {
788
- html: {
789
- lineHeight: "1.15",
790
- textSizeAdjust: "100%"
791
- },
792
- body: {
793
- margin: "0"
794
- },
795
- main: {
796
- display: "block"
797
- },
798
- h1: {
799
- fontSize: "2em",
800
- margin: "0.67em 0"
801
- },
802
- hr: {
803
- boxSizing: "content-box",
804
- height: "0",
805
- overflow: "visible"
806
- },
807
- pre: {
808
- fontFamily: "monospace, monospace",
809
- fontSize: "1em"
810
- },
811
- a: {
812
- backgroundColor: "transparent"
813
- },
814
- "abbr[title]": {
815
- borderBottom: "none",
816
- textDecoration: "underline"
817
- }
818
- }, _ref["b,\n strong"] = {
819
- fontWeight: "bolder"
820
- }, _ref["code,\n kbd,\n samp"] = {
821
- fontFamily: "monospace, monospace",
822
- fontSize: "1em"
823
- }, _ref.small = {
824
- fontSize: "80%"
825
- }, _ref["sub,\n sup"] = {
826
- fontSize: "75%",
827
- lineHeight: "0",
828
- position: "relative",
829
- verticalAlign: "baseline"
830
- }, _ref.sub = {
831
- bottom: "-0.25em"
832
- }, _ref.sup = {
833
- top: "-0.5em"
834
- }, _ref.img = {
835
- borderStyle: "none"
836
- }, _ref["button,\n input,\n optgroup,\n select,\n textarea"] = {
837
- fontFamily: "inherit",
838
- fontSize: "100%",
839
- lineHeight: "1.15",
840
- margin: "0"
841
- }, _ref["button,\n input"] = {
842
- overflow: "visible"
843
- }, _ref["button,\n select"] = {
844
- textTransform: "none"
845
- }, _ref['button,\n html [type="button"],\n [type="reset"],\n [type="submit"]'] = {
846
- WebkitAppearance: "button"
847
- }, _ref['button::-moz-focus-inner,\n [type="button"]::-moz-focus-inner,\n [type="reset"]::-moz-focus-inner,\n [type="submit"]::-moz-focus-inner'] = {
848
- borderStyle: "none",
849
- padding: "0"
850
- }, _ref['button:-moz-focusring,\n [type="button"]:-moz-focusring,\n [type="reset"]:-moz-focusring,\n [type="submit"]:-moz-focusring'] = {
851
- outline: "1px dotted ButtonText"
852
- }, _ref.fieldset = {
853
- padding: "0.35em 0.625em 0.75em"
854
- }, _ref.legend = {
855
- boxSizing: "border-box",
856
- color: "inherit",
857
- display: "table",
858
- maxWidth: "100%",
859
- padding: "0",
860
- whiteSpace: "normal"
861
- }, _ref.progress = {
862
- verticalAlign: "baseline"
863
- }, _ref.textarea = {
864
- overflow: "auto"
865
- }, _ref['[type="checkbox"],\n [type="radio"]'] = {
866
- boxSizing: "border-box",
867
- padding: "0"
868
- }, _ref['[type="number"]::-webkit-inner-spin-button,\n [type="number"]::-webkit-outer-spin-button'] = {
869
- height: "auto"
870
- }, _ref['[type="search"]'] = {
871
- WebkitAppearance: "textfield",
872
- outlineOffset: "-2px"
873
- }, _ref['[type="search"]::-webkit-search-decoration'] = {
874
- WebkitAppearance: "none"
875
- }, _ref["::-webkit-file-upload-button"] = {
876
- WebkitAppearance: "button",
877
- font: "inherit"
878
- }, _ref.details = {
879
- display: "block"
880
- }, _ref.summary = {
881
- display: "list-item"
882
- }, _ref.template = {
883
- display: "none"
884
- }, _ref["[hidden]"] = {
885
- display: "none"
886
- }, _ref), {
887
- "abbr[title]": {
888
- textDecoration: "underline dotted"
889
- }
890
- }];
891
- }
892
- function radialGradient(_ref) {
893
- var colorStops = _ref.colorStops, _ref$extent = _ref.extent, extent = _ref$extent === void 0 ? "" : _ref$extent, fallback = _ref.fallback, _ref$position = _ref.position, position2 = _ref$position === void 0 ? "" : _ref$position, _ref$shape = _ref.shape, shape = _ref$shape === void 0 ? "" : _ref$shape;
894
- if (!colorStops || colorStops.length < 2) {
895
- throw new PolishedError(57);
896
- }
897
- return {
898
- backgroundColor: fallback || colorStops[0].split(" ")[0],
899
- backgroundImage: constructGradientValue(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["radial-gradient(", "", "", "", ")"])), position2, shape, extent, colorStops.join(", "))
900
- };
901
- }
902
- function retinaImage(filename, backgroundSize, extension, retinaFilename, retinaSuffix) {
903
- var _ref;
904
- if (extension === void 0) {
905
- extension = "png";
906
- }
907
- if (retinaSuffix === void 0) {
908
- retinaSuffix = "_2x";
909
- }
910
- if (!filename) {
911
- throw new PolishedError(58);
912
- }
913
- var ext = extension.replace(/^\./, "");
914
- var rFilename = retinaFilename ? retinaFilename + "." + ext : "" + filename + retinaSuffix + "." + ext;
915
- return _ref = {
916
- backgroundImage: "url(" + filename + "." + ext + ")"
917
- }, _ref[hiDPI()] = _extends({
918
- backgroundImage: "url(" + rFilename + ")"
919
- }, backgroundSize ? {
920
- backgroundSize
921
- } : {}), _ref;
922
- }
923
- function getTimingFunction(functionName) {
924
- return functionsMap[functionName];
925
- }
926
- function timingFunctions(timingFunction) {
927
- return getTimingFunction(timingFunction);
928
- }
929
- function triangle(_ref) {
930
- var pointingDirection = _ref.pointingDirection, height = _ref.height, width = _ref.width, foregroundColor = _ref.foregroundColor, _ref$backgroundColor = _ref.backgroundColor, backgroundColor = _ref$backgroundColor === void 0 ? "transparent" : _ref$backgroundColor;
931
- var widthAndUnit = getValueAndUnit(width);
932
- var heightAndUnit = getValueAndUnit(height);
933
- if (isNaN(heightAndUnit[0]) || isNaN(widthAndUnit[0])) {
934
- throw new PolishedError(60);
935
- }
936
- return _extends({
937
- width: "0",
938
- height: "0",
939
- borderColor: backgroundColor
940
- }, getBorderColor(pointingDirection, foregroundColor), {
941
- borderStyle: "solid",
942
- borderWidth: getBorderWidth(pointingDirection, heightAndUnit, widthAndUnit)
943
- });
944
- }
945
- function wordWrap(wrap) {
946
- if (wrap === void 0) {
947
- wrap = "break-word";
948
- }
949
- var wordBreak = wrap === "break-word" ? "break-all" : wrap;
950
- return {
951
- overflowWrap: wrap,
952
- wordWrap: wrap,
953
- wordBreak
954
- };
955
- }
956
- function colorToInt(color) {
957
- return Math.round(color * 255);
958
- }
959
- function convertToInt(red, green, blue) {
960
- return colorToInt(red) + "," + colorToInt(green) + "," + colorToInt(blue);
961
- }
962
- function hslToRgb(hue, saturation, lightness, convert) {
963
- if (convert === void 0) {
964
- convert = convertToInt;
965
- }
966
- if (saturation === 0) {
967
- return convert(lightness, lightness, lightness);
968
- }
969
- var huePrime = (hue % 360 + 360) % 360 / 60;
970
- var chroma = (1 - Math.abs(2 * lightness - 1)) * saturation;
971
- var secondComponent = chroma * (1 - Math.abs(huePrime % 2 - 1));
972
- var red = 0;
973
- var green = 0;
974
- var blue = 0;
975
- if (huePrime >= 0 && huePrime < 1) {
976
- red = chroma;
977
- green = secondComponent;
978
- } else if (huePrime >= 1 && huePrime < 2) {
979
- red = secondComponent;
980
- green = chroma;
981
- } else if (huePrime >= 2 && huePrime < 3) {
982
- green = chroma;
983
- blue = secondComponent;
984
- } else if (huePrime >= 3 && huePrime < 4) {
985
- green = secondComponent;
986
- blue = chroma;
987
- } else if (huePrime >= 4 && huePrime < 5) {
988
- red = secondComponent;
989
- blue = chroma;
990
- } else if (huePrime >= 5 && huePrime < 6) {
991
- red = chroma;
992
- blue = secondComponent;
993
- }
994
- var lightnessModification = lightness - chroma / 2;
995
- var finalRed = red + lightnessModification;
996
- var finalGreen = green + lightnessModification;
997
- var finalBlue = blue + lightnessModification;
998
- return convert(finalRed, finalGreen, finalBlue);
999
- }
1000
- function nameToHex(color) {
1001
- if (typeof color !== "string")
1002
- return color;
1003
- var normalizedColorName = color.toLowerCase();
1004
- return namedColorMap[normalizedColorName] ? "#" + namedColorMap[normalizedColorName] : color;
1005
- }
1006
- function parseToRgb(color) {
1007
- if (typeof color !== "string") {
1008
- throw new PolishedError(3);
1009
- }
1010
- var normalizedColor = nameToHex(color);
1011
- if (normalizedColor.match(hexRegex)) {
1012
- return {
1013
- red: parseInt("" + normalizedColor[1] + normalizedColor[2], 16),
1014
- green: parseInt("" + normalizedColor[3] + normalizedColor[4], 16),
1015
- blue: parseInt("" + normalizedColor[5] + normalizedColor[6], 16)
1016
- };
1017
- }
1018
- if (normalizedColor.match(hexRgbaRegex)) {
1019
- var alpha = parseFloat((parseInt("" + normalizedColor[7] + normalizedColor[8], 16) / 255).toFixed(2));
1020
- return {
1021
- red: parseInt("" + normalizedColor[1] + normalizedColor[2], 16),
1022
- green: parseInt("" + normalizedColor[3] + normalizedColor[4], 16),
1023
- blue: parseInt("" + normalizedColor[5] + normalizedColor[6], 16),
1024
- alpha
1025
- };
1026
- }
1027
- if (normalizedColor.match(reducedHexRegex)) {
1028
- return {
1029
- red: parseInt("" + normalizedColor[1] + normalizedColor[1], 16),
1030
- green: parseInt("" + normalizedColor[2] + normalizedColor[2], 16),
1031
- blue: parseInt("" + normalizedColor[3] + normalizedColor[3], 16)
1032
- };
1033
- }
1034
- if (normalizedColor.match(reducedRgbaHexRegex)) {
1035
- var _alpha = parseFloat((parseInt("" + normalizedColor[4] + normalizedColor[4], 16) / 255).toFixed(2));
1036
- return {
1037
- red: parseInt("" + normalizedColor[1] + normalizedColor[1], 16),
1038
- green: parseInt("" + normalizedColor[2] + normalizedColor[2], 16),
1039
- blue: parseInt("" + normalizedColor[3] + normalizedColor[3], 16),
1040
- alpha: _alpha
1041
- };
1042
- }
1043
- var rgbMatched = rgbRegex.exec(normalizedColor);
1044
- if (rgbMatched) {
1045
- return {
1046
- red: parseInt("" + rgbMatched[1], 10),
1047
- green: parseInt("" + rgbMatched[2], 10),
1048
- blue: parseInt("" + rgbMatched[3], 10)
1049
- };
1050
- }
1051
- var rgbaMatched = rgbaRegex.exec(normalizedColor.substring(0, 50));
1052
- if (rgbaMatched) {
1053
- return {
1054
- red: parseInt("" + rgbaMatched[1], 10),
1055
- green: parseInt("" + rgbaMatched[2], 10),
1056
- blue: parseInt("" + rgbaMatched[3], 10),
1057
- alpha: parseFloat("" + rgbaMatched[4])
1058
- };
1059
- }
1060
- var hslMatched = hslRegex.exec(normalizedColor);
1061
- if (hslMatched) {
1062
- var hue = parseInt("" + hslMatched[1], 10);
1063
- var saturation = parseInt("" + hslMatched[2], 10) / 100;
1064
- var lightness = parseInt("" + hslMatched[3], 10) / 100;
1065
- var rgbColorString = "rgb(" + hslToRgb(hue, saturation, lightness) + ")";
1066
- var hslRgbMatched = rgbRegex.exec(rgbColorString);
1067
- if (!hslRgbMatched) {
1068
- throw new PolishedError(4, normalizedColor, rgbColorString);
1069
- }
1070
- return {
1071
- red: parseInt("" + hslRgbMatched[1], 10),
1072
- green: parseInt("" + hslRgbMatched[2], 10),
1073
- blue: parseInt("" + hslRgbMatched[3], 10)
1074
- };
1075
- }
1076
- var hslaMatched = hslaRegex.exec(normalizedColor.substring(0, 50));
1077
- if (hslaMatched) {
1078
- var _hue = parseInt("" + hslaMatched[1], 10);
1079
- var _saturation = parseInt("" + hslaMatched[2], 10) / 100;
1080
- var _lightness = parseInt("" + hslaMatched[3], 10) / 100;
1081
- var _rgbColorString = "rgb(" + hslToRgb(_hue, _saturation, _lightness) + ")";
1082
- var _hslRgbMatched = rgbRegex.exec(_rgbColorString);
1083
- if (!_hslRgbMatched) {
1084
- throw new PolishedError(4, normalizedColor, _rgbColorString);
1085
- }
1086
- return {
1087
- red: parseInt("" + _hslRgbMatched[1], 10),
1088
- green: parseInt("" + _hslRgbMatched[2], 10),
1089
- blue: parseInt("" + _hslRgbMatched[3], 10),
1090
- alpha: parseFloat("" + hslaMatched[4])
1091
- };
1092
- }
1093
- throw new PolishedError(5);
1094
- }
1095
- function rgbToHsl(color) {
1096
- var red = color.red / 255;
1097
- var green = color.green / 255;
1098
- var blue = color.blue / 255;
1099
- var max2 = Math.max(red, green, blue);
1100
- var min2 = Math.min(red, green, blue);
1101
- var lightness = (max2 + min2) / 2;
1102
- if (max2 === min2) {
1103
- if (color.alpha !== void 0) {
1104
- return {
1105
- hue: 0,
1106
- saturation: 0,
1107
- lightness,
1108
- alpha: color.alpha
1109
- };
1110
- } else {
1111
- return {
1112
- hue: 0,
1113
- saturation: 0,
1114
- lightness
1115
- };
1116
- }
1117
- }
1118
- var hue;
1119
- var delta = max2 - min2;
1120
- var saturation = lightness > 0.5 ? delta / (2 - max2 - min2) : delta / (max2 + min2);
1121
- switch (max2) {
1122
- case red:
1123
- hue = (green - blue) / delta + (green < blue ? 6 : 0);
1124
- break;
1125
- case green:
1126
- hue = (blue - red) / delta + 2;
1127
- break;
1128
- default:
1129
- hue = (red - green) / delta + 4;
1130
- break;
1131
- }
1132
- hue *= 60;
1133
- if (color.alpha !== void 0) {
1134
- return {
1135
- hue,
1136
- saturation,
1137
- lightness,
1138
- alpha: color.alpha
1139
- };
1140
- }
1141
- return {
1142
- hue,
1143
- saturation,
1144
- lightness
1145
- };
1146
- }
1147
- function parseToHsl(color) {
1148
- return rgbToHsl(parseToRgb(color));
1149
- }
1150
- function numberToHex(value) {
1151
- var hex = value.toString(16);
1152
- return hex.length === 1 ? "0" + hex : hex;
1153
- }
1154
- function colorToHex(color) {
1155
- return numberToHex(Math.round(color * 255));
1156
- }
1157
- function convertToHex(red, green, blue) {
1158
- return reduceHexValue("#" + colorToHex(red) + colorToHex(green) + colorToHex(blue));
1159
- }
1160
- function hslToHex(hue, saturation, lightness) {
1161
- return hslToRgb(hue, saturation, lightness, convertToHex);
1162
- }
1163
- function hsl(value, saturation, lightness) {
1164
- if (typeof value === "number" && typeof saturation === "number" && typeof lightness === "number") {
1165
- return hslToHex(value, saturation, lightness);
1166
- } else if (typeof value === "object" && saturation === void 0 && lightness === void 0) {
1167
- return hslToHex(value.hue, value.saturation, value.lightness);
1168
- }
1169
- throw new PolishedError(1);
1170
- }
1171
- function hsla(value, saturation, lightness, alpha) {
1172
- if (typeof value === "number" && typeof saturation === "number" && typeof lightness === "number" && typeof alpha === "number") {
1173
- return alpha >= 1 ? hslToHex(value, saturation, lightness) : "rgba(" + hslToRgb(value, saturation, lightness) + "," + alpha + ")";
1174
- } else if (typeof value === "object" && saturation === void 0 && lightness === void 0 && alpha === void 0) {
1175
- return value.alpha >= 1 ? hslToHex(value.hue, value.saturation, value.lightness) : "rgba(" + hslToRgb(value.hue, value.saturation, value.lightness) + "," + value.alpha + ")";
1176
- }
1177
- throw new PolishedError(2);
1178
- }
1179
- function rgb(value, green, blue) {
1180
- if (typeof value === "number" && typeof green === "number" && typeof blue === "number") {
1181
- return reduceHexValue("#" + numberToHex(value) + numberToHex(green) + numberToHex(blue));
1182
- } else if (typeof value === "object" && green === void 0 && blue === void 0) {
1183
- return reduceHexValue("#" + numberToHex(value.red) + numberToHex(value.green) + numberToHex(value.blue));
1184
- }
1185
- throw new PolishedError(6);
1186
- }
1187
- function rgba(firstValue, secondValue, thirdValue, fourthValue) {
1188
- if (typeof firstValue === "string" && typeof secondValue === "number") {
1189
- var rgbValue = parseToRgb(firstValue);
1190
- return "rgba(" + rgbValue.red + "," + rgbValue.green + "," + rgbValue.blue + "," + secondValue + ")";
1191
- } else if (typeof firstValue === "number" && typeof secondValue === "number" && typeof thirdValue === "number" && typeof fourthValue === "number") {
1192
- return fourthValue >= 1 ? rgb(firstValue, secondValue, thirdValue) : "rgba(" + firstValue + "," + secondValue + "," + thirdValue + "," + fourthValue + ")";
1193
- } else if (typeof firstValue === "object" && secondValue === void 0 && thirdValue === void 0 && fourthValue === void 0) {
1194
- return firstValue.alpha >= 1 ? rgb(firstValue.red, firstValue.green, firstValue.blue) : "rgba(" + firstValue.red + "," + firstValue.green + "," + firstValue.blue + "," + firstValue.alpha + ")";
1195
- }
1196
- throw new PolishedError(7);
1197
- }
1198
- function toColorString(color) {
1199
- if (typeof color !== "object")
1200
- throw new PolishedError(8);
1201
- if (isRgba(color))
1202
- return rgba(color);
1203
- if (isRgb(color))
1204
- return rgb(color);
1205
- if (isHsla(color))
1206
- return hsla(color);
1207
- if (isHsl(color))
1208
- return hsl(color);
1209
- throw new PolishedError(8);
1210
- }
1211
- function curried(f, length, acc) {
1212
- return function fn() {
1213
- var combined = acc.concat(Array.prototype.slice.call(arguments));
1214
- return combined.length >= length ? f.apply(this, combined) : curried(f, length, combined);
1215
- };
1216
- }
1217
- function curry(f) {
1218
- return curried(f, f.length, []);
1219
- }
1220
- function adjustHue(degree, color) {
1221
- if (color === "transparent")
1222
- return color;
1223
- var hslColor = parseToHsl(color);
1224
- return toColorString(_extends({}, hslColor, {
1225
- hue: hslColor.hue + parseFloat(degree)
1226
- }));
1227
- }
1228
- function complement(color) {
1229
- if (color === "transparent")
1230
- return color;
1231
- var hslColor = parseToHsl(color);
1232
- return toColorString(_extends({}, hslColor, {
1233
- hue: (hslColor.hue + 180) % 360
1234
- }));
1235
- }
1236
- function guard(lowerBoundary, upperBoundary, value) {
1237
- return Math.max(lowerBoundary, Math.min(upperBoundary, value));
1238
- }
1239
- function darken(amount, color) {
1240
- if (color === "transparent")
1241
- return color;
1242
- var hslColor = parseToHsl(color);
1243
- return toColorString(_extends({}, hslColor, {
1244
- lightness: guard(0, 1, hslColor.lightness - parseFloat(amount))
1245
- }));
1246
- }
1247
- function desaturate(amount, color) {
1248
- if (color === "transparent")
1249
- return color;
1250
- var hslColor = parseToHsl(color);
1251
- return toColorString(_extends({}, hslColor, {
1252
- saturation: guard(0, 1, hslColor.saturation - parseFloat(amount))
1253
- }));
1254
- }
1255
- function getLuminance(color) {
1256
- if (color === "transparent")
1257
- return 0;
1258
- var rgbColor = parseToRgb(color);
1259
- var _Object$keys$map = Object.keys(rgbColor).map(function(key) {
1260
- var channel = rgbColor[key] / 255;
1261
- return channel <= 0.03928 ? channel / 12.92 : Math.pow((channel + 0.055) / 1.055, 2.4);
1262
- }), r = _Object$keys$map[0], g = _Object$keys$map[1], b = _Object$keys$map[2];
1263
- return parseFloat((0.2126 * r + 0.7152 * g + 0.0722 * b).toFixed(3));
1264
- }
1265
- function getContrast(color1, color2) {
1266
- var luminance1 = getLuminance(color1);
1267
- var luminance2 = getLuminance(color2);
1268
- return parseFloat((luminance1 > luminance2 ? (luminance1 + 0.05) / (luminance2 + 0.05) : (luminance2 + 0.05) / (luminance1 + 0.05)).toFixed(2));
1269
- }
1270
- function grayscale(color) {
1271
- if (color === "transparent")
1272
- return color;
1273
- return toColorString(_extends({}, parseToHsl(color), {
1274
- saturation: 0
1275
- }));
1276
- }
1277
- function hslToColorString(color) {
1278
- if (typeof color === "object" && typeof color.hue === "number" && typeof color.saturation === "number" && typeof color.lightness === "number") {
1279
- if (color.alpha && typeof color.alpha === "number") {
1280
- return hsla({
1281
- hue: color.hue,
1282
- saturation: color.saturation,
1283
- lightness: color.lightness,
1284
- alpha: color.alpha
1285
- });
1286
- }
1287
- return hsl({
1288
- hue: color.hue,
1289
- saturation: color.saturation,
1290
- lightness: color.lightness
1291
- });
1292
- }
1293
- throw new PolishedError(45);
1294
- }
1295
- function invert(color) {
1296
- if (color === "transparent")
1297
- return color;
1298
- var value = parseToRgb(color);
1299
- return toColorString(_extends({}, value, {
1300
- red: 255 - value.red,
1301
- green: 255 - value.green,
1302
- blue: 255 - value.blue
1303
- }));
1304
- }
1305
- function lighten(amount, color) {
1306
- if (color === "transparent")
1307
- return color;
1308
- var hslColor = parseToHsl(color);
1309
- return toColorString(_extends({}, hslColor, {
1310
- lightness: guard(0, 1, hslColor.lightness + parseFloat(amount))
1311
- }));
1312
- }
1313
- function meetsContrastGuidelines(color1, color2) {
1314
- var contrastRatio = getContrast(color1, color2);
1315
- return {
1316
- AA: contrastRatio >= 4.5,
1317
- AALarge: contrastRatio >= 3,
1318
- AAA: contrastRatio >= 7,
1319
- AAALarge: contrastRatio >= 4.5
1320
- };
1321
- }
1322
- function mix(weight, color, otherColor) {
1323
- if (color === "transparent")
1324
- return otherColor;
1325
- if (otherColor === "transparent")
1326
- return color;
1327
- if (weight === 0)
1328
- return otherColor;
1329
- var parsedColor1 = parseToRgb(color);
1330
- var color1 = _extends({}, parsedColor1, {
1331
- alpha: typeof parsedColor1.alpha === "number" ? parsedColor1.alpha : 1
1332
- });
1333
- var parsedColor2 = parseToRgb(otherColor);
1334
- var color2 = _extends({}, parsedColor2, {
1335
- alpha: typeof parsedColor2.alpha === "number" ? parsedColor2.alpha : 1
1336
- });
1337
- var alphaDelta = color1.alpha - color2.alpha;
1338
- var x = parseFloat(weight) * 2 - 1;
1339
- var y = x * alphaDelta === -1 ? x : x + alphaDelta;
1340
- var z = 1 + x * alphaDelta;
1341
- var weight1 = (y / z + 1) / 2;
1342
- var weight2 = 1 - weight1;
1343
- var mixedColor = {
1344
- red: Math.floor(color1.red * weight1 + color2.red * weight2),
1345
- green: Math.floor(color1.green * weight1 + color2.green * weight2),
1346
- blue: Math.floor(color1.blue * weight1 + color2.blue * weight2),
1347
- alpha: color1.alpha * (parseFloat(weight) / 1) + color2.alpha * (1 - parseFloat(weight) / 1)
1348
- };
1349
- return rgba(mixedColor);
1350
- }
1351
- function opacify(amount, color) {
1352
- if (color === "transparent")
1353
- return color;
1354
- var parsedColor = parseToRgb(color);
1355
- var alpha = typeof parsedColor.alpha === "number" ? parsedColor.alpha : 1;
1356
- var colorWithAlpha = _extends({}, parsedColor, {
1357
- alpha: guard(0, 1, (alpha * 100 + parseFloat(amount) * 100) / 100)
1358
- });
1359
- return rgba(colorWithAlpha);
1360
- }
1361
- function readableColor(color, returnIfLightColor, returnIfDarkColor, strict) {
1362
- if (returnIfLightColor === void 0) {
1363
- returnIfLightColor = defaultReturnIfLightColor;
1364
- }
1365
- if (returnIfDarkColor === void 0) {
1366
- returnIfDarkColor = defaultReturnIfDarkColor;
1367
- }
1368
- if (strict === void 0) {
1369
- strict = true;
1370
- }
1371
- var isColorLight = getLuminance(color) > 0.179;
1372
- var preferredReturnColor = isColorLight ? returnIfLightColor : returnIfDarkColor;
1373
- if (!strict || getContrast(color, preferredReturnColor) >= 4.5) {
1374
- return preferredReturnColor;
1375
- }
1376
- return isColorLight ? defaultReturnIfLightColor : defaultReturnIfDarkColor;
1377
- }
1378
- function rgbToColorString(color) {
1379
- if (typeof color === "object" && typeof color.red === "number" && typeof color.green === "number" && typeof color.blue === "number") {
1380
- if (typeof color.alpha === "number") {
1381
- return rgba({
1382
- red: color.red,
1383
- green: color.green,
1384
- blue: color.blue,
1385
- alpha: color.alpha
1386
- });
1387
- }
1388
- return rgb({
1389
- red: color.red,
1390
- green: color.green,
1391
- blue: color.blue
1392
- });
1393
- }
1394
- throw new PolishedError(46);
1395
- }
1396
- function saturate(amount, color) {
1397
- if (color === "transparent")
1398
- return color;
1399
- var hslColor = parseToHsl(color);
1400
- return toColorString(_extends({}, hslColor, {
1401
- saturation: guard(0, 1, hslColor.saturation + parseFloat(amount))
1402
- }));
1403
- }
1404
- function setHue(hue, color) {
1405
- if (color === "transparent")
1406
- return color;
1407
- return toColorString(_extends({}, parseToHsl(color), {
1408
- hue: parseFloat(hue)
1409
- }));
1410
- }
1411
- function setLightness(lightness, color) {
1412
- if (color === "transparent")
1413
- return color;
1414
- return toColorString(_extends({}, parseToHsl(color), {
1415
- lightness: parseFloat(lightness)
1416
- }));
1417
- }
1418
- function setSaturation(saturation, color) {
1419
- if (color === "transparent")
1420
- return color;
1421
- return toColorString(_extends({}, parseToHsl(color), {
1422
- saturation: parseFloat(saturation)
1423
- }));
1424
- }
1425
- function shade(percentage, color) {
1426
- if (color === "transparent")
1427
- return color;
1428
- return curriedMix(parseFloat(percentage), "rgb(0, 0, 0)", color);
1429
- }
1430
- function tint(percentage, color) {
1431
- if (color === "transparent")
1432
- return color;
1433
- return curriedMix(parseFloat(percentage), "rgb(255, 255, 255)", color);
1434
- }
1435
- function transparentize(amount, color) {
1436
- if (color === "transparent")
1437
- return color;
1438
- var parsedColor = parseToRgb(color);
1439
- var alpha = typeof parsedColor.alpha === "number" ? parsedColor.alpha : 1;
1440
- var colorWithAlpha = _extends({}, parsedColor, {
1441
- alpha: guard(0, 1, +(alpha * 100 - parseFloat(amount) * 100).toFixed(2) / 100)
1442
- });
1443
- return rgba(colorWithAlpha);
1444
- }
1445
- function animation() {
1446
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
1447
- args[_key] = arguments[_key];
1448
- }
1449
- var multiMode = Array.isArray(args[0]);
1450
- if (!multiMode && args.length > 8) {
1451
- throw new PolishedError(64);
1452
- }
1453
- var code = args.map(function(arg) {
1454
- if (multiMode && !Array.isArray(arg) || !multiMode && Array.isArray(arg)) {
1455
- throw new PolishedError(65);
1456
- }
1457
- if (Array.isArray(arg) && arg.length > 8) {
1458
- throw new PolishedError(66);
1459
- }
1460
- return Array.isArray(arg) ? arg.join(" ") : arg;
1461
- }).join(", ");
1462
- return {
1463
- animation: code
1464
- };
1465
- }
1466
- function backgroundImages() {
1467
- for (var _len = arguments.length, properties = new Array(_len), _key = 0; _key < _len; _key++) {
1468
- properties[_key] = arguments[_key];
1469
- }
1470
- return {
1471
- backgroundImage: properties.join(", ")
1472
- };
1473
- }
1474
- function backgrounds() {
1475
- for (var _len = arguments.length, properties = new Array(_len), _key = 0; _key < _len; _key++) {
1476
- properties[_key] = arguments[_key];
1477
- }
1478
- return {
1479
- background: properties.join(", ")
1480
- };
1481
- }
1482
- function border(sideKeyword) {
1483
- for (var _len = arguments.length, values = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
1484
- values[_key - 1] = arguments[_key];
1485
- }
1486
- if (typeof sideKeyword === "string" && sideMap.indexOf(sideKeyword) >= 0) {
1487
- var _ref;
1488
- return _ref = {}, _ref["border" + capitalizeString(sideKeyword) + "Width"] = values[0], _ref["border" + capitalizeString(sideKeyword) + "Style"] = values[1], _ref["border" + capitalizeString(sideKeyword) + "Color"] = values[2], _ref;
1489
- } else {
1490
- values.unshift(sideKeyword);
1491
- return {
1492
- borderWidth: values[0],
1493
- borderStyle: values[1],
1494
- borderColor: values[2]
1495
- };
1496
- }
1497
- }
1498
- function borderColor() {
1499
- for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {
1500
- values[_key] = arguments[_key];
1501
- }
1502
- return directionalProperty.apply(void 0, ["borderColor"].concat(values));
1503
- }
1504
- function borderRadius(side, radius) {
1505
- var uppercaseSide = capitalizeString(side);
1506
- if (!radius && radius !== 0) {
1507
- throw new PolishedError(62);
1508
- }
1509
- if (uppercaseSide === "Top" || uppercaseSide === "Bottom") {
1510
- var _ref;
1511
- return _ref = {}, _ref["border" + uppercaseSide + "RightRadius"] = radius, _ref["border" + uppercaseSide + "LeftRadius"] = radius, _ref;
1512
- }
1513
- if (uppercaseSide === "Left" || uppercaseSide === "Right") {
1514
- var _ref2;
1515
- return _ref2 = {}, _ref2["borderTop" + uppercaseSide + "Radius"] = radius, _ref2["borderBottom" + uppercaseSide + "Radius"] = radius, _ref2;
1516
- }
1517
- throw new PolishedError(63);
1518
- }
1519
- function borderStyle() {
1520
- for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {
1521
- values[_key] = arguments[_key];
1522
- }
1523
- return directionalProperty.apply(void 0, ["borderStyle"].concat(values));
1524
- }
1525
- function borderWidth() {
1526
- for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {
1527
- values[_key] = arguments[_key];
1528
- }
1529
- return directionalProperty.apply(void 0, ["borderWidth"].concat(values));
1530
- }
1531
- function generateSelectors(template2, state) {
1532
- var stateSuffix = state ? ":" + state : "";
1533
- return template2(stateSuffix);
1534
- }
1535
- function statefulSelectors(states, template2, stateMap2) {
1536
- if (!template2)
1537
- throw new PolishedError(67);
1538
- if (states.length === 0)
1539
- return generateSelectors(template2, null);
1540
- var selectors = [];
1541
- for (var i = 0; i < states.length; i += 1) {
1542
- if (stateMap2 && stateMap2.indexOf(states[i]) < 0) {
1543
- throw new PolishedError(68);
1544
- }
1545
- selectors.push(generateSelectors(template2, states[i]));
1546
- }
1547
- selectors = selectors.join(",");
1548
- return selectors;
1549
- }
1550
- function template(state) {
1551
- return "button" + state + ',\n input[type="button"]' + state + ',\n input[type="reset"]' + state + ',\n input[type="submit"]' + state;
1552
- }
1553
- function buttons() {
1554
- for (var _len = arguments.length, states = new Array(_len), _key = 0; _key < _len; _key++) {
1555
- states[_key] = arguments[_key];
1556
- }
1557
- return statefulSelectors(states, template, stateMap);
1558
- }
1559
- function margin() {
1560
- for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {
1561
- values[_key] = arguments[_key];
1562
- }
1563
- return directionalProperty.apply(void 0, ["margin"].concat(values));
1564
- }
1565
- function padding() {
1566
- for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {
1567
- values[_key] = arguments[_key];
1568
- }
1569
- return directionalProperty.apply(void 0, ["padding"].concat(values));
1570
- }
1571
- function position(firstValue) {
1572
- for (var _len = arguments.length, values = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
1573
- values[_key - 1] = arguments[_key];
1574
- }
1575
- if (positionMap$1.indexOf(firstValue) >= 0 && firstValue) {
1576
- return _extends({}, directionalProperty.apply(void 0, [""].concat(values)), {
1577
- position: firstValue
1578
- });
1579
- } else {
1580
- return directionalProperty.apply(void 0, ["", firstValue].concat(values));
1581
- }
1582
- }
1583
- function size(height, width) {
1584
- if (width === void 0) {
1585
- width = height;
1586
- }
1587
- return {
1588
- height,
1589
- width
1590
- };
1591
- }
1592
- function template$1(state) {
1593
- return 'input[type="color"]' + state + ',\n input[type="date"]' + state + ',\n input[type="datetime"]' + state + ',\n input[type="datetime-local"]' + state + ',\n input[type="email"]' + state + ',\n input[type="month"]' + state + ',\n input[type="number"]' + state + ',\n input[type="password"]' + state + ',\n input[type="search"]' + state + ',\n input[type="tel"]' + state + ',\n input[type="text"]' + state + ',\n input[type="time"]' + state + ',\n input[type="url"]' + state + ',\n input[type="week"]' + state + ",\n input:not([type])" + state + ",\n textarea" + state;
1594
- }
1595
- function textInputs() {
1596
- for (var _len = arguments.length, states = new Array(_len), _key = 0; _key < _len; _key++) {
1597
- states[_key] = arguments[_key];
1598
- }
1599
- return statefulSelectors(states, template$1, stateMap$1);
1600
- }
1601
- function transitions() {
1602
- for (var _len = arguments.length, properties = new Array(_len), _key = 0; _key < _len; _key++) {
1603
- properties[_key] = arguments[_key];
1604
- }
1605
- if (Array.isArray(properties[0]) && properties.length === 2) {
1606
- var value = properties[1];
1607
- if (typeof value !== "string") {
1608
- throw new PolishedError(61);
1609
- }
1610
- var transitionsString = properties[0].map(function(property) {
1611
- return property + " " + value;
1612
- }).join(", ");
1613
- return {
1614
- transition: transitionsString
1615
- };
1616
- } else {
1617
- return {
1618
- transition: properties.join(", ")
1619
- };
1620
- }
1621
- }
1622
- var defaultMathSymbols, ERRORS, PolishedError, unitRegExp, cssVariableRegex, positionMap, cssRegex, pxtoFactory, em, cssRegex$1, ratioNames, rem, dataURIRegex, formatHintMap, _templateObject, _templateObject$1, functionsMap, getBorderWidth, getBorderColor, namedColorMap, hexRegex, hexRgbaRegex, reducedHexRegex, reducedRgbaHexRegex, rgbRegex, rgbaRegex, hslRegex, hslaRegex, reduceHexValue, isRgb, isRgba, isHsl, isHsla, curriedAdjustHue, curriedDarken, curriedDesaturate, curriedLighten, curriedMix, curriedOpacify, defaultReturnIfLightColor, defaultReturnIfDarkColor, curriedSaturate, curriedSetHue, curriedSetLightness, curriedSetSaturation, curriedShade, curriedTint, curriedTransparentize, sideMap, stateMap, positionMap$1, stateMap$1;
1623
- var init_polished_esm = __esm({
1624
- "../../node_modules/polished/dist/polished.esm.js"() {
1625
- "use strict";
1626
- init_extends();
1627
- init_assertThisInitialized();
1628
- init_inheritsLoose();
1629
- init_wrapNativeSuper();
1630
- init_taggedTemplateLiteralLoose();
1631
- defaultMathSymbols = {
1632
- symbols: {
1633
- "!": {
1634
- postfix: {
1635
- symbol: "!",
1636
- f: factorial,
1637
- notation: "postfix",
1638
- precedence: 6,
1639
- rightToLeft: 0,
1640
- argCount: 1
1641
- },
1642
- symbol: "!",
1643
- regSymbol: "!"
1644
- },
1645
- "^": {
1646
- infix: {
1647
- symbol: "^",
1648
- f: power,
1649
- notation: "infix",
1650
- precedence: 5,
1651
- rightToLeft: 1,
1652
- argCount: 2
1653
- },
1654
- symbol: "^",
1655
- regSymbol: "\\^"
1656
- },
1657
- "*": {
1658
- infix: {
1659
- symbol: "*",
1660
- f: multiplication,
1661
- notation: "infix",
1662
- precedence: 4,
1663
- rightToLeft: 0,
1664
- argCount: 2
1665
- },
1666
- symbol: "*",
1667
- regSymbol: "\\*"
1668
- },
1669
- "/": {
1670
- infix: {
1671
- symbol: "/",
1672
- f: division,
1673
- notation: "infix",
1674
- precedence: 4,
1675
- rightToLeft: 0,
1676
- argCount: 2
1677
- },
1678
- symbol: "/",
1679
- regSymbol: "/"
1680
- },
1681
- "+": {
1682
- infix: {
1683
- symbol: "+",
1684
- f: addition,
1685
- notation: "infix",
1686
- precedence: 2,
1687
- rightToLeft: 0,
1688
- argCount: 2
1689
- },
1690
- prefix: {
1691
- symbol: "+",
1692
- f: last,
1693
- notation: "prefix",
1694
- precedence: 3,
1695
- rightToLeft: 0,
1696
- argCount: 1
1697
- },
1698
- symbol: "+",
1699
- regSymbol: "\\+"
1700
- },
1701
- "-": {
1702
- infix: {
1703
- symbol: "-",
1704
- f: subtraction,
1705
- notation: "infix",
1706
- precedence: 2,
1707
- rightToLeft: 0,
1708
- argCount: 2
1709
- },
1710
- prefix: {
1711
- symbol: "-",
1712
- f: negation,
1713
- notation: "prefix",
1714
- precedence: 3,
1715
- rightToLeft: 0,
1716
- argCount: 1
1717
- },
1718
- symbol: "-",
1719
- regSymbol: "-"
1720
- },
1721
- ",": {
1722
- infix: {
1723
- symbol: ",",
1724
- f: comma,
1725
- notation: "infix",
1726
- precedence: 1,
1727
- rightToLeft: 0,
1728
- argCount: 2
1729
- },
1730
- symbol: ",",
1731
- regSymbol: ","
1732
- },
1733
- "(": {
1734
- prefix: {
1735
- symbol: "(",
1736
- f: last,
1737
- notation: "prefix",
1738
- precedence: 0,
1739
- rightToLeft: 0,
1740
- argCount: 1
1741
- },
1742
- symbol: "(",
1743
- regSymbol: "\\("
1744
- },
1745
- ")": {
1746
- postfix: {
1747
- symbol: ")",
1748
- f: void 0,
1749
- notation: "postfix",
1750
- precedence: 0,
1751
- rightToLeft: 0,
1752
- argCount: 1
1753
- },
1754
- symbol: ")",
1755
- regSymbol: "\\)"
1756
- },
1757
- min: {
1758
- func: {
1759
- symbol: "min",
1760
- f: min,
1761
- notation: "func",
1762
- precedence: 0,
1763
- rightToLeft: 0,
1764
- argCount: 1
1765
- },
1766
- symbol: "min",
1767
- regSymbol: "min\\b"
1768
- },
1769
- max: {
1770
- func: {
1771
- symbol: "max",
1772
- f: max,
1773
- notation: "func",
1774
- precedence: 0,
1775
- rightToLeft: 0,
1776
- argCount: 1
1777
- },
1778
- symbol: "max",
1779
- regSymbol: "max\\b"
1780
- },
1781
- sqrt: {
1782
- func: {
1783
- symbol: "sqrt",
1784
- f: sqrt,
1785
- notation: "func",
1786
- precedence: 0,
1787
- rightToLeft: 0,
1788
- argCount: 1
1789
- },
1790
- symbol: "sqrt",
1791
- regSymbol: "sqrt\\b"
1792
- }
1793
- }
1794
- };
1795
- ERRORS = {
1796
- "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",
1797
- "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",
1798
- "3": "Passed an incorrect argument to a color function, please pass a string representation of a color.\n\n",
1799
- "4": "Couldn't generate valid rgb string from %s, it returned %s.\n\n",
1800
- "5": "Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.\n\n",
1801
- "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",
1802
- "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",
1803
- "8": "Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.\n\n",
1804
- "9": "Please provide a number of steps to the modularScale helper.\n\n",
1805
- "10": "Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",
1806
- "11": 'Invalid value passed as base to modularScale, expected number or em string but got "%s"\n\n',
1807
- "12": 'Expected a string ending in "px" or a number passed as the first argument to %s(), got "%s" instead.\n\n',
1808
- "13": 'Expected a string ending in "px" or a number passed as the second argument to %s(), got "%s" instead.\n\n',
1809
- "14": 'Passed invalid pixel value ("%s") to %s(), please pass a value like "12px" or 12.\n\n',
1810
- "15": 'Passed invalid base value ("%s") to %s(), please pass a value like "12px" or 12.\n\n',
1811
- "16": "You must provide a template to this method.\n\n",
1812
- "17": "You passed an unsupported selector state to this method.\n\n",
1813
- "18": "minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",
1814
- "19": "fromSize and toSize must be provided as stringified numbers with the same units.\n\n",
1815
- "20": "expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",
1816
- "21": "expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\n\n",
1817
- "22": "expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\n\n",
1818
- "23": "fontFace expects a name of a font-family.\n\n",
1819
- "24": "fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",
1820
- "25": "fontFace expects localFonts to be an array.\n\n",
1821
- "26": "fontFace expects fileFormats to be an array.\n\n",
1822
- "27": "radialGradient requries at least 2 color-stops to properly render.\n\n",
1823
- "28": "Please supply a filename to retinaImage() as the first argument.\n\n",
1824
- "29": "Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",
1825
- "30": "Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",
1826
- "31": "The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation\n\n",
1827
- "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",
1828
- "33": "The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation\n\n",
1829
- "34": "borderRadius expects a radius value as a string or number as the second argument.\n\n",
1830
- "35": 'borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.\n\n',
1831
- "36": "Property must be a string value.\n\n",
1832
- "37": "Syntax Error at %s.\n\n",
1833
- "38": "Formula contains a function that needs parentheses at %s.\n\n",
1834
- "39": "Formula is missing closing parenthesis at %s.\n\n",
1835
- "40": "Formula has too many closing parentheses at %s.\n\n",
1836
- "41": "All values in a formula must have the same unit or be unitless.\n\n",
1837
- "42": "Please provide a number of steps to the modularScale helper.\n\n",
1838
- "43": "Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",
1839
- "44": "Invalid value passed as base to modularScale, expected number or em/rem string but got %s.\n\n",
1840
- "45": "Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.\n\n",
1841
- "46": "Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.\n\n",
1842
- "47": "minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",
1843
- "48": "fromSize and toSize must be provided as stringified numbers with the same units.\n\n",
1844
- "49": "Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",
1845
- "50": "Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.\n\n",
1846
- "51": "Expects the first argument object to have the properties prop, fromSize, and toSize.\n\n",
1847
- "52": "fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",
1848
- "53": "fontFace expects localFonts to be an array.\n\n",
1849
- "54": "fontFace expects fileFormats to be an array.\n\n",
1850
- "55": "fontFace expects a name of a font-family.\n\n",
1851
- "56": "linearGradient requries at least 2 color-stops to properly render.\n\n",
1852
- "57": "radialGradient requries at least 2 color-stops to properly render.\n\n",
1853
- "58": "Please supply a filename to retinaImage() as the first argument.\n\n",
1854
- "59": "Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",
1855
- "60": "Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",
1856
- "61": "Property must be a string value.\n\n",
1857
- "62": "borderRadius expects a radius value as a string or number as the second argument.\n\n",
1858
- "63": 'borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.\n\n',
1859
- "64": "The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.\n\n",
1860
- "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",
1861
- "66": "The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.\n\n",
1862
- "67": "You must provide a template to this method.\n\n",
1863
- "68": "You passed an unsupported selector state to this method.\n\n",
1864
- "69": 'Expected a string ending in "px" or a number passed as the first argument to %s(), got %s instead.\n\n',
1865
- "70": 'Expected a string ending in "px" or a number passed as the second argument to %s(), got %s instead.\n\n',
1866
- "71": 'Passed invalid pixel value %s to %s(), please pass a value like "12px" or 12.\n\n',
1867
- "72": 'Passed invalid base value %s to %s(), please pass a value like "12px" or 12.\n\n',
1868
- "73": "Please provide a valid CSS variable.\n\n",
1869
- "74": "CSS variable not found.\n\n",
1870
- "75": "fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.\n"
1871
- };
1872
- PolishedError = /* @__PURE__ */ function(_Error) {
1873
- _inheritsLoose(PolishedError2, _Error);
1874
- function PolishedError2(code) {
1875
- var _this;
1876
- if (process.env.NODE_ENV === "production") {
1877
- _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;
1878
- } else {
1879
- for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
1880
- args[_key2 - 1] = arguments[_key2];
1881
- }
1882
- _this = _Error.call(this, format.apply(void 0, [ERRORS[code]].concat(args))) || this;
1883
- }
1884
- return _assertThisInitialized(_this);
1885
- }
1886
- return PolishedError2;
1887
- }(/* @__PURE__ */ _wrapNativeSuper(Error));
1888
- unitRegExp = /((?!\w)a|na|hc|mc|dg|me[r]?|xe|ni(?![a-zA-Z])|mm|cp|tp|xp|q(?!s)|hv|xamv|nimv|wv|sm|s(?!\D|$)|ged|darg?|nrut)/g;
1889
- cssVariableRegex = /--[\S]*/g;
1890
- positionMap = ["Top", "Right", "Bottom", "Left"];
1891
- cssRegex = /^([+-]?(?:\d+|\d*\.\d+))([a-z]*|%)$/;
1892
- pxtoFactory = function pxtoFactory2(to) {
1893
- return function(pxval, base) {
1894
- if (base === void 0) {
1895
- base = "16px";
1896
- }
1897
- var newPxval = pxval;
1898
- var newBase = base;
1899
- if (typeof pxval === "string") {
1900
- if (!endsWith(pxval, "px")) {
1901
- throw new PolishedError(69, to, pxval);
1902
- }
1903
- newPxval = stripUnit(pxval);
1904
- }
1905
- if (typeof base === "string") {
1906
- if (!endsWith(base, "px")) {
1907
- throw new PolishedError(70, to, base);
1908
- }
1909
- newBase = stripUnit(base);
1910
- }
1911
- if (typeof newPxval === "string") {
1912
- throw new PolishedError(71, pxval, to);
1913
- }
1914
- if (typeof newBase === "string") {
1915
- throw new PolishedError(72, base, to);
1916
- }
1917
- return "" + newPxval / newBase + to;
1918
- };
1919
- };
1920
- em = /* @__PURE__ */ pxtoFactory("em");
1921
- cssRegex$1 = /^([+-]?(?:\d+|\d*\.\d+))([a-z]*|%)$/;
1922
- ratioNames = {
1923
- minorSecond: 1.067,
1924
- majorSecond: 1.125,
1925
- minorThird: 1.2,
1926
- majorThird: 1.25,
1927
- perfectFourth: 1.333,
1928
- augFourth: 1.414,
1929
- perfectFifth: 1.5,
1930
- minorSixth: 1.6,
1931
- goldenSection: 1.618,
1932
- majorSixth: 1.667,
1933
- minorSeventh: 1.778,
1934
- majorSeventh: 1.875,
1935
- octave: 2,
1936
- majorTenth: 2.5,
1937
- majorEleventh: 2.667,
1938
- majorTwelfth: 3,
1939
- doubleOctave: 4
1940
- };
1941
- rem = /* @__PURE__ */ pxtoFactory("rem");
1942
- dataURIRegex = /^\s*data:([a-z]+\/[a-z-]+(;[a-z-]+=[a-z-]+)?)?(;charset=[a-z0-9-]+)?(;base64)?,[a-z0-9!$&',()*+,;=\-._~:@/?%\s]*\s*$/i;
1943
- formatHintMap = {
1944
- woff: "woff",
1945
- woff2: "woff2",
1946
- ttf: "truetype",
1947
- otf: "opentype",
1948
- eot: "embedded-opentype",
1949
- svg: "svg",
1950
- svgz: "svg"
1951
- };
1952
- functionsMap = {
1953
- easeInBack: "cubic-bezier(0.600, -0.280, 0.735, 0.045)",
1954
- easeInCirc: "cubic-bezier(0.600, 0.040, 0.980, 0.335)",
1955
- easeInCubic: "cubic-bezier(0.550, 0.055, 0.675, 0.190)",
1956
- easeInExpo: "cubic-bezier(0.950, 0.050, 0.795, 0.035)",
1957
- easeInQuad: "cubic-bezier(0.550, 0.085, 0.680, 0.530)",
1958
- easeInQuart: "cubic-bezier(0.895, 0.030, 0.685, 0.220)",
1959
- easeInQuint: "cubic-bezier(0.755, 0.050, 0.855, 0.060)",
1960
- easeInSine: "cubic-bezier(0.470, 0.000, 0.745, 0.715)",
1961
- easeOutBack: "cubic-bezier(0.175, 0.885, 0.320, 1.275)",
1962
- easeOutCubic: "cubic-bezier(0.215, 0.610, 0.355, 1.000)",
1963
- easeOutCirc: "cubic-bezier(0.075, 0.820, 0.165, 1.000)",
1964
- easeOutExpo: "cubic-bezier(0.190, 1.000, 0.220, 1.000)",
1965
- easeOutQuad: "cubic-bezier(0.250, 0.460, 0.450, 0.940)",
1966
- easeOutQuart: "cubic-bezier(0.165, 0.840, 0.440, 1.000)",
1967
- easeOutQuint: "cubic-bezier(0.230, 1.000, 0.320, 1.000)",
1968
- easeOutSine: "cubic-bezier(0.390, 0.575, 0.565, 1.000)",
1969
- easeInOutBack: "cubic-bezier(0.680, -0.550, 0.265, 1.550)",
1970
- easeInOutCirc: "cubic-bezier(0.785, 0.135, 0.150, 0.860)",
1971
- easeInOutCubic: "cubic-bezier(0.645, 0.045, 0.355, 1.000)",
1972
- easeInOutExpo: "cubic-bezier(1.000, 0.000, 0.000, 1.000)",
1973
- easeInOutQuad: "cubic-bezier(0.455, 0.030, 0.515, 0.955)",
1974
- easeInOutQuart: "cubic-bezier(0.770, 0.000, 0.175, 1.000)",
1975
- easeInOutQuint: "cubic-bezier(0.860, 0.000, 0.070, 1.000)",
1976
- easeInOutSine: "cubic-bezier(0.445, 0.050, 0.550, 0.950)"
1977
- };
1978
- getBorderWidth = function getBorderWidth2(pointingDirection, height, width) {
1979
- var fullWidth = "" + width[0] + (width[1] || "");
1980
- var halfWidth = "" + width[0] / 2 + (width[1] || "");
1981
- var fullHeight = "" + height[0] + (height[1] || "");
1982
- var halfHeight = "" + height[0] / 2 + (height[1] || "");
1983
- switch (pointingDirection) {
1984
- case "top":
1985
- return "0 " + halfWidth + " " + fullHeight + " " + halfWidth;
1986
- case "topLeft":
1987
- return fullWidth + " " + fullHeight + " 0 0";
1988
- case "left":
1989
- return halfHeight + " " + fullWidth + " " + halfHeight + " 0";
1990
- case "bottomLeft":
1991
- return fullWidth + " 0 0 " + fullHeight;
1992
- case "bottom":
1993
- return fullHeight + " " + halfWidth + " 0 " + halfWidth;
1994
- case "bottomRight":
1995
- return "0 0 " + fullWidth + " " + fullHeight;
1996
- case "right":
1997
- return halfHeight + " 0 " + halfHeight + " " + fullWidth;
1998
- case "topRight":
1999
- default:
2000
- return "0 " + fullWidth + " " + fullHeight + " 0";
2001
- }
2002
- };
2003
- getBorderColor = function getBorderColor2(pointingDirection, foregroundColor) {
2004
- switch (pointingDirection) {
2005
- case "top":
2006
- case "bottomRight":
2007
- return {
2008
- borderBottomColor: foregroundColor
2009
- };
2010
- case "right":
2011
- case "bottomLeft":
2012
- return {
2013
- borderLeftColor: foregroundColor
2014
- };
2015
- case "bottom":
2016
- case "topLeft":
2017
- return {
2018
- borderTopColor: foregroundColor
2019
- };
2020
- case "left":
2021
- case "topRight":
2022
- return {
2023
- borderRightColor: foregroundColor
2024
- };
2025
- default:
2026
- throw new PolishedError(59);
2027
- }
2028
- };
2029
- namedColorMap = {
2030
- aliceblue: "f0f8ff",
2031
- antiquewhite: "faebd7",
2032
- aqua: "00ffff",
2033
- aquamarine: "7fffd4",
2034
- azure: "f0ffff",
2035
- beige: "f5f5dc",
2036
- bisque: "ffe4c4",
2037
- black: "000",
2038
- blanchedalmond: "ffebcd",
2039
- blue: "0000ff",
2040
- blueviolet: "8a2be2",
2041
- brown: "a52a2a",
2042
- burlywood: "deb887",
2043
- cadetblue: "5f9ea0",
2044
- chartreuse: "7fff00",
2045
- chocolate: "d2691e",
2046
- coral: "ff7f50",
2047
- cornflowerblue: "6495ed",
2048
- cornsilk: "fff8dc",
2049
- crimson: "dc143c",
2050
- cyan: "00ffff",
2051
- darkblue: "00008b",
2052
- darkcyan: "008b8b",
2053
- darkgoldenrod: "b8860b",
2054
- darkgray: "a9a9a9",
2055
- darkgreen: "006400",
2056
- darkgrey: "a9a9a9",
2057
- darkkhaki: "bdb76b",
2058
- darkmagenta: "8b008b",
2059
- darkolivegreen: "556b2f",
2060
- darkorange: "ff8c00",
2061
- darkorchid: "9932cc",
2062
- darkred: "8b0000",
2063
- darksalmon: "e9967a",
2064
- darkseagreen: "8fbc8f",
2065
- darkslateblue: "483d8b",
2066
- darkslategray: "2f4f4f",
2067
- darkslategrey: "2f4f4f",
2068
- darkturquoise: "00ced1",
2069
- darkviolet: "9400d3",
2070
- deeppink: "ff1493",
2071
- deepskyblue: "00bfff",
2072
- dimgray: "696969",
2073
- dimgrey: "696969",
2074
- dodgerblue: "1e90ff",
2075
- firebrick: "b22222",
2076
- floralwhite: "fffaf0",
2077
- forestgreen: "228b22",
2078
- fuchsia: "ff00ff",
2079
- gainsboro: "dcdcdc",
2080
- ghostwhite: "f8f8ff",
2081
- gold: "ffd700",
2082
- goldenrod: "daa520",
2083
- gray: "808080",
2084
- green: "008000",
2085
- greenyellow: "adff2f",
2086
- grey: "808080",
2087
- honeydew: "f0fff0",
2088
- hotpink: "ff69b4",
2089
- indianred: "cd5c5c",
2090
- indigo: "4b0082",
2091
- ivory: "fffff0",
2092
- khaki: "f0e68c",
2093
- lavender: "e6e6fa",
2094
- lavenderblush: "fff0f5",
2095
- lawngreen: "7cfc00",
2096
- lemonchiffon: "fffacd",
2097
- lightblue: "add8e6",
2098
- lightcoral: "f08080",
2099
- lightcyan: "e0ffff",
2100
- lightgoldenrodyellow: "fafad2",
2101
- lightgray: "d3d3d3",
2102
- lightgreen: "90ee90",
2103
- lightgrey: "d3d3d3",
2104
- lightpink: "ffb6c1",
2105
- lightsalmon: "ffa07a",
2106
- lightseagreen: "20b2aa",
2107
- lightskyblue: "87cefa",
2108
- lightslategray: "789",
2109
- lightslategrey: "789",
2110
- lightsteelblue: "b0c4de",
2111
- lightyellow: "ffffe0",
2112
- lime: "0f0",
2113
- limegreen: "32cd32",
2114
- linen: "faf0e6",
2115
- magenta: "f0f",
2116
- maroon: "800000",
2117
- mediumaquamarine: "66cdaa",
2118
- mediumblue: "0000cd",
2119
- mediumorchid: "ba55d3",
2120
- mediumpurple: "9370db",
2121
- mediumseagreen: "3cb371",
2122
- mediumslateblue: "7b68ee",
2123
- mediumspringgreen: "00fa9a",
2124
- mediumturquoise: "48d1cc",
2125
- mediumvioletred: "c71585",
2126
- midnightblue: "191970",
2127
- mintcream: "f5fffa",
2128
- mistyrose: "ffe4e1",
2129
- moccasin: "ffe4b5",
2130
- navajowhite: "ffdead",
2131
- navy: "000080",
2132
- oldlace: "fdf5e6",
2133
- olive: "808000",
2134
- olivedrab: "6b8e23",
2135
- orange: "ffa500",
2136
- orangered: "ff4500",
2137
- orchid: "da70d6",
2138
- palegoldenrod: "eee8aa",
2139
- palegreen: "98fb98",
2140
- paleturquoise: "afeeee",
2141
- palevioletred: "db7093",
2142
- papayawhip: "ffefd5",
2143
- peachpuff: "ffdab9",
2144
- peru: "cd853f",
2145
- pink: "ffc0cb",
2146
- plum: "dda0dd",
2147
- powderblue: "b0e0e6",
2148
- purple: "800080",
2149
- rebeccapurple: "639",
2150
- red: "f00",
2151
- rosybrown: "bc8f8f",
2152
- royalblue: "4169e1",
2153
- saddlebrown: "8b4513",
2154
- salmon: "fa8072",
2155
- sandybrown: "f4a460",
2156
- seagreen: "2e8b57",
2157
- seashell: "fff5ee",
2158
- sienna: "a0522d",
2159
- silver: "c0c0c0",
2160
- skyblue: "87ceeb",
2161
- slateblue: "6a5acd",
2162
- slategray: "708090",
2163
- slategrey: "708090",
2164
- snow: "fffafa",
2165
- springgreen: "00ff7f",
2166
- steelblue: "4682b4",
2167
- tan: "d2b48c",
2168
- teal: "008080",
2169
- thistle: "d8bfd8",
2170
- tomato: "ff6347",
2171
- turquoise: "40e0d0",
2172
- violet: "ee82ee",
2173
- wheat: "f5deb3",
2174
- white: "fff",
2175
- whitesmoke: "f5f5f5",
2176
- yellow: "ff0",
2177
- yellowgreen: "9acd32"
2178
- };
2179
- hexRegex = /^#[a-fA-F0-9]{6}$/;
2180
- hexRgbaRegex = /^#[a-fA-F0-9]{8}$/;
2181
- reducedHexRegex = /^#[a-fA-F0-9]{3}$/;
2182
- reducedRgbaHexRegex = /^#[a-fA-F0-9]{4}$/;
2183
- rgbRegex = /^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/i;
2184
- rgbaRegex = /^rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*([-+]?[0-9]*[.]?[0-9]+)\s*\)$/i;
2185
- hslRegex = /^hsl\(\s*(\d{0,3}[.]?[0-9]+)\s*,\s*(\d{1,3}[.]?[0-9]?)%\s*,\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i;
2186
- 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;
2187
- reduceHexValue = function reduceHexValue2(value) {
2188
- if (value.length === 7 && value[1] === value[2] && value[3] === value[4] && value[5] === value[6]) {
2189
- return "#" + value[1] + value[3] + value[5];
2190
- }
2191
- return value;
2192
- };
2193
- isRgb = function isRgb2(color) {
2194
- return typeof color.red === "number" && typeof color.green === "number" && typeof color.blue === "number" && (typeof color.alpha !== "number" || typeof color.alpha === "undefined");
2195
- };
2196
- isRgba = function isRgba2(color) {
2197
- return typeof color.red === "number" && typeof color.green === "number" && typeof color.blue === "number" && typeof color.alpha === "number";
2198
- };
2199
- isHsl = function isHsl2(color) {
2200
- return typeof color.hue === "number" && typeof color.saturation === "number" && typeof color.lightness === "number" && (typeof color.alpha !== "number" || typeof color.alpha === "undefined");
2201
- };
2202
- isHsla = function isHsla2(color) {
2203
- return typeof color.hue === "number" && typeof color.saturation === "number" && typeof color.lightness === "number" && typeof color.alpha === "number";
2204
- };
2205
- curriedAdjustHue = /* @__PURE__ */ curry(adjustHue);
2206
- curriedDarken = /* @__PURE__ */ curry(darken);
2207
- curriedDesaturate = /* @__PURE__ */ curry(desaturate);
2208
- curriedLighten = /* @__PURE__ */ curry(lighten);
2209
- curriedMix = /* @__PURE__ */ curry(mix);
2210
- curriedOpacify = /* @__PURE__ */ curry(opacify);
2211
- defaultReturnIfLightColor = "#000";
2212
- defaultReturnIfDarkColor = "#fff";
2213
- curriedSaturate = /* @__PURE__ */ curry(saturate);
2214
- curriedSetHue = /* @__PURE__ */ curry(setHue);
2215
- curriedSetLightness = /* @__PURE__ */ curry(setLightness);
2216
- curriedSetSaturation = /* @__PURE__ */ curry(setSaturation);
2217
- curriedShade = /* @__PURE__ */ curry(shade);
2218
- curriedTint = /* @__PURE__ */ curry(tint);
2219
- curriedTransparentize = /* @__PURE__ */ curry(transparentize);
2220
- sideMap = ["top", "right", "bottom", "left"];
2221
- stateMap = [void 0, null, "active", "focus", "hover"];
2222
- positionMap$1 = ["absolute", "fixed", "relative", "static", "sticky"];
2223
- stateMap$1 = [void 0, null, "active", "focus", "hover"];
2224
- }
2225
- });
2226
-
2227
- // ../../seeds-design-tokens/seeds-color/dist/seeds-color.js
2228
- var require_seeds_color = __commonJS({
2229
- "../../seeds-design-tokens/seeds-color/dist/seeds-color.js"(exports, module) {
2230
- "use strict";
2231
- module.exports = {
2232
- COLOR_GREEN_0: "#ebf9eb",
2233
- COLOR_GREEN_100: "#d7f4d7",
2234
- COLOR_GREEN_200: "#c2f2bd",
2235
- COLOR_GREEN_300: "#98e58e",
2236
- COLOR_GREEN_400: "#75dd66",
2237
- COLOR_GREEN_500: "#59cb59",
2238
- COLOR_GREEN_600: "#2bb656",
2239
- COLOR_GREEN_700: "#0ca750",
2240
- COLOR_GREEN_800: "#008b46",
2241
- COLOR_GREEN_900: "#006b40",
2242
- COLOR_GREEN_1000: "#08422f",
2243
- COLOR_GREEN_1100: "#002b20",
2244
- COLOR_TEAL_0: "#e5f9f5",
2245
- COLOR_TEAL_50: "#CCF1EA",
2246
- COLOR_TEAL_100: "#cdf7ef",
2247
- COLOR_TEAL_200: "#b3f2e6",
2248
- COLOR_TEAL_300: "#7dead5",
2249
- COLOR_TEAL_400: "#24e0c5",
2250
- COLOR_TEAL_500: "#08c4b2",
2251
- COLOR_TEAL_600: "#00a99c",
2252
- COLOR_TEAL_700: "#0b968f",
2253
- COLOR_TEAL_800: "#067c7c",
2254
- COLOR_TEAL_900: "#026661",
2255
- COLOR_TEAL_1000: "#083f3f",
2256
- COLOR_TEAL_1100: "#002528",
2257
- COLOR_AQUA_0: "#d9fcfb",
2258
- COLOR_AQUA_100: "#c5f9f9",
2259
- COLOR_AQUA_200: "#a5f2f2",
2260
- COLOR_AQUA_300: "#76e5e2",
2261
- COLOR_AQUA_400: "#33d6e2",
2262
- COLOR_AQUA_500: "#17b8ce",
2263
- COLOR_AQUA_600: "#0797ae",
2264
- COLOR_AQUA_700: "#0b8599",
2265
- COLOR_AQUA_800: "#0f6e84",
2266
- COLOR_AQUA_900: "#035e73",
2267
- COLOR_AQUA_1000: "#083d4f",
2268
- COLOR_AQUA_1100: "#002838",
2269
- COLOR_BLUE_0: "#e9f4ff",
2270
- COLOR_BLUE_100: "#deebfe",
2271
- COLOR_BLUE_200: "#c7dbf9",
2272
- COLOR_BLUE_300: "#a1c2f8",
2273
- COLOR_BLUE_400: "#679eff",
2274
- COLOR_BLUE_500: "#3876e3",
2275
- COLOR_BLUE_600: "#2b68d3",
2276
- COLOR_BLUE_700: "#205bc3",
2277
- COLOR_BLUE_800: "#1150aa",
2278
- COLOR_BLUE_900: "#0c3f89",
2279
- COLOR_BLUE_1000: "#0a2960",
2280
- COLOR_BLUE_1100: "#001738",
2281
- COLOR_PURPLE_0: "#f2f2f9",
2282
- COLOR_PURPLE_100: "#eaeaf9",
2283
- COLOR_PURPLE_200: "#d8d7f9",
2284
- COLOR_PURPLE_300: "#c1c1f7",
2285
- COLOR_PURPLE_400: "#a193f2",
2286
- COLOR_PURPLE_500: "#9180f4",
2287
- COLOR_PURPLE_600: "#816fea",
2288
- COLOR_PURPLE_700: "#6f5ed3",
2289
- COLOR_PURPLE_800: "#5e4eba",
2290
- COLOR_PURPLE_900: "#483a9c",
2291
- COLOR_PURPLE_1000: "#2d246b",
2292
- COLOR_PURPLE_1100: "#1d1d38",
2293
- COLOR_MAGENTA_0: "#fef0ff",
2294
- COLOR_MAGENTA_100: "#f9e3fc",
2295
- COLOR_MAGENTA_200: "#f4c4f7",
2296
- COLOR_MAGENTA_300: "#edadf2",
2297
- COLOR_MAGENTA_350: "#EC9AF1",
2298
- COLOR_MAGENTA_400: "#f282f5",
2299
- COLOR_MAGENTA_500: "#db61db",
2300
- COLOR_MAGENTA_600: "#c44eb9",
2301
- COLOR_MAGENTA_700: "#ac44a8",
2302
- COLOR_MAGENTA_800: "#8f3896",
2303
- COLOR_MAGENTA_900: "#6c2277",
2304
- COLOR_MAGENTA_1000: "#451551",
2305
- COLOR_MAGENTA_1100: "#29192d",
2306
- COLOR_PINK_0: "#ffe9f3",
2307
- COLOR_PINK_100: "#fcdbeb",
2308
- COLOR_PINK_200: "#ffb5d5",
2309
- COLOR_PINK_300: "#ff95c1",
2310
- COLOR_PINK_400: "#ff76ae",
2311
- COLOR_PINK_500: "#ef588b",
2312
- COLOR_PINK_600: "#e0447c",
2313
- COLOR_PINK_700: "#ce3665",
2314
- COLOR_PINK_800: "#b22f5b",
2315
- COLOR_PINK_900: "#931847",
2316
- COLOR_PINK_1000: "#561231",
2317
- COLOR_PINK_1100: "#2b1721",
2318
- COLOR_RED_0: "#ffeae9",
2319
- COLOR_RED_100: "#ffd5d2",
2320
- COLOR_RED_200: "#ffb8b1",
2321
- COLOR_RED_300: "#ff9c8f",
2322
- COLOR_RED_400: "#ff7f6e",
2323
- COLOR_RED_500: "#f76054",
2324
- COLOR_RED_600: "#ed4c42",
2325
- COLOR_RED_700: "#db3e3e",
2326
- COLOR_RED_800: "#c63434",
2327
- COLOR_RED_900: "#992222",
2328
- COLOR_RED_1000: "#6d1313",
2329
- COLOR_RED_1100: "#2b1111",
2330
- COLOR_ORANGE_0: "#ffede3",
2331
- COLOR_ORANGE_100: "#fcdccc",
2332
- COLOR_ORANGE_200: "#ffc6a4",
2333
- COLOR_ORANGE_300: "#ffb180",
2334
- COLOR_ORANGE_400: "#ff9c5d",
2335
- COLOR_ORANGE_500: "#fc8943",
2336
- COLOR_ORANGE_600: "#f57d33",
2337
- COLOR_ORANGE_700: "#ed7024",
2338
- COLOR_ORANGE_800: "#ce5511",
2339
- COLOR_ORANGE_900: "#962c0b",
2340
- COLOR_ORANGE_1000: "#601700",
2341
- COLOR_ORANGE_1100: "#2d130e",
2342
- COLOR_NEUTRAL_0: "#FFFFFF",
2343
- COLOR_NEUTRAL_100: "#f3f4f4",
2344
- COLOR_NEUTRAL_200: "#dee1e1",
2345
- COLOR_NEUTRAL_300: "#c8cccc",
2346
- COLOR_NEUTRAL_400: "#b0b6b7",
2347
- COLOR_NEUTRAL_500: "#929a9b",
2348
- COLOR_NEUTRAL_600: "#6e797a",
2349
- COLOR_NEUTRAL_700: "#515e5f",
2350
- COLOR_NEUTRAL_800: "#364141",
2351
- COLOR_NEUTRAL_900: "#273333",
2352
- COLOR_NEUTRAL_1000: "#162020",
2353
- COLOR_NEUTRAL_1100: "#040404",
2354
- COLOR_YELLOW_0: "#fff8e2",
2355
- COLOR_YELLOW_100: "#fdefcd",
2356
- COLOR_YELLOW_200: "#ffe99a",
2357
- COLOR_YELLOW_300: "#ffe16e",
2358
- COLOR_YELLOW_400: "#ffd943",
2359
- COLOR_YELLOW_500: "#ffcd1c",
2360
- COLOR_YELLOW_600: "#ffbc00",
2361
- COLOR_YELLOW_700: "#dd9903",
2362
- COLOR_YELLOW_800: "#ba7506",
2363
- COLOR_YELLOW_900: "#944c0c",
2364
- COLOR_YELLOW_1000: "#542a00",
2365
- COLOR_YELLOW_1100: "#2d1a05",
2366
- COLOR_BAMBU_TEAL_400: "#11a7aa",
2367
- COLOR_BAMBU_TEAL_500: "#078888",
2368
- COLOR_BAMBU_TEAL_600: "#0f6270",
2369
- COLOR_BAMBU_TEAL_700: "#0a3f49",
2370
- COLOR_BAMBU_YELLOW_500: "#f9b450",
2371
- COLOR_BAMBU_YELLOW_600: "#ffa017"
2372
- };
2373
- }
2374
- });
2375
-
2376
- // ../../seeds-design-tokens/seeds-networkcolor/dist/seeds-networkcolor.js
2377
- var require_seeds_networkcolor = __commonJS({
2378
- "../../seeds-design-tokens/seeds-networkcolor/dist/seeds-networkcolor.js"(exports, module) {
2379
- "use strict";
2380
- module.exports = {
2381
- NETWORK_COLOR_TWITTER: "#1da1f2",
2382
- NETWORK_COLOR_TWITTER_LIKE: "#e0245e",
2383
- NETWORK_COLOR_FACEBOOK: "#217bee",
2384
- NETWORK_COLOR_FACEBOOK_AUDIENCE_NETWORK: "#58409B",
2385
- NETWORK_COLOR_LINKEDIN: "#0A66C2",
2386
- NETWORK_COLOR_INSTAGRAM: "#e4405f",
2387
- NETWORK_COLOR_FEEDLY: "#2bb24c",
2388
- NETWORK_COLOR_ANALYTICS: "#ef6c00",
2389
- NETWORK_COLOR_YOUTUBE: "#ff0000",
2390
- NETWORK_COLOR_MESSENGER: "#0084ff",
2391
- NETWORK_COLOR_SNAPCHAT: "#fffc00",
2392
- NETWORK_COLOR_PINTEREST: "#E60023",
2393
- NETWORK_COLOR_REDDIT: "#ff4500",
2394
- NETWORK_COLOR_TUMBLR: "#35465c",
2395
- NETWORK_COLOR_GOOGLE_MY_BUSINESS: "#4285F4",
2396
- NETWORK_COLOR_TRIPADVISOR: "#00B087",
2397
- NETWORK_COLOR_GLASSDOOR: "#0CAA41",
2398
- NETWORK_COLOR_APPLE_APP_STORE: "#17C8F5",
2399
- NETWORK_COLOR_GOOGLE_PLAY_STORE: "#01875F",
2400
- NETWORK_COLOR_GOOGLE_BUSINESS_MESSAGES: "#1A73EA",
2401
- NETWORK_COLOR_SALESFORCE: "#1589EE",
2402
- NETWORK_COLOR_ZENDESK: "#03363D",
2403
- NETWORK_COLOR_HUBSPOT: "#FF7A59",
2404
- NETWORK_COLOR_MICROSOFT_DYNAMICS: "#002050",
2405
- NETWORK_COLOR_SHOPIFY: "#96bf48",
2406
- NETWORK_COLOR_YELP: "#FF1A1A",
2407
- NETWORK_COLOR_WHATSAPP: "#25D366",
2408
- NETWORK_COLOR_TIKTOK: "#000000",
2409
- NETWORK_COLOR_THREADS: "#000000",
2410
- NETWORK_COLOR_TRUSTPILOT: "#04DA8D",
2411
- NETWORK_COLOR_TRUSTPILOT_0_STAR: "#DCDCE6",
2412
- NETWORK_COLOR_TRUSTPILOT_1_STAR: "#FF3722",
2413
- NETWORK_COLOR_TRUSTPILOT_2_STAR: "#FF8622",
2414
- NETWORK_COLOR_TRUSTPILOT_3_STAR: "#FFCE00",
2415
- NETWORK_COLOR_TRUSTPILOT_4_STAR: "#73CF11",
2416
- NETWORK_COLOR_TRUSTPILOT_5_STAR: "#00B67A"
2417
- };
2418
- }
2419
- });
2420
-
2421
- // ../../seeds-design-tokens/seeds-typography/dist/seeds-typography.js
2422
- var require_seeds_typography = __commonJS({
2423
- "../../seeds-design-tokens/seeds-typography/dist/seeds-typography.js"(exports, module) {
2424
- "use strict";
2425
- module.exports = {
2426
- TYPOGRAPHY_FAMILY: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
2427
- 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"',
2428
- 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"',
2429
- 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"',
2430
- TYPOGRAPHY_SIZE_100: {
2431
- fontSize: "11px",
2432
- lineHeight: "18.666666666666668px"
2433
- },
2434
- TYPOGRAPHY_SIZE_200: {
2435
- fontSize: "13px",
2436
- lineHeight: "21.333333333333332px"
2437
- },
2438
- TYPOGRAPHY_SIZE_300: {
2439
- fontSize: "16px",
2440
- lineHeight: "24px"
2441
- },
2442
- TYPOGRAPHY_SIZE_400: {
2443
- fontSize: "18px",
2444
- lineHeight: "26.666666666666668px"
2445
- },
2446
- TYPOGRAPHY_SIZE_500: {
2447
- fontSize: "21px",
2448
- lineHeight: "29.333333333333332px"
2449
- },
2450
- TYPOGRAPHY_SIZE_600: {
2451
- fontSize: "24px",
2452
- lineHeight: "32px"
2453
- },
2454
- TYPOGRAPHY_SIZE_700: {
2455
- fontSize: "32px",
2456
- lineHeight: "40px"
2457
- },
2458
- TYPOGRAPHY_SIZE_800: {
2459
- fontSize: "43px",
2460
- lineHeight: "50.666666666666664px"
2461
- },
2462
- TYPOGRAPHY_SIZE_900: {
2463
- fontSize: "57px",
2464
- lineHeight: "64px"
2465
- },
2466
- TYPOGRAPHY_SIZE_1000: {
2467
- fontSize: "76px",
2468
- lineHeight: "80px"
2469
- },
2470
- TYPOGRAPHY_SIZE_1100: {
2471
- fontSize: "101px",
2472
- lineHeight: "101.33333333333333px"
2473
- },
2474
- TYPOGRAPHY_SIZE_1200: {
2475
- fontSize: "135px",
2476
- lineHeight: "125.33333333333333px"
2477
- },
2478
- TYPOGRAPHY_WEIGHT_NORMAL: "400",
2479
- TYPOGRAPHY_WEIGHT_SEMIBOLD: "600",
2480
- TYPOGRAPHY_WEIGHT_BOLD: "700",
2481
- TYPOGRAPHY_WEIGHT_EXTRA_BOLD: "800"
2482
- };
2483
- }
2484
- });
2485
-
2486
- // ../../seeds-design-tokens/seeds-space/dist/seeds-space.js
2487
- var require_seeds_space = __commonJS({
2488
- "../../seeds-design-tokens/seeds-space/dist/seeds-space.js"(exports, module) {
2489
- "use strict";
2490
- module.exports = {
2491
- SPACE_SIZE_0: "0px",
2492
- SPACE_SIZE_100: "2px",
2493
- SPACE_SIZE_200: "4px",
2494
- SPACE_SIZE_300: "8px",
2495
- SPACE_SIZE_350: "12px",
2496
- SPACE_SIZE_400: "16px",
2497
- SPACE_SIZE_450: "24px",
2498
- SPACE_SIZE_500: "32px",
2499
- SPACE_SIZE_600: "40px"
2500
- };
2501
- }
2502
- });
2503
-
2504
- // ../../seeds-design-tokens/seeds-depth/dist/seeds-depth.js
2505
- var require_seeds_depth = __commonJS({
2506
- "../../seeds-design-tokens/seeds-depth/dist/seeds-depth.js"(exports, module) {
2507
- "use strict";
2508
- module.exports = {
2509
- ELEVATION_LEVEL_100: "0px 2px 4px",
2510
- ELEVATION_LEVEL_300: "0px 8px 16px",
2511
- ELEVATION_LEVEL_400: "0px 16px 32px"
2512
- };
2513
- }
2514
- });
2515
-
2516
- // ../../seeds-design-tokens/seeds-motion/dist/seeds-motion.js
2517
- var require_seeds_motion = __commonJS({
2518
- "../../seeds-design-tokens/seeds-motion/dist/seeds-motion.js"(exports, module) {
2519
- "use strict";
2520
- module.exports = {
2521
- MOTION_EASE_IN: "cubic-bezier(.4, 0, .7, .2)",
2522
- MOTION_EASE_OUT: "cubic-bezier(0, 0, .2, 1)",
2523
- MOTION_EASE_INOUT: "cubic-bezier(.4, 0, .2, 1)",
2524
- MOTION_DURATION_FAST: ".15s",
2525
- MOTION_DURATION_MEDIUM: ".3s",
2526
- MOTION_DURATION_SLOW: ".6s"
2527
- };
2528
- }
2529
- });
2530
-
2531
- // ../../seeds-design-tokens/seeds-border/dist/seeds-border.js
2532
- var require_seeds_border = __commonJS({
2533
- "../../seeds-design-tokens/seeds-border/dist/seeds-border.js"(exports, module) {
2534
- "use strict";
2535
- module.exports = {
2536
- BORDER_RADIUS_400: "4px",
2537
- BORDER_RADIUS_500: "6px",
2538
- BORDER_RADIUS_600: "8px",
2539
- BORDER_RADIUS_1000: "999999px",
2540
- BORDER_WIDTH_500: "1px",
2541
- BORDER_WIDTH_600: "2px"
2542
- };
2543
- }
2544
- });
2545
-
2546
- // ../seeds-react-theme/commonjs/light/literal-colors.js
2547
- var require_literal_colors = __commonJS({
2548
- "../seeds-react-theme/commonjs/light/literal-colors.js"(exports) {
2549
- "use strict";
2550
- Object.defineProperty(exports, "__esModule", {
2551
- value: true
2552
- });
2553
- exports.default = void 0;
2554
- var _seedsColor = _interopRequireDefault(require_seeds_color());
2555
- function _interopRequireDefault(obj) {
2556
- return obj && obj.__esModule ? obj : { default: obj };
2557
- }
2558
- var literalColors = {
2559
- neutral: {
2560
- "0": _seedsColor.default.COLOR_NEUTRAL_0,
2561
- "100": _seedsColor.default.COLOR_NEUTRAL_100,
2562
- "200": _seedsColor.default.COLOR_NEUTRAL_200,
2563
- "300": _seedsColor.default.COLOR_NEUTRAL_300,
2564
- "400": _seedsColor.default.COLOR_NEUTRAL_400,
2565
- "500": _seedsColor.default.COLOR_NEUTRAL_500,
2566
- "600": _seedsColor.default.COLOR_NEUTRAL_600,
2567
- "700": _seedsColor.default.COLOR_NEUTRAL_700,
2568
- "800": _seedsColor.default.COLOR_NEUTRAL_800,
2569
- "900": _seedsColor.default.COLOR_NEUTRAL_900,
2570
- "1000": _seedsColor.default.COLOR_NEUTRAL_1000,
2571
- "1100": _seedsColor.default.COLOR_NEUTRAL_1100
2572
- },
2573
- green: {
2574
- "0": _seedsColor.default.COLOR_GREEN_0,
2575
- "100": _seedsColor.default.COLOR_GREEN_100,
2576
- "200": _seedsColor.default.COLOR_GREEN_200,
2577
- "300": _seedsColor.default.COLOR_GREEN_300,
2578
- "400": _seedsColor.default.COLOR_GREEN_400,
2579
- "500": _seedsColor.default.COLOR_GREEN_500,
2580
- "600": _seedsColor.default.COLOR_GREEN_600,
2581
- "700": _seedsColor.default.COLOR_GREEN_700,
2582
- "800": _seedsColor.default.COLOR_GREEN_800,
2583
- "900": _seedsColor.default.COLOR_GREEN_900,
2584
- "1000": _seedsColor.default.COLOR_GREEN_1000,
2585
- "1100": _seedsColor.default.COLOR_GREEN_1100
2586
- },
2587
- red: {
2588
- "0": _seedsColor.default.COLOR_RED_0,
2589
- "100": _seedsColor.default.COLOR_RED_100,
2590
- "200": _seedsColor.default.COLOR_RED_200,
2591
- "300": _seedsColor.default.COLOR_RED_300,
2592
- "400": _seedsColor.default.COLOR_RED_400,
2593
- "500": _seedsColor.default.COLOR_RED_500,
2594
- "600": _seedsColor.default.COLOR_RED_600,
2595
- "700": _seedsColor.default.COLOR_RED_700,
2596
- "800": _seedsColor.default.COLOR_RED_800,
2597
- "900": _seedsColor.default.COLOR_RED_900,
2598
- "1000": _seedsColor.default.COLOR_RED_1000,
2599
- "1100": _seedsColor.default.COLOR_RED_1100
2600
- },
2601
- blue: {
2602
- "0": _seedsColor.default.COLOR_BLUE_0,
2603
- "100": _seedsColor.default.COLOR_BLUE_100,
2604
- "200": _seedsColor.default.COLOR_BLUE_200,
2605
- "300": _seedsColor.default.COLOR_BLUE_300,
2606
- "400": _seedsColor.default.COLOR_BLUE_400,
2607
- "500": _seedsColor.default.COLOR_BLUE_500,
2608
- "600": _seedsColor.default.COLOR_BLUE_600,
2609
- "700": _seedsColor.default.COLOR_BLUE_700,
2610
- "800": _seedsColor.default.COLOR_BLUE_800,
2611
- "900": _seedsColor.default.COLOR_BLUE_900,
2612
- "1000": _seedsColor.default.COLOR_BLUE_1000,
2613
- "1100": _seedsColor.default.COLOR_BLUE_1100
2614
- },
2615
- teal: {
2616
- "0": _seedsColor.default.COLOR_TEAL_0,
2617
- "50": _seedsColor.default.COLOR_TEAL_50,
2618
- "100": _seedsColor.default.COLOR_TEAL_100,
2619
- "200": _seedsColor.default.COLOR_TEAL_200,
2620
- "300": _seedsColor.default.COLOR_TEAL_300,
2621
- "400": _seedsColor.default.COLOR_TEAL_400,
2622
- "500": _seedsColor.default.COLOR_TEAL_500,
2623
- "600": _seedsColor.default.COLOR_TEAL_600,
2624
- "700": _seedsColor.default.COLOR_TEAL_700,
2625
- "800": _seedsColor.default.COLOR_TEAL_800,
2626
- "900": _seedsColor.default.COLOR_TEAL_900,
2627
- "1000": _seedsColor.default.COLOR_TEAL_1000,
2628
- "1100": _seedsColor.default.COLOR_TEAL_1100
2629
- },
2630
- aqua: {
2631
- "0": _seedsColor.default.COLOR_AQUA_0,
2632
- "100": _seedsColor.default.COLOR_AQUA_100,
2633
- "200": _seedsColor.default.COLOR_AQUA_200,
2634
- "300": _seedsColor.default.COLOR_AQUA_300,
2635
- "400": _seedsColor.default.COLOR_AQUA_400,
2636
- "500": _seedsColor.default.COLOR_AQUA_500,
2637
- "600": _seedsColor.default.COLOR_AQUA_600,
2638
- "700": _seedsColor.default.COLOR_AQUA_700,
2639
- "800": _seedsColor.default.COLOR_AQUA_800,
2640
- "900": _seedsColor.default.COLOR_AQUA_900,
2641
- "1000": _seedsColor.default.COLOR_AQUA_1000,
2642
- "1100": _seedsColor.default.COLOR_AQUA_1100
2643
- },
2644
- purple: {
2645
- "0": _seedsColor.default.COLOR_PURPLE_0,
2646
- "100": _seedsColor.default.COLOR_PURPLE_100,
2647
- "200": _seedsColor.default.COLOR_PURPLE_200,
2648
- "300": _seedsColor.default.COLOR_PURPLE_300,
2649
- "400": _seedsColor.default.COLOR_PURPLE_400,
2650
- "500": _seedsColor.default.COLOR_PURPLE_500,
2651
- "600": _seedsColor.default.COLOR_PURPLE_600,
2652
- "700": _seedsColor.default.COLOR_PURPLE_700,
2653
- "800": _seedsColor.default.COLOR_PURPLE_800,
2654
- "900": _seedsColor.default.COLOR_PURPLE_900,
2655
- "1000": _seedsColor.default.COLOR_PURPLE_1000,
2656
- "1100": _seedsColor.default.COLOR_PURPLE_1100
2657
- },
2658
- magenta: {
2659
- "0": _seedsColor.default.COLOR_MAGENTA_0,
2660
- "100": _seedsColor.default.COLOR_MAGENTA_100,
2661
- "200": _seedsColor.default.COLOR_MAGENTA_200,
2662
- "300": _seedsColor.default.COLOR_MAGENTA_300,
2663
- "350": _seedsColor.default.COLOR_MAGENTA_350,
2664
- "400": _seedsColor.default.COLOR_MAGENTA_400,
2665
- "500": _seedsColor.default.COLOR_MAGENTA_500,
2666
- "600": _seedsColor.default.COLOR_MAGENTA_600,
2667
- "700": _seedsColor.default.COLOR_MAGENTA_700,
2668
- "800": _seedsColor.default.COLOR_MAGENTA_800,
2669
- "900": _seedsColor.default.COLOR_MAGENTA_900,
2670
- "1000": _seedsColor.default.COLOR_MAGENTA_1000,
2671
- "1100": _seedsColor.default.COLOR_MAGENTA_1100
2672
- },
2673
- yellow: {
2674
- "0": _seedsColor.default.COLOR_YELLOW_0,
2675
- "100": _seedsColor.default.COLOR_YELLOW_100,
2676
- "200": _seedsColor.default.COLOR_YELLOW_200,
2677
- "300": _seedsColor.default.COLOR_YELLOW_300,
2678
- "400": _seedsColor.default.COLOR_YELLOW_400,
2679
- "500": _seedsColor.default.COLOR_YELLOW_500,
2680
- "600": _seedsColor.default.COLOR_YELLOW_600,
2681
- "700": _seedsColor.default.COLOR_YELLOW_700,
2682
- "800": _seedsColor.default.COLOR_YELLOW_800,
2683
- "900": _seedsColor.default.COLOR_YELLOW_900,
2684
- "1000": _seedsColor.default.COLOR_YELLOW_1000,
2685
- "1100": _seedsColor.default.COLOR_YELLOW_1100
2686
- },
2687
- pink: {
2688
- "0": _seedsColor.default.COLOR_PINK_0,
2689
- "100": _seedsColor.default.COLOR_PINK_100,
2690
- "200": _seedsColor.default.COLOR_PINK_200,
2691
- "300": _seedsColor.default.COLOR_PINK_300,
2692
- "400": _seedsColor.default.COLOR_PINK_400,
2693
- "500": _seedsColor.default.COLOR_PINK_500,
2694
- "600": _seedsColor.default.COLOR_PINK_600,
2695
- "700": _seedsColor.default.COLOR_PINK_700,
2696
- "800": _seedsColor.default.COLOR_PINK_800,
2697
- "900": _seedsColor.default.COLOR_PINK_900,
2698
- "1000": _seedsColor.default.COLOR_PINK_1000,
2699
- "1100": _seedsColor.default.COLOR_PINK_1100
2700
- },
2701
- orange: {
2702
- "0": _seedsColor.default.COLOR_ORANGE_0,
2703
- "100": _seedsColor.default.COLOR_ORANGE_100,
2704
- "200": _seedsColor.default.COLOR_ORANGE_200,
2705
- "300": _seedsColor.default.COLOR_ORANGE_300,
2706
- "400": _seedsColor.default.COLOR_ORANGE_400,
2707
- "500": _seedsColor.default.COLOR_ORANGE_500,
2708
- "600": _seedsColor.default.COLOR_ORANGE_600,
2709
- "700": _seedsColor.default.COLOR_ORANGE_700,
2710
- "800": _seedsColor.default.COLOR_ORANGE_800,
2711
- "900": _seedsColor.default.COLOR_ORANGE_900,
2712
- "1000": _seedsColor.default.COLOR_ORANGE_1000,
2713
- "1100": _seedsColor.default.COLOR_ORANGE_1100
2714
- }
2715
- };
2716
- var _default = exports.default = literalColors;
2717
- }
2718
- });
2719
-
2720
- // ../seeds-react-theme/commonjs/light/dataviz-palette.js
2721
- var require_dataviz_palette = __commonJS({
2722
- "../seeds-react-theme/commonjs/light/dataviz-palette.js"(exports) {
2723
- "use strict";
2724
- Object.defineProperty(exports, "__esModule", {
2725
- value: true
2726
- });
2727
- exports.datavizPalette = void 0;
2728
- var _seedsColor = _interopRequireDefault(require_seeds_color());
2729
- function _interopRequireDefault(obj) {
2730
- return obj && obj.__esModule ? obj : { default: obj };
2731
- }
2732
- var datavizPalette = exports.datavizPalette = {
2733
- DATAVIZ_COLORS_LIST: [_seedsColor.default.COLOR_TEAL_500, _seedsColor.default.COLOR_PURPLE_700, _seedsColor.default.COLOR_PINK_700, _seedsColor.default.COLOR_YELLOW_500, _seedsColor.default.COLOR_BLUE_500, _seedsColor.default.COLOR_MAGENTA_500, _seedsColor.default.COLOR_GREEN_500, _seedsColor.default.COLOR_ORANGE_500, _seedsColor.default.COLOR_RED_700, _seedsColor.default.COLOR_TEAL_900, _seedsColor.default.COLOR_PURPLE_400, _seedsColor.default.COLOR_PINK_900, _seedsColor.default.COLOR_YELLOW_900, _seedsColor.default.COLOR_BLUE_900, _seedsColor.default.COLOR_MAGENTA_900, _seedsColor.default.COLOR_GREEN_900, _seedsColor.default.COLOR_ORANGE_900, _seedsColor.default.COLOR_RED_400, _seedsColor.default.COLOR_GREEN_700, _seedsColor.default.COLOR_YELLOW_800],
2734
- DATAVIZ_COLORS_MAP: {
2735
- "1": _seedsColor.default.COLOR_TEAL_500,
2736
- "2": _seedsColor.default.COLOR_PURPLE_700,
2737
- "3": _seedsColor.default.COLOR_PINK_700,
2738
- "4": _seedsColor.default.COLOR_YELLOW_500,
2739
- "5": _seedsColor.default.COLOR_BLUE_500,
2740
- "6": _seedsColor.default.COLOR_MAGENTA_500,
2741
- "7": _seedsColor.default.COLOR_GREEN_500,
2742
- "8": _seedsColor.default.COLOR_ORANGE_500,
2743
- "9": _seedsColor.default.COLOR_RED_700,
2744
- "10": _seedsColor.default.COLOR_TEAL_900,
2745
- "11": _seedsColor.default.COLOR_PURPLE_400,
2746
- "12": _seedsColor.default.COLOR_PINK_900,
2747
- "13": _seedsColor.default.COLOR_YELLOW_900,
2748
- "14": _seedsColor.default.COLOR_BLUE_900,
2749
- "15": _seedsColor.default.COLOR_MAGENTA_900,
2750
- "16": _seedsColor.default.COLOR_GREEN_900,
2751
- "17": _seedsColor.default.COLOR_ORANGE_900,
2752
- "18": _seedsColor.default.COLOR_RED_400,
2753
- "19": _seedsColor.default.COLOR_GREEN_700,
2754
- "20": _seedsColor.default.COLOR_YELLOW_800
2755
- }
2756
- };
2757
- }
2758
- });
2759
-
2760
- // ../seeds-react-theme/commonjs/light/decorative-palettes.js
2761
- var require_decorative_palettes = __commonJS({
2762
- "../seeds-react-theme/commonjs/light/decorative-palettes.js"(exports) {
2763
- "use strict";
2764
- Object.defineProperty(exports, "__esModule", {
2765
- value: true
2766
- });
2767
- exports.yellow = exports.teal = exports.red = exports.purple = exports.pink = exports.orange = exports.neutral = exports.magenta = exports.green = exports.blue = exports.aqua = void 0;
2768
- var _seedsColor = _interopRequireDefault(require_seeds_color());
2769
- function _interopRequireDefault(obj) {
2770
- return obj && obj.__esModule ? obj : { default: obj };
2771
- }
2772
- var green = exports.green = {
2773
- background: _seedsColor.default.COLOR_GREEN_100,
2774
- highlight: _seedsColor.default.COLOR_GREEN_500,
2775
- foreground: _seedsColor.default.COLOR_GREEN_900
2776
- };
2777
- var blue = exports.blue = {
2778
- background: _seedsColor.default.COLOR_BLUE_100,
2779
- highlight: _seedsColor.default.COLOR_BLUE_600,
2780
- foreground: _seedsColor.default.COLOR_BLUE_900
2781
- };
2782
- var purple = exports.purple = {
2783
- background: _seedsColor.default.COLOR_PURPLE_100,
2784
- highlight: _seedsColor.default.COLOR_PURPLE_500,
2785
- foreground: _seedsColor.default.COLOR_PURPLE_800
2786
- };
2787
- var yellow = exports.yellow = {
2788
- background: _seedsColor.default.COLOR_YELLOW_100,
2789
- highlight: _seedsColor.default.COLOR_YELLOW_600,
2790
- foreground: _seedsColor.default.COLOR_YELLOW_900
2791
- };
2792
- var orange = exports.orange = {
2793
- background: _seedsColor.default.COLOR_ORANGE_100,
2794
- highlight: _seedsColor.default.COLOR_ORANGE_600,
2795
- foreground: _seedsColor.default.COLOR_ORANGE_900
2796
- };
2797
- var red = exports.red = {
2798
- background: _seedsColor.default.COLOR_RED_100,
2799
- highlight: _seedsColor.default.COLOR_RED_600,
2800
- foreground: _seedsColor.default.COLOR_RED_900
2801
- };
2802
- var neutral = exports.neutral = {
2803
- background: _seedsColor.default.COLOR_NEUTRAL_100,
2804
- highlight: _seedsColor.default.COLOR_NEUTRAL_600,
2805
- foreground: _seedsColor.default.COLOR_NEUTRAL_900
2806
- };
2807
- var magenta = exports.magenta = {
2808
- background: _seedsColor.default.COLOR_MAGENTA_100,
2809
- highlight: _seedsColor.default.COLOR_MAGENTA_600,
2810
- foreground: _seedsColor.default.COLOR_MAGENTA_900
2811
- };
2812
- var pink = exports.pink = {
2813
- background: _seedsColor.default.COLOR_PINK_100,
2814
- highlight: _seedsColor.default.COLOR_PINK_600,
2815
- foreground: _seedsColor.default.COLOR_PINK_900
2816
- };
2817
- var aqua = exports.aqua = {
2818
- background: _seedsColor.default.COLOR_AQUA_100,
2819
- highlight: _seedsColor.default.COLOR_AQUA_500,
2820
- foreground: _seedsColor.default.COLOR_AQUA_900
2821
- };
2822
- var teal = exports.teal = {
2823
- background: _seedsColor.default.COLOR_TEAL_100,
2824
- highlight: _seedsColor.default.COLOR_TEAL_500,
2825
- foreground: _seedsColor.default.COLOR_TEAL_900
2826
- };
2827
- }
2828
- });
2829
-
2830
- // ../seeds-react-theme/commonjs/light/theme.js
2831
- var require_theme = __commonJS({
2832
- "../seeds-react-theme/commonjs/light/theme.js"(exports) {
2833
- "use strict";
2834
- Object.defineProperty(exports, "__esModule", {
2835
- value: true
2836
- });
2837
- exports.typography = exports.space = exports.shadows = exports.radii = exports.lineHeights = exports.fontWeights = exports.fontSizes = exports.fontFamily = exports.easing = exports.duration = exports.default = exports.breakpoints = exports.borders = exports.borderWidths = void 0;
2838
- var _polished = (init_polished_esm(), __toCommonJS(polished_esm_exports));
2839
- var _seedsColor = _interopRequireDefault(require_seeds_color());
2840
- var _seedsNetworkcolor = _interopRequireDefault(require_seeds_networkcolor());
2841
- var TYPOGRAPHY = _interopRequireWildcard(require_seeds_typography());
2842
- var _seedsSpace = _interopRequireDefault(require_seeds_space());
2843
- var _seedsDepth = _interopRequireDefault(require_seeds_depth());
2844
- var _seedsMotion = _interopRequireDefault(require_seeds_motion());
2845
- var _seedsBorder = _interopRequireDefault(require_seeds_border());
2846
- var _literalColors = _interopRequireDefault(require_literal_colors());
2847
- var _datavizPalette = require_dataviz_palette();
2848
- var _decorativePalettes = require_decorative_palettes();
2849
- function _getRequireWildcardCache(e) {
2850
- if ("function" != typeof WeakMap)
2851
- return null;
2852
- var r = /* @__PURE__ */ new WeakMap(), t = /* @__PURE__ */ new WeakMap();
2853
- return (_getRequireWildcardCache = function _getRequireWildcardCache2(e2) {
2854
- return e2 ? t : r;
2855
- })(e);
2856
- }
2857
- function _interopRequireWildcard(e, r) {
2858
- if (!r && e && e.__esModule)
2859
- return e;
2860
- if (null === e || "object" != _typeof(e) && "function" != typeof e)
2861
- return { default: e };
2862
- var t = _getRequireWildcardCache(r);
2863
- if (t && t.has(e))
2864
- return t.get(e);
2865
- var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor;
2866
- for (var u in e)
2867
- if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) {
2868
- var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
2869
- i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
2870
- }
2871
- return n.default = e, t && t.set(e, n), n;
2872
- }
2873
- function _interopRequireDefault(obj) {
2874
- return obj && obj.__esModule ? obj : { default: obj };
2875
- }
2876
- function _typeof(o) {
2877
- "@babel/helpers - typeof";
2878
- return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
2879
- return typeof o2;
2880
- } : function(o2) {
2881
- return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
2882
- }, _typeof(o);
2883
- }
2884
- function ownKeys(e, r) {
2885
- var t = Object.keys(e);
2886
- if (Object.getOwnPropertySymbols) {
2887
- var o = Object.getOwnPropertySymbols(e);
2888
- r && (o = o.filter(function(r2) {
2889
- return Object.getOwnPropertyDescriptor(e, r2).enumerable;
2890
- })), t.push.apply(t, o);
2891
- }
2892
- return t;
2893
- }
2894
- function _objectSpread(e) {
2895
- for (var r = 1; r < arguments.length; r++) {
2896
- var t = null != arguments[r] ? arguments[r] : {};
2897
- r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
2898
- _defineProperty(e, r2, t[r2]);
2899
- }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
2900
- Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
2901
- });
2902
- }
2903
- return e;
2904
- }
2905
- function _defineProperty(obj, key, value) {
2906
- key = _toPropertyKey(key);
2907
- if (key in obj) {
2908
- Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
2909
- } else {
2910
- obj[key] = value;
2911
- }
2912
- return obj;
2913
- }
2914
- function _toPropertyKey(t) {
2915
- var i = _toPrimitive(t, "string");
2916
- return "symbol" == _typeof(i) ? i : String(i);
2917
- }
2918
- function _toPrimitive(t, r) {
2919
- if ("object" != _typeof(t) || !t)
2920
- return t;
2921
- var e = t[Symbol.toPrimitive];
2922
- if (void 0 !== e) {
2923
- var i = e.call(t, r || "default");
2924
- if ("object" != _typeof(i))
2925
- return i;
2926
- throw new TypeError("@@toPrimitive must return a primitive value.");
2927
- }
2928
- return ("string" === r ? String : Number)(t);
2929
- }
2930
- var breakpoints = exports.breakpoints = ["900px", "1200px", "1500px", "1800px"];
2931
- var MODE = "light";
2932
- var colors = _objectSpread(_objectSpread({
2933
- app: {
2934
- background: {
2935
- base: _seedsColor.default.COLOR_NEUTRAL_100
2936
- }
2937
- },
2938
- container: {
2939
- background: {
2940
- base: _seedsColor.default.COLOR_NEUTRAL_0,
2941
- success: _decorativePalettes.green.background,
2942
- warning: _decorativePalettes.yellow.background,
2943
- error: _decorativePalettes.red.background,
2944
- info: _decorativePalettes.blue.background,
2945
- opportunity: _decorativePalettes.purple.background,
2946
- /** @deprecated Use "error" instead of "danger" */
2947
- danger: _decorativePalettes.red.background,
2948
- decorative: {
2949
- green: _decorativePalettes.green.background,
2950
- blue: _decorativePalettes.blue.background,
2951
- purple: _decorativePalettes.purple.background,
2952
- yellow: _decorativePalettes.yellow.background,
2953
- orange: _decorativePalettes.orange.background,
2954
- red: _decorativePalettes.red.background,
2955
- neutral: _decorativePalettes.neutral.background,
2956
- magenta: _decorativePalettes.magenta.background,
2957
- pink: _decorativePalettes.pink.background,
2958
- aqua: _decorativePalettes.aqua.background,
2959
- teal: _decorativePalettes.teal.background
2960
- },
2961
- selected: _seedsColor.default.COLOR_NEUTRAL_800,
2962
- positive_sentiment: _seedsColor.default.COLOR_BLUE_500,
2963
- negative_sentiment: _seedsColor.default.COLOR_RED_500,
2964
- neutral_sentiment: _seedsColor.default.COLOR_NEUTRAL_300
2965
- },
2966
- border: {
2967
- base: _seedsColor.default.COLOR_NEUTRAL_200,
2968
- success: _decorativePalettes.green.highlight,
2969
- warning: _decorativePalettes.yellow.highlight,
2970
- error: _decorativePalettes.red.highlight,
2971
- /** @deprecated Use "error" instead of "danger" */
2972
- danger: _decorativePalettes.red.highlight,
2973
- info: _decorativePalettes.blue.highlight,
2974
- opportunity: _decorativePalettes.purple.highlight,
2975
- decorative: {
2976
- green: _decorativePalettes.green.highlight,
2977
- blue: _decorativePalettes.blue.highlight,
2978
- purple: _decorativePalettes.purple.highlight,
2979
- yellow: _decorativePalettes.yellow.highlight,
2980
- orange: _decorativePalettes.orange.highlight,
2981
- red: _decorativePalettes.red.highlight,
2982
- neutral: _decorativePalettes.neutral.highlight,
2983
- magenta: _decorativePalettes.magenta.highlight,
2984
- pink: _decorativePalettes.pink.highlight,
2985
- aqua: _decorativePalettes.aqua.highlight,
2986
- teal: _decorativePalettes.teal.highlight
2987
- },
2988
- selected: _seedsColor.default.COLOR_NEUTRAL_800
2989
- }
2990
- },
2991
- button: {
2992
- primary: {
2993
- background: {
2994
- base: _seedsColor.default.COLOR_BLUE_700,
2995
- hover: _seedsColor.default.COLOR_BLUE_800,
2996
- active: _seedsColor.default.COLOR_BLUE_900
2997
- },
2998
- border: {
2999
- base: "transparent"
3000
- },
3001
- text: {
3002
- base: _seedsColor.default.COLOR_NEUTRAL_0,
3003
- hover: _seedsColor.default.COLOR_NEUTRAL_0
3004
- }
3005
- },
3006
- secondary: {
3007
- background: {
3008
- base: "transparent",
3009
- hover: _seedsColor.default.COLOR_NEUTRAL_800,
3010
- active: _seedsColor.default.COLOR_NEUTRAL_900
3011
- },
3012
- border: {
3013
- base: _seedsColor.default.COLOR_NEUTRAL_800
3014
- },
3015
- text: {
3016
- base: _seedsColor.default.COLOR_NEUTRAL_800,
3017
- hover: _seedsColor.default.COLOR_NEUTRAL_0
3018
- }
3019
- },
3020
- pill: {
3021
- background: {
3022
- base: "transparent",
3023
- hover: _seedsColor.default.COLOR_NEUTRAL_100,
3024
- active: _seedsColor.default.COLOR_NEUTRAL_200
3025
- },
3026
- border: {
3027
- base: "transparent",
3028
- hover: _seedsColor.default.COLOR_NEUTRAL_800
3029
- },
3030
- text: {
3031
- base: _seedsColor.default.COLOR_NEUTRAL_800,
3032
- hover: _seedsColor.default.COLOR_NEUTRAL_900
3033
- }
3034
- },
3035
- destructive: {
3036
- background: {
3037
- base: _seedsColor.default.COLOR_RED_800,
3038
- hover: _seedsColor.default.COLOR_RED_900,
3039
- active: _seedsColor.default.COLOR_RED_1000
3040
- },
3041
- border: {
3042
- base: "transparent"
3043
- },
3044
- text: {
3045
- base: _seedsColor.default.COLOR_NEUTRAL_0,
3046
- hover: _seedsColor.default.COLOR_NEUTRAL_0
3047
- }
3048
- },
3049
- placeholder: {
3050
- background: {
3051
- base: "transparent",
3052
- hover: _seedsColor.default.COLOR_NEUTRAL_0,
3053
- active: _seedsColor.default.COLOR_NEUTRAL_0
3054
- },
3055
- border: {
3056
- base: _seedsColor.default.COLOR_NEUTRAL_500
3057
- },
3058
- text: {
3059
- base: _seedsColor.default.COLOR_BLUE_700,
3060
- hover: _seedsColor.default.COLOR_BLUE_800
3061
- }
3062
- },
3063
- unstyled: {
3064
- background: {
3065
- base: "transparent"
3066
- },
3067
- border: {
3068
- base: "transparent"
3069
- },
3070
- text: {
3071
- base: _seedsColor.default.COLOR_NEUTRAL_700,
3072
- hover: _seedsColor.default.COLOR_NEUTRAL_900
3073
- }
3074
- }
3075
- },
3076
- link: {
3077
- base: _seedsColor.default.COLOR_BLUE_800,
3078
- hover: _seedsColor.default.COLOR_BLUE_900
3079
- },
3080
- text: {
3081
- headline: _seedsColor.default.COLOR_NEUTRAL_900,
3082
- subtext: _seedsColor.default.COLOR_NEUTRAL_700,
3083
- body: _seedsColor.default.COLOR_NEUTRAL_800,
3084
- inverse: _seedsColor.default.COLOR_NEUTRAL_0,
3085
- error: _decorativePalettes.red.foreground,
3086
- background: {
3087
- highlight: _seedsColor.default.COLOR_YELLOW_200,
3088
- selection: _seedsColor.default.COLOR_BLUE_300
3089
- },
3090
- decorative: {
3091
- green: _decorativePalettes.green.foreground,
3092
- blue: _decorativePalettes.blue.foreground,
3093
- purple: _decorativePalettes.purple.foreground,
3094
- yellow: _decorativePalettes.yellow.foreground,
3095
- orange: _decorativePalettes.orange.foreground,
3096
- red: _decorativePalettes.red.foreground,
3097
- neutral: _decorativePalettes.neutral.foreground,
3098
- magenta: _decorativePalettes.magenta.foreground,
3099
- pink: _decorativePalettes.pink.foreground,
3100
- aqua: _decorativePalettes.aqua.foreground,
3101
- teal: _decorativePalettes.teal.foreground
3102
- }
3103
- },
3104
- icon: {
3105
- base: _seedsColor.default.COLOR_NEUTRAL_800,
3106
- inverse: _seedsColor.default.COLOR_NEUTRAL_0,
3107
- success: _decorativePalettes.green.foreground,
3108
- warning: _decorativePalettes.yellow.foreground,
3109
- error: _decorativePalettes.red.foreground,
3110
- /** @deprecated Use "error" instead of "danger" */
3111
- danger: _decorativePalettes.red.foreground,
3112
- info: _decorativePalettes.blue.foreground,
3113
- opportunity: _decorativePalettes.purple.foreground,
3114
- applied: _seedsColor.default.COLOR_BLUE_700,
3115
- positive_sentiment: _seedsColor.default.COLOR_BLUE_600,
3116
- negative_sentiment: _seedsColor.default.COLOR_RED_600,
3117
- neutral_sentiment: _seedsColor.default.COLOR_NEUTRAL_500
3118
- },
3119
- form: {
3120
- background: {
3121
- base: _seedsColor.default.COLOR_NEUTRAL_0,
3122
- selected: _seedsColor.default.COLOR_NEUTRAL_800
3123
- },
3124
- border: {
3125
- base: _seedsColor.default.COLOR_NEUTRAL_600,
3126
- error: _decorativePalettes.red.highlight,
3127
- warning: _decorativePalettes.yellow.highlight,
3128
- selected: _seedsColor.default.COLOR_NEUTRAL_800
3129
- },
3130
- placeholder: {
3131
- base: _seedsColor.default.COLOR_NEUTRAL_700
3132
- }
3133
- },
3134
- listItem: {
3135
- background: {
3136
- base: "transparent",
3137
- hover: _seedsColor.default.COLOR_NEUTRAL_100,
3138
- selected: _seedsColor.default.COLOR_NEUTRAL_800
3139
- }
3140
- },
3141
- overlay: {
3142
- background: {
3143
- base: (0, _polished.transparentize)(0.44, _seedsColor.default.COLOR_NEUTRAL_1000)
3144
- },
3145
- text: {
3146
- base: _seedsColor.default.COLOR_NEUTRAL_0
3147
- },
3148
- icon: {
3149
- base: _seedsColor.default.COLOR_NEUTRAL_0
3150
- }
3151
- },
3152
- elevation: {
3153
- base: "".concat(_seedsColor.default.COLOR_NEUTRAL_900, "3D")
3154
- },
3155
- illustration: {
3156
- fill: _seedsColor.default.COLOR_BLUE_400,
3157
- stroke: _decorativePalettes.neutral.foreground
3158
- },
3159
- network: {
3160
- twitter: _seedsNetworkcolor.default.NETWORK_COLOR_TWITTER,
3161
- twitter_like: _seedsNetworkcolor.default.NETWORK_COLOR_TWITTER_LIKE,
3162
- facebook: _seedsNetworkcolor.default.NETWORK_COLOR_FACEBOOK,
3163
- facebook_audience_network: _seedsNetworkcolor.default.NETWORK_COLOR_FACEBOOK_AUDIENCE_NETWORK,
3164
- linkedin: _seedsNetworkcolor.default.NETWORK_COLOR_LINKEDIN,
3165
- instagram: _seedsNetworkcolor.default.NETWORK_COLOR_INSTAGRAM,
3166
- feedly: _seedsNetworkcolor.default.NETWORK_COLOR_FEEDLY,
3167
- analytics: _seedsNetworkcolor.default.NETWORK_COLOR_ANALYTICS,
3168
- youtube: _seedsNetworkcolor.default.NETWORK_COLOR_YOUTUBE,
3169
- messenger: _seedsNetworkcolor.default.NETWORK_COLOR_MESSENGER,
3170
- snapchat: _seedsNetworkcolor.default.NETWORK_COLOR_SNAPCHAT,
3171
- pinterest: _seedsNetworkcolor.default.NETWORK_COLOR_PINTEREST,
3172
- tumblr: _seedsNetworkcolor.default.NETWORK_COLOR_TUMBLR,
3173
- reddit: _seedsNetworkcolor.default.NETWORK_COLOR_REDDIT,
3174
- tripadvisor: _seedsNetworkcolor.default.NETWORK_COLOR_TRIPADVISOR,
3175
- glassdoor: _seedsNetworkcolor.default.NETWORK_COLOR_GLASSDOOR,
3176
- google_my_business: _seedsNetworkcolor.default.NETWORK_COLOR_GOOGLE_MY_BUSINESS,
3177
- google_business_messages: _seedsNetworkcolor.default.NETWORK_COLOR_GOOGLE_BUSINESS_MESSAGES,
3178
- google_play_store: _seedsNetworkcolor.default.NETWORK_COLOR_GOOGLE_PLAY_STORE,
3179
- apple_app_store: _seedsNetworkcolor.default.NETWORK_COLOR_APPLE_APP_STORE,
3180
- salesforce: _seedsNetworkcolor.default.NETWORK_COLOR_SALESFORCE,
3181
- zendesk: _seedsNetworkcolor.default.NETWORK_COLOR_ZENDESK,
3182
- hubspot: _seedsNetworkcolor.default.NETWORK_COLOR_HUBSPOT,
3183
- microsoft_dynamics: _seedsNetworkcolor.default.NETWORK_COLOR_MICROSOFT_DYNAMICS,
3184
- yelp: _seedsNetworkcolor.default.NETWORK_COLOR_YELP,
3185
- whatsapp: _seedsNetworkcolor.default.NETWORK_COLOR_WHATSAPP,
3186
- tiktok: _seedsNetworkcolor.default.NETWORK_COLOR_TIKTOK,
3187
- threads: _seedsNetworkcolor.default.NETWORK_COLOR_THREADS,
3188
- trustpilot: _seedsNetworkcolor.default.NETWORK_COLOR_TRUSTPILOT
3189
- },
3190
- dataviz: {
3191
- map: _datavizPalette.datavizPalette.DATAVIZ_COLORS_MAP,
3192
- list: _datavizPalette.datavizPalette.DATAVIZ_COLORS_LIST
3193
- }
3194
- }, _literalColors.default), _datavizPalette.datavizPalette);
3195
- var typography = exports.typography = {
3196
- 100: TYPOGRAPHY.TYPOGRAPHY_SIZE_100,
3197
- 200: TYPOGRAPHY.TYPOGRAPHY_SIZE_200,
3198
- 300: TYPOGRAPHY.TYPOGRAPHY_SIZE_300,
3199
- 400: TYPOGRAPHY.TYPOGRAPHY_SIZE_400,
3200
- 500: TYPOGRAPHY.TYPOGRAPHY_SIZE_500,
3201
- 600: TYPOGRAPHY.TYPOGRAPHY_SIZE_600,
3202
- 700: TYPOGRAPHY.TYPOGRAPHY_SIZE_700,
3203
- 800: TYPOGRAPHY.TYPOGRAPHY_SIZE_800,
3204
- 900: TYPOGRAPHY.TYPOGRAPHY_SIZE_900,
3205
- 1e3: TYPOGRAPHY.TYPOGRAPHY_SIZE_1000,
3206
- 1100: TYPOGRAPHY.TYPOGRAPHY_SIZE_1100,
3207
- 1200: TYPOGRAPHY.TYPOGRAPHY_SIZE_1200
3208
- };
3209
- var fontSizes = exports.fontSizes = {
3210
- 100: TYPOGRAPHY.TYPOGRAPHY_SIZE_100.fontSize,
3211
- 200: TYPOGRAPHY.TYPOGRAPHY_SIZE_200.fontSize,
3212
- 300: TYPOGRAPHY.TYPOGRAPHY_SIZE_300.fontSize,
3213
- 400: TYPOGRAPHY.TYPOGRAPHY_SIZE_400.fontSize,
3214
- 500: TYPOGRAPHY.TYPOGRAPHY_SIZE_500.fontSize,
3215
- 600: TYPOGRAPHY.TYPOGRAPHY_SIZE_600.fontSize,
3216
- 700: TYPOGRAPHY.TYPOGRAPHY_SIZE_700.fontSize,
3217
- 800: TYPOGRAPHY.TYPOGRAPHY_SIZE_800.fontSize,
3218
- 900: TYPOGRAPHY.TYPOGRAPHY_SIZE_900.fontSize,
3219
- 1e3: TYPOGRAPHY.TYPOGRAPHY_SIZE_1000.fontSize,
3220
- 1100: TYPOGRAPHY.TYPOGRAPHY_SIZE_1100.fontSize,
3221
- 1200: TYPOGRAPHY.TYPOGRAPHY_SIZE_1200.fontSize
3222
- };
3223
- var lineHeights = exports.lineHeights = {
3224
- 100: TYPOGRAPHY.TYPOGRAPHY_SIZE_100.lineHeight,
3225
- 200: TYPOGRAPHY.TYPOGRAPHY_SIZE_200.lineHeight,
3226
- 300: TYPOGRAPHY.TYPOGRAPHY_SIZE_300.lineHeight,
3227
- 400: TYPOGRAPHY.TYPOGRAPHY_SIZE_400.lineHeight,
3228
- 500: TYPOGRAPHY.TYPOGRAPHY_SIZE_500.lineHeight,
3229
- 600: TYPOGRAPHY.TYPOGRAPHY_SIZE_600.lineHeight,
3230
- 700: TYPOGRAPHY.TYPOGRAPHY_SIZE_700.lineHeight,
3231
- 800: TYPOGRAPHY.TYPOGRAPHY_SIZE_800.lineHeight,
3232
- 900: TYPOGRAPHY.TYPOGRAPHY_SIZE_900.lineHeight,
3233
- 1e3: TYPOGRAPHY.TYPOGRAPHY_SIZE_1000.lineHeight,
3234
- 1100: TYPOGRAPHY.TYPOGRAPHY_SIZE_1100.lineHeight,
3235
- 1200: TYPOGRAPHY.TYPOGRAPHY_SIZE_1200.lineHeight
3236
- };
3237
- var fontFamily = exports.fontFamily = TYPOGRAPHY.TYPOGRAPHY_FAMILY;
3238
- var fontWeights = exports.fontWeights = {
3239
- normal: TYPOGRAPHY.TYPOGRAPHY_WEIGHT_NORMAL,
3240
- semibold: TYPOGRAPHY.TYPOGRAPHY_WEIGHT_SEMIBOLD,
3241
- bold: TYPOGRAPHY.TYPOGRAPHY_WEIGHT_BOLD,
3242
- extrabold: TYPOGRAPHY.TYPOGRAPHY_WEIGHT_EXTRA_BOLD
3243
- };
3244
- var space = exports.space = {
3245
- 0: _seedsSpace.default.SPACE_SIZE_0,
3246
- 100: _seedsSpace.default.SPACE_SIZE_100,
3247
- 200: _seedsSpace.default.SPACE_SIZE_200,
3248
- 300: _seedsSpace.default.SPACE_SIZE_300,
3249
- 350: _seedsSpace.default.SPACE_SIZE_350,
3250
- 400: _seedsSpace.default.SPACE_SIZE_400,
3251
- 450: _seedsSpace.default.SPACE_SIZE_450,
3252
- 500: _seedsSpace.default.SPACE_SIZE_500,
3253
- 600: _seedsSpace.default.SPACE_SIZE_600
3254
- };
3255
- var radii = exports.radii = {
3256
- 400: _seedsBorder.default.BORDER_RADIUS_400,
3257
- 500: _seedsBorder.default.BORDER_RADIUS_500,
3258
- 600: _seedsBorder.default.BORDER_RADIUS_600,
3259
- 1e3: _seedsBorder.default.BORDER_RADIUS_1000,
3260
- inner: _seedsBorder.default.BORDER_RADIUS_500,
3261
- outer: _seedsBorder.default.BORDER_RADIUS_600,
3262
- pill: _seedsBorder.default.BORDER_RADIUS_1000
3263
- };
3264
- var borders = exports.borders = {
3265
- 500: "".concat(_seedsBorder.default.BORDER_WIDTH_500, " solid")
3266
- };
3267
- var borderWidths = exports.borderWidths = {
3268
- 500: _seedsBorder.default.BORDER_WIDTH_500
3269
- };
3270
- var shadows = exports.shadows = {
3271
- low: "".concat(_seedsDepth.default.ELEVATION_LEVEL_100, " ").concat(_seedsColor.default.COLOR_NEUTRAL_900, "3D"),
3272
- medium: "".concat(_seedsDepth.default.ELEVATION_LEVEL_300, " ").concat(_seedsColor.default.COLOR_NEUTRAL_900, "3D"),
3273
- high: "".concat(_seedsDepth.default.ELEVATION_LEVEL_400, " ").concat(_seedsColor.default.COLOR_NEUTRAL_900, "3D")
3274
- };
3275
- var easing = exports.easing = {
3276
- ease_in: _seedsMotion.default.MOTION_EASE_IN,
3277
- ease_out: _seedsMotion.default.MOTION_EASE_OUT,
3278
- ease_inout: _seedsMotion.default.MOTION_EASE_INOUT
3279
- };
3280
- var duration = exports.duration = {
3281
- fast: _seedsMotion.default.MOTION_DURATION_FAST,
3282
- medium: _seedsMotion.default.MOTION_DURATION_MEDIUM,
3283
- slow: _seedsMotion.default.MOTION_DURATION_SLOW
3284
- };
3285
- var theme2 = {
3286
- breakpoints,
3287
- colors,
3288
- typography: _objectSpread(_objectSpread({}, typography), {}, {
3289
- typography
3290
- }),
3291
- fontSizes,
3292
- lineHeights,
3293
- fontFamily,
3294
- fontWeights,
3295
- space: _objectSpread(_objectSpread({}, space), {}, {
3296
- space,
3297
- "-space": Object.keys(space).reduce(function(negativeSpace, key) {
3298
- negativeSpace[key] = "-".concat(space[key]);
3299
- return negativeSpace;
3300
- }, {})
3301
- }),
3302
- radii: _objectSpread(_objectSpread({}, radii), {}, {
3303
- radii
3304
- }),
3305
- borders,
3306
- borderWidths,
3307
- shadows,
3308
- easing,
3309
- duration,
3310
- mode: MODE
3311
- };
3312
- var _default = exports.default = theme2;
3313
- }
3314
- });
3315
-
3316
- // ../seeds-react-theme/commonjs/dark/dataviz-palette.js
3317
- var require_dataviz_palette2 = __commonJS({
3318
- "../seeds-react-theme/commonjs/dark/dataviz-palette.js"(exports) {
3319
- "use strict";
3320
- Object.defineProperty(exports, "__esModule", {
3321
- value: true
3322
- });
3323
- exports.datavizPalette = void 0;
3324
- var _seedsColor = _interopRequireDefault(require_seeds_color());
3325
- function _interopRequireDefault(obj) {
3326
- return obj && obj.__esModule ? obj : { default: obj };
3327
- }
3328
- var datavizPalette = exports.datavizPalette = {
3329
- DATAVIZ_COLORS_LIST: [_seedsColor.default.COLOR_TEAL_400, _seedsColor.default.COLOR_PURPLE_400, _seedsColor.default.COLOR_PINK_400, _seedsColor.default.COLOR_YELLOW_500, _seedsColor.default.COLOR_BLUE_400, _seedsColor.default.COLOR_MAGENTA_400, _seedsColor.default.COLOR_GREEN_400, _seedsColor.default.COLOR_ORANGE_400, _seedsColor.default.COLOR_RED_700, _seedsColor.default.COLOR_TEAL_700, _seedsColor.default.COLOR_PURPLE_700, _seedsColor.default.COLOR_PINK_700, _seedsColor.default.COLOR_YELLOW_800, _seedsColor.default.COLOR_BLUE_700, _seedsColor.default.COLOR_MAGENTA_700, _seedsColor.default.COLOR_GREEN_700, _seedsColor.default.COLOR_ORANGE_700, _seedsColor.default.COLOR_RED_400, _seedsColor.default.COLOR_GREEN_200, _seedsColor.default.COLOR_YELLOW_200],
3330
- DATAVIZ_COLORS_MAP: {
3331
- "1": _seedsColor.default.COLOR_TEAL_400,
3332
- "2": _seedsColor.default.COLOR_PURPLE_400,
3333
- "3": _seedsColor.default.COLOR_PINK_400,
3334
- "4": _seedsColor.default.COLOR_YELLOW_500,
3335
- "5": _seedsColor.default.COLOR_BLUE_400,
3336
- "6": _seedsColor.default.COLOR_MAGENTA_400,
3337
- "7": _seedsColor.default.COLOR_GREEN_400,
3338
- "8": _seedsColor.default.COLOR_ORANGE_400,
3339
- "9": _seedsColor.default.COLOR_RED_700,
3340
- "10": _seedsColor.default.COLOR_TEAL_700,
3341
- "11": _seedsColor.default.COLOR_PURPLE_700,
3342
- "12": _seedsColor.default.COLOR_PINK_700,
3343
- "13": _seedsColor.default.COLOR_YELLOW_800,
3344
- "14": _seedsColor.default.COLOR_BLUE_700,
3345
- "15": _seedsColor.default.COLOR_MAGENTA_700,
3346
- "16": _seedsColor.default.COLOR_GREEN_700,
3347
- "17": _seedsColor.default.COLOR_ORANGE_700,
3348
- "18": _seedsColor.default.COLOR_RED_400,
3349
- "19": _seedsColor.default.COLOR_GREEN_200,
3350
- "20": _seedsColor.default.COLOR_YELLOW_200
3351
- }
3352
- };
3353
- }
3354
- });
3355
-
3356
- // ../seeds-react-theme/commonjs/dark/decorative-palettes.js
3357
- var require_decorative_palettes2 = __commonJS({
3358
- "../seeds-react-theme/commonjs/dark/decorative-palettes.js"(exports) {
3359
- "use strict";
3360
- Object.defineProperty(exports, "__esModule", {
3361
- value: true
3362
- });
3363
- exports.yellow = exports.teal = exports.red = exports.purple = exports.pink = exports.orange = exports.neutral = exports.magenta = exports.green = exports.blue = exports.aqua = void 0;
3364
- var _seedsColor = _interopRequireDefault(require_seeds_color());
3365
- function _interopRequireDefault(obj) {
3366
- return obj && obj.__esModule ? obj : { default: obj };
3367
- }
3368
- var green = exports.green = {
3369
- background: _seedsColor.default.COLOR_GREEN_900,
3370
- highlight: _seedsColor.default.COLOR_GREEN_500,
3371
- foreground: _seedsColor.default.COLOR_GREEN_100
3372
- };
3373
- var blue = exports.blue = {
3374
- background: _seedsColor.default.COLOR_BLUE_900,
3375
- highlight: _seedsColor.default.COLOR_BLUE_600,
3376
- foreground: _seedsColor.default.COLOR_BLUE_100
3377
- };
3378
- var purple = exports.purple = {
3379
- background: _seedsColor.default.COLOR_PURPLE_900,
3380
- highlight: _seedsColor.default.COLOR_PURPLE_500,
3381
- foreground: _seedsColor.default.COLOR_PURPLE_100
3382
- };
3383
- var yellow = exports.yellow = {
3384
- background: _seedsColor.default.COLOR_YELLOW_900,
3385
- highlight: _seedsColor.default.COLOR_YELLOW_600,
3386
- foreground: _seedsColor.default.COLOR_YELLOW_100
3387
- };
3388
- var orange = exports.orange = {
3389
- background: _seedsColor.default.COLOR_ORANGE_900,
3390
- highlight: _seedsColor.default.COLOR_ORANGE_600,
3391
- foreground: _seedsColor.default.COLOR_ORANGE_100
3392
- };
3393
- var red = exports.red = {
3394
- background: _seedsColor.default.COLOR_RED_900,
3395
- highlight: _seedsColor.default.COLOR_RED_600,
3396
- foreground: _seedsColor.default.COLOR_RED_100
3397
- };
3398
- var neutral = exports.neutral = {
3399
- background: _seedsColor.default.COLOR_NEUTRAL_1000,
3400
- highlight: _seedsColor.default.COLOR_NEUTRAL_600,
3401
- foreground: _seedsColor.default.COLOR_NEUTRAL_100
3402
- };
3403
- var magenta = exports.magenta = {
3404
- background: _seedsColor.default.COLOR_MAGENTA_900,
3405
- highlight: _seedsColor.default.COLOR_MAGENTA_600,
3406
- foreground: _seedsColor.default.COLOR_MAGENTA_100
3407
- };
3408
- var pink = exports.pink = {
3409
- background: _seedsColor.default.COLOR_PINK_900,
3410
- highlight: _seedsColor.default.COLOR_PINK_600,
3411
- foreground: _seedsColor.default.COLOR_PINK_100
3412
- };
3413
- var aqua = exports.aqua = {
3414
- background: _seedsColor.default.COLOR_AQUA_900,
3415
- highlight: _seedsColor.default.COLOR_AQUA_500,
3416
- foreground: _seedsColor.default.COLOR_AQUA_100
3417
- };
3418
- var teal = exports.teal = {
3419
- background: _seedsColor.default.COLOR_TEAL_900,
3420
- highlight: _seedsColor.default.COLOR_TEAL_500,
3421
- foreground: _seedsColor.default.COLOR_TEAL_100
3422
- };
3423
- }
3424
- });
3425
-
3426
- // ../seeds-react-theme/commonjs/dark/theme.js
3427
- var require_theme2 = __commonJS({
3428
- "../seeds-react-theme/commonjs/dark/theme.js"(exports) {
3429
- "use strict";
3430
- Object.defineProperty(exports, "__esModule", {
3431
- value: true
3432
- });
3433
- exports.shadows = exports.default = void 0;
3434
- var _polished = (init_polished_esm(), __toCommonJS(polished_esm_exports));
3435
- var _seedsColor = _interopRequireDefault(require_seeds_color());
3436
- var _seedsDepth = _interopRequireDefault(require_seeds_depth());
3437
- var _theme = _interopRequireDefault(require_theme());
3438
- var _datavizPalette = require_dataviz_palette2();
3439
- var _decorativePalettes = require_decorative_palettes2();
3440
- function _interopRequireDefault(obj) {
3441
- return obj && obj.__esModule ? obj : { default: obj };
3442
- }
3443
- function _typeof(o) {
3444
- "@babel/helpers - typeof";
3445
- return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
3446
- return typeof o2;
3447
- } : function(o2) {
3448
- return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
3449
- }, _typeof(o);
3450
- }
3451
- function ownKeys(e, r) {
3452
- var t = Object.keys(e);
3453
- if (Object.getOwnPropertySymbols) {
3454
- var o = Object.getOwnPropertySymbols(e);
3455
- r && (o = o.filter(function(r2) {
3456
- return Object.getOwnPropertyDescriptor(e, r2).enumerable;
3457
- })), t.push.apply(t, o);
3458
- }
3459
- return t;
3460
- }
3461
- function _objectSpread(e) {
3462
- for (var r = 1; r < arguments.length; r++) {
3463
- var t = null != arguments[r] ? arguments[r] : {};
3464
- r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
3465
- _defineProperty(e, r2, t[r2]);
3466
- }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
3467
- Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
3468
- });
3469
- }
3470
- return e;
3471
- }
3472
- function _defineProperty(obj, key, value) {
3473
- key = _toPropertyKey(key);
3474
- if (key in obj) {
3475
- Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
3476
- } else {
3477
- obj[key] = value;
3478
- }
3479
- return obj;
3480
- }
3481
- function _toPropertyKey(t) {
3482
- var i = _toPrimitive(t, "string");
3483
- return "symbol" == _typeof(i) ? i : String(i);
3484
- }
3485
- function _toPrimitive(t, r) {
3486
- if ("object" != _typeof(t) || !t)
3487
- return t;
3488
- var e = t[Symbol.toPrimitive];
3489
- if (void 0 !== e) {
3490
- var i = e.call(t, r || "default");
3491
- if ("object" != _typeof(i))
3492
- return i;
3493
- throw new TypeError("@@toPrimitive must return a primitive value.");
3494
- }
3495
- return ("string" === r ? String : Number)(t);
3496
- }
3497
- var MODE = "dark";
3498
- var shadows = exports.shadows = {
3499
- low: "".concat(_seedsDepth.default.ELEVATION_LEVEL_100, " ").concat(_seedsColor.default.COLOR_NEUTRAL_1100, "FF"),
3500
- medium: "".concat(_seedsDepth.default.ELEVATION_LEVEL_300, " ").concat(_seedsColor.default.COLOR_NEUTRAL_1100, "FF"),
3501
- high: "".concat(_seedsDepth.default.ELEVATION_LEVEL_400, " ").concat(_seedsColor.default.COLOR_NEUTRAL_1100, "FF")
3502
- };
3503
- var colors = _objectSpread(_objectSpread({}, _theme.default.colors), {}, {
3504
- app: {
3505
- background: {
3506
- base: _seedsColor.default.COLOR_NEUTRAL_1000
3507
- }
3508
- },
3509
- container: {
3510
- background: {
3511
- base: _seedsColor.default.COLOR_NEUTRAL_900,
3512
- success: _decorativePalettes.green.background,
3513
- warning: _decorativePalettes.yellow.background,
3514
- error: _decorativePalettes.red.background,
3515
- info: _decorativePalettes.blue.background,
3516
- opportunity: _decorativePalettes.purple.background,
3517
- /** @deprecated Use "error" instead of "danger" */
3518
- danger: _decorativePalettes.red.background,
3519
- decorative: {
3520
- green: _decorativePalettes.green.background,
3521
- blue: _decorativePalettes.blue.background,
3522
- purple: _decorativePalettes.purple.background,
3523
- yellow: _decorativePalettes.yellow.background,
3524
- orange: _decorativePalettes.orange.background,
3525
- red: _decorativePalettes.red.background,
3526
- neutral: _decorativePalettes.neutral.background,
3527
- magenta: _decorativePalettes.magenta.background,
3528
- pink: _decorativePalettes.pink.background,
3529
- aqua: _decorativePalettes.aqua.background,
3530
- teal: _decorativePalettes.teal.background
3531
- },
3532
- selected: _seedsColor.default.COLOR_NEUTRAL_0,
3533
- positive_sentiment: _seedsColor.default.COLOR_BLUE_500,
3534
- negative_sentiment: _seedsColor.default.COLOR_RED_500,
3535
- neutral_sentiment: _seedsColor.default.COLOR_NEUTRAL_300
3536
- },
3537
- border: {
3538
- base: _seedsColor.default.COLOR_NEUTRAL_1100,
3539
- success: _decorativePalettes.green.highlight,
3540
- warning: _decorativePalettes.yellow.highlight,
3541
- error: _decorativePalettes.red.highlight,
3542
- /** @deprecated Use "error" instead of "danger" */
3543
- danger: _decorativePalettes.red.highlight,
3544
- info: _decorativePalettes.blue.highlight,
3545
- opportunity: _decorativePalettes.purple.highlight,
3546
- decorative: {
3547
- green: _decorativePalettes.green.highlight,
3548
- blue: _decorativePalettes.blue.highlight,
3549
- purple: _decorativePalettes.purple.highlight,
3550
- yellow: _decorativePalettes.yellow.highlight,
3551
- orange: _decorativePalettes.orange.highlight,
3552
- red: _decorativePalettes.red.highlight,
3553
- neutral: _decorativePalettes.neutral.highlight,
3554
- magenta: _decorativePalettes.magenta.highlight,
3555
- pink: _decorativePalettes.pink.highlight,
3556
- aqua: _decorativePalettes.aqua.highlight,
3557
- teal: _decorativePalettes.teal.highlight
3558
- },
3559
- selected: _seedsColor.default.COLOR_NEUTRAL_0
3560
- }
3561
- },
3562
- button: {
3563
- primary: {
3564
- background: {
3565
- base: _seedsColor.default.COLOR_BLUE_400,
3566
- hover: _seedsColor.default.COLOR_BLUE_300,
3567
- active: _seedsColor.default.COLOR_BLUE_200
3568
- },
3569
- border: {
3570
- base: "transparent"
3571
- },
3572
- text: {
3573
- base: _seedsColor.default.COLOR_NEUTRAL_900,
3574
- hover: _seedsColor.default.COLOR_NEUTRAL_1000
3575
- }
3576
- },
3577
- secondary: {
3578
- background: {
3579
- base: "transparent",
3580
- hover: _seedsColor.default.COLOR_NEUTRAL_100,
3581
- active: _seedsColor.default.COLOR_NEUTRAL_0
3582
- },
3583
- border: {
3584
- base: _seedsColor.default.COLOR_NEUTRAL_0
3585
- },
3586
- text: {
3587
- base: _seedsColor.default.COLOR_NEUTRAL_0,
3588
- hover: _seedsColor.default.COLOR_NEUTRAL_800
3589
- }
3590
- },
3591
- pill: {
3592
- background: {
3593
- base: "transparent",
3594
- hover: _seedsColor.default.COLOR_NEUTRAL_1000,
3595
- active: _seedsColor.default.COLOR_NEUTRAL_900
3596
- },
3597
- border: {
3598
- base: "transparent",
3599
- hover: _seedsColor.default.COLOR_NEUTRAL_0
3600
- },
3601
- text: {
3602
- base: _seedsColor.default.COLOR_NEUTRAL_100,
3603
- hover: _seedsColor.default.COLOR_NEUTRAL_0
3604
- }
3605
- },
3606
- destructive: {
3607
- background: {
3608
- base: _seedsColor.default.COLOR_RED_400,
3609
- hover: _seedsColor.default.COLOR_RED_300,
3610
- active: _seedsColor.default.COLOR_RED_200
3611
- },
3612
- border: {
3613
- base: "transparent"
3614
- },
3615
- text: {
3616
- base: _seedsColor.default.COLOR_NEUTRAL_900,
3617
- hover: _seedsColor.default.COLOR_NEUTRAL_1000
3618
- }
3619
- },
3620
- placeholder: {
3621
- background: {
3622
- base: "transparent",
3623
- hover: _seedsColor.default.COLOR_NEUTRAL_1100,
3624
- active: _seedsColor.default.COLOR_NEUTRAL_1100
3625
- },
3626
- border: {
3627
- base: _seedsColor.default.COLOR_NEUTRAL_500
3628
- },
3629
- text: {
3630
- base: _seedsColor.default.COLOR_BLUE_400,
3631
- hover: _seedsColor.default.COLOR_BLUE_300
3632
- }
3633
- },
3634
- unstyled: {
3635
- background: {
3636
- base: "transparent"
3637
- },
3638
- border: {
3639
- base: "transparent"
3640
- },
3641
- text: {
3642
- base: _seedsColor.default.COLOR_NEUTRAL_300,
3643
- hover: _seedsColor.default.COLOR_NEUTRAL_200
3644
- }
3645
- }
3646
- },
3647
- link: {
3648
- base: _seedsColor.default.COLOR_BLUE_400,
3649
- hover: _seedsColor.default.COLOR_BLUE_300
3650
- },
3651
- text: {
3652
- headline: _seedsColor.default.COLOR_NEUTRAL_0,
3653
- subtext: _seedsColor.default.COLOR_NEUTRAL_200,
3654
- body: _seedsColor.default.COLOR_NEUTRAL_100,
3655
- inverse: _seedsColor.default.COLOR_NEUTRAL_900,
3656
- error: _decorativePalettes.red.foreground,
3657
- background: {
3658
- highlight: _seedsColor.default.COLOR_YELLOW_900,
3659
- selection: _seedsColor.default.COLOR_BLUE_800
3660
- },
3661
- decorative: {
3662
- green: _decorativePalettes.green.foreground,
3663
- blue: _decorativePalettes.blue.foreground,
3664
- purple: _decorativePalettes.purple.foreground,
3665
- yellow: _decorativePalettes.yellow.foreground,
3666
- orange: _decorativePalettes.orange.foreground,
3667
- red: _decorativePalettes.red.foreground,
3668
- neutral: _decorativePalettes.neutral.foreground,
3669
- magenta: _decorativePalettes.magenta.foreground,
3670
- pink: _decorativePalettes.pink.foreground,
3671
- aqua: _decorativePalettes.aqua.foreground,
3672
- teal: _decorativePalettes.teal.foreground
3673
- }
3674
- },
3675
- icon: {
3676
- base: _seedsColor.default.COLOR_NEUTRAL_100,
3677
- inverse: _seedsColor.default.COLOR_NEUTRAL_900,
3678
- success: _decorativePalettes.green.foreground,
3679
- warning: _decorativePalettes.yellow.foreground,
3680
- error: _decorativePalettes.red.foreground,
3681
- /** @deprecated Use "error" instead of "danger" */
3682
- danger: _decorativePalettes.red.foreground,
3683
- info: _decorativePalettes.blue.foreground,
3684
- opportunity: _decorativePalettes.purple.foreground,
3685
- applied: _seedsColor.default.COLOR_BLUE_400,
3686
- positive_sentiment: _seedsColor.default.COLOR_BLUE_600,
3687
- negative_sentiment: _seedsColor.default.COLOR_RED_600,
3688
- neutral_sentiment: _seedsColor.default.COLOR_NEUTRAL_500
3689
- },
3690
- form: {
3691
- background: {
3692
- base: _seedsColor.default.COLOR_NEUTRAL_900,
3693
- selected: _seedsColor.default.COLOR_NEUTRAL_0
3694
- },
3695
- border: {
3696
- base: _seedsColor.default.COLOR_NEUTRAL_500,
3697
- error: _decorativePalettes.red.highlight,
3698
- warning: _decorativePalettes.yellow.highlight,
3699
- selected: _seedsColor.default.COLOR_NEUTRAL_0
3700
- },
3701
- placeholder: {
3702
- base: _seedsColor.default.COLOR_NEUTRAL_500
3703
- }
3704
- },
3705
- listItem: {
3706
- background: {
3707
- base: "transparent",
3708
- hover: _seedsColor.default.COLOR_NEUTRAL_800,
3709
- selected: _seedsColor.default.COLOR_NEUTRAL_0
3710
- }
3711
- },
3712
- overlay: {
3713
- background: {
3714
- base: (0, _polished.transparentize)(0.28, _seedsColor.default.COLOR_NEUTRAL_1000)
3715
- },
3716
- text: {
3717
- base: _seedsColor.default.COLOR_NEUTRAL_0
3718
- },
3719
- icon: {
3720
- base: _seedsColor.default.COLOR_NEUTRAL_0
3721
- }
3722
- },
3723
- elevation: {
3724
- base: _seedsColor.default.COLOR_NEUTRAL_1100
3725
- },
3726
- illustration: {
3727
- fill: _seedsColor.default.COLOR_BLUE_400,
3728
- stroke: _decorativePalettes.neutral.foreground
3729
- },
3730
- dataviz: {
3731
- map: _datavizPalette.datavizPalette.DATAVIZ_COLORS_MAP,
3732
- list: _datavizPalette.datavizPalette.DATAVIZ_COLORS_LIST
3733
- }
3734
- }, _datavizPalette.datavizPalette);
3735
- var darkTheme = _objectSpread(_objectSpread({}, _theme.default), {}, {
3736
- colors,
3737
- shadows,
3738
- mode: MODE
3739
- });
3740
- var _default = exports.default = darkTheme;
3741
- }
3742
- });
3743
-
3744
- // ../seeds-react-theme/commonjs/extendedThemes/sproutTheme/light/theme.js
3745
- var require_theme3 = __commonJS({
3746
- "../seeds-react-theme/commonjs/extendedThemes/sproutTheme/light/theme.js"(exports) {
3747
- "use strict";
3748
- Object.defineProperty(exports, "__esModule", {
3749
- value: true
3750
- });
3751
- exports.navigation = exports.listening = exports.growth = exports.default = exports.datePicker = exports.cardControl = exports.analytics = void 0;
3752
- var _polished = (init_polished_esm(), __toCommonJS(polished_esm_exports));
3753
- var _theme = _interopRequireDefault(require_theme());
3754
- function _interopRequireDefault(obj) {
3755
- return obj && obj.__esModule ? obj : { default: obj };
3756
- }
3757
- function _typeof(o) {
3758
- "@babel/helpers - typeof";
3759
- return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
3760
- return typeof o2;
3761
- } : function(o2) {
3762
- return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
3763
- }, _typeof(o);
3764
- }
3765
- function ownKeys(e, r) {
3766
- var t = Object.keys(e);
3767
- if (Object.getOwnPropertySymbols) {
3768
- var o = Object.getOwnPropertySymbols(e);
3769
- r && (o = o.filter(function(r2) {
3770
- return Object.getOwnPropertyDescriptor(e, r2).enumerable;
3771
- })), t.push.apply(t, o);
3772
- }
3773
- return t;
3774
- }
3775
- function _objectSpread(e) {
3776
- for (var r = 1; r < arguments.length; r++) {
3777
- var t = null != arguments[r] ? arguments[r] : {};
3778
- r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
3779
- _defineProperty(e, r2, t[r2]);
3780
- }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
3781
- Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
3782
- });
3783
- }
3784
- return e;
3785
- }
3786
- function _defineProperty(obj, key, value) {
3787
- key = _toPropertyKey(key);
3788
- if (key in obj) {
3789
- Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
3790
- } else {
3791
- obj[key] = value;
3792
- }
3793
- return obj;
3794
- }
3795
- function _toPropertyKey(t) {
3796
- var i = _toPrimitive(t, "string");
3797
- return "symbol" == _typeof(i) ? i : String(i);
3798
- }
3799
- function _toPrimitive(t, r) {
3800
- if ("object" != _typeof(t) || !t)
3801
- return t;
3802
- var e = t[Symbol.toPrimitive];
3803
- if (void 0 !== e) {
3804
- var i = e.call(t, r || "default");
3805
- if ("object" != _typeof(i))
3806
- return i;
3807
- throw new TypeError("@@toPrimitive must return a primitive value.");
3808
- }
3809
- return ("string" === r ? String : Number)(t);
3810
- }
3811
- var navigation = exports.navigation = {
3812
- main: {
3813
- background: {
3814
- base: _theme.default.colors.neutral[900],
3815
- overflowGradient: _theme.default.colors.neutral[1e3]
3816
- },
3817
- border: {
3818
- base: _theme.default.colors.neutral[1e3]
3819
- }
3820
- },
3821
- secondary: {
3822
- background: {
3823
- base: _theme.default.colors.neutral[800]
3824
- },
3825
- widget: {
3826
- background: {
3827
- base: _theme.default.colors.neutral[1e3]
3828
- }
3829
- },
3830
- accordion: {
3831
- background: {
3832
- base: _theme.default.colors.neutral[900]
3833
- }
3834
- }
3835
- },
3836
- settings: {
3837
- listItem: {
3838
- background: {
3839
- base: "transparent",
3840
- hover: _theme.default.colors.neutral[200],
3841
- selected: _theme.default.colors.neutral[0]
3842
- }
3843
- }
3844
- },
3845
- text: {
3846
- base: _theme.default.colors.neutral[0],
3847
- hover: _theme.default.colors.neutral[0]
3848
- },
3849
- icon: {
3850
- base: _theme.default.colors.neutral[0],
3851
- hover: _theme.default.colors.neutral[0]
3852
- },
3853
- listItem: {
3854
- background: {
3855
- base: _theme.default.colors.neutral[800],
3856
- hover: _theme.default.colors.neutral[1e3],
3857
- selected: _theme.default.colors.neutral[700]
3858
- }
3859
- }
3860
- };
3861
- var datePicker = exports.datePicker = {
3862
- comparison: {
3863
- background: {
3864
- base: _theme.default.colors.neutral[400]
3865
- },
3866
- text: {
3867
- base: _theme.default.colors.neutral[800]
3868
- }
3869
- }
3870
- };
3871
- var analytics = exports.analytics = {
3872
- trend: {
3873
- positive: _theme.default.colors.teal[800],
3874
- neutral: _theme.default.colors.neutral[800],
3875
- negative: _theme.default.colors.neutral[800]
3876
- },
3877
- overlay: {
3878
- background: {
3879
- base: (0, _polished.transparentize)(0.2, _theme.default.colors.neutral[0])
3880
- }
3881
- }
3882
- };
3883
- var listening = exports.listening = {
3884
- chart: {
3885
- indicator: {
3886
- default: {
3887
- primary: _theme.default.colors.neutral[400],
3888
- secondary: _theme.default.colors.neutral[0]
3889
- },
3890
- hover: {
3891
- primary: _theme.default.colors.neutral[1e3],
3892
- secondary: _theme.default.colors.neutral[0]
3893
- }
3894
- },
3895
- spike: {
3896
- background: {
3897
- base: _theme.default.colors.teal[500]
3898
- },
3899
- icon: {
3900
- base: _theme.default.colors.neutral[0]
3901
- }
3902
- }
3903
- },
3904
- topicTypes: {
3905
- customTopic: _theme.default.colors.blue[400],
3906
- brandHealth: _theme.default.colors.red[400],
3907
- industryInsights: _theme.default.colors.green[400],
3908
- competitiveAnalysis: _theme.default.colors.yellow[400],
3909
- campaignAnalysis: _theme.default.colors.magenta[400],
3910
- eventMonitoring: _theme.default.colors.aqua[400],
3911
- featuredTopic: _theme.default.colors.green[400]
3912
- },
3913
- worldMap: {
3914
- empty: _theme.default.colors.neutral[200],
3915
- q0: _theme.default.colors.purple[200],
3916
- q1: _theme.default.colors.purple[300],
3917
- q2: _theme.default.colors.purple[400],
3918
- q3: _theme.default.colors.purple[500],
3919
- q4: _theme.default.colors.purple[600],
3920
- q5: _theme.default.colors.purple[700],
3921
- q6: _theme.default.colors.purple[800],
3922
- q7: _theme.default.colors.purple[900]
3923
- }
3924
- };
3925
- var growth = exports.growth = {
3926
- carousel: {
3927
- indicator: {
3928
- active: _theme.default.colors.blue[600],
3929
- inactive: _theme.default.colors.neutral[300]
3930
- }
3931
- },
3932
- education: {
3933
- decorative: {
3934
- aqua: _theme.default.colors.aqua[600],
3935
- teal: _theme.default.colors.teal[700]
3936
- }
3937
- },
3938
- opportunity: {
3939
- background: {
3940
- base: _theme.default.colors.purple[700],
3941
- secondary: _theme.default.colors.neutral[900],
3942
- hover: _theme.default.colors.purple[300]
3943
- },
3944
- button: {
3945
- primary: {
3946
- base: _theme.default.colors.purple[700],
3947
- hover: _theme.default.colors.purple[800]
3948
- }
3949
- },
3950
- badge: {
3951
- background: {
3952
- base: _theme.default.colors.purple[200],
3953
- active: _theme.default.colors.purple[800]
3954
- },
3955
- icon: {
3956
- base: _theme.default.colors.purple[700],
3957
- active: _theme.default.colors.purple[100]
3958
- },
3959
- text: {
3960
- base: _theme.default.colors.purple[700]
3961
- }
3962
- },
3963
- decorative: {
3964
- // confetti
3965
- green: _theme.default.colors.green[700],
3966
- lightAqua: _theme.default.colors.aqua[600],
3967
- darkAqua: _theme.default.colors.aqua[1100],
3968
- purple: _theme.default.colors.purple[700]
3969
- }
3970
- },
3971
- featuredDemo: {
3972
- background: {
3973
- primary: {
3974
- base: _theme.default.colors.blue[700],
3975
- hover: _theme.default.colors.blue[900]
3976
- },
3977
- secondary: {
3978
- base: _theme.default.colors.purple[800],
3979
- hover: _theme.default.colors.purple[800]
3980
- }
3981
- }
3982
- },
3983
- darkModal: {
3984
- background: {
3985
- base: _theme.default.colors.aqua[1100]
3986
- },
3987
- text: {
3988
- base: _theme.default.colors.neutral[0]
3989
- },
3990
- cards: {
3991
- background: {
3992
- base: _theme.default.colors.neutral[0],
3993
- hover: _theme.default.colors.purple[100]
3994
- },
3995
- text: {
3996
- base: _theme.default.colors.neutral[800],
3997
- hover: _theme.default.colors.neutral[900]
3998
- },
3999
- border: {
4000
- base: _theme.default.colors.neutral[0],
4001
- hover: _theme.default.colors.purple[700]
4002
- }
4003
- }
4004
- },
4005
- user: {
4006
- status: {
4007
- online: _theme.default.colors.green[700]
4008
- }
4009
- }
4010
- };
4011
- var cardControl = exports.cardControl = {
4012
- background: {
4013
- base: _theme.default.colors.neutral[0],
4014
- selected: _theme.default.colors.neutral[800],
4015
- hover: _theme.default.colors.neutral[100]
4016
- },
4017
- text: {
4018
- selected: _theme.default.colors.text.inverse
4019
- }
4020
- };
4021
- var lightTheme = _objectSpread(_objectSpread({}, _theme.default), {}, {
4022
- colors: _objectSpread(_objectSpread({}, _theme.default.colors), {}, {
4023
- navigation,
4024
- datePicker,
4025
- analytics,
4026
- listening,
4027
- growth,
4028
- cardControl
4029
- })
4030
- });
4031
- var _default = exports.default = lightTheme;
4032
- }
4033
- });
4034
-
4035
- // ../seeds-react-theme/commonjs/extendedThemes/sproutTheme/dark/theme.js
4036
- var require_theme4 = __commonJS({
4037
- "../seeds-react-theme/commonjs/extendedThemes/sproutTheme/dark/theme.js"(exports) {
4038
- "use strict";
4039
- Object.defineProperty(exports, "__esModule", {
4040
- value: true
4041
- });
4042
- exports.navigation = exports.listening = exports.growth = exports.default = exports.datePicker = exports.cardControl = exports.analytics = void 0;
4043
- var _polished = (init_polished_esm(), __toCommonJS(polished_esm_exports));
4044
- var _theme = _interopRequireDefault(require_theme2());
4045
- function _interopRequireDefault(obj) {
4046
- return obj && obj.__esModule ? obj : { default: obj };
4047
- }
4048
- function _typeof(o) {
4049
- "@babel/helpers - typeof";
4050
- return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
4051
- return typeof o2;
4052
- } : function(o2) {
4053
- return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
4054
- }, _typeof(o);
4055
- }
4056
- function ownKeys(e, r) {
4057
- var t = Object.keys(e);
4058
- if (Object.getOwnPropertySymbols) {
4059
- var o = Object.getOwnPropertySymbols(e);
4060
- r && (o = o.filter(function(r2) {
4061
- return Object.getOwnPropertyDescriptor(e, r2).enumerable;
4062
- })), t.push.apply(t, o);
4063
- }
4064
- return t;
4065
- }
4066
- function _objectSpread(e) {
4067
- for (var r = 1; r < arguments.length; r++) {
4068
- var t = null != arguments[r] ? arguments[r] : {};
4069
- r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
4070
- _defineProperty(e, r2, t[r2]);
4071
- }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
4072
- Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
4073
- });
4074
- }
4075
- return e;
4076
- }
4077
- function _defineProperty(obj, key, value) {
4078
- key = _toPropertyKey(key);
4079
- if (key in obj) {
4080
- Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
4081
- } else {
4082
- obj[key] = value;
4083
- }
4084
- return obj;
4085
- }
4086
- function _toPropertyKey(t) {
4087
- var i = _toPrimitive(t, "string");
4088
- return "symbol" == _typeof(i) ? i : String(i);
4089
- }
4090
- function _toPrimitive(t, r) {
4091
- if ("object" != _typeof(t) || !t)
4092
- return t;
4093
- var e = t[Symbol.toPrimitive];
4094
- if (void 0 !== e) {
4095
- var i = e.call(t, r || "default");
4096
- if ("object" != _typeof(i))
4097
- return i;
4098
- throw new TypeError("@@toPrimitive must return a primitive value.");
4099
- }
4100
- return ("string" === r ? String : Number)(t);
4101
- }
4102
- var navigation = exports.navigation = {
4103
- main: {
4104
- background: {
4105
- base: _theme.default.colors.neutral[1e3],
4106
- overflowGradient: _theme.default.colors.neutral[1100]
4107
- },
4108
- border: {
4109
- base: _theme.default.colors.neutral[1100]
4110
- }
4111
- },
4112
- secondary: {
4113
- background: {
4114
- base: _theme.default.colors.neutral[900]
4115
- },
4116
- widget: {
4117
- background: {
4118
- base: _theme.default.colors.neutral[800]
4119
- }
4120
- },
4121
- accordion: {
4122
- background: {
4123
- // Uses hexicimal to change the opacity of the color
4124
- // Adding 'A3' at end to make this color have a 64% opacity
4125
- // Reference https://gist.github.com/lopspower/03fb1cc0ac9f32ef38f4
4126
- base: "".concat(_theme.default.colors.neutral[1e3], "A3")
4127
- }
4128
- }
4129
- },
4130
- settings: {
4131
- listItem: {
4132
- background: {
4133
- base: "transparent",
4134
- hover: _theme.default.colors.neutral[1100],
4135
- selected: _theme.default.colors.neutral[800]
4136
- }
4137
- }
4138
- },
4139
- text: {
4140
- base: _theme.default.colors.neutral[0],
4141
- hover: _theme.default.colors.neutral[0]
4142
- },
4143
- icon: {
4144
- base: _theme.default.colors.neutral[0],
4145
- hover: _theme.default.colors.neutral[0]
4146
- },
4147
- listItem: {
4148
- background: {
4149
- base: _theme.default.colors.neutral[1e3],
4150
- hover: _theme.default.colors.neutral[1100],
4151
- selected: _theme.default.colors.neutral[700]
4152
- }
4153
- }
4154
- };
4155
- var datePicker = exports.datePicker = {
4156
- comparison: {
4157
- background: {
4158
- base: _theme.default.colors.neutral[400]
4159
- },
4160
- text: {
4161
- base: _theme.default.colors.neutral[800]
4162
- }
4163
- }
4164
- };
4165
- var analytics = exports.analytics = {
4166
- trend: {
4167
- positive: _theme.default.colors.teal[500],
4168
- neutral: _theme.default.colors.neutral[100],
4169
- negative: _theme.default.colors.neutral[100]
4170
- },
4171
- overlay: {
4172
- background: {
4173
- base: (0, _polished.transparentize)(0.2, _theme.default.colors.neutral[900])
4174
- }
4175
- }
4176
- };
4177
- var listening = exports.listening = {
4178
- chart: {
4179
- indicator: {
4180
- default: {
4181
- primary: _theme.default.colors.neutral[100],
4182
- secondary: _theme.default.colors.neutral[900]
4183
- },
4184
- hover: {
4185
- primary: _theme.default.colors.neutral[300],
4186
- secondary: _theme.default.colors.neutral[0]
4187
- }
4188
- },
4189
- spike: {
4190
- background: {
4191
- base: _theme.default.colors.teal[500]
4192
- },
4193
- icon: {
4194
- base: _theme.default.colors.neutral[0]
4195
- }
4196
- }
4197
- },
4198
- topicTypes: {
4199
- customTopic: _theme.default.colors.teal[400],
4200
- brandHealth: _theme.default.colors.red[400],
4201
- industryInsights: _theme.default.colors.green[400],
4202
- competitiveAnalysis: _theme.default.colors.yellow[400],
4203
- campaignAnalysis: _theme.default.colors.magenta[400],
4204
- eventMonitoring: _theme.default.colors.aqua[400],
4205
- featuredTopic: _theme.default.colors.green[400]
4206
- },
4207
- worldMap: {
4208
- empty: _theme.default.colors.neutral[200],
4209
- q0: _theme.default.colors.purple[200],
4210
- q1: _theme.default.colors.purple[300],
4211
- q2: _theme.default.colors.purple[400],
4212
- q3: _theme.default.colors.purple[500],
4213
- q4: _theme.default.colors.purple[600],
4214
- q5: _theme.default.colors.purple[700],
4215
- q6: _theme.default.colors.purple[800],
4216
- q7: _theme.default.colors.purple[900]
4217
- }
4218
- };
4219
- var growth = exports.growth = {
4220
- carousel: {
4221
- indicator: {
4222
- active: _theme.default.colors.blue[600],
4223
- inactive: _theme.default.colors.neutral[300]
4224
- }
4225
- },
4226
- education: {
4227
- decorative: {
4228
- aqua: _theme.default.colors.aqua[600],
4229
- teal: _theme.default.colors.teal[500]
4230
- }
4231
- },
4232
- opportunity: {
4233
- background: {
4234
- base: _theme.default.colors.purple[700],
4235
- secondary: _theme.default.colors.neutral[700],
4236
- hover: _theme.default.colors.purple[500]
4237
- },
4238
- button: {
4239
- primary: {
4240
- base: _theme.default.colors.purple[400],
4241
- hover: _theme.default.colors.purple[300]
4242
- }
4243
- },
4244
- badge: {
4245
- background: {
4246
- base: _theme.default.colors.purple[700],
4247
- active: _theme.default.colors.purple[100]
4248
- },
4249
- icon: {
4250
- base: _theme.default.colors.purple[200],
4251
- active: _theme.default.colors.purple[800]
4252
- },
4253
- text: {
4254
- base: _theme.default.colors.purple[200]
4255
- }
4256
- },
4257
- decorative: {
4258
- // confetti
4259
- green: _theme.default.colors.green[700],
4260
- lightAqua: _theme.default.colors.aqua[600],
4261
- darkAqua: _theme.default.colors.aqua[1100],
4262
- purple: _theme.default.colors.purple[700]
4263
- }
4264
- },
4265
- featuredDemo: {
4266
- background: {
4267
- primary: {
4268
- base: _theme.default.colors.blue[400],
4269
- hover: _theme.default.colors.blue[100]
4270
- },
4271
- secondary: {
4272
- base: _theme.default.colors.purple[500],
4273
- hover: _theme.default.colors.purple[100]
4274
- }
4275
- }
4276
- },
4277
- darkModal: {
4278
- background: {
4279
- base: _theme.default.colors.aqua[1100]
4280
- },
4281
- text: {
4282
- base: _theme.default.colors.neutral[0]
4283
- },
4284
- cards: {
4285
- background: {
4286
- base: _theme.default.colors.neutral[0],
4287
- hover: _theme.default.colors.purple[100]
4288
- },
4289
- text: {
4290
- base: _theme.default.colors.neutral[800],
4291
- hover: _theme.default.colors.neutral[900]
4292
- },
4293
- border: {
4294
- base: _theme.default.colors.neutral[0],
4295
- hover: _theme.default.colors.purple[700]
4296
- }
4297
- }
4298
- },
4299
- user: {
4300
- status: {
4301
- online: _theme.default.colors.green[700]
4302
- }
4303
- }
4304
- };
4305
- var cardControl = exports.cardControl = {
4306
- background: {
4307
- base: _theme.default.colors.neutral[900],
4308
- selected: _theme.default.colors.neutral[700],
4309
- hover: _theme.default.colors.neutral[800]
4310
- },
4311
- text: {
4312
- selected: _theme.default.colors.text.body
4313
- }
4314
- };
4315
- var darkTheme = _objectSpread(_objectSpread({}, _theme.default), {}, {
4316
- colors: _objectSpread(_objectSpread({}, _theme.default.colors), {}, {
4317
- navigation,
4318
- datePicker,
4319
- analytics,
4320
- listening,
4321
- growth,
4322
- cardControl
4323
- })
4324
- });
4325
- var _default = exports.default = darkTheme;
4326
- }
4327
- });
4328
-
4329
- // ../seeds-react-theme/commonjs/extendedThemes/sproutTheme/index.js
4330
- var require_sproutTheme = __commonJS({
4331
- "../seeds-react-theme/commonjs/extendedThemes/sproutTheme/index.js"(exports) {
4332
- "use strict";
4333
- Object.defineProperty(exports, "__esModule", {
4334
- value: true
4335
- });
4336
- Object.defineProperty(exports, "sproutDarkTheme", {
4337
- enumerable: true,
4338
- get: function get() {
4339
- return _theme2.default;
4340
- }
4341
- });
4342
- Object.defineProperty(exports, "sproutLightTheme", {
4343
- enumerable: true,
4344
- get: function get() {
4345
- return _theme.default;
4346
- }
4347
- });
4348
- var _theme = _interopRequireDefault(require_theme3());
4349
- var _theme2 = _interopRequireDefault(require_theme4());
4350
- function _interopRequireDefault(obj) {
4351
- return obj && obj.__esModule ? obj : { default: obj };
4352
- }
4353
- }
4354
- });
4355
-
4356
- // ../seeds-react-theme/commonjs/types/theme.js
4357
- var require_theme5 = __commonJS({
4358
- "../seeds-react-theme/commonjs/types/theme.js"(exports) {
4359
- "use strict";
4360
- Object.defineProperty(exports, "__esModule", {
4361
- value: true
4362
- });
4363
- }
4364
- });
4365
-
4366
- // ../seeds-react-theme/commonjs/index.js
4367
- var require_commonjs = __commonJS({
4368
- "../seeds-react-theme/commonjs/index.js"(exports) {
4369
- "use strict";
4370
- Object.defineProperty(exports, "__esModule", {
4371
- value: true
4372
- });
4373
- var _exportNames = {
4374
- theme: true,
4375
- darkTheme: true,
4376
- sproutLightTheme: true,
4377
- sproutDarkTheme: true
4378
- };
4379
- Object.defineProperty(exports, "darkTheme", {
4380
- enumerable: true,
4381
- get: function get() {
4382
- return _theme2.default;
4383
- }
4384
- });
4385
- Object.defineProperty(exports, "sproutDarkTheme", {
4386
- enumerable: true,
4387
- get: function get() {
4388
- return _sproutTheme.sproutDarkTheme;
4389
- }
4390
- });
4391
- Object.defineProperty(exports, "sproutLightTheme", {
4392
- enumerable: true,
4393
- get: function get() {
4394
- return _sproutTheme.sproutLightTheme;
4395
- }
4396
- });
4397
- Object.defineProperty(exports, "theme", {
4398
- enumerable: true,
4399
- get: function get() {
4400
- return _theme.default;
4401
- }
4402
- });
4403
- var _theme = _interopRequireDefault(require_theme());
4404
- var _theme2 = _interopRequireDefault(require_theme2());
4405
- var _sproutTheme = require_sproutTheme();
4406
- var _theme3 = require_theme5();
4407
- Object.keys(_theme3).forEach(function(key) {
4408
- if (key === "default" || key === "__esModule")
4409
- return;
4410
- if (Object.prototype.hasOwnProperty.call(_exportNames, key))
4411
- return;
4412
- if (key in exports && exports[key] === _theme3[key])
4413
- return;
4414
- Object.defineProperty(exports, key, {
4415
- enumerable: true,
4416
- get: function get() {
4417
- return _theme3[key];
4418
- }
4419
- });
4420
- });
4421
- function _interopRequireDefault(obj) {
4422
- return obj && obj.__esModule ? obj : { default: obj };
4423
- }
4424
- }
4425
- });
4426
-
4427
1
  // src/Radio.tsx
4428
2
  import * as React from "react";
4429
3
 
4430
4
  // src/styles.ts
4431
- import styled, { css as css2 } from "styled-components";
5
+ import styled, { css } from "styled-components";
4432
6
  import { COMMON } from "@sproutsocial/seeds-react-system-props";
4433
-
4434
- // ../seeds-react-mixins/dist/index.mjs
4435
- init_polished_esm();
4436
- var import_seeds_react_theme = __toESM(require_commonjs(), 1);
4437
- import { css } from "styled-components";
4438
- var visuallyHidden = css`
4439
- position: absolute;
4440
- width: 1px;
4441
- height: 1px;
4442
- padding: 0;
4443
- margin: -1px;
4444
- overflow: hidden;
4445
- clip: rect(0 0 0 0);
4446
- border: 0;
4447
- `;
4448
- var focusRing = css`
4449
- box-shadow: 0 0 0 1px ${import_seeds_react_theme.theme.colors.button.primary.background.base},
4450
- 0 0px 0px 4px
4451
- ${curriedTransparentize(0.7, import_seeds_react_theme.theme.colors.button.primary.background.base)};
4452
- outline: none;
4453
-
4454
- &::-moz-focus-inner {
4455
- border: 0;
4456
- }
4457
- `;
4458
- var pill = css`
4459
- min-width: ${import_seeds_react_theme.theme.space[600]};
4460
- min-height: ${import_seeds_react_theme.theme.space[600]};
4461
- padding: ${import_seeds_react_theme.theme.space[300]};
4462
- border-radius: ${import_seeds_react_theme.theme.radii.pill};
4463
- `;
4464
- var disabled = css`
4465
- opacity: 0.4;
4466
- pointer-events: none;
4467
- `;
4468
-
4469
- // src/styles.ts
7
+ import { focusRing, disabled } from "@sproutsocial/seeds-react-mixins";
4470
8
  import Text from "@sproutsocial/seeds-react-text";
4471
9
  var Container = styled.span`
4472
10
  display: inline-flex;
@@ -4523,7 +61,7 @@ var InputWrapper = styled.span`
4523
61
  cursor: ${(props) => props.disabled ? "not-allowed" : "pointer"};
4524
62
  }
4525
63
 
4526
- ${(props) => !props.checked && css2`
64
+ ${(props) => !props.checked && css`
4527
65
  &:hover,
4528
66
  &:focus {
4529
67
  ${Input} {
@@ -4538,7 +76,7 @@ var InputWrapper = styled.span`
4538
76
  }
4539
77
  `}
4540
78
 
4541
- ${(props) => props.checked && css2`
79
+ ${(props) => props.checked && css`
4542
80
  ${Input} {
4543
81
  border-color: ${props.theme.colors.form.border.selected};
4544
82
  background-color: ${props.theme.colors.form.background.selected};
@@ -4558,7 +96,7 @@ var LabelText = styled(Text)`
4558
96
  cursor: ${(props) => props.disabled ? "not-allowed" : "pointer"};
4559
97
  color: ${(props) => props.theme.colors.text.headline};
4560
98
 
4561
- ${(props) => props.disabled && css2`
99
+ ${(props) => props.disabled && css`
4562
100
  opacity: 0.4;
4563
101
  `}
4564
102
  `;
@@ -4566,6 +104,7 @@ LabelText.displayName = "LabelText";
4566
104
  var styles_default = Container;
4567
105
 
4568
106
  // src/Radio.tsx
107
+ import { jsx, jsxs } from "react/jsx-runtime";
4569
108
  var Radio = class extends React.Component {
4570
109
  static defaultProps = {
4571
110
  disabled: false
@@ -4604,40 +143,46 @@ var Radio = class extends React.Component {
4604
143
  color,
4605
144
  ...rest
4606
145
  } = this.props;
4607
- return /* @__PURE__ */ React.createElement(
146
+ return /* @__PURE__ */ jsxs(
4608
147
  styles_default,
4609
148
  {
4610
149
  as: label && "label",
4611
150
  color,
4612
- ...rest
4613
- },
4614
- /* @__PURE__ */ React.createElement(InputWrapper, { checked, disabled: disabled2 }, /* @__PURE__ */ React.createElement(
4615
- Input,
4616
- {
4617
- type: "radio",
4618
- id,
4619
- "aria-label": ariaLabel,
4620
- value,
4621
- name,
4622
- checked,
4623
- disabled: disabled2,
4624
- onChange: this.handleChange,
4625
- onFocus: this.handleFocus,
4626
- onBlur: this.handleBlur,
4627
- "data-qa-radio": name || "",
4628
- "data-qa-radio-ischecked": checked === true,
4629
- "data-qa-radio-isdisabled": disabled2 === true,
4630
- ...qa
4631
- }
4632
- )),
4633
- label && /* @__PURE__ */ React.createElement(LabelText, { disabled: disabled2 }, label)
151
+ ...rest,
152
+ children: [
153
+ /* @__PURE__ */ jsx(InputWrapper, { checked, disabled: disabled2, children: /* @__PURE__ */ jsx(
154
+ Input,
155
+ {
156
+ type: "radio",
157
+ id,
158
+ "aria-label": ariaLabel,
159
+ value,
160
+ name,
161
+ checked,
162
+ disabled: disabled2,
163
+ onChange: this.handleChange,
164
+ onFocus: this.handleFocus,
165
+ onBlur: this.handleBlur,
166
+ "data-qa-radio": name || "",
167
+ "data-qa-radio-ischecked": checked === true,
168
+ "data-qa-radio-isdisabled": disabled2 === true,
169
+ ...qa
170
+ }
171
+ ) }),
172
+ label && /* @__PURE__ */ jsx(LabelText, { disabled: disabled2, children: label })
173
+ ]
174
+ }
4634
175
  );
4635
176
  }
4636
177
  };
4637
178
 
179
+ // src/RadioTypes.ts
180
+ import "react";
181
+
4638
182
  // src/index.ts
4639
183
  var src_default = Radio;
4640
184
  export {
4641
185
  Radio,
4642
186
  src_default as default
4643
187
  };
188
+ //# sourceMappingURL=index.js.map