@splunk/themes 0.22.0 → 1.0.0-beta.2

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 (85) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/CHANGELOG.v1.md +70 -0
  3. package/SplunkThemeProvider.js +18 -31
  4. package/design-tokens/colors.js +495 -0
  5. package/design-tokens/dataViz.js +486 -0
  6. package/design-tokens/deprecated.js +249 -0
  7. package/design-tokens/elevation.js +44 -0
  8. package/design-tokens/index.js +23 -0
  9. package/design-tokens/spacing-sizing.js +39 -0
  10. package/design-tokens/typography.js +67 -0
  11. package/enterprise/comfortable.js +20 -11
  12. package/enterprise/compact.js +20 -15
  13. package/enterprise/dark.js +188 -53
  14. package/enterprise/dataViz.js +491 -0
  15. package/enterprise/index.js +9 -22
  16. package/enterprise/light.js +316 -271
  17. package/getSettingsFromThemedProps.js +4 -8
  18. package/getTheme.js +13 -26
  19. package/index.js +9 -13
  20. package/mixins/index.js +47 -19
  21. package/mixins/layout.js +42 -0
  22. package/mixins/prose.js +67 -0
  23. package/mixins/tests/prose.unit.js +49 -0
  24. package/mixins/tests/typography.unit.js +54 -103
  25. package/mixins/tests/utilityMixins.unit.js +3 -11
  26. package/mixins/typography.js +154 -188
  27. package/mixins/utilityMixins.js +13 -39
  28. package/package.json +22 -17
  29. package/pick.js +7 -18
  30. package/pickVariant.js +1 -7
  31. package/prisma/base.js +34 -42
  32. package/prisma/comfortable.js +1 -8
  33. package/prisma/compact.js +1 -8
  34. package/prisma/dark.js +90 -33
  35. package/prisma/dataViz.js +71 -87
  36. package/prisma/index.js +8 -16
  37. package/prisma/light.js +91 -34
  38. package/splunk-magnetic/index.js +178 -0
  39. package/splunk-magnetic/magneticTokensDark.js +706 -0
  40. package/splunk-magnetic/magneticTokensLight.js +706 -0
  41. package/storybook-addon-splunk-themes/SplunkThemesTool.js +20 -42
  42. package/storybook-addon-splunk-themes/ThemedDocsContainer.js +3 -13
  43. package/storybook-addon-splunk-themes/index.js +0 -4
  44. package/storybook-addon-splunk-themes/manager.js +1 -7
  45. package/storybook-addon-splunk-themes/preview.js +4 -8
  46. package/storybook-addon-splunk-themes/tests/util.unit.js +0 -1
  47. package/storybook-addon-splunk-themes/themeOptions.js +0 -1
  48. package/storybook-addon-splunk-themes/themes.js +4 -15
  49. package/storybook-addon-splunk-themes/util.js +21 -39
  50. package/storybook-addon-splunk-themes/withSplunkTheme.js +34 -68
  51. package/types/design-tokens/colors.d.ts +875 -0
  52. package/types/design-tokens/dataViz.d.ts +433 -0
  53. package/types/design-tokens/deprecated.d.ts +468 -0
  54. package/types/design-tokens/elevation.d.ts +49 -0
  55. package/types/design-tokens/index.d.ts +541 -0
  56. package/types/design-tokens/spacing-sizing.d.ts +39 -0
  57. package/types/design-tokens/typography.d.ts +79 -0
  58. package/types/enterprise/comfortable.d.ts +11 -17
  59. package/types/enterprise/compact.d.ts +11 -21
  60. package/types/enterprise/dark.d.ts +412 -113
  61. package/types/enterprise/dataViz.d.ts +14 -0
  62. package/types/enterprise/index.d.ts +1 -2
  63. package/types/enterprise/light.d.ts +439 -139
  64. package/types/index.d.ts +1 -0
  65. package/types/mixins/index.d.ts +8 -0
  66. package/types/mixins/layout.d.ts +21 -0
  67. package/types/mixins/prose.d.ts +41 -0
  68. package/types/mixins/tests/prose.unit.d.ts +1 -0
  69. package/types/mixins/typography.d.ts +5 -12
  70. package/types/prisma/base.d.ts +12 -16
  71. package/types/prisma/comfortable.d.ts +2 -17
  72. package/types/prisma/compact.d.ts +2 -17
  73. package/types/prisma/dark.d.ts +60 -9
  74. package/types/prisma/dataViz.d.ts +8 -426
  75. package/types/prisma/light.d.ts +62 -11
  76. package/types/splunk-magnetic/index.d.ts +2941 -0
  77. package/types/splunk-magnetic/magneticTokensDark.d.ts +700 -0
  78. package/types/splunk-magnetic/magneticTokensLight.d.ts +700 -0
  79. package/types/storybook-addon-splunk-themes/SplunkThemesTool.d.ts +1 -1
  80. package/useSplunkTheme.js +14 -22
  81. package/utils.js +25 -35
  82. package/variables.js +17 -31
  83. package/withSplunkTheme.js +26 -36
  84. package/enterprise/prismaAliases.js +0 -103
  85. package/types/enterprise/prismaAliases.d.ts +0 -47
@@ -0,0 +1,486 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
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); }
13
+ /**
14
+ * #### Static colors
15
+ *
16
+ * @categoryColor verbose
17
+ */
18
+ var staticColors = {
19
+ static1: '',
20
+ static2: '',
21
+ static3: '',
22
+ static4: '',
23
+ static5: '',
24
+ static6: '',
25
+ static7: '',
26
+ static8: '',
27
+ static9: '',
28
+ static10: '',
29
+ static11: '',
30
+ static12: '',
31
+ static13: '',
32
+ static14: '',
33
+ static15: '',
34
+ static16: '',
35
+ static17: '',
36
+ static18: '',
37
+ static19: '',
38
+ static20: ''
39
+ };
40
+
41
+ /**
42
+ * #### Categorical 1D
43
+ *
44
+ * @categoryColor verbose
45
+ */
46
+ var categorical1D = {
47
+ categorical1D1: '',
48
+ categorical1D2: '',
49
+ categorical1D3: '',
50
+ categorical1D4: '',
51
+ categorical1D5: '',
52
+ categorical1D6: '',
53
+ categorical1D7: ''
54
+ };
55
+
56
+ /**
57
+ * #### Categorical 1L
58
+ *
59
+ * @categoryColor verbose
60
+ */
61
+ var categorical1L = {
62
+ categorical1L1: '',
63
+ categorical1L2: '',
64
+ categorical1L3: '',
65
+ categorical1L4: '',
66
+ categorical1L5: '',
67
+ categorical1L6: '',
68
+ categorical1L7: ''
69
+ };
70
+
71
+ /**
72
+ * #### Categorical 2D
73
+ *
74
+ * @categoryColor verbose
75
+ */
76
+ var categorical2D = {
77
+ categorical2D1: '',
78
+ categorical2D2: '',
79
+ categorical2D3: '',
80
+ categorical2D4: '',
81
+ categorical2D5: '',
82
+ categorical2D6: '',
83
+ categorical2D7: ''
84
+ };
85
+
86
+ /**
87
+ * #### Categorical 2L
88
+ *
89
+ * @categoryColor verbose
90
+ */
91
+ var categorical2L = {
92
+ categorical2L1: '',
93
+ categorical2L2: '',
94
+ categorical2L3: '',
95
+ categorical2L4: '',
96
+ categorical2L5: '',
97
+ categorical2L6: '',
98
+ categorical2L7: ''
99
+ };
100
+ var categorical = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, categorical1D), categorical1L), categorical2D), categorical2L);
101
+
102
+ /**
103
+ * #### Divergent 1D
104
+ *
105
+ * @categoryColor verbose
106
+ */
107
+ var divergent1D = {
108
+ divergent1D1: '',
109
+ divergent1D2: '',
110
+ divergent1D3: '',
111
+ divergent1D4: '',
112
+ divergent1D5: '',
113
+ divergent1D6: '',
114
+ divergent1D7: ''
115
+ };
116
+
117
+ /**
118
+ * #### Divergent 1L
119
+ *
120
+ * @categoryColor verbose
121
+ */
122
+ var divergent1L = {
123
+ divergent1L1: '',
124
+ divergent1L2: '',
125
+ divergent1L3: '',
126
+ divergent1L4: '',
127
+ divergent1L5: '',
128
+ divergent1L6: '',
129
+ divergent1L7: ''
130
+ };
131
+
132
+ /**
133
+ * #### Divergent 2D
134
+ *
135
+ * @categoryColor verbose
136
+ */
137
+ var divergent2D = {
138
+ divergent2D1: '',
139
+ divergent2D2: '',
140
+ divergent2D3: '',
141
+ divergent2D4: '',
142
+ divergent2D5: '',
143
+ divergent2D6: '',
144
+ divergent2D7: ''
145
+ };
146
+
147
+ /**
148
+ * #### Divergent 2L
149
+ *
150
+ * @categoryColor verbose
151
+ */
152
+ var divergent2L = {
153
+ divergent2L1: '',
154
+ divergent2L2: '',
155
+ divergent2L3: '',
156
+ divergent2L4: '',
157
+ divergent2L5: '',
158
+ divergent2L6: '',
159
+ divergent2L7: ''
160
+ };
161
+
162
+ /**
163
+ * #### Divergent 3D
164
+ *
165
+ * @categoryColor verbose
166
+ */
167
+ var divergent3D = {
168
+ divergent3D1: '',
169
+ divergent3D2: '',
170
+ divergent3D3: '',
171
+ divergent3D4: '',
172
+ divergent3D5: '',
173
+ divergent3D6: '',
174
+ divergent3D7: ''
175
+ };
176
+
177
+ /**
178
+ * #### Divergent 3L
179
+ *
180
+ * @categoryColor verbose
181
+ */
182
+ var divergent3L = {
183
+ divergent3L1: '',
184
+ divergent3L2: '',
185
+ divergent3L3: '',
186
+ divergent3L4: '',
187
+ divergent3L5: '',
188
+ divergent3L6: '',
189
+ divergent3L7: ''
190
+ };
191
+
192
+ /**
193
+ * #### Divergent 4D
194
+ *
195
+ * @categoryColor verbose
196
+ */
197
+ var divergent4D = {
198
+ divergent4D1: '',
199
+ divergent4D2: '',
200
+ divergent4D3: '',
201
+ divergent4D4: '',
202
+ divergent4D5: '',
203
+ divergent4D6: '',
204
+ divergent4D7: ''
205
+ };
206
+
207
+ /**
208
+ * #### Divergent 4L
209
+ *
210
+ * @categoryColor verbose
211
+ */
212
+ var divergent4L = {
213
+ divergent4L1: '',
214
+ divergent4L2: '',
215
+ divergent4L3: '',
216
+ divergent4L4: '',
217
+ divergent4L5: '',
218
+ divergent4L6: '',
219
+ divergent4L7: ''
220
+ };
221
+ var divergent = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, divergent1D), divergent1L), divergent2D), divergent2L), divergent3D), divergent3L), divergent4D), divergent4L);
222
+
223
+ /**
224
+ * #### Sequential 1D
225
+ *
226
+ * @categoryColor verbose
227
+ */
228
+ var sequential1D = {
229
+ sequential1D1: '',
230
+ sequential1D2: '',
231
+ sequential1D3: '',
232
+ sequential1D4: '',
233
+ sequential1D5: '',
234
+ sequential1D6: '',
235
+ sequential1D7: ''
236
+ };
237
+
238
+ /**
239
+ * #### Sequential 1L
240
+ *
241
+ * @categoryColor verbose
242
+ */
243
+ var sequential1L = {
244
+ sequential1L1: '',
245
+ sequential1L2: '',
246
+ sequential1L3: '',
247
+ sequential1L4: '',
248
+ sequential1L5: '',
249
+ sequential1L6: '',
250
+ sequential1L7: ''
251
+ };
252
+
253
+ /**
254
+ * #### Sequential 2D
255
+ *
256
+ * @categoryColor verbose
257
+ */
258
+ var sequential2D = {
259
+ sequential2D1: '',
260
+ sequential2D2: '',
261
+ sequential2D3: '',
262
+ sequential2D4: '',
263
+ sequential2D5: '',
264
+ sequential2D6: '',
265
+ sequential2D7: ''
266
+ };
267
+
268
+ /**
269
+ * #### Sequential 2L
270
+ *
271
+ * @categoryColor verbose
272
+ */
273
+ var sequential2L = {
274
+ sequential2L1: '',
275
+ sequential2L2: '',
276
+ sequential2L3: '',
277
+ sequential2L4: '',
278
+ sequential2L5: '',
279
+ sequential2L6: '',
280
+ sequential2L7: ''
281
+ };
282
+
283
+ /**
284
+ * #### Sequential 3D
285
+ *
286
+ * @categoryColor verbose
287
+ */
288
+ var sequential3D = {
289
+ sequential3D1: '',
290
+ sequential3D2: '',
291
+ sequential3D3: '',
292
+ sequential3D4: '',
293
+ sequential3D5: '',
294
+ sequential3D6: '',
295
+ sequential3D7: ''
296
+ };
297
+
298
+ /**
299
+ * #### Sequential 3L
300
+ *
301
+ * @categoryColor verbose
302
+ */
303
+ var sequential3L = {
304
+ sequential3L1: '',
305
+ sequential3L2: '',
306
+ sequential3L3: '',
307
+ sequential3L4: '',
308
+ sequential3L5: '',
309
+ sequential3L6: '',
310
+ sequential3L7: ''
311
+ };
312
+
313
+ /**
314
+ * #### Sequential 4D
315
+ *
316
+ * @categoryColor verbose
317
+ */
318
+ var sequential4D = {
319
+ sequential4D1: '',
320
+ sequential4D2: '',
321
+ sequential4D3: '',
322
+ sequential4D4: '',
323
+ sequential4D5: '',
324
+ sequential4D6: '',
325
+ sequential4D7: ''
326
+ };
327
+
328
+ /**
329
+ * #### Sequential 4L
330
+ *
331
+ * @categoryColor verbose
332
+ */
333
+ var sequential4L = {
334
+ sequential4L1: '',
335
+ sequential4L2: '',
336
+ sequential4L3: '',
337
+ sequential4L4: '',
338
+ sequential4L5: '',
339
+ sequential4L6: '',
340
+ sequential4L7: ''
341
+ };
342
+
343
+ /**
344
+ * #### Sequential 5D
345
+ *
346
+ * @categoryColor verbose
347
+ */
348
+ var sequential5D = {
349
+ sequential5D1: '',
350
+ sequential5D2: '',
351
+ sequential5D3: '',
352
+ sequential5D4: '',
353
+ sequential5D5: '',
354
+ sequential5D6: '',
355
+ sequential5D7: ''
356
+ };
357
+
358
+ /**
359
+ * #### Sequential 5L
360
+ *
361
+ * @categoryColor verbose
362
+ */
363
+ var sequential5L = {
364
+ sequential5L1: '',
365
+ sequential5L2: '',
366
+ sequential5L3: '',
367
+ sequential5L4: '',
368
+ sequential5L5: '',
369
+ sequential5L6: '',
370
+ sequential5L7: ''
371
+ };
372
+
373
+ /**
374
+ * #### Sequential 6D
375
+ *
376
+ * @categoryColor verbose
377
+ */
378
+ var sequential6D = {
379
+ sequential6D1: '',
380
+ sequential6D2: '',
381
+ sequential6D3: '',
382
+ sequential6D4: '',
383
+ sequential6D5: '',
384
+ sequential6D6: '',
385
+ sequential6D7: ''
386
+ };
387
+
388
+ /**
389
+ * #### Sequential 6L
390
+ *
391
+ * @categoryColor verbose
392
+ */
393
+ var sequential6L = {
394
+ sequential6L1: '',
395
+ sequential6L2: '',
396
+ sequential6L3: '',
397
+ sequential6L4: '',
398
+ sequential6L5: '',
399
+ sequential6L6: '',
400
+ sequential6L7: ''
401
+ };
402
+ 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);
403
+
404
+ /**
405
+ * #### High low 1D
406
+ *
407
+ * @categoryColor verbose
408
+ */
409
+ var highLow1D = {
410
+ highLow1DHigh: '',
411
+ highLow1DLow: ''
412
+ };
413
+
414
+ /**
415
+ * #### High low 1L
416
+ *
417
+ * @categoryColor verbose
418
+ */
419
+ var highLow1L = {
420
+ highLow1LHigh: '',
421
+ highLow1LLow: ''
422
+ };
423
+
424
+ /**
425
+ * #### High low 2D
426
+ *
427
+ * @categoryColor verbose
428
+ */
429
+ var highLow2D = {
430
+ highLow2DHigh: '',
431
+ highLow2DLow: ''
432
+ };
433
+
434
+ /**
435
+ * #### High low 2L
436
+ *
437
+ * @categoryColor verbose
438
+ */
439
+ var highLow2L = {
440
+ highLow2LHigh: '',
441
+ highLow2LLow: ''
442
+ };
443
+
444
+ /**
445
+ * #### High low 3D
446
+ *
447
+ * @categoryColor verbose
448
+ */
449
+ var highLow3D = {
450
+ highLow3DHigh: '',
451
+ highLow3DLow: ''
452
+ };
453
+
454
+ /**
455
+ * #### High low 3L
456
+ *
457
+ * @categoryColor verbose
458
+ */
459
+ var highLow3L = {
460
+ highLow3LHigh: '',
461
+ highLow3LLow: ''
462
+ };
463
+
464
+ /**
465
+ * #### High low 4D
466
+ *
467
+ * @categoryColor verbose
468
+ */
469
+ var highLow4D = {
470
+ highLow4DHigh: '',
471
+ highLow4DLow: ''
472
+ };
473
+
474
+ /**
475
+ * #### High low 4L
476
+ *
477
+ * @categoryColor verbose
478
+ */
479
+ var highLow4L = {
480
+ highLow4LHigh: '',
481
+ highLow4LLow: ''
482
+ };
483
+ var highLow = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, highLow1D), highLow1L), highLow2D), highLow2L), highLow3D), highLow3L), highLow4D), highLow4L);
484
+ var dataViz = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, staticColors), categorical), divergent), sequential), highLow);
485
+ var _default = dataViz;
486
+ exports["default"] = _default;