@codecademy/gamut-styles 17.11.3-alpha.bd18ee.0 → 17.11.3-alpha.c33732.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/ColorMode.d.ts +56 -281
  2. package/dist/GamutProvider.d.ts +0 -4
  3. package/dist/GamutProvider.js +4 -12
  4. package/dist/variance/config.d.ts +48 -246
  5. package/dist/variance/config.js +29 -104
  6. package/dist/variance/props.d.ts +84 -432
  7. package/dist/variance/utils.d.ts +3 -3
  8. package/package.json +4 -4
package/dist/ColorMode.d.ts CHANGED
@@ -71,59 +71,32 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
71
71
  readonly transform: (value: string | number) => string | 0;
72
72
  };
73
73
  readonly width: {
74
- readonly property: {
75
- readonly physical: "width";
76
- readonly logical: "inlineSize";
77
- };
78
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
74
+ readonly property: "width";
79
75
  readonly transform: (value: string | number) => string | 0;
80
76
  };
81
77
  readonly minWidth: {
82
- readonly property: {
83
- readonly physical: "minWidth";
84
- readonly logical: "minInlineSize";
85
- };
86
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
78
+ readonly property: "minWidth";
87
79
  readonly transform: (value: string | number) => string | 0;
88
80
  };
89
81
  readonly maxWidth: {
90
- readonly property: {
91
- readonly physical: "maxWidth";
92
- readonly logical: "maxInlineSize";
93
- };
94
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
82
+ readonly property: "maxWidth";
95
83
  readonly transform: (value: string | number) => string | 0;
96
84
  };
97
85
  readonly height: {
98
- readonly property: {
99
- readonly physical: "height";
100
- readonly logical: "blockSize";
101
- };
102
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
86
+ readonly property: "height";
103
87
  readonly transform: (value: string | number) => string | 0;
104
88
  };
105
89
  readonly minHeight: {
106
- readonly property: {
107
- readonly physical: "minHeight";
108
- readonly logical: "minBlockSize";
109
- };
110
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
90
+ readonly property: "minHeight";
111
91
  readonly transform: (value: string | number) => string | 0;
112
92
  };
113
93
  readonly maxHeight: {
114
- readonly property: {
115
- readonly physical: "maxHeight";
116
- readonly logical: "maxBlockSize";
117
- };
118
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
94
+ readonly property: "maxHeight";
119
95
  readonly transform: (value: string | number) => string | 0;
120
96
  };
121
97
  readonly verticalAlign: {
122
98
  readonly property: "verticalAlign";
123
99
  };
124
- readonly direction: {
125
- readonly property: "direction";
126
- };
127
100
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
128
101
  readonly color: {
129
102
  readonly property: "color";
@@ -318,53 +291,29 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
318
291
  };
319
292
  readonly px: {
320
293
  readonly property: "padding";
321
- readonly properties: {
322
- readonly physical: readonly ["paddingLeft", "paddingRight"];
323
- readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
324
- };
294
+ readonly properties: readonly ["paddingLeft", "paddingRight"];
325
295
  readonly scale: "spacing";
326
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
327
296
  };
328
297
  readonly py: {
329
298
  readonly property: "padding";
330
- readonly properties: {
331
- readonly physical: readonly ["paddingTop", "paddingBottom"];
332
- readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
333
- };
299
+ readonly properties: readonly ["paddingTop", "paddingBottom"];
334
300
  readonly scale: "spacing";
335
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
336
301
  };
337
302
  readonly pt: {
338
- readonly property: {
339
- readonly physical: "paddingTop";
340
- readonly logical: "paddingBlockStart";
341
- };
303
+ readonly property: "paddingTop";
342
304
  readonly scale: "spacing";
343
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
344
305
  };
345
306
  readonly pb: {
346
- readonly property: {
347
- readonly physical: "paddingBottom";
348
- readonly logical: "paddingBlockEnd";
349
- };
307
+ readonly property: "paddingBottom";
350
308
  readonly scale: "spacing";
351
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
352
309
  };
353
310
  readonly pr: {
354
- readonly property: {
355
- readonly physical: "paddingRight";
356
- readonly logical: "paddingInlineEnd";
357
- };
311
+ readonly property: "paddingRight";
358
312
  readonly scale: "spacing";
359
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
360
313
  };
361
314
  readonly pl: {
362
- readonly property: {
363
- readonly physical: "paddingLeft";
364
- readonly logical: "paddingInlineStart";
365
- };
315
+ readonly property: "paddingLeft";
366
316
  readonly scale: "spacing";
367
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
368
317
  };
369
318
  readonly m: {
370
319
  readonly property: "margin";
@@ -372,53 +321,29 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
372
321
  };
373
322
  readonly mx: {
374
323
  readonly property: "margin";
375
- readonly properties: {
376
- readonly physical: readonly ["marginLeft", "marginRight"];
377
- readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
378
- };
379
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
324
+ readonly properties: readonly ["marginLeft", "marginRight"];
380
325
  readonly scale: "spacing";
381
326
  };
382
327
  readonly my: {
383
328
  readonly property: "margin";
384
- readonly properties: {
385
- readonly physical: readonly ["marginTop", "marginBottom"];
386
- readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
387
- };
388
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
329
+ readonly properties: readonly ["marginTop", "marginBottom"];
389
330
  readonly scale: "spacing";
390
331
  };
391
332
  readonly mt: {
392
- readonly property: {
393
- readonly physical: "marginTop";
394
- readonly logical: "marginBlockStart";
395
- };
333
+ readonly property: "marginTop";
396
334
  readonly scale: "spacing";
397
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
398
335
  };
399
336
  readonly mb: {
400
- readonly property: {
401
- readonly physical: "marginBottom";
402
- readonly logical: "marginBlockEnd";
403
- };
337
+ readonly property: "marginBottom";
404
338
  readonly scale: "spacing";
405
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
406
339
  };
407
340
  readonly mr: {
408
- readonly property: {
409
- readonly physical: "marginRight";
410
- readonly logical: "marginInlineEnd";
411
- };
341
+ readonly property: "marginRight";
412
342
  readonly scale: "spacing";
413
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
414
343
  };
415
344
  readonly ml: {
416
- readonly property: {
417
- readonly physical: "marginLeft";
418
- readonly logical: "marginInlineStart";
419
- };
345
+ readonly property: "marginLeft";
420
346
  readonly scale: "spacing";
421
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
422
347
  };
423
348
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
424
349
  readonly border: {
@@ -613,9 +538,6 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
613
538
  containerType?: import("@codecademy/variance/dist/types/config").Scale<{
614
539
  readonly property: "containerType";
615
540
  }>;
616
- direction?: import("@codecademy/variance/dist/types/config").Scale<{
617
- readonly property: "direction";
618
- }>;
619
541
  display?: import("@codecademy/variance/dist/types/config").Scale<{
620
542
  readonly property: "display";
621
543
  }>;
@@ -665,11 +587,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
665
587
  readonly property: "gridTemplateRows";
666
588
  }>;
667
589
  height?: import("@codecademy/variance/dist/types/config").Scale<{
668
- readonly property: {
669
- readonly physical: "height";
670
- readonly logical: "blockSize";
671
- };
672
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
590
+ readonly property: "height";
673
591
  readonly transform: (value: string | number) => string | 0;
674
592
  }>;
675
593
  justifyContent?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -686,35 +604,19 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
686
604
  readonly transform: (value: string | number) => string | 0;
687
605
  }>;
688
606
  maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
689
- readonly property: {
690
- readonly physical: "maxHeight";
691
- readonly logical: "maxBlockSize";
692
- };
693
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
607
+ readonly property: "maxHeight";
694
608
  readonly transform: (value: string | number) => string | 0;
695
609
  }>;
696
610
  maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
697
- readonly property: {
698
- readonly physical: "maxWidth";
699
- readonly logical: "maxInlineSize";
700
- };
701
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
611
+ readonly property: "maxWidth";
702
612
  readonly transform: (value: string | number) => string | 0;
703
613
  }>;
704
614
  minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
705
- readonly property: {
706
- readonly physical: "minHeight";
707
- readonly logical: "minBlockSize";
708
- };
709
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
615
+ readonly property: "minHeight";
710
616
  readonly transform: (value: string | number) => string | 0;
711
617
  }>;
712
618
  minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
713
- readonly property: {
714
- readonly physical: "minWidth";
715
- readonly logical: "minInlineSize";
716
- };
717
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
619
+ readonly property: "minWidth";
718
620
  readonly transform: (value: string | number) => string | 0;
719
621
  }>;
720
622
  opacity?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -748,11 +650,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
748
650
  readonly property: "verticalAlign";
749
651
  }>;
750
652
  width?: import("@codecademy/variance/dist/types/config").Scale<{
751
- readonly property: {
752
- readonly physical: "width";
753
- readonly logical: "inlineSize";
754
- };
755
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
653
+ readonly property: "width";
756
654
  readonly transform: (value: string | number) => string | 0;
757
655
  }>;
758
656
  zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -856,53 +754,29 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
856
754
  }>;
857
755
  px?: import("@codecademy/variance/dist/types/config").Scale<{
858
756
  readonly property: "padding";
859
- readonly properties: {
860
- readonly physical: readonly ["paddingLeft", "paddingRight"];
861
- readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
862
- };
757
+ readonly properties: readonly ["paddingLeft", "paddingRight"];
863
758
  readonly scale: "spacing";
864
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
865
759
  }>;
866
760
  py?: import("@codecademy/variance/dist/types/config").Scale<{
867
761
  readonly property: "padding";
868
- readonly properties: {
869
- readonly physical: readonly ["paddingTop", "paddingBottom"];
870
- readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
871
- };
762
+ readonly properties: readonly ["paddingTop", "paddingBottom"];
872
763
  readonly scale: "spacing";
873
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
874
764
  }>;
875
765
  pt?: import("@codecademy/variance/dist/types/config").Scale<{
876
- readonly property: {
877
- readonly physical: "paddingTop";
878
- readonly logical: "paddingBlockStart";
879
- };
766
+ readonly property: "paddingTop";
880
767
  readonly scale: "spacing";
881
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
882
768
  }>;
883
769
  pb?: import("@codecademy/variance/dist/types/config").Scale<{
884
- readonly property: {
885
- readonly physical: "paddingBottom";
886
- readonly logical: "paddingBlockEnd";
887
- };
770
+ readonly property: "paddingBottom";
888
771
  readonly scale: "spacing";
889
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
890
772
  }>;
891
773
  pr?: import("@codecademy/variance/dist/types/config").Scale<{
892
- readonly property: {
893
- readonly physical: "paddingRight";
894
- readonly logical: "paddingInlineEnd";
895
- };
774
+ readonly property: "paddingRight";
896
775
  readonly scale: "spacing";
897
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
898
776
  }>;
899
777
  pl?: import("@codecademy/variance/dist/types/config").Scale<{
900
- readonly property: {
901
- readonly physical: "paddingLeft";
902
- readonly logical: "paddingInlineStart";
903
- };
778
+ readonly property: "paddingLeft";
904
779
  readonly scale: "spacing";
905
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
906
780
  }>;
907
781
  m?: import("@codecademy/variance/dist/types/config").Scale<{
908
782
  readonly property: "margin";
@@ -910,53 +784,29 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
910
784
  }>;
911
785
  mx?: import("@codecademy/variance/dist/types/config").Scale<{
912
786
  readonly property: "margin";
913
- readonly properties: {
914
- readonly physical: readonly ["marginLeft", "marginRight"];
915
- readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
916
- };
917
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
787
+ readonly properties: readonly ["marginLeft", "marginRight"];
918
788
  readonly scale: "spacing";
919
789
  }>;
920
790
  my?: import("@codecademy/variance/dist/types/config").Scale<{
921
791
  readonly property: "margin";
922
- readonly properties: {
923
- readonly physical: readonly ["marginTop", "marginBottom"];
924
- readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
925
- };
926
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
792
+ readonly properties: readonly ["marginTop", "marginBottom"];
927
793
  readonly scale: "spacing";
928
794
  }>;
929
795
  mt?: import("@codecademy/variance/dist/types/config").Scale<{
930
- readonly property: {
931
- readonly physical: "marginTop";
932
- readonly logical: "marginBlockStart";
933
- };
796
+ readonly property: "marginTop";
934
797
  readonly scale: "spacing";
935
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
936
798
  }>;
937
799
  mb?: import("@codecademy/variance/dist/types/config").Scale<{
938
- readonly property: {
939
- readonly physical: "marginBottom";
940
- readonly logical: "marginBlockEnd";
941
- };
800
+ readonly property: "marginBottom";
942
801
  readonly scale: "spacing";
943
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
944
802
  }>;
945
803
  mr?: import("@codecademy/variance/dist/types/config").Scale<{
946
- readonly property: {
947
- readonly physical: "marginRight";
948
- readonly logical: "marginInlineEnd";
949
- };
804
+ readonly property: "marginRight";
950
805
  readonly scale: "spacing";
951
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
952
806
  }>;
953
807
  ml?: import("@codecademy/variance/dist/types/config").Scale<{
954
- readonly property: {
955
- readonly physical: "marginLeft";
956
- readonly logical: "marginInlineStart";
957
- };
808
+ readonly property: "marginLeft";
958
809
  readonly scale: "spacing";
959
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
960
810
  }>;
961
811
  borderX?: import("@codecademy/variance/dist/types/config").Scale<{
962
812
  readonly property: "border";
@@ -1049,7 +899,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1049
899
  } & {
1050
900
  variables?: CSSObject | undefined;
1051
901
  alwaysSetVariables?: boolean | undefined;
1052
- }, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "property" | "rel" | "slot" | "title" | "rev" | "id" | "nonce" | "content" | "translate" | "children" | "className" | "prefix" | "role" | "suppressHydrationWarning" | "lang" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
902
+ }, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "property" | "rel" | "slot" | "title" | "rev" | "id" | "nonce" | "content" | "translate" | "children" | "className" | "part" | "prefix" | "role" | "suppressHydrationWarning" | "lang" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
1053
903
  export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<Omit<{
1054
904
  theme?: Theme | undefined;
1055
905
  as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
@@ -1098,9 +948,6 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1098
948
  containerType?: import("@codecademy/variance/dist/types/config").Scale<{
1099
949
  readonly property: "containerType";
1100
950
  }>;
1101
- direction?: import("@codecademy/variance/dist/types/config").Scale<{
1102
- readonly property: "direction";
1103
- }>;
1104
951
  display?: import("@codecademy/variance/dist/types/config").Scale<{
1105
952
  readonly property: "display";
1106
953
  }>;
@@ -1150,11 +997,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1150
997
  readonly property: "gridTemplateRows";
1151
998
  }>;
1152
999
  height?: import("@codecademy/variance/dist/types/config").Scale<{
1153
- readonly property: {
1154
- readonly physical: "height";
1155
- readonly logical: "blockSize";
1156
- };
1157
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1000
+ readonly property: "height";
1158
1001
  readonly transform: (value: string | number) => string | 0;
1159
1002
  }>;
1160
1003
  justifyContent?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1171,35 +1014,19 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1171
1014
  readonly transform: (value: string | number) => string | 0;
1172
1015
  }>;
1173
1016
  maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
1174
- readonly property: {
1175
- readonly physical: "maxHeight";
1176
- readonly logical: "maxBlockSize";
1177
- };
1178
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1017
+ readonly property: "maxHeight";
1179
1018
  readonly transform: (value: string | number) => string | 0;
1180
1019
  }>;
1181
1020
  maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
1182
- readonly property: {
1183
- readonly physical: "maxWidth";
1184
- readonly logical: "maxInlineSize";
1185
- };
1186
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1021
+ readonly property: "maxWidth";
1187
1022
  readonly transform: (value: string | number) => string | 0;
1188
1023
  }>;
1189
1024
  minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
1190
- readonly property: {
1191
- readonly physical: "minHeight";
1192
- readonly logical: "minBlockSize";
1193
- };
1194
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1025
+ readonly property: "minHeight";
1195
1026
  readonly transform: (value: string | number) => string | 0;
1196
1027
  }>;
1197
1028
  minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
1198
- readonly property: {
1199
- readonly physical: "minWidth";
1200
- readonly logical: "minInlineSize";
1201
- };
1202
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1029
+ readonly property: "minWidth";
1203
1030
  readonly transform: (value: string | number) => string | 0;
1204
1031
  }>;
1205
1032
  opacity?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1233,11 +1060,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1233
1060
  readonly property: "verticalAlign";
1234
1061
  }>;
1235
1062
  width?: import("@codecademy/variance/dist/types/config").Scale<{
1236
- readonly property: {
1237
- readonly physical: "width";
1238
- readonly logical: "inlineSize";
1239
- };
1240
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1063
+ readonly property: "width";
1241
1064
  readonly transform: (value: string | number) => string | 0;
1242
1065
  }>;
1243
1066
  zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1341,53 +1164,29 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1341
1164
  }>;
1342
1165
  px?: import("@codecademy/variance/dist/types/config").Scale<{
1343
1166
  readonly property: "padding";
1344
- readonly properties: {
1345
- readonly physical: readonly ["paddingLeft", "paddingRight"];
1346
- readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
1347
- };
1167
+ readonly properties: readonly ["paddingLeft", "paddingRight"];
1348
1168
  readonly scale: "spacing";
1349
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1350
1169
  }>;
1351
1170
  py?: import("@codecademy/variance/dist/types/config").Scale<{
1352
1171
  readonly property: "padding";
1353
- readonly properties: {
1354
- readonly physical: readonly ["paddingTop", "paddingBottom"];
1355
- readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
1356
- };
1172
+ readonly properties: readonly ["paddingTop", "paddingBottom"];
1357
1173
  readonly scale: "spacing";
1358
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1359
1174
  }>;
1360
1175
  pt?: import("@codecademy/variance/dist/types/config").Scale<{
1361
- readonly property: {
1362
- readonly physical: "paddingTop";
1363
- readonly logical: "paddingBlockStart";
1364
- };
1176
+ readonly property: "paddingTop";
1365
1177
  readonly scale: "spacing";
1366
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1367
1178
  }>;
1368
1179
  pb?: import("@codecademy/variance/dist/types/config").Scale<{
1369
- readonly property: {
1370
- readonly physical: "paddingBottom";
1371
- readonly logical: "paddingBlockEnd";
1372
- };
1180
+ readonly property: "paddingBottom";
1373
1181
  readonly scale: "spacing";
1374
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1375
1182
  }>;
1376
1183
  pr?: import("@codecademy/variance/dist/types/config").Scale<{
1377
- readonly property: {
1378
- readonly physical: "paddingRight";
1379
- readonly logical: "paddingInlineEnd";
1380
- };
1184
+ readonly property: "paddingRight";
1381
1185
  readonly scale: "spacing";
1382
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1383
1186
  }>;
1384
1187
  pl?: import("@codecademy/variance/dist/types/config").Scale<{
1385
- readonly property: {
1386
- readonly physical: "paddingLeft";
1387
- readonly logical: "paddingInlineStart";
1388
- };
1188
+ readonly property: "paddingLeft";
1389
1189
  readonly scale: "spacing";
1390
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1391
1190
  }>;
1392
1191
  m?: import("@codecademy/variance/dist/types/config").Scale<{
1393
1192
  readonly property: "margin";
@@ -1395,53 +1194,29 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1395
1194
  }>;
1396
1195
  mx?: import("@codecademy/variance/dist/types/config").Scale<{
1397
1196
  readonly property: "margin";
1398
- readonly properties: {
1399
- readonly physical: readonly ["marginLeft", "marginRight"];
1400
- readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
1401
- };
1402
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1197
+ readonly properties: readonly ["marginLeft", "marginRight"];
1403
1198
  readonly scale: "spacing";
1404
1199
  }>;
1405
1200
  my?: import("@codecademy/variance/dist/types/config").Scale<{
1406
1201
  readonly property: "margin";
1407
- readonly properties: {
1408
- readonly physical: readonly ["marginTop", "marginBottom"];
1409
- readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
1410
- };
1411
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1202
+ readonly properties: readonly ["marginTop", "marginBottom"];
1412
1203
  readonly scale: "spacing";
1413
1204
  }>;
1414
1205
  mt?: import("@codecademy/variance/dist/types/config").Scale<{
1415
- readonly property: {
1416
- readonly physical: "marginTop";
1417
- readonly logical: "marginBlockStart";
1418
- };
1206
+ readonly property: "marginTop";
1419
1207
  readonly scale: "spacing";
1420
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1421
1208
  }>;
1422
1209
  mb?: import("@codecademy/variance/dist/types/config").Scale<{
1423
- readonly property: {
1424
- readonly physical: "marginBottom";
1425
- readonly logical: "marginBlockEnd";
1426
- };
1210
+ readonly property: "marginBottom";
1427
1211
  readonly scale: "spacing";
1428
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1429
1212
  }>;
1430
1213
  mr?: import("@codecademy/variance/dist/types/config").Scale<{
1431
- readonly property: {
1432
- readonly physical: "marginRight";
1433
- readonly logical: "marginInlineEnd";
1434
- };
1214
+ readonly property: "marginRight";
1435
1215
  readonly scale: "spacing";
1436
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1437
1216
  }>;
1438
1217
  ml?: import("@codecademy/variance/dist/types/config").Scale<{
1439
- readonly property: {
1440
- readonly physical: "marginLeft";
1441
- readonly logical: "marginInlineStart";
1442
- };
1218
+ readonly property: "marginLeft";
1443
1219
  readonly scale: "spacing";
1444
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1445
1220
  }>;
1446
1221
  borderX?: import("@codecademy/variance/dist/types/config").Scale<{
1447
1222
  readonly property: "border";
@@ -1534,4 +1309,4 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1534
1309
  } & {
1535
1310
  variables?: CSSObject | undefined;
1536
1311
  alwaysSetVariables?: boolean | undefined;
1537
- } & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "property" | "rel" | "slot" | "title" | "rev" | "id" | "nonce" | "content" | "translate" | "children" | "className" | "prefix" | "role" | "suppressHydrationWarning" | "lang" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof import("react").ClassAttributes<HTMLDivElement>>, "bg"> & ColorModeProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
1312
+ } & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "property" | "rel" | "slot" | "title" | "rev" | "id" | "nonce" | "content" | "translate" | "children" | "className" | "part" | "prefix" | "role" | "suppressHydrationWarning" | "lang" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | keyof import("react").ClassAttributes<HTMLDivElement>>, "bg"> & ColorModeProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;