@codecademy/brand 3.41.0-alpha.ec36a35d00.0 → 3.41.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.
@@ -1,63 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
- import { Anchor, Column, FillButton } from '@codecademy/gamut';
3
- import { css, useCurrentMode } from '@codecademy/gamut-styles';
4
- export const StyledColumn = /*#__PURE__*/_styled(Column, {
5
- target: "e3x9tsc4",
6
- label: "StyledColumn"
7
- })(css({
8
- borderBottom: 1,
9
- borderColor: 'border-primary'
10
- }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb24vZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUk0QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckNhdGFsb2dTZWN0aW9uL2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgQ29sdW1uLCBGaWxsQnV0dG9uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ29sb3JzLCBjc3MsIHVzZUN1cnJlbnRNb2RlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbHVtbiA9IHN0eWxlZChDb2x1bW4pKFxuICBjc3Moe1xuICAgIGJvcmRlckJvdHRvbTogMSxcbiAgICBib3JkZXJDb2xvcjogJ2JvcmRlci1wcmltYXJ5JyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBbmNob3JDb2x1bW4gPSBzdHlsZWQoQ29sdW1uKShcbiAgY3NzKHtcbiAgICBwYjogMTYsXG4gICAgJyY6bGFzdC1jaGlsZCc6IHtcbiAgICAgIHBiOiAwLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRmlsbEJ1dHRvbiA9IHN0eWxlZChGaWxsQnV0dG9uKShcbiAgY3NzKHtcbiAgICBtYXhXaWR0aDogMTcwLFxuICAgIG10OiB7IF86IDE2LCBsZzogOTYgfSxcbiAgICB0ZXh0QWxpZ246IHsgXzogJ2NlbnRlcicsIG1kOiAnbGVmdCcgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdWJqZWN0QW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgYWxpZ25Db250ZW50OiAnY2VudGVyJyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQmFubmVyQW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGZvbnRTaXplOiAxNixcbiAgICBmb250V2VpZ2h0OiA3MDAsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgdG9waWNXcmFwcGVyUHJvcHMgPSB7IGFzOiAnbGknLCB3aWR0aDogJzEycmVtJyB9IGFzIGNvbnN0O1xuXG5leHBvcnQgY29uc3QgdXNlQmFubmVyUmVzcG9uc2l2ZVN0eWxlcyA9ICgpOiB7XG4gIGJnOiBDb2xvcnM7XG4gIGNvbG9yOiBDb2xvcnM7XG59ID0+IHtcbiAgY29uc3QgbW9kZSA9IHVzZUN1cnJlbnRNb2RlKCk7XG5cbiAgY29uc3QgYmcgPSBtb2RlID09PSAnZGFyaycgPyAnbmF2eS05MDAnIDogJ3BhbGVZZWxsb3cnO1xuICBjb25zdCBjb2xvciA9IG1vZGUgPT09ICdkYXJrJyA/ICd3aGl0ZScgOiAnbmF2eS05MDAnO1xuXG4gIHJldHVybiB7IGJnLCBjb2xvciB9O1xufTtcbiJdfQ== */");
11
- export const StyledAnchorColumn = /*#__PURE__*/_styled(Column, {
12
- target: "e3x9tsc3",
13
- label: "StyledAnchorColumn"
14
- })(css({
15
- pb: 16,
16
- '&:last-child': {
17
- pb: 0
18
- }
19
- }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb24vZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdrQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckNhdGFsb2dTZWN0aW9uL2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgQ29sdW1uLCBGaWxsQnV0dG9uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ29sb3JzLCBjc3MsIHVzZUN1cnJlbnRNb2RlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbHVtbiA9IHN0eWxlZChDb2x1bW4pKFxuICBjc3Moe1xuICAgIGJvcmRlckJvdHRvbTogMSxcbiAgICBib3JkZXJDb2xvcjogJ2JvcmRlci1wcmltYXJ5JyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBbmNob3JDb2x1bW4gPSBzdHlsZWQoQ29sdW1uKShcbiAgY3NzKHtcbiAgICBwYjogMTYsXG4gICAgJyY6bGFzdC1jaGlsZCc6IHtcbiAgICAgIHBiOiAwLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRmlsbEJ1dHRvbiA9IHN0eWxlZChGaWxsQnV0dG9uKShcbiAgY3NzKHtcbiAgICBtYXhXaWR0aDogMTcwLFxuICAgIG10OiB7IF86IDE2LCBsZzogOTYgfSxcbiAgICB0ZXh0QWxpZ246IHsgXzogJ2NlbnRlcicsIG1kOiAnbGVmdCcgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdWJqZWN0QW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgYWxpZ25Db250ZW50OiAnY2VudGVyJyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQmFubmVyQW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGZvbnRTaXplOiAxNixcbiAgICBmb250V2VpZ2h0OiA3MDAsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgdG9waWNXcmFwcGVyUHJvcHMgPSB7IGFzOiAnbGknLCB3aWR0aDogJzEycmVtJyB9IGFzIGNvbnN0O1xuXG5leHBvcnQgY29uc3QgdXNlQmFubmVyUmVzcG9uc2l2ZVN0eWxlcyA9ICgpOiB7XG4gIGJnOiBDb2xvcnM7XG4gIGNvbG9yOiBDb2xvcnM7XG59ID0+IHtcbiAgY29uc3QgbW9kZSA9IHVzZUN1cnJlbnRNb2RlKCk7XG5cbiAgY29uc3QgYmcgPSBtb2RlID09PSAnZGFyaycgPyAnbmF2eS05MDAnIDogJ3BhbGVZZWxsb3cnO1xuICBjb25zdCBjb2xvciA9IG1vZGUgPT09ICdkYXJrJyA/ICd3aGl0ZScgOiAnbmF2eS05MDAnO1xuXG4gIHJldHVybiB7IGJnLCBjb2xvciB9O1xufTtcbiJdfQ== */");
20
- export const StyledFillButton = /*#__PURE__*/_styled(FillButton, {
21
- target: "e3x9tsc2",
22
- label: "StyledFillButton"
23
- })(css({
24
- maxWidth: 170,
25
- mt: {
26
- _: 16,
27
- lg: 96
28
- },
29
- textAlign: {
30
- _: 'center',
31
- md: 'left'
32
- }
33
- }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb24vZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CZ0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nU2VjdGlvbi9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIENvbHVtbiwgRmlsbEJ1dHRvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IENvbG9ycywgY3NzLCB1c2VDdXJyZW50TW9kZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb2x1bW4gPSBzdHlsZWQoQ29sdW1uKShcbiAgY3NzKHtcbiAgICBib3JkZXJCb3R0b206IDEsXG4gICAgYm9yZGVyQ29sb3I6ICdib3JkZXItcHJpbWFyeScsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQW5jaG9yQ29sdW1uID0gc3R5bGVkKENvbHVtbikoXG4gIGNzcyh7XG4gICAgcGI6IDE2LFxuICAgICcmOmxhc3QtY2hpbGQnOiB7XG4gICAgICBwYjogMCxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZpbGxCdXR0b24gPSBzdHlsZWQoRmlsbEJ1dHRvbikoXG4gIGNzcyh7XG4gICAgbWF4V2lkdGg6IDE3MCxcbiAgICBtdDogeyBfOiAxNiwgbGc6IDk2IH0sXG4gICAgdGV4dEFsaWduOiB7IF86ICdjZW50ZXInLCBtZDogJ2xlZnQnIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3ViamVjdEFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGFsaWduQ29udGVudDogJ2NlbnRlcicsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IEJhbm5lckFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmb250U2l6ZTogMTYsXG4gICAgZm9udFdlaWdodDogNzAwLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IHRvcGljV3JhcHBlclByb3BzID0geyBhczogJ2xpJywgd2lkdGg6ICcxMnJlbScgfSBhcyBjb25zdDtcblxuZXhwb3J0IGNvbnN0IHVzZUJhbm5lclJlc3BvbnNpdmVTdHlsZXMgPSAoKToge1xuICBiZzogQ29sb3JzO1xuICBjb2xvcjogQ29sb3JzO1xufSA9PiB7XG4gIGNvbnN0IG1vZGUgPSB1c2VDdXJyZW50TW9kZSgpO1xuXG4gIGNvbnN0IGJnID0gbW9kZSA9PT0gJ2RhcmsnID8gJ25hdnktOTAwJyA6ICdwYWxlWWVsbG93JztcbiAgY29uc3QgY29sb3IgPSBtb2RlID09PSAnZGFyaycgPyAnd2hpdGUnIDogJ25hdnktOTAwJztcblxuICByZXR1cm4geyBiZywgY29sb3IgfTtcbn07XG4iXX0= */");
34
- export const SubjectAnchor = /*#__PURE__*/_styled(Anchor, {
35
- target: "e3x9tsc1",
36
- label: "SubjectAnchor"
37
- })(css({
38
- alignContent: 'center',
39
- alignItems: 'center',
40
- display: 'flex'
41
- }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb24vZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCNkIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nU2VjdGlvbi9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIENvbHVtbiwgRmlsbEJ1dHRvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IENvbG9ycywgY3NzLCB1c2VDdXJyZW50TW9kZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb2x1bW4gPSBzdHlsZWQoQ29sdW1uKShcbiAgY3NzKHtcbiAgICBib3JkZXJCb3R0b206IDEsXG4gICAgYm9yZGVyQ29sb3I6ICdib3JkZXItcHJpbWFyeScsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQW5jaG9yQ29sdW1uID0gc3R5bGVkKENvbHVtbikoXG4gIGNzcyh7XG4gICAgcGI6IDE2LFxuICAgICcmOmxhc3QtY2hpbGQnOiB7XG4gICAgICBwYjogMCxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZpbGxCdXR0b24gPSBzdHlsZWQoRmlsbEJ1dHRvbikoXG4gIGNzcyh7XG4gICAgbWF4V2lkdGg6IDE3MCxcbiAgICBtdDogeyBfOiAxNiwgbGc6IDk2IH0sXG4gICAgdGV4dEFsaWduOiB7IF86ICdjZW50ZXInLCBtZDogJ2xlZnQnIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3ViamVjdEFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGFsaWduQ29udGVudDogJ2NlbnRlcicsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IEJhbm5lckFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmb250U2l6ZTogMTYsXG4gICAgZm9udFdlaWdodDogNzAwLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IHRvcGljV3JhcHBlclByb3BzID0geyBhczogJ2xpJywgd2lkdGg6ICcxMnJlbScgfSBhcyBjb25zdDtcblxuZXhwb3J0IGNvbnN0IHVzZUJhbm5lclJlc3BvbnNpdmVTdHlsZXMgPSAoKToge1xuICBiZzogQ29sb3JzO1xuICBjb2xvcjogQ29sb3JzO1xufSA9PiB7XG4gIGNvbnN0IG1vZGUgPSB1c2VDdXJyZW50TW9kZSgpO1xuXG4gIGNvbnN0IGJnID0gbW9kZSA9PT0gJ2RhcmsnID8gJ25hdnktOTAwJyA6ICdwYWxlWWVsbG93JztcbiAgY29uc3QgY29sb3IgPSBtb2RlID09PSAnZGFyaycgPyAnd2hpdGUnIDogJ25hdnktOTAwJztcblxuICByZXR1cm4geyBiZywgY29sb3IgfTtcbn07XG4iXX0= */");
42
- export const BannerAnchor = /*#__PURE__*/_styled(Anchor, {
43
- target: "e3x9tsc0",
44
- label: "BannerAnchor"
45
- })(css({
46
- alignItems: 'center',
47
- display: 'flex',
48
- fontSize: 16,
49
- fontWeight: 700
50
- }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb24vZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DNEIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nU2VjdGlvbi9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIENvbHVtbiwgRmlsbEJ1dHRvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IENvbG9ycywgY3NzLCB1c2VDdXJyZW50TW9kZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb2x1bW4gPSBzdHlsZWQoQ29sdW1uKShcbiAgY3NzKHtcbiAgICBib3JkZXJCb3R0b206IDEsXG4gICAgYm9yZGVyQ29sb3I6ICdib3JkZXItcHJpbWFyeScsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQW5jaG9yQ29sdW1uID0gc3R5bGVkKENvbHVtbikoXG4gIGNzcyh7XG4gICAgcGI6IDE2LFxuICAgICcmOmxhc3QtY2hpbGQnOiB7XG4gICAgICBwYjogMCxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZpbGxCdXR0b24gPSBzdHlsZWQoRmlsbEJ1dHRvbikoXG4gIGNzcyh7XG4gICAgbWF4V2lkdGg6IDE3MCxcbiAgICBtdDogeyBfOiAxNiwgbGc6IDk2IH0sXG4gICAgdGV4dEFsaWduOiB7IF86ICdjZW50ZXInLCBtZDogJ2xlZnQnIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3ViamVjdEFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGFsaWduQ29udGVudDogJ2NlbnRlcicsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IEJhbm5lckFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmb250U2l6ZTogMTYsXG4gICAgZm9udFdlaWdodDogNzAwLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IHRvcGljV3JhcHBlclByb3BzID0geyBhczogJ2xpJywgd2lkdGg6ICcxMnJlbScgfSBhcyBjb25zdDtcblxuZXhwb3J0IGNvbnN0IHVzZUJhbm5lclJlc3BvbnNpdmVTdHlsZXMgPSAoKToge1xuICBiZzogQ29sb3JzO1xuICBjb2xvcjogQ29sb3JzO1xufSA9PiB7XG4gIGNvbnN0IG1vZGUgPSB1c2VDdXJyZW50TW9kZSgpO1xuXG4gIGNvbnN0IGJnID0gbW9kZSA9PT0gJ2RhcmsnID8gJ25hdnktOTAwJyA6ICdwYWxlWWVsbG93JztcbiAgY29uc3QgY29sb3IgPSBtb2RlID09PSAnZGFyaycgPyAnd2hpdGUnIDogJ25hdnktOTAwJztcblxuICByZXR1cm4geyBiZywgY29sb3IgfTtcbn07XG4iXX0= */");
51
- export const topicWrapperProps = {
52
- as: 'li',
53
- width: '12rem'
54
- };
55
- export const useBannerResponsiveStyles = () => {
56
- const mode = useCurrentMode();
57
- const bg = mode === 'dark' ? 'navy-900' : 'paleYellow';
58
- const color = mode === 'dark' ? 'white' : 'navy-900';
59
- return {
60
- bg,
61
- color
62
- };
63
- };
@@ -1,13 +0,0 @@
1
- import * as React from 'react';
2
- import { RefObject } from 'react';
3
- import { AppHeaderAction, AppHeaderCatalogDropdownItem } from '../../shared';
4
- export type AppHeaderCatalogSectionProps = AppHeaderAction & {
5
- item: AppHeaderCatalogDropdownItem;
6
- ref?: RefObject<HTMLUListElement>;
7
- role?: string;
8
- id?: string;
9
- keyDownEvents?: (event: React.KeyboardEvent) => void;
10
- isOpen?: boolean;
11
- handleClose?: () => void;
12
- };
13
- export declare const AppHeaderCatalogSection: React.ForwardRefExoticComponent<Omit<AppHeaderCatalogSectionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -1,440 +0,0 @@
1
- import { Anchor, Badge, Box, Column, FlexBox, GridBox, LayoutGrid, Text } from '@codecademy/gamut';
2
- import { MiniArrowRightIcon } from '@codecademy/gamut-icons';
3
- import { TinyBlocks } from '@codecademy/gamut-illustrations';
4
- import { Background } from '@codecademy/gamut-styles';
5
- import * as React from 'react';
6
- import { useEffect, useRef } from 'react';
7
- import { useHeaderDisplayContext } from '../../../GlobalHeader/context';
8
- import { careerPaths, getTopSubjects, liveLearningHubItems, topLanguages } from '../../../lib/catalogList';
9
- import { DescriptionSectionContainer, LayoutGridAntiAliased, useMegaMenuHeaderResponsiveStyles } from '../../shared';
10
- import { useAppHeaderDropdownContext } from '../AppHeaderDropdownProvider';
11
- import { BannerAnchor, StyledAnchorColumn, StyledColumn, StyledFillButton, SubjectAnchor, topicWrapperProps, useBannerResponsiveStyles } from './elements';
12
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
13
- const quizAnchorData = {
14
- text: 'Take our quiz',
15
- id: 'quiz',
16
- type: 'text-button',
17
- href: '/explore/sorting-quiz',
18
- trackingTarget: 'sorting_quiz'
19
- };
20
- const onboardingQuizAnchorData = {
21
- text: 'Take our quiz',
22
- id: 'onboarding_quiz',
23
- type: 'text-button',
24
- href: '/welcome/find-a-course',
25
- trackingTarget: 'sorting_quiz'
26
- };
27
- const catalogButtonData = {
28
- text: 'Explore all courses',
29
- id: 'catalog',
30
- type: 'text-button',
31
- href: '/catalog',
32
- trackingTarget: 'topnav_catalog_explore_full'
33
- };
34
- const uxDesignerCareerPathHighlight = {
35
- text: 'Want to help shape digital products? Check out the new UX Designer career path.',
36
- id: 'nav-highlight',
37
- type: 'link',
38
- href: '/learn/paths/ux-designer-career-path',
39
- trackingTarget: 'topnav_catalog_banner_ux_designer_career_path'
40
- };
41
- export const AppHeaderCatalogSection = /*#__PURE__*/React.forwardRef(({
42
- action,
43
- item,
44
- isOpen,
45
- keyDownEvents,
46
- handleClose
47
- }, ref) => {
48
- const firstElemRef = useRef(null);
49
- const {
50
- setFirstItemRef
51
- } = useAppHeaderDropdownContext();
52
- const {
53
- showOnboardingQuiz,
54
- showSortingQuiz
55
- } = useHeaderDisplayContext();
56
- const tabIndex = isOpen === false ? -1 : 0;
57
- const styles = useMegaMenuHeaderResponsiveStyles();
58
- const bannerStyles = useBannerResponsiveStyles();
59
- const showQuiz = showOnboardingQuiz || showSortingQuiz;
60
- useEffect(() => {
61
- if (setFirstItemRef && firstElemRef.current) {
62
- setFirstItemRef(firstElemRef.current);
63
- }
64
- }, [setFirstItemRef, firstElemRef]);
65
- const navHighlightData = uxDesignerCareerPathHighlight;
66
- const topSubjects = getTopSubjects();
67
- const onClick = (event, linkItem) => {
68
- handleClose?.();
69
- return action(event, linkItem);
70
- };
71
- const DescriptionSection = ({
72
- title,
73
- subtitle
74
- }) => /*#__PURE__*/_jsxs(DescriptionSectionContainer, {
75
- "data-focusablecatalog": "true",
76
- "data-testid": "title-description-section",
77
- tabIndex: -1,
78
- flexDirection: "column",
79
- children: [/*#__PURE__*/_jsx(Text, {
80
- as: "h2",
81
- variant: "title-xs",
82
- mb: 8,
83
- fontWeight: 700,
84
- children: title
85
- }), /*#__PURE__*/_jsx(Text, {
86
- fontSize: 14,
87
- children: subtitle
88
- })]
89
- });
90
- return /*#__PURE__*/_jsxs(LayoutGridAntiAliased, {
91
- onKeyDown: keyDownEvents,
92
- ref: ref,
93
- as: "ul",
94
- p: 0,
95
- children: [/*#__PURE__*/_jsx(StyledColumn, {
96
- as: "li",
97
- size: 12,
98
- children: /*#__PURE__*/_jsxs(LayoutGrid, {
99
- children: [/*#__PURE__*/_jsx(Column, {
100
- size: {
101
- xs: 12,
102
- lg: 3
103
- },
104
- rowspan: 2,
105
- children: /*#__PURE__*/_jsx(Background, {
106
- ...styles,
107
- px: {
108
- _: 16,
109
- xs: 32,
110
- sm: 64,
111
- md: 48,
112
- lg: 24
113
- },
114
- py: {
115
- _: 16,
116
- sm: 32
117
- },
118
- borderBottom: 1,
119
- children: /*#__PURE__*/_jsxs(FlexBox, {
120
- height: "100%",
121
- flexDirection: "column",
122
- justifyContent: {
123
- lg: 'space-between'
124
- },
125
- children: [/*#__PURE__*/_jsx(DescriptionSection, {
126
- title: "Popular course topics",
127
- subtitle: "Explore free or paid courses in topics that interest you."
128
- }), /*#__PURE__*/_jsx(StyledFillButton, {
129
- "data-focusablecatalog": "true",
130
- href: catalogButtonData.href,
131
- onClick: event => onClick(event, item),
132
- tabIndex: tabIndex,
133
- ref: firstElemRef,
134
- children: catalogButtonData.text
135
- })]
136
- })
137
- })
138
- }), /*#__PURE__*/_jsx(Column, {
139
- size: {
140
- xs: 12,
141
- lg: 8
142
- },
143
- py: 32,
144
- pl: {
145
- _: 16,
146
- xs: 32,
147
- sm: 64,
148
- md: 48
149
- },
150
- children: /*#__PURE__*/_jsxs(GridBox, {
151
- as: "ul",
152
- gridTemplateColumns: {
153
- _: '1fr',
154
- lg: 'repeat(3, 1fr)'
155
- },
156
- gridTemplateRows: {
157
- _: 'repeat(18, 1fr)',
158
- lg: 'repeat(6, 1fr)'
159
- },
160
- listStyleType: "none",
161
- gridAutoFlow: "column",
162
- pl: 0,
163
- children: [topLanguages.map(item => /*#__PURE__*/_jsx(Box, {
164
- minHeight: 32,
165
- ...topicWrapperProps,
166
- children: /*#__PURE__*/_jsx(Anchor, {
167
- "data-focusablecatalog": "true",
168
- variant: "interface",
169
- href: item.href,
170
- onClick: event => onClick(event, item),
171
- tabIndex: tabIndex,
172
- children: /*#__PURE__*/_jsxs(FlexBox, {
173
- alignItems: "center",
174
- gap: 8,
175
- children: [item.text, item.badge]
176
- })
177
- })
178
- }, item.id)), topSubjects.map(item => /*#__PURE__*/_jsx(Box, {
179
- minHeight: 36,
180
- ...topicWrapperProps,
181
- children: /*#__PURE__*/_jsx(SubjectAnchor, {
182
- "data-focusablecatalog": "true",
183
- variant: "interface",
184
- href: item.href,
185
- onClick: event => onClick(event, item),
186
- tabIndex: tabIndex,
187
- children: item.text
188
- })
189
- }, item.id))]
190
- })
191
- }), /*#__PURE__*/_jsx(GridBox, {
192
- ...bannerStyles,
193
- gridColumnStart: {
194
- xs: 1,
195
- lg: 4
196
- },
197
- gridColumnEnd: "span 12",
198
- py: 16,
199
- px: {
200
- _: 16,
201
- xs: 32,
202
- sm: 64,
203
- md: 48
204
- },
205
- borderTop: 1,
206
- children: /*#__PURE__*/_jsxs(BannerAnchor, {
207
- variant: "interface",
208
- href: navHighlightData.href,
209
- onClick: event => onClick(event, navHighlightData),
210
- "data-focusablecatalog": "true",
211
- tabIndex: tabIndex,
212
- children: [/*#__PURE__*/_jsxs(Box, {
213
- display: {
214
- xs: 'flex'
215
- },
216
- width: "100%",
217
- alignItems: "center",
218
- children: [/*#__PURE__*/_jsx(Badge, {
219
- variant: "tertiary",
220
- size: "sm",
221
- mr: 8,
222
- children: "New"
223
- }), navHighlightData.text]
224
- }), /*#__PURE__*/_jsx(MiniArrowRightIcon, {
225
- justifySelf: "end",
226
- alignSelf: "center"
227
- })]
228
- })
229
- })]
230
- })
231
- }, "Popular course topics"), !item.hideCareerPaths && /*#__PURE__*/_jsx(StyledColumn, {
232
- as: "li",
233
- size: 12,
234
- children: /*#__PURE__*/_jsxs(LayoutGrid, {
235
- children: [/*#__PURE__*/_jsx(Column, {
236
- size: {
237
- xs: 12,
238
- lg: 3
239
- },
240
- children: /*#__PURE__*/_jsx(Background, {
241
- ...styles,
242
- px: {
243
- _: 16,
244
- xs: 32,
245
- sm: 64,
246
- md: 48,
247
- lg: 24
248
- },
249
- py: {
250
- _: 16,
251
- sm: 32
252
- },
253
- borderBottom: 1,
254
- children: /*#__PURE__*/_jsx(DescriptionSection, {
255
- title: "Top career paths",
256
- subtitle: "Choose your career. We'll teach you the skills to get job-ready."
257
- })
258
- })
259
- }), /*#__PURE__*/_jsx(Column, {
260
- size: {
261
- xs: 12,
262
- lg: 8
263
- },
264
- children: /*#__PURE__*/_jsx(LayoutGrid, {
265
- as: "ul",
266
- py: 32,
267
- pl: {
268
- _: 16,
269
- xs: 32,
270
- sm: 64,
271
- md: 48
272
- },
273
- children: careerPaths.map(item => /*#__PURE__*/_jsx(StyledAnchorColumn, {
274
- as: "li",
275
- size: {
276
- _: 12,
277
- lg: 4
278
- },
279
- children: /*#__PURE__*/_jsx(Anchor, {
280
- "data-focusablecatalog": "true",
281
- variant: "interface",
282
- href: item.href,
283
- onClick: event => onClick(event, item),
284
- tabIndex: tabIndex,
285
- children: item.text
286
- })
287
- }, item.id))
288
- })
289
- })]
290
- })
291
- }, "Top career paths"), /*#__PURE__*/_jsx(StyledColumn, {
292
- as: "li",
293
- size: 12,
294
- children: /*#__PURE__*/_jsxs(LayoutGrid, {
295
- children: [/*#__PURE__*/_jsx(Column, {
296
- size: {
297
- xs: 12,
298
- lg: 3
299
- },
300
- children: /*#__PURE__*/_jsx(Background, {
301
- ...styles,
302
- px: {
303
- _: 16,
304
- xs: 32,
305
- sm: 64,
306
- md: 48,
307
- lg: 24
308
- },
309
- py: {
310
- _: 16,
311
- sm: 32
312
- },
313
- children: /*#__PURE__*/_jsx(DescriptionSection, {
314
- title: liveLearningHubItems.title,
315
- subtitle: liveLearningHubItems.description || ''
316
- })
317
- })
318
- }), /*#__PURE__*/_jsx(Column, {
319
- size: {
320
- xs: 12,
321
- lg: 8
322
- },
323
- children: /*#__PURE__*/_jsx(LayoutGrid, {
324
- as: "ul",
325
- py: 32,
326
- pl: {
327
- _: 16,
328
- xs: 32,
329
- sm: 64,
330
- md: 48
331
- },
332
- children: liveLearningHubItems.data.map(dataItem => {
333
- const {
334
- id,
335
- href,
336
- text,
337
- badge,
338
- newTab
339
- } = dataItem;
340
- return /*#__PURE__*/_jsx(Column, {
341
- as: "li",
342
- size: {
343
- _: 12,
344
- lg: 4
345
- },
346
- mb: {
347
- _: 16,
348
- lg: 0
349
- },
350
- children: /*#__PURE__*/_jsx(Anchor, {
351
- "data-focusableresource": "true",
352
- variant: "interface",
353
- href: href,
354
- onClick: event => onClick(event, dataItem),
355
- tabIndex: tabIndex,
356
- target: newTab ? '_blank' : '_self',
357
- children: 'description' in dataItem && /*#__PURE__*/_jsxs(_Fragment, {
358
- children: [/*#__PURE__*/_jsxs(FlexBox, {
359
- whiteSpace: "nowrap",
360
- children: [/*#__PURE__*/_jsx(Text, {
361
- fontSize: 16,
362
- fontWeight: "bold",
363
- as: "h3",
364
- pb: 4,
365
- children: text
366
- }), badge]
367
- }), /*#__PURE__*/_jsx(Text, {
368
- fontSize: 14,
369
- pb: 4,
370
- pr: 40,
371
- children: dataItem.description
372
- })]
373
- })
374
- })
375
- }, id);
376
- })
377
- })
378
- })]
379
- })
380
- }, "Live Learning"), showQuiz && /*#__PURE__*/_jsx(Column, {
381
- px: {
382
- _: 16,
383
- xs: 32,
384
- sm: 64,
385
- md: 48,
386
- lg: 24
387
- },
388
- py: 16,
389
- children: /*#__PURE__*/_jsxs(FlexBox, {
390
- alignItems: {
391
- _: 'flex-start',
392
- sm: 'center'
393
- },
394
- flexDirection: {
395
- _: 'column',
396
- sm: 'row'
397
- },
398
- children: [/*#__PURE__*/_jsxs(FlexBox, {
399
- alignItems: "center",
400
- children: [/*#__PURE__*/_jsx(Box, {
401
- mr: 12,
402
- children: /*#__PURE__*/_jsx(TinyBlocks, {
403
- "aria-hidden": true,
404
- height: 26,
405
- width: 26
406
- })
407
- }), /*#__PURE__*/_jsx(Box, {
408
- children: "Not sure where to begin?"
409
- })]
410
- }), /*#__PURE__*/_jsx(Box, {
411
- children: /*#__PURE__*/_jsxs(Anchor, {
412
- variant: "standard",
413
- fontSize: 14,
414
- fontWeight: 700,
415
- textAlign: {
416
- _: 'left',
417
- lg: 'center'
418
- },
419
- href: showOnboardingQuiz ? onboardingQuizAnchorData.href : quizAnchorData.href,
420
- "data-focusablecatalog": "true",
421
- onClick: event => onClick(event, showOnboardingQuiz ? onboardingQuizAnchorData : quizAnchorData),
422
- tabIndex: tabIndex,
423
- ml: {
424
- _: 0,
425
- sm: 16
426
- },
427
- pt: {
428
- _: 8,
429
- sm: 0
430
- },
431
- children: [showOnboardingQuiz ? onboardingQuizAnchorData.text : quizAnchorData.text, /*#__PURE__*/_jsx("span", {
432
- "aria-hidden": true,
433
- children: "\xA0\u2192"
434
- })]
435
- })
436
- })]
437
- })
438
- })]
439
- });
440
- });
@@ -1,13 +0,0 @@
1
- import * as React from 'react';
2
- import { RefObject } from 'react';
3
- import { AppHeaderAction, AppHeaderResourcesDataItem } from '../../shared';
4
- export type AppHeaderResourcesSectionProps = AppHeaderAction & {
5
- resources: AppHeaderResourcesDataItem[];
6
- ref?: RefObject<HTMLUListElement>;
7
- role?: string;
8
- id?: string;
9
- keyDownEvents?: (event: React.KeyboardEvent) => void;
10
- isOpen?: boolean;
11
- handleClose?: () => void;
12
- };
13
- export declare const AppHeaderResourcesSection: React.ForwardRefExoticComponent<Omit<AppHeaderResourcesSectionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;