@codecademy/brand 4.0.0 → 5.0.0-alpha.19accb830.0

package/dist/Logos/ProLabel/ProLabelCutout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["colors","React","ProLabelCutout","ariaLabel","backgroundColor","navy","cutoutColor","white","width","svg","height","viewBox","fill","xmlns","aria-label","role","rect","path","d"],"sources":["../../../../src/Logos/ProLabel/ProLabelCutout/index.tsx"],"sourcesContent":["import { colors } from '@codecademy/gamut-styles';\nimport * as React from 'react';\n\nexport type ProLabelCutoutProps = {\n  ariaLabel?: string;\n  backgroundColor?: string;\n  cutoutColor?: string;\n  width?: number;\n};\n\nexport const ProLabelCutout: React.FC<ProLabelCutoutProps> = ({\n  ariaLabel = 'Pro',\n  backgroundColor = colors.navy,\n  cutoutColor = colors.white,\n  width = 30,\n}) => (\n  <svg\n    width={width}\n    height={(8 / 15) * width}\n    viewBox=\"0 0 30 16\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-label={ariaLabel}\n    role=\"img\"\n  >\n    <rect width=\"30\" height=\"16\" fill={backgroundColor} />\n    <path\n      d=\"M5.81612 3.19989C6.81478 3.19989 7.57545 3.47522 8.09812 4.02589C8.62078 4.56722 8.88212 5.28589 8.88212 6.18189C8.88212 7.07789 8.62078 7.80122 8.09812 8.35189C7.57545 8.89322 6.81478 9.16389 5.81612 9.16389H3.94012V12.9999H2.12012V3.19989H5.81612ZM5.74612 7.48389C6.15678 7.48389 6.47412 7.37656 6.69812 7.16189C6.92212 6.94722 7.03412 6.62056 7.03412 6.18189C7.03412 5.74322 6.92212 5.41656 6.69812 5.20189C6.47412 4.98722 6.15678 4.87989 5.74612 4.87989H3.94012V7.48389H5.74612Z\"\n      fill={cutoutColor}\n    />\n    <path\n      d=\"M14.0436 3.19989C14.9956 3.19989 15.7283 3.45656 16.2416 3.96989C16.7643 4.47389 17.0256 5.14589 17.0256 5.98589C17.0256 6.63922 16.867 7.19922 16.5496 7.66589C16.2323 8.12322 15.7796 8.44056 15.1916 8.61789L17.9076 12.9999H15.8776L13.2456 8.77189H12.2936V12.9999H10.4736V3.19989H14.0436ZM14.0576 7.09189C14.4123 7.09189 14.6923 7.00322 14.8976 6.82589C15.103 6.64856 15.2056 6.36856 15.2056 5.98589C15.2056 5.60322 15.103 5.32322 14.8976 5.14589C14.6923 4.96856 14.4123 4.87989 14.0576 4.87989H12.2936V7.09189H14.0576Z\"\n      fill={cutoutColor}\n    />\n    <path\n      d=\"M22.7387 13.1119C21.8894 13.1119 21.1147 12.9252 20.4147 12.5519C19.7147 12.1786 19.1547 11.6186 18.7347 10.8719C18.3241 10.1159 18.1187 9.19189 18.1187 8.09989C18.1187 7.00789 18.3241 6.08856 18.7347 5.34189C19.1547 4.58589 19.7147 4.02122 20.4147 3.64789C21.1147 3.27456 21.8894 3.08789 22.7387 3.08789C23.5881 3.08789 24.3627 3.27456 25.0627 3.64789C25.7627 4.02122 26.3181 4.58589 26.7287 5.34189C27.1487 6.08856 27.3587 7.00789 27.3587 8.09989C27.3587 9.19189 27.1487 10.1159 26.7287 10.8719C26.3181 11.6186 25.7627 12.1786 25.0627 12.5519C24.3627 12.9252 23.5881 13.1119 22.7387 13.1119ZM22.7387 11.4319C23.2521 11.4319 23.7141 11.3152 24.1247 11.0819C24.5447 10.8392 24.8807 10.4706 25.1327 9.97589C25.3847 9.47189 25.5107 8.84656 25.5107 8.09989C25.5107 7.35322 25.3847 6.73256 25.1327 6.23789C24.8807 5.73389 24.5447 5.36522 24.1247 5.13189C23.7141 4.88922 23.2521 4.76789 22.7387 4.76789C22.2254 4.76789 21.7587 4.88922 21.3387 5.13189C20.9281 5.36522 20.5967 5.73389 20.3447 6.23789C20.0927 6.73256 19.9667 7.35322 19.9667 8.09989C19.9667 8.84656 20.0927 9.47189 20.3447 9.97589C20.5967 10.4706 20.9281 10.8392 21.3387 11.0819C21.7587 11.3152 22.2254 11.4319 22.7387 11.4319Z\"\n      fill={cutoutColor}\n    />\n  </svg>\n);\n"],"mappings":";;;;AAUA,MAAaE,kBAAiD,EAC5DC,YAAY,OACZC,kBAAkBJ,OAAOK,MACzBC,cAAcN,OAAOO,OACrBC,QAAQ,SAER,wBAAA,cAACC,OAAAA;CACQD;CACPE,QAAQ,IAAK,KAAMF;CACnBG,SAAQ;CACRC,MAAK;CACLC,OAAM;CACNC,cAAYX;CACZY,MAAK;GAEL,wBAAA,cAACC,QAAAA;CAAKR,OAAM;CAAKE,QAAO;CAAKE,MAAMR;IACnC,wBAAA,cAACa,QAAAA;CACCC,GAAE;CACFN,MAAMN;IAER,wBAAA,cAACW,QAAAA;CACCC,GAAE;CACFN,MAAMN;IAER,wBAAA,cAACW,QAAAA;CACCC,GAAE;CACFN,MAAMN"}

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

@@ -0,0 +1,33 @@
+const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
+let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
+let react = require("react");
+react = require_runtime.__toESM(react);
+
+//#region src/Logos/ProLabel/ProLabelCutoutTransparent/index.tsx
+const ProLabelCutoutTransparent = ({ ariaLabel = "Pro", backgroundColor = _codecademy_gamut_styles.colors.navy, width = 30 }) => /* @__PURE__ */ react.createElement("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"
+}, /* @__PURE__ */ react.createElement("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__ */ react.createElement("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__ */ react.createElement("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__ */ react.createElement("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
+exports.ProLabelCutoutTransparent = ProLabelCutoutTransparent;
+//# sourceMappingURL=index.cjs.map

package/dist/Logos/ProLabel/ProLabelCutoutTransparent/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["colors","React","ProLabelCutoutTransparent","ariaLabel","backgroundColor","navy","width","svg","height","viewBox","fill","xmlns","aria-label","role","path","d","fillRule","clipRule"],"sources":["../../../../src/Logos/ProLabel/ProLabelCutoutTransparent/index.tsx"],"sourcesContent":["import { colors } from '@codecademy/gamut-styles';\nimport * as React from 'react';\n\nexport type ProLabelCutoutTransparentProps = {\n  ariaLabel?: string;\n  backgroundColor?: string;\n  width?: number;\n};\n\nexport const ProLabelCutoutTransparent: React.FC<\n  ProLabelCutoutTransparentProps\n> = ({ ariaLabel = 'Pro', backgroundColor = colors.navy, width = 30 }) => (\n  <svg\n    width={width}\n    height={(8 / 15) * width}\n    viewBox=\"0 0 30 16\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-label={ariaLabel}\n    role=\"img\"\n  >\n    <path\n      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\"\n      fill={backgroundColor}\n    />\n    <path\n      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\"\n      fill={backgroundColor}\n    />\n    <path\n      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\"\n      fill={backgroundColor}\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      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\"\n      fill={backgroundColor}\n    />\n  </svg>\n);\n"],"mappings":";;;;;;AASA,MAAaE,6BAER,EAAEC,YAAY,OAAOC,kBAAkBJ,gCAAOK,MAAMC,QAAQ,SAC/D,sBAAA,cAACC,OAAAA;CACQD;CACPE,QAAQ,IAAK,KAAMF;CACnBG,SAAQ;CACRC,MAAK;CACLC,OAAM;CACNC,cAAYT;CACZU,MAAK;GAEL,sBAAA,cAACC,QAAAA;CACCC,GAAE;CACFL,MAAMN;IAER,sBAAA,cAACU,QAAAA;CACCC,GAAE;CACFL,MAAMN;IAER,sBAAA,cAACU,QAAAA;CACCC,GAAE;CACFL,MAAMN;IAER,sBAAA,cAACU,QAAAA;CACCE,UAAS;CACTC,UAAS;CACTF,GAAE;CACFL,MAAMN"}

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

@@ -1,31 +1,31 @@
-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 * as React$1 from "react";
+
+//#region src/Logos/ProLabel/ProLabelCutoutTransparent/index.tsx
+const ProLabelCutoutTransparent = ({ ariaLabel = "Pro", backgroundColor = colors.navy, width = 30 }) => /* @__PURE__ */ React$1.createElement("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"
+}, /* @__PURE__ */ React$1.createElement("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__ */ React$1.createElement("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__ */ React$1.createElement("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__ */ React$1.createElement("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 };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["colors","React","ProLabelCutoutTransparent","ariaLabel","backgroundColor","navy","width","svg","height","viewBox","fill","xmlns","aria-label","role","path","d","fillRule","clipRule"],"sources":["../../../../src/Logos/ProLabel/ProLabelCutoutTransparent/index.tsx"],"sourcesContent":["import { colors } from '@codecademy/gamut-styles';\nimport * as React from 'react';\n\nexport type ProLabelCutoutTransparentProps = {\n  ariaLabel?: string;\n  backgroundColor?: string;\n  width?: number;\n};\n\nexport const ProLabelCutoutTransparent: React.FC<\n  ProLabelCutoutTransparentProps\n> = ({ ariaLabel = 'Pro', backgroundColor = colors.navy, width = 30 }) => (\n  <svg\n    width={width}\n    height={(8 / 15) * width}\n    viewBox=\"0 0 30 16\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-label={ariaLabel}\n    role=\"img\"\n  >\n    <path\n      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\"\n      fill={backgroundColor}\n    />\n    <path\n      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\"\n      fill={backgroundColor}\n    />\n    <path\n      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\"\n      fill={backgroundColor}\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      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\"\n      fill={backgroundColor}\n    />\n  </svg>\n);\n"],"mappings":";;;;AASA,MAAaE,6BAER,EAAEC,YAAY,OAAOC,kBAAkBJ,OAAOK,MAAMC,QAAQ,SAC/D,wBAAA,cAACC,OAAAA;CACQD;CACPE,QAAQ,IAAK,KAAMF;CACnBG,SAAQ;CACRC,MAAK;CACLC,OAAM;CACNC,cAAYT;CACZU,MAAK;GAEL,wBAAA,cAACC,QAAAA;CACCC,GAAE;CACFL,MAAMN;IAER,wBAAA,cAACU,QAAAA;CACCC,GAAE;CACFL,MAAMN;IAER,wBAAA,cAACU,QAAAA;CACCC,GAAE;CACFL,MAAMN;IAER,wBAAA,cAACU,QAAAA;CACCE,UAAS;CACTC,UAAS;CACTF,GAAE;CACFL,MAAMN"}

package/dist/Logos/ProLabel/index.cjs

@@ -0,0 +1,27 @@
+const require_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_runtime.__toESM(react);
+
+//#region src/Logos/ProLabel/index.tsx
+const ProLabel = (props) => {
+	if (props.variant === "cutout") {
+		const { backgroundColor = "navy", cutoutColor = "white", ...forwardedProps } = props;
+		return /* @__PURE__ */ react.createElement(require_index.ProLabelCutout, {
+			backgroundColor: _codecademy_gamut_styles.colors[backgroundColor],
+			cutoutColor: _codecademy_gamut_styles.colors[cutoutColor],
+			...forwardedProps
+		});
+	}
+	const { backgroundColor = "white", ...forwardedProps } = props;
+	return /* @__PURE__ */ react.createElement(require_index$1.ProLabelCutoutTransparent, {
+		backgroundColor: _codecademy_gamut_styles.colors[backgroundColor],
+		...forwardedProps
+	});
+};
+
+//#endregion
+exports.ProLabel = ProLabel;
+//# sourceMappingURL=index.cjs.map

package/dist/Logos/ProLabel/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["colors","React","ProLabelCutout","ProLabelCutoutTransparent","ProLabel","props","variant","backgroundColor","cutoutColor","forwardedProps"],"sources":["../../../src/Logos/ProLabel/index.tsx"],"sourcesContent":["import { colors } from '@codecademy/gamut-styles';\nimport * as React from 'react';\n\nimport { ProLabelCutout } from './ProLabelCutout';\nimport { ProLabelCutoutTransparent } from './ProLabelCutoutTransparent';\n\ntype BaseProps = {\n  ariaLabel?: string;\n  backgroundColor?: keyof typeof colors;\n  width?: number;\n};\n\nexport type ProLabelProps =\n  | (BaseProps & { variant: 'transparent' })\n  | (BaseProps & { variant: 'cutout'; cutoutColor?: keyof typeof colors });\n\nexport const ProLabel: React.FC<ProLabelProps> = (props) => {\n  if (props.variant === 'cutout') {\n    const {\n      backgroundColor = 'navy',\n      cutoutColor = 'white',\n      ...forwardedProps\n    } = props;\n    return (\n      <ProLabelCutout\n        backgroundColor={colors[backgroundColor]}\n        cutoutColor={colors[cutoutColor]}\n        {...forwardedProps}\n      />\n    );\n  }\n\n  const { backgroundColor = 'white', ...forwardedProps } = props;\n  return (\n    <ProLabelCutoutTransparent\n      backgroundColor={colors[backgroundColor]}\n      {...forwardedProps}\n    />\n  );\n};\n"],"mappings":";;;;;;;;AAgBA,MAAaI,YAAqCC,UAAAA;AAChD,KAAIA,MAAMC,YAAY,UAAU;EAC9B,MAAM,EACJC,kBAAkB,QAClBC,cAAc,SACd,GAAGC,mBACDJ;AACJ,SACE,sBAAA,cAACH,8BAAAA;GACCK,iBAAiBP,gCAAOO;GACxBC,aAAaR,gCAAOQ;GACnB,GAAGC;;;CAKV,MAAM,EAAEF,kBAAkB,SAAS,GAAGE,mBAAmBJ;AACzD,QACE,sBAAA,cAACF,2CAAAA;EACCI,iBAAiBP,gCAAOO;EACvB,GAAGE"}

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

@@ -0,0 +1,19 @@
+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 };
+//# sourceMappingURL=index.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../../src/Logos/ProLabel/index.tsx"],"mappings":";;;;KAMK,SAAA;EACH,SAAA;EACA,eAAA,gBAA+B,MAAA;EAC/B,KAAA;AAAA;AAAA,KAGU,aAAA,IACP,SAAA;EAAc,OAAA;AAAA,MACd,SAAA;EAAc,OAAA;EAAmB,WAAA,gBAA2B,MAAA;AAAA;AAAA,cAEpD,QAAA,EAAU,OAAA,CAAM,EAAA,CAAG,aAAA"}

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

@@ -1,15 +1,19 @@
-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 };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/Logos/ProLabel/index.tsx"],"mappings":";;;;KAMK,SAAA;EACH,SAAA;EACA,eAAA,gBAA+B,MAAA;EAC/B,KAAA;AAAA;AAAA,KAGU,aAAA,IACP,SAAA;EAAc,OAAA;AAAA,MACd,SAAA;EAAc,OAAA;EAAmB,WAAA,gBAA2B,MAAA;AAAA;AAAA,cAEpD,QAAA,EAAU,OAAA,CAAM,EAAA,CAAG,aAAA"}

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 * as React$1 from "react";
+
+//#region src/Logos/ProLabel/index.tsx
+const ProLabel = (props) => {
+	if (props.variant === "cutout") {
+		const { backgroundColor = "navy", cutoutColor = "white", ...forwardedProps } = props;
+		return /* @__PURE__ */ React$1.createElement(ProLabelCutout, {
+			backgroundColor: colors[backgroundColor],
+			cutoutColor: colors[cutoutColor],
+			...forwardedProps
+		});
+	}
+	const { backgroundColor = "white", ...forwardedProps } = props;
+	return /* @__PURE__ */ React$1.createElement(ProLabelCutoutTransparent, {
+		backgroundColor: colors[backgroundColor],
+		...forwardedProps
+	});
+};
+
+//#endregion
+export { ProLabel };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["colors","React","ProLabelCutout","ProLabelCutoutTransparent","ProLabel","props","variant","backgroundColor","cutoutColor","forwardedProps"],"sources":["../../../src/Logos/ProLabel/index.tsx"],"sourcesContent":["import { colors } from '@codecademy/gamut-styles';\nimport * as React from 'react';\n\nimport { ProLabelCutout } from './ProLabelCutout';\nimport { ProLabelCutoutTransparent } from './ProLabelCutoutTransparent';\n\ntype BaseProps = {\n  ariaLabel?: string;\n  backgroundColor?: keyof typeof colors;\n  width?: number;\n};\n\nexport type ProLabelProps =\n  | (BaseProps & { variant: 'transparent' })\n  | (BaseProps & { variant: 'cutout'; cutoutColor?: keyof typeof colors });\n\nexport const ProLabel: React.FC<ProLabelProps> = (props) => {\n  if (props.variant === 'cutout') {\n    const {\n      backgroundColor = 'navy',\n      cutoutColor = 'white',\n      ...forwardedProps\n    } = props;\n    return (\n      <ProLabelCutout\n        backgroundColor={colors[backgroundColor]}\n        cutoutColor={colors[cutoutColor]}\n        {...forwardedProps}\n      />\n    );\n  }\n\n  const { backgroundColor = 'white', ...forwardedProps } = props;\n  return (\n    <ProLabelCutoutTransparent\n      backgroundColor={colors[backgroundColor]}\n      {...forwardedProps}\n    />\n  );\n};\n"],"mappings":";;;;;;AAgBA,MAAaI,YAAqCC,UAAAA;AAChD,KAAIA,MAAMC,YAAY,UAAU;EAC9B,MAAM,EACJC,kBAAkB,QAClBC,cAAc,SACd,GAAGC,mBACDJ;AACJ,SACE,wBAAA,cAACH,gBAAAA;GACCK,iBAAiBP,OAAOO;GACxBC,aAAaR,OAAOQ;GACnB,GAAGC;;;CAKV,MAAM,EAAEF,kBAAkB,SAAS,GAAGE,mBAAmBJ;AACzD,QACE,wBAAA,cAACF,2BAAAA;EACCI,iBAAiBP,OAAOO;EACvB,GAAGE"}

package/dist/Logos/index.cjs

@@ -0,0 +1,7 @@
+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');

package/dist/Logos/index.d.ts

@@ -1,7 +1,7 @@
-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";

package/dist/Logos/index.js

@@ -1,7 +1,7 @@
-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";

package/dist/Logos/shared.cjs

@@ -0,0 +1,23 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_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 = /* @__PURE__ */ (0, _emotion_styled.default)("svg", {
+	target: "edyflkl0",
+	label: "brand-LogoSvg",
+	...(0, _codecademy_gamut_styles.styledOptions)()
+})(_codecademy_gamut_styles.system.css({ textColor: "currentColor" }), logoStyles, "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xvZ29zL3NoYXJlZC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9Mb2dvcy9zaGFyZWQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbG9yTW9kZXMsIHN0eWxlZE9wdGlvbnMsIHN5c3RlbSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBTdHlsZVByb3BzLCB2YXJpYW5jZSB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IFNWR1Byb3BzIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgdHlwZSBMb2dvUHJvcHMgPSBTVkdQcm9wczxTVkdTVkdFbGVtZW50PiAmXG4gIFN0eWxlUHJvcHM8dHlwZW9mIGxvZ29TdHlsZXM+ICYge1xuICAgIGhlaWdodD86IG51bWJlcjtcbiAgICB3aWR0aD86IG51bWJlcjtcbiAgICBtb2RlPzogQ29sb3JNb2RlcztcbiAgfTtcblxuY29uc3QgbG9nb1N0eWxlcyA9IHZhcmlhbmNlLmNvbXBvc2UoXG4gIHN5c3RlbS5sYXlvdXQsXG4gIHN5c3RlbS5wb3NpdGlvbmluZyxcbiAgc3lzdGVtLnNwYWNlXG4pO1xuXG5leHBvcnQgY29uc3QgTG9nb1N2ZyA9IHN0eWxlZCgnc3ZnJywgc3R5bGVkT3B0aW9uczwnc3ZnJz4oKSk8XG4gIE9taXQ8TG9nb1Byb3BzLCAndmFyaWFudCc+XG4+KHN5c3RlbS5jc3MoeyB0ZXh0Q29sb3I6ICdjdXJyZW50Q29sb3InIH0pLCBsb2dvU3R5bGVzKTtcblxuY29uc3QgY29tcG9zZWRMb2dvU3R5bGVzID0gdmFyaWFuY2UuY29tcG9zZShcbiAgc3lzdGVtLmxheW91dCxcbiAgc3lzdGVtLmNvbG9yLFxuICBzeXN0ZW0uc3BhY2UsXG4gIHN5c3RlbS5wb3NpdGlvbmluZ1xuKTtcblxuaW50ZXJmYWNlIEZyb21Mb2dvU3R5bGVQcm9wcyBleHRlbmRzIFN0eWxlUHJvcHM8dHlwZW9mIGNvbXBvc2VkTG9nb1N0eWxlcz4ge31cblxuZXhwb3J0IGludGVyZmFjZSBTaGFyZWRMb2dvUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFJlYWN0LlNWR1Byb3BzPFNWR1NWR0VsZW1lbnQ+LCBrZXlvZiBGcm9tTG9nb1N0eWxlUHJvcHM+LFxuICAgIEZyb21Mb2dvU3R5bGVQcm9wcyB7fVxuXG5leHBvcnQgY29uc3QgU3R5bGVkU1ZHV3JhcHBlciA9IHN0eWxlZChcbiAgJ3N2ZycsXG4gIHN0eWxlZE9wdGlvbnM8J3N2Zyc+KClcbikoY29tcG9zZWRMb2dvU3R5bGVzKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQnVCIn0= */");
+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 = /* @__PURE__ */ (0, _emotion_styled.default)("svg", {
+	target: "edyflkl1",
+	label: "brand-StyledSVGWrapper",
+	...(0, _codecademy_gamut_styles.styledOptions)()
+})(composedLogoStyles, "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xvZ29zL3NoYXJlZC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9Mb2dvcy9zaGFyZWQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbG9yTW9kZXMsIHN0eWxlZE9wdGlvbnMsIHN5c3RlbSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBTdHlsZVByb3BzLCB2YXJpYW5jZSB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IFNWR1Byb3BzIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgdHlwZSBMb2dvUHJvcHMgPSBTVkdQcm9wczxTVkdTVkdFbGVtZW50PiAmXG4gIFN0eWxlUHJvcHM8dHlwZW9mIGxvZ29TdHlsZXM+ICYge1xuICAgIGhlaWdodD86IG51bWJlcjtcbiAgICB3aWR0aD86IG51bWJlcjtcbiAgICBtb2RlPzogQ29sb3JNb2RlcztcbiAgfTtcblxuY29uc3QgbG9nb1N0eWxlcyA9IHZhcmlhbmNlLmNvbXBvc2UoXG4gIHN5c3RlbS5sYXlvdXQsXG4gIHN5c3RlbS5wb3NpdGlvbmluZyxcbiAgc3lzdGVtLnNwYWNlXG4pO1xuXG5leHBvcnQgY29uc3QgTG9nb1N2ZyA9IHN0eWxlZCgnc3ZnJywgc3R5bGVkT3B0aW9uczwnc3ZnJz4oKSk8XG4gIE9taXQ8TG9nb1Byb3BzLCAndmFyaWFudCc+XG4+KHN5c3RlbS5jc3MoeyB0ZXh0Q29sb3I6ICdjdXJyZW50Q29sb3InIH0pLCBsb2dvU3R5bGVzKTtcblxuY29uc3QgY29tcG9zZWRMb2dvU3R5bGVzID0gdmFyaWFuY2UuY29tcG9zZShcbiAgc3lzdGVtLmxheW91dCxcbiAgc3lzdGVtLmNvbG9yLFxuICBzeXN0ZW0uc3BhY2UsXG4gIHN5c3RlbS5wb3NpdGlvbmluZ1xuKTtcblxuaW50ZXJmYWNlIEZyb21Mb2dvU3R5bGVQcm9wcyBleHRlbmRzIFN0eWxlUHJvcHM8dHlwZW9mIGNvbXBvc2VkTG9nb1N0eWxlcz4ge31cblxuZXhwb3J0IGludGVyZmFjZSBTaGFyZWRMb2dvUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFJlYWN0LlNWR1Byb3BzPFNWR1NWR0VsZW1lbnQ+LCBrZXlvZiBGcm9tTG9nb1N0eWxlUHJvcHM+LFxuICAgIEZyb21Mb2dvU3R5bGVQcm9wcyB7fVxuXG5leHBvcnQgY29uc3QgU3R5bGVkU1ZHV3JhcHBlciA9IHN0eWxlZChcbiAgJ3N2ZycsXG4gIHN0eWxlZE9wdGlvbnM8J3N2Zyc+KClcbikoY29tcG9zZWRMb2dvU3R5bGVzKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ2dDIn0= */");
+
+//#endregion
+exports.StyledSVGWrapper = StyledSVGWrapper;
+//# sourceMappingURL=shared.cjs.map

package/dist/Logos/shared.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.cjs","names":["styledOptions","system","variance","styled","logoStyles","compose","layout","positioning","space","LogoSvg","css","textColor","composedLogoStyles","color","StyledSVGWrapper"],"sources":["../../src/Logos/shared.tsx"],"sourcesContent":["import { ColorModes, styledOptions, system } from '@codecademy/gamut-styles';\nimport { StyleProps, variance } from '@codecademy/variance';\nimport styled from '@emotion/styled';\nimport { SVGProps } from 'react';\n\nexport type LogoProps = SVGProps<SVGSVGElement> &\n  StyleProps<typeof logoStyles> & {\n    height?: number;\n    width?: number;\n    mode?: ColorModes;\n  };\n\nconst logoStyles = variance.compose(\n  system.layout,\n  system.positioning,\n  system.space\n);\n\nexport const LogoSvg = styled('svg', styledOptions<'svg'>())<\n  Omit<LogoProps, 'variant'>\n>(system.css({ textColor: 'currentColor' }), logoStyles);\n\nconst composedLogoStyles = variance.compose(\n  system.layout,\n  system.color,\n  system.space,\n  system.positioning\n);\n\ninterface FromLogoStyleProps extends StyleProps<typeof composedLogoStyles> {}\n\nexport interface SharedLogoProps\n  extends Omit<React.SVGProps<SVGSVGElement>, keyof FromLogoStyleProps>,\n    FromLogoStyleProps {}\n\nexport const StyledSVGWrapper = styled(\n  'svg',\n  styledOptions<'svg'>()\n)(composedLogoStyles);\n"],"mappings":";;;;;;;AAYA,MAAMI,aAAaF,8BAASG,QAC1BJ,gCAAOK,QACPL,gCAAOM,aACPN,gCAAOO,MAAK;AAGd,MAAaC,UAAUN,6CAAO,OAAA;;;iDAA6B;GAEzDF,gCAAOS,IAAI,EAAEC,WAAW,gBAAe,CAAA,EAAIP,YAAAA,swDAAAA;AAE7C,MAAMQ,qBAAqBV,8BAASG,QAClCJ,gCAAOK,QACPL,gCAAOY,OACPZ,gCAAOO,OACPP,gCAAOM,YAAW;AASpB,MAAaO,mBAAmBX,6CAC9B,OAAA;;;iDACsB;GACtBS,oBAAAA,swDAAAA"}