@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.
- package/dist/lib/catalogList/index.d.ts +0 -3
- package/dist/lib/catalogList/index.js +1 -138
- package/package.json +3 -3
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSection/elements.d.ts +0 -92
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSection/elements.js +0 -63
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSection/index.d.ts +0 -13
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSection/index.js +0 -440
- package/dist/AppHeader/AppHeaderElements/AppHeaderResourcesSection/index.d.ts +0 -13
- package/dist/AppHeader/AppHeaderElements/AppHeaderResourcesSection/index.js +0 -194
|
@@ -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>>;
|