@codecademy/gamut-styles 17.12.0-alpha.e6658d.0 → 17.12.0-alpha.ed9688.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 +122 -26
  2. package/dist/variance/config.d.ts +80 -16
  3. package/dist/variance/config.js +40 -8
  4. package/dist/variance/props.d.ts +160 -32
  5. package/dist/variance/utils.d.ts +1 -1
  6. package/package.json +4 -4
package/dist/ColorMode.d.ts CHANGED
@@ -60,14 +60,26 @@ 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";
70
- readonly properties: readonly ["width", "height"];
78
+ readonly properties: {
79
+ readonly physical: readonly ["width", "height"];
80
+ readonly logical: readonly ["inlineSize", "blockSize"];
81
+ };
82
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
71
83
  readonly transform: (value: string | number) => string | 0;
72
84
  };
73
85
  readonly width: {
@@ -298,23 +310,43 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
298
310
  };
299
311
  readonly inset: {
300
312
  readonly property: "inset";
301
- readonly properties: readonly ["top", "right", "bottom", "left"];
313
+ readonly properties: {
314
+ readonly physical: readonly ["top", "right", "bottom", "left"];
315
+ readonly logical: readonly ["insetBlockStart", "insetInlineEnd", "insetBlockEnd", "insetInlineStart"];
316
+ };
317
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
302
318
  readonly transform: (value: string | number) => string | 0;
303
319
  };
304
320
  readonly top: {
305
- readonly property: "top";
321
+ readonly property: {
322
+ readonly physical: "top";
323
+ readonly logical: "insetBlockStart";
324
+ };
325
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
306
326
  readonly transform: (value: string | number) => string | 0;
307
327
  };
308
328
  readonly right: {
309
- readonly property: "right";
329
+ readonly property: {
330
+ readonly physical: "right";
331
+ readonly logical: "insetInlineEnd";
332
+ };
333
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
310
334
  readonly transform: (value: string | number) => string | 0;
311
335
  };
312
336
  readonly bottom: {
313
- readonly property: "bottom";
337
+ readonly property: {
338
+ readonly physical: "bottom";
339
+ readonly logical: "insetBlockEnd";
340
+ };
341
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
314
342
  readonly transform: (value: string | number) => string | 0;
315
343
  };
316
344
  readonly left: {
317
- readonly property: "left";
345
+ readonly property: {
346
+ readonly physical: "left";
347
+ readonly logical: "insetInlineStart";
348
+ };
349
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
318
350
  readonly transform: (value: string | number) => string | 0;
319
351
  };
320
352
  readonly zIndex: {
@@ -719,7 +751,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
719
751
  readonly property: "backgroundSize";
720
752
  }>;
721
753
  bottom?: import("@codecademy/variance/dist/types/config").Scale<{
722
- readonly property: "bottom";
754
+ readonly property: {
755
+ readonly physical: "bottom";
756
+ readonly logical: "insetBlockEnd";
757
+ };
758
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
723
759
  readonly transform: (value: string | number) => string | 0;
724
760
  }>;
725
761
  columnGap?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -798,7 +834,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
798
834
  readonly property: "justifySelf";
799
835
  }>;
800
836
  left?: import("@codecademy/variance/dist/types/config").Scale<{
801
- readonly property: "left";
837
+ readonly property: {
838
+ readonly physical: "left";
839
+ readonly logical: "insetInlineStart";
840
+ };
841
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
802
842
  readonly transform: (value: string | number) => string | 0;
803
843
  }>;
804
844
  maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -840,16 +880,28 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
840
880
  readonly property: "order";
841
881
  }>;
842
882
  overflowX?: import("@codecademy/variance/dist/types/config").Scale<{
843
- readonly property: "overflowX";
883
+ readonly property: {
884
+ readonly physical: "overflowX";
885
+ readonly logical: "overflowInline";
886
+ };
887
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
844
888
  }>;
845
889
  overflowY?: import("@codecademy/variance/dist/types/config").Scale<{
846
- readonly property: "overflowY";
890
+ readonly property: {
891
+ readonly physical: "overflowY";
892
+ readonly logical: "overflowBlock";
893
+ };
894
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
847
895
  }>;
848
896
  position?: import("@codecademy/variance/dist/types/config").Scale<{
849
897
  readonly property: "position";
850
898
  }>;
851
899
  right?: import("@codecademy/variance/dist/types/config").Scale<{
852
- readonly property: "right";
900
+ readonly property: {
901
+ readonly physical: "right";
902
+ readonly logical: "insetInlineEnd";
903
+ };
904
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
853
905
  readonly transform: (value: string | number) => string | 0;
854
906
  }>;
855
907
  rowGap?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -857,7 +909,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
857
909
  readonly scale: "spacing";
858
910
  }>;
859
911
  top?: import("@codecademy/variance/dist/types/config").Scale<{
860
- readonly property: "top";
912
+ readonly property: {
913
+ readonly physical: "top";
914
+ readonly logical: "insetBlockStart";
915
+ };
916
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
861
917
  readonly transform: (value: string | number) => string | 0;
862
918
  }>;
863
919
  verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -941,7 +997,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
941
997
  }>;
942
998
  inset?: import("@codecademy/variance/dist/types/config").Scale<{
943
999
  readonly property: "inset";
944
- readonly properties: readonly ["top", "right", "bottom", "left"];
1000
+ readonly properties: {
1001
+ readonly physical: readonly ["top", "right", "bottom", "left"];
1002
+ readonly logical: readonly ["insetBlockStart", "insetInlineEnd", "insetBlockEnd", "insetInlineStart"];
1003
+ };
1004
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
945
1005
  readonly transform: (value: string | number) => string | 0;
946
1006
  }>;
947
1007
  overflow?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -949,7 +1009,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
949
1009
  }>;
950
1010
  dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
951
1011
  readonly property: "width";
952
- readonly properties: readonly ["width", "height"];
1012
+ readonly properties: {
1013
+ readonly physical: readonly ["width", "height"];
1014
+ readonly logical: readonly ["inlineSize", "blockSize"];
1015
+ };
1016
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
953
1017
  readonly transform: (value: string | number) => string | 0;
954
1018
  }>;
955
1019
  textColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1281,7 +1345,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1281
1345
  } & {
1282
1346
  variables?: CSSObject | undefined;
1283
1347
  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>>, {}>;
1348
+ }, 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
1349
  export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<Omit<{
1286
1350
  theme?: Theme | undefined;
1287
1351
  as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
@@ -1320,7 +1384,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1320
1384
  readonly property: "backgroundSize";
1321
1385
  }>;
1322
1386
  bottom?: import("@codecademy/variance/dist/types/config").Scale<{
1323
- readonly property: "bottom";
1387
+ readonly property: {
1388
+ readonly physical: "bottom";
1389
+ readonly logical: "insetBlockEnd";
1390
+ };
1391
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1324
1392
  readonly transform: (value: string | number) => string | 0;
1325
1393
  }>;
1326
1394
  columnGap?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1399,7 +1467,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1399
1467
  readonly property: "justifySelf";
1400
1468
  }>;
1401
1469
  left?: import("@codecademy/variance/dist/types/config").Scale<{
1402
- readonly property: "left";
1470
+ readonly property: {
1471
+ readonly physical: "left";
1472
+ readonly logical: "insetInlineStart";
1473
+ };
1474
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1403
1475
  readonly transform: (value: string | number) => string | 0;
1404
1476
  }>;
1405
1477
  maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1441,16 +1513,28 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1441
1513
  readonly property: "order";
1442
1514
  }>;
1443
1515
  overflowX?: import("@codecademy/variance/dist/types/config").Scale<{
1444
- readonly property: "overflowX";
1516
+ readonly property: {
1517
+ readonly physical: "overflowX";
1518
+ readonly logical: "overflowInline";
1519
+ };
1520
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1445
1521
  }>;
1446
1522
  overflowY?: import("@codecademy/variance/dist/types/config").Scale<{
1447
- readonly property: "overflowY";
1523
+ readonly property: {
1524
+ readonly physical: "overflowY";
1525
+ readonly logical: "overflowBlock";
1526
+ };
1527
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1448
1528
  }>;
1449
1529
  position?: import("@codecademy/variance/dist/types/config").Scale<{
1450
1530
  readonly property: "position";
1451
1531
  }>;
1452
1532
  right?: import("@codecademy/variance/dist/types/config").Scale<{
1453
- readonly property: "right";
1533
+ readonly property: {
1534
+ readonly physical: "right";
1535
+ readonly logical: "insetInlineEnd";
1536
+ };
1537
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1454
1538
  readonly transform: (value: string | number) => string | 0;
1455
1539
  }>;
1456
1540
  rowGap?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1458,7 +1542,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1458
1542
  readonly scale: "spacing";
1459
1543
  }>;
1460
1544
  top?: import("@codecademy/variance/dist/types/config").Scale<{
1461
- readonly property: "top";
1545
+ readonly property: {
1546
+ readonly physical: "top";
1547
+ readonly logical: "insetBlockStart";
1548
+ };
1549
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1462
1550
  readonly transform: (value: string | number) => string | 0;
1463
1551
  }>;
1464
1552
  verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1542,7 +1630,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1542
1630
  }>;
1543
1631
  inset?: import("@codecademy/variance/dist/types/config").Scale<{
1544
1632
  readonly property: "inset";
1545
- readonly properties: readonly ["top", "right", "bottom", "left"];
1633
+ readonly properties: {
1634
+ readonly physical: readonly ["top", "right", "bottom", "left"];
1635
+ readonly logical: readonly ["insetBlockStart", "insetInlineEnd", "insetBlockEnd", "insetInlineStart"];
1636
+ };
1637
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1546
1638
  readonly transform: (value: string | number) => string | 0;
1547
1639
  }>;
1548
1640
  overflow?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1550,7 +1642,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1550
1642
  }>;
1551
1643
  dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
1552
1644
  readonly property: "width";
1553
- readonly properties: readonly ["width", "height"];
1645
+ readonly properties: {
1646
+ readonly physical: readonly ["width", "height"];
1647
+ readonly logical: readonly ["inlineSize", "blockSize"];
1648
+ };
1649
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1554
1650
  readonly transform: (value: string | number) => string | 0;
1555
1651
  }>;
1556
1652
  textColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1882,4 +1978,4 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1882
1978
  } & {
1883
1979
  variables?: CSSObject | undefined;
1884
1980
  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>>;
1981
+ } & 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>>;
package/dist/variance/config.d.ts CHANGED
@@ -414,23 +414,43 @@ export declare const positioning: {
414
414
  };
415
415
  readonly inset: {
416
416
  readonly property: "inset";
417
- readonly properties: readonly ["top", "right", "bottom", "left"];
417
+ readonly properties: {
418
+ readonly physical: readonly ["top", "right", "bottom", "left"];
419
+ readonly logical: readonly ["insetBlockStart", "insetInlineEnd", "insetBlockEnd", "insetInlineStart"];
420
+ };
421
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
418
422
  readonly transform: (value: string | number) => string | 0;
419
423
  };
420
424
  readonly top: {
421
- readonly property: "top";
425
+ readonly property: {
426
+ readonly physical: "top";
427
+ readonly logical: "insetBlockStart";
428
+ };
429
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
422
430
  readonly transform: (value: string | number) => string | 0;
423
431
  };
424
432
  readonly right: {
425
- readonly property: "right";
433
+ readonly property: {
434
+ readonly physical: "right";
435
+ readonly logical: "insetInlineEnd";
436
+ };
437
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
426
438
  readonly transform: (value: string | number) => string | 0;
427
439
  };
428
440
  readonly bottom: {
429
- readonly property: "bottom";
441
+ readonly property: {
442
+ readonly physical: "bottom";
443
+ readonly logical: "insetBlockEnd";
444
+ };
445
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
430
446
  readonly transform: (value: string | number) => string | 0;
431
447
  };
432
448
  readonly left: {
433
- readonly property: "left";
449
+ readonly property: {
450
+ readonly physical: "left";
451
+ readonly logical: "insetInlineStart";
452
+ };
453
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
434
454
  readonly transform: (value: string | number) => string | 0;
435
455
  };
436
456
  readonly zIndex: {
@@ -498,14 +518,26 @@ export declare const layout: {
498
518
  readonly property: "overflow";
499
519
  };
500
520
  readonly overflowX: {
501
- readonly property: "overflowX";
521
+ readonly property: {
522
+ readonly physical: "overflowX";
523
+ readonly logical: "overflowInline";
524
+ };
525
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
502
526
  };
503
527
  readonly overflowY: {
504
- readonly property: "overflowY";
528
+ readonly property: {
529
+ readonly physical: "overflowY";
530
+ readonly logical: "overflowBlock";
531
+ };
532
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
505
533
  };
506
534
  readonly dimensions: {
507
535
  readonly property: "width";
508
- readonly properties: readonly ["width", "height"];
536
+ readonly properties: {
537
+ readonly physical: readonly ["width", "height"];
538
+ readonly logical: readonly ["inlineSize", "blockSize"];
539
+ };
540
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
509
541
  readonly transform: (value: string | number) => string | 0;
510
542
  };
511
543
  readonly width: {
@@ -1142,23 +1174,43 @@ export declare const all: {
1142
1174
  };
1143
1175
  inset: {
1144
1176
  readonly property: "inset";
1145
- readonly properties: readonly ["top", "right", "bottom", "left"];
1177
+ readonly properties: {
1178
+ readonly physical: readonly ["top", "right", "bottom", "left"];
1179
+ readonly logical: readonly ["insetBlockStart", "insetInlineEnd", "insetBlockEnd", "insetInlineStart"];
1180
+ };
1181
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1146
1182
  readonly transform: (value: string | number) => string | 0;
1147
1183
  };
1148
1184
  top: {
1149
- readonly property: "top";
1185
+ readonly property: {
1186
+ readonly physical: "top";
1187
+ readonly logical: "insetBlockStart";
1188
+ };
1189
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1150
1190
  readonly transform: (value: string | number) => string | 0;
1151
1191
  };
1152
1192
  right: {
1153
- readonly property: "right";
1193
+ readonly property: {
1194
+ readonly physical: "right";
1195
+ readonly logical: "insetInlineEnd";
1196
+ };
1197
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1154
1198
  readonly transform: (value: string | number) => string | 0;
1155
1199
  };
1156
1200
  bottom: {
1157
- readonly property: "bottom";
1201
+ readonly property: {
1202
+ readonly physical: "bottom";
1203
+ readonly logical: "insetBlockEnd";
1204
+ };
1205
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1158
1206
  readonly transform: (value: string | number) => string | 0;
1159
1207
  };
1160
1208
  left: {
1161
- readonly property: "left";
1209
+ readonly property: {
1210
+ readonly physical: "left";
1211
+ readonly logical: "insetInlineStart";
1212
+ };
1213
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1162
1214
  readonly transform: (value: string | number) => string | 0;
1163
1215
  };
1164
1216
  zIndex: {
@@ -1216,14 +1268,26 @@ export declare const all: {
1216
1268
  readonly property: "overflow";
1217
1269
  };
1218
1270
  overflowX: {
1219
- readonly property: "overflowX";
1271
+ readonly property: {
1272
+ readonly physical: "overflowX";
1273
+ readonly logical: "overflowInline";
1274
+ };
1275
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1220
1276
  };
1221
1277
  overflowY: {
1222
- readonly property: "overflowY";
1278
+ readonly property: {
1279
+ readonly physical: "overflowY";
1280
+ readonly logical: "overflowBlock";
1281
+ };
1282
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1223
1283
  };
1224
1284
  dimensions: {
1225
1285
  readonly property: "width";
1226
- readonly properties: readonly ["width", "height"];
1286
+ readonly properties: {
1287
+ readonly physical: readonly ["width", "height"];
1288
+ readonly logical: readonly ["inlineSize", "blockSize"];
1289
+ };
1290
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1227
1291
  readonly transform: (value: string | number) => string | 0;
1228
1292
  };
1229
1293
  width: {
package/dist/variance/config.js CHANGED
@@ -411,23 +411,43 @@ export const positioning = {
411
411
  },
412
412
  inset: {
413
413
  property: 'inset',
414
- properties: ['top', 'right', 'bottom', 'left'],
414
+ properties: {
415
+ physical: ['top', 'right', 'bottom', 'left'],
416
+ logical: ['insetBlockStart', 'insetInlineEnd', 'insetBlockEnd', 'insetInlineStart']
417
+ },
418
+ resolveProperty: getPropertyMode,
415
419
  transform: transformSize
416
420
  },
417
421
  top: {
418
- property: 'top',
422
+ property: {
423
+ physical: 'top',
424
+ logical: 'insetBlockStart'
425
+ },
426
+ resolveProperty: getPropertyMode,
419
427
  transform: transformSize
420
428
  },
421
429
  right: {
422
- property: 'right',
430
+ property: {
431
+ physical: 'right',
432
+ logical: 'insetInlineEnd'
433
+ },
434
+ resolveProperty: getPropertyMode,
423
435
  transform: transformSize
424
436
  },
425
437
  bottom: {
426
- property: 'bottom',
438
+ property: {
439
+ physical: 'bottom',
440
+ logical: 'insetBlockEnd'
441
+ },
442
+ resolveProperty: getPropertyMode,
427
443
  transform: transformSize
428
444
  },
429
445
  left: {
430
- property: 'left',
446
+ property: {
447
+ physical: 'left',
448
+ logical: 'insetInlineStart'
449
+ },
450
+ resolveProperty: getPropertyMode,
431
451
  transform: transformSize
432
452
  },
433
453
  zIndex: {
@@ -456,14 +476,26 @@ export const layout = {
456
476
  property: 'overflow'
457
477
  },
458
478
  overflowX: {
459
- property: 'overflowX'
479
+ property: {
480
+ physical: 'overflowX',
481
+ logical: 'overflowInline'
482
+ },
483
+ resolveProperty: getPropertyMode
460
484
  },
461
485
  overflowY: {
462
- property: 'overflowY'
486
+ property: {
487
+ physical: 'overflowY',
488
+ logical: 'overflowBlock'
489
+ },
490
+ resolveProperty: getPropertyMode
463
491
  },
464
492
  dimensions: {
465
493
  property: 'width',
466
- properties: ['width', 'height'],
494
+ properties: {
495
+ physical: ['width', 'height'],
496
+ logical: ['inlineSize', 'blockSize']
497
+ },
498
+ resolveProperty: getPropertyMode,
467
499
  transform: transformSize
468
500
  },
469
501
  width: {
package/dist/variance/props.d.ts CHANGED
@@ -200,14 +200,26 @@ export declare const layout: import("@codecademy/variance/dist/types/config").Pa
200
200
  readonly property: "overflow";
201
201
  };
202
202
  readonly overflowX: {
203
- readonly property: "overflowX";
203
+ readonly property: {
204
+ readonly physical: "overflowX";
205
+ readonly logical: "overflowInline";
206
+ };
207
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
204
208
  };
205
209
  readonly overflowY: {
206
- readonly property: "overflowY";
210
+ readonly property: {
211
+ readonly physical: "overflowY";
212
+ readonly logical: "overflowBlock";
213
+ };
214
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
207
215
  };
208
216
  readonly dimensions: {
209
217
  readonly property: "width";
210
- readonly properties: readonly ["width", "height"];
218
+ readonly properties: {
219
+ readonly physical: readonly ["width", "height"];
220
+ readonly logical: readonly ["inlineSize", "blockSize"];
221
+ };
222
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
211
223
  readonly transform: (value: string | number) => string | 0;
212
224
  };
213
225
  readonly width: {
@@ -271,23 +283,43 @@ export declare const positioning: import("@codecademy/variance/dist/types/config
271
283
  };
272
284
  readonly inset: {
273
285
  readonly property: "inset";
274
- readonly properties: readonly ["top", "right", "bottom", "left"];
286
+ readonly properties: {
287
+ readonly physical: readonly ["top", "right", "bottom", "left"];
288
+ readonly logical: readonly ["insetBlockStart", "insetInlineEnd", "insetBlockEnd", "insetInlineStart"];
289
+ };
290
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
275
291
  readonly transform: (value: string | number) => string | 0;
276
292
  };
277
293
  readonly top: {
278
- readonly property: "top";
294
+ readonly property: {
295
+ readonly physical: "top";
296
+ readonly logical: "insetBlockStart";
297
+ };
298
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
279
299
  readonly transform: (value: string | number) => string | 0;
280
300
  };
281
301
  readonly right: {
282
- readonly property: "right";
302
+ readonly property: {
303
+ readonly physical: "right";
304
+ readonly logical: "insetInlineEnd";
305
+ };
306
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
283
307
  readonly transform: (value: string | number) => string | 0;
284
308
  };
285
309
  readonly bottom: {
286
- readonly property: "bottom";
310
+ readonly property: {
311
+ readonly physical: "bottom";
312
+ readonly logical: "insetBlockEnd";
313
+ };
314
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
287
315
  readonly transform: (value: string | number) => string | 0;
288
316
  };
289
317
  readonly left: {
290
- readonly property: "left";
318
+ readonly property: {
319
+ readonly physical: "left";
320
+ readonly logical: "insetInlineStart";
321
+ };
322
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
291
323
  readonly transform: (value: string | number) => string | 0;
292
324
  };
293
325
  readonly zIndex: {
@@ -1145,23 +1177,43 @@ export declare const css: import("@codecademy/variance/dist/types/config").CSS<i
1145
1177
  };
1146
1178
  inset: {
1147
1179
  readonly property: "inset";
1148
- readonly properties: readonly ["top", "right", "bottom", "left"];
1180
+ readonly properties: {
1181
+ readonly physical: readonly ["top", "right", "bottom", "left"];
1182
+ readonly logical: readonly ["insetBlockStart", "insetInlineEnd", "insetBlockEnd", "insetInlineStart"];
1183
+ };
1184
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1149
1185
  readonly transform: (value: string | number) => string | 0;
1150
1186
  };
1151
1187
  top: {
1152
- readonly property: "top";
1188
+ readonly property: {
1189
+ readonly physical: "top";
1190
+ readonly logical: "insetBlockStart";
1191
+ };
1192
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1153
1193
  readonly transform: (value: string | number) => string | 0;
1154
1194
  };
1155
1195
  right: {
1156
- readonly property: "right";
1196
+ readonly property: {
1197
+ readonly physical: "right";
1198
+ readonly logical: "insetInlineEnd";
1199
+ };
1200
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1157
1201
  readonly transform: (value: string | number) => string | 0;
1158
1202
  };
1159
1203
  bottom: {
1160
- readonly property: "bottom";
1204
+ readonly property: {
1205
+ readonly physical: "bottom";
1206
+ readonly logical: "insetBlockEnd";
1207
+ };
1208
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1161
1209
  readonly transform: (value: string | number) => string | 0;
1162
1210
  };
1163
1211
  left: {
1164
- readonly property: "left";
1212
+ readonly property: {
1213
+ readonly physical: "left";
1214
+ readonly logical: "insetInlineStart";
1215
+ };
1216
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1165
1217
  readonly transform: (value: string | number) => string | 0;
1166
1218
  };
1167
1219
  zIndex: {
@@ -1219,14 +1271,26 @@ export declare const css: import("@codecademy/variance/dist/types/config").CSS<i
1219
1271
  readonly property: "overflow";
1220
1272
  };
1221
1273
  overflowX: {
1222
- readonly property: "overflowX";
1274
+ readonly property: {
1275
+ readonly physical: "overflowX";
1276
+ readonly logical: "overflowInline";
1277
+ };
1278
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1223
1279
  };
1224
1280
  overflowY: {
1225
- readonly property: "overflowY";
1281
+ readonly property: {
1282
+ readonly physical: "overflowY";
1283
+ readonly logical: "overflowBlock";
1284
+ };
1285
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1226
1286
  };
1227
1287
  dimensions: {
1228
1288
  readonly property: "width";
1229
- readonly properties: readonly ["width", "height"];
1289
+ readonly properties: {
1290
+ readonly physical: readonly ["width", "height"];
1291
+ readonly logical: readonly ["inlineSize", "blockSize"];
1292
+ };
1293
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1230
1294
  readonly transform: (value: string | number) => string | 0;
1231
1295
  };
1232
1296
  width: {
@@ -1790,23 +1854,43 @@ export declare const variant: import("@codecademy/variance/dist/types/config").V
1790
1854
  };
1791
1855
  inset: {
1792
1856
  readonly property: "inset";
1793
- readonly properties: readonly ["top", "right", "bottom", "left"];
1857
+ readonly properties: {
1858
+ readonly physical: readonly ["top", "right", "bottom", "left"];
1859
+ readonly logical: readonly ["insetBlockStart", "insetInlineEnd", "insetBlockEnd", "insetInlineStart"];
1860
+ };
1861
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1794
1862
  readonly transform: (value: string | number) => string | 0;
1795
1863
  };
1796
1864
  top: {
1797
- readonly property: "top";
1865
+ readonly property: {
1866
+ readonly physical: "top";
1867
+ readonly logical: "insetBlockStart";
1868
+ };
1869
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1798
1870
  readonly transform: (value: string | number) => string | 0;
1799
1871
  };
1800
1872
  right: {
1801
- readonly property: "right";
1873
+ readonly property: {
1874
+ readonly physical: "right";
1875
+ readonly logical: "insetInlineEnd";
1876
+ };
1877
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1802
1878
  readonly transform: (value: string | number) => string | 0;
1803
1879
  };
1804
1880
  bottom: {
1805
- readonly property: "bottom";
1881
+ readonly property: {
1882
+ readonly physical: "bottom";
1883
+ readonly logical: "insetBlockEnd";
1884
+ };
1885
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1806
1886
  readonly transform: (value: string | number) => string | 0;
1807
1887
  };
1808
1888
  left: {
1809
- readonly property: "left";
1889
+ readonly property: {
1890
+ readonly physical: "left";
1891
+ readonly logical: "insetInlineStart";
1892
+ };
1893
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1810
1894
  readonly transform: (value: string | number) => string | 0;
1811
1895
  };
1812
1896
  zIndex: {
@@ -1864,14 +1948,26 @@ export declare const variant: import("@codecademy/variance/dist/types/config").V
1864
1948
  readonly property: "overflow";
1865
1949
  };
1866
1950
  overflowX: {
1867
- readonly property: "overflowX";
1951
+ readonly property: {
1952
+ readonly physical: "overflowX";
1953
+ readonly logical: "overflowInline";
1954
+ };
1955
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1868
1956
  };
1869
1957
  overflowY: {
1870
- readonly property: "overflowY";
1958
+ readonly property: {
1959
+ readonly physical: "overflowY";
1960
+ readonly logical: "overflowBlock";
1961
+ };
1962
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1871
1963
  };
1872
1964
  dimensions: {
1873
1965
  readonly property: "width";
1874
- readonly properties: readonly ["width", "height"];
1966
+ readonly properties: {
1967
+ readonly physical: readonly ["width", "height"];
1968
+ readonly logical: readonly ["inlineSize", "blockSize"];
1969
+ };
1970
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1875
1971
  readonly transform: (value: string | number) => string | 0;
1876
1972
  };
1877
1973
  width: {
@@ -2435,23 +2531,43 @@ export declare const states: import("@codecademy/variance/dist/types/config").St
2435
2531
  };
2436
2532
  inset: {
2437
2533
  readonly property: "inset";
2438
- readonly properties: readonly ["top", "right", "bottom", "left"];
2534
+ readonly properties: {
2535
+ readonly physical: readonly ["top", "right", "bottom", "left"];
2536
+ readonly logical: readonly ["insetBlockStart", "insetInlineEnd", "insetBlockEnd", "insetInlineStart"];
2537
+ };
2538
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2439
2539
  readonly transform: (value: string | number) => string | 0;
2440
2540
  };
2441
2541
  top: {
2442
- readonly property: "top";
2542
+ readonly property: {
2543
+ readonly physical: "top";
2544
+ readonly logical: "insetBlockStart";
2545
+ };
2546
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2443
2547
  readonly transform: (value: string | number) => string | 0;
2444
2548
  };
2445
2549
  right: {
2446
- readonly property: "right";
2550
+ readonly property: {
2551
+ readonly physical: "right";
2552
+ readonly logical: "insetInlineEnd";
2553
+ };
2554
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2447
2555
  readonly transform: (value: string | number) => string | 0;
2448
2556
  };
2449
2557
  bottom: {
2450
- readonly property: "bottom";
2558
+ readonly property: {
2559
+ readonly physical: "bottom";
2560
+ readonly logical: "insetBlockEnd";
2561
+ };
2562
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2451
2563
  readonly transform: (value: string | number) => string | 0;
2452
2564
  };
2453
2565
  left: {
2454
- readonly property: "left";
2566
+ readonly property: {
2567
+ readonly physical: "left";
2568
+ readonly logical: "insetInlineStart";
2569
+ };
2570
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2455
2571
  readonly transform: (value: string | number) => string | 0;
2456
2572
  };
2457
2573
  zIndex: {
@@ -2509,14 +2625,26 @@ export declare const states: import("@codecademy/variance/dist/types/config").St
2509
2625
  readonly property: "overflow";
2510
2626
  };
2511
2627
  overflowX: {
2512
- readonly property: "overflowX";
2628
+ readonly property: {
2629
+ readonly physical: "overflowX";
2630
+ readonly logical: "overflowInline";
2631
+ };
2632
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2513
2633
  };
2514
2634
  overflowY: {
2515
- readonly property: "overflowY";
2635
+ readonly property: {
2636
+ readonly physical: "overflowY";
2637
+ readonly logical: "overflowBlock";
2638
+ };
2639
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2516
2640
  };
2517
2641
  dimensions: {
2518
2642
  readonly property: "width";
2519
- readonly properties: readonly ["width", "height"];
2643
+ readonly properties: {
2644
+ readonly physical: readonly ["width", "height"];
2645
+ readonly logical: readonly ["inlineSize", "blockSize"];
2646
+ };
2647
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2520
2648
  readonly transform: (value: string | number) => string | 0;
2521
2649
  };
2522
2650
  width: {
package/dist/variance/utils.d.ts CHANGED
@@ -24,6 +24,6 @@ export declare function createStyledOptions<El extends ElementOrProps = 'div', A
24
24
  *
25
25
  */
26
26
  export declare const styledOptions: typeof createStyledOptions & {
27
- shouldForwardProp: (prop: PropertyKey) => prop is "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>;
27
+ shouldForwardProp: (prop: PropertyKey) => prop is "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>;
28
28
  };
29
29
  export {};
package/package.json CHANGED
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "name": "@codecademy/gamut-styles",
3
3
  "description": "Styleguide & Component library for codecademy.com",
4
- "version": "17.12.0-alpha.e6658d.0",
4
+ "version": "17.12.0-alpha.ed9688.0",
5
5
  "author": "Jake Hiller <jake@codecademy.com>",
6
6
  "dependencies": {
7
- "@codecademy/variance": "0.26.0-alpha.e6658d.0",
7
+ "@codecademy/variance": "0.26.0-alpha.ed9688.0",
8
8
  "@emotion/is-prop-valid": "^1.1.0",
9
9
  "polished": "^4.1.2"
10
10
  },
@@ -24,7 +24,7 @@
24
24
  "@emotion/react": "^11.4.0",
25
25
  "@emotion/styled": "^11.3.0",
26
26
  "lodash": "^4.17.23",
27
- "react": "^17.0.2 || ^18.2.0",
27
+ "react": "^17.0.2 || ^18.3.0",
28
28
  "stylis": "^4.0.7"
29
29
  },
30
30
  "publishConfig": {
@@ -34,5 +34,5 @@
34
34
  "scripts": {
35
35
  "build": "nx build @codecademy/gamut-styles"
36
36
  },
37
- "gitHead": "c9f76514b37c19884b8dcd3fcdff03be92fb7500"
37
+ "gitHead": "149f648579774f0f7be4f3ba4e759bd039b8a3ce"
38
38
  }