@splunk/themes 0.22.0 → 0.23.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/CHANGELOG.md +5 -0
  2. package/SplunkThemeProvider.js +18 -31
  3. package/enterprise/comfortable.js +0 -1
  4. package/enterprise/compact.js +0 -1
  5. package/enterprise/dark.js +10 -17
  6. package/enterprise/index.js +8 -16
  7. package/enterprise/light.js +24 -31
  8. package/enterprise/prismaAliases.js +3 -11
  9. package/getSettingsFromThemedProps.js +4 -8
  10. package/getTheme.js +13 -26
  11. package/index.js +1 -13
  12. package/mixins/index.js +8 -18
  13. package/mixins/tests/typography.unit.js +39 -85
  14. package/mixins/tests/utilityMixins.unit.js +2 -10
  15. package/mixins/typography.js +21 -52
  16. package/mixins/utilityMixins.js +11 -34
  17. package/package.json +18 -10
  18. package/pick.js +7 -18
  19. package/pickVariant.js +1 -7
  20. package/prisma/base.js +13 -20
  21. package/prisma/comfortable.js +0 -1
  22. package/prisma/compact.js +0 -1
  23. package/prisma/dark.js +15 -16
  24. package/prisma/dataViz.js +38 -49
  25. package/prisma/index.js +8 -16
  26. package/prisma/light.js +15 -16
  27. package/storybook-addon-splunk-themes/SplunkThemesTool.js +20 -42
  28. package/storybook-addon-splunk-themes/ThemedDocsContainer.js +3 -13
  29. package/storybook-addon-splunk-themes/index.js +0 -4
  30. package/storybook-addon-splunk-themes/manager.js +1 -7
  31. package/storybook-addon-splunk-themes/preview.js +4 -8
  32. package/storybook-addon-splunk-themes/tests/util.unit.js +0 -1
  33. package/storybook-addon-splunk-themes/themeOptions.js +0 -1
  34. package/storybook-addon-splunk-themes/themes.js +4 -15
  35. package/storybook-addon-splunk-themes/util.js +21 -39
  36. package/storybook-addon-splunk-themes/withSplunkTheme.js +27 -65
  37. package/useSplunkTheme.js +14 -22
  38. package/utils.js +25 -35
  39. package/variables.js +17 -31
  40. package/withSplunkTheme.js +26 -36
package/prisma/dataViz.js CHANGED
@@ -4,13 +4,12 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = exports.highLow = exports.sequential = exports.divergent = exports.categorical = exports.staticColors = void 0;
7
-
8
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
9
-
10
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
11
-
12
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
13
-
7
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
8
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
9
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
10
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
11
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
12
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
14
13
  /**
15
14
  * ## Data viz
16
15
  *
@@ -43,12 +42,12 @@ var staticColors = {
43
42
  static19: '#FF969E',
44
43
  static20: '#E47BFE'
45
44
  };
45
+
46
46
  /**
47
47
  * ### Categorical 1D
48
48
  *
49
49
  * @colorSet verbose
50
50
  */
51
-
52
51
  exports.staticColors = staticColors;
53
52
  var categorical1D = {
54
53
  categorical1D1: '#5C33FF',
@@ -59,12 +58,12 @@ var categorical1D = {
59
58
  categorical1D6: '#2F8811',
60
59
  categorical1D7: '#555555'
61
60
  };
61
+
62
62
  /**
63
63
  * ### Categorical 1L
64
64
  *
65
65
  * @colorSet verbose
66
66
  */
67
-
68
67
  var categorical1L = {
69
68
  categorical1L1: '#9980FF',
70
69
  categorical1L2: '#45D4BA',
@@ -74,12 +73,12 @@ var categorical1L = {
74
73
  categorical1L6: '#88EE66',
75
74
  categorical1L7: '#F0B000'
76
75
  };
76
+
77
77
  /**
78
78
  * ### Categorical 2D
79
79
  *
80
80
  * @colorSet verbose
81
81
  */
82
-
83
82
  var categorical2D = {
84
83
  categorical2D1: '#1F4D5B',
85
84
  categorical2D2: '#CC0AD6',
@@ -89,12 +88,12 @@ var categorical2D = {
89
88
  categorical2D6: '#348350',
90
89
  categorical2D7: '#555555'
91
90
  };
91
+
92
92
  /**
93
93
  * ### Categorical 2L
94
94
  *
95
95
  * @colorSet verbose
96
96
  */
97
-
98
97
  var categorical2L = {
99
98
  categorical2L1: '#5599BE',
100
99
  categorical2L2: '#FB9DFB',
@@ -104,15 +103,13 @@ var categorical2L = {
104
103
  categorical2L6: '#5FBF7F',
105
104
  categorical2L7: '#F58B00'
106
105
  };
107
-
108
106
  var categorical = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, categorical1D), categorical1L), categorical2D), categorical2L);
107
+
109
108
  /**
110
109
  * ### Divergent 1D
111
110
  *
112
111
  * @colorSet verbose
113
112
  */
114
-
115
-
116
113
  exports.categorical = categorical;
117
114
  var divergent1D = {
118
115
  divergent1D1: '#118832',
@@ -123,12 +120,12 @@ var divergent1D = {
123
120
  divergent1D6: '#9E2520',
124
121
  divergent1D7: '#D41F1F'
125
122
  };
123
+
126
124
  /**
127
125
  * ### Divergent 1L
128
126
  *
129
127
  * @colorSet verbose
130
128
  */
131
-
132
129
  var divergent1L = {
133
130
  divergent1L1: '#08AE37',
134
131
  divergent1L2: '#55C169',
@@ -138,12 +135,12 @@ var divergent1L = {
138
135
  divergent1L6: '#F98C83',
139
136
  divergent1L7: '#FF5E5E'
140
137
  };
138
+
141
139
  /**
142
140
  * ### Divergent 2D
143
141
  *
144
142
  * @colorSet verbose
145
143
  */
146
-
147
144
  var divergent2D = {
148
145
  divergent2D1: '#0070F3',
149
146
  divergent2D2: '#115BAD',
@@ -153,12 +150,12 @@ var divergent2D = {
153
150
  divergent2D6: '#9E2520',
154
151
  divergent2D7: '#D41F1F'
155
152
  };
153
+
156
154
  /**
157
155
  * ### Divergent 2L
158
156
  *
159
157
  * @colorSet verbose
160
158
  */
161
-
162
159
  var divergent2L = {
163
160
  divergent2L1: '#2A99FF',
164
161
  divergent2L2: '#6BB3EE',
@@ -168,12 +165,12 @@ var divergent2L = {
168
165
  divergent2L6: '#F98C83',
169
166
  divergent2L7: '#FF5E5E'
170
167
  };
168
+
171
169
  /**
172
170
  * ### Divergent 3D
173
171
  *
174
172
  * @colorSet verbose
175
173
  */
176
-
177
174
  var divergent3D = {
178
175
  divergent3D1: '#299986',
179
176
  divergent3D2: '#277C52',
@@ -183,12 +180,12 @@ var divergent3D = {
183
180
  divergent3D6: '#602CA1',
184
181
  divergent3D7: '#8747DA'
185
182
  };
183
+
186
184
  /**
187
185
  * ### Divergent 3L
188
186
  *
189
187
  * @colorSet verbose
190
188
  */
191
-
192
189
  var divergent3L = {
193
190
  divergent3L1: '#14846C',
194
191
  divergent3L2: '#45D4BA',
@@ -198,12 +195,12 @@ var divergent3L = {
198
195
  divergent3L6: '#C093F9',
199
196
  divergent3L7: '#9156DD'
200
197
  };
198
+
201
199
  /**
202
200
  * ### Divergent 4D
203
201
  *
204
202
  * @colorSet verbose
205
203
  */
206
-
207
204
  var divergent4D = {
208
205
  divergent4D1: '#0D8387',
209
206
  divergent4D2: '#1A6765',
@@ -213,12 +210,12 @@ var divergent4D = {
213
210
  divergent4D6: '#9F3B23',
214
211
  divergent4D7: '#D54124'
215
212
  };
213
+
216
214
  /**
217
215
  * ### Divergent 4L
218
216
  *
219
217
  * @colorSet verbose
220
218
  */
221
-
222
219
  var divergent4L = {
223
220
  divergent4L1: '#008287',
224
221
  divergent4L2: '#2EA39B',
@@ -228,15 +225,13 @@ var divergent4L = {
228
225
  divergent4L6: '#E3723A',
229
226
  divergent4L7: '#DA4325'
230
227
  };
231
-
232
228
  var divergent = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, divergent1D), divergent1L), divergent2D), divergent2L), divergent3D), divergent3L), divergent4D), divergent4L);
229
+
233
230
  /**
234
231
  * ### Sequential 1D
235
232
  *
236
233
  * @colorSet verbose
237
234
  */
238
-
239
-
240
235
  exports.divergent = divergent;
241
236
  var sequential1D = {
242
237
  sequential1D1: '#118832',
@@ -247,12 +242,12 @@ var sequential1D = {
247
242
  sequential1D6: '#D94E17',
248
243
  sequential1D7: '#D41F1F'
249
244
  };
245
+
250
246
  /**
251
247
  * ### Sequential 1L
252
248
  *
253
249
  * @colorSet verbose
254
250
  */
255
-
256
251
  var sequential1L = {
257
252
  sequential1L1: '#088F44',
258
253
  sequential1L2: '#2EB82E',
@@ -262,12 +257,12 @@ var sequential1L = {
262
257
  sequential1L6: '#FF7149',
263
258
  sequential1L7: '#FE3A3A'
264
259
  };
260
+
265
261
  /**
266
262
  * ### Sequential 2D
267
263
  *
268
264
  * @colorSet verbose
269
265
  */
270
-
271
266
  var sequential2D = {
272
267
  sequential2D1: '#333022',
273
268
  sequential2D2: '#3D2830',
@@ -277,12 +272,12 @@ var sequential2D = {
277
272
  sequential2D6: '#A0409F',
278
273
  sequential2D7: '#B846BB'
279
274
  };
275
+
280
276
  /**
281
277
  * ### Sequential 2L
282
278
  *
283
279
  * @colorSet verbose
284
280
  */
285
-
286
281
  var sequential2L = {
287
282
  sequential2L1: '#EEE8CE',
288
283
  sequential2L2: '#E8C7CE',
@@ -292,12 +287,12 @@ var sequential2L = {
292
287
  sequential2L6: '#CE44CC',
293
288
  sequential2L7: '#C723CC'
294
289
  };
290
+
295
291
  /**
296
292
  * ### Sequential 3D
297
293
  *
298
294
  * @colorSet verbose
299
295
  */
300
-
301
296
  var sequential3D = {
302
297
  sequential3D1: '#333022',
303
298
  sequential3D2: '#253223',
@@ -307,12 +302,12 @@ var sequential3D = {
307
302
  sequential3D6: '#237561',
308
303
  sequential3D7: '#238570'
309
304
  };
305
+
310
306
  /**
311
307
  * ### Sequential 3L
312
308
  *
313
309
  * @colorSet verbose
314
310
  */
315
-
316
311
  var sequential3L = {
317
312
  sequential3L1: '#EEE8CE',
318
313
  sequential3L2: '#B6ECD4',
@@ -322,12 +317,12 @@ var sequential3L = {
322
317
  sequential3L6: '#249F86',
323
318
  sequential3L7: '#14846C'
324
319
  };
320
+
325
321
  /**
326
322
  * ### Sequential 4D
327
323
  *
328
324
  * @colorSet verbose
329
325
  */
330
-
331
326
  var sequential4D = {
332
327
  sequential4D1: '#333022',
333
328
  sequential4D2: '#442519',
@@ -337,12 +332,12 @@ var sequential4D = {
337
332
  sequential4D6: '#BD3737',
338
333
  sequential4D7: '#DA3B30'
339
334
  };
335
+
340
336
  /**
341
337
  * ### Sequential 4L
342
338
  *
343
339
  * @colorSet verbose
344
340
  */
345
-
346
341
  var sequential4L = {
347
342
  sequential4L1: '#EEE8CE',
348
343
  sequential4L2: '#F5CEBF',
@@ -352,12 +347,12 @@ var sequential4L = {
352
347
  sequential4L6: '#DF564D',
353
348
  sequential4L7: '#DD2E2E'
354
349
  };
350
+
355
351
  /**
356
352
  * ### Sequential 5D
357
353
  *
358
354
  * @colorSet verbose
359
355
  */
360
-
361
356
  var sequential5D = {
362
357
  sequential5D1: '#2E2E55',
363
358
  sequential5D2: '#4B1773',
@@ -367,12 +362,12 @@ var sequential5D = {
367
362
  sequential5D6: '#D97A0D',
368
363
  sequential5D7: '#CBA700'
369
364
  };
365
+
370
366
  /**
371
367
  * ### Sequential 5L
372
368
  *
373
369
  * @colorSet verbose
374
370
  */
375
-
376
371
  var sequential5L = {
377
372
  sequential5L1: '#EEE8CE',
378
373
  sequential5L2: '#F2DD88',
@@ -382,12 +377,12 @@ var sequential5L = {
382
377
  sequential5L6: '#EE4477',
383
378
  sequential5L7: '#DD22BB'
384
379
  };
380
+
385
381
  /**
386
382
  * ### Sequential 6D
387
383
  *
388
384
  * @colorSet verbose
389
385
  */
390
-
391
386
  var sequential6D = {
392
387
  sequential6D1: '#1C3355',
393
388
  sequential6D2: '#005580',
@@ -397,12 +392,12 @@ var sequential6D = {
397
392
  sequential6D6: '#9D9F0D',
398
393
  sequential6D7: '#CBA700'
399
394
  };
395
+
400
396
  /**
401
397
  * ### Sequential 6L
402
398
  *
403
399
  * @colorSet verbose
404
400
  */
405
-
406
401
  var sequential6L = {
407
402
  sequential6L1: '#EEE8CE',
408
403
  sequential6L2: '#E7E755',
@@ -412,96 +407,90 @@ var sequential6L = {
412
407
  sequential6L6: '#1182F3',
413
408
  sequential6L7: '#6666DD'
414
409
  };
415
-
416
410
  var sequential = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, sequential1D), sequential1L), sequential2D), sequential2L), sequential3D), sequential3L), sequential4D), sequential4L), sequential5D), sequential5L), sequential6D), sequential6L);
411
+
417
412
  /**
418
413
  * ### High low 1D
419
414
  *
420
415
  * @colorSet verbose
421
416
  */
422
-
423
-
424
417
  exports.sequential = sequential;
425
418
  var highLow1D = {
426
419
  highLow1DHigh: '#1C6B2D',
427
420
  highLow1DLow: '#9E2520'
428
421
  };
422
+
429
423
  /**
430
424
  * ### High low 1L
431
425
  *
432
426
  * @colorSet verbose
433
427
  */
434
-
435
428
  var highLow1L = {
436
429
  highLow1LHigh: '#55C169',
437
430
  highLow1LLow: '#F98C83'
438
431
  };
432
+
439
433
  /**
440
434
  * ### High low 2D
441
435
  *
442
436
  * @colorSet verbose
443
437
  */
444
-
445
438
  var highLow2D = {
446
439
  highLow2DHigh: '#115BAD',
447
440
  highLow2DLow: '#9E2520'
448
441
  };
442
+
449
443
  /**
450
444
  * ### High low 2L
451
445
  *
452
446
  * @colorSet verbose
453
447
  */
454
-
455
448
  var highLow2L = {
456
449
  highLow2LHigh: '#6BB3EE',
457
450
  highLow2LLow: '#F98C83'
458
451
  };
452
+
459
453
  /**
460
454
  * ### High low 3D
461
455
  *
462
456
  * @colorSet verbose
463
457
  */
464
-
465
458
  var highLow3D = {
466
459
  highLow3DHigh: '#277C52',
467
460
  highLow3DLow: '#602CA1'
468
461
  };
462
+
469
463
  /**
470
464
  * ### High low 3L
471
465
  *
472
466
  * @colorSet verbose
473
467
  */
474
-
475
468
  var highLow3L = {
476
469
  highLow3LHigh: '#45D4BA',
477
470
  highLow3LLow: '#C093F9'
478
471
  };
472
+
479
473
  /**
480
474
  * ### High low 4D
481
475
  *
482
476
  * @colorSet verbose
483
477
  */
484
-
485
478
  var highLow4D = {
486
479
  highLow4DHigh: '#1A6765',
487
480
  highLow4DLow: '#9F3B23'
488
481
  };
482
+
489
483
  /**
490
484
  * ### High low 4L
491
485
  *
492
486
  * @colorSet verbose
493
487
  */
494
-
495
488
  var highLow4L = {
496
489
  highLow4LHigh: '#2EA39B',
497
490
  highLow4LLow: '#E3723A'
498
491
  };
499
-
500
492
  var highLow = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, highLow1D), highLow1L), highLow2D), highLow2L), highLow3D), highLow3L), highLow4D), highLow4L);
501
-
502
493
  exports.highLow = highLow;
503
-
504
494
  var dataViz = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, staticColors), categorical), divergent), sequential), highLow);
505
-
506
495
  var _default = dataViz;
507
496
  exports["default"] = _default;
package/prisma/index.js CHANGED
@@ -4,28 +4,21 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = void 0;
7
-
8
7
  var _light = _interopRequireDefault(require("./light"));
9
-
10
8
  var _dark = _interopRequireDefault(require("./dark"));
11
-
12
9
  var _compact = _interopRequireDefault(require("./compact"));
13
-
14
10
  var _comfortable = _interopRequireDefault(require("./comfortable"));
15
-
16
11
  var _base = _interopRequireDefault(require("./base"));
17
-
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
19
-
20
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
21
-
22
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
23
-
24
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
25
-
12
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
13
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
14
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
15
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
16
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
17
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
18
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
26
19
  function createPrismaTheme(_ref) {
27
20
  var colorScheme = _ref.colorScheme,
28
- density = _ref.density;
21
+ density = _ref.density;
29
22
  var colorSchemeVars = {
30
23
  light: _light["default"],
31
24
  dark: _dark["default"]
@@ -39,6 +32,5 @@ function createPrismaTheme(_ref) {
39
32
  });
40
33
  return _objectSpread(_objectSpread(_objectSpread({}, prismaBase), colorSchemeVars), densityVars);
41
34
  }
42
-
43
35
  var _default = createPrismaTheme;
44
36
  exports["default"] = _default;
package/prisma/light.js CHANGED
@@ -4,23 +4,21 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = void 0;
7
-
8
7
  var _tinycolor = _interopRequireDefault(require("tinycolor2"));
9
-
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
-
12
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
13
-
14
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
15
-
16
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
17
-
8
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
9
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
10
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
11
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
12
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
13
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
14
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
18
15
  /**
19
16
  * ## Background colors
20
17
  * Background colors should be used only for backgrounds of higher level sections & containers of a UI.
21
18
  *
22
19
  * @colorSet verbose
23
20
  */
21
+
24
22
  var backgroundColors = {
25
23
  backgroundColorPopup: '#ffffff',
26
24
  backgroundColorSection: '#ffffff',
@@ -31,6 +29,7 @@ var backgroundColors = {
31
29
  backgroundColorDialog: '#ffffff',
32
30
  backgroundColorScrim: 'rgba(255, 255, 255, 0.75)'
33
31
  };
32
+
34
33
  /**
35
34
  * ## Content colors
36
35
  * Content colors should be used for text, icons and dividers.
@@ -45,6 +44,7 @@ var contentColors = {
45
44
  contentColorInverted: '#ffffff',
46
45
  contentColorMuted: '#6b6b6b'
47
46
  };
47
+
48
48
  /**
49
49
  * ## Interactive colors
50
50
  * Interactive colors are specifically chosen for borders and backgrounds of controls and other interactive content.
@@ -67,6 +67,7 @@ var interactiveColors = {
67
67
  interactiveColorBackground: '#eeeeee',
68
68
  interactiveColorBackgroundDisabled: 'rgba(0, 0, 0, 0.1)'
69
69
  };
70
+
70
71
  /**
71
72
  * ## Neutral colors
72
73
  * Neutrals are used for dividers and as backup colors that can sparingly be used for cases, when the other defined colors are not enough.
@@ -83,13 +84,13 @@ var neutralColors = {
83
84
  neutral500: '#b8b8b8',
84
85
  black: '#000000'
85
86
  };
87
+
86
88
  /**
87
89
  * ## Status colors
88
90
  * Status colors are reserved for communicating urgency and severity associated with data objects and to categorize the visual communication of system responses.
89
91
  *
90
92
  * @colorSet verbose
91
93
  */
92
-
93
94
  var statusColors = {
94
95
  statusColorInfo: '#006be5',
95
96
  statusColorInfoWeak: (0, _tinycolor["default"])('#006be5').lighten(10).toHexString(),
@@ -110,39 +111,39 @@ var statusColors = {
110
111
  statusColorCriticalWeak: (0, _tinycolor["default"])('#9e1534').lighten(10).toHexString(),
111
112
  statusColorCriticalStrong: (0, _tinycolor["default"])('#9e1534').darken(10).toHexString()
112
113
  };
114
+
113
115
  /**
114
116
  * ## Accent colors
115
117
  * Accent colors aid and categorize the visual communication of the system response.
116
118
  *
117
119
  * @colorSet verbose
118
120
  */
119
-
120
121
  var accentColors = {
121
122
  accentColorPositive: statusColors.statusColorNormal,
122
123
  accentColorWarning: statusColors.statusColorMedium,
123
124
  accentColorAlert: '#c6400d',
124
125
  accentColorNegative: statusColors.statusColorHigh
125
126
  };
127
+
126
128
  /**
127
129
  * ## Elevation shadows
128
130
  *
129
131
  * @shadowSet
130
132
  *
131
133
  */
132
-
133
134
  var elevationShadows = {
134
135
  embossShadow: ' 0px 1px 5px rgba(0, 0, 0, 0.07), 0px 0px 1px rgba(0, 0, 0, 0.07)',
135
136
  overlayShadow: '0px 26px 103px rgba(0, 0, 0, 0.13), 0px 11px 18px rgba(0, 0, 0, 0.06), 0px 3px 6px rgba(0, 0, 0, 0.06)',
136
137
  dragShadow: '0px 26px 103px rgba(0, 0, 0, 0.13), 0px 11px 18px rgba(0, 0, 0, 0.06), 0px 3px 6px rgba(0, 0, 0, 0.06)',
137
138
  modalShadow: '0px 50px 200px rgba(0, 0, 0, 0.3), 0px 29px 66px rgba(0, 0, 0, 0.08), 0px 29px 47px rgba(0, 0, 0, 0.08), 0px 5px 10px rgba(0, 0, 0, 0.03)'
138
139
  };
140
+
139
141
  /**
140
142
  * ## Syntax colors
141
143
  * Syntax colors are used only for code blocks.
142
144
  *
143
145
  * @colorSet verbose alphabetical
144
146
  */
145
-
146
147
  var syntaxColors = {
147
148
  syntaxBlue: '#0f7594',
148
149
  syntaxBrown: '#9f6404',
@@ -154,8 +155,6 @@ var syntaxColors = {
154
155
  syntaxRed: '#db1e47',
155
156
  syntaxTeal: '#1d7c6b'
156
157
  };
157
-
158
158
  var theme = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, accentColors), statusColors), elevationShadows), backgroundColors), contentColors), neutralColors), interactiveColors), syntaxColors);
159
-
160
159
  var _default = theme;
161
160
  exports["default"] = _default;