@codecademy/brand 3.40.1-alpha.a095761d09.0 → 4.0.0-alpha.0ae245495b.0

package/dist/Logos/ProLabel/ProLabelCutoutTransparent/index.js

@@ -1,31 +1,37 @@
-import { colors } from '@codecademy/gamut-styles';
-import * as React from 'react';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const ProLabelCutoutTransparent = ({
-  ariaLabel = 'Pro',
-  backgroundColor = colors.navy,
-  width = 30
-}) => /*#__PURE__*/_jsxs("svg", {
-  width: width,
-  height: 8 / 15 * width,
-  viewBox: "0 0 30 16",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg",
-  "aria-label": ariaLabel,
-  role: "img",
-  children: [/*#__PURE__*/_jsx("path", {
-    d: "M6.698 7.16199C6.474 7.37665 6.15666 7.48401 5.746 7.48401H3.94V4.88H5.746C6.15666 4.88 6.474 4.9873 6.698 5.20203C6.922 5.41669 7.034 5.74335 7.034 6.18201C7.034 6.62067 6.922 6.94733 6.698 7.16199Z",
-    fill: backgroundColor
-  }), /*#__PURE__*/_jsx("path", {
-    d: "M14.8975 6.82599C14.6922 7.00336 14.4122 7.09198 14.0575 7.09198H12.2935V4.88H14.0575C14.4122 4.88 14.6922 4.96869 14.8975 5.146C15.1028 5.3233 15.2055 5.60333 15.2055 5.98602C15.2055 6.36865 15.1028 6.64868 14.8975 6.82599Z",
-    fill: backgroundColor
-  }), /*#__PURE__*/_jsx("path", {
-    d: "M24.1246 11.082C23.7139 11.3153 23.2519 11.432 22.7386 11.432C22.2253 11.432 21.7586 11.3153 21.3386 11.082C20.9279 10.8394 20.5966 10.4706 20.3446 9.97601C20.0926 9.47198 19.9666 8.84668 19.9666 8.09998C19.9666 7.35333 20.0926 6.73267 20.3446 6.23798C20.5966 5.73401 20.9279 5.36536 21.3386 5.13202C21.7586 4.88934 22.2253 4.76801 22.7386 4.76801C23.2519 4.76801 23.7139 4.88934 24.1246 5.13202C24.5446 5.36536 24.8806 5.73401 25.1326 6.23798C25.3846 6.73267 25.5106 7.35333 25.5106 8.09998C25.5106 8.84668 25.3846 9.47198 25.1326 9.97601C24.8806 10.4706 24.5446 10.8394 24.1246 11.082Z",
-    fill: backgroundColor
-  }), /*#__PURE__*/_jsx("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M30 0H0V16H30V0ZM8.09801 4.026C7.57533 3.47534 6.81467 3.20001 5.81599 3.20001H2.12V13H3.94V9.164H5.81599C6.81467 9.164 7.57533 8.89331 8.09801 8.35199C8.62067 7.80133 8.882 7.078 8.882 6.18201C8.882 5.28601 8.62067 4.56732 8.09801 4.026ZM16.2415 3.96997C15.7282 3.45667 14.9955 3.20001 14.0435 3.20001H10.4735V13H12.2935V8.77197H13.2455L15.8775 13H17.9075L15.1915 8.61798C15.7795 8.44067 16.2322 8.12335 16.5495 7.66602C16.8669 7.19934 17.0255 6.63934 17.0255 5.98602C17.0255 5.146 16.7642 4.474 16.2415 3.96997ZM20.4146 12.552C21.1146 12.9254 21.8893 13.112 22.7386 13.112C23.5879 13.112 24.3626 12.9254 25.0626 12.552C25.7626 12.1786 26.3179 11.6187 26.7286 10.872C27.1486 10.116 27.3586 9.19202 27.3586 8.09998C27.3586 7.008 27.1486 6.08868 26.7286 5.34198C26.3179 4.586 25.7626 4.02136 25.0626 3.64801C24.3626 3.27466 23.5879 3.08801 22.7386 3.08801C21.8893 3.08801 21.1146 3.27466 20.4146 3.64801C19.7146 4.02136 19.1546 4.586 18.7346 5.34198C18.3239 6.08868 18.1186 7.008 18.1186 8.09998C18.1186 9.19202 18.3239 10.116 18.7346 10.872C19.1546 11.6187 19.7146 12.1786 20.4146 12.552Z",
-    fill: backgroundColor
-  })]
-});
+import { colors } from "@codecademy/gamut-styles";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/Logos/ProLabel/ProLabelCutoutTransparent/index.tsx
+const ProLabelCutoutTransparent = ({ ariaLabel = "Pro", backgroundColor = colors.navy, width = 30 }) => /* @__PURE__ */ jsxs("svg", {
+	width,
+	height: 8 / 15 * width,
+	viewBox: "0 0 30 16",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	"aria-label": ariaLabel,
+	role: "img",
+	children: [
+		/* @__PURE__ */ jsx("path", {
+			d: "M6.698 7.16199C6.474 7.37665 6.15666 7.48401 5.746 7.48401H3.94V4.88H5.746C6.15666 4.88 6.474 4.9873 6.698 5.20203C6.922 5.41669 7.034 5.74335 7.034 6.18201C7.034 6.62067 6.922 6.94733 6.698 7.16199Z",
+			fill: backgroundColor
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M14.8975 6.82599C14.6922 7.00336 14.4122 7.09198 14.0575 7.09198H12.2935V4.88H14.0575C14.4122 4.88 14.6922 4.96869 14.8975 5.146C15.1028 5.3233 15.2055 5.60333 15.2055 5.98602C15.2055 6.36865 15.1028 6.64868 14.8975 6.82599Z",
+			fill: backgroundColor
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M24.1246 11.082C23.7139 11.3153 23.2519 11.432 22.7386 11.432C22.2253 11.432 21.7586 11.3153 21.3386 11.082C20.9279 10.8394 20.5966 10.4706 20.3446 9.97601C20.0926 9.47198 19.9666 8.84668 19.9666 8.09998C19.9666 7.35333 20.0926 6.73267 20.3446 6.23798C20.5966 5.73401 20.9279 5.36536 21.3386 5.13202C21.7586 4.88934 22.2253 4.76801 22.7386 4.76801C23.2519 4.76801 23.7139 4.88934 24.1246 5.13202C24.5446 5.36536 24.8806 5.73401 25.1326 6.23798C25.3846 6.73267 25.5106 7.35333 25.5106 8.09998C25.5106 8.84668 25.3846 9.47198 25.1326 9.97601C24.8806 10.4706 24.5446 10.8394 24.1246 11.082Z",
+			fill: backgroundColor
+		}),
+		/* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			d: "M30 0H0V16H30V0ZM8.09801 4.026C7.57533 3.47534 6.81467 3.20001 5.81599 3.20001H2.12V13H3.94V9.164H5.81599C6.81467 9.164 7.57533 8.89331 8.09801 8.35199C8.62067 7.80133 8.882 7.078 8.882 6.18201C8.882 5.28601 8.62067 4.56732 8.09801 4.026ZM16.2415 3.96997C15.7282 3.45667 14.9955 3.20001 14.0435 3.20001H10.4735V13H12.2935V8.77197H13.2455L15.8775 13H17.9075L15.1915 8.61798C15.7795 8.44067 16.2322 8.12335 16.5495 7.66602C16.8669 7.19934 17.0255 6.63934 17.0255 5.98602C17.0255 5.146 16.7642 4.474 16.2415 3.96997ZM20.4146 12.552C21.1146 12.9254 21.8893 13.112 22.7386 13.112C23.5879 13.112 24.3626 12.9254 25.0626 12.552C25.7626 12.1786 26.3179 11.6187 26.7286 10.872C27.1486 10.116 27.3586 9.19202 27.3586 8.09998C27.3586 7.008 27.1486 6.08868 26.7286 5.34198C26.3179 4.586 25.7626 4.02136 25.0626 3.64801C24.3626 3.27466 23.5879 3.08801 22.7386 3.08801C21.8893 3.08801 21.1146 3.27466 20.4146 3.64801C19.7146 4.02136 19.1546 4.586 18.7346 5.34198C18.3239 6.08868 18.1186 7.008 18.1186 8.09998C18.1186 9.19202 18.3239 10.116 18.7346 10.872C19.1546 11.6187 19.7146 12.1786 20.4146 12.552Z",
+			fill: backgroundColor
+		})
+	]
+});
+
+//#endregion
+export { ProLabelCutoutTransparent };

package/dist/Logos/ProLabel/index.cjs

@@ -0,0 +1,27 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_index = require('./ProLabelCutout/index.cjs');
+const require_index$1 = require('./ProLabelCutoutTransparent/index.cjs');
+let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/Logos/ProLabel/index.tsx
+const ProLabel = (props) => {
+	if (props.variant === "cutout") {
+		const { backgroundColor: backgroundColor$1 = "navy", cutoutColor = "white", ...forwardedProps$1 } = props;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.ProLabelCutout, {
+			backgroundColor: _codecademy_gamut_styles.colors[backgroundColor$1],
+			cutoutColor: _codecademy_gamut_styles.colors[cutoutColor],
+			...forwardedProps$1
+		});
+	}
+	const { backgroundColor = "white", ...forwardedProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.ProLabelCutoutTransparent, {
+		backgroundColor: _codecademy_gamut_styles.colors[backgroundColor],
+		...forwardedProps
+	});
+};
+
+//#endregion
+exports.ProLabel = ProLabel;

package/dist/Logos/ProLabel/index.d.cts

@@ -0,0 +1,18 @@
+import * as React$1 from "react";
+import { colors } from "@codecademy/gamut-styles";
+
+//#region src/Logos/ProLabel/index.d.ts
+type BaseProps = {
+  ariaLabel?: string;
+  backgroundColor?: keyof typeof colors;
+  width?: number;
+};
+type ProLabelProps = (BaseProps & {
+  variant: 'transparent';
+}) | (BaseProps & {
+  variant: 'cutout';
+  cutoutColor?: keyof typeof colors;
+});
+declare const ProLabel: React$1.FC<ProLabelProps>;
+//#endregion
+export { ProLabel, ProLabelProps };

package/dist/Logos/ProLabel/index.d.ts

@@ -1,15 +1,18 @@
-import { colors } from '@codecademy/gamut-styles';
-import * as React from 'react';
+import { colors } from "@codecademy/gamut-styles";
+import * as React$1 from "react";
+
+//#region src/Logos/ProLabel/index.d.ts
 type BaseProps = {
-    ariaLabel?: string;
-    backgroundColor?: keyof typeof colors;
-    width?: number;
+  ariaLabel?: string;
+  backgroundColor?: keyof typeof colors;
+  width?: number;
 };
-export type ProLabelProps = (BaseProps & {
-    variant: 'transparent';
+type ProLabelProps = (BaseProps & {
+  variant: 'transparent';
 }) | (BaseProps & {
-    variant: 'cutout';
-    cutoutColor?: keyof typeof colors;
+  variant: 'cutout';
+  cutoutColor?: keyof typeof colors;
 });
-export declare const ProLabel: React.FC<ProLabelProps>;
-export {};
+declare const ProLabel: React$1.FC<ProLabelProps>;
+//#endregion
+export { ProLabel, ProLabelProps };

package/dist/Logos/ProLabel/index.js

@@ -1,27 +1,25 @@
-import { colors } from '@codecademy/gamut-styles';
-import * as React from 'react';
-import { ProLabelCutout } from './ProLabelCutout';
-import { ProLabelCutoutTransparent } from './ProLabelCutoutTransparent';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const ProLabel = props => {
-  if (props.variant === 'cutout') {
-    const {
-      backgroundColor = 'navy',
-      cutoutColor = 'white',
-      ...forwardedProps
-    } = props;
-    return /*#__PURE__*/_jsx(ProLabelCutout, {
-      backgroundColor: colors[backgroundColor],
-      cutoutColor: colors[cutoutColor],
-      ...forwardedProps
-    });
-  }
-  const {
-    backgroundColor = 'white',
-    ...forwardedProps
-  } = props;
-  return /*#__PURE__*/_jsx(ProLabelCutoutTransparent, {
-    backgroundColor: colors[backgroundColor],
-    ...forwardedProps
-  });
-};
+import { ProLabelCutout } from "./ProLabelCutout/index.js";
+import { ProLabelCutoutTransparent } from "./ProLabelCutoutTransparent/index.js";
+import { colors } from "@codecademy/gamut-styles";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/Logos/ProLabel/index.tsx
+const ProLabel = (props) => {
+	if (props.variant === "cutout") {
+		const { backgroundColor: backgroundColor$1 = "navy", cutoutColor = "white", ...forwardedProps$1 } = props;
+		return /* @__PURE__ */ jsx(ProLabelCutout, {
+			backgroundColor: colors[backgroundColor$1],
+			cutoutColor: colors[cutoutColor],
+			...forwardedProps$1
+		});
+	}
+	const { backgroundColor = "white", ...forwardedProps } = props;
+	return /* @__PURE__ */ jsx(ProLabelCutoutTransparent, {
+		backgroundColor: colors[backgroundColor],
+		...forwardedProps
+	});
+};
+
+//#endregion
+export { ProLabel };

package/dist/Logos/index.cjs

@@ -0,0 +1,15 @@
+const require_index = require('./LogoCodecademy/index.cjs');
+const require_index$1 = require('./LogoCodecademyMini/index.cjs');
+const require_index$2 = require('./LogoCodecademyPro/index.cjs');
+const require_index$3 = require('./LogoCodecademyTeams/index.cjs');
+const require_index$4 = require('./LogoFromSkillsoft/index.cjs');
+const require_index$5 = require('./LogoLXStudio/index.cjs');
+const require_index$6 = require('./ProLabel/index.cjs');
+
+exports.LogoCodecademy = require_index.LogoCodecademy;
+exports.LogoCodecademyMini = require_index$1.LogoCodecademyMini;
+exports.LogoCodecademyPro = require_index$2.LogoCodecademyPro;
+exports.LogoCodecademyTeams = require_index$3.LogoCodecademyTeams;
+exports.LogoFromSkillsoft = require_index$4.LogoFromSkillsoft;
+exports.LogoLXStudio = require_index$5.LogoLXStudio;
+exports.ProLabel = require_index$6.ProLabel;

package/dist/Logos/index.d.cts

@@ -0,0 +1,8 @@
+import { LogoCodecademy } from "./LogoCodecademy/index.cjs";
+import { LogoCodecademyMini } from "./LogoCodecademyMini/index.cjs";
+import { LogoCodecademyPro } from "./LogoCodecademyPro/index.cjs";
+import { LogoCodecademyTeams } from "./LogoCodecademyTeams/index.cjs";
+import { LogoFromSkillsoft } from "./LogoFromSkillsoft/index.cjs";
+import { LogoLXStudio } from "./LogoLXStudio/index.cjs";
+import { ProLabel, ProLabelProps } from "./ProLabel/index.cjs";
+export { LogoCodecademy, LogoCodecademyMini, LogoCodecademyPro, LogoCodecademyTeams, LogoFromSkillsoft, LogoLXStudio, ProLabel, ProLabelProps };

package/dist/Logos/index.d.ts

@@ -1,7 +1,8 @@
-export * from './LogoCodecademy';
-export * from './LogoCodecademyMini';
-export * from './LogoCodecademyPro';
-export * from './LogoCodecademyTeams';
-export * from './LogoFromSkillsoft';
-export * from './LogoLXStudio';
-export * from './ProLabel';
+import { LogoCodecademy } from "./LogoCodecademy/index.js";
+import { LogoCodecademyMini } from "./LogoCodecademyMini/index.js";
+import { LogoCodecademyPro } from "./LogoCodecademyPro/index.js";
+import { LogoCodecademyTeams } from "./LogoCodecademyTeams/index.js";
+import { LogoFromSkillsoft } from "./LogoFromSkillsoft/index.js";
+import { LogoLXStudio } from "./LogoLXStudio/index.js";
+import { ProLabel, ProLabelProps } from "./ProLabel/index.js";
+export { LogoCodecademy, LogoCodecademyMini, LogoCodecademyPro, LogoCodecademyTeams, LogoFromSkillsoft, LogoLXStudio, ProLabel, ProLabelProps };

package/dist/Logos/index.js

@@ -1,7 +1,9 @@
-export * from './LogoCodecademy';
-export * from './LogoCodecademyMini';
-export * from './LogoCodecademyPro';
-export * from './LogoCodecademyTeams';
-export * from './LogoFromSkillsoft';
-export * from './LogoLXStudio';
-export * from './ProLabel';
+import { LogoCodecademy } from "./LogoCodecademy/index.js";
+import { LogoCodecademyMini } from "./LogoCodecademyMini/index.js";
+import { LogoCodecademyPro } from "./LogoCodecademyPro/index.js";
+import { LogoCodecademyTeams } from "./LogoCodecademyTeams/index.js";
+import { LogoFromSkillsoft } from "./LogoFromSkillsoft/index.js";
+import { LogoLXStudio } from "./LogoLXStudio/index.js";
+import { ProLabel } from "./ProLabel/index.js";
+
+export { LogoCodecademy, LogoCodecademyMini, LogoCodecademyPro, LogoCodecademyTeams, LogoFromSkillsoft, LogoLXStudio, ProLabel };

package/dist/Logos/shared.cjs

@@ -0,0 +1,14 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
+let _codecademy_variance = require("@codecademy/variance");
+
+//#region src/Logos/shared.tsx
+const logoStyles = _codecademy_variance.variance.compose(_codecademy_gamut_styles.system.layout, _codecademy_gamut_styles.system.positioning, _codecademy_gamut_styles.system.space);
+const LogoSvg = (0, _emotion_styled.default)("svg", (0, _codecademy_gamut_styles.styledOptions)())(_codecademy_gamut_styles.system.css({ textColor: "currentColor" }), logoStyles);
+const composedLogoStyles = _codecademy_variance.variance.compose(_codecademy_gamut_styles.system.layout, _codecademy_gamut_styles.system.color, _codecademy_gamut_styles.system.space, _codecademy_gamut_styles.system.positioning);
+const StyledSVGWrapper = (0, _emotion_styled.default)("svg", (0, _codecademy_gamut_styles.styledOptions)())(composedLogoStyles);
+
+//#endregion
+exports.StyledSVGWrapper = StyledSVGWrapper;

package/dist/Logos/shared.d.cts

@@ -0,0 +1,232 @@
+import * as _codecademy_variance_dist_types_config1 from "@codecademy/variance/dist/types/config";
+import { StyleProps } from "@codecademy/variance";
+
+//#region src/Logos/shared.d.ts
+
+declare const composedLogoStyles: _codecademy_variance_dist_types_config1.Parser<_codecademy_variance_dist_types_config1.Compose<[_codecademy_variance_dist_types_config1.Parser<_codecademy_variance_dist_types_config1.TransformerMap<{
+  readonly flexBasis: {
+    readonly property: "flexBasis";
+  };
+  readonly flexShrink: {
+    readonly property: "flexShrink";
+  };
+  readonly flexGrow: {
+    readonly property: "flexGrow";
+  };
+  readonly order: {
+    readonly property: "order";
+  };
+  readonly gridColumn: {
+    readonly property: "gridColumn";
+  };
+  readonly gridRow: {
+    readonly property: "gridRow";
+  };
+  readonly gridColumnStart: {
+    readonly property: "gridColumnStart";
+  };
+  readonly gridRowStart: {
+    readonly property: "gridRowStart";
+  };
+  readonly gridColumnEnd: {
+    readonly property: "gridColumnEnd";
+  };
+  readonly gridRowEnd: {
+    readonly property: "gridRowEnd";
+  };
+  readonly justifySelf: {
+    readonly property: "justifySelf";
+  };
+  readonly alignSelf: {
+    readonly property: "alignSelf";
+  };
+  readonly gridArea: {
+    readonly property: "gridArea";
+  };
+  readonly containerType: {
+    readonly property: "containerType";
+  };
+  readonly display: {
+    readonly property: "display";
+  };
+  readonly overflow: {
+    readonly property: "overflow";
+  };
+  readonly overflowX: {
+    readonly property: "overflowX";
+  };
+  readonly overflowY: {
+    readonly property: "overflowY";
+  };
+  readonly dimensions: {
+    readonly property: "width";
+    readonly properties: readonly ["width", "height"];
+    readonly transform: (value: string | number) => string | 0;
+  };
+  readonly width: {
+    readonly property: "width";
+    readonly transform: (value: string | number) => string | 0;
+  };
+  readonly minWidth: {
+    readonly property: "minWidth";
+    readonly transform: (value: string | number) => string | 0;
+  };
+  readonly maxWidth: {
+    readonly property: "maxWidth";
+    readonly transform: (value: string | number) => string | 0;
+  };
+  readonly height: {
+    readonly property: "height";
+    readonly transform: (value: string | number) => string | 0;
+  };
+  readonly minHeight: {
+    readonly property: "minHeight";
+    readonly transform: (value: string | number) => string | 0;
+  };
+  readonly maxHeight: {
+    readonly property: "maxHeight";
+    readonly transform: (value: string | number) => string | 0;
+  };
+  readonly verticalAlign: {
+    readonly property: "verticalAlign";
+  };
+}>>, _codecademy_variance_dist_types_config1.Parser<_codecademy_variance_dist_types_config1.TransformerMap<{
+  readonly color: {
+    readonly property: "color";
+    readonly scale: "colors";
+  };
+  readonly textColor: {
+    readonly property: "color";
+    readonly scale: "colors";
+  };
+  readonly bg: {
+    readonly property: "backgroundColor";
+    readonly scale: "colors";
+  };
+  readonly borderColor: {
+    readonly property: "borderColor";
+    readonly scale: "colors";
+  };
+  readonly borderColorX: {
+    readonly property: "borderColor";
+    readonly properties: readonly ["borderLeftColor", "borderRightColor"];
+    readonly scale: "colors";
+  };
+  readonly borderColorY: {
+    readonly property: "borderColor";
+    readonly properties: readonly ["borderTopColor", "borderBottomColor"];
+    readonly scale: "colors";
+  };
+  readonly borderColorLeft: {
+    readonly property: "borderLeftColor";
+    readonly scale: "colors";
+  };
+  readonly borderColorRight: {
+    readonly property: "borderRightColor";
+    readonly scale: "colors";
+  };
+  readonly borderColorTop: {
+    readonly property: "borderTopColor";
+    readonly scale: "colors";
+  };
+  readonly borderColorBottom: {
+    readonly property: "borderBottomColor";
+    readonly scale: "colors";
+  };
+}>>, _codecademy_variance_dist_types_config1.Parser<_codecademy_variance_dist_types_config1.TransformerMap<{
+  readonly p: {
+    readonly property: "padding";
+    readonly scale: "spacing";
+  };
+  readonly px: {
+    readonly property: "padding";
+    readonly properties: readonly ["paddingLeft", "paddingRight"];
+    readonly scale: "spacing";
+  };
+  readonly py: {
+    readonly property: "padding";
+    readonly properties: readonly ["paddingTop", "paddingBottom"];
+    readonly scale: "spacing";
+  };
+  readonly pt: {
+    readonly property: "paddingTop";
+    readonly scale: "spacing";
+  };
+  readonly pb: {
+    readonly property: "paddingBottom";
+    readonly scale: "spacing";
+  };
+  readonly pr: {
+    readonly property: "paddingRight";
+    readonly scale: "spacing";
+  };
+  readonly pl: {
+    readonly property: "paddingLeft";
+    readonly scale: "spacing";
+  };
+  readonly m: {
+    readonly property: "margin";
+    readonly scale: "spacing";
+  };
+  readonly mx: {
+    readonly property: "margin";
+    readonly properties: readonly ["marginLeft", "marginRight"];
+    readonly scale: "spacing";
+  };
+  readonly my: {
+    readonly property: "margin";
+    readonly properties: readonly ["marginTop", "marginBottom"];
+    readonly scale: "spacing";
+  };
+  readonly mt: {
+    readonly property: "marginTop";
+    readonly scale: "spacing";
+  };
+  readonly mb: {
+    readonly property: "marginBottom";
+    readonly scale: "spacing";
+  };
+  readonly mr: {
+    readonly property: "marginRight";
+    readonly scale: "spacing";
+  };
+  readonly ml: {
+    readonly property: "marginLeft";
+    readonly scale: "spacing";
+  };
+}>>, _codecademy_variance_dist_types_config1.Parser<_codecademy_variance_dist_types_config1.TransformerMap<{
+  readonly position: {
+    readonly property: "position";
+  };
+  readonly inset: {
+    readonly property: "inset";
+    readonly properties: readonly ["top", "right", "bottom", "left"];
+    readonly transform: (value: string | number) => string | 0;
+  };
+  readonly top: {
+    readonly property: "top";
+    readonly transform: (value: string | number) => string | 0;
+  };
+  readonly right: {
+    readonly property: "right";
+    readonly transform: (value: string | number) => string | 0;
+  };
+  readonly bottom: {
+    readonly property: "bottom";
+    readonly transform: (value: string | number) => string | 0;
+  };
+  readonly left: {
+    readonly property: "left";
+    readonly transform: (value: string | number) => string | 0;
+  };
+  readonly zIndex: {
+    readonly property: "zIndex";
+  };
+  readonly opacity: {
+    readonly property: "opacity";
+  };
+}>>]>>;
+interface FromLogoStyleProps extends StyleProps<typeof composedLogoStyles> {}
+interface SharedLogoProps extends Omit<React.SVGProps<SVGSVGElement>, keyof FromLogoStyleProps>, FromLogoStyleProps {}
+//#endregion
+export { SharedLogoProps };