@codecademy/gamut-styles 17.12.0-alpha.986593.0 → 17.12.0-alpha.c44e47.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 (6) hide show
  1. package/dist/ColorMode.d.ts +125 -122
  2. package/dist/variance/config.d.ts +82 -80
  3. package/dist/variance/config.js +41 -40
  4. package/dist/variance/props.d.ts +164 -160
  5. package/dist/variance/utils.d.ts +3 -3
  6. package/package.json +4 -4
package/dist/ColorMode.d.ts CHANGED
@@ -60,10 +60,18 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
60
60
  readonly property: "overflow";
61
61
  };
62
62
  readonly overflowX: {
63
- readonly property: "overflowX";
63
+ readonly property: {
64
+ readonly physical: "overflowX";
65
+ readonly logical: "overflowInline";
66
+ };
67
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
64
68
  };
65
69
  readonly overflowY: {
66
- readonly property: "overflowY";
70
+ readonly property: {
71
+ readonly physical: "overflowY";
72
+ readonly logical: "overflowBlock";
73
+ };
74
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
67
75
  };
68
76
  readonly dimensions: {
69
77
  readonly property: "width";
@@ -71,59 +79,32 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
71
79
  readonly transform: (value: string | number) => string | 0;
72
80
  };
73
81
  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;
82
+ readonly property: "width";
79
83
  readonly transform: (value: string | number) => string | 0;
80
84
  };
81
85
  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;
86
+ readonly property: "minWidth";
87
87
  readonly transform: (value: string | number) => string | 0;
88
88
  };
89
89
  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;
90
+ readonly property: "maxWidth";
95
91
  readonly transform: (value: string | number) => string | 0;
96
92
  };
97
93
  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;
94
+ readonly property: "height";
103
95
  readonly transform: (value: string | number) => string | 0;
104
96
  };
105
97
  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;
98
+ readonly property: "minHeight";
111
99
  readonly transform: (value: string | number) => string | 0;
112
100
  };
113
101
  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;
102
+ readonly property: "maxHeight";
119
103
  readonly transform: (value: string | number) => string | 0;
120
104
  };
121
105
  readonly verticalAlign: {
122
106
  readonly property: "verticalAlign";
123
107
  };
124
- readonly direction: {
125
- readonly property: "direction";
126
- };
127
108
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
128
109
  readonly color: {
129
110
  readonly property: "color";
@@ -298,23 +279,43 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
298
279
  };
299
280
  readonly inset: {
300
281
  readonly property: "inset";
301
- readonly properties: readonly ["top", "right", "bottom", "left"];
282
+ readonly properties: {
283
+ readonly physical: readonly ["top", "right", "bottom", "left"];
284
+ readonly logical: readonly ["insetBlockStart", "insetInlineEnd", "insetBlockEnd", "insetInlineStart"];
285
+ };
286
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
302
287
  readonly transform: (value: string | number) => string | 0;
303
288
  };
304
289
  readonly top: {
305
- readonly property: "top";
290
+ readonly property: {
291
+ readonly physical: "top";
292
+ readonly logical: "insetBlockStart";
293
+ };
294
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
306
295
  readonly transform: (value: string | number) => string | 0;
307
296
  };
308
297
  readonly right: {
309
- readonly property: "right";
298
+ readonly property: {
299
+ readonly physical: "right";
300
+ readonly logical: "insetInlineEnd";
301
+ };
302
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
310
303
  readonly transform: (value: string | number) => string | 0;
311
304
  };
312
305
  readonly bottom: {
313
- readonly property: "bottom";
306
+ readonly property: {
307
+ readonly physical: "bottom";
308
+ readonly logical: "insetBlockEnd";
309
+ };
310
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
314
311
  readonly transform: (value: string | number) => string | 0;
315
312
  };
316
313
  readonly left: {
317
- readonly property: "left";
314
+ readonly property: {
315
+ readonly physical: "left";
316
+ readonly logical: "insetInlineStart";
317
+ };
318
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
318
319
  readonly transform: (value: string | number) => string | 0;
319
320
  };
320
321
  readonly zIndex: {
@@ -719,7 +720,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
719
720
  readonly property: "backgroundSize";
720
721
  }>;
721
722
  bottom?: import("@codecademy/variance/dist/types/config").Scale<{
722
- readonly property: "bottom";
723
+ readonly property: {
724
+ readonly physical: "bottom";
725
+ readonly logical: "insetBlockEnd";
726
+ };
727
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
723
728
  readonly transform: (value: string | number) => string | 0;
724
729
  }>;
725
730
  columnGap?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -729,9 +734,6 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
729
734
  containerType?: import("@codecademy/variance/dist/types/config").Scale<{
730
735
  readonly property: "containerType";
731
736
  }>;
732
- direction?: import("@codecademy/variance/dist/types/config").Scale<{
733
- readonly property: "direction";
734
- }>;
735
737
  display?: import("@codecademy/variance/dist/types/config").Scale<{
736
738
  readonly property: "display";
737
739
  }>;
@@ -781,11 +783,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
781
783
  readonly property: "gridTemplateRows";
782
784
  }>;
783
785
  height?: import("@codecademy/variance/dist/types/config").Scale<{
784
- readonly property: {
785
- readonly physical: "height";
786
- readonly logical: "blockSize";
787
- };
788
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
786
+ readonly property: "height";
789
787
  readonly transform: (value: string | number) => string | 0;
790
788
  }>;
791
789
  justifyContent?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -798,39 +796,27 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
798
796
  readonly property: "justifySelf";
799
797
  }>;
800
798
  left?: import("@codecademy/variance/dist/types/config").Scale<{
801
- readonly property: "left";
802
- readonly transform: (value: string | number) => string | 0;
803
- }>;
804
- maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
805
799
  readonly property: {
806
- readonly physical: "maxHeight";
807
- readonly logical: "maxBlockSize";
800
+ readonly physical: "left";
801
+ readonly logical: "insetInlineStart";
808
802
  };
809
803
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
810
804
  readonly transform: (value: string | number) => string | 0;
811
805
  }>;
806
+ maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
807
+ readonly property: "maxHeight";
808
+ readonly transform: (value: string | number) => string | 0;
809
+ }>;
812
810
  maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
813
- readonly property: {
814
- readonly physical: "maxWidth";
815
- readonly logical: "maxInlineSize";
816
- };
817
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
811
+ readonly property: "maxWidth";
818
812
  readonly transform: (value: string | number) => string | 0;
819
813
  }>;
820
814
  minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
821
- readonly property: {
822
- readonly physical: "minHeight";
823
- readonly logical: "minBlockSize";
824
- };
825
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
815
+ readonly property: "minHeight";
826
816
  readonly transform: (value: string | number) => string | 0;
827
817
  }>;
828
818
  minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
829
- readonly property: {
830
- readonly physical: "minWidth";
831
- readonly logical: "minInlineSize";
832
- };
833
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
819
+ readonly property: "minWidth";
834
820
  readonly transform: (value: string | number) => string | 0;
835
821
  }>;
836
822
  opacity?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -840,16 +826,28 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
840
826
  readonly property: "order";
841
827
  }>;
842
828
  overflowX?: import("@codecademy/variance/dist/types/config").Scale<{
843
- readonly property: "overflowX";
829
+ readonly property: {
830
+ readonly physical: "overflowX";
831
+ readonly logical: "overflowInline";
832
+ };
833
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
844
834
  }>;
845
835
  overflowY?: import("@codecademy/variance/dist/types/config").Scale<{
846
- readonly property: "overflowY";
836
+ readonly property: {
837
+ readonly physical: "overflowY";
838
+ readonly logical: "overflowBlock";
839
+ };
840
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
847
841
  }>;
848
842
  position?: import("@codecademy/variance/dist/types/config").Scale<{
849
843
  readonly property: "position";
850
844
  }>;
851
845
  right?: import("@codecademy/variance/dist/types/config").Scale<{
852
- readonly property: "right";
846
+ readonly property: {
847
+ readonly physical: "right";
848
+ readonly logical: "insetInlineEnd";
849
+ };
850
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
853
851
  readonly transform: (value: string | number) => string | 0;
854
852
  }>;
855
853
  rowGap?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -857,18 +855,18 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
857
855
  readonly scale: "spacing";
858
856
  }>;
859
857
  top?: import("@codecademy/variance/dist/types/config").Scale<{
860
- readonly property: "top";
858
+ readonly property: {
859
+ readonly physical: "top";
860
+ readonly logical: "insetBlockStart";
861
+ };
862
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
861
863
  readonly transform: (value: string | number) => string | 0;
862
864
  }>;
863
865
  verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{
864
866
  readonly property: "verticalAlign";
865
867
  }>;
866
868
  width?: import("@codecademy/variance/dist/types/config").Scale<{
867
- readonly property: {
868
- readonly physical: "width";
869
- readonly logical: "inlineSize";
870
- };
871
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
869
+ readonly property: "width";
872
870
  readonly transform: (value: string | number) => string | 0;
873
871
  }>;
874
872
  zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -941,7 +939,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
941
939
  }>;
942
940
  inset?: import("@codecademy/variance/dist/types/config").Scale<{
943
941
  readonly property: "inset";
944
- readonly properties: readonly ["top", "right", "bottom", "left"];
942
+ readonly properties: {
943
+ readonly physical: readonly ["top", "right", "bottom", "left"];
944
+ readonly logical: readonly ["insetBlockStart", "insetInlineEnd", "insetBlockEnd", "insetInlineStart"];
945
+ };
946
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
945
947
  readonly transform: (value: string | number) => string | 0;
946
948
  }>;
947
949
  overflow?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1281,7 +1283,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1281
1283
  } & {
1282
1284
  variables?: CSSObject | undefined;
1283
1285
  alwaysSetVariables?: boolean | undefined;
1284
- }, 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>>, {}>;
1286
+ }, 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>>, {}>;
1285
1287
  export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<Omit<{
1286
1288
  theme?: Theme | undefined;
1287
1289
  as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
@@ -1320,7 +1322,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1320
1322
  readonly property: "backgroundSize";
1321
1323
  }>;
1322
1324
  bottom?: import("@codecademy/variance/dist/types/config").Scale<{
1323
- readonly property: "bottom";
1325
+ readonly property: {
1326
+ readonly physical: "bottom";
1327
+ readonly logical: "insetBlockEnd";
1328
+ };
1329
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1324
1330
  readonly transform: (value: string | number) => string | 0;
1325
1331
  }>;
1326
1332
  columnGap?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1330,9 +1336,6 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1330
1336
  containerType?: import("@codecademy/variance/dist/types/config").Scale<{
1331
1337
  readonly property: "containerType";
1332
1338
  }>;
1333
- direction?: import("@codecademy/variance/dist/types/config").Scale<{
1334
- readonly property: "direction";
1335
- }>;
1336
1339
  display?: import("@codecademy/variance/dist/types/config").Scale<{
1337
1340
  readonly property: "display";
1338
1341
  }>;
@@ -1382,11 +1385,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1382
1385
  readonly property: "gridTemplateRows";
1383
1386
  }>;
1384
1387
  height?: import("@codecademy/variance/dist/types/config").Scale<{
1385
- readonly property: {
1386
- readonly physical: "height";
1387
- readonly logical: "blockSize";
1388
- };
1389
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1388
+ readonly property: "height";
1390
1389
  readonly transform: (value: string | number) => string | 0;
1391
1390
  }>;
1392
1391
  justifyContent?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1399,39 +1398,27 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1399
1398
  readonly property: "justifySelf";
1400
1399
  }>;
1401
1400
  left?: import("@codecademy/variance/dist/types/config").Scale<{
1402
- readonly property: "left";
1403
- readonly transform: (value: string | number) => string | 0;
1404
- }>;
1405
- maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
1406
1401
  readonly property: {
1407
- readonly physical: "maxHeight";
1408
- readonly logical: "maxBlockSize";
1402
+ readonly physical: "left";
1403
+ readonly logical: "insetInlineStart";
1409
1404
  };
1410
1405
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1411
1406
  readonly transform: (value: string | number) => string | 0;
1412
1407
  }>;
1408
+ maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
1409
+ readonly property: "maxHeight";
1410
+ readonly transform: (value: string | number) => string | 0;
1411
+ }>;
1413
1412
  maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
1414
- readonly property: {
1415
- readonly physical: "maxWidth";
1416
- readonly logical: "maxInlineSize";
1417
- };
1418
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1413
+ readonly property: "maxWidth";
1419
1414
  readonly transform: (value: string | number) => string | 0;
1420
1415
  }>;
1421
1416
  minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
1422
- readonly property: {
1423
- readonly physical: "minHeight";
1424
- readonly logical: "minBlockSize";
1425
- };
1426
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1417
+ readonly property: "minHeight";
1427
1418
  readonly transform: (value: string | number) => string | 0;
1428
1419
  }>;
1429
1420
  minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
1430
- readonly property: {
1431
- readonly physical: "minWidth";
1432
- readonly logical: "minInlineSize";
1433
- };
1434
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1421
+ readonly property: "minWidth";
1435
1422
  readonly transform: (value: string | number) => string | 0;
1436
1423
  }>;
1437
1424
  opacity?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1441,16 +1428,28 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1441
1428
  readonly property: "order";
1442
1429
  }>;
1443
1430
  overflowX?: import("@codecademy/variance/dist/types/config").Scale<{
1444
- readonly property: "overflowX";
1431
+ readonly property: {
1432
+ readonly physical: "overflowX";
1433
+ readonly logical: "overflowInline";
1434
+ };
1435
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1445
1436
  }>;
1446
1437
  overflowY?: import("@codecademy/variance/dist/types/config").Scale<{
1447
- readonly property: "overflowY";
1438
+ readonly property: {
1439
+ readonly physical: "overflowY";
1440
+ readonly logical: "overflowBlock";
1441
+ };
1442
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1448
1443
  }>;
1449
1444
  position?: import("@codecademy/variance/dist/types/config").Scale<{
1450
1445
  readonly property: "position";
1451
1446
  }>;
1452
1447
  right?: import("@codecademy/variance/dist/types/config").Scale<{
1453
- readonly property: "right";
1448
+ readonly property: {
1449
+ readonly physical: "right";
1450
+ readonly logical: "insetInlineEnd";
1451
+ };
1452
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1454
1453
  readonly transform: (value: string | number) => string | 0;
1455
1454
  }>;
1456
1455
  rowGap?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1458,18 +1457,18 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1458
1457
  readonly scale: "spacing";
1459
1458
  }>;
1460
1459
  top?: import("@codecademy/variance/dist/types/config").Scale<{
1461
- readonly property: "top";
1460
+ readonly property: {
1461
+ readonly physical: "top";
1462
+ readonly logical: "insetBlockStart";
1463
+ };
1464
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1462
1465
  readonly transform: (value: string | number) => string | 0;
1463
1466
  }>;
1464
1467
  verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{
1465
1468
  readonly property: "verticalAlign";
1466
1469
  }>;
1467
1470
  width?: import("@codecademy/variance/dist/types/config").Scale<{
1468
- readonly property: {
1469
- readonly physical: "width";
1470
- readonly logical: "inlineSize";
1471
- };
1472
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1471
+ readonly property: "width";
1473
1472
  readonly transform: (value: string | number) => string | 0;
1474
1473
  }>;
1475
1474
  zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1542,7 +1541,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1542
1541
  }>;
1543
1542
  inset?: import("@codecademy/variance/dist/types/config").Scale<{
1544
1543
  readonly property: "inset";
1545
- readonly properties: readonly ["top", "right", "bottom", "left"];
1544
+ readonly properties: {
1545
+ readonly physical: readonly ["top", "right", "bottom", "left"];
1546
+ readonly logical: readonly ["insetBlockStart", "insetInlineEnd", "insetBlockEnd", "insetInlineStart"];
1547
+ };
1548
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1546
1549
  readonly transform: (value: string | number) => string | 0;
1547
1550
  }>;
1548
1551
  overflow?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1882,4 +1885,4 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1882
1885
  } & {
1883
1886
  variables?: CSSObject | undefined;
1884
1887
  alwaysSetVariables?: boolean | undefined;
1885
- } & 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>>;
1888
+ } & 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>>;