@codecademy/brand 3.36.3 → 3.37.0-alpha.ebb9d29302.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/MarketingBanner.js +3 -5
- package/dist/AppHeader/AppHeaderElements/AppHeaderSection/NavTabs.js +64 -21
- package/dist/AppHeader/AppHeaderElements/AppHeaderSection/PanelLayout.js +13 -7
- package/dist/AppHeader/AppHeaderElements/AppHeaderSection/elements.d.ts +6 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderSection/elements.js +30 -19
- package/dist/AppHeader/AppHeaderElements/AppHeaderSection/index.js +57 -55
- package/dist/AppHeader/Search/SearchPane.js +10 -10
- package/dist/GlobalHeader/context.js +1 -1
- package/package.json +2 -2
|
@@ -12,7 +12,7 @@ const MarketingBannerAnchor = /*#__PURE__*/_styled(Anchor, {
|
|
|
12
12
|
styles: "display:flex;&:hover,&:focus-visible{outline:none;text-decoration:none;}"
|
|
13
13
|
} : {
|
|
14
14
|
name: "pdaf9u",
|
|
15
|
-
styles: "display:flex;&:hover,&:focus-visible{outline:none;text-decoration:none;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL01hcmtldGluZ0Jhbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTTRDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL01hcmtldGluZ0Jhbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJhZGdlLCBCb3gsIEZsZXhCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBBcnJvd1JpZ2h0SWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gZnJvbSAnLi4vLi4vLi4vR2xvYmFsSGVhZGVyL2NvbnRleHQnO1xuXG5jb25zdCBNYXJrZXRpbmdCYW5uZXJBbmNob3IgPSBzdHlsZWQoQW5jaG9yKWBcbiAgZGlzcGxheTogZmxleDtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBNYXJrZXRpbmdCYW5uZXJCb3ggPSBzdHlsZWQoRmxleEJveClgXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydib3JkZXItdGVydGlhcnknXX0sXG4gICAgJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4yMCknO1xuICBib3JkZXItcmFkaXVzOiAxMnB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAxNDVkZWcsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktODAwJ119IDUwJSxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYmx1ZS00MDAnXX0gMTAwJVxuICApO1xuXG4gICY6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAgIDE0NWRlZyxcbiAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTgwMCddfSA4NSUsXG4gICAgICAkeyh7IHRoZW1lIH0pID0+
|
|
15
|
+
styles: "display:flex;&:hover,&:focus-visible{outline:none;text-decoration:none;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL01hcmtldGluZ0Jhbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTTRDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL01hcmtldGluZ0Jhbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJhZGdlLCBCb3gsIEZsZXhCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBBcnJvd1JpZ2h0SWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gZnJvbSAnLi4vLi4vLi4vR2xvYmFsSGVhZGVyL2NvbnRleHQnO1xuXG5jb25zdCBNYXJrZXRpbmdCYW5uZXJBbmNob3IgPSBzdHlsZWQoQW5jaG9yKWBcbiAgZGlzcGxheTogZmxleDtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBNYXJrZXRpbmdCYW5uZXJCb3ggPSBzdHlsZWQoRmxleEJveClgXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydib3JkZXItdGVydGlhcnknXX0sXG4gICAgJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4yMCknO1xuICBib3JkZXItcmFkaXVzOiAxMnB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAxNDVkZWcsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktODAwJ119IDUwJSxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYmx1ZS00MDAnXX0gMTAwJVxuICApO1xuXG4gICY6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAgIDE0NWRlZyxcbiAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTgwMCddfSA4NSUsXG4gICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYmx1ZS00MDAnXX0gMTAwJVxuICAgICk7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuNHMgZWFzZS1pbi1vdXQ7XG4gICAgYm9yZGVyLXJhZGl1czogMTJweDtcbiAgfVxuXG4gICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpob3ZlciAmLCAke01hcmtldGluZ0Jhbm5lckFuY2hvcn06Zm9jdXMtdmlzaWJsZSAmIHtcbiAgICAmOjphZnRlciB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgTWFya2V0aW5nQXJyb3dJY29uID0gc3R5bGVkKEFycm93UmlnaHRJY29uKWBcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgZWFzZS1pbi1vdXQ7XG5cbiAgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmhvdmVyICYsICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpmb2N1cy12aXNpYmxlICYge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMHB4KTtcbiAgfVxuXG4gIEBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gICAgdHJhbnNpdGlvbjogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IHR5cGUgTWFya2V0aW5nQmFubmVyUHJvcHMgPSB7XG4gIHRhYkluZGV4OiBudW1iZXI7XG4gIHRleHQ6IHN0cmluZztcbiAgaHJlZjogc3RyaW5nO1xufTtcblxuZXhwb3J0IGNvbnN0IE1hcmtldGluZ0Jhbm5lcjogUmVhY3QuRkM8TWFya2V0aW5nQmFubmVyUHJvcHM+ID0gKHtcbiAgdGFiSW5kZXgsXG4gIHRleHQsXG4gIGhyZWYsXG59KSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcblxuICByZXR1cm4gKFxuICAgIDxNYXJrZXRpbmdCYW5uZXJBbmNob3JcbiAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgaHJlZj17aHJlZn1cbiAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudCwgTW91c2VFdmVudD4pID0+XG4gICAgICAgIGdsb2JhbEhlYWRlckl0ZW1DbGljayhldmVudCwge1xuICAgICAgICAgIHR5cGU6ICdsaW5rJyxcbiAgICAgICAgICBocmVmLFxuICAgICAgICAgIHRleHQsXG4gICAgICAgICAgaWQ6ICd0b3BuYXZfY2F0YWxvZ19iYW5uZXInLFxuICAgICAgICAgIHRyYWNraW5nVGFyZ2V0OiAndG9wbmF2X2NhdGFsb2dfYmFubmVyJyxcbiAgICAgICAgfSlcbiAgICAgIH1cbiAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgIGRhdGEtdGVzdGlkPVwibWFya2V0aW5nLWJhbm5lclwiXG4gICAgPlxuICAgICAgPE1hcmtldGluZ0Jhbm5lckJveFxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgICAgICBhbGlnbkl0ZW1zPXt7IF86ICdmbGV4LWVuZCcsIGxnOiAnY2VudGVyJyB9fVxuICAgICAgICBoZWlnaHQ9e3sgXzogJ2F1dG8nLCBsZzogJzQwcHgnIH19XG4gICAgICAgIGNvbG9yPVwid2hpdGVcIlxuICAgICAgICBteD17OH1cbiAgICAgICAgbXQ9ezh9XG4gICAgICAgIHB4PXsyNH1cbiAgICAgICAgcHk9e3sgXzogMTYsIGxnOiA4IH19XG4gICAgICAgIGJvcmRlclJhZGl1cz1cImxnXCJcbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBhbGlnbkl0ZW1zPXt7IF86ICdmbGV4LXN0YXJ0JywgbGc6ICdjZW50ZXInIH19XG4gICAgICAgICAgZmxleERpcmVjdGlvbj17eyBfOiAnY29sdW1uJywgbGc6ICdyb3cnIH19XG4gICAgICAgICAgZ2FwPXt7IF86IDgsIGxnOiAwIH19XG4gICAgICAgICAgekluZGV4PXsxfVxuICAgICAgICA+XG4gICAgICAgICAgPEJhZGdlXG4gICAgICAgICAgICBiZz1cInllbGxvdy01MDBcIlxuICAgICAgICAgICAgY29sb3I9XCJuYXZ5LTgwMFwiXG4gICAgICAgICAgICB2YXJpYW50PVwiY3VzdG9tXCJcbiAgICAgICAgICAgIHNpemU9XCJzbVwiXG4gICAgICAgICAgICBtcj17OH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICBOZXdcbiAgICAgICAgICA8L0JhZGdlPlxuICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLWJhc2VcIj57dGV4dH08L1RleHQ+XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgPEJveCBoZWlnaHQ9ezE2fSB3aWR0aD17MTZ9IHpJbmRleD17MX0+XG4gICAgICAgICAgPE1hcmtldGluZ0Fycm93SWNvbiAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvTWFya2V0aW5nQmFubmVyQm94PlxuICAgIDwvTWFya2V0aW5nQmFubmVyQW5jaG9yPlxuICApO1xufTtcbiJdfQ== */",
|
|
16
16
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
17
17
|
});
|
|
18
18
|
const MarketingBannerBox = /*#__PURE__*/_styled(FlexBox, {
|
|
@@ -28,13 +28,11 @@ const MarketingBannerBox = /*#__PURE__*/_styled(FlexBox, {
|
|
|
28
28
|
theme
|
|
29
29
|
}) => theme.colors['navy-800'], " 85%,\n ", ({
|
|
30
30
|
theme
|
|
31
|
-
}) => theme.colors['blue-400'], " 100%\n );opacity:0;transition:opacity 0.4s ease-in-out;border-radius:12px;}", MarketingBannerAnchor, ":hover &,", MarketingBannerAnchor, ":focus-visible &{
|
|
32
|
-
theme
|
|
33
|
-
}) => theme.colors['yellow-500'], ";&::after{opacity:1;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL01hcmtldGluZ0Jhbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0IwQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckNhdGFsb2dEcm9wZG93bi9NYXJrZXRpbmdCYW5uZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBCYWRnZSwgQm94LCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQXJyb3dSaWdodEljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljayB9IGZyb20gJy4uLy4uLy4uL0dsb2JhbEhlYWRlci9jb250ZXh0JztcblxuY29uc3QgTWFya2V0aW5nQmFubmVyQW5jaG9yID0gc3R5bGVkKEFuY2hvcilgXG4gIGRpc3BsYXk6IGZsZXg7XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgTWFya2V0aW5nQmFubmVyQm94ID0gc3R5bGVkKEZsZXhCb3gpYFxuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYm9yZGVyLXRlcnRpYXJ5J119LFxuICAgICdyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMjApJztcbiAgYm9yZGVyLXJhZGl1czogMTJweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgMTQ1ZGVnLFxuICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTgwMCddfSA1MCUsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JsdWUtNDAwJ119IDEwMCVcbiAgKTtcblxuICAmOjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAxNDVkZWcsXG4gICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snbmF2eS04MDAnXX0gODUlLFxuICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JsdWUtNDAwJ119IDEwMCVcbiAgICApO1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjRzIGVhc2UtaW4tb3V0O1xuICAgIGJvcmRlci1yYWRpdXM6IDEycHg7XG4gIH1cblxuICAke01hcmtldGluZ0Jhbm5lckFuY2hvcn06aG92ZXIgJiwgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmZvY3VzLXZpc2libGUgJiB7XG4gICAgYm94LXNoYWRvdzogMCAwIDAgMnB4ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyd5ZWxsb3ctNTAwJ119O1xuXG4gICAgJjo6YWZ0ZXIge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IE1hcmtldGluZ0Fycm93SWNvbiA9IHN0eWxlZChBcnJvd1JpZ2h0SWNvbilgXG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjJzIGVhc2UtaW4tb3V0O1xuXG4gICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpob3ZlciAmLCAke01hcmtldGluZ0Jhbm5lckFuY2hvcn06Zm9jdXMtdmlzaWJsZSAmIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTBweCk7XG4gIH1cblxuICBAbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAgIHRyYW5zaXRpb246IG5vbmU7XG4gIH1cbmA7XG5cbmV4cG9ydCB0eXBlIE1hcmtldGluZ0Jhbm5lclByb3BzID0ge1xuICB0YWJJbmRleDogbnVtYmVyO1xuICB0ZXh0OiBzdHJpbmc7XG4gIGhyZWY6IHN0cmluZztcbn07XG5cbmV4cG9ydCBjb25zdCBNYXJrZXRpbmdCYW5uZXI6IFJlYWN0LkZDPE1hcmtldGluZ0Jhbm5lclByb3BzPiA9ICh7XG4gIHRhYkluZGV4LFxuICB0ZXh0LFxuICBocmVmLFxufSkgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckl0ZW1DbGljayB9ID0gdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8TWFya2V0aW5nQmFubmVyQW5jaG9yXG4gICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEFuY2hvckVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PlxuICAgICAgICBnbG9iYWxIZWFkZXJJdGVtQ2xpY2soZXZlbnQsIHtcbiAgICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgICAgaHJlZixcbiAgICAgICAgICB0ZXh0LFxuICAgICAgICAgIGlkOiAndG9wbmF2X2NhdGFsb2dfYmFubmVyJyxcbiAgICAgICAgICB0cmFja2luZ1RhcmdldDogJ3RvcG5hdl9jYXRhbG9nX2Jhbm5lcicsXG4gICAgICAgIH0pXG4gICAgICB9XG4gICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICBkYXRhLXRlc3RpZD1cIm1hcmtldGluZy1iYW5uZXJcIlxuICAgID5cbiAgICAgIDxNYXJrZXRpbmdCYW5uZXJCb3hcbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCJcbiAgICAgICAgYWxpZ25JdGVtcz17eyBfOiAnZmxleC1lbmQnLCBsZzogJ2NlbnRlcicgfX1cbiAgICAgICAgaGVpZ2h0PXt7IF86ICdhdXRvJywgbGc6ICc0MHB4JyB9fVxuICAgICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgICAgbXg9ezh9XG4gICAgICAgIG10PXs4fVxuICAgICAgICBweD17MjR9XG4gICAgICAgIHB5PXt7IF86IDE2LCBsZzogOCB9fVxuICAgICAgICBib3JkZXJSYWRpdXM9XCJsZ1wiXG4gICAgICA+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgYWxpZ25JdGVtcz17eyBfOiAnZmxleC1zdGFydCcsIGxnOiAnY2VudGVyJyB9fVxuICAgICAgICAgIGZsZXhEaXJlY3Rpb249e3sgXzogJ2NvbHVtbicsIGxnOiAncm93JyB9fVxuICAgICAgICAgIGdhcD17eyBfOiA4LCBsZzogMCB9fVxuICAgICAgICAgIHpJbmRleD17MX1cbiAgICAgICAgPlxuICAgICAgICAgIDxCYWRnZVxuICAgICAgICAgICAgYmc9XCJ5ZWxsb3ctNTAwXCJcbiAgICAgICAgICAgIGNvbG9yPVwibmF2eS04MDBcIlxuICAgICAgICAgICAgdmFyaWFudD1cImN1c3RvbVwiXG4gICAgICAgICAgICBzaXplPVwic21cIlxuICAgICAgICAgICAgbXI9ezh9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgTmV3XG4gICAgICAgICAgPC9CYWRnZT5cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1iYXNlXCI+e3RleHR9PC9UZXh0PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDxCb3ggaGVpZ2h0PXsxNn0gd2lkdGg9ezE2fSB6SW5kZXg9ezF9PlxuICAgICAgICAgIDxNYXJrZXRpbmdBcnJvd0ljb24gLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L01hcmtldGluZ0Jhbm5lckJveD5cbiAgICA8L01hcmtldGluZ0Jhbm5lckFuY2hvcj5cbiAgKTtcbn07XG4iXX0= */"));
|
|
31
|
+
}) => theme.colors['blue-400'], " 100%\n );opacity:0;transition:opacity 0.4s ease-in-out;border-radius:12px;}", MarketingBannerAnchor, ":hover &,", MarketingBannerAnchor, ":focus-visible &{&::after{opacity:1;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL01hcmtldGluZ0Jhbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0IwQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckNhdGFsb2dEcm9wZG93bi9NYXJrZXRpbmdCYW5uZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBCYWRnZSwgQm94LCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQXJyb3dSaWdodEljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljayB9IGZyb20gJy4uLy4uLy4uL0dsb2JhbEhlYWRlci9jb250ZXh0JztcblxuY29uc3QgTWFya2V0aW5nQmFubmVyQW5jaG9yID0gc3R5bGVkKEFuY2hvcilgXG4gIGRpc3BsYXk6IGZsZXg7XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgTWFya2V0aW5nQmFubmVyQm94ID0gc3R5bGVkKEZsZXhCb3gpYFxuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYm9yZGVyLXRlcnRpYXJ5J119LFxuICAgICdyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMjApJztcbiAgYm9yZGVyLXJhZGl1czogMTJweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgMTQ1ZGVnLFxuICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTgwMCddfSA1MCUsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JsdWUtNDAwJ119IDEwMCVcbiAgKTtcblxuICAmOjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAxNDVkZWcsXG4gICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snbmF2eS04MDAnXX0gODUlLFxuICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JsdWUtNDAwJ119IDEwMCVcbiAgICApO1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjRzIGVhc2UtaW4tb3V0O1xuICAgIGJvcmRlci1yYWRpdXM6IDEycHg7XG4gIH1cblxuICAke01hcmtldGluZ0Jhbm5lckFuY2hvcn06aG92ZXIgJiwgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmZvY3VzLXZpc2libGUgJiB7XG4gICAgJjo6YWZ0ZXIge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IE1hcmtldGluZ0Fycm93SWNvbiA9IHN0eWxlZChBcnJvd1JpZ2h0SWNvbilgXG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjJzIGVhc2UtaW4tb3V0O1xuXG4gICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpob3ZlciAmLCAke01hcmtldGluZ0Jhbm5lckFuY2hvcn06Zm9jdXMtdmlzaWJsZSAmIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTBweCk7XG4gIH1cblxuICBAbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAgIHRyYW5zaXRpb246IG5vbmU7XG4gIH1cbmA7XG5cbmV4cG9ydCB0eXBlIE1hcmtldGluZ0Jhbm5lclByb3BzID0ge1xuICB0YWJJbmRleDogbnVtYmVyO1xuICB0ZXh0OiBzdHJpbmc7XG4gIGhyZWY6IHN0cmluZztcbn07XG5cbmV4cG9ydCBjb25zdCBNYXJrZXRpbmdCYW5uZXI6IFJlYWN0LkZDPE1hcmtldGluZ0Jhbm5lclByb3BzPiA9ICh7XG4gIHRhYkluZGV4LFxuICB0ZXh0LFxuICBocmVmLFxufSkgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckl0ZW1DbGljayB9ID0gdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8TWFya2V0aW5nQmFubmVyQW5jaG9yXG4gICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEFuY2hvckVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PlxuICAgICAgICBnbG9iYWxIZWFkZXJJdGVtQ2xpY2soZXZlbnQsIHtcbiAgICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgICAgaHJlZixcbiAgICAgICAgICB0ZXh0LFxuICAgICAgICAgIGlkOiAndG9wbmF2X2NhdGFsb2dfYmFubmVyJyxcbiAgICAgICAgICB0cmFja2luZ1RhcmdldDogJ3RvcG5hdl9jYXRhbG9nX2Jhbm5lcicsXG4gICAgICAgIH0pXG4gICAgICB9XG4gICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICBkYXRhLXRlc3RpZD1cIm1hcmtldGluZy1iYW5uZXJcIlxuICAgID5cbiAgICAgIDxNYXJrZXRpbmdCYW5uZXJCb3hcbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCJcbiAgICAgICAgYWxpZ25JdGVtcz17eyBfOiAnZmxleC1lbmQnLCBsZzogJ2NlbnRlcicgfX1cbiAgICAgICAgaGVpZ2h0PXt7IF86ICdhdXRvJywgbGc6ICc0MHB4JyB9fVxuICAgICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgICAgbXg9ezh9XG4gICAgICAgIG10PXs4fVxuICAgICAgICBweD17MjR9XG4gICAgICAgIHB5PXt7IF86IDE2LCBsZzogOCB9fVxuICAgICAgICBib3JkZXJSYWRpdXM9XCJsZ1wiXG4gICAgICA+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgYWxpZ25JdGVtcz17eyBfOiAnZmxleC1zdGFydCcsIGxnOiAnY2VudGVyJyB9fVxuICAgICAgICAgIGZsZXhEaXJlY3Rpb249e3sgXzogJ2NvbHVtbicsIGxnOiAncm93JyB9fVxuICAgICAgICAgIGdhcD17eyBfOiA4LCBsZzogMCB9fVxuICAgICAgICAgIHpJbmRleD17MX1cbiAgICAgICAgPlxuICAgICAgICAgIDxCYWRnZVxuICAgICAgICAgICAgYmc9XCJ5ZWxsb3ctNTAwXCJcbiAgICAgICAgICAgIGNvbG9yPVwibmF2eS04MDBcIlxuICAgICAgICAgICAgdmFyaWFudD1cImN1c3RvbVwiXG4gICAgICAgICAgICBzaXplPVwic21cIlxuICAgICAgICAgICAgbXI9ezh9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgTmV3XG4gICAgICAgICAgPC9CYWRnZT5cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1iYXNlXCI+e3RleHR9PC9UZXh0PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDxCb3ggaGVpZ2h0PXsxNn0gd2lkdGg9ezE2fSB6SW5kZXg9ezF9PlxuICAgICAgICAgIDxNYXJrZXRpbmdBcnJvd0ljb24gLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L01hcmtldGluZ0Jhbm5lckJveD5cbiAgICA8L01hcmtldGluZ0Jhbm5lckFuY2hvcj5cbiAgKTtcbn07XG4iXX0= */"));
|
|
34
32
|
const MarketingArrowIcon = /*#__PURE__*/_styled(ArrowRightIcon, {
|
|
35
33
|
target: "e11di3440",
|
|
36
34
|
label: "MarketingArrowIcon"
|
|
37
|
-
})("transition:transform 0.2s ease-in-out;", MarketingBannerAnchor, ":hover &,", MarketingBannerAnchor, ":focus-visible &{transform:translateX(10px);}@media (prefers-reduced-motion: reduce){transition:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
35
|
+
})("transition:transform 0.2s ease-in-out;", MarketingBannerAnchor, ":hover &,", MarketingBannerAnchor, ":focus-visible &{transform:translateX(10px);}@media (prefers-reduced-motion: reduce){transition:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL01hcmtldGluZ0Jhbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbURpRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckNhdGFsb2dEcm9wZG93bi9NYXJrZXRpbmdCYW5uZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBCYWRnZSwgQm94LCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQXJyb3dSaWdodEljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljayB9IGZyb20gJy4uLy4uLy4uL0dsb2JhbEhlYWRlci9jb250ZXh0JztcblxuY29uc3QgTWFya2V0aW5nQmFubmVyQW5jaG9yID0gc3R5bGVkKEFuY2hvcilgXG4gIGRpc3BsYXk6IGZsZXg7XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgTWFya2V0aW5nQmFubmVyQm94ID0gc3R5bGVkKEZsZXhCb3gpYFxuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYm9yZGVyLXRlcnRpYXJ5J119LFxuICAgICdyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMjApJztcbiAgYm9yZGVyLXJhZGl1czogMTJweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgMTQ1ZGVnLFxuICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTgwMCddfSA1MCUsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JsdWUtNDAwJ119IDEwMCVcbiAgKTtcblxuICAmOjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAxNDVkZWcsXG4gICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snbmF2eS04MDAnXX0gODUlLFxuICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JsdWUtNDAwJ119IDEwMCVcbiAgICApO1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjRzIGVhc2UtaW4tb3V0O1xuICAgIGJvcmRlci1yYWRpdXM6IDEycHg7XG4gIH1cblxuICAke01hcmtldGluZ0Jhbm5lckFuY2hvcn06aG92ZXIgJiwgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmZvY3VzLXZpc2libGUgJiB7XG4gICAgJjo6YWZ0ZXIge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IE1hcmtldGluZ0Fycm93SWNvbiA9IHN0eWxlZChBcnJvd1JpZ2h0SWNvbilgXG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjJzIGVhc2UtaW4tb3V0O1xuXG4gICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpob3ZlciAmLCAke01hcmtldGluZ0Jhbm5lckFuY2hvcn06Zm9jdXMtdmlzaWJsZSAmIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTBweCk7XG4gIH1cblxuICBAbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAgIHRyYW5zaXRpb246IG5vbmU7XG4gIH1cbmA7XG5cbmV4cG9ydCB0eXBlIE1hcmtldGluZ0Jhbm5lclByb3BzID0ge1xuICB0YWJJbmRleDogbnVtYmVyO1xuICB0ZXh0OiBzdHJpbmc7XG4gIGhyZWY6IHN0cmluZztcbn07XG5cbmV4cG9ydCBjb25zdCBNYXJrZXRpbmdCYW5uZXI6IFJlYWN0LkZDPE1hcmtldGluZ0Jhbm5lclByb3BzPiA9ICh7XG4gIHRhYkluZGV4LFxuICB0ZXh0LFxuICBocmVmLFxufSkgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckl0ZW1DbGljayB9ID0gdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8TWFya2V0aW5nQmFubmVyQW5jaG9yXG4gICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEFuY2hvckVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PlxuICAgICAgICBnbG9iYWxIZWFkZXJJdGVtQ2xpY2soZXZlbnQsIHtcbiAgICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgICAgaHJlZixcbiAgICAgICAgICB0ZXh0LFxuICAgICAgICAgIGlkOiAndG9wbmF2X2NhdGFsb2dfYmFubmVyJyxcbiAgICAgICAgICB0cmFja2luZ1RhcmdldDogJ3RvcG5hdl9jYXRhbG9nX2Jhbm5lcicsXG4gICAgICAgIH0pXG4gICAgICB9XG4gICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICBkYXRhLXRlc3RpZD1cIm1hcmtldGluZy1iYW5uZXJcIlxuICAgID5cbiAgICAgIDxNYXJrZXRpbmdCYW5uZXJCb3hcbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCJcbiAgICAgICAgYWxpZ25JdGVtcz17eyBfOiAnZmxleC1lbmQnLCBsZzogJ2NlbnRlcicgfX1cbiAgICAgICAgaGVpZ2h0PXt7IF86ICdhdXRvJywgbGc6ICc0MHB4JyB9fVxuICAgICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgICAgbXg9ezh9XG4gICAgICAgIG10PXs4fVxuICAgICAgICBweD17MjR9XG4gICAgICAgIHB5PXt7IF86IDE2LCBsZzogOCB9fVxuICAgICAgICBib3JkZXJSYWRpdXM9XCJsZ1wiXG4gICAgICA+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgYWxpZ25JdGVtcz17eyBfOiAnZmxleC1zdGFydCcsIGxnOiAnY2VudGVyJyB9fVxuICAgICAgICAgIGZsZXhEaXJlY3Rpb249e3sgXzogJ2NvbHVtbicsIGxnOiAncm93JyB9fVxuICAgICAgICAgIGdhcD17eyBfOiA4LCBsZzogMCB9fVxuICAgICAgICAgIHpJbmRleD17MX1cbiAgICAgICAgPlxuICAgICAgICAgIDxCYWRnZVxuICAgICAgICAgICAgYmc9XCJ5ZWxsb3ctNTAwXCJcbiAgICAgICAgICAgIGNvbG9yPVwibmF2eS04MDBcIlxuICAgICAgICAgICAgdmFyaWFudD1cImN1c3RvbVwiXG4gICAgICAgICAgICBzaXplPVwic21cIlxuICAgICAgICAgICAgbXI9ezh9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgTmV3XG4gICAgICAgICAgPC9CYWRnZT5cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1iYXNlXCI+e3RleHR9PC9UZXh0PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDxCb3ggaGVpZ2h0PXsxNn0gd2lkdGg9ezE2fSB6SW5kZXg9ezF9PlxuICAgICAgICAgIDxNYXJrZXRpbmdBcnJvd0ljb24gLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L01hcmtldGluZ0Jhbm5lckJveD5cbiAgICA8L01hcmtldGluZ0Jhbm5lckFuY2hvcj5cbiAgKTtcbn07XG4iXX0= */"));
|
|
38
36
|
export const MarketingBanner = ({
|
|
39
37
|
tabIndex,
|
|
40
38
|
text,
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Box, FlexBox } from '@codecademy/gamut';
|
|
2
2
|
import { ArrowChevronRightIcon } from '@codecademy/gamut-icons';
|
|
3
|
+
import { motion } from 'framer-motion';
|
|
3
4
|
import React, { useContext, useEffect, useRef } from 'react';
|
|
4
5
|
import { AppHeaderDropdownContext } from '../AppHeaderDropdownProvider';
|
|
5
6
|
import { NavIconButton, NavIconButtonContainer, NavigationButton, OverflowText, PopularBadge, PopularBadgeDot, StyledNavTabPanel } from './elements';
|
|
@@ -73,7 +74,8 @@ const NavTab = ({
|
|
|
73
74
|
}
|
|
74
75
|
}, [index, setFirstItemRef]);
|
|
75
76
|
const highlightLiveLearning = item.id === 'live-learning';
|
|
76
|
-
const showPopularBadge = highlightLiveLearning && !isActive;
|
|
77
|
+
const showPopularBadge = highlightLiveLearning; // && !isActive;
|
|
78
|
+
|
|
77
79
|
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
78
80
|
children: [/*#__PURE__*/_jsxs(NavigationButton, {
|
|
79
81
|
ref: buttonRef,
|
|
@@ -94,26 +96,67 @@ const NavTab = ({
|
|
|
94
96
|
},
|
|
95
97
|
children: item.text
|
|
96
98
|
})]
|
|
97
|
-
}),
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
99
|
+
}), /*#__PURE__*/_jsxs(FlexBox, {
|
|
100
|
+
alignItems: "center",
|
|
101
|
+
position: "relative",
|
|
102
|
+
children: [showPopularBadge && /*#__PURE__*/_jsx(motion.div, {
|
|
103
|
+
animate: {
|
|
104
|
+
x: isActive ? -32 : 0
|
|
105
|
+
},
|
|
106
|
+
transition: {
|
|
107
|
+
duration: 0.3,
|
|
108
|
+
ease: 'easeIn'
|
|
109
|
+
},
|
|
110
|
+
children: /*#__PURE__*/_jsx(Box, {
|
|
111
|
+
display: {
|
|
112
|
+
_: 'none',
|
|
113
|
+
sm: 'block'
|
|
114
|
+
},
|
|
115
|
+
children: /*#__PURE__*/_jsx(PopularBadge, {
|
|
116
|
+
variant: "custom",
|
|
117
|
+
size: "sm",
|
|
118
|
+
bg: "hyper-400",
|
|
119
|
+
children: "Popular"
|
|
120
|
+
})
|
|
121
|
+
})
|
|
122
|
+
}), showPopularBadge && /*#__PURE__*/_jsx(motion.div, {
|
|
123
|
+
animate: isActive ? {
|
|
124
|
+
opacity: 1
|
|
125
|
+
} : {
|
|
126
|
+
opacity: 0
|
|
127
|
+
},
|
|
128
|
+
transition: {
|
|
129
|
+
duration: 0.3,
|
|
130
|
+
ease: 'easeIn',
|
|
131
|
+
delay: isActive ? 0.1 : 0
|
|
132
|
+
},
|
|
133
|
+
initial: {
|
|
134
|
+
opacity: 0
|
|
135
|
+
},
|
|
136
|
+
style: {
|
|
137
|
+
position: 'absolute',
|
|
138
|
+
right: 0
|
|
139
|
+
},
|
|
140
|
+
children: /*#__PURE__*/_jsx(Box, {
|
|
141
|
+
display: {
|
|
142
|
+
_: 'none',
|
|
143
|
+
sm: 'block'
|
|
144
|
+
},
|
|
145
|
+
mt: 4,
|
|
146
|
+
children: /*#__PURE__*/_jsx(ArrowChevronRightIcon, {
|
|
147
|
+
"data-testid": "chevron-right-icon"
|
|
148
|
+
})
|
|
149
|
+
})
|
|
150
|
+
}), isActive && !showPopularBadge && /*#__PURE__*/_jsx(Box, {
|
|
151
|
+
display: {
|
|
152
|
+
_: 'none',
|
|
153
|
+
sm: 'block'
|
|
154
|
+
},
|
|
155
|
+
mt: 4,
|
|
156
|
+
children: /*#__PURE__*/_jsx(ArrowChevronRightIcon, {
|
|
157
|
+
"data-testid": "chevron-right-icon"
|
|
158
|
+
})
|
|
159
|
+
})]
|
|
117
160
|
})]
|
|
118
161
|
}), item.icon && /*#__PURE__*/_jsxs(NavIconButtonContainer, {
|
|
119
162
|
display: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Anchor, FlexBox, IconButton, Text } from '@codecademy/gamut';
|
|
1
|
+
import { Anchor, Box, FlexBox, IconButton, Text } from '@codecademy/gamut';
|
|
2
2
|
import { ArrowLeftIcon, MiniArrowRightIcon } from '@codecademy/gamut-icons';
|
|
3
3
|
import { useGlobalHeaderItemClick } from '../../../GlobalHeader/context';
|
|
4
4
|
import { useAppHeaderDropdownContext } from '../AppHeaderDropdownProvider';
|
|
@@ -57,12 +57,18 @@ export const PanelLayout = ({
|
|
|
57
57
|
as: "h2",
|
|
58
58
|
variant: "title-sm",
|
|
59
59
|
children: heading
|
|
60
|
-
}), showPopularBadge && /*#__PURE__*/_jsx(
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
children:
|
|
60
|
+
}), showPopularBadge && /*#__PURE__*/_jsx(Box, {
|
|
61
|
+
display: {
|
|
62
|
+
_: 'block',
|
|
63
|
+
sm: 'none'
|
|
64
|
+
},
|
|
65
|
+
children: /*#__PURE__*/_jsx(PopularBadge, {
|
|
66
|
+
variant: "custom",
|
|
67
|
+
size: "base",
|
|
68
|
+
bg: "hyper-400",
|
|
69
|
+
ml: 16,
|
|
70
|
+
children: "Popular"
|
|
71
|
+
})
|
|
66
72
|
})]
|
|
67
73
|
}), /*#__PURE__*/_jsx(Text, {
|
|
68
74
|
mb: 16,
|
|
@@ -6,6 +6,12 @@ export declare const StyledSection: import("@emotion/styled").StyledComponent<{
|
|
|
6
6
|
} & {
|
|
7
7
|
activePanelSelected: boolean;
|
|
8
8
|
}, {}, {}>;
|
|
9
|
+
export declare const ScrollableContent: import("@emotion/styled").StyledComponent<{
|
|
10
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
11
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
12
|
+
} & import("@codecademy/gamut").BoxProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "content" | "translate" | "property" | "hidden" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof import("react").ClassAttributes<HTMLDivElement>> & {
|
|
13
|
+
theme?: import("@emotion/react").Theme;
|
|
14
|
+
}, {}, {}>;
|
|
9
15
|
export declare const NavTabContainer: import("@emotion/styled").StyledComponent<{
|
|
10
16
|
theme?: import("@emotion/react").Theme | undefined;
|
|
11
17
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|