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