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