@codecademy/gamut 68.0.1-alpha.a46571.0 → 68.0.1-alpha.bd18ee.0

package/dist/Anchor/index.d.ts

@@ -68,32 +68,59 @@ declare const anchorProps: import("@codecademy/variance/dist/types/config").Pars
         readonly transform: (value: string | number) => string | 0;
     };
     readonly width: {
-        readonly property: "width";
+        readonly property: {
+            readonly physical: "width";
+            readonly logical: "inlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly minWidth: {
-        readonly property: "minWidth";
+        readonly property: {
+            readonly physical: "minWidth";
+            readonly logical: "minInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly maxWidth: {
-        readonly property: "maxWidth";
+        readonly property: {
+            readonly physical: "maxWidth";
+            readonly logical: "maxInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly height: {
-        readonly property: "height";
+        readonly property: {
+            readonly physical: "height";
+            readonly logical: "blockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly minHeight: {
-        readonly property: "minHeight";
+        readonly property: {
+            readonly physical: "minHeight";
+            readonly logical: "minBlockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly maxHeight: {
-        readonly property: "maxHeight";
+        readonly property: {
+            readonly physical: "maxHeight";
+            readonly logical: "maxBlockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly verticalAlign: {
         readonly property: "verticalAlign";
     };
+    readonly direction: {
+        readonly property: "direction";
+    };
 }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
     readonly p: {
         readonly property: "padding";

package/dist/Badge/index.d.ts

@@ -178,32 +178,59 @@ declare const badgeProps: import("@codecademy/variance/dist/types/config").Parse
         readonly transform: (value: string | number) => string | 0;
     };
     readonly width: {
-        readonly property: "width";
+        readonly property: {
+            readonly physical: "width";
+            readonly logical: "inlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly minWidth: {
-        readonly property: "minWidth";
+        readonly property: {
+            readonly physical: "minWidth";
+            readonly logical: "minInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly maxWidth: {
-        readonly property: "maxWidth";
+        readonly property: {
+            readonly physical: "maxWidth";
+            readonly logical: "maxInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly height: {
-        readonly property: "height";
+        readonly property: {
+            readonly physical: "height";
+            readonly logical: "blockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly minHeight: {
-        readonly property: "minHeight";
+        readonly property: {
+            readonly physical: "minHeight";
+            readonly logical: "minBlockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly maxHeight: {
-        readonly property: "maxHeight";
+        readonly property: {
+            readonly physical: "maxHeight";
+            readonly logical: "maxBlockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly verticalAlign: {
         readonly property: "verticalAlign";
     };
+    readonly direction: {
+        readonly property: "direction";
+    };
 }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
     readonly fontFamily: {
         readonly property: "fontFamily";

package/dist/Box/props.d.ts

@@ -116,52 +116,28 @@ export declare const boxProps: import("@codecademy/variance/dist/types/config").
     };
     readonly borderX: {
         readonly property: "border";
-        readonly properties: {
-            readonly physical: readonly ["borderLeft", "borderRight"];
-            readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["borderLeft", "borderRight"];
         readonly scale: "borders";
     };
     readonly borderY: {
         readonly property: "border";
-        readonly properties: {
-            readonly physical: readonly ["borderTop", "borderBottom"];
-            readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["borderTop", "borderBottom"];
         readonly scale: "borders";
     };
     readonly borderTop: {
-        readonly property: {
-            readonly physical: "borderTop";
-            readonly logical: "borderBlockStart";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderTop";
         readonly scale: "borders";
     };
     readonly borderRight: {
-        readonly property: {
-            readonly physical: "borderRight";
-            readonly logical: "borderInlineEnd";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderRight";
         readonly scale: "borders";
     };
     readonly borderBottom: {
-        readonly property: {
-            readonly physical: "borderBottom";
-            readonly logical: "borderBlockEnd";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderBottom";
         readonly scale: "borders";
     };
     readonly borderLeft: {
-        readonly property: {
-            readonly physical: "borderLeft";
-            readonly logical: "borderInlineStart";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderLeft";
         readonly scale: "borders";
     };
     readonly borderWidth: {
@@ -169,47 +145,23 @@ export declare const boxProps: import("@codecademy/variance/dist/types/config").
     };
     readonly borderWidthX: {
         readonly property: "borderWidth";
-        readonly properties: {
-            readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
-            readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
     };
     readonly borderWidthY: {
         readonly property: "borderWidth";
-        readonly properties: {
-            readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
-            readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
     };
     readonly borderWidthLeft: {
-        readonly property: {
-            readonly physical: "borderLeftWidth";
-            readonly logical: "borderInlineStartWidth";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderLeftWidth";
     };
     readonly borderWidthRight: {
-        readonly property: {
-            readonly physical: "borderRightWidth";
-            readonly logical: "borderInlineEndWidth";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderRightWidth";
     };
     readonly borderWidthTop: {
-        readonly property: {
-            readonly physical: "borderTopWidth";
-            readonly logical: "borderBlockStartWidth";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderTopWidth";
     };
     readonly borderWidthBottom: {
-        readonly property: {
-            readonly physical: "borderBottomWidth";
-            readonly logical: "borderBlockEndWidth";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderBottomWidth";
     };
     readonly borderRadius: {
         readonly property: "borderRadius";
@@ -335,32 +287,59 @@ export declare const boxProps: import("@codecademy/variance/dist/types/config").
         readonly transform: (value: string | number) => string | 0;
     };
     readonly width: {
-        readonly property: "width";
+        readonly property: {
+            readonly physical: "width";
+            readonly logical: "inlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly minWidth: {
-        readonly property: "minWidth";
+        readonly property: {
+            readonly physical: "minWidth";
+            readonly logical: "minInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly maxWidth: {
-        readonly property: "maxWidth";
+        readonly property: {
+            readonly physical: "maxWidth";
+            readonly logical: "maxInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly height: {
-        readonly property: "height";
+        readonly property: {
+            readonly physical: "height";
+            readonly logical: "blockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly minHeight: {
-        readonly property: "minHeight";
+        readonly property: {
+            readonly physical: "minHeight";
+            readonly logical: "minBlockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly maxHeight: {
-        readonly property: "maxHeight";
+        readonly property: {
+            readonly physical: "maxHeight";
+            readonly logical: "maxBlockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly verticalAlign: {
         readonly property: "verticalAlign";
     };
+    readonly direction: {
+        readonly property: "direction";
+    };
 }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
     readonly color: {
         readonly property: "color";

package/dist/Button/shared/styles.d.ts

@@ -65,32 +65,59 @@ export declare const buttonProps: import("@codecademy/variance/dist/types/config
         readonly transform: (value: string | number) => string | 0;
     };
     readonly width: {
-        readonly property: "width";
+        readonly property: {
+            readonly physical: "width";
+            readonly logical: "inlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly minWidth: {
-        readonly property: "minWidth";
+        readonly property: {
+            readonly physical: "minWidth";
+            readonly logical: "minInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly maxWidth: {
-        readonly property: "maxWidth";
+        readonly property: {
+            readonly physical: "maxWidth";
+            readonly logical: "maxInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly height: {
-        readonly property: "height";
+        readonly property: {
+            readonly physical: "height";
+            readonly logical: "blockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly minHeight: {
-        readonly property: "minHeight";
+        readonly property: {
+            readonly physical: "minHeight";
+            readonly logical: "minBlockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly maxHeight: {
-        readonly property: "maxHeight";
+        readonly property: {
+            readonly physical: "maxHeight";
+            readonly logical: "maxBlockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly verticalAlign: {
         readonly property: "verticalAlign";
     };
+    readonly direction: {
+        readonly property: "direction";
+    };
 }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
     readonly position: {
         readonly property: "position";
@@ -238,52 +265,28 @@ export declare const buttonProps: import("@codecademy/variance/dist/types/config
     };
     readonly borderX: {
         readonly property: "border";
-        readonly properties: {
-            readonly physical: readonly ["borderLeft", "borderRight"];
-            readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["borderLeft", "borderRight"];
         readonly scale: "borders";
     };
     readonly borderY: {
         readonly property: "border";
-        readonly properties: {
-            readonly physical: readonly ["borderTop", "borderBottom"];
-            readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["borderTop", "borderBottom"];
         readonly scale: "borders";
     };
     readonly borderTop: {
-        readonly property: {
-            readonly physical: "borderTop";
-            readonly logical: "borderBlockStart";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderTop";
         readonly scale: "borders";
     };
     readonly borderRight: {
-        readonly property: {
-            readonly physical: "borderRight";
-            readonly logical: "borderInlineEnd";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderRight";
         readonly scale: "borders";
     };
     readonly borderBottom: {
-        readonly property: {
-            readonly physical: "borderBottom";
-            readonly logical: "borderBlockEnd";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderBottom";
         readonly scale: "borders";
     };
     readonly borderLeft: {
-        readonly property: {
-            readonly physical: "borderLeft";
-            readonly logical: "borderInlineStart";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderLeft";
         readonly scale: "borders";
     };
     readonly borderWidth: {
@@ -291,47 +294,23 @@ export declare const buttonProps: import("@codecademy/variance/dist/types/config
     };
     readonly borderWidthX: {
         readonly property: "borderWidth";
-        readonly properties: {
-            readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
-            readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
     };
     readonly borderWidthY: {
         readonly property: "borderWidth";
-        readonly properties: {
-            readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
-            readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
     };
     readonly borderWidthLeft: {
-        readonly property: {
-            readonly physical: "borderLeftWidth";
-            readonly logical: "borderInlineStartWidth";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderLeftWidth";
     };
     readonly borderWidthRight: {
-        readonly property: {
-            readonly physical: "borderRightWidth";
-            readonly logical: "borderInlineEndWidth";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderRightWidth";
     };
     readonly borderWidthTop: {
-        readonly property: {
-            readonly physical: "borderTopWidth";
-            readonly logical: "borderBlockStartWidth";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderTopWidth";
     };
     readonly borderWidthBottom: {
-        readonly property: {
-            readonly physical: "borderBottomWidth";
-            readonly logical: "borderBlockEndWidth";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderBottomWidth";
     };
     readonly borderRadius: {
         readonly property: "borderRadius";