@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,433 @@
1
+ /**
2
+ * #### Static colors
3
+ *
4
+ * @categoryColor verbose
5
+ */
6
+ declare const staticColors: {
7
+ static1: string;
8
+ static2: string;
9
+ static3: string;
10
+ static4: string;
11
+ static5: string;
12
+ static6: string;
13
+ static7: string;
14
+ static8: string;
15
+ static9: string;
16
+ static10: string;
17
+ static11: string;
18
+ static12: string;
19
+ static13: string;
20
+ static14: string;
21
+ static15: string;
22
+ static16: string;
23
+ static17: string;
24
+ static18: string;
25
+ static19: string;
26
+ static20: string;
27
+ };
28
+ declare const categorical: {
29
+ categorical2L1: string;
30
+ categorical2L2: string;
31
+ categorical2L3: string;
32
+ categorical2L4: string;
33
+ categorical2L5: string;
34
+ categorical2L6: string;
35
+ categorical2L7: string;
36
+ categorical2D1: string;
37
+ categorical2D2: string;
38
+ categorical2D3: string;
39
+ categorical2D4: string;
40
+ categorical2D5: string;
41
+ categorical2D6: string;
42
+ categorical2D7: string;
43
+ categorical1L1: string;
44
+ categorical1L2: string;
45
+ categorical1L3: string;
46
+ categorical1L4: string;
47
+ categorical1L5: string;
48
+ categorical1L6: string;
49
+ categorical1L7: string;
50
+ categorical1D1: string;
51
+ categorical1D2: string;
52
+ categorical1D3: string;
53
+ categorical1D4: string;
54
+ categorical1D5: string;
55
+ categorical1D6: string;
56
+ categorical1D7: string;
57
+ };
58
+ declare const divergent: {
59
+ divergent4L1: string;
60
+ divergent4L2: string;
61
+ divergent4L3: string;
62
+ divergent4L4: string;
63
+ divergent4L5: string;
64
+ divergent4L6: string;
65
+ divergent4L7: string;
66
+ divergent4D1: string;
67
+ divergent4D2: string;
68
+ divergent4D3: string;
69
+ divergent4D4: string;
70
+ divergent4D5: string;
71
+ divergent4D6: string;
72
+ divergent4D7: string;
73
+ divergent3L1: string;
74
+ divergent3L2: string;
75
+ divergent3L3: string;
76
+ divergent3L4: string;
77
+ divergent3L5: string;
78
+ divergent3L6: string;
79
+ divergent3L7: string;
80
+ divergent3D1: string;
81
+ divergent3D2: string;
82
+ divergent3D3: string;
83
+ divergent3D4: string;
84
+ divergent3D5: string;
85
+ divergent3D6: string;
86
+ divergent3D7: string;
87
+ divergent2L1: string;
88
+ divergent2L2: string;
89
+ divergent2L3: string;
90
+ divergent2L4: string;
91
+ divergent2L5: string;
92
+ divergent2L6: string;
93
+ divergent2L7: string;
94
+ divergent2D1: string;
95
+ divergent2D2: string;
96
+ divergent2D3: string;
97
+ divergent2D4: string;
98
+ divergent2D5: string;
99
+ divergent2D6: string;
100
+ divergent2D7: string;
101
+ divergent1L1: string;
102
+ divergent1L2: string;
103
+ divergent1L3: string;
104
+ divergent1L4: string;
105
+ divergent1L5: string;
106
+ divergent1L6: string;
107
+ divergent1L7: string;
108
+ divergent1D1: string;
109
+ divergent1D2: string;
110
+ divergent1D3: string;
111
+ divergent1D4: string;
112
+ divergent1D5: string;
113
+ divergent1D6: string;
114
+ divergent1D7: string;
115
+ };
116
+ declare const sequential: {
117
+ sequential6L1: string;
118
+ sequential6L2: string;
119
+ sequential6L3: string;
120
+ sequential6L4: string;
121
+ sequential6L5: string;
122
+ sequential6L6: string;
123
+ sequential6L7: string;
124
+ sequential6D1: string;
125
+ sequential6D2: string;
126
+ sequential6D3: string;
127
+ sequential6D4: string;
128
+ sequential6D5: string;
129
+ sequential6D6: string;
130
+ sequential6D7: string;
131
+ sequential5L1: string;
132
+ sequential5L2: string;
133
+ sequential5L3: string;
134
+ sequential5L4: string;
135
+ sequential5L5: string;
136
+ sequential5L6: string;
137
+ sequential5L7: string;
138
+ sequential5D1: string;
139
+ sequential5D2: string;
140
+ sequential5D3: string;
141
+ sequential5D4: string;
142
+ sequential5D5: string;
143
+ sequential5D6: string;
144
+ sequential5D7: string;
145
+ sequential4L1: string;
146
+ sequential4L2: string;
147
+ sequential4L3: string;
148
+ sequential4L4: string;
149
+ sequential4L5: string;
150
+ sequential4L6: string;
151
+ sequential4L7: string;
152
+ sequential4D1: string;
153
+ sequential4D2: string;
154
+ sequential4D3: string;
155
+ sequential4D4: string;
156
+ sequential4D5: string;
157
+ sequential4D6: string;
158
+ sequential4D7: string;
159
+ sequential3L1: string;
160
+ sequential3L2: string;
161
+ sequential3L3: string;
162
+ sequential3L4: string;
163
+ sequential3L5: string;
164
+ sequential3L6: string;
165
+ sequential3L7: string;
166
+ sequential3D1: string;
167
+ sequential3D2: string;
168
+ sequential3D3: string;
169
+ sequential3D4: string;
170
+ sequential3D5: string;
171
+ sequential3D6: string;
172
+ sequential3D7: string;
173
+ sequential2L1: string;
174
+ sequential2L2: string;
175
+ sequential2L3: string;
176
+ sequential2L4: string;
177
+ sequential2L5: string;
178
+ sequential2L6: string;
179
+ sequential2L7: string;
180
+ sequential2D1: string;
181
+ sequential2D2: string;
182
+ sequential2D3: string;
183
+ sequential2D4: string;
184
+ sequential2D5: string;
185
+ sequential2D6: string;
186
+ sequential2D7: string;
187
+ sequential1L1: string;
188
+ sequential1L2: string;
189
+ sequential1L3: string;
190
+ sequential1L4: string;
191
+ sequential1L5: string;
192
+ sequential1L6: string;
193
+ sequential1L7: string;
194
+ sequential1D1: string;
195
+ sequential1D2: string;
196
+ sequential1D3: string;
197
+ sequential1D4: string;
198
+ sequential1D5: string;
199
+ sequential1D6: string;
200
+ sequential1D7: string;
201
+ };
202
+ declare const highLow: {
203
+ highLow4LHigh: string;
204
+ highLow4LLow: string;
205
+ highLow4DHigh: string;
206
+ highLow4DLow: string;
207
+ highLow3LHigh: string;
208
+ highLow3LLow: string;
209
+ highLow3DHigh: string;
210
+ highLow3DLow: string;
211
+ highLow2LHigh: string;
212
+ highLow2LLow: string;
213
+ highLow2DHigh: string;
214
+ highLow2DLow: string;
215
+ highLow1LHigh: string;
216
+ highLow1LLow: string;
217
+ highLow1DHigh: string;
218
+ highLow1DLow: string;
219
+ };
220
+ declare const dataViz: {
221
+ highLow4LHigh: string;
222
+ highLow4LLow: string;
223
+ highLow4DHigh: string;
224
+ highLow4DLow: string;
225
+ highLow3LHigh: string;
226
+ highLow3LLow: string;
227
+ highLow3DHigh: string;
228
+ highLow3DLow: string;
229
+ highLow2LHigh: string;
230
+ highLow2LLow: string;
231
+ highLow2DHigh: string;
232
+ highLow2DLow: string;
233
+ highLow1LHigh: string;
234
+ highLow1LLow: string;
235
+ highLow1DHigh: string;
236
+ highLow1DLow: string;
237
+ sequential6L1: string;
238
+ sequential6L2: string;
239
+ sequential6L3: string;
240
+ sequential6L4: string;
241
+ sequential6L5: string;
242
+ sequential6L6: string;
243
+ sequential6L7: string;
244
+ sequential6D1: string;
245
+ sequential6D2: string;
246
+ sequential6D3: string;
247
+ sequential6D4: string;
248
+ sequential6D5: string;
249
+ sequential6D6: string;
250
+ sequential6D7: string;
251
+ sequential5L1: string;
252
+ sequential5L2: string;
253
+ sequential5L3: string;
254
+ sequential5L4: string;
255
+ sequential5L5: string;
256
+ sequential5L6: string;
257
+ sequential5L7: string;
258
+ sequential5D1: string;
259
+ sequential5D2: string;
260
+ sequential5D3: string;
261
+ sequential5D4: string;
262
+ sequential5D5: string;
263
+ sequential5D6: string;
264
+ sequential5D7: string;
265
+ sequential4L1: string;
266
+ sequential4L2: string;
267
+ sequential4L3: string;
268
+ sequential4L4: string;
269
+ sequential4L5: string;
270
+ sequential4L6: string;
271
+ sequential4L7: string;
272
+ sequential4D1: string;
273
+ sequential4D2: string;
274
+ sequential4D3: string;
275
+ sequential4D4: string;
276
+ sequential4D5: string;
277
+ sequential4D6: string;
278
+ sequential4D7: string;
279
+ sequential3L1: string;
280
+ sequential3L2: string;
281
+ sequential3L3: string;
282
+ sequential3L4: string;
283
+ sequential3L5: string;
284
+ sequential3L6: string;
285
+ sequential3L7: string;
286
+ sequential3D1: string;
287
+ sequential3D2: string;
288
+ sequential3D3: string;
289
+ sequential3D4: string;
290
+ sequential3D5: string;
291
+ sequential3D6: string;
292
+ sequential3D7: string;
293
+ sequential2L1: string;
294
+ sequential2L2: string;
295
+ sequential2L3: string;
296
+ sequential2L4: string;
297
+ sequential2L5: string;
298
+ sequential2L6: string;
299
+ sequential2L7: string;
300
+ sequential2D1: string;
301
+ sequential2D2: string;
302
+ sequential2D3: string;
303
+ sequential2D4: string;
304
+ sequential2D5: string;
305
+ sequential2D6: string;
306
+ sequential2D7: string;
307
+ sequential1L1: string;
308
+ sequential1L2: string;
309
+ sequential1L3: string;
310
+ sequential1L4: string;
311
+ sequential1L5: string;
312
+ sequential1L6: string;
313
+ sequential1L7: string;
314
+ sequential1D1: string;
315
+ sequential1D2: string;
316
+ sequential1D3: string;
317
+ sequential1D4: string;
318
+ sequential1D5: string;
319
+ sequential1D6: string;
320
+ sequential1D7: string;
321
+ divergent4L1: string;
322
+ divergent4L2: string;
323
+ divergent4L3: string;
324
+ divergent4L4: string;
325
+ divergent4L5: string;
326
+ divergent4L6: string;
327
+ divergent4L7: string;
328
+ divergent4D1: string;
329
+ divergent4D2: string;
330
+ divergent4D3: string;
331
+ divergent4D4: string;
332
+ divergent4D5: string;
333
+ divergent4D6: string;
334
+ divergent4D7: string;
335
+ divergent3L1: string;
336
+ divergent3L2: string;
337
+ divergent3L3: string;
338
+ divergent3L4: string;
339
+ divergent3L5: string;
340
+ divergent3L6: string;
341
+ divergent3L7: string;
342
+ divergent3D1: string;
343
+ divergent3D2: string;
344
+ divergent3D3: string;
345
+ divergent3D4: string;
346
+ divergent3D5: string;
347
+ divergent3D6: string;
348
+ divergent3D7: string;
349
+ divergent2L1: string;
350
+ divergent2L2: string;
351
+ divergent2L3: string;
352
+ divergent2L4: string;
353
+ divergent2L5: string;
354
+ divergent2L6: string;
355
+ divergent2L7: string;
356
+ divergent2D1: string;
357
+ divergent2D2: string;
358
+ divergent2D3: string;
359
+ divergent2D4: string;
360
+ divergent2D5: string;
361
+ divergent2D6: string;
362
+ divergent2D7: string;
363
+ divergent1L1: string;
364
+ divergent1L2: string;
365
+ divergent1L3: string;
366
+ divergent1L4: string;
367
+ divergent1L5: string;
368
+ divergent1L6: string;
369
+ divergent1L7: string;
370
+ divergent1D1: string;
371
+ divergent1D2: string;
372
+ divergent1D3: string;
373
+ divergent1D4: string;
374
+ divergent1D5: string;
375
+ divergent1D6: string;
376
+ divergent1D7: string;
377
+ categorical2L1: string;
378
+ categorical2L2: string;
379
+ categorical2L3: string;
380
+ categorical2L4: string;
381
+ categorical2L5: string;
382
+ categorical2L6: string;
383
+ categorical2L7: string;
384
+ categorical2D1: string;
385
+ categorical2D2: string;
386
+ categorical2D3: string;
387
+ categorical2D4: string;
388
+ categorical2D5: string;
389
+ categorical2D6: string;
390
+ categorical2D7: string;
391
+ categorical1L1: string;
392
+ categorical1L2: string;
393
+ categorical1L3: string;
394
+ categorical1L4: string;
395
+ categorical1L5: string;
396
+ categorical1L6: string;
397
+ categorical1L7: string;
398
+ categorical1D1: string;
399
+ categorical1D2: string;
400
+ categorical1D3: string;
401
+ categorical1D4: string;
402
+ categorical1D5: string;
403
+ categorical1D6: string;
404
+ categorical1D7: string;
405
+ static1: string;
406
+ static2: string;
407
+ static3: string;
408
+ static4: string;
409
+ static5: string;
410
+ static6: string;
411
+ static7: string;
412
+ static8: string;
413
+ static9: string;
414
+ static10: string;
415
+ static11: string;
416
+ static12: string;
417
+ static13: string;
418
+ static14: string;
419
+ static15: string;
420
+ static16: string;
421
+ static17: string;
422
+ static18: string;
423
+ static19: string;
424
+ static20: string;
425
+ };
426
+ type StaticColors = typeof staticColors;
427
+ type Categorical = typeof categorical;
428
+ type Divergent = typeof divergent;
429
+ type Sequential = typeof sequential;
430
+ type HighLow = typeof highLow;
431
+ type DataViz = typeof dataViz;
432
+ export type { StaticColors, Categorical, Divergent, Sequential, HighLow, DataViz };
433
+ export default dataViz;