@instructure/shared-types 8.34.0 → 8.34.1-snapshot-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.
@@ -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 declare type AlertTheme = {
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 declare type AvatarTheme = {
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 declare type BadgeTheme = {
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 declare type BillboardTheme = {
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 declare type BreadcrumbTheme = {
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 declare type BaseButtonTheme = {
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 declare type CloseButtonTheme = {
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 declare type BylineTheme = {
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 declare type CalendarDayTheme = {
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 declare type CalendarTheme = {
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 declare type CheckboxFacadeTheme = {
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 declare type ToggleFacadeTheme = {
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 declare type CodeEditorTheme = {
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 declare type ColorContrastTheme = {
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 declare type ColorIndicatorTheme = {
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 declare type ColorMixerPaletteTheme = {
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 declare type ColorMixerRGBAInputTheme = {
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 declare type ColorMixerSliderTheme = {
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 declare type ColorPickerTheme = {
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 declare type ColorPresetTheme = {
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 declare type DrawerLayoutContentTheme = {
445
+ export type DrawerLayoutContentTheme = {
446
446
  duration: Transitions['duration'];
447
447
  overflowY: string;
448
448
  };
449
- export declare type DrawerLayoutTrayTheme = {
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 declare type DrilldownTheme = {
460
+ export type DrilldownTheme = {
461
461
  headerTitleFontWeight: Typography['fontWeightBold'];
462
462
  headerActionColor: Colors['textLink'];
463
463
  labelInfoPadding: Spacing['small'];
464
464
  };
465
- export declare type FileDropTheme = {
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 declare type FlexTheme = {
475
+ export type FlexTheme = {
476
476
  fontFamily: Typography['fontFamily'];
477
477
  };
478
- export declare type FormFieldGroupTheme = {
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 declare type FormFieldLabelTheme = {
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 declare type FormFieldMessageTheme = {
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 declare type FormFieldMessagesTheme = {
502
+ export type FormFieldMessagesTheme = {
503
503
  topMargin: Spacing['xxSmall'];
504
504
  };
505
- export declare type GridTheme = {
505
+ export type GridTheme = {
506
506
  spacingSmall: Spacing['small'];
507
507
  spacingMedium: Spacing['medium'];
508
508
  spacingLarge: Spacing['large'];
509
509
  } & Media;
510
- export declare type HeadingTheme = {
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 declare type ImgTheme = {
536
+ export type ImgTheme = {
537
537
  effectTransitionDuration: string;
538
538
  imageBlurAmount: string | 0;
539
539
  };
540
- export declare type LinkTheme = {
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 declare type InlineListItemTheme = {
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 declare type ListItemTheme = {
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 declare type ListTheme = {
599
+ export type ListTheme = {
600
600
  listPadding: Spacing['large'];
601
601
  orderedNumberFontWeight: Typography['fontWeightBold'];
602
602
  orderedNumberMargin: Spacing['xSmall'];
603
603
  };
604
- export declare type MenuItemTheme = {
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 declare type MenuGroupTheme = {
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 declare type MenuSeparatorTheme = {
627
+ export type MenuSeparatorTheme = {
628
628
  background: Colors['backgroundMedium'];
629
629
  height: Border['widthSmall'];
630
630
  margin: string | 0;
631
631
  };
632
- export declare type MenuTheme = {
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 declare type MetricTheme = {
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 declare type MetricGroupTheme = {
650
+ export type MetricGroupTheme = {
651
651
  lineHeight: Typography['lineHeightCondensed'];
652
652
  };
653
- export declare type ModalBodyTheme = {
653
+ export type ModalBodyTheme = {
654
654
  inverseBackground: Colors['backgroundBrandSecondary'];
655
655
  };
656
- export declare type ModalFooterTheme = {
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 declare type ModalHeaderTheme = {
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 declare type ModalTheme = {
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 declare type TransitionTheme = {
688
+ export type TransitionTheme = {
689
689
  duration: Transitions['duration'];
690
690
  timing: Transitions['timing'];
691
691
  };
692
- export declare type AppNavItemTheme = {
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 declare type AppNavTheme = {
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 declare type NavigationItemTheme = {
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 declare type NavigationTheme = {
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 declare type NumberInputTheme = {
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 declare type OptionsItemTheme = {
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 declare type OptionsSeparatorTheme = {
793
+ export type OptionsSeparatorTheme = {
794
794
  background: Colors['backgroundMedium'];
795
795
  height: Border['widthSmall'];
796
796
  margin: string | 0;
797
797
  };
798
- export declare type OptionsTheme = {
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 declare type MaskTheme = {
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 declare type PagesTheme = {
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 declare type PaginationPageInputTheme = {
820
+ export type PaginationPageInputTheme = {
821
821
  inputSpacing: Spacing['xSmall'];
822
822
  inputWidth: string;
823
823
  };
824
- export declare type PillTheme = {
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 declare type PositionTheme = {
843
+ export type PositionTheme = {
844
844
  zIndex: Stacking['topmost'];
845
845
  };
846
- export declare type ProgressBarTheme = {
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 declare type ProgressCircleTheme = {
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 declare type RadioInputTheme = {
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 declare type RangeInputTheme = {
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 declare type RatingIconTheme = {
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 declare type SelectTheme = {
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 declare type SourceCodeEditorTheme = {
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 declare type SpinnerTheme = {
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 declare type InlineSVGTheme = {
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 declare type SVGIconTheme = {
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 declare type TableBodyTheme = {
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 declare type TableCellTheme = {
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 declare type TableColHeaderTheme = {
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 declare type TableHeadTheme = {
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 declare type TableRowTheme = {
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 declare type TableRowHeaderTheme = {
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 declare type TableTheme = {
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 declare type TabsPanelTheme = {
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 declare type TabsTabTheme = {
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 declare type TabsTheme = {
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 declare type TagTheme = {
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 declare type TextTheme = Typography & {
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 declare type TextAreaTheme = {
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 declare type TextInputTheme = {
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 declare type ToggleDetailsTheme = {
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 declare type TooltipTheme = {
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 declare type TopNavBarActionItemsTheme = {
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 declare type TopNavBarBrandTheme = {
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 declare type TopNavBarItemTheme = {
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 declare type TopNavBarLayoutTheme = TopNavBarLayoutDesktopTheme & TopNavBarLayoutSmallViewportTheme;
1309
- export declare type TopNavBarLayoutDesktopTheme = {
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 declare type TopNavBarLayoutSmallViewportTheme = {
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 declare type TopNavBarMenuItemsTheme = {
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 declare type TrayTheme = {
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 declare type TreeBrowserButtonTheme = {
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 declare type TreeBrowserCollectionTheme = {
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 declare type TreeBrowserTheme = {
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 declare type TruncateTextTheme = {
1415
+ export type TruncateTextTheme = {
1416
1416
  fontFamily: Typography['fontFamily'];
1417
1417
  lineHeight: Typography['lineHeight'];
1418
1418
  };
1419
- export declare type ContextViewTheme = {
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 declare type ViewTheme = {
1427
+ export type ViewTheme = {
1428
1428
  fontFamily: Typography['fontFamily'];
1429
1429
  color: Colors['textDarkest'];
1430
1430
  colorPrimaryInverse: Colors['textLightest'];