@datalayer/primer-addons 1.0.18 → 1.0.20

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 (80) hide show
  1. package/lib/components/appearance/AppearanceControls.d.ts +3 -2
  2. package/lib/components/appearance/AppearanceControls.js +71 -3
  3. package/lib/components/appearance/AppearanceMenu.d.ts +30 -0
  4. package/lib/components/appearance/AppearanceMenu.js +15 -0
  5. package/lib/components/appearance/ColorModeCircle.d.ts +28 -0
  6. package/lib/components/appearance/ColorModeCircle.js +132 -0
  7. package/lib/components/appearance/ThemeCircle.d.ts +21 -0
  8. package/lib/components/appearance/ThemeCircle.js +46 -0
  9. package/lib/components/appearance/ThemePreviewCard.d.ts +12 -0
  10. package/lib/components/appearance/ThemePreviewCard.js +83 -0
  11. package/lib/components/appearance/index.d.ts +4 -0
  12. package/lib/components/appearance/index.js +4 -0
  13. package/lib/components/box/Box.d.ts +2 -1
  14. package/lib/components/closeable-flash/CloseableFlash.js +58 -1
  15. package/lib/components/color/ColorSwatch.d.ts +23 -0
  16. package/lib/components/color/ColorSwatch.js +62 -0
  17. package/lib/components/color/index.d.ts +1 -0
  18. package/lib/components/color/index.js +5 -0
  19. package/lib/components/index.d.ts +6 -0
  20. package/lib/components/index.js +6 -0
  21. package/lib/components/logo/DatalayerLogo.js +49 -1
  22. package/lib/components/logo/DatalayerTextAI.d.ts +4 -4
  23. package/lib/components/logo/DatalayerTextAI.js +6 -6
  24. package/lib/components/logo/index.d.ts +5 -7
  25. package/lib/components/logo/index.js +5 -7
  26. package/lib/components/side-overlay/SideOverlay.js +1 -1
  27. package/lib/components/sliding-panel/SlidingPanel.d.ts +19 -0
  28. package/lib/components/sliding-panel/SlidingPanel.js +217 -0
  29. package/lib/components/sliding-panel/SlidingPanel.stories.d.ts +16 -0
  30. package/lib/components/sliding-panel/SlidingPanel.stories.js +68 -0
  31. package/lib/components/toolbar/Toolbar.js +18 -1
  32. package/lib/components/toolbar/ToolbarButton.js +12 -7
  33. package/lib/components/toolbar/ToolbarRenderer.js +3 -0
  34. package/lib/components/toolbar/types.d.ts +11 -2
  35. package/lib/theme/colors/datalayerColors.d.ts +12 -0
  36. package/lib/theme/colors/datalayerColors.js +13 -0
  37. package/lib/theme/colors/earthColors.d.ts +12 -0
  38. package/lib/theme/colors/earthColors.js +13 -0
  39. package/lib/theme/colors/index.d.ts +3 -0
  40. package/lib/theme/colors/index.js +9 -0
  41. package/lib/theme/colors/ivoryColors.d.ts +46 -0
  42. package/lib/theme/colors/ivoryColors.js +56 -0
  43. package/lib/theme/colors/lovelyColors.d.ts +12 -0
  44. package/lib/theme/colors/lovelyColors.js +13 -0
  45. package/lib/theme/colors/matrixColors.d.ts +12 -0
  46. package/lib/theme/colors/matrixColors.js +13 -0
  47. package/lib/theme/colors/sandColors.d.ts +45 -0
  48. package/lib/theme/colors/sandColors.js +55 -0
  49. package/lib/theme/colors/spatialColors.d.ts +12 -0
  50. package/lib/theme/colors/spatialColors.js +13 -0
  51. package/lib/theme/colors/sunColors.d.ts +45 -0
  52. package/lib/theme/colors/sunColors.js +55 -0
  53. package/lib/theme/css/createThemeCSSVars.d.ts +25 -1
  54. package/lib/theme/css/createThemeCSSVars.js +56 -3
  55. package/lib/theme/index.d.ts +3 -0
  56. package/lib/theme/index.js +3 -0
  57. package/lib/theme/palettes/ColorPalette.js +121 -1
  58. package/lib/theme/themeRegistry.d.ts +1 -1
  59. package/lib/theme/themeRegistry.js +151 -1
  60. package/lib/theme/themes/datalayerTheme.js +58 -7
  61. package/lib/theme/themes/earthTheme.js +50 -0
  62. package/lib/theme/themes/ivoryTheme.d.ts +1091 -0
  63. package/lib/theme/themes/ivoryTheme.js +257 -0
  64. package/lib/theme/themes/lovelyTheme.js +58 -7
  65. package/lib/theme/themes/matrixTheme.js +57 -8
  66. package/lib/theme/themes/sandTheme.d.ts +1091 -0
  67. package/lib/theme/themes/sandTheme.js +256 -0
  68. package/lib/theme/themes/spatialTheme.js +58 -7
  69. package/lib/theme/themes/sunTheme.d.ts +1091 -0
  70. package/lib/theme/themes/sunTheme.js +257 -0
  71. package/lib/utils/Helper.d.ts +1 -1
  72. package/lib/utils/Portals.d.ts +0 -1
  73. package/lib/utils/Portals.js +0 -1
  74. package/package.json +9 -5
  75. package/lib/App.d.ts +0 -13
  76. package/lib/App.js +0 -25
  77. package/lib/components/logo/AI.d.ts +0 -17
  78. package/lib/components/logo/AI.js +0 -18
  79. package/lib/components/logo/AI2.d.ts +0 -20
  80. package/lib/components/logo/AI2.js +0 -23
@@ -0,0 +1,1091 @@
1
+ /**
2
+ * The Primer theme object.
3
+ *
4
+ * Since theming is done entirely via CSS custom properties
5
+ * (see `sandThemeStyles`), this is just the unmodified default Primer
6
+ * theme kept for backward compatibility.
7
+ */
8
+ export declare const sandTheme: {
9
+ animation: {
10
+ easeOutCubic: string;
11
+ };
12
+ borderWidths: (string | number)[];
13
+ breakpoints: string[];
14
+ fonts: {
15
+ normal: any;
16
+ mono: string;
17
+ };
18
+ fontSizes: string[];
19
+ fontWeights: {
20
+ light: number;
21
+ normal: number;
22
+ semibold: number;
23
+ bold: number;
24
+ };
25
+ lineHeights: {
26
+ condensedUltra: number;
27
+ condensed: number;
28
+ default: number;
29
+ };
30
+ radii: string[];
31
+ sizes: {
32
+ small: string;
33
+ medium: string;
34
+ large: string;
35
+ xlarge: string;
36
+ };
37
+ space: string[];
38
+ colorSchemes: Record<"light" | "light_high_contrast" | "light_colorblind" | "light_tritanopia" | "dark" | "dark_dimmed" | "dark_high_contrast" | "dark_colorblind" | "dark_tritanopia", {
39
+ colors: Partial<{
40
+ colors: {
41
+ canvasDefaultTransparent: string;
42
+ pageHeaderBg: string;
43
+ marketingIcon: {
44
+ primary: string;
45
+ secondary: string;
46
+ };
47
+ diffBlob: {
48
+ addition: {
49
+ numText: string;
50
+ fg: string;
51
+ numBg: string;
52
+ lineBg: string;
53
+ wordBg: string;
54
+ };
55
+ deletion: {
56
+ numText: string;
57
+ fg: string;
58
+ numBg: string;
59
+ lineBg: string;
60
+ wordBg: string;
61
+ };
62
+ hunk: {
63
+ numBg: string;
64
+ };
65
+ expander: {
66
+ icon: string;
67
+ };
68
+ selectedLineHighlightMixBlendMode: string;
69
+ };
70
+ diffstat: {
71
+ deletionBorder: string;
72
+ additionBorder: string;
73
+ additionBg: string;
74
+ };
75
+ searchKeyword: {
76
+ hl: string;
77
+ };
78
+ prettylights: {
79
+ syntax: {
80
+ comment: string;
81
+ constant: string;
82
+ entity: string;
83
+ storageModifierImport: string;
84
+ entityTag: string;
85
+ keyword: string;
86
+ string: string;
87
+ variable: string;
88
+ brackethighlighterUnmatched: string;
89
+ invalidIllegalText: string;
90
+ invalidIllegalBg: string;
91
+ carriageReturnText: string;
92
+ carriageReturnBg: string;
93
+ stringRegexp: string;
94
+ markupList: string;
95
+ markupHeading: string;
96
+ markupItalic: string;
97
+ markupBold: string;
98
+ markupDeletedText: string;
99
+ markupDeletedBg: string;
100
+ markupInsertedText: string;
101
+ markupInsertedBg: string;
102
+ markupChangedText: string;
103
+ markupChangedBg: string;
104
+ markupIgnoredText: string;
105
+ markupIgnoredBg: string;
106
+ metaDiffRange: string;
107
+ brackethighlighterAngle: string;
108
+ sublimelinterGutterMark: string;
109
+ constantOtherReferenceLink: string;
110
+ };
111
+ };
112
+ codemirror: {
113
+ text: string;
114
+ bg: string;
115
+ guttersBg: string;
116
+ guttermarkerText: string;
117
+ guttermarkerSubtleText: string;
118
+ linenumberText: string;
119
+ cursor: string;
120
+ selectionBg: string;
121
+ activelineBg: string;
122
+ matchingbracketText: string;
123
+ linesBg: string;
124
+ syntax: {
125
+ comment: string;
126
+ constant: string;
127
+ entity: string;
128
+ keyword: string;
129
+ storage: string;
130
+ string: string;
131
+ support: string;
132
+ variable: string;
133
+ };
134
+ };
135
+ checks: {
136
+ bg: string;
137
+ runBorderWidth: string;
138
+ containerBorderWidth: string;
139
+ textPrimary: string;
140
+ textSecondary: string;
141
+ textLink: string;
142
+ btnIcon: string;
143
+ btnHoverIcon: string;
144
+ btnHoverBg: string;
145
+ inputText: string;
146
+ inputPlaceholderText: string;
147
+ inputFocusText: string;
148
+ inputBg: string;
149
+ inputShadow: string;
150
+ donutError: string;
151
+ donutPending: string;
152
+ donutSuccess: string;
153
+ donutNeutral: string;
154
+ dropdownText: string;
155
+ dropdownBg: string;
156
+ dropdownBorder: string;
157
+ dropdownShadow: string;
158
+ dropdownHoverText: string;
159
+ dropdownHoverBg: string;
160
+ dropdownBtnHoverText: string;
161
+ dropdownBtnHoverBg: string;
162
+ scrollbarThumbBg: string;
163
+ headerLabelText: string;
164
+ headerLabelOpenText: string;
165
+ headerBorder: string;
166
+ headerIcon: string;
167
+ lineText: string;
168
+ lineNumText: string;
169
+ lineTimestampText: string;
170
+ lineHoverBg: string;
171
+ lineSelectedBg: string;
172
+ lineSelectedNumText: string;
173
+ lineDtFmText: string;
174
+ lineDtFmBg: string;
175
+ gateBg: string;
176
+ gateText: string;
177
+ gateWaitingText: string;
178
+ stepHeaderOpenBg: string;
179
+ stepErrorText: string;
180
+ stepWarningText: string;
181
+ loglineText: string;
182
+ loglineNumText: string;
183
+ loglineDebugText: string;
184
+ loglineErrorText: string;
185
+ loglineErrorNumText: string;
186
+ loglineErrorBg: string;
187
+ loglineWarningText: string;
188
+ loglineWarningNumText: string;
189
+ loglineWarningBg: string;
190
+ loglineCommandText: string;
191
+ loglineSectionText: string;
192
+ ansi: {
193
+ black: string;
194
+ blackBright: string;
195
+ white: string;
196
+ whiteBright: string;
197
+ gray: string;
198
+ red: string;
199
+ redBright: string;
200
+ green: string;
201
+ greenBright: string;
202
+ yellow: string;
203
+ yellowBright: string;
204
+ blue: string;
205
+ blueBright: string;
206
+ magenta: string;
207
+ magentaBright: string;
208
+ cyan: string;
209
+ cyanBright: string;
210
+ };
211
+ };
212
+ project: {
213
+ headerBg: string;
214
+ sidebarBg: string;
215
+ gradientIn: string;
216
+ gradientOut: string;
217
+ };
218
+ mktg: {
219
+ btn: {
220
+ bg: string;
221
+ };
222
+ };
223
+ control: {
224
+ borderColor: {
225
+ emphasis: string;
226
+ };
227
+ };
228
+ avatar: {
229
+ bg: string;
230
+ border: string;
231
+ stackFade: string;
232
+ stackFadeMore: string;
233
+ };
234
+ topicTag: {
235
+ border: string;
236
+ };
237
+ counter: {
238
+ border: string;
239
+ };
240
+ selectMenu: {
241
+ backdropBorder: string;
242
+ tapHighlight: string;
243
+ tapFocusBg: string;
244
+ };
245
+ overlay: {
246
+ backdrop: string;
247
+ };
248
+ header: {
249
+ text: string;
250
+ bg: string;
251
+ divider: string;
252
+ logo: string;
253
+ };
254
+ headerSearch: {
255
+ bg: string;
256
+ border: string;
257
+ };
258
+ sidenav: {
259
+ selectedBg: string;
260
+ };
261
+ menu: {
262
+ bgActive: string;
263
+ };
264
+ input: {
265
+ disabledBg: string;
266
+ };
267
+ timeline: {
268
+ badgeBg: string;
269
+ };
270
+ ansi: {
271
+ black: string;
272
+ blackBright: string;
273
+ white: string;
274
+ whiteBright: string;
275
+ gray: string;
276
+ red: string;
277
+ redBright: string;
278
+ green: string;
279
+ greenBright: string;
280
+ yellow: string;
281
+ yellowBright: string;
282
+ blue: string;
283
+ blueBright: string;
284
+ magenta: string;
285
+ magentaBright: string;
286
+ cyan: string;
287
+ cyanBright: string;
288
+ };
289
+ btn: {
290
+ text: string;
291
+ bg: string;
292
+ border: string;
293
+ hoverBg: string;
294
+ hoverBorder: string;
295
+ activeBg: string;
296
+ activeBorder: string;
297
+ selectedBg: string;
298
+ counterBg: string;
299
+ primary: {
300
+ text: string;
301
+ bg: string;
302
+ border: string;
303
+ hoverBg: string;
304
+ hoverBorder: string;
305
+ selectedBg: string;
306
+ disabledText: string;
307
+ disabledBg: string;
308
+ disabledBorder: string;
309
+ icon: string;
310
+ counterBg: string;
311
+ };
312
+ outline: {
313
+ text: string;
314
+ hoverText: string;
315
+ hoverBg: string;
316
+ hoverBorder: string;
317
+ hoverCounterBg: string;
318
+ selectedText: string;
319
+ selectedBg: string;
320
+ selectedBorder: string;
321
+ disabledText: string;
322
+ disabledBg: string;
323
+ disabledCounterBg: string;
324
+ counterBg: string;
325
+ counterFg: string;
326
+ hoverCounterFg: string;
327
+ disabledCounterFg: string;
328
+ };
329
+ danger: {
330
+ text: string;
331
+ hoverText: string;
332
+ hoverBg: string;
333
+ hoverBorder: string;
334
+ hoverCounterBg: string;
335
+ selectedText: string;
336
+ selectedBg: string;
337
+ selectedBorder: string;
338
+ disabledText: string;
339
+ disabledBg: string;
340
+ disabledCounterBg: string;
341
+ counterBg: string;
342
+ icon: string;
343
+ hoverIcon: string;
344
+ counterFg: string;
345
+ hoverCounterFg: string;
346
+ disabledCounterFg: string;
347
+ };
348
+ inactive: {
349
+ bg: string;
350
+ text: string;
351
+ };
352
+ };
353
+ underlinenav: {
354
+ icon: string;
355
+ borderHover: string;
356
+ };
357
+ actionListItem: {
358
+ inlineDivider: string;
359
+ default: {
360
+ hoverBg: string;
361
+ hoverBorder: string;
362
+ activeBg: string;
363
+ activeBorder: string;
364
+ selectedBg: string;
365
+ };
366
+ danger: {
367
+ hoverBg: string;
368
+ activeBg: string;
369
+ hoverText: string;
370
+ };
371
+ };
372
+ switchTrack: {
373
+ bg: string;
374
+ hoverBg: string;
375
+ activeBg: string;
376
+ disabledBg: string;
377
+ fg: string;
378
+ disabledFg: string;
379
+ border: string;
380
+ checked: {
381
+ bg: string;
382
+ hoverBg: string;
383
+ activeBg: string;
384
+ fg: string;
385
+ disabledFg: string;
386
+ border: string;
387
+ };
388
+ };
389
+ switchKnob: {
390
+ bg: string;
391
+ disabledBg: string;
392
+ border: string;
393
+ checked: {
394
+ bg: string;
395
+ disabledBg: string;
396
+ border: string;
397
+ };
398
+ };
399
+ segmentedControl: {
400
+ bg: string;
401
+ button: {
402
+ bg: string;
403
+ hover: {
404
+ bg: string;
405
+ };
406
+ active: {
407
+ bg: string;
408
+ };
409
+ selected: {
410
+ border: string;
411
+ };
412
+ };
413
+ };
414
+ treeViewItem: {
415
+ chevron: {
416
+ hoverBg: string;
417
+ };
418
+ directory: {
419
+ fill: string;
420
+ };
421
+ };
422
+ fg: {
423
+ default: string;
424
+ muted: string;
425
+ subtle: string;
426
+ onEmphasis: string;
427
+ };
428
+ canvas: {
429
+ default: string;
430
+ overlay: string;
431
+ inset: string;
432
+ subtle: string;
433
+ };
434
+ border: {
435
+ default: string;
436
+ muted: string;
437
+ subtle: string;
438
+ };
439
+ neutral: {
440
+ emphasisPlus: string;
441
+ emphasis: string;
442
+ muted: string;
443
+ subtle: string;
444
+ };
445
+ accent: {
446
+ fg: string;
447
+ emphasis: string;
448
+ muted: string;
449
+ subtle: string;
450
+ };
451
+ success: {
452
+ fg: string;
453
+ emphasis: string;
454
+ muted: string;
455
+ subtle: string;
456
+ };
457
+ attention: {
458
+ fg: string;
459
+ emphasis: string;
460
+ muted: string;
461
+ subtle: string;
462
+ };
463
+ severe: {
464
+ fg: string;
465
+ emphasis: string;
466
+ muted: string;
467
+ subtle: string;
468
+ };
469
+ danger: {
470
+ fg: string;
471
+ emphasis: string;
472
+ muted: string;
473
+ subtle: string;
474
+ };
475
+ open: {
476
+ fg: string;
477
+ emphasis: string;
478
+ muted: string;
479
+ subtle: string;
480
+ };
481
+ closed: {
482
+ fg: string;
483
+ emphasis: string;
484
+ muted: string;
485
+ subtle: string;
486
+ };
487
+ done: {
488
+ fg: string;
489
+ emphasis: string;
490
+ muted: string;
491
+ subtle: string;
492
+ };
493
+ sponsors: {
494
+ fg: string;
495
+ emphasis: string;
496
+ muted: string;
497
+ subtle: string;
498
+ };
499
+ primer: {
500
+ fg: {
501
+ disabled: string;
502
+ };
503
+ canvas: {
504
+ backdrop: string;
505
+ sticky: string;
506
+ };
507
+ border: {
508
+ active: string;
509
+ contrast: string;
510
+ };
511
+ };
512
+ };
513
+ shadows: {
514
+ mktg: {
515
+ btn: {
516
+ shadow: {
517
+ outline: string;
518
+ focus: string;
519
+ hover: string;
520
+ hoverMuted: string;
521
+ };
522
+ };
523
+ };
524
+ avatar: {
525
+ childShadow: string;
526
+ };
527
+ overlay: {
528
+ shadow: string;
529
+ };
530
+ btn: {
531
+ shadow: string;
532
+ insetShadow: string;
533
+ primary: {
534
+ shadow: string;
535
+ insetShadow: string;
536
+ selectedShadow: string;
537
+ };
538
+ outline: {
539
+ hoverShadow: string;
540
+ hoverInsetShadow: string;
541
+ selectedShadow: string;
542
+ };
543
+ danger: {
544
+ hoverShadow: string;
545
+ hoverInsetShadow: string;
546
+ selectedShadow: string;
547
+ };
548
+ };
549
+ shadow: {
550
+ small: string;
551
+ medium: string;
552
+ large: string;
553
+ extraLarge: string;
554
+ };
555
+ primer: {
556
+ shadow: {
557
+ highlight: string;
558
+ inset: string;
559
+ };
560
+ };
561
+ };
562
+ }>;
563
+ shadows: Partial<{
564
+ colors: {
565
+ canvasDefaultTransparent: string;
566
+ pageHeaderBg: string;
567
+ marketingIcon: {
568
+ primary: string;
569
+ secondary: string;
570
+ };
571
+ diffBlob: {
572
+ addition: {
573
+ numText: string;
574
+ fg: string;
575
+ numBg: string;
576
+ lineBg: string;
577
+ wordBg: string;
578
+ };
579
+ deletion: {
580
+ numText: string;
581
+ fg: string;
582
+ numBg: string;
583
+ lineBg: string;
584
+ wordBg: string;
585
+ };
586
+ hunk: {
587
+ numBg: string;
588
+ };
589
+ expander: {
590
+ icon: string;
591
+ };
592
+ selectedLineHighlightMixBlendMode: string;
593
+ };
594
+ diffstat: {
595
+ deletionBorder: string;
596
+ additionBorder: string;
597
+ additionBg: string;
598
+ };
599
+ searchKeyword: {
600
+ hl: string;
601
+ };
602
+ prettylights: {
603
+ syntax: {
604
+ comment: string;
605
+ constant: string;
606
+ entity: string;
607
+ storageModifierImport: string;
608
+ entityTag: string;
609
+ keyword: string;
610
+ string: string;
611
+ variable: string;
612
+ brackethighlighterUnmatched: string;
613
+ invalidIllegalText: string;
614
+ invalidIllegalBg: string;
615
+ carriageReturnText: string;
616
+ carriageReturnBg: string;
617
+ stringRegexp: string;
618
+ markupList: string;
619
+ markupHeading: string;
620
+ markupItalic: string;
621
+ markupBold: string;
622
+ markupDeletedText: string;
623
+ markupDeletedBg: string;
624
+ markupInsertedText: string;
625
+ markupInsertedBg: string;
626
+ markupChangedText: string;
627
+ markupChangedBg: string;
628
+ markupIgnoredText: string;
629
+ markupIgnoredBg: string;
630
+ metaDiffRange: string;
631
+ brackethighlighterAngle: string;
632
+ sublimelinterGutterMark: string;
633
+ constantOtherReferenceLink: string;
634
+ };
635
+ };
636
+ codemirror: {
637
+ text: string;
638
+ bg: string;
639
+ guttersBg: string;
640
+ guttermarkerText: string;
641
+ guttermarkerSubtleText: string;
642
+ linenumberText: string;
643
+ cursor: string;
644
+ selectionBg: string;
645
+ activelineBg: string;
646
+ matchingbracketText: string;
647
+ linesBg: string;
648
+ syntax: {
649
+ comment: string;
650
+ constant: string;
651
+ entity: string;
652
+ keyword: string;
653
+ storage: string;
654
+ string: string;
655
+ support: string;
656
+ variable: string;
657
+ };
658
+ };
659
+ checks: {
660
+ bg: string;
661
+ runBorderWidth: string;
662
+ containerBorderWidth: string;
663
+ textPrimary: string;
664
+ textSecondary: string;
665
+ textLink: string;
666
+ btnIcon: string;
667
+ btnHoverIcon: string;
668
+ btnHoverBg: string;
669
+ inputText: string;
670
+ inputPlaceholderText: string;
671
+ inputFocusText: string;
672
+ inputBg: string;
673
+ inputShadow: string;
674
+ donutError: string;
675
+ donutPending: string;
676
+ donutSuccess: string;
677
+ donutNeutral: string;
678
+ dropdownText: string;
679
+ dropdownBg: string;
680
+ dropdownBorder: string;
681
+ dropdownShadow: string;
682
+ dropdownHoverText: string;
683
+ dropdownHoverBg: string;
684
+ dropdownBtnHoverText: string;
685
+ dropdownBtnHoverBg: string;
686
+ scrollbarThumbBg: string;
687
+ headerLabelText: string;
688
+ headerLabelOpenText: string;
689
+ headerBorder: string;
690
+ headerIcon: string;
691
+ lineText: string;
692
+ lineNumText: string;
693
+ lineTimestampText: string;
694
+ lineHoverBg: string;
695
+ lineSelectedBg: string;
696
+ lineSelectedNumText: string;
697
+ lineDtFmText: string;
698
+ lineDtFmBg: string;
699
+ gateBg: string;
700
+ gateText: string;
701
+ gateWaitingText: string;
702
+ stepHeaderOpenBg: string;
703
+ stepErrorText: string;
704
+ stepWarningText: string;
705
+ loglineText: string;
706
+ loglineNumText: string;
707
+ loglineDebugText: string;
708
+ loglineErrorText: string;
709
+ loglineErrorNumText: string;
710
+ loglineErrorBg: string;
711
+ loglineWarningText: string;
712
+ loglineWarningNumText: string;
713
+ loglineWarningBg: string;
714
+ loglineCommandText: string;
715
+ loglineSectionText: string;
716
+ ansi: {
717
+ black: string;
718
+ blackBright: string;
719
+ white: string;
720
+ whiteBright: string;
721
+ gray: string;
722
+ red: string;
723
+ redBright: string;
724
+ green: string;
725
+ greenBright: string;
726
+ yellow: string;
727
+ yellowBright: string;
728
+ blue: string;
729
+ blueBright: string;
730
+ magenta: string;
731
+ magentaBright: string;
732
+ cyan: string;
733
+ cyanBright: string;
734
+ };
735
+ };
736
+ project: {
737
+ headerBg: string;
738
+ sidebarBg: string;
739
+ gradientIn: string;
740
+ gradientOut: string;
741
+ };
742
+ mktg: {
743
+ btn: {
744
+ bg: string;
745
+ };
746
+ };
747
+ control: {
748
+ borderColor: {
749
+ emphasis: string;
750
+ };
751
+ };
752
+ avatar: {
753
+ bg: string;
754
+ border: string;
755
+ stackFade: string;
756
+ stackFadeMore: string;
757
+ };
758
+ topicTag: {
759
+ border: string;
760
+ };
761
+ counter: {
762
+ border: string;
763
+ };
764
+ selectMenu: {
765
+ backdropBorder: string;
766
+ tapHighlight: string;
767
+ tapFocusBg: string;
768
+ };
769
+ overlay: {
770
+ backdrop: string;
771
+ };
772
+ header: {
773
+ text: string;
774
+ bg: string;
775
+ divider: string;
776
+ logo: string;
777
+ };
778
+ headerSearch: {
779
+ bg: string;
780
+ border: string;
781
+ };
782
+ sidenav: {
783
+ selectedBg: string;
784
+ };
785
+ menu: {
786
+ bgActive: string;
787
+ };
788
+ input: {
789
+ disabledBg: string;
790
+ };
791
+ timeline: {
792
+ badgeBg: string;
793
+ };
794
+ ansi: {
795
+ black: string;
796
+ blackBright: string;
797
+ white: string;
798
+ whiteBright: string;
799
+ gray: string;
800
+ red: string;
801
+ redBright: string;
802
+ green: string;
803
+ greenBright: string;
804
+ yellow: string;
805
+ yellowBright: string;
806
+ blue: string;
807
+ blueBright: string;
808
+ magenta: string;
809
+ magentaBright: string;
810
+ cyan: string;
811
+ cyanBright: string;
812
+ };
813
+ btn: {
814
+ text: string;
815
+ bg: string;
816
+ border: string;
817
+ hoverBg: string;
818
+ hoverBorder: string;
819
+ activeBg: string;
820
+ activeBorder: string;
821
+ selectedBg: string;
822
+ counterBg: string;
823
+ primary: {
824
+ text: string;
825
+ bg: string;
826
+ border: string;
827
+ hoverBg: string;
828
+ hoverBorder: string;
829
+ selectedBg: string;
830
+ disabledText: string;
831
+ disabledBg: string;
832
+ disabledBorder: string;
833
+ icon: string;
834
+ counterBg: string;
835
+ };
836
+ outline: {
837
+ text: string;
838
+ hoverText: string;
839
+ hoverBg: string;
840
+ hoverBorder: string;
841
+ hoverCounterBg: string;
842
+ selectedText: string;
843
+ selectedBg: string;
844
+ selectedBorder: string;
845
+ disabledText: string;
846
+ disabledBg: string;
847
+ disabledCounterBg: string;
848
+ counterBg: string;
849
+ counterFg: string;
850
+ hoverCounterFg: string;
851
+ disabledCounterFg: string;
852
+ };
853
+ danger: {
854
+ text: string;
855
+ hoverText: string;
856
+ hoverBg: string;
857
+ hoverBorder: string;
858
+ hoverCounterBg: string;
859
+ selectedText: string;
860
+ selectedBg: string;
861
+ selectedBorder: string;
862
+ disabledText: string;
863
+ disabledBg: string;
864
+ disabledCounterBg: string;
865
+ counterBg: string;
866
+ icon: string;
867
+ hoverIcon: string;
868
+ counterFg: string;
869
+ hoverCounterFg: string;
870
+ disabledCounterFg: string;
871
+ };
872
+ inactive: {
873
+ bg: string;
874
+ text: string;
875
+ };
876
+ };
877
+ underlinenav: {
878
+ icon: string;
879
+ borderHover: string;
880
+ };
881
+ actionListItem: {
882
+ inlineDivider: string;
883
+ default: {
884
+ hoverBg: string;
885
+ hoverBorder: string;
886
+ activeBg: string;
887
+ activeBorder: string;
888
+ selectedBg: string;
889
+ };
890
+ danger: {
891
+ hoverBg: string;
892
+ activeBg: string;
893
+ hoverText: string;
894
+ };
895
+ };
896
+ switchTrack: {
897
+ bg: string;
898
+ hoverBg: string;
899
+ activeBg: string;
900
+ disabledBg: string;
901
+ fg: string;
902
+ disabledFg: string;
903
+ border: string;
904
+ checked: {
905
+ bg: string;
906
+ hoverBg: string;
907
+ activeBg: string;
908
+ fg: string;
909
+ disabledFg: string;
910
+ border: string;
911
+ };
912
+ };
913
+ switchKnob: {
914
+ bg: string;
915
+ disabledBg: string;
916
+ border: string;
917
+ checked: {
918
+ bg: string;
919
+ disabledBg: string;
920
+ border: string;
921
+ };
922
+ };
923
+ segmentedControl: {
924
+ bg: string;
925
+ button: {
926
+ bg: string;
927
+ hover: {
928
+ bg: string;
929
+ };
930
+ active: {
931
+ bg: string;
932
+ };
933
+ selected: {
934
+ border: string;
935
+ };
936
+ };
937
+ };
938
+ treeViewItem: {
939
+ chevron: {
940
+ hoverBg: string;
941
+ };
942
+ directory: {
943
+ fill: string;
944
+ };
945
+ };
946
+ fg: {
947
+ default: string;
948
+ muted: string;
949
+ subtle: string;
950
+ onEmphasis: string;
951
+ };
952
+ canvas: {
953
+ default: string;
954
+ overlay: string;
955
+ inset: string;
956
+ subtle: string;
957
+ };
958
+ border: {
959
+ default: string;
960
+ muted: string;
961
+ subtle: string;
962
+ };
963
+ neutral: {
964
+ emphasisPlus: string;
965
+ emphasis: string;
966
+ muted: string;
967
+ subtle: string;
968
+ };
969
+ accent: {
970
+ fg: string;
971
+ emphasis: string;
972
+ muted: string;
973
+ subtle: string;
974
+ };
975
+ success: {
976
+ fg: string;
977
+ emphasis: string;
978
+ muted: string;
979
+ subtle: string;
980
+ };
981
+ attention: {
982
+ fg: string;
983
+ emphasis: string;
984
+ muted: string;
985
+ subtle: string;
986
+ };
987
+ severe: {
988
+ fg: string;
989
+ emphasis: string;
990
+ muted: string;
991
+ subtle: string;
992
+ };
993
+ danger: {
994
+ fg: string;
995
+ emphasis: string;
996
+ muted: string;
997
+ subtle: string;
998
+ };
999
+ open: {
1000
+ fg: string;
1001
+ emphasis: string;
1002
+ muted: string;
1003
+ subtle: string;
1004
+ };
1005
+ closed: {
1006
+ fg: string;
1007
+ emphasis: string;
1008
+ muted: string;
1009
+ subtle: string;
1010
+ };
1011
+ done: {
1012
+ fg: string;
1013
+ emphasis: string;
1014
+ muted: string;
1015
+ subtle: string;
1016
+ };
1017
+ sponsors: {
1018
+ fg: string;
1019
+ emphasis: string;
1020
+ muted: string;
1021
+ subtle: string;
1022
+ };
1023
+ primer: {
1024
+ fg: {
1025
+ disabled: string;
1026
+ };
1027
+ canvas: {
1028
+ backdrop: string;
1029
+ sticky: string;
1030
+ };
1031
+ border: {
1032
+ active: string;
1033
+ contrast: string;
1034
+ };
1035
+ };
1036
+ };
1037
+ shadows: {
1038
+ mktg: {
1039
+ btn: {
1040
+ shadow: {
1041
+ outline: string;
1042
+ focus: string;
1043
+ hover: string;
1044
+ hoverMuted: string;
1045
+ };
1046
+ };
1047
+ };
1048
+ avatar: {
1049
+ childShadow: string;
1050
+ };
1051
+ overlay: {
1052
+ shadow: string;
1053
+ };
1054
+ btn: {
1055
+ shadow: string;
1056
+ insetShadow: string;
1057
+ primary: {
1058
+ shadow: string;
1059
+ insetShadow: string;
1060
+ selectedShadow: string;
1061
+ };
1062
+ outline: {
1063
+ hoverShadow: string;
1064
+ hoverInsetShadow: string;
1065
+ selectedShadow: string;
1066
+ };
1067
+ danger: {
1068
+ hoverShadow: string;
1069
+ hoverInsetShadow: string;
1070
+ selectedShadow: string;
1071
+ };
1072
+ };
1073
+ shadow: {
1074
+ small: string;
1075
+ medium: string;
1076
+ large: string;
1077
+ extraLarge: string;
1078
+ };
1079
+ primer: {
1080
+ shadow: {
1081
+ highlight: string;
1082
+ inset: string;
1083
+ };
1084
+ };
1085
+ };
1086
+ }>;
1087
+ }>;
1088
+ };
1089
+ /** Comprehensive Primer CSS-variable overrides for light & dark mode. */
1090
+ export declare const sandThemeStyles: import("../css/createThemeCSSVars").ThemeStyles;
1091
+ export default sandTheme;