@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.
- package/CHANGELOG.md +5 -0
- package/SplunkThemeProvider.js +18 -31
- package/enterprise/comfortable.js +0 -1
- package/enterprise/compact.js +0 -1
- package/enterprise/dark.js +10 -17
- package/enterprise/index.js +8 -16
- package/enterprise/light.js +24 -31
- package/enterprise/prismaAliases.js +3 -11
- package/getSettingsFromThemedProps.js +4 -8
- package/getTheme.js +13 -26
- package/index.js +1 -13
- package/mixins/index.js +8 -18
- package/mixins/tests/typography.unit.js +39 -85
- package/mixins/tests/utilityMixins.unit.js +2 -10
- package/mixins/typography.js +21 -52
- package/mixins/utilityMixins.js +11 -34
- package/package.json +18 -10
- package/pick.js +7 -18
- package/pickVariant.js +1 -7
- package/prisma/base.js +13 -20
- package/prisma/comfortable.js +0 -1
- package/prisma/compact.js +0 -1
- package/prisma/dark.js +15 -16
- package/prisma/dataViz.js +38 -49
- package/prisma/index.js +8 -16
- package/prisma/light.js +15 -16
- package/storybook-addon-splunk-themes/SplunkThemesTool.js +20 -42
- package/storybook-addon-splunk-themes/ThemedDocsContainer.js +3 -13
- package/storybook-addon-splunk-themes/index.js +0 -4
- package/storybook-addon-splunk-themes/manager.js +1 -7
- package/storybook-addon-splunk-themes/preview.js +4 -8
- package/storybook-addon-splunk-themes/tests/util.unit.js +0 -1
- package/storybook-addon-splunk-themes/themeOptions.js +0 -1
- package/storybook-addon-splunk-themes/themes.js +4 -15
- package/storybook-addon-splunk-themes/util.js +21 -39
- package/storybook-addon-splunk-themes/withSplunkTheme.js +27 -65
- package/useSplunkTheme.js +14 -22
- package/utils.js +25 -35
- package/variables.js +17 -31
- 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(
|
|
9
|
-
|
|
10
|
-
function
|
|
11
|
-
|
|
12
|
-
function
|
|
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
|
|
19
|
-
|
|
20
|
-
function
|
|
21
|
-
|
|
22
|
-
function
|
|
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
|
-
|
|
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
|
|
11
|
-
|
|
12
|
-
function
|
|
13
|
-
|
|
14
|
-
function
|
|
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;
|