@codecademy/brand 4.0.0-alpha.af4a3e14fc.0 → 4.0.0-alpha.bec91dc078.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["LogoFromSkillsoft: React.FC<SharedLogoProps>"],"sources":["../../../src/Logos/LogoFromSkillsoft/index.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { SharedLogoProps, StyledSVGWrapper } from '../shared';\n\nexport const LogoFromSkillsoft: React.FC<SharedLogoProps> = ({\n  'aria-hidden': ariaHidden,\n  color = 'text',\n  height,\n  width,\n  ...rest\n}) => {\n  return (\n    <StyledSVGWrapper\n      aria-hidden={ariaHidden}\n      color={color}\n      width={width}\n      height={height}\n      viewBox=\"0 0 744 257\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...rest}\n    >\n      <title>Codecademy from Skillsoft</title>\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M0 2.647C0 1.85.058 1.307.1.923.153.413.178.18 0 0h308.7c.698 0 1.159.028 1.505.048.486.03.745.045 1.111-.048v156.199c0 .706-.027 1.172-.047 1.523-.029.491-.044.754.047 1.124-.366-.092-.625-.077-1.111-.048-.346.021-.807.048-1.505.048H0v-.012l.055-.208c.043-.265-.018-.389-.044-.088l-.011.201V2.647ZM212.511 31.77c.78 0 1.408.474 1.565.79v90.152c0 .948-.625 1.425-1.408 1.425h-12.361c-.936 0-1.407-.633-1.407-1.425v-4.903h-.157c-2.975 4.43-8.293 7.752-17.055 7.752-10.953 0-19.089-5.221-22.375-15.816-1.719-5.062-2.347-9.65-2.347-18.505 0-8.859.782-13.444 2.347-18.506 3.286-10.441 11.111-15.657 21.905-15.816h9.232c.314.157.471.315.471.633v12.496c0 .315-.157.63-.471.63h-5.319c-5.792.159-9.86 3.164-11.579 8.54-.939 3.006-1.41 6.328-1.41 12.338 0 6.01.469 9.332 1.41 12.337 1.719 5.377 5.944 8.384 11.891 8.384 6.103 0 10.325-2.848 12.049-8.384.623-2.213 1.094-4.744 1.251-8.54V33.193c0-.948.625-1.425 1.407-1.425h12.361ZM28.777 92.724c0 6.957.628 12.178 2.035 16.29 3.755 11.86 13.769 18.188 26.755 18.346 9.7 0 17.212-3.952 22.376-10.121.311-.633.468-1.424-.157-1.898l-8.45-7.593c-.625-.474-1.407-.474-1.876.159-3.129 3.638-6.574 5.695-11.893 5.695-5.79 0-10.168-3.008-12.047-8.541-1.096-3.323-1.41-7.278-1.41-12.337 0-5.062.312-8.858 1.253-12.178 1.879-5.695 6.26-8.54 12.047-8.54 5.319 0 8.605 2.053 11.893 5.691.469.794 1.248.794 1.876.318l8.45-7.593c.625-.474.625-1.422.157-1.898-5.162-6.325-12.675-10.28-22.376-10.28-12.988 0-22.843 6.486-26.597 18.188-1.408 4.114-2.036 9.332-2.036 16.292Zm290.388 0c0 6.957.628 12.178 2.035 16.29 3.754 11.86 13.612 18.188 26.598 18.346 9.701 0 17.211-3.952 22.376-10.121.313-.633.468-1.424-.157-1.898l-8.45-7.593c-.626-.474-1.408-.474-1.876.159-3.129 3.638-6.574 5.695-11.893 5.695-5.787 0-10.169-3.008-12.047-8.541-1.096-3.323-1.41-7.278-1.41-12.337 0-5.062.316-8.858 1.41-12.178 1.878-5.695 6.26-8.54 12.047-8.54 5.319 0 8.604 2.053 11.893 5.691.468.794 1.248.794 1.876.318l8.45-7.593c.625-.474.625-1.422.157-1.898-5.008-6.325-12.675-10.28-22.376-10.28-12.986 0-22.844 6.486-26.598 18.188-1.407 4.114-2.035 9.332-2.035 16.292Zm342.5 32.897c-.782 0-1.407-.477-1.407-1.424v-37.96c0-8.54-4.225-14.39-12.205-14.39-7.822 0-12.361 5.85-12.361 14.39v37.96c0 .791-.471 1.424-1.407 1.424h-12.361c-.785 0-1.408-.477-1.408-1.424v-37.96c0-8.54-4.225-14.39-12.206-14.39-7.823 0-12.361 5.85-12.361 14.39v37.96c0 .791-.469 1.424-1.408 1.424H582.18c-.78 0-1.407-.477-1.407-1.424V61.09c0-.79.47-1.422 1.407-1.422h12.361c.785 0 1.408.474 1.408 1.422v4.746h.157c2.817-4.11 8.45-7.592 17.057-7.592 7.665 0 13.768 3.163 17.679 8.7h.157c5.005-5.537 11.422-8.7 20.652-8.7 15.021 0 23.471 10.439 23.471 24.515v41.597c0 .791-.471 1.424-1.41 1.424l-12.047-.159Zm29.51 21.826c0 .947.625 1.424 1.41 1.424l4.225.159c10.794 0 16.115-4.906 21.747-20.563l24.409-68.799c.314-.948-.312-1.424-1.096-1.424h-12.675c-.78 0-1.248.632-1.562 1.424l-13.926 43.021h-.314l-14.55-43.021c-.157-.948-.783-1.424-1.565-1.424H683.98c-.784 0-1.41.632-1.098 1.424l23.628 62.157-1.878 5.535c-2.035 5.377-4.536 7.752-9.701 7.752h-2.346c-.939 0-1.41.63-1.41 1.422v10.913Zm-561.233-42.548c1.096-3.478 1.407-6.645 1.407-12.178 0-5.533-.314-8.54-1.407-12.178-1.878-5.536-6.103-8.54-12.047-8.54-5.947 0-10.326 3.163-12.204 8.54-1.099 3.479-1.41 6.486-1.41 12.178 0 5.533.313 8.7 1.41 12.178 1.878 5.536 6.103 8.544 12.204 8.544 5.944.156 10.169-3.008 12.047-8.544ZM88.947 92.721c0 7.278.785 11.705 2.193 16.29 3.754 11.545 13.611 18.188 26.598 18.188 12.986 0 22.844-6.643 26.441-18.188 1.564-4.744 2.192-9.012 2.192-16.29 0-7.275-.782-11.704-2.192-16.29-3.597-11.545-13.455-18.187-26.441-18.187-13.146 0-23.001 6.642-26.598 18.188-1.565 4.744-2.192 9.014-2.192 16.29Zm317.3-34.477c19.712 0 26.912 6.96 27.226 23.09v42.863c0 .947-.628 1.424-1.41 1.424h-11.265c-.939 0-1.408-.633-1.408-1.424v-4.745h-.157c-2.974 4.43-9.075 7.593-18.15 7.593-11.89 0-21.748-6.33-21.748-20.088 0-14.233 9.858-20.878 25.816-20.878h5.321c.937 0 1.407.635 1.407 1.424v8.7c0 .947-.627 1.421-1.407 1.421h-2.974c-9.701 0-13.923 2.69-13.923 8.859 0 5.535 3.911 8.223 11.105 8.223 9.232 0 14.396-3.638 14.396-11.228V81.494c-.311-7.12-3.911-10.28-14.396-10.28-7.197 0-11.576 2.056-14.708 4.588-.622.47-1.407.312-1.876-.318l-5.007-9.017c-.314-.63-.157-1.263.314-1.737 5.162-3.955 12.204-6.486 22.844-6.486ZM247.826 86.082l.003-.003c-.314 0-.628.159-.628.635v10.278c0 .317.157.635.628.635h33.172c.937 0 1.407-.477 1.407-1.424 0-10.598-.627-15.183-2.192-19.771-3.6-11.228-13.3-18.188-26.6-18.188-12.83 0-22.842 6.645-26.441 18.188-1.405 4.273-2.19 9.488-2.19 16.292 0 6.799.939 11.86 2.347 16.131 3.599 11.545 13.3 18.347 26.911 18.347 11.891 0 20.966-4.588 26.598-11.228.471-.636.471-1.425-.157-1.898l-7.822-7.119c-.625-.474-1.407-.474-2.032.317-3.286 3.638-7.823 6.328-15.179 6.328-7.194 0-12.361-3.482-14.394-9.965l-.005-.016c-.312-.945-.624-1.888-.78-2.833a53.865 53.865 0 0 1-.779-9.488c.157-3.797.314-6.169.782-9.174v-.318c.157-.788.314-1.421.471-2.054 1.719-5.38 6.569-8.54 12.67-8.54 6.103 0 10.799 3.16 12.518 8.54.471 1.58.785 3.32.785 5.533 0 .477-.314.794-.785.794h-18.308Zm287.772 0 .002-.003c-.314 0-.628.159-.628.635v10.278c0 .317.157.635.628.635h33.173c.936 0 1.407-.477 1.407-1.424 0-10.598-.628-15.183-2.192-19.771-3.6-11.228-13.301-18.188-26.601-18.188-12.829 0-22.841 6.645-26.441 18.188-1.407 4.273-2.189 9.488-2.189 16.292 0 6.799.939 11.86 2.346 16.131 3.6 11.545 13.3 18.347 26.912 18.347 11.89 0 20.965-4.588 26.598-11.228.471-.636.471-1.425-.157-1.898l-7.822-7.119c-.625-.474-1.408-.474-2.033.317-3.286 3.638-7.822 6.328-15.179 6.328-7.194 0-12.361-3.482-14.393-9.965l-.006-.017c-.312-.945-.623-1.887-.779-2.832a53.771 53.771 0 0 1-.78-9.488c.157-3.797.314-6.169.782-9.174v-.318c.157-.787.314-1.42.471-2.05v-.004c1.719-5.38 6.569-8.54 12.67-8.54 6.104 0 10.799 3.16 12.518 8.54.471 1.58.785 3.32.785 5.533 0 .477-.314.794-.785.794h-18.307Zm-35.315-54.313c.779 0 1.407.474 1.721 1.266v90.15c0 .948-.625 1.425-1.41 1.425h-12.361c-.936 0-1.405-.633-1.405-1.425v-4.9h-.157c-3.131 4.426-8.45 7.749-17.211 7.749-10.954 0-19.09-5.221-22.376-15.816-1.718-5.062-2.346-9.806-2.346-18.664 0-9.015.782-13.603 2.346-18.665 3.286-10.436 11.265-15.657 22.062-15.815h9.075c.937 0 1.408.632 1.408 1.424V69.41c0 .95-.626 1.424-1.408 1.424h-5.318c-5.792.156-9.86 3.164-11.579 8.54-.939 3.005-1.41 6.328-1.41 12.338 0 6.01.468 9.332 1.41 12.337 1.719 5.533 5.787 8.54 11.89 8.54 6.103 0 10.326-3.007 12.05-8.54.622-2.214 1.093-4.747 1.25-8.541V33.194c0-.948.626-1.425 1.408-1.425h12.361ZM368.871 145.61c0-1.991-.458-2.647-2.616-2.647h-41.858c-2.237 0-2.616.492-2.616 2.647v10.59c0 1.991.458 2.647 2.616 2.647h41.858c2.006 0 2.616-.492 2.616-2.647v-10.59Zm-73.251-2.647H15.697V15.885H295.62v124.429c0 .803-.059 1.346-.1 1.731-.054.508-.079.737.1.917Z\"\n        fill=\"currentColor\"\n      />\n      <mask\n        // eslint-disable-next-line gamut/no-inline-style\n        style={{ maskType: 'alpha' }}\n        maskUnits=\"userSpaceOnUse\"\n        x=\"0\"\n        y=\"0\"\n        width=\"744\"\n        height=\"159\"\n      >\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M0 2.647C0 1.85.058 1.307.1.923.153.413.178.18 0 0h308.7c.698 0 1.159.028 1.505.048.486.03.745.045 1.111-.048v156.199c0 .706-.027 1.172-.047 1.523-.029.491-.044.754.047 1.124-.366-.092-.625-.077-1.111-.048-.346.021-.807.048-1.505.048H0v-.012l.055-.208c.043-.265-.018-.389-.044-.088l-.011.201V2.647ZM212.511 31.77c.78 0 1.408.474 1.565.79v90.152c0 .948-.625 1.425-1.408 1.425h-12.361c-.936 0-1.407-.633-1.407-1.425v-4.903h-.157c-2.975 4.43-8.293 7.752-17.055 7.752-10.953 0-19.089-5.221-22.375-15.816-1.719-5.062-2.347-9.65-2.347-18.505 0-8.859.782-13.444 2.347-18.506 3.286-10.441 11.111-15.657 21.905-15.816h9.232c.314.157.471.315.471.633v12.496c0 .315-.157.63-.471.63h-5.319c-5.792.159-9.86 3.164-11.579 8.54-.939 3.006-1.41 6.328-1.41 12.338 0 6.01.469 9.332 1.41 12.337 1.719 5.377 5.944 8.384 11.891 8.384 6.103 0 10.325-2.848 12.049-8.384.623-2.213 1.094-4.744 1.251-8.54V33.193c0-.948.625-1.425 1.407-1.425h12.361ZM28.777 92.724c0 6.957.628 12.178 2.035 16.29 3.755 11.86 13.769 18.188 26.755 18.346 9.7 0 17.212-3.952 22.376-10.121.311-.633.468-1.424-.157-1.898l-8.45-7.593c-.625-.474-1.407-.474-1.876.159-3.129 3.638-6.574 5.695-11.893 5.695-5.79 0-10.168-3.008-12.047-8.541-1.096-3.323-1.41-7.278-1.41-12.337 0-5.062.312-8.858 1.253-12.178 1.879-5.695 6.26-8.54 12.047-8.54 5.319 0 8.605 2.053 11.893 5.691.469.794 1.248.794 1.876.318l8.45-7.593c.625-.474.625-1.422.157-1.898-5.162-6.325-12.675-10.28-22.376-10.28-12.988 0-22.843 6.486-26.597 18.188-1.408 4.114-2.036 9.332-2.036 16.292Zm290.388 0c0 6.957.628 12.178 2.035 16.29 3.754 11.86 13.612 18.188 26.598 18.346 9.701 0 17.211-3.952 22.376-10.121.313-.633.468-1.424-.157-1.898l-8.45-7.593c-.626-.474-1.408-.474-1.876.159-3.129 3.638-6.574 5.695-11.893 5.695-5.787 0-10.169-3.008-12.047-8.541-1.096-3.323-1.41-7.278-1.41-12.337 0-5.062.316-8.858 1.41-12.178 1.878-5.695 6.26-8.54 12.047-8.54 5.319 0 8.604 2.053 11.893 5.691.468.794 1.248.794 1.876.318l8.45-7.593c.625-.474.625-1.422.157-1.898-5.008-6.325-12.675-10.28-22.376-10.28-12.986 0-22.844 6.486-26.598 18.188-1.407 4.114-2.035 9.332-2.035 16.292Zm342.5 32.897c-.782 0-1.407-.477-1.407-1.424v-37.96c0-8.54-4.225-14.39-12.205-14.39-7.822 0-12.361 5.85-12.361 14.39v37.96c0 .791-.471 1.424-1.407 1.424h-12.361c-.785 0-1.408-.477-1.408-1.424v-37.96c0-8.54-4.225-14.39-12.206-14.39-7.823 0-12.361 5.85-12.361 14.39v37.96c0 .791-.469 1.424-1.408 1.424H582.18c-.78 0-1.407-.477-1.407-1.424V61.09c0-.79.47-1.422 1.407-1.422h12.361c.785 0 1.408.474 1.408 1.422v4.746h.157c2.817-4.11 8.45-7.592 17.057-7.592 7.665 0 13.768 3.163 17.679 8.7h.157c5.005-5.537 11.422-8.7 20.652-8.7 15.021 0 23.471 10.439 23.471 24.515v41.597c0 .791-.471 1.424-1.41 1.424l-12.047-.159Zm29.51 21.826c0 .947.625 1.424 1.41 1.424l4.225.159c10.794 0 16.115-4.906 21.747-20.563l24.409-68.799c.314-.948-.312-1.424-1.096-1.424h-12.675c-.78 0-1.248.632-1.562 1.424l-13.926 43.021h-.314l-14.55-43.021c-.157-.948-.783-1.424-1.565-1.424H683.98c-.784 0-1.41.632-1.098 1.424l23.628 62.157-1.878 5.535c-2.035 5.377-4.536 7.752-9.701 7.752h-2.346c-.939 0-1.41.63-1.41 1.422v10.913Zm-561.233-42.548c1.096-3.478 1.407-6.645 1.407-12.178 0-5.533-.314-8.54-1.407-12.178-1.878-5.536-6.103-8.54-12.047-8.54-5.947 0-10.326 3.163-12.204 8.54-1.099 3.479-1.41 6.486-1.41 12.178 0 5.533.313 8.7 1.41 12.178 1.878 5.536 6.103 8.544 12.204 8.544 5.944.156 10.169-3.008 12.047-8.544ZM88.947 92.721c0 7.278.785 11.705 2.193 16.29 3.754 11.545 13.611 18.188 26.598 18.188 12.986 0 22.844-6.643 26.441-18.188 1.564-4.744 2.192-9.012 2.192-16.29 0-7.275-.782-11.704-2.192-16.29-3.597-11.545-13.455-18.187-26.441-18.187-13.146 0-23.001 6.642-26.598 18.188-1.565 4.744-2.192 9.014-2.192 16.29Zm317.3-34.477c19.712 0 26.912 6.96 27.226 23.09v42.863c0 .947-.628 1.424-1.41 1.424h-11.265c-.939 0-1.408-.633-1.408-1.424v-4.745h-.157c-2.974 4.43-9.075 7.593-18.15 7.593-11.89 0-21.748-6.33-21.748-20.088 0-14.233 9.858-20.878 25.816-20.878h5.321c.937 0 1.407.635 1.407 1.424v8.7c0 .947-.627 1.421-1.407 1.421h-2.974c-9.701 0-13.923 2.69-13.923 8.859 0 5.535 3.911 8.223 11.105 8.223 9.232 0 14.396-3.638 14.396-11.228V81.494c-.311-7.12-3.911-10.28-14.396-10.28-7.197 0-11.576 2.056-14.708 4.588-.622.47-1.407.312-1.876-.318l-5.007-9.017c-.314-.63-.157-1.263.314-1.737 5.162-3.955 12.204-6.486 22.844-6.486ZM247.826 86.082l.003-.003c-.314 0-.628.159-.628.635v10.278c0 .317.157.635.628.635h33.172c.937 0 1.407-.477 1.407-1.424 0-10.598-.627-15.183-2.192-19.771-3.6-11.228-13.3-18.188-26.6-18.188-12.83 0-22.842 6.645-26.441 18.188-1.405 4.273-2.19 9.488-2.19 16.292 0 6.799.939 11.86 2.347 16.131 3.599 11.545 13.3 18.347 26.911 18.347 11.891 0 20.966-4.588 26.598-11.228.471-.636.471-1.425-.157-1.898l-7.822-7.119c-.625-.474-1.407-.474-2.032.317-3.286 3.638-7.823 6.328-15.179 6.328-7.194 0-12.361-3.482-14.394-9.965l-.005-.016c-.312-.945-.624-1.888-.78-2.833a53.865 53.865 0 0 1-.779-9.488c.157-3.797.314-6.169.782-9.174v-.318c.157-.788.314-1.421.471-2.054 1.719-5.38 6.569-8.54 12.67-8.54 6.103 0 10.799 3.16 12.518 8.54.471 1.58.785 3.32.785 5.533 0 .477-.314.794-.785.794h-18.308Zm287.772 0 .002-.003c-.314 0-.628.159-.628.635v10.278c0 .317.157.635.628.635h33.173c.936 0 1.407-.477 1.407-1.424 0-10.598-.628-15.183-2.192-19.771-3.6-11.228-13.301-18.188-26.601-18.188-12.829 0-22.841 6.645-26.441 18.188-1.407 4.273-2.189 9.488-2.189 16.292 0 6.799.939 11.86 2.346 16.131 3.6 11.545 13.3 18.347 26.912 18.347 11.89 0 20.965-4.588 26.598-11.228.471-.636.471-1.425-.157-1.898l-7.822-7.119c-.625-.474-1.408-.474-2.033.317-3.286 3.638-7.822 6.328-15.179 6.328-7.194 0-12.361-3.482-14.393-9.965l-.006-.017c-.312-.945-.623-1.887-.779-2.832a53.771 53.771 0 0 1-.78-9.488c.157-3.797.314-6.169.782-9.174v-.318c.157-.787.314-1.42.471-2.05v-.004c1.719-5.38 6.569-8.54 12.67-8.54 6.104 0 10.799 3.16 12.518 8.54.471 1.58.785 3.32.785 5.533 0 .477-.314.794-.785.794h-18.307Zm-35.315-54.313c.779 0 1.407.474 1.721 1.266v90.15c0 .948-.625 1.425-1.41 1.425h-12.361c-.936 0-1.405-.633-1.405-1.425v-4.9h-.157c-3.131 4.426-8.45 7.749-17.211 7.749-10.954 0-19.09-5.221-22.376-15.816-1.718-5.062-2.346-9.806-2.346-18.664 0-9.015.782-13.603 2.346-18.665 3.286-10.436 11.265-15.657 22.062-15.815h9.075c.937 0 1.408.632 1.408 1.424V69.41c0 .95-.626 1.424-1.408 1.424h-5.318c-5.792.156-9.86 3.164-11.579 8.54-.939 3.005-1.41 6.328-1.41 12.338 0 6.01.468 9.332 1.41 12.337 1.719 5.533 5.787 8.54 11.89 8.54 6.103 0 10.326-3.007 12.05-8.54.622-2.214 1.093-4.747 1.25-8.541V33.194c0-.948.626-1.425 1.408-1.425h12.361ZM368.871 145.61c0-1.991-.458-2.647-2.616-2.647h-41.858c-2.237 0-2.616.492-2.616 2.647v10.59c0 1.991.458 2.647 2.616 2.647h41.858c2.006 0 2.616-.492 2.616-2.647v-10.59Zm-73.251-2.647H15.697V15.885H295.62v124.429c0 .803-.059 1.346-.1 1.731-.054.508-.079.737.1.917Z\"\n          fill=\"transparent\"\n        />\n      </mask>\n      <path\n        d=\"M50.195 208.204c-2.148 0-3.784.584-4.905 1.752-1.074 1.168-1.611 2.896-1.611 5.185v4.345H55.03v4.204H43.82v32.653h-4.975V223.69h-6.587v-4.204h6.587v-4.555c0-3.363.958-6.026 2.873-7.988 1.962-1.962 4.718-2.943 8.268-2.943 1.401 0 2.756.21 4.064.631 1.308.373 2.406.934 3.294 1.681l-1.682 3.714c-1.448-1.215-3.27-1.822-5.466-1.822ZM69.124 226.703c1.167-2.476 2.896-4.345 5.185-5.606 2.335-1.261 5.208-1.892 8.618-1.892v4.835l-1.19-.07c-3.878 0-6.914 1.191-9.11 3.574-2.195 2.382-3.293 5.722-3.293 10.02v18.779h-4.975v-36.857h4.765v7.217ZM106.658 256.693c-3.55 0-6.75-.794-9.6-2.382a17.889 17.889 0 0 1-6.726-6.727c-1.635-2.85-2.453-6.073-2.453-9.67 0-3.597.818-6.82 2.453-9.67 1.635-2.849 3.877-5.068 6.727-6.656 2.85-1.589 6.049-2.383 9.599-2.383s6.75.794 9.6 2.383c2.849 1.588 5.068 3.807 6.657 6.656 1.635 2.85 2.452 6.073 2.452 9.67 0 3.597-.817 6.82-2.452 9.67-1.589 2.849-3.808 5.092-6.657 6.727-2.85 1.588-6.05 2.382-9.6 2.382Zm0-4.415c2.616 0 4.952-.583 7.007-1.751 2.102-1.215 3.737-2.92 4.905-5.115 1.168-2.196 1.752-4.695 1.752-7.498s-.584-5.302-1.752-7.497c-1.168-2.196-2.803-3.878-4.905-5.046-2.055-1.214-4.391-1.821-7.007-1.821-2.616 0-4.975.607-7.077 1.821-2.055 1.168-3.69 2.85-4.905 5.046-1.168 2.195-1.752 4.694-1.752 7.497s.584 5.302 1.752 7.498c1.215 2.195 2.85 3.9 4.905 5.115 2.102 1.168 4.461 1.751 7.077 1.751ZM181.49 219.205c4.625 0 8.245 1.332 10.861 3.994 2.663 2.663 3.994 6.587 3.994 11.772v21.372h-4.975v-20.881c0-3.831-.934-6.751-2.803-8.759-1.822-2.009-4.414-3.013-7.778-3.013-3.83 0-6.843 1.191-9.039 3.573-2.195 2.336-3.293 5.583-3.293 9.74v19.34h-4.975v-20.881c0-3.831-.934-6.751-2.803-8.759-1.822-2.009-4.438-3.013-7.848-3.013-3.783 0-6.796 1.191-9.039 3.573-2.195 2.336-3.293 5.583-3.293 9.74v19.34h-4.975v-36.857h4.765v6.726c1.308-2.242 3.13-3.97 5.465-5.185 2.336-1.214 5.022-1.822 8.058-1.822 3.083 0 5.746.654 7.988 1.962 2.289 1.308 3.994 3.247 5.115 5.816 1.355-2.429 3.294-4.321 5.816-5.676 2.57-1.401 5.489-2.102 8.759-2.102ZM238.056 256.693c-2.99 0-5.863-.42-8.619-1.261-2.71-.888-4.835-1.986-6.377-3.294l2.243-3.924c1.541 1.215 3.48 2.219 5.816 3.013a23.74 23.74 0 0 0 7.287 1.122c3.363 0 5.839-.514 7.427-1.542 1.635-1.074 2.453-2.569 2.453-4.484 0-1.355-.444-2.406-1.332-3.154-.887-.794-2.008-1.378-3.363-1.751-1.355-.421-3.153-.818-5.395-1.192-2.99-.56-5.396-1.121-7.218-1.681a11.158 11.158 0 0 1-4.694-3.013c-1.262-1.402-1.892-3.34-1.892-5.816 0-3.083 1.284-5.606 3.854-7.568 2.569-1.962 6.142-2.943 10.72-2.943a26.9 26.9 0 0 1 7.148.981c2.382.608 4.344 1.425 5.886 2.453l-2.173 3.994c-3.036-2.102-6.656-3.153-10.861-3.153-3.176 0-5.582.56-7.217 1.681-1.588 1.121-2.382 2.593-2.382 4.415 0 1.401.444 2.522 1.331 3.363.934.841 2.079 1.472 3.434 1.892 1.354.374 3.223.771 5.605 1.191 2.943.561 5.302 1.121 7.077 1.682a10.39 10.39 0 0 1 4.555 2.873c1.261 1.354 1.892 3.223 1.892 5.605 0 3.224-1.355 5.793-4.064 7.708-2.663 1.869-6.377 2.803-11.141 2.803ZM276.122 237.844l-8.689 7.988v10.511h-4.975V204.35h4.975v35.246l22.002-20.11h6.166l-15.765 15.065 17.237 21.792h-6.096l-14.855-18.499ZM303.994 219.486h4.975v36.857h-4.975v-36.857Zm2.522-8.059c-1.027 0-1.891-.35-2.592-1.051-.701-.7-1.051-1.541-1.051-2.522 0-.934.35-1.752 1.051-2.453.701-.7 1.565-1.051 2.592-1.051 1.028 0 1.892.351 2.593 1.051.701.654 1.051 1.449 1.051 2.383 0 1.028-.35 1.892-1.051 2.592-.701.701-1.565 1.051-2.593 1.051ZM322.812 204.35h4.975v51.993h-4.975V204.35ZM341.629 204.35h4.975v51.993h-4.975V204.35ZM370.327 256.693c-2.99 0-5.863-.42-8.619-1.261-2.709-.888-4.835-1.986-6.376-3.294l2.242-3.924c1.542 1.215 3.48 2.219 5.816 3.013a23.749 23.749 0 0 0 7.287 1.122c3.364 0 5.84-.514 7.428-1.542 1.635-1.074 2.452-2.569 2.452-4.484 0-1.355-.444-2.406-1.331-3.154-.888-.794-2.009-1.378-3.363-1.751-1.355-.421-3.154-.818-5.396-1.192-2.99-.56-5.395-1.121-7.217-1.681a11.155 11.155 0 0 1-4.695-3.013c-1.261-1.402-1.892-3.34-1.892-5.816 0-3.083 1.285-5.606 3.854-7.568 2.569-1.962 6.143-2.943 10.721-2.943 2.382 0 4.765.327 7.147.981 2.382.608 4.344 1.425 5.886 2.453l-2.172 3.994c-3.037-2.102-6.657-3.153-10.861-3.153-3.177 0-5.582.56-7.217 1.681-1.589 1.121-2.383 2.593-2.383 4.415 0 1.401.444 2.522 1.332 3.363.934.841 2.078 1.472 3.433 1.892 1.355.374 3.223.771 5.606 1.191 2.943.561 5.302 1.121 7.077 1.682a10.387 10.387 0 0 1 4.554 2.873c1.262 1.354 1.892 3.223 1.892 5.605 0 3.224-1.354 5.793-4.064 7.708-2.663 1.869-6.376 2.803-11.141 2.803ZM409.795 256.693c-3.551 0-6.75-.794-9.6-2.382a17.894 17.894 0 0 1-6.727-6.727c-1.635-2.85-2.452-6.073-2.452-9.67 0-3.597.817-6.82 2.452-9.67 1.635-2.849 3.878-5.068 6.727-6.656 2.85-1.589 6.049-2.383 9.6-2.383 3.55 0 6.75.794 9.599 2.383a16.892 16.892 0 0 1 6.657 6.656c1.635 2.85 2.452 6.073 2.452 9.67 0 3.597-.817 6.82-2.452 9.67-1.588 2.849-3.807 5.092-6.657 6.727-2.849 1.588-6.049 2.382-9.599 2.382Zm0-4.415c2.616 0 4.951-.583 7.007-1.751 2.102-1.215 3.737-2.92 4.905-5.115 1.167-2.196 1.751-4.695 1.751-7.498s-.584-5.302-1.751-7.497c-1.168-2.196-2.803-3.878-4.905-5.046-2.056-1.214-4.391-1.821-7.007-1.821-2.616 0-4.975.607-7.077 1.821-2.056 1.168-3.691 2.85-4.905 5.046-1.168 2.195-1.752 4.694-1.752 7.497s.584 5.302 1.752 7.498c1.214 2.195 2.849 3.9 4.905 5.115 2.102 1.168 4.461 1.751 7.077 1.751ZM450.853 208.204c-2.149 0-3.784.584-4.905 1.752-1.075 1.168-1.612 2.896-1.612 5.185v4.345h11.352v4.204h-11.212v32.653h-4.975V223.69h-6.586v-4.204h6.586v-4.555c0-3.363.958-6.026 2.873-7.988 1.962-1.962 4.718-2.943 8.268-2.943 1.402 0 2.757.21 4.065.631 1.307.373 2.405.934 3.293 1.681l-1.682 3.714c-1.448-1.215-3.27-1.822-5.465-1.822ZM482.814 254.1c-.934.841-2.102 1.495-3.503 1.962-1.355.421-2.78.631-4.274.631-3.457 0-6.12-.934-7.988-2.803-1.869-1.868-2.803-4.508-2.803-7.918V223.69h-6.587v-4.204h6.587v-8.059h4.975v8.059h11.211v4.204h-11.211v22.002c0 2.195.537 3.877 1.611 5.045 1.122 1.121 2.71 1.682 4.765 1.682a8.842 8.842 0 0 0 2.943-.491c.981-.327 1.822-.794 2.523-1.401l1.751 3.573Z\"\n        fill=\"currentColor\"\n      />\n    </StyledSVGWrapper>\n  );\n};\n"],"mappings":";;;;;AAIA,MAAaA,qBAAgD,EAC3D,eAAe,YACf,QAAQ,QACR,QACA,OACA,GAAG,WACC;AACJ,QACE,qBAAC;EACC,eAAa;EACN;EACA;EACC;EACR,SAAQ;EACR,MAAK;EACL,OAAM;EACN,GAAI;;GAEJ,oBAAC,qBAAM,8BAAiC;GACxC,oBAAC;IACC,UAAS;IACT,UAAS;IACT,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IAEC,OAAO,EAAE,UAAU,SAAS;IAC5B,WAAU;IACV,GAAE;IACF,GAAE;IACF,OAAM;IACN,QAAO;cAEP,oBAAC;KACC,UAAS;KACT,UAAS;KACT,GAAE;KACF,MAAK;MACL;KACG;GACP,oBAAC;IACC,GAAE;IACF,MAAK;KACL;;GACe"}

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

@@ -4,4 +4,5 @@ import * as React$1 from "react";
 //#region src/Logos/LogoLXStudio/index.d.ts
 declare const LogoLXStudio: React$1.FC<SharedLogoProps>;
 //#endregion
-export { LogoLXStudio };
+export { LogoLXStudio };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/Logos/LogoLXStudio/index.tsx"],"sourcesContent":[],"mappings":";;;;cAKa,cAAc,OAAA,CAAM,GAAG"}

package/dist/Logos/LogoLXStudio/index.js

@@ -33,4 +33,5 @@ const LogoLXStudio = ({ "aria-hidden": ariaHidden, color = "text", height, width
 };
 
 //#endregion
-export { LogoLXStudio };
+export { LogoLXStudio };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["LogoLXStudio: React.FC<SharedLogoProps>"],"sources":["../../../src/Logos/LogoLXStudio/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useId } from 'react';\n\nimport { SharedLogoProps, StyledSVGWrapper } from '../shared';\n\nexport const LogoLXStudio: React.FC<SharedLogoProps> = ({\n  'aria-hidden': ariaHidden,\n  color = 'text',\n  height,\n  width,\n  ...rest\n}) => {\n  const clipPathId = useId();\n  return (\n    <StyledSVGWrapper\n      aria-hidden={ariaHidden}\n      color={color}\n      width={width}\n      height={height}\n      viewBox=\"0 0 197 40\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...rest}\n    >\n      <title>Skillsoft LX Design Studio</title>\n      <g clipPath={`url(#${clipPathId})`} fill=\"currentColor\">\n        <path d=\"m5.469 8.714-.309.627c-.105.211-.273.26-.413.187-.6-.316-1.293-.506-1.861-.506-.622 0-1.076.206-1.076.73 0 1.353 3.905.623 3.891 3.284 0 1.503-1.338 2.18-2.815 2.18-.998 0-2.055-.309-2.788-.882a.27.27 0 0 1-.068-.335l.316-.636a.275.275 0 0 1 .4-.105c.634.446 1.504.714 2.208.714.703 0 1.2-.236 1.2-.787 0-1.504-3.864-.663-3.85-3.313 0-1.49 1.297-2.126 2.704-2.126.833 0 1.712.224 2.36.611.117.068.157.23.098.352zm2.726 4.495c0-.07.027-.138.075-.19l.925-.976a.275.275 0 0 1 .43.04l1.883 2.946a.28.28 0 0 0 .23.127h1.222c.216 0 .349-.24.23-.425l-2.531-3.891a.27.27 0 0 1 .032-.338l2.126-2.223a.273.273 0 0 0-.198-.463h-1.065a.28.28 0 0 0-.195.081l-2.81 2.845a.207.207 0 0 1-.354-.146v-5.4a.27.27 0 0 0-.273-.274H6.883a.27.27 0 0 0-.273.274v9.69c0 .151.122.273.273.273h1.039a.27.27 0 0 0 .273-.274zm7.629-7.486c0-.565-.4-.966-.925-.966s-.925.4-.925.966c0 .565.4.952.925.952s.925-.4.925-.952m-1.712 9.165c0 .152.122.274.273.274h1.025a.27.27 0 0 0 .273-.274V8.095a.27.27 0 0 0-.273-.273h-1.025a.27.27 0 0 0-.273.273zm2.87 0c0 .152.121.274.273.274h1.038a.27.27 0 0 0 .273-.274V5.196a.27.27 0 0 0-.273-.274h-1.038a.27.27 0 0 0-.274.274zm3.077-.002c0 .151.122.273.273.273h1.039a.27.27 0 0 0 .273-.274v-9.69a.27.27 0 0 0-.273-.273h-1.039a.27.27 0 0 0-.273.274zm8.184-6.172c.06-.122.019-.284-.098-.352-.649-.386-1.528-.61-2.36-.61-1.407 0-2.705.635-2.705 2.125-.013 2.65 3.851 1.806 3.851 3.313 0 .552-.524.787-1.2.787-.677 0-1.575-.265-2.208-.714a.27.27 0 0 0-.4.105l-.316.636a.27.27 0 0 0 .067.335c.73.574 1.788.882 2.786.882 1.477 0 2.815-.676 2.815-2.18.014-2.664-3.891-1.93-3.891-3.283 0-.525.454-.73 1.076-.73.568 0 1.263.189 1.86.505a.275.275 0 0 0 .38-.116l.343-.695zm8.622 2.783c0-2.22-1.561-3.727-3.822-3.727-2.26 0-3.835 1.504-3.835 3.727s1.558 3.727 3.835 3.727 3.822-1.517 3.822-3.727m-6.072.013c0-1.406.925-2.374 2.25-2.374s2.237.965 2.237 2.374-.925 2.388-2.237 2.388c-1.311 0-2.25-.965-2.25-2.388m9.176-4.278c0-.69.455-.993.993-.993.246 0 .516.07.765.198a.28.28 0 0 0 .379-.122l.362-.727c.06-.12.022-.284-.095-.352a2.9 2.9 0 0 0-1.452-.376c-1.268 0-2.526.814-2.526 2.526v.444a.27.27 0 0 1-.273.273h-.42a.27.27 0 0 0-.272.273v.638c0 .152.121.273.273.273h.419c.151 0 .273.122.273.274v5.33c0 .152.122.273.273.273h1.025a.27.27 0 0 0 .274-.273V9.555c0-.151.121-.273.273-.273h1.37a.27.27 0 0 0 .274-.273V8.37a.27.27 0 0 0-.273-.274H40.24a.27.27 0 0 1-.273-.273V7.23zm7.005 6.537a.275.275 0 0 0-.365-.168c-.309.127-.576.195-.833.195-.498 0-.787-.236-.787-.993V9.558c0-.152.121-.273.273-.273h1.617a.27.27 0 0 0 .273-.273v-.639a.27.27 0 0 0-.273-.273h-1.617a.27.27 0 0 1-.273-.273V6.361a.27.27 0 0 0-.273-.273H43.69a.27.27 0 0 0-.273.273v1.466a.27.27 0 0 1-.273.273h-.487a.27.27 0 0 0-.273.273v.639c0 .151.122.273.273.273h.487c.152 0 .273.124.273.273v3.535c0 1.503.952 2.139 2.056 2.139.546 0 1.082-.149 1.6-.422a.29.29 0 0 0 .133-.344l-.23-.697zm.262-11.18v3.464c0 .276.297.446.536.308l3.002-1.733a.356.356 0 0 0 0-.617l-3-1.734a.357.357 0 0 0-.535.309zm4.882 0v3.464c0 .276.297.446.535.308l3.002-1.733a.356.356 0 0 0 0-.617l-3-1.734a.357.357 0 0 0-.535.309zm-2.44 4.245V10.3c0 .276.298.446.536.308l3.002-1.733a.356.356 0 0 0 0-.617l-3.002-1.734a.357.357 0 0 0-.536.309zM.248 17.537h2.745c.137 0 .248.11.248.248v14.213c0 .137.11.248.247.248h8.63c.137 0 .248.111.248.248v2.247a.25.25 0 0 1-.248.248H.248A.25.25 0 0 1 0 34.74V17.785c0-.137.11-.248.248-.248M26.103 34.85l-4.366-6.112a.332.332 0 0 0-.542.001l-4.317 6.109a.33.33 0 0 1-.272.14h-2.865a.332.332 0 0 1-.268-.527l5.957-8.179a.33.33 0 0 0 .001-.39l-5.616-7.83a.332.332 0 0 1 .27-.525h2.847c.107 0 .207.051.27.138l4.092 5.693a.332.332 0 0 0 .54-.002l4.045-5.69a.33.33 0 0 1 .27-.14h2.693c.271 0 .428.308.27.528l-5.585 7.705a.33.33 0 0 0 0 .39l6.032 8.302c.16.22.002.528-.269.528h-2.917a.33.33 0 0 1-.27-.14M36.424 17.87c0-.184.149-.333.333-.333h7.296q2.792 0 4.961 1.085 2.17 1.083 3.365 3.066 1.198 1.98 1.197 4.575 0 2.592-1.197 4.574-1.196 1.983-3.365 3.067-2.168 1.084-4.961 1.084h-7.296a.33.33 0 0 1-.333-.332zm7.48 14.376q1.919 0 3.377-.735 1.46-.735 2.244-2.095.786-1.357.786-3.154 0-1.794-.786-3.153-.785-1.359-2.244-2.094-1.458-.735-3.377-.736h-3.907a.33.33 0 0 0-.332.332v11.303c0 .183.149.332.332.332zm23.57-2.916H57.69c-.215 0-.385.206-.325.413q.345 1.182 1.336 1.917 1.159.86 2.88.86 2.006 0 3.365-1.209c.14-.124.35-.12.474.021l1.25 1.437a.34.34 0 0 1-.002.45 5.7 5.7 0 0 1-2.071 1.395q-1.372.55-3.091.55-2.195 0-3.865-.873t-2.58-2.431-.91-3.528q0-1.944.885-3.503a6.3 6.3 0 0 1 2.456-2.43q1.57-.873 3.54-.874 1.945.001 3.478.86a6.1 6.1 0 0 1 2.394 2.42q.858 1.558.859 3.602c0 .202-.038.727-.038.727-.013.126-.076.194-.25.195M58.5 24.904q-.89.76-1.18 1.955c-.05.204.118.401.329.401h6.745c.208 0 .376-.194.329-.397a3.6 3.6 0 0 0-1.149-1.947q-1.023-.898-2.543-.898-1.496 0-2.53.886M70.23 34.74q-1.346-.37-2.22-.91a.33.33 0 0 1-.112-.431l.9-1.78a.327.327 0 0 1 .462-.132q.802.47 1.855.771 1.26.362 2.481.362 2.792 0 2.792-1.471 0-.697-.71-.972-.71-.274-2.281-.524-1.647-.248-2.681-.573a4.1 4.1 0 0 1-1.794-1.134q-.761-.81-.76-2.256 0-1.895 1.582-3.03t4.276-1.135q1.371 0 2.742.312 1.162.265 1.965.68c.16.083.217.28.136.44l-.83 1.64c-.157.312-.356.366-.52.28q-1.582-.834-3.518-.833-1.371 0-2.082.411-.71.412-.71 1.084-.001.75.76 1.06.761.313 2.356.586 1.596.25 2.618.573a4.1 4.1 0 0 1 1.758 1.098q.735.773.735 2.193 0 1.87-1.62 2.992-1.622 1.122-4.413 1.122-1.621 0-3.167-.424m10.572-15.794a1.75 1.75 0 0 1-.574-1.333q0-.797.574-1.334.573-.536 1.42-.536 1.223 0 1.875 1.063c.025.04.045.09.055.138q.257 1.224-.495 1.978-.561.56-1.434.56-.849 0-1.421-.536m.182 2.73h2.452c.184 0 .333.15.333.333v12.648a.33.33 0 0 1-.333.333h-2.452a.33.33 0 0 1-.332-.333V22.008c0-.184.149-.332.332-.332m18.284 0c.183 0 .332.148.332.332v10.961Q99.6 40 92.42 40q-1.92 0-3.64-.486-1.545-.436-2.608-1.226a.336.336 0 0 1-.081-.44l1.052-1.768a.33.33 0 0 1 .483-.093q.794.567 1.914.934 1.332.436 2.705.437 2.193 0 3.216-.998 1.023-.997 1.022-3.042v-.698a5.1 5.1 0 0 1-1.945 1.322q-1.147.449-2.517.448-1.896 0-3.428-.81a6.1 6.1 0 0 1-2.419-2.28q-.885-1.472-.885-3.367 0-1.894.885-3.353a6.03 6.03 0 0 1 2.418-2.257q1.533-.797 3.429-.798 1.445 0 2.63.474t1.982 1.447v-1.438c0-.184.148-.332.332-.332zm-3.87 9.012q1.135-1.06 1.135-2.755 0-1.67-1.135-2.717-1.134-1.047-2.904-1.047-1.795 0-2.93 1.047-1.134 1.047-1.134 2.717 0 1.696 1.135 2.755 1.135 1.06 2.929 1.06 1.77 0 2.904-1.06m18.412-7.691q1.521 1.471 1.521 4.363v7.296a.33.33 0 0 1-.332.333h-2.452a.33.33 0 0 1-.332-.333v-6.898q0-1.745-.823-2.63t-2.344-.885q-1.72 0-2.717 1.035t-.997 2.98v6.398a.333.333 0 0 1-.333.333h-2.452a.33.33 0 0 1-.332-.333V22.008c0-.184.149-.332.332-.332h2.303c.184 0 .332.148.332.332v1.387A4.9 4.9 0 0 1 107.129 22q1.172-.473 2.642-.474 2.518 0 4.039 1.472m11.231 11.667q-1.718-.524-2.782-1.358a.334.334 0 0 1-.092-.399l.851-1.909a.327.327 0 0 1 .494-.129q.975.683 2.303 1.14a9.5 9.5 0 0 0 3.128.536q1.944 0 2.905-.623.96-.624.96-1.646 0-.748-.537-1.234-.537-.487-1.358-.76a30 30 0 0 0-2.244-.624q-1.995-.473-3.229-.948a5.3 5.3 0 0 1-2.119-1.483q-.885-1.01-.885-2.73 0-1.446.786-2.63.784-1.184 2.368-1.882t3.877-.698q1.595 0 3.141.399 1.386.357 2.432.996a.336.336 0 0 1 .13.412l-.777 1.911a.33.33 0 0 1-.465.162 10 10 0 0 0-2.068-.839 9 9 0 0 0-2.419-.349q-1.919 0-2.854.649-.935.647-.935 1.72 0 .748.536 1.22.537.476 1.359.75t2.243.622q1.945.45 3.192.935a5.5 5.5 0 0 1 2.132 1.484q.885.997.885 2.693 0 1.446-.786 2.617-.785 1.173-2.381 1.87t-3.889.698q-2.02 0-3.902-.573m20.26-.77c.109.275.066.438-.058.524q-.486.336-1.129.52a6 6 0 0 1-1.658.224q-2.194 0-3.391-1.147t-1.197-3.34V24.6a.33.33 0 0 0-.332-.332h-1.529a.333.333 0 0 1-.333-.333v-1.828c0-.184.149-.333.333-.333h1.529a.33.33 0 0 0 .332-.332v-2.377c0-.184.149-.332.332-.332h2.452c.184 0 .332.148.332.332v2.377c0 .184.149.332.333.332h2.9c.184 0 .333.15.333.333v1.828a.333.333 0 0 1-.333.333h-2.9a.333.333 0 0 0-.333.332v6q0 .973.474 1.483t1.372.511q.831 0 1.442-.345c.168-.095.381-.004.452.175zm14.133-11.887v12.648a.33.33 0 0 1-.332.333H156.8a.33.33 0 0 1-.332-.333v-1.363a4.96 4.96 0 0 1-1.87 1.384 6 6 0 0 1-2.419.486q-2.668 0-4.201-1.483t-1.533-4.4v-7.272c0-.184.148-.332.332-.332h2.452c.183 0 .332.148.332.332v6.848q0 1.795.811 2.68.81.885 2.306.885 1.67 0 2.655-1.035.985-1.033.984-2.98v-6.398c0-.184.149-.332.333-.332h2.452c.183 0 .332.148.332.332m15.658-5.435v18.083a.333.333 0 0 1-.333.333h-2.327a.333.333 0 0 1-.333-.333V33.27a4.8 4.8 0 0 1-1.907 1.42q-1.134.474-2.505.474-1.92 0-3.453-.847a6.1 6.1 0 0 1-2.406-2.407q-.874-1.556-.873-3.577 0-2.02.873-3.565a6.1 6.1 0 0 1 2.406-2.393q1.532-.848 3.453-.849 1.32 0 2.418.45.734.3 1.322.8a.33.33 0 0 0 .548-.246v-5.956c0-.046.037-.083.083-.083h2.951c.045 0 .083.037.083.083m-5.012 15.411a3.7 3.7 0 0 0 1.421-1.458q.524-.948.524-2.194t-.524-2.194a3.7 3.7 0 0 0-1.421-1.458q-.898-.51-2.019-.511-1.122 0-2.02.511a3.7 3.7 0 0 0-1.421 1.458q-.524.948-.524 2.194t.524 2.194a3.7 3.7 0 0 0 1.421 1.458q.898.511 2.02.511t2.019-.51m7.778-13.041a1.75 1.75 0 0 1-.573-1.333q0-.797.573-1.334.574-.536 1.421-.536 1.223 0 1.875 1.063c.025.04.045.09.055.138q.257 1.224-.496 1.978-.561.56-1.434.56-.847 0-1.421-.536m.183 2.73h2.452c.184 0 .332.15.332.333v12.648a.33.33 0 0 1-.332.333h-2.452a.33.33 0 0 1-.332-.333V22.008c0-.184.149-.332.332-.332m7.746 12.614a6.36 6.36 0 0 1-2.531-2.43q-.91-1.559-.911-3.528 0-1.969.911-3.516a6.4 6.4 0 0 1 2.531-2.417q1.62-.873 3.639-.874 2.044 0 3.665.874a6.4 6.4 0 0 1 2.531 2.417q.91 1.547.91 3.516t-.91 3.528a6.36 6.36 0 0 1-2.531 2.43q-1.621.874-3.665.873-2.019 0-3.639-.872m6.482-2.941q1.121-1.147 1.121-3.017t-1.121-3.017q-1.123-1.146-2.843-1.146t-2.83 1.146-1.109 3.017 1.109 3.017q1.11 1.146 2.83 1.146t2.843-1.146\" />\n      </g>\n      <defs>\n        <clipPath id={clipPathId}>\n          <path fill=\"#fff\" d=\"M0 0h196.922v40H0z\" />\n        </clipPath>\n      </defs>\n    </StyledSVGWrapper>\n  );\n};\n"],"mappings":";;;;;AAKA,MAAaA,gBAA2C,EACtD,eAAe,YACf,QAAQ,QACR,QACA,OACA,GAAG,WACC;CACJ,MAAM,aAAa,OAAO;AAC1B,QACE,qBAAC;EACC,eAAa;EACN;EACA;EACC;EACR,SAAQ;EACR,MAAK;EACL,OAAM;EACN,GAAI;;GAEJ,oBAAC,qBAAM,+BAAkC;GACzC,oBAAC;IAAE,UAAU,QAAQ,WAAW;IAAI,MAAK;cACvC,oBAAC,UAAK,GAAE,s2SAAs2S;KAC52S;GACJ,oBAAC,oBACC,oBAAC;IAAS,IAAI;cACZ,oBAAC;KAAK,MAAK;KAAO,GAAE;MAAuB;KAClC,GACN;;GACU"}

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

@@ -33,4 +33,5 @@ const ProLabelCutout = ({ ariaLabel = "Pro", backgroundColor = colors.navy, cuto
 });
 
 //#endregion
-export { ProLabelCutout };
+export { ProLabelCutout };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ProLabelCutout: React.FC<ProLabelCutoutProps>"],"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,MAAaA,kBAAiD,EAC5D,YAAY,OACZ,kBAAkB,OAAO,MACzB,cAAc,OAAO,OACrB,QAAQ,SAER,qBAAC;CACQ;CACP,QAAS,IAAI,KAAM;CACnB,SAAQ;CACR,MAAK;CACL,OAAM;CACN,cAAY;CACZ,MAAK;;EAEL,oBAAC;GAAK,OAAM;GAAK,QAAO;GAAK,MAAM;IAAmB;EACtD,oBAAC;GACC,GAAE;GACF,MAAM;IACN;EACF,oBAAC;GACC,GAAE;GACF,MAAM;IACN;EACF,oBAAC;GACC,GAAE;GACF,MAAM;IACN;;EACE"}

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

@@ -34,4 +34,5 @@ const ProLabelCutoutTransparent = ({ ariaLabel = "Pro", backgroundColor = colors
 });
 
 //#endregion
-export { ProLabelCutoutTransparent };
+export { ProLabelCutoutTransparent };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ProLabelCutoutTransparent: React.FC<\n  ProLabelCutoutTransparentProps\n>"],"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,MAAaA,6BAER,EAAE,YAAY,OAAO,kBAAkB,OAAO,MAAM,QAAQ,SAC/D,qBAAC;CACQ;CACP,QAAS,IAAI,KAAM;CACnB,SAAQ;CACR,MAAK;CACL,OAAM;CACN,cAAY;CACZ,MAAK;;EAEL,oBAAC;GACC,GAAE;GACF,MAAM;IACN;EACF,oBAAC;GACC,GAAE;GACF,MAAM;IACN;EACF,oBAAC;GACC,GAAE;GACF,MAAM;IACN;EACF,oBAAC;GACC,UAAS;GACT,UAAS;GACT,GAAE;GACF,MAAM;IACN;;EACE"}

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

@@ -15,4 +15,5 @@ type ProLabelProps = (BaseProps & {
 });
 declare const ProLabel: React$1.FC<ProLabelProps>;
 //#endregion
-export { ProLabel, ProLabelProps };
+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"],"sourcesContent":[],"mappings":";;;;KAMK,SAAA;;EAAA,eAAS,CAAA,EAAA,MAAA,OAEmB,MAAM;EAI3B,KAAA,CAAA,EAAA,MAAA;CACP;AACA,KAFO,aAAA,GAEP,CADA,SACA,GAAA;EAA4D,OAAA,EAAA,aAAA;CAAM,CAAA,GAAA,CAAlE,SAAkE,GAAA;EAE1D,OAAA,EAAA,QAuBZ;6BAzBgE;;cAEpD,UAAU,OAAA,CAAM,GAAG"}

package/dist/Logos/ProLabel/index.js

@@ -22,4 +22,5 @@ const ProLabel = (props) => {
 };
 
 //#endregion
-export { ProLabel };
+export { ProLabel };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ProLabel: React.FC<ProLabelProps>","forwardedProps","backgroundColor"],"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,MAAaA,YAAqC,UAAU;AAC1D,KAAI,MAAM,YAAY,UAAU;EAC9B,MAAM,EACJ,qCAAkB,QAClB,cAAc,SACd,GAAGC,qBACD;AACJ,SACE,oBAAC;GACC,iBAAiB,OAAOC;GACxB,aAAa,OAAO;GACpB,GAAID;IACJ;;CAIN,MAAM,EAAE,kBAAkB,SAAS,GAAG,mBAAmB;AACzD,QACE,oBAAC;EACC,iBAAiB,OAAO;EACxB,GAAI;GACJ"}

package/dist/Logos/shared.d.ts

@@ -233,4 +233,5 @@ declare const composedLogoStyles: _codecademy_variance_dist_types_config1.Parser
 interface FromLogoStyleProps extends StyleProps<typeof composedLogoStyles> {}
 interface SharedLogoProps extends Omit<React.SVGProps<SVGSVGElement>, keyof FromLogoStyleProps>, FromLogoStyleProps {}
 //#endregion
-export { SharedLogoProps };
+export { SharedLogoProps };
+//# sourceMappingURL=shared.d.ts.map

package/dist/Logos/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","names":[],"sources":["../../src/Logos/shared.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;cAsBM,oBAAkB,uCAAA,CAAA,+CAAA,SAAA,uCAAA,CAAA,OAKvB,uCAAA,CALuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAAA,uCAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAOd,kBAAA,SAA2B,kBAAkB;UAEtC,eAAA,SACP,KAAK,KAAA,CAAM,SAAS,sBAAsB,qBAChD"}

package/dist/Logos/shared.js

@@ -9,4 +9,5 @@ const composedLogoStyles = variance.compose(system.layout, system.color, system.
 const StyledSVGWrapper = styled("svg", styledOptions())(composedLogoStyles);
 
 //#endregion
-export { StyledSVGWrapper };
+export { StyledSVGWrapper };
+//# sourceMappingURL=shared.js.map

package/dist/Logos/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","names":[],"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,MAAM,aAAa,SAAS,QAC1B,OAAO,QACP,OAAO,aACP,OAAO,MACR;AAED,MAAa,UAAU,OAAO,OAAO,eAAsB,CAAC,CAE1D,OAAO,IAAI,EAAE,WAAW,gBAAgB,CAAC,EAAE,WAAW;AAExD,MAAM,qBAAqB,SAAS,QAClC,OAAO,QACP,OAAO,OACP,OAAO,OACP,OAAO,YACR;AAQD,MAAa,mBAAmB,OAC9B,OACA,eAAsB,CACvB,CAAC,mBAAmB"}

package/dist/MarketingToaster/index.d.ts

@@ -8,4 +8,5 @@ interface MarketingToasterProps {
 }
 declare const MarketingToaster: React.FC<MarketingToasterProps>;
 //#endregion
-export { MarketingToaster };
+export { MarketingToaster };
+//# sourceMappingURL=index.d.ts.map

package/dist/MarketingToaster/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/MarketingToaster/index.tsx"],"sourcesContent":[],"mappings":";;;UAKU,qBAAA;;IAAA,CAAA,GAAA,EAAA,MAAA,CAAA,EAES,KAAA,CAAM,SAFM;EAMlB,CAAA;;cAAA,kBAAkB,KAAA,CAAM,GAAG"}

package/dist/MarketingToaster/index.js

@@ -44,4 +44,5 @@ const InnerBox = styled(Box)`
 `;
 
 //#endregion
-export { MarketingToaster };
+export { MarketingToaster };
+//# sourceMappingURL=index.js.map

package/dist/MarketingToaster/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["MarketingToaster: React.FC<MarketingToasterProps>"],"sources":["../../src/MarketingToaster/index.tsx"],"sourcesContent":["import { Box, FlexBox } from '@codecademy/gamut';\nimport styled from '@emotion/styled';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport React from 'react';\n\ninterface MarketingToasterProps {\n  toasts: {\n    [key: string]: React.ReactNode;\n  };\n}\n\nexport const MarketingToaster: React.FC<MarketingToasterProps> = ({\n  toasts,\n}) => {\n  return (\n    <AnimatePresence>\n      <motion.div\n        key=\"marketing_toast\"\n        initial={false}\n        animate={{ opacity: 1, left: 0 }}\n        exit={{ opacity: 0 }}\n        transition={{ duration: 0.2 }}\n      >\n        <OuterBox\n          zIndex={2}\n          position=\"fixed\"\n          justifyContent=\"flex-end\"\n          alignItems=\"flex-end\"\n          top={0}\n          width=\"100vw\"\n          height=\"100vh\"\n          flexDirection=\"column\"\n          pb={64}\n          pr={224 as 0}\n        >\n          {Object.keys(toasts).map((key) => {\n            return (\n              <InnerBox mt={8} mb={8} mx={24} key={key}>\n                {toasts[key]}\n              </InnerBox>\n            );\n          })}\n        </OuterBox>\n      </motion.div>\n    </AnimatePresence>\n  );\n};\n\nconst OuterBox = styled(FlexBox)`\n  pointer-events: none;\n`;\n\nconst InnerBox = styled(Box)`\n  pointer-events: all;\n`;\n"],"mappings":";;;;;;;AAWA,MAAaA,oBAAqD,EAChE,aACI;AACJ,QACE,oBAAC,6BACC,oBAAC,OAAO;EAEN,SAAS;EACT,SAAS;GAAE,SAAS;GAAG,MAAM;GAAG;EAChC,MAAM,EAAE,SAAS,GAAG;EACpB,YAAY,EAAE,UAAU,IAAK;YAE7B,oBAAC;GACC,QAAQ;GACR,UAAS;GACT,gBAAe;GACf,YAAW;GACX,KAAK;GACL,OAAM;GACN,QAAO;GACP,eAAc;GACd,IAAI;GACJ,IAAI;aAEH,OAAO,KAAK,OAAO,CAAC,KAAK,QAAQ;AAChC,WACE,oBAAC;KAAS,IAAI;KAAG,IAAI;KAAG,IAAI;eACzB,OAAO;OAD2B,IAE1B;KAEb;IACO;IAzBP,kBA0BO,GACG;;AAItB,MAAM,WAAW,OAAO,QAAQ;;;AAIhC,MAAM,WAAW,OAAO,IAAI"}

package/dist/NotFoundContent/404.js

@@ -2,4 +2,5 @@
 var _404_default = "assets/404-BM2-wvJv.svg";
 
 //#endregion
-export { _404_default as default };
+export { _404_default as default };
+//# sourceMappingURL=404.js.map

package/dist/NotFoundContent/404.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"404.js","names":[],"sources":["../../src/NotFoundContent/404.svg"],"sourcesContent":["__ROLLDOWN_ASSET_FILENAME__"],"mappings":";mBAAA,yBAAA"}

package/dist/NotFoundContent/index.d.ts

@@ -8,4 +8,5 @@ interface NotFoundPageProps {
 }
 declare const NotFoundContent: React.FC<NotFoundPageProps>;
 //#endregion
-export { NotFoundContent };
+export { NotFoundContent };
+//# sourceMappingURL=index.d.ts.map

package/dist/NotFoundContent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/NotFoundContent/index.tsx"],"sourcesContent":[],"mappings":";;;UAOU,iBAAA;;EAAA,QAAA,CAAA,EAAA,MAAA;EAgBG,UAAA,CAAA,EAAA,MA2BZ;;cA3BY,iBAAiB,KAAA,CAAM,GAAG"}

package/dist/NotFoundContent/index.js

@@ -43,4 +43,5 @@ const NotFoundContent = ({ title = "Oh no!", subtitle = "Looks like you're lost.
 };
 
 //#endregion
-export { NotFoundContent };
+export { NotFoundContent };
+//# sourceMappingURL=index.js.map

package/dist/NotFoundContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["NotFoundContent: React.FC<NotFoundPageProps>","notFound"],"sources":["../../src/NotFoundContent/index.tsx"],"sourcesContent":["import { Box, Text } from '@codecademy/gamut';\nimport { css } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport React from 'react';\n\nimport notFound from './404.svg';\n\ninterface NotFoundPageProps {\n  title?: string;\n  subtitle?: string;\n  hiddenText?: string;\n}\n\nconst ErrorContainer = styled(Box)(\n  css({\n    canvas: {\n      maxWidth: '100vw',\n    },\n  })\n);\n\nconst Image = Box.withComponent('img');\n\nexport const NotFoundContent: React.FC<NotFoundPageProps> = ({\n  title = 'Oh no!',\n  subtitle = \"Looks like you're lost.\",\n  hiddenText = '404: Page Not Found',\n}) => {\n  return (\n    <main data-testid=\"error404\">\n      <Text screenreader>{hiddenText}</Text>\n      <ErrorContainer\n        as=\"main\"\n        my={96}\n        mx={16}\n        textAlign=\"center\"\n        data-testid=\"error404\"\n      >\n        <Image src={notFound} alt=\"\" height=\"125\" width=\"500\" maxWidth=\"100%\" />\n        <Box my={48}>\n          <Text as=\"h1\" variant=\"title-xl\">\n            {title}\n          </Text>\n          <Text as=\"h2\" variant=\"title-lg\">\n            {subtitle}\n          </Text>\n        </Box>\n      </ErrorContainer>\n    </main>\n  );\n};\n"],"mappings":";;;;;;;;AAaA,MAAM,iBAAiB,OAAO,IAAI,CAChC,IAAI,EACF,QAAQ,EACN,UAAU,SACX,EACF,CAAC,CACH;AAED,MAAM,QAAQ,IAAI,cAAc,MAAM;AAEtC,MAAaA,mBAAgD,EAC3D,QAAQ,UACR,WAAW,2BACX,aAAa,4BACT;AACJ,QACE,qBAAC;EAAK,eAAY;aAChB,oBAAC;GAAK;aAAc;IAAkB,EACtC,qBAAC;GACC,IAAG;GACH,IAAI;GACJ,IAAI;GACJ,WAAU;GACV,eAAY;cAEZ,oBAAC;IAAM,KAAKC;IAAU,KAAI;IAAG,QAAO;IAAM,OAAM;IAAM,UAAS;KAAS,EACxE,qBAAC;IAAI,IAAI;eACP,oBAAC;KAAK,IAAG;KAAK,SAAQ;eACnB;MACI,EACP,oBAAC;KAAK,IAAG;KAAK,SAAQ;eACnB;MACI;KACH;IACS;GACZ"}

package/dist/NotificationList/EmptyNotification/emptyNotificationContents.js

@@ -30,4 +30,5 @@ const emptyNotificationContents = [
 ];
 
 //#endregion
-export { emptyNotificationContents };
+export { emptyNotificationContents };
+//# sourceMappingURL=emptyNotificationContents.js.map

package/dist/NotificationList/EmptyNotification/emptyNotificationContents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emptyNotificationContents.js","names":["emptyNotificationContents: readonly exportNotificationsContent[]"],"sources":["../../../src/NotificationList/EmptyNotification/emptyNotificationContents.tsx"],"sourcesContent":["import {\n  Bee,\n  Browser,\n  Confetti,\n  Plant,\n  Sun,\n} from '@codecademy/gamut-illustrations';\n\nexport type exportNotificationsContent = {\n  text: string;\n  subtext: string;\n  image: typeof Bee;\n};\n\n/* must have at least one in array */\nexport const emptyNotificationContents: readonly exportNotificationsContent[] =\n  [\n    {\n      text: \"You're all caught up!\",\n      subtext: 'Go forth and learn new things.',\n      image: Bee,\n    },\n    {\n      text: \"You're all caught up!\",\n      subtext: 'Time to learn new things.',\n      image: Confetti,\n    },\n    {\n      text: \"You're all caught up!\",\n      subtext: 'The future looks bright.',\n      image: Sun,\n    },\n    {\n      text: \"You're up to date!\",\n      subtext: 'Go forth and learn new things.',\n      image: Plant,\n    },\n    {\n      text: \"You're up to date!\",\n      subtext: 'Clear future ahead.',\n      image: Browser,\n    },\n  ] as const;\n"],"mappings":";;;AAeA,MAAaA,4BACX;CACE;EACE,MAAM;EACN,SAAS;EACT,OAAO;EACR;CACD;EACE,MAAM;EACN,SAAS;EACT,OAAO;EACR;CACD;EACE,MAAM;EACN,SAAS;EACT,OAAO;EACR;CACD;EACE,MAAM;EACN,SAAS;EACT,OAAO;EACR;CACD;EACE,MAAM;EACN,SAAS;EACT,OAAO;EACR;CACF"}

package/dist/NotificationList/EmptyNotification/index.js

@@ -39,4 +39,5 @@ const EmptyNotification = () => {
 };
 
 //#endregion
-export { EmptyNotification };
+export { EmptyNotification };
+//# sourceMappingURL=index.js.map

package/dist/NotificationList/EmptyNotification/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/NotificationList/EmptyNotification/index.tsx"],"sourcesContent":["import { FlexBox, Text } from '@codecademy/gamut';\nimport sample from 'lodash/sample';\nimport { useMemo } from 'react';\n\nimport { emptyNotificationContents } from './emptyNotificationContents';\n\nexport const EmptyNotification = () => {\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  const content = useMemo(() => sample(emptyNotificationContents), [])!;\n\n  const Image = content.image;\n\n  return (\n    <FlexBox\n      as=\"li\"\n      flexDirection=\"column\"\n      alignItems=\"center\"\n      pt={32}\n      pb={48}\n      data-testid=\"empty-notification\"\n      aria-label=\"You have no notifications\"\n    >\n      <FlexBox pb={16}>\n        <Image aria-hidden width={80} height={60} />\n      </FlexBox>\n      <FlexBox flexDirection=\"column\" alignItems=\"center\">\n        <Text as=\"p\" mb={16}>\n          {content.text}\n        </Text>\n        <Text as=\"p\">{content.subtext}</Text>\n      </FlexBox>\n    </FlexBox>\n  );\n};\n"],"mappings":";;;;;;;AAMA,MAAa,0BAA0B;CAErC,MAAM,UAAU,cAAc,OAAO,0BAA0B,EAAE,EAAE,CAAC;CAEpE,MAAM,QAAQ,QAAQ;AAEtB,QACE,qBAAC;EACC,IAAG;EACH,eAAc;EACd,YAAW;EACX,IAAI;EACJ,IAAI;EACJ,eAAY;EACZ,cAAW;aAEX,oBAAC;GAAQ,IAAI;aACX,oBAAC;IAAM;IAAY,OAAO;IAAI,QAAQ;KAAM;IACpC,EACV,qBAAC;GAAQ,eAAc;GAAS,YAAW;cACzC,oBAAC;IAAK,IAAG;IAAI,IAAI;cACd,QAAQ;KACJ,EACP,oBAAC;IAAK,IAAG;cAAK,QAAQ;KAAe;IAC7B;GACF"}

package/dist/NotificationList/NotificationItem.d.ts

@@ -9,4 +9,5 @@ type NotificationItemProps = {
 };
 declare const NotificationItem: React$1.FC<NotificationItemProps>;
 //#endregion
-export { NotificationItem, NotificationItemProps };
+export { NotificationItem, NotificationItemProps };
+//# sourceMappingURL=NotificationItem.d.ts.map

package/dist/NotificationList/NotificationItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationItem.d.ts","names":[],"sources":["../../src/NotificationList/NotificationItem.tsx"],"sourcesContent":[],"mappings":";;;;KAuEY,qBAAA;gBACI;EADJ,WAAA,CAAA,EAAA,CAAA,KAAA,EAAA,MAAqB,EAAA,GAAA,IACjB;EAKH,aAAA,CAAA,EAAA,GAoHZ,GAAA,IAAA;;cApHY,kBAAkB,OAAA,CAAM,GAAG"}

package/dist/NotificationList/NotificationItem.js

@@ -156,4 +156,5 @@ const NotificationItem = ({ handleDismiss, notification, handleClick }) => {
 };
 
 //#endregion
-export { NotificationItem };
+export { NotificationItem };
+//# sourceMappingURL=NotificationItem.js.map

package/dist/NotificationList/NotificationItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationItem.js","names":["theme","NotificationItem: React.FC<NotificationItemProps>","notificationContent: ReactElement","dismissIcon: ReactElement"],"sources":["../../src/NotificationList/NotificationItem.tsx"],"sourcesContent":["import { Box, FlexBox, IconButton, Text } from '@codecademy/gamut';\nimport {\n  GamutIconProps,\n  MiniDeleteIcon,\n  MultipleUsersIcon,\n} from '@codecademy/gamut-icons';\nimport {\n  Bell,\n  ChatBox,\n  EmailAt,\n  Envelope,\n  Heart,\n  IllustrationProps,\n  Megaphone,\n  New,\n} from '@codecademy/gamut-illustrations';\nimport { CheckerDense } from '@codecademy/gamut-patterns';\nimport { themed } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { ReactElement } from 'react';\nimport * as React from 'react';\n\nimport { Notification } from './typings';\n\nconst StyledLink = styled.a`\n  text-decoration: none;\n  display: block;\n  z-index: 1;\n\n  &:before,\n  &:after {\n    top: -1px;\n    left: 0;\n    z-index: 0;\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: calc(100% + 2px);\n    transition: background 250ms;\n  }\n  &:focus {\n    outline: none;\n  }\n  &:focus-visible {\n    &:after {\n      border-radius: 4px;\n      border: 2px solid ${themed('colors.navy')};\n    }\n  }\n  &:hover {\n    text-decoration: none;\n    &:before {\n      background-color: ${({ theme }) => theme.colors['gray-100']};\n    }\n  }\n`;\n\nconst StyledImg = styled.img`\n  border-radius: 50%;\n  border: 1px solid ${themed('colors.navy')};\n  height: 3rem;\n  width: 3rem;\n`;\n\nconst isInternalLink = (href: string) => {\n  try {\n    return new URL(href).hostname === window.location.hostname;\n  } catch (_e) {}\n  return false;\n};\n\nexport type NotificationItemProps = {\n  notification: Notification;\n  handleClick?: (event: object) => void;\n  handleDismiss?: () => void;\n};\n\nexport const NotificationItem: React.FC<NotificationItemProps> = ({\n  handleDismiss,\n  notification,\n  handleClick,\n}) => {\n  const { date, imageUrl, link, text, type, id } = notification;\n  const notificationItemId = `NotificationItem${id}`;\n\n  const renderIllustration = (Illustration: React.FC<IllustrationProps>) => (\n    <Box display=\"inline-flex\" aria-hidden>\n      <Illustration height={48} width={48} />\n    </Box>\n  );\n\n  const renderIcon = (Icon: React.FC<GamutIconProps>) => (\n    <Box\n      display=\"inline-flex\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      borderRadius=\"full\"\n      border={1}\n      width={50}\n      height={50}\n      aria-hidden\n    >\n      <Icon height={22} width={22} />\n    </Box>\n  );\n\n  const renderImage = () => {\n    if (imageUrl) return <StyledImg src={imageUrl} alt=\"\" />;\n\n    switch (type) {\n      case 'marketing_blast':\n        return renderIllustration(Megaphone);\n      case 'curriculum_blast':\n        return renderIllustration(New);\n      case 'cohort_blast':\n        return renderIcon(MultipleUsersIcon);\n      case 'forum_comment':\n        return renderIllustration(ChatBox);\n      case 'forum_message':\n        return renderIllustration(Envelope);\n      case 'forum_like':\n        return renderIllustration(Heart);\n      case 'forum_mention':\n        return renderIllustration(EmailAt);\n      default:\n        return renderIllustration(Bell);\n    }\n  };\n\n  const notificationContent: ReactElement = (\n    <FlexBox zIndex={1} position=\"relative\" textColor=\"text\">\n      {renderImage()}\n      <Box flex={1} pl={12}>\n        <Text id={notificationItemId} variant=\"p-small\">\n          {text}\n        </Text>\n        <Text variant=\"p-small\" textColor=\"text-secondary\" ml={4}>\n          {date}\n        </Text>\n      </Box>\n    </FlexBox>\n  );\n\n  const dismissIcon: ReactElement = (\n    <IconButton\n      icon={MiniDeleteIcon}\n      onClick={handleDismiss}\n      aria-describedby={notificationItemId}\n      size=\"small\"\n      variant=\"secondary\"\n      z-index={1}\n      tip=\"Dismiss notification\"\n      tipProps={{ alignment: 'bottom-center', placement: 'floating' }}\n    />\n  );\n\n  const separatorPattern = (\n    <Box px={32} m={0} aria-hidden=\"true\">\n      <CheckerDense height=\"1px\" display=\"flex\" />\n    </Box>\n  );\n\n  return (\n    <li>\n      <FlexBox\n        py={24}\n        px={32}\n        alignItems=\"flex-start\"\n        justifyContent=\"space-between\"\n        position=\"relative\"\n      >\n        {link ? (\n          <>\n            <StyledLink\n              href={link}\n              aria-label={`${text}, ${date} ago`}\n              rel={isInternalLink(link) ? '' : 'noopener noreferrer'}\n              target={isInternalLink(link) ? '' : '_blank'}\n              onClick={(event) => handleClick?.(event)}\n            >\n              {notificationContent}\n            </StyledLink>\n          </>\n        ) : (\n          <>{notificationContent}</>\n        )}\n        <FlexBox alignItems=\"flex-start\" zIndex={1}>\n          {handleDismiss && dismissIcon}\n        </FlexBox>\n      </FlexBox>\n      {separatorPattern}\n    </li>\n  );\n};\n"],"mappings":";;;;;;;;;;AAwBA,MAAM,aAAa,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;0BAsBD,OAAO,cAAc,CAAC;;;;;;2BAMrB,EAAE,qBAAYA,QAAM,OAAO,YAAY;;;;AAKlE,MAAM,YAAY,OAAO,GAAG;;sBAEN,OAAO,cAAc,CAAC;;;;AAK5C,MAAM,kBAAkB,SAAiB;AACvC,KAAI;AACF,SAAO,IAAI,IAAI,KAAK,CAAC,aAAa,OAAO,SAAS;UAC3C,IAAI;AACb,QAAO;;AAST,MAAaC,oBAAqD,EAChE,eACA,cACA,kBACI;CACJ,MAAM,EAAE,MAAM,UAAU,MAAM,MAAM,MAAM,OAAO;CACjD,MAAM,qBAAqB,mBAAmB;CAE9C,MAAM,sBAAsB,iBAC1B,oBAAC;EAAI,SAAQ;EAAc;YACzB,oBAAC;GAAa,QAAQ;GAAI,OAAO;IAAM;GACnC;CAGR,MAAM,cAAc,SAClB,oBAAC;EACC,SAAQ;EACR,gBAAe;EACf,YAAW;EACX,cAAa;EACb,QAAQ;EACR,OAAO;EACP,QAAQ;EACR;YAEA,oBAAC;GAAK,QAAQ;GAAI,OAAO;IAAM;GAC3B;CAGR,MAAM,oBAAoB;AACxB,MAAI,SAAU,QAAO,oBAAC;GAAU,KAAK;GAAU,KAAI;IAAK;AAExD,UAAQ,MAAR;GACE,KAAK,kBACH,QAAO,mBAAmB,UAAU;GACtC,KAAK,mBACH,QAAO,mBAAmB,IAAI;GAChC,KAAK,eACH,QAAO,WAAW,kBAAkB;GACtC,KAAK,gBACH,QAAO,mBAAmB,QAAQ;GACpC,KAAK,gBACH,QAAO,mBAAmB,SAAS;GACrC,KAAK,aACH,QAAO,mBAAmB,MAAM;GAClC,KAAK,gBACH,QAAO,mBAAmB,QAAQ;GACpC,QACE,QAAO,mBAAmB,KAAK;;;CAIrC,MAAMC,sBACJ,qBAAC;EAAQ,QAAQ;EAAG,UAAS;EAAW,WAAU;aAC/C,aAAa,EACd,qBAAC;GAAI,MAAM;GAAG,IAAI;cAChB,oBAAC;IAAK,IAAI;IAAoB,SAAQ;cACnC;KACI,EACP,oBAAC;IAAK,SAAQ;IAAU,WAAU;IAAiB,IAAI;cACpD;KACI;IACH;GACE;CAGZ,MAAMC,cACJ,oBAAC;EACC,MAAM;EACN,SAAS;EACT,oBAAkB;EAClB,MAAK;EACL,SAAQ;EACR,WAAS;EACT,KAAI;EACJ,UAAU;GAAE,WAAW;GAAiB,WAAW;GAAY;GAC/D;CAGJ,MAAM,mBACJ,oBAAC;EAAI,IAAI;EAAI,GAAG;EAAG,eAAY;YAC7B,oBAAC;GAAa,QAAO;GAAM,SAAQ;IAAS;GACxC;AAGR,QACE,qBAAC,mBACC,qBAAC;EACC,IAAI;EACJ,IAAI;EACJ,YAAW;EACX,gBAAe;EACf,UAAS;aAER,OACC,0CACE,oBAAC;GACC,MAAM;GACN,cAAY,GAAG,KAAK,IAAI,KAAK;GAC7B,KAAK,eAAe,KAAK,GAAG,KAAK;GACjC,QAAQ,eAAe,KAAK,GAAG,KAAK;GACpC,UAAU,UAAU,cAAc,MAAM;aAEvC;IACU,GACZ,GAEH,0CAAG,sBAAuB,EAE5B,oBAAC;GAAQ,YAAW;GAAa,QAAQ;aACtC,iBAAiB;IACV;GACF,EACT,oBACE"}

package/dist/NotificationList/index.d.ts

@@ -10,4 +10,5 @@ type NotificationListProps = {
 };
 declare const NotificationList: React$1.FC<NotificationListProps>;
 //#endregion
-export { NotificationList, NotificationListProps };
+export { NotificationList, NotificationListProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/NotificationList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/NotificationList/index.tsx"],"sourcesContent":[],"mappings":";;;;KAUY,qBAAA;6BACiB;EADjB,aAAA,EAEK,YAFgB,EAAA;EACJ,mBAAA,CAAA,EAAA,CAAA,YAAA,EAEU,YAFV,EAAA,GAAA,IAAA;EACZ,eAAA,CAAA,EAAA,MAAA;CACsB;AAAY,cAetC,gBAfsC,EAepB,OAAA,CAAM,EAfc,CAeX,qBAfW,CAAA"}

package/dist/NotificationList/index.js

@@ -38,4 +38,5 @@ const NotificationList = ({ notifications, onNotificationClick, onDismiss, heade
 };
 
 //#endregion
-export { NotificationList };
+export { NotificationList };
+//# sourceMappingURL=index.js.map

package/dist/NotificationList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["NotificationList: React.FC<NotificationListProps>","React"],"sources":["../../src/NotificationList/index.tsx"],"sourcesContent":["import { focusVisibleStyle } from '@codecademy/gamut';\nimport { Background, css } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport isEmpty from 'lodash/isEmpty';\nimport * as React from 'react';\n\nimport { EmptyNotification } from './EmptyNotification';\nimport { NotificationItem } from './NotificationItem';\nimport { Notification } from './typings';\n\nexport type NotificationListProps = {\n  onDismiss?: (notification: Notification) => void;\n  notifications: Notification[];\n  onNotificationClick?: (notification: Notification) => void;\n  headerElementId?: string; // Used for aria-labelledby for the list.\n};\n\nconst listFocusStyle = focusVisibleStyle('-4px');\n\nconst UnstyledUnorderedList = styled(Background)(\n  css({\n    listStyle: 'none',\n    padding: 0,\n    margin: 0,\n    ...listFocusStyle,\n  })\n);\n\nexport const NotificationList: React.FC<NotificationListProps> = ({\n  notifications,\n  onNotificationClick,\n  onDismiss,\n  headerElementId,\n}) => {\n  const listRef = React.useRef<HTMLDivElement>(null);\n  const onDismissHandler = async (notification: Notification) => {\n    if (listRef?.current) {\n      await listRef.current.focus();\n    }\n    await onDismiss?.(notification);\n  };\n\n  return (\n    <UnstyledUnorderedList\n      aria-labelledby={headerElementId}\n      aria-live=\"polite\"\n      aria-relevant=\"additions\"\n      as=\"ul\"\n      bg=\"background\"\n      ref={listRef}\n      tabIndex={-1}\n    >\n      {isEmpty(notifications) ? (\n        <EmptyNotification />\n      ) : (\n        notifications.map((notification: Notification) => (\n          <NotificationItem\n            key={notification.id}\n            notification={notification}\n            handleClick={() => onNotificationClick?.(notification)}\n            handleDismiss={() => onDismissHandler(notification)}\n          />\n        ))\n      )}\n    </UnstyledUnorderedList>\n  );\n};\n"],"mappings":";;;;;;;;;;AAiBA,MAAM,iBAAiB,kBAAkB,OAAO;AAEhD,MAAM,wBAAwB,OAAO,WAAW,CAC9C,IAAI;CACF,WAAW;CACX,SAAS;CACT,QAAQ;CACR,GAAG;CACJ,CAAC,CACH;AAED,MAAaA,oBAAqD,EAChE,eACA,qBACA,WACA,sBACI;CACJ,MAAM,UAAUC,QAAM,OAAuB,KAAK;CAClD,MAAM,mBAAmB,OAAO,iBAA+B;AAC7D,MAAI,SAAS,QACX,OAAM,QAAQ,QAAQ,OAAO;AAE/B,QAAM,YAAY,aAAa;;AAGjC,QACE,oBAAC;EACC,mBAAiB;EACjB,aAAU;EACV,iBAAc;EACd,IAAG;EACH,IAAG;EACH,KAAK;EACL,UAAU;YAET,QAAQ,cAAc,GACrB,oBAAC,sBAAoB,GAErB,cAAc,KAAK,iBACjB,oBAAC;GAEe;GACd,mBAAmB,sBAAsB,aAAa;GACtD,qBAAqB,iBAAiB,aAAa;KAH9C,aAAa,GAIlB,CACF;GAEkB"}

package/dist/NotificationList/typings.d.ts

@@ -16,4 +16,5 @@ type Notification = {
   campaign: string;
 };
 //#endregion
-export { Notification, NotificationIconSettings };
+export { Notification, NotificationIconSettings };
+//# sourceMappingURL=typings.d.ts.map

package/dist/NotificationList/typings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typings.d.ts","names":[],"sources":["../../src/NotificationList/typings.ts"],"sourcesContent":[],"mappings":";KAAY,wBAAA;EAAA,eAAA,CAAA,EAAA,MAAA;EAKA,KAAA,CAAA,EAAA,MAAA;;KAAA,YAAA;;;iBAGK"}

package/dist/Notifications/NotificationBell.js

@@ -57,4 +57,5 @@ const NotificationBell = ({ bellRef, isOpen, setIsOpen, notifications }) => {
 };
 
 //#endregion
-export { NotificationBell };
+export { NotificationBell };
+//# sourceMappingURL=NotificationBell.js.map

package/dist/Notifications/NotificationBell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationBell.js","names":["NotificationBell: React.FC<NotificationBellProps>"],"sources":["../../src/Notifications/NotificationBell.tsx"],"sourcesContent":["import {\n  ButtonBaseElements,\n  FlexBox,\n  IconButton,\n  Text,\n} from '@codecademy/gamut';\nimport { BellIcon } from '@codecademy/gamut-icons';\nimport { Dispatch, SetStateAction, useEffect, useMemo } from 'react';\n\nimport { useAppHeaderContext } from '../AppHeader/AppHeaderElements/AppHeaderProvider';\nimport { Notification } from '../NotificationList/typings';\n\nexport type NotificationBellProps = {\n  bellRef: React.RefObject<ButtonBaseElements>;\n  isOpen?: boolean;\n  setIsOpen: Dispatch<SetStateAction<boolean>>;\n  notifications: Notification[];\n};\n\nconst notificationsID = 'notifications';\n\nexport const NotificationBell: React.FC<NotificationBellProps> = ({\n  bellRef,\n  isOpen,\n  setIsOpen,\n  notifications,\n}) => {\n  const { lastOpenedDropdown, setLastOpenedDropdown } = useAppHeaderContext();\n\n  const unread = notifications.filter(\n    (notification) => notification.unread\n  ).length;\n\n  useEffect(() => {\n    const favicon = window?.document?.querySelector<HTMLLinkElement>(\n      'link[rel=\"shortcut icon\"]'\n    );\n\n    if (favicon) {\n      favicon.href = `/favicon${unread ? '-unread' : ''}.ico`;\n    }\n  }, [unread]);\n\n  useEffect(() => {\n    if (lastOpenedDropdown !== notificationsID && isOpen) {\n      setIsOpen(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [lastOpenedDropdown]);\n\n  const numOfUnread = useMemo(() => Math.min(unread, 99), [unread]);\n\n  const handleOnClick = () => {\n    setIsOpen(!isOpen);\n\n    if (!isOpen) {\n      if (setLastOpenedDropdown) {\n        setLastOpenedDropdown(notificationsID);\n      }\n    }\n  };\n\n  return (\n    <>\n      <IconButton\n        aria-expanded={Boolean(isOpen)}\n        aria-haspopup=\"dialog\"\n        tip={\n          unread\n            ? `Notifications, ${numOfUnread} unread`\n            : 'Notifications, no unread'\n        }\n        icon={BellIcon}\n        onClick={handleOnClick}\n        ref={bellRef}\n        variant=\"interface\"\n        tipProps={{ alignment: 'bottom-center', placement: 'floating' }}\n      />\n      {unread ? (\n        <FlexBox\n          alignItems=\"center\"\n          bg=\"red-500\"\n          borderRadius=\"md\"\n          height={18}\n          justifyContent=\"center\"\n          left={22}\n          position=\"absolute\"\n          textAlign=\"center\"\n          top={-2}\n          width={20}\n        >\n          <Text color=\"white\" fontSize={14} fontWeight=\"bold\" mt={4}>\n            {numOfUnread}\n          </Text>\n        </FlexBox>\n      ) : null}\n    </>\n  );\n};\n"],"mappings":";;;;;;;AAmBA,MAAM,kBAAkB;AAExB,MAAaA,oBAAqD,EAChE,SACA,QACA,WACA,oBACI;CACJ,MAAM,EAAE,oBAAoB,0BAA0B,qBAAqB;CAE3E,MAAM,SAAS,cAAc,QAC1B,iBAAiB,aAAa,OAChC,CAAC;AAEF,iBAAgB;EACd,MAAM,UAAU,QAAQ,UAAU,cAChC,8BACD;AAED,MAAI,QACF,SAAQ,OAAO,WAAW,SAAS,YAAY,GAAG;IAEnD,CAAC,OAAO,CAAC;AAEZ,iBAAgB;AACd,MAAI,uBAAuB,mBAAmB,OAC5C,WAAU,MAAM;IAGjB,CAAC,mBAAmB,CAAC;CAExB,MAAM,cAAc,cAAc,KAAK,IAAI,QAAQ,GAAG,EAAE,CAAC,OAAO,CAAC;CAEjE,MAAM,sBAAsB;AAC1B,YAAU,CAAC,OAAO;AAElB,MAAI,CAAC,QACH;OAAI,sBACF,uBAAsB,gBAAgB;;;AAK5C,QACE,4CACE,oBAAC;EACC,iBAAe,QAAQ,OAAO;EAC9B,iBAAc;EACd,KACE,SACI,kBAAkB,YAAY,WAC9B;EAEN,MAAM;EACN,SAAS;EACT,KAAK;EACL,SAAQ;EACR,UAAU;GAAE,WAAW;GAAiB,WAAW;GAAY;GAC/D,EACD,SACC,oBAAC;EACC,YAAW;EACX,IAAG;EACH,cAAa;EACb,QAAQ;EACR,gBAAe;EACf,MAAM;EACN,UAAS;EACT,WAAU;EACV,KAAK;EACL,OAAO;YAEP,oBAAC;GAAK,OAAM;GAAQ,UAAU;GAAI,YAAW;GAAO,IAAI;aACrD;IACI;GACC,GACR,QACH"}

package/dist/Notifications/NotificationsContents.js

@@ -75,4 +75,5 @@ const NotificationsContents = ({ actions, handleClose, notifications }) => {
 };
 
 //#endregion
-export { NotificationsContents };
+export { NotificationsContents };
+//# sourceMappingURL=NotificationsContents.js.map

package/dist/Notifications/NotificationsContents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsContents.js","names":["NotificationsContents: React.FC<NotificationsProps>"],"sources":["../../src/Notifications/NotificationsContents.tsx"],"sourcesContent":["import { Box, FlexBox, Text } from '@codecademy/gamut';\nimport { CheckerDense } from '@codecademy/gamut-patterns';\nimport { useEffect, useRef } from 'react';\nimport * as React from 'react';\n\nimport { useOnEscHandler } from '../AppHeader/shared';\nimport { NotificationList } from '../NotificationList';\nimport { Notification } from '../NotificationList/typings';\nimport { NotificationDialog } from './elements';\nimport { NotificationsProps } from './types';\nimport { useNotificationButtons } from './useNotificationButtons';\n\nexport const NotificationsContents: React.FC<NotificationsProps> = ({\n  actions,\n  handleClose,\n  notifications,\n}) => {\n  const notificationListRef = useRef<HTMLDivElement>(null);\n\n  const {\n    clearAllButton,\n    closeButton,\n    showMoreButton,\n    notifications: visibleNotifications,\n  } = useNotificationButtons({\n    actions,\n    handleClose,\n    notificationListRef,\n    notifications,\n  });\n\n  const onKeyDown = useOnEscHandler(handleClose);\n\n  const onNotificationClick = (notification: Notification) => {\n    actions.click(notification);\n\n    if (notification.unread) {\n      actions.read([notification]);\n    }\n  };\n\n  useEffect(() => {\n    notificationListRef?.current?.focus();\n  }, [notificationListRef]);\n\n  useEffect(() => {\n    const unreadVisibleNotifications = visibleNotifications.filter(\n      (notification) => notification.unread\n    );\n\n    if (unreadVisibleNotifications.length) {\n      actions.read(unreadVisibleNotifications);\n    }\n  }, [actions, visibleNotifications]);\n\n  return (\n    <NotificationDialog\n      aria-label={\n        visibleNotifications.length\n          ? `${notifications.length} unread notifications`\n          : `My Notifications`\n      }\n      aria-modal=\"true\"\n      bg=\"background\"\n      data-autofocus\n      onKeyDown={onKeyDown}\n      ref={notificationListRef}\n      role=\"dialog\"\n      tabIndex={-1}\n    >\n      <FlexBox\n        alignItems=\"center\"\n        flexDirection=\"row\"\n        height=\"40\"\n        justifyContent=\"space-between\"\n        mb={16}\n        px={32}\n      >\n        <Text as=\"h1\" fontSize={22}>\n          My Notifications\n        </Text>\n        <FlexBox>\n          {clearAllButton}\n          {closeButton}\n        </FlexBox>\n      </FlexBox>\n      <Box px={32}>\n        <CheckerDense height=\"1px\" display=\"flex\" />\n      </Box>\n      <Box maxHeight=\"520px\" overflow=\"auto\">\n        <Box pb={16}>\n          <NotificationList\n            notifications={visibleNotifications}\n            onDismiss={actions.dismiss}\n            onNotificationClick={onNotificationClick}\n          />\n        </Box>\n        {showMoreButton}\n      </Box>\n    </NotificationDialog>\n  );\n};\n"],"mappings":";;;;;;;;;;AAYA,MAAaA,yBAAuD,EAClE,SACA,aACA,oBACI;CACJ,MAAM,sBAAsB,OAAuB,KAAK;CAExD,MAAM,EACJ,gBACA,aACA,gBACA,eAAe,yBACb,uBAAuB;EACzB;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,YAAY,gBAAgB,YAAY;CAE9C,MAAM,uBAAuB,iBAA+B;AAC1D,UAAQ,MAAM,aAAa;AAE3B,MAAI,aAAa,OACf,SAAQ,KAAK,CAAC,aAAa,CAAC;;AAIhC,iBAAgB;AACd,uBAAqB,SAAS,OAAO;IACpC,CAAC,oBAAoB,CAAC;AAEzB,iBAAgB;EACd,MAAM,6BAA6B,qBAAqB,QACrD,iBAAiB,aAAa,OAChC;AAED,MAAI,2BAA2B,OAC7B,SAAQ,KAAK,2BAA2B;IAEzC,CAAC,SAAS,qBAAqB,CAAC;AAEnC,QACE,qBAAC;EACC,cACE,qBAAqB,SACjB,GAAG,cAAc,OAAO,yBACxB;EAEN,cAAW;EACX,IAAG;EACH;EACW;EACX,KAAK;EACL,MAAK;EACL,UAAU;;GAEV,qBAAC;IACC,YAAW;IACX,eAAc;IACd,QAAO;IACP,gBAAe;IACf,IAAI;IACJ,IAAI;eAEJ,oBAAC;KAAK,IAAG;KAAK,UAAU;eAAI;MAErB,EACP,qBAAC,sBACE,gBACA,eACO;KACF;GACV,oBAAC;IAAI,IAAI;cACP,oBAAC;KAAa,QAAO;KAAM,SAAQ;MAAS;KACxC;GACN,qBAAC;IAAI,WAAU;IAAQ,UAAS;eAC9B,oBAAC;KAAI,IAAI;eACP,oBAAC;MACC,eAAe;MACf,WAAW,QAAQ;MACE;OACrB;MACE,EACL;KACG;;GACa"}

package/dist/Notifications/NotificationsDropdown.js

@@ -20,4 +20,5 @@ const NotificationsDropdown = ({ bellRef, handleClose, isOpen, ...props }) => {
 };
 
 //#endregion
-export { NotificationsDropdown };
+export { NotificationsDropdown };
+//# sourceMappingURL=NotificationsDropdown.js.map

package/dist/Notifications/NotificationsDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsDropdown.js","names":["NotificationsDropdown: React.FC<NotificationsDropdownProps>"],"sources":["../../src/Notifications/NotificationsDropdown.tsx"],"sourcesContent":["import { Popover } from '@codecademy/gamut';\n\nimport { NotificationsWrapper } from './elements';\nimport { NotificationsContents } from './NotificationsContents';\nimport { NotificationsDropdownProps } from './types';\n\nexport const NotificationsDropdown: React.FC<NotificationsDropdownProps> = ({\n  bellRef,\n  handleClose,\n  isOpen,\n  ...props\n}) => {\n  return (\n    <Popover\n      align=\"right\"\n      verticalOffset={1}\n      outline\n      isOpen={isOpen}\n      targetRef={bellRef}\n      widthRestricted={false}\n    >\n      <NotificationsWrapper>\n        <NotificationsContents {...props} handleClose={handleClose} />\n      </NotificationsWrapper>\n    </Popover>\n  );\n};\n"],"mappings":";;;;;;AAMA,MAAaA,yBAA+D,EAC1E,SACA,aACA,QACA,GAAG,YACC;AACJ,QACE,oBAAC;EACC,OAAM;EACN,gBAAgB;EAChB;EACQ;EACR,WAAW;EACX,iBAAiB;YAEjB,oBAAC,kCACC,oBAAC;GAAsB,GAAI;GAAoB;IAAe,GACzC;GACf"}

package/dist/Notifications/constants.js

@@ -5,4 +5,5 @@
 const defaultDisplayLimit = 3;
 
 //#endregion
-export { defaultDisplayLimit };
+export { defaultDisplayLimit };
+//# sourceMappingURL=constants.js.map

package/dist/Notifications/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":[],"sources":["../../src/Notifications/constants.ts"],"sourcesContent":["/**\n * How many notifications are visible in the list at once by default.\n */\nexport const defaultDisplayLimit = 3;\n"],"mappings":";;;;AAGA,MAAa,sBAAsB"}

package/dist/Notifications/elements.js

@@ -17,4 +17,5 @@ const NotificationDialog = styled(Box)(css({
 }));
 
 //#endregion
-export { NotificationDialog, NotificationsWrapper };
+export { NotificationDialog, NotificationsWrapper };
+//# sourceMappingURL=elements.js.map

package/dist/Notifications/elements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elements.js","names":[],"sources":["../../src/Notifications/elements.tsx"],"sourcesContent":["import { Box, focusVisibleStyle } from '@codecademy/gamut';\nimport { css } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\n\nexport const NotificationsWrapper = styled(Box)(\n  css({\n    display: 'flex',\n    textAlign: 'left',\n    width: 400,\n  })\n);\n\nconst focusStyle = focusVisibleStyle();\n\nexport const NotificationDialog = styled(Box)(\n  css({\n    pb: 24,\n    pt: 32,\n    width: '100%',\n    ...focusStyle,\n  })\n);\n"],"mappings":";;;;;AAIA,MAAa,uBAAuB,OAAO,IAAI,CAC7C,IAAI;CACF,SAAS;CACT,WAAW;CACX,OAAO;CACR,CAAC,CACH;AAED,MAAM,aAAa,mBAAmB;AAEtC,MAAa,qBAAqB,OAAO,IAAI,CAC3C,IAAI;CACF,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,GAAG;CACJ,CAAC,CACH"}

package/dist/Notifications/types.d.ts

@@ -15,4 +15,5 @@ type AppHeaderNotificationSettings = {
   onEnable: () => void;
 };
 //#endregion
-export { AppHeaderNotificationSettings };
+export { AppHeaderNotificationSettings };
+//# sourceMappingURL=types.d.ts.map

package/dist/Notifications/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/Notifications/types.ts"],"sourcesContent":[],"mappings":";;;;KAIY,mBAAA;;EAAA,KAAA,EAAA,CAAA,YAAA,EAEY,YAFO,EAAA,GAAA,IAAA;EAEP,OAAA,EAAA,CAAA,YAAA,EACE,YADF,EAAA,GAAA,IAAA;EACE,IAAA,EAAA,CAAA,aAAA,EACF,YADE,EAAA,EAAA,GAAA,IAAA;EACF,KAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,GAAA,IAAA;CAAY;AAIxB,KAAA,6BAAA,GAA6B;WAC9B;iBACM"}

package/dist/Notifications/useHeaderNotifications.js

@@ -34,4 +34,5 @@ const useHeaderNotifications = ({ settings, Renderer }) => {
 };
 
 //#endregion
-export { useHeaderNotifications };
+export { useHeaderNotifications };
+//# sourceMappingURL=useHeaderNotifications.js.map

package/dist/Notifications/useHeaderNotifications.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeaderNotifications.js","names":[],"sources":["../../src/Notifications/useHeaderNotifications.tsx"],"sourcesContent":["import { ButtonBaseElements } from '@codecademy/gamut';\nimport { useRef, useState } from 'react';\n\nimport { AnimatedHeaderZone } from '../AppHeader/shared';\nimport { NotificationBell } from './NotificationBell';\nimport {\n  AppHeaderNotificationSettings,\n  NotificationsDropdownProps,\n} from './types';\n\nexport type HeaderNotificationProps = {\n  settings: AppHeaderNotificationSettings | undefined;\n  Renderer: React.ComponentType<NotificationsDropdownProps>;\n};\n\nexport const useHeaderNotifications = ({\n  settings,\n  Renderer,\n}: HeaderNotificationProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const bellRef = useRef<ButtonBaseElements>(null);\n\n  if (!settings) {\n    return [null, null];\n  }\n\n  const handleClose = async () => {\n    await setIsOpen(false);\n    await bellRef.current?.focus();\n  };\n\n  return [\n    {\n      id: 'notifications',\n      type: 'render-element',\n      renderElement: () => (\n        <NotificationBell\n          bellRef={bellRef}\n          isOpen={isOpen}\n          notifications={settings.notifications}\n          setIsOpen={setIsOpen}\n        />\n      ),\n    },\n\n    <AnimatedHeaderZone visible={isOpen} key=\"notifications-content\">\n      <Renderer\n        actions={settings.actions}\n        bellRef={bellRef}\n        notifications={settings.notifications}\n        isOpen={isOpen}\n        handleClose={handleClose}\n      />\n    </AnimatedHeaderZone>,\n  ] as const;\n};\n"],"mappings":";;;;;;AAeA,MAAa,0BAA0B,EACrC,UACA,eAC6B;CAC7B,MAAM,CAAC,QAAQ,aAAa,SAAS,MAAM;CAC3C,MAAM,UAAU,OAA2B,KAAK;AAEhD,KAAI,CAAC,SACH,QAAO,CAAC,MAAM,KAAK;CAGrB,MAAM,cAAc,YAAY;AAC9B,QAAM,UAAU,MAAM;AACtB,QAAM,QAAQ,SAAS,OAAO;;AAGhC,QAAO,CACL;EACE,IAAI;EACJ,MAAM;EACN,qBACE,oBAAC;GACU;GACD;GACR,eAAe,SAAS;GACb;IACX;EAEL,EAED,oBAAC;EAAmB,SAAS;YAC3B,oBAAC;GACC,SAAS,SAAS;GACT;GACT,eAAe,SAAS;GAChB;GACK;IACb;IAPqC,wBAQpB,CACtB"}

package/dist/Notifications/useNotificationButtons.js

@@ -49,4 +49,5 @@ const useNotificationButtons = ({ actions, handleClose, notifications, notificat
 };
 
 //#endregion
-export { useNotificationButtons };
+export { useNotificationButtons };
+//# sourceMappingURL=useNotificationButtons.js.map

package/dist/Notifications/useNotificationButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNotificationButtons.js","names":[],"sources":["../../src/Notifications/useNotificationButtons.tsx"],"sourcesContent":["import { Box, IconButton, TextButton } from '@codecademy/gamut';\nimport { MiniDeleteIcon } from '@codecademy/gamut-icons';\nimport { ReactElement, useState } from 'react';\n\nimport { defaultDisplayLimit } from './constants';\nimport { NotificationsProps } from './types';\n\ninterface NotificationButtons\n  extends Pick<NotificationsProps, 'notifications'> {\n  clearAllButton: ReactElement | null;\n  closeButton: ReactElement;\n  showMoreButton: ReactElement | null;\n}\n\nexport const useNotificationButtons = ({\n  actions,\n  handleClose,\n  notifications,\n  notificationListRef,\n}: NotificationsProps): NotificationButtons => {\n  const [showMore, setShowMore] = useState(false);\n  const [displayLimit, amountAdjective] = showMore\n    ? [notifications.length, 'Less']\n    : [defaultDisplayLimit, 'More'];\n\n  const closeButton = (\n    <IconButton icon={MiniDeleteIcon} onClick={handleClose} tip=\"Close\" />\n  );\n\n  if (notifications.length === 0) {\n    return {\n      clearAllButton: null,\n      closeButton,\n      showMoreButton: null,\n      notifications,\n    } as const;\n  }\n\n  const clearAllButton =\n    notifications.length > 0 &&\n    (notifications.length <= displayLimit || showMore) ? (\n      <TextButton\n        onClick={() => {\n          actions.clear();\n          actions.track('notification_clear_all');\n          notificationListRef?.current?.focus();\n        }}\n        aria-label={`Clear all ${notifications.length} notifications`}\n        mr={8}\n      >\n        Clear All\n      </TextButton>\n    ) : null;\n\n  const showMoreButton =\n    notifications.length <= defaultDisplayLimit ? null : (\n      <Box px={32}>\n        <TextButton\n          onClick={() => {\n            setShowMore(!showMore);\n\n            if (!showMore) {\n              actions.track('notification_show_more');\n              actions.read(notifications.slice(defaultDisplayLimit));\n            }\n          }}\n        >\n          Show {amountAdjective}\n        </TextButton>\n      </Box>\n    );\n\n  return {\n    clearAllButton,\n    closeButton,\n    showMoreButton,\n    notifications: notifications.slice(0, displayLimit),\n  } as const;\n};\n"],"mappings":";;;;;;;AAcA,MAAa,0BAA0B,EACrC,SACA,aACA,eACA,0BAC6C;CAC7C,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;CAC/C,MAAM,CAAC,cAAc,mBAAmB,WACpC,CAAC,cAAc,QAAQ,OAAO,GAC9B,CAAC,qBAAqB,OAAO;CAEjC,MAAM,cACJ,oBAAC;EAAW,MAAM;EAAgB,SAAS;EAAa,KAAI;GAAU;AAGxE,KAAI,cAAc,WAAW,EAC3B,QAAO;EACL,gBAAgB;EAChB;EACA,gBAAgB;EAChB;EACD;AAqCH,QAAO;EACL,gBAlCA,cAAc,SAAS,MACtB,cAAc,UAAU,gBAAgB,YACvC,oBAAC;GACC,eAAe;AACb,YAAQ,OAAO;AACf,YAAQ,MAAM,yBAAyB;AACvC,yBAAqB,SAAS,OAAO;;GAEvC,cAAY,aAAa,cAAc,OAAO;GAC9C,IAAI;aACL;IAEY,GACX;EAsBJ;EACA,gBApBA,cAAc,UAAU,sBAAsB,OAC5C,oBAAC;GAAI,IAAI;aACP,qBAAC;IACC,eAAe;AACb,iBAAY,CAAC,SAAS;AAEtB,SAAI,CAAC,UAAU;AACb,cAAQ,MAAM,yBAAyB;AACvC,cAAQ,KAAK,cAAc,MAAM,oBAAoB,CAAC;;;eAG3D,SACO;KACK;IACT;EAOR,eAAe,cAAc,MAAM,GAAG,aAAa;EACpD"}

package/dist/PageAlerts/PageAlerts.d.ts

@@ -1,16 +1,17 @@
 import { PageAlert } from "./types.js";
 import * as _emotion_styled4 from "@emotion/styled";
 import * as React$1 from "react";
-import * as _emotion_react18 from "@emotion/react";
+import * as _emotion_react10 from "@emotion/react";
 
 //#region src/PageAlerts/PageAlerts.d.ts
 type PageAlertsProps = {
   extra?: PageAlert[];
 };
 declare const AlertArea: _emotion_styled4.StyledComponent<{
-  theme?: _emotion_react18.Theme;
+  theme?: _emotion_react10.Theme;
   as?: React$1.ElementType;
 }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const PageAlerts: React$1.FC<PageAlertsProps>;
 //#endregion
-export { AlertArea, PageAlerts, PageAlertsProps };
+export { AlertArea, PageAlerts, PageAlertsProps };
+//# sourceMappingURL=PageAlerts.d.ts.map

package/dist/PageAlerts/PageAlerts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageAlerts.d.ts","names":[],"sources":["../../src/PageAlerts/PageAlerts.tsx"],"sourcesContent":[],"mappings":";;;;;;KAWY,eAAA;UACF;;cAGG,4BAAS;EAJV,KAAA,CAAA,EAgBX,gBAAA,CAAA,KAfS;EAGG,EAAA,CAAA,qBAYZ;CAAA,2BAAA,uBAAA,eAAA,CAAA,gBAAA,CAAA,EAAA,CAAA,CAAA,CAAA;cAMY,YAAY,OAAA,CAAM,GAAG"}

package/dist/PageAlerts/PageAlerts.js

@@ -62,4 +62,5 @@ const PageAlerts = ({ extra = [] }) => {
 };
 
 //#endregion
-export { AlertArea, PageAlerts };
+export { AlertArea, PageAlerts };
+//# sourceMappingURL=PageAlerts.js.map

package/dist/PageAlerts/PageAlerts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageAlerts.js","names":["PageAlerts: React.FC<PageAlertsProps>","alertArea"],"sources":["../../src/PageAlerts/PageAlerts.tsx"],"sourcesContent":["import { Alert, BodyPortal, ContentContainer } from '@codecademy/gamut';\nimport styled from '@emotion/styled';\nimport { useCallback, useContext, useEffect, useState } from 'react';\nimport * as React from 'react';\n\nimport {\n  PageAlertsContext,\n  PageAlertsContextValue,\n} from './PageAlertsProvider';\nimport { PageAlert } from './types';\n\nexport type PageAlertsProps = {\n  extra?: PageAlert[];\n};\n\nexport const AlertArea = styled.div`\n  display: grid;\n  justify-content: center;\n  width: 100%;\n  padding: 1rem 0rem;\n  grid-template-columns: 1fr;\n  row-gap: 1rem;\n  top: 3.5rem;\n  left: 50%;\n  z-index: 15;\n  position: fixed;\n  transform: translate(-50%, 0);\n`;\n\nconst StyledAlert = styled(Alert)`\n  max-width: 100%;\n`;\n\nexport const PageAlerts: React.FC<PageAlertsProps> = ({ extra = [] }) => {\n  const { alerts, closeAlert, addAlert } =\n    useContext<PageAlertsContextValue>(PageAlertsContext);\n\n  useEffect(() => {\n    extra.forEach(addAlert);\n  }, [extra, addAlert]);\n\n  const [alertArea, setAlertArea] = useState<HTMLDivElement>();\n  const refCallback = useCallback(\n    (alertArea: HTMLDivElement) => {\n      setAlertArea(alertArea);\n    },\n    [setAlertArea]\n  );\n\n  const focusAlertCloseButton = useCallback(() => {\n    const refButton = alertArea?.querySelector('button');\n    refButton?.focus();\n  }, [alertArea]);\n\n  // Focus when alertArea is first rendered, as well as when alerts change\n  useEffect(() => {\n    focusAlertCloseButton();\n  }, [alerts, focusAlertCloseButton, alertArea]);\n\n  if (!alerts?.length) return null;\n\n  return (\n    <BodyPortal>\n      <AlertArea\n        role=\"alert\"\n        aria-live=\"assertive\"\n        key=\"alerts\"\n        ref={refCallback}\n      >\n        {alerts.map((alert) => (\n          <ContentContainer size=\"medium\" key={alert.message}>\n            <StyledAlert\n              cta={alert.cta}\n              onClose={\n                alert.permanent\n                  ? undefined\n                  : () => {\n                      closeAlert(alert.message);\n                      alert?.onClose?.();\n                    }\n              }\n              type={alert.type}\n              placement=\"floating\"\n            >\n              {alert.message}\n            </StyledAlert>\n          </ContentContainer>\n        ))}\n      </AlertArea>\n    </BodyPortal>\n  );\n};\n"],"mappings":";;;;;;;AAeA,MAAa,YAAY,OAAO,GAAG;;;;;;;;;;;;;AAcnC,MAAM,cAAc,OAAO,MAAM;;;AAIjC,MAAaA,cAAyC,EAAE,QAAQ,EAAE,OAAO;CACvE,MAAM,EAAE,QAAQ,YAAY,aAC1B,WAAmC,kBAAkB;AAEvD,iBAAgB;AACd,QAAM,QAAQ,SAAS;IACtB,CAAC,OAAO,SAAS,CAAC;CAErB,MAAM,CAAC,WAAW,gBAAgB,UAA0B;CAC5D,MAAM,cAAc,aACjB,gBAA8B;AAC7B,eAAaC,YAAU;IAEzB,CAAC,aAAa,CACf;CAED,MAAM,wBAAwB,kBAAkB;AAE9C,GADkB,WAAW,cAAc,SAAS,GACzC,OAAO;IACjB,CAAC,UAAU,CAAC;AAGf,iBAAgB;AACd,yBAAuB;IACtB;EAAC;EAAQ;EAAuB;EAAU,CAAC;AAE9C,KAAI,CAAC,QAAQ,OAAQ,QAAO;AAE5B,QACE,oBAAC,wBACC,oBAAC;EACC,MAAK;EACL,aAAU;EAEV,KAAK;YAEJ,OAAO,KAAK,UACX,oBAAC;GAAiB,MAAK;aACrB,oBAAC;IACC,KAAK,MAAM;IACX,SACE,MAAM,YACF,eACM;AACJ,gBAAW,MAAM,QAAQ;AACzB,YAAO,WAAW;;IAG1B,MAAM,MAAM;IACZ,WAAU;cAET,MAAM;KACK;KAfqB,MAAM,QAgBxB,CACnB;IArBE,SAsBM,GACD"}

package/dist/PageAlerts/PageAlertsProvider.d.ts

@@ -12,4 +12,5 @@ type PageAlertsContextValue = {
 declare const PageAlertsContext: React$1.Context<PageAlertsContextValue>;
 declare const PageAlertsProvider: React$1.FC<WithChildrenProp>;
 //#endregion
-export { PageAlertsContext, PageAlertsContextValue, PageAlertsProvider, usePageAlertsContext };
+export { PageAlertsContext, PageAlertsContextValue, PageAlertsProvider, usePageAlertsContext };
+//# sourceMappingURL=PageAlertsProvider.d.ts.map

package/dist/PageAlerts/PageAlertsProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageAlertsProvider.d.ts","names":[],"sources":["../../src/PageAlerts/PageAlertsProvider.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,4BAAoB;KAErB,sBAAA;EAFC,MAAA,EAGH,SAHG,EAAA;EAED,QAAA,EAAA,CAAA,KAAA,EAEQ,SAFc,EAAA,GAAA,IAAA;EAMrB,UAAA,EAAA,CAAA,YAIX,EAAA,MAJ4B,EAAA,GAAA,IAAA;AAM9B,CAAA;cANa,mBAAiB,OAAA,CAAA,QAAA;cAMjB,oBAAoB,OAAA,CAAM,GAAG"}

package/dist/PageAlerts/PageAlertsProvider.js

@@ -34,4 +34,5 @@ const PageAlertsProvider = ({ children }) => {
 };
 
 //#endregion
-export { PageAlertsContext, PageAlertsProvider, usePageAlertsContext };
+export { PageAlertsContext, PageAlertsProvider, usePageAlertsContext };
+//# sourceMappingURL=PageAlertsProvider.js.map

package/dist/PageAlerts/PageAlertsProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageAlertsProvider.js","names":["React","PageAlertsProvider: React.FC<WithChildrenProp>"],"sources":["../../src/PageAlerts/PageAlertsProvider.tsx"],"sourcesContent":["import { WithChildrenProp } from '@codecademy/gamut';\nimport noop from 'lodash/fp/noop';\nimport { useCallback, useContext, useState } from 'react';\nimport * as React from 'react';\n\nimport { PageAlert } from './types';\n\nexport const usePageAlertsContext = () => useContext(PageAlertsContext);\n\nexport type PageAlertsContextValue = {\n  alerts: PageAlert[];\n  addAlert: (alert: PageAlert) => void;\n  closeAlert: (alertMessage: string) => void;\n};\n\nexport const PageAlertsContext = React.createContext<PageAlertsContextValue>({\n  alerts: [],\n  addAlert: noop,\n  closeAlert: noop,\n});\n\nexport const PageAlertsProvider: React.FC<WithChildrenProp> = ({\n  children,\n}) => {\n  const [alerts, setAlerts] = useState<PageAlert[]>([]);\n\n  const addAlert = useCallback((newAlert: PageAlert) => {\n    setAlerts((existingAlerts) => {\n      if (!existingAlerts.some((alert) => alert.message === newAlert.message))\n        return [...existingAlerts, newAlert];\n\n      return existingAlerts;\n    });\n  }, []);\n\n  const closeAlert = useCallback((message: string) => {\n    setAlerts((existingAlerts) => {\n      return existingAlerts.filter((alert) => alert.message !== message);\n    });\n  }, []);\n\n  return (\n    <PageAlertsContext.Provider value={{ alerts, addAlert, closeAlert }}>\n      {children}\n    </PageAlertsContext.Provider>\n  );\n};\n"],"mappings":";;;;;;AAOA,MAAa,6BAA6B,WAAW,kBAAkB;AAQvE,MAAa,oBAAoBA,QAAM,cAAsC;CAC3E,QAAQ,EAAE;CACV,UAAU;CACV,YAAY;CACb,CAAC;AAEF,MAAaC,sBAAkD,EAC7D,eACI;CACJ,MAAM,CAAC,QAAQ,aAAa,SAAsB,EAAE,CAAC;CAErD,MAAM,WAAW,aAAa,aAAwB;AACpD,aAAW,mBAAmB;AAC5B,OAAI,CAAC,eAAe,MAAM,UAAU,MAAM,YAAY,SAAS,QAAQ,CACrE,QAAO,CAAC,GAAG,gBAAgB,SAAS;AAEtC,UAAO;IACP;IACD,EAAE,CAAC;CAEN,MAAM,aAAa,aAAa,YAAoB;AAClD,aAAW,mBAAmB;AAC5B,UAAO,eAAe,QAAQ,UAAU,MAAM,YAAY,QAAQ;IAClE;IACD,EAAE,CAAC;AAEN,QACE,oBAAC,kBAAkB;EAAS,OAAO;GAAE;GAAQ;GAAU;GAAY;EAChE;GAC0B"}

package/dist/PageAlerts/types.d.ts

@@ -15,4 +15,5 @@ type PageAlert = {
   permanent?: boolean;
 };
 //#endregion
-export { PageAlert };
+export { PageAlert };
+//# sourceMappingURL=types.d.ts.map

package/dist/PageAlerts/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/PageAlerts/types.ts"],"sourcesContent":[],"mappings":";;;;KAGK,UAAA,GAAa,SAAS,sBAAsB;KAE5C,eAAA;AAJkC,KAMlC,mBAAA,GAJU,WAKJ,OALsC,CAAA,MAMvC,UANuC,CAAA,KAAA,CAAA,EAO7C,eAP6C,CAAA,IAQ1C,UAR0C,CAAA,KAAA,CAAA,CAQxB,IARwB,CAAA,EAAtB;AAAT,KAWN,SAAA,GAXM;EAAQ,GAAA,CAAA,EAYlB,mBAZkB,GAAA;IAErB,IAAA,CAAA,EAAA,MAAA;EAEA,CAAA;EAEK,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EACN,IAAA,EAOI,OAPJ,CAOY,UAPZ,CAAA,MAAA,CAAA,EAAA,QAAA,CAAA;EAFO,OAAA,EAAA,MAAA;EAGJ,SAAA,CAAA,EAAA,OAAA;CAAkB"}