@codecademy/gamut-styles 17.12.0-alpha.d11893.0 → 17.12.0-alpha.d6e3a2.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 +107 -23
  2. package/dist/variance/config.d.ts +70 -14
  3. package/dist/variance/config.js +35 -7
  4. package/dist/variance/props.d.ts +140 -28
  5. package/dist/variance/utils.d.ts +1 -1
  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";
@@ -271,23 +279,43 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
271
279
  };
272
280
  readonly inset: {
273
281
  readonly property: "inset";
274
- 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;
275
287
  readonly transform: (value: string | number) => string | 0;
276
288
  };
277
289
  readonly top: {
278
- 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;
279
295
  readonly transform: (value: string | number) => string | 0;
280
296
  };
281
297
  readonly right: {
282
- 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;
283
303
  readonly transform: (value: string | number) => string | 0;
284
304
  };
285
305
  readonly bottom: {
286
- 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;
287
311
  readonly transform: (value: string | number) => string | 0;
288
312
  };
289
313
  readonly left: {
290
- 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;
291
319
  readonly transform: (value: string | number) => string | 0;
292
320
  };
293
321
  readonly zIndex: {
@@ -692,7 +720,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
692
720
  readonly property: "backgroundSize";
693
721
  }>;
694
722
  bottom?: import("@codecademy/variance/dist/types/config").Scale<{
695
- 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;
696
728
  readonly transform: (value: string | number) => string | 0;
697
729
  }>;
698
730
  columnGap?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -764,7 +796,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
764
796
  readonly property: "justifySelf";
765
797
  }>;
766
798
  left?: import("@codecademy/variance/dist/types/config").Scale<{
767
- readonly property: "left";
799
+ readonly property: {
800
+ readonly physical: "left";
801
+ readonly logical: "insetInlineStart";
802
+ };
803
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
768
804
  readonly transform: (value: string | number) => string | 0;
769
805
  }>;
770
806
  maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -790,16 +826,28 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
790
826
  readonly property: "order";
791
827
  }>;
792
828
  overflowX?: import("@codecademy/variance/dist/types/config").Scale<{
793
- 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;
794
834
  }>;
795
835
  overflowY?: import("@codecademy/variance/dist/types/config").Scale<{
796
- 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;
797
841
  }>;
798
842
  position?: import("@codecademy/variance/dist/types/config").Scale<{
799
843
  readonly property: "position";
800
844
  }>;
801
845
  right?: import("@codecademy/variance/dist/types/config").Scale<{
802
- 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;
803
851
  readonly transform: (value: string | number) => string | 0;
804
852
  }>;
805
853
  rowGap?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -807,7 +855,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
807
855
  readonly scale: "spacing";
808
856
  }>;
809
857
  top?: import("@codecademy/variance/dist/types/config").Scale<{
810
- 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;
811
863
  readonly transform: (value: string | number) => string | 0;
812
864
  }>;
813
865
  verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -887,7 +939,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
887
939
  }>;
888
940
  inset?: import("@codecademy/variance/dist/types/config").Scale<{
889
941
  readonly property: "inset";
890
- 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;
891
947
  readonly transform: (value: string | number) => string | 0;
892
948
  }>;
893
949
  overflow?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1227,7 +1283,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1227
1283
  } & {
1228
1284
  variables?: CSSObject | undefined;
1229
1285
  alwaysSetVariables?: boolean | undefined;
1230
- }, 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>>, {}>;
1231
1287
  export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<Omit<{
1232
1288
  theme?: Theme | undefined;
1233
1289
  as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
@@ -1266,7 +1322,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1266
1322
  readonly property: "backgroundSize";
1267
1323
  }>;
1268
1324
  bottom?: import("@codecademy/variance/dist/types/config").Scale<{
1269
- 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;
1270
1330
  readonly transform: (value: string | number) => string | 0;
1271
1331
  }>;
1272
1332
  columnGap?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1338,7 +1398,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1338
1398
  readonly property: "justifySelf";
1339
1399
  }>;
1340
1400
  left?: import("@codecademy/variance/dist/types/config").Scale<{
1341
- readonly property: "left";
1401
+ readonly property: {
1402
+ readonly physical: "left";
1403
+ readonly logical: "insetInlineStart";
1404
+ };
1405
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1342
1406
  readonly transform: (value: string | number) => string | 0;
1343
1407
  }>;
1344
1408
  maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1364,16 +1428,28 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1364
1428
  readonly property: "order";
1365
1429
  }>;
1366
1430
  overflowX?: import("@codecademy/variance/dist/types/config").Scale<{
1367
- 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;
1368
1436
  }>;
1369
1437
  overflowY?: import("@codecademy/variance/dist/types/config").Scale<{
1370
- 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;
1371
1443
  }>;
1372
1444
  position?: import("@codecademy/variance/dist/types/config").Scale<{
1373
1445
  readonly property: "position";
1374
1446
  }>;
1375
1447
  right?: import("@codecademy/variance/dist/types/config").Scale<{
1376
- 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;
1377
1453
  readonly transform: (value: string | number) => string | 0;
1378
1454
  }>;
1379
1455
  rowGap?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1381,7 +1457,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1381
1457
  readonly scale: "spacing";
1382
1458
  }>;
1383
1459
  top?: import("@codecademy/variance/dist/types/config").Scale<{
1384
- 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;
1385
1465
  readonly transform: (value: string | number) => string | 0;
1386
1466
  }>;
1387
1467
  verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1461,7 +1541,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1461
1541
  }>;
1462
1542
  inset?: import("@codecademy/variance/dist/types/config").Scale<{
1463
1543
  readonly property: "inset";
1464
- 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;
1465
1549
  readonly transform: (value: string | number) => string | 0;
1466
1550
  }>;
1467
1551
  overflow?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1801,4 +1885,4 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1801
1885
  } & {
1802
1886
  variables?: CSSObject | undefined;
1803
1887
  alwaysSetVariables?: boolean | undefined;
1804
- } & 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>>;
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,10 +518,18 @@ 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";
@@ -1115,23 +1143,43 @@ export declare const all: {
1115
1143
  };
1116
1144
  inset: {
1117
1145
  readonly property: "inset";
1118
- readonly properties: readonly ["top", "right", "bottom", "left"];
1146
+ readonly properties: {
1147
+ readonly physical: readonly ["top", "right", "bottom", "left"];
1148
+ readonly logical: readonly ["insetBlockStart", "insetInlineEnd", "insetBlockEnd", "insetInlineStart"];
1149
+ };
1150
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1119
1151
  readonly transform: (value: string | number) => string | 0;
1120
1152
  };
1121
1153
  top: {
1122
- readonly property: "top";
1154
+ readonly property: {
1155
+ readonly physical: "top";
1156
+ readonly logical: "insetBlockStart";
1157
+ };
1158
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1123
1159
  readonly transform: (value: string | number) => string | 0;
1124
1160
  };
1125
1161
  right: {
1126
- readonly property: "right";
1162
+ readonly property: {
1163
+ readonly physical: "right";
1164
+ readonly logical: "insetInlineEnd";
1165
+ };
1166
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1127
1167
  readonly transform: (value: string | number) => string | 0;
1128
1168
  };
1129
1169
  bottom: {
1130
- readonly property: "bottom";
1170
+ readonly property: {
1171
+ readonly physical: "bottom";
1172
+ readonly logical: "insetBlockEnd";
1173
+ };
1174
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1131
1175
  readonly transform: (value: string | number) => string | 0;
1132
1176
  };
1133
1177
  left: {
1134
- readonly property: "left";
1178
+ readonly property: {
1179
+ readonly physical: "left";
1180
+ readonly logical: "insetInlineStart";
1181
+ };
1182
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1135
1183
  readonly transform: (value: string | number) => string | 0;
1136
1184
  };
1137
1185
  zIndex: {
@@ -1189,10 +1237,18 @@ export declare const all: {
1189
1237
  readonly property: "overflow";
1190
1238
  };
1191
1239
  overflowX: {
1192
- readonly property: "overflowX";
1240
+ readonly property: {
1241
+ readonly physical: "overflowX";
1242
+ readonly logical: "overflowInline";
1243
+ };
1244
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1193
1245
  };
1194
1246
  overflowY: {
1195
- readonly property: "overflowY";
1247
+ readonly property: {
1248
+ readonly physical: "overflowY";
1249
+ readonly logical: "overflowBlock";
1250
+ };
1251
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1196
1252
  };
1197
1253
  dimensions: {
1198
1254
  readonly property: "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,10 +476,18 @@ 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',
package/dist/variance/props.d.ts CHANGED
@@ -200,10 +200,18 @@ 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";
@@ -244,23 +252,43 @@ export declare const positioning: import("@codecademy/variance/dist/types/config
244
252
  };
245
253
  readonly inset: {
246
254
  readonly property: "inset";
247
- readonly properties: readonly ["top", "right", "bottom", "left"];
255
+ readonly properties: {
256
+ readonly physical: readonly ["top", "right", "bottom", "left"];
257
+ readonly logical: readonly ["insetBlockStart", "insetInlineEnd", "insetBlockEnd", "insetInlineStart"];
258
+ };
259
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
248
260
  readonly transform: (value: string | number) => string | 0;
249
261
  };
250
262
  readonly top: {
251
- readonly property: "top";
263
+ readonly property: {
264
+ readonly physical: "top";
265
+ readonly logical: "insetBlockStart";
266
+ };
267
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
252
268
  readonly transform: (value: string | number) => string | 0;
253
269
  };
254
270
  readonly right: {
255
- readonly property: "right";
271
+ readonly property: {
272
+ readonly physical: "right";
273
+ readonly logical: "insetInlineEnd";
274
+ };
275
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
256
276
  readonly transform: (value: string | number) => string | 0;
257
277
  };
258
278
  readonly bottom: {
259
- readonly property: "bottom";
279
+ readonly property: {
280
+ readonly physical: "bottom";
281
+ readonly logical: "insetBlockEnd";
282
+ };
283
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
260
284
  readonly transform: (value: string | number) => string | 0;
261
285
  };
262
286
  readonly left: {
263
- readonly property: "left";
287
+ readonly property: {
288
+ readonly physical: "left";
289
+ readonly logical: "insetInlineStart";
290
+ };
291
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
264
292
  readonly transform: (value: string | number) => string | 0;
265
293
  };
266
294
  readonly zIndex: {
@@ -1118,23 +1146,43 @@ export declare const css: import("@codecademy/variance/dist/types/config").CSS<i
1118
1146
  };
1119
1147
  inset: {
1120
1148
  readonly property: "inset";
1121
- readonly properties: readonly ["top", "right", "bottom", "left"];
1149
+ readonly properties: {
1150
+ readonly physical: readonly ["top", "right", "bottom", "left"];
1151
+ readonly logical: readonly ["insetBlockStart", "insetInlineEnd", "insetBlockEnd", "insetInlineStart"];
1152
+ };
1153
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1122
1154
  readonly transform: (value: string | number) => string | 0;
1123
1155
  };
1124
1156
  top: {
1125
- readonly property: "top";
1157
+ readonly property: {
1158
+ readonly physical: "top";
1159
+ readonly logical: "insetBlockStart";
1160
+ };
1161
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1126
1162
  readonly transform: (value: string | number) => string | 0;
1127
1163
  };
1128
1164
  right: {
1129
- readonly property: "right";
1165
+ readonly property: {
1166
+ readonly physical: "right";
1167
+ readonly logical: "insetInlineEnd";
1168
+ };
1169
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1130
1170
  readonly transform: (value: string | number) => string | 0;
1131
1171
  };
1132
1172
  bottom: {
1133
- readonly property: "bottom";
1173
+ readonly property: {
1174
+ readonly physical: "bottom";
1175
+ readonly logical: "insetBlockEnd";
1176
+ };
1177
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1134
1178
  readonly transform: (value: string | number) => string | 0;
1135
1179
  };
1136
1180
  left: {
1137
- readonly property: "left";
1181
+ readonly property: {
1182
+ readonly physical: "left";
1183
+ readonly logical: "insetInlineStart";
1184
+ };
1185
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1138
1186
  readonly transform: (value: string | number) => string | 0;
1139
1187
  };
1140
1188
  zIndex: {
@@ -1192,10 +1240,18 @@ export declare const css: import("@codecademy/variance/dist/types/config").CSS<i
1192
1240
  readonly property: "overflow";
1193
1241
  };
1194
1242
  overflowX: {
1195
- readonly property: "overflowX";
1243
+ readonly property: {
1244
+ readonly physical: "overflowX";
1245
+ readonly logical: "overflowInline";
1246
+ };
1247
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1196
1248
  };
1197
1249
  overflowY: {
1198
- readonly property: "overflowY";
1250
+ readonly property: {
1251
+ readonly physical: "overflowY";
1252
+ readonly logical: "overflowBlock";
1253
+ };
1254
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1199
1255
  };
1200
1256
  dimensions: {
1201
1257
  readonly property: "width";
@@ -1736,23 +1792,43 @@ export declare const variant: import("@codecademy/variance/dist/types/config").V
1736
1792
  };
1737
1793
  inset: {
1738
1794
  readonly property: "inset";
1739
- readonly properties: readonly ["top", "right", "bottom", "left"];
1795
+ readonly properties: {
1796
+ readonly physical: readonly ["top", "right", "bottom", "left"];
1797
+ readonly logical: readonly ["insetBlockStart", "insetInlineEnd", "insetBlockEnd", "insetInlineStart"];
1798
+ };
1799
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1740
1800
  readonly transform: (value: string | number) => string | 0;
1741
1801
  };
1742
1802
  top: {
1743
- readonly property: "top";
1803
+ readonly property: {
1804
+ readonly physical: "top";
1805
+ readonly logical: "insetBlockStart";
1806
+ };
1807
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1744
1808
  readonly transform: (value: string | number) => string | 0;
1745
1809
  };
1746
1810
  right: {
1747
- readonly property: "right";
1811
+ readonly property: {
1812
+ readonly physical: "right";
1813
+ readonly logical: "insetInlineEnd";
1814
+ };
1815
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1748
1816
  readonly transform: (value: string | number) => string | 0;
1749
1817
  };
1750
1818
  bottom: {
1751
- readonly property: "bottom";
1819
+ readonly property: {
1820
+ readonly physical: "bottom";
1821
+ readonly logical: "insetBlockEnd";
1822
+ };
1823
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1752
1824
  readonly transform: (value: string | number) => string | 0;
1753
1825
  };
1754
1826
  left: {
1755
- readonly property: "left";
1827
+ readonly property: {
1828
+ readonly physical: "left";
1829
+ readonly logical: "insetInlineStart";
1830
+ };
1831
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1756
1832
  readonly transform: (value: string | number) => string | 0;
1757
1833
  };
1758
1834
  zIndex: {
@@ -1810,10 +1886,18 @@ export declare const variant: import("@codecademy/variance/dist/types/config").V
1810
1886
  readonly property: "overflow";
1811
1887
  };
1812
1888
  overflowX: {
1813
- readonly property: "overflowX";
1889
+ readonly property: {
1890
+ readonly physical: "overflowX";
1891
+ readonly logical: "overflowInline";
1892
+ };
1893
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1814
1894
  };
1815
1895
  overflowY: {
1816
- readonly property: "overflowY";
1896
+ readonly property: {
1897
+ readonly physical: "overflowY";
1898
+ readonly logical: "overflowBlock";
1899
+ };
1900
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1817
1901
  };
1818
1902
  dimensions: {
1819
1903
  readonly property: "width";
@@ -2354,23 +2438,43 @@ export declare const states: import("@codecademy/variance/dist/types/config").St
2354
2438
  };
2355
2439
  inset: {
2356
2440
  readonly property: "inset";
2357
- readonly properties: readonly ["top", "right", "bottom", "left"];
2441
+ readonly properties: {
2442
+ readonly physical: readonly ["top", "right", "bottom", "left"];
2443
+ readonly logical: readonly ["insetBlockStart", "insetInlineEnd", "insetBlockEnd", "insetInlineStart"];
2444
+ };
2445
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2358
2446
  readonly transform: (value: string | number) => string | 0;
2359
2447
  };
2360
2448
  top: {
2361
- readonly property: "top";
2449
+ readonly property: {
2450
+ readonly physical: "top";
2451
+ readonly logical: "insetBlockStart";
2452
+ };
2453
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2362
2454
  readonly transform: (value: string | number) => string | 0;
2363
2455
  };
2364
2456
  right: {
2365
- readonly property: "right";
2457
+ readonly property: {
2458
+ readonly physical: "right";
2459
+ readonly logical: "insetInlineEnd";
2460
+ };
2461
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2366
2462
  readonly transform: (value: string | number) => string | 0;
2367
2463
  };
2368
2464
  bottom: {
2369
- readonly property: "bottom";
2465
+ readonly property: {
2466
+ readonly physical: "bottom";
2467
+ readonly logical: "insetBlockEnd";
2468
+ };
2469
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2370
2470
  readonly transform: (value: string | number) => string | 0;
2371
2471
  };
2372
2472
  left: {
2373
- readonly property: "left";
2473
+ readonly property: {
2474
+ readonly physical: "left";
2475
+ readonly logical: "insetInlineStart";
2476
+ };
2477
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2374
2478
  readonly transform: (value: string | number) => string | 0;
2375
2479
  };
2376
2480
  zIndex: {
@@ -2428,10 +2532,18 @@ export declare const states: import("@codecademy/variance/dist/types/config").St
2428
2532
  readonly property: "overflow";
2429
2533
  };
2430
2534
  overflowX: {
2431
- readonly property: "overflowX";
2535
+ readonly property: {
2536
+ readonly physical: "overflowX";
2537
+ readonly logical: "overflowInline";
2538
+ };
2539
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2432
2540
  };
2433
2541
  overflowY: {
2434
- readonly property: "overflowY";
2542
+ readonly property: {
2543
+ readonly physical: "overflowY";
2544
+ readonly logical: "overflowBlock";
2545
+ };
2546
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2435
2547
  };
2436
2548
  dimensions: {
2437
2549
  readonly property: "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.d11893.0",
4
+ "version": "17.12.0-alpha.d6e3a2.0",
5
5
  "author": "Jake Hiller <jake@codecademy.com>",
6
6
  "dependencies": {
7
- "@codecademy/variance": "0.26.0-alpha.d11893.0",
7
+ "@codecademy/variance": "0.26.0-alpha.d6e3a2.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": "c7550c31112f32f64ce13768074d665dcdde064d"
37
+ "gitHead": "c06701eef88df7b0714f999676f9e32760abb6c6"
38
38
  }