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