@splunk/themes 1.4.1 → 1.6.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 (29) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/design-tokens/colors.js +27 -25
  3. package/design-tokens/dataViz.js +33 -33
  4. package/design-tokens/deprecated.js +233 -39
  5. package/design-tokens/elevation.js +3 -4
  6. package/design-tokens/spacing-sizing.js +4 -2
  7. package/design-tokens/typography.js +14 -4
  8. package/enterprise/dark.js +3 -5
  9. package/enterprise/light.js +5 -6
  10. package/getTheme.js +3 -2
  11. package/mixins/prose.js +6 -6
  12. package/mixins/resets.js +2 -2
  13. package/package.json +5 -1
  14. package/prisma/base.js +3 -4
  15. package/prisma/light.js +2 -2
  16. package/splunk-magnetic/index.js +1 -1
  17. package/tokens.json +15153 -0
  18. package/types/design-tokens/colors.d.ts +41 -39
  19. package/types/design-tokens/dataViz.d.ts +1 -1
  20. package/types/design-tokens/deprecated.d.ts +452 -75
  21. package/types/design-tokens/elevation.d.ts +2 -4
  22. package/types/design-tokens/index.d.ts +2 -1
  23. package/types/design-tokens/spacing-sizing.d.ts +4 -2
  24. package/types/design-tokens/typography.d.ts +23 -4
  25. package/types/enterprise/dark.d.ts +2 -1
  26. package/types/enterprise/light.d.ts +2 -1
  27. package/types/mixins/prose.d.ts +4 -4
  28. package/types/prisma/base.d.ts +2 -1
  29. package/types/splunk-magnetic/index.d.ts +12 -6
package/types/design-tokens/deprecated.d.ts CHANGED
@@ -1,626 +1,1003 @@
1
1
  /**
2
2
  * #### Deprecated tokens
3
3
  *
4
- * @categoryValue
4
+ * @category color
5
+ * @previewType none
5
6
  */
6
7
  declare const deprecated: {
8
+ /** @deprecated */
7
9
  contentColorInfo: string;
10
+ /** @deprecated */
8
11
  contentColorWarning: string;
12
+ /** @deprecated */
9
13
  contentColorPositive: string;
14
+ /** @deprecated */
10
15
  contentColorNegativeStrong: string;
11
16
  /**
12
- * Use a more specific token based on the semantic use case:
13
- * [`interactiveColorAccent`](#interactiveColorAccent), [`contentColorAccent`](#contentColorAccent), or [`focusColor`](#focusColor).
17
+ * @deprecated Use a more specific token based on the semantic use case: [`interactiveColorAccent`](#interactiveColorAccent), [`contentColorAccent`](#contentColorAccent), or [`focusColor`](#focusColor).
14
18
  */
15
19
  interactiveColorPrimary: string;
16
- /**
17
- * Use `statusColorNormal`, `accentColor`, or ...
18
- */
20
+ /** @deprecated Use `notificationColorPositive` */
19
21
  accentColorPositive: string;
22
+ /** @deprecated Use `notificationColorCaution` */
20
23
  accentColorWarning: string;
24
+ /** @deprecated Use `notificationColorCaution` */
21
25
  accentColorAlert: string;
26
+ /** @deprecated Use `notificationColorNegative` */
22
27
  accentColorNegative: string;
23
28
  /**
24
- * Use `contentColorDefault`
29
+ * @deprecated Use `contentColorDefault`
25
30
  */
26
31
  textColor: string;
27
32
  /**
28
- * Use `contentColorMuted`
33
+ * @deprecated Use `contentColorMuted`
29
34
  */
30
35
  textGray: string;
31
36
  /**
32
- * Use [`contentColorLink`](#contentColorLink) instead.
37
+ * @deprecated Use `contentColorLink`
33
38
  */
34
39
  linkColor: string;
35
40
  /**
36
- * `Link` hover interaction should use `text-decoration: underline`, color should not change
41
+ * @deprecated `Link` hover interaction should use `text-decoration: underline`, color should not change
37
42
  */
38
43
  linkColorHover: string;
39
44
  /**
40
- * Use `borderColorWeak`
45
+ * @deprecated Use `borderColorWeak`
41
46
  */
42
47
  borderLightColor: string;
43
48
  /**
44
- * Use `contentColorDisabled`
49
+ * @deprecated Use `contentColorDisabled`
45
50
  */
46
51
  textDisabledColor: string;
47
52
  /**
48
- * Use `spacingXSmall`
53
+ * @deprecated Use `spacingXSmall`
54
+ * @category dimension
55
+ * @previewType spacing
49
56
  */
50
57
  spacingQuarter: string;
51
58
  /**
52
- * Use `spacingSmall`
59
+ * @deprecated Use `spacingSmall`
60
+ * @category dimension
61
+ * @previewType spacing
53
62
  */
54
63
  spacingHalf: string;
55
64
  /**
56
- * Use `spacingLarge`
65
+ * @deprecated Use `spacingLarge`
66
+ * @category dimension
67
+ * @previewType spacing
57
68
  */
58
69
  spacing: string;
59
70
  /**
60
- * Use `backgroundColorPage`
71
+ * @deprecated Use `backgroundColorPage`
61
72
  */
62
73
  backgroundColor: string;
63
74
  /**
64
- * Set border using CSS and [borderColor](#borderColor).
75
+ * @category border
76
+ * @deprecated Set border using CSS and [borderColor](#borderColor).
65
77
  */
66
78
  border: string;
67
79
  /**
68
- * Set border using CSS and [borderColorStrong](#borderColorStrong).
80
+ * @category border
81
+ * @deprecated Set border using CSS and [borderColorStrong](#borderColorStrong).
69
82
  */
70
83
  borderDark: string;
71
84
  /**
72
- * Set border using CSS and [borderColorWeak](#borderColorWeak).
85
+ * @category border
86
+ * @deprecated Set border using CSS and [borderColorWeak](#borderColorWeak).
73
87
  */
74
88
  borderLight: string;
75
89
  /**
76
- * Use `interactiveColorBorderActive` for Data Entry components or `actionColorBorderSecondaryActive` for Buttons.
90
+ * @deprecated Use `interactiveColorBorderActive` for Data Entry components or `actionColorBorderSecondaryActive` for Buttons.
77
91
  */
78
92
  borderActiveColor: string;
79
93
  /**
80
- * Use `interactiveColorOverlayHover` for Data Entry components or `actionColorBackgroundSecondaryHover` for Buttons.
94
+ * @deprecated Use `interactiveColorOverlayHover` for Data Entry components or `actionColorBackgroundSecondaryHover` for Buttons.
81
95
  */
82
96
  backgroundColorHover: string;
83
97
  /**
84
- * Don't use hover shadows - see notes on backgroundColorHover for hover affordances.
98
+ * @category shadow
99
+ * @deprecated Don't use hover shadows - see notes on backgroundColorHover for hover affordances.
85
100
  */
86
101
  hoverShadow: string;
87
102
  /**
88
- * Use `notificationColorInfo` or `severityColorInfo`
103
+ * @deprecated Use `notificationColorInfo` or `severityColorInfo`
89
104
  */
90
105
  statusColorInfo: string;
91
106
  /**
92
- * Use `notificationColorInfoWeak`
107
+ * @deprecated Use `notificationColorInfoWeak`
93
108
  */
94
109
  statusColorInfoWeak: string;
95
110
  /**
96
- * Use `notificationColorInfoStrong`
111
+ * @deprecated Use `notificationColorInfoStrong`
97
112
  */
98
113
  statusColorInfoStrong: string;
99
114
  /**
100
- * Use `notificationColorPositive` or `severityColorNormal`
115
+ * @deprecated Use `notificationColorPositive` or `severityColorNormal`
101
116
  */
102
117
  statusColorNormal: string;
103
118
  /**
104
- * Use `notificationColorPositiveWeak`
119
+ * @deprecated Use `notificationColorPositiveWeak`
105
120
  */
106
121
  statusColorNormalWeak: string;
107
122
  /**
108
- * Use `notificationColorPositiveStrong`
123
+ * @deprecated Use `notificationColorPositiveStrong`
109
124
  */
110
125
  statusColorNormalStrong: string;
111
126
  /**
112
- * Use `notificationColorCaution` or `severityColorNotice`
127
+ * @deprecated Use `notificationColorCaution` or `severityColorNotice`
113
128
  */
114
129
  statusColorLow: string;
115
130
  /**
116
- * Use `notificationColorCautionWeak`
131
+ * @deprecated Use `notificationColorCautionWeak`
117
132
  */
118
133
  statusColorLowWeak: string;
119
134
  /**
120
- * Use `notificationColorCautionStrong`
135
+ * @deprecated Use `notificationColorCautionStrong`
121
136
  */
122
137
  statusColorLowStrong: string;
123
138
  /**
124
- * Use `severityColorWarning`
139
+ * @deprecated Use `severityColorWarning`
125
140
  */
126
141
  statusColorMedium: string;
142
+ /** @deprecated */
127
143
  statusColorMediumWeak: string;
144
+ /** @deprecated */
128
145
  statusColorMediumStrong: string;
129
146
  /**
130
- * Use `notificationColorNegative` or `severityColorAlert`
147
+ * @deprecated Use `notificationColorNegative` or `severityColorAlert`
131
148
  */
132
149
  statusColorHigh: string;
133
150
  /**
134
- * Use `notificationColorNegativeWeak`
151
+ * @deprecated Use `notificationColorNegativeWeak`
135
152
  */
136
153
  statusColorHighWeak: string;
137
154
  /**
138
- * Use `notificationColorNegativeStrong`
155
+ * @deprecated Use `notificationColorNegativeStrong`
139
156
  */
140
157
  statusColorHighStrong: string;
141
158
  /**
142
- * Default color for critical alerts or urgent messages.
159
+ * @deprecated Default color for critical alerts or urgent messages.
143
160
  */
144
161
  statusColorCritical: string;
145
162
  /**
146
- * Weaker, less prominent critical color, does not pass 3:1 graphical or 4.5:1 text contrast.
163
+ * @deprecated Weaker, less prominent critical color, does not pass 3:1 graphical or 4.5:1 text contrast.
147
164
  */
148
165
  statusColorCriticalWeak: string;
149
166
  /**
150
- * Brighter, more prominent critical color.
167
+ * @deprecated Brighter, more prominent critical color.
151
168
  */
152
169
  statusColorCriticalStrong: string;
170
+ /** @deprecated */
153
171
  brandColorL50: string;
172
+ /** @deprecated */
154
173
  brandColorL40: string;
174
+ /** @deprecated */
155
175
  brandColorL30: string;
176
+ /** @deprecated */
156
177
  brandColorL20: string;
178
+ /** @deprecated */
157
179
  brandColorL10: string;
180
+ /** @deprecated */
158
181
  brandColor: string;
182
+ /** @deprecated */
159
183
  brandColorD10: string;
184
+ /** @deprecated */
160
185
  brandColorD20: string;
186
+ /** @deprecated */
161
187
  brandColorD30: string;
188
+ /** @deprecated */
162
189
  brandColorD40: string;
190
+ /** @deprecated */
163
191
  brandColorD50: string;
192
+ /** @deprecated */
164
193
  gray98: string;
194
+ /** @deprecated */
165
195
  gray96: string;
196
+ /** @deprecated */
166
197
  gray92: string;
198
+ /** @deprecated */
167
199
  gray80: string;
200
+ /** @deprecated */
168
201
  gray60: string;
202
+ /** @deprecated */
169
203
  gray45: string;
204
+ /** @deprecated */
170
205
  gray30: string;
206
+ /** @deprecated */
171
207
  gray25: string;
208
+ /** @deprecated */
172
209
  gray22: string;
210
+ /** @deprecated */
173
211
  gray20: string;
212
+ /** @deprecated */
174
213
  accentColorL50: string;
214
+ /** @deprecated */
175
215
  accentColorL40: string;
216
+ /** @deprecated */
176
217
  accentColorL30: string;
218
+ /** @deprecated */
177
219
  accentColorL20: string;
220
+ /** @deprecated */
178
221
  accentColorL10: string;
222
+ /** @deprecated */
179
223
  accentColor: string;
224
+ /** @deprecated */
180
225
  accentColorD10: string;
226
+ /** @deprecated */
181
227
  accentColorD20: string;
228
+ /** @deprecated */
182
229
  accentColorD30: string;
230
+ /** @deprecated */
183
231
  accentColorD40: string;
232
+ /** @deprecated */
184
233
  accentColorD50: string;
234
+ /** @deprecated */
185
235
  errorColorL50: string;
236
+ /** @deprecated */
186
237
  errorColorL40: string;
238
+ /** @deprecated */
187
239
  errorColorL30: string;
240
+ /** @deprecated */
188
241
  errorColorL20: string;
242
+ /** @deprecated */
189
243
  errorColorL10: string;
244
+ /**
245
+ * @deprecated Use `notificationColorNegative` or `severityColorAlert`
246
+ */
190
247
  errorColor: string;
248
+ /** @deprecated */
191
249
  errorColorD10: string;
250
+ /** @deprecated */
192
251
  errorColorD20: string;
252
+ /** @deprecated */
193
253
  errorColorD30: string;
254
+ /** @deprecated */
194
255
  errorColorD40: string;
256
+ /** @deprecated */
195
257
  errorColorD50: string;
258
+ /** @deprecated */
196
259
  alertColorL50: string;
260
+ /** @deprecated */
197
261
  alertColorL40: string;
262
+ /** @deprecated */
198
263
  alertColorL30: string;
264
+ /** @deprecated */
199
265
  alertColorL20: string;
266
+ /** @deprecated */
200
267
  alertColorL10: string;
268
+ /** @deprecated */
201
269
  alertColor: string;
270
+ /** @deprecated */
202
271
  alertColorD10: string;
272
+ /** @deprecated */
203
273
  alertColorD20: string;
274
+ /** @deprecated */
204
275
  alertColorD30: string;
276
+ /** @deprecated */
205
277
  alertColorD40: string;
278
+ /** @deprecated */
206
279
  alertColorD50: string;
280
+ /** @deprecated */
207
281
  warningColorL50: string;
282
+ /** @deprecated */
208
283
  warningColorL40: string;
284
+ /** @deprecated */
209
285
  warningColorL30: string;
286
+ /** @deprecated */
210
287
  warningColorL20: string;
288
+ /** @deprecated */
211
289
  warningColorL10: string;
290
+ /**
291
+ * @deprecated Use `notificationColorCaution` or `severityColorNotice`
292
+ */
212
293
  warningColor: string;
294
+ /** @deprecated */
213
295
  warningColorD10: string;
296
+ /** @deprecated */
214
297
  warningColorD20: string;
298
+ /** @deprecated */
215
299
  warningColorD30: string;
300
+ /** @deprecated */
216
301
  warningColorD40: string;
302
+ /** @deprecated */
217
303
  warningColorD50: string;
304
+ /** @deprecated */
218
305
  successColorL50: string;
306
+ /** @deprecated */
219
307
  successColorL40: string;
308
+ /** @deprecated */
220
309
  successColorL30: string;
310
+ /** @deprecated */
221
311
  successColorL20: string;
312
+ /** @deprecated */
222
313
  successColorL10: string;
314
+ /**
315
+ * @deprecated Use `notificationColorPositive` or `severityColorNormal`
316
+ */
223
317
  successColor: string;
318
+ /** @deprecated */
224
319
  successColorD10: string;
320
+ /** @deprecated */
225
321
  successColorD20: string;
322
+ /** @deprecated */
226
323
  successColorD30: string;
324
+ /** @deprecated */
227
325
  successColorD40: string;
326
+ /** @deprecated */
228
327
  successColorD50: string;
328
+ /** @deprecated */
229
329
  infoColorL50: string;
330
+ /** @deprecated */
230
331
  infoColorL40: string;
332
+ /** @deprecated */
231
333
  infoColorL30: string;
334
+ /** @deprecated */
232
335
  infoColorL20: string;
336
+ /** @deprecated */
233
337
  infoColorL10: string;
338
+ /** @deprecated */
234
339
  infoColor: string;
340
+ /** @deprecated */
235
341
  infoColorD10: string;
342
+ /** @deprecated */
236
343
  infoColorD20: string;
344
+ /** @deprecated */
237
345
  infoColorD30: string;
346
+ /** @deprecated */
238
347
  infoColorD40: string;
348
+ /** @deprecated */
239
349
  infoColorD50: string;
350
+ /** @deprecated */
240
351
  diverging1ColorA: string;
352
+ /** @deprecated */
241
353
  diverging1ColorB: string;
354
+ /** @deprecated */
242
355
  diverging2ColorA: string;
356
+ /** @deprecated */
243
357
  diverging2ColorB: string;
358
+ /** @deprecated */
244
359
  diverging3ColorA: string;
360
+ /** @deprecated */
245
361
  diverging3ColorB: string;
362
+ /** @deprecated */
246
363
  diverging4ColorA: string;
364
+ /** @deprecated */
247
365
  diverging4ColorB: string;
366
+ /** @deprecated */
248
367
  diverging5ColorA: string;
368
+ /** @deprecated */
249
369
  diverging5ColorB: string;
370
+ /** @deprecated */
250
371
  cat1Color: string;
372
+ /** @deprecated */
251
373
  cat1ColorL: string;
374
+ /** @deprecated */
252
375
  cat2Color: string;
376
+ /** @deprecated */
253
377
  cat2ColorL: string;
378
+ /** @deprecated */
254
379
  cat3Color: string;
380
+ /** @deprecated */
255
381
  cat3ColorL: string;
382
+ /** @deprecated */
256
383
  cat4Color: string;
384
+ /** @deprecated */
257
385
  cat4ColorL: string;
386
+ /** @deprecated */
258
387
  cat5Color: string;
388
+ /** @deprecated */
259
389
  cat5ColorL: string;
390
+ /** @deprecated */
260
391
  cat6Color: string;
392
+ /** @deprecated */
261
393
  cat6ColorL: string;
394
+ /** @deprecated */
262
395
  cat7Color: string;
396
+ /** @deprecated */
263
397
  cat7ColorL: string;
398
+ /** @deprecated */
264
399
  cat8Color: string;
400
+ /** @deprecated */
265
401
  cat8ColorL: string;
402
+ /** @deprecated */
266
403
  cat9Color: string;
404
+ /** @deprecated */
267
405
  cat9ColorL: string;
406
+ /** @deprecated */
268
407
  cat10Color: string;
408
+ /** @deprecated */
269
409
  cat10ColorL: string;
410
+ /** @deprecated */
270
411
  cat11Color: string;
412
+ /** @deprecated */
271
413
  cat11ColorL: string;
414
+ /** @deprecated */
272
415
  cat12Color: string;
416
+ /** @deprecated */
273
417
  cat12ColorL: string;
418
+ /** @deprecated */
274
419
  cat13Color: string;
420
+ /** @deprecated */
275
421
  cat13ColorL: string;
422
+ /** @deprecated */
276
423
  cat14Color: string;
424
+ /** @deprecated */
277
425
  cat14ColorL: string;
426
+ /** @deprecated */
278
427
  cat15Color: string;
428
+ /** @deprecated */
279
429
  cat15ColorL: string;
430
+ /** @deprecated */
280
431
  cat16Color: string;
432
+ /** @deprecated */
281
433
  cat16ColorL: string;
434
+ /** @deprecated */
282
435
  cat17Color: string;
436
+ /** @deprecated */
283
437
  cat17ColorL: string;
438
+ /** @deprecated */
284
439
  cat18Color: string;
440
+ /** @deprecated */
285
441
  cat18ColorL: string;
442
+ /** @deprecated */
286
443
  cat19Color: string;
444
+ /** @deprecated */
287
445
  cat19ColorL: string;
446
+ /** @deprecated */
288
447
  cat20Color: string;
448
+ /** @deprecated */
289
449
  cat20ColorL: string;
450
+ /** @deprecated */
290
451
  cat21Color: string;
452
+ /** @deprecated */
291
453
  cat21ColorL: string;
454
+ /** @deprecated */
292
455
  cat22Color: string;
456
+ /** @deprecated */
293
457
  cat22ColorL: string;
458
+ /** @deprecated */
294
459
  cat23Color: string;
460
+ /** @deprecated */
295
461
  cat23ColorL: string;
462
+ /** @deprecated */
296
463
  cat24Color: string;
464
+ /** @deprecated */
297
465
  cat24ColorL: string;
466
+ /** @deprecated */
298
467
  cat25Color: string;
468
+ /** @deprecated */
299
469
  cat25ColorL: string;
470
+ /** @deprecated */
300
471
  cat26Color: string;
472
+ /** @deprecated */
301
473
  cat26ColorL: string;
474
+ /** @deprecated */
302
475
  cat27Color: string;
476
+ /** @deprecated */
303
477
  cat27ColorL: string;
478
+ /** @deprecated */
304
479
  cat28Color: string;
480
+ /** @deprecated */
305
481
  cat28ColorL: string;
482
+ /** @deprecated */
306
483
  cat29Color: string;
484
+ /** @deprecated */
307
485
  cat29ColorL: string;
486
+ /** @deprecated */
308
487
  cat30Color: string;
488
+ /** @deprecated */
309
489
  cat30ColorL: string;
490
+ /** @deprecated */
310
491
  syntaxBlueLight: string;
492
+ /** @deprecated */
311
493
  syntaxGreenLight: string;
494
+ /** @deprecated */
312
495
  syntaxPurpleLight: string;
496
+ /** @deprecated */
313
497
  syntaxRedLight: string;
498
+ /**
499
+ * @deprecated
500
+ * @category gradient
501
+ */
502
+ draggableBackground: string;
314
503
  };
315
504
  type Deprecated = typeof deprecated;
316
505
  export type { Deprecated };
317
506
  declare const _default: {
507
+ /** @deprecated */
318
508
  contentColorInfo: string;
509
+ /** @deprecated */
319
510
  contentColorWarning: string;
511
+ /** @deprecated */
320
512
  contentColorPositive: string;
513
+ /** @deprecated */
321
514
  contentColorNegativeStrong: string;
322
515
  /**
323
- * Use a more specific token based on the semantic use case:
324
- * [`interactiveColorAccent`](#interactiveColorAccent), [`contentColorAccent`](#contentColorAccent), or [`focusColor`](#focusColor).
516
+ * @deprecated Use a more specific token based on the semantic use case: [`interactiveColorAccent`](#interactiveColorAccent), [`contentColorAccent`](#contentColorAccent), or [`focusColor`](#focusColor).
325
517
  */
326
518
  interactiveColorPrimary: string;
327
- /**
328
- * Use `statusColorNormal`, `accentColor`, or ...
329
- */
519
+ /** @deprecated Use `notificationColorPositive` */
330
520
  accentColorPositive: string;
521
+ /** @deprecated Use `notificationColorCaution` */
331
522
  accentColorWarning: string;
523
+ /** @deprecated Use `notificationColorCaution` */
332
524
  accentColorAlert: string;
525
+ /** @deprecated Use `notificationColorNegative` */
333
526
  accentColorNegative: string;
334
527
  /**
335
- * Use `contentColorDefault`
528
+ * @deprecated Use `contentColorDefault`
336
529
  */
337
530
  textColor: string;
338
531
  /**
339
- * Use `contentColorMuted`
532
+ * @deprecated Use `contentColorMuted`
340
533
  */
341
534
  textGray: string;
342
535
  /**
343
- * Use [`contentColorLink`](#contentColorLink) instead.
536
+ * @deprecated Use `contentColorLink`
344
537
  */
345
538
  linkColor: string;
346
539
  /**
347
- * `Link` hover interaction should use `text-decoration: underline`, color should not change
540
+ * @deprecated `Link` hover interaction should use `text-decoration: underline`, color should not change
348
541
  */
349
542
  linkColorHover: string;
350
543
  /**
351
- * Use `borderColorWeak`
544
+ * @deprecated Use `borderColorWeak`
352
545
  */
353
546
  borderLightColor: string;
354
547
  /**
355
- * Use `contentColorDisabled`
548
+ * @deprecated Use `contentColorDisabled`
356
549
  */
357
550
  textDisabledColor: string;
358
551
  /**
359
- * Use `spacingXSmall`
552
+ * @deprecated Use `spacingXSmall`
553
+ * @category dimension
554
+ * @previewType spacing
360
555
  */
361
556
  spacingQuarter: string;
362
557
  /**
363
- * Use `spacingSmall`
558
+ * @deprecated Use `spacingSmall`
559
+ * @category dimension
560
+ * @previewType spacing
364
561
  */
365
562
  spacingHalf: string;
366
563
  /**
367
- * Use `spacingLarge`
564
+ * @deprecated Use `spacingLarge`
565
+ * @category dimension
566
+ * @previewType spacing
368
567
  */
369
568
  spacing: string;
370
569
  /**
371
- * Use `backgroundColorPage`
570
+ * @deprecated Use `backgroundColorPage`
372
571
  */
373
572
  backgroundColor: string;
374
573
  /**
375
- * Set border using CSS and [borderColor](#borderColor).
574
+ * @category border
575
+ * @deprecated Set border using CSS and [borderColor](#borderColor).
376
576
  */
377
577
  border: string;
378
578
  /**
379
- * Set border using CSS and [borderColorStrong](#borderColorStrong).
579
+ * @category border
580
+ * @deprecated Set border using CSS and [borderColorStrong](#borderColorStrong).
380
581
  */
381
582
  borderDark: string;
382
583
  /**
383
- * Set border using CSS and [borderColorWeak](#borderColorWeak).
584
+ * @category border
585
+ * @deprecated Set border using CSS and [borderColorWeak](#borderColorWeak).
384
586
  */
385
587
  borderLight: string;
386
588
  /**
387
- * Use `interactiveColorBorderActive` for Data Entry components or `actionColorBorderSecondaryActive` for Buttons.
589
+ * @deprecated Use `interactiveColorBorderActive` for Data Entry components or `actionColorBorderSecondaryActive` for Buttons.
388
590
  */
389
591
  borderActiveColor: string;
390
592
  /**
391
- * Use `interactiveColorOverlayHover` for Data Entry components or `actionColorBackgroundSecondaryHover` for Buttons.
593
+ * @deprecated Use `interactiveColorOverlayHover` for Data Entry components or `actionColorBackgroundSecondaryHover` for Buttons.
392
594
  */
393
595
  backgroundColorHover: string;
394
596
  /**
395
- * Don't use hover shadows - see notes on backgroundColorHover for hover affordances.
597
+ * @category shadow
598
+ * @deprecated Don't use hover shadows - see notes on backgroundColorHover for hover affordances.
396
599
  */
397
600
  hoverShadow: string;
398
601
  /**
399
- * Use `notificationColorInfo` or `severityColorInfo`
602
+ * @deprecated Use `notificationColorInfo` or `severityColorInfo`
400
603
  */
401
604
  statusColorInfo: string;
402
605
  /**
403
- * Use `notificationColorInfoWeak`
606
+ * @deprecated Use `notificationColorInfoWeak`
404
607
  */
405
608
  statusColorInfoWeak: string;
406
609
  /**
407
- * Use `notificationColorInfoStrong`
610
+ * @deprecated Use `notificationColorInfoStrong`
408
611
  */
409
612
  statusColorInfoStrong: string;
410
613
  /**
411
- * Use `notificationColorPositive` or `severityColorNormal`
614
+ * @deprecated Use `notificationColorPositive` or `severityColorNormal`
412
615
  */
413
616
  statusColorNormal: string;
414
617
  /**
415
- * Use `notificationColorPositiveWeak`
618
+ * @deprecated Use `notificationColorPositiveWeak`
416
619
  */
417
620
  statusColorNormalWeak: string;
418
621
  /**
419
- * Use `notificationColorPositiveStrong`
622
+ * @deprecated Use `notificationColorPositiveStrong`
420
623
  */
421
624
  statusColorNormalStrong: string;
422
625
  /**
423
- * Use `notificationColorCaution` or `severityColorNotice`
626
+ * @deprecated Use `notificationColorCaution` or `severityColorNotice`
424
627
  */
425
628
  statusColorLow: string;
426
629
  /**
427
- * Use `notificationColorCautionWeak`
630
+ * @deprecated Use `notificationColorCautionWeak`
428
631
  */
429
632
  statusColorLowWeak: string;
430
633
  /**
431
- * Use `notificationColorCautionStrong`
634
+ * @deprecated Use `notificationColorCautionStrong`
432
635
  */
433
636
  statusColorLowStrong: string;
434
637
  /**
435
- * Use `severityColorWarning`
638
+ * @deprecated Use `severityColorWarning`
436
639
  */
437
640
  statusColorMedium: string;
641
+ /** @deprecated */
438
642
  statusColorMediumWeak: string;
643
+ /** @deprecated */
439
644
  statusColorMediumStrong: string;
440
645
  /**
441
- * Use `notificationColorNegative` or `severityColorAlert`
646
+ * @deprecated Use `notificationColorNegative` or `severityColorAlert`
442
647
  */
443
648
  statusColorHigh: string;
444
649
  /**
445
- * Use `notificationColorNegativeWeak`
650
+ * @deprecated Use `notificationColorNegativeWeak`
446
651
  */
447
652
  statusColorHighWeak: string;
448
653
  /**
449
- * Use `notificationColorNegativeStrong`
654
+ * @deprecated Use `notificationColorNegativeStrong`
450
655
  */
451
656
  statusColorHighStrong: string;
452
657
  /**
453
- * Default color for critical alerts or urgent messages.
658
+ * @deprecated Default color for critical alerts or urgent messages.
454
659
  */
455
660
  statusColorCritical: string;
456
661
  /**
457
- * Weaker, less prominent critical color, does not pass 3:1 graphical or 4.5:1 text contrast.
662
+ * @deprecated Weaker, less prominent critical color, does not pass 3:1 graphical or 4.5:1 text contrast.
458
663
  */
459
664
  statusColorCriticalWeak: string;
460
665
  /**
461
- * Brighter, more prominent critical color.
666
+ * @deprecated Brighter, more prominent critical color.
462
667
  */
463
668
  statusColorCriticalStrong: string;
669
+ /** @deprecated */
464
670
  brandColorL50: string;
671
+ /** @deprecated */
465
672
  brandColorL40: string;
673
+ /** @deprecated */
466
674
  brandColorL30: string;
675
+ /** @deprecated */
467
676
  brandColorL20: string;
677
+ /** @deprecated */
468
678
  brandColorL10: string;
679
+ /** @deprecated */
469
680
  brandColor: string;
681
+ /** @deprecated */
470
682
  brandColorD10: string;
683
+ /** @deprecated */
471
684
  brandColorD20: string;
685
+ /** @deprecated */
472
686
  brandColorD30: string;
687
+ /** @deprecated */
473
688
  brandColorD40: string;
689
+ /** @deprecated */
474
690
  brandColorD50: string;
691
+ /** @deprecated */
475
692
  gray98: string;
693
+ /** @deprecated */
476
694
  gray96: string;
695
+ /** @deprecated */
477
696
  gray92: string;
697
+ /** @deprecated */
478
698
  gray80: string;
699
+ /** @deprecated */
479
700
  gray60: string;
701
+ /** @deprecated */
480
702
  gray45: string;
703
+ /** @deprecated */
481
704
  gray30: string;
705
+ /** @deprecated */
482
706
  gray25: string;
707
+ /** @deprecated */
483
708
  gray22: string;
709
+ /** @deprecated */
484
710
  gray20: string;
711
+ /** @deprecated */
485
712
  accentColorL50: string;
713
+ /** @deprecated */
486
714
  accentColorL40: string;
715
+ /** @deprecated */
487
716
  accentColorL30: string;
717
+ /** @deprecated */
488
718
  accentColorL20: string;
719
+ /** @deprecated */
489
720
  accentColorL10: string;
721
+ /** @deprecated */
490
722
  accentColor: string;
723
+ /** @deprecated */
491
724
  accentColorD10: string;
725
+ /** @deprecated */
492
726
  accentColorD20: string;
727
+ /** @deprecated */
493
728
  accentColorD30: string;
729
+ /** @deprecated */
494
730
  accentColorD40: string;
731
+ /** @deprecated */
495
732
  accentColorD50: string;
733
+ /** @deprecated */
496
734
  errorColorL50: string;
735
+ /** @deprecated */
497
736
  errorColorL40: string;
737
+ /** @deprecated */
498
738
  errorColorL30: string;
739
+ /** @deprecated */
499
740
  errorColorL20: string;
741
+ /** @deprecated */
500
742
  errorColorL10: string;
743
+ /**
744
+ * @deprecated Use `notificationColorNegative` or `severityColorAlert`
745
+ */
501
746
  errorColor: string;
747
+ /** @deprecated */
502
748
  errorColorD10: string;
749
+ /** @deprecated */
503
750
  errorColorD20: string;
751
+ /** @deprecated */
504
752
  errorColorD30: string;
753
+ /** @deprecated */
505
754
  errorColorD40: string;
755
+ /** @deprecated */
506
756
  errorColorD50: string;
757
+ /** @deprecated */
507
758
  alertColorL50: string;
759
+ /** @deprecated */
508
760
  alertColorL40: string;
761
+ /** @deprecated */
509
762
  alertColorL30: string;
763
+ /** @deprecated */
510
764
  alertColorL20: string;
765
+ /** @deprecated */
511
766
  alertColorL10: string;
767
+ /** @deprecated */
512
768
  alertColor: string;
769
+ /** @deprecated */
513
770
  alertColorD10: string;
771
+ /** @deprecated */
514
772
  alertColorD20: string;
773
+ /** @deprecated */
515
774
  alertColorD30: string;
775
+ /** @deprecated */
516
776
  alertColorD40: string;
777
+ /** @deprecated */
517
778
  alertColorD50: string;
779
+ /** @deprecated */
518
780
  warningColorL50: string;
781
+ /** @deprecated */
519
782
  warningColorL40: string;
783
+ /** @deprecated */
520
784
  warningColorL30: string;
785
+ /** @deprecated */
521
786
  warningColorL20: string;
787
+ /** @deprecated */
522
788
  warningColorL10: string;
789
+ /**
790
+ * @deprecated Use `notificationColorCaution` or `severityColorNotice`
791
+ */
523
792
  warningColor: string;
793
+ /** @deprecated */
524
794
  warningColorD10: string;
795
+ /** @deprecated */
525
796
  warningColorD20: string;
797
+ /** @deprecated */
526
798
  warningColorD30: string;
799
+ /** @deprecated */
527
800
  warningColorD40: string;
801
+ /** @deprecated */
528
802
  warningColorD50: string;
803
+ /** @deprecated */
529
804
  successColorL50: string;
805
+ /** @deprecated */
530
806
  successColorL40: string;
807
+ /** @deprecated */
531
808
  successColorL30: string;
809
+ /** @deprecated */
532
810
  successColorL20: string;
811
+ /** @deprecated */
533
812
  successColorL10: string;
813
+ /**
814
+ * @deprecated Use `notificationColorPositive` or `severityColorNormal`
815
+ */
534
816
  successColor: string;
817
+ /** @deprecated */
535
818
  successColorD10: string;
819
+ /** @deprecated */
536
820
  successColorD20: string;
821
+ /** @deprecated */
537
822
  successColorD30: string;
823
+ /** @deprecated */
538
824
  successColorD40: string;
825
+ /** @deprecated */
539
826
  successColorD50: string;
827
+ /** @deprecated */
540
828
  infoColorL50: string;
829
+ /** @deprecated */
541
830
  infoColorL40: string;
831
+ /** @deprecated */
542
832
  infoColorL30: string;
833
+ /** @deprecated */
543
834
  infoColorL20: string;
835
+ /** @deprecated */
544
836
  infoColorL10: string;
837
+ /** @deprecated */
545
838
  infoColor: string;
839
+ /** @deprecated */
546
840
  infoColorD10: string;
841
+ /** @deprecated */
547
842
  infoColorD20: string;
843
+ /** @deprecated */
548
844
  infoColorD30: string;
845
+ /** @deprecated */
549
846
  infoColorD40: string;
847
+ /** @deprecated */
550
848
  infoColorD50: string;
849
+ /** @deprecated */
551
850
  diverging1ColorA: string;
851
+ /** @deprecated */
552
852
  diverging1ColorB: string;
853
+ /** @deprecated */
553
854
  diverging2ColorA: string;
855
+ /** @deprecated */
554
856
  diverging2ColorB: string;
857
+ /** @deprecated */
555
858
  diverging3ColorA: string;
859
+ /** @deprecated */
556
860
  diverging3ColorB: string;
861
+ /** @deprecated */
557
862
  diverging4ColorA: string;
863
+ /** @deprecated */
558
864
  diverging4ColorB: string;
865
+ /** @deprecated */
559
866
  diverging5ColorA: string;
867
+ /** @deprecated */
560
868
  diverging5ColorB: string;
869
+ /** @deprecated */
561
870
  cat1Color: string;
871
+ /** @deprecated */
562
872
  cat1ColorL: string;
873
+ /** @deprecated */
563
874
  cat2Color: string;
875
+ /** @deprecated */
564
876
  cat2ColorL: string;
877
+ /** @deprecated */
565
878
  cat3Color: string;
879
+ /** @deprecated */
566
880
  cat3ColorL: string;
881
+ /** @deprecated */
567
882
  cat4Color: string;
883
+ /** @deprecated */
568
884
  cat4ColorL: string;
885
+ /** @deprecated */
569
886
  cat5Color: string;
887
+ /** @deprecated */
570
888
  cat5ColorL: string;
889
+ /** @deprecated */
571
890
  cat6Color: string;
891
+ /** @deprecated */
572
892
  cat6ColorL: string;
893
+ /** @deprecated */
573
894
  cat7Color: string;
895
+ /** @deprecated */
574
896
  cat7ColorL: string;
897
+ /** @deprecated */
575
898
  cat8Color: string;
899
+ /** @deprecated */
576
900
  cat8ColorL: string;
901
+ /** @deprecated */
577
902
  cat9Color: string;
903
+ /** @deprecated */
578
904
  cat9ColorL: string;
905
+ /** @deprecated */
579
906
  cat10Color: string;
907
+ /** @deprecated */
580
908
  cat10ColorL: string;
909
+ /** @deprecated */
581
910
  cat11Color: string;
911
+ /** @deprecated */
582
912
  cat11ColorL: string;
913
+ /** @deprecated */
583
914
  cat12Color: string;
915
+ /** @deprecated */
584
916
  cat12ColorL: string;
917
+ /** @deprecated */
585
918
  cat13Color: string;
919
+ /** @deprecated */
586
920
  cat13ColorL: string;
921
+ /** @deprecated */
587
922
  cat14Color: string;
923
+ /** @deprecated */
588
924
  cat14ColorL: string;
925
+ /** @deprecated */
589
926
  cat15Color: string;
927
+ /** @deprecated */
590
928
  cat15ColorL: string;
929
+ /** @deprecated */
591
930
  cat16Color: string;
931
+ /** @deprecated */
592
932
  cat16ColorL: string;
933
+ /** @deprecated */
593
934
  cat17Color: string;
935
+ /** @deprecated */
594
936
  cat17ColorL: string;
937
+ /** @deprecated */
595
938
  cat18Color: string;
939
+ /** @deprecated */
596
940
  cat18ColorL: string;
941
+ /** @deprecated */
597
942
  cat19Color: string;
943
+ /** @deprecated */
598
944
  cat19ColorL: string;
945
+ /** @deprecated */
599
946
  cat20Color: string;
947
+ /** @deprecated */
600
948
  cat20ColorL: string;
949
+ /** @deprecated */
601
950
  cat21Color: string;
951
+ /** @deprecated */
602
952
  cat21ColorL: string;
953
+ /** @deprecated */
603
954
  cat22Color: string;
955
+ /** @deprecated */
604
956
  cat22ColorL: string;
957
+ /** @deprecated */
605
958
  cat23Color: string;
959
+ /** @deprecated */
606
960
  cat23ColorL: string;
961
+ /** @deprecated */
607
962
  cat24Color: string;
963
+ /** @deprecated */
608
964
  cat24ColorL: string;
965
+ /** @deprecated */
609
966
  cat25Color: string;
967
+ /** @deprecated */
610
968
  cat25ColorL: string;
969
+ /** @deprecated */
611
970
  cat26Color: string;
971
+ /** @deprecated */
612
972
  cat26ColorL: string;
973
+ /** @deprecated */
613
974
  cat27Color: string;
975
+ /** @deprecated */
614
976
  cat27ColorL: string;
977
+ /** @deprecated */
615
978
  cat28Color: string;
979
+ /** @deprecated */
616
980
  cat28ColorL: string;
981
+ /** @deprecated */
617
982
  cat29Color: string;
983
+ /** @deprecated */
618
984
  cat29ColorL: string;
985
+ /** @deprecated */
619
986
  cat30Color: string;
987
+ /** @deprecated */
620
988
  cat30ColorL: string;
989
+ /** @deprecated */
621
990
  syntaxBlueLight: string;
991
+ /** @deprecated */
622
992
  syntaxGreenLight: string;
993
+ /** @deprecated */
623
994
  syntaxPurpleLight: string;
995
+ /** @deprecated */
624
996
  syntaxRedLight: string;
997
+ /**
998
+ * @deprecated
999
+ * @category gradient
1000
+ */
1001
+ draggableBackground: string;
625
1002
  };
626
1003
  export default _default;