@codecademy/brand 3.13.0-alpha.ddc3fc16a9.0 → 3.14.0-alpha.02754636f5.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 +5 -5
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/NavPanels.js +56 -16
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/index.js +24 -2
- package/dist/AppHeader/AppHeaderElements/AppHeaderDietCard/index.js +63 -62
- package/dist/AppHeader/AppHeaderElements/AppHeaderDropdown/index.js +47 -20
- package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownLinks/elements/AppHeaderDropdownLink.js +6 -3
- package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownLinks/elements/AppHeaderMenuItem.js +6 -3
- package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownLinks/elements/StyledAppHeaderLink.d.ts +42 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownLinks/elements/StyledAppHeaderLink.js +35 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderLinkSections/index.js +0 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderSection/AppHeaderSection.test.js +12 -4
- package/dist/AppHeader/AppHeaderElements/AppHeaderSection/elements.js +8 -8
- package/dist/AppHeaderMobile/AppHeaderSubMenuMobile/index.js +106 -52
- package/dist/LearningOutcomeTile/index.js +1 -2
- package/dist/lib/catalogList/index.d.ts +1 -0
- package/dist/lib/catalogList/index.js +25 -0
- package/package.json +1 -1
|
@@ -10,7 +10,7 @@ const StyledCard = /*#__PURE__*/_styled(Card, {
|
|
|
10
10
|
label: "StyledCard"
|
|
11
11
|
})("&:hover{border-color:", ({
|
|
12
12
|
theme
|
|
13
|
-
}) => theme.colors.black, ";cursor:pointer;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRGlldENhcmQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVErQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckRpZXRDYXJkL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgQm94LCBDYXJkLCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ2hlY2tlckRlbnNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQ291cnNlRGlmZmljdWx0eSB9IGZyb20gJy4uLy4uLy4uL0NvbnRlbnRHcm91cEJhc2VDYXJkL3R5cGVzJztcbmltcG9ydCB7IHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljayB9IGZyb20gJy4uLy4uLy4uL0dsb2JhbEhlYWRlci9jb250ZXh0JztcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgJjpob3ZlciB7XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+
|
|
13
|
+
}) => theme.colors.black, ";cursor:pointer;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRGlldENhcmQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVErQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckRpZXRDYXJkL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgQm94LCBDYXJkLCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ2hlY2tlckRlbnNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQ291cnNlRGlmZmljdWx0eSB9IGZyb20gJy4uLy4uLy4uL0NvbnRlbnRHcm91cEJhc2VDYXJkL3R5cGVzJztcbmltcG9ydCB7IHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljayB9IGZyb20gJy4uLy4uLy4uL0dsb2JhbEhlYWRlci9jb250ZXh0JztcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgJjpob3ZlciB7XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5ibGFja307XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5gO1xuXG5jb25zdCBEb3R0ZWRMaW5lID0gc3R5bGVkKENoZWNrZXJEZW5zZSkoXG4gIGNzcyh7XG4gICAgaGVpZ2h0OiAnMXB4JyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgbWFyZ2luVG9wOiAnLTFweCcsXG4gIH0pXG4pO1xuXG50eXBlIEFwcEhlYWRlckRpZXRDYXJkUHJvcHMgPSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGhvdXJzOiBudW1iZXIgfCBudWxsO1xuICBpY29uOiBSZWFjdC5SZWFjdE5vZGU7XG4gIGRpZmZpY3VsdHk6IENvdXJzZURpZmZpY3VsdHkgfCBudWxsO1xuICB0YWJJbmRleDogbnVtYmVyO1xuICBocmVmOiBzdHJpbmc7XG4gIHRyYWNraW5nVGFyZ2V0Pzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlckRpZXRDYXJkID0gKHtcbiAgdGl0bGUsXG4gIGhvdXJzLFxuICBpY29uLFxuICBkaWZmaWN1bHR5LFxuICBocmVmLFxuICB0YWJJbmRleCxcbiAgdHJhY2tpbmdUYXJnZXQsXG59OiBBcHBIZWFkZXJEaWV0Q2FyZFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcblxuICBjb25zdCBpc0JlZ2lubmVyQ29udGFpbmVyID0gZGlmZmljdWx0eSA9PT0gQ291cnNlRGlmZmljdWx0eS5CZWdpbm5lcjtcblxuICByZXR1cm4gKFxuICAgIDxsaT5cbiAgICAgIDxBbmNob3JcbiAgICAgICAgaHJlZj17aHJlZn1cbiAgICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICAgIGRpc3BsYXk9XCJibG9ja1wiXG4gICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudCwgTW91c2VFdmVudD4pID0+XG4gICAgICAgICAgZ2xvYmFsSGVhZGVySXRlbUNsaWNrKGV2ZW50LCB7XG4gICAgICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgICAgICBpZDogYHRvcG5hdl9jYXRhbG9nXyR7dGl0bGV9YCxcbiAgICAgICAgICAgIGhyZWYsXG4gICAgICAgICAgICB0ZXh0OiB0aXRsZSxcbiAgICAgICAgICAgIHRyYWNraW5nVGFyZ2V0OiBgdG9wbmF2X2NhdGFsb2dfJHt0cmFja2luZ1RhcmdldCA/PyB0aXRsZX1gLFxuICAgICAgICAgIH0pXG4gICAgICAgIH1cbiAgICAgID5cbiAgICAgICAgPFN0eWxlZENhcmRcbiAgICAgICAgICBib3JkZXJSYWRpdXM9XCJtZFwiXG4gICAgICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItdGVydGlhcnlcIlxuICAgICAgICAgIG1pbkhlaWdodD17MTIwfVxuICAgICAgICAgIGRpc3BsYXk9XCJmbGV4XCJcbiAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgICAgICAgIHB4PXsxMn1cbiAgICAgICAgICBweT17OH1cbiAgICAgICAgICBpc0ludGVyYWN0aXZlXG4gICAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICA+XG4gICAgICAgICAgPFRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9XCJ0aXRsZS14c1wiPlxuICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8Qm94PlxuICAgICAgICAgICAgPEJveCBweT17NH0gaGVpZ2h0PXswfSBwb3NpdGlvbj1cInJlbGF0aXZlXCIgYXJpYS1oaWRkZW4+XG4gICAgICAgICAgICAgIDxEb3R0ZWRMaW5lIGNvbG9yPVwiYm9yZGVyLXRlcnRpYXJ5XCIgLz5cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgPEZsZXhCb3gganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCI+XG4gICAgICAgICAgICAgIHtkaWZmaWN1bHR5ICYmIChcbiAgICAgICAgICAgICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZ2FwPXs4fT5cbiAgICAgICAgICAgICAgICAgIHtpY29ufVxuICAgICAgICAgICAgICAgICAgPFRleHQgc2NyZWVucmVhZGVyPntgJHtkaWZmaWN1bHR5fSR7XG4gICAgICAgICAgICAgICAgICAgIGlzQmVnaW5uZXJDb250YWluZXIgPyAnIEZyaWVuZGx5JyA6ICcnXG4gICAgICAgICAgICAgICAgICB9LmB9PC9UZXh0PlxuICAgICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgICAgdmFyaWFudD1cInAtc21hbGxcIlxuICAgICAgICAgICAgICAgICAgICBjb2xvcj1cInRleHQtc2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgcGw9ezh9XG4gICAgICAgICAgICAgICAgICAgIHdoaXRlU3BhY2U9XCJub3dyYXBcIlxuICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImNhcmQtZGlmZmljdWx0eVwiXG4gICAgICAgICAgICAgICAgICAgIGFyaWEtaGlkZGVuXG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxiPntkaWZmaWN1bHR5fTwvYj5cbiAgICAgICAgICAgICAgICAgICAge2lzQmVnaW5uZXJDb250YWluZXIgJiYgPD4gRnJpZW5kbHk8Lz59XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB7aG91cnMgJiYgKFxuICAgICAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwidGV4dC1zZWNvbmRhcnlcIj5cbiAgICAgICAgICAgICAgICAgIDxiPntob3Vyc308L2I+IGhvdXJzXG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L1N0eWxlZENhcmQ+XG4gICAgICA8L0FuY2hvcj5cbiAgICA8L2xpPlxuICApO1xufTtcbiJdfQ== */"));
|
|
14
14
|
const DottedLine = /*#__PURE__*/_styled(CheckerDense, {
|
|
15
15
|
target: "e1d52gk00",
|
|
16
16
|
label: "DottedLine"
|
|
@@ -19,7 +19,7 @@ const DottedLine = /*#__PURE__*/_styled(CheckerDense, {
|
|
|
19
19
|
display: 'flex',
|
|
20
20
|
position: 'absolute',
|
|
21
21
|
marginTop: '-1px'
|
|
22
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRGlldENhcmQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVtQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckRpZXRDYXJkL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgQm94LCBDYXJkLCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ2hlY2tlckRlbnNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQ291cnNlRGlmZmljdWx0eSB9IGZyb20gJy4uLy4uLy4uL0NvbnRlbnRHcm91cEJhc2VDYXJkL3R5cGVzJztcbmltcG9ydCB7IHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljayB9IGZyb20gJy4uLy4uLy4uL0dsb2JhbEhlYWRlci9jb250ZXh0JztcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgJjpob3ZlciB7XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+
|
|
22
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRGlldENhcmQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVtQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckRpZXRDYXJkL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgQm94LCBDYXJkLCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ2hlY2tlckRlbnNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQ291cnNlRGlmZmljdWx0eSB9IGZyb20gJy4uLy4uLy4uL0NvbnRlbnRHcm91cEJhc2VDYXJkL3R5cGVzJztcbmltcG9ydCB7IHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljayB9IGZyb20gJy4uLy4uLy4uL0dsb2JhbEhlYWRlci9jb250ZXh0JztcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgJjpob3ZlciB7XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5ibGFja307XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5gO1xuXG5jb25zdCBEb3R0ZWRMaW5lID0gc3R5bGVkKENoZWNrZXJEZW5zZSkoXG4gIGNzcyh7XG4gICAgaGVpZ2h0OiAnMXB4JyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgbWFyZ2luVG9wOiAnLTFweCcsXG4gIH0pXG4pO1xuXG50eXBlIEFwcEhlYWRlckRpZXRDYXJkUHJvcHMgPSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGhvdXJzOiBudW1iZXIgfCBudWxsO1xuICBpY29uOiBSZWFjdC5SZWFjdE5vZGU7XG4gIGRpZmZpY3VsdHk6IENvdXJzZURpZmZpY3VsdHkgfCBudWxsO1xuICB0YWJJbmRleDogbnVtYmVyO1xuICBocmVmOiBzdHJpbmc7XG4gIHRyYWNraW5nVGFyZ2V0Pzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlckRpZXRDYXJkID0gKHtcbiAgdGl0bGUsXG4gIGhvdXJzLFxuICBpY29uLFxuICBkaWZmaWN1bHR5LFxuICBocmVmLFxuICB0YWJJbmRleCxcbiAgdHJhY2tpbmdUYXJnZXQsXG59OiBBcHBIZWFkZXJEaWV0Q2FyZFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcblxuICBjb25zdCBpc0JlZ2lubmVyQ29udGFpbmVyID0gZGlmZmljdWx0eSA9PT0gQ291cnNlRGlmZmljdWx0eS5CZWdpbm5lcjtcblxuICByZXR1cm4gKFxuICAgIDxsaT5cbiAgICAgIDxBbmNob3JcbiAgICAgICAgaHJlZj17aHJlZn1cbiAgICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICAgIGRpc3BsYXk9XCJibG9ja1wiXG4gICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudCwgTW91c2VFdmVudD4pID0+XG4gICAgICAgICAgZ2xvYmFsSGVhZGVySXRlbUNsaWNrKGV2ZW50LCB7XG4gICAgICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgICAgICBpZDogYHRvcG5hdl9jYXRhbG9nXyR7dGl0bGV9YCxcbiAgICAgICAgICAgIGhyZWYsXG4gICAgICAgICAgICB0ZXh0OiB0aXRsZSxcbiAgICAgICAgICAgIHRyYWNraW5nVGFyZ2V0OiBgdG9wbmF2X2NhdGFsb2dfJHt0cmFja2luZ1RhcmdldCA/PyB0aXRsZX1gLFxuICAgICAgICAgIH0pXG4gICAgICAgIH1cbiAgICAgID5cbiAgICAgICAgPFN0eWxlZENhcmRcbiAgICAgICAgICBib3JkZXJSYWRpdXM9XCJtZFwiXG4gICAgICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItdGVydGlhcnlcIlxuICAgICAgICAgIG1pbkhlaWdodD17MTIwfVxuICAgICAgICAgIGRpc3BsYXk9XCJmbGV4XCJcbiAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgICAgICAgIHB4PXsxMn1cbiAgICAgICAgICBweT17OH1cbiAgICAgICAgICBpc0ludGVyYWN0aXZlXG4gICAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICA+XG4gICAgICAgICAgPFRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9XCJ0aXRsZS14c1wiPlxuICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8Qm94PlxuICAgICAgICAgICAgPEJveCBweT17NH0gaGVpZ2h0PXswfSBwb3NpdGlvbj1cInJlbGF0aXZlXCIgYXJpYS1oaWRkZW4+XG4gICAgICAgICAgICAgIDxEb3R0ZWRMaW5lIGNvbG9yPVwiYm9yZGVyLXRlcnRpYXJ5XCIgLz5cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgPEZsZXhCb3gganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCI+XG4gICAgICAgICAgICAgIHtkaWZmaWN1bHR5ICYmIChcbiAgICAgICAgICAgICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZ2FwPXs4fT5cbiAgICAgICAgICAgICAgICAgIHtpY29ufVxuICAgICAgICAgICAgICAgICAgPFRleHQgc2NyZWVucmVhZGVyPntgJHtkaWZmaWN1bHR5fSR7XG4gICAgICAgICAgICAgICAgICAgIGlzQmVnaW5uZXJDb250YWluZXIgPyAnIEZyaWVuZGx5JyA6ICcnXG4gICAgICAgICAgICAgICAgICB9LmB9PC9UZXh0PlxuICAgICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgICAgdmFyaWFudD1cInAtc21hbGxcIlxuICAgICAgICAgICAgICAgICAgICBjb2xvcj1cInRleHQtc2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgcGw9ezh9XG4gICAgICAgICAgICAgICAgICAgIHdoaXRlU3BhY2U9XCJub3dyYXBcIlxuICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImNhcmQtZGlmZmljdWx0eVwiXG4gICAgICAgICAgICAgICAgICAgIGFyaWEtaGlkZGVuXG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxiPntkaWZmaWN1bHR5fTwvYj5cbiAgICAgICAgICAgICAgICAgICAge2lzQmVnaW5uZXJDb250YWluZXIgJiYgPD4gRnJpZW5kbHk8Lz59XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB7aG91cnMgJiYgKFxuICAgICAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwidGV4dC1zZWNvbmRhcnlcIj5cbiAgICAgICAgICAgICAgICAgIDxiPntob3Vyc308L2I+IGhvdXJzXG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L1N0eWxlZENhcmQ+XG4gICAgICA8L0FuY2hvcj5cbiAgICA8L2xpPlxuICApO1xufTtcbiJdfQ== */");
|
|
23
23
|
export const AppHeaderDietCard = ({
|
|
24
24
|
title,
|
|
25
25
|
hours,
|
|
@@ -33,71 +33,72 @@ export const AppHeaderDietCard = ({
|
|
|
33
33
|
globalHeaderItemClick
|
|
34
34
|
} = useGlobalHeaderItemClick();
|
|
35
35
|
const isBeginnerContainer = difficulty === CourseDifficulty.Beginner;
|
|
36
|
-
return /*#__PURE__*/_jsx(
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
36
|
+
return /*#__PURE__*/_jsx("li", {
|
|
37
|
+
children: /*#__PURE__*/_jsx(Anchor, {
|
|
38
|
+
href: href,
|
|
39
|
+
variant: "interface",
|
|
40
|
+
display: "block",
|
|
41
|
+
onClick: event => globalHeaderItemClick(event, {
|
|
42
|
+
type: 'link',
|
|
43
|
+
id: `topnav_catalog_${title}`,
|
|
44
|
+
href,
|
|
45
|
+
text: title,
|
|
46
|
+
trackingTarget: `topnav_catalog_${trackingTarget ?? title}`
|
|
47
|
+
}),
|
|
48
|
+
children: /*#__PURE__*/_jsxs(StyledCard, {
|
|
49
|
+
borderRadius: "md",
|
|
50
|
+
borderColor: "border-tertiary",
|
|
51
|
+
minHeight: 120,
|
|
52
|
+
display: "flex",
|
|
53
|
+
flexDirection: "column",
|
|
54
|
+
justifyContent: "space-between",
|
|
55
|
+
px: 12,
|
|
56
|
+
py: 8,
|
|
57
|
+
isInteractive: true,
|
|
58
|
+
tabIndex: tabIndex,
|
|
59
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
60
|
+
as: "h3",
|
|
61
|
+
variant: "title-xs",
|
|
62
|
+
children: title
|
|
63
|
+
}), /*#__PURE__*/_jsxs(Box, {
|
|
64
|
+
children: [/*#__PURE__*/_jsx(Box, {
|
|
65
|
+
py: 4,
|
|
66
|
+
height: 0,
|
|
67
|
+
position: "relative",
|
|
68
|
+
"aria-hidden": true,
|
|
69
|
+
children: /*#__PURE__*/_jsx(DottedLine, {
|
|
70
|
+
color: "border-tertiary"
|
|
71
|
+
})
|
|
72
|
+
}), /*#__PURE__*/_jsxs(FlexBox, {
|
|
73
|
+
justifyContent: "space-between",
|
|
74
|
+
children: [difficulty && /*#__PURE__*/_jsxs(FlexBox, {
|
|
75
|
+
alignItems: "center",
|
|
76
|
+
gap: 8,
|
|
77
|
+
children: [icon, /*#__PURE__*/_jsx(Text, {
|
|
78
|
+
screenreader: true,
|
|
79
|
+
children: `${difficulty}${isBeginnerContainer ? ' Friendly' : ''}.`
|
|
80
|
+
}), /*#__PURE__*/_jsxs(Text, {
|
|
81
|
+
variant: "p-small",
|
|
82
|
+
color: "text-secondary",
|
|
83
|
+
pl: 8,
|
|
84
|
+
whiteSpace: "nowrap",
|
|
85
|
+
"data-testid": "card-difficulty",
|
|
86
|
+
"aria-hidden": true,
|
|
87
|
+
children: [/*#__PURE__*/_jsx("b", {
|
|
88
|
+
children: difficulty
|
|
89
|
+
}), isBeginnerContainer && /*#__PURE__*/_jsx(_Fragment, {
|
|
90
|
+
children: " Friendly"
|
|
91
|
+
})]
|
|
92
|
+
})]
|
|
93
|
+
}), hours && /*#__PURE__*/_jsxs(Text, {
|
|
82
94
|
color: "text-secondary",
|
|
83
|
-
pl: 8,
|
|
84
|
-
whiteSpace: "nowrap",
|
|
85
|
-
"data-testid": "card-difficulty",
|
|
86
|
-
"aria-hidden": true,
|
|
87
95
|
children: [/*#__PURE__*/_jsx("b", {
|
|
88
|
-
children:
|
|
89
|
-
}),
|
|
90
|
-
children: " Friendly"
|
|
91
|
-
})]
|
|
96
|
+
children: hours
|
|
97
|
+
}), " hours"]
|
|
92
98
|
})]
|
|
93
|
-
}), hours && /*#__PURE__*/_jsxs(Text, {
|
|
94
|
-
color: "text-secondary",
|
|
95
|
-
children: [/*#__PURE__*/_jsx("b", {
|
|
96
|
-
children: hours
|
|
97
|
-
}), " hours"]
|
|
98
99
|
})]
|
|
99
100
|
})]
|
|
100
|
-
})
|
|
101
|
+
})
|
|
101
102
|
})
|
|
102
103
|
});
|
|
103
104
|
};
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
|
2
2
|
import { Menu } from '@codecademy/gamut';
|
|
3
|
-
import { css } from '@codecademy/gamut-styles';
|
|
4
|
-
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
3
|
+
import { ColorMode, css } from '@codecademy/gamut-styles';
|
|
4
|
+
import { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
|
|
5
5
|
import * as React from 'react';
|
|
6
6
|
import { useIsomorphicLayoutEffect } from 'react-use';
|
|
7
|
+
import { GlobalNavRedesignContext } from '../../../GlobalHeader';
|
|
7
8
|
import { AnimatedSimpleDropdown } from '../../shared';
|
|
8
9
|
import { AppHeaderDropdownProvider } from '../AppHeaderDropdownProvider';
|
|
9
10
|
import { AppHeaderLinkSections } from '../AppHeaderLinkSections';
|
|
@@ -27,12 +28,22 @@ const getSpacing = ({
|
|
|
27
28
|
return topSpacing.sm;
|
|
28
29
|
};
|
|
29
30
|
const StyledLinkSection = /*#__PURE__*/_styled(AppHeaderLinkSections, {
|
|
30
|
-
target: "
|
|
31
|
+
target: "efmcgmc1",
|
|
31
32
|
label: "StyledLinkSection"
|
|
32
33
|
})(css({
|
|
33
34
|
padding: `0.75rem 0`,
|
|
34
35
|
position: `absolute`
|
|
35
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
36
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRHJvcGRvd24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlEMEIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJEcm9wZG93bi9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBNZW51IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ29sb3JNb2RlLCBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU2NhbGUgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZS9kaXN0L3R5cGVzL2NvbmZpZyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQge1xuICB1c2VDYWxsYmFjayxcbiAgdXNlQ29udGV4dCxcbiAgdXNlRWZmZWN0LFxuICB1c2VNZW1vLFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VJc29tb3JwaGljTGF5b3V0RWZmZWN0IH0gZnJvbSAncmVhY3QtdXNlJztcblxuaW1wb3J0IHsgR2xvYmFsTmF2UmVkZXNpZ25Db250ZXh0IH0gZnJvbSAnLi4vLi4vLi4vR2xvYmFsSGVhZGVyJztcbmltcG9ydCB7XG4gIEFuaW1hdGVkU2ltcGxlRHJvcGRvd24sXG4gIEFwcEhlYWRlckFjdGlvbixcbiAgQXBwSGVhZGVyRHJvcGRvd25JdGVtLFxufSBmcm9tICcuLi8uLi9zaGFyZWQnO1xuaW1wb3J0IHsgQXBwSGVhZGVyRHJvcGRvd25Qcm92aWRlciB9IGZyb20gJy4uL0FwcEhlYWRlckRyb3Bkb3duUHJvdmlkZXInO1xuaW1wb3J0IHsgQXBwSGVhZGVyTGlua1NlY3Rpb25zIH0gZnJvbSAnLi4vQXBwSGVhZGVyTGlua1NlY3Rpb25zJztcbmltcG9ydCB7IEFwcEhlYWRlck1lbnVQcm92aWRlciB9IGZyb20gJy4uL0FwcEhlYWRlck1lbnVQcm92aWRlcic7XG5pbXBvcnQgeyBBcHBIZWFkZXJOYXZCdXR0b24gfSBmcm9tICcuLi9BcHBIZWFkZXJOYXZCdXR0b24nO1xuaW1wb3J0IHsgdXNlQXBwSGVhZGVyQ29udGV4dCB9IGZyb20gJy4uL0FwcEhlYWRlclByb3ZpZGVyJztcblxuY29uc3QgdG9wU3BhY2luZyA9IHtcbiAgbGc6ICczLjJyZW0nLFxuICBtZDogJzIuNzVyZW0nLFxuICBzbTogJzIuMjVyZW0nLFxufTtcblxuY29uc3QgZ2V0U3BhY2luZyA9ICh7XG4gIGlzUHJvZmlsZURyb3Bkb3duLFxuICBpc0dlbmVyaWNEcm9wZG93bixcbiAgaXNJY29uRHJvcGRvd24sXG4gIGlzU3RhbmRhbG9uZSxcbn06IHtcbiAgaXNQcm9maWxlRHJvcGRvd24/OiBib29sZWFuO1xuICBpc0dlbmVyaWNEcm9wZG93bj86IGJvb2xlYW47XG4gIGlzSWNvbkRyb3Bkb3duPzogYm9vbGVhbjtcbiAgaXNTdGFuZGFsb25lPzogYm9vbGVhbjtcbn0pID0+IHtcbiAgaWYgKGlzUHJvZmlsZURyb3Bkb3duIHx8IGlzSWNvbkRyb3Bkb3duKSByZXR1cm4gdG9wU3BhY2luZy5sZztcbiAgaWYgKGlzR2VuZXJpY0Ryb3Bkb3duICYmIGlzU3RhbmRhbG9uZSkgcmV0dXJuIHRvcFNwYWNpbmcubWQ7XG4gIHJldHVybiB0b3BTcGFjaW5nLnNtO1xufTtcblxuY29uc3QgU3R5bGVkTGlua1NlY3Rpb24gPSBzdHlsZWQoQXBwSGVhZGVyTGlua1NlY3Rpb25zKShcbiAgY3NzKHtcbiAgICBwYWRkaW5nOiBgMC43NXJlbSAwYCxcbiAgICBwb3NpdGlvbjogYGFic29sdXRlYCxcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZERyb3Bkb3duTWVudSA9IHN0eWxlZChNZW51KTx7XG4gIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbjogYm9vbGVhbjtcbn0+YFxuICAkeyh7IGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiB9KSA9PlxuICAgIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiAmJlxuICAgIGNzcyh7XG4gICAgICBib3JkZXI6IDEsXG4gICAgICBib3JkZXJDb2xvcjogJ2JvcmRlci10ZXJ0aWFyeScsXG4gICAgICBib3JkZXJSYWRpdXM6ICdsZycsXG4gICAgfSl9XG5gO1xuXG5leHBvcnQgdHlwZSBBcHBIZWFkZXJEcm9wZG93blByb3BzID0gQXBwSGVhZGVyQWN0aW9uICZcbiAgUGljazxSZWFjdC5Db21wb25lbnRQcm9wczx0eXBlb2YgTWVudT4sICdzcGFjaW5nJz4gJiB7XG4gICAgaXRlbTogQXBwSGVhZGVyRHJvcGRvd25JdGVtO1xuICAgIG9uS2V5RG93bj86IChldmVudDogUmVhY3QuS2V5Ym9hcmRFdmVudCkgPT4gdm9pZDtcbiAgICAvKipcbiAgICAgKiBJZiB0cnVlLCB0aGUgZHJvcGRvd24gaXMgYmVpbmcgcmVuZGVyZWQgYXMgYSBzdGFuZGFsb25lIGNvbXBvbmVudCwgcmF0aGVyIHRoYW5cbiAgICAgKiBwYXJ0IG9mIHRoZSBnbG9iYWwgaGVhZGVyLlxuICAgICAqL1xuICAgIHN0YW5kYWxvbmU/OiBib29sZWFuO1xuICB9O1xuXG5leHBvcnQgY29uc3QgQXBwSGVhZGVyRHJvcGRvd246IFJlYWN0LkZDPEFwcEhlYWRlckRyb3Bkb3duUHJvcHM+ID0gKHtcbiAgYWN0aW9uLFxuICBpdGVtLFxuICBzcGFjaW5nID0gJ25vcm1hbCcsXG4gIHN0YW5kYWxvbmUsXG59KSA9PiB7XG4gIGNvbnN0IGxpc3RSZWYgPSB1c2VSZWY8SFRNTFVMaXN0RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGJ1dHRvblJlZiA9IHVzZVJlZjxIVE1MQnV0dG9uRWxlbWVudD4obnVsbCk7XG5cbiAgY29uc3QgW2RpbWVuc2lvbnMsIHNldERpbWVuc2lvbnNdID0gdXNlU3RhdGUoeyBoZWlnaHQ6IDAsIHdpZHRoOiAwIH0pO1xuICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCB7IGxhc3RPcGVuZWREcm9wZG93biwgc2V0TGFzdE9wZW5lZERyb3Bkb3duIH0gPSB1c2VBcHBIZWFkZXJDb250ZXh0KCk7XG4gIGNvbnN0IGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiA9IHVzZUNvbnRleHQoR2xvYmFsTmF2UmVkZXNpZ25Db250ZXh0KTtcblxuICBjb25zdCB0YWJJbmRleCA9IGlzT3BlbiA9PT0gZmFsc2UgPyAtMSA6IDA7XG4gIGNvbnN0IGRyb3Bkb3duSWQgPSBpdGVtPy50ZXh0ID8/IGl0ZW0/LnR5cGU7XG5cbiAgY29uc3QgdG9nZ2xlSXNPcGVuID0gKCkgPT4gc2V0SXNPcGVuKChwcmV2KSA9PiAhcHJldik7XG5cbiAgY29uc3QgaGFuZGxlT25DbGljayA9IChldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgIHRvZ2dsZUlzT3BlbigpO1xuICAgIGlmICghaXNPcGVuKSB7XG4gICAgICBpZiAoYWN0aW9uKSBhY3Rpb24oZXZlbnQsIGl0ZW0pO1xuICAgICAgaWYgKHNldExhc3RPcGVuZWREcm9wZG93bikge1xuICAgICAgICBzZXRMYXN0T3BlbmVkRHJvcGRvd24oZHJvcGRvd25JZCk7XG4gICAgICB9XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUtleWJvYXJkQ2xvc2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgICBidXR0b25SZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgfSwgW10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGxhc3RPcGVuZWREcm9wZG93biAhPT0gZHJvcGRvd25JZCAmJiBpc09wZW4pIHtcbiAgICAgIHNldElzT3BlbihmYWxzZSk7XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW2xhc3RPcGVuZWREcm9wZG93bl0pO1xuXG4gIHVzZUlzb21vcnBoaWNMYXlvdXRFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChsaXN0UmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IHsgaGVpZ2h0LCB3aWR0aCB9ID0gbGlzdFJlZi5jdXJyZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICAgc2V0RGltZW5zaW9ucyh7IGhlaWdodCwgd2lkdGggfSk7XG4gICAgfVxuICB9LCBbbGlzdFJlZiwgaXNPcGVuXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBmdW5jdGlvbiBoYW5kbGVDbGlja091dHNpZGUoZXZlbnQ6IE1vdXNlRXZlbnQgfCBFdmVudCkge1xuICAgICAgY29uc3QgbGlzdCA9IGxpc3RSZWY/LmN1cnJlbnQ7XG4gICAgICBjb25zdCBidXR0b24gPSBidXR0b25SZWY/LmN1cnJlbnQ7XG4gICAgICBpZiAoXG4gICAgICAgIGlzT3BlbiAmJlxuICAgICAgICBsaXN0ICYmXG4gICAgICAgICFsaXN0LmNvbnRhaW5zKGV2ZW50LnRhcmdldCBhcyBOb2RlKSAmJlxuICAgICAgICBidXR0b24gJiZcbiAgICAgICAgIWJ1dHRvbi5jb250YWlucyhldmVudC50YXJnZXQgYXMgTm9kZSlcbiAgICAgICkge1xuICAgICAgICBzZXRJc09wZW4oZmFsc2UpO1xuICAgICAgfVxuICAgIH1cblxuICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSk7XG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignYmx1cicsIGhhbmRsZUNsaWNrT3V0c2lkZSk7XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSk7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdibHVyJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICB9O1xuICB9LCBbbGlzdFJlZiwgaXNPcGVuXSk7XG5cbiAgY29uc3QgaXNQcm9maWxlRHJvcGRvd24gPSBpdGVtLnR5cGUgPT09ICdwcm9maWxlLWRyb3Bkb3duJztcbiAgY29uc3QgaXNHZW5lcmljRHJvcGRvd24gPSBbJ2Ryb3Bkb3duJywgJ3Jlc291cmNlcy1zaW1wbGUtZHJvcGRvd24nXS5pbmNsdWRlcyhcbiAgICBpdGVtLnR5cGVcbiAgKTtcbiAgY29uc3QgaXNJY29uRHJvcGRvd24gPSAnaXNJY29uT25seScgaW4gaXRlbSAmJiBpdGVtLmlzSWNvbk9ubHk7XG5cbiAgY29uc3QgUHJvdmlkZXIgPSBpc1Byb2ZpbGVEcm9wZG93blxuICAgID8gQXBwSGVhZGVyTWVudVByb3ZpZGVyXG4gICAgOiBBcHBIZWFkZXJEcm9wZG93blByb3ZpZGVyO1xuXG4gIGNvbnN0IHRvcFNwYWNpbmcgPSB1c2VNZW1vKFxuICAgICgpID0+XG4gICAgICBnZXRTcGFjaW5nKHtcbiAgICAgICAgaXNQcm9maWxlRHJvcGRvd24sXG4gICAgICAgIGlzR2VuZXJpY0Ryb3Bkb3duLFxuICAgICAgICBpc0ljb25Ecm9wZG93bixcbiAgICAgICAgaXNTdGFuZGFsb25lOiBzdGFuZGFsb25lLFxuICAgICAgfSksXG4gICAgW2lzUHJvZmlsZURyb3Bkb3duLCBpc0dlbmVyaWNEcm9wZG93biwgaXNJY29uRHJvcGRvd24sIHN0YW5kYWxvbmVdXG4gICk7XG5cbiAgY29uc3QgY29tbW9uTWVudVByb3BzID0ge1xuICAgIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbixcbiAgICBtaW5XaWR0aDogJzIwMnB4JyxcbiAgICByZWY6IGxpc3RSZWYsXG4gICAgcm9sZTogaXNQcm9maWxlRHJvcGRvd24gPyAnbWVudScgOiB1bmRlZmluZWQsXG4gICAgc3BhY2luZyxcbiAgICB2YXJpYW50OiAncG9wb3ZlcicgYXMgY29uc3QsXG4gICAgd2lkdGg6ICdmaXQtY29udGVudCcgYXMgY29uc3QsXG4gICAgekluZGV4OiAxLFxuICAgIHB5OlxuICAgICAgc3BhY2luZyA9PT0gJ25vcm1hbCdcbiAgICAgICAgPyAxMlxuICAgICAgICA6ICgwIGFzIFNjYWxlPHtcbiAgICAgICAgICAgIHJlYWRvbmx5IHByb3BlcnR5OiAncGFkZGluZyc7XG4gICAgICAgICAgICByZWFkb25seSBzY2FsZTogJ3NwYWNpbmcnO1xuICAgICAgICAgIH0+KSxcbiAgfTtcblxuICBjb25zdCBjb21tb25MaW5rU2VjdGlvblByb3BzID0ge1xuICAgIGFjdGlvbixcbiAgICBpdGVtLFxuICAgIGlkOiBgbWVudS1jb250YWluZXIke2l0ZW0udGV4dH1gLFxuICAgICdhcmlhLWNvbnRyb2xzJzogYG1lbnUtY29udGFpbmVyJHtpdGVtLnRleHR9YCxcbiAgICAnYXJpYS1sYWJlbCc6IGl0ZW0udGV4dCxcbiAgICAnYXJpYS1oaWRkZW4nOiAhaXNPcGVuLFxuICAgIHRhYkluZGV4LFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFByb3ZpZGVyIGhhbmRsZUNsb3NlPXtoYW5kbGVLZXlib2FyZENsb3NlfT5cbiAgICAgIDxBcHBIZWFkZXJOYXZCdXR0b25cbiAgICAgICAgYnV0dG9uUmVmPXtidXR0b25SZWZ9XG4gICAgICAgIGhhbmRsZU9uQ2xpY2s9e2hhbmRsZU9uQ2xpY2t9XG4gICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICBpdGVtPXtpdGVtfVxuICAgICAgLz5cbiAgICAgIDxBbmltYXRlZFNpbXBsZURyb3Bkb3duXG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgcmlnaHQ6IGlzUHJvZmlsZURyb3Bkb3duID8gJzAuNXJlbScgOiAnJyxcbiAgICAgICAgICB0b3A6IHRvcFNwYWNpbmcsXG4gICAgICAgICAgd2lkdGg6IGRpbWVuc2lvbnMud2lkdGgsXG4gICAgICAgIH19XG4gICAgICAgIGFuaW1hdGU9e3tcbiAgICAgICAgICBoZWlnaHQ6IGlzT3BlbiA/IGRpbWVuc2lvbnMuaGVpZ2h0IDogMCxcbiAgICAgICAgfX1cbiAgICAgICAgaW5pdGlhbD17eyBib3JkZXJXaWR0aDogMCwgaGVpZ2h0OiAwIH19XG4gICAgICAgIHRyYW5zaXRpb249e3sgZHVyYXRpb246IDAuMTc1IH19XG4gICAgICAgIGFyaWEtaGlkZGVuPXshaXNPcGVufVxuICAgICAgPlxuICAgICAgICB7ZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduID8gKFxuICAgICAgICAgIDxDb2xvck1vZGUgbW9kZT1cImxpZ2h0XCI+XG4gICAgICAgICAgICA8U3R5bGVkRHJvcGRvd25NZW51IHsuLi5jb21tb25NZW51UHJvcHN9PlxuICAgICAgICAgICAgICA8U3R5bGVkTGlua1NlY3Rpb24gey4uLmNvbW1vbkxpbmtTZWN0aW9uUHJvcHN9IC8+XG4gICAgICAgICAgICA8L1N0eWxlZERyb3Bkb3duTWVudT5cbiAgICAgICAgICA8L0NvbG9yTW9kZT5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICA8U3R5bGVkRHJvcGRvd25NZW51IHsuLi5jb21tb25NZW51UHJvcHN9PlxuICAgICAgICAgICAgPFN0eWxlZExpbmtTZWN0aW9uIHsuLi5jb21tb25MaW5rU2VjdGlvblByb3BzfSAvPlxuICAgICAgICAgIDwvU3R5bGVkRHJvcGRvd25NZW51PlxuICAgICAgICApfVxuICAgICAgPC9BbmltYXRlZFNpbXBsZURyb3Bkb3duPlxuICAgIDwvUHJvdmlkZXI+XG4gICk7XG59O1xuIl19 */");
|
|
37
|
+
const StyledDropdownMenu = /*#__PURE__*/_styled(Menu, {
|
|
38
|
+
target: "efmcgmc0",
|
|
39
|
+
label: "StyledDropdownMenu"
|
|
40
|
+
})(({
|
|
41
|
+
displayGlobalNavRedesign
|
|
42
|
+
}) => displayGlobalNavRedesign && css({
|
|
43
|
+
border: 1,
|
|
44
|
+
borderColor: 'border-tertiary',
|
|
45
|
+
borderRadius: 'lg'
|
|
46
|
+
}), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRHJvcGRvd24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBERSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckRyb3Bkb3duL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE1lbnUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBDb2xvck1vZGUsIGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBTY2FsZSB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlL2Rpc3QvdHlwZXMvY29uZmlnJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7XG4gIHVzZUNhbGxiYWNrLFxuICB1c2VDb250ZXh0LFxuICB1c2VFZmZlY3QsXG4gIHVzZU1lbW8sXG4gIHVzZVJlZixcbiAgdXNlU3RhdGUsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUlzb21vcnBoaWNMYXlvdXRFZmZlY3QgfSBmcm9tICdyZWFjdC11c2UnO1xuXG5pbXBvcnQgeyBHbG9iYWxOYXZSZWRlc2lnbkNvbnRleHQgfSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXInO1xuaW1wb3J0IHtcbiAgQW5pbWF0ZWRTaW1wbGVEcm9wZG93bixcbiAgQXBwSGVhZGVyQWN0aW9uLFxuICBBcHBIZWFkZXJEcm9wZG93bkl0ZW0sXG59IGZyb20gJy4uLy4uL3NoYXJlZCc7XG5pbXBvcnQgeyBBcHBIZWFkZXJEcm9wZG93blByb3ZpZGVyIH0gZnJvbSAnLi4vQXBwSGVhZGVyRHJvcGRvd25Qcm92aWRlcic7XG5pbXBvcnQgeyBBcHBIZWFkZXJMaW5rU2VjdGlvbnMgfSBmcm9tICcuLi9BcHBIZWFkZXJMaW5rU2VjdGlvbnMnO1xuaW1wb3J0IHsgQXBwSGVhZGVyTWVudVByb3ZpZGVyIH0gZnJvbSAnLi4vQXBwSGVhZGVyTWVudVByb3ZpZGVyJztcbmltcG9ydCB7IEFwcEhlYWRlck5hdkJ1dHRvbiB9IGZyb20gJy4uL0FwcEhlYWRlck5hdkJ1dHRvbic7XG5pbXBvcnQgeyB1c2VBcHBIZWFkZXJDb250ZXh0IH0gZnJvbSAnLi4vQXBwSGVhZGVyUHJvdmlkZXInO1xuXG5jb25zdCB0b3BTcGFjaW5nID0ge1xuICBsZzogJzMuMnJlbScsXG4gIG1kOiAnMi43NXJlbScsXG4gIHNtOiAnMi4yNXJlbScsXG59O1xuXG5jb25zdCBnZXRTcGFjaW5nID0gKHtcbiAgaXNQcm9maWxlRHJvcGRvd24sXG4gIGlzR2VuZXJpY0Ryb3Bkb3duLFxuICBpc0ljb25Ecm9wZG93bixcbiAgaXNTdGFuZGFsb25lLFxufToge1xuICBpc1Byb2ZpbGVEcm9wZG93bj86IGJvb2xlYW47XG4gIGlzR2VuZXJpY0Ryb3Bkb3duPzogYm9vbGVhbjtcbiAgaXNJY29uRHJvcGRvd24/OiBib29sZWFuO1xuICBpc1N0YW5kYWxvbmU/OiBib29sZWFuO1xufSkgPT4ge1xuICBpZiAoaXNQcm9maWxlRHJvcGRvd24gfHwgaXNJY29uRHJvcGRvd24pIHJldHVybiB0b3BTcGFjaW5nLmxnO1xuICBpZiAoaXNHZW5lcmljRHJvcGRvd24gJiYgaXNTdGFuZGFsb25lKSByZXR1cm4gdG9wU3BhY2luZy5tZDtcbiAgcmV0dXJuIHRvcFNwYWNpbmcuc207XG59O1xuXG5jb25zdCBTdHlsZWRMaW5rU2VjdGlvbiA9IHN0eWxlZChBcHBIZWFkZXJMaW5rU2VjdGlvbnMpKFxuICBjc3Moe1xuICAgIHBhZGRpbmc6IGAwLjc1cmVtIDBgLFxuICAgIHBvc2l0aW9uOiBgYWJzb2x1dGVgLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkRHJvcGRvd25NZW51ID0gc3R5bGVkKE1lbnUpPHtcbiAgZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduOiBib29sZWFuO1xufT5gXG4gICR7KHsgZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduIH0pID0+XG4gICAgZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduICYmXG4gICAgY3NzKHtcbiAgICAgIGJvcmRlcjogMSxcbiAgICAgIGJvcmRlckNvbG9yOiAnYm9yZGVyLXRlcnRpYXJ5JyxcbiAgICAgIGJvcmRlclJhZGl1czogJ2xnJyxcbiAgICB9KX1cbmA7XG5cbmV4cG9ydCB0eXBlIEFwcEhlYWRlckRyb3Bkb3duUHJvcHMgPSBBcHBIZWFkZXJBY3Rpb24gJlxuICBQaWNrPFJlYWN0LkNvbXBvbmVudFByb3BzPHR5cGVvZiBNZW51PiwgJ3NwYWNpbmcnPiAmIHtcbiAgICBpdGVtOiBBcHBIZWFkZXJEcm9wZG93bkl0ZW07XG4gICAgb25LZXlEb3duPzogKGV2ZW50OiBSZWFjdC5LZXlib2FyZEV2ZW50KSA9PiB2b2lkO1xuICAgIC8qKlxuICAgICAqIElmIHRydWUsIHRoZSBkcm9wZG93biBpcyBiZWluZyByZW5kZXJlZCBhcyBhIHN0YW5kYWxvbmUgY29tcG9uZW50LCByYXRoZXIgdGhhblxuICAgICAqIHBhcnQgb2YgdGhlIGdsb2JhbCBoZWFkZXIuXG4gICAgICovXG4gICAgc3RhbmRhbG9uZT86IGJvb2xlYW47XG4gIH07XG5cbmV4cG9ydCBjb25zdCBBcHBIZWFkZXJEcm9wZG93bjogUmVhY3QuRkM8QXBwSGVhZGVyRHJvcGRvd25Qcm9wcz4gPSAoe1xuICBhY3Rpb24sXG4gIGl0ZW0sXG4gIHNwYWNpbmcgPSAnbm9ybWFsJyxcbiAgc3RhbmRhbG9uZSxcbn0pID0+IHtcbiAgY29uc3QgbGlzdFJlZiA9IHVzZVJlZjxIVE1MVUxpc3RFbGVtZW50PihudWxsKTtcbiAgY29uc3QgYnV0dG9uUmVmID0gdXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihudWxsKTtcblxuICBjb25zdCBbZGltZW5zaW9ucywgc2V0RGltZW5zaW9uc10gPSB1c2VTdGF0ZSh7IGhlaWdodDogMCwgd2lkdGg6IDAgfSk7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgbGFzdE9wZW5lZERyb3Bkb3duLCBzZXRMYXN0T3BlbmVkRHJvcGRvd24gfSA9IHVzZUFwcEhlYWRlckNvbnRleHQoKTtcbiAgY29uc3QgZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduID0gdXNlQ29udGV4dChHbG9iYWxOYXZSZWRlc2lnbkNvbnRleHQpO1xuXG4gIGNvbnN0IHRhYkluZGV4ID0gaXNPcGVuID09PSBmYWxzZSA/IC0xIDogMDtcbiAgY29uc3QgZHJvcGRvd25JZCA9IGl0ZW0/LnRleHQgPz8gaXRlbT8udHlwZTtcblxuICBjb25zdCB0b2dnbGVJc09wZW4gPSAoKSA9PiBzZXRJc09wZW4oKHByZXYpID0+ICFwcmV2KTtcblxuICBjb25zdCBoYW5kbGVPbkNsaWNrID0gKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgdG9nZ2xlSXNPcGVuKCk7XG4gICAgaWYgKCFpc09wZW4pIHtcbiAgICAgIGlmIChhY3Rpb24pIGFjdGlvbihldmVudCwgaXRlbSk7XG4gICAgICBpZiAoc2V0TGFzdE9wZW5lZERyb3Bkb3duKSB7XG4gICAgICAgIHNldExhc3RPcGVuZWREcm9wZG93bihkcm9wZG93bklkKTtcbiAgICAgIH1cbiAgICB9XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlS2V5Ym9hcmRDbG9zZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBzZXRJc09wZW4oZmFsc2UpO1xuICAgIGJ1dHRvblJlZi5jdXJyZW50Py5mb2N1cygpO1xuICB9LCBbXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAobGFzdE9wZW5lZERyb3Bkb3duICE9PSBkcm9wZG93bklkICYmIGlzT3Blbikge1xuICAgICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgICB9XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbbGFzdE9wZW5lZERyb3Bkb3duXSk7XG5cbiAgdXNlSXNvbW9ycGhpY0xheW91dEVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGxpc3RSZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgeyBoZWlnaHQsIHdpZHRoIH0gPSBsaXN0UmVmLmN1cnJlbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgICBzZXREaW1lbnNpb25zKHsgaGVpZ2h0LCB3aWR0aCB9KTtcbiAgICB9XG4gIH0sIFtsaXN0UmVmLCBpc09wZW5dKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGZ1bmN0aW9uIGhhbmRsZUNsaWNrT3V0c2lkZShldmVudDogTW91c2VFdmVudCB8IEV2ZW50KSB7XG4gICAgICBjb25zdCBsaXN0ID0gbGlzdFJlZj8uY3VycmVudDtcbiAgICAgIGNvbnN0IGJ1dHRvbiA9IGJ1dHRvblJlZj8uY3VycmVudDtcbiAgICAgIGlmIChcbiAgICAgICAgaXNPcGVuICYmXG4gICAgICAgIGxpc3QgJiZcbiAgICAgICAgIWxpc3QuY29udGFpbnMoZXZlbnQudGFyZ2V0IGFzIE5vZGUpICYmXG4gICAgICAgIGJ1dHRvbiAmJlxuICAgICAgICAhYnV0dG9uLmNvbnRhaW5zKGV2ZW50LnRhcmdldCBhcyBOb2RlKVxuICAgICAgKSB7XG4gICAgICAgIHNldElzT3BlbihmYWxzZSk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdibHVyJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2JsdXInLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgIH07XG4gIH0sIFtsaXN0UmVmLCBpc09wZW5dKTtcblxuICBjb25zdCBpc1Byb2ZpbGVEcm9wZG93biA9IGl0ZW0udHlwZSA9PT0gJ3Byb2ZpbGUtZHJvcGRvd24nO1xuICBjb25zdCBpc0dlbmVyaWNEcm9wZG93biA9IFsnZHJvcGRvd24nLCAncmVzb3VyY2VzLXNpbXBsZS1kcm9wZG93biddLmluY2x1ZGVzKFxuICAgIGl0ZW0udHlwZVxuICApO1xuICBjb25zdCBpc0ljb25Ecm9wZG93biA9ICdpc0ljb25Pbmx5JyBpbiBpdGVtICYmIGl0ZW0uaXNJY29uT25seTtcblxuICBjb25zdCBQcm92aWRlciA9IGlzUHJvZmlsZURyb3Bkb3duXG4gICAgPyBBcHBIZWFkZXJNZW51UHJvdmlkZXJcbiAgICA6IEFwcEhlYWRlckRyb3Bkb3duUHJvdmlkZXI7XG5cbiAgY29uc3QgdG9wU3BhY2luZyA9IHVzZU1lbW8oXG4gICAgKCkgPT5cbiAgICAgIGdldFNwYWNpbmcoe1xuICAgICAgICBpc1Byb2ZpbGVEcm9wZG93bixcbiAgICAgICAgaXNHZW5lcmljRHJvcGRvd24sXG4gICAgICAgIGlzSWNvbkRyb3Bkb3duLFxuICAgICAgICBpc1N0YW5kYWxvbmU6IHN0YW5kYWxvbmUsXG4gICAgICB9KSxcbiAgICBbaXNQcm9maWxlRHJvcGRvd24sIGlzR2VuZXJpY0Ryb3Bkb3duLCBpc0ljb25Ecm9wZG93biwgc3RhbmRhbG9uZV1cbiAgKTtcblxuICBjb25zdCBjb21tb25NZW51UHJvcHMgPSB7XG4gICAgZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduLFxuICAgIG1pbldpZHRoOiAnMjAycHgnLFxuICAgIHJlZjogbGlzdFJlZixcbiAgICByb2xlOiBpc1Byb2ZpbGVEcm9wZG93biA/ICdtZW51JyA6IHVuZGVmaW5lZCxcbiAgICBzcGFjaW5nLFxuICAgIHZhcmlhbnQ6ICdwb3BvdmVyJyBhcyBjb25zdCxcbiAgICB3aWR0aDogJ2ZpdC1jb250ZW50JyBhcyBjb25zdCxcbiAgICB6SW5kZXg6IDEsXG4gICAgcHk6XG4gICAgICBzcGFjaW5nID09PSAnbm9ybWFsJ1xuICAgICAgICA/IDEyXG4gICAgICAgIDogKDAgYXMgU2NhbGU8e1xuICAgICAgICAgICAgcmVhZG9ubHkgcHJvcGVydHk6ICdwYWRkaW5nJztcbiAgICAgICAgICAgIHJlYWRvbmx5IHNjYWxlOiAnc3BhY2luZyc7XG4gICAgICAgICAgfT4pLFxuICB9O1xuXG4gIGNvbnN0IGNvbW1vbkxpbmtTZWN0aW9uUHJvcHMgPSB7XG4gICAgYWN0aW9uLFxuICAgIGl0ZW0sXG4gICAgaWQ6IGBtZW51LWNvbnRhaW5lciR7aXRlbS50ZXh0fWAsXG4gICAgJ2FyaWEtY29udHJvbHMnOiBgbWVudS1jb250YWluZXIke2l0ZW0udGV4dH1gLFxuICAgICdhcmlhLWxhYmVsJzogaXRlbS50ZXh0LFxuICAgICdhcmlhLWhpZGRlbic6ICFpc09wZW4sXG4gICAgdGFiSW5kZXgsXG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8UHJvdmlkZXIgaGFuZGxlQ2xvc2U9e2hhbmRsZUtleWJvYXJkQ2xvc2V9PlxuICAgICAgPEFwcEhlYWRlck5hdkJ1dHRvblxuICAgICAgICBidXR0b25SZWY9e2J1dHRvblJlZn1cbiAgICAgICAgaGFuZGxlT25DbGljaz17aGFuZGxlT25DbGlja31cbiAgICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICAgIGl0ZW09e2l0ZW19XG4gICAgICAvPlxuICAgICAgPEFuaW1hdGVkU2ltcGxlRHJvcGRvd25cbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICByaWdodDogaXNQcm9maWxlRHJvcGRvd24gPyAnMC41cmVtJyA6ICcnLFxuICAgICAgICAgIHRvcDogdG9wU3BhY2luZyxcbiAgICAgICAgICB3aWR0aDogZGltZW5zaW9ucy53aWR0aCxcbiAgICAgICAgfX1cbiAgICAgICAgYW5pbWF0ZT17e1xuICAgICAgICAgIGhlaWdodDogaXNPcGVuID8gZGltZW5zaW9ucy5oZWlnaHQgOiAwLFxuICAgICAgICB9fVxuICAgICAgICBpbml0aWFsPXt7IGJvcmRlcldpZHRoOiAwLCBoZWlnaHQ6IDAgfX1cbiAgICAgICAgdHJhbnNpdGlvbj17eyBkdXJhdGlvbjogMC4xNzUgfX1cbiAgICAgICAgYXJpYS1oaWRkZW49eyFpc09wZW59XG4gICAgICA+XG4gICAgICAgIHtkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24gPyAoXG4gICAgICAgICAgPENvbG9yTW9kZSBtb2RlPVwibGlnaHRcIj5cbiAgICAgICAgICAgIDxTdHlsZWREcm9wZG93bk1lbnUgey4uLmNvbW1vbk1lbnVQcm9wc30+XG4gICAgICAgICAgICAgIDxTdHlsZWRMaW5rU2VjdGlvbiB7Li4uY29tbW9uTGlua1NlY3Rpb25Qcm9wc30gLz5cbiAgICAgICAgICAgIDwvU3R5bGVkRHJvcGRvd25NZW51PlxuICAgICAgICAgIDwvQ29sb3JNb2RlPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxTdHlsZWREcm9wZG93bk1lbnUgey4uLmNvbW1vbk1lbnVQcm9wc30+XG4gICAgICAgICAgICA8U3R5bGVkTGlua1NlY3Rpb24gey4uLmNvbW1vbkxpbmtTZWN0aW9uUHJvcHN9IC8+XG4gICAgICAgICAgPC9TdHlsZWREcm9wZG93bk1lbnU+XG4gICAgICAgICl9XG4gICAgICA8L0FuaW1hdGVkU2ltcGxlRHJvcGRvd24+XG4gICAgPC9Qcm92aWRlcj5cbiAgKTtcbn07XG4iXX0= */"));
|
|
36
47
|
export const AppHeaderDropdown = ({
|
|
37
48
|
action,
|
|
38
49
|
item,
|
|
@@ -50,6 +61,7 @@ export const AppHeaderDropdown = ({
|
|
|
50
61
|
lastOpenedDropdown,
|
|
51
62
|
setLastOpenedDropdown
|
|
52
63
|
} = useAppHeaderContext();
|
|
64
|
+
const displayGlobalNavRedesign = useContext(GlobalNavRedesignContext);
|
|
53
65
|
const tabIndex = isOpen === false ? -1 : 0;
|
|
54
66
|
const dropdownId = item?.text ?? item?.type;
|
|
55
67
|
const toggleIsOpen = () => setIsOpen(prev => !prev);
|
|
@@ -109,6 +121,26 @@ export const AppHeaderDropdown = ({
|
|
|
109
121
|
isIconDropdown,
|
|
110
122
|
isStandalone: standalone
|
|
111
123
|
}), [isProfileDropdown, isGenericDropdown, isIconDropdown, standalone]);
|
|
124
|
+
const commonMenuProps = {
|
|
125
|
+
displayGlobalNavRedesign,
|
|
126
|
+
minWidth: '202px',
|
|
127
|
+
ref: listRef,
|
|
128
|
+
role: isProfileDropdown ? 'menu' : undefined,
|
|
129
|
+
spacing,
|
|
130
|
+
variant: 'popover',
|
|
131
|
+
width: 'fit-content',
|
|
132
|
+
zIndex: 1,
|
|
133
|
+
py: spacing === 'normal' ? 12 : 0
|
|
134
|
+
};
|
|
135
|
+
const commonLinkSectionProps = {
|
|
136
|
+
action,
|
|
137
|
+
item,
|
|
138
|
+
id: `menu-container${item.text}`,
|
|
139
|
+
'aria-controls': `menu-container${item.text}`,
|
|
140
|
+
'aria-label': item.text,
|
|
141
|
+
'aria-hidden': !isOpen,
|
|
142
|
+
tabIndex
|
|
143
|
+
};
|
|
112
144
|
return /*#__PURE__*/_jsxs(Provider, {
|
|
113
145
|
handleClose: handleKeyboardClose,
|
|
114
146
|
children: [/*#__PURE__*/_jsx(AppHeaderNavButton, {
|
|
@@ -133,23 +165,18 @@ export const AppHeaderDropdown = ({
|
|
|
133
165
|
duration: 0.175
|
|
134
166
|
},
|
|
135
167
|
"aria-hidden": !isOpen,
|
|
136
|
-
children: /*#__PURE__*/_jsx(
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
168
|
+
children: displayGlobalNavRedesign ? /*#__PURE__*/_jsx(ColorMode, {
|
|
169
|
+
mode: "light",
|
|
170
|
+
children: /*#__PURE__*/_jsx(StyledDropdownMenu, {
|
|
171
|
+
...commonMenuProps,
|
|
172
|
+
children: /*#__PURE__*/_jsx(StyledLinkSection, {
|
|
173
|
+
...commonLinkSectionProps
|
|
174
|
+
})
|
|
175
|
+
})
|
|
176
|
+
}) : /*#__PURE__*/_jsx(StyledDropdownMenu, {
|
|
177
|
+
...commonMenuProps,
|
|
145
178
|
children: /*#__PURE__*/_jsx(StyledLinkSection, {
|
|
146
|
-
|
|
147
|
-
item: item,
|
|
148
|
-
id: `menu-container${item.text}`,
|
|
149
|
-
"aria-controls": `menu-container${item.text}`,
|
|
150
|
-
"aria-label": item.text,
|
|
151
|
-
"aria-hidden": !isOpen,
|
|
152
|
-
tabIndex: tabIndex
|
|
179
|
+
...commonLinkSectionProps
|
|
153
180
|
})
|
|
154
181
|
})
|
|
155
182
|
})]
|
package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownLinks/elements/AppHeaderDropdownLink.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import React, { useEffect, useRef } from 'react';
|
|
1
|
+
import React, { useContext, useEffect, useRef } from 'react';
|
|
2
|
+
import { GlobalNavRedesignContext } from '../../../..';
|
|
2
3
|
import { useAppHeaderDropdownContext } from '../../AppHeaderDropdownProvider';
|
|
3
|
-
import {
|
|
4
|
+
import { StyledAppHeaderLink } from './StyledAppHeaderLink';
|
|
4
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
6
|
export const AppHeaderDropdownLink = ({
|
|
6
7
|
isFirstElem,
|
|
@@ -10,13 +11,15 @@ export const AppHeaderDropdownLink = ({
|
|
|
10
11
|
const {
|
|
11
12
|
setFirstItemRef
|
|
12
13
|
} = useAppHeaderDropdownContext();
|
|
14
|
+
const displayGlobalNavRedesign = useContext(GlobalNavRedesignContext);
|
|
13
15
|
const ref = useRef(null);
|
|
14
16
|
useEffect(() => {
|
|
15
17
|
if (isFirstElem && setFirstItemRef && ref?.current) {
|
|
16
18
|
setFirstItemRef(ref.current);
|
|
17
19
|
}
|
|
18
20
|
}, [setFirstItemRef, ref, isFirstElem]);
|
|
19
|
-
return /*#__PURE__*/_jsx(
|
|
21
|
+
return /*#__PURE__*/_jsx(StyledAppHeaderLink, {
|
|
22
|
+
displayGlobalNavRedesign: displayGlobalNavRedesign,
|
|
20
23
|
isInDropdown: true,
|
|
21
24
|
role: role,
|
|
22
25
|
ref: ref,
|
package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownLinks/elements/AppHeaderMenuItem.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import React, { useEffect, useRef } from 'react';
|
|
2
|
-
import {
|
|
1
|
+
import React, { useContext, useEffect, useRef } from 'react';
|
|
2
|
+
import { GlobalNavRedesignContext } from '../../../..';
|
|
3
3
|
import { useAppHeaderMenuContext } from '../../AppHeaderMenuProvider';
|
|
4
|
+
import { StyledAppHeaderLink } from './StyledAppHeaderLink';
|
|
4
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
6
|
export const AppHeaderMenuItem = ({
|
|
6
7
|
role,
|
|
@@ -10,6 +11,7 @@ export const AppHeaderMenuItem = ({
|
|
|
10
11
|
menuItems,
|
|
11
12
|
setMenuItems
|
|
12
13
|
} = useAppHeaderMenuContext();
|
|
14
|
+
const displayGlobalNavRedesign = useContext(GlobalNavRedesignContext);
|
|
13
15
|
const ref = useRef(null);
|
|
14
16
|
useEffect(() => {
|
|
15
17
|
if (setMenuItems && ref?.current) {
|
|
@@ -17,7 +19,8 @@ export const AppHeaderMenuItem = ({
|
|
|
17
19
|
}
|
|
18
20
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
19
21
|
}, []);
|
|
20
|
-
return /*#__PURE__*/_jsx(
|
|
22
|
+
return /*#__PURE__*/_jsx(StyledAppHeaderLink, {
|
|
23
|
+
displayGlobalNavRedesign: displayGlobalNavRedesign,
|
|
21
24
|
isInDropdown: true,
|
|
22
25
|
role: role,
|
|
23
26
|
ref: ref,
|
package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownLinks/elements/StyledAppHeaderLink.d.ts
ADDED
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
export declare const StyledAppHeaderLink: import("@emotion/styled").StyledComponent<(((Omit<Omit<Partial<import("@codecademy/gamut/dist/helpers").AppendedIconProps> & {
|
|
2
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
3
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
4
|
+
} & import("@codecademy/gamut").AnchorProps & Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "content" | "translate" | "property" | "hidden" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "media" | "target" | "type" | "role" | "tabIndex" | "href" | "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<HTMLAnchorElement> | "download" | "hrefLang" | "ping" | "referrerPolicy">, "ref"> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement> & import("../../../shared").AppHeaderAction & {
|
|
5
|
+
isInDropdown?: boolean;
|
|
6
|
+
item: import("../../../shared").AppHeaderLinkItem;
|
|
7
|
+
mobile?: boolean;
|
|
8
|
+
onKeyDown?: (event: React.KeyboardEvent) => void;
|
|
9
|
+
role?: React.AriaRole;
|
|
10
|
+
}, "ref"> | Omit<Omit<Partial<import("@codecademy/gamut/dist/helpers").AppendedIconProps> & {
|
|
11
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
12
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
13
|
+
} & import("@codecademy/gamut").AnchorProps & Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "content" | "translate" | "property" | "hidden" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "media" | "target" | "type" | "role" | "tabIndex" | "href" | "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<HTMLAnchorElement> | "download" | "hrefLang" | "ping" | "referrerPolicy"> & Omit<{
|
|
14
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
15
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
16
|
+
} & {
|
|
17
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
18
|
+
} & Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "content" | "translate" | "property" | "hidden" | "form" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "name" | "type" | "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<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value">, "ref"> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement> & import("../../../shared").AppHeaderAction & {
|
|
19
|
+
isInDropdown?: boolean;
|
|
20
|
+
item: import("../../../shared").AppHeaderLinkItem;
|
|
21
|
+
mobile?: boolean;
|
|
22
|
+
onKeyDown?: (event: React.KeyboardEvent) => void;
|
|
23
|
+
role?: React.AriaRole;
|
|
24
|
+
}, "ref"> | Omit<Omit<Partial<import("@codecademy/gamut/dist/helpers").AppendedIconProps> & {
|
|
25
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
26
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
27
|
+
} & import("@codecademy/gamut").AnchorProps & Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "content" | "translate" | "property" | "hidden" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "media" | "target" | "type" | "role" | "tabIndex" | "href" | "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<HTMLAnchorElement> | "download" | "hrefLang" | "ping" | "referrerPolicy"> & Omit<{
|
|
28
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
29
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
30
|
+
} & {
|
|
31
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
32
|
+
} & Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "content" | "translate" | "property" | "hidden" | "form" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "name" | "type" | "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<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value"> & Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "content" | "translate" | "property" | "hidden" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "media" | "target" | "type" | "role" | "tabIndex" | "href" | "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<HTMLAnchorElement> | "download" | "hrefLang" | "ping" | "referrerPolicy">, "ref"> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement> & import("../../../shared").AppHeaderAction & {
|
|
33
|
+
isInDropdown?: boolean;
|
|
34
|
+
item: import("../../../shared").AppHeaderLinkItem;
|
|
35
|
+
mobile?: boolean;
|
|
36
|
+
onKeyDown?: (event: React.KeyboardEvent) => void;
|
|
37
|
+
role?: React.AriaRole;
|
|
38
|
+
}, "ref">) & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>) & {
|
|
39
|
+
theme?: import("@emotion/react").Theme;
|
|
40
|
+
}) & {
|
|
41
|
+
displayGlobalNavRedesign?: boolean;
|
|
42
|
+
}, {}, {}>;
|
package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownLinks/elements/StyledAppHeaderLink.js
ADDED
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
|
2
|
+
import { css, theme } from '@codecademy/gamut-styles';
|
|
3
|
+
import { AppHeaderLink } from '../../AppHeaderLink';
|
|
4
|
+
export const StyledAppHeaderLink = /*#__PURE__*/_styled(AppHeaderLink, {
|
|
5
|
+
target: "e1oc8aqt0",
|
|
6
|
+
label: "StyledAppHeaderLink"
|
|
7
|
+
})(({
|
|
8
|
+
displayGlobalNavRedesign
|
|
9
|
+
}) => displayGlobalNavRedesign && css({
|
|
10
|
+
display: 'flex',
|
|
11
|
+
position: 'relative',
|
|
12
|
+
'@media (max-width: 1199px)': {
|
|
13
|
+
pl: 0
|
|
14
|
+
},
|
|
15
|
+
'&::before': {
|
|
16
|
+
content: '""',
|
|
17
|
+
position: 'absolute',
|
|
18
|
+
width: 'calc(100% - 24px)',
|
|
19
|
+
left: '12px',
|
|
20
|
+
borderRadius: 'lg',
|
|
21
|
+
transition: 'background-color 0.15s ease',
|
|
22
|
+
pointerEvents: 'none',
|
|
23
|
+
zIndex: -1
|
|
24
|
+
},
|
|
25
|
+
'&:hover::before, &:focus-visible::before': {
|
|
26
|
+
backgroundColor: theme.colors['navy-100']
|
|
27
|
+
},
|
|
28
|
+
'&:hover, &:focus-visible, &:active': {
|
|
29
|
+
color: 'hyper-400',
|
|
30
|
+
borderRadius: 'lg'
|
|
31
|
+
},
|
|
32
|
+
'&:active::before': {
|
|
33
|
+
backgroundColor: theme.colors['navy-200']
|
|
34
|
+
}
|
|
35
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRHJvcGRvd25MaW5rcy9lbGVtZW50cy9TdHlsZWRBcHBIZWFkZXJMaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLbUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJEcm9wZG93bkxpbmtzL2VsZW1lbnRzL1N0eWxlZEFwcEhlYWRlckxpbmsudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IEFwcEhlYWRlckxpbmsgfSBmcm9tICcuLi8uLi9BcHBIZWFkZXJMaW5rJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFwcEhlYWRlckxpbmsgPSBzdHlsZWQoQXBwSGVhZGVyTGluayk8e1xuICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24/OiBib29sZWFuO1xufT4oXG4gICh7IGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiB9KSA9PlxuICAgIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiAmJlxuICAgIGNzcyh7XG4gICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgICdAbWVkaWEgKG1heC13aWR0aDogMTE5OXB4KSc6IHtcbiAgICAgICAgcGw6IDAsXG4gICAgICB9LFxuICAgICAgJyY6OmJlZm9yZSc6IHtcbiAgICAgICAgY29udGVudDogJ1wiXCInLFxuICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgd2lkdGg6ICdjYWxjKDEwMCUgLSAyNHB4KScsXG4gICAgICAgIGxlZnQ6ICcxMnB4JyxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAnbGcnLFxuICAgICAgICB0cmFuc2l0aW9uOiAnYmFja2dyb3VuZC1jb2xvciAwLjE1cyBlYXNlJyxcbiAgICAgICAgcG9pbnRlckV2ZW50czogJ25vbmUnLFxuICAgICAgICB6SW5kZXg6IC0xLFxuICAgICAgfSxcbiAgICAgICcmOmhvdmVyOjpiZWZvcmUsICY6Zm9jdXMtdmlzaWJsZTo6YmVmb3JlJzoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9yc1snbmF2eS0xMDAnXSxcbiAgICAgIH0sXG4gICAgICAnJjpob3ZlciwgJjpmb2N1cy12aXNpYmxlLCAmOmFjdGl2ZSc6IHtcbiAgICAgICAgY29sb3I6ICdoeXBlci00MDAnLFxuICAgICAgICBib3JkZXJSYWRpdXM6ICdsZycsXG4gICAgICB9LFxuICAgICAgJyY6YWN0aXZlOjpiZWZvcmUnOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzWyduYXZ5LTIwMCddLFxuICAgICAgfSxcbiAgICB9KVxuKTtcbiJdfQ== */");
|
|
File without changes
|