@codecademy/gamut 68.0.1-alpha.e68684.0 → 68.0.1-alpha.e71051.0

package/dist/Toggle/elements.d.ts

@@ -31,29 +31,53 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
     }>;
     px?: import("@codecademy/variance/dist/types/config").Scale<{
         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;
     }>;
     py?: import("@codecademy/variance/dist/types/config").Scale<{
         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;
     }>;
     pt?: import("@codecademy/variance/dist/types/config").Scale<{
-        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;
     }>;
     pb?: import("@codecademy/variance/dist/types/config").Scale<{
-        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;
     }>;
     pr?: import("@codecademy/variance/dist/types/config").Scale<{
-        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;
     }>;
     pl?: import("@codecademy/variance/dist/types/config").Scale<{
-        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;
     }>;
     m?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "margin";
@@ -61,29 +85,53 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
     }>;
     mx?: import("@codecademy/variance/dist/types/config").Scale<{
         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";
     }>;
     my?: import("@codecademy/variance/dist/types/config").Scale<{
         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";
     }>;
     mt?: import("@codecademy/variance/dist/types/config").Scale<{
-        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;
     }>;
     mb?: import("@codecademy/variance/dist/types/config").Scale<{
-        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;
     }>;
     mr?: import("@codecademy/variance/dist/types/config").Scale<{
-        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;
     }>;
     ml?: import("@codecademy/variance/dist/types/config").Scale<{
-        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;
     }>;
     textColor?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "color";
@@ -143,29 +191,53 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
     }>;
     px?: import("@codecademy/variance/dist/types/config").Scale<{
         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;
     }>;
     py?: import("@codecademy/variance/dist/types/config").Scale<{
         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;
     }>;
     pt?: import("@codecademy/variance/dist/types/config").Scale<{
-        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;
     }>;
     pb?: import("@codecademy/variance/dist/types/config").Scale<{
-        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;
     }>;
     pr?: import("@codecademy/variance/dist/types/config").Scale<{
-        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;
     }>;
     pl?: import("@codecademy/variance/dist/types/config").Scale<{
-        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;
     }>;
     m?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "margin";
@@ -173,28 +245,52 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
     }>;
     mx?: import("@codecademy/variance/dist/types/config").Scale<{
         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";
     }>;
     my?: import("@codecademy/variance/dist/types/config").Scale<{
         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";
     }>;
     mt?: import("@codecademy/variance/dist/types/config").Scale<{
-        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;
     }>;
     mb?: import("@codecademy/variance/dist/types/config").Scale<{
-        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;
     }>;
     mr?: import("@codecademy/variance/dist/types/config").Scale<{
-        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;
     }>;
     ml?: import("@codecademy/variance/dist/types/config").Scale<{
-        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;
     }>;
 }, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;

package/dist/Typography/Text.d.ts

@@ -73,32 +73,59 @@ declare const textProps: import("@codecademy/variance/dist/types/config").Parser
         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";
@@ -184,29 +211,53 @@ declare const textProps: import("@codecademy/variance/dist/types/config").Parser
     };
     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";
@@ -214,29 +265,53 @@ declare const textProps: import("@codecademy/variance/dist/types/config").Parser
     };
     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;
     };
 }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
     truncateLines: {

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@codecademy/gamut",
   "description": "Styleguide & Component library for Codecademy",
-  "version": "68.0.1-alpha.e68684.0",
+  "version": "68.0.1-alpha.e71051.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "dependencies": {
-    "@codecademy/gamut-icons": "9.54.3-alpha.e68684.0",
-    "@codecademy/gamut-illustrations": "0.58.2",
-    "@codecademy/gamut-patterns": "0.10.21",
-    "@codecademy/gamut-styles": "17.11.2",
-    "@codecademy/variance": "0.25.2",
+    "@codecademy/gamut-icons": "9.54.3-alpha.e71051.0",
+    "@codecademy/gamut-illustrations": "0.58.3-alpha.e71051.0",
+    "@codecademy/gamut-patterns": "0.10.22-alpha.e71051.0",
+    "@codecademy/gamut-styles": "17.11.3-alpha.e71051.0",
+    "@codecademy/variance": "0.25.3-alpha.e71051.0",
     "@types/marked": "^4.0.8",
     "@vidstack/react": "^1.12.12",
     "classnames": "^2.2.5",
@@ -56,5 +56,5 @@
     "dist/**/[A-Z]**/[A-Z]*.js",
     "dist/**/[A-Z]**/index.js"
   ],
-  "gitHead": "e808285a1f48deba89506d472d947c1cef3d071f"
+  "gitHead": "e4c9ae78928d7fc6510f30ca33fd4790218b6098"
 }