@instructure/shared-types 8.34.0 → 8.34.1-snapshot-1
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.
- package/CHANGELOG.md +8 -0
- package/package.json +2 -2
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/BaseTheme.d.ts +15 -15
- package/types/BaseTheme.d.ts.map +1 -1
- package/types/Colors.d.ts +5 -5
- package/types/Colors.d.ts.map +1 -1
- package/types/CommonProps.d.ts +2 -2
- package/types/CommonProps.d.ts.map +1 -1
- package/types/CommonTypes.d.ts +4 -4
- package/types/CommonTypes.d.ts.map +1 -1
- package/types/ComponentThemeMap.d.ts +2 -2
- package/types/ComponentThemeMap.d.ts.map +1 -1
- package/types/ComponentThemeVariables.d.ts +100 -100
- package/types/ComponentThemeVariables.d.ts.map +1 -1
- package/types/UtilityTypes.d.ts +7 -7
- package/types/UtilityTypes.d.ts.map +1 -1
|
@@ -3,7 +3,7 @@ import { Border, Breakpoints, Forms, Media, Shadows, Spacing, Stacking, Transiti
|
|
|
3
3
|
export interface ComponentTheme {
|
|
4
4
|
[variableName: string]: string | number | undefined;
|
|
5
5
|
}
|
|
6
|
-
export
|
|
6
|
+
export type AlertTheme = {
|
|
7
7
|
background: Colors['backgroundLightest'];
|
|
8
8
|
color: Colors['textDarkest'];
|
|
9
9
|
marginTop: Spacing['small'];
|
|
@@ -28,7 +28,7 @@ export declare type AlertTheme = {
|
|
|
28
28
|
dangerIconBackground: Colors['backgroundDanger'];
|
|
29
29
|
boxShadow: Shadows['depth2'];
|
|
30
30
|
};
|
|
31
|
-
export
|
|
31
|
+
export type AvatarTheme = {
|
|
32
32
|
background: Colors['backgroundLightest'];
|
|
33
33
|
borderWidthSmall: Border['widthSmall'];
|
|
34
34
|
borderWidthMedium: Border['widthMedium'];
|
|
@@ -45,7 +45,7 @@ export declare type AvatarTheme = {
|
|
|
45
45
|
colorLicorice: Colors['licorice'];
|
|
46
46
|
colorAsh: Colors['ash'];
|
|
47
47
|
};
|
|
48
|
-
export
|
|
48
|
+
export type BadgeTheme = {
|
|
49
49
|
fontFamily: Typography['fontFamily'];
|
|
50
50
|
fontWeight: Typography['fontWeightNormal'];
|
|
51
51
|
color: Colors['textLightest'];
|
|
@@ -63,7 +63,7 @@ export declare type BadgeTheme = {
|
|
|
63
63
|
padding: Spacing['xxSmall'];
|
|
64
64
|
pulseBorderThickness: Border['widthMedium'];
|
|
65
65
|
};
|
|
66
|
-
export
|
|
66
|
+
export type BillboardTheme = {
|
|
67
67
|
fontFamily: Typography['fontFamily'];
|
|
68
68
|
paddingSmall: Spacing['small'];
|
|
69
69
|
paddingMedium: Spacing['medium'];
|
|
@@ -87,7 +87,7 @@ export declare type BillboardTheme = {
|
|
|
87
87
|
buttonBorderStyle: Border['style'];
|
|
88
88
|
buttonHoverBorderStyle: string;
|
|
89
89
|
};
|
|
90
|
-
export
|
|
90
|
+
export type BreadcrumbTheme = {
|
|
91
91
|
fontFamily: Typography['fontFamily'];
|
|
92
92
|
separatorColor: Colors['borderDark'];
|
|
93
93
|
smallSeparatorFontSize: string;
|
|
@@ -97,7 +97,7 @@ export declare type BreadcrumbTheme = {
|
|
|
97
97
|
largeSeparatorFontSize: string;
|
|
98
98
|
largeFontSize: Typography['fontSizeLarge'];
|
|
99
99
|
};
|
|
100
|
-
export
|
|
100
|
+
export type BaseButtonTheme = {
|
|
101
101
|
transform: string;
|
|
102
102
|
hoverTransform: string;
|
|
103
103
|
fontFamily: Typography['fontFamily'];
|
|
@@ -189,13 +189,13 @@ export declare type BaseButtonTheme = {
|
|
|
189
189
|
primaryInverseGhostActiveBackground: string;
|
|
190
190
|
primaryInverseGhostActiveBoxShadow: string;
|
|
191
191
|
};
|
|
192
|
-
export
|
|
192
|
+
export type CloseButtonTheme = {
|
|
193
193
|
offsetMedium: Spacing['medium'];
|
|
194
194
|
offsetSmall: Spacing['small'];
|
|
195
195
|
offsetXSmall: Spacing['xSmall'];
|
|
196
196
|
zIndex: Stacking['above'];
|
|
197
197
|
};
|
|
198
|
-
export
|
|
198
|
+
export type BylineTheme = {
|
|
199
199
|
fontFamily: Typography['fontFamily'];
|
|
200
200
|
background: Colors['backgroundLightest'];
|
|
201
201
|
color: Colors['textDarkest'];
|
|
@@ -211,7 +211,7 @@ export declare type BylineTheme = {
|
|
|
211
211
|
medium: Breakpoints['medium'];
|
|
212
212
|
large: Breakpoints['large'];
|
|
213
213
|
};
|
|
214
|
-
export
|
|
214
|
+
export type CalendarDayTheme = {
|
|
215
215
|
color: Colors['textDarkest'];
|
|
216
216
|
background: Colors['backgroundLightest'];
|
|
217
217
|
fontSize: Typography['fontSizeMedium'];
|
|
@@ -226,7 +226,7 @@ export declare type CalendarDayTheme = {
|
|
|
226
226
|
todayColor: Colors['textLightest'];
|
|
227
227
|
todayBorderRadius: Forms['inputHeightSmall'];
|
|
228
228
|
};
|
|
229
|
-
export
|
|
229
|
+
export type CalendarTheme = {
|
|
230
230
|
fontSize: Typography['fontSizeMedium'];
|
|
231
231
|
fontFamily: Typography['fontFamily'];
|
|
232
232
|
fontWeight: Typography['fontWeightNormal'];
|
|
@@ -235,7 +235,7 @@ export declare type CalendarTheme = {
|
|
|
235
235
|
navMargin: Spacing['small'];
|
|
236
236
|
maxHeaderWidth: Spacing['medium'];
|
|
237
237
|
};
|
|
238
|
-
export
|
|
238
|
+
export type CheckboxFacadeTheme = {
|
|
239
239
|
color: Colors['textLightest'];
|
|
240
240
|
borderWidth: Border['widthSmall'];
|
|
241
241
|
borderColor: Colors['borderDark'];
|
|
@@ -264,7 +264,7 @@ export declare type CheckboxFacadeTheme = {
|
|
|
264
264
|
iconSizeMedium: string;
|
|
265
265
|
iconSizeLarge: string;
|
|
266
266
|
};
|
|
267
|
-
export
|
|
267
|
+
export type ToggleFacadeTheme = {
|
|
268
268
|
color: Colors['textLightest'];
|
|
269
269
|
background: Colors['backgroundLight'];
|
|
270
270
|
borderColor: Colors['borderMedium'];
|
|
@@ -290,7 +290,7 @@ export declare type ToggleFacadeTheme = {
|
|
|
290
290
|
labelFontSizeMedium: Typography['fontSizeMedium'];
|
|
291
291
|
labelFontSizeLarge: Typography['fontSizeLarge'];
|
|
292
292
|
};
|
|
293
|
-
export
|
|
293
|
+
export type CodeEditorTheme = {
|
|
294
294
|
fontFamily: Typography['fontFamilyMonospace'];
|
|
295
295
|
fontSize: Typography['fontSizeSmall'];
|
|
296
296
|
background: Colors['backgroundLight'];
|
|
@@ -345,7 +345,7 @@ export declare type CodeEditorTheme = {
|
|
|
345
345
|
nodeColor: Colors['textWarning'];
|
|
346
346
|
operatorColor: Colors['textDarkest'];
|
|
347
347
|
};
|
|
348
|
-
export
|
|
348
|
+
export type ColorContrastTheme = {
|
|
349
349
|
width: string;
|
|
350
350
|
fontFamily: Typography['fontFamily'];
|
|
351
351
|
fontWeight: Typography['fontWeightNormal'];
|
|
@@ -361,7 +361,7 @@ export declare type ColorContrastTheme = {
|
|
|
361
361
|
failureColor: Colors['crimson'];
|
|
362
362
|
pickedHexColor: Colors['ash'];
|
|
363
363
|
};
|
|
364
|
-
export
|
|
364
|
+
export type ColorIndicatorTheme = {
|
|
365
365
|
borderWidth: Border['widthSmall'];
|
|
366
366
|
backgroundImage: string;
|
|
367
367
|
backgroundSize: string;
|
|
@@ -372,7 +372,7 @@ export declare type ColorIndicatorTheme = {
|
|
|
372
372
|
rectangularIndicatorBorderRadius: Spacing['xxSmall'];
|
|
373
373
|
rectangularIndicatorBorderWidth: Border['widthSmall'];
|
|
374
374
|
};
|
|
375
|
-
export
|
|
375
|
+
export type ColorMixerPaletteTheme = {
|
|
376
376
|
indicatorBorderColor: Colors['licorice'];
|
|
377
377
|
whiteColor: Colors['white'];
|
|
378
378
|
colorIndicatorBorderColor: string;
|
|
@@ -382,13 +382,13 @@ export declare type ColorMixerPaletteTheme = {
|
|
|
382
382
|
disabledOverlayZIndex: Stacking['topmost'];
|
|
383
383
|
paletteOffset: string;
|
|
384
384
|
};
|
|
385
|
-
export
|
|
385
|
+
export type ColorMixerRGBAInputTheme = {
|
|
386
386
|
labelFontWeight: Typography['fontWeightBold'];
|
|
387
387
|
inputContainerTopMargin: Spacing['xSmall'];
|
|
388
388
|
tgbInputTopMargin: Spacing['xSmall'];
|
|
389
389
|
rgbaInputTopMargin: Spacing['medium'];
|
|
390
390
|
};
|
|
391
|
-
export
|
|
391
|
+
export type ColorMixerSliderTheme = {
|
|
392
392
|
indicatorBorderColor: Colors['licorice'];
|
|
393
393
|
checkerboardBackgroundImage: string;
|
|
394
394
|
checkerboardBackgroundSize: string;
|
|
@@ -399,7 +399,7 @@ export declare type ColorMixerSliderTheme = {
|
|
|
399
399
|
indicatorZIndex: Stacking['above'];
|
|
400
400
|
disabledOverlayZIndex: Stacking['topmost'];
|
|
401
401
|
};
|
|
402
|
-
export
|
|
402
|
+
export type ColorPickerTheme = {
|
|
403
403
|
hashMarkColor: Colors['ash'];
|
|
404
404
|
warningIconColor: Colors['textWarning'];
|
|
405
405
|
errorIconColor: Colors['textDanger'];
|
|
@@ -427,7 +427,7 @@ export declare type ColorPickerTheme = {
|
|
|
427
427
|
popoverFooterTopBorderWidth: Border['widthSmall'];
|
|
428
428
|
colorMixerButtonContainerLeftMargin: Spacing['xSmall'];
|
|
429
429
|
};
|
|
430
|
-
export
|
|
430
|
+
export type ColorPresetTheme = {
|
|
431
431
|
xxSmallSpacing: Spacing['xxSmall'];
|
|
432
432
|
smallSpacing: Spacing['small'];
|
|
433
433
|
selectedIndicatorBackgroundColor: Colors['white'];
|
|
@@ -442,11 +442,11 @@ export declare type ColorPresetTheme = {
|
|
|
442
442
|
popoverContentBlockBottomMargin: Spacing['small'];
|
|
443
443
|
popoverContentBlockTopPadding: Spacing['small'];
|
|
444
444
|
};
|
|
445
|
-
export
|
|
445
|
+
export type DrawerLayoutContentTheme = {
|
|
446
446
|
duration: Transitions['duration'];
|
|
447
447
|
overflowY: string;
|
|
448
448
|
};
|
|
449
|
-
export
|
|
449
|
+
export type DrawerLayoutTrayTheme = {
|
|
450
450
|
background: Colors['backgroundLightest'];
|
|
451
451
|
borderColor: Colors['borderMedium'];
|
|
452
452
|
borderWidth: Border['widthSmall'];
|
|
@@ -457,12 +457,12 @@ export declare type DrawerLayoutTrayTheme = {
|
|
|
457
457
|
overflowY: string;
|
|
458
458
|
contentOverflowY: string;
|
|
459
459
|
};
|
|
460
|
-
export
|
|
460
|
+
export type DrilldownTheme = {
|
|
461
461
|
headerTitleFontWeight: Typography['fontWeightBold'];
|
|
462
462
|
headerActionColor: Colors['textLink'];
|
|
463
463
|
labelInfoPadding: Spacing['small'];
|
|
464
464
|
};
|
|
465
|
-
export
|
|
465
|
+
export type FileDropTheme = {
|
|
466
466
|
backgroundColor: Colors['backgroundLightest'];
|
|
467
467
|
borderRadius: Border['radiusLarge'];
|
|
468
468
|
borderWidth: Border['widthMedium'];
|
|
@@ -472,10 +472,10 @@ export declare type FileDropTheme = {
|
|
|
472
472
|
acceptedColor: Colors['textBrand'];
|
|
473
473
|
rejectedColor: Colors['textDanger'];
|
|
474
474
|
};
|
|
475
|
-
export
|
|
475
|
+
export type FlexTheme = {
|
|
476
476
|
fontFamily: Typography['fontFamily'];
|
|
477
477
|
};
|
|
478
|
-
export
|
|
478
|
+
export type FormFieldGroupTheme = {
|
|
479
479
|
borderWidth: Border['widthSmall'];
|
|
480
480
|
borderStyle: Border['style'];
|
|
481
481
|
borderColor: string;
|
|
@@ -483,14 +483,14 @@ export declare type FormFieldGroupTheme = {
|
|
|
483
483
|
errorBorderColor: Colors['borderDanger'];
|
|
484
484
|
errorFieldsPadding: Spacing['xSmall'];
|
|
485
485
|
};
|
|
486
|
-
export
|
|
486
|
+
export type FormFieldLabelTheme = {
|
|
487
487
|
color: Colors['textDarkest'];
|
|
488
488
|
fontFamily: Typography['fontFamily'];
|
|
489
489
|
fontWeight: Typography['fontWeightBold'];
|
|
490
490
|
fontSize: Typography['fontSizeMedium'];
|
|
491
491
|
lineHeight: Typography['lineHeightFit'];
|
|
492
492
|
};
|
|
493
|
-
export
|
|
493
|
+
export type FormFieldMessageTheme = {
|
|
494
494
|
colorHint: Colors['textDarkest'];
|
|
495
495
|
colorError: Colors['textDanger'];
|
|
496
496
|
colorSuccess: Colors['textSuccess'];
|
|
@@ -499,15 +499,15 @@ export declare type FormFieldMessageTheme = {
|
|
|
499
499
|
fontSize: Typography['fontSizeSmall'];
|
|
500
500
|
lineHeight: Typography['lineHeight'];
|
|
501
501
|
};
|
|
502
|
-
export
|
|
502
|
+
export type FormFieldMessagesTheme = {
|
|
503
503
|
topMargin: Spacing['xxSmall'];
|
|
504
504
|
};
|
|
505
|
-
export
|
|
505
|
+
export type GridTheme = {
|
|
506
506
|
spacingSmall: Spacing['small'];
|
|
507
507
|
spacingMedium: Spacing['medium'];
|
|
508
508
|
spacingLarge: Spacing['large'];
|
|
509
509
|
} & Media;
|
|
510
|
-
export
|
|
510
|
+
export type HeadingTheme = {
|
|
511
511
|
lineHeight: Typography['lineHeightFit'];
|
|
512
512
|
h1FontSize: Typography['fontSizeXXLarge'];
|
|
513
513
|
h1FontWeight: Typography['fontWeightLight'];
|
|
@@ -533,11 +533,11 @@ export declare type HeadingTheme = {
|
|
|
533
533
|
borderWidth: Border['widthSmall'];
|
|
534
534
|
borderStyle: Border['style'];
|
|
535
535
|
};
|
|
536
|
-
export
|
|
536
|
+
export type ImgTheme = {
|
|
537
537
|
effectTransitionDuration: string;
|
|
538
538
|
imageBlurAmount: string | 0;
|
|
539
539
|
};
|
|
540
|
-
export
|
|
540
|
+
export type LinkTheme = {
|
|
541
541
|
fontFamily: Typography['fontFamily'];
|
|
542
542
|
fontWeight: Typography['fontWeightNormal'];
|
|
543
543
|
color: Colors['textLink'];
|
|
@@ -555,7 +555,7 @@ export declare type LinkTheme = {
|
|
|
555
555
|
iconSize: string;
|
|
556
556
|
iconPlusTextMargin: Spacing['xxSmall'];
|
|
557
557
|
};
|
|
558
|
-
export
|
|
558
|
+
export type InlineListItemTheme = {
|
|
559
559
|
fontFamily: Typography['fontFamily'];
|
|
560
560
|
fontWeight: Typography['fontWeightNormal'];
|
|
561
561
|
fontSizeSmall: Typography['fontSizeSmall'];
|
|
@@ -577,7 +577,7 @@ export declare type InlineListItemTheme = {
|
|
|
577
577
|
spacingXLarge: Spacing['xLarge'];
|
|
578
578
|
spacingXXLarge: Spacing['xxLarge'];
|
|
579
579
|
};
|
|
580
|
-
export
|
|
580
|
+
export type ListItemTheme = {
|
|
581
581
|
fontFamily: Typography['fontFamily'];
|
|
582
582
|
fontWeight: Typography['fontWeightNormal'];
|
|
583
583
|
lineHeight: Typography['lineHeight'];
|
|
@@ -596,12 +596,12 @@ export declare type ListItemTheme = {
|
|
|
596
596
|
delimiterDashedBorder: string;
|
|
597
597
|
delimiterSolidBorder: string;
|
|
598
598
|
};
|
|
599
|
-
export
|
|
599
|
+
export type ListTheme = {
|
|
600
600
|
listPadding: Spacing['large'];
|
|
601
601
|
orderedNumberFontWeight: Typography['fontWeightBold'];
|
|
602
602
|
orderedNumberMargin: Spacing['xSmall'];
|
|
603
603
|
};
|
|
604
|
-
export
|
|
604
|
+
export type MenuItemTheme = {
|
|
605
605
|
padding: string | 0;
|
|
606
606
|
fontFamily: Typography['fontFamily'];
|
|
607
607
|
fontWeight: Typography['fontWeightNormal'];
|
|
@@ -616,7 +616,7 @@ export declare type MenuItemTheme = {
|
|
|
616
616
|
activeLabelColor: Colors['textLightest'];
|
|
617
617
|
activeIconColor: Colors['textLightest'];
|
|
618
618
|
};
|
|
619
|
-
export
|
|
619
|
+
export type MenuGroupTheme = {
|
|
620
620
|
fontSize: Typography['fontSizeMedium'];
|
|
621
621
|
fontFamily: Typography['fontFamily'];
|
|
622
622
|
fontWeight: Typography['fontWeightBold'];
|
|
@@ -624,12 +624,12 @@ export declare type MenuGroupTheme = {
|
|
|
624
624
|
color: Colors['textDarkest'];
|
|
625
625
|
background: Colors['backgroundLightest'];
|
|
626
626
|
};
|
|
627
|
-
export
|
|
627
|
+
export type MenuSeparatorTheme = {
|
|
628
628
|
background: Colors['backgroundMedium'];
|
|
629
629
|
height: Border['widthSmall'];
|
|
630
630
|
margin: string | 0;
|
|
631
631
|
};
|
|
632
|
-
export
|
|
632
|
+
export type MenuTheme = {
|
|
633
633
|
minWidth: Breakpoints['xxSmall'];
|
|
634
634
|
maxWidth: Breakpoints['xSmall'];
|
|
635
635
|
background: Colors['backgroundLightest'];
|
|
@@ -638,7 +638,7 @@ export declare type MenuTheme = {
|
|
|
638
638
|
focusBorderColor: Colors['borderBrand'];
|
|
639
639
|
focusBorderRadius: Border['radiusMedium'];
|
|
640
640
|
};
|
|
641
|
-
export
|
|
641
|
+
export type MetricTheme = {
|
|
642
642
|
padding: string | 0;
|
|
643
643
|
fontFamily: Typography['fontFamily'];
|
|
644
644
|
valueColor: Colors['textDarkest'];
|
|
@@ -647,13 +647,13 @@ export declare type MetricTheme = {
|
|
|
647
647
|
labelColor: Colors['textDarkest'];
|
|
648
648
|
labelFontSize: Typography['fontSizeXSmall'];
|
|
649
649
|
};
|
|
650
|
-
export
|
|
650
|
+
export type MetricGroupTheme = {
|
|
651
651
|
lineHeight: Typography['lineHeightCondensed'];
|
|
652
652
|
};
|
|
653
|
-
export
|
|
653
|
+
export type ModalBodyTheme = {
|
|
654
654
|
inverseBackground: Colors['backgroundBrandSecondary'];
|
|
655
655
|
};
|
|
656
|
-
export
|
|
656
|
+
export type ModalFooterTheme = {
|
|
657
657
|
background: Colors['backgroundLight'];
|
|
658
658
|
borderColor: Colors['borderMedium'];
|
|
659
659
|
borderWidth: Border['widthSmall'];
|
|
@@ -662,7 +662,7 @@ export declare type ModalFooterTheme = {
|
|
|
662
662
|
inverseBackground: Colors['backgroundDarkest'];
|
|
663
663
|
inverseBorderColor: Colors['borderDarkest'];
|
|
664
664
|
};
|
|
665
|
-
export
|
|
665
|
+
export type ModalHeaderTheme = {
|
|
666
666
|
background: Colors['backgroundLightest'];
|
|
667
667
|
borderColor: Colors['borderMedium'];
|
|
668
668
|
padding: Spacing['medium'];
|
|
@@ -670,7 +670,7 @@ export declare type ModalHeaderTheme = {
|
|
|
670
670
|
inverseBackground: Colors['backgroundDarkest'];
|
|
671
671
|
inverseBorderColor: Colors['backgroundDarkest'];
|
|
672
672
|
};
|
|
673
|
-
export
|
|
673
|
+
export type ModalTheme = {
|
|
674
674
|
fontFamily: Typography['fontFamily'];
|
|
675
675
|
textColor: Colors['textDarkest'];
|
|
676
676
|
background: Colors['backgroundLightest'];
|
|
@@ -685,11 +685,11 @@ export declare type ModalTheme = {
|
|
|
685
685
|
boxShadow: Shadows['depth3'];
|
|
686
686
|
zIndex: Stacking['topmost'];
|
|
687
687
|
};
|
|
688
|
-
export
|
|
688
|
+
export type TransitionTheme = {
|
|
689
689
|
duration: Transitions['duration'];
|
|
690
690
|
timing: Transitions['timing'];
|
|
691
691
|
};
|
|
692
|
-
export
|
|
692
|
+
export type AppNavItemTheme = {
|
|
693
693
|
fontFamily: Typography['fontFamily'];
|
|
694
694
|
fontSize: string | 0;
|
|
695
695
|
fontWeight: Typography['fontWeightBold'];
|
|
@@ -699,7 +699,7 @@ export declare type AppNavItemTheme = {
|
|
|
699
699
|
padding: Spacing['small'];
|
|
700
700
|
backgroundColor: Colors['backgroundLightest'];
|
|
701
701
|
};
|
|
702
|
-
export
|
|
702
|
+
export type AppNavTheme = {
|
|
703
703
|
fontFamily: Typography['fontFamily'];
|
|
704
704
|
height: string | 0;
|
|
705
705
|
borderColor: Colors['borderMedium'];
|
|
@@ -708,7 +708,7 @@ export declare type AppNavTheme = {
|
|
|
708
708
|
horizontalMargin: Spacing['xxSmall'];
|
|
709
709
|
menuTriggerWidth: string | 0;
|
|
710
710
|
};
|
|
711
|
-
export
|
|
711
|
+
export type NavigationItemTheme = {
|
|
712
712
|
fontSize: Typography['fontSizeSmall'];
|
|
713
713
|
fontFamily: Typography['fontFamily'];
|
|
714
714
|
fontWeight: Typography['fontWeightLight'];
|
|
@@ -728,7 +728,7 @@ export declare type NavigationItemTheme = {
|
|
|
728
728
|
selectedInnerFocusOutline: string;
|
|
729
729
|
contentPadding: Spacing['xxSmall'];
|
|
730
730
|
};
|
|
731
|
-
export
|
|
731
|
+
export type NavigationTheme = {
|
|
732
732
|
fontColor: Colors['textLightest'];
|
|
733
733
|
backgroundColor: Colors['backgroundBrandSecondary'];
|
|
734
734
|
width: string;
|
|
@@ -741,7 +741,7 @@ export declare type NavigationTheme = {
|
|
|
741
741
|
marginBottom: Spacing['small'];
|
|
742
742
|
toggleTransition: Transitions['duration'];
|
|
743
743
|
};
|
|
744
|
-
export
|
|
744
|
+
export type NumberInputTheme = {
|
|
745
745
|
fontFamily: Typography['fontFamily'];
|
|
746
746
|
fontWeight: Typography['fontWeightNormal'];
|
|
747
747
|
borderWidth: Border['widthSmall'];
|
|
@@ -768,7 +768,7 @@ export declare type NumberInputTheme = {
|
|
|
768
768
|
largeFontSize: Typography['fontSizeLarge'];
|
|
769
769
|
largeHeight: Forms['inputHeightLarge'];
|
|
770
770
|
};
|
|
771
|
-
export
|
|
771
|
+
export type OptionsItemTheme = {
|
|
772
772
|
fontSize: Typography['fontSizeMedium'];
|
|
773
773
|
fontFamily: Typography['fontFamily'];
|
|
774
774
|
fontWeight: Typography['fontWeightNormal'];
|
|
@@ -790,19 +790,19 @@ export declare type OptionsItemTheme = {
|
|
|
790
790
|
descriptionPaddingStart: string | 0;
|
|
791
791
|
descriptionColor: Colors['textDark'];
|
|
792
792
|
};
|
|
793
|
-
export
|
|
793
|
+
export type OptionsSeparatorTheme = {
|
|
794
794
|
background: Colors['backgroundMedium'];
|
|
795
795
|
height: Border['widthSmall'];
|
|
796
796
|
margin: string | 0;
|
|
797
797
|
};
|
|
798
|
-
export
|
|
798
|
+
export type OptionsTheme = {
|
|
799
799
|
labelFontWeight: Typography['fontWeightBold'];
|
|
800
800
|
background: Colors['backgroundLightest'];
|
|
801
801
|
labelColor: Colors['textDarkest'];
|
|
802
802
|
labelPadding: string | 0;
|
|
803
803
|
nestedLabelPadding: string | 0;
|
|
804
804
|
};
|
|
805
|
-
export
|
|
805
|
+
export type MaskTheme = {
|
|
806
806
|
zIndex: Stacking['topmost'];
|
|
807
807
|
background: string;
|
|
808
808
|
borderColor: string;
|
|
@@ -810,18 +810,18 @@ export declare type MaskTheme = {
|
|
|
810
810
|
borderRadius: Border['radiusMedium'];
|
|
811
811
|
borderWidth: Border['widthSmall'];
|
|
812
812
|
};
|
|
813
|
-
export
|
|
813
|
+
export type PagesTheme = {
|
|
814
814
|
fontSize: Typography['fontSizeMedium'];
|
|
815
815
|
fontFamily: Typography['fontFamily'];
|
|
816
816
|
fontWeight: Typography['fontWeightNormal'];
|
|
817
817
|
color: Colors['textDarkest'];
|
|
818
818
|
background: Colors['backgroundLightest'];
|
|
819
819
|
};
|
|
820
|
-
export
|
|
820
|
+
export type PaginationPageInputTheme = {
|
|
821
821
|
inputSpacing: Spacing['xSmall'];
|
|
822
822
|
inputWidth: string;
|
|
823
823
|
};
|
|
824
|
-
export
|
|
824
|
+
export type PillTheme = {
|
|
825
825
|
fontFamily: Typography['fontFamily'];
|
|
826
826
|
padding: string | 0;
|
|
827
827
|
height: string | 0;
|
|
@@ -840,10 +840,10 @@ export declare type PillTheme = {
|
|
|
840
840
|
borderStyle: Border['style'];
|
|
841
841
|
borderRadius: string | 0;
|
|
842
842
|
};
|
|
843
|
-
export
|
|
843
|
+
export type PositionTheme = {
|
|
844
844
|
zIndex: Stacking['topmost'];
|
|
845
845
|
};
|
|
846
|
-
export
|
|
846
|
+
export type ProgressBarTheme = {
|
|
847
847
|
fontFamily: Typography['fontFamily'];
|
|
848
848
|
fontWeight: Typography['fontWeightNormal'];
|
|
849
849
|
lineHeight: Typography['lineHeightCondensed'];
|
|
@@ -877,7 +877,7 @@ export declare type ProgressBarTheme = {
|
|
|
877
877
|
trackBottomBorderColor: Colors['borderMedium'];
|
|
878
878
|
trackBottomBorderColorInverse: Colors['borderLightest'];
|
|
879
879
|
};
|
|
880
|
-
export
|
|
880
|
+
export type ProgressCircleTheme = {
|
|
881
881
|
fontFamily: Typography['fontFamily'];
|
|
882
882
|
fontWeight: Typography['fontWeightNormal'];
|
|
883
883
|
lineHeight: Typography['lineHeightCondensed'];
|
|
@@ -924,7 +924,7 @@ export declare type ProgressCircleTheme = {
|
|
|
924
924
|
meterColorWarning: Colors['backgroundWarning'];
|
|
925
925
|
meterColorWarningInverse: Colors['backgroundWarning'];
|
|
926
926
|
};
|
|
927
|
-
export
|
|
927
|
+
export type RadioInputTheme = {
|
|
928
928
|
labelColor: Colors['textDarkest'];
|
|
929
929
|
labelFontFamily: Typography['fontFamily'];
|
|
930
930
|
labelFontWeight: Typography['fontWeightNormal'];
|
|
@@ -962,7 +962,7 @@ export declare type RadioInputTheme = {
|
|
|
962
962
|
toggleMediumFontSize: Typography['fontSizeSmall'];
|
|
963
963
|
toggleLargeFontSize: Typography['fontSizeMedium'];
|
|
964
964
|
};
|
|
965
|
-
export
|
|
965
|
+
export type RangeInputTheme = {
|
|
966
966
|
minWidth: string | 0;
|
|
967
967
|
handleSize: string | 0;
|
|
968
968
|
handleBackground: Colors['backgroundBrand'];
|
|
@@ -991,7 +991,7 @@ export declare type RangeInputTheme = {
|
|
|
991
991
|
valueLargePadding: string | 0;
|
|
992
992
|
valueLargeLineHeight: Forms['inputHeightLarge'];
|
|
993
993
|
};
|
|
994
|
-
export
|
|
994
|
+
export type RatingIconTheme = {
|
|
995
995
|
iconMargin: Spacing['xxxSmall'];
|
|
996
996
|
iconEmptyColor: Colors['textBrand'];
|
|
997
997
|
iconFilledColor: Colors['textBrand'];
|
|
@@ -999,7 +999,7 @@ export declare type RatingIconTheme = {
|
|
|
999
999
|
mediumIconFontSize: Typography['fontSizeLarge'];
|
|
1000
1000
|
largeIconFontSize: Typography['fontSizeXXLarge'];
|
|
1001
1001
|
};
|
|
1002
|
-
export
|
|
1002
|
+
export type SelectTheme = {
|
|
1003
1003
|
fontSize: Typography['fontSizeMedium'];
|
|
1004
1004
|
fontFamily: Typography['fontFamily'];
|
|
1005
1005
|
fontWeight: Typography['fontWeightNormal'];
|
|
@@ -1009,7 +1009,7 @@ export declare type SelectTheme = {
|
|
|
1009
1009
|
color: Colors['textDarkest'];
|
|
1010
1010
|
background: Colors['backgroundLightest'];
|
|
1011
1011
|
};
|
|
1012
|
-
export
|
|
1012
|
+
export type SourceCodeEditorTheme = {
|
|
1013
1013
|
fontFamily: Typography['fontFamilyMonospace'];
|
|
1014
1014
|
fontSize: Typography['fontSizeSmall'];
|
|
1015
1015
|
color: Colors['textDarkest'];
|
|
@@ -1022,7 +1022,7 @@ export declare type SourceCodeEditorTheme = {
|
|
|
1022
1022
|
horizontalPadding: Spacing['xSmall'];
|
|
1023
1023
|
verticalPadding: Spacing['xxSmall'];
|
|
1024
1024
|
};
|
|
1025
|
-
export
|
|
1025
|
+
export type SpinnerTheme = {
|
|
1026
1026
|
trackColor: Colors['backgroundLight'];
|
|
1027
1027
|
color: Colors['backgroundBrand'];
|
|
1028
1028
|
xSmallSize: string | 0;
|
|
@@ -1035,7 +1035,7 @@ export declare type SpinnerTheme = {
|
|
|
1035
1035
|
largeBorderWidth: string | 0;
|
|
1036
1036
|
inverseColor: Colors['backgroundBrand'];
|
|
1037
1037
|
};
|
|
1038
|
-
export
|
|
1038
|
+
export type InlineSVGTheme = {
|
|
1039
1039
|
primaryInverseColor: Colors['textLightest'];
|
|
1040
1040
|
primaryColor: Colors['textDarkest'];
|
|
1041
1041
|
secondaryColor: Colors['textDark'];
|
|
@@ -1046,21 +1046,21 @@ export declare type InlineSVGTheme = {
|
|
|
1046
1046
|
alertColor: Colors['textAlert'];
|
|
1047
1047
|
successColor: Colors['textSuccess'];
|
|
1048
1048
|
};
|
|
1049
|
-
export
|
|
1049
|
+
export type SVGIconTheme = {
|
|
1050
1050
|
sizeXSmall: string | 0;
|
|
1051
1051
|
sizeSmall: string | 0;
|
|
1052
1052
|
sizeMedium: string | 0;
|
|
1053
1053
|
sizeLarge: string | 0;
|
|
1054
1054
|
sizeXLarge: string | 0;
|
|
1055
1055
|
};
|
|
1056
|
-
export
|
|
1056
|
+
export type TableBodyTheme = {
|
|
1057
1057
|
fontSize: Typography['fontSizeMedium'];
|
|
1058
1058
|
fontFamily: Typography['fontFamily'];
|
|
1059
1059
|
fontWeight: Typography['fontWeightNormal'];
|
|
1060
1060
|
color: Colors['textDarkest'];
|
|
1061
1061
|
background: Colors['backgroundLightest'];
|
|
1062
1062
|
};
|
|
1063
|
-
export
|
|
1063
|
+
export type TableCellTheme = {
|
|
1064
1064
|
fontSize: Typography['fontSizeMedium'];
|
|
1065
1065
|
fontFamily: Typography['fontFamily'];
|
|
1066
1066
|
fontWeight: Typography['fontWeightNormal'];
|
|
@@ -1070,7 +1070,7 @@ export declare type TableCellTheme = {
|
|
|
1070
1070
|
lineHeight: Typography['lineHeightCondensed'];
|
|
1071
1071
|
padding: string | 0;
|
|
1072
1072
|
};
|
|
1073
|
-
export
|
|
1073
|
+
export type TableColHeaderTheme = {
|
|
1074
1074
|
fontSize: Typography['fontSizeMedium'];
|
|
1075
1075
|
fontFamily: Typography['fontFamily'];
|
|
1076
1076
|
color: Colors['textDarkest'];
|
|
@@ -1082,14 +1082,14 @@ export declare type TableColHeaderTheme = {
|
|
|
1082
1082
|
focusOutlineWidth: Border['widthMedium'];
|
|
1083
1083
|
focusOutlineStyle: Border['style'];
|
|
1084
1084
|
};
|
|
1085
|
-
export
|
|
1085
|
+
export type TableHeadTheme = {
|
|
1086
1086
|
fontSize: Typography['fontSizeMedium'];
|
|
1087
1087
|
fontFamily: Typography['fontFamily'];
|
|
1088
1088
|
fontWeight: Typography['fontWeightNormal'];
|
|
1089
1089
|
color: Colors['textDarkest'];
|
|
1090
1090
|
background: Colors['backgroundLightest'];
|
|
1091
1091
|
};
|
|
1092
|
-
export
|
|
1092
|
+
export type TableRowTheme = {
|
|
1093
1093
|
fontSize: Typography['fontSizeMedium'];
|
|
1094
1094
|
fontFamily: Typography['fontFamily'];
|
|
1095
1095
|
fontWeight: Typography['fontWeightNormal'];
|
|
@@ -1099,7 +1099,7 @@ export declare type TableRowTheme = {
|
|
|
1099
1099
|
hoverBorderColor: Colors['borderBrand'];
|
|
1100
1100
|
padding: string | 0;
|
|
1101
1101
|
};
|
|
1102
|
-
export
|
|
1102
|
+
export type TableRowHeaderTheme = {
|
|
1103
1103
|
fontSize: Typography['fontSizeMedium'];
|
|
1104
1104
|
fontFamily: Typography['fontFamily'];
|
|
1105
1105
|
fontWeight: Typography['fontWeightNormal'];
|
|
@@ -1109,14 +1109,14 @@ export declare type TableRowHeaderTheme = {
|
|
|
1109
1109
|
lineHeight: Typography['lineHeightCondensed'];
|
|
1110
1110
|
padding: string | 0;
|
|
1111
1111
|
};
|
|
1112
|
-
export
|
|
1112
|
+
export type TableTheme = {
|
|
1113
1113
|
fontSize: Typography['fontSizeMedium'];
|
|
1114
1114
|
fontFamily: Typography['fontFamily'];
|
|
1115
1115
|
fontWeight: Typography['fontWeightNormal'];
|
|
1116
1116
|
color: Colors['textDarkest'];
|
|
1117
1117
|
background: Colors['backgroundLightest'];
|
|
1118
1118
|
};
|
|
1119
|
-
export
|
|
1119
|
+
export type TabsPanelTheme = {
|
|
1120
1120
|
fontSize: Typography['fontSizeMedium'];
|
|
1121
1121
|
fontFamily: Typography['fontFamily'];
|
|
1122
1122
|
fontWeight: Typography['fontWeightNormal'];
|
|
@@ -1128,7 +1128,7 @@ export declare type TabsPanelTheme = {
|
|
|
1128
1128
|
borderStyle: Border['style'];
|
|
1129
1129
|
defaultOverflowY: string;
|
|
1130
1130
|
};
|
|
1131
|
-
export
|
|
1131
|
+
export type TabsTabTheme = {
|
|
1132
1132
|
fontFamily: Typography['fontFamily'];
|
|
1133
1133
|
fontWeight: Typography['fontWeightNormal'];
|
|
1134
1134
|
lineHeight: Typography['lineHeightCondensed'];
|
|
@@ -1141,7 +1141,7 @@ export declare type TabsTabTheme = {
|
|
|
1141
1141
|
secondarySelectedBorderColor: Colors['borderMedium'];
|
|
1142
1142
|
zIndex: Stacking['above'];
|
|
1143
1143
|
};
|
|
1144
|
-
export
|
|
1144
|
+
export type TabsTheme = {
|
|
1145
1145
|
defaultBackground: Colors['backgroundLightest'];
|
|
1146
1146
|
scrollFadeColor: Colors['backgroundLightest'];
|
|
1147
1147
|
tabVerticalOffset: Border['widthSmall'];
|
|
@@ -1149,7 +1149,7 @@ export declare type TabsTheme = {
|
|
|
1149
1149
|
scrollOverlayWidthDefault: string;
|
|
1150
1150
|
scrollOverlayWidthSecondary: string;
|
|
1151
1151
|
};
|
|
1152
|
-
export
|
|
1152
|
+
export type TagTheme = {
|
|
1153
1153
|
fontFamily: Typography['fontFamily'];
|
|
1154
1154
|
heightSmall: string | 0;
|
|
1155
1155
|
heightMedium: Forms['inputHeightSmall'];
|
|
@@ -1184,7 +1184,7 @@ export declare type TagTheme = {
|
|
|
1184
1184
|
inlineIconColor: string;
|
|
1185
1185
|
inlineIconHoverColor: string;
|
|
1186
1186
|
};
|
|
1187
|
-
export
|
|
1187
|
+
export type TextTheme = Typography & {
|
|
1188
1188
|
primaryInverseColor: Colors['textLightest'];
|
|
1189
1189
|
primaryColor: Colors['textDarkest'];
|
|
1190
1190
|
secondaryColor: Colors['textDark'];
|
|
@@ -1196,7 +1196,7 @@ export declare type TextTheme = Typography & {
|
|
|
1196
1196
|
alertColor: Colors['textAlert'];
|
|
1197
1197
|
paragraphMargin: string | 0;
|
|
1198
1198
|
};
|
|
1199
|
-
export
|
|
1199
|
+
export type TextAreaTheme = {
|
|
1200
1200
|
fontFamily: Typography['fontFamily'];
|
|
1201
1201
|
fontWeight: Typography['fontWeightNormal'];
|
|
1202
1202
|
color: Colors['textDarkest'];
|
|
@@ -1222,7 +1222,7 @@ export declare type TextAreaTheme = {
|
|
|
1222
1222
|
largeFontSize: Typography['fontSizeLarge'];
|
|
1223
1223
|
largeHeight: Forms['inputHeightLarge'];
|
|
1224
1224
|
};
|
|
1225
|
-
export
|
|
1225
|
+
export type TextInputTheme = {
|
|
1226
1226
|
fontFamily: Typography['fontFamily'];
|
|
1227
1227
|
fontWeight: Typography['fontWeightNormal'];
|
|
1228
1228
|
borderWidth: Border['widthSmall'];
|
|
@@ -1245,7 +1245,7 @@ export declare type TextInputTheme = {
|
|
|
1245
1245
|
largeFontSize: Typography['fontSizeLarge'];
|
|
1246
1246
|
largeHeight: Forms['inputHeightLarge'];
|
|
1247
1247
|
};
|
|
1248
|
-
export
|
|
1248
|
+
export type ToggleDetailsTheme = {
|
|
1249
1249
|
fontFamily: Typography['fontFamily'];
|
|
1250
1250
|
fontWeight: Typography['fontWeightNormal'];
|
|
1251
1251
|
lineHeight: Typography['lineHeight'];
|
|
@@ -1270,13 +1270,13 @@ export declare type ToggleDetailsTheme = {
|
|
|
1270
1270
|
filledBorderRadius: Border['radiusMedium'];
|
|
1271
1271
|
filledPadding: Spacing['small'];
|
|
1272
1272
|
};
|
|
1273
|
-
export
|
|
1273
|
+
export type TooltipTheme = {
|
|
1274
1274
|
fontFamily: Typography['fontFamily'];
|
|
1275
1275
|
fontWeight: Typography['fontWeightNormal'];
|
|
1276
1276
|
fontSize: Typography['fontSizeSmall'];
|
|
1277
1277
|
padding: Spacing['small'];
|
|
1278
1278
|
};
|
|
1279
|
-
export
|
|
1279
|
+
export type TopNavBarActionItemsTheme = {
|
|
1280
1280
|
smallViewportActionItemContainerMargin: Spacing['medium'];
|
|
1281
1281
|
smallViewportActionItemContainerMaxWidth: string | 0;
|
|
1282
1282
|
smallViewportDropdownMenuActiveOptionFontWeight: Typography['fontWeightBold'];
|
|
@@ -1284,13 +1284,13 @@ export declare type TopNavBarActionItemsTheme = {
|
|
|
1284
1284
|
smallViewportDropdownMenuActiveOptionIndicatorWidth: Border['widthMedium'];
|
|
1285
1285
|
smallViewportDropdownMenuActiveOptionIndicatorColor: string;
|
|
1286
1286
|
};
|
|
1287
|
-
export
|
|
1287
|
+
export type TopNavBarBrandTheme = {
|
|
1288
1288
|
logoHeight: string;
|
|
1289
1289
|
logoPadding: Spacing['small'];
|
|
1290
1290
|
iconPadding: Spacing['small'];
|
|
1291
1291
|
focusOutlineInset: string | 0;
|
|
1292
1292
|
};
|
|
1293
|
-
export
|
|
1293
|
+
export type TopNavBarItemTheme = {
|
|
1294
1294
|
fontSize: Typography['fontSizeMedium'];
|
|
1295
1295
|
fontFamily: Typography['fontFamily'];
|
|
1296
1296
|
fontWeight: Typography['fontWeightNormal'];
|
|
@@ -1305,8 +1305,8 @@ export declare type TopNavBarItemTheme = {
|
|
|
1305
1305
|
activeIndicatorColor: Colors['textLightest'];
|
|
1306
1306
|
activeIndicatorColorInverse: Colors['textDarkest'];
|
|
1307
1307
|
};
|
|
1308
|
-
export
|
|
1309
|
-
export
|
|
1308
|
+
export type TopNavBarLayoutTheme = TopNavBarLayoutDesktopTheme & TopNavBarLayoutSmallViewportTheme;
|
|
1309
|
+
export type TopNavBarLayoutDesktopTheme = {
|
|
1310
1310
|
desktopFontSize: Typography['fontSizeMedium'];
|
|
1311
1311
|
desktopFontFamily: Typography['fontFamily'];
|
|
1312
1312
|
desktopFontWeight: Typography['fontWeightNormal'];
|
|
@@ -1327,7 +1327,7 @@ export declare type TopNavBarLayoutDesktopTheme = {
|
|
|
1327
1327
|
desktopUserSeparatorColor: Colors['borderMedium'];
|
|
1328
1328
|
desktopUserSeparatorColorInverse: Colors['borderMedium'];
|
|
1329
1329
|
};
|
|
1330
|
-
export
|
|
1330
|
+
export type TopNavBarLayoutSmallViewportTheme = {
|
|
1331
1331
|
smallViewportFontSize: Typography['fontSizeMedium'];
|
|
1332
1332
|
smallViewportFontFamily: Typography['fontFamily'];
|
|
1333
1333
|
smallViewportFontWeight: Typography['fontWeightNormal'];
|
|
@@ -1348,7 +1348,7 @@ export declare type TopNavBarLayoutSmallViewportTheme = {
|
|
|
1348
1348
|
smallViewportAlternativeTitleInlineMargin: Spacing['xSmall'];
|
|
1349
1349
|
smallViewportAlternativeTitleBlockMargin: Spacing['xSmall'];
|
|
1350
1350
|
};
|
|
1351
|
-
export
|
|
1351
|
+
export type TopNavBarMenuItemsTheme = {
|
|
1352
1352
|
desktopItemSpacing: string;
|
|
1353
1353
|
desktopMaxWidth: string;
|
|
1354
1354
|
desktopSubmenuActiveOptionFontWeight: Typography['fontWeightBold'];
|
|
@@ -1356,7 +1356,7 @@ export declare type TopNavBarMenuItemsTheme = {
|
|
|
1356
1356
|
desktopSubmenuActiveOptionIndicatorWidth: Border['widthMedium'];
|
|
1357
1357
|
desktopSubmenuActiveOptionIndicatorColor: Colors['textLightest'];
|
|
1358
1358
|
};
|
|
1359
|
-
export
|
|
1359
|
+
export type TrayTheme = {
|
|
1360
1360
|
background: Colors['backgroundLightest'];
|
|
1361
1361
|
borderColor: Colors['borderMedium'];
|
|
1362
1362
|
borderWidth: Border['widthSmall'];
|
|
@@ -1370,7 +1370,7 @@ export declare type TrayTheme = {
|
|
|
1370
1370
|
zIndex: Stacking['topmost'];
|
|
1371
1371
|
position: string;
|
|
1372
1372
|
};
|
|
1373
|
-
export
|
|
1373
|
+
export type TreeBrowserButtonTheme = {
|
|
1374
1374
|
hoverBackgroundColor: Colors['backgroundBrand'];
|
|
1375
1375
|
hoverTextColor: Colors['textLightest'];
|
|
1376
1376
|
focusOutlineWidth: Border['widthMedium'];
|
|
@@ -1398,7 +1398,7 @@ export declare type TreeBrowserButtonTheme = {
|
|
|
1398
1398
|
selectedBackgroundColor: Colors['backgroundDark'];
|
|
1399
1399
|
selectedOutlineWidth: Border['widthLarge'];
|
|
1400
1400
|
};
|
|
1401
|
-
export
|
|
1401
|
+
export type TreeBrowserCollectionTheme = {
|
|
1402
1402
|
fontFamily: Typography['fontFamily'];
|
|
1403
1403
|
baseSpacingSmall: Spacing['xSmall'];
|
|
1404
1404
|
baseSpacingMedium: Spacing['small'];
|
|
@@ -1406,17 +1406,17 @@ export declare type TreeBrowserCollectionTheme = {
|
|
|
1406
1406
|
borderWidth: Border['widthSmall'];
|
|
1407
1407
|
borderColor: Colors['borderDark'];
|
|
1408
1408
|
};
|
|
1409
|
-
export
|
|
1409
|
+
export type TreeBrowserTheme = {
|
|
1410
1410
|
borderRadius: Border['radiusMedium'];
|
|
1411
1411
|
focusOutlineWidth: Border['widthMedium'];
|
|
1412
1412
|
focusOutlineColor: Colors['borderBrand'];
|
|
1413
1413
|
focusOutlineStyle: Border['style'];
|
|
1414
1414
|
};
|
|
1415
|
-
export
|
|
1415
|
+
export type TruncateTextTheme = {
|
|
1416
1416
|
fontFamily: Typography['fontFamily'];
|
|
1417
1417
|
lineHeight: Typography['lineHeight'];
|
|
1418
1418
|
};
|
|
1419
|
-
export
|
|
1419
|
+
export type ContextViewTheme = {
|
|
1420
1420
|
arrowSize: string | 0;
|
|
1421
1421
|
arrowBorderWidth: Border['widthSmall'];
|
|
1422
1422
|
arrowBackgroundColor: Colors['white'];
|
|
@@ -1424,7 +1424,7 @@ export declare type ContextViewTheme = {
|
|
|
1424
1424
|
arrowBackgroundColorInverse: Colors['licorice'];
|
|
1425
1425
|
arrowBorderColorInverse: string;
|
|
1426
1426
|
};
|
|
1427
|
-
export
|
|
1427
|
+
export type ViewTheme = {
|
|
1428
1428
|
fontFamily: Typography['fontFamily'];
|
|
1429
1429
|
color: Colors['textDarkest'];
|
|
1430
1430
|
colorPrimaryInverse: Colors['textLightest'];
|