@codecademy/brand 4.0.0-alpha.fb4adf2b4d.0 → 4.0.0

package/dist/stories/Organisms/ScoreSummary.stories.js

@@ -0,0 +1,295 @@
+import { ScoreSummary } from '../../index';
+import { jsx as _jsx } from "react/jsx-runtime";
+const meta = {
+  component: ScoreSummary,
+  args: {
+    subScores: {
+      'id-1': {
+        correct: 2,
+        slug: 'command-line',
+        title: 'Command Line',
+        total: 8
+      }
+    },
+    totalCorrect: 2,
+    totalQuestions: 8,
+    pathSlug: 'back-end-engineer-career-path',
+    trackSlug: 'becp-22-setting-up-a-dev-environment',
+    trackingData: {
+      context: 'feedback_page',
+      page_name: 'cumulative_assessment',
+      path_id: 'path-id',
+      target: 'review_concepts',
+      track_id: 'track-id'
+    },
+    untestedSubContent: [{
+      id: 'id-2',
+      slug: 'becp-22-text-editors',
+      title: 'Text Editors'
+    }],
+    trackUserClick: () => {},
+    percentToPass: 70
+  }
+};
+export default meta;
+export const Default = {
+  render: args => /*#__PURE__*/_jsx(ScoreSummary, {
+    ...args
+  }),
+  name: 'Score Summary'
+};
+export const RowLayout = {
+  render: args => /*#__PURE__*/_jsx(ScoreSummary, {
+    ...args,
+    subScores: {
+      'id-1': {
+        correct: 5,
+        slug: 'becp-22-learn-html-elements-and-structure',
+        title: 'Learn HTML: Elements and Structure',
+        total: 24
+      },
+      'id-2': {
+        correct: 4,
+        slug: 'wdcp-22-learn-css-selectors-and-visual-roles',
+        title: 'Learn CSS: Selectors and Visual Rules',
+        total: 20
+      },
+      'id-3': {
+        correct: 2,
+        slug: 'wdcp-22-learn-javascript-syntax-objects',
+        title: 'Learn JavaScript Syntax: Objects',
+        total: 17
+      },
+      'id-4': {
+        correct: 2,
+        slug: 'wdcp-22-learn-javascript-syntax-arrays',
+        title: 'Learn JavaScript Syntax: Arrays',
+        total: 5
+      }
+    },
+    totalCorrect: 9,
+    totalQuestions: 44,
+    trackSlug: "becp-22-website-development-fundamentals",
+    untestedSubContent: [{
+      id: 'id-5',
+      slug: 'wdcp-22-the-internet-and-web-development',
+      title: 'The Internet and Web Development'
+    }, {
+      id: 'id-6',
+      slug: 'becp-22-going-off-platform-with-html-and-css',
+      title: 'Going off-platform with HTML and CSS'
+    }]
+  })
+};
+export const ColumnLayout = {
+  render: args => /*#__PURE__*/_jsx(ScoreSummary, {
+    ...args,
+    layout: "column",
+    subScores: {
+      'id-1': {
+        correct: 2,
+        slug: 'wdcp-22-learn-javascript-syntax-objects',
+        title: 'Learn JavaScript Syntax: Objects',
+        total: 17
+      },
+      'id-2': {
+        correct: 2,
+        slug: 'wdcp-22-learn-javascript-syntax-arrays',
+        title: 'Learn JavaScript Syntax: Arrays',
+        total: 5
+      },
+      'id-3': {
+        correct: 1,
+        slug: 'wdcp-22-learn-javascript-syntax-iterators',
+        title: 'Learn JavaScript Syntax: Iterators',
+        total: 7
+      },
+      'id-4': {
+        correct: 1,
+        slug: 'wdcp-22-learn-javascript-syntax-errors-and-debugging',
+        title: 'Learn JavaScript Syntax: Errors and Debugging',
+        total: 6
+      },
+      'id-5': {
+        correct: 0,
+        slug: 'wdcp-22-learn-javascript-syntax-loops',
+        title: 'Learn JavaScript Syntax: Loops',
+        total: 7
+      }
+    },
+    totalCorrect: 5,
+    totalQuestions: 42,
+    trackSlug: "becp-22-javascript-syntax-part-ii",
+    untestedSubContent: [{
+      id: 'id-6',
+      slug: 'wdcp-22-practice-javascript-syntax-arrays-loops-objects-iterators',
+      title: 'Practice JavaScript Syntax: Arrays, Loops, Objects, Iterators'
+    }]
+  })
+};
+export const RowLayoutNoMaxWidth = {
+  render: args => /*#__PURE__*/_jsx(ScoreSummary, {
+    ...args,
+    noMaxWidth: true,
+    subScores: {
+      'id-2': {
+        correct: 5,
+        slug: 'becp-22-learn-html-elements-and-structure',
+        title: 'Learn HTML: Elements and Structure',
+        total: 24
+      },
+      'id-3': {
+        correct: 4,
+        slug: 'wdcp-22-learn-css-selectors-and-visual-roles',
+        title: 'Learn CSS: Selectors and Visual Rules',
+        total: 20
+      }
+    },
+    totalCorrect: 9,
+    totalQuestions: 44,
+    trackSlug: "",
+    untestedSubContent: [{
+      id: 'id-5',
+      slug: 'wdcp-22-the-internet-and-web-development',
+      title: 'The Internet and Web Development'
+    }, {
+      id: 'id-6',
+      slug: 'becp-22-going-off-platform-with-html-and-css',
+      title: 'Going off-platform with HTML and CSS'
+    }]
+  }),
+  name: 'Row Layout noMaxWidth'
+};
+export const Description = {
+  render: args => /*#__PURE__*/_jsx(ScoreSummary, {
+    ...args,
+    description: "Try again! You can take the test again in 24 hours.",
+    subScores: {
+      'id-2': {
+        correct: 5,
+        slug: 'becp-22-learn-html-elements-and-structure',
+        title: 'Learn HTML: Elements and Structure',
+        total: 24
+      },
+      'id-3': {
+        correct: 4,
+        slug: 'wdcp-22-learn-css-selectors-and-visual-roles',
+        title: 'Learn CSS: Selectors and Visual Rules',
+        total: 20
+      },
+      'id-1': {
+        correct: 1,
+        slug: 'wdcp-22-learn-javascript-syntax-iterators',
+        title: 'Learn JavaScript Syntax: Iterators',
+        total: 7
+      },
+      'id-4': {
+        correct: 1,
+        slug: 'wdcp-22-learn-javascript-syntax-errors-and-debugging',
+        title: 'Learn JavaScript Syntax: Errors and Debugging',
+        total: 6
+      },
+      'id-5': {
+        correct: 0,
+        slug: 'wdcp-22-learn-javascript-syntax-loops',
+        title: 'Learn JavaScript Syntax: Loops',
+        total: 7
+      }
+    },
+    totalCorrect: 9,
+    totalQuestions: 44,
+    trackSlug: "becp-22-website-development-fundamentals",
+    untestedSubContent: [{
+      id: 'id-5',
+      slug: 'wdcp-22-the-internet-and-web-development',
+      title: 'The Internet and Web Development'
+    }, {
+      id: 'id-6',
+      slug: 'becp-22-going-off-platform-with-html-and-css',
+      title: 'Going off-platform with HTML and CSS'
+    }, {
+      id: 'id-6',
+      slug: 'wdcp-22-practice-javascript-syntax-arrays-loops-objects-iterators',
+      title: 'Practice JavaScript Syntax: Arrays, Loops, Objects, Iterators'
+    }]
+  })
+};
+export const DescriptionInColumnLayout = {
+  render: args => /*#__PURE__*/_jsx(ScoreSummary, {
+    ...args,
+    layout: "column",
+    description: "A minimum score of 70% is required on all 6 certification exams to earn a professional certification",
+    subScores: {
+      'id-1': {
+        correct: 2,
+        slug: 'wdcp-22-learn-javascript-syntax-objects',
+        title: 'Learn JavaScript Syntax: Objects',
+        total: 17
+      },
+      'id-2': {
+        correct: 2,
+        slug: 'wdcp-22-learn-javascript-syntax-arrays',
+        title: 'Learn JavaScript Syntax: Arrays',
+        total: 5
+      },
+      'id-3': {
+        correct: 1,
+        slug: 'wdcp-22-learn-javascript-syntax-iterators',
+        title: 'Learn JavaScript Syntax: Iterators',
+        total: 7
+      },
+      'id-4': {
+        correct: 1,
+        slug: 'wdcp-22-learn-javascript-syntax-errors-and-debugging',
+        title: 'Learn JavaScript Syntax: Errors and Debugging',
+        total: 6
+      },
+      'id-5': {
+        correct: 0,
+        slug: 'wdcp-22-learn-javascript-syntax-loops',
+        title: 'Learn JavaScript Syntax: Loops',
+        total: 7
+      }
+    },
+    totalCorrect: 5,
+    totalQuestions: 42,
+    trackSlug: "becp-22-javascript-syntax-part-ii",
+    untestedSubContent: [{
+      id: 'id-6',
+      slug: 'wdcp-22-practice-javascript-syntax-arrays-loops-objects-iterators',
+      title: 'Practice JavaScript Syntax: Arrays, Loops, Objects, Iterators'
+    }]
+  }),
+  name: 'Description in Column Layout'
+};
+export const ColorfulIcons = {
+  render: args => /*#__PURE__*/_jsx(ScoreSummary, {
+    ...args,
+    colorfulIcons: true,
+    totalCorrect: 18,
+    totalQuestions: 26,
+    layout: "column",
+    subScores: {
+      'id-2': {
+        correct: 5,
+        slug: 'becp-22-learn-html-elements-and-structure',
+        title: 'Learn HTML: Elements and Structure',
+        total: 10
+      },
+      'id-3': {
+        correct: 5,
+        slug: 'wdcp-22-learn-css-selectors-and-visual-roles',
+        title: 'Learn CSS: Selectors and Visual Rules',
+        total: 6
+      },
+      'id-1': {
+        correct: 8,
+        slug: 'wdcp-22-learn-javascript-syntax-objects',
+        title: 'Learn JavaScript Syntax: Objects',
+        total: 10
+      }
+    },
+    trackSlug: undefined,
+    untestedSubContent: []
+  })
+};

package/dist/svg.d.ts

@@ -0,0 +1,7 @@
+declare module '*.svg' {
+  const ReactComponent: React.FC<React.SVGProps<SVGSVGElement>>;
+  const content: string;
+
+  export { ReactComponent };
+  export default content;
+}

package/dist/theme.d.ts

@@ -0,0 +1,5 @@
+import { CoreTheme } from '@codecademy/gamut-styles';
+
+declare module '@emotion/react' {
+  export interface Theme extends CoreTheme {}
+}

package/package.json

@@ -1,29 +1,14 @@
 {
   "name": "@codecademy/brand",
-  "version": "4.0.0-alpha.fb4adf2b4d.0",
+  "version": "4.0.0",
   "description": "Brand component library for Codecademy",
   "license": "MIT",
   "repository": "git@github.com:codecademy-engineering/mono.git",
   "author": "Codecademy Engineering <dev@codecademy.com>",
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.cts",
+  "main": "./dist/index.js",
   "files": [
     "dist/**"
   ],
-  "exports": {
-    ".": {
-      "require": {
-        "types": "./dist/index.d.cts",
-        "default": "./dist/index.cjs"
-      },
-      "import": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.mjs"
-      }
-    },
-    "./package.json": "./package.json"
-  },
   "dependencies": {
     "@emotion/is-prop-valid": "^1.2.1",
     "@splidejs/react-splide": "^0.7.12",
@@ -43,27 +28,25 @@
     "react-use": "15.3.8",
     "universal-cookie": "^8.0.1"
   },
-  "devDependencies": {
-    "tsdown": "^0.19.0",
-    "unplugin-swc": "^1.5.9"
-  },
   "peerDependencies": {
     "@codecademy/gamut": "*",
     "@codecademy/gamut-icons": "*",
     "@codecademy/gamut-illustrations": "*",
     "@codecademy/gamut-patterns": "*",
     "@codecademy/gamut-styles": "*",
-    "@codecademy/tracking": "1.4.0",
+    "@codecademy/tracking": "1.6.0",
     "@codecademy/variance": "*",
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
-    "react": "^18.2.0 || ^19.2.1"
+    "react": "^18.3.0 || ^19.2.3"
   },
   "publishConfig": {
     "access": "public"
   },
   "sideEffects": [
     "*.css",
-    "*.scss"
+    "*.scss",
+    "dist/**/[A-Z]**/[A-Z]*.js",
+    "dist/**/[A-Z]**/index.js"
   ]
 }

package/dist/AbbreviatedCommunityEventCard/index.cjs

@@ -1,74 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_EventTypeIcon = require('../CommunityEventCard/EventTypeIcon.cjs');
-const require_index = require('../CommunityEventCard/index.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-let date_fns = require("date-fns");
-let lodash_upperCase = require("lodash/upperCase");
-lodash_upperCase = require_rolldown_runtime.__toESM(lodash_upperCase);
-
-//#region src/AbbreviatedCommunityEventCard/index.tsx
-const AbbreviatedEventCard = ({ title, startDate, endDate, url, type }) => {
-	const StyledLink = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Anchor, {
-		target: "eh4ud0f0",
-		label: "brand-StyledLink"
-	})("text-decoration:none;&:focus{text-decoration:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FiYnJldmlhdGVkQ29tbXVuaXR5RXZlbnRDYXJkL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FiYnJldmlhdGVkQ29tbXVuaXR5RXZlbnRDYXJkL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJveCwgQ2FyZCwgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEFycm93Q2hldnJvblJpZ2h0SWNvbiwgQ2xvY2tJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZm9ybWF0LCBwYXJzZUpTT04gfSBmcm9tICdkYXRlLWZucyc7XG5pbXBvcnQgdXBwZXJDYXNlIGZyb20gJ2xvZGFzaC91cHBlckNhc2UnO1xuXG5pbXBvcnQgeyBmb3JtYXRUaW1lIH0gZnJvbSAnLi4vQ29tbXVuaXR5RXZlbnRDYXJkJztcbmltcG9ydCB7IEV2ZW50VHlwZUljb24gfSBmcm9tICcuLi9Db21tdW5pdHlFdmVudENhcmQvRXZlbnRUeXBlSWNvbic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQWJicmV2aWF0ZWRFdmVudENhcmRQcm9wcyB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHN0YXJ0RGF0ZTogc3RyaW5nO1xuICBlbmREYXRlOiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICB0eXBlPzogc3RyaW5nIHwgbnVsbDtcbn1cblxuZXhwb3J0IGNvbnN0IEFiYnJldmlhdGVkRXZlbnRDYXJkOiBSZWFjdC5GQzxBYmJyZXZpYXRlZEV2ZW50Q2FyZFByb3BzPiA9ICh7XG4gIHRpdGxlLFxuICBzdGFydERhdGUsXG4gIGVuZERhdGUsXG4gIHVybCxcbiAgdHlwZSxcbn0pID0+IHtcbiAgY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChBbmNob3IpYFxuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICAmOmZvY3VzIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIGA7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTGluayBocmVmPXt1cmx9IHRhcmdldD1cIl9ibGFua1wiPlxuICAgICAgPENhcmQgaXNJbnRlcmFjdGl2ZT5cbiAgICAgICAgPEZsZXhCb3ggZ2FwPXsxNn0gaGVpZ2h0PVwiMTAwJVwiPlxuICAgICAgICAgIDxCb3hcbiAgICAgICAgICAgIGFsaWduQ29udGVudD1cImNlbnRlclwiXG4gICAgICAgICAgICBiZz1cIm5hdnlcIlxuICAgICAgICAgICAgYm9yZGVyUmFkaXVzPVwibWRcIlxuICAgICAgICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgICAgICAgICBoZWlnaHQ9ezgwfVxuICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICAgICAgcHg9ezEyfVxuICAgICAgICAgICAgd2lkdGg9ezgwfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxUZXh0IGZvbnRGYW1pbHk9XCJhY2NlbnRcIiBmb250U2l6ZT17MjZ9IGxpbmVIZWlnaHQ9XCJub3JtYWxcIj5cbiAgICAgICAgICAgICAge3VwcGVyQ2FzZShmb3JtYXQocGFyc2VKU09OKHN0YXJ0RGF0ZSksICdMTEwgZGQnKSl9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgICAgZ2FwPXsxNn1cbiAgICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICAgICAgICBtaW5XaWR0aD17MH1cbiAgICAgICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEZsZXhCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIGdhcD17OH0gbWluV2lkdGg9ezB9IHdpZHRoPVwiMTAwJVwiPlxuICAgICAgICAgICAgICA8VGV4dCBhcz1cImgzXCIgZm9udFNpemU9ezIyfSB0cnVuY2F0ZT1cImVsbGlwc2lzXCIgdHJ1bmNhdGVMaW5lcz17MX0+XG4gICAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIiBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIj5cbiAgICAgICAgICAgICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZ2FwPXs4fSBtaW5XaWR0aD17MH0+XG4gICAgICAgICAgICAgICAgICA8Q2xvY2tJY29uIC8+XG4gICAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgICBmb250RmFtaWx5PVwiYWNjZW50XCJcbiAgICAgICAgICAgICAgICAgICAgZm9udFNpemU9ezE0fVxuICAgICAgICAgICAgICAgICAgICB0cnVuY2F0ZT1cImVsbGlwc2lzXCJcbiAgICAgICAgICAgICAgICAgICAgdHJ1bmNhdGVMaW5lcz17MX1cbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAge2Zvcm1hdFRpbWUoc3RhcnREYXRlLCBlbmREYXRlKX1cbiAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICAgICAge3R5cGUgJiYgKFxuICAgICAgICAgICAgICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImNlbnRlclwiIGdhcD17OH0gbWluV2lkdGg9ezB9PlxuICAgICAgICAgICAgICAgICAgICA8RXZlbnRUeXBlSWNvbiBldmVudFR5cGU9e3R5cGV9IC8+XG4gICAgICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgPEFycm93Q2hldnJvblJpZ2h0SWNvbiBzaXplPXsyNH0gLz5cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvQ2FyZD5cbiAgICA8L1N0eWxlZExpbms+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCcUIifQ== */");
-	return /* @__PURE__ */ React.createElement(StyledLink, {
-		href: url,
-		target: "_blank"
-	}, /* @__PURE__ */ React.createElement(_codecademy_gamut.Card, { isInteractive: true }, /* @__PURE__ */ React.createElement(_codecademy_gamut.FlexBox, {
-		gap: 16,
-		height: "100%"
-	}, /* @__PURE__ */ React.createElement(_codecademy_gamut.Box, {
-		alignContent: "center",
-		bg: "navy",
-		borderRadius: "md",
-		color: "white",
-		height: 80,
-		justifyContent: "center",
-		px: 12,
-		width: 80
-	}, /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, {
-		fontFamily: "accent",
-		fontSize: 26,
-		lineHeight: "normal"
-	}, (0, lodash_upperCase.default)((0, date_fns.format)((0, date_fns.parseJSON)(startDate), "LLL dd")))), /* @__PURE__ */ React.createElement(_codecademy_gamut.FlexBox, {
-		alignItems: "center",
-		gap: 16,
-		justifyContent: "space-between",
-		minWidth: 0,
-		width: "100%"
-	}, /* @__PURE__ */ React.createElement(_codecademy_gamut.FlexBox, {
-		flexDirection: "column",
-		gap: 8,
-		minWidth: 0,
-		width: "100%"
-	}, /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, {
-		as: "h3",
-		fontSize: 22,
-		truncate: "ellipsis",
-		truncateLines: 1
-	}, title), /* @__PURE__ */ React.createElement(_codecademy_gamut.FlexBox, {
-		alignItems: "center",
-		justifyContent: "space-between"
-	}, /* @__PURE__ */ React.createElement(_codecademy_gamut.FlexBox, {
-		alignItems: "center",
-		gap: 8,
-		minWidth: 0
-	}, /* @__PURE__ */ React.createElement(_codecademy_gamut_icons.ClockIcon, null), /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, {
-		fontFamily: "accent",
-		fontSize: 14,
-		truncate: "ellipsis",
-		truncateLines: 1
-	}, require_index.formatTime(startDate, endDate))), type && /* @__PURE__ */ React.createElement(_codecademy_gamut.FlexBox, {
-		alignItems: "center",
-		gap: 8,
-		minWidth: 0
-	}, /* @__PURE__ */ React.createElement(require_EventTypeIcon.EventTypeIcon, { eventType: type })))), /* @__PURE__ */ React.createElement(_codecademy_gamut_icons.ArrowChevronRightIcon, { size: 24 })))));
-};
-
-//#endregion
-exports.AbbreviatedEventCard = AbbreviatedEventCard;
-//# sourceMappingURL=index.cjs.map

package/dist/AbbreviatedCommunityEventCard/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["Anchor","Box","Card","FlexBox","Text","ArrowChevronRightIcon","ClockIcon","styled","format","parseJSON","upperCase","formatTime","EventTypeIcon","AbbreviatedEventCard","title","startDate","endDate","url","type","StyledLink","href","target","isInteractive","gap","height","alignContent","bg","borderRadius","color","justifyContent","px","width","fontFamily","fontSize","lineHeight","alignItems","minWidth","flexDirection","as","truncate","truncateLines","eventType","size"],"sources":["../../src/AbbreviatedCommunityEventCard/index.tsx"],"sourcesContent":["import { Anchor, Box, Card, FlexBox, Text } from '@codecademy/gamut';\nimport { ArrowChevronRightIcon, ClockIcon } from '@codecademy/gamut-icons';\nimport styled from '@emotion/styled';\nimport { format, parseJSON } from 'date-fns';\nimport upperCase from 'lodash/upperCase';\n\nimport { formatTime } from '../CommunityEventCard';\nimport { EventTypeIcon } from '../CommunityEventCard/EventTypeIcon';\n\nexport interface AbbreviatedEventCardProps {\n  title: string;\n  startDate: string;\n  endDate: string;\n  url: string;\n  type?: string | null;\n}\n\nexport const AbbreviatedEventCard: React.FC<AbbreviatedEventCardProps> = ({\n  title,\n  startDate,\n  endDate,\n  url,\n  type,\n}) => {\n  const StyledLink = styled(Anchor)`\n    text-decoration: none;\n    &:focus {\n      text-decoration: none;\n    }\n  `;\n\n  return (\n    <StyledLink href={url} target=\"_blank\">\n      <Card isInteractive>\n        <FlexBox gap={16} height=\"100%\">\n          <Box\n            alignContent=\"center\"\n            bg=\"navy\"\n            borderRadius=\"md\"\n            color=\"white\"\n            height={80}\n            justifyContent=\"center\"\n            px={12}\n            width={80}\n          >\n            <Text fontFamily=\"accent\" fontSize={26} lineHeight=\"normal\">\n              {upperCase(format(parseJSON(startDate), 'LLL dd'))}\n            </Text>\n          </Box>\n          <FlexBox\n            alignItems=\"center\"\n            gap={16}\n            justifyContent=\"space-between\"\n            minWidth={0}\n            width=\"100%\"\n          >\n            <FlexBox flexDirection=\"column\" gap={8} minWidth={0} width=\"100%\">\n              <Text as=\"h3\" fontSize={22} truncate=\"ellipsis\" truncateLines={1}>\n                {title}\n              </Text>\n              <FlexBox alignItems=\"center\" justifyContent=\"space-between\">\n                <FlexBox alignItems=\"center\" gap={8} minWidth={0}>\n                  <ClockIcon />\n                  <Text\n                    fontFamily=\"accent\"\n                    fontSize={14}\n                    truncate=\"ellipsis\"\n                    truncateLines={1}\n                  >\n                    {formatTime(startDate, endDate)}\n                  </Text>\n                </FlexBox>\n                {type && (\n                  <FlexBox alignItems=\"center\" gap={8} minWidth={0}>\n                    <EventTypeIcon eventType={type} />\n                  </FlexBox>\n                )}\n              </FlexBox>\n            </FlexBox>\n            <ArrowChevronRightIcon size={24} />\n          </FlexBox>\n        </FlexBox>\n      </Card>\n    </StyledLink>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAiBA,MAAaa,wBAA6D,EACxEC,OACAC,WACAC,SACAC,KACAC,WACD;CACC,MAAMC,aAAaZ,6CAAOP,0BAAAA;;;;AAO1B,QACE,sBAAA,cAACmB,YAAAA;EAAWC,MAAMH;EAAKI,QAAO;IAC5B,sBAAA,cAACnB,wBAAAA,EAAKoB,eAAAA,QACJ,sBAAA,cAACnB,2BAAAA;EAAQoB,KAAK;EAAIC,QAAO;IACvB,sBAAA,cAACvB,uBAAAA;EACCwB,cAAa;EACbC,IAAG;EACHC,cAAa;EACbC,OAAM;EACNJ,QAAQ;EACRK,gBAAe;EACfC,IAAI;EACJC,OAAO;IAEP,sBAAA,cAAC3B,wBAAAA;EAAK4B,YAAW;EAASC,UAAU;EAAIC,YAAW;+EACrBnB,UAAAA,EAAY,SAAA,CAAA,CAAA,CAAA,EAG5C,sBAAA,cAACZ,2BAAAA;EACCgC,YAAW;EACXZ,KAAK;EACLM,gBAAe;EACfO,UAAU;EACVL,OAAM;IAEN,sBAAA,cAAC5B,2BAAAA;EAAQkC,eAAc;EAASd,KAAK;EAAGa,UAAU;EAAGL,OAAM;IACzD,sBAAA,cAAC3B,wBAAAA;EAAKkC,IAAG;EAAKL,UAAU;EAAIM,UAAS;EAAWC,eAAe;IAC5D1B,MAAAA,EAEH,sBAAA,cAACX,2BAAAA;EAAQgC,YAAW;EAASN,gBAAe;IAC1C,sBAAA,cAAC1B,2BAAAA;EAAQgC,YAAW;EAASZ,KAAK;EAAGa,UAAU;IAC7C,sBAAA,cAAC9B,mCAAAA,KAAAA,EACD,sBAAA,cAACF,wBAAAA;EACC4B,YAAW;EACXC,UAAU;EACVM,UAAS;EACTC,eAAe;IAEd7B,yBAAWI,WAAWC,QAAAA,CAAAA,CAAAA,EAG1BE,QACC,sBAAA,cAACf,2BAAAA;EAAQgC,YAAW;EAASZ,KAAK;EAAGa,UAAU;IAC7C,sBAAA,cAACxB,qCAAAA,EAAc6B,WAAWvB,YAKlC,sBAAA,cAACb,+CAAAA,EAAsBqC,MAAM"}

package/dist/AbbreviatedCommunityEventCard/index.d.cts

@@ -1,12 +0,0 @@
-//#region src/AbbreviatedCommunityEventCard/index.d.ts
-interface AbbreviatedEventCardProps {
-  title: string;
-  startDate: string;
-  endDate: string;
-  url: string;
-  type?: string | null;
-}
-declare const AbbreviatedEventCard: React.FC<AbbreviatedEventCardProps>;
-//#endregion
-export { AbbreviatedEventCard, AbbreviatedEventCardProps };
-//# sourceMappingURL=index.d.cts.map

package/dist/AbbreviatedCommunityEventCard/index.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/AbbreviatedCommunityEventCard/index.tsx"],"sourcesContent":[],"mappings":";UASiB,yBAAA;EAAA,KAAA,EAAA,MAAA;EAQJ,SAAA,EAAA,MAAA;;;;;cAAA,sBAAsB,KAAA,CAAM,GAAG"}

package/dist/AbbreviatedCommunityEventCard/index.d.mts

@@ -1,12 +0,0 @@
-//#region src/AbbreviatedCommunityEventCard/index.d.ts
-interface AbbreviatedEventCardProps {
-  title: string;
-  startDate: string;
-  endDate: string;
-  url: string;
-  type?: string | null;
-}
-declare const AbbreviatedEventCard: React.FC<AbbreviatedEventCardProps>;
-//#endregion
-export { AbbreviatedEventCard, AbbreviatedEventCardProps };
-//# sourceMappingURL=index.d.mts.map

package/dist/AbbreviatedCommunityEventCard/index.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/AbbreviatedCommunityEventCard/index.tsx"],"sourcesContent":[],"mappings":";UASiB,yBAAA;EAAA,KAAA,EAAA,MAAA;EAQJ,SAAA,EAAA,MAAA;;;;;cAAA,sBAAsB,KAAA,CAAM,GAAG"}

package/dist/AbbreviatedCommunityEventCard/index.mjs

@@ -1,71 +0,0 @@
-import { EventTypeIcon } from "../CommunityEventCard/EventTypeIcon.mjs";
-import { formatTime } from "../CommunityEventCard/index.mjs";
-import { Anchor, Box, Card, FlexBox, Text } from "@codecademy/gamut";
-import styled from "@emotion/styled";
-import { ArrowChevronRightIcon, ClockIcon } from "@codecademy/gamut-icons";
-import { format, parseJSON } from "date-fns";
-import upperCase from "lodash/upperCase";
-
-//#region src/AbbreviatedCommunityEventCard/index.tsx
-const AbbreviatedEventCard = ({ title, startDate, endDate, url, type }) => {
-	const StyledLink = /* @__PURE__ */ styled(Anchor, {
-		target: "eh4ud0f0",
-		label: "brand-StyledLink"
-	})("text-decoration:none;&:focus{text-decoration:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FiYnJldmlhdGVkQ29tbXVuaXR5RXZlbnRDYXJkL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FiYnJldmlhdGVkQ29tbXVuaXR5RXZlbnRDYXJkL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJveCwgQ2FyZCwgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEFycm93Q2hldnJvblJpZ2h0SWNvbiwgQ2xvY2tJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZm9ybWF0LCBwYXJzZUpTT04gfSBmcm9tICdkYXRlLWZucyc7XG5pbXBvcnQgdXBwZXJDYXNlIGZyb20gJ2xvZGFzaC91cHBlckNhc2UnO1xuXG5pbXBvcnQgeyBmb3JtYXRUaW1lIH0gZnJvbSAnLi4vQ29tbXVuaXR5RXZlbnRDYXJkJztcbmltcG9ydCB7IEV2ZW50VHlwZUljb24gfSBmcm9tICcuLi9Db21tdW5pdHlFdmVudENhcmQvRXZlbnRUeXBlSWNvbic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQWJicmV2aWF0ZWRFdmVudENhcmRQcm9wcyB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHN0YXJ0RGF0ZTogc3RyaW5nO1xuICBlbmREYXRlOiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICB0eXBlPzogc3RyaW5nIHwgbnVsbDtcbn1cblxuZXhwb3J0IGNvbnN0IEFiYnJldmlhdGVkRXZlbnRDYXJkOiBSZWFjdC5GQzxBYmJyZXZpYXRlZEV2ZW50Q2FyZFByb3BzPiA9ICh7XG4gIHRpdGxlLFxuICBzdGFydERhdGUsXG4gIGVuZERhdGUsXG4gIHVybCxcbiAgdHlwZSxcbn0pID0+IHtcbiAgY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChBbmNob3IpYFxuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICAmOmZvY3VzIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIGA7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTGluayBocmVmPXt1cmx9IHRhcmdldD1cIl9ibGFua1wiPlxuICAgICAgPENhcmQgaXNJbnRlcmFjdGl2ZT5cbiAgICAgICAgPEZsZXhCb3ggZ2FwPXsxNn0gaGVpZ2h0PVwiMTAwJVwiPlxuICAgICAgICAgIDxCb3hcbiAgICAgICAgICAgIGFsaWduQ29udGVudD1cImNlbnRlclwiXG4gICAgICAgICAgICBiZz1cIm5hdnlcIlxuICAgICAgICAgICAgYm9yZGVyUmFkaXVzPVwibWRcIlxuICAgICAgICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgICAgICAgICBoZWlnaHQ9ezgwfVxuICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICAgICAgcHg9ezEyfVxuICAgICAgICAgICAgd2lkdGg9ezgwfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxUZXh0IGZvbnRGYW1pbHk9XCJhY2NlbnRcIiBmb250U2l6ZT17MjZ9IGxpbmVIZWlnaHQ9XCJub3JtYWxcIj5cbiAgICAgICAgICAgICAge3VwcGVyQ2FzZShmb3JtYXQocGFyc2VKU09OKHN0YXJ0RGF0ZSksICdMTEwgZGQnKSl9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgICAgZ2FwPXsxNn1cbiAgICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICAgICAgICBtaW5XaWR0aD17MH1cbiAgICAgICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEZsZXhCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIGdhcD17OH0gbWluV2lkdGg9ezB9IHdpZHRoPVwiMTAwJVwiPlxuICAgICAgICAgICAgICA8VGV4dCBhcz1cImgzXCIgZm9udFNpemU9ezIyfSB0cnVuY2F0ZT1cImVsbGlwc2lzXCIgdHJ1bmNhdGVMaW5lcz17MX0+XG4gICAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIiBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIj5cbiAgICAgICAgICAgICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZ2FwPXs4fSBtaW5XaWR0aD17MH0+XG4gICAgICAgICAgICAgICAgICA8Q2xvY2tJY29uIC8+XG4gICAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgICBmb250RmFtaWx5PVwiYWNjZW50XCJcbiAgICAgICAgICAgICAgICAgICAgZm9udFNpemU9ezE0fVxuICAgICAgICAgICAgICAgICAgICB0cnVuY2F0ZT1cImVsbGlwc2lzXCJcbiAgICAgICAgICAgICAgICAgICAgdHJ1bmNhdGVMaW5lcz17MX1cbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAge2Zvcm1hdFRpbWUoc3RhcnREYXRlLCBlbmREYXRlKX1cbiAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICAgICAge3R5cGUgJiYgKFxuICAgICAgICAgICAgICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImNlbnRlclwiIGdhcD17OH0gbWluV2lkdGg9ezB9PlxuICAgICAgICAgICAgICAgICAgICA8RXZlbnRUeXBlSWNvbiBldmVudFR5cGU9e3R5cGV9IC8+XG4gICAgICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgPEFycm93Q2hldnJvblJpZ2h0SWNvbiBzaXplPXsyNH0gLz5cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvQ2FyZD5cbiAgICA8L1N0eWxlZExpbms+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCcUIifQ== */");
-	return /* @__PURE__ */ React.createElement(StyledLink, {
-		href: url,
-		target: "_blank"
-	}, /* @__PURE__ */ React.createElement(Card, { isInteractive: true }, /* @__PURE__ */ React.createElement(FlexBox, {
-		gap: 16,
-		height: "100%"
-	}, /* @__PURE__ */ React.createElement(Box, {
-		alignContent: "center",
-		bg: "navy",
-		borderRadius: "md",
-		color: "white",
-		height: 80,
-		justifyContent: "center",
-		px: 12,
-		width: 80
-	}, /* @__PURE__ */ React.createElement(Text, {
-		fontFamily: "accent",
-		fontSize: 26,
-		lineHeight: "normal"
-	}, upperCase(format(parseJSON(startDate), "LLL dd")))), /* @__PURE__ */ React.createElement(FlexBox, {
-		alignItems: "center",
-		gap: 16,
-		justifyContent: "space-between",
-		minWidth: 0,
-		width: "100%"
-	}, /* @__PURE__ */ React.createElement(FlexBox, {
-		flexDirection: "column",
-		gap: 8,
-		minWidth: 0,
-		width: "100%"
-	}, /* @__PURE__ */ React.createElement(Text, {
-		as: "h3",
-		fontSize: 22,
-		truncate: "ellipsis",
-		truncateLines: 1
-	}, title), /* @__PURE__ */ React.createElement(FlexBox, {
-		alignItems: "center",
-		justifyContent: "space-between"
-	}, /* @__PURE__ */ React.createElement(FlexBox, {
-		alignItems: "center",
-		gap: 8,
-		minWidth: 0
-	}, /* @__PURE__ */ React.createElement(ClockIcon, null), /* @__PURE__ */ React.createElement(Text, {
-		fontFamily: "accent",
-		fontSize: 14,
-		truncate: "ellipsis",
-		truncateLines: 1
-	}, formatTime(startDate, endDate))), type && /* @__PURE__ */ React.createElement(FlexBox, {
-		alignItems: "center",
-		gap: 8,
-		minWidth: 0
-	}, /* @__PURE__ */ React.createElement(EventTypeIcon, { eventType: type })))), /* @__PURE__ */ React.createElement(ArrowChevronRightIcon, { size: 24 })))));
-};
-
-//#endregion
-export { AbbreviatedEventCard };
-//# sourceMappingURL=index.mjs.map

package/dist/AbbreviatedCommunityEventCard/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["Anchor","Box","Card","FlexBox","Text","ArrowChevronRightIcon","ClockIcon","styled","format","parseJSON","upperCase","formatTime","EventTypeIcon","AbbreviatedEventCard","title","startDate","endDate","url","type","StyledLink","href","target","isInteractive","gap","height","alignContent","bg","borderRadius","color","justifyContent","px","width","fontFamily","fontSize","lineHeight","alignItems","minWidth","flexDirection","as","truncate","truncateLines","eventType","size"],"sources":["../../src/AbbreviatedCommunityEventCard/index.tsx"],"sourcesContent":["import { Anchor, Box, Card, FlexBox, Text } from '@codecademy/gamut';\nimport { ArrowChevronRightIcon, ClockIcon } from '@codecademy/gamut-icons';\nimport styled from '@emotion/styled';\nimport { format, parseJSON } from 'date-fns';\nimport upperCase from 'lodash/upperCase';\n\nimport { formatTime } from '../CommunityEventCard';\nimport { EventTypeIcon } from '../CommunityEventCard/EventTypeIcon';\n\nexport interface AbbreviatedEventCardProps {\n  title: string;\n  startDate: string;\n  endDate: string;\n  url: string;\n  type?: string | null;\n}\n\nexport const AbbreviatedEventCard: React.FC<AbbreviatedEventCardProps> = ({\n  title,\n  startDate,\n  endDate,\n  url,\n  type,\n}) => {\n  const StyledLink = styled(Anchor)`\n    text-decoration: none;\n    &:focus {\n      text-decoration: none;\n    }\n  `;\n\n  return (\n    <StyledLink href={url} target=\"_blank\">\n      <Card isInteractive>\n        <FlexBox gap={16} height=\"100%\">\n          <Box\n            alignContent=\"center\"\n            bg=\"navy\"\n            borderRadius=\"md\"\n            color=\"white\"\n            height={80}\n            justifyContent=\"center\"\n            px={12}\n            width={80}\n          >\n            <Text fontFamily=\"accent\" fontSize={26} lineHeight=\"normal\">\n              {upperCase(format(parseJSON(startDate), 'LLL dd'))}\n            </Text>\n          </Box>\n          <FlexBox\n            alignItems=\"center\"\n            gap={16}\n            justifyContent=\"space-between\"\n            minWidth={0}\n            width=\"100%\"\n          >\n            <FlexBox flexDirection=\"column\" gap={8} minWidth={0} width=\"100%\">\n              <Text as=\"h3\" fontSize={22} truncate=\"ellipsis\" truncateLines={1}>\n                {title}\n              </Text>\n              <FlexBox alignItems=\"center\" justifyContent=\"space-between\">\n                <FlexBox alignItems=\"center\" gap={8} minWidth={0}>\n                  <ClockIcon />\n                  <Text\n                    fontFamily=\"accent\"\n                    fontSize={14}\n                    truncate=\"ellipsis\"\n                    truncateLines={1}\n                  >\n                    {formatTime(startDate, endDate)}\n                  </Text>\n                </FlexBox>\n                {type && (\n                  <FlexBox alignItems=\"center\" gap={8} minWidth={0}>\n                    <EventTypeIcon eventType={type} />\n                  </FlexBox>\n                )}\n              </FlexBox>\n            </FlexBox>\n            <ArrowChevronRightIcon size={24} />\n          </FlexBox>\n        </FlexBox>\n      </Card>\n    </StyledLink>\n  );\n};\n"],"mappings":";;;;;;;;;AAiBA,MAAaa,wBAA6D,EACxEC,OACAC,WACAC,SACAC,KACAC,WACD;CACC,MAAMC,aAAaZ,uBAAOP,QAAAA;;;;AAO1B,QACE,sBAAA,cAACmB,YAAAA;EAAWC,MAAMH;EAAKI,QAAO;IAC5B,sBAAA,cAACnB,MAAAA,EAAKoB,eAAAA,QACJ,sBAAA,cAACnB,SAAAA;EAAQoB,KAAK;EAAIC,QAAO;IACvB,sBAAA,cAACvB,KAAAA;EACCwB,cAAa;EACbC,IAAG;EACHC,cAAa;EACbC,OAAM;EACNJ,QAAQ;EACRK,gBAAe;EACfC,IAAI;EACJC,OAAO;IAEP,sBAAA,cAAC3B,MAAAA;EAAK4B,YAAW;EAASC,UAAU;EAAIC,YAAW;IAChDxB,UAAUF,OAAOC,UAAUM,UAAAA,EAAY,SAAA,CAAA,CAAA,CAAA,EAG5C,sBAAA,cAACZ,SAAAA;EACCgC,YAAW;EACXZ,KAAK;EACLM,gBAAe;EACfO,UAAU;EACVL,OAAM;IAEN,sBAAA,cAAC5B,SAAAA;EAAQkC,eAAc;EAASd,KAAK;EAAGa,UAAU;EAAGL,OAAM;IACzD,sBAAA,cAAC3B,MAAAA;EAAKkC,IAAG;EAAKL,UAAU;EAAIM,UAAS;EAAWC,eAAe;IAC5D1B,MAAAA,EAEH,sBAAA,cAACX,SAAAA;EAAQgC,YAAW;EAASN,gBAAe;IAC1C,sBAAA,cAAC1B,SAAAA;EAAQgC,YAAW;EAASZ,KAAK;EAAGa,UAAU;IAC7C,sBAAA,cAAC9B,WAAAA,KAAAA,EACD,sBAAA,cAACF,MAAAA;EACC4B,YAAW;EACXC,UAAU;EACVM,UAAS;EACTC,eAAe;IAEd7B,WAAWI,WAAWC,QAAAA,CAAAA,CAAAA,EAG1BE,QACC,sBAAA,cAACf,SAAAA;EAAQgC,YAAW;EAASZ,KAAK;EAAGa,UAAU;IAC7C,sBAAA,cAACxB,eAAAA,EAAc6B,WAAWvB,YAKlC,sBAAA,cAACb,uBAAAA,EAAsBqC,MAAM"}

package/dist/AppBar/AppBarSection.cjs

@@ -1,40 +0,0 @@
-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 react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-
-//#region src/AppBar/AppBarSection.tsx
-const positionVariants = (0, _codecademy_gamut_styles.variant)({
-	prop: "position",
-	base: {
-		display: "flex",
-		alignItems: "center",
-		height: "100%",
-		zIndex: 1
-	},
-	variants: {
-		left: { flex: 1 },
-		right: {
-			flex: 1,
-			justifyContent: "flex-end"
-		},
-		center: {
-			flex: 2,
-			justifyContent: "center",
-			textAlign: "center"
-		}
-	}
-});
-const StyledSection = /* @__PURE__ */ (0, _emotion_styled.default)("div", _codecademy_gamut_styles.styledOptions, {
-	target: "eq885yn0",
-	label: "brand-StyledSection"
-})(positionVariants, "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEJhci9BcHBCYXJTZWN0aW9uLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEJhci9BcHBCYXJTZWN0aW9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBXaXRoQ2hpbGRyZW5Qcm9wIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgc3R5bGVkT3B0aW9ucywgdmFyaWFudCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBTdHlsZVByb3BzIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5jb25zdCBwb3NpdGlvblZhcmlhbnRzID0gdmFyaWFudCh7XG4gIHByb3A6ICdwb3NpdGlvbicsXG4gIGJhc2U6IHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgekluZGV4OiAxLFxuICB9LFxuICB2YXJpYW50czoge1xuICAgIGxlZnQ6IHtcbiAgICAgIGZsZXg6IDEsXG4gICAgfSxcbiAgICByaWdodDoge1xuICAgICAgZmxleDogMSxcbiAgICAgIGp1c3RpZnlDb250ZW50OiAnZmxleC1lbmQnLFxuICAgIH0sXG4gICAgY2VudGVyOiB7XG4gICAgICBmbGV4OiAyLFxuICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgICAgdGV4dEFsaWduOiAnY2VudGVyJyxcbiAgICB9LFxuICB9LFxufSk7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQXBwQmFyU2VjdGlvblByb3BzXG4gIGV4dGVuZHMgU3R5bGVQcm9wczx0eXBlb2YgcG9zaXRpb25WYXJpYW50cz4sXG4gICAgV2l0aENoaWxkcmVuUHJvcCB7fVxuXG5jb25zdCBTdHlsZWRTZWN0aW9uID0gc3R5bGVkKFxuICAnZGl2JyxcbiAgc3R5bGVkT3B0aW9uc1xuKTxBcHBCYXJTZWN0aW9uUHJvcHM+KHBvc2l0aW9uVmFyaWFudHMpO1xuXG5leHBvcnQgY29uc3QgQXBwQmFyU2VjdGlvbjogUmVhY3QuRkM8QXBwQmFyU2VjdGlvblByb3BzPiA9ICh7XG4gIHBvc2l0aW9uLFxuICBjaGlsZHJlbixcbn0pID0+IHtcbiAgcmV0dXJuIDxTdHlsZWRTZWN0aW9uIHBvc2l0aW9uPXtwb3NpdGlvbn0+e2NoaWxkcmVufTwvU3R5bGVkU2VjdGlvbj47XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDc0IifQ== */");
-const AppBarSection = ({ position, children }) => {
-	return /* @__PURE__ */ react.createElement(StyledSection, { position }, children);
-};
-
-//#endregion
-exports.AppBarSection = AppBarSection;
-//# sourceMappingURL=AppBarSection.cjs.map

package/dist/AppBar/AppBarSection.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppBarSection.cjs","names":["styledOptions","variant","styled","React","positionVariants","prop","base","display","alignItems","height","zIndex","variants","left","flex","right","justifyContent","center","textAlign","StyledSection","AppBarSection","position","children"],"sources":["../../src/AppBar/AppBarSection.tsx"],"sourcesContent":["import { WithChildrenProp } from '@codecademy/gamut';\nimport { styledOptions, variant } from '@codecademy/gamut-styles';\nimport { StyleProps } from '@codecademy/variance';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nconst positionVariants = variant({\n  prop: 'position',\n  base: {\n    display: 'flex',\n    alignItems: 'center',\n    height: '100%',\n    zIndex: 1,\n  },\n  variants: {\n    left: {\n      flex: 1,\n    },\n    right: {\n      flex: 1,\n      justifyContent: 'flex-end',\n    },\n    center: {\n      flex: 2,\n      justifyContent: 'center',\n      textAlign: 'center',\n    },\n  },\n});\n\nexport interface AppBarSectionProps\n  extends StyleProps<typeof positionVariants>,\n    WithChildrenProp {}\n\nconst StyledSection = styled(\n  'div',\n  styledOptions\n)<AppBarSectionProps>(positionVariants);\n\nexport const AppBarSection: React.FC<AppBarSectionProps> = ({\n  position,\n  children,\n}) => {\n  return <StyledSection position={position}>{children}</StyledSection>;\n};\n"],"mappings":";;;;;;;;AAMA,MAAMI,yDAA2B;CAC/BC,MAAM;CACNC,MAAM;EACJC,SAAS;EACTC,YAAY;EACZC,QAAQ;EACRC,QAAQ;EACV;CACAC,UAAU;EACRC,MAAM,EACJC,MAAM,GACR;EACAC,OAAO;GACLD,MAAM;GACNE,gBAAgB;GAClB;EACAC,QAAQ;GACNH,MAAM;GACNE,gBAAgB;GAChBE,WAAW;GACb;EACF;CACF,CAAA;AAMA,MAAMC,gBAAgBhB,6CACpB,OACAF,wCAAAA;;;GACoBI,kBAAAA,kuDAAAA;AAEtB,MAAae,iBAA+C,EAC1DC,UACAC,eACD;AACC,QAAO,sBAAA,cAACH,eAAAA,EAAwBE,YAAWC,SAAAA"}

package/dist/AppBar/AppBarSection.d.cts

@@ -1,16 +0,0 @@
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-import * as _codecademy_variance_dist_types_config0 from "@codecademy/variance/dist/types/config";
-import * as _emotion_react0 from "@emotion/react";
-import * as _codecademy_variance0 from "@codecademy/variance";
-import { StyleProps } from "@codecademy/variance";
-
-//#region src/AppBar/AppBarSection.d.ts
-declare const positionVariants: (props: _codecademy_variance_dist_types_config0.VariantProps<"position", false | "right" | "left" | "center"> & {
-  theme?: _emotion_react0.Theme;
-}) => _codecademy_variance0.CSSObject;
-interface AppBarSectionProps extends StyleProps<typeof positionVariants>, WithChildrenProp {}
-declare const AppBarSection: React$1.FC<AppBarSectionProps>;
-//#endregion
-export { AppBarSection, AppBarSectionProps };
-//# sourceMappingURL=AppBarSection.d.cts.map