@codecademy/gamut-patterns 0.10.22 → 0.10.23-alpha.835d7c.0

package/dist/props.d.ts

@@ -50,10 +50,18 @@ declare const patternStyles: import("@codecademy/variance/dist/types/config").Pa
         readonly property: "overflow";
     };
     readonly overflowX: {
-        readonly property: "overflowX";
+        readonly property: {
+            readonly physical: "overflowX";
+            readonly logical: "overflowInline";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly overflowY: {
-        readonly property: "overflowY";
+        readonly property: {
+            readonly physical: "overflowY";
+            readonly logical: "overflowBlock";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly dimensions: {
         readonly property: "width";
@@ -93,23 +101,43 @@ declare const patternStyles: import("@codecademy/variance/dist/types/config").Pa
     };
     readonly inset: {
         readonly property: "inset";
-        readonly properties: readonly ["top", "right", "bottom", "left"];
+        readonly properties: {
+            readonly physical: readonly ["top", "right", "bottom", "left"];
+            readonly logical: readonly ["insetBlockStart", "insetInlineEnd", "insetBlockEnd", "insetInlineStart"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly top: {
-        readonly property: "top";
+        readonly property: {
+            readonly physical: "top";
+            readonly logical: "insetBlockStart";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly right: {
-        readonly property: "right";
+        readonly property: {
+            readonly physical: "right";
+            readonly logical: "insetInlineEnd";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly bottom: {
-        readonly property: "bottom";
+        readonly property: {
+            readonly physical: "bottom";
+            readonly logical: "insetBlockEnd";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly left: {
-        readonly property: "left";
+        readonly property: {
+            readonly physical: "left";
+            readonly logical: "insetInlineStart";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly zIndex: {
@@ -125,29 +153,53 @@ declare const patternStyles: import("@codecademy/variance/dist/types/config").Pa
     };
     readonly px: {
         readonly property: "padding";
-        readonly properties: readonly ["paddingLeft", "paddingRight"];
+        readonly properties: {
+            readonly physical: readonly ["paddingLeft", "paddingRight"];
+            readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
+        };
         readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly py: {
         readonly property: "padding";
-        readonly properties: readonly ["paddingTop", "paddingBottom"];
+        readonly properties: {
+            readonly physical: readonly ["paddingTop", "paddingBottom"];
+            readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
+        };
         readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly pt: {
-        readonly property: "paddingTop";
+        readonly property: {
+            readonly physical: "paddingTop";
+            readonly logical: "paddingBlockStart";
+        };
         readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly pb: {
-        readonly property: "paddingBottom";
+        readonly property: {
+            readonly physical: "paddingBottom";
+            readonly logical: "paddingBlockEnd";
+        };
         readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly pr: {
-        readonly property: "paddingRight";
+        readonly property: {
+            readonly physical: "paddingRight";
+            readonly logical: "paddingInlineEnd";
+        };
         readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly pl: {
-        readonly property: "paddingLeft";
+        readonly property: {
+            readonly physical: "paddingLeft";
+            readonly logical: "paddingInlineStart";
+        };
         readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly m: {
         readonly property: "margin";
@@ -155,29 +207,53 @@ declare const patternStyles: import("@codecademy/variance/dist/types/config").Pa
     };
     readonly mx: {
         readonly property: "margin";
-        readonly properties: readonly ["marginLeft", "marginRight"];
+        readonly properties: {
+            readonly physical: readonly ["marginLeft", "marginRight"];
+            readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "spacing";
     };
     readonly my: {
         readonly property: "margin";
-        readonly properties: readonly ["marginTop", "marginBottom"];
+        readonly properties: {
+            readonly physical: readonly ["marginTop", "marginBottom"];
+            readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "spacing";
     };
     readonly mt: {
-        readonly property: "marginTop";
+        readonly property: {
+            readonly physical: "marginTop";
+            readonly logical: "marginBlockStart";
+        };
         readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly mb: {
-        readonly property: "marginBottom";
+        readonly property: {
+            readonly physical: "marginBottom";
+            readonly logical: "marginBlockEnd";
+        };
         readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly mr: {
-        readonly property: "marginRight";
+        readonly property: {
+            readonly physical: "marginRight";
+            readonly logical: "marginInlineEnd";
+        };
         readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly ml: {
-        readonly property: "marginLeft";
+        readonly property: {
+            readonly physical: "marginLeft";
+            readonly logical: "marginInlineStart";
+        };
         readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
 }>>]>>;
 export type PatternStyleProps = StyleProps<typeof patternStyles>;

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@codecademy/gamut-patterns",
   "description": "Pattern library for Codecademy",
-  "version": "0.10.22",
+  "version": "0.10.23-alpha.835d7c.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "bugs": "https://github.com/Codecademy/gamut/issues",
   "dependencies": {
-    "@codecademy/gamut-styles": "17.11.3",
-    "@codecademy/variance": "0.25.2",
+    "@codecademy/gamut-styles": "17.12.0-alpha.835d7c.0",
+    "@codecademy/variance": "0.26.0-alpha.835d7c.0",
     "classnames": "^2.2.5"
   },
   "files": [
@@ -32,5 +32,5 @@
   },
   "sideEffects": false,
   "types": "dist/index.d.ts",
-  "gitHead": "bbc4cf8da76ebc754ed05b11acd9d2e81bb8683e"
+  "gitHead": "58b935fc7204f8867a484a0f2b79846613c6adc4"
 }